refactor: 仪表板导出pdf优化，防止导出画面不全

frontend/src/api/panel/view.js

@@ -4,6 +4,7 @@ export function tree(data) {
   return request({
     url: '/api/panelView/tree',
     method: 'post',
+    timeout: 30000,
     data
   })
 }
@@ -12,6 +13,7 @@ export function viewsWithIds(data) {
   return request({
     url: '/api/panelView/viewsWithIds',
     method: 'post',
+    timeout: 30000,
     loading: true,
     data
   })
@@ -21,6 +23,7 @@ export function findOne(id) {
   return request({
     url: '/api/panelView/findOne/' + id,
     method: 'get',
+    timeout: 30000,
     loading: true
   })
 }

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

@@ -4,6 +4,7 @@
       <div
         id="canvasInfoTemp"
         ref="canvasInfoTemp"
+        :style="{height:mainHeight}"
         class="main-class"
         @mouseup="deselectCurComponent"
         @mousedown="handleMouseDown"
@@ -153,8 +154,14 @@ export default {
     erd.listenTo(mainDom, element => {
       _this.$nextTick(() => {
         _this.restore()
+      })
+    })
+    // 监听div变动事件
+    const tempCanvas = document.getElementById('canvasInfoTemp')
+    erd.listenTo(tempCanvas, element => {
+      _this.$nextTick(() => {
         // 将mainHeight 修改为px 临时解决html2canvas 截图不全的问题
-        _this.mainHeight = mainDom.scrollHeight + 'px!important'
+        _this.mainHeight = tempCanvas.scrollHeight + 'px!important'
       })
     })
     eventBus.$on('openChartDetailsDialog', this.openChartDetailsDialog)