master
31353 2024-04-08 11:38:17 +08:00
parent a338843889
commit 37c9e656b8
5 changed files with 411 additions and 0 deletions

View File

@ -0,0 +1,10 @@
import request from '@/utils/request'
export function faultList(data) {
return request({
url: 'fault/sysFault/FaultList',
method: 'post',
data
})
}

View File

@ -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',
})
}

View File

@ -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', path: '/user',
component: Layout, component: Layout,

View File

@ -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>

View File

@ -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>