fix: compact report status record table

src/apps/admin/AdminReportRecordsPage.tsx

@@ -192,68 +192,65 @@ export function AdminReportRecordsPage() {
     {
       key: 'task',
       title: '报备任务号',
-      width: '190px',
-      render: (record) => <strong className="admin-task-id">{record.taskId}</strong>,
-    },
-    { key: 'channel', title: '通道名称', width: '180px', render: (record) => record.channel?.name ?? '-' },
-    {
-      key: 'targetType',
-      title: '变更主体',
-      width: '110px',
-      render: (record) => (
-        <Tag tone={record.task?.reportType === 'drainage' ? 'info' : 'neutral'}>
-          {record.task?.reportType === 'drainage' ? '引流信息' : '签名'}
-        </Tag>
-      ),
+      width: '160px',
+      render: (record) => <strong className="admin-task-id admin-report-record-id" title={record.taskId}>{record.taskId}</strong>,
     },
+    { key: 'channel', title: '通道名称', width: '130px', render: (record) => record.channel?.name ?? '-' },
     {
       key: 'target',
-      title: '主体内容',
-      width: '260px',
+      title: '变更对象',
+      width: '230px',
       render: (record) =>
         record.task?.reportType === 'drainage' ? (
-          <div className="admin-task-enterprise">
+          <div className="admin-task-enterprise admin-report-record-target">
+            <Tag tone="info">引流信息</Tag>
             <strong>{record.task?.signature?.name ?? '-'}</strong>
             <span>{record.task?.drainageInfo?.url ?? '-'}</span>
-            {record.task?.drainageInfo?.remark ? <span>{record.task.drainageInfo.remark}</span> : null}
           </div>
         ) : (
-          <div className="admin-task-enterprise">
+          <div className="admin-task-enterprise admin-report-record-target">
+            <Tag tone="neutral">签名</Tag>
             <strong>{record.task?.signature?.name ?? '-'}</strong>
-            {record.task?.signature?.purpose ? <span>{record.task.signature.purpose}</span> : null}
           </div>
         ),
     },
-    { key: 'source', title: '修改入口', width: '150px', render: (record) => recordSource(record) },
     {
-      key: 'operator',
-      title: '操作人',
-      width: '140px',
-      render: (record) => record.operator?.displayName ?? record.operator?.username ?? '系统',
+      key: 'action',
+      title: '变更动作',
+      width: '180px',
+      render: (record) => (
+        <div className="admin-report-record-meta">
+          <strong>{actionLabel[record.action] ?? record.action}</strong>
+          <span>{recordSource(record)}</span>
+        </div>
+      ),
     },
-    { key: 'action', title: '动作', width: '170px', render: (record) => actionLabel[record.action] ?? record.action },
     {
       key: 'status',
       title: '状态变化',
-      width: '210px',
+      width: '150px',
       render: (record) => (
         <Tag
           tone={statusTone[record.statusAfter ?? 'pending'] ?? 'info'}
         >{`${translateStatus(record.statusBefore)} → ${translateStatus(record.statusAfter)}`}</Tag>
       ),
     },
-    { key: 'time', title: '记录时间', width: '190px', render: (record) => record.createdAt ?? '-' },
     {
-      key: 'reason',
-      title: '备注',
-      width: '320px',
-      render: (record) => <span className="ui-table__long-text">{record.reason ?? '-'}</span>,
+      key: 'operatorTime',
+      title: '操作人 / 时间',
+      width: '175px',
+      render: (record) => (
+        <div className="admin-report-record-meta">
+          <strong>{record.operator?.displayName ?? record.operator?.username ?? '系统'}</strong>
+          <span>{record.createdAt ?? '-'}</span>
+        </div>
+      ),
     },
     {
       key: 'actions',
       title: '操作',
       align: 'right',
-      width: '120px',
+      width: '76px',
       render: (record) => (
         <Button icon={<Eye size={14} />} onClick={() => setDetail(record)} size="sm" variant="ghost">
           详情