60 lines
1.4 KiB
Vue
60 lines
1.4 KiB
Vue
<template>
|
|
<div class="safeContent">
|
|
<div class="left">
|
|
<leftTop class="leftTop"></leftTop>
|
|
<leftBottom class="leftBottom"></leftBottom>
|
|
</div>
|
|
<div class="center">
|
|
<centerTop class="centerTop"></centerTop>
|
|
<centerBottom class="centerBottom"></centerBottom>
|
|
</div>
|
|
<div class="right">
|
|
<rightBoxQ class="rightBox"></rightBoxQ>
|
|
</div>
|
|
</div>
|
|
</template>
|
|
|
|
<script setup lang="ts">
|
|
import leftTop from '@/views/sevenLargeScreen/qualityControl/qualityManagement/leftTop.vue'
|
|
import leftBottom from '@/views/sevenLargeScreen/qualityControl/qualityManagement/leftBottom.vue'
|
|
import centerTop from '@/views/sevenLargeScreen/qualityControl/qualityManagement/centerTop.vue'
|
|
import centerBottom from '@/views/sevenLargeScreen/qualityControl/qualityManagement/centerBottom.vue'
|
|
import rightBoxQ from '@/views/sevenLargeScreen/qualityControl/qualityManagement/rightBoxQ.vue'
|
|
</script>
|
|
|
|
<style lang="scss" scoped>
|
|
.safeContent{
|
|
width: 100%;
|
|
height: 100%;
|
|
display:flex;
|
|
.left{
|
|
width: 32%;
|
|
.leftTop{
|
|
height: 49%;
|
|
margin-bottom: 1.5%;
|
|
}
|
|
.leftBottom{
|
|
height: 49%;
|
|
margin-top: 3%;
|
|
}
|
|
}
|
|
.center{
|
|
width: 34%;
|
|
margin: 0 1%;
|
|
.centerTop{
|
|
height: 49%;
|
|
margin-bottom: 1.5%;
|
|
}
|
|
.centerBottom{
|
|
height: 49%;
|
|
margin-top: 3%;
|
|
}
|
|
}
|
|
.right{
|
|
width: 32%;
|
|
.rightBox{
|
|
height: 100%;
|
|
}
|
|
}
|
|
}
|
|
</style> |