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/components/device-page/device-tree.vue

@@ -11,7 +11,7 @@ const deviceTabPanes = Object.keys(DeviceType).map((key) => {
 <script setup lang="ts">
 import type { Station } from '@/apis/domains';
 import type { NdmDeviceResultVO, NdmNvrResultVO } from '@/apis/models';
-import type { LineDevices } from '@/composables/query/device/use-line-devices-query';
+import type { LineDevices } from '@/composables/query';
 import { DeviceType, DeviceTypeName, getDeviceTypeVal, type DeviceTypeKey, type DeviceTypeVal } from '@/enums/device-type';
 import { destr } from 'destr';
 import { NButton, NFlex, NInput, NRadio, NRadioGroup, NTab, NTabs, NTag, NTree, type TagProps, type TreeInst, type TreeOption, type TreeOverrideNodeClickBehavior, type TreeProps } from 'naive-ui';
@@ -67,44 +67,45 @@ const lineDeviceTreeData = computed<Record<string, TreeOption[]>>(() => {
       const onlineDevices = devices?.filter((device) => device.deviceStatus === '10');
       const offlineDevices = devices?.filter((device) => device.deviceStatus === '20');
       // 对于录像机，需要根据clusterList字段以分号分隔设备IP，进一步形成子树结构
+      const isCluster = (maybeNvrCluster: NdmNvrResultVO) => !!maybeNvrCluster.clusterList?.trim() && maybeNvrCluster.clusterList !== maybeNvrCluster.ipAddress;
       if (paneName === DeviceType.Nvr) {
-        const nvrs = devices as NdmNvrResultVO[] | undefined;
+        const nvrs = devices as NdmNvrResultVO[];
+        const nvrClusters: NdmNvrResultVO[] = [];
+        const nvrSingletons: NdmNvrResultVO[] = [];
+        for (const device of nvrs) {
+          if (isCluster(device)) {
+            nvrClusters.push(device);
+          } else {
+            nvrSingletons.push(device);
+          }
+        }
         return {
           label: stationName,
           key: stationCode,
           prefix: () => renderStationNodePrefix(station),
           suffix: () => `(${onlineDevices?.length ?? 0}/${offlineDevices?.length ?? 0}/${devices?.length ?? 0})`,
-          children: nvrs
-            ?.filter((device) => {
-              const nvr = device as NdmNvrResultVO;
-              return !!nvr.clusterList?.trim() && nvr.clusterList !== nvr.ipAddress;
-            })
-            .map<TreeOption>((nvrCluster) => {
-              return {
-                label: `${nvrCluster.name}`,
-                key: nvrCluster.id,
-                prefix: () => renderDeviceNodePrefix(nvrCluster, stationCode),
-                suffix: () => `${nvrCluster.ipAddress}`,
-                children: nvrs
-                  .filter((nvr) => {
-                    return nvrCluster.clusterList?.includes(nvr.ipAddress ?? '');
-                  })
-                  .map<TreeOption>((nvr) => {
-                    return {
-                      label: `${nvr.name}`,
-                      key: nvr.id,
-                      prefix: () => renderDeviceNodePrefix(nvr, stationCode),
-                      suffix: () => `${nvr.ipAddress}`,
-                      // 当选择设备时，能获取到设备的所有信息，以及设备所属的车站
-                      device: nvr,
-                      stationCode,
-                    };
-                  }),
-                // 当选择设备时，能获取到设备的所有信息，以及设备所属的车站
-                device: nvrCluster,
-                stationCode,
-              };
-            }),
+          children: nvrClusters.map<TreeOption>((nvrCluster) => {
+            return {
+              label: `${nvrCluster.name}`,
+              key: nvrCluster.id,
+              prefix: () => renderDeviceNodePrefix(nvrCluster, stationCode),
+              suffix: () => `${nvrCluster.ipAddress}`,
+              children: nvrSingletons.map<TreeOption>((nvr) => {
+                return {
+                  label: `${nvr.name}`,
+                  key: nvr.id,
+                  prefix: () => renderDeviceNodePrefix(nvr, stationCode),
+                  suffix: () => `${nvr.ipAddress}`,
+                  // 当选择设备时，能获取到设备的所有信息，以及设备所属的车站
+                  device: nvr,
+                  stationCode,
+                };
+              }),
+              // 当选择设备时，能获取到设备的所有信息，以及设备所属的车站
+              device: nvrCluster,
+              stationCode,
+            };
+          }),
         };
       }
       return {