(대표님) rfq-last 작업, vendorDocu 스키마 변경, 벤더 문서 관련 변경

3 files changed, 142 insertions, 99 deletions

diff --git a/app/[lng]/evcp/(evcp)/rfq-last/[id]/layout.tsx b/app/[lng]/evcp/(evcp)/rfq-last/[id]/layout.tsx
new file mode 100644
index 00000000..1b058801
--- /dev/null
+++ b/app/[lng]/evcp/(evcp)/rfq-last/[id]/layout.tsx
@@ -0,0 +1,82 @@
+import { Metadata } from "next"
+import Link from "next/link"
+import { Separator } from "@/components/ui/separator"
+import { SidebarNav } from "@/components/layout/sidebar-nav"
+import { formatDate } from "@/lib/utils"
+import { Button } from "@/components/ui/button"
+import { ArrowLeft } from "lucide-react"
+import { RfqsLastView } from "@/db/schema"
+import { findRfqLastById } from "@/lib/rfq-last/service"
+
+export const metadata: Metadata = {
+  title: "견적 목록 상세",
+}
+
+export default async function RfqLayout({
+  children,
+  params,
+}: {
+  children: React.ReactNode
+  params: { lng: string, id: string }
+}) {
+
+  // 1) URL 파라미터에서 id 추출, Number로 변환
+  const resolvedParams = await params
+  const lng = resolvedParams.lng
+  const id = resolvedParams.id
+
+  const idAsNumber = Number(id)
+  // 2) DB에서 해당 협력업체 정보 조회
+  const rfq: RfqsLastView | null = await findRfqLastById(idAsNumber)
+
+  // 3) 사이드바 메뉴
+  const sidebarNavItems = [
+    {
+      title: "견적 문서관리",
+      href: `/${lng}/evcp/rfq-last/${id}`,
+    },
+    {
+      title: "RFQ 발송",
+      href: `/${lng}/evcp/rfq-last/${id}/vendor`,
+    },
+  ]
+
+  return (
+    <>
+      <div className="container py-6">
+        <section className="overflow-hidden rounded-[0.5rem] border bg-background shadow">
+          <div className="hidden space-y-6 p-10 pb-16 md:block">
+          <div className="flex items-center justify-end mb-4">
+              <Link href={`/${lng}/evcp/rfq-last`} passHref>
+                <Button variant="ghost" className="flex items-center text-primary hover:text-primary/80 transition-colors p-0 h-auto">
+                  <ArrowLeft className="mr-1 h-4 w-4" />
+                  <span>견적 목록으로 돌아가기</span>
+                </Button>
+              </Link>
+            </div>
+            <div className="space-y-0.5">
+              {/* 4) 협력업체 정보가 있으면 코드 + 이름 + "상세 정보" 표기 */}
+              <h2 className="text-2xl font-bold tracking-tight">
+                {rfq
+                  ? `${rfq.rfqCode ?? ""} | ${rfq.packageNo ?? ""} | ${rfq.packageName ?? ""}`
+                  : "Loading RFQ..."}
+              </h2>
+         
+              <p className="text-muted-foreground">
+              RFQ 관리하는 화면입니다.
+              </p>
+              <h3>Due Date:{rfq && rfq?.dueDate && <strong>{formatDate(rfq?.dueDate, "KR")}</strong>}</h3>
+            </div>
+            <Separator className="my-6" />
+            <div className="flex flex-col space-y-8 lg:flex-row lg:space-x-12 lg:space-y-0">
+            <aside className="lg:w-64 flex-shrink-0">
+            <SidebarNav items={sidebarNavItems} />
+              </aside>
+              <div className="lg:w-[calc(100%-16rem)] overflow-auto">{children}</div>
+              </div>
+          </div>
+        </section>
+      </div>
+    </>
+  )
+}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/rfq-last/[id]/page.tsx b/app/[lng]/evcp/(evcp)/rfq-last/[id]/page.tsx
new file mode 100644
index 00000000..6819e122
--- /dev/null
+++ b/app/[lng]/evcp/(evcp)/rfq-last/[id]/page.tsx
@@ -0,0 +1,52 @@
+import { Separator } from "@/components/ui/separator"
+import { type SearchParams } from "@/types/table"
+import { getValidFilters } from "@/lib/data-table"
+import { searchParamsRfqAttachmentsCache } from "@/lib/b-rfq/validations"
+import { getRfqLastAttachments } from "@/lib/rfq-last/service"
+
+interface IndexPageProps {
+  // Next.js 13 App Router에서 기본으로 주어지는 객체들
+  params: {
+    lng: string
+    id: string
+  }
+  searchParams: Promise<SearchParams>
+}
+
+export default async function RfqPage(props: IndexPageProps) {
+  const resolvedParams = await props.params
+  const lng = resolvedParams.lng
+  const id = resolvedParams.id
+
+  const idAsNumber = Number(id)
+
+
+  // 2) SearchParams 파싱 (Zod)
+  //    - "filters", "page", "perPage", "sort" 등 contact 전용 컬럼
+  const searchParams = await props.searchParams
+  const search = searchParamsRfqAttachmentsCache.parse(searchParams)
+  const validFilters = getValidFilters(search.filters)
+
+  const promises = getRfqLastAttachments({
+    ...search,
+    filters: validFilters,
+  }, idAsNumber)
+
+  // 4) 렌더링
+  return (
+    <div className="space-y-6">
+      <div>
+        <h3 className="text-lg font-medium">
+          견적 RFQ 문서관리
+        </h3>
+        <p className="text-sm text-muted-foreground">
+          설계로부터 받은 RFQ 문서와 구매 RFQ 문서를 관리하고 Vendor 회신을 점검/관리하는 화면입니다.
+        </p>
+      </div>
+      <Separator />
+      <div>
+        {/* <RfqAttachmentsTable promises={promises} rfqId={idAsNumber} /> */}
+      </div>
+    </div>
+  )
+}
\ No newline at end of file
diff --git a/app/[lng]/evcp/(evcp)/rfq-last/page.tsx b/app/[lng]/evcp/(evcp)/rfq-last/page.tsx
index 27936560..207bc2d4 100644
--- a/app/[lng]/evcp/(evcp)/rfq-last/page.tsx
+++ b/app/[lng]/evcp/(evcp)/rfq-last/page.tsx
@@ -33,97 +33,6 @@ interface RfqPageProps {
   searchParams: Promise<SearchParams>;
 }
 
-// 프로세스 안내 팝오버 컴포넌트
-function ProcessGuidePopover() {
-  return (
-    <Popover>
-      <PopoverTrigger asChild>
-        <Button variant="ghost" size="icon" className="h-6 w-6">
-          <HelpCircle className="h-4 w-4 text-muted-foreground" />
-        </Button>
-      </PopoverTrigger>
-      <PopoverContent className="w-96" align="start">
-        <div className="space-y-3">
-          <div className="space-y-1">
-            <h4 className="font-medium">RFQ 프로세스</h4>
-            <p className="text-sm text-muted-foreground">
-              견적 요청 관리 프로세스입니다.
-            </p>
-          </div>
-          
-          <div className="space-y-3 text-sm">
-            <div className="flex gap-3">
-              <div className="flex h-6 w-6 items-center justify-center rounded-full bg-blue-100 text-xs font-medium text-blue-600">
-                1
-              </div>
-              <div>
-                <p className="font-medium">RFQ 생성</p>
-                <p className="text-muted-foreground">ECC 또는 수동으로 RFQ를 생성합니다.</p>
-              </div>
-            </div>
-            <div className="flex gap-3">
-              <div className="flex h-6 w-6 items-center justify-center rounded-full bg-blue-100 text-xs font-medium text-blue-600">
-                2
-              </div>
-              <div>
-                <p className="font-medium">구매담당 지정</p>
-                <p className="text-muted-foreground">각 RFQ에 구매 담당자를 지정합니다.</p>
-              </div>
-            </div>
-            <div className="flex gap-3">
-              <div className="flex h-6 w-6 items-center justify-center rounded-full bg-blue-100 text-xs font-medium text-blue-600">
-                3
-              </div>
-              <div>
-                <p className="font-medium">업체 선정 및 발송</p>
-                <p className="text-muted-foreground">Short List를 확정하고 RFQ를 발송합니다.</p>
-              </div>
-            </div>
-            <div className="flex gap-3">
-              <div className="flex h-6 w-6 items-center justify-center rounded-full bg-blue-100 text-xs font-medium text-blue-600">
-                4
-              </div>
-              <div>
-                <p className="font-medium">견적 접수</p>
-                <p className="text-muted-foreground">업체로부터 견적서를 접수받습니다.</p>
-              </div>
-            </div>
-            <div className="flex gap-3">
-              <div className="flex h-6 w-6 items-center justify-center rounded-full bg-blue-100 text-xs font-medium text-blue-600">
-                5
-              </div>
-              <div>
-                <p className="font-medium">최종 업체 선정</p>
-                <p className="text-muted-foreground">TBE를 통해 최종 업체를 선정합니다.</p>
-              </div>
-            </div>
-          </div>
-          
-          <div className="border-t pt-3 space-y-2">
-            <h5 className="font-medium text-sm">RFQ 유형</h5>
-            <div className="space-y-2 text-xs">
-              <div className="flex items-center gap-2">
-                <FileText className="h-3 w-3 text-blue-600" />
-                <span className="font-medium">일반견적:</span>
-                <span className="text-muted-foreground">일반 견적 요청</span>
-              </div>
-              <div className="flex items-center gap-2">
-                <Package className="h-3 w-3 text-purple-600" />
-                <span className="font-medium">ITB:</span>
-                <span className="text-muted-foreground">프로젝트 기반 입찰</span>
-              </div>
-              <div className="flex items-center gap-2">
-                <ClipboardList className="h-3 w-3 text-green-600" />
-                <span className="font-medium">RFQ:</span>
-                <span className="text-muted-foreground">PR 기반 견적 요청</span>
-              </div>
-            </div>
-          </div>
-        </div>
-      </PopoverContent>
-    </Popover>
-  );
-}
 
 // 탭별 데이터 카운트를 가져오는 함수
 async function getTabCounts() {
@@ -160,7 +69,7 @@ export default async function RfqPage(props: RfqPageProps) {
   const tabCounts = await getTabCounts();
   
   // 현재 선택된 탭 (URL 파라미터에서 가져오거나 기본값 'all')
-  const currentTab = search.rfqCategory || "all";
+  const currentTab = search.rfqCategory || "itb";
 
   // 각 탭별로 데이터 프리패칭
 //   const allData = await getRfqs({ ...search, rfqCategory: "all" });
@@ -174,16 +83,16 @@ export default async function RfqPage(props: RfqPageProps) {
       <div className="flex items-center justify-between space-y-2">
         <div className="flex items-center gap-2">
           <h2 className="text-2xl font-bold tracking-tight">
-            RFQ 관리
+            견적목록관리
           </h2>
           <InformationButton pagePath="rfq" />
-          <ProcessGuidePopover />
         </div>
       </div>
 
       {/* 탭 컨테이너 */}
-      <Tabs defaultValue={currentTab} className="w-full">
-        <TabsList className="grid w-full max-w-[600px] grid-cols-4">
+      <Tabs defaultValue="itb"className="w-full flex-1 flex flex-col overflow-hidden">
+
+      <TabsList className="grid w-full max-w-[600px] grid-cols-3 flex-shrink-0">
          
           <TabsTrigger value="itb" className="relative">
             <Package className="mr-2 h-4 w-4" />
@@ -216,7 +125,7 @@ export default async function RfqPage(props: RfqPageProps) {
 
  
         {/* 일반견적 탭 */}
-        <TabsContent value="general" className="mt-4">
+        <TabsContent value="general" className="mt-4 flex-1 overflow-hidden relative">
           <React.Suspense
             fallback={
               <DataTableSkeleton
@@ -250,7 +159,7 @@ export default async function RfqPage(props: RfqPageProps) {
         </TabsContent>
 
         {/* ITB 탭 */}
-        <TabsContent value="itb" className="mt-4">
+        <TabsContent value="itb" className="mt-4 flex-1 overflow-hidden relative">
           <React.Suspense
             fallback={
               <DataTableSkeleton
@@ -285,7 +194,7 @@ export default async function RfqPage(props: RfqPageProps) {
         </TabsContent>
 
         {/* RFQ(PR) 탭 */}
-        <TabsContent value="rfq" className="mt-4">
+        <TabsContent value="rfq" className="mt-4 flex-1 overflow-hidden relative">
           <React.Suspense
             fallback={
               <DataTableSkeleton