签到管理 内容配置 修复不可修改时间bug

src/views/registration/content/detail.vue

@@ -1,10 +1,9 @@
 <template>
   <div class="app-container">
     <el-form :model="form" ref="form" :rules="rules" label-width="100px" :disabled="disabled">
-      <el-form-item label="有效时间：" prop="date">
-        <el-date-picker v-model="form.date" type="datetimerange" range-separator="至" start-placeholder="开始日期"
-          end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss">
-        </el-date-picker>
+      <el-form-item label="有效时间：" prop="startTime">
+        <el-date-picker v-model="date" type="datetimerange" range-separator="至" start-placeholder="开始日期"
+          end-placeholder="结束日期" value-format="yyyy-MM-dd HH:mm:ss" />
       </el-form-item>
       <el-form-item label="内容：" prop="audioName">
         <el-input v-model="form.audioName" placeholder="请选择内容" @focus="getDialog" />
@@ -86,6 +85,8 @@ export default {
       form: {
         status: 0
       },
+      // 有效时间
+      date: [],
       // 弹窗
       dialogVisible: false,
       // 弹窗表单
@@ -101,7 +102,7 @@ export default {
       total: 0,
       // 校验
       rules: {
-        date: [{
+        startTime: [{
           required: true, message: '请选择有效时间', trigger: 'change'
         }],
         audioName: [{
@@ -127,14 +128,9 @@ export default {
       },
       deep: true
     },
-    'form.date': {
-      handler(val) {
-        if (val) {
-          this.form.startTime = val[0]
-          this.form.endTime = val[1]
-        }
-      },
-      deep: true
+    date(val) {
+      this.form.startTime = val ? val[0] : ''
+      this.form.endTime = val ? val[1] : ''
     }
   },
   mounted() {
@@ -150,7 +146,7 @@ export default {
       detail(this.form.id).then(res => {
         if (res.code === 0) {
           this.form = res.data
-          this.form.date = [res.data.startTime, res.data.endTime]
+          this.date = [res.data.startTime, res.data.endTime]
         }
       })
     },