html 수정중

bin/src/main/webapp/app/loanmng/LOANMNG01010.html

@@ -118,30 +118,30 @@
 							<div class="itp_det_head fix" style="background:#fff; margin-top: 12px;">
 								<h2 class="pull-left itp_det_tit"><i class="glyphicon glyphicon-chevron-right"></i><strong>여신이력</strong></h2>
 							</div>
-							<div id="ITP_AJAX_LOANMNG01010_LIST_CONTAINER">
+							<div id="ITP_AJAX_LOANMNG01010_VIEW_LIST_CONTAINER">
 								<div class="itp_lg_form itp_type1 fix" style="padding-left: 0px; padding-right: 0px; margin-top: -11px;">
 									<div class="itp_srh_border fix">
 										<div class="col-xs-12">
-											<form id="ITP_FORM_LOANMNG01010_SEARCH" class="form-horizontal">
+											<form id="ITP_FORM_LOANMNG01010_VIEW_SEARCH" class="form-horizontal">
+												<input type="hidden" id="ITP_FORM_LOANMNG01010_VIEW_SEARCH_LOAN_MGNT_UNQ_NO" name="sloanMgntUnqNo" value="">
+											
 												<div class="col-xs-1 itp_ip itp_noMar" style="top:2px">
-													<label class="itp_in">발생일자</label>
+													<label class="itp_in">거래일자</label>
 												</div>
-												<div class="col-xs-3 itp_ip itp_noMar">
-													<div class="col-xs-12 itp_ip">
-														<div class="input-daterange input-group date">
-															<input type="text" id="ITP_FORM_LOANMNG01010_SEARCH_" class="form-control itp_input" name="" value="">
-															<span class="input-group-addon itp_date_to">~</span>
-															<input type="text" id="ITP_FORM_LOANMNG01010_SEARCH_" class="form-control itp_input" name="" value="">
-														</div>
+												<div class="col-xs-2 itp_ip itp_noMar">
+													<div class="input-daterange input-group date">
+														<input type="text" id="ITP_FORM_LOANMNG01010_SEARCH_FROM" class="form-control itp_input" name="fromDt" value="">
+														<span class="input-group-addon itp_date_to">~</span>
+														<input type="text" id="ITP_FORM_LOANMNG01010_SEARCH_TO" class="form-control itp_input" name="toDt" value="">
 													</div>
 												</div>
-												<div class="col-xs-3 itp_in itp_noMar">
-													<select id="ITP_FORM_LOANMNG01010_SEARCH_LOAN_DVSN" class="form-control itp_input" name="loanDvsn">
+												<div class="col-xs-2 itp_in itp_noMar">
+													<select id="ITP_FORM_LOANMNG01010_SEARCH_DPST_PAY_DVSN" data-select-code="DPST_PAY_DVSN" class="form-control itp_input" name="sdpstPayDvsn">
 														<option value="">입금/지급</option>
 													</select>
 												</div>
 												<div class="col-xs-2 itp_ip itp_noMar">
-													<button type="button" id="ITP_BTN_LOANMNG01010_SEARCH_SRH" class="btn btn-primary btn-sm HIST" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;이력조회&nbsp;&nbsp;</button>
+													<button type="button" id="ITP_BTN_LOANMNG01010_VIEW_SEARCH_SRH" class="btn btn-primary btn-sm HIST" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;이력조회&nbsp;&nbsp;</button>
 												</div>
 											</form>
 										</div>

bin/src/main/webapp/app/loanmng/LOANMNG02010.html

@@ -2,14 +2,14 @@
 	<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_LOANMNG02010_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;조회&nbsp;&nbsp;</button>
-					<button type="button" id="ITP_BTN_LOANMNG02010_SRH" class="btn btn-success btn-sm AGR" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;승인&nbsp;&nbsp;</button>
-					<button type="button" id="ITP_BTN_LOANMNG02010_SRH" class="btn btn-success btn-sm RJT" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;반려&nbsp;&nbsp;</button>
-					<button type="button" id="ITP_BTN_LOANMNG02010_SRH" class="btn btn-success btn-sm REQ" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;요청&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_LOANMNG02010_AGREE" class="btn btn-success btn-sm AGR" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;승인&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_LOANMNG02010_REJECT" class="btn btn-success btn-sm RJT" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;반려&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_LOANMNG02010_REQUEST" class="btn btn-success btn-sm REQ" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;요청&nbsp;&nbsp;</button>
 					<button type="button" id="ITP_BTN_LOANMNG02010_NEWREG" class="btn btn-primary btn-sm NDP" style="display: inline-block;"><i class="glyphicon"></i>&nbsp;&nbsp;신규입금&nbsp;&nbsp;</button>
-					<button type="button" id="ITP_BTN_LOANMNG02010_SAVE" class="btn btn-success btn-sm DEB"><i class="glyphicon"></i>&nbsp;&nbsp;삭제&nbsp;&nbsp;</button>
+					<button type="button" id="ITP_BTN_LOANMNG02010_DELETE" class="btn btn-success btn-sm DEB"><i class="glyphicon"></i>&nbsp;&nbsp;삭제&nbsp;&nbsp;</button>
 					<button type="button" id="ITP_BTN_LOANMNG02010_CANCELLIST" class="btn btn-warning btn-sm PRB"><i class="glyphicon"></i>&nbsp;&nbsp;취소/목록&nbsp;&nbsp;</button>
 				</div>				
 			</div>
@@ -19,25 +19,32 @@
 						<div class="itp_srh_border fix">
 							<div class="col-xs-12">
 								<form id="ITP_FORM_LOANMNG02010_SEARCH" class="form-horizontal">
+									<input type="hidden" id="ITP_FORM_LOANMNG02010_SEARCH_BRAND_ID" name="sbrandId" value="">
+									<input type="hidden" id="ITP_FORM_LOANMNG02010_SEARCH_STORE_ID" name="sstoreId" value="">
+								
 									<div class="form-group">
-										<div class="col-xs-3 itp_ip">
-											<input type="text" id="ITP_FORM_LOANMNG02010_SEARCH_STORE_NM" class="form-control itp_input" name="sStoreNm" placeholder="매장명" />
+										<div class="col-xs-2 itp_ip itp_noMar">
+											<input type="text" id="ITP_FORM_LOANMNG02010_SEARCH_STORE_NM" class="form-control itp_input" placeholder="매장선택" readonly="readonly" value="" />
+										</div>
+										<div class="col-xs-1 itp_ip itp_noMar">
+											<button type="button" id="ITP_BTN_LOANMNG02010_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_LOANMNG02010_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="top:2px">
-												<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-9 itp_ip">
+											<div class="col-xs-8 itp_ip itp_noMar">
 												<div class="input-daterange input-group date">
-													<input type="text" id="ITP_FORM_LOANMNG02010_SEARCH_" class="form-control itp_input" name="" value="">
+													<input type="text" id="ITP_FORM_LOANMNG02010_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_LOANMNG02010_SEARCH_" class="form-control itp_input" name="" value="">
+													<input type="text" id="ITP_FORM_LOANMNG02010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="">
 												</div>
 											</div>
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_LOANMNG02010_SEARCH_LOAN_DVSN" class="form-control itp_input" name="loanDvsn">
-												<option value="">정산타입</option>
+											<select id="ITP_FORM_LOANMNG02010_SEARCH_DPST_ST_CD" data-select-code="DPST_ST_CD" class="form-control itp_input" name="sdpstStCd">
+												<option value="">입금상태</option>
 											</select>
 										</div>
 									</div>
@@ -59,9 +66,11 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_LOANMNG02010_DETAIL" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_LOANMNG02010_DETAIL_VIEW_CD" name="viewCd" value="C">
+								<input type="hidden" id="ITP_FORM_LOANMNG02010_DETAIL_BRAND_ID" name="brandId" value="">
+								<input type="hidden" id="ITP_FORM_LOANMNG02010_DETAIL_STORE_ID" name="storeId" value="">
 					
 								<section class="itp_form_sec">
-									<h4 class="itp_form_tit">선입금정보-신규</h4>
+									<h4 class="itp_form_tit">입금정보</h4>
 									<div class="itp_form_in">
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">브랜드 *</label>
@@ -78,36 +87,50 @@
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">입금금액</label>
 											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-10 itp_in">
-													<input type="text" id="ITP_FORM_LOANMNG02010_DETAIL_DPST_AMT" class="form-control itp_input" name="dpstAmt"  maxlength="20">
+												<div class="col-xs-8 itp_in">
+													<input type="text" id="ITP_FORM_LOANMNG02010_DETAIL_DPST_AMT" class="form-control itp_input" name="dpstAmt">
 												</div>
 											</div>
 											<label class="col-xs-2 itp_lb">입금일자</label>
 											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-8 itp_in">
-													<div class="input-daterange input-group date">
-														<input type="text" id="ITP_FORM_LOANMNG02010_DETAIL_DPST_DT" class="form-control itp_input" name="dpstDt" value="">
-													</div>												
+												<div class="col-xs-4 itp_in">
+													<div class="input-group date">
+													<input type="text" id="ITP_FORM_LOANMNG02010_DETAIL_DPST_DT" class="form-control itp_input" name="dpstDt" readonly="readonly">
+													<span class="input-group-addon itp_input itp_date_to">
+														<i class="glyphicon glyphicon-calendar"></i>
+													</span>
+													</div>
 												</div>
 											</div>
 										</div>
 										<div class="form-group border">
 											<label class="col-xs-2 itp_lb">입금자명</label>
 											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-10 itp_in">
+												<div class="col-xs-8 itp_in">
 													<input type="text" id="ITP_FORM_LOANMNG02010_DETAIL_DPST_NM" class="form-control itp_input" name="dpstNm"  maxlength="20">
 												</div>
 											</div>
-											<label class="col-xs-2 itp_lb">입금계좌정보</label>
+											<label class="col-xs-2 itp_lb">입금은행</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-8 itp_in">
-													<select id="ITP_FORM_LOANMNG02010_DETAIL_" class="form-control itp_input" name="">
-														<option value="">입금상태</option>
+													<select id="ITP_FORM_LOANMNG02010_DETAIL_DPST_BNK_CD" data-select-code="BNK_CD" class="form-control itp_input" name="dpstBnkCd">
+														<option value="">입금은행</option>
 													</select>												
 												</div>
 											</div>
 										</div>
 									</div>
+									<div class="itp_form_in">
+										<div class="form-group border">
+											<label class="col-xs-2 itp_lb">입금계좌번호</label>
+											<div class="col-xs-10 itp_ip">
+												<div class="col-xs-4 itp_in">
+													<input type="text" id="ITP_FORM_LOANMNG02010_DETAIL_RCV_ACCT_NO" class="form-control itp_input" name="rcvAcctNo">
+												</div>
+											</div>											
+										</div>
+									</div>
+									
 								</section>								
 							</form>
 						</div>
@@ -117,9 +140,14 @@
 					<div class="itp_form itp_type1 fix">
 						<div class="col-xs-12">
 							<form id="ITP_FORM_LOANMNG02010_VIEW" class="form-horizontal">
-								<input type="hidden" id="ITP_FORM_LOANMNG02010_VIEW_VIEW_CD" name="viewCd" value="C">
+								<input type="hidden" id="ITP_FORM_LOANMNG02010_VIEW_VIEW_CD" name="viewCd" value="R">
+								<input type="hidden" id="ITP_FORM_LOANMNG02010_VIEW_DSPT_MGNT_NO" name="dsptMgntNo" value="">
+								<input type="hidden" id="ITP_FORM_LOANMNG02010_VIEW_BRAND_ID" name="brandId" value="">
+								<input type="hidden" id="ITP_FORM_LOANMNG02010_VIEW_STORE_ID" name="storeId" value="">								
+								<input type="hidden" id="ITP_FORM_LOANMNG02010_VIEW_DPST_ST_CD" name="dpstStCd" value="">								
+								
 								<section class="itp_form_sec">
-									<h4 class="itp_form_tit">선입금 정보-상세</h4>
+									<h4 class="itp_form_tit">입금정보</h4>
 									<div class="itp_form_in">
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">브랜드 *</label>
@@ -143,15 +171,16 @@
 										</div>
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">입금자명</label>
-												<div class="col-xs-8 itp_in "></div>
-											<label class="col-xs-2 itp_lb">입금계좌정보</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-3 itp_in fnDpstBnkCd"></div>
-												<span class="col-xs-1 itp_in">/</span>
-												<div class="col-xs-3 itp_in fnRcvAcctNo"></div>
-												<span class="col-xs-1 itp_in">/</span>
-												<div class="col-xs-3 itp_in fnBrandNm"></div>
-											</div>
+											<div class="col-xs-4 itp_ip fnDpstNm"></div>											
+											<label class="col-xs-2 itp_lb">입금은행</label>
+											<div class="col-xs-4 itp_ip fnDpstBnkNm"></div>
+										</div>
+										
+									</div>
+									<div class="itp_form_in">
+										<div class="form-group border">
+											<label class="col-xs-2 itp_lb">입금계좌번호</label>
+											<div class="col-xs-10 itp_ip fnRcvAcctNo"></div>											
 										</div>
 									</div>
 								</section>								
@@ -159,8 +188,7 @@
 							</div>
 						</div>
 					</div>
-				</div>
-			</div>
+				</div>			
 		</article>
 	</div>
 	<div id="ITP_TAP_JS"></div>	

bin/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>

bin/src/main/webapp/app/oper/OPER06010.html

@@ -58,11 +58,9 @@
 									<h4 class="itp_form_tit">브랜드 정보-신규</h4>
 									<div class="itp_form_in">
 										<div class="form-group">
-											<label class="col-xs-2 itp_lb">브랜드 코드</label>
+											<label class="col-xs-2 itp_lb">브랜드 아이디</label>
 											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-8 itp_in">
-													<div class="col-xs-9 itp_in fnBrandId"></div>
-												</div>
+												<div class="col-xs-8 itp_in fnBrandId"></div>
 											</div>
 											<label class="col-xs-2 itp_lb">상태*</label>
 											<div class="col-xs-4 itp_ip">
@@ -101,33 +99,17 @@
 												</div>
 											</div>
 										</div>
-									</div>	
-									<div class="itp_form_in itp_modify_dt">
-										<div class="form-group">
-											<label class="col-xs-2 itp_lb">비밀번호</label>
-											<div class="col-xs-10 itp_ip">
-												<div class="col-xs-2 itp_in">
-													<button type="button" id="ITP_BTN_OPER06010_RESET_PW" class="btn btn-danger btn-sm PWC" style="margin:0;">비밀번호 초기화</button>
-												</div>
-												<div class="col-xs-6 itp_in" style="top:5px;">
-													<div>(비밀번호 초기화는 사업자번호로 초기화 함 (숫자만))</div>
-												</div>
-											</div>
-										</div>
-									</div>
-									<div class="itp_form_in">
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">전화번호 *</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-7 itp_in">
 													<input type="text" id="ITP_FORM_OPER06010_DETAIL_TEL_NO" data-check-required="empty" class="form-control itp_input" name="telNo" value="">
 												</div>
+												<!-- <button type="button" id="ITP_BTN_OPER06010_RESET_PW" class="btn btn-danger btn-xs PWC" style="margin: 3px 0px 0px 3px;">비밀번호 초기화</button> -->
 											</div>
-											<label class="col-xs-2 itp_lb">대표자명 *</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-8 itp_in">
-													<input type="text" id="ITP_FORM_OPER06010_DETAIL_OWNER_NM" data-check-required="empty" class="form-control itp_input" name="ownerNm" value="">
-												</div>
+											<label class="col-xs-2 itp_lb"></label>
+											<div class="col-xs-1 itp_in">
+												<img src="/oqpo-view/images/naver.png" alt="로고 샘플" id="ITP_FORM_OPER06010_DETAIL_BRAND_LOGO "style="border:none; top:12px; left:12px; height:70px; width:85px; position:absolute;" class="form-control itp_input" name="brandLogo" >
 											</div>
 										</div>
 										<div class="form-group">
@@ -137,9 +119,11 @@
 													<input type="text" id="ITP_FORM_OPER06010_DETAIL_FAX_NO" class="form-control itp_input" name="faxNo" value="">
 												</div>
 											</div>
-											<label class="col-xs-2 itp_lb"><i style="position:absolute; font-style:initial; top:27px;">로고</i></label>
-											<div class="col-xs-4 itp_ip">
-												<img src="/oqpo-view/images/naver.png" alt="로고 샘플" id="ITP_FORM_OPER06010_DETAIL_BRAND_LOGO "style="border:none; top:12px; left:100px; height:70px; width:85px; position:absolute;" class="form-control itp_input" name="brandLogo" >
+											<label class="col-xs-2 itp_lb" style="border-top:none;">로고</label>
+											<div class="col-xs-4 itp_ip"style="border-top:none;">
+												<div class="col-xs-5 itp_in">
+													<label class="col-xs-12"></label>
+												</div>
 											</div>
 										</div>
 										<div class="form-group">
@@ -159,6 +143,42 @@
 												</div>
 											</div>
 										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">입금계좌정보</label>
+											<div class="col-xs-4 itp_ip" style="padding:0 0 0 15px;">
+												<div class="col-xs-4 itp_in">
+													<select id="ITP_FORM_OPER06010_DETAIL_DPST_BNK_CD" data-select-code="BNK_CD" data-check-required="empty" class="form-control itp_input" name="bnkCd">
+													</select>
+												</div>
+												<div class="col-xs-4 itp_in">
+													<input type="text" id="ITP_FORM_OPER06010_DETAIL_RCV_ACCT_NO" data-check-required="empty" class="form-control itp_input" name="acctNo" value="" placeholder="계좌번호">
+												</div>
+												<div class="col-xs-3 itp_in">
+													<input type="text" id="ITP_FORM_OPER06010_DETAIL_OWAC_NM" data-check-required="empty" class="form-control itp_input" name="owacNm" value="" placeholder="예금주명">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">PG사</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-8 itp_in">
+													<select id="ITP_FORM_OPER06010_DETAIL_DPST_BNK_CD" data-select-code="BNK_CD" data-check-required="empty" class="form-control itp_input" name="bnkCd">
+													</select>
+												</div>
+											</div>
+										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">가맹점 아이디 </label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in">
+													<input type="text" id="ITP_FORM_OPER06010_DETAIL_OWAC_NM" data-check-required="empty" class="form-control itp_input" name="owacNm" value="" placeholder="예금주명">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">가맹점 Key</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-8 itp_in">
+													<input type="text" id="ITP_FORM_OPER06010_DETAIL_OWAC_NM" data-check-required="empty" class="form-control itp_input" name="owacNm" value="" placeholder="예금주명">
+												</div>
+											</div>
+										</div>
 									</div>
 									<div class="itp_form_in">
 										<div class="form-group border">
@@ -188,52 +208,200 @@
 											</div>
 										</div>
 									</div>
-									<div class="itp_form_in">
-										<div class="form-group border">
-											<label class="col-xs-2 itp_lb">입금계좌정보</label>
-											<div class="col-xs-12 itp_ip">
-												<div class="col-xs-2 itp_in">
-													<select id="ITP_FORM_OPER06010_DETAIL_DPST_BNK_CD" data-select-code="BNK_CD" data-check-required="empty" class="form-control itp_input" name="bnkCd">
-													</select>
-												</div>
-												<div class="col-xs-4 itp_in">
-													<input type="text" id="ITP_FORM_OPER06010_DETAIL_RCV_ACCT_NO" data-check-required="empty" class="form-control itp_input" name="acctNo" value="" placeholder="계좌번호">
-												</div>
-												<div class="col-xs-2 itp_in">
-													<input type="text" id="ITP_FORM_OPER06010_DETAIL_OWAC_NM" data-check-required="empty" class="form-control itp_input" name="owacNm" value="" placeholder="소유주명">
-												</div>
-											</div>
-										</div>
-									</div>
-									<div class="itp_form_in">
-										<div class="form-group border">
-											<label class="col-xs-2 itp_lb">등록자/등록일 </label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-2 itp_in">
-													<div class="input-group fnRegId" style="padding:5px;"></div>
-												</div>
-												<label class="col-xs-1" style="top:7px;">/</label>
-												<div class="col-xs-6 itp_in">
-													<div class="input-group fnRegDt" style="padding:5px;"></div>
-												</div>
-											</div>
-											<label class="col-xs-2 itp_lb">최종  수정자/수정일</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-2 itp_in">
-													<div class="input-group fnChgId" style="padding:5px;"></div>
-												</div>
-												<label class="col-xs-1" style="top:7px;">/</label>
-												<div class="col-xs-6 itp_in">
-													<div class="input-group fnChgDt" style="padding:5px;"></div>
-												</div>
-											</div>
-										</div>
-									</div>	
 								</section>								
 							</form>
 						</div>
 					</div>
 				</div>
+				<div id="ITP_AJAX_OPER06010_MODIFY_CONTAINER">
+				  <div class="itp_form itp_type1 fix">
+				    <div class="col-xs-12">
+				      <form id="ITP_FORM_OPER06010_DETAIL" class="form-horizontal">
+				        <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_VIEW_CD" name="viewCd" value="C">
+				        <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_AFFL_SHOP_ID" name="afflShopId" value="">
+				        <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_BRAND_ID" name="brandId" value="">
+				        <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_FILE_NO" name="fileNo" value="">
+				  
+				        <section class="itp_form_sec">
+				          <h4 class="itp_form_tit">브랜드 정보-신규</h4>
+				          <div class="itp_form_in">
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">브랜드 코드</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-8 itp_in">
+				                  <div class="col-xs-9 itp_in fnBrandId"></div>
+				                </div>
+				              </div>
+				              <label class="col-xs-2 itp_lb">상태*</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-8 itp_in">
+				                  <select id="ITP_FORM_OPER06010_DETAIL_ST_CD" data-select-code="ST_CD" data-check-required="empty" class="form-control itp_input" name="stCd">
+				                  </select>
+				                </div>
+				              </div>
+				            </div>
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">브랜드 명* </label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-7 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_BRAND_NM" data-check-required="empty" class="form-control itp_input" name="brandNm" value="테스트 브랜드" maxlength="20">
+				                </div>
+				              </div>
+				              <label class="col-xs-2 itp_lb">브랜드 타입*</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-8 itp_in">
+				                  <select id="ITP_FORM_OPER06010_DETAIL_BRAND_TYPE" data-select-code="BRAND_TYPE" data-check-required="empty" class="form-control itp_input" name="brandType">
+				                  </select>
+				                </div>
+				              </div>
+				            </div>
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">사업자번호 *</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-7 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_BSNS_REG_NO" data-check-required="empty" class="form-control itp_input" name="bsnsRegNo" value="" maxlength="20">
+				                </div>
+				              </div>
+				              <label class="col-xs-2 itp_lb">법인번호</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-8 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_CORP_REG_NO" class="form-control itp_input" name="corpRegNo" value="" maxlength="20">
+				                </div>
+				              </div>
+				            </div>
+				          </div>	
+				          <div class="itp_form_in itp_modify">
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">비밀번호</label>
+				              <div class="col-xs-10 itp_ip">
+				                <div class="col-xs-2 itp_in">
+				                  <button type="button" id="ITP_BTN_OPER06010_RESET_PW" class="btn btn-danger btn-sm PWC" style="margin:1px; display:block;">비밀번호 초기화</button>
+				                </div>
+				                <div class="col-xs-6 itp_in" style="top:5px;">
+				                  <div>(비밀번호 초기화는 사업자번호로 초기화 함 (숫자만))</div>
+				                </div>
+				              </div>
+				            </div>
+				          </div>
+				          <div class="itp_form_in">
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">전화번호 *</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-7 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_TEL_NO" data-check-required="empty" class="form-control itp_input" name="telNo" value="">
+				                </div>
+				              </div>
+				              <label class="col-xs-2 itp_lb">대표자명 *</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-8 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_OWNER_NM" data-check-required="empty" class="form-control itp_input" name="ownerNm" value="">
+				                </div>
+				              </div>
+				            </div>
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">FAX</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-7 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_FAX_NO" class="form-control itp_input" name="faxNo" value="">
+				                </div>
+				              </div>
+				              <label class="col-xs-2 itp_lb"><i style="position:absolute; font-style:initial; top:27px;">로고</i></label>
+				              <div class="col-xs-4 itp_ip">
+				                <img src="/oqpo-view/images/naver.png" alt="로고 샘플" id="ITP_FORM_OPER06010_DETAIL_BRAND_LOGO "style="border:none; top:12px; left:100px; height:70px; width:85px; position:absolute;" class="form-control itp_input" name="brandLogo" >
+				              </div>
+				            </div>
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">이메일</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-7 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_EMAL_ADDR" class="form-control itp_input" name="emalAddr" value="">
+				                </div>
+				              </div>
+				              <label class="col-xs-2 itp_lb"style="border-top:none;"></label>
+				              <div class="col-xs-4 itp_ip"style="border-top:none; padding:0 10px;">
+				                <div class="col-xs-12 itp_in colspan">
+				                  <div class="fileupload-wrapper">
+				                    <!-- data-show-yn: 파일업로드를 할 수 있는 권한이 있는지 없는지.. -->
+				                    <div id="ITP_OPER06010_DETAIL_UPLOAD" data-show-yn="Y"></div>
+				                  </div>
+				                </div>
+				              </div>
+				            </div>
+				          </div>
+				          <div class="itp_form_in">
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">주소</label>
+				              <div class="col-xs-10 itp_ip">
+				                <div class="col-xs-1 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_ZIPNO" class="form-control itp_input" name="zipNo" value="" maxlength="6" readonly placeholder="우편번호">
+				                </div>
+				                <div class="col-xs-1 itp_in">
+				                  <button type="button" id="ITP_FORM_OPER06010_DETAIL_ADRES_SCH" class="btn btn-primary btn-sm SHOW" style="margin: -1px 0px 0px 3px;">&nbsp;&nbsp;주소검색&nbsp;&nbsp;</button>
+				                </div>
+				                <div class="col-xs-4 itp_in" style="margin-right: 5px; margin-left:20px;">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_ADRES" class="form-control itp_input" name="addr1" value="" readonly placeholder="기본주소">
+				                </div>
+				                <div class="col-xs-4 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_ADRES_DTL" class="form-control itp_input" name="addr2" value="" placeholder="상세주소">
+				                </div>
+				
+				                <!-- 주소 맵 -->
+				                <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_LOTS_ADDRESS" value="" />
+				                <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_STREET_ADDRESS" value="" />
+				                <input type="hidden" name="latX" id="ITP_FORM_OPER06010_DETAIL_LAT" value="" />
+				                <input type="hidden" name="latY" id="ITP_FORM_OPER06010_DETAIL_LNG" value="" />
+				                <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_HJ_DONG" value="" />
+				                <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_BJ_DONG" value="" />
+				                <div id="ITP_FORM_OPER06010_DETAIL_MAP" style="margin-top:30px; width:700px; height:400px;"></div>
+				              </div>
+				            </div>
+				          </div>
+				          <div class="itp_form_in">
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">입금계좌정보</label>
+				              <div class="col-xs-12 itp_ip">
+				                <div class="col-xs-2 itp_in">
+				                  <select id="ITP_FORM_OPER06010_DETAIL_DPST_BNK_CD" data-select-code="BNK_CD" data-check-required="empty" class="form-control itp_input" name="bnkCd">
+				                  </select>
+				                </div>
+				                <div class="col-xs-4 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_RCV_ACCT_NO" data-check-required="empty" class="form-control itp_input" name="acctNo" value="" placeholder="계좌번호">
+				                </div>
+				                <div class="col-xs-2 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_OWAC_NM" data-check-required="empty" class="form-control itp_input" name="owacNm" value="" placeholder="소유주명">
+				                </div>
+				              </div>
+				            </div>
+				          </div>
+				          <div class="itp_form_in">
+				            <div class="form-group border">
+				              <label class="col-xs-2 itp_lb">등록자/등록일 </label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-2 itp_in" style="width:auto;">
+				                  <div class="input-group fnRegId" style="padding:5px;"></div>
+				                </div>
+				                <label class="col-xs-1" style="top:7px;">/</label>
+				                <div class="col-xs-6 itp_in">
+				                  <div class="input-group fnRegDt" style="padding:5px;"></div>
+				                </div>
+				              </div>
+				              <label class="col-xs-2 itp_lb">최종  수정자/수정일</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-2 itp_in">
+				                  <div class="input-group fnChgId" style="padding:5px;"></div>
+				                </div>
+				                <label class="col-xs-1" style="top:7px;">/</label>
+				                <div class="col-xs-6 itp_in">
+				                  <div class="input-group fnChgDt" style="padding:5px;"></div>
+				                </div>
+				              </div>
+				            </div>
+				          </div>	
+				        </section>								
+				      </form>
+				    </div>
+				  </div>
+				</div>
 				<div id="ITP_AJAX_OPER06010_VIEW_CONTAINER">
 					<div class="itp_form itp_type1 fix">
 						<div class="col-xs-12">

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

@@ -20,7 +20,7 @@
 											<label class="col-xs-3 itp_lb">상위 분류정보</label>
 											<div class="col-xs-9 itp_ip">
 												<div class="col-xs-3 itp_in">
-													<select id="ITP_FORM_STINFO07010_POP_ITEM_CLASS1" data-check-required="empty" class="form-control itp_input" name="itemClass1">
+													<select id="ITP_FORM_STINFO07010_POP_ITEM_CLASS1" class="form-control itp_input" name="itemClass1">
 														<option value="">품목분류Level1</option>
 													</select>
 												</div>

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

@@ -0,0 +1,32 @@
+<div id="ITP_BIZPOP_PO_REJECT_REASON" class="modal itp_modal">
+	<div class="modal-dialog">
+		<div class="modal-content">
+			<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 itp_type1 fix">
+					<div class="col-xs-12">
+						<div class="form-horizontal">
+							<form id="ITP_FORM_PO_REJECT_REASON_POPUP">
+								<div class="form-group">
+									<label class="col-xs-2 itp_lb">반려사유</label>
+									<div class="col-xs-10 itp_ip">
+									<input type="text" id="ITP_FORM_PO_REJECT_REASON_POPUP_DSPT_RJCT_RSN" class="form-control itp_input" name="dsptRjctRsn" />
+									</div>									
+								</div>								
+							</form>
+						</div>
+					</div>
+				</div>
+			</div>
+			<div class="modal-footer">
+				<button type="button" id="ITP_BTN_PO_REJECT_REASON_CLOSE_POP" class="btn btn-danger btn-sm CLB">&nbsp;&nbsp;취소&nbsp;&nbsp;</button>
+				<button type="button" id="ITP_BTN_PO_REJECT_REASON_CONFIRM_POP" class="btn btn-primary btn-sm SAB" style="display: inline-block;">&nbsp;&nbsp;확인&nbsp;&nbsp;</button>
+			</div>
+		</div>
+	</div>
+
+	<div id="ITP_POPUP_JS"></div>
+</div>

bin/src/main/webapp/app/stinfo/STINFO06010.html

@@ -16,9 +16,10 @@
 						<div class="itp_srh_border fix">
 							<div class="col-xs-12">
 								<form id="ITP_FORM_STINFO06010_SEARCH" class="form-horizontal">
+									<input type="hidden" id="ITP_FORM_STINFO06010_SEARCH_BRAND_ID" name="brandId" value="">
 									<div class="form-group">
 										<div class="col-xs-3 itp_ip itp_noMar">
-											<input type="text" id="ITP_FORM_STINFO06010_SEARCH_STORE_NM" class="form-control itp_input" name="sstoreNm" placeholder="매장" />
+											<input type="text" id="ITP_FORM_STINFO06010_SEARCH_STORE_NM" class="form-control itp_input" name="sstoreNm" placeholder="매장명" />
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar" style="width:10%;">
 											<button type="button" id="ITP_BTN_STINFO06010_SEARCH_SRH" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
@@ -45,23 +46,22 @@
 				          <form id="ITP_FORM_STINFO06010_DETAIL" class="form-horizontal">
 							  <input type="hidden" id="ITP_FORM_STINFO06010_DETAIL_AFFL_SHOP_ID" name="afflShopId" value="">
 							  <input type="hidden" id="ITP_FORM_STINFO06010_DETAIL_BRAND_ID" name="brandId" value="">
-							  <input type="hidden" id="ITP_FORM_STINFO06010_DETAIL_CURR" value="">
-							  <input type="hidden" id="ITP_FORM_STINFO06010_DETAIL_UNIT_TARGET_CD" value="">
+							  <input type="hidden" id="ITP_FORM_STINFO06010_DETAIL_STORE_ID" name="storeId" value="">
 				             <div class="form-group">
 				                <div class="col-xs-3 itp_ip itp_noMar">
-				                <input type="text" id="ITP_FORM_STINFO06010_DETAIL_STORE_NM" class="form-control itp_input" name="sstoreNm" placeholder="매장 *" />
+				                	<input type="text" id="ITP_FORM_STINFO06010_DETAIL_STORE_NM" class="form-control itp_input" name="sstoreNm" placeholder="매장명" />
 				                </div>
 				                <div class="col-xs-2 itp_ip itp_noMar" style="width:10%;">
-				                <button type="button" id="ITP_BTN_STINFO06010_DETAIL_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_STINFO06010_DETAIL_MODIFY" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
+									<button type="button" id="ITP_BTN_STINFO06010_DETAIL_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_STINFO06010_DETAIL_MODIFY" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 				                </div>
 				                <label class="col-xs-1 itp_ip itp_noMar" style="top:6px;">계약기간</label>
 				                <div class="col-xs-3 itp_ip itp_noMar">
-				                <div class="input-daterange input-group date">
-				                   <input type="text" id="ITP_FORM_STINFO06010_DETAIL_FROM_DT" class="form-control itp_input" name="fromDt" value="" readonly>
-				                   <span class="input-group-addon itp_date_to">~</span>
-				                   <input type="text" id="ITP_FORM_STINFO06010_DETAIL_TO_DT" class="form-control itp_input" name="toDt" value="" readonly>
-				                </div>
+									<div class="input-daterange input-group date">
+									   <input type="text" id="ITP_FORM_STINFO06010_DETAIL_FROM_DT" class="form-control itp_input" name="fromDt" value="" readonly>
+									   <span class="input-group-addon itp_date_to">~</span>
+									   <input type="text" id="ITP_FORM_STINFO06010_DETAIL_TO_DT" class="form-control itp_input" name="toDt" value="" readonly>
+									</div>
 				                </div>
 				             </div>
 				          </form>

bin/src/main/webapp/bootstrap-fileUpload/dist/bootstrap-FileUpload.css

@@ -109,7 +109,7 @@
 }
 .fileupload-wrapper .fileupload-download {display:table; margin-bottom:0;}
 .fileupload-wrapper .fileupload-preview .btn-xs,
-.fileupload-wrapper .fileupload-download .btn-xs {font-size:11px;}
+.fileupload-wrapper .fileupload-download .btn-xs {font-size:11px; padding:6px;}
 .fileupload-wrapper .fileupload-preview td,
 .fileupload-wrapper .fileupload-download td {word-break:break-all; vertical-align: middle;}
 .fileupload-wrapper .fileupload-download td a {color:#666;}
@@ -121,4 +121,8 @@
 .fileupload-wrapper .fileupload-add,
 .fileupload-wrapper .fileupload-start,
 .fileupload-wrapper .fileupload-cancel,
-.fileupload-wrapper .fileupload-down {padding:4px 10px;}
+.fileupload-wrapper .fileupload-down {padding:4px 10px;}
+
+ /* 좁은곳에서 파일 업로드 */
+ .fileupload-wrapper 
+ 

bin/src/main/webapp/css/style.css

@@ -410,14 +410,14 @@ html:lang(en) #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_
 #ITP_CONTAINER .itp_form.itp_type1 .itp_form_in {margin:0; padding:0; display:table; width:100%;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group {margin:0; padding:0; display:table-row;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb,
-#ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_ip {display:table-cell; padding:6px 18px; border-top:1px solid #F2F2F2; float:none; vertical-align:middle; height:42px; }
+#ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_ip {display:table-cell; padding:6px 15px; border-top:1px solid #F2F2F2; float:none; vertical-align:middle; height:42px; }
 #ITP_CONTAINER .itp_form.itp_type1 .form-group.border .itp_lb,
 #ITP_CONTAINER .itp_form.itp_type1 .form-group.border .itp_ip {border-bottom:1px solid #ddd;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group.noBor .itp_lb,
 #ITP_CONTAINER .itp_form.itp_type1 .form-group.noBor .itp_ip {border-top:0; padding-top:0; height:auto;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb {border-right:1px solid #ddd; border-left:1px solid #ddd;background:#d6ecf5;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb.bor {border-left:1px solid #ddd;}
-#ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in {padding:0;}
+#ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in {padding:0; margin-right:5px;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.pad {padding-right:15px;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.padT {padding-top:4px;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.padTt {padding-top:1px;}

bin/src/main/webapp/js/app/config.js

@@ -836,7 +836,7 @@ function fn_make_input_common_cd(options, code, input_id, all_show_yn) { //HIDDE
 	});
 };
 
-function fn_make_common_cd_list(options, code, all_show_yn) { // 공통코드 리스트 만들기
+function fn_make_common_cd_list(options, code, all_show_yn, all_show_text) { // 공통코드 리스트 만들기
 	// $input_id = $('#' + input_id);
 	// $input_id.val('');
 	var return_val;
@@ -845,7 +845,7 @@ function fn_make_common_cd_list(options, code, all_show_yn) { // 공통코드
 			//예제) :;BN:읽기버튼;BNW:쓰기버튼;LK:링크;MU:메뉴
 			let code_list = '';
 			if(all_show_yn == true) {
-				code_list = code_list + ':';
+				code_list = code_list + ':' + all_show_text;
 			}
 			$.each(value.codeDtlList, function(k, val) {
 				if(k > 0) {
@@ -1642,6 +1642,7 @@ function itp_fn_grid_make_remote(option) {
 		mtype: 'POST',
 		multiselect: false,
 		rownumbers: true,
+		ondblClickRow: null,
 		loadBeforeSend: function(jqXHR) {
 			jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
 		},
@@ -1660,6 +1661,7 @@ function itp_fn_grid_make_remote(option) {
 		rownumbers: options.rownumbers,
 		loadBeforeSend: options.loadBeforeSend,
 		onCellSelect: options.onCellSelect,
+		ondblClickRow: options.ondblClickRow,
 		loadComplete: options.loadComplete,
 		loadError: options.loadError,
 		onPaging: function(action) {

bin/src/main/webapp/js/app/loanmng/ITP_LOANMNG01010.js

@@ -7,7 +7,6 @@
  * let listObj = {}			: 목록화면 Object			*
  * let viewObj = {}			: 상세화면 Object			*
  * let modifyObj = {}		: 수정화면 Object			*
- * let createObj = {}		: 신규화면 Object			*
  * let locInfoObj = {}		: 로케이션정보 Object				*
  *******************************************************/
 
@@ -22,11 +21,6 @@ const LOANMNG01010_VIEW_GRID_LIST = '#ITP_LOANMNG01010_VIEW_jqGrid_list';
 const LOANMNG01010_VIEW_GRID_PAGER = '#ITP_LOANMNG01010_VIEW_jqGridPager';
 const LOANMNG01010_VIEW_GRID_EMPTY = '#ITP_LOANMNG01010_VIEW_jqGridEmpty';
 
-const LOANMNG01010_DETAIL_GRID_ID = '#ITP_LOANMNG01010_DETAIL_jqGrid';
-const LOANMNG01010_DETAIL_GRID_LIST = '#ITP_LOANMNG01010_DETAIL_jqGrid_list';
-const LOANMNG01010_DETAIL_GRID_PAGER = '#ITP_LOANMNG01010_DETAIL_jqGridPager';
-const LOANMNG01010_DETAIL_GRID_EMPTY = '#ITP_LOANMNG01010_DETAIL_jqGridEmpty';
-
 let ITP_FORM_LOANMNG01010_DETAIL_IS_DUPLICATE = false;
 let ITP_FORM_LOANMNG01010_DETAIL_IS_WRITING = false;
 let LOANMNG01010_DETAIL_GRID_LAST_ROW_ID;
@@ -34,11 +28,7 @@ let LOANMNG01010_DETAIL_GRID_LAST_ROW_ID;
 /*API URL*/
 let LOAN_STATE_DETAIL_GRID_LIST = '/api/loan/state/detail-grid-list';
 let LOAN_STATE_INFO_LOAN_MNG = '/api/loan/state/info-loan-mng';
-
-let WHS_MNG_LOCATION_GRID_LIST = '/api/whs/mng/location-grid-list';
-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'; 
+let LOAN_STATE_HIST_GRID_LIST = '/api/loan/state/hist-grid-list';
 
 /*화면 Grid ColModel*/
 const gridColModel = {
@@ -80,15 +70,15 @@ const gridColModel = {
 			sortable: false, hidden: false
 		},
 		{
-			index: 'CREDT_LIMIT_AMT', name: 'credtLimitAmt',
-			label: "신용한도금액", 
+			index: 'LIMIT_AMT', name: 'limitAmt',
+			label: "한도금액", 
 			width: '10', fixed: false, align: 'center',
 			sortable: false, hidden: false, 
 			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
 		},
 		{
-			index: 'CHRGE_LIMIT_AMT', name: 'chrgeLimitAmt',
-			label: "충전한도금액", 
+			index: 'POSB_LIMIT_AMT', name: 'posbLimitAmt',
+			label: "가용한도금액", 
 			width: '10', fixed: false, align: 'center',
 			sortable: false, hidden: false, 
 			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
@@ -128,59 +118,61 @@ const gridColModel = {
 			sortable: false, hidden: true
 		},		
 		{
-			index: 'LOCATION', name: 'location',
-			label: "로케이션",
+			index: 'LOAN_REG_DT', name: 'loanRegDt',
+			label: "발생일자",
 			width: '10', fixed: false, align: 'center',
-			sortable: false, editable: false, edittype: 'text',
-			editrules: {required: true}
+			sortable: false, editable: false, edittype: 'text'
 		},
 		{
-			index: 'LOCATION_NM', name: 'locationNm',
-			label: "로케이션명",
-			width: '12', fixed: false, align: 'center',
-			sortable: true, editable: false, edittype: 'text',
-			editrules: {required: true}
+			index: 'DPST_PAY_DVSN_NM', name: 'dpstPayDvsnNm',
+			label: "입지구분",
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text'
 		},
 		{
-			index: 'STCK_DVSN_NM', name: 'stckDvsnNm',
-			label: "관리등록",
+			index: 'MEDIA_DVSN_NM', name: 'mediaDvsnNm',
+			label: "매체구분",
 			width: '10', fixed: false, align: 'center',
 			sortable: false, editable: false, edittype: 'text'
 		},
 		{
-			index: 'LOC_ST_NM', name: 'locStNm',
-			label: "상태",
+			index: 'DPST_AMT', name: 'dpstAmt',
+			label: "입금",
 			width: '10', fixed: false, align: 'center',
-			sortable: false, editable: false, edittype: 'text'
-		}
-	],
-	detail: [
+			sortable: false, editable: false, edittype: 'text', 
+			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
+		},
 		{
-			index: 'VIEW_CD', name: 'viewCd',
-			label: ITP_MSG_LOCALE.label.viewCd,
+			index: 'PAYM_AMT', name: 'paymAmt',
+			label: "지급",
 			width: '10', fixed: false, align: 'center',
-			sortable: false, hidden: true
+			sortable: false, editable: false, edittype: 'text', 
+			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
 		},
 		{
-			index: 'LOCATION', name: 'location',
-			label: "로케이션",
+			index: 'TRSC_AF_BAL', name: 'trscAfBal',
+			label: "잔액",
 			width: '10', fixed: false, align: 'center',
-			sortable: false, editable: true, edittype: 'text',
-			editrules: {required: false}
+			sortable: false, editable: false, edittype: 'text', 
+			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
+		},
+		{
+			index: 'USER', name: 'user',
+			label: "사용자",
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text'
 		},
 		{
-			index: 'LOCATION_NM', name: 'locationNm',
-			label: "로케이션명",
-			width: '12', fixed: false, align: 'center',
-			sortable: false, editable: true, edittype: 'text',
-			editrules: {required: true}
+			index: 'NO', name: 'no',
+			label: "관련번호",
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: false, edittype: 'text'
 		}
 	]
 };
 
 require(['config'], function() {
 	require([
-		'kakao.map.util'
 	], function($) {
 		pageObj.init();
 	});
@@ -191,7 +183,6 @@ let pageObj = {
 	init: function () {
 		this.ui.init();
 		this.event.init();
-		locInfoObj.init();
 	},
 	ui: {
 		init: function () {
@@ -211,7 +202,10 @@ let pageObj = {
 		    });
 
 			// 조회일자 지정
+			var now = new Date();
 			$('#ITP_TAB_LOANMNG01010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);			
+			$('#ITP_FORM_LOANMNG01010_SEARCH_FROM').datepicker('setDate', new Date(now.setMonth(now.getMonth() - 1)));
+			$('#ITP_FORM_LOANMNG01010_SEARCH_TO').datepicker('setDate', new Date());
 		},
 		grid: function() {
 			itp_fn_jqgrid_resize(LOANMNG01010_GRID_ID, LOANMNG01010_GRID_LIST, 'lg');
@@ -232,15 +226,9 @@ let pageObj = {
 				var id = $(this).attr('id');
 				$(this).on('click', function() {
 					switch (id) {
-						case 'ITP_BTN_LOANMNG01010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
-						case 'ITP_BTN_LOANMNG01010_NEWREG'				: listObj.button.create(); 		break;	// 신규등록 버튼
-						case 'ITP_BTN_LOANMNG01010_MODIFY'				: modifyObj.button.modify();	break;	// 수정 버튼
-						case 'ITP_BTN_LOANMNG01010_CANCELLIST'			: createObj.button.cancel(); 	break;	// 취소/목록 버튼
-						case 'ITP_BTN_LOANMNG01010_DELETE'				: 								break;	// 삭제 버튼
-						case 'ITP_BTN_LOANMNG01010_SAVE'				: createObj.button.save(); 		break;	// 저장 버튼
-						case 'ITP_BTN_LOANMNG01010_DETAIL_ADDROW'		: locInfoObj.button.addRow();	break;	// 상세:추가버튼
-						case 'ITP_BTN_LOANMNG01010_DETAIL_DELROW'		: locInfoObj.button.delRow();	break;	// 상세:삭제버튼
-						case 'ITP_BTN_LOANMNG01010_DETAIL_ADDRESS_SEARCH'		: createObj.button.address();	break;	// 신규등록 주소 찾기
+						case 'ITP_BTN_LOANMNG01010_SRH'					: listObj.button.search();		break;	// 조회 버튼 클릭
+						case 'ITP_BTN_LOANMNG01010_CANCELLIST'			: viewObj.button.cancel(); 	break;	// 취소/목록 버튼
+						case 'ITP_BTN_LOANMNG01010_VIEW_SEARCH_SRH'		: viewObj.button.history();		break;	// 이력조회
 						case 'ITP_BTN_LOANMNG01010_SEARCH_SRH'			: listObj.button.popupStore();	break;	// 매장선택 팝업
 						case 'ITP_BTN_LOANMNG01010_SEARCH_MODIFY'		: listObj.button.eraseStore();	break;	// 매장선택 삭제
 					}
@@ -248,10 +236,6 @@ let pageObj = {
 			});
 
 			$('body').on('click', function(e) {
-				var gridId = LOANMNG01010_DETAIL_GRID_ID.replace('#', '');
-				var rids = $(LOANMNG01010_DETAIL_GRID_ID).jqGrid('getDataIDs');
-				var last_row_id = rids[rids.length - 1];
-				itp_fn_grid_reset_selection(e, last_row_id, gridId, 'LOANMNG01010_DETAIL');
 			});
 
 		}
@@ -269,55 +253,6 @@ let pageObj = {
 			$('#ITP_AJAX_LOANMNG01010_LIST_CONTAINER').show();
 			$('#ITP_AJAX_LOANMNG01010_DETAIL_CONTAINER').hide();
 			$('#ITP_AJAX_LOANMNG01010_VIEW_CONTAINER').hide();
-		} else if(mode == 'ADD') { // 등록
-			ITP_FORM_LOANMNG01010_DETAIL_IS_DUPLICATE = true;
-
-			$('#ITP_BTN_LOANMNG01010_SRH').hide();
-			$('#ITP_BTN_LOANMNG01010_MODIFY').hide();
-			$('#ITP_BTN_LOANMNG01010_NEWREG').hide();
-			$('#ITP_BTN_LOANMNG01010_DELETE').hide();
-			
-			fn_show_btn_auth('#ITP_BTN_LOANMNG01010_CANCELLIST');
-			fn_show_btn_auth('#ITP_BTN_LOANMNG01010_SAVE');
-
-			$('#ITP_AJAX_LOANMNG01010_LIST_CONTAINER').hide();
-			$('#ITP_AJAX_LOANMNG01010_DETAIL_CONTAINER').show();
-			$('#ITP_AJAX_LOANMNG01010_VIEW_CONTAINER').hide();
-
-			$('#ITP_FORM_LOANMNG01010_DETAIL_VIEW_CD').val('C');
-			$('#ITP_FORM_LOANMNG01010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
-			$('#ITP_FORM_LOANMNG01010_DETAIL .fnBrandNm').text(fn_make_user_info.get('brandNm'));
-			$('#ITP_FORM_LOANMNG01010_DETAIL .fnWhsId').text('');
-			$('#ITP_FORM_LOANMNG01010_DETAIL .fnRegDtm').text('');
-			$('#ITP_FORM_LOANMNG01010_DETAIL_STORE_ID').val('');
-			$('#ITP_FORM_LOANMNG01010_DETAIL_WHS_ID').val('');
-			$('#ITP_FORM_LOANMNG01010_DETAIL_WHS_ST_CD').val('');
-			$('#ITP_FORM_LOANMNG01010_DETAIL_WHS_NM').val('');
-			$('#ITP_FORM_LOANMNG01010_DETAIL_MGR_TEL_NO').val('');
-			$('#ITP_FORM_LOANMNG01010_DETAIL_MGR_NM').val('');
-			$('#ITP_FORM_LOANMNG01010_DETAIL_STORE_NM').val('');
-			$('#ITP_FORM_LOANMNG01010_DETAIL_ZIPNO').val('');
-			$('#ITP_FORM_LOANMNG01010_DETAIL_ADRES').val('');
-			$('#ITP_FORM_LOANMNG01010_DETAIL_ADRES_DTL').val('');
-			
-		} else if(mode == 'MODIFY') { // 수정
-			$('#ITP_BTN_LOANMNG01010_SRH').hide();
-			$('#ITP_BTN_LOANMNG01010_MODIFY').hide();
-			$('#ITP_BTN_LOANMNG01010_NEWREG').hide();
-			$('#ITP_BTN_LOANMNG01010_DELETE').hide();
-			fn_show_btn_auth('#ITP_BTN_LOANMNG01010_CANCELLIST');
-			fn_show_btn_auth('#ITP_BTN_LOANMNG01010_SAVE');
-			fn_show_btn_auth('#ITP_BTN_LOANMNG01010_RESET_PW');
-
-			$('#ITP_AJAX_LOANMNG01010_LIST_CONTAINER').hide();
-			$('#ITP_AJAX_LOANMNG01010_DETAIL_CONTAINER').show();
-			$('#ITP_AJAX_LOANMNG01010_VIEW_CONTAINER').hide();
-			// $('#ITP_FORM_LOANMNG01010_DETAIL_USER_ID').attr('readonly', true);
-			// $('#ITP_FORM_LOANMNG01010_DETAIL_DUP').attr('disabled', true);
-			$('#ITP_FORM_LOANMNG01010_DETAIL_SEARCH_AFFL_SHOP_NM').attr('readonly', true);
-
-			$('#ITP_FORM_LOANMNG01010_DETAIL_SEARCH_AFFL_SHOP').hide();
-			$('#ITP_FORM_LOANMNG01010_DETAIL_DELETE_AFFL_SHOP').hide();
 		} else if(mode == 'VIEW') { // 보기
 			$('#ITP_BTN_LOANMNG01010_SRH').hide();
 			$('#ITP_BTN_LOANMNG01010_NEWREG').hide();
@@ -348,12 +283,6 @@ let listObj = {
 			param.gridPage = $.jgrid.defaults.page;
 			$(LOANMNG01010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
 		},
-		create: function() {
-			pageObj.switchScreen('ADD');			
-			itp_fn_form_clear_validate(null, '#ITP_FORM_LOANMNG01010_DETAIL');						
-			// 로케이션 리스트 조회
-			createObj.init();
-		}, 
 		popupStore: function() { // 매장선택 팝업
 			
 		}, 
@@ -449,31 +378,46 @@ let viewObj = {
 	init: function (param) {
 		this.load(param);
 	},
+	button: {
+		cancel: function() {
+			listObj.grid.search();
+		},
+		history: function() {
+			let param = $('#ITP_FORM_LOANMNG01010_VIEW_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(LOANMNG01010_VIEW_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		},
+	},
 	load: function(param) {
 		fn_ajax_call(LOAN_STATE_INFO_LOAN_MNG, param, this.callback, 'GET');
 	},
 	callback: function (result) {
 		// console.log(result);
 		pageObj.switchScreen('VIEW');
-		$('#ITP_FORM_LOANMNG01010_VIEW #ITP_FORM_LOANMNG01010_VIEW_BRAND_ID').val(result.brandId);
-		$('#ITP_FORM_LOANMNG01010_VIEW #ITP_FORM_LOANMNG01010_VIEW_STORE_ID').val(result.storeId);
-		$('#ITP_FORM_LOANMNG01010_VIEW #ITP_FORM_LOANMNG01010_VIEW_LOAN_MGNT_UNQ_NO').val(result.loanMgntUnqNo);
+		$('#ITP_FORM_LOANMNG01010_VIEW_BRAND_ID').val(result.brandId);
+		$('#ITP_FORM_LOANMNG01010_VIEW_STORE_ID').val(result.storeId);
+		$('#ITP_FORM_LOANMNG01010_VIEW_LOAN_MGNT_UNQ_NO').val(result.loanMgntUnqNo);
+		$('#ITP_FORM_LOANMNG01010_VIEW_SEARCH_LOAN_MGNT_UNQ_NO').val(result.loanMgntUnqNo);
 		
 		$('#ITP_FORM_LOANMNG01010_VIEW .fnBrandNm').text(result.brandNm);
 		$('#ITP_FORM_LOANMNG01010_VIEW .fnStoreNm').text(result.storeNm);
 		$('#ITP_FORM_LOANMNG01010_VIEW .fnLoanDvsn').text(result.loanDvsnNm);
+		var limitAmt;
 		if(result.loanDvsn == 'LD01') { // 선불(충전)
-			$('#ITP_FORM_LOANMNG01010_VIEW .fnCredtLimitAmt').text(itp_fn_number_comma(result.chrgeLimitAmt));	
+			limitAmt = result.chrgeLimitAmt;
 		} else if(result.loanDvsn == 'LD02') { // 후불(신용)
-			$('#ITP_FORM_LOANMNG01010_VIEW .fnCredtLimitAmt').text(itp_fn_number_comma(result.credtLimitAmt));	
+			limitAmt = result.credtLimitAmt;				
 		}
+		$('#ITP_FORM_LOANMNG01010_VIEW .fnCredtLimitAmt').text(itp_fn_number_comma(limitAmt));
 		$('#ITP_FORM_LOANMNG01010_VIEW .fnContDt').text(''); // TODO 계약기간
-		$('#ITP_FORM_LOANMNG01010_VIEW .fnUseYn').text(result.useYnNm);
-		$('#ITP_FORM_LOANMNG01010_VIEW .fnPosbLimitAmt').text(''); // TODO 가용한도금액
+		$('#ITP_FORM_LOANMNG01010_VIEW .fnUseYn').text(result.useYnNm);		
+		$('#ITP_FORM_LOANMNG01010_VIEW .fnPosbLimitAmt').text(itp_fn_number_comma(limitAmt - result.useAmtTotal)); // TODO 가용한도금액
 		$('#ITP_FORM_LOANMNG01010_VIEW .fnTmpRcvAcctTotal').text(itp_fn_number_comma(result.tmpRcvAcctTotal));
 		$('#ITP_FORM_LOANMNG01010_VIEW .fnUseAmtTotal').text(itp_fn_number_comma(result.useAmtTotal));
+		$('#ITP_FORM_LOANMNG01010_VIEW .fnLastModify').text(result.sysChgNm + ' / ' + result.sysChgDttm);
 
-		// 권한정보 리스트 조회
+		// 여신이력 리스트 조회
 		viewObj.grid.init();
 	},
 	grid: {
@@ -482,7 +426,7 @@ let viewObj = {
 			this.load();
 		},
 		load : function() {
-			let param = $('#ITP_FORM_LOANMNG01010_VIEW').serializeObject();
+			let param = $('#ITP_FORM_LOANMNG01010_VIEW_SEARCH').serializeObject();
 			param.gridSize = $.jgrid.defaults.rowNum;
 			param.pagingYn = false; // 페이징안함
 
@@ -490,7 +434,7 @@ let viewObj = {
 				gridId: LOANMNG01010_VIEW_GRID_ID,
 				colModel: gridColModel.view,
 				param: JSON.stringify(param),
-				url: DOMAIN + WHS_MNG_LOCATION_GRID_LIST,
+				url: DOMAIN + LOAN_STATE_HIST_GRID_LIST,
 				pager: LOANMNG01010_VIEW_GRID_PAGER,
 				loadComplete: function(data) {
 					itp_fn_grid_load_complete(data, LOANMNG01010_VIEW_GRID_ID, true, undefined, 'LOANMNG01010_VIEW');
@@ -535,299 +479,3 @@ let viewObj = {
 		}
 	}
 };
-
-/*수정화면 Object*/
-let modifyObj = {
-	init: function () {
-	},
-	button: {
-		modify: function (param) {
-			itp_fn_form_clear_validate(null, '#ITP_FORM_LOANMNG01010_DETAIL');
-			const brandIdVal = $('#ITP_FORM_LOANMNG01010_VIEW_BRAND_ID').val();
-			const whsIdVal = $('#ITP_FORM_LOANMNG01010_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(LOAN_STATE_INFO_LOAN_MNG, param, this.callback, 'GET');
-	},
-	callback: function (result) {
-		// console.log(result);
-		pageObj.switchScreen('MODIFY');
-		$('#ITP_FORM_LOANMNG01010_DETAIL #ITP_FORM_LOANMNG01010_DETAIL_VIEW_CD').val('U');
-		$('#ITP_FORM_LOANMNG01010_DETAIL #ITP_FORM_LOANMNG01010_DETAIL_BRAND_ID').val(result.brandId);
-		$('#ITP_FORM_LOANMNG01010_DETAIL #ITP_FORM_LOANMNG01010_DETAIL_STORE_ID').val(result.storeId);
-		$('#ITP_FORM_LOANMNG01010_DETAIL #ITP_FORM_LOANMNG01010_DETAIL_WHS_ID').val(result.whsId);
-				
-		$('#ITP_FORM_LOANMNG01010_DETAIL .fnBrandNm').text(result.brandNm);
-		$('#ITP_FORM_LOANMNG01010_DETAIL .fnWhsId').text(result.whsId);
-		$('#ITP_FORM_LOANMNG01010_DETAIL .fnRegDtm').text(result.sysRegDttm);
-		
-		$('#ITP_FORM_LOANMNG01010_DETAIL #ITP_FORM_LOANMNG01010_DETAIL_WHS_ST_CD').val(result.whsStCd);
-		$('#ITP_FORM_LOANMNG01010_DETAIL #ITP_FORM_LOANMNG01010_DETAIL_WHS_NM').val(result.whsNm);
-		$('#ITP_FORM_LOANMNG01010_DETAIL #ITP_FORM_LOANMNG01010_DETAIL_WHS_NM').val(result.whsNm);
-		$('#ITP_FORM_LOANMNG01010_DETAIL #ITP_FORM_LOANMNG01010_DETAIL_MGR_TEL_NO').val(result.mgrTelNo);
-		$('#ITP_FORM_LOANMNG01010_DETAIL #ITP_FORM_LOANMNG01010_DETAIL_MGR_NM').val(result.mgrNm);
-		$('#ITP_FORM_LOANMNG01010_DETAIL #ITP_FORM_LOANMNG01010_DETAIL_STORE_NM').val(result.storeNm);
-		$('#ITP_FORM_LOANMNG01010_DETAIL #ITP_FORM_LOANMNG01010_DETAIL_ZIPNO').val(result.zipNo);
-		$('#ITP_FORM_LOANMNG01010_DETAIL #ITP_FORM_LOANMNG01010_DETAIL_ADRES').val(result.addr1);
-		$('#ITP_FORM_LOANMNG01010_DETAIL #ITP_FORM_LOANMNG01010_DETAIL_ADRES_DTL').val(result.addr2);
-		
-		kakaoMap.init('ITP_FORM_LOANMNG01010_DETAIL', $('#ITP_FORM_LOANMNG01010_DETAIL #ITP_FORM_LOANMNG01010_DETAIL_ADRES').val());
-		
-		// 권한정보 리스트 조회
-		modifyObj.grid.init();
-	},
-	grid: {
-		init: function() {
-			this.unload();
-			this.load();
-		},
-		load : function() {
-			let param = $('#ITP_FORM_LOANMNG01010_DETAIL').serializeObject();
-			param.gridSize = $.jgrid.defaults.rowNum;
-			param.pagingYn = false; // 페이지안함
-
-			var option = {
-				gridId: LOANMNG01010_DETAIL_GRID_ID,
-				colModel: gridColModel.detail,
-				param: JSON.stringify(param),
-				url: DOMAIN + WHS_MNG_LOCATION_GRID_LIST,
-				pager: LOANMNG01010_DETAIL_GRID_PAGER,
-				multiselect: true,
-				onCellSelect: function(rowId, cellIdx, cellValue) {
-					LOANMNG01010_DETAIL_GRID_LAST_ROW_ID = itp_fn_set_data_editable(rowId, cellIdx, LOANMNG01010_DETAIL_GRID_LAST_ROW_ID, LOANMNG01010_DETAIL_GRID_ID, ['location']);
-		   		},
-				loadComplete: function(data) {
-					itp_fn_grid_load_complete(data, LOANMNG01010_DETAIL_GRID_ID, true, undefined, 'LOANMNG01010_DETAIL'); 
-				},
-				onPaging: function(action) {
-					var pagingFn = {
-						callBack: function(args) {
-							$(args).trigger('reloadGrid');
-						}
-					};
-					if (itp_fn_check_grid_is_writing(LOANMNG01010_DETAIL_GRID_ID)) {
-						itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, LOANMNG01010_DETAIL_GRID_ID);
-						return 'stop';
-					} else {
-						itp_fn_grid_paging(LOANMNG01010_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(LOANMNG01010_DETAIL_GRID_ID)) {
-						itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, LOANMNG01010_DETAIL_GRID_ID);
-						return 'stop';
-					} else {
-						itp_fn_grid_sorting(LOANMNG01010_DETAIL_GRID_ID, index, sortOrder);
-					}
-				}
-			};
-			itp_fn_grid_make_remote(option);
-		},
-		clearData : function() {
-			$(LOANMNG01010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
-			$(LOANMNG01010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
-			$(LOANMNG01010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
-			$(LOANMNG01010_DETAIL_GRID_EMPTY).show();
-		},
-		unload : function() {
-			$.jgrid.gridUnload(LOANMNG01010_DETAIL_GRID_ID);
-		}
-	}
-};
-
-/*신규화면 Object*/
-let createObj = {
-	init: function () {
-		kakaoMap.init('ITP_FORM_LOANMNG01010_DETAIL', '');
-		this.unload();
-		this.load();
-	},
-	button: {
-		cancel: function() {
-			listObj.grid.search();
-		},
-		save: function() {
-			var detailViewCd = $('#ITP_FORM_LOANMNG01010_DETAIL_VIEW_CD').val();
-			const formId = '#ITP_FORM_LOANMNG01010_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 = $(LOANMNG01010_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_LOANMNG01010_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_LOANMNG01010_DETAIL');
-		}		
-	},
-	load: function () {
-		let param = $('#ITP_FORM_LOANMNG01010_DETAIL').serializeObject();
-		param.gridSize = $.jgrid.defaults.rowNum;
-		param.pagingYn = false; // 페이지안함
-
-		var option = {
-			gridId: LOANMNG01010_DETAIL_GRID_ID,
-			colModel: gridColModel.detail,
-			param: JSON.stringify(param),
-			url: DOMAIN + WHS_MNG_LOCATION_GRID_LIST,
-			pager: LOANMNG01010_DETAIL_GRID_PAGER,
-			multiselect: true,
-			loadComplete: function(data) {
-				itp_fn_grid_load_complete(data, LOANMNG01010_DETAIL_GRID_ID, true, undefined, 'LOANMNG01010_DETAIL');
-			},
-			onPaging: function(action) {
-				var pagingFn = {
-					callBack: function(args) {
-						$(args).trigger('reloadGrid');
-					}
-				};
-				if (itp_fn_check_grid_is_writing(LOANMNG01010_DETAIL_GRID_ID)) {
-					itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, pagingFn, LOANMNG01010_DETAIL_GRID_ID);
-					return 'stop';
-				} else {
-					itp_fn_grid_paging(LOANMNG01010_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(LOANMNG01010_DETAIL_GRID_ID)) {
-					itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.cancelData, sortingFn, LOANMNG01010_DETAIL_GRID_ID);
-					return 'stop';
-				} else {
-					itp_fn_grid_sorting(LOANMNG01010_DETAIL_GRID_ID, index, sortOrder);
-				}
-			}
-		};
-		itp_fn_grid_make_remote(option);
-	},
-	clearData : function() {
-		$(LOANMNG01010_DETAIL_GRID_ID).jqGrid('clearGridData', true);
-		$(LOANMNG01010_DETAIL_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
-		$(LOANMNG01010_DETAIL_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
-		$(LOANMNG01010_DETAIL_GRID_EMPTY).show();
-	},
-	unload : function() {
-		$.jgrid.gridUnload(LOANMNG01010_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() {
-			// $(LOANMNG01010_DETAIL_GRID_ID).jqGrid('addRow', {position: 'last'});
-			// $(LOANMNG01010_DETAIL_GRID_EMPTY).hide();
-			LOANMNG01010_DETAIL_GRID_LAST_ROW_ID = itp_fn_add_grid_row(LOANMNG01010_DETAIL_GRID_ID, undefined, ['location'],'LOANMNG01010_DETAIL');
-		},
-		delRow: function() {
-			itp_fn_grid_del_row(LOANMNG01010_DETAIL_GRID_ID);
-		}
-	},
-	make: function() {
-		$('#ITP_FORM_LOANMNG01010_SEARCH_AFFL_SHOP').hide();
-		$('#ITP_FORM_LOANMNG01010_DELETE_AFFL_SHOP').hide();
-		if(AFFL_SHOP_LIST) {
-			$('#ITP_FORM_LOANMNG01010_SEARCH_AFFL_SHOP_ID').val(AFFL_SHOP_LIST[0].afflShopId);
-			$('#ITP_FORM_LOANMNG01010_SEARCH_AFFL_SHOP_NM').val(AFFL_SHOP_LIST[0].afflShopNm);
-		}
-		if(AFFL_BRAND_LIST) {
-			fn_make_select_brand(AFFL_BRAND_LIST, 'ITP_FORM_LOANMNG01010_SEARCH_BRAND_ID');
-		}
-	},
-	action: function () {
-		var _this = this;
-		// 로케이션정보 조회 버튼 클릭
-		$('#ITP_FORM_LOANMNG01010_SEARCH_AFFL_SHOP').on('click', function() {
-			_this.popup('L');
-		});
-		// 로케이션정보 텍스트 삭제 버튼 클릭
-		$('#ITP_FORM_LOANMNG01010_DELETE_AFFL_SHOP').on('click', function() {
-			$('#ITP_FORM_LOANMNG01010_SEARCH_AFFL_SHOP_NM').val('');
-			$('select#ITP_FORM_LOANMNG01010_SEARCH_BRAND_ID option').remove();
-		});
-		// 신규등록 로케이션정보 조회 버튼 클릭
-		$('#ITP_FORM_LOANMNG01010_DETAIL_SEARCH_AFFL_SHOP').on('click', function() {
-			_this.popup('C');
-		});
-		// 신규등록 로케이션정보 텍스트 삭제 버튼 클릭
-		$('#ITP_FORM_LOANMNG01010_DETAIL_DELETE_AFFL_SHOP').on('click', function() {
-			$('#ITP_FORM_LOANMNG01010_DETAIL_SEARCH_AFFL_SHOP_NM').val('');
-			$('select#ITP_FORM_LOANMNG01010_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_LOANMNG01010_SEARCH_AFFL_SHOP_ID').val(rowDataPop.AFFL_SHOP.afflShopId);
-				$('#ITP_FORM_LOANMNG01010_SEARCH_AFFL_SHOP_NM').val(rowDataPop.AFFL_SHOP.afflShopNm);
-			}
-			if(rowDataPop.AFFL_BRAND) {
-				fn_make_select_brand(rowDataPop.AFFL_BRAND, 'ITP_FORM_LOANMNG01010_SEARCH_BRAND_ID', true, '선택');
-			}
-		},
-		create: function(rowDataPop) {
-			// console.log(rowDataPop);
-			if(rowDataPop.AFFL_SHOP) {
-				// $('#ITP_FORM_LOANMNG01010_DETAIL_SEARCH_AFFL_SHOP_ID').val(rowDataPop.AFFL_SHOP.afflShopId);
-				// $('#ITP_FORM_LOANMNG01010_DETAIL_SEARCH_AFFL_SHOP_NM').val(rowDataPop.AFFL_SHOP.afflShopNm);
-			}
-			if(rowDataPop.AFFL_BRAND) {
-				fn_make_select_brand(rowDataPop.AFFL_BRAND, 'ITP_FORM_LOANMNG01010_DETAIL_SEARCH_BRAND_ID', true, '선택');
-			}
-		}
-	}
-};

bin/src/main/webapp/js/app/loanmng/ITP_LOANMNG02010.js

@@ -0,0 +1,574 @@
+/********************************************************
+ --------------------------------------------------------
+ - Object 목록								            -
+ --------------------------------------------------------
+ * const gridColModel = {}	: 화면 Grid Object			*
+ * let pageObj = {}			: 화면공통 Object			*
+ * let listObj = {}			: 목록화면 Object			*
+ * let viewObj = {}			: 상세화면 Object			*
+ * let createObj = {}		: 신규화면 Object			*
+ *******************************************************/
+
+/*화면 변수*/
+const LOANMNG02010_GRID_ID = '#ITP_LOANMNG02010_jqGrid';
+const LOANMNG02010_GRID_LIST = '#ITP_LOANMNG02010_jqGrid_list';
+const LOANMNG02010_GRID_PAGER = '#ITP_LOANMNG02010_jqGridPager';
+const LOANMNG02010_GRID_EMPTY = '#ITP_LOANMNG02010_jqGridEmpty';
+
+let ITP_FORM_LOANMNG02010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_LOANMNG02010_DETAIL_IS_WRITING = false;
+let LOANMNG02010_DETAIL_GRID_LAST_ROW_ID;
+
+/*API URL*/
+let DSPT_MNG_DETAIL_GRID_LIST = '/api/dspt/mng/detail-grid-list';
+let DSPT_MNG_INFO_DSPT = '/api/dspt/mng/info-dspt';
+let DSPT_MNG_REQUEST_DSPT = '/api/dspt/mng/request-dspt';
+let DSPT_MNG_REMOVE_DSPT = '/api/dspt/mng/remove-dspt';
+let DSPT_MNG_APPROVE_DSPT = '/api/dspt/mng/approve-dspt';
+let DSPT_MNG_REJECT_DSPT = '/api/dspt/mng/reject-dspt';
+
+let SCREEN_MODE = 'LIST';
+
+/*화면 Grid ColModel*/
+const gridColModel = {
+	list: [
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'DSPT_MGNT_NO', name: 'dsptMgntNo',
+			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: '12', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'STORE_NM', name: 'storeNm',
+			label: "매장명", 
+			width: '12', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'DPST_DT', name: 'dpstDt',
+			label: "입금일자", 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'DPST_AMT', name: 'dpstAmt',
+			label: "입금금액", 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false, 
+			formatter:'integer',formatoptions: { defaultValue: '', thousandsSeparator: ',' }
+		},
+		{
+			index: 'DPST_NM', name: 'dpstNm',
+			label: "입금자", 
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'DPST_ST_CD', name: 'dpstStCd',
+			label: "입금상태", 
+			width: '0', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'DPST_ST_NM', name: 'dpstStNm',
+			label: "입금상태", 
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'DPST_BNK_NM', name: 'dpstBnkNm',
+			label: "입금은행", 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'RCV_ACCT_NO', name: 'rcvAcctNo',
+			label: "입금계좌번호", 
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'REQ_DT', name: 'reqDt',
+			label: "요청일", 
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'DPST_AUTH_DT', name: 'dpstAuthDt',
+			label: "승인일", 
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'DSPT_RJCT_DT', name: 'dsptRjctDt',
+			label: "반려일", 
+			width: '8', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'DSPT_RJCT_RSN', name: 'dsptRjctRsn',
+			label: "반려사유", 
+			width: '12', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		}
+	]
+};
+
+require(['config'], function() {
+	require([
+	], function($) {
+		pageObj.init();
+	});
+});
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function () {
+		this.ui.init();
+		this.event.init();
+	},
+	ui: {
+		init: function () {
+			this.view();
+			this.grid();
+			this.ready();
+		},
+		view: function() {
+			// 버튼 권한설정
+			fn_proc_btn_auth('LOANMNG02010');
+			
+			// 공통코드 표시
+			$('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_LOANMNG02010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);			
+			$('#ITP_FORM_LOANMNG02010_SEARCH_FROM_DT').datepicker('setDate', new Date(now.setMonth(now.getMonth() - 1)));
+			$('#ITP_FORM_LOANMNG02010_SEARCH_TO_DT').datepicker('setDate', new Date());
+			
+		},
+		grid: function() {
+			itp_fn_jqgrid_resize(LOANMNG02010_GRID_ID, LOANMNG02010_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_LOANMNG02010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
+						case 'ITP_BTN_LOANMNG02010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
+						case 'ITP_BTN_LOANMNG02010_CANCELLIST'		: createObj.button.cancel(); 	break;	// 취소/목록 버튼
+						case 'ITP_BTN_LOANMNG02010_DELETE'			: viewObj.button.remove(); 		break;	// 삭제 버튼
+						case 'ITP_BTN_LOANMNG02010_REQUEST'			: createObj.button.request(); 		break;	// 요청 버튼
+						case 'ITP_BTN_LOANMNG02010_SEARCH_SRH'		: createObj.button.popupStore();	break;	// 매장선택 팝업
+						case 'ITP_BTN_LOANMNG02010_SEARCH_MODIFY'	: createObj.button.eraseStore();	break;	// 매장선택 삭제
+						case 'ITP_BTN_LOANMNG02010_AGREE'			: listObj.button.agree();		break;	// 승인
+						case 'ITP_BTN_LOANMNG02010_REJECT'			: listObj.button.reject();		break;	// 반려
+					}
+				});
+			});
+
+			$('body').on('click', function(e) {
+
+			});
+		}
+	},
+	switchScreen: function(mode) {		
+		SCREEN_MODE = mode;		
+		if(mode == 'LIST') { // 목록
+			$('#ITP_BTN_LOANMNG02010_MODIFY').hide();
+			$('#ITP_BTN_LOANMNG02010_CANCELLIST').hide();
+			$('#ITP_BTN_LOANMNG02010_DELETE').hide();
+			$('#ITP_BTN_LOANMNG02010_SAVE').hide();
+			$('#ITP_BTN_LOANMNG02010_REQUEST').hide();
+			
+			fn_show_btn_auth('#ITP_BTN_LOANMNG02010_SRH');
+			fn_show_btn_auth('#ITP_BTN_LOANMNG02010_NEWREG');
+			fn_show_btn_auth('#ITP_BTN_LOANMNG02010_AGREE');			
+			fn_show_btn_auth('#ITP_BTN_LOANMNG02010_REJECT');
+
+			$('#ITP_AJAX_LOANMNG02010_LIST_CONTAINER').show();
+			$('#ITP_AJAX_LOANMNG02010_DETAIL_CONTAINER').hide();
+			$('#ITP_AJAX_LOANMNG02010_VIEW_CONTAINER').hide();
+		} else if(mode == 'ADD') { // 등록
+			ITP_FORM_LOANMNG02010_DETAIL_IS_DUPLICATE = true;
+
+			$('#ITP_BTN_LOANMNG02010_SRH').hide();
+			$('#ITP_BTN_LOANMNG02010_MODIFY').hide();
+			$('#ITP_BTN_LOANMNG02010_NEWREG').hide();
+			$('#ITP_BTN_LOANMNG02010_DELETE').hide();
+			$('#ITP_BTN_LOANMNG02010_AGREE').hide();
+			$('#ITP_BTN_LOANMNG02010_REJECT').hide();
+			
+			fn_show_btn_auth('#ITP_BTN_LOANMNG02010_CANCELLIST');
+			fn_show_btn_auth('#ITP_BTN_LOANMNG02010_REQUEST');
+
+			$('#ITP_AJAX_LOANMNG02010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_LOANMNG02010_DETAIL_CONTAINER').show();
+			$('#ITP_AJAX_LOANMNG02010_VIEW_CONTAINER').hide();
+
+			$('#ITP_FORM_LOANMNG02010_DETAIL_VIEW_CD').val('C');			
+			$('#ITP_FORM_LOANMNG02010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+			$('#ITP_FORM_LOANMNG02010_DETAIL .fnBrandNm').text(fn_make_user_info.get('brandNm'));
+			$('#ITP_FORM_LOANMNG02010_DETAIL_STORE_ID').val($('#ITP_FORM_LOANMNG02010_SEARCH_STORE_ID').val());
+			$('#ITP_FORM_LOANMNG02010_DETAIL .fnStoreNm').text($('#ITP_FORM_LOANMNG02010_SEARCH_STORE_NM').val());
+			
+			$('#ITP_FORM_LOANMNG02010_DETAIL_DPST_AMT').val('');			
+			$('#ITP_FORM_LOANMNG02010_DETAIL_DPST_DT').val('');			
+			$('#ITP_FORM_LOANMNG02010_DETAIL_DPST_NM').val('');			
+			$('#ITP_FORM_LOANMNG02010_DETAIL_DPST_BNK_CD').val('');			
+			$('#ITP_FORM_LOANMNG02010_DETAIL_RCV_ACCT_NO').val('');			
+
+		} else if(mode == 'VIEW') { // 보기
+			$('#ITP_BTN_LOANMNG02010_SRH').hide();
+			$('#ITP_BTN_LOANMNG02010_NEWREG').hide();
+			$('#ITP_BTN_LOANMNG02010_SAVE').hide();
+			
+			fn_show_btn_auth('#ITP_BTN_LOANMNG02010_MODIFY');
+			fn_show_btn_auth('#ITP_BTN_LOANMNG02010_CANCELLIST');
+			fn_show_btn_auth('#ITP_BTN_LOANMNG02010_DELETE');
+
+			$('#ITP_AJAX_LOANMNG02010_LIST_CONTAINER').hide();
+			$('#ITP_AJAX_LOANMNG02010_DETAIL_CONTAINER').hide();
+			$('#ITP_AJAX_LOANMNG02010_VIEW_CONTAINER').show();
+		}
+	}
+};
+
+/*목록화면 Object*/
+let listObj = {
+	init: function () {
+		this.grid.init();
+	},
+	itp_LOANMNG02010_search: false,
+	button: {
+		search: function() {			
+			listObj.itp_LOANMNG02010_search = true;
+			let param = $('#ITP_FORM_LOANMNG02010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			param.gridPage = $.jgrid.defaults.page;
+			$(LOANMNG02010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+		},
+		create: function() {
+			// 매장선택 체크
+			if($('#ITP_FORM_LOANMNG02010_SEARCH_STORE_ID').val() == '') {
+				itp_fn_modal_alert_ajax('신규입금 처리를 위한 매장을 선택하세요.');
+				return;
+			}			
+			pageObj.switchScreen('ADD');			
+			itp_fn_form_clear_validate(null, '#ITP_FORM_LOANMNG02010_DETAIL');						
+			createObj.init();
+		}, 
+		agree: function() {
+			if(SCREEN_MODE == 'LIST') {
+				// 그리드에서 최소1개는 선택해야 함
+				const rowKey = $(LOANMNG02010_GRID_ID).getGridParam('selrow');
+			    if (!rowKey) {
+					itp_fn_modal_alert_ajax(ITP_MSG_LOCALE.message.ajax.noData);
+			    	return;
+			    }
+				var selectedIds = $(LOANMNG02010_GRID_ID).getGridParam('selarrrow');
+				let dsptMgntNoList = [];
+				var check = true;
+				$.each(selectedIds, function(key, value) {				
+					var dsptMgntNo = $(LOANMNG02010_GRID_ID).jqGrid('getRowData', value).dsptMgntNo;				
+					var dpstStCd = $(LOANMNG02010_GRID_ID).jqGrid('getRowData', value).dpstStCd;
+									
+					if('DP01' != dpstStCd) { // 요청 체크
+						check = false;	
+					}							
+					dsptMgntNoList.push(dsptMgntNo);
+				});
+				if(!check) {
+					itp_fn_modal_alert_ajax('입금요청 건만 승인처리를 할 수 있습니다.');
+					return;
+				}			
+				// itp_fn_modal_confirm('승인 하시겠습니까?', function() {					
+				// }, null);
+				
+				let param = {};
+				param.dsptMgntNoList = dsptMgntNoList;
+				fn_ajax_call(DSPT_MNG_APPROVE_DSPT, JSON.stringify(param), function() {
+					listObj.button.search();
+				}, 'POST');	
+			} else if(SCREEN_MODE == 'VIEW') {
+				
+				// itp_fn_modal_confirm(ITP_MSG_LOCALE.message.form.procData, function() {											
+				// }, null);
+				
+				let dsptMgntNoList = [];
+				dsptMgntNoList.push($('#ITP_FORM_LOANMNG02010_VIEW_DSPT_MGNT_NO').val());
+				let param = {};
+				param.dsptMgntNoList = dsptMgntNoList;
+				fn_ajax_call(DSPT_MNG_APPROVE_DSPT, JSON.stringify(param), function() {					
+					pageObj.switchScreen('LIST');
+					listObj.button.search();					
+				}, 'POST');
+								
+			}
+		}, 
+		reject: function() {
+			if(SCREEN_MODE == 'LIST') {
+				// 그리드에서 최소1개는 선택해야 함
+				const rowKey = $(LOANMNG02010_GRID_ID).getGridParam('selrow');
+			    if (!rowKey) {
+					itp_fn_modal_alert_ajax(ITP_MSG_LOCALE.message.ajax.noData);
+			    	return;
+			    }
+				var selectedIds = $(LOANMNG02010_GRID_ID).getGridParam('selarrrow');
+				let dsptMgntNoList = [];
+				var check = true;
+				$.each(selectedIds, function(key, value) {				
+					var dsptMgntNo = $(LOANMNG02010_GRID_ID).jqGrid('getRowData', value).dsptMgntNo;				
+					var dpstStCd = $(LOANMNG02010_GRID_ID).jqGrid('getRowData', value).dpstStCd;
+									
+					if('DP01' != dpstStCd) { // 요청 체크
+						check = false;	
+					}							
+					dsptMgntNoList.push(dsptMgntNo);
+				});
+				if(!check) {
+					itp_fn_modal_alert_ajax('입금요청 건만 반려처리를 할 수 있습니다.');
+					return;
+				}		
+				
+				fn_call_popup('biz', 'BIZPOP_PO_REJECT_REASON', '#ITP_ASIDE', function(result) {
+					// API 호출
+					let param = {};
+					param.dsptMgntNoList = dsptMgntNoList;
+					param.dsptRjctRsn = result;
+					fn_ajax_call(DSPT_MNG_REJECT_DSPT, JSON.stringify(param), function() {
+						listObj.button.search();						
+					}, 'POST');				
+				}, null, 'S');					
+			} else if(SCREEN_MODE == 'VIEW') {
+				
+				let dsptMgntNoList = [];
+				dsptMgntNoList.push($('#ITP_FORM_LOANMNG02010_VIEW_DSPT_MGNT_NO').val());
+				
+				fn_call_popup('biz', 'BIZPOP_PO_REJECT_REASON', '#ITP_ASIDE', function(result) {
+					// API 호출
+					let param = {};
+					param.dsptMgntNoList = dsptMgntNoList;
+					param.dsptRjctRsn = result;
+					fn_ajax_call(DSPT_MNG_REJECT_DSPT, JSON.stringify(param), function() {						 
+						listObj.grid.search();					
+					}, 'POST');				
+				}, null, 'S');				
+			}
+		}
+	},
+	empty: {
+		init: function() {
+			var _this = this;
+			this.push();
+			$(LOANMNG02010_GRID_EMPTY).on('click', function() {
+				_this.back();
+				_this.itp_LOANMNG02010_param.gridSize = $.jgrid.defaults.rowNum;
+				$(LOANMNG02010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_LOANMNG02010_param)}).trigger('reloadGrid');
+			});
+		},
+		itp_LOANMNG02010_param: {},
+		push: function() {
+			let param = $('#ITP_FORM_LOANMNG02010_SEARCH').serializeObject();
+			listObj.itp_LOANMNG02010_param = param;
+		},
+		back: function() {
+			$('#ITP_FORM_LOANMNG02010_SEARCH_STORE_ID').val(listObj.itp_LOANMNG02010_param.sstoreId);
+			$('#ITP_FORM_LOANMNG02010_SEARCH_FROM_DT').val(listObj.itp_LOANMNG02010_param.fromDt);
+			$('#ITP_FORM_LOANMNG02010_SEARCH_TO_DT').val(listObj.itp_LOANMNG02010_param.toDt);
+			$('#ITP_FORM_LOANMNG02010_SEARCH_DPST_ST_CD').val(listObj.itp_LOANMNG02010_param.sdpstStCd);
+		}
+	},
+	grid: {
+		init: function () {
+			// 데이터 없을때
+			listObj.empty.push();
+			this.search();
+		},
+		colModel: gridColModel.list,
+		search: function() {
+			pageObj.switchScreen('LIST');
+			this.unload();
+			this.load();
+		},
+		load: function() {
+			$('#ITP_FORM_LOANMNG02010_SEARCH_BRAND_ID').val(fn_make_user_info.get('brandId'));
+			
+			let param = $('#ITP_FORM_LOANMNG02010_SEARCH').serializeObject();
+			param.gridSize = $.jgrid.defaults.rowNum;
+			
+			var option = {
+				gridId: LOANMNG02010_GRID_ID,
+				colModel: gridColModel.list,
+				param: JSON.stringify(param),
+				url: DOMAIN + DSPT_MNG_DETAIL_GRID_LIST,
+				pager: LOANMNG02010_GRID_PAGER,
+				multiselect: true, 
+				onCellSelect: function(rowId, cellIdx, cellValue) {
+					var cm = $(this).jqGrid('getGridParam', 'colModel');
+					var colNm = cm[cellIdx].name;
+					if (colNm == 'storeNm') {
+						const dsptMgntNoVal = $(this).jqGrid('getCell', rowId, 'dsptMgntNo');
+						
+						const key = {dsptMgntNo : dsptMgntNoVal, viewCd: 'R'};
+						var param = $.param(key);
+						viewObj.init(param);
+					}
+				},
+				loadComplete: function(data) {
+					// console.log(data);
+					itp_fn_grid_load_complete(data, LOANMNG02010_GRID_ID, true, 'number', 'LOANMNG02010', listObj.itp_LOANMNG02010_search, listObj.empty, true, data.gridRecords, true);
+					var ids = $(LOANMNG02010_GRID_ID).getDataIDs();
+					$.each(ids, function(idx, rowId) {
+						$(LOANMNG02010_GRID_ID).jqGrid('setCell', rowId, 'storeNm', '', ITP_GRID_COL_STYLE.link);
+					});
+				},
+				onPaging: function(action) {
+					itp_fn_grid_paging(LOANMNG02010_GRID_ID, action, param);
+				}
+			};
+			itp_fn_grid_make_remote(option);
+		},
+		clearData : function() {
+			$(LOANMNG02010_GRID_ID).jqGrid('clearGridData', true);
+			$(LOANMNG02010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+			$(LOANMNG02010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+			$(LOANMNG02010_GRID_EMPTY).show();
+		},
+		unload : function() {
+			$.jgrid.gridUnload(LOANMNG02010_GRID_ID);
+		}
+	}
+};
+
+/*상세화면 Object*/
+let viewObj = {
+	init: function (param) {
+		this.load(param);
+	},
+	button: {
+		remove: function() {
+			const formId = '#ITP_FORM_LOANMNG02010_VIEW';
+			itp_fn_form_clear_validate(null, formId);
+			
+			itp_fn_modal_confirm(ITP_MSG_LOCALE.message.form.deleteData, function() {
+				let param = $(formId).serializeObject();
+				//console.log(JSON.stringify(param));
+				var searhFn = function() {
+					ITP_FORM_LOANMNG02010_DETAIL_IS_WRITING = false;
+					listObj.grid.search();
+				};
+				
+				fn_ajax_call(DSPT_MNG_REMOVE_DSPT, JSON.stringify(param), searhFn, 'POST');	
+			}, null);
+		}
+	}, 
+	load: function(param) {
+		fn_ajax_call(DSPT_MNG_INFO_DSPT, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+		// console.log(result);
+		pageObj.switchScreen('VIEW');
+		$('#ITP_FORM_LOANMNG02010_VIEW_BRAND_ID').val(result.brandId);
+		$('#ITP_FORM_LOANMNG02010_VIEW_STORE_ID').val(result.storeId);
+		$('#ITP_FORM_LOANMNG02010_VIEW_DSPT_MGNT_NO').val(result.dsptMgntNo);
+		$('#ITP_FORM_LOANMNG02010_VIEW_DPST_ST_CD').val(result.dpstStCd);
+		
+		$('#ITP_FORM_LOANMNG02010_VIEW .fnBrandNm').text(result.brandNm);
+		$('#ITP_FORM_LOANMNG02010_VIEW .fnStoreNm').text(result.storeNm);
+		$('#ITP_FORM_LOANMNG02010_VIEW .fnDpstDt').text(result.dpstDt);
+		$('#ITP_FORM_LOANMNG02010_VIEW .fnDpstNm').text(result.dpstNm);
+		$('#ITP_FORM_LOANMNG02010_VIEW .fnDpstBnkNm').text(result.dpstBnkNm);
+		$('#ITP_FORM_LOANMNG02010_VIEW .fnRcvAcctNo').text(result.rcvAcctNo);
+		$('#ITP_FORM_LOANMNG02010_VIEW .fnDpstAmt').text(itp_fn_number_comma(result.dpstAmt));		
+		
+		// 입금정보 상태에 따라 버튼 처리
+		if(result.dpstStCd == 'DP01') {
+			$('#ITP_BTN_LOANMNG02010_AGREE').show();
+			$('#ITP_BTN_LOANMNG02010_REJECT').show();
+			$('#ITP_BTN_LOANMNG02010_DELETE').show();
+		} else {
+			$('#ITP_BTN_LOANMNG02010_AGREE').hide();
+			$('#ITP_BTN_LOANMNG02010_REJECT').hide();
+			$('#ITP_BTN_LOANMNG02010_DELETE').hide();
+		}
+	}
+};
+
+/*신규화면 Object*/
+let createObj = {
+	init: function () {
+	},
+	button: {
+		cancel: function() {
+			listObj.grid.search();
+		},
+		request: function() {
+			const formId = '#ITP_FORM_LOANMNG02010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);
+			
+			var vali_dpstAmt = itp_fn_form_validate(formId, formId + '_DPST_AMT', ['empty','number'], undefined); // 입금금액
+			var vali_dpstDt = itp_fn_form_validate(formId, formId + '_DPST_DT', ['empty'], undefined); // 입금일자
+			var vali_dpstNm = itp_fn_form_validate(formId, formId + '_DPST_NM', ['empty'], undefined); // 입금자명
+			var vali_dpstBnkCd = itp_fn_form_validate(formId, formId + '_DPST_BNK_CD', ['empty'], undefined); // 입금은행
+			var vali_rcvAcctNo = itp_fn_form_validate(formId, formId + '_RCV_ACCT_NO', ['empty'], undefined); // 입금계좌번호
+			
+			if (vali_dpstAmt && vali_dpstDt && vali_dpstNm && vali_dpstBnkCd && vali_rcvAcctNo) {				
+				let param = $(formId).serializeObject();
+				//console.log(JSON.stringify(param));
+				var searhFn = function() {
+					ITP_FORM_LOANMNG02010_DETAIL_IS_WRITING = false;
+					listObj.grid.search();
+				};
+				fn_ajax_call(DSPT_MNG_REQUEST_DSPT, JSON.stringify(param), searhFn, 'POST');
+			}
+		}, 
+		popupStore: function() { // 매장선택 팝업
+			
+		}, 
+		eraseStore: function() { // 매장선택 삭제
+			$('#ITP_FORM_LOANMNG02010_DETAIL_STORE_ID').val('');
+			$('#ITP_FORM_LOANMNG02010_DETAIL_STORE_NM').val('');
+		}
+	}
+};

bin/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, '선택');
+			}
+		}
+	}
+};

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

@@ -266,6 +266,7 @@ const ITP_MSG_LOCALE = (function() {
 				"wrongpassword": "영문, 숫자, 특수문자의 조합으로 8~16자리를 사용해야 합니다.",
 				"duplicate": "{0} 중복체크를 해주세요.",
 				"deleteData": "삭제 하시겠습니까?",
+				"procData": "처리 하시겠습니까?",
 				"wrongPwd": "비밀번호가 일치하지 않습니다.",
 				"selectDt": "날짜를 선택하세요.",
 				"onlyImage": "jpg, jpeg 파일만 선택해 주세요.",

bin/src/main/webapp/js/app/oper/ITP_OPER06010.js

@@ -188,7 +188,6 @@ let pageObj = {
                     $(this).val('').prop('selected', true);
                 }
             });
-
             $('#ITP_FORM_OPER06010_DETAIL #ITP_FORM_OPER06010_DETAIL_FILE_NO').val('');
             $('#ITP_FORM_OPER06010_DETAIL_BRAND_ID').removeAttr('readonly');
             $('#ITP_FORM_OPER06010_DETAIL_BRAND_NM').removeAttr('readonly');
@@ -376,6 +375,7 @@ let modifyObj = {
         pageObj.switchScreen('MODIFY');
         $('#ITP_FORM_OPER06010_DETAIL #ITP_FORM_OPER06010_DETAIL_VIEW_CD').val('U');
 
+        $('#ITP_FORM_OPER06010_DETAIL .fnAfflShopId').text(result.fnAfflShopId);
         $('#ITP_FORM_OPER06010_DETAIL .fnBrandId').text(result.brandId);
         $('#ITP_FORM_OPER06010_DETAIL #ITP_FORM_OPER06010_DETAIL_AFFL_SHOP_ID').val(result.afflShopId);
         $('#ITP_FORM_OPER06010_DETAIL #ITP_FORM_OPER06010_DETAIL_AFFL_SHOP_NM').val(result.afflShopNm);

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

@@ -41,6 +41,7 @@ var popPageObj = {
 				let param = $(formId).serializeObject();
 				console.log(JSON.stringify(param));
 				var saveFn = function(result) {
+					popPageObj.parentPopFn(result);
 					$('#ITP_BIZPOP_ITEM_CLASS_MANAGE').modal('hide'); // 팝업닫기
 				};
 				fn_ajax_call(API_ITEM_CLASS_SAVE_POP, JSON.stringify(param), saveFn, 'POST');

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

@@ -0,0 +1,52 @@
+require(['config'], function() {
+	require([
+		'jquery'
+	], function($) {
+
+	});
+});
+
+var popPageObj = {
+	init: function () {
+		this.button();
+		this.change();
+	},
+	parentPopFn: null,
+	args: null,
+	returnType: null,
+	button: function() {
+		$('#ITP_BTN_PO_REJECT_REASON_CLOSE_POP').on('click', function () {
+			$('#ITP_BIZPOP_PO_REJECT_REASON').modal('hide'); // 팝업닫기
+		});
+		$('#ITP_BTN_PO_REJECT_REASON_CONFIRM_POP').on('click', function () {
+			popPageObj.fnRjctRsnConfirm();
+		});
+	}, 
+	change: function() {
+	}, 	
+	fnRjctRsnConfirm: function() {
+		const formId = '#ITP_FORM_PO_REJECT_REASON_POPUP';
+		itp_fn_form_clear_validate(null, formId);
+		
+		var vali_dsptRjctRsn = itp_fn_form_validate(formId, formId + '_DSPT_RJCT_RSN', ['empty'], undefined);
+		
+		if (vali_dsptRjctRsn) {		
+			var dsptRjctRsn = $('#ITP_FORM_PO_REJECT_REASON_POPUP_DSPT_RJCT_RSN').val();	
+			popPageObj.parentPopFn(dsptRjctRsn);
+			$('#ITP_BIZPOP_PO_REJECT_REASON').modal('hide'); // 팝업닫기
+		}
+	} 
+};
+
+function itp_fn_BIZPOP_PO_REJECT_REASON(parentPopFn, args, returnType) {
+	$('#ITP_BIZPOP_PO_REJECT_REASON').one('shown.bs.modal', function(e) {
+		itp_fn_fire_window_resize();
+	}).one('hidden.bs.modal', function(e) {
+		$('#ITP_BIZPOP_PO_REJECT_REASON').remove();
+	}).modal('show');
+
+	popPageObj.parentPopFn = parentPopFn;
+	popPageObj.args = args;
+	popPageObj.returnType = returnType;
+	popPageObj.init();
+}

bin/src/main/webapp/js/app/stinfo/ITP_STINFO03010.js

@@ -536,6 +536,9 @@ let createObj = {
 				let gridInsertData = [];
 				let gridUpdateData = [];
 				let gridDeleteData = [];
+				for(var i=0; i<$(STINFO03010_DETAIL_GRID_ID).getGridParam('reccount'); i++) {
+					$(STINFO03010_DETAIL_GRID_ID).jqGrid('saveCell', i+1, 2)
+				}
 				const rowData = $(STINFO03010_DETAIL_GRID_ID).getRowData();
 				const keyValue = $(formId + '_BRAND_ID').val();
 				$.each(rowData, function(key, value) {

bin/src/main/webapp/js/app/stinfo/ITP_STINFO06010.js

@@ -1,6 +1,5 @@
 require(['config'], function() {
 	require([
-		'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
 	], function($) {
 		pageObj.init();
 	});
@@ -31,11 +30,152 @@ const STINFO06010_DETAIL_GRID_EMPTY = '#ITP_STINFO06010_DETAIL_jqGridEmpty';
 
 let STINFO06010_GRID_LAST_ROW_ID;
 
+/* 공통코드 리스트 */
+let ITP_COMMON_CD_DSTRBT_COST_UNIT = fn_make_common_cd_list(CODE_LIST, 'DSTRBT_COST_UNIT', true, '기본단위');
+let ITP_COMMON_CD_CURR = fn_make_common_cd_list(CODE_LIST, 'CURR', true, '통화');
+let ITP_COMMON_CD_UNIT_TARGET_CD = fn_make_common_cd_list(CODE_LIST, 'UNIT_TARGET_CD', true, '대상여부');
+
 /*API URL*/
-let API_DETAIL_GRID_LIST 	= '/api/itemunit/store-unit-grid-list';	// 목록
+let API_DETAIL_GRID_LIST 	= '/api/itemunit/store-unit-grid-list';		// 목록
 let API_DETAIL_INFO 		= '/api/itemunit/info-storeitemunit';		// 상세
 let API_DETAIL_SAVE 		= '/api/itemunit/save-store-itemunit';		// 저장
 
+/*화면 Grid ColModel*/
+const gridColModel = {
+	list: [
+		{
+			index: 'BRAND_ID', name: 'brandId',
+			label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
+			width: '10', 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_ID', name: 'storeId',
+			label: ITP_MSG_LOCALE.label.storeId, //매장ID
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'STORE_NM', name: 'storeNm',
+			label: ITP_MSG_LOCALE.label.storeNm, //매장명
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'CONT_STT_DT', name: 'contSttDt',
+			label: ITP_MSG_LOCALE.label.contSttDt, //계약시작일
+			width: '15', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'CONT_END_DT', name: 'contEndDt',
+			label: ITP_MSG_LOCALE.label.contEndDt, //계약종료일
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'SYS_REG_DTTM', name: 'sysRegDttm',
+			label: ITP_MSG_LOCALE.label.sysRegDt, //계약생성일
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'ITEM_CNT', name: 'itemCnt',
+			label: ITP_MSG_LOCALE.label.itemCnt, //계약품목수
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		}
+	],
+	detail: [
+		{
+			index: 'BRAND_ID', name: 'brandId',
+			label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'ITEM_ID', name: 'itemId',
+			label: ITP_MSG_LOCALE.label.itemId, //품목번호
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'ITEM_NM', name: 'itemNm',
+			label: ITP_MSG_LOCALE.label.itemNm, //품목명
+			width: '13', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'CONT_STT_DT', name: 'contSttDt',
+			label: ITP_MSG_LOCALE.label.contSttDt, //계약시작일
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'CONT_END_DT', name: 'contEndDt',
+			label: ITP_MSG_LOCALE.label.contEndDt, //계약종료일
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'UNIT', name: 'unit',
+			label: ITP_MSG_LOCALE.label.unit, //기본단위
+			width: '9', fixed: false, align: 'center',
+			sortable: false, editable: true, formatter: 'select', edittype: 'select',
+			editoptions: {value: ITP_COMMON_CD_DSTRBT_COST_UNIT},
+			editrules: {required: true}
+		},
+		{
+			index: 'STDD_QYT', name: 'stddQty',
+			label: ITP_MSG_LOCALE.label.stddQty, //기준수량
+			width: '6', fixed: false, align: 'center',
+			sortable: true, editable: true, edittype: 'text',
+			editrules: {required: true}
+		},
+		{
+			index: 'CURR', name: 'curr',
+			label: ITP_MSG_LOCALE.label.curr, //통화
+			width: '9', fixed: false, align: 'center',
+			sortable: false, editable: true, formatter: 'select', edittype: 'select',
+			editoptions: {value: ITP_COMMON_CD_CURR},
+			editrules: {required: true}
+		},
+		{
+			index: 'UNIT_AMT', name: 'unitAmt',
+			label: ITP_MSG_LOCALE.label.unitAmt, //단가
+			width: '10', fixed: false, align: 'center',
+			sortable: true, editable: true, edittype: 'text',
+			editrules: {required: true}
+		},
+		{
+			index: 'UNIT_TARGET_CD', name: 'unitTargetCd',
+			label: ITP_MSG_LOCALE.label.unitTargetCd, //대상여부
+			width: '10', fixed: false, align: 'center',
+			sortable: false, editable: true, formatter: 'select', edittype: 'select',
+			editoptions: {value: ITP_COMMON_CD_UNIT_TARGET_CD},
+			editrules: {required: true}
+		},
+		{
+			index: 'SPPLY_UNIT_AMT', name: 'spplyUnitAmt',
+			label: ITP_MSG_LOCALE.label.spplyUnitAmt, //공급단가
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'EDIT_STATUS', name: 'editStatus',
+			label: ITP_MSG_LOCALE.label.spplyUnitAmt, //공급단가
+			width: '6', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		}
+	]
+};
+
 /*화면공통 Object*/
 let pageObj = {
 	init: function () {
@@ -53,8 +193,12 @@ let pageObj = {
 			// 버튼 권한설정
 			fn_proc_btn_auth('STINFO06010');
 
-			fn_make_input_common_cd(CODE_LIST, 'CURR', 'ITP_FORM_STINFO05010_DETAIL_CURR', false);
-			fn_make_input_common_cd(CODE_LIST, 'UNIT_TARGET_CD', 'ITP_FORM_STINFO05010_DETAIL_UNIT_TARGET_CD', false);
+			// 공통코드 표시
+			$('select').each(function() {
+				if($(this).data('select-code')) {
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+				}
+			});
 
 			// 조회일자 지정
 			$('#ITP_TAB_STINFO06010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
@@ -80,9 +224,7 @@ let pageObj = {
 					switch (id) {
 						case 'ITP_BTN_STINFO06010_SRH'				: (this.screenMode === 'List') ? listObj.button.search() : modifyObj.search();		break;	// 조회 버튼 클릭
 						case 'ITP_BTN_STINFO06010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
-						case 'ITP_BTN_STINFO06010_MODIFY'			: modifyObj.button.modify();	break;	// 수정 버튼
 						case 'ITP_BTN_STINFO06010_CANCELLIST'		: listObj.grid.search(); 		break;	// 취소/목록 버튼
-						case 'ITP_BTN_STINFO06010_DELETE'			: 								break;	// 삭제 버튼
 						case 'ITP_BTN_STINFO06010_SAVE'				: modifyObj.button.save(); 		break;	// 저장 버튼
 					}
 				});
@@ -131,58 +273,6 @@ let pageObj = {
 			fn_show_btn_auth_array(['#ITP_BTN_STINFO06010_MODIFY', '#ITP_BTN_STINFO06010_CANCELLIST']);
 		}
 		this.screenMode = mode;
-	},
-	gridColModel : {
-		list: [
-			{
-				index: 'BRAND_ID', name: 'brandId',
-				label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
-				width: '10', 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_ID', name: 'storeId',
-				label: ITP_MSG_LOCALE.label.storeId, //매장ID
-				width: '10', fixed: false, align: 'center',
-				sortable: false, hidden: true
-			},
-			{
-				index: 'STORE_NM', name: 'storeNm',
-				label: ITP_MSG_LOCALE.label.storeNm, //매장명
-				width: '10', fixed: false, align: 'center',
-				sortable: false, hidden: true
-			},
-			{
-				index: 'CONT_STT_DT', name: 'contSttDt',
-				label: ITP_MSG_LOCALE.label.contSttDt, //계약시작일
-				width: '15', fixed: false, align: 'center',
-				sortable: false, hidden: false
-			},
-			{
-				index: 'CONT_END_DT', name: 'contEndDt',
-				label: ITP_MSG_LOCALE.label.contEndDt, //계약종료일
-				width: '6', fixed: false, align: 'center',
-				sortable: false, hidden: false
-			},
-			{
-				index: 'SYS_REG_DTTM', name: 'sysRegDttm',
-				label: ITP_MSG_LOCALE.label.sysRegDt, //계약생성일
-				width: '6', fixed: false, align: 'center',
-				sortable: false, hidden: false
-			},
-			{
-				index: 'ITEM_CNT', name: 'itemCnt',
-				label: ITP_MSG_LOCALE.label.itemCnt, //계약품목수
-				width: '10', fixed: false, align: 'center',
-				sortable: false, hidden: false
-			}
-		]
 	}
 };
 
@@ -202,7 +292,8 @@ let listObj = {
 		},
 		create: function() {
 			if(!fn_make_user_info.isEmpty()) {
-				createObj.init();
+				let param = $('#ITP_FORM_STINFO06010_DETAIL').serializeObject();
+				modifyObj.init($.param(param));
 			}
 		}
 	},
@@ -222,7 +313,7 @@ let listObj = {
 			listObj.itp_STINFO06010_param = param;
 		},
 		back: function() {
-			$('#ITP_FORM_STINFO06010_SERVICE_ST_CD').val(this.itp_STINFO06010_param.sstorehNm);
+			$('#ITP_FORM_STINFO06010_SERVICE_ST_CD').val(this.itp_STINFO06010_param.sstoreNm);
 		}
 	},
 	grid: {
@@ -243,7 +334,7 @@ let listObj = {
 
 			var option = {
 				gridId: STINFO06010_GRID_ID,
-				colModel: pageObj.gridColModel.list,
+				colModel: gridColModel.list,
 				param: JSON.stringify(param),
 				url: DOMAIN + API_DETAIL_GRID_LIST,
 				pager: STINFO06010_GRID_PAGER,
@@ -299,6 +390,29 @@ let modifyObj = {
 		param.gridPage = $.jgrid.defaults.page;
 		$(STINFO06010_DETAIL_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
 	},
+	button: {
+		save: function() {
+			itp_fn_grid_save_rows(STINFO06010_DETAIL_GRID_ID);
+
+			var rows = $(STINFO06010_DETAIL_GRID_ID).getRowData();
+			let param = {};
+			var gridUpdateData = [];
+			$.each(rows, function (key, value) {
+				if(value.editStatus === 'U') {
+					gridUpdateData.push(value);
+				}
+			});
+			param['viewCd'] = 'U';
+			param['brandId'] = fn_make_user_info.get('brandId');
+			param['storeId'] = fn_make_user_info.get('userId');
+			param['gridUpdateData'] = gridUpdateData;
+			console.log(JSON.stringify(param));
+			var searhFn = function() {
+				listObj.grid.search();
+			};
+			fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
+		}
+	},
 	empty: {
 		init: function() {
 			var _this = this;
@@ -306,7 +420,7 @@ let modifyObj = {
 			$(STINFO06010_DETAIL_GRID_EMPTY).on('click', function() {
 				_this.back();
 				_this.itp_STINFO06010_param.gridSize = $.jgrid.defaults.rowNum;
-				$(STINFO06010_DETAIL_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_STINFO06010_param)}).trigger('reloadGrid');
+				$(STINFO06010_DETAIL_GRID_ID).setGridParam($.param(_this.itp_STINFO06010_param)).trigger('reloadGrid');
 			});
 		},
 		itp_STINFO06010_param: {},
@@ -327,82 +441,7 @@ let modifyObj = {
 		load: function(param) {
 			var option = {
 				gridId: STINFO06010_DETAIL_GRID_ID,
-				// colModel: pageObj.gridColModel.detail,
-				colModel: [
-					{
-						index: 'BRAND_ID', name: 'brandId',
-						label: ITP_MSG_LOCALE.label.brandId, //브랜드ID
-						width: '10', fixed: false, align: 'center',
-						sortable: false, hidden: true
-					},
-					{
-						index: 'ITEM_ID', name: 'itemId',
-						label: ITP_MSG_LOCALE.label.itemId, //품목번호
-						width: '10', fixed: false, align: 'center',
-						sortable: false, hidden: false
-					},
-					{
-						index: 'ITEM_NM', name: 'itemNm',
-						label: ITP_MSG_LOCALE.label.itemNm, //품목명
-						width: '13', fixed: false, align: 'center',
-						sortable: false, hidden: false
-					},
-					{
-						index: 'CONT_STT_DT', name: 'contSttDt',
-						label: ITP_MSG_LOCALE.label.contSttDt, //계약시작일
-						width: '15', fixed: false, align: 'center',
-						sortable: false, hidden: false
-					},
-					{
-						index: 'CONT_END_DT', name: 'contEndDt',
-						label: ITP_MSG_LOCALE.label.contEndDt, //계약종료일
-						width: '6', fixed: false, align: 'center',
-						sortable: false, hidden: false
-					},
-					{
-						index: 'UNIT', name: 'unit',
-						label: ITP_MSG_LOCALE.label.unit, //기본단위
-						width: '6', fixed: false, align: 'center',
-						sortable: true, editable: true, edittype: 'text',
-						editrules: {required: true}
-					},
-					{
-						index: 'STDD_QYT', name: 'stddQty',
-						label: ITP_MSG_LOCALE.label.stddQty, //기준수량
-						width: '6', fixed: false, align: 'center',
-						sortable: true, editable: true, edittype: 'text',
-						editrules: {required: true}
-					},
-					{
-						index: 'CURR', name: 'curr',
-						label: ITP_MSG_LOCALE.label.curr, //통화
-						width: '10', fixed: false, align: 'center',
-						sortable: false, editable: true, formatter: 'select', edittype: 'select',
-						editoptions: {value: $('#ITP_FORM_STINFO05010_DETAIL_CURR').val()},
-						editrules: {required: true}
-					},
-					{
-						index: 'UNIT_AMT', name: 'unitAmt',
-						label: ITP_MSG_LOCALE.label.unitAmt, //단가
-						width: '10', fixed: false, align: 'center',
-						sortable: true, editable: true, edittype: 'text',
-						editrules: {required: true}
-					},
-					{
-						index: 'UNIT_TARGET_CD', name: 'unitTargetCd',
-						label: ITP_MSG_LOCALE.label.unitTargetCd, //대상여부
-						width: '6', fixed: false, align: 'center',
-						sortable: false, editable: true, formatter: 'select', edittype: 'select',
-						editoptions: {value: $('#ITP_FORM_STINFO05010_DETAIL_UNIT_TARGET_CD').val()},
-						editrules: {required: true}
-					},
-					{
-						index: 'SPPLY_UNIT_AMT', name: 'spplyUnitAmt',
-						label: ITP_MSG_LOCALE.label.spplyUnitAmt, //공급단가
-						width: '6', fixed: false, align: 'center',
-						sortable: false, hidden: false
-					}
-				],
+				colModel: gridColModel.detail,
 				mtype: 'GET',
 				param: param,
 				url: DOMAIN + API_DETAIL_INFO,
@@ -410,8 +449,19 @@ let modifyObj = {
 					console.log(data);
 					itp_fn_grid_load_complete(data, STINFO06010_DETAIL_GRID_ID, false, 'number', 'STINFO06010', modifyObj.itp_STINFO06010_search, modifyObj.empty, true, data.gridRecords, true);
 				},
-				onCellSelect: function(rowId, cellIdx, cellValue) {
-					STINFO06010_GRID_LAST_ROW_ID = itp_fn_set_data_editable(rowId, cellIdx, STINFO06010_GRID_LAST_ROW_ID, STINFO06010_DETAIL_GRID_ID, ['itemId']);
+				// onCelSelect: function(rowId, cellIdx, cellValue) {
+				// 	STINFO06010_GRID_LAST_ROW_ID = itp_fn_set_data_editable(rowId, cellIdx, STINFO06010_GRID_LAST_ROW_ID, STINFO06010_DETAIL_GRID_ID, ['itemId']);
+				// },
+				ondblClickRow : function (rowid, iRow, iCol) {
+					console.log('rowId ===> ' + rowid);
+					STINFO06010_GRID_LAST_ROW_ID = itp_fn_set_data_editable(rowid, iRow, STINFO06010_GRID_LAST_ROW_ID, STINFO06010_DETAIL_GRID_ID, ['itemId']);
+					$('#' + rowid + "_stddQty").blur(function(){
+						console.log('_stddQty ===> ' + '#' + rowid + "_stddQty");
+						$(STINFO06010_DETAIL_GRID_ID).jqGrid('saveRow', rowid, true, 'clientArray');
+						if($(STINFO06010_DETAIL_GRID_ID).jqGrid('getRowData', rowid, 'editStatus') !== 'U') {
+							$(STINFO06010_DETAIL_GRID_ID).jqGrid('setRowData', rowid, {editStatus: 'U'});
+						}
+					});
 				},
 				onPaging: function(action) {
 					itp_fn_grid_paging(STINFO06010_GRID_ID, action, param);

bin/src/main/webapp/js/app/stinfo/ITP_STINFO07010.js

@@ -140,15 +140,15 @@ let pageObj = {
 		}
 	},
 	switchScreen: function(mode) {
-		// $('.itp_det_head').find('button[id^="ITP_BTN_STINFO07010_"]').each(function(i) {
-		// 	$(this).hide();
-		// });
+		$('.itp_det_head').find('button[id^="ITP_BTN_STINFO07010_"]').each(function(i) {
+			$(this).hide();
+		});
 		$('#ITP_TAB_STINFO07010').find('div[id$="_CONTAINER"]').each(function(i) {
 			$(this).hide();
 		});
 		if(mode == 'LIST') { // 목록
 			$('#ITP_AJAX_STINFO07010_LIST_CONTAINER').show();
-			fn_show_btn_auth_array(['#ITP_BTN_STINFO07010_SRH', '#ITP_BTN_STINFO07010_NEWREG']);
+			fn_show_btn_auth_array(['#ITP_BTN_STINFO07010_SRH', '#ITP_BTN_STINFO07010_NEWREG', '#ITP_BTN_STINFO07010_DELETE']);
 		} else if(mode == 'ADD') { // 등록
 			$('#ITP_AJAX_STINFO07010_DETAIL_CONTAINER').show();
 			fn_show_btn_auth_array(['#ITP_BTN_STINFO07010_CANCELLIST', '#ITP_BTN_STINFO07010_SAVE']);
@@ -202,7 +202,10 @@ let listObj = {
 			let param = $('#ITP_FORM_STINFO07010_SEARCH').serializeObject();
 			param.gridSize = $.jgrid.defaults.rowNum;
 			param.gridPage = $.jgrid.defaults.page;
-			$(STINFO07010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+			$(STINFO07010_GRID_ID).setGridParam($.param(param)).trigger('reloadGrid');
+			// $(STINFO07010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+
+			listObj.grid.search();
 		},
 		create: function() {
 			if(!fn_make_user_info.isEmpty()) {
@@ -211,22 +214,22 @@ let listObj = {
 		},
 		delete: function() {
 			var selectedIds = $(STINFO07010_GRID_ID).getGridParam('selarrrow');
-			if(selectedIds.length > 1) { // 1개만 선택
+			if(selectedIds.length < 1) { // 1개만 선택
 				return;
 			}
 
 			var deleteFn = {
 				callBack: function(args) {
-					let param = $('#ITP_FORM_STINFO07010_SEARCH').serialize();
-					var list = [];
-					for (var i=selectedIds.length-1; i>=0; i--) {
-						list.push($(STINFO07010_GRID_ID).jqGrid('getRowData', selectedIds[i]));
+					var itemClassMgntNos = '';
+					for (var i=0; i<selectedIds.length; i++) {
+						itemClassMgntNos += $(STINFO07010_GRID_ID).jqGrid('getRowData', selectedIds[i]).itemClassMgntNo;
+						if(i < selectedIds.length-1)  itemClassMgntNos += ',';
 					}
-					console.log(list);
-					var searhFn = function() {
-						// itp_fn_SYSTEM02010_search();
+					var searchFn = function() {
+						listObj.grid.search();
 					};
-					// fn_ajax_call(API_DETAIL_DELETE, param, searhFn, 'GET');
+					var param = $.param({itemClassMgntNo:itemClassMgntNos});
+					fn_ajax_call(API_DETAIL_DELETE,  param, searchFn, 'GET');
 				}
 			};
 			itp_fn_modal_confirm(ITP_MSG_LOCALE.message.form.deleteData, deleteFn, null);
@@ -292,7 +295,7 @@ let listObj = {
 				onCellSelect: function(rowId, cellIdx, cellValue) {
 					var cm = $(this).jqGrid('getGridParam', 'colModel');
 					var colNm = cm[cellIdx].name;
-					if (colNm == 'itemClassNm') {
+					if (colNm === 'itemClassNm') {
 						const selectVal = $(this).jqGrid('getCell', rowId, 'itemClassMgntNo');
 						const key = {brandId:fn_make_user_info.get('brandId'), itemClassMgntNo: selectVal, viewCd: 'R'};
 						var param = $.param(key);
@@ -399,14 +402,7 @@ let createObj = {
 		save: function() {
 			const formId = '#ITP_FORM_STINFO07010_DETAIL';
 			itp_fn_form_clear_validate(null, formId);
-			var vali_userId = itp_fn_form_validate(formId, formId + '_USER_ID', ['empty'], undefined);
-			var vali_userStatCd = itp_fn_form_validate(formId, formId + '_USER_STAT_CD', ['empty'], undefined);
-			var vali_userNm = itp_fn_form_validate(formId, formId + '_USER_NM', ['empty'], undefined);
-			var vali_telNo = itp_fn_form_validate(formId, formId + '_TEL_NO', ['empty'], undefined);
-			var vali_email = itp_fn_form_validate(formId, formId + '_EMAIL', ['empty'], undefined);
-			var vali_userPw = true;
-			var vali_userPwConfirm = true;
-			if (vali_userId && vali_userStatCd && vali_userNm && vali_userPw && vali_userPwConfirm && vali_telNo && vali_email) {
+			if (createObj.isValid(formId)) {
 				if (ITP_FORM_STINFO07010_DETAIL_IS_DUPLICATE) {
 					itp_fn_modal_duplicate(ITP_MSG_LOCALE.label.userId, formId + '_USER_ID');
 				} else {
@@ -414,12 +410,23 @@ let createObj = {
 					//console.log(JSON.stringify(param));
 					var searhFn = function() {
 						ITP_FORM_STINFO07010_DETAIL_IS_WRITING = false;
-						listObj.grid.search();
+						listObj.button.search();
 					};
 					fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
 				}
 			}
 		}
+	},
+	isValid: function(formId) {
+		var isValid = false;
+		$(formId).find('input, select, checkbox, textarea').each(function(k) {
+			if($(this).data('check-required')) {
+				var arry = $(this).data('check-required').split(',');
+				isValid = itp_fn_form_validate(formId, '#' + $(this).attr('id'), arry, undefined);
+				if(!isValid) return false;
+			}
+		});
+		return isValid;
 	}
 };
 

bin/src/main/webapp/js/app/vendinfo/ITP_VENDINFO02010.js

@@ -0,0 +1,594 @@
+require(['config'], function() {
+	require([
+			'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
+	], function($) {
+			pageObj.init();
+	});
+});
+
+/********************************************************
+--------------------------------------------------------
+- Object 목록								            -
+--------------------------------------------------------
+* const gridColModel = {}	: 화면 Grid Object			*
+* let pageObj = {}			: 화면공통 Object			*
+* let listObj = {}			: 목록화면 Object			*
+* let viewObj = {}			: 상세화면 Object			*
+* let modifyObj = {}		: 수정화면 Object			*
+* let createObj = {}		: 신규화면 Object			*
+*******************************************************/
+
+/*화면 변수*/
+const VENDINFO02010_GRID_ID = '#ITP_VENDINFO02010_jqGrid';
+const VENDINFO02010_GRID_LIST = '#ITP_VENDINFO02010_jqGrid_list';
+const VENDINFO02010_GRID_PAGER = '#ITP_VENDINFO02010_jqGridPager';
+const VENDINFO02010_GRID_EMPTY = '#ITP_VENDINFO02010_jqGridEmpty';
+
+const VENDINFO02010_VIEW_GRID_ID = '#ITP_VENDINFO02010_VIEW_jqGrid';
+const VENDINFO02010_VIEW_GRID_LIST = '#ITP_VENDINFO02010_VIEW_jqGrid_list';
+const VENDINFO02010_VIEW_GRID_PAGER = '#ITP_VENDINFO02010_VIEW_jqGridPager';
+const VENDINFO02010_VIEW_GRID_EMPTY = '#ITP_VENDINFO02010_VIEW_jqGridEmpty';
+
+const VENDINFO02010_DETAIL_GRID_ID = '#ITP_VENDINFO02010_DETAIL_jqGrid';
+const VENDINFO02010_DETAIL_GRID_LIST = '#ITP_VENDINFO02010_DETAIL_jqGrid_list';
+const VENDINFO02010_DETAIL_GRID_PAGER = '#ITP_VENDINFO02010_DETAIL_jqGridPager';
+const VENDINFO02010_DETAIL_GRID_EMPTY = '#ITP_VENDINFO02010_DETAIL_jqGridEmpty';
+
+let ITP_FORM_VENDINFO02010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_VENDINFO02010_DETAIL_IS_WRITING = false;
+
+/*API URL*/
+let API_DETAIL_GRID_LIST 	= '/api/item/detail-grid-list';	    // 목록
+let API_DETAIL_INFO 		= '/api/item/info-item';			// 상세
+let API_DETAIL_SAVE 		= '/api/item/save-item';			// 저장
+let API_ITEM_CLASS_LEVEL	= '/api/item/class-level-list';		//품목분류 level 검색
+
+/*화면 Grid ColModel*/
+const gridColModel = {
+	list: [
+	
+			{
+					index: 'ITEM_ID', name: 'itemId',
+					label: ITP_MSG_LOCALE.label.itemId, //품목번호
+					width: '12', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'ITEM_NM', name: 'itemNm',
+					label: ITP_MSG_LOCALE.label.itemNm, //품목명
+					width: '13', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'ITEM_TYPE_NM', name: 'itemTypeNm',
+					label: ITP_MSG_LOCALE.label.itemTypeNm, //품목유형
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'ITEM_CLASS_NM', name: 'itemClassNm',
+					label: ITP_MSG_LOCALE.label.itemClassNm, //품목분류
+					width: '15', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'ST_CD', name: 'stCd',
+					label: ITP_MSG_LOCALE.label.stNm, //상태
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'PODR_PSSBLDVSN_NM', name: 'podrPssblDvsnNm',
+					label: ITP_MSG_LOCALE.label.podrPssblDvsnNm, //발주여부
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'UNIT', name: 'unit',
+					label: ITP_MSG_LOCALE.label.unit, //기본단위
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'PCH_ITEM_YN', name: 'pchItemYn',
+					label: ITP_MSG_LOCALE.label.pchItemYn, //구매품목여부
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'SALE_ITEM_YN', name: 'saleItemYn',
+					label: ITP_MSG_LOCALE.label.saleItemYn, //판매품목여부
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+	],
+	detail: [
+			{
+					index: 'VIEW_CD', name: 'viewCd',
+					label: ITP_MSG_LOCALE.label.viewCd,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: true
+			},
+			{
+					index: 'AUTH_NO', name: 'authNo',
+					label: ITP_MSG_LOCALE.label.permitCd,
+					width: '20', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text',
+					editrules: {required: true}
+			},
+			{
+					index: 'AUTH_NM', name: 'authNm',
+					label: ITP_MSG_LOCALE.label.permitName,
+					width: '30', fixed: false, align: 'center',
+					sortable: true, editable: false, edittype: 'text',
+					editrules: {required: true}
+			},
+			{
+					index: 'USE_YN_NM', name: 'useYnNm',
+					label: ITP_MSG_LOCALE.label.status,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text'
+			},
+			{
+					index: 'ADD_DT', name: 'addDt',
+					label: ITP_MSG_LOCALE.label.regDt,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text'
+			}
+	]
+};
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function () {
+			this.ui.init();
+			this.event.init();
+			this.fileUpload();
+	},
+	ui: {
+			init: function () {
+					this.view();
+					this.grid();
+					this.ready();
+			},
+			view: function() {
+					// 버튼 권한설정
+					fn_proc_btn_auth('VENDINFO02010');
+
+					// 공통코드 표시
+					$('select').each(function() {
+							if($(this).data('select-code')) {
+									fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+							}
+					});
+
+					itemClassLevel.make(1, 'LIST');
+			},
+			grid: function() {
+					itp_fn_jqgrid_resize(VENDINFO02010_GRID_ID, VENDINFO02010_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_VENDINFO02010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
+											case 'ITP_BTN_VENDINFO02010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
+											case 'ITP_BTN_VENDINFO02010_MODIFY'			: modifyObj.button.modify();	break;	// 수정 버튼
+											case 'ITP_BTN_VENDINFO02010_CANCELLIST'		: createObj.button.cancel(); 	break;	// 취소/목록 버튼
+											case 'ITP_BTN_VENDINFO02010_DELETE'			: 								break;	// 삭제 버튼
+											case 'ITP_BTN_VENDINFO02010_SAVE'				: createObj.button.save(); 		break;	// 저장 버튼
+											case 'ITP_FORM_VENDINFO02010_DETAIL_DUP'		: createObj.button.duplicate();	break;	// 중복체크
+											case 'ITP_BTN_VENDINFO02010_RESET_PW'			: createObj.button.resetPass();	break;	// 상세:비밀번호 초기화
+									}
+							});
+					});
+
+					$('body').on('click', function(e) {
+							var gridId = VENDINFO02010_DETAIL_GRID_ID.replace('#', '');
+							var rids = $(VENDINFO02010_DETAIL_GRID_ID).jqGrid('getDataIDs');
+							var last_row_id = rids[rids.length - 1];
+							itp_fn_grid_reset_selection(e, last_row_id, gridId, 'VENDINFO02010_DETAIL');
+					});
+
+			}
+	},
+	fileUpload: function() {
+			//파일업로드(등록/수정화면)
+			var id = 'VENDINFO02010';
+			$('#ITP_' + id + '_DETAIL_UPLOAD').empty();
+			const fileArgs = {
+					'fileNo': $('#ITP_FORM_' + id + '_DETAIL_FILE_NO').val(),
+					'viewCd': $('#ITP_FORM_' + id + '_DETAIL_VIEW_CD').val(),
+					'showYn': $('#ITP_' + id + '_DETAIL_UPLOAD').attr('data-show-yn'),
+					'fileId': '#ITP_FORM_' + id + '_DETAIL_FILE_NO' //파일번호를 서버에서 받아서 넣을 파일번호 인풋박스 아이디
+			};
+			itp_fn_set_file_upload('ITP_' + id + '_DETAIL_UPLOAD', 'notice', true, false, id, fileArgs);
+	},
+	switchScreen: function(mode) {
+			$('.itp_det_head').find('button[id^="ITP_BTN_VENDINFO02010_"]').each(function(i) {
+					$(this).hide();
+			});
+			$('#ITP_TAB_VENDINFO02010').find('div[id$="_CONTAINER"]').each(function(i) {
+					$(this).hide();
+			});
+			if(mode == 'LIST') { // 목록
+					$('#ITP_AJAX_VENDINFO02010_LIST_CONTAINER').show();
+					fn_show_btn_auth_array(['#ITP_BTN_VENDINFO02010_SRH', '#ITP_BTN_VENDINFO02010_NEWREG']);
+			} else if(mode == 'ADD') { // 등록
+					$('#ITP_AJAX_VENDINFO02010_DETAIL_CONTAINER').show();
+					fn_show_btn_auth_array(['#ITP_BTN_VENDINFO02010_CANCELLIST', '#ITP_BTN_VENDINFO02010_SAVE']);
+
+					$('#ITP_FORM_VENDINFO02010_DETAIL').find('input, textarea, select, checkbox').each(function(i, elem) {
+							$(this).attr('id') === 'ITP_FORM_VENDINFO02010_DETAIL_VIEW_CD' ? $(this).val('C') : $(this).val('');
+							if(elem.type === 'select') {
+									$(this).val('').prop('selected', true);
+							}
+					});
+
+					$('#ITP_FORM_VENDINFO02010_DETAIL_STORE_ID').removeAttr('readonly');
+					$('#ITP_FORM_VENDINFO02010_DETAIL_DUP').removeAttr('disabled');
+
+					// 가맹점 정보 설정
+					$('#ITP_FORM_VENDINFO02010_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
+					$('#ITP_FORM_VENDINFO02010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+					$('#ITP_FORM_VENDINFO02010_DETAIL .fnBrandNm').text(fn_make_user_info.get('brandNm'));
+					$('#ITP_FORM_VENDINFO02010_DETAIL .fnItemClassMgntNo').text('(자동부여)');
+			} else if(mode == 'MODIFY') { // 수정
+					$('#ITP_AJAX_VENDINFO02010_DETAIL_CONTAINER').show();
+					fn_show_btn_auth_array(['#ITP_BTN_VENDINFO02010_CANCELLIST', '#ITP_BTN_VENDINFO02010_SAVE', '#ITP_BTN_VENDINFO02010_RESET_PW']);
+
+					$('#ITP_FORM_VENDINFO02010_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
+					$('#ITP_FORM_VENDINFO02010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+					$('#ITP_FORM_VENDINFO02010_DETAIL .fnBrandNm').text(fn_make_user_info.get('brandNm'));
+					$('#ITP_FORM_VENDINFO02010_DETAIL_STORE_ID').attr('readonly', true);
+					$('#ITP_FORM_VENDINFO02010_DETAIL_DUP').attr('disabled', true);
+					$('#ITP_FORM_VENDINFO02010_DETAIL_SEARCH_AFFL_SHOP_NM').attr('readonly', true);
+
+					$('#ITP_FORM_VENDINFO02010_DETAIL_SEARCH_AFFL_SHOP').hide();
+					$('#ITP_FORM_VENDINFO02010_DETAIL_DELETE_AFFL_SHOP').hide();
+			} else if(mode == 'VIEW') { // 보기
+					$('#ITP_AJAX_VENDINFO02010_VIEW_CONTAINER').show();
+					$('#ITP_FORM_VENDINFO02010_VIEW .fnBrandNm').text(fn_make_user_info.get('brandNm'));
+					fn_show_btn_auth_array(['#ITP_BTN_VENDINFO02010_MODIFY', '#ITP_BTN_VENDINFO02010_CANCELLIST']);
+			}
+	}
+};
+
+/*목록화면 Object*/
+let listObj = {
+	init: function () {
+			this.form();
+			this.grid.init();
+	},
+	itp_VENDINFO02010_search: false,
+	button: {
+			search: function() {
+					listObj.itp_VENDINFO02010_search = true;
+					let param = $('#ITP_FORM_VENDINFO02010_SEARCH').serializeObject();
+					param.gridSize = $.jgrid.defaults.rowNum;
+					param.gridPage = $.jgrid.defaults.page;
+					$(VENDINFO02010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+			},
+			create: function() {
+					if(!fn_make_user_info.isEmpty()) {
+							createObj.init();
+					}
+			}
+	},
+	form: function() {
+			$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS1').on('change', function() {
+					($(this).val() === '') ? itemClassLevel.clear(2): itemClassLevel.change(2);
+			});
+			$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS2').on('change', function() {
+					($(this).val() === '') ? itemClassLevel.clear(3): itemClassLevel.change(3);
+			});
+			$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS3').on('change', function() {
+					($(this).val() === '') ? itemClassLevel.clear(4): itemClassLevel.change(4);
+			});
+	},
+	empty: {
+			init: function() {
+					var _this = this;
+					this.push();
+					$(VENDINFO02010_GRID_EMPTY).on('click', function() {
+							_this.back();
+							_this.itp_VENDINFO02010_param.gridSize = $.jgrid.defaults.rowNum;
+							$(VENDINFO02010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_VENDINFO02010_param)}).trigger('reloadGrid');
+					});
+			},
+			itp_VENDINFO02010_param: {},
+			push: function() {
+					let param = $('#ITP_FORM_VENDINFO02010_SEARCH').serializeObject();
+					listObj.itp_VENDINFO02010_param = param;
+			},
+			back: function() {
+					$('#ITP_FORM_VENDINFO02010_SERVICE_ST_CD').val(this.itp_VENDINFO02010_param.sitemStCd);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_PODR_PSSBL_DVSN').val(this.itp_VENDINFO02010_param.spodrPssblDvsn);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_KIND').val(this.itp_VENDINFO02010_param.sitemKind);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_TYPE').val(this.itp_VENDINFO02010_param.sitemType);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS1').val(this.itp_VENDINFO02010_param.sitemClass1);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS2').val(this.itp_VENDINFO02010_param.sitemClass2);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS3').val(this.itp_VENDINFO02010_param.sitemClass3);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS4').val(this.itp_VENDINFO02010_param.sitemClass4);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_NM').val(this.itp_VENDINFO02010_param.sitemNm);
+			}
+	},
+	grid: {
+			init: function () {
+					// 데이터 없을때
+					listObj.empty.push();
+					this.search();
+			},
+			colModel: gridColModel.list,
+			search: function() {
+					pageObj.switchScreen('LIST');
+					this.unload();
+					this.load();
+			},
+			load: function() {
+					let param = $('#ITP_FORM_VENDINFO02010_SEARCH').serializeObject();
+					param.gridSize = $.jgrid.defaults.rowNum;
+					param.sbrandId = fn_make_user_info.get('brandId');
+					// param.sbrandId = sessionStorage.getItem('itp_brand_id') !== null ? sessionStorage.getItem('itp_brand_id') : 'BRD221000001';
+
+					var option = {
+							gridId: VENDINFO02010_GRID_ID,
+							colModel: gridColModel.list,
+							param: JSON.stringify(param),
+							url: DOMAIN + API_DETAIL_GRID_LIST,
+							pager: VENDINFO02010_GRID_PAGER,
+							onCellSelect: function(rowId, cellIdx, cellValue) {
+									var cm = $(this).jqGrid('getGridParam', 'colModel');
+									var colNm = cm[cellIdx].name;
+									if (colNm == 'itemId') {
+											const selectVal = $(this).jqGrid('getCell', rowId, 'itemId');
+											const key = {brandId:fn_make_user_info.get('brandId'), itemId: selectVal, viewCd: 'R'};
+											var param = $.param(key);
+											viewObj.init(param);
+									}
+							},
+							loadComplete: function(data) {
+									console.log(data);
+									itp_fn_grid_load_complete(data, VENDINFO02010_GRID_ID, true, 'number', 'VENDINFO02010', listObj.itp_VENDINFO02010_search, listObj.empty, true, data.gridRecords, true);
+									var ids = $(VENDINFO02010_GRID_ID).getDataIDs();
+									$.each(ids, function(idx, rowId) {
+											$(VENDINFO02010_GRID_ID).jqGrid('setCell', rowId, 'itemId', '', ITP_GRID_COL_STYLE.link);
+									});
+							},
+							onPaging: function(action) {
+									itp_fn_grid_paging(VENDINFO02010_GRID_ID, action, param);
+							}
+					};
+					itp_fn_grid_make_remote(option);
+			},
+			clearData : function() {
+					$(VENDINFO02010_GRID_ID).jqGrid('clearGridData', true);
+					$(VENDINFO02010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+					$(VENDINFO02010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+					$(VENDINFO02010_GRID_EMPTY).show();
+			},
+			unload : function() {
+					$.jgrid.gridUnload(VENDINFO02010_GRID_ID);
+			}
+	}
+};
+
+/*상세화면 Object*/
+let viewObj = {
+	init: function (param) {
+			this.load(param);
+	},
+	load: function(param) {
+			fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+			console.log(result);
+			pageObj.switchScreen('VIEW');
+			$('#ITP_FORM_VENDINFO02010_VIEW #ITP_FORM_VENDINFO02010_VIEW_ITEM_ID').val(result.itemId);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnStCd').text(result.itemStNm);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass1').text(result.itemClass1);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass2').text(result.itemClass2);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass3').text(result.itemClass3);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass4').text(result.itemClass4);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClassMgntNo').text(result.itemClassMgntNo);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemType').text(result.itemType);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemNm').text(result.itemClassNm);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnImpDvsn').text(result.impDvsnNm);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnPodrPssblDvsn').text(result.podrPssblDvsn);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnUnit').text(result.unit);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnPchItemYn').text(result.pchItemYn);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnViewPchUnit').text(result.pchUnit);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnSaleItemYn').text(result.saleItemYn);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnSaleUnit').text(result.saleUnit);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnAssetInfo').text(result.assetInfo);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnStckUnit').text(result.stckUnit);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnWeight').text(result.weight);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnVolume').text(result.volume);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnWidth').text(result.width);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnHeight').text(result.height);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnHigh').text(result.high);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnOneBoxQty').text(result.oneBoxQty);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnExpryYn').text(result.expryYn);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnExpryPeriod').text(result.expryPeriod);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnRtnPssblYn').text(result.rtnPssblYn);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnRtnDvsn').text(result.rtnDvsn);
+			// $('#ITP_FORM_VENDINFO02010_VIEW .fnItemImage').text(result.imageFileNoList);
+			$.each(result.imageFileNoList, function(index, item) {
+					$('#ITP_FORM_VENDINFO02010_VIEW .fnItemImage').append('<img src=" + item.filePath +" />');
+			});
+	}
+};
+
+/*수정화면 Object*/
+let modifyObj = {
+	init: function () {
+	},
+	button: {
+			modify: function (param) {
+					itp_fn_form_clear_validate(null, '#ITP_FORM_VENDINFO02010_DETAIL');
+					const selectVal = $('#ITP_FORM_VENDINFO02010_VIEW_ITEM_ID').val();
+					const key = {brandId:fn_make_user_info.get('brandId'), itemId: selectVal, viewCd: 'R'};
+					var param = $.param(key);
+					modifyObj.load(param);
+			}
+	},
+	load: function(param) {
+			fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+			console.log(result);
+			pageObj.switchScreen('MODIFY');
+
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_VIEW_CD').val('U');
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ITEM_ID').val(result.itemId);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_STORE_ST_CD').val(result.itemStCd);
+			$('#ITP_FORM_VENDINFO02010_DETAIL .fnItemClassMgntNo').text(result.itemId);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ITEM_TYPE').val(result.itemType);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ITEM_NM').val(result.itemClassNm);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_IMP_DVSN').val(result.impDvsn);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_PODR_PSSBL_DVSN').val(result.podrPssblDvsn);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_UNIT').val(result.unit);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_PCH_ITEM_YN').val(result.pchItemYn);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_PCH_UNIT').val(result.pchUnit);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_SALE_ITEM_YN').val(result.saleItemYn);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_SALE_UNIT').val(result.saleUnit);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ASSET_INFO').val(result.assetInfo);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_STCK_UNIT').val(result.stckUnit);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_WEIGHT').val(result.weight);
+			$('#ITP_FORM_VENDINFO02010_DETAIL .item_unit').text(result.unit);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_VOLUME').val(result.volume);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_WIDTH').val(result.width);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_HEIGHT').val(result.height);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_HIGH').val(result.high);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ONE_BOX_QTY').val(result.oneBoxQty);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_EXPRY_YN').val(result.expryYn);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_EXPRY_PERIOD').val(result.expryPeriod);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_RTN_PSSBL_YN').val(result.rtnPssblYn);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_RTN_DVSN').val(result.rtnDvsn);
+			$.each(result.imageFileNoList, function(index, item) {
+					$('#ITP_FORM_VENDINFO02010_VIEW .ITEM_IMAGE').append('<img src=" + item.filePath +" />');
+			});
+
+			itemClassLevel.data.push(result.itemClass1);
+			itemClassLevel.data.push(result.itemClass2);
+			itemClassLevel.data.push(result.itemClass3);
+			itemClassLevel.data.push(result.itemClass4);
+			itemClassLevel.make(1, 'MODIFY');
+	}
+};
+
+/*신규화면 Object*/
+let createObj = {
+	init: function () {
+			pageObj.switchScreen('ADD');
+			itp_fn_form_clear_validate(null, '#ITP_FORM_VENDINFO02010_DETAIL');
+			this.button.init();
+			itemClassLevel.make(1, 'ADD');
+	},
+	button: {
+			init: function() {
+					$('#ITP_FORM_VENDINFO02010_DETAIL_ITEM_CLASS1').off('change').on('change', function() {
+							($(this).val() === '') ? itemClassLevel.clear(2): itemClassLevel.change(2);
+					});
+					$('#ITP_FORM_VENDINFO02010_DETAIL_ITEM_CLASS2').off('change').on('change', function() {
+							($(this).val() === '') ? itemClassLevel.clear(3): itemClassLevel.change(3);
+					});
+					$('#ITP_FORM_VENDINFO02010_DETAIL_ITEM_CLASS3').off('change').on('change', function() {
+							($(this).val() === '') ? itemClassLevel.clear(4): itemClassLevel.change(4);
+					});
+			},
+			cancel: function() {
+					listObj.grid.search();
+			},
+			save: function() {
+					const formId = '#ITP_FORM_VENDINFO02010_DETAIL';
+					itp_fn_form_clear_validate(null, formId);
+					if (createObj.isValid(formId)) {
+							let param = $(formId).serializeObject();
+							console.log(JSON.stringify(param));
+							var searhFn = function() {
+									ITP_FORM_VENDINFO02010_DETAIL_IS_WRITING = false;
+									listObj.grid.search();
+							};
+							fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
+					}
+			}
+	},
+	isValid: function(formId) {
+			var isValid = false;
+			$(formId).find('input, select, checkbox, textarea').each(function(k) {
+					if($(this).data('check-required')) {
+							var arry = $(this).data('check-required').split(',');
+							isValid = itp_fn_form_validate(formId, '#' + $(this).attr('id'), arry, undefined);
+							if(!isValid) return false;
+					}
+			});
+			return isValid;
+	}
+};
+
+var itemClassLevel = {
+	level: 1,
+	levelID: '',
+	data: [],
+	keys: function() {
+			var keys = {sBrandId:fn_make_user_info.get('brandId'), sItemLevel: this.level};
+			for(var i=1; i<=this.level; i++) {
+					var key = 'sItemClass' + i;
+					var id = '#' + this.levelID + i;
+					keys[key] = $(id + ' option:selected').val();
+			}
+			return keys;
+	},
+	make: function(level, mode) {
+			this.level = level;
+			this.levelID = (mode === 'LIST' ? 'ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS' : 'ITP_FORM_VENDINFO02010_DETAIL_ITEM_CLASS');
+			if(mode !== 'MODIFY') {
+					this.data.length = 0;
+					this.clear(1);
+			}
+			this.call($.param(this.keys()), mode === 'MODIFY');
+	},
+	change: function(level) {
+			this.level = level;
+			this.clear(level);
+			this.call($.param(this.keys()), false);
+	},
+	call: function(param, isModify) {
+			var _this = this;
+			var callbackFn = function(result) {
+					var id = _this.levelID + _this.level;
+					fn_make_select_item_class(result.searchList, id, true, _this.emptyText());
+					if(isModify) {
+							$('#' + id).val(_this.data[ _this.level - 1]);
+							if(_this.level < _this.data.length) {
+									if(_this.data[_this.level] !== '') {
+											_this.level++;
+											_this.call( $.param(_this.keys()), isModify);
+									}
+							}
+					}
+			};
+			fn_ajax_call(API_ITEM_CLASS_LEVEL, param, callbackFn, 'GET');
+	},
+	emptyText: function() {
+			return '품목분류Level' + this.level;
+	},
+	clear: function(level) {
+			for(var i=level; i<5; i++) {
+					$('#' + (this.levelID + i)).find('option:not(:first)').remove();
+			}
+	}
+};

src/main/webapp/app/oper/OPER06010.html

@@ -58,11 +58,9 @@
 									<h4 class="itp_form_tit">브랜드 정보-신규</h4>
 									<div class="itp_form_in">
 										<div class="form-group">
-											<label class="col-xs-2 itp_lb">브랜드 코드</label>
+											<label class="col-xs-2 itp_lb">브랜드 아이디</label>
 											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-8 itp_in">
-													<div class="col-xs-9 itp_in fnBrandId"></div>
-												</div>
+												<div class="col-xs-8 itp_in fnBrandId"></div>
 											</div>
 											<label class="col-xs-2 itp_lb">상태*</label>
 											<div class="col-xs-4 itp_ip">
@@ -101,33 +99,17 @@
 												</div>
 											</div>
 										</div>
-									</div>	
-									<div class="itp_form_in itp_modify_dt">
-										<div class="form-group">
-											<label class="col-xs-2 itp_lb">비밀번호</label>
-											<div class="col-xs-10 itp_ip">
-												<div class="col-xs-2 itp_in">
-													<button type="button" id="ITP_BTN_OPER06010_RESET_PW" class="btn btn-danger btn-sm PWC" style="margin:0;">비밀번호 초기화</button>
-												</div>
-												<div class="col-xs-6 itp_in" style="top:5px;">
-													<div>(비밀번호 초기화는 사업자번호로 초기화 함 (숫자만))</div>
-												</div>
-											</div>
-										</div>
-									</div>
-									<div class="itp_form_in">
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">전화번호 *</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-7 itp_in">
 													<input type="text" id="ITP_FORM_OPER06010_DETAIL_TEL_NO" data-check-required="empty" class="form-control itp_input" name="telNo" value="">
 												</div>
+												<!-- <button type="button" id="ITP_BTN_OPER06010_RESET_PW" class="btn btn-danger btn-xs PWC" style="margin: 3px 0px 0px 3px;">비밀번호 초기화</button> -->
 											</div>
-											<label class="col-xs-2 itp_lb">대표자명 *</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-8 itp_in">
-													<input type="text" id="ITP_FORM_OPER06010_DETAIL_OWNER_NM" data-check-required="empty" class="form-control itp_input" name="ownerNm" value="">
-												</div>
+											<label class="col-xs-2 itp_lb"></label>
+											<div class="col-xs-1 itp_in">
+												<img src="/oqpo-view/images/naver.png" alt="로고 샘플" id="ITP_FORM_OPER06010_DETAIL_BRAND_LOGO "style="border:none; top:12px; left:12px; height:70px; width:85px; position:absolute;" class="form-control itp_input" name="brandLogo" >
 											</div>
 										</div>
 										<div class="form-group">
@@ -137,9 +119,11 @@
 													<input type="text" id="ITP_FORM_OPER06010_DETAIL_FAX_NO" class="form-control itp_input" name="faxNo" value="">
 												</div>
 											</div>
-											<label class="col-xs-2 itp_lb"><i style="position:absolute; font-style:initial; top:27px;">로고</i></label>
-											<div class="col-xs-4 itp_ip">
-												<img src="/oqpo-view/images/naver.png" alt="로고 샘플" id="ITP_FORM_OPER06010_DETAIL_BRAND_LOGO "style="border:none; top:12px; left:100px; height:70px; width:85px; position:absolute;" class="form-control itp_input" name="brandLogo" >
+											<label class="col-xs-2 itp_lb" style="border-top:none;">로고</label>
+											<div class="col-xs-4 itp_ip"style="border-top:none;">
+												<div class="col-xs-5 itp_in">
+													<label class="col-xs-12"></label>
+												</div>
 											</div>
 										</div>
 										<div class="form-group">
@@ -159,6 +143,42 @@
 												</div>
 											</div>
 										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">입금계좌정보</label>
+											<div class="col-xs-4 itp_ip" style="padding:0 0 0 15px;">
+												<div class="col-xs-4 itp_in">
+													<select id="ITP_FORM_OPER06010_DETAIL_DPST_BNK_CD" data-select-code="BNK_CD" data-check-required="empty" class="form-control itp_input" name="bnkCd">
+													</select>
+												</div>
+												<div class="col-xs-4 itp_in">
+													<input type="text" id="ITP_FORM_OPER06010_DETAIL_RCV_ACCT_NO" data-check-required="empty" class="form-control itp_input" name="acctNo" value="" placeholder="계좌번호">
+												</div>
+												<div class="col-xs-3 itp_in">
+													<input type="text" id="ITP_FORM_OPER06010_DETAIL_OWAC_NM" data-check-required="empty" class="form-control itp_input" name="owacNm" value="" placeholder="예금주명">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">PG사</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-8 itp_in">
+													<select id="ITP_FORM_OPER06010_DETAIL_DPST_BNK_CD" data-select-code="BNK_CD" data-check-required="empty" class="form-control itp_input" name="bnkCd">
+													</select>
+												</div>
+											</div>
+										</div>
+										<div class="form-group">
+											<label class="col-xs-2 itp_lb">가맹점 아이디 </label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-7 itp_in">
+													<input type="text" id="ITP_FORM_OPER06010_DETAIL_OWAC_NM" data-check-required="empty" class="form-control itp_input" name="owacNm" value="" placeholder="예금주명">
+												</div>
+											</div>
+											<label class="col-xs-2 itp_lb">가맹점 Key</label>
+											<div class="col-xs-4 itp_ip">
+												<div class="col-xs-8 itp_in">
+													<input type="text" id="ITP_FORM_OPER06010_DETAIL_OWAC_NM" data-check-required="empty" class="form-control itp_input" name="owacNm" value="" placeholder="예금주명">
+												</div>
+											</div>
+										</div>
 									</div>
 									<div class="itp_form_in">
 										<div class="form-group border">
@@ -188,52 +208,200 @@
 											</div>
 										</div>
 									</div>
-									<div class="itp_form_in">
-										<div class="form-group border">
-											<label class="col-xs-2 itp_lb">입금계좌정보</label>
-											<div class="col-xs-12 itp_ip">
-												<div class="col-xs-2 itp_in">
-													<select id="ITP_FORM_OPER06010_DETAIL_DPST_BNK_CD" data-select-code="BNK_CD" data-check-required="empty" class="form-control itp_input" name="bnkCd">
-													</select>
-												</div>
-												<div class="col-xs-4 itp_in">
-													<input type="text" id="ITP_FORM_OPER06010_DETAIL_RCV_ACCT_NO" data-check-required="empty" class="form-control itp_input" name="acctNo" value="" placeholder="계좌번호">
-												</div>
-												<div class="col-xs-2 itp_in">
-													<input type="text" id="ITP_FORM_OPER06010_DETAIL_OWAC_NM" data-check-required="empty" class="form-control itp_input" name="owacNm" value="" placeholder="소유주명">
-												</div>
-											</div>
-										</div>
-									</div>
-									<div class="itp_form_in">
-										<div class="form-group border">
-											<label class="col-xs-2 itp_lb">등록자/등록일 </label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-2 itp_in">
-													<div class="input-group fnRegId" style="padding:5px;"></div>
-												</div>
-												<label class="col-xs-1" style="top:7px;">/</label>
-												<div class="col-xs-6 itp_in">
-													<div class="input-group fnRegDt" style="padding:5px;"></div>
-												</div>
-											</div>
-											<label class="col-xs-2 itp_lb">최종  수정자/수정일</label>
-											<div class="col-xs-4 itp_ip">
-												<div class="col-xs-2 itp_in">
-													<div class="input-group fnChgId" style="padding:5px;"></div>
-												</div>
-												<label class="col-xs-1" style="top:7px;">/</label>
-												<div class="col-xs-6 itp_in">
-													<div class="input-group fnChgDt" style="padding:5px;"></div>
-												</div>
-											</div>
-										</div>
-									</div>	
 								</section>								
 							</form>
 						</div>
 					</div>
 				</div>
+				<div id="ITP_AJAX_OPER06010_MODIFY_CONTAINER">
+				  <div class="itp_form itp_type1 fix">
+				    <div class="col-xs-12">
+				      <form id="ITP_FORM_OPER06010_DETAIL" class="form-horizontal">
+				        <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_VIEW_CD" name="viewCd" value="C">
+				        <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_AFFL_SHOP_ID" name="afflShopId" value="">
+				        <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_BRAND_ID" name="brandId" value="">
+				        <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_FILE_NO" name="fileNo" value="">
+				  
+				        <section class="itp_form_sec">
+				          <h4 class="itp_form_tit">브랜드 정보-신규</h4>
+				          <div class="itp_form_in">
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">브랜드 코드</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-8 itp_in">
+				                  <div class="col-xs-9 itp_in fnBrandId"></div>
+				                </div>
+				              </div>
+				              <label class="col-xs-2 itp_lb">상태*</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-8 itp_in">
+				                  <select id="ITP_FORM_OPER06010_DETAIL_ST_CD" data-select-code="ST_CD" data-check-required="empty" class="form-control itp_input" name="stCd">
+				                  </select>
+				                </div>
+				              </div>
+				            </div>
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">브랜드 명* </label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-7 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_BRAND_NM" data-check-required="empty" class="form-control itp_input" name="brandNm" value="테스트 브랜드" maxlength="20">
+				                </div>
+				              </div>
+				              <label class="col-xs-2 itp_lb">브랜드 타입*</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-8 itp_in">
+				                  <select id="ITP_FORM_OPER06010_DETAIL_BRAND_TYPE" data-select-code="BRAND_TYPE" data-check-required="empty" class="form-control itp_input" name="brandType">
+				                  </select>
+				                </div>
+				              </div>
+				            </div>
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">사업자번호 *</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-7 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_BSNS_REG_NO" data-check-required="empty" class="form-control itp_input" name="bsnsRegNo" value="" maxlength="20">
+				                </div>
+				              </div>
+				              <label class="col-xs-2 itp_lb">법인번호</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-8 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_CORP_REG_NO" class="form-control itp_input" name="corpRegNo" value="" maxlength="20">
+				                </div>
+				              </div>
+				            </div>
+				          </div>	
+				          <div class="itp_form_in itp_modify">
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">비밀번호</label>
+				              <div class="col-xs-10 itp_ip">
+				                <div class="col-xs-2 itp_in">
+				                  <button type="button" id="ITP_BTN_OPER06010_RESET_PW" class="btn btn-danger btn-sm PWC" style="margin:1px; display:block;">비밀번호 초기화</button>
+				                </div>
+				                <div class="col-xs-6 itp_in" style="top:5px;">
+				                  <div>(비밀번호 초기화는 사업자번호로 초기화 함 (숫자만))</div>
+				                </div>
+				              </div>
+				            </div>
+				          </div>
+				          <div class="itp_form_in">
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">전화번호 *</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-7 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_TEL_NO" data-check-required="empty" class="form-control itp_input" name="telNo" value="">
+				                </div>
+				              </div>
+				              <label class="col-xs-2 itp_lb">대표자명 *</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-8 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_OWNER_NM" data-check-required="empty" class="form-control itp_input" name="ownerNm" value="">
+				                </div>
+				              </div>
+				            </div>
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">FAX</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-7 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_FAX_NO" class="form-control itp_input" name="faxNo" value="">
+				                </div>
+				              </div>
+				              <label class="col-xs-2 itp_lb"><i style="position:absolute; font-style:initial; top:27px;">로고</i></label>
+				              <div class="col-xs-4 itp_ip">
+				                <img src="/oqpo-view/images/naver.png" alt="로고 샘플" id="ITP_FORM_OPER06010_DETAIL_BRAND_LOGO "style="border:none; top:12px; left:100px; height:70px; width:85px; position:absolute;" class="form-control itp_input" name="brandLogo" >
+				              </div>
+				            </div>
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">이메일</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-7 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_EMAL_ADDR" class="form-control itp_input" name="emalAddr" value="">
+				                </div>
+				              </div>
+				              <label class="col-xs-2 itp_lb"style="border-top:none;"></label>
+				              <div class="col-xs-4 itp_ip"style="border-top:none; padding:0 10px;">
+				                <div class="col-xs-12 itp_in colspan">
+				                  <div class="fileupload-wrapper">
+				                    <!-- data-show-yn: 파일업로드를 할 수 있는 권한이 있는지 없는지.. -->
+				                    <div id="ITP_OPER06010_DETAIL_UPLOAD" data-show-yn="Y"></div>
+				                  </div>
+				                </div>
+				              </div>
+				            </div>
+				          </div>
+				          <div class="itp_form_in">
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">주소</label>
+				              <div class="col-xs-10 itp_ip">
+				                <div class="col-xs-1 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_ZIPNO" class="form-control itp_input" name="zipNo" value="" maxlength="6" readonly placeholder="우편번호">
+				                </div>
+				                <div class="col-xs-1 itp_in">
+				                  <button type="button" id="ITP_FORM_OPER06010_DETAIL_ADRES_SCH" class="btn btn-primary btn-sm SHOW" style="margin: -1px 0px 0px 3px;">&nbsp;&nbsp;주소검색&nbsp;&nbsp;</button>
+				                </div>
+				                <div class="col-xs-4 itp_in" style="margin-right: 5px; margin-left:20px;">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_ADRES" class="form-control itp_input" name="addr1" value="" readonly placeholder="기본주소">
+				                </div>
+				                <div class="col-xs-4 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_ADRES_DTL" class="form-control itp_input" name="addr2" value="" placeholder="상세주소">
+				                </div>
+				
+				                <!-- 주소 맵 -->
+				                <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_LOTS_ADDRESS" value="" />
+				                <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_STREET_ADDRESS" value="" />
+				                <input type="hidden" name="latX" id="ITP_FORM_OPER06010_DETAIL_LAT" value="" />
+				                <input type="hidden" name="latY" id="ITP_FORM_OPER06010_DETAIL_LNG" value="" />
+				                <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_HJ_DONG" value="" />
+				                <input type="hidden" id="ITP_FORM_OPER06010_DETAIL_BJ_DONG" value="" />
+				                <div id="ITP_FORM_OPER06010_DETAIL_MAP" style="margin-top:30px; width:700px; height:400px;"></div>
+				              </div>
+				            </div>
+				          </div>
+				          <div class="itp_form_in">
+				            <div class="form-group">
+				              <label class="col-xs-2 itp_lb">입금계좌정보</label>
+				              <div class="col-xs-12 itp_ip">
+				                <div class="col-xs-2 itp_in">
+				                  <select id="ITP_FORM_OPER06010_DETAIL_DPST_BNK_CD" data-select-code="BNK_CD" data-check-required="empty" class="form-control itp_input" name="bnkCd">
+				                  </select>
+				                </div>
+				                <div class="col-xs-4 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_RCV_ACCT_NO" data-check-required="empty" class="form-control itp_input" name="acctNo" value="" placeholder="계좌번호">
+				                </div>
+				                <div class="col-xs-2 itp_in">
+				                  <input type="text" id="ITP_FORM_OPER06010_DETAIL_OWAC_NM" data-check-required="empty" class="form-control itp_input" name="owacNm" value="" placeholder="소유주명">
+				                </div>
+				              </div>
+				            </div>
+				          </div>
+				          <div class="itp_form_in">
+				            <div class="form-group border">
+				              <label class="col-xs-2 itp_lb">등록자/등록일 </label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-2 itp_in" style="width:auto;">
+				                  <div class="input-group fnRegId" style="padding:5px;"></div>
+				                </div>
+				                <label class="col-xs-1" style="top:7px;">/</label>
+				                <div class="col-xs-6 itp_in">
+				                  <div class="input-group fnRegDt" style="padding:5px;"></div>
+				                </div>
+				              </div>
+				              <label class="col-xs-2 itp_lb">최종  수정자/수정일</label>
+				              <div class="col-xs-4 itp_ip">
+				                <div class="col-xs-2 itp_in">
+				                  <div class="input-group fnChgId" style="padding:5px;"></div>
+				                </div>
+				                <label class="col-xs-1" style="top:7px;">/</label>
+				                <div class="col-xs-6 itp_in">
+				                  <div class="input-group fnChgDt" style="padding:5px;"></div>
+				                </div>
+				              </div>
+				            </div>
+				          </div>	
+				        </section>								
+				      </form>
+				    </div>
+				  </div>
+				</div>
 				<div id="ITP_AJAX_OPER06010_VIEW_CONTAINER">
 					<div class="itp_form itp_type1 fix">
 						<div class="col-xs-12">

src/main/webapp/bootstrap-fileUpload/dist/bootstrap-FileUpload.css

@@ -109,7 +109,7 @@
 }
 .fileupload-wrapper .fileupload-download {display:table; margin-bottom:0;}
 .fileupload-wrapper .fileupload-preview .btn-xs,
-.fileupload-wrapper .fileupload-download .btn-xs {font-size:11px;}
+.fileupload-wrapper .fileupload-download .btn-xs {font-size:11px; padding:6px;}
 .fileupload-wrapper .fileupload-preview td,
 .fileupload-wrapper .fileupload-download td {word-break:break-all; vertical-align: middle;}
 .fileupload-wrapper .fileupload-download td a {color:#666;}
@@ -121,4 +121,8 @@
 .fileupload-wrapper .fileupload-add,
 .fileupload-wrapper .fileupload-start,
 .fileupload-wrapper .fileupload-cancel,
-.fileupload-wrapper .fileupload-down {padding:4px 10px;}
+.fileupload-wrapper .fileupload-down {padding:4px 10px;}
+
+ /* 좁은곳에서 파일 업로드 */
+ .fileupload-wrapper 
+ 

src/main/webapp/css/style.css

@@ -410,14 +410,14 @@ html:lang(en) #ITP_CONTAINER .itp_detail .itp_form .itp_thumb_inline .itp_thumb_
 #ITP_CONTAINER .itp_form.itp_type1 .itp_form_in {margin:0; padding:0; display:table; width:100%;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group {margin:0; padding:0; display:table-row;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb,
-#ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_ip {display:table-cell; padding:6px 18px; border-top:1px solid #F2F2F2; float:none; vertical-align:middle; height:42px; }
+#ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_ip {display:table-cell; padding:6px 15px; border-top:1px solid #F2F2F2; float:none; vertical-align:middle; height:42px; }
 #ITP_CONTAINER .itp_form.itp_type1 .form-group.border .itp_lb,
 #ITP_CONTAINER .itp_form.itp_type1 .form-group.border .itp_ip {border-bottom:1px solid #ddd;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group.noBor .itp_lb,
 #ITP_CONTAINER .itp_form.itp_type1 .form-group.noBor .itp_ip {border-top:0; padding-top:0; height:auto;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb {border-right:1px solid #ddd; border-left:1px solid #ddd;background:#d6ecf5;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_lb.bor {border-left:1px solid #ddd;}
-#ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in {padding:0;}
+#ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in {padding:0; margin-right:5px;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.pad {padding-right:15px;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.padT {padding-top:4px;}
 #ITP_CONTAINER .itp_form.itp_type1 .form-group .itp_in.padTt {padding-top:1px;}

src/main/webapp/js/app/oper/ITP_OPER06010.js

@@ -188,7 +188,6 @@ let pageObj = {
                     $(this).val('').prop('selected', true);
                 }
             });
-
             $('#ITP_FORM_OPER06010_DETAIL #ITP_FORM_OPER06010_DETAIL_FILE_NO').val('');
             $('#ITP_FORM_OPER06010_DETAIL_BRAND_ID').removeAttr('readonly');
             $('#ITP_FORM_OPER06010_DETAIL_BRAND_NM').removeAttr('readonly');
@@ -376,6 +375,7 @@ let modifyObj = {
         pageObj.switchScreen('MODIFY');
         $('#ITP_FORM_OPER06010_DETAIL #ITP_FORM_OPER06010_DETAIL_VIEW_CD').val('U');
 
+        $('#ITP_FORM_OPER06010_DETAIL .fnAfflShopId').text(result.fnAfflShopId);
         $('#ITP_FORM_OPER06010_DETAIL .fnBrandId').text(result.brandId);
         $('#ITP_FORM_OPER06010_DETAIL #ITP_FORM_OPER06010_DETAIL_AFFL_SHOP_ID').val(result.afflShopId);
         $('#ITP_FORM_OPER06010_DETAIL #ITP_FORM_OPER06010_DETAIL_AFFL_SHOP_NM').val(result.afflShopNm);

src/main/webapp/js/app/vendinfo/ITP_VENDINFO02010.js

@@ -0,0 +1,594 @@
+require(['config'], function() {
+	require([
+			'jquery.bootstrap.fileUpload' //파일 업로드가 있는 페이지에서 로딩
+	], function($) {
+			pageObj.init();
+	});
+});
+
+/********************************************************
+--------------------------------------------------------
+- Object 목록								            -
+--------------------------------------------------------
+* const gridColModel = {}	: 화면 Grid Object			*
+* let pageObj = {}			: 화면공통 Object			*
+* let listObj = {}			: 목록화면 Object			*
+* let viewObj = {}			: 상세화면 Object			*
+* let modifyObj = {}		: 수정화면 Object			*
+* let createObj = {}		: 신규화면 Object			*
+*******************************************************/
+
+/*화면 변수*/
+const VENDINFO02010_GRID_ID = '#ITP_VENDINFO02010_jqGrid';
+const VENDINFO02010_GRID_LIST = '#ITP_VENDINFO02010_jqGrid_list';
+const VENDINFO02010_GRID_PAGER = '#ITP_VENDINFO02010_jqGridPager';
+const VENDINFO02010_GRID_EMPTY = '#ITP_VENDINFO02010_jqGridEmpty';
+
+const VENDINFO02010_VIEW_GRID_ID = '#ITP_VENDINFO02010_VIEW_jqGrid';
+const VENDINFO02010_VIEW_GRID_LIST = '#ITP_VENDINFO02010_VIEW_jqGrid_list';
+const VENDINFO02010_VIEW_GRID_PAGER = '#ITP_VENDINFO02010_VIEW_jqGridPager';
+const VENDINFO02010_VIEW_GRID_EMPTY = '#ITP_VENDINFO02010_VIEW_jqGridEmpty';
+
+const VENDINFO02010_DETAIL_GRID_ID = '#ITP_VENDINFO02010_DETAIL_jqGrid';
+const VENDINFO02010_DETAIL_GRID_LIST = '#ITP_VENDINFO02010_DETAIL_jqGrid_list';
+const VENDINFO02010_DETAIL_GRID_PAGER = '#ITP_VENDINFO02010_DETAIL_jqGridPager';
+const VENDINFO02010_DETAIL_GRID_EMPTY = '#ITP_VENDINFO02010_DETAIL_jqGridEmpty';
+
+let ITP_FORM_VENDINFO02010_DETAIL_IS_DUPLICATE = false;
+let ITP_FORM_VENDINFO02010_DETAIL_IS_WRITING = false;
+
+/*API URL*/
+let API_DETAIL_GRID_LIST 	= '/api/item/detail-grid-list';	    // 목록
+let API_DETAIL_INFO 		= '/api/item/info-item';			// 상세
+let API_DETAIL_SAVE 		= '/api/item/save-item';			// 저장
+let API_ITEM_CLASS_LEVEL	= '/api/item/class-level-list';		//품목분류 level 검색
+
+/*화면 Grid ColModel*/
+const gridColModel = {
+	list: [
+	
+			{
+					index: 'ITEM_ID', name: 'itemId',
+					label: ITP_MSG_LOCALE.label.itemId, //품목번호
+					width: '12', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'ITEM_NM', name: 'itemNm',
+					label: ITP_MSG_LOCALE.label.itemNm, //품목명
+					width: '13', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'ITEM_TYPE_NM', name: 'itemTypeNm',
+					label: ITP_MSG_LOCALE.label.itemTypeNm, //품목유형
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'ITEM_CLASS_NM', name: 'itemClassNm',
+					label: ITP_MSG_LOCALE.label.itemClassNm, //품목분류
+					width: '15', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'ST_CD', name: 'stCd',
+					label: ITP_MSG_LOCALE.label.stNm, //상태
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'PODR_PSSBLDVSN_NM', name: 'podrPssblDvsnNm',
+					label: ITP_MSG_LOCALE.label.podrPssblDvsnNm, //발주여부
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'UNIT', name: 'unit',
+					label: ITP_MSG_LOCALE.label.unit, //기본단위
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'PCH_ITEM_YN', name: 'pchItemYn',
+					label: ITP_MSG_LOCALE.label.pchItemYn, //구매품목여부
+					width: '6', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+			{
+					index: 'SALE_ITEM_YN', name: 'saleItemYn',
+					label: ITP_MSG_LOCALE.label.saleItemYn, //판매품목여부
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: false
+			},
+	],
+	detail: [
+			{
+					index: 'VIEW_CD', name: 'viewCd',
+					label: ITP_MSG_LOCALE.label.viewCd,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, hidden: true
+			},
+			{
+					index: 'AUTH_NO', name: 'authNo',
+					label: ITP_MSG_LOCALE.label.permitCd,
+					width: '20', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text',
+					editrules: {required: true}
+			},
+			{
+					index: 'AUTH_NM', name: 'authNm',
+					label: ITP_MSG_LOCALE.label.permitName,
+					width: '30', fixed: false, align: 'center',
+					sortable: true, editable: false, edittype: 'text',
+					editrules: {required: true}
+			},
+			{
+					index: 'USE_YN_NM', name: 'useYnNm',
+					label: ITP_MSG_LOCALE.label.status,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text'
+			},
+			{
+					index: 'ADD_DT', name: 'addDt',
+					label: ITP_MSG_LOCALE.label.regDt,
+					width: '10', fixed: false, align: 'center',
+					sortable: false, editable: false, edittype: 'text'
+			}
+	]
+};
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function () {
+			this.ui.init();
+			this.event.init();
+			this.fileUpload();
+	},
+	ui: {
+			init: function () {
+					this.view();
+					this.grid();
+					this.ready();
+			},
+			view: function() {
+					// 버튼 권한설정
+					fn_proc_btn_auth('VENDINFO02010');
+
+					// 공통코드 표시
+					$('select').each(function() {
+							if($(this).data('select-code')) {
+									fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+							}
+					});
+
+					itemClassLevel.make(1, 'LIST');
+			},
+			grid: function() {
+					itp_fn_jqgrid_resize(VENDINFO02010_GRID_ID, VENDINFO02010_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_VENDINFO02010_SRH'				: listObj.button.search();		break;	// 조회 버튼 클릭
+											case 'ITP_BTN_VENDINFO02010_NEWREG'			: listObj.button.create(); 		break;	// 신규등록 버튼
+											case 'ITP_BTN_VENDINFO02010_MODIFY'			: modifyObj.button.modify();	break;	// 수정 버튼
+											case 'ITP_BTN_VENDINFO02010_CANCELLIST'		: createObj.button.cancel(); 	break;	// 취소/목록 버튼
+											case 'ITP_BTN_VENDINFO02010_DELETE'			: 								break;	// 삭제 버튼
+											case 'ITP_BTN_VENDINFO02010_SAVE'				: createObj.button.save(); 		break;	// 저장 버튼
+											case 'ITP_FORM_VENDINFO02010_DETAIL_DUP'		: createObj.button.duplicate();	break;	// 중복체크
+											case 'ITP_BTN_VENDINFO02010_RESET_PW'			: createObj.button.resetPass();	break;	// 상세:비밀번호 초기화
+									}
+							});
+					});
+
+					$('body').on('click', function(e) {
+							var gridId = VENDINFO02010_DETAIL_GRID_ID.replace('#', '');
+							var rids = $(VENDINFO02010_DETAIL_GRID_ID).jqGrid('getDataIDs');
+							var last_row_id = rids[rids.length - 1];
+							itp_fn_grid_reset_selection(e, last_row_id, gridId, 'VENDINFO02010_DETAIL');
+					});
+
+			}
+	},
+	fileUpload: function() {
+			//파일업로드(등록/수정화면)
+			var id = 'VENDINFO02010';
+			$('#ITP_' + id + '_DETAIL_UPLOAD').empty();
+			const fileArgs = {
+					'fileNo': $('#ITP_FORM_' + id + '_DETAIL_FILE_NO').val(),
+					'viewCd': $('#ITP_FORM_' + id + '_DETAIL_VIEW_CD').val(),
+					'showYn': $('#ITP_' + id + '_DETAIL_UPLOAD').attr('data-show-yn'),
+					'fileId': '#ITP_FORM_' + id + '_DETAIL_FILE_NO' //파일번호를 서버에서 받아서 넣을 파일번호 인풋박스 아이디
+			};
+			itp_fn_set_file_upload('ITP_' + id + '_DETAIL_UPLOAD', 'notice', true, false, id, fileArgs);
+	},
+	switchScreen: function(mode) {
+			$('.itp_det_head').find('button[id^="ITP_BTN_VENDINFO02010_"]').each(function(i) {
+					$(this).hide();
+			});
+			$('#ITP_TAB_VENDINFO02010').find('div[id$="_CONTAINER"]').each(function(i) {
+					$(this).hide();
+			});
+			if(mode == 'LIST') { // 목록
+					$('#ITP_AJAX_VENDINFO02010_LIST_CONTAINER').show();
+					fn_show_btn_auth_array(['#ITP_BTN_VENDINFO02010_SRH', '#ITP_BTN_VENDINFO02010_NEWREG']);
+			} else if(mode == 'ADD') { // 등록
+					$('#ITP_AJAX_VENDINFO02010_DETAIL_CONTAINER').show();
+					fn_show_btn_auth_array(['#ITP_BTN_VENDINFO02010_CANCELLIST', '#ITP_BTN_VENDINFO02010_SAVE']);
+
+					$('#ITP_FORM_VENDINFO02010_DETAIL').find('input, textarea, select, checkbox').each(function(i, elem) {
+							$(this).attr('id') === 'ITP_FORM_VENDINFO02010_DETAIL_VIEW_CD' ? $(this).val('C') : $(this).val('');
+							if(elem.type === 'select') {
+									$(this).val('').prop('selected', true);
+							}
+					});
+
+					$('#ITP_FORM_VENDINFO02010_DETAIL_STORE_ID').removeAttr('readonly');
+					$('#ITP_FORM_VENDINFO02010_DETAIL_DUP').removeAttr('disabled');
+
+					// 가맹점 정보 설정
+					$('#ITP_FORM_VENDINFO02010_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
+					$('#ITP_FORM_VENDINFO02010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+					$('#ITP_FORM_VENDINFO02010_DETAIL .fnBrandNm').text(fn_make_user_info.get('brandNm'));
+					$('#ITP_FORM_VENDINFO02010_DETAIL .fnItemClassMgntNo').text('(자동부여)');
+			} else if(mode == 'MODIFY') { // 수정
+					$('#ITP_AJAX_VENDINFO02010_DETAIL_CONTAINER').show();
+					fn_show_btn_auth_array(['#ITP_BTN_VENDINFO02010_CANCELLIST', '#ITP_BTN_VENDINFO02010_SAVE', '#ITP_BTN_VENDINFO02010_RESET_PW']);
+
+					$('#ITP_FORM_VENDINFO02010_DETAIL_AFFL_SHOP_ID').val(fn_make_user_info.get('afflShopId'));
+					$('#ITP_FORM_VENDINFO02010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+					$('#ITP_FORM_VENDINFO02010_DETAIL .fnBrandNm').text(fn_make_user_info.get('brandNm'));
+					$('#ITP_FORM_VENDINFO02010_DETAIL_STORE_ID').attr('readonly', true);
+					$('#ITP_FORM_VENDINFO02010_DETAIL_DUP').attr('disabled', true);
+					$('#ITP_FORM_VENDINFO02010_DETAIL_SEARCH_AFFL_SHOP_NM').attr('readonly', true);
+
+					$('#ITP_FORM_VENDINFO02010_DETAIL_SEARCH_AFFL_SHOP').hide();
+					$('#ITP_FORM_VENDINFO02010_DETAIL_DELETE_AFFL_SHOP').hide();
+			} else if(mode == 'VIEW') { // 보기
+					$('#ITP_AJAX_VENDINFO02010_VIEW_CONTAINER').show();
+					$('#ITP_FORM_VENDINFO02010_VIEW .fnBrandNm').text(fn_make_user_info.get('brandNm'));
+					fn_show_btn_auth_array(['#ITP_BTN_VENDINFO02010_MODIFY', '#ITP_BTN_VENDINFO02010_CANCELLIST']);
+			}
+	}
+};
+
+/*목록화면 Object*/
+let listObj = {
+	init: function () {
+			this.form();
+			this.grid.init();
+	},
+	itp_VENDINFO02010_search: false,
+	button: {
+			search: function() {
+					listObj.itp_VENDINFO02010_search = true;
+					let param = $('#ITP_FORM_VENDINFO02010_SEARCH').serializeObject();
+					param.gridSize = $.jgrid.defaults.rowNum;
+					param.gridPage = $.jgrid.defaults.page;
+					$(VENDINFO02010_GRID_ID).setGridParam({'postData': JSON.stringify(param)}).trigger('reloadGrid');
+			},
+			create: function() {
+					if(!fn_make_user_info.isEmpty()) {
+							createObj.init();
+					}
+			}
+	},
+	form: function() {
+			$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS1').on('change', function() {
+					($(this).val() === '') ? itemClassLevel.clear(2): itemClassLevel.change(2);
+			});
+			$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS2').on('change', function() {
+					($(this).val() === '') ? itemClassLevel.clear(3): itemClassLevel.change(3);
+			});
+			$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS3').on('change', function() {
+					($(this).val() === '') ? itemClassLevel.clear(4): itemClassLevel.change(4);
+			});
+	},
+	empty: {
+			init: function() {
+					var _this = this;
+					this.push();
+					$(VENDINFO02010_GRID_EMPTY).on('click', function() {
+							_this.back();
+							_this.itp_VENDINFO02010_param.gridSize = $.jgrid.defaults.rowNum;
+							$(VENDINFO02010_GRID_ID).setGridParam({'postData': JSON.stringify(_this.itp_VENDINFO02010_param)}).trigger('reloadGrid');
+					});
+			},
+			itp_VENDINFO02010_param: {},
+			push: function() {
+					let param = $('#ITP_FORM_VENDINFO02010_SEARCH').serializeObject();
+					listObj.itp_VENDINFO02010_param = param;
+			},
+			back: function() {
+					$('#ITP_FORM_VENDINFO02010_SERVICE_ST_CD').val(this.itp_VENDINFO02010_param.sitemStCd);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_PODR_PSSBL_DVSN').val(this.itp_VENDINFO02010_param.spodrPssblDvsn);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_KIND').val(this.itp_VENDINFO02010_param.sitemKind);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_TYPE').val(this.itp_VENDINFO02010_param.sitemType);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS1').val(this.itp_VENDINFO02010_param.sitemClass1);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS2').val(this.itp_VENDINFO02010_param.sitemClass2);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS3').val(this.itp_VENDINFO02010_param.sitemClass3);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS4').val(this.itp_VENDINFO02010_param.sitemClass4);
+					$('#ITP_FORM_VENDINFO02010_SEARCH_ITEM_NM').val(this.itp_VENDINFO02010_param.sitemNm);
+			}
+	},
+	grid: {
+			init: function () {
+					// 데이터 없을때
+					listObj.empty.push();
+					this.search();
+			},
+			colModel: gridColModel.list,
+			search: function() {
+					pageObj.switchScreen('LIST');
+					this.unload();
+					this.load();
+			},
+			load: function() {
+					let param = $('#ITP_FORM_VENDINFO02010_SEARCH').serializeObject();
+					param.gridSize = $.jgrid.defaults.rowNum;
+					param.sbrandId = fn_make_user_info.get('brandId');
+					// param.sbrandId = sessionStorage.getItem('itp_brand_id') !== null ? sessionStorage.getItem('itp_brand_id') : 'BRD221000001';
+
+					var option = {
+							gridId: VENDINFO02010_GRID_ID,
+							colModel: gridColModel.list,
+							param: JSON.stringify(param),
+							url: DOMAIN + API_DETAIL_GRID_LIST,
+							pager: VENDINFO02010_GRID_PAGER,
+							onCellSelect: function(rowId, cellIdx, cellValue) {
+									var cm = $(this).jqGrid('getGridParam', 'colModel');
+									var colNm = cm[cellIdx].name;
+									if (colNm == 'itemId') {
+											const selectVal = $(this).jqGrid('getCell', rowId, 'itemId');
+											const key = {brandId:fn_make_user_info.get('brandId'), itemId: selectVal, viewCd: 'R'};
+											var param = $.param(key);
+											viewObj.init(param);
+									}
+							},
+							loadComplete: function(data) {
+									console.log(data);
+									itp_fn_grid_load_complete(data, VENDINFO02010_GRID_ID, true, 'number', 'VENDINFO02010', listObj.itp_VENDINFO02010_search, listObj.empty, true, data.gridRecords, true);
+									var ids = $(VENDINFO02010_GRID_ID).getDataIDs();
+									$.each(ids, function(idx, rowId) {
+											$(VENDINFO02010_GRID_ID).jqGrid('setCell', rowId, 'itemId', '', ITP_GRID_COL_STYLE.link);
+									});
+							},
+							onPaging: function(action) {
+									itp_fn_grid_paging(VENDINFO02010_GRID_ID, action, param);
+							}
+					};
+					itp_fn_grid_make_remote(option);
+			},
+			clearData : function() {
+					$(VENDINFO02010_GRID_ID).jqGrid('clearGridData', true);
+					$(VENDINFO02010_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
+					$(VENDINFO02010_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
+					$(VENDINFO02010_GRID_EMPTY).show();
+			},
+			unload : function() {
+					$.jgrid.gridUnload(VENDINFO02010_GRID_ID);
+			}
+	}
+};
+
+/*상세화면 Object*/
+let viewObj = {
+	init: function (param) {
+			this.load(param);
+	},
+	load: function(param) {
+			fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+			console.log(result);
+			pageObj.switchScreen('VIEW');
+			$('#ITP_FORM_VENDINFO02010_VIEW #ITP_FORM_VENDINFO02010_VIEW_ITEM_ID').val(result.itemId);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnStCd').text(result.itemStNm);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass1').text(result.itemClass1);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass2').text(result.itemClass2);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass3').text(result.itemClass3);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClass4').text(result.itemClass4);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemClassMgntNo').text(result.itemClassMgntNo);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemType').text(result.itemType);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnItemNm').text(result.itemClassNm);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnImpDvsn').text(result.impDvsnNm);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnPodrPssblDvsn').text(result.podrPssblDvsn);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnUnit').text(result.unit);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnPchItemYn').text(result.pchItemYn);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnViewPchUnit').text(result.pchUnit);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnSaleItemYn').text(result.saleItemYn);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnSaleUnit').text(result.saleUnit);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnAssetInfo').text(result.assetInfo);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnStckUnit').text(result.stckUnit);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnWeight').text(result.weight);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnVolume').text(result.volume);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnWidth').text(result.width);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnHeight').text(result.height);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnHigh').text(result.high);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnOneBoxQty').text(result.oneBoxQty);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnExpryYn').text(result.expryYn);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnExpryPeriod').text(result.expryPeriod);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnRtnPssblYn').text(result.rtnPssblYn);
+			$('#ITP_FORM_VENDINFO02010_VIEW .fnRtnDvsn').text(result.rtnDvsn);
+			// $('#ITP_FORM_VENDINFO02010_VIEW .fnItemImage').text(result.imageFileNoList);
+			$.each(result.imageFileNoList, function(index, item) {
+					$('#ITP_FORM_VENDINFO02010_VIEW .fnItemImage').append('<img src=" + item.filePath +" />');
+			});
+	}
+};
+
+/*수정화면 Object*/
+let modifyObj = {
+	init: function () {
+	},
+	button: {
+			modify: function (param) {
+					itp_fn_form_clear_validate(null, '#ITP_FORM_VENDINFO02010_DETAIL');
+					const selectVal = $('#ITP_FORM_VENDINFO02010_VIEW_ITEM_ID').val();
+					const key = {brandId:fn_make_user_info.get('brandId'), itemId: selectVal, viewCd: 'R'};
+					var param = $.param(key);
+					modifyObj.load(param);
+			}
+	},
+	load: function(param) {
+			fn_ajax_call(API_DETAIL_INFO, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+			console.log(result);
+			pageObj.switchScreen('MODIFY');
+
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_VIEW_CD').val('U');
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ITEM_ID').val(result.itemId);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_STORE_ST_CD').val(result.itemStCd);
+			$('#ITP_FORM_VENDINFO02010_DETAIL .fnItemClassMgntNo').text(result.itemId);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ITEM_TYPE').val(result.itemType);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ITEM_NM').val(result.itemClassNm);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_IMP_DVSN').val(result.impDvsn);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_PODR_PSSBL_DVSN').val(result.podrPssblDvsn);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_UNIT').val(result.unit);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_PCH_ITEM_YN').val(result.pchItemYn);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_PCH_UNIT').val(result.pchUnit);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_SALE_ITEM_YN').val(result.saleItemYn);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_SALE_UNIT').val(result.saleUnit);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ASSET_INFO').val(result.assetInfo);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_STCK_UNIT').val(result.stckUnit);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_WEIGHT').val(result.weight);
+			$('#ITP_FORM_VENDINFO02010_DETAIL .item_unit').text(result.unit);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_VOLUME').val(result.volume);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_WIDTH').val(result.width);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_HEIGHT').val(result.height);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_HIGH').val(result.high);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_ONE_BOX_QTY').val(result.oneBoxQty);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_EXPRY_YN').val(result.expryYn);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_EXPRY_PERIOD').val(result.expryPeriod);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_RTN_PSSBL_YN').val(result.rtnPssblYn);
+			$('#ITP_FORM_VENDINFO02010_DETAIL #ITP_FORM_VENDINFO02010_DETAIL_RTN_DVSN').val(result.rtnDvsn);
+			$.each(result.imageFileNoList, function(index, item) {
+					$('#ITP_FORM_VENDINFO02010_VIEW .ITEM_IMAGE').append('<img src=" + item.filePath +" />');
+			});
+
+			itemClassLevel.data.push(result.itemClass1);
+			itemClassLevel.data.push(result.itemClass2);
+			itemClassLevel.data.push(result.itemClass3);
+			itemClassLevel.data.push(result.itemClass4);
+			itemClassLevel.make(1, 'MODIFY');
+	}
+};
+
+/*신규화면 Object*/
+let createObj = {
+	init: function () {
+			pageObj.switchScreen('ADD');
+			itp_fn_form_clear_validate(null, '#ITP_FORM_VENDINFO02010_DETAIL');
+			this.button.init();
+			itemClassLevel.make(1, 'ADD');
+	},
+	button: {
+			init: function() {
+					$('#ITP_FORM_VENDINFO02010_DETAIL_ITEM_CLASS1').off('change').on('change', function() {
+							($(this).val() === '') ? itemClassLevel.clear(2): itemClassLevel.change(2);
+					});
+					$('#ITP_FORM_VENDINFO02010_DETAIL_ITEM_CLASS2').off('change').on('change', function() {
+							($(this).val() === '') ? itemClassLevel.clear(3): itemClassLevel.change(3);
+					});
+					$('#ITP_FORM_VENDINFO02010_DETAIL_ITEM_CLASS3').off('change').on('change', function() {
+							($(this).val() === '') ? itemClassLevel.clear(4): itemClassLevel.change(4);
+					});
+			},
+			cancel: function() {
+					listObj.grid.search();
+			},
+			save: function() {
+					const formId = '#ITP_FORM_VENDINFO02010_DETAIL';
+					itp_fn_form_clear_validate(null, formId);
+					if (createObj.isValid(formId)) {
+							let param = $(formId).serializeObject();
+							console.log(JSON.stringify(param));
+							var searhFn = function() {
+									ITP_FORM_VENDINFO02010_DETAIL_IS_WRITING = false;
+									listObj.grid.search();
+							};
+							fn_ajax_call(API_DETAIL_SAVE, JSON.stringify(param), searhFn, 'POST');
+					}
+			}
+	},
+	isValid: function(formId) {
+			var isValid = false;
+			$(formId).find('input, select, checkbox, textarea').each(function(k) {
+					if($(this).data('check-required')) {
+							var arry = $(this).data('check-required').split(',');
+							isValid = itp_fn_form_validate(formId, '#' + $(this).attr('id'), arry, undefined);
+							if(!isValid) return false;
+					}
+			});
+			return isValid;
+	}
+};
+
+var itemClassLevel = {
+	level: 1,
+	levelID: '',
+	data: [],
+	keys: function() {
+			var keys = {sBrandId:fn_make_user_info.get('brandId'), sItemLevel: this.level};
+			for(var i=1; i<=this.level; i++) {
+					var key = 'sItemClass' + i;
+					var id = '#' + this.levelID + i;
+					keys[key] = $(id + ' option:selected').val();
+			}
+			return keys;
+	},
+	make: function(level, mode) {
+			this.level = level;
+			this.levelID = (mode === 'LIST' ? 'ITP_FORM_VENDINFO02010_SEARCH_ITEM_CLASS' : 'ITP_FORM_VENDINFO02010_DETAIL_ITEM_CLASS');
+			if(mode !== 'MODIFY') {
+					this.data.length = 0;
+					this.clear(1);
+			}
+			this.call($.param(this.keys()), mode === 'MODIFY');
+	},
+	change: function(level) {
+			this.level = level;
+			this.clear(level);
+			this.call($.param(this.keys()), false);
+	},
+	call: function(param, isModify) {
+			var _this = this;
+			var callbackFn = function(result) {
+					var id = _this.levelID + _this.level;
+					fn_make_select_item_class(result.searchList, id, true, _this.emptyText());
+					if(isModify) {
+							$('#' + id).val(_this.data[ _this.level - 1]);
+							if(_this.level < _this.data.length) {
+									if(_this.data[_this.level] !== '') {
+											_this.level++;
+											_this.call( $.param(_this.keys()), isModify);
+									}
+							}
+					}
+			};
+			fn_ajax_call(API_ITEM_CLASS_LEVEL, param, callbackFn, 'GET');
+	},
+	emptyText: function() {
+			return '품목분류Level' + this.level;
+	},
+	clear: function(level) {
+			for(var i=level; i<5; i++) {
+					$('#' + (this.levelID + i)).find('option:not(:first)').remove();
+			}
+	}
+};