From 14eb95081c6dd7b5f06f939538ef0caa741730c2 Mon Sep 17 00:00:00 2001
From: renpy <peiyu_ren@163.com>
Date: Tue, 29 Aug 2023 16:32:39 +0800
Subject: [PATCH] =?UTF-8?q?=20=E6=95=B0=E6=8D=AE=E6=8E=A5=E5=8F=97?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E5=BC=B9=E7=AA=97=E5=9C=A8=E7=AD=89=E5=BE=85?=
 =?UTF-8?q?=E6=8E=A5=E5=8F=A3=E6=95=B0=E6=8D=AE=E7=9A=84=E6=97=B6=E5=80=99?=
 =?UTF-8?q?=EF=BC=8C=E5=BC=B9=E7=AA=97=E5=86=85=E5=A2=9E=E5=8A=A0=20loadin?=
 =?UTF-8?q?g...?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/stationOperation/components/MapPane.vue         | 8 ++++++--
 .../stationOperation/components/RealTimeDataChart.vue     | 7 ++++++-
 2 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/views/stationOperation/components/MapPane.vue b/src/views/stationOperation/components/MapPane.vue
index fa4edc5..c07c513 100644
--- a/src/views/stationOperation/components/MapPane.vue
+++ b/src/views/stationOperation/components/MapPane.vue
@@ -233,7 +233,7 @@
         <!-- 右侧图表展示栏 -->
         <div class="data-receive-status-chart" :class="{ 'on-screen': !leftPaneShow }">
           <template v-if="showChart">
-            <RealTimeDataChart ref="realtimeChartRef" :list="statusList" :scale-settings="initialDataRecieveSettings" />
+            <RealTimeDataChart ref="realtimeChartRef" :spinning="spinLoading" :list="statusList" :scale-settings="initialDataRecieveSettings" />
             <resize-observer @notify="handleResize" />
           </template>
         </div>
@@ -419,7 +419,8 @@ export default {
 
       markerList: [], // 要在地图上展示的marker列表
 
-      showPane: true
+      showPane: true,
+      spinLoading: false
     }
   },
   created() {
@@ -720,6 +721,7 @@ export default {
 
     // 获取数据接收状态列表
     async getDataRecieveStatusList() {
+      this.spinLoading = true
       try {
         this.isGettingStatusList = true
         const { success, result, message } = await getAction(
@@ -728,6 +730,7 @@ export default {
             userId: this.$store.getters.userInfo.id
           }
         )
+        this.spinLoading = false
         if (success) {
           const statusList = []
           result.forEach(item => {
@@ -746,6 +749,7 @@ export default {
           this.$message.error(message)
         }
       } catch (error) {
+        this.spinLoading = false
         console.error(error)
       } finally {
         this.isGettingStatusList = false
diff --git a/src/views/stationOperation/components/RealTimeDataChart.vue b/src/views/stationOperation/components/RealTimeDataChart.vue
index 432814e..d971a7b 100644
--- a/src/views/stationOperation/components/RealTimeDataChart.vue
+++ b/src/views/stationOperation/components/RealTimeDataChart.vue
@@ -14,7 +14,9 @@
       </div>
     </div>
     <!-- 图例结束 -->
-    <custom-chart ref="customChartRef" :option="option" :height="list.length * 295"></custom-chart>
+    <a-spin :spinning="spinning">
+      <custom-chart ref="customChartRef" :option="option" :height="list.length * 295"></custom-chart>
+    </a-spin>
   </div>
 </template>
 
@@ -79,6 +81,9 @@ export default {
     title: {
       type: String
     },
+    spinning: {
+      type: Boolean
+    },
     list: {
       type: Array,
       default: () => []