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