修改车辆管理前台效果
parent
a287b479d5
commit
4daecfda92
|
@ -3,7 +3,7 @@ import request from '@/utils/request'
|
||||||
// 查询车辆故障列表
|
// 查询车辆故障列表
|
||||||
export function listBreakdown(query) {
|
export function listBreakdown(query) {
|
||||||
return request({
|
return request({
|
||||||
url: '/breakdown/breakdown/list',
|
url: '/car/breakdown/list',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params: query
|
params: query
|
||||||
|
|
||||||
|
@ -13,7 +13,7 @@ export function listBreakdown(query) {
|
||||||
// 查询车辆故障详细
|
// 查询车辆故障详细
|
||||||
export function getBreakdown(id) {
|
export function getBreakdown(id) {
|
||||||
return request({
|
return request({
|
||||||
url: '/breakdown/breakdown/' + id,
|
url: '/car/breakdown/' + id,
|
||||||
method: 'get'
|
method: 'get'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
@ -21,7 +21,7 @@ export function getBreakdown(id) {
|
||||||
// 新增车辆故障
|
// 新增车辆故障
|
||||||
export function addBreakdown(data) {
|
export function addBreakdown(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/breakdown/breakdown',
|
url: '/car/breakdown',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
data: data
|
data: data
|
||||||
})
|
})
|
||||||
|
@ -30,7 +30,7 @@ export function addBreakdown(data) {
|
||||||
// 修改车辆故障
|
// 修改车辆故障
|
||||||
export function updateBreakdown(data) {
|
export function updateBreakdown(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/breakdown/breakdown',
|
url: '/car/breakdown',
|
||||||
method: 'put',
|
method: 'put',
|
||||||
data: data
|
data: data
|
||||||
})
|
})
|
||||||
|
@ -39,7 +39,7 @@ export function updateBreakdown(data) {
|
||||||
// 删除车辆故障
|
// 删除车辆故障
|
||||||
export function delBreakdown(id) {
|
export function delBreakdown(id) {
|
||||||
return request({
|
return request({
|
||||||
url: '/breakdown/breakdown/' + id,
|
url: '/car/breakdown/' + id,
|
||||||
method: 'delete'
|
method: 'delete'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,7 +3,7 @@ import request from '@/utils/request'
|
||||||
// 查询故障日志列表
|
// 查询故障日志列表
|
||||||
export function listLog(query) {
|
export function listLog(query) {
|
||||||
return request({
|
return request({
|
||||||
url: '/breakdown/log/list',
|
url: '/car/log/list',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params: query
|
params: query
|
||||||
})
|
})
|
||||||
|
@ -12,7 +12,7 @@ export function listLog(query) {
|
||||||
// 查询故障日志详细
|
// 查询故障日志详细
|
||||||
export function getLog(id) {
|
export function getLog(id) {
|
||||||
return request({
|
return request({
|
||||||
url: '/breakdown/log/' + id,
|
url: '/car/log/' + id,
|
||||||
method: 'get'
|
method: 'get'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
@ -20,7 +20,7 @@ export function getLog(id) {
|
||||||
// 新增故障日志
|
// 新增故障日志
|
||||||
export function addLog(data) {
|
export function addLog(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/breakdown/log',
|
url: '/car/log',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
data: data
|
data: data
|
||||||
})
|
})
|
||||||
|
@ -29,7 +29,7 @@ export function addLog(data) {
|
||||||
// 修改故障日志
|
// 修改故障日志
|
||||||
export function updateLog(data) {
|
export function updateLog(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/breakdown/log',
|
url: '/car/log',
|
||||||
method: 'put',
|
method: 'put',
|
||||||
data: data
|
data: data
|
||||||
})
|
})
|
||||||
|
@ -38,7 +38,7 @@ export function updateLog(data) {
|
||||||
// 删除故障日志
|
// 删除故障日志
|
||||||
export function delLog(id) {
|
export function delLog(id) {
|
||||||
return request({
|
return request({
|
||||||
url: '/breakdown/log/' + id,
|
url: '/car/log/' + id,
|
||||||
method: 'delete'
|
method: 'delete'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,7 +3,7 @@ import request from '@/utils/request'
|
||||||
// 查询预警日志列表
|
// 查询预警日志列表
|
||||||
export function listLogs(query) {
|
export function listLogs(query) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/logs/list',
|
url: '/car/logs/list',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params: query
|
params: query
|
||||||
})
|
})
|
||||||
|
@ -12,7 +12,7 @@ export function listLogs(query) {
|
||||||
// 查询预警日志详细
|
// 查询预警日志详细
|
||||||
export function getLogs(id) {
|
export function getLogs(id) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/logs/' + id,
|
url: '/car/logs/' + id,
|
||||||
method: 'get'
|
method: 'get'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
@ -20,7 +20,7 @@ export function getLogs(id) {
|
||||||
// 新增预警日志
|
// 新增预警日志
|
||||||
export function addLogs(data) {
|
export function addLogs(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/logs',
|
url: '/car/logs',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
data: data
|
data: data
|
||||||
})
|
})
|
||||||
|
@ -29,7 +29,7 @@ export function addLogs(data) {
|
||||||
// 修改预警日志
|
// 修改预警日志
|
||||||
export function updateLogs(data) {
|
export function updateLogs(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/logs',
|
url: '/car/logs',
|
||||||
method: 'put',
|
method: 'put',
|
||||||
data: data
|
data: data
|
||||||
})
|
})
|
||||||
|
@ -38,7 +38,7 @@ export function updateLogs(data) {
|
||||||
// 删除预警日志
|
// 删除预警日志
|
||||||
export function delLogs(id) {
|
export function delLogs(id) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/logs/' + id,
|
url: '/car/logs/' + id,
|
||||||
method: 'delete'
|
method: 'delete'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,7 +3,7 @@ import request from '@/utils/request'
|
||||||
// 查询预警规则列表
|
// 查询预警规则列表
|
||||||
export function listRule(query) {
|
export function listRule(query) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/rule/list',
|
url: '/car/rule/list',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params: query
|
params: query
|
||||||
})
|
})
|
||||||
|
@ -12,7 +12,7 @@ export function listRule(query) {
|
||||||
// 查询预警规则详细
|
// 查询预警规则详细
|
||||||
export function getRule(id) {
|
export function getRule(id) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/rule/' + id,
|
url: '/car/rule/' + id,
|
||||||
method: 'get'
|
method: 'get'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
@ -20,7 +20,7 @@ export function getRule(id) {
|
||||||
// 新增预警规则
|
// 新增预警规则
|
||||||
export function addRule(data) {
|
export function addRule(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/rule/add',
|
url: '/car/rule/add',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
data: data
|
data: data
|
||||||
})
|
})
|
||||||
|
@ -29,7 +29,7 @@ export function addRule(data) {
|
||||||
// 修改预警规则
|
// 修改预警规则
|
||||||
export function updateRule(data) {
|
export function updateRule(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/rule',
|
url: '/car/rule',
|
||||||
method: 'put',
|
method: 'put',
|
||||||
data: data
|
data: data
|
||||||
})
|
})
|
||||||
|
@ -38,7 +38,7 @@ export function updateRule(data) {
|
||||||
// 删除预警规则
|
// 删除预警规则
|
||||||
export function delRule(id) {
|
export function delRule(id) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/rule/' + id,
|
url: '/car/rule/' + id,
|
||||||
method: 'delete'
|
method: 'delete'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
@ -3,7 +3,7 @@ import request from '@/utils/request'
|
||||||
// 查询预警策略列表
|
// 查询预警策略列表
|
||||||
export function listStrategy(query) {
|
export function listStrategy(query) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/strategy/list',
|
url: '/car/strategy/list',
|
||||||
method: 'get',
|
method: 'get',
|
||||||
params: query
|
params: query
|
||||||
})
|
})
|
||||||
|
@ -12,7 +12,7 @@ export function listStrategy(query) {
|
||||||
// 查询预警策略详细
|
// 查询预警策略详细
|
||||||
export function getStrategy(id) {
|
export function getStrategy(id) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/strategy/' + id,
|
url: '/car/strategy/' + id,
|
||||||
method: 'get'
|
method: 'get'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
@ -20,7 +20,7 @@ export function getStrategy(id) {
|
||||||
// 新增预警策略
|
// 新增预警策略
|
||||||
export function addStrategy(data) {
|
export function addStrategy(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/strategy',
|
url: '/car/strategy',
|
||||||
method: 'post',
|
method: 'post',
|
||||||
data: data
|
data: data
|
||||||
})
|
})
|
||||||
|
@ -29,7 +29,7 @@ export function addStrategy(data) {
|
||||||
// 修改预警策略
|
// 修改预警策略
|
||||||
export function updateStrategy(data) {
|
export function updateStrategy(data) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/strategy',
|
url: '/car/strategy',
|
||||||
method: 'put',
|
method: 'put',
|
||||||
data: data
|
data: data
|
||||||
})
|
})
|
||||||
|
@ -38,7 +38,7 @@ export function updateStrategy(data) {
|
||||||
// 删除预警策略
|
// 删除预警策略
|
||||||
export function delStrategy(id) {
|
export function delStrategy(id) {
|
||||||
return request({
|
return request({
|
||||||
url: '/warn/strategy/' + id,
|
url: '/car/strategy/' + id,
|
||||||
method: 'delete'
|
method: 'delete'
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
|
@ -69,13 +69,6 @@
|
||||||
<el-table-column label="备注" align="center" prop="remark" />
|
<el-table-column label="备注" align="center" prop="remark" />
|
||||||
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
|
||||||
<template slot-scope="scope">
|
<template slot-scope="scope">
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-edit"
|
|
||||||
@click="handleUpdate(scope.row)"
|
|
||||||
v-hasPermi="['car:car:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
<el-button
|
||||||
size="mini"
|
size="mini"
|
||||||
type="text"
|
type="text"
|
||||||
|
@ -102,8 +95,15 @@
|
||||||
@pagination="getList"
|
@pagination="getList"
|
||||||
/>
|
/>
|
||||||
|
|
||||||
<el-dialog title="车辆报表" :visible.sync="dialogTableVisible">
|
<el-tabs v-model="activeTab" @tab-click="handleTypeTabClick" v-if="dialogTableVisible">
|
||||||
<el-table v-loading="loading" :data="messageList" @selection-change="handleSelectionChange">
|
<el-tab-pane
|
||||||
|
v-for="(item, index) in options"
|
||||||
|
:key="item.value"
|
||||||
|
:label="item.label"
|
||||||
|
:name="item.value"
|
||||||
|
>
|
||||||
|
</el-tab-pane>
|
||||||
|
<el-table v-loading="loading" :data="messageList" @selection-change="handleSelectionChange" v-if="srcs==''">
|
||||||
<el-table-column type="selection" width="55" align="center" />
|
<el-table-column type="selection" width="55" align="center" />
|
||||||
<el-table-column label="车辆报文类型编码" align="center" prop="messageTypeCode" />
|
<el-table-column label="车辆报文类型编码" align="center" prop="messageTypeCode" />
|
||||||
<el-table-column label="报文字段" align="center" >
|
<el-table-column label="报文字段" align="center" >
|
||||||
|
@ -114,40 +114,11 @@
|
||||||
</template>
|
</template>
|
||||||
</el-table-column>
|
</el-table-column>
|
||||||
</el-table>
|
</el-table>
|
||||||
</el-dialog>
|
</el-tabs>
|
||||||
|
|
||||||
<!-- 添加或修改车辆基础信息对话框 -->
|
<iframe :src="srcs" width="100%" height="1000px" frameborder="0" v-if="srcs!=''"></iframe>
|
||||||
<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="carVin">
|
|
||||||
<el-input v-model="form.carVin" placeholder="请输入车辆VIN码" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="车辆车牌号" prop="carPlate">
|
|
||||||
<el-input v-model="form.carPlate" 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="carModel">
|
|
||||||
<el-input v-model="form.carModel" placeholder="请输入车辆型号" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="车辆车型" prop="carModel">
|
|
||||||
<el-input v-model="form.carType" placeholder="请输入车辆型号" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="启用状态(1.在线 2.离线 3.已断开 4.待连接 5.维修中" prop="state">
|
|
||||||
<el-input v-model="form.state" placeholder="请输入启用状态(1.在线 2.离线 3.已断开 4.待连接 5.维修中" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="备注" prop="remark">
|
|
||||||
<el-input v-model="form.remark" type="textarea" 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>
|
|
||||||
|
|
||||||
<el-button @click="gotoMessage">添加报文</el-button>
|
<!-- <el-button @click="gotoMessage">添加报文</el-button>-->
|
||||||
<iframe :src="src" width="100%" height="1000px" frameborder="0"></iframe>
|
<iframe :src="src" width="100%" height="1000px" frameborder="0"></iframe>
|
||||||
</div>
|
</div>
|
||||||
</template>
|
</template>
|
||||||
|
@ -161,6 +132,22 @@ export default {
|
||||||
name: "Car",
|
name: "Car",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
srcs:'',
|
||||||
|
options: [
|
||||||
|
{
|
||||||
|
value: '',
|
||||||
|
label: '车辆数据'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '/car/log',
|
||||||
|
label: '故障日志'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: '/car/breakdown',
|
||||||
|
label: '车辆故障'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
activeTab: '',
|
||||||
src:'/firm/map',
|
src:'/firm/map',
|
||||||
test:[],
|
test:[],
|
||||||
messageList: [],
|
messageList: [],
|
||||||
|
@ -223,6 +210,10 @@ export default {
|
||||||
document.querySelector('.tags-view-container').style.display = 'none';
|
document.querySelector('.tags-view-container').style.display = 'none';
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
handleTypeTabClick(tab){
|
||||||
|
console.log(tab.name)
|
||||||
|
this.srcs = tab.name
|
||||||
|
},
|
||||||
gotoMessage(){
|
gotoMessage(){
|
||||||
this.$router.push({ path: '/firm/car/message' });
|
this.$router.push({ path: '/firm/car/message' });
|
||||||
},
|
},
|
||||||
|
|
|
@ -210,6 +210,11 @@ export default {
|
||||||
created() {
|
created() {
|
||||||
this.getList();
|
this.getList();
|
||||||
},
|
},
|
||||||
|
mounted() {
|
||||||
|
this.$store.dispatch('app/toggleSideBarHide',true);
|
||||||
|
document.querySelector('.navbar').style.display = 'none';
|
||||||
|
document.querySelector('.tags-view-container').style.display = 'none';
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/** 查询车辆故障列表 */
|
/** 查询车辆故障列表 */
|
||||||
getList() {
|
getList() {
|
||||||
|
|
|
@ -120,9 +120,6 @@
|
||||||
<!-- 添加或修改企业基础信息对话框 -->
|
<!-- 添加或修改企业基础信息对话框 -->
|
||||||
<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="数据库名" prop="tableName">
|
|
||||||
<el-input v-model="form.tableName" placeholder="请输入统一社会信用代码" />
|
|
||||||
</el-form-item>
|
|
||||||
<el-form-item label="统一社会信用代码" prop="firmCreditCode">
|
<el-form-item label="统一社会信用代码" prop="firmCreditCode">
|
||||||
<el-input v-model="form.firmCreditCode" placeholder="请输入统一社会信用代码" />
|
<el-input v-model="form.firmCreditCode" placeholder="请输入统一社会信用代码" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
|
@ -136,10 +133,10 @@
|
||||||
<image-upload v-model="form.firmLogs"/>
|
<image-upload v-model="form.firmLogs"/>
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="企业登录名" prop="firmUser">
|
<el-form-item label="企业登录名" prop="firmUser">
|
||||||
<el-input v-model="form.firmUser" placeholder="请输入企业登录名" />
|
<el-input v-model="form.userName" placeholder="请输入企业登录名" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="企业登录密码" prop="firmPassword">
|
<el-form-item label="企业登录密码" prop="firmPassword">
|
||||||
<el-input v-model="form.firmPassword" placeholder="请输入企业登录密码" />
|
<el-input v-model="form.password" placeholder="请输入企业登录密码" />
|
||||||
</el-form-item>
|
</el-form-item>
|
||||||
<el-form-item label="启用状态" prop="state">
|
<el-form-item label="启用状态" prop="state">
|
||||||
<el-select v-model="form.state" placeholder="请选择启用状态">
|
<el-select v-model="form.state" placeholder="请选择启用状态">
|
||||||
|
@ -287,6 +284,7 @@ export default {
|
||||||
this.$modal.msgSuccess("新增成功");
|
this.$modal.msgSuccess("新增成功");
|
||||||
this.open = false;
|
this.open = false;
|
||||||
this.getList();
|
this.getList();
|
||||||
|
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -100,11 +100,11 @@ export default {
|
||||||
return {
|
return {
|
||||||
options: [
|
options: [
|
||||||
{
|
{
|
||||||
value: 'identification',
|
value: 'basics',
|
||||||
label: '车辆基础'
|
label: '车辆基础'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: 'information',
|
value: 'info',
|
||||||
label: '车辆数据'
|
label: '车辆数据'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
|
|
|
@ -206,6 +206,11 @@ export default {
|
||||||
created() {
|
created() {
|
||||||
this.getList();
|
this.getList();
|
||||||
},
|
},
|
||||||
|
mounted() {
|
||||||
|
this.$store.dispatch('app/toggleSideBarHide',true);
|
||||||
|
document.querySelector('.navbar').style.display = 'none';
|
||||||
|
document.querySelector('.tags-view-container').style.display = 'none';
|
||||||
|
},
|
||||||
methods: {
|
methods: {
|
||||||
/** 查询故障日志列表 */
|
/** 查询故障日志列表 */
|
||||||
getList() {
|
getList() {
|
||||||
|
|
|
@ -30,13 +30,9 @@ export default {
|
||||||
label: '车辆数据'
|
label: '车辆数据'
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
value: '/car/log',
|
value: '/firm/car/message',
|
||||||
label: '故障日志'
|
label: '车辆报文'
|
||||||
},
|
}
|
||||||
{
|
|
||||||
value: '/car/breakdown',
|
|
||||||
label: '车辆故障'
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
activeTab: '/firm/car/car'
|
activeTab: '/firm/car/car'
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue