优化产前计划提交时表单参数校验

src/views/modules/production/plan-submit.vue

@@ -157,7 +157,9 @@
           :show-tooltip-when-overflow="true"
           label="计划数量">
           <template slot-scope="scope">
-            <el-input v-model="scope.row.planCnt" style="width:80px" :disabled="disabled" />
+            <el-form-item :prop="'proProductList.' + scope.$index + '.planCnt'" :rules="dataRule.planCnt" label-width="0">
+              <el-input v-model="scope.row.planCnt" style="width:80px" :disabled="disabled" @input="scope.row.planCnt = scope.row.planCnt.replace(/[^\d]/g, '')"/>
+            </el-form-item>
           </template>
         </el-table-column>
         <el-table-column
@@ -170,11 +172,13 @@
           label="处置">
           <template slot-scope="scope">
             <div class="radio-wrapper">
-              <el-radio-group v-model="scope.row.disposal" class="radio-group-wrap" :disabled="disabled">
-                <el-radio :label="2" style="margin-left:0">采购件</el-radio>
-                <el-radio :label="3" style="margin-left:0">委外件</el-radio>
-                <el-radio :label="1" style="margin-left:0">自制件</el-radio>
-              </el-radio-group>
+              <el-form-item :prop="'proProductList.' + scope.$index + '.disposal'" :rules="dataRule.disposal" label-width="0">
+                <el-radio-group v-model="scope.row.disposal" class="radio-group-wrap" :disabled="disabled">
+                  <el-radio :label="2" style="margin-left:0">采购件</el-radio>
+                  <el-radio :label="3" style="margin-left:0">委外件</el-radio>
+                  <el-radio :label="1" style="margin-left:0">自制件</el-radio>
+                </el-radio-group>
+              </el-form-item>
             </div>
           </template>
         </el-table-column>
@@ -187,10 +191,12 @@
           :show-tooltip-when-overflow="true"
           label="工艺">
           <template slot-scope="scope">
-            <el-radio-group v-model="scope.row.isTechnology" class="radio-group-wrap" :disabled="disabled">
-              <el-radio :label="1" style="margin-left:0">需要</el-radio>
-              <el-radio :label="2" style="margin-left:0">不需要</el-radio>
-            </el-radio-group>
+            <el-form-item :prop="'proProductList.' + scope.$index + '.isTechnology'" :rules="dataRule.isTechnology" label-width="0">
+              <el-radio-group v-model="scope.row.isTechnology" class="radio-group-wrap" :disabled="disabled">
+                <el-radio :label="1" style="margin-left:0">需要</el-radio>
+                <el-radio :label="2" style="margin-left:0">不需要</el-radio>
+              </el-radio-group>
+            </el-form-item>
           </template>
         </el-table-column>
       </el-table>
@@ -223,7 +229,11 @@ export default {
       dataForm: {
         proProductList:[]
       },
-      dataRule: {},
+      dataRule: {
+        planCnt:[{required:true, message:'请输入', trigger:'blur'}],
+        disposal:[{required:true, message:'请选择', trigger:'change'}],
+        isTechnology:[{required:true, message:'请选择', trigger:'change'}],
+      },
       dataList: [],
       dataListLoading: false
     }
@@ -250,10 +260,6 @@ export default {
               this.$message.error(data.msg)
             }
           })
-
-      this.dataList = [{disposal:'', isTechnology:''}]
-
-      this.visible = true
     },
     validateField (type) {
       this.$refs.dataForm.validateField(type)