fix：处理chartDiagram 图片不显示的问题

nezha-fronted/src/components/chart/chart/chartDiagram.vue

@@ -9,7 +9,7 @@
 <!--      :isPanel="true"-->
 <!--      ref="diagram"-->
 <!--      :chartInfo="chartInfo" />-->
-    <meta2dMain :meta2dId="chartInfo.id + '-' + isFullscreen" :topoData="chartInfo.param.topo" :querysArray="querysArray" :params="{ timeType: 5}" :iconArray="iconArray" :isChart="true"/>
+    <meta2dMain v-if="iconArrayLoad" :meta2dId="chartInfo.id + '-' + isFullscreen" :topoData="chartInfo.param.topo" :querysArray="querysArray" :params="{ timeType: 5}" :iconArray="iconArray" :isChart="true"/>
   </div>
 </template>
 
@@ -37,13 +37,16 @@ export default {
       }
     }
   },
+  created () {
+    this.$get('/topology/icon').then(res => {
+      this.iconArray = [...res.data.list]
+      this.iconArrayLoad = true
+    })
+  },
   mounted () {
     bus.$on('showMeta2dPreview', (params) => {
       this.isPreview = params
     })
-    this.$get('/topology/icon').then(res => {
-      this.iconArray = [...res.data.list]
-    })
     this.reload()
   },
   methods: {

nezha-fronted/src/components/common/mixin/beforeMeta2d.js

@@ -5,7 +5,8 @@ export default {
       querysArray: [],
       meta2dType: '',
       params: {},
-      iconArray: []
+      iconArray: [],
+      iconArrayLoad: false
     }
   },
   watch: {

nezha-fronted/src/components/common/rightBox/chart/otherChartConfig.vue

@@ -142,7 +142,7 @@
         <div class="topology-box">
           <div class="topology-mc"></div>
 <!--          <diagram :topoData="chartConfig.param.topo" :fromChartBox="true" :topologyIndexF="-1"/>-->
-          <meta2dMain :meta2dId="'rightBoxChart'" :topoData="chartConfig.param.topo" :querysArray="querysArray" :params="{timeType: 5}" :iconArray="iconArray" @reload="reloadTopo" :isChart="true"/>
+          <meta2dMain v-if="iconArrayLoad" :meta2dId="'rightBoxChart'" :topoData="chartConfig.param.topo" :querysArray="querysArray" :params="{timeType: 5}" :iconArray="iconArray" @reload="reloadTopo" :isChart="true"/>
         </div>
       </el-form-item>
       <!--topplogy-->
@@ -392,6 +392,7 @@ export default {
       querysArray: [],
       meta2dType: '',
       iconArray: [],
+      iconArrayLoad: false,
       isPreview: {
         show: false,
         topoData: {},
@@ -546,6 +547,7 @@ export default {
     this.init()
     this.$get('/topology/icon').then(res => {
       this.iconArray = [...res.data.list]
+      this.iconArrayLoad = true
     })
   },
   destroyed () {

nezha-fronted/src/components/page/monitor/project/project.vue

@@ -1,7 +1,7 @@
 <template>
   <div class="project">
 <!--    <topologyL5 v-if="reloadFacade" ref="facade" :obj="currentProject" :topologyIndexF="topologyIndexF" targetTab.sync="panel" @changeTopologyIndexF="changeTopologyIndexF"/>-->
-    <meta2dMain :meta2dId="'projectId'" :topoData="topoData" :querysArray="querysArray" :project="currentProject" :params="params" :iconArray="iconArray" @reload="reload"/>
+    <meta2dMain v-if="iconArrayLoad" :meta2dId="'projectId'" :topoData="topoData" :querysArray="querysArray" :project="currentProject" :params="params" :iconArray="iconArray" @reload="reload"/>
     <transition name="el-zoom-in-bottom">
       <bottom-box
         v-if="bottomBox.showSubList"
@@ -624,6 +624,7 @@ export default {
     }, 300)
     this.$get('/topology/icon').then(res => {
       this.iconArray = [...res.data.list]
+      this.iconArrayLoad = true
     })
     this.initEvent()
   },