| | |
| | | <div v-if="showCollapse" |
| | | :class="[{ 'avue-breadcrumb--active': isCollapse }]" |
| | | class="avue-breadcrumb"> |
| | | <i class="icon-navicon" @click="setCollapse"></i> |
| | | <i class="icon-navicon" @click="setCollapse"></i> |
| | | </div> |
| | | </div> |
| | | <div class="top-bar__title"> |
| | |
| | | @click="handleScreen"></i> |
| | | </div> |
| | | </el-tooltip> |
| | | <img :src="userInfo.avatar" |
| | | class="top-bar__img"> |
| | | <div> |
| | | <el-dropdown style="height: 40px"> |
| | | <span class="el-dropdown-link"> |
| | | <el-tooltip content="个人信息"> |
| | | <div> |
| | | <img :src="avatar" |
| | | class="top-bar__img" |
| | | @click="gotoInfo"> |
| | | </div> |
| | | </el-tooltip> |
| | | |
| | | <el-tooltip content="退出登录"> |
| | | <div> |
| | | <span style="font-size: 16px" @click="logout"> |
| | | {{ userInfo.userName }} |
| | | <i class="el-icon-arrow-down el-icon--right"></i> |
| | | </span> |
| | | <el-dropdown-menu slot="dropdown"> |
| | | <el-dropdown-item> |
| | | <router-link to="/">{{ $t('navbar.dashboard') }}</router-link> |
| | | </el-dropdown-item> |
| | | <el-dropdown-item @click.native="gotoInfo"> |
| | | {{ $t('navbar.userinfo') }} |
| | | <!-- 修改密码--> |
| | | </el-dropdown-item> |
| | | <el-dropdown-item v-if="this.website.switchMode" @click.native="switchDept" |
| | | >{{ $t('navbar.switchDept') }} |
| | | </el-dropdown-item> |
| | | <el-dropdown-item divided |
| | | @click.native="logout">{{ $t('navbar.logOut') }} |
| | | </el-dropdown-item> |
| | | </el-dropdown-menu> |
| | | </el-dropdown> |
| | | </div> |
| | | </div> |
| | | </el-tooltip> |
| | | |
| | | <el-dialog :visible.sync="userBox" |
| | | append-to-body |
| | |
| | | listenfullscreen(this.setScreen); |
| | | }, |
| | | computed: { |
| | | avatar(){ |
| | | return this.userInfo.avatar |
| | | }, |
| | | ...mapState({ |
| | | showDebug: state => state.common.showDebug, |
| | | showTheme: state => state.common.showTheme, |