(대표님) 정기평가 대상, 미들웨어 수정, nextauth 토큰 처리 개선, GTC 등

(최겸) 기술영업

10 files changed, 523 insertions, 143 deletions

diff --git a/lib/techsales-rfq/table/detail-table/quotation-contacts-view-dialog.tsx b/lib/techsales-rfq/table/detail-table/quotation-contacts-view-dialog.tsx
index 3e793b62..61c97b1b 100644
--- a/lib/techsales-rfq/table/detail-table/quotation-contacts-view-dialog.tsx
+++ b/lib/techsales-rfq/table/detail-table/quotation-contacts-view-dialog.tsx
@@ -20,6 +20,7 @@ interface QuotationContact {
   contactId: number

   contactName: string

   contactPosition: string | null

+  contactTitle: string | null

   contactEmail: string

   contactPhone: string | null

   contactCountry: string | null

@@ -129,6 +130,11 @@ export function QuotationContactsViewDialog({
                           {contact.contactPosition}

                         </p>

                       )}

+                      {contact.contactTitle && (

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

+                          {contact.contactTitle}

+                        </p>

+                      )}

                       {contact.contactCountry && (

                         <p className="text-xs text-muted-foreground">

                           {contact.contactCountry}

diff --git a/lib/techsales-rfq/table/detail-table/quotation-history-dialog.tsx b/lib/techsales-rfq/table/detail-table/quotation-history-dialog.tsx
index 0f5158d9..7d972b91 100644
--- a/lib/techsales-rfq/table/detail-table/quotation-history-dialog.tsx
+++ b/lib/techsales-rfq/table/detail-table/quotation-history-dialog.tsx
@@ -1,5 +1,4 @@
 "use client"

-

 import * as React from "react"

 import { useState, useEffect } from "react"

 import {

@@ -16,6 +15,8 @@ import { Skeleton } from "@/components/ui/skeleton"
 import { Clock, User, AlertCircle, Paperclip } from "lucide-react"

 import { formatDate } from "@/lib/utils"

 import { toast } from "sonner"

+import { Button } from "@/components/ui/button"

+import { updateSHIComment } from "@/lib/techsales-rfq/service";

 

 interface QuotationAttachment {

   id: number

@@ -37,7 +38,7 @@ interface QuotationSnapshot {
   totalPrice: string | null

   validUntil: Date | null

   remark: string | null

-  status: string | null

+  status: string

   quotationVersion: number | null

   submittedAt: Date | null

   acceptedAt: Date | null

@@ -93,7 +94,9 @@ function QuotationCard({
   isCurrent = false, 

   revisedBy, 

   revisedAt,

-  attachments 

+  attachments,

+  revisionId,

+  revisionNote,

 }: {

   data: QuotationSnapshot | QuotationHistoryData["current"]

   version: number

@@ -101,9 +104,36 @@ function QuotationCard({
   revisedBy?: string | null

   revisedAt?: Date

   attachments?: QuotationAttachment[]

+  revisionId?: number

+  revisionNote?: string | null

 }) {

   const statusInfo = statusConfig[data.status as keyof typeof statusConfig] || 

     { label: data.status || "알 수 없음", color: "bg-gray-100 text-gray-800" }

+  

+  const [editValue, setEditValue] = React.useState(revisionNote || "");

+  const [isSaving, setIsSaving] = React.useState(false);

+  

+  React.useEffect(() => {

+    setEditValue(revisionNote || "");

+  }, [revisionNote]);

+  

+  const handleSave = async () => {

+    if (!revisionId) return;

+    

+    setIsSaving(true);

+    try {

+      const result = await updateSHIComment(revisionId, editValue);

+      if (result.error) {

+        toast.error(result.error);

+      } else {

+        toast.success("저장 완료");

+      }

+    } catch (error) {

+      toast.error("저장 중 오류가 발생했습니다");

+    } finally {

+      setIsSaving(false);

+    }

+  };

 

   return (

     <Card className={`${isCurrent ? "border-blue-500 shadow-md" : "border-gray-200"}`}>

@@ -117,12 +147,6 @@ function QuotationCard({
             {statusInfo.label}

           </Badge>

         </div>

-        {/* {changeReason && (

-          <div className="flex items-center gap-2 text-sm text-muted-foreground">

-            <FileText className="size-4" />

-            <span>{changeReason}</span>

-          </div>

-        )} */}

       </CardHeader>

       <CardContent className="space-y-3">

         <div className="grid grid-cols-2 gap-4">

@@ -147,6 +171,21 @@ function QuotationCard({
           </div>

         )}

         

+        {revisionId && (

+  <div>

+    <p className="text-sm font-medium text-muted-foreground mt-2">SHI Comment</p>

+    <textarea

+      className="w-full min-h-[60px] p-2 border rounded bg-gray-50 text-sm"

+      value={editValue}

+      onChange={e => setEditValue(e.target.value)}

+      disabled={isSaving}

+    />

+    <Button size="sm" onClick={handleSave} disabled={isSaving} className="mt-2">

+      저장

+    </Button>

+  </div>

+)}

+        

         {/* 첨부파일 섹션 */}

         {attachments && attachments.length > 0 && (

           <div>

@@ -209,16 +248,15 @@ export function QuotationHistoryDialog({
 }: QuotationHistoryDialogProps) {

   const [data, setData] = useState<QuotationHistoryData | null>(null)

   const [isLoading, setIsLoading] = useState(false)

-

+  

   useEffect(() => {

     if (open && quotationId) {

       loadQuotationHistory()

     }

   }, [open, quotationId])

-

+  

   const loadQuotationHistory = async () => {

     if (!quotationId) return

-

     try {

       setIsLoading(true)

       const { getTechSalesVendorQuotationWithRevisions } = await import("@/lib/techsales-rfq/service")

@@ -238,14 +276,14 @@ export function QuotationHistoryDialog({
       setIsLoading(false)

     }

   }

-

+  

   const handleOpenChange = (newOpen: boolean) => {

     onOpenChange(newOpen)

     if (!newOpen) {

       setData(null) // 다이얼로그 닫을 때 데이터 초기화

     }

   }

-

+  

   return (

     <Dialog open={open} onOpenChange={handleOpenChange}>

       <DialogContent className="w-[80vw] max-h-[90vh] overflow-y-auto">

@@ -257,54 +295,55 @@ export function QuotationHistoryDialog({
         </DialogHeader>

         

         <div className="space-y-4 overflow-x-auto">

-          {isLoading ? (

-            <div className="space-y-4">

-              {[1, 2, 3].map((i) => (

-                <div key={i} className="space-y-3">

-                  <Skeleton className="h-6 w-32" />

-                  <Skeleton className="h-32 w-full" />

-                </div>

-              ))}

-            </div>

-          ) : data ? (

-            <>

-              {/* 현재 버전 */}

-              <QuotationCard

-                data={data.current}

-                version={data.current.quotationVersion || 1}

-                isCurrent={true}

-                attachments={data.current.attachments}

-              />

-              

-              {/* 이전 버전들 */}

-              {data.revisions.length > 0 ? (

-                data.revisions.map((revision) => (

-                  <QuotationCard

-                    key={revision.id}

-                    data={revision.snapshot}

-                    version={revision.version}

-                    changeReason={revision.changeReason}

-                    revisedBy={revision.revisedByName}

-                    revisedAt={revision.revisedAt}

-                    attachments={revision.attachments}

-                  />

-                ))

-              ) : (

-                <div className="text-center py-8 text-muted-foreground">

-                  <AlertCircle className="size-12 mx-auto mb-2 opacity-50" />

-                  <p>수정 이력이 없습니다.</p>

-                  <p className="text-sm">이 견적서는 아직 수정되지 않았습니다.</p>

-                </div>

-              )}

-            </>

-          ) : (

-            <div className="text-center py-8 text-muted-foreground">

-              <AlertCircle className="size-12 mx-auto mb-2 opacity-50" />

-              <p>견적서 정보를 불러올 수 없습니다.</p>

-            </div>

-          )}

-        </div>

+        {isLoading ? (

+          <div className="space-y-4">

+            {[1, 2, 3].map((i) => (

+              <div key={i} className="space-y-3">

+                <Skeleton className="h-6 w-32" />

+                <Skeleton className="h-32 w-full" />

+              </div>

+            ))}

+          </div>

+        ) : data ? (

+          <>

+            {/* 현재 버전 - SHI Comment 없이 표시 */}

+            <QuotationCard

+              data={data.current}

+              version={data.current.quotationVersion || 1}

+              isCurrent={true}

+              attachments={data.current.attachments}

+            />

+            

+            {/* 이전 버전들 (스냅샷) - SHI Comment 포함 */}

+            {data.revisions.length > 0 ? (

+              data.revisions.map((revision) => (

+                <QuotationCard

+                  key={revision.id}

+                  data={revision.snapshot}

+                  version={revision.version}

+                  revisedBy={revision.revisedByName}

+                  revisedAt={revision.revisedAt}

+                  attachments={revision.attachments}

+                  revisionId={revision.id}

+                  revisionNote={revision.revisionNote}

+                />

+              ))

+            ) : (

+              <div className="text-center py-8 text-muted-foreground">

+                <AlertCircle className="size-12 mx-auto mb-2 opacity-50" />

+                <p>수정 이력이 없습니다.</p>

+                <p className="text-sm">이 견적서는 아직 수정되지 않았습니다.</p>

+              </div>

+            )}

+          </>

+        ) : (

+          <div className="text-center py-8 text-muted-foreground">

+            <AlertCircle className="size-12 mx-auto mb-2 opacity-50" />

+            <p>견적서 정보를 불러올 수 없습니다.</p>

+          </div>

+        )}

+      </div>

       </DialogContent>

     </Dialog>

   )

-} 
\ No newline at end of file
+}
\ No newline at end of file
diff --git a/lib/techsales-rfq/table/detail-table/rfq-detail-column.tsx b/lib/techsales-rfq/table/detail-table/rfq-detail-column.tsx
index e4141520..7ece2406 100644
--- a/lib/techsales-rfq/table/detail-table/rfq-detail-column.tsx
+++ b/lib/techsales-rfq/table/detail-table/rfq-detail-column.tsx
@@ -46,6 +46,7 @@ export interface RfqDetailView {
   createdByName: string | null

   quotationCode?: string | null

   rfqCode?: string | null

+  quotationVersion?: number | null

   quotationAttachments?: Array<{

     id: number

     revisionId: number

@@ -185,6 +186,22 @@ export function getRfqDetailColumns({
       enableResizing: true,

       size: 160,

     },

+        // [Rev 컬럼 추가]

+        {

+          id: "rev",

+          header: ({ column }) => (

+            <DataTableColumnHeaderSimple column={column} title="Rev" />

+          ),

+          cell: ({ row }) => {

+            const version = row.original.quotationVersion ?? 0;

+            return <div className="text-center font-mono">{version}</div>;

+          },

+          meta: {

+            excelHeader: "Rev"

+          },

+          enableResizing: false,

+          size: 60,

+        },

     {

       accessorKey: "totalPrice",

       header: ({ column }) => (

@@ -227,6 +244,7 @@ export function getRfqDetailColumns({
       enableResizing: true,

       size: 140,

     },

+

     {

       accessorKey: "quotationAttachments",

       header: ({ column }) => (

diff --git a/lib/techsales-rfq/table/detail-table/rfq-detail-table.tsx b/lib/techsales-rfq/table/detail-table/rfq-detail-table.tsx
index acf67497..8bfb8299 100644
--- a/lib/techsales-rfq/table/detail-table/rfq-detail-table.tsx
+++ b/lib/techsales-rfq/table/detail-table/rfq-detail-table.tsx
@@ -730,8 +730,8 @@ export function RfqDetailTables({ selectedRfq, maxHeight }: RfqDetailTablesProps
         onSuccess={handleRefreshData}

       />

 

-      {/* 다중 벤더 삭제 확인 다이얼로그

-      <DeleteVendorDialog

+      {/* 다중 벤더 삭제 확인 다이얼로그 */}

+      {/* <DeleteVendorDialog

         open={deleteConfirmDialogOpen}

         onOpenChange={setDeleteConfirmDialogOpen}

         vendors={selectedRows}

diff --git a/lib/techsales-rfq/table/detail-table/vendor-communication-drawer.tsx b/lib/techsales-rfq/table/detail-table/vendor-communication-drawer.tsx
index e6cd32a9..5b60ef0f 100644
--- a/lib/techsales-rfq/table/detail-table/vendor-communication-drawer.tsx
+++ b/lib/techsales-rfq/table/detail-table/vendor-communication-drawer.tsx
@@ -320,9 +320,9 @@ export function VendorCommunicationDrawer({
   };

   

   // 첨부파일 다운로드

-  const handleAttachmentDownload = async (attachment: Attachment) => {

-    const { downloadFile } = await import("@/lib/file-download");

-    await downloadFile(attachment.filePath, attachment.originalFileName);

+  const handleAttachmentDownload = (attachment: Attachment) => {

+    // TODO: 실제 다운로드 구현

+    window.open(attachment.filePath, '_blank');

   };

   

   // 파일 아이콘 선택

diff --git a/lib/techsales-rfq/table/detail-table/vendor-contact-selection-dialog.tsx b/lib/techsales-rfq/table/detail-table/vendor-contact-selection-dialog.tsx
index aa6f6c2f..031f4aa2 100644
--- a/lib/techsales-rfq/table/detail-table/vendor-contact-selection-dialog.tsx
+++ b/lib/techsales-rfq/table/detail-table/vendor-contact-selection-dialog.tsx
@@ -21,6 +21,7 @@ interface VendorContact {
   id: number

   contactName: string

   contactPosition: string | null

+  contactTitle: string | null

   contactEmail: string

   contactPhone: string | null

   isPrimary: boolean

@@ -283,6 +284,11 @@ export function VendorContactSelectionDialog({
                                   {contact.contactPosition}

                                 </p>

                               )}

+                              {contact.contactTitle && (

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

+                                  {contact.contactTitle}

+                                </p>

+                              )}

                             </div>

                           </div>

                         </div>

diff --git a/lib/techsales-rfq/table/rfq-filter-sheet.tsx b/lib/techsales-rfq/table/rfq-filter-sheet.tsx
index a03e6167..7db8305d 100644
--- a/lib/techsales-rfq/table/rfq-filter-sheet.tsx
+++ b/lib/techsales-rfq/table/rfq-filter-sheet.tsx
@@ -48,7 +48,32 @@ const filterSchema = z.object({
     from: z.date().optional(),

     to: z.date().optional(),

   }).optional(),

+  workTypes: z.array(z.string()).optional(),

 })

+// 공종 옵션 정의 (tech-vendors와 동일)

+const workTypeOptions = [

+  // 조선 workTypes

+  { value: "기장", label: "기장" },

+  { value: "전장", label: "전장" },

+  { value: "선실", label: "선실" },

+  { value: "배관", label: "배관" },

+  { value: "철의", label: "철의" },

+  { value: "선체", label: "선체" },

+  // 해양TOP workTypes

+  { value: "TM", label: "TM" },

+  { value: "TS", label: "TS" },

+  { value: "TE", label: "TE" },

+  { value: "TP", label: "TP" },

+  { value: "TA", label: "TA" },

+  // 해양HULL workTypes

+  { value: "HA", label: "HA" },

+  { value: "HE", label: "HE" },

+  { value: "HH", label: "HH" },

+  { value: "HM", label: "HM" },

+  { value: "NC", label: "NC" },

+  { value: "HO", label: "HO" },

+  { value: "HP", label: "HP" },

+];

 

 // 상태 옵션 정의 (TechSales RFQ 상태에 맞게 수정)

 const statusOptions = [

@@ -89,13 +114,13 @@ export function RFQFilterSheet({
 

   // nuqs로 URL 상태 관리 - 파라미터명을 'basicFilters'로 변경

   const [filters, setFilters] = useQueryState(

-    "basicFilters",

+    "filters",

     getFiltersStateParser().withDefault([])

   )

 

   // joinOperator 설정

   const [joinOperator, setJoinOperator] = useQueryState(

-    "basicJoinOperator",

+    "joinOperator",

     parseAsStringEnum(["and", "or"]).withDefault("and")

   )

 

@@ -118,6 +143,7 @@ export function RFQFilterSheet({
         from: undefined,

         to: undefined,

       },

+      workTypes: [],

     },

   })

 

@@ -274,6 +300,16 @@ export function RFQFilterSheet({
           })

         }

 

+        if (data.workTypes && data.workTypes.length > 0) {

+          newFilters.push({

+            id: "workTypes",

+            value: data.workTypes,

+            type: "multi-select" as const,

+            operator: "eq" as const,

+            rowId: generateId()

+          })

+        }

+

         console.log("기본 필터 적용:", newFilters);

 

         // 마지막 적용된 필터 업데이트

@@ -313,6 +349,7 @@ export function RFQFilterSheet({
         createdByName: "",

         status: "",

         dateRange: { from: undefined, to: undefined },

+        workTypes: [],

       });

 

       // 필터와 조인 연산자를 초기화

@@ -446,6 +483,7 @@ export function RFQFilterSheet({
                   </FormItem>

                 )}

               />

+              

 

               {/* 자재명 */}

               <FormField

@@ -561,44 +599,6 @@ export function RFQFilterSheet({
                 )}

               />

 

-              {/* 선종명 */}

-              <FormField

-                control={form.control}

-                name="ptypeNm"

-                render={({ field }) => (

-                  <FormItem>

-                    <FormLabel>{t("선종명")}</FormLabel>

-                    <FormControl>

-                      <div className="relative">

-                        <Input

-                          placeholder={t("선종명 입력")}

-                          {...field}

-                          className={cn(field.value && "pr-8", "bg-white")}

-                          disabled={isInitializing}

-                        />

-                        {field.value && (

-                          <Button

-                            type="button"

-                            variant="ghost"

-                            size="icon"

-                            className="absolute right-0 top-0 h-full px-2"

-                            onClick={(e) => {

-                              e.stopPropagation();

-                              form.setValue("ptypeNm", "");

-                            }}

-                            disabled={isInitializing}

-                          >

-                            <X className="size-3.5" />

-                            <span className="sr-only">Clear</span>

-                          </Button>

-                        )}

-                      </div>

-                    </FormControl>

-                    <FormMessage />

-                  </FormItem>

-                )}

-              />

-

               {/* 요청자 */}

               <FormField

                 control={form.control}

@@ -685,43 +685,38 @@ export function RFQFilterSheet({
                 )}

               />

 

-              {/* RFQ 전송일 */}

+              {/* 공종 */}

               <FormField

                 control={form.control}

-                name="dateRange"

+                name="workTypes"

                 render={({ field }) => (

                   <FormItem>

-                    <FormLabel>{t("RFQ 전송일")}</FormLabel>

-                    <FormControl>

-                      <div className="relative">

-                        <DateRangePicker

-                          triggerSize="default"

-                          triggerClassName="w-full bg-white"

-                          align="start"

-                          showClearButton={true}

-                          placeholder={t("RFQ 전송일 범위를 고르세요")}

-                          date={field.value || undefined}

-                          onDateChange={field.onChange}

-                          disabled={isInitializing}

-                        />

-                        {(field.value?.from || field.value?.to) && (

-                          <Button

-                            type="button"

-                            variant="ghost"

-                            size="icon"

-                            className="absolute right-10 top-0 h-full px-2"

-                            onClick={(e) => {

-                              e.stopPropagation();

-                              form.setValue("dateRange", { from: undefined, to: undefined });

+                    <FormLabel>공종</FormLabel>

+                    <div className="grid grid-cols-2 gap-2">

+                      {workTypeOptions.map((option) => (

+                        <div key={option.value} className="flex items-center space-x-2">

+                          <input

+                            type="checkbox"

+                            id={`workType-${option.value}`}

+                            checked={field.value?.includes(option.value) || false}

+                            onChange={(e) => {

+                              const checked = e.target.checked;

+                              const updatedValue = checked

+                                ? [...(field.value || []), option.value]

+                                : (field.value || []).filter((value) => value !== option.value);

+                              field.onChange(updatedValue);

                             }}

                             disabled={isInitializing}

+                          />

+                          <label

+                            htmlFor={`workType-${option.value}`}

+                            className="text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70"

                           >

-                            <X className="size-3.5" />

-                            <span className="sr-only">Clear</span>

-                          </Button>

-                        )}

-                      </div>

-                    </FormControl>

+                            {option.label}

+                          </label>

+                        </div>

+                      ))}

+                    </div>

                     <FormMessage />

                   </FormItem>

                 )}

diff --git a/lib/techsales-rfq/table/rfq-table-column.tsx b/lib/techsales-rfq/table/rfq-table-column.tsx
index f41857cd..2bc5b5b4 100644
--- a/lib/techsales-rfq/table/rfq-table-column.tsx
+++ b/lib/techsales-rfq/table/rfq-table-column.tsx
@@ -9,6 +9,9 @@ import { DataTableRowAction } from "@/types/table"
 import { Paperclip, Package, FileText, BarChart3 } from "lucide-react"

 import { Button } from "@/components/ui/button"

 import { TechSalesRfq } from "./rfq-table"

+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "@/components/ui/dropdown-menu"

+import { MoreHorizontal } from "lucide-react"

+import { Edit } from "lucide-react"

 

 interface GetColumnsProps {

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

@@ -409,5 +412,35 @@ export function getColumns({
         excelHeader: "CBE 결과"

       },

     },

+    // getColumns 함수 내 컬럼 배열 마지막에 추가

+{

+  id: "actions",

+  header: ({ column }) => (

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

+  ),

+  cell: ({ row }) => {

+    return (

+      <DropdownMenu>

+        <DropdownMenuTrigger asChild>

+          <Button

+            variant="ghost"

+            size="sm"

+            className="h-8 w-8 p-0"

+          >

+            <MoreHorizontal className="h-4 w-4" />

+          </Button>

+        </DropdownMenuTrigger>

+        <DropdownMenuContent align="end">

+          <DropdownMenuItem onClick={() => setRowAction({ row, type: "update" })}>

+            <span>수정하기 </span>

+          </DropdownMenuItem>

+        </DropdownMenuContent>

+      </DropdownMenu>

+    )

+  },

+  enableSorting: false,

+  enableResizing: false,

+  size: 60,

+}

   ]

 }
\ No newline at end of file
diff --git a/lib/techsales-rfq/table/rfq-table.tsx b/lib/techsales-rfq/table/rfq-table.tsx
index e3551625..e1e511c8 100644
--- a/lib/techsales-rfq/table/rfq-table.tsx
+++ b/lib/techsales-rfq/table/rfq-table.tsx
@@ -17,7 +17,7 @@ import {
 import { useDataTable } from "@/hooks/use-data-table"

 import { DataTable } from "@/components/data-table/data-table"

 import { getColumns } from "./rfq-table-column"

-import { useEffect, useMemo } from "react"

+import { useEffect, useMemo, useState } from "react"

 import { DataTableAdvancedToolbar } from "@/components/data-table/data-table-advanced-toolbar"

 import { RFQTableToolbarActions } from "./rfq-table-toolbar-actions"

 import { getTechSalesRfqsWithJoin, getTechSalesRfqAttachments } from "@/lib/techsales-rfq/service"

@@ -29,6 +29,7 @@ import { ProjectDetailDialog } from "./project-detail-dialog"
 import { RFQFilterSheet } from "./rfq-filter-sheet"

 import { TechSalesRfqAttachmentsSheet, ExistingTechSalesAttachment } from "./tech-sales-rfq-attachments-sheet"

 import { RfqItemsViewDialog } from "./rfq-items-view-dialog"

+import UpdateSheet from "./update-rfq-sheet"

 // 기본적인 RFQ 타입 정의 (repository selectTechSalesRfqsWithJoin 반환 타입에 맞춤)

 export interface TechSalesRfq {

   id: number

@@ -103,7 +104,10 @@ export function RFQListTable({
   

   // 패널 collapse 상태

   const [panelHeight, setPanelHeight] = React.useState<number>(55)

-  

+  // RFQListTable 컴포넌트 내부의 rowAction 처리 부분 수정

+  const [updateSheetOpen, setUpdateSheetOpen] = useState(false);

+  const [selectedRfqIdForUpdate, setSelectedRfqIdForUpdate] = useState<number | null>(null);

+

   // 고정 높이 설정을 위한 상수 (실제 측정값으로 조정 필요)

   const LAYOUT_HEADER_HEIGHT = 64 // Layout Header 높이

   const LAYOUT_FOOTER_HEIGHT = 60 // Layout Footer 높이 (있다면 실제 값)

@@ -246,8 +250,10 @@ export function RFQListTable({
           setIsProjectDetailOpen(true);

           break;

         case "update":

-          console.log("Update rfq:", rowAction.row.original)

-          break;

+            // RFQ 수정 시트 열기

+            setSelectedRfqIdForUpdate(rowAction.row.original.id);

+            setUpdateSheetOpen(true);

+            break;

         case "delete":

           console.log("Delete rfq:", rowAction.row.original)

           break;

@@ -391,6 +397,7 @@ export function RFQListTable({
         { label: "TS", value: "TS" },

         { label: "TE", value: "TE" },

         { label: "TP", value: "TP" },

+        { label: "TA", value: "TA" },

         // 해양HULL workTypes

         { label: "HA", value: "HA" },

         { label: "HE", value: "HE" },

@@ -450,8 +457,6 @@ export function RFQListTable({
     }

   }

 

-  console.log(panelHeight)

-

   return (

     <div 

       className={cn("flex flex-col relative", className)}

@@ -631,6 +636,17 @@ export function RFQListTable({
           rfqType: selectedRfqForItems.rfqType

         } : null}

       />

+          {updateSheetOpen && selectedRfqIdForUpdate && (

+      <UpdateSheet

+        open={updateSheetOpen}

+        onOpenChange={setUpdateSheetOpen}

+        rfqId={selectedRfqIdForUpdate}

+        onUpdated={() => {

+          // 테이블 새로고침 로직

+          // 필요한 경우 여기에 추가

+        }}

+      />

+    )}

     </div>

   )

 }
\ No newline at end of file
diff --git a/lib/techsales-rfq/table/update-rfq-sheet.tsx b/lib/techsales-rfq/table/update-rfq-sheet.tsx
new file mode 100644
index 00000000..7dcc0e0e
--- /dev/null
+++ b/lib/techsales-rfq/table/update-rfq-sheet.tsx
@@ -0,0 +1,267 @@
+"use client";

+import * as React from "react";

+import { useForm } from "react-hook-form";

+import { zodResolver } from "@hookform/resolvers/zod";

+import { z } from "zod";

+import { format } from "date-fns";

+import { ko } from "date-fns/locale/ko";

+import { toast } from "sonner";

+import { Loader2, CalendarIcon } from "lucide-react";

+

+import { Button } from "@/components/ui/button";

+import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "@/components/ui/form";

+import { Input } from "@/components/ui/input";

+import { Sheet, SheetContent, SheetHeader, SheetTitle, SheetDescription, SheetFooter, SheetClose } from "@/components/ui/sheet";

+import { Popover, PopoverTrigger, PopoverContent } from "@/components/ui/popover";

+import { Calendar } from "@/components/ui/calendar";

+import { cn } from "@/lib/utils";

+import { updateTechSalesRfq, getTechSalesRfqById } from "@/lib/techsales-rfq/service";

+

+// Zod schema for form validation

+const updateRfqSchema = z.object({

+  rfqId: z.number().min(1, "RFQ ID is required"),

+  description: z.string(),

+  dueDate: z.string(),

+});

+

+type UpdateRfqSchema = z.infer<typeof updateRfqSchema>;

+

+interface UpdateSheetProps {

+  open: boolean;

+  onOpenChange?: (open: boolean) => void;

+  rfqId: number;

+  onUpdated?: () => void;

+}

+

+export default function UpdateSheet({ open, onOpenChange, rfqId, onUpdated }: UpdateSheetProps) {

+  const [isPending, startTransition] = React.useTransition();

+  const [projectInfo, setProjectInfo] = React.useState({

+    projNm: "",

+    sector: "",

+    projMsrm: "",

+    ptypeNm: "",

+    rfqNo: "",

+  });

+  const [isLoading, setIsLoading] = React.useState(false);

+

+  // Initialize form with React Hook Form and Zod

+  const form = useForm<UpdateRfqSchema>({

+    resolver: zodResolver(updateRfqSchema),

+    defaultValues: {

+      rfqId,

+      description: "",

+      dueDate: "",

+    },

+  });

+

+  // Load RFQ data when sheet opens

+  React.useEffect(() => {

+    if (open && rfqId) {

+      loadRfqData();

+    }

+  }, [open, rfqId]);

+

+  const loadRfqData = async () => {

+    try {

+      setIsLoading(true);

+      const result = await getTechSalesRfqById(rfqId);

+      if (result.error) {

+        toast.error(result.error);

+        onOpenChange?.(false);

+        return;

+      }

+      if (result.data) {

+        form.reset({

+          rfqId,

+          description: result.data.description || "",

+          dueDate: result.data.dueDate ? new Date(result.data.dueDate).toISOString().slice(0, 10) : "",

+        });

+        setProjectInfo({

+          projNm: result.data.project[0].projectName || "",

+          sector: result.data.project[0].pjtType || "",

+          projMsrm: result.data.project[0].projMsrm || "",

+          ptypeNm: result.data.project[0].ptypeNm || "",

+          rfqNo: result.data.rfqCode || "",

+        });

+      }

+    } catch (error: any) {

+      toast.error("RFQ 정보를 불러오는 중 오류가 발생했습니다: " + error.message);

+      onOpenChange?.(false);

+    } finally {

+      setIsLoading(false);

+    }

+  };

+

+  // Form submission handler with debug logs

+  async function onSubmit(values: UpdateRfqSchema) {

+    console.log("Form submitted with values:", values);

+    startTransition(async () => {

+      try {

+        console.log("Submitting RFQ update for ID:", values.rfqId);

+        const result = await updateTechSalesRfq({

+          id: values.rfqId,

+          description: values.description,

+          dueDate: new Date(values.dueDate),

+          updatedBy: 1, // Replace with actual user ID

+        });

+        if (result.error) {

+          console.error("Update error:", result.error);

+          toast.error(result.error);

+        } else {

+          console.log("RFQ updated successfully");

+          toast.success("RFQ가 성공적으로 업데이트되었습니다!");

+          onUpdated?.();

+          onOpenChange?.(false);

+          form.reset();

+        }

+      } catch (error: any) {

+        console.error("Update failed with error:", error.message);

+        toast.error("업데이트 중 오류 발생: " + error.message);

+      }

+    });

+  }

+

+  // Debug form errors on change

+  React.useEffect(() => {

+    const subscription = form.watch(() => {

+      console.log("Form values changed:", form.getValues());

+      console.log("Form errors:", form.formState.errors);

+    });

+    return () => subscription.unsubscribe();

+  }, [form]);

+

+  return (

+    <Sheet open={open} onOpenChange={onOpenChange}>

+      <SheetContent className="flex flex-col h-full sm:max-w-xl bg-gray-50">

+        <SheetHeader className="text-left flex-shrink-0">

+          <SheetTitle className="text-2xl font-bold">RFQ 수정</SheetTitle>

+          <SheetDescription className="">

+            RFQ 정보를 수정합니다. 모든 필드를 입력한 후 저장 버튼을 클릭하세요.

+          </SheetDescription>

+        </SheetHeader>

+

+        <div className="flex-1 overflow-y-auto py-4">

+          {isLoading ? (

+            <div className="flex justify-center items-center py-12">

+              <Loader2 className="h-10 w-10 animate-spin" />

+            </div>

+          ) : (

+            <div className="space-y-6">

+              <div className="bg-white shadow-sm rounded-lg p-5 border border-gray-200">

+                <div className="grid grid-cols-2 gap-4 text-sm">

+                  <div>

+                    <span className="font-semibold text-gray-700">프로젝트명:</span> {projectInfo.projNm}

+                  </div>

+                  <div>

+                    <span className="font-semibold text-gray-700">섹터:</span> {projectInfo.sector}

+                  </div>

+                  <div>

+                    <span className="font-semibold text-gray-700">척수:</span> {projectInfo.projMsrm}

+                  </div>

+                  <div>

+                    <span className="font-semibold text-gray-700">선종:</span> {projectInfo.ptypeNm}

+                  </div>

+                  <div>

+                    <span className="font-semibold text-gray-700">RFQ No:</span> {projectInfo.rfqNo}

+                  </div>

+                </div>

+              </div>

+

+              <Form {...form}>

+                <form id="update-rfq-form" onSubmit={form.handleSubmit(onSubmit)} className="flex flex-col gap-4">

+                  <FormField

+                    control={form.control}

+                    name="description"

+                    render={({ field }) => (

+                      <FormItem>

+                        <FormLabel className="text-sm font-medium text-gray-700">RFQ Title</FormLabel>

+                        <FormControl>

+                          <Input

+                            {...field}

+                            placeholder="RFQ Title을 입력하세요"

+                            className="border-gray-300 rounded-md"

+                          />

+                        </FormControl>

+                        <FormMessage />

+                      </FormItem>

+                    )}

+                  />

+

+                  <FormField

+                    control={form.control}

+                    name="dueDate"

+                    render={({ field }) => (

+                      <FormItem className="flex flex-col">

+                        <FormLabel>마감일</FormLabel>

+                        <Popover>

+                          <PopoverTrigger asChild>

+                            <FormControl>

+                              <Button

+                                variant="outline"

+                                className={cn(

+                                  "w-full pl-3 text-left font-normal",

+                                  !field.value && "text-muted-foreground"

+                                )}

+                              >

+                                {field.value ? (

+                                  format(new Date(field.value), "PPP", { locale: ko })

+                                ) : (

+                                  <span>마감일을 선택하세요</span>

+                                )}

+                                <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />

+                              </Button>

+                            </FormControl>

+                          </PopoverTrigger>

+                          <PopoverContent className="w-auto p-0" align="start">

+                            <Calendar

+                              mode="single"

+                              selected={field.value ? new Date(field.value) : undefined}

+                              onSelect={(date) => {

+                                // date-fns format을 사용해 yyyy-MM-dd로 변환하여 string 저장

+                                if (date) {

+                                  field.onChange(format(date, "yyyy-MM-dd"));

+                                }

+                              }}

+                              disabled={(date) =>

+                                date < new Date() || date < new Date("1900-01-01")

+                              }

+                              initialFocus

+                            />

+                          </PopoverContent>

+                        </Popover>

+                        <FormMessage />

+                      </FormItem>

+                    )}

+                  />

+                </form>

+              </Form>

+            </div>

+          )}

+        </div>

+

+        <SheetFooter className="gap-2 pt-2 sm:space-x-0 flex-shrink-0">

+          <SheetClose asChild>

+            <Button

+              type="button"

+              variant="outline"

+              disabled={isPending}

+              className="border-gray-300 text-gray-700 hover:bg-gray-100 rounded-md"

+            >

+              취소

+            </Button>

+          </SheetClose>

+          <Button

+            type="submit"

+            form="update-rfq-form"

+            disabled={isPending}

+            className="bg-blue-600 hover:bg-blue-700 text-white rounded-md"

+            onClick={() => console.log("Save button clicked")}

+          >

+            {isPending && <Loader2 className="mr-2 h-4 w-4 animate-spin" aria-hidden="true" />}

+            저장

+          </Button>

+        </SheetFooter>

+      </SheetContent>

+    </Sheet>

+  );

+}
\ No newline at end of file