diff --git a/web/frontend/src/pages/AccountsPage.tsx b/web/frontend/src/pages/AccountsPage.tsx index 04332c9..5d67a1b 100644 --- a/web/frontend/src/pages/AccountsPage.tsx +++ b/web/frontend/src/pages/AccountsPage.tsx @@ -28,6 +28,11 @@ export default function AccountsPage() { const [selectedRowKeys, setSelectedRowKeys] = useState([]); const [batchTagInput, setBatchTagInput] = useState(''); const [batchTagVisible, setBatchTagVisible] = useState(false); + const [pageSize, setPageSize] = useState(() => { + const v = localStorage.getItem('account_page_size'); + return v ? Number(v) || 20 : 20; + }); + const [currentPage, setCurrentPage] = useState(1); const { can } = usePermissions(); const canViewAll = can('account:view_all'); @@ -342,7 +347,20 @@ export default function AccountsPage() { rowKey="id" loading={loading} size="small" - pagination={{ pageSize: 20 }} + pagination={{ + current: currentPage, + pageSize, + showSizeChanger: true, + showTotal: (t) => `共 ${t} 条`, + onChange: (page, size) => { + setCurrentPage(page); + if (size !== pageSize) { + setPageSize(size); + localStorage.setItem('account_page_size', String(size)); + setCurrentPage(1); // 切换 pageSize 时重置到第1页 + } + }, + }} />