모바일 여신관리 작업

src/main/webapp/mobile/app/mloanmng/MLOANMNG01010.html

@@ -1,16 +1,17 @@
 <section id="ITP_MOBILE_MLOANMNG01010">
 	<div id="ITP_AJAX_MLOANMNG01010_LIST_CONTAINER" style="display: none;" >
-		<form id="ITP_FORM_MLOANMNG01010_LIST" class="form-horizontal" onsubmit="return false;">
-		<input type="hidden" id="ITP_FORM_MLOANMNG01010_LIST_VIEW_CD" name="viewCd" value="C">
+		<form id="ITP_FORM_MLOANMNG01010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_FORM_MLOANMNG01010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
+			<input type="hidden" id="ITP_FORM_MLOANMNG01010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
 		  <div class="content">
 			<div class="line">
 			  <label>매장선택</label>
 			  <div class="search_wrap">
 				  <div class="float_left">
-					<input id="ITP_FORM_MLOANMNG01010_LIST_STORE_NM" name="storeNm" type="text" placeholder="A매장명">
+					<input id="ITP_FORM_MLOANMNG01010_LIST_SEARCH_STORE_NM" name="storeNm" type="text" placeholder="A매장명">
 				  </div>
 				  <div class="float_left_btn">
-					<button id="ITP_BTN_MLOANMNG01010_LIST_SEARCH_STORE_NM" data-call-popup="ITP_POP_MLOANMNG01010_STORE_AREA"><img src="../img/search.png" alt=""></button>
+					<button id="ITP_BTN_MLOANMNG01010_LIST_SEARCH_STORE_NM"><img src="../img/search.png" alt=""></button>
 					<button id="ITP_BTN_MLOANMNG01010_LIST_DELETE_STORE_NM"><img src="../img/delete.png" alt=""></button>
 				  </div>
 			  </div>
@@ -18,7 +19,7 @@
 			<div class="line">
 			  <label>정산타입</label>
 			  <div class="line_right">
-				<select name="sttlType" id="ITP_FORM_MLOANMNG01010_LIST_STTL_TYPE">
+				<select name="sloanDvsn" id="ITP_FORM_MLOANMNG01010_LIST_LOAN_DVSN" data-select-code="LOAN_DVSN">
 				  <option value=""></option>
 				</select>
 			  </div>
@@ -26,7 +27,7 @@
 			<div class="line">
 			  <label>사용여부</label>
 			  <div class="line_right">
-				<select name="useYn" id="ITP_FORM_MLOANMNG01010_LIST_USE_YN">
+				<select name="suseYn" id="ITP_FORM_MLOANMNG01010_LIST_USE_YN" data-select-code="USE_YN" name="suseYn">
 				  <option value=""></option>
 				</select>
 			  </div>
@@ -40,19 +41,19 @@
 			  <h1>> 여신 현황 내역</h1>
 			</div>
 		  </div>
-	   <div id="ITP_LIST_MLOANMNG01010_ITEM_AREA" class="scroll_area row-2">
-		  <ul id="ITP_LIST_MLOANMNG01010_LIST_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MLOANMNG01010_LIST_ROWCOPY" style="display:block;">
-				<li class="history_list">
+	   <div id="ITP_LIST_MLOANMNG01010_LIST_ITEM_AREA" class="scroll_area row-2">
+		  <ul id="ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWS" class="panel-group"></ul>
+			  <div id="ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWCOPY" style="display:none;">
+				<li class="history_list list-row">
 				  <div class="left">
 					<div class="nomal">
 					  <label>매장명 &nbsp;:</label>
 					  <div class="history">
-						<div class="fnStoreNm">A매장</div>
+						<div class="fnStoreNm"></div>
 					  </div>
 					  <label>정산타입&nbsp;:</label>
 					  <div class="history">
-						<div class="fnSttlType">선입금</div>
+						<div class="fnLoanDvsnNm"></div>
 					  </div>
 					</div>
 				  </div>
@@ -60,11 +61,11 @@
 					<div class="nomal">
 					  <label>한도금액 &nbsp;:</label>
 					  <div class="history">
-						<div class="fnLimitAmt">1,000,000</div>
+						<div class="fnLimitAmt"></div>
 					  </div>
 					  <label class="col_7">가용한도금액&nbsp;:</label>
 					  <div class="history">
-						<div class="fnLimitAmt">800,000</div>
+						<div class="fnPosbLimitAmt"></div>
 					  </div>
 					</div>
 				  </div>
@@ -72,11 +73,11 @@
 					<div class="nomal">
 					  <label class="col_6">가수금금액 &nbsp;:</label>
 					  <div class="history">
-						<div class="fnAmt">100,000</div>
+						<div class="fnTmpRcvAcctTotal"></div>
 					  </div>
 					  <label>사용금액&nbsp;:</label>
 					  <div class="history">
-						<div class="fnUseAmt">200,000</div>
+						<div class="fnUseAmtTotal"></div>
 					  </div>
 					</div>
 				  </div>
@@ -84,7 +85,7 @@
 					<div class="nomal">
 					  <label>사용여부 &nbsp;:</label>
 					  <div class="history">
-						<div class="fnUseYn">사용</div> 
+						<div class="fnUseYnNm"></div>
 					  </div>
 					</div>
 				  </div>
@@ -93,54 +94,69 @@
 		  </div>
 	  </form>
 	</div>
-	<div id="ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER" style="display: block;">
-		<form id="ITP_FORM_MLOANMNG01010_VIEW" class="form-horizontal" onsubmit="return false;">
-		<input type="hidden" id="ITP_FORM_MLOANMNG01010_VIEW_VIEW_CD" name="VIEWCd" value="C">
+	<div id="ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER" style="display: none;">
+		<form id="ITP_FORM_MLOANMNG01010_VIEW_SEARCH" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_FORM_MLOANMNG01010_VIEW__SEARCH_BRAND_ID" name="sbrandId" value="">
+			<input type="hidden" id="ITP_FORM_MLOANMNG01010_VIEW__SEARCH_STORE_ID" name="sstoreId" value="">
 		  <div class="content">
-			<div class="line">
-			  <label>매장명</label>
-			  <div class="search_wrap">
-				<input id="ITP_FORM_MLOANMNG01010_VIEW_STORE_NM" name="storeNm" type="text" placeholder="A매장명">
-			  </div>      
-			</div>
-			<div class="line">
-			  <label class="col_6">정산타입/사용여부</label>
-			  <div class="search_wrap">
-				<input id="ITP_FORM_MLOANMNG01010_VIEW_TYPE_YN" name="typeYn" type="text" >
+			  <div class="line">
+				  <label>매장명</label>
+				  <div class="search_wrap">
+					  <div class="fnStoreNm"></div>
+				  </div>
 			  </div>
-			</div>
-			<div class="line">
-			  <label>한도금액</label>
-			  <div class="search_wrap">
-				<input id="ITP_FORM_MLOANMNG01010_VIEW_LIMIT_AMT" name="limitAmt" type="text" >
+			  <div class="line">
+				  <label>정산타입</label>
+				  <div class="search_wrap">
+					  <div class="fnLoanDvsnNm"></div>
+				  </div>
 			  </div>
-			</div>
-			<div class="line">
-			  <label>가용한도금액</label>
-			  <div class="search_wrap">
-				<input id="ITP_FORM_MLOANMNG01010_VIEW_LIMIT_AMT" name="limitAmt" type="text" >
+			  <div class="line">
+				  <label>한도금액</label>
+				  <div class="search_wrap">
+					  <div class="fnLimitAmt">0원</div>
+				  </div>
 			  </div>
-			</div>
-			<div class="line">
-			  <label>가수금액</label>
-			  <div class="search_wrap">
-				<input id="ITP_FORM_MLOANMNG01010_VIEW_AMT" name="amt" type="text" >
+			  <div class="line">
+				  <label>사용여부</label>
+				  <div class="search_wrap">
+					  <div class="fnUseYnNm"></div>
+				  </div>
 			  </div>
-			</div>
-			<div class="line">
-			  <label>사용금액</label>
-			  <div class="search_wrap">
-				<input id="ITP_FORM_MLOANMNG01010_VIEW_USE_AMT" name="useAmt" type="text" >
+			  <div class="line">
+				  <label>가용한도금액</label>
+				  <div class="search_wrap">
+					  <div class="fnPosbLimitAmt">0원</div>
+				  </div>
+			  </div>
+			  <div class="line">
+				  <label>가수금</label>
+				  <div class="search_wrap">
+					  <div class="fnTmpRcvAcctTotal">0원</div>
+				  </div>
+			  </div>
+			  <div class="line">
+				  <label>사용금액</label>
+				  <div class="search_wrap">
+					  <div class="fnUseAmtTotal">0원</div>
+				  </div>
 			  </div>
-			</div>
 			<div class="line">
 			  <label>거래일자</label>
 			  <div class="date_to">
-				<input id="ITP_FORM_MLOANMNG01010_VIEW_TRSC_DT" name="trscDt" class="year" type="date">
+				<input id="ITP_FORM_MLOANMNG01010_VIEW_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
 				<div class="at">~</div>
-				<input id="ITP_FORM_MLOANMNG01010_VIEW" class="year" type="date">
+				<input id="ITP_FORM_MLOANMNG01010_VIEW_SEARCH_TO_DT" name="toDt" class="year" type="date">
 			  </div>
 			</div>
+			  <div class="line">
+				  <label>입금지급구분</label>
+				  <div class="line_right">
+					  <select name="sdpstPayDvsn" id="ITP_FORM_MLOANMNG01010_VIEW_DPST_PAY_DVSN" data-select-code="DPST_PAY_DVSN">
+						  <option value=""></option>
+					  </select>
+				  </div>
+			  </div>
 			<div class="line" style="height:45px;">
 			  <div class="search">
 				<button id="ITP_BTN_MLOANMNG01010_VIEW_SEARCH" class="btn-primary btn-sm ADB">검색</button>
@@ -150,20 +166,20 @@
 			  <h1>> 여신 입출금 이력</h1>
 			</div>
 		  </div>
-			<div id="ITP_LIST_MLOANMNG01010_ITEM_AREA" class="scroll_area row-6">
-				 <ul id="ITP_LIST_MLOANMNG01010_VIEW_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MLOANMNG01010_VIEW_ROWCOPY" style="display: block;">
-				<li class="history_list4">
+			<div id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_AREA" class="scroll_area row-6">
+				 <ul id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_ROWS" class="panel-group"></ul>
+			  <div id="ITP_LIST_MLOANMNG01010_VIEW_ITEM_ROWCOPY" style="display: none;">
+				<li class="history_list4 list-row">
 				  <div>
 					<div class="detail_line">
 					  <div class="detail_left">
 						<div class="detail_info">
-						  <div class="fnTrscDt">2022.10.04</div>
+						  <div class="fnLoanRegDt">2022.10.04</div>
 						</div>
 					  </div>
 					  <div class="detail_right">
 						<div class="detail_info">
-						  <div class="fnDstp">입금</div>
+						  <div class="fnDpstPayDvsnNm">입금</div>
 						</div>
 					  </div>
 					</div>
@@ -187,7 +203,7 @@
 					  </div>
 					  <div class="detail_right">
 						<div class="detail_info">
-						  <div class="fnBal">1,000,000 원</div>
+						  <div class="fnTrscAfBal">1,000,000 원</div>
 						</div>
 					  </div>
 					</div>
@@ -207,6 +223,44 @@
 				</li>
 			</div>
 		  </div>
+			<div class="button_bar">
+				<button id="ITP_BTN_MLOANMNG01010_VIEW_CANCEL_LIST" class="col_12 btn-gray CLB">취소</button>
+			</div>
 	  </form>
 	</div>
+	<div id="ITP_MOBILE_JS"></div>
+	<div id="ITP_POP_MLOANMNG01010_STORE_AREA" class="popup2 mobile-pop-close" style="display: none;">
+		<div class="pop">
+			<div class="header">
+				<div class="header_left">
+					<label>> 매장</label>
+				</div>
+				<div class="header_right">
+					<button type="button" id="ITP_BTN_MLOANMNG01010_POP_STORE_CLOSE"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MLOANMNG01010_POP_STORE" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MLOANMNG01010_STORE_ITEM_BRAND_ID" name="brandId" value="">
+					<input type="hidden" id="ITP_FORM_MLOANMNG01010_STORE_ITEM_STORE_ID" name="storeId" value="">
+					<input id="ITP_FORM_MLOANMNG01010_POP_STORE_KEYWORD" type="text" name="storeNm" placeholder="매장명">
+					<button id="ITP_BTN_MLOANMNG01010_POP_STORE_SEARCH"><img src="../img/search.png"></button>
+				</form>
+			</div>
+			<div id="ITP_LIST_MLOANMNG01010_POP_STORE_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MLOANMNG01010_POP_STORE_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MLOANMNG01010_POP_STORE_ROWCOPY" style="display:none;">
+					<li class="list-row">
+						<div class="scroll_left">
+							<div class="fnStoreNm"></div>
+							<div class="fnStoreStNm"></div>
+						</div>
+						<div class="scroll_right">
+							<button id="ITP_BTN_MLOANMNG01010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
   </section>

src/main/webapp/mobile/app/mloanmng/MLOANMNG02010.html

@@ -1,153 +1,25 @@
 <section id="ITP_MOBILE_MLOANMNG02010">
-	<div id="ITP_POP_MLOANMNG_DPST_AREA" class="popup2 mobile-pop-close" style="display: none; background: transparent;">
-	  <div class="pop">
-		<div class="header">
-		  <div class="header_left">
-			<label>> 입금등록</label>
-		  </div>
-		  <div class="header_right">
-			<button id="ITP_BTN_MLOANMNG02010_POP_DPST_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
-		  </div>
-		</div>
-		<div class="content">
-		  <div class="line">
-			<label>브랜드명</label>
-			<div class="search_wrap">
-			  <input id="ITP_FORM_MLOANMNG02010_POP_BRAND_NM" name="brandNm" type="text" placeholder="A 브랜드명">
-			</div>
-		  </div>
-		  <div class="line">
-			<label>매장명</label>
-			<div class="search_wrap">
-			  <input id="ITP_FORM_MLOANMNG02010_POP_STORE_NM" name="storeNm" type="text" placeholder="A매장명">
-			</div>
-		  </div>
-		  <div class="line">
-			<label>입금금액</label>
-			<div class="search_wrap">
-			  <input id="ITP_FORM_MLOANMNG02010_POP_DPST_AMT" name="dpstAmt" type="text" >
-			</div>
-		  </div>
-		  <div class="line">
-			<label>입금일자</label>
-			<div class="search_wrap">
-			  <input id="ITP_FORM_MLOANMNG02010_POP_DPST_DT" name="dpstDt" type="date" style="width: 178px;">
-			</div>
-		  </div>
-		  <div class="line">
-			<label>입금자명</label>
-			<div class="search_wrap">
-			  <input id="ITP_FORM_MLOANMNG02010_POP_DPST_NM" name="dpstNm" type="text" >
-			</div>
-		  </div>
-		  <div class="line">
-			<label>입금은행</label>
-			<div class="search_wrap">
-			  <select name="dpstBnk" id="ITP_FORM_MLOANMNG02010_POP_DPST_BNK" style="width: 178px;">
-				<option value="">은행코드 선택</option>
-			  </select>
-			</div>
-		  </div>
-		  <div class="line" style="height:70px;">
-			<label>입금계좌번호</label>
-			<div class="search_wrap">
-			  <input id="ITP_FORM_MLOANMNG02010_POP_DPST_ACCT_NO" name="dpstAcctNo" type="text" >
-			</div>
-		  </div>
-		  <div class="line">
-			<button id="ITP_BTN_MLOANMNG02010_POP_DPST_" class="col_4 btn-primary btn-sm ">등록</button>
-			<button id="ITP_BTN_MLOANMNG02010_POP_DPST_CLOSE" class="cancel col_4 btn-pop-close btn-gray btn-sm CLB">취소</button>
-		  </div>
-		</div> 
-	  </div>
-	</div>
-	<div id="ITP_POP_MLOANMNG_DPST_RJCT_AREA" class="popup3 mobile-pop-close" style="display: none;">
-	  <div class="pop">
-		<div class="header">
-		  <div class="header_left">
-			<label>> 입금요청반려</label>
-		  </div>
-		  <div class="header_right">
-			<button id="ITP_BTN_MLOANMNG02010_POP_DPST_RJCT_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
-		  </div>
-		</div>
-		<div class="content">
-		  <div class="line">
-			<label>브랜드명</label>
-			<div class="float_left">
-			  <div class="fnBrandNm">A 브랜드명</div>
-			</div>
-		  </div>
-		  <div class="line">
-			<label>매장명</label>
-			<div class="float_left">
-			  <div class="fnStoreNm">A 매장명</div>
-			</div>
-		  </div>
-		  <div class="line">
-			<label>입금금액</label>
-			<div class="float_left">
-			  <div class="fnDpstAmt">1,000,000</div>
-			</div>
-		  </div>
-		  <div class="line">
-			<label>입금일자</label>
-			<div class="float_left">
-			  <div class="fnDpstDt">2022.10.05</div>
-			</div>
-		  </div>
-		  <div class="line">
-			<label>입금자명</label>
-			<div class="float_left">
-			  <div class="fnDpstNm">홍길동</div>
-			</div>
-		  </div>
-		  <div class="line">
-			<label>입금은행</label>
-			<div class="float_left">
-			  <div class="fnDpstBnk">우리은행</div>
-			</div>
-		  </div>
-		  <div class="line">
-			<label>입금계좌번호</label>
-			<div class="float_left">
-			  <div class="fnDpstAcctNo">11122233333344</div>
-			</div>
-		  </div>
-		  <div class="line" style="height: 180px;">
-			<label>반려사유</label>
-			<div class="float_left note">
-			  <textarea  class="fn" cols="30" rows="10"></textarea>       
-		   </div>
-		  </div>
-		  <div class="line">
-			<div class="search">
-			  <button id="ITP_BTN_MLOANMNG02010_POP_DPST_RJCT" class="col_6 btn-danger btn-sm ">반려</button>
-			</div>
-		  </div>
-		</div> 
-	  </div>
-	</div>
 	<div id="ITP_AJAX_MLOANMNG02010_LIST_CONTAINER">
-		<form id="ITP_FORM_MLOANMNG02010_LIST" class="form-horizontal" onsubmit="return false;">
-		<input type="hidden" id="ITP_FORM_MLOANMNG02010_LIST_VIEW_CD" name="viewCd" value="C">
+		<form id="ITP_FORM_MLOANMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
+			<input type="hidden" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
 		  <div class="content">
 			<div class="line">
-			  <label>반품장소</label>
+			  <label>매장선텍</label>
 			  <div class="search_wrap">
 				  <div class="float_left">
-					<input id="ITP_FORM_MLOANMNG02010_LIST_RTN_PLACE" type="text" placeholder="A매장명">
+					<input id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_NM" name="sstoreNm" type="text" placeholder="A매장명">
 				  </div>
 				  <div class="float_left_btn">
-					<button id="ITP_BTN_MLOANMNG02010_LIST_SEARCH_RTN_PLACE" data-call-popup="ITP_POP_MPOMNG02010_WHS_AREA"><img src="../img/search.png" alt=""></button>
+					<button id="ITP_BTN_MLOANMNG02010_LIST_SEARCH_RTN_PLACE"><img src="../img/search.png" alt=""></button>
 					<button id="ITP_BTN_MLOANMNG02010_LIST_DELETE_RTN_PLACE"><img src="../img/delete.png" alt=""></button>
 				  </div>
 			  </div>
 			</div>
 			<div class="line">
-			  <label>반품발주상태</label>
+			  <label>입금상태</label>
 			  <div class="line_right">
-				<select name="rtnPodrStCd" id="ITP_FORM_MLOANMNG02010_LIST_RTN_PODR_ST_CD">
+				<select name="sdpstStCd" id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_DPST_ST_CD" data-select-code="DPST_ST_CD">
 				  <option value=""></option>
 				</select>
 			  </div>
@@ -155,14 +27,14 @@
 			<div class="line">
 			  <label>입금일자</label>
 			  <div class="date_to">
-				<input id="ITP_FORM_MLOANMNG02010_LIST_DPST_DT" name="dpstDt" class="year" type="date">
+				<input id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
 				<div class="at">~</div>
-				<input id="ITP_FORM_MLOANMNG02010" class="year" type="date">
+				<input id="ITP_FORM_MLOANMNG02010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
 			  </div>
 			</div>
 			<div class="line">
 			  <div class="search">
-				<button id="ITP_BTN_MLOANMNG02010_LIST_" class="col_3 btn-yellow btn-sm ">입금등록</button>
+				<button id="ITP_BTN_MLOANMNG02010_LIST_ADD" class="col_3 btn-yellow btn-sm ">입금등록</button>
 				<button id="ITP_BTN_MLOANMNG02010_LIST_SEARCH" class="col_5 btn-primary btn-sm ADB">검색</button>
 			  </div>
 			</div>
@@ -170,19 +42,19 @@
 			  <h1>> 입금 요청 내역</h1>
 			</div>
 		  </div>
-			<div id="ITP_LIST_MLOANMNG02010_ITEM_AREA" class="scroll_area row-2">
-			  <ul id="ITP_LIST_MLOANMNG02010_LIST_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MLOANMNG02010_LIST_ROWCOPY" style="display: block;">
-				<li class="history_list4">
-				  <div class="button_right">
-					<button id="ITP_BTN_MLOANMNG02010_LIST" class="btn-primary AGR">승인</button>
-					<button id="ITP_BTN_MLOANMNG02010_LIST" class="btn-danger RJT">반려</button>
+			<div id="ITP_LIST_MLOANMNG02010_LIST_ITEM_AREA" class="scroll_area row-2">
+			  <ul id="ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWS" class="panel-group"></ul>
+			  <div id="ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWCOPY" style="display: none;">
+				<li class="history_list4 list-row">
+				  <div class="button_right btn-dpst" style="display: none;">
+					<button id="ITP_BTN_MLOANMNG02010_LIST_AGREE" class="btn-primary AGR">승인</button>
+					<button id="ITP_BTN_MLOANMNG02010_LIST_REJECT" class="btn-danger RJT">반려</button>
 				  </div>
 				  <div class="left btn">
 					<div class="nomal">
 					  <label class="col_0">매장명&nbsp;&nbsp;&nbsp;:&nbsp;</label>
 					  <div class="col_5">
-						<div class="col_5 fnStoreNm">A매장</div>
+						<div class="col_5 fnStoreNm"></div>
 					  </div>
 					  <label class="col_0">입금일자&nbsp;:</label>
 					  <div class="history">
@@ -206,8 +78,8 @@
 					<div class="nomal">
 					  <label class="col_0">입금정보&nbsp;:</label>
 					  <div class="history">
-						<div class="fnDpstAcctNo">11122233344</div>
-						<div class="fnDpstBnk">(우리은행)</div>
+						<div class="fnRcvAcctNo">11122233344</div>
+						<div class="fnDpstBnkNm">(우리은행)</div>
 					  </div>
 					</div>
 				  </div>
@@ -215,8 +87,8 @@
 					<div class="nomal">
 					  <label class="col_0">처리결과&nbsp;:</label>
 					  <div class="history">
-						<div class="fn">입금요청</div> 
-						<div class="fn">(2022.10.05)</div> 
+						<div class="fnDpstStNm">입금요청</div>
+						<div class="fnDpstDt">(2022.10.05)</div>
 					  </div>
 					</div>
 				  </div>
@@ -225,4 +97,176 @@
 		  </div>
 	  </form>
 	</div>
+	<div id="ITP_MOBILE_JS"></div>
+	<div id="ITP_POP_MLOANMNG02010_STORE_AREA" class="popup2 mobile-pop-close" style="display: none;">
+		<div class="pop">
+			<div class="header">
+				<div class="header_left">
+					<label>> 매장</label>
+				</div>
+				<div class="header_right">
+					<button type="button" id="ITP_BTN_MLOANMNG02010_POP_STORE_CLOSE"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MLOANMNG02010_POP_STORE" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MLOANMNG02010_STORE_ITEM_BRAND_ID" name="brandId" value="">
+					<input type="hidden" id="ITP_FORM_MLOANMNG02010_STORE_ITEM_STORE_ID" name="storeId" value="">
+					<input id="ITP_FORM_MLOANMNG02010_POP_STORE_KEYWORD" type="text" name="storeNm" placeholder="매장명">
+					<button id="ITP_BTN_MLOANMNG02010_POP_STORE_SEARCH"><img src="../img/search.png"></button>
+				</form>
+			</div>
+			<div id="ITP_LIST_MLOANMNG02010_POP_STORE_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MLOANMNG02010_POP_STORE_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MLOANMNG02010_POP_STORE_ROWCOPY" style="display:none;">
+					<li class="list-row">
+						<div class="scroll_left">
+							<div class="fnStoreNm"></div>
+							<div class="fnStoreStNm"></div>
+						</div>
+						<div class="scroll_right">
+							<button id="ITP_BTN_MLOANMNG02010_POP_STORE_CHOICE" class="fnStoreId" data-store-id="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div id="ITP_POP_MLOANMNG02010_DPST_REQ_AREA" class="popup2 mobile-pop-close" style="display: none; background: transparent;">
+		<form id="ITP_POP_FORM_MLOANMNG02010_DPST_REQ" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_REQ_BRAND_ID" name="brandId" value="">
+			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_REQ_STORE_ID" name="storeId" value="">
+			<div class="pop">
+				<div class="header">
+					<div class="header_left">
+						<label>> 입금등록</label>
+					</div>
+					<div class="header_right">
+						<button id="ITP_BTN_MLOANMNG02010_POP_DPST_REQ_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+					</div>
+				</div>
+				<div class="content">
+					<div class="line">
+						<label>브랜드명</label>
+						<div class="search_wrap itp_ip">
+							<input id="ITP_FORM_MLOANMNG02010_POP_BRAND_NM" name="brandNm" data-check-required="empty" type="text" placeholder="A 브랜드명" readonly>
+						</div>
+					</div>
+					<div class="line">
+						<label>매장명</label>
+						<div class="search_wrap itp_ip">
+							<input id="ITP_FORM_MLOANMNG02010_POP_STORE_NM" name="storeNm" data-check-required="empty" type="text" placeholder="A매장명" readonly>
+						</div>
+					</div>
+					<div class="line">
+						<label>입금금액</label>
+						<div class="search_wrap itp_ip">
+							<input id="ITP_FORM_MLOANMNG02010_POP_DPST_AMT" name="dpstAmt" data-check-required="empty" type="text" >
+						</div>
+					</div>
+					<div class="line">
+						<label>입금일자</label>
+						<div class="search_wrap itp_ip">
+							<input id="ITP_FORM_MLOANMNG02010_POP_DPST_DT" name="dpstDt" data-check-required="empty" type="date" style="width: 178px;">
+						</div>
+					</div>
+					<div class="line itp_ip">
+						<label>입금자명</label>
+						<div class="search_wrap">
+							<input id="ITP_FORM_MLOANMNG02010_POP_DPST_NM" name="dpstNm" data-check-required="empty" type="text" >
+						</div>
+					</div>
+					<div class="line">
+						<label>입금은행</label>
+						<div class="search_wrap itp_ip">
+							<select name="dpstBnkCd" id="ITP_FORM_MLOANMNG02010_POP_DPST_BNK" data-select-code="BNK_CD" data-check-required="empty" style="width: 178px;">
+								<option value="">은행코드 선택</option>
+							</select>
+						</div>
+					</div>
+					<div class="line" style="height:70px;">
+						<label>입금계좌번호</label>
+						<div class="search_wrap itp_ip">
+							<input id="ITP_FORM_MLOANMNG02010_POP_DPST_ACCT_NO" name="rcvAcctNo" data-check-required="empty" type="text" >
+						</div>
+					</div>
+					<div class="line">
+						<button id="ITP_BTN_MLOANMNG02010_POP_DPST_ADD" class="col_4 btn-primary btn-sm ">등록</button>
+						<button id="ITP_BTN_MLOANMNG02010_POP_DPST_CANCEL" class="cancel col_4 btn-pop-close btn-gray btn-sm CLB">취소</button>
+					</div>
+				</div>
+			</div>
+		</form>
+	</div>
+	<div id="ITP_POP_MLOANMNG02010_DPST_RJCT_AREA" class="popup3 mobile-pop-close" style="display: none;">
+		<form id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT_BRAND_ID" name="sbrandId" value="">
+			<input type="hidden" id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT_STORE_ID" name="sstoreId" value="">
+		<div class="pop">
+			<div class="header">
+				<div class="header_left">
+					<label>> 입금요청반려</label>
+				</div>
+				<div class="header_right">
+					<button id="ITP_BTN_MLOANMNG02010_POP_DPST_RJCT_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="content">
+				<div class="line">
+					<label>브랜드명</label>
+					<div class="float_left">
+						<div class="fnBrandNm">A 브랜드명</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>매장명</label>
+					<div class="float_left">
+						<div class="fnStoreNm">A 매장명</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>입금금액</label>
+					<div class="float_left">
+						<div class="fnDpstAmt">1,000,000</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>입금일자</label>
+					<div class="float_left">
+						<div class="fnDpstDt">2022.10.05</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>입금자명</label>
+					<div class="float_left">
+						<div class="fnDpstNm">홍길동</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>입금은행</label>
+					<div class="float_left">
+						<div class="fnDpstBnk">우리은행</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>입금계좌번호</label>
+					<div class="float_left">
+						<div class="fnDpstAcctNo">11122233333344</div>
+					</div>
+				</div>
+				<div class="line" style="height: 180px;">
+					<label>반려사유</label>
+					<div class="float_left note">
+						<textarea id="ITP_POP_FORM_MLOANMNG02010_DPST_RJCT_REASON" name="dsptRjctRsn" class="fn" cols="30" rows="10"></textarea>
+					</div>
+				</div>
+				<div class="line">
+					<div class="search">
+						<button id="ITP_BTN_MLOANMNG02010_POP_DPST_RJCT" class="col_6 btn-danger btn-sm ">반려</button>
+					</div>
+				</div>
+			</div>
+		</div>
+		</form>
+	</div>
   </section>

src/main/webapp/mobile/app/mpomng/MPOMNG01010.html

@@ -1,115 +1,4 @@
 <section id="ITP_MOBILE_MPOMNG01010">
-  <div id="ITP_POP_MPOMNG01010_REQ_AREA" class="popup mobile-pop-close" style="display: none;">
-    <div class="pop">
-      <div class="pop_line">
-        <label>납품요청일 &nbsp;&nbsp;:</label>
-        <div class="fnPopDlvReqDt"></div>
-      </div>
-      <div class="pop_line">
-        <label>품목수&nbsp;&nbsp; :</label>
-        <div class="fnItemQty">개</div>
-      </div>
-      <div class="pop_line">
-        <label>구매금액 &nbsp;&nbsp;:</label>
-        <div class="fnOrdAmt">원</div>
-      </div>
-      <label class="pop_label msg_save">구매요청 하시겠습니까?</label>
-      <div class="popup_btn">
-        <button id="ITP_BTN_MPOMNG01010_POP_REQ_CLOSE" class="cancel btn-gray CLB btn-pop-close">취소</button>
-        <button id="ITP_BTN_MPOMNG01010_POP_REQ_CONFIRM" class="ok btn-primary COK">확인</button>
-      </div>
-    </div>
-  </div>
-  <div id="ITP_POP_MPOMNG01010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
-    <div class="pop">
-      <div class="header">
-        <div class="header_left">
-          <label>> 납품장소</label>
-        </div>
-        <div class="header_right">
-          <button type="button" id="ITP_BTN_MPOMNG01010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
-        </div>
-      </div>
-      <div class="search_bar">
-        <form id="ITP_FORM_MPOMNG01010_POP_WHS" class="form-horizontal" onsubmit="return false;">
-            <input type="hidden" id="ITP_FORM_MPOMNG01010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
-            <input type="hidden" id="ITP_FORM_MPOMNG01010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
-            <input id="ITP_FORM_MPOMNG01010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
-          <button id="ITP_BTN_MPOMNG01010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
-        </form>
-      </div>
-      <div class="search_bar">
-        <button id="ITP_BTN_MPOMNG01010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
-      </div>
-        <div id="ITP_LIST_MPOMNG01010_POP_WHS_AREA" class="popup_scroll">
-        <ul id="ITP_LIST_MPOMNG01010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
-        <div id="ITP_LIST_MPOMNG01010_POP_WHS_ROWCOPY" style="display:none;">
-            <li class="row_2">
-            <div class="scroll_left">
-                <div class="fnWhsNm">브랜드 창고 명A</div>
-                <div class="fnLocationNm">(상세위치내용)</div>
-            </div>
-            <div class="scroll_right">
-                <button id="ITP_BTN_MPOMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
-            </div>
-          </li>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div id="ITP_POP_MPOMNG01010_ITEM_AREA" class="popup2 mobile-pop-close" style="display: none;">
-    <div class="pop">
-        <div class="header">
-            <div class="header_left">
-                <label>> 품목 검색</label>
-            </div>
-            <div class="header_right">
-                <button type="button" id="ITP_BTN_MPOMNG01010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
-            </div>
-        </div>
-        <form id="ITP_FORM_MPOMNG01010_POPUP_ITEM" class="form-horizontal" onsubmit="return false;">
-            <input type="hidden" id="ITP_FORM_MPOMNG01010_POPUP_ITEM_BRAND_ID" name="sbrandId" value="">
-            <input type="hidden" id="ITP_FORM_MPOMNG01010_POPUP_ITEM_STORE_ID" name="sstoreId" value="">
-            <div class="search_bar">
-                <input id="ITP_FORM_MPOMNG01010_POP_ITEM_KEYWORD" name="sitemNm" type="text" placeholder="품목명/품목번호" />
-                <button id="ITP_BTN_MPOMNG01010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
-            </div>
-            <div class="search_bar">
-                <button id="ITP_BTN_MPOMNG01010_POP_ITEM_NM" class="btn_blue">품목명▼</button>
-            </div>
-        </form>
-        <div id="ITP_LIST_MPOMNG01010_POP_ITEM_AREA" class="popup_scroll">
-            <ul id="ITP_LIST_MPOMNG01010_POP_ITEM_ROWS" class="panel-group"></ul>
-            <div id="ITP_LIST_MPOMNG01010_POP_ITEM_ROWCOPY" style="display:none;">
-                <li class="row_2">
-                    <div class="left" style="width:180px;">
-                        <!--<div class="check_box">
-                            <input type="checkbox" id="ITP_FORM_MPOMNG01010_POP_ITEM_CHECKBOX" name="itemId" />
-                        </div>-->
-                        <div class="thick">
-                            <div class="fnItemNm">품목명</div>
-                            <div>-</div>
-                            <div class="fnUnit">EA</div>
-                        </div>
-                        <div class="thick" style="font-weight:100;">
-                            <div class="space">구매가 :</div>
-                            <div class="fnUnitAmt">0</div>
-                        </div>
-                    </div>
-                    <div class="right">
-                        <button id="ITP_BTN_MPOMNG01010_POP_ITEM_MINUS" class="POP_ITEM_MINUS">-</button>
-                        <div class="num fnPchReqQty">1</div>
-                        <button id="ITP_BTN_MPOMNG01010_POP_ITEM_PLUS" class="POP_ITEM_PLUS">+</button>
-                    </div>
-                    <div class="add">
-                        <button id="ITP_BTN_MPOMNG01010_POP_ITEM_ADD" class="POP_ITEM_ADD">추가</button>
-                    </div>
-                </li>
-            </div>
-        </div>
-    </div>
-</div>
-
   <div id="ITP_AJAX_MPOMNG01010_VIEW_CONTAINER">
     <form id="ITP_FORM_MPOMNG01010_DETAIL" class="form-horizontal" onsubmit="return false;">
       <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_VIEW_CD" name="viewCd" value="C">
@@ -192,4 +81,114 @@
     </form>
   </div>
   <div id="ITP_MOBILE_JS"></div>
+    <div id="ITP_POP_MPOMNG01010_REQ_AREA" class="popup mobile-pop-close" style="display: none;">
+        <div class="pop">
+            <div class="pop_line">
+                <label>납품요청일 &nbsp;&nbsp;:</label>
+                <div class="fnPopDlvReqDt"></div>
+            </div>
+            <div class="pop_line">
+                <label>품목수&nbsp;&nbsp; :</label>
+                <div class="fnItemQty">개</div>
+            </div>
+            <div class="pop_line">
+                <label>구매금액 &nbsp;&nbsp;:</label>
+                <div class="fnOrdAmt">원</div>
+            </div>
+            <label class="pop_label msg_save">구매요청 하시겠습니까?</label>
+            <div class="popup_btn">
+                <button id="ITP_BTN_MPOMNG01010_POP_REQ_CLOSE" class="cancel btn-gray CLB btn-pop-close">취소</button>
+                <button id="ITP_BTN_MPOMNG01010_POP_REQ_CONFIRM" class="ok btn-primary COK">확인</button>
+            </div>
+        </div>
+    </div>
+    <div id="ITP_POP_MPOMNG01010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
+        <div class="pop">
+            <div class="header">
+                <div class="header_left">
+                    <label>> 납품장소</label>
+                </div>
+                <div class="header_right">
+                    <button type="button" id="ITP_BTN_MPOMNG01010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+                </div>
+            </div>
+            <div class="search_bar">
+                <form id="ITP_FORM_MPOMNG01010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+                    <input type="hidden" id="ITP_FORM_MPOMNG01010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+                    <input type="hidden" id="ITP_FORM_MPOMNG01010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+                    <input id="ITP_FORM_MPOMNG01010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+                    <button id="ITP_BTN_MPOMNG01010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+                </form>
+            </div>
+            <div class="search_bar">
+                <button id="ITP_BTN_MPOMNG01010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
+            </div>
+            <div id="ITP_LIST_MPOMNG01010_POP_WHS_AREA" class="popup_scroll">
+                <ul id="ITP_LIST_MPOMNG01010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
+                <div id="ITP_LIST_MPOMNG01010_POP_WHS_ROWCOPY" style="display:none;">
+                    <li class="row_2">
+                        <div class="scroll_left">
+                            <div class="fnWhsNm">브랜드 창고 명A</div>
+                            <div class="fnLocationNm">(상세위치내용)</div>
+                        </div>
+                        <div class="scroll_right">
+                            <button id="ITP_BTN_MPOMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+                        </div>
+                    </li>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div id="ITP_POP_MPOMNG01010_ITEM_AREA" class="popup2 mobile-pop-close" style="display: none;">
+        <div class="pop">
+            <div class="header">
+                <div class="header_left">
+                    <label>> 품목 검색</label>
+                </div>
+                <div class="header_right">
+                    <button type="button" id="ITP_BTN_MPOMNG01010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+                </div>
+            </div>
+            <form id="ITP_FORM_MPOMNG01010_POPUP_ITEM" class="form-horizontal" onsubmit="return false;">
+                <input type="hidden" id="ITP_FORM_MPOMNG01010_POPUP_ITEM_BRAND_ID" name="sbrandId" value="">
+                <input type="hidden" id="ITP_FORM_MPOMNG01010_POPUP_ITEM_STORE_ID" name="sstoreId" value="">
+                <div class="search_bar">
+                    <input id="ITP_FORM_MPOMNG01010_POP_ITEM_KEYWORD" name="sitemNm" type="text" placeholder="품목명/품목번호" />
+                    <button id="ITP_BTN_MPOMNG01010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
+                </div>
+                <div class="search_bar">
+                    <button id="ITP_BTN_MPOMNG01010_POP_ITEM_NM" class="btn_blue">품목명▼</button>
+                </div>
+            </form>
+            <div id="ITP_LIST_MPOMNG01010_POP_ITEM_AREA" class="popup_scroll">
+                <ul id="ITP_LIST_MPOMNG01010_POP_ITEM_ROWS" class="panel-group"></ul>
+                <div id="ITP_LIST_MPOMNG01010_POP_ITEM_ROWCOPY" style="display:none;">
+                    <li class="row_2">
+                        <div class="left" style="width:180px;">
+                            <!--<div class="check_box">
+                                <input type="checkbox" id="ITP_FORM_MPOMNG01010_POP_ITEM_CHECKBOX" name="itemId" />
+                            </div>-->
+                            <div class="thick">
+                                <div class="fnItemNm">품목명</div>
+                                <div>-</div>
+                                <div class="fnUnit">EA</div>
+                            </div>
+                            <div class="thick" style="font-weight:100;">
+                                <div class="space">구매가 :</div>
+                                <div class="fnUnitAmt">0</div>
+                            </div>
+                        </div>
+                        <div class="right">
+                            <button id="ITP_BTN_MPOMNG01010_POP_ITEM_MINUS" class="POP_ITEM_MINUS">-</button>
+                            <div class="num fnPchReqQty">1</div>
+                            <button id="ITP_BTN_MPOMNG01010_POP_ITEM_PLUS" class="POP_ITEM_PLUS">+</button>
+                        </div>
+                        <div class="add">
+                            <button id="ITP_BTN_MPOMNG01010_POP_ITEM_ADD" class="POP_ITEM_ADD">추가</button>
+                        </div>
+                    </li>
+                </div>
+            </div>
+        </div>
+    </div>
 </section>

src/main/webapp/mobile/app/mpomng/MPOMNG04010.html

@@ -1,78 +1,4 @@
 <section id="ITP_MOBILE_MPOMNG04010">
-	<div id="ITP_POP_MPOMNG04010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
-		<div class="pop">
-			<div class="header">
-				<div class="header_left">
-					<label>> 공급업체</label>
-				</div>
-				<div class="header_right">
-					<button type="button" id="ITP_BTN_MPOMNG04010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
-				</div>
-			</div>
-			<div class="search_bar">
-				<form id="ITP_FORM_MPOMNG04010_POP_SPPLY_SEARCH" class="form-horizontal" onsubmit="return false;">
-					<input type="hidden" id="ITP_FORM_MPOMNG04010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
-					<input type="hidden" id="ITP_FORM_MPOMNG04010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
-					<input id="ITP_FORM_MPOMNG04010_POP_SPPLY_KEYWORD" type="text" name="sspplyNm" placeholder="공급업체명">
-					<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
-				</form>
-			</div>
-			<div class="search_bar">
-				<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
-			</div>
-			<div id="ITP_POP_MPOMNG04010_LIST_SPPLY_AREA" class="popup_scroll">
-				<ul id="ITP_POP_MPOMNG04010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_POP_MPOMNG04010_LIST_SPPLY_ROWCOPY" style="display: none;">
-					<li class="list-row">
-						<div class="scroll_left">
-							<div class="fnSpplyNm">공급업체 명A</div>
-							<div class="fnStNm">($)</div>
-						</div>
-						<div class="scroll_right">
-							<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
-						</div>
-					</li>
-				</div>
-			</div>
-		</div>
-	</div>
-	<div id="ITP_POP_MPOMNG04010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
-		<div class="pop">
-			<div class="header">
-				<div class="header_left">
-					<label>> 납품장소</label>
-				</div>
-				<div class="header_right">
-					<button type="button" id="ITP_BTN_MPOMNG04010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
-				</div>
-			</div>
-			<div class="search_bar">
-				<form id="ITP_FORM_MPOMNG04010_POP_WHS" class="form-horizontal" onsubmit="return false;">
-					<input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
-					<input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
-					<input id="ITP_FORM_MPOMNG04010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
-					<button id="ITP_BTN_MPOMNG04010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
-				</form>
-			</div>
-			<div class="search_bar">
-				<button id="ITP_BTN_MPOMNG04010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
-			</div>
-			<div id="ITP_LIST_MPOMNG04010_POP_WHS_AREA" class="popup_scroll">
-				<ul id="ITP_LIST_MPOMNG04010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MPOMNG04010_POP_WHS_ROWCOPY" style="display:none;">
-					<li class="list-row">
-						<div class="scroll_left">
-							<div class="fnWhsNm">브랜드 창고 명A</div>
-							<div class="fnLocationNm">(상세위치내용)</div>
-						</div>
-						<div class="scroll_right">
-							<button id="ITP_BTN_MPOMNG04010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
-						</div>
-					</li>
-				</div>
-			</div>
-		</div>
-	</div>
 	<div id="ITP_AJAX_MPOMNG04010_LIST_CONTAINER" style="display: block;">
 		<form id="ITP_FORM_MPOMNG04010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
 			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
@@ -258,4 +184,78 @@
 		</form>
 	</div>
 	<div id="ITP_MOBILE_JS"></div>
+	<div id="ITP_POP_MPOMNG04010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
+		<div class="pop">
+			<div class="header">
+				<div class="header_left">
+					<label>> 공급업체</label>
+				</div>
+				<div class="header_right">
+					<button type="button" id="ITP_BTN_MPOMNG04010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MPOMNG04010_POP_SPPLY_SEARCH" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MPOMNG04010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MPOMNG04010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MPOMNG04010_POP_SPPLY_KEYWORD" type="text" name="sspplyNm" placeholder="공급업체명">
+					<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
+				</form>
+			</div>
+			<div class="search_bar">
+				<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
+			</div>
+			<div id="ITP_POP_MPOMNG04010_LIST_SPPLY_AREA" class="popup_scroll">
+				<ul id="ITP_POP_MPOMNG04010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_POP_MPOMNG04010_LIST_SPPLY_ROWCOPY" style="display: none;">
+					<li class="list-row">
+						<div class="scroll_left">
+							<div class="fnSpplyNm">공급업체 명A</div>
+							<div class="fnStNm">($)</div>
+						</div>
+						<div class="scroll_right">
+							<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div id="ITP_POP_MPOMNG04010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
+		<div class="pop">
+			<div class="header">
+				<div class="header_left">
+					<label>> 납품장소</label>
+				</div>
+				<div class="header_right">
+					<button type="button" id="ITP_BTN_MPOMNG04010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MPOMNG04010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MPOMNG04010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+					<button id="ITP_BTN_MPOMNG04010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+				</form>
+			</div>
+			<div class="search_bar">
+				<button id="ITP_BTN_MPOMNG04010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
+			</div>
+			<div id="ITP_LIST_MPOMNG04010_POP_WHS_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MPOMNG04010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MPOMNG04010_POP_WHS_ROWCOPY" style="display:none;">
+					<li class="list-row">
+						<div class="scroll_left">
+							<div class="fnWhsNm">브랜드 창고 명A</div>
+							<div class="fnLocationNm">(상세위치내용)</div>
+						</div>
+						<div class="scroll_right">
+							<button id="ITP_BTN_MPOMNG04010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
 </section>

src/main/webapp/mobile/js/app/mloanmng/ITP_MLOANMNG01010.js

@@ -0,0 +1,337 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		mobPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_GRID_LIST 			= '/api/loan/state/detail-grid-list';	// 목록
+const API_MOBILE_INFO 				= '/api/loan/state/info-loan-mng';		// 상세
+const API_MOBILE_HISTORY			= '/api/loan/state/hist-grid-list';		// 이력
+const API_POP_SEARCH_LIST			= '/api/store/pop-grid-list';
+
+const PAGE_MODE_LIST				= "LIST";
+const PAGE_MODE_VIEW				= "VIEW";
+
+let mobPageObj = {
+	viewMode: PAGE_MODE_LIST,
+	init: function () {
+		this.ui.init();
+		this.event.init();
+		this.ready();
+	},
+	ui: {
+		init: function () {
+			this.view();
+			this.info();
+		},
+		view: function() {
+			// 공통코드 표시
+			$('select').each(function() {
+				if($(this).data('select-code')) {
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+				}
+			});
+		},
+		info: function() {
+			$('input:hidden[id$="_BRAND_ID"]').val(fn_make_user_info.get('brandId'));
+			$('input:hidden[id$="_STORE_ID"]').val(fn_make_user_info.get('storeId'));
+			$('input:hidden[id$="_SPPLY_ID"]').val(fn_make_user_info.get('userId'));
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			$('button[id^="ITP_BTN_MLOANMNG01010_LIST"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MLOANMNG01010_LIST_SEARCH_STORE_NM'	: mobPopObj.popStoreNm.init(); 		break;
+					case 'ITP_BTN_MLOANMNG01010_LIST_DELETE_STORE_NM'	: mobPopObj.popStoreNm.delete(); 	break;
+					case 'ITP_BTN_MLOANMNG01010_LIST_SEARCH'			: mobContentObj.list.search();		break;
+				}
+				return false;
+			});
+
+			$('button[id^="ITP_BTN_MLOANMNG01010_VIEW"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MLOANMNG01010_VIEW_SEARCH'		: mobContentObj.view.history.search();	break;
+					case 'ITP_BTN_MLOANMNG01010_VIEW_CANCEL_LIST'	: mobContentObj.view.cancel();			break;
+				}
+				return false;
+			});
+
+			$(document).on('click', '#ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWS li', function() {
+				var item = mobContentObj.list.rows[$(this).index()];
+				mobContentObj.view.init(item);
+			});
+
+			$(document).on('click', '#ITP_LIST_MLOANMNG01010_POP_STORE_ROWS li button', function() {
+				mobPopObj.popWhsNm.choice($(this));
+			});
+		}
+	},
+	switchScreen: function(mode) {
+		$('#ITP_MOBILE_MLOANMNG01010').find('div[id$="_CONTAINER"]').each(function(i) {
+			$(this).hide();
+		});
+		if(mode === PAGE_MODE_LIST) {
+			$('#ITP_AJAX_MLOANMNG01010_LIST_CONTAINER').show();
+			this.moreView(true);
+		} else if(mode === PAGE_MODE_VIEW) {
+			$('#ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER').show();
+			this.moreView(false);
+		}
+		this.viewMode = mode;
+	},
+	moreView: function(isScroll) {
+		var _this = this;
+		if(isScroll) {
+			$('#ITP_LIST_MLOANMNG01010_LIST_ITEM_AREA').on('scroll', function () {
+				if($(this).scrollTop() + $(this).innerHeight() + 1 >= $(this)[0].scrollHeight) {
+					if(mobContentObj.list.totPage > mobContentObj.list.listPage) {
+						if(!mobContentObj.list.isSearch) {
+							mobContentObj.list.load();
+						}
+					}
+				}
+			});
+		} else {
+			$('#ITP_LIST_MLOANMNG01010_LIST_AREA').off('scroll');
+		}
+	},
+	ready: function() {
+		mobContentObj.list.init();
+	}
+};
+
+let mobContentObj = {
+	list: {
+		listSize: 10,
+		listPage: 0,
+		totPage: 0,
+		isSearch: false,
+		rows: [],
+		init: function() {
+			mobPageObj.switchScreen(PAGE_MODE_LIST);
+			this.search();
+		},
+		search: function() {
+			this.listPage = 0;
+			this.totPage = 0;
+			this.rows.length = 0;
+			$('#ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWS').empty();
+			this.load();
+		},
+		load: function() {
+			var _this = this;
+			this.isSearch = true;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.isSearch = false;
+				_this.totPage = result.gridTotal;
+				$.each(result.gridRows, function (i, item) {
+					$('#ITP_LIST_MLOANMNG01010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MLOANMNG01010_LIST_ITEM_AREA .panel-group > .list-row:last');
+					$li.find('.fnStoreNm').text(item.storeNm);
+					$li.find('.fnLoanDvsnNm').text(item.loanDvsnNm);
+					var limitAmt;
+					if(item.loanDvsn == 'LD01') { // 선불(충전)
+						limitAmt = item.chrgeLimitAmt;
+					} else if(item.loanDvsn == 'LD02') { // 후불(신용)
+						limitAmt = item.credtLimitAmt;
+					}
+					$li.find('.fnLimitAmt').text(CommonObj.currency.add(limitAmt));
+					$li.find('.fnPosbLimitAmt').text(CommonObj.currency.add(limitAmt - item.useAmtTotal));
+					$li.find('.fnTmpRcvAcctTotal').text(CommonObj.currency.add(item.tmpRcvAcctTotal));
+					$li.find('.fnUseAmtTotal').text(CommonObj.currency.add(item.useAmtTotal));
+					$li.find('.fnUseYnNm').text(item.useYnNm);
+					_this.rows.push(item);
+				});
+			};
+			var errFn = function() { _this.isSearch = false;};
+			const param = $('#ITP_FORM_MLOANMNG01010_LIST_SEARCH').serializeObject();
+			param.gridPage = ++this.listPage;
+			param.gridSize = this.listSize
+			// console.log(JSON.stringify(param));
+			fn_ajax_call(API_MOBILE_GRID_LIST, JSON.stringify(param), callbackFn, 'POST', errFn);
+		}
+	},
+	view: {
+		init: function(item) {
+			mobPageObj.switchScreen(PAGE_MODE_VIEW);
+			this.search(item);
+		},
+		search: function(item) {
+			var _this = this;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result);
+			};
+			const param = {
+				'brandId': fn_make_user_info.get('brandId'),
+				'spplyId': fn_make_user_info.get('spplyId'),
+				'loanMgntUnqNo': item.loanMgntUnqNo
+			};
+			fn_ajax_call(API_MOBILE_INFO, param, callbackFn, 'GET');
+		},
+		view: function(result) {
+			var _this = this;
+			var id = '#ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER';
+			$(id).find('.fnStoreNm').text(result.storeNm);
+			$(id).find('.fnLoanDvsnNm').text(result.loanDvsnNm);
+			var limitAmt;
+			if(result.loanDvsn == 'LD01') { // 선불(충전)
+				limitAmt = result.chrgeLimitAmt;
+			} else if(result.loanDvsn == 'LD02') { // 후불(신용)
+				limitAmt = result.credtLimitAmt;
+			}
+			$(id).find('.fnLimitAmt').text(CommonObj.currency.add(limitAmt));
+			$(id).find('.fnUseYnNm').text(result.useYnNm);
+			$(id).find('.fnPosbLimitAmt').text(CommonObj.currency.add(limitAmt - result.useAmtTotal));
+			$(id).find('.fnTmpRcvAcctTotal').text(CommonObj.currency.add(result.tmpRcvAcctTotal));
+			$(id).find('.fnUseAmtTotal').text(CommonObj.currency.add(result.useAmtTotal));
+			_this.history.init(result.loanMgntUnqNo);
+		},
+		history: {
+			rows: [],
+			init: function(loanMgntUnqNo) {
+				// 조회일자 지정
+				$('#ITP_FORM_MLOANMNG01010_VIEW_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
+				$('#ITP_FORM_MLOANMNG01010_VIEW_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+				this.loanMgntUnqNo = loanMgntUnqNo;
+				this.search();
+			},
+			search: function() {
+				this.listPage = 0;
+				this.totPage = 0;
+				this.rows.length = 0;
+				$('#ITP_LIST_MLOANMNG01010_LIST_ITEM_ROWS').empty();
+				this.load();
+			},
+			load: function() {
+				var _this = this;
+				this.isSearch = true;
+				var callbackFn = function(result) {
+					console.log(result);
+					_this.isSearch = false;
+					_this.totPage = result.gridTotal;
+					$.each(result.gridRows, function (i, item) {
+						$('#ITP_LIST_MLOANMNG01010_VIEW_ITEM_AREA .panel-group').append($('#ITP_LIST_MLOANMNG01010_VIEW_ITEM_ROWCOPY').html());
+						var $li = $('#ITP_LIST_MLOANMNG01010_VIEW_ITEM_AREA .panel-group > .list-row:last');
+						$li.find('.fnLoanRegDt').text(item.loanRegDt);
+						$li.find('.fnDpstPayDvsnNm').text(item.dpstPayDvsnNm);
+						$li.find('.fnDstpAmt').text(item.dstpAmt);
+						$li.find('.fnTrscAfBal').text(item.trscAfBal);
+						$li.find('.fnUse').text(item.use);
+						_this.rows.push(item);
+					});
+				};
+				var errFn = function() { _this.isSearch = false;};
+				const param = $('#ITP_FORM_MLOANMNG01010_VIEW_SEARCH').serializeObject();
+				param.gridPage = ++this.listPage;
+				param.gridSize = this.listSize;
+				param.sloanMgntUnqNo = _this.loanMgntUnqNo;
+				param.fromDt = param.fromDt.replace(/-/g, ".");
+				param.toDt = param.toDt.replace(/-/g, ".");
+				console.log(JSON.stringify(param));
+				fn_ajax_call(API_MOBILE_HISTORY, JSON.stringify(param), callbackFn, 'POST', errFn);
+			}
+		},
+		cancel: function () {
+			var id = '#ITP_AJAX_MLOANMNG01010_VIEW_CONTAINER';
+			$(id).find('.fnItemid').text('');
+			$(id).find('.fnItemNm').text('');
+			$(id).find('.fnUPodrQty').text('');
+			$(id).find('.fnUnitAmt').text('');
+			$(id).find('.fnUnit').text('');
+			$(id).find('.fnPodrQty').text('');
+			$(id).find('.fnPodrAmt').text('');
+			$(id).find('.fnDlvReqDt').text('');
+			$('#ITP_LIST_MLOANMNG01010_VIEW_ITEM_AREA .panel-group').empty();
+			mobPageObj.switchScreen(PAGE_MODE_LIST);
+		}
+	}
+};
+
+let mobPopObj = {
+	popStoreNm: {
+		popId: 'ITP_POP_MLOANMNG01010_STORE_AREA',
+		rows: [],
+		init: function () {
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function () {
+			var _this = this;
+			$('#ITP_LIST_MLOANMNG01010_POP_STORE_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			const param = $('#ITP_FORM_MLOANMNG01010_POP_STORE').serializeObject();
+			fn_ajax_call(API_POP_SEARCH_LIST, JSON.stringify(param), callbackFn, 'POST');
+		},
+		view: function(gridRows) {
+			this.rows = gridRows;
+			$.each(gridRows, function (i, item) {
+				$('#ITP_LIST_MLOANMNG01010_POP_STORE_AREA .panel-group').append($('#ITP_LIST_MLOANMNG01010_POP_STORE_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MLOANMNG01010_POP_STORE_AREA .panel-group > .list-row:last');
+				$li.find('.fnStoreNm').text(item.storeNm);
+				$li.find('.fnStoreStNm').text(item.storeStNm);
+				$li.find('.fnStoreId').data('store-id', item.storeId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var storeId = $(elem).data('store-id');
+			$.each(this.rows, function (i, item) {
+				if(storeId === item.storeId) {
+					$('#ITP_FORM_MLOANMNG01010_LIST_SEARCH #ITP_FORM_MLOANMNG01010_LIST_SEARCH_STORE_ID').val(item.storeId);
+					$('#ITP_FORM_MLOANMNG01010_LIST_SEARCH #ITP_FORM_MLOANMNG01010_LIST_SEARCH_STORE_NM').val(item.storeNm);
+					_this.close();
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MLOANMNG01010_POP_STORE"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MLOANMNG01010_POP_STORE_SEARCH'	: _this.search();			break;
+					case 'ITP_BTN_MLOANMNG01010_POP_STORE_CHOICE'	: _this.choice($(this)); 	break;
+					case 'ITP_BTN_MLOANMNG01010_POP_STORE_CLOSE'	: _this.close(); 			break;
+				}
+				return false;
+			});
+		},
+		delete: function() {
+			$('#ITP_FORM_MLOANMNG01010_LIST_SEARCH #ITP_FORM_MLOANMNG01010_LIST_SEARCH_STORE_ID').val('');
+			$('#ITP_FORM_MLOANMNG01010_LIST_SEARCH #ITP_FORM_MLOANMNG01010_LIST_SEARCH_STORE_NM').val('');
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MLOANMNG01010_LIST_WHS_AREA .panel-group').empty();
+			$('#ITP_FORM_MLOANMNG01010_POP_STORE #ITP_FORM_MLOANMNG01010_POP_STORE_KEYWORD').val('');
+			mobPopObj.hide(this.popId);
+		}
+	},
+	show: function(popId) {
+		$('button[id$="_CLOSE"]').off('click').on('click', function() {
+			console.log($(this).attr('id'));
+			if($(this).hasClass('btn-pop-close')) {
+				mobPopObj.hide(popId);
+			}
+		});
+		$('#' + popId).show();
+	},
+	hide: function(popId) {
+		$('#' + popId).closest('.mobile-pop-close').hide();
+	}
+};

src/main/webapp/mobile/js/app/mloanmng/ITP_MLOANMNG02010.js

@@ -0,0 +1,487 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		mobPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_GRID_LIST 			= '/api/dspt/mng/detail-grid-list';	// 목록
+const API_MOBILE_INFO 				= '/api/dspt/mng/info-dspt';		// 상세
+const API_MOBILE_DSPT_REQ			= '/api/dspt/mng/request-dspt';		// 신규/승인
+const API_MOBILE_DSPT_REJ			= '/api/dspt/mng/remove-dspt';		// 삭제/반려
+const API_MOBILE_APPROVE			= '/api/dspt/mng/approve-dspt';		// 승인
+const API_MOBILE_REJECT				= '/api/dspt/mng/reject-dspt';		// 반려
+const API_POP_SEARCH_LIST			= '/api/store/pop-grid-list';
+
+const PAGE_MODE_LIST				= "LIST";
+const PAGE_MODE_VIEW				= "VIEW";
+
+let mobPageObj = {
+	viewMode: PAGE_MODE_LIST,
+	init: function () {
+		this.ui.init();
+		this.event.init();
+		this.ready();
+	},
+	ui: {
+		init: function () {
+			this.view();
+			this.info();
+		},
+		view: function() {
+			// 공통코드 표시
+			$('select').each(function() {
+				if($(this).data('select-code')) {
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+				}
+			});
+
+			// 조회일자 지정
+			$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
+			$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+
+			console.log(fn_make_user_info.get('authTpCd'));
+			if(fn_make_user_info.get('authTpCd') === '50') {
+				$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH #ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_NM').val(fn_make_user_info.get('storeNm'));
+				$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH #ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_NM').attr('readonly', true);
+				$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH #ITP_BTN_MLOANMNG02010_LIST_SEARCH_RTN_PLACE').attr('disabled', true);
+				$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH #ITP_BTN_MLOANMNG02010_LIST_DELETE_RTN_PLACE').attr('disabled', true);
+			}
+		},
+		info: function() {
+			$('input:hidden[id$="_BRAND_ID"]').val(fn_make_user_info.get('brandId'));
+			$('input:hidden[id$="_STORE_ID"]').val(fn_make_user_info.get('storeId'));
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			$('button[id^="ITP_BTN_MLOANMNG02010_LIST"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MLOANMNG02010_LIST_SEARCH_RTN_PLACE'	: mobPopObj.popStoreNm.init(); 		break;
+					case 'ITP_BTN_MLOANMNG02010_LIST_DELETE_RTN_PLACE'	: mobPopObj.popStoreNm.delete(); 	break;
+					case 'ITP_BTN_MLOANMNG02010_LIST_ADD'				: mobContentObj.list.add();		break;
+					case 'ITP_BTN_MLOANMNG02010_LIST_SEARCH'			: mobContentObj.list.search();		break;
+				}
+				return false;
+			});
+
+			$('button[id^="ITP_BTN_MLOANMNG02010_VIEW"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MLOANMNG02010_VIEW_SEARCH'		: mobContentObj.view.history.search();	break;
+					case 'ITP_BTN_MLOANMNG02010_VIEW_CANCEL_LIST'	: mobContentObj.view.cancel();			break;
+				}
+				return false;
+			});
+
+			$(document).on('click', '#ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWS li', function(e) {
+				var index = $(this).index();
+				if($(e.target).hasClass('AGR')) {
+					mobContentObj.list.agree(index);
+				} else if($(e.target).hasClass('RJT')) {
+					mobContentObj.list.reject(index);
+				} else {
+					// var item = mobContentObj.list.rows[index];
+					// mobContentObj.view.init(item);
+				}
+			});
+
+			$(document).on('click', '#ITP_LIST_MLOANMNG02010_POP_STORE_ROWS li button', function() {
+				mobPopObj.popWhsNm.choice($(this));
+			});
+		}
+	},
+	switchScreen: function(mode) {
+		$('#ITP_MOBILE_MLOANMNG02010').find('div[id$="_CONTAINER"]').each(function(i) {
+			$(this).hide();
+		});
+		if(mode === PAGE_MODE_LIST) {
+			$('#ITP_AJAX_MLOANMNG02010_LIST_CONTAINER').show();
+			this.moreView(true);
+		} else if(mode === PAGE_MODE_VIEW) {
+			$('#ITP_AJAX_MLOANMNG02010_VIEW_CONTAINER').show();
+			this.moreView(false);
+		}
+		this.viewMode = mode;
+	},
+	moreView: function(isScroll) {
+		var _this = this;
+		if(isScroll) {
+			$('#ITP_LIST_MLOANMNG02010_LIST_ITEM_AREA').on('scroll', function () {
+				if($(this).scrollTop() + $(this).innerHeight() + 1 >= $(this)[0].scrollHeight) {
+					if(mobContentObj.list.totPage > mobContentObj.list.listPage) {
+						if(!mobContentObj.list.isSearch) {
+							mobContentObj.list.load();
+						}
+					}
+				}
+			});
+		} else {
+			$('#ITP_LIST_MLOANMNG02010_LIST_AREA').off('scroll');
+		}
+	},
+	ready: function() {
+		mobContentObj.list.init();
+	}
+};
+
+let mobContentObj = {
+	list: {
+		listSize: 10,
+		listPage: 0,
+		totPage: 0,
+		isSearch: false,
+		rows: [],
+		init: function() {
+			mobPageObj.switchScreen(PAGE_MODE_LIST);
+			this.search();
+		},
+		search: function() {
+			this.listPage = 0;
+			this.totPage = 0;
+			this.rows.length = 0;
+			$('#ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWS').empty();
+			this.load();
+		},
+		load: function() {
+			var _this = this;
+			this.isSearch = true;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.isSearch = false;
+				_this.totPage = result.gridTotal;
+				$.each(result.gridRows, function (i, item) {
+					$('#ITP_LIST_MLOANMNG02010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MLOANMNG02010_LIST_ITEM_AREA .panel-group > .list-row:last');
+					$li.find('.fnStoreNm').text(item.storeNm);
+					$li.find('.fnDpstDt').text(item.dpstDt);
+					$li.find('.fnDpstAmt').text(CommonObj.currency.add(item.dpstAmt));
+					$li.find('.fnDpstNm').text(item.dpstNm);
+					$li.find('.fnRcvAcctNo').text(item.rcvAcctNo);
+					$li.find('.fnDpstBnkNm').text(item.dpstBnkNm);
+					$li.find('.fnDpstStNm').text(item.dpstStNm);
+					var dpstDt = '';
+					if(item.dpstStCd === 'DP01') {
+						dpstDt = item.reqDt;
+						if(fn_make_user_info.get('authTpCd') === '40') {
+							$li.find('.btn-dpst').show();
+						}
+					} else if(item.dpstStCd === 'DP02') {
+						dpstDt = item.dpstDt;
+					} else if(item.dpstStCd === 'DP03') {
+						dpstDt = item.dsptRjctDt;
+					} else if(item.dpstStCd === 'DP04') {
+						dpstDt = item.dpstAuthDt;
+					}
+					$li.find('.fnDpstDt').text(dpstDt);
+					_this.rows.push(item);
+				});
+			};
+			var errFn = function() { _this.isSearch = false;};
+			const param = $('#ITP_FORM_MLOANMNG02010_LIST_SEARCH').serializeObject();
+			param.gridPage = ++this.listPage;
+			param.gridSize = this.listSize
+			param.fromDt = param.fromDt.replace(/-/g, ".");
+			param.toDt = param.toDt.replace(/-/g, ".");
+			console.log(JSON.stringify(param));
+			fn_ajax_call(API_MOBILE_GRID_LIST, JSON.stringify(param), callbackFn, 'POST', errFn);
+		},
+		add: function() {
+			var storeId = $('#ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_ID').val();
+			if(storeId.length < 1) {
+				alert('신규입금 처리를 위한 매장을 선택하세요.');
+				return;
+			}
+			mobPopObj.popDpstReq.init();
+		},
+		agree: function(index) {
+			var item = this.rows[index];
+			console.log(item);
+			if(item.dpstStCd !== 'DP01') {
+				alert('입금요청 건만 승인처리를 할 수 있습니다.');
+				return;
+			}
+			if(confirm(ITP_MSG_LOCALE.message.form.procData)) {
+				var param = {"dsptMgntNoList": [item.dsptMgntNo]};
+				fn_ajax_call(API_MOBILE_APPROVE, JSON.stringify(param), function() { mobContentObj.list.search(); }, 'POST');
+			}
+		},
+		reject: function(index) {
+			var item = this.rows[index];
+			console.log(item);
+			if(item.dpstStCd !== 'DP01') {
+				alert('입금요청 건만 반려처리를 할 수 있습니다.');
+				return;
+			}
+			mobPopObj.popDpstRjct.init(item.dsptMgntNo);
+		}
+	},
+	view: {
+		init: function(item) {
+			mobPageObj.switchScreen(PAGE_MODE_VIEW);
+			this.search(item);
+		},
+		search: function(item) {
+			var _this = this;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result);
+			};
+			const param = {
+				'brandId': fn_make_user_info.get('brandId'),
+				'spplyId': fn_make_user_info.get('spplyId'),
+				'loanMgntUnqNo': item.loanMgntUnqNo
+			};
+			fn_ajax_call(API_MOBILE_INFO, param, callbackFn, 'GET');
+		},
+		view: function(result) {
+			var _this = this;
+			var id = '#ITP_AJAX_MLOANMNG02010_VIEW_CONTAINER';
+			$(id).find('.fnStoreNm').text(result.storeNm);
+			$(id).find('.fnLoanDvsnNm').text(result.loanDvsnNm);
+			var limitAmt;
+			if(result.loanDvsn == 'LD01') { // 선불(충전)
+				limitAmt = result.chrgeLimitAmt;
+			} else if(result.loanDvsn == 'LD02') { // 후불(신용)
+				limitAmt = result.credtLimitAmt;
+			}
+			$(id).find('.fnLimitAmt').text(CommonObj.currency.add(limitAmt));
+			$(id).find('.fnUseYnNm').text(result.useYnNm);
+			$(id).find('.fnPosbLimitAmt').text(CommonObj.currency.add(limitAmt - result.useAmtTotal));
+			$(id).find('.fnTmpRcvAcctTotal').text(CommonObj.currency.add(result.tmpRcvAcctTotal));
+			$(id).find('.fnUseAmtTotal').text(CommonObj.currency.add(result.useAmtTotal));
+			_this.history.init(result.loanMgntUnqNo);
+		},
+		history: {
+			rows: [],
+			init: function(loanMgntUnqNo) {
+				// 조회일자 지정
+				$('#ITP_FORM_MLOANMNG02010_VIEW_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
+				$('#ITP_FORM_MLOANMNG02010_VIEW_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+				this.loanMgntUnqNo = loanMgntUnqNo;
+				this.search();
+			},
+			search: function() {
+				this.listPage = 0;
+				this.totPage = 0;
+				this.rows.length = 0;
+				$('#ITP_LIST_MLOANMNG02010_LIST_ITEM_ROWS').empty();
+				this.load();
+			},
+			load: function() {
+				var _this = this;
+				this.isSearch = true;
+				var callbackFn = function(result) {
+					console.log(result);
+					_this.isSearch = false;
+					_this.totPage = result.gridTotal;
+					$.each(result.gridRows, function (i, item) {
+						$('#ITP_LIST_MLOANMNG02010_VIEW_ITEM_AREA .panel-group').append($('#ITP_LIST_MLOANMNG02010_VIEW_ITEM_ROWCOPY').html());
+						var $li = $('#ITP_LIST_MLOANMNG02010_VIEW_ITEM_AREA .panel-group > .list-row:last');
+						$li.find('.fnLoanRegDt').text(item.loanRegDt);
+						$li.find('.fnDpstPayDvsnNm').text(item.dpstPayDvsnNm);
+						$li.find('.fnDstpAmt').text(item.dstpAmt);
+						$li.find('.fnTrscAfBal').text(item.trscAfBal);
+						$li.find('.fnUse').text(item.use);
+						_this.rows.push(item);
+					});
+				};
+				var errFn = function() { _this.isSearch = false;};
+				const param = $('#ITP_FORM_MLOANMNG02010_VIEW_SEARCH').serializeObject();
+				param.gridPage = ++this.listPage;
+				param.gridSize = this.listSize;
+				param.sloanMgntUnqNo = _this.loanMgntUnqNo;
+				param.fromDt = param.fromDt.replace(/-/g, ".");
+				param.toDt = param.toDt.replace(/-/g, ".");
+				console.log(JSON.stringify(param));
+				fn_ajax_call(API_MOBILE_HISTORY, JSON.stringify(param), callbackFn, 'POST', errFn);
+			}
+		},
+		cancel: function () {
+			var id = '#ITP_AJAX_MLOANMNG02010_VIEW_CONTAINER';
+			$(id).find('.fnItemid').text('');
+			$(id).find('.fnItemNm').text('');
+			$(id).find('.fnUPodrQty').text('');
+			$(id).find('.fnUnitAmt').text('');
+			$(id).find('.fnUnit').text('');
+			$(id).find('.fnPodrQty').text('');
+			$(id).find('.fnPodrAmt').text('');
+			$(id).find('.fnDlvReqDt').text('');
+			$('#ITP_LIST_MLOANMNG02010_VIEW_ITEM_AREA .panel-group').empty();
+			mobPageObj.switchScreen(PAGE_MODE_LIST);
+		}
+	}
+};
+
+let mobPopObj = {
+	popStoreNm: {
+		popId: 'ITP_POP_MLOANMNG02010_STORE_AREA',
+		rows: [],
+		init: function () {
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function () {
+			var _this = this;
+			$('#ITP_LIST_MLOANMNG02010_POP_STORE_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			const param = $('#ITP_FORM_MLOANMNG02010_POP_STORE').serializeObject();
+			fn_ajax_call(API_POP_SEARCH_LIST, JSON.stringify(param), callbackFn, 'POST');
+		},
+		view: function(gridRows) {
+			this.rows = gridRows;
+			$.each(gridRows, function (i, item) {
+				$('#ITP_LIST_MLOANMNG02010_POP_STORE_AREA .panel-group').append($('#ITP_LIST_MLOANMNG02010_POP_STORE_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MLOANMNG02010_POP_STORE_AREA .panel-group > .list-row:last');
+				$li.find('.fnStoreNm').text(item.storeNm);
+				$li.find('.fnStoreStNm').text(item.storeStNm);
+				$li.find('.fnStoreId').data('store-id', item.storeId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var storeId = $(elem).data('store-id');
+			$.each(this.rows, function (i, item) {
+				if(storeId === item.storeId) {
+					$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH #ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_ID').val(item.storeId);
+					$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH #ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_NM').val(item.storeNm);
+					_this.close();
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MLOANMNG02010_POP_STORE"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MLOANMNG02010_POP_STORE_SEARCH'	: _this.search();			break;
+					case 'ITP_BTN_MLOANMNG02010_POP_STORE_CHOICE'	: _this.choice($(this)); 	break;
+					case 'ITP_BTN_MLOANMNG02010_POP_STORE_CLOSE'	: _this.close(); 			break;
+				}
+				return false;
+			});
+		},
+		delete: function() {
+			$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH #ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_ID').val('');
+			$('#ITP_FORM_MLOANMNG02010_LIST_SEARCH #ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_NM').val('');
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MLOANMNG02010_LIST_WHS_AREA .panel-group').empty();
+			$('#ITP_FORM_MLOANMNG02010_POP_STORE #ITP_FORM_MLOANMNG02010_POP_STORE_KEYWORD').val('');
+			mobPopObj.hide(this.popId);
+		}
+	},
+	popDpstReq: {
+		popId: 'ITP_POP_MLOANMNG02010_DPST_REQ_AREA',
+		init: function() {
+			this.reset();
+			$('#ITP_POP_FORM_MLOANMNG02010_DPST_REQ #ITP_FORM_MLOANMNG02010_POP_BRAND_NM').val(fn_make_user_info.get('brandNm'));
+			$('#ITP_POP_FORM_MLOANMNG02010_DPST_REQ #ITP_POP_FORM_MLOANMNG02010_DPST_REQ_STORE_ID').val($('#ITP_FORM_MLOANMNG02010_LIST_SEARCH #ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_ID').val());
+			$('#ITP_POP_FORM_MLOANMNG02010_DPST_REQ #ITP_FORM_MLOANMNG02010_POP_STORE_NM').val($('#ITP_FORM_MLOANMNG02010_LIST_SEARCH #ITP_FORM_MLOANMNG02010_LIST_SEARCH_STORE_NM').val());
+			$('#ITP_POP_FORM_MLOANMNG02010_DPST_REQ #ITP_FORM_MLOANMNG02010_POP_DPST_DT').val(itp_fn_date_add('M', 0));
+			mobPopObj.show(this.popId);
+			this.action();
+		},
+		action: function() {
+			var _this = this;
+			$('button[id="ITP_BTN_MLOANMNG02010_POP_DPST_ADD"]').off('click').on('click', function() {
+				_this.save();
+			});
+			$('button[id="ITP_BTN_MLOANMNG02010_POP_DPST_CANCEL"]').off('click').on('click', function() {
+				_this.cancel();
+			});
+		},
+		save: function() {
+			var _this = this;
+			const formId = '#ITP_POP_FORM_MLOANMNG02010_DPST_REQ';
+			if (itp_fn_form_event.isValid(formId)) {
+				if(confirm(ITP_MSG_LOCALE.message.form.procData)) {
+					var saveFn = function() {
+						_this.cancel();
+						mobContentObj.list.search();
+					};
+					var param = $(formId).serializeObject();
+					param.dpstDt = param.dpstDt.replace(/-/g, ".");
+					console.log(JSON.stringify(param));
+					fn_ajax_call(API_MOBILE_DSPT_REQ, JSON.stringify(param), saveFn, 'POST');
+				}
+			}
+		},
+		reset: function() {
+			itp_fn_form_clear_validate(null,  '#ITP_POP_FORM_MLOANMNG02010_DPST_REQ');
+			$('#ITP_POP_FORM_MLOANMNG02010_DPST_REQ #ITP_FORM_MLOANMNG02010_POP_STORE_ID').val('');
+			$('#ITP_POP_FORM_MLOANMNG02010_DPST_REQ #ITP_FORM_MLOANMNG02010_POP_BRAND_NM').val('');
+			$('#ITP_POP_FORM_MLOANMNG02010_DPST_REQ #ITP_FORM_MLOANMNG02010_POP_STORE_NM').val('');
+			$('#ITP_POP_FORM_MLOANMNG02010_DPST_REQ #ITP_FORM_MLOANMNG02010_POP_DPST_AMT').val('');
+			$('#ITP_POP_FORM_MLOANMNG02010_DPST_REQ #ITP_FORM_MLOANMNG02010_POP_DPST_DT').val('');
+			$('#ITP_POP_FORM_MLOANMNG02010_DPST_REQ #ITP_FORM_MLOANMNG02010_POP_DPST_NM').val('');
+			$('#ITP_POP_FORM_MLOANMNG02010_DPST_REQ #ITP_FORM_MLOANMNG02010_POP_DPST_BNK').val('');
+			$('#ITP_POP_FORM_MLOANMNG02010_DPST_REQ #ITP_FORM_MLOANMNG02010_POP_DPST_ACCT_NO').val('');
+		},
+		cancel: function() {
+			mobPopObj.hide(this.popId);
+		}
+	},
+	popDpstRjct: {
+		popId: 'ITP_POP_MLOANMNG02010_DPST_RJCT_AREA',
+		init: function(dsptMgntNo) {
+			this.reset();
+			this.action();
+			this.dsptMgntNo = dsptMgntNo;
+			mobPopObj.show(this.popId);
+		},
+		action: function() {
+			var _this = this;
+			$('button[id="ITP_BTN_MLOANMNG02010_POP_DPST_RJCT"]').off('click').on('click', function() {
+				_this.save();
+			});
+		},
+		save: function() {
+			var _this = this;
+			var reason = $('#ITP_POP_FORM_MLOANMNG02010_DPST_RJCT #ITP_POP_FORM_MLOANMNG02010_DPST_RJCT_REASON').val();
+			if(reason.length < 1) {
+				alert('반려 사유를 입력해 주세요.');
+				return;
+			}
+			if(confirm(ITP_MSG_LOCALE.message.form.procData)) {
+				var saveFn = function() {
+					_this.cancel();
+					mobContentObj.list.search();
+				};
+				var param = {'dsptMgntNoList': [_this.dsptMgntNo], 'dsptRjctRsn': reason};
+				fn_ajax_call(API_MOBILE_REJECT, JSON.stringify(param), saveFn, 'POST');
+			}
+		},
+		reset: function() {
+			itp_fn_form_clear_validate(null,  '#ITP_POP_FORM_MLOANMNG02010_DPST_RJCT');
+			$('#ITP_POP_FORM_MLOANMNG02010_DPST_RJCT #ITP_POP_FORM_MLOANMNG02010_DPST_RJCT_REASON').val('');
+		},
+		cancel: function() {
+			mobPopObj.hide(this.popId);
+		}
+	},
+	show: function(popId) {
+		$('button[id$="_CLOSE"]').off('click').on('click', function() {
+			console.log($(this).attr('id'));
+			if($(this).hasClass('btn-pop-close')) {
+				mobPopObj.hide(popId);
+			}
+		});
+		$('#' + popId).show();
+	},
+	hide: function(popId) {
+		$('#' + popId).closest('.mobile-pop-close').hide();
+	}
+};