form validate

src/modules/basic/view/school_config.vue

@@ -115,7 +115,7 @@
             >
           </el-form-item>
 
-          <el-form-item label="动作个数">
+          <el-form-item label="动作个数" prop="ACTION_NUM">
             <el-select v-model="ruleForm.ACTION_NUM" style="width: 180px">
               <el-option label="1" value="1"></el-option>
               <el-option label="2" value="2"></el-option>
@@ -148,9 +148,7 @@
               v-model="ruleForm.ACTION_DURATION"
               style="width: 180px"
             ></el-input>
-            <span style="font-size: 14px; line-height: 44px">
-              秒，范围5秒至20秒之间</span
-            >
+            <span style="font-size: 14px; line-height: 44px"> 秒</span>
           </el-form-item>
         </div>
 
@@ -183,6 +181,34 @@ export default {
         callback();
       }
     };
+
+    let checkActionOptions = (rule, value, callback) => {
+      let pcClientEnabled = this.ruleForm.PC_CLIENT_ENABLED;
+      if (pcClientEnabled) {
+        if (this.ruleForm.ACTION_NUM != this.ruleForm.ACTION_OPTIONS.length) {
+          callback(new Error("动作个数与动作选项数量不一致"));
+        } else {
+          callback();
+        }
+      } else {
+        callback();
+      }
+    };
+
+    let checkDuration = (rule, value, callback) => {
+      let pcClientEnabled = this.ruleForm.PC_CLIENT_ENABLED;
+      if (pcClientEnabled) {
+        let reg = /^[1-9][0-9]*$/;
+        if (!value.match(reg) || value < 5 || value > 20) {
+          callback(new Error("范围5至20之间"));
+        } else {
+          callback();
+        }
+      } else {
+        callback();
+      }
+    };
+
     return {
       actionOptions: ACTION_OPTION_LIST,
       rootOrgList: [],
@@ -214,6 +240,26 @@ export default {
             trigger: "change",
           },
         ],
+        ACTION_OPTIONS: [
+          {
+            validator: checkActionOptions,
+            trigger: "change",
+          },
+        ],
+        ACTION_ALERT: [
+          { required: true, message: " ", trigger: "blur" },
+          {
+            validator: checkDuration,
+            trigger: "blur",
+          },
+        ],
+        ACTION_DURATION: [
+          { required: true, message: " ", trigger: "blur" },
+          {
+            validator: checkDuration,
+            trigger: "blur",
+          },
+        ],
       },
     };
   },