fix: unify analytics and report pagination controls

src/apps/admin/AdminReportTasksPage.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { useEffect, useRef, useState } from 'react';
 import { Download, Eye, Search } from 'lucide-react';
 import { useSearchParams } from 'react-router-dom';
 import { adminApi, fileDownloadUrl, type ReportTask, type SingleReportMaterialDetail } from '@/api/adminApi';
@@ -192,6 +192,8 @@ export function AdminReportTasksPage() {
   const [exportTask, setExportTask] = useState<ReportTask | null>(null);
   const [exportBusy, setExportBusy] = useState(false);
   const [page, setPage] = useState(1);
+  const [pageSize, setPageSize] = useState(25);
+  const requestId = useRef(0);
   const [total, setTotal] = useState(0);
   const [appliedFilters, setAppliedFilters] = useState({
     keyword: '',
@@ -200,9 +202,8 @@ export function AdminReportTasksPage() {
     status: initialStatus,
     carrier: 'all',
   });
-  const pageSize = 10;
-
   function loadData(targetPage = page, filters = appliedFilters) {
+    const id = ++requestId.current;
     adminApi
       .listReportDetailsPage({
         signatureId: searchParams.get('signatureId') || undefined,
@@ -216,17 +217,23 @@ export function AdminReportTasksPage() {
         pageSize,
       })
       .then((result) => {
+        if (id !== requestId.current) return;
         setTasks(result.items);
         setTotal(result.total);
         setSelected(new Set());
         setError('');
       })
-      .catch((failure: Error) => setError(failure.message || '报备明细加载失败'));
+      .catch((failure: Error) => {
+        if (id === requestId.current) setError(failure.message || '报备明细加载失败');
+      });
   }
 
   useEffect(() => {
     loadData(page);
-  }, [page]);
+    return () => {
+      requestId.current += 1;
+    };
+  }, [page, pageSize]);
 
   async function saveTaskStatus() {
     if (!statusTask) return;
@@ -521,8 +528,14 @@ export function AdminReportTasksPage() {
         nextDisabled={page * pageSize >= total}
         onNext={() => setPage((current) => current + 1)}
         onPageChange={setPage}
+        onPageSizeChange={(size) => {
+          setPageSize(size);
+          setPage(1);
+          setSelected(new Set());
+        }}
         onPrevious={() => setPage((current) => Math.max(1, current - 1))}
         page={page}
+        pageSize={pageSize}
         previousDisabled={page <= 1}
         total={total}
         totalPages={Math.max(1, Math.ceil(total / pageSize))}