구매요청임시저장

bin/src/main/webapp/app/pomng/POMNG01010.html

@@ -14,6 +14,11 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_POMNG01010_DETAIL" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_POMNG01010_DETAIL_VIEW_CD" name="viewCd" value="C">
+								<input type="hidden" id="ITP_FORM_POMNG01010_DETAIL_BRAND_ID" name="brandId" value="">
+								<input type="hidden" id="ITP_FORM_POMNG01010_DETAIL_STORE_ID" name="storeId" value="">
+								<input type="hidden" id="ITP_FORM_POMNG01010_DETAIL_LOAN_DVSN" name="loanDvsn" value="">
+								<input type="hidden" id="ITP_FORM_POMNG01010_DETAIL_LOAN_MGNT_UNQ_NO" name="loanMgntUnqNo" value="">
+								<input type="hidden" id="ITP_FORM_POMNG01010_DETAIL_pchReqDvsn" name="pchReqDvsn" value="">
 					
 								<section class="itp_form_sec">
 									<h4 class="itp_form_tit">구매요청정보</h4>
@@ -81,8 +86,8 @@
 											<label class="col-xs-2 itp_lb">정산타입</label>
 												<div class="col-xs-4 itp_ip">
 													<div class="col-xs-12 itp_in">
-														<div class="input-group fnSttlType" style="padding:5px;"></div>
-													</div>
+														<div class="input-group fnLoanDvsnNm" style="padding:5px;"></div>
+													</div>  
 												</div>
 											<label class="col-xs-2 itp_lb">구매가능금액</label>
 											<div class="col-xs-4 itp_ip fnPchActAmt"></div>

bin/src/main/webapp/app/popup/biz/BIZPOP_ITEM.html

@@ -0,0 +1,41 @@
+<div id="ITP_BIZPOP_ITEM" class="modal itp_modal">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<form id="ITP_FORM_BIZPOP_ITEM">
+				<input type="hidden" id="ITP_FORM_BIZPOP_ITEM_BRAND_ID" name="sbrandId" value="">
+				<input type="hidden" id="ITP_FORM_BIZPOP_ITEM_STORE_ID" name="sstoreId" value="">
+				<div class="modal-header">
+					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+					<h5 class="modal-title">품목 검색</h5>
+				</div>
+				<div class="modal-body">
+					<div class="itp_form fix">
+						<div class="col-xs-12 itp_form_inline">
+							<div class="form-horizontal fix">
+								<div class="col-xs-4 itp_ip itp_pr">
+									<input type="text" name="sitemNm" id="ITP_FORM_BIZPOP_ITEM_NM" class="form-control itp_input" placeholder="품목코드,품목명">
+								</div>
+								<div class="col-xs-4 itp_ip itp_noMar">
+									<select id="ITP_FORM_BIZPOP_STORE_PODR_PSSBL_DVSN" data-select-code="PODR_PSSBL_DVSN" class="form-control itp_input" name="spodrPssblDvsn">
+									</select>
+								</div>
+								<div class="pull-right itp_cicon">
+									<button type="button" class="btn btn-success btn-sm" id="ITP_BIZPOP_ITEM_BTN_SEARCH" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i> 조회</button>
+									<button type="button" class="btn btn-primary btn-sm" id="ITP_BIZPOP_ITEM_BTN_SELECT"><i class="glyphicon glyphicon-ok"></i> 선택</button>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div id="ITP_BIZPOP_ITEM_jqGrid_list" class="itp_tb_list" data-total-cnt="">
+						<div id="ITP_BIZPOP_ITEM_jqGridView" class="itp_views fix"></div>
+						<table id="ITP_BIZPOP_ITEM_jqGrid"></table>
+						<div id="ITP_BIZPOP_ITEM_jqGridPager"></div>
+						<div id="ITP_BIZPOP_ITEM_jqGridEmpty" class="itp_no_data"></div>
+					</div>
+				</div>
+			</form>
+		</div>
+	</div>
+
+	<div id="ITP_POPUP_JS"></div>
+</div>

bin/src/main/webapp/js/app/locales/locale-ko.js

@@ -144,6 +144,7 @@ const ITP_MSG_LOCALE = (function() {
 			"itemNm": "품목명",
 			"itemTypeNm": "품목유형",
 			"itemClassNm": "품목분류",
+			"itemClassMgntNo": "품목분류관리번호",
 			"podrPssblDvsnNm": "발주여부",
 			"unit": "기본단위",
 			"pchItemYn": "구매품목여부",
@@ -166,7 +167,10 @@ const ITP_MSG_LOCALE = (function() {
 			"itemClassLevel3": "품목분류Level 3",
 			"itemClassLevel4": "품목분류Level 4",
 			"prnSeq": "출력순번",
-			"writeYn": "쓰기여부"
+			"writeYn": "쓰기여부",
+			"pchReqQty": "요청수량",
+			"pchReqAmt": "요청금액",
+			"unitGubun": "단가구분"
 		},
 		"table": {
 			"brandId": "브랜드ID",

bin/src/main/webapp/js/app/pomng/ITP_POMNG01010.js

@@ -0,0 +1,334 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		pageObj.init();
+	});
+});
+
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ *******************************************************/
+
+/*화면 변수*/
+/*
+const POMNG01010_GRID_ID = '#ITP_POMNG01010_jqGrid';
+const POMNG01010_GRID_LIST = '#ITP_POMNG01010_jqGrid_list';
+const POMNG01010_GRID_PAGER = '#ITP_POMNG01010_jqGridPager';
+const POMNG01010_GRID_EMPTY = '#ITP_POMNG01010_jqGridEmpty';
+
+const POMNG01010_VIEW_GRID_ID = '#ITP_POMNG01010_VIEW_jqGrid';
+const POMNG01010_VIEW_GRID_LIST = '#ITP_POMNG01010_VIEW_jqGrid_list';
+const POMNG01010_VIEW_GRID_PAGER = '#ITP_POMNG01010_VIEW_jqGridPager';
+const POMNG01010_VIEW_GRID_EMPTY = '#ITP_POMNG01010_VIEW_jqGridEmpty';
+*/
+const POMNG01010_DETAIL_GRID_ID = '#ITP_POMNG01010_DETAIL_jqGrid';
+const POMNG01010_DETAIL_GRID_LIST = '#ITP_POMNG01010_DETAIL_jqGrid_list';
+const POMNG01010_DETAIL_GRID_PAGER = '#ITP_POMNG01010_DETAIL_jqGridPager';
+const POMNG01010_DETAIL_GRID_EMPTY = '#ITP_POMNG01010_DETAIL_jqGridEmpty';  // ==>dwkim html확인필요
+
+/*
+let ITP_FORM_POMNG01010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_POMNG01010_DETAIL_IS_WRITING = false;
+*/
+
+/*API URL*/
+let API_DETAIL_INIT_INFO = '/api/pomng/init-pchReq'
+//let API_DETAIL_GRID_LIST = '/api/affl/detail-grid-list';
+//let API_DETAIL_INFO = '/api/affl/info-affl';
+//let COMPANY_INFO_COMPANY = '/api/affl/info-affl';
+let API_DETAIL_SAVE = '/api/pomng/save-pchReq';
+//let API_CHECK_DUPLICATE = '/api/affl/check-duplicate';
+//let API_INTI_USERPW = '/api/user/inti-userpw';
+
+/*화면 Grid ColModel   ==>선택박스 항목 추가 부분  */
+const gridColModel = {
+	detail: [
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'ITEM_ID', name: 'itemId',
+			label: ITP_MSG_LOCALE.label.itemId,
+			width: '20', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text',
+			editrules: { required: true }
+		},
+		{
+			index: 'ITEM_NM', name: 'itemNm',
+			label: ITP_MSG_LOCALE.label.itemNm,
+			width: '30', fixed: false, align: 'center',
+			sortable: true, editable: false, edittype: 'text',
+			editrules: { required: true }
+		},
+		{
+			index: 'UNIT', name: 'unit',
+			label: ITP_MSG_LOCALE.label.unit,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text'
+		},
+		{
+			index: 'UNIT_AMT', name: 'unitAmt',
+			label: ITP_MSG_LOCALE.label.unitAmt,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text', hidden: false
+		},
+		{
+			index: 'PCH_REQ_QTY', name: 'pchReqQty',
+			label: ITP_MSG_LOCALE.label.pchReqQty, //단가
+			width: '10', fixed: false, align: 'center',
+			sortable: true, editable: true, edittype: 'text',
+			editrules: { number:true}
+		},
+		{
+			index: 'PCH_REQ_AMT', name: 'pchReqAmt',
+			label: ITP_MSG_LOCALE.label.pchReqAmt,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text', hidden: false
+		},
+
+		{
+			index: 'BRAND_UNIT_UNQ_NO', name: 'brandUnitUnqNo',
+			label: ITP_MSG_LOCALE.label.brandUnitUnqNo,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text', hidden: true
+		},
+		{
+			index: 'STORE_UNIT_UNQ_NO', name: 'storeUnitUnqNo',
+			label: ITP_MSG_LOCALE.label.storeUnitUnqNo,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text', hidden: true
+		},
+		{
+			index: 'UNIT_GUBUN', name: 'unitGubun',
+			label: ITP_MSG_LOCALE.label.unitGubun,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text', hidden: true
+		}
+	]
+};
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function() {
+		this.ui.init();
+		this.event.init();
+	},
+	itp_POMNG01010_param: {},  // ==>dwkim 
+	itp_POMNG01010_search: false,  // ==>dwkim 
+	ui: {
+		init: function() {
+			this.view();
+			this.grid();
+			this.ready();
+		},
+		view: function() {
+			// 버튼 권한설정
+			fn_proc_btn_auth('POMNG01010');
+
+			// 공통코드 표시
+			$('select').each(function() {
+				if ($(this).data('select-code')) {
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+				}
+			});
+
+			// 조회일자 지정
+			var now = new Date();
+			$('#ITP_FORM_POMNG01010_DETAIL_DLV_REQ_DT').datepicker('dlvReqDt', new Date(now.setDate(now.getDate() + 5)));
+
+
+			// form alert message 주입
+			/*
+			$('input[data-alert-required="ONLYCHK"]').each(function() {
+				if($(this).data('alert-msg') === 'address') {
+					$(this).data('alert-msg', ITP_MSG_LOCALE.message.form.emptyAddr);
+				}
+			});
+			*/
+		},
+		grid: function() {
+			itp_fn_jqgrid_resize(POMNG01010_DETAIL_GRID_ID, POMNG01010_DETAIL_GRID_LIST, 'lg');
+			//listObj.empty.init();
+			itp_fn_fire_window_resize();
+		},
+		ready: function() {
+			createObj.init();
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			// 버튼 클릭 이벤트
+			$('button').each(function() {
+				var id = $(this).attr('id');
+				$(this).on('click', function() {
+					switch (id) {
+						case 'ITP_BTN_POMNG01010_SRH': modifyObj.button.save(); break;	// 구매요청
+						case 'ITP_BTN_POMNG01010_NEWREG': modifyObj.button.newReg(); break;	// 임시저장
+						case 'ITP_BTN_POMNG01010_DETAIL_ADDROW': pageObj.grid.button.addRow(); break;	// 품목추가
+						case 'ITP_BTN_POMNG01010_DETAIL_DELROW': pageObj.grid.button.delRow(); break;	// 품목삭제
+					}
+				});
+			});
+
+			$('body').on('click', function(e) {
+				// afflUserObj.grid.resetGrid(e);
+			});
+
+		}
+	},
+	grid: {
+		init: function(mode, gridData) {
+			this.mode = mode;
+			this.gridId = POMNG01010_DETAIL_GRID_ID;
+			this.unload();  // ==>dwkim 
+			this.load(gridData);
+		},
+		mode: 'DETAIL',
+		gridId: '',
+		button: {
+			addRow: function() {
+				// 팝업
+				var popFn = function(rowDataPop) {
+					console.log(rowDataPop);
+					// 기존등록 데이터
+					var exists = '';
+					const rowData = $(POMNG01010_DETAIL_GRID_ID).getRowData();
+					$.each(rowData, function(key, value) {
+						exists = exists + value.itemId + ';';
+					});
+
+					$.each(rowDataPop, function(key, value) {
+						if (exists.indexOf(value.itemId) < 0 && value.podrPssblDvsn == 'PO01') {
+							value['viewCd'] = "C";
+							$(POMNG01010_DETAIL_GRID_ID).jqGrid('addRowData', value.itemId, value, 'last');
+						}
+					});
+					$(POMNG01010_DETAIL_GRID_EMPTY).hide();
+				};
+				//const key = {brandId:fn_make_user_info.get('brandId'), brandUnitUnqNo: selectVal, viewCd: 'R'};
+				fn_call_popup('biz', 'BIZPOP_ITEM', '#ITP_ASIDE', popFn, null, 'S');  // ==>dwkim 추후 작업 진행  파라메타 설명필요
+			},
+			delRow: function() {
+				itp_fn_grid_del_row(POMNG01010_DETAIL_GRID_ID);
+			}
+		},
+		load: function(gridData) {  // ==>dwkim  오픈시 데이타 가져오는 부분 넣으면 되는건지 여부 gird가 아님
+			var _this = this;
+			var option = {
+				gridId: this.gridId,
+				colModel: gridColModel.detail,
+				data: gridData,
+				multiselect: true,
+				loadComplete: function(data) {
+					_this.clearData();
+				}
+			};
+			itp_fn_grid_make_local(option);
+		},
+		clearData: function() {
+			console.log(this.gridId);
+			$(POMNG01010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
+			$(POMNG01010_DETAIL_GRID_LIST).find('.ui-jqgrid .ui-jqgrid-bdiv').css('overflow-x', 'hidden');
+			$(POMNG01010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(POMNG01010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(POMNG01010_DETAIL_GRID_EMPTY).show();
+		},
+		unload: function() {
+			$.jgrid.gridUnload(this.gridId);
+		}
+	}
+};
+
+/*신규화면 Object*/
+let createObj = {
+	init: function() {
+		$('#ITP_FORM_POMNG01010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+		$('#ITP_FORM_POMNG01010_DETAIL_STORE_ID').val(fn_make_user_info.get('storeId'));
+		//let param = 'brandId=' + LOGIN_USER_INFO.brandId + "&spplyId=" + LOGIN_USER_INFO.spplyId;
+		this.load();
+	},
+	button: {
+		save: function() {
+			const formId = '#ITP_FORM_POMNG01010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);
+
+			// if (vali_cmpyCd && vali_cmpyStatCd && vali_cmpyTypeCd && vali_cmpyNm && vali_bossNm && vali_mainTel && vali_mainEmail) {
+			if (itp_fn_form_event.isValid(formId)) {
+
+				// if($('#ITP_FORM_POMNG01010_DETAIL_CMPY_ZIPNO').val() === '' || $('#ITP_FORM_POMNG01010_DETAIL_CMPY_ADRES').val() === '') {
+				// 	itp_fn_modal_alert('주소 검색을 통해 회사 주소를 입력하세요.');
+				// 	return;
+				// }
+
+				if (ITP_FORM_POMNG01010_DETAIL_IS_DUPLICATE) {
+					itp_fn_modal_duplicate('회사코드 중복체크를 해주세요.', formId + '_AFFL_SHOP_ID');
+				} else {
+					let gridInsertData = [];
+					let gridUpdateData = [];
+					let gridDeleteData = [];
+					const rowData = $(POMNG01010_DETAIL_GRID_ID).getRowData();
+					const keyValue = $(formId + '_AFFL_SHOP_ID').val();
+					$.each(rowData, function(key, value) {
+						if (value.viewCd !== 'R') {
+							value.afflShopId = keyValue;
+							if (value.viewCd === 'C') {
+								gridInsertData.push(value);
+							} else if (value.viewCd === 'U') {
+								gridUpdateData.push(value);
+							} else if (value.viewCd === 'D') {
+								gridDeleteData.push(value);
+							}
+						}
+					});
+
+					let param = $(formId).serializeObject();
+					param.gridInsertData = gridInsertData;
+					param.gridUpdateData = gridUpdateData;
+					param.gridDeleteData = gridDeleteData;
+					console.log(JSON.stringify(param));
+					var searhFn = function() {
+						ITP_FORM_POMNG01010_DETAIL_IS_WRITING = false;
+						viewObj.init();
+					};
+					fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
+				}
+			}
+		}
+	},
+	load: function() {
+		fn_ajax_call(API_DETAIL_INIT_INFO, '', this.callback, 'GET');
+	},
+	callback: function(result) {
+		console.log(result);
+
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_VIEW_CD').val('C');
+
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_BRAND_ID').val(result.brandId);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_STORE_ID').val(result.storeId);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_LOAN_DVSN').val(result.loanDvsn);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_LOAN_MGNT_UNQ_NO').val(result.loanMgntUnqNo);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_PCH_REQ_DVSN').val(result.pchReqDvsn);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnBrandNm').text(result.brandNm);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnPchReqDept').text(result.reqDept);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnPchReqMgrNm').text(result.userNm);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnPchReqAmt').text("0");
+		$('#ITP_FORM_POMNG01010_DETAIL .fnLoanDvsnNm').text(result.loanDvsnNm);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnPchActAmt').text(result.ordUseAmt);
+
+		pageObj.grid.init();
+	}
+};

bin/src/main/webapp/js/app/popup/biz/ITP_BIZPOP_ITEM.js

@@ -0,0 +1,171 @@
+require(['config'], function() {
+	require([
+		'jquery'
+	], function($) {
+
+	});
+});
+
+let API_POP_GRID_LIST = '/api/item/pop-grid-list';
+
+function itp_fn_BIZPOP_ITEM(parentPopFn, args, returnType) {
+	console.log(args);
+	let itp_BIZPOP_ITEM_param = {};
+	let itp_BIZPOP_ITEM_search = false;
+
+	const THIS_FORM_ID = '#ITP_FORM_BIZPOP_ITEM';
+	const THIS_GIRD_ID = '#ITP_BIZPOP_ITEM_jqGrid';
+	const THIS_GIRD_PAGER = '#ITP_BIZPOP_ITEM_jqGridPager';
+
+	$('#ITP_FORM_BIZPOP_ITEM_BRAND_ID').val(fn_make_user_info.get('brandId'));
+	$('#ITP_FORM_BIZPOP_ITEM_STORE_ID').val(fn_make_user_info.get('storeId'));
+
+	// 공통코드 표시
+	$('select').each(function() {
+		if($(this).data('select-code')) {
+			fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+		}
+	});
+
+	$('#ITP_BIZPOP_ITEM').one('shown.bs.modal', function(e) {
+		itp_fn_jqgrid_resize(THIS_GIRD_ID, '#ITP_BIZPOP_ITEM_jqGrid_list', '');
+		itp_fn_fire_window_resize();
+	}).one('hidden.bs.modal', function(e) {
+		$('#ITP_BIZPOP_ITEM').remove();
+	}).modal('show');
+
+	$('#ITP_BIZPOP_ITEM_BTN_SEARCH').on('click', function() {
+		itp_BIZPOP_ITEM_search = true;
+		let param = $(THIS_FORM_ID).serializeObject();
+		param.gridSize = 10;
+		param.gridPage = $.jgrid.defaults.page;
+		$(THIS_GIRD_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+	});
+	
+	$('#ITP_BIZPOP_ITEM_BTN_SELECT').on('click', function() {		
+		
+		const rowKey = $(THIS_GIRD_ID).getGridParam('selrow');
+	    if (!rowKey) {
+	    	return;
+	    }
+
+		var list = [];
+	    var selectedIds = $(THIS_GIRD_ID).getGridParam('selarrrow');
+
+		if(selectedIds.length > 1) { // 1개만 선택
+			// itp_fn_modal_alert('1명을 선택해주세요.');
+			// return;
+		}
+		
+	    for (var i=selectedIds.length-1; i>=0; i--) {
+			list.push($(THIS_GIRD_ID).jqGrid('getRowData', selectedIds[i]));	
+		}
+		parentPopFn(list);
+		$('#ITP_BIZPOP_ITEM').modal('hide'); // 팝업닫기
+	});
+
+	$('#ITP_BIZPOP_ITEM_jqGridEmpty').on('click', function() {
+		itp_fn_BIZPOP_ITEM_empty.back();
+		itp_BIZPOP_ITEM_param.gridSize = 10;
+		$(THIS_GIRD_ID).setGridParam({'postData': JSON.stringify(itp_BIZPOP_ITEM_param)}).trigger('reloadGrid');
+	});
+
+	var itp_fn_BIZPOP_ITEM_empty = {
+		push: function() {
+			let param = $(THIS_FORM_ID).serializeObject();
+			itp_BIZPOP_ITEM_param = param;
+		},
+		back: function() {
+			$(THIS_FORM_ID + '_BRAND_ID').val(itp_BIZPOP_ITEM_param.sbrandId);
+			$(THIS_FORM_ID + '_STROE_ID').val(itp_BIZPOP_ITEM_param.sstoreId);
+		}
+	};
+
+	itp_fn_BIZPOP_ITEM_empty.push();
+	let param = $('#ITP_FORM_BIZPOP_ITEM').serializeObject();
+	param.gridSize = 10;
+	console.log(JSON.stringify(param));
+
+	$(THIS_GIRD_ID).jqGrid({
+		colModel: [
+			{
+				index: 'ITEM_ID', name: 'itemId',
+				label: '품목ID', //
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: false
+			},
+			{
+				index: 'ITEM_NM', name: 'itemNm',
+				label: '품목명', //
+				width: '12', fixed: false, align: 'left',
+				sortable: false, hidden: false
+			},
+			{
+				index: 'UNIT', name: 'unit',
+				label: '단위', //
+				width: '6', fixed: false, align: 'center',
+				sortable: false, hidden: false
+			},
+			{
+				index: 'UNIT_AMT', name: 'unitAmt',
+				label: '단가', //
+				width: '6', fixed: false, align: 'right',
+				sortable: false, hidden: false
+			},
+			{
+				index: 'PODR_PSSBL_DVSN_NM', name: 'podrPssblDvsnNm',
+				label: '발주가능여부명', //
+				width: '6', fixed: false, align: 'center',
+				sortable: false, hidden: false
+			},
+			{
+				index: 'PODR_PSSBL_DVSN', name: 'podrPssblDvsn',
+				label: '발주가능여부', //
+				width: '6', fixed: false, align: 'center',
+				sortable: false, hidden: true
+			},
+			{
+				index: 'BRAND_UNIT_UNQ_NO', name: 'brandUnitUnqNo',
+				label: '브랜드단가고유번호', //
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: true
+			},
+			{
+				index: 'UNIT_GUBUN', name: 'unitGubun',
+				label: '단가구분', //
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: true
+			},
+			{
+				index: 'STORE_UNIT_UNQ_NO', name: 'storeUnitUnqNo',
+				label: '매장단가고유번호', //
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: true
+			},
+			{
+				index: 'WHS_PASS_QTY', name: 'whsPassQty',
+				label: '출고가능수량', //
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: true
+			}
+		],
+		loadBeforeSend: function(jqXHR) {
+		    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
+		},
+		postData: JSON.stringify(param),
+		url: DOMAIN + API_POP_GRID_LIST,
+		pager: THIS_GIRD_PAGER,
+		multiselect: true,
+		rownumbers: false,
+		loadComplete: function(data) {
+			console.log(data);
+			itp_fn_grid_load_complete(data, THIS_GIRD_ID, true, undefined, 'BIZPOP_ITEM', itp_BIZPOP_ITEM_search, itp_fn_BIZPOP_ITEM_empty, true, data.gridRecords, false);
+	    },
+	    loadError: function(jqXHR, textStatus, errorThrown) {
+	    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
+	    },
+	    onPaging: function(action) {
+	    	itp_fn_grid_paging(THIS_GIRD_ID, action, param);
+	    }
+	}).navGrid(THIS_GIRD_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
+};

src/main/webapp/app/pomng/POMNG01010.html

@@ -14,6 +14,11 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_POMNG01010_DETAIL" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_POMNG01010_DETAIL_VIEW_CD" name="viewCd" value="C">
+								<input type="hidden" id="ITP_FORM_POMNG01010_DETAIL_BRAND_ID" name="brandId" value="">
+								<input type="hidden" id="ITP_FORM_POMNG01010_DETAIL_STORE_ID" name="storeId" value="">
+								<input type="hidden" id="ITP_FORM_POMNG01010_DETAIL_LOAN_DVSN" name="loanDvsn" value="">
+								<input type="hidden" id="ITP_FORM_POMNG01010_DETAIL_LOAN_MGNT_UNQ_NO" name="loanMgntUnqNo" value="">
+								<input type="hidden" id="ITP_FORM_POMNG01010_DETAIL_pchReqDvsn" name="pchReqDvsn" value="">
 					
 								<section class="itp_form_sec">
 									<h4 class="itp_form_tit">구매요청정보</h4>
@@ -81,8 +86,8 @@
 											<label class="col-xs-2 itp_lb">정산타입</label>
 												<div class="col-xs-4 itp_ip">
 													<div class="col-xs-12 itp_in">
-														<div class="input-group fnSttlType" style="padding:5px;"></div>
-													</div>
+														<div class="input-group fnLoanDvsnNm" style="padding:5px;"></div>
+													</div>  
 												</div>
 											<label class="col-xs-2 itp_lb">구매가능금액</label>
 											<div class="col-xs-4 itp_ip fnPchActAmt"></div>

src/main/webapp/app/popup/biz/BIZPOP_ITEM.html

@@ -0,0 +1,41 @@
+<div id="ITP_BIZPOP_ITEM" class="modal itp_modal">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<form id="ITP_FORM_BIZPOP_ITEM">
+				<input type="hidden" id="ITP_FORM_BIZPOP_ITEM_BRAND_ID" name="sbrandId" value="">
+				<input type="hidden" id="ITP_FORM_BIZPOP_ITEM_STORE_ID" name="sstoreId" value="">
+				<div class="modal-header">
+					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+					<h5 class="modal-title">품목 검색</h5>
+				</div>
+				<div class="modal-body">
+					<div class="itp_form fix">
+						<div class="col-xs-12 itp_form_inline">
+							<div class="form-horizontal fix">
+								<div class="col-xs-4 itp_ip itp_pr">
+									<input type="text" name="sitemNm" id="ITP_FORM_BIZPOP_ITEM_NM" class="form-control itp_input" placeholder="품목코드,품목명">
+								</div>
+								<div class="col-xs-4 itp_ip itp_noMar">
+									<select id="ITP_FORM_BIZPOP_STORE_PODR_PSSBL_DVSN" data-select-code="PODR_PSSBL_DVSN" class="form-control itp_input" name="spodrPssblDvsn">
+									</select>
+								</div>
+								<div class="pull-right itp_cicon">
+									<button type="button" class="btn btn-success btn-sm" id="ITP_BIZPOP_ITEM_BTN_SEARCH" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i> 조회</button>
+									<button type="button" class="btn btn-primary btn-sm" id="ITP_BIZPOP_ITEM_BTN_SELECT"><i class="glyphicon glyphicon-ok"></i> 선택</button>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div id="ITP_BIZPOP_ITEM_jqGrid_list" class="itp_tb_list" data-total-cnt="">
+						<div id="ITP_BIZPOP_ITEM_jqGridView" class="itp_views fix"></div>
+						<table id="ITP_BIZPOP_ITEM_jqGrid"></table>
+						<div id="ITP_BIZPOP_ITEM_jqGridPager"></div>
+						<div id="ITP_BIZPOP_ITEM_jqGridEmpty" class="itp_no_data"></div>
+					</div>
+				</div>
+			</form>
+		</div>
+	</div>
+
+	<div id="ITP_POPUP_JS"></div>
+</div>

src/main/webapp/js/app/locales/locale-ko.js

@@ -167,7 +167,10 @@ const ITP_MSG_LOCALE = (function() {
 			"itemClassLevel3": "품목분류Level 3",
 			"itemClassLevel4": "품목분류Level 4",
 			"prnSeq": "출력순번",
-			"writeYn": "쓰기여부"
+			"writeYn": "쓰기여부",
+			"pchReqQty": "요청수량",
+			"pchReqAmt": "요청금액",
+			"unitGubun": "단가구분"
 		},
 		"table": {
 			"brandId": "브랜드ID",

src/main/webapp/js/app/pomng/ITP_POMNG01010.js

@@ -0,0 +1,334 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		pageObj.init();
+	});
+});
+
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ *******************************************************/
+
+/*화면 변수*/
+/*
+const POMNG01010_GRID_ID = '#ITP_POMNG01010_jqGrid';
+const POMNG01010_GRID_LIST = '#ITP_POMNG01010_jqGrid_list';
+const POMNG01010_GRID_PAGER = '#ITP_POMNG01010_jqGridPager';
+const POMNG01010_GRID_EMPTY = '#ITP_POMNG01010_jqGridEmpty';
+
+const POMNG01010_VIEW_GRID_ID = '#ITP_POMNG01010_VIEW_jqGrid';
+const POMNG01010_VIEW_GRID_LIST = '#ITP_POMNG01010_VIEW_jqGrid_list';
+const POMNG01010_VIEW_GRID_PAGER = '#ITP_POMNG01010_VIEW_jqGridPager';
+const POMNG01010_VIEW_GRID_EMPTY = '#ITP_POMNG01010_VIEW_jqGridEmpty';
+*/
+const POMNG01010_DETAIL_GRID_ID = '#ITP_POMNG01010_DETAIL_jqGrid';
+const POMNG01010_DETAIL_GRID_LIST = '#ITP_POMNG01010_DETAIL_jqGrid_list';
+const POMNG01010_DETAIL_GRID_PAGER = '#ITP_POMNG01010_DETAIL_jqGridPager';
+const POMNG01010_DETAIL_GRID_EMPTY = '#ITP_POMNG01010_DETAIL_jqGridEmpty';  // ==>dwkim html확인필요
+
+/*
+let ITP_FORM_POMNG01010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_POMNG01010_DETAIL_IS_WRITING = false;
+*/
+
+/*API URL*/
+let API_DETAIL_INIT_INFO = '/api/pomng/init-pchReq'
+//let API_DETAIL_GRID_LIST = '/api/affl/detail-grid-list';
+//let API_DETAIL_INFO = '/api/affl/info-affl';
+//let COMPANY_INFO_COMPANY = '/api/affl/info-affl';
+let API_DETAIL_SAVE = '/api/pomng/save-pchReq';
+//let API_CHECK_DUPLICATE = '/api/affl/check-duplicate';
+//let API_INTI_USERPW = '/api/user/inti-userpw';
+
+/*화면 Grid ColModel   ==>선택박스 항목 추가 부분  */
+const gridColModel = {
+	detail: [
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'ITEM_ID', name: 'itemId',
+			label: ITP_MSG_LOCALE.label.itemId,
+			width: '20', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text',
+			editrules: { required: true }
+		},
+		{
+			index: 'ITEM_NM', name: 'itemNm',
+			label: ITP_MSG_LOCALE.label.itemNm,
+			width: '30', fixed: false, align: 'center',
+			sortable: true, editable: false, edittype: 'text',
+			editrules: { required: true }
+		},
+		{
+			index: 'UNIT', name: 'unit',
+			label: ITP_MSG_LOCALE.label.unit,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text'
+		},
+		{
+			index: 'UNIT_AMT', name: 'unitAmt',
+			label: ITP_MSG_LOCALE.label.unitAmt,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text', hidden: false
+		},
+		{
+			index: 'PCH_REQ_QTY', name: 'pchReqQty',
+			label: ITP_MSG_LOCALE.label.pchReqQty, //단가
+			width: '10', fixed: false, align: 'center',
+			sortable: true, editable: true, edittype: 'text',
+			editrules: { number:true}
+		},
+		{
+			index: 'PCH_REQ_AMT', name: 'pchReqAmt',
+			label: ITP_MSG_LOCALE.label.pchReqAmt,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text', hidden: false
+		},
+
+		{
+			index: 'BRAND_UNIT_UNQ_NO', name: 'brandUnitUnqNo',
+			label: ITP_MSG_LOCALE.label.brandUnitUnqNo,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text', hidden: true
+		},
+		{
+			index: 'STORE_UNIT_UNQ_NO', name: 'storeUnitUnqNo',
+			label: ITP_MSG_LOCALE.label.storeUnitUnqNo,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text', hidden: true
+		},
+		{
+			index: 'UNIT_GUBUN', name: 'unitGubun',
+			label: ITP_MSG_LOCALE.label.unitGubun,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text', hidden: true
+		}
+	]
+};
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function() {
+		this.ui.init();
+		this.event.init();
+	},
+	itp_POMNG01010_param: {},  // ==>dwkim 
+	itp_POMNG01010_search: false,  // ==>dwkim 
+	ui: {
+		init: function() {
+			this.view();
+			this.grid();
+			this.ready();
+		},
+		view: function() {
+			// 버튼 권한설정
+			fn_proc_btn_auth('POMNG01010');
+
+			// 공통코드 표시
+			$('select').each(function() {
+				if ($(this).data('select-code')) {
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+				}
+			});
+
+			// 조회일자 지정
+			var now = new Date();
+			$('#ITP_FORM_POMNG01010_DETAIL_DLV_REQ_DT').datepicker('dlvReqDt', new Date(now.setDate(now.getDate() + 5)));
+
+
+			// form alert message 주입
+			/*
+			$('input[data-alert-required="ONLYCHK"]').each(function() {
+				if($(this).data('alert-msg') === 'address') {
+					$(this).data('alert-msg', ITP_MSG_LOCALE.message.form.emptyAddr);
+				}
+			});
+			*/
+		},
+		grid: function() {
+			itp_fn_jqgrid_resize(POMNG01010_DETAIL_GRID_ID, POMNG01010_DETAIL_GRID_LIST, 'lg');
+			//listObj.empty.init();
+			itp_fn_fire_window_resize();
+		},
+		ready: function() {
+			createObj.init();
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			// 버튼 클릭 이벤트
+			$('button').each(function() {
+				var id = $(this).attr('id');
+				$(this).on('click', function() {
+					switch (id) {
+						case 'ITP_BTN_POMNG01010_SRH': modifyObj.button.save(); break;	// 구매요청
+						case 'ITP_BTN_POMNG01010_NEWREG': modifyObj.button.newReg(); break;	// 임시저장
+						case 'ITP_BTN_POMNG01010_DETAIL_ADDROW': pageObj.grid.button.addRow(); break;	// 품목추가
+						case 'ITP_BTN_POMNG01010_DETAIL_DELROW': pageObj.grid.button.delRow(); break;	// 품목삭제
+					}
+				});
+			});
+
+			$('body').on('click', function(e) {
+				// afflUserObj.grid.resetGrid(e);
+			});
+
+		}
+	},
+	grid: {
+		init: function(mode, gridData) {
+			this.mode = mode;
+			this.gridId = POMNG01010_DETAIL_GRID_ID;
+			this.unload();  // ==>dwkim 
+			this.load(gridData);
+		},
+		mode: 'DETAIL',
+		gridId: '',
+		button: {
+			addRow: function() {
+				// 팝업
+				var popFn = function(rowDataPop) {
+					console.log(rowDataPop);
+					// 기존등록 데이터
+					var exists = '';
+					const rowData = $(POMNG01010_DETAIL_GRID_ID).getRowData();
+					$.each(rowData, function(key, value) {
+						exists = exists + value.itemId + ';';
+					});
+
+					$.each(rowDataPop, function(key, value) {
+						if (exists.indexOf(value.itemId) < 0 && value.podrPssblDvsn == 'PO01') {
+							value['viewCd'] = "C";
+							$(POMNG01010_DETAIL_GRID_ID).jqGrid('addRowData', value.itemId, value, 'last');
+						}
+					});
+					$(POMNG01010_DETAIL_GRID_EMPTY).hide();
+				};
+				//const key = {brandId:fn_make_user_info.get('brandId'), brandUnitUnqNo: selectVal, viewCd: 'R'};
+				fn_call_popup('biz', 'BIZPOP_ITEM', '#ITP_ASIDE', popFn, null, 'S');  // ==>dwkim 추후 작업 진행  파라메타 설명필요
+			},
+			delRow: function() {
+				itp_fn_grid_del_row(POMNG01010_DETAIL_GRID_ID);
+			}
+		},
+		load: function(gridData) {  // ==>dwkim  오픈시 데이타 가져오는 부분 넣으면 되는건지 여부 gird가 아님
+			var _this = this;
+			var option = {
+				gridId: this.gridId,
+				colModel: gridColModel.detail,
+				data: gridData,
+				multiselect: true,
+				loadComplete: function(data) {
+					_this.clearData();
+				}
+			};
+			itp_fn_grid_make_local(option);
+		},
+		clearData: function() {
+			console.log(this.gridId);
+			$(POMNG01010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
+			$(POMNG01010_DETAIL_GRID_LIST).find('.ui-jqgrid .ui-jqgrid-bdiv').css('overflow-x', 'hidden');
+			$(POMNG01010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(POMNG01010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(POMNG01010_DETAIL_GRID_EMPTY).show();
+		},
+		unload: function() {
+			$.jgrid.gridUnload(this.gridId);
+		}
+	}
+};
+
+/*신규화면 Object*/
+let createObj = {
+	init: function() {
+		$('#ITP_FORM_POMNG01010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+		$('#ITP_FORM_POMNG01010_DETAIL_STORE_ID').val(fn_make_user_info.get('storeId'));
+		//let param = 'brandId=' + LOGIN_USER_INFO.brandId + "&spplyId=" + LOGIN_USER_INFO.spplyId;
+		this.load();
+	},
+	button: {
+		save: function() {
+			const formId = '#ITP_FORM_POMNG01010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);
+
+			// if (vali_cmpyCd && vali_cmpyStatCd && vali_cmpyTypeCd && vali_cmpyNm && vali_bossNm && vali_mainTel && vali_mainEmail) {
+			if (itp_fn_form_event.isValid(formId)) {
+
+				// if($('#ITP_FORM_POMNG01010_DETAIL_CMPY_ZIPNO').val() === '' || $('#ITP_FORM_POMNG01010_DETAIL_CMPY_ADRES').val() === '') {
+				// 	itp_fn_modal_alert('주소 검색을 통해 회사 주소를 입력하세요.');
+				// 	return;
+				// }
+
+				if (ITP_FORM_POMNG01010_DETAIL_IS_DUPLICATE) {
+					itp_fn_modal_duplicate('회사코드 중복체크를 해주세요.', formId + '_AFFL_SHOP_ID');
+				} else {
+					let gridInsertData = [];
+					let gridUpdateData = [];
+					let gridDeleteData = [];
+					const rowData = $(POMNG01010_DETAIL_GRID_ID).getRowData();
+					const keyValue = $(formId + '_AFFL_SHOP_ID').val();
+					$.each(rowData, function(key, value) {
+						if (value.viewCd !== 'R') {
+							value.afflShopId = keyValue;
+							if (value.viewCd === 'C') {
+								gridInsertData.push(value);
+							} else if (value.viewCd === 'U') {
+								gridUpdateData.push(value);
+							} else if (value.viewCd === 'D') {
+								gridDeleteData.push(value);
+							}
+						}
+					});
+
+					let param = $(formId).serializeObject();
+					param.gridInsertData = gridInsertData;
+					param.gridUpdateData = gridUpdateData;
+					param.gridDeleteData = gridDeleteData;
+					console.log(JSON.stringify(param));
+					var searhFn = function() {
+						ITP_FORM_POMNG01010_DETAIL_IS_WRITING = false;
+						viewObj.init();
+					};
+					fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
+				}
+			}
+		}
+	},
+	load: function() {
+		fn_ajax_call(API_DETAIL_INIT_INFO, '', this.callback, 'GET');
+	},
+	callback: function(result) {
+		console.log(result);
+
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_VIEW_CD').val('C');
+
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_BRAND_ID').val(result.brandId);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_STORE_ID').val(result.storeId);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_LOAN_DVSN').val(result.loanDvsn);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_LOAN_MGNT_UNQ_NO').val(result.loanMgntUnqNo);
+		$('#ITP_FORM_POMNG01010_DETAIL #ITP_FORM_POMNG01010_DETAIL_PCH_REQ_DVSN').val(result.pchReqDvsn);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnBrandNm').text(result.brandNm);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnPchReqDept').text(result.reqDept);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnPchReqMgrNm').text(result.userNm);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnPchReqAmt').text("0");
+		$('#ITP_FORM_POMNG01010_DETAIL .fnLoanDvsnNm').text(result.loanDvsnNm);
+		$('#ITP_FORM_POMNG01010_DETAIL .fnPchActAmt').text(result.ordUseAmt);
+
+		pageObj.grid.init();
+	}
+};

src/main/webapp/js/app/popup/biz/ITP_BIZPOP_ITEM.js

@@ -0,0 +1,171 @@
+require(['config'], function() {
+	require([
+		'jquery'
+	], function($) {
+
+	});
+});
+
+let API_POP_GRID_LIST = '/api/item/pop-grid-list';
+
+function itp_fn_BIZPOP_ITEM(parentPopFn, args, returnType) {
+	console.log(args);
+	let itp_BIZPOP_ITEM_param = {};
+	let itp_BIZPOP_ITEM_search = false;
+
+	const THIS_FORM_ID = '#ITP_FORM_BIZPOP_ITEM';
+	const THIS_GIRD_ID = '#ITP_BIZPOP_ITEM_jqGrid';
+	const THIS_GIRD_PAGER = '#ITP_BIZPOP_ITEM_jqGridPager';
+
+	$('#ITP_FORM_BIZPOP_ITEM_BRAND_ID').val(fn_make_user_info.get('brandId'));
+	$('#ITP_FORM_BIZPOP_ITEM_STORE_ID').val(fn_make_user_info.get('storeId'));
+
+	// 공통코드 표시
+	$('select').each(function() {
+		if($(this).data('select-code')) {
+			fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+		}
+	});
+
+	$('#ITP_BIZPOP_ITEM').one('shown.bs.modal', function(e) {
+		itp_fn_jqgrid_resize(THIS_GIRD_ID, '#ITP_BIZPOP_ITEM_jqGrid_list', '');
+		itp_fn_fire_window_resize();
+	}).one('hidden.bs.modal', function(e) {
+		$('#ITP_BIZPOP_ITEM').remove();
+	}).modal('show');
+
+	$('#ITP_BIZPOP_ITEM_BTN_SEARCH').on('click', function() {
+		itp_BIZPOP_ITEM_search = true;
+		let param = $(THIS_FORM_ID).serializeObject();
+		param.gridSize = 10;
+		param.gridPage = $.jgrid.defaults.page;
+		$(THIS_GIRD_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+	});
+	
+	$('#ITP_BIZPOP_ITEM_BTN_SELECT').on('click', function() {		
+		
+		const rowKey = $(THIS_GIRD_ID).getGridParam('selrow');
+	    if (!rowKey) {
+	    	return;
+	    }
+
+		var list = [];
+	    var selectedIds = $(THIS_GIRD_ID).getGridParam('selarrrow');
+
+		if(selectedIds.length > 1) { // 1개만 선택
+			// itp_fn_modal_alert('1명을 선택해주세요.');
+			// return;
+		}
+		
+	    for (var i=selectedIds.length-1; i>=0; i--) {
+			list.push($(THIS_GIRD_ID).jqGrid('getRowData', selectedIds[i]));	
+		}
+		parentPopFn(list);
+		$('#ITP_BIZPOP_ITEM').modal('hide'); // 팝업닫기
+	});
+
+	$('#ITP_BIZPOP_ITEM_jqGridEmpty').on('click', function() {
+		itp_fn_BIZPOP_ITEM_empty.back();
+		itp_BIZPOP_ITEM_param.gridSize = 10;
+		$(THIS_GIRD_ID).setGridParam({'postData': JSON.stringify(itp_BIZPOP_ITEM_param)}).trigger('reloadGrid');
+	});
+
+	var itp_fn_BIZPOP_ITEM_empty = {
+		push: function() {
+			let param = $(THIS_FORM_ID).serializeObject();
+			itp_BIZPOP_ITEM_param = param;
+		},
+		back: function() {
+			$(THIS_FORM_ID + '_BRAND_ID').val(itp_BIZPOP_ITEM_param.sbrandId);
+			$(THIS_FORM_ID + '_STROE_ID').val(itp_BIZPOP_ITEM_param.sstoreId);
+		}
+	};
+
+	itp_fn_BIZPOP_ITEM_empty.push();
+	let param = $('#ITP_FORM_BIZPOP_ITEM').serializeObject();
+	param.gridSize = 10;
+	console.log(JSON.stringify(param));
+
+	$(THIS_GIRD_ID).jqGrid({
+		colModel: [
+			{
+				index: 'ITEM_ID', name: 'itemId',
+				label: '품목ID', //
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: false
+			},
+			{
+				index: 'ITEM_NM', name: 'itemNm',
+				label: '품목명', //
+				width: '12', fixed: false, align: 'left',
+				sortable: false, hidden: false
+			},
+			{
+				index: 'UNIT', name: 'unit',
+				label: '단위', //
+				width: '6', fixed: false, align: 'center',
+				sortable: false, hidden: false
+			},
+			{
+				index: 'UNIT_AMT', name: 'unitAmt',
+				label: '단가', //
+				width: '6', fixed: false, align: 'right',
+				sortable: false, hidden: false
+			},
+			{
+				index: 'PODR_PSSBL_DVSN_NM', name: 'podrPssblDvsnNm',
+				label: '발주가능여부명', //
+				width: '6', fixed: false, align: 'center',
+				sortable: false, hidden: false
+			},
+			{
+				index: 'PODR_PSSBL_DVSN', name: 'podrPssblDvsn',
+				label: '발주가능여부', //
+				width: '6', fixed: false, align: 'center',
+				sortable: false, hidden: true
+			},
+			{
+				index: 'BRAND_UNIT_UNQ_NO', name: 'brandUnitUnqNo',
+				label: '브랜드단가고유번호', //
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: true
+			},
+			{
+				index: 'UNIT_GUBUN', name: 'unitGubun',
+				label: '단가구분', //
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: true
+			},
+			{
+				index: 'STORE_UNIT_UNQ_NO', name: 'storeUnitUnqNo',
+				label: '매장단가고유번호', //
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: true
+			},
+			{
+				index: 'WHS_PASS_QTY', name: 'whsPassQty',
+				label: '출고가능수량', //
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: true
+			}
+		],
+		loadBeforeSend: function(jqXHR) {
+		    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
+		},
+		postData: JSON.stringify(param),
+		url: DOMAIN + API_POP_GRID_LIST,
+		pager: THIS_GIRD_PAGER,
+		multiselect: true,
+		rownumbers: false,
+		loadComplete: function(data) {
+			console.log(data);
+			itp_fn_grid_load_complete(data, THIS_GIRD_ID, true, undefined, 'BIZPOP_ITEM', itp_BIZPOP_ITEM_search, itp_fn_BIZPOP_ITEM_empty, true, data.gridRecords, false);
+	    },
+	    loadError: function(jqXHR, textStatus, errorThrown) {
+	    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
+	    },
+	    onPaging: function(action) {
+	    	itp_fn_grid_paging(THIS_GIRD_ID, action, param);
+	    }
+	}).navGrid(THIS_GIRD_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
+};