fix():提交前台功能
parent
c6f4c91bea
commit
d515035753
|
@ -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,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,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