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

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

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

@@ -6,6 +6,30 @@ import type { CodeArea, CodeLines, CodeSites } from '../../types';
 import { useCameraStore, useAlarmStore } from '../../stores';
 import { catalogAllDeviceApi, catalogChannelApi, type VimpChannel } from '../../apis';
 
+const config: AxiosRequestConfig = {
+  headers: {
+    'Cache-Control': 'no-store',
+  },
+};
+
+const buildTrainAreas = () => {
+  const codeTrainAreas: CodeArea[] = [];
+  for (let i = 0; i < 999; i++) {
+    const codeTrain = i.toString().padStart(3, '0');
+    // 市域线name为车组，改造线name为车次
+    const area: CodeArea = { code: codeTrain, name: '车次' + codeTrain, subs: [] };
+    for (let j = 0; j <= 99; j++) {
+      const codeCarriage = j.toString().padStart(2, '0');
+      const subArea: CodeArea['subs'][number] = { code: codeTrain + codeCarriage, name: '车厢' + codeCarriage };
+      area.subs.push(subArea);
+    }
+    // const areaPreserve: CodeArea['subs'][number] = { code: codeTrain + '51', name: '预留' };
+    // area.subs.push(areaPreserve);
+    codeTrainAreas.push(area);
+  }
+  return codeTrainAreas;
+};
+
 export const useDeviceCenterQuery = () => {
   const cameraStore = useCameraStore();
   const alarmStore = useAlarmStore();
@@ -15,30 +39,6 @@ export const useDeviceCenterQuery = () => {
     refetchInterval: 10 * 1000,
     refetchOnWindowFocus: false,
     queryFn: async ({ signal }) => {
-      const config: AxiosRequestConfig = {
-        headers: {
-          'Cache-Control': 'no-store',
-        },
-      };
-
-      const buildTrainAreas = () => {
-        const codeTrainAreas: CodeArea[] = [];
-        for (let i = 0; i < 999; i++) {
-          const codeTrain = i.toString().padStart(3, '0');
-          // 市域线name为车组，改造线name为车次
-          const area: CodeArea = { code: codeTrain, name: '车次' + codeTrain, subs: [] };
-          for (let j = 0; j <= 99; j++) {
-            const codeCarriage = j.toString().padStart(2, '0');
-            const subArea: CodeArea['subs'][number] = { code: codeTrain + codeCarriage, name: '车厢' + codeCarriage };
-            area.subs.push(subArea);
-          }
-          // const areaPreserve: CodeArea['subs'][number] = { code: codeTrain + '51', name: '预留' };
-          // area.subs.push(areaPreserve);
-          codeTrainAreas.push(area);
-        }
-        return codeTrainAreas;
-      };
-
       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 siteCamerasMapFromApi = new Map<string, VimpChannel[]>();
-      const siteAlarmsMapFromApi: Record<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;
+          siteCamerasMapFromApi.set(siteCode, cameras);
-          siteAlarmsMapFromApi[siteCode] = alarms;
+          siteAlarmsMapFromApi.set(siteCode, alarms);
         }
       }
 
@@ -84,16 +84,16 @@ export const useDeviceCenterQuery = () => {
         codeTrainAreas,
       });
 
-      alarmStore.buildLineTabPanes({
+      // alarmStore.buildLineTabPanes({
-        sitesFromApi,
+      //   sitesFromApi,
-        siteAlarmsMapFromApi,
+      //   siteAlarmsMapFromApi,
-        codeLines,
+      //   codeLines,
-        codeSites,
+      //   codeSites,
-        codeStationAreas,
+      //   codeStationAreas,
-        codeParkingAreas,
+      //   codeParkingAreas,
-        codeOccAreas,
+      //   codeOccAreas,
-        codeTrainAreas,
+      //   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[]> = {};
+    const siteCamerasMap = new Map<string, VimpChannel[]>();
-    objectEntries(siteCamerasMapFromApi).forEach(([siteFullCode, cameras]) => {
+    const siteOnlineMap = new Map<string, boolean>();
-      const siteCode = siteFullCode.substring(0, 6);
+    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)) {
+        if (!siteCamerasMap.has(cameraSiteCode)) {
-          siteCamerasMap[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;
 
       // 遍历摄像机