Compare commits

...

No commits in common. "dev.warning" and "master" have entirely different histories.

30 changed files with 2931 additions and 1123 deletions

View File

@ -36,11 +36,13 @@
"url": "https://gitee.com/y_project/MuYu-Cloud.git" "url": "https://gitee.com/y_project/MuYu-Cloud.git"
}, },
"dependencies": { "dependencies": {
"@amap/amap-jsapi-loader": "^1.0.1",
"@riophae/vue-treeselect": "0.4.0", "@riophae/vue-treeselect": "0.4.0",
"axios": "0.24.0", "axios": "0.24.0",
"clipboard": "2.0.8", "clipboard": "2.0.8",
"core-js": "3.25.3", "core-js": "3.25.3",
"echarts": "5.4.0", "echarts": "5.4.0",
"element-china-area-data": "^5.0.2",
"element-ui": "2.15.14", "element-ui": "2.15.14",
"file-saver": "2.0.5", "file-saver": "2.0.5",
"fuse.js": "6.4.3", "fuse.js": "6.4.3",

View File

@ -9,6 +9,8 @@
<title><%= webpackConfig.name %></title> <title><%= webpackConfig.name %></title>
<!--[if lt IE 11]> <!--[if lt IE 11]>
<script>window.location.href = '/html/ie.html';</script><![endif]--> <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> <style>
html, html,
body, body,

View File

@ -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'
})
}

View File

@ -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'
})
}

View File

@ -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
})
}

View File

@ -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
})
}

View File

@ -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
})
}

View File

@ -60,3 +60,15 @@ export function getCodeImg() {
timeout: 20000 timeout: 20000
}) })
} }
/**
* 企业下拉框
* @param data
* @returns {*}
*/
export function firmList() {
return request({
url: '/system/user/firmList',
method: 'get'
})
}

View File

@ -1,9 +0,0 @@
import request from '@/utils/request'
//查询车辆类型列表
export function listCarTypeList() {
return request({
url: '/platform/type/findSysCarType',
method: 'get',
})
}

View File

@ -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'
})
}

View File

@ -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'
})
}

View File

@ -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'
})
}

View File

@ -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

View File

@ -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>

View File

@ -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>

View File

@ -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>

View File

@ -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>
//jsjsjson,
//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>

View File

@ -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>
//jsjsjson,
//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>

View File

@ -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>
//jsjsjson,
//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>

View File

@ -1,30 +1,6 @@
<template> <template>
<div class="app-container"> <div class="app-container">
<el-form :model="queryParams" ref="queryForm" size="small" :inline="true" v-show="showSearch" label-width="68px"> <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-form-item>
<el-button type="primary" icon="el-icon-search" size="mini" @click="handleQuery"></el-button> <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-button icon="el-icon-refresh" size="mini" @click="resetQuery"></el-button>
@ -38,9 +14,10 @@
plain plain
icon="el-icon-plus" icon="el-icon-plus"
size="mini" size="mini"
v-if="carVin===':carVin'"
@click="handleAdd" @click="handleAdd"
v-hasPermi="['platform:strategy:add']" >新增
>新增</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
@ -49,9 +26,10 @@
icon="el-icon-edit" icon="el-icon-edit"
size="mini" size="mini"
:disabled="single" :disabled="single"
v-if="carVin===':carVin'"
@click="handleUpdate" @click="handleUpdate"
v-hasPermi="['platform:strategy:edit']" >修改
>修改</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
@ -60,9 +38,10 @@
icon="el-icon-delete" icon="el-icon-delete"
size="mini" size="mini"
:disabled="multiple" :disabled="multiple"
v-if="carVin===':carVin'"
@click="handleDelete" @click="handleDelete"
v-hasPermi="['platform:strategy:remove']" >删除
>删除</el-button> </el-button>
</el-col> </el-col>
<el-col :span="1.5"> <el-col :span="1.5">
<el-button <el-button
@ -70,80 +49,71 @@
plain plain
icon="el-icon-download" icon="el-icon-download"
size="mini" size="mini"
v-if="carVin===':carVin'"
@click="handleExport" @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> </el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar> <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row> </el-row>
<el-table v-loading="loading" :data="strategyList" @selection-change="handleSelectionChange"> <el-table v-loading="loading" :data="messageDetailList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" /> <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="id"/>
<el-table-column label="车辆类型id" align="center" prop="carTypeId" /> <el-table-column label="指标项key" align="center" prop="keyCode"/>
<el-table-column label="策略名称" align="center" prop="strategyName" /> <el-table-column label="起始位" align="center" prop="startBit"/>
<el-table-column label="报文模版id" align="center" prop="msgId" /> <el-table-column label="终止位" align="center" prop="stopBit"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width"> <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"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-edit" icon="el-icon-edit"
v-if="carVin===':carVin'"
@click="handleUpdate(scope.row)" @click="handleUpdate(scope.row)"
v-hasPermi="['platform:strategy:edit']" >修改
>修改</el-button> </el-button>
<el-button <el-button
size="mini" size="mini"
type="text" type="text"
icon="el-icon-delete" icon="el-icon-delete"
v-if="carVin===':carVin'"
@click="handleDelete(scope.row)" @click="handleDelete(scope.row)"
v-hasPermi="['platform:strategy:remove']" >删除
>删除</el-button> </el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="disposition(scope.row)"
>配置规则</el-button>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </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-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="80px"> <el-form ref="form" :model="form" :rules="rules" label-width="80px">
<el-form-item label="指标项key" prop="keyCode">
<el-input v-model="form.keyCode" placeholder="请输入指标项key"/>
<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> </el-form-item>
<el-form-item label="起始位" prop="startBit">
<el-form-item label="策略名称" prop="strategyName"> <el-input v-model="form.startBit" type="number" placeholder="请输入起始位"/>
<el-input v-model="form.strategyName" placeholder="请输入策略名称" />
</el-form-item> </el-form-item>
<el-form-item label="报文模版id" prop="msgId"> <el-form-item label="终止位" prop="stopBit">
<el-input v-model="form.msgId" placeholder="请输入报文模版id" /> <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-item>
</el-form> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
@ -155,17 +125,19 @@
</template> </template>
<script> <script>
import { listStrategy, getStrategy, delStrategy, addStrategy, updateStrategy } from "/src/api/platform/strategy"; import {
import { listCarTypeList } from '@/api/platform/carType' listMessage,
getMessage,
delManager,
addMessage,
updateMessageDetail
} from "@/api/car/ListManager";
import {submit} from "@/api/car/ListManager";
export default { export default {
name: "Strategy", name: "MessageDetail",
data() { data() {
return { return {
//
carTypeList:[
],
// //
loading: true, loading: true,
// //
@ -178,8 +150,8 @@ export default {
showSearch: true, showSearch: true,
// //
total: 0, total: 0,
// //
strategyList: [], messageDetailList: [],
// //
title: "", title: "",
// //
@ -188,43 +160,24 @@ export default {
queryParams: { queryParams: {
pageNum: 1, pageNum: 1,
pageSize: 10, pageSize: 10,
carTypeId: null,
strategyName: null,
msgId: null
}, },
// //
form: {}, form: {},
// //
rules: { rules: {},
} carVin: this.$route.query.carVin || null ,
vehicleMessages:{}
}; };
}, },
created() { created() {
this.getList(); this.getList();
this.getCarType();
}, },
methods: { 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() { getList() {
this.loading = true; this.loading = true;
listStrategy(this.queryParams).then(response => { listMessage(this.queryParams).then(response => {
this.strategyList = response.data.rows; this.messageDetailList = response.data;
this.total = response.data.total; this.total = response.data.total;
this.loading = false; this.loading = false;
}); });
@ -238,9 +191,11 @@ export default {
reset() { reset() {
this.form = { this.form = {
id: null, id: null,
carTypeId: null, keyCode: null,
strategyName: null, startBit: null,
msgId: null stopBit: null,
label: null,
type: null
}; };
this.resetForm("form"); this.resetForm("form");
}, },
@ -257,23 +212,23 @@ export default {
// //
handleSelectionChange(selection) { handleSelectionChange(selection) {
this.ids = selection.map(item => item.id) this.ids = selection.map(item => item.id)
this.single = selection.length!==1 this.single = selection.length !== 1
this.multiple = !selection.length this.multiple = !selection.length
}, },
/** 新增按钮操作 */ /** 新增按钮操作 */
handleAdd() { handleAdd() {
this.reset(); this.reset();
this.open = true; this.open = true;
this.title = "添加预警策略"; this.title = "添加报文详情";
}, },
/** 修改按钮操作 */ /** 修改按钮操作 */
handleUpdate(row) { handleUpdate(row) {
this.reset(); this.reset();
const id = row.id || this.ids const id = row.id || this.ids
getStrategy(id).then(response => { getMessage(id).then(response => {
this.form = response.data; this.form = response.data;
this.open = true; this.open = true;
this.title = "修改预警策略"; this.title = "修改报文详情";
}); });
}, },
/** 提交按钮 */ /** 提交按钮 */
@ -281,13 +236,13 @@ export default {
this.$refs["form"].validate(valid => { this.$refs["form"].validate(valid => {
if (valid) { if (valid) {
if (this.form.id != null) { if (this.form.id != null) {
updateStrategy(this.form).then(response => { updateMessageDetail(this.form).then(response => {
this.$modal.msgSuccess("修改成功"); this.$modal.msgSuccess("修改成功");
this.open = false; this.open = false;
this.getList(); this.getList();
}); });
} else { } else {
addStrategy(this.form).then(response => { addMessage(this.form).then(response => {
this.$modal.msgSuccess("新增成功"); this.$modal.msgSuccess("新增成功");
this.open = false; this.open = false;
this.getList(); 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) { handleDelete(row) {
const ids = row.id || this.ids; 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(() => { }).then(() => {
this.getList(); this.getList();
this.$modal.msgSuccess("删除成功"); this.$modal.msgSuccess("删除成功");
}).catch(() => {}); }).catch(() => {
});
}, },
/** 导出按钮操作 */ /** 导出按钮操作 */
handleExport() { handleExport() {
this.download('platform/strategy/export', { this.download('client/messageDetail/export', {
...this.queryParams ...this.queryParams
}, `strategy_${new Date().getTime()}.xlsx`) }, `messageDetail_${new Date().getTime()}.xlsx`)
} }
} }
}; };

View File

@ -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); // 1000010
},
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>

View File

@ -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>
//jsjsjson,
//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>

View File

@ -1,7 +1,7 @@
<template> <template>
<div class="login"> <div class="login">
<el-form ref="loginForm" :model="loginForm" :rules="loginRules" class="login-form"> <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-form-item prop="username">
<el-input <el-input
v-model="loginForm.username" v-model="loginForm.username"
@ -23,7 +23,7 @@
<svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="password"/> <svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="password"/>
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item v-if="captchaEnabled" prop="code"> <!-- <el-form-item v-if="captchaEnabled" prop="code">-->
<!-- <el-input--> <!-- <el-input-->
<!-- v-model="loginForm.code"--> <!-- v-model="loginForm.code"-->
<!-- auto-complete="off"--> <!-- auto-complete="off"-->
@ -33,10 +33,10 @@
<!-- >--> <!-- >-->
<!-- <svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="validCode"/>--> <!-- <svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="validCode"/>-->
<!-- </el-input>--> <!-- </el-input>-->
<div class="login-code"> <!-- <div class="login-code">-->
<img :src="codeUrl" class="login-code-img" @click="getCode"/> <!-- <img :src="codeUrl" class="login-code-img" @click="getCode"/>-->
</div> <!-- </div>-->
</el-form-item> <!-- </el-form-item>-->
<el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;"></el-checkbox> <el-checkbox v-model="loginForm.rememberMe" style="margin:0px 0px 25px 0px;"></el-checkbox>
<el-form-item style="width:100%;"> <el-form-item style="width:100%;">
<el-button <el-button
@ -85,13 +85,13 @@ export default {
password: [ password: [
{required: true, trigger: "blur", message: "请输入您的密码"} {required: true, trigger: "blur", message: "请输入您的密码"}
], ],
// code: [{required: true, trigger: "change", message: ""}] code: [{required: true, trigger: "change", message: "请输入验证码"}]
}, },
loading: false, loading: false,
// //
captchaEnabled: true, captchaEnabled: false,
// //
register: false, register: true,
redirect: undefined redirect: undefined
}; };
}, },
@ -162,7 +162,7 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100%; height: 100%;
background-image: url("../assets/images/login-background.jpg"); background-image: url("../assets/images/car.jpg");
background-size: cover; background-size: cover;
} }

View File

@ -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>

View File

@ -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>

View File

@ -1,7 +1,12 @@
<template> <template>
<div class="register"> <div class="register">
<el-form ref="registerForm" :model="registerForm" :rules="registerRules" class="register-form"> <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-form-item prop="username">
<el-input v-model="registerForm.username" auto-complete="off" placeholder="账号" type="text"> <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"/> <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"/> <svg-icon slot="prefix" class="el-input__icon input-icon" icon-class="password"/>
</el-input> </el-input>
</el-form-item> </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-form-item style="width:100%;">
<el-button <el-button
:loading="loading" :loading="loading"
@ -68,6 +59,7 @@
<script> <script>
import {getCodeImg, register} from "@/api/login"; import {getCodeImg, register} from "@/api/login";
import {firmList} from "@/api/login";
export default { export default {
name: "Register", name: "Register",
@ -80,6 +72,7 @@ export default {
} }
}; };
return { return {
firm:[],
codeUrl: "", codeUrl: "",
registerForm: { registerForm: {
username: "", username: "",
@ -89,6 +82,9 @@ export default {
uuid: "" uuid: ""
}, },
registerRules: { registerRules: {
deptName: [
{required: true, trigger: "blur", message: "请输入企业"},
],
username: [ username: [
{required: true, trigger: "blur", message: "请输入您的账号"}, {required: true, trigger: "blur", message: "请输入您的账号"},
{min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur'} {min: 2, max: 20, message: '用户账号长度必须介于 2 和 20 之间', trigger: 'blur'}
@ -109,8 +105,19 @@ export default {
}, },
created() { created() {
this.getCode(); this.getCode();
this.firmList();
}, },
methods: { methods: {
firmList(){
firmList().then((res)=>{
this.firm = res.data;
})
},
man(a){
alert("aaaa"+a)
},
getCode() { getCode() {
getCodeImg().then(res => { getCodeImg().then(res => {
this.captchaEnabled = res.data.captchaEnabled === undefined ? true : res.data.captchaEnabled; this.captchaEnabled = res.data.captchaEnabled === undefined ? true : res.data.captchaEnabled;
@ -124,6 +131,7 @@ export default {
this.$refs.registerForm.validate(valid => { this.$refs.registerForm.validate(valid => {
if (valid) { if (valid) {
this.loading = true; this.loading = true;
console.log(this.registerForm)
register(this.registerForm).then(res => { register(this.registerForm).then(res => {
const username = this.registerForm.username; const username = this.registerForm.username;
this.$alert("<font color='red'>恭喜你,您的账号 " + username + " 注册成功!</font>", '系统提示', { this.$alert("<font color='red'>恭喜你,您的账号 " + username + " 注册成功!</font>", '系统提示', {
@ -152,7 +160,7 @@ export default {
justify-content: center; justify-content: center;
align-items: center; align-items: center;
height: 100%; height: 100%;
background-image: url("../assets/images/login-background.jpg"); background-image: url("../assets/images/car.jpg");
background-size: cover; background-size: cover;
} }

View File

@ -155,6 +155,13 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
</el-row> </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> </el-form>
<div slot="footer" class="dialog-footer"> <div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm"> </el-button> <el-button type="primary" @click="submitForm"> </el-button>

View File

@ -227,7 +227,7 @@
</el-form-item> </el-form-item>
</el-col> </el-col>
<el-col :span="12"> <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="请选择归属部门"/> <treeselect v-model="form.deptId" :options="deptOptions" :show-count="true" placeholder="请选择归属部门"/>
</el-form-item> </el-form-item>
</el-col> </el-col>