From 0f090666e98ad88e98373e9bfe7da69d76d8b567 Mon Sep 17 00:00:00 2001
From: stt <email>
Date: Mon, 17 Nov 2025 09:51:31 +0800
Subject: [PATCH] =?UTF-8?q?=E6=8C=87=E6=A0=87=E8=B6=8A=E9=99=90=E7=A8=8B?=
 =?UTF-8?q?=E5=BA=A6=E5=8F=96=E5=80=BC=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/dailyTrendChart.vue            | 67 +++++++++----------
 .../cockpit/exceedanceLevel/index.vue         | 10 +--
 .../cockpit/indicatorDetails/index.vue        |  2 +-
 .../components/harmonicRatio‌.vue              |  2 +-
 .../components/harmonicRatio‌.vue              |  2 +-
 5 files changed, 40 insertions(+), 43 deletions(-)

diff --git a/src/components/cockpit/exceedanceLevel/components/dailyTrendChart.vue b/src/components/cockpit/exceedanceLevel/components/dailyTrendChart.vue
index c761d21..cdd8fb4 100644
--- a/src/components/cockpit/exceedanceLevel/components/dailyTrendChart.vue
+++ b/src/components/cockpit/exceedanceLevel/components/dailyTrendChart.vue
@@ -15,13 +15,13 @@ import { mainHeight } from '@/utils/layout'
 import { limitExtentDayData } from '@/api/harmonic-boot/cockpit/cockpit'
 
 const prop = defineProps({
-    width: { type:  [String, Number]},
-    height: { type:  [String, Number]},
-    timeKey: { type:  [String, Number]},
+    width: { type: [String, Number] },
+    height: { type: [String, Number] },
+    timeKey: { type: [String, Number] },
     timeValue: { type: Object }
 })
 
-const pageHeight = ref(mainHeight(332))
+const pageHeight = mainHeight(0, 2)
 
 const dialogVisible: any = ref(false)
 
@@ -36,35 +36,26 @@ const echartList = ref()
 const init = () => {
     echartList.value = {
         title: {
-            text: dialogText.value,
-            textStyle: {
-                fontSize: 14,
-                rich: {
-                    lineName: {
-                        color: '#333',
-                        fontSize: 14
-                    },
-                    timeLabel: {
-                        color: '#333',
-                        fontSize: 14,
-                        padding: [0, 0, 0, 10]
-                    },
-                    name: {
-                        color: '#333',
-                        fontSize: 14,
-                        padding: [0, 0, 0, 10]
-                    }
-                }
-            }
+            text: dialogText.value
+        },
+        legend: {
+            itemWidth: 20,
+            itemHeight: 20,
+            itemStyle: { opacity: 0 }, //去圆点
+            right: 70
         },
         xAxis: {
-            type: 'category',
-            data: []
-        },
-        yAxis: {
-            type: 'value',
-            name: '数值'
-        },
+        type: 'time',
+        axisLabel: {
+            formatter: {
+                day: '{MM}-{dd}',
+                month: '{MM}',
+                year: '{yyyy}'
+            }
+        }
+    },
+
+    yAxis: [{}, {}],
         grid: {
             left: '1%',
             right: '45px',
@@ -112,12 +103,17 @@ const initData = async (row: any) => {
 
             // 处理每条相位数据
             const seriesData = res.data.map((item: any) => {
-                const values = item.value.split(',').map((v: string) => parseFloat(v) || 0)
+                const values = xAxisData.map((time: string, index: number) => {
+                    // 将传入的日期与时间拼接成完整的时间字符串
+                    const fullTime = `${row.time} ${time}`
+                    const value = parseFloat(item.value.split(',')[index]) || 0
+                    return [fullTime, value]
+                })
 
                 return {
                     name: `${item.phasic}相`,
                     type: 'line',
-                    showSymbol: true,
+                    showSymbol: false,
                     smooth: true,
                     data: values,
                     itemStyle: {
@@ -130,18 +126,17 @@ const initData = async (row: any) => {
             })
 
             // 更新图表配置
-            echartList.value.xAxis.data = xAxisData
             echartList.value.options.series = seriesData
+            // 注意：使用时间轴时不需要设置 xAxis.data
         }
     })
 }
-
 onMounted(() => {})
 
 const open = async (row: any) => {
     dialogVisible.value = true
     dialogTitle.value = row.name + '日趋势图'
-    dialogText.value = `{lineName|${row.lineName}}{timeLabel|${row.time}}{name|${row.name}日趋势图}`
+    dialogText.value = `监测点:${row.lineName}    时间:${row.time}    指标:${row.name}`
     nextTick(() => {
         initData(row)
     })
diff --git a/src/components/cockpit/exceedanceLevel/index.vue b/src/components/cockpit/exceedanceLevel/index.vue
index f2d2236..10c72dc 100644
--- a/src/components/cockpit/exceedanceLevel/index.vue
+++ b/src/components/cockpit/exceedanceLevel/index.vue
@@ -14,7 +14,7 @@
             isGroup
         ></Table>
         <!-- 指标日趋势图 -->
-        <DailyTrendChart ref="dailyTrendChartRef" />
+        <DailyTrendChart v-if="dialogTrendChart" ref="dailyTrendChartRef" @close="dialogTrendChart = false" />
     </div>
 </template>
 <script setup lang="ts">
@@ -39,8 +39,7 @@ const prop = defineProps({
 
 const headerHeight = ref(57)
 
-const route = useRoute()
-const timeCacheStore = useTimeCacheStore()
+const dialogTrendChart = ref(false)
 
 const selectChange = (showSelect: any, height: any, datePickerValue?: any) => {
     headerHeight.value = height
@@ -200,8 +199,11 @@ provide('tableStore', tableStore)
 
 // 点击行
 const cellClickEvent = ({ row, column }: any) => {
+    dialogTrendChart.value = true
     if (column.field == 'maxValue' && row.lineId) {
-        dailyTrendChartRef.value.open(row)
+        nextTick(() => {
+            dailyTrendChartRef.value.open(row)
+        })
     }
 }
 
diff --git a/src/components/cockpit/indicatorDetails/index.vue b/src/components/cockpit/indicatorDetails/index.vue
index 6d6e85b..040f6cf 100644
--- a/src/components/cockpit/indicatorDetails/index.vue
+++ b/src/components/cockpit/indicatorDetails/index.vue
@@ -20,7 +20,7 @@
                         </template>
                         <div
                             :style="{
-                                height: `calc((${prop.height} - 57px) / 5) `,
+                                height: `calc(${prop.height} / 5 ) `,
                                 overflow: 'auto'
                             }"
                             v-html="getTextForDate(data.day)"
diff --git a/src/components/cockpit/indicatorFittingChart/components/harmonicRatio‌.vue b/src/components/cockpit/indicatorFittingChart/components/harmonicRatio‌.vue
index 23c28b8..d7c3ca3 100644
--- a/src/components/cockpit/indicatorFittingChart/components/harmonicRatio‌.vue
+++ b/src/components/cockpit/indicatorFittingChart/components/harmonicRatio‌.vue
@@ -157,7 +157,7 @@ const countOptions: any = ref([])
 const legendDictList: any = ref([])
 
 const initCode = (field: string, title: string) => {
-    queryByCode('steady_state_power_quality').then(res => {
+    queryByCode('steady_state_limit_trend').then(res => {
         queryCsDictTree(res.data.id).then(item => {
             //排序
             indexOptions.value = item.data.sort((a: any, b: any) => {
diff --git a/src/components/cockpit/overLimitStatistics/components/harmonicRatio‌.vue b/src/components/cockpit/overLimitStatistics/components/harmonicRatio‌.vue
index 335d2cd..3626456 100644
--- a/src/components/cockpit/overLimitStatistics/components/harmonicRatio‌.vue
+++ b/src/components/cockpit/overLimitStatistics/components/harmonicRatio‌.vue
@@ -157,7 +157,7 @@ const countOptions: any = ref([])
 const legendDictList: any = ref([])
 
 const initCode = (field: string, title: string) => {
-    queryByCode('steady_state_power_quality').then(res => {
+    queryByCode('steady_state_limit_trend').then(res => {
         queryCsDictTree(res.data.id).then(item => {
             //排序
             indexOptions.value = item.data.sort((a: any, b: any) => {