vietreport-admin/solution-erp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[CLAUDE] FE: Hồ sơ NS — header chi tiết NV nổi bật (tên text-xl extrabold + drop-shadow · meta 13px font-medium trắng · badge trạng thái màu emerald/amber/slate) — x2 app SHA256
All checks were successful
Deploy SOLUTION_ERP / build-deploy (push) Successful in 4m48s
Details

Browse Source 
Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
pqhuy1987
2026-06-16 19:34:35 +07:00
parent 11bc96dff1
commit 6983609c7b
2 changed files with 20 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
fe-user/src/pages/hrm/EmployeesListPage.tsx
View File

@ -650,14 +650,18 @@ function EmployeeDetailTabs({ detail, onDelete }: { detail: EmployeeDetail; onDe
{initials(detail.fullName)}
</span>
<div className="min-w-0">
<h2 className="truncate text-lg font-bold leading-tight text-white">{detail.fullName ?? '—'}</h2>
<div className="mt-1 flex flex-wrap items-center gap-x-2 gap-y-1 text-xs text-white/85">
<span className="font-mono">{detail.employeeCode}</span>
{detail.departmentName && (<><span className="opacity-50">•</span><span className="truncate">{detail.departmentName}</span></>)}
{detail.workLocation && (<><span className="opacity-50">•</span><span className="truncate">{detail.workLocation}</span></>)}
<h2 className="truncate text-xl font-extrabold leading-tight text-white drop-shadow-sm">{detail.fullName ?? '—'}</h2>
<div className="mt-1.5 flex flex-wrap items-center gap-x-2 gap-y-1 text-[13px] font-medium text-white">
<span className="font-mono font-semibold tracking-tight">{detail.employeeCode}</span>
{detail.departmentName && (<><span className="text-white/55">•</span><span className="truncate">{detail.departmentName}</span></>)}
{detail.workLocation && (<><span className="text-white/55">•</span><span className="truncate">{detail.workLocation}</span></>)}
</div>
<div className="mt-2">
<span className="inline-flex items-center rounded-full bg-white/20 px-2 py-0.5 text-[11px] font-medium text-white ring-1 ring-white/25">
<span className={cn(
'inline-flex items-center gap-1.5 rounded-full px-2.5 py-1 text-xs font-bold shadow-sm ring-1 ring-black/5',
EmployeeStatusColor[detail.employeeStatus],
)}>
<span className="h-1.5 w-1.5 rounded-full bg-current opacity-70" />
{EmployeeStatusLabel[detail.employeeStatus]}
</span>
</div>