fix: clarify client amounts and log date filters

src/apps/client/ClientSystemLogsPage.tsx

@@ -1,17 +1,18 @@
 import { useEffect, useMemo, useState } from 'react';
-import { CalendarDays, FileText, Search } from 'lucide-react';
+import { FileText, Search } from 'lucide-react';
 import {
-  Button,
+  DateRangeInput,
   Input,
   Pagination,
   Select,
   SystemLogExport,
   Table,
   Tag,
+  type DateRangeValue,
   type TableColumn,
 } from '@/components/ui';
 import { clientApi, type OperationLogItem } from '@/api/adminApi';
-import { formatDateTime } from '@/utils/dateTime';
+import { formatDateTime, recentBeijingDateRange } from '@/utils/dateTime';
 
 type LogLevel = 'info' | 'success' | 'warning' | 'error';
 
@@ -33,7 +34,7 @@ export function ClientSystemLogsPage() {
   const [keyword, setKeyword] = useState('');
   const [level, setLevel] = useState('all');
   const [module, setModule] = useState('all');
-  const [range, setRange] = useState('today');
+  const [dateRange, setDateRange] = useState<DateRangeValue>(() => recentBeijingDateRange(7));
   const [page, setPage] = useState(1);
   const pageSize = 5;
   const [logs, setLogs] = useState<OperationLogItem[]>([]);
@@ -42,7 +43,7 @@ export function ClientSystemLogsPage() {
   const [error, setError] = useState('');
 
   useEffect(() => {
-    clientApi.listSystemLogs({ keyword, level, module, range, page, pageSize })
+    clientApi.listSystemLogs({ keyword, level, module, createdAtFrom: dateRange.start, createdAtTo: dateRange.end, page, pageSize })
       .then((data) => {
         setLogs(data.items);
         setModules(data.modules);
@@ -54,7 +55,7 @@ export function ClientSystemLogsPage() {
         setTotal(0);
         setError(err instanceof Error ? err.message : '系统日志加载失败');
       });
-  }, [keyword, level, module, range, page]);
+  }, [keyword, level, module, dateRange.end, dateRange.start, page]);
 
   const moduleOptions = useMemo(() => {
     return [{ label: '全部模块', value: 'all' }, ...modules.map((item) => ({ label: item, value: item }))];
@@ -79,7 +80,7 @@ export function ClientSystemLogsPage() {
           <span className="sms-send-title__icon"><FileText size={22} /></span>
           <h1>系统日志</h1>
         </div>
-        <SystemLogExport exportLogs={clientApi.exportSystemLogs} filters={{ keyword, level, module, range }} portal="client" />
+        <SystemLogExport exportLogs={clientApi.exportSystemLogs} filters={{ keyword, level, module, createdAtFrom: dateRange.start, createdAtTo: dateRange.end }} portal="client" />
       </div>
 
       <div className="system-log-filters">
@@ -101,25 +102,7 @@ export function ClientSystemLogsPage() {
           value={level}
         />
         <Select onChange={(event) => { setModule(event.target.value); setPage(1); }} options={moduleOptions} value={module} />
-      </div>
-
-      <div className="system-log-range">
-        <span><CalendarDays size={18} /> 时间范围：</span>
-        {[
-          { label: '今天', value: 'today' },
-          { label: '近7天', value: '7d' },
-          { label: '近30天', value: '30d' },
-          { label: '全部', value: 'all' },
-        ].map((item) => (
-          <Button
-            key={item.value}
-            onClick={() => setRange(item.value)}
-            size="sm"
-            variant={range === item.value ? 'primary' : 'secondary'}
-          >
-            {item.label}
-          </Button>
-        ))}
+        <DateRangeInput label="日志时间" onChange={(value) => { setDateRange(value); setPage(1); }} placeholder="选择日志时间区间" value={dateRange} />
       </div>
 
       <div className="surface system-table-card">