test:故障记录展示数据修改

src/views/breakdown/log/index.vue

@@ -3,6 +3,35 @@
     <template>
       <el-tabs v-model="activeName" @tab-click="handleClick">
         <el-tab-pane label="全部" name="all">
+          <el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
+            <el-form-item label="故障编号" prop="sysCarFaultId">
+              <el-input
+                v-model="queryParams.sysCarFaultId"
+                placeholder="请输入故障编号"
+                clearable
+                @keyup.enter.native="handleQuery"
+              />
+            </el-form-item>
+            <el-form-item label="状态" prop="status">
+              <el-select v-model="queryParams.status" clearable placeholder="状态">
+                <el-option
+                  v-for="dict in dict.type.sys_car_fault_log_status"
+                  :key="dict.value"
+                  :label="dict.label"
+                  :value="dict.value"
+                  />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
+              <el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
+            </el-form-item>
+          </el-form>
+
+          <rl-row>
+            <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
+          </rl-row>
+
           <el-table v-loading="loading" :data="messageList" stripe>
             <el-table-column label="故障编号" align="center" prop="sysCarFaultId" />
             <el-table-column label="VIN码" align="center" prop="vin" />
@@ -93,13 +122,18 @@ export default {
       StatusSolveList:[],
       StatusProcessList:[],
       StatusIgnoreList:[],
+      //总条数
       total:0,
       totalIgnore:0,
       totalProcess:0,
       totalSolve:0,
+      // 显示搜索条件
+      showSearch: true,
       queryParams:{
         pageNum:1,
         pageSize:10,
+        sysCarFaultId:null,
+        status:null
       }
     };
   },
@@ -147,7 +181,17 @@ export default {
       }).catch(()=>{
         this.loading=false
       })
-    }
+    },
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
+    /** 重置按钮操作 */
+    resetQuery() {
+      this.resetForm("queryForm");
+      this.handleQuery();
+    },
   },
   created() {
     this.getList();