From 1481feed68dca8b6be67b18316482f9299691d72 Mon Sep 17 00:00:00 2001
From: hyx <hanyuxia@iie.ac.cn>
Date: Wed, 8 Jun 2022 21:55:27 +0800
Subject: [PATCH] =?UTF-8?q?CN-592=20=E5=9F=9F=E5=90=8D=E9=80=92=E5=BD=92?=
 =?UTF-8?q?=E8=A7=A3=E6=9E=90=E6=A0=B7=E5=BC=8F=E4=BC=98=E5=8C=96:?=
 =?UTF-8?q?=E9=81=BF=E5=85=8Dtooltip=E5=AE=BD=E5=BA=A6=E9=99=90=E5=88=B6?=
 =?UTF-8?q?=E6=A0=B7=E5=BC=8F=E5=AF=B9=E5=85=B6=E5=AE=83=E9=83=A8=E5=88=86?=
 =?UTF-8?q?=E9=80=A0=E6=88=90=E6=B1=A1=E6=9F=93=EF=BC=8C=E5=AF=B9=E5=AE=9E?=
 =?UTF-8?q?=E7=8E=B0=E6=96=B9=E6=B3=95=E8=BF=9B=E8=A1=8C=E4=BF=AE=E6=94=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../css/components/views/charts/panel.scss    |  3 --
 .../charts/ChartDomainRecursiveResolve.vue    | 46 +++++++++++++++++--
 2 files changed, 43 insertions(+), 6 deletions(-)

diff --git a/src/assets/css/components/views/charts/panel.scss b/src/assets/css/components/views/charts/panel.scss
index 1e7f09b4..3b2e7c20 100644
--- a/src/assets/css/components/views/charts/panel.scss
+++ b/src/assets/css/components/views/charts/panel.scss
@@ -638,7 +638,4 @@
     font-size: 12px;
   }
 }
-.el-popper {
-  max-width:550px;
-}
 
diff --git a/src/views/charts/charts/ChartDomainRecursiveResolve.vue b/src/views/charts/charts/ChartDomainRecursiveResolve.vue
index 58ab5167..92a0cdd6 100644
--- a/src/views/charts/charts/ChartDomainRecursiveResolve.vue
+++ b/src/views/charts/charts/ChartDomainRecursiveResolve.vue
@@ -1,16 +1,42 @@
 <template>
-  <div class="domain-recursive-resolve" style="overflow-y: auto; height: 100%; color: #555; white-space: pre;padding: 6px 0px 6px 6px;">
+  <div style="overflow-y: auto; height: 100%; color: #555; white-space: pre;padding: 6px 0px 6px 6px;">
     <el-table :data="linuxLineSymbolConvert"
               :show-header="false"
               :span-method="arraySpanMethod"
               style="width: 100%;"
               tooltip-effect="light"
               :cell-style="setCellStyle">
-      <el-table-column prop="c1" show-overflow-tooltip/>
+      <el-table-column prop="c1" class-name="domain-tooltip">
+        <template v-slot="scope" >
+          <el-tooltip ref='tooltip_c1'
+                      popper-class="domain-recursive-resolve-popper"
+                      effect="light"
+                      placement="top"
+                      hide-after="0"
+                      show-after="50"
+          >
+            <template #content>{{scope.row['c1']}}</template>
+            <div class="short-content">{{scope.row['c1']}}</div>
+          </el-tooltip>
+        </template>
+      </el-table-column>
       <el-table-column prop="c2" show-overflow-tooltip width="80"/>
       <el-table-column prop="c3" show-overflow-tooltip width="70"/>
       <el-table-column prop="c4" show-overflow-tooltip width="80" />
-      <el-table-column prop="c5" show-overflow-tooltip/>
+      <el-table-column prop="c5" class-name="domain-tooltip">
+        <template v-slot="scope" >
+          <el-tooltip ref='tooltip_c5'
+                  popper-class="domain-recursive-resolve-popper"
+                  effect="light"
+                  placement="top"
+                  hide-after="0"
+                  show-after="50"
+          >
+            <template #content>{{scope.row['c5']}}</template>
+            <div class="short-content">{{scope.row['c5']}}</div>
+          </el-tooltip>
+        </template>
+      </el-table-column>
     </el-table>
   </div>
 </template>
@@ -152,3 +178,17 @@ export default {
   }
 }
 </script>
+<style lang="scss">
+   .domain-recursive-resolve-popper{
+     max-width:550px;
+   }
+  .domain-tooltip {
+    .short-content{
+      cursor:default;
+      overflow:hidden;
+      white-space:nowrap;
+      -ms-text-overflow: ellipsis;
+      text-overflow: ellipsis;
+    }
+  }
+</style>