From 7de086cac6fcd647bce1d419ac4c80c28a914460 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AE=8B=E4=BC=9F=E4=BD=B3?= <2797716443@qq.com>
Date: Thu, 27 Jan 2022 09:31:22 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E5=87=86=E8=AF=84=E4=BC=B0=E6=B5=81?=
 =?UTF-8?q?=E7=A8=8B=E5=AE=A1=E6=89=B9tab?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/creatProcess/bzpg/step7.vue         | 29 ++++++++++++++++-
 .../pages/creatProcess/bzpg/step8.vue         | 31 +++++++++++++++++--
 2 files changed, 57 insertions(+), 3 deletions(-)

diff --git a/src/pages/processCenter/pages/creatProcess/bzpg/step7.vue b/src/pages/processCenter/pages/creatProcess/bzpg/step7.vue
index 471af52e5..239463f8c 100644
--- a/src/pages/processCenter/pages/creatProcess/bzpg/step7.vue
+++ b/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
diff --git a/src/pages/processCenter/pages/creatProcess/bzpg/step8.vue b/src/pages/processCenter/pages/creatProcess/bzpg/step8.vue
index a8264ba86..4293a0906 100644
--- a/src/pages/processCenter/pages/creatProcess/bzpg/step8.vue
+++ b/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