From 6f22fc9ebc8d175041aa18cf0986592e57d03f63 Mon Sep 17 00:00:00 2001
From: dujinkim <dujin.kim@dtsolution.co.kr>
Date: Thu, 3 Jul 2025 02:47:09 +0000
Subject: (최겸) 기술영업 벤더별 아이템 조회 기능 추가
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../(evcp)/tech-vendor-possible-items/page.tsx     | 58 ++++++++++++++++++++++
 1 file changed, 58 insertions(+)
 create mode 100644 app/[lng]/evcp/(evcp)/tech-vendor-possible-items/page.tsx

(limited to 'app')

diff --git a/app/[lng]/evcp/(evcp)/tech-vendor-possible-items/page.tsx b/app/[lng]/evcp/(evcp)/tech-vendor-possible-items/page.tsx
new file mode 100644
index 00000000..00192d85
--- /dev/null
+++ b/app/[lng]/evcp/(evcp)/tech-vendor-possible-items/page.tsx
@@ -0,0 +1,58 @@
+import * as React from "react"
+import { type SearchParams } from "@/types/table"
+
+import { getValidFilters } from "@/lib/data-table"
+import { DataTableSkeleton } from "@/components/data-table/data-table-skeleton"
+import { Shell } from "@/components/shell"
+
+import { searchParamsTechVendorPossibleItemsCache } from "@/lib/tech-vendor-possible-items/validations"
+import { getTechVendorPossibleItems, getUniqueTechVendorTypes } from "@/lib/tech-vendor-possible-items/service"
+import { PossibleItemsDataTable } from "@/lib/tech-vendor-possible-items/table/possible-items-data-table"
+import { TechVendorPossibleItemsContainer } from "@/components/tech-vendor-possible-items/tech-vendor-possible-items-container"
+
+interface TechVendorPossibleItemsPageProps {
+  searchParams: Promise<SearchParams>
+}
+
+export default async function TechVendorPossibleItemsPage(props: TechVendorPossibleItemsPageProps) {
+  const searchParams = await props.searchParams
+  const search = searchParamsTechVendorPossibleItemsCache.parse(searchParams)
+
+  const validFilters = getValidFilters(search.filters)
+
+  // 벤더 타입 정의
+  const vendorTypes = [
+    { id: "all", name: "전체", value: "" },
+    { id: "ship", name: "조선", value: "조선" },
+    { id: "top", name: "해양TOP", value: "해양TOP" },
+    { id: "hull", name: "해양HULL", value: "해양HULL" },
+  ]
+
+  const promises = Promise.all([
+    getTechVendorPossibleItems({
+      ...search,
+      filters: validFilters,
+    }),
+    getUniqueTechVendorTypes(),
+  ])
+
+  return (
+    <Shell className="gap-4">
+      <React.Suspense
+        fallback={
+          <DataTableSkeleton
+            columnCount={7}
+            searchableColumnCount={4}
+            filterableColumnCount={1}
+            cellWidths={["3rem", "10rem", "15rem", "12rem", "15rem", "20rem", "12rem"]}
+            shrinkZero
+          />
+        }
+      >
+        <TechVendorPossibleItemsContainer vendorTypes={vendorTypes}>
+          <PossibleItemsDataTable promises={promises} />
+        </TechVendorPossibleItemsContainer>
+      </React.Suspense>
+    </Shell>
+  )
+} 
\ No newline at end of file
-- 
cgit v1.2.3