feat(设备详情): 为物联数据详情页面添加加载状态

src/views/ledgerAssets/components/details/components/internetDetail.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="internet-detail-container">
+  <div class="internet-detail-container" v-loading="loading">
     <div class="gauge-charts-container">
         <div class="gauge-charts-wrapper">
             <div class="gauge-card" v-for="item in gaugeData">
@@ -120,6 +120,7 @@ import LineChart from './LineChart.vue';
 import { getRealData, getHistoryData } from '@/api/ledgerAssets/equipment.js';
 import { getMonday } from '@/utils/index';
 import runningDialog from './runningDialog.vue';
+import { load } from '@amap/amap-jsapi-loader';
 
 export default {
   props: {
@@ -140,6 +141,7 @@ export default {
   },
   data() {
     return {
+      loading: false,
       realData: [],
       dict: {
           chartTime: {
@@ -214,6 +216,7 @@ export default {
     },
     // 请求实时数据
     async getRealData() {
+        this.loading = true;
         try {
             // 获取实时数据
             const res = await getRealData(this.id);
@@ -262,6 +265,8 @@ export default {
             console.log('历史数据数组~~~~~', this.historyData);
         } catch (error) {
             console.error('获取数据失败:', error);
+        } finally {
+          this.loading = false;
         }
     },
     // 请求历史数据