update:update setting.vue

src/views/sign/setting.vue

@@ -11,7 +11,7 @@
         </el-radio-group>
         <!-- 签到日期选择指定日期 -->
         <el-form-item prop="date" class="date_picker_item">
-          <el-date-picker v-if="form.dateType === 2" v-model="form.date" :picker-options="pickerOptions" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
+          <el-date-picker v-if="form.dateType === 2" v-model="date" @change="change" :picker-options="pickerOptions" value-format="yyyy-MM-dd" type="daterange" range-separator="至" start-placeholder="开始日期" end-placeholder="结束日期"></el-date-picker>
         </el-form-item>
       </el-form-item>
       <el-form-item label="签到时段" prop="timeType">
@@ -21,7 +21,7 @@
         </el-radio-group>
         <!-- 签到时段选择指定时段 -->
         <el-form-item prop="time" class="date_picker_item">
-          <el-time-picker v-if="form.timeType === 2" v-model="form.time" value-format="HH:mm:ss" is-range range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围"></el-time-picker>
+          <el-time-picker v-if="form.timeType === 2" v-model="time" value-format="HH:mm:ss" is-range range-separator="至" start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围"></el-time-picker>
         </el-form-item>
       </el-form-item>
       <el-form-item label="签到间隔" prop="signInterval">
@@ -115,7 +115,7 @@ export default {
   },
   data() {
     const validDate = (rule, value, callback) => {
-      if (this.form.dateType && !this.form.date) {
+      if (this.form.dateType && !this.date) {
         return callback(new Error('请选择指定日期'));
       } else {
         callback();
@@ -144,6 +144,8 @@ export default {
       toggleTag: false, // 控制(确认取消)按钮显示的参数,仅供参考,可自行修改
       saveTag: false, // 控制(保存)按钮显示的参数,仅供参考,可自行修改
       form: Object.assign({}, defaultForm),
+      date: [],
+      time: [],
       prizeOptions: [
         { name: '卡券', value: 'card', key: 1, img: require('./assets/img/card.svg') },
         { name: '积分', value: 'integral', key: 2, img: require('./assets/img/integral.svg') }
@@ -176,15 +178,14 @@ export default {
         this.isAdd = false;
         this.form = { ...res.result };
         this.hasSearchData = this.form.memberSearchId;
-        if (this.form.dateType) {
-          this.form.date = [];
-          this.form.date[0] = formatDateTimeByType(this.form.dateStart, 'yyyy-MM-dd');
-          this.form.date[1] = formatDateTimeByType(this.form.dateEnd, 'yyyy-MM-dd');
+        if (this.form.dateType && this.form.dateStart && this.form.dateEnd) {
+          this.date[0] = formatDateTimeByType(this.form.dateStart, 'yyyy-MM-dd');
+          this.date[1] = formatDateTimeByType(this.form.dateEnd, 'yyyy-MM-dd');
         }
         if (this.form.timeType) {
           this.form.time = [];
-          this.form.time[0] = this.form.timeStart;
-          this.form.time[1] = this.form.timeEnd;
+          this.time[0] = this.form.timeStart;
+          this.time[1] = this.form.timeEnd;
         }
         if (this.form.prizeType === 1) {
           this.prizeItem.integralCount = this.form.prizeValue;
@@ -200,14 +201,12 @@ export default {
         if (valid) {
           const params = { ...this.form };
           if (params.dateType) {
-            params.dateStart = params.date[0];
-            params.dateEnd = params.date[1];
-            delete params.date;
+            params.dateStart = this.date[0];
+            params.dateEnd = this.date[1];
           }
           if (params.timeType) {
-            params.timeStart = params.time[0];
-            params.timeEnd = params.time[1];
-            delete params.time;
+            params.timeStart = this.time[0];
+            params.timeEnd = this.time[1];
           }
           if (params.prizeType === 1) {
             delete params.prizeId;
@@ -217,7 +216,7 @@ export default {
           saveStoreSignSetting(params).then(res => {
             if (res.errorCode === 0) {
               this.$message.success('保存成功');
-              // location.reload();
+              location.reload();
             }
           });
         } else {
@@ -226,6 +225,9 @@ export default {
         }
       });
     },
+    change(val) {
+      console.log(val);
+    },
     /*-------人群筛选器的方法-------*/
     getData() {
       this.$refs.peopleFilter.confirmSet();
@@ -357,15 +359,6 @@ export default {
   margin-left: 10px;
   color: #606266;
 }
-.people {
-  color: #303133;
-  font-weight: bold;
-  i {
-    color: #606266;
-    font-weight: normal;
-    font-style: normal;
-  }
-}
 .sign-time {
   vertical-align: top;
   margin-bottom: -18px;