yangsy
74 lines
2.3 KiB
TypeScript
74 lines
2.3 KiB
TypeScript
import type { NdmDeviceResultVO } from '@/apis/models';
|
|
import { DeviceType, tryGetDeviceTypeVal, type DeviceTypeVal } from '@/enums/device-type';
|
|
import { ref, watch } from 'vue';
|
|
import { useRoute, useRouter } from 'vue-router';
|
|
import type { LineDevices } from '../query';
|
|
|
|
export function useDeviceSelection() {
|
|
const route = useRoute();
|
|
const router = useRouter();
|
|
|
|
const selectedStationCode = ref<string>();
|
|
const selectedDeviceType = ref<DeviceTypeVal>(DeviceType.Camera);
|
|
const selectedDevice = ref<NdmDeviceResultVO>();
|
|
|
|
const initFromRoute = (lineDevices: LineDevices) => {
|
|
const { stationCode, deviceType, deviceDBId } = route.query;
|
|
if (stationCode) {
|
|
selectedStationCode.value = stationCode as string;
|
|
}
|
|
if (deviceType) {
|
|
selectedDeviceType.value = deviceType as DeviceTypeVal;
|
|
}
|
|
// 如果有设备ID参数，尝试找到对应设备
|
|
if (deviceDBId && selectedStationCode.value && selectedDeviceType.value) {
|
|
const deviceId = deviceDBId as string;
|
|
const stationDevices = lineDevices[selectedStationCode.value];
|
|
if (stationDevices) {
|
|
const typedDevices = stationDevices[selectedDeviceType.value];
|
|
if (typedDevices) {
|
|
const device = typedDevices.find((device) => device.id === deviceId);
|
|
if (device) {
|
|
selectedDevice.value = device;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
};
|
|
|
|
const selectDevice = (device: NdmDeviceResultVO, stationCode: string) => {
|
|
selectedDevice.value = device;
|
|
selectedStationCode.value = stationCode;
|
|
const deviceTypeVal = tryGetDeviceTypeVal(device.deviceType);
|
|
if (!!deviceTypeVal) {
|
|
selectedDeviceType.value = deviceTypeVal;
|
|
}
|
|
};
|
|
|
|
const syncToRoute = () => {
|
|
const query = { ...route.query };
|
|
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 });
|
|
};
|
|
|
|
watch([selectedStationCode, selectedDevice], () => syncToRoute());
|
|
|
|
return {
|
|
selectedStationCode,
|
|
selectedDeviceType,
|
|
selectedDevice,
|
|
|
|
initFromRoute,
|
|
selectDevice,
|
|
syncToRoute,
|
|
};
|
|
}
|