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

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

View File

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

View File

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