github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-14 09:00:50 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix log widget

Browse Source
This commit is contained in:
Qiuxia Fan 2022-07-27 19:08:40 +08:00
parent 2ba3c67d31
commit edc61799af
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -15,21 +15,25 @@ limitations under the License. -->
<template> <template>
<div class="log-item"> <div class="log-item">
<div v-for="(item, index) in columns" :key="index" :class="item.label"> <div
<span v-if="item.label === 'timestamp'" @click="showSelectSpan"> 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) }} {{ dateFormat(data.timestamp) }}
</span> </span>
<span v-else-if="item.label === 'tags'" @click="showSelectSpan"> <span v-else-if="item.label === 'tags'">
{{ tags }} {{ tags }}
</span> </span>
<span <span
v-else-if="item.label === 'traceId' && !noLink" v-else-if="item.label === 'traceId' && !noLink"
:class="noLink ? '' : 'blue'" :class="noLink ? '' : 'blue'"
@click="linkTrace(data[item.label])"
> >
{{ data[item.label] }} {{ data[item.label] }}
</span> </span>
<span v-else @click="showSelectSpan">{{ data[item.label] }}</span> <span v-else>{{ data[item.label] }}</span>
</div> </div>
</div> </div>
</template> </template>
@ -62,7 +66,15 @@ const tags = computed(() => {
}); });
const dateFormat = (date: number, pattern = "YYYY-MM-DD HH:mm:ss") => const dateFormat = (date: number, pattern = "YYYY-MM-DD HH:mm:ss") =>
dayjs(date).format(pattern); 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); emit("select", props.data);
} }
function linkTrace(id: string) { function linkTrace(id: string) {