|
|
1
|
<template>
|
|
|
2
|
<div class="user-wrapper" :class="theme">
|
|
|
3
|
<span class="action">
|
|
|
4
5
6
|
<a class="logout_title" target="_blank" href="http://jeecg-boot.mydoc.io">
<a-icon type="question-circle-o"></a-icon>
</a>
|
|
|
7
8
9
|
</span>
<header-notice class="action"/>
<a-dropdown>
|
|
|
10
|
<span class="action action-full ant-dropdown-link user-dropdown-menu">
|
|
|
11
|
<a-avatar class="avatar" size="small" :src="getAvatar()"/>
|
|
|
12
|
<span v-if="isDesktop()">欢迎您，{{ nickname() }}</span>
|
|
|
13
14
15
16
17
18
19
20
21
|
</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">
|
|
|
22
|
<router-link :to="{ name: 'account-settings-base' }">
|
|
|
23
24
25
26
|
<a-icon type="setting"/>
<span>账户设置</span>
</router-link>
</a-menu-item>
|
|
|
27
28
29
30
31
|
<a-menu-item key="3" @click="systemSetting">
<a-icon type="tool"/>
<span>系统设置</span>
</a-menu-item>
<a-menu-item key="4" @click="updatePassword">
|
|
|
32
33
34
|
<a-icon type="setting"/>
<span>密码修改</span>
</a-menu-item>
|
|
|
35
|
<a-menu-item key="5" @click="updateCurrentDepart">
|
|
|
36
37
38
|
<a-icon type="cluster"/>
<span>切换部门</span>
</a-menu-item>
|
|
|
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
|
<!-- <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"/>
|
|
|
55
|
<span v-if="isDesktop()"> 退出登录</span>
|
|
|
56
57
|
</a>
</span>
|
|
|
58
|
<user-password ref="userPassword"></user-password>
|
|
|
59
|
<depart-select ref="departSelect" :closable="true" title="部门切换"></depart-select>
|
|
|
60
|
<setting-drawer ref="settingDrawer" :closable="true" title="系统设置"></setting-drawer>
|
|
|
61
62
63
64
65
|
</div>
</template>
<script>
import HeaderNotice from './HeaderNotice'
|
|
|
66
|
import UserPassword from './UserPassword'
|
|
|
67
|
import SettingDrawer from "@/components/setting/SettingDrawer";
|
|
|
68
|
import DepartSelect from './DepartSelect'
|
|
|
69
|
import { mapActions, mapGetters } from 'vuex'
|
|
|
70
|
import { mixinDevice } from '@/utils/mixin.js'
|
|
|
71
|
|
|
|
72
73
|
export default {
name: "UserMenu",
|
|
|
74
|
mixins: [mixinDevice],
|
|
|
75
|
components: {
|
|
|
76
|
HeaderNotice,
|
|
|
77
|
UserPassword,
|
|
|
78
79
|
DepartSelect,
SettingDrawer
|
|
|
80
|
},
|
|
|
81
82
83
84
85
86
87
|
props: {
theme: {
type: String,
required: false,
default: 'dark'
}
},
|
|
|
88
89
|
methods: {
...mapActions(["Logout"]),
|
|
|
90
|
...mapGetters(["nickname", "avatar","userInfo"]),
|
|
|
91
|
getAvatar(){
|
|
|
92
93
|
console.log('url = '+ window._CONFIG['imgDomainURL']+"/"+this.avatar())
return window._CONFIG['imgDomainURL']+"/"+this.avatar()
|
|
|
94
95
96
97
98
99
100
101
102
|
},
handleLogout() {
const that = this
this.$confirm({
title: '提示',
content: '真的要注销登录吗 ?',
onOk() {
return that.Logout({}).then(() => {
|
|
|
103
104
|
window.location.href="/";
//window.location.reload()
|
|
|
105
106
107
108
109
110
111
112
113
114
115
|
}).catch(err => {
that.$message.error({
title: '错误',
description: err.message
})
})
},
onCancel() {
},
});
},
|
|
|
116
117
118
119
|
updatePassword(){
let username = this.userInfo().username
this.$refs.userPassword.show(username)
},
|
|
|
120
121
|
updateCurrentDepart(){
this.$refs.departSelect.show()
|
|
|
122
123
124
|
},
systemSetting(){
this.$refs.settingDrawer.showDrawer()
|
|
|
125
|
}
|
|
|
126
127
128
129
130
|
}
}
</script>
<style scoped>
|
|
|
131
132
133
|
.logout_title {
color: inherit;
text-decoration: none;
|
|
|
134
135
|
}
</style>
|
