海外高级搜索全选

2021-12-19 16:13:05 +08:00
parent 1cf0d89076
commit 348a7cdf46
1 changed files with 128 additions and 65 deletions
@@ -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">
-                    <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>
+                  <template>
+                    <custom-select-array
+                        :key="applyArcticOptions.options"
+                        :config="applyArcticOptions"
+                        v-model="sarStandardsSearch['applyArctic']"
+                    ></custom-select-array>
+                  </template>
+<!--                  <el-form-item :label="$t('m.applicableModels')" class="add-form-item form-item-disabled">-->
+<!--                    <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">
-                    <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>
+                  <template>
+                    <custom-select-array
+                        :key="sycpxOptions.options"
+                        :config="sycpxOptions"
+                        v-model="advanceSearchMapping['SYCPX']"
+                    ></custom-select-array>
+                  </template>
+<!--                  <el-form-item :label="$t('m.applicableProductLine')" class="add-form-item form-item-disabled">-->
+<!--                    <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">
-                    <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>
+                  <template>
+                    <custom-select-array
+                        :key="zrgcsOptions.options"
+                        :config="zrgcsOptions"
+                        v-model="advanceSearchMapping['ZRGCS']"
+                    ></custom-select-array>
+                  </template>
+<!--                  <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">
-                    <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>
+                  <template>
+                    <custom-select-array
+                        :key="nylxOptions.options"
+                        :config="nylxOptions"
+                        v-model="advanceSearchMapping['NYLX']"
+                    ></custom-select-array>
+                  </template>
+<!--                  <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">
-                    <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>
+                  <template>
+                    <custom-select-array
+                        :key="syrzOptions.options"
+                        :config="syrzOptions"
+                        v-model="advanceSearchMapping['SYRZ']"
+                    ></custom-select-array>
+                  </template>
+<!--                  <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">
-                    <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>
+                  <template>
+                    <custom-select-array
+                        :key="zrbmOptions.options"
+                        :config="zrbmOptions"
+                        v-model="advanceSearchMapping['ZRBM']"
+                    ></custom-select-array>
+                  </template>
+<!--                  <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: [], // 适用产品线下拉框
-      zrbmOptions: [], // 责任部门下拉框
-      zrgcsOptions: [], // 责任工程师下拉框
+      sycpxOptions: {
+        attrName: '适用产品线',
+        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: [],//能源类型下拉框
-      syrzOptions: [],//适用认证下拉框
+      nylxOptions: {
+        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.applyAuthOptions = res.data.SYRZCLASS // 适用认证
-      this.sycpxOptions = res.data.SYCPXCLASS // 适用产品线
-      this.zrbmOptions = res.data.ZRBMCLASS // 责任部门
-      this.zrgcsOptions = res.data.ZRGCSCLASS // 责任工程师
+      this.categoryOptions.options = res.data.NYLXCLASS // 能源类型
+      this.applyAuthOptions.options = res.data.SYRZCLASS // 适用认证
+      this.sycpxOptions.options = res.data.SYCPXCLASS // 适用产品线
+      this.zrbmOptions.options = res.data.ZRBMCLASS // 责任部门
+      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.syrzOptions = res.data.SYRZCLASS;//适用认证
+      this.nylxOptions.options = res.data.NYLXCLASS;//能源类型
+      this.syrzOptions.options = res.data.SYRZCLASS;//适用认证
      this.gkglbmOptions = res.data.GKGLBM;//归口管理部门

      this.getGzzOption()