TC 수정사항 반영

This commit is contained in:
kimre
2022-07-16 23:53:22 +09:00
parent c323de8bb9
commit e8328fef2c
43 changed files with 954 additions and 904 deletions

View File

@@ -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>

View File

@@ -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++){