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

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

frontend/src/pages/roster/PayslipSocialInfo.tsx

@@ -1,4 +1,5 @@
 import { useState } from "react"
+import { useNavigate } from "react-router-dom"
 import { toast } from "sonner"
 import { useMutation, useQueryClient } from "@tanstack/react-query"
 import { socialInsuranceApi } from '../../lib/api-services'
@@ -7,26 +8,36 @@ import Button from "../../components/ui/Button"
 import { Input, Label, Select } from "../../components/ui/Input"
 import Modal from "../../components/ui/Modal"
 import { fmt } from "./shared"
+import { ExternalLink } from "lucide-react"
 
 /** 薪酬社保合并组件（工资条 / 缴纳记录） */
-export default function PayslipSocialInfo({ payslips, monthlyProcessRecords }: { payslips: any[]; socialInsRecords: any[]; housingFundRecords: any[]; monthlyProcessRecords: any[] }) {
+export default function PayslipSocialInfo({ payslips, monthlyProcessRecords, employeeId }: { payslips: any[]; socialInsRecords: any[]; housingFundRecords: any[]; monthlyProcessRecords: any[]; employeeId?: string }) {
   const [subTab, setSubTab] = useState<'payslip' | 'monthly'>('payslip')
+  const navigate = useNavigate()
 
   return (
     <div className="space-y-3">
-      <div className="flex gap-1">
-        <button
-          onClick={() => setSubTab('payslip')}
-          className={`px-3 py-1.5 text-xs font-medium rounded-md transition-colors ${subTab === 'payslip' ? 'bg-primary text-white' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'}`}
-        >
-          工资条（{payslips?.length || 0}条）
-        </button>
-        <button
-          onClick={() => setSubTab('monthly')}
-          className={`px-3 py-1.5 text-xs font-medium rounded-md transition-colors ${subTab === 'monthly' ? 'bg-primary text-white' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'}`}
-        >
-          缴纳记录（{monthlyProcessRecords?.length || 0}条）
-        </button>
+      <div className="flex items-center justify-between">
+        <div className="flex gap-1">
+          <button
+            onClick={() => setSubTab('payslip')}
+            className={`px-3 py-1.5 text-xs font-medium rounded-md transition-colors ${subTab === 'payslip' ? 'bg-primary text-white' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'}`}
+          >
+            工资条（{payslips?.length || 0}条）
+          </button>
+          <button
+            onClick={() => setSubTab('monthly')}
+            className={`px-3 py-1.5 text-xs font-medium rounded-md transition-colors ${subTab === 'monthly' ? 'bg-primary text-white' : 'bg-gray-100 text-gray-600 hover:bg-gray-200'}`}
+          >
+            缴纳记录（{monthlyProcessRecords?.length || 0}条）
+          </button>
+        </div>
+        {employeeId && (
+          <Button variant="secondary" size="sm" onClick={() => navigate(`/money?employeeId=${employeeId}&tab=payslip`)}>
+            <ExternalLink className="w-3.5 h-3.5 mr-1" />
+            查看薪资历史
+          </Button>
+        )}
       </div>
 
       {subTab === 'payslip' && (