From 8faa6d516c6771d09f695a1e3a86d3bec9c59769 Mon Sep 17 00:00:00 2001
From: mtruning <1262327911@qq.com>
Date: Tue, 25 Jan 2022 22:41:12 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E5=A4=84=E7=90=86=E4=BD=8D=E7=BD=AE?=
 =?UTF-8?q?=E5=AE=9A=E4=BD=8D=E7=9A=84=E9=97=AE=E9=A2=98?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/Charts/Bars/BarCommon/index.vue  |  2 ++
 .../chart/components/ContentEdit/index.vue      | 17 ++++++++++++-----
 2 files changed, 14 insertions(+), 5 deletions(-)

diff --git a/src/packages/components/Charts/Bars/BarCommon/index.vue b/src/packages/components/Charts/Bars/BarCommon/index.vue
index d47a6ef8..1b29609e 100644
--- a/src/packages/components/Charts/Bars/BarCommon/index.vue
+++ b/src/packages/components/Charts/Bars/BarCommon/index.vue
@@ -35,6 +35,8 @@ const option = computed(() => {
 const attr = toRef(props.chartData, 'attr')
 const wrapperStyle = computed(() => {
   return {
+    left: `${attr.value.x}px`,
+    top: `${attr.value.y}px`,
     width: `${attr.value.w}px`,
     height: `${attr.value.h}px`,
   }
diff --git a/src/views/chart/components/ContentEdit/index.vue b/src/views/chart/components/ContentEdit/index.vue
index f8be08d0..0defbf56 100644
--- a/src/views/chart/components/ContentEdit/index.vue
+++ b/src/views/chart/components/ContentEdit/index.vue
@@ -13,9 +13,13 @@
       <!-- 中间区域 -->
       <EditRange>
         <!-- 组件名称会重复，必须使用 id -->
-        <div v-for="item in chartEditStore.getComponentList" :key="item.id">
-          <component :is="item.key" :chartData="item"/>
-        </div>
+        <component
+          class="edit-content-chart" 
+          v-for="item in chartEditStore.getComponentList"
+          :key="item.id"
+          :is="item.key"
+          :chartData="item"
+        />
       </EditRange>
     </div>
     <!-- 底部控制 -->
@@ -45,7 +49,7 @@ useLayout()
   position: relative;
   width: 100%;
   overflow: hidden;
-  @include background-image('background-point');
+  @include background-image("background-point");
   @extend .go-point-bg;
   @include goId(chart-edit-content) {
     position: relative;
@@ -57,7 +61,10 @@ useLayout()
     @extend .go-transition;
     &.content-resize {
       border-radius: 15px;
-      @include hover-border-color('hover-border-color');
+      @include hover-border-color("hover-border-color");
+    }
+    .edit-content-chart{
+      position: absolute;
     }
   }
 }