모바일 수정중

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

@@ -0,0 +1,70 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		contentPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_INIT_INFO	= '/api/pomng/init-pchReq';
+const API_MOBILE_SAVE		= '/api/pomng/save-pchReq';
+const API_POP_SEARCH_LIST	= '/api/whs/mng/pop-whs-search';
+
+let contentPageObj = {
+	init: function () {
+		this.ui.init();
+		this.event.init();
+	},
+	ui: {
+		init: function () {
+
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			$('button[id^="ITP_BTN_MPOMNG01010_DETAIL"]').on('click', function() {
+				if($(this).is('[data-call-popup]')) {
+					contentPopObj.show($(this).data('call-popup'));
+				} else {
+					var id = $(this).attr('id');
+					switch (id) {
+						case 'ITP_BTN_MPOMNG01010_DETAIL_TEMP_SAVE': break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_CANCEL':break;
+					}
+				}
+				return false;
+			});
+		}
+	}
+};
+
+let contentPopObj = {
+	show: function(id, args, fn) {
+		this.button();
+		console.log(id);
+		$('#' + id).show();
+	},
+	button: function() {
+		var _this = this;
+		$('button[id^="ITP_BTN_MPOMNG01010_POP"]').off('click').on('click', function() {
+			var id = $(this).attr('id');
+			if(id.indexOf('POP_CLOSE') > -1) {
+				_this.hide(id);
+				return;
+			}
+			switch (id) {
+				case 'ITP_BTN_MPOMNG01010_POP_CANCEL': _this.hide(id); break;
+				case 'ITP_BTN_MPOMNG01010_POP_CONFIRM': break;
+				case 'ITP_BTN_MPOMNG01010_POP_SEARCH':
+					break;
+			}
+			return false;
+		});
+	},
+	hide: function(id) {
+		$('#' + id).closest('.mobile-pop-close').hide();
+	}
+};

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

@@ -178,9 +178,13 @@
 				</div>
 			</div>
 			<div id="ITP_CONTAINER" class="fix">
+				<div class="itp_mobile_contents">
 				<section>
 				  
 				</section>
+
+				</div>
+			</div>
 		</div>
 	</body>
 </html>

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

@@ -1,120 +1,138 @@
-<section id="MPOMNG01010">
-  <div class="popup" style="display: none;">
+<section id="ITP_MOBILE_MPOMNG01010">
+  <div id="ITP_POP_MPOMNG01010_REQ_CONFIRM" class="popup mobile-pop-close" style="display: none;">
     <div class="pop">
       <div class="pop_line">
         <label>납품요청일 &nbsp;&nbsp;:</label>
-        <div class="fn">2022.09.30</div>
+        <div class="fnPopDlvReqDt">2022.09.30</div>
       </div>
       <div class="pop_line">
         <label>품목수&nbsp;&nbsp; :</label>
-        <div class="fn">2개</div>
+        <div class="fnPop">2개</div>
       </div>
       <div class="pop_line">
         <label>구매금액 &nbsp;&nbsp;:</label>
-        <div class="fn">2022.09.30원</div>
+        <div class="fnPop">2022.09.30원</div>
       </div>
       <label class="pop_label">구매요청 하시겠습니까?</label>
       <div class="popup_btn">
-        <button id="ITP_BTN_MPOMNG01010" class="cancel btn-gray CLB">취소</button>
-        <button id="ITP_BTN_MPOMNG01010" class="ok btn-primary COK">확인</button>
+        <button id="ITP_BTN_MPOMNG01010_POP_CANCEL" class="cancel btn-gray CLB">취소</button>
+        <button id="ITP_BTN_MPOMNG01010_POP_CONFIRM" class="ok btn-primary COK">확인</button>
       </div>
     </div>
   </div>
-  <div class="popup2" style="display: none;">
+  <div id="ITP_POP_MPOMNG01010_WHS_NM" 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 id="ITP_BTN_MPOMNG01010"><img src="../img/close.png"></button>
+          <button type="button" id="ITP_BTN_MPOMNG01010_POP_CLOSE"><img src="../img/close.png"></button>
         </div>
       </div>
       <div class="search_bar">
-        <input id="ITP_FORM_MPOMNG01010" type="text" placeholder="납품장소명">
-        <button id="ITP_BTN_MPOMNG01010"><img src="../img/search.png"></button>
+        <form id="ITP_FORM_MPOMNG01010_POPUP" class="form-horizontal" onsubmit="return false;">
+          <input id="ITP_FORM_MPOMNG01010_POP_KEYWORD" type="text" placeholder="납품장소명">
+          <button id="ITP_BTN_MPOMNG01010_POP_SEARCH"><img src="../img/search.png"></button>
+        </form>
       </div>
       <div class="search_bar">
-        <button id="ITP_BTN_MPOMNG01010" class="btn_blue">납품장소▼</button>
+        <button id="ITP_BTN_MPOMNG01010_POP_WHS_NM" class="btn_blue">납품장소▼</button>
       </div>
       <div class="popup_scroll">
-        <li>
-          <div class="scroll_left">
-            <div class="fn">브랜드 창고 명A</div>
-            <div class="fn">(상세위치내용)</div>
-          </div>
-          <div class="scroll_right">
-            <button id="ITP_BTN_MPOMNG01010">선택</button>
-          </div>
-        </li>
-        <li>
+        <ul id="ITP_LIST_MPOMNG01010_POP_ROWS" class="panel-group itp_nav"></ul>
+        <div id="ITP_LIST_MPOMNG01010_POP_ROWCOPY" style="display:none;">
+          <li>
+            <div class="scroll_left">
+              <div class="fn">브랜드 창고 명A</div>
+              <div class="fn">(상세위치내용)</div>
+            </div>
+            <div class="scroll_right">
+              <button id="ITP_BTN_MPOMNG01010_POP_CHOICE">선택</button>
+            </div>
+          </li>
+        </div>
+        <!--<li>
           <div class="scroll_left">
             <div class="fn">브랜드 창고 명A</div>
             <div class="fn">(상세위치내용)</div>
           </div>
           <div class="scroll_right">
-            <button id="ITP_BTN_MPOMNG01010">선택</button>
+            <button id="ITP_BTN_MPOMNG01010_POP_CHOICE">선택</button>
           </div>
-        </li>
+        </li>-->
       </div>
     </div>
   </div>
-	
+
   <div id="ITP_AJAX_MPOMNG01010_VIEW_CONTAINER">
-    <div class="content">
-      <div class="line">
-        <label>납기요청일</label>
-        <input id="ITP_FORM_MPOMNG01010" class="date" type="date" placeholder="">
-      </div>
-      <div class="line">
-        <label>구매요청금액</label>
-        <div class="line_right">
-          <div class="fn">424,000원</div>
+    <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">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_BRAND_ID" name="brandId" value="">
+      <input type="hidden" id="ITP_FORM_MPOMNG01010_DETAIL_STORE_ID" name="storeId" value="">
+      <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="">
+      <div class="content">
+        <div class="line">
+          <label>납기요청일</label>
+          <input id="ITP_FORM_MPOMNG01010_DETAIL_DLV_REQ_DT" name="dlvReqDt" class="date" type="date" placeholder="">
         </div>
-      </div>
-      <div class="line">
-        <label>납품장소</label>
-        <div class="search_nm">
-          <div class="float_left">
-            <input id="ITP_FORM_MPOMNG01010" class="" type="text" placeholder="A매장명">
-          </div>
-          <div class="float_left_btn">
-            <button id="ITP_BTN_MPOMNG01010"><img src="../img/search.png" alt=""></button>
-            <button id="ITP_BTN_MPOMNG01010"><img src="../img/delete.png" alt=""></button>
+        <div class="line">
+          <label>구매요청금액</label>
+          <div class="line_right">
+            <div class="fn">424,000원</div>
           </div>
         </div>
-      </div>
-      <div class="line">
-        <div class="table_header">
-          <h1>>구매 품목</h1>
-          <button id="ITP_BTN_MPOMNG01010" class="btn-primary btn-sm ADB">품목추가</button>
-        </div>
-      </div>  
-    </div>
-    <div class="scroll_area row-1">
-      <li>
-        <div class="left_info">
-          <div class="thick">
-            <div class="fnItemNm">품목명</div>
-            <div>-</div>
-            <div class="fnUnit">2EA</div>
+        <div class="line">
+          <label>납품장소</label>
+          <div class="search_nm">
+            <div class="float_left">
+              <input type="text" id="ITP_FORM_MPOMNG01010_DETAIL_WHS_NM" class="" name="whsNm" placeholder="매장명" />
+            </div>
+            <div class="float_left_btn">
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_SEARCH_WHS_NM" data-call-popup="ITP_POP_MPOMNG01010_WHS_NM"><img src="../img/search.png" alt=""></button>
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_DELETE_WHS_NM"><img src="../img/delete.png" alt=""></button>
+            </div>
           </div>
-          <div class="thick">
-            <label class="space0">구매가 :</label>
-            <div class="fnPchActAmt">1,120,000</div>
+        </div>
+        <div class="line">
+          <div class="table_header">
+            <h1>>구매 품목</h1>
+            <button type="button" id="ITP_BTN_MPOMNG01010_DETAIL_DELROW" class="btn-primary btn-sm ADB">품목삭제</button>
+            <button type="button" id="ITP_BTN_MPOMNG01010_DETAIL_ADDROW" class="btn-primary btn-sm ADB">품목추가</button>
           </div>
         </div>
-        <div class="right">
-          <button id="ITP_BTN_MPOMNG01010"><</button>
-          <div class="num fnNum">2</div>
-          <button id="ITP_BTN_MPOMNG01010">></button>
+      </div>
+      <div class="scroll_area row-1">
+        <ul id="ITP_LIST_MPOMNG01010_DETAIL_ROWS"></ul>
+        <div id="ITP_LIST_MPOMNG01010_DETAIL_ROWCOPY" style="display:none;">
+          <li>
+            <div class="left_info">
+              <div class="thick">
+                <div class="fnItemNm">품목명</div>
+                <div>-</div>
+                <div class="fnUnit">2EA</div>
+              </div>
+              <div class="thick">
+                <label class="space0">구매가 :</label>
+                <div class="fnPchActAmt">1,120,000</div>
+              </div>
+            </div>
+            <div class="right">
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_MINUS">-</button>
+              <div class="num fnNum">2</div>
+              <button id="ITP_BTN_MPOMNG01010_DETAIL_PLUS">+</button>
+            </div>
+          </li>
         </div>
-      </li>
-    </div>
-    <div class="button_bar">
-      <button id="ITP_BTN_MPOMNG01010" class="col_3 btn-primary REQ">구매요청</button>
-      <button id="ITP_BTN_MPOMNG01010" class="col_3 btn-gray TSA">임시저장</button>
-      <button id="ITP_BTN_MPOMNG01010" class="col_3 btn-gray CLB">취소</button>
-    </div>
+      </div>
+      <div class="button_bar">
+        <button id="ITP_BTN_MPOMNG01010_DETAIL_REQ_ORDER" data-call-popup="ITP_POP_MPOMNG01010_REQ_CONFIRM" 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_CANCEL" class="col_3 btn-gray CLB">취소</button>
+      </div>
+    </form>
   </div>
+  <div id="ITP_MOBILE_JS"></div>
 </section>

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

@@ -1,198 +1,14 @@
-
-const MAIN_NOTICE_GRID_ID = '#ITP_MAIN_NOTICE_jqGrid';
-const MAIN_NOTICE_GRID_LIST = '#ITP_MAIN_NOTICE_jqGrid_list';
-const MAIN_NOTICE_GRID_PAGER = '#ITP_MAIN_NOTICE_jqGridPager';
-const MAIN_NOTICE_GRID_EMPTY = '#ITP_MAIN_NOTICE_jqGridEmpty';
-
-let NTICE_DETAIL_GRID_LIST = '/api/ntice/detail-grid-list';
-
 require(['config'], function() {
 	require([
 		'jquery'
 	], function($) {
-		
-		setTimeout(function() {
-			// // 시간지정
-			// $('#ITP_FORM_MAIN_NOTICE_SEARCH_SCH_DT').val(itp_fn_date_format(new Date(), 2));
-			// $('#ITP_FORM_MAIN_NOTICE_SEARCH_USER_ID').val(USER_ID);
-			//
-	    	// // Barcode
-			// itp_fn_barcode.init();
 
+		setTimeout(function() {
 		}, 100);
-				
+
 	});
 });
 
-var itp_fn_mobile_MAIN_MENU = {
-	init: function() {
-		this.topMenuMake();
-		this.button();
-	},
-	button: function() {
-		var _this = this;
-		$(document).on('click', '.manage_btn_bar button', function() {
-			$('#ITP_CONTAINER').empty();
-			_this.subMenuMake($(this).data('top-menu'));
-		});
-		$(document).on('click', '#ITP_CONTAINER button', function() {
-			console.log('===> ' + $(this).data('sub-menu'));
-		});
-	},
-	topMenuMake: function() {
-		var _this = this;
-		var topMenuCnt = 0;
-		$.each(AUTH_MENU_LIST, function(key, value) {
-			if(value.topMenuNo === 200) {
-				topMenuCnt++;
-			}
-		});
-		console.log(topMenuCnt);
-		$.each(AUTH_MENU_LIST, function(key, value) {
-			if(value.topMenuNo === 200) {
-				var menuDIV = 	'<div class="manage col_' + topMenuCnt + '">' +
-								'	<button data-top-menu="' + value.menuNo + '">' + value.menuNm + '</button>' +
-								'</div>';
-				$('.manage_btn_bar').append(menuDIV);
-				if(key === 0) {
-					_this.subMenuMake(value.menuNo);
-				}
-			}
-		});
-	},
-	subMenuMake: function(topMenuNo) {
-		var seq = 0;
-		var pos = 'icon_left';
-		var menuDIV = '<div class="wicon">\n';
-		$.each(AUTH_MENU_LIST, function(key, value) {
-			if(value.topMenuNo === topMenuNo) {
-				if(seq > 0 && seq % 2 === 0) {
-					menuDIV += '</div>\n';
-					menuDIV += '<div class="wicon">\n';
-					pos = 'icon_left';
-				}
-				menuDIV += 	'	<div class="' + pos + '">\n' +
-							'		<button data-sub-menu="' + value.menuNo + '">\n' +
-							'			<label>ICON<br>' + value.menuNm + '</label>\n' +
-							'		</button>\n' +
-							'	</div>\n';
-				seq++;
-				pos = 'icon_right';
-			}
-		});
-		menuDIV += '</div>';
-		$('#ITP_CONTAINER').append(menuDIV);
-	}
-};
-
-var itp_fn_MAIN_NOTICE_grid = {
-	init: function() {
-		// 데이터 없을때
-		itp_fn_MAIN_NOTICE_empty.push();
-		$(MAIN_NOTICE_GRID_EMPTY).on('click', function() {
-			itp_fn_MAIN_NOTICE_empty.back();
-			itp_MAIN_NOTICE_param.gridSize = $.jgrid.defaults.rowNum;
-			$(MAIN_NOTICE_GRID_ID).setGridParam({'postData': JSON.stringify(itp_MAIN_NOTICE_param)}).trigger('reloadGrid');
-		});
-	},
-	callBack: function() {
-		let param = $('#ITP_FORM_MAIN_NOTICE_SEARCH').serializeObject();
-		param.gridSize = $.jgrid.defaults.rowNum;
-		$(MAIN_NOTICE_GRID_ID).jqGrid({
-			colModel: [
-				{
-					index: 'NTICE_NO', name: 'nticeNo',
-					label: ITP_MSG_LOCALE.label.notiNo, //공지번호
-					width: '10', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'NTICE_TITL', name: 'nticeTitl',
-					label: '공지사항', //공지제목
-					width: '15', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				},
-				{
-					index: 'ADD_DT', name: 'addDt',
-					label: ITP_MSG_LOCALE.label.regDt, //등록일
-					width: '10', fixed: false, align: 'center',
-					sortable: false, hidden: false
-				}
-			],
-			loadBeforeSend: function(jqXHR) {
-			    jqXHR.setRequestHeader('X-AUTH-TOKEN', CONN_KEY);
-			},
-			postData: JSON.stringify(param),
-			url: DOMAIN + NTICE_DETAIL_GRID_LIST,
-			pager: MAIN_NOTICE_GRID_PAGER,
-			multiselect: false,
-			rownumbers: true,
-			onCellSelect: function(rowId, cellIdx, cellValue) {
-				var cm = $(this).jqGrid('getGridParam', 'colModel');
-				var colNm = cm[cellIdx].name;
-				if (colNm == 'nticeTitl') {
-					const nticeNoVal = $(this).jqGrid('getCell', rowId, 'nticeNo');
-					const key = {nticeNo: nticeNoVal, viewCd: 'R'};
-					var param = $.param(key);
-					// itp_fn_MAIN_NOTICE_view(param);
-					
-					fn_call_popup('comm', 'NOTICE_INFO_POPUP', '#ITP_ASIDE', function() {
-												
-					}, param, 'S');
-					$('#ITP_NOTICE_INFO_POPUP > div.modal-dialog').width('500px');
-				}
-		   	},
-			loadComplete: function(data) {
-				//console.log(JSON.stringify(data));
-				itp_fn_grid_load_complete(data, MAIN_NOTICE_GRID_ID, true, 'number', 'MAIN_NOTICE', itp_MAIN_NOTICE_search, itp_fn_MAIN_NOTICE_empty, false, data.gridRecords, false);
-				var ids = $(MAIN_NOTICE_GRID_ID).getDataIDs();
-				$.each(ids, function(idx, rowId) {
-					$(MAIN_NOTICE_GRID_ID).jqGrid('setCell', rowId, 'nticeTitl', '', ITP_GRID_COL_STYLE.link);
-				});
-
-				if ($('#ITP_CONTAINER').data('openYn') == 'Y') {
-					$('#ITP_CONTAINER').data('openYn', 'N');
-					const keyNew = {nticeNo: $('#ITP_CONTAINER').data('nticeNo'), viewCd: 'R'};
-					var paramNew = $.param(keyNew);
-					itp_fn_MAIN_NOTICE_view(paramNew);
-				}
-		    },
-		    loadError: function(jqXHR, textStatus, errorThrown) {
-		    	itp_fn_grid_load_error(jqXHR, textStatus, errorThrown);
-		    },
-		    onPaging: function(action) {
-		    	itp_fn_grid_paging(MAIN_NOTICE_GRID_ID, action, param);
-		    }
-		}).navGrid(MAIN_NOTICE_GRID_PAGER, ITP_GRID_NAV_DEFAULTS.navGrid);
-	},
-	clearData : function() {
-		$(MAIN_NOTICE_GRID_ID).jqGrid('clearGridData', true);
-		$(MAIN_NOTICE_GRID_LIST).find('.ui-jqgrid-bdiv').css('min-height', '100px');
-		$(MAIN_NOTICE_GRID_EMPTY).html(ITP_MSG_LOCALE.message.grid.noData);
-		$(MAIN_NOTICE_GRID_EMPTY).show();
-	},
-	unload : function() {
-		$.jgrid.gridUnload(MAIN_NOTICE_GRID_ID);
-	}
-};
-
-var itp_fn_MAIN_NOTICE_search = function() {
-	itp_fn_MAIN_NOTICE_grid.unload();
-	itp_fn_MAIN_NOTICE_grid.callBack();
-};
-
-let itp_MAIN_NOTICE_param = {};
-let itp_MAIN_NOTICE_search = false;
-var itp_fn_MAIN_NOTICE_empty = {
-	push: function() {		
-		let param = $('#ITP_FORM_MAIN_NOTICE_SEARCH').serializeObject();
-		itp_MAIN_NOTICE_param = param;
-	},
-	back: function() {
-		
-	}
-};
-
 var itp_fn_barcode = {
 	init: function () {
 		this.event();

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

@@ -0,0 +1,70 @@
+require(['config'], function() {
+	require([
+	], function($) {
+		contentPageObj.init();
+	});
+});
+
+/*API URL*/
+const API_MOBILE_INIT_INFO	= '/api/pomng/init-pchReq';
+const API_MOBILE_SAVE		= '/api/pomng/save-pchReq';
+const API_POP_SEARCH_LIST	= '/api/whs/mng/pop-whs-search';
+
+let contentPageObj = {
+	init: function () {
+		this.ui.init();
+		this.event.init();
+	},
+	ui: {
+		init: function () {
+
+		}
+	},
+	event: {
+		init: function() {
+			this.button();
+		},
+		button: function() {
+			$('button[id^="ITP_BTN_MPOMNG01010_DETAIL"]').on('click', function() {
+				if($(this).is('[data-call-popup]')) {
+					contentPopObj.show($(this).data('call-popup'));
+				} else {
+					var id = $(this).attr('id');
+					switch (id) {
+						case 'ITP_BTN_MPOMNG01010_DETAIL_TEMP_SAVE': break;
+						case 'ITP_BTN_MPOMNG01010_DETAIL_CANCEL':break;
+					}
+				}
+				return false;
+			});
+		}
+	}
+};
+
+let contentPopObj = {
+	show: function(id, args, fn) {
+		this.button();
+		console.log(id);
+		$('#' + id).show();
+	},
+	button: function() {
+		var _this = this;
+		$('button[id^="ITP_BTN_MPOMNG01010_POP"]').off('click').on('click', function() {
+			var id = $(this).attr('id');
+			if(id.indexOf('POP_CLOSE') > -1) {
+				_this.hide(id);
+				return;
+			}
+			switch (id) {
+				case 'ITP_BTN_MPOMNG01010_POP_CANCEL': _this.hide(id); break;
+				case 'ITP_BTN_MPOMNG01010_POP_CONFIRM': break;
+				case 'ITP_BTN_MPOMNG01010_POP_SEARCH':
+					break;
+			}
+			return false;
+		});
+	},
+	hide: function(id) {
+		$('#' + id).closest('.mobile-pop-close').hide();
+	}
+};

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

@@ -41,63 +41,7 @@ require([
 ], function($) {
 	history.pushState(null, null, location.href);
 
-	$.fn.serializeObject = function() {
-		var result = {};
-		var extend = function(i, element) {
-			var node = result[element.name];
-			if ('undefined' !== typeof node && node !== null) {
-				if ($.isArray(node)) {
-					node.push($.trim(element.value));
-				} else {
-					result[element.name] = [node, $.trim(element.value)];
-				}
-			} else {
-				result[element.name] = $.trim(element.value);
-			}
-		}
-		$.each(this.serializeArray(), extend);
-		return result;
-	};
-
-	$.fn.extend({
-		treed: function(o) {
-			var openedClass = 'glyphicon-minus text-primary';
-			var closedClass = 'glyphicon-plus text-primary';
-
-			if (typeof o != 'undefined') {
-				if (typeof o.openedClass != 'undefined') {
-					openedClass = o.openedClass;
-				}
-				if (typeof o.closedClass != 'undefined') {
-					closedClass = o.closedClass;
-				}
-			};
-
-			var tree = $(this);
-			tree.addClass('tree');
-			tree.find('li').has('ul').each(function() {
-				var branch = $(this);
-				branch.find('.list-group-item').first().prepend('<i class="indicator glyphicon ' + closedClass + '"></i>');
-				branch.addClass('branch');
-				branch.on('click', function(e) {
-					if (this == e.target) {
-						var icon = $(this).find('.list-group-item').first().children('i:first');
-						icon.toggleClass(openedClass + ' ' + closedClass);
-						$(this).children('ul').children().toggle();
-					}
-				});
-				branch.children('ul').children().toggle();
-				//branch.children('ul').children().show();
-			});
-
-			tree.find('.branch .indicator').each(function() {
-				$(this).on('click', function() {
-					$(this).closest('li').click();
-					return false;
-				});
-			});
-		}
-	});
+	CommonObj.init();
 
 	$('#ITP_BTN_HOME').on('click', function() {
 		location.replace(MOBILE_CONTEXTPATH + '/app/main.html');
@@ -272,10 +216,11 @@ var fn_make_slide_menu = {
 			complete: function() {
 			},
 			success: function(html) {
-				$('#ITP_CONTAINER .content').empty().append(html);
+				$('#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>";
-				$('#ITP_CONTAINER #ITP_TAB_'+id+' #ITP_TAP_JS').append(js);
+				console.log(js);
+				$('#ITP_CONTAINER #ITP_MOBILE_'+id+' #ITP_MOBILE_JS').append(js);
 				$('#ITP_MENU').toggle();
 			},
 			error: function(xhr, status, error) {
@@ -708,3 +653,66 @@ let itp_fn_form_event = {
 		return isValid;
 	}
 };
+
+let CommonObj = {
+	init: function() {
+		$.fn.serializeObject = function() {
+			var result = {};
+			var extend = function(i, element) {
+				var node = result[element.name];
+				if ('undefined' !== typeof node && node !== null) {
+					if ($.isArray(node)) {
+						node.push($.trim(element.value));
+					} else {
+						result[element.name] = [node, $.trim(element.value)];
+					}
+				} else {
+					result[element.name] = $.trim(element.value);
+				}
+			}
+			$.each(this.serializeArray(), extend);
+			return result;
+		};
+
+		$.fn.extend({
+			treed: function(o) {
+				var openedClass = 'glyphicon-minus text-primary';
+				var closedClass = 'glyphicon-plus text-primary';
+
+				if (typeof o != 'undefined') {
+					if (typeof o.openedClass != 'undefined') {
+						openedClass = o.openedClass;
+					}
+					if (typeof o.closedClass != 'undefined') {
+						closedClass = o.closedClass;
+					}
+				};
+
+				var tree = $(this);
+				tree.addClass('tree');
+				tree.find('li').has('ul').each(function() {
+					var branch = $(this);
+					branch.find('.list-group-item').first().prepend('<i class="indicator glyphicon ' + closedClass + '"></i>');
+					branch.addClass('branch');
+					branch.on('click', function(e) {
+						if (this == e.target) {
+							var icon = $(this).find('.list-group-item').first().children('i:first');
+							icon.toggleClass(openedClass + ' ' + closedClass);
+							$(this).children('ul').children().toggle();
+						}
+					});
+					branch.children('ul').children().toggle();
+					//branch.children('ul').children().show();
+				});
+
+				tree.find('.branch .indicator').each(function() {
+					$(this).on('click', function() {
+						$(this).closest('li').click();
+						return false;
+					});
+				});
+			}
+		});
+
+	}
+};