Merge branch 'dev-3.9' of https://git.mesalab.cn/nezha/nezha-fronted into dev-3.10-uPlot

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 @@
       }
     }
   }
-}
+}

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"