维修管理-内部维修-维修数量根据是否选择配件来确认必填与禁用

sgzb-ui/src/views/repairTest/repair/dialogOneForm.vue

@@ -13,7 +13,7 @@
                 ref="dynamicValidateForm"
                 :model="dynamicValidateForm"
                 class="demo-dynamic"
-                label-width="90px"
+                label-width="100px"
             >
                 <div
                     v-for="(domain, index) in dynamicValidateForm.premiumList"
@@ -37,6 +37,7 @@
                                 noResultsText="没有搜索结果"
                                 placeholder="请选择配件"
                                 :disable-branch-nodes="true"
+                                @input="handleSelectTree"
                             />
                         </el-form-item>
                         <el-form-item
@@ -77,12 +78,12 @@
                                 <el-radio :label="0">否</el-radio>
                             </el-radio-group>
                         </el-form-item>
-                        <!-- { required: true, message: '配件数量不能为空', trigger: 'blur' }, -->
+
                         <el-form-item
                             :prop="'premiumList.' + index + '.partNum'"
                             label="配件数量："
                             :rules="{
-                                required: false,
+                                required: isRequired,
                                 validator: numberIntegerValidator,
                                 trigger: 'blur',
                             }"
@@ -93,6 +94,7 @@
                                 size="small"
                                 maxlength="10"
                                 style="width: 350px"
+                                :disabled="!isRequired"
                             ></el-input>
                         </el-form-item>
                         <el-form-item
@@ -223,6 +225,7 @@
                                 noResultsText="没有搜索结果"
                                 placeholder="选择上级"
                                 :disable-branch-nodes="true"
+                                @input="handleSelectTree"
                             />
                         </el-form-item>
                         <el-form-item
@@ -247,7 +250,7 @@
                             :prop="'premiumListTwo.' + index + '.partNum'"
                             label="配件数量："
                             :rules="{
-                                required: false,
+                                required: isRequired,
                                 validator: numberIntegerValidator,
                                 trigger: 'blur',
                             }"
@@ -258,6 +261,7 @@
                                 size="small"
                                 maxlength="10"
                                 style="width: 350px"
+                                :disabled="!isRequired"
                             ></el-input>
                         </el-form-item>
                         <el-form-item
@@ -412,6 +416,7 @@ export default {
             userSelectList: [],
             companyId: '',
             taskId: '',
+            isRequired: false,
         }
     },
     mounted() {
@@ -439,10 +444,11 @@ export default {
             // } else {
             //   callback(new Error('请输入大于0的并且小于维修总量的正整数'))
             // }
-            if (value === '' || reg.test(value)) {
-                callback()
-            } else {
+            
+            if (this.isRequired && (value === '' || !reg.test(value))) {
                 callback(new Error('请输入大于0的正整数'))
+            } else {
+                callback()
             }
         },
         getTree() {
@@ -618,6 +624,13 @@ export default {
                 }
             })
         },
+        handleSelectTree(value) {
+            if (value) {
+                this.isRequired = true
+            } else {
+                this.isRequired = false
+            }
+        },
     },
 }
 </script>