feat: wire admin workflows to real APIs

src/apps/admin/AdminReportRecordsPage.tsx

@@ -52,6 +52,14 @@ const initialRecords: ReportRecord[] = [
   { id: 'RPT-REC-004', taskId: 'RPT-TASK-20260630-001', channel: '行北-集市三甲医院-39', enterprise: '上海XXXXX科技有限公司', type: '签名', content: '【科技公司】', carrier: '移动', status: 'unreported', submittedAt: '2026-06-30 09:12:00', updatedAt: '2026-06-30 09:12:00' },
 ];
 
+function RemarkCell({ value }: { value?: string }) {
+  return (
+    <div className={['admin-remark-cell', value ? '' : 'admin-remark-cell--empty'].filter(Boolean).join(' ')}>
+      {value || '暂无备注'}
+    </div>
+  );
+}
+
 function RecordDetailModal({ record, onClose }: { record: ReportRecord; onClose: () => void }) {
   return (
     <Modal footer={<Button onClick={onClose}>关闭</Button>} onClose={onClose} open size="xl" title={<div className="template-modal-title"><h2>报备记录详情</h2><p>{record.id}</p></div>}>
@@ -102,8 +110,8 @@ export function AdminReportRecordsPage() {
     { key: 'carrier', title: '运营商', width: '90px', render: (record) => <Tag tone="info">{record.carrier}</Tag> },
     { key: 'status', title: '状态', width: '110px', render: (record) => <Tag tone={statusMeta[record.status].tone}>{statusMeta[record.status].label}</Tag> },
     { key: 'time', title: '时间', width: '190px', render: (record) => <div className="report-task-time"><span>提交 {record.submittedAt}</span><span>回执 {record.reportedAt ?? '-'}</span></div> },
-    { key: 'reason', title: '备注', render: (record) => record.reason ?? '-' },
-    { key: 'actions', title: '操作', align: 'right', width: '110px', render: (record) => <Button icon={<Eye size={14} />} onClick={() => setDetail(record)} size="sm" variant="ghost">详情</Button> },
+    { key: 'reason', title: '备注', width: '280px', render: (record) => <RemarkCell value={record.reason} /> },
+    { key: 'actions', title: '操作', align: 'right', width: '120px', render: (record) => <Button icon={<Eye size={14} />} onClick={() => setDetail(record)} size="sm" variant="ghost">详情</Button> },
   ];
 
   return (