1 files changed, 290 insertions, 0 deletions
diff --git a/lib/avl/table/columns-detail.tsx b/lib/avl/table/columns-detail.tsx
new file mode 100644
index 00000000..84ad9d9a
--- /dev/null
+++ b/lib/avl/table/columns-detail.tsx
@@ -0,0 +1,290 @@
+import { Checkbox } from "@/components/ui/checkbox"
+import { Badge } from "@/components/ui/badge"
+import { type ColumnDef } from "@tanstack/react-table"
+import { DataTableColumnHeaderSimple } from "@/components/data-table/data-table-column-simple-header"
+
+
+// AVL 상세 아이템 타입
+export type AvlDetailItem = {
+  id: string
+  no: number
+  selected: boolean
+  // AVL 리스트 ID (외래키)
+  avlListId: number
+  // 설계 정보
+  equipBulkDivision: 'EQUIP' | 'BULK'
+  disciplineCode: string
+  disciplineName: string
+  // 자재 정보
+  materialNameCustomerSide: string
+  packageCode: string
+  packageName: string
+  materialGroupCode: string
+  materialGroupName: string
+  // 협력업체 정보
+  vendorId?: number
+  vendorName: string
+  vendorCode: string
+  avlVendorName: string
+  tier: string
+  // FA 정보
+  faTarget: boolean
+  faStatus: string
+  // Agent 정보
+  isAgent: boolean
+  agentStatus: string // UI 표시용
+  // 계약 서명주체
+  contractSignerId?: number
+  contractSignerName: string
+  contractSignerCode: string
+  // 위치 정보
+  headquarterLocation: string
+  manufacturingLocation: string
+  // SHI Qualification
+  shiAvl: boolean
+  shiBlacklist: boolean
+  shiBcc: boolean
+  // 기술영업 견적결과
+  salesQuoteNumber: string
+  quoteCode: string
+  salesVendorInfo: string
+  salesCountry: string
+  totalAmount: string
+  quoteReceivedDate: string
+  // 업체 실적 현황(구매)
+  recentQuoteDate: string
+  recentQuoteNumber: string
+  recentOrderDate: string
+  recentOrderNumber: string
+  // 기타
+  remarks: string
+  // 타임스탬프
+  createdAt: string
+  updatedAt: string
+}
+
+// 테이블 컬럼 정의
+export const columns: ColumnDef<AvlDetailItem>[] = [
+  // 기본 정보 그룹
+  {
+    header: "기본 정보",
+    columns: [
+      {
+        accessorKey: "no",
+        header: ({ column }) => (
+          <DataTableColumnHeaderSimple column={column} title="No." />
+        ),
+        size: 60,
+      },
+      {
+        accessorKey: "equipBulkDivision",
+        header: ({ column }) => (
+          <DataTableColumnHeaderSimple column={column} title="Equip/Bulk 구분" />
+        ),
+        cell: ({ row }) => {
+          const value = row.getValue("equipBulkDivision") as string
+          return (
+            <Badge variant="outline">
+              {value || "-"}
+            </Badge>
+          )
+        },
+        size: 120,
+      },
+      {
+        accessorKey: "disciplineName",
+        header: ({ column }) => (
+          <DataTableColumnHeaderSimple column={column} title="설계공종" />
+        ),
+        cell: ({ row }) => {
+          const value = row.getValue("disciplineName") as string
+          return <span>{value || "-"}</span>
+        },
+        size: 120,
+      },
+      {
+        accessorKey: "materialNameCustomerSide",
+        header: ({ column }) => (
+          <DataTableColumnHeaderSimple column={column} title="고객사 AVL 자재명" />
+        ),
+        cell: ({ row }) => {
+          const value = row.getValue("materialNameCustomerSide") as string
+          return <span>{value || "-"}</span>
+        },
+        size: 150,
+      },
+      {
+        accessorKey: "packageName",
+        header: ({ column }) => (
+          <DataTableColumnHeaderSimple column={column} title="패키지 정보" />
+        ),
+        cell: ({ row }) => {
+          const value = row.getValue("packageName") as string
+          return <span>{value || "-"}</span>
+        },
+        size: 130,
+      },
+      {
+        accessorKey: "materialGroupCode",
+        header: ({ column }) => (
+          <DataTableColumnHeaderSimple column={column} title="자재그룹코드" />
+        ),
+        cell: ({ row }) => {
+          const value = row.getValue("materialGroupCode") as string
+          return <span>{value || "-"}</span>
+        },
+        size: 120,
+      },
+      {
+        accessorKey: "materialGroupName",
+        header: ({ column }) => (
+          <DataTableColumnHeaderSimple column={column} title="자재그룹명" />
+        ),
+        cell: ({ row }) => {
+          const value = row.getValue("materialGroupName") as string
+          return <span>{value || "-"}</span>
+        },
+        size: 130,
+      },
+      {
+        accessorKey: "vendorCode",
+        header: ({ column }) => (
+          <DataTableColumnHeaderSimple column={column} title="협력업체코드" />
+        ),
+        cell: ({ row }) => {
+          const value = row.getValue("vendorCode") as string
+          return <span>{value || "-"}</span>
+        },
+        size: 120,
+      },
+      {
+        accessorKey: "vendorName",
+        header: ({ column }) => (
+          <DataTableColumnHeaderSimple column={column} title="협력업체명" />
+        ),
+        cell: ({ row }) => {
+          const value = row.getValue("vendorName") as string
+          return <span className="font-medium">{value || "-"}</span>
+        },
+        size: 140,
+      },
+      {
+        accessorKey: "avlVendorName",
+        header: ({ column }) => (
+          <DataTableColumnHeaderSimple column={column} title="AVL 등재업체명" />
+        ),
+        cell: ({ row }) => {
+          const value = row.getValue("avlVendorName") as string
+          return <span>{value || "-"}</span>
+        },
+        size: 140,
+      },
+      {
+        accessorKey: "tier",
+        header: ({ column }) => (
+          <DataTableColumnHeaderSimple column={column} title="등급 (Tier)" />
+        ),
+        cell: ({ row }) => {
+          const value = row.getValue("tier") as string
+          if (!value) return <span>-</span>
+          
+          const tierColor = {
+            "Tier 1": "bg-green-100 text-green-800",
+            "Tier 2": "bg-yellow-100 text-yellow-800", 
+            "Tier 3": "bg-red-100 text-red-800"
+          }[value] || "bg-gray-100 text-gray-800"
+          
+          return (
+            <Badge className={tierColor}>
+              {value}
+            </Badge>
+          )
+        },
+        size: 100,
+      },
+    ],
+  },
+  // FA 정보 그룹
+  {
+    header: "FA 정보",
+    columns: [
+      {
+        accessorKey: "faTarget",
+        header: ({ column }) => (
+          <DataTableColumnHeaderSimple column={column} title="FA 대상" />
+        ),
+        cell: ({ row }) => {
+          const value = row.getValue("faTarget") as boolean
+          return (
+            <Badge variant={value ? "default" : "secondary"}>
+              {value ? "대상" : "비대상"}
+            </Badge>
+          )
+        },
+        size: 80,
+      },
+      {
+        accessorKey: "faStatus",
+        header: ({ column }) => (
+          <DataTableColumnHeaderSimple column={column} title="FA 현황" />
+        ),
+        cell: ({ row }) => {
+          const value = row.getValue("faStatus") as string
+          return <span>{value || "-"}</span>
+        },
+        size: 100,
+      },
+    ],
+  },
+  // SHI Qualification 그룹
+  {
+    header: "SHI Qualification",
+    columns: [
+      {
+        accessorKey: "shiAvl",
+        header: "AVL",
+        cell: ({ row }) => {
+          const value = row.getValue("shiAvl") as boolean
+          return (
+            <Checkbox
+              checked={value}
+              disabled
+              aria-label="SHI AVL 등재 여부"
+            />
+          )
+        },
+        size: 80,
+      },
+      {
+        accessorKey: "shiBlacklist",
+        header: "Blacklist",
+        cell: ({ row }) => {
+          const value = row.getValue("shiBlacklist") as boolean
+          return (
+            <Checkbox
+              checked={value}
+              disabled
+              aria-label="SHI Blacklist 등재 여부"
+            />
+          )
+        },
+        size: 100,
+      },
+      {
+        accessorKey: "shiBcc",
+        header: "BCC",
+        cell: ({ row }) => {
+          const value = row.getValue("shiBcc") as boolean
+          return (
+            <Checkbox
+              checked={value}
+              disabled
+              aria-label="SHI BCC 등재 여부"
+            />
+          )
+        },
+        size: 80,
+      },
+    ],
+  },
+]