|
|
|
@ -80,10 +80,12 @@ function handleMenuClick(e: MenuInfo) {
|
|
|
|
|
<Dropdown placement="bottomLeft" :overlay-class-name="`${prefixCls}-dropdown-overlay`"> |
|
|
|
|
<span :class="[prefixCls, `${prefixCls}--${theme}`]" class="flex"> |
|
|
|
|
<Avatar size="small" :class="`${prefixCls}__avatar`" :src="getUserInfo.avatar"> |
|
|
|
|
<template #icon><UserOutlined /></template> |
|
|
|
|
<template #icon> |
|
|
|
|
<UserOutlined /> |
|
|
|
|
</template> |
|
|
|
|
</Avatar> |
|
|
|
|
<span :class="`${prefixCls}__info hidden md:block`"> |
|
|
|
|
<span :class="`${prefixCls}__name `" class="truncate"> |
|
|
|
|
<span :class="`${prefixCls}__name`" class="truncate"> |
|
|
|
|
{{ getUserInfo.nickname }} |
|
|
|
|
</span> |
|
|
|
|
</span> |
|
|
|
@ -92,9 +94,15 @@ function handleMenuClick(e: MenuInfo) {
|
|
|
|
|
<template #overlay> |
|
|
|
|
<Menu @click="handleMenuClick"> |
|
|
|
|
<MenuItem key="profile" :text="t('layout.header.accountCenter')" icon="ion:person-outline" /> |
|
|
|
|
<MenuItem v-if="getShowDoc" key="doc" :text="t('layout.header.dropdownItemDoc')" icon="ion:document-text-outline" /> |
|
|
|
|
<MenuItem |
|
|
|
|
v-if="getShowDoc" key="doc" :text="t('layout.header.dropdownItemDoc')" |
|
|
|
|
icon="ion:document-text-outline" |
|
|
|
|
/> |
|
|
|
|
<MenuDivider v-if="getShowDoc" /> |
|
|
|
|
<MenuItem v-if="getUseLockPage" key="lock" :text="t('layout.header.tooltipLock')" icon="ion:lock-closed-outline" /> |
|
|
|
|
<MenuItem |
|
|
|
|
v-if="getUseLockPage" key="lock" :text="t('layout.header.tooltipLock')" |
|
|
|
|
icon="ion:lock-closed-outline" |
|
|
|
|
/> |
|
|
|
|
<MenuItem key="logout" :text="t('layout.header.dropdownItemLoginOut')" icon="ion:power-outline" /> |
|
|
|
|
</Menu> |
|
|
|
|
</template> |
|
|
|
|