feat:新功能

webshell模块
1.header增加xshell入口(调整header进入xshell的菜单的样式,功能实现)
This commit is contained in:
hanyuxia
2020-03-09 19:47:15 +08:00
parent 8b952f4d8a
commit bdb95895e7
9 changed files with 183 additions and 29 deletions

View File

@@ -6,15 +6,27 @@
mode="horizontal"
active="1"
unique-opened
>
><!--
<el-submenu index="-1" >
<template slot="title" >
<div @click="cli()" >
<i class="nz-icon nz-icon-cli"></i>
</div>
</template>
</el-submenu>-->
<el-menu-item :index="-1" >
<div @click="cli()" >
<i class="nz-icon nz-icon-cli"></i>
<!--
<div style="background-color:orangered;border-radius:38%;width:20px;height:15px;position:absolute;right:15px;top:8px;border:solid 0px red;">10+</div>
-->
</div>
</el-menu-item>
<el-submenu index="0" popper-class="nz-submenu">
<template slot="title">
<div class="menu-create">
<div class="menu-icon-create">
<i class="nz-icon-create-square nz-icon"></i>
</div>
<div class='menu-create-title'>{{$t('overall.create')}}</div>
</div>
</template>
<template v-for="(item, index) in createMenu">
<el-menu-item :index="'0-' + index">
@@ -137,7 +149,9 @@
import changePwd from "../page/config/changePwd";
export default {
name: "Header",
components: {'change-password':changePwd},
components: {
'change-password':changePwd,
},
data() {
return {
username: sessionStorage.getItem("nz-username"),
@@ -236,6 +250,9 @@
window.location.reload();
}
},
cli(){
this.$store.commit('openConsole');
},
jumpTo(data) {
if (data != "asset") {
this.activeItemIndexes = [];
@@ -560,7 +577,31 @@
height: 50px;
line-height: 50px;
}
/* top el-menu-item sytle------start*/
.header .el-menu--horizontal>.el-menu-item {
height: 50px;
}
.header .el-menu--horizontal>.el-menu-item >div {
min-width: 80px;
text-align: center;
/*color:$header-text-color;*/
padding: 0;
height: 50px;
line-height: 50px;
}
.header .el-menu--horizontal>.el-menu-item i {
color: $header-text-color;
}
.header .el-menu--horizontal>.el-menu-item>div {
padding-left: 0px !important;
}
.header .el-menu--horizontal>.el-menu-item>div:hover {
background-color: $header-background-color-hover !important;
}
.header .el-menu--horizontal>.el-menu-item:not(.is-disabled):focus, .header .el-menu--horizontal>.el-menu-item:not(.is-disabled):hover {
background-color:transparent !important;
}
/* top el-menu-item sytle------end*/
.el-menu.el-menu--horizontal {
border-bottom: 0px;
}