✨ feat(修改活动): 活动时间录入数据填充

hookehuyr
Commit e5db558299d926660cab2a47f5b9cf838c37855d e5db5582 1 parent 47928940
Showing 1 changed file with 40 additions and 13 deletions
src/pages/createActivity/index.vue
--- a/src/pages/createActivity/index.vue
View file @e5db558
+++ b/src/pages/createActivity/index.vue
View file @e5db558
 <!--
  * @Date: 2022-09-21 16:04:10
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2022-10-18 18:42:33
+ * @LastEditTime: 2022-10-19 15:33:56
  * @FilePath: /swx/src/pages/createActivity/index.vue
  * @Description: 创建活动页面
 -->
@@ -53,19 +53,19 @@
       </view>
       <view class="advanced-settings-modules">
         <!-- 活动时间 -->
-        <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultTime" @result="onActivityTime">
+        <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultActivityTime" @result="onActivityTime">
           <van-field :value="activity_time" label-class="label-class-super" input-class="input-class" label="活动时间"
             :right-icon="icon_sel" input-align="right" placeholder="请选择" placeholder-style="color: #999;" customStyle=""
             maxlength="" type="" :border="true" :required="false" :disabled="true" />
         </timePickerData>
         <!-- 报名开始时间 -->
-        <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultTime" @result="onBeginTime">
+        <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultStartTime" @result="onBeginTime">
           <van-field :value="reg_begin_time" label-class="label-class-super" input-class="input-class" label="报名开始时间"
             :right-icon="icon_sel" input-align="right" placeholder="请选择" placeholder-style="color: #999;" customStyle=""
             maxlength="" type="" :border="true" :required="false" :disabled="true" />
         </timePickerData>
         <!-- 报名截止时间 -->
-        <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultTime" @result="onEndTime">
+        <timePickerData :start-time="startTime" :end-time="endTime" :default-time="defaultEndTime" @result="onEndTime">
           <van-field :value="reg_end_time" label-class="label-class-super" input-class="input-class" label="报名截止时间"
             :right-icon="icon_sel" input-align="right" placeholder="请选择" placeholder-style="color: #999;" customStyle=""
             maxlength="" type="" :border="true" :required="false" :disabled="true" />
@@ -341,8 +341,16 @@ const removeUploadImage = () => {
   uploader_image.value = ''
 }
 /**********************************/
-
+let startTime = new Date()
+let endTime = new Date()
+let defaultActivityTime = new Date()
+let defaultStartTime = new Date()
+let defaultEndTime = new Date()
 onMounted(async () => {
+  // 日期控件
+  startTime = getTime("min", 0);
+  endTime = getTime("year", 2);
+  // 判断是否为修改活动
   if (getCurrentPageParam().type === 'edit') {
     // 动态修改标题
     wx.setNavigationBarTitle({
@@ -351,8 +359,12 @@ onMounted(async () => {
     const { code, data } = await activityInfoAPI({ i: getCurrentPageParam().id });
     if (code) {
       // 更新活动信息
-      updateActivityInfo(data)
+      updateActivityInfo(data);
     }
+  } else {
+    defaultActivityTime = getTime("min", 1);
+    defaultStartTime = getTime("min", 1);
+    defaultEndTime = getTime("min", 1);
   }
   nextTick(() => {
     setTimeout(() => {
@@ -365,10 +377,6 @@ onMounted(async () => {
       }).exec();
     }, 300);
   })
-  //
-  startTime = getTime("min", 1);
-  endTime = getTime("year", 2);
-  defaultTime = getTime("min", 30);
 });
 /******** 报名信息 ********/
@@ -463,9 +471,6 @@ const addSign = () => { // 新增-报名信息弹框
 const activity_time = ref('');
 const reg_begin_time = ref('');
 const reg_end_time = ref('');
-let startTime = new Date()
-let endTime = new Date()
-let defaultTime = new Date()
 const getTime = (key, number, date) => {
   let _date = date ? new Date(date) : new Date();
@@ -692,6 +697,16 @@ const onSubmit = async () => {
   }
 }
+// 格式化活动时间
+const formatInfoDate = (date) => {
+  const formatYear = dayjs(date).$y;
+  const formatMonth = dayjs(date).$M;
+  const formatDay = dayjs(date).$D;
+  const formatHour = dayjs(date).$H;
+  const formatMin = dayjs(date).$m;
+  return new Date(formatYear, formatMonth, formatDay, formatHour, formatMin);
+}
+
 // 获取活动信息，还原
 const html_content = ref('');
 const updateActivityInfo = async ({ activity, host }) => {
@@ -711,6 +726,18 @@ const updateActivityInfo = async ({ activity, host }) => {
     }
     // 活动详情
     html_content.value = activity.note;
+    // 报名信息
+    signInfo.value = signInfo.value.concat(activity.fields);
+    // 活动时间
+    activity_time.value = dayjs(activity.activity_time).format('YYYY-MM-DD HH:mm');
+    // 开始时间
+    reg_begin_time.value = dayjs(activity.reg_begin_time).format('YYYY-MM-DD HH:mm');
+    // 结束时间
+    reg_end_time.value = dayjs(activity.reg_end_time).format('YYYY-MM-DD HH:mm');
+    // 默认弹框活动时间
+    defaultActivityTime = formatInfoDate(activity.activity_time);
+    defaultStartTime = formatInfoDate(activity.reg_begin_time);
+    defaultEndTime = formatInfoDate(activity.reg_end_time);
   }
 }
 </script>