78 lines
1.5 KiB
Vue
78 lines
1.5 KiB
Vue
<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>
|