모바일 공급사 수주관리 작업

src/main/webapp/mobile/app/mordmng/MORDMNG01010.html

@@ -1,24 +1,29 @@
 <section id="ITP_MOBILE_MORDMNG01010">
-	<div id="ITP_AJAX_MORDMNG01010_LIST_CONTAINER" style="display: none;">
-	  <form id="ITP_FORM_MORDMNG01010_LIST" class="form-horizontal" onsubmit="return false;">
+	<div id="ITP_AJAX_MORDMNG01010_LIST_CONTAINER" style="display: block;">
+	  <form id="ITP_FORM_MORDMNG01010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
 		<input type="hidden" id="ITP_FORM_MORDMNG01010_LIST_VIEW_CD" name="viewCd" value="C">
+		  <input type="hidden" id="ITP_FORM_MORDMNG01010_SEARCH_BRAND_ID" name="sbrandId" value="">
+		  <input type="hidden" id="ITP_FORM_ORDMNG01010_SEARCH_STORE_ID" name="sstoreId" value="">
+		  <input type="hidden" id="ITP_FORM_ORDMNG01010_SEARCH_SPPLY_ID" name="sspplyId" value="">
+		  <input type="hidden" id="ITP_FORM_ORDMNG01010_LIST_SEARCH_IDX" name="sidx" value="0">
 		  <div class="content">
 			<div class="line">
 			  <label>납품장소</label>
 			  <div class="search_wrap">
 				  <div class="float_left">
-					<input id="ITP_FORM_MORDMNG01010_LIST_DLV_PLACE" name="dlvPlace" type="text" placeholder="A매장명">
+					<input id="ITP_FORM_MORDMNG01010_LIST_SEARCH_WHS_NM" name="swhsNm" type="text" placeholder="A매장명">
+					  <input type="hidden" id="ITP_FORM_MORDMNG01010_LIST_SEARCH_WHS_ID" class="form-control itp_input" name="swhsId"/>
 				  </div>
 				  <div class="float_left_btn">
-					<button id="ITP_BTN_MORDMNG01010_LIST_SEARCH_DLV_PLACE" data-call-popup="ITP_POP_MORDMNG01010_DLV_AREA"><img src="../img/search.png" alt=""></button>
-					<button id="ITP_BTN_MORDMNG01010_LIST_DETELE_DLV_PLACE"><img src="../img/delete.png" alt=""></button>
+					  <button type="button" id="ITP_BTN_MORDMNG01010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
+					  <button type="button" id="ITP_BTN_MORDMNG01010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 				  </div>	
 			  </div>
 			</div>
 			<div class="line">
 			  <label>수주상태</label>
 			  <div class="line_right">
-				<select name="stCd" id="ITP_FORM_MORDMNG01010_LIST_ST_CD">
+				<select name="spchOdrStCd" id="ITP_FORM_MORDMNG01010_LIST_SEARCH_ST_CD" data-select-code="PCH_ODR_ST_CD">
 				  <option value=""></option>
 				</select>
 			  </div>
@@ -26,17 +31,15 @@
 			<div class="line">
 			  <label>수주일자</label>
 			  <div class="date_to">
-				<input id="ITP_FORM_MORDMNG01010_LIST_FORM_DT" name="formDt" class="year" type="date">
-				<div class="at">~</div>
-				<input id="ITP_FORM_MORDMNG01010_LIST_TO_DT" name="toDt" class="year" type="date">
+				  <input id="ITP_FORM_MORDMNG01010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
+				  <div class="at">~</div>
+				  <input id="ITP_FORM_MORDMNG01010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
 			  </div>
 			</div>
 			<div class="line">
-			  <select class="label" name="itemNm" id="ITP_FORM_MORDMNG01010_LIST_ITEM_NM">
-				<option value="">발주번호/품목명</option>
-			  </select>
+				<label>발주번호/품목번호/품목명</label>
 			  <div class="search_wrap">
-				<input id="ITP_FORM_MORDMNG01010_LIST_ITEM_NM" name="itemNm" style="width: 262px;" type="text" placeholder="검색어입력">
+				<input id="ITP_FORM_MORDMNG01010_LIST_SEARCH_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="검색어입력">
 			  </div>
 			</div>
 			<div class="line" style="height:50px;">
@@ -48,20 +51,20 @@
 			  <h1>> 수거수주 내역</h1>
 			</div>
 		  </div>
-			<div id="ITP_LIST_MORDMNG01010_ITEM_AREA" class="scroll_area row-3">
-			  <ul id="ITP_LIST_MORDMNG01010_LIST_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MORDMNG01010_LIST_ROWCOPY" style="display:none;">
-				<li class="history_list">
+		  <div id="ITP_LIST_MORDMNG01010_LIST_ITEM_AREA" class="scroll_area row-3">
+			  <ul id="ITP_LIST_MORDMNG01010_LIST_ITEM_ROWS" class="panel-group"></ul>
+			  <div id="ITP_LIST_MORDMNG01010_LIST_ITEM_ROWCOPY" style="display: none;">
+				<li class="history_list list-row">
 				  <div>
 					<div class="left">
 					  <div class="nomal">
 						<label>브랜드명 &nbsp;:</label>
 						<div>
-						  <div class="fnBrandNm">브랜드명</div>
+						  <div class="fnBrandNm"></div>
 						</div>
 						<label>발주번호&nbsp;:</label>
 						<div>
-						  <div class="fnPodrNo">PO1234123</div>
+						  <div class="fnPchPodrUnqNo"></div>
 						</div>
 					  </div>
 					</div>
@@ -69,11 +72,11 @@
 					  <div class="nomal">
 						<label>발주상태 &nbsp;:</label>
 						<div>
-						  <div class="fnPodrStCd">요청</div>
+						  <div class="fnPchOdrStNm"></div>
 						</div>
 						<label>발주일자&nbsp;:</label>
 						<div>
-						  <div class="fnPodrDt">2022.10.05</div>
+						  <div class="fnPodrDt"></div>
 						</div>
 					  </div>
 					</div>
@@ -81,11 +84,11 @@
 					  <div class="nomal">
 						<label class="col_6">납품요청일 &nbsp;:</label>
 						<div>
-						  <div class="fnDlvReqDt">2022.10.09</div>
+						  <div class="fnDlvReqDt"></div>
 						</div>
 						<label>납품장소&nbsp;:</label>
 						<div>
-						  <div class="fnDlvPlace">A창고</div>
+						  <div class="fnWhsNm"></div>
 						</div>
 					  </div>
 					</div>
@@ -93,11 +96,11 @@
 					  <div class="nomal">
 						<label>발주금액 &nbsp;:</label>
 						<div>
-						  <div class="fnPodrAmt">2,000,000</div>
+						  <div class="fnPodrTotalAmt"></div>
 						</div>
 						<label>품목수&nbsp;:</label>
 						<div>
-						  <div class="fnItemQty">3개</div>
+						  <div class="fnPodrItemQty">3개</div>
 						</div>
 					  </div>
 					</div>
@@ -107,60 +110,60 @@
 		  </div>
 	  </form>
 	</div>
-	<div id="ITP_AJAX_MORDMNG01010_VIEW_CONTAINER" style="display: block;">
+	<div id="ITP_AJAX_MORDMNG01010_VIEW_CONTAINER" style="display: none;">
 		<form id="ITP_FORM_MORDMNG01010_VIEW" class="form-horizontal" onsubmit="return false;">
 		<input type="hidden" id="ITP_FORM_MORDMNG01010_VIEW_VIEW_CD" name="viewCd" value="C">
 		  <div class="content">
 			<div class="line">
 			  <label>브랜드명</label>
 			  <div class="line_right">
-				<div class="fnbrandNm">A브랜드명</div>
+				<div class="fnBrandNm"></div>
 			  </div>      
 			</div>
 			<div class="line">
 			  <label>발주번호</label>
 			  <div class="line_right">
-				<div class="fnPodrNo">PO12345678</div>
+				<div class="fnPchPodrUnqNo"></div>
 			  </div>      
 			</div>
 			<div class="line">
 			  <label>발주일자</label>
 			  <div class="line_right">
-				<div class="fnPodrDt">2022.10.09</div>
+				<div class="fnPodrDt"></div>
 			  </div>      
 			</div>
 			<div class="line">
 			  <label>발주상태</label>
 			  <div class="line_right">
-				<div class="fnPodrStCd">발주요청</div>
+				<div class="fnPchOdrStNm"></div>
 			  </div>      
 			</div>
 			<div class="line">
 			  <label>납품장소</label>
 			  <div class="line_right">
-				<div class="fnDlvPlace">A창고</div>
+				<div class="fnWhsNm"></div>
 			  </div>      
 			</div>
 			<div class="line">
 			  <label>발주금액</label>
 			  <div class="line_right">
-				<div class="fnPodrAmt">800,000원</div>
+				<div class="fnPodrTotalAmt"></div>
 			  </div>      
 			</div>
 			<div class="line">
 			  <label>발주담당자</label>
 			  <div class="line_right">
-				<div class="fnPodrMgrNm">홍길동</div>
+				<div class="fnPodrMgrNm"></div>
 			  </div>      
 			</div>
 			<div class="table_header">
 			  <h1>> 수주 상세 내역</h1>
 			</div>
 		  </div>
-			<div id="ITP_LIST_MORDMNG01010_ITEM_AREA" class="scroll_area row-5">
-			  <ul id="ITP_LIST_MORDMNG01010_VIEW_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MORDMNG01010_VIEW_ROWCOPY" style="display: none;">
-				<li class="history_list2">
+			<div id="ITP_LIST_MORDMNG01010_VIEW_ITEM_AREA" class="scroll_area row-5">
+			  <ul id="ITP_LIST_MORDMNG01010_VIEW_ITEM_ROWS" class="panel-group"></ul>
+			  <div id="ITP_LIST_MORDMNG01010_VIEW_ITEM_ROWCOPY" style="display: none;">
+				<li class="history_list2 list-row">
 				  <div>
 					<div class="left">
 					  <div class="nomal">
@@ -170,7 +173,7 @@
 						</div>
 						<label class="col_0">품목아이디&nbsp;:</label>
 						<div class="space2">
-						  <div class="fnItemId">asdf1234</div>
+						  <div class="fnItemId"></div>
 						</div>
 					  </div>
 					</div>
@@ -178,11 +181,11 @@
 					  <div class="nomal">
 						<label>품목명 &nbsp;:</label>
 						<div class="space2">
-						  <div class="fnItemNm">커피원두</div>
+						  <div class="fnItemNm"></div>
 						</div>
 						<label>가격단위&nbsp;:</label>
 						<div class="space2">
-						  <div class="fnUnitQty">1</div>
+						  <div class="fnUPodrQty">1</div>
 						</div>
 					  </div>
 					</div>
@@ -190,11 +193,11 @@
 					  <div class="nomal">
 						<label>단가 &nbsp;:</label>
 						<div>
-						  <div class="fnUnit">1,000원</div>
+						  <div class="fnUnitAmt"></div>
 						</div>
 						<label>단위&nbsp;:</label>
 						<div>
-						  <div class="fnUnit">Kg</div>
+						  <div class="fnUnit"></div>
 						</div>
 					  </div>
 					</div>
@@ -214,7 +217,7 @@
 					  <div class="nomal">
 						<label class="col_6">납기요청일 &nbsp;:</label>
 						<div>
-						  <div class="fnDlvReqDt">2022.10.09</div>
+						  <div class="fnDlvReqDt"></div>
 						</div>
 					  </div>
 					</div>
@@ -223,8 +226,46 @@
 			</div>
 		  </div>
 		  <div class="button_bar">
-			<button id="ITP_BTN_MORDMNG01010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
+			<button id="ITP_BTN_MORDMNG01010_VIEW_CANCEL_LIST" class="col_12 btn-gray CLB">취소</button>
 		  </div>
 	  </form>
 	</div>
+	<div id="ITP_MOBILE_JS"></div>
+	<div id="ITP_POP_MORDMNG01010_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_MORDMNG01010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MORDMNG01010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MORDMNG01010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MORDMNG01010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MORDMNG01010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+					<button id="ITP_BTN_MORDMNG01010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+				</form>
+			</div>
+			<div class="search_bar">
+				<button id="ITP_BTN_MORDMNG01010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
+			</div>
+			<div id="ITP_LIST_MORDMNG01010_POP_WHS_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MORDMNG01010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MORDMNG01010_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_MORDMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
   </section>

src/main/webapp/mobile/app/mordmng/MORDMNG02010.html

@@ -1,34 +1,36 @@
 <section id="ITP_MOBILE_MORDMNG02010">
 	<div id="ITP_AJAX_MORDMNG02010_LIST_CONTAINER" style="display: block;">
-		<form id="ITP_FORM_MORDMNG02010_LIST" class="form-horizontal" onsubmit="return false;">
-		<input type="hidden" id="ITP_FORM_MORDMNG02010_LIST_VIEW_CD" name="viewCd" value="C">
+		<form id="ITP_FORM_MORDMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_FORM_MORDMNG02010_LIST_VIEW_CD" name="viewCd" value="C">
+			<input type="hidden" id="ITP_FORM_MORDMNG02010_SEARCH_BRAND_ID" name="sbrandId" value="">
+			<input type="hidden" id="ITP_FORM_ORDMNG01010_SEARCH_STORE_ID" name="sstoreId" value="">
+			<input type="hidden" id="ITP_FORM_ORDMNG01010_SEARCH_SPPLY_ID" name="sspplyId" value="">
 		  <div class="content">
 		   <div class="line">
 			  <label>납품장소</label>
-			  <div class="search_wrap">
-				  <div class="float_left">
-					<input id="ITP_FORM_MORDMNG02010_LIST_DLV_PLACE" name="dlvPlace" type="text" placeholder="A매장명">
-				  </div>
-				  <div class="float_left_btn">
-					<button id="ITP_BTN_MORDMNG02010_LIST_SEARCH_DLV_PLACE" data-call-popup="ITP_POP_MORDMNG02010_DLV_AREA"><img src="../img/search.png" alt=""></button>
-					<button id="ITP_BTN_MORDMNG02010_LIST_DETELE_DLV_PLACE"><img src="../img/delete.png" alt=""></button>
-				  </div>	
-			  </div>
+			   <div class="search_wrap">
+				   <div class="float_left">
+					   <input id="ITP_FORM_MORDMNG02010_LIST_SEARCH_WHS_NM" name="swhsNm" type="text" placeholder="A매장명">
+					   <input type="hidden" id="ITP_FORM_MORDMNG02010_LIST_SEARCH_WHS_ID" class="form-control itp_input" name="swhsId"/>
+				   </div>
+				   <div class="float_left_btn">
+					   <button type="button" id="ITP_BTN_MORDMNG02010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
+					   <button type="button" id="ITP_BTN_MORDMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+				   </div>
+			   </div>
 			</div>
 			<div class="line">
 			  <label>납품요청일</label>
-			  <div class="date_to">
-				<input id="ITP_FORM_MORDMNG02010_LIST_DLV_REQ_DT" name="dlvReqDt" class="year" type="date">
-				<div class="at">~</div>
-				<input id="ITP_FORM_MORDMNG02010_LIST" class="year" type="date">
-			  </div>
+				<div class="date_to">
+					<input id="ITP_FORM_MORDMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
+					<div class="at">~</div>
+					<input id="ITP_FORM_MORDMNG02010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
+				</div>
 			</div>
 			<div class="line">
-			  <select class="label" name="itemNm" id="ITP_FORM_MORDMNG02010_LIST_ITEM_NM">
-				<option value="">발주번호/품목명</option>
-			  </select>
+				<label>발주번호/품목명</label>
 			  <div class="search_wrap">
-				<input id="ITP_FORM_MORDMNG02010_LIST_ITEM_NM" name="ITEM_NM" style="width: 262px;" type="text" placeholder="검색어입력">
+				<input id="ITP_FORM_MORDMNG02010_LIST_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="검색어입력">
 			  </div>
 			</div>
 			<div class="line" style="height:45px;">
@@ -40,20 +42,20 @@
 			  <h1>> 수주 내역</h1>
 			</div>
 		  </div>
-		   <div id="ITP_LIST_MORDMNG02010_ITEM_AREA" class="scroll_area row-2">
-			  <ul id="ITP_LIST_MORDMNG02010_LIST_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MORDMNG02010_LIST_ROWCOPY" style="display:none;">
-				<li class="history_list3">
+		   <div id="ITP_LIST_MORDMNG02010_LIST_ITEM_AREA" class="scroll_area row-2">
+			  <ul id="ITP_LIST_MORDMNG02010_LIST_ITEM_ROWS" class="panel-group"></ul>
+			  <div id="ITP_LIST_MORDMNG02010_LIST_ITEM_ROWCOPY" style="display:none;">
+				<li class="history_list3 list-row">
 				  <div>
 					<div class="left">
 					  <div class="nomal">
 						<label class="col_0">브랜드명 &nbsp;:</label>
 						<div>
-						  <div class="fnBrandNm space1">브랜드명</div>
+						  <div class="fnBrandNm space1"></div>
 						</div>
 						<label class="col_0">발주번호&nbsp;:</label>
 						<div>
-						  <div class="fnpodrNo">PO1234123</div>
+						  <div class="fnPchPodrUnqNo"></div>
 						</div>
 					  </div>
 					</div>
@@ -61,11 +63,11 @@
 					  <div class="nomal">
 						<label class="col_0">발주항번 &nbsp;:</label>
 						<div>
-						  <div class="fnPodrNo space1">1</div>
+						  <div class="fnPchPodrDtlNo space1"></div>
 						</div>
 						<label class="col_6">납품요청일 &nbsp;:</label>
 						<div>
-						  <div class="fnDlvReqDt space1">2022.10.09</div>
+						  <div class="fnDlvReqDt space1"></div>
 						</div>
 					  </div>
 					</div>
@@ -73,11 +75,11 @@
 					  <div class="nomal">
 						<label class="col_0">납품장소&nbsp;:</label>
 						<div>
-						  <div class="fnDlvPlace space1">A창고</div>
+						  <div class="fnWhsNm space1">A창고</div>
 						</div>
 						<label class="col_0">품목번호 &nbsp;:</label>
 						<div>
-						  <div class="fnItemNo space1">asdf1324</div>
+						  <div class="fnItemId space1">asdf1324</div>
 						</div>
 					  </div>
 					</div>
@@ -85,11 +87,11 @@
 					  <div class="nomal">
 						<label class="col_0">품목명 &nbsp;:</label>
 						<div>
-						  <div class="fnItemNm space1">asdf1324</div>
+						  <div class="fnItemNm space1"></div>
 						</div>
 						<label class="col_0">발주수량&nbsp;:</label>
 						<div>
-						  <div class="fnPodrQty">3개</div>
+						  <div class="fnPodrQty"></div>
 						</div>
 					  </div>
 					</div>
@@ -97,15 +99,15 @@
 					  <div class="nomal">
 						<label class="col_0">단가금액 &nbsp;:</label>
 						<div class="col_5">
-						  <div class="fnUnitAmt col_5">1,000원</div>
+						  <div class="fnUnitAmt col_5">1,</div>
 						</div>
 						<label class="col_0">발주금액&nbsp;:</label>
 						<div>
-						  <div class="fnPodrAmt space0">20,000원</div>
+						  <div class="fnPodrAmt space0"></div>
 						</div>
-						<div class="scroll_btn">
+						<!--<div class="scroll_btn">
 						  <button id="ITP_BTN_MORDMNG02010_LIST_CHOICE">선택</button>
-						</div>
+						</div>-->
 					  </div>
 					</div>
 				  </div>
@@ -119,45 +121,51 @@
 	  </form>
 	</div>
 	<div id="ITP_AJAX_MORDMNG02010_VIEW_CONTAINER" style="display: none;">
-		<form id="ITP_FORM_MORDMNG01010_VIEW" class="form-horizontal" onsubmit="return false;">
-		<input type="hidden" id="ITP_FORM_MORDMNG01010_VIEW_VIEW_CD" name="viewCd" value="C">
+		<form id="ITP_FORM_MORDMNG02010_VIEW" class="form-horizontal" onsubmit="return false;">
+		<input type="hidden" id="ITP_FORM_MORDMNG02010_VIEW_VIEW_CD" name="viewCd" value="C">
 		  <div class="content">
 			<div class="line">
 			  <label>브랜드명</label>
 			  <div class="line_right">
-				<div class="fnbrandNm">A브랜드명</div>
+				<div class="fnBrandNm"></div>
 			  </div>      
 			</div>
 			<div class="line">
 			  <label>발주번호</label>
 			  <div class="line_right">
-				<div class="fnPodrNo">PO12345678</div>
+				<div class="fnPchPodrUnqNo"></div>
 			  </div>      
 			</div>
 			<div class="line">
 			  <label class="col_6">납품서생성일자</label>
 			  <div class="line_right">
-				<div class="fnDlvRegDt">2022.10.09</div>
+				<div class="fnDlvRegDt"></div>
 			  </div>      
 			</div>
 			<div class="line">
 			  <label>발주총금액</label>
 			  <div class="line_right">
-				<div class="fnPodrAmt">600,000원</div>
+				<div class="fnPodrTotalAmt"></div>
 			  </div>      
 			</div>
 			<div class="line">
 			  <label>납품장소</label>
 			  <div class="line_right">
-				<div class="fnDlvPlace">A창고</div>
+				<div class="fnWhsNm">A창고</div>
 			  </div>      
 			</div>
 			<div class="line">
 			  <label class="col_6">납품장소연락처</label>
 			  <div class="line_right">
-				<div class="fnPodrPlaceNum">02-0202-4544</div>
+				<div class="fnDeliTelNo"></div>
 			  </div>      
 			</div>
+			  <div class="line">
+				  <label class="col_6">납품일자</label>
+				  <div class="line_right">
+					  <input id="ITP_FORM_MORDMNG02010_VIEW_DLV_SCH_DT" name="dlvSchDt" class="year" type="date">
+				  </div>
+			  </div>
 			<div class="line">
 			  <label>발주담당자</label>
 			  <div class="line_right">
@@ -169,20 +177,20 @@
 			  <h1>> 납품 상세 내역</h1>
 			</div>
 		  </div>
-			<div id="ITP_LIST_MORDMNG02010_ITEM_AREA" class="scroll_area row-5">
-			  <ul id="ITP_LIST_MORDMNG02010_VIEW_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MORDMNG02010_VIEW_ROWCOPY" style="display: none;">
-				<li class="history_list2">
+			<div id="ITP_LIST_MORDMNG02010_VIEW_ITEM_AREA" class="scroll_area row-5">
+			  <ul id="ITP_LIST_MORDMNG02010_VIEW_ITEM_ROWS" class="panel-group"></ul>
+			  <div id="ITP_LIST_MORDMNG02010_VIEW_ITEM_ROWCOPY" style="display: none;">
+				<li class="history_list2 list-row">
 				  <div>
 					<div class="left">
 					  <div class="nomal">
 						<label>발주항번 &nbsp;:</label>
 						<div class="space2">
-						  <div class="fnPodrSeq">1</div>
+						  <div class="fnPchPodrDtlNo">1</div>
 						</div>
 						<label class="col_0">품목아이디&nbsp;:</label>
 						<div class="space2">
-						  <div class="fnItemId">asdf1234</div>
+						  <div class="fnItemId"></div>
 						</div>
 					  </div>
 					</div>
@@ -190,7 +198,7 @@
 					  <div class="nomal">
 						<label>품목명 &nbsp;:</label>
 						<div class="space2">
-						  <div class="fnItemNm">커피원두</div>
+						  <div class="fnItemNm"></div>
 						</div>
 						<label>가격단위&nbsp;:</label>
 						<div class="space2">
@@ -202,11 +210,11 @@
 					  <div class="nomal">
 						<label>단가 &nbsp;:</label>
 						<div class="">
-						  <div class="fnUnit">1,000원</div>
+						  <div class="fnUnitAmt">1,000원</div>
 						</div>
-						<label>단위&nbsp;:</label>
+						<label>발주수량&nbsp;:</label>
 						<div class="">
-						  <div class="fnUnit">Kg</div>
+						  <div class="fnPodrQty"></div>
 						</div>
 					  </div>
 					</div>
@@ -214,23 +222,19 @@
 					  <div class="nomal">
 						<label>납품수량 &nbsp;:</label>
 						<div class="">
-						  <input id="ITP_FORM_MORDMNG02010_VIEW_DLV_QTY" type="text">
-						</div>
-						<label>납품일자&nbsp;:</label>
-						<div class="">
-						  <input id="ITP_FORM_MORDMNG02010_VIEW_DLV_DT" type="text">
+						  <input id="ITP_FORM_MORDMNG02010_VIEW_SHMT_QTY" name="shmtQty" type="text">
 						</div>
+						  <label>유통기한 &nbsp;:</label>
+						  <div class="space2">
+							  <input id="ITP_FORM_MORDMNG02010_VIEW_EXPRY_DATE" name="expryDate" class="year" type="date">
+						  </div>
 					  </div>
 					</div>
 					<div class="left">
 					  <div class="nomal">
-						<label>유통기한 &nbsp;:</label>
-						<div class="space2">
-						  <input id="ITP_FORM_MORDMNG02010_VIEW_EXPRY_DATE" type="text">
-						</div>
 						<label>비고 &nbsp;:</label>
 						<div class="space2">
-						  <input id="ITP_FORM_MORDMNG02010_VIEW_NOTE" type="text">
+						  <input id="ITP_FORM_MORDMNG02010_VIEW_DELI_DESC" type="text" name="deliDesc">
 						</div>
 					  </div>
 					</div>
@@ -240,8 +244,46 @@
 		  </div>
 		  <div class="button_bar">
 			<button id="ITP_BTN_MORDMNG02010_VIEW_ADD" class="btn_col_6 btn-primary CRT">생성</button>
-			<button id="ITP_BTN_MORDMNG02010_VIEW_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
+			<button id="ITP_BTN_MORDMNG02010_VIEW_CANCEL_LIST" class="btn_col_3 btn-gray CLB">취소</button>
 		  </div>
 	  </form>
 	</div>
+	<div id="ITP_MOBILE_JS"></div>
+	<div id="ITP_POP_MORDMNG02010_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_MORDMNG02010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MORDMNG02010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MORDMNG02010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MORDMNG02010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MORDMNG02010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+					<button id="ITP_BTN_MORDMNG02010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+				</form>
+			</div>
+			<div class="search_bar">
+				<button id="ITP_BTN_MORDMNG02010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
+			</div>
+			<div id="ITP_LIST_MORDMNG02010_POP_WHS_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MORDMNG02010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MORDMNG02010_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_MORDMNG02010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
   </section>

src/main/webapp/mobile/app/mordmng/MORDMNG03010.html

@@ -1,34 +1,37 @@
 <section id="ITP_MOBILE_MORDMNG03010">
 	<div id="ITP_AJAX_MORDMNG03010_LIST_CONTAINER" style="display: block;">
-	  <form id="ITP_FORM_MORDMNG03010_LIST" class="form-horizontal" onsubmit="return false;">
+	  <form id="ITP_FORM_MORDMNG03010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
 		<input type="hidden" id="ITP_FORM_MORDMNG03010_LIST_VIEW_CD" name="viewCd" value="C">
+		  <input type="hidden" id="ITP_FORM_MORDMNG03010_SEARCH_BRAND_ID" name="sbrandId" value="">
+		  <input type="hidden" id="ITP_FORM_ORDMNG01010_SEARCH_STORE_ID" name="sstoreId" value="">
+		  <input type="hidden" id="ITP_FORM_ORDMNG01010_SEARCH_SPPLY_ID" name="sspplyId" value="">
 		  <div class="content">
 			<div class="line">
 			  <label>납품장소</label>
-			  <div class="search_wrap">
-				  <div class="float_left">
-					<input id="ITP_FORM_MORDMNG03010_LIST_DLV_PLACE" name="dlvPlace" type="text" placeholder="A매장명">
-				  </div>
-				  <div class="float_left_btn">
-					<button id="ITP_BTN_MORDMNG03010_LIST_SEARCH_DLV_PLACE" data-call-popup="ITP_POP_MORDMNG03010_DLV_AREA"><img src="../img/search.png" alt=""></button>
-					<button id="ITP_BTN_MORDMNG03010_LIST_DETELE_DLV_PLACE"><img src="../img/delete.png" alt=""></button>
-				  </div>
-			  </div>
+				<label>납품장소</label>
+				<div class="search_wrap">
+					<div class="float_left">
+						<input id="ITP_FORM_MORDMNG03010_LIST_SEARCH_WHS_NM" name="swhsNm" type="text" placeholder="A매장명">
+						<input type="hidden" id="ITP_FORM_MORDMNG03010_LIST_SEARCH_WHS_ID" class="form-control itp_input" name="swhsId"/>
+					</div>
+					<div class="float_left_btn">
+						<button type="button" id="ITP_BTN_MORDMNG03010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
+						<button type="button" id="ITP_BTN_MORDMNG03010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+					</div>
+				</div>
 			</div>
 			<div class="line">
 			  <label>납품일자</label>
-			  <div class="date_to">
-				<input id="ITP_FORM_MORDMNG03010_LIST_DLV_REQ_DT" name="dlvReqDt" class="year" type="date">
-				<div class="at">~</div>
-				<input id="ITP_FORM_MORDMNG03010_LIST_DLV_CMPLT_DT" name="dlvCmpltDt" class="year" type="date">
-			  </div>
+				<div class="date_to">
+					<input id="ITP_FORM_MORDMNG03010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
+					<div class="at">~</div>
+					<input id="ITP_FORM_MORDMNG03010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
+				</div>
 			</div>
 			<div class="line">
-			  <select class="label" name="itemNm" id="ITP_FORM_MORDMNG03010_LIST_ITEM_NM">
-				<option value="">발주번호/품목명</option>
-			  </select>
+				<label>발주번호/품목명</label>
 			  <div class="search_wrap">
-				<input id="ITP_FORM_MORDMNG03010_LIST_ITEM_NM" name="itemNm" style="width: 262px;" type="text" placeholder="검색어입력">
+				  <input id="ITP_FORM_MORDMNG03010_LIST_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="검색어입력">
 			  </div>
 			</div>
 			<div class="line" style="height:45px;">
@@ -40,10 +43,10 @@
 			  <h1>> 수주 내역</h1>
 			</div>
 		  </div>
-		  <div id="ITP_LIST_MORDMNG03010_ITEM_AREA" class="scroll_area row-2">
-			  <ul id="ITP_LIST_MORDMNG03010_LIST_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MORDMNG03010_LIST_ROWCOPY" style="display:none;">
-				<li class="history_list3">
+		  <div id="ITP_LIST_MORDMNG03010_LIST_ITEM_AREA" class="scroll_area row-2">
+			  <ul id="ITP_LIST_MORDMNG03010_LIST_ITEM_ROWS" class="panel-group"></ul>
+			  <div id="ITP_LIST_MORDMNG03010_LIST_ITEM_ROWCOPY" style="display:none;">
+				<li class="history_list3 list-row">
 				  <div>
 					<div class="left">
 					  <div class="nomal">
@@ -53,7 +56,7 @@
 						</div>
 						<label>납품서번호&nbsp;:</label>
 						<div>
-						  <div class="fnDlvNo">PO1234123</div>
+						  <div class="fnDlvShmtUnqNo">PO1234123</div>
 						</div>
 					  </div>
 					</div>
@@ -65,7 +68,7 @@
 						</div>
 						<label class="col_0">수주일자&nbsp;:</label>
 						<div>
-						  <div class="fnDt">2022.10.09</div>
+						  <div class="fnPodrRegDt">2022.10.09</div>
 						</div>
 					  </div>
 					</div>
@@ -75,9 +78,9 @@
 						<div>
 						  <div class="fnDlvReqDt">2022.10.09</div>
 						</div>
-						<label>압품예정일&nbsp;:</label>
+						<label>납품예정일&nbsp;:</label>
 						<div>
-						  <div class="fnReqDt">2022.10.10</div>
+						  <div class="fnDlvSchDt">2022.10.10</div>
 						</div>
 					  </div>
 					</div>
@@ -85,7 +88,7 @@
 					  <div class="nomal">
 						<label class="col_0">품목수량 &nbsp;:</label>
 						<div>
-						  <div class="fnItemQty space1">2</div>
+						  <div class="fnDlvQty space1">2</div>
 						</div>
 						<label>발주총금액&nbsp;:</label>
 						<div>
@@ -97,7 +100,7 @@
 					  <div class="nomal">
 						<label class="col_0">납품장소 &nbsp;:</label>
 						<div>
-						  <div class="fnDlvPlace space1">A창고</div>
+						  <div class="fnWhsNm space1">A창고</div>
 						</div>
 						<label>납품담당자&nbsp;:</label>
 						<div>
@@ -109,8 +112,8 @@
 				</li>
 			</div>
 			<div class="button_bar">
-			  <button id="ITP_BTN_MORDMNG03010_LIST_DLV" class="btn_col_6 btn-primary IVDETAIL">납품서보기</button>
-			  <button id="ITP_BTN_MORDMNG03010_LIST_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
+			  <button id="ITP_BTN_MORDMNG03010_LIST_DLV_VIEW" class="btn_col_12 btn-primary IVDETAIL">납품서보기</button>
+			  <!--<button id="ITP_BTN_MORDMNG03010_LIST_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>-->
 			</div>
 		  </div>
 	  </form>
@@ -131,17 +134,17 @@
 			  <div class="detail_col">
 				<label>발행일</label>
 				<i>:</i>
-				<div class="fnDt">2022.10.09</div>
+				<div class="fnDlvRegDt">2022.10.09</div>
 			  </div>
 			  <div class="detail_col">
 				<label>납품서확인번호</label>
 				<i>:</i>
-				<div class="fnDlvCnfmNo">DL123445</div>
+				<div class="fnDlvSttmtUnqNo">DL123445</div>
 			  </div>
 			  <div class="detail_col">
 				<label>납품일</label>
 				<i>:</i>
-				<div class="fnDlvDt">2022.10.10</div>
+				<div class="fnDlvRegDt">2022.10.10</div>
 			  </div>
 			  <div class="detail_col">
 				<label>납품담당자</label>
@@ -151,12 +154,12 @@
 			  <div class="detail_col">
 				<label>납품장소</label>
 				<i>:</i>
-				<div class="fnDlvPlace">(123450 서울 송파구 문정동 100 A창고)</div>
+				<div class="fnDlvAddr">(123450 서울 송파구 문정동 100 A창고)</div>
 			  </div>
 			  <div class="detail_col">
 				<label>전화번호</label>
 				<i>:</i>
-				<div class="fnTel">02-123-4567</div>
+				<div class="fnWhsMgrTelNo">02-123-4567</div>
 			  </div>
 			</div>
 			<div class="detail_company_info">
@@ -166,19 +169,19 @@
 				</div>
 				<div class="company_info">
 				  <label>등록번호&nbsp;:&nbsp;</label>
-				  <div class="fnBsnsRegNo">215-12-23454</div>
+				  <div class="fnDlvBsnsRegno">215-12-23454</div>
 				</div>
 				<div class="company_info">
 				  <label>상호&nbsp;:&nbsp;</label>
-				  <div class="fnSag">공급업체명</div>
+				  <div class="fnDlvNm">공급업체명</div>
 				</div>
 				<div class="company_info">
 				  <label>성명&nbsp;:&nbsp;</label>
-				  <div class="fnNm">공급자</div>
+				  <div class="fnDlvOwnerNm">공급자</div>
 				</div>
 				<div class="company_info">
 				  <label>주소&nbsp;:&nbsp;</label>
-				  <div class="fnAddr">서울 송파구 문정동</div>
+				  <div class="fnDlvAddr">서울 송파구 문정동</div>
 				</div>
 			  </div>
 			  <div class="info_left">
@@ -187,19 +190,19 @@
 				</div>
 				<div class="company_info">
 				  <label>등록번호&nbsp;:&nbsp;</label>
-				  <div class="fnBsnsRegNo">215-12-23454</div>
+				  <div class="fnPoBsnsRegno">215-12-23454</div>
 				</div>
 				<div class="company_info">
 				  <label>상호&nbsp;:&nbsp;</label>
-				  <div class="fnSag">브랜드 회사명</div>
+				  <div class="fnPoNm">브랜드 회사명</div>
 				</div>
 				<div class="company_info">
 				  <label>성명&nbsp;:&nbsp;</label>
-				  <div class="fnNm">대표자명</div>
+				  <div class="fnPoOwnerNm">대표자명</div>
 				</div>
 				<div class="company_info">
 				  <label>주소&nbsp;:&nbsp;</label>
-				  <div class="fnAddr">경기 성남시 상대원동</div>
+				  <div class="fnDlvQty">경기 성남시 상대원동</div>
 				</div>
 			  </div>
 			</div>
@@ -207,16 +210,16 @@
 			  <h1>> 납품 상세 내역</h1>
 			</div>
 		  </div>
-			<div id="ITP_LIST_MORDMNG03010_ITEM_AREA" class="scroll_area row-7">
-				 <ul id="ITP_LIST_MORDMNG03010_VIEW_ROWS" class="panel-group"></ul>
-				 <div id="ITP_LIST_MORDMNG03010_VIEW_ROWCOPY" style="display:none;">
-				<li class="history_list5">
+			<div id="ITP_LIST_MORDMNG03010_VIEW_ITEM_AREA" class="scroll_area row-7">
+				 <ul id="ITP_LIST_MORDMNG03010_VIEW_ITEM_ROWS" class="panel-group"></ul>
+				 <div id="ITP_LIST_MORDMNG03010_VIEW_ITEM_ROWCOPY" style="display:none;">
+				<li class="history_list5 list-row">
 				  <div>
 					<div class="left">
 					  <div class="nomal">
 						<label>발주번호 &nbsp;:</label>
 						<div class="space2">
-						  <div class="fnPodrNo">P12345</div>
+						  <div class="fnPchPodrUnqNo">P12345</div>
 						</div>
 						<label class="col_0">품목아이디&nbsp;:</label>
 						<div class="space2">
@@ -253,8 +256,47 @@
 			</div>
 		  </div>
 		  <div class="button_bar">
-			<button id="ITP_BTN_MORDMNG03010_VIEW" class="ok col_12 btn-gray COK">확인</button>
+			<button id="ITP_BTN_MORDMNG03010_VIEW_CONFIRM" class="ok col_12 btn-gray COK">확인</button>
+			  <!--<button id="ITP_BTN_MORDMNG03010_VIEW_CANCEL_LIST" class="btn_col_3 btn-gray CLB">취소</button>-->
 		  </div>
 	  </form>
 	</div>
+	<div id="ITP_MOBILE_JS"></div>
+	<div id="ITP_POP_MORDMNG03010_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_MORDMNG03010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MORDMNG03010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MORDMNG03010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MORDMNG03010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MORDMNG03010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+					<button id="ITP_BTN_MORDMNG03010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+				</form>
+			</div>
+			<div class="search_bar">
+				<button id="ITP_BTN_MORDMNG03010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
+			</div>
+			<div id="ITP_LIST_MORDMNG03010_POP_WHS_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MORDMNG03010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MORDMNG03010_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_MORDMNG03010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
   </section>

src/main/webapp/mobile/app/mrtnmng/MRTNMNG01010.html

@@ -1,184 +1,184 @@
 <section id="ITP_MOBILE_MRTNMNG01010">
-	<div id="ITP_POP_MRTNMNG01010_REQ_CONFIRM" class="popup mobile-pop-close" style="display: none;">
-	  <div class="pop">
-		<div class="pop_line">
-		  <label>반품요청일 &nbsp;&nbsp;:</label>
-		  <div class="fnRtnReqDt">2022.09.30</div>
-		</div>
-		<div class="pop_line">
-		  <label>품목수&nbsp;&nbsp; :</label>
-		  <div class="fnPop">2개</div>
-		</div>
-		<div class="pop_line">
-		  <label>반품금액 &nbsp;&nbsp;:</label>
-		  <div class="fnRtnAmt">2022.09.30원</div>
-		</div>
-		<label class="pop_label">요청 하시겠습니까?</label>
-		<div class="popup_btn">
-		  <button id="ITP_BTN_MRTNMNG01010" class="cancel btn-gray CLB">취소</button>
-		  <button id="ITP_BTN_MRTNMNG01010" class="ok btn-primary COK">확인</button>
+	<div id="ITP_POP_MRTNMNG01010_RTN_AREA" class="popup mobile-pop-close" style="display: none;">
+		<div class="pop">
+			<div class="pop_line">
+				<label>반품요청일 &nbsp;&nbsp;:</label>
+				<div class="fnRtnReqDt"></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="fnRtnAmt">원</div>
+			</div>
+			<label class="pop_label msg_save">요청 하시겠습니까?</label>
+			<div class="popup_btn">
+				<button id="ITP_BTN_MRTNMNG01010_POP_RTN_CLOSE" class="cancel btn-gray CLB btn-pop-close">취소</button>
+				<button id="ITP_BTN_MRTNMNG01010_POP_RTN_CONFIRM" class="ok btn-primary COK">확인</button>
+			</div>
 		</div>
-	  </div>
 	</div>
-	<div id="ITP_POP_MRTNMNG01010_WHS_NM" class="popup2 mobile-pop-close" style="display: block;">
-	  <div class="pop">
-		<div class="header">
-		  <div class="header_left">
-			<label>> 반품장소</label>
-		  </div>
-		  <div class="header_right">
-			<button id="ITP_BTN_MRTNMNG01010_POP_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
-		  </div>
-		</div>
-		<div class="search_bar">
-			<form id="ITP_FORM_MRTNMNG01010_POPUP" class="form-horizontal" onsubmit="return false;">
-			  <input id="ITP_FORM_MRTNMNG01010_POP_KEYWORD" type="text" placeholder="반품장소명">
-			  <button id="ITP_BTN_MRTNMNG01010_POP_SEARCH"><img src="../img/search.png"></button>
-			</form>
-		</div>
-		<div class="search_bar">
-		  <button id="ITP_BTN_MRTNMNG01010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
-		</div>
-		<div class="popup_scroll">
-			<ul id="ITP_LIST_MRTNMNG01010_POP_ROWS" class="panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MRTNMNG01010_POP_ROWCOPY" style="display:none;">
-				  <li>
-					<div class="scroll_left">
-					  <div class="fnBrandWhsNm">브랜드 창고 명A</div>
-					  <div class="fn">(상세위치내용)</div>
-					</div>
-					<div class="scroll_right">
-					  <button id="ITP_BTN_MRTNMNG01010_POP_CHOICE">선택</button>
-					</div>
-				  </li>	
+	<div id="ITP_POP_MRTNMNG01010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
+		<div class="pop">
+			<div class="header">
+				<div class="header_left">
+					<label>> 반품장소</label>
 				</div>
-		  </div>
-	  </div>
-	</div>
-	<div id="ITP_POP_MRTNMNG01010_ITEM_NM" class="popup2 mobile-pop-close" style="display: block;">
-	  <div class="pop">
-		  <div class="header">
-			  <div class="header_left">
-				  <label>> 품목 검색</label>
-			  </div>
-			  <div class="header_right">
-				  <button type="button" id="ITP_BTN_MRTNMNG01010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
-			  </div>
-		  </div>
-		  <form id="ITP_FORM_MRTNMNG01010_POPUP_ITEM" class="form-horizontal" onsubmit="return false;">
-			  <input type="hidden" id="ITP_FORM_MRTNMNG01010_POPUP_ITEM_BRAND_ID" name="sbrandId" value="">
-			  <input type="hidden" id="ITP_FORM_MRTNMNG01010_POPUP_ITEM_STORE_ID" name="sstoreId" value="">
-			  <div class="search_bar">
-				  <input id="ITP_FORM_MRTNMNG01010_POP_ITEM_KEYWORD" name="sitemNm" type="text" placeholder="품목명/품목번호" />
-				  <button id="ITP_BTN_MRTNMNG01010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
-			  </div>
-			  <div class="search_bar">
-				  <button id="ITP_BTN_MRTNMNG01010_POP_ITEM_NM" class="btn_blue">품목명▼</button>
-			  </div>
-		  </form>
-		  <div class="popup_scroll">
-			  <ul id="ITP_LIST_MRTNMNG01010_POP_ITEM_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MRTNMNG01010_POP_ITEM_ROWCOPY" style="display:block;">
-				  <li class="row_2"
-					  data-brandUnitUnqNo=""
-					  data-podrPssblDvsn=""
-					  data-spplyId=""
-					  data-stddQty=""
-					  data-storeUnitUnqNo=""
-					  data-unit=""
-					  data-unitAmt=""
-					  data-unitGubun="">
-					  <div class="left" style="width:200px;">
-						  <div class="check_box">
-							  <input type="checkbox" id="ITP_FORM_MRTNMNG01010_POP_ITEM_CHECKBOX" name="itemId" />
-						  </div>
-						  <div class="thick">
-							  <div class="fnItemNm">품목명</div>
-							  <div>-</div>
-							  <div class="fnOrdUnit">EA</div>
-						  </div>
-						  <div class="thick" style="font-weight:100;">
-							  <div class="space">구매가 :</div>
-							  <div class="fnOrdAmount">0</div>
-						  </div>
-					  </div>
-					  <div class="right">
-						  <button id="ITP_BTN_MRTNMNG01010_POP_ITEM_PLUS">-</button>
-						  <div class="num">2</div>
-						  <button id="ITP_BTN_MRTNMNG01010_POP_ITEM_MINUS">+</button>
-					  </div>
-					  <div class="add">
-						  <button id="ITP_BTN_MRTNMNG01010_POP_ITEM_ADD">추가</button>
-					  </div>
-				  </li>
-			  </div>
-		  </div>
-	  </div>
-  </div>
-	
-	<div id="ITP_AJAX_MRTNMNG01010_LIST_CONTAINER">
-	  <form id="ITP_FORM_MRTNMNG01010_LIST" class="form-horizontal" onsubmit="return false;">
-		 <input type="hidden" id="ITP_FORM_MPOMNG01010_LIST_VIEW_CD" name="viewCd" value="C">
-		  <div class="content">
-			<div class="line">
-			  <label>반품요청일</label>
-			  <input id="ITP_FORM_MRTNMNG01010_LIST_RTN_REQ_DT" name="rtnReqDt" class="date" type="date" placeholder="">
+				<div class="header_right">
+					<button type="button" id="ITP_BTN_MRTNMNG01010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MRTNMNG01010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MRTNMNG01010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MRTNMNG01010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MRTNMNG01010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+					<button id="ITP_BTN_MRTNMNG01010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+				</form>
 			</div>
-			<div class="line">
-			  <label>반품요청금액</label>
-			  <div class="line_right">
-				<div class="fnRtnReqAmt">424,000원</div>
-			  </div>
+			<div class="search_bar">
+				<button id="ITP_BTN_MRTNMNG01010_POP_WHS_NM" class="btn_blue">반품장소▼</button>
 			</div>
-			<div class="line">
-			  <label>빈품장소</label>
-			  <div class="search_nm">
-				<div class="float_left">
-				  <input id="ITP_FORM_MRTNMNG01010_LIST_WHS_NM" name="whsNm" type="text" placeholder="A매장명">
+			<div id="ITP_LIST_MRTNMNG01010_POP_WHS_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MRTNMNG01010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MRTNMNG01010_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_MRTNMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div id="ITP_POP_MRTNMNG01010_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="float_left_btn">
-				  <button id="ITP_BTN_MRTNMNG01010_LIST_SEARCH_WHS_NM" data-call-popup="ITP_POP_MRTNMNG01010_WHS_NM"><img src="../img/search.png" alt=""></button>
-				  <button id="ITP_BTN_MRTNMNG01010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+				<div class="header_right">
+					<button type="button" id="ITP_BTN_MRTNMNG01010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
 				</div>
-			  </div>
 			</div>
-			<div class="table_header">
-			  <h1>> 반품 품목</h1>
-			   <button type="button" id="ITP_BTN_MRTNMNG01010_LIST_DELROW" class="btn-primary btn-sm ADB">품목삭제</button>
-			  <button type="button" id="ITP_BTN_MRTNMNG01010_LIST_ADDROW" class="btn-primary btn-sm ADB">품목추가</button>	     
+			<form id="ITP_FORM_MRTNMNG01010_POPUP_ITEM" class="form-horizontal" onsubmit="return false;">
+				<input type="hidden" id="ITP_FORM_MRTNMNG01010_POPUP_ITEM_BRAND_ID" name="sbrandId" value="">
+				<input type="hidden" id="ITP_FORM_MRTNMNG01010_POPUP_ITEM_STORE_ID" name="sstoreId" value="">
+				<div class="search_bar">
+					<input id="ITP_FORM_MRTNMNG01010_POP_ITEM_KEYWORD" name="sitemNm" type="text" placeholder="품목명/품목번호" />
+					<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
+				</div>
+				<div class="search_bar">
+					<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_NM" class="btn_blue">품목명▼</button>
+				</div>
+			</form>
+			<div id="ITP_LIST_MRTNMNG01010_POP_ITEM_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MRTNMNG01010_POP_ITEM_ROWS" class="panel-group"></ul>
+				<div id="ITP_LIST_MRTNMNG01010_POP_ITEM_ROWCOPY" style="display:none;">
+					<li class="row_2">
+						<div class="left" style="width:180px;">
+							<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_MRTNMNG01010_POP_ITEM_MINUS" class="POP_ITEM_MINUS">-</button>
+							<div class="num fnPchReqQty">1</div>
+							<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_PLUS" class="POP_ITEM_PLUS">+</button>
+						</div>
+						<div class="add">
+							<button id="ITP_BTN_MRTNMNG01010_POP_ITEM_ADD" class="POP_ITEM_ADD">추가</button>
+						</div>
+					</li>
+				</div>
 			</div>
-		  </div>
-		  <div class="scroll_area row-1">
-		  <ul id="ITP_LIST_MRTNMNG01010_LIST_ROWS"></ul>
-		  <div id="ITP_LIST_MRTNMNG01010_LIST_ROWCOPY" style="display:none;">	     
-			  <li>
-				  <div class="left_info">
-					  <div class="thick">
-					  <div><input type="checkbox" id="ITP_FORM_MPOMNG01010_LIST_CHECKBOX" name="itemId" /></div>
+		</div>
+	</div>
+
+	<div id="ITP_AJAX_MRTNMNG01010_VIEW_CONTAINER">
+		<form id="ITP_FORM_MRTNMNG01010_DETAIL" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_VIEW_CD" name="viewCd" value="C">
+			<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_BRAND_ID" name="brandId" value="">
+			<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_STORE_ID" name="storeId" value="">
+			<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_DVSN" name="whsDvsn" value="">
+			<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_RTN_REQ_ST_CD" name="rtnReqStCd" value="">
+			<div class="content">
+				<div class="line">
+					<label>반품요청일</label>
+					<input id="ITP_FORM_MRTNMNG01010_DETAIL_DLV_REQ_DT" name="colReqDt" class="date" data-check-required="empty" type="date" placeholder="">
+				</div>
+				<div class="line">
+					<label>반품요청금액</label>
+					<div class="line_right">
+						<div class="fnRtnReqAmt">0원</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>빈품장소</label>
+					<div class="search_nm">
+						<div class="float_left">
+							<input type="text" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_NM" class="" name="rtnWhsNm" data-check-required="empty" placeholder="매장명" readonly />
+							<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_WHS_ID" class="form-control itp_input" name="rtnWhsId" value="" />
+							<input type="hidden" id="ITP_FORM_MRTNMNG01010_DETAIL_LOCATION" class="form-control itp_input" name="rtnLocation" value="" />
+						</div>
+						<div class="float_left_btn">
+							<button id="ITP_BTN_MRTNMNG01010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MRTNMNG01010_WHS_AREA"><img src="../img/search.png" alt=""></button>
+							<button id="ITP_BTN_MRTNMNG01010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 						</div>
-					<div class="thick">
-					  <div class="fnItemNm">품목명</div>
-					  <div>-</div>
-					  <div class="fnUnit">2EA</div>
 					</div>
-					<div class="thick">
-					  <label class="space0">구매가 :</label>
-					  <div class="fnPchActAmt">1,120,000</div>
+				</div>
+				<div class="line">
+					<div class="table_header">
+						<h1>>빈품 품목</h1>
+						<button type="button" id="ITP_BTN_MRTNMNG01010_DETAIL_DELROW" class="btn-primary btn-sm ADB">품목삭제</button>
+						<button type="button" id="ITP_BTN_MRTNMNG01010_DETAIL_ADDROW" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MRTNMNG01010_ITEM_AREA">품목추가</button>
 					</div>
-				  </div>
-				  <div class="right">
-					<button id="ITP_BTN_MRTNMNG01010_LIST_MINUS"><</button>
-					<div class="num fnNum">2</div>
-					<button id="ITP_BTN_MRTNMNG01010_LIST_PLUS">></button>
-				  </div>
-				</li>
+				</div>
+			</div>
+			<div id="ITP_LIST_MRTNMNG01010_ITEM_AREA" class="scroll_area row-1-1">
+				<ul id="ITP_LIST_MRTNMNG01010_DETAIL_ROWS" class="panel-group"></ul>
+				<div id="ITP_LIST_MRTNMNG01010_DETAIL_ROWCOPY" style="display:none;">
+					<li class="row_2">
+						<div class="left_info">
+							<div class="check_box"><!-- class 변경 -->
+								<div><input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" /></div>
+							</div>
+							<div class="thick">
+								<div class="fnItemNm">품목명</div>
+								<div>-</div>
+								<div class="fnUnit">EA</div>
+							</div>
+							<div class="thick">
+								<label class="space0">구매가 :</label>
+								<div class="fnUnitAmt">1,120,000</div>
+							</div>
+						</div>
+						<div class="right">
+							<button id="ITP_BTN_MRTNMNG01010_DETAIL_MINUS" class="DETAIL_ITEM_MINUS">-</button>
+							<div class="num fnPchReqQty">1</div>
+							<button id="ITP_BTN_MRTNMNG01010_DETAIL_PLUS" class="DETAIL_ITEM_PLUS">+</button>
+						</div>
+					</li>
+				</div>
+			</div>
+			<div class="button_bar">
+				<button id="ITP_BTN_MRTNMNG01010_DETAIL_RTN_ORDER" data-call-popup="ITP_POP_MRTNMNG01010_RTN_AREA" class="col_3 btn-primary REQ">빈품요청</button>
+				<button id="ITP_BTN_MRTNMNG01010_DETAIL_TEMP_SAVE" data-call-popup="ITP_POP_MRTNMNG01010_RTN_AREA" class="col_3 btn-gray TSA">임시저장</button>
+				<button id="ITP_BTN_MRTNMNG01010_DETAIL_CANCEL" class="col_3 btn-gray CLB">취소</button>
 			</div>
-		  </div>
-		  <div class="button_bar">
-			  <button id="ITP_BTN_MRTNMNG01010_LIST_REQ_ORDER" data-call-popup="ITP_POP_MRTNMNG01010_REQ_CONFIRM" class="col_3 btn-primary REQ">구매요청</button>
-			  <button id="ITP_BTN_MRTNMNG01010_LIST_TEMP_SAVE" class="col_3 btn-gray TSA">임시저장</button>
-			  <button id="ITP_BTN_MRTNMNG01010_LIST_CANCEL" class="col_3 btn-gray CLB">취소</button>
-		  </div>
-	  </form>
+		</form>
 	</div>
-  </section>
+	<div id="ITP_MOBILE_JS"></div>
+</section>

src/main/webapp/mobile/app/mrtnmng/MRTNMNG02010.html

@@ -1,133 +1,335 @@
 <section id="ITP_MOBILE_MRTNMNG02010">
-	<div id="ITP_AJAX_MRTNMNG02010_LIST_CONTAINER" style="display: block;">
-	  <form id="ITP_FORM_MPOMNG02010_LIST" class="form-horizontal" onsubmit="return false;">
-			 <input type="hidden" id="ITP_FORM_MRTNMNG02010_LIST_VIEW_CD" name="viewCd" value="C">
-			 <div class="content">
-			  <div class="line">
+	<div id="ITP_AJAX_MRTNMNG02010_LIST_CONTAINER" style="display: none;">
+		<div class="content">
+			<form id="ITP_FORM_MRTNMNG02010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
+				<input type="hidden" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
+				<input type="hidden" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
+				<div class="line">
+					<label>구매요청일</label>
+					<div class="input-group date_to date">
+						<input type="date" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" pattern="\d{4}.\d{2}.\d{2}">
+						<div class="at">~</div>
+						<input type="date" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_TO_DT" name="toDt" pattern="\d{4}.\d{2}.\d{2}">
+					</div>
+				</div>
+				<div class="line">
+					<label>구매요청상태</label>
+					<div class="line_right">
+						<select id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_RTN_REQ_ST_CD" data-select-code="RTN_REQ_ST_CD" class="stcd" name="srtnReqStCd">
+							<option value="">상태</option>
+						</select>
+					</div>
+				</div>
+				<div class="line">
+					<label>납품장소</label>
+					<div class="search_wrap">
+						<div class="float_left">
+							<input id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" type="text" placeholder="납품창고" readonly>
+							<input type="hidden" id="ITP_FORM_MRTNMNG02010_LIST_SEARCH_WHS_ID" name="swhsId" value="">
+						</div>
+						<div class="float_left_btn">
+							<button id="ITP_BTN_MRTNMNG02010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
+							<button id="ITP_BTN_MRTNMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+						</div>
+					</div>
+				</div>
+				<div class="line" style="height:50px;">
+					<div class="search">
+						<button id="ITP_BTN_MRTNMNG02010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
+					</div>
+				</div>
+				<div class="table_header">
+					<h1>>구매 요청 내역</h1>
+				</div>
+			</form>
+		</div>
+		<div id="ITP_LIST_MRTNMNG02010_LIST_AREA" class="scroll_area row-1-1">
+			<ul id="ITP_LIST_MRTNMNG02010_LIST_ROWS" class="panel-group"></ul>
+			<div id="ITP_LIST_MRTNMNG02010_LIST_ROWCOPY" style="display:none;">
+				<li class="history_list list-row">
+					<div class="left">
+						<div class="nomal">
+							<label>반품요청일 </label>
+							<span>:</span>
+							<div class="history">
+								<div class="fnRtnReqDt">2022.10.01</div>
+								(<div class="fnRtnReqMgrNm">홍길동 점주</div>)
+							</div>
+						</div>
+					</div>
+					<div class="left">
+						<div class="nomal">
+							<div class="half">
+								<label>반품상태</label>
+								<span>:</span>
+								<div class="history">
+									<div class="fnRtnReqStNm">대기</div>
+								</div>
+							</div>
+							<div class="half">
+								<label>수거장소명 </label>
+								<span>:</span>
+								<div class="history">
+									<div class="fnRtnWhsNm">A매장내</div>
+								</div>
+							</div>
+						</div>
+					</div>
+					<div class="left">
+						<div class="nomal">
+							<label style="width: 127px;">반품요청 정보</label>
+							<span>:</span>
+							<div class="history">
+								<div class="fnRtnReqItemQty">품목수(3)</div>
+								<i>- </i>
+								<div class="fnRtnReqAmt"></div> 원
+							</div>
+						</div>
+					</div>
+				</li>
+			</div>
+		</div>
+	</div>
+	<div id="ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER" style="display: none;">
+		<div class="content">
+			<div class="line">
 				<label>반품요청일</label>
-			  <div class="date_to">
-				<input id="ITP_FORM_MRTNMNG02010_LIST_RTN_REQ_DT" class="year" type="date">
-				<div class="at">~</div>
-				<input id="ITP_FORM_MRTNMNG02010_LIST" class="year" type="date">
-			  </div>
+				<div class="line_right">
+					<div class="fnRtnReqDt"></div>
+				</div>
 			</div>
 			<div class="line">
-			  <label>반품요청상태</label>
-			  <div class="line_right">
-				  <select id="ITP_FORM_MRTNMNG02010_LIST_RTN_REQ_ST_CD" data-select-code="ST_CD" data-check-required="empty" name="rtnReqStCd"></select>
-			  </div>
+				<label>반품요청금액</label>
+				<div class="line_right">
+					<div class="fnRtnReqAmt">424,000원</div>
+				</div>
 			</div>
 			<div class="line">
-			  <label>반품장소</label>
-			  <div class="search_nm">
-				  <div class="float_left">
-					<input id="ITP_FORM_MRTNMNG02010_LIST_WHS_NM" name="whsNm" type="text" placeholder="A매장명">
-				  </div>
-				  <div class="float_left_btn">
-					<button id="ITP_BTN_MRTNMNG02010_LIST_SEARCH_WHS_NM" data-call-popup="ITP_POP_MRTNMNG02010_WHS_NM"><img src="../img/search.png" alt=""></button>
-					<button id="ITP_BTN_MRTNMNG02010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-				  </div>
-				</div>   
-			</div>
-			<div class="line" style="height:45px;">
-			  <div class="search">
-				<button id="ITP_BTN_MRTNMNG02010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
-			  </div>
+				<label>반품장소</label>
+				<div class="line_right">
+					<div class="fnWhsNm">A매장내</div>
+				</div>
 			</div>
 			<div class="table_header">
-			  <h1>> 반품 요청 내역</h1>
-			</div>
-		  </div>
-		  <div class="scroll_area row-2">
-		  <ul id="ITP_LIST_MRTNMNG02010_LIST_ROWS"></ul>
-			 <div id="ITP_LIST_MRTNMNG02010_LIST_ROWCOPY" style="display:none;">	     
-			<li class="history_list5">
-			  <div class="left">
-				<div class="nomal">
-				  <label>반품요청일 :</label>
-				  <div class="history">
-					<div class="fnRtnReqDt">2022.10.01</div> 
-					(<div class="fnNm">홍길동 점주</div>)
-				  </div>
-				</div>
-			  </div>
-			  <div class="left">
-				<div class="nomal">
-				  <label>반품상태 :</label>
-				  <div class="history">
-					<div class="fnRtnReqStCd">대기</div>
-				  </div>
-				  <label>수거장소명 :</label>
-				  <div class="history">
-					<div class="fnColPlaceNm">A매장내</div>
-				  </div>
-				</div>
-			  </div>
-			  <div class="left">
-				<div class="nomal">
-				  <label class="col_7">반품요청 정보 :</label>
-				  <div class="history">
-					<div class="fn">품목수(3)</div> 
-					<i>- </i>
-					<div class="fnPchActAmt">1,200,000</div> 원
-				  </div>
-				</div>
-			  </div>
-			</li>
-			</div>
-		  </div>
-		  </form>
+				<h1>> 반품 품목</h1>
+			</div>
 		</div>
-	<div id="ITP_AJAX_MRTNMNG02010_VIEW_CONTAINER" style="display: none;">
-		<form id="ITP_FORM_MRTNMNG01010_VIEW" class="form-horizontal" onsubmit="return false;">
-		   <input type="hidden" id="ITP_FORM_MPOMNG01010_VIEW_VIEW_CD" name="viewCd" value="C">
-		  <div class="content">
-			<div class="line">
-			  <label>반품요청일</label>
-			  <div class="line_right">
-				<div class="fnRtnReqDt">2022.10.10</div>
-			  </div>      
+		<div id="ITP_LIST_MRTNMNG02010_DETAIL_AREA" class="scroll_area row-2">
+			<ul id="ITP_LIST_MRTNMNG02010_DETAIL_ROWS" class="panel-group"></ul>
+			<div id="ITP_LIST_MRTNMNG02010_DETAIL_ROWCOPY" style="display:none;">
+				<li class="list-row">
+					<div class="left_info">
+						<div class="thick">
+							<div class="fnItemNm">품목명</div>
+							<div>-</div>
+							<div class="fnUnit">2EA</div>
+						</div>
+						<div class="thick">
+							<label class="space0">반품가 :</label>
+							<div class="fnRtnReqAmt">1,120,000</div>
+						</div>
+					</div>
+					<div class="right">
+						<div class="fnRtnReqQty">2</div>
+					</div>
+				</li>
 			</div>
-			<div class="line">
-			  <label>반품요청금액</label>
-			  <div class="line_right">
-				<div class="fnRtnReqAmt">424,000원</div>
-			  </div>
+		</div>
+		<div class="button_bar">
+			<button id="ITP_BTN_MRTNMNG02010_DETAIL_CANCEL_LIST" class="col_12 btn-gray CLB">취소</button>
+		</div>
+	</div>
+	<div id="ITP_AJAX_MRTNMNG02010_MODIFY_CONTAINER" style="display: none;">
+		<form id="ITP_FORM_MRTNMNG02010_MODIFY" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_VIEW_CD" name="viewCd" value="U">
+			<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_BRAND_ID" name="brandId" value="">
+			<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_STORE_ID" name="storeId" value="">
+			<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_LOAN_DVSN" name="loanDvsn" value="">
+			<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_LOAN_MGNT_UNQ_NO" name="loanMgntUnqNo" value="">
+			<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_PCH_REQ_DVSN" name="pchReqDvsn" value="">
+			<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_PCH_REQ_UNQ_NO" name="pchReqUnqNo" value="">
+			<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_PCH_REQ_ST_CD" name="pchReqStCd" value="">
+			<div class="content">
+				<div class="line">
+					<label>납기요청일</label>
+					<input id="ITP_FORM_MRTNMNG02010_MODIFY_DLV_REQ_DT" name="dlvReqDt" class="date fnDlvReqDt" data-check-required="empty" type="date" placeholder="">
+				</div>
+				<div class="line">
+					<label>구매요청금액</label>
+					<div class="line_right">
+						<div class="fnRtnReqTotalAmt">0원</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>구매가능금액</label>
+					<div class="line_right">
+						<div class="fnOrdUseAmt">0원</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>납품장소</label>
+					<div class="search_nm">
+						<div class="float_left">
+							<input type="text" id="ITP_FORM_MRTNMNG02010_MODIFY_WHS_NM" class="" name="whsNm" data-check-required="empty" placeholder="매장명" readonly />
+							<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_WHS_ID" class="form-control itp_input" name="whsId" value="" />
+							<input type="hidden" id="ITP_FORM_MRTNMNG02010_MODIFY_LOCATION" class="form-control itp_input" name="location" value="" />
+						</div>
+						<div class="float_left_btn">
+							<button id="ITP_BTN_MRTNMNG02010_MODIFY_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
+							<button id="ITP_BTN_MRTNMNG02010_MODIFY_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+						</div>
+					</div>
+				</div>
+				<div class="line">
+					<div class="table_header">
+						<h1>>구매 품목</h1>
+						<button type="button" id="ITP_BTN_MRTNMNG02010_MODIFY_DEL_ROW" class="btn-primary btn-sm ADB">품목삭제</button>
+						<button type="button" id="ITP_BTN_MRTNMNG02010_MODIFY_ADD_ROW" class="btn-primary btn-sm ADB">품목추가</button>
+					</div>
+				</div>
 			</div>
-			<div class="line">
-			  <label>반품장소</label>
-			  <div class="line_right">
-				<div class="fnWhsNm">A매장내</div>
-			  </div>
+			<div id="ITP_LIST_MRTNMNG02010_MODIFY_AREA" class="scroll_area row-1-1">
+				<ul id="ITP_LIST_MRTNMNG02010_MODIFY_ROWS" class="panel-group"></ul>
+				<div id="ITP_LIST_MRTNMNG02010_MODIFY_ROWCOPY" style="display:none;">
+					<li class="list-row">
+						<div class="left_info">
+							<div class="check_box"><!-- class 변경 -->
+								<div><input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" /></div>
+							</div>
+							<div class="thick">
+								<div class="fnItemNm">품목명</div>
+								<div>-</div>
+								<div class="fnUnit">EA</div>
+							</div>
+							<div class="thick">
+								<label class="space0">구매가 :</label>
+								<div class="fnUnitAmt"></div>
+							</div>
+						</div>
+						<div class="right">
+							<button id="ITP_BTN_MRTNMNG02010_MODIFY_MINUS" class="DETAIL_ITEM_MINUS">-</button>
+							<div class="num fnRtnReqQty">1</div>
+							<button id="ITP_BTN_MRTNMNG02010_MODIFY_PLUS" class="DETAIL_ITEM_PLUS">+</button>
+						</div>
+					</li>
+				</div>
 			</div>
-			<div class="table_header">
-			  <h1>> 반품 품목</h1>
-			</div>
-		  </div>
-		  <div class="scroll_area row-1" >
-			<ul id="ITP_LIST_MRTNMNG02010_VIEW_ROWS"></ul>
-			 <div id="ITP_LIST_MRTNMNG02010_VIEW_ROWCOPY" style="display:none;">	
-			<li>
-			  <div class="left_info">
-				<div class="thick">
-				  <div class="fnItemNm">품목명</div>
-				  <div>-</div>
-				  <div class="fnUnit">2EA</div>
-				</div>
-				<div class="thick">
-				  <label class="space0">반품가 :</label>
-				  <div class="fnPchActAmt">1,120,000</div>
-				</div>
-			  </div>
-			  <div class="right">
-				<div class="num fnNum">2</div>
-			  </div>
-			</li>
-			</div>
-		  </div>
-		  <div class="button_bar">
-			  <button id="ITP_BTN_MRTNMNG02010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
-		  </div>
-	  </form>
+			<div class="button_bar">
+				<button id="ITP_BTN_MRTNMNG02010_MODIFY_REQ_ORDER" class="col_3 btn-primary REQ">구매요청</button>
+				<button id="ITP_BTN_MRTNMNG02010_MODIFY_TEMP_SAVE" class="col_3 btn-gray TSA">임시저장</button>
+				<button id="ITP_BTN_MRTNMNG02010_MODIFY_CANCEL" class="col_3 btn-gray CLB">취소</button>
+			</div>
+		</form>
+	</div>
+	<div id="ITP_POP_MRTNMNG02010_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_MRTNMNG02010_POP_REQ_CLOSE" class="cancel btn-gray CLB btn-pop-close">취소</button>
+				<button id="ITP_BTN_MRTNMNG02010_POP_REQ_CONFIRM" class="ok btn-primary COK">확인</button>
+			</div>
+		</div>
+	</div>
+	<div id="ITP_POP_MRTNMNG02010_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_MRTNMNG02010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MRTNMNG02010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MRTNMNG02010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MRTNMNG02010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MRTNMNG02010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+					<button id="ITP_BTN_MRTNMNG02010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+				</form>
+			</div>
+			<div class="search_bar">
+				<button id="ITP_BTN_MRTNMNG02010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
+			</div>
+			<div id="ITP_LIST_MRTNMNG02010_POP_WHS_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MRTNMNG02010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MRTNMNG02010_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_MRTNMNG02010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div id="ITP_POP_MRTNMNG02010_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_MRTNMNG02010_POP_ITEM_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<form id="ITP_FORM_MRTNMNG02010_POPUP_ITEM" class="form-horizontal" onsubmit="return false;">
+				<input type="hidden" id="ITP_FORM_MRTNMNG02010_POPUP_ITEM_BRAND_ID" name="sbrandId" value="">
+				<input type="hidden" id="ITP_FORM_MRTNMNG02010_POPUP_ITEM_STORE_ID" name="sstoreId" value="">
+				<div class="search_bar">
+					<input id="ITP_FORM_MRTNMNG02010_POP_ITEM_KEYWORD" name="sitemNm" type="text" placeholder="품목명/품목번호" />
+					<button id="ITP_BTN_MRTNMNG02010_POP_ITEM_SEARCH"><img src="../img/search.png"></button>
+				</div>
+				<div class="search_bar">
+					<button id="ITP_BTN_MRTNMNG02010_POP_ITEM_NM" class="btn_blue">품목명▼</button>
+				</div>
+			</form>
+			<div id="ITP_LIST_MRTNMNG02010_POP_ITEM_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MRTNMNG02010_POP_ITEM_ROWS" class="panel-group"></ul>
+				<div id="ITP_LIST_MRTNMNG02010_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_MRTNMNG02010_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_MRTNMNG02010_POP_ITEM_MINUS" class="POP_ITEM_MINUS">-</button>
+							<div class="num fnRtnReqQty">1</div>
+							<button id="ITP_BTN_MRTNMNG02010_POP_ITEM_PLUS" class="POP_ITEM_PLUS">+</button>
+						</div>
+						<div class="add">
+							<button id="ITP_BTN_MRTNMNG02010_POP_ITEM_ADD" class="POP_ITEM_ADD">추가</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
 	</div>
-  </section>
+	<div id="ITP_MOBILE_JS"></div>
+</section>

src/main/webapp/mobile/app/mrtnmng/MRTNMNG04010.html

@@ -1,174 +1,220 @@
 <section id="ITP_MOBILE_MRTNMNG04010">
-	<div id="ITP_AJAX_MRTNMNG04010_LIST_CONTAINER" style="display: none;">
-	   <form id="ITP_FORM_MRTNMNG04010_LIST" class="form-horizontal" onsubmit="return false;">
-	   <input type="hidden" id="ITP_FORM_MRTNMNG04010_LIST_VIEW_CD" name="viewCd" value="C">
-		   <div class="content">
-			<div class="line">
-		   <label>반품발주일자</label>
-		   <div class="date_to">
-			 <input id="ITP_FORM_MRTNMNG04010_LIST" class="year" type="date">
-			 <div class="at">~</div>
-			 <input id="ITP_FORM_MRTNMNG04010_LIST" class="year" type="date">
-		   </div>
-		 </div>
-		 <div class="line">
-		   <label>반품발주상태</label>
-		   <div class="line_right">
-			  <select id="ITP_FORM_MRTNMNG04010_LIST_RTN_PODR_ST_CD" data-select-code="ST_CD" data-check-required="empty" name="rtnPodrStCd"></select>
-		   </div>
-		 </div>
-		 <div class="line">
-		   <label>반품장소</label>
-		   <div class="search_nm">
-			   <div class="float_left">
-				 <input id="ITP_FORM_MRTNMNG04010_LIST_WHS_NM" name="whsNm" type="text" placeholder="A매장명">
-			   </div>
-			   <div class="float_left_btn">
-				   <button id="ITP_BTN_MRTNMNG04010_LIST_SEARCH_WHS_NM" data-call-popup="ITP_POP_MRTNMNG04010_WHS_NM"><img src="../img/search.png" alt=""></button>
-				   <button id="ITP_BTN_MRTNMNG04010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-			   </div>
-		   </div>
-		 </div>
-		 <div class="line">
-		   <label>반품입고장소</label>
-		   <div class="search_nm">
-			   <div class="float_left">
-				 <input id="ITP_FORM_MRTNMNG04010_LIST_WHS_NM" type="text" placeholder="A공급업체명">
-			   </div>
-			   <div class="float_left_btn">
-				 <button id="ITP_BTN_MRTNMNG04010_LIST_SEARCH_WHS_NM" data-call-popup="ITP_POP_MRTNMNG04010_WHS_NM"><img src="../img/search.png" alt=""></button>
-				 <button id="ITP_BTN_MRTNMNG04010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-			   </div>
-		   </div>	
-		 </div>
-		 <div class="line" style="height:50px;">
-		   <div class="search">
-			 <button id="ITP_BTN_MRTNMNG04010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
-		   </div>
-		 </div>
-		 <div class="table_header">
-		   <h1>> 반품 발주 내역</h1>
-		 </div>
-	   </div>
-	   <div class="scroll_area row-3">
-	   <ul id="ITP_LIST_MRTNMNG04010_LIST_ROWS"></ul>
-	   <div id="ITP_LIST_MRTNMNG04010_LIST_ROWCOPY" style="display:none;">	     
-		 <li class="history_list">
-		   <div class="left">
-			 <div class="nomal">
-			   <label class="col_2">반품발주일자&nbsp;:</label>
-			   <div>
-				 <div class="fnRtnPodrDt">2022.10.01</div> 
-				 (&nbsp;<div class="fnNm">홍길동 점주</div> )
-			   </div>
-			 </div>
-		   </div>
-		   <div class="left">
-			 <div class="nomal">
-			   <label class="col_2">반품발주상태&nbsp;:</label>
-			   <div class="col_5">
-				 <div class="col_5 fnRtnPodrStCd">대기</div>
-			   </div>
-			   <label>납품장소명&nbsp;:</label>
-			   <div>
-				 <div class="fnDlvPlaceNm">A매장내</div>
-			   </div>
-			 </div>
-		   </div>
-		   <div class="left">
-			 <div class="nomal">
-			   <label class="col_2">반품발주정보&nbsp;:</label>
-			   <div>
-				 <div class="fn">품목수(3)</div> 
-				 <i>-</i>
-				 <div class="fnPchActAmt">1,200,000</div>원
-			   </div>
-			 </div>
-		   </div>
-		   <div class="left">
-			 <div class="nomal">
-			   <label class="col_2">반품입고장소&nbsp;:</label>
-			   <div>
-				 <div class="fnWhsNm">A공급업체</div> 
-			   </div>
-			 </div>
-		   </div>
-		 </li>
-		 </div>
-	   </div>
-	   </form>
-	 </div>
-	<div id="ITP_AJAX_MRTNMNG04010_VIEW_CONTAINER" style="display: block;">
-	   <form id="ITP_FORM_MRTNMNG04010_VIEW" class="form-horizontal" onsubmit="return false;">
-			<input type="hidden" id="ITP_FORM_MPOMNG01010_VIEW_VIEW_CD" name="viewCd" value="C">
-	   <div class="content">
-		 <div class="line">
-		   <label>반품발주일자</label>
-		   <div class="line_right">
-			 <div class="fnRtnPodrDt">2022.10.10</div>
-		   </div>      
-		 </div>
-		 <div class="line">
-		   <label>반품발주금액</label>
-		   <div class="line_right">
-			 <div class="fnRtnPodrAmt">424,000원</div>
-		   </div>
-		 </div>
-		 <div class="line">
-		   <label>반품장소</label>
-		   <div class="line_right">
-			 <div class="fn">A매장내</div>
-		   </div>
-		 </div>
-		 <div class="line">
-		   <label>반품입고장소</label>
-		   <div class="line_right">
-			 <div class="fnWhsNm">A공급업체</div>
-		   </div>
-		 </div>
-		 <div class="table_header">
-		   <h1>> 반품 발주 품목</h1>
-		 </div>
-	   </div>
-	   <div class="scroll_area row-2">
-	   <ul id="ITP_LIST_MRTNMNG04010_VIEW_ROWS"></ul>
-	   <div id="ITP_LIST_MRTNMNG04010_VIEW_ROWCOPY" style="display:none;">	
-		 <li>
-		   <div>
-			 <div class="left_info col-4">
-			   <div class="thick">
-				 <div class="fnItemNm">품목명</div>
-				 <i>-</i>
-				 <div class="fnUnit">2EA</div>
-			   </div>
-			 </div>
-			 <div class="left_info col-6">
-			   <div class="thick">
-				 <label>수량/금액</label>
-				 <div class="fn">2</div>
-				 <i>/</i>
-				 <div class="fn">24,000</div>
-			   </div>
-			 </div>
-			 <div class="left_info col-4">
-			   <div class="thick">
-				 <label style="margin:0;">구매가 :</label>
-				 <div class="fnPchActAmt">12,000</div>
-			   </div>
-			 </div>
-			 <div class="left_info col-6">
-			   <div class="thick">
-				 <label>납기요청일&nbsp;:&nbsp;</label>
-				 <div class="fnRtnReqDt">2022.10.01</div>
-			   </div>
-			 </div>
-		   </div>
-		 </li>
-		 </div>
-	   </div>
-	   <div class="button_bar">
-		 <button id="ITP_BTN_MRTNMNG04010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
-	   </div>
-	   </form>
-	 </div>
-   </section>
+	<div id="ITP_POP_MRTNMNG04010_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_MRTNMNG04010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MRTNMNG04010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MRTNMNG04010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MRTNMNG04010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MRTNMNG04010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+					<button id="ITP_BTN_MRTNMNG04010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+				</form>
+			</div>
+			<div class="search_bar">
+				<button id="ITP_BTN_MRTNMNG04010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
+			</div>
+			<div id="ITP_LIST_MRTNMNG04010_POP_WHS_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MRTNMNG04010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MRTNMNG04010_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_MRTNMNG04010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div id="ITP_AJAX_MRTNMNG04010_LIST_CONTAINER" style="display: block;">
+		<form id="ITP_FORM_MRTNMNG04010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
+			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
+			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_IDX" name="sidx" value="0">
+			<div class="content">
+				<div class="line">
+					<label>반품요청일</label>
+					<div class="date_to">
+						<input id="ITP_FORM_MRTNMNG04010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
+						<div class="at">~</div>
+						<input id="ITP_FORM_MRTNMNG04010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
+					</div>
+				</div>
+				<div class="line">
+					<label>반품발주상태</label>
+					<div class="search_wrap">
+						<div class="line_right">
+							<select id="ITP_FORM_MRTNMNG04010_LIST_SEARCH_RTN_ODR_ST_CD" data-select-code="RTN_ODR_ST_CD" class="stcd" name="srtnOdrStCd">
+								<option value=""></option>
+							</select>
+						</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>수거장소</label>
+					<div class="search_nm">
+						<div class="float_left">
+							<input type="text" id="ITP_FORM_MRTNMNG04010_LIST_SEARCH_RTN_WHS_NM" class="" name="srtnWhsNm" placeholder="매장명" readonly />
+							<input type="hidden" id="ITP_FORM_MRTNMNG04010_LIST_SEARCH_RTN_WHS_ID" class="" name="srtnWhsId" />
+						</div>
+						<div class="float_left_btn">
+							<button id="ITP_BTN_MRTNMNG04010_LIST_SEARCH_RTN_WHS_NM"><img src="../img/search.png" alt=""></button>
+							<button id="ITP_BTN_MRTNMNG04010_LIST_DELETE_RTN_WHS_NM"><img src="../img/delete.png" alt=""></button>
+						</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>반품입고장소</label>
+					<div class="search_nm">
+						<div class="float_left">
+							<input type="text" id="ITP_FORM_MRTNMNG04010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
+							<input type="hidden" id="ITP_FORM_MRTNMNG04010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
+						</div>
+						<div class="float_left_btn">
+							<button id="ITP_BTN_MRTNMNG04010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
+							<button id="ITP_BTN_MRTNMNG04010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+						</div>
+					</div>
+				</div>
+				<div class="line" style="height:50px;">
+					<div class="search">
+						<button id="ITP_BTN_MRTNMNG04010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
+					</div>
+				</div>
+				<div class="table_header">
+					<h1>> 반품 발주 내역</h1>
+				</div>
+			</div>
+			<div id="ITP_LIST_MRTNMNG04010_LIST_ITEM_AREA" class="scroll_area row-3">
+				<ul id="ITP_LIST_MRTNMNG04010_LIST_ITEM_ROWS" class="panel-group"></ul>
+				<div id="ITP_LIST_MRTNMNG04010_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="fnRtnOdrRegDt">2022.10.01</div>
+									(<div class="fnRtnOdrMgrNm"></div>)
+								</div>
+							</div>
+						</div>
+						<div class="left">
+							<div class="nomal">
+								<label>반품발주상태 &nbsp;:</label>
+								<div class="history">
+									<div class="fnRtnOdrStNm">대기</div>
+								</div>
+								<label>납품장소명&nbsp;:</label>
+								<div class="history">
+									<div class="fnWhsNm">A매장내</div>
+								</div>
+							</div>
+						</div>
+						<div class="left">
+							<div class="nomal">
+								<label>반품발주정보 &nbsp;:</label>
+								<div class="history">
+									<div class="fnRtnDodrItemQty">품목수($)</div>
+									<i>-</i>
+									<div class="fnRtnDodrTotalAmt">1,200,000</div>원
+								</div>
+							</div>
+						</div>
+						<div class="left">
+							<div class="nomal">
+								<label>반품입고장소 &nbsp;:</label>
+								<div class="history">
+									<div class="fnRtnWhsNm">A공급업체</div>
+								</div>
+							</div>
+						</div>
+					</li>
+				</div>
+			</div>
+		</form>
+	</div>
+	<div id="ITP_AJAX_MRTNMNG04010_VIEW_CONTAINER" style="display: none;">
+		<form id="ITP_FORM_MRTNMNG04010_VIEW" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_FORM_MRTNMNG04010_VIEW_VIEW_CD" name="viewCd" value="C">
+			<div class="content">
+				<div class="line">
+					<label>반품발주일자</label>
+					<div class="line_right">
+						<div class="fnRtnOdrRegDt"></div>
+					</div>
+				</div>
+				<div class="line">
+					<label>반품발주금액</label>
+					<div class="line_right">
+						<div class="fnRtnDodrTotalAmt"></div>
+					</div>
+				</div>
+				<div class="line">
+					<label>반품장소</label>
+					<div class="line_right">
+						<div class="fnRtnWhsNm"></div>
+					</div>
+				</div>
+				<div class="line">
+					<label>반품입고장소</label>
+					<div class="line_right">
+						<div class="fnWhsNm"></div>
+					</div>
+				</div>
+				<div class="table_header">
+					<h1>> 반품 발주 품목</h1>
+				</div>
+			</div>
+			<div id="ITP_LIST_MRTNMNG04010_VIEW_ITEM_AREA" class="scroll_area row-3">
+				<ul id="ITP_LIST_MRTNMNG04010_VIEW_ITEM_ROWS" class="panel-group"></ul>
+				<div id="ITP_LIST_MRTNMNG04010_VIEW_ITEM_ROWCOPY" style="display:none;">
+					<li class="list-row">
+						<div>
+							<div class="left_info col-4">
+								<div class="thick">
+									<div class="fnItemNm">품목명</div>
+									<i>-</i>
+									<div class="fnRtnQty"></div>
+								</div>
+							</div>
+							<div class="left_info col-6">
+								<div class="thick">
+									<label>수량/금액</label>
+									<div class="fnRtnReqQty">2</div>
+									<i>/</i>
+									<div class="fnUnitAmt">24,000</div>
+								</div>
+							</div>
+							<div class="left_info col-4">
+								<div class="thick">
+									<label style="margin:0;">구매가 :</label>
+									<div class="fnRtnOdrAmt"></div>
+								</div>
+							</div>
+							<div class="left_info col-6">
+								<div class="thick">
+									<label>납기요청일&nbsp;:&nbsp;</label>
+									<div class="fnColReqDt"></div>
+								</div>
+							</div>
+						</div>
+					</li>
+				</div>
+			</div>
+			<div class="button_bar">
+				<button id="ITP_BTN_MRTNMNG04010_VIEW_CANCEL_LIST" class="col_12 btn-gray CLB">취소</button>
+			</div>
+		</form>
+	</div>
+	<div id="ITP_MOBILE_JS"></div>
+</section>

src/main/webapp/mobile/app/mrtnmng/MRTNMNG05010.html

@@ -1,120 +1,172 @@
 <section id="ITP_MOBILE_MRTNMNG05010">
-	<div id="ITP_AJAX_MRTNMNG05010_LIST_CONTAINER" style="display: block;">
-		<form id="ITP_FORM_MPOMNG04010_LIST" class="form-horizontal" onsubmit="return false;">
-		  <input type="hidden" id="ITP_FORM_MRTNMNG05010_LIST_VIEW_CD" name="viewCd" value="C">
-		  <div class="content">
-			<div class="line">
-			  <label>반품예정일</label>
-			  <div class="line_right">
-				<input id="ITP_FORM_MRTNMNG05010_LIST_RTN_SCH_DT" name="rtnSchDt" class="date2" type="date">
-			  </div>
-			</div>
-			<div class="line">
-			  <label>반품서번호</label>
-			  <div class="line_right">
-					<input id="ITP_FORM_MRTNMNG05010_LIST_RTN_REQ_UNQ_NO" name="rtnReqUnqNo" class="" type="text">
-			  </div>
-			</div>
-			<div class="line">
-			  <label>반품입고장소</label>
-			  <div class="search_wrap">
-				  <div class="float_left">
-					<input id="ITP_FORM_MRTNMNG05010_LIST_WHS_NM" name="whsNm" type="text" placeholder="A공급업체명">
-				  </div>
-				  <div class="float_left_btn">
-					<button id="ITP_BTN_MRTNMNG05010_LIST_SEARCH_WHS_NM" data-call-popup="ITP_POP_MRTNMNG05010_WHS_NM"><img src="../img/search.png" alt=""></button>
-					<button id="ITP_BTN_MRTNMNG05010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-				  </div>
-			  </div>
-			</div>
-			<div class="line">
-			  <label>반품장소</label>
-			  <div class="search_wrap">
-				  <div class="float_left">
-					<input id="ITP_FORM_MRTNMNG05010_LIST_WHS_NM" type="text" placeholder="A매장명">
-				  </div>
-				  <div class="float_left_btn">
-					<button id="ITP_BTN_MRTNMNG05010_LIST_SEARCH_WHS_NM" data-call-popup="ITP_POP_MRTNMNG05010_WHS_NM"><img src="../img/search.png" alt=""></button>
-					<button id="ITP_BTN_MRTNMNG05010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-				  </div>
-				</div>  
+	<div id="ITP_POP_MRTNMNG05010_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_MRTNMNG05010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
+				</div>
 			</div>
-			<div class="line">
-			  <label>반품품목명</label>
-				 <div class="search_wrap">
-				  <div class="float_left">
-					<input id="ITP_FORM_MRTNMNG05010_LIST_ITEM_NM" name="itemNm" style="width: 262px;" type="text" placeholder="A매장명">
-				  </div>
-				  </div>   
+			<div class="search_bar">
+				<form id="ITP_FORM_MRTNMNG05010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MRTNMNG05010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MRTNMNG05010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MRTNMNG05010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+					<button id="ITP_BTN_MRTNMNG05010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+				</form>
 			</div>
-			<div class="line" style="height:50px;">
-			  <div class="search">
-				<button id="ITP_BTN_MRTNMNG05010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
-			  </div>
+			<div class="search_bar">
+				<button id="ITP_BTN_MRTNMNG05010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
 			</div>
-			<div class="table_header">
-			  <h1>> 반품서 내역</h1>
+			<div id="ITP_LIST_MRTNMNG05010_POP_WHS_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MRTNMNG05010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MRTNMNG05010_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_MRTNMNG05010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+						</div>
+					</li>
+				</div>
 			</div>
-		  </div>
-		  <div class="scroll_area row-4" >
-		   <ul id="ITP_LIST_MRTNMNG05010_LIST_ROWS"></ul>
-			 <div id="ITP_LIST_MRTNMNG05010_LIST_ROWCOPY" style="display:none;">	    
-			<li class="history_list2">
-			  <div class="left">
-				<div class="nomal">
-				  <label>반품번호 </label>
-				  <div class="history">
-					<div class="fnRtnNo">202210010000001-0100</div> 
-				  </div>
+		</div>
+	</div>
+	<div id="ITP_AJAX_MRTNMNG05010_LIST_CONTAINER" >
+		<form id="ITP_FORM_MRTNMNG05010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
+			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
+			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_IDX" name="sidx" value="0">
+			<div class="content">
+				<div class="line">
+					<label>반품예정일</label>
+					<div class="date_to">
+						<!--<input type="text" id="ITP_FORM_MRTNMNG05010_LIST_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" readonly>
+						<span class="input-group-addon itp_date_to">~</span>
+						<input type="text" id="ITP_FORM_STINFO02010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" readonly>-->
+
+						<input id="ITP_FORM_MRTNMNG05010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
+						<div class="at">~</div>
+						<input id="ITP_FORM_MRTNMNG05010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
+					</div>
 				</div>
-			  </div>
-			  <div class="left">
-				<div class="nomal">
-				  <label class="history_label">반품예정일</label>
-				  <div class="history">
-					<div class="fnRtnSchDt">2022.10.03</div>
-				  </div>
+				<div class="line">
+					<label>반품서번호</label>
+					<div class="search_wrap">
+						<div class="float_left">
+							<input id="ITP_FORM_MRTNMNG05010_LIST_SEARCH_RTN_PODR_UNQ_NO" name="srtnPodrUnqNo" style="width: 262px;" type="text" placeholder="">
+						</div>
+					</div>
 				</div>
-			  </div>
-			  <div class="left">
-				<div class="nomal">
-				  <label>공급업체</label>
-				  <div class="history">
-					<div class="history_info fnSpplyNm">A공급업체명</div>
-				  </div>
-				  <label class="sub_info">반품장소</label>
-				  <div class="history">
-					<div class="fnWhsNm">A매장내</div>
-				  </div>
+				<div class="line">
+					<label>반품입고장소</label>
+					<div class="search_nm">
+						<div class="float_left">
+							<input type="text" id="ITP_FORM_MRTNMNG05010_LIST_SEARCH_RTN_WHS_NM" data-check-required="empty" class="" name="srtnWhsNm" placeholder="매장명" readonly />
+							<input type="hidden" id="ITP_FORM_MRTNMNG05010_LIST_SEARCH_RTN_WHS_ID" data-check-required="empty" class="" name="srtnWhsId" />
+						</div>
+						<div class="float_left_btn">
+							<button id="ITP_BTN_MRTNMNG05010_LIST_SEARCH_RTN_WHS_NM"><img src="../img/search.png" alt=""></button>
+							<button id="ITP_BTN_MRTNMNG05010_LIST_DELETE_RTN_WHS_NM"><img src="../img/delete.png" alt=""></button>
+						</div>
+					</div>
 				</div>
-			  </div>
-			  <div class="left">
-				<div class="nomal">
-				  <label>품목 </label>
-				  <div class="history">
-					<div class="fnItemNm">품목명(EA)</div> 
-				  </div>
+				<div class="line">
+					<label>반품장소</label>
+					<div class="search_nm">
+						<div class="float_left">
+							<input type="text" id="ITP_FORM_MRTNMNG05010_LIST_SEARCH_WHS_NM" data-check-required="empty" class="" name="swhsNm" placeholder="매장명" readonly />
+							<input type="hidden" id="ITP_FORM_MRTNMNG05010_LIST_SEARCH_WHS_ID" data-check-required="empty" class="" name="swhsId" />
+						</div>
+						<div class="float_left_btn">
+							<button id="ITP_BTN_MRTNMNG05010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
+							<button id="ITP_BTN_MRTNMNG05010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+						</div>
+					</div>
 				</div>
-			  </div>
-			  <div class="left">
-				<div class="nomal">
-				  <label class="col_2">반품요청수량</label>
-				  <div class="col_5 history">
-					<div class="col_5 fnRtnReqQty">10</div>
-				  </div>
-				  <label class="col_0">반품발주수량</label>
-				  <div class="history">
-					<input class="" id="ITP_FORM_MRTNMNG05010_LIST_RTN_PODR_QTY" type="text" name="rtnPodrQty">
-				  </div>
+				<div class="line">
+					<label>반품품목명</label>
+					<div class="search_wrap">
+						<div class="float_left">
+							<input id="ITP_FORM_MRTNMNG05010_LIST_SEARCH_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="A매장명">
+						</div>
+					</div>
+				</div>
+				<div class="line" style="height:50px;">
+					<div class="search">
+						<button id="ITP_BTN_MRTNMNG05010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
+					</div>
+				</div>
+				<div class="table_header">
+					<h1>> 반품서 내역</h1>
 				</div>
-			  </div>
-			</li>
 			</div>
-		</div>
-		<div class="button_bar">
-		  <button id="ITP_BTN_MRTNMNG05010_LIST_" class="btn_col_6 btn-primary INPS">입고처리</button>
-		  <button id="ITP_BTN_MRTNMNG05010_LIST_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
-		</div>
+		</form>
+		<form id="ITP_FORM_MRTNMNG05010_LIST_MODIFY" class="form-horizontal" onsubmit="return false;">
+			<div id="ITP_LIST_MRTNMNG05010_LIST_ITEM_AREA" class="scroll_area row-4">
+				<ul id="ITP_LIST_MRTNMNG05010_LIST_ITEM_ROWS" class="panel-group"></ul>
+				<div id="ITP_LIST_MRTNMNG05010_LIST_ITEM_ROWCOPY" style="display: none;">
+					<li class="history_list2 list-row">
+						<div class="left">
+							<div class="nomal">
+								<label>반품번호 </label>
+								<div class="history">
+									<div class="fnRtnPodrUnqNo"></div>
+								</div>
+							</div>
+						</div>
+						<div class="left">
+							<div class="nomal">
+								<label class="history_label">반품예정일</label>
+								<div class="history">
+									<div class="fnRtnSchDt history_info"></div>
+								</div>
+							</div>
+						</div>
+						<div class="left">
+							<div class="nomal">
+								<label>공급업체</label>
+								<div class="history">
+									<div class="history_info fnSpplyNm"></div>
+								</div>
+								<label class="sub_info">반품장소</label>
+								<div class="history">
+									<div class="fnRtnWhsNm"></div>
+								</div>
+							</div>
+						</div>
+						<div class="left">
+							<div class="nomal">
+								<label>품목 </label>
+								<div class="history">
+									<div class="fnItemNm"></div>
+								</div>
+							</div>
+						</div>
+						<div class="left">
+							<div class="nomal">
+								<label class="col_2">반품요청수량</label>
+								<div class="col_5 history">
+									<div class="col_5 fnRtnReqQty"></div>
+								</div>
+								<label class="col_0">반품발주수량</label>
+								<div class="history">
+									<input class="" id="ITP_FORM_MRTNMNG05010_LIST_RTN_PODR_QTY" type="text" name="rtnPodrQty">
+								</div>
+							</div>
+						</div>
+					</li>
+				</div>
+			</div>
+			<div class="button_bar">
+				<button id="ITP_BTN_MRTNMNG05010_LIST_MODIFY" class="btn_col_6 btn-primary INPS">입고처리</button>
+				<!--<button id="ITP_BTN_MRTNMNG05010_LIST_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>-->
+			</div>
 		</form>
 	</div>
-  </section>
+	<div id="ITP_MOBILE_JS"></div>
+</section>

src/main/webapp/mobile/app/mrtnmng/MRTNMNG06010.html

@@ -1,120 +1,162 @@
 <section id="ITP_MOBILE_MRTNMNG06010">
-	<div id="ITP_AJAX_MRTNMNG06010_LIST_CONTAINER" style="display: block;">    
-    <form id="ITP_FORM_MRTNMNG06010_LIST" class="form-horizontal" onsubmit="return false;">
-  		<input type="hidden" id="ITP_FORM_MRTNMNG06010_LIST_VIEW_CD" name="viewCd" value="C">
-		<div class="content">
-	      <div class="line">
-			<select id="ITP_FORM_MRTNMNG06010_LIST_RTN_DT" data-select-code="RTN_DT" data-check-required="empty" name="rtnDt">
-				<option>반품일자</option>
-			</select>	        
-			<div class="date_to">
-	          <input id="ITP_FORM_MRTNMNG06010_LIST" class="year" type="date">
-	          <div class="at">~</div>
-	          <input id="ITP_FORM_MRTNMNG06010_LIST" class="year" type="date">
-	        </div>
-	      </div>
-	      <div class="line">
-	        <label>반품발주번호</label>
-	        <div class="line_right">
-	          <input id="ITP_FORM_MRTNMNG06010_LIST_RTN_PODR_NO" name="rtnPodrNo" type="text">
-	        </div>
-	      </div>
-	      <div class="line">
-	        <label>반품입고장소</label>
-	        <div class="search_wrap">
-		        <div class="float_left">
-		          <input id="ITP_FORM_MRTNMNG06010_LIST_WHS_NM" name="whsNm" type="text" placeholder="A공급업체명">
-		        </div>
-		        <div class="float_left_btn">
-		          <button id="ITP_BTN_MRTNMNG06010_LIST_SEARCH_WHS_NM" data-call-popup="ITP_POP_MRTNMNG06010_WHS_NM"><img src="../img/search.png" alt=""></button>
-		          <button id="ITP_BTN_MRTNMNG06010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-		        </div>
-	        </div>
-	      </div>
-	      <div class="line">
-	        <label>반품장소</label>
-	        <div class="search_wrap">
-		        <div class="float_left">
-		          <input id="ITP_FORM_MRTNMNG06010_LIST_WHS_NM" type="text" placeholder="A매장명">
-		        </div>
-		        <div class="float_left_btn">
-		          <button id="ITP_BTN_MRTNMNG06010_LIST_SEARCH_WHS_NM" data-call-popup="ITP_POP_MRTNMNG06010_WHS_NM"><img src="../img/search.png" alt=""></button>
-		          <button id="ITP_BTN_MRTNMNG06010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-		        </div>
-	        </div>
-	      </div>
-	      <div class="line">
-	        <label>품목명</label>
-	        <div class="search_wrap">
-		        <div class="float_left">
-		          <input id="ITP_FORM_MRTNMNG06010_LIST_ITEM_NM" name="itemNm" style="width: 262px;" type="text" placeholder="A매장명">
-		        </div>
-	        </div>
-	      </div>
-	      <div class="line" style="height:50px;">
-	        <div class="search">
-	          <button id="ITP_BTN_MRTNMNG06010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
-	        </div>
-	      </div>
-	      <div class="table_header">
-	        <h1>> 반품 내역</h1>
-	      </div>
-	    </div>
-	    <div class="scroll_area row-4">
-      	<ul id="ITP_LIST_MRTNMNG06010_LIST_ROWS"></ul>
-   		<div id="ITP_LIST_MRTNMNG06010_LIST_ROWCOPY" style="display:none;">
-	      <li class="history_list2">
-	        <div class="left">
-	          <div class="nomal">
-	            <label>반품발주번호 </label>
-	            <div>
-	              <div class="fnRtnPodrNo">202210010000001-0100</div> 
-	            </div>
-	          </div>
-	        </div>
-	        <div class="left">
-	          <div class="nomal">
-	            <label class="fn_label">반품예정일</label>
-	            <div>
-	              <div class="fn_info fnRtnSchDt">2022.10.03</div>
-	            </div>
-	          </div>
-	        </div>
-	        <div class="left">
-	          <div class="nomal">
-	            <label>공급업체</label>
-	            <div>
-	              <div class="fnSpplyNm">A공급업체명</div>
-	            </div>
-	            <label class="sub_info">납품장소</label>
-	            <div>
-	              <div class="fnWhsNm">A매장내</div>
-	            </div>
-	          </div>
-	        </div>
-	        <div class="left">
-	          <div class="nomal">
-	            <label>품목 </label>
-	            <div>
-	              <div class="fn">품목명(EA)</div> 
-	            </div>
-	          </div>
-	        </div>
-	        <div class="left">
-	          <div class="nomal">
-	            <label>반품발주수량</label>
-	            <div class="col_5">
-	              <div class="col_5 fnRtnPodrQty">10</div>
-	            </div>
-	            <label>반품입고수량</label>
-	            <div>
-	              <div class="fnRtnWhsQty">10</div>
-	            </div>
-	          </div>
-	        </div>
-	      </li>
-	      </div>
-	    </div>
-	    </form>
-	  </div>
+	<div id="ITP_POP_MRTNMNG06010_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_MRTNMNG06010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MRTNMNG06010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MRTNMNG06010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MRTNMNG06010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MRTNMNG06010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+					<button id="ITP_BTN_MRTNMNG06010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+				</form>
+			</div>
+			<div class="search_bar">
+				<button id="ITP_BTN_MRTNMNG06010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
+			</div>
+			<div id="ITP_LIST_MRTNMNG06010_POP_WHS_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MRTNMNG06010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MRTNMNG06010_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_MRTNMNG06010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div id="ITP_AJAX_MRTNMNG06010_LIST_CONTAINER" >
+		<form id="ITP_FORM_MRTNMNG06010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_FORM_MRTNMNG06010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
+			<input type="hidden" id="ITP_FORM_MRTNMNG06010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
+			<input type="hidden" id="ITP_FORM_MRTNMNG06010_LIST_SEARCH_IDX" name="sidx" value="0">
+			<div class="content">
+				<div class="line">
+					<label>반품일자</label>
+					<div class="date_to">
+						<input id="ITP_FORM_MRTNMNG06010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
+						<div class="at">~</div>
+						<input id="ITP_FORM_MRTNMNG06010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
+					</div>
+				</div>
+				<div class="line">
+					<label>반품발주번호</label>
+					<div class="search_wrap">
+						<div class="line_right">
+							<input id="ITP_FORM_MRTNMNG06010_LIST_RTN_PODR_UNQ_NO" name="srtnPodrNo" type="text">
+						</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>반품입고장소</label>
+					<div class="search_wrap">
+						<div class="float_left">
+							<input id="ITP_FORM_MRTNMNG06010_LIST_SEARCH_RTN_WHS_NM" name="srtnWhsNm" type="text" placeholder="A공급업체명">
+							<input type="hidden" id="ITP_FORM_MRTNMNG06010_LIST_SEARCH_RTN_WHS_ID" class="" name="srtnWhsId" />
+						</div>
+						<div class="float_left_btn">
+							<button id="ITP_BTN_MRTNMNG06010_LIST_SEARCH_RTN_WHS_NM" data-call-popup="ITP_POP_MRTNMNG06010_WHS_NM"><img src="../img/search.png" alt=""></button>
+							<button id="ITP_BTN_MRTNMNG06010_LIST_DELETE_RTN_WHS_NM"><img src="../img/delete.png" alt=""></button>
+						</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>반품장소</label>
+					<div class="search_nm">
+						<div class="float_left">
+							<input type="text" id="ITP_FORM_MRTNMNG06010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
+							<input type="hidden" id="ITP_FORM_MRTNMNG06010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
+						</div>
+						<div class="float_left_btn">
+							<button id="ITP_BTN_MRTNMNG06010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
+							<button id="ITP_BTN_MRTNMNG06010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+						</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>품목명</label>
+					<div class="search_wrap">
+						<div class="float_left">
+							<input id="ITP_FORM_MRTNMNG06010_LIST_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="품목명">
+						</div>
+					</div>
+				</div>
+				<div class="line" style="height:50px;">
+					<div class="search">
+						<button id="ITP_BTN_MRTNMNG06010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
+					</div>
+				</div>
+				<div class="table_header">
+					<h1>> 반품 내역</h1>
+				</div>
+			</div>
+			<div id="ITP_LIST_MRTNMNG06010_LIST_ITEM_AREA" class="scroll_area row-4">
+				<ul id="ITP_LIST_MRTNMNG06010_LIST_ITEM_ROWS" class="panel-group"></ul>
+				<div id="ITP_LIST_MRTNMNG06010_LIST_ITEM_ROWCOPY" style="display: none;">
+					<li class="history_list2 list-row">
+						<div class="left">
+							<div class="nomal">
+								<label>반품발주번호 </label>
+								<div class="history">
+									<div class="fnRtnPodrNo"></div>
+								</div>
+							</div>
+						</div>
+						<div class="left">
+							<div class="nomal">
+								<label class="history_label">반품예정일</label>
+								<div class="history">
+									<div class="fn_info fnRtnSchDt"></div>
+								</div>
+							</div>
+						</div>
+						<div class="left">
+							<div class="nomal">
+								<label>공급업체</label>
+								<div>
+									<div class="fnSpplyNm">A공급업체명</div>
+								</div>
+								<label class="sub_info">납품장소</label>
+								<div>
+									<div class="fnWhsNm">A매장내</div>
+								<div>
+							</div>
+						</div>
+						<div class="left">
+							<div class="nomal">
+								<label>품목 </label>
+								<div class="history">
+									<div class="fnItemNm">품목명(EA)</div>
+								</div>
+							</div>
+						</div>
+						<div class="left">
+							<div class="nomal">
+								<label>반품발주수량</label>
+								<div class="history">
+									<div class="col_5 fnRtnPodrQty"></div>
+								</div>
+								<label class="sub_info">반품입고수량</label>
+								<div class="history">
+									<div class="fnRtnWhsQty">10</div>
+								</div>
+							</div>
+						</div>
+					</li>
+				</div>
+			</div>
+		</form>
+	</div>
+	<div id="ITP_MOBILE_JS"></div>
 </section>

src/main/webapp/mobile/js/app/mordmng/ITP_MORDMNG01010.js

@@ -0,0 +1,296 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		mobPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_GRID_LIST 			= '/api/pomng/po/spply-po-grid-list';	// 목록
+const API_MOBILE_INFO 				= '/api/pomng/po/info-spply-pchOdr';	// 상세
+const API_POP_SEARCH_LIST			= '/api/whs/mng/pop-whs-search';
+
+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_MORDMNG01010_LIST_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
+			$('#ITP_FORM_MORDMNG01010_LIST_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+		},
+		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_MORDMNG01010_LIST"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MORDMNG01010_LIST_SEARCH_WHS_NM'	: mobPopObj.popWhsNm.init(); 	break;
+					case 'ITP_BTN_MORDMNG01010_LIST_DELETE_WHS_NM'	: mobPopObj.popWhsNm.delete(); 	break;
+					case 'ITP_BTN_MORDMNG01010_LIST_SEARCH'			: mobContentObj.list.search();	break;
+				}
+				return false;
+			});
+
+			$('button[id^="ITP_BTN_MORDMNG01010_VIEW"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MORDMNG01010_VIEW_CANCEL_LIST'		: mobContentObj.view.cancel();	break;
+				}
+				return false;
+			});
+
+			$(document).on('click', '#ITP_LIST_MORDMNG01010_LIST_ITEM_ROWS li', function() {
+				var item = mobContentObj.list.rows[$(this).index()];
+				mobContentObj.view.init(item);
+			});
+
+			$(document).on('click', '#ITP_LIST_MORDMNG01010_POP_WHS_ROWS li button', function() {
+				mobPopObj.popWhsNm.choice($(this));
+			});
+		}
+	},
+	switchScreen: function(mode) {
+		$('#ITP_MOBILE_MORDMNG01010').find('div[id$="_CONTAINER"]').each(function(i) {
+			$(this).hide();
+		});
+		if(mode === PAGE_MODE_LIST) {
+			$('#ITP_AJAX_MORDMNG01010_LIST_CONTAINER').show();
+			this.moreView(true);
+		} else if(mode === PAGE_MODE_VIEW) {
+			$('#ITP_AJAX_MORDMNG01010_VIEW_CONTAINER').show();
+			this.moreView(false);
+		}
+		this.viewMode = mode;
+	},
+	moreView: function(isScroll) {
+		var _this = this;
+		if(isScroll) {
+			$('#ITP_LIST_MORDMNG01010_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_MORDMNG01010_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_MORDMNG01010_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_MORDMNG01010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MORDMNG01010_LIST_ITEM_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MORDMNG01010_LIST_ITEM_AREA .panel-group > .list-row:last');
+					$li.find('.fnBrandNm').text(item.brandNm);
+					$li.find('.fnPchPodrUnqNo').text(item.pchPodrUnqNo);
+					$li.find('.fnPchOdrStNm').text(item.pchOdrStNm);
+					$li.find('.fnPodrDt').text(item.podrDt);
+					$li.find('.fnDlvReqDt').text(item.dlvReqDt);
+					$li.find('.fnWhsNm').text(item.whsNm);
+					$li.find('.fnPodrTotalAmt').text(CommonObj.comma.set(item.podrTotalAmt));
+					$li.find('.fnPodrItemQty').text(CommonObj.currency.add(item.podrItemQty, '개'));
+					_this.rows.push(item);
+				});
+			};
+			var errFn = function() { _this.isSearch = false;};
+			const param = $('#ITP_FORM_MORDMNG01010_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);
+		}
+	},
+	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('userId'),
+				'pchPodrUnqNo': item.pchPodrUnqNo
+			};
+			fn_ajax_call(API_MOBILE_INFO, param, callbackFn, 'GET');
+		},
+		view: function(result) {
+			var _this = this;
+			var id = '#ITP_AJAX_MORDMNG01010_VIEW_CONTAINER';
+			$(id).find('.fnBrandNm').text(result.brandNm);
+			$(id).find('.fnPchPodrUnqNo').text(result.pchPodrUnqNo);
+			$(id).find('.fnPodrDt').text(result.podrDt);
+			$(id).find('.fnPchOdrStNm').text(result.pchOdrStNm);
+			$(id).find('.fnWhsNm').text(result.whsNm);
+			$(id).find('.fnPodrTotalAmt').text(CommonObj.currency.add(result.podrItemQty));
+			$(id).find('.fnPodrMgrNm').text(result.podrMgrNm);
+			$.each(result.pchOdrDtlList, function (i, item) {
+				$('#ITP_LIST_MORDMNG01010_VIEW_ITEM_AREA .panel-group').append($('#ITP_LIST_MORDMNG01010_VIEW_ITEM_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MORDMNG01010_VIEW_ITEM_AREA .panel-group > .list-row:last');
+				$li.find('.fnItemid').text(item.itemId);
+				$li.find('.fnItemNm').text(item.itemNm);
+				$li.find('.fnUPodrQty').text(item.podrQty);
+				$li.find('.fnUnitAmt').text(CommonObj.currency.add(item.unitAmt));
+				$li.find('.fnUnit').text(item.unit);
+				$li.find('.fnPodrQty').text(CommonObj.comma.set(item.podrQty));
+				$li.find('.fnPodrAmt').text(CommonObj.currency.add(item.podrAmt));
+				$li.find('.fnDlvReqDt').text(item.dlvReqDt);
+			});
+		},
+		cancel: function () {
+			var id = '#ITP_AJAX_MORDMNG01010_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_MORDMNG01010_VIEW_ITEM_AREA .panel-group').empty();
+			mobPageObj.switchScreen(PAGE_MODE_LIST);
+		}
+	}
+};
+
+let mobPopObj = {
+	popWhsNm: {
+		popId: 'ITP_POP_MORDMNG01010_WHS_AREA',
+		rows: [],
+		init: function () {
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function () {
+			var _this = this;
+			$('#ITP_LIST_MORDMNG01010_POP_WHS_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			const param = $('#ITP_FORM_MORDMNG01010_POP_WHS').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_MORDMNG01010_POP_WHS_AREA .panel-group').append($('#ITP_LIST_MORDMNG01010_POP_WHS_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MORDMNG01010_POP_WHS_AREA .panel-group > .list-row:last');
+				$li.find('.fnWhsNm').text(item.whsNm);
+				$li.find('.fnLocationNm').text(item.locationNm);
+				$li.find('.fnWhsId').data('whs-id', item.whsId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var whsId = $(elem).data('whs-id');
+			$.each(this.rows, function (i, item) {
+				if(whsId === item.whsId) {
+					$('#ITP_FORM_MORDMNG01010_LIST_SEARCH #ITP_FORM_MORDMNG01010_LIST_SEARCH_WHS_ID').val(item.whsId);
+					$('#ITP_FORM_MORDMNG01010_LIST_SEARCH #ITP_FORM_MORDMNG01010_LIST_SEARCH_WHS_NM').val(item.whsNm);
+					_this.close();
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MORDMNG01010_POP_WHS"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MORDMNG01010_POP_WHS_SEARCH'	: _this.search();			break;
+					case 'ITP_BTN_MORDMNG01010_POP_WHS_CHOICE'	: _this.choice($(this)); 	break;
+					case 'ITP_BTN_MORDMNG01010_POP_WHS_CLOSE'	: _this.close(); 			break;
+				}
+				return false;
+			});
+		},
+		delete: function() {
+			$('#ITP_FORM_MORDMNG01010_LIST_SEARCH #ITP_FORM_MORDMNG01010_LIST_SEARCH_WHS_ID').val('');
+			$('#ITP_FORM_MORDMNG01010_LIST_SEARCH #ITP_FORM_MORDMNG01010_LIST_SEARCH_WHS_NM').val('');
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MORDMNG01010_LIST_WHS_AREA .panel-group').empty();
+			$('#ITP_FORM_MORDMNG01010_POP_WHS #ITP_FORM_MORDMNG01010_POP_WHS_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/mordmng/ITP_MORDMNG02010.js

@@ -0,0 +1,366 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		mobPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_GRID_LIST 			= '/api/pomng/inoutmng/spply-target-grid-list';	// 목록
+const API_MOBILE_INFO 				= '/api/pomng/inoutmng/init-spply-inv';			// 상세
+const API_MOBILE_SAVE 				= '/api/pomng/inoutmng/save-spply-inv';			// 저장
+const API_POP_SEARCH_LIST			= '/api/whs/mng/pop-whs-search';
+
+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_MORDMNG02010_LIST_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
+			$('#ITP_FORM_MORDMNG02010_LIST_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+		},
+		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_MORDMNG02010_LIST"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MORDMNG02010_LIST_SEARCH_WHS_NM'	: mobPopObj.popWhsNm.init(); 	break;
+					case 'ITP_BTN_MORDMNG02010_LIST_DELETE_WHS_NM'	: mobPopObj.popWhsNm.delete(); 	break;
+					case 'ITP_BTN_MORDMNG02010_LIST_SEARCH'			: mobContentObj.list.search();	break;
+				}
+				return false;
+			});
+
+			$('button[id^="ITP_BTN_MORDMNG02010_VIEW"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MORDMNG02010_VIEW_ADD'			: mobContentObj.view.add();	break;
+					case 'ITP_BTN_MORDMNG02010_VIEW_CANCEL_LIST'	: mobContentObj.view.cancel();	break;
+				}
+				return false;
+			});
+
+			$(document).on('click', '#ITP_LIST_MORDMNG02010_LIST_ITEM_ROWS li', function() {
+				var item = mobContentObj.list.rows[$(this).index()];
+				mobContentObj.view.init(item);
+			});
+
+			$(document).on('click', '#ITP_LIST_MORDMNG02010_POP_WHS_ROWS li button', function() {
+				mobPopObj.popWhsNm.choice($(this));
+			});
+		}
+	},
+	switchScreen: function(mode) {
+		$('#ITP_MOBILE_MORDMNG02010').find('div[id$="_CONTAINER"]').each(function(i) {
+			$(this).hide();
+		});
+		if(mode === PAGE_MODE_LIST) {
+			$('#ITP_AJAX_MORDMNG02010_LIST_CONTAINER').show();
+			this.moreView(true);
+		} else if(mode === PAGE_MODE_VIEW) {
+			$('#ITP_AJAX_MORDMNG02010_VIEW_CONTAINER').show();
+			this.moreView(false);
+		}
+		this.viewMode = mode;
+	},
+	moreView: function(isScroll) {
+		var _this = this;
+		if(isScroll) {
+			$('#ITP_LIST_MORDMNG02010_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_MORDMNG02010_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_MORDMNG02010_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_MORDMNG02010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MORDMNG02010_LIST_ITEM_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MORDMNG02010_LIST_ITEM_AREA .panel-group > .list-row:last');
+					$li.find('.fnBrandNm').text(item.brandNm);
+					$li.find('.fnPchPodrUnqNo').text(item.pchPodrUnqNo);
+					$li.find('.fnPchPodrDtlNo').text(item.pchPodrDtlNo);
+					$li.find('.fnDlvReqDt').text(item.dlvReqDt);
+					$li.find('.fnWhsNm').text(item.whsNm);
+					$li.find('.fnPodrDt').text(item.podrDt);
+					$li.find('.fnItemId').text(item.itemId);
+					$li.find('.fnItemNm').text(item.itemNm);
+					$li.find('.fnPodrQty').text(CommonObj.currency.add(item.podrQty, '개'));
+					$li.find('.fnUnitAmt').text(CommonObj.comma.set(item.unitAmt));
+					$li.find('.fnPodrAmt').text(CommonObj.comma.set(item.podrAmt));
+					_this.rows.push(item);
+				});
+			};
+			var errFn = function() { _this.isSearch = false;};
+			const param = $('#ITP_FORM_MORDMNG02010_LIST_SEARCH').serializeObject();
+			param.gridPage = ++this.listPage;
+			param.gridSize = this.listSize;
+			param.fromDt = param.fromDt.replace(/-/g, ".");
+			param.toDt = param.toDt.replace(/-/g, ".");
+			fn_ajax_call(API_MOBILE_GRID_LIST, JSON.stringify(param), callbackFn, 'POST', errFn);
+		}
+	},
+	view: {
+		rows: [],
+		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('userId'),
+				'pchPodrUnqNo': item.pchPodrUnqNo
+			};
+			fn_ajax_call(API_MOBILE_INFO, param, callbackFn, 'GET');
+		},
+		view: function(result) {
+			var _this = this;
+			var id = '#ITP_AJAX_MORDMNG02010_VIEW_CONTAINER';
+			$(id).find('.fnBrandNm').text(result.brandNm);
+			$(id).find('.fnPchPodrUnqNo').text(result.pchPodrUnqNo);
+			$(id).find('.fnDlvRegDt').text(result.dlvReqDt);
+			$(id).find('.fnPodrTotalAmt').text(CommonObj.currency.add(result.podrTotalAmt));
+			$(id).find('.fnWhsNm').text(result.whsNm);
+			$(id).find('.fnDeliTelNo').text(result.deliTelNo);
+			$.each(result.invPoInfoList, function (i, item) {
+				$('#ITP_LIST_MORDMNG02010_VIEW_ITEM_AREA .panel-group').append($('#ITP_LIST_MORDMNG02010_VIEW_ITEM_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MORDMNG02010_VIEW_ITEM_AREA .panel-group > .list-row:last');
+				$li.find('.fnPchPodrDtlNo').text(item.pchPodrDtlNo);
+				$li.find('.fnItemId').text(item.itemId);
+				$li.find('.fnItemNm').text(item.itemNm);
+				$li.find('.fnPodrQty').text(CommonObj.comma.set(item.podrQty));
+				$li.find('.fnUnitAmt').text(CommonObj.currency.add(item.unitAmt));
+				$li.find('.fnUnit').text(item.unit);
+				$li.find('.fnPodrAmt').text(CommonObj.currency.add(item.podrAmt));
+				$li.find('.fnDlvReqDt').text(item.dlvReqDt);
+				_this.rows.push(item);
+			});
+		},
+		add: function() {
+			var _this = this;
+			var param = {};
+			var dlvSchDt = $('#ITP_AJAX_MORDMNG02010_VIEW_CONTAINER #ITP_FORM_MORDMNG02010_VIEW_DLV_SCH_DT').val();
+			var dlvMgrNm = $('#ITP_AJAX_MORDMNG02010_VIEW_CONTAINER #ITP_FORM_MORDMNG02010_VIEW_DLV_MGR_NM').val();
+			var dlvMgrTelNo = $('#ITP_AJAX_MORDMNG02010_VIEW_CONTAINER #ITP_FORM_MORDMNG02010_VIEW_DLV_MGR_TEL_NO').val();
+			if(dlvSchDt.length < 1) {
+				alert('납품일자를 입력해 주세요.');
+				return false;
+			}
+			if(dlvMgrNm.length < 1) {
+				alert('발주담당자를 입력해 주세요.');
+				return false;
+			}
+			if(dlvMgrTelNo.length < 1) {
+				alert('발주담당자 연락처를 입력해 주세요.');
+				return false;
+			}
+			var gridInsertData = [];
+			var isValid = false;
+			$('#ITP_LIST_MORDMNG02010_VIEW_ITEM_AREA .panel-group > .list-row').each(function(index) {
+				var row = _this.rows[index];
+				var item = {
+					'pchPodrDtlNo': row.pchPodrDtlNo,
+					'pchPodrUnqNo': row.pchPodrUnqNo,
+					'shmtQty': $(this).find('#ITP_FORM_MORDMNG02010_VIEW_SHMT_QTY').val(),
+					'expryDate': $(this).find('#ITP_FORM_MORDMNG02010_VIEW_EXPRY_DATE').val(),
+					'deliDesc': $(this).find('#ITP_FORM_MORDMNG02010_VIEW_DELI_DESC').val()
+				};
+				if(row.expryYn === 'Y' && item.expryDate.length < 1) {
+					alert('유통기한을 입력해 주세요.');
+					return false;
+				}
+				if(item.shmtQty.length < 1) {
+					alert('납품수량을 입력해 주세요.');
+					return false;
+				}
+				if(row.podrQty < item.shmtQty) {
+					alert('납품수량은 발주수량을 초과할 수 없습니다.');
+					return false;
+				}
+				item.expryDate = item.expryDate.replace(/-/g, ".");
+				gridInsertData.push(item);
+				isValid = true;
+			});
+			if(isValid) {
+				param['viewCd'] = 'C';
+				param['brandId'] = fn_make_user_info.get('brandId');
+				param['spplyId'] = fn_make_user_info.get('userId');
+				param['dlvSchDt'] = dlvSchDt.replace(/-/g, ".");
+				param['dlvMgrNm'] = dlvMgrNm;
+				param['dlvMgrTelNo'] = dlvMgrTelNo;
+				param['gridInsertData'] = gridInsertData;
+				console.log(JSON.stringify(param));
+				var callbackFn = function(result) {
+					console.log(result);
+					_this.cancel();
+				};
+				fn_ajax_call(API_MOBILE_SAVE, JSON.stringify(param), callbackFn, 'POST');
+			}
+		},
+		cancel: function () {
+			var id = '#ITP_AJAX_MORDMNG02010_VIEW_CONTAINER';
+			$(id + ' #ITP_FORM_MORDMNG02010_VIEW_DLV_SCH_DT').val('');
+			$(id + ' #ITP_FORM_MORDMNG02010_VIEW_DLV_MGR_NM').val('');
+			$(id + ' #ITP_FORM_MORDMNG02010_VIEW_DLV_MGR_TEL_NO').val('');
+			$(id).find('.fnPchPodrDtlNo').text('');
+			$(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_MORDMNG02010_VIEW_ITEM_AREA .panel-group').empty();
+			mobPageObj.switchScreen(PAGE_MODE_LIST);
+		}
+	}
+};
+
+let mobPopObj = {
+	popWhsNm: {
+		popId: 'ITP_POP_MORDMNG02010_WHS_AREA',
+		rows: [],
+		init: function () {
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function () {
+			var _this = this;
+			$('#ITP_LIST_MORDMNG02010_POP_WHS_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			const param = $('#ITP_FORM_MORDMNG02010_POP_WHS').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_MORDMNG02010_POP_WHS_AREA .panel-group').append($('#ITP_LIST_MORDMNG02010_POP_WHS_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MORDMNG02010_POP_WHS_AREA .panel-group > .list-row:last');
+				$li.find('.fnWhsNm').text(item.whsNm);
+				$li.find('.fnLocationNm').text(item.locationNm);
+				$li.find('.fnWhsId').data('whs-id', item.whsId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var whsId = $(elem).data('whs-id');
+			$.each(this.rows, function (i, item) {
+				if(whsId === item.whsId) {
+					$('#ITP_FORM_MORDMNG02010_LIST_SEARCH #ITP_FORM_MORDMNG02010_LIST_SEARCH_WHS_ID').val(item.whsId);
+					$('#ITP_FORM_MORDMNG02010_LIST_SEARCH #ITP_FORM_MORDMNG02010_LIST_SEARCH_WHS_NM').val(item.whsNm);
+					_this.close();
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MORDMNG02010_POP_WHS"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MORDMNG02010_POP_WHS_SEARCH'	: _this.search();			break;
+					case 'ITP_BTN_MORDMNG02010_POP_WHS_CHOICE'	: _this.choice($(this)); 	break;
+					case 'ITP_BTN_MORDMNG02010_POP_WHS_CLOSE'	: _this.close(); 			break;
+				}
+				return false;
+			});
+		},
+		delete: function() {
+			$('#ITP_FORM_MORDMNG02010_LIST_SEARCH #ITP_FORM_MORDMNG02010_LIST_SEARCH_WHS_ID').val('');
+			$('#ITP_FORM_MORDMNG02010_LIST_SEARCH #ITP_FORM_MORDMNG02010_LIST_SEARCH_WHS_NM').val('');
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MORDMNG02010_LIST_WHS_AREA .panel-group').empty();
+			$('#ITP_FORM_MORDMNG02010_POP_WHS #ITP_FORM_MORDMNG02010_POP_WHS_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/mordmng/ITP_MORDMNG03010.js

@@ -0,0 +1,365 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		mobPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_GRID_LIST 			= '/api/pomng/inoutmng/spply-deli-grid-list';	// 목록
+const API_MOBILE_INFO 				= '/api/pomng/inoutmng/info-inv';				// 상세
+const API_POP_SEARCH_LIST			= '/api/whs/mng/pop-whs-search';
+
+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_MORDMNG03010_LIST_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
+			$('#ITP_FORM_MORDMNG03010_LIST_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+		},
+		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_MORDMNG03010_LIST"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MORDMNG03010_LIST_SEARCH_WHS_NM'	: mobPopObj.popWhsNm.init(); 	break;
+					case 'ITP_BTN_MORDMNG03010_LIST_DELETE_WHS_NM'	: mobPopObj.popWhsNm.delete(); 	break;
+					case 'ITP_BTN_MORDMNG03010_LIST_SEARCH'			: mobContentObj.list.search();	break;
+				}
+				return false;
+			});
+
+			$('button[id^="ITP_BTN_MORDMNG03010_VIEW"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MORDMNG03010_VIEW_ADD'			: mobContentObj.view.add();	break;
+					case 'ITP_BTN_MORDMNG03010_VIEW_CANCEL_LIST'	: mobContentObj.view.cancel();	break;
+				}
+				return false;
+			});
+
+			$(document).on('click', '#ITP_LIST_MORDMNG03010_LIST_ITEM_ROWS li', function() {
+				var item = mobContentObj.list.rows[$(this).index()];
+				mobContentObj.view.init(item);
+			});
+
+			$(document).on('click', '#ITP_LIST_MORDMNG03010_POP_WHS_ROWS li button', function() {
+				mobPopObj.popWhsNm.choice($(this));
+			});
+		}
+	},
+	switchScreen: function(mode) {
+		$('#ITP_MOBILE_MORDMNG03010').find('div[id$="_CONTAINER"]').each(function(i) {
+			$(this).hide();
+		});
+		if(mode === PAGE_MODE_LIST) {
+			$('#ITP_AJAX_MORDMNG03010_LIST_CONTAINER').show();
+			this.moreView(true);
+		} else if(mode === PAGE_MODE_VIEW) {
+			$('#ITP_AJAX_MORDMNG03010_VIEW_CONTAINER').show();
+			this.moreView(false);
+		}
+		this.viewMode = mode;
+	},
+	moreView: function(isScroll) {
+		var _this = this;
+		if(isScroll) {
+			$('#ITP_LIST_MORDMNG03010_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_MORDMNG03010_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_MORDMNG03010_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_MORDMNG03010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MORDMNG03010_LIST_ITEM_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MORDMNG03010_LIST_ITEM_AREA .panel-group > .list-row:last');
+					$li.find('.fnBrandNm').text(item.brandNm);
+					$li.find('.fnPchPodrUnqNo').text(item.pchPodrUnqNo);
+					$li.find('.fnPchPodrDtlNo').text(item.pchPodrDtlNo);
+					$li.find('.fnDlvReqDt').text(item.dlvReqDt);
+					$li.find('.fnWhsNm').text(item.whsNm);
+					$li.find('.fnPodrDt').text(item.podrDt);
+					$li.find('.fnItemId').text(item.itemId);
+					$li.find('.fnItemNm').text(item.itemNm);
+					$li.find('.fnPodrQty').text(CommonObj.currency.add(item.podrQty, '개'));
+					$li.find('.fnUnitAmt').text(CommonObj.comma.set(item.unitAmt));
+					$li.find('.fnPodrAmt').text(CommonObj.comma.set(item.podrAmt));
+					_this.rows.push(item);
+				});
+			};
+			var errFn = function() { _this.isSearch = false;};
+			const param = $('#ITP_FORM_MORDMNG03010_LIST_SEARCH').serializeObject();
+			param.gridPage = ++this.listPage;
+			param.gridSize = this.listSize;
+			param.fromDt = param.fromDt.replace(/-/g, ".");
+			param.toDt = param.toDt.replace(/-/g, ".");
+			fn_ajax_call(API_MOBILE_GRID_LIST, JSON.stringify(param), callbackFn, 'POST', errFn);
+		}
+	},
+	view: {
+		rows: [],
+		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('userId'),
+				'pchPodrUnqNo': item.pchPodrUnqNo
+			};
+			fn_ajax_call(API_MOBILE_INFO, param, callbackFn, 'GET');
+		},
+		view: function(result) {
+			var _this = this;
+			var id = '#ITP_AJAX_MORDMNG03010_VIEW_CONTAINER';
+			$(id).find('.fnBrandNm').text(result.brandNm);
+			$(id).find('.fnPchPodrUnqNo').text(result.pchPodrUnqNo);
+			$(id).find('.fnDlvRegDt').text(result.dlvReqDt);
+			$(id).find('.fnPodrTotalAmt').text(CommonObj.currency.add(result.podrTotalAmt));
+			$(id).find('.fnWhsNm').text(result.whsNm);
+			$(id).find('.fnDeliTelNo').text(result.deliTelNo);
+			$.each(result.invPoInfoList, function (i, item) {
+				$('#ITP_LIST_MORDMNG03010_VIEW_ITEM_AREA .panel-group').append($('#ITP_LIST_MORDMNG03010_VIEW_ITEM_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MORDMNG03010_VIEW_ITEM_AREA .panel-group > .list-row:last');
+				$li.find('.fnPchPodrDtlNo').text(item.pchPodrDtlNo);
+				$li.find('.fnItemId').text(item.itemId);
+				$li.find('.fnItemNm').text(item.itemNm);
+				$li.find('.fnPodrQty').text(CommonObj.comma.set(item.podrQty));
+				$li.find('.fnUnitAmt').text(CommonObj.currency.add(item.unitAmt));
+				$li.find('.fnUnit').text(item.unit);
+				$li.find('.fnPodrAmt').text(CommonObj.currency.add(item.podrAmt));
+				$li.find('.fnDlvReqDt').text(item.dlvReqDt);
+				_this.rows.push(item);
+			});
+		},
+		add: function() {
+			var _this = this;
+			var param = {};
+			var dlvSchDt = $('#ITP_AJAX_MORDMNG03010_VIEW_CONTAINER #ITP_FORM_MORDMNG03010_VIEW_DLV_SCH_DT').val();
+			var dlvMgrNm = $('#ITP_AJAX_MORDMNG03010_VIEW_CONTAINER #ITP_FORM_MORDMNG03010_VIEW_DLV_MGR_NM').val();
+			var dlvMgrTelNo = $('#ITP_AJAX_MORDMNG03010_VIEW_CONTAINER #ITP_FORM_MORDMNG03010_VIEW_DLV_MGR_TEL_NO').val();
+			if(dlvSchDt.length < 1) {
+				alert('납품일자를 입력해 주세요.');
+				return false;
+			}
+			if(dlvMgrNm.length < 1) {
+				alert('발주담당자를 입력해 주세요.');
+				return false;
+			}
+			if(dlvMgrTelNo.length < 1) {
+				alert('발주담당자 연락처를 입력해 주세요.');
+				return false;
+			}
+			var gridInsertData = [];
+			var isValid = false;
+			$('#ITP_LIST_MORDMNG03010_VIEW_ITEM_AREA .panel-group > .list-row').each(function(index) {
+				var row = _this.rows[index];
+				var item = {
+					'pchPodrDtlNo': row.pchPodrDtlNo,
+					'pchPodrUnqNo': row.pchPodrUnqNo,
+					'shmtQty': $(this).find('#ITP_FORM_MORDMNG03010_VIEW_SHMT_QTY').val(),
+					'expryDate': $(this).find('#ITP_FORM_MORDMNG03010_VIEW_EXPRY_DATE').val(),
+					'deliDesc': $(this).find('#ITP_FORM_MORDMNG03010_VIEW_DELI_DESC').val()
+				};
+				if(row.expryYn === 'Y' && item.expryDate.length < 1) {
+					alert('유통기한을 입력해 주세요.');
+					return false;
+				}
+				if(item.shmtQty.length < 1) {
+					alert('납품수량을 입력해 주세요.');
+					return false;
+				}
+				if(row.podrQty < item.shmtQty) {
+					alert('납품수량은 발주수량을 초과할 수 없습니다.');
+					return false;
+				}
+				item.expryDate = item.expryDate.replace(/-/g, ".");
+				gridInsertData.push(item);
+				isValid = true;
+			});
+			if(isValid) {
+				param['viewCd'] = 'C';
+				param['brandId'] = fn_make_user_info.get('brandId');
+				param['spplyId'] = fn_make_user_info.get('userId');
+				param['dlvSchDt'] = dlvSchDt.replace(/-/g, ".");
+				param['dlvMgrNm'] = dlvMgrNm;
+				param['dlvMgrTelNo'] = dlvMgrTelNo;
+				param['gridInsertData'] = gridInsertData;
+				console.log(JSON.stringify(param));
+				var callbackFn = function(result) {
+					console.log(result);
+					_this.cancel();
+				};
+				fn_ajax_call(API_MOBILE_SAVE, JSON.stringify(param), callbackFn, 'POST');
+			}
+		},
+		cancel: function () {
+			var id = '#ITP_AJAX_MORDMNG03010_VIEW_CONTAINER';
+			$(id + ' #ITP_FORM_MORDMNG03010_VIEW_DLV_SCH_DT').val('');
+			$(id + ' #ITP_FORM_MORDMNG03010_VIEW_DLV_MGR_NM').val('');
+			$(id + ' #ITP_FORM_MORDMNG03010_VIEW_DLV_MGR_TEL_NO').val('');
+			$(id).find('.fnPchPodrDtlNo').text('');
+			$(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_MORDMNG03010_VIEW_ITEM_AREA .panel-group').empty();
+			mobPageObj.switchScreen(PAGE_MODE_LIST);
+		}
+	}
+};
+
+let mobPopObj = {
+	popWhsNm: {
+		popId: 'ITP_POP_MORDMNG03010_WHS_AREA',
+		rows: [],
+		init: function () {
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function () {
+			var _this = this;
+			$('#ITP_LIST_MORDMNG03010_POP_WHS_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			const param = $('#ITP_FORM_MORDMNG03010_POP_WHS').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_MORDMNG03010_POP_WHS_AREA .panel-group').append($('#ITP_LIST_MORDMNG03010_POP_WHS_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MORDMNG03010_POP_WHS_AREA .panel-group > .list-row:last');
+				$li.find('.fnWhsNm').text(item.whsNm);
+				$li.find('.fnLocationNm').text(item.locationNm);
+				$li.find('.fnWhsId').data('whs-id', item.whsId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var whsId = $(elem).data('whs-id');
+			$.each(this.rows, function (i, item) {
+				if(whsId === item.whsId) {
+					$('#ITP_FORM_MORDMNG03010_LIST_SEARCH #ITP_FORM_MORDMNG03010_LIST_SEARCH_WHS_ID').val(item.whsId);
+					$('#ITP_FORM_MORDMNG03010_LIST_SEARCH #ITP_FORM_MORDMNG03010_LIST_SEARCH_WHS_NM').val(item.whsNm);
+					_this.close();
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MORDMNG03010_POP_WHS"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MORDMNG03010_POP_WHS_SEARCH'	: _this.search();			break;
+					case 'ITP_BTN_MORDMNG03010_POP_WHS_CHOICE'	: _this.choice($(this)); 	break;
+					case 'ITP_BTN_MORDMNG03010_POP_WHS_CLOSE'	: _this.close(); 			break;
+				}
+				return false;
+			});
+		},
+		delete: function() {
+			$('#ITP_FORM_MORDMNG03010_LIST_SEARCH #ITP_FORM_MORDMNG03010_LIST_SEARCH_WHS_ID').val('');
+			$('#ITP_FORM_MORDMNG03010_LIST_SEARCH #ITP_FORM_MORDMNG03010_LIST_SEARCH_WHS_NM').val('');
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MORDMNG03010_LIST_WHS_AREA .panel-group').empty();
+			$('#ITP_FORM_MORDMNG03010_POP_WHS #ITP_FORM_MORDMNG03010_POP_WHS_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/mpomng/ITP_MPOMNG06010.js

@@ -51,20 +51,16 @@ let mobPageObj = {
 			$('button[id^="ITP_BTN_MPOMNG06010_LIST"]').on('click', function() {
 				var id = $(this).attr('id');
 				switch (id) {
-					case 'ITP_BTN_MPOMNG06010_LIST_SEARCH_WHS_NM'	: mobPopObj.popWhsNm.init(); 	break;
-					case 'ITP_BTN_MPOMNG06010_LIST_DELETE_WHS_NM'	: mobPopObj.popWhsNm.delete(); 	break;
-					case 'ITP_BTN_MPOMNG06010_LIST_SEARCH_SPPLY_NM'	: mobPopObj.popSpply.init(); 	break;
-					case 'ITP_BTN_MPOMNG06010_LIST_DELETE_SPPLY_NM'	: mobPopObj.popSpply.delete(); 	break;
-					case 'ITP_BTN_MPOMNG06010_LIST_SEARCH'			: mobContentObj.list.search();	break;
-					case 'ITP_BTN_MPOMNG06010_LIST_MODIFY'			: mobContentObj.list.save();	break;
+					case 'ITP_BTN_MRTNMNG06010_LIST_SEARCH_WHS_NM'		: mobPopObj.popWhsNm.init('WHS'); 		break;
+					case 'ITP_BTN_MRTNMNG06010_LIST_DELETE_WHS_NM'		: mobPopObj.popWhsNm.delete('WHS'); 	break;
+					case 'ITP_BTN_MRTNMNG06010_LIST_SEARCH_RTN_WHS_NM'	: mobPopObj.popWhsNm.init('RTN_WHS'); 	break;
+					case 'ITP_BTN_MRTNMNG06010_LIST_DELETE_RTN_WHS_NM'	: mobPopObj.popWhsNm.delete('RTN_WHS'); break;
+					case 'ITP_BTN_MPOMNG06010_LIST_SEARCH'				: mobContentObj.list.search();	break;
+					case 'ITP_BTN_MPOMNG06010_LIST_MODIFY'				: mobContentObj.list.save();	break;
 				}
 				return false;
 			});
 
-			$(document).on('click', '#ITP_POP_MPOMNG06010_LIST_SPPLY_ROWS li button', function() {
-				mobPopObj.popSpply.choice($(this));
-			});
-
 			$(document).on('click', '#ITP_LIST_MPOMNG06010_POP_WHS_ROWS li button', function() {
 				mobPopObj.popWhsNm.choice($(this));
 			});
@@ -189,70 +185,6 @@ let mobContentObj = {
 };
 
 let mobPopObj = {
-	popSpply: {
-		popId: 'ITP_POP_MPOMNG06010_SPPLY_AREA',
-		rows: [],
-		init: function() {
-			this.rows.length = 0;
-			mobPopObj.show(this.popId);
-			this.search();
-			this.action();
-		},
-		search: function() {
-			var _this = this;
-			$('#ITP_POP_MPOMNG06010_LIST_SPPLY_AREA .panel-group').empty();
-			var callbackFn = function(result) {
-				console.log(result);
-				_this.view(result.gridRows);
-			};
-			let param = $('#ITP_FORM_MPOMNG06010_POP_SPPLY_SEARCH').serializeObject();
-			fn_ajax_call(API_POP_SPPLY_LIST, JSON.stringify(param), callbackFn, 'POST');
-		},
-		view: function(gridRows) {
-			this.rows = gridRows;
-			$.each(gridRows, function (i, item) {
-				$('#ITP_POP_MPOMNG06010_LIST_SPPLY_AREA .panel-group').append($('#ITP_POP_MPOMNG06010_LIST_SPPLY_ROWCOPY').html());
-				var $li = $('#ITP_POP_MPOMNG06010_LIST_SPPLY_AREA .panel-group > .list-row:last');
-				$li.find('.fnSpplyNm').text(item.spplyNm);
-				$li.find('.fnStNm').text($li.find('.fnStNm').text().replace('$', item.stNm));
-				$li.find('.fnSpplyId').data('item-key', item.spplyId);
-			});
-		},
-		choice: function(elem) {
-			var _this = this;
-			var spplyId = $(elem).data('item-key');
-			$.each(this.rows, function (i, item) {
-				if(spplyId === item.spplyId) {
-					$('#ITP_FORM_MPOMNG06010_LIST_SEARCH #ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_ID').val(item.spplyId);
-					$('#ITP_FORM_MPOMNG06010_LIST_SEARCH #ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_NM').val(item.spplyNm);
-					_this.close();
-					return false;
-				}
-			});
-		},
-		action: function() {
-			var _this = this;
-			$('button[id^="ITP_BTN_MPOMNG06010_POP_SPPLY"]').off('click').on('click', function() {
-				var id = $(this).attr('id');
-				switch (id) {
-					case 'ITP_BTN_MPOMNG06010_POP_SPPLY_SEARCH'	: _this.search();			break;
-					case 'ITP_BTN_MPOMNG06010_POP_SPPLY_CHOICE'	: _this.choice($(this));	break;
-					case 'ITP_BTN_MPOMNG06010_POP_SPPLY_CLOSE'	: _this.close(); 			break;
-				}
-				return false;
-			});
-		},
-		delete: function() {
-			$('#ITP_FORM_MPOMNG06010_LIST_SEARCH #ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_ID').val('');
-			$('#ITP_FORM_MPOMNG06010_LIST_SEARCH #ITP_FORM_MPOMNG06010_LIST_SEARCH_SPPLY_NM').val('');
-		},
-		close: function() {
-			this.rows.length = 0;
-			$('#ITP_POP_MPOMNG06010_LIST_SPPLY_AREA .panel-group').empty();
-			$('#ITP_FORM_MPOMNG06010_POP_SPPLY_SEARCH #ITP_FORM_MPOMNG06010_POP_SPPLY_KEYWORD').val('');
-			mobPopObj.hide(this.popId);
-		}
-	},
 	popWhsNm: {
 		popId: 'ITP_POP_MPOMNG06010_WHS_AREA',
 		rows: [],
@@ -287,8 +219,13 @@ let mobPopObj = {
 			var whsId = $(elem).data('whs-id');
 			$.each(this.rows, function (i, item) {
 				if(whsId === item.whsId) {
-					$('#ITP_FORM_MPOMNG06010_LIST_SEARCH #ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_ID').val(item.whsId);
-					$('#ITP_FORM_MPOMNG06010_LIST_SEARCH #ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_NM').val(item.whsNm);
+					if(_this.popMode === 'RTN_WHS') {
+						$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_RTN_WHS_ID').val(item.whsId);
+						$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_RTN_WHS_NM').val(item.whsNm);
+					} else {
+						$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_WHS_ID').val(item.whsId);
+						$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_WHS_NM').val(item.whsNm);
+					}
 					_this.close();
 					return false;
 				}
@@ -307,8 +244,13 @@ let mobPopObj = {
 			});
 		},
 		delete: function() {
-			$('#ITP_FORM_MPOMNG06010_LIST_SEARCH #ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_ID').val('');
-			$('#ITP_FORM_MPOMNG06010_LIST_SEARCH #ITP_FORM_MPOMNG06010_LIST_SEARCH_WHS_NM').val('');
+			if(_this.popMode === 'RTN_WHS') {
+				$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_RTN_WHS_ID').val('');
+				$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_RTN_WHS_NM').val('');
+			} else {
+				$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_WHS_ID').val('');
+				$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_WHS_NM').val('');
+			}
 		},
 		close: function() {
 			this.rows.length = 0;

src/main/webapp/mobile/js/app/mrtnmng/ITP_MRTNMNG01010.js

@@ -0,0 +1,374 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		mobPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_INIT_INFO	= '/api/rtnmng/init-rtnReq';
+const API_MOBILE_SAVE		= '/api/rtnmng/save-rtnReq';
+const API_POP_SEARCH_LIST	= '/api/whs/mng/pop-whs-search';
+const API_POP_ITEM_LIST 	= '/api/item/pop-grid-list';
+
+const ID_ITP_POP_MRTNMNG01010_REQ_AREA 		= "ITP_POP_MRTNMNG01010_REQ_AREA";
+const ID_ITP_POP_MRTNMNG01010_WHS_AREA 		= "ITP_POP_MRTNMNG01010_WHS_AREA";
+const ID_ITP_POP_MRTNMNG01010_ITEM_AREA 	= "ITP_POP_MRTNMNG01010_ITEM_AREA";
+
+const RTN_REQ_ST_CD_TEMP_SAVE		="PR00";
+const RTN_REQ_ST_CD_REQUEST_SAVE	="PR20";
+
+let mobPageObj = {
+	isPrevPage: false,
+	pageParam: null,
+	init: function () {
+		this.ui.init();
+		this.event.init();
+		this.ready();
+	},
+	ui: {
+		init: function () {
+			this.info();
+			this.view();
+		},
+		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'));
+		},
+		view: function() {
+			// 조회일자 지정
+			$('#ITP_FORM_MRTNMNG01010_DETAIL_DLV_REQ_DT').val(itp_fn_date_add('M', 0));
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			$('button[id^="ITP_BTN_MRTNMNG01010_DETAIL"]').on('click', function() {
+				if($(this).is('[data-call-popup]')) {
+					mobPopObj.show($(this).data('call-popup'), $(this).attr('id'));
+				} else {
+					var id = $(this).attr('id');
+					switch (id) {
+						case 'ITP_BTN_MRTNMNG01010_DETAIL_DELROW'		: mobContObj.list.delRow(); 		break;
+						case 'ITP_BTN_MRTNMNG01010_DETAIL_SEARCH_WHS_NM'	: mobPopObj.popWhsNm.init(); 		break;
+						case 'ITP_BTN_MRTNMNG01010_DETAIL_DELETE_WHS_NM'	: mobPopObj.popWhsNm.delete();		break;
+						case 'ITP_BTN_MRTNMNG01010_DETAIL_CANCEL'		: mobContObj.cancel();				break;
+					}
+				}
+				return false;
+			});
+		}
+	},
+	ready: function() {
+		mobContObj.init();
+	}
+};
+
+let mobContObj = {
+	init: function() {
+		this.button();
+		this.data.load();
+	},
+	button: function() {
+		var _this = this;
+		$(document).on('click', '.DETAIL_ITEM_PLUS', function() {
+			_this.list.actPlus($(this));
+		});
+		$(document).on('click', '.DETAIL_ITEM_MINUS', function() {
+			_this.list.actMinus($(this));
+		});
+	},
+	data: {
+		initPchReq: null,
+		load: function() {
+			var _this = this;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.initPchReq = result;
+				$('#ITP_FORM_MRTNMNG01010_DETAIL #ITP_FORM_MRTNMNG01010_DETAIL_BRAND_ID').val(result.brandId);
+				$('#ITP_FORM_MRTNMNG01010_DETAIL #ITP_FORM_MRTNMNG01010_DETAIL_STORE_ID').val(result.storeId);
+				$('#ITP_FORM_MRTNMNG01010_DETAIL #ITP_FORM_MRTNMNG01010_DETAIL_RTN_LOCATION').val(result.rtnLocation);
+				$('#ITP_FORM_MRTNMNG01010_DETAIL #ITP_FORM_MRTNMNG01010_DETAIL_RTN_WHS_ID').val(result.rtnWhsId);
+				$('#ITP_FORM_MRTNMNG01010_DETAIL #ITP_FORM_MRTNMNG01010_DETAIL_WHS_DVSN').val(result.whsDvsn);
+			};
+			const param = {brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId')};
+			fn_ajax_call(API_MOBILE_INIT_INFO, param, callbackFn, 'GET');
+		}
+	},
+	list: {
+		rows: [],
+		addRow: function() {
+		},
+		delRow: function() {
+			this.detachRow();
+		},
+		attachRow: function (item) {
+			console.log(item);
+			var fnIsExist = function(rows) {
+				var isExist = false;
+				$.each(rows, function(i, row) {
+					if(row.brandUnitUnqNo === item.brandUnitUnqNo) {
+						isExist = true;
+						return false;
+					}
+				});
+				return isExist;
+			};
+			if(!fnIsExist(this.rows)) {
+				this.rows.push(item);
+				$('#ITP_LIST_MRTNMNG01010_ITEM_AREA .panel-group').append($('#ITP_LIST_MRTNMNG01010_DETAIL_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MRTNMNG01010_ITEM_AREA .panel-group > .row_2:last');
+				$li.find('.fnBrandUnitUnqNo').val(item.brandUnitUnqNo);
+				$li.find('.fnItemNm').text(item.itemNm);
+				$li.find('.fnPchReqQty').text(item.pchReqQty);
+				$li.find('.fnUnitAmt').text(CommonObj.currency.add(item.unitAmt));
+				this.pchReqAmtTot();
+			}
+		},
+		detachRow: function () {
+			if($('#ITP_LIST_MRTNMNG01010_ITEM_AREA input:checkbox[name=brandUnitUnqNo]:checked').length > 0) {
+				var _this = this;
+				$('#ITP_LIST_MRTNMNG01010_DETAIL_ROWS li').each(function(index, elem) {
+					var isChecked = $(this).find('input[type="checkbox"]').is(':checked');
+					if(isChecked) {
+						$(this).remove();_this.rows.splice(index, 1);
+					}
+				});
+				this.pchReqAmtTot();
+			}
+		},
+		actPlus: function(elem) {
+			var $div = $(elem).siblings('div');
+			var num = Number($div.text());
+			$($div).text((num + 1).toString());
+			this.rows[$div.parents('li').index()]['pchReqQty'] = $($div).text();
+			this.pchReqAmtTot();
+		},
+		actMinus: function(elem) {
+			var $div = $(elem).siblings('div');
+			var num = Number($div.text());
+			if(num <= 1) {
+				alert('주문수량을 확인하세요.');
+			} else {
+				$($div).text((num - 1).toString());
+				this.rows[$div.parents('li').index()]['pchReqQty'] = $($div).text();
+				this.pchReqAmtTot();
+			}
+		},
+		pchReqAmtTot: function() {
+			var reqAmt = 0;
+			$.each(this.rows, function(index, item) {
+				var qty = item.pchReqQty;
+				var amt = item.unitAmt;
+				reqAmt += Number(qty) * amt;
+			});
+			$('#ITP_AJAX_MRTNMNG01010_VIEW_CONTAINER').find('.fnRtnReqAmt').text(CommonObj.currency.add(reqAmt));
+		}
+	},
+	cancel: function () {
+		$(location).attr('href', MOBILE_CONTEXTPATH + '/app/main.html');
+	}
+};
+
+let mobPopObj = {
+	init: function(popId, parentId) {
+		switch (popId) {
+			case 'ITP_POP_MRTNMNG01010_REQ_AREA'		: this.popReqConfirm.init(parentId); 	break;
+			case 'ITP_POP_MRTNMNG01010_WHS_AREA'		: this.popWhsNm.init(); 				break;
+			case 'ITP_POP_MRTNMNG01010_ITEM_AREA'	: this.popItem.init();					break;
+		}
+	},
+	popItem: {
+		// rows: null,
+		init: function() {
+			this.search();
+		},
+		search: function() {
+			$('#ITP_LIST_MRTNMNG01010_POP_ITEM_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				mobPopObj.popItem.rows = result.gridRows;
+				$.each(mobPopObj.popItem.rows, function (i, item) {
+					$('#ITP_LIST_MRTNMNG01010_POP_ITEM_AREA .panel-group').append($('#ITP_LIST_MRTNMNG01010_POP_ITEM_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MRTNMNG01010_POP_ITEM_AREA .panel-group > .row_2:last');
+					$li.find('#ITP_FORM_MRTNMNG01010_POP_ITEM_CHECKBOX').val(item.itemId);
+					$li.find('.fnItemNm').text(item.itemNm);
+					$li.find('.fnUnitAmt').text(CommonObj.currency.add(item.unitAmt));
+				});
+				mobPopObj.popItem.addRow.init();
+			};
+			let param = $('#ITP_FORM_MRTNMNG01010_POPUP_ITEM').serializeObject();
+			fn_ajax_call(API_POP_ITEM_LIST, JSON.stringify(param), callbackFn, 'POST');
+		},
+		addRow: {
+			init: function() {
+				this.button.init();
+			},
+			button: {
+				init: function() {
+					var _this = this;
+					$('button[id^="ITP_BTN_MRTNMNG01010_POP_ITEM_"]').off('click').on('click', function() {
+						var id = $(this).attr('id');
+						switch (id) {
+							case 'ITP_BTN_MRTNMNG01010_POP_ITEM_PLUS'	: _this.actPlus($(this)); 		break;
+							case 'ITP_BTN_MRTNMNG01010_POP_ITEM_MINUS'	: _this.actMinus($(this)); 		break;
+							case 'ITP_BTN_MRTNMNG01010_POP_ITEM_ADD'	: _this.actItemAdd($(this)); 	break;
+							case 'ITP_BTN_MRTNMNG01010_POP_ITEM_SEARCH'	: mobPopObj.popItem.search(); 	break;
+							case 'ITP_BTN_MRTNMNG01010_POP_ITEM_CLOSE'	: mobPopObj.hide(id); 			break;
+						}
+						return false;
+					});
+				},
+				actPlus: function(elem) {
+					var $div = $(elem).siblings('div');
+					var num = Number($div.text());
+					$($div).text((num + 1).toString());
+				},
+				actMinus: function(elem) {
+					var $div = $(elem).siblings('div');
+					var num = Number($div.text());
+					if(num <= 1) {
+						alert('주문수량을 확인하세요.');
+					} else {
+						$($div).text((num - 1).toString());
+					}
+				},
+				actItemAdd: function(elem) {
+					var index = $(elem).closest('li').index();
+					var item = mobPopObj.popItem.rows[index];
+					item['pchReqQty'] = $(elem).closest('li').find('.fnPchReqQty').html();
+					mobContObj.list.attachRow(item);
+				}
+			}
+		},
+		delRow: function() {
+
+		}
+	},
+	popWhsNm: {
+		init: function () {
+			this.rows.length = 0;
+			this.search();
+			this.action();
+		},
+		rows: [],
+		search: function () {
+			var _this = this;
+			$('#ITP_LIST_MRTNMNG01010_POP_WHS_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			const param = $('#ITP_FORM_MRTNMNG01010_POP_WHS').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_MRTNMNG01010_POP_WHS_AREA .panel-group').append($('#ITP_LIST_MRTNMNG01010_POP_WHS_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MRTNMNG01010_POP_WHS_AREA .panel-group > .row_2:last');
+				$li.find('.fnWhsNm').text(item.whsNm);
+				$li.find('.fnLocationNm').text(item.locationNm);
+				$li.find('.fnWhsId').data('whs-id', item.whsId);
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('#ITP_LIST_MRTNMNG01010_POP_WHS_AREA button[id$="POP_WHS_CHOICE"]').off('click').on('click', function() {
+				var whsId = $(this).data('whs-id');
+				$.each(_this.rows, function (i, item) {
+					if(whsId === item.whsId) {
+						$('#ITP_FORM_MRTNMNG01010_DETAIL #ITP_FORM_MRTNMNG01010_DETAIL_WHS_ID').val(item.whsId);
+						$('#ITP_FORM_MRTNMNG01010_DETAIL #ITP_FORM_MRTNMNG01010_DETAIL_WHS_NM').val(item.whsNm);
+						$('#ITP_FORM_MRTNMNG01010_DETAIL #ITP_FORM_MRTNMNG01010_DETAIL_LOCATION').val(item.location);
+						mobPopObj.hide(ID_ITP_POP_MRTNMNG01010_WHS_AREA);
+						itp_fn_form_clear_validate(null, '#ITP_FORM_MRTNMNG01010_DETAIL');
+						return false;
+					}
+				});
+			});
+			$('#ITP_FORM_MRTNMNG01010_POP_WHS button[id="ITP_BTN_MRTNMNG01010_POP_WHS_SEARCH"]').off('click').on('click', function() {
+				_this.search();
+			});
+		},
+		delete: function() {
+			$('#ITP_FORM_MRTNMNG01010_DETAIL #ITP_FORM_MRTNMNG01010_DETAIL_WHS_ID').val('');
+			$('#ITP_FORM_MRTNMNG01010_DETAIL #ITP_FORM_MRTNMNG01010_DETAIL_WHS_NM').val('');
+			$('#ITP_FORM_MRTNMNG01010_DETAIL #ITP_FORM_MRTNMNG01010_DETAIL_LOCATION').val('');
+		}
+	},
+	popReqConfirm: {
+		init: function (parentId) {
+			this.rtnReqStCd = (parentId === 'ITP_BTN_MRTNMNG01010_DETAIL_RTN_ORDER') ? RTN_REQ_ST_CD_REQUEST_SAVE : RTN_REQ_ST_CD_TEMP_SAVE;
+			this.view();
+			this.action();
+		},
+		view: function() {
+			if(this.rtnReqStCd === RTN_REQ_ST_CD_REQUEST_SAVE) {
+				$('#ITP_POP_MRTNMNG01010_RTN_AREA .msg_save').text('빈품요청 하시겠습니까?');
+			} else {
+				$('#ITP_POP_MRTNMNG01010_RTN_AREA .msg_save').text('임시저장 하시겠습니까?');
+			}
+			$('#ITP_POP_MRTNMNG01010_RTN_AREA .fnRtnReqDt').text($('#ITP_FORM_MRTNMNG01010_DETAIL #ITP_FORM_MRTNMNG01010_DETAIL_DLV_REQ_DT').val());
+			$('#ITP_POP_MRTNMNG01010_RTN_AREA .fnItemQty').text(CommonObj.currency.add(mobContObj.list.rows.length, '개'));
+			$('#ITP_POP_MRTNMNG01010_RTN_AREA .fnRtnAmt').text(CommonObj.currency.add($('#ITP_FORM_MRTNMNG01010_DETAIL .fnRtnReqAmt').text()));
+		},
+		action: function() {
+			var _this = this;
+			$('#ITP_POP_MRTNMNG01010_RTN_AREA button[id="ITP_BTN_MRTNMNG01010_POP_RTN_CONFIRM"]').off('click').on('click', function() {
+				$('#ITP_FORM_MRTNMNG01010_DETAIL #ITP_FORM_MRTNMNG01010_DETAIL_RTN_RTN_ST_CD').val(_this.rtnReqStCd);
+				_this.save('#ITP_FORM_MRTNMNG01010_DETAIL');
+			});
+		},
+		save: function(formId) {
+			let param = $(formId).serializeObject();
+
+			if (param.loanDvsn !== 'LD03' && this.rtnReqStCd === RTN_REQ_ST_CD_REQUEST_SAVE ) {
+				var pchActAtm = $('#ITP_FORM_POMNG01010_DETAIL .fnPchActAmt').text();
+				var pchReqAtm = $('#ITP_FORM_POMNG01010_DETAIL .fnPchReqAmt').text();
+
+				if (parseInt(pchActAtm) < parseInt(pchReqAtm)) {
+					alert(ITP_MSG_LOCALE.message.ajax.lackReqAmt);
+					return;
+				}
+			}
+
+			$.each(mobContObj.list.rows, function(index, item) {
+				item['viewCd'] = 'C';
+			});
+			param.gridInsertData = mobContObj.list.rows;
+			param['colReqDt'] = param.colReqDt.replace(/[^0-9]/g, "");
+			console.log(JSON.stringify(param));
+			var saveFn = function (result) {
+				console.log(result);
+				mobPopObj.hide('ITP_POP_MRTNMNG01010_RTN_AREA');
+			};
+			fn_ajax_call(API_MOBILE_SAVE, JSON.stringify(param), saveFn, 'POST');
+		}
+	},
+	show: function(popId, parentId) {
+		var _this = this;
+		$('button[id$="CLOSE"]').off('click').on('click', function() {
+			var id = $(this).attr('id');
+			if($(this).hasClass('btn-pop-close')) {
+				_this.hide(id);
+			}
+		});
+		if(parentId === 'ITP_BTN_MRTNMNG01010_DETAIL_RTN_ORDER' || parentId === 'ITP_BTN_MRTNMNG01010_DETAIL_TEMP_SAVE') {
+			var formId = '#ITP_FORM_MRTNMNG01010_DETAIL';
+			itp_fn_form_clear_validate(null, formId);
+			if (itp_fn_form_event.isValid(formId)) {
+				$('#' + popId).show();
+				mobPopObj.init(popId, parentId);
+			}
+		} else {
+			$('#' + popId).show();
+			mobPopObj.init(popId, parentId);
+		}
+	},
+	hide: function(id) {
+		$('#' + id).closest('.mobile-pop-close').hide();
+	}
+};

src/main/webapp/mobile/js/app/mrtnmng/ITP_MRTNMNG02010.js

@@ -0,0 +1,593 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		mobPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_GRID_LIST 			= '/api/rtnmng/detail-grid-list';	// 목록
+const API_MOBILE_INFO 				= '/api/rtnmng/info-rtnReq';		// 상세
+const API_MOBILE_SAVE 				= '/api/rtnmng/save-rtnReq';		// 저장
+const API_POP_SEARCH_LIST			= '/api/whs/mng/pop-whs-search';
+const API_POP_ITEM_LIST 			= '/api/item/pop-grid-list';
+
+const PCH_REQ_ST_CD_TEMP_SAVE		="PR00";
+const PCH_REQ_ST_CD_REQUEST_SAVE	="PR20";
+
+const VIEW_MODE_LIST				= "LIST";
+const VIEW_MODE_DETAIL				= "DETAIL";
+const VIEW_MODE_MODIFY				= "MODIFY";
+
+let mobPageObj = {
+	viewMode: VIEW_MODE_LIST,
+	init: function () {
+		this.ui.init();
+		this.event.init();
+		this.ready();
+	},
+	ui: {
+		init: function () {
+			this.view();
+			this.info();
+			this.action();
+		},
+		view: function() {
+			// 공통코드 표시
+			$('select').each(function() {
+				if($(this).data('select-code')) {
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+				}
+			});
+
+			// 조회일자 지정
+			$('#ITP_FORM_MRTNMNG02010_LIST_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
+			$('#ITP_FORM_MRTNMNG02010_LIST_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+		},
+		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'));
+		},
+		action: function() {
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			$('button[id^="ITP_BTN_MRTNMNG02010_LIST"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MRTNMNG02010_LIST_SEARCH_WHS_NM'	: mobPopObj.popWhsNm.init(VIEW_MODE_LIST); 		break;
+					case 'ITP_BTN_MRTNMNG02010_LIST_DELETE_WHS_NM'	: mobPopObj.popWhsNm.delete(VIEW_MODE_LIST); 	break;
+					case 'ITP_BTN_MRTNMNG02010_LIST_SEARCH'			: mobContentObj.list.search();					break;
+				}
+				return false;
+			});
+
+			$('button[id^="ITP_BTN_MRTNMNG02010_DETAIL"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MRTNMNG02010_DETAIL_CANCEL_LIST'		: mobContentObj.detail.cancel();	break;
+				}
+				return false;
+			});
+
+			$('button[id^="ITP_BTN_MRTNMNG02010_MODIFY"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MRTNMNG02010_MODIFY_SEARCH_WHS_NM'		: mobPopObj.popWhsNm.init(VIEW_MODE_MODIFY); 	break;
+					case 'ITP_BTN_MRTNMNG02010_MODIFY_DELETE_WHS_NM'		: mobPopObj.popWhsNm.delete(VIEW_MODE_MODIFY); 	break;
+					case 'ITP_BTN_MRTNMNG02010_MODIFY_ADD_ROW'			: mobPopObj.popItem.init();						break;
+					case 'ITP_BTN_MRTNMNG02010_MODIFY_DEL_ROW'			: mobContentObj.modify.list.detachRow();		break;
+					case 'ITP_BTN_MRTNMNG02010_MODIFY_CANCEL'			: mobContentObj.modify.cancel();				break;
+					case 'ITP_BTN_MRTNMNG02010_MODIFY_REQ_ORDER'			: mobPopObj.popReqConfirm.init(PCH_REQ_ST_CD_REQUEST_SAVE);	break;
+					case 'ITP_BTN_MRTNMNG02010_MODIFY_TEMP_SAVE'			: mobPopObj.popReqConfirm.init(PCH_REQ_ST_CD_TEMP_SAVE);	break;
+				}
+				return false;
+			});
+
+			$(document).on('click', '#ITP_LIST_MRTNMNG02010_MODIFY_ROWS li button', function() {
+				if($(this).hasClass('DETAIL_ITEM_PLUS')) {
+					mobContentObj.modify.list.actPlus($(this));
+				} else if($(this).hasClass('DETAIL_ITEM_MINUS')) {
+					mobContentObj.modify.list.actMinus($(this));
+				}
+			});
+		}
+	},
+	switchScreen: function(mode) {
+		$('#ITP_MOBILE_MRTNMNG02010').find('div[id$="_CONTAINER"]').each(function(i) {
+			$(this).hide();
+		});
+		if(mode === VIEW_MODE_LIST) {
+			$('#ITP_AJAX_MRTNMNG02010_LIST_CONTAINER').show();
+			this.moreView(true);
+		} else if(mode === VIEW_MODE_DETAIL) {
+			$('#ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER').show();
+			this.moreView(false);
+		} else if(mode === VIEW_MODE_MODIFY) {
+			$('#ITP_AJAX_MRTNMNG02010_MODIFY_CONTAINER').show();
+			this.moreView(false);
+		}
+		this.viewMode = mode;
+	},
+	moreView: function(isScroll) {
+		var _this = this;
+		if(isScroll) {
+			$('#ITP_LIST_MRTNMNG02010_LIST_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_MRTNMNG02010_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(VIEW_MODE_LIST);
+			this.search();
+			this.action();
+		},
+		search: function() {
+			this.listPage = 0;
+			this.totPage = 0;
+			this.rows.length = 0;
+			$('#ITP_LIST_MRTNMNG02010_LIST_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_MRTNMNG02010_LIST_AREA .panel-group').append($('#ITP_LIST_MRTNMNG02010_LIST_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MRTNMNG02010_LIST_AREA .panel-group > .list-row:last');
+					$li.find('.fnRtnReqDt').text(item.rtnReqDt);
+					$li.find('.fnRtnReqMgrNm').text(item.rtnReqMgrNm);
+					$li.find('.fnRtnReqStNm').text(item.rtnReqStNm);
+					$li.find('.fnRtnWhsNm').text(item.rtnWhsNm);
+					$li.find('.fnRtnReqItemQty').text(CommonObj.comma.set(item.rtnReqItemQty));
+					$li.find('.fnRtnReqAmt').text(CommonObj.comma.set(item.rtnReqAmt));
+					$li.find('.fnRtnReqRjctNm').text(item.pchReqRjctNm);
+					_this.rows.push(item);
+				});
+			};
+			var errFn = function() { _this.isSearch = false;};
+			const param = $('#ITP_FORM_MRTNMNG02010_LIST_SEARCH').serializeObject();
+			param.gridPage = ++this.listPage;
+			param.gridSize = this.listSize;
+			param.fromDt = param.fromDt.replace(/-/g, ".");
+			param.toDt = param.toDt.replace(/-/g, ".");
+			fn_ajax_call(API_MOBILE_GRID_LIST, JSON.stringify(param), callbackFn, 'POST', errFn);
+		},
+		action: function () {
+			var _this = this;
+			$(document).on('click', '#ITP_LIST_MRTNMNG02010_LIST_ROWS li', function() {
+				var index = $(this).index();
+				var item = _this.rows[index];
+				(item.pchReqStCd === PCH_REQ_ST_CD_TEMP_SAVE) ? mobContentObj.modify.init(item) : mobContentObj.detail.init(item);
+			});
+		}
+	},
+	detail: {
+		rows: [],
+		init: function(item) {
+			mobPageObj.switchScreen(VIEW_MODE_DETAIL);
+			this.search(item);
+		},
+		search: function(item) {
+			var _this = this;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.rows = result.pchReqDtlList;
+				_this.view(result);
+			};
+			const param = {'brandId':fn_make_user_info.get('brandId'), 'pchReqUnqNo': item.pchReqUnqNo};
+			fn_ajax_call(API_MOBILE_INFO, param, callbackFn, 'GET');
+		},
+		view: function(result) {
+			var _this = this;
+			var id = '#ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER';
+			$(id).find('.fnDlvReqDt').text(result.dlvReqDt);
+			$(id).find('.fnRtnReqTotalAmt').text(CommonObj.currency.add(result.pchReqTotalAmt));
+			$(id).find('.fnLocationNm').text(result.locationNm);
+			$(id).find('.fnRtnApprNm').text('(' + result.pchApprNm + ')' + CommonObj.currency.add(result.pchApprAmt));
+			$.each(result.pchReqDtlList, function (i, item) {
+				$('#ITP_LIST_MRTNMNG02010_DETAIL_AREA .panel-group').append($('#ITP_LIST_MRTNMNG02010_DETAIL_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MRTNMNG02010_DETAIL_AREA .panel-group > .list-row:last');
+				$li.find('.fnItemNm').text(item.itemNm);
+				$li.find('.fnUnit').text(item.pchReqQty + item.unit);
+				$li.find('.fnRtnReqAmt').text(CommonObj.comma.set(item.pchReqAmt));
+				$li.find('.fnRtnReqQty').text(CommonObj.currency.add(item.pchReqQty, ''));
+				_this.rows.push(item);
+			});
+		},
+		cancel: function () {
+			this.rows.length = 0;
+			var id = '#ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER';
+			$(id).find('.fnDlvReqDt').text('');
+			$(id).find('.fnRtnReqTotalAmt').text('');
+			$(id).find('.fnLocationNm').text('');
+			$(id).find('.fnRtnApprNm').text('');
+			$('#ITP_LIST_MRTNMNG02010_DETAIL_AREA .panel-group').empty();
+			mobPageObj.switchScreen(VIEW_MODE_LIST);
+		}
+	},
+	modify: {
+		init: function(item) {
+			mobPageObj.switchScreen(VIEW_MODE_MODIFY);
+			this.clear();
+			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'), 'pchReqUnqNo': item.pchReqUnqNo};
+			fn_ajax_call(API_MOBILE_INFO, param, callbackFn, 'GET');
+		},
+		view: function(result) {
+			var _this = this;
+			var id = '#ITP_AJAX_MRTNMNG02010_MODIFY_CONTAINER';
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_DLV_REQ_DT').val(result.dlvReqDt.replace(/\./g, "-"));
+			$(id).find('.fnRtnReqTotalAmt').text(CommonObj.currency.add(result.pchReqTotalAmt));
+			$(id).find('.fnOrdUseAmt').text(CommonObj.currency.add(result.ordUseAmt));
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_LOAN_DVSN').val(result.loanDvsn);
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_LOAN_MGNT_UNQ_NO').val(result.loanMgntUnqNo);
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_PCH_REQ_UNQ_NO').val(result.pchReqUnqNo);
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_PCH_REQ_DVSN').val(result.pchReqDvsn);
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_WHS_NM').val(result.whsNm);
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_WHS_ID').val(result.whsId);
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_LOCATION').val(result.location);
+			_this.list.init(result.pchReqDtlList);
+		},
+		list: {
+			rows: [],
+			init: function(pchReqDtlList) {
+				var _this = this;
+				$.each(pchReqDtlList, function (i, item) {
+					item['viewCd'] = 'U';
+					_this.attachRow(item);
+				});
+			},
+			attachRow: function (item) {
+				var _this = this;
+				var append = function() {
+					$('#ITP_LIST_MRTNMNG02010_MODIFY_AREA .panel-group').append($('#ITP_LIST_MRTNMNG02010_MODIFY_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MRTNMNG02010_MODIFY_AREA .panel-group > .list-row:last');
+					$li.find('.fnBrandUnitUnqNo').val(item.brandUnitUnqNo);
+					$li.find('.fnItemNm').text(item.itemNm);
+					$li.find('.fnRtnReqQty').text(item.pchReqQty);
+					$li.find('.fnUnitAmt').text(CommonObj.currency.add(item.unitAmt));
+					_this.pchReqAmtTot();
+				};
+				var fnChkExist = function() {
+					var isExist = false;
+					$.each(_this.rows, function(i, row) {
+						if(row.brandUnitUnqNo === item.brandUnitUnqNo) {
+							if(row.viewCd === 'D') {
+								item.viewCd = _this.rows[i].viewCd;
+								_this.rows[i] = item;
+								append();
+							} else {
+								alert('이미 존재하는 품목입니다.');
+							}
+							isExist = true;
+							return false;
+						}
+					});
+					if(!isExist) {
+						_this.rows.push(item);
+						append();
+					}
+				};
+				fnChkExist();
+			},
+			detachRow: function () {
+				if($('#ITP_LIST_MRTNMNG02010_MODIFY_AREA input:checkbox[name=brandUnitUnqNo]:checked').length > 0) {
+					var _this = this;
+					$('#ITP_LIST_MRTNMNG02010_MODIFY_ROWS li').each(function(index, elem) {
+						var isChecked = $(this).find('input[type="checkbox"]').is(':checked');
+						if(isChecked) {
+							$(this).remove();
+							_this.rows[index].viewCd = 'D';
+							// _this.rows.splice(index, 1);
+						}
+					});
+					this.pchReqAmtTot();
+				}
+			},
+			actPlus: function(elem) {
+				var $div = $(elem).siblings('div');
+				var num = Number($div.text());
+				$($div).text((num + 1).toString());
+				this.rows[$div.parents('li').index()]['pchReqQty'] = $($div).text();
+				this.pchReqAmtTot();
+			},
+			actMinus: function(elem) {
+				var $div = $(elem).siblings('div');
+				var num = Number($div.text());
+				if(num <= 1) {
+					alert('주문수량을 확인하세요.');
+				} else {
+					$($div).text((num - 1).toString());
+					this.rows[$div.parents('li').index()]['pchReqQty'] = $($div).text();
+					this.pchReqAmtTot();
+				}
+			},
+			pchReqAmtTot: function() {
+				var reqAmt = 0;
+				$.each(this.rows, function(index, item) {
+					var qty = item.pchReqQty;
+					var amt = item.unitAmt;
+					reqAmt += Number(qty) * amt;
+				});
+				$('#ITP_AJAX_MRTNMNG02010_LIST_CONTAINER').find('.fnRtnReqAmtTot').text(CommonObj.currency.add(reqAmt));
+			}
+		},
+		cancel: function () {
+			mobPageObj.switchScreen(VIEW_MODE_LIST);
+		},
+		clear: function() {
+			this.list.rows.length = 0;
+			var id = '#ITP_AJAX_MRTNMNG02010_MODIFY_CONTAINER';
+			$(id).find('.fnDlvReqDt').val('');
+			$(id).find('.fnRtnReqTotalAmt').text('');
+			$(id).find('.fnOrdUseAmt').text('');
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_LOAN_DVSN').val('');
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_LOAN_MGNT_UNQ_NO').val('');
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_PCH_REQ_UNQ_NO').val('');
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_PCH_REQ_DVSN').val('');
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_WHS_NM').val('');
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_WHS_ID').val('');
+			$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_LOCATION').val('');
+			$('#ITP_LIST_MRTNMNG02010_MODIFY_AREA .panel-group').empty();
+		}
+	}
+};
+
+let mobPopObj = {
+	popItem: {
+		popId: 'ITP_POP_MRTNMNG02010_ITEM_AREA',
+		init: function() {
+			mobPopObj.show(this.popId);
+			this.search();
+		},
+		search: function() {
+			$('#ITP_LIST_MRTNMNG02010_POP_ITEM_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				mobPopObj.popItem.rows = result.gridRows;
+				$.each(mobPopObj.popItem.rows, function (i, item) {
+					$('#ITP_LIST_MRTNMNG02010_POP_ITEM_AREA .panel-group').append($('#ITP_LIST_MRTNMNG02010_POP_ITEM_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MRTNMNG02010_POP_ITEM_AREA .panel-group > .row_2:last');
+					$li.find('#ITP_FORM_MRTNMNG02010_POP_ITEM_CHECKBOX').val(item.itemId);
+					$li.find('.fnItemNm').text(item.itemNm);
+					$li.find('.fnUnitAmt').text(CommonObj.currency.add(item.unitAmt));
+				});
+				mobPopObj.popItem.addRow.init();
+			};
+			let param = $('#ITP_FORM_MRTNMNG02010_POPUP_ITEM').serializeObject();
+			fn_ajax_call(API_POP_ITEM_LIST, JSON.stringify(param), callbackFn, 'POST');
+		},
+		addRow: {
+			init: function() {
+				this.button.init();
+			},
+			button: {
+				init: function() {
+					var _this = this;
+					$('button[id^="ITP_BTN_MRTNMNG02010_POP_ITEM_"]').off('click').on('click', function() {
+						var id = $(this).attr('id');
+						switch (id) {
+							case 'ITP_BTN_MRTNMNG02010_POP_ITEM_PLUS'	: _this.actPlus($(this)); 		break;
+							case 'ITP_BTN_MRTNMNG02010_POP_ITEM_MINUS'	: _this.actMinus($(this)); 		break;
+							case 'ITP_BTN_MRTNMNG02010_POP_ITEM_ADD'		: _this.actItemAdd($(this)); 	break;
+							case 'ITP_BTN_MRTNMNG02010_POP_ITEM_SEARCH'	: mobPopObj.popItem.search(); 	break;
+							case 'ITP_BTN_MRTNMNG02010_POP_ITEM_CLOSE'	: mobPopObj.hide(id); 			break;
+						}
+						return false;
+					});
+				},
+				actPlus: function(elem) {
+					var $div = $(elem).siblings('div');
+					var num = Number($div.text());
+					$($div).text((num + 1).toString());
+				},
+				actMinus: function(elem) {
+					var $div = $(elem).siblings('div');
+					var num = Number($div.text());
+					if(num <= 1) {
+						alert('주문수량을 확인하세요.');
+					} else {
+						$($div).text((num - 1).toString());
+					}
+				},
+				actItemAdd: function(elem) {
+					var index = $(elem).closest('li').index();
+					var item = mobPopObj.popItem.rows[index];
+					item['pchReqQty'] = $(elem).closest('li').find('.fnRtnReqQty').html();
+					mobContentObj.modify.list.attachRow(item);
+				}
+			}
+		},
+		delRow: function() {
+
+		}
+	},
+	popWhsNm: {
+		popId: 'ITP_POP_MRTNMNG02010_WHS_AREA',
+		mode: '',
+		rows: [],
+		init: function (mode) {
+			this.mode = mode;
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function () {
+			var _this = this;
+			$('#ITP_LIST_MRTNMNG02010_POP_WHS_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			const param = $('#ITP_FORM_MRTNMNG02010_POP_WHS').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_MRTNMNG02010_POP_WHS_AREA .panel-group').append($('#ITP_LIST_MRTNMNG02010_POP_WHS_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MRTNMNG02010_POP_WHS_AREA .panel-group > .row_2:last');
+				$li.find('.fnWhsNm').text(item.whsNm);
+				$li.find('.fnLocationNm').text(item.locationNm);
+				$li.find('.fnWhsId').data('whs-id', item.whsId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var whsId = $(elem).data('whs-id');
+			$.each(this.rows, function (i, item) {
+				if(whsId === item.whsId) {
+					if(_this.mode === VIEW_MODE_LIST) {
+						$('#ITP_FORM_MRTNMNG02010_LIST_SEARCH #ITP_FORM_MRTNMNG02010_LIST_SEARCH_WHS_ID').val(item.whsId);
+						$('#ITP_FORM_MRTNMNG02010_LIST_SEARCH #ITP_FORM_MRTNMNG02010_LIST_SEARCH_WHS_NM').val(item.whsNm);
+					} else if(_this.mode === VIEW_MODE_MODIFY) {
+						$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_WHS_ID').val(item.whsId);
+						$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_WHS_NM').val(item.whsNm);
+						$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_LOCATION').val(item.location);
+					}
+					mobPopObj.hide(_this.popId);
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MRTNMNG02010_POP"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MRTNMNG02010_POP_WHS_SEARCH'	: _this.search();				break;
+					case 'ITP_BTN_MRTNMNG02010_POP_WHS_CHOICE'	: _this.choice($(this)); 		break;
+					case 'ITP_BTN_MRTNMNG02010_POP_WHS_CLOSE'	: mobPopObj.hide(_this.popId);	break;
+				}
+				return false;
+			});
+		},
+		delete: function(mode) {
+			if(mode === VIEW_MODE_LIST) {
+				$('#ITP_FORM_MRTNMNG02010_LIST_SEARCH #ITP_FORM_MRTNMNG02010_LIST_SEARCH_WHS_ID').val('');
+				$('#ITP_FORM_MRTNMNG02010_LIST_SEARCH #ITP_FORM_MRTNMNG02010_LIST_SEARCH_WHS_NM').val('');
+			} else if(mode === VIEW_MODE_MODIFY) {
+				$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_WHS_ID').val('');
+				$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_WHS_NM').val('');
+				$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_LOCATION').val('');
+				mobPopObj.hide(ID_ITP_POP_MRTNMNG02010_WHS_AREA);
+			}
+		}
+	},
+	popReqConfirm: {
+		popId: 'ITP_POP_MRTNMNG02010_REQ_AREA',
+		pchReqStCd: '',
+		init: function (pchReqStCd) {
+			this.pchReqStCd = pchReqStCd;
+			mobPopObj.show(this.popId);
+			this.view();
+			this.action();
+		},
+		view: function() {
+			if(this.pchReqStCd === PCH_REQ_ST_CD_REQUEST_SAVE) {
+				$('#ITP_POP_MRTNMNG02010_REQ_AREA .msg_save').text('구매요청 하시겠습니까?');
+			} else {
+				$('#ITP_POP_MRTNMNG02010_REQ_AREA .msg_save').text('임시저장 하시겠습니까?');
+			}
+			$('#ITP_POP_MRTNMNG02010_REQ_AREA .fnPopDlvReqDt').text($('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_DLV_REQ_DT').val());
+			$('#ITP_POP_MRTNMNG02010_REQ_AREA .fnItemQty').text(CommonObj.currency.add(mobContentObj.modify.list.rows.length, '개'));
+			$('#ITP_POP_MRTNMNG02010_REQ_AREA .fnOrdAmt').text(CommonObj.currency.add($('#ITP_FORM_MRTNMNG02010_MODIFY .fnRtnReqTotalAmt').text()));
+		},
+		action: function() {
+			var _this = this;
+			$('#ITP_POP_MRTNMNG02010_REQ_AREA button[id="ITP_BTN_MRTNMNG02010_POP_REQ_CONFIRM"]').off('click').on('click', function() {
+				$('#ITP_FORM_MRTNMNG02010_MODIFY #ITP_FORM_MRTNMNG02010_MODIFY_PCH_REQ_ST_CD').val(_this.pchReqStCd);
+				_this.save('#ITP_FORM_MRTNMNG02010_MODIFY');
+			});
+		},
+		save: function(formId) {
+			var _this = this;
+			let param = $(formId).serializeObject();
+
+			if (param.loanDvsn !== 'LD03' && this.pchReqStCd === PCH_REQ_ST_CD_REQUEST_SAVE ) {
+				var ordUseAmt = $('#ITP_FORM_MRTNMNG02010_MODIFY .fnOrdUseAmt').text();
+				var pchReqTotalAmt = $('#ITP_FORM_MRTNMNG02010_DETAIL .fnRtnReqTotalAmt').text();
+
+				if (parseInt(CommonObj.onlyNumber(ordUseAmt)) < parseInt(CommonObj.onlyNumber(pchReqTotalAmt))) {
+					alert(ITP_MSG_LOCALE.message.ajax.lackReqAmt);
+					return;
+				}
+			}
+
+			var gridInsertData = [];
+			var gridUpdateData = [];
+			var gridDeleteData = [];
+			$.each(mobContentObj.modify.list.rows, function(index, item) {
+				item['pchReqUnqNo'] = param.pchReqUnqNo;
+				if(item.viewCd === 'R' || item.viewCd === 'C' ) {
+					item['viewCd'] = 'C';
+					gridInsertData.push(item);
+				} else if(item.viewCd === 'U') {
+					gridUpdateData.push(item);
+				} else if(item.viewCd === 'D') {
+					gridDeleteData.push(item);
+				}
+			});
+			param['dlvReqDt'] = param.dlvReqDt.replace(/[^0-9]/g, "");
+			param.gridInsertData = gridInsertData;
+			param.gridUpdateData = gridUpdateData;
+			param.gridDeleteData = gridDeleteData;
+			console.log(JSON.stringify(param));
+			var saveFn = function (result) {
+				console.log(result);
+				mobPopObj.hide(_this.popId);
+				mobContentObj.list.init();
+			};
+			fn_ajax_call(API_MOBILE_SAVE, JSON.stringify(param), saveFn, 'POST');
+		}
+	},
+	show: function(popId) {
+		$('button[id$="_CLOSE"]').off('click').on('click', function() {
+			if($(this).hasClass('btn-pop-close')) {
+				mobPopObj.hide(popId);
+			}
+		});
+		$('#' + popId).show();
+	},
+	hide: function(popId) {
+		$('#' + popId).hide();
+		// $('#' + popId).closest('.mobile-pop-close').hide();
+	}
+};

src/main/webapp/mobile/js/app/mrtnmng/ITP_MRTNMNG04010.js

@@ -0,0 +1,361 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		mobPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_GRID_LIST 			= '/api/rtnmng/rtn/detail-grid-list';	// 목록
+const API_MOBILE_INFO 				= '/api/rtnmng/rtn/info-rtnOdr';		// 상세
+const API_POP_SEARCH_LIST			= '/api/whs/mng/pop-whs-search';
+const API_POP_ITEM_LIST 			= '/api/item/pop-grid-list';
+const API_POP_SPPLY_LIST 			= '/api/spply/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_MRTNMNG04010_LIST_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
+			$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+		},
+		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_MRTNMNG04010_LIST"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MRTNMNG04010_LIST_SEARCH_WHS_NM'		: mobPopObj.popWhsNm.init('WHS'); 			break;
+					case 'ITP_BTN_MRTNMNG04010_LIST_DELETE_WHS_NM'		: mobPopObj.popWhsNm.delete('WHS'); 		break;
+					case 'ITP_BTN_MRTNMNG04010_LIST_SEARCH_RTN_WHS_NM'	: mobPopObj.popWhsNm.init('RTN_WHS'); 		break;
+					case 'ITP_BTN_MRTNMNG04010_LIST_DELETE_RTN_WHS_NM'	: mobPopObj.popWhsNm.delete('RTN_WHS'); 	break;
+					case 'ITP_BTN_MRTNMNG04010_LIST_SEARCH'				: mobContentObj.list.search();	break;
+				}
+				return false;
+			});
+
+			$('button[id^="ITP_BTN_MRTNMNG04010_VIEW"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MRTNMNG04010_VIEW_CANCEL_LIST'		: mobContentObj.view.cancel();	break;
+				}
+				return false;
+			});
+
+			$(document).on('click', '#ITP_LIST_MRTNMNG04010_LIST_ITEM_ROWS li', function() {
+				var item = mobContentObj.list.rows[$(this).index()];
+				mobContentObj.view.init(item);
+			});
+
+			$(document).on('click', '#ITP_LIST_MRTNMNG04010_POP_WHS_ROWS li button', function() {
+				mobPopObj.popWhsNm.choice($(this));
+			});
+		}
+	},
+	switchScreen: function(mode) {
+		$('#ITP_MOBILE_MRTNMNG04010').find('div[id$="_CONTAINER"]').each(function(i) {
+			$(this).hide();
+		});
+		if(mode === PAGE_MODE_LIST) {
+			$('#ITP_AJAX_MRTNMNG04010_LIST_CONTAINER').show();
+			this.moreView(true);
+		} else if(mode === PAGE_MODE_VIEW) {
+			$('#ITP_AJAX_MRTNMNG04010_VIEW_CONTAINER').show();
+			this.moreView(false);
+		}
+		this.viewMode = mode;
+	},
+	moreView: function(isScroll) {
+		var _this = this;
+		if(isScroll) {
+			$('#ITP_LIST_MRTNMNG04010_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_MRTNMNG04010_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_MRTNMNG04010_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_MRTNMNG04010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MRTNMNG04010_LIST_ITEM_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MRTNMNG04010_LIST_ITEM_AREA .panel-group > .list-row:last');
+					$li.find('.fnRtnOdrRegDt').text(item.rtnOdrRegDt);
+					$li.find('.fnRtnOdrMgrNm').text(item.rtnOdrMgrNm);
+					$li.find('.fnRtnOdrStNm').text(item.rtnOdrStNm);
+					$li.find('.fnWhsNm').text(item.whsNm);
+					$li.find('.fnRtnDodrItemQty').text($li.find('.fnRtnDodrItemQty').text().replace('$', item.rtnDodrItemQty));
+					$li.find('.fnRtnDodrTotalAmt').text(CommonObj.currency.add(item.rtnDodrTotalAmt));
+					$li.find('.fnRtnWhsNm').text(item.rtnWhsNm);
+					_this.rows.push(item);
+				});
+			};
+			var errFn = function() { _this.isSearch = false;};
+			const param = $('#ITP_FORM_MRTNMNG04010_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);
+		}
+	},
+	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 = {'rtnPodrUnqNo': item.rtnPodrUnqNo};
+			fn_ajax_call(API_MOBILE_INFO, param, callbackFn, 'GET');
+		},
+		view: function(result) {
+			var _this = this;
+			var id = '#ITP_AJAX_MRTNMNG04010_VIEW_CONTAINER';
+			$(id).find('.fnRtnOdrRegDt').text(result.rtnOdrRegDt);
+			$(id).find('.fnRtnDodrTotalAmt').text(CommonObj.currency.add(result.rtnDodrTotalAmt));
+			$(id).find('.fnRtnWhsNm').text(result.rtnWhsNm);
+			$(id).find('.fnWhsNm').text(result.whsNm);
+			$.each(result.rtnOdrDtlList, function (i, item) {
+				$('#ITP_LIST_MRTNMNG04010_VIEW_ITEM_AREA .panel-group').append($('#ITP_LIST_MRTNMNG04010_VIEW_ITEM_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MRTNMNG04010_VIEW_ITEM_AREA .panel-group > .list-row:last');
+				console.log(item);
+				$li.find('.fnItemNm').text(item.itemNm);
+				$li.find('.fnRtnQty').text(item.rtnQty + item.unit);
+				$li.find('.fnRtnReqQty').text(CommonObj.comma.set(item.rtnReqQty));
+				$li.find('.fnUnitAmt').text(CommonObj.currency.add(item.unitAmt));
+				$li.find('.fnRtnOdrAmt').text(CommonObj.currency.add(item.rtnOdrAmt));
+				$li.find('.fnColReqDt').text(item.colReqDt);
+			});
+		},
+		cancel: function () {
+			var id = '#ITP_AJAX_MRTNMNG04010_VIEW_CONTAINER';
+			$(id).find('.fnPodrDt').text('');
+			$(id).find('.fnPodrTotalAmt').text('');
+			$(id).find('.fnShmtWhsDvsnNm').text('');
+			$(id).find('.fnSpplyNm').text('');
+			$('#ITP_LIST_MRTNMNG04010_VIEW_ITEM_AREA .panel-group').empty();
+			mobPageObj.switchScreen(PAGE_MODE_LIST);
+		}
+	}
+};
+
+let mobPopObj = {
+	popSpply: {
+		popId: 'ITP_POP_MRTNMNG04010_SPPLY_AREA',
+		rows: [],
+		init: function() {
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function() {
+			var _this = this;
+			$('#ITP_POP_MRTNMNG04010_LIST_SPPLY_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			let param = $('#ITP_FORM_MRTNMNG04010_POP_SPPLY_SEARCH').serializeObject();
+			fn_ajax_call(API_POP_SPPLY_LIST, JSON.stringify(param), callbackFn, 'POST');
+		},
+		view: function(gridRows) {
+			this.rows = gridRows;
+			$.each(gridRows, function (i, item) {
+				$('#ITP_POP_MRTNMNG04010_LIST_SPPLY_AREA .panel-group').append($('#ITP_POP_MRTNMNG04010_LIST_SPPLY_ROWCOPY').html());
+				var $li = $('#ITP_POP_MRTNMNG04010_LIST_SPPLY_AREA .panel-group > .list-row:last');
+				$li.find('.fnSpplyNm').text(item.spplyNm);
+				$li.find('.fnStNm').text($li.find('.fnStNm').text().replace('$', item.stNm));
+				$li.find('.fnSpplyId').data('item-key', item.spplyId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var spplyId = $(elem).data('item-key');
+			$.each(this.rows, function (i, item) {
+				if(spplyId === item.spplyId) {
+					$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG04010_LIST_SEARCH_SPPLY_ID').val(item.spplyId);
+					$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG04010_LIST_SEARCH_SPPLY_NM').val(item.spplyNm);
+					_this.close();
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MRTNMNG04010_POP_SPPLY"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MRTNMNG04010_POP_SPPLY_SEARCH'	: _this.search();			break;
+					case 'ITP_BTN_MRTNMNG04010_POP_SPPLY_CHOICE'	: _this.choice($(this));	break;
+					case 'ITP_BTN_MRTNMNG04010_POP_SPPLY_CLOSE'	: _this.close(); 			break;
+				}
+				return false;
+			});
+		},
+		delete: function() {
+			$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG04010_LIST_SEARCH_SPPLY_ID').val('');
+			$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG04010_LIST_SEARCH_SPPLY_NM').val('');
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MRTNMNG04010_LIST_SPPLY_AREA .panel-group').empty();
+			$('#ITP_FORM_MRTNMNG04010_POP_SPPLY_SEARCH #ITP_FORM_MRTNMNG04010_POP_SPPLY_KEYWORD').val('');
+			mobPopObj.hide(this.popId);
+		}
+	},
+	popWhsNm: {
+		popId: 'ITP_POP_MRTNMNG04010_WHS_AREA',
+		rows: [],
+		init: function (mode) {
+			this.popMode = mode;
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function () {
+			var _this = this;
+			$('#ITP_LIST_MRTNMNG04010_POP_WHS_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			const param = $('#ITP_FORM_MRTNMNG04010_POP_WHS').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_MRTNMNG04010_POP_WHS_AREA .panel-group').append($('#ITP_LIST_MRTNMNG04010_POP_WHS_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MRTNMNG04010_POP_WHS_AREA .panel-group > .list-row:last');
+				$li.find('.fnWhsNm').text(item.whsNm);
+				$li.find('.fnLocationNm').text(item.locationNm);
+				$li.find('.fnWhsId').data('whs-id', item.whsId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var whsId = $(elem).data('whs-id');
+			$.each(this.rows, function (i, item) {
+				if(whsId === item.whsId) {
+					if(_this.popMode === 'RTN_WHS') {
+						$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG04010_LIST_SEARCH_RTN_WHS_ID').val(item.whsId);
+						$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG04010_LIST_SEARCH_RTN_WHS_NM').val(item.whsNm);
+					} else {
+						$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG04010_LIST_SEARCH_WHS_ID').val(item.whsId);
+						$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG04010_LIST_SEARCH_WHS_NM').val(item.whsNm);
+					}
+					_this.close();
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MRTNMNG04010_POP_WHS"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MRTNMNG04010_POP_WHS_SEARCH'	: _this.search();			break;
+					case 'ITP_BTN_MRTNMNG04010_POP_WHS_CHOICE'	: _this.choice($(this)); 	break;
+					case 'ITP_BTN_MRTNMNG04010_POP_WHS_CLOSE'	: _this.close(); 			break;
+				}
+				return false;
+			});
+		},
+		delete: function(popMode) {
+			if(popMode === 'RTN_WHS') {
+				$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG04010_LIST_SEARCH_RTN_WHS_ID').val('');
+				$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG04010_LIST_SEARCH_RTN_WHS_NM').val('');
+			} else {
+				$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG04010_LIST_SEARCH_WHS_ID').val('');
+				$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG04010_LIST_SEARCH_WHS_NM').val('');
+			}
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MRTNMNG04010_LIST_WHS_AREA .panel-group').empty();
+			$('#ITP_FORM_MRTNMNG04010_POP_WHS #ITP_FORM_MRTNMNG04010_POP_WHS_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/mrtnmng/ITP_MRTNMNG05010.js

@@ -0,0 +1,274 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		mobPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_GRID_LIST 			= '/api/rtnmng/rtn/detail-grid-list';	// 목록
+const API_MOBILE_SAVE 				= '/api/rtnmng/rtn/save-rtnPo';			// 저장
+const API_POP_SEARCH_LIST			= '/api/whs/mng/pop-whs-search';
+
+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_MRTNMNG05010_LIST_SEARCH_FROM_DT').val(itp_fn_date_add('M', 0));
+			$('#ITP_FORM_MRTNMNG05010_LIST_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+		},
+		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_MRTNMNG05010_LIST"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MRTNMNG05010_LIST_SEARCH_WHS_NM'		: mobPopObj.popWhsNm.init('WHS'); 		break;
+					case 'ITP_BTN_MRTNMNG05010_LIST_DELETE_WHS_NM'		: mobPopObj.popWhsNm.delete('WHS'); 			break;
+					case 'ITP_BTN_MRTNMNG05010_LIST_SEARCH_RTN_WHS_NM'	: mobPopObj.popWhsNm.init('RTN_WHS'); 	break;
+					case 'ITP_BTN_MRTNMNG05010_LIST_DELETE_RTN_WHS_NM'	: mobPopObj.popWhsNm.delete('RTN_WHS'); 		break;
+					case 'ITP_BTN_MRTNMNG05010_LIST_SEARCH'				: mobContentObj.list.search();			break;
+					case 'ITP_BTN_MRTNMNG05010_LIST_MODIFY'				: mobContentObj.list.save();			break;
+				}
+				return false;
+			});
+
+			$(document).on('click', '#ITP_LIST_MRTNMNG05010_POP_WHS_ROWS li button', function() {
+				mobPopObj.popWhsNm.choice($(this));
+			});
+		}
+	},
+	switchScreen: function(mode) {
+		$('#ITP_MOBILE_MRTNMNG05010').find('div[id$="_CONTAINER"]').each(function(i) {
+			$(this).hide();
+		});
+		if(mode === PAGE_MODE_LIST) {
+			$('#ITP_AJAX_MRTNMNG05010_LIST_CONTAINER').show();
+			this.moreView(true);
+		}
+		this.viewMode = mode;
+	},
+	moreView: function(isScroll) {
+		var _this = this;
+		if(isScroll) {
+			$('#ITP_LIST_MRTNMNG05010_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_MRTNMNG05010_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() {
+			var formId = '#ITP_FORM_MRTNMNG05010_LIST_SEARCH';
+			if (itp_fn_form_event.isValid(formId)) {
+				this.listPage = 0;
+				this.totPage = 0;
+				this.rows.length = 0;
+				$('#ITP_LIST_MRTNMNG05010_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_MRTNMNG05010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MRTNMNG05010_LIST_ITEM_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MRTNMNG05010_LIST_ITEM_AREA .panel-group > .list-row:last');
+					$li.find('.fnDlvSttmtUnqNo').text(item.dlvSttmtUnqNo);
+					$li.find('.fnDlvSchDt').text(item.dlvSchDt);
+					$li.find('.fnSpplyNm').text(item.spplyNm);
+					$li.find('.fnWhsNm').text(item.whsNm);
+					$li.find('.fnItemNm').text(item.itemNm + '(' + item.podrQty + item.unit + ')');
+					$li.find('.fnPodrQty').text(CommonObj.comma.set(item.podrQty));
+					$li.find('.fnDlvQty').text(CommonObj.comma.set(item.dlvQty));
+					$li.find('.fnWhsQty').val(item.whsQty);
+					_this.rows.push(item);
+				});
+			};
+			var errFn = function() { _this.isSearch = false;};
+			const param = $('#ITP_FORM_MRTNMNG05010_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);
+		},
+		save: function() {
+			var _this = this;
+			var gridInsertData = [];
+			$('#ITP_LIST_MRTNMNG05010_LIST_ITEM_ROWS li').each(function(index) {
+				var whsQty = $(this).find('input[name="whsQty"]').val();
+				if(whsQty !== '') {
+					var item = {
+						'dlvSttmtDtlNo'	: _this.rows[index].dlvSttmtDtlNo,
+						'dlvSttmtUnqNo'	: _this.rows[index].dlvSttmtUnqNo,
+						'itemId'		: _this.rows[index].itemId,
+						'whsQty'		: whsQty
+					};
+					gridInsertData.push(item);
+				}
+			});
+			if(gridInsertData.length > 0) {
+				var modalFn = {
+					callBack: (args) => {
+						let param = {};
+						param['viewCd'] = 'C';
+						param['brandId'] = $('#ITP_FORM_MRTNMNG05010_LIST_SEARCH #ITP_FORM_MPOMNG02010_LIST_SEARCH_BRAND_ID').val();
+						param['storeId'] = $('#ITP_FORM_MRTNMNG05010_LIST_SEARCH #ITP_FORM_MPOMNG02010_LIST_SEARCH_STORE_ID').val();
+						param['whsId'] = $('#ITP_FORM_MRTNMNG05010_LIST_SEARCH #ITP_FORM_MRTNMNG05010_LIST_SEARCH_WHS_ID').val();
+						param['gridInsertData'] = gridInsertData;
+						console.log(JSON.stringify(param));
+						var saveFn = function () {
+						};
+						fn_ajax_call(API_MOBILE_SAVE, JSON.stringify(param), saveFn, 'POST');
+					}
+				};
+				itp_fn_modal_confirm('저장 하시겠습니까?', modalFn);
+			}
+		}
+	}
+};
+
+let mobPopObj = {
+	popWhsNm: {
+		popId: 'ITP_POP_MRTNMNG05010_WHS_AREA',
+		rows: [],
+		init: function (mode) {
+			this.popMode = mode;
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function () {
+			var _this = this;
+			$('#ITP_LIST_MRTNMNG05010_POP_WHS_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			const param = $('#ITP_FORM_MRTNMNG05010_POP_WHS').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_MRTNMNG05010_POP_WHS_AREA .panel-group').append($('#ITP_LIST_MRTNMNG05010_POP_WHS_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MRTNMNG05010_POP_WHS_AREA .panel-group > .list-row:last');
+				$li.find('.fnWhsNm').text(item.whsNm);
+				$li.find('.fnLocationNm').text(item.locationNm);
+				$li.find('.fnWhsId').data('whs-id', item.whsId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var whsId = $(elem).data('whs-id');
+			$.each(this.rows, function (i, item) {
+				if(whsId === item.whsId) {
+					if(_this.popMode === 'RTN_WHS') {
+						$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG05010_LIST_SEARCH_RTN_WHS_ID').val(item.whsId);
+						$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG05010_LIST_SEARCH_RTN_WHS_NM').val(item.whsNm);
+					} else {
+						$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG05010_LIST_SEARCH_WHS_ID').val(item.whsId);
+						$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG05010_LIST_SEARCH_WHS_NM').val(item.whsNm);
+					}
+					_this.close();
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MRTNMNG05010_POP_WHS"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MRTNMNG05010_POP_WHS_SEARCH'	: _this.search();			break;
+					case 'ITP_BTN_MRTNMNG05010_POP_WHS_CHOICE'	: _this.choice($(this)); 	break;
+					case 'ITP_BTN_MRTNMNG05010_POP_WHS_CLOSE'	: _this.close(); 			break;
+				}
+				return false;
+			});
+		},
+		delete: function() {
+			if(_this.popMode === 'RTN_WHS') {
+				$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG05010_LIST_SEARCH_RTN_WHS_ID').val('');
+				$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG05010_LIST_SEARCH_RTN_WHS_NM').val('');
+			} else {
+				$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG05010_LIST_SEARCH_WHS_ID').val('');
+				$('#ITP_FORM_MRTNMNG04010_LIST_SEARCH #ITP_FORM_MRTNMNG05010_LIST_SEARCH_WHS_NM').val('');
+			}
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MRTNMNG05010_LIST_WHS_AREA .panel-group').empty();
+			$('#ITP_FORM_MRTNMNG05010_POP_WHS #ITP_FORM_MRTNMNG05010_POP_WHS_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/mrtnmng/ITP_MRTNMNG06010.js

@@ -0,0 +1,300 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		mobPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_GRID_LIST 			= '/api/rtnmng/inoutmng/warehouse-grid-list';	// 목록
+const API_MOBILE_INFO 				= '/api/rtnmng/po/info-pchOdr';					// 상세
+const API_POP_SEARCH_LIST			= '/api/whs/mng/pop-whs-search';
+const API_POP_SPPLY_LIST 			= '/api/spply/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_MRTNMNG06010_LIST_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
+			$('#ITP_FORM_MRTNMNG06010_LIST_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+		},
+		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_MRTNMNG06010_LIST"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MRTNMNG06010_LIST_SEARCH_WHS_NM'	: mobPopObj.popWhsNm.init(); 	break;
+					case 'ITP_BTN_MRTNMNG06010_LIST_DELETE_WHS_NM'	: mobPopObj.popWhsNm.delete(); 	break;
+					case 'ITP_BTN_MRTNMNG06010_LIST_SEARCH_SPPLY_NM'	: mobPopObj.popSpply.init(); 	break;
+					case 'ITP_BTN_MRTNMNG06010_LIST_DELETE_SPPLY_NM'	: mobPopObj.popSpply.delete(); 	break;
+					case 'ITP_BTN_MRTNMNG06010_LIST_SEARCH'			: mobContentObj.list.search();	break;
+				}
+				return false;
+			});
+
+			$(document).on('click', '#ITP_LIST_MRTNMNG06010_LIST_ITEM_ROWS li', function() {
+				var item = mobContentObj.list.rows[$(this).index()];
+				mobContentObj.view.init(item);
+			});
+
+			$(document).on('click', '#ITP_POP_MRTNMNG06010_LIST_SPPLY_ROWS li button', function() {
+				mobPopObj.popSpply.choice($(this));
+			});
+
+			$(document).on('click', '#ITP_LIST_MRTNMNG06010_POP_WHS_ROWS li button', function() {
+				mobPopObj.popWhsNm.choice($(this));
+			});
+		}
+	},
+	switchScreen: function(mode) {
+		$('#ITP_MOBILE_MRTNMNG06010').find('div[id$="_CONTAINER"]').each(function(i) {
+			$(this).hide();
+		});
+		if(mode === PAGE_MODE_LIST) {
+			$('#ITP_AJAX_MRTNMNG06010_LIST_CONTAINER').show();
+			this.moreView(true);
+		}
+		this.viewMode = mode;
+	},
+	moreView: function(isScroll) {
+		var _this = this;
+		if(isScroll) {
+			$('#ITP_LIST_MRTNMNG06010_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_MRTNMNG06010_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_MRTNMNG06010_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_MRTNMNG06010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MRTNMNG06010_LIST_ITEM_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MRTNMNG06010_LIST_ITEM_AREA .panel-group > .list-row:last');
+					$li.find('.fnPchPodrUnqNo').text(item.pchPodrUnqNo);
+					$li.find('.fnDlvCmpltDt').text(item.dlvCmpltDt);
+					$li.find('.fnDlvSchDt').text(item.dlvSchDt);
+					$li.find('.fnSpplyNm').text(item.spplyNm);
+					$li.find('.fnWhsNm').text(item.whsNm);
+					$li.find('.fnItemNm').text(item.itemNm);
+					$li.find('.fnPodrQty').text(CommonObj.comma.set(item.podrQty));
+					$li.find('.fnDlvQty').text(CommonObj.comma.set(item.dlvQty));
+					_this.rows.push(item);
+				});
+			};
+			var errFn = function() { _this.isSearch = false;};
+			const param = $('#ITP_FORM_MRTNMNG06010_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);
+		}
+	}
+};
+
+let mobPopObj = {
+	popSpply: {
+		popId: 'ITP_POP_MRTNMNG06010_SPPLY_AREA',
+		rows: [],
+		init: function() {
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function() {
+			var _this = this;
+			$('#ITP_POP_MRTNMNG06010_LIST_SPPLY_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			let param = $('#ITP_FORM_MRTNMNG06010_POP_SPPLY_SEARCH').serializeObject();
+			fn_ajax_call(API_POP_SPPLY_LIST, JSON.stringify(param), callbackFn, 'POST');
+		},
+		view: function(gridRows) {
+			this.rows = gridRows;
+			$.each(gridRows, function (i, item) {
+				$('#ITP_POP_MRTNMNG06010_LIST_SPPLY_AREA .panel-group').append($('#ITP_POP_MRTNMNG06010_LIST_SPPLY_ROWCOPY').html());
+				var $li = $('#ITP_POP_MRTNMNG06010_LIST_SPPLY_AREA .panel-group > .list-row:last');
+				$li.find('.fnSpplyNm').text(item.spplyNm);
+				$li.find('.fnStNm').text($li.find('.fnStNm').text().replace('$', item.stNm));
+				$li.find('.fnSpplyId').data('item-key', item.spplyId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var spplyId = $(elem).data('item-key');
+			$.each(this.rows, function (i, item) {
+				if(spplyId === item.spplyId) {
+					$('#ITP_FORM_MRTNMNG06010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_SPPLY_ID').val(item.spplyId);
+					$('#ITP_FORM_MRTNMNG06010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_SPPLY_NM').val(item.spplyNm);
+					_this.close();
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MRTNMNG06010_POP_SPPLY"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MRTNMNG06010_POP_SPPLY_SEARCH'	: _this.search();			break;
+					case 'ITP_BTN_MRTNMNG06010_POP_SPPLY_CHOICE'	: _this.choice($(this));	break;
+					case 'ITP_BTN_MRTNMNG06010_POP_SPPLY_CLOSE'	: _this.close(); 			break;
+				}
+				return false;
+			});
+		},
+		delete: function() {
+			$('#ITP_FORM_MRTNMNG06010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_SPPLY_ID').val('');
+			$('#ITP_FORM_MRTNMNG06010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_SPPLY_NM').val('');
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MRTNMNG06010_LIST_SPPLY_AREA .panel-group').empty();
+			$('#ITP_FORM_MRTNMNG06010_POP_SPPLY_SEARCH #ITP_FORM_MRTNMNG06010_POP_SPPLY_KEYWORD').val('');
+			mobPopObj.hide(this.popId);
+		}
+	},
+	popWhsNm: {
+		popId: 'ITP_POP_MRTNMNG06010_WHS_AREA',
+		rows: [],
+		init: function () {
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function () {
+			var _this = this;
+			$('#ITP_LIST_MRTNMNG06010_POP_WHS_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			const param = $('#ITP_FORM_MRTNMNG06010_POP_WHS').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_MRTNMNG06010_POP_WHS_AREA .panel-group').append($('#ITP_LIST_MRTNMNG06010_POP_WHS_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MRTNMNG06010_POP_WHS_AREA .panel-group > .list-row:last');
+				$li.find('.fnWhsNm').text(item.whsNm);
+				$li.find('.fnLocationNm').text(item.locationNm);
+				$li.find('.fnWhsId').data('whs-id', item.whsId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var whsId = $(elem).data('whs-id');
+			$.each(this.rows, function (i, item) {
+				if(whsId === item.whsId) {
+					$('#ITP_FORM_MRTNMNG06010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_WHS_ID').val(item.whsId);
+					$('#ITP_FORM_MRTNMNG06010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_WHS_NM').val(item.whsNm);
+					_this.close();
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MRTNMNG06010_POP_WHS"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MRTNMNG06010_POP_WHS_SEARCH'	: _this.search();			break;
+					case 'ITP_BTN_MRTNMNG06010_POP_WHS_CHOICE'	: _this.choice($(this)); 	break;
+					case 'ITP_BTN_MRTNMNG06010_POP_WHS_CLOSE'	: _this.close(); 			break;
+				}
+				return false;
+			});
+		},
+		delete: function() {
+			$('#ITP_FORM_MRTNMNG06010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_WHS_ID').val('');
+			$('#ITP_FORM_MRTNMNG06010_LIST_SEARCH #ITP_FORM_MRTNMNG06010_LIST_SEARCH_WHS_NM').val('');
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MRTNMNG06010_LIST_WHS_AREA .panel-group').empty();
+			$('#ITP_FORM_MRTNMNG06010_POP_WHS #ITP_FORM_MRTNMNG06010_POP_WHS_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();
+	}
+};