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

@@ -149,103 +149,103 @@
 				</div>
 				<div class="itp_note_header Work">
 					<h1>주요업무</h1>
-				</div>	
+				</div>
 				<div id="ITP_BRAND_ICON_BAR" style="display: none;"><!-- 브랜드 로그인 메인화면 -->
 					<div class="itp_icon_bar">
 						<div class="itp_icon">
-							<button id="ITP_MAIN_ICON_ODER"><img src="../img/main_icon/oder.png"></button>
+							<button data-menu-id="MPOMNG02010"><img src="../img/main_icon/oder.png"></button>
 						</div>
 						<div class="itp_icon md">
-							<button id="ITP_MAIN_ICON_ODER_PRO"><img src="../img/main_icon/oder_pro.png"></button>
+							<button data-menu-id="MPOMNG01010"><img src="../img/main_icon/oder_pro.png"></button>
 						</div>
 						<div class="itp_icon">
-							<button id="ITP_MAIN_ICON_WHS"><img src="../img/main_icon/whs.png"></button>
+							<button data-menu-id="MPOMNG06010"><img src="../img/main_icon/whs.png"></button>
 						</div>
 					</div>
 					<div class="itp_icon_bar">
 						<div class="itp_icon">
-							<button id="ITP_MAIN_ICON_RETURN"><img src="../img/main_icon/return.png"></button>
+							<button data-menu-id="MRTNMNG02010"><img src="../img/main_icon/return.png"></button>
 						</div>
 						<div class="itp_icon md">
-							<button id="ITP_MAIN_ICON_RETURN_PRO"><img src="../img/main_icon/return_pro.png"></button>
+							<button data-menu-id="MRTNMNG01010"><img src="../img/main_icon/return_pro.png"></button>
 						</div>
 						<div class="itp_icon">
-							<button id="ITP_MAIN_ICON_RETURN_GO"><img src="../img/main_icon/return_go.png"></button>
+							<button data-menu-id="MRTNMNG05010"><img src="../img/main_icon/return_go.png"></button>
 						</div>
 					</div>
 					<div class="itp_icon_bar">
 						<div class="itp_icon">
-							<button id="ITP_MAIN_ICON_AMT"><img src="../img/main_icon/amt.png"></button>
+							<button data-menu-id="MSTOCKMNG01010"><img src="../img/main_icon/amt.png"></button>
 						</div>
 						<div class="itp_icon md">
-							<button id="ITP_MAIN_ICON_NO_AMT"><img src="../img/main_icon/amt_cdd.png"></button>
+							<button data-menu-id="MSTOCKMNG02010"><img src="../img/main_icon/amt_cdd.png"></button>
 						</div>
 						<div class="itp_icon">
-							<button id="ITP_MAIN_ICON_DASH_BOARDS"><img src="../img/main_icon/Dashboards.png"></button>
+							<button data-menu-id="ITP_MAIN_ICON_DASH_BOARDS"><img src="../img/main_icon/Dashboards.png"></button>
 						</div>
 					</div>
 					<div class="itp_icon_bar mb">
 						<div class="itp_icon">
-							<button id="ITP_MAIN_ICON_AMT"><img src="../img/main_icon/deposit.png"></button>
+							<button data-menu-id="MLOANMNG02010"><img src="../img/main_icon/deposit.png"></button>
 						</div>
 						<div class="itp_icon md">
-							<button id="ITP_MAIN_ICON_NO_AMT"><img src="../img/main_icon/no_amt.png"></button>
+							<button data-menu-id="MLOANMNG03010"><img src="../img/main_icon/no_amt.png"></button>
 						</div>
 						<div class="itp_icon">
-							<button id="ITP_MAIN_ICON_DASH_BOARDS"><img src="../img/main_icon/Sales.png"></button>
+							<button data-menu-id="ITP_MAIN_ICON_ITEM_SALES"><img src="../img/main_icon/Sales.png"></button>
 						</div>
 					</div>
 				</div>
 				<div id="ITP_STR_ICON_BAR" style="display: none;"><!-- 매장 로그인 메인화면 -->
 					<div class="itp_icon_bar">
 						<div class="itp_icon">
-							<button id="ITP_MAIN_ICON_STR_ODER"><img src="../img/main_icon/str_oder.png"></button>
+							<button data-menu-id="MPOMNG01010"><img src="../img/main_icon/str_oder.png"></button>
 						</div>
 						<div class="itp_icon md">
-							<button id="ITP_MAIN_ICON_STR_ODER_INFO"><img src="../img/main_icon/str_oder_info.png"></button>
+							<button data-menu-id="MPOMNG04010"><img src="../img/main_icon/str_oder_info.png"></button>
 						</div>
 						<div class="itp_icon">
-							<button id="ITP_MAIN_ICON_STR_WHS"><img src="../img/main_icon/whs.png"></button>
+							<button data-menu-id="MPOMNG06010"><img src="../img/main_icon/whs.png"></button>
 						</div>
 					</div>
 					<div class="itp_icon_bar">
 						<div class="itp_icon">
-							<button id="ITP_MAIN_ICON_STR_RETURN"><img src="../img/main_icon/str_return.png"></button>
+							<button data-menu-id="MRTNMNG01010"><img src="../img/main_icon/str_return.png"></button>
 						</div>
 						<div class="itp_icon md">
-							<button id="ITP_MAIN_ICON_STR_RETURN_INFO"><img src="../img/main_icon/return.png"></button>
+							<button data-menu-id="MRTNMNG04010"><img src="../img/main_icon/return.png"></button>
 						</div>
 						<div class="itp_icon">
-							<button id="ITP_MAIN_ICON_STR_RETURN_GO"><img src="../img/main_icon/return_go.png"></button>
+							<button data-menu-id="MRTNMNG05010"><img src="../img/main_icon/return_go.png"></button>
 						</div>
 					</div>
 					<div class="itp_icon_bar mb">
 						<div class="itp_icon">
-							<button id="ITP_MAIN_ICON_STR_AMT_INFO"><img src="../img/main_icon/str_amt_info.png"></button>
+							<button data-menu-id="MSTOCKMNG01010"><img src="../img/main_icon/str_amt_info.png"></button>
 						</div>
 						<div class="itp_icon md">
-							<button id="ITP_MAIN_ICON_STR_NO_AMT_INFO"><img src="../img/main_icon/str_no_amt_info.png"></button>
+							<button data-menu-id="MLOANMNG03010"><img src="../img/main_icon/str_no_amt_info.png"></button>
 						</div>
 						<div class="itp_icon">
-							<button id="ITP_MAIN_ICON_STR_DASH_BOARDS"><img src="../img/main_icon/Dashboards.png"></button>
+							<button data-menu-id="ITP_MAIN_ICON_STR_DASH_BOARDS"><img src="../img/main_icon/Dashboards.png"></button>
 						</div>
 					</div>
 				</div>
-				<div id="ITP_SPY_ICON_BAR" style="display: block;"><!-- 공급사 로그인 메인화면 -->
+				<div id="ITP_SPY_ICON_BAR" style="display: none;"><!-- 공급사 로그인 메인화면 -->
 					<div class="itp_icon_bar">
 						<div class="itp_icon w50">
-							<button id="ITP_MAIN_ICON_STR_ODER" style="float:right; margin-right:14px;"><img src="../img/main_icon/spy_new.png"></button>
+							<button data-menu-id="MORDMNG02010" style="float:right; margin-right:14px;"><img src="../img/main_icon/spy_new.png"></button>
 						</div>
 						<div class="itp_icon w50">
-							<button id="ITP_MAIN_ICON_STR_ODER_INFO" style="float:left; margin-left:14px;"><img src="../img/main_icon/spy_info.png"></button>
+							<button data-menu-id="MORDMNG03010" style="float:left; margin-left:14px;"><img src="../img/main_icon/spy_info.png"></button>
 						</div>
 					</div>
 					<div class="itp_icon_bar">
 						<div class="itp_icon w50">
-							<button id="ITP_MAIN_ICON_STR_ODER" style="float:right; margin-right:14px;"><img src="../img/main_icon/spy_col_new.png"></button>
+							<button data-menu-id="MCOLLMNG02010" style="float:right; margin-right:14px;"><img src="../img/main_icon/spy_col_new.png"></button>
 						</div>
 						<div class="itp_icon w50">
-							<button id="ITP_MAIN_ICON_STR_ODER_INFO" style="float:left; margin-left:14px;"><img src="../img/main_icon/spy_col_now.png"></button>
+							<button data-menu-id="MCOLLMNG03010" style="float:left; margin-left:14px;"><img src="../img/main_icon/spy_col_now.png"></button>
 						</div>
 					</div>
 				</div>

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

@@ -39,11 +39,11 @@ var mobMainObj = {
 	ui: function() { 
 		var authTpCd = fn_make_user_info.get('authTpCd');
 		if(authTpCd === '40' ) {
-			$('#ITP_MAIN_HEADER_BRAND').show();
+			$('#ITP_BRAND_ICON_BAR').show();
 		} else if(authTpCd === '50') {
-			$('#ITP_MAIN_HEADER_STORE').show();
+			$('#ITP_STR_ICON_BAR').show();
 		} else if(authTpCd === '60') {
-			$('#ITP_MAIN_HEADER_SPPLY').show();
+			$('#ITP_SPY_ICON_BAR').show();
 		} 
 	},
 	action: function() {
@@ -59,7 +59,7 @@ var mobMainObj = {
 			return rtnURL;
 		};
 		$('#ITP_MAIN_CONTAINER button').on('click', function() {
-			const id = $(this).attr('id');
+			const id = $(this).data('menu-id');
 			const connURL = getURL(id);
 			if(connURL !== '') {
 				const href = MOBILE_CONTEXTPATH + connURL;