From e7e4570aeb25f46724d53b1cfdc491429a208674 Mon Sep 17 00:00:00 2001
From: wxg0103 <727495428@qq.com>
Date: Fri, 28 Mar 2025 14:58:48 +0800
Subject: [PATCH] refactor: log add hover
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1054088 --user=王孝刚 【操作日志】优化-操作详情建议一行展示，提供hover功能，hover后展示全部详情 https://www.tapd.cn/57709429/s/1678006
---
 ui/src/views/operate-log/index.vue | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/ui/src/views/operate-log/index.vue b/ui/src/views/operate-log/index.vue
index dc2503cfe..d357bda4c 100644
--- a/ui/src/views/operate-log/index.vue
+++ b/ui/src/views/operate-log/index.vue
@@ -131,12 +131,20 @@
         </el-table-column>
         <el-table-column prop="operate" :label="$t('views.operateLog.table.operate.detail')">
           <template #default="{ row }">
-            {{
-              row.operate +
-              (row.operation_object && row.operation_object.name
-                ? `【${row.operation_object.name}】`
-                : '')
-            }}
+            <el-tooltip
+              :content="
+                row.operate + (row.operation_object?.name ? `【${row.operation_object.name}】` : '')
+              "
+              effect="dark"
+              placement="top"
+            >
+              <span class="text-ellipsis">
+                {{
+                  row.operate +
+                  (row.operation_object?.name ? `【${row.operation_object.name}】` : '')
+                }}
+              </span>
+            </el-tooltip>
           </template>
         </el-table-column>
         <el-table-column
@@ -342,4 +350,11 @@ onMounted(() => {
 .text-button {
   font-size: 14px;
 }
+.text-ellipsis {
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  max-width: 100%;
+  display: block;
+}
 </style>