yangsy
80 lines
2.7 KiB
TypeScript
80 lines
2.7 KiB
TypeScript
import type { LineDevices, NdmDeviceResultVO, Station } from '@/apis';
|
|
import { tryGetDeviceType, type DeviceType } from '@/enums';
|
|
import { ref } from 'vue';
|
|
import { useRoute, useRouter } from 'vue-router';
|
|
|
|
export const useDeviceSelection = () => {
|
|
const route = useRoute();
|
|
const router = useRouter();
|
|
|
|
const selectedStationCode = ref<Station['code']>();
|
|
const selectedDeviceType = ref<DeviceType>();
|
|
const selectedDevice = ref<NdmDeviceResultVO>();
|
|
|
|
// 从路由参数同步选中的车站、设备类型以及设备
|
|
const syncFromRoute = (lineDevices: LineDevices) => {
|
|
// console.log('sync from route');
|
|
const { stationCode: routeStationCode, deviceType: routeDeviceType, deviceDbId: routeDeviceDbId } = route.query;
|
|
if (routeStationCode) {
|
|
selectedStationCode.value = routeStationCode as Station['code'];
|
|
}
|
|
if (routeDeviceType) {
|
|
selectedDeviceType.value = routeDeviceType as DeviceType;
|
|
}
|
|
if (routeDeviceDbId && selectedStationCode.value && selectedDeviceType.value) {
|
|
const selectedDeviceDbId = routeDeviceDbId as string;
|
|
const stationDevices = lineDevices[selectedStationCode.value];
|
|
if (stationDevices) {
|
|
const classifiedDevices = stationDevices[selectedDeviceType.value];
|
|
if (classifiedDevices) {
|
|
const device = classifiedDevices.find((device) => device.id === selectedDeviceDbId);
|
|
if (device) {
|
|
selectedDevice.value = device;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
const selectDevice = (device: NdmDeviceResultVO, stationCode: Station['code']) => {
|
|
selectedDevice.value = device;
|
|
selectedStationCode.value = stationCode;
|
|
const deviceType = tryGetDeviceType(device.deviceType);
|
|
if (deviceType) {
|
|
selectedDeviceType.value = deviceType;
|
|
}
|
|
};
|
|
|
|
// 将选中的车站、设备类型以及设备ID同步到路由参数
|
|
const syncToRoute = () => {
|
|
// console.log('sync to route');
|
|
const query = { ...route.query };
|
|
// 当选中的设备发生变化时，删除fromPage参数
|
|
if (selectedDevice.value?.id && route.query.deviceDbId !== selectedDevice.value.id) {
|
|
delete query['fromPage'];
|
|
}
|
|
if (selectedStationCode.value) {
|
|
query['stationCode'] = selectedStationCode.value;
|
|
}
|
|
if (selectedDeviceType.value) {
|
|
query['deviceType'] = selectedDeviceType.value;
|
|
}
|
|
if (selectedDevice.value?.id) {
|
|
query['deviceDbId'] = selectedDevice.value.id;
|
|
}
|
|
router.replace({ query });
|
|
};
|
|
|
|
return {
|
|
selectedStationCode,
|
|
selectedDeviceType,
|
|
selectedDevice,
|
|
|
|
syncFromRoute,
|
|
syncToRoute,
|
|
selectDevice,
|
|
};
|
|
};
|
|
|
|
export type UseDeviceSelectionReturn = ReturnType<typeof useDeviceSelection>;
|