Merge remote-tracking branch 'origin/master' into dev.breakdown
commit
bfea26a519
|
|
@ -0,0 +1,580 @@
|
|||
<template>
|
||||
|
||||
<div>
|
||||
<el-badge :value="this.count" class="item">
|
||||
<el-button @click="drawer = true" type="primary" style="margin-left: 16px;" size="small">消息中心</el-button>
|
||||
</el-badge>
|
||||
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
||||
<el-form-item label="故障码">
|
||||
<el-input v-model="formInline.faultCode" placeholder="请输入故障码"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="故障位">
|
||||
<el-input v-model="formInline.faultBit" placeholder="请输入故障位"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="findSysCarFaultList()" icon="el-icon-search">查询</el-button>
|
||||
<el-button @click="onSubmit" icon="el-icon-refresh">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
icon="el-icon-plus"
|
||||
plain
|
||||
size="mini"
|
||||
type="primary"
|
||||
@click="dialogFormVisible=true"
|
||||
>新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
v-hasPermi="['system:role:edit']"
|
||||
:disabled="single"
|
||||
icon="el-icon-edit"
|
||||
plain
|
||||
size="mini"
|
||||
type="success"
|
||||
@click="handleUpdate"
|
||||
>修改
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
v-hasPermi="['system:role:remove']"
|
||||
:disabled="multiple"
|
||||
icon="el-icon-delete"
|
||||
plain
|
||||
size="mini"
|
||||
type="danger"
|
||||
@click="handleDelete"
|
||||
>删除
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
v-hasPermi="['system:role:export']"
|
||||
icon="el-icon-download"
|
||||
plain
|
||||
size="mini"
|
||||
type="warning"
|
||||
@click="handleExport"
|
||||
>导出
|
||||
</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%">
|
||||
<el-table-column align="center" type="selection" width="55"/>
|
||||
<el-table-column
|
||||
label="ID"
|
||||
width="100">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.id }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="故障码"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.faultCode }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="故障类型"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<div slot="reference" class="name-wrapper">
|
||||
<el-tag size="danger">{{ scope.row.faultTypeName }}</el-tag>
|
||||
</div>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="故障组"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.date }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="故障位"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.faultBit }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="故障值"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.faultValue }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="故障标签"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.faultLabel }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="是否警告"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px" v-if="scope.row.warnStatus == 'Y'">是</span>
|
||||
<span style="margin-left: 10px" v-if="scope.row.warnStatus == 'N'">否</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="启用状态"
|
||||
width="150">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px" v-if="scope.row.state==1">待处理</span>
|
||||
<span style="margin-left: 10px" v-if="scope.row.state==2">处理中</span>
|
||||
<span style="margin-left: 10px" v-if="scope.row.state==3">已处理</span>
|
||||
<span style="margin-left: 10px" v-if="scope.row.state==4">忽略</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleEdit(scope.row)">修改</el-button>
|
||||
<el-button
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleDelete(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
|
||||
<!-- 添加车辆故障码对话框-->
|
||||
<el-dialog title="添加车辆故障码" :visible.sync="dialogFormVisible">
|
||||
<el-form :model="form">
|
||||
<el-form-item label="车辆故障编码" >
|
||||
<el-input v-model="form.faultCode" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="车辆故障名称" >
|
||||
<el-input v-model="form.faultName" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="车辆故障类型" >
|
||||
<el-input v-model="form.faultTypeId" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="故障组（可为空）" >
|
||||
<el-input v-model="form.faultGroup" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="故障VIN编码" >
|
||||
<el-input v-model="form.carVin" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="车辆故障标签（可为空）" >
|
||||
<el-input v-model="form.faultLabel" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="车辆故障位" >
|
||||
<el-input v-model="form.faultBit" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="车辆故障值" >
|
||||
<el-input v-model="form.faultValue" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="故障级别" >
|
||||
<el-select v-model="form.faultWarn" placeholder="请选择故障级别">
|
||||
<el-option label="一级" value="一级">一级</el-option>
|
||||
<el-option label="二级" value="二级">二级</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="报警状态（Y.是，N.否）" >
|
||||
<el-radio v-model="form.warnStatus" label="Y">是</el-radio>
|
||||
<el-radio v-model="form.warnStatus" label="N">否</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="故障描述信息" >
|
||||
<el-input v-model="form.faultDesc" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<!-- <el-form-item label="启用状态(1.待处理 2.处理中 3.已处理 4.忽略)" >-->
|
||||
<!-- <el-select v-model="form.state" 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-select>-->
|
||||
<!-- </el-form-item>-->
|
||||
|
||||
<!-- <el-form-item label="创建人" >-->
|
||||
<!-- <el-input v-model="form.createBy" autocomplete="off"></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
|
||||
<!-- <el-form-item label="创建时间" >-->
|
||||
<!-- <el-input v-model="form.createTime" autocomplete="off"></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
|
||||
<!-- <el-form-item label="更新人" >-->
|
||||
<!-- <el-input v-model="form.updateBy" autocomplete="off"></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
|
||||
<!-- <el-form-item label="更新时间" >-->
|
||||
<!-- <el-input v-model="form.updateTime" autocomplete="off"></el-input>-->
|
||||
<!-- </el-form-item>-->
|
||||
|
||||
<el-form-item label="备注" >
|
||||
<el-input v-model="form.remark" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="carFaultAdd()">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
<!-- 修改车辆故障码对话框-->
|
||||
<el-dialog title="添加车辆故障码" :visible.sync="dialogFormVisible1">
|
||||
<el-form :model="formUpdate">
|
||||
<el-form-item label="ID" >
|
||||
<el-input v-model="formUpdate.id" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="车辆故障编码" >
|
||||
<el-input v-model="formUpdate.faultCode" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="车辆故障名称" >
|
||||
<el-input v-model="formUpdate.faultName" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="车辆故障类型" >
|
||||
<el-input v-model="formUpdate.faultTypeName" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="故障组（可为空）" >
|
||||
<el-input v-model="formUpdate.faultGroup" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="故障VIN编码" >
|
||||
<el-input v-model="formUpdate.carVin" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="车辆故障标签（可为空）" >
|
||||
<el-input v-model="formUpdate.faultLabel" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="车辆故障位" >
|
||||
<el-input v-model="formUpdate.faultBit" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="车辆故障值" >
|
||||
<el-input v-model="formUpdate.faultValue" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="故障级别" >
|
||||
<el-select v-model="formUpdate.faultWarn" placeholder="请选择故障级别">
|
||||
<el-option label="一级故障" value="一级故障">一级故障</el-option>
|
||||
<el-option label="二级故障" value="二级故障">二级故障</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="报警状态（Y.是，N.否）" >
|
||||
<el-radio v-model="formUpdate.warnStatus" label="Y">是</el-radio>
|
||||
<el-radio v-model="formUpdate.warnStatus" label="N">否</el-radio>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="故障描述信息" >
|
||||
<el-input v-model="formUpdate.faultDesc" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="启用状态(1.待处理 2.处理中 3.已处理 4.忽略)" >
|
||||
<el-select v-model="formUpdate.state" placeholder="请选择启用状态">
|
||||
<el-option label="待处理" value="1"></el-option>
|
||||
<el-option label="处理中" value="2"></el-option>
|
||||
<el-option label="已处理" value="3"></el-option>
|
||||
<el-option label="忽略" value="4"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="创建人" >
|
||||
<el-input v-model="formUpdate.createBy" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="创建时间" >
|
||||
<el-input v-model="formUpdate.createTime" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="更新人" >
|
||||
<el-input v-model="formUpdate.updateBy" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="更新时间" >
|
||||
<el-input v-model="formUpdate.updateTime" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="备注" >
|
||||
<el-input v-model="formUpdate.remark" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
||||
<el-button type="primary" @click="updateCarFault()">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
<pagination
|
||||
v-show="formInline.total>0"
|
||||
:limit.sync="formInline.pageSize"
|
||||
:page.sync="formInline.pageNum"
|
||||
:total="formInline.total"
|
||||
@pagination="findSysCarFaultList"
|
||||
/>
|
||||
|
||||
<!-- 站内信-->
|
||||
<el-drawer
|
||||
:visible.sync="drawer"
|
||||
size="50%">
|
||||
<div>
|
||||
<el-table
|
||||
:data="messageList"
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
label="id"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.id }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="消息内容"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.content }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="消息状态"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px" v-if="scope.row.status==1">未读</span>
|
||||
<span style="margin-left: 10px" v-if="scope.row.status==2">已读</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="danger"
|
||||
@click="updateMessage(scope.row)">点击查看</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
<el-drawer
|
||||
:append-to-body="true"
|
||||
:before-close="handleClose"
|
||||
:visible.sync="innerDrawer">
|
||||
<el-form label-width="80px" :model="formMessage">
|
||||
<el-form-item label="id">
|
||||
<el-input v-model="formMessage.id"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="发送者">
|
||||
<el-input v-model="formMessage.sender"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="接受者">
|
||||
<el-input v-model="formMessage.receiver"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="消息内容">
|
||||
<el-input v-model="formMessage.content"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="发布时间">
|
||||
<el-input v-model="formMessage.createdAt"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</el-drawer>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
|
||||
//例如：import 《组件名称》 from '《组件路径》,
|
||||
import {findSysCarFaultList} from "@/api/car/fault";
|
||||
import {addSysCarFault} from "@/api/car/fault";
|
||||
import {updateSysCarFault} from "@/api/car/fault";
|
||||
import {deleteSysCarFaultId} from "@/api/car/fault";
|
||||
import {ALL} from "@riophae/vue-treeselect/src/constants"
|
||||
import {findMessageList} from "@/api/car/fault";
|
||||
import {updateMessage} from "@/api/car/fault";
|
||||
import {selectStatusOne} from "@/api/car/fault";
|
||||
export default {
|
||||
//import引入的组件需要注入到对象中才能使用"
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
//这里存放数据"
|
||||
|
||||
return {
|
||||
//查询未读消息条数
|
||||
count:"",
|
||||
//站内信
|
||||
drawer: false,
|
||||
innerDrawer: false,
|
||||
messageList:[],
|
||||
formMessage:{},
|
||||
//查询车辆故障列表
|
||||
tableData:[],
|
||||
//查询条件
|
||||
formInline:{
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
// 总条数
|
||||
total: 0,
|
||||
},
|
||||
//添加车辆故障码
|
||||
form:{},
|
||||
dialogFormVisible:false,
|
||||
//修改车辆故障码
|
||||
formUpdate:{},
|
||||
dialogFormVisible1:false,
|
||||
//删除车辆故障码
|
||||
id:"",
|
||||
};
|
||||
},
|
||||
//计算属性 类似于data概念",
|
||||
computed: {},
|
||||
//监控data中的数据变化",
|
||||
watch: {},
|
||||
//方法集合",
|
||||
methods: {
|
||||
//查询未读消息条数
|
||||
selectStatus(){
|
||||
selectStatusOne().then((res)=>{
|
||||
this.count=res.data;
|
||||
})
|
||||
},
|
||||
//修改站内信状态
|
||||
updateMessage(row){
|
||||
this.formMessage=row;
|
||||
this.innerDrawer=true;
|
||||
updateMessage(this.formMessage).then((res)=>{
|
||||
this.findMessageList();
|
||||
this.selectStatus();
|
||||
})
|
||||
},
|
||||
//站内信列表
|
||||
findMessageList(){
|
||||
|
||||
findMessageList(this.formMessage).then((res)=>{
|
||||
this.messageList=res.data;
|
||||
})
|
||||
},
|
||||
//删除车辆故障码
|
||||
handleDelete(row){
|
||||
this.id=row.id;
|
||||
alert(this.id)
|
||||
deleteSysCarFaultId(this.id).then((res)=>{
|
||||
alert(res.msg);
|
||||
if (200==res.code){
|
||||
this.findSysCarFaultList();
|
||||
}
|
||||
})
|
||||
},
|
||||
//修改回显打开对话框
|
||||
handleEdit(row){
|
||||
this.formUpdate=row;
|
||||
this.dialogFormVisible1=true;
|
||||
},
|
||||
//修改车辆故障码
|
||||
updateCarFault(){
|
||||
updateSysCarFault(this.formUpdate).then((res)=>{
|
||||
alert(res.msg);
|
||||
if (200==res.code){
|
||||
this.findSysCarFaultList();
|
||||
this.dialogFormVisible1=false;
|
||||
}
|
||||
})
|
||||
},
|
||||
//添加车辆故障码
|
||||
carFaultAdd(){
|
||||
addSysCarFault(this.form).then((res)=>{
|
||||
alert(res.msg);
|
||||
if (200==res.code){
|
||||
this.findSysCarFaultList();
|
||||
this.dialogFormVisible=false;
|
||||
}
|
||||
})
|
||||
},
|
||||
//查询车辆故障列表
|
||||
findSysCarFaultList(){
|
||||
findSysCarFaultList(this.formInline).then((res)=>{
|
||||
this.tableData = res.data.rows;
|
||||
this.formInline.total=res.data.total;
|
||||
})
|
||||
},
|
||||
handleSizeChange(val) {
|
||||
alert(val)
|
||||
this.formInline.pageSize=val;
|
||||
this.findSysCarFaultList();
|
||||
},
|
||||
handleCurrentChange(val) {
|
||||
this.formInline.pageNum=val;
|
||||
this.findSysCarFaultList();
|
||||
}
|
||||
},
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
created() {
|
||||
this.findSysCarFaultList();
|
||||
this.findMessageList();
|
||||
this.selectStatus();
|
||||
},
|
||||
//生命周期 - 挂载完成（可以访问DOM元素）",
|
||||
mounted() {
|
||||
},
|
||||
beforeCreate() {
|
||||
}, //生命周期 - 创建之前",
|
||||
beforeMount() {
|
||||
}, //生命周期 - 挂载之前",
|
||||
beforeUpdate() {
|
||||
}, //生命周期 - 更新之前",
|
||||
updated() {
|
||||
}, //生命周期 - 更新之后",
|
||||
beforeDestroy() {
|
||||
}, //生命周期 - 销毁之前",
|
||||
destroyed() {
|
||||
}, //生命周期 - 销毁完成",
|
||||
activated() {
|
||||
} //如果页面有keep-alive缓存功能，这个函数会触发",
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.item {
|
||||
margin-top: 5px;
|
||||
margin-right: 30px;
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,273 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
||||
<el-form-item label="故障码">
|
||||
<el-input v-model="formInline.faultCode" placeholder="请输入故障码"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="车辆VIN">
|
||||
<el-input v-model="formInline.carVin" placeholder="请输入VIN"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="开始报警时间">
|
||||
<el-input v-model="formInline.initiateDate" placeholder="请输入VIN"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="结束报警时间">
|
||||
<el-input v-model="formInline.finishDate" placeholder="请输入VIN"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="findSysFaultLogList()" icon="el-icon-search">查询</el-button>
|
||||
<el-button @click="resetFindSysFaultLogList()" icon="el-icon-refresh">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
icon="el-icon-plus"
|
||||
plain
|
||||
size="mini"
|
||||
type="primary"
|
||||
@click="dialogFormVisible=true"
|
||||
>新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
v-hasPermi="['system:role:edit']"
|
||||
:disabled="single"
|
||||
icon="el-icon-edit"
|
||||
plain
|
||||
size="mini"
|
||||
type="success"
|
||||
@click="handleUpdate"
|
||||
>修改
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
v-hasPermi="['system:role:remove']"
|
||||
:disabled="multiple"
|
||||
icon="el-icon-delete"
|
||||
plain
|
||||
size="mini"
|
||||
type="danger"
|
||||
@click="handleDelete"
|
||||
>删除
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
v-hasPermi="['system:role:export']"
|
||||
icon="el-icon-download"
|
||||
plain
|
||||
size="mini"
|
||||
type="warning"
|
||||
@click="handleExport"
|
||||
>导出
|
||||
</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
label="主键ID"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.id }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="故障码"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.faultCode }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="车辆故障名称"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.faultName }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="车辆故障类型"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.faultTypeName }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="故障VIN编码"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.carVin }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="开始报警时间"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.initiateDate }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="结束报警时间"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.finishDate }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleEdit(scope.row)">修改</el-button>
|
||||
<el-button
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleDelete(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-dialog title="修改故障日志信息" :visible.sync="dialogFormVisible">
|
||||
<el-form :model="updateform">
|
||||
<el-form-item label="主键ID" :label-width="formLabelWidth">
|
||||
<el-input v-model="updateform.id" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="故障码" :label-width="formLabelWidth">
|
||||
<el-input v-model="updateform.faultCode" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="车辆故障名称" :label-width="formLabelWidth">
|
||||
<el-input v-model="updateform.faultName" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="车辆故障类型" :label-width="formLabelWidth">
|
||||
<el-input v-model="updateform.faultTypeId" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="故障VIN编码" :label-width="formLabelWidth">
|
||||
<el-input v-model="updateform.carVin" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="开始报警时间" :label-width="formLabelWidth">
|
||||
<el-input v-model="updateform.initiateDate" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="结束报警时间" :label-width="formLabelWidth">
|
||||
<el-input v-model="updateform.finishDate" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="updateSysFaultLog()">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
|
||||
//例如：import 《组件名称》 from '《组件路径》,
|
||||
import {findSysFaultLogList} from "@/api/car/fault/log";
|
||||
import {deleteSysFaultLog} from "@/api/car/fault/log";
|
||||
import {updateSysFaultLog} from "@/api/car/fault/log";
|
||||
export default {
|
||||
//import引入的组件需要注入到对象中才能使用"
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
//这里存放数据"
|
||||
|
||||
return {
|
||||
//
|
||||
updateform:{},
|
||||
//修改弹出框是否显示
|
||||
dialogFormVisible:false,
|
||||
//查询条件
|
||||
tableData:[],
|
||||
formInline:{},
|
||||
};
|
||||
},
|
||||
//计算属性 类似于data概念",
|
||||
computed: {},
|
||||
//监控data中的数据变化",
|
||||
watch: {},
|
||||
//方法集合",
|
||||
methods: {
|
||||
//修改车辆故障码
|
||||
updateSysFaultLog(){
|
||||
alert(this.updateform.id);
|
||||
updateSysFaultLog(this.updateform).then((res)=>{
|
||||
alert(res.msg);
|
||||
if (200==res.code){
|
||||
this.findSysFaultLogList();
|
||||
this.dialogFormVisible=false;
|
||||
}
|
||||
})
|
||||
},
|
||||
//修改回显打开对话框
|
||||
handleEdit(row){
|
||||
this.updateform=row;
|
||||
this.dialogFormVisible=true;
|
||||
},
|
||||
//删除日志
|
||||
handleDelete(row){
|
||||
alert(row.id);
|
||||
deleteSysFaultLog(row.id).then((res)=>{
|
||||
alert(res.msg);
|
||||
if (200==res.code){
|
||||
this.findSysFaultLogList();
|
||||
}
|
||||
})
|
||||
},
|
||||
//重置
|
||||
resetFindSysFaultLogList(){
|
||||
this.findSysFaultLogList();
|
||||
},
|
||||
//查询日志列表
|
||||
findSysFaultLogList(){
|
||||
findSysFaultLogList(this.formInline).then((res)=>{
|
||||
this.tableData=res.data.rows;
|
||||
})
|
||||
}
|
||||
},
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
created() {
|
||||
this.findSysFaultLogList();
|
||||
},
|
||||
//生命周期 - 挂载完成（可以访问DOM元素）",
|
||||
mounted() {
|
||||
},
|
||||
beforeCreate() {
|
||||
}, //生命周期 - 创建之前",
|
||||
beforeMount() {
|
||||
}, //生命周期 - 挂载之前",
|
||||
beforeUpdate() {
|
||||
}, //生命周期 - 更新之前",
|
||||
updated() {
|
||||
}, //生命周期 - 更新之后",
|
||||
beforeDestroy() {
|
||||
}, //生命周期 - 销毁之前",
|
||||
destroyed() {
|
||||
}, //生命周期 - 销毁完成",
|
||||
activated() {
|
||||
} //如果页面有keep-alive缓存功能，这个函数会触发",
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
|
@ -0,0 +1,244 @@
|
|||
<template>
|
||||
<div>
|
||||
<div style="text-align: center">
|
||||
<h1>添加报文规则</h1>
|
||||
</div>
|
||||
<el-form :inline="true" :model="formInline" class="demo-form-inline">
|
||||
<el-form-item label="VIN">
|
||||
<el-select v-model="formInline.sysCarId" placeholder="请选择VIN码">
|
||||
<el-option v-for="i in vin" :key="i" :label="i.carVin" :value="i.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="报文名称">
|
||||
<el-select v-model="formInline.sysMessageTypeId" placeholder="报文名称">
|
||||
<el-option v-for="i in messageTypeCar" :key="i" :label="i.messageName" :value="i.id"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="一级故障范围">
|
||||
<el-input v-model="formInline.messageOne"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="二级故障范围">
|
||||
<el-input v-model="formInline.messageTwo"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button type="primary" @click="addMessageTypeCar()">添加规则</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div style="text-align: center">
|
||||
<h1>测试规则</h1>
|
||||
</div>
|
||||
|
||||
<el-form :inline="true" :model="formCare" class="demo-form-inline">
|
||||
<el-form-item label="VIN">
|
||||
<el-input v-model="formCare.carVin"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item>
|
||||
<el-button @click="findMessageTypeCarList">查询</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-table
|
||||
:data="tableData"
|
||||
style="width: 100%">
|
||||
<el-table-column
|
||||
label="ID"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.id }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="车辆vin码"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.carVin }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="报文编码"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.messageCode }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="报文名称"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.messageName }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="一级故障范围"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.messageOne }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="二级故障范围"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.messageTwo }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="测试"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<el-input v-model="scope.row.messageTest"></el-input>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column>
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="danger"
|
||||
@click="ruleMessageTypeCar(scope.row)">测试</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleEdit(scope.row)">修改</el-button>
|
||||
<el-button
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
type="text"
|
||||
@click="handleDelete(scope.row)">删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
|
||||
//例如：import 《组件名称》 from '《组件路径》,
|
||||
import {findMessageTypeCarList} from "@/api/car/fault/test";
|
||||
import {ruleMessageTypeCar} from "@/api/car/fault/test";
|
||||
import {addMessageTypeCar} from "@/api/car/fault/test";
|
||||
import {findSysCarList} from "@/api/car/fault/test";
|
||||
import {findSysMessageTypeList} from "@/api/car/fault/test";
|
||||
import {deleteMessageTypeCarId} from "@/api/car/fault/test";
|
||||
export default {
|
||||
//import引入的组件需要注入到对象中才能使用"
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
//这里存放数据"
|
||||
|
||||
return {
|
||||
//报文名称下拉框
|
||||
messageTypeCar:[],
|
||||
//VIN下拉框
|
||||
vin:[],
|
||||
//添加规则
|
||||
formInline:{},
|
||||
//测试故障规则
|
||||
MessageTypeCar:{
|
||||
id:"",
|
||||
},
|
||||
//表格数据
|
||||
tableData:[],
|
||||
formCare:{},
|
||||
};
|
||||
},
|
||||
//计算属性 类似于data概念",
|
||||
computed: {},
|
||||
//监控data中的数据变化",
|
||||
watch: {},
|
||||
//方法集合",
|
||||
methods: {
|
||||
//删除报文规则
|
||||
handleDelete(row){
|
||||
deleteMessageTypeCarId(row.id).then((res)=>{
|
||||
alert(res.msg);
|
||||
if (200==res.code){
|
||||
this.findMessageTypeCarList();
|
||||
}
|
||||
})
|
||||
},
|
||||
//添加规则
|
||||
addMessageTypeCar(){
|
||||
addMessageTypeCar(this.formInline).then((res)=>{
|
||||
alert(res.msg);
|
||||
if (200==res.code){
|
||||
this.findMessageTypeCarList();
|
||||
}
|
||||
})
|
||||
},
|
||||
//报文名称下拉框
|
||||
findSysMessageTypeList(){
|
||||
findSysMessageTypeList().then((res)=>{
|
||||
this.messageTypeCar=res.data;
|
||||
})
|
||||
},
|
||||
//VIN下拉框
|
||||
findSysCarList(){
|
||||
findSysCarList().then((res)=>{
|
||||
this.vin=res.data;
|
||||
})
|
||||
},
|
||||
//测试故障规则
|
||||
ruleMessageTypeCar(row){
|
||||
this.MessageTypeCar=row;
|
||||
// alert(this.MessageTypeCar.id);
|
||||
ruleMessageTypeCar(this.MessageTypeCar).then((res)=>{
|
||||
alert(res.msg);
|
||||
if (200==res.code){
|
||||
|
||||
}
|
||||
})
|
||||
},
|
||||
//查询故障规则
|
||||
findMessageTypeCarList() {
|
||||
findMessageTypeCarList(this.formCare).then((res) => {
|
||||
this.tableData = res.data.rows;
|
||||
})
|
||||
}
|
||||
},
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
created() {
|
||||
this.findMessageTypeCarList();
|
||||
this.findSysCarList();
|
||||
this.findSysMessageTypeList();
|
||||
},
|
||||
//生命周期 - 挂载完成（可以访问DOM元素）",
|
||||
mounted() {
|
||||
},
|
||||
beforeCreate() {
|
||||
}, //生命周期 - 创建之前",
|
||||
beforeMount() {
|
||||
}, //生命周期 - 挂载之前",
|
||||
beforeUpdate() {
|
||||
}, //生命周期 - 更新之前",
|
||||
updated() {
|
||||
}, //生命周期 - 更新之后",
|
||||
beforeDestroy() {
|
||||
}, //生命周期 - 销毁之前",
|
||||
destroyed() {
|
||||
}, //生命周期 - 销毁完成",
|
||||
activated() {
|
||||
} //如果页面有keep-alive缓存功能，这个函数会触发",
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
Loading…
Reference in New Issue