From 3ef36fc20e10391619be0a57de1b2184dece606a Mon Sep 17 00:00:00 2001 From: joonhoekim <26rote@gmail.com> Date: Mon, 8 Dec 2025 18:51:10 +0900 Subject: (김준회) 견적: 일반견적: 시리즈 컬럼 주석 처리 (상세품목에 프로젝트 정보 없음) MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit (김준회) 견적: 상세품목 다이얼로그에서 합쳐서 표현된 컬럼 분리시킴 (김준회) 견적: 마감일 남은 일자 표기 오류 수정 (김준회) 견적: 일반견적 생성시 마감일은 생성일(현재일자) + 7 calendar day 로 기본값 설정 (김준회) 견적: 벤더응답 상세: 제출문서 탭 추가 --- lib/rfq-last/table/rfq-table-columns.tsx | 292 +++++++------------------------ 1 file changed, 68 insertions(+), 224 deletions(-) (limited to 'lib/rfq-last/table/rfq-table-columns.tsx') diff --git a/lib/rfq-last/table/rfq-table-columns.tsx b/lib/rfq-last/table/rfq-table-columns.tsx index 58c45aa0..0d39e0d0 100644 --- a/lib/rfq-last/table/rfq-table-columns.tsx +++ b/lib/rfq-last/table/rfq-table-columns.tsx @@ -15,7 +15,7 @@ import { import { DataTableColumnHeaderSimple } from "@/components/data-table/data-table-column-simple-header"; import { RfqsLastView } from "@/db/schema"; import { DataTableRowAction } from "@/types/table"; -import { format, differenceInDays } from "date-fns"; +import { format, differenceInCalendarDays } from "date-fns"; import { ko } from "date-fns/locale"; import { useRouter } from "next/navigation"; import { RfqSealToggleCell } from "./rfq-seal-toggle-cell"; @@ -44,6 +44,53 @@ const getStatusBadgeVariant = (status: string) => { } }; +const renderDueDateCell = (date?: string | Date | null) => { + if (!date) return "-"; + + const now = new Date(); + const dueDate = new Date(date); + const daysLeft = differenceInCalendarDays(dueDate, now); + + let statusIcon; + let statusText; + let statusClass; + + if (daysLeft < 0) { + const daysOverdue = Math.abs(daysLeft); + statusIcon = ; + statusText = `${daysOverdue}일 지남`; + statusClass = "text-red-600"; + } else if (daysLeft === 0) { + statusIcon = ; + statusText = "오늘 마감"; + statusClass = "text-orange-600"; + } else if (daysLeft <= 3) { + statusIcon = ; + statusText = `${daysLeft}일 남음`; + statusClass = "text-amber-600"; + } else if (daysLeft <= 7) { + statusIcon = ; + statusText = `${daysLeft}일 남음`; + statusClass = "text-blue-600"; + } else { + statusIcon = ; + statusText = `${daysLeft}일 남음`; + statusClass = "text-green-600"; + } + + return ( +
+ + {format(dueDate, "yyyy-MM-dd")} + +
+ {statusIcon} + {statusText} +
+
+ ); +}; + export function getRfqColumns({ setRowAction, rfqCategory = "itb", @@ -125,7 +172,7 @@ export function getRfqColumns({ cell: ({ row, table }) => ( { // 테이블 데이터를 새로고침하는 로직 // 이 부분은 상위 컴포넌트에서 refreshData 함수를 prop으로 전달받아 사용 @@ -134,7 +181,7 @@ export function getRfqColumns({ }} /> ), - size: 80, + size: 120, }, // 구매담당자 @@ -258,59 +305,7 @@ export function getRfqColumns({ { accessorKey: "dueDate", header: ({ column }) => , - cell: ({ row }) => { - const date = row.original.dueDate; - if (!date) return "-"; - - const now = new Date(); - const dueDate = new Date(date); - const daysLeft = differenceInDays(dueDate, now); - - // 상태별 스타일과 아이콘 설정 - let statusIcon; - let statusText; - let statusClass; - - if (daysLeft < 0) { - // 마감일 지남 - const daysOverdue = Math.abs(daysLeft); - statusIcon = ; - statusText = `${daysOverdue}일 지남`; - statusClass = "text-red-600"; - } else if (daysLeft === 0) { - // 오늘 마감 - statusIcon = ; - statusText = "오늘 마감"; - statusClass = "text-orange-600"; - } else if (daysLeft <= 3) { - // 3일 이내 마감 임박 - statusIcon = ; - statusText = `${daysLeft}일 남음`; - statusClass = "text-amber-600"; - } else if (daysLeft <= 7) { - // 일주일 이내 - statusIcon = ; - statusText = `${daysLeft}일 남음`; - statusClass = "text-blue-600"; - } else { - // 여유 있음 - statusIcon = ; - statusText = `${daysLeft}일 남음`; - statusClass = "text-green-600"; - } - - return ( -
- - {format(dueDate, "yyyy-MM-dd")} - -
- {statusIcon} - {statusText} -
-
- ); - }, + cell: ({ row }) => renderDueDateCell(row.original.dueDate), size: 120, // 크기를 약간 늘림 }, @@ -463,7 +458,7 @@ export function getRfqColumns({ cell: ({ row, table }) => ( { // 테이블 데이터를 새로고침하는 로직 // 이 부분은 상위 컴포넌트에서 refreshData 함수를 prop으로 전달받아 사용 @@ -472,7 +467,7 @@ export function getRfqColumns({ }} /> ), - size: 80, + size: 120, }, // 구매담당자 @@ -628,59 +623,7 @@ export function getRfqColumns({ { accessorKey: "dueDate", header: ({ column }) => , - cell: ({ row }) => { - const date = row.original.dueDate; - if (!date) return "-"; - - const now = new Date(); - const dueDate = new Date(date); - const daysLeft = differenceInDays(dueDate, now); - - // 상태별 스타일과 아이콘 설정 - let statusIcon; - let statusText; - let statusClass; - - if (daysLeft < 0) { - // 마감일 지남 - const daysOverdue = Math.abs(daysLeft); - statusIcon = ; - statusText = `${daysOverdue}일 지남`; - statusClass = "text-red-600"; - } else if (daysLeft === 0) { - // 오늘 마감 - statusIcon = ; - statusText = "오늘 마감"; - statusClass = "text-orange-600"; - } else if (daysLeft <= 3) { - // 3일 이내 마감 임박 - statusIcon = ; - statusText = `${daysLeft}일 남음`; - statusClass = "text-amber-600"; - } else if (daysLeft <= 7) { - // 일주일 이내 - statusIcon = ; - statusText = `${daysLeft}일 남음`; - statusClass = "text-blue-600"; - } else { - // 여유 있음 - statusIcon = ; - statusText = `${daysLeft}일 남음`; - statusClass = "text-green-600"; - } - - return ( -
- - {format(dueDate, "yyyy-MM-dd")} - -
- {statusIcon} - {statusText} -
-
- ); - }, + cell: ({ row }) => renderDueDateCell(row.original.dueDate), size: 120, // 크기를 약간 늘림 }, @@ -978,54 +921,7 @@ export function getRfqColumns({ { accessorKey: "dueDate", header: ({ column }) => , - cell: ({ row }) => { - const date = row.original.dueDate; - if (!date) return "-"; - - const now = new Date(); - const dueDate = new Date(date); - const daysLeft = differenceInDays(dueDate, now); - - // 상태별 스타일과 아이콘 설정 - let statusIcon; - let statusText; - let statusClass; - - if (daysLeft < 0) { - const daysOverdue = Math.abs(daysLeft); - statusIcon = ; - statusText = `${daysOverdue}일 지남`; - statusClass = "text-red-600"; - } else if (daysLeft === 0) { - statusIcon = ; - statusText = "오늘 마감"; - statusClass = "text-orange-600"; - } else if (daysLeft <= 3) { - statusIcon = ; - statusText = `${daysLeft}일 남음`; - statusClass = "text-amber-600"; - } else if (daysLeft <= 7) { - statusIcon = ; - statusText = `${daysLeft}일 남음`; - statusClass = "text-blue-600"; - } else { - statusIcon = ; - statusText = `${daysLeft}일 남음`; - statusClass = "text-green-600"; - } - - return ( -
- - {format(dueDate, "yyyy-MM-dd")} - -
- {statusIcon} - {statusText} -
-
- ); - }, + cell: ({ row }) => renderDueDateCell(row.original.dueDate), size: 120, }, @@ -1166,7 +1062,7 @@ export function getRfqColumns({ cell: ({ row, table }) => ( { // 테이블 데이터를 새로고침하는 로직 // 이 부분은 상위 컴포넌트에서 refreshData 함수를 prop으로 전달받아 사용 @@ -1204,17 +1100,17 @@ export function getRfqColumns({ }, // 시리즈 - { - accessorKey: "series", - header: ({ column }) => , - cell: ({ row }) => { - const series = row.original.series; - if (!series) return "-"; - const label = series === "SS" ? "시리즈 통합" : series === "II" ? "품목 통합" : series; - return {label}; - }, - size: 100, - }, + // { + // accessorKey: "series", + // header: ({ column }) => , + // cell: ({ row }) => { + // const series = row.original.series; + // if (!series) return "-"; + // const label = series === "SS" ? "시리즈 통합" : series === "II" ? "품목 통합" : series; + // return {label}; + // }, + // size: 100, + // }, // 선급 { @@ -1322,59 +1218,7 @@ export function getRfqColumns({ { accessorKey: "dueDate", header: ({ column }) => , - cell: ({ row }) => { - const date = row.original.dueDate; - if (!date) return "-"; - - const now = new Date(); - const dueDate = new Date(date); - const daysLeft = differenceInDays(dueDate, now); - - // 상태별 스타일과 아이콘 설정 - let statusIcon; - let statusText; - let statusClass; - - if (daysLeft < 0) { - // 마감일 지남 - const daysOverdue = Math.abs(daysLeft); - statusIcon = ; - statusText = `${daysOverdue}일 지남`; - statusClass = "text-red-600"; - } else if (daysLeft === 0) { - // 오늘 마감 - statusIcon = ; - statusText = "오늘 마감"; - statusClass = "text-orange-600"; - } else if (daysLeft <= 3) { - // 3일 이내 마감 임박 - statusIcon = ; - statusText = `${daysLeft}일 남음`; - statusClass = "text-amber-600"; - } else if (daysLeft <= 7) { - // 일주일 이내 - statusIcon = ; - statusText = `${daysLeft}일 남음`; - statusClass = "text-blue-600"; - } else { - // 여유 있음 - statusIcon = ; - statusText = `${daysLeft}일 남음`; - statusClass = "text-green-600"; - } - - return ( -
- - {format(dueDate, "yyyy-MM-dd")} - -
- {statusIcon} - {statusText} -
-
- ); - }, + cell: ({ row }) => renderDueDateCell(row.original.dueDate), size: 120, // 크기를 약간 늘림 }, -- cgit v1.2.3