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

src/views/pqs/harmonicMonitoring/area/onlinerate/index.vue

@@ -107,7 +107,7 @@
         </div>
         <div class="online_main">
             <el-tabs v-model="activeName" type="border-card" @tab-click="handleClick">
-                <el-tab-pane :name="0" label="终端在线率列表">
+                <el-tab-pane :name="0" :lazy="true" label="终端在线率列表">
                     <Table
                         ref="tableRef"
                         :tree-config="{ transform: true, parentField: 'pid' }"
@@ -115,8 +115,8 @@
                         v-if="activeName == 0"
                     />
                 </el-tab-pane>
-                <el-tab-pane :name="1" label="终端在线率图表">
-                    <charts ref="chartsRef" />
+                <el-tab-pane :name="1" :lazy="true" label="终端在线率图表">
+                    <charts v-if="activeName == 1" ref="chartsRef" />
                 </el-tab-pane>
             </el-tabs>
         </div>
@@ -174,7 +174,7 @@ const defaultProps = ref({
     emitPath: false,
     expandTrigger: 'click' as const
 })
-const handleClick =  (tab: any, e: any) => {
+const handleClick = (tab: any, e: any) => {
     // if(activeName.value===1){
     tableStore.index()
     // }
@@ -290,7 +290,7 @@ const tableStore = new TableStore({
         let treeData = []
         treeData = tree2List(tableStore.table.data)
         tableStore.table.data = JSON.parse(JSON.stringify(treeData))
-        chartsRef.value.getTableStoreParams(tableStore.table.params)
+        chartsRef.value && chartsRef.value.getTableStoreParams(tableStore.table.params)
         setTimeout(() => {
             activeName.value == 0 && tableRef.value && tableRef.value.getRef().setAllTreeExpand(true)
         }, 0)