|
@@ -1,6 +1,7 @@
|
|
|
<template>
|
|
<template>
|
|
|
<div class="navbar" :class="'nav' + navType">
|
|
<div class="navbar" :class="'nav' + navType">
|
|
|
- <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
|
|
|
|
|
|
|
+ <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container"
|
|
|
|
|
+ @toggleClick="toggleSideBar" />
|
|
|
<breadcrumb v-if="navType == 1" id="breadcrumb-container" class="breadcrumb-container" />
|
|
<breadcrumb v-if="navType == 1" id="breadcrumb-container" class="breadcrumb-container" />
|
|
|
<top-nav v-if="navType == 2" id="topmenu-container" class="topmenu-container" />
|
|
<top-nav v-if="navType == 2" id="topmenu-container" class="topmenu-container" />
|
|
|
<template v-if="navType == 3">
|
|
<template v-if="navType == 3">
|
|
@@ -44,6 +45,7 @@
|
|
|
</el-dropdown-item>
|
|
</el-dropdown-item>
|
|
|
</el-dropdown-menu>
|
|
</el-dropdown-menu>
|
|
|
</el-dropdown> -->
|
|
</el-dropdown> -->
|
|
|
|
|
+ <span style="margin-right: 40px;" @click="logout">退出登录</span>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</template>
|
|
</template>
|
|
@@ -111,10 +113,11 @@ export default {
|
|
|
cancelButtonText: '取消',
|
|
cancelButtonText: '取消',
|
|
|
type: 'warning'
|
|
type: 'warning'
|
|
|
}).then(() => {
|
|
}).then(() => {
|
|
|
|
|
+
|
|
|
this.$store.dispatch('LogOut').then(() => {
|
|
this.$store.dispatch('LogOut').then(() => {
|
|
|
- location.href = '/index'
|
|
|
|
|
|
|
+ location.href = '/'
|
|
|
})
|
|
})
|
|
|
- }).catch(() => {})
|
|
|
|
|
|
|
+ }).catch(() => { })
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
@@ -132,7 +135,7 @@ export default {
|
|
|
overflow: hidden;
|
|
overflow: hidden;
|
|
|
position: relative;
|
|
position: relative;
|
|
|
background: #fff;
|
|
background: #fff;
|
|
|
- box-shadow: 0 1px 4px rgba(0,21,41,.08);
|
|
|
|
|
|
|
+ box-shadow: 0 1px 4px rgba(0, 21, 41, .08);
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
// padding: 0 8px;
|
|
// padding: 0 8px;
|
|
@@ -143,7 +146,7 @@ export default {
|
|
|
height: 100%;
|
|
height: 100%;
|
|
|
cursor: pointer;
|
|
cursor: pointer;
|
|
|
transition: background .3s;
|
|
transition: background .3s;
|
|
|
- -webkit-tap-highlight-color:transparent;
|
|
|
|
|
|
|
+ -webkit-tap-highlight-color: transparent;
|
|
|
display: flex;
|
|
display: flex;
|
|
|
align-items: center;
|
|
align-items: center;
|
|
|
flex-shrink: 0;
|
|
flex-shrink: 0;
|
|
@@ -222,7 +225,7 @@ export default {
|
|
|
border-radius: 50%;
|
|
border-radius: 50%;
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- .user-nickname{
|
|
|
|
|
|
|
+ .user-nickname {
|
|
|
position: relative;
|
|
position: relative;
|
|
|
bottom: 10px;
|
|
bottom: 10px;
|
|
|
left: 2px;
|
|
left: 2px;
|