From 5a42cca0c7dd9d15b66471123115581811a07486 Mon Sep 17 00:00:00 2001
From: hwj <huangweijie@gdngsk.com>
Date: Mon, 12 Jan 2026 14:17:13 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=E8=AE=BE=E5=A4=87=E8=BF=90?=
 =?UTF-8?q?=E8=A1=8C=E5=8F=82=E6=95=B0=E5=88=86=E6=9E=90-=E5=9B=BE?=
 =?UTF-8?q?=E8=A1=A8=E6=95=88=E6=9E=9C=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/iot/deviceParamAnalysis/index.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/views/iot/deviceParamAnalysis/index.vue b/src/views/iot/deviceParamAnalysis/index.vue
index cccd34b3..0353ca11 100644
--- a/src/views/iot/deviceParamAnalysis/index.vue
+++ b/src/views/iot/deviceParamAnalysis/index.vue
@@ -59,7 +59,13 @@
         />
         <div v-loading="chartLoading">
           <el-empty v-if="!selectedParam" description="请选择左侧参数" />
-          <EChart v-else :key="chartRenderKey" :options="chartOption" height="70vh" />
+          <el-empty v-else-if="chartState === 'empty'" description="暂无数据" />
+          <EChart
+            v-else-if="chartState === 'ready'"
+            :key="chartRenderKey"
+            :options="chartOption"
+            height="70vh"
+          />
         </div>
       </ContentWrap>
     </el-col>
@@ -120,6 +126,7 @@ const selectedModelId = ref<number | undefined>(undefined)
 
 const selectedParam = ref<DeviceTreeNode | null>(null)
 const chartLoading = ref(false)
+const chartState = ref<'idle' | 'loading' | 'empty' | 'ready'>('idle')
 const chartXAxis = ref<string[]>([])
 const chartSeries = ref<{ name: string; data: Array<number | null> }[]>([])
 const chartRenderKey = ref(0)
@@ -251,6 +258,7 @@ const loadTree = async () => {
       selectedParam.value = null
       selectedDeviceId.value = undefined
       selectedModelId.value = undefined
+      chartState.value = 'idle'
       chartXAxis.value = []
       chartSeries.value = []
     }
@@ -300,6 +308,7 @@ const fetchChart = async () => {
     return date.includes(':') ? date : `${date} ${suffix}`
   }
 
+  chartState.value = 'loading'
   chartLoading.value = true
   resetChartData()
   try {
@@ -313,6 +322,7 @@ const fetchChart = async () => {
     if (!rows.length) {
       chartXAxis.value = []
       chartSeries.value = []
+      chartState.value = 'empty'
       return
     }
 
@@ -356,8 +366,11 @@ const fetchChart = async () => {
       const values = keys.map((k) => toNumber(firstRow[k]))
       chartSeries.value = [{ name: param?.label || '参数', data: values }]
     }
+
+    chartState.value = chartXAxis.value.length && chartSeries.value.length ? 'ready' : 'empty'
   } catch {
     message.error('获取图表数据失败')
+    chartState.value = 'idle'
   } finally {
     chartLoading.value = false
   }