湖里大屏:更改进度计划、安全管理、质量管理布局
This commit is contained in:
parent
8a958adc8f
commit
0fb0c8f23e
@ -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;
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
@ -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;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user