唐耀东
2022-08-15 5f700e8cdf48ab2b4db45ba9fb4b0a889f1a7208
src/layout/components/Navbar.vue
@@ -18,9 +18,12 @@
      <!--</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">
@@ -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')
    },