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

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

frontend/src/pages/EmployeeBenefits.tsx

@@ -3,7 +3,7 @@ import { toast } from 'sonner'
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
 import { useConfirm } from '../hooks/useConfirm'
 import { Gift, Plus, Settings as SettingsIcon, X, Users } from 'lucide-react'
-import { benefitApi, rosterApi } from '../lib/api-services'
+import { benefitApi, employeeApi } from '../lib/api-services'
 import PageGuide from '../components/ui/PageGuide'
 import Card from '../components/ui/Card'
 import Button from '../components/ui/Button'
@@ -72,10 +72,10 @@ export default function EmployeeBenefits() {
     enabled: tab === 'summary',
   })
 
-  const { data: rosterData } = useQuery<any>({
-    queryKey: ['roster-for-benefit', ''],
+  const { data: rosterData } = useQuery<any[]>({
+    queryKey: ['employees-for-benefit'],
     queryFn: async () => {
-      return await rosterApi.list({ search: '', page: 1, pageSize: 200 } as any) as any
+      return await employeeApi.allLite({ status: 'ACTIVE' })
     },
     enabled: showEnrollModal,
   })
@@ -407,10 +407,10 @@ export default function EmployeeBenefits() {
                 <thead className="sticky top-0 bg-white">
                   <tr className="border-b text-xs text-gray-500">
                     <th className="py-2 px-3 text-left w-8">
-                      <input type="checkbox" checked={enrollEmployeeIds.length === (rosterData?.items?.filter((e: any) => e.status === 'ACTIVE').length || 0) && enrollEmployeeIds.length > 0}
+                      <input type="checkbox" checked={enrollEmployeeIds.length === (rosterData?.length || 0) && enrollEmployeeIds.length > 0}
                         onChange={(e) => {
                           if (e.target.checked) {
-                            setEnrollEmployeeIds(rosterData?.items?.filter((emp: any) => emp.status === 'ACTIVE').map((emp: any) => emp.id) || [])
+                            setEnrollEmployeeIds(rosterData?.map((emp: any) => emp.id) || [])
                           } else {
                             setEnrollEmployeeIds([])
                           }
@@ -422,7 +422,7 @@ export default function EmployeeBenefits() {
                   </tr>
                 </thead>
                 <tbody>
-                  {rosterData?.items?.filter((e: any) => e.status === 'ACTIVE').map((emp: any) => (
+                  {rosterData?.map((emp: any) => (
                     <tr key={emp.id} className="border-b last:border-0 hover:bg-gray-50">
                       <td className="py-2 px-3">
                         <input type="checkbox" checked={enrollEmployeeIds.includes(emp.id)}