admin/zhgdyun
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge branch 'dev-xiaole' into shenzhen-dev

Browse Source
This commit is contained in:
骆乐 2022-09-15 13:39:08 +08:00
commit e4c80d01a6
10 changed files with 96 additions and 51 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
src/views/projectAdmin/zjsj/carbon/centerTop.vue
View File

@ -2,7 +2,7 @@
<Card title="实时数据"> <Card title="实时数据">
<div class="containerBox"> <div class="containerBox">
<div class="dataBoardContent"> <div class="dataBoardContent">
<el-popover style="margin-left:750px" placement="bottom" width="70" trigger="click"> <el-popover style="margin-left:800px" placement="bottom" width="70" trigger="click">
<ul class="devList"> <ul class="devList">
<li <li
v-for="(item, index) in devList" v-for="(item, index) in devList"
@ -288,8 +288,7 @@ export default {
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
/*justify-content:space-between;*/ padding: 15px 20px 20px 50px;
padding: 20px;
.realTimeData_item { .realTimeData_item {
box-sizing: border-box; box-sizing: border-box;
display: flex; display: flex;

2
src/views/projectAdmin/zjsj/carbon/leftTop.vue
View File

@ -49,7 +49,7 @@ export default {
color: #c5c7cc; color: #c5c7cc;
.num1 { .num1 {
position: absolute; position: absolute;
top: 55%; top: 56%;
left: 45%; left: 45%;
} }
.text { .text {

9
src/views/projectAdmin/zjsj/govComp/Col2.vue
View File

@ -131,7 +131,7 @@ export default {
.mintit{ .mintit{
display: inline-block; display: inline-block;
margin-bottom: 10px; margin-bottom: 10px;
font-size: 16px; font-size: 18px;
color: #c4c7cc; color: #c4c7cc;
} }
.contentBox { .contentBox {
@ -147,6 +147,10 @@ export default {
} }
} }
} }
::v-deep .el-timeline {
margin: 5px !important;
font-size: 16px;
}
::v-deep .el-timeline-item__tail { ::v-deep .el-timeline-item__tail {
position: absolute; position: absolute;
left: 4px; left: 4px;
@ -163,4 +167,7 @@ export default {
width: 3px; width: 3px;
color: #19394d; color: #19394d;
} }
::v-deep .el-timeline-item__node{
box-shadow: 0px 0px 6px 2px #bddade;
}
</style> </style>

30
src/views/projectAdmin/zjsj/govComp/Col3.vue
View File

@ -35,11 +35,21 @@
</div> </div>
<div class="contentBtn"> <div class="contentBtn">
<template> <template>
<el-table :data="tableData" :show-header="false" style="width: 100%"> <el-table :data="tableData" :show-header="false" style="width: 100%;font-size:16px;">
<el-table-column prop="date" label="建材类型" width="150"></el-table-column> <el-table-column prop="date" label="建材类型" width="155"></el-table-column>
<el-table-column prop="name" label="检测报告数" width="110"></el-table-column> <el-table-column prop="name" label="检测报告数" width="110">
<el-table-column prop="address" label="合格数" width="100"></el-table-column> <template slot-scope="scope">
<el-table-column prop="rale" style="color:red" label="合格率"> <span class="raleNum"
>{{ scope.row.name }}</span>
</template>
</el-table-column>
<el-table-column prop="address" label="合格数" width="100">
<template slot-scope="scope">
<span class="raleNum"
>{{ scope.row.address }}</span>
</template>
</el-table-column>
<el-table-column prop="rale" label="合格率">
<template slot-scope="scope"> <template slot-scope="scope">
<span class="raleRow" <span class="raleRow"
>{{ scope.row.rale }}</span> >{{ scope.row.rale }}</span>
@ -168,11 +178,11 @@ export default {
.rowInfo2 { .rowInfo2 {
display: flex; display: flex;
margin-top: 3%; margin-top: 3%;
height: 30px; height: 35px;
line-height: 30px; line-height: 30px;
color: #c4c7cc; color: #c4c7cc;
background-image: url(../assets/images/common/bg-intro.png); background-image: url(../assets/images/common/bg-intro.png);
background-size: 100%; background-size: 120%;
background-repeat: no-repeat; background-repeat: no-repeat;
margin-bottom: 3%; margin-bottom: 3%;
span { span {
@ -202,6 +212,7 @@ export default {
margin-top: 3%; margin-top: 3%;
color: #5ec2c8; color: #5ec2c8;
display: flex; display: flex;
font-size: 16px;
span{ span{
flex: 1; flex: 1;
margin-left: 5%; margin-left: 5%;
@ -217,12 +228,15 @@ export default {
.contentBtn { .contentBtn {
margin-top: 1%; margin-top: 1%;
color: white; color: white;
font-size: 16px;
} }
} }
.raleNum{
color:#ebf1f6 !important;
}
.raleRow{ .raleRow{
color: #5ec2c8 !important; color: #5ec2c8 !important;
font-weight:bold; font-weight:bold;
} }
::v-deep .el-table { ::v-deep .el-table {
color: #7f8691; color: #7f8691;

53
src/views/projectAdmin/zjsj/govComp/Col4.vue
View File

@ -4,7 +4,7 @@
<div class="point"></div> <div class="point"></div>
<span class="mintit">混凝土浇筑统计</span> <span class="mintit">混凝土浇筑统计</span>
<div class="rowInfo"> <div class="rowInfo">
<span class="point"></span> <!-- <span class="point"></span> -->
<span>混凝土浇筑重量</span> <span>混凝土浇筑重量</span>
<span style="color:#5ec2c8;">58974㎡</span> <span style="color:#5ec2c8;">58974㎡</span>
</div> </div>
@ -17,29 +17,29 @@
<el-timeline class="timeline"> <el-timeline class="timeline">
<el-timeline-item timestamp="2022-07-28" placement="top"> <el-timeline-item timestamp="2022-07-28" placement="top">
<el-card> <el-card>
<span>2022-07-28</span> <p>2022-07-28</p>
<p>C栋2号楼十一层</p> <span>C栋2号楼十一层</span>
<span class="area">43㎡</span> <span class="area">43㎡</span>
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
<el-timeline-item timestamp="2022-07-28" placement="top"> <el-timeline-item timestamp="2022-07-28" placement="top">
<el-card> <el-card>
<span>2022-07-28</span> <p>2022-07-28</p>
<p>C栋2号楼十一层</p> <span>C栋2号楼十一层</span>
<span class="area">56㎡</span> <span class="area">56㎡</span>
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
<el-timeline-item timestamp="2022-07-28" placement="top"> <el-timeline-item timestamp="2022-07-28" placement="top">
<el-card> <el-card>
<span>2022-07-28</span> <p>2022-07-28</p>
<p>C栋2号楼十一层</p> <span>C栋2号楼十一层</span>
<span class="area">39㎡</span> <span class="area">39㎡</span>
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
<el-timeline-item timestamp="2022-07-28" placement="top"> <el-timeline-item timestamp="2022-07-28" placement="top">
<el-card> <el-card>
<span>2022-07-28</span> <p>2022-07-28</p>
<p>C栋2号楼十一层</p> <span>C栋2号楼十一层</span>
<span class="area">78㎡</span> <span class="area">78㎡</span>
</el-card> </el-card>
</el-timeline-item> </el-timeline-item>
@ -129,30 +129,30 @@ export default {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
height: 100%; height: 100%;
color: #c4c7cc; color: #fff;
padding-top: 2%; padding-top: 2%;
margin-left: 1%; margin-left: 1%;
.point { .point {
width: 8px; width: 8px;
height: 8px; height: 8px;
border-radius: 50%; border-radius: 50%;
background-color: #c4c7cc; background-color: #fff;
display: inline-block; display: inline-block;
margin-right: 2%; margin-right: 2%;
margin-top: 15px; margin-top: 15px;
} }
.mintit { .mintit {
font-size: 16px; font-size: 16px;
color: #c4c7cc; color: #fff;
} }
.rowInfo { .rowInfo {
margin-top: 3%; margin-top: 3%;
margin-bottom: 3%; margin-bottom: 3%;
height: 40px; height: 45px;
line-height: 40px; line-height: 45px;
color: #c4c7cc; color: #fff;
background-image: url(../assets/images/common/bg-intro.png); background-image: url(../assets/images/common/bg-intro.png);
background-size: 100%; background-size: 120%;
background-repeat: no-repeat; background-repeat: no-repeat;
span { span {
margin-left: 5%; margin-left: 5%;
@ -175,25 +175,37 @@ export default {
overflow: auto; overflow: auto;
} }
} }
::v-deep .el-timeline{
margin: 5px;
}
::v-deep .el-timeline-item__timestamp.is-top {
font-size: 20px;
color: #fff;
}
::v-deep .el-timeline-item__node--normal{ ::v-deep .el-timeline-item__node--normal{
left: 0px; left: 0px;
} }
::v-deep .el-card { ::v-deep .el-card {
border: none; border: none;
font-size: 16px;
background-color: #182337; background-color: #182337;
background-image: url(../assets/images/common/bg_time.png); background-image: url(../assets/images/common/bg_time.png);
background-size: 100%; background-size: 100%;
background-repeat: no-repeat; background-repeat: no-repeat;
span { p {
color: #63cfd4; color: #63cfd4;
font-weight: bold; font-weight: bold;
margin-bottom: 20px;
} }
p { span {
margin-top: 20px; // margin-top: 20px;
color: white; color: white;
} }
.area { .area {
float: right; float: right;
color: #63cfd4;
font-weight: bold;
margin-bottom: 20px; margin-bottom: 20px;
} }
} }
@ -203,4 +215,7 @@ export default {
height: 100%; height: 100%;
border-left: 3px solid #274b5f; border-left: 3px solid #274b5f;
} }
::v-deep .el-timeline-item__node{
box-shadow: 0px 0px 6px 2px #bddade;
}
</style> </style>

28
src/views/projectAdmin/zjsj/govComp/leftBottom.vue
View File

@ -10,7 +10,7 @@
<p class="text">在场总人数</p> <p class="text">在场总人数</p>
</div> </div>
<div class="img"> <div class="img">
<img src="../assets/images/common/icon_hs.png" /> <img style=" margin-left: 25px;" src="../assets/images/common/icon_hs.png" />
</div> </div>
<div class="contentBtn"> <div class="contentBtn">
<p class="num2">5649</p> <p class="num2">5649</p>
@ -47,21 +47,19 @@ export default {
box-sizing: border-box; box-sizing: border-box;
padding-top: 20px; padding-top: 20px;
.contentTop { .contentTop {
box-sizing: border-box;
// padding-top: 0px 50px 0px;
margin: 0px 30px;
display: flex; display: flex;
justify-content: center; justify-content: space-between;
align-items: center; align-items: center;
.img,
.contentBtn {
margin-right: 20px;
}
.img {
img { img {
height: 56px; height: 56px;
width: 56px; width: 56px;
} }
}
.contentBtn { .contentBtn {
margin-right: 40px; margin-right: 20px;
font-size: 22px;
.num1 { .num1 {
color: #53a9b1; color: #53a9b1;
} }
@ -73,10 +71,11 @@ export default {
.text { .text {
margin-top: 5px; margin-top: 5px;
color: #a4a9b0; color: #a4a9b0;
font-size: 12px; font-size: 16px;
} }
} }
.contentbut { .contentbut {
margin-top:5px;
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
@ -86,17 +85,22 @@ export default {
.tc { .tc {
width: 88px; width: 88px;
text-align: center; text-align: center;
margin-right: 55px; margin-right: 50px;
font-size: 12px; font-size: 14px;
margin-top: 10px;
.number { .number {
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;
font-size: 19px;
background-image: url(../assets/images/common/num_bg.png); background-image: url(../assets/images/common/num_bg.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%; background-size: 100%;
color: #6ee4f0; color: #6ee4f0;
} }
} }
.lw{
margin-left: 40px;
}
} }
} }
</style> </style>

12
src/views/projectAdmin/zjsj/govComp/leftMiddle.vue
View File

@ -112,6 +112,7 @@ export default {
data: [3.5, 4.5, 3.5, 4], data: [3.5, 4.5, 3.5, 4],
type: "line", type: "line",
smooth: true, smooth: true,
showSymbol: false,
color: "#f56c35", color: "#f56c35",
areaStyle: { areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [ color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
@ -124,6 +125,7 @@ export default {
data: [0.5, 2.5, 1.8, 1.2], data: [0.5, 2.5, 1.8, 1.2],
type: "line", type: "line",
smooth: true, smooth: true,
showSymbol: false,
color: "#51a4ac", color: "#51a4ac",
areaStyle: { areaStyle: {
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [ color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
@ -155,6 +157,7 @@ export default {
height: 40px; height: 40px;
text-align: center; text-align: center;
line-height: 40px; line-height: 40px;
font-size: 19px;
background-image: url(../assets/images/common/num_bg.png); background-image: url(../assets/images/common/num_bg.png);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100%; background-size: 100%;
@ -164,7 +167,7 @@ export default {
.contentTop { .contentTop {
display: flex; display: flex;
justify-content: space-between; justify-content: center;
align-items: center; align-items: center;
.img, .img,
.contentBtn { .contentBtn {
@ -172,15 +175,16 @@ export default {
font-size: 14px; font-size: 14px;
.num1 { .num1 {
color: #53a9b1; color: #53a9b1;
font-size: 20px; font-size: 22px;
} }
.num2 { .num2 {
color: #f56c35; color: #f56c35;
font-size: 20px; font-size: 22px;
} }
.text { .text {
margin-top: 5px; margin-top: 5px;
color: #a4a9b0; color: #a4a9b0;
font-size: 16px;
} }
} }
.img { .img {
@ -194,6 +198,7 @@ export default {
color: #69717d; color: #69717d;
margin-top: 3%; margin-top: 3%;
span { span {
font-size: 16px;
margin-left: 10px; margin-left: 10px;
display: inline-block; display: inline-block;
height: 25px; height: 25px;
@ -222,6 +227,7 @@ export default {
.point2{ .point2{
background-color: #65d3d8; background-color: #65d3d8;
} }
.num{ .num{
color: #d2a104; color: #d2a104;
margin: 5px 0px 30px 25px; margin: 5px 0px 30px 25px;

2
src/views/projectAdmin/zjsj/quality/leftBottom.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<Card title="大面积混凝土展示"> <Card title="大体积混凝土监测">
<div class="checkChart" ref="checkChart"></div> <div class="checkChart" ref="checkChart"></div>
<div class="btn">远程验收</div> <div class="btn">远程验收</div>
</Card> </Card>

2
src/views/projectAdmin/zjsj/quality/leftMiddle.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<Card title="标养室培养"> <Card title="标养室管理">
<div class="environment"> <div class="environment">
<div class="item"> <div class="item">
<div class="icon temperature"></div> <div class="icon temperature"></div>

2
src/views/projectAdmin/zjsj/sourse/rightTop.vue
View File

@ -93,7 +93,7 @@ export default {
height: 100%; height: 100%;
.containbox { .containbox {
margin-top: 1%; margin-top: 1%;
margin-left: 65%; margin-left: 75%;
color:#dfe6ea; color:#dfe6ea;
height: 20px; height: 20px;
line-height: 25px; line-height: 25px;