From 8dec16b918c0ecb9d32db7d06bb27ccf6e663bca Mon Sep 17 00:00:00 2001
From: fit2cloud-chenyw <yawen.chen@fit2cloud.com>
Date: Thu, 24 Nov 2022 18:14:06 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E5=85=AC=E5=85=B1=E9=93=BE=E6=8E=A5):=20?=
 =?UTF-8?q?=E4=B8=8B=E8=BD=BDpdf=E7=BC=BA=E5=A4=B1=E5=9B=BE=E7=89=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/components/editor/Preview.vue          | 10 ++++------
 frontend/src/views/link/view/index.vue            | 15 +++++++++++++--
 2 files changed, 17 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/canvas/components/editor/Preview.vue b/frontend/src/components/canvas/components/editor/Preview.vue
index 7c523fe88c..5394f4a0e8 100644
--- a/frontend/src/components/canvas/components/editor/Preview.vue
+++ b/frontend/src/components/canvas/components/editor/Preview.vue
@@ -1,10 +1,6 @@
 <template>
   <div
     :id="previewMainDomId"
-    v-loading="dataLoading"
-    :element-loading-text="$t('panel.data_loading')"
-    element-loading-spinner="el-icon-loading"
-    element-loading-background="rgba(220,220,220,1)"
     class="bg"
     :style="customStyle"
     @scroll="canvasScroll"
@@ -614,7 +610,8 @@ export default {
     },
     downloadAsPDF() {
       this.dataLoading = true
-      const domId = this.canvasInfoTemp
+      this.$emit('change-load-status', true)
+      const domId = this.previewMainDomId
       setTimeout(() => {
         this.exporting = true
         this.backScreenShot = true
@@ -625,6 +622,7 @@ export default {
           html2canvas(document.getElementById(domId)).then(canvas => {
             const snapshot = canvas.toDataURL('image/jpeg', 1) // 是图片质量
             this.dataLoading = false
+            this.$emit('change-load-status', false)
             this.exporting = false
             this.backScreenShot = false
             if (snapshot !== '') {
@@ -632,7 +630,7 @@ export default {
               this.pdfExportShow = true
             }
           })
-        }, 1500)
+        }, 2500)
       }, 500)
     },
     closePreExport() {
diff --git a/frontend/src/views/link/view/index.vue b/frontend/src/views/link/view/index.vue
index 37bda6356e..2070287ccf 100644
--- a/frontend/src/views/link/view/index.vue
+++ b/frontend/src/views/link/view/index.vue
@@ -1,11 +1,18 @@
 <template>
-  <div style="width: 100%;height: 100vh;background-color: #f7f8fa">
+  <div
+    v-loading="dataLoading"
+    style="width: 100%;height: 100vh;background-color: #f7f8fa"
+    :element-loading-text="$t('panel.data_loading')"
+    element-loading-spinner="el-icon-loading"
+    element-loading-background="rgba(220,220,220,1)"
+  >
     <Preview
       v-if="show"
       :component-data="mainCanvasComponentData"
       :canvas-style-data="canvasStyleData"
       :panel-info="panelInfo"
       :user-id="user"
+      @change-load-status="setLoading"
     />
   </div>
 </template>
@@ -38,7 +45,8 @@ export default {
     return {
       canvasId: 'canvas-main',
       show: false,
-      panelInfo: {}
+      panelInfo: {},
+      dataLoading: false
     }
   },
   computed: {
@@ -55,6 +63,9 @@ export default {
     this.viewLog()
   },
   methods: {
+    setLoading(status) {
+      this.dataLoading = !!status
+    },
     viewLog() {
       const param = {
         panelId: this.resourceId,