(최겸)기술영업 RFQ 담당자 초대, 요구사항 반영

1 files changed, 206 insertions, 0 deletions

diff --git a/lib/tech-vendors/possible-items/possible-items-columns.tsx b/lib/tech-vendors/possible-items/possible-items-columns.tsx
new file mode 100644
index 00000000..71bcb3b8
--- /dev/null
+++ b/lib/tech-vendors/possible-items/possible-items-columns.tsx
@@ -0,0 +1,206 @@
+"use client"

+

+import * as React from "react"

+import { type DataTableRowAction } from "@/types/table"

+import { type ColumnDef } from "@tanstack/react-table"

+import { Ellipsis } 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,

+  DropdownMenuShortcut,

+  DropdownMenuTrigger,

+} from "@/components/ui/dropdown-menu"

+

+import { DataTableColumnHeaderSimple } from "@/components/data-table/data-table-column-simple-header"

+import type { TechVendorPossibleItem } from "../validations"

+

+interface GetColumnsProps {

+  setRowAction: React.Dispatch<React.SetStateAction<DataTableRowAction<TechVendorPossibleItem> | null>>;

+}

+

+export function getColumns({ setRowAction }: GetColumnsProps): ColumnDef<TechVendorPossibleItem>[] {

+  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,

+    },

+

+    // 아이템 코드

+    {

+      accessorKey: "itemCode",

+      header: ({ column }) => (

+        <DataTableColumnHeaderSimple column={column} title="아이템 코드" />

+      ),

+      cell: ({ row }) => (

+        <div className="font-mono text-sm">

+          {row.getValue("itemCode")}

+        </div>

+      ),

+      size: 150,

+    },

+

+    // 공종

+    {

+      accessorKey: "workType",

+      header: ({ column }) => (

+        <DataTableColumnHeaderSimple column={column} title="공종" />

+      ),

+      cell: ({ row }) => {

+        const workType = row.getValue("workType") as string | null

+        return workType ? (

+          <Badge variant="secondary" className="text-xs">

+            {workType}

+          </Badge>

+        ) : (

+          <span className="text-muted-foreground">-</span>

+        )

+      },

+      size: 100,

+    },

+

+    // 아이템명

+    {

+      accessorKey: "itemList",

+      header: ({ column }) => (

+        <DataTableColumnHeaderSimple column={column} title="아이템명" />

+      ),

+      cell: ({ row }) => {

+        const itemList = row.getValue("itemList") as string | null

+        return (

+          <div className="max-w-[300px]">

+            {itemList || <span className="text-muted-foreground">-</span>}

+          </div>

+        )

+      },

+      size: 300,

+    },

+

+    // 선종 (조선용)

+    {

+      accessorKey: "shipTypes",

+      header: ({ column }) => (

+        <DataTableColumnHeaderSimple column={column} title="선종" />

+      ),

+      cell: ({ row }) => {

+        const shipTypes = row.getValue("shipTypes") as string | null

+        return shipTypes ? (

+          <Badge variant="outline" className="text-xs">

+            {shipTypes}

+          </Badge>

+        ) : (

+          <span className="text-muted-foreground">-</span>

+        )

+      },

+      size: 120,

+    },

+

+    // 서브아이템 (해양용)

+    {

+      accessorKey: "subItemList",

+      header: ({ column }) => (

+        <DataTableColumnHeaderSimple column={column} title="서브아이템" />

+      ),

+      cell: ({ row }) => {

+        const subItemList = row.getValue("subItemList") as string | null

+        return (

+          <div className="max-w-[200px]">

+            {subItemList || <span className="text-muted-foreground">-</span>}

+          </div>

+        )

+      },

+      size: 200,

+    },

+

+    // 등록일

+    {

+      accessorKey: "createdAt",

+      header: ({ column }) => (

+        <DataTableColumnHeaderSimple column={column} title="등록일" />

+      ),

+      cell: ({ row }) => {

+        const date = row.getValue("createdAt") as Date

+        return (

+          <div className="text-sm text-muted-foreground">

+            {formatDate(date)}

+          </div>

+        )

+      },

+      size: 120,

+    },

+

+    // 수정일

+    {

+      accessorKey: "updatedAt",

+      header: ({ column }) => (

+        <DataTableColumnHeaderSimple column={column} title="수정일" />

+      ),

+      cell: ({ row }) => {

+        const date = row.getValue("updatedAt") as Date

+        return (

+          <div className="text-sm text-muted-foreground">

+            {formatDate(date)}

+          </div>

+        )

+      },

+      size: 120,

+    },

+

+    // 액션 메뉴

+    {

+      id: "actions",

+      enableHiding: false,

+      cell: function Cell({ row }) {

+        return (

+          <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: "delete" })}

+              >

+                삭제

+                <DropdownMenuShortcut>⌘⌫</DropdownMenuShortcut>

+              </DropdownMenuItem>

+            </DropdownMenuContent>

+          </DropdownMenu>

+        )

+      },

+      size: 40,

+    },

+  ]

+} 
\ No newline at end of file