diff --git a/src/views/dashboard/panel/component/TraceDetailsTools.vue b/src/views/dashboard/panel/component/TraceDetailsTools.vue
index f43a139c..bdf58e49 100644
--- a/src/views/dashboard/panel/component/TraceDetailsTools.vue
+++ b/src/views/dashboard/panel/component/TraceDetailsTools.vue
@@ -89,7 +89,7 @@
class="grey"
size="small"
:class="{ ghost: displayMode !== 'List' }"
- @click="displayMode = 'List'"
+ @click="changeDisplayMode('List')"
>
{{ t("list") }}
@@ -98,7 +98,7 @@
class="grey"
size="small"
:class="{ ghost: displayMode !== 'Tree' }"
- @click="displayMode = 'Tree'"
+ @click="changeDisplayMode('Tree')"
>
{{ t("tree") }}
@@ -107,7 +107,7 @@
class="grey"
size="small"
:class="{ ghost: displayMode !== 'Table' }"
- @click="displayMode = 'Table'"
+ @click="changeDisplayMode('Table')"
>
{{ t("table") }}
@@ -116,7 +116,7 @@
class="grey"
size="small"
:class="{ ghost: displayMode !== 'Statistics' }"
- @click="displayMode = 'Statistics'"
+ @click="changeDisplayMode('Statistics')"
>
{{ t("statistics") }}
@@ -168,7 +168,9 @@ export default defineComponent({
}
copy(copyValue);
}
-
+ function changeDisplayMode(mode: string) {
+ traceStore.displayMode = mode;
+ }
async function changeTraceId(opt: Option[] | any) {
traceId.value = opt[0].value;
loading.value = true;
@@ -200,6 +202,7 @@ export default defineComponent({
}
return {
showTraceList,
+ changeDisplayMode,
traceStore,
displayMode,
dateFormat,