From a08ad66b87a1c56a1dc6078bc4464bdbf1cf1798 Mon Sep 17 00:00:00 2001
From: marvzhang <tikazyq@163.com>
Date: Mon, 3 Feb 2020 11:24:32 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BF=87=E9=95=BF=E7=9A=84=E7=BB=93=E6=9E=9C?=
 =?UTF-8?q?=E6=95=B0=E6=8D=AE=E5=81=9A=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/TableView/GeneralTableView.vue | 23 ++++++++++++++++++-
 1 file changed, 22 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/TableView/GeneralTableView.vue b/frontend/src/components/TableView/GeneralTableView.vue
index f6ada7ad..3f7693f3 100644
--- a/frontend/src/components/TableView/GeneralTableView.vue
+++ b/frontend/src/components/TableView/GeneralTableView.vue
@@ -7,7 +7,11 @@
       <template v-for="col in columns">
         <el-table-column :key="col" :label="col" :property="col" min-width="120">
           <template slot-scope="scope">
-            {{getString(scope.row[col])}}
+            <el-popover trigger="hover" :content="getString(scope.row[col])" popper-class="cell-popover">
+              <div slot="reference" class="wrapper">
+                {{getString(scope.row[col])}}
+              </div>
+            </el-popover>
           </template>
         </el-table-column>
       </template>
@@ -78,5 +82,22 @@ export default {
 </script>
 
 <style scoped>
+  .general-table-view >>> .cell .wrapper:hover {
+    text-decoration: underline;
+  }
 
+  .general-table-view >>> .cell .wrapper {
+    font-size: 12px;
+    height: 24px;
+    line-height: 24px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+</style>
+
+<style>
+  .cell-popover {
+    max-width: 480px;
+  }
 </style>