R45 A2-A7 员工附件与培训证书管理

client/src/pages/PeopleStatsPage.tsx

@@ -44,7 +44,7 @@ export function PeopleStatsPage() {
         }
       />
 
-      <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-4">
+      <div className="grid gap-4 md:grid-cols-2 xl:grid-cols-3">
         <section className="card-std p-5">
           <div className="text-sm text-zinc-500">在职人数</div>
           <div className="mt-2 text-3xl font-semibold text-zinc-900">{stats.employmentStatusSummary.total}</div>
@@ -71,6 +71,18 @@ export function PeopleStatsPage() {
             {stats.expiringContracts.dateFrom} 至 {stats.expiringContracts.dateTo}
           </div>
         </section>
+        <section className="card-std p-5">
+          <div className="text-sm text-zinc-500">持有效证书人数</div>
+          <div className="mt-2 text-3xl font-semibold text-zinc-900">{stats.certificateSummary.validHolderCount}</div>
+          <div className="mt-2 text-xs text-zinc-500">按 active 员工去重统计有效证书持有人</div>
+        </section>
+        <section className="card-std p-5">
+          <div className="text-sm text-zinc-500">30 天内证书到期</div>
+          <div className="mt-2 text-3xl font-semibold text-zinc-900">{stats.certificateSummary.expiringSoonCount}</div>
+          <div className="mt-2 text-xs text-zinc-500">
+            {stats.certificateSummary.dateFrom} 至 {stats.certificateSummary.dateTo}
+          </div>
+        </section>
       </div>
 
       <div className="grid gap-6 xl:grid-cols-[1.1fr_0.9fr]">