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

fix: update attached event details (#197)

Browse Source
This commit is contained in:
Fine0830 2022-11-30 16:48:49 +08:00 committed by GitHub
parent 221751f034
commit 611731d6d0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 22 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/store/modules/network-profiling.ts
View File

@ -152,6 +152,10 @@ export const networkProfilingStore = defineStore({
this.networkTasks = res.data.data.queryEBPFTasks || []; this.networkTasks = res.data.data.queryEBPFTasks || [];
this.selectedNetworkTask = this.networkTasks[0] || {}; this.selectedNetworkTask = this.networkTasks[0] || {};
this.setSelectedNetworkTask(this.selectedNetworkTask); this.setSelectedNetworkTask(this.selectedNetworkTask);
if (!this.networkTasks.length) {
this.nodes = [];
this.calls = [];
}
return res.data; return res.data;
}, },
async keepNetworkProfiling(taskId: string) { async keepNetworkProfiling(taskId: string) {

1
src/views/dashboard/related/network-profiling/components/Tasks.vue
View File

@ -246,6 +246,7 @@ async function fetchTasks() {
watch( watch(
() => selectorStore.currentPod, () => selectorStore.currentPod,
() => { () => {
inProcess.value = false;
fetchTasks(); fetchTasks();
} }
); );

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

@ -108,12 +108,22 @@ limitations under the License. -->
<div class="mb-10"> <div class="mb-10">
<span class="grey">Start Time:</span> <span class="grey">Start Time:</span>
{{ {{
currentEvent.startTime ? visDate(Number(currentEvent.startTime)) : "" currentEvent.startTime
? `${visDate(
Number(currentEvent.startTime)
)}:${currentEvent.startTimeNanos.toLocaleString("en-US")}`
: ""
}} }}
</div> </div>
<div class="mb-10"> <div class="mb-10">
<span class="grey">End Time:</span> <span class="grey">End Time:</span>
{{ currentEvent.endTime ? visDate(Number(currentEvent.endTime)) : "" }} {{
currentEvent.endTime
? `${visDate(
Number(currentEvent.endTime)
)}:${currentEvent.endTimeNanos.toLocaleString("en-US")}`
: ""
}}
</div> </div>
<div class="mb-10"> <div class="mb-10">
<span class="grey">Summary:</span> <span class="grey">Summary:</span>
@ -190,14 +200,14 @@ const visGraph = ref<Nullable<any>>(null);
const pageNum = ref<number>(1); const pageNum = ref<number>(1);
const showRelatedLogs = ref<boolean>(false); const showRelatedLogs = ref<boolean>(false);
const showEventDetail = ref<boolean>(false); const showEventDetail = ref<boolean>(false);
const currentEvent = ref<SpanAttachedEvent | Record<string, never>>({}); const currentEvent = ref<any>({});
const pageSize = 10; const pageSize = 10;
const total = computed(() => const total = computed(() =>
traceStore.traceList.length === pageSize traceStore.traceList.length === pageSize
? pageSize * pageNum.value + 1 ? pageSize * pageNum.value + 1
: pageSize * pageNum.value : pageSize * pageNum.value
); );
const visDate = (date: number, pattern = "YYYY-MM-DD HH:mm:ss") => const visDate = (date: number, pattern = "YYYY-MM-DD HH:mm:ss:SSS") =>
dayjs(date).format(pattern); dayjs(date).format(pattern);
onMounted(() => { onMounted(() => {
@ -245,6 +255,8 @@ function visTimeline() {
startTime: d.startTime.seconds * 1000 + d.startTime.nanos / 1000, startTime: d.startTime.seconds * 1000 + d.startTime.nanos / 1000,
endTime: d.endTime.seconds * 1000 + d.endTime.nanos / 1000, endTime: d.endTime.seconds * 1000 + d.endTime.nanos / 1000,
className: "Normal", className: "Normal",
startTimeNanos: d.startTime.nanos,
endTimeNanos: d.endTime.nanos,
}; };
} }
); );
@ -261,6 +273,7 @@ function visTimeline() {
visGraph.value.on("select", (data: { items: number[] }) => { visGraph.value.on("select", (data: { items: number[] }) => {
const index = data.items[0]; const index = data.items[0];
currentEvent.value = events[index - 1 || 0] || {}; currentEvent.value = events[index - 1 || 0] || {};
console.log(currentEvent.value);
if (data.items.length) { if (data.items.length) {
showEventDetail.value = true; showEventDetail.value = true;
return; return;