<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="1" class="faSub">
|
<template slot="title">
|
<span>{{ $t("common.confirm") }}</span>
|
</template>
|
<el-menu-item index="catalogueManage">目录管理</el-menu-item>
|
<el-menu-item index="dataUpdata">数据上传</el-menu-item>
|
<el-menu-item index="metadataManage">元数据管理</el-menu-item>
|
<el-menu-item index="dataLoading">数据入库</el-menu-item>
|
<el-menu-item index="SpatialData">空间数据管理</el-menu-item>
|
<el-menu-item index="versionManage">版本管理</el-menu-item>
|
<el-menu-item index="dictionaryManage">字典管理</el-menu-item>
|
<el-menu-item index="styleManage">样式管理</el-menu-item>
|
</el-submenu>
|
<el-submenu index="2" class="faSub">
|
<template slot="title">
|
<span>运维管理</span>
|
</template>
|
<el-menu-item index="userManagement">用户管理</el-menu-item>
|
<el-submenu index="2-2">
|
<template slot="title">系统配置</template>
|
<el-menu-item index="menuSettings">菜单设置</el-menu-item>
|
<el-menu-item index="parameterConfiguration"
|
>参数配置</el-menu-item
|
>
|
<el-menu-item index="rests">其他</el-menu-item>
|
</el-submenu>
|
<el-menu-item index="authorityManagement">权限管理</el-menu-item>
|
<el-menu-item index="safetyManagement">安全管理</el-menu-item>
|
<el-submenu index="2-5">
|
<template slot="title">运行监控</template>
|
<el-menu-item index="systemMonitoring">系统监控</el-menu-item>
|
<el-menu-item index="logLog">登录日志</el-menu-item>
|
<el-menu-item index="operationLog">操作日志</el-menu-item>
|
<!-- <el-menu-item index="databaseMonitoring">数据库监控</el-menu-item> -->
|
</el-submenu>
|
</el-submenu>
|
<el-submenu index="3" class="faSub">
|
<template slot="title">
|
<span>综合展示</span>
|
</template>
|
<el-menu-item index="Synthesis">综合展示</el-menu-item>
|
<el-menu-item index="Thematic">专题地图</el-menu-item>
|
<el-menu-item index="Archive">资料馆</el-menu-item>
|
</el-submenu>
|
<!-- <el-submenu index="4" class="faSub">
|
<template slot="title">数据质检</template>
|
<el-menu-item index="4-1">数据质检</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>注销</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>
|
export default {
|
name: "navMenu",
|
//import引入的组件需要注入到对象中才能使用
|
data() {
|
return {
|
lang: "en",
|
};
|
},
|
methods: {
|
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>
|
