twh_eastasia/vue-pure-admin
1
0
Fork 0
mirror of https://github.com/pure-admin/vue-pure-admin.git synced 2025-12-15 14:50:29 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat: add user settings page

Browse Source
This commit is contained in:
edgex
2024-03-18 12:06:10 +08:00
committed by edgexie
parent eeb09a8da2
commit 8d45ba8885
13 changed files with 407 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/layout/components/sidebar/horizontal.vue
View File

@@ -12,6 +12,7 @@ import globalization from "@/assets/svg/globalization.svg?component";
import LogoutCircleRLine from "@iconify-icons/ri/logout-circle-r-line";
import Setting from "@iconify-icons/ri/settings-3-line";
import Check from "@iconify-icons/ep/check";
import UserSettingsLine from "@iconify-icons/ri/user-settings-line";
const menuRef = ref();
@@ -27,7 +28,8 @@ const {
userAvatar,
avatarsStyle,
getDropdownItemStyle,
getDropdownItemClass
getDropdownItemClass,
handleOpenUserSettings
} = useNav();
const defaultActive = computed(() =>
@@ -107,6 +109,10 @@ nextTick(() => {
<p v-if="username" class="dark:text-white">{{ username }}</p>
</span>
<template #dropdown>
<el-dropdown-item @click="handleOpenUserSettings">
<IconifyIconOffline :icon="UserSettingsLine" style="margin: 5px" />
{{ t("buttons.hsUserSettings") }}
</el-dropdown-item>
<el-dropdown-menu class="logout">
<el-dropdown-item @click="logout">
<IconifyIconOffline

8
src/layout/components/sidebar/mixNav.vue
View File

@@ -15,6 +15,7 @@ import globalization from "@/assets/svg/globalization.svg?component";
import LogoutCircleRLine from "@iconify-icons/ri/logout-circle-r-line";
import Setting from "@iconify-icons/ri/settings-3-line";
import Check from "@iconify-icons/ep/check";
import UserSettingsLine from "@iconify-icons/ri/user-settings-line";
const menuRef = ref();
const defaultActive = ref(null);
@@ -31,7 +32,8 @@ const {
getDivStyle,
avatarsStyle,
getDropdownItemStyle,
getDropdownItemClass
getDropdownItemClass,
handleOpenUserSettings
} = useNav();
function getDefaultActive(routePath) {
@@ -140,6 +142,10 @@ watch(
<p v-if="username" class="dark:text-white">{{ username }}</p>
</span>
<template #dropdown>
<el-dropdown-item @click="handleOpenUserSettings">
<IconifyIconOffline :icon="UserSettingsLine" style="margin: 5px" />
{{ t("buttons.hsUserSettings") }}
</el-dropdown-item>
<el-dropdown-menu class="logout">
<el-dropdown-item @click="logout">
<IconifyIconOffline