From ba8cd44a0ed2c613a5f2cee06bfc9bd0f61f21c7 Mon Sep 17 00:00:00 2001 From: dujinkim Date: Fri, 7 Nov 2025 08:39:04 +0000 Subject: (최겸) 입찰/견적 수정사항 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../selection/biddings-selection-columns.tsx | 289 +++++++++++++++++++++ lib/bidding/selection/biddings-selection-table.tsx | 218 ++++++++++++++++ 2 files changed, 507 insertions(+) create mode 100644 lib/bidding/selection/biddings-selection-columns.tsx create mode 100644 lib/bidding/selection/biddings-selection-table.tsx (limited to 'lib/bidding/selection') diff --git a/lib/bidding/selection/biddings-selection-columns.tsx b/lib/bidding/selection/biddings-selection-columns.tsx new file mode 100644 index 00000000..bbcd2d77 --- /dev/null +++ b/lib/bidding/selection/biddings-selection-columns.tsx @@ -0,0 +1,289 @@ +"use client" + +import * as React from "react" +import { type ColumnDef } from "@tanstack/react-table" +import { Badge } from "@/components/ui/badge" +import { Button } from "@/components/ui/button" +import { + Eye, Calendar, FileText, DollarSign, TrendingUp, TrendingDown +} from "lucide-react" +import { + Tooltip, + TooltipContent, + TooltipProvider, + TooltipTrigger, +} from "@/components/ui/tooltip" +import { + DropdownMenu, + DropdownMenuContent, + DropdownMenuItem, + DropdownMenuSeparator, + DropdownMenuTrigger, +} from "@/components/ui/dropdown-menu" +import { DataTableColumnHeaderSimple } from "@/components/data-table/data-table-column-simple-header" +import { + biddingStatusLabels, + contractTypeLabels, +} from "@/db/schema" +import { formatDate } from "@/lib/utils" +import { DataTableRowAction } from "@/types/table" + +type BiddingSelectionItem = { + id: number + biddingNumber: string + originalBiddingNumber: string | null + title: string + status: string + contractType: string + prNumber: string | null + submissionStartDate: Date | null + submissionEndDate: Date | null + bidPicName: string | null + supplyPicName: string | null + createdBy: string | null + createdAt: Date | null + updatedAt: Date | null + + // 입찰 결과 정보 (개찰 이후에만 의미 있음) + participantCount?: number + submittedCount?: number + avgBidPrice?: number | null + minBidPrice?: number | null + maxBidPrice?: number | null + targetPrice?: number | null + currency?: string | null +} + +interface GetColumnsProps { + setRowAction: React.Dispatch | null>> +} + +// 상태별 배지 색상 +const getStatusBadgeVariant = (status: string) => { + switch (status) { + case 'bidding_opened': + return 'default' + case 'bidding_closed': + return 'outline' + case 'evaluation_of_bidding': + return 'secondary' + case 'vendor_selected': + return 'default' + default: + return 'outline' + } +} + +// 금액 포맷팅 +const formatCurrency = (amount: string | number | null, currency = 'KRW') => { + if (!amount) return '-' + + const numAmount = typeof amount === 'string' ? parseFloat(amount) : amount + if (isNaN(numAmount)) return '-' + + return new Intl.NumberFormat('ko-KR', { + style: 'currency', + currency: currency, + minimumFractionDigits: 0, + maximumFractionDigits: 0, + }).format(numAmount) +} + +export function getBiddingsSelectionColumns({ setRowAction }: GetColumnsProps): ColumnDef[] { + + return [ + // ░░░ 입찰번호 ░░░ + { + accessorKey: "biddingNumber", + header: ({ column }) => , + cell: ({ row }) => ( +
+ {row.original.biddingNumber} +
+ ), + size: 120, + meta: { excelHeader: "입찰번호" }, + }, + + // ░░░ 입찰명 ░░░ + { + accessorKey: "title", + header: ({ column }) => , + cell: ({ row }) => ( +
+ +
+ ), + size: 200, + meta: { excelHeader: "입찰명" }, + }, + + // ░░░ 원입찰번호 ░░░ + { + accessorKey: "originalBiddingNumber", + header: ({ column }) => , + cell: ({ row }) => ( +
+ {row.original.originalBiddingNumber || '-'} +
+ ), + size: 120, + meta: { excelHeader: "원입찰번호" }, + }, + + // ░░░ 진행상태 ░░░ + { + accessorKey: "status", + header: ({ column }) => , + cell: ({ row }) => ( + + {biddingStatusLabels[row.original.status]} + + ), + size: 120, + meta: { excelHeader: "진행상태" }, + }, + + // ░░░ 계약구분 ░░░ + { + accessorKey: "contractType", + header: ({ column }) => , + cell: ({ row }) => ( + + {contractTypeLabels[row.original.contractType]} + + ), + size: 100, + meta: { excelHeader: "계약구분" }, + }, + + // ░░░ 입찰제출기간 ░░░ + { + id: "submissionPeriod", + header: ({ column }) => , + cell: ({ row }) => { + const startDate = row.original.submissionStartDate + const endDate = row.original.submissionEndDate + + if (!startDate || !endDate) return - + + const now = new Date() + const isPast = now > new Date(endDate) + const isClosed = isPast + + return ( +
+
+ {formatDate(startDate, "KR")} ~ {formatDate(endDate, "KR")} +
+ {isClosed && ( + 마감 + )} +
+ ) + }, + size: 140, + meta: { excelHeader: "입찰제출기간" }, + }, + + // ░░░ 입찰담당자 ░░░ + { + accessorKey: "bidPicName", + header: ({ column }) => , + cell: ({ row }) => { + const bidPic = row.original.bidPicName + const supplyPic = row.original.supplyPicName + + const displayName = bidPic || supplyPic || "-" + return {displayName} + }, + size: 100, + meta: { excelHeader: "입찰담당자" }, + }, + + // ░░░ P/R번호 ░░░ + { + accessorKey: "prNumber", + header: ({ column }) => , + cell: ({ row }) => ( + {row.original.prNumber || '-'} + ), + size: 100, + meta: { excelHeader: "P/R번호" }, + }, + + // ░░░ 참여업체수 ░░░ + { + id: "participantCount", + header: ({ column }) => , + cell: ({ row }) => { + const count = row.original.participantCount || 0 + return ( +
+ {count} +
+ ) + }, + size: 100, + meta: { excelHeader: "참여업체수" }, + }, + + + // ═══════════════════════════════════════════════════════════════ + // 액션 + // ═══════════════════════════════════════════════════════════════ + { + id: "actions", + header: "액션", + cell: ({ row }) => ( + + + + + + setRowAction({ row, type: "view" })}> + + 상세보기 + + setRowAction({ row, type: "detail" })}> + + 상세분석 + + {row.original.status === 'bidding_opened' && ( + <> + + setRowAction({ row, type: "close_bidding" })}> + + 입찰마감 + + + )} + {row.original.status === 'bidding_closed' && ( + <> + + setRowAction({ row, type: "evaluate_bidding" })}> + + 평가하기 + + + )} + + + ), + size: 50, + enableSorting: false, + enableHiding: false, + }, + ] +} diff --git a/lib/bidding/selection/biddings-selection-table.tsx b/lib/bidding/selection/biddings-selection-table.tsx new file mode 100644 index 00000000..912a7154 --- /dev/null +++ b/lib/bidding/selection/biddings-selection-table.tsx @@ -0,0 +1,218 @@ +"use client" + +import * as React from "react" +import { useRouter } from "next/navigation" +import { useSession } from "next-auth/react" +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 { getBiddingsSelectionColumns } from "./biddings-selection-columns" +import { getBiddingsForSelection } from "@/lib/bidding/service" +import { + biddingStatusLabels, + contractTypeLabels, +} from "@/db/schema" +import { SpecificationMeetingDialog, PrDocumentsDialog } from "../list/bidding-detail-dialogs" + +type BiddingSelectionItem = { + id: number + biddingNumber: string + originalBiddingNumber: string | null + title: string + status: string + contractType: string + prNumber: string | null + submissionStartDate: Date | null + submissionEndDate: Date | null + bidPicName: string | null + supplyPicName: string | null + createdBy: string | null + createdAt: Date | null + updatedAt: Date | null + + // 입찰 결과 정보 (개찰 이후에만 의미 있음) + participantCount?: number + submittedCount?: number + avgBidPrice?: number | null + minBidPrice?: number | null + maxBidPrice?: number | null + targetPrice?: number | null + currency?: string | null +} + +interface BiddingsSelectionTableProps { + promises: Promise< + [ + Awaited> + ] + > +} + +export function BiddingsSelectionTable({ promises }: BiddingsSelectionTableProps) { + const [biddingsResult] = React.use(promises) + + // biddingsResult에서 data와 pageCount 추출 + const { data, pageCount } = biddingsResult + + const [isCompact, setIsCompact] = React.useState(false) + const [specMeetingDialogOpen, setSpecMeetingDialogOpen] = React.useState(false) + const [prDocumentsDialogOpen, setPrDocumentsDialogOpen] = React.useState(false) + const [selectedBidding, setSelectedBidding] = React.useState(null) + + const [rowAction, setRowAction] = React.useState | null>(null) + + const router = useRouter() + const { data: session } = useSession() + + const columns = React.useMemo( + () => getBiddingsSelectionColumns({ setRowAction }), + [setRowAction] + ) + + // rowAction 변경 감지하여 해당 다이얼로그 열기 + React.useEffect(() => { + if (rowAction) { + setSelectedBidding(rowAction.row.original) + + switch (rowAction.type) { + case "view": + // 상세 페이지로 이동 + router.push(`/evcp/bid/${rowAction.row.original.id}`) + break + case "detail": + // 상세분석 페이지로 이동 (추후 구현) + router.push(`/evcp/bid-selection/${rowAction.row.original.id}/detail`) + break + case "close_bidding": + // 입찰마감 (추후 구현) + console.log('입찰마감:', rowAction.row.original) + break + case "evaluate_bidding": + // 평가하기 (추후 구현) + console.log('평가하기:', rowAction.row.original) + break + default: + break + } + } + }, [rowAction]) + + const filterFields: DataTableFilterField[] = [ + { + id: "biddingNumber", + label: "입찰번호", + type: "text", + placeholder: "입찰번호를 입력하세요", + }, + { + id: "prNumber", + label: "P/R번호", + type: "text", + placeholder: "P/R번호를 입력하세요", + }, + { + id: "title", + label: "입찰명", + type: "text", + placeholder: "입찰명을 입력하세요", + }, + ] + + const advancedFilterFields: DataTableAdvancedFilterField[] = [ + { id: "title", label: "입찰명", type: "text" }, + { id: "biddingNumber", label: "입찰번호", type: "text" }, + { id: "bidPicName", label: "입찰담당자", type: "text" }, + { + id: "status", + label: "진행상태", + type: "multi-select", + options: Object.entries(biddingStatusLabels).map(([value, label]) => ({ + label, + value, + })), + }, + { + id: "contractType", + label: "계약구분", + type: "select", + options: Object.entries(contractTypeLabels).map(([value, label]) => ({ + label, + value, + })), + }, + { id: "createdAt", label: "등록일", type: "date" }, + { id: "submissionStartDate", label: "제출시작일", type: "date" }, + { id: "submissionEndDate", 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) => String(originalRow.id), + shallow: false, + clearOnDefault: true, + }) + + const handleCompactChange = React.useCallback((compact: boolean) => { + setIsCompact(compact) + }, []) + + const handleSpecMeetingDialogClose = React.useCallback(() => { + setSpecMeetingDialogOpen(false) + setRowAction(null) + setSelectedBidding(null) + }, []) + + const handlePrDocumentsDialogClose = React.useCallback(() => { + setPrDocumentsDialogOpen(false) + setRowAction(null) + setSelectedBidding(null) + }, []) + + return ( + <> + + + + + + {/* 사양설명회 다이얼로그 */} + + + {/* PR 문서 다이얼로그 */} + + + ) +} -- cgit v1.2.3