From 96ba777cda69af8caf3a6e0e8bfc1aca5016fe58 Mon Sep 17 00:00:00 2001
From: dujinkim <dujin.kim@dtsolution.co.kr>
Date: Mon, 23 Jun 2025 08:59:54 +0000
Subject: (최겸) 기술영업 해양 프로젝트 AVL 개발
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../table/accepted-quotations-table-columns.tsx    | 324 +++++++++++++++++++++
 1 file changed, 324 insertions(+)
 create mode 100644 lib/tech-project-avl/table/accepted-quotations-table-columns.tsx

(limited to 'lib/tech-project-avl/table/accepted-quotations-table-columns.tsx')

diff --git a/lib/tech-project-avl/table/accepted-quotations-table-columns.tsx b/lib/tech-project-avl/table/accepted-quotations-table-columns.tsx
new file mode 100644
index 00000000..68a61f0a
--- /dev/null
+++ b/lib/tech-project-avl/table/accepted-quotations-table-columns.tsx
@@ -0,0 +1,324 @@
+"use client"
+
+import * as React from "react"
+import { ColumnDef } from "@tanstack/react-table"
+import { formatDate } from "@/lib/utils"
+import { Checkbox } from "@/components/ui/checkbox"
+import { Badge } from "@/components/ui/badge"
+import {
+} from "@/components/ui/dropdown-menu"
+import { DataTableColumnHeaderSimple } from "@/components/data-table/data-table-column-simple-header"
+
+// Accepted Quotation 타입 정의
+export interface AcceptedQuotationItem {
+  id: number
+  rfqId: number
+  vendorId: number
+  quotationCode: string | null
+  quotationVersion: number | null
+  totalPrice: string | null
+  currency: string | null
+  validUntil: Date | null
+  status: string
+  remark: string | null
+  submittedAt: Date | null
+  acceptedAt: Date | null
+  createdAt: Date
+  updatedAt: Date
+  
+  // RFQ 정보
+  rfqCode: string | null
+  rfqType: string | null
+  description: string | null
+  dueDate: Date | null
+  rfqStatus: string | null
+  materialCode: string | null
+  
+  // Vendor 정보
+  vendorName: string
+  vendorCode: string | null
+  vendorEmail: string | null
+  vendorCountry: string | null
+  
+  // Project 정보
+  projNm: string | null
+  pspid: string | null
+  sector: string | null
+}
+
+export function getColumns(): ColumnDef<AcceptedQuotationItem>[] {
+  // ----------------------------------------------------------------
+  // 1) select 컬럼 (체크박스)
+  // ----------------------------------------------------------------
+  const selectColumn: ColumnDef<AcceptedQuotationItem> = {
+    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,
+  }
+
+  // ----------------------------------------------------------------
+  // 2) actions 컬럼 (Dropdown 메뉴)
+  // ----------------------------------------------------------------
+  // const actionsColumn: ColumnDef<AcceptedQuotationItem> = {
+  //   id: "actions",
+  //   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: "open" })}
+  //         >
+  //           견적서 보기
+  //         </DropdownMenuItem>
+  //       </DropdownMenuContent>
+  //     </DropdownMenu>
+  //   ),
+  //   size: 40,
+  //   enableSorting: false,
+  //   enableHiding: false,
+  // }
+
+  // ----------------------------------------------------------------
+  // 3) 데이터 컬럼들 정의
+  // ----------------------------------------------------------------
+  const dataColumns: ColumnDef<AcceptedQuotationItem>[] = [
+    {
+      accessorKey: "rfqCode",
+      header: ({ column }) => (
+        <DataTableColumnHeaderSimple column={column} title="RFQ 코드" />
+      ),
+      cell: ({ row }) => (
+        <div className="font-medium">
+          {row.original.rfqCode || "-"}
+        </div>
+      ),
+      enableSorting: true,
+      enableHiding: true,
+      meta: {
+        excelHeader: "RFQ 코드",
+      },
+    },
+    {
+      accessorKey: "description",
+      header: ({ column }) => (
+        <DataTableColumnHeaderSimple column={column} title="RFQ 설명" />
+      ),
+      cell: ({ row }) => (
+        <div className="max-w-32 truncate">
+          {row.original.description || "-"}
+        </div>
+      ),
+      enableSorting: true,
+      enableHiding: true,
+      meta: {
+        excelHeader: "RFQ 설명",
+      },
+    },
+    {
+      accessorKey: "rfqType",
+      header: ({ column }) => (
+        <DataTableColumnHeaderSimple column={column} title="RFQ 타입" />
+      ),
+      cell: ({ row }) => (
+        <div>
+          {row.original.rfqType || "-"}
+        </div>
+      ),
+      enableSorting: true,
+    },
+    {
+      accessorKey: "vendorName",
+      header: ({ column }) => (
+        <DataTableColumnHeaderSimple column={column} title="업체명" />
+      ),
+      cell: ({ row }) => (
+        <div className="font-medium">
+          {row.original.vendorName}
+        </div>
+      ),
+      enableSorting: true,
+      enableHiding: true,
+      meta: {
+        excelHeader: "업체명",
+      },
+    },
+    {
+      accessorKey: "vendorCode",
+      header: ({ column }) => (
+        <DataTableColumnHeaderSimple column={column} title="업체 코드" />
+      ),
+      cell: ({ row }) => (
+        <div>
+          {row.original.vendorCode || "-"}
+        </div>
+      ),
+      enableSorting: true,
+      enableHiding: true,
+      meta: {
+        excelHeader: "업체 코드",
+      },
+    },
+    {
+      accessorKey: "quotationCode",
+      header: ({ column }) => (
+        <DataTableColumnHeaderSimple column={column} title="견적서 코드" />
+      ),
+      cell: ({ row }) => (
+        <div>
+          {row.original.quotationCode || "-"}
+        </div>
+      ),
+      enableSorting: true,
+      enableHiding: true,
+      meta: {
+        excelHeader: "견적서 코드",
+      },
+    },
+    {
+      accessorKey: "totalPrice",
+      header: ({ column }) => (
+        <DataTableColumnHeaderSimple column={column} title="총 금액" />
+      ),
+      cell: ({ row }) => {
+        const price = row.original.totalPrice;
+        const currency = row.original.currency || "USD";
+        return (
+          <div className="text-right font-medium">
+            {price ? `${Number(price).toLocaleString()} ${currency}` : "-"}
+          </div>
+        );
+      },
+      enableSorting: true,
+      enableHiding: true,
+      meta: {
+        excelHeader: "총 금액",
+      },
+    },
+    {
+      accessorKey: "status",
+      header: ({ column }) => (
+        <DataTableColumnHeaderSimple column={column} title="상태" />
+      ),
+      cell: ({ row }) => (
+        <Badge variant="default" className="bg-green-100 text-green-800">
+          {row.original.status}
+        </Badge>
+      ),
+      enableSorting: true,
+      enableHiding: true,
+      meta: {
+        excelHeader: "상태",
+      },
+    },
+    {
+      accessorKey: "projNm",
+      header: ({ column }) => (
+        <DataTableColumnHeaderSimple column={column} title="프로젝트명" />
+      ),
+      cell: ({ row }) => (
+        <div className="max-w-32 truncate">
+          {row.original.projNm || "-"}
+        </div>
+      ),
+      enableSorting: true,
+      enableHiding: true,
+      meta: {
+        excelHeader: "프로젝트명",
+      },
+    },
+    {
+      accessorKey: "materialCode",
+      header: ({ column }) => (
+        <DataTableColumnHeaderSimple column={column} title="자재 코드" />
+      ),
+      cell: ({ row }) => (
+        <div className="max-w-32 truncate">
+          {row.original.materialCode || "-"}
+        </div>
+      ),
+      enableSorting: true,
+      enableHiding: true,
+      meta: {
+        excelHeader: "자재 코드",
+      },
+    },
+    {
+      accessorKey: "vendorCountry",
+      header: ({ column }) => (
+        <DataTableColumnHeaderSimple column={column} title="국가" />
+      ),
+      cell: ({ row }) => (
+        <div>
+          {row.original.vendorCountry || "-"}
+        </div>
+      ),
+      enableSorting: true,
+      enableHiding: true,
+      meta: {
+        excelHeader: "국가",
+      },
+    },
+    {
+      accessorKey: "dueDate",
+      header: ({ column }) => (
+        <DataTableColumnHeaderSimple column={column} title="마감일" />
+      ),
+      cell: ({ row }) => (
+        <div>
+          {row.original.dueDate ? formatDate(row.original.dueDate) : "-"}
+        </div>
+      ),
+      enableSorting: true,
+      enableHiding: true,
+      meta: {
+        excelHeader: "마감일",
+      },
+    },
+    {
+      accessorKey: "acceptedAt",
+      header: ({ column }) => (
+        <DataTableColumnHeaderSimple column={column} title="승인일" />
+      ),
+      cell: ({ row }) => (
+        <div>
+          {row.original.acceptedAt ? formatDate(row.original.acceptedAt) : "-"}
+        </div>
+      ),
+      enableSorting: true,
+      enableHiding: true,
+      meta: {
+        excelHeader: "승인일",
+      },
+    },
+  ]
+
+  return [selectColumn, ...dataColumns]
+} 
\ No newline at end of file
-- 
cgit v1.2.3