Merge branch 'master' of http://106.246.249.162:13000/orderqueen/oqpo-view

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

@@ -7,13 +7,13 @@
       </div>
       <div class="pop_line">
         <label>품목수&nbsp;&nbsp; :</label>
-        <div class="fnPop">2개</div>
+        <div class="fnItemQty">2개</div>
       </div>
       <div class="pop_line">
         <label>구매금액 &nbsp;&nbsp;:</label>
-        <div class="fnPop">2022.09.30원</div>
+        <div class="fnOrdAmt">2022.09.30원</div>
       </div>
-      <label class="pop_label">구매요청 하시겠습니까?</label>
+      <label class="pop_label msg_save">구매요청 하시겠습니까?</label>
       <div class="popup_btn">
         <button id="ITP_BTN_MPOMNG01010_POP_REQ_CLOSE" class="cancel btn-gray CLB btn-pop-close">취소</button>
         <button id="ITP_BTN_MPOMNG01010_POP_REQ_CONFIRM" class="ok btn-primary COK">확인</button>
@@ -32,30 +32,32 @@
       </div>
       <div class="search_bar">
         <form id="ITP_FORM_MPOMNG01010_POP_WHS" class="form-horizontal" onsubmit="return false;">
-          <input id="ITP_FORM_MPOMNG01010_POP_WHS_KEYWORD" type="text" placeholder="납품장소명">
+            <input type="hidden" id="ITP_FORM_MPOMNG01010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+            <input type="hidden" id="ITP_FORM_MPOMNG01010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+            <input id="ITP_FORM_MPOMNG01010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
           <button id="ITP_BTN_MPOMNG01010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
         </form>
       </div>
       <div class="search_bar">
         <button id="ITP_BTN_MPOMNG01010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
       </div>
-      <div class="popup_scroll">
+        <div id="ITP_LIST_MPOMNG01010_POP_WHS_AREA" class="popup_scroll">
         <ul id="ITP_LIST_MPOMNG01010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
         <div id="ITP_LIST_MPOMNG01010_POP_WHS_ROWCOPY" style="display:none;">
-          <li>
+            <li class="row_2">
             <div class="scroll_left">
-              <div class="fn">브랜드 창고 명A</div>
-              <div class="fn">(상세위치내용)</div>
+                <div class="fnWhsNm">브랜드 창고 명A</div>
+                <div class="fnLocationNm">(상세위치내용)</div>
             </div>
             <div class="scroll_right">
-              <button id="ITP_BTN_MPOMNG01010_POP_WHS_CHOICE">선택</button>
+                <button id="ITP_BTN_MPOMNG01010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
             </div>
           </li>
         </div>
       </div>
     </div>
   </div>
-  <div id="ITP_POP_MPOMNG01010_ITEM_AREA" class="popup2 mobile-pop-close" style="display: block;">
+  <div id="ITP_POP_MPOMNG01010_ITEM_AREA" class="popup2 mobile-pop-close" style="display: none;">
     <div class="pop">
         <div class="header">
             <div class="header_left">
@@ -78,16 +80,8 @@
         </form>
         <div id="ITP_LIST_MPOMNG01010_POP_ITEM_AREA" class="popup_scroll">
             <ul id="ITP_LIST_MPOMNG01010_POP_ITEM_ROWS" class="panel-group"></ul>
-            <div id="ITP_LIST_MPOMNG01010_POP_ITEM_ROWCOPY" style="display:block;">
-                <li class="row_2"
-                    data-brandUnitUnqNo=""
-                    data-podrPssblDvsn=""
-                    data-spplyId=""
-                    data-stddQty=""
-                    data-storeUnitUnqNo=""
-                    data-unit=""
-                    data-unitAmt=""
-                    data-unitGubun="">
+            <div id="ITP_LIST_MPOMNG01010_POP_ITEM_ROWCOPY" style="display:none;">
+                <li class="row_2">
                     <div class="left" style="width:180px;">
                         <!--<div class="check_box">
                             <input type="checkbox" id="ITP_FORM_MPOMNG01010_POP_ITEM_CHECKBOX" name="itemId" />
@@ -95,7 +89,7 @@
                         <div class="thick">
                             <div class="fnItemNm">품목명</div>
                             <div>-</div>
-                            <div class="fnOrdUnit">EA</div>
+                            <div class="fnUnit">EA</div>
                         </div>
                         <div class="thick" style="font-weight:100;">
                             <div class="space">구매가 :</div>
@@ -104,7 +98,7 @@
                     </div>
                     <div class="right">
                         <button id="ITP_BTN_MPOMNG01010_POP_ITEM_MINUS" class="POP_ITEM_MINUS">-</button>
-                        <div class="num">1</div>
+                        <div class="num fnPchReqQty">1</div>
                         <button id="ITP_BTN_MPOMNG01010_POP_ITEM_PLUS" class="POP_ITEM_PLUS">+</button>
                     </div>
                     <div class="add">
@@ -124,15 +118,16 @@
       <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_LOAN_DVSN" name="loanDvsn" value="">
       <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_LOAN_MGNT_UNQ_NO" name="loanMgntUnqNo" value="">
       <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_PCH_REQ_DVSN" name="pchReqDvsn" value="">
+        <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_PCH_REQ_ST_CD" name="pchReqStCd" value="">
       <div class="content">
         <div class="line">
           <label>납기요청일</label>
-          <input id="ITP_FORM_MPOMNG01010_DETAIL_DLV_REQ_DT" name="dlvReqDt" class="date" type="date" placeholder="">
+          <input id="ITP_FORM_MPOMNG01010_DETAIL_DLV_REQ_DT" name="dlvReqDt" class="date" data-check-required="empty" type="date" placeholder="">
         </div>
         <div class="line">
           <label>구매요청금액</label>
           <div class="line_right">
-            <div class="fnPchReqAmt">0원</div>
+            <div class="fnPchReqAmtTot">0원</div>
           </div>
         </div>
         <div class="line">
@@ -145,7 +140,9 @@
           <label>납품장소</label>
           <div class="search_nm">
             <div class="float_left">
-              <input type="text" id="ITP_FORM_MPOMNG01010_DETAIL_WHS_NM" class="" name="whsNm" placeholder="매장명" />
+              <input type="text" id="ITP_FORM_MPOMNG01010_DETAIL_WHS_NM" class="" name="whsNm" data-check-required="empty" placeholder="매장명" readonly />
+                <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_WHS_ID" class="form-control itp_input" name="whsId" value="" />
+                <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_LOCATION" class="form-control itp_input" name="location" value="" />
             </div>
             <div class="float_left_btn">
               <button id="ITP_BTN_MPOMNG01010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG01010_WHS_AREA"><img src="../img/search.png" alt=""></button>
@@ -163,11 +160,11 @@
       </div>
       <div id="ITP_LIST_MPOMNG01010_ITEM_AREA" class="scroll_area row-1-1">
         <ul id="ITP_LIST_MPOMNG01010_DETAIL_ROWS" class="panel-group"></ul>
-        <div id="ITP_LIST_MPOMNG01010_DETAIL_ROWCOPY" style="display:block;">
+        <div id="ITP_LIST_MPOMNG01010_DETAIL_ROWCOPY" style="display:none;">
           <li class="row_2">
             <div class="left_info">
               <div class="check_box"><!-- class 변경 -->
-                <div><input type="checkbox" name="itemId" class="fnBrandUnitUnqNo" /></div>
+                <div><input type="checkbox" name="brandUnitUnqNo" class="fnBrandUnitUnqNo" /></div>
               </div>
               <div class="thick">
                 <div class="fnItemNm">품목명</div>
@@ -180,16 +177,16 @@
               </div>
             </div>
             <div class="right">
-              <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS">-</button>
-              <div class="num fnNum">0</div>
-              <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS" class="DETAIL_ITEM_MINUS">-</button>
+              <div class="num fnPchReqQty">1</div>
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS" class="DETAIL_ITEM_PLUS">+</button>
             </div>
           </li>
         </div>
       </div>
       <div class="button_bar">
         <button id="ITP_BTN_MPOMNG01010_DETAIL_REQ_ORDER" data-call-popup="ITP_POP_MPOMNG01010_REQ_AREA" class="col_3 btn-primary REQ">구매요청</button>
-        <button id="ITP_BTN_MPOMNG01010_DETAIL_TEMP_SAVE" class="col_3 btn-gray TSA">임시저장</button>
+        <button id="ITP_BTN_MPOMNG01010_DETAIL_TEMP_SAVE" data-call-popup="ITP_POP_MPOMNG01010_REQ_AREA" class="col_3 btn-gray TSA">임시저장</button>
         <button id="ITP_BTN_MPOMNG01010_DETAIL_CANCEL" class="col_3 btn-gray CLB">취소</button>
       </div>
     </form>

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

@@ -1,146 +1,237 @@
-<section>
-  <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
+<section id="ITP_MOBILE_MPOMNG02010">
+  <div id="ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER" style="display: none;">
+	<form id="ITP_FORM_MPOMNG02010_DETAIL" class="form-horizontal" onsubmit="return false;">
+	<input type="hidden" id="ITP_FORM_MPOMNG02010_DETAIL_VIEW_CD" name="viewCd" value="C">
     <div class="content">
         <div class="line">
           <label>구매요청일</label>
         <div class="date_to">
-          <input id="ITP_FORM_MPOMNG02010_VIEW" class="year" type="date">
+          <input id="ITP_FORM_MPOMNG02010_DETAIL_PCH_REQ_DT" name="pchReqDt" class="year" type="date">
           <div class="at">~</div>
-          <input id="ITP_FORM_MPOMNG02010_VIEW" class="year" type="date">
+          <input id="ITP_FORM_MPOMNG02010_DETAIL" class="year" type="date">
         </div>
       </div>
       <div class="line">
         <label>구매요청상태</label>
         <div class="line_right">
-          <select id="ITP_FORM_MPOMNG02010_VIEW" class="stcd" name="">
-            <option value="">상태</option>
-          </select>
+          <select id="ITP_FORM_MPOMNG02010_DETAIL_PCH_REQ_ST_CD" class="stcd" name="pchReqStCd"></select>
         </div>
       </div>
       <div class="line">
         <label>납품장소</label>
         <div class="search_wrap">
 	        <div class="float_left">
-	          <input id="ITP_FORM_MPOMNG02010_VIEW" class="" type="text" placeholder="A매장명">
+	          <input id="ITP_FORM_MPOMNG02010_DETAIL_WHS_NM" name="whsNm" type="text" placeholder="A매장명">
 	        </div>
 	        <div class="float_left_btn">
-	          <button id="ITP_BTN_MPOMNG02010"><img src="../img/search.png" alt=""></button>
-	          <button id="ITP_BTN_MPOMNG02010"><img src="../img/delete.png" alt=""></button>
+				<button id="ITP_BTN_MPOMNG02010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG02010_WHS_NM"><img src="../img/search.png" alt=""></button>
+				<button id="ITP_BTN_MPOMNG02010_DETAIL_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_MPOMNG02010" class="btn-primary btn-sm ADB">검색</button>
+          <button id="ITP_BTN_MPOMNG02010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
         </div>
       </div>
       <div class="table_header">
         <h1>>구매 요청 내역</h1>
       </div>
     </div>
-    <div class="scroll_area row-1-1">
-      <li class="history_list">
-        <div class="left">
-          <div class="nomal">
-            <label>구매요청일 </label>
-            <span>:</span>
-            <div class="history">
-              <div class="fndate">2022.10.01</div> 
-              (<div class="fnOwnerNm">홍길동 점주</div>)
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-          	<div class="half">
-	            <label>구매상태</label>
+    <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-1-1">
+   		<ul id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWS" class="panel-group"></ul>
+        <div id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWCOPY" style="display:block;">
+	      <li class="history_list"
+	           data-brandUnitUnqNo=""
+               data-podrPssblDvsn=""
+               data-spplyId=""
+               data-stddQty=""
+               data-storeUnitUnqNo=""
+               data-unit=""
+               data-unitAmt=""
+               data-unitGubun="">
+	        <div class="left">
+	          <div class="nomal">
+	            <label>구매요청일 </label>
 	            <span>:</span>
 	            <div class="history">
-	              <div class="fn">대기</div>
+	              <div class="fnPchReqDt">2022.10.01</div>
+	              (<div class="fnOwnerNm">홍길동 점주</div>)
 	            </div>
-            </div>
-          	<div class="half">
-	            <label>납품장소명 </label>
+	          </div>
+	        </div>
+	        <div class="left">
+	          <div class="nomal">
+	          	<div class="half">
+		            <label>구매상태</label>
+		            <span>:</span>
+		            <div class="history">
+		              <div class="fnStCd">대기</div>
+		            </div>
+	            </div>
+	          	<div class="half">
+		            <label>납품장소명 </label>
+		            <span>:</span>
+		            <div class="history">
+		              <div class="fnWhsNm">A매장내</div>
+		            </div>
+	            </div>
+	          </div>
+	        </div>
+	        <div class="left">
+	          <div class="nomal">
+	            <label style="width: 127px;">구매요청 정보</label>
 	            <span>:</span>
 	            <div class="history">
-	              <div class="fn">A매장내</div>
+	              <div class="fnItem">품목수(3)</div> 
+	              <i>- </i>
+	              <div class="fnItemAtm">1,200,000</div> 원
 	            </div>
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label style="width: 127px;">구매요청 정보</label>
-            <span>:</span>
-            <div class="history">
-              <div class="fn">품목수(3)</div> 
-              <i>- </i>
-              <div class="fn">1,200,000</div> 원
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label>결재정보 </label>
-            <span>:</span>
-            <div class="history">
-              <div class="fn">미납</div> 
-            </div>
-          </div>
-        </div>
-      </li>
+	          </div>
+	        </div>
+	        <div class="left">
+	          <div class="nomal">
+	            <label>결재정보 </label>
+	            <span>:</span>
+	            <div class="history">
+	              <div class="fnInfo">미납</div> 
+	            </div>
+	          </div>
+	        </div>
+	      </li>
+      </div>
     </div>
+    </form>
   </div>
-  <div id="ITP_AJAX_MPOMNG02010_DETAIL_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_MPOMNG02010_VIEW_CONTAINER" style="display: none;">
+  	<form id="ITP_FORM_MPOMNG02010_VIEW" class="form-horizontal" onsubmit="return false;">
+		<input type="hidden" id="ITP_FORM_MPOMNG02010_VIEW_VIEW_CD" name="viewCd" value="C">
+	    <div class="content">
+	      <div class="line">
+	        <label>납기요청일</label>
+	        <div class="line_right">
+	          <div class="fnDlvReqDt">2022.10.10</div>
+	        </div>      
+	      </div>
+	      <div class="line">
+	        <label>구매요청금액</label>
+	        <div class="line_right">
+	          <div class="fnPchReqAmt">424,000원</div>
+	        </div>
+	      </div>
+	      <div class="line">
+	        <label>납품장소</label>
+	        <div class="line_right">
+	          <div class="fnDlvPlace">A매장내</div>
+	        </div>
+	      </div>
+	      <div class="line">
+	        <label>결재정보</label>
+	        <div class="line_right">
+	          <div class="fnInfo">(미납)0원</div>
+	        </div>
+	      </div>
+	      <div class="table_header">
+	        <h1>>구매 품목</h1>
+	      </div>
+	    </div>
+	    <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-2">
+		   <ul id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWS" class="panel-group"></ul>
+           <div id="ITP_LIST_MPOMNG02010_POP_ITEM_ROWCOPY" style="display:block;">
+		       <li class=""
+                    data-brandUnitUnqNo=""
+                    data-podrPssblDvsn=""
+                    data-spplyId=""
+                    data-stddQty=""
+                    data-storeUnitUnqNo=""
+                    data-unit=""
+                    data-unitAmt=""
+                    data-unitGubun="">
+		        <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="fnNum">2</div>
+		        </div>
+		      </li>
+	      </div>
+	    </div>
+	    <div class="button_bar">
+	      <button id="" class="col_12 btn-gray CLB">취소</button>
+	    </div>	
+    </form>
+  </div>
+  <div id="ITP_AJAX_MPOMNG02010_NEW_CONTAINER" style="display: block;">
+  <form id="ITP_FORM_MPOMNG02010_NEW" class="form-horizontal" onsubmit="return false;"> 
+   <input type="hidden" id="ITP_FORM_MPOMNG01010_NEW_VIEW_CD" name="viewCd" value="C">
     <div class="content">
       <div class="line">
         <label>납기요청일</label>
-        <div class="line_right">
-          <div class="fn">2022.10.10</div>
-        </div>      
+        <input id="ITP_FORM_MPOMNG02010_NEW_DLV_REQ_DT" name="dlvReqDt" class="date" type="date" placeholder="">
       </div>
       <div class="line">
         <label>구매요청금액</label>
         <div class="line_right">
-          <div class="fn">424,000원</div>
+          <div class="fnPchReqAmt">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="fn">(미납)0원</div>
+        <div class="search_nm">
+          <div class="float_left">
+            <input id="ITP_FORM_MPOMNG02010_NEW_WHS_NM" name="whsNm" type="text" placeholder="A매장명">
+          </div>
+          <div class="float_left_btn">
+            <button id="ITP_BTN_MPOMNG02010_NEW_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG02010_WHS_NM"><img src="../img/search.png" alt=""></button>
+            <button id="ITP_BTN_MPOMNG02010_NEW_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+          </div>
         </div>
       </div>
       <div class="table_header">
-        <h1>>구매 품목</h1>
+        <h1>> 구매 품목</h1>
+   		<button type="button" id="ITP_BTN_MPOMNG02010_NEW_DELROW" class="btn-primary btn-sm ADB">품목삭제</button>
+       	<button type="button" id="ITP_BTN_MPOMNG02010_NEW_ADDROW" class="btn-primary btn-sm ADB" data-call-popup="ITP_POP_MPOMNG02010_ITEM_AREA">품목추가</button>	     
       </div>
     </div>
-    <div class="scroll_area row-2">
-      <li>
-        <div class="left_info">
-          <div class="thick">
-            <div class="fnItemNm">품목명</div>
-            <div>-</div>
-            <div class="fnUnit">2EA</div>
+    <div id="ITP_LIST_MPOMNG02010_ITEM_AREA" class="scroll_area row-1">
+      <ul id="ITP_LIST_MPOMNG02010_NEW_ROWS"></ul>
+	  <div id="ITP_LIST_MPOMNG02010_NEW_ROWCOPY" style="display:block;">	    
+	    <li>
+          <div class="left_info">
+            <div class="check_box">
+                <div><input type="checkbox" id="ITP_FORM_MPOMNG01010_NEW_CHECKBOX" name="itemId" /></div>
+            </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>
-          <div class="thick">
-            <label class="space0">구매가 :</label>
-            <div class="fnPchActAmt">1,120,000</div>
+          <div class="right">
+            <button id="ITP_BTN_MPOMNG02010_NEW_MINUS"><</button>
+            <div class="num fnNum">2</div>
+            <button id="ITP_BTN_MPOMNG02010_NEW_PLUS">></button>
           </div>
-        </div>
-        <div class="right">
-          <div class="fnNum">2</div>
-        </div>
-      </li>
+        </li>
+      </div>
     </div>
     <div class="button_bar">
-      <button id="" class="col_12 btn-gray CLB">취소</button>
+        <button id="ITP_BTN_MPOMNG02010_NEW_REQ_ORDER" data-call-popup="ITP_POP_MPOMNG02010_REQ_CONFIRM" class="col_3 btn-primary REQ">구매요청</button>
+        <button id="ITP_BTN_MPOMNG02010_NEW_TEMP_SAVE" class="col_3 btn-gray TSA">임시저장</button>
+        <button id="ITP_BTN_MPOMNG02010_NEW_CANCEL" class="col_3 btn-gray CLB">취소</button>
     </div>
-  </div>
+  </form>
+</div>
 </section>

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

@@ -1,125 +1,131 @@
-<section>
-  <div id="ITP_AJAX_MPOMNG03010_VIEW_CONTAINER" style="display: none;">
-    <div class="content">
-      <div class="line">
-        <label>발주일자</label>
-        <div class="date_to">
-          <input id="ITP_FORM_MPOMNG03010_VIEW" class="year" type="date">
-          <div class="at">~</div>
-          <input id="ITP_FORM_MPOMNG03010_VIEW" class="year" type="date">
-        </div>
-      </div>
-      <div class="line">
-        <label>발주상태</label>
-        <div class="search_wrap">
-	        <div class="line_right">
-	          <select name="" id="ITP_FORM_MPOMNG03010_VIEW">
-	            <option value=""></option>
-	          </select>
-	        </div>
-      	</div>   
-      </div>
-      <div class="line">
-        <label>공급업체</label>
-        <div class="search_wrap">
-	        <div class="float_left">
-	          <input id="ITP_FORM_MPOMNG03010_VIEW" type="text" placeholder="A공급업체명">
-	        </div>
-	        <div class="float_left_btn">
-	          <button id="ITP_BTN_MPOMNG03010"><img src="../img/search.png" alt=""></button>
-	          <button id="ITP_BTN_MPOMNG03010"><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_MPOMNG03010_VIEW" type="text" placeholder="A매장명">
+<section id="ITP_MOBILE_MPOMNG03010">
+  <div id="ITP_AJAX_MPOMNG03010_DETAIL_CONTAINER" style="display: block;">
+  <form id="ITP_FORM_MPOMNG03010_DETAIL" class="form-horizontal" onsubmit="return false;">
+	  <input type="hidden" id="ITP_FORM_MPOMNG03010_DETAIL_VIEW_CD" name="viewCd" value="C">
+	    <div class="content">
+	      <div class="line">
+	        <label>발주일자</label>
+	        <div class="date_to">
+	          <input id="ITP_FORM_MPOMNG03010_DETAIL_PODR_DT" name="podrDt" class="year" type="date">
+	          <div class="at">~</div>
+	          <input id="ITP_FORM_MPOMNG03010_DETAIL" class="year" type="date">
 	        </div>
-	        <div class="float_left_btn">
-	          <button id="ITP_BTN_MPOMNG03010"><img src="../img/search.png" alt=""></button>
-	          <button id="ITP_BTN_MPOMNG03010"><img src="../img/delete.png" alt=""></button>
+	      </div>
+	      <div class="line">
+	        <label>발주상태</label>
+	        <div class="search_wrap">
+		        <div class="line_right">
+		          <select name="" id="ITP_FORM_MPOMNG03010_DETAIL_ST_CD"></select>
+		        </div>
+	      	</div>   
+	      </div>
+	      <div class="line">
+	        <label>공급업체</label>
+	        <div class="search_wrap">
+		        <div class="float_left">
+		          <input id="ITP_FORM_MPOMNG03010_DETAIL_SPPLY_NM" name="spplyNm" type="text" placeholder="A공급업체명">
+		        </div>
+		        <div class="float_left_btn">
+		          <button id="ITP_BTN_MPOMNG03010_DETAIL_SEARCH_SPPLY_NM" data-call-popup="ITP_POP_MPOMNG03010_SPPLY_NM"><img src="../img/search.png" alt=""></button>
+		          <button id="ITP_BTN_MPOMNG03010_DETAIL_DELETE_SPPLY_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_MPOMNG03010_DETAIL_WHS_NM" type="text" placeholder="A매장명">
+		        </div>
+		        <div class="float_left_btn">
+           		  <button id="ITP_BTN_MPOMNG03010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG01010_WHS_AREA"><img src="../img/search.png" alt=""></button>
+           		  <button id="ITP_BTN_MPOMNG03010_DETAIL_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_MPOMNG03010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
 	        </div>
-	     </div>   
-      </div>
-      <div class="line" style="height:50px;">
-        <div class="search">
-          <button id="ITP_BTN_MPOMNG03010" class="btn-primary btn-sm ADB">검색</button>
-        </div>
-      </div>
-      <div class="table_header">
-        <h1>> 발주 내역</h1>
-      </div>
-    </div>
-    <div class="scroll_area row-3">
-      <li class="history_list">
-        <div class="left">
-          <div class="nomal">
-            <label>발주일자 &nbsp;:</label>
-            <div class="history">
-              <div class="fn">2022.10.01</div> 
-              (<div class="fn">홍길동 점주</div>)
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label>발주상태 &nbsp;:</label>
-            <div class="history">
-              <div class="fn">대기</div>
-            </div>
-            <label>납품장소명&nbsp;:</label>
-            <div class="history">
-              <div class="fn">A매장내</div>
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label>발주정보 &nbsp;:</label>
-            <div class="history">
-              <div class="fn">품목수(3)</div> 
-              <i>-</i>
-              <div class="fn">1,200,000</div>원
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label>공급업체 &nbsp;:</label>
-            <div class="history">
-              <div class="fn">A공급업체</div> 
-            </div>
-          </div>
-        </div>
-      </li>
-    </div>
+	      </div>
+	      <div class="table_header">
+	        <h1>> 발주 내역</h1>
+	      </div>
+	    </div>
+	    <div id="ITP_LIST_MPOMNG03010_ITEM_AREA" class="scroll_area row-3">
+        	<ul id="ITP_LIST_MPOMNG03010_DETAIL_ROWS" class="panel-group"></ul>
+	        <div id="ITP_LIST_MPOMNG03010_DETAIL_ROWCOPY" style="display:block;">
+		      <li class="history_list">
+		        <div class="left">
+		          <div class="nomal">
+		            <label>발주일자 &nbsp;:</label>
+		            <div class="history">
+		              <div class="fnPodrDt">2022.10.01</div> 
+		              (<div class="fnOwnerNm">홍길동 점주</div>)
+		            </div>
+		          </div>
+		        </div>
+		        <div class="left">
+		          <div class="nomal">
+		            <label>발주상태 &nbsp;:</label>
+		            <div class="history">
+		              <div class="fnPodrStCd">대기</div>
+		            </div>
+		            <label>납품장소명&nbsp;:</label>
+		            <div class="history">
+		              <div class="fnDlvPlace">A매장내</div>
+		            </div>
+		          </div>
+		        </div>
+		        <div class="left">
+		          <div class="nomal">
+		            <label>발주정보 &nbsp;:</label>
+		            <div class="history">
+		              <div class="fnItem">품목수(3)</div> 
+		              <i>-</i>
+		              <div class="fnItemAtm">1,200,000</div>원
+		            </div>
+		          </div>
+		        </div>
+		        <div class="left">
+		          <div class="nomal">
+		            <label>공급업체 &nbsp;:</label>
+		            <div class="history">
+		              <div class="fnSpplyNm">A공급업체</div> 
+		            </div>
+		          </div>
+		        </div>
+		      </li>
+	      </div>
+	    </div>
+    </form>
   </div>
-  <div id="ITP_AJAX_MPOMNG03010_DETAIL_CONTAINER" style="display: block;">
+  <div id="ITP_AJAX_MPOMNG03010_VIEW_CONTAINER" style="display: none;">
+	<form id="ITP_FORM_MPOMNG02010_VIEW" class="form-horizontal" onsubmit="return false;">
+	<input type="hidden" id="ITP_FORM_MPOMNG02010_VIEW_VIEW_CD" name="viewCd" value="C">
     <div class="content">
       <div class="line">
         <label>발주일자</label>
         <div class="line_right">
-          <div class="fn">2022.10.10</div>
+          <div class="fnPodrDt">2022.10.10</div>
         </div>      
       </div>
       <div class="line">
         <label>발주금액</label>
         <div class="line_right">
-          <div class="fn">424,000원</div>
+          <div class="fnPodrAmt">424,000원</div>
         </div>
       </div>
       <div class="line">
         <label>납품장소</label>
         <div class="line_right">
-          <div class="fn">A매장내</div>
+          <div class="fnDlvPlace">A매장내</div>
         </div>
       </div>
       <div class="line">
         <label>공급업체</label>
         <div class="line_right">
-          <div class="fn">A공급업체</div>
+          <div class="fnSpplyNm">A공급업체</div>
         </div>
       </div>
       <div class="table_header">
@@ -139,9 +145,9 @@
           <div class="left_info col-6">
             <div class="thick">
               <label>수량/금액</label>
-              <div class="fn">2</div>
+              <div class="fnQty">2</div>
               <i>/</i>
-              <div class="fn">24,000</div>
+              <div class="fnAmt">24,000</div>
             </div>
           </div>
           <div class="left_info col-4">
@@ -153,14 +159,15 @@
           <div class="left_info col-6">
             <div class="thick">
               <label>납기요청일&nbsp;:&nbsp;</label>
-              <div class="fn">2022.10.01</div>
+              <div class="fnDlvReqDt">2022.10.01</div>
             </div>
           </div>
         </div>
       </li>
     </div>
     <div class="button_bar">
-      <button id="ITP_BTN_MPOMNG03010" class="col_12 btn-gray CLB">취소</button>
+      <button id="ITP_BTN_MPOMNG03010_VIEW_CANCEL" class="col_12 btn-gray CLB">취소</button>
     </div>
+    </form>
   </div>
 </section>

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

@@ -1,122 +1,126 @@
-		<section>
-  <div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" >
-    <div class="content">
-      <div class="line">
-        <select class="label" name="" id="ITP_FORM_MPOMNG04010_VIEW">
-          <option value="">납품예정일</option>
-        </select>
-        <div class="date_to">
-          <input id="ITP_FORM_MPOMNG04010_VIEW" class="year" type="date">
-          <div class="at">~</div>
-          <input id="ITP_FORM_MPOMNG04010_VIEW" class="year" type="date">
-        </div>
-      </div>
-      <div class="line">
-        <label>납품상태</label>
-        <div class="search_wrap">
-	        <div class="line_right">
-	          <select name="" id="ITP_FORM_MPOMNG04010_VIEW">
-	            <option value=""></option>
-	          </select>
+<section id="ITP_MOBILE_MPOMNG04010">  
+  <div id="ITP_AJAX_MPOMNG04010_DETAIL_CONTAINER">
+  <form id="ITP_FORM_MPOMNG04010_DETAIL" class="form-horizontal" onsubmit="return false;">
+  	<input type="hidden" id="ITP_FORM_MPOMNG04010_DETAIL_VIEW_CD" name="viewCd" value="C">
+	    <div class="content">
+	      <div class="line">
+	        <select class="label" name="dlvSchDt" id="ITP_FORM_MPOMNG04010_DETAIL_DLV_SCH_DT">
+	          <option value="">납품예정일</option>
+	        </select>
+	        <div class="date_to">
+	          <input id="ITP_FORM_MPOMNG04010_DETAIL_DLV_REQ_DT" name="dlvReqDt" class="year" type="date">
+	          <div class="at">~</div>
+	          <input id="ITP_FORM_MPOMNG04010_DETAIL_DLV_CMPLT_DT" name="dlvCmpltDt" class="year" type="date">
 	        </div>
-        </div>
-      </div>
-      <div class="line">
-        <label>공급업체</label>
-        <div class="search_wrap">
-	        <div class="float_left">
-	          <input id="ITP_FORM_MPOMNG04010_VIEW" type="text" placeholder="A공급업체명">
+	      </div>
+	      <div class="line">
+	        <label>납품상태</label>
+	        <div class="search_wrap">
+		        <div class="line_right">
+		          <select name="dlvStCd" id="ITP_FORM_MPOMNG04010_DETAIL_DLV_ST_CD"></select>
+		        </div>
 	        </div>
-	        <div class="float_left_btn">
-	          <button id="ITP_BTN_MPOMNG04010"><img src="../img/search.png" alt=""></button>
-	          <button id="ITP_BTN_MPOMNG04010"><img src="../img/delete.png" alt=""></button>
+	      </div>
+	      <div class="line">
+	        <label>공급업체</label>
+	        <div class="search_wrap">
+		        <div class="float_left">
+		          <input id="ITP_FORM_MPOMNG04010_DETAIL_SPPLY_NM" name="spplyNm" type="text" placeholder="A공급업체명">
+		        </div>
+		        <div class="float_left_btn">
+		          <button id="ITP_BTN_MPOMNG04010_DETAIL_SEARCH_SPPLY_NM" data-call-popup="ITP_POP_MPOMNG04010_SPPLY_NM"><img src="../img/search.png" alt=""></button>
+		          <button id="ITP_BTN_MPOMNG04010_DETAIL_DELETE_SPPLY_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_MPOMNG04010_DETAIL_WHS_NM" type="text" placeholder="A매장명">
+		        </div>
+		        <div class="float_left_btn">
+           		  <button id="ITP_BTN_MPOMNG04010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG04010_WHS_AREA"><img src="../img/search.png" alt=""></button>
+           		  <button id="ITP_BTN_MPOMNG04010_DETAIL_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_MPOMNG04010_DETAIL_ITEM_NM" style="width: 262px;" name="itemNm" type="text" placeholder="A매장명">
+		        </div>
 	        </div>
-	       </div> 
-      </div>
-      <div class="line">
-        <label>납품장소</label>
-  		<div class="search_wrap">
-	        <div class="float_left">
-	          <input id="ITP_FORM_MPOMNG04010_VIEW" type="text" placeholder="A매장명">
+	      </div>
+	      <div class="line" style="height:50px;">
+	        <div class="search">
+	          <button id="ITP_BTN_MPOMNG04010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
 	        </div>
-	        <div class="float_left_btn">
-	          <button id="ITP_BTN_MPOMNG04010"><img src="../img/search.png" alt=""></button>
-	          <button id="ITP_BTN_MPOMNG04010"><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_MPOMNG04010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
-	        </div>
-        </div>
-      </div>
-      <div class="line" style="height:50px;">
-        <div class="search">
-          <button id="ITP_BTN_MPOMNG04010" class="btn-primary btn-sm ADB">검색</button>
-        </div>
-      </div>
-      <div class="table_header">
-        <h1>> 납품서 내역</h1>
-      </div>
-    </div>
-    <div class="scroll_area row-4">
-      <li class="history_list2">
-        <div class="left">
-          <div class="nomal">
-            <label class="">납품번호 </label>
-            <div class="history">
-              <div class="fn">202210010000001-0100</div> 
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label>납품예정일</label>
-            <div class="history">
-              <div class="fn history_info">2022.10.03</div>
-            </div>
-            <label class="fn sub_info">납품일자</label>
-            <div class="history">
-              <div class="fn">2022.10.03</div>
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label>공급업체</label>
-            <div class="history">
-              <div class="fn history_info">A공급업체명</div>
-            </div>
-            <label class="sub_info">납품장소</label>
-            <div class="history">
-              <div class="fn">A매장내</div>
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label>품목 </label>
-            <div class="history">
-              <div class="fn">품목명(EA)</div> 
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label>발주수량</label>
-            <div class="history">
-              <div class="fn history_info">10</div>
-            </div>
-            <label class="sub_info">납품수량</label>
-            <div class="history">
-              <div class="fn">10</div>
-            </div>
-          </div>
-        </div>
-      </li>
-    </div>
+	      </div>
+	      <div class="table_header">
+	        <h1>> 납품서 내역</h1>
+	      </div>
+	    </div>
+	    <div id="ITP_LIST_MPOMNG04010_ITEM_AREA" class="scroll_area row-4">
+   		  <ul id="ITP_LIST_MPOMNG04010_DETAIL_ROWS" class="panel-group"></ul>
+          <div id="ITP_LIST_MPOMNG04010_DETAIL_ROWCOPY" style="display:block;">
+		      <li class="history_list2">
+		        <div class="left">
+		          <div class="nomal">
+		            <label class="">납품번호 </label>
+		            <div class="history">
+		              <div class="fnDlvSttmtNo">202210010000001-0100</div> 
+		            </div>
+		          </div>
+		        </div>
+		        <div class="left">
+		          <div class="nomal">
+		            <label>납품예정일</label>
+		            <div class="history">
+		              <div class="fnDlvSchDt history_info">2022.10.03</div>
+		            </div>
+		            <label class="sub_info">납품일자</label>
+		            <div class="history">
+		              <div class="fnDlvCmpltDt">2022.10.03</div>
+		            </div>
+		          </div>
+		        </div>
+		        <div class="left">
+		          <div class="nomal">
+		            <label>공급업체</label>
+		            <div class="history">
+		              <div class="fnSpplyNm history_info">A공급업체명</div>
+		            </div>
+		            <label class="sub_info">납품장소</label>
+		            <div class="history">
+		              <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="fnPodrQty history_info">10</div>
+		            </div>
+		            <label class="sub_info">납품수량</label>
+		            <div class="history">
+		              <div class="fnDlvQty">10</div>
+		            </div>
+		          </div>
+		        </div>
+		      </li>
+	      </div>
+	    </div>
+    </form>
   </div>
 </section>

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

@@ -1,117 +1,122 @@
-<section>
-  <div id="ITP_AJAX_MPOMNG05010_VIEW_CONTAINER">
-    <div class="content">
-      <div class="line">
-        <label>납품예정일</label>
-        <div class="line_right">
-          <input id="ITP_FORM_MPOMNG05010_VIEW" class=" date2" type="date" placeholder="">
-        </div>
-      </div>
-      <div class="line">
-        <label>납품서번호</label>
-		<div class="search_wrap">
+<section id="ITP_MOBILE_MPOMNG05010">  
+  <div id="ITP_AJAX_MPOMNG05010_DETAIL_CONTAINER">
+   <form id="ITP_FORM_MPOMNG05010_DETAIL" class="form-horizontal" onsubmit="return false;">
+	  	<input type="hidden" id="ITP_FORM_MPOMNG05010_DETAIL_VIEW_CD" name="viewCd" value="C">
+	    <div class="content">
+	      <div class="line">
+	        <label>납품예정일</label>
 	        <div class="line_right">
-	          <select name="" id="ITP_FORM_MPOMNG05010_VIEW">
-	          </select>
+	          <input id="ITP_FORM_MPOMNG05010_DETAIL_DLV_SCH_DT" name="dlvSchDt" class=" date2" type="date" placeholder="">
 	        </div>
-        </div>
-      </div>
-      <div class="line">
-        <label>공급업체</label>
-        <div class="search_wrap">
-	        <div class="float_left">
-	          <input id="ITP_FORM_MPOMNG05010_VIEW" type="text" placeholder="A공급업체명">
+	      </div>
+	      <div class="line">
+	        <label>납품서번호</label>
+			<div class="search_wrap">
+		        <div class="line_right">
+   	          		<input id="ITP_FORM_MPOMNG05010_DETAIL_DLV_STTMT_NO" name="dlvSttmtNo" class="date2" type="date" placeholder="">
+		        </div>
 	        </div>
-	        <div class="float_left_btn">
-	          <button id="ITP_BTN_MPOMNG05010"><img src="../img/search.png" alt=""></button>
-	          <button id="ITP_BTN_MPOMNG05010"><img src="../img/delete.png" alt=""></button>
+	      </div>
+	      <div class="line">
+	        <label>공급업체</label>
+	        <div class="search_wrap">
+		        <div class="float_left">
+		          <input id="ITP_FORM_MPOMNG05010_DETAIL_SPPLY_NM" name="spplyNm" type="text" placeholder="A공급업체명">
+		        </div>
+		        <div class="float_left_btn">
+		          <button id="ITP_BTN_MPOMNG05010_DETAIL_SEARCH_SPPLY_NM" data-call-popup="ITP_POP_MPOMNG05010_SPPLY_NM"><img src="../img/search.png" alt=""></button>
+		          <button id="ITP_BTN_MPOMNG05010_DETAIL_DELETE_SPPLY_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_MPOMNG05010_DETAIL_WHS_NM" type="text" placeholder="A매장명">
+		        </div>
+		        <div class="float_left_btn">
+           		  <button id="ITP_BTN_MPOMNG05010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG05010_WHS_AREA"><img src="../img/search.png" alt=""></button>
+           		  <button id="ITP_BTN_MPOMNG05010_DETAIL_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_MPOMNG05010_DETAIL_ITEM_NM" style="width: 262px;" name="itemNm" type="text" placeholder="A매장명">
+		        </div>
 	        </div>
-	       </div> 
-      </div>
-      <div class="line">
-        <label>납품장소</label>
-  		<div class="search_wrap">
-	        <div class="float_left">
-	          <input id="ITP_FORM_MPOMNG05010_VIEW" type="text" placeholder="A매장명">
+	      </div>
+	      <div class="line" style="height:50px;">
+	        <div class="search">
+	          <button id="ITP_BTN_MPOMNG05010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
 	        </div>
-	        <div class="float_left_btn">
-	          <button id="ITP_BTN_MPOMNG05010"><img src="../img/search.png" alt=""></button>
-	          <button id="ITP_BTN_MPOMNG05010"><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_MPOMNG05010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
-	        </div>
-        </div>
-      </div>
-      <div class="line" style="height:50px;">
-        <div class="search">
-          <button id="ITP_BTN_MPOMNG05010" class="btn-primary btn-sm ADB">검색</button>
-        </div>
-      </div>
-      <div class="table_header">
-        <h1>> 납품서 내역</h1>
-      </div>
-    </div>
-    <div class="scroll_area row-4">
-      <li class="history_list2">
-        <div class="left">
-          <div class="nomal">
-            <label>납품번호 </label>
-            <div class="history">
-              <div class="fn">202210010000001-0100</div> 
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label class="history_label">납품예정일</label>
-            <div class="history">
-              <div class="fn history_info">2022.10.03</div>
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label>공급업체</label>
-            <div class="history">
-              <div class="fn history_info">A공급업체명</div>
-            </div>
-            <label class="sub_info">납품장소</label>
-            <div class="history">
-              <div class="fn">A매장내</div>
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label>품목 </label>
-            <div class="history">
-              <div class="fn">품목명(EA)</div> 
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label>납품수량</label>
-            <div class="history">
-              <div class="fn history_info">10</div>
-            </div>
-            <label class="sub_info">입고수량</label>
-            <div class="history">
-              <input id="ITP_FORM_MPOMNG05010__VIEW" type="text" placeholder="10">
-            </div>
-          </div>
-        </div>
-      </li>
-    </div>
-    <div class="button_bar">
-      <button id="ITP_BTN_MPOMNG05010" class="btn_col_6 btn-primary INPS">입고처리</button>
-      <button id="ITP_BTN_MPOMNG05010" class="btn_col_3 btn-gray CLB">취소</button>
-    </div>
+	      </div>
+	      <div class="table_header">
+	        <h1>> 납품서 내역</h1>
+	      </div>
+	    </div>
+	    <div id="ITP_LIST_MPOMNG05010_ITEM_AREA" class="scroll_area row-4">
+ 		  <ul id="ITP_LIST_MPOMNG05010_DETAIL_ROWS" class="panel-group"></ul>
+          <div id="ITP_LIST_MPOMNG05010_DETAIL_ROWCOPY" style="display:block;">
+		      <li class="history_list2">
+		        <div class="left">
+		          <div class="nomal">
+		            <label>납품번호 </label>
+		            <div class="history">
+		              <div class="fnDlvSttmtNo">202210010000001-0100</div> 
+		            </div>
+		          </div>
+		        </div>
+		        <div class="left">
+		          <div class="nomal">
+		            <label class="history_label">납품예정일</label>
+		            <div class="history">
+		              <div class="fnDlvSchDt history_info">2022.10.03</div>
+		            </div>
+		          </div>
+		        </div>
+		        <div class="left">
+		          <div class="nomal">
+		            <label>공급업체</label>
+		            <div class="history">
+		              <div class="fnSpplyNm history_info">A공급업체명</div>
+		            </div>
+		            <label class="sub_info">납품장소</label>
+		            <div class="history">
+		              <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="fnDlvQty history_info">10</div>
+		            </div>
+		            <label class="sub_info">입고수량</label>
+		            <div class="history">
+		              <input id="ITP_FORM_MPOMNG05010__DETAIL_WHS_QTY" name="whsQty" type="text" placeholder="10">
+		            </div>
+		          </div>
+		        </div>
+		      </li>
+	      </div>
+	    </div>
+	    <div class="button_bar">
+	      <button id="ITP_BTN_MPOMNG05010" class="btn_col_6 btn-primary INPS">입고처리</button>
+	      <button id="ITP_BTN_MPOMNG05010_DETAIL_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
+	    </div>
+    </form>
   </div>
 </section>

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

@@ -1,116 +1,120 @@
-s<section>
-  <div id="ITP_AJAX_MPOMNG06010_VIEW_CONTAINER">
-    <div class="content">
-      <div class="line">
-        <select class="label" name="" id="ITP_FORM_MPOMNG06010_VIEW">
-          <option value="">입고일자</option>
-        </select>
-        <div class="date_to">
-          <input id="ITP_FORM_MPOMNG06010_VIEW" class="year" type="date">
-          <div class="at">~</div>
-          <input id="ITP_FORM_MPOMNG06010_VIEW" class="year" type="date">
-        </div>
-      </div>
-      <div class="line">
-        <label>발주번호</label>
-        <div class="search_wrap">
-	        <div class="line_right">
-	          <input id="ITP_FORM_MPOMNG06010_VIEW" type="text">
+<section id="ITP_MOBILE_MPOMNG06010">
+  <div id="ITP_AJAX_MPOMNG06010_DETAIL_CONTAINER">
+  	<form id="ITP_FORM_MPOMNG06010_DETAIL" class="form-horizontal" onsubmit="return false;">
+	  	<input type="hidden" id="ITP_FORM_MPOMNG06010_DETAIL_VIEW_CD" name="viewCd" value="C">
+	    <div class="content">
+	      <div class="line">
+	        <select class="label" name="whsDt" id="ITP_FORM_MPOMNG06010_DETAIL_WHS_DT"></select>
+	        <div class="date_to">
+	          <input id="ITP_FORM_MPOMNG06010_DETAIL" name="" class="year" type="date">
+	          <div class="at">~</div>
+	          <input id="ITP_FORM_MPOMNG06010_DETAIL" name="" class="year" type="date">
 	        </div>
-	    </div>    
-      </div>
-      <div class="line">
-        <label>공급업체</label>
-        <div class="search_wrap">
-	        <div class="float_left">
-	          <input id="ITP_FORM_MPOMNG06010_VIEW" type="text" placeholder="A공급업체명">
+	      </div>
+	      <div class="line">
+	        <label>발주번호</label>
+	        <div class="search_wrap">
+		        <div class="line_right">
+		          <input id="ITP_FORM_MPOMNG06010_DETAIL_PODR_NO" name="podrNo" type="text">
+		        </div>
+		    </div>    
+	      </div>
+	      <div class="line">
+	        <label>공급업체</label>
+	        <div class="search_wrap">
+		        <div class="float_left">
+		          <input id="ITP_FORM_MPOMNG06010_DETAIL_SPPLY_NM" name="spplyNm" type="text" placeholder="A공급업체명">
+		        </div>
+		        <div class="float_left_btn">
+		          <button id="ITP_BTN_MPOMNG06010_DETAIL_SEARCH_SPPLY_NM" data-call-popup="ITP_POP_MPOMNG06010_SPPLY_NM"><img src="../img/search.png" alt=""></button>
+		          <button id="ITP_BTN_MPOMNG06010_DETAIL_DELETE_SPPLY_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_MPOMNG06010_DETAIL_WHS_NM" type="text" placeholder="A매장명">
+		        </div>
+		        <div class="float_left_btn">
+           		  <button id="ITP_BTN_MPOMNG06010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG06010_WHS_AREA"><img src="../img/search.png" alt=""></button>
+           		  <button id="ITP_BTN_MPOMNG06010_DETAIL_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_MPOMNG06010_DETAIL_ITEM_NM" style="width: 262px;" name="itemNm" type="text" placeholder="A매장명">
+		        </div>
+		    </div>    
+	      </div>
+	      <div class="line" style="height:50px;">
+	        <div class="search">
+	          <button id="ITP_BTN_MPOMNG06010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
 	        </div>
-	        <div class="float_left_btn">
-	          <button id="ITP_BTN_MPOMNG06010"><img src="../img/search.png" alt=""></button>
-	          <button id="ITP_BTN_MPOMNG06010"><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_MPOMNG06010_VIEW" type="text" placeholder="A매장명">
-	        </div>
-	        <div class="float_left_btn">
-	          <button id="ITP_BTN_MPOMNG06010"><img src="../img/search.png" alt=""></button>
-	          <button id="ITP_BTN_MPOMNG06010"><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_MPOMNG06010_VIEW" style="width: 262px;" type="text" placeholder="A매장명">
-	        </div>
-	    </div>    
-      </div>
-      <div class="line" style="height:50px;">
-        <div class="search">
-          <button id="ITP_BTN_MPOMNG06010" class="btn-primary btn-sm ADB">검색</button>
-        </div>
-      </div>
-      <div class="table_header">
-        <h1>> 입고 내역</h1>
-      </div>
-    </div>
-    <div class="scroll_area row-4">
-      <li class="history_list2">
-        <div class="left">
-          <div class="nomal">
-            <label>납품번호 </label>
-            <div class="history">
-              <div class="fn">202210010000001-0100</div> 
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label class="history_label">납품예정일</label>
-            <div class="history">
-              <div class="fn history_info">2022.10.03</div>
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label>공급업체</label>
-            <div class="history">
-              <div class="fn history_info">A공급업체명</div>
-            </div>
-            <label class="sub_info">납품장소</label>
-            <div class="history">
-              <div class="fn">A매장내</div>
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label>품목 </label>
-            <div class="history">
-              <div class="fn">품목명(EA)</div> 
-            </div>
-          </div>
-        </div>
-        <div class="left">
-          <div class="nomal">
-            <label>발주수량</label>
-            <div class="history">
-              <div class="fn history_info">10</div>
-            </div>
-            <label class="sub_info">입고수량</label>
-            <div class="history">
-              <div class="fn">10</div>
-            </div>
-          </div>
-        </div>
-      </li>
-    </div>
+	      </div>
+	      <div class="table_header">
+	        <h1>> 입고 내역</h1>
+	      </div>
+	    </div>
+	    <div id="ITP_LIST_MPOMNG06010_ITEM_AREA" class="scroll_area row-4">
+    	  <ul id="ITP_LIST_MPOMNG06010_DETAIL_ROWS" class="panel-group"></ul>
+          <div id="ITP_LIST_MPOMNG06010_DETAIL_ROWCOPY" style="display:block;">
+		      <li class="history_list2">
+		        <div class="left">
+		          <div class="nomal">
+		            <label>납품번호 </label>
+		            <div class="history">
+		              <div class="fnDlvSttmtNo">202210010000001-0100</div> 
+		            </div>
+		          </div>
+		        </div>
+		        <div class="left">
+		          <div class="nomal">
+		            <label class="history_label">납품예정일</label>
+		            <div class="history">
+		              <div class="fnDlvSchDt history_info">2022.10.03</div>
+		            </div>
+		          </div>
+		        </div>
+		        <div class="left">
+		          <div class="nomal">
+		            <label>공급업체</label>
+		            <div class="history">
+		              <div class="fnSpplyNm history_info">A공급업체명</div>
+		            </div>
+		            <label class="sub_info">납품장소</label>
+		            <div class="history">
+		              <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="fnPodrQty history_info">10</div>
+		            </div>
+		            <label class="sub_info">입고수량</label>
+		            <div class="history">
+		              <div class="fnDlvQty">10</div>
+		            </div>
+		          </div>
+		        </div>
+		      </li>
+	      </div>
+	    </div>
+    </form>
   </div>
 </section>

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

@@ -1,6 +1,6 @@
-<section>
+<section id="ITP_MOBILE_MRTNMNG02010">
 	<div id="ITP_AJAX_MRTNMNG02010_DETAIL_CONTAINER" style="display: none;">
-		<form id="ITP_FORM_MPOMNG01010_DETAIL" class="form-horizontal" onsubmit="return false;">
+		<form id="ITP_FORM_MRTNMNG02010_DETAIL" class="form-horizontal" onsubmit="return false;">
 			<input type="hidden" id="ITP_FORM_MRTNMNG02010_DETAIL_VIEW_CD" name="viewCd" value="C">
 			<div class="content">
 				<div class="line">

src/main/webapp/mobile/css/style.css

@@ -216,7 +216,7 @@ input .day {margin: 18%; width: 45%; height: 80px; float: right;}
 .content .line .line_right input.left {text-align: left;}
 .content .line .line_right input.mg0 {margin-right:10px;}
 .content .line .line_right input.date{width:140px; margin-right:132px; height:35px;} 
-.content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:93px;}
+.content .line .line_right select {float: right; width: 180px; height: 30px; margin-top: 7px; border: 1px solid #000; font-size: 1rem; margin-right:83px;}
 .content .line input.date {width: 40%; margin: 10px; height: 40px; float: right; margin-right: 3%;}
 .content .line input.date2 {width: 140px; height: 30px; margin-right:133px;}
 .content .line div.date_to {float: right; margin-right:10px;}

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

@@ -11,6 +11,13 @@ const API_MOBILE_SAVE		= '/api/pomng/save-pchReq';
 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_MPOMNG01010_REQ_AREA 	= "ITP_POP_MPOMNG01010_REQ_AREA";
+const ID_ITP_POP_MPOMNG01010_WHS_AREA 	= "ITP_POP_MPOMNG01010_WHS_AREA";
+const ID_ITP_POP_MPOMNG01010_ITEM_AREA 	= "ITP_POP_MPOMNG01010_ITEM_AREA";
+
+const PCH_REQ_ST_CD_TEMP_SAVE		="PR00";
+const PCH_REQ_ST_CD_REQUEST_SAVE	="PR20";
+
 let mobPageObj = {
 	init: function () {
 		this.ui.init();
@@ -33,15 +40,17 @@ let mobPageObj = {
 		button: function() {
 			$('button[id^="ITP_BTN_MPOMNG01010_DETAIL"]').on('click', function() {
 				if($(this).is('[data-call-popup]')) {
-					console.log($(this).attr('id'));
-					mobPopObj.show($(this).data('call-popup'));
+					mobPopObj.show($(this).data('call-popup'), $(this).attr('id'));
 				} else {
 					var id = $(this).attr('id');
 					switch (id) {
-						case 'ITP_BTN_MPOMNG01010_DETAIL_DELROW': contPopObj.list.delRow(); break;
-						case 'ITP_BTN_MPOMNG01010_DETAIL_DELETE_WHS_NM': break;
-						case 'ITP_BTN_MPOMNG01010_DETAIL_TEMP_SAVE': break;
-						case 'ITP_BTN_MPOMNG01010_DETAIL_CANCEL':break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_DELROW'		: mobContObj.list.delRow(); 	break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_SEARCH_WHS_NM'	: mobPopObj.popWhsNm.init(); 	break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_DELETE_WHS_NM'	: mobPopObj.popWhsNm.delete();	break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_TEMP_SAVE'		: break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_CANCEL'		: $(location).attr('href', MOBILE_CONTEXTPATH + '/app/main.html'); break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_PLUS'			: mobContObj.list.actPlus($(this));	break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_MINUS'			: break;
 					}
 				}
 				return false;
@@ -49,19 +58,30 @@ let mobPageObj = {
 		}
 	},
 	ready: function() {
-		contPopObj.init();
+		mobContObj.init();
 	}
 };
 
-let contPopObj = {
+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_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_BRAND_ID').val(result.brandId);
 				$('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_STORE_ID').val(result.storeId);
@@ -71,8 +91,8 @@ let contPopObj = {
 
 				$('#ITP_FORM_MPOMNG01010_DETAIL .fnOrdUseAmt').text(itp_fn_set_comma(result.ordUseAmt) + '원');
 			};
-			const key = {brandId:fn_make_user_info.get('brandId'), storeId:fn_make_user_info.get('storeId')};
-			fn_ajax_call(API_MOBILE_INIT_INFO, key, callbackFn, 'GET');
+			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: {
@@ -100,42 +120,74 @@ let contPopObj = {
 				var $li = $('#ITP_LIST_MPOMNG01010_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(itp_fn_set_comma(item.unitAmt));
+				this.pchReqAmtTot();
 			}
 		},
 		detachRow: function () {
-			$('#ITP_LIST_MPOMNG01010_DETAIL_ROWS li').each(function(index, elem) {
-				var isChecked = $(this).find('input[type="checkbox"]').is(':checked');
-				console.log(index + " ===> " + isChecked);
+			if($('#ITP_LIST_MPOMNG01010_ITEM_AREA input:checkbox[name=brandUnitUnqNo]:checked').length > 0) {
+				var _this = this;
+				$('#ITP_LIST_MPOMNG01010_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_MPOMNG01010_VIEW_CONTAINER').find('.fnPchReqAmtTot').text(itp_fn_set_comma(reqAmt));
 		}
 	}
 };
 
 let mobPopObj = {
+	init: function(popId, parentId) {
+		switch (popId) {
+			case 'ITP_POP_MPOMNG01010_REQ_AREA'		: this.popReqConfirm.init(parentId); 	break;
+			case 'ITP_POP_MPOMNG01010_WHS_AREA'		: this.popWhsNm.init(); 				break;
+			case 'ITP_POP_MPOMNG01010_ITEM_AREA'	: this.popItem.init();					break;
+		}
+	},
 	popItem: {
-		parentFn: null,
-		rows: null,
-		init: function(fn) {
-			console.log(fn);
-			this.parentFn = fn;
+		// rows: null,
+		init: function() {
 			this.search();
 		},
 		search: function() {
 			$('#ITP_LIST_MPOMNG01010_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_MPOMNG01010_POP_ITEM_AREA .panel-group').append($('#ITP_LIST_MPOMNG01010_POP_ITEM_ROWCOPY').html());
 					var $li = $('#ITP_LIST_MPOMNG01010_POP_ITEM_AREA .panel-group > .row_2:last');
-					$li.data('brandUnitUnqNo', item.brandUnitUnqNo);
-					$li.data('podrPssblDvsn', item.podrPssblDvsn);
-					$li.data('spplyId', item.spplyId);
-					$li.data('stddQty', item.stddQty);
-					$li.data('storeUnitUnqNo', item.storeUnitUnqNo);
-					$li.data('unit', item.unit);
-					$li.data('unitAmt', item.unitAmt);
-					$li.data('unitGubun', item.unitGubun);
 					$li.find('#ITP_FORM_MPOMNG01010_POP_ITEM_CHECKBOX').val(item.itemId);
 					$li.find('.fnItemNm').text(item.itemNm);
 					$li.find('.fnUnitAmt').text(itp_fn_set_comma(item.unitAmt));
@@ -151,27 +203,26 @@ let mobPopObj = {
 			},
 			button: {
 				init: function() {
-					console.log('button');
 					var _this = this;
 					$('button[id^="ITP_BTN_MPOMNG01010_POP_ITEM_"]').off('click').on('click', function() {
 						var id = $(this).attr('id');
 						switch (id) {
-							case 'ITP_BTN_MPOMNG01010_POP_ITEM_PLUS': _this.actPlus($(this)); break;
-							case 'ITP_BTN_MPOMNG01010_POP_ITEM_MINUS': _this.actMinus($(this)); break;
-							case 'ITP_BTN_MPOMNG01010_POP_ITEM_ADD': _this.actItemAdd($(this)); break;
-							case 'ITP_BTN_MPOMNG01010_POP_ITEM_SEARCH': mobPopObj.popItem.search(); break;
-							case 'ITP_BTN_MPOMNG01010_POP_ITEM_CLOSE': mobPopObj.hide(id); break;
+							case 'ITP_BTN_MPOMNG01010_POP_ITEM_PLUS'	: _this.actPlus($(this)); 		break;
+							case 'ITP_BTN_MPOMNG01010_POP_ITEM_MINUS'	: _this.actMinus($(this)); 		break;
+							case 'ITP_BTN_MPOMNG01010_POP_ITEM_ADD'		: _this.actItemAdd($(this)); 	break;
+							case 'ITP_BTN_MPOMNG01010_POP_ITEM_SEARCH'	: mobPopObj.popItem.search(); 	break;
+							case 'ITP_BTN_MPOMNG01010_POP_ITEM_CLOSE'	: mobPopObj.hide(id); 			break;
 						}
 						return false;
 					});
 				},
 				actPlus: function(elem) {
-					var $div = $(elem).closest('div').find('.num');
+					var $div = $(elem).siblings('div');
 					var num = Number($div.text());
 					$($div).text((num + 1).toString());
 				},
 				actMinus: function(elem) {
-					var $div = $(elem).closest('div').find('.num');
+					var $div = $(elem).siblings('div');
 					var num = Number($div.text());
 					if(num <= 1) {
 						alert('주문수량을 확인하세요.');
@@ -181,7 +232,9 @@ let mobPopObj = {
 				},
 				actItemAdd: function(elem) {
 					var index = $(elem).closest('li').index();
-					contPopObj.list.attachRow(mobPopObj.popItem.rows[index]);
+					var item = mobPopObj.popItem.rows[index];
+					item['pchReqQty'] = $(elem).closest('li').find('.fnPchReqQty').html();
+					mobContObj.list.attachRow(item);
 				}
 			}
 		},
@@ -190,23 +243,114 @@ let mobPopObj = {
 		}
 	},
 	popWhsNm: {
-
+		init: function () {
+			this.rows.length = 0;
+			this.search();
+			this.action();
+		},
+		rows: [],
+		search: function () {
+			var _this = this;
+			$('#ITP_LIST_MPOMNG01010_POP_WHS_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			const param = $('#ITP_FORM_MPOMNG01010_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_MPOMNG01010_POP_WHS_AREA .panel-group').append($('#ITP_LIST_MPOMNG01010_POP_WHS_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MPOMNG01010_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_MPOMNG01010_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_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_WHS_ID').val(item.whsId);
+						$('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_WHS_NM').val(item.whsNm);
+						$('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_LOCATION').val(item.location);
+						mobPopObj.hide(ID_ITP_POP_MPOMNG01010_WHS_AREA);
+						itp_fn_form_clear_validate(null, '#ITP_FORM_MPOMNG01010_DETAIL');
+						return false;
+					}
+				});
+			});
+			$('#ITP_FORM_MPOMNG01010_POP_WHS button[id="ITP_BTN_MPOMNG01010_POP_WHS_SEARCH"]').off('click').on('click', function() {
+				_this.search();
+			});
+		},
+		delete: function() {
+			$('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_WHS_ID').val('');
+			$('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_WHS_NM').val('');
+			$('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_LOCATION').val('');
+		}
 	},
 	popReqConfirm: {
-
+		init: function (parentId) {
+			this.pchReqStCd = (parentId === 'ITP_BTN_MPOMNG01010_DETAIL_REQ_ORDER') ? PCH_REQ_ST_CD_REQUEST_SAVE : PCH_REQ_ST_CD_TEMP_SAVE;
+			this.view();
+			this.action();
+		},
+		view: function() {
+			if(this.pchReqStCd === PCH_REQ_ST_CD_REQUEST_SAVE) {
+				$('#ITP_POP_MPOMNG01010_REQ_AREA .msg_save').text('구매요청 하시겠습니까?');
+			} else {
+				$('#ITP_POP_MPOMNG01010_REQ_AREA .msg_save').text('임시저장 하시겠습니까?');
+			}
+			$('#ITP_POP_MPOMNG01010_REQ_AREA .fnPopDlvReqDt').text($('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_DLV_REQ_DT').val());
+			$('#ITP_POP_MPOMNG01010_REQ_AREA .fnItemQty').text(CommonObj.currency.add(mobContObj.list.rows.length, '개'));
+			$('#ITP_POP_MPOMNG01010_REQ_AREA .fnOrdAmt').text(CommonObj.currency.add($('#ITP_FORM_MPOMNG01010_DETAIL .fnPchReqAmtTot').text()));
+		},
+		action: function() {
+			var _this = this;
+			$('#ITP_POP_MPOMNG01010_REQ_AREA button[id="ITP_BTN_MPOMNG01010_POP_REQ_CONFIRM"]').off('click').on('click', function() {
+				$('#ITP_FORM_MPOMNG01010_DETAIL #ITP_FORM_MPOMNG01010_DETAIL_PCH_REQ_ST_CD').val(_this.pchReqStCd);
+				_this.save('#ITP_FORM_MPOMNG01010_DETAIL');
+			});
+		},
+		save: function(formId) {
+			let param = $(formId).serializeObject();
+			// let gridInsertData = [];
+			$.each(mobContObj.list.rows, function(index, item) {
+				item['viewCd'] = 'C';
+			});
+			param.gridInsertData = mobContObj.list.rows;
+			param['dlvReqDt'] = param.dlvReqDt.replace(/[^0-9]/g, "");
+			console.log(JSON.stringify(param));
+			var saveFn = function (result) {
+				console.log(result);
+				mobPopObj.hide('ITP_POP_MPOMNG01010_REQ_AREA');
+			};
+			fn_ajax_call(API_MOBILE_SAVE, JSON.stringify(param), saveFn, 'POST');
+		}
 	},
-	show: function(id) {
-		console.log('show ===> ' + id);
-		$('#' + id).show();
+	show: function(popId, parentId) {
+		var _this = this;
 		$('button[id$="CLOSE"]').off('click').on('click', function() {
 			var id = $(this).attr('id');
-			console.log('CLOSE ===> ' + id);
 			if($(this).hasClass('btn-pop-close')) {
-				$('#' + id).closest('.mobile-pop-close').hide();
+				_this.hide(id);
 			}
 		});
-		if(id.indexOf('ITEM_AREA') > -1) {
-			this.popItem.init();
+		if(parentId === 'ITP_BTN_MPOMNG01010_DETAIL_REQ_ORDER' || parentId === 'ITP_BTN_MPOMNG01010_DETAIL_TEMP_SAVE') {
+			var formId = '#ITP_FORM_MPOMNG01010_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) {

src/main/webapp/mobile/js/config.js

@@ -61,7 +61,6 @@ require([
 
 	// 로그아웃 버튼
 	$('#ITP_MOBILE_BTN_LOGOUT').click(function() {
-		console.log('ITP_BTN_LOGOUT');
 		fnLogout();
 	});
 
@@ -191,7 +190,7 @@ var fn_make_slide_menu = {
 			const id = $(this).attr('data-itp-nav-id');
 			const connUrl = $(this).attr('data-conn-url');
 			const openCd = $(this).attr('data-open-cd');
-			console.log('connUrl ===> ' + connUrl + '\nopenCd ===> ' + openCd);
+			console.log('connUrl ===> ' + connUrl);
 
 			if(openCd === 'C') {
 				const href = MOBILE_CONTEXTPATH + connUrl;
@@ -219,7 +218,6 @@ var fn_make_slide_menu = {
 				$('#ITP_CONTAINER div.itp_mobile_contents').empty().append(html);
 				//JS파일적용
 				const js = "<script src=\"../js/app/"+id.substring(0, id.length - 5).toLowerCase()+"/ITP_"+id+".js?version="+js_version+"\"></script>";
-				console.log(js);
 				$('#ITP_CONTAINER #ITP_MOBILE_'+id+' #ITP_MOBILE_JS').append(js);
 				$('#ITP_MENU').toggle();
 			},
@@ -405,7 +403,6 @@ function fn_ajax_call(href, param, fn, type) {
 			$('#ITP_OVERLAY').hide();
 		},
 		success: function(result) {
-			console.log(result);
 			if (result.code !== undefined) { //성공시에도 메세지가 있으면 얼럿 예)저장되었습니다.
 				itp_fn_modal_alert_ajax(result.message);
 			}
@@ -499,16 +496,6 @@ function itp_fn_date_format(date, type) {
 	}
 }
 
-function itp_fn_set_comma(str) {
-	str = String(str);
-	return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
-};
-
-function itp_fn_set_uncomma(str) {
-	str = String(str);
-	return str.replace(/[^\d]+/g, '');
-};
-
 let itp_fn_form_validate = function(form, element, arry, msg, type) {
 	var error = function(txt) {
 		if (type != 'ONLYCHK') {
@@ -608,6 +595,18 @@ let itp_fn_form_validate = function(form, element, arry, msg, type) {
 	return true;
 };
 
+let itp_fn_form_clear_validate = function(modal, form) {
+	$(form).find('.itp_ip').removeClass('has-error');
+	$(form).find('.help-block').remove();
+
+	if (modal != null) {
+		$(modal).on('hidden.bs.modal', function() {
+			$(form).find('.itp_ip').removeClass('has-error');
+			$(form).find('.help-block').remove();
+		});
+	}
+};
+
 let itp_fn_form_event = {
 	onKeyup: function(formId) {
 		$(formId).find('input[data-key-up]').on('keyup', function() {
@@ -649,7 +648,6 @@ let itp_fn_form_event = {
 			if($(this).data('check-required')) {
 				var arry = $(this).data('check-required').split(',');
 				var alertMsg = $(this).data('alert-required');
-				console.log(alertMsg);
 				isValid = itp_fn_form_validate(formId, '#' + $(this).attr('id'), arry, undefined, alertMsg);
 				if(!isValid) {
 					if(alertMsg && alertMsg.length > 0) {
@@ -724,5 +722,33 @@ let CommonObj = {
 			}
 		});
 
+	},
+	comma: {
+		set: function(str) {
+			str = String(str);
+			return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
+		},
+		remove: function(str) {
+			str = String(str);
+			return str.replace(/[^\d]+/g, '');
+		}
+	},
+	currency: {
+		add: function(val, curr) {
+			return CommonObj.comma.set(val).concat((curr === undefined) ? '원' : curr);
+		},
+		remove: function(val) {
+			return val.replace(/[^0-9]/g, "");
+		}
 	}
-};
+};
+
+function itp_fn_set_comma(str) {
+	str = String(str);
+	return str.replace(/(\d)(?=(?:\d{3})+(?!\d))/g, '$1,');
+};
+
+function itp_fn_set_uncomma(str) {
+	str = String(str);
+	return str.replace(/[^\d]+/g, '');
+};