zhangwei
2025-08-28 06e4c8c1bad514992186d94a65c0dc6250e34716
src/layout/components/lay-navbar/index.vue
@@ -6,6 +6,7 @@
import LaySidebarFullScreen from "../lay-sidebar/components/SidebarFullScreen.vue";
import LaySidebarBreadCrumb from "../lay-sidebar/components/SidebarBreadCrumb.vue";
import LaySidebarTopCollapse from "../lay-sidebar/components/SidebarTopCollapse.vue";
import { CaretBottom } from "@element-plus/icons-vue";
import LogoutCircleRLine from "~icons/ri/logout-circle-r-line";
import Setting from "~icons/ri/settings-3-line";
@@ -20,6 +21,8 @@
  userAvatar,
  avatarsStyle,
  userRoles,
  userRolesList,
  changRole,
  toggleSideBar
} = useNav();
</script>
@@ -52,17 +55,27 @@
        <span class="el-dropdown-link navbar-bg-hover select-none">
          <!-- <img :src="userAvatar" :style="avatarsStyle" /> -->
          <p class="dark:text-white">
            {{ username || "请完善资料" }}
            你好,{{ username || "请完善资料" }}
            <el-tag effect="plain">{{ userRoles.name }}</el-tag>
          </p>
          <el-icon><CaretBottom /></el-icon>
        </span>
        <template #dropdown>
          <el-dropdown-menu class="logout">
            <template v-if="userRolesList && userRolesList.length > 1">
              <el-dropdown-item
                v-for="item in userRolesList"
                :key="item.code"
                @click="changRole(item)"
              >
                {{ item.name }}
              </el-dropdown-item>
            </template>
            <el-dropdown-item @click="logout">
              <IconifyIconOffline
              <!-- <IconifyIconOffline
                :icon="LogoutCircleRLine"
                style="margin: 5px"
              />
              /> -->
              退出系统
            </el-dropdown-item>
          </el-dropdown-menu>
@@ -106,6 +119,7 @@
      justify-content: space-around;
      height: 48px;
      padding: 10px;
      margin-right: 10px;
      color: #000000d9;
      cursor: pointer;