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

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;
flex-wrap: wrap;
/*justify-content:space-between;*/
padding: 50px 100px;
padding: 20px 100px;
.realTimeData_item {
box-sizing: border-box;
display: flex;

View File

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

View File

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

View File

@ -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;

View File

@ -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 {

View File

@ -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>