|
|
@ -1,6 +1,7 @@
|
|
|
|
<template>
|
|
|
|
<template>
|
|
|
|
<div class="navbar">
|
|
|
|
<div class="navbar">
|
|
|
|
<hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
|
|
|
|
<hamburger id="hamburger-container" :is-active="appStore.sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
|
|
|
|
|
|
|
|
<div style="float: left;line-height: 50px;">{{title}}</div>
|
|
|
|
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!settingsStore.topNav" />
|
|
|
|
<breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!settingsStore.topNav" />
|
|
|
|
<top-nav id="topmenu-container" class="topmenu-container" v-if="settingsStore.topNav" />
|
|
|
|
<top-nav id="topmenu-container" class="topmenu-container" v-if="settingsStore.topNav" />
|
|
|
|
|
|
|
|
|
|
|
@ -8,11 +9,11 @@
|
|
|
|
<template v-if="appStore.device !== 'mobile'">
|
|
|
|
<template v-if="appStore.device !== 'mobile'">
|
|
|
|
<header-search id="header-search" class="right-menu-item" />
|
|
|
|
<header-search id="header-search" class="right-menu-item" />
|
|
|
|
|
|
|
|
|
|
|
|
<el-tooltip content="源码地址" effect="dark" placement="bottom">
|
|
|
|
<el-tooltip v-if="false" content="源码地址" effect="dark" placement="bottom">
|
|
|
|
<ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
|
|
|
|
<ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
|
|
|
|
</el-tooltip>
|
|
|
|
</el-tooltip>
|
|
|
|
|
|
|
|
|
|
|
|
<el-tooltip content="文档地址" effect="dark" placement="bottom">
|
|
|
|
<el-tooltip v-if="false" content="文档地址" effect="dark" placement="bottom">
|
|
|
|
<ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
|
|
|
|
<ruo-yi-doc id="ruoyi-doc" class="right-menu-item hover-effect" />
|
|
|
|
</el-tooltip>
|
|
|
|
</el-tooltip>
|
|
|
|
|
|
|
|
|
|
|
@ -23,7 +24,14 @@
|
|
|
|
</el-tooltip>
|
|
|
|
</el-tooltip>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
|
<div class="avatar-container">
|
|
|
|
<div class="avatar-container">
|
|
|
|
<el-dropdown @command="handleCommand" class="right-menu-item hover-effect" trigger="click">
|
|
|
|
<div class="user-name">
|
|
|
|
|
|
|
|
<el-icon><User /></el-icon>
|
|
|
|
|
|
|
|
<div>{{userStore.name}}</div>
|
|
|
|
|
|
|
|
<el-button @click="logout" style="margin-left: 10px">
|
|
|
|
|
|
|
|
退出
|
|
|
|
|
|
|
|
</el-button>
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<el-dropdown v-if="false" @command="handleCommand" class="right-menu-item hover-effect" trigger="click">
|
|
|
|
<div class="avatar-wrapper">
|
|
|
|
<div class="avatar-wrapper">
|
|
|
|
<img :src="userStore.avatar" class="user-avatar" />
|
|
|
|
<img :src="userStore.avatar" class="user-avatar" />
|
|
|
|
<el-icon><caret-bottom /></el-icon>
|
|
|
|
<el-icon><caret-bottom /></el-icon>
|
|
|
@ -37,7 +45,7 @@
|
|
|
|
<span>布局设置</span>
|
|
|
|
<span>布局设置</span>
|
|
|
|
</el-dropdown-item>
|
|
|
|
</el-dropdown-item>
|
|
|
|
<el-dropdown-item divided command="logout">
|
|
|
|
<el-dropdown-item divided command="logout">
|
|
|
|
<span>退出登录</span>
|
|
|
|
<span>登录</span>
|
|
|
|
</el-dropdown-item>
|
|
|
|
</el-dropdown-item>
|
|
|
|
</el-dropdown-menu>
|
|
|
|
</el-dropdown-menu>
|
|
|
|
</template>
|
|
|
|
</template>
|
|
|
@ -60,11 +68,12 @@ import RuoYiDoc from '@/components/RuoYi/Doc'
|
|
|
|
import useAppStore from '@/store/modules/app'
|
|
|
|
import useAppStore from '@/store/modules/app'
|
|
|
|
import useUserStore from '@/store/modules/user'
|
|
|
|
import useUserStore from '@/store/modules/user'
|
|
|
|
import useSettingsStore from '@/store/modules/settings'
|
|
|
|
import useSettingsStore from '@/store/modules/settings'
|
|
|
|
|
|
|
|
import defaultSettings from "@/settings.js";
|
|
|
|
|
|
|
|
|
|
|
|
const appStore = useAppStore()
|
|
|
|
const appStore = useAppStore()
|
|
|
|
const userStore = useUserStore()
|
|
|
|
const userStore = useUserStore()
|
|
|
|
const settingsStore = useSettingsStore()
|
|
|
|
const settingsStore = useSettingsStore()
|
|
|
|
|
|
|
|
const title = defaultSettings.title
|
|
|
|
function toggleSideBar() {
|
|
|
|
function toggleSideBar() {
|
|
|
|
appStore.toggleSideBar()
|
|
|
|
appStore.toggleSideBar()
|
|
|
|
}
|
|
|
|
}
|
|
|
@ -164,7 +173,7 @@ function setLayout() {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
.avatar-container {
|
|
|
|
.avatar-container {
|
|
|
|
margin-right: 40px;
|
|
|
|
margin-right: 10px;
|
|
|
|
|
|
|
|
|
|
|
|
.avatar-wrapper {
|
|
|
|
.avatar-wrapper {
|
|
|
|
margin-top: 5px;
|
|
|
|
margin-top: 5px;
|
|
|
@ -187,5 +196,9 @@ function setLayout() {
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.user-name{
|
|
|
|
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
align-items: center;
|
|
|
|
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
</style>
|
|
|
|
</style>
|
|
|
|