【修改】校验展示形式统一

src/views/Report/reportManager/labelModal.vue

@@ -2,16 +2,16 @@
     <div>
         <el-dialog title="新增/编辑标签" :visible.sync="dialogVisible" width="30%" :before-close="handleClose">
             <div class="form">
-                <el-form ref="form" :model="form" label-width="80px" :rules="rule">
-                    <el-form-item label="上级标签" prop="nodeLabel">
+                <el-form ref="form" :model="form" label-width="80px" >
+                    <el-form-item label="上级标签" prop="nodeLabel" required>
                         <el-cascader v-model="form.nodeLabel" placeholder="请选择上级标签" :options="cascaderOptions" filterable :props="{ checkStrictly: true }" clearable >
                         </el-cascader>
                     </el-form-item>
 
-                    <el-form-item label="标签名称" prop="label">
+                    <el-form-item label="标签名称" prop="label" required>
                         <el-input v-model="form.label" max="100"  placeholder="请输入标签名称"></el-input>
                     </el-form-item>
-                    <el-form-item label="排序" prop="orderNum">
+                    <el-form-item label="排序" prop="orderNum" required>
                         <el-input v-model="form.orderNum" placeholder="请输入排序"></el-input>
                     </el-form-item>
                     <el-form-item label="备注" prop="remark">
@@ -36,16 +36,7 @@
 export default {
     name: 'labelModal',
     data() {
-      var checkNum = (rule, value, callback) => {
-        setTimeout(() => {
-          let test=/^[1-9]\d*$/
-          if (!test.test(value)) {
-            callback(new Error('请输入数字'));
-          } else {
-            callback()
-          }
-        }, 1000)
-      }
+
         return {
             dialogVisible: false,
             form: {
@@ -58,22 +49,42 @@ export default {
             cascaderOptions:[
 
                 ],
-            rule: {
-                label: [
-                    { required: true, trigger: 'blur', message: '请输入标签名称' }
-                ],
-              nodeLabel: [
-                    { required: true, trigger: 'change', message: '请选择上级标签' }
-                ],
-                orderNum: [
-                     { required: true, trigger: 'change', message: '请输入排序' },
-                     { validator:checkNum , trigger: 'change'}
-                ],
-
-            },
+            // rule: {
+            //     label: [
+            //         { required: true, trigger: 'blur', message: '请输入标签名称' }
+            //     ],
+            //     nodeLabel: [
+            //         { required: true, trigger: 'change', message: '请选择上级标签' }
+            //     ],
+            //     orderNum: [
+            //          { required: true, trigger: 'change', message: '请输入排序' },
+            //          { validator:checkNum , trigger: 'change'}
+            //     ],
+            //
+            // },
         };
     },
     methods: {
+      // 必填项
+      checkReportF() {
+        let test=/^[1-9]\d*$/
+        if (!this.form.label) {
+          return this.$message.warning('请检查标签名称') && false;
+        }
+        if (!this.form.nodeLabel) {
+          return this.$message.warning('请检查上级标签') && false;
+        }
+        if (!this.form.orderNum) {
+          return this.$message.warning('请检查排序') && false;
+        }
+        if (!this.form.orderNum) {
+          return this.$message.warning('请检查排序') && false;
+        }
+        if(!test.test(this.form.orderNum)){
+          return this.$message.warning('排序只能输入数字！') && false;
+        }
+        return true;
+      },
         handleClose(done) {
             // this.$confirm('确认关闭？')
             //   .then(_ => {
@@ -119,8 +130,7 @@ export default {
             this.dialogVisible = false
         },
         submitForm() {
-            this.$refs.form.validate((valid) => {
-                if (valid) {
+          if (this.checkReportF()) {
                     this.form.parentId=this.form.nodeLabel[this.form.nodeLabel.length - 1]
                     delete this.form.nodeLabel
                     if(!this.form.id){
@@ -147,7 +157,6 @@ export default {
                     }
                     this.dialogVisible = false
                 }
-            })
         }
     }
 }