Compare commits
4 Commits
Author | SHA1 | Date |
---|---|---|
|
db2adf17bc | |
|
d515035753 | |
|
c6f4c91bea | |
|
2f0e8b690a |
|
@ -0,0 +1,49 @@
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
|
||||||
|
export function selectCarInformationList(data){
|
||||||
|
return request({
|
||||||
|
url:"/car/carinformation/selectCarInformationList",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function addCarInformation(data){
|
||||||
|
return request({
|
||||||
|
url:"/car/carinformation/addCarInformation",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function delBycarInformationId(carInformationId) {
|
||||||
|
return request({
|
||||||
|
url: "/car/carinformation/delBycarInformationId" + carInformationId ,
|
||||||
|
method: "GET"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function updatecarInformation(data) {
|
||||||
|
return request({
|
||||||
|
url: "/car/carinformation/updatecarInformation",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export function orderssd(ordersId) {
|
||||||
|
return request({
|
||||||
|
url: "car/carinformation/" + ordersId ,
|
||||||
|
method: "GET"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -0,0 +1,49 @@
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
|
||||||
|
export function selectCarMessageList(data){
|
||||||
|
return request({
|
||||||
|
url:"/car/carMessage/selectCarMessageList",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function insertCarMessage(data){
|
||||||
|
return request({
|
||||||
|
url:"/car/carMessage/insertCarMessage",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function delBycarInformationId(carInformationId) {
|
||||||
|
return request({
|
||||||
|
url: "/car/carinformation/delBycarInformationId" + carInformationId ,
|
||||||
|
method: "GET"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function updatecarInformation(data) {
|
||||||
|
return request({
|
||||||
|
url: "/car/carinformation/updatecarInformation",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
export function orderssd(ordersId) {
|
||||||
|
return request({
|
||||||
|
url: "car/carinformation/" + ordersId ,
|
||||||
|
method: "GET"
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -0,0 +1,11 @@
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
|
||||||
|
//故障码分类
|
||||||
|
export function getcarType(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/cartype/list",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
|
@ -0,0 +1,67 @@
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
//故障码列表展示
|
||||||
|
export function getfaultcode(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/faultcode/faultcodelist",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//新增故障码
|
||||||
|
export function addfalutcode(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/faultcode/faultcodeadd",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//修改故障码
|
||||||
|
export function updfalutcode(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/faultcode/faultcodeupd",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//删除故障码
|
||||||
|
export function delfaultcode(messageTypeId){
|
||||||
|
return request({
|
||||||
|
url:"/fault/faultcode/faultcodedel/"+messageTypeId,
|
||||||
|
method: "POST",
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//故障码分类
|
||||||
|
export function getfaultType(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/faulttype/list",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//故障名称
|
||||||
|
export function getfaultLabel(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/faultlabel/list",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getunread(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/message/unread",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
@ -0,0 +1,10 @@
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
//日志列表展示
|
||||||
|
export function getfaultlog(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/faultlog/list",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
|
@ -0,0 +1,20 @@
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
//信息列表
|
||||||
|
export function getmessagelist(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/message/messagelist",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//状态改变
|
||||||
|
export function changestatus(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/message/changestatus",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
|
@ -0,0 +1,37 @@
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
//故障码列表展示
|
||||||
|
export function getfaultrule(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/faultcondition/list",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//制定规则
|
||||||
|
export function addrule(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/faultcondition/faultconditionadd",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//修改规则
|
||||||
|
export function updruleForm(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/faultcondition/faultconditionupd",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//删除规则
|
||||||
|
export function delruleForm(carconditionId){
|
||||||
|
return request({
|
||||||
|
url:"/fault/faultcondition/faultconditiondel/"+carconditionId,
|
||||||
|
method: "POST",
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
|
@ -0,0 +1,20 @@
|
||||||
|
import request from "@/utils/request";
|
||||||
|
import data from "@/views/system/dict/data.vue";
|
||||||
|
|
||||||
|
|
||||||
|
//故障码分类
|
||||||
|
export function getcarType(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/cartype/list",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getMemberList(data){
|
||||||
|
return request({
|
||||||
|
url:"/fault/member/list",
|
||||||
|
method: "POST",
|
||||||
|
data:data
|
||||||
|
})
|
||||||
|
}
|
|
@ -0,0 +1,67 @@
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询车辆故障列表
|
||||||
|
export function listBreakdown(query) {
|
||||||
|
return request({
|
||||||
|
url: '/breakdown/breakdown/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询车辆故障详细
|
||||||
|
export function getBreakdown(id) {
|
||||||
|
return request({
|
||||||
|
url: '/breakdown/breakdown/' + id,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增车辆故障
|
||||||
|
export function addBreakdown(data) {
|
||||||
|
return request({
|
||||||
|
url: '/breakdown/breakdown',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改车辆故障
|
||||||
|
export function updateBreakdown(data) {
|
||||||
|
return request({
|
||||||
|
url: '/breakdown/breakdown',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除车辆故障
|
||||||
|
export function delBreakdown(id) {
|
||||||
|
return request({
|
||||||
|
url: '/breakdown/breakdown/' + id,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//查询站内信列表
|
||||||
|
export function getMessageList(data) {
|
||||||
|
return request({
|
||||||
|
url: '/breakdown/stationMessage/getMessageList',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
// 修改站内信的状态
|
||||||
|
export function updateAsUserDept(id) {
|
||||||
|
return request({
|
||||||
|
url: '/breakdown/stationMessage/updStatus?id=' + id,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
//统计未读消息的数量
|
||||||
|
export function getNum() {
|
||||||
|
return request({
|
||||||
|
url: '/breakdown/stationMessage/getNum',
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
|
@ -0,0 +1,11 @@
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
|
||||||
|
//故障码分类
|
||||||
|
export function getcarType(data){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/cartype/list",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
|
@ -0,0 +1,44 @@
|
||||||
|
import request from '@/utils/request'
|
||||||
|
|
||||||
|
// 查询车辆故障列表
|
||||||
|
export function listFault(query) {
|
||||||
|
return request({
|
||||||
|
url: '/fault/fault/list',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 查询车辆故障详细
|
||||||
|
export function getFault(id) {
|
||||||
|
return request({
|
||||||
|
url: '/fault/syscarfault/fault/' + id,
|
||||||
|
method: 'get'
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 新增车辆故障
|
||||||
|
export function addFault(data) {
|
||||||
|
return request({
|
||||||
|
url: '/syscarfault/fault',
|
||||||
|
method: 'post',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 修改车辆故障
|
||||||
|
export function updateFault(data) {
|
||||||
|
return request({
|
||||||
|
url: '/syscarfault/fault',
|
||||||
|
method: 'put',
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
// 删除车辆故障
|
||||||
|
export function delFault(id) {
|
||||||
|
return request({
|
||||||
|
url: '/syscarfault/fault/' + id,
|
||||||
|
method: 'delete'
|
||||||
|
})
|
||||||
|
}
|
|
@ -0,0 +1,67 @@
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
//故障码列表展示
|
||||||
|
export function getfaultcode(data){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/faultcode/faultcodelist",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
//新增故障码
|
||||||
|
export function addfalutcode(data){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/faultcode/faultcodeadd",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//修改故障码
|
||||||
|
export function updfalutcode(data){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/faultcode/faultcodeupd",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//删除故障码
|
||||||
|
export function delfaultcode(messageTypeId){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/faultcode/faultcodedel/"+messageTypeId,
|
||||||
|
method: "POST",
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
//故障码分类
|
||||||
|
export function getfaultType(data){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/faulttype/list",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//故障名称
|
||||||
|
export function getfaultLabel(data){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/faultlabel/list",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
export function getunread(data){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/message/unread",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
|
|
@ -0,0 +1,10 @@
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
//日志列表展示
|
||||||
|
export function getfaultlog(data){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/faultlog/list",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
|
@ -0,0 +1,20 @@
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
//信息列表
|
||||||
|
export function getmessagelist(data){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/message/messagelist",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//状态改变
|
||||||
|
export function changestatus(data){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/message/changestatus",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
|
@ -0,0 +1,37 @@
|
||||||
|
import request from "@/utils/request";
|
||||||
|
|
||||||
|
//故障码列表展示
|
||||||
|
export function getfaultrule(data){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/faultcondition/list",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//制定规则
|
||||||
|
export function addrule(data){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/faultcondition/faultconditionadd",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//修改规则
|
||||||
|
export function updruleForm(data){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/faultcondition/faultconditionupd",
|
||||||
|
method: "POST",
|
||||||
|
data: data
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
|
//删除规则
|
||||||
|
export function delruleForm(carconditionId){
|
||||||
|
return request({
|
||||||
|
url:"/faultmanage/faultcondition/faultconditiondel/"+carconditionId,
|
||||||
|
method: "POST",
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
|
@ -0,0 +1,485 @@
|
||||||
|
<template>
|
||||||
|
<div class="app-container">
|
||||||
|
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||||
|
<el-form-item label="车辆故障编码;" prop="faultCode">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.faultCode"
|
||||||
|
placeholder="请输入车辆故障编码;"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="车辆故障名称" prop="faultName">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.faultName"
|
||||||
|
placeholder="请输入车辆故障名称"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="车辆故障标签" prop="faultLabel">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.faultLabel"
|
||||||
|
placeholder="请输入车辆故障标签"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="车辆故障位" prop="faultBit">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.faultBit"
|
||||||
|
placeholder="请输入车辆故障位"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="车辆故障值" prop="faultValue">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.faultValue"
|
||||||
|
placeholder="请输入车辆故障值"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="故障级别;" prop="faultWarn">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.faultWarn"
|
||||||
|
placeholder="请输入故障级别;"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="启用状态(1.待处理 2.处理中 3.已处理 4.忽略)" prop="state">
|
||||||
|
<el-input
|
||||||
|
v-model="queryParams.state"
|
||||||
|
placeholder="请输入启用状态(1.待处理 2.处理中 3.已处理 4.忽略)"
|
||||||
|
clearable
|
||||||
|
@keyup.enter.native="handleQuery"
|
||||||
|
/>
|
||||||
|
</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>
|
||||||
|
|
||||||
|
<el-row :gutter="10" class="mb8">
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button
|
||||||
|
type="primary"
|
||||||
|
plain
|
||||||
|
icon="el-icon-plus"
|
||||||
|
size="mini"
|
||||||
|
@click="handleAdd"
|
||||||
|
v-hasPermi="['syscarfault:fault:add']"
|
||||||
|
>新增
|
||||||
|
</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button
|
||||||
|
type="success"
|
||||||
|
plain
|
||||||
|
icon="el-icon-edit"
|
||||||
|
size="mini"
|
||||||
|
:disabled="single"
|
||||||
|
@click="handleUpdate"
|
||||||
|
v-hasPermi="['syscarfault:fault:edit']"
|
||||||
|
>修改
|
||||||
|
</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button
|
||||||
|
type="danger"
|
||||||
|
plain
|
||||||
|
icon="el-icon-delete"
|
||||||
|
size="mini"
|
||||||
|
:disabled="multiple"
|
||||||
|
@click="handleDelete"
|
||||||
|
v-hasPermi="['syscarfault:fault:remove']"
|
||||||
|
>删除
|
||||||
|
</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-col :span="1.5">
|
||||||
|
<el-button
|
||||||
|
type="warning"
|
||||||
|
plain
|
||||||
|
icon="el-icon-download"
|
||||||
|
size="mini"
|
||||||
|
@click="handleExport"
|
||||||
|
v-hasPermi="['syscarfault:fault:export']"
|
||||||
|
>导出
|
||||||
|
</el-button>
|
||||||
|
</el-col>
|
||||||
|
<el-button type="primary" icon="el-icon-search" size="mini" @click="FaultClassificationLevel=true">故障级别分类
|
||||||
|
</el-button>
|
||||||
|
|
||||||
|
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||||
|
</el-row>
|
||||||
|
|
||||||
|
<el-dialog
|
||||||
|
title="故障等级划分"
|
||||||
|
:visible.sync="FaultClassificationLevel"
|
||||||
|
width="30%"
|
||||||
|
:before-close="FaultClassificationLevel">
|
||||||
|
<span>以下是等级划分</span>
|
||||||
|
<br>
|
||||||
|
<br>
|
||||||
|
<el-button @click="listGrading = true">低</el-button>
|
||||||
|
<el-button @click="listGrading = true">中</el-button>
|
||||||
|
<el-button @click="listGrading = true">高</el-button>
|
||||||
|
<br>
|
||||||
|
<el-button @click="FaultClassificationLevel = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="">确 定</el-button>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<el-dialog
|
||||||
|
title="提示"
|
||||||
|
:visible.sync="listGrading"
|
||||||
|
width="30%"
|
||||||
|
:before-close="handleClose">
|
||||||
|
<span>分级展示</span>
|
||||||
|
<template>
|
||||||
|
<el-table
|
||||||
|
:data="form"
|
||||||
|
border
|
||||||
|
style="width: 100%">
|
||||||
|
<el-table-column
|
||||||
|
prop="id"
|
||||||
|
label="自增主键"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="faultCode"
|
||||||
|
label="车辆故障编码"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="faultName"
|
||||||
|
label="车辆故障名称"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="faultType"
|
||||||
|
label="车辆故障类型"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="carVin"
|
||||||
|
label="故障VIN编码"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="faultLabel"
|
||||||
|
label="车辆故障标签"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="faultBit"
|
||||||
|
label="车辆故障位"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="faultValue"
|
||||||
|
label="车辆故障值"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="faultWarn"
|
||||||
|
label="故障级别"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="warnStatus"
|
||||||
|
label="报警状态"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="faultDesc"
|
||||||
|
label="故障描述信息"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="state"
|
||||||
|
label="启用状态"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="remark"
|
||||||
|
label="备注"
|
||||||
|
width="120">
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="dialogVisible = false">确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
|
||||||
|
<el-table v-loading="loading" :data="faultList" @selection-change="handleSelectionChange">
|
||||||
|
<el-table-column type="selection" width="55" align="center"/>
|
||||||
|
<el-table-column label="自增主键" align="center" prop="id"/>
|
||||||
|
<el-table-column label="车辆故障编码;" align="center" prop="faultCode"/>
|
||||||
|
<el-table-column label="车辆故障名称" align="center" prop="faultName"/>
|
||||||
|
<el-table-column label="车辆故障类型" align="center" prop="faultType"/>
|
||||||
|
<el-table-column label="故障VIN编码" align="center" prop="carVin"/>
|
||||||
|
<el-table-column label="车辆故障标签" align="center" prop="faultLabel"/>
|
||||||
|
<el-table-column label="车辆故障位" align="center" prop="faultBit"/>
|
||||||
|
<el-table-column label="车辆故障值" align="center" prop="faultValue"/>
|
||||||
|
<el-table-column label="故障级别;" align="center" prop="faultWarn"/>
|
||||||
|
<el-table-column label="报警状态" align="center" prop="warnStatus"/>
|
||||||
|
<el-table-column label="故障描述信息" align="center" prop="faultDesc"/>
|
||||||
|
<el-table-column label="启用状态(1.待处理 2.处理中 3.已处理 4.忽略)" align="center" prop="state"/>
|
||||||
|
<el-table-column label="备注" align="center" prop="remark"/>
|
||||||
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-edit"
|
||||||
|
@click="handleUpdate(scope.row)"
|
||||||
|
v-hasPermi="['syscarfault:fault:edit']"
|
||||||
|
>修改
|
||||||
|
</el-button>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="text"
|
||||||
|
icon="el-icon-delete"
|
||||||
|
@click="handleDelete(scope.row)"
|
||||||
|
v-hasPermi="['syscarfault:fault:remove']"
|
||||||
|
>删除
|
||||||
|
</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<pagination
|
||||||
|
v-show="total>0"
|
||||||
|
:total="total"
|
||||||
|
:page.sync="queryParams.pageNum"
|
||||||
|
:limit.sync="queryParams.pageSize"
|
||||||
|
@pagination="getList"
|
||||||
|
/>
|
||||||
|
|
||||||
|
<!-- 添加或修改车辆故障对话框 -->
|
||||||
|
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||||
|
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||||
|
<el-form-item label="车辆故障编码;" prop="faultCode">
|
||||||
|
<el-input v-model="form.faultCode" placeholder="请输入车辆故障编码;"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="车辆故障名称" prop="faultName">
|
||||||
|
<el-input v-model="form.faultName" placeholder="请输入车辆故障名称"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="故障VIN编码" prop="carVin">
|
||||||
|
<el-input v-model="form.carVin" type="textarea" placeholder="请输入内容"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="车辆故障标签" prop="faultLabel">
|
||||||
|
<el-input v-model="form.faultLabel" placeholder="请输入车辆故障标签"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="车辆故障位" prop="faultBit">
|
||||||
|
<el-input v-model="form.faultBit" placeholder="请输入车辆故障位"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="车辆故障值" prop="faultValue">
|
||||||
|
<el-input v-model="form.faultValue" placeholder="请输入车辆故障值"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="故障级别" prop="faultWarn">
|
||||||
|
<el-input v-model="form.faultWarn" placeholder="请输入故障级别;"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="故障描述信息" prop="faultDesc">
|
||||||
|
<el-input v-model="form.faultDesc" type="textarea" placeholder="请输入内容"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="启用状态(1.待处理 2.处理中 3.已处理 4.忽略)" prop="state">
|
||||||
|
<el-input v-model="form.state" placeholder="请输入启用状态(1.待处理 2.处理中 3.已处理 4.忽略)"/>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="备注" prop="remark">
|
||||||
|
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"/>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<div slot="footer" class="dialog-footer">
|
||||||
|
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||||
|
<el-button @click="cancel">取 消</el-button>
|
||||||
|
</div>
|
||||||
|
</el-dialog>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
import {addFault, delFault, getFault, listFault, updateFault} from "/src/api/syscarfault/fault";
|
||||||
|
import item from "@/layout/components/Sidebar/Item.vue";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "Fault",
|
||||||
|
computed: {
|
||||||
|
},
|
||||||
|
data() {
|
||||||
|
return {
|
||||||
|
FaultClassificationLevel: false,
|
||||||
|
listGrading: false,
|
||||||
|
// 遮罩层
|
||||||
|
loading: true,
|
||||||
|
// 选中数组
|
||||||
|
ids: [],
|
||||||
|
// 非单个禁用
|
||||||
|
single: true,
|
||||||
|
// 非多个禁用
|
||||||
|
multiple: true,
|
||||||
|
// 显示搜索条件
|
||||||
|
showSearch: true,
|
||||||
|
// 总条数
|
||||||
|
total: 0,
|
||||||
|
// 车辆故障表格数据
|
||||||
|
faultList: [],
|
||||||
|
// 弹出层标题
|
||||||
|
title: "",
|
||||||
|
// 是否显示弹出层
|
||||||
|
open: false,
|
||||||
|
// 查询参数
|
||||||
|
queryParams: {
|
||||||
|
pageNum: 1,
|
||||||
|
pageSize: 10,
|
||||||
|
faultCode: null,
|
||||||
|
faultName: null,
|
||||||
|
faultType: null,
|
||||||
|
carVin: null,
|
||||||
|
faultLabel: null,
|
||||||
|
faultBit: null,
|
||||||
|
faultValue: null,
|
||||||
|
faultWarn: null,
|
||||||
|
warnStatus: null,
|
||||||
|
faultDesc: null,
|
||||||
|
state: null,
|
||||||
|
},
|
||||||
|
// 表单参数
|
||||||
|
form: {},
|
||||||
|
// 表单校验
|
||||||
|
rules: {
|
||||||
|
faultCode: [
|
||||||
|
{required: true, message: "车辆故障编码;不能为空", trigger: "blur"}
|
||||||
|
],
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
created() {
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
methods: {
|
||||||
|
/** 故障模块分类级别 */
|
||||||
|
FaultClassificationLevel(done) {
|
||||||
|
this.$confirm('确认关闭?')
|
||||||
|
.then(_ => {
|
||||||
|
done();
|
||||||
|
})
|
||||||
|
.catch(_ => {
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 查询车辆故障列表 */
|
||||||
|
getList() {
|
||||||
|
this.loading = true;
|
||||||
|
listFault(this.queryParams).then(response => {
|
||||||
|
this.faultList = response.data.rows;
|
||||||
|
this.total = response.data.total;
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
|
// 取消按钮
|
||||||
|
cancel() {
|
||||||
|
this.open = false;
|
||||||
|
this.reset();
|
||||||
|
},
|
||||||
|
// 表单重置
|
||||||
|
reset() {
|
||||||
|
this.form = {
|
||||||
|
id: null,
|
||||||
|
faultCode: null,
|
||||||
|
faultName: null,
|
||||||
|
faultType: null,
|
||||||
|
carVin: null,
|
||||||
|
faultLabel: null,
|
||||||
|
faultBit: null,
|
||||||
|
faultValue: null,
|
||||||
|
faultWarn: null,
|
||||||
|
warnStatus: null,
|
||||||
|
faultDesc: null,
|
||||||
|
state: null,
|
||||||
|
createBy: null,
|
||||||
|
createTime: null,
|
||||||
|
updateBy: null,
|
||||||
|
updateTime: null,
|
||||||
|
remark: null
|
||||||
|
};
|
||||||
|
this.resetForm("form");
|
||||||
|
},
|
||||||
|
/** 搜索按钮操作 */
|
||||||
|
handleQuery() {
|
||||||
|
this.queryParams.pageNum = 1;
|
||||||
|
this.getList();
|
||||||
|
},
|
||||||
|
/** 重置按钮操作 */
|
||||||
|
resetQuery() {
|
||||||
|
this.resetForm("queryForm");
|
||||||
|
this.handleQuery();
|
||||||
|
},
|
||||||
|
// 多选框选中数据
|
||||||
|
handleSelectionChange(selection) {
|
||||||
|
this.ids = selection.map(item => item.id)
|
||||||
|
this.single = selection.length !== 1
|
||||||
|
this.multiple = !selection.length
|
||||||
|
},
|
||||||
|
/** 新增按钮操作 */
|
||||||
|
handleAdd() {
|
||||||
|
this.reset();
|
||||||
|
this.open = true;
|
||||||
|
this.title = "添加车辆故障";
|
||||||
|
},
|
||||||
|
/** 修改按钮操作 */
|
||||||
|
handleUpdate(row) {
|
||||||
|
this.reset();
|
||||||
|
const id = row.id || this.ids
|
||||||
|
getFault(id).then(response => {
|
||||||
|
this.form = response.data;
|
||||||
|
this.open = true;
|
||||||
|
this.title = "修改车辆故障";
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 提交按钮 */
|
||||||
|
submitForm() {
|
||||||
|
this.$refs["form"].validate(valid => {
|
||||||
|
if (valid) {
|
||||||
|
if (this.form.id != null) {
|
||||||
|
updateFault(this.form).then(response => {
|
||||||
|
this.$modal.msgSuccess("修改成功");
|
||||||
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
addFault(this.form).then(response => {
|
||||||
|
this.$modal.msgSuccess("新增成功");
|
||||||
|
this.open = false;
|
||||||
|
this.getList();
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 删除按钮操作 */
|
||||||
|
handleDelete(row) {
|
||||||
|
const ids = row.id || this.ids;
|
||||||
|
this.$modal.confirm('是否确认删除车辆故障编号为"' + ids + '"的数据项?').then(function () {
|
||||||
|
return delFault(ids);
|
||||||
|
}).then(() => {
|
||||||
|
this.getList();
|
||||||
|
this.$modal.msgSuccess("删除成功");
|
||||||
|
}).catch(() => {
|
||||||
|
});
|
||||||
|
},
|
||||||
|
/** 导出按钮操作 */
|
||||||
|
handleExport() {
|
||||||
|
this.download('syscarfault/fault/export', {
|
||||||
|
...this.queryParams
|
||||||
|
}, `fault_${new Date().getTime()}.xlsx`)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
</script>
|
|
@ -0,0 +1,688 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!--查询-->
|
||||||
|
<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="7"><div class="grid-content bg-purple">
|
||||||
|
<el-form-item label="故障码" prop="pass">
|
||||||
|
<el-input type="text" v-model="ruleForm.faultcodeNumber" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="7"><div class="grid-content bg-purple-light">
|
||||||
|
<el-form-item label="故障位" prop="pass">
|
||||||
|
<el-input type="text" v-model="ruleForm.faultBit" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="7"><div class="grid-content bg-purple">
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
|
||||||
|
<el-button @click="resetForm('ruleForm')">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="3"><div class="grid-content bg-purple">
|
||||||
|
<el-badge :value="messagenumber" class="item" style="margin-top: 10px;">
|
||||||
|
<el-button size="small" @click="openmessage()" type="primary">消息</el-button>
|
||||||
|
</el-badge>
|
||||||
|
</div></el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<el-button type="success" @click="tofalutcode(1)">新增故障码</el-button>
|
||||||
|
<!--故障码列表-->
|
||||||
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
|
style="width: 100%">
|
||||||
|
<el-table-column
|
||||||
|
label="故障码"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.faultcodeNumber }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="故障名称"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.messageTypeName }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="故障编码"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.messageTypeCode }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="故障组"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.faultGroup }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="故障位"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.faultBit }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="故障值"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.faultValue }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="故障标签"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.faultlabelName }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="是否警告"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
<span v-if="scope.row.isWarning==0">否</span>
|
||||||
|
<span v-if="scope.row.isWarning==1">是</span>
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
@click="handleEdit(scope.row,2)">修改</el-button>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="danger"
|
||||||
|
@click="handleDelete(scope.row)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<!--分页-->
|
||||||
|
<center>
|
||||||
|
<el-pagination
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
:current-page="ruleForm.pageNum"
|
||||||
|
:page-sizes="[3, 5, 10, 15]"
|
||||||
|
:page-size="ruleForm.pageSize"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="total">
|
||||||
|
</el-pagination>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
<!--对话框(新增/修改)-->
|
||||||
|
<el-dialog
|
||||||
|
:title="title"
|
||||||
|
:visible.sync="dialogVisible"
|
||||||
|
width="30%"
|
||||||
|
:before-close="handleClose">
|
||||||
|
<span>
|
||||||
|
<!--新增故障码-->
|
||||||
|
<div v-if="this.index==1">
|
||||||
|
<el-form :model="addForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
|
||||||
|
<el-form-item label="故障名称" prop="pass">
|
||||||
|
<el-input type="text" v-model="addForm.messageTypeName" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="故障编码" prop="pass">
|
||||||
|
<el-input type="text" v-model="addForm.messageTypeCode" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="故障码" prop="pass">
|
||||||
|
<el-input type="text" v-model="addForm.faultcodeNumber" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<!-- <el-form-item label="故障分类" prop="pass">-->
|
||||||
|
<!-- <el-input type="text" v-model="addForm.faulttypeId" autocomplete="off"></el-input>-->
|
||||||
|
<!-- <el-select v-model="addForm.faulttypeId" placeholder="请选择">-->
|
||||||
|
<!-- <el-option-->
|
||||||
|
<!-- v-for="item in faultType"-->
|
||||||
|
<!-- :key="item.faulttypeId"-->
|
||||||
|
<!-- :label="item.faulttypeName"-->
|
||||||
|
<!-- :value="item.faulttypeId">-->
|
||||||
|
<!-- </el-option>-->
|
||||||
|
<!-- </el-select>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- <el-form-item label="是否产生报警" prop="pass">-->
|
||||||
|
<!-- <el-input type="text" v-model="addForm.isWarning" autocomplete="off"></el-input>-->
|
||||||
|
<!-- <el-radio-group v-model="addForm.isWarning">-->
|
||||||
|
<!-- <el-radio label="1">是</el-radio>-->
|
||||||
|
<!-- <el-radio label="0">否</el-radio>-->
|
||||||
|
<!-- </el-radio-group>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
<!-- <el-form-item label="故障描述" prop="pass">-->
|
||||||
|
<!-- <el-input type="text" v-model="addForm.faultContent" autocomplete="off"></el-input>-->
|
||||||
|
<!-- </el-form-item>-->
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
<!--修改故障码-->
|
||||||
|
<div v-if="this.index==2">
|
||||||
|
<el-form :model="updForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
|
||||||
|
<el-form-item label="故障码Id" prop="pass">
|
||||||
|
<el-input type="text" v-model="updForm.faultcodeId" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="故障名称" prop="pass">
|
||||||
|
<el-input type="text" v-model="updForm.faultlabelId" autocomplete="off"></el-input>
|
||||||
|
<el-select v-model="updForm.messageTypeId" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in faultLabel"
|
||||||
|
:key="item.messageTypeId"
|
||||||
|
:label="item.messageTypeName"
|
||||||
|
:value="item.messageTypeId">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="故障码" prop="pass">
|
||||||
|
<el-input type="text" v-model="updForm.faultcodeNumber" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="故障组" prop="pass">
|
||||||
|
<el-input type="text" v-model="updForm.faultGroup" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="故障位" prop="pass">
|
||||||
|
<el-input type="text" v-model="updForm.faultBit" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="故障值" prop="pass">
|
||||||
|
<el-input type="text" v-model="updForm.faultValue" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="是否产生报警" prop="pass">
|
||||||
|
<!-- <el-input type="text" v-model="addForm.isWarning" autocomplete="off"></el-input>-->
|
||||||
|
<el-radio-group v-model="updForm.isWarning">
|
||||||
|
<el-radio label="1">是</el-radio>
|
||||||
|
<el-radio label="0">否</el-radio>
|
||||||
|
</el-radio-group>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
</div>
|
||||||
|
</span>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="addfalutcode()" v-if="this.index==1">新增</el-button>
|
||||||
|
<el-button type="primary" @click="updfalutcode()" v-if="this.index==2">修改</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
<!--消息确认-->
|
||||||
|
<el-drawer
|
||||||
|
title="消息确认"
|
||||||
|
:visible.sync="drawer"
|
||||||
|
:with-header="false">
|
||||||
|
<el-tabs v-model="activeName" type="card" @tab-click="handleClick">
|
||||||
|
<el-tab-pane label="全部" name="first" >
|
||||||
|
<el-table
|
||||||
|
:data="messageData"
|
||||||
|
style="width: 100%">
|
||||||
|
<el-table-column
|
||||||
|
label="发送人"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.sender }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="发送时间"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.createTime }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="消息内容"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.content }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="是否已读"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
<span v-if="scope.row.status==0">未读</span>
|
||||||
|
<span v-if="scope.row.status==1">已读</span>
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
@click="lookmessage(scope.row)">查看</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="已读" name="second" >
|
||||||
|
<el-table
|
||||||
|
:data="messageData"
|
||||||
|
style="width: 100%">
|
||||||
|
<el-table-column
|
||||||
|
label="发送人"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.sender }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="发送时间"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.createTime }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="消息内容"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.content }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="是否已读"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
<span v-if="scope.row.status==0">未读</span>
|
||||||
|
<span v-if="scope.row.status==1">已读</span>
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
@click="lookmessage(scope.row)">查看</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-tab-pane label="未读" name="third">
|
||||||
|
<el-table
|
||||||
|
:data="messageData"
|
||||||
|
style="width: 100%">
|
||||||
|
<el-table-column
|
||||||
|
label="发送人"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.sender }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="发送时间"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.createTime }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="消息内容"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.content }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="是否已读"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
<span v-if="scope.row.status==0">未读</span>
|
||||||
|
<span v-if="scope.row.status==1">已读</span>
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
@click="lookmessage(scope.row)">查看</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</el-tab-pane>
|
||||||
|
|
||||||
|
<el-dialog
|
||||||
|
title="提示"
|
||||||
|
:visible.sync="dialogVisible1"
|
||||||
|
width="30%"
|
||||||
|
:before-close="handleClose1">
|
||||||
|
<el-form :model="Form" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
|
||||||
|
<el-form-item label="发件人" prop="pass">
|
||||||
|
<el-input type="text" v-model="Form.sender" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="收件人" prop="pass">
|
||||||
|
<el-input type="text" v-model="Form.receiver" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="发送时间" prop="pass">
|
||||||
|
<el-input type="text" v-model="Form.createTime" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="内容" prop="pass">
|
||||||
|
<el-input type="text" v-model="Form.content" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="dialogVisible1 = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="yes()">确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
</el-tabs>
|
||||||
|
</el-drawer>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
//这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等),
|
||||||
|
//例如:import 《组件名称》 from '《组件路径》,
|
||||||
|
import {resetForm} from "@/utils/muyu";
|
||||||
|
import {
|
||||||
|
addfalutcode,
|
||||||
|
delfaultcode,
|
||||||
|
getfaultcode,
|
||||||
|
getfaultLabel,
|
||||||
|
getfaultType, getunread,
|
||||||
|
updfalutcode
|
||||||
|
} from "@/api/fault/faultcode";
|
||||||
|
import {changestatus, getmessagelist} from "@/api/fault/faultmessage";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "Faultcode",
|
||||||
|
//import引入的组件需要注入到对象中才能使用"
|
||||||
|
components: {},
|
||||||
|
props: {},
|
||||||
|
data() {
|
||||||
|
//这里存放数据"
|
||||||
|
|
||||||
|
return {
|
||||||
|
ruleForm:{
|
||||||
|
pageNum:1,
|
||||||
|
pageSize:10
|
||||||
|
},
|
||||||
|
total:0,
|
||||||
|
tableData:[],
|
||||||
|
dialogVisible: false,
|
||||||
|
dialogVisible1: false,
|
||||||
|
addForm:{},
|
||||||
|
updForm:{},
|
||||||
|
title:'',
|
||||||
|
index:'',
|
||||||
|
faultType:[],
|
||||||
|
faultLabel:[],
|
||||||
|
drawer:false,
|
||||||
|
activeName: 'first',
|
||||||
|
messageData:[],
|
||||||
|
messageform:{
|
||||||
|
status:''
|
||||||
|
},
|
||||||
|
messagenumber:'',
|
||||||
|
Form:{}
|
||||||
|
|
||||||
|
};
|
||||||
|
},
|
||||||
|
//计算属性 类似于data概念",
|
||||||
|
computed: {},
|
||||||
|
//监控data中的数据变化",
|
||||||
|
watch: {},
|
||||||
|
//方法集合",
|
||||||
|
methods: {
|
||||||
|
resetForm,
|
||||||
|
//查询
|
||||||
|
submitForm(){
|
||||||
|
this.getfaultcode();
|
||||||
|
},
|
||||||
|
//故障码展示
|
||||||
|
getfaultcode(){
|
||||||
|
getfaultcode(this.ruleForm).then(response=>{
|
||||||
|
console.log(response.data)
|
||||||
|
this.tableData=response.data.faultCodeListRespList
|
||||||
|
this.total=response.data.total
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//分页
|
||||||
|
handleSizeChange(val) {
|
||||||
|
console.log(`每页 ${val} 条`);
|
||||||
|
this.ruleForm.pageSize=val
|
||||||
|
this.getfaultcode()
|
||||||
|
},
|
||||||
|
handleCurrentChange(val) {
|
||||||
|
console.log(`当前页: ${val}`);
|
||||||
|
this.ruleForm.pageNum=val
|
||||||
|
this.getfaultcode()
|
||||||
|
},
|
||||||
|
//去新增故障码页面
|
||||||
|
tofalutcode(num){
|
||||||
|
this.dialogVisible=true
|
||||||
|
this.index=num
|
||||||
|
this.title='新增'
|
||||||
|
this.getfaultType()
|
||||||
|
},
|
||||||
|
//去修改故障码页面
|
||||||
|
handleEdit(row,num){
|
||||||
|
this.dialogVisible=true
|
||||||
|
this.index=num
|
||||||
|
this.title='修改'
|
||||||
|
this.updForm={
|
||||||
|
faultcodeId: row.faultcodeId,
|
||||||
|
faultlabelId: row.faultlabelId,
|
||||||
|
faultcodeNumber: row.faultcodeNumber,
|
||||||
|
faultGroup: row.faultGroup,
|
||||||
|
faultBit: row.faultBit,
|
||||||
|
faultValue: row.faultValue,
|
||||||
|
isWarning: row.isWarning
|
||||||
|
}
|
||||||
|
this.getfaultLabel()
|
||||||
|
},
|
||||||
|
//关闭新增、修改故障码页面
|
||||||
|
handleClose(done) {
|
||||||
|
this.$confirm('确认关闭?')
|
||||||
|
.then(_ => {
|
||||||
|
done();
|
||||||
|
})
|
||||||
|
.catch(_ => {});
|
||||||
|
},
|
||||||
|
//故障码分类
|
||||||
|
getfaultType(){
|
||||||
|
getfaultType().then(response=>{
|
||||||
|
this.faultType=response.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//故障名称
|
||||||
|
getfaultLabel(){
|
||||||
|
getfaultLabel().then(response=>{
|
||||||
|
this.faultLabel=response.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//新增故障码
|
||||||
|
addfalutcode(){
|
||||||
|
addfalutcode(this.addForm).then(response=>{
|
||||||
|
alert(response.msg);
|
||||||
|
if (response.code==200){
|
||||||
|
this.dialogVisible=false
|
||||||
|
this.index=''
|
||||||
|
this.getfaultcode()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//修改故障码
|
||||||
|
updfalutcode(){
|
||||||
|
updfalutcode(this.updForm).then(response=>{
|
||||||
|
alert(response.msg);
|
||||||
|
if (response.code==200){
|
||||||
|
this.dialogVisible=false
|
||||||
|
this.index=''
|
||||||
|
this.getfaultcode()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//删除故障码
|
||||||
|
handleDelete(row){
|
||||||
|
alert(JSON.stringify(row))
|
||||||
|
delfaultcode(row.messageTypeId).then(response=>{
|
||||||
|
alert(response.msg);
|
||||||
|
if (response.code==200){
|
||||||
|
this.getfaultcode()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//打开消息确认
|
||||||
|
openmessage(){
|
||||||
|
this.drawer=true
|
||||||
|
this.getmessagelist()
|
||||||
|
},
|
||||||
|
handleClick(tab, event) {
|
||||||
|
console.log(tab, event);
|
||||||
|
this.getmessagelist()
|
||||||
|
},
|
||||||
|
//消息列表
|
||||||
|
getmessagelist(){
|
||||||
|
if (this.activeName=='first'){
|
||||||
|
this.messageform.status=''
|
||||||
|
}
|
||||||
|
if (this.activeName=='second'){
|
||||||
|
this.messageform.status=1
|
||||||
|
}
|
||||||
|
if (this.activeName=='third'){
|
||||||
|
this.messageform.status=0
|
||||||
|
}
|
||||||
|
getmessagelist(this.messageform).then(response=>{
|
||||||
|
this.messageData=response.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//查看消息
|
||||||
|
lookmessage(row){
|
||||||
|
this.dialogVisible1=true
|
||||||
|
this.Form={
|
||||||
|
id:row.id,
|
||||||
|
sender: row.sender,
|
||||||
|
receiver: row.receiver,
|
||||||
|
createTime: row.createTime,
|
||||||
|
content: row.content
|
||||||
|
}
|
||||||
|
//改变状态
|
||||||
|
changestatus(row).then(response=>{
|
||||||
|
if (response.code==200){
|
||||||
|
this.getmessagelist()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//未读消息
|
||||||
|
getunread(){
|
||||||
|
getunread().then(response=>{
|
||||||
|
this.messagenumber=response.data.length
|
||||||
|
})
|
||||||
|
},
|
||||||
|
handleClose1(done) {
|
||||||
|
this.$confirm('确认关闭?')
|
||||||
|
.then(_ => {
|
||||||
|
done();
|
||||||
|
})
|
||||||
|
.catch(_ => {});
|
||||||
|
},
|
||||||
|
yes(){
|
||||||
|
this.dialogVisible1=false
|
||||||
|
this.getfaultcode()
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//生命周期 - 创建完成(可以访问当前this实例)",
|
||||||
|
created() {
|
||||||
|
this.getfaultcode();
|
||||||
|
this.getmessagelist()
|
||||||
|
this.getunread()
|
||||||
|
},
|
||||||
|
//生命周期 - 挂载完成(可以访问DOM元素)",
|
||||||
|
mounted() {
|
||||||
|
},
|
||||||
|
beforeCreate() {
|
||||||
|
}, //生命周期 - 创建之前",
|
||||||
|
beforeMount() {
|
||||||
|
}, //生命周期 - 挂载之前",
|
||||||
|
beforeUpdate() {
|
||||||
|
}, //生命周期 - 更新之前",
|
||||||
|
updated() {
|
||||||
|
}, //生命周期 - 更新之后",
|
||||||
|
beforeDestroy() {
|
||||||
|
}, //生命周期 - 销毁之前",
|
||||||
|
destroyed() {
|
||||||
|
}, //生命周期 - 销毁完成",
|
||||||
|
activated() {
|
||||||
|
} //如果页面有keep-alive缓存功能,这个函数会触发",
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
|
@ -0,0 +1,193 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<!--查询-->
|
||||||
|
<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="8"><div class="grid-content bg-purple">
|
||||||
|
<el-form-item label="车辆VIN" prop="pass">
|
||||||
|
<el-input type="text" v-model="ruleForm.carVin" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="8"><div class="grid-content bg-purple-light">
|
||||||
|
<el-form-item label="开始报警" prop="pass">
|
||||||
|
<el-input type="text" v-model="ruleForm.startwarningTime" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="8"><div class="grid-content bg-purple-light">
|
||||||
|
<el-form-item label="结束报警" prop="pass">
|
||||||
|
<el-input type="text" v-model="ruleForm.endwarningTime" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="8"><div class="grid-content bg-purple">
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="submitForm('ruleForm')">提交</el-button>
|
||||||
|
<el-button @click="resetForm('ruleForm')">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
|
||||||
|
<!--日志列表-->
|
||||||
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
|
style="width: 100%">
|
||||||
|
<el-table-column
|
||||||
|
label="id"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.logId }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="故障码"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.faultcodeNumber }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="车辆VIN"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.carInformationVIN }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="开始报警时间"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.startwarningTime }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="结束报警时间"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.endwarningTime }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
@click="handleEdit(scope.$index, scope.row)">编辑</el-button>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="danger"
|
||||||
|
@click="handleDelete(scope.$index, scope.row)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
<!--分页-->
|
||||||
|
<center>
|
||||||
|
<el-pagination
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
:current-page="ruleForm.pageNum"
|
||||||
|
:page-sizes="[3, 5, 10, 15]"
|
||||||
|
:page-size="ruleForm.pageSize"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="total">
|
||||||
|
</el-pagination>
|
||||||
|
</center>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
//这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等),
|
||||||
|
//例如:import 《组件名称》 from '《组件路径》,
|
||||||
|
import {getfaultlog} from "@/api/fault/faultlog";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "Faultlog",
|
||||||
|
//import引入的组件需要注入到对象中才能使用"
|
||||||
|
components: {},
|
||||||
|
props: {},
|
||||||
|
data() {
|
||||||
|
//这里存放数据"
|
||||||
|
|
||||||
|
return {
|
||||||
|
ruleForm:{
|
||||||
|
pageNum:1,
|
||||||
|
pageSize:10
|
||||||
|
},
|
||||||
|
total:0,
|
||||||
|
tableData:[]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
//计算属性 类似于data概念",
|
||||||
|
computed: {},
|
||||||
|
//监控data中的数据变化",
|
||||||
|
watch: {},
|
||||||
|
//方法集合",
|
||||||
|
methods: {
|
||||||
|
//查询
|
||||||
|
submitForm(){
|
||||||
|
this.getfaultlog();
|
||||||
|
},
|
||||||
|
//故障码展示
|
||||||
|
getfaultlog(){
|
||||||
|
getfaultlog(this.ruleForm).then(response=>{
|
||||||
|
this.tableData=response.data.faultLogListRespList
|
||||||
|
this.total=response.data.total
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//分页
|
||||||
|
handleSizeChange(val) {
|
||||||
|
console.log(`每页 ${val} 条`);
|
||||||
|
this.ruleForm.pageSize=val
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
handleCurrentChange(val) {
|
||||||
|
console.log(`当前页: ${val}`);
|
||||||
|
this.ruleForm.pageNum=val
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
},
|
||||||
|
//生命周期 - 创建完成(可以访问当前this实例)",
|
||||||
|
created() {
|
||||||
|
this.getfaultlog()
|
||||||
|
},
|
||||||
|
//生命周期 - 挂载完成(可以访问DOM元素)",
|
||||||
|
mounted() {
|
||||||
|
},
|
||||||
|
beforeCreate() {
|
||||||
|
}, //生命周期 - 创建之前",
|
||||||
|
beforeMount() {
|
||||||
|
}, //生命周期 - 挂载之前",
|
||||||
|
beforeUpdate() {
|
||||||
|
}, //生命周期 - 更新之前",
|
||||||
|
updated() {
|
||||||
|
}, //生命周期 - 更新之后",
|
||||||
|
beforeDestroy() {
|
||||||
|
}, //生命周期 - 销毁之前",
|
||||||
|
destroyed() {
|
||||||
|
}, //生命周期 - 销毁完成",
|
||||||
|
activated() {
|
||||||
|
} //如果页面有keep-alive缓存功能,这个函数会触发",
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
|
@ -0,0 +1,373 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
<center>
|
||||||
|
<h2>
|
||||||
|
制定故障规则
|
||||||
|
</h2>
|
||||||
|
<el-form :model="addForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="5"><div class="grid-content bg-purple">
|
||||||
|
<el-form-item label="车辆类型" prop="pass">
|
||||||
|
<el-input type="text" v-model="addForm.carTypeId" autocomplete="off"></el-input>
|
||||||
|
<el-select v-model="addForm.carTypeId" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in carType"
|
||||||
|
:key="item.carTypeId"
|
||||||
|
:label="item.carTypeName"
|
||||||
|
:value="item.carTypeId">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="5"><div class="grid-content bg-purple">
|
||||||
|
<el-form-item label="故障项" prop="pass">
|
||||||
|
<el-input type="text" v-model="addForm.messageTypeId" autocomplete="off"></el-input>
|
||||||
|
<el-select v-model="addForm.messageTypeId" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in faultLabel"
|
||||||
|
:key="item.messageTypeId"
|
||||||
|
:label="item.messageTypeName"
|
||||||
|
:value="item.messageTypeId">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="5"><div class="grid-content bg-purple-light">
|
||||||
|
<el-form-item label="条件">
|
||||||
|
<el-select v-model="addForm.faultconditionIdentification" placeholder="请选择条件">
|
||||||
|
<el-option label=">" value=">"></el-option>
|
||||||
|
<el-option label="<" value="<"></el-option>
|
||||||
|
<el-option label="=" value="="></el-option>
|
||||||
|
<el-option label=">=" value=">="></el-option>
|
||||||
|
<el-option label="<=" value="<="></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="4"><div class="grid-content bg-purple">
|
||||||
|
<el-form-item label="参数" prop="pass">
|
||||||
|
<el-input type="text" v-model="addForm.faultconditionParameter" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="5"><div class="grid-content bg-purple-light">
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="addruleForm('addForm')">提交</el-button>
|
||||||
|
<el-button @click="resetForm('addForm')">重置</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<el-divider></el-divider>
|
||||||
|
<el-form :model="ruleForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
|
||||||
|
<el-row>
|
||||||
|
<el-col :span="8"><div class="grid-content bg-purple">
|
||||||
|
<el-form-item label="车辆类型" prop="pass">
|
||||||
|
<el-select v-model="ruleForm.carTypeId" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in carType"
|
||||||
|
:key="item.carTypeId"
|
||||||
|
:label="item.carTypeName"
|
||||||
|
:value="item.carTypeId">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="8"><div class="grid-content bg-purple-light">
|
||||||
|
<el-form-item label="故障项" prop="pass">
|
||||||
|
<el-select v-model="ruleForm.messageTypeId" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in faultLabel"
|
||||||
|
:key="item.messageTypeId"
|
||||||
|
:label="item.messageTypeName"
|
||||||
|
:value="item.messageTypeId">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
<el-col :span="8"><div class="grid-content bg-purple">
|
||||||
|
<el-form-item>
|
||||||
|
<el-button type="primary" @click="look('ruleForm')">查询</el-button>
|
||||||
|
</el-form-item>
|
||||||
|
</div></el-col>
|
||||||
|
</el-row>
|
||||||
|
</el-form>
|
||||||
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
|
style="width: 100%">
|
||||||
|
<el-table-column
|
||||||
|
label="车辆类型"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.carTypeName }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="故障项"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.messageTypeName }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="故障条件"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.faultconditionIdentification }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
label="故障参数值"
|
||||||
|
width="180">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-popover trigger="hover" placement="top">
|
||||||
|
<div slot="reference" class="name-wrapper">
|
||||||
|
{{ scope.row.faultconditionParameter }}
|
||||||
|
</div>
|
||||||
|
</el-popover>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column label="操作">
|
||||||
|
<template slot-scope="scope">
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
@click="handleUpd(scope.row)">修改</el-button>
|
||||||
|
<el-button
|
||||||
|
size="mini"
|
||||||
|
type="danger"
|
||||||
|
@click="handleDelete(scope.row)">删除</el-button>
|
||||||
|
</template>
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
|
||||||
|
|
||||||
|
<!--修改故障规则页面-->
|
||||||
|
<el-dialog
|
||||||
|
title="提示"
|
||||||
|
:visible.sync="dialogVisible"
|
||||||
|
width="30%"
|
||||||
|
:before-close="handleClose">
|
||||||
|
<el-form :model="updForm" status-icon :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm">
|
||||||
|
<el-form-item label="Id" prop="pass">
|
||||||
|
<el-input type="text" v-model="updForm.carconditionId" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="车辆类型" prop="pass">
|
||||||
|
<el-select v-model="updForm.carTypeId" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in carType"
|
||||||
|
:key="item.carTypeId"
|
||||||
|
:label="item.carTypeName"
|
||||||
|
:value="item.carTypeId">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="故障项" prop="pass">
|
||||||
|
<el-select v-model="updForm.messageTypeId" placeholder="请选择">
|
||||||
|
<el-option
|
||||||
|
v-for="item in faultLabel"
|
||||||
|
:key="item.messageTypeId"
|
||||||
|
:label="item.messageTypeName"
|
||||||
|
:value="item.messageTypeId">
|
||||||
|
</el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="条件">
|
||||||
|
<el-select v-model="updForm.faultconditionIdentification" placeholder="请选择条件">
|
||||||
|
<el-option label=">" value=">"></el-option>
|
||||||
|
<el-option label="<" value="<"></el-option>
|
||||||
|
<el-option label="=" value="="></el-option>
|
||||||
|
<el-option label=">=" value=">="></el-option>
|
||||||
|
<el-option label="<=" value="<="></el-option>
|
||||||
|
</el-select>
|
||||||
|
</el-form-item>
|
||||||
|
<el-form-item label="参数" prop="pass">
|
||||||
|
<el-input type="text" v-model="updForm.faultconditionParameter" autocomplete="off"></el-input>
|
||||||
|
</el-form-item>
|
||||||
|
</el-form>
|
||||||
|
<span slot="footer" class="dialog-footer">
|
||||||
|
<el-button @click="dialogVisible = false">取 消</el-button>
|
||||||
|
<el-button type="primary" @click="updruleForm()">确 定</el-button>
|
||||||
|
</span>
|
||||||
|
</el-dialog>
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<!--分页-->
|
||||||
|
<center>
|
||||||
|
<el-pagination
|
||||||
|
@size-change="handleSizeChange"
|
||||||
|
@current-change="handleCurrentChange"
|
||||||
|
:current-page="ruleForm.pageNum"
|
||||||
|
:page-sizes="[3, 5, 10, 15]"
|
||||||
|
:page-size="ruleForm.pageSize"
|
||||||
|
layout="total, sizes, prev, pager, next, jumper"
|
||||||
|
:total="total">
|
||||||
|
</el-pagination>
|
||||||
|
</center>
|
||||||
|
</center>
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
//这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等),
|
||||||
|
//例如:import 《组件名称》 from '《组件路径》,
|
||||||
|
import {getfaultLabel} from "@/api/fault/faultcode";
|
||||||
|
import {resetForm} from "@/utils/muyu";
|
||||||
|
import {getcarType} from "@/api/fault/cartype";
|
||||||
|
import {addrule, delruleForm, getfaultrule, updruleForm} from "@/api/fault/faultrule";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
name: "Faultrule",
|
||||||
|
//import引入的组件需要注入到对象中才能使用"
|
||||||
|
components: {},
|
||||||
|
props: {},
|
||||||
|
data() {
|
||||||
|
//这里存放数据"
|
||||||
|
|
||||||
|
return {
|
||||||
|
ruleForm:{
|
||||||
|
pageNum:1,
|
||||||
|
pageSize:10
|
||||||
|
},
|
||||||
|
total:0,
|
||||||
|
addForm:{},
|
||||||
|
updForm:{},
|
||||||
|
faultLabel:[],
|
||||||
|
carType:[],
|
||||||
|
tableData:[],
|
||||||
|
dialogVisible: false,
|
||||||
|
unread:[]
|
||||||
|
};
|
||||||
|
},
|
||||||
|
//计算属性 类似于data概念",
|
||||||
|
computed: {},
|
||||||
|
//监控data中的数据变化",
|
||||||
|
watch: {},
|
||||||
|
//方法集合",
|
||||||
|
methods: {
|
||||||
|
resetForm,
|
||||||
|
//查询
|
||||||
|
look(){
|
||||||
|
this.getfaultrule()
|
||||||
|
},
|
||||||
|
//故障名称
|
||||||
|
getfaultLabel(){
|
||||||
|
getfaultLabel().then(response=>{
|
||||||
|
this.faultLabel=response.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//车辆类型
|
||||||
|
getcarType(){
|
||||||
|
getcarType().then(response=>{
|
||||||
|
this.carType=response.data
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//制定规则
|
||||||
|
addruleForm(){
|
||||||
|
addrule(this.addForm).then(response=>{
|
||||||
|
alert(response.msg)
|
||||||
|
if (response.code==200){
|
||||||
|
this.getfaultrule()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//打开规则修改页面
|
||||||
|
handleUpd(row){
|
||||||
|
this.dialogVisible=true
|
||||||
|
this.updForm={
|
||||||
|
carconditionId: row.carconditionId,
|
||||||
|
carTypeId: row.carTypeId,
|
||||||
|
faultlabelId: row.faultlabelId,
|
||||||
|
faultconditionIdentification: row.faultconditionIdentification,
|
||||||
|
faultconditionParameter: row.faultconditionParameter
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//关闭规则修改页面
|
||||||
|
handleClose(done) {
|
||||||
|
this.$confirm('确认关闭?')
|
||||||
|
.then(_ => {
|
||||||
|
done();
|
||||||
|
})
|
||||||
|
.catch(_ => {});
|
||||||
|
},
|
||||||
|
//修改规则
|
||||||
|
updruleForm(){
|
||||||
|
updruleForm(this.updForm).then(response=>{
|
||||||
|
alert(response.msg)
|
||||||
|
if (response.code==200){
|
||||||
|
this.dialogVisible=false
|
||||||
|
this.getfaultrule()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//删除规则
|
||||||
|
handleDelete(row){
|
||||||
|
if (confirm("确定删除么,一旦删除不可恢复!")){
|
||||||
|
delruleForm(row.carconditionId).then(response=>{
|
||||||
|
alert(response.msg)
|
||||||
|
if (response.code==200){
|
||||||
|
this.getfaultrule()
|
||||||
|
}
|
||||||
|
})
|
||||||
|
}
|
||||||
|
},
|
||||||
|
//故障规则列表
|
||||||
|
getfaultrule(){
|
||||||
|
getfaultrule(this.ruleForm).then(response=>{
|
||||||
|
this.tableData=response.data.faultConditionListRespList
|
||||||
|
this.total=response.data.total
|
||||||
|
})
|
||||||
|
},
|
||||||
|
//分页
|
||||||
|
handleSizeChange(val) {
|
||||||
|
console.log(`每页 ${val} 条`);
|
||||||
|
this.ruleForm.pageSize=val
|
||||||
|
this.getfaultcode()
|
||||||
|
},
|
||||||
|
handleCurrentChange(val) {
|
||||||
|
console.log(`当前页: ${val}`);
|
||||||
|
this.ruleForm.pageNum=val
|
||||||
|
this.getfaultcode()
|
||||||
|
},
|
||||||
|
|
||||||
|
},
|
||||||
|
//生命周期 - 创建完成(可以访问当前this实例)",
|
||||||
|
created() {
|
||||||
|
this.getfaultLabel()
|
||||||
|
this.getcarType()
|
||||||
|
this.getfaultrule()
|
||||||
|
},
|
||||||
|
//生命周期 - 挂载完成(可以访问DOM元素)",
|
||||||
|
mounted() {
|
||||||
|
},
|
||||||
|
beforeCreate() {
|
||||||
|
}, //生命周期 - 创建之前",
|
||||||
|
beforeMount() {
|
||||||
|
}, //生命周期 - 挂载之前",
|
||||||
|
beforeUpdate() {
|
||||||
|
}, //生命周期 - 更新之前",
|
||||||
|
updated() {
|
||||||
|
}, //生命周期 - 更新之后",
|
||||||
|
beforeDestroy() {
|
||||||
|
}, //生命周期 - 销毁之前",
|
||||||
|
destroyed() {
|
||||||
|
}, //生命周期 - 销毁完成",
|
||||||
|
activated() {
|
||||||
|
} //如果页面有keep-alive缓存功能,这个函数会触发",
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
|
@ -0,0 +1,99 @@
|
||||||
|
<template>
|
||||||
|
<div>
|
||||||
|
|
||||||
|
<template>
|
||||||
|
<el-table
|
||||||
|
:data="tableData"
|
||||||
|
style="width: 100%">
|
||||||
|
<el-table-column
|
||||||
|
prop="date"
|
||||||
|
label="会员唯一标识"
|
||||||
|
width="180">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="name"
|
||||||
|
label="会员账号"
|
||||||
|
width="180">
|
||||||
|
</el-table-column>
|
||||||
|
<el-table-column
|
||||||
|
prop="address"
|
||||||
|
label="会员类型">
|
||||||
|
</el-table-column>
|
||||||
|
</el-table>
|
||||||
|
</template>
|
||||||
|
</div>
|
||||||
|
</template>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
//这里可以导入其他文件(比如:组件,工具js,第三方插件js,json文件,图片文件等等),
|
||||||
|
//例如:import 《组件名称》 from '《组件路径》,
|
||||||
|
import {getfaultlog} from "@/api/fault/faultlog";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
////import引入的组件需要注入到对象中才能使用"
|
||||||
|
|
||||||
|
//
|
||||||
|
components: {},
|
||||||
|
props: {},
|
||||||
|
data() {
|
||||||
|
////这里存放数据"
|
||||||
|
return {
|
||||||
|
ruleForm:{
|
||||||
|
pageNum:1,
|
||||||
|
pageSize:10
|
||||||
|
},
|
||||||
|
member: {
|
||||||
|
memberId: '',
|
||||||
|
memberName: '',
|
||||||
|
memberType: ''
|
||||||
|
}
|
||||||
|
};
|
||||||
|
},
|
||||||
|
//计算属性 类似于data概念",
|
||||||
|
computed: {},
|
||||||
|
//监控data中的数据变化",
|
||||||
|
watch: {},
|
||||||
|
////方法集合",
|
||||||
|
methods: {
|
||||||
|
getMemberList(){
|
||||||
|
getMemberList(this.ruleForm).then(
|
||||||
|
response => {
|
||||||
|
this.tableData = response.data.memberListRespList
|
||||||
|
this.total = response.data.total
|
||||||
|
}
|
||||||
|
)
|
||||||
|
},
|
||||||
|
//故障码展示
|
||||||
|
getfaultlog(){
|
||||||
|
getfaultlog(this.ruleForm).then(response=>{
|
||||||
|
this.tableData=response.data.faultLogListRespList
|
||||||
|
this.total=response.data.total
|
||||||
|
})
|
||||||
|
},
|
||||||
|
},
|
||||||
|
////生命周期 - 创建完成(可以访问当前this实例)",
|
||||||
|
created() {
|
||||||
|
this.getMemberList()
|
||||||
|
},
|
||||||
|
//生命周期 - 挂载完成(可以访问DOM元素)",
|
||||||
|
mounted() {
|
||||||
|
},
|
||||||
|
beforeCreate() {
|
||||||
|
}, //生命周期 - 创建之前",
|
||||||
|
beforeMount() {
|
||||||
|
}, //生命周期 - 挂载之前",
|
||||||
|
beforeUpdate() {
|
||||||
|
}, //生命周期 - 更新之前",
|
||||||
|
updated() {
|
||||||
|
}, //生命周期 - 更新之后",
|
||||||
|
beforeDestroy() {
|
||||||
|
}, //生命周期 - 销毁之前",
|
||||||
|
destroyed() {
|
||||||
|
}, //生命周期 - 销毁完成",
|
||||||
|
activated() {
|
||||||
|
} //如果页面有keep-alive缓存功能,这个函数会触发",
|
||||||
|
};
|
||||||
|
</script>
|
||||||
|
<style scoped>
|
||||||
|
|
||||||
|
</style>
|
Loading…
Reference in New Issue