From a6f0ee7322b516134828ae17dadf6d28b1fe978d Mon Sep 17 00:00:00 2001
From: yanyizhou <2311759275@qq.com>
Date: Wed, 15 Dec 2021 10:35:00 +0800
Subject: [PATCH] =?UTF-8?q?=E6=A0=87=E5=87=86=E5=85=A5=E5=BA=93=E6=B5=81?=
 =?UTF-8?q?=E7=A8=8B=20=E9=80=82=E7=94=A8=E8=BD=A6=E5=9E=8B=EF=BC=8C?=
 =?UTF-8?q?=E8=83=BD=E6=BA=90=E7=B1=BB=E5=9E=8B=EF=BC=8C=E9=80=82=E7=94=A8?=
 =?UTF-8?q?=E4=BA=A7=E5=93=81=E7=BA=BF=EF=BC=8C=E9=80=82=E7=94=A8=E8=AE=A4?=
 =?UTF-8?q?=E8=AF=81=EF=BC=8C=E8=B4=A3=E4=BB=BB=E9=83=A8=E9=97=A8=EF=BC=8C?=
 =?UTF-8?q?=E8=B4=A3=E4=BB=BB=E5=B7=A5=E7=A8=8B=E5=B8=88=EF=BC=9A=E5=8D=95?=
 =?UTF-8?q?=E9=80=89=E6=94=B9=E5=A4=9A=E9=80=89=EF=BC=8C=E5=A2=9E=E5=8A=A0?=
 =?UTF-8?q?=E5=85=A8=E9=80=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/creatProcess/bzrk/step4.vue         | 180 ++++++++++++------
 1 file changed, 124 insertions(+), 56 deletions(-)

diff --git a/src/pages/processCenter/pages/creatProcess/bzrk/step4.vue b/src/pages/processCenter/pages/creatProcess/bzrk/step4.vue
index 7cdc5ac8b..d96aa2ad4 100644
--- a/src/pages/processCenter/pages/creatProcess/bzrk/step4.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzrk/step4.vue
@@ -704,6 +704,14 @@
           <div class="prc-content-border">
             <el-row :gutter="24">
               <el-col :span="12">
+                <!--责任部门-->
+                <template>
+                  <custom-select-array
+                      :key="zrbmOptions.options"
+                      :config="zrbmOptions"
+                      v-model="form['zrbm']"
+                  ></custom-select-array>
+                </template>
 <!--                <el-form-item label="责任部门" prop="zrbm" class="add-form-item form-item-disabled">
                   <el-select v-model="form.zrbm" placeholder="请选择责任部门" multiple>
                     <el-option
@@ -715,28 +723,44 @@
                     ></el-option>
                   </el-select>
                 </el-form-item>-->
-                <el-form-item label="适用车型" prop="cllx" class="add-form-item form-item-disabled">
-                  <el-select v-model="form.cllx" placeholder="请选择适用车型" multiple>
-                    <el-option
-                        v-for="item in applyArcticOptions"
-                        placeholder="请选择"
-                        :key="item.value"
-                        :value="item.value"
-                        :label="item.label"
-                    ></el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="能源类型" prop="nylx" class="add-form-item form-item-disabled">
-                  <el-select v-model="form.nylx" placeholder="请选择能源类型" multiple>
-                    <el-option
-                        v-for="item in categoryOptions"
-                        placeholder="请选择"
-                        :key="item.value"
-                        :value="item.value"
-                        :label="item.label"
-                    ></el-option>
-                  </el-select>
-                </el-form-item>
+                <!--适用车型-->
+                <template>
+                  <custom-select-array
+                      :key="applyArcticOptions.options"
+                      :config="applyArcticOptions"
+                      v-model="form['cllx']"
+                  ></custom-select-array>
+                </template>
+                <!--能源类型-->
+                <template>
+                  <custom-select-array
+                      :key="categoryOptions.options"
+                      :config="categoryOptions"
+                      v-model="form['nylx']"
+                  ></custom-select-array>
+                </template>
+<!--                <el-form-item label="适用车型" prop="cllx" class="add-form-item form-item-disabled">-->
+<!--                  <el-select v-model="form.cllx" placeholder="请选择适用车型" multiple>-->
+<!--                    <el-option-->
+<!--                        v-for="item in applyArcticOptions"-->
+<!--                        placeholder="请选择"-->
+<!--                        :key="item.value"-->
+<!--                        :value="item.value"-->
+<!--                        :label="item.label"-->
+<!--                    ></el-option>-->
+<!--                  </el-select>-->
+<!--                </el-form-item>-->
+<!--                <el-form-item label="能源类型" prop="nylx" class="add-form-item form-item-disabled">-->
+<!--                  <el-select v-model="form.nylx" placeholder="请选择能源类型" multiple>-->
+<!--                    <el-option-->
+<!--                        v-for="item in categoryOptions"-->
+<!--                        placeholder="请选择"-->
+<!--                        :key="item.value"-->
+<!--                        :value="item.value"-->
+<!--                        :label="item.label"-->
+<!--                    ></el-option>-->
+<!--                  </el-select>-->
+<!--                </el-form-item>-->
                 <el-form-item label="关联模块--乘用车VPPS编码" prop="cycvppsbm" class="add-form-item form-item-disabled">
                   <el-input v-model="form.cycvppsbm" placeholder="选择乘用车VPPS编码" @click.native="choiceZRR2('cycvppsbm', '乘用车VPPS', form.cycvppsbm)"></el-input>
                   <tree-select-new
@@ -816,28 +840,52 @@
                 </el-form-item>
               </el-col>
               <el-col :span="12">
-                <el-form-item label="适用产品线" prop="sycpx" class="add-form-item form-item-disabled">
-                  <el-select v-model="form.sycpx" placeholder="请选择适用产品线" multiple>
-                    <el-option
-                        v-for="item in sycpxOptions"
-                        placeholder="请选择"
-                        :key="item.value"
-                        :value="item.value"
-                        :label="item.label"
-                    ></el-option>
-                  </el-select>
-                </el-form-item>
-                <el-form-item label="适用认证" prop="syrz" class="add-form-item form-item-disabled">
-                  <el-select v-model="form.syrz" placeholder="请选择适用认证" multiple>
-                    <el-option
-                        v-for="item in applyAuthOptions"
-                        placeholder="请选择"
-                        :key="item.value"
-                        :value="item.value"
-                        :label="item.label"
-                    ></el-option>
-                  </el-select>
-                </el-form-item>
+                <!--适用产品线-->
+                <template>
+                  <custom-select-array
+                      :key="sycpxOptions.options"
+                      :config="sycpxOptions"
+                      v-model="form['sycpx']"
+                  ></custom-select-array>
+                </template>
+<!--                <el-form-item label="适用产品线" prop="sycpx" class="add-form-item form-item-disabled">-->
+<!--                  <el-select v-model="form.sycpx" placeholder="请选择适用产品线" multiple>-->
+<!--                    <el-option-->
+<!--                        v-for="item in sycpxOptions"-->
+<!--                        placeholder="请选择"-->
+<!--                        :key="item.value"-->
+<!--                        :value="item.value"-->
+<!--                        :label="item.label"-->
+<!--                    ></el-option>-->
+<!--                  </el-select>-->
+<!--                </el-form-item>-->
+                <!--适用认证-->
+                <template>
+                  <custom-select-array
+                      :key="applyAuthOptions.options"
+                      :config="applyAuthOptions"
+                      v-model="form['syrz']"
+                  ></custom-select-array>
+                </template>
+<!--                <el-form-item label="适用认证" prop="syrz" class="add-form-item form-item-disabled">-->
+<!--                  <el-select v-model="form.syrz" placeholder="请选择适用认证" multiple>-->
+<!--                    <el-option-->
+<!--                        v-for="item in applyAuthOptions"-->
+<!--                        placeholder="请选择"-->
+<!--                        :key="item.value"-->
+<!--                        :value="item.value"-->
+<!--                        :label="item.label"-->
+<!--                    ></el-option>-->
+<!--                  </el-select>-->
+<!--                </el-form-item>-->
+                <!--责任工程师-->
+                <template>
+                  <custom-select-array
+                      :key="zrgcsOptions.options"
+                      :config="zrgcsOptions"
+                      v-model="form['zrgcs']"
+                  ></custom-select-array>
+                </template>
 <!--                <el-form-item label="责任工程师" prop="zrgcs" class="add-form-item form-item-disabled">
                   <el-select v-model="form.zrgcs" placeholder="请选择责任工程师" multiple>
                     <el-option
@@ -1310,6 +1358,7 @@
 <script>
 import ProcessHeader from '../../components/ProcessHeader'
 import ProcessFooter from '../../components/ProcessFooter'
+import CustomSelectArray from '@/components/CustomFormComponents/SelectArray'
 import ProcessTitle from '../../components/ProcessTitle'
 import {
   inboundLiaisonDetail,
@@ -1332,6 +1381,7 @@ export default {
     TreeSelectModule,
     ProcessHeader,
     ProcessFooter,
+    CustomSelectArray,
     ProcessTitle,
     TreeSelect,
     TreeSelectNew
@@ -1546,17 +1596,35 @@ export default {
       standSystemOptions: [], // 标准体系
       busVppsOptions: [], // 车系体系架构
       modelOptions: [], // 模块体系架构
-      applyArcticOptions: [], // 适用车型
-      categoryOptions: [], // 能源类型
+      applyArcticOptions: {
+        attrName: '适用车型',
+        options:[]
+      }, // 适用车型
+      categoryOptions: {
+        attrName: '能源类型',
+        options:[]
+      }, // 能源类型
       gkglbmOptions: [], // 归口管理部门
       cbcdOptions: [], // 采标程度
-      applyAuthOptions: [], // 适用认证
+      applyAuthOptions: {
+        attrName: '适用认证',
+        options:[]
+      }, // 适用认证
       cysdOptions: [], // 我司参与深度
       wssmrOptions: [], // 我司署名人
       qcdwOptions: [], // 起草单位
-      sycpxOptions: [], // 适用产品线
-      zrbmOptions: [], // 责任部门
-      zrgcsOptions: [], // 责任工程师
+      sycpxOptions: {
+        attrName: '适用产品线',
+        options:[]
+      }, // 适用产品线
+      zrbmOptions: {
+        attrName: '责任部门',
+        options:[]
+      }, // 责任部门
+      zrgcsOptions: {
+        attrName: '责任工程师',
+        options:[]
+      }, // 责任工程师
       txlbOptions: [], // 体系类别
       data: [], // 标准列表数据
       ListForm: {}, // 新增数据
@@ -2495,15 +2563,15 @@ export default {
       this.standNatureOptions = res.data.SARPROPERTY // 标准性质
       this.standStateOptions = res.data.WBZTCLASS // 文本状态
       this.standSystemOptions = res.data.BZTXCLASS // 标准体系
-      this.applyArcticOptions = res.data.ENERGYTYPES // 适用车型
-      this.categoryOptions = res.data.NYLXCLASS // 能源类型
-      this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
+      this.applyArcticOptions.options = res.data.ENERGYTYPES // 适用车型
+      this.categoryOptions.options = res.data.NYLXCLASS // 能源类型
+      this.applyAuthOptions.options = res.data.SYRZCLASS // 适用认证
       this.cysdOptions = res.data.WSCYSD // 我司参与深度
       this.wssmrOptions = res.data.WSSMR // 我司署名人
       this.qcdwOptions = res.data.QCDW // 起草单位
-      this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
-      this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
-      this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
+      this.sycpxOptions.options = res.data.SYCPXCLASS // 适用产品线
+      this.zrbmOptions.options = res.data.ZRBMCLASS // 责任部门
+      this.zrgcsOptions.options = res.data.ZRGCSCLASS // 责任工程师
       this.txlbOptions = res.data.TXLBCLASS // 体系类别
       this.gkglbmOptions = res.data.GKGLBM // 归口管理部门
       this.cbcdOptions = res.data.DEGREESTANDARD // 采标程度