From 1dba8e4c2e079d12fef31f5919978bb53719f71e Mon Sep 17 00:00:00 2001
From: zhaoxing <2558691827@qq.com>
Date: Sun, 8 Nov 2026 15:09:23 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=A4=87=E6=B3=A8=E5=9B=BE=E6=A0=87?=
 =?UTF-8?q?=E6=94=AF=E6=8C=81=E6=82=AC=E6=B5=AE=E9=A2=84=E8=A7=88=E5=A4=87?=
 =?UTF-8?q?=E6=B3=A8=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../pages/platformRock/TokenRemarkCell.tsx    | 32 +++++++++++++------
 1 file changed, 23 insertions(+), 9 deletions(-)

diff --git a/frontend/src/pages/platformRock/TokenRemarkCell.tsx b/frontend/src/pages/platformRock/TokenRemarkCell.tsx
index e4f231f..aa091fe 100644
--- a/frontend/src/pages/platformRock/TokenRemarkCell.tsx
+++ b/frontend/src/pages/platformRock/TokenRemarkCell.tsx
@@ -1,5 +1,5 @@
 import { useState } from 'react'
-import { Button, Divider, Input, Popover, Space, Tag, Typography } from 'antd'
+import { Button, Divider, Input, Popover, Space, Tag, Tooltip, Typography } from 'antd'
 import {
   CheckOutlined,
   CloseCircleOutlined,
@@ -186,14 +186,28 @@ export function TokenRemarkCell({
         }}
         placement="bottomLeft"
       >
-        <Button
-          size="small"
-          type={hasRemark ? 'primary' : 'text'}
-          danger={hasRemark && Boolean(isAbnormalOrReported)}
-          icon={hasRemark ? <MessageOutlined /> : <EditOutlined />}
-          title={hasRemark ? `备注：${record.remark}（点击修改）` : '添加备注'}
-          style={{ width: 26, height: 26, padding: 0, fontSize: 12 }}
-        />
+        <span style={{ display: 'inline-flex' }}>
+          <Tooltip
+            title={
+              hasRemark ? (
+                <div style={{ maxWidth: 280, whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>
+                  {record.remark}
+                  <div style={{ marginTop: 4, fontSize: 11, opacity: 0.75 }}>点击修改</div>
+                </div>
+              ) : (
+                '添加备注'
+              )
+            }
+          >
+            <Button
+              size="small"
+              type={hasRemark ? 'primary' : 'text'}
+              danger={hasRemark && Boolean(isAbnormalOrReported)}
+              icon={hasRemark ? <MessageOutlined /> : <EditOutlined />}
+              style={{ width: 26, height: 26, padding: 0, fontSize: 12 }}
+            />
+          </Tooltip>
+        </span>
       </Popover>
     )
   }