<template>
	<div class="highFormwork">
		<div class="top">
			<div class="topLeft">
				<TopLeft></TopLeft>
			</div>
			<div class="topRight">
				<TopRight></TopRight>
			</div>
		</div>
		<div class="bottom">
			<div class="bottomLeft">
				<BottomLeft></BottomLeft>
			</div>
			<div class="bottomRight">
				<BottomRight></BottomRight>
			</div>
		</div>
	</div>
</template>

<script>
import TopLeft from "@/views/sevenLargeScreen/safetyManagement/highFormwork/topLeft.vue";
import TopRight from "@/views/sevenLargeScreen/safetyManagement/highFormwork/topRight.vue";
import BottomLeft from "@/views/sevenLargeScreen/safetyManagement/highFormwork/bottomLeft.vue";
import BottomRight from "@/views/sevenLargeScreen/safetyManagement/highFormwork/bottomRight.vue";
export default {
	components: { TopLeft, TopRight, BottomLeft, BottomRight }
};
</script>

<style lang="scss" scoped>
.highFormwork {
	width: 100%;
	height: 100%;
	.top {
		width: 100%;
		height: 59%;
		display: flex;
		margin-bottom: 1%;
		.topLeft {
			width: 26%;
			margin-right: 1%;
		}
		.topRight {
			width: 73%;
			:deep(.h-card) {
				.content {
					margin-top: 1% !important;
				}
			}
		}
	}
	.bottom {
		width: 100%;
		height: 38%;
		display: flex;
		.bottomLeft {
			width: 26%;
			margin-right: 1%;
			// :deep(.h-card) {
			// 	.content {
			// 		margin-top: 1% !important;
			// 	}
			// }
		}
		.bottomRight {
			width: 73%;
			:deep(.h-card) {
				.content {
					margin-top: 1% !important;
				}
			}
		}
	}
}
</style>
