企标制修订立项计划-起草界面-导入数据 对必填项做必填校验

src/pages/processCenter/pages/creatProcess/qbzxdlx/step1.vue

@@ -57,7 +57,8 @@
             <el-button :disabled="disabledXX"  type="danger" size="small" @click="delQblx">批量删除</el-button>
           </div>
         </div>
-        <el-table
+        <el-form ref="qblx_pageData2" :model="qblx_pageData" :rules="qblxRule2" class="qblx_page_form">
+          <el-table
           :data="qblx_pageData.qblxData"
           border
           ref="entryTable"
@@ -67,11 +68,35 @@
           :header-cell-style="{background: '#e8e8e8', color: '#333333', fontSize: '16px',
               fontWeight: 'bold', height: '20px'}">
           <el-table-column type="selection" fixed="left" align="center" width="55"/>
-          <el-table-column prop="bussSort" label="企标类别" fixed="left" align="center" width="100"/>
+          <el-table-column prop="bussSort" label="企标类别" fixed="left" align="center" width="100">
-          <el-table-column prop="esName" label="企标名称" fixed="left" align="center" width="300" show-overflow-tooltip/>
+            <template slot-scope="scope">
-          <el-table-column prop="reviseStatus" label="制修订类型" width="200" align="center"></el-table-column>
+              <el-form-item :prop="`qblxData.${scope.$index}.bussSort`" :rules="qblxRule2.bussSort">
+                {{scope.row.bussSort}}
+              </el-form-item>
+            </template>
+          </el-table-column>
+            <el-table-column prop="esName" label="企标名称" fixed="left" align="center" width="300" show-overflow-tooltip>
+              <template slot-scope="scope">
+                <el-form-item :prop="`qblxData.${scope.$index}.esName`" :rules="qblxRule2.esName">
+                    {{scope.row.esName}}
+                </el-form-item>
+              </template>
+            </el-table-column>
+          <el-table-column prop="reviseStatus" label="制修订类型" width="200" align="center">
+            <template slot-scope="scope">
+              <el-form-item :prop="`qblxData.${scope.$index}.reviseStatus`"  :rules="qblxRule2.reviseStatus">
+                {{scope.row.reviseStatus}}
+              </el-form-item>
+            </template>
+          </el-table-column>
           <el-table-column prop="unitName" label="起草责任单位" width="200" align="center"></el-table-column>
-          <el-table-column prop="drafterName" label="起草人" width="150" align="center"></el-table-column>
+          <el-table-column prop="drafterName" label="起草人" width="180" align="center">
+            <template slot-scope="scope">
+              <el-form-item :prop="`qblxData.${scope.$index}.drafterName`"  :rules="qblxRule2.drafterName">
+                {{scope.row.drafterName}}
+              </el-form-item>
+            </template>
+          </el-table-column>
           <el-table-column prop="resPersonName" label="评审责任人" width="150" align="center"></el-table-column>
           <el-table-column prop="wgLeaderName" label="工作组组长" width="150" align="center"></el-table-column>
           <el-table-column prop="draftTime" label="计划标准初稿完成时间" min-width="180" align="center"></el-table-column>
@@ -83,6 +108,7 @@
             </template>
           </el-table-column>
         </el-table>
+        </el-form>
       </div>
       <el-collapse accordion>
         <el-collapse-item title="回执说明">
@@ -433,6 +459,20 @@ export default {
         processName: '',
         qblxData: [],
       },
+      qblxRule2:{
+        bussSort:[
+          {required:true,message:"请输入企标类别"}
+        ],
+        esName:[
+          {required:true,message:"请输入企标名称"}
+        ],
+        reviseStatus:[
+          {required:true,message:"请输入制修订类型"}
+        ],
+        drafterName:[
+          {required:true,message:"请输入起草人"}
+        ],
+      },
       commentText: '',
       qblxRule: {
         processName: [
@@ -1044,39 +1084,43 @@ export default {
         let jsonData = this.qblx_pageData.qblxData
         this.qblx_pageData.qblxFile = this.fileInfoList
         this.qblx_pageData.commentText = this.commentText;
-        this.$refs["qblx_pageData"].validate((valid) => {
+        this.$refs.qblx_pageData2.validate((valid)=>{
-          if (valid) {
+          if(valid){
-            this.$refs["roleForm"].validate(async (valid) => {
+            this.$refs["qblx_pageData"].validate((valid) => {
               if (valid) {
-                this.isSubmit = true
+                this.$refs["roleForm"].validate(async (valid) => {
-                let finishCount = 0;
+                  if (valid) {
-                while (finishCount < jsonData.length) {
+                    this.isSubmit = true
-                  await this.listSubmit(jsonData[finishCount])
+                    let finishCount = 0;
-                    .then(() => {
+                    while (finishCount < jsonData.length) {
-                      finishCount++
+                      await this.listSubmit(jsonData[finishCount])
-                    }).catch(e => {
+                          .then(() => {
-                    })
+                            finishCount++
-                }
+                          }).catch(e => {
-                if (finishCount === jsonData.length) {
+                          })
-                  this.$message.success("提交成功");
+                    }
-                  this.isSubmit = false
+                    if (finishCount === jsonData.length) {
-                  this.$router.push('/processCenter')
+                      this.$message.success("提交成功");
-                }
+                      this.isSubmit = false
-                this.isSubmit = false
+                      this.$router.push('/processCenter')
+                    }
+                    this.isSubmit = false
+                  } else {
+                    return this.$message.warning("请完善人员信息");
+                  }
+                });
               } else {
-                return this.$message.warning("请完善人员信息");
+                return this.$message.warning("请完善基础信息");
               }
             });
-          } else {
+          }else{
-            return this.$message.warning("请完善基础信息");
+            return this.$message.warning("请完善企标类别、企标名称、制修订类型、起草人");
           }
-        });
+        })
       }else{
         this.$message.warning('立项列表不能为空')
       }
-
     },
-
   }
 }
 </script>
@@ -1194,5 +1238,12 @@ export default {
     }
   }
 }
+.qblx_page_form{
+  width:100%;
+  height:62%;
+  /deep/ .el-form-item__error{
+    display: none;
+  }
+}
 
 </style>