🐛 fix: 优化看板在浏览器高缩放下的布局适配

src/views/pms/stat/rdkb.vue

@@ -39,9 +39,11 @@ const targetWrapperStyle = computed(() => ({
 
 const targetAreaStyle = computed(() => {
   return {
-    '--kb-scale': scale.value,
-    width: `${DESIGN_WIDTH * scale.value}px`,
-    height: `${DESIGN_HEIGHT * scale.value}px`
+    '--kb-scale': 1,
+    width: `${DESIGN_WIDTH}px`,
+    height: `${DESIGN_HEIGHT}px`,
+    transform: `scale(${scale.value})`,
+    transformOrigin: 'top left'
   }
 })
 

src/views/pms/stat/rhkb.vue

@@ -40,9 +40,11 @@ const targetWrapperStyle = computed(() => ({
 
 const targetAreaStyle = computed(() => {
   return {
-    '--kb-scale': scale.value,
-    width: `${DESIGN_WIDTH * scale.value}px`,
-    height: `${DESIGN_HEIGHT * scale.value}px`
+    '--kb-scale': 1,
+    width: `${DESIGN_WIDTH}px`,
+    height: `${DESIGN_HEIGHT}px`,
+    transform: `scale(${scale.value})`,
+    transformOrigin: 'top left'
   }
 })
 

src/views/pms/stat/rykb.vue

@@ -39,9 +39,11 @@ const targetWrapperStyle = computed(() => ({
 
 const targetAreaStyle = computed(() => {
   return {
-    '--kb-scale': scale.value,
-    width: `${DESIGN_WIDTH * scale.value}px`,
-    height: `${DESIGN_HEIGHT * scale.value}px`
+    '--kb-scale': 1,
+    width: `${DESIGN_WIDTH}px`,
+    height: `${DESIGN_HEIGHT}px`,
+    transform: `scale(${scale.value})`,
+    transformOrigin: 'top left'
   }
 })