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,