fix: 仪表盘 背景显示不全问题

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

@@ -55,15 +55,17 @@ export default {
       scaleWidth: '100',
       scaleHeight: '100',
       timer: null,
-      componentDataShow: []
+      componentDataShow: [],
+      mainWidth: '100%',
+      mainHeight: '100%'
     }
   },
   computed: {
     customStyle() {
       let style = {
         margin: 'auto',
-        width: '100%',
+        width: this.mainWidth,
-        height: '100%'
+        height: this.mainHeight
       }
       if (this.canvasStyleData.openCommonStyle) {
         if (this.canvasStyleData.panel.backgroundType === 'image' && this.canvasStyleData.panel.imageUrl) {
@@ -122,6 +124,7 @@ export default {
       this.scaleHeight = canvasHeight * 100 / parseInt(this.canvasStyleData.height)// 获取高度比
       if (this.showType === 'width') {
         this.scaleHeight = this.scaleWidth
+        this.mainHeight = this.canvasStyleData.height * this.scaleHeight / 100 + 'px'
       }
       this.handleScaleChange()
     },

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

@@ -1,6 +1,6 @@
 <template>
   <div style="width: 100%;height: 100vh;">
-    <fullscreen style="background: #ffffff" :fullscreen.sync="fullscreen" @change="fullscreenChange">
+    <fullscreen style="height:100%;background: #f7f8fa;overflow-y: auto" :fullscreen.sync="fullscreen" @change="fullscreenChange">
       <Preview v-if="fullscreen" />
     </fullscreen>
   </div>

frontend/src/views/panel/edit/index.vue

@@ -135,7 +135,7 @@
       </div>
     </el-dialog>
 
-    <fullscreen style="height: 100%;background: #f7f8fa" :fullscreen.sync="previewVisible">
+    <fullscreen style="height: 100%;background: #f7f8fa;overflow-y: auto" :fullscreen.sync="previewVisible">
       <Preview v-if="previewVisible" :show-type="canvasStyleData.selfAdaption?'full':'width'" />
     </fullscreen>
 

frontend/src/views/panel/list/PanelViewShow.vue

@@ -50,7 +50,7 @@
       <!-- 仪表板预览区域-->
       <el-row class="panel-design-preview">
         <div ref="imageWrapper" style="width: 100%;height: 100%">
-          <fullscreen style="height: 100%;background: #f7f8fa" :fullscreen.sync="fullscreen">
+          <fullscreen style="height: 100%;background: #f7f8fa;overflow-y: auto" :fullscreen.sync="fullscreen">
             <Preview v-if="showMain" :show-type="canvasStyleData.selfAdaption?'full':'width'" />
           </fullscreen>
         </div>