| | |
| | | <el-dropdown @command="handleCommand" class="right-menu-item hover-effect" trigger="click"> |
| | | <div class="avatar-wrapper"> |
| | | <img :src="userStore.avatar" class="user-avatar" /> |
| | | <!-- <el-icon><caret-bottom /></el-icon>--> |
| | | <el-icon><caret-bottom /></el-icon> |
| | | </div> |
| | | <template #dropdown> |
| | | <el-dropdown-menu> |
| | | <!-- <router-link to="/user/profile">--> |
| | | <!-- <el-dropdown-item>个人中心</el-dropdown-item>--> |
| | | <!-- </router-link>--> |
| | | <router-link to="/user/profile"> |
| | | <el-dropdown-item>个人中心</el-dropdown-item> |
| | | </router-link> |
| | | <!-- <el-dropdown-item command="setLayout" v-if="settingsStore.showSettings">--> |
| | | <!-- <span>布局设置</span>--> |
| | | <!-- </el-dropdown-item>--> |
| | | <!-- <el-dropdown-item command="password">--> |
| | | <!-- <span>修改密码</span>--> |
| | | <!-- </el-dropdown-item>--> |
| | | <el-dropdown-item command="logout"> |
| | | <span>退出登录</span> |
| | |
| | | import useAppStore from '@/store/modules/app' |
| | | import useUserStore from '@/store/modules/user' |
| | | import useSettingsStore from '@/store/modules/settings' |
| | | |
| | | import resetPwd from "@/views/system/user/profile/resetPwd"; |
| | | const appStore = useAppStore() |
| | | const userStore = useUserStore() |
| | | const settingsStore = useSettingsStore() |
| | |
| | | switch (command) { |
| | | case "setLayout": |
| | | setLayout(); |
| | | break; |
| | | case "password": |
| | | editPsd(); |
| | | break; |
| | | case "logout": |
| | | logout(); |
| | |
| | | }).catch(() => { }); |
| | | } |
| | | |
| | | function editPsd() { |
| | | reviewRef.value.openDialog('pwd',userInfo.value) |
| | | } |
| | | |
| | | const emits = defineEmits(['setLayout']) |
| | | function setLayout() { |
| | | emits('setLayout'); |