标准清单车型类别清单修改

src/pages/regulatoryRepository/accessStandardsAndRegulations/page/listProject.vue

@@ -4,11 +4,20 @@
     <div class="search-area">
       <div class="left">
         <el-form :modal="sarSarAccessEOSearch" :inline="true" class="label-input-form">
-          <el-form-item label="项目名称" class="search-item search-item-last">
-            <el-input
-              v-model="sarSarAccessEOSearch.projectName"
-              placeholder="请输入项目名称"
-            ></el-input>
+          <el-form-item label="车型类别" class="search-item search-item-last">
+            <el-select
+              v-model="sarSarAccessEOSearch.carType"
+              placeholder="请选择"
+              filterable
+              size="small"
+            >
+              <el-option
+                v-for="item in energyKindOptions"
+                :value="item.value"
+                :key="item.value"
+                :label="item.label"
+              />
+            </el-select>
           </el-form-item>
           <el-form-item label="清单名称" class="search-item search-item-last">
             <el-input
@@ -75,8 +84,8 @@
           align="center">
         </el-table-column>
         <el-table-column
-          prop="projectName"
-          label="项目名称"
+          prop="carType"
+          label="车型类别"
           align="center">
         </el-table-column>
         <el-table-column
@@ -109,16 +118,6 @@
               }}</span>
           </template>
         </el-table-column>
-<!--        <el-table-column
-          prop="applicationScope"
-          label="适用领域"
-          align="center">
-          <template slot-scope="scope">
-            <span
-              v-if="scope.row.applicationScope != null && scope.row.applicationScope !== ''">{{ scope.row.applicationScope
-              }}</span>
-          </template>
-        </el-table-column>-->
         <el-table-column
           prop="updateTime"
           label="更新时间"
@@ -158,6 +157,8 @@
 </template>
 
 <script>
+import {dicTypeData} from "@/api/unqualProcess";
+
 export default {
   name: "listProject",
   data() {
@@ -169,6 +170,7 @@ export default {
       rows: 10,
       // 查询相关参数
       sarSarAccessEOSearch: {
+        carType: '',
         projectName: "",
         detailedListName: "",
       },
@@ -178,6 +180,7 @@ export default {
       selectedList: [],
       // 新增、编辑 准入信息字段
       sarAccessEO: {
+        carType: '',
         country: "",
         applyArctic: "",
         energyKind: "",
@@ -274,7 +277,21 @@ export default {
       }, {
         _this: this
       }, res => {
-        this.sarAccessListDatas = res.data.records;
+        this.sarAccessListDatas = res.data.records
+        this.sarAccessListDatas.forEach(item =>{
+          // 适用车型转换
+          if (item.carType !== null) {
+            let k = (item.carType || "").split(',')
+            for (let i in this.energyKindOptions) {
+              for (let m = 0; m< k.length; m++) {
+                if (this.energyKindOptions[i].value === k[m]) {
+                  k[m]  = this.energyKindOptions[i].label
+                }
+                item.carType = k.join(',')
+              }
+            }
+          }
+        })
         this.sarSarAccessEOSearch.page = 1
         this.sarAccessListTotal = res.data.total
       }, e => {
@@ -362,8 +379,39 @@ export default {
     }
   },
   mounted() {
-    // 分页查询数据
-    this.searchSarAccess();
+    dicTypeData().then(res => {
+      // 车型类别数据字典
+      this.energyKindOptions = res.data.ENERGYTYPES
+      this.$http.get("sarLawsDetailedList/sar-laws-detailed-list/getAllStand", {
+        page: 1,
+        pageSize: this.pageSize,
+        ...this.sarSarAccessEOSearch,
+        sortKey: 2
+      }, {
+        _this: this
+      }, res => {
+        this.sarAccessListDatas = res.data.records
+        this.sarAccessListDatas.forEach(item =>{
+          // 适用车型转换
+          if (item.carType !== null) {
+            let k = (item.carType || "").split(',')
+            for (let i in this.energyKindOptions) {
+              for (let m = 0; m< k.length; m++) {
+                if (this.energyKindOptions[i].value === k[m]) {
+                  k[m]  = this.energyKindOptions[i].label
+                }
+                item.carType = k.join(',')
+              }
+            }
+          }
+        })
+        this.sarSarAccessEOSearch.page = 1
+        this.sarAccessListTotal = res.data.total
+      }, e => {
+      });
+
+
+    })
   }
 };
 </script>