feat: 統一進貨單 UI、修復庫存異動紀錄與廠商詳情顯示報錯

resources/js/Pages/PurchaseOrder/Index.tsx

@@ -23,6 +23,7 @@ import {
     SelectTrigger,
     SelectValue,
 } from "@/Components/ui/select";
+import { STATUS_OPTIONS } from "@/constants/purchase-order";
 
 interface Props {
     orders: {
@@ -176,14 +177,11 @@ export default function PurchaseOrderIndex({ orders, filters, warehouses }: Prop
                                 </SelectTrigger>
                                 <SelectContent>
                                     <SelectItem value="all">全部狀態</SelectItem>
-                                    <SelectItem value="draft">草稿</SelectItem>
-                                    <SelectItem value="pending">待審核</SelectItem>
-                                    <SelectItem value="processing">處理中</SelectItem>
-                                    <SelectItem value="shipping">運送中</SelectItem>
-                                    <SelectItem value="confirming">待確認</SelectItem>
-                                    <SelectItem value="completed">已完成</SelectItem>
-                                    <SelectItem value="partial">部分進貨</SelectItem>
-                                    <SelectItem value="cancelled">已取消</SelectItem>
+                                    {STATUS_OPTIONS.map((option) => (
+                                        <SelectItem key={option.value} value={option.value}>
+                                            {option.label}
+                                        </SelectItem>
+                                    ))}
                                 </SelectContent>
                             </Select>
                         </div>