中建四局(安全管理):照片替换

This commit is contained in:
骆乐 2022-09-02 15:07:44 +08:00
parent 8a4469fd07
commit 1c20ab1bfb
6 changed files with 85 additions and 80 deletions

View File

@ -299,7 +299,7 @@ export default {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
/*justify-content:space-between;*/ /*justify-content:space-between;*/
padding: 50px 100px; padding: 20px 100px;
.realTimeData_item { .realTimeData_item {
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;

View File

@ -115,7 +115,7 @@ export default {
<style lang="less" scoped> <style lang="less" scoped>
.timeline { .timeline {
margin-top: 3%; margin-top: 3%;
height: 98%; height: 97%;
width: 97%; width: 97%;
overflow: auto; overflow: auto;

View File

@ -38,10 +38,10 @@ export default {
height: 33%; height: 33%;
} }
.middle { .middle {
height: 45%; height: 47%;
} }
.bottom { .bottom {
height: 22%; height: 20%;
} }
} }
} }

View File

@ -72,10 +72,11 @@ export default {
.text { .text {
margin-top: 5px; margin-top: 5px;
color: #a4a9b0; color: #a4a9b0;
font-size: 12px;
} }
} }
.contentbut { .contentbut {
margin-top: 20px; // margin-top: 20px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -86,6 +87,7 @@ export default {
width: 88px; width: 88px;
text-align: center; text-align: center;
margin-right: 55px; margin-right: 55px;
font-size: 12px;
.number { .number {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;

View File

@ -146,7 +146,7 @@ export default {
.contentBox { .contentBox {
width: 100%; width: 100%;
height: 100%; height: 100%;
margin-top: 20px; margin-top: 2%;
margin-left: 10px; margin-left: 10px;
color: #bec1c7; color: #bec1c7;
.person { .person {
@ -172,7 +172,7 @@ export default {
.img, .img,
.contentBtn { .contentBtn {
margin-right: 20px; margin-right: 20px;
font-size: 16px; font-size: 14px;
.num1 { .num1 {
color: #53a9b1; color: #53a9b1;
font-size: 20px; font-size: 20px;
@ -198,11 +198,8 @@ export default {
span { span {
margin-left: 10px; margin-left: 10px;
display: inline-block; display: inline-block;
height: 30px; height: 25px;
line-height: 30px; line-height: 30px;
.image {
margin-top: 5px;
}
} }
} }
.echarts { .echarts {

View File

@ -1,86 +1,92 @@
<template> <template>
<Card title="基本信息"> <Card title="基本信息">
<div> <div class="contentBox">
<div class="contentBox"> <p class="row">
<p class="row"> <span>项目位置</span>
<span>项目位置</span> <a>建宁路与热河交叉路口</a>
<a>建宁路与热河交叉路口</a> </p>
</p> <p class="row">
<p class="row"> <span>用地面积</span>
<span>用地面积</span> <a>112768.21</a>
<a>112768.21</a> </p>
</p> <p class="row">
<p class="row"> <span>建设单位</span>
<span>建设单位</span> <a>中建四局发展(广州天河)有限公司</a>
<a>中建四局发展(广州天河)有限公司</a> </p>
</p> <p class="row">
<p class="row"> <span>设计单位</span>
<span>设计单位</span> <a>中国建筑第四工程局有限公司</a>
<a>中国建筑第四工程局有限公司</a> </p>
</p> <p class="row">
<p class="row"> <span>勘察单位</span>
<span>勘察单位</span> <a>贵州中建建筑科研设计院有限公司</a>
<a>贵州中建建筑科研设计院有限公司</a> </p>
</p> <p class="row">
<p class="row"> <span>监理单位</span>
<span>监理单位</span> <a>广州宏元建设工程咨询有限公司</a>
<a>广州宏元建设工程咨询有限公司</a> </p>
</p>
</div>
</div> </div>
</Card> </Card>
</template> </template>
<script> <script>
import Card from '../components/Card.vue' import Card from "../components/Card.vue";
export default { export default {
components: { Card } components: { Card }
} };
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
.contentBox { .contentBox {
margin-top: 3%; width: 100%;
margin-left: 2%; height: 90%;
.row{ overflow: auto;
height: 35px; margin-top: 3%;
line-height: 35px; margin-left: 2%;
display: flex; .row {
justify-content: left; height: 35px;
align-content: left; line-height: 35px;
margin-top: 3px; display: flex;
background-image: url(../assets/images/common/bg-intro.png); justify-content: left;
background-repeat: no-repeat; align-content: left;
background-size: 100%; margin-top: 3px;
span { background-image: url(../assets/images/common/bg-intro.png);
margin-left: 10%; background-repeat: no-repeat;
color: white; background-size: 100%;
width: 25%; span {
font-size: 14px; margin-left: 10%;
position: relative; color: white;
} width: 25%;
a{ font-size: 14px;
color:#c4c7cc; position: relative;
}
} }
.row:active,.row:hover{ a {
height: 55px; color: #c4c7cc;
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;
}
} }
} }
.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> </style>