diff --git a/webui/src/components/monitor/NotesTable.tsx b/webui/src/components/monitor/NotesTable.tsx index 408bbe0..fc0c927 100644 --- a/webui/src/components/monitor/NotesTable.tsx +++ b/webui/src/components/monitor/NotesTable.tsx @@ -80,8 +80,9 @@ function sumMetrics(notes: MonitorNote[]) { return { values, deltas } } -// 多出来的那几列:展开箭头、作品、发布日期、首次发现、跳转链接;分组表头会跨掉整行。 -const COLUMN_COUNT = METRIC_COLUMNS.length + 5 +// 多出来的那几列:展开箭头、作品、发布日期、首次发现;分组表头会跨掉整行。 +// 作品的跳转链接**不算一列** —— 它跟在标题后面,见下面的行渲染。 +const COLUMN_COUNT = METRIC_COLUMNS.length + 4 /** * 账号级指标那几个字段。 @@ -274,7 +275,6 @@ export function NotesTable({ taskId, onlyNew }: NotesTableProps) { ))} 发布日期 首次发现 - @@ -419,6 +419,21 @@ export function NotesTable({ taskId, onlyNew }: NotesTableProps) { > {note.title || note.note_id} + {/* 跳转紧跟在标题后面 —— 它属于**这条作品**,挂在整行最右边 + 时就脱离了它修饰的东西,眼睛得横穿整张表去找。 + stopPropagation,否则点它会连带展开趋势图。 */} + {note.note_url && ( + event.stopPropagation()} + title="打开原作品" + className="text-cyber-text-muted hover:text-cyber-neon-cyan flex-shrink-0" + > + + + )} {editingNote === rowKey ? ( {formatRelative(note.first_seen_at)} - - {/* 直接跳转到该作品。stopPropagation,否则点它会连带展开趋势图。 */} - {note.note_url && ( - event.stopPropagation()} - title="打开原作品" - className="text-cyber-text-muted hover:text-cyber-neon-cyan" - > - - - )} - {open && (