feature_20251015_主管任务门店扫码签到

src/views/week/VisitSummaryAdd.vue

@@ -33,6 +33,30 @@
             @click="activityShowCalendar = true"
             :rules="[{ required: true, message: '请选择活动日期' }]" />
         </div>
+        <div class="activityItem">
+          <span class="van-f-red">*</span>
+          <van-field
+            readonly
+            clickable
+            name="calendar"
+            :value="activityForm.validDateStart"
+            label="生效开始日期"
+            placeholder="请选择开始日期"
+            @click="validDateShow = true"
+            :rules="[{ required: true, message: '请选择开始日期' }]" />
+        </div>
+        <div class="activityItem">
+          <span class="van-f-red">*</span>
+          <van-field
+            readonly
+            clickable
+            name="calendar"
+            :value="activityForm.validDateEnd"
+            label="生效结束日期"
+            placeholder="请选择结束日期"
+            @click="validDateShow = true"
+            :rules="[{ required: true, message: '请选择结束日期' }]" />
+        </div>
       </van-form>
       <van-form ref="tabstoreVal">
         <div v-for="(item, index) in collectionItemList" :key="index">
@@ -320,6 +344,8 @@
     </van-popup>
     <!-- 活动日期 -->
     <van-calendar v-model="activityShowCalendar" @confirm="activityOnConfirm" />
+    <!-- 生效日期 -->
+    <van-calendar v-model="validDateShow" type="range" @confirm="validDateOnConfirm" />
   </div>
 </template>
 
@@ -408,8 +434,11 @@ export default {
       activityForm: {
         name: '',
         value: '',
+        validDateStart: '',
+        validDateEnd: '',
       },
       activityShowCalendar: false,
+      validDateShow: false,
     };
   },
   created() {
@@ -1011,6 +1040,11 @@ export default {
       this.activityForm.value = this.formatDate(date);
       this.activityShowCalendar = false;
     },
+    validDateOnConfirm(date) {
+      const [start, end] = date;
+      this.show = false;
+      this.date = `${this.formatDate(start)} - ${this.formatDate(end)}`;
+    },
   },
 };
 </script>