fix: device location not refresh infor window after device detail

+import { onUnmounted, ref } from 'vue';
+
+interface ScriptOptions {
+  src: string;
+}
+
+export function useAsyncScript(opts: ScriptOptions) {
+  const isLoading = ref(false);
+  const error = ref(false);
+  const success = ref(false);
+  let script: HTMLScriptElement;
+
+  const toPromise = () => {
+    return new Promise((resolve, reject) => {
+      script = document.createElement('script');
+      script.type = 'text/javascript';
+      script.onload = function () {
+        isLoading.value = false;
+        success.value = true;
+        error.value = false;
+        resolve('');
+      };
+
+      script.onerror = function (err) {
+        isLoading.value = false;
+        success.value = false;
+        error.value = true;
+        reject(err);
+      };
+
+      script.src = opts.src;
+      document.head.appendChild(script);
+    });
+  };
+
+  onUnmounted(() => {
+    script && script.remove();
+  });
+
+  return {
+    isLoading,
+    error,
+    success,
+    toPromise,
+  };
+}

@@ -65,7 +65,6 @@
           setDrawerProps({ confirmLoading: true });
           setDrawerProps({ confirmLoading: true });
           let saveMessage = '添加成功';
           let saveMessage = '添加成功';
           let updateMessage = '修改成功';
           let updateMessage = '修改成功';
-          console.log(values);
           await saveOrUpdateConfigurationCenter(values, unref(isUpdate));
           await saveOrUpdateConfigurationCenter(values, unref(isUpdate));
           closeDrawer();
           closeDrawer();
           emit('success');
           emit('success');

@@ -57,7 +57,7 @@
     </div>
     </div>
     <div v-if="deviceDetail?.deviceInfo?.address" class="mt-4">
     <div v-if="deviceDetail?.deviceInfo?.address" class="mt-4">
       <p>设备位置</p>
       <p>设备位置</p>
-      <div ref="wrapRef" style="height: 550px; width: 100%"></div>
+      <div ref="mapWrapRef" style="height: 550px; width: 100%"></div>
     </div>
     </div>
   </div>
   </div>
 </template>
 </template>
@@ -65,7 +65,7 @@
   import { defineComponent, ref, unref, nextTick } from 'vue';
   import { defineComponent, ref, unref, nextTick } from 'vue';
   import { Image, Tooltip } from 'ant-design-vue';
   import { Image, Tooltip } from 'ant-design-vue';
   import { descSchema } from '../../config/detail.config';
   import { descSchema } from '../../config/detail.config';
-  import { useScript } from '/@/hooks/web/useScript';
+  import { useAsyncScript } from '/@/hooks/web/useAsyncScript';
   import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
   import { useCopyToClipboard } from '/@/hooks/web/useCopyToClipboard';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { useMessage } from '/@/hooks/web/useMessage';
   import { BAI_DU_MAP_URL } from '/@/utils/fnUtils';
   import { BAI_DU_MAP_URL } from '/@/utils/fnUtils';
@@ -77,6 +77,7 @@
   import { DeviceTypeEnum } from '/@/api/device/model/deviceModel';
   import { DeviceTypeEnum } from '/@/api/device/model/deviceModel';
 
 
   import wz from '/@/assets/images/wz.png';
   import wz from '/@/assets/images/wz.png';
+  import { useAsyncQueue } from '../../../localtion/useAsyncQueue';
   export default defineComponent({
   export default defineComponent({
     components: {
     components: {
       Image,
       Image,
@@ -101,13 +102,30 @@
       });
       });
 
 
       // 地图
       // 地图
-      const wrapRef = ref<HTMLDivElement | null>(null);
-      const { toPromise } = useScript({ src: BAI_DU_MAP_URL });
+      const mapWrapRef = ref<HTMLDivElement>();
 
 
-      async function initMap(longitude, latitude, address) {
-        await toPromise();
+      const { executeFlag, setTask } = useAsyncQueue();
+      const { toPromise } = useAsyncScript({ src: BAI_DU_MAP_URL });
+
+      async function initMap(longitude: number, latitude: number, address: string) {
+        if (!(window as any).BMap) {
+          setTask(() => markerMap(longitude, latitude, address));
+          let interval: Nullable<NodeJS.Timer> = setInterval(() => {
+            if ((window as any).BMap) {
+              executeFlag.value = true;
+              clearInterval(interval!);
+              interval = null;
+            }
+          }, 300);
+          await toPromise();
+          return;
+        }
+        markerMap(longitude, latitude, address);
+      }
+
+      async function markerMap(longitude: number, latitude: number, address: string) {
         await nextTick();
         await nextTick();
-        const wrapEl = unref(wrapRef);
+        const wrapEl = unref(mapWrapRef);
         const BMap = (window as any).BMap;
         const BMap = (window as any).BMap;
         if (!wrapEl) return;
         if (!wrapEl) return;
         const map = new BMap.Map(wrapEl);
         const map = new BMap.Map(wrapEl);
@@ -132,6 +150,7 @@
         map.enableScrollWheelZoom(true);
         map.enableScrollWheelZoom(true);
         map.addOverlay(marker);
         map.addOverlay(marker);
       }
       }
+
       const { createMessage } = useMessage();
       const { createMessage } = useMessage();
       const { clipboardRef } = useCopyToClipboard();
       const { clipboardRef } = useCopyToClipboard();
       const copyTbDeviceId = () => {
       const copyTbDeviceId = () => {
@@ -166,7 +185,7 @@
       const remoteConnectiondGateway = () => {};
       const remoteConnectiondGateway = () => {};
 
 
       return {
       return {
-        wrapRef,
+        mapWrapRef,
         copyTbDeviceId,
         copyTbDeviceId,
         copyDeviceToken,
         copyDeviceToken,
         initMap,
         initMap,

@@ -22,6 +22,7 @@ export function useAsyncQueue() {
     if (executeFlag.value) {
     if (executeFlag.value) {
       queue.forEach((item) => item());
       queue.forEach((item) => item());
       executeFlag.value = false;
       executeFlag.value = false;
+      clearTask();
     }
     }
   });
   });
 
 

@@ -33,7 +33,9 @@
                 </Button>
                 </Button>
               </Authority>
               </Authority>
               <Button type="primary" @click="handleOpenTsl"> 物模型TSL </Button>
               <Button type="primary" @click="handleOpenTsl"> 物模型TSL </Button>
-              <Button v-if="isShowBtn" type="primary" @click="handleImportModel">导入物模型</Button>
+              <Button v-if="false && isShowBtn" type="primary" @click="handleImportModel"
+                >导入物模型</Button
+              >
             </div>
             </div>
             <div class="flex gap-2">
             <div class="flex gap-2">
               <Authority :value="ModelOfMatterPermission.RELEASE">
               <Authority :value="ModelOfMatterPermission.RELEASE">