Главная Обзор Помощь
Регистрация Вход
xiaojincai
/
xybpkmweb
Следить 1
В избранное 0
Ответвить 0
Файлы Обсуждения 0 Запросы на слияние 0 Вики
Просмотр исходного кода

all all done

Your Name 2 лет назад
Родитель
efd9bad82c
Сommit
935f4fc773
5 измененных файлов с 104 добавлено и 47 удалено
Разделённый вид Показать статистику Diff
  1. 42 20
      index.html
  2. BIN
      src/assets/images/desc.png
  3. 28 5
      src/components/PatClockIn.vue
  4. 6 3
      src/components/PatClockInSuc.vue
  5. 28 19
      src/components/PatIndex.vue

+ 42 - 20
index.html
Просмотреть файл 

@@ -1,23 +1,45 @@
 
 <!DOCTYPE html>
 
 <html>
 
-  <head>
 
-    <meta charset="utf-8">
 
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
-    <title>贝安欣PK检测</title>
 
-    <link rel="stylesheet" type="text/css" href="./src/styles/layout.css">
 
-  </head>
 
-  <body>
 
-    <div id="app"></div>
 
-    <!-- built files will be auto injected -->
 
-  </body>
 
-  <style>
 
-    html{
 
-      font-size: 16px;
 
-    }
 
-    body{
 
-      margin:0px;
 
-      padding:0px;
 
-      font-size: 16px;
 
-    }
 
-  </style>
 
+
 
+<head>
 
+  <meta charset="utf-8">
 
+  <meta name="viewport" content="width=device-width,initial-scale=1.0">
 
+  <title>贝安欣PK检测</title>
 
+  <link rel="stylesheet" type="text/css" href="./src/styles/layout.css">
 
+</head>
 
+
 
+<body>
 
+  <div id="app"></div>
 
+  <!-- built files will be auto injected -->
 
+</body>
 
+<style>
 
+  html {
 
+    font-size: 16px;
 
+  }
 
+
 
+  body {
 
+    margin: 0px;
 
+    padding: 0px;
 
+    font-size: 16px;
 
+  }
 
+
 
+</style>
 
+<script>
 
+(function() {
 
+if (typeof WeixinJSBridge == "object" && typeof WeixinJSBridge.invoke == "function") {
 
+handleFontSize();
 
+} else {
 
+document.addEventListener("WeixinJSBridgeReady", handleFontSize, false);
 
+}
 
+function handleFontSize() {
 
+// 设置网页字体为默认大小
 
+WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
 
+// 重写设置网页字体大小的事件
 
+WeixinJSBridge.on('menu:setfont', function() {
 
+WeixinJSBridge.invoke('setFontSizeCallback', { 'fontSize' : 0 });
 
+});
 
+}
 
+})();
 
+</script>
 
+
 
 </html>

BIN
src/assets/images/desc.png
Просмотреть файл


+ 28 - 5
src/components/PatClockIn.vue
Просмотреть файл 

@@ -12,13 +12,20 @@
 
           <img src="../assets/images/down.png" alt="" width="16px">
 
         </mt-field> -->
 
         <mt-field label="注射剂量" placeholder="整数" type="number" v-model="form.mdose"></mt-field>
 
-        <div class="numSubTitle">
 
+        <!-- <div class="numSubTitle">
 
           <mt-field class="inputDisable" disabled placeholder="请选择时间" v-model="form.zssjt0"
 
             @click.native="$refs.t0Picker.open()">
 
             <img src="../assets/images/down.png" alt="" width="16px">
 
           </mt-field>
 
           <span>注射时间</span>
 
-        </div>
 
+        </div> -->
 
+        <div class="numSubTitle">
 
+            <mt-field class="inputDisable" disabled placeholder="请选择时间" v-model="form.zssjt0"
 
+              @click.native="zssjt0Flag=true">
 
+              <img src="../assets/images/down.png" alt="" width="16px">
 
+            </mt-field>
 
+            <span>注射时间</span>
 
+          </div>
 
       </div>
 
       <div class="footer">
 
         <div class="jbbtn" @click="$router.go(-1)">返回</div>
 
@@ -38,6 +45,17 @@
 
       date-format="{value} 日" hourFormat="{value}时" minuteFormat="{value}分" @confirm='changeTime0' :endDate='endDate'
 
       :startDate='startDate' v-model="now" @touchmove.native.stop.prevent>
 
     </mt-datetime-picker>
 
+
 
+    <vue-hash-calendar 
+      :visible="zssjt0Flag"
 
+      ref="zssjt0" 
+      model="dialog"
 
+      :is-show-action="true"
 
+      picker-type="datetime"
 
+      format="YY-MM-DD hh:mm"
 
+      @confirm="dateConfirmZssjt0"
 
+      :change-year-fast="true"
 
+    ></vue-hash-calendar>
 
   </div>
 
 </template>
 
 
@@ -78,6 +96,7 @@
 
           className: 'slot1',
 
           textAlign: 'center'
 
         }],
 
+        zssjt0Flag:false,
 
       }
 
     },
 
     methods: {
 
@@ -87,6 +106,10 @@
 
       changeTime0(value) {
 
         this.form.zssjt0 = this.$datetime.formatDateTime(value).replaceAll("/", "-")
 
       },
 
+      dateConfirmZssjt0(value){
 
+        this.form.zssjt0 = value
 
+        this.zssjt0Flag = false
 
+      },
 
       onValuesChange(picker, values) {
 
         if (picker.getSlotValue(0)) {
 
           this.form.mpro = picker.getSlotValue(0)
 
@@ -177,7 +200,7 @@
 
       position: absolute;
 
       left: 15px;
 
       top: 10px;
 
-      font-size:1.4rem;
 
+      font-size:1.2rem;
 
     }
 
   }
 
 
@@ -188,13 +211,13 @@
 
   /deep/ .mint-cell .mint-cell-title {
 
     /* width: 60%; */
 
     /* text-align: left; */
 
-    font-size:1.4rem;
 
+    font-size:1.2rem;
 
   }
 
 
   /deep/ .mint-cell .mint-cell-value {
 
     /* width: 40%; */
 
     /* text-align: right; */
 
-    font-size:1.4rem;
 
+    font-size:1.2rem;
 
   }
 
 
   .footer {

+ 6 - 3
src/components/PatClockInSuc.vue
Просмотреть файл 

@@ -71,17 +71,20 @@
 
       width:80%;
 
       margin:auto;
 
       position: relative;
 
-      padding-top:4rem;
 
-      height: 16rem;
 
+      /* padding-top:4rem; */
 
+      /* height: 16rem; */
 
+      height: 19rem;
 
     }
 
     .clocksucmsg{
 
       width:100%;
 
       position:absolute;
 
       text-align: center;
 
-      top:10rem;
 
+      top:0px;
 
+      bottom:0px;
 
       font-size:1.4rem;
 
       color:#fff;
 
       font-weight: bold;
 
+      line-height: 19rem;
 
     }
 
     .clockintime {
 
       width: 60%;

+ 28 - 19
src/components/PatIndex.vue
Просмотреть файл 

@@ -20,7 +20,7 @@
 
                 <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 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>
 
@@ -37,8 +37,8 @@
 
                   FVIII浓度：{{latestCase.FVIII}}%</div> -->
 
                 <div class="rowfont" style="
 
                     margin:5px 0px;color:red;
 
-                    font-weight:bold;font-size:5.2rem;
 
-                    text-align: center;height: 100px;line-height: 100px;">
 
+                    font-weight:bold;font-size:4.2rem;
 
+                    text-align: center;height: 75px;line-height: 75px;">
 
                   {{latestCase.FVIII}}%</div>
 
                 <!-- <div class="rowfont">参考方案</div>
 
                 <div class="rowfont">1.产品:{{latestCase.ckmpro}}</div>
 
@@ -57,28 +57,28 @@
 
                     1% ~ 3% <sup>2、3</sup>
 
                   </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.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% <sup>2、3</sup>
 
                   </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.2rem;color:#3B4070;">(如散步、慢跑、无对抗运动等)</div>
 
+                  <div class="rowfont" style="font-weight:bold;font-size:1.0rem;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% <sup>2、3</sup>
 
                   </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.2rem;color:#3B4070;">(如爬山、骑行、球类运动等)</div>
 
+                  <div class="rowfont" style="font-weight:bold;font-size:1.0rem;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;">
 
                     5%~15% <sup>2、3</sup>
 
                   </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.2rem;color:#3B4070;">(如滑雪、滑冰、滑板等)</div>
 
+                  <div class="rowfont" style="font-weight:bold;font-size:1.0rem;color:#3B4070;">(如滑雪、滑冰、滑板等)</div>
 
                 </div>
 
               </div>
 
             </div>
 
@@ -89,6 +89,9 @@
 
             <div class="jbbtn" @click="goPage('/procaselist')">PK及方案</div>
 
             <div class="jbbtn" @click="logout">退出登录</div>
 
           </div>
 
+          <div class="desc">
 
+              <img src="../assets/images/desc.png" alt="" width="100%">
 
+          </div>
 
         </div>
 
       </div>
 
     </div>
 
@@ -118,15 +121,20 @@
 
         <div class="footer">
 
           <div class="jbbtn" @click="logout">退出登录</div>
 
         </div>
 
+        <div class="desc">
 
+            <img src="../assets/images/desc.png" alt="" width="100%">
 
+        </div>
 
       </div>
 
+      
     </div>
 
-    <div class="desc">
 
+    <!-- <div class="desc">
 
         <span>1、本结果仅供参考，具体治疗方案请遵医嘱执行</span><br>
 
         <span>2、Target plasma factor levels for personalized treatment in haemophilia: a Delphi consensus statement，
 
           Alorio,et al.Haemophilia,2017</span><br>
 
         <span>3、Optimising prophylaxis in haemophilia A: The ups and downs of treatment，Erik Berntorp,et al. Blood
 
           Rev, 2021 Nov</span>
 
-    </div>
 
+    </div> -->
 
+    
   </div>
 
 </template>
 
 
@@ -166,6 +174,7 @@
 
               if (!res.data.code) {
 
                 this.latestCase = res.data.data
 
                 this.ratioHeight = 216 / 100 * this.latestCase.FVIII
 
+                // this.latestCase.FVIII = 7
 
               }
 
             })
 
           }
 
@@ -242,21 +251,23 @@
 
 
     .lrcontainer {
 
       display: flex;
 
-      width: 90%;
 
+      width: 80%;
 
       margin: auto;
 
-      margin-top: 10px;
 
-      height: 246px;
 
+      margin-top: 2rem;
 
+      /* margin-bottom: 2rem; */
 
+      /* height: 246px; */
 
 
       .right {
 
         left: 30%;
 
-        width: 65%;
 
+        width: 70%;
 
       }
 
 
       .left {
 
         width: 35%;
 
         margin-top: 10px;
 
         position: relative;
 
-        overflow: hidden;
 
+        /* overflow: hidden; */
 
+        margin-left:5%;
 
 
       }
 
 
@@ -311,7 +322,7 @@
 
           left: 0;
 
           top:0;
 
           right: 0;
 
-          bottom: 20px;
 
+          bottom: 0;
 
           margin: auto;
 
           z-index: 1;
 
           /* height: 216px; */
 
@@ -336,7 +347,7 @@
 
 
     .footer {
 
       margin-top: 20px;
 
-      margin-bottom: 6rem;
 
+      margin-bottom: 4rem;
 
       .jbbtn{
 
         margin-top: 10px;
 
       }
 
@@ -348,12 +359,10 @@
 
   }
 
 
   .desc{
 
-    position: fixed;
 
     text-align: left;
 
     font-size:12px;
 
-    bottom:0px;
 
-    z-index:10;
 
     color:#ccc;
 
+    padding:1rem;
 
   }
 
 
 </style>