/** * 查看進貨單詳情頁面 */ import { ArrowLeft, Package } from "lucide-react"; import { Button } from "@/Components/ui/button"; import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout"; import { Head, Link } from "@inertiajs/react"; import GoodsReceiptStatusBadge from "@/Components/Inventory/GoodsReceiptStatusBadge"; import CopyButton from "@/Components/shared/CopyButton"; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "@/Components/ui/table"; import { formatCurrency, formatDate, formatDateTime } from "@/utils/format"; import { getShowBreadcrumbs } from "@/utils/breadcrumb"; interface GoodsReceiptItem { id: number; product_id: number; product: { id: number; name: string; code: string; baseUnit?: { name: string; }; }; quantity_received: string | number; unit_price: string | number; total_amount: string | number; batch_number?: string; expiry_date?: string; } interface GoodsReceipt { id: number; code: string; type: string; received_date: string; status: string; remark?: string; warehouse?: { name: string; }; vendor?: { name: string; }; items: GoodsReceiptItem[]; items_sum_total_amount: number; created_at: string; } interface Props { receipt: GoodsReceipt; } export default function ViewGoodsReceiptPage({ receipt }: Props) { const typeMap: Record = { standard: "標準採購進貨", miscellaneous: "雜項入庫", other: "其他入庫", }; return (

{/* Header */}

查看進貨單

單號：{receipt.code}

{/* 基本資訊卡片 */}

基本資訊

進貨單編號

{receipt.code}

入庫類型 {typeMap[receipt.type] || receipt.type}

倉庫 {receipt.warehouse?.name || "-"}

供應商 {receipt.vendor?.name || "-"}

進貨日期 {formatDate(receipt.received_date)}

建立時間 {formatDateTime(receipt.created_at)}

{receipt.remark && (

備註

{receipt.remark}

)}

{/* 品項清單卡片 */}

進貨品項清單

# 商品名稱進貨數量單位單價小計批號效期 {receipt.items.length === 0 ? ( 無品項資料 ) : ( receipt.items.map((item, index) => ( {index + 1}

{item.product.name} {item.product.code}

{Number(item.quantity_received).toLocaleString()} {item.product.baseUnit?.name || "個"} {formatCurrency(Number(item.unit_price))} {formatCurrency(Number(item.total_amount))} {item.batch_number || "-"} {item.expiry_date ? formatDate(item.expiry_date) : "-"} )) )}

{/* 總計 */}

總計金額 {formatCurrency(receipt.items_sum_total_amount)}

); }