raolu
/
PC-application


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269
							<!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" v-cloak>
      <div class="box" v-if="key==0">
        <div class="item" v-for="(item,i) in bloodPressureList" :key="i">
          <div>
            <div class="lheight2">
              收缩压：{{item.systolic}}
              <span class="pl8">舒张压：{{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-else-if="key==1">
        <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" v-else-if="key==2">
        <div class="item" v-for="(item,i) in heightWeightList" :key="i">
          <div>
            <div class="lheight2">身高：{{item.height}} <span class="pl8">体重：{{item.weight}}</span> </div>
            <div class="lheight2 ">{{item.time}} {{item.recordMethod}}</div>
          </div>
          <div class="flex">
            <el-tag :type="getTagType(item.condition)">{{getHeightName(item.condition)}}</el-tag>
          </div>
        </div>
      </div>
      <div class="box" v-else-if="key == 3">
        <div class="item" v-for="(item,i) in waistList" :key="i">
          <div>
            <div class="lheight2">{{item.circumference}} cm</div>
            <div class="lheight2 ">{{item.time}} {{item.recordMethod}}</div>
          </div>
        </div>
      </div>
      <div class="box" v-else>
        <div class="item" v-for="(item,i) in heartRateList" :key="i">
          <div>
            <div class="lheight2">{{item.rate}} 次/分</div>
            <div class="lheight2 ">{{item.time}} {{item.recordMethod}}</div>
          </div>
          <el-tag :type="getTagType(item.condition)">{{getTagName(item.condition)}}</el-tag>
        </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 {
            key: "",
            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
              }
            ],
            waistList: [
              {
                circumference: '60',
                time: '2024-10-14 10:21',
                recordMethod: '设备上传'
              },
              {
                circumference: '56',
                time: '2024-10-14 10:21',
                recordMethod: '手动记录'
              },
              {
                circumference: '65',
                time: '2024-10-14 10:21',
                recordMethod: '手动记录'
              }
            ],
            heartRateList: [
              {
                rate: '109',
                time: '2024-10-14 10:21',
                recordMethod: '设备上传',
                condition: 1
              },
              {
                rate: '45',
                time: '2024-10-14 10:21',
                recordMethod: '手动记录',
                condition: -1
              },
              {
                rate: '70',
                time: '2024-10-14 10:21',
                recordMethod: '手动记录',
                condition: 0
              }
            ]
          }
        },
        mounted() {
          this.key = GetRequest().key
        },
        methods: {
          getTagType(type) {
            console.log(type);
            
            switch (type) {
              case -1:
                return 'success'
              case 0:
                return ''
              case 1:
                return 'danger'
            }
          },
          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>