患者端首页修改完成

src/components/DiagCalc.vue

@@ -107,6 +107,7 @@
       picker-type="datetime"
       format="YY-MM-DD hh:mm"
       @confirm="dateConfirmZssjt0"
+      :change-year-fast="true"
     ></vue-hash-calendar>
     <!-- 采血时间t1 -->
     <mt-datetime-picker ref="t1Picker" type="datetime" year-format="{value} 年" month-format="{value} 月"
@@ -121,6 +122,7 @@
       picker-type="datetime"
       format="YY-MM-DD hh:mm"
       @confirm="dateConfirmCxsjt1"
+      :change-year-fast="true"
     ></vue-hash-calendar>
     <!-- 采血时间t2 -->
     <mt-datetime-picker ref="t2Picker" type="datetime" year-format="{value} 年" month-format="{value} 月"
@@ -135,6 +137,7 @@
       picker-type="datetime"
       format="YY-MM-DD hh:mm"
       @confirm="dateConfirmCxsjt2"
+      :change-year-fast="true"
     ></vue-hash-calendar>
     <!-- 采血时间t3 -->
     <mt-datetime-picker ref="t3Picker" type="datetime" year-format="{value} 年" month-format="{value} 月"
@@ -149,6 +152,7 @@
       picker-type="datetime"
       format="YY-MM-DD hh:mm"
       @confirm="dateConfirmCxsjt3"
+      :change-year-fast="true"
     ></vue-hash-calendar>
     <!-- 注射频次 -->
     <!-- <mt-picker @change="onValuesChange1" v-if="mfreqFlag" :slots="slots1" ref="sexPicker1" class="sexPicker"
@@ -195,9 +199,12 @@
         </div>
         <div class="popupFooter">
           <div class="jbbtn" @click="goback">返回</div>
-          <div class="jbbtn" @click="calc_mczsjl">计算</div>
+          <!-- <div class="jbbtn" @click="calc_mczsjl">计算</div> -->
           <div class="jbbtn" @click="goSelect">确定</div>
         </div>
+        <div class="popupFooter" style="margin-top:0px;">
+            <div class="jbbtn" @click="calc_mczsjl">计算</div>
+          </div>
       </div>
       <!-- 注射频次 -->
       <mt-picker @change="onValuesChange1" v-if="mfreqFlag" :slots="slots1" ref="sexPicker1" class="sexPicker"
@@ -657,8 +664,8 @@
 
 
     .jbbtn {
-      width: 26%;
-      margin-top: 1rem;
+      width: 42%;
+      /* margin-top: 1rem; */
       margin-bottom: 1rem;
     }
   }
@@ -667,8 +674,8 @@
     display: flex;
     .jbbtn {
       width: 42%;
-      margin-top: 1rem;
-      margin-bottom: 1rem;
+      /* margin-top: 1rem; */
+      /* margin-bottom: 1rem; */
     }
   }
 

src/components/PatIndex.vue

@@ -13,28 +13,45 @@
           <div v-if="latestCase.hasrecords">
             <div class="formTitle">体内FVIII活性水平实时预报</div>
             <div class="lrcontainer">
-              <div class="lritem left">
-                <!-- <div class="personRatio">
-
-              </div> -->
-
+              <!-- <div class="lritem left">
                 <img class="ratioBg3" src="../assets/images/personbg.png" width="80" height="216"></img>
                 <div class="ratioBg" :style="'height:'+ratioHeight+'px;'">
-                  <!-- <img src="../assets/images/ratiotop.png" width="100%" style="position:absolute;top:-16px;left:0;right:0;margin:auto;" ></img> -->
                 </div>
                 <img class="ratioBg2" src="../assets/images/personbg1.png" width="80" height="216"></img>
-
+              </div> -->
+              <div class="lritem left">
+                <img v-if="latestCase.FVIII<1" class="ratioBg3" src="../assets/images/_1.png" width="80"
+                  ></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>
               </div>
+
               <div class="lritem right">
-                <!-- <p style="margin:5px 0px;color:red;font-weight:bold;font-size:1.5rem">FVIII浓度：{{latestCase.FVIII}}</p> -->
-                <div class="rowfont" style="margin:5px 0px;color:red;font-weight:bold;font-size:1.4rem">
-                  FVIII浓度：{{latestCase.FVIII}}%</div>
-                <div class="rowfont">参考方案</div>
+                <!-- <div class="rowfont" style="margin:5px 0px;color:red;font-weight:bold;font-size:1.4rem">
+                  FVIII浓度：{{latestCase.FVIII}}%</div> -->
+                <div class="rowfont" style="
+                    margin:5px 0px;color:red;
+                    font-weight:bold;font-size:5.2rem;
+                    text-align: center;height: 130px;line-height: 130px;">
+                  {{latestCase.FVIII}}%</div>
+                <!-- <div class="rowfont">参考方案</div>
                 <div class="rowfont">1.产品:{{latestCase.ckmpro}}</div>
                 <div class="rowfont">2.剂量:{{latestCase.ckzsjl}}</div>
                 <div class="rowfont">3.频次:{{latestCase.ckmfreq}}</div>
                 <div class="rowfont">本结果仅供参考,</div>
-                <div class="rowfont">具体治疗方案请遵医嘱执行</div>
+                <div class="rowfont">具体治疗方案请遵医嘱执行</div> -->
+                <div>
+                  <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;">
+                    < 1% <sup>2、3</sup>
+                  </div>
+                  <div class="rowfont" style="font-weight:bold;font-size:1.4rem;color:#3B4070;">建议咨询医生</div>
+                </div>
               </div>
             </div>
           </div>
@@ -115,6 +132,7 @@
               if (!res.data.code) {
                 this.latestCase = res.data.data
                 this.ratioHeight = 216 / 100 * this.latestCase.FVIII
+                this.latestCase.FVIII = 16
               }
             })
           }
@@ -198,11 +216,11 @@
 
       .right {
         left: 30%;
-        width: 60%;
+        width: 50%;
       }
 
       .left {
-        width: 30%;
+        width: 40%;
         margin-top: 10px;
         position: relative;
         overflow: hidden;
@@ -255,16 +273,15 @@
         }
 
         .ratioBg3 {
-          width: 80px;
+          /* width: 80px; */
           position: absolute;
           left: 0;
+          top:0;
           right: 0;
           bottom: 20px;
           margin: auto;
           z-index: 1;
-          /* background:#64B3F6; */
-          height: 216px;
-          ;
+          /* height: 216px; */
         }
 
         .mint-cell {
@@ -285,9 +302,16 @@
     }
 
     .footer {
-      margin-top: 60px;
+      margin-top: 20px;
       margin-bottom: 20px;
+      .jbbtn{
+        margin-top: 10px;
+      }
     }
   }
 
+  .rowfont {
+    text-align: center;
+  }
+
 </style>

src/components/RegPatinfo.vue

@@ -42,6 +42,7 @@
       picker-type="date"
       format="YY-MM-DD"
       @confirm="dateConfirm"
+      :change-year-fast="true"
     ></vue-hash-calendar>
 
   </div>