모바일 발주관리 디자인 적용

src/main/webapp/mobile/app/login.html

@@ -36,7 +36,7 @@
           <input type="text" name="bsnsRegNo" id="ITP_FORM_LOGIN_BSNS_REG_NO" required value="1">
           <label for="ITP_FORM_LOGIN_BSNS_REG_NO">사업자번호</label>
           <div class="itp_del_btn reg_no">
-	          <button type="button" id="ITP_FORM_LOGIN_DEL_BSNS_REG_NO">
+	          <button type="button" id="ITP_FORM_DEL_LOGIN_BSNS_REG_NO">
   				<img src="../img/close.png" alt="로고" class=" ">
 	          </button>
           </div>

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

@@ -10,9 +10,9 @@
         <div class="line">
           <label>구매요청일</label>
 	        <div class="date_to date">
-	          <input type="date" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" pattern="\d{4}.\d{2}.\d{2}">
+	          <input type="text" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date">
 	          <div class="at">~</div>
-	          <input type="date" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_TO_DT" name="toDt" pattern="\d{4}.\d{2}.\d{2}">
+	          <input type="text" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date">
 	        </div>
 		</div>
       <div class="line">
@@ -46,17 +46,17 @@
       </div>
       </form>
     </div>
-    <div id="ITP_LIST_MPOMNG02010_LIST_AREA" class="scroll_area row-1">
-      <ul id="ITP_LIST_MPOMNG02010_LIST_ROWS" class="mb_0 panel-group"></ul>
-      <div id="ITP_LIST_MPOMNG02010_LIST_ROWCOPY" style="display: block;">
+    <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-1">
+      <ul id="ITP_LIST_MPOMNG02010_ITEM_ROWS" class="mb_0 panel-group"></ul>
+      <div id="ITP_LIST_MPOMNG02010_ITEM_ROWCOPY" style="display: none;">
         <li class="history_list">
           <div class="left">
             <div class="nomal">
               <label>구매요청일 </label>
               <span>:</span>
               <div class="history">
-                <div class="fnPchReqDt">2022.10.01</div>
-                (<div class="fnPchReqMgrNm">홍길동 점주</div>)
+                <div class="fnPchReqDt"></div>
+                (<div class="fnPchReqMgrNm"></div>)
               </div>
             </div>
           </div>
@@ -66,14 +66,14 @@
                   <label>구매상태</label>
                   <span>:</span>
                   <div class="history">
-                    <div class="fnPchReqStNm">대기</div>
+                    <div class="fnPchReqStNm"></div>
                   </div>
               </div>
               <div class="half">
                   <label>납품장소명 </label>
                   <span>:</span>
                   <div class="history">
-                    <div class="fnWhsLocationNm">A매장내</div>
+                    <div class="fnWhsLocationNm"></div>
                   </div>
               </div>
             </div>
@@ -83,7 +83,7 @@
               <label>구매요청 정보</label>
               <span>:</span>
               <div class="history">
-                <div class="fnPchReqItemQty">품목수(3)</div>
+                <div class="fnPchReqItemQty"></div>
                 <i>- </i>
                 <div class="fnPchReqTotalAmt"></div> 원
               </div>
@@ -94,7 +94,7 @@
               <label>결재정보 </label>
               <span>:</span>
               <div class="history">
-                <div class="fnPchReqRjctNm">결제완료</div>
+                <div class="fnPchReqRjctNm"></div>
               </div>
             </div>
           </div>

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

@@ -1,82 +1,9 @@
-<section id="ITP_MOBILE_MPOMNG04010">  
-	<div id="ITP_POP_MPOMNG04010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
-	  <div class="pop">
-		  <div class="header">
-			  <div class="header_left">
-				  <label>공급업체</label>
-			  </div>
-			  <div class="header_right">
-				  <button type="button" id="ITP_BTN_MPOMNG04010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
-			  </div>
-		  </div>
-		  <div class="search_bar">
-			  <form id="ITP_FORM_MPOMNG04010_POP_SPPLY" class="form-horizontal" onsubmit="return false;">
-				  <input type="hidden" id="ITP_FORM_MPOMNG04010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
-				  <input type="hidden" id="ITP_FORM_MPOMNG04010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
-				  <input id="ITP_FORM_MPOMNG04010_POP_SPPLY_KEYWORD" type="text" name="sSpplyNm" placeholder="공급업체명">
-				  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
-			  </form>
-		  </div>
-		  <div class="select_btn">
-			  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_NM" class="btn_blue">공급업체 ▼</button>
-		  </div>
-		  <div id="ITP_POP_MPOMNG04010_SPPLY_LIST_AREA" class="popup_scroll">
-			  <ul id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWS" class="mb_0 panel-group itp_nav"></ul>
-			  <div id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWCOPY" style="display: block;">
-				  <li class="row_2">
-					  <div class="scroll_left">
-						  <div class="con_2 fnSpplyNm">공급업체 명A</div>
-						  <div class="con_2 sub fnStNm">($)</div>
-					  </div>
-					  <div class="scroll_right">
-						  <button id="ITP_BTN_MPOMNG04010_POP_SPPLY_CHOICE" class="fnSpplyId">선택</button>
-					  </div>
-				  </li>
-			  </div>
-		  </div>
-	  </div>
-	</div>
-    <div id="ITP_POP_MPOMNG04010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
-		  <div class="pop">
-			  <div class="header">
-				  <div class="header_left">
-					  <label>납품장소</label>
-				  </div>
-				  <div class="header_right">
-					  <button type="button" id="ITP_BTN_MPOMNG04010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
-				  </div>
-			  </div>
-			  <div class="search_bar">
-				  <form id="ITP_FORM_MPOMNG04010_POP_WHS" class="form-horizontal" onsubmit="return false;">
-					  <input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
-					  <input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
-					  <input id="ITP_FORM_MPOMNG04010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
-					  <button id="ITP_BTN_MPOMNG04010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
-				  </form>
-			  </div>
-			  <div class="select_btn">
-				  <button id="ITP_BTN_MPOMNG04010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
-			  </div>
-			  <div id="ITP_LIST_MPOMNG04010_POP_WHS_AREA" class="popup_scroll">
-				  <ul id="ITP_LIST_MPOMNG04010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
-				  <div id="ITP_LIST_MPOMNG04010_POP_WHS_ROWCOPY" style="display: block;">
-					  <li class="row_2">
-						  <div class="scroll_left">
-							  <div class="fnWhsNm">브랜드 창고 명A</div>
-							  <div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
-							  <div class="sub fnLocationNm">누리자 B/D</div>
-						  </div>
-						  <div class="scroll_right">
-							  <button id="ITP_BTN_MPOMNG04010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
-						  </div>
-					  </li>
-				  </div>
-			  </div>
-		  </div>
-	  </div>
+<section id="ITP_MOBILE_MPOMNG04010">
 	<div id="ITP_AJAX_MPOMNG04010_LIST_CONTAINER" style="display: none;">
-		<form id="ITP_FORM_MPOMNG04010_LIST" class="form-horizontal" onsubmit="return false;">
-		<input type="hidden" id="ITP_FORM_MPOMNG04010_DETAIL_VIEW_CD" name="viewCd" value="C">
+		<form id="ITP_FORM_MPOMNG04010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
+		  <input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
+		  <input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
+		  <input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_IDX" name="sidx" value="0">
 		  <div class="content">
 			<div class="line header">
 			  <div class="itp_search_header"><img src="../img/right_arrow_pink.png" alt="">구매발주현황</div>
@@ -84,15 +11,15 @@
 			<div class="line">
 			  <label>발주일자</label>
 			  <div class="date_to date">
-				<input id="ITP_FORM_MPOMNG04010_LIST_SEARCH_FROM_DT" name="fromDt" type="date">
+				<input id="ITP_FORM_MPOMNG04010_LIST_SEARCH_FROM_DT" name="fromDt" type="text" class="itp_input date">
 				<div class="at">~</div>
-				<input id="ITP_FORM_MPOMNG04010_LIST_SEARCH_TO_DT" name="toDt" type="date">
+				<input id="ITP_FORM_MPOMNG04010_LIST_SEARCH_TO_DT" name="toDt" type="text" class="itp_input date">
 			  </div>
 			</div>
 			<div class="line">
 			  <label>발주상태</label>
 			  <div class="float_left">
-				<select name="spchOdrStCd" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_PCH_ORD_ST_CD">
+				<select name="spchOdrStCd" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_PCH_ORD_ST_CD" data-select-code="PCH_ODR_ST_CD">
 				  <option value=""></option>
 				</select>
 				</div>   
@@ -136,14 +63,14 @@
 		  </div>
 		<div id="ITP_LIST_MPOMNG04010_LIST_ITEM_AREA" class="scroll_area row-3">
 		  <ul id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS" class="mb_0 panel-group"></ul>
-			  <div id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWCOPY" style="display: block;">
+			  <div id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWCOPY" style="display: none;">
 				<li class="list-row2">
 				  <div class="left">
 					<div class="nomal">
 					  <label>발주일자 &nbsp;:</label>
 					  <div class="history">
-						<div class="fnPodrDt">2022.10.01</div> 
-						(<div class="fnOwnerNm">홍길동 점주</div>)
+						<div class="fnPodrDt"></div>
+						(<div class="fnPodrMgrNm"></div>)
 					  </div>
 					</div>
 				  </div>
@@ -151,11 +78,11 @@
 					<div class="nomal">
 					  <label>발주상태 &nbsp;:</label>
 					  <div class="history">
-						<div class="fnPodrStCd">대기</div>
+						<div class="fnPchodrStCd"></div>
 					  </div>
 					  <label>납품장소명&nbsp;:</label>
 					  <div class="history">
-						<div class="fnDlvPlaceNm">A매장내</div>
+						<div class="fnLocationNm"></div>
 					  </div>
 					</div>
 				  </div>
@@ -163,9 +90,9 @@
 					<div class="nomal">
 					  <label>발주정보 &nbsp;:</label>
 					  <div class="history">
-						<div class="fnItemQty">품목수(3)</div> 
+						<div class="fnItemQty">품목수($)</div>
 						<i>-</i>
-						<div class="fnItemAtm">1,200,000</div>원
+						<div class="fnPodrTotalAmt"></div>원
 					  </div>
 					</div>
 				  </div>
@@ -173,7 +100,7 @@
 					<div class="nomal">
 					  <label>공급업체 &nbsp;:</label>
 					  <div class="history">
-						<div class="fnSpplyNm">A공급업체</div> 
+						<div class="fnSpplyNm"></div>
 					  </div>
 					</div>
 				  </div>
@@ -189,25 +116,31 @@
 			<div class="line">
 			  <label>발주일자</label>
 			  <div class="line_right">
-				<div class="fnPodrDt">2022.10.10</div>
+				<div class="fnPodrDt"></div>
 			  </div>      
 			</div>
 			<div class="line">
 			  <label>발주금액</label>
 			  <div class="line_right">
-				<div class="fnPodrAmt">424,000원</div>
+				<div class="fnPodrTotalAmt"></div>
+			  </div>
+			</div>
+			<div class="line">
+			  <label>납기요청일자</label>
+			  <div class="line_right">
+				  <div class="fnDlvReqDt"></div>
 			  </div>
 			</div>
 			<div class="line">
 			  <label>납품장소</label>
 			  <div class="line_right">
-				<div class="fnDlvPlace">A매장내</div>
+				<div class="fnShmtWhsNm"></div>
 			  </div>
 			</div>
 			<div class="line">
 			  <label>공급업체</label>
 			  <div class="line_right">
-				<div class="fnSpplyNm">A공급업체</div>
+				<div class="fnWhsNm"></div>
 			  </div>
 			</div>
 			<div class="table_header">
@@ -216,13 +149,13 @@
 		  </div>
 		<div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA" class="scroll_area row-2">
 		  <ul id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWS" class="mb_0 panel-group"></ul>
-			  <div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWCOPY" style="display:block;">
+			  <div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWCOPY" style="display:none;">
 				<li class="list-row2">
 				  <div class="left">
 					<div class="nomal">
 					  <label>품목명</label>
 					  <span>:</span>
-					  <div class="fnItemNm">품목명</div>
+					  <div class="fnItemNm"></div>
 					</div>
 				  </div>
 				  <div class="left">
@@ -230,11 +163,11 @@
 					  <label>수량</label>
 					  <span>:</span>
 					  <div class="history">
-						<div class="fnQty">대기</div>
+						<div class="fnPodrQty"></div>
 					  </div>
 					  <label class="sub_info">금액&nbsp;:</label>
 					  <div class="history">
-						<div class="fnAmt">A매장내</div>
+						<div class="fnUnitAmt"></div>
 					  </div>
 					</div>
 				  </div>
@@ -243,26 +176,101 @@
 					  <label>구매가 </label>
 					  <div class="history">
 					  <span>:</span>
-					  <div class="fnPchActAmt">품목수(3)</div> 
+					  <div class="fnPodrAmt"></div>
 					  </div>
 					</div>
 				  </div>
-				  <div class="left">
+				  <!--<div class="left">
 					<div class="nomal">
 					  <label>납기요청일가 </label>
 					  <div class="history">
 					  	<span>:</span>
-						<div class="fnDlvReqDt">A공급업체</div> 
+						<div class="fnDlvReqDt"></div>
 					  </div>
 					</div>
-				  </div>
+				  </div>-->
 				</li>
 			</div>
 		  </div>
 		  <div class="button_bar">
-			<button id="ITP_BTN_MPOMNG04010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
+			<button id="ITP_BTN_MPOMNG04010_VIEW_CANCEL_LIST" class="col_12 btn-gray CLB">취소</button>
 		  </div>
 	  </form>
 	</div>
 	<div id="ITP_MOBILE_JS"></div>
+	<div id="ITP_POP_MPOMNG04010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
+		<div class="pop">
+			<div class="header">
+				<div class="header_left">
+					<label>공급업체</label>
+				</div>
+				<div class="header_right">
+					<button type="button" id="ITP_BTN_MPOMNG04010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MPOMNG04010_POP_SPPLY_SEARCH" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MPOMNG04010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MPOMNG04010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MPOMNG04010_POP_SPPLY_KEYWORD" type="text" name="sspplyNm" placeholder="공급업체명">
+					<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
+				</form>
+			</div>
+			<div class="select_btn">
+				<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_NM" class="btn_blue">공급업체 ▼</button>
+			</div>
+			<div id="ITP_POP_MPOMNG04010_SPPLY_LIST_AREA" class="popup_scroll">
+				<ul id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWS" class="mb_0 panel-group itp_nav"></ul>
+				<div id="ITP_POP_MPOMNG04010_SPPLY_LIST_ROWCOPY" style="display: none;">
+					<li class="row_2">
+						<div class="scroll_left">
+							<div class="con_2 fnSpplyNm">공급업체 명A</div>
+							<div class="con_2 sub fnStNm">($)</div>
+						</div>
+						<div class="scroll_right">
+							<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_CHOICE" class="fnSpplyId">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div id="ITP_POP_MPOMNG04010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
+		<div class="pop">
+			<div class="header">
+				<div class="header_left">
+					<label>납품장소</label>
+				</div>
+				<div class="header_right">
+					<button type="button" id="ITP_BTN_MPOMNG04010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MPOMNG04010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MPOMNG04010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+					<button id="ITP_BTN_MPOMNG04010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+				</form>
+			</div>
+			<div class="select_btn">
+				<button id="ITP_BTN_MPOMNG04010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
+			</div>
+			<div id="ITP_LIST_MPOMNG04010_POP_WHS_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MPOMNG04010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MPOMNG04010_POP_WHS_ROWCOPY" style="display: none;">
+					<li class="row_2">
+						<div class="scroll_left">
+							<div class="fnWhsNm"></div>
+							<div class="sub fnLocationNm"></div>
+							<div class="sub fnLocationNm"></div>
+						</div>
+						<div class="scroll_right">
+							<button id="ITP_BTN_MPOMNG04010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
   </section>

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

@@ -16,9 +16,9 @@
 						<option value="4">납품완료일</option>
 					</select>
 					<div class="date_to">
-						<input id="ITP_FORM_MPOMNG05010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
+						<input id="ITP_FORM_MPOMNG05010_LIST_SEARCH_FROM_DT" name="fromDt" class="itp_input date" type="text">
 						<div class="at">~</div>
-						<input id="ITP_FORM_MPOMNG05010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
+						<input id="ITP_FORM_MPOMNG05010_LIST_SEARCH_TO_DT" name="toDt" class="itp_input date" type="text">
 					</div>
 				</div>
 				<div class="line">
@@ -148,7 +148,7 @@
 			</div>
 			<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_AREA" class="popup_scroll">
 				<ul id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS" class="mb_0 panel-group itp_nav"></ul>
-				<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY" style="display: block;">
+				<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY" style="display: none;">
 					<li class="row_2">
 						<div class="scroll_left">
 							<div class="con_2 fnSpplyNm">공급업체 명A</div>
@@ -185,12 +185,12 @@
 			</div>
 			<div id="ITP_LIST_MPOMNG05010_POP_WHS_AREA" class="popup_scroll">
 				<ul id="ITP_LIST_MPOMNG05010_POP_WHS_ROWS" class="mb_0 panel-group itp_nav"></ul>
-				<div id="ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY" style="display: block;">
+				<div id="ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY" style="display: none;">
 					<li class="row_2">
 						<div class="scroll_left">
-							<div class="fnWhsNm">브랜드 창고 명A</div>
-							<div class="sub fnLocationNm">서울특별시 동대문구 서울 시립대로 12길</div>
-							<div class="sub fnLocationNm">누리자 B/D</div>
+							<div class="fnWhsNm"></div>
+							<div class="sub fnLocationNm"></div>
+							<div class="sub fnLocationNm"></div>
 						</div>
 						<div class="scroll_right">
 							<button id="ITP_BTN_MPOMNG05010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>

src/main/webapp/mobile/js/app/login.js

@@ -14,6 +14,13 @@ require(['config'], function() {
 			$th.val($th.val().replace(/(<([^>]+)>)/ig, function() {return '';}));
 		});
 
+		$('button[id^="ITP_FORM_DEL_LOGIN"]').on('click', function() {
+			$(this).closest('.input_area').find('input').val('');
+			if($(this).attr('id') === 'ITP_FORM_DEL_LOGIN_BSNS_REG_NO') {
+				$('#ITP_FORM_LOGIN_BRAND_ID').empty();
+			}
+		});
+
 		$('#ITP_BTN_LOGIN_BSNS_REG_NO').on('click', function() {
 			itp_fn_login_reg_no();
 		});

src/main/webapp/mobile/js/app/mpomng/ITP_MPOMNG02010.js

@@ -169,7 +169,7 @@ let mobContentObj = {
 				_this.totPage = result.gridTotal;
 				$.each(result.gridRows, function (i, item) {
 					$('#ITP_LIST_MPOMNG02010_ITEM_AREA .panel-group').append($('#ITP_LIST_MPOMNG02010_ITEM_ROWCOPY').html());
-					var $li = $('#ITP_LIST_MPOMNG02010_ITEM_AREA .panel-group > .list-row:last');
+					var $li = $('#ITP_LIST_MPOMNG02010_ITEM_AREA .panel-group > .history_list:last');
 					$li.find('.fnPchReqDt').text(item.pchReqDt);
 					$li.find('.fnPchReqMgrNm').text(item.pchReqMgrNm);
 					$li.find('.fnPchReqStNm').text(item.pchReqStNm);
@@ -188,7 +188,7 @@ let mobContentObj = {
 		},
 		action: function () {
 			var _this = this;
-			$(document).on('click', '#ITP_LIST_MPOMNG02010_LIST_ROWS li', function() {
+			$(document).on('click', '#ITP_LIST_MPOMNG02010_ITEM_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);

src/main/webapp/mobile/js/app/mpomng/ITP_MPOMNG04010.js

@@ -25,7 +25,6 @@ let mobPageObj = {
 	ui: {
 		init: function () {
 			this.view();
-			this.info();
 		},
 		view: function() {
 			// 공통코드 표시
@@ -36,10 +35,10 @@ let mobPageObj = {
 			});
 
 			// 조회일자 지정
-			$('#ITP_FORM_MPOMNG04010_LIST_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
-			$('#ITP_FORM_MPOMNG04010_LIST_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
-		},
-		info: function() {
+			$('#ITP_MOBILE_MPOMNG04010 .itp_input.date').datepicker(ITP_DATE_LANGUAGE);
+			$('#ITP_FORM_MPOMNG04010_LIST_SEARCH_FROM_DT').datepicker('setDate', itp_fn_date_add('M', -1));
+			$('#ITP_FORM_MPOMNG04010_LIST_SEARCH_TO_DT').datepicker('setDate', itp_fn_date_add('M', 0));
+
 			$('input:hidden[id$="_BRAND_ID"]').val(fn_make_user_info.get('brandId'));
 			$('input:hidden[id$="_STORE_ID"]').val(fn_make_user_info.get('storeId'));
 		}
@@ -74,7 +73,7 @@ let mobPageObj = {
 				mobContentObj.view.init(item);
 			});
 
-			$(document).on('click', '#ITP_POP_MPOMNG04010_LIST_SPPLY_ROWS li button', function() {
+			$(document).on('click', '#ITP_POP_MPOMNG04010_SPPLY_LIST_ROWS li button', function() {
 				mobPopObj.popSpply.choice($(this));
 			});
 
@@ -144,11 +143,12 @@ let mobContentObj = {
 				_this.totPage = result.gridTotal;
 				$.each(result.gridRows, function (i, item) {
 					$('#ITP_LIST_MPOMNG04010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MPOMNG04010_LIST_ITEM_ROWCOPY').html());
-					var $li = $('#ITP_LIST_MPOMNG04010_LIST_ITEM_AREA .panel-group > .list-row:last');
+					var $li = $('#ITP_LIST_MPOMNG04010_LIST_ITEM_AREA .panel-group > .list-row2:last');
 					$li.find('.fnPodrDt').text(item.podrDt);
 					$li.find('.fnPodrMgrNm').text(item.podrMgrNm);
 					$li.find('.fnPchodrStCd').text(item.pchOdrStNm);
-					$li.find('.fnLocationNm').text(item.whsNm + ' - ' + item.locationNm);
+					$li.find('.fnLocationNm').text(item.whsNm);
+					// $li.find('.fnLocationNm').text(item.whsNm + ' - ' + item.locationNm);
 					$li.find('.fnItemQty').text($li.find('.fnItemQty').text().replace('$', item.podrItemQty));
 					$li.find('.fnPodrTotalAmt').text(CommonObj.comma.set(item.podrTotalAmt));
 					$li.find('.fnSpplyNm').text(item.spplyNm);
@@ -159,8 +159,6 @@ let mobContentObj = {
 			const param = $('#ITP_FORM_MPOMNG04010_LIST_SEARCH').serializeObject();
 			param.gridPage = ++this.listPage;
 			param.gridSize = this.listSize;
-			param.fromDt = CommonObj.onlyNumber(param.fromDt);
-			param.toDt = CommonObj.onlyNumber(param.toDt);
 			console.log(JSON.stringify(param));
 			fn_ajax_call(API_MOBILE_GRID_LIST, JSON.stringify(param), callbackFn, 'POST', errFn);
 		}
@@ -184,13 +182,12 @@ let mobContentObj = {
 			var id = '#ITP_AJAX_MPOMNG04010_VIEW_CONTAINER';
 			$(id).find('.fnPodrDt').text(result.podrDt);
 			$(id).find('.fnPodrTotalAmt').text(CommonObj.currency.add(result.podrTotalAmt));
-			$(id).find('.fnShmtWhsDvsnNm').text(result.shmtWhsDvsnNm);
-			$(id).find('.fnSpplyNm').text(result.spplyNm);
+			$(id).find('.fnShmtWhsNm').text(result.shmtWhsNm);
+			$(id).find('.fnWhsNm').text(result.whsNm);
 			$(id).find('.fnDlvReqDt').text(result.dlvReqDt);
 			$.each(result.pchOdrDtlList, function (i, item) {
 				$('#ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA .panel-group').append($('#ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWCOPY').html());
-				var $li = $('#ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA .panel-group > .list-row:last');
-				console.log(item);
+				var $li = $('#ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA .panel-group > .list-row2:last');
 				$li.find('.fnItemNm').text(item.itemNm);
 				$li.find('.fnUnit').text(item.unit);
 				$li.find('.fnPodrQty').text(CommonObj.currency.add(item.podrQty));
@@ -222,7 +219,7 @@ let mobPopObj = {
 		},
 		search: function() {
 			var _this = this;
-			$('#ITP_POP_MPOMNG04010_LIST_SPPLY_AREA .panel-group').empty();
+			$('#ITP_POP_MPOMNG04010_SPPLY_AREA .panel-group').empty();
 			var callbackFn = function(result) {
 				console.log(result);
 				_this.view(result.gridRows);
@@ -233,8 +230,8 @@ let mobPopObj = {
 		view: function(gridRows) {
 			this.rows = gridRows;
 			$.each(gridRows, function (i, item) {
-				$('#ITP_POP_MPOMNG04010_LIST_SPPLY_AREA .panel-group').append($('#ITP_POP_MPOMNG04010_LIST_SPPLY_ROWCOPY').html());
-				var $li = $('#ITP_POP_MPOMNG04010_LIST_SPPLY_AREA .panel-group > .list-row:last');
+				$('#ITP_POP_MPOMNG04010_SPPLY_AREA .panel-group').append($('#ITP_POP_MPOMNG04010_SPPLY_LIST_ROWCOPY').html());
+				var $li = $('#ITP_POP_MPOMNG04010_SPPLY_AREA .panel-group > .row_2: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);
@@ -298,7 +295,7 @@ let mobPopObj = {
 			this.rows = gridRows;
 			$.each(gridRows, function (i, item) {
 				$('#ITP_LIST_MPOMNG04010_POP_WHS_AREA .panel-group').append($('#ITP_LIST_MPOMNG04010_POP_WHS_ROWCOPY').html());
-				var $li = $('#ITP_LIST_MPOMNG04010_POP_WHS_AREA .panel-group > .list-row:last');
+				var $li = $('#ITP_LIST_MPOMNG04010_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);

src/main/webapp/mobile/js/app/mpomng/ITP_MPOMNG05010.js

@@ -35,8 +35,9 @@ let mobPageObj = {
 			});
 
 			// 조회일자 지정
-			$('#ITP_FORM_MPOMNG05010_LIST_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
-			$('#ITP_FORM_MPOMNG05010_LIST_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+			$('#ITP_MOBILE_MPOMNG05010 .itp_input.date').datepicker(ITP_DATE_LANGUAGE);
+			$('#ITP_FORM_MPOMNG05010_LIST_SEARCH_FROM_DT').datepicker('setDate', itp_fn_date_add('M', -1));
+			$('#ITP_FORM_MPOMNG05010_LIST_SEARCH_TO_DT').datepicker('setDate', itp_fn_date_add('M', 0));
 		},
 		info: function() {
 			$('input:hidden[id$="_BRAND_ID"]').val(fn_make_user_info.get('brandId'));
@@ -180,7 +181,7 @@ let mobPopObj = {
 			this.rows = gridRows;
 			$.each(gridRows, function (i, item) {
 				$('#ITP_POP_MPOMNG05010_LIST_SPPLY_AREA .panel-group').append($('#ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY').html());
-				var $li = $('#ITP_POP_MPOMNG05010_LIST_SPPLY_AREA .panel-group > .list-row:last');
+				var $li = $('#ITP_POP_MPOMNG05010_LIST_SPPLY_AREA .panel-group > .row_2: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);
@@ -244,7 +245,7 @@ let mobPopObj = {
 			this.rows = gridRows;
 			$.each(gridRows, function (i, item) {
 				$('#ITP_LIST_MPOMNG05010_POP_WHS_AREA .panel-group').append($('#ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY').html());
-				var $li = $('#ITP_LIST_MPOMNG05010_POP_WHS_AREA .panel-group > .list-row:last');
+				var $li = $('#ITP_LIST_MPOMNG05010_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);