File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
File name
Commit message
Commit date
<template>
<nav class="admin-sub-menu pt50 pb50">
<div class="pd30 pt0 pb15">
<div class="admin-info pd15 mb10">
<div class="flex justify-center align-center mb10">
<p class="admin-name">{{ mbrNm }}</p>
</div>
<div class="flex justify-center align-center">
<button class="admin-btn pr10" @click="fnlogOut">로그아웃</button>
<button class="admin-btn pl10" @click="fnSiteMove">사이트이동</button>
</div>
</div>
<div class="flex justify-center no-gutters">
<div class="gd-12">
<button class="large-btn darkg-border-btn" @click="cacheClean()">
<svg-icon type="mdi" :path="refreshPath"></svg-icon> 변경사항 적용 </button>
</div>
</div>
</div>
<ul class="side-menu pt10 pb10">
<template v-if="menuList.length > 0">
<li v-for="(sub, subidx) in menuList" :key="subidx" :class="{ 'sub-active': isActive(sub.routerUrl) }">
<div :class="{ 'pt10 pb10 pl30 cursor': true }" @click="
menuClick(
sub.routerUrl != '' && sub.routerUrl != null
? sub
: sub.childList[0]
)
">
<span>{{ sub.menuNm }}</span>
</div>
<ul v-show="sub.childList.length > 0">
<li v-for="(third, thirdIdx) in sub.childList" :key="thirdIdx" :class="{
'pt10 pb10 pl60 cursor': true,
'sub-active': isActive(third.routerUrl),
}" @click="menuClick(third)">
<span>{{ third.menuNm }}</span>
</li>
</ul>
</li>
</template>
</ul>
</nav>
</template>
<script>
import store from "../../views/pages/AppStore";
import queryParams from "../../resources/js/queryParams";
import { defaultSearchParams } from "../../resources/js/defaultSearchParams";
import { mapActions } from "vuex";
import cntnStatsSave from "../../resources/js/cntnStatsSave";
import { cacheReSet } from "../../resources/api/cacheReSet";
import { mdiRefresh } from "@mdi/js";
export default {
mixins: [queryParams, cntnStatsSave],
components: {},
props: {},
data() {
return {
mbrNm: store.state.mbrNm,
currentPath: this.$route.path,
resetSearch: { ...defaultSearchParams },
menuList: [],
refreshPath: mdiRefresh,
};
},
created() {
this.menuCheck();
},
methods: {
menuCheck() {
const menu = store.state.menu;
if (menu != null && menu != "" && menu != undefined) {
this.menuList = menu.childList;
}
},
async menuClick(menu) {
this.saveQueryParams("queryParams", this.resetSearch); // 검색조건 초기화
await this.cntnStatsSave(menu.menuId);
if (menu.linkType === "0") {
// 현재창
this.$router.push({
path: menu.routerUrl,
});
} else if (menu.linkType === "1") {
// 새창
window.open(menu.routerUrl, "_blank");
}
},
isActive(subPath) {
const checkUrl = this.currentPath.substring(
0,
this.currentPath.lastIndexOf("/") + 1
);
return subPath.startsWith(checkUrl);
},
// 사이트 이동
fnSiteMove() {
this.$router.push({
path: "/",
});
},
...mapActions(["logout"]),
// 로그 아웃
async fnlogOut() {
await this.logout();
this.$router.push({
path: "/login.page",
});
},
// 캐시 초기화
async cacheClean() {
if (!confirm("변경사항을 적용하시겠습니까?")) return;
const res = await cacheReSet();
alert(res.data.message);
},
},
watch: {
// 나중에 네비게이션 가드에서 form 받을 수 있으면 form adm/main으로 갈때 sotre.state값0로 바꿔주기
$route(to) {
this.currentPath = to.path;
},
async "$store.state.menu"(newVal) {
if (newVal == null || newVal == "" || newVal == undefined) {
this.menuList = [];
} else {
this.menuList = newVal.childList;
if (newVal && this.menuList.length > 0) {
await this.cntnStatsSave(this.menuList[0].menuId);
if (
newVal.menuId == "MENU_000000000000011" &&
this.$store.state.path.includes("BBS_MNG_")
) {
return;
} else {
this.$router.push(this.menuList[0].routerUrl);
}
}
}
},
"$store.state.mbrNm"(newVal) {
this.mbrNm = newVal;
},
},
computed: {},
mounted() { },
};
</script>