Compare commits
No commits in common. "dev.warning" and "master" have entirely different histories.
dev.warnin
...
master
|
|
@ -36,11 +36,13 @@
|
|||
"url": "https://gitee.com/y_project/MuYu-Cloud.git"
|
||||
},
|
||||
"dependencies": {
|
||||
"@amap/amap-jsapi-loader": "^1.0.1",
|
||||
"@riophae/vue-treeselect": "0.4.0",
|
||||
"axios": "0.24.0",
|
||||
"clipboard": "2.0.8",
|
||||
"core-js": "3.25.3",
|
||||
"echarts": "5.4.0",
|
||||
"element-china-area-data": "^5.0.2",
|
||||
"element-ui": "2.15.14",
|
||||
"file-saver": "2.0.5",
|
||||
"fuse.js": "6.4.3",
|
||||
|
|
|
|||
|
|
@ -9,6 +9,8 @@
|
|||
<title><%= webpackConfig.name %></title>
|
||||
<!--[if lt IE 11]>
|
||||
<script>window.location.href = '/html/ie.html';</script><![endif]-->
|
||||
<script type="text/javascript"
|
||||
src="https://webapi.amap.com/maps?v=1.4.15&key=bec0cf8516dae626fd99eb46944e3843"></script>
|
||||
<style>
|
||||
html,
|
||||
body,
|
||||
|
|
|
|||
|
|
@ -0,0 +1,156 @@
|
|||
import request from "@/utils/request";
|
||||
|
||||
|
||||
export function listManager(query) {
|
||||
return request({
|
||||
url: '/vehicleManagement/vehicle/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
export function getManagerId(id) {
|
||||
return request({
|
||||
url: '/vehicleManagement/vehicle/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function addManager(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/vehicle/add',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateManager(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/vehicle/edit',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function testMessage() {
|
||||
return request({
|
||||
url: '/vehicleManagement/messageInfo/test',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
export function delManager(id) {
|
||||
return request({
|
||||
url: '/vehicleManagement/vehicle/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
//----------------报---------
|
||||
export function listMessage(query) {
|
||||
return request({
|
||||
url: '/vehicleManagement/messageInfo/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
export function getMessage(id) {
|
||||
return request({
|
||||
url: '/vehicleManagement/messageInfo/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
export function addMessage(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/messageInfo',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function updateMessageDetail(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/updateMessage',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
export function delMessage(id) {
|
||||
return request({
|
||||
url: '/vehicleManagement/messageInfo/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
// 查询车辆实时数据
|
||||
export function getDataByRedis(carVin) {
|
||||
return request({
|
||||
url: '/vehicleManagement/redis/getDataByRedis/' + carVin,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
//提交报文
|
||||
export function submit(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/vehicleMessageMiddle/submit',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
// --------------类型-----------
|
||||
// 查询车辆报文类型列表
|
||||
export function listMessageType(query) {
|
||||
return request({
|
||||
url: '/vehicleManagement/messageType/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询车辆报文类型详细
|
||||
export function getMessageType(messageCode) {
|
||||
return request({
|
||||
url: '/vehicleManagement/messageType/' + messageCode,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增车辆报文类型
|
||||
export function addMessageType(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/messageType',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改车辆报文类型
|
||||
export function updateMessageType(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/messageType',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除车辆报文类型
|
||||
export function delMessageType(id) {
|
||||
return request({
|
||||
url: '/vehicleManagement/messageType/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,60 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
//查询车辆故障列表
|
||||
export function findSysCarFaultList(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/car/fault/findSysCarFaultList',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
//添加车辆故障码
|
||||
export function addSysCarFault(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/car/fault/addSysCarFault',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
//修改车辆故障码
|
||||
export function updateSysCarFault(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/car/fault/updateSysCarFault',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
//删除车辆故障码
|
||||
export function deleteSysCarFaultId(id) {
|
||||
return request({
|
||||
url: '/vehicleManagement/car/fault/deleteSysCarFaultId?id='+id,
|
||||
method: 'GET'
|
||||
})
|
||||
}
|
||||
//站内信消息列表
|
||||
export function findMessageList(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/message/findMessageList',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
//站内信修改状态
|
||||
export function updateMessage(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/message/updateMessage',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
//查询未读消息条数
|
||||
export function selectStatusOne() {
|
||||
return request({
|
||||
url: '/vehicleManagement/message/selectStatusOne',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
//查询故障日志列表
|
||||
export function findSysFaultLogList(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/list/log/findSysFaultLogList',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
||||
//删除故障日志
|
||||
export function deleteSysFaultLog(id) {
|
||||
return request({
|
||||
url: '/vehicleManagement/list/log/deleteSysFaultLog?id='+id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
//修改故障日志
|
||||
export function updateSysFaultLog(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/list/log/updateSysFaultLog',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
|
@ -0,0 +1,80 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
// 查询消息类型列表
|
||||
export function findMessageTypeList(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/type/findMessageTypeList',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
//测试报文故障规则
|
||||
// export function ruleMessageType(data) {
|
||||
// return request({
|
||||
// url: '/system/type/ruleMessageType',
|
||||
// method: 'post',
|
||||
// data:data
|
||||
// })
|
||||
// }
|
||||
|
||||
//规则查询列表
|
||||
export function findMessageTypeCarList(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/test/findMessageTypeCarList',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
//测试报文故障规则
|
||||
export function ruleMessageTypeCar(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/test/ruleMessageTypeCar',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
//添加规则
|
||||
export function addMessageTypeCar(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/test/addMessageTypeCar',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
//VIN下拉框
|
||||
export function findSysCarList() {
|
||||
return request({
|
||||
url: '/vehicleManagement/test/findSysCarList',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
//报文名称下拉框
|
||||
export function findSysMessageTypeList() {
|
||||
return request({
|
||||
url: '/vehicleManagement/test/findSysMessageTypeList',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
//删除报文规则
|
||||
export function deleteMessageTypeCarId(id) {
|
||||
return request({
|
||||
url: '/vehicleManagement/test/deleteMessageTypeCarId?id='+id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
//修改报文规则
|
||||
export function updateMessageTypeCar(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/test/updateMessageTypeCar',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
/**
|
||||
* 企业入驻列表
|
||||
* @param data
|
||||
* @returns {AxiosPromise}
|
||||
*/
|
||||
export function findEnterpriseList(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/firm/findEnterpriseList',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 添加企业入驻
|
||||
* @param data
|
||||
* @returns {*}
|
||||
*/
|
||||
export function enterpriseAdd(data) {
|
||||
return request({
|
||||
url: '/vehicleManagement/firm/enterpriseAdd',
|
||||
method: 'post',
|
||||
data:data
|
||||
})
|
||||
}
|
||||
|
|
@ -60,3 +60,15 @@ export function getCodeImg() {
|
|||
timeout: 20000
|
||||
})
|
||||
}
|
||||
|
||||
/**
|
||||
* 企业下拉框
|
||||
* @param data
|
||||
* @returns {*}
|
||||
*/
|
||||
export function firmList() {
|
||||
return request({
|
||||
url: '/system/user/firmList',
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,9 +0,0 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
//查询车辆类型列表
|
||||
export function listCarTypeList() {
|
||||
return request({
|
||||
url: '/platform/type/findSysCarType',
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
// 查询预警日志列表
|
||||
export function listLogs(query) {
|
||||
return request({
|
||||
url: '/platform/logs/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询预警日志详细
|
||||
export function getLogs(id) {
|
||||
return request({
|
||||
url: '/platform/logs/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增预警日志
|
||||
export function addLogs(data) {
|
||||
return request({
|
||||
url: '/platform/logs',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改预警日志
|
||||
export function updateLogs(data) {
|
||||
return request({
|
||||
url: '/platform/logs',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除预警日志
|
||||
export function delLogs(id) {
|
||||
return request({
|
||||
url: '/platform/logs/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
// 查询预警规则列表
|
||||
export function listRule(query) {
|
||||
return request({
|
||||
url: '/platform/rule/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询预警规则详细
|
||||
export function getRule(id) {
|
||||
return request({
|
||||
url: '/platform/rule/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增预警规则
|
||||
export function addRule(data) {
|
||||
return request({
|
||||
url: '/platform/rule',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改预警规则
|
||||
export function updateRule(data) {
|
||||
return request({
|
||||
url: '/platform/rule',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除预警规则
|
||||
export function delRule(id) {
|
||||
return request({
|
||||
url: '/platform/rule/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
|
@ -1,44 +0,0 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
// 查询预警策略列表
|
||||
export function listStrategy(query) {
|
||||
return request({
|
||||
url: '/platform/strategy/list',
|
||||
method: 'get',
|
||||
params: query
|
||||
})
|
||||
}
|
||||
|
||||
// 查询预警策略详细
|
||||
export function getStrategy(id) {
|
||||
return request({
|
||||
url: '/platform/strategy/' + id,
|
||||
method: 'get'
|
||||
})
|
||||
}
|
||||
|
||||
// 新增预警策略
|
||||
export function addStrategy(data) {
|
||||
return request({
|
||||
url: '/platform/strategy',
|
||||
method: 'post',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 修改预警策略
|
||||
export function updateStrategy(data) {
|
||||
return request({
|
||||
url: '/platform/strategy',
|
||||
method: 'put',
|
||||
data: data
|
||||
})
|
||||
}
|
||||
|
||||
// 删除预警策略
|
||||
export function delStrategy(id) {
|
||||
return request({
|
||||
url: '/platform/strategy/' + id,
|
||||
method: 'delete'
|
||||
})
|
||||
}
|
||||
|
|
@ -1,8 +0,0 @@
|
|||
import request from '@/utils/request'
|
||||
|
||||
export function listMessageName() {
|
||||
return request({
|
||||
url: '/platform/MessageName/list',
|
||||
method: 'get',
|
||||
})
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 43 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 78 KiB |
|
|
@ -0,0 +1,282 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-button
|
||||
v-for="(tab, index) in tabs"
|
||||
:key="index"
|
||||
:type="activeTab === tab ? 'primary' : 'default'"
|
||||
@click="activeTab = tab"
|
||||
>
|
||||
{{ tab }}
|
||||
</el-button>
|
||||
|
||||
<div v-if="activeTab === '车辆报文'">
|
||||
<h2>车辆报文</h2>
|
||||
<el-row>
|
||||
<el-button size="small" @click=" dialogFormVisible = true">
|
||||
添加模板
|
||||
</el-button>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-tabs v-model="editableTabsValue" :tab-position="tabPosition" type="card" @tab-click="handleTabClick">
|
||||
<el-tab-pane
|
||||
v-for="(item,index) in editableTabsValue"
|
||||
:key="item.keyCode"
|
||||
:label="item.keyCode"
|
||||
:name="item.keyCode"
|
||||
>
|
||||
<el-card>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="报文类别" prop="messageTypeCode">
|
||||
<el-select v-model="form.messageType" clearable placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value"
|
||||
></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="车文类型编码" prop="label">
|
||||
<el-select v-model="form.label" clearable placeholder="请选择车辆报文类型编码">
|
||||
<el-option
|
||||
v-for="item in messageTypeList"
|
||||
:key="item.messageCode"
|
||||
:label="item.messageName"
|
||||
:value="item.messageCode"
|
||||
>
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="开始位下标" prop="startBit">
|
||||
<el-input v-model="form.startBit" placeholder="请输入开始位下标"></el-input>
|
||||
</el-form-item>
|
||||
<el-form-item label="结束位下标" prop="stopBit">
|
||||
<el-input v-model="form.stopBit" placeholder="请输入结束位下标"></el-input>
|
||||
</el-form-item>
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
</el-form>
|
||||
|
||||
<el-tabs @tab-click="handleTypeTabClick" >
|
||||
<el-tab-pane
|
||||
v-for="(item, index) in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:name="item.value"
|
||||
>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
<el-table v-loading="loading" :data="messageList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="车辆报文类型编码" align="center" prop="label" />
|
||||
<el-table-column label="开始位下标" align="center" prop="startBit" />
|
||||
<el-table-column label="结束位下标" align="center" prop="stopBit" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<el-dialog title="添加模板" :visible.sync="dialogFormVisible">
|
||||
<el-form :model="modelCodes">
|
||||
<el-form-item label="模板">
|
||||
<el-input v-model="modelCodes" 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="addTab">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</el-card>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-row>
|
||||
</div>
|
||||
<div v-else-if="activeTab === '故障管理'">
|
||||
<h2>故障管理</h2>
|
||||
|
||||
</div>
|
||||
<div v-else-if="activeTab === '指标预警'">
|
||||
<h2>指标预警</h2>
|
||||
|
||||
</div>
|
||||
<div v-else-if="activeTab === '电子围栏'">
|
||||
<h2>电子围栏</h2>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import { listMessage ,getMessage, delMessage, addMessage, updateMessage } from "/src/api/car/ListManager.js";
|
||||
import {listMessageType} from "@/api/car/ListManager";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
rules: {},
|
||||
showSearch: true,
|
||||
ids: [],
|
||||
messageList: [],
|
||||
title: "",
|
||||
loading: true,
|
||||
messageTypeList: [],
|
||||
total: 0,
|
||||
queryTypeParams: {
|
||||
messageName: null,
|
||||
type: null
|
||||
},
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
keyCode: null,
|
||||
},
|
||||
modelCodes: '',
|
||||
options: [
|
||||
{
|
||||
value: 'identification',
|
||||
label: '车辆基础'
|
||||
},
|
||||
{
|
||||
value: 'information',
|
||||
label: '车辆数据'
|
||||
},
|
||||
{
|
||||
value: 'status',
|
||||
label: '设备状态'
|
||||
}
|
||||
],
|
||||
tabPosition: 'left',
|
||||
editableTabsValue: false,
|
||||
form: {},
|
||||
dialogFormVisible : false,
|
||||
tabs: ['车辆报文', '故障管理', '指标预警', '电子围栏'],
|
||||
activeTab: '车辆报文',
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
this.getTypeList();
|
||||
this.getListCopy();
|
||||
},
|
||||
methods:{
|
||||
getListCopy() {
|
||||
this.loading = true;
|
||||
listMessage(this.queryParams).then(response => {
|
||||
console.log('Response data:', response.data);
|
||||
const rows = response.data;
|
||||
if (Array.isArray(rows)) {
|
||||
this.messageList = rows;
|
||||
const uniqueSysLeixingpick = new Map();
|
||||
rows.forEach(item => {
|
||||
uniqueSysLeixingpick.set(item.keyCode, item);
|
||||
});
|
||||
// 将 Map 的值转换回数组
|
||||
this.editableTabs = Array.from(uniqueSysLeixingpick.values());
|
||||
} else {
|
||||
console.error('Rows is not an array:', rows);
|
||||
}
|
||||
this.loading = false;
|
||||
}).catch(error => {
|
||||
console.error('Error fetching message details:', error);
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listMessage(this.queryParams).then(response => {
|
||||
this.messageList = response.data;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
addTab() {
|
||||
let newTabName = ++this.tabIndex + '';
|
||||
this.editableTabs.push({
|
||||
keyCode: this.modelCodes,
|
||||
content: 'New Tab content'
|
||||
});
|
||||
this.editableTabsValue = newTabName;
|
||||
this.dialogFormVisible = false
|
||||
},
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
keyCode: null,
|
||||
label: null,
|
||||
startBit: null,
|
||||
stopBit: null
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
getTypeList() {
|
||||
this.loading = true;
|
||||
listMessageType(this.queryTypeParams).then(response => {
|
||||
this.messageTypeList = response.data;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
handleTypeTabClick(tab) {
|
||||
console.log(tab.name)
|
||||
this.queryParams.messageType = tab.name
|
||||
this.getList()
|
||||
},
|
||||
submitForm() {
|
||||
addMessage(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
},
|
||||
handleTabClick(tab) {
|
||||
this.queryParams.keyCode = tab.name
|
||||
this.form.keyCode = tab.name
|
||||
this.getList()
|
||||
},
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除车辆报文记录编号为"' + ids + '"的数据项？').then(function () {
|
||||
return delMessage(ids);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
});
|
||||
},
|
||||
|
||||
},
|
||||
};
|
||||
</script>
|
||||
|
||||
<style scoped>
|
||||
.el-button {
|
||||
margin-right: 10px;
|
||||
}
|
||||
</style>
|
||||
|
|
@ -0,0 +1,279 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-button
|
||||
size="small"
|
||||
@click="dialogFormVisible = true"
|
||||
>
|
||||
添加模板
|
||||
</el-button>
|
||||
<el-tabs v-model="editableTabsValue" :tab-position="tabPosition" type="card" @tab-click="handleTabClick">
|
||||
<el-tab-pane
|
||||
v-for="(item, index) in editableTabs "
|
||||
:key="item.keyCode"
|
||||
:label="item.keyCode"
|
||||
:name="item.keyCode"
|
||||
>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="报文类别" prop="messageTypeCode">
|
||||
<el-select v-model="form.messageType" clearable placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="车辆报文类型编码" prop="label">
|
||||
<el-select v-model="form.label" clearable placeholder="请选择车辆报文类型编码">
|
||||
<el-option
|
||||
v-for="item in messageTypeList"
|
||||
:key="item.messageCode"
|
||||
:label="item.messageName"
|
||||
:value="item.messageCode">
|
||||
</el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item label="开始位下标" prop="startBit">
|
||||
<el-input v-model="form.startBit" placeholder="请输入开始位下标" />
|
||||
</el-form-item>
|
||||
<el-form-item label="结束位下标" prop="stopBit">
|
||||
<el-input v-model="form.stopBit" placeholder="请输入结束位下标" />
|
||||
</el-form-item>
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
</el-form>
|
||||
|
||||
<el-tabs @tab-click="handleTypeTabClick" >
|
||||
<el-tab-pane
|
||||
v-for="(item, index) in options"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:name="item.value"
|
||||
>
|
||||
|
||||
<el-table v-loading="loading" :data="messageList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="车辆报文类型编码" align="center" prop="label" />
|
||||
<el-table-column label="开始位下标" align="center" prop="startBit" />
|
||||
<el-table-column label="结束位下标" align="center" prop="stopBit" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
</el-tab-pane>
|
||||
</el-tabs>
|
||||
|
||||
<el-dialog title="添加模板" :visible.sync="dialogFormVisible">
|
||||
<el-form :model="modelCodes">
|
||||
<el-form-item label="模板">
|
||||
<el-input v-model="modelCodes" 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="addTab">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import {listMessage, getMessage, delMessage, addMessage, updateMessage} from "/src/api/car/ListManager.js";
|
||||
import {listMessageType} from "@/api/car/ListManager";
|
||||
|
||||
export default {
|
||||
name: "Message",
|
||||
data() {
|
||||
return {
|
||||
options: [
|
||||
{
|
||||
value: 'identification',
|
||||
label: '车辆基础'
|
||||
},
|
||||
{
|
||||
value: 'information',
|
||||
label: '车辆数据'
|
||||
},
|
||||
{
|
||||
value: 'status',
|
||||
label: '设备状态'
|
||||
}
|
||||
],
|
||||
dialogFormVisible: false,
|
||||
tabPosition: 'left',
|
||||
editableTabsValue: '',
|
||||
editableTabs: [],
|
||||
tabIndex: '',
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 车辆报文记录表格数据
|
||||
messageList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
keyCode: null,
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {},
|
||||
messageTypeList: [],
|
||||
queryTypeParams: {
|
||||
messageName: null,
|
||||
type: null
|
||||
},
|
||||
modelCodes: '',
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
this.getTypeList();
|
||||
this.getListCopy();
|
||||
},
|
||||
methods: {
|
||||
addTab() {
|
||||
let newTabName = ++this.tabIndex + '';
|
||||
this.editableTabs.push({
|
||||
keyCode: this.modelCodes,
|
||||
content: 'New Tab content'
|
||||
});
|
||||
this.editableTabsValue = newTabName;
|
||||
this.dialogFormVisible = false
|
||||
},
|
||||
handleTabClick(tab) {
|
||||
this.queryParams.keyCode = tab.name
|
||||
this.form.keyCode = tab.name
|
||||
this.getList()
|
||||
},
|
||||
handleTypeTabClick(tab) {
|
||||
console.log(tab.name)
|
||||
this.queryParams.messageType = tab.name
|
||||
this.getList()
|
||||
},
|
||||
/** 查询车辆报文类型列表 */
|
||||
getTypeList() {
|
||||
this.loading = true;
|
||||
listMessageType(this.queryTypeParams).then(response => {
|
||||
this.messageTypeList = response.data;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
getListCopy() {
|
||||
this.loading = true;
|
||||
listMessage(this.queryParams).then(response => {
|
||||
console.log('Response data:', response.data);
|
||||
|
||||
const rows = response.data;
|
||||
|
||||
if (Array.isArray(rows)) {
|
||||
this.messageList = rows;
|
||||
|
||||
const uniqueSysLeixingpick = new Map();
|
||||
rows.forEach(item => {
|
||||
uniqueSysLeixingpick.set(item.keyCode, item);
|
||||
});
|
||||
|
||||
// 将 Map 的值转换回数组
|
||||
this.editableTabs = Array.from(uniqueSysLeixingpick.values());
|
||||
} else {
|
||||
console.error('Rows is not an array:', rows);
|
||||
}
|
||||
|
||||
this.loading = false;
|
||||
}).catch(error => {
|
||||
console.error('Error fetching message details:', error);
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
/** 查询车辆报文记录列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listMessage(this.queryParams).then(response => {
|
||||
this.messageList = response.data;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
keyCode: null,
|
||||
label: null,
|
||||
startBit: null,
|
||||
stopBit: null
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
addMessage(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除车辆报文记录编号为"' + ids + '"的数据项？').then(function () {
|
||||
return delMessage(ids);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {
|
||||
});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('message/message/export', {
|
||||
...this.queryParams
|
||||
}, `message_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
@ -0,0 +1,364 @@
|
|||
<template>
|
||||
<div class="table-container">
|
||||
<!-- 查询表单 -->
|
||||
<div class="query-form">
|
||||
<el-input
|
||||
v-model="queryParams.carVin"
|
||||
placeholder="输入 VIN 码进行查询"
|
||||
style="width: 200px; margin-right: 10px;"
|
||||
/>
|
||||
<el-button type="primary" @click="filterData">查询</el-button>
|
||||
<el-button type="primary" @click="resetQuery">重置</el-button>
|
||||
</div>
|
||||
<el-button type="primary" @click="addItem">添加</el-button>
|
||||
<div class="table-container">
|
||||
<el-table :data="listDate" border stripe style="width: 100%;" :show-header="true">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column label="VIN码" prop="carVin" align="center"/>
|
||||
<el-table-column label="车辆编号" prop="carPlate" align="center" :show-overflow-tooltip="true"/>
|
||||
<el-table-column label="车辆品牌" prop="carBrand" align="center" :show-overflow-tooltip="true"/>
|
||||
<el-table-column label="车辆型号" prop="carModel" align="center" :show-overflow-tooltip="true"/>
|
||||
<el-table-column label="车辆车型(如客车,卡车,公交车等)" prop="carTypeId" align="center" :show-overflow-tooltip="true"/>
|
||||
<el-table-column label="车辆电机厂商" prop="carMotorManufacturer" align="center" :show-overflow-tooltip="true"/>
|
||||
<el-table-column label="电机型号" prop="carMotorModel" align="center" :show-overflow-tooltip="true"/>
|
||||
<el-table-column label="车辆电池厂商" prop="carBatteryManufacturer" align="center" :show-overflow-tooltip="true"/>
|
||||
<el-table-column label="电池型号" prop="carBatteryModel" align="center" :show-overflow-tooltip="true"/>
|
||||
<el-table-column label="围栏组编码" prop="groupCode" align="center" :show-overflow-tooltip="true"/>
|
||||
<el-table-column label="在线状态" prop="state" align="center" :show-overflow-tooltip="true">
|
||||
<template slot-scope="scope">
|
||||
<dict-tag :options="dict.type.sys_car_status" :value="scope.row.state"/>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column width="150" align="center" label="操作">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-takeaway-box"
|
||||
@click="cs(scope.row)"
|
||||
>自己測試用*
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-takeaway-box"
|
||||
@click="listItem(scope.row)"
|
||||
>查看
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-takeaway-box"
|
||||
@click="toVehicleData(scope.row)"
|
||||
>实时数据
|
||||
</el-button>
|
||||
<el-button
|
||||
type="primary"
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
@click="editItem(scope.row)"
|
||||
>
|
||||
修改
|
||||
</el-button>
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
@click="delItem(scope.row)"
|
||||
>
|
||||
删除
|
||||
</el-button>
|
||||
|
||||
<el-button
|
||||
type="danger"
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
@click="findStrategy(scope.row)"
|
||||
>
|
||||
配置策略
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:total="total"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
|
||||
<!-- 添加或修改参数配置对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" append-to-body width="500px">
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="vin码" prop="carVin">
|
||||
<el-input v-model="form.carVin" placeholder="请输入"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="车辆编号" prop="carPlate">
|
||||
<el-input v-model="form.carPlate" placeholder="请输入"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="车辆型号" prop="carModel">
|
||||
<el-input v-model="form.carModel" placeholder="请输入"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="车辆品牌" prop="carBrand">
|
||||
<el-input v-model="form.carBrand" placeholder="请输入"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="车辆电机厂商" prop="carMotorManufacturer">
|
||||
<el-input v-model="form.carMotorManufacturer" placeholder="请输入"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="电池型号" prop="carBatteryModel">
|
||||
<el-input v-model="form.carBatteryModel" placeholder="请输入"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="电机型号" prop="carMotorModel">
|
||||
<el-input v-model="form.carMotorModel" placeholder="请输入"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="电子围栏" prop="groupCode">
|
||||
<el-input v-model="form.groupCode" placeholder="请输入"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="车辆状态" prop="state">
|
||||
<el-radio-group v-model="form.state">
|
||||
<el-radio
|
||||
v-for="dict in dict.type.sys_car_status"
|
||||
:key="dict.value"
|
||||
:label="dict.value"
|
||||
>{{ dict.label }}
|
||||
</el-radio>
|
||||
</el-radio-group>
|
||||
</el-form-item>
|
||||
<el-form-item label="备注" prop="remark">
|
||||
<el-input v-model="form.remark" placeholder="请输入内容" type="textarea"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
<el-dialog :visible.sync="strategy">
|
||||
|
||||
<el-select v-model="carStrategy.strategyId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in strategyList"
|
||||
:key="item.strategyName"
|
||||
:label="item.strategyName"
|
||||
:value="item.strategyName">
|
||||
</el-option>
|
||||
</el-select>
|
||||
|
||||
<el-button @click="addCarStrategy()">
|
||||
确定
|
||||
</el-button>
|
||||
|
||||
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import {listManager , getManagerId , addManager,updateManager,delManager} from "@/api/car/ListManager";
|
||||
// import { findStrategyList } from '@/api/platform/strategy'
|
||||
|
||||
|
||||
export default {
|
||||
dicts: ['sys_car_status'],
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
return {
|
||||
carStrategy:{
|
||||
sysCarId:'',
|
||||
strategyId:''
|
||||
},
|
||||
strategy:false,
|
||||
strategyList:[],
|
||||
total: 0,
|
||||
open: false,
|
||||
form: {},
|
||||
title: "",
|
||||
listDate: [],
|
||||
rules: {
|
||||
carVin: [
|
||||
{required: true, message: "vin不能为空", trigger: "blur"}
|
||||
],
|
||||
},
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
plateNumber: undefined,
|
||||
carVin: undefined,
|
||||
state: undefined,
|
||||
},
|
||||
};
|
||||
},
|
||||
methods: {
|
||||
cs(row){
|
||||
const carVin = row.carVin;
|
||||
alert(carVin);
|
||||
this.$router.push({
|
||||
path: `/vehicleManagement/record`,
|
||||
query: { carVin }
|
||||
});
|
||||
},
|
||||
//配置策略的前台
|
||||
findStrategy(row){
|
||||
findStrategyList(3).then(res=>{
|
||||
this.strategyList=res.data.rows;
|
||||
})
|
||||
this.carStrategy.sysCarId=row.id;
|
||||
this.strategy=true;
|
||||
},
|
||||
|
||||
toVehicleData(row){
|
||||
const carVin = row.carVin;
|
||||
alert(carVin);
|
||||
this.$router.push({
|
||||
path: `/vehicleManagement/trajectory`,
|
||||
query: { carVin }
|
||||
});
|
||||
},
|
||||
listItem(row) {
|
||||
const carVin = row.carVin;
|
||||
alert(carVin);
|
||||
this.$router.push({
|
||||
path: `/vehicleManagement/test`,
|
||||
query: { carVin }
|
||||
});
|
||||
},
|
||||
delItem(row){
|
||||
const id = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除').then(function() {
|
||||
return delManager(id);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm: function () {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.id != undefined) {
|
||||
updateManager(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
addManager(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
cancel(){
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
editItem(row){
|
||||
this.reset();
|
||||
const id = row.id || this.ids
|
||||
getManagerId(id).then(response => {
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
});
|
||||
},
|
||||
addItem(){
|
||||
this.reset();
|
||||
this.open = true;
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: undefined,
|
||||
remark: undefined
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
resetQuery() {
|
||||
this.queryParams = {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
plateNumber: '',
|
||||
vin: '',
|
||||
onlineStatus: undefined,
|
||||
};
|
||||
this.getList();
|
||||
},
|
||||
filterData() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
getList() {
|
||||
listManager(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
|
||||
this.listDate = response.data.rows;
|
||||
this.total = response.data.total;
|
||||
}
|
||||
);
|
||||
},
|
||||
},
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
beforeCreate() {
|
||||
}, //生命周期 - 创建之前",
|
||||
beforeUpdate() {
|
||||
}, //生命周期 - 更新之前",
|
||||
updated() {
|
||||
}, //生命周期 - 更新之后",
|
||||
beforeDestroy() {
|
||||
}, //生命周期 - 销毁之前",
|
||||
destroyed() {
|
||||
}, //生命周期 - 销毁完成",
|
||||
activated() {
|
||||
} //如果页面有keep-alive缓存功能，这个函数会触发",
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
.el-button--primary {
|
||||
border-radius: 10px; /* 修改边框半径 */
|
||||
background-color: #409eff; /* 修改背景色 */
|
||||
border-color: #409eff; /* 修改边框颜色 */
|
||||
&:hover {
|
||||
background-color: #66b1ff; /* 修改悬停时的背景色 */
|
||||
border-color: #66b1ff; /* 修改悬停时的边框颜色 */
|
||||
}
|
||||
}
|
||||
|
||||
.el-button--danger {
|
||||
border-radius: 10px; /* 修改边框半径 */
|
||||
background-color: #f56c6c; /* 修改背景色 */
|
||||
border-color: #f56c6c; /* 修改边框颜色 */
|
||||
&:hover {
|
||||
background-color: #f78989; /* 修改悬停时的背景色 */
|
||||
border-color: #f78989; /* 修改悬停时的边框颜色 */
|
||||
}
|
||||
}
|
||||
.table-container {
|
||||
padding: 20px;
|
||||
}
|
||||
|
||||
.query-form {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
.table-container .el-table__body-wrapper tbody tr:hover {
|
||||
background-color: #d8b7ff; /* 紫色背景 */
|
||||
}
|
||||
.table-container {
|
||||
padding: 20px;
|
||||
background-color: #f5f5f5;
|
||||
}
|
||||
|
||||
|
||||
</style>
|
||||
|
|
@ -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.faultType }}</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,274 @@
|
|||
<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.faultType }}</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 lot-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.faultType" 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,275 @@
|
|||
<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>
|
||||
|
||||
<el-dialog title="修改报文规则" :visible.sync="dialogFormVisible">
|
||||
<el-form :model="updateform">
|
||||
<el-form-item label="VIN码">
|
||||
<el-input v-model="updateform.carVin" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="报文名称">
|
||||
<el-input v-model="updateform.messageName" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="一级故障范围">
|
||||
<el-input v-model="updateform.messageOne" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="二级故障范围">
|
||||
<el-input v-model="updateform.messageTwo" autocomplete="off"></el-input>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="updateMessageTypeCar()">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</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 {
|
||||
//修改报文下拉框
|
||||
dialogFormVisible:false,
|
||||
updateform:{},
|
||||
//报文名称下拉框
|
||||
messageTypeCar:[],
|
||||
//VIN下拉框
|
||||
vin:[],
|
||||
//添加规则
|
||||
formInline:{},
|
||||
//测试故障规则
|
||||
MessageTypeCar:{
|
||||
id:"",
|
||||
},
|
||||
//表格数据
|
||||
tableData:[],
|
||||
formCare:{},
|
||||
};
|
||||
},
|
||||
//计算属性 类似于data概念",
|
||||
computed: {},
|
||||
//监控data中的数据变化",
|
||||
watch: {},
|
||||
//方法集合",
|
||||
methods: {
|
||||
//修改报文规则
|
||||
handleEdit(row){
|
||||
this.updateform=row;
|
||||
this.dialogFormVisible=true;
|
||||
},
|
||||
//删除报文规则
|
||||
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>
|
||||
|
|
@ -1,30 +1,6 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="车辆类型id" prop="carTypeId">
|
||||
<el-input
|
||||
v-model="queryParams.carTypeId"
|
||||
placeholder="请输入车辆类型id"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="策略名称" prop="strategyName">
|
||||
<el-input
|
||||
v-model="queryParams.strategyName"
|
||||
placeholder="请输入策略名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="报文模版id" prop="msgId">
|
||||
<el-input
|
||||
v-model="queryParams.msgId"
|
||||
placeholder="请输入报文模版id"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
|
|
@ -38,9 +14,10 @@
|
|||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
v-if="carVin===':carVin'"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['platform:strategy:add']"
|
||||
>新增</el-button>
|
||||
>新增
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
|
|
@ -49,9 +26,10 @@
|
|||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
v-if="carVin===':carVin'"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['platform:strategy:edit']"
|
||||
>修改</el-button>
|
||||
>修改
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
|
|
@ -60,9 +38,10 @@
|
|||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
v-if="carVin===':carVin'"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['platform:strategy:remove']"
|
||||
>删除</el-button>
|
||||
>删除
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
|
|
@ -70,80 +49,71 @@
|
|||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
v-if="carVin===':carVin'"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['platform:strategy:export']"
|
||||
>导出</el-button>
|
||||
>导出
|
||||
</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
v-if="carVin!==':carVin'"
|
||||
@click="submit"
|
||||
>提交
|
||||
</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="strategyList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="策略id" align="center" prop="id" />
|
||||
<el-table-column label="车辆类型id" align="center" prop="carTypeId" />
|
||||
<el-table-column label="策略名称" align="center" prop="strategyName" />
|
||||
<el-table-column label="报文模版id" align="center" prop="msgId" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<el-table v-loading="loading" :data="messageDetailList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center"/>
|
||||
<el-table-column label="主键" align="center" prop="id"/>
|
||||
<el-table-column label="指标项key" align="center" prop="keyCode"/>
|
||||
<el-table-column label="起始位" align="center" prop="startBit"/>
|
||||
<el-table-column label="终止位" align="center" prop="stopBit"/>
|
||||
<el-table-column label="指标项标签" align="center" prop="label"/>
|
||||
<el-table-column label="类型" align="center" prop="messageType"/>
|
||||
<el-table-column label="操作" v-if="carVin===':carVin'" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
v-if="carVin===':carVin'"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['platform:strategy:edit']"
|
||||
>修改</el-button>
|
||||
|
||||
>修改
|
||||
</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
v-if="carVin===':carVin'"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['platform:strategy:remove']"
|
||||
>删除</el-button>
|
||||
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="disposition(scope.row)"
|
||||
>配置规则</el-button>
|
||||
|
||||
>删除
|
||||
</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改预警策略对话框 -->
|
||||
|
||||
<!-- 添加或修改报文详情对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
|
||||
|
||||
|
||||
|
||||
<el-form-item label="车辆类型" prop="carTypeId">
|
||||
<el-select v-model="form.carTypeId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in carTypeList"
|
||||
:key="item.id"
|
||||
:label="item.carTypeName"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<!-- <el-input v-model="form.carTypeId" placeholder="请输入车辆类型id" />-->
|
||||
<el-form-item label="指标项key" prop="keyCode">
|
||||
<el-input v-model="form.keyCode" placeholder="请输入指标项key"/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="策略名称" prop="strategyName">
|
||||
<el-input v-model="form.strategyName" placeholder="请输入策略名称" />
|
||||
<el-form-item label="起始位" prop="startBit">
|
||||
<el-input v-model="form.startBit" type="number" placeholder="请输入起始位"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="报文模版id" prop="msgId">
|
||||
<el-input v-model="form.msgId" placeholder="请输入报文模版id" />
|
||||
<el-form-item label="终止位" prop="stopBit">
|
||||
<el-input v-model="form.stopBit" type="number" placeholder="请输入终止位"/>
|
||||
</el-form-item>
|
||||
<el-form-item label="指标项标签" prop="label">
|
||||
<el-input v-model="form.label" placeholder="请输入指标项标签"/>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
|
|
@ -155,17 +125,19 @@
|
|||
</template>
|
||||
|
||||
<script>
|
||||
import { listStrategy, getStrategy, delStrategy, addStrategy, updateStrategy } from "/src/api/platform/strategy";
|
||||
import { listCarTypeList } from '@/api/platform/carType'
|
||||
import {
|
||||
listMessage,
|
||||
getMessage,
|
||||
delManager,
|
||||
addMessage,
|
||||
updateMessageDetail
|
||||
} from "@/api/car/ListManager";
|
||||
import {submit} from "@/api/car/ListManager";
|
||||
|
||||
export default {
|
||||
name: "Strategy",
|
||||
name: "MessageDetail",
|
||||
data() {
|
||||
return {
|
||||
//车辆类型
|
||||
carTypeList:[
|
||||
|
||||
],
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
|
|
@ -178,8 +150,8 @@ export default {
|
|||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 预警策略表格数据
|
||||
strategyList: [],
|
||||
// 报文详情表格数据
|
||||
messageDetailList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
|
|
@ -188,43 +160,24 @@ export default {
|
|||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
carTypeId: null,
|
||||
strategyName: null,
|
||||
msgId: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
}
|
||||
rules: {},
|
||||
carVin: this.$route.query.carVin || null ,
|
||||
vehicleMessages:{}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
this.getCarType();
|
||||
},
|
||||
methods: {
|
||||
//配置规则
|
||||
disposition(row){
|
||||
const id = row.id;
|
||||
alert(id);
|
||||
this.$router.push({
|
||||
path :'rule',
|
||||
query : {id:id}
|
||||
})
|
||||
},
|
||||
//获取车辆类型
|
||||
getCarType(){
|
||||
listCarTypeList().then(response =>{
|
||||
this.carTypeList=response.data.rows;
|
||||
})
|
||||
|
||||
},
|
||||
/** 查询预警策略列表 */
|
||||
/** 查询报文详情列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listStrategy(this.queryParams).then(response => {
|
||||
this.strategyList = response.data.rows;
|
||||
listMessage(this.queryParams).then(response => {
|
||||
this.messageDetailList = response.data;
|
||||
this.total = response.data.total;
|
||||
this.loading = false;
|
||||
});
|
||||
|
|
@ -238,9 +191,11 @@ export default {
|
|||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
carTypeId: null,
|
||||
strategyName: null,
|
||||
msgId: null
|
||||
keyCode: null,
|
||||
startBit: null,
|
||||
stopBit: null,
|
||||
label: null,
|
||||
type: null
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
|
|
@ -257,23 +212,23 @@ export default {
|
|||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.single = selection.length !== 1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = "添加预警策略";
|
||||
this.title = "添加报文详情";
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.reset();
|
||||
const id = row.id || this.ids
|
||||
getStrategy(id).then(response => {
|
||||
getMessage(id).then(response => {
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = "修改预警策略";
|
||||
this.title = "修改报文详情";
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
|
|
@ -281,13 +236,13 @@ export default {
|
|||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.id != null) {
|
||||
updateStrategy(this.form).then(response => {
|
||||
updateMessageDetail(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
addStrategy(this.form).then(response => {
|
||||
addMessage(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
|
|
@ -296,21 +251,45 @@ export default {
|
|||
}
|
||||
});
|
||||
},
|
||||
//提交
|
||||
submit() {
|
||||
const ids = this.ids;
|
||||
|
||||
let idss = ""; // 初始化一个空字符串
|
||||
ids.forEach((id, index) => {
|
||||
if (index === 0) {
|
||||
idss += id; // 不在第一个元素前添加逗号
|
||||
} else {
|
||||
idss += "," + id; // 添加逗号和当前 id
|
||||
}
|
||||
});
|
||||
|
||||
this.vehicleMessages.carVin = this.carVin
|
||||
this.vehicleMessages.messageIds = idss
|
||||
|
||||
submit(this.vehicleMessages).then(res => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("提交成功");
|
||||
console.log(res)
|
||||
})
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除预警策略编号为"' + ids + '"的数据项？').then(function() {
|
||||
return delStrategy(ids);
|
||||
|
||||
this.$modal.confirm('是否确认删除报文详情编号为"' + ids + '"的数据项？').then(function () {
|
||||
return delManager(ids);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
}).catch(() => {
|
||||
});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('platform/strategy/export', {
|
||||
this.download('client/messageDetail/export', {
|
||||
...this.queryParams
|
||||
}, `strategy_${new Date().getTime()}.xlsx`)
|
||||
}, `messageDetail_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
};
|
||||
|
|
@ -0,0 +1,143 @@
|
|||
<template>
|
||||
<div class="container">
|
||||
<div class="title">实时轨迹</div>
|
||||
<div id="map" style="width: 100%; height: 500px;"></div>
|
||||
<br>
|
||||
<br>
|
||||
<el-descriptions direction="vertical" :column="4" :model="data" border>
|
||||
<el-descriptions-item label="vin码">{{ data.carVin }}</el-descriptions-item>
|
||||
<el-descriptions-item label="时间戳">{{ data.startTime }}</el-descriptions-item>
|
||||
<el-descriptions-item label="经度">{{ data.longitude }}</el-descriptions-item>
|
||||
<el-descriptions-item label="纬度">{{ data.latitude }}</el-descriptions-item>
|
||||
<el-descriptions-item label="车速">{{ data.speed }}</el-descriptions-item>
|
||||
<el-descriptions-item label="总里程">{{ data.totalMileage }}</el-descriptions-item>
|
||||
<el-descriptions-item label="总电压">{{ data.totalVoltage }}</el-descriptions-item>
|
||||
<el-descriptions-item label="总电流">{{ data.combinedCurrent }}</el-descriptions-item>
|
||||
<el-descriptions-item label="绝缘电阻">{{ data.insulationResistance }}</el-descriptions-item>
|
||||
<el-descriptions-item label="档位">{{ data.gearPosition }}</el-descriptions-item>
|
||||
<el-descriptions-item label="加速踏板行程值">{{ data.acceleratorPedalTravelValue }}</el-descriptions-item>
|
||||
<el-descriptions-item label="制动踏板行程值">{{ data.brakePedalTravelValue }}</el-descriptions-item>
|
||||
<el-descriptions-item label="燃料消耗率">{{ data.specificFuelConsumption }}</el-descriptions-item>
|
||||
<el-descriptions-item label="电机控制器温度">{{ data.motorControllerTemperature }}</el-descriptions-item>
|
||||
<el-descriptions-item label="电机转速">{{ data.motorSpeed }}</el-descriptions-item>
|
||||
<el-descriptions-item label="电机转矩">{{ data.motorTorque }}</el-descriptions-item>
|
||||
<el-descriptions-item label="电机温度">{{ data.motorTemperature }}</el-descriptions-item>
|
||||
<el-descriptions-item label="电机电压">{{ data.motorVoltage }}</el-descriptions-item>
|
||||
<el-descriptions-item label="电机电流">{{ data.motorCurrent }}</el-descriptions-item>
|
||||
<el-descriptions-item label="动力电池剩余电量SOC">{{ data.powerBatteryRemainingSOC }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="当前状态允许的最大反馈功率">{{ data.maximumPower }}</el-descriptions-item>
|
||||
<el-descriptions-item label="当前状态允许最大放电功率">{{ data.maximumDischargePower }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="BMS自检计数器">{{ data.bmsselfCheckCounter }}</el-descriptions-item>
|
||||
<el-descriptions-item label="动力电池充放电电流">{{ data.electricCurrent }}</el-descriptions-item>
|
||||
<el-descriptions-item label="动力电池负载端总电压V3">{{ data.totalVoltageV3 }}</el-descriptions-item>
|
||||
<el-descriptions-item label="单次最大电压">{{ data.singleMaximumVoltage }}</el-descriptions-item>
|
||||
<el-descriptions-item label="单体电池最低电压">{{ data.minimumVoltageOfABattery }}</el-descriptions-item>
|
||||
<el-descriptions-item label="单体电池最高温度">{{ data.maximumBatteryTemperature }}</el-descriptions-item>
|
||||
<el-descriptions-item label="单体电池最低温度">{{ data.minimumBatteryTemperature }}</el-descriptions-item>
|
||||
<el-descriptions-item label="动力电池可用容量">{{ data.powerBatteryAvailableCapacity }}
|
||||
</el-descriptions-item>
|
||||
<el-descriptions-item label="车辆状态">{{ data.vehicleStatus }}</el-descriptions-item>
|
||||
<el-descriptions-item label="充电状态">{{ data.chargingState }}</el-descriptions-item>
|
||||
<el-descriptions-item label="运行状态">{{ data.runningState }}</el-descriptions-item>
|
||||
<el-descriptions-item label="SOC">{{ data.soc }}</el-descriptions-item>
|
||||
<el-descriptions-item label="可充电储能装置工作状态">{{ data.workStatus }}</el-descriptions-item>
|
||||
<el-descriptions-item label="驱动电机状态">{{ data.driveMotorCondition }}</el-descriptions-item>
|
||||
<el-descriptions-item label="定位是否有效">{{ data.orientation }}</el-descriptions-item>
|
||||
<el-descriptions-item label="EAS">{{ data.eas }}</el-descriptions-item>
|
||||
<el-descriptions-item label="PTC">{{ data.ptc }}</el-descriptions-item>
|
||||
<el-descriptions-item label="EPS">{{ data.eps }}</el-descriptions-item>
|
||||
<el-descriptions-item label="ABS">{{ data.abs }}</el-descriptions-item>
|
||||
<el-descriptions-item label="MCU">{{ data.mcu }}</el-descriptions-item>
|
||||
<el-descriptions-item label="动力电池加热状态">{{ data.heatingState }}</el-descriptions-item>
|
||||
<el-descriptions-item label="动力电池当前状态">{{ data.currentStatus }}</el-descriptions-item>
|
||||
<el-descriptions-item label="动力电池保温状态">{{ data.insulationState }}</el-descriptions-item>
|
||||
<el-descriptions-item label="DCDC">{{ data.dcdc }}</el-descriptions-item>
|
||||
<el-descriptions-item label="CHG">{{ data.chg }}</el-descriptions-item>
|
||||
</el-descriptions>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
|
||||
import { getDataByRedis } from "@/api/car/ListManager";
|
||||
|
||||
export default {
|
||||
data() {
|
||||
return {
|
||||
map: null,
|
||||
polyline: null,
|
||||
carMarker: null,
|
||||
carVin: this.$route.query.carVin || null,
|
||||
intervalId: null,
|
||||
data: {}, // 数据存储变量
|
||||
};
|
||||
},
|
||||
created() {
|
||||
// 创建定时器，每隔一定时间间隔调用fetchData方法
|
||||
this.intervalId = setInterval(this.fetchData, 10000); // 10000毫秒（10秒）
|
||||
},
|
||||
methods: {
|
||||
async fetchData() {
|
||||
try {
|
||||
const res = await getDataByRedis(this.carVin);
|
||||
this.data = res.data;
|
||||
alert(res.data.longitude);
|
||||
|
||||
// 更新车辆位置
|
||||
this.updateCarMarker();
|
||||
} catch (error) {
|
||||
console.error("Error fetching vehicle data:", error);
|
||||
}
|
||||
},
|
||||
initMap() {
|
||||
this.map = new AMap.Map('map', {
|
||||
center: [116.397428, 39.90923], // 初始化地图中心点
|
||||
zoom: 20, // 地图缩放级别
|
||||
});
|
||||
this.polyline = new AMap.Polyline({
|
||||
map: this.map,
|
||||
path: [], // 初始为空
|
||||
strokeColor: '#3366FF',
|
||||
strokeWeight: 5,
|
||||
});
|
||||
|
||||
// 初始化车辆模型标记
|
||||
this.carMarker = new AMap.Marker({
|
||||
map: this.map,
|
||||
position: [116.397428, 39.90923], // 初始位置
|
||||
icon: 'https://webapi.amap.com/images/car.png',
|
||||
offset: new AMap.Pixel(-26, -13),
|
||||
autoRotation: true,
|
||||
});
|
||||
},
|
||||
updateCarMarker() {
|
||||
if (this.data.longitude && this.data.latitude) {
|
||||
const newPoint = [this.data.longitude, this.data.latitude];
|
||||
|
||||
// 更新车辆模型位置
|
||||
this.carMarker.setPosition(newPoint);
|
||||
|
||||
// 更新路径线条坐标
|
||||
const path = this.polyline.getPath();
|
||||
path.push(new AMap.LngLat(this.data.longitude, this.data.latitude));
|
||||
this.polyline.setPath(path);
|
||||
|
||||
// 调整地图视野
|
||||
this.map.setCenter(newPoint);
|
||||
}
|
||||
},
|
||||
},
|
||||
mounted() {
|
||||
this.initMap();
|
||||
},
|
||||
beforeDestroy() {
|
||||
// 清除定时器
|
||||
if (this.intervalId) {
|
||||
clearInterval(this.intervalId);
|
||||
}
|
||||
}
|
||||
};
|
||||
|
||||
</script>
|
||||
|
|
@ -0,0 +1,220 @@
|
|||
<template>
|
||||
<div>
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="dialogFormVisible=true"
|
||||
>新增企业
|
||||
</el-button>
|
||||
</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.enterpriseName }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="法定代表人"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.legalPerson }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
|
||||
<el-table-column
|
||||
label="企业成立日期"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.estabinessDate }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="地址"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.address }}</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="企业入住平台日期"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.registrationDate }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
|
||||
<el-table-column
|
||||
label="会员级别"
|
||||
width="180">
|
||||
<template slot-scope="scope">
|
||||
<span style="margin-left: 10px">{{ scope.row.member }}</span>
|
||||
</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>
|
||||
|
||||
<!-- 新增企业按钮-->
|
||||
<el-dialog title="新增企业" :visible.sync="dialogFormVisible" append-to-body width="600px">
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="企业名称" prop="deptName">
|
||||
<el-input v-model="form.enterpriseName" placeholder="请输入企业名称"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="法定代表" prop="deptName">
|
||||
<el-input v-model="form.legalPerson" placeholder="请输入法定代表人"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="成立日期" prop="deptName">
|
||||
<el-input v-model="form.estabinessDate" placeholder="请输入企业成立日期"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="注册地址" prop="deptName">
|
||||
<el-input v-model="form.address" placeholder="请输入注册地址"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="联系电话" prop="deptName">
|
||||
<el-input v-model="form.contactPhone" placeholder="请输入联系电话"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="企业邮箱" prop="deptName">
|
||||
<el-input v-model="form.email" placeholder="请输入企业邮箱"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="数据库名" prop="deptName">
|
||||
<el-input v-model="form.databaseName" placeholder="请输入数据库名"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="enterpriseAdd()">确 定</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//这里可以导入其他文件（比如：组件，工具js，第三方插件js，json文件，图片文件等等）,
|
||||
//例如：import 《组件名称》 from '《组件路径》,
|
||||
import {findEnterpriseList} from "@/api/firm/enter";
|
||||
import {enterpriseAdd} from "@/api/firm/enter";
|
||||
export default {
|
||||
//import引入的组件需要注入到对象中才能使用"
|
||||
components: {},
|
||||
props: {},
|
||||
data() {
|
||||
//这里存放数据"
|
||||
|
||||
return {
|
||||
//企业入驻列表
|
||||
tableData:[],
|
||||
enterpriseForm:{},
|
||||
//新增对话框
|
||||
dialogFormVisible:false,
|
||||
form:{},
|
||||
};
|
||||
},
|
||||
//计算属性 类似于data概念",
|
||||
computed: {},
|
||||
//监控data中的数据变化",
|
||||
watch: {},
|
||||
//方法集合",
|
||||
methods: {
|
||||
enterpriseAdd(){
|
||||
enterpriseAdd(this.form).then((res)=>{
|
||||
alert(res.msg);
|
||||
if (200==res.code){
|
||||
this.findEnterpriseList();
|
||||
this.dialogFormVisible=false;
|
||||
}
|
||||
})
|
||||
},
|
||||
//企业列表
|
||||
findEnterpriseList(){
|
||||
findEnterpriseList(this.enterpriseForm).then((res)=>{
|
||||
this.tableData=res.data;
|
||||
})
|
||||
}
|
||||
},
|
||||
//生命周期 - 创建完成（可以访问当前this实例）",
|
||||
created() {
|
||||
this.findEnterpriseList();
|
||||
},
|
||||
//生命周期 - 挂载完成（可以访问DOM元素）",
|
||||
mounted() {
|
||||
},
|
||||
beforeCreate() {
|
||||
}, //生命周期 - 创建之前",
|
||||
beforeMount() {
|
||||
}, //生命周期 - 挂载之前",
|
||||
beforeUpdate() {
|
||||
}, //生命周期 - 更新之前",
|
||||
updated() {
|
||||
}, //生命周期 - 更新之后",
|
||||
beforeDestroy() {
|
||||
}, //生命周期 - 销毁之前",
|
||||
destroyed() {
|
||||
}, //生命周期 - 销毁完成",
|
||||
activated() {
|
||||
} //如果页面有keep-alive缓存功能，这个函数会触发",
|
||||
};
|
||||
</script>
|
||||
<style scoped>
|
||||
|
||||
</style>
|
||||
|
|
@ -1,7 +1,7 @@
|
|||
<template>
|
||||
<div class="login">
|
||||
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form">
|
||||
<h3 class="title">若依后台管理系统</h3>
|
||||
<h3 class="title">智慧车辆系统</h3>
|
||||
<el-form-item prop="username">
|
||||
<el-input
|
||||
v-model="loginForm.username"
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
<svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="password"/>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="captchaEnabled" prop="code">
|
||||
<!-- <el-form-item v-if="captchaEnabled" prop="code">-->
|
||||
<!-- <el-input-->
|
||||
<!-- v-model="loginForm.code"-->
|
||||
<!-- auto-complete="off"-->
|
||||
|
|
@ -33,10 +33,10 @@
|
|||
<!-- >-->
|
||||
<!-- <svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="validCode"/>-->
|
||||
<!-- </el-input>-->
|
||||
<div class="login-code">
|
||||
<img :src="codeUrl" class="login-code-img" @click="getCode"/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<!-- <div class="login-code">-->
|
||||
<!-- <img :src="codeUrl" class="login-code-img" @click="getCode"/>-->
|
||||
<!-- </div>-->
|
||||
<!-- </el-form-item>-->
|
||||
<el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;">记住密码</el-checkbox>
|
||||
<el-form-item style="width:100%;">
|
||||
<el-button
|
||||
|
|
@ -85,13 +85,13 @@ export default {
|
|||
password: [
|
||||
{required: true, trigger: "blur", message: "请输入您的密码"}
|
||||
],
|
||||
// code: [{required: true, trigger: "change", message: "请输入验证码"}]
|
||||
code: [{required: true, trigger: "change", message: "请输入验证码"}]
|
||||
},
|
||||
loading: false,
|
||||
// 验证码开关
|
||||
captchaEnabled: true,
|
||||
captchaEnabled: false,
|
||||
// 注册开关
|
||||
register: false,
|
||||
register: true,
|
||||
redirect: undefined
|
||||
};
|
||||
},
|
||||
|
|
@ -162,7 +162,7 @@ export default {
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
background-image: url("../assets/images/login-background.jpg");
|
||||
background-image: url("../assets/images/car.jpg");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,364 +0,0 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="车辆vin码" prop="vin">
|
||||
<el-input
|
||||
v-model="queryParams.vin"
|
||||
placeholder="请输入车辆vin码"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="规则id" prop="warnRuleId">
|
||||
<el-input
|
||||
v-model="queryParams.warnRuleId"
|
||||
placeholder="请输入规则id"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="开始时间" prop="startTime">
|
||||
<el-date-picker clearable
|
||||
v-model="queryParams.startTime"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择开始时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="结束时间" prop="endTime">
|
||||
<el-date-picker clearable
|
||||
v-model="queryParams.endTime"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择结束时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="最大值" prop="maxValue">
|
||||
<el-input
|
||||
v-model="queryParams.maxValue"
|
||||
placeholder="请输入最大值"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="最小值" prop="minValue">
|
||||
<el-input
|
||||
v-model="queryParams.minValue"
|
||||
placeholder="请输入最小值"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="平均值" prop="avgValue">
|
||||
<el-input
|
||||
v-model="queryParams.avgValue"
|
||||
placeholder="请输入平均值"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="中位数" prop="medianValue">
|
||||
<el-input
|
||||
v-model="queryParams.medianValue"
|
||||
placeholder="请输入中位数"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['platform:logs:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['platform:logs:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['platform:logs:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['platform:logs:export']"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="logsList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="预警日志id" align="center" prop="id" />
|
||||
<el-table-column label="车辆vin码" align="center" prop="vin" />
|
||||
<el-table-column label="规则id" align="center" prop="warnRuleId" />
|
||||
<el-table-column label="开始时间" align="center" prop="startTime" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.startTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="结束时间" align="center" prop="endTime" width="180">
|
||||
<template slot-scope="scope">
|
||||
<span>{{ parseTime(scope.row.endTime, '{y}-{m}-{d}') }}</span>
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="最大值" align="center" prop="maxValue" />
|
||||
<el-table-column label="最小值" align="center" prop="minValue" />
|
||||
<el-table-column label="平均值" align="center" prop="avgValue" />
|
||||
<el-table-column label="中位数" align="center" prop="medianValue" />
|
||||
<el-table-column label="是否发送预警" align="center" prop="status" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['platform:logs:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['platform:logs:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改预警日志对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="车辆vin码" prop="vin">
|
||||
<el-input v-model="form.vin" placeholder="请输入车辆vin码" />
|
||||
</el-form-item>
|
||||
<el-form-item label="规则id" prop="warnRuleId">
|
||||
<el-input v-model="form.warnRuleId" placeholder="请输入规则id" />
|
||||
</el-form-item>
|
||||
<el-form-item label="开始时间" prop="startTime">
|
||||
<el-date-picker clearable
|
||||
v-model="form.startTime"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择开始时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="结束时间" prop="endTime">
|
||||
<el-date-picker clearable
|
||||
v-model="form.endTime"
|
||||
type="date"
|
||||
value-format="yyyy-MM-dd"
|
||||
placeholder="请选择结束时间">
|
||||
</el-date-picker>
|
||||
</el-form-item>
|
||||
<el-form-item label="最大值" prop="maxValue">
|
||||
<el-input v-model="form.maxValue" placeholder="请输入最大值" />
|
||||
</el-form-item>
|
||||
<el-form-item label="最小值" prop="minValue">
|
||||
<el-input v-model="form.minValue" placeholder="请输入最小值" />
|
||||
</el-form-item>
|
||||
<el-form-item label="平均值" prop="avgValue">
|
||||
<el-input v-model="form.avgValue" placeholder="请输入平均值" />
|
||||
</el-form-item>
|
||||
<el-form-item label="中位数" prop="medianValue">
|
||||
<el-input v-model="form.medianValue" placeholder="请输入中位数" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listLogs, getLogs, delLogs, addLogs, updateLogs } from "/src/api/platform/logs";
|
||||
|
||||
export default {
|
||||
name: "Logs",
|
||||
data() {
|
||||
return {
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 预警日志表格数据
|
||||
logsList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
vin: null,
|
||||
warnRuleId: null,
|
||||
startTime: null,
|
||||
endTime: null,
|
||||
maxValue: null,
|
||||
minValue: null,
|
||||
avgValue: null,
|
||||
medianValue: null,
|
||||
status: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
},
|
||||
methods: {
|
||||
/** 查询预警日志列表 */
|
||||
getList() {
|
||||
this.loading = true;
|
||||
listLogs(this.queryParams).then(response => {
|
||||
this.logsList = response.data.rows;
|
||||
this.total = response.data.total;
|
||||
this.loading = false;
|
||||
});
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
vin: null,
|
||||
warnRuleId: null,
|
||||
startTime: null,
|
||||
endTime: null,
|
||||
maxValue: null,
|
||||
minValue: null,
|
||||
avgValue: null,
|
||||
medianValue: null,
|
||||
status: null
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = "添加预警日志";
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.reset();
|
||||
const id = row.id || this.ids
|
||||
getLogs(id).then(response => {
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = "修改预警日志";
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.id != null) {
|
||||
updateLogs(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
addLogs(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除预警日志编号为"' + ids + '"的数据项？').then(function() {
|
||||
return delLogs(ids);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('platform/logs/export', {
|
||||
...this.queryParams
|
||||
}, `logs_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
@ -1,456 +0,0 @@
|
|||
<template>
|
||||
<div class="app-container">
|
||||
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px">
|
||||
<el-form-item label="规则名称" prop="ruleName">
|
||||
<el-input
|
||||
v-model="queryParams.ruleName"
|
||||
placeholder="请输入规则名称"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="策略id" prop="strategyId">
|
||||
<el-input
|
||||
v-model="queryParams.strategyId"
|
||||
placeholder="请输入策略id"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="报文数据类型id" prop="msgTypeId">
|
||||
<el-input
|
||||
v-model="queryParams.msgTypeId"
|
||||
placeholder="请输入报文数据类型id"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="滑窗时间" prop="slideTime">
|
||||
<el-input
|
||||
v-model="queryParams.slideTime"
|
||||
placeholder="请输入滑窗时间"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="滑窗频率" prop="slideFrequency">
|
||||
<el-input
|
||||
v-model="queryParams.slideFrequency"
|
||||
placeholder="请输入滑窗频率"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="增长率" prop="maxValue">
|
||||
<el-input
|
||||
v-model="queryParams.maxValue"
|
||||
placeholder="请输入增长率"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item label="波动率" prop="maxValue">
|
||||
<el-input
|
||||
v-model="queryParams.undulateValue"
|
||||
placeholder="请输入波动率"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
|
||||
<el-form-item label="降低率" prop="minValue">
|
||||
<el-input
|
||||
v-model="queryParams.minValue"
|
||||
placeholder="请输入降低率"
|
||||
clearable
|
||||
@keyup.enter.native="handleQuery"
|
||||
/>
|
||||
</el-form-item>
|
||||
<el-form-item>
|
||||
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery">搜索</el-button>
|
||||
<el-button icon="el-icon-refresh" size="mini" @click="resetQuery">重置</el-button>
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
|
||||
<el-row :gutter="10" class="mb8">
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="primary"
|
||||
plain
|
||||
icon="el-icon-plus"
|
||||
size="mini"
|
||||
@click="handleAdd"
|
||||
v-hasPermi="['platform:rule:add']"
|
||||
>新增</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="success"
|
||||
plain
|
||||
icon="el-icon-edit"
|
||||
size="mini"
|
||||
:disabled="single"
|
||||
@click="handleUpdate"
|
||||
v-hasPermi="['platform:rule:edit']"
|
||||
>修改</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="danger"
|
||||
plain
|
||||
icon="el-icon-delete"
|
||||
size="mini"
|
||||
:disabled="multiple"
|
||||
@click="handleDelete"
|
||||
v-hasPermi="['platform:rule:remove']"
|
||||
>删除</el-button>
|
||||
</el-col>
|
||||
<el-col :span="1.5">
|
||||
<el-button
|
||||
type="warning"
|
||||
plain
|
||||
icon="el-icon-download"
|
||||
size="mini"
|
||||
@click="handleExport"
|
||||
v-hasPermi="['platform:rule:export']"
|
||||
>导出</el-button>
|
||||
</el-col>
|
||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
||||
</el-row>
|
||||
|
||||
<el-table v-loading="loading" :data="ruleList" @selection-change="handleSelectionChange">
|
||||
<el-table-column type="selection" width="55" align="center" />
|
||||
<el-table-column label="规则id" align="center" prop="id" />
|
||||
<el-table-column label="规则名称" align="center" prop="ruleName" />
|
||||
<el-table-column label="策略id" align="center" prop="strategyId" />
|
||||
<el-table-column label="报文数据类型id" align="center" prop="msgTypeId" />
|
||||
<el-table-column label="滑窗时间" align="center" prop="slideTime" />
|
||||
<el-table-column label="滑窗频率" align="center" prop="slideFrequency" >
|
||||
<template slot-scope="scope">
|
||||
<span v-if="scope.row.slideFrequency === 1">1:1</span>
|
||||
<span v-if="scope.row.slideFrequency === 2">1:2</span>
|
||||
<span v-if="scope.row.slideFrequency === 3">1:3</span>
|
||||
<span v-if="scope.row.slideFrequency === 4">1:4</span>
|
||||
<span v-if="scope.row.slideFrequency === 5">1:5</span>
|
||||
<span v-if="scope.row.slideFrequency === 6">1:6</span>
|
||||
<span v-if="scope.row.slideFrequency === 7">1:7</span>
|
||||
<span v-if="scope.row.slideFrequency === 8">1:8</span>
|
||||
<span v-if="scope.row.slideFrequency === 9">1:9</span>
|
||||
<span v-if="scope.row.slideFrequency === 10">1:10</span>
|
||||
<!-- <span v-else>{{ scope.row.slideFrequency }}</span>-->
|
||||
</template>
|
||||
</el-table-column>
|
||||
<el-table-column label="增长率" align="center" prop="maxValue" />
|
||||
<el-table-column label="波动率" align="center" prop="undulateValue" />
|
||||
<el-table-column label="降低率" align="center" prop="minValue" />
|
||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||
<template slot-scope="scope">
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-edit"
|
||||
@click="handleUpdate(scope.row)"
|
||||
v-hasPermi="['platform:rule:edit']"
|
||||
>修改</el-button>
|
||||
<el-button
|
||||
size="mini"
|
||||
type="text"
|
||||
icon="el-icon-delete"
|
||||
@click="handleDelete(scope.row)"
|
||||
v-hasPermi="['platform:rule:remove']"
|
||||
>删除</el-button>
|
||||
</template>
|
||||
</el-table-column>
|
||||
</el-table>
|
||||
|
||||
<pagination
|
||||
v-show="total>0"
|
||||
:total="total"
|
||||
:page.sync="queryParams.pageNum"
|
||||
:limit.sync="queryParams.pageSize"
|
||||
@pagination="getList"
|
||||
/>
|
||||
|
||||
<!-- 添加或修改预警规则对话框 -->
|
||||
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
|
||||
<el-form ref="form" :model="form" :rules="rules" label-width="80px">
|
||||
<el-form-item label="规则名称" prop="ruleName">
|
||||
<el-input v-model="form.ruleName" placeholder="请输入规则名称" />
|
||||
</el-form-item>
|
||||
<el-form-item label="策略id" prop="strategyId" v-if="queryParams.strategyId===null" >
|
||||
<el-select v-model="form.strategyId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in strategyList"
|
||||
:key="item.id"
|
||||
:label="item.strategyName"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<!-- <el-input v-model="form.strategyId" placeholder="请输入策略id" />-->
|
||||
</el-form-item>
|
||||
<el-form-item label="报文数据类型id" prop="msgTypeId">
|
||||
<el-select v-model="form.msgTypeId" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in SysMessageName"
|
||||
:key="item.id"
|
||||
:label="item.messageName"
|
||||
:value="item.id">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<!-- <el-input v-model="form.msgTypeId" placeholder="请输入报文数据类型id" />-->
|
||||
</el-form-item>
|
||||
<el-form-item label="滑窗时间" prop="slideTime">
|
||||
<el-slider
|
||||
v-model="form.slideTime"
|
||||
max="100"
|
||||
show-input>
|
||||
</el-slider>
|
||||
|
||||
<!-- <el-input v-model="form.slideTime" placeholder="请输入滑窗时间" />-->
|
||||
</el-form-item>
|
||||
<el-form-item label="滑窗频率" prop="slideFrequency">
|
||||
<el-select v-model="form.slideFrequency" placeholder="请选择">
|
||||
<el-option
|
||||
v-for="item in slideFrequencyList"
|
||||
:key="item.value"
|
||||
:label="item.label"
|
||||
:value="item.value">
|
||||
</el-option>
|
||||
</el-select>
|
||||
<!-- <el-input v-model="form.slideFrequency" placeholder="请输入滑窗频率" />-->
|
||||
|
||||
</el-form-item>
|
||||
<el-form-item label="增长率" prop="maxValue">
|
||||
<el-input v-model="form.maxValue" placeholder="请输入最大增长率" />
|
||||
</el-form-item>
|
||||
<el-form-item label="波动率" prop="undulateValue">
|
||||
<el-input v-model="form.undulateValue" placeholder="请输入波动率" />
|
||||
</el-form-item>
|
||||
<el-form-item label="降低率" prop="minValue">
|
||||
<el-input v-model="form.minValue" placeholder="请输入最小降低率" />
|
||||
</el-form-item>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
<el-button @click="cancel">取 消</el-button>
|
||||
</div>
|
||||
</el-dialog>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import { listRule, getRule, delRule, addRule, updateRule } from "/src/api/platform/rule";
|
||||
import { listStrategy } from '@/api/platform/strategy'
|
||||
import { listMessageName } from '@/api/platform/sysMessageName'
|
||||
export default {
|
||||
name: "Rule",
|
||||
data() {
|
||||
return {
|
||||
slideFrequencyList:[
|
||||
{
|
||||
value: '1',
|
||||
label: '1:1'
|
||||
}, {
|
||||
value: '2',
|
||||
label: '1:2'
|
||||
}, {
|
||||
value: '3',
|
||||
label: '1:3'
|
||||
}, {
|
||||
value: '4',
|
||||
label: '1:4'
|
||||
}, {
|
||||
value: '5',
|
||||
label: '1:5'
|
||||
},
|
||||
{
|
||||
value: '6',
|
||||
label: '1:6'
|
||||
}, {
|
||||
value: '7',
|
||||
label: '1:7'
|
||||
}, {
|
||||
value: '8',
|
||||
label: '1:8'
|
||||
}, {
|
||||
value: '9',
|
||||
label: '1:9'
|
||||
}, {
|
||||
value: '10',
|
||||
label: '1:10'
|
||||
}
|
||||
],
|
||||
SysMessageName:[],
|
||||
//策略配置列表
|
||||
strategyList:[],
|
||||
// 遮罩层
|
||||
loading: true,
|
||||
// 选中数组
|
||||
ids: [],
|
||||
// 非单个禁用
|
||||
single: true,
|
||||
// 非多个禁用
|
||||
multiple: true,
|
||||
// 显示搜索条件
|
||||
showSearch: true,
|
||||
// 总条数
|
||||
total: 0,
|
||||
// 预警规则表格数据
|
||||
ruleList: [],
|
||||
// 弹出层标题
|
||||
title: "",
|
||||
// 是否显示弹出层
|
||||
open: false,
|
||||
// 查询参数
|
||||
queryParam:{
|
||||
pageNum: 1,
|
||||
pageSize: 1000,
|
||||
},
|
||||
queryParams: {
|
||||
pageNum: 1,
|
||||
pageSize: 10,
|
||||
ruleName: null,
|
||||
strategyId: null,
|
||||
msgTypeId: null,
|
||||
slideTime: null,
|
||||
slideFrequency: null,
|
||||
undulateValue:null,
|
||||
maxValue: null,
|
||||
minValue: null
|
||||
},
|
||||
// 表单参数
|
||||
form: {},
|
||||
// 表单校验
|
||||
rules: {
|
||||
}
|
||||
};
|
||||
},
|
||||
created() {
|
||||
this.getList();
|
||||
this.getStrategyList();
|
||||
this.findMessageNameList();
|
||||
},
|
||||
methods: {
|
||||
//查询报文字段
|
||||
findMessageNameList(){
|
||||
listMessageName().then(response =>{
|
||||
this.SysMessageName=response.data.rows;
|
||||
})
|
||||
},
|
||||
//查询策略列表
|
||||
getStrategyList(){
|
||||
listStrategy(this.queryParam).then(response =>{
|
||||
this.strategyList=response.data.rows;
|
||||
})
|
||||
},
|
||||
/** 查询预警规则列表 */
|
||||
getList() {
|
||||
|
||||
let id = this.$route.query.id;
|
||||
alert(id);
|
||||
this.queryParams.strategyId=id;
|
||||
this.form.strategyId=id;
|
||||
// this.strategyList.id = id;
|
||||
// alert(this.strategyList.id);
|
||||
// this.slideFrequencyList.label=id;
|
||||
|
||||
this.loading = true;
|
||||
listRule(this.queryParams).then(response => {
|
||||
this.ruleList = response.data.rows;
|
||||
this.total = response.data.total;
|
||||
this.loading = false;
|
||||
});
|
||||
// this.queryParams.strategyId=null;
|
||||
},
|
||||
// 取消按钮
|
||||
cancel() {
|
||||
this.open = false;
|
||||
this.reset();
|
||||
},
|
||||
// 表单重置
|
||||
reset() {
|
||||
this.form = {
|
||||
id: null,
|
||||
ruleName: null,
|
||||
strategyId: null,
|
||||
msgTypeId: null,
|
||||
slideTime: null,
|
||||
slideFrequency: null,
|
||||
undulateValue:null,
|
||||
maxValue: null,
|
||||
minValue: null
|
||||
};
|
||||
this.resetForm("form");
|
||||
},
|
||||
/** 搜索按钮操作 */
|
||||
handleQuery() {
|
||||
this.queryParams.pageNum = 1;
|
||||
this.getList();
|
||||
},
|
||||
/** 重置按钮操作 */
|
||||
resetQuery() {
|
||||
this.resetForm("queryForm");
|
||||
this.handleQuery();
|
||||
},
|
||||
// 多选框选中数据
|
||||
handleSelectionChange(selection) {
|
||||
this.ids = selection.map(item => item.id)
|
||||
this.single = selection.length!==1
|
||||
this.multiple = !selection.length
|
||||
},
|
||||
/** 新增按钮操作 */
|
||||
handleAdd() {
|
||||
this.reset();
|
||||
this.open = true;
|
||||
this.title = "添加预警规则";
|
||||
},
|
||||
/** 修改按钮操作 */
|
||||
handleUpdate(row) {
|
||||
this.reset();
|
||||
const id = row.id || this.ids
|
||||
getRule(id).then(response => {
|
||||
this.form = response.data;
|
||||
this.open = true;
|
||||
this.title = "修改预警规则";
|
||||
});
|
||||
},
|
||||
/** 提交按钮 */
|
||||
submitForm() {
|
||||
this.form
|
||||
this.$refs["form"].validate(valid => {
|
||||
if (valid) {
|
||||
if (this.form.id != null) {
|
||||
updateRule(this.form).then(response => {
|
||||
this.$modal.msgSuccess("修改成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
} else {
|
||||
addRule(this.form).then(response => {
|
||||
this.$modal.msgSuccess("新增成功");
|
||||
this.open = false;
|
||||
this.getList();
|
||||
});
|
||||
}
|
||||
}
|
||||
});
|
||||
},
|
||||
/** 删除按钮操作 */
|
||||
handleDelete(row) {
|
||||
const ids = row.id || this.ids;
|
||||
this.$modal.confirm('是否确认删除预警规则编号为"' + ids + '"的数据项？').then(function() {
|
||||
return delRule(ids);
|
||||
}).then(() => {
|
||||
this.getList();
|
||||
this.$modal.msgSuccess("删除成功");
|
||||
}).catch(() => {});
|
||||
},
|
||||
/** 导出按钮操作 */
|
||||
handleExport() {
|
||||
this.download('platform/rule/export', {
|
||||
...this.queryParams
|
||||
}, `rule_${new Date().getTime()}.xlsx`)
|
||||
}
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
|
@ -1,7 +1,12 @@
|
|||
<template>
|
||||
<div class="register">
|
||||
<el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form">
|
||||
<h3 class="title">若依后台管理系统</h3>
|
||||
<h3 class="title">智慧车辆系统</h3>
|
||||
<el-form-item prop="deptId">
|
||||
<el-select v-model="registerForm.deptId" placeholder="企业" type="deptId">
|
||||
<el-option v-for="i in firm" :label="i.deptName" :value="i.deptId" :key="i.deptId"></el-option>
|
||||
</el-select>
|
||||
</el-form-item>
|
||||
<el-form-item prop="username">
|
||||
<el-input v-model="registerForm.username" auto-complete="off" placeholder="账号" type="text">
|
||||
<svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="user"/>
|
||||
|
|
@ -29,20 +34,6 @@
|
|||
<svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="password"/>
|
||||
</el-input>
|
||||
</el-form-item>
|
||||
<el-form-item v-if="captchaEnabled" prop="code">
|
||||
<el-input
|
||||
v-model="registerForm.code"
|
||||
auto-complete="off"
|
||||
placeholder="验证码"
|
||||
style="width: 63%"
|
||||
@keyup.enter.native="handleRegister"
|
||||
>
|
||||
<svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="validCode"/>
|
||||
</el-input>
|
||||
<div class="register-code">
|
||||
<img :src="codeUrl" class="register-code-img" @click="getCode"/>
|
||||
</div>
|
||||
</el-form-item>
|
||||
<el-form-item style="width:100%;">
|
||||
<el-button
|
||||
:loading="loading"
|
||||
|
|
@ -68,6 +59,7 @@
|
|||
|
||||
<script>
|
||||
import {getCodeImg, register} from "@/api/login";
|
||||
import {firmList} from "@/api/login";
|
||||
|
||||
export default {
|
||||
name: "Register",
|
||||
|
|
@ -80,6 +72,7 @@ export default {
|
|||
}
|
||||
};
|
||||
return {
|
||||
firm:[],
|
||||
codeUrl: "",
|
||||
registerForm: {
|
||||
username: "",
|
||||
|
|
@ -89,6 +82,9 @@ export default {
|
|||
uuid: ""
|
||||
},
|
||||
registerRules: {
|
||||
deptName: [
|
||||
{required: true, trigger: "blur", message: "请输入企业"},
|
||||
],
|
||||
username: [
|
||||
{required: true, trigger: "blur", message: "请输入您的账号"},
|
||||
{min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur'}
|
||||
|
|
@ -109,8 +105,19 @@ export default {
|
|||
},
|
||||
created() {
|
||||
this.getCode();
|
||||
this.firmList();
|
||||
},
|
||||
methods: {
|
||||
firmList(){
|
||||
firmList().then((res)=>{
|
||||
this.firm = res.data;
|
||||
})
|
||||
},
|
||||
|
||||
man(a){
|
||||
alert("aaaa"+a)
|
||||
},
|
||||
|
||||
getCode() {
|
||||
getCodeImg().then(res => {
|
||||
this.captchaEnabled = res.data.captchaEnabled === undefined ? true : res.data.captchaEnabled;
|
||||
|
|
@ -124,6 +131,7 @@ export default {
|
|||
this.$refs.registerForm.validate(valid => {
|
||||
if (valid) {
|
||||
this.loading = true;
|
||||
console.log(this.registerForm)
|
||||
register(this.registerForm).then(res => {
|
||||
const username = this.registerForm.username;
|
||||
this.$alert("<font color='red'>恭喜你，您的账号 " + username + " 注册成功！</font>", '系统提示', {
|
||||
|
|
@ -152,7 +160,7 @@ export default {
|
|||
justify-content: center;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
background-image: url("../assets/images/login-background.jpg");
|
||||
background-image: url("../assets/images/car.jpg");
|
||||
background-size: cover;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -155,6 +155,13 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="数据库" prop="email">
|
||||
<el-input v-model="form.databaseName" maxlength="50" placeholder="请输入数据库名称"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
</el-row>
|
||||
</el-form>
|
||||
<div slot="footer" class="dialog-footer">
|
||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
||||
|
|
|
|||
|
|
@ -227,7 +227,7 @@
|
|||
</el-form-item>
|
||||
</el-col>
|
||||
<el-col :span="12">
|
||||
<el-form-item label="归属部门" prop="deptId">
|
||||
<el-form-item label="归属" prop="deptId">
|
||||
<treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门"/>
|
||||
</el-form-item>
|
||||
</el-col>
|
||||
|
|
|
|||
Loading…
Reference in New Issue