feat: 修正 BOM 單位顯示與完工入庫彈窗 UI 統一規範

2026-02-12 16:30:34 +08:00
parent eb5ab58093
commit 5be4d49679
20 changed files with 1186 additions and 549 deletions
--- a/resources/js/Components/ProductionOrder/ProductionOrderStatusBadge.tsx
+++ b/resources/js/Components/ProductionOrder/ProductionOrderStatusBadge.tsx
@@ -0,0 +1,46 @@
+/**
+ * 生產工單狀態標籤組件
+ */
+
+import { Badge } from "@/Components/ui/badge";
+import { ProductionOrderStatus, STATUS_CONFIG } from "@/constants/production-order";
+
+interface ProductionOrderStatusBadgeProps {
+    status: ProductionOrderStatus;
+    className?: string;
+}
+
+export default function ProductionOrderStatusBadge({
+    status,
+    className,
+}: ProductionOrderStatusBadgeProps) {
+    const config = STATUS_CONFIG[status] || { label: "未知", variant: "outline" };
+
+    const getStatusStyles = (status: string) => {
+        switch (status) {
+            case 'draft':
+                return 'bg-gray-100 text-gray-600 border-gray-200';
+            case 'pending':
+                return 'bg-blue-50 text-blue-600 border-blue-200';
+            case 'approved':
+                return 'bg-primary text-primary-foreground border-transparent';
+            case 'in_progress':
+                return 'bg-amber-50 text-amber-600 border-amber-200';
+            case 'completed':
+                return 'bg-primary text-primary-foreground border-transparent transition-all shadow-sm';
+            case 'cancelled':
+                return 'bg-destructive text-destructive-foreground border-transparent';
+            default:
+                return 'bg-gray-50 text-gray-500 border-gray-200';
+        }
+    };
+
+    return (
+        <Badge
+            variant="outline"
+            className={`${className} ${getStatusStyles(status)} font-bold px-2.5 py-0.5 rounded-full border shadow-none`}
+        >
+            {config.label}
+        </Badge>
+    );
+}