海外高级搜索全选

src/pages/regulatoryRepository/foreignStandardsAndRegulations/index.vue

@@ -615,25 +615,39 @@
               <el-row :gutter="24">
                 <el-col :span="12">
                   <!--            适用车型-->
-                  <el-form-item :label="$t('m.applicableModels')" class="add-form-item form-item-disabled">
+                  <template>
-                    <el-select v-model="sarStandardsSearch.applyArctic"
+                    <custom-select-array
-                               :placeholder="$t('m.searchAccordingToThApplicableModel')" clearable
+                        :key="applyArcticOptions.options"
-                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                        :config="applyArcticOptions"
-                      <el-option v-for="opt in applyArcticOptions" :value="opt.value === undefined ? '' :opt.value"
+                        v-model="sarStandardsSearch['applyArctic']"
-                                 :key="opt.value" :label="opt.label">{{ opt.label }}
+                    ></custom-select-array>
-                      </el-option>
+                  </template>
-                    </el-select>
+<!--                  <el-form-item :label="$t('m.applicableModels')" class="add-form-item form-item-disabled">-->
-                  </el-form-item>
+<!--                    <el-select v-model="sarStandardsSearch.applyArctic"-->
+<!--                               :placeholder="$t('m.searchAccordingToThApplicableModel')" clearable-->
+<!--                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
+<!--                      <el-option v-for="opt in applyArcticOptions" :value="opt.value === undefined ? '' :opt.value"-->
+<!--                                 :key="opt.value" :label="opt.label">{{ opt.label }}-->
+<!--                      </el-option>-->
+<!--                    </el-select>-->
+<!--                  </el-form-item>-->
                   <!--            适用产品线（新增字段）-->
-                  <el-form-item :label="$t('m.applicableProductLine')" class="add-form-item form-item-disabled">
+                  <template>
-                    <el-select v-model="advanceSearchMapping.SYCPX" :placeholder="$t('m.searchByApplicableProductLine')"
+                    <custom-select-array
-                               clearable
+                        :key="sycpxOptions.options"
-                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                        :config="sycpxOptions"
-                      <el-option v-for="opt in sycpxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
+                        v-model="advanceSearchMapping['SYCPX']"
-                                 :label="opt.label">{{ opt.label }}
+                    ></custom-select-array>
-                      </el-option>
+                  </template>
-                    </el-select>
+<!--                  <el-form-item :label="$t('m.applicableProductLine')" class="add-form-item form-item-disabled">-->
-                  </el-form-item>
+<!--                    <el-select v-model="advanceSearchMapping.SYCPX" :placeholder="$t('m.searchByApplicableProductLine')"-->
+<!--                               clearable-->
+<!--                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
+<!--                      <el-option v-for="opt in sycpxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"-->
+<!--                                 :label="opt.label">{{ opt.label }}-->
+<!--                      </el-option>-->
+<!--                    </el-select>-->
+<!--                  </el-form-item>-->
                   <!--            体系类别-->
                   <el-form-item label="体系类别" class="add-form-item form-item-disabled">
                     <el-select v-model="advanceSearchMapping.TXLB" placeholder="根据体系类别查找" clearable
@@ -644,14 +658,21 @@
                     </el-select>
                   </el-form-item>
                   <!--            责任工程师-->
-                  <el-form-item label="责任工程师" class="add-form-item form-item-disabled">
+                  <template>
-                    <el-select v-model="advanceSearchMapping.ZRGCS" placeholder="根据责任工程师查找" clearable filterable
+                    <custom-select-array
-                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                        :key="zrgcsOptions.options"
-                      <el-option v-for="opt in zrgcsOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
+                        :config="zrgcsOptions"
-                                 :label="opt.label">{{ opt.label }}
+                        v-model="advanceSearchMapping['ZRGCS']"
-                      </el-option>
+                    ></custom-select-array>
-                    </el-select>
+                  </template>
-                  </el-form-item>
+<!--                  <el-form-item label="责任工程师" class="add-form-item form-item-disabled">-->
+<!--                    <el-select v-model="advanceSearchMapping.ZRGCS" placeholder="根据责任工程师查找" clearable filterable-->
+<!--                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
+<!--                      <el-option v-for="opt in zrgcsOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"-->
+<!--                                 :label="opt.label">{{ opt.label }}-->
+<!--                      </el-option>-->
+<!--                    </el-select>-->
+<!--                  </el-form-item>-->
                   <!--           关联模块--乘用车vpps中文名称-->
                   <el-form-item title="关联模块--乘用车VPPS中文名称" label="关联模块--乘用车VPPS中文名称" prop="standNumber" class="add-form-item form-item-disabled">
                     <el-input v-model="advanceSearchMapping.CYCVPPSCN" clearable
@@ -668,32 +689,53 @@
                 </el-col>
                 <el-col :span="12">
                   <!--            能源类型-->
-                  <el-form-item label="能源类型" class="add-form-item form-item-disabled">
+                  <template>
-                    <el-select v-model="advanceSearchMapping.NYLX" placeholder="请选择能源类型" clearable
+                    <custom-select-array
-                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                        :key="nylxOptions.options"
-                      <el-option v-for="opt in nylxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
+                        :config="nylxOptions"
-                                 :label="opt.label">{{ opt.label }}
+                        v-model="advanceSearchMapping['NYLX']"
-                      </el-option>
+                    ></custom-select-array>
-                    </el-select>
+                  </template>
-                  </el-form-item>
+<!--                  <el-form-item label="能源类型" class="add-form-item form-item-disabled">-->
+<!--                    <el-select v-model="advanceSearchMapping.NYLX" placeholder="请选择能源类型" clearable-->
+<!--                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
+<!--                      <el-option v-for="opt in nylxOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"-->
+<!--                                 :label="opt.label">{{ opt.label }}-->
+<!--                      </el-option>-->
+<!--                    </el-select>-->
+<!--                  </el-form-item>-->
                   <!--            适用认证-->
-                  <el-form-item label="适用认证" class="add-form-item form-item-disabled">
+                  <template>
-                    <el-select v-model="advanceSearchMapping.SYRZ" placeholder="根据适用认证查找" clearable
+                    <custom-select-array
-                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                        :key="syrzOptions.options"
-                      <el-option v-for="opt in syrzOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
+                        :config="syrzOptions"
-                                 :label="opt.label">{{ opt.label }}
+                        v-model="advanceSearchMapping['SYRZ']"
-                      </el-option>
+                    ></custom-select-array>
-                    </el-select>
+                  </template>
-                  </el-form-item>
+<!--                  <el-form-item label="适用认证" class="add-form-item form-item-disabled">-->
+<!--                    <el-select v-model="advanceSearchMapping.SYRZ" placeholder="根据适用认证查找" clearable-->
+<!--                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
+<!--                      <el-option v-for="opt in syrzOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"-->
+<!--                                 :label="opt.label">{{ opt.label }}-->
+<!--                      </el-option>-->
+<!--                    </el-select>-->
+<!--                  </el-form-item>-->
                   <!--            责任部门-->
-                  <el-form-item label="责任部门" class="add-form-item form-item-disabled">
+                  <template>
-                    <el-select v-model="advanceSearchMapping.ZRBM" placeholder="根据责任部门查找" clearable filterable
+                    <custom-select-array
-                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">
+                        :key="zrbmOptions.options"
-                      <el-option v-for="opt in zrbmOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"
+                        :config="zrbmOptions"
-                                 :label="opt.label">{{ opt.label }}
+                        v-model="advanceSearchMapping['ZRBM']"
-                      </el-option>
+                    ></custom-select-array>
-                    </el-select>
+                  </template>
-                  </el-form-item>
+<!--                  <el-form-item label="责任部门" class="add-form-item form-item-disabled">-->
+<!--                    <el-select v-model="advanceSearchMapping.ZRBM" placeholder="根据责任部门查找" clearable filterable-->
+<!--                               @keyup.enter.native="getDomesticStandardTableBtn(sarStandardsSearch)">-->
+<!--                      <el-option v-for="opt in zrbmOptions" :value="opt.value === undefined ? '' :opt.value" :key="opt.value"-->
+<!--                                 :label="opt.label">{{ opt.label }}-->
+<!--                      </el-option>-->
+<!--                    </el-select>-->
+<!--                  </el-form-item>-->
                   <!--            关联模块--乘用车VPPS编码-->
                   <el-form-item title="关联模块--乘用车VPPS编码" label=" 关联模块--乘用车VPPS编码" prop="standNumber" class="add-form-item form-item-disabled">
                     <el-input v-model="advanceSearchMapping.CYCVPPSBM" clearable
@@ -1821,25 +1863,46 @@ export default {
       regionOptions: [], // 区域
       standSortOptions: [], // 标准类别下拉框
       standSystemOptions: [], // 标准体系下拉框
-      sycpxOptions: [], // 适用产品线下拉框
+      sycpxOptions: {
-      zrbmOptions: [], // 责任部门下拉框
+        attrName: '适用产品线',
-      zrgcsOptions: [], // 责任工程师下拉框
+        options:[]
+      }, // 适用产品线下拉框
+      zrbmOptions: {
+        attrName: '责任部门',
+        options:[]
+      }, // 责任部门下拉框
+      zrgcsOptions: {
+        attrName: '责任工程师',
+        options:[]
+      }, // 责任工程师下拉框
       txlbOptions: [], // 体系类别下拉框
       standSortConfigOptions: [], // 标准类别下拉框
-      applyArcticOptions: [], // 适用车型下拉框
+      applyArcticOptions: {
+        attrName: '适用车型',
+        options:[]
+      }, // 适用车型下拉框
       standStateOptions: [], // 标准状态下拉框
       standNatureOptions: [], // 标准性质下拉框
       adoptExtentOptions: [], // 采标程度下拉框
       emergyKindOptions: [], // 能源种类下拉框
-      applyAuthOptions: [], // 适用认证下拉框
+      applyAuthOptions: {
+        attrName: '适用认证',
+        options:[]
+      }, // 适用认证下拉框
       categoryOptions: [], // 所属类别下拉框
       categoryConfigOptions: [], // 所属类别下拉框
       assemClassOptions: [], // 总成分类下拉框
       standAttributeList: [],
       qcdwOptions: [],//起草单位下拉框
       cysdOptions: [], //我司参与深度下拉框
-      nylxOptions: [],//能源类型下拉框
+      nylxOptions: {
-      syrzOptions: [],//适用认证下拉框
+        attrName: '能源类型',
+        options:[]
+      },//能源类型下拉框
+      syrzOptions: {
+        attrName: '适用认证',
+        options:[]
+      },//适用认证下拉框
       gkglbmOptions: [],//归口管理部门下拉框
       // 树形结构
       // tree function
@@ -4956,15 +5019,15 @@ export default {
       this.standNatureOptions = res.data.SARPROPERTY // 标准性质
       this.standStateOptions = res.data.WBZTCLASS // 文本状态
       this.standSystemOptions = res.data.BZTXCLASS // 标准体系
-      this.categoryOptions = res.data.NYLXCLASS // 能源类型
+      this.categoryOptions.options = res.data.NYLXCLASS // 能源类型
-      this.applyAuthOptions = res.data.SYRZCLASS // 适用认证
+      this.applyAuthOptions.options = res.data.SYRZCLASS // 适用认证
-      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.countryOptions = res.data.COUNTRY
       this.regionOptions = res.data.REGION // 区域
-      this.applyArcticOptions = res.data.ENERGYTYPES // 根据需求文档，产品类别对应标准属性中的“适用车型”
+      this.applyArcticOptions.options = res.data.ENERGYTYPES // 根据需求文档，产品类别对应标准属性中的“适用车型”
       this.adoptExtentOptions = res.data.DEGREESTANDARD
       this.emergyKindOptions = res.data.ENERGYTYPES
       this.assemClassOptions = res.data.ASSEMCLASSIFY // 总成分类
@@ -4972,8 +5035,8 @@ export default {
       this.standAttributeList = res.data.RULETYPE
       this.qcdwOptions = res.data.QCDW
       this.cysdOptions = res.data.WSCYSD;
-      this.nylxOptions = res.data.NYLXCLASS;//能源类型
+      this.nylxOptions.options = res.data.NYLXCLASS;//能源类型
-      this.syrzOptions = res.data.SYRZCLASS;//适用认证
+      this.syrzOptions.options = res.data.SYRZCLASS;//适用认证
       this.gkglbmOptions = res.data.GKGLBM;//归口管理部门
 
       this.getGzzOption()