标准评估流程审批tab

src/pages/processCenter/pages/creatProcess/bzpg/step7.vue

@@ -135,6 +135,15 @@
       <process-title>
         <template slot="title">填写信息</template>
       </process-title>
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane
+          v-for="(item, index) in projectTabName"
+          :key="index"
+          :label="item"
+          :value="item"
+          :name="item">
+        </el-tab-pane>
+      </el-tabs>
       <el-table
         ref="multipleTable"
         :data="dataList"
@@ -387,7 +396,9 @@ export default {
   data() {
     return {
       //折叠的标志，true为折叠，false为不折叠
+      activeName: 'first',
       foldFormFlag: false,
+      projectTabName: [],
       comFlag: 0,
       nodeList:[],
       drawerTitle:'',
@@ -449,6 +460,7 @@ export default {
         }]
       },
       choiceForm: {}, //选择标准清单列表
+      newDataList: [],
       countryOptions: [], //适用区域下拉框数据
       user1: "",
       user2: "",
@@ -459,6 +471,15 @@ export default {
     };
   },
   methods: {
+    handleClick(tab) {
+      let projectData = this.dataList
+      this.dataList = []
+      projectData.forEach(item => {
+        if(item.projectName === tab.name){
+          this.dataList.push(item)
+        }
+      })
+    },
     //折叠/展开基础信息方法
     foldForm() {
       this.foldFormFlag = !this.foldFormFlag
@@ -583,7 +604,13 @@ export default {
           this.listForm.prcNum = this.prcNum
           this.listForm.prcName = this.prcName
           this.listForm['id'] = item.id
+          this.newDataList = item.dataList
           this.dataList = item.dataList
+          item.dataList.forEach(item => {
+            if(!this.projectTabName.includes(item.projectName)){
+              this.projectTabName.push(item.projectName)
+            }
+          })
         } else {
           this.listForm = item.form;
           this.dataList = item.form.dataList;
@@ -594,7 +621,7 @@ export default {
 
     //提交事件
     handleSubmit() {
-      this.listForm.dataList = this.dataList
+      this.listForm.dataList = this.newDataList
       this.listForm.commentText = this.commentText;
       const json = JSON.stringify(this.listForm);
       this.isSubmit = true

src/pages/processCenter/pages/creatProcess/bzpg/step8.vue

@@ -1,4 +1,4 @@
-<!--标准合规评估 标准法规部部长审批-->
+<!--标准合规评估  标准法规部部长审批-->
 <template>
   <div class="bzpg-step8">
     <ProcessHeader toggle>
@@ -135,6 +135,15 @@
       <process-title>
         <template slot="title">填写信息</template>
       </process-title>
+      <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+        <el-tab-pane
+          v-for="(item, index) in projectTabName"
+          :key="index"
+          :label="item"
+          :value="item"
+          :name="item">
+        </el-tab-pane>
+      </el-tabs>
       <el-table
         ref="multipleTable"
         :data="dataList"
@@ -387,7 +396,9 @@ export default {
   data() {
     return {
       //折叠的标志，true为折叠，false为不折叠
+      activeName: 'first',
       foldFormFlag: false,
+      projectTabName: [],
       comFlag: 0,
       nodeList:[],
       drawerTitle:'',
@@ -449,6 +460,7 @@ export default {
         }]
       },
       choiceForm: {}, //选择标准清单列表
+      newDataList: [],
       countryOptions: [], //适用区域下拉框数据
       user1: "",
       user2: "",
@@ -459,6 +471,15 @@ export default {
     };
   },
   methods: {
+    handleClick(tab) {
+      let projectData = this.dataList
+      this.dataList = []
+      projectData.forEach(item => {
+        if(item.projectName === tab.name){
+          this.dataList.push(item)
+        }
+      })
+    },
     //折叠/展开基础信息方法
     foldForm() {
       this.foldFormFlag = !this.foldFormFlag
@@ -583,7 +604,13 @@ export default {
           this.listForm.prcNum = this.prcNum
           this.listForm.prcName = this.prcName
           this.listForm['id'] = item.id
+          this.newDataList = item.dataList
           this.dataList = item.dataList
+          item.dataList.forEach(item => {
+            if(!this.projectTabName.includes(item.projectName)){
+              this.projectTabName.push(item.projectName)
+            }
+          })
         } else {
           this.listForm = item.form;
           this.dataList = item.form.dataList;
@@ -594,7 +621,7 @@ export default {
 
     //提交事件
     handleSubmit() {
-      this.listForm.dataList = this.dataList
+      this.listForm.dataList = this.newDataList
       this.listForm.commentText = this.commentText;
       const json = JSON.stringify(this.listForm);
       this.isSubmit = true