65 lines
1.2 KiB
Vue
65 lines
1.2 KiB
Vue
<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: 102%;
|
|
.leftTop {
|
|
height: 68%;
|
|
}
|
|
.leftBottom {
|
|
height: 32%;
|
|
}
|
|
}
|
|
.right {
|
|
width: 25%;
|
|
height: 102%;
|
|
.rightTop {
|
|
height: 29%;
|
|
}
|
|
.rightCenter {
|
|
margin-top: 6%;
|
|
height: 32%;
|
|
}
|
|
.rightBottom {
|
|
margin-top: 6%;
|
|
|
|
height: 32%;
|
|
}
|
|
}
|
|
}
|
|
</style>
|