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

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

frontend/src/pages/roster/BasicInfo.tsx

@@ -1,8 +1,8 @@
 import { QRCodeSVG } from "qrcode.react"
 import { useState, useRef } from "react"
 import { toast } from "sonner"
-import { useMutation, useQueryClient } from "@tanstack/react-query"
-import { attachmentApi, employeeApi } from '../../lib/api-services'
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query"
+import { attachmentApi, employeeApi, socialInsuranceApi } from '../../lib/api-services'
 import { copyToClipboard } from '../../lib/clipboard'
 import Card from "../../components/ui/Card"
 import Button from "../../components/ui/Button"
@@ -58,6 +58,7 @@ export default function BasicInfo({ profile, employeeId, attachments }: { profil
 
   const [form, setForm] = useState({
     department: profile.department || '',
+    position: profile.position || '',
     gender: profile.gender || '男',
     femaleWorkerType: profile.femaleWorkerType || '',
     phone: profile.phone || '',
@@ -86,6 +87,26 @@ export default function BasicInfo({ profile, employeeId, attachments }: { profil
       queryClient.invalidateQueries({ queryKey: ['roster'] })
       setEditing(false)
     },
+    onError: (err: any) => {
+      const details = err?.response?.data?.error?.details
+      if (details?.length > 0) {
+        toast.error(details.map((d: any) => `${d.path}: ${d.message}`).join('；'))
+      } else {
+        toast.error(err?.response?.data?.error?.message || '保存失败')
+      }
+    },
+  })
+
+  // 查询社保费用明细（按险种分别计算）
+  const { data: socialDetail } = useQuery<any>({
+    queryKey: ['social-calc', profile.id, profile.socialInsBase, profile.city],
+    queryFn: async () => {
+      if (!profile.socialInsBase || !profile.city) return null
+      try {
+        return await socialInsuranceApi.calculate(Number(profile.socialInsBase), profile.city)
+      } catch { return null }
+    },
+    enabled: !editing && !!profile.socialInsBase && !!profile.city,
   })
 
   const handleSave = () => {
@@ -113,6 +134,7 @@ export default function BasicInfo({ profile, employeeId, attachments }: { profil
       specialDeduction: Number(form.specialDeduction) || 0,
       city: form.city || undefined,
       education: form.education || undefined,
+      position: form.position || undefined,
       cityChangeReason: form.city !== profile.city ? form.cityChangeReason || undefined : undefined,
     }
     updateMutation.mutate(data)
@@ -128,6 +150,7 @@ export default function BasicInfo({ profile, employeeId, attachments }: { profil
     { label: '身份证号', value: profile.idCardNumber || '未填写' },
     { label: '手机号', value: profile.phone || '未填写' },
     { label: '学历', value: profile.education || '未填写' },
+    { label: '职务/岗位', value: profile.position || '未填写' },
     { label: '入职日期', value: profile.hireDate?.toString().slice(0, 10) },
     { label: '状态', value: profile.status === 'ACTIVE' ? '在职' : '离职' },
     ...(profile.retirementDaysLeft != null
@@ -302,6 +325,7 @@ export default function BasicInfo({ profile, employeeId, attachments }: { profil
           )}
           <div><Label>手机号</Label><Input value={form.phone} onChange={(e) => setForm({ ...form, phone: e.target.value })} placeholder="选填" maxLength={11} /></div>
           <div><Label>学历</Label><Select value={form.education} onChange={(e) => setForm({ ...form, education: e.target.value })}><option value="">未选择</option><option value="博士">博士</option><option value="硕士">硕士</option><option value="本科">本科</option><option value="大专">大专</option><option value="高中">高中</option><option value="其他">其他</option></Select></div>
+          <div><Label>职务/岗位</Label><Input value={form.position} onChange={(e) => setForm({ ...form, position: e.target.value })} placeholder="如：前端工程师" /></div>
           <div><Label>入职日期</Label><Input type="date" value={form.hireDate} onChange={(e) => setForm({ ...form, hireDate: e.target.value })} /></div>
           <div><Label>月工资</Label><Input type="number" value={form.monthlySalary} onChange={(e) => setForm({ ...form, monthlySalary: Number(e.target.value) })} /></div>
           <div><Label>紧急联系人</Label><Input value={form.emergencyContact} onChange={(e) => setForm({ ...form, emergencyContact: e.target.value })} placeholder="选填" /></div>
@@ -333,6 +357,25 @@ export default function BasicInfo({ profile, employeeId, attachments }: { profil
               <span className="text-gray-500">专项附加扣除</span>
               <span className="font-medium">{profile.specialDeduction ? `¥${fmt(profile.specialDeduction)}/月` : '¥0.00/月'}</span>
             </div>
+            {socialDetail?.items?.length > 0 && (
+              <div className="md:col-span-4 mt-2">
+                <div className="text-xs font-medium text-gray-600 mb-2">社保费用明细（按险种分别计算）</div>
+                <div className="grid md:grid-cols-5 gap-2">
+                  {socialDetail.items.map((item: any) => (
+                    <div key={item.name} className="px-2 py-1.5 rounded bg-gray-50 text-xs">
+                      <div className="font-medium text-gray-700">{item.name}</div>
+                      <div className="text-gray-500 mt-0.5">企业 ¥{fmt(item.orgAmount)}（{item.orgRate}%）</div>
+                      <div className="text-gray-500">个人 ¥{fmt(item.empAmount)}（{item.empRate}%）</div>
+                    </div>
+                  ))}
+                </div>
+                {socialDetail.capped && <div className="text-xs text-amber-600 mt-1">提示：社保基数已封顶（上限 ¥{fmt(socialDetail.actualBase)}）</div>}
+                {socialDetail.floored && <div className="text-xs text-amber-600 mt-1">提示：社保基数已保底（下限 ¥{fmt(socialDetail.actualBase)}）</div>}
+                {socialDetail.medicalBase && socialDetail.medicalBase !== socialDetail.actualBase && (
+                  <div className="text-xs text-blue-600 mt-1">医保基数：¥{fmt(socialDetail.medicalBase)}（与养老基数不同）</div>
+                )}
+              </div>
+            )}
           </div>
         ) : (
           <div className="grid md:grid-cols-4 gap-4">
@@ -342,11 +385,11 @@ export default function BasicInfo({ profile, employeeId, attachments }: { profil
             </div>
             <div>
               <Label>社保缴费基数</Label>
-              <Input type="number" placeholder="按人核定" value={form.socialInsBase} onChange={(e) => setForm({ ...form, socialInsBase: e.target.value })} />
+              <Input type="number" placeholder="按人核定" value={form.socialInsBase} onChange={(e) => setForm({ ...form, socialInsBase: e.target.value })} onFocus={(e) => e.target.select()} />
             </div>
             <div>
               <Label>公积金缴费基数</Label>
-              <Input type="number" placeholder="按人核定" value={form.housingFundBase} onChange={(e) => setForm({ ...form, housingFundBase: e.target.value })} />
+              <Input type="number" placeholder="按人核定" value={form.housingFundBase} onChange={(e) => setForm({ ...form, housingFundBase: e.target.value })} onFocus={(e) => e.target.select()} />
             </div>
             <div>
               <Label>专项附加扣除（元/月）</Label>