<template>
	<div class="vehicleBox">
		<div class="top">
			<div class="left">
				<TopLeft></TopLeft>
			</div>
			<div class="right">
				<TopRight></TopRight>
			</div>
		</div>
		<div class="bottom">
			<Bottom></Bottom>
		</div>
	</div>
</template>

<script>
import TopLeft from "@/views/sevenLargeScreen/vehicleManagement/topLeft.vue";
import TopRight from "@/views/sevenLargeScreen/vehicleManagement/topRight.vue";
import Bottom from "@/views/sevenLargeScreen/vehicleManagement/bottom.vue";
export default {
	components: {
		TopLeft,
		TopRight,
		Bottom
	}
};
</script>

<style lang="scss" scoped>
.vehicleBox {
	width: 100%;
	height: 100%;
	.top {
		height: 50%;
		display: flex;
		.left {
			width: 49%;
			margin-right: 1%;
		}
		.right {
			width: 50%;
		}
	}
	.bottom {
		height: 51%;
		margin-top: 1%;
	}
}
</style>
