From 2d50f1d87be047556e4cb2146dc0b36b4a8baa15 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Wed, 27 Dec 2023 21:21:14 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E4=BF=AE=E6=94=B9=E5=A4=A7=E5=B1=8F?=
 =?UTF-8?q?=E9=A2=84=E8=A7=88=E5=88=86=E7=BB=84=E4=BD=8D=E7=BD=AE=E5=AE=9A?=
 =?UTF-8?q?=E4=BD=8D=E4=B8=8D=E5=87=86=E7=A1=AE=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 core/core-frontend/src/utils/canvasUtils.ts | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/core/core-frontend/src/utils/canvasUtils.ts b/core/core-frontend/src/utils/canvasUtils.ts
index 0f31d450ed..8e805f9bcc 100644
--- a/core/core-frontend/src/utils/canvasUtils.ts
+++ b/core/core-frontend/src/utils/canvasUtils.ts
@@ -11,6 +11,7 @@ import { getPanelAllLinkageInfo } from '@/api/visualization/linkage'
 import { queryVisualizationJumpInfo } from '@/api/visualization/linkJump'
 import { getViewConfig } from '@/views/chart/components/editor/util/chart'
 import { snapshotStoreWithOut } from '@/store/modules/data-visualization/snapshot'
+import { toPercent } from '@/utils/translate'
 const dvMainStore = dvMainStoreWithOut()
 const { curBatchOptComponents, dvInfo, canvasStyleData, componentData, canvasViewInfo } =
   storeToRefs(dvMainStore)
@@ -145,10 +146,10 @@ export function canvasSave(callBack) {
       item.propValue.forEach(groupItem => {
         groupItem.linkageFilters = []
         // 计算groupStyle
-        groupItem.groupStyle.left = groupItem.style.left / groupStyle.width
-        groupItem.groupStyle.top = groupItem.style.top / groupStyle.height
-        groupItem.groupStyle.width = groupItem.style.width / groupStyle.width
-        groupItem.groupStyle.height = groupItem.style.height / groupStyle.height
+        groupItem.groupStyle.left = toPercent(groupItem.style.left / groupStyle.width)
+        groupItem.groupStyle.top = toPercent(groupItem.style.top / groupStyle.height)
+        groupItem.groupStyle.width = toPercent(groupItem.style.width / groupStyle.width)
+        groupItem.groupStyle.height = toPercent(groupItem.style.height / groupStyle.height)
       })
     } else if (item.component === 'DeTabs') {
       item.propValue.forEach(tabItem => {