From 7180ffcb195d54fd3e280e14220600c262b53d7b Mon Sep 17 00:00:00 2001
From: yanyizhou <2311759275@qq.com>
Date: Tue, 14 Dec 2021 20:41:47 +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/step1.vue         | 186 ++++++++++++------
 1 file changed, 130 insertions(+), 56 deletions(-)

diff --git a/src/pages/processCenter/pages/creatProcess/bzrk/step1.vue b/src/pages/processCenter/pages/creatProcess/bzrk/step1.vue
index d83c27eb1..c10b13f16 100644
--- a/src/pages/processCenter/pages/creatProcess/bzrk/step1.vue
+++ b/src/pages/processCenter/pages/creatProcess/bzrk/step1.vue
@@ -498,6 +498,14 @@
                     <div class="prc-content-border" v-show="verifySarStandard">
                         <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 :popper-append-to-body="false" v-model="form.zrbm" placeholder="请选择责任部门" multiple>-->
 <!--                                        <el-option-->
@@ -509,28 +517,49 @@
 <!--                                        ></el-option>-->
 <!--                                    </el-select>-->
 <!--                                </el-form-item>-->
-                                <el-form-item label="适用车型" prop="cllx" class="add-form-item form-item-disabled">
-                                    <el-select :popper-append-to-body="false" 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 :popper-append-to-body="false" 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">-->
+<!--                                  <custom-select-array-->
+<!--                                      :key="applyArcticOptions.value"-->
+<!--                                      :config="applyArcticOptions.label"-->
+<!--                                      v-model="applyArcticOptions"-->
+<!--                                  ></custom-select-array>-->
+<!--                                    <el-select :popper-append-to-body="false" 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 :popper-append-to-body="false" 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
@@ -610,28 +639,44 @@
                                 </el-form-item>
                             </el-col>
                             <el-col :span="12">
-                                <el-form-item label="适用产品线" prop="sycpx" class="add-form-item form-item-disabled">
-                                    <el-select :popper-append-to-body="false" 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 :popper-append-to-body="false" 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 :popper-append-to-body="false" 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 :popper-append-to-body="false" 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>-->
 <!--                                <el-form-item label="责任工程师" prop="zrgcs" class="add-form-item form-item-disabled">-->
 <!--                                    <el-select :popper-append-to-body="false" v-model="form.zrgcs" placeholder="请选择责任工程师" multiple>-->
 <!--                                        <el-option-->
@@ -643,6 +688,14 @@
 <!--                                        ></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="关联模块--乘用车vpps中文名称" prop="cycvppscn" class="add-form-item form-item-disabled">
                                     <el-input
                                             v-model="form.cycvppscn"
@@ -1231,6 +1284,7 @@
     import ProcessHeader from '../../components/ProcessHeader'
     import ProcessFooter from '../../components/ProcessFooter'
     import ProcessTitle from '../../components/ProcessTitle'
+    import CustomSelectArray from '@/components/CustomFormComponents/SelectArray'
     import {saveTaskFirst, queryTaskFirst, getBusStandFileByAttId} from "api/process";
     import TreeSelect from '@/components/treeSelect/treeSelect.vue';
     import TreeSelectNew from '@/components/treeSelect/treeSelectNew.vue';
@@ -1247,6 +1301,7 @@
           TreeSelectModule,
             ProcessHeader,
             ProcessFooter,
+          CustomSelectArray,
             ProcessTitle,
             TreeSelect,
             TreeSelectNew,
@@ -1535,16 +1590,34 @@
                 busVppsChildOptions: [], // 车系体系架构子集合
                 modelOptions: [], // 模块体系架构
                 modelChildOptions: [], // 模块体系架构子集合
-                applyArcticOptions: [], // 适用车型
+                applyArcticOptions: {
+                attrName: '适用车型',
+                options:[]
+                }, // 适用车型
                 gkglbmOptions: [], // 归口管理部门
-                categoryOptions: [], // 能源类型
-                applyAuthOptions: [], // 适用认证
+                categoryOptions: {
+                attrName: '能源类型',
+                  options:[]
+                }, // 能源类型
+                applyAuthOptions: {
+                  attrName: '适用认证',
+                  options:[]
+                }, // 适用认证
                 cysdOptions: [], // 我司参与深度
                 cbcdOptions: [], // 采标程度
                 wssmrOptions: [], // 我司署名人
-                sycpxOptions: [], // 适用产品线
-                zrbmOptions: [], // 责任部门
-                zrgcsOptions: [], // 责任工程师
+                sycpxOptions: {
+                attrName: '适用产品线',
+                  options:[]
+                }, // 适用产品线
+                zrbmOptions: {
+                  attrName: '责任部门',
+                  options:[]
+                }, // 责任部门
+                zrgcsOptions: {
+                  attrName: '责任工程师',
+                  options:[]
+                }, // 责任工程师
                 qcdwOption: [], // 起草单位
                 txlbOptions: [], // 体系类别
                 data: [], // 标准列表数据
@@ -2883,19 +2956,20 @@
             this.$http.get('sys/dictype/getDicTypeListCode', '', {
                 _this: this
             }, res => {
+              console.log(res.data.ENERGYTYPES)
                 this.countryOptions=res.data.COUNTRY//国家地区
                 this.standSortOptions = res.data.STANDCLASSIFY // 标准类别
                 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.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.qcdwOption = res.data.QCDW // 体系类别
                 this.gkglbmOptions = res.data.GKGLBM // 归口管理部门
                 this.cbcdOptions = res.data.DEGREESTANDARD // 采标程度