모바일 납품서현황 스크립트 생성

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

@@ -1,26 +1,103 @@
-<section id="ITP_MOBILE_MPOMNG04010">
-	<div id="ITP_AJAX_MPOMNG04010_LIST_CONTAINER" >
-		<form id="ITP_FORM_MPOMNG04010_DETAIL" class="form-horizontal" onsubmit="return false;">
-			<input type="hidden" id="ITP_FORM_MPOMNG04010_DETAIL_VIEW_CD" name="viewCd" value="C">
+<section id="ITP_MOBILE_MPOMNG05010">
+	<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="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="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>
+	</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>
+			<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 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>
+	<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_MPOMNG04010_DETAIL_DLV_SCH_DT">
+					<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_MPOMNG04010_DETAIL_DLV_REQ_DT" name="fromDt" class="year" type="date">
+						<input id="ITP_FORM_MPOMNG05010_LIST_SEARCH_FROM_DT" name="fromDt" class="year" type="date">
 						<div class="at">~</div>
-						<input id="ITP_FORM_MPOMNG04010_DETAIL_DLV_CMPLT_DT" name="toDt" class="year" type="date">
+						<input id="ITP_FORM_MPOMNG05010_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="dlvStCd" id="ITP_FORM_MPOMNG04010_DETAIL_DLV_ST_CD">
+							<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>
@@ -30,11 +107,12 @@
 					<label>공급업체</label>
 					<div class="search_wrap">
 						<div class="float_left">
-							<input id="ITP_FORM_MPOMNG04010_DETAIL_SPPLY_NM" name="spplyNm" type="text" placeholder="A공급업체명">
+							<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_MPOMNG04010_DETAIL_SEARCH_SPPLY_NM" data-call-popup="ITP_POP_MPOMNG04010_SPPLY_AREA"><img src="../img/search.png" alt=""></button>
-							<button id="ITP_BTN_MPOMNG04010_DETAIL_DELETE_SPPLY_NM"><img src="../img/delete.png" alt=""></button>
+							<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>
@@ -42,11 +120,12 @@
 					<label>납품장소</label>
 					<div class="search_nm">
 						<div class="float_left">
-							<input type="text" id="ITP_FORM_MPOMNG04010_DETAIL_DLV_PLACE_NM" class="" name="dlvPlaceNm" placeholder="매장명" />
+							<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_MPOMNG04010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG04010_WHS_AREA"><img src="../img/search.png" alt=""></button>
-							<button id="ITP_BTN_MPOMNG04010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+							<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>
@@ -54,23 +133,23 @@
 					<label>품목명</label>
 					<div class="search_wrap">
 						<div class="float_left">
-							<input id="ITP_FORM_MPOMNG04010_DETAIL_ITEM_NM" name="itemNm" style="width: 262px;" type="text" placeholder="A매장명">
+							<input id="ITP_FORM_MPOMNG05010_LIST_ITEM_NM" name="sitemNm" style="width: 262px;" type="text" placeholder="품목명">
 						</div>
 					</div>
 				</div>
 				<div class="line" style="height:50px;">
 					<div class="search">
-						<button id="ITP_BTN_MPOMNG04010_DETAIL_SEARCH" class="btn-primary btn-sm ADB">검색</button>
+						<button id="ITP_BTN_MPOMNG05010_LIST_SEARCH" class="btn-primary btn-sm ADB">검색</button>
 					</div>
 				</div>
 				<div class="table_header">
 					<h1>> 납품서 내역</h1>
 				</div>
 			</div>
-			<div id="ITP_LIST_MPOMNG04010_ITEM_AREA" class="scroll_area row-4">
-				<ul id="ITP_LIST_MPOMNG04010_DETAIL_ROWS" class="panel-group"></ul>
-				<div id="ITP_LIST_MPOMNG04010_DETAIL_ROWCOPY" style="display: block;">
-					<li class="history_list2">
+			<div 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>
@@ -128,4 +207,5 @@
 			</div>
 		</form>
 	</div>
+	<div id="ITP_MOBILE_JS"></div>
 </section>

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

@@ -35,8 +35,8 @@ let mobPageObj = {
 			});
 
 			// 조회일자 지정
-			$('#ITP_FORM_MPOMNG04010_LIST_SEARCH_FROM_DT').val(itp_fn_date_add('M', -1));
-			$('#ITP_FORM_MPOMNG04010_LIST_SEARCH_TO_DT').val(itp_fn_date_add('M', 0));
+			$('#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'));
@@ -48,49 +48,49 @@ let mobPageObj = {
 			this.button();
 		},
 		button: function() {
-			$('button[id^="ITP_BTN_MPOMNG04010_LIST"]').on('click', function() {
+			$('button[id^="ITP_BTN_MPOMNG05010_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;
+					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_MPOMNG04010_VIEW"]').on('click', function() {
+			$('button[id^="ITP_BTN_MPOMNG05010_VIEW"]').on('click', function() {
 				var id = $(this).attr('id');
 				switch (id) {
-					case 'ITP_BTN_MPOMNG04010_VIEW_CANCEL_LIST'		: mobContentObj.view.cancel();	break;
+					case 'ITP_BTN_MPOMNG05010_VIEW_CANCEL_LIST'		: mobContentObj.view.cancel();	break;
 				}
 				return false;
 			});
 
-			$(document).on('click', '#ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS li', function() {
+			$(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_MPOMNG04010_LIST_SPPLY_ROWS li button', function() {
+			$(document).on('click', '#ITP_POP_MPOMNG05010_LIST_SPPLY_ROWS li button', function() {
 				mobPopObj.popSpply.choice($(this));
 			});
 
-			$(document).on('click', '#ITP_LIST_MPOMNG04010_POP_WHS_ROWS li button', function() {
+			$(document).on('click', '#ITP_LIST_MPOMNG05010_POP_WHS_ROWS li button', function() {
 				mobPopObj.popWhsNm.choice($(this));
 			});
 		}
 	},
 	switchScreen: function(mode) {
-		$('#ITP_MOBILE_MPOMNG04010').find('div[id$="_CONTAINER"]').each(function(i) {
+		$('#ITP_MOBILE_MPOMNG05010').find('div[id$="_CONTAINER"]').each(function(i) {
 			$(this).hide();
 		});
 		if(mode === PAGE_MODE_LIST) {
-			$('#ITP_AJAX_MPOMNG04010_LIST_CONTAINER').show();
+			$('#ITP_AJAX_MPOMNG05010_LIST_CONTAINER').show();
 			this.moreView(true);
 		} else if(mode === PAGE_MODE_VIEW) {
-			$('#ITP_AJAX_MPOMNG04010_VIEW_CONTAINER').show();
+			$('#ITP_AJAX_MPOMNG05010_VIEW_CONTAINER').show();
 			this.moreView(false);
 		}
 		this.viewMode = mode;
@@ -98,7 +98,7 @@ let mobPageObj = {
 	moreView: function(isScroll) {
 		var _this = this;
 		if(isScroll) {
-			$('#ITP_LIST_MPOMNG04010_LIST_ITEM_AREA').on('scroll', function () {
+			$('#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) {
@@ -108,7 +108,7 @@ let mobPageObj = {
 				}
 			});
 		} else {
-			$('#ITP_LIST_MPOMNG04010_LIST_AREA').off('scroll');
+			$('#ITP_LIST_MPOMNG05010_LIST_AREA').off('scroll');
 		}
 	},
 	ready: function() {
@@ -131,7 +131,7 @@ let mobContentObj = {
 			this.listPage = 0;
 			this.totPage = 0;
 			this.rows.length = 0;
-			$('#ITP_LIST_MPOMNG04010_LIST_ITEM_ROWS').empty();
+			$('#ITP_LIST_MPOMNG05010_LIST_ITEM_ROWS').empty();
 			this.load();
 		},
 		load: function() {
@@ -142,8 +142,8 @@ let mobContentObj = {
 				_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');
+					$('#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);
@@ -155,7 +155,7 @@ let mobContentObj = {
 				});
 			};
 			var errFn = function() { _this.isSearch = false;};
-			const param = $('#ITP_FORM_MPOMNG04010_LIST_SEARCH').serializeObject();
+			const param = $('#ITP_FORM_MPOMNG05010_LIST_SEARCH').serializeObject();
 			param.gridPage = ++this.listPage;
 			param.gridSize = this.listSize;
 			param.fromDt = param.fromDt.replace(/-/g, ".");
@@ -180,15 +180,15 @@ let mobContentObj = {
 		},
 		view: function(result) {
 			var _this = this;
-			var id = '#ITP_AJAX_MPOMNG04010_VIEW_CONTAINER';
+			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_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');
+				$('#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);
@@ -198,12 +198,12 @@ let mobContentObj = {
 			});
 		},
 		cancel: function () {
-			var id = '#ITP_AJAX_MPOMNG04010_VIEW_CONTAINER';
+			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_MPOMNG04010_VIEW_ITEM_AREA .panel-group').empty();
+			$('#ITP_LIST_MPOMNG05010_VIEW_ITEM_AREA .panel-group').empty();
 			mobPageObj.switchScreen(PAGE_MODE_LIST);
 		}
 	}
@@ -211,7 +211,7 @@ let mobContentObj = {
 
 let mobPopObj = {
 	popSpply: {
-		popId: 'ITP_POP_MPOMNG04010_SPPLY_AREA',
+		popId: 'ITP_POP_MPOMNG05010_SPPLY_AREA',
 		rows: [],
 		init: function() {
 			this.rows.length = 0;
@@ -221,19 +221,19 @@ let mobPopObj = {
 		},
 		search: function() {
 			var _this = this;
-			$('#ITP_POP_MPOMNG04010_LIST_SPPLY_AREA .panel-group').empty();
+			$('#ITP_POP_MPOMNG05010_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();
+			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_MPOMNG04010_LIST_SPPLY_AREA .panel-group').append($('#ITP_POP_MPOMNG04010_LIST_SPPLY_ROWCOPY').html());
-				var $li = $('#ITP_POP_MPOMNG04010_LIST_SPPLY_AREA .panel-group > .list-row:last');
+				$('#ITP_POP_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);
@@ -244,8 +244,8 @@ let mobPopObj = {
 			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);
+					$('#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;
 				}
@@ -253,29 +253,29 @@ let mobPopObj = {
 		},
 		action: function() {
 			var _this = this;
-			$('button[id^="ITP_BTN_MPOMNG04010_POP_SPPLY"]').off('click').on('click', function() {
+			$('button[id^="ITP_BTN_MPOMNG05010_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;
+					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_MPOMNG04010_LIST_SEARCH #ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_ID').val('');
-			$('#ITP_FORM_MPOMNG04010_LIST_SEARCH #ITP_FORM_MPOMNG04010_LIST_SEARCH_SPPLY_NM').val('');
+			$('#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_MPOMNG04010_LIST_SPPLY_AREA .panel-group').empty();
-			$('#ITP_FORM_MPOMNG04010_POP_SPPLY_SEARCH #ITP_FORM_MPOMNG04010_POP_SPPLY_KEYWORD').val('');
+			$('#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_MPOMNG04010_WHS_AREA',
+		popId: 'ITP_POP_MPOMNG05010_WHS_AREA',
 		rows: [],
 		init: function () {
 			this.rows.length = 0;
@@ -285,19 +285,19 @@ let mobPopObj = {
 		},
 		search: function () {
 			var _this = this;
-			$('#ITP_LIST_MPOMNG04010_POP_WHS_AREA .panel-group').empty();
+			$('#ITP_LIST_MPOMNG05010_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();
+			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_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');
+				$('#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);
@@ -308,8 +308,8 @@ let mobPopObj = {
 			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);
+					$('#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;
 				}
@@ -317,24 +317,24 @@ let mobPopObj = {
 		},
 		action: function() {
 			var _this = this;
-			$('button[id^="ITP_BTN_MPOMNG04010_POP_WHS"]').off('click').on('click', function() {
+			$('button[id^="ITP_BTN_MPOMNG05010_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;
+					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_MPOMNG04010_LIST_SEARCH #ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_ID').val('');
-			$('#ITP_FORM_MPOMNG04010_LIST_SEARCH #ITP_FORM_MPOMNG04010_LIST_SEARCH_WHS_NM').val('');
+			$('#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_MPOMNG04010_LIST_WHS_AREA .panel-group').empty();
-			$('#ITP_FORM_MPOMNG04010_POP_WHS #ITP_FORM_MPOMNG04010_POP_WHS_KEYWORD').val('');
+			$('#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);
 		}
 	},