diff options
Diffstat (limited to 'lib/vendors/bid-history-table/bid-history-table.tsx')
| -rw-r--r-- | lib/vendors/bid-history-table/bid-history-table.tsx | 208 |
1 files changed, 208 insertions, 0 deletions
diff --git a/lib/vendors/bid-history-table/bid-history-table.tsx b/lib/vendors/bid-history-table/bid-history-table.tsx new file mode 100644 index 00000000..ec810429 --- /dev/null +++ b/lib/vendors/bid-history-table/bid-history-table.tsx @@ -0,0 +1,208 @@ +"use client";
+
+import * as React from "react";
+import { useRouter } from "next/navigation";
+import type {
+ DataTableAdvancedFilterField,
+ DataTableFilterField,
+ DataTableRowAction,
+} from "@/types/table";
+
+import { useDataTable } from "@/hooks/use-data-table";
+import { DataTable } from "@/components/data-table/data-table";
+import { DataTableAdvancedToolbar } from "@/components/data-table/data-table-advanced-toolbar";
+import { getColumns } from "./bid-history-table-columns";
+import { getBidHistory } from "../service";
+import { TooltipProvider } from "@/components/ui/tooltip";
+
+export interface BidHistoryRow {
+ id: number;
+ biddingId: number;
+ biddingNumber: string | null;
+ revision: number | null;
+ contractType: "unit_price" | "general" | "sale";
+ biddingType: "equipment" | "construction" | "service" | "lease" | "steel_stock" | "piping" | "transport" | "waste" | "sale";
+ biddingStatus: "bidding_generated" | "request_for_quotation" | "received_quotation" | "set_target_price" | "bidding_opened" | "bidding_closed" | "evaluation_of_bidding" | "bidding_disposal" | "vendor_selected";
+ projectCode: string | null;
+ projectName: string | null;
+ itemName: string | null;
+ materialGroup: string | null;
+ materialGroupName: string | null;
+ biddingTitle: string | null;
+ poNumber: string | null;
+ contractNumber: string | null;
+ biddingRequestDate: Date | null;
+ biddingDeadline: Date | null;
+ biddingManager: string | null;
+ currency: string | null;
+ finalBidPrice: string | null;
+ expectedAmount: string | null;
+ awardRatio: string | null;
+ preQuotePrice: string | null;
+ createdAt: Date;
+ updatedAt: Date;
+}
+
+interface BidHistoryTableProps {
+ promises: Promise<
+ [
+ Awaited<ReturnType<typeof getBidHistory>>,
+ ]
+ >;
+ lng: string;
+}
+
+export function VendorBidHistoryTable({ promises, lng }: BidHistoryTableProps) {
+ const router = useRouter();
+
+ // SSR을 위해 React.use() 사용 - 서버에서 렌더링된 데이터를 클라이언트에서 사용
+ const [{ data = [], pageCount = 0 }] = React.use(promises);
+
+ const [, setRowAction] = React.useState<DataTableRowAction<BidHistoryRow> | null>(null);
+
+ const handleViewDetails = React.useCallback((biddingId: number) => {
+ router.push(`/${lng}/evcp/bid/${biddingId}/detail`);
+ }, [router, lng]);
+
+ const columns = React.useMemo(() => getColumns({
+ setRowAction,
+ onViewDetails: handleViewDetails,
+ }), [setRowAction, handleViewDetails]);
+
+ const filterFields: DataTableFilterField<BidHistoryRow>[] = [
+ {
+ id: "biddingNumber",
+ label: "입찰번호",
+ placeholder: "입찰번호로 검색...",
+ },
+ {
+ id: "contractType",
+ label: "계약구분",
+ options: [
+ { label: "단가", value: "unit_price" },
+ { label: "일반", value: "general" },
+ { label: "매각", value: "sale" }
+ ],
+ },
+ {
+ id: "biddingType",
+ label: "입찰유형",
+ options: [
+ { label: "기자재", value: "equipment" },
+ { label: "공사", value: "construction" },
+ { label: "용역", value: "service" },
+ { label: "임차", value: "lease" },
+ { label: "형강스톡", value: "steel_stock" },
+ { label: "배관", value: "piping" },
+ { label: "운송", value: "transport" },
+ { label: "폐기물", value: "waste" },
+ { label: "매각", value: "sale" }
+ ],
+ },
+ {
+ id: "biddingStatus",
+ label: "입찰상태",
+ options: [
+ { label: "입찰생성", value: "bidding_generated" },
+ { label: "사전견적요청", value: "request_for_quotation" },
+ { label: "사전견적접수", value: "received_quotation" },
+ { label: "내정가산정", value: "set_target_price" },
+ { label: "입찰공고", value: "bidding_opened" },
+ { label: "입찰마감", value: "bidding_closed" },
+ { label: "입찰평가중", value: "evaluation_of_bidding" },
+ { label: "유찰", value: "bidding_disposal" },
+ { label: "업체선정", value: "vendor_selected" }
+ ],
+ },
+ {
+ id: "projectName",
+ label: "프로젝트명",
+ placeholder: "프로젝트명으로 검색...",
+ }
+ ];
+
+ const advancedFilterFields: DataTableAdvancedFilterField<BidHistoryRow>[] = [
+ { id: "biddingNumber", label: "입찰번호", type: "text" },
+ { id: "projectCode", label: "프로젝트코드", type: "text" },
+ { id: "projectName", label: "프로젝트명", type: "text" },
+ {
+ id: "contractType",
+ label: "계약구분",
+ type: "multi-select",
+ options: [
+ { label: "단가", value: "unit_price" },
+ { label: "일반", value: "general" },
+ { label: "매각", value: "sale" }
+ ],
+ },
+ {
+ id: "biddingType",
+ label: "입찰유형",
+ type: "multi-select",
+ options: [
+ { label: "기자재", value: "equipment" },
+ { label: "공사", value: "construction" },
+ { label: "용역", value: "service" },
+ { label: "임차", value: "lease" },
+ { label: "형강스톡", value: "steel_stock" },
+ { label: "배관", value: "piping" },
+ { label: "운송", value: "transport" },
+ { label: "폐기물", value: "waste" },
+ { label: "매각", value: "sale" }
+ ],
+ },
+ {
+ id: "biddingStatus",
+ label: "입찰상태",
+ type: "multi-select",
+ options: [
+ { label: "입찰생성", value: "bidding_generated" },
+ { label: "사전견적요청", value: "request_for_quotation" },
+ { label: "사전견적접수", value: "received_quotation" },
+ { label: "내정가산정", value: "set_target_price" },
+ { label: "입찰공고", value: "bidding_opened" },
+ { label: "입찰마감", value: "bidding_closed" },
+ { label: "입찰평가중", value: "evaluation_of_bidding" },
+ { label: "유찰", value: "bidding_disposal" },
+ { label: "업체선정", value: "vendor_selected" }
+ ],
+ },
+ { id: "biddingManager", label: "입찰담당자", type: "text" },
+ { id: "biddingRequestDate", label: "입찰요청일", type: "date" },
+ { id: "biddingDeadline", label: "입찰마감일", type: "date" },
+ { id: "createdAt", label: "생성일", type: "date" },
+ ];
+
+ const { table } = useDataTable({
+ data,
+ columns,
+ pageCount,
+ filterFields,
+ enablePinning: true,
+ enableAdvancedFilter: true,
+ initialState: {
+ sorting: [{ id: "createdAt", desc: true }],
+ columnPinning: { right: ["actions"] },
+ },
+ getRowId: (originalRow, index) => originalRow?.id ? String(originalRow.id) : String(index),
+ shallow: false,
+ clearOnDefault: true,
+ });
+
+ return (
+ <>
+ <TooltipProvider>
+ <DataTable
+ table={table}
+ >
+ <DataTableAdvancedToolbar
+ table={table}
+ filterFields={advancedFilterFields}
+ shallow={false}
+ >
+ </DataTableAdvancedToolbar>
+ </DataTable>
+ </TooltipProvider>
+ </>
+ );
+}
|