모바일 구매요청생성 복원

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

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

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

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

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

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