wuzudaniu
/
cloud-ui
6
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request 'feat():修复车辆管理前台' (#2) from dev.warn into master 

Reviewed-on: #2
dev.warn
xieyaru070903 2024-09-26 11:58:06 +08:00
parent b544fd0e3b 587bd79d81
commit 051447962b
4 changed files with 146 additions and 133 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/api/car/type.js 100644
View File

@ -0,0 +1,10 @@
import request from "@/utils/request";
//查询所有的车辆类型
export function listType(){
return request({
url: '/car/sysType/list',
method: 'get'
})
}

7
src/api/platform/strategy.js
View File

@ -1,12 +1,5 @@
import request from '@/utils/request'
// //根据车辆类型
// export function findBySysTypeId(id) {
// return request({
// url: 'car/sysType/findBySysTypeId/' + id,
// method: "POST"
// })
// }
// 查询预警策略列表
export function listStrategy(query) {

197
src/views/car/car/index.vue
View File

@ -40,7 +40,8 @@
size="mini"
@click="handleAdd"
v-hasPermi="['car:car:add']"
>新增</el-button>
>新增
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@ -51,7 +52,8 @@
:disabled="single"
@click="handleUpdate"
v-hasPermi="['car:car:edit']"
>修改</el-button>
>修改
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@ -62,7 +64,8 @@
:disabled="multiple"
@click="handleDelete"
v-hasPermi="['car:car:remove']"
>删除</el-button>
>删除
</el-button>
</el-col>
<el-col :span="1.5">
<el-button
@ -72,21 +75,22 @@
size="mini"
@click="handleExport"
v-hasPermi="['car:car:export']"
>导出</el-button>
>导出
</el-button>
</el-col>
<right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
</el-row>
<el-table v-loading="loading" :data="carList" @selection-change="handleSelectionChange">
<el-table-column type="selection" width="55" align="center" />
<el-table-column label="自增主键" align="center" prop="id" />
<el-table-column label="车辆VIN码" align="center" prop="carVin" />
<el-table-column label="车辆车牌号" align="center" prop="carPlate" />
<el-table-column label="车辆品牌" align="center" prop="carBrand" />
<el-table-column label="车辆型号" align="center" prop="carModel" />
<el-table-column label="车辆车型" align="center" prop="carType" />
<el-table-column label="围栏组编码" align="center" prop="groupCode" />
<el-table-column label="启用状态" align="center" prop="state" />
<el-table-column type="selection" width="55" align="center"/>
<el-table-column label="自增主键" align="center" prop="id"/>
<el-table-column label="车辆VIN码" align="center" prop="carVin"/>
<el-table-column label="车辆车牌号" align="center" prop="carPlate"/>
<el-table-column label="车辆品牌" align="center" prop="carBrand"/>
<el-table-column label="车辆型号" align="center" prop="carModel"/>
<el-table-column label="车辆车型" align="center" prop="carType"/>
<el-table-column label="围栏组编码" align="center" prop="groupCode"/>
<el-table-column label="启用状态" align="center" prop="state"/>
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
@ -95,26 +99,22 @@
icon="el-icon-edit"
@click="handleUpdate(scope.row)"
v-hasPermi="['car:car:edit']"
>修改</el-button>
>修改
</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-delete"
@click="handleDelete(scope.row)"
v-hasPermi="['car:car:remove']"
>删除</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-s-order"
@click="handleAddStrategy(scope.row)"
>详细信息</el-button>
<el-button
size="mini"
type="text"
icon="el-icon-plus"
@click="handleAddStrategy(scope.row)"
>添加策略信息</el-button>
>删除
</el-button>
<!-- <el-button-->
<!-- size="mini"-->
<!-- type="text"-->
<!-- icon="el-icon-s-order"-->
<!-- @click="handleAddStrategy(scope.row)"-->
<!-- >详细信息</el-button>-->
</template>
</el-table-column>
</el-table>
@ -131,59 +131,49 @@
<el-dialog :title="title" :visible.sync="open" width="500px" append-to-body>
<el-form ref="form" :model="form" :rules="rules" label-width="82px">
<el-form-item label="车辆VIN码" prop="carVin">
<el-input v-model="form.carVin" placeholder="请输入车辆VIN码" />
<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-input v-model="form.carPlate" placeholder="请输入车辆车牌号"/>
</el-form-item>
<el-form-item label="车辆品牌" prop="carBrand">
<el-input v-model="form.carBrand" placeholder="请输入车辆品牌" />
<el-input v-model="form.carBrand" placeholder="请输入车辆品牌"/>
</el-form-item>
<el-form-item label="车辆型号" prop="carModel">
<el-input v-model="form.carModel" placeholder="请输入车辆型号" />
<el-input v-model="form.carModel" placeholder="请输入车辆型号"/>
</el-form-item>
<el-form-item label="车辆车型" prop="carType">
<el-input v-model="form.carType" 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-input v-model="form.state" placeholder="请输入启用状态" />
</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-dialog :title="title" :visible.sync="beginOpen" width="500px" append-to-body>
<el-form ref="formList" :model="formList" :rules="rules" label-width="80px">
<el-form-item label="车辆类型id" prop="carTypeId">
<el-input v-model="formList.carTypeId" placeholder="请输入车辆类型id" />
</el-form-item>
<el-form-item label="策略名称" prop="strategyName">
<el-input v-model="formList.strategyName" placeholder="请输入策略名称" />
</el-form-item>
<el-form-item label="报文模版id" prop="msgId">
<!-- <el-input v-model="formList.msgId" placeholder="请输入报文模版id" />-->
<el-select v-model="formList.msgId" placeholder="请选择报文模版id">
<el-select v-model="form.carType" placeholder="请选择报文模版id" :change="getCarTypeList">
<el-option
v-for="item in templateList"
:key="item.messageTemplateId"
:label="item.messageTemplateName"
:value="item.messageTemplateId">
v-for="item in sysCarType"
:key="item.id"
:label="item.sysTypeName"
:value="item.id">
</el-option>
</el-select>
</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-input v-model="form.state" placeholder="请输入启用状态"/>
</el-form-item>
<el-form-item label="备注" prop="remark">
<el-input v-model="form.remark" type="textarea" placeholder="请输入内容"/>
</el-form-item>
<el-form-item label="策略信息" prop="strategyId">
<el-select v-model="form.msgId" placeholder="请选择报文模版id">
<el-option
v-for="item in strategyList"
:key="item.id"
:label="item.strategyName"
:value="item.id">
</el-option>
</el-select>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitAddForm">确 定</el-button>
<el-button type="primary" @click="submitForm">确 定</el-button>
<el-button @click="cancel">取 消</el-button>
</div>
</el-dialog>
@ -193,8 +183,8 @@
<script>
import {listCar, getCar, delCar, addCar, updateCar} from "/src/api/car/car";
import {templateList} from "@/api/car/message/template";
import {addStrategy} from "@/api/platform/strategy";
import {addStrategy, listStrategy} from "@/api/platform/strategy";
import {listType} from "@/api/car/type";
export default {
name: "Car",
@ -214,12 +204,14 @@ export default {
total: 0,
// 车辆基础信息表格数据
carList: [],
templateList:[],
templateList: [],
//车辆类型
sysCarType: [],
// 弹出层标题
title: "",
// 是否显示弹出层
open: false,
beginOpen:false,
beginOpen: false,
// 查询参数
queryParams: {
pageNum: 1,
@ -232,15 +224,25 @@ export default {
state: null,
},
// 表单参数
form: {},
formList:{},
form: {
carVin: null,
carPlate: null,
carBrand: null,
carModel: null,
carType: null,
groupCode: null,
state: null,
remark: null,
msgId: null
},
formList: {},
// 表单校验
rules: {
}
rules: {}
};
},
created() {
this.getList();
this.getListType();
},
methods: {
/** 查询车辆基础信息列表 */
@ -252,6 +254,11 @@ export default {
this.loading = false;
});
},
getListType() {
listType().then(res => {
this.sysCarType = res.data.rows;
})
},
// 取消按钮
cancel() {
this.open = false;
@ -278,7 +285,7 @@ export default {
},
//初始化
init() {
this.formList= {
this.formList = {
carTypeId: null,
strategyName: null,
msgId: null
@ -298,7 +305,7 @@ export default {
// 多选框选中数据
handleSelectionChange(selection) {
this.ids = selection.map(item => item.id)
this.single = selection.length!==1
this.single = selection.length !== 1
this.multiple = !selection.length
},
/** 新增按钮操作 */
@ -307,19 +314,11 @@ export default {
this.open = true;
this.title = "添加车辆基础信息";
},
/** 添加策略信息按钮 **/
handleAddStrategy(row) {
this.init();
const id = row.id || this.ids
getCar(id).then(response => {
this.formList.carTypeId = response.data.id;
this.beginOpen = true;
this.title ="添加策略信息";
});
templateList().then(response => {
this.templateList = response.data;
console.log(this.templateList);
});
/** 离焦获取策略信息 **/
getCarTypeList(carType) {
listStrategy({sysTypeId: carType}).then(res => {
this.strategyList = res.data;
})
},
/** 修改按钮操作 */
handleUpdate(row) {
@ -329,8 +328,14 @@ export default {
this.form = response.data;
this.open = true;
this.title = "修改车辆基础信息";
this.listStrategy(response.data.carType)
});
},
listStrategy(sysTypeId) {
listStrategy({sysTypeId: sysTypeId}).then(res => {
this.strategyList = res.data.rows;
})
},
/** 提交按钮 */
submitForm() {
this.$refs["form"].validate(valid => {
@ -351,23 +356,17 @@ export default {
}
});
},
/** 添加策略信息**/
submitAddForm(){
addStrategy(this.formList).then(response => {
this.$modal.msgSuccess("添加策略信息成功");
this.beginOpen = false;
this.getList();
});
},
/** 删除按钮操作 */
handleDelete(row) {
const ids = row.id || this.ids;
this.$modal.confirm('是否确认删除车辆基础信息编号为"' + ids + '"的数据项？').then(function() {
this.$modal.confirm('是否确认删除车辆基础信息编号为"' + ids + '"的数据项？').then(function () {
return delCar(ids);
}).then(() => {
this.getList();
this.$modal.msgSuccess("删除成功");
}).catch(() => {});
}).catch(() => {
});
},
/** 导出按钮操作 */
handleExport() {

65
src/views/platform/rule/index.vue
View File

@ -33,22 +33,6 @@
@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="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>
@ -109,8 +93,9 @@
<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" />
<el-table-column label="最大值" align="center" prop="maxValue" />
<el-table-column label="最小值" align="center" prop="minValue" />
<el-table-column label="数据频率名称" align="center" prop="slideData" />
<el-table-column label="数据频率最大值" align="center" prop="slideMaxNum" />
<el-table-column label="数据频率最小值" align="center" prop="slideMinNum" />
<el-table-column label="操作" align="center" class-name="small-padding fixed-width">
<template slot-scope="scope">
<el-button
@ -148,8 +133,7 @@
v-for="item in strategyList"
:key="item.id"
:label="item.strategyName"
:value="item.id"
>
:value="item.id">
</el-option>
</el-select>
</el-form-item>
@ -157,14 +141,13 @@
<el-input v-model="form.ruleName" placeholder="请输入规则名称" />
</el-form-item>
<el-form-item label="报文数据类型id" prop="msgTypeId">
<el-select v-model="form.messageId" placeholder="请选择报文数据名称">
<el-select ref="select" v-model="form.msgTypeId" multiple placeholder="请选择报文数据名称">
<el-option
ref="multipleTable"
tooltip-effect="dark"
v-for="item in templateValueList"
:key="item.messageId"
:label="item.messageCode"
:value="item.messageId">
<!-- <el-checkbox @change="clickBox(item.messageId)" :value ="value.includes(item.messageId)" :label="item.messageCode"></el-checkbox>-->
</el-option>
</el-select>
</el-form-item>
@ -182,7 +165,16 @@
<el-option value="1:60">1:60</el-option>
</el-select>
</el-form-item>
<el-form-item label="数据频率名称" prop="slideData">
<el-input v-model="form.slideData" placeholder="请输入数据频率名称" />
</el-form-item>
<el-form-item label="数据频率最大值" prop="slideMaxNum">
<el-input v-model="form.slideMaxNum" placeholder="请输入数据频率最大值" />
</el-form-item>
<el-form-item label="数据频率最小值" prop="slideMinNum">
<el-input v-model="form.slideMinNum" placeholder="请输入数据频率最小值" />
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer">
<el-button type="primary" @click="submitForm">确 定</el-button>
@ -209,8 +201,10 @@ export default {
single: true,
// 非多个禁用
multiple: true,
props: { multiple: true },
// 显示搜索条件
showSearch: true,
// 总条数
total: 0,
// 预警规则表格数据
@ -219,6 +213,7 @@ export default {
sysTypeList :[],
//报文字段
templateValueList:[],
value:[],
//报文模版类型
templateList :[],
@ -234,6 +229,8 @@ export default {
title: "",
// 是否显示弹出层
open: false,
//弹出抽屉
drawer:false,
// 查询参数
queryParams: {
pageNum: 1,
@ -243,8 +240,9 @@ export default {
msgTypeId: null,
slideTime: null,
slideFrequency: null,
maxValue: null,
minValue: null
slideData:null,
slideMaxNum: null,
slideMinNum: null
},
// 表单参数
form: {},
@ -257,6 +255,18 @@ export default {
this.getList();
},
methods: {
clickBox(val) {
console.log('val::', val);
let values = this.value
if(values.includes(val)) {
this.value = values.filter(n => n !== val)
} else {
values.push(val)
this.value = values
}
console.log('this.value::', this.value)
},
/** 查询预警规则列表 */
getList() {
this.loading = true;
@ -280,8 +290,9 @@ export default {
msgTypeId: null,
slideTime: null,
slideFrequency: null,
maxValue: null,
minValue: null
slideData:null,
slideMaxNum: null,
slideMinNum: null
};
this.resetForm("form");
},