From 9ae015934e7621bb9d02deddf27a7a9abc1e3819 Mon Sep 17 00:00:00 2001 From: 潘志宝 <979469083@qq.com> Date: 星期五, 21 三月 2025 14:47:42 +0800 Subject: [PATCH] 数据分析显示预警信息调度建议 --- src/api/model/sche/suggest/index.ts | 13 ++++++ src/api/model/pre/alarm/message.ts | 8 +++ src/views/model/pre/analysis/index.vue | 79 +++++++++++++++++++++++++++++++++++++++ 3 files changed, 98 insertions(+), 2 deletions(-) diff --git a/src/api/model/pre/alarm/message.ts b/src/api/model/pre/alarm/message.ts index 30318cd..296343b 100644 --- a/src/api/model/pre/alarm/message.ts +++ b/src/api/model/pre/alarm/message.ts @@ -18,7 +18,9 @@ } export interface MmPredictAlarmMessagePageReqVO extends PageParam { - title?: string + title?: string, + predictTime?: Date, + outIds?: [] } // 查询MmPredictAlarmMessage列表 @@ -26,3 +28,7 @@ return request.get({ url: '/model/pre/alarm-message/page', params }) } +export const getListByOut = (data: MmPredictAlarmMessagePageReqVO) => { + return request.post({ url: '/model/pre/alarm-message/list-out', data }) +} + diff --git a/src/api/model/sche/suggest/index.ts b/src/api/model/sche/suggest/index.ts new file mode 100644 index 0000000..68a3c84 --- /dev/null +++ b/src/api/model/sche/suggest/index.ts @@ -0,0 +1,13 @@ +import request from '@/config/axios' + +export interface StScheduleSuggestPageReqVO extends PageParam { + title: string + scheduleObj: string + name: string + predictTime: Date + outIds: [] +} + +export const getListByOut = (data: StScheduleSuggestPageReqVO) => { + return request.post({ url: '/model/sche/suggest/list-out', data }) +} diff --git a/src/views/model/pre/analysis/index.vue b/src/views/model/pre/analysis/index.vue index 35a306b..fd7b296 100644 --- a/src/views/model/pre/analysis/index.vue +++ b/src/views/model/pre/analysis/index.vue @@ -186,6 +186,46 @@ </el-row> </el-form> <div ref="dataAnalysisChart" style="height: 500px;"></div> + <div class="chart-foot"> + <div class="chart-foot-content"> + <h3 class="chart-foot-title">预警信息</h3> + <div class="chart-foot-table"> + <el-table :data="alarmList" style="width: 100%" v-loading="loadingAlarm" height="100px"> + <el-table-column prop="content" header-align="center" align="left" label="消息内容" min-width="200" /> + <el-table-column prop="alarmType" label="预警类型" header-align="center" align="left" min-width="150"/> + <el-table-column prop="alarmTime" label="预警时间" header-align="center" align="left" min-width="150"/> + </el-table> + </div> + </div> + <div class="chart-foot-content"> + <h3 class="chart-foot-title">调度建议</h3> + <div class="chart-foot-table"> + <el-table :data="suggestList" style="width: 100%" v-loading="loadingAdjust" height="100px"> + <el-table-column + prop="scheduleTime" + label="调度时间" + header-align="center" + align="left" + min-width="160" + /> + <el-table-column + prop="content" + label="内容" + min-width="300" + header-align="center" align="left" + /> + <el-table-column + prop="adjustValue" + label="调整值" + header-align="center" + align="center" + min-width="100" + /> + </el-table> + </div> + + </div> + </div> </div> </div> </div> @@ -196,6 +236,8 @@ <script lang="ts" setup> import {getYMDHMS} from "@/utils/dateUtil" import * as McsApi from '@/api/model/mcs' +import * as AlarmMessageApi from '@/api/model/pre/alarm/message' +import * as ScheSuggestApi from '@/api/model/sche/suggest' import * as echarts from "echarts"; import {Search, DArrowLeft, DArrowRight, VideoPlay, VideoPause, CaretLeft, CaretRight} from '@element-plus/icons-vue' @@ -261,6 +303,10 @@ const timer = ref() let myChart = null; const isPlay = ref(false) +const alarmList = ref([]) +const suggestList = ref([]) +const loadingAlarm = ref(false) +const loadingAdjust = ref(false) const formRules = reactive({ calItem: [{required: true, message: '预测项不能为空', trigger: 'blur'}], @@ -289,10 +335,24 @@ startTime: formData.value.startTime, endTime: formData.value.endTime }) + const data = await McsApi.getPreDataCharts(params) formData.value.predictTime = data.predictTime; formData.value.startTime = data.startTime formData.value.endTime = data.endTime + + const paramsAlarm = reactive({ + outIds: outIds, + predictTime: formData.value.predictTime + }) + + loadingAlarm.value = true + alarmList.value = await AlarmMessageApi.getListByOut(paramsAlarm) + loadingAlarm.value = false + + loadingAdjust.value = true + suggestList.value = await ScheSuggestApi.getListByOut(paramsAlarm) + loadingAdjust.value = false let xAxisData = data.categories; let defaultYAxis = [ @@ -844,6 +904,23 @@ } </script> <style scoped> +.chart-foot-table { + border: 1px solid #bababa; +} +.chart-foot-title { + font-size: 14px; +} +.chart-foot-content { + height: 100%; + width: 50%; + padding: 5px; +} +.chart-foot { + height: 120px; + width: 100%; + display: flex; + flex-direction: row; +} .el-form-item { margin-bottom: 0 !important; } @@ -875,7 +952,7 @@ .his-body { width: 100%; - height: calc(calc(100vh - 68px - 38px - 160px)); + height: calc(calc(100vh - 68px - 38px - 60px)); display: flex; flex-direction: row; justify-content: flex-start; -- Gitblit v1.9.3