diff --git a/src/pages/vimp/components/alarm-tree.vue b/src/pages/vimp/components/alarm-tree.vue index f961c20..46de4b0 100644 --- a/src/pages/vimp/components/alarm-tree.vue +++ b/src/pages/vimp/components/alarm-tree.vue @@ -3,11 +3,11 @@ import { NIcon, NTabPane, NTabs, NTree, type TreeOverrideNodeClickBehavior, type import { h, type CSSProperties } from 'vue'; import { useAlarmStore, useResourcePanelStore } from '../stores'; import { storeToRefs } from 'pinia'; -import { useDeviceCenterQuery } from '../composables'; +import { useChannelsQuery } from '../composables'; import { isAlarmNode, isAlarmSiteNode, isAlarmAreaNode } from '../types'; import { SirenIcon } from 'lucide-vue-next'; -const { isLoading } = useDeviceCenterQuery(); +const { isLoading } = useChannelsQuery(); const alarmStore = useAlarmStore(); const { lineTabPanes } = storeToRefs(alarmStore); diff --git a/src/pages/vimp/components/camera-tree.vue b/src/pages/vimp/components/camera-tree.vue index 0ecffc4..061af59 100644 --- a/src/pages/vimp/components/camera-tree.vue +++ b/src/pages/vimp/components/camera-tree.vue @@ -3,13 +3,13 @@ import { NIcon, NTabPane, NTabs, NTree, type TreeOverrideNodeClickBehavior, type import { h, type CSSProperties } from 'vue'; import { useCameraStore, useResourcePanelStore } from '../stores'; import { storeToRefs } from 'pinia'; -import { useDeviceCenterQuery } from '../composables'; +import { useChannelsQuery } from '../composables'; import { isCameraNode, isCameraSiteNode, isCameraAreaNode } from '../types'; import PtzCamera from './icon/ptz-camera.vue'; import HemiPtzCamera from './icon/hemi-ptz-camera.vue'; import BulletCamera from './icon/bullet-camera.vue'; -const { isLoading } = useDeviceCenterQuery(); +const { isLoading } = useChannelsQuery(); const cameraStore = useCameraStore(); const { lineTabPanes } = storeToRefs(cameraStore); diff --git a/src/pages/vimp/composables/query/index.ts b/src/pages/vimp/composables/query/index.ts index 5cc3144..7b1afd9 100644 --- a/src/pages/vimp/composables/query/index.ts +++ b/src/pages/vimp/composables/query/index.ts @@ -1 +1 @@ -export * from './use-device-center-query'; +export * from './use-channels-query'; diff --git a/src/pages/vimp/composables/query/use-device-center-query.ts b/src/pages/vimp/composables/query/use-channels-query.ts similarity index 97% rename from src/pages/vimp/composables/query/use-device-center-query.ts rename to src/pages/vimp/composables/query/use-channels-query.ts index 982b53f..052b372 100644 --- a/src/pages/vimp/composables/query/use-device-center-query.ts +++ b/src/pages/vimp/composables/query/use-channels-query.ts @@ -5,6 +5,7 @@ import axios from 'axios'; import { compileCodeAreas, type CodeArea, type CodeLines, type CodeSites } from '../../types'; import { useCameraStore, useAlarmStore } from '../../stores'; import { catalogAllDeviceApi, catalogChannelApi, type VimpChannel, type VimpSite } from '../../apis'; +import { VIMP_CHANNELS_QUERY_KEY } from '../../constants'; const config: AxiosRequestConfig = { headers: { @@ -44,12 +45,12 @@ const sortChannelsMapByCode = (siteCodeToChannelsMap: Map } }; -export const useDeviceCenterQuery = () => { +export const useChannelsQuery = () => { const cameraStore = useCameraStore(); const alarmStore = useAlarmStore(); return useQuery({ - queryKey: computed(() => ['vimp-device']), + queryKey: computed(() => [VIMP_CHANNELS_QUERY_KEY]), refetchInterval: 10 * 1000, refetchOnWindowFocus: false, queryFn: async ({ signal }) => { diff --git a/src/pages/vimp/constants/index.ts b/src/pages/vimp/constants/index.ts new file mode 100644 index 0000000..a38910e --- /dev/null +++ b/src/pages/vimp/constants/index.ts @@ -0,0 +1 @@ +export * from './query'; diff --git a/src/pages/vimp/constants/query.ts b/src/pages/vimp/constants/query.ts new file mode 100644 index 0000000..171e6d6 --- /dev/null +++ b/src/pages/vimp/constants/query.ts @@ -0,0 +1 @@ +export const VIMP_CHANNELS_QUERY_KEY = 'vimp-channels';