mama/star-erp
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
746eeb6f011c5f736b308d3d16ad82de40646618
star-erp/resources/js/Pages/Warehouse/Index.tsx

237 lines
9.4 KiB
TypeScript
Raw Normal View History

first commit
2025-12-30 15:03:19 +08:00
import { useState } from "react";
feat: 完成權限管理系統、統一頁面標題樣式與表格對齊規範
2026-01-13 13:30:51 +08:00
import { Plus, Warehouse as WarehouseIcon } from 'lucide-react';
first commit
2025-12-30 15:03:19 +08:00
import { Button } from "@/Components/ui/button";
import AuthenticatedLayout from "@/Layouts/AuthenticatedLayout";
import { Head, router } from "@inertiajs/react";
import WarehouseDialog from "@/Components/Warehouse/WarehouseDialog";
import TransferOrderDialog from "@/Components/Warehouse/TransferOrderDialog";
import SearchToolbar from "@/Components/shared/SearchToolbar";
import WarehouseCard from "@/Components/Warehouse/WarehouseCard";
import WarehouseEmptyState from "@/Components/Warehouse/WarehouseEmptyState";
import { Warehouse } from "@/types/warehouse";
import Pagination from "@/Components/shared/Pagination";
import { toast } from "sonner";
麵包屑功能完善
2026-01-07 13:06:49 +08:00
import { getBreadcrumbs } from "@/utils/breadcrumb";
feat: 統一全系統頁面標題樣式、優化側邊欄與實作角色成員查看功能
2026-01-13 17:00:58 +08:00
import { Can } from "@/Components/Permission/Can";
feat: 修正庫存與撥補單邏輯並整合文件 1. 修復倉庫統計數據加總與樣式。 2. 修正可用庫存計算邏輯（排除不可銷售倉庫）。 3. 撥補單商品列表加入批號與效期顯示。 4. 修正撥補單儲存邏輯以支援精確批號轉移。 5. 整合 FEATURES.md 至 README.md。
2026-01-26 14:59:24 +08:00
import { Card, CardContent } from "@/Components/ui/card";
first commit
2025-12-30 15:03:19 +08:00
interface PageProps {
warehouses: {
data: Warehouse[];
links: any[];
current_page: number;
last_page: number;
total: number;
};
feat: 修正庫存與撥補單邏輯並整合文件 1. 修復倉庫統計數據加總與樣式。 2. 修正可用庫存計算邏輯（排除不可銷售倉庫）。 3. 撥補單商品列表加入批號與效期顯示。 4. 修正撥補單儲存邏輯以支援精確批號轉移。 5. 整合 FEATURES.md 至 README.md。
2026-01-26 14:59:24 +08:00
totals: {
available_stock: number;
book_stock: number;
};
first commit
2025-12-30 15:03:19 +08:00
filters: {
search?: string;
};
}
feat: 修正庫存與撥補單邏輯並整合文件 1. 修復倉庫統計數據加總與樣式。 2. 修正可用庫存計算邏輯（排除不可銷售倉庫）。 3. 撥補單商品列表加入批號與效期顯示。 4. 修正撥補單儲存邏輯以支援精確批號轉移。 5. 整合 FEATURES.md 至 README.md。
2026-01-26 14:59:24 +08:00
export default function WarehouseIndex({ warehouses, totals, filters }: PageProps) {
first commit
2025-12-30 15:03:19 +08:00
// 篩選狀態
const [searchTerm, setSearchTerm] = useState(filters.search || "");
// 對話框狀態
const [isDialogOpen, setIsDialogOpen] = useState(false);
const [editingWarehouse, setEditingWarehouse] = useState<Warehouse | null>(null);
const [transferOrderDialogOpen, setTransferOrderDialogOpen] = useState(false);
// 搜尋處理
const handleSearch = (term: string) => {
setSearchTerm(term);
router.get(route('warehouses.index'), { search: term }, {
preserveState: true,
preserveScroll: true,
replace: true,
});
};
// 導航處理
feat: 完成權限管理系統、統一頁面標題樣式與表格對齊規範
2026-01-13 13:30:51 +08:00
const handleViewInventory = (warehouseId: string | number) => {
first commit
2025-12-30 15:03:19 +08:00
router.get(`/warehouses/${warehouseId}/inventory`);
};
// 倉庫操作處理函式
const handleAddWarehouse = () => {
setEditingWarehouse(null);
setIsDialogOpen(true);
};
const handleEditWarehouse = (warehouse: Warehouse) => {
setEditingWarehouse(warehouse);
setIsDialogOpen(true);
};
// 接收 Dialog 回傳的資料並呼叫後端
const handleSaveWarehouse = (data: Partial<Warehouse>) => {
if (editingWarehouse) {
router.put(route('warehouses.update', editingWarehouse.id), data, {
onSuccess: () => setIsDialogOpen(false),
});
} else {
router.post(route('warehouses.store'), data, {
onSuccess: () => setIsDialogOpen(false),
});
}
};
feat: 完成權限管理系統、統一頁面標題樣式與表格對齊規範
2026-01-13 13:30:51 +08:00
const handleDeleteWarehouse = (id: string | number) => {
大更新
2026-01-08 16:32:10 +08:00
router.delete(route('warehouses.destroy', id), {
onSuccess: () => {
toast.success('倉庫已刪除');
setEditingWarehouse(null);
},
onError: (errors: any) => {
feat: 完成權限管理系統、統一頁面標題樣式與表格對齊規範
2026-01-13 13:30:51 +08:00
console.error(errors);
大更新
2026-01-08 16:32:10 +08:00
}
});
first commit
2025-12-30 15:03:19 +08:00
};
const handleAddTransferOrder = () => {
setTransferOrderDialogOpen(true);
};
const handleSaveTransferOrder = (data: any) => {
router.post(route('transfer-orders.store'), data, {
onSuccess: () => {
toast.success('撥補單已建立且庫存已轉移');
setTransferOrderDialogOpen(false);
},
onError: (errors) => {
toast.error('建立撥補單失敗');
console.error(errors);
}
});
};
return (
麵包屑功能完善
2026-01-07 13:06:49 +08:00
<AuthenticatedLayout breadcrumbs={getBreadcrumbs("warehouses")}>
first commit
2025-12-30 15:03:19 +08:00
<Head title="倉庫管理" />
<div className="container mx-auto p-6 max-w-7xl">
{/* 頁面標題 */}
<div className="mb-6">
feat: 完成權限管理系統、統一頁面標題樣式與表格對齊規範
2026-01-13 13:30:51 +08:00
<h1 className="text-2xl font-bold text-grey-0 flex items-center gap-2">
feat: 新增租戶品牌客製化系統（Logo、主色系）、修正 hardcoded 顏色為 CSS 變數
2026-01-16 14:36:24 +08:00
<WarehouseIcon className="h-6 w-6 text-primary-main" />
feat: 完成權限管理系統、統一頁面標題樣式與表格對齊規範
2026-01-13 13:30:51 +08:00
倉庫管理
</h1>
<p className="text-gray-500 mt-1">
管理倉庫地點、負責人與庫存監控
</p>
first commit
2025-12-30 15:03:19 +08:00
</div>
feat: 修正庫存與撥補單邏輯並整合文件 1. 修復倉庫統計數據加總與樣式。 2. 修正可用庫存計算邏輯（排除不可銷售倉庫）。 3. 撥補單商品列表加入批號與效期顯示。 4. 修正撥補單儲存邏輯以支援精確批號轉移。 5. 整合 FEATURES.md 至 README.md。
2026-01-26 14:59:24 +08:00
{/* 統計區塊 */}
<div className="grid grid-cols-1 md:grid-cols-2 gap-6 mb-6">
<Card className="shadow-sm">
<CardContent className="p-6">
<div className="flex flex-col">
<span className="text-sm font-medium text-gray-500 mb-1">可用庫存總計</span>
更新：優化配方詳情彈窗 UI 與一般修正
2026-01-29 16:13:56 +08:00
<span className="text-3xl font-bold text-primary-main">
feat: 修正庫存與撥補單邏輯並整合文件 1. 修復倉庫統計數據加總與樣式。 2. 修正可用庫存計算邏輯（排除不可銷售倉庫）。 3. 撥補單商品列表加入批號與效期顯示。 4. 修正撥補單儲存邏輯以支援精確批號轉移。 5. 整合 FEATURES.md 至 README.md。
2026-01-26 14:59:24 +08:00
{totals.available_stock.toLocaleString()}
</span>
</div>
</CardContent>
</Card>
<Card className="shadow-sm">
<CardContent className="p-6">
<div className="flex flex-col">
<span className="text-sm font-medium text-gray-500 mb-1">帳面庫存總計</span>
<span className="text-3xl font-bold text-gray-700">
{totals.book_stock.toLocaleString()}
</span>
</div>
</CardContent>
</Card>
</div>
first commit
2025-12-30 15:03:19 +08:00
{/* 工具列 */}
<div className="bg-white rounded-lg shadow-sm border p-4 mb-6">
<div className="flex flex-col md:flex-row gap-4 items-start md:items-center justify-between">
<div className="flex flex-col sm:flex-row gap-4 flex-1 w-full">
{/* 搜尋框 */}
<SearchToolbar
value={searchTerm}
onChange={handleSearch}
placeholder="搜尋倉庫名稱..."
className="flex-1 w-full md:max-w-md"
/>
</div>
{/* 操作按鈕 */}
<div className="flex gap-2 w-full md:w-auto">
feat: 統一全系統頁面標題樣式、優化側邊欄與實作角色成員查看功能
2026-01-13 17:00:58 +08:00
<Can permission="inventory.transfer">
<Button
onClick={handleAddTransferOrder}
className="flex-1 md:flex-initial button-outlined-primary"
>
<Plus className="mr-2 h-4 w-4" />
新增撥補單
</Button>
</Can>
<Can permission="warehouses.create">
<Button
onClick={handleAddWarehouse}
className="flex-1 md:flex-initial button-filled-primary"
>
<Plus className="mr-2 h-4 w-4" />
新增倉庫
</Button>
</Can>
first commit
2025-12-30 15:03:19 +08:00
</div>
</div>
</div>
{/* 倉庫卡片列表 */}
{warehouses.data.length === 0 ? (
<WarehouseEmptyState />
) : (
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
{warehouses.data.map((warehouse) => (
<WarehouseCard
key={warehouse.id}
warehouse={warehouse}
stats={{
totalQuantity: warehouse.total_quantity || 0,
lowStockCount: warehouse.low_stock_count || 0,
replenishmentNeeded: warehouse.low_stock_count || 0
}}
hasWarning={(warehouse.low_stock_count || 0) > 0}
onViewInventory={() => handleViewInventory(warehouse.id)}
onEdit={handleEditWarehouse}
/>
))}
</div>
)}
{/* 分頁 */}
<div className="mt-6">
<Pagination links={warehouses.links} />
</div>
{/* 倉庫對話框 */}
<WarehouseDialog
open={isDialogOpen}
onOpenChange={setIsDialogOpen}
warehouse={editingWarehouse}
onSave={handleSaveWarehouse}
onDelete={handleDeleteWarehouse}
/>
{/* 撥補單對話框 */}
<TransferOrderDialog
open={transferOrderDialogOpen}
onOpenChange={setTransferOrderDialogOpen}
order={null}
onSave={handleSaveTransferOrder}
warehouses={warehouses.data}
/>
</div>
</AuthenticatedLayout>
);
}
Reference in New Issue Copy Permalink