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

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

frontend/src/pages/Roster.tsx

@@ -2,6 +2,7 @@ import { useState, useMemo, useEffect } from 'react'
 import { useSearchParams, useNavigate } from 'react-router-dom'
 import { usePageSize } from '../hooks/usePageSize'
 import { toast } from 'sonner'
+import { toastError } from '../lib/errorToast'
 import { useQuery, useMutation, useQueryClient } from '@tanstack/react-query'
 import { useConfirm } from '../hooks/useConfirm'
 import { Users, Plus, Check, UserX, UserPlus, DollarSign, Building2, RotateCcw, Upload, Wallet, Download, Phone, MapPin, Search, Settings2 } from 'lucide-react'
@@ -33,6 +34,8 @@ const ROSTER_COLUMNS = [
   { key: 'contractStatus', label: '合同状态' },
   { key: 'contractExpiry', label: '合同到期' },
   { key: 'socialStatus', label: '社保状态' },
+  { key: 'socialInsBase', label: '社保基数' },
+  { key: 'socialInsAmount', label: '社保缴费' },
   { key: 'records', label: '记录' },
 ] as const
 
@@ -127,8 +130,13 @@ export default function Roster() {
       queryClient.invalidateQueries({ queryKey: ['roster'] })
       queryClient.invalidateQueries({ queryKey: ['dashboard'] })
       queryClient.invalidateQueries({ queryKey: ['roster-profile'] })
+      localStorage.removeItem('add-employee-draft')
       setShowAddModal(false)
+      toast.success('员工已添加', {
+        action: { label: '前往用工办理', onClick: () => navigate('/work-process') },
+      })
     },
+    onError: (err: any) => toastError(err, '创建失败'),
   })
 
   const resignMutation = useMutation({
@@ -373,6 +381,9 @@ export default function Roster() {
           <Button onClick={() => setShowAddModal(true)} className="h-9 shrink-0">
             <Plus className="mr-1.5 h-4 w-4" />添加员工
           </Button>
+          <Button variant="secondary" onClick={() => navigate('/work-process')} className="h-9 shrink-0" title="完整的入职办理流程">
+            <UserPlus className="mr-1.5 h-4 w-4" />用工办理
+          </Button>
           <Button variant="secondary" onClick={() => setShowImportModal(true)} className="h-9 shrink-0">
             <Upload className="mr-1.5 h-4 w-4" />批量导入
           </Button>
@@ -504,6 +515,8 @@ export default function Roster() {
                   {colVisible('contractStatus') && <th className="px-4 py-3 text-left">合同状态</th>}
                   {colVisible('contractExpiry') && <th className="px-4 py-3 text-left">合同到期</th>}
                   {colVisible('socialStatus') && <th className="px-4 py-3 text-left">社保状态</th>}
+                  {colVisible('socialInsBase') && <th className="px-4 py-3 text-right">社保基数</th>}
+                  {colVisible('socialInsAmount') && <th className="px-4 py-3 text-right">社保缴费</th>}
                   {colVisible('records') && <th className="px-4 py-3 text-center">记录</th>}
                   <th className="px-4 py-3 text-center">操作</th>
                 </tr>
@@ -636,6 +649,26 @@ export default function Roster() {
                         return <span className={`px-2 py-0.5 rounded text-xs ${c.style}`}>{c.label}</span>
                       })()}
                     </td>}
+                    {colVisible('socialInsBase') && <td className="px-4 py-3 text-right text-xs">
+                      {e.socialInsBase ? e.socialInsBase.toLocaleString() : <span className="text-gray-300">—</span>}
+                    </td>}
+                    {colVisible('socialInsAmount') && <td className="px-4 py-3 text-right text-xs">
+                      {(() => {
+                        if (!e.socialInsCalc && !e.housingFundCalc) return <span className="text-gray-300">—</span>
+                        const socialEmp = e.socialInsCalc?.socialEmp || 0
+                        const socialOrg = e.socialInsCalc?.socialOrg || 0
+                        const housingEmp = e.housingFundCalc?.housingEmp || 0
+                        const housingOrg = e.housingFundCalc?.housingOrg || 0
+                        const totalEmp = socialEmp + housingEmp
+                        const totalOrg = socialOrg + housingOrg
+                        return (
+                          <div className="flex flex-col">
+                            <span>个人: {totalEmp.toFixed(2)}</span>
+                            <span className="text-gray-400">企业: {totalOrg.toFixed(2)}</span>
+                          </div>
+                        )
+                      })()}
+                    </td>}
                     {colVisible('records') && <td className="px-4 py-3 text-center">
                       <div className="flex items-center justify-center gap-1 flex-wrap">
                         {(() => {
@@ -761,7 +794,7 @@ export default function Roster() {
           <div className="border-t border-gray-100 px-5 py-3">
             <Pagination
               page={pagination.page}
-              pageSize={pagination.pageSize}
+              pageSize={pageSize}
               total={pagination.total}
               onPageChange={(p) => setPage(p)}
               onPageSizeChange={() => setPage(1)}