mirror of
http://git.mhez-qa.uplus.co.kr/hubez/hubez-admin.git
synced 2025-12-07 06:24:47 +09:00
TC 수정사항 반영
This commit is contained in:
@@ -1,24 +1,21 @@
|
||||
<template>
|
||||
<nav>
|
||||
<ul v-if="menuList.length > 0" class="main_menu">
|
||||
<!-- 선택한 메뉴 li.is-current -->
|
||||
<li v-for="child in menuList" :key="child.menuNo" :class="child.classNm">
|
||||
<li v-for="child in menuList" :key="child.menuNo" :class="child.classNm">
|
||||
<div class="menu_btn" ></div>
|
||||
<a href="javascript:void(0);" class="menu_target" @click="actionMenu" :data-menu-no="child.menuNo">{{child.menuNm}}</a>
|
||||
<!-- <router-link :to="`${child.menuNo}`">{{child.menuNm}}</router-link>-->
|
||||
|
||||
<div class="sub_menu_wrap">
|
||||
<ul class="sub_menu" v-if="child.children.length > 0">
|
||||
<li v-for="child2 in child.children" :key="child2.menuNo">
|
||||
<!-- <a href="javascript:void(0);" @click="clickMenu(child2.menuUrl)" :data-menu-no="child2.menuNo">{{child2.menuNm}}</a>-->
|
||||
<router-link :to="`${child2.menuUrl}`">{{child2.menuNm}}</router-link>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</li>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
//import "../assets/js/script.js";
|
||||
import api from '@/service/api.js';
|
||||
@@ -53,7 +50,9 @@ export default {
|
||||
}
|
||||
|
||||
},
|
||||
mounted() {},
|
||||
mounted() {
|
||||
//this.menuhighlight();
|
||||
},
|
||||
computed: {
|
||||
...mapGetters({
|
||||
getLogin: 'login/isLogin',
|
||||
@@ -76,52 +75,7 @@ export default {
|
||||
} else {
|
||||
this.isErrPage = false;
|
||||
}
|
||||
},
|
||||
$route(to, from) {
|
||||
if (to.path != from.path) {
|
||||
/* router path가 변경될 때마다 서버로 접근로그를 저장한다. */
|
||||
const menuList = document.querySelectorAll('.main_menu .is-current');
|
||||
for(const other of menuList){
|
||||
other.classList.remove('is-current');
|
||||
}
|
||||
// const path = to.path;
|
||||
var toPathUrl = to.path;
|
||||
if(toPathUrl.indexOf('custMgt') > -1){
|
||||
const div = document.querySelector('.customer');
|
||||
div.classList.add('is-current')
|
||||
}else if(toPathUrl.indexOf('attractMgt') > -1){
|
||||
const div = document.querySelector('.attract');
|
||||
div.classList.add('is-current')
|
||||
}else if(toPathUrl.indexOf('servMgt') > -1){
|
||||
const div = document.querySelector('.service');
|
||||
div.classList.add('is-current')
|
||||
}else if(toPathUrl.indexOf('calculate') > -1){
|
||||
const div = document.querySelector('.calculate');
|
||||
div.classList.add('is-current')
|
||||
}else if(toPathUrl.indexOf('channelMgt') > -1){
|
||||
const div = document.querySelector('.channel');
|
||||
div.classList.add('is-current')
|
||||
}else if(toPathUrl.indexOf('sendNumMgt') > -1){
|
||||
const div = document.querySelector('.key');
|
||||
div.classList.add('is-current')
|
||||
}else if(toPathUrl.indexOf('mntrng') > -1){
|
||||
const div = document.querySelector('.moniter');
|
||||
div.classList.add('is-current')
|
||||
}else if(toPathUrl.indexOf('riskMgt') > -1){
|
||||
const div = document.querySelector('.risk');
|
||||
div.classList.add('is-current')
|
||||
}else if(toPathUrl.indexOf('stats') > -1){
|
||||
const div = document.querySelector('.stats');
|
||||
div.classList.add('is-current')
|
||||
}else if(toPathUrl.indexOf('sysMgt') > -1){
|
||||
const div = document.querySelector('.system');
|
||||
div.classList.add('is-current')
|
||||
}else{
|
||||
const div = document.querySelector('.customer');
|
||||
div.classList.add('is-current')
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
},
|
||||
methods: {
|
||||
setMenuData() {
|
||||
@@ -130,39 +84,88 @@ export default {
|
||||
// console.log(rootMenu);
|
||||
if (rootMenu != null && rootMenu.children != null && rootMenu.children.length > 0) {
|
||||
this.tempList = rootMenu.children;
|
||||
|
||||
var nowUrl = this.$route.fullPath;
|
||||
// console.log('path : '+nowUrl);
|
||||
|
||||
for(var i=0; i<this.tempList.length; i++){
|
||||
var menuNo = this.tempList[i].menuNo;
|
||||
// console.log('menuNo : '+menuNo);
|
||||
var classNm = '';
|
||||
switch(menuNo){
|
||||
case 1001 : classNm = 'customer'; break;
|
||||
case 1002 : classNm = 'attract'; break;
|
||||
case 1003 : classNm = 'service'; break;
|
||||
case 1004 : classNm = 'calculate'; break;
|
||||
case 1005 : classNm = 'channel'; break;
|
||||
case 1006 : classNm = 'key'; break;
|
||||
case 1007 : classNm = 'moniter'; break;
|
||||
case 1008 : classNm = 'risk'; break;
|
||||
case 1009 : classNm = 'stats'; break;
|
||||
case 1010 : classNm = 'system'; break;
|
||||
case 1001 : classNm = 'customer';
|
||||
if(nowUrl.indexOf('custMgt') > -1){
|
||||
classNm += ' is-current';
|
||||
}
|
||||
break;
|
||||
case 1002 : classNm = 'attract';
|
||||
if(nowUrl.indexOf('attractMgt') > -1){
|
||||
classNm += ' is-current';
|
||||
}
|
||||
break;
|
||||
case 1003 : classNm = 'service';
|
||||
if(nowUrl.indexOf('servMgt') > -1){
|
||||
classNm += ' is-current';
|
||||
}
|
||||
break;
|
||||
case 1004 : classNm = 'calculate';
|
||||
if(nowUrl.indexOf('calculate') > -1){
|
||||
classNm += ' is-current';
|
||||
}
|
||||
break;
|
||||
case 1005 : classNm = 'channel';
|
||||
if(nowUrl.indexOf('channelMgt') > -1){
|
||||
classNm += ' is-current';
|
||||
}
|
||||
break;
|
||||
case 1006 : classNm = 'key';
|
||||
if(nowUrl.indexOf('sendNumMgt') > -1){
|
||||
classNm += ' is-current';
|
||||
}
|
||||
break;
|
||||
case 1007 : classNm = 'moniter';
|
||||
if(nowUrl.indexOf('mntrng') > -1){
|
||||
classNm += ' is-current';
|
||||
}
|
||||
break;
|
||||
case 1008 : classNm = 'risk';
|
||||
if(nowUrl.indexOf('riskMgt') > -1){
|
||||
classNm += ' is-current';
|
||||
}
|
||||
break;
|
||||
case 1009 : classNm = 'stats';
|
||||
if(nowUrl.indexOf('stats') > -1){
|
||||
classNm += ' is-current';
|
||||
}
|
||||
break;
|
||||
case 1010 : classNm = 'system';
|
||||
if(nowUrl.indexOf('sysMgt') > -1){
|
||||
classNm += ' is-current';
|
||||
}
|
||||
break;
|
||||
default : classNm = 'customer';
|
||||
}
|
||||
classNm += ' is-current';
|
||||
}
|
||||
|
||||
// console.log('classNm : '+classNm);
|
||||
this.tempList[i].classNm = classNm;
|
||||
//console.log(classNm);
|
||||
}
|
||||
//this.menuList = rootMenu.children;
|
||||
this.menuList = this.tempList;
|
||||
}
|
||||
this.menuList = rootMenu.children;
|
||||
|
||||
} else {
|
||||
window.top.location.href = '/';
|
||||
// this.isLogin = false;
|
||||
this.menuList = null;
|
||||
}
|
||||
}
|
||||
}).catch(rsponse => {
|
||||
// this.isLogin = false;
|
||||
this.menuList = null;
|
||||
})
|
||||
|
||||
},
|
||||
clickMenu(link){
|
||||
var location = this.$route.fullPath;
|
||||
var location = this.$route.fullPath;
|
||||
if(link != location){
|
||||
this.$router.push({
|
||||
path: link
|
||||
@@ -182,7 +185,7 @@ export default {
|
||||
|
||||
actionMenu(e){
|
||||
const menuList = document.querySelectorAll('.main_menu .is-current');
|
||||
|
||||
console.log(menuList);
|
||||
if(e.target.classList.contains('menu_target') || e.target.classList.contains('menu_btn')){
|
||||
const menuListCheck = e.target.parentNode;
|
||||
if(menuListCheck.classList.contains('is-current')){
|
||||
@@ -200,11 +203,6 @@ export default {
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
}
|
||||
}
|
||||
</script>
|
||||
@@ -79,7 +79,6 @@ export default {
|
||||
},
|
||||
methods :{
|
||||
alertModalOpen(props){
|
||||
console.log("@@@@@@@@@@")
|
||||
console.log(props)
|
||||
var dimmed = document.getElementsByClassName('alertCommon');
|
||||
for(var i = 0; i < dimmed.length; i++){
|
||||
|
||||
Reference in New Issue
Block a user