feat: 优化默认分页条数

web/src/views/app/IndexView.vue

@@ -158,11 +158,11 @@ const selectedRowKeys = ref<any>([])
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 15,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [15, 30, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const handleShowChange = (row: any) => {
@@ -191,6 +191,7 @@ const handleManage = (slug: string) => {
 const handleUpdateCache = () => {
   app.updateCache().then(() => {
     window.$message.success(t('appIndex.alerts.cache'))
+    onPageChange(1)
   })
 }
 

web/src/views/apps/fail2ban/IndexView.vue

@@ -168,11 +168,11 @@ const banedIPColumns: any = [
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 15,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [15, 30, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const websites = ref<any[]>([])

web/src/views/apps/pureftpd/IndexView.vue

@@ -34,11 +34,11 @@ const changePasswordModel = ref({
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 15,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [15, 30, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const userColumns: any = [

web/src/views/apps/rsync/IndexView.vue

@@ -108,11 +108,11 @@ const modules = ref<Module[]>([])
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 15,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [15, 30, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const getModules = async (page: number, limit: number) => {

web/src/views/apps/s3fs/IndexView.vue

@@ -18,11 +18,11 @@ const addMountModel = ref({
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 15,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [15, 30, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const columns: any = [

web/src/views/apps/supervisor/IndexView.vue

@@ -190,11 +190,11 @@ const processes = ref<Process[]>([])
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 15,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [15, 30, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const getProcesses = async (page: number, limit: number) => {

web/src/views/backup/ListView.vue

@@ -89,11 +89,11 @@ const data = ref<Backup[]>([])
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 10,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [10, 20, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const getList = async (page: number, limit: number) => {

web/src/views/cert/AccountView.vue

@@ -127,11 +127,11 @@ const accountData = ref<Account[]>([] as Account[])
 const accountPagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 10,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [10, 20, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const onAccountPageChange = (page: number) => {

web/src/views/cert/CertView.vue

@@ -361,11 +361,11 @@ const certData = ref<Cert[]>([] as Cert[])
 const certPagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 10,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [10, 20, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const onCertPageChange = (page: number) => {

web/src/views/cert/DnsView.vue

@@ -133,11 +133,11 @@ const dnsData = ref<DNS[]>([] as DNS[])
 const dnsPagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 10,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [10, 20, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const onDnsPageChange = (page: number) => {

web/src/views/container/ContainerView.vue

@@ -193,11 +193,11 @@ const columns: any = [
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 15,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [15, 30, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const onPageChange = (page: number) => {

web/src/views/container/ImageView.vue

@@ -103,11 +103,11 @@ const columns: any = [
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 15,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [15, 30, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const onPageChange = (page: number) => {

web/src/views/container/NetworkView.vue

@@ -142,11 +142,11 @@ const columns: any = [
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 15,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [15, 30, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const onPageChange = (page: number) => {

web/src/views/container/VolumeView.vue

@@ -95,11 +95,11 @@ const columns: any = [
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 15,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [15, 30, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const onPageChange = (page: number) => {

web/src/views/cron/IndexView.vue

@@ -163,11 +163,11 @@ const columns: any = [
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 15,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [15, 30, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const data = ref<CronTask[]>([] as CronTask[])

web/src/views/file/ListTable.vue

@@ -255,11 +255,11 @@ const data = ref<RowData[]>([])
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 20,
+  pageSize: 100,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [20, 50, 100, 200, 500, 1000]
+  pageSizes: [100, 200, 500, 1000, 1500, 2000, 5000]
 })
 
 const handlePageSizeChange = (pageSize: number) => {

web/src/views/safe/IndexView.vue

@@ -77,11 +77,11 @@ const data = ref<FirewallRule[]>([] as FirewallRule[])
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 15,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [15, 30, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const selectedRowKeys = ref<any>([])

web/src/views/task/IndexView.vue

@@ -126,11 +126,11 @@ const selectedRowKeys = ref<any>([])
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 15,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [15, 30, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const handleDelete = (id: number) => {

web/src/views/website/IndexView.vue

@@ -175,11 +175,11 @@ const data = ref<Website[]>([] as Website[])
 const pagination = reactive({
   page: 1,
   pageCount: 1,
-  pageSize: 15,
+  pageSize: 20,
   itemCount: 0,
   showQuickJumper: true,
   showSizePicker: true,
-  pageSizes: [15, 30, 50, 100]
+  pageSizes: [20, 50, 100, 200]
 })
 
 const createModal = ref(false)