refactor:

- extend NdmDeviceAlarmLogVO
- only query alarm counts
- separate request and store update in useQuery
- refactor station card and alarm modal, data fetching is now inside modal
- optimize device tree
- optimize query station list
- make export size follow page size
- fix query sequence and make them follow stations -> devices -> alarms

src/pages/dashboard-page.vue

@@ -4,27 +4,27 @@ import DeviceAlarmDetailModal from '@/components/dashboard-page/device-alarm-det
 import DeviceParamsConfigModal from '@/components/dashboard-page/device-params-config-modal.vue';
 import OfflineDeviceDetailModal from '@/components/dashboard-page/offline-device-detail-modal.vue';
 import StationCard from '@/components/dashboard-page/station-card.vue';
-import { useLineAlarmsQuery, useLineDevicesQuery } from '@/composables/query';
+import { useLineAlarmCountsQuery, useLineDevicesQuery } from '@/composables/query';
 import { useStationStore } from '@/stores/station';
 import { useLineDevicesStore } from '@/stores/line-devices';
-import { useLineAlarmsStore } from '@/stores/line-alarms';
 import { NGrid, NGi } from 'naive-ui';
 import { storeToRefs } from 'pinia';
 import { ref, watch } from 'vue';
+import { useLineAlarmCountsStore } from '@/stores/line-alarm-counts';
 
 const stationStore = useStationStore();
 const { stationList } = storeToRefs(stationStore);
 const lineDevicesStore = useLineDevicesStore();
 const { lineDevices } = storeToRefs(lineDevicesStore);
-const lineAlarmsStore = useLineAlarmsStore();
-const { lineAlarms } = storeToRefs(lineAlarmsStore);
+const lineAlarmCountsStore = useLineAlarmCountsStore();
+const { lineAlarmCounts } = storeToRefs(lineAlarmCountsStore);
 
 const { isFetching: lineDevicesFetching } = useLineDevicesQuery();
-const { isFetching: lineAlarmsFetching } = useLineAlarmsQuery();
+const { isFetching: lineAlarmCountsFetching } = useLineAlarmCountsQuery();
 
 // 当设备查询或告警查询正在进行时，显示加载条
 watch(
-  [lineDevicesFetching, lineAlarmsFetching],
+  [lineDevicesFetching, lineAlarmCountsFetching],
   (fetchingList) => {
     if (fetchingList.some((pending) => pending)) {
       window.$loadingBar.start();
@@ -61,7 +61,7 @@ const openDeviceParamsConfigModal = (station: Station) => {
       <StationCard
         :station="station"
         :station-devices="lineDevices[station.code]"
-        :station-alarms="lineAlarms[station.code]"
+        :station-alarm-counts="lineAlarmCounts[station.code]"
         @open-offline-device-detail-modal="openOfflineDeviceDetailModal"
         @open-device-alarm-detail-modal="openDeviceAlarmDetailModal"
         @open-device-params-config-modal="openDeviceParamsConfigModal"
@@ -72,7 +72,7 @@ const openDeviceParamsConfigModal = (station: Station) => {
   <!-- 离线设备详情对话框 -->
   <OfflineDeviceDetailModal v-model:show="offlineDeviceTreeModalShow" :station="selectedStation" :station-devices="selectedStation?.code ? lineDevices[selectedStation.code] : undefined" />
   <!-- 设备告警详情对话框 -->
-  <DeviceAlarmDetailModal v-model:show="deviceAlarmTreeModalShow" :station="selectedStation" :station-alarms="selectedStation?.code ? lineAlarms[selectedStation.code] : undefined" />
+  <DeviceAlarmDetailModal v-model:show="deviceAlarmTreeModalShow" :station="selectedStation" :station-alarm-counts="selectedStation?.code ? lineAlarmCounts[selectedStation.code] : undefined" />
   <!-- 设备配置面板对话框 -->
   <DeviceParamsConfigModal v-model:show="deviceParamsConfigModalShow" :station="selectedStation" />
 </template>