ref: The default display quantity for the list is 20 (#10297)

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: Number(localStorage.getItem('task-list-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('task-list-page-size')) || 20,
     total: 0,
     small: true,
 });

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: Number(localStorage.getItem('mcp-server-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('mcp-server-page-size')) || 20,
     total: 0,
 });
 const mobile = computed(() => {

frontend/src/views/ai/model/index.vue

@@ -225,7 +225,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'model-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('page-size')) || 10,
+    pageSize: Number(localStorage.getItem('page-size')) || 20,
     total: 0,
 });
 const searchName = ref();

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: Number(localStorage.getItem('container-compose-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('container-compose-page-size')) || 20,
     total: 0,
 });
 const searchName = ref();

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: Number(localStorage.getItem('container-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('container-page-size')) || 20,
     total: 0,
     state: 'all',
     orderBy: 'createdAt',

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: Number(localStorage.getItem('container-image-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('container-image-page-size')) || 20,
     total: 0,
     name: '',
     orderBy: 'createdAt',

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: Number(localStorage.getItem('container-network-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('container-network-page-size')) || 20,
     total: 0,
 });
 const searchName = ref();

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: Number(localStorage.getItem('image-repo-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('image-repo-page-size')) || 20,
     total: 0,
 });
 const searchName = ref();

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: Number(localStorage.getItem('compose-template-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('compose-template-page-size')) || 20,
     total: 0,
 });
 const searchName = ref();

frontend/src/views/container/volume/index.vue

@@ -152,7 +152,7 @@ const selects = ref<any>([]);
 const paginationConfig = reactive({
     cacheSizeKey: 'container-volume-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('container-volume-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('container-volume-page-size')) || 20,
     total: 0,
 });
 const searchName = ref();

frontend/src/views/cronjob/cronjob/index.vue

@@ -260,7 +260,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'cronjob-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('cronjob-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('cronjob-page-size')) || 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',

frontend/src/views/cronjob/library/index.vue

@@ -134,7 +134,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'script-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('script-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('script-page-size')) || 20,
     total: 0,
 });
 const searchInfo = ref<string>('');

frontend/src/views/database/mysql/index.vue

@@ -322,7 +322,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'mysql-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('mysql-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('mysql-page-size')) || 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',

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: Number(localStorage.getItem('mysql-remote-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('mysql-remote-page-size')) || 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',

frontend/src/views/database/postgresql/index.vue

@@ -289,7 +289,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'postgresql-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('postgresql-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('postgresql-page-size')) || 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',

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: Number(localStorage.getItem('postgresql-remote-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('postgresql-remote-page-size')) || 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',

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: Number(localStorage.getItem('redis-remote-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('redis-remote-page-size')) || 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',

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: Number(localStorage.getItem('redis-backup-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('redis-backup-page-size')) || 20,
     total: 0,
 });
 

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: Number(localStorage.getItem('firewall-forward-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('firewall-forward-page-size')) || 20,
     total: 0,
 });
 

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: Number(localStorage.getItem('firewall-ip-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('firewall-ip-page-size')) || 20,
     total: 0,
 });
 

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: Number(localStorage.getItem('firewall-port-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('firewall-port-page-size')) || 20,
     total: 0,
 });
 

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: Number(localStorage.getItem('ssh-log-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('ssh-log-page-size')) || 20,
     total: 0,
 });
 

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: Number(localStorage.getItem('login-log-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('login-log-page-size')) || 20,
     total: 0,
     small: true,
 });

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: Number(localStorage.getItem('login-log-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('login-log-page-size')) || 20,
     total: 0,
 });
 const searchIP = ref<string>('');

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: Number(localStorage.getItem('operation-log-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('operation-log-page-size')) || 20,
     total: 0,
 });
 const searchName = ref<string>('');

frontend/src/views/log/task/index.vue

@@ -58,7 +58,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'task-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('task-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('task-page-size')) || 20,
     total: 0,
 });
 const taskLogRef = ref();

frontend/src/views/setting/alert/dash/index.vue

@@ -168,7 +168,7 @@ const req = reactive({
 const paginationConfig = reactive({
     cacheSizeKey: 'alert-list-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('alert-list-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('alert-list-page-size')) || 20,
     total: 0,
     orderBy: 'created_at',
     order: 'null',

frontend/src/views/setting/alert/log/index.vue

@@ -113,7 +113,7 @@ const resourceTypes = [
 const paginationConfig = reactive({
     cacheSizeKey: 'alert-log-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('alert-log-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('alert-log-page-size')) || 20,
     total: 0,
 });
 const req = reactive({

frontend/src/views/setting/backup-account/index.vue

@@ -135,7 +135,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'backup-account-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('backup-account-size')) || 10,
+    pageSize: Number(localStorage.getItem('backup-account-size')) || 20,
     total: 0,
     type: '',
     name: '',

frontend/src/views/setting/license/index.vue

@@ -124,7 +124,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'license-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('license-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('license-page-size')) || 20,
     total: 0,
     type: '',
     name: '',

frontend/src/views/setting/snapshot/index.vue

@@ -246,7 +246,7 @@ const selects = ref<any>([]);
 const paginationConfig = reactive({
     cacheSizeKey: 'snapshot-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('snapshot-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('snapshot-page-size')) || 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',

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: Number(localStorage.getItem('terminal-command-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('terminal-command-page-size')) || 20,
     total: 0,
     orderBy: 'name',
     order: 'ascending',

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: Number(localStorage.getItem('terminal-host-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('terminal-host-page-size')) || 20,
     total: 0,
 });
 const info = ref();

frontend/src/views/toolbox/clam/index.vue

@@ -191,7 +191,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'clam-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('clam-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('clam-page-size')) || 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',

frontend/src/views/toolbox/ftp/index.vue

@@ -169,7 +169,7 @@ const data = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'ftp-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('ftp-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('ftp-page-size')) || 20,
     total: 0,
     orderBy: 'createdAt',
     order: 'null',

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: Number(localStorage.getItem('ftp-log-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('ftp-log-page-size')) || 20,
     total: 0,
     user: '',
     operation: '',

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: Number(localStorage.getItem('runtime-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('runtime-page-size')) || 20,
     total: 0,
 });
 const req = reactive<Runtime.RuntimeReq>({

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: Number(localStorage.getItem('runtime-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('runtime-page-size')) || 20,
     total: 0,
 });
 const req = reactive<Runtime.RuntimeReq>({

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: Number(localStorage.getItem('runtime-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('runtime-page-size')) || 20,
     total: 0,
 });
 const req = reactive<Runtime.RuntimeReq>({

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: Number(localStorage.getItem('runtime-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('runtime-page-size')) || 20,
     total: 0,
 });
 const req = reactive<Runtime.RuntimeReq>({

frontend/src/views/website/runtime/php/extension-template/index.vue

@@ -36,7 +36,7 @@ const opRef = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'website-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('website-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('website-page-size')) || 20,
     total: 0,
 });
 

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: Number(localStorage.getItem('runtime-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('runtime-page-size')) || 20,
     total: 0,
 });
 let req = reactive<Runtime.RuntimeReq>({

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: Number(localStorage.getItem('runtime-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('runtime-page-size')) || 20,
     total: 0,
 });
 const req = reactive<Runtime.RuntimeReq>({

frontend/src/views/website/ssl/index.vue

@@ -192,7 +192,7 @@ const globalStore = GlobalStore();
 const paginationConfig = reactive({
     cacheSizeKey: 'ssl-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('ssl-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('ssl-page-size')) || 20,
     total: 0,
 });
 const acmeAccountRef = ref();

frontend/src/views/website/website/index.vue

@@ -360,7 +360,7 @@ const websiteDir = ref();
 const paginationConfig = reactive({
     cacheSizeKey: 'website-page-size',
     currentPage: 1,
-    pageSize: Number(localStorage.getItem('website-page-size')) || 10,
+    pageSize: Number(localStorage.getItem('website-page-size')) || 20,
     total: 0,
 });
 let req = reactive({