개발관리>E-BOM 등록 — BOM 구조 다이얼로그 신설 + 트리 조인 버그 정정

사용자 검증 중 두 가지 문제 발견:

1) 트리가 1레벨만 표시되고 자식들이 안 풀림 — ascending/descending CTE 의 재귀
   조인 조건 버그.
   잘못된 조인: B.parent_objid = T.objid
   올바른 조인: B.parent_objid = T.child_objid (ascending),
                B.child_objid  = T.parent_objid (descending)

   wace relatePartInfo 1:1 패턴 — BOM_PART_QTY INSERT 시 OBJID 와 별도로
   createObjId() 따로 발급되는 CHILD_OBJID 가 부모 식별자. 자식 행의 PARENT_OBJID
   는 부모 행의 CHILD_OBJID 와 매칭됨 (PARENT_OBJID = T.OBJID 가 아님).

   4 함수 일괄 정정 : ascending / descending / ascendingForExcel / descendingForExcel
   검증 : test-20003-0082 BOM → Level 1 루트 + Level 2 자식 2건 정상 트리 출력.

2) E-BOM 컬럼이 숫자(bom_cnt)로 표시되어 어디를 눌러 BOM 구조를 봐야 할지 불명확.
   운영판 wace 는 fnc_getFolderIcon 으로 폴더 아이콘 + 클릭 → setStructurePopupMainFS.

backend:
- GET /api/development/ebom-tree/full → ascendingForExcel 1:1, 풀 컬럼 JSON 노출
  (HEAT_TREATMENT_HARDNESS/METHOD/SURFACE_TREATMENT/MAKER/PART_TYPE_TITLE/CU_파일 카운트 포함)

frontend:
- BomReportTreeDialog.tsx 신설 (wace 4-Frame 팝업 → 단일 다이얼로그 통합)
  · 헤더 메타 8필드 (제품구분/품번/품명/Version/상태/등록자/등록일/확정일)
  · 동적 LEVEL 컬럼 (L1..LMaxLevel, "*" 표시) + 운영판 14컬럼
  · 노란 배경 헤더 (운영판 스타일 1:1)
  · 엑셀 다운로드 버튼 (해당 BOM 만 ascendingForExcel 호출)
- lib/api/devBom.ts : treeFull() API + BomTreeFullRow 타입
- app/.../ebom-regist/page.tsx :
  · bom_cnt 컬럼 formatNumber → renderType: "folder" (wace fnc_getFolderIcon 1:1)
  · 클릭 핸들러를 품번 → E-BOM 폴더 셀로 이동 (운영판 fn_openSetStructure 동작)

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

frontend/app/(main)/COMPANY_16/development/ebom-regist/page.tsx

@@ -5,7 +5,7 @@
 // 액션: 조회 / 삭제 / 상태변경 (E-BOM등록 Excel Import는 별 PR)
 // 참조: docs/migration/development/02-ebom.md
 
-import React, { useCallback, useEffect, useState } from "react";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { Button } from "@/components/ui/button";
 import { Input } from "@/components/ui/input";
 import { Label } from "@/components/ui/label";
@@ -18,6 +18,7 @@ import { CommCodeSelect } from "@/components/common/CommCodeSelect";
 import { devBomApi, BomReportListFilter, BomReportRow } from "@/lib/api/devBom";
 import { BomReportStatusDialog } from "@/components/development/BomReportStatusDialog";
 import { BomReportExcelImportDialog } from "@/components/development/BomReportExcelImportDialog";
+import { BomReportTreeDialog } from "@/components/development/BomReportTreeDialog";
 
 const PRODUCT_GROUP = "0000001"; // 제품구분 (vexplor 공용)
 
@@ -27,11 +28,12 @@ const STATUS_OPTIONS = [
   { code: "deploy",       label: "배포완료" },
 ];
 
-const GRID_COLUMNS: DataGridColumn[] = [
+const BASE_GRID_COLUMNS: DataGridColumn[] = [
   { key: "product_name", label: "제품구분", width: "w-[160px]", align: "center", frozen: true },
   { key: "part_no", label: "품번", width: "w-[210px]" },
   { key: "part_name", label: "품명", minWidth: "min-w-[220px]" },
-  { key: "bom_cnt", label: "E-BOM", width: "w-[100px]", align: "right", formatNumber: true },
+  // wace fnc_getFolderIcon 1:1 — 폴더 아이콘 클릭 시 BOM 구조 다이얼로그
+  { key: "bom_cnt", label: "E-BOM", width: "w-[100px]", align: "center", renderType: "folder" },
   { key: "dept_user_name", label: "등록자", width: "w-[140px]", align: "center" },
   { key: "reg_date", label: "등록일", width: "w-[120px]", align: "center" },
   { key: "deploy_date", label: "확정일", width: "w-[120px]", align: "center" },
@@ -55,6 +57,8 @@ export default function EbomRegistPage() {
   const [statusOpen, setStatusOpen] = useState(false);
   const [statusObjid, setStatusObjid] = useState<string | null>(null);
   const [excelOpen, setExcelOpen] = useState(false);
+  const [treeOpen, setTreeOpen] = useState(false);
+  const [treeReport, setTreeReport] = useState<BomReportRow | null>(null);
 
   const fetchList = useCallback(async (override?: Partial<BomReportListFilter>) => {
     setLoading(true);
@@ -91,6 +95,21 @@ export default function EbomRegistPage() {
     setStatusOpen(true);
   };
 
+  // 품번 셀 클릭 → BOM 트리 다이얼로그 (wace fn_openSetStructure 1:1)
+  const openTree = useCallback((row: BomReportRow) => {
+    setTreeReport(row);
+    setTreeOpen(true);
+  }, []);
+
+  const columns: DataGridColumn[] = useMemo(
+    () => BASE_GRID_COLUMNS.map((c) =>
+      c.key === "bom_cnt"
+        ? { ...c, onClick: (row: any) => openTree(row as BomReportRow) }
+        : c,
+    ),
+    [openTree],
+  );
+
   return (
     <div className="flex h-full flex-col">
       <div className="border-b bg-card px-4 py-3">
@@ -157,7 +176,7 @@ export default function EbomRegistPage() {
 
       <div className="min-h-0 flex-1 p-2">
         <DataGrid
-          columns={GRID_COLUMNS}
+          columns={columns}
           data={rows}
           loading={loading}
           showRowNumber
@@ -181,6 +200,11 @@ export default function EbomRegistPage() {
         initialProductCd={filter.product_cd ?? ""}
         onSaved={fetchList}
       />
+      <BomReportTreeDialog
+        open={treeOpen}
+        onOpenChange={setTreeOpen}
+        bomReport={treeReport}
+      />
     </div>
   );
 }