refactor: 简化设备树的自动定位逻辑

src/components/device/device-tree/device-tree.vue

@@ -46,7 +46,6 @@ const {
   selectedStationCode,
   selectedDeviceType,
   selectedDevice,
-  hasFromPage,
   selectDevice,
   routeDevice,
   // 设备管理
@@ -461,16 +460,11 @@ const onLocateDeviceTree = async () => {
 
   animated.value = true;
 };
-// 渲染全线设备树时，若是首次经过路由跳转而来选择设备，则定位设备树
+// 渲染全线设备树时，当选择的设备发生变化，则定位设备树
-const unwatchLocate = watch(selectedDevice, async (newDevice, oldDevice) => {
+// 暂时不考虑多次执行的问题，因为当选择的设备在设备树视口内时，不会发生滚动
+watch(selectedDevice, async () => {
   if (!!station.value) return;
-  if (!hasFromPage.value) return;
+  await onLocateDeviceTree();
-  if (!!newDevice && !oldDevice) {
-    if (!!deviceTreeInst.value) {
-      await onLocateDeviceTree();
-      unwatchLocate();
-    }
-  }
 });
 </script>
 

src/composables/device/use-device-selection.ts

@@ -3,7 +3,7 @@ import { tryGetDeviceType, type DeviceType } from '@/enums';
 import { useDeviceStore } from '@/stores';
 import { watchDebounced } from '@vueuse/core';
 import { storeToRefs } from 'pinia';
-import { computed, onMounted, ref, watch } from 'vue';
+import { onMounted, ref, watch } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
 
 export const useDeviceSelection = () => {
@@ -17,8 +17,6 @@ export const useDeviceSelection = () => {
   const selectedDeviceType = ref<DeviceType>();
   const selectedDevice = ref<NdmDeviceResultVO>();
 
-  const hasFromPage = computed(() => !!route.query['fromPage']);
-
   const initFromRoute = (lineDevices: LineDevices) => {
     const { stationCode, deviceType, deviceDbId } = route.query;
     if (stationCode) {
@@ -107,8 +105,6 @@ export const useDeviceSelection = () => {
     selectedDeviceType,
     selectedDevice,
 
-    hasFromPage,
-
     initFromRoute,
     selectDevice,
     routeDevice,