计划开始结束时间validator追加

src/views/smart/operationticketDetail.vue

@@ -130,6 +130,26 @@ import {Alert} from "element-ui";
 export default {
   name: "operationticketDetail",
   data () {
+
+    var validateStartTime = (rule, value, callback) => {
+      if (value === '') {
+        callback(new Error('请输入计划开始日期'));
+      } else if(this.tab1_form.plannedEndTime !== '' && this.tab1_form.plannedEndTime !== null) {
+        if(this.tab1_form.plannedEndTime < value) {
+          callback(new Error('输入的计划开始日期大于计划结束日期'));
+        }
+      }
+        callback();
+    };
+    var validateEndTime = (rule, value, callback) => {
+      if (value === '') {
+        callback(new Error('请输入计划结束日期'));
+      } else if(this.tab1_form.plannedStartTime > value) {
+        callback(new Error('输入的计划结束日期小于计划开始日期'));
+      }
+        callback();
+
+    };
     return {
       // checkStatusValue: this.$route.query.reviewStatus,
       // optionCheckStatus: [{
@@ -339,25 +359,17 @@ export default {
               {
                 label: "计划开始时间",
                 prop: "plannedStartTime",
-                rules: [{
-                  required: true,
-                  message: "请输入计划开始时间",
-                  trigger: "blur"
-                }],
                 type: "datetime",
                 format: 'yyyy/MM/dd HH:mm:ss',
                 valueFormat: "yyyyMMddHH:mm:ss",
                 span: 8,
                 maxlength: 20,
+                rules: [{required: true,validator: validateStartTime, trigger: 'blur' }],
               },
               {
                 label: "计划结束时间",
                 prop: "plannedEndTime",
-                rules: [{
+                rules: [{ required: true,validator: validateEndTime, trigger: 'blur' }],
-                  required: true,
-                  message: "请输入计划结束时间",
-                  trigger: "blur"
-                }],
                 type: "datetime",
                 format: 'yyyy/MM/dd HH:mm:ss',
                 valueFormat: "yyyyMMddHH:mm:ss",
@@ -626,7 +638,7 @@ export default {
       this.shouldShowButton=false;
       this.addUpdateShowButton=true;
       this.addUpdateShowButton=true;
-      this.frame_class = null;
+      this.frame_class = "";
     }else{
       this.readonlyForm=false;
       this.shouldShowButton=true;