生產工單BOM以及批號完善

resources/js/Pages/Warehouse/InventoryHistory.tsx

@@ -12,6 +12,7 @@ interface Props {
         id: string;
         productName: string;
         productCode: string;
+        batchNumber?: string;
         quantity: number;
     };
     transactions: Transaction[];
@@ -40,9 +41,12 @@ export default function InventoryHistory({ warehouse, inventory, transactions }:
                                 <History className="h-6 w-6 text-primary-main" />
                                 庫存異動紀錄
                             </h1>
-                            <p className="text-gray-500 mt-1">
-                                商品：<span className="font-medium text-gray-900">{inventory.productName}</span>
-                                {inventory.productCode && <span className="text-gray-500 ml-2">({inventory.productCode})</span>}
+                            <p className="text-gray-500 mt-1 flex gap-4 items-center">
+                                <span>商品：<span className="font-medium text-gray-900">{inventory.productName}</span></span>
+                                {inventory.productCode && <span className="text-gray-500">({inventory.productCode})</span>}
+                                {inventory.batchNumber && (
+                                    <span>批號：<span className="font-medium text-primary-main bg-primary-main/10 px-2 py-0.5 rounded border border-primary-main/20">{inventory.batchNumber}</span></span>
+                                )}
                             </p>
                         </div>
                     </div>