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 siteId = ref<number | null>(getSessionSiteId());
const siteList = ref<any[]>([]);
const site = computed(() => siteList.value.find((item) => item.id === siteId.value));
const fetchSiteList = async () => {
  // siteList.value = flatTree(toTree(await querySiteList()));
  // if (siteId.value == null) {
  //   siteId.value = siteList.value[0]?.id;
  // }
};
const switchRole = (type: number) => {
  router.push(`/product?type=0&i=1&role=${type}`);
};
onMounted(() => {
  // fetchSiteList();
});

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

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

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