fix: 修正部分進貨採購單更新失敗與狀態顯示問題

resources/js/Components/PurchaseOrder/PurchaseOrderItemsTable.tsx

@@ -14,6 +14,17 @@ import {
     TableHeader,
     TableRow,
 } from "@/Components/ui/table";
+import {
+    AlertDialog,
+    AlertDialogAction,
+    AlertDialogCancel,
+    AlertDialogContent,
+    AlertDialogDescription,
+    AlertDialogFooter,
+    AlertDialogHeader,
+    AlertDialogTitle,
+    AlertDialogTrigger,
+} from "@/Components/ui/alert-dialog";
 import type { PurchaseOrderItem, Supplier } from "@/types/purchase-order";
 import { formatCurrency } from "@/utils/purchase-order";
 
@@ -204,14 +215,35 @@ export function PurchaseOrderItemsTable({
                                     {/* 刪除按鈕 */}
                                     {!isReadOnly && onRemoveItem && (
                                         <TableCell className="text-center">
-                                            <Button
-                                                variant="ghost"
-                                                size="icon"
-                                                onClick={() => onRemoveItem(index)}
-                                                className="h-8 w-8 text-gray-300 hover:text-red-500 hover:bg-red-50 transition-colors"
-                                            >
-                                                <Trash2 className="h-4 w-4" />
-                                            </Button>
+                                            <AlertDialog>
+                                                <AlertDialogTrigger asChild>
+                                                    <Button
+                                                        variant="outline"
+                                                        size="sm"
+                                                        className="button-outlined-error"
+                                                        title="移除項目"
+                                                    >
+                                                        <Trash2 className="h-4 w-4" />
+                                                    </Button>
+                                                </AlertDialogTrigger>
+                                                <AlertDialogContent>
+                                                    <AlertDialogHeader>
+                                                        <AlertDialogTitle>確定要移除此商品嗎？</AlertDialogTitle>
+                                                        <AlertDialogDescription>
+                                                            此動作將從清單中移除該商品，您之後需要重新搜尋才能再次加入。
+                                                        </AlertDialogDescription>
+                                                    </AlertDialogHeader>
+                                                    <AlertDialogFooter>
+                                                        <AlertDialogCancel>取消</AlertDialogCancel>
+                                                        <AlertDialogAction
+                                                            onClick={() => onRemoveItem(index)}
+                                                            className="bg-red-600 hover:bg-red-700"
+                                                        >
+                                                            確定移除
+                                                        </AlertDialogAction>
+                                                    </AlertDialogFooter>
+                                                </AlertDialogContent>
+                                            </AlertDialog>
                                         </TableCell>
                                     )}
                                 </TableRow>

resources/js/Components/PurchaseOrder/PurchaseOrderStatusBadge.tsx

@@ -30,6 +30,8 @@ export default function PurchaseOrderStatusBadge({
                 return { label: "已完成", className: "bg-green-100 text-green-700 border-green-200" };
             case "cancelled":
                 return { label: "已取消", className: "bg-red-100 text-red-700 border-red-200" };
+            case "partial":
+                return { label: "部分進貨", className: "bg-blue-50 text-blue-600 border-blue-100" };
             default:
                 return { label: "未知", className: "bg-gray-100 text-gray-700 border-gray-200" };
         }