feat: apply user settings to effect

web/src/views/environments/Environments.vue

@@ -10,6 +10,9 @@ import Pagination from '@/components/Pagination.vue'
 import { Plus, Pencil, Trash2, Eye, EyeOff, Search } from 'lucide-vue-next'
 import { api, type EnvVar } from '@/api'
 import { toast } from 'vue-sonner'
+import { useSiteSettings } from '@/composables/useSiteSettings'
+
+const { pageSize } = useSiteSettings()
 
 const envVars = ref<EnvVar[]>([])
 const showDialog = ref(false)
@@ -21,7 +24,6 @@ const deleteEnvId = ref<number | null>(null)
 
 const filterName = ref('')
 const currentPage = ref(1)
-const pageSize = ref(10)
 const total = ref(0)
 let searchTimer: ReturnType<typeof setTimeout> | null = null
 
@@ -155,7 +157,7 @@ onMounted(loadEnvVars)
         </div>
       </div>
       <!-- 分页 -->
-      <Pagination :total="total" :page="currentPage" :page-size="pageSize" @update:page="handlePageChange" />
+      <Pagination :total="total" :page="currentPage" @update:page="handlePageChange" />
     </div>
 
     <Dialog v-model:open="showDialog">

web/src/views/history/History.vue

@@ -8,13 +8,15 @@ import { RefreshCw, X, Search, Maximize2 } from 'lucide-vue-next'
 import { api, type TaskLog, type LogDetail } from '@/api'
 import { toast } from 'vue-sonner'
 import pako from 'pako'
+import { useSiteSettings } from '@/composables/useSiteSettings'
+
+const { pageSize } = useSiteSettings()
 
 const logs = ref<TaskLog[]>([])
 const selectedLog = ref<TaskLog | null>(null)
 const logDetail = ref<LogDetail | null>(null)
 const filterKeyword = ref('')
 const currentPage = ref(1)
-const pageSize = ref(10)
 const total = ref(0)
 let searchTimer: ReturnType<typeof setTimeout> | null = null
 
@@ -150,7 +152,7 @@ onMounted(loadLogs)
           </div>
         </div>
         <!-- 分页 -->
-        <Pagination :total="total" :page="currentPage" :page-size="pageSize" @update:page="handlePageChange" />
+        <Pagination :total="total" :page="currentPage" @update:page="handlePageChange" />
       </div>
 
       <!-- 日志详情侧边栏 -->

web/src/views/tasks/Tasks.vue

@@ -9,6 +9,9 @@ import Pagination from '@/components/Pagination.vue'
 import { Plus, Play, Pencil, Trash2, Search } from 'lucide-vue-next'
 import { api, type Task } from '@/api'
 import { toast } from 'vue-sonner'
+import { useSiteSettings } from '@/composables/useSiteSettings'
+
+const { pageSize } = useSiteSettings()
 
 const tasks = ref<Task[]>([])
 const showDialog = ref(false)
@@ -19,7 +22,6 @@ const deleteTaskId = ref<number | null>(null)
 
 const filterName = ref('')
 const currentPage = ref(1)
-const pageSize = ref(10)
 const total = ref(0)
 let searchTimer: ReturnType<typeof setTimeout> | null = null
 
@@ -174,7 +176,7 @@ onMounted(loadTasks)
         </div>
       </div>
       <!-- 分页 -->
-      <Pagination :total="total" :page="currentPage" :page-size="pageSize" @update:page="handlePageChange" />
+      <Pagination :total="total" :page="currentPage" @update:page="handlePageChange" />
     </div>
 
     <Dialog v-model:open="showDialog">