skycurtain/ndm-web-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: blank timeline when icmpLogList is empty

Browse Source
This commit is contained in:
yangsy
2025-09-17 11:25:47 +08:00
parent b28e59049f
commit 6b31f81350
1 changed files with 9 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/device-page/device-card/history-diag-card/device-status-history-diag-card.vue
View File

@@ -83,6 +83,14 @@ const { mutate: getDeviceIcmpLogList, isPending } = useMutation({
const timelineItems = computed<TimelineItemProps[]>(() => { const timelineItems = computed<TimelineItemProps[]>(() => {
const items: TimelineItemProps[] = []; const items: TimelineItemProps[] = [];
if (icmpLogList.value.length === 0) {
const { deviceStatus } = ndmDevice.value;
const type: TimelineItemProps['type'] = deviceStatus === '10' ? 'success' : deviceStatus === '20' ? 'error' : 'warning';
const title = deviceStatus === '10' ? '在线' : deviceStatus === '20' ? '离线' : '未知';
const content = '至今' + (deviceStatus === '10' ? '在线' : deviceStatus === '20' ? '离线' : '未知');
items.push({ type, title, content });
return items;
}
let prevIcmpLog = predecessorItem.value; let prevIcmpLog = predecessorItem.value;
for (const icmpLog of icmpLogList.value) { for (const icmpLog of icmpLogList.value) {
const { deviceStatus, createdTime } = icmpLog; const { deviceStatus, createdTime } = icmpLog;
@@ -90,12 +98,7 @@ const timelineItems = computed<TimelineItemProps[]>(() => {
const title = deviceStatus === '10' ? '在线' : deviceStatus === '20' ? '离线' : '未知'; const title = deviceStatus === '10' ? '在线' : deviceStatus === '20' ? '离线' : '未知';
const content = `持续时长：${prevIcmpLog ? formatDuration(createdTime, prevIcmpLog.createdTime) : '至今'}`; const content = `持续时长：${prevIcmpLog ? formatDuration(createdTime, prevIcmpLog.createdTime) : '至今'}`;
const time = createdTime; const time = createdTime;
items.push({ items.push({ type, title, content, time });
type,
title,
content,
time,
});
prevIcmpLog = icmpLog; prevIcmpLog = icmpLog;
} }
return items; return items;