Merge branch 'dev-xiaole' into shenzhen-dev
This commit is contained in:
commit
e4c80d01a6
@ -2,7 +2,7 @@
|
||||
<Card title="实时数据">
|
||||
<div class="containerBox">
|
||||
<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">
|
||||
<li
|
||||
v-for="(item, index) in devList"
|
||||
@ -288,8 +288,7 @@ export default {
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
/*justify-content:space-between;*/
|
||||
padding: 20px;
|
||||
padding: 15px 20px 20px 50px;
|
||||
.realTimeData_item {
|
||||
box-sizing: border-box;
|
||||
display: flex;
|
||||
|
||||
@ -49,7 +49,7 @@ export default {
|
||||
color: #c5c7cc;
|
||||
.num1 {
|
||||
position: absolute;
|
||||
top: 55%;
|
||||
top: 56%;
|
||||
left: 45%;
|
||||
}
|
||||
.text {
|
||||
|
||||
@ -131,7 +131,7 @@ export default {
|
||||
.mintit{
|
||||
display: inline-block;
|
||||
margin-bottom: 10px;
|
||||
font-size: 16px;
|
||||
font-size: 18px;
|
||||
color: #c4c7cc;
|
||||
}
|
||||
.contentBox {
|
||||
@ -147,6 +147,10 @@ export default {
|
||||
}
|
||||
}
|
||||
}
|
||||
::v-deep .el-timeline {
|
||||
margin: 5px !important;
|
||||
font-size: 16px;
|
||||
}
|
||||
::v-deep .el-timeline-item__tail {
|
||||
position: absolute;
|
||||
left: 4px;
|
||||
@ -163,4 +167,7 @@ export default {
|
||||
width: 3px;
|
||||
color: #19394d;
|
||||
}
|
||||
::v-deep .el-timeline-item__node{
|
||||
box-shadow: 0px 0px 6px 2px #bddade;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -35,11 +35,21 @@
|
||||
</div>
|
||||
<div class="contentBtn">
|
||||
<template>
|
||||
<el-table :data="tableData" :show-header="false" style="width: 100%">
|
||||
<el-table-column prop="date" label="建材类型" width="150"></el-table-column>
|
||||
<el-table-column prop="name" label="检测报告数" width="110"></el-table-column>
|
||||
<el-table-column prop="address" label="合格数" width="100"></el-table-column>
|
||||
<el-table-column prop="rale" style="color:red" label="合格率">
|
||||
<el-table :data="tableData" :show-header="false" style="width: 100%;font-size:16px;">
|
||||
<el-table-column prop="date" label="建材类型" width="155"></el-table-column>
|
||||
<el-table-column prop="name" label="检测报告数" width="110">
|
||||
<template slot-scope="scope">
|
||||
<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">
|
||||
<span class="raleRow"
|
||||
>{{ scope.row.rale }}</span>
|
||||
@ -168,11 +178,11 @@ export default {
|
||||
.rowInfo2 {
|
||||
display: flex;
|
||||
margin-top: 3%;
|
||||
height: 30px;
|
||||
height: 35px;
|
||||
line-height: 30px;
|
||||
color: #c4c7cc;
|
||||
background-image: url(../assets/images/common/bg-intro.png);
|
||||
background-size: 100%;
|
||||
background-size: 120%;
|
||||
background-repeat: no-repeat;
|
||||
margin-bottom: 3%;
|
||||
span {
|
||||
@ -202,6 +212,7 @@ export default {
|
||||
margin-top: 3%;
|
||||
color: #5ec2c8;
|
||||
display: flex;
|
||||
font-size: 16px;
|
||||
span{
|
||||
flex: 1;
|
||||
margin-left: 5%;
|
||||
@ -217,12 +228,15 @@ export default {
|
||||
.contentBtn {
|
||||
margin-top: 1%;
|
||||
color: white;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.raleNum{
|
||||
color:#ebf1f6 !important;
|
||||
}
|
||||
.raleRow{
|
||||
color: #5ec2c8 !important;
|
||||
font-weight:bold;
|
||||
|
||||
}
|
||||
::v-deep .el-table {
|
||||
color: #7f8691;
|
||||
|
||||
@ -4,7 +4,7 @@
|
||||
<div class="point"></div>
|
||||
<span class="mintit">混凝土浇筑统计</span>
|
||||
<div class="rowInfo">
|
||||
<span class="point"></span>
|
||||
<!-- <span class="point"></span> -->
|
||||
<span>混凝土浇筑重量</span>
|
||||
<span style="color:#5ec2c8;">58974㎡</span>
|
||||
</div>
|
||||
@ -17,29 +17,29 @@
|
||||
<el-timeline class="timeline">
|
||||
<el-timeline-item timestamp="2022-07-28" placement="top">
|
||||
<el-card>
|
||||
<span>2022-07-28</span>
|
||||
<p>C栋2号楼十一层</p>
|
||||
<p>2022-07-28</p>
|
||||
<span>C栋2号楼十一层</span>
|
||||
<span class="area">43㎡</span>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="2022-07-28" placement="top">
|
||||
<el-card>
|
||||
<span>2022-07-28</span>
|
||||
<p>C栋2号楼十一层</p>
|
||||
<p>2022-07-28</p>
|
||||
<span>C栋2号楼十一层</span>
|
||||
<span class="area">56㎡</span>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="2022-07-28" placement="top">
|
||||
<el-card>
|
||||
<span>2022-07-28</span>
|
||||
<p>C栋2号楼十一层</p>
|
||||
<p>2022-07-28</p>
|
||||
<span>C栋2号楼十一层</span>
|
||||
<span class="area">39㎡</span>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
<el-timeline-item timestamp="2022-07-28" placement="top">
|
||||
<el-card>
|
||||
<span>2022-07-28</span>
|
||||
<p>C栋2号楼十一层</p>
|
||||
<p>2022-07-28</p>
|
||||
<span>C栋2号楼十一层</span>
|
||||
<span class="area">78㎡</span>
|
||||
</el-card>
|
||||
</el-timeline-item>
|
||||
@ -129,30 +129,30 @@ export default {
|
||||
box-sizing: border-box;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
color: #c4c7cc;
|
||||
color: #fff;
|
||||
padding-top: 2%;
|
||||
margin-left: 1%;
|
||||
.point {
|
||||
width: 8px;
|
||||
height: 8px;
|
||||
border-radius: 50%;
|
||||
background-color: #c4c7cc;
|
||||
background-color: #fff;
|
||||
display: inline-block;
|
||||
margin-right: 2%;
|
||||
margin-top: 15px;
|
||||
}
|
||||
.mintit {
|
||||
font-size: 16px;
|
||||
color: #c4c7cc;
|
||||
color: #fff;
|
||||
}
|
||||
.rowInfo {
|
||||
margin-top: 3%;
|
||||
margin-bottom: 3%;
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
color: #c4c7cc;
|
||||
height: 45px;
|
||||
line-height: 45px;
|
||||
color: #fff;
|
||||
background-image: url(../assets/images/common/bg-intro.png);
|
||||
background-size: 100%;
|
||||
background-size: 120%;
|
||||
background-repeat: no-repeat;
|
||||
span {
|
||||
margin-left: 5%;
|
||||
@ -175,25 +175,37 @@ export default {
|
||||
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{
|
||||
left: 0px;
|
||||
}
|
||||
::v-deep .el-card {
|
||||
border: none;
|
||||
font-size: 16px;
|
||||
background-color: #182337;
|
||||
background-image: url(../assets/images/common/bg_time.png);
|
||||
background-size: 100%;
|
||||
background-repeat: no-repeat;
|
||||
span {
|
||||
p {
|
||||
color: #63cfd4;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
p {
|
||||
margin-top: 20px;
|
||||
span {
|
||||
// margin-top: 20px;
|
||||
color: white;
|
||||
}
|
||||
|
||||
.area {
|
||||
float: right;
|
||||
color: #63cfd4;
|
||||
font-weight: bold;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
}
|
||||
@ -203,4 +215,7 @@ export default {
|
||||
height: 100%;
|
||||
border-left: 3px solid #274b5f;
|
||||
}
|
||||
::v-deep .el-timeline-item__node{
|
||||
box-shadow: 0px 0px 6px 2px #bddade;
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -10,7 +10,7 @@
|
||||
<p class="text">在场总人数</p>
|
||||
</div>
|
||||
<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 class="contentBtn">
|
||||
<p class="num2">5649</p>
|
||||
@ -47,21 +47,19 @@ export default {
|
||||
box-sizing: border-box;
|
||||
padding-top: 20px;
|
||||
.contentTop {
|
||||
box-sizing: border-box;
|
||||
// padding-top: 0px 50px 0px;
|
||||
margin: 0px 30px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
.img,
|
||||
.contentBtn {
|
||||
margin-right: 20px;
|
||||
}
|
||||
.img {
|
||||
img {
|
||||
img {
|
||||
height: 56px;
|
||||
width: 56px;
|
||||
}
|
||||
}
|
||||
.contentBtn {
|
||||
margin-right: 40px;
|
||||
margin-right: 20px;
|
||||
font-size: 22px;
|
||||
.num1 {
|
||||
color: #53a9b1;
|
||||
}
|
||||
@ -73,10 +71,11 @@ export default {
|
||||
.text {
|
||||
margin-top: 5px;
|
||||
color: #a4a9b0;
|
||||
font-size: 12px;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.contentbut {
|
||||
margin-top:5px;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
@ -86,17 +85,22 @@ export default {
|
||||
.tc {
|
||||
width: 88px;
|
||||
text-align: center;
|
||||
margin-right: 55px;
|
||||
font-size: 12px;
|
||||
margin-right: 50px;
|
||||
font-size: 14px;
|
||||
margin-top: 10px;
|
||||
.number {
|
||||
height: 40px;
|
||||
line-height: 40px;
|
||||
font-size: 19px;
|
||||
background-image: url(../assets/images/common/num_bg.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
color: #6ee4f0;
|
||||
}
|
||||
}
|
||||
.lw{
|
||||
margin-left: 40px;
|
||||
}
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
@ -112,6 +112,7 @@ export default {
|
||||
data: [3.5, 4.5, 3.5, 4],
|
||||
type: "line",
|
||||
smooth: true,
|
||||
showSymbol: false,
|
||||
color: "#f56c35",
|
||||
areaStyle: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
|
||||
@ -124,6 +125,7 @@ export default {
|
||||
data: [0.5, 2.5, 1.8, 1.2],
|
||||
type: "line",
|
||||
smooth: true,
|
||||
showSymbol: false,
|
||||
color: "#51a4ac",
|
||||
areaStyle: {
|
||||
color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [
|
||||
@ -155,6 +157,7 @@ export default {
|
||||
height: 40px;
|
||||
text-align: center;
|
||||
line-height: 40px;
|
||||
font-size: 19px;
|
||||
background-image: url(../assets/images/common/num_bg.png);
|
||||
background-repeat: no-repeat;
|
||||
background-size: 100%;
|
||||
@ -164,7 +167,7 @@ export default {
|
||||
|
||||
.contentTop {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
.img,
|
||||
.contentBtn {
|
||||
@ -172,15 +175,16 @@ export default {
|
||||
font-size: 14px;
|
||||
.num1 {
|
||||
color: #53a9b1;
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
.num2 {
|
||||
color: #f56c35;
|
||||
font-size: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
.text {
|
||||
margin-top: 5px;
|
||||
color: #a4a9b0;
|
||||
font-size: 16px;
|
||||
}
|
||||
}
|
||||
.img {
|
||||
@ -194,6 +198,7 @@ export default {
|
||||
color: #69717d;
|
||||
margin-top: 3%;
|
||||
span {
|
||||
font-size: 16px;
|
||||
margin-left: 10px;
|
||||
display: inline-block;
|
||||
height: 25px;
|
||||
@ -222,6 +227,7 @@ export default {
|
||||
.point2{
|
||||
background-color: #65d3d8;
|
||||
}
|
||||
|
||||
.num{
|
||||
color: #d2a104;
|
||||
margin: 5px 0px 30px 25px;
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<Card title="大面积混凝土展示">
|
||||
<Card title="大体积混凝土监测">
|
||||
<div class="checkChart" ref="checkChart"></div>
|
||||
<div class="btn">远程验收</div>
|
||||
</Card>
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
<template>
|
||||
<Card title="标养室培养">
|
||||
<Card title="标养室管理">
|
||||
<div class="environment">
|
||||
<div class="item">
|
||||
<div class="icon temperature"></div>
|
||||
|
||||
@ -93,7 +93,7 @@ export default {
|
||||
height: 100%;
|
||||
.containbox {
|
||||
margin-top: 1%;
|
||||
margin-left: 65%;
|
||||
margin-left: 75%;
|
||||
color:#dfe6ea;
|
||||
height: 20px;
|
||||
line-height: 25px;
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user