类别查询

src/views/modules/workSys/resiCate.vue

@@ -2,8 +2,10 @@
   <div v-if="pageLoading" class="resi-container">
     <el-card class="resi-card-table">
       <div class="resi-row-btn">
+        <el-form :inline="true" :model="form" class="demo-form-inline">
+          <el-form-item label="是否预警">
             <el-select
-        v-model="value"
+              v-model="isWarn"
               placeholder="请选择"
               size="small"
               clearable
@@ -16,21 +18,27 @@
               >
                 </el-option>
             </el-select>
+          </el-form-item>
+          <el-form-item label="预警类型">
             <el-select
-        v-model="value"
+              v-model="level"
               placeholder="请选择"
               size="small"
               clearable
             >
               <el-option
-            v-for="item in options"
+                v-for="item in optionsType"
                 :key="item.value"
                 :label="item.label"
                 :value="item.value"
               >
                 </el-option>
             </el-select>
-        <el-button type="primary" size="mini" @click="handleSearch">查询</el-button>
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="handleSearch">查询</el-button>
+          </el-form-item>
+        </el-form>
       </div>
       <el-table
         :data="tableData"
@@ -188,13 +196,23 @@ export default {
       total: null,
       conditions: [],
       tableData: [],
-      value: '',
+      isWarn: null,
+      level: null,
       options: [
         {
           label: '是',
           value: 1
         },{
           label: '否',
+          value: 0
+        }
+      ],
+      optionsType: [
+        {
+          label: '黄色预警',
+          value: 1
+        },{
+          label: '红色预警',
           value: 2
         }
       ],
@@ -458,6 +476,8 @@ export default {
       this.tableLoading = true
       let params = {
         // formCode: 'resi_base_info',
+        isWarn: this.isWarn,
+        level: this.level,
         pageNo: this.currentPage,
         pageSize: this.pageSize
       }