From 37c9e656b8de425cb206552ce2d47a4774d26780 Mon Sep 17 00:00:00 2001
From: 31353 <31353751672@qq.com>
Date: Mon, 8 Apr 2024 11:38:17 +0800
Subject: [PATCH] 4-8

---
 src/api/fault/faultcode.js    |  10 ++
 src/api/fault/faultlog.js     |  34 ++++++
 src/router/index.js           |  24 +++++
 src/views/faultcode/index.vue | 152 +++++++++++++++++++++++++++
 src/views/faultlog/index.vue  | 191 ++++++++++++++++++++++++++++++++++
 5 files changed, 411 insertions(+)
 create mode 100644 src/api/fault/faultcode.js
 create mode 100644 src/api/fault/faultlog.js
 create mode 100644 src/views/faultcode/index.vue
 create mode 100644 src/views/faultlog/index.vue

diff --git a/src/api/fault/faultcode.js b/src/api/fault/faultcode.js
new file mode 100644
index 0000000..faadfc2
--- /dev/null
+++ b/src/api/fault/faultcode.js
@@ -0,0 +1,10 @@
+import request from '@/utils/request'
+
+
+export function faultList(data) {
+  return request({
+    url: 'fault/sysFault/FaultList',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/api/fault/faultlog.js b/src/api/fault/faultlog.js
new file mode 100644
index 0000000..520e9af
--- /dev/null
+++ b/src/api/fault/faultlog.js
@@ -0,0 +1,34 @@
+import request from '@/utils/request'
+
+
+
+export function FaultLogList(data) {
+  return request({
+    url: '/fault/faultLog/FaultLogList',
+    method: 'post',
+    data
+  })
+}
+
+export function insertFaultLog(data) {
+  return request({
+    url: '/fault/faultLog/insertFaultLog',
+    method: 'post',
+    data
+  })
+}
+
+export function updateFaultLog(data) {
+  return request({
+    url: '/fault/faultLog/updateFaultLog',
+    method: 'post',
+    data
+  })
+}
+
+export function deleteFaultLog(carFaultCodeId) {
+  return request({
+    url: '/fault/faultLog/deleteFaultLog/' + carFaultCodeId,
+    method: 'post',
+  })
+}
diff --git a/src/router/index.js b/src/router/index.js
index 2afac71..711b5d8 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -73,6 +73,30 @@ export const constantRoutes = [
       }
     ]
   },
+  {
+    path: '/faultcode',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'Form',
+        component: () => import('@/views/faultcode/index'),
+        meta: { title: '故障码管理', icon: 'form' }
+      }
+    ]
+  },
+  {
+    path: '/faultlog',
+    component: Layout,
+    children: [
+      {
+        path: 'index',
+        name: 'Form',
+        component: () => import('@/views/faultlog/index'),
+        meta: { title: '故障日志', icon: 'form' }
+      }
+    ]
+  },
   {
     path: '/user',
     component: Layout,
diff --git a/src/views/faultcode/index.vue b/src/views/faultcode/index.vue
new file mode 100644
index 0000000..4a6b8a2
--- /dev/null
+++ b/src/views/faultcode/index.vue
@@ -0,0 +1,152 @@
+
+<template>
+  <div>
+    <div>
+      <el-form ref="listFrom" :model="listFrom" label-width="80px">
+        <el-form-item label="故障码">
+          <el-input v-model="listFrom.carFaultCode"></el-input>
+        </el-form-item>
+        <el-form-item label="故障位">
+          <el-input v-model="listFrom.carFaultLocation"></el-input>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="SelonSubmit">查询</el-button>
+          <el-button type="primary" @click="DelonSubmit">取消</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-button type="primary" size="small" v-model="selectedItems" @click="insertfaultLog">新增</el-button>
+    <el-button type="primary" size="small" v-model="selectedItems" @click="delfaultLog">删除</el-button>
+    <el-button type="primary" size="small" v-model="selectedItems" @click="updfaultLog">修改</el-button>
+    <el-button type="primary" size="small" v-model="selectedItems" @click="OutfaultLog">导出</el-button>
+    <el-table
+      :data="tableDate"
+      border
+      style="width: 100%">
+      <el-table-column label="请选择">
+        <template slot-scope="scope">
+          <input type="checkbox" v-model="selectedItems" :value="scope.row.carFaultCodeId">
+        </template>
+      </el-table-column>
+      <!--    <el-table-column label="ID">-->
+      <!--      <template slot-scope="scope">-->
+      <!--        {{ scope.row.carFaultCodeId }}-->
+      <!--      </template>-->
+      <!--    </el-table-column>-->
+      <el-table-column label="故障码">
+        <template slot-scope="scope">
+          {{ scope.row.carFaultCode }}
+        </template>
+      </el-table-column>
+      <el-table-column label="故障类型">
+        <template slot-scope="scope">
+          {{ scope.row.carFaultType }}
+        </template>
+      </el-table-column>
+      <el-table-column label="故障组">
+        <template slot-scope="scope">
+          {{ scope.row.carFaultGroup }}
+        </template>
+      </el-table-column>
+      <el-table-column label="故障位">
+        <template slot-scope="scope">
+          {{ scope.row.carFaultLocation }}
+        </template>
+      </el-table-column>
+      <el-table-column label="故障值">
+        <template slot-scope="scope">
+          {{ scope.row.carFaultValue }}
+        </template>
+      </el-table-column>
+      <el-table-column label="故障标签">
+        <template slot-scope="scope">
+          {{ scope.row.carFaultLabel }}
+        </template>
+      </el-table-column>
+      <el-table-column label="是否警告">
+        <template slot-scope="scope">
+          {{ scope.row.carIsWarn }}
+        </template>
+      </el-table-column>
+      <!--    <el-table-column label="角色名称">-->
+      <!--      <template slot-scope="scope">-->
+      <!--        {{ scope.row.isDel }}-->
+      <!--      </template>-->
+      <!--    </el-table-column>-->
+      <el-table-column label="故障等级">
+        <template slot-scope="scope">
+          {{ scope.row.carFaultLevel }}
+        </template>
+      </el-table-column>
+      <el-table-column
+        fixed="right"
+        label="操作"
+        width="100">
+        <template slot-scope="scope">
+          <el-button @click="handleClick(scope.row)" type="text" size="small">删除</el-button>
+          <el-button type="text" size="small">修改</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="this.listFrom.pageNum"
+      :page-sizes="[1, 2, 3, 4]"
+      :page-size="this.listFrom.pageSize"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total">
+    </el-pagination>
+  </div>
+
+</template>
+
+<script>
+
+import { faultList } from '../../api/fault/faultcode'
+
+export default {
+  data() {
+    return {
+      tableDate: [],
+      listFrom: {
+        carFaultLocation: null,
+        carFaultCode: null,
+        pageNum: 1,
+        pageSize: 4
+      },
+      total: 0,
+      selectedItems: [],
+    }
+  },
+
+  created() {
+    this.fetchDate()
+  },
+
+  methods: {
+    DelonSubmit() {
+      this.fetchDate()
+    },
+    handleSizeChange(val) {
+      this.listFrom.pageSize = val
+      this.fetchDate()
+    },
+    handleCurrentChange(val) {
+      this.listFrom.pageNum = val
+      this.fetchDate()
+    },
+    SelonSubmit() {
+      this.fetchDate()
+    },
+    fetchDate() {
+      faultList(this.listFrom).then(response => {
+        this.tableDate = response.data.list
+        this.total = response.data.total
+      })
+    },
+
+  },
+
+}
+</script>
diff --git a/src/views/faultlog/index.vue b/src/views/faultlog/index.vue
new file mode 100644
index 0000000..f3a019f
--- /dev/null
+++ b/src/views/faultlog/index.vue
@@ -0,0 +1,191 @@
+
+<template>
+  <div>
+    <div>
+      <el-form ref="listFrom" :model="listFrom" label-width="80px">
+        <el-form-item label="故障码">
+          <el-input v-model="listFrom.carLogFaultCode"></el-input>
+        </el-form-item>
+        <el-form-item label="车辆VIN">
+          <el-input v-model="listFrom.carLogVin"></el-input>
+        </el-form-item>
+        <el-form-item label="车辆故障时间">
+          <el-col :span="11">
+            <el-date-picker type="datetime" placeholder="车辆故障开始时间" v-model="listFrom.carBeginTime" style="width: 100%;"></el-date-picker>
+          </el-col>
+          <el-col class="line" :span="1">-</el-col>
+          <el-col :span="11">
+            <el-date-picker type="datetime" placeholder="车辆故障结束时间" v-model="listFrom.carEndTime" style="width: 100%;"></el-date-picker>
+          </el-col>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" @click="SelonSubmit">查询</el-button>
+          <el-button type="primary" @click="DelonSubmit">取消</el-button>
+        </el-form-item>
+      </el-form>
+    </div>
+    <el-button type="primary" size="small" v-model="selectedItems" @click="insertonSubmit">新增</el-button>
+    <el-button type="primary" size="small" v-model="selectedItems" @click="delfaultLog">删除</el-button>
+    <el-button type="primary" size="small" v-model="selectedItems" @click="updfaultLog">修改</el-button>
+    <el-button type="primary" size="small" v-model="selectedItems" @click="OutfaultLog">导出</el-button>
+    <el-table
+      :data="tableDatee"
+      border
+      style="width: 100%">
+      <el-table-column label="请选择">
+        <template slot-scope="scope">
+          <input type="checkbox" v-model="selectedItems" :value="scope.row.carFaultLogId">
+        </template>
+      </el-table-column>
+          <el-table-column label="ID">
+            <template slot-scope="scope">
+              {{ scope.row.carFaultLogId }}
+            </template>
+          </el-table-column>
+      <el-table-column label="故障码">
+        <template slot-scope="scope">
+          {{ scope.row.carLogFaultCode }}
+        </template>
+      </el-table-column>
+      <el-table-column label="车辆VIN">
+        <template slot-scope="scope">
+          {{ scope.row.carLogVin }}
+        </template>
+      </el-table-column>
+      <el-table-column label="故障开始时间">
+        <template slot-scope="scope">
+          {{ scope.row.carBeginTime }}
+        </template>
+      </el-table-column>
+      <el-table-column label="故障结束时间">
+        <template slot-scope="scope">
+          {{ scope.row.carEndTime }}
+        </template>
+      </el-table-column>
+      <!--    <el-table-column label="角色名称">-->
+      <!--      <template slot-scope="scope">-->
+      <!--        {{ scope.row.isDel }}-->
+      <!--      </template>-->
+      <!--    </el-table-column>-->
+      <el-table-column
+        fixed="right"
+        label="操作"
+        width="100">
+        <template slot-scope="scope">
+          <el-button @click="handleClick(scope.row)" type="text" size="small">删除</el-button>
+          <el-button type="text" size="small">修改</el-button>
+        </template>
+      </el-table-column>
+    </el-table>
+    <el-pagination
+      @size-change="handleSizeChange"
+      @current-change="handleCurrentChange"
+      :current-page="this.listFrom.pageNum"
+      :page-sizes="[1, 2, 3, 4]"
+      :page-size="this.listFrom.pageSize"
+      layout="total, sizes, prev, pager, next, jumper"
+      :total="total">
+    </el-pagination>
+    <el-dialog title="新增对话框" :visible.sync="dialogFormVisiblea">
+      <el-form :model="form">
+        <el-form-item label="车辆故障码">
+          <el-input v-model="form.carLogFaultCode"></el-input>
+        </el-form-item>
+        <el-form-item label="车辆VIN">
+          <el-input v-model="form.carLogVin"></el-input>
+        </el-form-item>
+        <el-form-item label="开始报警时间">
+          <el-input v-model="form.carBeginTime"></el-input>
+        </el-form-item>
+      </el-form>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="dialogFormVisiblea = false">取 消</el-button>
+        <el-button type="primary" @click="insertfaultLoga">确 定</el-button>
+      </div>
+    </el-dialog>
+  </div>
+
+<!--  <el-dialog title="修改对话框" :visible.sync="dialogFormVisibleb">-->
+<!--    <el-form :model="form">-->
+<!--      <el-form-item label="活动名称">-->
+<!--        <el-input v-model="form.name"></el-input>-->
+<!--      </el-form-item>-->
+<!--      <el-form-item label="活动区域">-->
+<!--        <el-select v-model="form.region" placeholder="请选择活动区域">-->
+<!--          <el-option label="区域一" value="shanghai"></el-option>-->
+<!--          <el-option label="区域二" value="beijing"></el-option>-->
+<!--        </el-select>-->
+<!--      </el-form-item>-->
+<!--    </el-form>-->
+<!--    <div slot="footer" class="dialog-footer">-->
+<!--      <el-button @click="dialogFormVisibleb = false">取 消</el-button>-->
+<!--      <el-button type="primary" @click="dialogFormVisibleb = false">确 定</el-button>-->
+<!--    </div>-->
+<!--  </el-dialog>-->
+
+</template>
+
+<script>
+
+import { FaultLogList, insertFaultLog } from '../../api/fault/faultlog'
+
+export default {
+  data() {
+    return {
+      form: {
+
+      },
+      dialogFormVisibleb: false,
+      dialogFormVisiblea: false,
+      tableDatee: [],
+      listFrom: {
+        carLogFaultCode: null,
+        carLogVin: null,
+        carBeginTime: null,
+        carEndTime: null,
+        pageNum: 1,
+        pageSize: 4
+      },
+      total: 0,
+      selectedItems: [],
+    }
+  },
+
+  created() {
+    this.fetchDatee()
+  },
+
+  methods: {
+    insertonSubmit() {
+      this.dialogFormVisiblea = true
+    },
+    insertfaultLoga() {
+      insertFaultLog().then(response => {
+        this.$message.success(response.msg)
+      })
+    },
+    DelonSubmit() {
+
+    },
+    handleSizeChange(val) {
+      this.listFrom.pageSize = val
+      this.fetchDatee()
+    },
+    handleCurrentChange(val) {
+      this.listFrom.pageNum = val
+      this.fetchDatee()
+    },
+    SelonSubmit() {
+      this.fetchDatee()
+    },
+    fetchDatee() {
+      FaultLogList(this.listFrom).then(response => {
+        this.tableDatee = response.data.rows
+        this.total = response.data.total
+      })
+    },
+
+  },
+
+}
+</script>