FE_sandTable/src/layout/components/AppHeader.vue

<template>
  <div class="flex justify-between items-center py-6 px-5 overflow-hidden">
    <logo :collapse="collapse" />
    <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 { 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 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 changeSiteId = (id: number) => {
  setSessionSiteId(id);
  siteId.value = id;
  window.location.reload();
};
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>