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