/** * 查看採購單詳情頁面 */ 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}

)}
{/* 發票資訊卡片 */} {(order.invoiceNumber || order.invoiceDate || (order.invoiceAmount !== null && order.invoiceAmount !== undefined)) && (

發票資訊

{order.invoiceNumber && (
發票號碼
{order.invoiceNumber}
)} {order.invoiceDate && (
發票日期 {order.invoiceDate}
)} {order.invoiceAmount !== null && order.invoiceAmount !== undefined && (
發票金額 {formatCurrency(order.invoiceAmount)}
)}
)} {/* 採購項目卡片 */}

採購項目清單

總金額 {formatCurrency(order.totalAmount)}
); }