1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
| <template>
| <div :class="wrpCls">
| <avatar-dropdown :menu="showMenu" :current-user="currentUser" :class="prefixCls" />
| <!-- <select-lang :class="prefixCls" /> -->
| </div>
| </template>
|
| <script>
| import AvatarDropdown from './AvatarDropdown'
| import SelectLang from '@/components/SelectLang'
| import { ACCESS_TOKEN } from '@/store/mutation-types'
| export default {
| name: 'RightContent',
| components: {
| AvatarDropdown,
| SelectLang
| },
| props: {
| prefixCls: {
| type: String,
| default: 'ant-pro-global-header-index-action'
| },
| isMobile: {
| type: Boolean,
| default: () => false
| },
| topMenu: {
| type: Boolean,
| required: true
| },
| theme: {
| type: String,
| required: true
| }
| },
| data () {
| return {
| showMenu: true,
| currentUser: {}
| }
| },
| computed: {
| wrpCls () {
| return {
| 'ant-pro-global-header-index-right': true,
| [`ant-pro-global-header-index-${(this.isMobile || !this.topMenu) ? 'light' : this.theme}`]: true
| }
| }
| },
| mounted () {
| var userInfoStr = localStorage.getItem(ACCESS_TOKEN)
| const userInfo = JSON.parse(userInfoStr)
| this.currentUser = {
| name: userInfo.userName ? userInfo.userName : '--'
| }
| }
| }
| </script>
|
|
