From 941726274a5f46f0c071729bce1d250940706f46 Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <1paneldev@sina.com>
Date: Tue, 26 Aug 2025 15:07:09 +0800
Subject: [PATCH] feat: Add table page size cache

---
 frontend/src/components/task-list/index.vue                     | 2 +-
 frontend/src/views/ai/mcp/server/index.vue                      | 2 +-
 frontend/src/views/container/compose/index.vue                  | 2 +-
 frontend/src/views/container/container/index.vue                | 2 +-
 frontend/src/views/container/image/index.vue                    | 2 +-
 frontend/src/views/container/network/index.vue                  | 2 +-
 frontend/src/views/container/repo/index.vue                     | 2 +-
 frontend/src/views/container/template/index.vue                 | 2 +-
 frontend/src/views/container/volume/index.vue                   | 2 +-
 frontend/src/views/cronjob/cronjob/index.vue                    | 2 +-
 frontend/src/views/cronjob/library/index.vue                    | 2 +-
 frontend/src/views/database/mysql/remote/index.vue              | 2 +-
 frontend/src/views/database/postgresql/remote/index.vue         | 2 +-
 frontend/src/views/database/redis/remote/index.vue              | 2 +-
 frontend/src/views/database/redis/setting/persistence/index.vue | 2 +-
 frontend/src/views/host/file-management/favorite/index.vue      | 2 +-
 frontend/src/views/host/file-management/index.vue               | 2 +-
 frontend/src/views/host/file-management/recycle-bin/index.vue   | 2 +-
 frontend/src/views/host/firewall/forward/index.vue              | 2 +-
 frontend/src/views/host/firewall/ip/index.vue                   | 2 +-
 frontend/src/views/host/firewall/port/index.vue                 | 2 +-
 frontend/src/views/host/ssh/log/log.vue                         | 2 +-
 frontend/src/views/host/ssh/ssh/certification/index.vue         | 2 +-
 frontend/src/views/log/login/index.vue                          | 2 +-
 frontend/src/views/log/operation/index.vue                      | 2 +-
 frontend/src/views/log/task/index.vue                           | 2 +-
 frontend/src/views/setting/license/index.vue                    | 2 +-
 frontend/src/views/setting/snapshot/index.vue                   | 2 +-
 frontend/src/views/terminal/command/index.vue                   | 2 +-
 frontend/src/views/terminal/host/index.vue                      | 2 +-
 frontend/src/views/toolbox/ftp/log/index.vue                    | 2 +-
 frontend/src/views/website/runtime/dotnet/index.vue             | 2 +-
 frontend/src/views/website/runtime/go/index.vue                 | 2 +-
 frontend/src/views/website/runtime/java/index.vue               | 2 +-
 frontend/src/views/website/runtime/node/index.vue               | 2 +-
 frontend/src/views/website/runtime/php/index.vue                | 2 +-
 frontend/src/views/website/runtime/python/index.vue             | 2 +-
 frontend/src/views/website/ssl/acme-account/index.vue           | 2 +-
 frontend/src/views/website/ssl/ca/index.vue                     | 2 +-
 frontend/src/views/website/ssl/dns-account/index.vue            | 2 +-
 frontend/src/views/website/ssl/index.vue                        | 2 +-
 41 files changed, 41 insertions(+), 41 deletions(-)

diff --git a/frontend/src/components/task-list/index.vue b/frontend/src/components/task-list/index.vue
index d436ef521114..aebccf178666 100644
--- a/frontend/src/components/task-list/index.vue
+++ b/frontend/src/components/task-list/index.vue
@@ -68,7 +68,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'task-list-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('task-list-page-size')) || 10,
     total: 0,
     small: true,
 });
diff --git a/frontend/src/views/ai/mcp/server/index.vue b/frontend/src/views/ai/mcp/server/index.vue
index e0d3965481a2..f289e772e852 100644
--- a/frontend/src/views/ai/mcp/server/index.vue
+++ b/frontend/src/views/ai/mcp/server/index.vue
@@ -118,7 +118,7 @@ const items = ref<AI.McpServer[]>([]);
 const paginationConfig = reactive({
     cacheSizeKey: 'mcp-server-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('mcp-server-page-size')) || 10,
     total: 0,
 });
 const mobile = computed(() => {
diff --git a/frontend/src/views/container/compose/index.vue b/frontend/src/views/container/compose/index.vue
index 477865b07c8e..1eaa4de9146f 100644
--- a/frontend/src/views/container/compose/index.vue
+++ b/frontend/src/views/container/compose/index.vue
@@ -119,7 +119,7 @@ const loading = ref(false);
 const paginationConfig = reactive({
     cacheSizeKey: 'container-compose-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('container-compose-page-size')) || 10,
     total: 0,
 });
 const searchName = ref();
diff --git a/frontend/src/views/container/container/index.vue b/frontend/src/views/container/container/index.vue
index 9a8583a287e8..56454fc96459 100644
--- a/frontend/src/views/container/container/index.vue
+++ b/frontend/src/views/container/container/index.vue
@@ -391,7 +391,7 @@ const selects = ref<any>([]);
 const paginationConfig = reactive({
     cacheSizeKey: 'container-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('container-page-size')) || 10,
     total: 0,
     state: 'all',
     orderBy: 'createdAt',
diff --git a/frontend/src/views/container/image/index.vue b/frontend/src/views/container/image/index.vue
index ef481789d093..dfcdcb286f33 100644
--- a/frontend/src/views/container/image/index.vue
+++ b/frontend/src/views/container/image/index.vue
@@ -145,7 +145,7 @@ const repos = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'container-image-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('container-image-page-size')) || 10,
     total: 0,
     name: '',
     orderBy: 'createdAt',
diff --git a/frontend/src/views/container/network/index.vue b/frontend/src/views/container/network/index.vue
index a0bf59392d01..5063ef3a892e 100644
--- a/frontend/src/views/container/network/index.vue
+++ b/frontend/src/views/container/network/index.vue
@@ -113,7 +113,7 @@ const selects = ref<any>([]);
 const paginationConfig = reactive({
     cacheSizeKey: 'container-network-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('container-network-page-size')) || 10,
     total: 0,
 });
 const searchName = ref();
diff --git a/frontend/src/views/container/repo/index.vue b/frontend/src/views/container/repo/index.vue
index 17c4068c1099..865f593b4d96 100644
--- a/frontend/src/views/container/repo/index.vue
+++ b/frontend/src/views/container/repo/index.vue
@@ -73,7 +73,7 @@ const selects = ref<any>([]);
 const paginationConfig = reactive({
     cacheSizeKey: 'image-repo-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('image-repo-page-size')) || 10,
     total: 0,
 });
 const searchName = ref();
diff --git a/frontend/src/views/container/template/index.vue b/frontend/src/views/container/template/index.vue
index 3cad15b9c4c5..e4362f38b103 100644
--- a/frontend/src/views/container/template/index.vue
+++ b/frontend/src/views/container/template/index.vue
@@ -78,7 +78,7 @@ const selects = ref<any>([]);
 const paginationConfig = reactive({
     cacheSizeKey: 'compose-template-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('compose-template-page-size')) || 10,
     total: 0,
 });
 const searchName = ref();
diff --git a/frontend/src/views/container/volume/index.vue b/frontend/src/views/container/volume/index.vue
index df77f7abfd9a..c9ab17b03a62 100644
--- a/frontend/src/views/container/volume/index.vue
+++ b/frontend/src/views/container/volume/index.vue
@@ -117,7 +117,7 @@ const selects = ref<any>([]);
 const paginationConfig = reactive({
     cacheSizeKey: 'container-volume-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('container-volume-page-size')) || 10,
     total: 0,
 });
 const searchName = ref();
diff --git a/frontend/src/views/cronjob/cronjob/index.vue b/frontend/src/views/cronjob/cronjob/index.vue
index 93a8f9f4b7e2..3f155eee9c55 100644
--- a/frontend/src/views/cronjob/cronjob/index.vue
+++ b/frontend/src/views/cronjob/cronjob/index.vue
@@ -260,7 +260,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'cronjob-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('cronjob-page-size')) || 10,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',
diff --git a/frontend/src/views/cronjob/library/index.vue b/frontend/src/views/cronjob/library/index.vue
index 17d9cb60e345..a3dac062f43a 100644
--- a/frontend/src/views/cronjob/library/index.vue
+++ b/frontend/src/views/cronjob/library/index.vue
@@ -134,7 +134,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'script-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('script-page-size')) || 10,
     total: 0,
 });
 const searchInfo = ref<string>('');
diff --git a/frontend/src/views/database/mysql/remote/index.vue b/frontend/src/views/database/mysql/remote/index.vue
index 99a9abb9a4d2..a122f33e44c4 100644
--- a/frontend/src/views/database/mysql/remote/index.vue
+++ b/frontend/src/views/database/mysql/remote/index.vue
@@ -93,7 +93,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'mysql-remote-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('mysql-remote-page-size')) || 10,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',
diff --git a/frontend/src/views/database/postgresql/remote/index.vue b/frontend/src/views/database/postgresql/remote/index.vue
index 513987675ea8..e98ffbd24f25 100644
--- a/frontend/src/views/database/postgresql/remote/index.vue
+++ b/frontend/src/views/database/postgresql/remote/index.vue
@@ -93,7 +93,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'postgresql-remote-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('postgresql-remote-page-size')) || 10,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',
diff --git a/frontend/src/views/database/redis/remote/index.vue b/frontend/src/views/database/redis/remote/index.vue
index 85a8f7aa173c..f62c4fbe645b 100644
--- a/frontend/src/views/database/redis/remote/index.vue
+++ b/frontend/src/views/database/redis/remote/index.vue
@@ -92,7 +92,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'redis-remote-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('redis-remote-page-size')) || 10,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',
diff --git a/frontend/src/views/database/redis/setting/persistence/index.vue b/frontend/src/views/database/redis/setting/persistence/index.vue
index beaf36eebbbf..87a454ca2c72 100644
--- a/frontend/src/views/database/redis/setting/persistence/index.vue
+++ b/frontend/src/views/database/redis/setting/persistence/index.vue
@@ -171,7 +171,7 @@ const confirmDialogRef = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'redis-backup-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('redis-backup-page-size')) || 10,
     total: 0,
 });
 
diff --git a/frontend/src/views/host/file-management/favorite/index.vue b/frontend/src/views/host/file-management/favorite/index.vue
index 7fb59ddde528..53be8d866946 100644
--- a/frontend/src/views/host/file-management/favorite/index.vue
+++ b/frontend/src/views/host/file-management/favorite/index.vue
@@ -17,7 +17,7 @@ import { reactive, ref } from 'vue';
 const paginationConfig = reactive({
     cacheSizeKey: 'favorite-page-size',
     currentPage: 1,
-    pageSize: 20,
+    pageSize: Number(localStorage.getItem('favorite-page-size')) || 20,
     total: 0,
 });
 const req = reactive({
diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue
index 959a0a7e89e7..2721d84d7dd3 100644
--- a/frontend/src/views/host/file-management/index.vue
+++ b/frontend/src/views/host/file-management/index.vue
@@ -684,7 +684,7 @@ const { searchableStatus, searchablePath, searchableInputRef, searchableInputBlu
 const paginationConfig = reactive({
     cacheSizeKey: 'file-page-size',
     currentPage: 1,
-    pageSize: 100,
+    pageSize: Number(localStorage.getItem('file-page-size')) || 10,
     total: 0,
 });
 
diff --git a/frontend/src/views/host/file-management/recycle-bin/index.vue b/frontend/src/views/host/file-management/recycle-bin/index.vue
index adbef7d83dcb..756197a04446 100644
--- a/frontend/src/views/host/file-management/recycle-bin/index.vue
+++ b/frontend/src/views/host/file-management/recycle-bin/index.vue
@@ -83,7 +83,7 @@ const status = ref('Enable');
 const paginationConfig = reactive({
     cacheSizeKey: 'recycle-page-size',
     currentPage: 1,
-    pageSize: 20,
+    pageSize: Number(localStorage.getItem('recycle-page-size')) || 20,
     total: 0,
 });
 
diff --git a/frontend/src/views/host/firewall/forward/index.vue b/frontend/src/views/host/firewall/forward/index.vue
index e5bb10e150b2..00b0c3b9bfd7 100644
--- a/frontend/src/views/host/firewall/forward/index.vue
+++ b/frontend/src/views/host/firewall/forward/index.vue
@@ -102,7 +102,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'firewall-forward-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('firewall-forward-page-size')) || 10,
     total: 0,
 });
 
diff --git a/frontend/src/views/host/firewall/ip/index.vue b/frontend/src/views/host/firewall/ip/index.vue
index 35a06b88e3d4..75265c4c29ec 100644
--- a/frontend/src/views/host/firewall/ip/index.vue
+++ b/frontend/src/views/host/firewall/ip/index.vue
@@ -123,7 +123,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'firewall-ip-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('firewall-ip-page-size')) || 10,
     total: 0,
 });
 
diff --git a/frontend/src/views/host/firewall/port/index.vue b/frontend/src/views/host/firewall/port/index.vue
index 08cd7651c911..7081c32f41bb 100644
--- a/frontend/src/views/host/firewall/port/index.vue
+++ b/frontend/src/views/host/firewall/port/index.vue
@@ -175,7 +175,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'firewall-port-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('firewall-port-page-size')) || 10,
     total: 0,
 });
 
diff --git a/frontend/src/views/host/ssh/log/log.vue b/frontend/src/views/host/ssh/log/log.vue
index 078866f11ad0..ad7e467bde19 100644
--- a/frontend/src/views/host/ssh/log/log.vue
+++ b/frontend/src/views/host/ssh/log/log.vue
@@ -100,7 +100,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'ssh-log-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('ssh-log-page-size')) || 10,
     total: 0,
 });
 
diff --git a/frontend/src/views/host/ssh/ssh/certification/index.vue b/frontend/src/views/host/ssh/ssh/certification/index.vue
index 2d1e8df09079..199893cf0c5a 100644
--- a/frontend/src/views/host/ssh/ssh/certification/index.vue
+++ b/frontend/src/views/host/ssh/ssh/certification/index.vue
@@ -218,7 +218,7 @@ const selects = ref<any>([]);
 const paginationConfig = reactive({
     cacheSizeKey: 'login-log-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('login-log-page-size')) || 10,
     total: 0,
     small: true,
 });
diff --git a/frontend/src/views/log/login/index.vue b/frontend/src/views/log/login/index.vue
index 9e1b6bd07460..465e080cde8e 100644
--- a/frontend/src/views/log/login/index.vue
+++ b/frontend/src/views/log/login/index.vue
@@ -61,7 +61,7 @@ const confirmDialogRef = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'login-log-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('login-log-page-size')) || 10,
     total: 0,
 });
 const searchIP = ref<string>('');
diff --git a/frontend/src/views/log/operation/index.vue b/frontend/src/views/log/operation/index.vue
index 7af06775eea8..84c40d4f4716 100644
--- a/frontend/src/views/log/operation/index.vue
+++ b/frontend/src/views/log/operation/index.vue
@@ -109,7 +109,7 @@ const confirmDialogRef = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'operation-log-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('operation-log-page-size')) || 10,
     total: 0,
 });
 const searchName = ref<string>('');
diff --git a/frontend/src/views/log/task/index.vue b/frontend/src/views/log/task/index.vue
index a4c4317eccd2..5aa3c04afe86 100644
--- a/frontend/src/views/log/task/index.vue
+++ b/frontend/src/views/log/task/index.vue
@@ -58,7 +58,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'task-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('task-page-size')) || 10,
     total: 0,
 });
 const taskLogRef = ref();
diff --git a/frontend/src/views/setting/license/index.vue b/frontend/src/views/setting/license/index.vue
index 92109df77a11..5806d237c9e6 100644
--- a/frontend/src/views/setting/license/index.vue
+++ b/frontend/src/views/setting/license/index.vue
@@ -124,7 +124,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'license-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('license-page-size')) || 10,
     total: 0,
     type: '',
     name: '',
diff --git a/frontend/src/views/setting/snapshot/index.vue b/frontend/src/views/setting/snapshot/index.vue
index 9c591a6cf1d6..60163de2df3e 100644
--- a/frontend/src/views/setting/snapshot/index.vue
+++ b/frontend/src/views/setting/snapshot/index.vue
@@ -248,7 +248,7 @@ const selects = ref<any>([]);
 const paginationConfig = reactive({
     cacheSizeKey: 'snapshot-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('snapshot-page-size')) || 10,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',
diff --git a/frontend/src/views/terminal/command/index.vue b/frontend/src/views/terminal/command/index.vue
index b89c30a54231..94a41c4267a6 100644
--- a/frontend/src/views/terminal/command/index.vue
+++ b/frontend/src/views/terminal/command/index.vue
@@ -106,7 +106,7 @@ const groupList = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'terminal-command-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('terminal-command-page-size')) || 10,
     total: 0,
     orderBy: 'name',
     order: 'ascending',
diff --git a/frontend/src/views/terminal/host/index.vue b/frontend/src/views/terminal/host/index.vue
index 671fa9fa0f42..5ce23ad829c7 100644
--- a/frontend/src/views/terminal/host/index.vue
+++ b/frontend/src/views/terminal/host/index.vue
@@ -94,7 +94,7 @@ const selects = ref<any>([]);
 const paginationConfig = reactive({
     cacheSizeKey: 'terminal-host-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('terminal-host-page-size')) || 10,
     total: 0,
 });
 const info = ref();
diff --git a/frontend/src/views/toolbox/ftp/log/index.vue b/frontend/src/views/toolbox/ftp/log/index.vue
index 94fafeef533e..438c1e4fac97 100644
--- a/frontend/src/views/toolbox/ftp/log/index.vue
+++ b/frontend/src/views/toolbox/ftp/log/index.vue
@@ -46,7 +46,7 @@ import i18n from '@/lang';
 const paginationConfig = reactive({
     cacheSizeKey: 'ftp-log-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('ftp-log-page-size')) || 10,
     total: 0,
     user: '',
     operation: '',
diff --git a/frontend/src/views/website/runtime/dotnet/index.vue b/frontend/src/views/website/runtime/dotnet/index.vue
index 4461d6d2a42a..3958c24ab647 100644
--- a/frontend/src/views/website/runtime/dotnet/index.vue
+++ b/frontend/src/views/website/runtime/dotnet/index.vue
@@ -135,7 +135,7 @@ const mobile = computed(() => {
 const paginationConfig = reactive({
     cacheSizeKey: 'runtime-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('runtime-page-size')) || 10,
     total: 0,
 });
 const req = reactive<Runtime.RuntimeReq>({
diff --git a/frontend/src/views/website/runtime/go/index.vue b/frontend/src/views/website/runtime/go/index.vue
index ad4e836ad062..6380ca62ec02 100644
--- a/frontend/src/views/website/runtime/go/index.vue
+++ b/frontend/src/views/website/runtime/go/index.vue
@@ -134,7 +134,7 @@ const isExist = ref(false);
 const paginationConfig = reactive({
     cacheSizeKey: 'runtime-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('runtime-page-size')) || 10,
     total: 0,
 });
 const req = reactive<Runtime.RuntimeReq>({
diff --git a/frontend/src/views/website/runtime/java/index.vue b/frontend/src/views/website/runtime/java/index.vue
index e17201684f33..9a4989f9a999 100644
--- a/frontend/src/views/website/runtime/java/index.vue
+++ b/frontend/src/views/website/runtime/java/index.vue
@@ -134,7 +134,7 @@ const isExist = ref(false);
 const paginationConfig = reactive({
     cacheSizeKey: 'runtime-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('runtime-page-size')) || 10,
     total: 0,
 });
 const req = reactive<Runtime.RuntimeReq>({
diff --git a/frontend/src/views/website/runtime/node/index.vue b/frontend/src/views/website/runtime/node/index.vue
index 345625b8849b..49edc4d077c7 100644
--- a/frontend/src/views/website/runtime/node/index.vue
+++ b/frontend/src/views/website/runtime/node/index.vue
@@ -137,7 +137,7 @@ const isExist = ref(false);
 const paginationConfig = reactive({
     cacheSizeKey: 'runtime-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('runtime-page-size')) || 10,
     total: 0,
 });
 const req = reactive<Runtime.RuntimeReq>({
diff --git a/frontend/src/views/website/runtime/php/index.vue b/frontend/src/views/website/runtime/php/index.vue
index 036fc115be8e..cd540553a6ff 100644
--- a/frontend/src/views/website/runtime/php/index.vue
+++ b/frontend/src/views/website/runtime/php/index.vue
@@ -163,7 +163,7 @@ const taskLogRef = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'runtime-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('runtime-page-size')) || 10,
     total: 0,
 });
 let req = reactive<Runtime.RuntimeReq>({
diff --git a/frontend/src/views/website/runtime/python/index.vue b/frontend/src/views/website/runtime/python/index.vue
index ee72adfc90c8..a9c638fcedec 100644
--- a/frontend/src/views/website/runtime/python/index.vue
+++ b/frontend/src/views/website/runtime/python/index.vue
@@ -134,7 +134,7 @@ const isExist = ref(false);
 const paginationConfig = reactive({
     cacheSizeKey: 'runtime-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('runtime-page-size')) || 10,
     total: 0,
 });
 const req = reactive<Runtime.RuntimeReq>({
diff --git a/frontend/src/views/website/ssl/acme-account/index.vue b/frontend/src/views/website/ssl/acme-account/index.vue
index a27c801d9501..5dbd29019a2a 100644
--- a/frontend/src/views/website/ssl/acme-account/index.vue
+++ b/frontend/src/views/website/ssl/acme-account/index.vue
@@ -63,7 +63,7 @@ const createRef = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'acme-account-page-size',
     currentPage: 1,
-    pageSize: 20,
+    pageSize: Number(localStorage.getItem('acme-account-page-size')) || 20,
     total: 0,
 });
 const opRef = ref();
diff --git a/frontend/src/views/website/ssl/ca/index.vue b/frontend/src/views/website/ssl/ca/index.vue
index 95db6dfa1a26..10ea1ad5b481 100644
--- a/frontend/src/views/website/ssl/ca/index.vue
+++ b/frontend/src/views/website/ssl/ca/index.vue
@@ -50,7 +50,7 @@ const createRef = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'ca-page-size',
     currentPage: 1,
-    pageSize: 20,
+    pageSize: Number(localStorage.getItem('ca-page-size')) || 20,
     total: 0,
 });
 const opRef = ref();
diff --git a/frontend/src/views/website/ssl/dns-account/index.vue b/frontend/src/views/website/ssl/dns-account/index.vue
index f3d2210ae4a9..0439aa97bb14 100644
--- a/frontend/src/views/website/ssl/dns-account/index.vue
+++ b/frontend/src/views/website/ssl/dns-account/index.vue
@@ -43,7 +43,7 @@ import { getDNSName } from '@/utils/util';
 const paginationConfig = reactive({
     cacheSizeKey: 'dns-account-page-size',
     currentPage: 1,
-    pageSize: 20,
+    pageSize: Number(localStorage.getItem('dns-account-page-size')) || 20,
     total: 0,
 });
 let data = ref<Website.DnsAccount[]>();
diff --git a/frontend/src/views/website/ssl/index.vue b/frontend/src/views/website/ssl/index.vue
index 82e6a1c2f133..fdc804e0d691 100644
--- a/frontend/src/views/website/ssl/index.vue
+++ b/frontend/src/views/website/ssl/index.vue
@@ -188,7 +188,7 @@ const globalStore = GlobalStore();
 const paginationConfig = reactive({
     cacheSizeKey: 'ssl-page-size',
     currentPage: 1,
-    pageSize: 10,
+    pageSize: Number(localStorage.getItem('ssl-page-size')) || 10,
     total: 0,
 });
 const acmeAccountRef = ref();