diff --git a/src/assets/icons/cross.svg b/src/assets/icons/cross.svg
new file mode 100644
index 00000000..9e6c93b8
--- /dev/null
+++ b/src/assets/icons/cross.svg
@@ -0,0 +1,15 @@
+
+
\ No newline at end of file
diff --git a/src/assets/icons/entry.svg b/src/assets/icons/entry.svg
new file mode 100644
index 00000000..4a85fcfc
--- /dev/null
+++ b/src/assets/icons/entry.svg
@@ -0,0 +1,15 @@
+
+
\ No newline at end of file
diff --git a/src/assets/icons/exit.svg b/src/assets/icons/exit.svg
new file mode 100644
index 00000000..cfd5cf9e
--- /dev/null
+++ b/src/assets/icons/exit.svg
@@ -0,0 +1,15 @@
+
+
\ No newline at end of file
diff --git a/src/views/dashboard/related/trace/components/Table/TableItem.vue b/src/views/dashboard/related/trace/components/Table/TableItem.vue
index 9f88355c..b4b3868f 100644
--- a/src/views/dashboard/related/trace/components/Table/TableItem.vue
+++ b/src/views/dashboard/related/trace/components/Table/TableItem.vue
@@ -62,7 +62,15 @@ limitations under the License. -->
v-if="data.children && data.children.length"
iconName="arrow-down"
size="sm"
+ class="mr-5"
/>
+
+
{{ data.endpointName }}
@@ -161,6 +169,10 @@ limitations under the License. -->
const resultStr = result.toFixed(4) + "%";
return resultStr === "0.0000%" ? "0.9%" : resultStr;
});
+ const isCrossThread = computed(() => {
+ const key = props.data.refs.findIndex((d: { type: string }) => d.type === "CROSS_THREAD");
+ return key > -1 ? true : false;
+ });
function toggle() {
displayChildren.value = !displayChildren.value;
@@ -202,6 +214,7 @@ limitations under the License. -->
displayChildren,
outterPercent,
innerPercent,
+ isCrossThread,
viewSpanDetail,
toggle,
dateFormat,