UI優化: 全系統狀態標籤 (StatusBadge) 統一化重構完成 (Phase 3 & 4)

resources/js/constants/purchase-order.ts

@@ -3,18 +3,19 @@
  */
 
 import type { PurchaseOrderStatus, PaymentMethod, InvoiceType } from "@/types/purchase-order";
+import { StatusVariant } from "@/Components/shared/StatusBadge";
 
 // 狀態標籤配置
 export const STATUS_CONFIG: Record<
     PurchaseOrderStatus,
-    { label: string; variant: "default" | "secondary" | "destructive" | "outline" }
+    { label: string; variant: StatusVariant }
 > = {
-    draft: { label: "草稿", variant: "outline" },
-    pending: { label: "簽核中", variant: "outline" },
-    approved: { label: "已核准", variant: "default" },
-    partial: { label: "部分收貨", variant: "secondary" },
-    completed: { label: "全數收貨", variant: "outline" },
-    closed: { label: "已結案", variant: "outline" },
+    draft: { label: "草稿", variant: "neutral" },
+    pending: { label: "簽核中", variant: "warning" },
+    approved: { label: "已核准", variant: "success" },
+    partial: { label: "部分收貨", variant: "neutral" },
+    completed: { label: "全數收貨", variant: "success" },
+    closed: { label: "已結案", variant: "neutral" },
     cancelled: { label: "已作廢", variant: "destructive" },
 };