|  |  | 
 |  |  |     <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> | 
 |  |  | 
 |  |  | 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: { | 
 |  |  | 
 |  |  |     ...mapGetters([ | 
 |  |  |       'sidebar', | 
 |  |  |       'avatar', | 
 |  |  |       'device' | 
 |  |  |       'device', | 
 |  |  |       'name' | 
 |  |  |     ]), | 
 |  |  |     setting: { | 
 |  |  |       get() { | 
 |  |  | 
 |  |  |       } | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   data() { | 
 |  |  |     return { | 
 |  |  |       user: {} | 
 |  |  |     } | 
 |  |  |   }, | 
 |  |  |   created() { | 
 |  |  |     this.getUser(); | 
 |  |  |   }, | 
 |  |  |   methods: { | 
 |  |  |     getUser() { | 
 |  |  |       getUserProfile().then(response => { | 
 |  |  |         this.user = response.data.user; | 
 |  |  |       }); | 
 |  |  |     }, | 
 |  |  |     toggleSideBar() { | 
 |  |  |       this.$store.dispatch('app/toggleSideBar') | 
 |  |  |     }, |