feat: 完成23项系统优化 - 花名册社保状态列/身份证复制/附件类型扩展, 用工办理姓名检索/直接提交/文书查看/批量证明, 风险中心跳转筛选+批量处理, 日历7/15/35天分组+逾期统计, 考勤单条编辑+按人导出, 工资条查看状态+工资流水导出, 辞职申请附件上传, 交接清单PDF下载, 操作完成下一步引导, 休假审批入口, 人效成本分部门

frontend/src/pages/LeaveApproval.tsx

@@ -1,4 +1,5 @@
 import { useState } from 'react'
+import { usePageSize } from '../hooks/usePageSize'
 import { toast } from 'sonner'
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
 import { useConfirm } from '../hooks/useConfirm'
@@ -30,8 +31,8 @@ const fmtDate = (d: string) => new Date(d).toLocaleDateString('zh-CN')
 export default function LeaveApproval() {
   const queryClient = useQueryClient()
   const confirm = useConfirm()
+  const pageSize = usePageSize()
   const [page, setPage] = useState(1)
-  const [pageSize, setPageSize] = useState(20)
   const [filterStatus, setFilterStatus] = useState('')
   const [filterType, setFilterType] = useState('')
   const [approveModal, setApproveModal] = useState<{ id: string; action: string; name: string } | null>(null)
@@ -143,7 +144,6 @@ export default function LeaveApproval() {
         <EmptyState title="暂无休假申请" description="员工在手机端提交的休假申请将显示在此处" />
       ) : (
         <>
-          <Pagination page={page} pageSize={pageSize} total={total} onPageChange={setPage} onPageSizeChange={(s) => { setPageSize(s); setPage(1) }} />
           <Card>
             <div className="overflow-x-auto">
               <table className="w-full text-sm">
@@ -220,6 +220,7 @@ export default function LeaveApproval() {
               </table>
             </div>
           </Card>
+          <Pagination page={page} pageSize={pageSize} total={total} onPageChange={setPage} onPageSizeChange={() => setPage(1)} />
         </>
       )}