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