RuoYi
2025-05-23 3293e2fb564fbc3cff4a9268b6595ff7f99b37b2
ruoyi-ui/src/layout/components/Navbar.vue
@@ -2,13 +2,13 @@
  <div class="navbar">
    <hamburger id="hamburger-container" :is-active="sidebar.opened" class="hamburger-container" @toggleClick="toggleSideBar" />
    <breadcrumb id="breadcrumb-container" class="breadcrumb-container" v-if="!topNav"/>
    <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/>
    <breadcrumb v-if="!topNav" id="breadcrumb-container" class="breadcrumb-container" />
    <top-nav v-if="topNav" id="topmenu-container" class="topmenu-container" />
    <div class="right-menu">
      <template v-if="device!=='mobile'">
        <search id="header-search" class="right-menu-item" />
        <el-tooltip content="源码地址" effect="dark" placement="bottom">
          <ruo-yi-git id="ruoyi-git" class="right-menu-item hover-effect" />
        </el-tooltip>
@@ -25,23 +25,24 @@
      </template>
      <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
      <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="hover">
        <div class="avatar-wrapper">
          <img :src="avatar" class="user-avatar">
          <i class="el-icon-caret-bottom" />
          <span class="user-nickname"> {{ nickName }} </span>
        </div>
        <el-dropdown-menu slot="dropdown">
          <router-link to="/user/profile">
            <el-dropdown-item>个人中心</el-dropdown-item>
          </router-link>
          <el-dropdown-item @click.native="setting = true">
            <span>布局设置</span>
          </el-dropdown-item>
          <el-dropdown-item divided @click.native="logout">
            <span>退出登录</span>
          </el-dropdown-item>
        </el-dropdown-menu>
      </el-dropdown>
      <div class="right-menu-item hover-effect setting" @click="setLayout" v-if="setting">
        <svg-icon icon-class="more-up" />
      </div>
    </div>
  </div>
</template>
@@ -58,6 +59,7 @@
import RuoYiDoc from '@/components/RuoYi/Doc'
export default {
  emits: ['setLayout'],
  components: {
    Breadcrumb,
    TopNav,
@@ -72,17 +74,12 @@
    ...mapGetters([
      'sidebar',
      'avatar',
      'device'
      'device',
      'nickName'
    ]),
    setting: {
      get() {
        return this.$store.state.settings.showSettings
      },
      set(val) {
        this.$store.dispatch('settings/changeSetting', {
          key: 'showSettings',
          value: val
        })
      }
    },
    topNav: {
@@ -95,16 +92,19 @@
    toggleSideBar() {
      this.$store.dispatch('app/toggleSideBar')
    },
    async logout() {
    setLayout(event) {
      this.$emit('setLayout')
    },
    logout() {
      this.$confirm('确定注销并退出系统吗?', '提示', {
        confirmButtonText: '确定',
        cancelButtonText: '取消',
        type: 'warning'
      }).then(() => {
        this.$store.dispatch('LogOut').then(() => {
          location.href = '/index';
          location.href = '/index'
        })
      }).catch(() => {});
      }).catch(() => {})
    }
  }
}
@@ -173,17 +173,25 @@
    }
    .avatar-container {
      margin-right: 30px;
      margin-right: 0px;
      padding-right: 0px;
      .avatar-wrapper {
        margin-top: 5px;
        margin-top: 10px;
        position: relative;
        .user-avatar {
          cursor: pointer;
          width: 40px;
          height: 40px;
          border-radius: 10px;
          width: 30px;
          height: 30px;
          border-radius: 50%;
        }
        .user-nickname{
          position: relative;
          bottom: 10px;
          font-size: 14px;
          font-weight: bold;
        }
        .el-icon-caret-bottom {