refactor(vimp): 将普通对象替换为Map并优化代码逻辑 (不包含警报器树)

- 将站点摄像机和告警的映射存储从普通对象改为Map，提升查询性能
- 新增站点在线状态缓存和已访问站点集合，简化重复站点判断逻辑
- 移动buildTrainAreas和axios配置对象至顶层作用域
- 调整代码结构并临时注释告警存储的线路面板构建调用

src/pages/vimp/composables/query/use-device-center-query.ts

@@ -6,15 +6,6 @@ import type { CodeArea, CodeLines, CodeSites } from '../../types';
 import { useCameraStore, useAlarmStore } from '../../stores';
 import { catalogAllDeviceApi, catalogChannelApi, type VimpChannel } from '../../apis';
 
-export const useDeviceCenterQuery = () => {
-  const cameraStore = useCameraStore();
-  const alarmStore = useAlarmStore();
-
-  return useQuery({
-    queryKey: computed(() => ['vimp-device']),
-    refetchInterval: 10 * 1000,
-    refetchOnWindowFocus: false,
-    queryFn: async ({ signal }) => {
 const config: AxiosRequestConfig = {
   headers: {
     'Cache-Control': 'no-store',
@@ -39,6 +30,15 @@ export const useDeviceCenterQuery = () => {
   return codeTrainAreas;
 };
 
+export const useDeviceCenterQuery = () => {
+  const cameraStore = useCameraStore();
+  const alarmStore = useAlarmStore();
+
+  return useQuery({
+    queryKey: computed(() => ['vimp-device']),
+    refetchInterval: 10 * 1000,
+    refetchOnWindowFocus: false,
+    queryFn: async ({ signal }) => {
       const codeLines = (await axios.get<CodeLines>('/cdn/vimp/codes/codeLines.json', config)).data;
       const codeSites = (await axios.get<CodeSites>('/cdn/vimp/codes/codeStations.json', config)).data;
       const codeStationAreas = (await axios.get<CodeArea[]>('/cdn/vimp/codes/codeStationAreas.json', config)).data;
@@ -46,8 +46,8 @@ export const useDeviceCenterQuery = () => {
       const codeOccAreas = (await axios.get<CodeArea[]>('/cdn/vimp/codes/codeOccAreas.json', config)).data;
       const codeTrainAreas = buildTrainAreas();
 
-      const siteCamerasMapFromApi: Record<string, VimpChannel[]> = {};
-      const siteAlarmsMapFromApi: Record<string, VimpChannel[]> = {};
+      const siteCamerasMapFromApi = new Map<string, VimpChannel[]>();
+      const siteAlarmsMapFromApi = new Map<string, VimpChannel[]>();
       const sitesFromApi = await catalogAllDeviceApi({ signal });
 
       if (!!sitesFromApi) {
@@ -68,8 +68,8 @@ export const useDeviceCenterQuery = () => {
           });
 
           const siteCode = site.code.substring(0, 6);
-          siteCamerasMapFromApi[siteCode] = cameras;
-          siteAlarmsMapFromApi[siteCode] = alarms;
+          siteCamerasMapFromApi.set(siteCode, cameras);
+          siteAlarmsMapFromApi.set(siteCode, alarms);
         }
       }
 
@@ -84,16 +84,16 @@ export const useDeviceCenterQuery = () => {
         codeTrainAreas,
       });
 
-      alarmStore.buildLineTabPanes({
-        sitesFromApi,
-        siteAlarmsMapFromApi,
-        codeLines,
-        codeSites,
-        codeStationAreas,
-        codeParkingAreas,
-        codeOccAreas,
-        codeTrainAreas,
-      });
+      // alarmStore.buildLineTabPanes({
+      //   sitesFromApi,
+      //   siteAlarmsMapFromApi,
+      //   codeLines,
+      //   codeSites,
+      //   codeStationAreas,
+      //   codeParkingAreas,
+      //   codeOccAreas,
+      //   codeTrainAreas,
+      // });
 
       return null;
     },

src/pages/vimp/stores/camera.ts

@@ -10,7 +10,7 @@ import { objectEntries } from '@vueuse/core';
 
 interface BuildLineTabPanesParams {
   sitesFromApi: VimpStation[] | null;
-  siteCamerasMapFromApi: Record<string, VimpChannel[]>;
+  siteCamerasMapFromApi: Map<string, VimpChannel[]>;
   codeLines: CodeLines;
   codeSites: CodeSites;
   codeStationAreas: CodeArea[];
@@ -44,31 +44,37 @@ export const useCameraStore = defineStore('vimp-camera-store', () => {
     // 例如有一个站点的编码是 010699 开头，但是其下的通道是 010199 和 010599 开头，
     // 而 010699 是一个不存在的站点编码，所以需要基于通道的编码来确定所有的站点。
     const sites: VimpStation[] = [];
-    const siteCamerasMap: Record<string, VimpChannel[]> = {};
-    objectEntries(siteCamerasMapFromApi).forEach(([siteFullCode, cameras]) => {
-      const siteCode = siteFullCode.substring(0, 6);
+    const siteCamerasMap = new Map<string, VimpChannel[]>();
+    const siteOnlineMap = new Map<string, boolean>();
+    sitesFromApi.forEach((site) => siteOnlineMap.set(site.code.substring(0, 6), site.online));
+    const visitedSitesSet = new Set<string>();
+    siteCamerasMapFromApi.forEach((cameras, siteCode) => {
       for (const camera of cameras) {
         const { code: cameraGbCode } = camera;
         const cameraSiteCode = cameraGbCode.substring(0, 6);
-
-        if (!(cameraSiteCode in siteCamerasMap)) {
-          siteCamerasMap[cameraSiteCode] = [];
+        // 聚合同一站点的摄像机
+        if (!siteCamerasMap.has(cameraSiteCode)) {
+          siteCamerasMap.set(cameraSiteCode, []);
         }
-        siteCamerasMap[cameraSiteCode]?.push(camera);
-
+        siteCamerasMap.get(cameraSiteCode)!.push(camera);
+        // 如果码表中不存在该站点则跳过
         if (!(cameraSiteCode in codeSites)) continue;
-        if (sites.some((site) => site.code === cameraSiteCode)) continue;
+        // 如果该站点已被添加则跳过
+        if (visitedSitesSet.has(cameraSiteCode)) continue;
+        // 标记该站点已被添加
+        visitedSitesSet.add(cameraSiteCode);
+        // 添加该站点到站点列表
         sites.push({
           code: cameraSiteCode,
           name: codeSites[cameraSiteCode]?.name ?? '',
-          online: sitesFromApi.find((site) => site.code.substring(0, 6) === siteCode)?.online ?? false,
+          online: siteOnlineMap.get(siteCode) ?? false,
         });
       }
     });
 
     // 遍历所有站点
     for (const site of sites) {
-      const siteCode = site.code.substring(0, 6);
+      const siteCode = site.code;
       const siteName = codeSites[siteCode]?.name;
       if (!siteName) continue;
 
@@ -83,7 +89,7 @@ export const useCameraStore = defineStore('vimp-camera-store', () => {
       _lineTabPanes.find((lineTabPane) => lineTabPane.lineCode === lineCode)?.cameraTree.push(siteNode);
 
       // 获取所有摄像机
-      const cameras = siteCamerasMap[siteCode];
+      const cameras = siteCamerasMap.get(siteCode);
       if (!cameras || cameras.length === 0) continue;
 
       // 遍历摄像机