'关注项目'

zhangwei

2025-08-08 d71422ecb4e6a0c855e94e0416e4fc52387dec18

 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";
@@ -19,6 +20,9 @@
  username,
  userAvatar,
  avatarsStyle,
  userRoles,
  userRolesList,
  changRole,
  toggleSideBar
} = useNav();
</script>
@@ -41,36 +45,49 @@

    <div v-if="layout === 'vertical'" class="vertical-header-right">
      <!-- 菜单搜索 -->
      <LaySearch id="header-search" />
      <!-- <LaySearch id="header-search" /> -->
      <!-- 全屏 -->
      <LaySidebarFullScreen id="full-screen" />
      <!-- 消息通知 -->
      <LayNotice id="header-notice" />
      <!-- <LayNotice id="header-notice" /> -->
      <!-- 退出登录 -->
      <el-dropdown trigger="click">
        <span class="el-dropdown-link navbar-bg-hover select-none">
          <img :src="userAvatar" :style="avatarsStyle" />
          <p v-if="username" class="dark:text-white">{{ username }}</p>
          <!-- <img :src="userAvatar" :style="avatarsStyle" /> -->
          <p class="dark:text-white">
            你好，{{ 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>
        </template>
      </el-dropdown>
      <span
      <!-- <span
        class="set-icon navbar-bg-hover"
        title="打开系统配置"
        @click="onPanel"
      >
        <IconifyIconOffline :icon="Setting" />
      </span>
      </span> -->
    </div>
  </div>
</template>
@@ -102,6 +119,7 @@
      justify-content: space-around;
      height: 48px;
      padding: 10px;
      margin-right: 10px;
      color: #000000d9;
      cursor: pointer;