湖里大屏:更改进度计划、安全管理、质量管理布局

This commit is contained in:
Jack 2022-08-23 17:43:48 +08:00
parent 8a958adc8f
commit 0fb0c8f23e
3 changed files with 17 additions and 16 deletions

View File

@ -1,23 +1,23 @@
<template>
<!-- CIM -->
<!-- CIM -->
<div class="container">
<div class="leftBox">
<div class="leftTop">
<leftTop title="倒计时" />
<leftTop title="倒计时" />
</div>
<div class="leftCenter">
<leftCenter title="状态统计" />
<leftCenter title="状态统计" />
</div>
<div class="leftBottom">
<leftBottom title="进度预警" />
<leftBottom title="进度预警" />
</div>
</div>
<div class="centerBox">
<div class="centerTop">
<centerTop title="甘特图" />
<centerTop title="甘特图" />
</div>
<div class="centerBottom">
<centerBottom title="施工进度" />
<centerBottom title="施工进度" />
</div>
</div>
</div>
@ -28,11 +28,15 @@ import leftTop from './leftTop'
import leftCenter from './leftCenter'
import leftBottom from './leftBottom'
import centerTop from './centerTop'
import centerBottom from './centerBottom';
import centerBottom from './centerBottom'
export default {
components: {
leftTop,leftCenter,leftBottom,centerTop,centerBottom
},
leftTop,
leftCenter,
leftBottom,
centerTop,
centerBottom
}
}
</script>
@ -63,9 +67,8 @@ export default {
}
}
.centerBox {
width: 70%;
width: calc(75% - 15px);
height: 100%;
margin-right: 15px;
.centerTop {
height: 66.5%;
margin-bottom: 15px;

View File

@ -67,9 +67,8 @@ export default {
}
}
.centerBox {
width: 70%;
width: calc(75% - 15px);
height: 100%;
margin-right: 15px;
.rightTop {
height: 35%;
margin-bottom: 15px;

View File

@ -67,9 +67,8 @@ export default {
}
}
.centerBox {
width: 70%;
width: calc(75% - 15px);
height: 100%;
margin-right: 15px;
.rightTop {
height: 35%;
margin-bottom: 15px;