修改出血打卡

src/components/PatClockBleed.vue

@@ -19,10 +19,14 @@
           @click.native="flag=2" placeholder="请选择">
           <img src="../assets/images/down.png" alt="" width="16px">
         </mt-field>
+        <mt-field v-else label="其他部位" placeholder="请输入"  v-model="form.bleed_part_desc"></mt-field>
         <mt-field class="inputDisable" disabled label="出血原因" v-model="form.bleed_reason"
           @click.native="flag=3" placeholder="请选择">
           <img src="../assets/images/down.png" alt="" width="16px">
         </mt-field>
+        <!-- {{bleed_part_detail}} -->
+
+
         <mt-field class="inputDisable" disabled label="出血程度" v-model="form.bleed_level"
           @click.native="flag=4" placeholder="请选择">
           <img src="../assets/images/down.png" alt="" width="16px">
@@ -53,11 +57,21 @@
       :showToolbar="true" @change="(picker,values)=>onValuesChange(picker,values,'bleed_part')">
       <div class="pickerConfirm" @click="flag=-1">确认</div>
     </mt-picker>
+
     <!-- 关节 -->
-    <mt-picker  v-if="flag == 2" :slots="options.guanjie" ref="sexPicker" class="sexPicker"
+    <div class="sexPicker" v-if="flag == 2">
+      <div class="confirm" @click="flag=-1,form.bleed_part_detail=bleed_part_detail.join(',')">确认</div>
+      <mt-checklist  class="checklist"
+
+        v-model="bleed_part_detail"
+        :options="options.guanjie">
+        <div class="checklistConfirm" @click="flag=-1">确认</div>
+      </mt-checklist>
+    </div>
+   <!-- <mt-picker  v-if="flag == 2" :slots="options.guanjie" ref="sexPicker" class="sexPicker"
       :showToolbar="true" @change="(picker,values)=>onValuesChange(picker,values,'bleed_part_detail')">
       <div class="pickerConfirm" @click="flag=-1">确认</div>
-    </mt-picker>
+    </mt-picker> -->
     <!-- 出血原因-->
     <mt-picker  v-if="flag == 3" :slots="options.chux_reason" ref="sexPicker" class="sexPicker"
       :showToolbar="true" @change="(picker,values)=>onValuesChange(picker,values,'bleed_reason')">
@@ -93,6 +107,7 @@
           bleed_part:''
         },
         flag:-1,
+        bleed_part_detail:[],
         startDate: new Date(this.$datetime.formatDateTime(new Date("2023/01/01 00:00:00"))),
         endDate: new Date(this.$datetime.formatDateTime(new Date("2024/01/01 00:00:00"))),
         now: new Date(),
@@ -115,20 +130,28 @@
       onValuesChange(picker, values, item) {
         this.$set(this.form,item,values[0])
       },
-      submit() {      
+      submit() {
         if (!this.form.bleed_part) {
           MessageBox({
             title: '提示',
             message: '请选择出血部位'
           })
           return
-        }else if(this.form.bleed_part == "关节出血" && !this.form.bleed_part_detail){
+        }else{
+          if(this.form.bleed_part == "关节出血" && !this.form.bleed_part_detail){
+            MessageBox({
+              title: '提示',
+              message: '请选择出血关节'
+            })
+            return
+          }else if(this.form.bleed_part == "其他部位" && !this.form.bleed_part_desc){
           MessageBox({
             title: '提示',
-            message: '请选择出血关节'
+            message: '请输入出血部位'
           })
           return
         }
+        }
         if (!this.form.bleed_reason) {
           MessageBox({
             title: '提示',
@@ -166,15 +189,16 @@
           }
         const options={
           chux_parts:[{...opt}],
-          guanjie:[{...opt}],
+          guanjie:[],
           chux_reason:[{...opt}],
           chux_level:[{...opt}]
         }
         options.chux_parts[0].values=data.chux_parts
-        options.guanjie[0].values=data['关节出血']
+        options.guanjie=data['关节出血']
         options.chux_reason[0].values=data.chux_reason
         options.chux_level[0].values=data.chux_level
         this.options=options
+        // console.log(options)
       })
     },
   }
@@ -228,7 +252,14 @@
     /* text-align: right; */
     font-size:1.2rem;
   }
-
+  .checklist{
+    height: 45vh;
+    overflow: auto;
+  }
+  .confirm{
+    line-height: 40px;
+    color: #26a2ff;
+  }
   .footer {
     display: flex;
     margin-top:2rem;