modify

@@ -24,10 +24,10 @@ export const inputBlurValidate = {
           empty: "不能为空",
           valid: "请输入有效件数",
           range: "件数不得小于1",
-          interval: "最小件数和最大件数不能小于1",
+          interval: "最小件数不得大于最大件数",
         },
       };
-      this.validateNumOfPieces(validateData);
+      this.validateMinNumPieces(validateData);
     },
     // 最大件数失焦事件
     inputBlurMaxPieces({ index, queryForm }) {
@@ -42,9 +42,10 @@ export const inputBlurValidate = {
           empty: "不能为空",
           valid: "请输入有效件数",
           range: "件数不得小于1",
-          interval: "最小件数和最大件数不能小于1",
+          interval: "最小件数不得大于最大件数",
         },
       };
+      this.validateMaxNumOfPieces(validateData);
     },
     // 最小重量失焦事件
     inputBlurMinWeight({ index, queryForm }) {
@@ -521,214 +522,118 @@ export const inputBlurValidate = {
       }
     },
     // 校验件数方法 【件数可以为空但件数不得为0】只能输入正整数
-    validateNumOfPieces(item) {
+    validateMinNumPieces(item) {
       if (item.minNumOfPieces == "" && item.maxNumOfPieces == "") {
-        this.queryForm[item.errorMsgAttr] = "";
         this.queryForm.validateForm = true;
+        this.queryForm[item.errorMsgAttr] = "";
+        this.$set(this.queryForm, item.errorMsgAttr, "");
       }
+      // 鼠标聚焦最小重量，最小重量无值的情况下去校验最大重量
       if (item.minNumOfPieces == "" && item.maxNumOfPieces) {
-        if (
-          item.reg.test(Number(item.maxNumOfPieces)) &&
-          Number(item.maxNumOfPieces) > 0
-        ) {
-          this.queryForm[item.errorMsgAttr] = "";
+        if (item.reg.test(Number(item.maxNumOfPieces))) {
           this.queryForm.validateForm = true;
+          this.queryForm[item.errorMsgAttr] = "";
+          this.$set(this.queryForm, item.errorMsgAttr, "");
         } else {
-          this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
           this.queryForm.validateForm = false;
+          this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
+          this.$set(this.queryForm, item.errorMsgAttr, item.errorMsg.valid);
         }
       }
-
+      // 最小重量有值的情况下
       if (item.minNumOfPieces && Number(item.minNumOfPieces) > 0) {
         if (item.reg.test(Number(item.minNumOfPieces))) {
-          if (this.queryForm.maxWeight) {
+          if (item.maxNumOfPieces) {
             if (Number(item.maxNumOfPieces) < Number(item.minNumOfPieces)) {
-              this.queryForm[item.errorMsgAttr] = item.errorMsg.interval;
               this.queryForm.validateForm = false;
-            } else if (item.reg.test(Number(item.maxNumOfPieces))) {
-              this.queryForm[item.errorMsgAttr] = "";
+              this.queryForm[item.errorMsgAttr] = item.errorMsg.interval;
+              this.$set(
+                this.queryForm,
+                item.errorMsgAttr,
+                item.errorMsg.interval
+              );
+            } else if (item.reg.test(Number(this.queryForm.maxWeight))) {
               this.queryForm.validateForm = true;
+              this.queryForm[item.errorMsgAttr] = "";
+              this.$set(this.queryForm, item.errorMsgAttr, "");
             } else {
-              this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
               this.queryForm.validateForm = false;
+              this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
+              this.$set(this.queryForm, item.errorMsgAttr, item.errorMsg.valid);
             }
           } else {
-            this.queryForm[item.errorMsgAttr] = "";
             this.queryForm.validateForm = true;
+            this.queryForm[item.errorMsgAttr] = "";
+            this.$set(this.queryForm, item.errorMsgAttr, "");
           }
         } else {
-          this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
           this.queryForm.validateForm = false;
+          this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
+          this.$set(this.queryForm, item.errorMsgAttr, item.errorMsg.valid);
         }
       } else {
         if (item.minNumOfPieces && isNaN(item.minNumOfPieces)) {
-          this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
           this.queryForm.validateForm = false;
-        }
-        if (Number(item.minNumOfPieces) < 0) {
           this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
+          this.$set(this.queryForm, item.errorMsgAttr, item.errorMsg.valid);
+        }
+        if (item.minNumOfPieces && Number(item.minNumOfPieces) < 1) {
           this.queryForm.validateForm = false;
+          this.queryForm[item.errorMsgAttr] = item.errorMsg.range;
+          this.$set(this.queryForm, item.errorMsgAttr, item.errorMsg.range);
         }
       }
-      console.log(this.queryForm.validateForm);
-      return;
+      // this.$set(this.queryForm);
+      console.log(this.queryForm);
+    },
 
-      if (value.toString().length) {
-        // 获取当前输入框有值的情况下
-        this.queryForm[pieces] = Number(value);
-        let markPieces = false;
-        if (pieces == "minNumOfPieces" || pieces == "maxNumOfPieces") {
-          // 最大件数和最小件数都不为空的情况下
-          if (
-            this.queryForm.minNumOfPieces.toString() != "" &&
-            this.queryForm.maxNumOfPieces.toString() != ""
-          ) {
-            this.validateForm = true;
-            this.$refs.minNumOfPieces.innerHTML = "";
-            markPieces = true;
-          } else {
-            markPieces = false;
-          }
-        }
-        if (/^\d+$/.test(this.queryForm[pieces])) {
-          if (markPieces) {
-            //当最大件数和最小件数都不为空的情况下，最大件数小于最小件数的时候
-            if (this.queryForm.maxNumOfPieces < this.queryForm.minNumOfPieces) {
-              if (Array.isArray(this.$refs.minNumOfPieces)) {
-                this.msgError("最小件数不得大于最大件数");
-                this.validateForm = false;
-              } else {
-                this.$refs.minNumOfPieces.innerHTML = "";
-                this.$refs.minNumOfPieces.innerHTML =
-                  "最小件数不得大于最大件数";
-                this.validateForm = false;
-              }
+    validateMaxNumOfPieces(item) {
+      // 重量最小值和最大值都为空的情况下
+      if (item.minNumOfPieces == "" && item.maxNumOfPieces == "") {
+        this.queryForm.validateForm = true;
+        this.queryForm[item.errorMsgAttr] = "";
       }
-            //当最大件数和最小件数都不为空的情况下，最大件数和最小件数小于1的时候
-            else if (
-              this.queryForm.minNumOfPieces < 1 ||
-              this.queryForm.maxNumOfPieces < 1
-            ) {
-              if (Array.isArray(this.$refs.minNumOfPieces)) {
-                this.msgError("最小件数和最大件数不能小于1");
-                this.validateForm = false;
+      // 鼠标聚焦最大重量，最大重量无值的情况下去校验最小重量
+      if (item.maxNumOfPieces == "" && item.minNumOfPieces) {
+        if (item.reg.test(Number(item.minNumOfPieces))) {
+          this.queryForm.validateForm = true;
+          this.queryForm[item.errorMsgAttr] = "";
         } else {
-                this.$refs.minNumOfPieces.innerHTML = "";
-                this.$refs.minNumOfPieces.innerHTML =
-                  "最小件数和最大件数不能小于1";
-                this.validateForm = false;
-              }
-            }
-            //当最大件数和最小件数都不为空的情况下，最大件数和最小件数满足大于1左区间小于等于右区间的时候
-            else {
-              this.$refs.minNumOfPieces.innerHTML = "";
-              this.validateForm = true;
+          this.queryForm.validateForm = false;
+          this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
         }
-          } else {
-            // 当左右区间其中一个有值的情况下
-            if (value.length) {
-              if (Number(value) < 1) {
-                if (Array.isArray(this.$refs.minNumOfPieces)) {
-                  this.msgError("件数不得小于1");
-                  this.$refs.minNumOfPieces.innerHTML = "";
-                  this.$refs.minNumOfPieces.innerHTML = "件数不得小于1";
-                  this.validateForm = false;
-                } else {
-                  this.msgError("件数不得小于1");
-                  this.$refs.minNumOfPieces.innerHTML = "";
-                  this.$refs.minNumOfPieces.innerHTML = "件数不得小于1";
-                  this.validateForm = false;
       }
+      if (item.maxNumOfPieces && Number(item.maxNumOfPieces) >= 0) {
+        if (item.reg.test(Number(item.maxNumOfPieces))) {
+          if (item.minNumOfPieces) {
+            if (Number(item.maxNumOfPieces) < Number(item.minNumOfPieces)) {
+              this.queryForm.validateForm = false;
+              this.queryForm[item.errorMsgAttr] = item.errorMsg.interval;
+            } else if (item.reg.test(Number(this.queryForm.minWeight))) {
+              this.queryForm.validateForm = true;
+              this.queryForm[item.errorMsgAttr] = "";
             } else {
-                if (!Array.isArray(this.$refs.minNumOfPieces)) {
-                  this.$refs.minNumOfPieces.innerHTML = "";
-                  this.validateForm = true;
-                }
-              }
-            }
+              this.queryForm.validateForm = false;
+              this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
             }
           } else {
-          if (Array.isArray(this.$refs.minNumOfPieces)) {
-            this.msgError("请输入有效件数");
-          } else {
-            this.queryForm[pieces] = value;
-            this.$refs.minNumOfPieces.innerHTML = "";
-            this.$refs.minNumOfPieces.innerHTML = "请输入有效件数";
-          }
-          this.validateForm = false;
+            this.queryForm.validateForm = true;
+            this.queryForm[item.errorMsgAttr] = "";
           }
         } else {
-        // 【左右区间不是都有值的情况下】
-        // 最小件数为空最大件数有值的情况下
-        if (pieces == "minNumOfPieces" && this.queryForm.maxNumOfPieces > 0) {
-          this.$refs.minNumOfPieces.innerHTML = "";
-          this.validateForm = true;
-        } else {
-          this.$refs.minNumOfPieces.innerHTML = "";
-          this.$refs.minNumOfPieces.innerHTML = "最大件数不得小于1";
-          this.validateForm = false;
+          this.queryForm.validateForm = false;
+          this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
         }
-        // 最大件数为空最小件数有值的情况下
-        if (pieces == "maxNumOfPieces" && this.queryForm.minNumOfPieces > 0) {
-          this.$refs.minNumOfPieces.innerHTML = "";
-          this.validateForm = true;
       } else {
-          this.$refs.minNumOfPieces.innerHTML = "";
-          this.validateForm = true;
+        if (item.maxNumOfPieces && isNaN(item.maxNumOfPieces)) {
+          this.queryForm.validateForm = false;
+          this.queryForm[item.errorMsgAttr] = item.errorMsg.valid;
         }
-        // 左右区间 都为空的情况下
-        if (
-          this.queryForm.minNumOfPieces.toString().length == 0 &&
-          this.queryForm.maxNumOfPieces.toString().length == 0
-        ) {
-          this.$refs.minNumOfPieces.innerHTML = "";
-          this.validateForm = true;
+        if (item.maxNumOfPieces && Number(item.maxNumOfPieces) < 1) {
+          this.queryForm.validateForm = false;
+          this.queryForm[item.errorMsgAttr] = item.errorMsg.range;
         }
       }
-      return this.validateForm;
-    },
-
-    validate() {
-      const validateData1 = {
-        reg: /^\d+$/,
-        index: index,
-        minNumOfPieces: item.minNumOfPieces,
-        maxNumOfPieces: item.maxNumOfPieces,
-        errorMsgAttr: "piecesMsg",
-        validateForm: false, // form表单节流阀
-        errorMsg: {
-          empty: "不能为空",
-          valid: "请输入有效件数",
-          range: "件数不得小于1",
-          interval: "最小件数和最大件数不能小于1",
-        },
-      };
-      const validateData2 = {
-        reg: /^(0|[1-9]\d*)(.\d{1,2})?$/,
-        index: index,
-        minWeight: item.minWeight,
-        maxWeight: item.maxWeight,
-        errorMsgAttr: "weightMsg",
-        validateForm: false, // form表单节流阀
-        errorMsg: {
-          empty: "不能为空",
-          valid: "请输入有效重量，小数保留5位",
-          interval: "最小重量不得大于最大重量",
-        },
-      };
-      const validateData3 = {
-        reg: /^(0|[1-9]\d*)(.\d{1,2})?$/,
-        index: index,
-        minUsdCustomVal: item.minUsdCustomVal,
-        maxUsdCustomVal: item.maxUsdCustomVal,
-        errorMsgAttr: "currencyCdMsg", // currencyCdUsdMsg
-        validateForm: false, // form表单节流阀
-        errorMsg: {
-          empty: "不能为空",
-          valid: "请输入有效申报价值，小数保留2位",
-          interval: "最小申报价值不得大于最大申报价值",
-        },
-      };
     },
   },
 };

@@ -309,17 +309,17 @@
                   <el-input
                     v-model.trim="queryForm.minNumOfPieces"
                     placeholder="最小件数"
-                    @blur="inputBlurMinPieces({ index: 0, queryForm, $event })"
+                    @blur="inputBlurMinPieces($event)"
                     :disabled="!getRouter"
                   ></el-input>
-                  <span ref="minNumOfPieces" class="el-form-item__error"></span>
+                  <span class="el-form-item__error" v-text="queryForm.piecesMsg"></span>
                 </el-col>
                 <el-col style="text-align: center" :span="1">-</el-col>
                 <el-col :span="10">
                   <el-input
                     v-model.trim="queryForm.maxNumOfPieces"
                     placeholder="最大件数"
-                    @blur="inputBlurMaxPieces({ index: 0, queryForm, $event })"
+                    @blur="inputBlurMaxPieces($event)"
                     :disabled="!getRouter"
                   ></el-input>
                 </el-col>
@@ -332,7 +332,7 @@
                   <el-input
                     v-model.trim="queryForm.minWeight"
                     placeholder="最小重量"
-                    @blur="inputBlurMinWeight({ index: 0, queryForm, $event })"
+                    @blur="inputBlurMinWeight($event)"
                     :disabled="!getRouter"
                   ></el-input>
                   <span ref="minWeight" class="el-form-item__error"></span>
@@ -342,7 +342,7 @@
                   <el-input
                     v-model.trim="queryForm.maxWeight"
                     placeholder="最大重量"
-                    @blur="inputBlurMaxWeight({ index: 0, queryForm, $event })"
+                    @blur="inputBlurMaxWeight($event)"
                     :disabled="!getRouter"
                   ></el-input>
                 </el-col>
@@ -361,7 +361,7 @@
                   <el-input
                     v-model.trim="queryForm.minCustomVal"
                     placeholder="最小申报价值"
-                    @blur="inputCNYBlurMin({ index: 0, queryForm, $event })"
+                    @blur="inputCNYBlurMin($event)"
                     :disabled="!getRouter"
                   ></el-input>
                   <span
@@ -374,7 +374,7 @@
                   <el-input
                     v-model.trim="queryForm.maxCustomVal"
                     placeholder="最大申报价值"
-                    @blur="inputCNYBlurMax({ index: 0, queryForm, $event })"
+                    @blur="inputCNYBlurMax($event)"
                     :disabled="!getRouter"
                   ></el-input>
                 </el-col>
@@ -387,7 +387,7 @@
                   <el-input
                     v-model.trim="queryForm.minUsdCustomVal"
                     placeholder="最小申报价值"
-                    @blur="inputSUDBlurMin({ index: 0, queryForm, $event })"
+                    @blur="inputSUDBlurMin($event)"
                     :disabled="!getRouter"
                   ></el-input>
                   <span
@@ -400,7 +400,7 @@
                   <el-input
                     v-model.trim="queryForm.maxUsdCustomVal"
                     placeholder="最大申报价值"
-                    @blur="inputSUDBlurMax({ index: 0, queryForm, $event })"
+                    @blur="inputSUDBlurMax($event)"
                     :disabled="!getRouter"
                   ></el-input>
                 </el-col>