/** * 查看採購單詳情頁面 */ import { ArrowLeft } from "lucide-react"; import { Button } from "@/Components/ui/button"; import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout"; import { Head, Link } from "@inertiajs/react"; import { StatusProgressBar } from "@/Components/PurchaseOrder/StatusProgressBar"; import PurchaseOrderStatusBadge from "@/Components/PurchaseOrder/PurchaseOrderStatusBadge"; import CopyButton from "@/Components/shared/CopyButton"; import { PurchaseOrderItemsTable } from "@/Components/PurchaseOrder/PurchaseOrderItemsTable"; import type { PurchaseOrder } from "@/types/purchase-order"; import { formatCurrency, formatDateTime } from "@/utils/format"; import { getShowBreadcrumbs } from "@/utils/breadcrumb"; interface Props { order: PurchaseOrder; } export default function ViewPurchaseOrderPage({ order }: Props) { return (

{/* Header */}

查看採購單

單號：{order.poNumber}

{/* 狀態流程條 */}

{/* 基本資訊與品項 */}

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

基本資訊

採購單編號

{order.poNumber}

供應商 {order.supplierName}

申請單位 (申請人) {order.warehouse_name} ({order.createdBy})

建立日期 {formatDateTime(order.createdAt)}

預計到貨日期 {order.expectedDate || "-"}

{order.remark && (

備註

{order.remark}

)}

{/* 採購項目卡片 */}

採購項目清單

總金額 {formatCurrency(order.totalAmount)}

); }