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

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

@@ -4,13 +4,8 @@
         style="position: relative; width: 100%"
         :style="`height: calc(${tableStore.table.height} - 75px)`"
     >
-        <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 +41,12 @@
             ></el-tag>
             <span style="color: #339966; font-weight: 400; float: left">&nbsp&nbsp在线率>90%</span>
         </div>
+        <my-echart
+            v-loading="loading"
+            class="mt10"
+            :style="`height: calc(${tableStore.table.height} - 100px)`"
+            :options="options"
+        />
     </div>
 </template>
 <script setup lang="ts">
@@ -72,7 +73,7 @@ const getTableStoreParams = async (val: any) => {
     loading.value = true
     setTimeout(() => {
         tableStore.index()
-    }, 2000)
+    }, 1500)
 }
 const chartsRef = ref()
 const tableStore = new TableStore({