fix(product): 修正商品詳情與編輯頁面的麵包屑層級，支援動態導航

2026-02-05 16:02:20 +08:00
parent 1d5bc68444
commit af06ca7695
1 changed files with 17 additions and 2 deletions
--- a/resources/js/Pages/Product/Edit.tsx
+++ b/resources/js/Pages/Product/Edit.tsx
@@ -3,7 +3,7 @@ import { Head, Link } from "@inertiajs/react";
 import { Package, ArrowLeft } from "lucide-react";
 import { Button } from "@/Components/ui/button";
 import ProductForm from "@/Components/Product/ProductForm";
-import { getEditBreadcrumbs } from "@/utils/breadcrumb";
+import { getEditBreadcrumbs, BREADCRUMB_MAP } from "@/utils/breadcrumb";
 import type { Category, Product } from "./Index";
 import type { Unit } from "@/Components/Unit/UnitManagerDialog";

@@ -19,9 +19,24 @@ export default function Edit({ product, categories, units }: Props) {
    const backUrl = from === 'show' ? route('products.show', product.id) : route('products.index');
    const backText = from === 'show' ? "返回商品詳情" : "返回商品列表";

+    // 動態產生麵包屑
+    const breadcrumbs = from === 'show'
+        ? [
+            ...JSON.parse(JSON.stringify(BREADCRUMB_MAP.products)),
+            { label: `商品詳情 (${product.name})`, href: route('products.show', product.id) },
+            { label: "編輯", isPage: true }
+        ]
+        : getEditBreadcrumbs("products");
+
+    // 修正詳情層級的 isPage 狀態
+    if (from === 'show' && breadcrumbs.length > 1) {
+        breadcrumbs[breadcrumbs.length - 3].isPage = false; // "商品資料管理" 設為 false
+        breadcrumbs[breadcrumbs.length - 2].isPage = false; // "商品詳情" 設為 false
+    }
+
    return (
        <AuthenticatedLayout
-            breadcrumbs={getEditBreadcrumbs("products")}
+            breadcrumbs={breadcrumbs}
        >
            <Head title={`編輯商品 - ${product.name}`} />