<template>
	<div class="laboorBox">
		<div class="left">
			<LeftTop class="leftTop"></LeftTop>
			<LeftBottom class="leftBottom"></LeftBottom>
		</div>
		<div class="right">
			<RightTop class="rightTop"></RightTop>
			<RightCenter class="rightCenter"></RightCenter>
			<RightBottom class="rightBottom"></RightBottom>
		</div>
	</div>
</template>

<script>
import LeftTop from "@/views/sevenLargeScreen/laborManagement/leftTop.vue";
import LeftBottom from "@/views/sevenLargeScreen/laborManagement/leftBottom.vue";
import RightTop from "@/views/sevenLargeScreen/laborManagement/rightTop.vue";
import RightCenter from "@/views/sevenLargeScreen/laborManagement/rightCenter.vue";
import RightBottom from "@/views/sevenLargeScreen/laborManagement/rightBottom.vue";
export default {
	components: {
		LeftTop,
		LeftBottom,
		RightTop,
		RightCenter,
		RightBottom
	}
};
</script>

<style lang="scss" scoped>
.laboorBox {
	width: 100%;
	height: 100%;
	display: flex;
	.left {
		width: 75%;
		height: 100%;
		.leftTop {
			height: 68%;
		}
		.leftBottom {
			height: 32%;
		}
	}
	.right {
		width: 25%;
		height: 100%;
		.rightTop {
			height: 29%;
		}
		.rightCenter {
			margin-top: 6%;
			height: 32%;
		}
		.rightBottom {
			margin-top: 6%;

			height: 32%;
		}
	}
}
</style>
