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

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

@@ -134,7 +134,7 @@
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in itp_noMar">
 													<div class="input-daterange input-group date">
-														<input type="text" id="ITP_FORM_POMNG03010_DETAIL_DLV_REQ_DT" class="form-control itp_input" name="dlvReqDt" value="">
+														<input type="text" id="ITP_FORM_POMNG03010_DETAIL_DLV_REQ_DT" data-check-required="empty" class="form-control itp_input" name="dlvReqDt" value="">
 													</div>
 												</div>
 											</div>
@@ -144,8 +144,8 @@
 													<input type="text" id="ITP_FORM_POMNG03010_DETAIL_SHMT_WHS_NM" class="form-control itp_input" name="shmtWhsNm" />
 												</div>
 												<div class="col-xs-4 itp_in" style="padding-left: 3px;">
-													<button type="button" id="ITP_BTN_POMNG03010_SEARCH_SHMT_WHS_NM" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-													<button type="button" id="ITP_BTN_POMNG03010_DELETE_SHMT_WHS_NM" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
+													<button type="button" id="ITP_BTN_POMNG03010_SEARCH_SHMT_WHS_NM" class="btn btn-success btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
+													<button type="button" id="ITP_BTN_POMNG03010_DELETE_SHMT_WHS_NM" class="btn btn-primary btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 								                </div>
 											</div>
 										</div>
@@ -171,6 +171,15 @@
 						<div class="col-xs-12">
 							<form id="ITP_FORM_POMNG03010_NDETAIL" class="form-horizontal">
 								<input type="hidden" id="ITP_FORM_POMNG03010_NDETAIL_VIEW_CD" name="viewCd" value="C">
+								<input type="hidden" id="ITP_FORM_POMNG03010_NDETAIL_JOB_CD" name="jobCd" value="P">
+								<input type="hidden" id="ITP_FORM_POMNG03010_NDETAIL_BRAND_ID" name="brandId" value="">
+								<input type="hidden" id="ITP_FORM_POMNG03010_NDETAIL_SPPLY_ID" name="spplyId" value="">
+								<input type="hidden" id="ITP_FORM_POMNG03010_NDETAIL_WHS_ID" name="whsId" value="">
+								<input type="hidden" id="ITP_FORM_POMNG03010_NDETAIL_LOCATION" name="location" value="">
+								<input type="hidden" id="ITP_FORM_POMNG03010_NDETAIL_SHMT_WHS_ID" name="shmtWhsId" value="">
+								<input type="hidden" id="ITP_FORM_POMNG03010_NDETAIL_SHMT_LOCATION" name="shmtLocation" value="">
+								<input type="hidden" id="ITP_FORM_POMNG03010_NDETAIL_PODR_MGR_ID" name="podrMgrId" value="">
+								<input type="text" id="ITP_FORM_POMNG03010_NDETAIL_DLV_DVSN" name="dlvDvsn" value="">
 					
 								<section class="itp_form_sec">
 									<h4 class="itp_form_tit">구매발주상세-신규발주생성</h4>
@@ -179,35 +188,35 @@
 											<label class="col-xs-2 itp_lb">브랜드 *</label>
 											<div class="col-xs-4 itp_ip fnBrandNm"></div>
 											<label class="col-xs-2 itp_lb">발주번호</label>
-											<div class="col-xs-4 itp_ip fnPchReqUnqNo"></div>
+											<div class="col-xs-4 itp_ip fnPchOdrUnqNo"></div>
 										</div>
 									</div>
 									<div class="itp_form_in">
 										<div class="form-group">
-											<label class="col-xs-2 itp_lb">공급업체명</label>
+											<label class="col-xs-2 itp_lb">공급업체명*</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_POMNG03010_NDETAIL_SPPLY_NM" class="form-control itp_input" name="spplyNm" />
+													<input type="text" id="ITP_FORM_POMNG03010_NDETAIL_SPPLY_NM" data-check-required="empty" class="form-control itp_input" name="spplyNm" />
 												</div>
 												<div class="col-xs-4 itp_in" style="padding-left: 3px;">
-													<button type="button" id="ITP_BTN_POMNG03010_SEARCH_SPPLY_NM" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-													<button type="button" id="ITP_BTN_POMNG03010_DELETE_SPPLY_NM" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
+													<button type="button" id="ITP_BTN_POMNG03010_NDETAIL_SEARCH_SPPLY_NM" class="btn btn-success btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
+													<button type="button" id="ITP_BTN_POMNG03010_NDETAIL_DELETE_SPPLY_NM" class="btn btn-primary btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 								                </div>
 											</div>
 											<label class="col-xs-2 itp_lb">발주일자</label>
-											<div class="col-xs-4 itp_ip fnPoorDt"></div>
+											<div class="col-xs-4 itp_ip fnPodrDt"></div>
 										</div>
 									</div>
 									<div class="itp_form_in">	
 										<div class="form-group">
-											<label class="col-xs-2 itp_lb">납품장소</label>
+											<label class="col-xs-2 itp_lb">납품장소 *</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in">
-													<input type="text" id="ITP_FORM_POMNG03010_NDETAIL_WHS_NM" class="form-control itp_input" name="whsNm"  />
+													<input type="text" id="ITP_FORM_POMNG03010_NDETAIL_WHS_NM" data-check-required="empty" class="form-control itp_input" name="whsNm"  />
 												</div>
 												<div class="col-xs-4 itp_in" style="padding-left: 3px;">
-													<button type="button" id="ITP_BTN_POMNG03010_SEARCH_WHS_NM" class="btn btn-success btn-sm SEB" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
-													<button type="button" id="ITP_BTN_POMNG03010_DELETE_WHS_NM" class="btn btn-primary btn-sm UPB" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
+													<button type="button" id="ITP_BTN_POMNG03010_SEARCH_WHS_NM" class="btn btn-success btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-search"></i></button>
+													<button type="button" id="ITP_BTN_POMNG03010_DELETE_WHS_NM" class="btn btn-primary btn-sm SHOW" style="display: inline-block;"><i class="glyphicon glyphicon-erase"></i></button>
 								                </div>
 											</div>
 											<label class="col-xs-2 itp_lb">발주 총 금액</label>
@@ -219,18 +228,18 @@
 											<label class="col-xs-2 itp_lb">발주담당자</label>
 											<div class="col-xs-4 itp_ip fnPodrMgrNm"></div>
 											<label class="col-xs-2 itp_lb">배송구분</label>
-											<div class="col-xs-4 itp_ip fnDlvDvsn"></div>
+											<div class="col-xs-4 itp_ip fnDlvDvsnNm"></div>
 										</div>
 									</div>
 									<div class="itp_form_in">	
 										<div class="form-group">
 											<label class="col-xs-2 itp_lb">발주담당자연락처</label>
 											<div class="col-xs-4 itp_ip fnPodrMgrNo"></div>
-											<label class="col-xs-2 itp_lb">납품요청일</label>
+											<label class="col-xs-2 itp_lb">납품요청일*</label>
 											<div class="col-xs-4 itp_ip">
 												<div class="col-xs-5 itp_in itp_noMar">
 													<div class="input-daterange input-group date">
-														<input type="text" id="ITP_FORM_POMNG03010_DETAIL_DLV_REQ_DT" class="form-control itp_input" name="dlvReqDt" value="">
+														<input type="text" id="ITP_FORM_POMNG03010_NDETAIL_DLV_REQ_DT" data-check-required="empty" class="form-control itp_input" name="dlvReqDt" value="">
 													</div>
 												</div>
 											</div>

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

@@ -313,7 +313,8 @@ const ITP_MSG_LOCALE = (function() {
 				"reqSave": "구매요청 하시겠습니까?",
                 "lackReqAmt": "구매한도가 부족합니다.",
                 "diffWrite": "수정은 작성자만 가능합니다.",
-                "notWrite": "수정할 수 없는 상태입니다."
+                "notWrite": "수정할 수 없는 상태입니다.",
+				"delAllItem": "공급업체 변경 또는 삭제시  품목까지 삭제 처리되어집니다. 공급업체 삭제 하시겠습니까?"
 			},
 			"login": {
 				"help": "아이디와 비밀번호를 입력하세요.",

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

@@ -36,6 +36,7 @@ const POMNG03010_NDETAIL_GRID_EMPTY = '#ITP_POMNG03010_NDETAIL_jqGridEmpty';
 
 let ITP_FORM_POMNG03010_DETAIL_IS_WRITING = false;
 let POMNG03010_GRID_LAST_ROW_ID;
+let SCREEN_MODE ;
 
 /*API URL*/
 let API_DETAIL_GRID_LIST 		= '/api/pomng/po-target-grid-list';	// 목록
@@ -322,12 +323,10 @@ let pageObj = {
 		var _this = this;
 		// 검색 납품장소
 		$('#ITP_FORM_POMNG03010_SSEARCH_SWHS_NM').on('click', function() {
-			console.log("=================================");
 			_this.popup('SW');
 		});
 		// 검색 납품장소 텍스트 삭제 버튼 클릭
 		$('#ITP_FORM_POMNG03010_SDELETE_SWHS_NM').on('click', function() {
-			console.log("=================================");
 			$('#ITP_FORM_POMNG03010_SEARCH_SWHS_NM').val('');
 			$('#ITP_FORM_POMNG03010_SEARCH_SWHS_ID').val('');
 			
@@ -335,12 +334,10 @@ let pageObj = {
 		
 		// 검색 공급사 
 		$('#ITP_FORM_POMNG03010_SSEARCH_SSPPLY_NM').on('click', function() {
-			console.log("=================================");
 			_this.popup('SS');
 		});
 		// 검색 텍스트 삭제 버튼 클릭
 		$('#ITP_FORM_POMNG03010_SDELETE_SSPPLY_NM').on('click', function() {
-			console.log("=================================");
 			$('#ITP_FORM_POMNG03010_SEARCH_SSPPLY_NM').val('');
 			$('#ITP_FORM_POMNG03010_SEARCH_SSPPLY_ID').val('');
 			
@@ -349,18 +346,61 @@ let pageObj = {
 		
 		// 상세 출하창고
 		$('#ITP_BTN_POMNG03010_SEARCH_SHMT_WHS_NM').on('click', function() {
-			console.log("=================================");
 			_this.popup('SHW');
 		});
 		// 검색 납품장소 텍스트 삭제 버튼 클릭
 		$('#ITP_BTN_POMNG03010_DELETE_SHMT_WHS_NM').on('click', function() {
-			console.log("=================================");
 			$('#ITP_FORM_POMNG03010_DETAIL_SHMT_WHS_ID').val('');
 			$('#ITP_FORM_POMNG03010_DETAIL_SHMT_LOCATION').val('');
 			$('#ITP_FORM_POMNG03010_DETAIL_SHMT_WHS_NM').val('');
 			
 		});
 		
+		
+		// 검색 공급사 
+		$('#ITP_BTN_POMNG03010_NDETAIL_SEARCH_SPPLY_NM').on('click', function() {
+			_this.popup('NS');
+		});
+		// 검색 텍스트 삭제 버튼 클릭
+		$('#ITP_BTN_POMNG03010_NDETAIL_DELETE_SPPLY_NM').on('click', function() {
+			
+			var spplyId = $('#ITP_FORM_POMNG03010_NDETAIL_SPPLY_ID').val();
+			
+			
+			var records = $(POMNG03010_NDETAIL_GRID_ID).getGridParam('reccount')
+			
+			if (spplyId != '' && records != 0 ) {
+				// 공급업체 삭제시 품목까지 삭제 처리되어집니다. 삭제 하시겠습니까?
+				var delSpply = {
+						callBack: function(args) {
+								$('#ITP_FORM_POMNG03010_NDETAIL_SPPLY_NM').val('');
+								$('#ITP_FORM_POMNG03010_NDETAIL_SPPLY_ID').val('');	
+								
+								// 품목그리드삭제 처리	
+								pageObj.grid.clearData('NPC');
+								$('#ITP_FORM_POMNG03010_NDETAIL .fnPodrAmt').text('');	
+							}
+					};
+					itp_fn_modal_confirm(ITP_MSG_LOCALE.message.ajax.delAllItem, delSpply, null);
+			} else {
+				$('#ITP_FORM_POMNG03010_NDETAIL_SPPLY_NM').val('');
+				$('#ITP_FORM_POMNG03010_NDETAIL_SPPLY_ID').val('')
+			}
+		});
+		
+		// 상세 출하창고
+		$('#ITP_BTN_POMNG03010_SEARCH_WHS_NM').on('click', function() {
+			_this.popup('NHW');
+		});
+		// 검색 납품장소 텍스트 삭제 버튼 클릭
+		$('#ITP_BTN_POMNG03010_DELETE_WHS_NM').on('click', function() {
+			$('#ITP_FORM_POMNG03010_NDETAIL_WHS_ID').val('');
+			$('#ITP_FORM_POMNG03010_NDETAIL_LOCATION').val('');
+			$('#ITP_FORM_POMNG03010_NDETAIL_WHS_NM').val('');
+			
+		});
+		
+		
 	},
 	popup: function (arg) {
 		var popFn ;
@@ -371,14 +411,18 @@ let pageObj = {
 			popFn = this.callback.searSpply;
 		}  else if (arg == "SHW") {
 			popFn = this.callback.searShmtWhs;
-		}
+		} else if (arg == "NS") {
+			popFn = this.callback.searNSpply;
+		} else if (arg == "NHW") {
+			popFn = this.callback.searNWhs;
+		} 
 		
 		const key = {brandId:fn_make_user_info.get('brandId'),storeId:fn_make_user_info.get('storeId')};
-		if (arg == "SW") {
+		if (arg == "SW" ) {
 			fn_call_popup('biz', 'BIZPOP_WHS_LOCATION', '#ITP_ASIDE', popFn, key, 'S');
-		} else if (arg == "SS") {
+		} else if (arg == "SS" || arg == "NS" ) {
 			fn_call_popup('biz', 'BIZPOP_STORE_SPPLY', '#ITP_ASIDE', popFn, key, 'S');
-		} else if (arg == "SHW") {
+		} else if (arg == "SHW" || arg == "NHW") {
 			const key1 = {brandId:fn_make_user_info.get('brandId')};
 			fn_call_popup('biz', 'BIZPOP_WHS_LOCATION', '#ITP_ASIDE', popFn, key1, 'S');
 		}
@@ -387,7 +431,6 @@ let pageObj = {
 	},
 	callback: {
 		searWhs: function(rowDataPop) {
-			console.log(rowDataPop);
 			if(rowDataPop) {
 				$('#ITP_FORM_POMNG03010_SEARCH_SWHS_NM').val(rowDataPop.whsNm);
 				$('#ITP_FORM_POMNG03010_SEARCH_SWHS_ID').val(rowDataPop.whsId);
@@ -395,15 +438,33 @@ let pageObj = {
 			
 		},
 		searSpply: function(rowDataPop) {
-			console.log(rowDataPop);
 			if(rowDataPop) {
 				$('#ITP_FORM_POMNG03010_SEARCH_SSPPLY_NM').val(rowDataPop.spplyNm);
 				$('#ITP_FORM_POMNG03010_SEARCH_SSPPLY_ID').val(rowDataPop.spplyId);
 			}
 			
+		},
+		searNSpply: function(rowDataPop) {
+			if(rowDataPop) {
+				var pspplyId = $('#ITP_FORM_POMNG03010_NDETAIL_SPPLY_ID').val();
+				if (pspplyId == "") {
+					$('#ITP_FORM_POMNG03010_NDETAIL_SPPLY_NM').val(rowDataPop.spplyNm);
+					$('#ITP_FORM_POMNG03010_NDETAIL_SPPLY_ID').val(rowDataPop.spplyId);
+				} else {
+					//$('#Table_ID').getGridParam('reccount');
+					var records = $(POMNG03010_NDETAIL_GRID_ID).getGridParam('reccount')
+					if (records != 0) {
+						if (pspplyId != rowDataPop.spplyId ) {
+							alert( "추가한 품목의 공급사와 서로 틀립니다 !");
+							return ;
+						}
+					}
+					
+				}
+			}
+			
 		},
 		searShmtWhs: function(rowDataPop) {
-			console.log(rowDataPop);
 			if(rowDataPop) {
 				$('#ITP_FORM_POMNG03010_DETAIL_SHMT_WHS_NM').val(rowDataPop.whsNm + " - " + rowDataPop.locationNm);
 				$('#ITP_FORM_POMNG03010_DETAIL_SHMT_WHS_ID').val(rowDataPop.whsId);
@@ -411,6 +472,7 @@ let pageObj = {
 				
 				// 본사배송일경우 해당 창고의 재고를 가져와 출고가능수량에 기입한다.
 				// 만약 본사 배송일 경우 진행 처리함
+				/*
 				var param = {brandId: fn_make_user_info.get('brandId'), whsId:rowDataPop.whsId , location:rowDataPop.location };
 				let gridItemData = [];
 				const rowData = $(POMNG03010_DETAIL_GRID_ID).getRowData();
@@ -424,12 +486,15 @@ let pageObj = {
 				param.gridItemData = gridItemData;
 					
 				modifyObj.whsPassQty(param);
+				*/
+			}
+		},
+		searNWhs: function(rowDataPop) {
+			if(rowDataPop) {
+				$('#ITP_FORM_POMNG03010_NDETAIL_WHS_NM').val(rowDataPop.whsNm + " - " + rowDataPop.locationNm);
+				$('#ITP_FORM_POMNG03010_NDETAIL_WHS_ID').val(rowDataPop.whsId);
+				$('#ITP_FORM_POMNG03010_NDETAIL_LOCATION').val(rowDataPop.location);
 			}
-			
-			
-			
-			
-			
 		}
 	},
 	event: {
@@ -449,8 +514,8 @@ let pageObj = {
 //						case 'ITP_BTN_POMNG03010_REJECT'				: listObj.button.reject(); 		break;	// 반려
 						case 'ITP_BTN_POMNG03010_PO'					: modifyObj.button.save(); 			break;	// 발주
 						case 'ITP_BTN_POMNG03010_CANCELLIST'			: modifyObj.button.cancel(); 		break;	// 취소/목록 버튼
-						case 'ITP_BTN_POMNG03010_DETAIL_ADDROW'			: pageObj.grid.button.addRow(); 	break;	// 품목추가
-						case 'ITP_BTN_POMNG03010_DETAIL_DELROW'			: pageObj.grid.button.delRow(); 	break;	// 품목삭제
+						case 'ITP_BTN_POMNG03010_NDETAIL_ADDROW'			: pageObj.grid.button.addRow(); 	break;	// 품목추가
+						case 'ITP_BTN_POMNG03010_NDETAIL_DELROW'			: pageObj.grid.button.delRow(); 	break;	// 품목삭제
 					}
 				});
 			});
@@ -469,7 +534,13 @@ let pageObj = {
 			fn_show_btn_auth_array(['#ITP_BTN_POMNG03010_SRH', '#ITP_BTN_POMNG03010_POCREATE','#ITP_BTN_POMNG03010_NEWPOCREATE', '#ITP_BTN_POMNG03010_REJECT']);
 			$('#ITP_FORM_POMNG03010_DETAIL_SBRAND_ID').val(fn_make_user_info.get('brandId'));
 			$('#ITP_FORM_POMNG03010_DETAIL_SSTORE_ID').val(fn_make_user_info.get('storeId'));
+			SCREEN_MODE = 'LIST' ;
 		} else if(mode == 'NPC') { // 신규발주등록
+			$('#ITP_AJAX_POMNG03010_NDETAIL_CONTAINER').show();
+			fn_show_btn_auth_array(['#ITP_BTN_POMNG03010_PO', '#ITP_BTN_POMNG03010_CANCELLIST', '#ITP_BTN_POMNG03010_NDETAIL_ADDROW','#ITP_BTN_POMNG03010_NDETAIL_DELROW']);
+			$('#ITP_FORM_POMNG03010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+			SCREEN_MODE = 'NPC' ;
+			pageObj.grid.init('NPC');
 		/*
 			$('#ITP_AJAX_POMNG03010_DETAIL_CONTAINER').show();
 			fn_show_btn_auth_array(['#ITP_BTN_POMNG03010_PO', '#ITP_BTN_POMNG03010_CANCELLIST', '#ITP_BTN_POMNG03010_NDETAIL_ADDROW', '#ITP_BTN_POMNG03010_NDETAIL_DELROW']);
@@ -492,12 +563,14 @@ let pageObj = {
 			fn_show_btn_auth_array(['#ITP_BTN_POMNG03010_PO', '#ITP_BTN_POMNG03010_CANCELLIST']);
 			$('#ITP_FORM_POMNG03010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
 			$('#ITP_FORM_POMNG03010_DETAIL_STORE_ID').val(fn_make_user_info.get('storeId'));
+			SCREEN_MODE = 'POC' ;
+			
 			
 		}
 	},
 	grid: {
 		init: function(mode, gridRows) {
-			this.gridId = (mode === 'NPC') ? POMNG03010_VIEW_NDETAIL_ID : POMNG03010_DETAIL_GRID_ID;
+			this.gridId = (mode === 'NPC') ? POMNG03010_NDETAIL_GRID_ID : POMNG03010_DETAIL_GRID_ID;
 			this.gridList = (mode === 'NPC') ? POMNG03010_NDETAIL_GRID_LIST : POMNG03010_DETAIL_GRID_LIST;
 			this.gridEmpty = (mode === 'NPC') ? POMNG03010_NDETAIL_GRID_EMPTY : POMNG03010_DETAIL_GRID_EMPTY;
 			this.gridRows = gridRows;
@@ -506,28 +579,112 @@ let pageObj = {
 			
 		},
 		gridId: '',
-		mode: 'DETAIL',
-		button: {},
+		button: {
+			addRow: function() {
+				// 팝업
+				var popFn = function(rowDataPop) {
+					// 기존등록 데이터
+					var exists = '';
+					const rowData = $(POMNG03010_NDETAIL_GRID_ID).getRowData();
+					$.each(rowData, function(key, value) {
+						if (value.viewCd != "D") {
+							exists = exists + value.brandUnitUnqNo + ';';	
+						}
+					});
+					
+					var diffchk = "N";
+					var spplyId = $('#ITP_FORM_POMNG03010_NDETAIL_SPPLY_ID').val();
+					var spplyNm = $('#ITP_FORM_POMNG03010_NDETAIL_SPPLY_NM').val();
+					
+					// 넘어오는 데이타가 서로 상이한 공급업체인지 파악
+					var chkSpplyId = "";
+					var chkSpplyNm = "";
+					$.each(rowDataPop, function(key, value) {
+						
+						if (chkSpplyId != "" ) {
+							if (value.spplyId != chkSpplyId ) {
+								alert("서로다른 공급사 품목을 발주 진행 할 수 없습니다.");
+								diffchk = "Y" ;
+								return false ;
+							} 
+						} else {
+							chkSpplyId = value.spplyId;
+							chkSpplyNm = value.spplyNm;
+						}
+					});
+					
+					if (diffchk == "Y") return;
+					
+					if (spplyId == "" ) {
+						$('#ITP_FORM_POMNG03010_NDETAIL_SPPLY_ID').val(chkSpplyId);
+						$('#ITP_FORM_POMNG03010_NDETAIL_SPPLY_NM').val(chkSpplyNm);
+					} else {
+						if (spplyId != chkSpplyId ) {
+							alert("납품 공급사와 품목 공급사 정보가 서로 다릅니다.");
+							diffchk = "Y" ;
+						}
+					}
+					
+					if (diffchk == "Y") return;
+					
+					/*
+					$.each(rowDataPop, function(key, value) {
+						// 공급업체가 상이사면 오류 알럿 출력
+						$.each(rowData, function(pkey, pvalue) {
+							console.log(rowData);
+							if (value.spplyId != pvalue.spplyId ) {
+								alert("2 서로다른 공급사 품목을 발주 진행 할 수 없습니다.")
+								diffchk = "Y";
+								return false;
+							}
+						});
+						if (diffchk == "Y") {
+							return false;
+						}
+					});
+					
+					if (diffchk == "Y") return;
+					*/
+					
+					$.each(rowDataPop, function(key, value) {
+						// 공급업체가 상이사면 오류 알럿 출력
+						if (exists.indexOf(value.brandUnitUnqNo) < 0 && value.podrPssblDvsn == 'PO01') {
+							value['viewCd'] = "C";
+							
+							$(POMNG03010_NDETAIL_GRID_ID).jqGrid('addRowData', value.brandUnitUnqNo, value, 'last');
+						}
+					});
+					$(POMNG03010_NDETAIL_GRID_EMPTY).hide();
+					
+				};
+				const key = {brandId:fn_make_user_info.get('brandId')};
+				fn_call_popup('biz', 'BIZPOP_ITEM', '#ITP_ASIDE', popFn, key, 'S');  // ==>dwkim 추후 작업 진행  파라메타 설명필요
+			},
+			delRow: function() {
+				itp_fn_grid_del_row(POMNG03010_NDETAIL_GRID_ID);
+				pageObj.grid.recal();
+			}
+			
+		},
 		gridList: '',
 		gridEmpty: '',
 		gridRows: '',
 		load: function(mode, gridRows) {
+			
 			var _this = this;
 			var option = {
 				gridId: _this.gridId,
 				colModel: gridColModel.detail,
 				data: gridRows,
 				cellEdit: true,
-				multiselect: (mode !== 'NPC'),
+				multiselect: (mode === 'NPC'),
 				loadComplete: function(data) {
-					console.log(data);
+					$(mode === 'NPC' ? POMNG03010_NDETAIL_GRID_LIST : POMNG03010_DETAIL_GRID_LIST).find('.ui-jqgrid .ui-jqgrid-bdiv').css('overflow-x', 'hidden');
 					
-					$(_this.mode === 'NPC' ? POMNG03010_NDETAIL_GRID_LIST : POMNG03010_DETAIL_GRID_LIST).find('.ui-jqgrid .ui-jqgrid-bdiv').css('overflow-x', 'hidden');
-					data.records === 0 ? _this.clearData(_this.mode) : $(_this.mode === 'VIEW' ? POMNG03010_NDETAIL_GRID_EMPTY : POMNG03010_DETAIL_GRID_EMPTY).hide();
+					data.records === 0 ? _this.clearData(mode) : $(_this.mode === 'NPC' ? _this.clearData(mode) : POMNG03010_DETAIL_GRID_EMPTY).hide();
 					
 				},
 				onCellSelect: function(rowid, cellIdx, cellValue) {
-					console.log('mode ===> ' + mode);
 					//POMNG03010_GRID_LAST_ROW_ID = itp_fn_set_data_editable(rowid, cellIdx, POMNG03010_GRID_LAST_ROW_ID, _this.gridId, ['actionId']);
 				},
 				afterSaveCell: function(rowid,name,val,iRow,iCol) {
@@ -536,19 +693,16 @@ let pageObj = {
 					jQuery(_this.gridId).jqGrid('setRowData',rowid,{podrAmt: parseInt(val)*parseInt(unitAmt)});	
 					
 					// 그리드 포문으로 금액 재계산후 구매요청금액에 넣어줌
-					pageObj.grid.recal(_this.mode,_this.gridId);
+					pageObj.grid.recal( mode,_this.gridId);
 				}
 			};
 			itp_fn_grid_make_local(option);
 		},
 		recal: function(mode, gridId) {
 			//PCH_REQ_AMT
-			console.log(gridId);
 			const rowData = $(gridId).getRowData();
 			var podrAmt = 0 ;
-			console.log("####################################");
 			$.each(rowData, function(key, value) {
-				console.log(rowData);
 				if (value.podrAmt != null && value.podrAmt != "" && value.viewCd != "D") {
 					podrAmt = podrAmt + parseInt(value.podrAmt) ;
 				}
@@ -595,7 +749,7 @@ let listObj = {
 		},
 		newpocreate: function() {
 			pageObj.switchScreen('NPC');
-			itp_fn_form_clear_validate(null, '#ITP_FORM_POMNG03010_DETAIL');
+			itp_fn_form_clear_validate(null, '#ITP_FORM_POMNG03010_NDETAIL');
 			createObj.init();
 		},
 		reject: function() {
@@ -620,9 +774,7 @@ let listObj = {
 			let param = {};
 			param.brandId=fn_make_user_info.get('brandId');
 			param.gridUpdateData = gridUpdateData;
-			console.log(JSON.stringify(param));
 			var chkFn = function(result) {
-				console.log(result);
 				if (result.code == "Y") {
 					//발수 생성화면으로 전화 
 					listObj.button.pocreate(param);
@@ -684,7 +836,6 @@ let listObj = {
 				url: DOMAIN + API_DETAIL_GRID_LIST,
 				pager: POMNG03010_GRID_PAGER,
 				loadComplete: function(data) {
-					console.log(data);
 					itp_fn_grid_load_complete(data, POMNG03010_GRID_ID, true, 'number', 'POMNG03010', listObj.itp_POMNG03010_search, listObj.empty, true, data.gridRecords, true);
 					var ids = $(POMNG03010_GRID_ID).getDataIDs();
 					$.each(ids, function(idx, rowId) {
@@ -730,17 +881,25 @@ let modifyObj = {
 			listObj.grid.search();
 		},
 		save: function() {
-			const formId = '#ITP_FORM_POMNG03010_DETAIL';
+			
+			const formId = (SCREEN_MODE == 'NPC' ? '#ITP_FORM_POMNG03010_NDETAIL' : '#ITP_FORM_POMNG03010_DETAIL');
 			itp_fn_form_clear_validate(null, formId);
 
-			// console.log($(formId).serializeObject());
 			if (itp_fn_form_event.isValid(formId)) {
+
 				var modalFn = {
 					callBack: () => {
-						itp_fn_form_event.removeChar('#ITP_FORM_OPER03010_DETAIL');
+						
+						if (SCREEN_MODE == 'NPC') {
+							itp_fn_form_event.removeChar('#ITP_FORM_OPER03010_NDETAIL');
+						} else {
+							itp_fn_form_event.removeChar('#ITP_FORM_OPER03010_DETAIL');
+						}
+						
 						
 						let gridInsertData = [];
-						const rowData = $(POMNG03010_DETAIL_GRID_ID).getRowData();
+						const rowData = (SCREEN_MODE == 'NPC' ? $(POMNG03010_NDETAIL_GRID_ID).getRowData() : $(POMNG03010_DETAIL_GRID_ID).getRowData());
+						 
 						
 						$.each(rowData, function(key, value) {
 							gridInsertData.push(value);
@@ -790,12 +949,13 @@ let modifyObj = {
 		$('#ITP_FORM_POMNG03010_DETAIL #ITP_FORM_POMNG03010_DETAIL_SHMT_LOCATION').val(result.shmtLocation);
 		
 		// 품목  리스트 조회
-		pageObj.grid.init('DETAIL', result.itemList);
+		pageObj.grid.init('POC', result.itemList);
 		// modifyObj.grid.load(result.spplyMgrList);
 	},
 	whsPassQty: function(param) {
 		console.log(JSON.stringify(param));
-		fn_ajax_call(API_DETAIL_PASSQTY, JSON.stringify(param), this.passQtyCallback, 'POST');
+		// 추후작업 진행
+		//fn_ajax_call(API_DETAIL_PASSQTY, JSON.stringify(param), this.passQtyCallback, 'POST');
 	},
 	passQtyCallback: function (result) {
 		
@@ -816,8 +976,11 @@ let modifyObj = {
 /*신규화면 Object*/
 let createObj = {
 	init: function () {
-		$('#ITP_FORM_POMNG03010_DETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
-		$('#ITP_FORM_POMNG03010_DETAIL_STORE_ID').val(fn_make_user_info.get('storeId'));
+		$('#ITP_FORM_POMNG03010_NDETAIL_BRAND_ID').val(fn_make_user_info.get('brandId'));
+		itp_fn_form_clear_validate(null, '#ITP_FORM_POMNG03010_NDETAIL');
+		const key = {brandId:fn_make_user_info.get('brandId'), viewCd: 'R'};
+		var param = $.param(key);
+		createObj.load(param);
 		
 	},
 	button: {
@@ -829,13 +992,11 @@ let createObj = {
 			const formId = '#ITP_FORM_POMNG03010_DETAIL';
 			itp_fn_form_clear_validate(null, formId);
 
-			// console.log($(formId).serializeObject());
 			if (itp_fn_form_event.isValid(formId)) {
 				var modalFn = {
 					callBack: (args) => {
 						itp_fn_form_event.removeChar('#ITP_FORM_OPER03010_DETAIL');
 						let param = $(formId).serializeObject();
-						console.log(JSON.stringify(param));
 						var searhFn = function () {
 							ITP_FORM_POMNG03010_DETAIL_IS_WRITING = false;
 							listObj.grid.search();
@@ -846,5 +1007,31 @@ let createObj = {
 				itp_fn_modal_confirm('저장 하시겠습니까?', modalFn);
 			}
 		}
+	},
+	load: function(param) {
+		fn_ajax_call(API_DETAIL_NEW_INIT_INFO, param, this.callback, 'GET');
+	},
+	callback: function (result) {
+		
+		//pageObj.switchScreen('NPC');
+		
+		$('#ITP_FORM_POMNG03010_NDETAIL #ITP_FORM_POMNG03010_DETAIL_VIEW_CD').val('C');
+		$('#ITP_FORM_POMNG03010_NDETAIL .fnBrandNm').text(result.brandNm);
+		$('#ITP_FORM_POMNG03010_NDETAIL #ITP_FORM_POMNG03010_NDETAIL_BRAND_ID').val(result.brandId);
+		$('#ITP_FORM_POMNG03010_NDETAIL .fnDlvDvsnNm').text(result.dlvDvsnNm);
+		$('#ITP_FORM_POMNG03010_NDETAIL #ITP_FORM_POMNG03010_NDETAIL_DLV_DVSN').val(result.dlvDvsn);
+		$('#ITP_FORM_POMNG03010_NDETAIL .fnPodrDt').text(result.podrDt);
+		$('#ITP_FORM_POMNG03010_NDETAIL .podrMgrId').text(result.podrMgrId);
+		$('#ITP_FORM_POMNG03010_NDETAIL .fnPodrMgrNm').text(result.podrMgrNm);
+		$('#ITP_FORM_POMNG03010_NDETAIL .fnPodrMgrNo').text(result.podrMgrTelNo);
+		
+		var now = new Date();
+		$('#ITP_TAB_POMNG03010 .input-group.date').datepicker(ITP_DATE_LANGUAGE);
+		$('#ITP_FORM_POMNG03010_NDETAIL_DLV_REQ_DT').datepicker('setDate', new Date(now.setDate(now.getDate()+5)));
+		
+		// 품목  리스트 조회
+		//pageObj.grid.init('DETAIL', result.itemList);
+		
+		
 	}
 };

src/main/webapp/js/app/popup/biz/ITP_BIZPOP_ITEM.js

@@ -147,6 +147,18 @@ function itp_fn_BIZPOP_ITEM(parentPopFn, args, returnType) {
 				label: '출고가능수량', //
 				width: '10', fixed: false, align: 'center',
 				sortable: false, hidden: true
+			},   
+			{
+				index: 'SPPLY_ID', name: 'spplyId',
+				label: '공급업체', //
+				width: '10', fixed: false, align: 'center',
+				sortable: false, hidden: true
+			},   
+			{
+				index: 'SPPLY_NM', name: 'spplyNm',
+				label: '공급업체명', //
+				width: '10', fixed: false, align: 'left',
+				sortable: false, hidden: false
 			}
 		],
 		loadBeforeSend: function(jqXHR) {

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

@@ -1,18 +1,18 @@
 <section id="ITP_MOBILE_MPOMNG03010">  
-  <div id="ITP_POP_MPOMNG03010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: block;">
+  <div id="ITP_POP_MPOMNG03010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
 	<div class="pop">
 		<div class="header">
 			<div class="header_left">
 				<label>> 공급업체</label>
 			</div>
 			<div class="header_right">
-				<button type="button" id="ITP_BTN_MPOMNG03010_POP_SPPLY_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+				<button type="button" id="ITP_BTN_MPOMNG03010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
 			</div>
 		</div>
 		<div class="search_bar">
 			<form id="ITP_FORM_MPOMNG03010_POP_SPPLY" class="form-horizontal" onsubmit="return false;">
-				<input type="hidden" id="ITP_FORM_MPOMNG03010_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
-				<input type="hidden" id="ITP_FORM_MPOMNG03010_SPPLY_ITEM_STORE_ID" name="sstoreId" value="">
+				<input type="hidden" id="ITP_FORM_MPOMNG03010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
+				<input type="hidden" id="ITP_FORM_MPOMNG03010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
 				<input id="ITP_FORM_MPOMNG03010_POP_SPPLY_KEYWORD" type="text" name="sSpplyNm" placeholder="공급업체명">
 				<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
 			</form>
@@ -20,39 +20,76 @@
 		<div class="search_bar">
 			<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
 		</div>
-		<div id="ITP_LIST_MPOMNG03010_POP_SPPLY_AREA" class="popup_scroll">
-			<ul id="ITP_LIST_MPOMNG03010_POP_SPPLY_ROWS" class="panel-group itp_nav"></ul>
-			<div id="ITP_LIST_MPOMNG03010_POP_SPPLY_ROWCOPY" style="display: block;">
+		<div id="ITP_POP_MPOMNG03010_SPPLY_LIST_AREA" class="popup_scroll">
+			<ul id="ITP_POP_MPOMNG03010_SPPLY_LIST_ROWS" class="panel-group itp_nav"></ul>
+			<div id="ITP_POP_MPOMNG03010_SPPLY_LIST_ROWCOPY" style="display: block;">
 				<li>
 					<div class="scroll_left">
 						<div class="fnSpplyNm">공급업체 명A</div>
 						<div class="fnLocationNm">(상세위치내용)</div>
 					</div>
 					<div class="scroll_right">
-						<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_CHOICE" class="fnSpplyId" data-SPPLY-id="">선택</button>
+						<button id="ITP_BTN_MPOMNG03010_POP_SPPLY_CHOICE" class="fnSpplyId">선택</button>
 					</div>
 				</li>
 			</div>
 		</div>
 	</div>
-</div>
-  <div id="ITP_AJAX_MPOMNG03010_DETAIL_CONTAINER" style="display: block;">
-      <form id="ITP_FORM_MPOMNG01010_DETAIL" class="form-horizontal" onsubmit="return false;">
-      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_VIEW_CD" name="viewCd" value="C">
+  </div>
+	<div id="ITP_POP_MPOMNG03010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
+		<div class="pop">
+			<div class="header">
+				<div class="header_left">
+					<label>> 납품장소</label>
+				</div>
+				<div class="header_right">
+					<button type="button" id="ITP_BTN_MPOMNG03010_POP_WHS_CLOSE" class="btn-pop-close"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MPOMNG03010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MPOMNG03010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MPOMNG03010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MPOMNG03010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+					<button id="ITP_BTN_MPOMNG03010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+				</form>
+			</div>
+			<div class="search_bar">
+				<button id="ITP_BTN_MPOMNG03010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
+			</div>
+			<div id="ITP_LIST_MPOMNG03010_POP_WHS_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MPOMNG03010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MPOMNG03010_POP_WHS_ROWCOPY" style="display:none;">
+					<li class="row_2">
+						<div class="scroll_left">
+							<div class="fnWhsNm">브랜드 창고 명A</div>
+							<div class="fnLocationNm">(상세위치내용)</div>
+						</div>
+						<div class="scroll_right">
+							<button id="ITP_BTN_MPOMNG03010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
+  <div id="ITP_AJAX_MPOMNG03010_LIST_CONTAINER" style="display: block;">
+      <form id="ITP_FORM_MPOMNG03010_LIST" 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">
+	          <input id="ITP_FORM_MPOMNG03010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
 	          <div class="at">~</div>
-	          <input id="ITP_FORM_MPOMNG03010_DETAIL" class="year" type="date">
+	          <input id="ITP_FORM_MPOMNG03010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
 	        </div>
 	      </div>
 	      <div class="line">
 	        <label>발주상태</label>
 	        <div class="search_wrap">
 		        <div class="line_right">
-		          <select name="podrStCd" class="m9" id="ITP_FORM_MPOMNG03010_DETAIL_PODR_ST_CD">
+		          <select name="spchOdrStCd" class="m9" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_PCH_ORD_ST_CD">
 		            <option value=""></option>
 		          </select>
 		        </div>
@@ -62,11 +99,12 @@
 	        <label>공급업체</label>
 	        <div class="search_wrap">
 		        <div class="float_left">
-		          <input id="ITP_FORM_MPOMNG03010_DETAIL_SPPLY_NM" type="text" placeholder="A공급업체명">
+		          <input type="text" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명">
+				  <input type="hidden" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
 		        </div>
 		        <div class="float_left_btn">
-		          <button id="ITP_BTN_MPOMNG03010_DETAIL_SEARCH_SPPLY_NM" data-call-popup="ITP_POP_MPOMNG03010_SPPLY_AREA"><img src="../img/search.png" alt=""></button>
-		          <button id="ITP_BTN_MPOMNG03010_DETAIL_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
+		          <button id="ITP_BTN_MPOMNG03010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
+		          <button id="ITP_BTN_MPOMNG03010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
 		        </div>
 	        </div> 
 	      </div>
@@ -74,27 +112,28 @@
           	<label>납품장소</label>
           	<div class="search_nm">
 	            <div class="float_left">
-	              <input type="text" id="ITP_FORM_MPOMNG03010_DETAIL_DLV_PLACE_NM" class="" name="dlvPlaceNm" placeholder="매장명" />
+	              <input type="text" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" />
+				  <input type="hidden" id="ITP_FORM_MPOMNG03010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
 	            </div>
 	            <div class="float_left_btn">
-	              <button id="ITP_BTN_MPOMNG03010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG03010_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>
+	              <button id="ITP_BTN_MPOMNG03010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
+	              <button id="ITP_BTN_MPOMNG03010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
 	            </div>
           	</div>
    	 	  </div>
 	      <div class="line" style="height:50px;">
 	        <div class="search">
-	          <button id="ITP_BTN_MPOMNG03010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
+	          <button id="ITP_BTN_MPOMNG03010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
 	        </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 id="ITP_LIST_MPOMNG03010_LIST_ITEM_AREA" class="scroll_area row-3">
+        <ul id="ITP_LIST_MPOMNG03010_LIST_ITEM_ROWS" class="panel-group"></ul>
+        	<div id="ITP_LIST_MPOMNG03010_LIST_ITEM_ROWCOPY" style="display: block;">
+		      <li class="list-row">
 		        <div class="left">
 		          <div class="nomal">
 		            <label>발주일자 &nbsp;:</label>
@@ -140,8 +179,8 @@
     </form>
   </div>
   <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">
+     <form id="ITP_FORM_MPOMNG03010_VIEW" class="form-horizontal" onsubmit="return false;">
+      <input type="hidden" id="ITP_FORM_MPOMNG03010_VIEW_VIEW_CD" name="viewCd" value="C">
 	    <div class="content">
 	      <div class="line">
 	        <label>발주일자</label>
@@ -171,10 +210,10 @@
 	        <h1>> 발주 품목</h1>
 	      </div>
 	    </div>
-      <div id="ITP_LIST_MPOMNG03010_ITEM_AREA" class="scroll_area row-2">
-        <ul id="ITP_LIST_MPOMNG03010_VIEW_ROWS" class="panel-group"></ul>
-        	<div id="ITP_LIST_MPOMNG03010_VIEW_ROWCOPY" style="display:block;">	      
-	        	<li>
+      <div id="ITP_LIST_MPOMNG03010_VIEW_ITEM_AREA" class="scroll_area row-2">
+        <ul id="ITP_LIST_MPOMNG03010_VIEW_ITEM_ROWS" class="panel-group"></ul>
+        	<div id="ITP_LIST_MPOMNG03010_VIEW_ITEM_ROWCOPY" style="display:block;">
+			  <li class="list-row">
 		        <div>
 		          <div class="left_info col-4">
 		            <div class="thick">
@@ -212,4 +251,5 @@
 	    </div>
     </form>
   </div>
+  <div id="ITP_MOBILE_JS"></div>
 </section>

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

@@ -1,128 +1,261 @@
-<section id="ITP_MOBILE_MPOMNG04010">  
-	<div id="ITP_AJAX_MPOMNG04010_LIST_CONTAINER" >
-	   <form id="ITP_FORM_MPOMNG04010_LIST" class="form-horizontal" onsubmit="return false;">
-		<input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_VIEW_CD" name="viewCd" value="C">
-		  <div class="content">
-			<div class="line">
-			  <select class="label" name="dlvSchDt" id="ITP_FORM_MPOMNG04010_LIST_DLV_SCH_DT">
-				<option value="">납품예정일</option>
-			  </select>
-			  <div class="date_to">
-				<input id="ITP_FORM_MPOMNG04010_LIST_DLV_REQ_DT" name="dlv_req_dt" class="year" type="date">
-				<div class="at">~</div>
-				<input id="ITP_FORM_MPOMNG04010_LIST_DLV_CMPLT_DT" name="dlvCmpltDt" class="year" type="date">
-			  </div>
+<section id="ITP_MOBILE_MPOMNG04010">
+	<div id="ITP_POP_MPOMNG04010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
+		<div class="pop">
+			<div class="header">
+				<div class="header_left">
+					<label>> 공급업체</label>
+				</div>
+				<div class="header_right">
+					<button type="button" id="ITP_BTN_MPOMNG04010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
+				</div>
+			</div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MPOMNG04010_POP_SPPLY_SEARCH" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MPOMNG04010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MPOMNG04010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MPOMNG04010_POP_SPPLY_KEYWORD" type="text" name="sspplyNm" placeholder="공급업체명">
+					<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
+				</form>
 			</div>
-			<div class="line">
-			  <label>납품상태</label>
-			  <div class="search_wrap">
-				  <div class="line_right">
-					<select name="dlvStCd" id="ITP_FORM_MPOMNG04010_LIST_DLV_ST_CD">
-					  <option value=""></option>
-					</select>
-				  </div>
-			  </div>
+			<div class="search_bar">
+				<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
+			</div>
+			<div id="ITP_POP_MPOMNG04010_LIST_SPPLY_AREA" class="popup_scroll">
+				<ul id="ITP_POP_MPOMNG04010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_POP_MPOMNG04010_LIST_SPPLY_ROWCOPY" style="display: none;">
+					<li class="list-row">
+						<div class="scroll_left">
+							<div class="fnSpplyNm">공급업체 명A</div>
+							<div class="fnStNm">($)</div>
+						</div>
+						<div class="scroll_right">
+							<button id="ITP_BTN_MPOMNG04010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div id="ITP_POP_MPOMNG04010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
+		<div class="pop">
+			<div class="header">
+				<div class="header_left">
+					<label>> 납품장소</label>
+				</div>
+				<div class="header_right">
+					<button type="button" id="ITP_BTN_MPOMNG04010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
+				</div>
 			</div>
-			<div class="line">
-			  <label>공급업체</label>
-			  <div class="search_wrap">
-				  <div class="float_left">
-					<input id="ITP_FORM_MPOMNG04010_LIST_SPPLY_NM" name="spplyNm" type="text" placeholder="A공급업체명">
-				  </div>
-				  <div class="float_left_btn">
-					<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH_SPPLY_NM" data-call-popup="ITP_POP_MPOMNG04010_SPPLY_AREA"><img src="../img/search.png" alt=""></button>
-					<button id="ITP_BTN_MPOMNG04010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
-				  </div>
-			  </div> 
+			<div class="search_bar">
+				<form id="ITP_FORM_MPOMNG04010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MPOMNG04010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MPOMNG04010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+					<button id="ITP_BTN_MPOMNG04010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+				</form>
 			</div>
-			<div class="line">
-				<label>납품장소</label>
-				<div class="search_nm">
-				  <div class="float_left">
-					<input type="text" id="ITP_FORM_MPOMNG04010_LIST_DLV_PLACE_NM" class="" name="dlvPlaceNm" placeholder="매장명" />
-				  </div>
-				  <div class="float_left_btn">
-					<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG04010_WHS_AREA"><img src="../img/search.png" alt=""></button>
-					<button id="ITP_BTN_MPOMNG04010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-				  </div>
-				</div>
-				</div>
-			<div class="line">
-			  <label>품목명</label>
-				 <div class="search_wrap">
-				  <div class="float_left">
-					<input id="ITP_FORM_MPOMNG04010_LIST_ITEM_NM" name="itemNm" style="width: 262px;" type="text" placeholder="A매장명">
-				  </div>
-			  </div>
+			<div class="search_bar">
+				<button id="ITP_BTN_MPOMNG04010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
 			</div>
-			<div class="line" style="height:50px;">
-			  <div class="search">
-				<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
-			  </div>
+			<div id="ITP_LIST_MPOMNG04010_POP_WHS_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MPOMNG04010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MPOMNG04010_POP_WHS_ROWCOPY" style="display:none;">
+					<li class="list-row">
+						<div class="scroll_left">
+							<div class="fnWhsNm">브랜드 창고 명A</div>
+							<div class="fnLocationNm">(상세위치내용)</div>
+						</div>
+						<div class="scroll_right">
+							<button id="ITP_BTN_MPOMNG04010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+						</div>
+					</li>
+				</div>
+			</div>
+		</div>
+	</div>
+	<div id="ITP_AJAX_MPOMNG04010_LIST_CONTAINER" style="display: block;">
+		<form id="ITP_FORM_MPOMNG04010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
+			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
+			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_IDX" name="sidx" value="0">
+			<div class="content">
+				<div class="line">
+					<label>발주일자</label>
+					<div class="date_to">
+						<input id="ITP_FORM_MPOMNG04010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
+						<div class="at">~</div>
+						<input id="ITP_FORM_MPOMNG04010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
+					</div>
+				</div>
+				<div class="line">
+					<label>발주상태</label>
+					<div class="search_wrap">
+						<div class="line_right">
+							<select id="ITP_FORM_MPOMNG04010_LIST_SEARCH_PCH_ODR_ST_CD" data-select-code="PCH_ODR_ST_CD" class="stcd" name="spchOdrStCd">
+								<option value=""></option>
+							</select>
+						</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>공급업체</label>
+					<div class="search_wrap">
+						<div class="float_left">
+							<input type="text" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
+							<input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
+						</div>
+						<div class="float_left_btn">
+							<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
+							<button id="ITP_BTN_MPOMNG04010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
+						</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>납품장소</label>
+					<div class="search_nm">
+						<div class="float_left">
+							<input type="text" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
+							<input type="hidden" id="ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
+						</div>
+						<div class="float_left_btn">
+							<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
+							<button id="ITP_BTN_MPOMNG04010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+						</div>
+					</div>
+				</div>
+				<div class="line" style="height:50px;">
+					<div class="search">
+						<button id="ITP_BTN_MPOMNG04010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
+					</div>
+				</div>
+				<div class="table_header">
+					<h1>> 발주 내역</h1>
+				</div>
 			</div>
-			<div class="table_header">
-			  <h1>> 납품서 내역</h1>
+			<div id="ITP_LIST_MPOMNG04010_LIST_ITEM_AREA" class="scroll_area row-3">
+				<ul id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS" class="panel-group"></ul>
+				<div id="ITP_LIST_MPOMNG04010_LIST_ITEM_ROWCOPY" style="display: none;">
+					<li class="history_list list-row">
+						<div class="left">
+							<div class="nomal">
+								<label>발주일자 &nbsp;:</label>
+								<div class="history">
+									<div class="fnPodrDt">2022.10.01</div>
+									(<div class="fnPodrMgrNm">홍길동 점주</div>)
+								</div>
+							</div>
+						</div>
+						<div class="left">
+							<div class="nomal">
+								<label>발주상태 &nbsp;:</label>
+								<div class="history">
+									<div class="fnPchodrStCd">대기</div>
+								</div>
+								<label>납품장소명&nbsp;:</label>
+								<div class="history">
+									<div class="fnLocationNm">A매장내</div>
+								</div>
+							</div>
+						</div>
+						<div class="left">
+							<div class="nomal">
+								<label>발주정보 &nbsp;:</label>
+								<div class="history">
+									<div class="fnItemQty">품목수($)</div>
+									<i>-</i>
+									<div class="fnPodrTotalAmt">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>
-		  </div>
-		<div id="ITP_LIST_MPOMNG04010_ITEM_AREA" class="scroll_area row-4">
-		  <ul id="ITP_LIST_MPOMNG04010_LIST_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MPOMNG04010_LIST_ROWCOPY" style="display: block;">
-				<li class="history_list2">
-				  <div class="left">
-					<div class="nomal">
-					  <label class="">납품번호 </label>
-					  <div class="history">
-						<div class="fnDlvNo">202210010000001-0100</div> 
-					  </div>
+		</form>
+	</div>
+	<div id="ITP_AJAX_MPOMNG04010_VIEW_CONTAINER" style="display: none;">
+		<form id="ITP_FORM_MPOMNG04010_VIEW" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_FORM_MPOMNG04010_VIEW_VIEW_CD" name="viewCd" value="C">
+			<div class="content">
+				<div class="line">
+					<label>발주일자</label>
+					<div class="line_right">
+						<div class="fnPodrDt">2022.10.10</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="fn sub_info">납품일자</label>
-					  <div class="history">
-						<div class="fnDlvDt">2022.10.03</div>
-					  </div>
+				</div>
+				<div class="line">
+					<label>발주금액</label>
+					<div class="line_right">
+						<div class="fnPodrTotalAmt">424,000원</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="fnDlvPlace">A매장내</div>
-					  </div>
+				</div>
+				<div class="line">
+					<label>납품장소</label>
+					<div class="line_right">
+						<div class="fnShmtWhsDvsnNm">A매장내</div>
 					</div>
-				  </div>
-				  <div class="left">
-					<div class="nomal">
-					  <label>품목 </label>
-					  <div class="history">
-						<div class="fnItemNm">품목명(EA)</div> 
-					  </div>
+				</div>
+				<div class="line">
+					<label>공급업체</label>
+					<div class="line_right">
+						<div class="fnSpplyNm">A공급업체</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 class="line">
+					<label>납기요청일</label>
+					<div class="line_right">
+						<div class="fnDlvReqDt">2022.10.10</div>
 					</div>
-				  </div>
-				</li>
+				</div>
+				<div class="table_header">
+					<h1>> 발주 품목</h1>
+				</div>
+			</div>
+			<div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA" class="scroll_area row-3">
+				<ul id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWS" class="panel-group"></ul>
+				<div id="ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWCOPY" style="display:none;">
+					<li class="list-row">
+						<div>
+							<div class="left_info col-4">
+								<div class="thick">
+									<div class="fnItemNm">품목명</div>
+									<i>-</i>
+									<div class="fnUnit"></div>
+								</div>
+							</div>
+							<div class="left_info col-6">
+								<div class="thick">
+									<label>수량&nbsp;:&nbsp;</label>
+									<div class="fnPodrQty"></div>
+								</div>
+							</div>
+							<div class="left_info col-4">
+								<div class="thick">
+									<label style="margin:0;">구매가 :</label>
+									<div class="fnUnitAmt"></div>
+								</div>
+							</div>
+							<div class="left_info col-6">
+								<div class="thick">
+									<label>금액&nbsp;:&nbsp;</label>
+									<div class="fnPodrAmt"></div>
+								</div>
+							</div>
+						</div>
+					</li>
+				</div>
+			</div>
+			<div class="button_bar">
+				<button id="ITP_BTN_MPOMNG04010_VIEW_CANCEL_LIST" class="col_12 btn-gray CLB">취소</button>
 			</div>
-		  </div>
-	  </form>
+		</form>
 	</div>
-  </section>
+	<div id="ITP_MOBILE_JS"></div>
+</section>

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

@@ -1,123 +1,211 @@
 <section id="ITP_MOBILE_MPOMNG05010">
-	<div id="ITP_AJAX_MPOMNG05010_LIST_CONTAINER">
-	   <form id="ITP_FORM_MPOMNG05010_LIST" class="form-horizontal" onsubmit="return false;">
-		<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_VIEW_CD" name="viewCd" value="C">
-		  <div class="content">
-			<div class="line">
-			  <label>납품예정일</label>
-			  <div class="line_right">
-				<input id="ITP_FORM_MPOMNG05010_LIST_DLV_SCH_DT" name="dlvSchDt" class="date2" type="date" placeholder="">
-			  </div>
+	<div id="ITP_POP_MPOMNG05010_SPPLY_AREA" class="popup2 mobile-pop-close" style="display: none;">
+		<div class="pop">
+			<div class="header">
+				<div class="header_left">
+					<label>> 공급업체</label>
+				</div>
+				<div class="header_right">
+					<button type="button" id="ITP_BTN_MPOMNG05010_POP_SPPLY_CLOSE"><img src="../img/close.png"></button>
+				</div>
 			</div>
-			<div class="line">
-			  <label>납품서번호</label>
-			  <div class="search_wrap">
-				  <div class="line_right">
-					<select name="dlvNo" id="ITP_FORM_MPOMNG05010_LIST_DLV_NO" class="m9">
-					</select>
-				  </div>
-			  </div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MPOMNG05010_POP_SPPLY_SEARCH" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MPOMNG05010_POP_SPPLY_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MPOMNG05010_PO_PSPPLY_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MPOMNG05010_POP_SPPLY_KEYWORD" type="text" name="sspplyNm" placeholder="공급업체명">
+					<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_SEARCH"><img src="../img/search.png"></button>
+				</form>
 			</div>
-			<div class="line">
-			  <label>공급업체</label>
-			  <div class="search_wrap">
-				  <div class="float_left">
-					<input id="ITP_FORM_MPOMNG05010_LIST_SPPLY_NM" type="text" placeholder="A공급업체명">
-				  </div>
-				  <div class="float_left_btn">
-					<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_SPPLY_NM" data-call-popup="ITP_POP_MPOMNG05010_SPPLY_AREA"><img src="../img/search.png" alt=""></button>
-					<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
-				  </div>
-			  </div> 
+			<div class="search_bar">
+				<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_NM" class="btn_blue">공급업체▼</button>
+			</div>
+			<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_AREA" class="popup_scroll">
+				<ul id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY" style="display: none;">
+					<li class="list-row">
+						<div class="scroll_left">
+							<div class="fnSpplyNm">공급업체 명A</div>
+							<div class="fnStNm">($)</div>
+						</div>
+						<div class="scroll_right">
+							<button id="ITP_BTN_MPOMNG05010_POP_SPPLY_CHOICE" class="fnSpplyId" data-item-key="">선택</button>
+						</div>
+					</li>
+				</div>
 			</div>
-			<div class="line">
-				<label>납품장소</label>
-				<div class="search_nm">
-				  <div class="float_left">
-					<input type="text" id="ITP_FORM_MPOMNG05010_LIST_DLV_PLACE_NM" class="" name="dlvPlaceNm" placeholder="매장명" />
-				  </div>
-				  <div class="float_left_btn">
-					<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG05010_WHS_AREA"><img src="../img/search.png" alt=""></button>
-					<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-				  </div>
+		</div>
+	</div>
+	<div id="ITP_POP_MPOMNG05010_WHS_AREA" class="popup2 mobile-pop-close" style="display: none;">
+		<div class="pop">
+			<div class="header">
+				<div class="header_left">
+					<label>> 납품장소</label>
 				</div>
+				<div class="header_right">
+					<button type="button" id="ITP_BTN_MPOMNG05010_POP_WHS_CLOSE"><img src="../img/close.png"></button>
 				</div>
-			<div class="line">
-			  <label>품목명</label>
-				 <div class="search_wrap">
-				  <div class="float_left">
-					<input id="ITP_FORM_MPOMNG05010_LIST_ITEM_NM" name="itemNm" style="width: 262px;" type="text" placeholder="A매장명">
-				  </div>
-			  </div>
 			</div>
-			<div class="line" style="height:50px;">
-			  <div class="search">
-				<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
-			  </div>
+			<div class="search_bar">
+				<form id="ITP_FORM_MPOMNG05010_POP_WHS" class="form-horizontal" onsubmit="return false;">
+					<input type="hidden" id="ITP_FORM_MPOMNG05010_WHS_ITEM_BRAND_ID" name="sbrandId" value="">
+					<input type="hidden" id="ITP_FORM_MPOMNG05010_WHS_ITEM_STORE_ID" name="sstoreId" value="">
+					<input id="ITP_FORM_MPOMNG05010_POP_WHS_KEYWORD" type="text" name="swhsNm" placeholder="납품장소명">
+					<button id="ITP_BTN_MPOMNG05010_POP_WHS_SEARCH"><img src="../img/search.png"></button>
+				</form>
+			</div>
+			<div class="search_bar">
+				<button id="ITP_BTN_MPOMNG05010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
 			</div>
-			<div class="table_header">
-			  <h1>> 납품서 내역</h1>
+			<div id="ITP_LIST_MPOMNG05010_POP_WHS_AREA" class="popup_scroll">
+				<ul id="ITP_LIST_MPOMNG05010_POP_WHS_ROWS" class="panel-group itp_nav"></ul>
+				<div id="ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY" style="display:none;">
+					<li class="list-row">
+						<div class="scroll_left">
+							<div class="fnWhsNm">브랜드 창고 명A</div>
+							<div class="fnLocationNm">(상세위치내용)</div>
+						</div>
+						<div class="scroll_right">
+							<button id="ITP_BTN_MPOMNG05010_POP_WHS_CHOICE" class="fnWhsId" data-whs-id="">선택</button>
+						</div>
+					</li>
+				</div>
 			</div>
-		  </div>
-		<div id="ITP_LIST_MPOMNG05010_ITEM_AREA" class="scroll_area row-4">
-		  <ul id="ITP_LIST_MPOMNG05010_LIST_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MPOMNG05010_LIST_ROWCOPY" style="display: block;">
-				<li class="history_list2">
-				  <div class="left">
-					<div class="nomal">
-					  <label>납품번호 </label>
-					  <div class="history">
-						<div class="fnDlvNo">202210010000001-0100</div> 
-					  </div>
+		</div>
+	</div>
+	<div id="ITP_AJAX_MPOMNG05010_LIST_CONTAINER" >
+		<form id="ITP_FORM_MPOMNG05010_LIST_SEARCH" class="form-horizontal" onsubmit="return false;">
+			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_BRAND_ID" name="sbrandId" value="">
+			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_STORE_ID" name="sstoreId" value="">
+			<input type="hidden" id="ITP_FORM_MPOMNG02010_LIST_SEARCH_IDX" name="sidx" value="0">
+			<div class="content">
+				<div class="line">
+					<select class="label" name="dtlGubun" id="ITP_FORM_MPOMNG05010_LIST_DTL_GUBUN">
+						<option value="1">발주생성일</option>
+						<option value="2">납품요청일</option>
+						<option value="3">납품예정일</option>
+						<option value="4">납품완료일</option>
+					</select>
+					<div class="date_to">
+						<input id="ITP_FORM_MPOMNG05010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
+						<div class="at">~</div>
+						<input id="ITP_FORM_MPOMNG05010_LIST_SEARCH_TO_DT" name="toDt" class="year" type="date">
 					</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 class="line">
+					<label>납품상태</label>
+					<div class="search_wrap">
+						<div class="line_right">
+							<select id="ITP_FORM_MPOMNG04010_LIST_SEARCH_DLV_ST_CD" data-select-code="DLV_ST_CD" class="stcd" name="sdlvStCd">
+							<select name="dlvStCd" id="ITP_FORM_MPOMNG05010_LIST_DLV_ST_CD">
+								<option value=""></option>
+							</select>
+						</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="fnDlvPlace">A매장내</div>
-					  </div>
+				</div>
+				<div class="line">
+					<label>공급업체</label>
+					<div class="search_wrap">
+						<div class="float_left">
+							<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_NM" name="sspplyNm" placeholder="A공급업체명" readonly>
+							<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_ID" class="" name="sspplyId" />
+						</div>
+						<div class="float_left_btn">
+							<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_SPPLY_NM"><img src="../img/search.png" alt=""></button>
+							<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
+						</div>
 					</div>
-				  </div>
-				  <div class="left">
-					<div class="nomal">
-					  <label>품목 </label>
-					  <div class="history">
-						<div class="fnItemNm">품목명(EA)</div> 
-					  </div>
+				</div>
+				<div class="line">
+					<label>납품장소</label>
+					<div class="search_nm">
+						<div class="float_left">
+							<input type="text" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_NM" class="" name="swhsNm" placeholder="매장명" readonly />
+							<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_ID" class="" name="swhsId" />
+						</div>
+						<div class="float_left_btn">
+							<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH_WHS_NM"><img src="../img/search.png" alt=""></button>
+							<button id="ITP_BTN_MPOMNG05010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+						</div>
+					</div>
+				</div>
+				<div class="line">
+					<label>품목명</label>
+					<div class="search_wrap">
+						<div class="float_left">
+							<input id="ITP_FORM_MPOMNG05010_LIST_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="품목명">
+						</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_LIST_WHS_QTY" name="whsQty" type="text" placeholder="10">
-					  </div>
+				</div>
+				<div class="line" style="height:50px;">
+					<div class="search">
+						<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
 					</div>
-				  </div>
-				</li>
+				</div>
+				<div class="table_header">
+					<h1>> 납품서 내역</h1>
+				</div>
+			</div>
+			<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_AREA" class="scroll_area row-4">
+				<ul id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS" class="panel-group"></ul>
+				<div id="ITP_LIST_MPOMNG05010_LIST_ITEM_ROWCOPY" style="display: block;">
+					<li class="history_list2 list-row">
+						<div class="left">
+							<div class="nomal">
+								<label class="">납품번호 </label>
+								<div class="history">
+									<div class="fnDlvNo">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="fn sub_info">납품일자</label>
+								<div class="history">
+									<div class="fnDlvDt">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="fnDlvPlace">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>
-		  </div>
-		  <div class="button_bar">
-			<button id="ITP_BTN_MPOMNG05010_LIST_WHS" class="btn_col_6 btn-primary INPS">입고처리</button>
-			<button id="ITP_BTN_MPOMNG05010_LIST_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
-		  </div>
-	  </form>
+		</form>
 	</div>
-  </section>
+	<div id="ITP_MOBILE_JS"></div>
+</section>

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

@@ -1,122 +1,123 @@
-<section id="ITP_MOBILE_MPOMNG06010"> 
-	<div id="ITP_AJAX_MPOMNG06010_LIST_CONTAINER">
-	<form id="ITP_FORM_MPOMNG05010_LIST" class="form-horizontal" onsubmit="return false;">
-		<input type="hidden" id="ITP_FORM_MPOMNG05010_LIST_VIEW_CD" name="viewCd" value="C">
-		  <div class="content">
-			<div class="line">
-			  <select class="label" name="whsDt" id="ITP_FORM_MPOMNG06010_LIST_WHS_DT">
-				<option value="">입고일자</option>
-			  </select>
-			  <div class="date_to">
-				<input id="ITP_FORM_MPOMNG06010_LIST_FORM_DT" class="year" type="date">
-				<div class="at">~</div>
-				<input id="ITP_FORM_MPOMNG06010_LIST_TO_DT" class="year" type="date">
-			  </div>
-			</div>
-			<div class="line">
-			  <label>발주번호</label>
-			  <div class="search_wrap">
-				  <div class="line_right">
-					<input id="ITP_FORM_MPOMNG06010_LIST_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_LIST_SPPLY_NM" name="spplyNm" type="text" placeholder="A공급업체명">
-				  </div>
-				  <div class="float_left_btn">
-					<button id="ITP_BTN_MPOMNG06010_LIST_SEARCH_SPPLY_NM" data-call-popup="ITP_POP_MPOMNG06010_SPPLY_AREA"><img src="../img/search.png" alt=""></button>
-					<button id="ITP_BTN_MPOMNG06010_LIST_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
-				  </div>
-			  </div> 
-			</div>
-			<div class="line">
-				<label>납품장소</label>
-				<div class="search_nm">
-				  <div class="float_left">
-					<input type="text" id="ITP_FORM_MPOMNG06010_LIST_DLV_PLACE_NM" class="" name="dlvPlaceNm" placeholder="매장명" />
-				  </div>
-				  <div class="float_left_btn">
-					<button id="ITP_BTN_MPOMNG06010_LIST_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG06010_WHS_AREA"><img src="../img/search.png" alt=""></button>
-					<button id="ITP_BTN_MPOMNG06010_LIST_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
-				  </div>
-				</div>
+<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">
+						<input id="ITP_FORM_MPOMNG05010_DETAIL_DLV_SCH_DT" name="dlvSchDt" class="date2" type="date" placeholder="">
+					</div>
 				</div>
-			<div class="line">
-			  <label>품목명</label>
-				 <div class="search_wrap">
-				  <div class="float_left">
-					<input id="ITP_FORM_MPOMNG06010_LIST_ITEM_NM" name="itemNm" style="width: 262px;" type="text" placeholder="A매장명">
-				  </div>
-			  </div>
-			</div>
-			<div class="line" style="height:50px;">
-			  <div class="search">
-				<button id="ITP_BTN_MPOMNG06010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
-			  </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_LIST_ROWS" class="panel-group"></ul>
-			  <div id="ITP_LIST_MPOMNG06010_LIST_ROWCOPY" style="display: block;">
-				<li class="history_list2">
-				  <div class="left">
-					<div class="nomal">
-					  <label>납품번호 </label>
-					  <div class="history">
-						<div class="fnDlvNo">202210010000001-0100</div> 
-					  </div>
+				<div class="line">
+					<label>납품서번호</label>
+					<div class="search_wrap">
+						<div class="line_right">
+							<select name="dlvNo" id="ITP_FORM_MPOMNG05010_DETAIL_DLV_NO" class="m9">
+							</select>
+						</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 class="line">
+					<label>공급업체</label>
+					<div class="search_wrap">
+						<div class="float_left">
+							<input id="ITP_FORM_MPOMNG05010_DETAIL_SPPLY_NM" 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_AREA"><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="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="fnDlvPlace">A매장내</div>
-					  </div>
+				</div>
+				<div class="line">
+					<label>납품장소</label>
+					<div class="search_nm">
+						<div class="float_left">
+							<input type="text" id="ITP_FORM_MPOMNG05010_DETAIL_DLV_PLACE_NM" class="" name="dlvPlaceNm" placeholder="매장명" />
+						</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="left">
-					<div class="nomal">
-					  <label>품목 </label>
-					  <div class="history">
-						<div class="fnItemNm">품목명(EA)</div> 
-					  </div>
+				</div>
+				<div class="line">
+					<label>품목명</label>
+					<div class="search_wrap">
+						<div class="float_left">
+							<input id="ITP_FORM_MPOMNG05010_DETAIL_ITEM_NM" name="itemNm" style="width: 262px;" type="text" placeholder="A매장명">
+						</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="fnWhsQty">10</div>
-					  </div>
+				</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>
-				</li>
+				</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="fnDlvNo">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="fnDlvPlace">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_DETAOL_WHS" class="btn_col_6 btn-primary INPS">입고처리</button>
+				<button id="ITP_BTN_MPOMNG05010_DETAIL_CANCEL" class="btn_col_3 btn-gray CLB">취소</button>
 			</div>
-		  </div>
-	  </form>
+		</form>
 	</div>
-  </section>
+</section>

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

@@ -0,0 +1,122 @@
+<section id="ITP_MOBILE_MPOMNG06010"> 
+  <div id="ITP_AJAX_MPOMNG06010_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">
+	        <select class="label" name="whsDt" id="ITP_FORM_MPOMNG06010_DETAIL_WHS_DT">
+	          <option value="">입고일자</option>
+	        </select>
+	        <div class="date_to">
+	          <input id="ITP_FORM_MPOMNG06010_DETAIL_FORM_DT" class="year" type="date">
+	          <div class="at">~</div>
+	          <input id="ITP_FORM_MPOMNG06010_DETAIL_TO_DT" class="year" type="date">
+	        </div>
+	      </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_AREA"><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_nm">
+	            <div class="float_left">
+	              <input type="text" id="ITP_FORM_MPOMNG06010_DETAIL_DLV_PLACE_NM" class="" name="dlvPlaceNm" placeholder="매장명" />
+	            </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" name="itemNm" style="width: 262px;" type="text" placeholder="A매장명">
+		        </div>
+	        </div>
+	      </div>
+	      <div class="line" style="height:50px;">
+	        <div class="search">
+	          <button id="ITP_BTN_MPOMNG06010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
+	        </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="fnDlvNo">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="fnDlvPlace">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="fnWhsQty">10</div>
+		            </div>
+		          </div>
+		        </div>
+		      </li>
+	      </div>
+	    </div>
+    </form>
+  </div>
+</section>

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

@@ -81,12 +81,7 @@ let mobPageObj = {
 				return false;
 			});
 
-			$(document).on('click', '#ITP_LIST_MPOMNG03010_MODIFY_ROWS li button', function() {
-				if($(this).hasClass('DETAIL_ITEM_PLUS')) {
-					mobContentObj.modify.list.actPlus($(this));
-				} else if($(this).hasClass('DETAIL_ITEM_MINUS')) {
-					mobContentObj.modify.list.actMinus($(this));
-				}
+			$(document).on('click', '#ITP_LIST_MPOMNG03010_LIST_ROWS li', function() {
 			});
 		}
 	},
@@ -95,10 +90,10 @@ let mobPageObj = {
 			$(this).hide();
 		});
 		if(mode === VIEW_MODE_LIST) {
-			$('#ITP_AJAX_MPOMNG03010_VIEW_CONTAINER').show();
+			$('#ITP_AJAX_MPOMNG03010_LIST_CONTAINER').show();
 			this.moreView(true);
 		} else if(mode === VIEW_MODE_VIEW) {
-			$('#ITP_AJAX_MPOMNG03010_DETAIL_CONTAINER').show();
+			$('#ITP_AJAX_MPOMNG03010_VIEW_CONTAINER').show();
 			this.moreView(false);
 		}
 		this.viewMode = mode;
@@ -106,7 +101,7 @@ let mobPageObj = {
 	moreView: function(isScroll) {
 		var _this = this;
 		if(isScroll) {
-			$('#ITP_LIST_MPOMNG03010_LIST_AREA').on('scroll', function () {
+			$('#ITP_LIST_MPOMNG03010_LIST_ITEM_AREA').on('scroll', function () {
 				if($(this).scrollTop() + $(this).innerHeight() + 1 >= $(this)[0].scrollHeight) {
 					if(mobContentObj.list.totPage > mobContentObj.list.listPage) {
 						if(!mobContentObj.list.isSearch) {
@@ -134,7 +129,6 @@ let mobContentObj = {
 		init: function() {
 			mobPageObj.switchScreen(VIEW_MODE_LIST);
 			this.search();
-			this.action();
 		},
 		search: function() {
 			this.listPage = 0;
@@ -150,18 +144,18 @@ let mobContentObj = {
 				console.log(result);
 				_this.isSearch = false;
 				_this.totPage = result.gridTotal;
-				$.each(result.gridRows, function (i, item) {
-					$('#ITP_LIST_MPOMNG03010_LIST_AREA .panel-group').append($('#ITP_LIST_MPOMNG03010_LIST_ROWCOPY').html());
-					var $li = $('#ITP_LIST_MPOMNG03010_LIST_AREA .panel-group > .list-row:last');
-					$li.find('.fnPchReqDt').text(item.pchReqDt);
-					$li.find('.fnPchReqMgrNm').text(item.pchReqMgrNm);
-					$li.find('.fnPchReqStNm').text(item.pchReqStNm);
-					$li.find('.fnWhsLocationNm').text(item.whsLocationNm);
-					$li.find('.fnPchReqItemQty').text(CommonObj.comma.set(item.pchReqItemQty));
-					$li.find('.fnPchReqTotalAmt').text(CommonObj.comma.set(item.pchReqTotalAmt));
-					$li.find('.fnPchReqRjctNm').text(item.pchReqRjctNm);
-					_this.rows.push(item);
-				});
+				// $.each(result.gridRows, function (i, item) {
+				// 	$('#ITP_LIST_MPOMNG03010_LIST_AREA .panel-group').append($('#ITP_LIST_MPOMNG03010_LIST_ROWCOPY').html());
+				// 	var $li = $('#ITP_LIST_MPOMNG03010_LIST_AREA .panel-group > .list-row:last');
+				// 	$li.find('.fnPchReqDt').text(item.pchReqDt);
+				// 	$li.find('.fnPchReqMgrNm').text(item.pchReqMgrNm);
+				// 	$li.find('.fnPchReqStNm').text(item.pchReqStNm);
+				// 	$li.find('.fnWhsLocationNm').text(item.whsLocationNm);
+				// 	$li.find('.fnPchReqItemQty').text(CommonObj.comma.set(item.pchReqItemQty));
+				// 	$li.find('.fnPchReqTotalAmt').text(CommonObj.comma.set(item.pchReqTotalAmt));
+				// 	$li.find('.fnPchReqRjctNm').text(item.pchReqRjctNm);
+				// 	_this.rows.push(item);
+				// });
 			};
 			var errFn = function() { _this.isSearch = false;};
 			const param = $('#ITP_FORM_MPOMNG03010_VIEW_SEARCH').serializeObject();
@@ -170,14 +164,6 @@ let mobContentObj = {
 			param.fromDt = param.fromDt.replace(/-/g, ".");
 			param.toDt = param.toDt.replace(/-/g, ".");
 			fn_ajax_call(API_MOBILE_GRID_LIST, JSON.stringify(param), callbackFn, 'POST', errFn);
-		},
-		action: function () {
-			var _this = this;
-			$(document).on('click', '#ITP_LIST_MPOMNG03010_LIST_ROWS li', function() {
-				var index = $(this).index();
-				var item = _this.rows[index];
-				(item.pchReqStCd === PCH_REQ_ST_CD_TEMP_SAVE) ? mobContentObj.modify.init(item) : mobContentObj.detail.init(item);
-			});
 		}
 	},
 	detail: {

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

@@ -0,0 +1,354 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		mobPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_GRID_LIST 			= '/api/pomng/po/detail-grid-list';	// 목록
+const API_MOBILE_INFO 				= '/api/pomng/po/info-pchOdr';		// 상세
+const API_POP_SEARCH_LIST			= '/api/whs/mng/pop-whs-search';
+const API_POP_ITEM_LIST 			= '/api/item/pop-grid-list';
+const API_POP_SPPLY_LIST 			= '/api/spply/pop-grid-list';
+
+const PAGE_MODE_LIST				= "LIST";
+const PAGE_MODE_VIEW				= "VIEW";
+
+let mobPageObj = {
+	viewMode: PAGE_MODE_LIST,
+	init: function () {
+		this.ui.init();
+		this.event.init();
+		this.ready();
+	},
+	ui: {
+		init: function () {
+			this.view();
+			this.info();
+		},
+		view: function() {
+			// 공통코드 표시
+			$('select').each(function() {
+				if($(this).data('select-code')) {
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+				}
+			});
+
+			// 조회일자 지정
+			$('#ITP_FORM_MPOMNG04010_LIST_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
+			$('#ITP_FORM_MPOMNG04010_LIST_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+		},
+		info: function() {
+			$('input:hidden[id$="_BRAND_ID"]').val(fn_make_user_info.get('brandId'));
+			$('input:hidden[id$="_STORE_ID"]').val(fn_make_user_info.get('storeId'));
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			$('button[id^="ITP_BTN_MPOMNG04010_LIST"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MPOMNG04010_LIST_SEARCH_WHS_NM'	: mobPopObj.popWhsNm.init(); 	break;
+					case 'ITP_BTN_MPOMNG04010_LIST_DELETE_WHS_NM'	: mobPopObj.popWhsNm.delete(); 	break;
+					case 'ITP_BTN_MPOMNG04010_LIST_SEARCH_SPPLY_NM'	: mobPopObj.popSpply.init(); 	break;
+					case 'ITP_BTN_MPOMNG04010_LIST_DELETE_SPPLY_NM'	: mobPopObj.popSpply.delete(); 	break;
+					case 'ITP_BTN_MPOMNG04010_LIST_SEARCH'			: mobContentObj.list.search();	break;
+				}
+				return false;
+			});
+
+			$('button[id^="ITP_BTN_MPOMNG04010_VIEW"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MPOMNG04010_VIEW_CANCEL_LIST'		: mobContentObj.view.cancel();	break;
+				}
+				return false;
+			});
+
+			$(document).on('click', '#ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS li', function() {
+				var item = mobContentObj.list.rows[$(this).index()];
+				mobContentObj.view.init(item);
+			});
+
+			$(document).on('click', '#ITP_POP_MPOMNG04010_LIST_SPPLY_ROWS li button', function() {
+				mobPopObj.popSpply.choice($(this));
+			});
+
+			$(document).on('click', '#ITP_LIST_MPOMNG04010_POP_WHS_ROWS li button', function() {
+				mobPopObj.popWhsNm.choice($(this));
+			});
+		}
+	},
+	switchScreen: function(mode) {
+		$('#ITP_MOBILE_MPOMNG04010').find('div[id$="_CONTAINER"]').each(function(i) {
+			$(this).hide();
+		});
+		if(mode === PAGE_MODE_LIST) {
+			$('#ITP_AJAX_MPOMNG04010_LIST_CONTAINER').show();
+			this.moreView(true);
+		} else if(mode === PAGE_MODE_VIEW) {
+			$('#ITP_AJAX_MPOMNG04010_VIEW_CONTAINER').show();
+			this.moreView(false);
+		}
+		this.viewMode = mode;
+	},
+	moreView: function(isScroll) {
+		var _this = this;
+		if(isScroll) {
+			$('#ITP_LIST_MPOMNG04010_LIST_ITEM_AREA').on('scroll', function () {
+				if($(this).scrollTop() + $(this).innerHeight() + 1 >= $(this)[0].scrollHeight) {
+					if(mobContentObj.list.totPage > mobContentObj.list.listPage) {
+						if(!mobContentObj.list.isSearch) {
+							mobContentObj.list.load();
+						}
+					}
+				}
+			});
+		} else {
+			$('#ITP_LIST_MPOMNG04010_LIST_AREA').off('scroll');
+		}
+	},
+	ready: function() {
+		mobContentObj.list.init();
+	}
+};
+
+let mobContentObj = {
+	list: {
+		listSize: 10,
+		listPage: 0,
+		totPage: 0,
+		isSearch: false,
+		rows: [],
+		init: function() {
+			mobPageObj.switchScreen(PAGE_MODE_LIST);
+			this.search();
+		},
+		search: function() {
+			this.listPage = 0;
+			this.totPage = 0;
+			this.rows.length = 0;
+			$('#ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS').empty();
+			this.load();
+		},
+		load: function() {
+			var _this = this;
+			this.isSearch = true;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.isSearch = false;
+				_this.totPage = result.gridTotal;
+				$.each(result.gridRows, function (i, item) {
+					$('#ITP_LIST_MPOMNG04010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MPOMNG04010_LIST_ITEM_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MPOMNG04010_LIST_ITEM_AREA .panel-group > .list-row:last');
+					$li.find('.fnPodrDt').text(item.podrDt);
+					$li.find('.fnPodrMgrNm').text(item.podrMgrNm);
+					$li.find('.fnPchodrStCd').text(item.pchOdrStNm);
+					$li.find('.fnLocationNm').text(item.whsNm + ' - ' + item.locationNm);
+					$li.find('.fnItemQty').text($li.find('.fnItemQty').text().replace('$', item.podrItemQty));
+					$li.find('.fnPodrTotalAmt').text(CommonObj.comma.set(item.podrTotalAmt));
+					$li.find('.fnSpplyNm').text(item.spplyNm);
+					_this.rows.push(item);
+				});
+			};
+			var errFn = function() { _this.isSearch = false;};
+			const param = $('#ITP_FORM_MPOMNG04010_LIST_SEARCH').serializeObject();
+			param.gridPage = ++this.listPage;
+			param.gridSize = this.listSize;
+			param.fromDt = param.fromDt.replace(/-/g, ".");
+			param.toDt = param.toDt.replace(/-/g, ".");
+			console.log(JSON.stringify(param));
+			fn_ajax_call(API_MOBILE_GRID_LIST, JSON.stringify(param), callbackFn, 'POST', errFn);
+		}
+	},
+	view: {
+		init: function(item) {
+			mobPageObj.switchScreen(PAGE_MODE_VIEW);
+			this.search(item);
+		},
+		search: function(item) {
+			var _this = this;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result);
+			};
+			const param = {'pchPodrUnqNo': item.pchPodrUnqNo};
+			fn_ajax_call(API_MOBILE_INFO, param, callbackFn, 'GET');
+		},
+		view: function(result) {
+			var _this = this;
+			var id = '#ITP_AJAX_MPOMNG04010_VIEW_CONTAINER';
+			$(id).find('.fnPodrDt').text(result.podrDt);
+			$(id).find('.fnPodrTotalAmt').text(CommonObj.currency.add(result.podrTotalAmt));
+			$(id).find('.fnShmtWhsDvsnNm').text(result.shmtWhsDvsnNm);
+			$(id).find('.fnSpplyNm').text(result.spplyNm);
+			$(id).find('.fnDlvReqDt').text(result.dlvReqDt);
+			$.each(result.pchOdrDtlList, function (i, item) {
+				$('#ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA .panel-group').append($('#ITP_LIST_MPOMNG04010_VIEW_ITEM_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA .panel-group > .list-row:last');
+				console.log(item);
+				$li.find('.fnItemNm').text(item.itemNm);
+				$li.find('.fnUnit').text(item.unit);
+				$li.find('.fnPodrQty').text(CommonObj.currency.add(item.podrQty));
+				$li.find('.fnUnitAmt').text(CommonObj.currency.add(item.unitAmt));
+				$li.find('.fnPodrAmt').text(CommonObj.currency.add(item.podrAmt));
+			});
+		},
+		cancel: function () {
+			var id = '#ITP_AJAX_MPOMNG04010_VIEW_CONTAINER';
+			$(id).find('.fnPodrDt').text('');
+			$(id).find('.fnPodrTotalAmt').text('');
+			$(id).find('.fnShmtWhsDvsnNm').text('');
+			$(id).find('.fnSpplyNm').text('');
+			$('#ITP_LIST_MPOMNG04010_VIEW_ITEM_AREA .panel-group').empty();
+			mobPageObj.switchScreen(PAGE_MODE_LIST);
+		}
+	}
+};
+
+let mobPopObj = {
+	popSpply: {
+		popId: 'ITP_POP_MPOMNG04010_SPPLY_AREA',
+		rows: [],
+		init: function() {
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function() {
+			var _this = this;
+			$('#ITP_POP_MPOMNG04010_LIST_SPPLY_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			let param = $('#ITP_FORM_MPOMNG04010_POP_SPPLY_SEARCH').serializeObject();
+			fn_ajax_call(API_POP_SPPLY_LIST, JSON.stringify(param), callbackFn, 'POST');
+		},
+		view: function(gridRows) {
+			this.rows = gridRows;
+			$.each(gridRows, function (i, item) {
+				$('#ITP_POP_MPOMNG04010_LIST_SPPLY_AREA .panel-group').append($('#ITP_POP_MPOMNG04010_LIST_SPPLY_ROWCOPY').html());
+				var $li = $('#ITP_POP_MPOMNG04010_LIST_SPPLY_AREA .panel-group > .list-row:last');
+				$li.find('.fnSpplyNm').text(item.spplyNm);
+				$li.find('.fnStNm').text($li.find('.fnStNm').text().replace('$', item.stNm));
+				$li.find('.fnSpplyId').data('item-key', item.spplyId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var spplyId = $(elem).data('item-key');
+			$.each(this.rows, function (i, item) {
+				if(spplyId === item.spplyId) {
+					$('#ITP_FORM_MPOMNG04010_LIST_SEARCH #ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_ID').val(item.spplyId);
+					$('#ITP_FORM_MPOMNG04010_LIST_SEARCH #ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_NM').val(item.spplyNm);
+					_this.close();
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MPOMNG04010_POP_SPPLY"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MPOMNG04010_POP_SPPLY_SEARCH'	: _this.search();			break;
+					case 'ITP_BTN_MPOMNG04010_POP_SPPLY_CHOICE'	: _this.choice($(this));	break;
+					case 'ITP_BTN_MPOMNG04010_POP_SPPLY_CLOSE'	: _this.close(); 			break;
+				}
+				return false;
+			});
+		},
+		delete: function() {
+			$('#ITP_FORM_MPOMNG04010_LIST_SEARCH #ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_ID').val('');
+			$('#ITP_FORM_MPOMNG04010_LIST_SEARCH #ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_NM').val('');
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MPOMNG04010_LIST_SPPLY_AREA .panel-group').empty();
+			$('#ITP_FORM_MPOMNG04010_POP_SPPLY_SEARCH #ITP_FORM_MPOMNG04010_POP_SPPLY_KEYWORD').val('');
+			mobPopObj.hide(this.popId);
+		}
+	},
+	popWhsNm: {
+		popId: 'ITP_POP_MPOMNG04010_WHS_AREA',
+		rows: [],
+		init: function () {
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function () {
+			var _this = this;
+			$('#ITP_LIST_MPOMNG04010_POP_WHS_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			const param = $('#ITP_FORM_MPOMNG04010_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_MPOMNG04010_POP_WHS_AREA .panel-group').append($('#ITP_LIST_MPOMNG04010_POP_WHS_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MPOMNG04010_POP_WHS_AREA .panel-group > .list-row:last');
+				$li.find('.fnWhsNm').text(item.whsNm);
+				$li.find('.fnLocationNm').text(item.locationNm);
+				$li.find('.fnWhsId').data('whs-id', item.whsId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var whsId = $(elem).data('whs-id');
+			$.each(this.rows, function (i, item) {
+				if(whsId === item.whsId) {
+					$('#ITP_FORM_MPOMNG04010_LIST_SEARCH #ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_ID').val(item.whsId);
+					$('#ITP_FORM_MPOMNG04010_LIST_SEARCH #ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_NM').val(item.whsNm);
+					_this.close();
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MPOMNG04010_POP_WHS"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MPOMNG04010_POP_WHS_SEARCH'	: _this.search();			break;
+					case 'ITP_BTN_MPOMNG04010_POP_WHS_CHOICE'	: _this.choice($(this)); 	break;
+					case 'ITP_BTN_MPOMNG04010_POP_WHS_CLOSE'	: _this.close(); 			break;
+				}
+				return false;
+			});
+		},
+		delete: function() {
+			$('#ITP_FORM_MPOMNG04010_LIST_SEARCH #ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_ID').val('');
+			$('#ITP_FORM_MPOMNG04010_LIST_SEARCH #ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_NM').val('');
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MPOMNG04010_LIST_WHS_AREA .panel-group').empty();
+			$('#ITP_FORM_MPOMNG04010_POP_WHS #ITP_FORM_MPOMNG04010_POP_WHS_KEYWORD').val('');
+			mobPopObj.hide(this.popId);
+		}
+	},
+	show: function(popId) {
+		$('button[id$="_CLOSE"]').off('click').on('click', function() {
+			console.log($(this).attr('id'));
+			if($(this).hasClass('btn-pop-close')) {
+				mobPopObj.hide(popId);
+			}
+		});
+		$('#' + popId).show();
+	},
+	hide: function(popId) {
+		$('#' + popId).closest('.mobile-pop-close').hide();
+	}
+};

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

@@ -0,0 +1,353 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		mobPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_GRID_LIST 			= '/api/pomng/inoutmng/deli-grid-list';	// 목록
+const API_MOBILE_INFO 				= '/api/pomng/po/info-pchOdr';			// 상세
+const API_POP_SEARCH_LIST			= '/api/whs/mng/pop-whs-search';
+const API_POP_SPPLY_LIST 			= '/api/spply/pop-grid-list';
+
+const PAGE_MODE_LIST				= "LIST";
+const PAGE_MODE_VIEW				= "VIEW";
+
+let mobPageObj = {
+	viewMode: PAGE_MODE_LIST,
+	init: function () {
+		this.ui.init();
+		this.event.init();
+		this.ready();
+	},
+	ui: {
+		init: function () {
+			this.view();
+			this.info();
+		},
+		view: function() {
+			// 공통코드 표시
+			$('select').each(function() {
+				if($(this).data('select-code')) {
+					fn_make_select(CODE_LIST, $(this).data('select-code'), $(this).attr('id'));
+				}
+			});
+
+			// 조회일자 지정
+			$('#ITP_FORM_MPOMNG05010_LIST_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
+			$('#ITP_FORM_MPOMNG05010_LIST_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+		},
+		info: function() {
+			$('input:hidden[id$="_BRAND_ID"]').val(fn_make_user_info.get('brandId'));
+			$('input:hidden[id$="_STORE_ID"]').val(fn_make_user_info.get('storeId'));
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			$('button[id^="ITP_BTN_MPOMNG05010_LIST"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MPOMNG05010_LIST_SEARCH_WHS_NM'	: mobPopObj.popWhsNm.init(); 	break;
+					case 'ITP_BTN_MPOMNG05010_LIST_DELETE_WHS_NM'	: mobPopObj.popWhsNm.delete(); 	break;
+					case 'ITP_BTN_MPOMNG05010_LIST_SEARCH_SPPLY_NM'	: mobPopObj.popSpply.init(); 	break;
+					case 'ITP_BTN_MPOMNG05010_LIST_DELETE_SPPLY_NM'	: mobPopObj.popSpply.delete(); 	break;
+					case 'ITP_BTN_MPOMNG05010_LIST_SEARCH'			: mobContentObj.list.search();	break;
+				}
+				return false;
+			});
+
+			$('button[id^="ITP_BTN_MPOMNG05010_VIEW"]').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MPOMNG05010_VIEW_CANCEL_LIST'		: mobContentObj.view.cancel();	break;
+				}
+				return false;
+			});
+
+			$(document).on('click', '#ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS li', function() {
+				var item = mobContentObj.list.rows[$(this).index()];
+				mobContentObj.view.init(item);
+			});
+
+			$(document).on('click', '#ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS li button', function() {
+				mobPopObj.popSpply.choice($(this));
+			});
+
+			$(document).on('click', '#ITP_LIST_MPOMNG05010_POP_WHS_ROWS li button', function() {
+				mobPopObj.popWhsNm.choice($(this));
+			});
+		}
+	},
+	switchScreen: function(mode) {
+		$('#ITP_MOBILE_MPOMNG05010').find('div[id$="_CONTAINER"]').each(function(i) {
+			$(this).hide();
+		});
+		if(mode === PAGE_MODE_LIST) {
+			$('#ITP_AJAX_MPOMNG05010_LIST_CONTAINER').show();
+			this.moreView(true);
+		} else if(mode === PAGE_MODE_VIEW) {
+			$('#ITP_AJAX_MPOMNG05010_VIEW_CONTAINER').show();
+			this.moreView(false);
+		}
+		this.viewMode = mode;
+	},
+	moreView: function(isScroll) {
+		var _this = this;
+		if(isScroll) {
+			$('#ITP_LIST_MPOMNG05010_LIST_ITEM_AREA').on('scroll', function () {
+				if($(this).scrollTop() + $(this).innerHeight() + 1 >= $(this)[0].scrollHeight) {
+					if(mobContentObj.list.totPage > mobContentObj.list.listPage) {
+						if(!mobContentObj.list.isSearch) {
+							mobContentObj.list.load();
+						}
+					}
+				}
+			});
+		} else {
+			$('#ITP_LIST_MPOMNG05010_LIST_AREA').off('scroll');
+		}
+	},
+	ready: function() {
+		mobContentObj.list.init();
+	}
+};
+
+let mobContentObj = {
+	list: {
+		listSize: 10,
+		listPage: 0,
+		totPage: 0,
+		isSearch: false,
+		rows: [],
+		init: function() {
+			mobPageObj.switchScreen(PAGE_MODE_LIST);
+			this.search();
+		},
+		search: function() {
+			this.listPage = 0;
+			this.totPage = 0;
+			this.rows.length = 0;
+			$('#ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS').empty();
+			this.load();
+		},
+		load: function() {
+			var _this = this;
+			this.isSearch = true;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.isSearch = false;
+				_this.totPage = result.gridTotal;
+				$.each(result.gridRows, function (i, item) {
+					$('#ITP_LIST_MPOMNG05010_LIST_ITEM_AREA .panel-group').append($('#ITP_LIST_MPOMNG05010_LIST_ITEM_ROWCOPY').html());
+					var $li = $('#ITP_LIST_MPOMNG05010_LIST_ITEM_AREA .panel-group > .list-row:last');
+					$li.find('.fnPodrDt').text(item.podrDt);
+					$li.find('.fnPodrMgrNm').text(item.podrMgrNm);
+					$li.find('.fnPchodrStCd').text(item.pchOdrStNm);
+					$li.find('.fnLocationNm').text(item.whsNm + ' - ' + item.locationNm);
+					$li.find('.fnItemQty').text($li.find('.fnItemQty').text().replace('$', item.podrItemQty));
+					$li.find('.fnPodrTotalAmt').text(CommonObj.comma.set(item.podrTotalAmt));
+					$li.find('.fnSpplyNm').text(item.spplyNm);
+					_this.rows.push(item);
+				});
+			};
+			var errFn = function() { _this.isSearch = false;};
+			const param = $('#ITP_FORM_MPOMNG05010_LIST_SEARCH').serializeObject();
+			param.gridPage = ++this.listPage;
+			param.gridSize = this.listSize;
+			param.fromDt = param.fromDt.replace(/-/g, ".");
+			param.toDt = param.toDt.replace(/-/g, ".");
+			console.log(JSON.stringify(param));
+			fn_ajax_call(API_MOBILE_GRID_LIST, JSON.stringify(param), callbackFn, 'POST', errFn);
+		}
+	},
+	view: {
+		init: function(item) {
+			mobPageObj.switchScreen(PAGE_MODE_VIEW);
+			this.search(item);
+		},
+		search: function(item) {
+			var _this = this;
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result);
+			};
+			const param = {'pchPodrUnqNo': item.pchPodrUnqNo};
+			fn_ajax_call(API_MOBILE_INFO, param, callbackFn, 'GET');
+		},
+		view: function(result) {
+			var _this = this;
+			var id = '#ITP_AJAX_MPOMNG05010_VIEW_CONTAINER';
+			$(id).find('.fnPodrDt').text(result.podrDt);
+			$(id).find('.fnPodrTotalAmt').text(CommonObj.currency.add(result.podrTotalAmt));
+			$(id).find('.fnShmtWhsDvsnNm').text(result.shmtWhsDvsnNm);
+			$(id).find('.fnSpplyNm').text(result.spplyNm);
+			$(id).find('.fnDlvReqDt').text(result.dlvReqDt);
+			$.each(result.pchOdrDtlList, function (i, item) {
+				$('#ITP_LIST_MPOMNG05010_VIEW_ITEM_AREA .panel-group').append($('#ITP_LIST_MPOMNG05010_VIEW_ITEM_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MPOMNG05010_VIEW_ITEM_AREA .panel-group > .list-row:last');
+				console.log(item);
+				$li.find('.fnItemNm').text(item.itemNm);
+				$li.find('.fnUnit').text(item.unit);
+				$li.find('.fnPodrQty').text(CommonObj.currency.add(item.podrQty));
+				$li.find('.fnUnitAmt').text(CommonObj.currency.add(item.unitAmt));
+				$li.find('.fnPodrAmt').text(CommonObj.currency.add(item.podrAmt));
+			});
+		},
+		cancel: function () {
+			var id = '#ITP_AJAX_MPOMNG05010_VIEW_CONTAINER';
+			$(id).find('.fnPodrDt').text('');
+			$(id).find('.fnPodrTotalAmt').text('');
+			$(id).find('.fnShmtWhsDvsnNm').text('');
+			$(id).find('.fnSpplyNm').text('');
+			$('#ITP_LIST_MPOMNG05010_VIEW_ITEM_AREA .panel-group').empty();
+			mobPageObj.switchScreen(PAGE_MODE_LIST);
+		}
+	}
+};
+
+let mobPopObj = {
+	popSpply: {
+		popId: 'ITP_POP_MPOMNG05010_SPPLY_AREA',
+		rows: [],
+		init: function() {
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function() {
+			var _this = this;
+			$('#ITP_POP_MPOMNG05010_LIST_SPPLY_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			let param = $('#ITP_FORM_MPOMNG05010_POP_SPPLY_SEARCH').serializeObject();
+			fn_ajax_call(API_POP_SPPLY_LIST, JSON.stringify(param), callbackFn, 'POST');
+		},
+		view: function(gridRows) {
+			this.rows = gridRows;
+			$.each(gridRows, function (i, item) {
+				$('#ITP_POP_MPOMNG05010_LIST_SPPLY_AREA .panel-group').append($('#ITP_POP_MPOMNG05010_LIST_SPPLY_ROWCOPY').html());
+				var $li = $('#ITP_POP_MPOMNG05010_LIST_SPPLY_AREA .panel-group > .list-row:last');
+				$li.find('.fnSpplyNm').text(item.spplyNm);
+				$li.find('.fnStNm').text($li.find('.fnStNm').text().replace('$', item.stNm));
+				$li.find('.fnSpplyId').data('item-key', item.spplyId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var spplyId = $(elem).data('item-key');
+			$.each(this.rows, function (i, item) {
+				if(spplyId === item.spplyId) {
+					$('#ITP_FORM_MPOMNG05010_LIST_SEARCH #ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_ID').val(item.spplyId);
+					$('#ITP_FORM_MPOMNG05010_LIST_SEARCH #ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_NM').val(item.spplyNm);
+					_this.close();
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MPOMNG05010_POP_SPPLY"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MPOMNG05010_POP_SPPLY_SEARCH'	: _this.search();			break;
+					case 'ITP_BTN_MPOMNG05010_POP_SPPLY_CHOICE'	: _this.choice($(this));	break;
+					case 'ITP_BTN_MPOMNG05010_POP_SPPLY_CLOSE'	: _this.close(); 			break;
+				}
+				return false;
+			});
+		},
+		delete: function() {
+			$('#ITP_FORM_MPOMNG05010_LIST_SEARCH #ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_ID').val('');
+			$('#ITP_FORM_MPOMNG05010_LIST_SEARCH #ITP_FORM_MPOMNG05010_LIST_SEARCH_SPPLY_NM').val('');
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MPOMNG05010_LIST_SPPLY_AREA .panel-group').empty();
+			$('#ITP_FORM_MPOMNG05010_POP_SPPLY_SEARCH #ITP_FORM_MPOMNG05010_POP_SPPLY_KEYWORD').val('');
+			mobPopObj.hide(this.popId);
+		}
+	},
+	popWhsNm: {
+		popId: 'ITP_POP_MPOMNG05010_WHS_AREA',
+		rows: [],
+		init: function () {
+			this.rows.length = 0;
+			mobPopObj.show(this.popId);
+			this.search();
+			this.action();
+		},
+		search: function () {
+			var _this = this;
+			$('#ITP_LIST_MPOMNG05010_POP_WHS_AREA .panel-group').empty();
+			var callbackFn = function(result) {
+				console.log(result);
+				_this.view(result.gridRows);
+			};
+			const param = $('#ITP_FORM_MPOMNG05010_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_MPOMNG05010_POP_WHS_AREA .panel-group').append($('#ITP_LIST_MPOMNG05010_POP_WHS_ROWCOPY').html());
+				var $li = $('#ITP_LIST_MPOMNG05010_POP_WHS_AREA .panel-group > .list-row:last');
+				$li.find('.fnWhsNm').text(item.whsNm);
+				$li.find('.fnLocationNm').text(item.locationNm);
+				$li.find('.fnWhsId').data('whs-id', item.whsId);
+			});
+		},
+		choice: function(elem) {
+			var _this = this;
+			var whsId = $(elem).data('whs-id');
+			$.each(this.rows, function (i, item) {
+				if(whsId === item.whsId) {
+					$('#ITP_FORM_MPOMNG05010_LIST_SEARCH #ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_ID').val(item.whsId);
+					$('#ITP_FORM_MPOMNG05010_LIST_SEARCH #ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_NM').val(item.whsNm);
+					_this.close();
+					return false;
+				}
+			});
+		},
+		action: function() {
+			var _this = this;
+			$('button[id^="ITP_BTN_MPOMNG05010_POP_WHS"]').off('click').on('click', function() {
+				var id = $(this).attr('id');
+				switch (id) {
+					case 'ITP_BTN_MPOMNG05010_POP_WHS_SEARCH'	: _this.search();			break;
+					case 'ITP_BTN_MPOMNG05010_POP_WHS_CHOICE'	: _this.choice($(this)); 	break;
+					case 'ITP_BTN_MPOMNG05010_POP_WHS_CLOSE'	: _this.close(); 			break;
+				}
+				return false;
+			});
+		},
+		delete: function() {
+			$('#ITP_FORM_MPOMNG05010_LIST_SEARCH #ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_ID').val('');
+			$('#ITP_FORM_MPOMNG05010_LIST_SEARCH #ITP_FORM_MPOMNG05010_LIST_SEARCH_WHS_NM').val('');
+		},
+		close: function() {
+			this.rows.length = 0;
+			$('#ITP_POP_MPOMNG05010_LIST_WHS_AREA .panel-group').empty();
+			$('#ITP_FORM_MPOMNG05010_POP_WHS #ITP_FORM_MPOMNG05010_POP_WHS_KEYWORD').val('');
+			mobPopObj.hide(this.popId);
+		}
+	},
+	show: function(popId) {
+		$('button[id$="_CLOSE"]').off('click').on('click', function() {
+			console.log($(this).attr('id'));
+			if($(this).hasClass('btn-pop-close')) {
+				mobPopObj.hide(popId);
+			}
+		});
+		$('#' + popId).show();
+	},
+	hide: function(popId) {
+		$('#' + popId).closest('.mobile-pop-close').hide();
+	}
+};