唐耀东
2022-05-23 e28e9395819fd992bc3e168b6ff89fb6f538f1bc
src/layout/components/Navbar.vue
@@ -6,29 +6,32 @@
    <top-nav id="topmenu-container" class="topmenu-container" v-if="topNav"/>
    <div class="right-menu">
      <template v-if="device!=='mobile'">
        <search id="header-search" class="right-menu-item" />
      <!--<template v-if="device!=='mobile'">-->
        <!--<search id="header-search" class="right-menu-item" />-->
        <screenfull id="screenfull" class="right-menu-item hover-effect" />
        <!--<screenfull id="screenfull" class="right-menu-item hover-effect" />-->
        <el-tooltip content="布局大小" effect="dark" placement="bottom">
          <size-select id="size-select" class="right-menu-item hover-effect" />
        </el-tooltip>
        <!--<el-tooltip content="布局大小" effect="dark" placement="bottom">-->
          <!--<size-select id="size-select" class="right-menu-item hover-effect" />-->
        <!--</el-tooltip>-->
      </template>
      <!--</template>-->
      <el-dropdown class="avatar-container right-menu-item hover-effect" trigger="click">
        <div class="avatar-wrapper">
          <img :src="avatar" class="user-avatar">
          <i class="el-icon-caret-bottom" />
        <div class="avatar-wrapper" style="float: left; font-size: 14px;">
          <!--<img :src="avatar" class="user-avatar">-->
          <!--<i class="el-icon-caret-bottom" />-->
          <i class="el-icon-user" style="margin-right: 5px;"></i>
          <span style="margin-right: 5px;">{{ user.nickName }}</span>
          <i class="el-icon-arrow-down"></i>
        </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 @click.native="setting = true">-->
            <!--<span>布局设置</span>-->
          <!--</el-dropdown-item>-->
          <el-dropdown-item divided @click.native="logout">
            <span>退出登录</span>
          </el-dropdown-item>
@@ -48,6 +51,7 @@
import Search from '@/components/HeaderSearch'
import RuoYiGit from '@/components/RuoYi/Git'
import RuoYiDoc from '@/components/RuoYi/Doc'
import { getUserProfile } from "@/api/system/user";
export default {
  components: {
@@ -64,7 +68,8 @@
    ...mapGetters([
      'sidebar',
      'avatar',
      'device'
      'device',
      'name'
    ]),
    setting: {
      get() {
@@ -83,7 +88,20 @@
      }
    }
  },
  data() {
    return {
      user: {}
    }
  },
  created() {
    this.getUser();
  },
  methods: {
    getUser() {
      getUserProfile().then(response => {
        this.user = response.data.user;
      });
    },
    toggleSideBar() {
      this.$store.dispatch('app/toggleSideBar')
    },