update

src/components/PatIndex.vue

@@ -20,16 +20,14 @@
                 <img class="ratioBg2" src="../assets/images/personbg1.png" width="80" height="216"></img>
               </div> -->
               <div class="lritem left">
-                <img height="100%" v-if="latestCase.FVIII<1" class="ratioBg3" src="../assets/images/_1.png"
-                  ></img>
+                <img height="100%" v-if="latestCase.FVIII<1" class="ratioBg3" src="../assets/images/_1.png"></img>
                 <img v-if="latestCase.FVIII>=1 && latestCase.FVIII<=3" class="ratioBg3" src="../assets/images/1-3.png"
                   width="100%"></img>
                 <img v-if="latestCase.FVIII>3 && latestCase.FVIII<=5" class="ratioBg3" src="../assets/images/3-5.png"
                   width="100%"></img>
                 <img v-if="latestCase.FVIII>5 && latestCase.FVIII<=15" class="ratioBg3" src="../assets/images/5-15.png"
                   width="100%"></img>
-                <img v-if="latestCase.FVIII>15" class="ratioBg3" src="../assets/images/_15.png"
-                  width="100%"></img>
+                <img v-if="latestCase.FVIII>15" class="ratioBg3" src="../assets/images/_15.png" width="100%"></img>
               </div>
 
               <div class="lritem right">
@@ -47,52 +45,53 @@
                 <div class="rowfont">本结果仅供参考,</div>
                 <div class="rowfont">具体治疗方案请遵医嘱执行</div> -->
                 <template v-if='0'>
-                <div v-if="latestCase.FVIII < 1">
-                  <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
-                    < 1%
+                  <div v-if="latestCase.FVIII < 1">
+                    <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
+                      < 1% </div> <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;">建议咨询医生
+                    </div>
                   </div>
-                  <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;">建议咨询医生</div>
-                </div>
-                <div v-if="latestCase.FVIII >= 1 && latestCase.FVIII <= 3">
-                  <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
-                    1% ~ 3%
+                  <div v-if="latestCase.FVIII >= 1 && latestCase.FVIII <= 3">
+                    <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
+                      1% ~ 3%
+                    </div>
+                    <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">适宜无风险活动</div>
+                    <div class="rowfont" style="font-weight:bold;font-size:1.0rem;color:#3B4070;">(如看书、看电视、家务等)</div>
                   </div>
-                  <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">适宜无风险活动</div>
-                  <div class="rowfont" style="font-weight:bold;font-size:1.0rem;color:#3B4070;">(如看书、看电视、家务等)</div>
-                </div>
-                <div v-if="latestCase.FVIII > 3 && latestCase.FVIII <= 5">
-                  <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
-                    3% ~ 5%
+                  <div v-if="latestCase.FVIII > 3 && latestCase.FVIII <= 5">
+                    <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
+                      3% ~ 5%
+                    </div>
+                    <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">适宜低风险活动</div>
+                    <div class="rowfont" style="font-weight:bold;font-size:0.8rem;color:#3B4070;">(如散步、慢跑、无对抗运动等)</div>
                   </div>
-                  <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">适宜低风险活动</div>
-                  <div class="rowfont" style="font-weight:bold;font-size:0.8rem;color:#3B4070;">(如散步、慢跑、无对抗运动等)</div>
-                </div>
-                <div v-if="latestCase.FVIII > 5 && latestCase.FVIII <= 15">
-                  <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
-                    5% ~ 15%
+                  <div v-if="latestCase.FVIII > 5 && latestCase.FVIII <= 15">
+                    <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
+                      5% ~ 15%
+                    </div>
+                    <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">适宜中风险活动</div>
+                    <div class="rowfont" style="font-weight:bold;font-size:0.8rem;color:#3B4070;">(如爬山、骑行、球类运动等)</div>
                   </div>
-                  <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">适宜中风险活动</div>
-                  <div class="rowfont" style="font-weight:bold;font-size:0.8rem;color:#3B4070;">(如爬山、骑行、球类运动等)</div>
-                </div>
-                <div v-if="latestCase.FVIII > 15">
-                  <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
-                    >15%
+                  <div v-if="latestCase.FVIII > 15">
+                    <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;margin-bottom:5px;">
+                      >15%
+                    </div>
+                    <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">适宜高风险活动</div>
+                    <div class="rowfont" style="font-weight:bold;font-size:0.8rem;color:#3B4070;">(如滑雪、滑冰、滑板等)</div>
                   </div>
-                  <div class="rowfont" style="font-weight:bold;font-size:1.2rem;color:#3B4070;">适宜高风险活动</div>
-                  <div class="rowfont" style="font-weight:bold;font-size:0.8rem;color:#3B4070;">(如滑雪、滑冰、滑板等)</div>
-                </div>
                 </template>
               </div>
             </div>
           </div>
-          <div style="margin-top: 2rem;" v-if='latestCase.record && timeinfo.next_time'>下次注射时间：{{timeinfo.next_time}}</div>
+          <div style="margin-top: 2rem;" v-if='latestCase.record && timeinfo.next_time'>下次注射时间：{{timeinfo.next_time}}
+          </div>
           <br>
-          <div v-if='timeinfo.remain_time && latestCase.record'>距离【目标谷活性{{timeinfo.mbghx}}%】还有{{timeinfo.remain_time}}小时</div>
+          <div v-if='timeinfo.remain_time && latestCase.record'>距离【目标谷活性{{timeinfo.mbghx}}%】还有{{timeinfo.remain_time}}小时
+          </div>
           <div class="footer">
 
             <div class="jbbtn" @click="goPage('/patclockin')">注射打卡</div>
             <div class="jbbtn" @click="goPage('/patinjectionlist')">注射记录</div>
-            <div v-if='latestCase.record.id' class="jbbtn" @click="goPage('/patclockbleed')">出血打卡</div>
+            <div v-if='latestCase.record && latestCase.record.id' class="jbbtn" @click="goPage('/patclockbleed')">出血打卡</div>
             <div v-else class="jbbtn" @click="tips">出血打卡</div>
             <div class="jbbtn" @click="goPage('/patbleedlist')">出血记录</div>
             <div class="jbbtn" @click="goPage('/procaselist')">PK及方案</div>
@@ -100,7 +99,7 @@
             <div class="usageInfo" @click="goPage('agreedoc?type=2')">使用说明</div>
           </div>
           <div class="desc">
-              <img src="../assets/images/desc.png" alt="" width="100%">
+            <img src="../assets/images/desc.png" alt="" width="100%">
           </div>
         </div>
       </div>
@@ -132,7 +131,7 @@
           <div class="jbbtn" @click="logout">退出登录</div>
         </div>
         <div class="desc">
-            <img src="../assets/images/desc.png" alt="" width="100%">
+          <img src="../assets/images/desc.png" alt="" width="100%">
         </div>
       </div>
 
@@ -166,7 +165,7 @@
         patinfo: {},
         latestCase: {},
         ratioHeight: 0,
-        timeinfo:{}
+        timeinfo: {}
       }
     },
     methods: {
@@ -178,35 +177,36 @@
         window.localStorage.removeItem('authinfo')
         window.location.reload()
       },
-      tips(){
+      tips() {
         MessageBox({
           title: '提示',
           message: '尚未完成注册打卡，无法进行出血打卡'
         })
       },
       getData() {
+        let that = this;
         this.$api.getAccountInfo().then(res => {
           if (!res.data.code) {
             this.patinfo = res.data.data
 
             this.$api.getPatientLatestCase().then(res => {
               if (!res.data.code) {
-                this.latestCase = res.data.data
-                this.ratioHeight = 216 / 100 * this.latestCase.FVIII
+                that.latestCase = res.data.data
+                that.ratioHeight = 216 / 100 * this.latestCase.FVIII
                 // this.latestCase.FVIII = 7
               }
             })
+
           }
         })
         //获取时间
-        this.$api.get_patient_timecalc().then(res=>{
-          this.timeinfo=res.data.data
+        this.$api.get_patient_timecalc().then(res => {
+          this.timeinfo = res.data.data
         })
       }
     },
     created() {
       this.getData()
-
     }
   }
 
@@ -291,7 +291,7 @@
         margin-top: 10px;
         position: relative;
         /* overflow: hidden; */
-        margin-left:5%;
+        margin-left: 5%;
 
       }
 
@@ -344,7 +344,7 @@
           /* width: 80px; */
           position: absolute;
           left: -1rem;
-          top:0;
+          top: 0;
           right: 0;
           bottom: 0;
           margin: auto;
@@ -372,7 +372,8 @@
     .footer {
       margin-top: 20px;
       margin-bottom: 4rem;
-      .jbbtn{
+
+      .jbbtn {
         margin-top: 10px;
       }
 
@@ -392,11 +393,11 @@
     text-align: center;
   }
 
-  .desc{
+  .desc {
     text-align: left;
-    font-size:12px;
-    color:#ccc;
-    padding:1rem;
+    font-size: 12px;
+    color: #ccc;
+    padding: 1rem;
   }
 
 </style>