mirror of https://github.com/certd/certd
41 lines
984 B
Vue
41 lines
984 B
Vue
<template>
|
||
<a-dropdown>
|
||
<div class="fs-user-info">您好，{{ userStore.getUserInfo?.nickName }}</div>
|
||
<template #overlay>
|
||
<a-menu>
|
||
<a-menu-item>
|
||
<div @click="doLogout">注销登录</div>
|
||
</a-menu-item>
|
||
</a-menu>
|
||
</template>
|
||
</a-dropdown>
|
||
</template>
|
||
<script>
|
||
import { defineComponent } from "vue";
|
||
import { useUserStore } from "/src/store/modules/user";
|
||
import { Modal } from "ant-design-vue";
|
||
import { useI18n } from "vue-i18n";
|
||
export default defineComponent({
|
||
name: "FsUserInfo",
|
||
setup() {
|
||
const userStore = useUserStore();
|
||
console.log("user", userStore);
|
||
const { t } = useI18n();
|
||
function doLogout() {
|
||
Modal.confirm({
|
||
iconType: "warning",
|
||
title: t("app.login.logoutTip"),
|
||
content: t("app.login.logoutMessage"),
|
||
onOk: async () => {
|
||
await userStore.logout(true);
|
||
}
|
||
});
|
||
}
|
||
return {
|
||
userStore,
|
||
doLogout
|
||
};
|
||
}
|
||
});
|
||
</script>
|