<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>康复管理</title>
    <link rel="shortcut icon" href="../../../favicon.ico">
    <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
    <link rel="stylesheet" href="../../../css/font-awesome.min.css">
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/cross.ui.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/form.ui.css" />
    <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
    <link rel="stylesheet" href="../../../css/cross-searchui.css">
    <link rel="stylesheet" href="../../../plugins/layui-v2.3.0/layui/css/layui.css">
    <link href="../../../plugins/toastr/toastr.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../css/health_control.css">
</head>
<body>
    <div id="app" v-cloak>
        <!-- <div class="re-title no-select">
            <div class="name">康复管理</div>
        </div> -->
        <!-- 内容 -->
        <div class="neirong1 flex-box">
            <div class="neirongrigh flex-box">
                <div class="dataCell form-group listform-sel-bor">
                    <div class="w160 inline c-vam">
                        <div class="input-group">
                            <input id="Type" placeholder="请选择疾病类型" type="text" class="form-control bgc-fff" name="Type" readonly="readonly">
                            <div class="input-group-btn">
                                <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                </button>

                                <ul class="dropdown-menu dropdown-menu-right">
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="dataCell form-group listform-sel-bor" style="margin-left:20px;">
                    <div class="w160 inline c-vam">
                        <div class="input-group">
                            <input id="Status" placeholder="请选择安排类型" type="text" class="form-control" name="Status" readonly="readonly">
                            <div class="input-group-btn">
                                <button type="button" class="btn btn-white dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                    <span class="caret"></span>
                                </button>
                                <ul class="dropdown-menu dropdown-menu-right">
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="c-ser-div">
                    <div class="c-ser-main">
                        <input type="text" class="c-ser-input" placeholder="请输入患者姓名" data-form="clear" v-model="name" />
                    </div>
                </div>
                <div class="c-ser-btn" id="queryBtn" @click="search()">
                    <a href="javascript:;">搜索</a>
                </div>
                <label class="checkbox all-checkbox">
                    <input type="checkbox" name="tags" class="c-hide" value="1" id="c" @click="daiban()">
                    <i class="icon-chkbox"></i>今日
                </label>
            </div>
            
            <div class="neironglef">
                <button @click="newRecover()">新建计划</button>
                <button @click="modelControl()">模版管理</button>
            </div>
        </div>
        <div class="neirong2">
            <ul class="c-blocks-4 ul">
                <li>患者信息</li>
                <li>计划信息</li>
                <li>&nbsp;</li>
                <li>操作</li>
            </ul>
            <!-- table -->
            <table class="table tablem">
                <tr v-if="!wujilu" v-for="(data, index) in tablelist" class="datas">
                    <td class="td">
                        <div class="all flex-box">
                            <div :class="{ quote: isActive}" class="mr15"></div>
                            <div class="dataa flex-box">
                                <img :src="setImgSrc(data.photo)" @click="checkPatient(data)" width="40" height="40" class="c-images-cycle" />
                                <p class="xinxi">
                                    <span>{{data.patientName}}
                                    </span>&nbsp;&nbsp;(&nbsp;{{data.sex}}&nbsp;{{data.age}}岁&nbsp;) <button class="recoveryPlan" @click="recoveryPlan(data)">康复管理</button>
                                    <br><span :id="'hospitalName_'+data.id" style="font-size: 14px;color: #999999;">{{data.hospitalName}}</span></p>
                                <p class="biaoqian" :id="'quote_'+data.id">
                                    <span class="span"></span> <span>{{data.healthyCondition}}</span>
                                </p>
                            </div>
                            <div class="datab ui-col-1 flex-box">
                                <p style="width: 120px">{{data.planTypeName}}</p>
                                <div class="layui-progress layui-progress-big" :lay-filter="data.id" lay-showpercent="true">
                                    <div class="layui-progress-bar" :id="'progress_'+data.id" lay-percent="">
                                    </div>
                                </div>
                                <span class="cgre">{{data.allFinishCount}}/</span>
                                <span class="cgre">{{data.allCount}}</span>
                            </div>
                            <div class="ui-col-1 flex-box">
                                <p style="margin-left:20px;"class="cred">今日:
                                    <span>{{data.todayBacklogCount}}</span>
                                </p>
                                <p class="cgre margin-10">已完成:
                                    <span>{{data.finishedCount}}</span>
                                </p>
                                <p style="margin-left: 10px;"class="cgre">未完成:
                                    <span>{{data.unfinishedCount}}</span>
                                </p>
                            </div>
                            <div class="datad ui-col-0 flex-box">
                                <button class="mr15">
                                    <a href="javascript: void(0)" @click="checkPlan(data)">查看计划</a>
                                </button>
                                <button class="mr15" v-if="data.status != 2" class="stopBtn mr15" @click="stop(data)" :data-id="data.id" :id="'stopBtn_'+data.id">中止计划</button>
                                <button class="mr15" v-if="data.status == 2" :data-id="data.id" :id="'stopBtn_'+data.id"></button>
                                <button class="mr15" @click="morePlan(data)">
                                    <a href="javascript: void(0)">更多计划</a>
                                </button>
                            </div>
                        </div>
                    </td>
                </tr>
                <tr v-if="wujilu">
                    <td>
                        <div class="nodata all" style="line-height: 60px;">
                            无记录
                        </div>
                    </td>

                </tr>

            </table>
            <navigation :pages="pagetotal" :current="currentPage" @navpage="search" :total="total" :size="pagesize"></navigation>

        </div>
    </div>
    <script type="text/javascript" src="../../../js/vue.js"></script>
    <script type="text/javascript" src="../../../js/jquery-2.2.4.js"></script>
    <script src="../../../js/es6-promise.js" type="text/javascript" charset="utf-8"></script>
    <script src="../../../plugins/toastr/toastr.min.js"></script>
    <script type="text/javascript" src="../../../js/cross.ui.js"></script>
    <script src="../../../plugins/layer/layer.min.js"></script>
    <script type="text/javascript" src="../../../plugins/layui-v2.3.0/layui/layui.js"></script>
    <script src="../../../component/common/pagination.js"></script>
    <script src="../../../plugins/suggest/bootstrap-suggest.min.js"></script>
    <script src="../../../js/underscore.js"></script>
    <script src="../../../api/http-request.js"></script>
    <script src="../../../api/healthy-control-api.js"></script>
    <script src="../js/health_control.js"></script>
   
</body>

</html>