<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="@/assets/images/login/china.png" style="margin: 0 15px" alt="logo" />
					<span>数字化政务监管平台</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>
