更新

src/views/refineryInfo/index.vue

@@ -1,7 +1,12 @@
 <template>
   <div class="order">
     <div class="frame">
-      <el-select v-model="parameter.params.id" placeholder="炼厂名称" clearable>
+      <el-select
+        class="mr20"
+        v-model="parameter.params.id"
+        placeholder="炼厂名称"
+        clearable
+      >
         <el-option
           v-for="item in refineryList"
           :key="item.id"
@@ -10,6 +15,38 @@
         >
         </el-option>
       </el-select>
+      <el-select
+        v-model="parameter.params.refineryType"
+        placeholder="炼厂类型"
+        clearable
+      >
+        <el-option
+          v-for="item in refineryTypeEnum"
+          :key="item.value"
+          :label="item.label"
+          :value="item.value"
+        >
+        </el-option>
+      </el-select>
+      <el-select
+        v-model="parameter.params.refineryLevel"
+        placeholder="炼厂等级"
+        clearable
+      >
+        <el-option label="A" value="A"></el-option>
+        <el-option label="B" value="B"></el-option>
+        <el-option label="C" value="C"></el-option>
+        <el-option label="D" value="D"></el-option>
+        <el-option label="E" value="E"></el-option>
+      </el-select>
+      <el-select
+        v-model="parameter.params.enableMark"
+        placeholder="启用禁用"
+        clearable
+      >
+        <el-option label="启用" value="ENABLE"> </el-option>
+        <el-option label="禁用" value="DISABLE"> </el-option>
+      </el-select>
       <div class="buttons">
         <el-button icon="el-icon-search" @click="search">查询</el-button>
         <el-button icon="el-icon-refresh" @click="reset">重置</el-button>
@@ -25,6 +62,8 @@
         :height="tableHeight"
         :data="tableData"
         style="width: 100%"
+        :header-cell-style="$utils.cellStyle"
+        :cell-style="$utils.cellStyle"
       >
         <el-table-column
           prop="refineryName"
@@ -134,20 +173,18 @@ import add from "./components/add.vue";
 import pagination from "components/pagination/index.vue";
 import generalDetails from "components/generalDetails/index.vue";
 
+import { refineryTypeEnum } from "utils/dataType.js";
+
 export default {
   data() {
     return {
+      refineryTypeEnum: refineryTypeEnum,
       controlWindows: {
         add: false,
         addInfo: {},
         detail: false,
       },
-      refineryTypeEnum: [
-        {
-          label: "普通炼厂",
-          value: "COMMON",
-        },
-      ],
+
       refineryList: [],
       tableHeight: 0,
       tableData: [],
@@ -196,7 +233,7 @@ export default {
     this.getByPage();
   },
   methods: {
-    serch() {
+    search() {
       this.parameter.currentPage = 1;
       this.getByPage();
     },