미납금관리 개발중

src/main/webapp/app/loanmng/LOANMNG03010.html

@@ -2,7 +2,7 @@
 	<div class="itp_cont">
 		<article class="itp_detail">
 			<div class="itp_det_head fix">
-				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i><strong>미납금 현황</strong></h2>
+				<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i><strong>미납금관리</strong></h2>
 				<div class="pull-right itp_cicon">
 					<button type="button" id="ITP_BTN_LOANMNG03010_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;조회&nbsp;&nbsp;</button>
 				</div>				
@@ -13,27 +13,29 @@
 						<div class="itp_srh_border fix">
 							<div class="col-xs-12">
 								<form id="ITP_FORM_LOANMNG03010_SEARCH" class="form-horizontal">
+									<input type="hidden" id="ITP_FORM_LOANMNG03010_SEARCH_BRAND_ID" name="sbrandId" value="">
+									<input type="hidden" id="ITP_FORM_LOANMNG03010_SEARCH_STORE_ID" name="sstoreId" value="">
+								
 									<div class="form-group">
-										<div class="col-xs-1 itp_ip itp_noMar">
-											<select id="ITP_FORM_LOANMNG03010_SERVICE_LOAN_DVSN" class="form-control itp_input" name="servicebrandNm">
-												<option value="">브랜드 *</option>
-											</select>
+										<div class="col-xs-2 itp_ip itp_noMar">
+											<input type="text" id="ITP_FORM_LOANMNG03010_SEARCH_STORE_NM" class="form-control itp_input" name="sstoreNm" placeholder="매장선택" readonly="readonly" value="" />
 										</div>
-										<div class="col-xs-3 itp_ip">
-											<input type="text" id="ITP_FORM_LOANMNG03010_SEARCH_STORE_NM" class="form-control itp_input" name="sStoreNm" placeholder="매장명" />
+										<div class="col-xs-1 itp_ip itp_noMar">
+											<button type="button" id="ITP_BTN_LOANMNG03010_SEARCH_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
+											<button type="button" id="ITP_BTN_LOANMNG03010_SEARCH_MODIFY" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 										</div>
-										<div class="col-xs-5 itp_ip itp_noMar">
-											<div class="col-xs-2 itp_ip itp_noMar" style="width:22%; top:3px">
-												<label>미납금범위</label>
+										<div class="col-xs-3 itp_ip itp_noMar">
+											<div class="col-xs-3 itp_ip itp_noMar" style="top:2px">
+												<label>정산요청일</label>
 											</div>
-											<div class="col-xs-7 itp_ip">
+											<div class="col-xs-8 itp_ip itp_noMar">
 												<div class="input-daterange input-group date">
-													<input type="text" id="ITP_FORM_LOANMNG03010_SEARCH_" class="form-control itp_input" name="" value="">
+													<input type="text" id="ITP_FORM_LOANMNG03010_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" value="">
 													<span class="input-group-addon itp_date_to">~</span>
-													<input type="text" id="ITP_FORM_LOANMNG03010_SEARCH_" class="form-control itp_input" name="" value="">
+													<input type="text" id="ITP_FORM_LOANMNG03010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="">
 												</div>
 											</div>
-										</div>
+										</div>										
 									</div>
 								</form>
 							</div>

src/main/webapp/js/app/loanmng/ITP_LOANMNG03010.js

@@ -0,0 +1,821 @@
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let modifyObj = {}		: 수정화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ * let locInfoObj = {}		: 로케이션정보 Object				*
+ *******************************************************/
+
+/*화면 변수*/
+const LOANMNG03010_GRID_ID = '#ITP_LOANMNG03010_jqGrid';
+const LOANMNG03010_GRID_LIST = '#ITP_LOANMNG03010_jqGrid_list';
+const LOANMNG03010_GRID_PAGER = '#ITP_LOANMNG03010_jqGridPager';
+const LOANMNG03010_GRID_EMPTY = '#ITP_LOANMNG03010_jqGridEmpty';
+
+const LOANMNG03010_VIEW_GRID_ID = '#ITP_LOANMNG03010_VIEW_jqGrid';
+const LOANMNG03010_VIEW_GRID_LIST = '#ITP_LOANMNG03010_VIEW_jqGrid_list';
+const LOANMNG03010_VIEW_GRID_PAGER = '#ITP_LOANMNG03010_VIEW_jqGridPager';
+const LOANMNG03010_VIEW_GRID_EMPTY = '#ITP_LOANMNG03010_VIEW_jqGridEmpty';
+
+const LOANMNG03010_DETAIL_GRID_ID = '#ITP_LOANMNG03010_DETAIL_jqGrid';
+const LOANMNG03010_DETAIL_GRID_LIST = '#ITP_LOANMNG03010_DETAIL_jqGrid_list';
+const LOANMNG03010_DETAIL_GRID_PAGER = '#ITP_LOANMNG03010_DETAIL_jqGridPager';
+const LOANMNG03010_DETAIL_GRID_EMPTY = '#ITP_LOANMNG03010_DETAIL_jqGridEmpty';
+
+let ITP_FORM_LOANMNG03010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_LOANMNG03010_DETAIL_IS_WRITING = false;
+let LOANMNG03010_DETAIL_GRID_LAST_ROW_ID;
+
+/*API URL*/
+let UNPAID_MNG_DETAIL_GRID_LIST = '/api/unpaid/mng/detail-grid-list';
+let UNPAID_MNG_STL_GRID_LIST = '/api/unpaid/mng/stl-grid-list';
+let UNPAID_MNG_INFO_UNPAID = '/api/unpaid/mng/info-unpaid';
+
+let WHS_MNG_ADD_WHS = '/api/whs/mng/add-whs';
+let WHS_MNG_MIDIFY_WHS = '/api/whs/mng/modify-whs';
+let WHS_MNG_REMOVE_WHS = '/api/whs/mng/remove-whs'; 
+
+/*화면 Grid ColModel*/
+const gridColModel = {
+	list: [
+		{
+			index: 'STTL_MGNT_UNQ_NO', name: 'sttlMgntUnqNo',
+			label: "정산관리고유번호", 
+			width: '0', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'BRAND_ID', name: 'brandId',
+			label: "브랜드ID", 
+			width: '0', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'STORE_ID', name: 'storeId',
+			label: "매장ID", 
+			width: '0', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'BRAND_NM', name: 'brandNm',
+			label: ITP_MSG_LOCALE.label.brandNm, //브랜드
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'STORE_NM', name: 'storeNm',
+			label: "매장명", 
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'STTL_ST_NM', name: 'sttlStNm',
+			label: "상태", 
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'STTL_REQ_DT', name: 'sttlReqDt',
+			label: "정산요청일", 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'STTL_DT', name: 'sttlDt',
+			label: "정산일", 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},		
+		{
+			index: 'STTL_REQ_AMT', name: 'sttlReqAmt',
+			label: '정산요청금액', 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false, 
+			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
+		},
+		{
+			index: 'STTL_AMT', name: 'sttlAmt',
+			label: '정산금액', 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false, 
+			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
+		},
+		{
+			index: 'ACCT_BAL', name: 'acctBal',
+			label: '잔액', 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false, 
+			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
+		}		
+	],
+	view: [
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},		
+		{
+			index: 'LOCATION', name: 'location',
+			label: "로케이션",
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text',
+			editrules: {required: true}
+		},
+		{
+			index: 'LOCATION_NM', name: 'locationNm',
+			label: "로케이션명",
+			width: '12', fixed: false, align: 'center',
+			sortable: true, editable: false, edittype: 'text',
+			editrules: {required: true}
+		},
+		{
+			index: 'STCK_DVSN_NM', name: 'stckDvsnNm',
+			label: "관리등록",
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text'
+		},
+		{
+			index: 'LOC_ST_NM', name: 'locStNm',
+			label: "상태",
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text'
+		}
+	],
+	detail: [
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'LOCATION', name: 'location',
+			label: "로케이션",
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: true, edittype: 'text',
+			editrules: {required: false}
+		},
+		{
+			index: 'LOCATION_NM', name: 'locationNm',
+			label: "로케이션명",
+			width: '12', fixed: false, align: 'center',
+			sortable: false, editable: true, edittype: 'text',
+			editrules: {required: true}
+		}
+	]
+};
+
+require(['config'], function() {
+	require([
+		'kakao.map.util'
+	], function($) {
+		pageObj.init();
+	});
+});
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function () {
+		this.ui.init();
+		this.event.init();
+		locInfoObj.init();
+	},
+	ui: {
+		init: function () {
+			this.view();
+			this.grid();
+			this.ready();
+		},
+		view: function() {
+			// 버튼 권한설정
+			fn_proc_btn_auth('LOANMNG03010');
+			
+			// 공통코드 표시
+			$('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_TAB_LOANMNG03010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);			
+			$('#ITP_FORM_LOANMNG03010_SEARCH_FROM_DT').datepicker('setDate', new Date(now.setMonth(now.getMonth() - 1)));
+			$('#ITP_FORM_LOANMNG03010_SEARCH_TO_DT').datepicker('setDate', new Date());
+			
+		},
+		grid: function() {
+			itp_fn_jqgrid_resize(LOANMNG03010_GRID_ID, LOANMNG03010_GRID_LIST, 'lg');
+			listObj.empty.init();
+			itp_fn_fire_window_resize();
+		},
+		ready: function() {
+			listObj.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_LOANMNG03010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
+						case 'ITP_BTN_LOANMNG03010_NEWREG'				: listObj.button.create(); 		break;	// 신규등록 버튼
+						case 'ITP_BTN_LOANMNG03010_MODIFY'				: modifyObj.button.modify();	break;	// 수정 버튼
+						case 'ITP_BTN_LOANMNG03010_CANCELLIST'			: createObj.button.cancel(); 	break;	// 취소/목록 버튼
+						case 'ITP_BTN_LOANMNG03010_DELETE'				: 								break;	// 삭제 버튼
+						case 'ITP_BTN_LOANMNG03010_SAVE'				: createObj.button.save(); 		break;	// 저장 버튼
+						case 'ITP_BTN_LOANMNG03010_DETAIL_ADDROW'		: locInfoObj.button.addRow();	break;	// 상세:추가버튼
+						case 'ITP_BTN_LOANMNG03010_DETAIL_DELROW'		: locInfoObj.button.delRow();	break;	// 상세:삭제버튼
+						case 'ITP_BTN_LOANMNG03010_DETAIL_ADDRESS_SEARCH'		: createObj.button.address();	break;	// 신규등록 주소 찾기
+						case 'ITP_BTN_LOANMNG03010_SEARCH_SRH'			: createObj.button.popupStore();	break;	// 매장선택 팝업
+						case 'ITP_BTN_LOANMNG03010_SEARCH_MODIFY'		: createObj.button.eraseStore();	break;	// 매장선택 삭제
+					}
+				});
+			});
+
+			$('body').on('click', function(e) {
+				var gridId = LOANMNG03010_DETAIL_GRID_ID.replace('#', '');
+				var rids = $(LOANMNG03010_DETAIL_GRID_ID).jqGrid('getDataIDs');
+				var last_row_id = rids[rids.length - 1];
+				itp_fn_grid_reset_selection(e, last_row_id, gridId, 'LOANMNG03010_DETAIL');
+			});
+
+		}
+	},
+	switchScreen: function(mode) {
+		if(mode == 'LIST') { // 목록
+			$('#ITP_BTN_LOANMNG03010_MODIFY').hide();
+			$('#ITP_BTN_LOANMNG03010_CANCELLIST').hide();
+			$('#ITP_BTN_LOANMNG03010_DELETE').hide();
+			$('#ITP_BTN_LOANMNG03010_SAVE').hide();
+			
+			fn_show_btn_auth('#ITP_BTN_LOANMNG03010_SRH');
+			fn_show_btn_auth('#ITP_BTN_LOANMNG03010_NEWREG');
+
+			$('#ITP_AJAX_LOANMNG03010_LIST_CONTAINER').show();
+			$('#ITP_AJAX_LOANMNG03010_DETAIL_CONTAINER').hide();
+			$('#ITP_AJAX_LOANMNG03010_VIEW_CONTAINER').hide();
+		} else if(mode == 'ADD') { // 등록
+			ITP_FORM_LOANMNG03010_DETAIL_IS_DUPLICATE = true;
+
+			$('#ITP_BTN_LOANMNG03010_SRH').hide();
+			$('#ITP_BTN_LOANMNG03010_MODIFY').hide();
+			$('#ITP_BTN_LOANMNG03010_NEWREG').hide();
+			$('#ITP_BTN_LOANMNG03010_DELETE').hide();
+			
+			fn_show_btn_auth('#ITP_BTN_LOANMNG03010_CANCELLIST');
+			fn_show_btn_auth('#ITP_BTN_LOANMNG03010_SAVE');
+
+			$('#ITP_AJAX_LOANMNG03010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_LOANMNG03010_DETAIL_CONTAINER').show();
+			$('#ITP_AJAX_LOANMNG03010_VIEW_CONTAINER').hide();
+
+			$('#ITP_FORM_LOANMNG03010_DETAIL_VIEW_CD').val('C');
+			$('#ITP_FORM_LOANMNG03010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+			$('#ITP_FORM_LOANMNG03010_DETAIL .fnBrandNm').text(fn_make_user_info.get('brandNm'));
+			$('#ITP_FORM_LOANMNG03010_DETAIL .fnWhsId').text('');
+			$('#ITP_FORM_LOANMNG03010_DETAIL .fnRegDtm').text('');
+			$('#ITP_FORM_LOANMNG03010_DETAIL_STORE_ID').val('');
+			$('#ITP_FORM_LOANMNG03010_DETAIL_WHS_ID').val('');
+			$('#ITP_FORM_LOANMNG03010_DETAIL_WHS_ST_CD').val('');
+			$('#ITP_FORM_LOANMNG03010_DETAIL_WHS_NM').val('');
+			$('#ITP_FORM_LOANMNG03010_DETAIL_MGR_TEL_NO').val('');
+			$('#ITP_FORM_LOANMNG03010_DETAIL_MGR_NM').val('');
+			$('#ITP_FORM_LOANMNG03010_DETAIL_STORE_NM').val('');
+			$('#ITP_FORM_LOANMNG03010_DETAIL_ZIPNO').val('');
+			$('#ITP_FORM_LOANMNG03010_DETAIL_ADRES').val('');
+			$('#ITP_FORM_LOANMNG03010_DETAIL_ADRES_DTL').val('');
+			
+		} else if(mode == 'MODIFY') { // 수정
+			$('#ITP_BTN_LOANMNG03010_SRH').hide();
+			$('#ITP_BTN_LOANMNG03010_MODIFY').hide();
+			$('#ITP_BTN_LOANMNG03010_NEWREG').hide();
+			$('#ITP_BTN_LOANMNG03010_DELETE').hide();
+			fn_show_btn_auth('#ITP_BTN_LOANMNG03010_CANCELLIST');
+			fn_show_btn_auth('#ITP_BTN_LOANMNG03010_SAVE');
+			fn_show_btn_auth('#ITP_BTN_LOANMNG03010_RESET_PW');
+
+			$('#ITP_AJAX_LOANMNG03010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_LOANMNG03010_DETAIL_CONTAINER').show();
+			$('#ITP_AJAX_LOANMNG03010_VIEW_CONTAINER').hide();
+			// $('#ITP_FORM_LOANMNG03010_DETAIL_USER_ID').attr('readonly', true);
+			// $('#ITP_FORM_LOANMNG03010_DETAIL_DUP').attr('disabled', true);
+			$('#ITP_FORM_LOANMNG03010_DETAIL_SEARCH_AFFL_SHOP_NM').attr('readonly', true);
+
+			$('#ITP_FORM_LOANMNG03010_DETAIL_SEARCH_AFFL_SHOP').hide();
+			$('#ITP_FORM_LOANMNG03010_DETAIL_DELETE_AFFL_SHOP').hide();
+		} else if(mode == 'VIEW') { // 보기
+			$('#ITP_BTN_LOANMNG03010_SRH').hide();
+			$('#ITP_BTN_LOANMNG03010_NEWREG').hide();
+			$('#ITP_BTN_LOANMNG03010_DELETE').hide();
+			$('#ITP_BTN_LOANMNG03010_SAVE').hide();
+			
+			fn_show_btn_auth('#ITP_BTN_LOANMNG03010_MODIFY');
+			fn_show_btn_auth('#ITP_BTN_LOANMNG03010_CANCELLIST');
+
+			$('#ITP_AJAX_LOANMNG03010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_LOANMNG03010_DETAIL_CONTAINER').hide();
+			$('#ITP_AJAX_LOANMNG03010_VIEW_CONTAINER').show();
+		}
+	}
+};
+
+/*목록화면 Object*/
+let listObj = {
+	init: function () {
+		this.grid.init();
+	},
+	itp_LOANMNG03010_search: false,
+	button: {
+		search: function() {
+			listObj.itp_LOANMNG03010_search = true;
+			let param = $('#ITP_FORM_LOANMNG03010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(LOANMNG03010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		},
+		create: function() {
+			pageObj.switchScreen('ADD');			
+			itp_fn_form_clear_validate(null, '#ITP_FORM_LOANMNG03010_DETAIL');						
+			// 로케이션 리스트 조회
+			createObj.init();
+		}
+	},
+	empty: {
+		init: function() {
+			var _this = this;
+			this.push();
+			$(LOANMNG03010_GRID_EMPTY).on('click', function() {
+				_this.back();
+				_this.itp_LOANMNG03010_param.gridSize = $.jgrid.defaults.rowNum;
+				$(LOANMNG03010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_LOANMNG03010_param)}).trigger('reloadGrid');
+			});
+		},
+		itp_LOANMNG03010_param: {},
+		push: function() {
+			let param = $('#ITP_FORM_LOANMNG03010_SEARCH').serializeObject();
+			listObj.itp_LOANMNG03010_param = param;
+		},
+		back: function() {
+			$('#ITP_FORM_LOANMNG03010_SEARCH_STORE_ID').val(listObj.itp_LOANMNG03010_param.sstoreId);
+			$('#ITP_FORM_LOANMNG03010_SEARCH_STORE_NM').val(listObj.itp_LOANMNG03010_param.sstoreNm);
+			$('#ITP_FORM_LOANMNG03010_SEARCH_FROM_DT').val(listObj.itp_LOANMNG03010_param.fromDt);
+			$('#ITP_FORM_LOANMNG03010_SEARCH_TO_DT').val(listObj.itp_LOANMNG03010_param.toDt);
+		}
+	},
+	grid: {
+		init: function () {
+			// 데이터 없을때
+			listObj.empty.push();
+			this.search();
+		},
+		colModel: gridColModel.list,
+		search: function() {
+			pageObj.switchScreen('LIST');
+			this.unload();
+			this.load();
+		},
+		load: function() {
+			$('#ITP_FORM_LOANMNG03010_SEARCH_BRAND_ID').val(fn_make_user_info.get('brandId'));
+			
+			let param = $('#ITP_FORM_LOANMNG03010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+
+			var option = {
+				gridId: LOANMNG03010_GRID_ID,
+				colModel: gridColModel.list,
+				param: JSON.stringify(param),
+				url: DOMAIN + UNPAID_MNG_DETAIL_GRID_LIST,
+				pager: LOANMNG03010_GRID_PAGER,
+				onCellSelect: function(rowId, cellIdx, cellValue) {
+					var cm = $(this).jqGrid('getGridParam', 'colModel');
+					var colNm = cm[cellIdx].name;
+					if (colNm == 'storeNm') {
+						const sttlMgntUnqNoVal = $(this).jqGrid('getCell', rowId, 'sttlMgntUnqNo');
+						
+						const key = {sttlMgntUnqNo: sttlMgntUnqNoVal, viewCd: 'R'};
+						var param = $.param(key);
+						viewObj.init(param);
+					}
+				},
+				loadComplete: function(data) {
+					console.log(data);
+					itp_fn_grid_load_complete(data, LOANMNG03010_GRID_ID, true, 'number', 'LOANMNG03010', listObj.itp_LOANMNG03010_search, listObj.empty, true, data.gridRecords, true);
+					var ids = $(LOANMNG03010_GRID_ID).getDataIDs();
+					$.each(ids, function(idx, rowId) {
+						$(LOANMNG03010_GRID_ID).jqGrid('setCell', rowId, 'storeNm', '', ITP_GRID_COL_STYLE.link);
+					});
+				},
+				onPaging: function(action) {
+					itp_fn_grid_paging(LOANMNG03010_GRID_ID, action, param);
+				}
+			};
+			itp_fn_grid_make_remote(option);
+		},
+		clearData : function() {
+			$(LOANMNG03010_GRID_ID).jqGrid('clearGridData', true);
+			$(LOANMNG03010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(LOANMNG03010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(LOANMNG03010_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(LOANMNG03010_GRID_ID);
+		}
+	}
+};
+
+/*상세화면 Object*/
+let viewObj = {
+	init: function (param) {
+		this.load(param);
+	},
+	load: function(param) {
+		fn_ajax_call(UNPAID_MNG_INFO_UNPAID, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+		// console.log(result);
+		pageObj.switchScreen('VIEW');
+		$('#ITP_FORM_LOANMNG03010_VIEW #ITP_FORM_LOANMNG03010_VIEW_BRAND_ID').val(result.brandId);
+		$('#ITP_FORM_LOANMNG03010_VIEW #ITP_FORM_LOANMNG03010_VIEW_STORE_ID').val(result.storeId);
+		$('#ITP_FORM_LOANMNG03010_VIEW #ITP_FORM_LOANMNG03010_VIEW_WHS_ID').val(result.whsId);
+		
+		$('#ITP_FORM_LOANMNG03010_VIEW .fnBrandNm').text(result.brandNm);
+		$('#ITP_FORM_LOANMNG03010_VIEW .fnStCd').text(result.whsStNm);
+		$('#ITP_FORM_LOANMNG03010_VIEW .fnWhsId').text(result.whsId);
+
+		// 리스트 조회
+		// viewObj.grid.init();
+	},
+	grid: {
+		init: function() {
+			this.unload();
+			this.load();
+		},
+		load : function() {
+			let param = $('#ITP_FORM_LOANMNG03010_VIEW').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.pagingYn = false; // 페이징안함
+
+			var option = {
+				gridId: LOANMNG03010_VIEW_GRID_ID,
+				colModel: gridColModel.view,
+				param: JSON.stringify(param),
+				url: DOMAIN + UNPAID_MNG_STL_GRID_LIST,
+				pager: LOANMNG03010_VIEW_GRID_PAGER,
+				loadComplete: function(data) {
+					itp_fn_grid_load_complete(data, LOANMNG03010_VIEW_GRID_ID, true, undefined, 'LOANMNG03010_VIEW');
+				},
+				onPaging: function(action) {
+					var pagingFn = {
+						callBack: function(args) {
+							$(args).trigger('reloadGrid');
+						}
+					};
+					if (itp_fn_check_grid_is_writing(LOANMNG03010_VIEW_GRID_ID)) {
+						itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, LOANMNG03010_VIEW_GRID_ID);
+						return 'stop';
+					} else {
+						itp_fn_grid_paging(LOANMNG03010_VIEW_GRID_ID, action, param);
+					}
+				},
+				onSortCol: function(index, columnIndex, sortOrder) {
+					var sortingFn = {
+						callBack: function(args) {
+							$(args).trigger('reloadGrid');
+						}
+					};
+					if (itp_fn_check_grid_is_writing(LOANMNG03010_VIEW_GRID_ID)) {
+						itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, LOANMNG03010_VIEW_GRID_ID);
+						return 'stop';
+					} else {
+						itp_fn_grid_sorting(LOANMNG03010_VIEW_GRID_ID, index, sortOrder);
+					}
+				}
+			};
+			itp_fn_grid_make_remote(option);
+		},
+		clearData : function() {
+			$(LOANMNG03010_VIEW_GRID_ID).jqGrid('clearGridData', true);
+			$(LOANMNG03010_VIEW_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(LOANMNG03010_VIEW_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(LOANMNG03010_VIEW_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(LOANMNG03010_VIEW_GRID_ID);
+		}
+	}
+};
+
+/*수정화면 Object*/
+let modifyObj = {
+	init: function () {
+	},
+	button: {
+		modify: function (param) {
+			itp_fn_form_clear_validate(null, '#ITP_FORM_LOANMNG03010_DETAIL');
+			const brandIdVal = $('#ITP_FORM_LOANMNG03010_VIEW_BRAND_ID').val();
+			const whsIdVal = $('#ITP_FORM_LOANMNG03010_VIEW_WHS_ID').val();
+			const key = {brandId: brandIdVal, whsId: whsIdVal, storeId: '', viewCd: 'R'};
+			var param = $.param(key);
+			modifyObj.load(param);
+		}
+	},
+	load: function(param) {
+		fn_ajax_call(UNPAID_MNG_INFO_UNPAID, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+		// console.log(result);
+		pageObj.switchScreen('MODIFY');
+		$('#ITP_FORM_LOANMNG03010_DETAIL #ITP_FORM_LOANMNG03010_DETAIL_VIEW_CD').val('U');
+		$('#ITP_FORM_LOANMNG03010_DETAIL #ITP_FORM_LOANMNG03010_DETAIL_BRAND_ID').val(result.brandId);
+		$('#ITP_FORM_LOANMNG03010_DETAIL #ITP_FORM_LOANMNG03010_DETAIL_STORE_ID').val(result.storeId);
+		$('#ITP_FORM_LOANMNG03010_DETAIL #ITP_FORM_LOANMNG03010_DETAIL_WHS_ID').val(result.whsId);
+				
+		$('#ITP_FORM_LOANMNG03010_DETAIL .fnBrandNm').text(result.brandNm);
+		$('#ITP_FORM_LOANMNG03010_DETAIL .fnWhsId').text(result.whsId);
+		$('#ITP_FORM_LOANMNG03010_DETAIL .fnRegDtm').text(result.sysRegDttm);
+		
+		$('#ITP_FORM_LOANMNG03010_DETAIL #ITP_FORM_LOANMNG03010_DETAIL_WHS_ST_CD').val(result.whsStCd);
+		$('#ITP_FORM_LOANMNG03010_DETAIL #ITP_FORM_LOANMNG03010_DETAIL_WHS_NM').val(result.whsNm);
+		$('#ITP_FORM_LOANMNG03010_DETAIL #ITP_FORM_LOANMNG03010_DETAIL_WHS_NM').val(result.whsNm);
+		$('#ITP_FORM_LOANMNG03010_DETAIL #ITP_FORM_LOANMNG03010_DETAIL_MGR_TEL_NO').val(result.mgrTelNo);
+		$('#ITP_FORM_LOANMNG03010_DETAIL #ITP_FORM_LOANMNG03010_DETAIL_MGR_NM').val(result.mgrNm);
+		$('#ITP_FORM_LOANMNG03010_DETAIL #ITP_FORM_LOANMNG03010_DETAIL_STORE_NM').val(result.storeNm);
+		$('#ITP_FORM_LOANMNG03010_DETAIL #ITP_FORM_LOANMNG03010_DETAIL_ZIPNO').val(result.zipNo);
+		$('#ITP_FORM_LOANMNG03010_DETAIL #ITP_FORM_LOANMNG03010_DETAIL_ADRES').val(result.addr1);
+		$('#ITP_FORM_LOANMNG03010_DETAIL #ITP_FORM_LOANMNG03010_DETAIL_ADRES_DTL').val(result.addr2);
+		
+		kakaoMap.init('ITP_FORM_LOANMNG03010_DETAIL', $('#ITP_FORM_LOANMNG03010_DETAIL #ITP_FORM_LOANMNG03010_DETAIL_ADRES').val());
+		
+		// 권한정보 리스트 조회
+		modifyObj.grid.init();
+	},
+	grid: {
+		init: function() {
+			this.unload();
+			this.load();
+		},
+		load : function() {
+			let param = $('#ITP_FORM_LOANMNG03010_DETAIL').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.pagingYn = false; // 페이지안함
+
+			var option = {
+				gridId: LOANMNG03010_DETAIL_GRID_ID,
+				colModel: gridColModel.detail,
+				param: JSON.stringify(param),
+				url: DOMAIN + UNPAID_MNG_STL_GRID_LIST,
+				pager: LOANMNG03010_DETAIL_GRID_PAGER,
+				multiselect: true,
+				onCellSelect: function(rowId, cellIdx, cellValue) {
+					LOANMNG03010_DETAIL_GRID_LAST_ROW_ID = itp_fn_set_data_editable(rowId, cellIdx, LOANMNG03010_DETAIL_GRID_LAST_ROW_ID, LOANMNG03010_DETAIL_GRID_ID, ['location']);
+		   		},
+				loadComplete: function(data) {
+					itp_fn_grid_load_complete(data, LOANMNG03010_DETAIL_GRID_ID, true, undefined, 'LOANMNG03010_DETAIL');
+				},
+				onPaging: function(action) {
+					var pagingFn = {
+						callBack: function(args) {
+							$(args).trigger('reloadGrid');
+						}
+					};
+					if (itp_fn_check_grid_is_writing(LOANMNG03010_DETAIL_GRID_ID)) {
+						itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, LOANMNG03010_DETAIL_GRID_ID);
+						return 'stop';
+					} else {
+						itp_fn_grid_paging(LOANMNG03010_DETAIL_GRID_ID, action, param);
+					}
+				},
+				onSortCol: function(index, columnIndex, sortOrder) {
+					var sortingFn = {
+						callBack: function(args) {
+							$(args).trigger('reloadGrid');
+						}
+					};
+					if (itp_fn_check_grid_is_writing(LOANMNG03010_DETAIL_GRID_ID)) {
+						itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, LOANMNG03010_DETAIL_GRID_ID);
+						return 'stop';
+					} else {
+						itp_fn_grid_sorting(LOANMNG03010_DETAIL_GRID_ID, index, sortOrder);
+					}
+				}
+			};
+			itp_fn_grid_make_remote(option);
+		},
+		clearData : function() {
+			$(LOANMNG03010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
+			$(LOANMNG03010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(LOANMNG03010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(LOANMNG03010_DETAIL_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(LOANMNG03010_DETAIL_GRID_ID);
+		}
+	}
+};
+
+/*신규화면 Object*/
+let createObj = {
+	init: function () {
+		kakaoMap.init('ITP_FORM_LOANMNG03010_DETAIL', '');
+		this.unload();
+		this.load();
+	},
+	button: {
+		cancel: function() {
+			listObj.grid.search();
+		},
+		save: function() {
+			var detailViewCd = $('#ITP_FORM_LOANMNG03010_DETAIL_VIEW_CD').val();
+			const formId = '#ITP_FORM_LOANMNG03010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);
+			
+			var vali_whsStatCd = itp_fn_form_validate(formId, formId + '_WHS_ST_CD', ['empty'], undefined); // 상태
+			var vali_whsNm = itp_fn_form_validate(formId, formId + '_WHS_NM', ['empty'], undefined);
+			
+			if (vali_whsStatCd && vali_whsNm) {
+				let gridInsertData = [];
+				let gridUpdateData = [];
+				let gridDeleteData = [];
+				const rowData = $(LOANMNG03010_DETAIL_GRID_ID).getRowData();
+				// const keyValue = $(formId + '_WHS_ID').val();
+				$.each(rowData, function(key, value) {
+					if (value.viewCd != 'R') {
+						// value.whsId = 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_LOANMNG03010_DETAIL_IS_WRITING = false;
+					listObj.grid.search();
+				};
+				fn_ajax_call(detailViewCd == 'C' ? WHS_MNG_ADD_WHS : WHS_MNG_MIDIFY_WHS, JSON.stringify(param), searhFn, 'POST');
+			}
+		}, 
+		address: function() {
+			kakaoMap.address('ITP_FORM_LOANMNG03010_DETAIL');
+		},
+		popupStore: function() { // 매장선택 팝업
+			
+		}, 
+		eraseStore: function() { // 매장선택 삭제
+			$('#ITP_FORM_LOANMNG03010_DETAIL_STORE_ID').val('');
+			$('#ITP_FORM_LOANMNG03010_DETAIL_STORE_NM').val('');
+		}
+	},
+	load: function () {
+		let param = $('#ITP_FORM_LOANMNG03010_DETAIL').serializeObject();
+		param.gridSize = $.jgrid.defaults.rowNum;
+		param.pagingYn = false; // 페이지안함
+
+		var option = {
+			gridId: LOANMNG03010_DETAIL_GRID_ID,
+			colModel: gridColModel.detail,
+			param: JSON.stringify(param),
+			url: DOMAIN + UNPAID_MNG_STL_GRID_LIST,
+			pager: LOANMNG03010_DETAIL_GRID_PAGER,
+			multiselect: true,
+			loadComplete: function(data) {
+				itp_fn_grid_load_complete(data, LOANMNG03010_DETAIL_GRID_ID, true, undefined, 'LOANMNG03010_DETAIL');
+			},
+			onPaging: function(action) {
+				var pagingFn = {
+					callBack: function(args) {
+						$(args).trigger('reloadGrid');
+					}
+				};
+				if (itp_fn_check_grid_is_writing(LOANMNG03010_DETAIL_GRID_ID)) {
+					itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, LOANMNG03010_DETAIL_GRID_ID);
+					return 'stop';
+				} else {
+					itp_fn_grid_paging(LOANMNG03010_DETAIL_GRID_ID, action, param);
+				}
+			},
+			onSortCol: function(index, columnIndex, sortOrder) {
+				var sortingFn = {
+					callBack: function(args) {
+						$(args).trigger('reloadGrid');
+					}
+				};
+				if (itp_fn_check_grid_is_writing(LOANMNG03010_DETAIL_GRID_ID)) {
+					itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, LOANMNG03010_DETAIL_GRID_ID);
+					return 'stop';
+				} else {
+					itp_fn_grid_sorting(LOANMNG03010_DETAIL_GRID_ID, index, sortOrder);
+				}
+			}
+		};
+		itp_fn_grid_make_remote(option);
+	},
+	clearData : function() {
+		$(LOANMNG03010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
+		$(LOANMNG03010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+		$(LOANMNG03010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+		$(LOANMNG03010_DETAIL_GRID_EMPTY).show();
+	},
+	unload : function() {
+		$.jgrid.gridUnload(LOANMNG03010_DETAIL_GRID_ID);
+	}
+};
+
+/*로케이션정보 Object*/
+let locInfoObj = {
+	init: function () {
+		// if(AUTH_TYPE_CD === '10' || AUTH_TYPE_CD === '20') {
+		this.action();
+		// } else {
+		// this.make();
+		// }
+	},
+	button: {
+		addRow: function() {
+			// $(LOANMNG03010_DETAIL_GRID_ID).jqGrid('addRow', {position: 'last'});
+			// $(LOANMNG03010_DETAIL_GRID_EMPTY).hide();
+			LOANMNG03010_DETAIL_GRID_LAST_ROW_ID = itp_fn_add_grid_row(LOANMNG03010_DETAIL_GRID_ID, undefined, ['location'],'LOANMNG03010_DETAIL');
+		},
+		delRow: function() {
+			itp_fn_grid_del_row(LOANMNG03010_DETAIL_GRID_ID);
+		}
+	},
+	make: function() {
+		$('#ITP_FORM_LOANMNG03010_SEARCH_AFFL_SHOP').hide();
+		$('#ITP_FORM_LOANMNG03010_DELETE_AFFL_SHOP').hide();
+		if(AFFL_SHOP_LIST) {
+			$('#ITP_FORM_LOANMNG03010_SEARCH_AFFL_SHOP_ID').val(AFFL_SHOP_LIST[0].afflShopId);
+			$('#ITP_FORM_LOANMNG03010_SEARCH_AFFL_SHOP_NM').val(AFFL_SHOP_LIST[0].afflShopNm);
+		}
+		if(AFFL_BRAND_LIST) {
+			fn_make_select_brand(AFFL_BRAND_LIST, 'ITP_FORM_LOANMNG03010_SEARCH_BRAND_ID');
+		}
+	},
+	action: function () {
+		var _this = this;
+		// 로케이션정보 조회 버튼 클릭
+		$('#ITP_FORM_LOANMNG03010_SEARCH_AFFL_SHOP').on('click', function() {
+			_this.popup('L');
+		});
+		// 로케이션정보 텍스트 삭제 버튼 클릭
+		$('#ITP_FORM_LOANMNG03010_DELETE_AFFL_SHOP').on('click', function() {
+			$('#ITP_FORM_LOANMNG03010_SEARCH_AFFL_SHOP_NM').val('');
+			$('select#ITP_FORM_LOANMNG03010_SEARCH_BRAND_ID option').remove();
+		});
+		// 신규등록 로케이션정보 조회 버튼 클릭
+		$('#ITP_FORM_LOANMNG03010_DETAIL_SEARCH_AFFL_SHOP').on('click', function() {
+			_this.popup('C');
+		});
+		// 신규등록 로케이션정보 텍스트 삭제 버튼 클릭
+		$('#ITP_FORM_LOANMNG03010_DETAIL_DELETE_AFFL_SHOP').on('click', function() {
+			$('#ITP_FORM_LOANMNG03010_DETAIL_SEARCH_AFFL_SHOP_NM').val('');
+			$('select#ITP_FORM_LOANMNG03010_DETAIL_SEARCH_BRAND_ID option').remove();
+		});
+	},
+	popup: function (view) {
+		// 팝업
+		var popFn = (view === 'C') ? this.callback.create : this.callback.list;
+		fn_call_popup('biz', 'BIZPOP_AFFL_SHOP', '#ITP_ASIDE', popFn, null, 'S');
+	},
+	callback: {
+		list: function(rowDataPop) {
+			// console.log(rowDataPop);
+			if(rowDataPop.AFFL_SHOP) {
+				$('#ITP_FORM_LOANMNG03010_SEARCH_AFFL_SHOP_ID').val(rowDataPop.AFFL_SHOP.afflShopId);
+				$('#ITP_FORM_LOANMNG03010_SEARCH_AFFL_SHOP_NM').val(rowDataPop.AFFL_SHOP.afflShopNm);
+			}
+			if(rowDataPop.AFFL_BRAND) {
+				fn_make_select_brand(rowDataPop.AFFL_BRAND, 'ITP_FORM_LOANMNG03010_SEARCH_BRAND_ID', true, '선택');
+			}
+		},
+		create: function(rowDataPop) {
+			// console.log(rowDataPop);
+			if(rowDataPop.AFFL_SHOP) {
+				// $('#ITP_FORM_LOANMNG03010_DETAIL_SEARCH_AFFL_SHOP_ID').val(rowDataPop.AFFL_SHOP.afflShopId);
+				// $('#ITP_FORM_LOANMNG03010_DETAIL_SEARCH_AFFL_SHOP_NM').val(rowDataPop.AFFL_SHOP.afflShopNm);
+			}
+			if(rowDataPop.AFFL_BRAND) {
+				fn_make_select_brand(rowDataPop.AFFL_BRAND, 'ITP_FORM_LOANMNG03010_DETAIL_SEARCH_BRAND_ID', true, '선택');
+			}
+		}
+	}
+};