feat: improve asset inventory statistics and responsive UX (v1.1.16)

2026-09-23 11:07:36 +08:00
parent 9b0980e349
commit b0cba26fbb
30 changed files with 626 additions and 498 deletions
@@ -0,0 +1,11 @@
+import type { RegionalInventoryStats } from '../../types';
+
+/** Counts are subsets of inventory and use the same filtered rows as the total. */
+export function InventoryStatusCounts({ rows }: { rows: RegionalInventoryStats[] }) {
+  const abnormal = rows.reduce((sum, row) => sum + (row.abnormal ?? 0), 0);
+  const pending = rows.reduce((sum, row) => sum + (row.pending ?? 0), 0);
+  return <span className="inline-flex flex-wrap gap-x-3 gap-y-1 text-[11px] font-normal" data-testid="inventory-status-counts">
+    <span className="text-amber-700">其中异动 <strong>{abnormal}</strong> 台</span>
+    <span className="text-blue-700">其中待交车 <strong>{pending}</strong> 台</span>
+  </span>;
+}