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

fix: update events

Browse Source
This commit is contained in:
Fine 2023-02-13 16:45:21 +08:00
parent a97fe135ac
commit 21be504f13
1 changed files with 24 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

45
src/views/dashboard/related/trace/components/D3Graph/SpanDetail.vue
View File

@ -75,7 +75,7 @@ limitations under the License. -->
<div class="timeline-table clear attach-events" v-if="attachedEvents.length"> <div class="timeline-table clear attach-events" v-if="attachedEvents.length">
<div v-for="(i, index) in attachedEvents" :key="index" class="clear timeline-item" @click="selectEvent(i)"> <div v-for="(i, index) in attachedEvents" :key="index" class="clear timeline-item" @click="selectEvent(i)">
<div class="g-sm-3 grey sm hide-xs time-line tr"> <div class="g-sm-3 grey sm hide-xs time-line tr">
{{ `${visDate(Number(i.startTime))}` }} {{ `${visDate(Number(i.endTime))}:${i.endTimeNanos}` }}
</div> </div>
<div class="timeline-table-i g-sm-9"> <div class="timeline-table-i g-sm-9">
<div class="message mb-5 b"> <div class="message mb-5 b">
@ -92,7 +92,7 @@ limitations under the License. -->
{{ t(i.scope.toLowerCase()) }} {{ t(i.scope.toLowerCase()) }}
</div> </div>
<div class="grey sm show-xs"> <div class="grey sm show-xs">
{{ `${visDate(Number(i.startTime))}` }} {{ `${visDate(Number(i.endTime))}:${i.endTimeNanos}` }}
</div> </div>
</div> </div>
</div> </div>
@ -195,23 +195,25 @@ limitations under the License. -->
} }
} }
function visTimeline() { function visTimeline() {
attachedEvents.value = (props.currentSpan.attachedEvents || []).map((d: SpanAttachedEvent, index: number) => { attachedEvents.value = (props.currentSpan.attachedEvents || [])
let startTimeNanos = String(d.startTime.nanos).slice(-6).padStart(6, "0"); .map((d: SpanAttachedEvent, index: number) => {
let endTimeNanos = String(d.endTime.nanos).slice(-6).padStart(6, "0"); let startTimeNanos = String(d.startTime.nanos).slice(-6).padStart(6, "0");
endTimeNanos = toString(endTimeNanos); let endTimeNanos = String(d.endTime.nanos).slice(-6).padStart(6, "0");
startTimeNanos = toString(startTimeNanos); endTimeNanos = toString(endTimeNanos);
return { startTimeNanos = toString(startTimeNanos);
id: index + 1, return {
content: d.event, id: index + 1,
...d, content: d.event,
startTime: d.startTime.seconds * 1000 + d.startTime.nanos / 1000000, ...d,
endTime: d.endTime.seconds * 1000 + d.endTime.nanos / 1000000, startTime: d.startTime.seconds * 1000 + d.startTime.nanos / 1000000,
className: "Normal", endTime: d.endTime.seconds * 1000 + d.endTime.nanos / 1000000,
startTimeNanos, className: "Normal",
endTimeNanos, startTimeNanos,
scope: "Service", endTimeNanos,
}; scope: "Service",
}); };
})
.reverse();
} }
function selectEvent(event: SpanAttachedEvent) { function selectEvent(event: SpanAttachedEvent) {
currentEvent.value = event; currentEvent.value = event;
@ -241,8 +243,9 @@ limitations under the License. -->
} }
.time-line { .time-line {
max-width: 240px; padding: 0;
padding-top: 18px; max-width: 260px;
padding-top: 19px;
} }
.attach-events { .attach-events {