fix: DEFECT-876 click row data not render device position

 <template>
 <template>
   <div class="wrapper">
   <div class="wrapper">
-    <div ref="wrapRef" :style="{ height, width }"> </div>
+    <Spin :spinning="spinning">
+      <div ref="wrapRef" :style="{ height, width }"> </div>
+    </Spin>
     <div class="right-wrap !dark:bg-dark-900">
     <div class="right-wrap !dark:bg-dark-900">
       <BasicTable
       <BasicTable
         style="cursor: pointer"
         style="cursor: pointer"
@@ -91,6 +93,7 @@
   import { defaultSchemas } from './cpns/TimePeriodForm/config';
   import { defaultSchemas } from './cpns/TimePeriodForm/config';
   import { QueryWay, SchemaFiled, AggregateDataEnum } from './cpns/TimePeriodForm/config';
   import { QueryWay, SchemaFiled, AggregateDataEnum } from './cpns/TimePeriodForm/config';
   import { dateUtil } from '/@/utils/dateUtil';
   import { dateUtil } from '/@/utils/dateUtil';
+  import { Spin } from 'ant-design-vue';
 
 
   interface DeviceInfo {
   interface DeviceInfo {
     alarmStatus: 0 | 1;
     alarmStatus: 0 | 1;
@@ -114,6 +117,7 @@
       DeviceDetailDrawer,
       DeviceDetailDrawer,
       Loading,
       Loading,
       TimePeriodForm,
       TimePeriodForm,
+      Spin,
     },
     },
     props: {
     props: {
       width: {
       width: {
@@ -155,14 +159,15 @@
           showSizeChanger: true,
           showSizeChanger: true,
         },
         },
         afterFetch: async (data: DeviceInfo[]) => {
         afterFetch: async (data: DeviceInfo[]) => {
-          asyncFn(data);
+          createMarket(data);
           return data;
           return data;
         },
         },
       });
       });
 
 
-      async function asyncFn(data: DeviceInfo[]) {
+      async function createMarket(data: DeviceInfo[]) {
         const BMap = (window as any).BMap;
         const BMap = (window as any).BMap;
-        unref(BMapInstance)?.clearOverlays();
+        if (!BMap) return;
+        unref(BMapInstance).clearOverlays();
         const markerList: MarkerList[] = [];
         const markerList: MarkerList[] = [];
         data.forEach((item) => {
         data.forEach((item) => {
           const {
           const {
@@ -222,6 +227,7 @@
         myCity.get(myFun);
         myCity.get(myFun);
       }
       }
 
 
+      const spinning = ref(false);
       const createDeviceInfoWindow = async (record: DeviceInfo) => {
       const createDeviceInfoWindow = async (record: DeviceInfo) => {
         const BMap = (window as any).BMap;
         const BMap = (window as any).BMap;
         entityId = record.tbDeviceId;
         entityId = record.tbDeviceId;
@@ -288,7 +294,13 @@
       };
       };
       // 点击表格某一行触发
       // 点击表格某一行触发
       const deviceRowClick = async (record) => {
       const deviceRowClick = async (record) => {
-        createDeviceInfoWindow(record);
+        try {
+          spinning.value = true;
+          await createDeviceInfoWindow(record);
+        } catch (err) {
+        } finally {
+          spinning.value = false;
+        }
       };
       };
 
 
       // 设备信息
       // 设备信息
@@ -452,6 +464,7 @@
         isNull,
         isNull,
         registerDetailDrawer,
         registerDetailDrawer,
         loading,
         loading,
+        spinning,
         timePeriodRegister,
         timePeriodRegister,
         handleCancelModal,
         handleCancelModal,
       };
       };