feat(procurement): 統一採購單按鈕樣式與術語更名為「作廢」，並加強權限控管

resources/js/Components/PurchaseOrder/PurchaseOrderActions.tsx

@@ -46,28 +46,32 @@ export function PurchaseOrderActions({
                 </Button>
             </Link>
             <Can permission="purchase_orders.edit">
-                <Link href={`/purchase-orders/${order.id}/edit`}>
+                {order.status === 'draft' && (
+                    <Link href={`/purchase-orders/${order.id}/edit`}>
+                        <Button
+                            variant="outline"
+                            size="sm"
+                            className="button-outlined-primary"
+                            title="編輯"
+                        >
+                            <Pencil className="h-4 w-4" />
+                        </Button>
+                    </Link>
+                )}
+            </Can>
+            <Can permission="purchase_orders.delete">
+                {order.status === 'draft' && (
                     <Button
                         variant="outline"
                         size="sm"
-                        className="button-outlined-primary"
-                        title="編輯"
+                        className="button-outlined-error"
+                        title="刪除"
+                        onClick={() => setShowDeleteDialog(true)}
+                        disabled={processing}
                     >
-                        <Pencil className="h-4 w-4" />
+                        <Trash2 className="h-4 w-4" />
                     </Button>
-                </Link>
-            </Can>
-            <Can permission="purchase_orders.delete">
-                <Button
-                    variant="outline"
-                    size="sm"
-                    className="button-outlined-error"
-                    title="刪除"
-                    onClick={() => setShowDeleteDialog(true)}
-                    disabled={processing}
-                >
-                    <Trash2 className="h-4 w-4" />
-                </Button>
+                )}
 
                 <AlertDialog open={showDeleteDialog} onOpenChange={setShowDeleteDialog}>
                     <AlertDialogContent>