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

src/main/webapp/app/pomng/POMNG07010.html

@@ -13,17 +13,16 @@
 						<div class="itp_srh_border fix">
 							<div class="col-xs-12">
 								<form id="ITP_FORM_POMNG07010_SEARCH" class="form-horizontal">
+                                <input type="hidden" id="ITP_FORM_POMNG07010_SEARCH_BRAND_ID" name="sbrandId" value="">
 									<div class="form-group">
 										<div class="col-xs-2 itp_ip itp_noMar">
-											<select id="ITP_FORM_POMNG07010_SERVICE_DLV_CMPLT_DT" class="form-control itp_input" name="servicedlvCmpltDt">
-												<option value="A">입고일*</option>		
-											</select>
+                                            <label>일고일 *</label>
 										</div>											
 										<div class="col-xs-3 itp_ip itp_noMar">
 											<div class="input-daterange input-group date">
-												<input type="text" id="ITP_FORM_POMNG07010_SEARCH_DLV_REQ_DT" class="form-control itp_input" name="dlvReqDt" value="">
+												<input type="text" id="ITP_FORM_POMNG07010_SEARCH_FROM_DT" class="form-control itp_input" name="fromDt" value="">
 												<span class="input-group-addon itp_date_to">~</span>
-												<input type="text" id="ITP_FORM_POMNG07010_SEARCH_DLV_CMPLT_DT" class="form-control itp_input" name="dlvCmpltDt" value="">
+                                                <input type="text" id="ITP_FORM_POMNG07010_SEARCH_TO_DT" class="form-control itp_input" name="toDt" value="">
 											</div>
 										</div>
 										<div class="col-xs-2 itp_ip itp_noMar" style="width:9.6%;"></div>

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

@@ -177,14 +177,38 @@ const ITP_MSG_LOCALE = (function() {
 			"pchOdrStCd": "발주상태코드",
 			"pchOdrStNm": "발주상태명",
 			"podrDt": "발주일자",
-			"dlvReqDt": "납품요철일",
+			"dlvReqDt": "납품요청일",
 			"whsNm": "납품장소",
 			"podrTotalAmt": "총 발주금액",
 			"podrItemQty": "발주품목수",
 			"podrMgrNm": "발주담당자",
-			"pchPodrDtlNo": "항번",
-			"podrQty": "발주수량",
-			"podrAmt": "발주금액"
+            "pchPodrDtlNo": "발주항번",
+            "podrQty": "발주수량",
+            "podrAmt": "발주금액",
+            "dlvSttmtUnqNo": "납품번호",
+            "dlvSttmtDtlNo": "납품항번",
+            "dlvQty": "납품수량",
+            "whsQty": "입고수량",
+            "dlvSchDt": "납품예정일",
+            "dlvCmpltDt": "납품일자",
+            "whsCnfmNm": "입고확인자",
+            "dlvMgrNm": "납품자명",
+            "dlvMgrTelNo": "납품자전화번호",
+            "whsAmt": "입고금액",
+            "pchReqNm": "구매요청명",
+            "pchReqDt": "구매요청일",
+            "pchReqItemQty": "요청품목수",
+            "pchReqTotalAmt": "요청금액",
+            "pchReqRjctDt": "반려일자",
+            "pchReqRjctNm": "반려자",
+            "pchReqMgrNm": "요청자명",
+            "whsLocationNm": "납품창고",
+            "pchReqStNm": "요청상태명",
+            "pchReqUnqNo": "구매요청번호",
+            "viewNm": "신규여부",
+			"podrAmt": "발주금액",
+			"locationNm": "입고처",
+			"whsPassQty": "출고가능수량"
 		},
 		"table": {
 			"brandId": "브랜드ID",
@@ -268,7 +292,9 @@ const ITP_MSG_LOCALE = (function() {
 				"deletFaq": "TOP5에서도 함께 제거됩니다.<br>삭제 하시겠습니까?",
 				"tmpSave": "임시저장 하시겠습니까?",
 				"reqSave": "구매요청 하시겠습니까?",
-				"lackReqAmt": "구매한도가 부족합니다."
+                "lackReqAmt": "구매한도가 부족합니다.",
+                "diffWrite": "수정은 작성자만 가능합니다.",
+                "notWrite": "수정할 수 없는 상태입니다."
 			},
 			"login": {
 				"help": "아이디와 비밀번호를 입력하세요.",

src/main/webapp/js/app/pomng/ITP_POMNG04010.js

@@ -0,0 +1,171 @@
+require(['config'], function() {
+    require([
+    ], function($) {
+        pageObj.init();
+    });
+});
+
+
+//화면변수
+const POMNG04010_GRID_ID = '#ITP_POMNG04010_jqGrid';
+const POMNG04010_GRID_LIST = '#ITP_POMNG04010_jqGrid_list';
+const POMNG04010_GRID_PAGER = '#ITP_POMNG04010_jqGridPager';
+const POMNG04010_GRID_EMPTY = '#ITP_POMNG04010_jqGridEmpty';
+
+const POMNG04010_GRID_DETAIL_ID = '#ITP_POMNG04010_DETAIL_jqGrid';
+const POMNG04010_GRID_DETAIL_LIST = '#ITP_POMNG04010_DETAIL_jqGrid_list';
+const POMNG04010_GRID_DETAIL_PAGER = '#ITP_POMNG04010_DETAIL_jqGridPager';
+const POMNG04010_GRID_DETAIL_EMPTY = '#ITP_POMNG04010_DETAIL_jqGridEmpty';
+
+
+//API URL
+let API_POMNG_PO_DETAIL_GRID_LIST =  '/api/pomng/po/detail-grid-list';
+let API_POMNG_PO_INFO_PCHODR_ =  '/api/pomng/po/info-pchOdr';
+let API_POMNG_PO_CANCEL_PCHPO =  '/api/pomng/po/cancel-pchPo';
+
+
+//화면 grid ColModel
+const gridColModel = {
+	list:[
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'BRAND_NM', name: 'brandNm',
+			label: ITP_MSG_LOCALE.label.brandNm,			// 브랜드명
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'PCH_PODR_UNQ_NO', name: 'pchPodrUnqNo',
+			label: ITP_MSG_LOCALE.label.pchPodrUnqNo, 		// 발주번호
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PCH_ODR_ST_NM', name: 'pchOdrStNm',
+			label: ITP_MSG_LOCALE.label.pchOdrStNm, 		// 발주상태명
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PODR_DT', name: 'podrDt',
+			label: ITP_MSG_LOCALE.label.podrDt, 			// 발주일자
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'LOCATION_NM', name: 'locationNm',
+			label: ITP_MSG_LOCALE.label.locationNm, 		// 입고처
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'SPPLY_NM', name: 'spplyNm',
+			label: ITP_MSG_LOCALE.label.spplyNm, 			// 공급업체명
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PODR_TOTAL_AMT', name: 'podrTotalAmt',
+			label: ITP_MSG_LOCALE.label.podrTotalAmt, 		// 총 발주금액
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PODR_ITEM_QTY', name: 'podrItemQty',
+			label: ITP_MSG_LOCALE.label.podpodrItemQtyrDt, 	// 발주품목수
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PODR_MGR_NM', name: 'podrMgrNm',
+			label: ITP_MSG_LOCALE.label.podrMgrNm, 			// 발주담당자
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		}
+	],
+	view: [],
+	detail: [
+		{
+			index: 'VIEW_CD', name: 'viewCd',
+			label: ITP_MSG_LOCALE.label.viewCd,
+			width: '10', fixed: false, align: 'center',
+			sortable: false, hidden: true
+		},
+		{
+			index: 'ITEM_ID', name: 'itemId',
+			label: ITP_MSG_LOCALE.label.itemId, 			// 품목번호
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'ITEM_NM', name: 'itemNm',
+			label: ITP_MSG_LOCALE.label.itemNm, 			// 품목명
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'UNIT_AMT', name: 'unitAmt',
+			label: ITP_MSG_LOCALE.label.unitAmt, 			// 단가
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'UNIT', name: 'unit',
+			label: ITP_MSG_LOCALE.label.unit, 				// 기본단위
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PODR_QTY', name: 'podrQty',
+			label: ITP_MSG_LOCALE.label.podrQty, 			// 발주수량
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PCH_PODR_DTL_NO', name: 'pchPodrDtlNo',
+			label: ITP_MSG_LOCALE.label.pchPodrDtlNo, 		// 발주항번
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PODR_AMT', name: 'podrAmt',
+			label: ITP_MSG_LOCALE.label.podrAmt, 			// 발주금액
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'WHS_PASS_QTY', name: 'whsPassQty',
+			label: ITP_MSG_LOCALE.label.whsPassQty, 		// 발주항번
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		},
+		{
+			index: 'PCH_PODR_DTL_NO', name: 'pchPodrDtlNo',
+			label: ITP_MSG_LOCALE.label.pchPodrDtlNo, 		// 발주항번
+			width: '5', fixed: false, align: 'center',
+			sortable: false, hidden: false
+		}
+	]
+};
+
+
+
+/*화면공통 Object*/
+let pageObj = {
+	init: function() {
+		this.ui.init();
+		this.event.init();
+	},
+	ui: {
+		init: function() {
+			
+		}
+	}
+};
+console.log(CONN_KEY);
+console.log(CODE_LIST);

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;}