no message

src/packageWorkorder/pages/processFeedback.vue

@@ -23,7 +23,7 @@
       <view class="date-conteiner mt30" v-if="typeVal == '2'">
         <view class="item">
           <view class="label"><text>*</text>预约上门结束时间</view>
-          <view class="picker" @tap="isShowDatePicker2 = true">
+          <view class="picker" @tap="setisShowDatePicker2">
             <text class="value" v-if="date2">{{ date2 }}</text>
             <text class="placeholder" v-else>请选择</text>
             <text class="iconfont icon-jinru"></text>
@@ -82,13 +82,13 @@
       </view>
     </template>
 
-    <u-datetime-picker mode="dateTime" v-model="datePickerValue" :show="isShowDatePicker" :formatter="formatter"
-      @cancel="isShowDatePicker = false" @close="isShowDatePicker = false" @confirm="confirmDate"
-      :minDate="minDate"></u-datetime-picker>
+    <u-datetime-picker :show="isShowDatePicker" v-model="datePickerValue" type="datetime" placeholder="选择日期和时间"
+      @confirm="confirmDate" @cancel="isShowDatePicker = false" @close="isShowDatePicker = false" :minDate="minDate"
+      :formatter="formatter" :style="{ width: '100%' }" />
+    <u-datetime-picker :show="isShowDatePicker2" v-model="datePickerValue2" type="datetime" placeholder="选择日期和时间"
+      @confirm="confirmDate2" @cancel="isShowDatePicker2 = false" @close="isShowDatePicker2 = false" :minDate="minDate2"
+      :formatter="formatter" :style="{ width: '100%' }" />
 
-    <u-datetime-picker mode="dateTime" v-model="datePickerValue2" :show="isShowDatePicker2" :formatter="formatter"
-      @cancel="isShowDatePicker2 = false" @close="isShowDatePicker2 = false" @confirm="confirmDate2"
-      :minDate="Number(new Date(this.date))"></u-datetime-picker>
   </zj-page-layout>
 </template>
 
@@ -98,6 +98,13 @@ import { uploadImgFull } from '@/common/utils/util.js';
 export default {
   data() {
     return {
+      datetime: null,
+      limitDateTime: new Date('2024-07-19 12:23:36')
+
+
+
+
+      ,
       id: '',
       orderDetail: {},
       typeList: [
@@ -108,6 +115,7 @@ export default {
       ],
       typeVal: '1',
       minDate: (new Date()).getTime(),
+      minDate2: null,
       date: '',
       datePickerValue: (new Date()).getTime(),
       isShowDatePicker: false,
@@ -141,6 +149,32 @@ export default {
   },
 
   methods: {
+
+    confirmDate(e) {
+      this.isShowDatePicker = false;
+      this.date = ""
+      this.$nextTick(() => {
+        this.date = this.formatTimestamp(e.value)
+        this.date2 = ""
+        this.datePickerValue2 = (new Date(e.value)).getTime()
+      })
+    },
+
+    confirmDate2(e) {
+      this.isShowDatePicker2 = false;
+      this.date2 = this.formatTimestamp(e.value)
+    },
+
+    setisShowDatePicker2() {
+      if (!this.date) {
+        return this.$tips('请先选择预约开始时间');
+      }
+      this.minDate2 = Number(new Date(this.date))
+      this.$nextTick(() => {
+        this.isShowDatePicker2 = true
+      })
+    },
+
     formatter(type, value) {
       if (type === 'year') {
         return `${value}年`
@@ -196,9 +230,12 @@ export default {
 
     confirmDate(e) {
       this.isShowDatePicker = false;
-      this.date = this.formatTimestamp(e.value)
-      this.date2 = ""
-      this.datePickerValue2 = (new Date(e.value)).getTime()
+      this.date = ""
+      this.$nextTick(() => {
+        this.date = this.formatTimestamp(e.value)
+        this.date2 = ""
+        this.datePickerValue2 = (new Date(e.value)).getTime()
+      })
     },
 
     confirmDate2(e) {
@@ -444,6 +481,7 @@ export default {
       font-weight: 600;
       display: flex;
       align-items: center;
+
       text {
         color: $minor-color;
       }