From 57c0d4af6e7b5ddde46c70191cc308cb3272954c Mon Sep 17 00:00:00 2001
From: yml2213 <a2213290201@gmail.com>
Date: Tue, 23 Jun 2026 22:16:11 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20Cookie=E7=AE=A1=E7=90=86=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=88=86=E9=A1=B5=E9=80=89=E6=8B=A9=E6=97=A0=E6=B3=95?=
 =?UTF-8?q?=E4=BF=9D=E5=AD=98=EF=BC=8CpageSize=E6=94=B9=E4=B8=BAstate?=
 =?UTF-8?q?=E7=AE=A1=E7=90=86+localStorage=E6=8C=81=E4=B9=85=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/frontend/src/pages/CookiePage.tsx | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/web/frontend/src/pages/CookiePage.tsx b/web/frontend/src/pages/CookiePage.tsx
index 0becb5e..a64ac62 100644
--- a/web/frontend/src/pages/CookiePage.tsx
+++ b/web/frontend/src/pages/CookiePage.tsx
@@ -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>