FE_sandTable/src/layout/components/AppHeader.vue

<template>
  <div class="flex justify-between items-center w-full py-6 px-5 overflow-hidden bg-transparent">
    <logo :collapse="collapse" />
    <div>
      <el-button @click="switchRole(41)">切换产品经理</el-button>
      <el-button @click="switchRole(42)">切换风控经理</el-button>
      <el-button @click="switchRole(43)">切换专家委员会</el-button>
    </div>
    <div class="inline-flex items-center">
      <img class="mr-3 cursor-pointer"
           src="@/assets/images/2.png"
           alt="" />
      <img class="mr-3 cursor-pointer"
           src="@/assets/images/3.png"
           alt="" />
      <img class="cursor-pointer"
           src="@/assets/images/4.png"
           alt="" />
    </div>
  </div>
</template>

<script setup lang="ts">
import { ref, onMounted, computed } from 'vue';
import { useRouter } from 'vue-router';
import { setCookieLocale, getSessionSiteId, setSessionSiteId } from '@/utils/common';
import { toTree, flatTree } from '@/utils/tree';
// import { querySiteList } from '@/api/bank';
import { currentUser, perm, logout } from '@/store/useCurrentUser';
import { appState, toggleSidebar } from '@/store/useAppState';
import Logo from './Logo.vue';

const router = useRouter();

const switchRole = (type: number) => {
  router.push(`/product?type=0&i=1&role=${type}`);
};
onMounted(() => {});

const handleLogout = () => {
  logout();
  // router.push(`/login?redirect=${route.fullPath}`);
  window.location.reload();
};

const passwordFormVisible = ref<boolean>(false);
</script>

<style lang="scss" scoped></style>