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

refactor(query): remove unnecessary query calls and optimize global loading

Browse Source
This commit is contained in:
yangsy
2025-11-14 16:36:07 +08:00
parent 1ed091f54d
commit 686fdc8724
13 changed files with 69 additions and 105 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/composables/query/alarm/index.ts
View File

@@ -1,3 +1,3 @@
export * from './domains';
export * from './use-line-alarm-counts-query';
export * from './use-line-alarms-query';

22
src/composables/query/alarm/use-line-alarm-counts-query.ts → src/composables/query/alarm/use-line-alarms-query.ts
View File

@@ -1,16 +1,16 @@
import { LINE_ALARM_COUNTS_QUERY_KEY } from '@/constants';
import { useLineAlarmCountsStore } from '@/stores/line-alarm-counts';
import type { StationAlarmCounts } from './domains';
import type { Station } from '@/apis/domains';
import { postNdmDeviceAlarmLogPage } from '@/apis/requests';
import { LINE_ALARMS_QUERY_KEY } from '@/constants';
import { DeviceType, tryGetDeviceTypeVal } from '@/enums/device-type';
import { useLineAlarmsStore } from '@/stores/line-alarms';
import { useQueryControlStore } from '@/stores/query-control';
import { useStationStore } from '@/stores/station';
import { isCancelledError, useMutation, useQuery } from '@tanstack/vue-query';
import { runTask } from '@/utils/run-task';
import { storeToRefs } from 'pinia';
import { computed } from 'vue';
import dayjs from 'dayjs';
import { postNdmDeviceAlarmLogPage } from '@/apis/requests';
import type { Station } from '@/apis/domains';
import { DeviceType, tryGetDeviceTypeVal } from '@/enums/device-type';
import type { StationAlarmCounts } from './domains';
import { runTask } from '@/utils/run-task';
const createEmptyStationAlarmCounts = () => {
return {
@@ -26,7 +26,7 @@ const createEmptyStationAlarmCounts = () => {
};
};
export function useLineAlarmCountsQuery() {
export function useLineAlarmsQuery() {
const stationStore = useStationStore();
const { stationList } = storeToRefs(stationStore);
const queryControlStore = useQueryControlStore();
@@ -34,7 +34,7 @@ export function useLineAlarmCountsQuery() {
const { mutateAsync: getStationAlarmCounts } = useStationAlarmCountsMutation();
return useQuery({
queryKey: [LINE_ALARM_COUNTS_QUERY_KEY, alarmQueryStamp],
queryKey: [LINE_ALARMS_QUERY_KEY, alarmQueryStamp],
enabled: computed(() => alarmQueryStamp.value > 0),
staleTime: Infinity,
refetchOnMount: false,
@@ -58,8 +58,8 @@ interface StationAlarmCountsMutationParams {
}
function useStationAlarmCountsMutation() {
const lineAlarmCountsStore = useLineAlarmCountsStore();
const { lineAlarmCounts } = storeToRefs(lineAlarmCountsStore);
const lineAlarmsStore = useLineAlarmsStore();
const { lineAlarmCounts } = storeToRefs(lineAlarmsStore);
return useMutation<StationAlarmCounts, Error, StationAlarmCountsMutationParams>({
mutationFn: async ({ station, signal }) => {

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

@@ -1,15 +1,15 @@
import type { StationDevices } from './domains';
import { ndmClient } from '@/apis/client';
import type { Station } from '@/apis/domains';
import { LINE_DEVICES_QUERY_KEY } from '@/constants';
import { DeviceType } from '@/enums/device-type';
import { useLineDevicesStore } from '@/stores/line-devices';
import { useQueryControlStore } from '@/stores/query-control';
import { useStationStore } from '@/stores/station';
import { isCancelledError, useMutation, useQuery } from '@tanstack/vue-query';
import { runTask } from '@/utils/run-task';
import { storeToRefs } from 'pinia';
import { computed } from 'vue';
import type { StationDevices } from './domains';
import { useLineDevicesStore } from '@/stores/line-devices';
import { LINE_DEVICES_QUERY_KEY } from '@/constants';
import { ndmClient } from '@/apis/client';
import type { Station } from '@/apis/domains';
import { runTask } from '@/utils/run-task';
const createEmptyStationDevices = (): StationDevices => {
return {