import AuthenticatedLayout from '@/Layouts/AuthenticatedLayout'; import { Head, Link, router } from '@inertiajs/react'; import { Button } from '@/Components/ui/button'; import { Plus, Search, FileText } from 'lucide-react'; import { Input } from '@/Components/ui/input'; import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from '@/Components/ui/table'; import { Badge } from '@/Components/ui/badge'; import Pagination from '@/Components/shared/Pagination'; import { useState } from 'react'; import { Can } from '@/Components/Permission/Can'; export default function GoodsReceiptIndex({ receipts, filters }: any) { const [search, setSearch] = useState(filters.search || ''); const handleSearch = (e: React.FormEvent) => { e.preventDefault(); router.get(route('goods-receipts.index'), { search }, { preserveState: true }); }; return (
{/* Header Section */}

進貨單管理

管理所有的進貨單據，包含新增、查詢與查看詳細內容。

{/* Filter Bar */}
setSearch(e.target.value)} className="w-64 h-9" />
{/* Table Section */}
單號 倉庫 供應商ID 進貨日期 狀態 操作 {receipts.data.length === 0 ? ( 尚無進貨紀錄 ) : ( receipts.data.map((receipt: any) => ( {receipt.code} {receipt.warehouse?.name} {receipt.vendor_id} {receipt.received_date} {receipt.status}
)) )}
); }