2023-09-22 11:50:33 +08:00

39 lines
1.1 KiB
Vue

<template>
<div>
<el-header>
<div class="header-lf">
<div @click="goHome" class="logo flx-center">
<!-- <img src="@/assets/images/logo.svg" alt="logo" /> -->
<img
:src="globalStore.systemConfigBg ? globalStore.systemConfigBg : '@/assets/images/login/china.png'"
style="margin: 0 15px"
alt="logo"
/>
<span>{{ globalStore.systemConfigName }}</span>
<span style="margin: 0 20px">|</span>
<span>{{ moduleTitle }}</span>
</div>
<ToolBarLeft />
</div>
<ToolBarRight />
</el-header>
</div>
</template>
<script setup lang="ts" name="layoutTop">
import { useRoute, useRouter } from "vue-router";
import { GlobalStore } from "@/stores";
import { HOME_URL } from "@/enums/Home";
import ToolBarLeft from "@/layouts/components/Header/ToolBarLeft.vue";
import ToolBarRight from "@/layouts/components/Header/ToolBarRight.vue";
const router = useRouter();
const globalStore = GlobalStore();
const moduleTitle = globalStore.moduleName;
const goHome = () => {
router.push(HOME_URL[globalStore.accountType - 1]);
};
</script>
<style scoped lang="scss">
@import "./index.scss";
</style>