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

update details

Browse Source
This commit is contained in:
Fine 2022-12-02 14:28:29 +08:00
parent aab44626da
commit fd34e47a9e
1 changed files with 23 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -102,11 +102,11 @@ limitations under the License. -->
>
<div>
<div class="mb-10">
<span class="grey">Name:</span>
<span class="grey title">Name:</span>
{{ currentEvent.event || "" }}
</div>
<div class="mb-10">
<span class="grey">Start Time:</span>
<span class="grey title">Start Time:</span>
{{
currentEvent.startTime
? `${visDate(Number(currentEvent.startTime))}:${
@ -116,7 +116,7 @@ limitations under the License. -->
}}
</div>
<div class="mb-10">
<span class="grey">End Time:</span>
<span class="grey title">End Time:</span>
{{
currentEvent.endTime
? `${visDate(Number(currentEvent.endTime))}:${
@ -126,7 +126,7 @@ limitations under the License. -->
}}
</div>
<div class="mb-10">
<span class="grey">Summary:</span>
<span class="grey title">Summary:</span>
<div
class="mb-5"
v-for="(d, index) in currentEvent.summary || []"
@ -137,7 +137,7 @@ limitations under the License. -->
</div>
</div>
<div>
<span class="grey">Tags:</span>
<span class="grey title">Tags:</span>
<div
class="mb-5"
v-for="(tag, index) in currentEvent.tags || []"
@ -242,6 +242,14 @@ function visTimeline() {
const attachedEvents = props.currentSpan.attachedEvents || [];
const events: any[] = attachedEvents.map(
(d: SpanAttachedEvent, index: number) => {
let startTimeNanos = String(d.startTime.nanos / 1000000)
.split(".")[1]
.padStart(6, "0");
let endTimeNanos = String(d.endTime.nanos / 1000000)
.split(".")[1]
.padStart(6, "0");
endTimeNanos = toString(endTimeNanos);
startTimeNanos = toString(startTimeNanos);
return {
id: index + 1,
content: d.event,
@ -255,12 +263,8 @@ function visTimeline() {
startTime: d.startTime.seconds * 1000 + d.startTime.nanos / 1000000,
endTime: d.endTime.seconds * 1000 + d.endTime.nanos / 1000000,
className: "Normal",
startTimeNanos: Number(
String(d.startTime.nanos / 1000000).split(".")[1]
).toLocaleString("en-US"),
endTimeNanos: Number(
String(d.endTime.nanos / 1000000).split(".")[1]
).toLocaleString("en-US"),
startTimeNanos,
endTimeNanos,
};
}
);
@ -285,6 +289,9 @@ function visTimeline() {
showEventDetail.value = false;
});
}
function toString(str: string) {
return str.replace(/\d(?=(\d{3})+$)/g, "$&,");
}
function turnPage(p: number) {
pageNum.value = p;
getTaceLogs();
@ -294,6 +301,11 @@ function showCurrentSpanDetail(text: string) {
}
</script>
<style lang="scss" scoped>
.title {
display: inline-block;
width: 70px;
}
.attach-events {
width: 100%;
margin: 0 5px 5px 0;