all done

src/App.vue

@@ -17,16 +17,16 @@
         this.$router.push(path)
       },
       getData(){
-        this.$api.getAccountInfo().then(res=>{
-          if(!res.data.code){
-            // if(res.data.data.role=="1"){
-            //   this.goPage("/docindex")
-            // }else{
-            //   this.goPage("/patindex")
-            // }
-            localStorage.setItem("authinfo",JSON.stringify(res.data.data))
-          }
-        })
+        // this.$api.getAccountInfo().then(res=>{
+        //   if(!res.data.code){
+        //     if(res.data.data.role=="1"){
+        //       this.goPage("/docindex")
+        //     }else{
+        //       this.goPage("/patindex")
+        //     }
+        //     localStorage.setItem("authinfo",JSON.stringify(res.data.data))
+        //   }
+        // })
       }
     },
     created(){
@@ -146,6 +146,7 @@
   .inputDisable input:disabled {
     background-color: #fff!important;
     color: #2c3e50!important;
+    text-fill-color:#8d9399!important;
   }
   .rowfont{
       font-size:1rem;
@@ -157,4 +158,17 @@
     .picker-item{
       font-size:14px!important;
     }
+
+    .mint-msgbox{
+      font-size:24px;
+    }
+    .mint-msgbox-title{
+      font-size:24px;
+    }
+    .mint-msgbox-confirm{
+      font-size: 24px;
+    }
+    .v-modal{
+      height: 100vh!important;
+    }
 </style>

src/components/DiagCalc.vue

@@ -14,7 +14,7 @@
           <span>注射时间t<sub>0</sub></span>
         </div>
         <mt-field label="基础活性%" placeholder="请输入2位小数" v-model="form.jchx"></mt-field>
-        <mt-field label="注射后半小时内活性%" placeholder="请输入2位小数" v-model="form.zs30hx"></mt-field>
+        <mt-field label="注射后半小时内活性%" placeholder="请输入2位小数" type="number" v-model="form.zs30hx"></mt-field>
         <div class="numSubTitle">
           <mt-field class="inputDisable" disabled placeholder="请选择时间" v-model="form.cxsjt1"
             @click.native="$refs.t1Picker.open()">
@@ -23,7 +23,7 @@
           <span>采血时间t<sub>1</sub></span>
         </div>
         <div class="numSubTitle">
-          <mt-field placeholder="请输入2位小数" v-model="form.t1hx"></mt-field>
+          <mt-field placeholder="请输入2位小数" v-model="form.t1hx" type="number"></mt-field>
           <span>t<sub>1</sub>点活性%</span>
         </div>
         <div class="numSubTitle">
@@ -34,7 +34,7 @@
           <span>采血时间t<sub>2</sub></span>
         </div>
         <div class="numSubTitle">
-          <mt-field placeholder="请输入2位小数" v-model="form.t2hx"></mt-field>
+          <mt-field placeholder="请输入2位小数" v-model="form.t2hx" type="number"></mt-field>
           <span>t<sub>2</sub>点活性%</span>
         </div>
         <div class="numSubTitle">
@@ -45,13 +45,13 @@
           <span>采血时间t<sub>3</sub></span>
         </div>
         <div class="numSubTitle">
-          <mt-field placeholder="请输入2位小数" v-model="form.t3hx"></mt-field>
+          <mt-field placeholder="请输入2位小数" v-model="form.t3hx" type="number"></mt-field>
           <span>t<sub>3</sub>点活性%</span>
         </div>
       </div>
       <div class="diagForm">
         <div class="formTitle">血友病治疗方案</div>
-        <mt-field label="预防谷活性" type="number" placeholder="请输入2位小数" v-model="form.yfghx"></mt-field>
+        <mt-field label="预防谷活性" type="number" placeholder="请输入整数" v-model="form.yfghx"></mt-field>
         <mt-field class="inputDisable" disabled label="注射频次" placeholder="请选择" v-model="form.zspc"
           @click.native="mfreqFlag=true">
           <img src="../assets/images/down.png" alt="" width="16px">
@@ -63,19 +63,19 @@
     </div>
     <!-- 注射时间t0 -->
     <mt-datetime-picker ref="t0Picker" type="datetime" year-format="{value} 年" month-format="{value} 月"
-      date-format="{value} 日" @confirm='changeTime0' :endDate='endDate'>
+      date-format="{value} 日" hourFormat="{value}时" minuteFormat="{value}分" @confirm='changeTime0' :endDate='endDate'>
     </mt-datetime-picker>
     <!-- 采血时间t1 -->
     <mt-datetime-picker ref="t1Picker" type="datetime" year-format="{value} 年" month-format="{value} 月"
-      date-format="{value} 日" @confirm='changeTime1' :endDate='endDate'>
+      date-format="{value} 日" hourFormat="{value}时" minuteFormat="{value}分" @confirm='changeTime1' :endDate='endDate'>
     </mt-datetime-picker>
     <!-- 采血时间t2 -->
     <mt-datetime-picker ref="t2Picker" type="datetime" year-format="{value} 年" month-format="{value} 月"
-      date-format="{value} 日" @confirm='changeTime2' :endDate='endDate'>
+      date-format="{value} 日" hourFormat="{value}时" minuteFormat="{value}分" @confirm='changeTime2' :endDate='endDate'>
     </mt-datetime-picker>
     <!-- 采血时间t3 -->
     <mt-datetime-picker ref="t3Picker" type="datetime" year-format="{value} 年" month-format="{value} 月"
-      date-format="{value} 日" @confirm='changeTime3' :endDate='endDate'>
+      date-format="{value} 日" hourFormat="{value}时" minuteFormat="{value}分" @confirm='changeTime3' :endDate='endDate'>
     </mt-datetime-picker>
     <!-- 注射频次 -->
     <mt-picker @change="onValuesChange1" v-if="mfreqFlag" :slots="slots1" ref="sexPicker1" class="sexPicker"
@@ -139,7 +139,7 @@
         if (picker.getSlotValue(0)) {
           this.form.zspc = picker.getSlotValue(0)
         } else {
-          this.form.zspc = "每周2次"
+          this.form.zspc = this.$const.zspc[0]
         }
       },
       submit() {
@@ -176,7 +176,7 @@
         if (!this.form.zssjt0) {
           MessageBox({
             title: '提示',
-            message: '请选择注射时间t0?'
+            message: '请选择注射时间t<sub>0</sub>'
           })
           return
         }
@@ -190,7 +190,7 @@
         if (!this.form.zs30hx) {
           MessageBox({
             title: '提示',
-            message: '请输入注射后半小时内活性?'
+            message: '请输入注射后半小时内活性'
           })
           return
         } else {
@@ -205,21 +205,21 @@
         if (!this.form.cxsjt1) {
           MessageBox({
             title: '提示',
-            message: '请选择采血时间t1'
+            message: '请选择采血时间t<sub>1</sub>'
           })
           return
         }
         if (!this.form.t1hx) {
           MessageBox({
             title: '提示',
-            message: '请输入t1点活性'
+            message: '请输入t<sub>1</sub>点活性'
           })
           return
         } else {
           if (!this.$recheck.checkIntFloat12(this.form.t1hx)) {
             MessageBox({
               title: '提示',
-              message: 't1点活性请输入整数或2位小数'
+              message: 't<sub>1</sub>点活性请输入整数或2位小数'
             })
             return
           }
@@ -227,21 +227,21 @@
         if (!this.form.cxsjt2) {
           MessageBox({
             title: '提示',
-            message: '请选择采血时间t2'
+            message: '请选择采血时间t<sub>2</sub>'
           })
           return
         }
         if (!this.form.t2hx) {
           MessageBox({
             title: '提示',
-            message: '请输入t2点活性'
+            message: '请输入t<sub>2</sub>点活性'
           })
           return
         } else {
           if (!this.$recheck.checkIntFloat12(this.form.t2hx)) {
             MessageBox({
               title: '提示',
-              message: 't2点活性请输入整数或2位小数'
+              message: 't<sub>2</sub>点活性请输入整数或2位小数'
             })
             return
           }
@@ -249,21 +249,21 @@
         if (!this.form.cxsjt3) {
           MessageBox({
             title: '提示',
-            message: '请选择采血时间t3'
+            message: '请选择采血时间t<sub>3</sub>'
           })
           return
         }
         if (!this.form.t3hx) {
           MessageBox({
             title: '提示',
-            message: '请输入t3点活性'
+            message: '请输入t<sub>3</sub>点活性'
           })
           return
         } else {
           if (!this.$recheck.checkIntFloat12(this.form.t3hx)) {
             MessageBox({
               title: '提示',
-              message: 't3点活性请输入整数或2位小数'
+              message: 't<sub>3</sub>点活性请输入整数或2位小数'
             })
             return
           }
@@ -275,10 +275,10 @@
           })
           return
         } else {
-          if (!this.$recheck.checkIntFloat12(this.form.yfghx)) {
+          if (!this.$recheck.checkInt(this.form.yfghx)) {
             MessageBox({
               title: '提示',
-              message: '预防谷活性请输入整数或2位小数'
+              message: '预防谷活性请输入整数'
             })
             return
           }
@@ -357,10 +357,10 @@
   }
 
   .container {
-    height: 100%;
+    height: 100vh;
 
     .content {
-      height: 90%;
+      height: 100vh;
     }
   }
 

src/components/DocIndex.vue

@@ -1,11 +1,5 @@
 <template>
   <div class="container">
-    <!-- <div class="bgcolor">
-      <div class="docinfo">
-        <img class="docavatar" src="../assets/images/doch1.jpg" width="60rem" height="60rem" />
-        <p class="docname">{{doctorInfo.name}} 医生,您好!</p>
-      </div>
-    </div> -->
     <div style="position:relative;">
       <img src="../assets/images/infobg.png" alt="" width="100%" style="">
       <div class="docinfo">

src/components/Index.vue

@@ -24,7 +24,22 @@
         window.localStorage.removeItem('token')
         window.localStorage.removeItem('authinfo')
         window.location.reload()
+      },
+      getData(){
+        this.$api.getAccountInfo().then(res=>{
+          if(!res.data.code){
+            if(res.data.data.role=="1"){
+              this.goPage("/docindex")
+            }else{
+              this.goPage("/patindex")
+            }
+            localStorage.setItem("authinfo",JSON.stringify(res.data.data))
+          }
+        })
       }
+    },
+    created(){
+      this.getData()
     }
   }
 

src/components/PatClockIn.vue

@@ -48,13 +48,13 @@
         mfreqFlag: false,
         slots: [{
           flex: 1,
-          values: ['人血FVIII', '百因止', '科跃奇', '诺易', '任捷', '重凝贝', '安佳因', '其他'],
+          values: this.$const.mprolist,
           className: 'slot1',
           textAlign: 'center'
         }],
         slots1: [{
           flex: 1,
-          values: ['每周2次', '每周3次', '每天1次', '每2天1次', '每3天1次', '不固定/按需治疗'],
+          values: this.$const.mfreq,
           className: 'slot1',
           textAlign: 'center'
         }]
@@ -75,7 +75,7 @@
         if (picker.getSlotValue(0)) {
           this.form.mfreq = picker.getSlotValue(0)
         } else {
-          this.form.mfreq = "每周2次"
+          this.form.mfreq = this.$const.mfreq[0]
         }
       },
       submit() {

src/components/PatIndex.vue

@@ -13,12 +13,21 @@
           <div class="formTitle">体内FVIII活性水平实时预报</div>
           <div class="lrcontainer">
             <div class="lritem left">
-              <div class="personRatio">
+              <!-- <div class="personRatio">
 
+              </div> -->
+
+              <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 right">
-              <p style="margin:5px 0px;color:red;font-weight:bold;font-size:1.5rem">FVIII浓度：{{latestCase.FVIII}}</p>
+              <!-- <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.5rem">
+                FVIII浓度：{{latestCase.FVIII}}%</div>
               <div class="rowfont">参考方案</div>
               <div class="rowfont">1.产品:{{latestCase.mpro}}</div>
               <div class="rowfont">2.剂量:{{latestCase.zsjl}}</div>
@@ -38,8 +47,8 @@
     </div>
     <!-- 未查询到病例信息 -->
     <div v-else>
-        <div class="content">
-          <div class="bgimg">
+      <div class="content">
+        <!-- <div class="bgimg">
             <div class="docinfo">
               <img class="docavatar" src="../assets/images/doch1.jpg" width="60rem" height="60rem" />
               <p class="docname">{{patinfo.name}} 您好!</p>
@@ -47,8 +56,19 @@
             <div style="margin:16.8rem auto;width:50%;font-size:1.4rem;margin-top:16.8rem">
                 未查询到您的信息请等待主治医生进行信息录入
               </div>
+          </div> -->
+
+        <div style="position:relative;">
+          <img src="../assets/images/infobg.png" alt="" width="100%" style="">
+          <div class="docinfo">
+            <img class="docavatar" src="../assets/images/doch1.jpg" width="60rem" height="60rem" />
+            <p class="docname">{{patinfo.name}} 您好!</p>
           </div>
-          
+          <div style="margin:40px auto;width:80%;font-size:1.4rem;">
+            未查询到您的信息请等待主治医生进行信息录入
+          </div>
+        </div>
+
       </div>
     </div>
   </div>
@@ -68,29 +88,31 @@
         msg: 'Welcome to Your Vue.js App',
         inflag: 0,
         patinfo: {},
-        latestCase: {}
+        latestCase: {},
+        ratioHeight:0
       }
     },
     methods: {
       goPage(path) {
         this.$router.push(path)
       },
-      logout(){
+      logout() {
         window.localStorage.removeItem('token')
         window.localStorage.removeItem('authinfo')
         window.location.reload()
       },
       getData() {
         this.$api.getPatientLatestCase().then(res => {
-          if (!res.data.code) {
-            this.latestCase = res.data.data
-          }
-        }),
-        this.$api.getAccountInfo().then(res => {
-          if (!res.data.code) {
-            this.patinfo = res.data.data
-          }
-        })
+            if (!res.data.code) {
+              this.latestCase = res.data.data
+              this.ratioHeight = 216/100*this.latestCase.FVIII
+            }
+          }),
+          this.$api.getAccountInfo().then(res => {
+            if (!res.data.code) {
+              this.patinfo = res.data.data
+            }
+          })
       }
     },
     created() {
@@ -104,7 +126,7 @@
   .container {
     .content {
       height: 100%;
-      margin-top:0px;
+      margin-top: 0px;
     }
 
     height: 100%;
@@ -129,7 +151,10 @@
     }
 
     .docinfo {
-      margin-top: 4rem;
+      position: absolute;
+      top: 30%;
+      left: 0;
+      right: 0;
 
       .docavatar {
         border-radius: 60rem;
@@ -141,7 +166,6 @@
         font-size: 1.2rem;
       }
 
-      position: relative;
       z-index:3;
     }
 
@@ -164,23 +188,72 @@
       width: 90%;
       margin: auto;
       margin-top: 10px;
+      height: 246px;
+
+      .right {
+        left: 30%;
+        width: 60%;
+      }
+
+      .left {
+        width: 30%;
+        margin-top: 10px;
+        position: relative;
+        overflow: hidden;
+
+      }
 
       .lritem {
         justify-content: space-between;
-        height: 15rem;
-        margin-left:1.6rem;
-
-        .left {
-          width: 40%;
-        }
+        /* height: 196px; */
+        /* margin-left:1.6rem; */
 
-        .personRatio {
-          height: 12rem;
-          width: 4.2rem;
-          margin: auto;
-          background-image: url("../assets/images/personbg.png");
+        .ratioBg {
+          width: 78px;
+          position: absolute;
+          left:0;
+          right:0;
+          bottom:20px;
+          margin:auto;
+          z-index:0;
+          /* background:#2D9AF4; */
+          background-image: url("../assets/images/test.png");
           background-size: 100% 100%;
-          margin-top:2rem;
+          height: 100px;
+        }
+        .ratioBg1 {
+          width: 80px;
+          position: absolute;
+          left:0;
+          right:0;
+          bottom:20px;
+          margin:auto;
+          z-index:-1;
+          /* background:#64B3F6; */
+          
+          height: 216px;;
+        }
+        .ratioBg2 {
+          width: 80px;
+          position: absolute;
+          left:0;
+          right:0;
+          bottom:20px;
+          margin:auto;
+          z-index:-1;
+          /* background:#64B3F6; */
+          /* height: 150px; */
+        }
+        .ratioBg3 {
+          width: 80px;
+          position: absolute;
+          left:0;
+          right:0;
+          bottom:20px;
+          margin:auto;
+          z-index:1;
+          /* background:#64B3F6; */
+          height: 216px;;
         }
 
         .mint-cell {
@@ -201,6 +274,7 @@
     }
 
     .footer {
+      margin-top: 60px;
       margin-bottom: 20px;
     }
   }

src/components/SolutionPkLine.vue

@@ -19,7 +19,7 @@
         <div class="rowfont">活性大于1%的时间:{{pklinedata.gt1_time}}</div>
         <div style="display:flex;">
           <div class="rowfont" style="width:50%;">峰活性:{{pklinedata.sjfhx}}%</div>
-          <div class="rowfont" style="width:50%;">谷活性(IU/kg):{{pklinedata.sjghx}}</div>
+          <div class="rowfont" style="width:50%;">谷活性(IU/kg):{{pklinedata.sjghx}}%</div>
         </div>
         <hr>
         <mt-cell :title="'姓名:'+caseInfo.name" :value="'ID:'+caseInfo.code"></mt-cell>
@@ -70,6 +70,7 @@
           series: [{
             name: '最低气温',
             type: 'line',
+            showSymbol: false,
             data: [],
             markLine: {
               data: [{