feat: 20260809 系统优化 - 全部28项问题修复(P0×6+P1×16+P2×6)

P0: 福利批量参保/离职证明下载防乱码/考勤模板合并Sheet/补卡修改/附件在线查看删除
P1: 分页pageSize修复/离职导出筛选/撤回删除草稿/加班费自动计算/考勤加班汇总/证据链异常详情/制度催办/模板导入Word/社保封顶保底/校验字段提示/职务字段/社保费用明细/弹窗防误关/身份证查重/证明员工下拉/培训批量
P2: 离职流程去重/社保基数覆盖输入/薪税入口改名/添加员工引导/绩效模板清理

frontend/src/components/ui/Modal.tsx

@@ -9,9 +9,10 @@ interface ModalProps {
   children: ReactNode
   className?: string
   size?: 'sm' | 'md' | 'lg' | 'xl'
+  closeOnOverlayClick?: boolean
 }
 
-export default function Modal({ open, onClose, title, children, className, size = 'md' }: ModalProps) {
+export default function Modal({ open, onClose, title, children, className, size = 'md', closeOnOverlayClick = true }: ModalProps) {
   const [show, setShow] = useState(false)
 
   useEffect(() => {
@@ -33,7 +34,7 @@ export default function Modal({ open, onClose, title, children, className, size
     <div className="fixed inset-0 z-50 flex items-center justify-center p-4">
       <div
         className={clsx('fixed inset-0 bg-black/40 transition-opacity duration-200', show ? 'opacity-100' : 'opacity-0')}
-        onClick={onClose}
+        onClick={closeOnOverlayClick ? onClose : undefined}
       />
       <div
         className={clsx(

frontend/src/components/ui/Pagination.tsx

@@ -1,5 +1,6 @@
 import clsx from 'clsx'
 import { ChevronLeft, ChevronRight } from 'lucide-react'
+import { setPageSize } from '../../lib/pageSize'
 
 interface PaginationProps {
   page: number          // 当前页（1-based）
@@ -45,7 +46,7 @@ export default function Pagination({
           <select
             className="border rounded px-1.5 py-0.5 text-sm text-gray-600 focus:outline-none focus:border-primary"
             value={pageSize}
-            onChange={(e) => onPageSizeChange(Number(e.target.value))}
+            onChange={(e) => { setPageSize(Number(e.target.value)); onPageSizeChange?.(Number(e.target.value)) }}
           >
             {pageSizeOptions.map((n) => (
               <option key={n} value={n}>{n} 条/页</option>