From edc61799af7f4bf992548f13d5568e898e4c3e58 Mon Sep 17 00:00:00 2001
From: Qiuxia Fan <fine0830@outlook.com>
Date: Wed, 27 Jul 2022 19:08:40 +0800
Subject: [PATCH] fix log widget

---
 .../related/log/LogTable/LogService.vue       | 24 ++++++++++++++-----
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/src/views/dashboard/related/log/LogTable/LogService.vue b/src/views/dashboard/related/log/LogTable/LogService.vue
index a24e1ce8..6ed4405f 100644
--- a/src/views/dashboard/related/log/LogTable/LogService.vue
+++ b/src/views/dashboard/related/log/LogTable/LogService.vue
@@ -15,21 +15,25 @@ limitations under the License. -->
 
 <template>
   <div class="log-item">
-    <div v-for="(item, index) in columns" :key="index" :class="item.label">
-      <span v-if="item.label === 'timestamp'" @click="showSelectSpan">
+    <div
+      v-for="(item, index) in columns"
+      :key="index"
+      :class="item.label"
+      @click="selectLog(item.label, data[item.label])"
+    >
+      <span v-if="item.label === 'timestamp'">
         {{ dateFormat(data.timestamp) }}
       </span>
-      <span v-else-if="item.label === 'tags'" @click="showSelectSpan">
+      <span v-else-if="item.label === 'tags'">
         {{ tags }}
       </span>
       <span
         v-else-if="item.label === 'traceId' && !noLink"
         :class="noLink ? '' : 'blue'"
-        @click="linkTrace(data[item.label])"
       >
         {{ data[item.label] }}
       </span>
-      <span v-else @click="showSelectSpan">{{ data[item.label] }}</span>
+      <span v-else>{{ data[item.label] }}</span>
     </div>
   </div>
 </template>
@@ -62,7 +66,15 @@ const tags = computed(() => {
 });
 const dateFormat = (date: number, pattern = "YYYY-MM-DD HH:mm:ss") =>
   dayjs(date).format(pattern);
-function showSelectSpan() {
+
+function selectLog(label: string, value: string) {
+  if (label === "traceId") {
+    if (!value) {
+      return;
+    }
+    linkTrace(value);
+    return;
+  }
   emit("select", props.data);
 }
 function linkTrace(id: string) {