.alarm_title {
|
width: 100%;
|
height: 3%;
|
}
|
|
.alarm_title span {
|
font-size: 12px;
|
color: #7B91B4;
|
left: 1%;
|
top: 30%;
|
position: relative;
|
}
|
|
.timeSearchBtn {
|
width: 100%;
|
height: 4%;
|
}
|
|
.timeSearchBtn .timeBtn {
|
position: relative;
|
left: 0.8%;
|
top: 40%;
|
}
|
|
.timeSearchBtn .timeSearch {
|
position: relative;
|
left: 1.2%;
|
top: 42.6%;
|
}
|
|
//预警总数统计
|
.statisTotal {
|
position: relative;
|
left: 0.3%;
|
top: 3%;
|
width: 100%;
|
height: 10%;
|
}
|
|
.statisTotalAvueDataBox .el-row {
|
width: 99.7% !important;
|
}
|
|
.statisTotal .el-col-md-6 {
|
width: 20%;
|
}
|
|
//预警数量统计
|
.alarmStatis {
|
background-color: #ffffff;
|
width: 98.6%;
|
height: 550px;
|
position: relative;
|
left: 0.8%;
|
top: 7%;
|
}
|
|
#alarmNumberStatis {
|
width: 75%;
|
height: 550px;
|
position: relative;
|
left: 1%;
|
}
|
|
.alarmClassifyStatis {
|
width: 25%;
|
height: 550px;
|
position: relative;
|
left: 75%;
|
top: -85%;
|
}
|
|
.alarmClassifyStatis .avue-data-cardtext {
|
width: 100%;
|
height: 90%;
|
}
|
|
.avue-data-cardText .item {
|
-webkit-box-shadow: 0px 0px 0px 0px #ccc;
|
box-shadow: 0px 0px 0px #ccc;
|
}
|
|
.avue-data-cardtext .el-row {
|
width: 250px !important;
|
height: 50px !important;
|
position: relative !important;
|
top: 30px !important;
|
}
|
|
.alarmClassifyStatis .el-col {
|
float: inherit !important;
|
width: 100% !important;
|
height: 100px !important;
|
}
|
|
.avue-data-cardText .item-header a {
|
font-size: 14px;
|
margin-left: 2px;
|
position: absolute;
|
bottom: 1px;
|
}
|
|
.avue-data-cardText .item-header i {
|
font-size: 14px;
|
}
|
|
.avue-data-cardText .item-footer span:nth-child(2) {
|
color: red;
|
}
|
|
//预警类型占比
|
.alarmTypePro {
|
background-color: #ffffff;
|
width: 98.6%;
|
height: 450px;
|
position: relative;
|
left: 0.8%;
|
top: 9.5%;
|
}
|
|
#alarmTypeProEcharts {
|
width: 30%;
|
height: 450px;
|
position: relative;
|
left: 1%;
|
}
|
|
.alarmTypeTotal {
|
//background-color: antiquewhite;
|
width: 10%;
|
height: 100px;
|
position: relative;
|
left: 9.37%;
|
top: -58%;
|
}
|
|
.numAlarmType {
|
text-align: center;
|
position: relative;
|
top: 15%;
|
}
|
|
.numAlarmType span {
|
font-size: 28px;
|
color: #4B4B4B;
|
}
|
|
.textAlarmType {
|
text-align: center;
|
position: relative;
|
top: 20%;
|
}
|
|
.textAlarmType span {
|
font-size: 14px;
|
color: #757575;
|
}
|
|
.alarmTypeProStatis {
|
//background-color: aqua;
|
width: 50%;
|
height: 100%;
|
position: relative;
|
top: -100%;
|
left: 30%;
|
}
|
|
.alarmTypeProStatis .el-row {
|
position: relative;
|
top: 24px;
|
}
|
|
//预警设备类型占比
|
.alarmEquipmentPro {
|
background-color: #ffffff;
|
width: 98.6%;
|
height: 450px;
|
position: relative;
|
left: 0.8%;
|
top: 11%;
|
}
|
|
#alarmEquipmentProEcharts {
|
width: 30%;
|
height: 450px;
|
position: relative;
|
left: 1%;
|
}
|
|
.alarmEquipmentProStatis {
|
//background-color: aqua;
|
width: 35%;
|
height: 100%;
|
position: relative;
|
left: 30%;
|
top: -100%;
|
}
|
|
.alarmEquipmentProStatis .avue-crud {
|
position: relative;
|
top: 20%;
|
}
|
|
.alarmEquipmentProStatis .avue-crud__menu {
|
display: none;
|
}
|
|
//确认时间占比
|
.confirmTimePro {
|
display: none;
|
background-color: #ffffff;
|
width: 61.6%;
|
height: 450px;
|
position: relative;
|
left: 0.8%;
|
top: 11.8%;
|
}
|
|
#confirmTimeProEcharts {
|
width: 40%;
|
height: 450px;
|
position: relative;
|
left: 1%;
|
}
|
|
.confirmTimeTotal {
|
//background-color: antiquewhite;
|
width: 12%;
|
height: 100px;
|
position: relative;
|
left: 12.87%;
|
top: -58%;
|
}
|
|
.numConfirmTime {
|
text-align: center;
|
position: relative;
|
top: 15%;
|
}
|
|
.numConfirmTime span {
|
font-size: 28px;
|
color: #4B4B4B;
|
}
|
|
.textConfirmTime {
|
text-align: center;
|
position: relative;
|
top: 20%;
|
}
|
|
.textConfirmTime span {
|
font-size: 14px;
|
color: #757575;
|
}
|
|
.confirmTimeProStatis {
|
//background-color: aqua;
|
width: 60%;
|
height: 100%;
|
position: relative;
|
top: -100%;
|
left: 40%;
|
}
|
|
.confirmTimeProStatis .el-row {
|
position: relative;
|
top: 24px;
|
}
|
|
//预警平均确认速度排行
|
.confirmAverageSpeed {
|
display: none;
|
background-color: #ffffff;
|
width: 35%;
|
height: 450px;
|
position: relative;
|
top: -40.5%;
|
left: 64.4%;
|
}
|
|
.confirmAverageSpeedTitle span {
|
position: relative;
|
left: 5%;
|
top: 20px;
|
}
|
|
.confirmAverageSpeed .avue-crud {
|
width: 90%;
|
position: relative;
|
top: 10%;
|
}
|
|
.confirmAverageSpeed .avue-crud__menu {
|
display: none;
|
}
|
|
//预警时间分布
|
.alarmTimeDis {
|
background-color: #ffffff;
|
width: 98.6%;
|
height: 450px;
|
position: relative;
|
left: 0.8%;
|
top: 12%;
|
}
|
|
#alarmTimeDisEchars {
|
width: 100%;
|
height: 450px;
|
position: relative;
|
left: 1%;
|
}
|
|
//底部
|
.low {
|
background-color: F0F2F5;
|
width: 100%;
|
height: 50px;
|
position: relative;
|
left: 0.8%;
|
top: 9%;
|
}
|
|
.el-button .btn-color {
|
color: rgb(255, 255, 255);
|
background-color: #29C093 !important;
|
border-color: #29C093 !important;
|
}
|
|
// .el-icon-bell:before {
|
// width: 10px;
|
// height: 10px;
|
// border-radius: 50%;
|
// //background-color: #F34A4A;
|
// display: inline-block;
|
// content: '';
|
// }
|
