Explorar o código

医生端bug修改

Your Name hai 1 ano
pai
achega
dd95aa00cf

+ 98 - 11
src/components/DiagCalc.vue

@@ -10,44 +10,72 @@
           <img src="../assets/images/down.png" alt="" width="16px">
         </mt-field>
         <mt-field label="注射剂量(IU)" placeholder="请输入整数" v-model="form.zsjl" type="number"></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>注射时间t<sub>0</sub></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>注射时间t<sub>0</sub></span>
+          </div>
         <mt-field label="基础活性%" placeholder="请输入2位小数" v-model="form.jchx"></mt-field>
         <!-- <mt-field label="注射后半小时内活性%" placeholder="请输入2位小数" type="number" v-model="form.zs30hx"></mt-field> -->
-        <div class="numSubTitle">
+        <!-- <div class="numSubTitle">
           <mt-field class="inputDisable" disabled placeholder="请选择时间" v-model="form.cxsjt1"
             @click.native="$refs.t1Picker.open()">
             <img src="../assets/images/down.png" alt="" width="16px">
           </mt-field>
           <span>采血时间t<sub>1</sub></span>
-        </div>
+        </div> -->
+        <div class="numSubTitle">
+            <mt-field class="inputDisable" disabled placeholder="请选择时间" v-model="form.cxsjt1"
+              @click.native="cxsjt1Flag=true">
+              <img src="../assets/images/down.png" alt="" width="16px">
+            </mt-field>
+            <span>采血时间t<sub>1</sub></span>
+          </div>
         <div class="numSubTitle">
           <mt-field placeholder="请输入2位小数" v-model="form.t1hx" type="number"></mt-field>
           <span>t<sub>1</sub>点活性%</span>
         </div>
-        <div class="numSubTitle">
+        <!-- <div class="numSubTitle">
           <mt-field class="inputDisable" disabled placeholder="请选择时间" v-model="form.cxsjt2"
             @click.native="$refs.t2Picker.open()">
             <img src="../assets/images/down.png" alt="" width="16px">
           </mt-field>
           <span>采血时间t<sub>2</sub></span>
-        </div>
+        </div> -->
+        <div class="numSubTitle">
+            <mt-field class="inputDisable" disabled placeholder="请选择时间" v-model="form.cxsjt2"
+              @click.native="cxsjt2Flag=true">
+              <img src="../assets/images/down.png" alt="" width="16px">
+            </mt-field>
+            <span>采血时间t<sub>2</sub></span>
+          </div>
         <div class="numSubTitle">
           <mt-field placeholder="请输入2位小数" v-model="form.t2hx" type="number"></mt-field>
           <span>t<sub>2</sub>点活性%</span>
         </div>
-        <div class="numSubTitle">
+        <!-- <div class="numSubTitle">
           <mt-field class="inputDisable" disabled placeholder="请选择时间" v-model="form.cxsjt3"
             @click.native="$refs.t3Picker.open()">
             <img src="../assets/images/down.png" alt="" width="16px">
           </mt-field>
           <span>采血时间t<sub>3</sub></span>
-        </div>
+        </div> -->
+        <div class="numSubTitle">
+            <mt-field class="inputDisable" disabled placeholder="请选择时间" v-model="form.cxsjt3"
+              @click.native="cxsjt3Flag=true">
+              <img src="../assets/images/down.png" alt="" width="16px">
+            </mt-field>
+            <span>采血时间t<sub>3</sub></span>
+          </div>
         <div class="numSubTitle">
           <mt-field placeholder="请输入2位小数" v-model="form.t3hx" type="number"></mt-field>
           <span>t<sub>3</sub>点活性%</span>
@@ -71,21 +99,57 @@
       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"
+    ></vue-hash-calendar>
     <!-- 采血时间t1 -->
     <mt-datetime-picker ref="t1Picker" type="datetime" year-format="{value} 年" month-format="{value} 月"
       date-format="{value} 日" hourFormat="{value}时" minuteFormat="{value}分" @confirm='changeTime1' :endDate='endDate'
       :startDate='startDate' v-model="now" @touchmove.native.stop.prevent>
     </mt-datetime-picker>
+    <vue-hash-calendar 
+      :visible="cxsjt1Flag"
+      ref="cxsjt1" 
+      model="dialog"
+      :is-show-action="true"
+      picker-type="datetime"
+      format="YY-MM-DD hh:mm"
+      @confirm="dateConfirmCxsjt1"
+    ></vue-hash-calendar>
     <!-- 采血时间t2 -->
     <mt-datetime-picker ref="t2Picker" type="datetime" year-format="{value} 年" month-format="{value} 月"
       date-format="{value} 日" hourFormat="{value}时" minuteFormat="{value}分" @confirm='changeTime2' :endDate='endDate'
       :startDate='startDate' v-model="now" @touchmove.native.stop.prevent>
     </mt-datetime-picker>
+    <vue-hash-calendar 
+      :visible="cxsjt2Flag"
+      ref="cxsjt2" 
+      model="dialog"
+      :is-show-action="true"
+      picker-type="datetime"
+      format="YY-MM-DD hh:mm"
+      @confirm="dateConfirmCxsjt2"
+    ></vue-hash-calendar>
     <!-- 采血时间t3 -->
     <mt-datetime-picker ref="t3Picker" type="datetime" year-format="{value} 年" month-format="{value} 月"
       date-format="{value} 日" hourFormat="{value}时" minuteFormat="{value}分" @confirm='changeTime3' :endDate='endDate'
       :startDate='startDate' v-model="now" @touchmove.native.stop.prevent>
     </mt-datetime-picker>
+    <vue-hash-calendar 
+      :visible="cxsjt3Flag"
+      ref="cxsjt3" 
+      model="dialog"
+      :is-show-action="true"
+      picker-type="datetime"
+      format="YY-MM-DD hh:mm"
+      @confirm="dateConfirmCxsjt3"
+    ></vue-hash-calendar>
     <!-- 注射频次 -->
     <!-- <mt-picker @change="onValuesChange1" v-if="mfreqFlag" :slots="slots1" ref="sexPicker1" class="sexPicker"
       :showToolbar="true" @touchmove.native.stop.prevent>
@@ -131,11 +195,10 @@
         </div>
         <div class="popupFooter">
           <div class="jbbtn" @click="goback">返回</div>
-          <div class="jbbtn" @click="goSelect">确定</div>
           <div class="jbbtn" @click="calc_mczsjl">计算</div>
+          <div class="jbbtn" @click="goSelect">确定</div>
         </div>
       </div>
-
       <!-- 注射频次 -->
       <mt-picker @change="onValuesChange1" v-if="mfreqFlag" :slots="slots1" ref="sexPicker1" class="sexPicker"
         :showToolbar="true" @touchmove.native.stop.prevent>
@@ -191,7 +254,11 @@
           textAlign: 'center'
         }],
         popupVisible: this.$route.query.edit ? true : false,
-        patient_id: this.$route.query.patid
+        patient_id: this.$route.query.patid,
+        zssjt0Flag:false,
+        cxsjt1Flag:false,
+        cxsjt2Flag:false,
+        cxsjt3Flag:false
       }
     },
     methods: {
@@ -220,15 +287,31 @@
       changeTime0(value) {
         this.form.zssjt0 = this.$datetime.formatDateTime(value).replaceAll("/", "-")
       },
+      dateConfirmZssjt0(value){
+        this.form.zssjt0 = value
+        this.zssjt0Flag = false
+      },
       changeTime1(value) {
         this.form.cxsjt1 = this.$datetime.formatDateTime(value).replaceAll("/", "-")
       },
+      dateConfirmCxsjt1(value){
+        this.form.cxsjt1 = value
+        this.cxsjt1Flag = false
+      },
       changeTime2(value) {
         this.form.cxsjt2 = this.$datetime.formatDateTime(value).replaceAll("/", "-")
       },
+      dateConfirmCxsjt2(value){
+        this.form.cxsjt2 = value
+        this.cxsjt2Flag = false
+      },
       changeTime3(value) {
         this.form.cxsjt3 = this.$datetime.formatDateTime(value).replaceAll("/", "-")
       },
+      dateConfirmCxsjt3(value){
+        this.form.cxsjt3 = value
+        this.cxsjt3Flag = false
+      },
       onValuesChange(picker, values) {
         if (picker.getSlotValue(0)) {
           this.form.mpro = picker.getSlotValue(0)
@@ -592,5 +675,9 @@
   /deep/ .mint-cell-wrapper{
     background-image:none!important;
   }
+  /deep/ .mint-cell:last-child{
+    background-image:none!important;
+  }
+
 
 </style>

+ 5 - 1
src/components/PatCaseList.vue

@@ -47,10 +47,14 @@
             height="32px">
         </div>
       </div>
-      <!-- 方案 -->
       <div class="patCaseForm baseInfo" v-for="(item,index) in caseList" v-if="selected=='3'">
         <mt-cell :title="'姓名:'+item.name" :value="'ID:'+item.code"></mt-cell>
         <mt-cell :title="'年龄:'+item.age" :value="'性别:'+item.sex"></mt-cell>
+      </div>
+      <!-- 方案 -->
+      <div class="patCaseForm baseInfo" v-for="(item,index) in caseList" v-if="selected=='3'">
+        <!-- <mt-cell :title="'姓名:'+item.name" :value="'ID:'+item.code"></mt-cell>
+        <mt-cell :title="'年龄:'+item.age" :value="'性别:'+item.sex"></mt-cell> -->
         <mt-cell :title="'使用产品:'+item.ckmpro" :value="'注射剂量:'+item.ckzsjl"></mt-cell>
         <mt-cell :title="'注射频次:'+item.ckmfreq"></mt-cell>
         <div style="font-size:1rem;text-align:left;padding-left:10px;">

+ 19 - 3
src/components/RegPatinfo.vue

@@ -5,9 +5,13 @@
       <div class="title">请录入病例信息</div>
       <div class="loginForm">
         <mt-field placeholder="请输入病例姓名" label="姓名" v-model="form.name"></mt-field>
-        <mt-field placeholder="请选择出生年月" class="inputDisable" disabled label="年龄" v-model="form.birthday"
+        <!-- <mt-field placeholder="请选择出生年月" class="inputDisable" disabled label="年龄" v-model="form.birthday"
           @click.native="$refs.birthdayPicker.open();sexFlag=false">
           <img src="../assets/images/down.png" alt="" width="16px">
+        </mt-field> -->
+        <mt-field placeholder="请选择出生年月" class="inputDisable" disabled label="年龄" v-model="form.birthday"
+          @click.native="hashCalen=true;sexFlag=false">
+          <img src="../assets/images/down.png" alt="" width="16px">
         </mt-field>
         <mt-field placeholder="请选择性别" class="inputDisable" disabled label="性别" v-model="form.sex"
           @click.native="sexFlag=true">
@@ -19,7 +23,7 @@
       <div class="footer">
         <div class="jbbtn" @click="goPage('docindex')">返回</div>
         <div class="jbbtn" @click="submit">确定</div>
-        <!-- <div class="jbbtn" @click="birthdayClick">测试</div> -->
+        <!-- <div class="jbbtn" @click="hashCalen=true">测试</div> -->
       </div>
 
     </div>
@@ -32,7 +36,13 @@
       <div class="pickerConfirm" v-model="now" @click="sexFlag=false">确认</div>
     </mt-picker>
 
-    <vue-hash-calendar :visible="false"></vue-hash-calendar>
+    <vue-hash-calendar :visible="hashCalen" 
+      model="dialog"
+      :is-show-action="true"
+      picker-type="date"
+      format="YY-MM-DD"
+      @confirm="dateConfirm"
+    ></vue-hash-calendar>
 
   </div>
 </template>
@@ -71,9 +81,15 @@
         startDate: new Date('1923/01/01'),
         endDate: new Date(this.$datetime.formatDate(new Date())),
         now: new Date(),
+        hashCalen: false
       }
     },
     methods: {
+      dateConfirm(value){
+        this.form.birthday = value
+        this.sexFlag = false
+        this.hashCalen = false
+      },
       birthdayClick() { //生日
         this.$picker.show({
           type: 'datePicker',

+ 2 - 2
src/components/ShowAndSaveCase.vue

@@ -31,11 +31,11 @@
         </div>
         <div style="display:flex;">
           <div class="rowfont" style="width:40%;">剂量(IU/kg)</div>
-          <div class="rowfont" style="width:60%;color:#888;">{{caseInfo.zsjl}}</div>
+          <div class="rowfont" style="width:60%;color:#888;">{{caseInfo.ckzsjl}}</div>
         </div>
         <div style="display:flex;">
           <div class="rowfont" style="width:40%;">频次</div>
-          <div class="rowfont" style="width:60%;color:#888;">{{caseInfo.zspc}}</div>
+          <div class="rowfont" style="width:60%;color:#888;">{{caseInfo.ckmfreq}}</div>
         </div>
         <div style="display:flex;">
           <div class="rowfont" style="width:40%;">方案时间</div>

+ 191 - 38
src/components/SolutionPkLine.vue

@@ -2,21 +2,21 @@
   <div class="container">
     <div class="bgimg"></div>
     <div class="content">
-      <div class="title">预防治疗参考方案一周活性变化</div>
+      <div class="title">PK检测详情</div>
       <div class="PKLineForm">
         <v-chart :option="pklineOption" style="height: 350px">
         </v-chart>
         <div class="tuli">
-            <p style="color:#6594D5;"> —活性</p>
-            <p style="color:#AC4C44;">---5%</p>
-            <p style="color:#4caf50;">---3%</p>
-            <p style="color:#ab6cef;">---1%</p>
+          <p style="color:#6594D5;"> —活性</p>
+          <p style="color:#AC4C44;">---5%</p>
+          <p style="color:#4caf50;">---3%</p>
+          <p style="color:#ab6cef;">---1%</p>
         </div>
         <p class="xLabel">时间(小时)</p>
         <!-- <div class="YLabel">活性(%)</div> -->
       </div>
       <div class="PKLineForm baseInfo">
-          <div class="rowfont">活性大于15%的时间(小时):{{pklinedata.gt15_time}}</div>
+        <div class="rowfont">活性大于15%的时间(小时):{{pklinedata.gt15_time}}</div>
         <div class="rowfont">活性大于5%的时间(小时):{{pklinedata.gt5_time}}</div>
         <div class="rowfont">活性大于3%的时间(小时):{{pklinedata.gt3_time}}</div>
         <div class="rowfont">活性大于1%的时间(小时):{{pklinedata.gt1_time}}</div>
@@ -55,18 +55,35 @@
       return {
         msg: 'Welcome to Your Vue.js App',
         caseInfo: {},
-        pklinedata:{},
+        pklinedata: {},
         pklineOption: {
-          title: {},
+          title: {
+            text: "一周因子活性变化",
+            left: 'center'
+          },
           calculable: true,
           xAxis: [{
+            // minInterval:1,
+            // scale:false,
+            splitNumber:192,
             type: 'category',
             boundaryGap: false,
             data: [],
             // name:"时间(小时)"
+            axisLabel:{
+              interval:0,
+              formatter(v){
+                if(v % 48==0){
+                console.log(v,2222222)
+                  return v
+                }else{
+                  return ""
+                }
+              }
+            }
           }],
           yAxis: [{
-            name:"活性(%)",
+            name: "活性(%)",
             type: 'value',
             axisLabel: {
               // formatter: (v,i)=>{
@@ -75,7 +92,7 @@
               //   }else{
               //     v=v/5
               //   }
-                
+
               //   return v
               // }
             },
@@ -90,30 +107,163 @@
             data: [],
             markLine: {
               symbol: ['none', 'none'],
-              label:{
-                  formatter: '{b}'
-                },
+              label: {
+                formatter: '{b}'
+              },
               data: [{
                   name: '1',
                   yAxis: 1,
                   lineStyle: {
-                        color: '#ab6cef'
+                    color: '#ab6cef'
                   }
                 },
                 {
                   name: '3',
                   yAxis: 3,
                   lineStyle: {
-                        color: '#4caf50'
+                    color: '#4caf50'
                   }
                 },
                 {
                   name: '5',
                   yAxis: 5,
                   lineStyle: {
-                        color: '#AC4C44'
+                    color: '#AC4C44'
                   }
-                }
+                },
+                {
+                  // name: '12',
+                  xAxis: 2,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 4,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 6,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 8,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 10,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 12,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 14,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 16,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 18,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 20,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 22,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 24,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 26,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 28,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 30,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 32,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 34,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 36,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
+                {
+                  // name: '24',
+                  xAxis: 38,
+                  lineStyle: {
+                    color: '#ccc'
+                  }
+                },
               ]
             }
           }]
@@ -121,11 +271,11 @@
       }
     },
     methods: {
-      next(){
-        if(this.$route.query && this.$route.query.show){
+      next() {
+        if (this.$route.query && this.$route.query.show) {
           this.goPage('/patcaselist')
-        }else{
-          this.goPage('/showandsavecase?id='+this.$route.query.id)
+        } else {
+          this.goPage('/showandsavecase?id=' + this.$route.query.id)
         }
       },
       goPage(path) {
@@ -133,9 +283,9 @@
         if (path === -1) {
           this.$router.go(-1)
         }
-        if(role==2){
+        if (role == 2) {
           this.$router.push("/patindex")
-        }else{
+        } else {
           this.$router.push(path)
         }
       },
@@ -178,28 +328,32 @@
     padding: 1rem;
     border-radius: 5px;
     position: relative;
-    .xLabel{
+
+    .xLabel {
       position: absolute;
-      top:310px;
-      left:40%;
-      font-size:12px;
+      top: 310px;
+      left: 40%;
+      font-size: 12px;
     }
-    .tuli{
+
+    .tuli {
       position: absolute;
-      right:0px;
-      top:40px;
-      p{
-        margin:5px;
+      right: 0px;
+      top: 40px;
+
+      p {
+        margin: 5px;
       }
     }
-    
-    .rowfont{
-      font-size:1rem;
-      text-align:left;
-      padding-left:10px;
+
+    .rowfont {
+      font-size: 1rem;
+      text-align: left;
+      padding-left: 10px;
       line-height: 2rem;
       height: 2rem;
     }
+
     .formTitle {
       height: 1rem;
       line-height: 1rem;
@@ -238,5 +392,4 @@
     width: 42%;
   }
 
-  
 </style>