谐波监测-区域-echarts加载优化

src/views/pqs/harmonicMonitoring/area/getIntegrityData/components/charts.vue

@@ -3,14 +3,12 @@
         class="charts"
         style="position: relative; width: 100%"
         :style="`height: calc(${tableStore.table.height} - 75px)`"
+        v-loading="loading"
     >
-        <my-echart
-            v-loading="loading"
-            class="mt10"
-            :style="`height: calc(${tableStore.table.height} - 100px)`"
-            :options="options"
-        />
-        <div style="position: absolute; right: 60px; top: 5px; font-weight: bold">
+        <div
+            style="position: absolute; right: 60px; top: 5px; font-weight: bold"
+            v-if="!loading && tableStore.table.data.length != 0"
+        >
             <el-tag
                 style="
                     background: #cc0000;
@@ -46,6 +44,11 @@
             ></el-tag>
             <span style="color: #339966; font-weight: 400; float: left">&nbsp&nbsp在线率≥90%</span>
         </div>
+        <my-echart
+            class="mt10"
+            :style="`margin-top:50px;height: calc(${tableStore.table.height} - 120px)`"
+            :options="options"
+        />
     </div>
 </template>
 <script setup lang="ts">
@@ -72,7 +75,7 @@ const getTableStoreParams = async (val: any) => {
     loading.value = true
     setTimeout(() => {
         tableStore.index()
-    }, 2000)
+    }, 1500)
 }
 const chartsRef = ref()
 const tableStore = new TableStore({