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

src/api/breakdown/Log.js

@@ -1,24 +1,34 @@
 import request from '@/utils/request'
 
 //查询
-export function listLog(){
+export function listLog(query){
   return request({
     url:'/breakdown/log/list',
-    method:'get',
-
+    method:'post',
+    params:query
   })
 }
 
-export function listIsReadAlready(){
+export function listStatusIgnore(query){
   return request({
-    url:'/breakdown/log/listIsReadAlready',
-    method:'get',
+    url:'/breakdown/log/listStatusIgnore',
+    method:'post',
+    params:query
   })
 }
 
-export function listIsReadNoAlready(){
+export function listStatusSolve(query){
   return request({
-    url:'/breakdown/log/listIsReadNoAlready',
-    method:'get',
+    url:'/breakdown/log/listStatusSolve',
+    method:'post',
+    params:query
+  })
+}
+
+export function listStatusProcess(query){
+  return request({
+    url:'/breakdown/log/listStatusProcess',
+    method:'post',
+    params:query
   })
 }

src/views/breakdown/log/index.vue

@@ -0,0 +1,110 @@
+<template>
+  <div>
+    <template>
+      <el-tabs v-model="activeName" @tab-click="handleClick">
+        <el-tab-pane label="全部" name="all">
+          <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" />
+            <el-table-column label="开始时间" align="center" prop="createTime" />
+            <el-table-column label="结束时间" align="center" prop="updateTime" />
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="解决" name="resolve">
+          <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" />
+            <el-table-column label="开始时间" align="center" prop="createTime" />
+            <el-table-column label="结束时间" align="center" prop="updateTime" />
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="处理中" name="processing">
+          <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" />
+            <el-table-column label="开始时间" align="center" prop="createTime" />
+            <el-table-column label="结束时间" align="center" prop="updateTime" />
+          </el-table>
+        </el-tab-pane>
+        <el-tab-pane label="忽略" name="ignore">
+          <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" />
+            <el-table-column label="开始时间" align="center" prop="createTime" />
+            <el-table-column label="结束时间" align="center" prop="updateTime" />
+          </el-table>
+        </el-tab-pane>
+      </el-tabs>
+
+      <pagination
+        v-show="total > 0"
+        :total="total"
+        :page.sync="queryParams.pageNum"
+        :limit.sync="queryParams.pageSize"
+        @pagination="getList"
+      />
+    </template>
+  </div>
+</template>
+
+<script>
+import { listLog ,listStatusIgnore,listStatusProcess,listStatusSolve} from '../../../api/breakdown/Log';
+
+export default {
+  name:"log",
+  components:{},
+  props:{},
+  data() {
+    return {
+      activeName:'all',
+      loading:true,
+      messageList:[],
+      total:0,
+      queryParams:{
+        pageNum:1,
+        pageSize:10,
+      }
+    };
+  },
+  computed:{},
+  watch:{},
+  methods:{
+    handleClick(tab,event) {
+      console.log(tab,event);
+      this.getList();
+    },
+    getList() {
+      this.loading = true;
+      listLog(this.queryParams).then(response => {
+        this.messageList = response.data.rows;
+        this.total = response.data.total;
+        this.loading = false;
+      }).catch(() => {
+        this.loading = false;
+      });
+    }
+  },
+  created() {
+    this.getList();
+  },
+  mounted() {},
+  beforeCreate() {},
+  beforeMount() {},
+  beforeUpdate() {},
+  updated() {},
+  beforeDestroy() {},
+  destroyed() {},
+  activated() {}
+};
+</script>
+
+<style scoped>
+.el-table {
+  width:100%;
+}
+.el-pagination {
+  margin:20px 0;
+  text-align:right;
+}
+</style>
+