From 08b31351d99a640a83e247ac5c2718e960d3d750 Mon Sep 17 00:00:00 2001
From: wangwenrui <wangwenrui@zdjizhi.com>
Date: Fri, 11 Sep 2020 13:57:23 +0800
Subject: [PATCH 1/2] =?UTF-8?q?fix:=E8=B0=83=E6=95=B4tag=E5=88=97=20?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/page/asset/asset.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/nezha-fronted/src/components/page/asset/asset.vue b/nezha-fronted/src/components/page/asset/asset.vue
index b83c1c638..f7a1e36f1 100644
--- a/nezha-fronted/src/components/page/asset/asset.vue
+++ b/nezha-fronted/src/components/page/asset/asset.vue
@@ -60,7 +60,7 @@
           :sort-orders="['ascending', 'descending']"
         >
           <template slot-scope="scope" slot="header">
-            <span v-if="item.type == 'tag'"><span>{{item.label}}</span><span style="color:orange;">&nbsp;[Tag]</span></span>
+            <span v-if="item.type == 'tag'" style="display: flex; width: 100%; align-items: center; flex-wrap: nowrap;"><span style="max-width: calc(100% - 40px); min-width: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{item.label}}</span><span style="color:orange; width: 40px;">&nbsp;[Tag]</span></span>
             <span v-else><span>{{item.label}}</span></span>
           </template>
           <template slot-scope="scope" :column="item">

From ad68f347f5fe953f8adea458d7a881a7de19a9f7 Mon Sep 17 00:00:00 2001
From: wangwenrui <wangwenrui@zdjizhi.com>
Date: Fri, 11 Sep 2020 14:09:57 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat:tag=20=E5=88=97=E6=B7=BB=E5=8A=A0title?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nezha-fronted/src/components/page/asset/asset.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/nezha-fronted/src/components/page/asset/asset.vue b/nezha-fronted/src/components/page/asset/asset.vue
index f7a1e36f1..41e07de38 100644
--- a/nezha-fronted/src/components/page/asset/asset.vue
+++ b/nezha-fronted/src/components/page/asset/asset.vue
@@ -60,7 +60,7 @@
           :sort-orders="['ascending', 'descending']"
         >
           <template slot-scope="scope" slot="header">
-            <span v-if="item.type == 'tag'" style="display: flex; width: 100%; align-items: center; flex-wrap: nowrap;"><span style="max-width: calc(100% - 40px); min-width: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;">{{item.label}}</span><span style="color:orange; width: 40px;">&nbsp;[Tag]</span></span>
+            <span v-if="item.type == 'tag'" class="tag-header" :title="item.label"><span class="tag-value">{{item.label}}</span><span class="tag-mark">&nbsp;[Tag]</span></span>
             <span v-else><span>{{item.label}}</span></span>
           </template>
           <template slot-scope="scope" :column="item">
@@ -788,6 +788,15 @@
     vertical-align: middle;
     display: inline-flex;
   }
+  .tag-header{
+    display: flex; width: 100%; align-items: center; flex-wrap: nowrap;
+    .tag-value{
+      max-width: calc(100% - 40px); min-width: 20px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
+    }
+    .tag-mark{
+      color:orange; width: 40px;
+    }
+  }
   /*/deep/ .sidebar-info-item .el-checkbox__label{*/
     /*padding-right: 15px;*/
     /*width: calc(100% - 32px);*/