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

add event details

Browse Source
This commit is contained in:
Qiuxia Fan 2022-06-20 18:24:23 +08:00
parent 7c70575c22
commit 5fd9a2d37a
1 changed files with 35 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/views/dashboard/related/event/Content.vue
View File

@ -39,6 +39,7 @@ function visTimeline() {
content: d.name, content: d.name,
start: dateFormat(d.startTime), start: dateFormat(d.startTime),
end: dateFormat(d.endTime), end: dateFormat(d.endTime),
data: d,
}; };
}); });
const items: any = new DataSet(events); const items: any = new DataSet(events);
@ -46,6 +47,40 @@ function visTimeline() {
height: h, height: h,
width: "100%", width: "100%",
locale: "en", locale: "en",
tooltip: {
template: function (originalItemData) {
const data = originalItemData.data || {};
return ` <div class="mb-5"><span class="grey">Event ID: </span>${
data.uuid || ""
}</div>
<div class="mb-5"><span class="grey">Event Name: </span>${
data.name || ""
}</div>
<div class="mb-5"><span class="grey">Event Type: </span>${
data.type || ""
}</div>
<div class="mb-5"><span class="grey">Start Time: </span>${
data.startTime || ""
}</div>
<div class="mb-5"><span class="grey">End Time: </span>${
data.endTime || ""
}</div>
<div class="mb-5"><span class="grey">Event Message: </span>${
data.message || ""
}</div>
<div class="mb-5"><span class="grey">Event Source: </span>
<div>Service:
${data.source.service || ""}</div>
<div>
Endpoint:
${data.source.endpoint || ""}
</div>
<div>
Service Instance:
${data.source.instance || ""}
</div></div>`;
},
},
}; };
visGraph.value = new Timeline(timeline.value, items, options); visGraph.value = new Timeline(timeline.value, items, options);
} }