行政检查预约修改

src/views/administrative/appointment.vue

@@ -49,13 +49,13 @@
                           @click="data.showTimePicker = true"
                   />
                   <van-field
-                      v-model="submitData.checkTime"
+                      v-model="submitData.checkTimeOrderText"
                       required
                       is-link
                       label=""
                       placeholder="时段"
                       :rules="[{ required: true, message: '必填项' }]"
-                      @click="data.showTimePicker = true"
+                      @click="data.checkTimePicker = true"
                   />
                 </div>
 
@@ -70,7 +70,7 @@
                             />
                         </div>
                     </div>
-                
+
               </template>-->
 
 
@@ -236,7 +236,13 @@
 
         <DeptPopup :visible="data.deptChecked" :content="data.deptContent" @close="closePopup"
                    @reciveData="reciveDept"/>
-
+        <van-popup v-model:show="data.checkTimePicker" round position="bottom">
+            <van-picker
+                    :columns="data.checkTimeColumns"
+                    @cancel="data.checkTimePicker = false"
+                    @confirm="checkTimeOnConfirm"
+            />
+        </van-popup>
         <van-notify v-model:show="data.notifyShow" type="success">
             <van-icon name="bell" style="margin-right: 4px;" />
             <span>{{data.notifyContent}}</span>
@@ -297,6 +303,12 @@
         tempDate: null,
         lawCerFlag: 0,
         lawCer:[{ text:"", id:"", show:"", num:"" }],
+
+        checkTimePicker: ref(false),
+        checkTimeColumns: [
+            { text: '9:00 ~ 12:00', value: '1' },
+            { text: '14:00 ~ 17:00', value: '2' },
+        ],
         // lawCer:[],
     });
     //保存参数
@@ -347,7 +359,12 @@
         userObjs: [],
         isUnite: 0,
         bureauDeptId:"",
-        bureauDeptName:""
+        bureauDeptName:"",
+        /**
+         * 执法时段
+         */
+        checkTimeOrder: 0,
+        checkTimeOrderText:"",
     })
 
     const currentDate =() => {
@@ -388,6 +405,16 @@
         }
     }
 
+    /**
+     * 检查时间 时段选择
+     */
+    const checkTimeOnConfirm = ({ selectedOptions }) => {
+        data.checkTimePicker = false;
+        console.log(selectedOptions[0].text);
+        console.log(selectedOptions[0].value);
+        submitData.checkTimeOrderText = selectedOptions[0].text;
+        submitData.checkTimeOrder = selectedOptions[0].value;
+    };
     const validator = (val) => /^1[34578]\d{9}$/.test(val);
 
     const onFailed = (errorInfo) => {