fix: Cookie管理页面分页选择无法保存,pageSize改为state管理+localStorage持久化

This commit is contained in:
yml2213
2026-06-23 22:16:11 +08:00
parent cc30697c97
commit 57c0d4af6e
+19 -1
View File
@@ -38,6 +38,11 @@ export default function CookiePage() {
const [loading, setLoading] = useState(false);
const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
const [searchText, setSearchText] = useState('');
const [pageSize, setPageSize] = useState(() => {
const v = localStorage.getItem('cookie_page_size');
return v ? Number(v) || 20 : 20;
});
const [currentPage, setCurrentPage] = useState(1);
const { can } = usePermissions();
const canView = can('cookie:view');
@@ -254,7 +259,20 @@ export default function CookiePage() {
rowKey="id"
loading={loading}
size="small"
pagination={{ pageSize: 20, showSizeChanger: true, showTotal: (t) => `${t}` }}
pagination={{
current: currentPage,
pageSize,
showSizeChanger: true,
showTotal: (t) => `${t}`,
onChange: (page, size) => {
setCurrentPage(page);
if (size !== pageSize) {
setPageSize(size);
localStorage.setItem('cookie_page_size', String(size));
setCurrentPage(1); // 切换 pageSize 时重置到第1页
}
},
}}
scroll={{ x: 900 }}
/>
</div>