mengff
/
jihe-hs
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

感知事件

wangqin
zhoule 1 year ago
parent
531a9fe7fd
commit
a4d7067093
3 changed files with 107 additions and 81 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue
  2. 4
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/data.js
  3. 182
      ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue

2
ruoyi-ui/src/views/JiHeExpressway/components/RoadStateCard/index.vue
View File

@ -12,7 +12,7 @@
</p> </p>
</div> </div>
<div class="controls"> <div class="controls">
<Button :style="{ background: firstBtnColor,width: '50%' }" @click.native="$emit('firstBtnClick', $event)">{{ <Button :style="{ background: firstBtnColor,width: '50%' }" @click.native="$emit('firstBtnClick', cardData.id)">{{
firstBtnText firstBtnText
}}</Button> }}</Button>
<Button v-if="cardData.state != 3" :style="{ background: lastBtnColor,width: '50%' }" @click.native="$emit('lastBtnClick', $event)">{{ lastBtnText <Button v-if="cardData.state != 3" :style="{ background: lastBtnColor,width: '50%' }" @click.native="$emit('lastBtnClick', $event)">{{ lastBtnText

4
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/EventDetailDialog/data.js
View File

@ -46,7 +46,7 @@ export const formList = [
}, },
{ {
label: "事件状态:", label: "事件状态:",
key: "eventState", key: "stringEventState",
type: "input", type: "input",
options: { options: {
disabled: true, disabled: true,
@ -55,7 +55,7 @@ export const formList = [
}, },
{ {
label: "操作员:", label: "操作员:",
key: "createBy", key: "nickName",
type: "input", type: "input",
options: { options: {
disabled: true, disabled: true,

182
ruoyi-ui/src/views/JiHeExpressway/pages/control/event/event/index.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<div class='RoadNetworkMonitoring2'> <div class="RoadNetworkMonitoring2">
<Tabs :panels="panels" :default-active="activeName" @select="handleSelect" /> <Tabs :panels="panels" :default-active="activeName" @select="handleSelect" />
<!-- 搜索栏 --> <!-- 搜索栏 -->
@ -25,7 +25,7 @@
</ButtonGradient> </ButtonGradient>
</div> </div>
<InputSearch style="width: 402px;" :formList="searchFormList" @handleSearch="handleSearch" /> <InputSearch style="width: 402px" :formList="searchFormList" @handleSearch="handleSearch" />
</div> </div>
<!-- 内容 --> <!-- 内容 -->
@ -36,7 +36,7 @@
<!-- 分页 --> <!-- 分页 -->
<div class="footer"> <div class="footer">
<Pagination @current-change="getData" @size-change="onSizeChange" width="'100%'" :page-sizes="[12, 16, 20, 30, 50,]" <Pagination @current-change="getData" @size-change="onSizeChange" width="'100%'" :page-sizes="[12, 16, 20, 30, 50]"
:page-size="searchData.pageSize" :current-page.sync="searchData.pageNum" layout="total, sizes, prev, pager, next" :page-size="searchData.pageSize" :current-page.sync="searchData.pageNum" layout="total, sizes, prev, pager, next"
:total="total"> :total="total">
</Pagination> </Pagination>
@ -46,23 +46,23 @@
<EventDetailDialog :visible="eventDetailDialogVisible" :formData="detailDialogFormData" @update:value="handleClose" /> <EventDetailDialog :visible="eventDetailDialogVisible" :formData="detailDialogFormData" @update:value="handleClose" />
<!-- "新增"弹出框 --> <!-- "新增"弹出框 -->
<FormEvent :visible="isShowAddNew" @close="onCloseAddNew" /> <FormEvent :visible="isShowAddNew" @close="onCloseAddNew" />
</div> </div>
</template> </template>
<script> <script>
import ButtonGradient from '@screen/components/Buttons/ButtonGradient.vue'; import ButtonGradient from "@screen/components/Buttons/ButtonGradient.vue";
import Tabs from '@screen/components/Tabs/index.vue'; import Tabs from "@screen/components/Tabs/index.vue";
import RoadStateCard from '@screen/components/RoadStateCard/index.vue'; import RoadStateCard from "@screen/components/RoadStateCard/index.vue";
import Pagination from '@screen/components/Pagination.vue'; import Pagination from "@screen/components/Pagination.vue";
import InputSearch from '@screen/components/InputSearch/index.vue'; import InputSearch from "@screen/components/InputSearch/index.vue";
import EventDetailDialog from "./EventDetailDialog/index"; import EventDetailDialog from "./EventDetailDialog/index";
import FormEvent from "./FormEvent/index"; import FormEvent from "./FormEvent/index";
import { tabMap, searchFormList } from "./data"; import { tabMap, searchFormList } from "./data";
import request from "@/utils/request"; import request from "@/utils/request";
import { Loading } from 'element-ui';
function getRandomData(min = 1, max = 15) { function getRandomData(min = 1, max = 15) {
return Math.floor(Math.random() * (max - min + 1)) + min return Math.floor(Math.random() * (max - min + 1)) + min;
} }
function getMockData() { function getMockData() {
@ -70,12 +70,12 @@ function getMockData() {
time: "2023.12.22 13:00:00", time: "2023.12.22 13:00:00",
source: "视频智能识别", source: "视频智能识别",
location: "k100+000", location: "k100+000",
direction: "济南方向" direction: "济南方向",
})) }));
} }
export default { export default {
name: 'RoadNetworkMonitoring2', name: "RoadNetworkMonitoring2",
components: { components: {
ButtonGradient, ButtonGradient,
Tabs, Tabs,
@ -83,7 +83,7 @@ export default {
RoadStateCard, RoadStateCard,
InputSearch, InputSearch,
EventDetailDialog, EventDetailDialog,
FormEvent FormEvent,
}, },
data() { data() {
return { return {
@ -93,19 +93,19 @@ export default {
activeName: "-1", activeName: "-1",
panels: [ panels: [
{ {
label: "告警事件(20)", label: "告警事件",
key: "-1" key: "-1"
}, },
{ {
label: "待确认事件(125)", label: "待确认事件",
key: "0" key: "0"
}, },
{ {
label: "处置中事件(230)", label: "处置中事件",
key: "1" key: "1"
}, },
{ {
label: "已处置事件(76)", label: "已处置事件",
key: "2" key: "2"
}, },
], ],
@ -114,10 +114,10 @@ export default {
searchData: { searchData: {
pageSize: 12, pageSize: 12,
pageNum: 1, pageNum: 1,
eventState: null eventState: null,
}, },
detailDialogFormData: {} detailDialogFormData: {},
} };
}, },
created() { created() {
this.getData(); this.getData();
@ -126,127 +126,153 @@ export default {
handleSelect(activeName) { handleSelect(activeName) {
this.activeName = activeName; this.activeName = activeName;
this.searchData.eventState = activeName == '-1' ? null : activeName; this.searchData.eventState = activeName == "-1" ? null : activeName;
this.getData(); this.getData();
}, },
getStateCardBind(item) { getStateCardBind(item) {
const { state, textColor, text } = tabMap[this.activeName] const { state, textColor, text } = tabMap[this.activeName];
return { return {
cardData: { ...item, state }, cardData: { ...item, state },
lastBtnColor: textColor, lastBtnColor: textColor,
lastBtnText: text lastBtnText: text,
} };
}, },
getData() { getData() {
request({ request({
url: `/dc/system/event/list`, url: `/dc/system/event/list`,
method: "get", method: "get",
params: this.searchData params: this.searchData,
}).then(result => { }).then((result) => {
if (result.code != 200) return Message.error(result?.msg); if (result.code != 200) return Message.error(result?.msg);
this.data = result.rows; this.data = result.rows;
this.total = result.total; this.total = result.total;
}) });
// request({
// url: `/dc/system/event/count`,
// method: "get",
// }).then((result) => {
// if (result.code != 200) return Message.error(result?.msg);
// this.panels = [
// {
// label: `告警事件(${result.warningCount})`,
// key: "-1",
// },
// {
// label: `待确认事件(${result.state0Count})`,
// key: "0",
// },
// {
// label: `处置中事件(${result.state1Count})`,
// key: "1",
// },
// {
// label: `已处置事件(${result.state2Count})`,
// key: "2",
// },
// ];
// });
}, },
onRefresh() { onRefresh() {
this.data = []; this.data = [];
setTimeout(() => { setTimeout(() => {
this.getData(); this.getData();
}, 100) }, 100);
}, },
onSizeChange(pageSize) { onSizeChange(pageSize) {
this.searchData.pageSize = pageSize this.searchData.pageSize = pageSize;
this.getData(); this.getData();
}, },
onAddNew() { onAddNew() {
this.isShowAddNew = true; this.isShowAddNew = true;
}, },
onExport() { onExport() {
let loadingInstance = Loading.service({ fullscreen: true, background: "#00000052", text: "文件正在下载..." }); let loadingInstance = Loading.service({
request({ fullscreen: true,
url: '/dc/system/event/export', background: "#00000052",
headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, text: "文件正在下载...",
responseType: 'blob' });
}).then((res) => { request.post('/dc/system/event/export', {}, { headers: { 'Content-Type': 'application/x-www-form-urlencoded' }, responseType: 'blob' })
console.log(res); .then((res) => {
const url = window.URL.createObjectURL(new Blob([res])) console.log(res);
let link = document.createElement('a') const url = window.URL.createObjectURL(new Blob([res]));
link.style.display = 'none' let link = document.createElement("a");
link.href = url link.style.display = "none";
link.setAttribute('download', '事件信息列表.xlsx') link.href = url;
document.body.appendChild(link) link.setAttribute("download", "事件信息列表.xlsx");
link.click() document.body.appendChild(link);
URL.revokeObjectURL(link.href) // 释放URL 对象 link.click();
document.body.removeChild(link) URL.revokeObjectURL(link.href); // 释放URL 对象
link = null document.body.removeChild(link);
loadingInstance.close(); link = null;
}).catch(err => { loadingInstance.close();
Message.error(err); })
loadingInstance.close(); .catch((err) => {
}) Message.error(err);
loadingInstance.close();
});
}, },
onCloseAddNew() { onCloseAddNew() {
this.isShowAddNew = false; this.isShowAddNew = false;
}, },
firstBtnClick(id) { firstBtnClick(id) {
console.log('id', id) console.log("id", id);
request({ request({
url: `/dc/system/event/${id}`, url: `/dc/system/event/${id}`,
method: "get", method: "get",
}).then(result => { }).then((result) => {
if (result.code != 200) return Message.error(result?.msg); if (result.code != 200) return Message.error(result?.msg);
this.detailDialogFormData = result.data; this.detailDialogFormData = result.data;
this.eventDetailDialogVisible = true this.eventDetailDialogVisible = true;
}) });
}, },
handleClose() { handleClose() {
this.eventDetailDialogVisible = false; this.eventDetailDialogVisible = false;
}, },
handleSearch(data) { handleSearch(data) {
console.log('data', data); console.log("data", data);
let daterange = data.daterange; let daterange = data.daterange;
let dStakeMark = data.stakeMark; let dStakeMark = data.stakeMark;
let dendStakeMark = data.endStakeMark; let dendStakeMark = data.endStakeMark;
let stakeMark = `K${dStakeMark[0]}+${dStakeMark[1]}` let stakeMark = `K${dStakeMark[0]}+${dStakeMark[1]}`;
let endStakeMark = `K${dendStakeMark[0]}+${dendStakeMark[1]}` let endStakeMark = `K${dendStakeMark[0]}+${dendStakeMark[1]}`;
this.searchData = { this.searchData = {
...this.searchData, ...this.searchData,
eventType: data.eventType, eventType: data.eventType,
eventSources: data.eventSources, eventSources: data.eventSources,
startTime: (daterange && daterange.length > 0) ? daterange[0] : '', startTime: daterange && daterange.length > 0 ? daterange[0] : "",
endTime: (daterange && daterange.length > 0) ? daterange[1] : '', endTime: daterange && daterange.length > 0 ? daterange[1] : "",
stakeMark: stakeMark, stakeMark: stakeMark,
endStakeMark: endStakeMark endStakeMark: endStakeMark,
} };
this.getData(); this.getData();
}, },
resultMapping(type, value) { resultMapping(type, value) {
const keyMap = { const keyMap = {
'eventSource': { eventSource: {
1: '96659', 1: "96659",
2: '交警转接', 2: "交警转接",
3: '道路巡查', 3: "道路巡查",
4: '视频巡查', 4: "视频巡查",
5: '视频AI', 5: "视频AI",
6: '一键救援', 6: "一键救援",
7: '其他', 7: "其他",
} },
} };
return keyMap[type][value]; return keyMap[type][value];
}, },
} },
} };
</script> </script>
<style lang='scss' scoped> <style lang="scss" scoped>
.RoadNetworkMonitoring2 { .RoadNetworkMonitoring2 {
padding: 21px; padding: 21px;

Write Preview
Loading…
Cancel
Save