Home Explore Help
Register Sign In
raolu
/
PC-application
Watch 0
Star 0
Fork 1
Files Issues 0 Pull Requests 0 Wiki
Browse Source

康复管理

zhangyanfang 6 years ago
parent
c3093d1c6e
commit
2105d49752
6 changed files with 99 additions and 37 deletions
Unified View Show Diff Stats
  1. 38 7
      app/rehabilitation/css/health_control.css
  2. 11 4
      app/rehabilitation/css/moreplan.css
  3. 16 15
      app/rehabilitation/html/health_control.html
  4. 1 1
      app/rehabilitation/html/moreplan.html
  5. 20 9
      app/rehabilitation/js/health_control.js
  6. 13 1
      app/rehabilitation/js/moreplan.js

+ 38 - 7
app/rehabilitation/css/health_control.css
View File 

@ -55,6 +55,10 @@ li {
 
    text-align: center;
 
    text-align: center;
 
    font-size: 14px;
 
    font-size: 14px;
 
}
 
}
 
.c-ser-btn a:hover{
 
    background-color: #13a0d3;
 
}
 
.c-ser-btn a {
 
.c-ser-btn a {
 
    height: 28px;
 
    height: 28px;
 
@ -120,6 +124,9 @@ li {
 
    margin: 10px;
 
    margin: 10px;
 
    margin-left: 0px;
 
    margin-left: 0px;
 
}
 
}
 
.neirongrigh  .dataCell:nth-child(1){
 
    margin-left: 19px;
 
}
 
.neironglef button {
 
.neironglef button {
 
    display: inline-block;
 
    display: inline-block;
 
@ -197,16 +204,24 @@ li {
 
.datad button:nth-child(1) {
 
.datad button:nth-child(1) {
 
    background-color: #02cfb9;
 
    background-color: #02cfb9;
 
}
 
}
 
.datad button:nth-child(1):hover{
 
    background-color: #03c0ad;
 
}
 
.datad button:nth-child(2) {
 
.datad button:nth-child(2) {
 
    background-color: #12b7f5;
 
    background-color: #12b7f5;
 
}
 
}
 
.datad button:nth-child(2):hover {
 
    background-color: #14afe7;
 
}
 
.datad button:nth-child(3) {
 
.datad button:nth-child(3) {
 
    background-color: #ff3b30;
 
    background-color: #ff3b30;
 
    margin-right: 20px;
 
    margin-right: 20px;
 
}
 
}
 
.datad button:nth-child(3):hover {
 
    background-color: #ec382e;
 
}
 
.data {
 
.data {
 
    
    
@ -235,7 +250,7 @@ li {
 
}
 
}
 
.dataa .xinxi {
 
.dataa .xinxi {
 
    width: 200px;
 
    width: 210px;
 
    color: #999999;
 
    color: #999999;
 
    font-size: 14px;
 
    font-size: 14px;
 
    margin: 5px;
 
    margin: 5px;
 
@ -278,6 +293,15 @@ li {
 
.input-group-checkbox .input-group-pack .tick:after {
 
.input-group-checkbox .input-group-pack .tick:after {
 
    background-color: #12b7f5;
 
    background-color: #12b7f5;
 
}
 
}
 
.input-group input{
 
    height: 27px;
 
}
 
.input-group-btn button{
 
    height: 27px;
 
}
 
.checkbox{
 
    margin-left: 44px;
 
}
 
/* 翻页 */
 
/* 翻页 */
 
@ -348,7 +372,7 @@ select.form-control {
 
}
 
}
 
.table {
 
.tablem {
 
    position: relative;
 
    position: relative;
 
    left: 0;
 
    left: 0;
 
    top: 0;
 
    top: 0;
 
@ -412,13 +436,17 @@ select.form-control {
 
    border: none !important;
 
    border: none !important;
 
    background-color: #d7dce6 !important;
 
    background-color: #d7dce6 !important;
 
}
 
}
 
.table{
 
.tablem{
 
     width: calc(100% - 20px);
 
     width: calc(100% - 20px);
 
    margin: 10px 10px !important;
 
    margin: 10px 10px !important;
 
    padding: 10px;
 
    padding: 10px;
 
}
 
}
 
.c-ser-btn{
 
    
.tablem .td{
 
    border: 0 !important;
 
}
 
.caret{
 
    margin-bottom: 4px;
 
}
 
}
 
.c-ser-btn a{
 
.c-ser-btn a{
 
@ -439,4 +467,7 @@ select.form-control {
 
}
 
}
 
label{
 
label{
 
    font-weight: 400;
 
    font-weight: 400;
 
}
 
}
 
a:hover{
 
    color: white;
 
}

+ 11 - 4
app/rehabilitation/css/moreplan.css
View File 

@ -2,6 +2,7 @@
 
    outline: none;
 
    outline: none;
 
    list-style: none;
 
    list-style: none;
 
    box-sizing: border-box;
 
    box-sizing: border-box;
 
   
}
 
}
 
ul,
 
ul,
 
@ -9,6 +10,9 @@ li,
 
p {
 
p {
 
    margin: 0;
 
    margin: 0;
 
}
 
}
 
body{
 
    font-family: 微软雅黑;
 
}
 
.flex-box {
 
.flex-box {
 
    display: -webkit-box;
 
    display: -webkit-box;
 
@ -143,7 +147,7 @@ p {
 
    color: #ffffff;
 
    color: #ffffff;
 
    border-top-left-radius: 15px;
 
    border-top-left-radius: 15px;
 
    border-bottom-left-radius: 15px;
 
    border-bottom-left-radius: 15px;
 
    margin-right: 40px;
 
}
 
}
 
@ -164,7 +168,7 @@ p {
 
    border: 1px solid #d7dce6;
 
    border: 1px solid #d7dce6;
 
    margin: 10px;
 
    margin: 10px;
 
    border-radius: 10px;
 
    border-radius: 10px;
 
    height: 142px;
 
    height: 124px;
 
    margin-bottom: 0;
 
    margin-bottom: 0;
 
    min-width: 1235px;
 
    min-width: 1235px;
 
}
 
}
 
@ -208,10 +212,11 @@ p {
 
.doc {
 
.doc {
 
    background-color: #f5f5fa;
 
    background-color: #f5f5fa;
 
    width: 280px;
 
    width: 290px;
 
    height: 100px;
 
    height: 100px;
 
    margin: 20px;
 
    margin: 20px;
 
    text-align: center;
 
    text-align: center;
 
    margin-left: 15px;
 
}
 
}
 
.doc:nth-child(1){
 
.doc:nth-child(1){
 
            margin-left: 164px;
 
            margin-left: 164px;
 
@ -236,7 +241,9 @@ p {
 
}
 
}
 
.fdb p {
 
.fdb p {
 
    /* height: 17px; */
 
    width: 100%;
 
    width: 100%;
 
    line-height: 19px;
 
}
 
}
 
.fdb p:nth-child(1) {
 
.fdb p:nth-child(1) {
 
@ -345,5 +352,5 @@ p {
 
    display: inline-block;
 
    display: inline-block;
 
}
 
}
 
.datab{
 
.datab{
 
    width: 775px;
 
    width: 800px;
 
}
 
}

+ 16 - 15
app/rehabilitation/html/health_control.html
View File 

@ -19,9 +19,9 @@
 
</head>
 
</head>
 
<body>
 
<body>
 
    <div id="app" v-cloak>
 
    <div id="app" v-cloak>
 
        <div class="re-title no-select">
 
        <!-- <div class="re-title no-select">
 
            <div class="name">康复管理</div>
 
            <div class="name">康复管理</div>
 
        </div>
 
        </div> -->
 
        <!-- 内容 -->
 
        <!-- 内容 -->
 
        <div class="neirong1 flex-box">
 
        <div class="neirong1 flex-box">
 
            <div class="neirongrigh flex-box">
 
            <div class="neirongrigh flex-box">
 
@ -63,13 +63,13 @@
 
                <div class="c-ser-btn" id="queryBtn" @click="search()">
 
                <div class="c-ser-btn" id="queryBtn" @click="search()">
 
                    <a href="javascript:;">搜索</a>
 
                    <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>
 
            </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">
 
            <div class="neironglef">
 
                <button @click="newRecover()">新康复安排</button>
 
                <button @click="newRecover()">新康复安排</button>
 
                <button>模版管理</button>
 
                <button>模版管理</button>
 
@ -82,19 +82,20 @@
 
                <li>操作</li>
 
                <li>操作</li>
 
            </ul>
 
            </ul>
 
            <!-- table -->
 
            <!-- table -->
 
            <table class="data table">
 
            <table class="data table tablem">
 
                <tr v-if="!wujilu" v-for="(data, index) in tablelist" class="datas">
 
                <tr v-if="!wujilu" v-for="(data, index) in tablelist" class="datas">
 
                    <td>
 
                    <td class="td">
 
                        <div class="all flex-box">
 
                        <div class="all flex-box">
 
                            <div class="dataa flex-box">
 
                            <div class="dataa flex-box">
 
                                <div :class="{ quote: isActive}"></div>
 
                                <div :class="{ quote: isActive}"></div>
 
                                <img :src="setImgSrc(data.photo)" width="40" height="40" class="c-images-cycle" />
 
                                <img :src="setImgSrc(data.photo)" width="40" height="40" class="c-images-cycle" />
 
                                <p class="xinxi">
 
                                <p class="xinxi">
 
                                    <span>{{data.patientName}}
 
                                    <span>{{data.patientName}}
 
                                    </span>({{data.sex}}&nbsp;{{data.age}}岁)
 
                                    <br><span :id="'hospitalName_'+data.id">{{data.hospitalName}}</span></p>
 
                                    </span>&nbsp;&nbsp;({{data.sex}}&nbsp;{{data.age}}岁)
 
                                    <br><span :id="'hospitalName_'+data.id" style="font-size: 14px;color: #999999;">{{data.hospitalName}}</span></p>
 
                                <p class="biaoqian">
 
                                <p class="biaoqian">
 
                                    <span></span>{{data.healthyCondition}}</p>
 
                                    <span></span>{{data.healthyCondition}}</p>
 
                                </p>
 
                            </div>
 
                            </div>
 
                            <div class="datab flex-box">
 
                            <div class="datab flex-box">
 
                                <p>{{data.planTypeName}}</p>
 
                                <p>{{data.planTypeName}}</p>
 
@ -104,13 +105,13 @@
 
                                </div>
 
                                </div>
 
                                <span class="cgre">{{data.allFinishCount}}/</span>
 
                                <span class="cgre">{{data.allFinishCount}}/</span>
 
                                <span class="cgre">{{data.allCount}}</span>
 
                                <span class="cgre">{{data.allCount}}</span>
 
                                <p class="cred">今日代办:
 
                                <p style="margin-left:20px;"class="cred">今日待办:
 
                                    <span>{{data.todayBacklogCount}}</span>
 
                                    <span>{{data.todayBacklogCount}}</span>
 
                                </p>
 
                                </p>
 
                                <p class="cgre margin-10">已完成:
 
                                <p class="cgre margin-10">已完成:
 
                                    <span>{{data.finishedCount}}</span>
 
                                    <span>{{data.finishedCount}}</span>
 
                                </p>
 
                                </p>
 
                                <p class="cgre">未完成:
 
                                <p style="margin-left: 10px;"class="cgre">未完成:
 
                                    <span>{{data.unfinishedCount}}</span>
 
                                    <span>{{data.unfinishedCount}}</span>
 
                                </p>
 
                                </p>
 
                            </div>
 
                            </div>
 
@ -121,7 +122,7 @@
 
                                <button>
 
                                <button>
 
                                    <a href="javascript: void(0)" @click="checkPlan(data)">查看计划</a>
 
                                    <a href="javascript: void(0)" @click="checkPlan(data)">查看计划</a>
 
                                </button>
 
                                </button>
 
                                <button class="stopBtn" @click="stop(data)" :data-id="data.id" :id="'stopBtn_'+data.id">终止计划</button>
 
                                <button class="stopBtn" @click="stop(data)" :data-id="data.id" :id="'stopBtn_'+data.id">中止计划</button>
 
                            </div>
 
                            </div>
 
                        </div>
 
                        </div>
 
                    </td>
 
                    </td>

+ 1 - 1
app/rehabilitation/html/moreplan.html
View File 

@ -41,7 +41,7 @@
 
                                </p>
 
                                </p>
 
                                <div class="xinxi">
 
                                <div class="xinxi">
 
                                    <div class="xinxitop flex-box">
 
                                    <div class="xinxitop flex-box">
 
                                            <p>{{dat.patientName}}&#x3000;({{dat.sex}}{{dat.age}}岁)
 
                                            <p><span style="color:#333333;">{{dat.patientName}}</span>&#x3000;({{dat.sex}}{{dat.age}}岁)
 
                                                </p>
 
                                                </p>
 
                                                <p class="biaoqian">
 
                                                <p class="biaoqian">
 
                                                    <span></span>康复期
 
                                                    <span></span>康复期

+ 20 - 9
app/rehabilitation/js/health_control.js
View File 

@ -30,11 +30,17 @@ layui.use('element', function () {
 
                    "background-color": "gray"
 
                    "background-color": "gray"
 
                })
 
                })
 
                $("#stopBtn_" + planid).html("激活计划")
 
                $("#stopBtn_" + planid).html("激活计划")
 
                $("#stopBtn_" + planid).css({
 
                    "background-color": "#2dbe55"
 
                })
 
            } else {
 
            } else {
 
                $("#progress_" + planid).css({
 
                $("#progress_" + planid).css({
 
                    "background-color": "#ff9526"
 
                    "background-color": "#ff9526"
 
                })
 
                })
 
                $("#stopBtn_" + planid).html("终止计划")
 
                $("#stopBtn_" + planid).html("中止计划")
 
                $("#stopBtn_" + planid).css({
 
                    "background-color": "#ff3b30"
 
                })
 
            }
 
            }
 
            console.log(isStop)
 
            console.log(isStop)
 
@ -99,10 +105,10 @@ layui.use('element', function () {
 
                        var isStop = val[i].status
 
                        var isStop = val[i].status
 
                        var ishospitalName = val[i].hospitalName
 
                        var ishospitalName = val[i].hospitalName
 
                        vm.planCreateUser = val[i].planCreateUser
 
                        vm.planCreateUser = val[i].planCreateUser
 
                            if (vm.planCreateUser[i]!== vm.docInfo.code) {
 
                                $("#stopBtn_" + val[i].id).attr('disabled', "true")
 
                                $("#stopBtn_" + val[i].id).addClass("falsebutton")
 
                            }
 
                        if (vm.planCreateUser[i]!== vm.docInfo.code) {
 
                            $("#stopBtn_" + val[i].id).attr('disabled', "true")
 
                            $("#stopBtn_" + val[i].id).addClass("falsebutton")
 
                        }
 
                        if (ishospitalName == null) {
 
                        if (ishospitalName == null) {
 
                            $("#hospitalName_" + val[i].id).html("暂无社区信息")
 
                            $("#hospitalName_" + val[i].id).html("暂无社区信息")
 
@ -119,12 +125,17 @@ layui.use('element', function () {
 
                                "background-color": "gray"
 
                                "background-color": "gray"
 
                            })
 
                            })
 
                            $("#stopBtn_" + val[i].id).html("激活计划")
 
                            $("#stopBtn_" + val[i].id).html("激活计划")
 
                            $("#stopBtn_" + val[i].id).css({
 
                                "background-color": "#2dbe55"
 
                            })
 
                        } else {
 
                        } else {
 
                            $("#progress_" + val[i].id).css({
 
                            $("#progress_" + val[i].id).css({
 
                                "background-color": "#ff9526"
 
                                "background-color": "#ff9526"
 
                            })
 
                            })
 
                            $("#stopBtn_" + val[i].id).html("终止计划")
 
                            $("#stopBtn_" + val[i].id).html("中止计划")
 
                            $("#stopBtn_" + val[i].id).css({
 
                                "background-color": "#ff3b30"
 
                            })
 
                        }
 
                        }
 
                    }
 
                    }
 
@ -204,7 +215,7 @@ layui.use('element', function () {
 
                            $(".neironglef>button").css("color", "white")
 
                            $(".neironglef>button").css("color", "white")
 
                        }
 
                        }
 
                       
                    } else {
 
                    } else {
 
@ -313,7 +324,7 @@ layui.use('element', function () {
 
                location.href = "../../recover/html/new_recover.html"
 
                location.href = "../../recover/html/new_recover.html"
 
            },
 
            },
 
            checkPlan: function (data) {
 
            checkPlan: function (data) {
 
                var vm=this
 
                var vm = this
 
                location.href = "../../rehabilitation/html/rehabilitation_management.html?planId=" + data.id
 
                location.href = "../../rehabilitation/html/rehabilitation_management.html?planId=" + data.id

+ 13 - 1
app/rehabilitation/js/moreplan.js
View File 

@ -227,7 +227,19 @@ layui.use('element', function () {
 
            },
 
            },
 
            checkPatient: function () {
 
            checkPatient: function () {
 
                var vm = this
 
                var vm = this
 
                location.href = "../../temporary/html/userInfo.html?patient=" + vm.paticentcode
 
                layer.open({
 
                    type: 2,
 
                    area: ['600px', '650px'],
 
                    shade: 0.5,
 
                    title: '服务项目内容',
 
                    fixed: true, //不固定
 
                    maxmin: true,
 
                    closeBtn:1,
 
                    shift: 5,
 
                    shadeClose: false, //点击遮罩关闭层
 
                    content: '../../temporary/html/userInfo.html?patient='+vm.paticentcode
 
                  });
 
                // location.href = "" + 
            },
 
            },
 
            checkPlan: function (data) {
 
            checkPlan: function (data) {