(김준회) PO/계약 히스토리

1 files changed, 412 insertions, 0 deletions

diff --git a/lib/vendors/contract-history/contract-history-table-columns.tsx b/lib/vendors/contract-history/contract-history-table-columns.tsx
new file mode 100644
index 00000000..a25f8f33
--- /dev/null
+++ b/lib/vendors/contract-history/contract-history-table-columns.tsx
@@ -0,0 +1,412 @@
+/**
+ * 계약히스토리 테이블 컬럼 설정
+ *
+ *
+ * 컬럼목록:
+ * - 선택
+ * - PO/계약번호
+ * - Rev. / 품번
+ * - 계약상태
+ * - 프로젝트
+ * - PKG No.
+ * - PKG 명
+ * - 자재그룹코드
+ * - 자재그룹명
+ * - 지불조건
+ * - Incoterms
+ * - 선적지
+ * - 계약납기일
+ * - L/C No.
+ * - 연동제대상
+ * - 통화
+ * - 계약금액
+ * - 선급금
+ * - 납품대금
+ * - 유보금
+ * - PO/계약발송일
+ * - PO/계약체결일
+ * - 계약서
+ * - 계약담당자
+ * - 계약상세
+ */
+
+"use client"
+
+import * as React from "react"
+import { type DataTableRowAction } from "@/types/table"
+import { type ColumnDef } from "@tanstack/react-table"
+import { Ellipsis, FileText, User, Eye } from "lucide-react"
+
+import { formatDate } from "@/lib/utils"
+
+import { Badge } from "@/components/ui/badge"
+import { Button } from "@/components/ui/button"
+import { Checkbox } from "@/components/ui/checkbox"
+import {
+    DropdownMenu,
+    DropdownMenuContent,
+    DropdownMenuItem,
+    DropdownMenuSeparator,
+    DropdownMenuShortcut,
+    DropdownMenuTrigger,
+} from "@/components/ui/dropdown-menu"
+
+import { ContractDetailParsed } from "@/db/schema/contract"
+import { DataTableColumnHeaderSimple } from "@/components/data-table/data-table-column-simple-header"
+
+
+
+
+// 간단한 숫자 포맷팅 함수
+const formatNumber = (value: number): string => {
+    return new Intl.NumberFormat('ko-KR').format(value)
+}
+
+interface GetColumnsProps {
+    setRowAction: React.Dispatch<React.SetStateAction<DataTableRowAction<ContractDetailParsed> | null>>;
+}
+
+/**
+ * 계약 히스토리 테이블 컬럼 정의 (간단 버전)
+ */
+export function getColumns({ setRowAction }: GetColumnsProps): ColumnDef<ContractDetailParsed>[] {
+    return [
+        // 선택
+        {
+            id: "select",
+            header: ({ table }) => (
+                <Checkbox
+                    checked={
+                        table.getIsAllPageRowsSelected() ||
+                        (table.getIsSomePageRowsSelected() && "indeterminate")
+                    }
+                    onCheckedChange={(value) => table.toggleAllPageRowsSelected(!!value)}
+                    aria-label="Select all"
+                    className="translate-y-0.5"
+                />
+            ),
+            cell: ({ row }) => (
+                <Checkbox
+                    checked={row.getIsSelected()}
+                    onCheckedChange={(value) => row.toggleSelected(!!value)}
+                    aria-label="Select row"
+                    className="translate-y-0.5"
+                />
+            ),
+            size: 40,
+            enableSorting: false,
+            enableHiding: false,
+        },
+
+        // PO/계약번호
+        {
+            accessorKey: "contractNo",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="PO/계약번호" />
+            ),
+            cell: ({ cell }) => cell.getValue() ?? "",
+        },
+
+        // Rev. / 품번 (contract.contractVersion 사용)
+        {
+            accessorKey: "contractVersion",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="Rev. / 품번" />
+            ),
+            cell: ({ cell }) => {
+                const value = cell.getValue()
+                return value ? `Rev.${value}` : <span className="text-muted-foreground">-</span>
+            },
+        },
+
+        // 계약상태
+        {
+            accessorKey: "status",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="계약상태" />
+            ),
+            cell: ({ cell }) => cell.getValue() ?? "",
+        },
+
+        // 프로젝트
+        {
+            accessorKey: "projectName",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="프로젝트" />
+            ),
+            cell: ({ row }) => (
+                <div className="flex flex-col">
+                    <span className="font-medium">{row.original.projectName}</span>
+                    <span className="text-xs text-muted-foreground">{row.original.projectCode}</span>
+                </div>
+            ),
+        },
+
+        // PKG No.
+        {
+            accessorKey: "projectCode",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="PKG No." />
+            ),
+            cell: ({ row }) => row.original.projectCode ? <Badge variant="outline">{row.original.projectCode}</Badge> : <span className="text-muted-foreground">-</span>,
+        },
+
+        // 벤더명
+        {
+            accessorKey: "vendorName",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="협력업체" />
+            ),
+            cell: ({ cell }) => cell.getValue() ?? "",
+        },
+
+        // 계약명
+        {
+            accessorKey: "contractName",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="계약명" />
+            ),
+            cell: ({ cell }) => cell.getValue() ?? "",
+        },
+
+        // 자재그룹코드 (지원되지 않음)
+        {
+            accessorKey: "materialGroupCode",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="자재그룹코드" />
+            ),
+            cell: () => <span className="text-muted-foreground">-</span>,
+        },
+
+        // 자재그룹명 (지원되지 않음)
+        {
+            accessorKey: "materialGroupName",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="자재그룹명" />
+            ),
+            cell: () => <span className="text-muted-foreground">-</span>,
+        },
+
+        // 지불조건
+        {
+            accessorKey: "paymentTerms",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="지불조건" />
+            ),
+            cell: ({ cell }) => cell.getValue() ?? "",
+        },
+
+        // Incoterms
+        {
+            accessorKey: "deliveryTerms",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="Incoterms" />
+            ),
+            cell: ({ cell }) => cell.getValue() ?? "",
+        },
+
+        // 선적지
+        {
+            accessorKey: "shippmentPlace",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="선적지" />
+            ),
+            cell: ({ cell }) => cell.getValue() ?? "",
+        },
+
+        // 계약납기일
+        {
+            accessorKey: "deliveryDate",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="계약납기일" />
+            ),
+            cell: ({ cell }) => {
+                const value = cell.getValue()
+                if (value instanceof Date) return formatDate(value, "KR")
+                if (typeof value === "string") return formatDate(new Date(value), "KR")
+                return ""
+            },
+        },
+
+        // L/C No.
+        {
+            accessorKey: "lcNo",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="L/C No." />
+            ),
+            cell: () => <span className="text-muted-foreground">-</span>,
+        },
+
+        // 연동제대상
+        {
+            accessorKey: "priceIndexYn",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="연동제대상" />
+            ),
+            cell: ({ cell }) => cell.getValue() ?? "",
+        },
+
+        // 통화
+        {
+            accessorKey: "currency",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="통화" />
+            ),
+            cell: ({ cell }) => cell.getValue() ?? "",
+        },
+
+        // 계약금액
+        {
+            accessorKey: "totalAmount",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="계약금액" />
+            ),
+            cell: ({ cell }) => {
+                const value = cell.getValue()
+                return typeof value === "number" ? formatNumber(value) : value ?? ""
+            },
+        },
+
+        // 선급금
+        {
+            accessorKey: "advancePaymentYn",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="선급금" />
+            ),
+            cell: ({ cell }) => cell.getValue() ?? "",
+        },
+
+        // 납품장소
+        {
+            accessorKey: "deliveryLocation",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="납품장소" />
+            ),
+            cell: ({ cell }) => cell.getValue() ?? "",
+        },
+
+        // 유보금
+        {
+            accessorKey: "retentionAmount",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="유보금" />
+            ),
+            cell: () => <span className="text-muted-foreground">-</span>,
+        },
+
+        // PO/계약발송일
+        {
+            accessorKey: "startDate",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="PO/계약발송일" />
+            ),
+            cell: ({ cell }) => {
+                const value = cell.getValue()
+                if (value instanceof Date) return formatDate(value, "KR")
+                if (typeof value === "string") return formatDate(new Date(value), "KR")
+                return ""
+            },
+        },
+
+        // PO/계약체결일
+        {
+            accessorKey: "electronicApprovalDate",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="PO/계약체결일" />
+            ),
+            cell: ({ cell }) => {
+                const value = cell.getValue()
+                if (value instanceof Date) return formatDate(value, "KR")
+                if (typeof value === "string") return formatDate(new Date(value), "KR")
+                return ""
+            },
+        },
+
+        // 전자서명상태
+        {
+            accessorKey: "hasSignature",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="전자서명상태" />
+            ),
+            cell: ({ cell }) => {
+                const hasSignature = cell.getValue()
+                return hasSignature ? 
+                    <Badge variant="default">서명완료</Badge> : 
+                    <Badge variant="secondary">미서명</Badge>
+            },
+        },
+
+        // 계약서 (지원되지 않음)
+        {
+            accessorKey: "contractDocument",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="계약서" />
+            ),
+            cell: () => (
+                <Button variant="ghost" size="sm" className="h-8 px-2" disabled>
+                    <FileText className="size-4 mr-1" />
+                    보기
+                </Button>
+            ),
+        },
+
+        // 계약담당자 (지원되지 않음)
+        {
+            accessorKey: "contractManager",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="계약담당자" />
+            ),
+            cell: () => (
+                <div className="flex items-center text-muted-foreground">
+                    <User className="size-4 mr-2" />
+                    <span>-</span>
+                </div>
+            ),
+        },
+
+        // 계약상세 (Actions)
+        {
+            accessorKey: "contractDetail",
+            header: ({ column }) => (
+                <DataTableColumnHeaderSimple column={column} title="계약상세" />
+            ),
+            cell: ({ row }) => (
+                <DropdownMenu>
+                    <DropdownMenuTrigger asChild>
+                        <Button
+                            aria-label="Open menu"
+                            variant="ghost"
+                            className="flex size-8 p-0 data-[state=open]:bg-muted"
+                        >
+                            <Ellipsis className="size-4" aria-hidden="true" />
+                        </Button>
+                    </DropdownMenuTrigger>
+                    <DropdownMenuContent align="end" className="w-40">
+                        <DropdownMenuItem
+                            onSelect={() => setRowAction({ row, type: "view" })}
+                        >
+                            <Eye className="size-4 mr-2" />
+                            상세보기
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
+                        <DropdownMenuItem
+                            onSelect={() => setRowAction({ row, type: "update" })}
+                        >
+                            수정
+                        </DropdownMenuItem>
+                        <DropdownMenuSeparator />
+                        <DropdownMenuItem
+                            onSelect={() => setRowAction({ row, type: "delete" })}
+                        >
+                            삭제
+                            <DropdownMenuShortcut>⌘⌫</DropdownMenuShortcut>
+                        </DropdownMenuItem>
+                    </DropdownMenuContent>
+                </DropdownMenu>
+            ),
+            size: 40,
+            enableSorting: false,
+            enableHiding: false,
+        },
+    ]
+}
\ No newline at end of file