You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
173 lines
2.9 KiB
173 lines
2.9 KiB
@import '../../c/config';
|
|
@import '../../c/function';
|
|
@import './c/common';
|
|
|
|
|
|
.g-cpt-resi {
|
|
display: flex;
|
|
flex-direction: row;
|
|
height: calc(100vh - 180px);
|
|
|
|
.g-l {
|
|
flex-shrink: 0;
|
|
width: 700px;
|
|
height: calc(100vh - 230px);
|
|
|
|
.l_top {
|
|
height: 355px;
|
|
display: flex;
|
|
align-items: center;
|
|
|
|
|
|
}
|
|
.l_bottom {
|
|
height: calc(100vh - 200px - 355px);
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
|
|
.g-r {
|
|
text-align: center;
|
|
margin: 20px 10px 20px;
|
|
width: calc(100vw - 700px);
|
|
height: calc(100vh - 180px - 20px);
|
|
}
|
|
}
|
|
|
|
.l_bottom {
|
|
.bottom_label {
|
|
position: relative;
|
|
padding-left: 40px;
|
|
font-size: 16px;
|
|
font-weight: 500;
|
|
color: #fff;
|
|
}
|
|
.bottom_label::after {
|
|
content: '';
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 20px;
|
|
width: 12px;
|
|
height: 12px;
|
|
box-sizing: border-box;
|
|
margin-top: -6px;
|
|
background: #2865fa;
|
|
border-radius: 50%;
|
|
}
|
|
> span {
|
|
font-size: 18px;
|
|
font-family: PingFang SC;
|
|
font-weight: 800;
|
|
color: #ffffff;
|
|
}
|
|
.echart-line {
|
|
margin-top: 10px;
|
|
height: 100%;
|
|
}
|
|
}
|
|
|
|
|
|
.g-r {
|
|
.m-tb {
|
|
position: relative;
|
|
height: 100%;
|
|
.tb {
|
|
height: calc(100vh - 170px - 50px - 50px);
|
|
overflow-y: auto;
|
|
@include scrollBar;
|
|
}
|
|
.m-pagination {
|
|
box-sizing: border-box;
|
|
position: absolute;
|
|
right: 5px;
|
|
bottom: 5px;
|
|
width: 100%;
|
|
height: 40px;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
|
|
/deep/ .el-pagination.is-background .el-pager li:not(.disabled).active {
|
|
background: #0266d1;
|
|
color: #000d3f;
|
|
}
|
|
|
|
/deep/ .el-pagination .el-pager li {
|
|
background: #002e74;
|
|
}
|
|
|
|
/deep/ .el-pagination .btn-prev {
|
|
background: #002e74;
|
|
}
|
|
|
|
/deep/ .el-pagination .btn-next {
|
|
background: #002e74;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
.echart-wr {
|
|
margin-left: 30px;
|
|
// margin-top: 100px;
|
|
text-align: center;
|
|
position: relative;
|
|
width: 500px;
|
|
height: 355px;
|
|
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.g-pie {
|
|
position: relative;
|
|
display: flex;
|
|
|
|
.pie-legend {
|
|
margin-left: 30px;
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
|
|
.legend_item {
|
|
.item_name {
|
|
margin-left: 5px;
|
|
font-size: 10px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #eff0f1;
|
|
}
|
|
> img {
|
|
margin-top: -10px;
|
|
width: 80px;
|
|
height: 10px;
|
|
}
|
|
.item_num {
|
|
.item_count {
|
|
font-size: 17px;
|
|
font-family: PingFang SC;
|
|
font-weight: 500;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.item_percent {
|
|
margin-left: 12px;
|
|
font-size: 8px;
|
|
font-family: PingFang SC;
|
|
font-weight: 300;
|
|
color: #ffffff;
|
|
line-height: 18px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.item_last {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
}
|
|
|
|
.table-status {
|
|
position: relative;
|
|
width: 600px;
|
|
margin: auto;
|
|
}
|
|
|