(대표님) rfq 히스토리, swp 등

1 files changed, 79 insertions, 50 deletions

diff --git a/lib/vendors/rfq-history-table/rfq-history-table-columns.tsx b/lib/vendors/rfq-history-table/rfq-history-table-columns.tsx
index 66ddee47..8054b128 100644
--- a/lib/vendors/rfq-history-table/rfq-history-table-columns.tsx
+++ b/lib/vendors/rfq-history-table/rfq-history-table-columns.tsx
@@ -3,7 +3,7 @@
 import * as React from "react"

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

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

-import { Ellipsis } from "lucide-react"

+import { Ellipsis, MoreHorizontal } from "lucide-react"

 import { toast } from "sonner"

 

 import { getErrorMessage } from "@/lib/handle-error"

@@ -15,13 +15,6 @@ import {
   DropdownMenu,

   DropdownMenuContent,

   DropdownMenuItem,

-  DropdownMenuRadioGroup,

-  DropdownMenuRadioItem,

-  DropdownMenuSeparator,

-  DropdownMenuShortcut,

-  DropdownMenuSub,

-  DropdownMenuSubContent,

-  DropdownMenuSubTrigger,

   DropdownMenuTrigger,

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

 import { DataTableColumnHeader } from "@/components/data-table/data-table-column-header"

@@ -30,7 +23,6 @@ import { VendorItem,  vendors } from "@/db/schema/vendors"
 import { modifyVendor } from "../service"

 import { Tooltip, TooltipContent, TooltipTrigger } from "@/components/ui/tooltip"

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

-import { getRFQStatusIcon } from "@/lib/tasks/utils"

 import { rfqHistoryColumnsConfig } from "@/config/rfqHistoryColumnsConfig"

 

 export interface RfqHistoryRow {

@@ -61,13 +53,13 @@ export interface RfqHistoryRow {
 

 interface GetColumnsProps {

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

-  openItemsModal: (rfqId: number) => void;

+  onViewDetails: (rfqId: number) => void;

 }

 

 /**

  * tanstack table 컬럼 정의 (중첩 헤더 버전)

  */

-export function getColumns({ setRowAction, openItemsModal }: GetColumnsProps): ColumnDef<RfqHistoryRow>[] {

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

   // ----------------------------------------------------------------

   // 1) select 컬럼 (체크박스)

   // ----------------------------------------------------------------

@@ -112,14 +104,14 @@ export function getColumns({ setRowAction, openItemsModal }: GetColumnsProps): C
               variant="ghost"

               className="flex size-8 p-0 data-[state=open]:bg-muted"

             >

-              <Ellipsis className="size-4" aria-hidden="true" />

+              <span className="text-lg">⋯</span>

             </Button>

           </DropdownMenuTrigger>

           <DropdownMenuContent align="end" className="w-40">

             <DropdownMenuItem

-              onSelect={() => setRowAction({ row, type: "update" })}

+              onSelect={() => onViewDetails(row.original.id)}

             >

-              View Details

+              견적상세

             </DropdownMenuItem>

           </DropdownMenuContent>

         </DropdownMenu>

@@ -129,30 +121,60 @@ export function getColumns({ setRowAction, openItemsModal }: GetColumnsProps): C
   }

 

   // ----------------------------------------------------------------

-  // 3) 일반 컬럼들

+  // 3) 개별 컬럼들 (그룹 없음)

   // ----------------------------------------------------------------

-  const basicColumns: ColumnDef<RfqHistoryRow>[] = rfqHistoryColumnsConfig.map((cfg) => {

+  const basicColumns1: ColumnDef<RfqHistoryRow>[] = []

+  const quotationGroupColumns: ColumnDef<RfqHistoryRow>[] = []

+  const basicColumns2: ColumnDef<RfqHistoryRow>[] = []

+

+  const sortableIds = new Set([

+    "rfqType",

+    "status",

+    "rfqCode",

+    "projectInfo",

+    "packageInfo",

+    "materialInfo",

+    "currency",

+    "totalAmount",

+    "leadTime",

+    "paymentTerms",

+    "incoterms",

+    "shippingLocation",

+    "contractInfo",

+    "rfqSendDate",

+    "submittedAt",

+    "picName",

+  ])

+

+  rfqHistoryColumnsConfig.forEach((cfg) => {

+    const isSortable = sortableIds.has(cfg.id)

     const column: ColumnDef<RfqHistoryRow> = {

       accessorKey: cfg.id,

       header: ({ column }) => (

         <DataTableColumnHeaderSimple column={column} title={cfg.label} />

       ),

+      meta: {

+        excelHeader: cfg.excelHeader,

+        group: cfg.group,

+        type: cfg.type,

+      },

       size: cfg.size,

+      enableSorting: isSortable,

     }

 

-    if (cfg.id === "description") {

+    if (cfg.id === "materialInfo") {

       column.cell = ({ row }) => {

-        const description = row.original.description

-        if (!description) return null

+        const materialInfo = row.original.materialInfo

+        if (!materialInfo) return null

         return (

           <Tooltip>

             <TooltipTrigger asChild>

               <div className="break-words whitespace-normal line-clamp-2">

-                {description}

+                {materialInfo}

               </div>

             </TooltipTrigger>

             <TooltipContent side="bottom" className="max-w-[400px] whitespace-pre-wrap break-words">

-              {description}

+              {materialInfo}

             </TooltipContent>

           </Tooltip>

         )

@@ -163,10 +185,8 @@ export function getColumns({ setRowAction, openItemsModal }: GetColumnsProps): C
       column.cell = ({ row }) => {

         const statusVal = row.original.status

         if (!statusVal) return null

-        const Icon = getRFQStatusIcon(statusVal)

         return (

-          <div className="flex items-center">

-            <Icon className="mr-2 size-4 text-muted-foreground" aria-hidden="true" />

+          <div className="whitespace-nowrap">

             <span className="capitalize">{statusVal}</span>

           </div>

         )

@@ -176,48 +196,57 @@ export function getColumns({ setRowAction, openItemsModal }: GetColumnsProps): C
     if (cfg.id === "totalAmount") {

       column.cell = ({ row }) => {

         const amount = row.original.totalAmount

-        const currency = row.original.currency

-        if (!amount || !currency) return null

+        if (!amount) return null

         return (

           <div className="whitespace-nowrap">

-            {`${currency} ${amount.toLocaleString()}`}

+            {amount.toLocaleString()}

           </div>

         )

       }

     }

 

-    if (cfg.id === "dueDate" || cfg.id === "createdAt") {

-      column.cell = ({ row }) => (

-        <div className="whitespace-nowrap">

-          {formatDate(row.getValue(cfg.id), "KR")}

-        </div>

-      )

+    if (cfg.id === "rfqSendDate" || cfg.id === "submittedAt") {

+      column.cell = ({ row }) => {

+        const v = row.getValue(cfg.id) as Date | null

+        if (!v) return <div className="whitespace-nowrap">-</div>

+        return (

+          <div className="whitespace-nowrap">{formatDate(v, "KR")}</div>

+        )

+      }

+    }

+

+    // 컬럼을 적절한 배열에 분류

+    if (cfg.group === "견적정보") {

+      quotationGroupColumns.push(column)

+    } else if (["contractInfo", "rfqSendDate", "submittedAt", "picName"].includes(cfg.id)) {

+      basicColumns2.push(column)

+    } else {

+      basicColumns1.push(column)

     }

 

     return column

   })

 

-  const itemsColumn: ColumnDef<RfqHistoryRow> = {

-    id: "items",

-    header: "Items",

-    cell: ({ row }) => {

-      const rfq = row.original;

-      const count = rfq.itemCount || 0;

-      return (

-        <Button variant="ghost" onClick={() => openItemsModal(rfq.id)}>

-          {count === 0 ? "No Items" : `${count} Items`}

-        </Button>

-      )

-    },

-  }

-

   // ----------------------------------------------------------------

-  // 4) 최종 컬럼 배열

+  // 4) 최종 컬럼 배열 (bid-history-table-columns.tsx 방식)

   // ----------------------------------------------------------------

+  const createGroupColumn = (groupName: string, columns: ColumnDef<RfqHistoryRow>[]): ColumnDef<RfqHistoryRow> => {

+    return {

+      id: `group-${groupName.replace(/\s+/g, '-')}`,

+      header: groupName,

+      columns: columns,

+      meta: {

+        isGroupColumn: true,

+        groupBorders: true,

+      } as any

+    }

+  }

+

   return [

     selectColumn,

-    ...basicColumns,

-    itemsColumn,

+    ...basicColumns1,

+    ...(quotationGroupColumns.length > 0 ? [createGroupColumn("견적정보", quotationGroupColumns)] : []),

+    ...basicColumns2,

     actionsColumn,

   ]

 }
\ No newline at end of file