github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-06-29 12:27:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix: the log details don't display when the log fields don't have value (#129)

Browse Source
This commit is contained in:
Fine0830 2022-07-27 19:31:17 +08:00 committed by GitHub
parent 2ba3c67d31
commit dc8e4bf273
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 19 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
src/views/dashboard/related/log/LogTable/LogService.vue
View File

@ -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,16 @@ 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) {
emit("select", props.data);
return;
}
linkTrace(value);
return;
}
emit("select", props.data);
}
function linkTrace(id: string) {