fix:ping trace 样式调整

nezha-fronted/src/assets/css/components/page/tool/ping.scss

@@ -151,7 +151,7 @@
         }
       }
       .data-bottom{
-        height: calc(100% - 50px) !important;
+        height: 100% !important;
         overflow: hidden;
         .details{
           padding: 20px;
@@ -159,6 +159,9 @@
       }
     }
   }
+  .nz-table2{
+    flex: 1 !important;
+  }
 }
 
 .wrap{

nezha-fronted/src/assets/css/components/page/tool/trace.scss

@@ -1,11 +1,15 @@
+.ping-popover.el-popover {
+  padding: 0;
+  margin-top: 5px;
+}
 .trace{
   .top-tool-left{
     // align-items: center;
   }
   .ipInput{
-    width:250px;
+    width:280px;
     min-height: 36px;
-    max-height: 62px;
+    max-height: 128px;
   }
   .ti-tag-input{
     background: transparent ;
@@ -13,7 +17,8 @@
   .vue-tags-input,.ti-new-tag-input {
     .ti-input {
       min-height: 36px;
-      max-height: 62px;
+      //max-height: 62px;
+      height: 100%;
       overflow-y: auto;
       box-sizing: border-box;
       border-radius: 2px;
@@ -26,6 +31,7 @@
         color: $--color-text-regular !important;
       }
       .ti-tags{
+        height: 24px;
         .ti-tag{
           word-break: break-all;
         }
@@ -145,7 +151,7 @@
         }
       }
       .data-bottom{
-        height: calc(100% - 50px) !important;
+        height: 100% !important;
         overflow: hidden;
         .details{
           padding: 20px;
@@ -153,6 +159,9 @@
       }
     }
   }
+  .nz-table2{
+    flex: 1 !important;
+  }
 }
 
 .wrap{

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

@@ -131,6 +131,9 @@ export default {
         }
         this.$set(item, 'alertNumtooltipShow', flag)
       }
+    },
+    rowKey (row) { // ping trace的 唯一key
+      return row.ip + '-' + row.dc.id
     }
   },
   watch: {

nezha-fronted/src/components/common/table/tool/pingTable.vue

@@ -2,7 +2,8 @@
   <el-table
       id="pingTable"
       ref="dataTable"
-      :height="height"
+      :height="'calc(100% - 10px)'"
+      :row-key="rowKey"
       :data="tableData"
       border
       @header-dragend="dragend"
@@ -105,7 +106,8 @@ export default {
           sortable: true,
           minWidth: 200
         }
-      ]
+      ],
+      expandRowKeys: []
     }
   },
   methods: {

nezha-fronted/src/components/common/table/tool/traceTable.vue

@@ -2,8 +2,9 @@
   <el-table
       id="traceTable"
       ref="dataTable"
-      :height="height"
+      :height="'calc(100% - 10px)'"
       :data="tableData"
+      :row-key="rowKey"
       border
       @header-dragend="dragend"
     >

nezha-fronted/src/components/page/dashboard/explore/exploreItem.vue

@@ -86,14 +86,14 @@
           <el-collapse v-show="!showIntroduce" v-model="collapseValue" class="explore-collapse" @change="logsCollapseChange">
             <!--metric-->
             <template v-if="showMetrics">
-              <el-collapse-item name="1" title="Graph" class="el-collapse-item__height">
+              <el-collapse-item name="1" :title="$t('explore.graph')" class="el-collapse-item__height">
                 <div class="chart-room">
                   <chart ref="exploreChart" :unit="chartUnit"></chart>
                 </div>
               </el-collapse-item>
               <el-collapse-item class="el-collapse-item__height" name="2" title="Table">
                 <div slot="title" class="explore-table-title">
-                  Table
+                  {{$t('dashboard.panel.chartForm.typeVal.table.label')}}
                   <i
                     class="nz-icon-gear nz-icon"
                     style="position: absolute;right: 10px;top: 8px"
@@ -156,7 +156,7 @@
             </template>
             <!--log-->
             <template v-else>
-              <el-collapse-item v-if="showTab.indexOf('1') > -1" name="1" title="Graph" class="el-collapse-item__height">
+              <el-collapse-item v-if="showTab.indexOf('1') > -1" name="1" :title="$t('explore.graph')" class="el-collapse-item__height">
                 <div class="chart-room">
                   <chart ref="logChart" :unit="chartUnit" v-my-loading="chartLoading"></chart>
                 </div>

nezha-fronted/src/components/page/tool/ping.vue

@@ -128,7 +128,6 @@
             :loading="loading"
             v-my-loading="loading"
             :custom-table-title="tools.customTableTitle"
-            :height="mainTableHeight"
             :table-data="tableData"
             >
           </ping-table>

nezha-fronted/src/ts.html

@@ -1,17 +0,0 @@
-<!DOCTYPE html>
-<html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Title</title>
-</head>
-<body>
-
-</body>
-</html>
-<script>
-  const nums = 34567
-function sun () {
-    let flag = true
-
-}
-</script>