工单校验

src/views/smart/workorder.vue

@@ -49,7 +49,7 @@
       </template>
     </avue-crud>
     <el-dialog title="上传处理结果" width="35%" :visible.sync="dialogFormVisible" :before-close="closeDialog">
-      <el-form :model="dialogForm" ref="dialogForm">
+      <el-form :model="dialogForm" ref="dialogForm" :rules="dialogFormRules">
         <el-form-item label="处理时间" :label-width="formLabelWidth">
           <el-col :span="24">
             <el-date-picker v-model="dialogForm.processingTime" type="datetime" placeholder="选择日期时间" size="small" autocomplete="off" style="width: 350px"></el-date-picker>
@@ -60,7 +60,7 @@
             <el-input v-model="dialogForm.description" type="textarea" :autosize="{ minRows: 2, maxRows: 4}" maxlength="400" show-word-limit size="small" autocomplete="off" style="width: 350px"></el-input>
           </el-col>
         </el-form-item>
-        <el-form-item label="结束时间" :label-width="formLabelWidth">
+        <el-form-item label="结束时间" :label-width="formLabelWidth" prop="endTime">
           <el-col :span="24">
            <el-date-picker v-model="dialogForm.endTime" type="datetime" placeholder="选择日期时间" size="small" autocomplete="off" style="width: 350px"></el-date-picker>
           </el-col>
@@ -100,6 +100,13 @@
 
   export default {
     data() {
+      var checkEndTime = (rule, value, callback) => {
+        if (value && this.dialogForm.processingTime && new Date(value) < new Date(this.dialogForm.processingTime)) {
+          callback(new Error('结束时间不可小于处理时间'));
+        } else {
+          callback();
+        }
+      };
       return {
         form: {},
         search:{},
@@ -372,7 +379,12 @@
           processingTime: null
         },
         formLabelWidth: '120px',
-        processResOptions: []
+        processResOptions: [],
+        dialogFormRules: {
+          endTime: [
+            { validator: checkEndTime, trigger: 'blur' }
+          ],
+        }
       };
     },
     created() {
@@ -613,20 +625,28 @@
           });
       },
       submitForm() {
-        this.loading = true;
+        debugger
-        var formData = {...this.dialogForm};
+        this.$refs['dialogForm'].validate((valid) => {
-        update(formData).then(() => {
+          if (valid) {
-          this.onLoad(this.page);
+            this.loading = true;
-          this.$message({
+            var formData = {...this.dialogForm};
-            type: "success",
+            update(formData).then(() => {
-            message: "操作成功!"
+              this.onLoad(this.page);
-          });
+              this.$message({
-          this.loading = false;
+                type: "success",
-          this.dialogFormVisible = false;
+                message: "操作成功!"
-        }, error => {
+              });
-          window.console.log(error);
+              this.loading = false;
-          this.loading = false;
+              this.dialogFormVisible = false;
-          this.dialogFormVisible = false;
+            }, error => {
+              window.console.log(error);
+              this.loading = false;
+              this.dialogFormVisible = false;
+            });
+          } else {
+            console.log('error submit!!');
+            return false;
+          }
         });
       }
     }

src/views/smart/workorderDetail.vue

@@ -38,6 +38,13 @@
   export default {
     name: "operationticketDetail",
     data() {
+      var checkEndTime = (rule, value, callback) => {
+        if (value && this.tab1_form.processingTime && new Date(value) < new Date(this.tab1_form.processingTime)) {
+          callback(new Error('结束时间不可小于处理时间'));
+        } else {
+          callback();
+        }
+      };
       return {
         frame_class: '',
         type: {},
@@ -279,7 +286,8 @@
               label: "结束时间",
               prop: "endTime",
               type: 'datetime',
-              span: 8
+              span: 8,
+              rules: [{required: true, validator: checkEndTime, trigger: 'change' }]
             }, {
               label: "处理结果",
               prop: "handlingResult",
@@ -333,9 +341,10 @@
     methods: {
       handleFormSubmit() {
         const form = this.$refs.tab1_form;
-        form.validate((valid) => {
+        form.validate((valid,done) => {
           if (valid) {
             this.submitForm();
+            done()
           } else {
             this.$message({
               type: "warning",