fix: connect operations pages to real backend

src/apps/admin/AdminSystemLogsPage.tsx

@@ -1,22 +1,10 @@
-import { useMemo, useState } from 'react';
+import { useEffect, useMemo, useState } from 'react';
 import { CalendarDays, Download, FileText, Search } from 'lucide-react';
 import { Button, Input, Pagination, Select, Table, Tag, type TableColumn } from '@/components/ui';
+import { adminApi, type OperationLogItem } from '@/api/adminApi';
 
 type LogLevel = 'info' | 'success' | 'warning' | 'error';
 
-type AdminSystemLog = {
-  id: string;
-  time: string;
-  level: LogLevel;
-  tenant: string;
-  module: string;
-  operator: string;
-  action: string;
-  resourceId: string;
-  detail: string;
-  ip: string;
-};
-
 const levelLabelMap: Record<LogLevel, string> = {
   info: '信息',
   success: '成功',
@@ -31,14 +19,6 @@ const levelToneMap: Record<LogLevel, 'info' | 'success' | 'warning' | 'danger'>
   error: 'danger',
 };
 
-const logsSeed: AdminSystemLog[] = [
-  { id: 'SYS202607010001', time: '2026-07-01 13:42:10', level: 'success', tenant: '上海云舟科技有限公司', module: '账户计费', operator: '运营', action: '人工充值', resourceId: 'RCG202607010001', detail: '人工充值 ¥2,000.00，备注：线下转账到账', ip: '10.0.1.12' },
-  { id: 'SYS202607010002', time: '2026-07-01 13:20:33', level: 'info', tenant: '杭州星澜商贸有限公司', module: '短信审核', operator: '审核员A', action: '审核通过', resourceId: 'AUD202607010018', detail: '营销短信任务进入发送队列', ip: '10.0.1.15' },
-  { id: 'SYS202607010003', time: '2026-07-01 12:58:44', level: 'warning', tenant: '深圳北辰出行服务有限公司', module: '风控', operator: 'system', action: '触发人工审核', resourceId: 'RISK202607010009', detail: '重复号码比例 21.4%，超过阈值 20%', ip: '127.0.0.1' },
-  { id: 'SYS202607010004', time: '2026-07-01 12:11:02', level: 'error', tenant: '广州麦芒科技', module: '发送链路', operator: 'gateway', action: 'SubmitResp失败', resourceId: 'MSG-7b9e', detail: '通道返回 REJECT，错误码 8', ip: '10.0.2.21' },
-  { id: 'SYS202607010005', time: '2026-07-01 11:46:29', level: 'info', tenant: '平台', module: '系统管理', operator: '平台管理员', action: '创建用户', resourceId: 'USR202607010006', detail: '新增运营用户：report-admin', ip: '10.0.1.10' },
-];
-
 export function AdminSystemLogsPage() {
   const [keyword, setKeyword] = useState('');
   const [level, setLevel] = useState('all');
@@ -46,25 +26,35 @@ export function AdminSystemLogsPage() {
   const [range, setRange] = useState('today');
   const [page, setPage] = useState(1);
   const pageSize = 5;
+  const [logs, setLogs] = useState<OperationLogItem[]>([]);
+  const [modules, setModules] = useState<string[]>([]);
+  const [total, setTotal] = useState(0);
+  const [error, setError] = useState('');
+
+  useEffect(() => {
+    adminApi.listSystemLogs({ keyword, level, module, range, page, pageSize })
+      .then((data) => {
+        setLogs(data.items);
+        setModules(data.modules);
+        setTotal(data.total);
+        setError('');
+      })
+      .catch((err) => {
+        setLogs([]);
+        setTotal(0);
+        setError(err instanceof Error ? err.message : '系统日志加载失败');
+      });
+  }, [keyword, level, module, range, page]);
 
   const moduleOptions = useMemo(() => {
-    const modules = Array.from(new Set(logsSeed.map((item) => item.module)));
     return [{ label: '全部模块', value: 'all' }, ...modules.map((item) => ({ label: item, value: item }))];
-  }, []);
+  }, [modules]);
 
-  const filteredLogs = logsSeed.filter((item) => {
-    const target = `${item.tenant} ${item.operator} ${item.action} ${item.resourceId} ${item.detail}`;
-    const matchesKeyword = !keyword || target.toLowerCase().includes(keyword.toLowerCase());
-    const matchesLevel = level === 'all' || item.level === level;
-    const matchesModule = module === 'all' || item.module === module;
-    return matchesKeyword && matchesLevel && matchesModule;
-  });
-  const totalPages = Math.max(1, Math.ceil(filteredLogs.length / pageSize));
+  const totalPages = Math.max(1, Math.ceil(total / pageSize));
   const currentPage = Math.min(page, totalPages);
-  const pagedLogs = filteredLogs.slice((currentPage - 1) * pageSize, currentPage * pageSize);
 
-  const columns = useMemo<Array<TableColumn<AdminSystemLog>>>(() => [
-    { key: 'time', title: '时间', width: '180px', render: (record) => <span className="muted">{record.time}</span> },
+  const columns = useMemo<Array<TableColumn<OperationLogItem>>>(() => [
+    { key: 'time', title: '时间', width: '180px', render: (record) => <span className="muted">{new Date(record.time).toLocaleString('zh-CN')}</span> },
     { key: 'level', title: '级别', width: '100px', render: (record) => <Tag tone={levelToneMap[record.level]}>{levelLabelMap[record.level]}</Tag> },
     { key: 'tenant', title: '企业', width: '190px', render: (record) => <strong>{record.tenant}</strong> },
     { key: 'module', title: '模块', width: '130px', render: (record) => record.module },
@@ -78,7 +68,7 @@ export function AdminSystemLogsPage() {
       render: (record) => (
         <div className="system-log-detail-card">
           <strong>{record.action}</strong>
-          <span>{record.detail}</span>
+          <span>{JSON.stringify(record.detail)}</span>
           <small>{record.resourceId}</small>
         </div>
       ),
@@ -137,14 +127,14 @@ export function AdminSystemLogsPage() {
       </div>
 
       <div className="surface system-table-card">
-        <Table columns={columns} data={pagedLogs} emptyText="暂无系统日志" rowKey="id" />
+        <Table columns={columns} data={logs} emptyText={error || '暂无系统日志'} rowKey="id" />
         <Pagination
           nextDisabled={currentPage >= totalPages}
           onNext={() => setPage((value) => Math.min(totalPages, value + 1))}
           onPrevious={() => setPage((value) => Math.max(1, value - 1))}
           page={currentPage}
           previousDisabled={currentPage <= 1}
-          total={filteredLogs.length}
+          total={total}
         />
       </div>
     </section>