中建四局(安全管理):照片替换
This commit is contained in:
parent
8a4469fd07
commit
1c20ab1bfb
@ -299,7 +299,7 @@ export default {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
/*justify-content:space-between;*/
|
||||
padding: 50px 100px;
|
||||
padding: 20px 100px;
|
||||
.realTimeData_item {
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
|
||||
@ -115,7 +115,7 @@ export default {
|
||||
<style lang="less" scoped>
|
||||
.timeline {
|
||||
margin-top: 3%;
|
||||
height: 98%;
|
||||
height: 97%;
|
||||
width: 97%;
|
||||
overflow: auto;
|
||||
|
||||
|
||||
@ -38,10 +38,10 @@ export default {
|
||||
height: 33%;
|
||||
}
|
||||
.middle {
|
||||
height: 45%;
|
||||
height: 47%;
|
||||
}
|
||||
.bottom {
|
||||
height: 22%;
|
||||
height: 20%;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@ -72,10 +72,11 @@ export default {
|
||||
.text {
|
||||
margin-top: 5px;
|
||||
color: #a4a9b0;
|
||||
font-size: 12px;
|
||||
}
|
||||
}
|
||||
.contentbut {
|
||||
margin-top: 20px;
|
||||
// margin-top: 20px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -86,6 +87,7 @@ export default {
|
||||
width: 88px;
|
||||
text-align: center;
|
||||
margin-right: 55px;
|
||||
font-size: 12px;
|
||||
.number {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
|
||||
@ -146,7 +146,7 @@ export default {
|
||||
.contentBox {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin-top: 20px;
|
||||
margin-top: 2%;
|
||||
margin-left: 10px;
|
||||
color: #bec1c7;
|
||||
.person {
|
||||
@ -172,7 +172,7 @@ export default {
|
||||
.img,
|
||||
.contentBtn {
|
||||
margin-right: 20px;
|
||||
font-size: 16px;
|
||||
font-size: 14px;
|
||||
.num1 {
|
||||
color: #53a9b1;
|
||||
font-size: 20px;
|
||||
@ -198,11 +198,8 @@ export default {
|
||||
span {
|
||||
margin-left: 10px;
|
||||
display: inline-block;
|
||||
height: 30px;
|
||||
height: 25px;
|
||||
line-height: 30px;
|
||||
.image {
|
||||
margin-top: 5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
.echarts {
|
||||
|
||||
@ -1,86 +1,92 @@
|
||||
<template>
|
||||
<Card title="基本信息">
|
||||
<div>
|
||||
<div class="contentBox">
|
||||
<p class="row">
|
||||
<span>项目位置</span>
|
||||
<a>建宁路与热河交叉路口</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>用地面积</span>
|
||||
<a>112768.21㎡</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>建设单位</span>
|
||||
<a>中建四局发展(广州天河)有限公司</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>设计单位</span>
|
||||
<a>中国建筑第四工程局有限公司</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>勘察单位</span>
|
||||
<a>贵州中建建筑科研设计院有限公司</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>监理单位</span>
|
||||
<a>广州宏元建设工程咨询有限公司</a>
|
||||
</p>
|
||||
</div>
|
||||
<div class="contentBox">
|
||||
<p class="row">
|
||||
<span>项目位置</span>
|
||||
<a>建宁路与热河交叉路口</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>用地面积</span>
|
||||
<a>112768.21㎡</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>建设单位</span>
|
||||
<a>中建四局发展(广州天河)有限公司</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>设计单位</span>
|
||||
<a>中国建筑第四工程局有限公司</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>勘察单位</span>
|
||||
<a>贵州中建建筑科研设计院有限公司</a>
|
||||
</p>
|
||||
<p class="row">
|
||||
<span>监理单位</span>
|
||||
<a>广州宏元建设工程咨询有限公司</a>
|
||||
</p>
|
||||
</div>
|
||||
</Card>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Card from '../components/Card.vue'
|
||||
import Card from "../components/Card.vue";
|
||||
export default {
|
||||
components: { Card }
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="less" scoped>
|
||||
.contentBox {
|
||||
margin-top: 3%;
|
||||
margin-left: 2%;
|
||||
.row{
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-content: left;
|
||||
margin-top: 3px;
|
||||
background-image: url(../assets/images/common/bg-intro.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
span {
|
||||
margin-left: 10%;
|
||||
color: white;
|
||||
width: 25%;
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
}
|
||||
a{
|
||||
color:#c4c7cc;
|
||||
}
|
||||
width: 100%;
|
||||
height: 90%;
|
||||
overflow: auto;
|
||||
margin-top: 3%;
|
||||
margin-left: 2%;
|
||||
.row {
|
||||
height: 35px;
|
||||
line-height: 35px;
|
||||
display: flex;
|
||||
justify-content: left;
|
||||
align-content: left;
|
||||
margin-top: 3px;
|
||||
background-image: url(../assets/images/common/bg-intro.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
span {
|
||||
margin-left: 10%;
|
||||
color: white;
|
||||
width: 25%;
|
||||
font-size: 14px;
|
||||
position: relative;
|
||||
}
|
||||
.row:active,.row:hover{
|
||||
height: 55px;
|
||||
line-height: 55px;
|
||||
background-image: url(../assets/images/common/bg-ihover.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
a{
|
||||
color:#bc5935;
|
||||
}
|
||||
span::before{
|
||||
content: '';
|
||||
top: 30%;
|
||||
left: -30%;
|
||||
position: absolute;
|
||||
border: 8px solid transparent;
|
||||
border-left: 8px solid white;
|
||||
display: inline-block;
|
||||
}
|
||||
a {
|
||||
color: #c4c7cc;
|
||||
}
|
||||
}
|
||||
.row:active,
|
||||
.row:hover {
|
||||
height: 55px;
|
||||
line-height: 55px;
|
||||
background-image: url(../assets/images/common/bg-ihover.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
a {
|
||||
color: #bc5935;
|
||||
}
|
||||
span::before {
|
||||
content: "";
|
||||
top: 30%;
|
||||
left: -30%;
|
||||
position: absolute;
|
||||
border: 8px solid transparent;
|
||||
border-left: 8px solid white;
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 3px;
|
||||
color: #182337;
|
||||
}
|
||||
</style>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user