From ac512bc0a22c4f53462aa085cf1945af7d3ce79f Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Thu, 2 Nov 2023 11:33:04 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-3311=20fix=EF=BC=9AChart=20Log=20=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../css/components/page/dashboard/explore/logTab.scss | 11 ++++++++---
 nezha-fronted/src/components/chart/chart/chartLog.vue |  4 ++--
 2 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/nezha-fronted/src/assets/css/components/page/dashboard/explore/logTab.scss b/nezha-fronted/src/assets/css/components/page/dashboard/explore/logTab.scss
index 2271502ca..758f73e8d 100644
--- a/nezha-fronted/src/assets/css/components/page/dashboard/explore/logTab.scss
+++ b/nezha-fronted/src/assets/css/components/page/dashboard/explore/logTab.scss
@@ -5,7 +5,9 @@
   }
   .log-table{
     position: relative;
-    min-height: 200px;
+    min-height: auto;
+    height: calc(100% - 50px);
+    overflow-x: auto;
     .table-no-data {
       position: absolute;
       top: 50%;
@@ -14,6 +16,9 @@
       margin-left: -50px;
       text-align: center;
     }
+    .el-table--mini {
+      min-width: 350px;
+    }
   }
   .log-table .nz-table-list {
     padding: 10px 0 0 0;
@@ -117,7 +122,7 @@
       .log-pre-wrap.log-border--unknown::after {
         background-color: #B4C7DE;
       }
-      
+
       // 不换行
       .log-row-wrap--no-wrap .cell {
         white-space: nowrap;
@@ -335,4 +340,4 @@
       }
     }
   }
-}
\ No newline at end of file
+}
diff --git a/nezha-fronted/src/components/chart/chart/chartLog.vue b/nezha-fronted/src/components/chart/chart/chartLog.vue
index ba39d45f3..df468f22d 100644
--- a/nezha-fronted/src/components/chart/chart/chartLog.vue
+++ b/nezha-fronted/src/components/chart/chart/chartLog.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="log-detail chart-log" style="flex-direction: column;display: flex">
+  <div class="log-detail chart-log" style="flex-direction: column;display: block;overflow: hidden">
     <div class="log-operations">
       <div class="log-operation">
         <span class="operation-label">{{$t('overall.time')}}</span>
@@ -30,7 +30,7 @@
         <button class="top-tool-btn" style="cursor: pointer" type="button" @click="exportLog" :title="$t('overall.download')"><i class="nz-icon nz-icon-download"></i></button>
       </div>
     </div>
-    <div class="log-table" style="flex: 1">
+    <div class="log-table" style="flex: 1;">
       <el-table
         :cell-class-name="cellClassName"
         :data="tableData"