github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-17 08:55:22 +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

15
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,7 +195,8 @@ limitations under the License. -->
} }
} }
function visTimeline() { function visTimeline() {
attachedEvents.value = (props.currentSpan.attachedEvents || []).map((d: SpanAttachedEvent, index: number) => { attachedEvents.value = (props.currentSpan.attachedEvents || [])
.map((d: SpanAttachedEvent, index: number) => {
let startTimeNanos = String(d.startTime.nanos).slice(-6).padStart(6, "0"); let startTimeNanos = String(d.startTime.nanos).slice(-6).padStart(6, "0");
let endTimeNanos = String(d.endTime.nanos).slice(-6).padStart(6, "0"); let endTimeNanos = String(d.endTime.nanos).slice(-6).padStart(6, "0");
endTimeNanos = toString(endTimeNanos); endTimeNanos = toString(endTimeNanos);
@ -211,7 +212,8 @@ limitations under the License. -->
endTimeNanos, endTimeNanos,
scope: "Service", 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 {