WebContent/WEB-INF/view/productionplanning/mBomPopupLeft.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> 
<%@ page import="com.pms.common.utils.*"%> 
<%@ page import="java.util.*" %> 
<%@include file= "/init.jsp" %> 
<!DOCTYPE html> 
<html> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title><%=Constants.SYSTEM_NAME%></title>
<link href="/css/tabulator/tabulator.min.css" rel="stylesheet">
<link href="/css/select2/select2.min.css" rel="stylesheet">
<script type="text/javascript" src="/js/tabulator/tabulator.min.js"></script>
<script type="text/javascript" src="/js/select2/select2.min.js"></script>
<style>
::-webkit-scrollbar {
    width: 10px;
    height: 15px;
}
#mBomTableWrap {
	width: 99%;
	margin: 10px auto;
	overflow-x: auto;
	overflow-y: hidden;
}
#mBomName {
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 16px;
}
body {
	overflow: hidden;
}
/* Tabulator 커스텀 스타일 */
.tabulator-row.level-1 { background-color: #fde9d9 !important; }
.tabulator-row.level-2 { background-color: #daeef3 !important; }
.tabulator-row.level-3 { background-color: #e4dfec !important; }
.tabulator-row.level-4 { background-color: #ebf1de !important; }
.tabulator-row.level-5 { background-color: #f2f2f2 !important; }
.tabulator-row.level-6 { background-color: #f2dcdb !important; }
.tabulator-row.level-7 { background-color: #eeece1 !important; }
.tabulator-row.level-8 { background-color: #dce6f1 !important; }
.tabulator-row.level-9 { background-color: #FFFFEB !important; }
.tabulator-row.level-10 { background-color: #ffffff !important; }

/* 편집 가능한 컬럼 헤더 스타일 */
.editable-header {
	background-color: #fff9c4 !important;
}

/* 선택된 행 하이라이트 스타일 */
.tabulator-row.row-selected {
	background-color: #b8daff !important;
	border: 1px solid #007bff !important;
}

/* Select2 in Tabulator 스타일 */
.tabulator-cell .select2-container {
	width: 100% !important;
}
.tabulator-cell .select2-container--default .select2-selection--single {
	height: 100%;
	border: none;
	background: transparent;
}
.tabulator-cell .select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: normal;
	padding-left: 0;
}
.tabulator-cell .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100%;
}
.select2-container--open {
	z-index: 9999 !important;
}
.select2-results__option {
	font-size: 12px;
}
</style>
<script>
var _tabulGrid;
var selectedRowData = null;  // 선택된 행 데이터
// 프로젝트 수주수량 (최상위 프레임에서 가져오기)
var projectQuantity = 1; // 기본값

// 소재 목록 전역 변수
var materialList = [];

// 공급업체(가공업체) 목록 전역 변수
var supplyVendorList = [];

$(function(){
	// 최상위 프레임(mBomPopupHeaderFs.jsp)에서 프로젝트 수주수량 가져오기
	try {
		if(parent && parent.parent && parent.parent.PROJECT_QUANTITY) {
			projectQuantity = parseFloat(parent.parent.PROJECT_QUANTITY) || 1;
			console.log("프로젝트 수주수량:", projectQuantity);
		} else {
			console.log("PROJECT_QUANTITY를 찾을 수 없습니다. 기본값 1 사용");
		}
	} catch(e) {
		console.log("프로젝트 수주수량 가져오기 실패:", e);
	}
	
	// 소재 목록 로드
	fn_loadMaterialList();
	
	// 공급업체(가공업체) 목록 로드
	fn_loadSupplyVendorList();
	
	// Tabulator 초기화
	fn_initGrid();
});

// 소재 목록 로드
function fn_loadMaterialList() {
	$.ajax({
		url: '/admin/getMaterialList.do',
		method: 'POST',
		async: false,
		success: function(response) {
			if(response && response.list) {
				// 중복 제거하여 소재 코드만 추출
				var uniqueMaterials = {};
				response.list.forEach(function(item) {
					uniqueMaterials[item.MATERIAL_CODE] = true;
				});
				materialList = Object.keys(uniqueMaterials);
				console.log("소재 목록 로드 완료:", materialList);
			}
		},
		error: function() {
			console.error("소재 목록 로드 실패");
			materialList = [];
		}
	});
}

// 가공업체 목록 로드 (CLIENT_MNG 테이블)
function fn_loadSupplyVendorList() {
	$.ajax({
		url: '/common/getClientMngList.do',
		method: 'POST',
		async: false,
		dataType: 'json',
		success: function(data) {
			if(data && data.length > 0) {
				// {id: CODE_ID(OBJID), text: NAME(CLIENT_NM)} 형태로 변환
				supplyVendorList = data.map(function(item) {
					return {
						id: item.CODE_ID,
						text: item.NAME
					};
				});
				console.log("가공업체 목록 로드 완료:", supplyVendorList.length + "개");
			}
		},
		error: function() {
			console.error("가공업체 목록 로드 실패");
			supplyVendorList = [];
		}
	});
}

// Select2 커스텀 에디터 생성 함수
function createSelect2Editor(options) {
	return function(cell, onRendered, success, cancel, editorParams) {
		var cellValue = cell.getValue();
		var container = document.createElement("span");
		var select = document.createElement("select");
		select.style.width = "100%";
		
		// 빈 옵션 추가
		var emptyOption = document.createElement("option");
		emptyOption.value = "";
		emptyOption.text = "선택";
		select.appendChild(emptyOption);
		
		// 옵션 추가
		options.forEach(function(opt) {
			var option = document.createElement("option");
			if(typeof opt === 'object') {
				option.value = opt.id || opt.value || '';
				option.text = opt.text || opt.label || '';
			} else {
				option.value = opt;
				option.text = opt;
			}
			if(option.value == cellValue) {
				option.selected = true;
			}
			select.appendChild(option);
		});
		
		container.appendChild(select);
		
		onRendered(function() {
			$(select).select2({
				width: '100%',
				dropdownAutoWidth: true,
				placeholder: '선택',
				allowClear: true,
				dropdownParent: $('body'),  // 드롭다운이 셀 밖으로 나오도록
				templateResult: function(data) {
					return data.text;
				},
				templateSelection: function(data) {
					return data.text;
				}
			});
			
			$(select).on('select2:select select2:clear', function(e) {
				success($(select).val() || null);
			});
			
			$(select).on('select2:close', function(e) {
				// 포커스 잃었을 때 처리
			});
			
			// Select2 열기
			$(select).select2('open');
		});
		
		return container;
	};
}

// Tabulator 그리드 초기화
function fn_initGrid() {
	var maxLevel = ${empty MAXLEV ? 1 : MAXLEV};
	
	// 컬럼 정의
	var columns = [];
	
	// 라디오 버튼 컬럼 (E-BOM과 동일)
	columns.push({
		headerHozAlign: 'center',
		hozAlign: 'center',
		width: 40,
		title: '선택',
		field: 'RADIO',
		frozen: true,
		formatter: function(cell) {
			var rowData = cell.getData();
			return '<input type="radio" name="checkedPartNo" value="' + (rowData.CHILD_OBJID || '') + '" ' +
				'data-OBJID="' + (rowData.OBJID || '') + '" ' +
				'data-PART_NO="' + (rowData.PART_NO || '') + '" ' +
				'data-PARENT_PART_NO="' + (rowData.PARENT_PART_NO || '') + '" ' +
				'data-PART_NO_QTY="' + (rowData.LAST_PART_OBJID || '') + '" ' +
				'data-PARENT_PARTS="' + (rowData.PARENT_PARTS || '') + '" ' +
				'data-LAST_PART_OBJID="' + (rowData.LAST_PART_OBJID || rowData.BOM_LAST_PART_OBJID || '') + '" ' +
				'data-PARENT_OBJID="' + (rowData.PARENT_OBJID || '') + '" ' +
				'data-PART_OBJID="' + (rowData.PART_OBJID || '') + '" ' +
				'data-BOM_LAST_PART_OBJID="' + (rowData.BOM_LAST_PART_OBJID || rowData.LAST_PART_OBJID || '') + '" ' +
				'data-CHILD_OBJID="' + (rowData.CHILD_OBJID || '') + '" ' +
				'data-LEVEL="' + (rowData.LEVEL || 1) + '" ' +
				'data-PART_NO="' + (rowData.PART_NO || '') + '">';
		}
	});
	
	// 수준 컬럼 그룹
	var levelColumns = [];
	for(var i = 1; i <= maxLevel; i++) {
		levelColumns.push({
			headerHozAlign: 'center',
			hozAlign: 'center',
			width: 25,
			minWidth: 25,
			maxWidth: 25,
			title: i,
			field: 'LEVEL_' + i,
			formatter: function(cell) {
				return cell.getValue() === '*' ? '*' : '';
			}
		});
	}
	
	columns.push({
		title: '수준',
		headerHozAlign: 'center',
		frozen: true,
		columns: levelColumns
	});
	
	// 기본 정보 컬럼들 (E-BOM 정보)
	columns.push(
		{
			headerHozAlign: 'center',
			hozAlign: 'left',
			widthGrow: 2,
			title: '품번',
			field: 'PART_NO',
			frozen: true
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'left',
			widthGrow: 3,
			title: '품명',
			field: 'PART_NAME',
			frozen: true
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'center',
			width: 50,
			title: '수량',
			field: 'QTY_TEMP',
			visible: true
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'center',
			width: 80,
			title: '항목 수량',
			field: 'ITEM_QTY',
			visible: true
		},
		/* 주석처리: Rev, 규격, 제품구분, 상태 컬럼
		{
			headerHozAlign: 'center',
			hozAlign: 'center',
			width: 80,
			title: 'Rev',
			field: 'REVISION'
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'left',
			width: 150,
			title: '규격',
			field: 'SPEC'
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'center',
			width: 100,
			title: '제품구분',
			field: 'PRODUCT_NAME'
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'center',
			width: 100,
			title: '상태',
			field: 'STATUS_NAME'
		},
		*/
		{
			headerHozAlign: 'center',
			hozAlign: 'center',
			width: 50,
			title: '3D',
			field: 'CU01_CNT',
			visible: true,
			formatter: function(cell) {
				var value = cell.getValue();
				return value && value > 0 ? '<span class="file_icon"></span>' : '<span class="file_empty_icon"></span>';
			}
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'center',
			width: 50,
			title: '2D',
			field: 'CU02_CNT',
			visible: true,
			formatter: function(cell) {
				var value = cell.getValue();
				return value && value > 0 ? '<span class="file_icon"></span>' : '<span class="file_empty_icon"></span>';
			}
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'center',
			width: 60,
			title: 'PDF',
			field: 'CU03_CNT',
			visible: true,
			formatter: function(cell) {
				var value = cell.getValue();
				return value && value > 0 ? '<span class="file_icon"></span>' : '<span class="file_empty_icon"></span>';
			}
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'left',
			width: 100,
			title: '재료',
			field: 'MATERIAL',
			visible: true
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'left',
			width: 120,
			title: '열처리경도',
			field: 'HEAT_TREATMENT_HARDNESS',
			visible: true
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'left',
			width: 120,
			title: '열처리방법',
			field: 'HEAT_TREATMENT_METHOD',
			visible: true
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'left',
			width: 100,
			title: '표면처리',
			field: 'SURFACE_TREATMENT',
			visible: true
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'left',
			width: 150,
			title: '메이커',
			field: 'MAKER',
			visible: true
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'left',
			width: 100,
			title: '범주이름',
			field: 'PART_TYPE_TITLE',
			visible: true
		}
	);
	
	// 생산관리 컬럼 그룹
	columns.push({
		title: '생산관리',
		headerHozAlign: 'center',
		columns: [
		{
			headerHozAlign: 'center',
			hozAlign: 'center',
			width: 70,
			title: '자급/사급',
			field: 'SUPPLY_TYPE',
			titleFormatter: function() { return '<span class="editable-header">자급/사급</span>'; },
			editor: createSelect2Editor([{id: '자급', text: '자급'}, {id: '사급', text: '사급'}]),
			cellEdited: function(cell) {
				var row = cell.getRow();
				var data = row.getData();
				// 자급 선택 시 소재 관련 필드 초기화 (null로 설정하여 DB에서 NULL 처리)
				if(data.SUPPLY_TYPE === '자급') {
					row.update({
						RAW_MATERIAL: null,
						SIZE: null,
						RAW_MATERIAL_NO: null,
						REQUIRED_QTY: null
					});
				} else {
					// 사급 선택 시 초기화
					row.update({
						RAW_MATERIAL: null,
						SIZE: null,
						RAW_MATERIAL_NO: null,
						REQUIRED_QTY: null
					});
				}
			}
		},
		{
			headerHozAlign: 'center',
			hozAlign: 'left',
			width: 100,
			title: '소재',
			field: 'RAW_MATERIAL',
			titleFormatter: function() { return '<span class="editable-header">소재</span>'; },
			editor: function(cell, onRendered, success, cancel, editorParams) {
				// 소재 목록을 Select2용 형태로 변환
				var options = materialList.map(function(m) { return {id: m, text: m}; });
				return createSelect2Editor(options)(cell, onRendered, success, cancel, editorParams);
			},
			editable: function(cell) {
				return cell.getRow().getData().SUPPLY_TYPE === '사급';
			},
			formatter: function(cell) {
				var data = cell.getRow().getData();
				if(data.SUPPLY_TYPE === '자급') return '-';
				return cell.getValue() || '';
			},
			cellEdited: function(cell) {
				// 소재 선택 시 사이즈 초기화
				var row = cell.getRow();
				row.update({
					SIZE: '',
					RAW_MATERIAL_NO: ''
				});
			}
		},
			{
				headerHozAlign: 'center',
				hozAlign: 'left',
				width: 100,
				title: '사이즈',
				field: 'SIZE',
				titleFormatter: function() { return '<span class="editable-header">사이즈</span>'; },
				editor: function(cell, onRendered, success, cancel, editorParams) {
					// 선택된 소재에 따라 동적으로 사이즈 목록 로드
					var data = cell.getRow().getData();
					var materialCode = data.RAW_MATERIAL;
					
					if(!materialCode) {
						cancel();
						return;
					}
					
					// 서버에서 해당 소재의 사이즈 목록 가져오기
					var sizes = [];
					$.ajax({
						url: '/admin/getMaterialSizes.do',
						method: 'POST',
						data: {materialCode: materialCode},
						async: false,
						success: function(response) {
							if(response && response.list) {
								sizes = response.list.map(function(item) {
									return {id: item.SIZE_SPEC, text: item.SIZE_SPEC};
								});
							}
						}
					});
					
					return createSelect2Editor(sizes)(cell, onRendered, success, cancel, editorParams);
				},
				editable: function(cell) {
					var data = cell.getRow().getData();
					return data.SUPPLY_TYPE === '사급' && data.RAW_MATERIAL;
				},
				formatter: function(cell) {
					var data = cell.getRow().getData();
					if(data.SUPPLY_TYPE === '자급') return '-';
					return cell.getValue() || '';
				},
				cellEdited: function(cell) {
					// 사이즈 선택 시 소재품번 자동 조회
					var row = cell.getRow();
					var data = row.getData();
					
					if(data.RAW_MATERIAL && data.SIZE) {
						// 서버에서 소재품번 조회
						$.ajax({
							url: '/admin/getMaterialPartNo.do',
							method: 'POST',
							data: {
								materialCode: data.RAW_MATERIAL,
								sizeSpec: data.SIZE
							},
							success: function(response) {
								if(response && response.MATERIAL_PART_NO) {
									row.update({RAW_MATERIAL_NO: response.MATERIAL_PART_NO});
								}
							}
						});
					}
				}
			},
			{
				headerHozAlign: 'center',
				hozAlign: 'center',
				width: 120,
				title: '소재품번',
				field: 'RAW_MATERIAL_NO',
				editor: false,
				formatter: function(cell) {
					var data = cell.getRow().getData();
					if(data.SUPPLY_TYPE === '자급') return '-';
					return cell.getValue() || '';
				}
			},
			{
				headerHozAlign: 'center',
				hozAlign: 'right',
				width: 100,
				title: '소재소요량',
				field: 'REQUIRED_QTY',
				titleFormatter: function() { return '<span class="editable-header">소재소요량</span>'; },
				editor: 'number',
				editorParams: {
					min: 0,
					step: 0.01 // 소수 가능
				},
				editable: function(cell) {
					return cell.getRow().getData().SUPPLY_TYPE === '사급';
				},
				formatter: function(cell) {
					var data = cell.getRow().getData();
					if(data.SUPPLY_TYPE === '자급') return '-';
					var value = cell.getValue();
					return value ? Number(value).toLocaleString() : '0';
				}
			},
			{
				headerHozAlign: 'center',
				hozAlign: 'right',
				width: 120,
				title: '소재발주수량',
				field: 'ORDER_QTY',
				editor: false,
				formatter: function(cell) {
					// 항목수량 × 프로젝트 수주수량 (수정 불가)
					var data = cell.getRow().getData();
					var itemQty = parseFloat(data.ITEM_QTY) || 0;
					var orderQty = itemQty * projectQuantity;
					
					// 실제 데이터에도 저장 (getMbomTreeData에서 사용)
					cell.getRow().update({ORDER_QTY: orderQty}, false);
					
					return orderQty.toLocaleString();
				}
			},
			{
				headerHozAlign: 'center',
				hozAlign: 'right',
				width: 80,
				title: '항목수량',
				field: 'ITEM_QTY',
				editor: false,
				visible: true
			},
			{
				headerHozAlign: 'center',
				hozAlign: 'right',
				width: 100,
				title: '제작수량',
				field: 'PRODUCTION_QTY',
				titleFormatter: function() { return '<span class="editable-header">제작수량</span>'; },
				editor: 'number',
				editorParams: {
					min: 0,
					step: 1
				},
				formatter: function(cell) {
					// 저장된 값이 있으면 그대로 사용, 없으면 항목수량 × 수주수량으로 계산
					var value = cell.getValue();
					
					if(value === undefined || value === null || value === '' || value === 0) {
						var data = cell.getRow().getData();
						var itemQty = parseFloat(data.ITEM_QTY) || 0;
						value = itemQty * projectQuantity;
						
						// 실제 데이터에도 저장 (getMbomTreeData에서 사용)
						cell.getRow().update({PRODUCTION_QTY: value}, false);
					}
					return Number(value).toLocaleString();
				}
			},
		{
			headerHozAlign: 'center',
			hozAlign: 'left',
			width: 150,
			title: '가공업체',
			field: 'PROCESSING_VENDOR',
			titleFormatter: function() { return '<span class="editable-header">가공업체</span>'; },
			editor: function(cell, onRendered, success, cancel, editorParams) {
				// 가공업체 목록 Select2 에디터
				return createSelect2Editor(supplyVendorList)(cell, onRendered, success, cancel, editorParams);
			},
			formatter: function(cell) {
				var value = cell.getValue();
				
				// 저장된 값이 없으면 기본값 '5001'(RPS) 설정
				if(value === undefined || value === null || value === '') {
					value = '5001';
					cell.getRow().update({PROCESSING_VENDOR: value}, false);
				}
				
				// OBJID로 업체명 조회하여 표시
				for(var i = 0; i < supplyVendorList.length; i++) {
					if(supplyVendorList[i].id == value) {
						return supplyVendorList[i].text;
					}
				}
				return value;
			}
		},
			/* 주석처리: 가공납기, 연삭납기 컬럼
			{
				headerHozAlign: 'center',
				hozAlign: 'center',
				width: 100,
				title: '가공납기',
				field: 'PROCESSING_DEADLINE',
				titleFormatter: function() { return '<span class="editable-header">가공납기</span>'; },
				editor: 'date'
			},
			{
				headerHozAlign: 'center',
				hozAlign: 'center',
				width: 100,
				title: '연삭납기',
				field: 'GRINDING_DEADLINE',
				titleFormatter: function() { return '<span class="editable-header">연삭납기</span>'; },
				editor: 'date'
			},
			*/
			{
				headerHozAlign: 'center',
				hozAlign: 'left',
				width: 150,
				title: '공급업체',
				field: 'VENDOR_NAME',
				editor: false, // 구매쪽에서 입력
				formatter: function(cell) {
					return cell.getValue() || '-';
				}
			},
			// 숨김 컬럼: 공급업체 코드 (저장 시 필요)
			{
				field: 'VENDOR',
				visible: false
			},
			// 숨김 컬럼: 품의서 작성일 (저장 시 기존 값 유지)
			{
				field: 'PROPOSAL_DATE',
				visible: false
			},
			// 숨김 컬럼: 순수량 (저장 시 기존 값 유지)
			{
				field: 'NET_QTY',
				visible: false
			},
			// 숨김 컬럼: 발주수량 (저장 시 기존 값 유지)
			{
				field: 'PO_QTY',
				visible: false
			},
			{
				headerHozAlign: 'center',
				hozAlign: 'right',
				width: 100,
				title: '단가',
				field: 'UNIT_PRICE',
				editor: false, // 구매쪽에서 입력
				formatter: function(cell) {
					var value = cell.getValue();
					return value ? Number(value).toLocaleString() : '-';
				}
			},
			{
				headerHozAlign: 'center',
				hozAlign: 'right',
				width: 100,
				title: '금액',
				field: 'TOTAL_PRICE',
				editor: false,
				formatter: function(cell) {
					// 항목수량 × 단가
					var data = cell.getRow().getData();
					var itemQty = parseFloat(data.ITEM_QTY) || 0;
					var unitPrice = parseFloat(data.UNIT_PRICE) || 0;
					var totalPrice = itemQty * unitPrice;
					return totalPrice > 0 ? totalPrice.toLocaleString() : '-';
				}
			}
		]
	});
	
	// 구매 컬럼 그룹 (제작수량 기준)
	// columns.push({
	// 	title: '구매',
	// 	headerHozAlign: 'center',
	// 	columns: [
	// 		{
	// 			headerHozAlign: 'center',
	// 			hozAlign: 'left',
	// 			width: 150,
	// 			title: '소재품번',
	// 			field: 'MATERIAL_PART_NO',
	// 			editor: 'input'
	// 		},
	// 		{
	// 			headerHozAlign: 'center',
	// 			hozAlign: 'center',
	// 			width: 100,
	// 			title: '정미수량',
	// 			field: 'NET_QTY',
	// 			editor: false,
	// 			formatter: function(cell) {
	// 				// 소요량 × 제작수량 (소수점 무조건 올림)
	// 				var data = cell.getRow().getData();
	// 				var requiredQty = parseFloat(data.REQUIRED_QTY) || 0;
	// 				var productionQty = parseFloat(data.PRODUCTION_QTY) || 0;
	// 				var netQty = requiredQty * productionQty;
	// 				return Math.ceil(netQty); // 무조건 올림
	// 			}
	// 		},
	// 		{
	// 			headerHozAlign: 'center',
	// 			hozAlign: 'center',
	// 			width: 100,
	// 			title: '발주수량',
	// 			field: 'PO_QTY',
	// 			editor: 'number',
	// 			editorParams: {
	// 				min: 0,
	// 				step: 1
	// 			}
	// 		},
	// 		{
	// 			headerHozAlign: 'center',
	// 			hozAlign: 'left',
	// 			width: 150,
	// 			title: '공급업체',
	// 			field: 'VENDOR',
	// 			editor: 'input'
	// 		},
	// 		{
	// 			headerHozAlign: 'center',
	// 			hozAlign: 'right',
	// 			width: 100,
	// 			title: '단가',
	// 			field: 'UNIT_PRICE',
	// 			editor: 'number',
	// 			editorParams: {
	// 				min: 0,
	// 				step: 0.01
	// 			},
	// 			formatter: function(cell) {
	// 				var value = cell.getValue();
	// 				return value ? Number(value).toLocaleString() : '0';
	// 			}
	// 		},
	// 		{
	// 			headerHozAlign: 'center',
	// 			hozAlign: 'right',
	// 			width: 100,
	// 			title: '총단가',
	// 			field: 'TOTAL_PRICE',
	// 			editor: false,
	// 			formatter: function(cell) {
	// 				// 발주수량 × 단가
	// 				var data = cell.getRow().getData();
	// 				var poQty = parseFloat(data.PO_QTY) || 0;
	// 				var unitPrice = parseFloat(data.UNIT_PRICE) || 0;
	// 				var totalPrice = poQty * unitPrice;
	// 				return totalPrice.toLocaleString();
	// 			}
	// 		}
	// 	]
	// });
	
	// 서버에서 전달받은 데이터 확인
	var bomTreeData = ${bomTreeListJson};
	console.log("bomTreeData:", bomTreeData);
	console.log("bomTreeData length:", bomTreeData ? bomTreeData.length : 0);
	
	// 데이터 전처리: SUPPLY_TYPE 기본값 설정
	if(bomTreeData && bomTreeData.length > 0) {
		bomTreeData.forEach(function(row) {
			// SUPPLY_TYPE이 없으면 '사급'으로 설정
			if(!row.SUPPLY_TYPE) {
				row.SUPPLY_TYPE = '사급';
			}
		});
	}
	
	// 모든 컬럼에 headerSort: false 일괄 적용
	columns.forEach(function(col) {
		col.headerSort = false;
		// 중첩된 컬럼이 있는 경우 (수준 컬럼 등)
		if(col.columns) {
			col.columns.forEach(function(subCol) {
				subCol.headerSort = false;
			});
		}
	});
	
	// Tabulator 생성
	_tabulGrid = new Tabulator("#mBomTableWrap", {
		layout: "fitData",
		height: "calc(100vh - 70px)",
		columns: columns,
		data: bomTreeData,
		rowFormatter: function(row) {
			var data = row.getData();
			var level = data.LEVEL || 1;
			row.getElement().classList.add('level-' + level);
		}
	});
	
	// 행 클릭 시 선택 처리 이벤트
	_tabulGrid.on("rowClick", function(e, row) {
		// 링크 클릭 시에는 기본 동작 유지
		if($(e.target).is('a')) {
			return;
		}
		
		// 기존 선택 해제
		$('.tabulator-row.row-selected').removeClass('row-selected');
		$('input[name=checkedPartNo]').prop('checked', false);
		
		// 현재 행 선택
		$(row.getElement()).addClass('row-selected');
		var rowData = row.getData();
		selectedRowData = rowData;
		
		// 해당 행의 라디오 버튼 선택
		$(row.getElement()).find('input[name=checkedPartNo]').prop('checked', true);
	});
	
	// 셀 편집 이벤트 등록
	_tabulGrid.on("cellEdited", function(cell) {
		var field = cell.getField();
		var row = cell.getRow();
		var data = row.getData();
		
		// 지급/사급 변경 시 소재, 사이즈, 소요량 필드 재계산
		if(field === 'SUPPLY_TYPE') {
			if(data.SUPPLY_TYPE === '자급') {
				// 자급인 경우 소재, 사이즈, 소요량 초기화 (null로 설정)
				row.update({
					RAW_MATERIAL: null,
					SIZE: null,
					REQUIRED_QTY: null
				});
			}
			// 행 전체 재렌더링
			row.reformat();
		}
		
		// 제작수량 변경 시 정미수량 자동 계산
		if(field === 'PRODUCTION_QTY' || field === 'REQUIRED_QTY') {
			var requiredQty = parseFloat(data.REQUIRED_QTY) || 0;
			var productionQty = parseFloat(data.PRODUCTION_QTY) || 0;
			var netQty = Math.ceil(requiredQty * productionQty);
			row.update({NET_QTY: netQty});
		}
		
		// 발주수량 또는 단가 변경 시 총단가 자동 계산
		if(field === 'PO_QTY' || field === 'UNIT_PRICE') {
			var poQty = parseFloat(data.PO_QTY) || 0;
			var unitPrice = parseFloat(data.UNIT_PRICE) || 0;
			var totalPrice = poQty * unitPrice;
			row.update({TOTAL_PRICE: totalPrice});
		}
		
		// Q'ty 초기값 설정 (발주수량에서 가져오기)
		if(field === 'ORDER_QTY' && !data.QTY) {
			row.update({QTY: data.ORDER_QTY});
		}
	});
}

// 필터 적용 함수
function fn_applyFilter() {
	var partNo = $("#filterPartNo").val().trim();
	var partName = $("#filterPartName").val().trim();
	
	if(!partNo && !partName) {
		_tabulGrid.clearFilter();
		return;
	}
	
	_tabulGrid.setFilter([
		[
			{field: "PART_NO", type: "like", value: partNo},
			{field: "PART_NAME", type: "like", value: partName}
		]
	]);
}

// 필터 초기화 함수
function fn_resetFilter() {
	$("#filterPartNo").val("");
	$("#filterPartName").val("");
	_tabulGrid.clearFilter();
}

// M-BOM 조회 (헤더 프레임에서 호출)
function fn_searchMbom(searchParams) {
	console.log("fn_searchMbom (left) 호출됨:", searchParams);
	
	$.ajax({
		url: "/productionplanning/getMbomList.do",
		method: 'post',
		data: searchParams,
		dataType: 'json',
		success: function(data) {
			console.log("M-BOM 조회 결과:", data);
			if(data && data.list) {
				console.log("데이터 개수:", data.list.length);
				
				// ORDER_QTY, PRODUCTION_QTY 제거하여 formatter에서 재계산되도록
				var processedData = data.list.map(function(item) {
					delete item.ORDER_QTY;
					delete item.PRODUCTION_QTY;
					return item;
				});
				
				_tabulGrid.setData(processedData);
			} else {
				console.log("데이터 없음");
				_tabulGrid.setData([]);
			}
		},
		error: function(jqxhr, status, error){
			console.error("M-BOM 조회 오류:", error);
			console.error("응답:", jqxhr.responseText);
			_tabulGrid.setData([]);
		}
	});
}

/* 주석처리: 가공납기/연삭납기 일괄 적용
function applyBulkDeadline(processingDeadline, grindingDeadline) {
	if(!_tabulGrid) {
		console.error("그리드가 초기화되지 않았습니다.");
		return 0;
	}
	
	console.log("일괄 적용 시작");
	console.log("가공납기:", processingDeadline);
	console.log("연삭납기:", grindingDeadline);
	
	var allRows = _tabulGrid.getRows();
	console.log("전체 행 수:", allRows.length);
	
	var updatedCount = 0;
	
	allRows.forEach(function(row) {
		var updateData = {};
		
		if(processingDeadline) {
			updateData.PROCESSING_DEADLINE = processingDeadline;
		}
		if(grindingDeadline) {
			updateData.GRINDING_DEADLINE = grindingDeadline;
		}
		
		// 행 직접 업데이트
		row.update(updateData);
		updatedCount++;
	});
	
	console.log("업데이트 완료 - 업데이트된 행:", updatedCount);
	return updatedCount;
}
*/

// 선택된 행 데이터 가져오기 (Center 프레임에서 사용)
function getSelectedRowData() {
	return selectedRowData;
}

// M-BOM 트리 데이터 수집 (저장용)
function getMbomTreeData() {
	var allData = _tabulGrid.getData();
	
	// 숫자 변환 헬퍼 함수 (빈 문자열, '-', 숫자가 아닌 값 → null)
	function toNumber(value) {
		if (value === null || value === undefined || value === '' || value === '-') return null;
		var num = parseFloat(value);
		return isNaN(num) ? null : num;
	}
	
	// 문자열 변환 헬퍼 함수 ('-' → null)
	function toString(value) {
		if (value === null || value === undefined || value === '-') return null;
		return value;
	}
	
	// 데이터 구조 변환 (MBOM_DETAIL 테이블에 필요한 모든 필드 포함)
	var mbomData = allData.map(function(row) {
		return {
			// BOM 구조 정보
			parentObjid: row.PARENT_OBJID,
			childObjid: row.CHILD_OBJID,
			seq: row.SEQ,
			level: row.LEVEL,
			
			// 품목 정보
			partObjid: row.PART_OBJID || row.LAST_PART_OBJID,
			partNo: row.PART_NO,
			partName: row.PART_NAME,
			
			// 수량 정보
			qty: toNumber(row.QTY_TEMP || row.QTY || row.ITEM_QTY),
			unit: row.UNIT,
			
			// 생산 정보
			supplyType: row.SUPPLY_TYPE,
			makeOrBuy: row.MAKE_OR_BUY,
			rawMaterial: toString(row.RAW_MATERIAL),  // 자급 시 '-' → null
			rawMaterialSpec: toString(row.RAW_MATERIAL_SPEC),
			rawMaterialSize: toString(row.SIZE),  // 자급 시 '-' → null
			rawMaterialPartNo: toString(row.RAW_MATERIAL_NO),  // 자급 시 '-' → null
			processingVendor: row.PROCESSING_VENDOR,
			processingDeadline: row.PROCESSING_DEADLINE,
			grindingDeadline: row.GRINDING_DEADLINE,
			requiredQty: toNumber(row.REQUIRED_QTY),  // 자급 시 '-' → null
			orderQty: toNumber(row.ORDER_QTY),
			productionQty: toNumber(row.PRODUCTION_QTY),
			stockQty: toNumber(row.STOCK_QTY),
			shortageQty: toNumber(row.SHORTAGE_QTY),
			
			// 구매 정보
			vendor: row.VENDOR || row.VENDOR_PM,  // 공급업체 코드/OBJID (기존 값 유지)
			unitPrice: toNumber(row.UNIT_PRICE),
			// totalPrice 계산: 항목수량 × 단가
			totalPrice: (function() {
				var itemQty = parseFloat(row.ITEM_QTY) || 0;
				var unitPrice = parseFloat(row.UNIT_PRICE) || 0;
				return itemQty * unitPrice;
			})(),
			currency: row.CURRENCY,
			leadTime: toNumber(row.LEAD_TIME),
			minOrderQty: toNumber(row.MIN_ORDER_QTY),
			netQty: toNumber(row.NET_QTY),  // 순수량
			poQty: toNumber(row.PO_QTY),  // 발주수량
			proposalDate: row.PROPOSAL_DATE,  // 품의서 작성일 (기존 값 유지)
			
			// 기타
			status: row.STATUS,
			remark: row.REMARK,
			revision: row.REVISION,
			spec: row.SPEC,
			writer: row.WRITER,
			editer: row.EDITER,
			objid: row.OBJID
		};
	});
	
	return mbomData;
}
</script>
</head> 
<body>
	<!-- <div id="mBomName">
		<c:choose>
			<c:when test="${not empty ebomInfo}">
				E-BOM: ${ebomInfo.PART_NO} - ${ebomInfo.PART_NAME}
			</c:when>
			<c:otherwise>
				할당된 E-BOM이 없습니다.
			</c:otherwise>
		</c:choose>
	</div> -->
	<div id="mBomTableWrap"></div>
</body> 
</html>