From 4562e59ceb81debbc9f14dc6aa9c7d09fe23960a Mon Sep 17 00:00:00 2001
From: Qiuxia Fan <fine0830@outlook.com>
Date: Wed, 4 May 2022 13:41:01 +0800
Subject: [PATCH] fix detail

---
 .../related/trace/components/Table/TableItem.vue       | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/views/dashboard/related/trace/components/Table/TableItem.vue b/src/views/dashboard/related/trace/components/Table/TableItem.vue
index 1e7591c8..4becc9a1 100644
--- a/src/views/dashboard/related/trace/components/Table/TableItem.vue
+++ b/src/views/dashboard/related/trace/components/Table/TableItem.vue
@@ -105,8 +105,12 @@ limitations under the License. -->
           <span>{{ data.serviceCode }}</span>
         </el-tooltip>
       </div>
-      <div class="application" v-show="headerType === 'profile'">
-        <span @click="viewSpan($event)">{{ t("view") }}</span>
+      <div
+        class="application"
+        v-show="headerType === 'profile'"
+        @click="viewSpan($event)"
+      >
+        <span>{{ t("view") }}</span>
       </div>
     </div>
     <div
@@ -139,7 +143,6 @@ import { useI18n } from "vue-i18n";
 import { ref, computed, defineComponent } from "vue";
 import type { PropType } from "vue";
 import SpanDetail from "../D3Graph/SpanDetail.vue";
-import { ClickHandler } from "d3-flame-graph";
 
 const props = {
   data: { type: Object as PropType<any>, default: () => ({}) },
@@ -197,7 +200,6 @@ export default defineComponent({
       dom.style.background = "rgba(0, 0, 0, 0.1)";
     }
     function selectSpan(event: any) {
-      console.log(event);
       const dom = event.path.find((d: any) =>
         d.className.includes("trace-item")
       );