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

frontend/src/pages/money/BatchTab.tsx

@@ -1,4 +1,5 @@
 import { useState, useRef } from 'react'
+import { usePageSize } from '../../hooks/usePageSize'
 import { toast } from 'sonner'
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
 import { useConfirm } from '../../hooks/useConfirm'
@@ -108,8 +109,8 @@ export function BatchManager() {
   const [createMode, setCreateMode] = useState<'copy_last' | 'blank_employees' | 'blank_all' | 'copy_batch' | 'custom'>('copy_last')
   const [sourceBatchId, setSourceBatchId] = useState<string>('')
   const [selectedEmployeeIds, setSelectedEmployeeIds] = useState<string[]>([])
+  const pageSize = usePageSize()
   const [page, setPage] = useState(1)
-  const [pageSize, setPageSize] = useState(10)
 
   const { data: checkResult } = useQuery<any>({
     queryKey: ['batch-check', month],
@@ -313,7 +314,6 @@ export function BatchManager() {
         <EmptyState title="本月暂无发薪批次" description="点击「创建发薪批次」开始" />
       ) : (
         <div className="space-y-3">
-          <Pagination page={page} pageSize={pageSize} total={batches.length} onPageChange={setPage} onPageSizeChange={(s) => { setPageSize(s); setPage(1) }} />
           <Card>
             <div className="overflow-x-auto">
               <table className="w-full text-sm">
@@ -435,6 +435,7 @@ export function BatchManager() {
               </table>
             </div>
           </Card>
+          <Pagination page={page} pageSize={pageSize} total={batches.length} onPageChange={setPage} onPageSizeChange={() => setPage(1)} />
         </div>
       )}
     </div>
@@ -446,8 +447,8 @@ function BatchDetail({ batchId, onBack }: { batchId: string; onBack: () => void
   const confirm = useConfirm()
   const [editCell, setEditCell] = useState<{ employeeId: string; field: string } | null>(null)
   const [editValue, setEditValue] = useState<string>('')
+  const pageSize = usePageSize()
   const [page, setPage] = useState(1)
-  const [pageSize, setPageSize] = useState(10)
   const [showAddEmployee, setShowAddEmployee] = useState(false)
   const payrollFileRef = useRef<HTMLInputElement>(null)
   const [payrollImportResult, setPayrollImportResult] = useState<any>(null)
@@ -1013,9 +1014,6 @@ function BatchDetail({ batchId, onBack }: { batchId: string; onBack: () => void
 
       {/* 人员表格 */}
       <Card>
-        {batch.entries.length > 0 && (
-          <Pagination page={page} pageSize={pageSize} total={batch.entries.length} onPageChange={setPage} onPageSizeChange={(s) => { setPageSize(s); setPage(1) }} />
-        )}
         <div className="overflow-x-auto">
           <table className="w-full text-sm">
             <thead>
@@ -1082,6 +1080,9 @@ function BatchDetail({ batchId, onBack }: { batchId: string; onBack: () => void
             </tbody>
           </table>
         </div>
+        {batch.entries.length > 0 && (
+          <Pagination page={page} pageSize={pageSize} total={batch.entries.length} onPageChange={setPage} onPageSizeChange={() => setPage(1)} />
+        )}
       </Card>
 
       {/* 定时发送弹窗 */}