Merge pull request #3879 from dataease/pr@dev@fix_pdf-export

fix(仪表板): 修复仪表板导出PDF水印不全或者没有水印的问题

frontend/src/components/canvas/components/editor/Preview.vue

@@ -189,7 +189,8 @@ export default {
   },
   data() {
     return {
-      canvasInfoTemp: 'preview-temp-canvas-main',
+      mainHeightCount: null,
+      userInfo: null,
       previewMainDomId: 'preview-main-' + this.canvasId,
       previewDomId: 'preview-' + this.canvasId,
       previewRefId: 'preview-ref-' + this.canvasId,
@@ -230,6 +231,9 @@ export default {
     }
   },
   computed: {
+    screenShotStatues() {
+      return this.exporting || this.screenShot || this.backScreenShot
+    },
     mainActiveName() {
       return this.$store.state.panel.mainActiveName
     },
@@ -345,6 +349,18 @@ export default {
         this.canvasStyleDataInit()
       },
       deep: true
+    },
+    mainHeight: {
+      handler(newVal, oldVla) {
+        const _this = this
+        _this.$nextTick(() => {
+          if (_this.screenShotStatues) {
+            _this.initWatermark('preview-temp-canvas-main')
+          } else {
+            _this.initWatermark()
+          }
+        })
+      }
     }
   },
   created() {
@@ -377,13 +393,17 @@ export default {
     bus.$off('trigger-reset-button', this.triggerResetButton)
   },
   methods: {
-    initWatermark() {
+    initWatermark(waterDomId = 'preview-main-canvas-main') {
       if (this.panelInfo.watermarkInfo && this.canvasId === 'canvas-main') {
+        if (this.userInfo) {
+          activeWatermark(this.panelInfo.watermarkInfo.settingContent, this.userInfo, waterDomId, this.canvasId, this.panelInfo.watermarkOpen)
+        } else {
           userLoginInfo().then(res => {
-          const userInfo = res.data
+            this.userInfo = res.data
-          activeWatermark(this.panelInfo.watermarkInfo.settingContent, userInfo, 'preview-main-canvas-main', this.canvasId, this.panelInfo.watermarkOpen)
+            activeWatermark(this.panelInfo.watermarkInfo.settingContent, this.userInfo, waterDomId, this.canvasId, this.panelInfo.watermarkOpen)
           })
         }
+      }
     },
     isMainCanvas() {
       return this.canvasId === 'canvas-main'
@@ -606,6 +626,7 @@ export default {
             _this.$nextTick(() => {
               // 将mainHeight 修改为px 临时解决html2canvas 截图不全的问题
               _this.mainHeight = tempCanvas.scrollHeight + 'px!important'
+              _this.mainHeightCount = tempCanvas.scrollHeight
               this.$emit('mainHeightChange', _this.mainHeight)
             })
           })
@@ -623,14 +644,7 @@ export default {
 
         document.getElementById('preview-canvas-main').style.height = (scrollHeight + 'px')
         setTimeout(() => {
-          const timer = setInterval(() => {
+          html2canvas(document.getElementById(domId)).then(canvas => {
-            const containerDom = document.getElementById(domId)
-            const masks = containerDom.getElementsByClassName('el-loading-mask')
-            const mapLoadingArr = containerDom.getElementsByClassName('.symbol-map-loading')
-            if (masks?.length) {
-              const hideMasks = [...masks].filter(item => item.style?.display === 'none')
-              if (masks.length === hideMasks.length && !mapLoadingArr?.length) {
-                html2canvas(containerDom).then(canvas => {
             const snapshot = canvas.toDataURL('image/jpeg', 1) // 是图片质量
             this.dataLoading = false
             this.$emit('change-load-status', false)
@@ -641,10 +655,6 @@ export default {
               this.pdfExportShow = true
             }
           })
-                clearInterval(timer)
-              }
-            }
-          }, 1000)
         }, 2500)
       }, 500)
     },