|
|
|
|
@@ -23,9 +23,9 @@
|
|
|
|
|
>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<dv-decoration-10 class="dv-dec-10" :color="color[1]" />
|
|
|
|
|
<dv-decoration-10 class="dv-dec-10" :color="color[1]"/>
|
|
|
|
|
<div class="d-flex jc-center">
|
|
|
|
|
<dv-decoration-8 class="dv-dec-8" :color="color[2]" />
|
|
|
|
|
<dv-decoration-8 class="dv-dec-8" :color="color[2]"/>
|
|
|
|
|
<div class="title">
|
|
|
|
|
<span class="title-text">{{ title }}</span>
|
|
|
|
|
</div>
|
|
|
|
|
@@ -35,7 +35,7 @@
|
|
|
|
|
:color="color[2]"
|
|
|
|
|
/>
|
|
|
|
|
</div>
|
|
|
|
|
<dv-decoration-10 class="dv-dec-10-s" :color="color[1]" />
|
|
|
|
|
<dv-decoration-10 class="dv-dec-10-s" :color="color[1]"/>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="d-flex secondLine">
|
|
|
|
|
@@ -50,7 +50,7 @@
|
|
|
|
|
|
|
|
|
|
<el-dropdown placement="bottom">
|
|
|
|
|
<el-icon :size="22" :color="color[1][0]" class="mt-0.5 mt5">
|
|
|
|
|
<Menu />
|
|
|
|
|
<Menu/>
|
|
|
|
|
</el-icon>
|
|
|
|
|
<template #dropdown>
|
|
|
|
|
<el-dropdown-menu>
|
|
|
|
|
@@ -58,18 +58,21 @@
|
|
|
|
|
<!-- <el-dropdown-item @click="handleClick('2')"
|
|
|
|
|
>模拟短信发送</el-dropdown-item
|
|
|
|
|
> -->
|
|
|
|
|
<el-dropdown-item @click="handleClick('3')"
|
|
|
|
|
>系统配置</el-dropdown-item
|
|
|
|
|
>
|
|
|
|
|
<el-dropdown-item @click="handleClick('4')"
|
|
|
|
|
>报表导出</el-dropdown-item
|
|
|
|
|
>
|
|
|
|
|
<el-dropdown-item @click="handleClick('5')"
|
|
|
|
|
>台账导出</el-dropdown-item
|
|
|
|
|
>
|
|
|
|
|
<el-dropdown-item @click="handleClick('1')"
|
|
|
|
|
>已发送短信查询</el-dropdown-item
|
|
|
|
|
>
|
|
|
|
|
<el-dropdown-item @click="handleClick('3')">
|
|
|
|
|
系统配置
|
|
|
|
|
</el-dropdown-item>
|
|
|
|
|
<el-dropdown-item @click="handleClick('4')">
|
|
|
|
|
报表导出
|
|
|
|
|
</el-dropdown-item>
|
|
|
|
|
<el-dropdown-item @click="handleClick('5')">
|
|
|
|
|
台账导出
|
|
|
|
|
</el-dropdown-item>
|
|
|
|
|
<el-dropdown-item @click="handleClick('1')">
|
|
|
|
|
短信管理
|
|
|
|
|
</el-dropdown-item>
|
|
|
|
|
<el-dropdown-item @click="handleClick('6')">
|
|
|
|
|
缓存刷新
|
|
|
|
|
</el-dropdown-item>
|
|
|
|
|
|
|
|
|
|
</el-dropdown-menu>
|
|
|
|
|
</template>
|
|
|
|
|
@@ -80,16 +83,16 @@
|
|
|
|
|
<!-- 第三行数据 -->
|
|
|
|
|
<div class="content-box">
|
|
|
|
|
<dv-border-box-13 :color="color[0]">
|
|
|
|
|
<eventStatistics ref="eventStatisticsRef" />
|
|
|
|
|
<eventStatistics ref="eventStatisticsRef"/>
|
|
|
|
|
</dv-border-box-13>
|
|
|
|
|
|
|
|
|
|
<dv-border-box-10 :color="color[0]">
|
|
|
|
|
<Map ref="mapRef" />
|
|
|
|
|
<Map ref="mapRef"/>
|
|
|
|
|
<!-- <center-left /> -->
|
|
|
|
|
</dv-border-box-10>
|
|
|
|
|
|
|
|
|
|
<dv-border-box-13 :color="color[0]">
|
|
|
|
|
<alarm ref="alarmRef" />
|
|
|
|
|
<alarm ref="alarmRef"/>
|
|
|
|
|
<!-- 紧急告警 -->
|
|
|
|
|
|
|
|
|
|
<div
|
|
|
|
|
@@ -129,7 +132,7 @@
|
|
|
|
|
<!-- 第四行数据 -->
|
|
|
|
|
<div class="bototm-box">
|
|
|
|
|
<dv-border-box-13 :color="color[0]">
|
|
|
|
|
<endpointStatistics ref="endpointStatisticsRef" />
|
|
|
|
|
<endpointStatistics ref="endpointStatisticsRef"/>
|
|
|
|
|
|
|
|
|
|
<!-- <bottom-left /> -->
|
|
|
|
|
</dv-border-box-13>
|
|
|
|
|
@@ -140,7 +143,7 @@
|
|
|
|
|
/>
|
|
|
|
|
</dv-border-box-13>
|
|
|
|
|
<dv-border-box-13 :color="color[0]">
|
|
|
|
|
<sendTrends ref="sendTrendsRef" />
|
|
|
|
|
<sendTrends ref="sendTrendsRef"/>
|
|
|
|
|
</dv-border-box-13>
|
|
|
|
|
</div>
|
|
|
|
|
<!-- 底部 -->
|
|
|
|
|
@@ -160,10 +163,10 @@
|
|
|
|
|
/>
|
|
|
|
|
|
|
|
|
|
<!-- 系统配置 -->
|
|
|
|
|
<Config ref="ConfigRef" @flushed="inquire" />
|
|
|
|
|
<Config ref="ConfigRef" @flushed="inquire"/>
|
|
|
|
|
|
|
|
|
|
<!-- 报表导出 -->
|
|
|
|
|
<ReportForms ref="reportForms" />
|
|
|
|
|
<ReportForms ref="reportForms"/>
|
|
|
|
|
</div>
|
|
|
|
|
</template>
|
|
|
|
|
|
|
|
|
|
@@ -179,11 +182,11 @@ import {
|
|
|
|
|
watch,
|
|
|
|
|
} from "vue";
|
|
|
|
|
|
|
|
|
|
import { formatTime, getDateRange, stopSpeak } from "@/utils/index"; //引入封装好的
|
|
|
|
|
import {formatTime, getDateRange, stopSpeak} from "@/utils/index"; //引入封装好的
|
|
|
|
|
import useDraw from "@/utils/useDraw"; // 引入封装好的屏幕适配方法
|
|
|
|
|
import { WEEK, title, subtitle, moduleInfo, color } from "@/constant/index"; //引入封装的标题日期
|
|
|
|
|
import {WEEK, title, subtitle, moduleInfo, color} from "@/constant/index"; //引入封装的标题日期
|
|
|
|
|
import datePicker from "@/components/datePicker/index.vue";
|
|
|
|
|
import { Menu, BellFilled, WarnTriangleFilled } from "@element-plus/icons-vue";
|
|
|
|
|
import {Menu, BellFilled, WarnTriangleFilled} from "@element-plus/icons-vue";
|
|
|
|
|
//页面组件
|
|
|
|
|
import eventStatistics from "./components/eventStatistics.vue"; //统计事件
|
|
|
|
|
import endpointStatistics from "./components/endpointStatistics.vue"; //终端在线统计
|
|
|
|
|
@@ -194,10 +197,12 @@ import Map from "./components/bdMap.vue"; //地图
|
|
|
|
|
import smsQueries from "./components/smsQueries.vue"; // //短信查询
|
|
|
|
|
import bottomText from "./components/bottomText.vue"; //边框组件
|
|
|
|
|
import socketClient from "@/utils/webSocketClient";
|
|
|
|
|
import { useStore } from "vuex";
|
|
|
|
|
import {useStore} from "vuex";
|
|
|
|
|
import Config from "./components/config.vue";
|
|
|
|
|
import ReportForms from "./components/reportForms.vue";
|
|
|
|
|
import { exportLineData } from "@/api/statistics/index";
|
|
|
|
|
import {exportLineData,refreshRedis} from "@/api/statistics/index";
|
|
|
|
|
import {ElMessage} from "element-plus";
|
|
|
|
|
|
|
|
|
|
const store = useStore();
|
|
|
|
|
const smsQueriesRef = ref(); // 短信查询组件引用
|
|
|
|
|
const endpointStatisticsRef = ref(); // 终端在线统计组件引用
|
|
|
|
|
@@ -226,7 +231,7 @@ const timeInfo: any = reactive({
|
|
|
|
|
const timeType = ref(3);
|
|
|
|
|
const reportForms = ref();
|
|
|
|
|
// 适配处理
|
|
|
|
|
const { appRef, calcRate, windowDraw, unWindowDraw } = useDraw();
|
|
|
|
|
const {appRef, calcRate, windowDraw, unWindowDraw} = useDraw();
|
|
|
|
|
// 连接webSocket客户端
|
|
|
|
|
const init = () => {
|
|
|
|
|
if (!dataSocket.socketServe) {
|
|
|
|
|
@@ -317,6 +322,12 @@ const handleClick = (type: string) => {
|
|
|
|
|
document.body.removeChild(link);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
if (type === "6") {
|
|
|
|
|
refreshRedis().then((res: any) => {
|
|
|
|
|
ElMessage.success("刷新缓存成功");
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
}, 100);
|
|
|
|
|
};
|
|
|
|
|
|
|
|
|
|
|