<template>
	<div style="overflow-y: auto">
		<a-layout class="layoutBg">
			<Header />
			<a-layout-content class="main-content-wrapper">
				<div class="flc">
					<router-view v-slot="{ Component }" :key="route.fullPath" class="box-width"></router-view>
				</div>
			</a-layout-content>
		</a-layout>
	</div>
</template>

<script setup>
	import Header from './components/Header.vue'
	import { useRouter, useRoute } from 'vue-router'
	const route = useRoute()
	const router = useRouter()
	const ResourceDetailsRef = ref(null)
</script>

<style scoped>
	.flc {
		display: flex;
		justify-content: center;
	}
	.main-content-wrapper {
		min-height: calc(100vh - 55px);
	}
	.box-width {
		width:1624px!important;
		min-height: 90vh;
	}
	.layoutBg {
		background-color: #F4F5F9;
	}
</style>
