<template>
|
<div>
|
<div class="leftTopWrapper">
|
<div class="logo">
|
<img src="../assets/img/www.terra-it.cn.png" alt="" />
|
</div>
|
<div class="menu">
|
<el-menu
|
active-text-color="#ffd04b"
|
background-color="#3B4D6E"
|
class="el-menu-vertical-demo"
|
default-active="2"
|
text-color="#fff"
|
router
|
@open="handleOpen"
|
@close="handleClose"
|
@select="handleselect"
|
>
|
<el-submenu index="3" class="faSub">
|
<template slot="title">
|
<span>{{ $t('synthesis.synthesis') }}</span>
|
</template>
|
<el-menu-item index="Synthesis">{{
|
$t('synthesis.synthesis')
|
}}</el-menu-item>
|
<el-menu-item index="Thematic">{{
|
$t('synthesis.themaic')
|
}}</el-menu-item>
|
<el-menu-item index="Archive">{{
|
$t('synthesis.archive')
|
}}</el-menu-item>
|
</el-submenu>
|
<el-submenu index="1" class="faSub">
|
<template slot="title">
|
<span>{{ $t('dataManage.dataManage') }}</span>
|
</template>
|
<el-menu-item index="catalogueManage">{{
|
$t('dataManage.catalogueManage')
|
}}</el-menu-item>
|
<el-menu-item index="dataUpdata">{{
|
$t('dataManage.dataUpdata')
|
}}</el-menu-item>
|
<el-menu-item index="metadataManage">{{
|
$t('dataManage.metadataManage')
|
}}</el-menu-item>
|
<el-menu-item index="dataLoading">{{
|
$t('dataManage.dataLoading')
|
}}</el-menu-item>
|
<el-menu-item index="SpatialData">{{
|
$t('dataManage.SpatialData')
|
}}</el-menu-item>
|
<el-menu-item index="versionManage">{{
|
$t('dataManage.versionManage')
|
}}</el-menu-item>
|
<el-menu-item index="dictionaryManage">{{
|
$t('dataManage.dictionaryManage')
|
}}</el-menu-item>
|
<el-menu-item index="styleManage">{{
|
$t('dataManage.styleManage')
|
}}</el-menu-item>
|
</el-submenu>
|
<el-submenu index="2" class="faSub">
|
<template slot="title">
|
<span>{{ $t('operatManage.operatManage') }}</span>
|
</template>
|
<el-submenu index="2-2">
|
<template slot="title">{{
|
$t('operatManage.systemLayout')
|
}}</template>
|
<el-menu-item index="menuSettings">{{
|
$t('operatManage.menuSettings')
|
}}</el-menu-item>
|
<el-menu-item index="parameterConfiguration">{{
|
$t('operatManage.parameterConfiguration')
|
}}</el-menu-item>
|
<el-menu-item index="rests">{{
|
$t('operatManage.rests')
|
}}</el-menu-item>
|
</el-submenu>
|
<el-menu-item index="authorityManagement">{{
|
$t('operatManage.authorityManagement')
|
}}</el-menu-item>
|
<el-menu-item index="safetyManagement">{{
|
$t('operatManage.safetyManagement')
|
}}</el-menu-item>
|
<el-submenu index="2-5">
|
<template slot="title">{{
|
$t('operatManage.operationMonitoring')
|
}}</template>
|
<el-menu-item index="eventlogManage">{{
|
$t('operatManage.ResourceLog')
|
}}</el-menu-item>
|
<el-menu-item index="logLog">{{
|
$t('operatManage.logLog')
|
}}</el-menu-item>
|
<el-menu-item index="operationLog">{{
|
$t('operatManage.operationLog')
|
}}</el-menu-item>
|
<el-menu-item index="databaseMonitoring">{{
|
$t('operatManage.databaseMonitoring')
|
}}</el-menu-item>
|
<el-menu-item index="systemMonitoring">{{
|
$t('operatManage.systemMonitoring')
|
}}</el-menu-item>
|
<el-menu-item index="blackwhiteList"
|
>{{ $t('operatManage.blackwhiteList') }}
|
</el-menu-item>
|
<el-menu-item index="tokentool">{{
|
$t('operatManage.tokentool')
|
}}</el-menu-item>
|
</el-submenu>
|
</el-submenu>
|
|
<el-submenu index="4" class="faSub">
|
<template slot="title">
|
<span>{{ $t('userManage.userManage') }}</span>
|
</template>
|
<el-menu-item index="userInfoManage">{{
|
$t('userManage.userInfoManage')
|
}}</el-menu-item>
|
<el-menu-item index="orgManage">{{
|
$t('userManage.orgManage')
|
}}</el-menu-item>
|
<el-menu-item index="userAuditing">{{
|
$t('userManage.userAuditing')
|
}}</el-menu-item>
|
<el-menu-item index="roleManage">{{
|
$t('userManage.roleManage')
|
}}</el-menu-item>
|
<el-menu-item index="groupManage">{{
|
$t('userManage.groupManage')
|
}}</el-menu-item>
|
<el-menu-item index="authorityManage">{{
|
$t('userManage.authorityManage')
|
}}</el-menu-item>
|
<el-menu-item index="resourceManage">{{
|
$t('userManage.resManage')
|
}}</el-menu-item>
|
</el-submenu>
|
<!-- <el-submenu index="5" class="faSub">
|
<template slot="title">数据交换</template>
|
<el-menu-item index="5-1">数据分发</el-menu-item>
|
</el-submenu> -->
|
<!-- <el-submenu index="6" class="faSub">
|
<template slot="title">服务管理</template>
|
<el-menu-item index="6-1">数据服务注册开启</el-menu-item>
|
</el-submenu> -->
|
</el-menu>
|
</div>
|
</div>
|
<div class="leftBotWrapper">
|
<div class="userInfo">
|
<img src="../assets/img/user.png" alt="" />
|
<span>admin</span>
|
<span @click="logOut">注销</span>
|
|
<span @click="switchLang"> 切换语言</span>
|
</div>
|
<div class="btnBox">
|
<div><img src="../assets/img/leftBtn.png" alt="" /></div>
|
<div><img src="../assets/img/rightBtn.png" alt="" /></div>
|
</div>
|
</div>
|
</div>
|
</template>
|
|
<script>
|
import { logout } from '@/api/api';
|
import { removeToken, getToken } from '@/utils/auth';
|
export default {
|
name: 'navMenu',
|
//import引入的组件需要注入到对象中才能使用
|
data() {
|
return {
|
lang: 'en',
|
};
|
},
|
methods: {
|
logOut() {
|
this.$confirm('确认是否退出登录?', '提示', {
|
confirmButtonText: '确定',
|
cancelButtonText: '取消',
|
type: 'warning',
|
})
|
.then(async () => {
|
const data = await logout({ token: getToken() });
|
console.log(data);
|
if (data.code != 200) {
|
return this.$message.error('退出登录失败');
|
}
|
removeToken();
|
this.$router.push('/login');
|
this.$message({
|
message: '退出登录成功',
|
type: 'success',
|
});
|
})
|
.catch(() => {
|
this.$message({
|
type: 'info',
|
message: '已取消',
|
});
|
});
|
},
|
handleOpen(key, keyPath) {
|
if (
|
keyPath[1] != 'dataLoading' &&
|
keyPath[1] != '2-2' &&
|
keyPath[1] != '2-5'
|
)
|
this.$router.push(keyPath[1]);
|
},
|
handleClose(key, keyPath) {
|
if (
|
keyPath[1] != 'dataLoading' &&
|
keyPath[1] != '2-5' &&
|
keyPath[1] != '2-2'
|
)
|
this.$router.push(keyPath[1]);
|
},
|
handleselect(index) {
|
if (index != null) {
|
this.$emit('shwoMapView', false);
|
}
|
},
|
showChange() {
|
this.$emit('shwoMapView', true);
|
},
|
switchLang() {
|
if (this.lang == 'en') {
|
this.$i18n.locale = this.lang;
|
this.lang = 'zh';
|
} else {
|
this.$i18n.locale = this.lang;
|
this.lang = 'en';
|
}
|
},
|
},
|
};
|
</script>
|
<style lang="less" scoped>
|
//@import url(); 引入公共css类
|
.leftTopWrapper {
|
width: 100%;
|
.logo {
|
// background-color: rgb(139, 0, 0);
|
width: 249px;
|
height: 52px;
|
img {
|
width: 100%;
|
}
|
}
|
.menu {
|
height: 740px;
|
margin-top: 22px;
|
overflow: auto;
|
|
.el-menu {
|
width: 234px;
|
border-right: none;
|
/deep/ .el-submenu {
|
margin-bottom: 10px;
|
.el-submenu__title {
|
background-color: transparent !important;
|
}
|
}
|
.faSub {
|
background-color: #586884;
|
}
|
}
|
}
|
}
|
.leftBotWrapper {
|
width: 258px;
|
position: absolute;
|
left: 19px;
|
bottom: 17px;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
.userInfo {
|
// width: 138px;
|
font-size: 16px;
|
font-family: Microsoft YaHei;
|
font-weight: 400;
|
color: #fcfcfc;
|
display: flex;
|
justify-content: space-between;
|
align-items: center;
|
cursor: pointer;
|
}
|
.btnBox {
|
width: 65px;
|
display: flex;
|
justify-content: space-between;
|
}
|
}
|
</style>
|
