|
|
1
|
<template>
|
|
|
2
|
<div class="user-wrapper" :class="theme">
|
|
|
3
4
5
6
7
|
<span class="action">
<a-icon type="question-circle-o"></a-icon>
</span>
<header-notice class="action"/>
<a-dropdown>
|
|
|
8
|
<span class="action action-full ant-dropdown-link user-dropdown-menu">
|
|
|
9
|
<a-avatar class="avatar" size="small" :src="getAvatar()"/>
|
|
|
10
|
<span v-if="isDesktop()">欢迎您，{{ nickname() }}</span>
|
|
|
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
|
</span>
<a-menu slot="overlay" class="user-dropdown-menu-wrapper">
<a-menu-item key="0">
<router-link :to="{ name: 'account-center' }">
<a-icon type="user"/>
<span>个人中心</span>
</router-link>
</a-menu-item>
<a-menu-item key="1">
<router-link :to="{ name: 'account-settings' }">
<a-icon type="setting"/>
<span>账户设置</span>
</router-link>
</a-menu-item>
<!-- <a-menu-item key="2" disabled>
<a-icon type="setting"/>
<span>测试</span>
</a-menu-item>
<a-menu-divider/>
<a-menu-item key="3">
<a href="javascript:;" @click="handleLogout">
<a-icon type="logout"/>
<span>退出登录</span>
</a>
</a-menu-item>-->
</a-menu>
</a-dropdown>
<span class="action">
<a class="logout_title" href="javascript:;" @click="handleLogout">
<a-icon type="logout"/>
|
|
|
41
|
<span v-if="isDesktop()"> 退出登录</span>
|
|
|
42
43
44
45
46
47
48
49
|
</a>
</span>
</div>
</template>
<script>
import HeaderNotice from './HeaderNotice'
import { mapActions, mapGetters } from 'vuex'
|
|
|
50
|
import { mixinDevice } from '@/utils/mixin.js'
|
|
|
51
52
|
export default {
name: "UserMenu",
|
|
|
53
|
mixins: [mixinDevice],
|
|
|
54
55
56
|
components: {
HeaderNotice
},
|
|
|
57
58
59
60
61
62
63
|
props: {
theme: {
type: String,
required: false,
default: 'dark'
}
},
|
|
|
64
65
66
67
|
methods: {
...mapActions(["Logout"]),
...mapGetters(["nickname", "avatar"]),
getAvatar(){
|
|
|
68
69
|
console.log('url = '+ window._CONFIG['imgDomainURL']+"/"+this.avatar())
return window._CONFIG['imgDomainURL']+"/"+this.avatar()
|
|
|
70
71
72
73
74
75
76
77
78
|
},
handleLogout() {
const that = this
this.$confirm({
title: '提示',
content: '真的要注销登录吗 ?',
onOk() {
return that.Logout({}).then(() => {
|
|
|
79
80
|
window.location.href="/";
//window.location.reload()
|
|
|
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
|
}).catch(err => {
that.$message.error({
title: '错误',
description: err.message
})
})
},
onCancel() {
},
});
},
}
}
</script>
<style scoped>
|
|
|
97
98
99
|
.logout_title {
color: inherit;
text-decoration: none;
|
|
|
100
101
|
}
</style>
|
