style(warehouse): 優化瑕疵倉顯示邏輯並簡化標籤為「過期統計」

This commit is contained in:
2026-02-05 15:53:24 +08:00
parent a518d390bd
commit 687af254bd
2 changed files with 14 additions and 12 deletions

View File

@@ -109,26 +109,28 @@ export default function WarehouseCard({
{/* 統計區塊 - 狀態標籤 */}
<div className="space-y-3">
{/* 帳面庫存總計 (金額) */}
{/* 帳面庫存總計 (金額) - 瑕疵倉隱藏此項以減少重複 */}
<Can permission="inventory.view_cost">
<div className="flex items-center justify-between p-3 rounded-lg bg-primary-50/50 border border-primary-100">
<div className="flex items-center gap-2 text-primary-700">
<Package className="h-4 w-4" />
<span className="text-sm font-medium"></span>
{warehouse.type !== 'quarantine' && (
<div className="flex items-center justify-between p-3 rounded-lg bg-primary-50/50 border border-primary-100">
<div className="flex items-center gap-2 text-primary-700">
<Package className="h-4 w-4" />
<span className="text-sm font-medium"></span>
</div>
<div className="text-sm font-bold text-primary-main">
${Number(stats.totalValue || 0).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}
</div>
</div>
<div className="text-sm font-bold text-primary-main">
${Number(stats.totalValue || 0).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}
</div>
</div>
)}
</Can>
{/* 過期與瑕疵總計 (金額) */}
{/* 過期計 (金額) */}
<Can permission="inventory.view_cost">
{Number(stats.abnormalValue || 0) > 0 && (
<div className="flex items-center justify-between p-3 rounded-lg bg-red-50/50 border border-red-100 mt-3">
<div className="flex items-center gap-2 text-red-700">
<AlertTriangle className="h-4 w-4" />
<span className="text-sm font-medium"></span>
<span className="text-sm font-medium"></span>
</div>
<div className="text-sm font-bold text-red-600">
${Number(stats.abnormalValue || 0).toLocaleString(undefined, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}

View File

@@ -201,7 +201,7 @@ export default function WarehouseIndex({ warehouses, totals, filters }: PageProp
<Card className="shadow-sm border-red-100 bg-red-50/10">
<CardContent className="p-6">
<div className="flex flex-col">
<span className="text-sm font-medium text-red-500 mb-1"></span>
<span className="text-sm font-medium text-red-500 mb-1"></span>
<div className="flex items-baseline gap-2">
<Can permission="inventory.view_cost">
<span className="text-3xl font-bold text-red-600">