refactor(vimp): 重构设备中心代码，修复图标渲染并整理导入

- 重新组织use-device-center-query的导入语句，合并api与类型导入
- 将接口返回的站点数据重命名为sitesFromApi以提升代码可读性
- 修复camera和alarm store中图标的渲染插槽语法
- 更新store方法调用时的参数传递

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

@@ -1,11 +1,10 @@
 import { useQuery } from '@tanstack/vue-query';
 import { computed } from 'vue';
-import { catalogChannelApi, catalogAllDeviceApi } from '../../apis/request';
 import type { AxiosRequestConfig } from 'axios';
 import axios from 'axios';
 import type { CodeArea, CodeLines, CodeSites } from '../../types';
 import { useCameraStore, useAlarmStore } from '../../stores';
-import type { VimpChannel } from '../../apis/model';
+import { catalogAllDeviceApi, catalogChannelApi, type VimpChannel } from '../../apis';
 
 export const useDeviceCenterQuery = () => {
   const cameraStore = useCameraStore();
@@ -49,10 +48,10 @@ export const useDeviceCenterQuery = () => {
 
       const siteCamerasMap: Record<string, VimpChannel[]> = {};
       const siteAlarmsMap: Record<string, VimpChannel[]> = {};
-      const sites = await catalogAllDeviceApi({ signal });
+      const sitesFromApi = await catalogAllDeviceApi({ signal });
 
-      if (!!sites) {
-        for (const site of sites) {
+      if (!!sitesFromApi) {
+        for (const site of sitesFromApi) {
           const channels = await catalogChannelApi(site.code, { signal });
           if (!channels || channels.length === 0) continue;
 
@@ -74,7 +73,7 @@ export const useDeviceCenterQuery = () => {
       }
 
       cameraStore.buildLineTabPanes({
-        sites,
+        sitesFromApi,
         siteCamerasMap,
         codeLines,
         codeSites,
@@ -85,7 +84,7 @@ export const useDeviceCenterQuery = () => {
       });
 
       alarmStore.buildLineTabPanes({
-        sites,
+        sitesFromApi,
         siteAlarmsMap,
         codeLines,
         codeSites,