From cdd3069070c30752e761a685e88f3a0f0c141d2c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Thu, 13 Oct 2022 16:36:39 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20Link=20monitor=E7=9A=84=E8=9C=82?=
 =?UTF-8?q?=E7=AA=9D=E5=9B=BE=E5=92=8C=E7=BD=91=E6=A0=BC=E5=9B=BE=E6=A8=A1?=
 =?UTF-8?q?=E5=9D=97=EF=BC=8C=E6=B7=BB=E5=8A=A0loading=E4=BB=A5=E5=8F=8Ano?=
 =?UTF-8?q?Data?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../charts2/charts/linkMonitor/LinkBlock.vue   | 18 +++++++++++++-----
 1 file changed, 13 insertions(+), 5 deletions(-)

diff --git a/src/views/charts2/charts/linkMonitor/LinkBlock.vue b/src/views/charts2/charts/linkMonitor/LinkBlock.vue
index 05413e45..f38c5382 100644
--- a/src/views/charts2/charts/linkMonitor/LinkBlock.vue
+++ b/src/views/charts2/charts/linkMonitor/LinkBlock.vue
@@ -1,8 +1,12 @@
 <template>
   <div class="link-blocks">
-    <div class="block-list">
+    <div class="block-list" style="position: relative">
       <div class="block-list__title">{{ $t('linkMonitor.links') }}</div>
-      <div class="block-list__list">
+
+      <!--无数据noData-->
+      <chart-no-data v-if="isNoData"></chart-no-data>
+
+      <div class="block-list__list" v-show="!isNoData">
         <el-popover
             placement="bottom"
             trigger="hover"
@@ -50,10 +54,12 @@
       </div>
     </div>
 
-    <div class="block-list">
-      <!--todo  此处应将linkid改成nextHop显示-->
+    <div class="block-list" style="position: relative">
       <div class="block-list__title">{{ $t('linkMonitor.nextHopInternet') }}</div>
-      <div class="block-list__list">
+
+      <chart-no-data v-if="isNoData"></chart-no-data>
+
+      <div class="block-list__list" v-show="!isNoData">
         <el-popover
             placement="bottom"
             trigger="hover"
@@ -123,6 +129,7 @@ export default {
   },
   data () {
     return {
+      isNoData: false,
       unitTypes,
       linkData: [],
       nextHopData: [],
@@ -165,6 +172,7 @@ export default {
         if (res[0].code === 200 && res[1].code === 200) {
           const linkData = res[0].data.result
           const nextHopData = res[1].data.result
+
           this.isNoData = linkData.length === 0 && nextHopData.length === 0
           if (this.isNoData) {
             return