40 lines
1.2 KiB
Vue
40 lines
1.2 KiB
Vue
|
<template>
|
||
|
|
<el-dropdown trigger="click" type="primary">
|
||
|
|
<el-avatar :size="30"> {{ firstUserName }} </el-avatar>
|
||
|
|
<template #dropdown>
|
||
|
|
<el-dropdown-menu>
|
||
|
|
<el-dropdown-item @click="openResetPassword">
|
||
|
|
<AppIcon iconName="Lock"></AppIcon><span style="margin-left: 5px">修改密码</span>
|
||
|
|
</el-dropdown-item>
|
||
|
|
<el-dropdown-item @click="logout">
|
||
|
|
<AppIcon iconName="app-exit"></AppIcon><span style="margin-left: 5px">退出</span>
|
||
|
|
</el-dropdown-item>
|
||
|
|
</el-dropdown-menu>
|
||
|
|
</template>
|
||
|
|
</el-dropdown>
|
||
|
|
<ResetPassword ref="resetPasswordRef"></ResetPassword>
|
||
|
</template>
|
||
|
|
<script setup lang="ts">
|
||
|
|
import { computed, ref } from 'vue'
|
||
|
|
import { useUserStore } from '@/stores/user'
|
||
|
|
import { useRouter } from 'vue-router'
|
||
|
|
import ResetPassword from './ResetPasssword.vue'
|
||
|
|
const userStore = useUserStore()
|
||
|
|
const router = useRouter()
|
||
|
|
const firstUserName = computed(() => {
|
||
|
|
return userStore.userInfo?.username?.substring(0, 1)
|
||
|
|
})
|
||
|
|
const resetPasswordRef = ref<InstanceType<typeof ResetPassword>>()
|
||
|
|
|
||
|
|
const openResetPassword = () => {
|
||
|
|
resetPasswordRef.value?.open()
|
||
|
|
}
|
||
|
|
|
||
|
|
const logout = () => {
|
||
|
|
userStore.logout().then(() => {
|
||
|
|
router.push({ name: 'login' })
|
||
|
|
})
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
<style lang="scss" scoped></style>
|