feature_20251015_主管任务门店扫码签到

src/views/week/VisitSummaryAdd.vue

@@ -12,12 +12,8 @@
     <div class="lineGrey" style="height: 6px"></div>
     <div class="container" style="width: 94%; margin: 0px auto; border-radius: 6px">
       <van-form ref="tabstoreVal" class="QRCodeActivity">
-        <div class="formLabel z-cell">
-          <van-cell>
-            <template #title>
-              <span class="van-f-red">*</span>
-            </template>
-          </van-cell>
+        <div class="activityItem">
+          <span class="van-f-red">*</span>
           <van-field
             v-model="activityForm.name"
             name="活动名称"
@@ -25,6 +21,18 @@
             placeholder="请输入活动名称"
             :rules="[{ required: true, message: '请输入活动名称' }]" />
         </div>
+        <div class="activityItem">
+          <span class="van-f-red">*</span>
+          <van-field
+            readonly
+            clickable
+            name="calendar"
+            :value="activityForm.value"
+            label="活动日期"
+            placeholder="请选择活动日期"
+            @click="activityShowCalendar = true"
+            :rules="[{ required: true, message: '请选择活动日期' }]" />
+        </div>
       </van-form>
       <van-form ref="tabstoreVal">
         <div v-for="(item, index) in collectionItemList" :key="index">
@@ -310,6 +318,8 @@
         @confirm="onConfirmChainsList"
         @cancel="moreTypeShow = false" />
     </van-popup>
+    <!-- 活动日期 -->
+    <van-calendar v-model="activityShowCalendar" @confirm="activityOnConfirm" />
   </div>
 </template>
 
@@ -397,7 +407,9 @@ export default {
       // 活动数据
       activityForm: {
         name: '',
+        value: '',
       },
+      activityShowCalendar: false,
     };
   },
   created() {
@@ -995,6 +1007,10 @@ export default {
           });
       });
     },
+    activityOnConfirm(date) {
+      this.activityForm.value = this.formatDate(date);
+      this.activityShowCalendar = false;
+    },
   },
 };
 </script>
@@ -1067,6 +1083,15 @@ export default {
   }
   .QRCodeActivity {
     margin-bottom: 10px;
+    .activityItem {
+      display: flex;
+      .van-f-red {
+        position: relative;
+        left: 16px;
+        top: 10px;
+        z-index: 1;
+      }
+    }
   }
 }
 </style>