fix: 员工端工资条补全明细项（奖金/社保/公积金/个税/实发）

原只显示基本工资/加班费/津贴/扣款4项，补全为：
基本工资/加班费/津贴/奖金/扣款 → 应发合计
→ 个人社保/个人公积金/个人所得税 → 实发工资

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>

frontend/src/pages/portal/Payslip.tsx

@@ -171,7 +171,22 @@ export default function Payslip() {
               <SalaryRow label="基本工资" value={Number(data.baseSalary)} />
               <SalaryRow label="加班费" value={Number(data.overtimePay)} />
               <SalaryRow label="津贴" value={Number(data.allowance)} />
+              <SalaryRow label="奖金" value={Number(data.bonus)} />
               <SalaryRow label="扣款" value={Number(data.deduction)} danger />
+              {/* 应发合计 */}
+              <div className="flex justify-between items-center py-2 border-t border-gray-100 mt-1">
+                <span className="text-sm font-medium text-gray-700">应发合计</span>
+                <span className="text-sm font-bold text-gray-900">¥{fmt(Number(data.totalPay))}</span>
+              </div>
+              {/* 扣除项 */}
+              <SalaryRow label="个人社保" value={Number(data.socialEmp)} danger />
+              <SalaryRow label="个人公积金" value={Number(data.housingEmp)} danger />
+              <SalaryRow label="个人所得税" value={Number(data.tax)} danger />
+              {/* 实发 */}
+              <div className="flex justify-between items-center py-2 border-t border-gray-100 mt-1">
+                <span className="text-sm font-medium text-gray-700">实发工资</span>
+                <span className="text-base font-bold text-primary">¥{fmt(Number(data.netPay))}</span>
+              </div>
             </div>
           </Card>