From b2d35154862026ffe9361691a15a3ba85f96e772 Mon Sep 17 00:00:00 2001
From: FatttSnake <fatttsnake@gmail.com>
Date: Sun, 4 Jun 2023 23:03:32 +0800
Subject: [PATCH] Fixed tag too long bug

---
 ui/src/components/power/CommonTable.vue | 24 ++++++++++++++++++------
 1 file changed, 18 insertions(+), 6 deletions(-)

diff --git a/ui/src/components/power/CommonTable.vue b/ui/src/components/power/CommonTable.vue
index c5b15e9..5ab5cfe 100644
--- a/ui/src/components/power/CommonTable.vue
+++ b/ui/src/components/power/CommonTable.vue
@@ -13,9 +13,15 @@
                     type="info"
                     >无</el-tag
                 >
-                <el-tag v-for="(column, index) in scope.row.customColumn_1" :key="index">{{
-                    column
-                }}</el-tag>
+                <el-tooltip
+                    v-for="(column, index) in scope.row.customColumn_1"
+                    :key="index"
+                    :content="column"
+                >
+                    <el-tag>{{
+                        column.length > 20 ? column.substring(0, 19) + '...' : column
+                    }}</el-tag>
+                </el-tooltip>
             </template>
         </el-table-column>
         <el-table-column v-if="customColumnLabel_2" :label="customColumnLabel_2">
@@ -25,9 +31,15 @@
                     type="info"
                     >无</el-tag
                 >
-                <el-tag v-for="(column, index) in scope.row.customColumn_2" :key="index">{{
-                    column
-                }}</el-tag>
+                <el-tooltip
+                    v-for="(column, index) in scope.row.customColumn_2"
+                    :key="index"
+                    :content="column"
+                >
+                    <el-tag>{{
+                        column.length > 20 ? column.substring(0, 19) + '...' : column
+                    }}</el-tag>
+                </el-tooltip>
             </template>
         </el-table-column>
         <el-table-column label="状态" align="center" width="80px">