mirror of
https://github.com/chansee97/nova-admin.git
synced 2025-04-06 03:57:54 +08:00
60 lines
1.2 KiB
Vue
60 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
import HeaderButton from '../common/HeaderButton.vue'
|
|
import { renderIcon } from '@/utils/icon'
|
|
import { useAuthStore } from '@/store'
|
|
|
|
const { userInfo, resetAuthStore } = useAuthStore()
|
|
const router = useRouter()
|
|
|
|
const options = [
|
|
{
|
|
label: '个人中心',
|
|
key: 'userCenter',
|
|
icon: renderIcon('carbon:user-avatar-filled-alt'),
|
|
},
|
|
{
|
|
type: 'divider',
|
|
key: 'd1',
|
|
},
|
|
{
|
|
label: '退出登录',
|
|
key: 'loginOut',
|
|
icon: renderIcon('icon-park-outline:logout'),
|
|
},
|
|
]
|
|
function handleSelect(key: string | number) {
|
|
if (key === 'loginOut') {
|
|
window.$dialog?.info({
|
|
title: '退出登录',
|
|
content: '确认退出当前账号？',
|
|
positiveText: '确定',
|
|
negativeText: '取消',
|
|
onPositiveClick: () => {
|
|
resetAuthStore()
|
|
},
|
|
})
|
|
}
|
|
if (key === 'userCenter')
|
|
router.push('/userCenter')
|
|
}
|
|
</script>
|
|
|
|
<template>
|
|
<n-dropdown
|
|
trigger="click"
|
|
:options="options"
|
|
@select="handleSelect"
|
|
>
|
|
<HeaderButton>
|
|
<n-avatar
|
|
round
|
|
size="large"
|
|
:src="userInfo?.avatar"
|
|
/>
|
|
{{ userInfo?.nickname }}
|
|
</HeaderButton>
|
|
</n-dropdown>
|
|
</template>
|
|
|
|
<style scoped></style>
|