skycurtain/ndm-web-client
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: queries continue running after page unmounted

Browse Source
This commit is contained in:
yangsy
2025-08-25 23:32:25 +08:00
parent 59a14cb9e1
commit 3cfb829608
20 changed files with 98 additions and 112 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
src/composables/query/device/use-line-devices-query.ts
View File

@@ -35,8 +35,7 @@ export function useLineDevicesQuery() {
return useQuery({
queryKey: ['line-devices', updatedTime],
enabled: computed(() => onlineStationList.value.length > 0 && pollingEnabled.value),
placeholderData: (prev) => prev,
queryFn: async (): Promise<LineDevices> => {
queryFn: async ({ signal }): Promise<LineDevices> => {
// console.time('useLineDevicesQuery');
const pageQuery: PageParams<{}> = { model: {}, extra: {}, size: 5000, current: 1, sort: 'id', order: 'ascending' };
@@ -59,14 +58,14 @@ export function useLineDevicesQuery() {
try {
// 并行获取该车站的所有设备类型数据
const [cameraData, decoderData, keyboardData, mediaServerData, nvrData, securityBoxData, switchData, videoServerData] = await Promise.all([
postNdmCameraPage(station.code, pageQuery),
postNdmDecoderPage(station.code, pageQuery),
postNdmKeyboardPage(station.code, pageQuery),
postNdmMediaServerPage(station.code, pageQuery),
postNdmNvrPage(station.code, pageQuery),
postNdmSecurityBoxPage(station.code, pageQuery),
postNdmSwitchPage(station.code, pageQuery),
postNdmVideoServerPage(station.code, pageQuery),
postNdmCameraPage(station.code, pageQuery, signal),
postNdmDecoderPage(station.code, pageQuery, signal),
postNdmKeyboardPage(station.code, pageQuery, signal),
postNdmMediaServerPage(station.code, pageQuery, signal),
postNdmNvrPage(station.code, pageQuery, signal),
postNdmSecurityBoxPage(station.code, pageQuery, signal),
postNdmSwitchPage(station.code, pageQuery, signal),
postNdmVideoServerPage(station.code, pageQuery, signal),
]);
// 存储该车站的设备数据
@@ -91,5 +90,6 @@ export function useLineDevicesQuery() {
return lineDevices;
},
placeholderData: (prev) => prev,
});
}

22
src/composables/query/device/use-station-devices-query.ts
View File

@@ -7,7 +7,7 @@ import { useStationStore } from '@/stores/station';
import { useQuery } from '@tanstack/vue-query';
import { storeToRefs } from 'pinia';
import { computed } from 'vue';
import type { StationDevices } from './domains/station-devices';
import type { StationDevices } from './domains';
const createEmptyStationDevices = (): StationDevices => {
return {
@@ -34,8 +34,7 @@ export function useStationDevicesQuery(stationCode: Station['code']) {
return useQuery({
queryKey: ['station-devices', stationCode, updatedTime],
enabled: computed(() => isOnline.value && pollingEnabled.value),
placeholderData: (prev) => prev ?? createEmptyStationDevices(),
queryFn: async (): Promise<StationDevices> => {
queryFn: async ({ signal }): Promise<StationDevices> => {
const pageQuery: PageParams<{}> = { model: {}, extra: {}, size: 5000, current: 1, sort: 'id', order: 'ascending' };
// 如果车站离线，返回空数据
@@ -45,14 +44,14 @@ export function useStationDevicesQuery(stationCode: Station['code']) {
try {
const [cameraData, decoderData, keyboardData, mediaServerData, nvrData, securityBoxData, switchData, videoServerData] = await Promise.all([
postNdmCameraPage(stationCode, pageQuery),
postNdmDecoderPage(stationCode, pageQuery),
postNdmKeyboardPage(stationCode, pageQuery),
postNdmMediaServerPage(stationCode, pageQuery),
postNdmNvrPage(stationCode, pageQuery),
postNdmSecurityBoxPage(stationCode, pageQuery),
postNdmSwitchPage(stationCode, pageQuery),
postNdmVideoServerPage(stationCode, pageQuery),
postNdmCameraPage(stationCode, pageQuery, signal),
postNdmDecoderPage(stationCode, pageQuery, signal),
postNdmKeyboardPage(stationCode, pageQuery, signal),
postNdmMediaServerPage(stationCode, pageQuery, signal),
postNdmNvrPage(stationCode, pageQuery, signal),
postNdmSecurityBoxPage(stationCode, pageQuery, signal),
postNdmSwitchPage(stationCode, pageQuery, signal),
postNdmVideoServerPage(stationCode, pageQuery, signal),
]);
return {
@@ -71,5 +70,6 @@ export function useStationDevicesQuery(stationCode: Station['code']) {
return createEmptyStationDevices();
}
},
placeholderData: (prev) => prev,
});
}