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

康复管理

hd 1 month ago
parent
e1ddb1d847
commit
b5276943ba
9 changed files with 849 additions and 2 deletions
Unified View Show Diff Stats
  1. 0 0
      app/rehabilitation/css/followRecord.css
  2. 171 0
      app/rehabilitation/html/followRecord.html
  3. 123 0
      app/rehabilitation/html/followResult.html
  4. 2 2
      app/rehabilitation/html/guide_the_message.html
  5. 213 0
      app/rehabilitation/html/healthBodyRecord.html
  6. 267 0
      app/rehabilitation/html/healthMonitor.html
  7. 31 0
      app/rehabilitation/html/rehabilitation_management.html
  8. 28 0
      app/rehabilitation/js/guide_the_message.js
  9. 14 0
      app/rehabilitation/js/rehabilitation_management.js

+ 0 - 0
app/rehabilitation/css/followRecord.css
View File


+ 171 - 0
app/rehabilitation/html/followRecord.html
View File 

@ -0,0 +1,171 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
  <head>
 
    <meta charset="UTF-8" />
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
    <title>随访记录</title>
 
    <link rel="shortcut icon" href="../../favicon.ico" />
 
    <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
 
    <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
 
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
 
    <link rel="stylesheet" href="../../../plugins/toastr/toastr.min.css" />
 
    <link rel="stylesheet" href="../../../plugins/element-ui/element-ui.css" />
 
    <link rel="stylesheet" type="text/css" href="../css/date.css" />
 
    <link rel="stylesheet" href="../css/common.css" />
 
  </head>
 
  <style>
 
    #app {
 
      display: flex;
 
    }
 
    .left {
 
      width: 550px;
 
      border-right: 1px solid rgba(0, 0, 0, 0.1);
 
      height: 100%;
 
    }
 
    .right {
 
      width: 300px;
 
    }
 
    .left .question-box {
 
      border-radius: 6px;
 
      border: 1px solid rgba(0, 0, 0, 0.1);
 
      margin: 20px 20px 0;
 
      padding: 10px 20px;
 
      height: 680px;
 
      box-sizing: border-box;
 
      overflow: auto;
 
    }
 
    .title {
 
      font-weight: bold;
 
      font-size: 18px;
 
      line-height: 24px;
 
    }
 
    .left .form-item {
 
      padding: 6px 0 8px;
 
      border-top: 1px solid rgba(0, 0, 0, 0.1);
 
      font-size: 14px;
 
    }
 
    .form-label {
 
      margin: 2px 0 6px 0;
 
    }
 
    .mb8{
 
      margin-bottom: 8px;
 
    }
 
    .right .base-info{
 
      padding: 20px;
 
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 
    }
 
    .right .complete-rate{
 
      padding: 20px;
 
      border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 
    }
 
    .btn-box{
 
      padding: 20px;
 
    }
 
    .progress{
 
      /* margin: 10px auto 0; */
 
      background: #fff;
 
      height: 126px;
 
      display: flex;
 
      justify-content: center;
 
    }
 
    .info-item{
 
      display: flex;
 
      font-size: 14px;
 
    }
 
  </style>
 
  <body>
 
    <div id="app" v-cloak>
 
      <div class="left">
 
        <div class="question-box">
 
          <div class="title mb8">随访问题</div>
 
          <div class="form-item">
 
            <div class="form-label">1、评估时间</div>
 
            <el-date-picker v-model="form.evaluationTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
 
          </div>
 
          <div class="form-item">
 
            <div class="form-label">2、评估医院</div>
 
            <el-input v-model="form.hospital"></el-input>
 
          </div>
 
          <div class="form-item">
 
            <div class="form-label">3、评估机构</div>
 
            <el-input v-model="form.insi"></el-input>
 
          </div>
 
          <div class="form-item">
 
            <div class="form-label">4、姓名</div>
 
            <el-input v-model="form.name"></el-input>
 
          </div>
 
          <div class="form-item">
 
            <div class="form-label">5、年龄</div>
 
            <el-input v-model="form.age"></el-input>
 
          </div>
 
          <div class="form-item">
 
            <div class="form-label">6、性别</div>
 
            <el-radio v-model="form.sex" label="1">男</el-radio>
 
            <el-radio v-model="form.sex" label="2">女</el-radio>
 
          </div>
 
          <div class="form-item">
 
            <div class="form-label">7、性别</div>
 
            <el-input v-model="form.sex1"></el-input>
 
          </div>
 
          <div class="form-item">
 
            <div class="form-label">7、性别</div>
 
            <el-input v-model="form.sex1"></el-input>
 
          </div>
 
        </div>
 
      </div>
 
      <div class="right">
 
        <div class="base-info">
 
          <div class="title mb8">基本信息</div>
 
          <div class="info-item">
 
            <div class="info-label">随访表单：</div>
 
            <div class="info-value">冠心病日常随访</div>
 
          </div>
 
          <div class="info-item">
 
            <div class="info-label">对象：</div>
 
            <div class="info-value">黄小蕾</div>
 
          </div>
 
          <div class="info-item">
 
            <div class="info-label">随访医生：</div>
 
            <div class="info-value">黄琴</div>
 
          </div>
 
        </div>
 
        <div class="complete-rate">
 
          <div class="title mb8">完成情况</div>
 
          <div class="progress"> 
            <el-progress type="circle" :stroke-width="12" :percentage="percentage" ></el-progress>
 
          </div>
 
        </div>
 
        <div class="btn-box">
 
          <el-button type="primary" style="width: 100%;">提交</el-button>
 
        </div>
 
        <!-- <el-button>退出</el-button> -->
 
      </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/es6-promise.js" charset="utf-8"></script>
 
    <script type="text/javascript" src="../../../plugins/toastr/toastr.min.js"></script>
 
    <script type="text/javascript" src="../../../plugins/element-ui/element-ui.js"></script>
 
    <script type="text/javascript" src="../../../api/http-request.js"></script>
 
    <script type="text/javascript" src="../../../plugins/layer/layer.min.js"></script>
 
    <script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
 
    <script type="text/javascript" src="../../../api/recover_api.js"></script>
 
    <script type="text/javascript" src="../../../js/underscore-1.9.1.js"></script>
 
    <script type="text/javascript" src="../../../component/rehabilitation/server-items-detail.js"></script>
 
    <script type="text/javascript" src="../../../js/util.js" charset="utf-8"></script>
 
    
    <script>
 
      new Vue({
 
        el: '#app',
 
        data() {
 
          return {
 
            form: {},
 
          }
 
        },
 
        methods: {
 
        }
 
      })
 
    </script>
 
  </body>
 
</html>

+ 123 - 0
app/rehabilitation/html/followResult.html
View File 

@ -0,0 +1,123 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
<head>
 
  <meta charset="UTF-8">
 
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
  <title>查看随访结果</title>
 
  <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
 
  <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
 
  <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
 
  <link rel="stylesheet" href="../../../plugins/toastr/toastr.min.css" />
 
  <link rel="stylesheet" href="../../../plugins/element-ui/element-ui.css" />
 
  <link rel="stylesheet" type="text/css" href="../css/date.css" />
 
  <link rel="stylesheet" href="../css/common.css" />
 
  <style>
 
    #app{
 
      padding: 20px;
 
    }
 
    .info{
 
      display: flex;
 
      flex-wrap: wrap;
 
      font-size: 14px;
 
    }
 
    .info-item{
 
      width: 50%;
 
      line-height: 24px;
 
    }
 
    .question-box{
 
      border-radius: 6px;
 
      border: 1px solid rgba(0, 0, 0, 0.1);
 
      padding: 10px 20px;
 
      height: 570px;
 
      box-sizing: border-box;
 
      overflow: auto;
 
    }
 
    .title {
 
      font-weight: bold;
 
      font-size: 18px;
 
      line-height: 24px;
 
      margin-bottom: 8px;
 
    }
 
    .form-item {
 
      padding: 6px 0 8px;
 
      border-top: 1px solid rgba(0, 0, 0, 0.1);
 
      font-size: 14px;
 
    }
 
    .form-label {
 
      margin: 2px 0 6px 0;
 
    }
 
  </style>
 
</head>
 
<body>
 
  <div id="app" v-cloak>
 
    <div class="info">
 
      <div class="info-item">随访表单：冠心病日常随访</div>
 
      <div class="info-item">随访医生：黄琴</div>
 
      <div class="info-item">随访医生：黄小蕾</div>
 
    </div>
 
    <div class="question-box">
 
      <div class="title">问卷题目</div>
 
      <div class="form-item">
 
        <div class="form-label">1、评估时间</div>
 
        <el-date-picker v-model="form.evaluationTime" type="datetime" placeholder="选择日期时间"></el-date-picker>
 
      </div>
 
      <div class="form-item">
 
        <div class="form-label">2、评估医院</div>
 
        <el-input v-model="form.hospital"></el-input>
 
      </div>
 
      <div class="form-item">
 
        <div class="form-label">3、评估机构</div>
 
        <el-input v-model="form.insi"></el-input>
 
      </div>
 
      <div class="form-item">
 
        <div class="form-label">4、姓名</div>
 
        <el-input v-model="form.name"></el-input>
 
      </div>
 
      <div class="form-item">
 
        <div class="form-label">5、年龄</div>
 
        <el-input v-model="form.age"></el-input>
 
      </div>
 
      <div class="form-item">
 
        <div class="form-label">6、性别</div>
 
        <el-radio v-model="form.sex" label="1">男</el-radio>
 
        <el-radio v-model="form.sex" label="2">女</el-radio>
 
      </div>
 
      <div class="form-item">
 
        <div class="form-label">7、性别</div>
 
        <el-input v-model="form.sex1"></el-input>
 
      </div>
 
      <div class="form-item">
 
        <div class="form-label">7、性别</div>
 
        <el-input v-model="form.sex1"></el-input>
 
      </div>
 
    </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/es6-promise.js" charset="utf-8"></script>
 
  <script type="text/javascript" src="../../../plugins/toastr/toastr.min.js"></script>
 
  <script type="text/javascript" src="../../../plugins/element-ui/element-ui.js"></script>
 
  <script type="text/javascript" src="../../../api/http-request.js"></script>
 
  <script type="text/javascript" src="../../../plugins/layer/layer.min.js"></script>
 
  <script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
 
  <script type="text/javascript" src="../../../api/recover_api.js"></script>
 
  <script type="text/javascript" src="../../../js/underscore-1.9.1.js"></script>
 
  <script type="text/javascript" src="../../../component/rehabilitation/server-items-detail.js"></script>
 
  <script type="text/javascript" src="../../../js/util.js" charset="utf-8"></script>
 
  
  <script>
 
    new Vue({
 
      el: '#app',
 
      data() {
 
        return {
 
          form: {},
 
        }
 
      },
 
      methods: {
 
      }
 
    })
 
  </script>
 
</body>
 
</html>

+ 2 - 2
app/rehabilitation/html/guide_the_message.html
View File 

@ -143,8 +143,8 @@
 
						<button class="btn btn-12b7f5" v-if="service.type==4 && service.status!=1 && service.isMyTask==1" @click="qwapp">代预约</button>
 
						<button class="btn btn-12b7f5" v-if="service.type==4 && service.status!=1 && service.isMyTask==1" @click="qwapp">代预约</button>
 
						<button class="btn btn-yuyue" v-if="service.type==5 && service.status!=1 && service.isMyTask==1" @click="kfzd()">发送指导</button>
 
						<button class="btn btn-yuyue" v-if="service.type==5 && service.status!=1 && service.isMyTask==1" @click="kfzd()">发送指导</button>
 
						<button class="btn btn-yuyue" v-if="service.type==6 && service.status!=1 && service.isMyTask==1 && service.operate==0"  @click="sfjh()" style="width: auto">创建随访计划</button>
 
						<button class="btn btn-yuyue" v-if="service.type==6 && service.status!=1 && service.isMyTask==1 && service.operate==0"  @click="sfjh()" style="width: auto">创建随访计划</button>
 
						<button class="btn btn-12b7f5" v-if="service.type==6 && service.status!=1 && service.isMyTask==1 && service.operate==1" @click="qwapp" style="width: auto">记录随访表单</button>
 
						<button class="btn btn-12b7f5" v-if="service.type==6 && service.status==1" @click="qwapp" style="width: auto">查看随访结果</button>
 
						<button class="btn btn-12b7f5" v-if="service.type==6 && service.status!=1 && service.isMyTask==1 && service.operate==1" @click="openRecordForm" style="width: auto">记录随访表单</button>
 
						<button class="btn btn-12b7f5" v-if="service.type==6 && service.status==1" @click="openFollowResult" style="width: auto">查看随访结果</button>
 
						<button class="btn btn-yuyue" v-if="service.type==7 && service.status!=1 && service.isMyTask==1 && selectCheckTyperadio!=1 && !service.appointmentTime" @click="sendSpecialistWeixinMessage(7)">提醒患者</button>
 
						<button class="btn btn-yuyue" v-if="service.type==7 && service.status!=1 && service.isMyTask==1 && selectCheckTyperadio!=1 && !service.appointmentTime" @click="sendSpecialistWeixinMessage(7)">提醒患者</button>
 
						<button class="btn btn-12b7f5" v-if="service.type==7 && service.status!=1 && service.isMyTask==1 && selectCheckTyperadio==0 && !service.appointmentTime" @click="qwapp">代预约</button>
 
						<button class="btn btn-12b7f5" v-if="service.type==7 && service.status!=1 && service.isMyTask==1 && selectCheckTyperadio==0 && !service.appointmentTime" @click="qwapp">代预约</button>
 
						<button class="btn btn-12b7f5" v-if="selectCheckTyperadio==1 && showAppointHelpCheckBtn" @click="$refs.datePicker.pickerVisible = true">预约协诊</button>
 
						<button class="btn btn-12b7f5" v-if="selectCheckTyperadio==1 && showAppointHelpCheckBtn" @click="$refs.datePicker.pickerVisible = true">预约协诊</button>

+ 213 - 0
app/rehabilitation/html/healthBodyRecord.html
View File 

@ -0,0 +1,213 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
  <head>
 
    <meta charset="UTF-8" />
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
    <title>记录详情</title>
 
    <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
 
    <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
 
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
 
    <link rel="stylesheet" href="../../../plugins/toastr/toastr.min.css" />
 
    <link rel="stylesheet" href="../../../plugins/element-ui/element-ui.css" />
 
    <link rel="stylesheet" type="text/css" href="../css/date.css" />
 
    <link rel="stylesheet" href="../css/common.css" />
 
    <style>
 
      #app {
 
        padding: 8px 16px;
 
        font-size: 14px;
 
      }
 
      .box {
 
        height: 642px;
 
        overflow: auto;
 
      }
 
      .item {
 
        display: flex;
 
        align-items: center;
 
        justify-content: space-between;
 
        padding: 8px 0;
 
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 
      }
 
      .lheight2 {
 
        line-height: 2;
 
      }
 
      .flex {
 
        display: flex;
 
        align-items: center;
 
      }
 
      .pl8 {
 
        padding-left: 8px;
 
      }
 
    </style>
 
  </head>
 
  <body>
 
    <div id="app">
 
      <div class="box" v-if="false">
 
        <div class="item" v-for="(item,i) in bloodPressureList" :key="i">
 
          <div>
 
            <div class="lheight2">
 
              收缩压：{{item.systolic}}
 
              <span style="padding-left: 10px">舒张压：{{item.diastolic}}</span>
 
            </div>
 
            <div class="lheight2">{{item.time}} {{item.recordMethod}}</div>
 
          </div>
 
          <el-tag :type="getTagType(item.condition)">{{getTagName(item.condition)}}</el-tag>
 
        </div>
 
      </div>
 
      <div class="box" v-if="false">
 
        <div class="item" v-for="(item,i) in bloodSugarList" :key="i">
 
          <div>
 
            <div class="lheight2">{{item.text}}</div>
 
            <div class="lheight2">{{item.time}} {{item.recordMethod}}</div>
 
          </div>
 
          <div class="flex">
 
            <el-tag :type="getTagType(item.condition)">{{getTagName(item.condition)}}</el-tag>
 
            <span class="pl8">{{item.value}}</span>
 
          </div>
 
        </div>
 
      </div>
 
      <div class="box">
 
        <div class="item" v-for="(item,i) in heightWeightList" :key="i">
 
          <div>
 
            <div class="lheight2"></div>
 
            <div class="lheight2">{{item.time}} {{item.recordMethod}}</div>
 
          </div>
 
          <div class="flex">
 
            <el-tag :type="getTagType(item.condition)">{{getHeightName(item.condition)}}</el-tag>
 
            <span class="pl8">{{item.value}}</span>
 
          </div>
 
        </div>
 
      </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/es6-promise.js" charset="utf-8"></script>
 
    <script type="text/javascript" src="../../../plugins/toastr/toastr.min.js"></script>
 
    <script type="text/javascript" src="../../../plugins/element-ui/element-ui.js"></script>
 
    <script type="text/javascript" src="../../../api/http-request.js"></script>
 
    <script type="text/javascript" src="../../../plugins/layer/layer.min.js"></script>
 
    <script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
 
    <script type="text/javascript" src="../../../api/recover_api.js"></script>
 
    <script type="text/javascript" src="../../../js/underscore-1.9.1.js"></script>
 
    <script type="text/javascript" src="../../../js/util.js" charset="utf-8"></script>
 
    <script>
 
      new Vue({
 
        el: '#app',
 
        data() {
 
          return {
 
            bloodPressureList: [
 
              {
 
                systolic: '111',
 
                diastolic: '67',
 
                time: '2024-10-14 20:21',
 
                recordMethod: '手动记录',
 
                condition: 1
 
              },
 
              {
 
                systolic: '69',
 
                diastolic: '45',
 
                time: '2024-10-14 20:21',
 
                recordMethod: '手动记录',
 
                condition: -1
 
              },
 
              {
 
                systolic: '100',
 
                diastolic: '89',
 
                time: '2024-10-14 20:21',
 
                recordMethod: '设备上传',
 
                condition: 0
 
              }
 
            ],
 
            bloodSugarList: [
 
              {
 
                text: '早餐前',
 
                time: '2024-10-14 10:21',
 
                recordMethod: '手动记录',
 
                condition: 1,
 
                value: 18.5
 
              },
 
              {
 
                text: '早餐后',
 
                time: '2024-10-14 10:21',
 
                recordMethod: '手动记录',
 
                condition: -1,
 
                value: 13.6
 
              },
 
              {
 
                text: '午餐前',
 
                time: '2024-10-14 10:21',
 
                recordMethod: '设备上传',
 
                condition: 0,
 
                value: 15.7
 
              },
 
              {
 
                text: '午餐后',
 
                time: '2024-10-14 10:21',
 
                recordMethod: '设备上传',
 
                condition: 1,
 
                value: 18.5
 
              }
 
            ],
 
            heightWeightList: [
 
              {
 
                height: '170',
 
                weight: '65',
 
                time: '2024-10-14 10:21',
 
                recordMethod: '设备上传',
 
                condition: 0
 
              },
 
              {
 
                height: '170',
 
                weight: '40',
 
                time: '2024-10-14 10:21',
 
                recordMethod: '设备上传',
 
                condition: -1
 
              },
 
              {
 
                height: '170',
 
                weight: '100',
 
                time: '2024-10-14 10:21',
 
                recordMethod: '设备上传',
 
                condition: 1
 
              }
 
            ]
 
          }
 
        },
 
        mounted() {
 
          console.log(GetRequest())
 
        },
 
        methods: {
 
          getTagType(type) {
 
            switch (type) {
 
              case -1:
 
                return 'success'
 
              case 0:
 
                return ''
 
              case 1:
 
                return 'error'
 
            }
 
          },
 
          getTagName(type) {
 
            switch (type) {
 
              case -1:
 
                return '偏低'
 
              case 0:
 
                return '正常'
 
              case 1:
 
                return '偏高'
 
            }
 
          },
 
          getHeightName(type) {
 
            switch (type) {
 
              case -1:
 
                return '偏瘦'
 
              case 0:
 
                return '正常'
 
              case 1:
 
                return '偏重'
 
            }
 
          }
 
        }
 
      })
 
    </script>
 
  </body>
 
</html>

+ 267 - 0
app/rehabilitation/html/healthMonitor.html
View File 

@ -0,0 +1,267 @@
 
<!DOCTYPE html>
 
<html lang="en">
 
  <head>
 
    <meta charset="UTF-8" />
 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
    <title>健康监测</title>
 
    <link rel="stylesheet" type="text/css" href="../../../css/bootstrap.min.css" />
 
    <link rel="stylesheet" type="text/css" href="../../../css/style.min.css" />
 
    <link rel="stylesheet" type="text/css" href="../../../css/cross.css" />
 
    <link rel="stylesheet" href="../../../plugins/toastr/toastr.min.css" />
 
    <link rel="stylesheet" href="../../../plugins/element-ui/element-ui.css" />
 
    <link rel="stylesheet" type="text/css" href="../css/date.css" />
 
    <link rel="stylesheet" href="../css/common.css" />
 
    <style>
 
      #app {
 
        padding: 10px;
 
        font-size: 14px;
 
      }
 
      .body-record-box {
 
        padding: 0 16px;
 
      }
 
      .title {
 
        font-size: 18px;
 
        position: relative;
 
        margin-top: 8px;
 
      }
 
      .title::before {
 
        height: 18px;
 
        position: absolute;
 
        left: -8px;
 
        top: 50%;
 
        transform: translateY(-50%);
 
        content: '';
 
        width: 3px;
 
        background: #17b3ec;
 
      }
 
      .flex {
 
        display: flex;
 
        align-items: center;
 
      }
 
      .body-record-item {
 
        justify-content: space-between;
 
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 
        padding: 8px 0;
 
        display: flex;
 
        align-items: center;
 
      }
 
      .ml10 {
 
        margin-left: 10px;
 
      }
 
      .device-box {
 
        padding: 0 16px;
 
      }
 
      .device-item {
 
        display: flex;
 
        justify-content: space-between;
 
        align-items: center;
 
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 
        padding: 8px 0;
 
      }
 
      .device-item .device-info {
 
        line-height: 28px;
 
      }
 
      .add-btn {
 
        margin: 20px auto;
 
      }
 
      .health-protect-box {
 
        padding: 0 16px;
 
      }
 
      .health-protect-item {
 
        display: flex;
 
        align-items: center;
 
        justify-content: space-between;
 
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
 
        padding: 8px 0;
 
      }
 
      .protect-label {
 
      }
 
    </style>
 
  </head>
 
  <body>
 
    <div id="app" v-clock>
 
      <el-tabs v-model="active" type="card">
 
        <el-tab-pane label="体征记录" name="body">
 
          <div class="body-record-box">
 
            <div class="title">慢病体征</div>
 
            <div class="body-record-item" @click="openBodyRecordDetail(0)">
 
              <div class="record-label">
 
                <div>血压</div>
 
                <div>2024-10-14 10:21 设备上传</div>
 
              </div>
 
              <div class="record-value flex">
 
                <div>
 
                  <div style="text-align: right">122/71</div>
 
                  <div>脉搏：56次/分</div>
 
                </div>
 
                <i class="el-icon-arrow-right ml10"></i>
 
              </div>
 
            </div>
 
            <div class="body-record-item" @click="openBodyRecordDetail(1)">
 
              <div class="record-label">
 
                <div>血糖</div>
 
                <div>2024-10-14 10:21 设备上传</div>
 
              </div>
 
              <div class="record-value flex">
 
                <el-tag type="danger">偏高</el-tag>
 
                <span>18.5</span>
 
                <i class="el-icon-arrow-right ml10"></i>
 
              </div>
 
            </div>
 
            <div class="title">一般检查</div>
 
            <div class="body-record-item" @click="openBodyRecordDetail(2)">
 
              <div class="record-label">
 
                <div>身高体重</div>
 
                <div>2024-10-14 10:21 手动记录</div>
 
              </div>
 
              <div class="record-value flex">
 
                <el-tag>正常</el-tag>
 
                <i class="el-icon-arrow-right ml10"></i>
 
              </div>
 
            </div>
 
            <div class="body-record-item" @click="openBodyRecordDetail(3)">
 
              <div class="record-label">
 
                <div>腰围</div>
 
                <div>2024-10-14 10:21 手动记录</div>
 
              </div>
 
              <div class="record-value flex">
 
                <span>56cm</span>
 
                <i class="el-icon-arrow-right ml10"></i>
 
              </div>
 
            </div>
 
            <div class="body-record-item" @click="openRecordDetail(4)">
 
              <div class="record-label">
 
                <div>心率</div>
 
                <div>2024-10-14 10:21 设备上传</div>
 
              </div>
 
              <div class="record-value flex">
 
                <span>88次/分</span>
 
                <i class="el-icon-arrow-right ml10"></i>
 
              </div>
 
            </div>
 
          </div>
 
        </el-tab-pane>
 
        <el-tab-pane label="智能设备" name="device">
 
          <div class="device-box">
 
            <div class="device-item" v-for="(item,i) in deviceList" :key="i">
 
              <div class="flex">
 
                <img src="" alt="" />
 
                <div>
 
                  <div class="device-info">{{item.name}}</div>
 
                  <div class="device-info">{{item.time}}</div>
 
                  <div class="device-info">{{item.people}}</div>
 
                </div>
 
              </div>
 
              <i class="el-icon-arrow-right ml10"></i>
 
            </div>
 
            <div class="flex" style="justify-content: center">
 
              <el-button class="add-btn" type="primary">添加设备</el-button>
 
            </div>
 
          </div>
 
        </el-tab-pane>
 
        <el-tab-pane label="保健记录" name="healthProtect">
 
          <div class="health-protect-box">
 
            <div class="title">保健记录</div>
 
            <div class="health-protect-item" v-for="(item,i) in healthProtectList" :key="i">
 
              <div class="protect-label">
 
                <div>{{item.name}}</div>
 
                <div>{{item.time}} {{item.recordMehtd}}</div>
 
              </div>
 
              <div class="flex">
 
                <span>{{item.lastData}}</span>
 
                <i class="el-icon-arrow-right ml10"></i>
 
              </div>
 
            </div>
 
          </div>
 
        </el-tab-pane>
 
      </el-tabs>
 
    </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/es6-promise.js" charset="utf-8"></script>
 
    <script type="text/javascript" src="../../../plugins/toastr/toastr.min.js"></script>
 
    <script type="text/javascript" src="../../../plugins/element-ui/element-ui.js"></script>
 
    <script type="text/javascript" src="../../../api/http-request.js"></script>
 
    <script type="text/javascript" src="../../../plugins/layer/layer.min.js"></script>
 
    <script type="text/javascript" src="../../../api/rehabilitation-api.js"></script>
 
    <script type="text/javascript" src="../../../api/recover_api.js"></script>
 
    <script type="text/javascript" src="../../../js/underscore-1.9.1.js"></script>
 
    <script type="text/javascript" src="../../../js/util.js" charset="utf-8"></script>
 
    <script>
 
      new Vue({
 
        el: '#app',
 
        data() {
 
          return {
 
            active: 'body',
 
            deviceList: [
 
              {
 
                name: '脉搏仪',
 
                time: '2023-11-13 10:50:14',
 
                people: '患者绑定'
 
              },
 
              {
 
                name: '华米手表',
 
                time: '2023-11-13 10:50:14',
 
                people: '患者绑定'
 
              }
 
            ],
 
            healthProtectList: [
 
              {
 
                name: '运动',
 
                time: '2024-10-14 10:21',
 
                recordMehtd: '手动记录',
 
                lastData: '跑步'
 
              },
 
              {
 
                name: '用药',
 
                time: '2024-10-14 10:21',
 
                recordMehtd: '手动记录',
 
                lastData: '阿司匹林'
 
              },
 
              {
 
                name: '饮食',
 
                time: '2024-10-14 10:21',
 
                recordMehtd: '设备上传',
 
                lastData: '黄瓜'
 
              }
 
            ]
 
          }
 
        },
 
        methods: {
 
          openBodyRecordDetail(key) {
 
            var title = ""
 
            switch (key){
 
              case 0:
 
                title = "血压记录"
 
                break;
 
              case 1:
 
                title = "血糖记录"
 
                break;
 
              case 2:
 
                title = "身高体重"
 
                break;
 
              case 3:
 
                title = "腰围"
 
                break;
 
              case 4:
 
                title = "心率"
 
                break;
 
            }
 
            layer.open({
 
              type: 2,
 
              area: ['700px', '700px'],
 
              shade: 0.5,
 
              title: title,
 
              fixed: true, //不固定
 
              maxmin: true,
 
              closeBtn: 1,
 
              // shift: 5,
 
              shadeClose: false, //点击遮罩关闭层
 
              content: './healthBodyRecord.html?key='+key
 
            })
 
          }
 
        }
 
      })
 
    </script>
 
  </body>
 
</html>

+ 31 - 0
app/rehabilitation/html/rehabilitation_management.html
View File 

@ -76,6 +76,20 @@
 
				left: 0px;
 
				left: 0px;
 
				top: 10px;
 
				top: 10px;
 
			}
 
			}
 
			.filter-top{
 
				display: flex;
 
				justify-content: space-between;
 
				align-items: center;
 
				margin: 6px 0;
 
			}
 
			.filter-info{
 
				display: flex;
 
				justify-content: space-between;
 
				border: 1px solid #e5e5e5;
 
				height: 50px;
 
				align-items: center;
 
				padding: 0 6px;
 
			}
 
		</style>
 
		</style>
 
	</head>
 
	</head>
 
@ -128,6 +142,23 @@
 
							</div>
 
							</div>
 
							<div class="ui-col-0 div-patient-home c-f14 c-333">进入居民首页</div>
 
							<div class="ui-col-0 div-patient-home c-f14 c-333">进入居民首页</div>
 
						</div>
 
						</div>
 
						<div>
 
							<div class="filter-top">
 
								<span>筛查信息</span>
 
								<div class="div-patient-home">查看筛查历史</div>
 
							</div>
 
							<div class="filter-info">
 
								<template v-if="false">
 
									<span>2024-03-14 15:00:00</span>
 
									<span>风险评估</span>
 
									<span>高危</span>
 
								</template>
 
								<template v-else>
 
									<span>该患者近一年未进行冠心病的风险评估</span>
 
									<el-button type="text">前往筛查</el-button>
 
								</template>
 
							</div>
 
						</div>
 
						<div class="ui-grid mt15 pb15">
 
						<div class="ui-grid mt15 pb15">
 
							<div class="ui-col-1 c-f16 c-333">康复计划</div>
 
							<div class="ui-col-1 c-f16 c-333">康复计划</div>
 
							<div class="ui-col-1 c-f14 c-999">总进度：</div>
 
							<div class="ui-col-1 c-f14 c-999">总进度：</div>

+ 28 - 0
app/rehabilitation/js/guide_the_message.js
View File 

@ -233,6 +233,34 @@ top.rehabilitationGuideVue = new Vue({
 
				content: '../../guidance/html/index.html#/person-edit-panel?patient=' + patient + '&planId=' + planId
 
				content: '../../guidance/html/index.html#/person-edit-panel?patient=' + patient + '&planId=' + planId
 
			});
 
			});
 
		},
 
		},
 
		openFollowResult(){
 
			top.layer.open({
 
				type: 2,
 
				area: ['600px', '700px'],
 
				shade: 0.5,
 
				title: '查看随访表单',
 
				fixed: true, //不固定
 
				maxmin: true,
 
				closeBtn: 1,
 
				// shift: 5,
 
				shadeClose: false, //点击遮罩关闭层
 
				content: '../html/followResult.html'
 
			})
 
		},
 
		openFollowRecordForm(){
 
			top.layer.open({
 
				type: 2,
 
				area: ['850px', '700px'],
 
				shade: 0.5,
 
				title: '记录随访表单',
 
				fixed: true, //不固定
 
				maxmin: true,
 
				closeBtn: 1,
 
				// shift: 5,
 
				shadeClose: false, //点击遮罩关闭层
 
				content: '../html/followRecord.html'
 
			})
 
		},
 
		qwapp: function() {
 
		qwapp: function() {
 
			top.layer.msg('请前往app处理', {
 
			top.layer.msg('请前往app处理', {
 
				icon: 5
 
				icon: 5

+ 14 - 0
app/rehabilitation/js/rehabilitation_management.js
View File 

@ -642,11 +642,25 @@
 
				})
 
				})
 
			},
 
			},
 
			viewServerItemsDetail: function(o){
 
			viewServerItemsDetail: function(o){
 
				console.log(o);
 
				
				if(o.code=='2'){
 
				if(o.code=='2'){
 
					showInfoMessage('请从“消息-患者消息列表”中查看患者的康复咨询记录')
 
					showInfoMessage('请从“消息-患者消息列表”中查看患者的康复咨询记录')
 
					return
 
					return
 
				}
 
				}
 
				if(o.code=='3'){
 
				if(o.code=='3'){
 
					layer.open({
 
						type: 2,
 
						area: ['700px', '700px'],
 
						shade: 0.5,
 
						title: '健康记录',
 
						fixed: true, //不固定
 
						maxmin: true,
 
						closeBtn: 1,
 
						// shift: 5,
 
						shadeClose: false, //点击遮罩关闭层
 
						content: '../html/healthMonitor.html'
 
					})
 
					return
 
					return
 
				}
 
				}
 
				this.serverItemInfo = o
 
				this.serverItemInfo = o