raolu
/
PC-application


			
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404
							<!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>Document</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 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(1)">
                    <a href="javascript:;">搜索</a>
                </div>

            </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 class="neironglef">
                <button>新康复安排</button>
                <button>模版管理</button>
            </div>
        </div>
        <div class="neirong2">
            <ul class="c-blocks-3 ul">
                <li>患者信息</li>
                <li>医生及计划信息</li>
                <li>操作</li>
            </ul>
            <!-- table -->
            <table class="data table">
                <tr v-if="!wujilu" v-for="(data, index) in tablelist" class="datas">
                    <td>
                        <div class="all flex-box">
                                <div class="dataa flex-box">
                                        <div :class="{ quote: isActive}"></div>
                                            <img src="../images/p-male.png" width="40" height="40" class="c-images-cycle" />
                                            <p class="xinxi">
                                                <span>{{data.patientName}}
                                                </span>({{data.sex}}&nbsp;{{data.age}}岁)
                                                <br>{{data.hospitalName}}</p>
                                            <p class="biaoqian">
                                                <span></span>{{data.healthyCondition}}</p>
                                            </div>
                                        <div class="datab flex-box">
                                            <p>{{data.planTypeName}}</p>
                                            <div class="layui-progress layui-progress-big" :lay-filter="data.id" lay-showpercent="true">
                                                <div class="layui-progress-bar" lay-percent="">
                                                </div>
                                            </div>
                                            <span class="cgre">{{data.allFinishCount}}/</span>
                                            <span class="cgre">{{data.allCount}}</span>
                                            <p class="cred">今日代办:
                                                <span>{{data.todayBacklogCount}}</span>
                                            </p>
                                            <p class="cgre margin-10">已完成:
                                                <span>{{data.finishedCount}}</span>
                                            </p>
                                            <p class="cgre">未完成:
                                                <span>{{data.unfinishedCount}}</span>
                                            </p>
                                        </div>
                                        <div class="datad flex-box">
                                            <button @click="morePlan(data)">
                                                <a href="javascript: void(0)">更多计划</a>
                                            </button>
                                            <button  @click="checkPlan(data)">
                                                <a href="javascript: void(0)">查看计划</a>
                                            </button>
                                            <button class="" @click="Stop(data)" id="button_id">终止计划</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 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>

     
        layui.use('element', function () {
            // var $ = layui.jquery
            element = layui.element//Tab的切换功能，切换事件监听等，需要依赖element模块
            function Progress(dom, num) {
                window.setTimeout(function () {
                    element.progress(dom, num)
                }, 360)
            }
            function showInfoMessage(msg) {
                layer.msg(msg, {
                    icon: 6
                })
            }
            function showErrorMessage(msg) {
                layer.msg(msg, {
                    icon: 5
                })
            }
            function ConFirm(msg, num, isStop, planid, getDat) {
                layer.confirm('您确定要执行该操作吗?', { btn: ['确定', '取消'], title: "提示" }, function (index) {
                    if (num == 2) {
                        showInfoMessage("计划已完成")
                        $("#button_id").attr('disabled', true).addClass("falsebutton")

                    } else {
                        isStop = num == 0 ? 1 : 0
                    }
                    var params = {
                        status: isStop,
                        planId: planid
                    }
                    healthAPI.updatePlanStatusById(params).then(function (res) {
                        if (res.status == 200) {
                            getDat()
                        }
                    })
                    layer.close(index);
                });
            }
            new Vue({
                el: '#app',
                data: {
                    code: "",
                    modal: "",
                    type: "",
                    status: "",
                    plan: "",
                    name: "",
                    isDanger: "0",
                    pagesize: 10,
                    total: "",
                    pagetotal: '', //总页数
                    currentPage: 1, //当前页数
                    tablelist: [],
                    diseaselist: [],
                    types: [],
                    Statics: {},
                    wujilu: false,
                    datamodelshow: true,
                    plantype: 1,
                    todaylog: 1,
                    isTotayTodo: 1,
                    progress: "",
                    allFinishCount: "",
                    allCount: "",
                    planid: "",
                    isStop: 1, //
                    isActive:true

                    
                },
                watch: {
                    tablelist: function (val) {
                        var vm = this
                            this.$nextTick(function () {
                                element.init()
                                for (var i = 0; i < val.length; i++) {
                                    var allFinishCount = val[i].allFinishCount
                                    var allCount = val[i].allCount
                                    var isStop = val[i].status
                                    var isname=val[i].name
                                    if (isStop == 0) {
                                        $(".layui-progress-bar").css({
                                            "background-color": "gray"
                                        })
                                        $("#button_id").html("激活计划")
                                    } else {
                                        $(".layui-progress-bar").css({
                                            "background-color": "#ff9526"
                                        })
                                        $("#button_id").html("终止计划")

                                    }

                                    var progressNum = Math.ceil((allFinishCount / allCount) * 100)
                                    Progress(val[i].id, progressNum + "%")

                                }
                               
                            })
                   
                    },


                },
                mounted() {
                    var vm = this
                    // vm.getModal()
                    vm.getDatas()
                    vm.gettypes()
                    vm.progressColor()

                },
                methods: {
                    getDatas: function () {
                        var vm = this
                        var params = {
                            patientCondition: vm.name,//	居民条件，可以按身份证或者居民名称模糊匹配
                            diseaseCode: vm.type, //疾病类型
                            planType: vm.status,	//安排类型（1康复计划，2转社区医院，3转家庭病床）
                            todaybacklog: vm.isTotayTodo,	// 今日待办（1、今日待办，2、全部）
                            page: vm.currentPage,
                            pageSize: vm.pagesize,
                            isDanger: vm.isDanger, 
                        }

                        healthAPI.getSpecialList(params).then(function (res) {
                            console.log(res)
                            if (res.status == 200) {
                                vm.wujilu = false
                                vm.total = res.data.totalCount
                                vm.pagetotal = Math.ceil(res.data.totalCount / vm.pagesize)
                                vm.tablelist = _.sortBy(res.data.detailModelList, "patientName")
                                if (vm.tablelist.length == 0) {
                                    vm.wujilu = true
                                }

                            } else {

                                showErrorMessage(res.msg);
                            }

                        })

                    },
                    gettypes: function () {
                        var vm = this
                        var search = true
                        $("#Status").bsSuggest({
                            data: {
                                value: [{
                                    code: "",
                                    name: "全部"
                                },
                                {
                                    code: "1",
                                    name: "康复计划"
                                },
                                {
                                    code: "2",
                                    name: "(转)社区医院"
                                },
                                {
                                    code: "3",
                                    name: "(转)家庭病床"
                                }

                                ]
                            },
                            getDataMethod: "data",
                            effectiveFields: ["name"],
                            idField: "code",
                            keyField: "name"
                        });//>下拉框的值
                        healthAPI.getSpecialDisease().then(function (res) {
                            if (res.status == 200) {
                                console.log(res)
                                var data = {}
                                data.value = _.map(res.data, function (v) {
                                    return {
                                        code: v.code,
                                        name: v.name
                                    }
                                })
                                if (search) {
                                    data.value = [{
                                        code: "",
                                        name: "全部"
                                    }].concat(data.value)
                                }
                                $("#Type").bsSuggest({
                                    data: data,
                                    getDataMethod: "data",
                                    effectiveFields: ["name"],
                                    idField: "code",
                                    keyField: "name"
                                });
                                vm.types = res.data;
                            } else {
                                showErrorMessage(res.msg);
                            }
                        })
                    },
                    search: function (page) {
                        var vm = this
                        vm.type = $("#Type").attr("data-id");
                        vm.status = $("#Status").attr("data-id");
                        vm.currentPage = page
                        vm.getDatas()
                    },
                    daiban: function (page) {
                        var vm = this
                        vm.isTotayTodo = $("#c").prop("checked") ? 2 : 1
                        $(".icon-chkbox").toggleClass("icon-bgchkbox");
                        vm.currentPage = page
                        console.log(vm.currentPage)
                        vm.getDatas()
                    },
                    morePlan: function (data) {
                        location.href = "moreplan.html?patientCode=" + data.patientCode
                    },
                    checkPlan:function(data){
                        location.href = "../../rehabilitation/html/rehabilitation_management.html?planid=" + data.id + "&status=" + data.status

                    },
                    Stop: function (data) {
                        var vm = this
                        vm.planid = data.id
                        ConFirm("确定终止该计划吗", data.status, vm.isStop, vm.planid, vm.getDatas)

                    },

                    progressColor: function (data) {

                    }

                }

            })
        });
    </script>
</body>

</html>