标准入库流程 适用车型，能源类型，适用产品线，适用认证，责任部门，责任工程师：单选改多选，增加全选

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>
+                <template>
-                    <el-option
+                  <custom-select-array
-                        v-for="item in applyArcticOptions"
+                      :key="applyArcticOptions.options"
-                        placeholder="请选择"
+                      :config="applyArcticOptions"
-                        :key="item.value"
+                      v-model="form['cllx']"
-                        :value="item.value"
+                  ></custom-select-array>
-                        :label="item.label"
+                </template>
-                    ></el-option>
+                <!--能源类型-->
-                  </el-select>
+                <template>
-                </el-form-item>
+                  <custom-select-array
-                <el-form-item label="能源类型" prop="nylx" class="add-form-item form-item-disabled">
+                      :key="categoryOptions.options"
-                  <el-select v-model="form.nylx" placeholder="请选择能源类型" multiple>
+                      :config="categoryOptions"
-                    <el-option
+                      v-model="form['nylx']"
-                        v-for="item in categoryOptions"
+                  ></custom-select-array>
-                        placeholder="请选择"
+                </template>
-                        :key="item.value"
+<!--                <el-form-item label="适用车型" prop="cllx" class="add-form-item form-item-disabled">-->
-                        :value="item.value"
+<!--                  <el-select v-model="form.cllx" placeholder="请选择适用车型" multiple>-->
-                        :label="item.label"
+<!--                    <el-option-->
-                    ></el-option>
+<!--                        v-for="item in applyArcticOptions"-->
-                  </el-select>
+<!--                        placeholder="请选择"-->
-                </el-form-item>
+<!--                        :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>
+                <template>
-                    <el-option
+                  <custom-select-array
-                        v-for="item in sycpxOptions"
+                      :key="sycpxOptions.options"
-                        placeholder="请选择"
+                      :config="sycpxOptions"
-                        :key="item.value"
+                      v-model="form['sycpx']"
-                        :value="item.value"
+                  ></custom-select-array>
-                        :label="item.label"
+                </template>
-                    ></el-option>
+<!--                <el-form-item label="适用产品线" prop="sycpx" class="add-form-item form-item-disabled">-->
-                  </el-select>
+<!--                  <el-select v-model="form.sycpx" placeholder="请选择适用产品线" multiple>-->
-                </el-form-item>
+<!--                    <el-option-->
-                <el-form-item label="适用认证" prop="syrz" class="add-form-item form-item-disabled">
+<!--                        v-for="item in sycpxOptions"-->
-                  <el-select v-model="form.syrz" placeholder="请选择适用认证" multiple>
+<!--                        placeholder="请选择"-->
-                    <el-option
+<!--                        :key="item.value"-->
-                        v-for="item in applyAuthOptions"
+<!--                        :value="item.value"-->
-                        placeholder="请选择"
+<!--                        :label="item.label"-->
-                        :key="item.value"
+<!--                    ></el-option>-->
-                        :value="item.value"
+<!--                  </el-select>-->
-                        :label="item.label"
+<!--                </el-form-item>-->
-                    ></el-option>
+                <!--适用认证-->
-                  </el-select>
+                <template>
-                </el-form-item>
+                  <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: [], // 适用车型
+      applyArcticOptions: {
-      categoryOptions: [], // 能源类型
+        attrName: '适用车型',
+        options:[]
+      }, // 适用车型
+      categoryOptions: {
+        attrName: '能源类型',
+        options:[]
+      }, // 能源类型
       gkglbmOptions: [], // 归口管理部门
       cbcdOptions: [], // 采标程度
-      applyAuthOptions: [], // 适用认证
+      applyAuthOptions: {
+        attrName: '适用认证',
+        options:[]
+      }, // 适用认证
       cysdOptions: [], // 我司参与深度
       wssmrOptions: [], // 我司署名人
       qcdwOptions: [], // 起草单位
-      sycpxOptions: [], // 适用产品线
+      sycpxOptions: {
-      zrbmOptions: [], // 责任部门
+        attrName: '适用产品线',
-      zrgcsOptions: [], // 责任工程师
+        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.applyArcticOptions.options = res.data.ENERGYTYPES // 适用车型
-      this.categoryOptions = res.data.NYLXCLASS // 能源类型
+      this.categoryOptions.options = res.data.NYLXCLASS // 能源类型
-      this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
+      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.sycpxOptions.options = res.data.SYCPXCLASS // 适用产品线
-      this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
+      this.zrbmOptions.options = res.data.ZRBMCLASS // 责任部门
-      this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
+      this.zrgcsOptions.options = res.data.ZRGCSCLASS // 责任工程师
       this.txlbOptions = res.data.TXLBCLASS // 体系类别
       this.gkglbmOptions = res.data.GKGLBM // 归口管理部门
       this.cbcdOptions = res.data.DEGREESTANDARD // 采标程度