style(production): 補齊生產工單列表檢視按鈕 UI 與權限控制

resources/js/Pages/Production/Index.tsx

@@ -254,16 +254,18 @@ export default function ProductionIndex({ productionOrders, filters }: Props) {
                                                         </Link>
                                                     </Can>
                                                 )}
+                                                <Can permission="production_orders.view">
                                                     <Link href={route('production-orders.show', order.id)}>
                                                         <Button
                                                             variant="outline"
                                                             size="sm"
-                                                        className="button-outlined-primary"
+                                                            className="button-outlined-info"
                                                             title="檢視"
                                                         >
                                                             <Eye className="h-4 w-4" />
                                                         </Button>
                                                     </Link>
+                                                </Can>
                                             </div>
                                         </TableCell>
                                     </TableRow>