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

style

Browse Source
This commit is contained in:
yangsy
2025-08-21 21:11:45 +08:00
parent 230aee89c2
commit 9cfc5924f9
1 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/device-alarm-detail-modal.vue
View File

@@ -39,7 +39,7 @@ const alarmCount = computed(() => {
}, 0); }, 0);
}); });
const classifiedCount = computed(() => { const classifiedCounts = computed(() => {
return Object.values(DeviceType).map<{ label: string; count: number }>((deviceType) => { return Object.values(DeviceType).map<{ label: string; count: number }>((deviceType) => {
return { return {
label: DeviceTypeName[deviceType], label: DeviceTypeName[deviceType],
@@ -168,11 +168,13 @@ const onModalClose = () => {};
<span>当前没有设备告警</span> <span>当前没有设备告警</span>
</div> </div>
<div v-else style="height: 100%; display: flex; flex-direction: column"> <div v-else style="height: 100%; display: flex; flex-direction: column">
<NRow style="flex: 0 0 auto; margin-bottom: 16px"> <div style="flex: 0 0 auto; margin-bottom: 16px">
<NCol :span="3" v-for="item in classifiedCount" :key="item.label"> <NRow>
<NStatistic :label="item.label + '告警'" :value="item.count"></NStatistic> <NCol :span="3" v-for="item in classifiedCounts" :key="item.label">
</NCol> <NStatistic :label="item.label + '告警'" :value="item.count" />
</NRow> </NCol>
</NRow>
</div>
<div style="flex: 0 0 auto; display: flex; align-items: center; padding: 8px 0"> <div style="flex: 0 0 auto; display: flex; align-items: center; padding: 8px 0">
<div style="font-size: medium">今日设备告警列表</div> <div style="font-size: medium">今日设备告警列表</div>
<NSpace style="margin-left: auto"> <NSpace style="margin-left: auto">