mama/star-erp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: 統一全系統頁面標題樣式、優化側邊欄與實作角色成員查看功能

Browse Source
This commit is contained in:
sky121113
2026-01-13 17:00:58 +08:00
parent 6600cde3bc
commit f18fb169f3
33 changed files with 938 additions and 472 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
resources/js/Pages/Warehouse/InventoryHistory.tsx
View File

@@ -1,7 +1,7 @@
import { Head, Link } from "@inertiajs/react";
import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
import { Button } from "@/Components/ui/button";
import { ArrowLeft } from "lucide-react";
import { ArrowLeft, History } from "lucide-react";
import { Warehouse } from "@/types/warehouse";
import TransactionTable, { Transaction } from "@/Components/Warehouse/Inventory/TransactionTable";
import { getInventoryBreadcrumbs } from "@/utils/breadcrumb";
@@ -21,7 +21,7 @@ export default function InventoryHistory({ warehouse, inventory, transactions }:
return (
<AuthenticatedLayout breadcrumbs={getInventoryBreadcrumbs(warehouse.id, warehouse.name, "庫存變動紀錄")}>
<Head title={`庫存異動紀錄 - ${inventory.productName}`} />
<div className="container mx-auto p-6 max-w-4xl">
<div className="container mx-auto p-6 max-w-7xl">
{/* Header */}
<div className="mb-6">
<Link href={`/warehouses/${warehouse.id}/inventory`}>
@@ -34,18 +34,13 @@ export default function InventoryHistory({ warehouse, inventory, transactions }:
</Button>
</Link>
<div className="flex items-center gap-2 text-sm text-gray-500 mb-2">
<span>倉庫管理</span>
<span>/</span>
<span>庫存管理</span>
<span>/</span>
<span className="text-gray-900">庫存異動紀錄</span>
</div>
<div className="flex items-center justify-between">
<div>
<h1 className="mb-2">庫存異動紀錄</h1>
<p className="text-gray-600">
<h1 className="text-2xl font-bold text-grey-0 flex items-center gap-2">
<History className="h-6 w-6 text-[#01ab83]" />
庫存異動紀錄
</h1>
<p className="text-gray-500 mt-1">
商品：<span className="font-medium text-gray-900">{inventory.productName}</span>
{inventory.productCode && <span className="text-gray-500 ml-2">({inventory.productCode})</span>}
</p>