From cd68a7f4bb5e005cb5bb71d78786ffcd91ebc2c5 Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Tue, 7 Sep 2021 11:33:25 +0800
Subject: [PATCH] =?UTF-8?q?style=EF=BC=9A=20=E8=B0=83=E6=95=B4=20logs=20no?=
 =?UTF-8?q?Data=E7=9A=84=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/page/dashboard/explore/logTab.vue   | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/nezha-fronted/src/components/page/dashboard/explore/logTab.vue b/nezha-fronted/src/components/page/dashboard/explore/logTab.vue
index b34e62f70..6a70f446c 100644
--- a/nezha-fronted/src/components/page/dashboard/explore/logTab.vue
+++ b/nezha-fronted/src/components/page/dashboard/explore/logTab.vue
@@ -1,6 +1,7 @@
 <template>
   <div class="log-detail">
-    <div :id="`logChart${tabIndex}`" class="log-chart" v-if="showSwitch"></div>
+    <div :id="`logChart${tabIndex}`" class="log-chart" v-if="showSwitch&&!noData"></div>
+    <div class="log-chart chart-no-data" v-if="showSwitch&&noData">No data</div>
     <div class="log-operations" v-if="showSwitch">
       <div class="log-operation">
         <span class="operation-label">{{$t('overall.time')}}</span>
@@ -154,7 +155,8 @@ export default {
       tableData: [],
       timeFormatData: [],
       tableChartData: [],
-      myChart: null
+      myChart: null,
+      noData: false
     }
   },
   methods: {
@@ -214,6 +216,11 @@ export default {
         series = series.sort((a, b) => {
           return this.levelOptions.findIndex(l => a.name === l.type) - this.levelOptions.findIndex(l => b.name === l.type)
         })
+        if (!series.length) {
+          this.noData = true
+        } else {
+          this.noData = false
+        }
         const option = {
           title: {
             show: false
@@ -511,12 +518,13 @@ export default {
 
 <style lang="scss">
 .log-detail {
+  position: relative;
   * {
     box-sizing: border-box;
   }
   .log-table .nz-table2 {
     padding: 10px 0 0 0;
-
+    position: relative;
     .el-table__body {
       border-collapse: separate;
       border-spacing: 0 6px;