代码生成器
parent
90cca2f46d
commit
3b8c13babf
|
@ -16,6 +16,14 @@ export function listMessage(query) {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
|
export function dobListMessage(query) {
|
||||||
|
return request({
|
||||||
|
url: '/car/messageInfo/dobList',
|
||||||
|
method: 'get',
|
||||||
|
params: query
|
||||||
|
})
|
||||||
|
}
|
||||||
|
|
||||||
// 查询车辆报文记录详细
|
// 查询车辆报文记录详细
|
||||||
export function getMessage(id) {
|
export function getMessage(id) {
|
||||||
return request({
|
return request({
|
||||||
|
|
|
@ -73,7 +73,7 @@ service.interceptors.request.use(config => {
|
||||||
|
|
||||||
// 响应拦截器
|
// 响应拦截器
|
||||||
service.interceptors.response.use(res => {
|
service.interceptors.response.use(res => {
|
||||||
debugger
|
//debugger
|
||||||
// 未设置状态码则默认成功状态
|
// 未设置状态码则默认成功状态
|
||||||
const code = res.data.code || 200;
|
const code = res.data.code || 200;
|
||||||
// 获取错误信息
|
// 获取错误信息
|
||||||
|
|
|
@ -1,100 +1,28 @@
|
||||||
<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-item label="车辆型号编码" prop="modelCode">
|
|
||||||
<el-input
|
|
||||||
v-model="queryParams.modelCode"
|
|
||||||
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
|
<el-button
|
||||||
type="primary"
|
size="small"
|
||||||
plain
|
@click="dialogFormVisible = true"
|
||||||
icon="el-icon-plus"
|
>
|
||||||
size="mini"
|
添加模板
|
||||||
@click="handleAdd"
|
</el-button>
|
||||||
v-hasPermi="['message:message:add']"
|
<el-tabs v-model="editableTabsValue" :tab-position="tabPosition" type="card" @tab-click="handleTabClick">
|
||||||
>新增</el-button>
|
<el-tab-pane
|
||||||
</el-col>
|
v-for="(item, index) in editableTabs "
|
||||||
<el-col :span="1.5">
|
:key="item.modelCode"
|
||||||
<el-button
|
:label="item.modelCode"
|
||||||
type="success"
|
:name="item.modelCode"
|
||||||
plain
|
>
|
||||||
icon="el-icon-edit"
|
|
||||||
size="mini"
|
|
||||||
:disabled="single"
|
|
||||||
@click="handleUpdate"
|
|
||||||
v-hasPermi="['message:message: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="['message:message: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="['message:message:export']"
|
|
||||||
>导出</el-button>
|
|
||||||
</el-col>
|
|
||||||
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<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="id" />
|
|
||||||
<el-table-column label="车辆型号编码" align="center" prop="modelCode" />
|
|
||||||
<el-table-column label="车辆报文类型编码" align="center" prop="messageTypeCode" />
|
|
||||||
<el-table-column label="开始位下标" align="center" prop="messageStartIndex" />
|
|
||||||
<el-table-column label="结束位下标" align="center" prop="messageEndIndex" />
|
|
||||||
<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="['message:message:edit']"
|
|
||||||
>修改</el-button>
|
|
||||||
<el-button
|
|
||||||
size="mini"
|
|
||||||
type="text"
|
|
||||||
icon="el-icon-delete"
|
|
||||||
@click="handleDelete(scope.row)"
|
|
||||||
v-hasPermi="['message:message:remove']"
|
|
||||||
>删除</el-button>
|
|
||||||
</template>
|
|
||||||
</el-table-column>
|
|
||||||
</el-table>
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
<!-- 添加或修改车辆报文记录对话框 -->
|
|
||||||
<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="modelCode">
|
<el-form-item label="报文类别" prop="messageTypeCode">
|
||||||
<el-input v-model="form.modelCode" placeholder="请输入车辆型号编码" />
|
<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>
|
||||||
<el-form-item label="车辆报文类型编码" prop="messageTypeCode">
|
<el-form-item label="车辆报文类型编码" prop="messageTypeCode">
|
||||||
<el-select v-model="form.messageTypeCode" clearable placeholder="请选择车辆报文类型编码">
|
<el-select v-model="form.messageTypeCode" clearable placeholder="请选择车辆报文类型编码">
|
||||||
|
@ -112,10 +40,48 @@
|
||||||
<el-form-item label="结束位下标" prop="messageEndIndex">
|
<el-form-item label="结束位下标" prop="messageEndIndex">
|
||||||
<el-input v-model="form.messageEndIndex" placeholder="请输入结束位下标" />
|
<el-input v-model="form.messageEndIndex" placeholder="请输入结束位下标" />
|
||||||
</el-form-item>
|
</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="messageTypeCode" />
|
||||||
|
<el-table-column label="开始位下标" align="center" prop="messageStartIndex" />
|
||||||
|
<el-table-column label="结束位下标" align="center" prop="messageEndIndex" />
|
||||||
|
<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)"
|
||||||
|
v-hasPermi="['message:message:remove']"
|
||||||
|
>删除</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>
|
</el-form>
|
||||||
<div slot="footer" class="dialog-footer">
|
<div slot="footer" class="dialog-footer">
|
||||||
<el-button type="primary" @click="submitForm">确 定</el-button>
|
<el-button @click="dialogFormVisible = false">取 消</el-button>
|
||||||
<el-button @click="cancel">取 消</el-button>
|
<el-button type="primary" @click="addTab">确 定</el-button>
|
||||||
</div>
|
</div>
|
||||||
</el-dialog>
|
</el-dialog>
|
||||||
</div>
|
</div>
|
||||||
|
@ -129,6 +95,25 @@ export default {
|
||||||
name: "Message",
|
name: "Message",
|
||||||
data() {
|
data() {
|
||||||
return {
|
return {
|
||||||
|
options: [
|
||||||
|
{
|
||||||
|
value: 'identification',
|
||||||
|
label: '车辆基础'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'information',
|
||||||
|
label: '车辆数据'
|
||||||
|
},
|
||||||
|
{
|
||||||
|
value: 'status',
|
||||||
|
label: '设备状态'
|
||||||
|
}
|
||||||
|
],
|
||||||
|
dialogFormVisible: false,
|
||||||
|
tabPosition:'left',
|
||||||
|
editableTabsValue: '',
|
||||||
|
editableTabs: [],
|
||||||
|
tabIndex: '',
|
||||||
// 遮罩层
|
// 遮罩层
|
||||||
loading: true,
|
loading: true,
|
||||||
// 选中数组
|
// 选中数组
|
||||||
|
@ -163,28 +148,60 @@ export default {
|
||||||
messageName: null,
|
messageName: null,
|
||||||
messageType: null
|
messageType: null
|
||||||
},
|
},
|
||||||
|
modelCodes:'',
|
||||||
};
|
};
|
||||||
},
|
},
|
||||||
created() {
|
created() {
|
||||||
this.getList();
|
this.getList();
|
||||||
this.getTypeList();
|
this.getTypeList();
|
||||||
|
this.getListCopy();
|
||||||
},
|
},
|
||||||
methods: {
|
methods: {
|
||||||
|
addTab() {
|
||||||
|
let newTabName = ++this.tabIndex + '';
|
||||||
|
this.editableTabs.push({
|
||||||
|
modelCode: this.modelCodes,
|
||||||
|
content: 'New Tab content'
|
||||||
|
});
|
||||||
|
this.editableTabsValue = newTabName;
|
||||||
|
this.dialogFormVisible=false
|
||||||
|
},
|
||||||
|
handleTabClick(tab){
|
||||||
|
this.queryParams.modelCode = tab.name
|
||||||
|
this.form.modelCode = tab.name
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
|
handleTypeTabClick(tab){
|
||||||
|
console.log(tab.name)
|
||||||
|
this.queryParams.messageType = tab.name
|
||||||
|
this.getList()
|
||||||
|
},
|
||||||
/** 查询车辆报文类型列表 */
|
/** 查询车辆报文类型列表 */
|
||||||
getTypeList() {
|
getTypeList() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
listMessageType(this.queryTypeParams).then(response => {
|
listMessageType(this.queryTypeParams).then(response => {
|
||||||
console.log(response)
|
|
||||||
this.messageTypeList = response.data;
|
this.messageTypeList = response.data;
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
getListCopy() {
|
||||||
|
this.loading = true;
|
||||||
|
listMessage(this.queryParams).then(response => {
|
||||||
|
this.messageList = response.data;
|
||||||
|
const uniqueSysLeixingpick = new Map();
|
||||||
|
response.data.forEach(item => {
|
||||||
|
uniqueSysLeixingpick.set(item.modelCode, item);
|
||||||
|
});
|
||||||
|
// 将 Map 的值(即去重后的对象)转换回数组
|
||||||
|
this.editableTabs = Array.from(uniqueSysLeixingpick.values()) ;
|
||||||
|
this.loading = false;
|
||||||
|
});
|
||||||
|
},
|
||||||
/** 查询车辆报文记录列表 */
|
/** 查询车辆报文记录列表 */
|
||||||
getList() {
|
getList() {
|
||||||
this.loading = true;
|
this.loading = true;
|
||||||
listMessage(this.queryParams).then(response => {
|
listMessage(this.queryParams).then(response => {
|
||||||
this.messageList = response.data;
|
this.messageList = response.data;
|
||||||
this.total = response.data.total;
|
|
||||||
this.loading = false;
|
this.loading = false;
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
@ -220,41 +237,13 @@ export default {
|
||||||
this.single = selection.length!==1
|
this.single = selection.length!==1
|
||||||
this.multiple = !selection.length
|
this.multiple = !selection.length
|
||||||
},
|
},
|
||||||
/** 新增按钮操作 */
|
|
||||||
handleAdd() {
|
|
||||||
this.reset();
|
|
||||||
this.open = true;
|
|
||||||
this.title = "添加车辆报文记录";
|
|
||||||
},
|
|
||||||
/** 修改按钮操作 */
|
|
||||||
handleUpdate(row) {
|
|
||||||
this.reset();
|
|
||||||
const id = row.id || this.ids
|
|
||||||
getMessage(id).then(response => {
|
|
||||||
this.form = response.data;
|
|
||||||
this.open = true;
|
|
||||||
this.title = "修改车辆报文记录";
|
|
||||||
});
|
|
||||||
},
|
|
||||||
/** 提交按钮 */
|
/** 提交按钮 */
|
||||||
submitForm() {
|
submitForm() {
|
||||||
this.$refs["form"].validate(valid => {
|
|
||||||
if (valid) {
|
|
||||||
if (this.form.id != null) {
|
|
||||||
updateMessage(this.form).then(response => {
|
|
||||||
this.$modal.msgSuccess("修改成功");
|
|
||||||
this.open = false;
|
|
||||||
this.getList();
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
addMessage(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();
|
||||||
});
|
});
|
||||||
}
|
|
||||||
}
|
|
||||||
});
|
|
||||||
},
|
},
|
||||||
/** 删除按钮操作 */
|
/** 删除按钮操作 */
|
||||||
handleDelete(row) {
|
handleDelete(row) {
|
||||||
|
|
Loading…
Reference in New Issue