feat: 新增採購單發票欄位、更新 SearchableSelect 樣式與搜尋門檻至 10 個項目
This commit is contained in:
@@ -100,6 +100,36 @@ export default function ViewPurchaseOrderPage({ order }: Props) {
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* 發票資訊卡片 */}
|
||||
{(order.invoiceNumber || order.invoiceDate || (order.invoiceAmount !== null && order.invoiceAmount !== undefined)) && (
|
||||
<div className="bg-white rounded-lg border shadow-sm p-6">
|
||||
<h2 className="text-lg font-bold text-gray-900 mb-6">發票資訊</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-x-8 gap-y-6">
|
||||
{order.invoiceNumber && (
|
||||
<div>
|
||||
<span className="text-sm text-gray-500 block mb-1">發票號碼</span>
|
||||
<div className="flex items-center gap-1.5">
|
||||
<span className="font-mono font-medium text-gray-900">{order.invoiceNumber}</span>
|
||||
<CopyButton text={order.invoiceNumber} label="複製發票號碼" />
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
{order.invoiceDate && (
|
||||
<div>
|
||||
<span className="text-sm text-gray-500 block mb-1">發票日期</span>
|
||||
<span className="font-medium text-gray-900">{order.invoiceDate}</span>
|
||||
</div>
|
||||
)}
|
||||
{order.invoiceAmount !== null && order.invoiceAmount !== undefined && (
|
||||
<div>
|
||||
<span className="text-sm text-gray-500 block mb-1">發票金額</span>
|
||||
<span className="font-medium text-gray-900">{formatCurrency(order.invoiceAmount)}</span>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* 採購項目卡片 */}
|
||||
<div className="bg-white rounded-lg border shadow-sm overflow-hidden">
|
||||
<div className="p-6 border-b border-gray-100">
|
||||
|
||||
Reference in New Issue
Block a user