diff --git a/report-ui/src/views/report/bigscreen/designer/index.vue b/report-ui/src/views/report/bigscreen/designer/index.vue index ac1d5a3e..34aa9e08 100644 --- a/report-ui/src/views/report/bigscreen/designer/index.vue +++ b/report-ui/src/views/report/bigscreen/designer/index.vue @@ -250,6 +250,7 @@ export default { widthLeftForTools: 200, // 左侧工具栏宽度 widthLeftForToolsHideButton: 15, // 左侧工具栏折叠按钮宽度 widthLeftForOptions: 300, // 右侧属性配置区 + widthPaddingTools: 18, toolIsShow: true, // 左侧工具栏是否显示 bigscreenWidth: 1920, // 大屏设计的大小 @@ -327,8 +328,10 @@ export default { }, // 设计台按大屏的缩放比例 bigscreenScaleInWorkbench() { - var widthScale = (this.middleWidth - 18) / this.bigscreenWidth; - var heightScale = (this.middleHeight - 18) / this.bigscreenHeight; + var widthScale = + (this.middleWidth - this.widthPaddingTools) / this.bigscreenWidth; + var heightScale = + (this.middleHeight - this.widthPaddingTools) / this.bigscreenHeight; return Math.min(widthScale, heightScale); }, workbenchTransform() { @@ -338,10 +341,12 @@ export default { }, // 大屏在设计模式的大小 bigscreenWidthInWorkbench() { - return this.getPXUnderScale(this.bigscreenWidth) + 18; + return this.getPXUnderScale(this.bigscreenWidth) + this.widthPaddingTools; }, bigscreenHeightInWorkbench() { - return this.getPXUnderScale(this.bigscreenHeight) + 18; + return ( + this.getPXUnderScale(this.bigscreenHeight) + this.widthPaddingTools + ); } }, watch: {