freedak/TurboHR
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

ui: 公积金参数也改为分组卡片式布局

Browse Source
This commit is contained in:
freedakgmail
2026-08-17 22:04:41 +08:00
parent 5e4b0b3fa9
commit 3ed22668f1
1 changed files with 29 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/pages/social-insurance/AccountCard.tsx
+29 -6
View File
@@ -330,12 +330,35 @@ export function AccountCard({
))}
</div>
)}
<div className="grid md:grid-cols-4 gap-3 text-sm">
<div className="flex justify-between border-b pb-1.5"><span className="text-gray-500">账户类型</span><span className="font-medium">{config.accountType === 'SUPPLEMENTARY' ? '补充公积金' : '基本公积金'}</span></div>
<div className="flex justify-between border-b pb-1.5"><span className="text-gray-500">公积金基数下限</span><span className="font-medium">¥{fmt(config.housingBaseMin > 0 ? config.housingBaseMin : config.baseMin)}</span></div>
<div className="flex justify-between border-b pb-1.5"><span className="text-gray-500">公积金基数上限</span><span className="font-medium">¥{fmt(config.housingBaseMax > 0 ? config.housingBaseMax : config.baseMax)}</span></div>
<div className="flex justify-between border-b pb-1.5"><span className="text-gray-500">公积金(企业)</span><span className="font-medium">{config.housingOrg}%</span></div>
<div className="flex justify-between border-b pb-1.5"><span className="text-gray-500">公积金(个人)</span><span className="font-medium">{config.housingEmp}%</span></div>
<div className="space-y-3">
{/* 缴费基数范围 */}
<div className="bg-gray-50 rounded-lg p-3">
<div className="text-xs font-medium text-gray-400 mb-2">缴费基数范围</div>
<div className="grid grid-cols-2 md:grid-cols-4 gap-3 text-sm">
<div className="flex flex-col">
<span className="text-xs text-gray-400">账户类型</span>
<span className="font-medium">{config.accountType === 'SUPPLEMENTARY' ? '补充公积金' : '基本公积金'}</span>
</div>
<div className="flex flex-col">
<span className="text-xs text-gray-400">下限</span>
<span className="font-medium">¥{fmt(config.housingBaseMin > 0 ? config.housingBaseMin : config.baseMin)}</span>
</div>
<div className="flex flex-col">
<span className="text-xs text-gray-400">上限</span>
<span className="font-medium">¥{fmt(config.housingBaseMax > 0 ? config.housingBaseMax : config.baseMax)}</span>
</div>
</div>
</div>
{/* 缴存比例（企业 / 个人） */}
<div className="bg-gray-50 rounded-lg p-3">
<div className="text-xs font-medium text-gray-400 mb-2">缴存比例（企业 / 个人）</div>
<div className="grid grid-cols-2 md:grid-cols-4 gap-3 text-sm">
<div className="flex flex-col">
<span className="text-xs text-gray-400">公积金</span>
<span className="font-medium">{config.housingOrg}% / {config.housingEmp}%</span>
</div>
</div>
</div>
</div>
</>
) : (