From 7561bf9944a9a6d684b083d88be854d47aa7e0b5 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Thu, 18 Jan 2024 10:44:56 +0800
Subject: [PATCH] =?UTF-8?q?refactor(=E4=BB=AA=E8=A1=A8=E6=9D=BF):=20?=
 =?UTF-8?q?=E5=AF=BC=E5=87=BA=E8=A7=86=E5=9B=BE=E5=9B=BE=E7=89=87=E5=9C=A8?=
 =?UTF-8?q?=E4=BD=8E=E5=88=86=E8=BE=A8=E7=8E=87=E5=B1=8F=E5=B9=95=E4=B8=8A?=
 =?UTF-8?q?=E4=B9=9F=E5=8F=AF=E4=BB=A5=E5=88=B0=E5=A4=84=E9=AB=98=E6=B8=85?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/customComponent/UserViewDialog.vue | 29 +++++++++++++++++--
 1 file changed, 26 insertions(+), 3 deletions(-)

diff --git a/core/frontend/src/components/canvas/customComponent/UserViewDialog.vue b/core/frontend/src/components/canvas/customComponent/UserViewDialog.vue
index d98f624c09..52fdbf2d85 100644
--- a/core/frontend/src/components/canvas/customComponent/UserViewDialog.vue
+++ b/core/frontend/src/components/canvas/customComponent/UserViewDialog.vue
@@ -5,10 +5,15 @@
   >
     <de-main-container
       v-show="showChartCanvas"
-      class=""
+      v-loading="exportLoading"
+      style="overflow: hidden"
+      :element-loading-text="$t('panel.data_loading')"
+      element-loading-spinner="el-icon-loading"
+      element-loading-background="rgba(220,220,220,1)"
     >
       <div
         id="chartCanvas"
+        :class="{'canvas-class-exporting':exporting}"
         class="canvas-class"
         :style="customStyle"
       >
@@ -119,7 +124,9 @@ export default {
       refId: null,
       element: {},
       lastMapChart: null,
-      linkLoading: false
+      linkLoading: false,
+      exporting: false,
+      exportLoading: false
     }
   },
   computed: {
@@ -255,7 +262,19 @@ export default {
       }
     },
     exportViewImg(callback) {
-      exportImg(this.chart.name, callback)
+      this.exportLoading = true
+      this.$nextTick(() => {
+        this.exporting = true
+        setTimeout(() => {
+          exportImg(this.chart.name, (params) => {
+            this.exporting = false
+            setTimeout(() => {
+              this.exportLoading = false
+            }, 500)
+            callback(params)
+          })
+        }, 500)
+      })
     },
     setLastMapChart(data) {
       this.lastMapChart = JSON.parse(JSON.stringify(data))
@@ -300,6 +319,10 @@ export default {
   height: 100%;
   background-size: 100% 100% !important;
 }
+.canvas-class-exporting {
+  width: 1080px!important;
+  height: 560px!important;
+}
 
 .abs-container {
   position: absolute;