fix: paginate operational list pages

src/apps/admin/AdminSmsTaskProgressPage.tsx

@@ -382,12 +382,25 @@ export function AdminSmsTaskProgressPage() {
   const [terminateTarget, setTerminateTarget] = useState<SmsTask | null>(null);
   const [loading, setLoading] = useState(true);
   const [error, setError] = useState('');
+  const [total, setTotal] = useState(0);
+  const [filterTenants, setFilterTenants] = useState<string[]>([]);
+  const [filterApplications, setFilterApplications] = useState<Array<{ tenantName: string; name: string }>>([]);
+  const pageSize = 10;
 
-  function loadTasks() {
+  function loadTasks(targetPage = page) {
     setLoading(true);
-    adminApi.listAdminBatchTasks()
-      .then((items) => {
-        setTasks(items.map(mapTask));
+    adminApi.listAdminBatchTasksPage({
+      keyword: keyword || undefined,
+      enterpriseKeyword: enterprise === 'all' ? undefined : enterprise,
+      applicationKeyword: application === 'all' ? undefined : application,
+      createdAtFrom: submittedDateRange.start || undefined,
+      createdAtTo: submittedDateRange.end || undefined,
+      page: targetPage,
+      pageSize,
+    })
+      .then((result) => {
+        setTasks(result.items.map(mapTask));
+        setTotal(result.total);
         setError('');
       })
       .catch((reason: Error) => setError(reason.message || '短信任务进度加载失败'))
@@ -395,7 +408,17 @@ export function AdminSmsTaskProgressPage() {
   }
 
   useEffect(() => {
-    loadTasks();
+    loadTasks(page);
+  }, [page]);
+
+  useEffect(() => {
+    Promise.all([adminApi.listTenants(), adminApi.listEnterpriseApplicationOptions()])
+      .then(([tenants, applications]) => {
+        const tenantNameById = new Map(tenants.map((item) => [item.id, item.name]));
+        setFilterTenants(tenants.filter((item) => item.status !== 'deleted').map((item) => item.name));
+        setFilterApplications(applications.filter((item) => item.status !== 'deleted').map((item) => ({ tenantName: tenantNameById.get(item.tenantId) ?? '', name: item.name })));
+      })
+      .catch((failure: Error) => setError(failure.message || '任务筛选项加载失败'));
   }, []);
 
   function loadPhones(target = phoneTarget, page = phonePage, pageSize = phonePageSize) {
@@ -410,35 +433,18 @@ export function AdminSmsTaskProgressPage() {
   }, [phoneTarget, phonePage, phonePageSize]);
 
   const enterpriseOptions = useMemo(() => {
-    const names = Array.from(new Set(tasks.map((item) => item.enterprise)));
-    return [{ label: '全部企业', value: 'all' }, ...names.map((name) => ({ label: name, value: name }))];
-  }, [tasks]);
+    return [{ label: '全部企业', value: 'all' }, ...filterTenants.map((name) => ({ label: name, value: name }))];
+  }, [filterTenants]);
 
   const applicationOptions = useMemo(() => {
-    const names = Array.from(new Set(tasks.filter((item) => enterprise === 'all' || item.enterprise === enterprise).map((item) => item.application)));
+    const names = Array.from(new Set(filterApplications.filter((item) => enterprise === 'all' || item.tenantName === enterprise).map((item) => item.name)));
     return [{ label: '全部应用', value: 'all' }, ...names.map((name) => ({ label: name, value: name }))];
-  }, [enterprise, tasks]);
+  }, [enterprise, filterApplications]);
 
-  const filteredTasks = useMemo(
-    () => tasks.filter((item) => {
-      const submittedDate = item.submittedAt.slice(0, 10);
-      const matchesKeyword = !keyword || item.id.includes(keyword);
-      const matchesEnterprise = enterprise === 'all' || item.enterprise === enterprise;
-      const matchesApplication = application === 'all' || item.application === application;
-      const matchesStartDate = !submittedDateRange.start || submittedDate >= submittedDateRange.start;
-      const matchesEndDate = !submittedDateRange.end || submittedDate <= submittedDateRange.end;
-      return matchesKeyword && matchesEnterprise && matchesApplication && matchesStartDate && matchesEndDate;
-    }),
-    [application, enterprise, keyword, submittedDateRange.end, submittedDateRange.start, tasks],
-  );
-  const pageSize = 10;
-  const totalPages = Math.max(1, Math.ceil(filteredTasks.length / pageSize));
+  const filteredTasks = tasks;
+  const totalPages = Math.max(1, Math.ceil(total / pageSize));
   const currentPage = Math.min(page, totalPages);
-  const visibleTasks = filteredTasks.slice((currentPage - 1) * pageSize, currentPage * pageSize);
-
-  useEffect(() => {
-    setPage(1);
-  }, [application, enterprise, keyword, submittedDateRange.end, submittedDateRange.start, tasks.length]);
+  const visibleTasks = filteredTasks;
 
   function resetFilters() {
     setKeyword('');
@@ -480,7 +486,7 @@ export function AdminSmsTaskProgressPage() {
         <Select label="选择应用" onChange={(event) => setApplication(event.target.value)} options={applicationOptions} value={application} />
         <DateRangeInput label="提交时间" onChange={setSubmittedDateRange} value={submittedDateRange} />
         <div className="admin-task-filter__actions">
-          <Button icon={<Search size={16} />} onClick={loadTasks}>查询</Button>
+          <Button icon={<Search size={16} />} onClick={() => { if (page !== 1) setPage(1); else loadTasks(1); }}>查询</Button>
           <Button onClick={resetFilters} variant="ghost">重置</Button>
         </div>
       </div>
@@ -594,7 +600,7 @@ export function AdminSmsTaskProgressPage() {
           totalPages={totalPages}
           onPageChange={setPage}
           previousDisabled={currentPage <= 1}
-          total={filteredTasks.length}
+          total={total}
         />
       </div>