修改时间控件

src/modules/oe/views/examDetail.vue

@@ -14,26 +14,19 @@
               </el-input>
             </el-form-item>
           </el-col>
-          <el-col :span="6">
-            <el-form-item label="开始时间">
+          <el-col :span="12">
+            <el-form-item label="开考时间">
               <el-date-picker
-                size="small"
-                v-model="form.startTime"
-                type="datetime"
-                placeholder="选择日期时间"
+                class="input"
+                v-model="startExamDatetimeRange"
+                type="datetimerange"
+                start-placeholder="开始日期"
+                range-separator="至"
+                end-placeholder="结束日期"
                 value-format="yyyy/MM/dd HH:mm:ss"
-              >
-              </el-date-picker>
-            </el-form-item>
-          </el-col>
-          <el-col :span="6">
-            <el-form-item label="结束时间">
-              <el-date-picker
+                :clearable="false"
                 size="small"
-                v-model="form.endTime"
-                type="datetime"
-                placeholder="选择日期时间"
-                value-format="yyyy/MM/dd HH:mm:ss"
+                @change="changeStartExamDatetimeRange"
               >
               </el-date-picker>
             </el-form-item>
@@ -376,6 +369,7 @@ export default {
       total: 0,
       tableLoading: false,
       showAllCondition: false,
+      startExamDatetimeRange: [],
       form: {
         examRecordDataId: null,
         hasStranger: null,
@@ -463,6 +457,15 @@ export default {
       this.resetForm();
       this.showAllCondition = false;
     },
+    changeStartExamDatetimeRange(e) {
+      if (e && e.length > 0) {
+        this.form.startTime = e[0];
+        this.form.endTime = e[1];
+      } else {
+        this.form.startTime = "";
+        this.form.endTime = "";
+      }
+    },
     search(type) {
       if (!this.form.examId) {
         this.$notify({