From 0d213d462ae5904c7189d737db80eb7595339fa7 Mon Sep 17 00:00:00 2001
From: zhong <1781507490@qq.com>
Date: Sat, 29 Jun 2024 04:09:58 +0000
Subject: [PATCH] =?UTF-8?q?update=20src/views/chart/ContentEdit/components?=
 =?UTF-8?q?/EditRule/index.vue.=20=E4=BF=AE=E6=94=B9=20=E5=AE=BD=E5=BA=A6*?=
 =?UTF-8?q?2=20=20=E4=BD=8E=E4=BA=8E1920=E6=97=B6=E6=8B=96=E4=B8=8D?=
 =?UTF-8?q?=E5=8A=A8=E5=92=8C=E4=BF=AE=E6=94=B9=E5=AE=BD=E9=AB=98=E6=97=B6?=
 =?UTF-8?q?=E6=BB=9A=E5=8A=A8=E6=9D=A1=E6=B2=A1=E5=8F=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: zhong <1781507490@qq.com>
---
 .../ContentEdit/components/EditRule/index.vue | 21 +++++++++++--------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/src/views/chart/ContentEdit/components/EditRule/index.vue b/src/views/chart/ContentEdit/components/EditRule/index.vue
index 0dbd527b..21ab7e27 100644
--- a/src/views/chart/ContentEdit/components/EditRule/index.vue
+++ b/src/views/chart/ContentEdit/components/EditRule/index.vue
@@ -13,7 +13,7 @@
     >
     </sketch-rule>
     <div ref="$app" class="edit-screens" @scroll="handleScroll">
-      <div ref="$container" class="edit-screen-container" :style="{ width: width * 2 + 'px' }">
+      <div ref="$container" class="edit-screen-container" :style="{ width: containerWidth }">
         <div
           ref="refSketchRuleBox"
           class="canvas"
@@ -62,8 +62,13 @@ const scale = computed(() => {
   return chartEditStore.getEditCanvas.scale
 })
 
-// 滚动条拖动的高度
+// 滚动条拖动的宽度
 const containerWidth = computed(() => {
+  return `${window.innerWidth * 2}px`
+})
+
+// 滚动条拖动的高度
+const containerHeight = computed(() => {
   return `${height.value * 2}px`
 })
 
@@ -203,14 +208,12 @@ watch(
   (newValue, oldValue) => {
     if (oldValue !== newValue && chartLayoutStore.getRePositionCanvas) {
       chartLayoutStore.setItemUnHandle(ChartLayoutStoreEnum.RE_POSITION_CANVAS, false)
-      handleScroll()
-      setTimeout(() => {
+    }
+    handleScroll()
+    setTimeout(() => {
         canvasPosCenter()
         reDraw()
-      }, 400)
-    } else {
-        reDraw();
-    }
+    }, 400)
   }
 )
 
@@ -337,7 +340,7 @@ window.onKeySpacePressHold = (isHold: boolean) => {
 
   .edit-screen-container {
     position: absolute;
-    height: v-bind('containerWidth');
+    height: v-bind('containerHeight');
     top: 0;
     left: 0;
   }