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

feat: SecurityBoxRuntimeHistoryDiagCard

Browse Source
This commit is contained in:
yangsy
2025-09-28 14:11:32 +08:00
parent 8d451bf327
commit 7497bb5d56
2 changed files with 220 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/device-page/device-card/history-diag-card/security-box-history-diag-card.vue
View File

@@ -7,6 +7,7 @@ import { computed, onMounted, reactive, toRefs, useTemplateRef } from 'vue';
import DeviceStatusHistoryDiagCard from './device-status-history-diag-card.vue';
import DeviceAlarmHistoryDiagCard from './device-alarm-history-diag-card.vue';
import DeviceUsageHistoryDiagCard from './device-usage-history-diag-card.vue';
import SecurityBoxRuntimeHistoryDiagCard from './security-box-runtime-history-diag-card.vue';
const props = defineProps<{
stationCode: string;
@@ -22,18 +23,26 @@ const searchFields = reactive({
type DeviceStatusHistoryDiagCardInst = InstanceType<typeof DeviceStatusHistoryDiagCard> | null;
type DeviceAlarmHistoryDiagCardInst = InstanceType<typeof DeviceAlarmHistoryDiagCard> | null;
type DeviceUsageHistoryDiagCardInst = InstanceType<typeof DeviceUsageHistoryDiagCard> | null;
type SecurityBoxRuntimeHistoryDiagCardInst = InstanceType<typeof SecurityBoxRuntimeHistoryDiagCard> | null;
const deviceStatusHistoryDiagCardRef = useTemplateRef<DeviceStatusHistoryDiagCardInst>('deviceStatusHistoryDiagCardRef');
const deviceAlarmHistoryDiagCardRef = useTemplateRef<DeviceAlarmHistoryDiagCardInst>('deviceAlarmHistoryDiagCardRef');
const deviceUsageHistoryDiagCardRef = useTemplateRef<DeviceUsageHistoryDiagCardInst>('deviceUsageHistoryDiagCardRef');
const securityBoxRuntimeHistoryDiagCardRef = useTemplateRef<SecurityBoxRuntimeHistoryDiagCardInst>('securityBoxCircuitHistoryDiagCardRef');
function refreshData() {
deviceStatusHistoryDiagCardRef.value?.refresh();
deviceAlarmHistoryDiagCardRef.value?.refresh();
deviceUsageHistoryDiagCardRef.value?.refresh();
securityBoxRuntimeHistoryDiagCardRef.value?.refresh();
}
const loading = computed(() => {
return deviceStatusHistoryDiagCardRef.value?.isPending || deviceAlarmHistoryDiagCardRef.value?.isPending || deviceUsageHistoryDiagCardRef.value?.isPending;
return (
deviceStatusHistoryDiagCardRef.value?.isPending ||
deviceAlarmHistoryDiagCardRef.value?.isPending ||
deviceUsageHistoryDiagCardRef.value?.isPending ||
securityBoxRuntimeHistoryDiagCardRef.value?.isPending
);
});
onMounted(() => {
@@ -72,6 +81,7 @@ onMounted(() => {
:cpu-usage-field="'stCommonInfo.CPU使用率'"
:mem-usage-field="'stCommonInfo.内存使用率'"
/>
<SecurityBoxRuntimeHistoryDiagCard :ref="'securityBoxCircuitHistoryDiagCardRef'" :station-code="stationCode" :ndm-security-box="ndmSecurityBox" :date-time-range="searchFields.dateTimeRange" />
</NFlex>
</NCard>
</template>