fix: add device location chart loading

@@ -40,7 +40,9 @@
       :canFullscreen="false"
     >
       <BasicForm @register="registerForm" />
-      <div v-show="isNull" ref="chartRef" :style="{ height: '600px', width }"></div>
+      <div v-show="isNull" ref="chartRef" :style="{ height: '600px', width }">
+        <Loading :loading="loading" :absolute="true" />
+      </div>
       <Empty v-show="!isNull" />
     </BasicModal>
     <DeviceDetailDrawer @register="registerDetailDrawer" />
@@ -74,6 +76,7 @@
   import djh from '/@/assets/images/djh.png';
   import online from '/@/assets/images/online1.png';
   import lx1 from '/@/assets/images/lx1.png';
+  import Loading from '/@/components/Loading/src/Loading.vue';
   export default defineComponent({
     name: 'BaiduMap',
     components: {
@@ -83,6 +86,7 @@
       BasicModal,
       BasicForm,
       DeviceDetailDrawer,
+      Loading,
     },
     props: {
       width: {
@@ -105,6 +109,7 @@
       const { toPromise } = useScript({ src: BAI_DU_MAP_URL });
       const [registerDetailDrawer, { openDrawer }] = useDrawer();
       const [registerModal, { openModal }] = useModal();
+      const loading = ref(false);
       const [
         registerForm,
         { resetFields, getFieldsValue, setFieldsValue, validate, updateSchema },
@@ -121,6 +126,7 @@
           const startTs = Date.now() - endTs;
           endTs = Date.now();
           // 发送请求
+          loading.value = true;
           const res = await getDeviceHistoryInfo({
             entityId,
             keys: keys.join(),
@@ -188,6 +194,7 @@
             },
             series,
           });
+          loading.value = false;
         },
       });
       const [registerTable] = useTable({
@@ -434,6 +441,7 @@
         isNull,
         cancelHistoryModal,
         registerDetailDrawer,
+        loading,
       };
     },
   });