From d61795898c4cecca7b176332063cd943839475d0 Mon Sep 17 00:00:00 2001
From: wangjiahao <1522128093@qq.com>
Date: Tue, 3 Aug 2021 12:05:29 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=E6=98=8E=E7=BB=86=E5=BC=B9=E5=87=BA?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../canvas/components/Editor/ComponentWrapper.vue           | 6 +++++-
 .../src/components/canvas/components/Editor/EditBar.vue     | 2 +-
 .../src/components/canvas/custom-component/UserView.vue     | 5 ++++-
 3 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
index 43f1fcfda7..7b39cf585a 100644
--- a/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
+++ b/frontend/src/components/canvas/components/Editor/ComponentWrapper.vue
@@ -6,7 +6,7 @@
     @click="handleClick"
     @mousedown="elementMouseDown"
   >
-    <edit-bar v-if="config === curComponent" />
+    <edit-bar v-if="config === curComponent" @showViewDetails="showViewDetails" />
     <de-out-widget
       v-if="config.type==='custom'"
       :id="'component' + config.id"
@@ -18,6 +18,7 @@
     />
 
     <component
+      ref="wrapperChild"
       :is="config.component"
       v-else
       :out-style="config.style"
@@ -110,6 +111,9 @@ export default {
       // 阻止冒泡事件
       e.stopPropagation()
       this.$store.commit('setCurComponent', { component: this.config, index: this.index })
+    },
+    showViewDetails(){
+      this.$refs.wrapperChild.openChartDetailsDialog();
     }
   }
 }
diff --git a/frontend/src/components/canvas/components/Editor/EditBar.vue b/frontend/src/components/canvas/components/Editor/EditBar.vue
index 63e44c64e9..872b0cfc6b 100644
--- a/frontend/src/components/canvas/components/Editor/EditBar.vue
+++ b/frontend/src/components/canvas/components/Editor/EditBar.vue
@@ -43,7 +43,7 @@ export default {
   ]),
   methods: {
     showViewDetails() {
-      eventBus.$emit('showViewDetails')
+      this.$emit('showViewDetails')
     }
   }
 }
diff --git a/frontend/src/components/canvas/custom-component/UserView.vue b/frontend/src/components/canvas/custom-component/UserView.vue
index 6095a2d828..00cf67d92c 100644
--- a/frontend/src/components/canvas/custom-component/UserView.vue
+++ b/frontend/src/components/canvas/custom-component/UserView.vue
@@ -66,6 +66,10 @@ export default {
       type: Boolean,
       required: false,
       default: false
+    },
+    componentIndex: {
+      type: Number,
+      required: false
     }
   },
   data() {
@@ -128,7 +132,6 @@ export default {
     this.getData(this.element.propValue.viewId)
   },
   mounted() {
-    eventBus.$on('showViewDetails', this.openChartDetailsDialog)
   },
   methods: {
     mergeStyle() {