feat:备注图标支持悬浮预览备注内容

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
+        <span style={{ display: 'inline-flex' }}>
-          size="small"
+          <Tooltip
-          type={hasRemark ? 'primary' : 'text'}
+            title={
-          danger={hasRemark && Boolean(isAbnormalOrReported)}
+              hasRemark ? (
-          icon={hasRemark ? <MessageOutlined /> : <EditOutlined />}
+                <div style={{ maxWidth: 280, whiteSpace: 'pre-wrap', wordBreak: 'break-word' }}>
-          title={hasRemark ? `备注：${record.remark}（点击修改）` : '添加备注'}
+                  {record.remark}
-          style={{ width: 26, height: 26, padding: 0, fontSize: 12 }}
+                  <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>
     )
   }