6350 lines
120 KiB
CSS
6350 lines
120 KiB
CSS
*{
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
@font-face {
|
|
font-family: "title-font";
|
|
src:url(/fonts/HYLXTJ.eot),url(/fonts/HYLXTJ.svg),url(/fonts/HYLXTJ.ttf),url(/fonts/HYLXTJ.woff),url(/fonts/HYLXTJ.woff2)
|
|
}
|
|
@font-face {
|
|
font-family: "number-font";
|
|
src:url(/fonts/PUTHIAfont.eot),url(/fonts/PUTHIAfont.svg),url(/fonts/PUTHIAfont.ttf),url(/fonts/PUTHIAfont.woff),url(/fonts/PUTHIAfont.woff2)
|
|
}
|
|
body{
|
|
width:1920px;
|
|
height: 1080px;
|
|
background:#010117;
|
|
color: #ffffff;
|
|
font-size: 16px;
|
|
}
|
|
body::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
p,label,ul{
|
|
margin: 0;
|
|
font-weight: 400;
|
|
}
|
|
table{
|
|
width: 100%;
|
|
}
|
|
.anchorBL {
|
|
display:none;
|
|
}
|
|
[v-cloak] {
|
|
display: none;
|
|
}
|
|
/*背景视频*/
|
|
.background_video video{
|
|
width:1920px;
|
|
height: 1080px;
|
|
position: absolute;
|
|
}
|
|
.screen-content-max{
|
|
position: absolute;
|
|
width:1920px;
|
|
height: 1080px;
|
|
top: 0;
|
|
left: 0;
|
|
background: rgba(0,0,0,0.5);
|
|
}
|
|
.screen-content{
|
|
padding: 10px 15px;
|
|
position: relative;
|
|
}
|
|
/*head*/
|
|
.head-title{
|
|
position: relative;
|
|
height: 70px;
|
|
background: url("/images/head_title.png") no-repeat center/100% 65px;
|
|
display: flex;
|
|
}
|
|
|
|
.head-title-label{
|
|
width: 22%;
|
|
font-size: 28px;
|
|
position: relative;
|
|
padding-left: 15px;
|
|
padding-top: 15px;
|
|
font-family: "title-font";
|
|
background-image:-webkit-linear-gradient(bottom,#3da2ff,#3ea4ff,#96f3ff);
|
|
-webkit-background-clip:text;
|
|
-webkit-text-fill-color:transparent;
|
|
}
|
|
.head-title-tab{
|
|
width: 49% ;
|
|
padding-top: 23px;
|
|
display: flex;
|
|
}
|
|
.head-title-select{
|
|
padding-top: 23px;
|
|
width: 14% ;
|
|
position: relative;
|
|
}
|
|
.head-title-date{
|
|
padding-top: 15px;
|
|
width: 15% ;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.head-nav{
|
|
width: 105px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
text-align: center;
|
|
color: #6383aa;
|
|
cursor: pointer;
|
|
background: url("/images/title_tab.png") no-repeat center/100% 100%;
|
|
}
|
|
.head-nav-red{
|
|
width: 105px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
text-align: center;
|
|
color: #6383aa;
|
|
cursor: pointer;
|
|
background: url("/images/title_tab.png") no-repeat center/100% 100%;
|
|
}
|
|
.head-nav.active{
|
|
background: url("/images/title_tab_active.png") no-repeat center/100% 100%;
|
|
color: #ffffff;
|
|
}
|
|
.head-nav:hover{
|
|
color: #86b2e3;
|
|
}
|
|
.head-nav.active:hover{
|
|
color: #ffffff;
|
|
}
|
|
.head-select{
|
|
height: 35px;
|
|
padding-left: 25px;
|
|
padding-right: 30px;
|
|
background: url("/images/head_select.png") no-repeat center/100% 100%;
|
|
}
|
|
.head-select input{
|
|
height: 100%;
|
|
width: 100%;
|
|
border: 0;
|
|
outline: 0;
|
|
background:0;
|
|
color: #1ce7ff;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
}
|
|
.head-select input::-webkit-input-placeholder{
|
|
color: #6ca5b1;
|
|
}
|
|
.header-screen-ul{
|
|
list-style: none;
|
|
width: 90%;
|
|
position: absolute;
|
|
max-height: 250px;
|
|
border: 1px solid #05556b;
|
|
left: 5%;
|
|
background: #00092a;
|
|
overflow: auto;
|
|
color: #02a6ff;
|
|
border-radius: 3px;
|
|
z-index: 99999;
|
|
}
|
|
.header-screen-ul::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 1px;
|
|
}
|
|
.header-screen-ul::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.header-screen-ul::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.header-screen-ul li{
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
}
|
|
.header-screen-ul li:hover{
|
|
background: #031348;
|
|
color: #1ce7ff;
|
|
}
|
|
.head-title-time{
|
|
width: 45%;
|
|
text-align: center;
|
|
}
|
|
.head-title-weather{
|
|
width: 55%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.head-title-weather img{
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
.head-title-weather span{
|
|
padding: 0 5px;
|
|
}
|
|
.head-title-date-con{
|
|
font-size: 12px;
|
|
color: #63baff;
|
|
}
|
|
.head-title-time-con{
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
color: #63baff;
|
|
}
|
|
/*红色head*/
|
|
.head-title.red-head{
|
|
background: url("/images/head_title_red.png") no-repeat center/100% 65px;
|
|
}
|
|
.red-head .head-title-label{
|
|
background-image:-webkit-linear-gradient(bottom,#bc3833,#fb9e97,#ffffff);
|
|
}
|
|
.red-head .head-nav{
|
|
color: #ff9b96;
|
|
background: url("/images/title_tab_red.png") no-repeat center/100% 100%;
|
|
}
|
|
.red-head .head-nav.active{
|
|
background: url("/images/title_tab_active_red.png") no-repeat center/100% 100%;
|
|
color: #ffffff;
|
|
}
|
|
.red-head .head-nav:hover{
|
|
color: #fcc0bd;
|
|
}
|
|
.red-head .head-nav.active:hover{
|
|
color: #ffffff;
|
|
}
|
|
.red-head .head-select{
|
|
background: url("/images/head_select_red.png") no-repeat center/100% 100%;
|
|
}
|
|
.red-head .head-select input{
|
|
color: #ffffff;
|
|
}
|
|
.red-head .head-select input::-webkit-input-placeholder{
|
|
color: #fd7569;
|
|
}
|
|
.red-head .header-screen-ul{
|
|
border: 1px solid #da8f89;
|
|
background: #901c14;
|
|
color: #fbcbc9;
|
|
}
|
|
.red-head .header-screen-ul::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 1px;
|
|
}
|
|
.red-head .header-screen-ul::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #c34a3f;
|
|
}
|
|
.red-head .header-screen-ul::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #901c14;
|
|
}
|
|
.red-head .header-screen-ul li{
|
|
padding: 10px;
|
|
cursor: pointer;
|
|
}
|
|
.red-head .header-screen-ul li:hover{
|
|
background: #9a3b33;
|
|
color: #ffffff;
|
|
}
|
|
.red-head .head-title-date-con{
|
|
color: #ffffff;
|
|
}
|
|
.red-head .head-title-time-con{
|
|
color: #ffffff;
|
|
}
|
|
|
|
/*设备概况*/
|
|
.survey_title{
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
align-items: center;
|
|
padding: 30px 15px;
|
|
}
|
|
.survey_title_btn{
|
|
position: relative;
|
|
width: 33.33%;
|
|
color: #7f9ebd;
|
|
}
|
|
.survey_title_btn_min{
|
|
width: 100px;
|
|
height: 30px;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
margin: auto;
|
|
cursor: pointer;
|
|
background: url("/images/survey_btn.png") no-repeat center/100% 100%;
|
|
}
|
|
.survey_title_btn_min:hover{
|
|
color: #ffffff;
|
|
}
|
|
.survey_title_btn_min.active{
|
|
width: 120px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
color: #ffffff;
|
|
background: url("/images/survey_btn_active.png") no-repeat center/100% 100%;
|
|
}
|
|
.survey_content{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.survey_content_img{
|
|
width: 90px;
|
|
height: 90px;
|
|
text-align: center;
|
|
line-height: 90px;
|
|
position: relative;
|
|
background: url("/images/survey_total_icon.png") no-repeat bottom/90px 60px;
|
|
}
|
|
@keyframes icon {
|
|
0% {
|
|
transform: translate(0px, 0px);
|
|
}
|
|
50% {
|
|
transform: translate(0px, 15px); /* 可配置跳动方向 */
|
|
}
|
|
100% {
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
.survey_content_img img{
|
|
width: 40px;
|
|
height: 40px;
|
|
animation: icon 3s infinite;
|
|
-webkit-animation: icon 3s infinite;
|
|
}
|
|
.survey_content_number{
|
|
padding-left: 15px;
|
|
color: #cbdaff;
|
|
font-size: 16px;
|
|
}
|
|
.survey_content_number p{
|
|
padding-bottom: 15px;
|
|
}
|
|
.survey_content_value span{
|
|
font-size: 25px;
|
|
font-style: italic;
|
|
font-weight: bold;
|
|
color: #87e3fa;
|
|
padding-right: 5px;
|
|
}
|
|
|
|
.survey_text{
|
|
width: 120px;
|
|
height: 28px;
|
|
margin: auto;
|
|
animation:myfirst 2s;
|
|
-webkit-animation:myfirst 2s infinite; /* Safari and Chrome */
|
|
}
|
|
@keyframes myfirst {
|
|
0% {opacity:0.4;}
|
|
25% {opacity:0.7;}
|
|
50% {opacity:1;}
|
|
75% {opacity:0.7;}
|
|
100% {opacity:0.4;}
|
|
}
|
|
.survey_text_zy{
|
|
background: url("/images/survey_bgd_zy.png") no-repeat center/100% 100%;
|
|
}
|
|
.survey_text_zl{
|
|
background: url("/images/survey_bgd_zy.png") no-repeat center/100% 100%;
|
|
}
|
|
.survey_text_fb{
|
|
background: url("/images/survey_bgd_zy.png") no-repeat center/100% 100%;
|
|
}
|
|
.survey_text_value{
|
|
position: absolute;
|
|
top: 0;
|
|
height: 28px;
|
|
color: #cbdaff;
|
|
line-height: 28px;
|
|
padding-left: 45px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.survey_text_value span{
|
|
color: #00aaff;
|
|
font-size: 16px;
|
|
padding-left: 10px;
|
|
font-weight: bold;
|
|
}
|
|
/*当日预警信息*/
|
|
.warning-info{
|
|
padding: 0 15px;
|
|
position: relative;
|
|
}
|
|
.warning-info-title{
|
|
padding: 15px 0;
|
|
display: flex;
|
|
}
|
|
.warning-info-title div{
|
|
color: #69839e;
|
|
padding: 0 20px 0 12px;
|
|
cursor: pointer;
|
|
}
|
|
.warning-info-title .active{
|
|
color: #51b5ff;
|
|
background: url("/images/check_icon.png") no-repeat left/8px 15px;
|
|
}
|
|
.warning-info-title div:hover{
|
|
color: #51b5ff;
|
|
}
|
|
|
|
/*操作证情况*/
|
|
.czz-number{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
padding: 30px 10px;
|
|
}
|
|
.czz-number-content{
|
|
display: flex;
|
|
cursor: pointer;
|
|
width: calc(50% - 20px);
|
|
padding-left: 20px;
|
|
}
|
|
.czz-number-content1{
|
|
display: flex;
|
|
cursor: pointer;
|
|
padding-left: 20px;
|
|
}
|
|
.czz-number-img{
|
|
width: 60px;
|
|
height: 60px;
|
|
text-align: center;
|
|
line-height: 80px;
|
|
}
|
|
.czz-number-img img{
|
|
width: 30px;
|
|
height: 30px;
|
|
}
|
|
.czz-number-img-blue{
|
|
background: url("/images/circle_blue.gif") no-repeat center/100% 100%;
|
|
}
|
|
.czz-number-img-green{
|
|
background: url("/images/circle_green.gif") no-repeat center/100% 100%;
|
|
}
|
|
.survey_content_value_color_green span{
|
|
color: #5bf8b5;
|
|
}
|
|
|
|
/*管理人员情况*/
|
|
.glr-max{
|
|
padding:30px 10px;
|
|
}
|
|
.glr-min{
|
|
padding:0 10px;
|
|
}
|
|
.glr-title{
|
|
background: url("/images/check_icon.png") no-repeat left/10px 20px;
|
|
padding-left: 15px;
|
|
}
|
|
.people-number-con{
|
|
padding: 35px 0;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.glr-min .people-number-con{
|
|
padding: 15px 0;
|
|
}
|
|
.safety-min .people-number-con{
|
|
padding: 35px 0;
|
|
}
|
|
|
|
.people-number-con div{
|
|
width: 30px;
|
|
height: 45px;
|
|
background: url("/images/number_bgd.png") no-repeat center/100% 100%;
|
|
margin-right: 10px;
|
|
text-align: center;
|
|
line-height: 45px;
|
|
font-size: 30px;
|
|
font-family: 'number-font';
|
|
}
|
|
.glr-login-rate{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 8px 10px 8px 15px;
|
|
background: url("/images/title_icon.png") no-repeat left/10px 15px;
|
|
color: #cbdaff;
|
|
}
|
|
.glr-rate-value span{
|
|
font-size: 18px;
|
|
color: #ffffff;
|
|
font-weight: bold;
|
|
}
|
|
.glr-rate-red-value span{
|
|
color: #f23644;
|
|
}
|
|
.glr-login-number-max{
|
|
position: relative;
|
|
padding: 22px 0;
|
|
cursor: pointer;
|
|
}
|
|
.glr-login-number-bgd{
|
|
height: 30px;
|
|
background: url("/images/text_bgd.png") no-repeat center/100% 30px;
|
|
animation:myfirst 2s;
|
|
-webkit-animation:myfirstbgd 2s infinite;
|
|
}
|
|
.glr-login-number-red-bgd{
|
|
background: url("/images/text_red_bgd.png") no-repeat center/100% 30px;
|
|
}
|
|
@keyframes myfirstbgd {
|
|
0% {opacity:0.4;}
|
|
25% {opacity:0.7;}
|
|
50% {opacity:1;}
|
|
75% {opacity:0.7;}
|
|
100% {opacity:0.4;}
|
|
}
|
|
.glr-login-number{
|
|
position: absolute;
|
|
width: 95%;
|
|
top: 25px;
|
|
padding:0 5px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.glr-login-number img{
|
|
margin-right: 5px;
|
|
}
|
|
.glr-login-number-sz:hover{
|
|
color: #00f1fc;
|
|
}
|
|
/*打卡管控提示*/
|
|
.table-head{
|
|
text-align: center;
|
|
color: #45e9ff;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
}
|
|
|
|
.table-body{
|
|
height: 180px;
|
|
overflow: auto;
|
|
}
|
|
.table-body::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.table-tr{
|
|
height: 60px;
|
|
line-height: 60px;
|
|
background: url("/images/table_tr.png") no-repeat center/100% 50px;
|
|
}
|
|
.table-td{
|
|
padding: 0 5px;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
color: #cbdaff;
|
|
}
|
|
|
|
/*中国地图*/
|
|
|
|
.indicators-chart{
|
|
padding: 10px;
|
|
}
|
|
.indicators-chart-max{
|
|
position: relative;
|
|
}
|
|
.indicators-chart-bgd{
|
|
background: url("/images/text_bgd.png") no-repeat left/100% 100%;
|
|
height: 40px;
|
|
animation:myfirst 2s;
|
|
-webkit-animation:textbgd 2s infinite;
|
|
}
|
|
@keyframes textbgd {
|
|
0% {opacity:0.4;}
|
|
25% {opacity:0.7;}
|
|
50% {opacity:1;}
|
|
75% {opacity:0.7;}
|
|
100% {opacity:0.4;}
|
|
}
|
|
.indicators-chart-title{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 15px;
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 9px;
|
|
}
|
|
.indicators-chart-title img{
|
|
width: 10px;
|
|
height: 20px;
|
|
}
|
|
.indicators-chart-text{
|
|
padding: 0 10px;
|
|
color: #cbdaff;
|
|
}
|
|
.indicators-chart-text span{
|
|
font-size: 16px;
|
|
color: #ffffff;
|
|
}
|
|
.indicators-chart-content{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.indicators-chart-min{
|
|
width: 20%;
|
|
}
|
|
/*设备运行动态*/
|
|
.chart-gif{
|
|
width: 110px;
|
|
height: 110px;
|
|
position: absolute;
|
|
top: 57px;
|
|
left: 172px;
|
|
background: url("/images/run_circle.png") no-repeat center/100% 100%;
|
|
}
|
|
.chart-gif{
|
|
-webkit-transition-property: -webkit-transform;
|
|
-webkit-transition-duration: 1s;
|
|
-moz-transition-property: -moz-transform;
|
|
-moz-transition-duration: 1s;
|
|
-webkit-animation: rotate 3s linear infinite;
|
|
-moz-animation: rotate 3s linear infinite;
|
|
-o-animation: rotate 3s linear infinite;
|
|
animation: rotate 3s linear infinite;
|
|
}
|
|
@-webkit-keyframes rotate{from{-webkit-transform: rotate(360deg)}
|
|
to{-webkit-transform: rotate(0deg)}
|
|
}
|
|
@-moz-keyframes rotate{from{-moz-transform: rotate(359deg)}
|
|
to{-moz-transform: rotate(0deg)}
|
|
}
|
|
@-o-keyframes rotate{from{-o-transform: rotate(359deg)}
|
|
to{-o-transform: rotate(0deg)}
|
|
}
|
|
@keyframes rotate{from{transform: rotate(359deg)}
|
|
to{transform: rotate(0deg)}
|
|
}
|
|
|
|
|
|
/*打卡管控提示*/
|
|
.warning-info-table .el-table__body-wrapper::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.warning-info-table .el-table .cell{
|
|
padding: 0 5px;
|
|
}
|
|
.warning-info-table .el-table{
|
|
background: none;
|
|
}
|
|
.warning-info-table .el-table th, .el-table tr{
|
|
background: none;
|
|
}
|
|
.warning-info-table .el-table th{
|
|
height: 50px;
|
|
text-align: center;
|
|
color: #1ce7ff;
|
|
}
|
|
.warning-info-table .el-table td{
|
|
height: 60px;
|
|
text-align: center;
|
|
padding: 0;
|
|
}
|
|
.warning-info-table .el-table td, .el-table th.is-leaf{
|
|
border: 0;
|
|
}
|
|
.warning-info-table .el-table .el-table__row{
|
|
background: url("/images/text_red_safe_bgd.png") no-repeat center/100% 40px;
|
|
}
|
|
.warning-info-table .el-table--enable-row-hover .el-table__body tr:hover>td{
|
|
background: none !important;
|
|
}
|
|
.warning-info-table .el-table::before{
|
|
background: none;
|
|
}
|
|
|
|
/*分类及工时情况*/
|
|
.classify-situation{
|
|
height: 57px;
|
|
}
|
|
.classify-title{
|
|
padding-top: 8px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.classify-title-text{
|
|
color: #a2c8f9;
|
|
}
|
|
.classify-title-text span{
|
|
background: url("/images/up.png") no-repeat left/10px 8px;
|
|
padding: 0 12px 0 15px;
|
|
color: #fcbc02;
|
|
font-style: italic;
|
|
}
|
|
.classify-value{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.classify-total{
|
|
padding-right: 10px;
|
|
color: #a2c8f9;
|
|
}
|
|
.classify-total span{
|
|
padding-right: 5px;
|
|
font-weight: bold;
|
|
font-size: 16px;
|
|
}
|
|
.classify-value-data{
|
|
color: #a2c8f9;
|
|
}
|
|
.classify-value-data span{
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
padding: 0 5px;
|
|
}
|
|
.classify-data-1{
|
|
color: #1ce7ff;
|
|
}
|
|
.classify-data-2{
|
|
color: #4670fa;
|
|
}
|
|
.classify-chart-max{
|
|
padding-top: 10px;
|
|
}
|
|
.classify-chart{
|
|
height: 6px;
|
|
background: #031f47;
|
|
display: flex;
|
|
}
|
|
.classify-chart-left{
|
|
height: 6px;
|
|
background: #1ce7ff;
|
|
}
|
|
.classify-chart-right{
|
|
height: 6px;
|
|
background: #3367df;
|
|
}
|
|
|
|
/*机械项目级*/
|
|
/*地图滚动条*/
|
|
.china-map::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 1px;
|
|
}
|
|
.china-map::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.china-map::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
|
|
/*设备概况*/
|
|
.survey-oil-max{
|
|
padding:0 20px;
|
|
}
|
|
.survey-oil-min{
|
|
padding: 8px 0;
|
|
}
|
|
.survey-oil-title{
|
|
position: relative;
|
|
padding: 20px 0;
|
|
}
|
|
.survey-oil-hr{
|
|
border-bottom: 1px dashed #1d3d56;
|
|
}
|
|
.survey-oil-text{
|
|
position: absolute;
|
|
top: 10px;
|
|
font-size: 14px;
|
|
padding: 0 15px;
|
|
color: #c0dafb;
|
|
background: #000b25 url("/images/check_icon.png") no-repeat left/8px 15px;
|
|
}
|
|
.survey-oil-data{
|
|
padding: 10px;
|
|
color: #a2c8f9;
|
|
}
|
|
.survey-oil-hour{
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
.survey-oil-hour span{
|
|
font-size: 20px;
|
|
color: #52afff;
|
|
font-weight: bold;
|
|
padding-right: 5px;
|
|
}
|
|
.survey-oil-label{
|
|
height: 30px;
|
|
line-height: 30px;
|
|
background: url("/images/right.png") no-repeat left/8px 15px;
|
|
padding-left: 15px;
|
|
}
|
|
.survey-oil-prop{
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-align: right;
|
|
}
|
|
.survey-oil-prop span{
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
padding-right: 5px;
|
|
}
|
|
.color-white{
|
|
color: #ffffff;
|
|
}
|
|
.color-yellow{
|
|
color: #fde463;
|
|
}
|
|
.color-green{
|
|
color: #25bb4d;
|
|
}
|
|
/*利用率*/
|
|
.rank-max{
|
|
padding: 0 20px;
|
|
}
|
|
.rank-min{
|
|
padding-bottom: 15px;
|
|
}
|
|
.rank-con{
|
|
background: #01244c;
|
|
height: 40px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
padding-left: 5px;
|
|
}
|
|
.rank-con-title{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.rank-con-title img{
|
|
width: 40px;
|
|
height: 40px;
|
|
margin-right: 8px;
|
|
}
|
|
.rank-con-try{
|
|
color: #00f1fc;
|
|
}
|
|
.rank-con-data{
|
|
width: 100px;
|
|
height: 40px;
|
|
background: url("/images/ratio_bgd.png") no-repeat center/100% 100%;
|
|
text-align: right;
|
|
line-height: 40px;
|
|
padding-right: 10px;
|
|
color: #a2c8f9;
|
|
}
|
|
.rank-con-data span{
|
|
color: #ffffff;
|
|
font-size: 18px;
|
|
font-weight: bold;
|
|
}
|
|
.rank-chart{
|
|
padding: 0 15px;
|
|
color: #c0dafb;
|
|
}
|
|
.rank-chart-title{
|
|
height: 40px;
|
|
line-height: 40px;
|
|
padding-left: 35px;
|
|
background: url("/images/utilization.png") no-repeat left/30px 40px;
|
|
font-size: 16px;
|
|
border-bottom: 1px solid #2c4e74;
|
|
}
|
|
/*平均工时*/
|
|
.time-study-max{
|
|
padding:0 20px;
|
|
}
|
|
.time-study-title{
|
|
padding: 15px 0;
|
|
}
|
|
.time-study-value{
|
|
padding:5px 10px;
|
|
text-align: center;
|
|
}
|
|
.time-study-value p{
|
|
padding: 15px 0;
|
|
font-size: 16px;
|
|
}
|
|
.time-study-value-num{
|
|
color: #a2c8f9;
|
|
}
|
|
.time-study-value-num span{
|
|
font-size: 22px;
|
|
color: #59affa;
|
|
font-weight: bold;
|
|
}
|
|
/*油耗分析*/
|
|
.average-oil label{
|
|
color: #ffffff;
|
|
}
|
|
.average-oil span{
|
|
font-size: 16px;
|
|
color: #59affa;
|
|
padding: 0 5px;
|
|
font-weight: bold;
|
|
}
|
|
/*闲置列表*/
|
|
.idle-list{
|
|
padding:20px 15px;
|
|
}
|
|
.idle-list .el-table__body-wrapper::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.idle-list .el-table .cell{
|
|
padding: 0 5px;
|
|
}
|
|
.idle-list .el-table{
|
|
background: none;
|
|
}
|
|
.idle-list .el-table th, .el-table tr{
|
|
background: none;
|
|
}
|
|
.idle-list .el-table th{
|
|
height: 40px;
|
|
color: #ffffff;
|
|
background: #193854;
|
|
padding: 0;
|
|
}
|
|
.idle-list .el-table td{
|
|
height: 40px;
|
|
padding: 0;
|
|
color: #a2c8f9;
|
|
}
|
|
.idle-list .el-table td, .el-table th.is-leaf{
|
|
border: 0;
|
|
}
|
|
.idle-list .el-table--enable-row-hover .el-table__body tr:hover>td{
|
|
background: none !important;
|
|
}
|
|
.idle-list .el-table::before{
|
|
background: none;
|
|
}
|
|
|
|
.idle-list-color{
|
|
color: #f05e35;
|
|
}
|
|
|
|
/*预警分析*/
|
|
.analyse-max{
|
|
padding: 10px;
|
|
}
|
|
.analyse-min{
|
|
height: 260px;
|
|
}
|
|
.not-data{
|
|
height: 200px;
|
|
line-height: 200px;
|
|
text-align: center;
|
|
color: #aaaaaa;
|
|
}
|
|
.analyse-title{
|
|
height: 40px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 20px;
|
|
background: url("/images/analyse_title.png") no-repeat left/100% 100%;
|
|
}
|
|
.analyse_title_blue{
|
|
background: url("/images/analyse_title_blue.png") no-repeat left/100% 100%;
|
|
}
|
|
.analyse-text{
|
|
line-height: 40px;
|
|
font-size: 16px;
|
|
}
|
|
.analyse-equipment{
|
|
background: url("/images/analyse_icon.png") no-repeat right/15px 20px;
|
|
padding-right: 20px;
|
|
font-size: 20px;
|
|
letter-spacing: 2px;
|
|
-webkit-animation: Glow 1s ease infinite alternate;
|
|
animation: Glow 1s ease infinite alternate;
|
|
}
|
|
.analyse-equipment-position{
|
|
position: absolute;
|
|
right: 40px;
|
|
top: 20px;
|
|
z-index: 999;
|
|
}
|
|
@-webkit-keyframes Glow {
|
|
from {
|
|
text-shadow: 0 0 10px #097fca,
|
|
0 0 20px #097fca,
|
|
0 0 30px #097fca,
|
|
0 0 40px #097fca,
|
|
0 0 70px #097fca,
|
|
0 0 80px #097fca,
|
|
0 0 100px #097fca,
|
|
0 0 150px #097fca;
|
|
}
|
|
to {
|
|
text-shadow: 0 0 5px #097fca,
|
|
0 0 10px #097fca,
|
|
0 0 15px #097fca,
|
|
0 0 20px #097fca,
|
|
0 0 35px #097fca,
|
|
0 0 40px #097fca,
|
|
0 0 50px #097fca,
|
|
0 0 75px #097fca;
|
|
}
|
|
}
|
|
.analyse-num{
|
|
color: #a2c8f9;
|
|
}
|
|
.analyse-num span{
|
|
font-size: 25px;
|
|
color: #f73647;
|
|
font-weight: bold;
|
|
}
|
|
.analyse-number-max{
|
|
padding-right: 20px;
|
|
height: 164px;
|
|
overflow: auto;
|
|
}
|
|
.analyse-number-max::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 1px;
|
|
}
|
|
.analyse-number-max::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.analyse-number-max::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
|
|
|
|
.analyse-num-max{
|
|
padding: 12px 0;
|
|
}
|
|
.analyse-login-numbe{
|
|
top: 15px;
|
|
}
|
|
.afoot-content{
|
|
padding: 15px 15px 0;
|
|
}
|
|
.afoot-overflow{
|
|
height: 653px;
|
|
overflow: auto;
|
|
}
|
|
.afoot-overflow::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 1px;
|
|
}
|
|
.afoot-overflow::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.afoot-overflow::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.afoot-con-for{
|
|
padding-bottom: 20px;
|
|
}
|
|
.afoot-con-for.active{
|
|
background: url("/images/zzfs_bgf.png") no-repeat center/100% 100%;
|
|
}
|
|
.afoot-machinery-nam{
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
padding:10px 0 15px;
|
|
}
|
|
.afoot-machinery-info{
|
|
display: flex;
|
|
margin-bottom: 10px;
|
|
}
|
|
.afoot-machinery-img{
|
|
width: 70px;
|
|
height: 70px;
|
|
background: url("/images/logo_bgd.png") no-repeat center/100% 100%;
|
|
}
|
|
.afoot-machinery-img img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.afoot-machinery-data{
|
|
padding-left: 15px;
|
|
width: calc(100% - 90px);
|
|
}
|
|
.afoot-machinery-state{
|
|
color: #f73647;
|
|
font-size: 18px;
|
|
height: 50px;
|
|
overflow: hidden;
|
|
}
|
|
.afoot-machinery-time{
|
|
color: #7f99ba;
|
|
}
|
|
.afoot-machinery-project{
|
|
color: #7f99ba;
|
|
padding-top: 10px;
|
|
}
|
|
.afoot-machinery-map{
|
|
border: 1px solid #054e85;
|
|
}
|
|
|
|
|
|
/*foot*/
|
|
.foot-max{
|
|
position: fixed;
|
|
left: 0;
|
|
bottom: -90px;
|
|
width: 100%;
|
|
height: 115px;
|
|
z-index: 5;
|
|
background: url("/images/foot_open.png") no-repeat bottom/100% 100%;
|
|
transition: bottom 0.2s;
|
|
}
|
|
.foot-min{
|
|
|
|
}
|
|
.foot-content{
|
|
width: 75%;
|
|
margin: auto;
|
|
}
|
|
.foot-mouse{
|
|
width: 200px;
|
|
height: 40px;
|
|
margin: auto;
|
|
}
|
|
.foot-content-left{
|
|
width: 30px;
|
|
height: 50px;
|
|
margin: auto;
|
|
cursor: pointer;
|
|
background: url("/images/foot_left.png") no-repeat center/20px 40px;
|
|
}
|
|
.foot-content-right{
|
|
width: 30px;
|
|
height: 50px;
|
|
margin: auto;
|
|
cursor: pointer;
|
|
background: url("/images/foot_right.png") no-repeat center/20px 40px;
|
|
}
|
|
.foot-content-tabs{
|
|
width: 1250px;
|
|
height: 50px;
|
|
overflow: auto;
|
|
margin: auto;
|
|
position: relative;
|
|
}
|
|
.foot-content-tabs::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.foot-content-tabs-min{
|
|
display: flex;
|
|
align-items: center;
|
|
padding-top: 3px;
|
|
position: absolute;
|
|
transition: left 1s;
|
|
}
|
|
.foot-tabs{
|
|
width: 250px;
|
|
text-align: center;
|
|
}
|
|
.foot-tabs-bgd{
|
|
margin: auto;
|
|
width: 160px;
|
|
height: 40px;
|
|
line-height: 40px;
|
|
color:#a2c8f9;
|
|
cursor: pointer;
|
|
background:url("/images/foot_btn.png") no-repeat center/100% 100%;
|
|
}
|
|
.foot-tabs-bgd.active{
|
|
width: 200px;
|
|
height: 45px;
|
|
line-height: 45px;
|
|
font-size: 16px;
|
|
color: #ffffff;
|
|
background:url("/images/foot_btn_active.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
/*劳务用工 公司级*/
|
|
|
|
/*劳务人员概况*/
|
|
.labour-survey_content_number{
|
|
color: #cbdaff;
|
|
font-size: 16px;
|
|
text-align: center;
|
|
padding-top: 25px;
|
|
padding-left: 0;
|
|
}
|
|
.labour-survey_content_number p{
|
|
padding: 15px;
|
|
}
|
|
/*工种占比*/
|
|
.chart-work-gif{
|
|
width: 110px;
|
|
height: 110px;
|
|
position: absolute;
|
|
top: 85px;
|
|
left: 48px;
|
|
background: url("/images/run_circle.png") no-repeat center/100% 100%;
|
|
}
|
|
.labour-education{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.labour-education_bgd{
|
|
background: url("/images/education_bgd.png") no-repeat bottom/90px 60px;
|
|
}
|
|
/*预警分析*/
|
|
.labour-warning-title{
|
|
padding: 15px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
align-items: center;
|
|
}
|
|
.labour-warning-img{
|
|
height: 60px;
|
|
width: 80px;
|
|
text-align: center;
|
|
background: url("/images/labour_warning_bgd.png") no-repeat center/100% 100%;
|
|
}
|
|
.labour-warning-bgd{
|
|
padding-top: 15px;
|
|
}
|
|
.labour-warning-bgd img{
|
|
animation: scale 1.5s infinite cubic-bezier(0, 0, .2, .2);
|
|
}
|
|
@keyframes scale {
|
|
0% { transform: scale(1); opacity: 0.4 }
|
|
25%{ transform: scale(1.25);opacity: 0.7 }
|
|
50%{transform: scale(1.5); opacity: 1 }
|
|
75%{ transform: scale(1.25);opacity: 0.7 }
|
|
100% {transform: scale(1);opacity: 0.4}
|
|
}
|
|
.labour-warning-data{
|
|
text-align: center;
|
|
color: #cbdaff;
|
|
font-size: 16px;
|
|
}
|
|
.labour-warning-number{
|
|
padding-top: 10px;
|
|
}
|
|
.labour-warning-number span{
|
|
color: #f73647;
|
|
font-weight: bold;
|
|
font-size:25px;
|
|
font-style:italic
|
|
}
|
|
|
|
/*劳务 预警分析*/
|
|
.labour-warning-table{
|
|
padding: 0 10px;
|
|
}
|
|
.labour-warning-table-color{
|
|
color: #f73647;
|
|
font-size: 16px;
|
|
font-weight: bold;
|
|
}
|
|
.labour-warning-table .el-table__body-wrapper::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.labour-warning-table .el-table .cell{
|
|
padding: 0 5px;
|
|
}
|
|
.labour-warning-table .el-table{
|
|
background: none;
|
|
}
|
|
.labour-warning-table .el-table th, .el-table tr{
|
|
background: none;
|
|
}
|
|
.labour-warning-table .el-table th{
|
|
height: 35px;
|
|
text-align: center;
|
|
color: #cbdaff;
|
|
padding: 0;
|
|
}
|
|
.labour-warning-table .el-table td{
|
|
height: 50px;
|
|
text-align: center;
|
|
padding: 0;
|
|
color: #ffffff;
|
|
}
|
|
.labour-warning-table .el-table td, .el-table th.is-leaf{
|
|
border: 0;
|
|
}
|
|
.labour-warning-table .el-table .el-table__row{
|
|
background: url("/images/text_red_bgd.png") no-repeat center/100% 35px;
|
|
}
|
|
.labour-warning-table .el-table--enable-row-hover .el-table__body tr:hover>td{
|
|
background: none !important;
|
|
}
|
|
.labour-warning-table .el-table::before{
|
|
background: none;
|
|
}
|
|
.return-company-btn{
|
|
position: absolute;
|
|
top: 30px;
|
|
left: 30px;
|
|
background: url("/images/return_btn_bgd.png") no-repeat center/100% 100%;
|
|
width: 120px;
|
|
height: 35px;
|
|
text-align: center;
|
|
line-height: 35px;
|
|
color: #5677a2;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
z-index: 99;
|
|
}
|
|
.return-company-btn:hover{
|
|
color: #cbdaff;
|
|
background: url("/images/dangerous_active.png") no-repeat center/100% 100%;
|
|
}
|
|
.return-company-btn:active{
|
|
color: #5677a2;
|
|
}
|
|
.return-company-btn span{
|
|
padding-left: 5px;
|
|
}
|
|
|
|
/*项目概况*/
|
|
.project-number{
|
|
padding:25px 15px 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
color: #a2c8f9;
|
|
}
|
|
.project-number div{
|
|
padding: 0 15px;
|
|
}
|
|
.project-number span{
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
color: #63baff;
|
|
padding-right: 15px;
|
|
}
|
|
.chart-overview-gif{
|
|
width: 105px;
|
|
height: 105px;
|
|
position: absolute;
|
|
top: 63px;
|
|
left:61px;
|
|
background: url("/images/run_circle.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
.project-map-bottom{
|
|
height: 210px;
|
|
padding: 0 15px;
|
|
}
|
|
.project-analyse-title{
|
|
width: 50%;
|
|
}
|
|
.project-expect-max{
|
|
position: relative;
|
|
padding-top: 20px;
|
|
}
|
|
.project-expect-left{
|
|
position: absolute;
|
|
width: 30px;
|
|
left: 0;
|
|
height: 60px;
|
|
top: 75px;
|
|
background: url("/images/foot_left.png") no-repeat center/20px 40px;
|
|
}
|
|
.project-expect-right{
|
|
position: absolute;
|
|
width: 30px;
|
|
right: 0;
|
|
height: 60px;
|
|
top: 75px;
|
|
background: url("/images/foot_right.png") no-repeat center/20px 40px;
|
|
}
|
|
.project-expect-middle{
|
|
width: 810px;
|
|
margin:auto;
|
|
overflow: auto;
|
|
position: relative;
|
|
height: 150px;
|
|
}
|
|
.project-expect-big{
|
|
position: absolute;
|
|
top: 0;
|
|
transition: left 0.5s;
|
|
}
|
|
.project-expect-middle::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.project-expect-min{
|
|
padding: 0 10px;
|
|
float: left;
|
|
}
|
|
.project-expect-list{
|
|
width: 250px;
|
|
height: 150px;
|
|
background: url("/images/expect_list.png") no-repeat center/100% 100%;
|
|
}
|
|
.project-expect-list.active{
|
|
background: url("/images/expect_list_active.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
.project-expect-con{
|
|
padding: 5px 15px;
|
|
}
|
|
.project-expect-title{
|
|
display: flex;
|
|
align-items: center;
|
|
border-bottom: 1px solid #1c4489;
|
|
height: 30px;
|
|
}
|
|
.project-expect-title-No{
|
|
width: 35px;
|
|
border-bottom: 1px solid #69b9fe;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
}
|
|
.project-expect-title-text{
|
|
color: #68afef;
|
|
line-height: 30px;
|
|
height: 30px;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
}
|
|
.project-expect-info{
|
|
padding: 8px 0;
|
|
font-size: 12px;
|
|
color: #c2d5f6;
|
|
line-height: 20px;
|
|
}
|
|
.project-expect-details{
|
|
max-height: 40px;
|
|
overflow: hidden;
|
|
}
|
|
.project-expect-time{
|
|
color: #6bb8ff;
|
|
}
|
|
.project-expect-state{
|
|
width: 85px;
|
|
height: 23px;
|
|
background: url("/images/expect_list_zc.png") no-repeat center/100% 100%;
|
|
color: #76fefe;
|
|
text-align: center;
|
|
line-height: 23px;
|
|
font-size: 12px;
|
|
}
|
|
|
|
.project-expect-list.active .project-expect-title{
|
|
border-bottom: 1px solid #351e2e;
|
|
}
|
|
.project-expect-list.active .project-expect-title-No{
|
|
border-bottom: 1px solid #cd4456;
|
|
}
|
|
.project-expect-list.active .project-expect-title-text{
|
|
color: #ffffff;
|
|
}
|
|
.project-expect-list.active .project-expect-time{
|
|
color: #cd4456
|
|
}
|
|
.project-expect-list.active .project-expect-state{
|
|
background: url("/images/expect_list_yc.png") no-repeat center/100% 100%;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/*项目概况 项目级*/
|
|
|
|
/*项目概况*/
|
|
.company-name-max{
|
|
padding:5px 10px;
|
|
position: relative;
|
|
}
|
|
.company-project-introduction{
|
|
position: absolute;
|
|
display: flex;
|
|
align-items: center;
|
|
right: 70px;
|
|
top: -22px;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
color: #c2d5f6;
|
|
}
|
|
.company-project-introduction img{
|
|
width: 8px;
|
|
margin-left: 10px;
|
|
}
|
|
.company-name{
|
|
display: flex;
|
|
padding:12px 5px;
|
|
}
|
|
.company-img{
|
|
padding-top: 5px;
|
|
}
|
|
.company-img img{
|
|
height: 35px;
|
|
width: 35px;
|
|
}
|
|
.company-info{
|
|
width: calc(100% - 45px);
|
|
padding-left: 10px;
|
|
}
|
|
.company-title{
|
|
color: #c2d5f6;
|
|
font-size: 14px;
|
|
}
|
|
.company-text{
|
|
color: #50a2eb;
|
|
padding: 5px 0;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
font-size: 14px;
|
|
cursor: pointer;
|
|
}
|
|
.company-person-info{
|
|
font-size: 14px;
|
|
color: #f79d1a;
|
|
}
|
|
|
|
.popup-project-introduction-max{
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
background: rgba(0,0,0,0.5);
|
|
z-index: 2000;
|
|
}
|
|
.popup-project-introduction-min{
|
|
width: 1000px;
|
|
height: 600px;
|
|
margin: auto;
|
|
background: url("/images/popup-bgd-img.png") no-repeat center/100% 100%;
|
|
transform: translateY(30%);
|
|
}
|
|
.popup-project-introduction-con{
|
|
padding: 12px 10px;
|
|
}
|
|
.popup-project-introduction-title{
|
|
height: 40px;
|
|
background: url("/images/map_popup_title.png") no-repeat left/100% 100%;
|
|
font-size: 18px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 15px;
|
|
justify-content: space-between;
|
|
}
|
|
.popup-project-introduction-close{
|
|
font-size: 25px;
|
|
width: 30px;
|
|
height: 30px;
|
|
text-align: center;
|
|
line-height: 28px;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
}
|
|
.popup-project-introduction-close:hover{
|
|
background: #37536f;
|
|
}
|
|
.popup-project-introduction-details{
|
|
padding: 18px;
|
|
}
|
|
.popup-project-introduction-info{
|
|
height: 500px;
|
|
overflow: auto;
|
|
}
|
|
.popup-project-introduction-info::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
.popup-project-introduction-info::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.popup-project-introduction-info::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.popup-project-introduction-info p{
|
|
padding: 8px 5px;
|
|
line-height: 30px;
|
|
text-indent: 2em;
|
|
}
|
|
|
|
.modify-project-amount{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
.modify-btn{
|
|
width: 50px;
|
|
text-align: center;
|
|
padding-top: 45px;
|
|
}
|
|
.modify-btn img{
|
|
cursor: pointer;
|
|
}
|
|
.modify-content{
|
|
width: 840px;
|
|
overflow: hidden;
|
|
}
|
|
.modify-content-overflow{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
|
|
|
|
|
|
.project-introduce{
|
|
padding: 0 15px;
|
|
}
|
|
.project-introduce-text{
|
|
padding-left: 20px;
|
|
color: #c2d5f6;
|
|
background: url(/images/check_icon.png) no-repeat left/8px 15px;
|
|
}
|
|
.project-introduce-con{
|
|
height:80px;
|
|
overflow: hidden;
|
|
margin-top: 10px;
|
|
color: #c2d5f6;
|
|
position: relative;
|
|
}
|
|
.project-introduce-con p{
|
|
text-indent: 2em;
|
|
padding: 5px 0;
|
|
line-height: 25px;
|
|
}
|
|
.project-introduce-con::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.project-introduce-absolute{
|
|
position: absolute;
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
transition: top 0.1s;
|
|
}
|
|
.project-amount{
|
|
padding: 10px;
|
|
}
|
|
.project-amount-bgd{
|
|
height: 110px;
|
|
width: 260px;
|
|
background: url("/images/project_amount_bgd.png") no-repeat center/100% 100%;
|
|
}
|
|
.project-amount-con{
|
|
padding: 20px 30px;
|
|
color: #c2d5f6;
|
|
}
|
|
.project-amount-con p{
|
|
padding-bottom: 15px;
|
|
font-size: 16px;
|
|
}
|
|
.project-amount-con span{
|
|
font-size: 25px;
|
|
color: #64ccff;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
.aerial-view-max{
|
|
padding: 10px;
|
|
}
|
|
.aerial-view-min{
|
|
height: 510px;
|
|
}
|
|
.aerial-view-min img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
|
|
/*重大节点预期预警*/
|
|
.dangerous-max{
|
|
padding:10px 30px;
|
|
}
|
|
.dangerous-tab{
|
|
display: flex;
|
|
justify-content: right;
|
|
align-items: center;
|
|
}
|
|
.dangerous-tab div{
|
|
padding: 8px 20px;
|
|
background: url("/images/dangerous.png") no-repeat center/100% 100%;
|
|
margin-left: 15px;
|
|
cursor: pointer;
|
|
color: #5388b0;
|
|
}
|
|
.dangerous-tab .active{
|
|
color: #ffffff;
|
|
background: url("/images/dangerous_active.png") no-repeat center/100% 100%;
|
|
}
|
|
.dangerous-timeline-max{
|
|
width: 850px;
|
|
height: 230px;
|
|
overflow-y: hidden;
|
|
overflow-x: auto;
|
|
position: relative;
|
|
}
|
|
.dangerous-timeline-max::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
.dangerous-timeline-max::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.dangerous-timeline-max::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.dangerous-timeline-min{
|
|
z-index: 2;
|
|
position: absolute;
|
|
}
|
|
.dangerous-timeline-con{
|
|
width: 200px;
|
|
padding-top: 20px;
|
|
float: left;
|
|
}
|
|
.strip-max{
|
|
height: 6px;
|
|
background: #808992;
|
|
position: absolute;
|
|
top: 88px;
|
|
z-index: 1;
|
|
}
|
|
.strip-min{
|
|
height: 6px;
|
|
background: #54acf4;
|
|
}
|
|
.dangerous-text{
|
|
height: 50px;
|
|
padding: 0 20px;
|
|
text-align: center;
|
|
font-size: 16px;
|
|
line-height: 25px;
|
|
overflow: hidden;
|
|
}
|
|
.dangerous-dot{
|
|
height: 35px;
|
|
position: relative;
|
|
}
|
|
.dangerous-dot-item{
|
|
width: 8px;
|
|
height: 8px;
|
|
border: 3px solid #ffffff;
|
|
border-radius: 50%;
|
|
margin: auto;
|
|
position: relative;
|
|
top: 14px;
|
|
}
|
|
.dangerous-time-max{
|
|
height: 100px;
|
|
padding: 5px 30px;
|
|
color: #b9cbe3;
|
|
position: relative;
|
|
}
|
|
.dangerous-time-min{
|
|
padding: 5px 0;
|
|
}
|
|
.dangerous-time-nav{
|
|
margin-top: 8px;
|
|
}
|
|
.dangerous-time-nav.active{
|
|
color: #eeeeee;
|
|
background: url("/images/expect_list_yc.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
/*智慧党建*/
|
|
.carousel-padding{
|
|
padding: 10px;
|
|
}
|
|
.carousel-max{
|
|
position: relative;
|
|
overflow-x: hidden;
|
|
overflow-y: hidden;
|
|
margin: auto;
|
|
}
|
|
.carousel-min{
|
|
height: 100%;
|
|
position: absolute;
|
|
transition: left 0.5s
|
|
}
|
|
.carousel-for{
|
|
float: left;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.carousel-for > img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.carousel-text{
|
|
height: 35px;
|
|
line-height: 35px;
|
|
text-align: center;
|
|
width: 100%;
|
|
position: absolute;
|
|
bottom: 0;
|
|
color: #fff;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
}
|
|
|
|
.carousel-left {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
user-select: none;
|
|
cursor: pointer;
|
|
transition: left 0.1s linear;
|
|
}
|
|
.carousel-right {
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
user-select: none;
|
|
cursor: pointer;
|
|
transition: right 0.1s linear;
|
|
}
|
|
|
|
/*党建视频*/
|
|
.carousel-padding video{
|
|
width: 100%;
|
|
height: 520px;
|
|
}
|
|
.video-img{
|
|
width: 100%;
|
|
height: 520px;
|
|
}
|
|
.video-nav{
|
|
display: flex;
|
|
padding:15px 10px;
|
|
}
|
|
.video-nav-btn{
|
|
background: #420200;
|
|
padding: 10px 15px;
|
|
color: #e67b71;
|
|
margin-right: 15px;
|
|
cursor: pointer;
|
|
border-radius: 5px;
|
|
}
|
|
.video-nav-btn.active{
|
|
background: #b34039;
|
|
color: #ffffff;
|
|
}
|
|
.video-nav-btn:hover{
|
|
background: #972321;
|
|
color: #f1bdb9;
|
|
}
|
|
.video-nav-btn.active:hover{
|
|
background: #b34039;
|
|
color: #ffffff;
|
|
}
|
|
|
|
/*媒体聚焦*/
|
|
.party-list{
|
|
padding:20px 15px;
|
|
}
|
|
.party-list .el-table__body-wrapper::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.party-list .el-table .cell{
|
|
padding: 0 5px;
|
|
}
|
|
.party-list .el-table{
|
|
background: none;
|
|
}
|
|
.party-list .el-table th, .el-table tr{
|
|
background: none;
|
|
}
|
|
.party-list .el-table th{
|
|
height: 50px;
|
|
color: #ffffff;
|
|
padding: 0 10px;
|
|
}
|
|
.party-list .el-table td{
|
|
height: 50px;
|
|
color: #ffffff;
|
|
padding: 0;
|
|
}
|
|
.party-list .el-table td .cell{
|
|
height: 35px;
|
|
line-height:35px;
|
|
padding:0 10px;
|
|
background: rgba(66,0 ,0 ,0.7);
|
|
letter-spacing: 1px;
|
|
|
|
}
|
|
.party-list .el-table td, .el-table th.is-leaf{
|
|
border: 0;
|
|
}
|
|
.party-list .el-table--enable-row-hover .el-table__body tr:hover>td{
|
|
background: none !important;
|
|
}
|
|
.party-list .el-table::before{
|
|
background: none;
|
|
}
|
|
.party-list-color{
|
|
color:#edaa46;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
}
|
|
|
|
/*安全管理*/
|
|
/*当日预警信息*/
|
|
.safe-day-table .el-table__body-wrapper::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.safe-day-table .el-table .cell{
|
|
padding: 0 5px;
|
|
}
|
|
.safe-day-table .el-table{
|
|
background: none;
|
|
}
|
|
.safe-day-table .el-table th, .el-table tr{
|
|
background: none;
|
|
}
|
|
.safe-day-table .el-table th{
|
|
height: 50px;
|
|
text-align: center;
|
|
color: #1ce7ff;
|
|
}
|
|
.safe-day-table .el-table td{
|
|
height: 55px;
|
|
text-align: center;
|
|
padding: 0;
|
|
}
|
|
.safe-day-table .el-table td, .el-table th.is-leaf{
|
|
border: 0;
|
|
}
|
|
.safe-day-table .el-table .el-table__row{
|
|
background: url("/images/text_red_safe_bgd.png") no-repeat center/100% 40px;
|
|
}
|
|
.safe-day-table .el-table--enable-row-hover .el-table__body tr:hover>td{
|
|
background: none !important;
|
|
color: #ffffff;
|
|
}
|
|
.safe-day-table .el-table::before{
|
|
background: none;
|
|
}
|
|
|
|
.map-foot-max{
|
|
height: 150px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
}
|
|
.map-foot-min{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.map-foot-con{
|
|
padding-left: 10px;
|
|
color:#b9cbe3;
|
|
}
|
|
.map-foot-con p{
|
|
padding-bottom: 10px;
|
|
}
|
|
.map-foot-num span{
|
|
font-size: 25px;
|
|
font-weight: bold;
|
|
font-style: italic;
|
|
}
|
|
.map-icon-color-1{
|
|
color: #71b3f0;
|
|
}
|
|
.map-icon-color-2{
|
|
color: #c1b762 ;
|
|
}
|
|
.map-icon-color-3{
|
|
color: #7874e3;
|
|
}
|
|
.map-foot-min img{
|
|
width: 84px;
|
|
height: 66px;
|
|
animation: safe 3s infinite;
|
|
-webkit-animation: safe 3s infinite;
|
|
}
|
|
@keyframes safe {
|
|
0% {
|
|
transform: translate(0px, -10px);
|
|
}
|
|
50% {
|
|
transform: translate(0px, 10px); /* 可配置跳动方向 */
|
|
}
|
|
100% {
|
|
transform: translate(0px, -10px);
|
|
}
|
|
}
|
|
|
|
/*安全管理 项目级 塔机*/
|
|
|
|
/*监控列表*/
|
|
.list-max{
|
|
padding: 10px 0;
|
|
}
|
|
.list-min{
|
|
height: 630px;
|
|
overflow: auto;
|
|
position: relative;
|
|
}
|
|
|
|
.list-min::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 1px;
|
|
}
|
|
.list-min::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.list-min::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.list-for{
|
|
padding: 15px 0;
|
|
border-bottom: 1px dashed #3da2ff;
|
|
}
|
|
.list-con{
|
|
padding: 15px;
|
|
cursor: pointer;
|
|
}
|
|
.list-con.active{
|
|
background: url("/images/list_bgd.png") no-repeat center/100% 100%;
|
|
}
|
|
.list-top{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.list-img{
|
|
height: 70px;
|
|
width: 70px;
|
|
text-align: center;
|
|
line-height: 70px;
|
|
background: url("/images/list_img_icon.png") no-repeat bottom/100% 45px;
|
|
}
|
|
.list-img img{
|
|
animation: listImg 3s infinite;
|
|
-webkit-animation: listImg 3s infinite;
|
|
}
|
|
@keyframes listImg {
|
|
0% {
|
|
transform: translate(0px, 0px);
|
|
}
|
|
50% {
|
|
transform: translate(0px, 15px); /* 可配置跳动方向 */
|
|
}
|
|
100% {
|
|
transform: translate(0px, 0px);
|
|
}
|
|
}
|
|
.list-info{
|
|
padding-left: 15px;
|
|
}
|
|
.list-info-name{
|
|
padding: 7px 0 ;
|
|
font-size: 16px;
|
|
}
|
|
.list-info-name span{
|
|
color: #8accff;
|
|
}
|
|
.list-info-name .list-info-state{
|
|
color: #f3ba4f;
|
|
}
|
|
.list-info-name .list-info-state.active{
|
|
color: #61f1be;
|
|
}
|
|
.list-bottom{
|
|
padding: 10px 0;
|
|
color: #a5d3eb;
|
|
}
|
|
.list-details{
|
|
padding: 8px 0;
|
|
}
|
|
.list-time{
|
|
color: #429fff;
|
|
}
|
|
|
|
.sf-big-title{
|
|
padding: 15px 20px;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
|
|
.monitor-max{
|
|
height: 240px;
|
|
position: relative;
|
|
}
|
|
.sf-speed-data-chart{
|
|
width: 50px;
|
|
height: 250px;
|
|
margin: auto;
|
|
}
|
|
.sf-speed-data-chart div{
|
|
width: 100%;
|
|
height: 10px;
|
|
margin-top: 14px;
|
|
background: #0b204f;
|
|
border-radius: 2px;
|
|
}
|
|
.sf-speed-data-chart .activation{
|
|
background: #2e8cfe;
|
|
}
|
|
.sf-speed-data-chart .warning{
|
|
background: #fead38;
|
|
}
|
|
.sf-speed-data-chart .police{
|
|
background: #ff4e4e;
|
|
}
|
|
.monitor-left{
|
|
position: absolute;
|
|
height: 240px;
|
|
width:70px;
|
|
top: -5px;
|
|
left: 5px;
|
|
color: #a1d4e7;
|
|
}
|
|
.monitor-right{
|
|
position: absolute;
|
|
height: 250px;
|
|
top: -10px;
|
|
left: 140px;
|
|
|
|
}
|
|
.monitor-police{
|
|
position: absolute;
|
|
top: 0;
|
|
width: 70px;
|
|
text-align: right;
|
|
font-size: 13px;
|
|
}
|
|
.monitor-warning{
|
|
position: absolute;
|
|
top: 50px;
|
|
width: 70px;
|
|
text-align: right;
|
|
font-size: 13px;
|
|
}
|
|
.monitor-zero{
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 70px;
|
|
text-align: right;
|
|
}
|
|
.monitor-data{
|
|
color: #88c9ff;
|
|
width: 70px;
|
|
position: absolute;
|
|
top: 100px;
|
|
text-align: center;
|
|
}
|
|
.warning-data{
|
|
color: #fead38;
|
|
}
|
|
.police-data{
|
|
color: #ff4e4e !important;
|
|
}
|
|
|
|
.monitor-data span{
|
|
font-weight: bold;
|
|
font-size: 18px;
|
|
}
|
|
|
|
.safe-height{
|
|
height:660px;
|
|
}
|
|
.safe-small{
|
|
height: 120px;
|
|
}
|
|
.safe-small-title{
|
|
background: url("/images/small_title.png") no-repeat center/100% 100%;
|
|
padding: 5px 0 5px 20px;
|
|
}
|
|
.safe-small-content{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content:space-around;
|
|
}
|
|
.safe-small-details{
|
|
padding: 10px;
|
|
font-size: 16px;
|
|
}
|
|
.safe-small-details p{
|
|
color: #429fff;
|
|
padding: 10px 0 15px;
|
|
}
|
|
.safe-small-details span{
|
|
color: #8bcdff;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
}
|
|
.safe-afoot-content{
|
|
padding:30px 20px;
|
|
}
|
|
.safe-afoot-overflow{
|
|
height: 200px;
|
|
}
|
|
.safe-afoot-machinery-nam{
|
|
padding:15px 0 20px;
|
|
}
|
|
/*力矩曲线*/
|
|
.safe-moment{
|
|
padding: 15px 0;
|
|
}
|
|
|
|
|
|
.safe-tower-crane-max{
|
|
padding: 10px;
|
|
}
|
|
.safe-tower-crane-min{
|
|
|
|
}
|
|
.safe-tower-left{
|
|
height: 500px;
|
|
cursor: pointer;
|
|
background:url("/images/safe_tower_left.png") no-repeat center/100% 70%;
|
|
}
|
|
.safe-tower-left:hover{
|
|
background:url("/images/safe_tower_left_a.png") no-repeat center/100% 80%;
|
|
}
|
|
.safe-tower-left:active{
|
|
background:url("/images/safe_tower_left_a.png") no-repeat center/100% 75%;
|
|
}
|
|
.safe-tower-right{
|
|
height: 500px;
|
|
cursor: pointer;
|
|
background:url("/images/safe_tower_right.png") no-repeat center/100% 70%;
|
|
}
|
|
.safe-tower-right:hover{
|
|
background:url("/images/safe_tower_right_a.png") no-repeat center/100% 80%;
|
|
}
|
|
.safe-tower-right:active{
|
|
background:url("/images/safe_tower_right_a.png") no-repeat center/100% 75%;
|
|
}
|
|
.safe-tower-content-max{
|
|
position: relative;
|
|
width: 770px;
|
|
height: 500px;
|
|
margin: auto;
|
|
overflow: hidden;
|
|
}
|
|
.safe-tower-content{
|
|
position: absolute;
|
|
width: 100%;
|
|
transition: left 0.5s
|
|
}
|
|
.safe-tower-content-title{
|
|
text-align: center;
|
|
padding-top: 20px;
|
|
}
|
|
.safe-tower-content-title span{
|
|
padding: 10px 35px;
|
|
font-size: 16px;
|
|
background: url("/images/safe_tower_name_bgd.png") no-repeat center/100% 100%;
|
|
}
|
|
.safe-tower-content-data{
|
|
padding: 60px 0;
|
|
}
|
|
.safe-tower-content-data-list{
|
|
color: #b9cbe3;
|
|
font-size: 16px;
|
|
padding: 17px 5px;
|
|
}
|
|
.safe-tower-content-data-list p{
|
|
padding-bottom: 15px;
|
|
}
|
|
.safe-tower-content-data-list span{
|
|
color: #429fff;
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
}
|
|
.safe-tower-content-data-list-time span{
|
|
font-size: 14px;
|
|
}
|
|
.safe-tower-icon{
|
|
width: 577px;
|
|
position: relative;
|
|
}
|
|
|
|
.sf-equipment-overview-bgd{
|
|
height: 320px;
|
|
width: 500px;
|
|
background: url("/images/tower_crane.png") no-repeat center/100% 100%;
|
|
position: relative;
|
|
margin: auto;
|
|
}
|
|
.sf-legend{
|
|
position: absolute;
|
|
padding: 10px;
|
|
top: -5px;
|
|
right: 0;
|
|
display: flex;
|
|
}
|
|
.sf-legend div{
|
|
padding:5px 10px;
|
|
}
|
|
.sf-slider-track{
|
|
position: absolute;
|
|
z-index: 9;
|
|
}
|
|
.sf-slider-track-min{
|
|
position: absolute;
|
|
width: 16px;
|
|
}
|
|
.sf-slider{
|
|
width: 16px;
|
|
height: 8px;
|
|
background:#f0b334;
|
|
position: absolute;
|
|
}
|
|
.sf-towrope{
|
|
width: 10px;
|
|
height:200px;
|
|
border-left: 2px solid #f0b334;
|
|
border-right: 2px solid #f0b334;
|
|
margin: auto;
|
|
}
|
|
.sf-hook{
|
|
width: 16px;
|
|
height: 30px;
|
|
background: url("/images/drag_hook.png") no-repeat center/100% 100%;
|
|
}
|
|
.circular{
|
|
position: absolute;
|
|
width: 120px;
|
|
height: 120px;
|
|
bottom: 15px;
|
|
right: 15px;
|
|
background: url("/images/circular.png") no-repeat center/100% 100%;
|
|
}
|
|
.needle{
|
|
width: 100%;
|
|
height: 100%;
|
|
background: url("/images/needle.png") no-repeat center/100% 100%;
|
|
transform:rotate(0deg);
|
|
}
|
|
.dot-track{
|
|
width: 35px;
|
|
height: 12px;
|
|
right: 12px;
|
|
position: absolute;
|
|
top: 54px;
|
|
}
|
|
.dot{
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 50%;
|
|
background: #f0b334;
|
|
position: absolute;
|
|
}
|
|
|
|
|
|
|
|
/*深基坑*/
|
|
.sjk-info{
|
|
padding:20px 10px;
|
|
font-size: 14px;
|
|
}
|
|
.company-sjk-name{
|
|
padding: 20px 0;
|
|
}
|
|
.company-sjk-name img{
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.company-sjk-text{
|
|
color: #50a2eb;
|
|
}
|
|
.sjk-icon-max{
|
|
padding: 5px 0 5px;
|
|
position: relative;
|
|
}
|
|
.sjk-img-min{
|
|
text-align: center;
|
|
height: 600px;
|
|
position: relative;
|
|
}
|
|
.sjk-img img{
|
|
|
|
}
|
|
.sjk-icon-legend{
|
|
position: absolute;
|
|
height: 50px;
|
|
background: rgba(0,0,0,0.7);
|
|
width: 99%;
|
|
bottom: 0;
|
|
left: 0.5%;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.sjk-icon-legend-color{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.sjk-icon-legend-color-list{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 15px;
|
|
cursor: pointer;
|
|
}
|
|
.sjk-icon-legend-color-list-box{
|
|
width: 15px;
|
|
height: 15px;
|
|
margin-right: 10px;
|
|
}
|
|
.sjk-icon-legend-color-list-text{
|
|
font-size: 16px;
|
|
}
|
|
.box-green{
|
|
background: #7dc57b;
|
|
}
|
|
.box-red{
|
|
background: #d44645;
|
|
}
|
|
.box-orange{
|
|
background: #eeb532;
|
|
}
|
|
.box-blue{
|
|
background: #1890ff;
|
|
}
|
|
.box-grey{
|
|
background: #9da4b4;
|
|
}
|
|
.sjk-icon-legend-right{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: right;
|
|
font-size: 16px;
|
|
}
|
|
.sjk-icon-legend-right img{
|
|
width: 25px;
|
|
height: 25px;
|
|
margin-right: 5px;
|
|
}
|
|
.sjk-icon-legend-right-icon{
|
|
display: flex;
|
|
align-items: center;
|
|
padding:0 15px;
|
|
cursor: pointer;
|
|
color: #63c8ff;
|
|
}
|
|
.sjk-legend-filter{
|
|
filter: grayscale(100%);
|
|
}
|
|
.sjk-icon-spot img{
|
|
position: absolute;
|
|
width: 30px;
|
|
height: 36px;
|
|
}
|
|
.sjk-icon-spot img:hover{
|
|
width: 40px;
|
|
height: 48px;
|
|
z-index: 1;
|
|
}
|
|
|
|
/*点位图弹窗*/
|
|
.sjk-popup{
|
|
width: 400px;
|
|
background: url('/images/map_sjk_popup_bgd.png') no-repeat center/100% 100%;font-size: 14px;
|
|
position: fixed;
|
|
z-index: 100;
|
|
}
|
|
.sjk-popup-content{
|
|
padding: 8px 3px
|
|
}
|
|
.sjk-popup-title{
|
|
padding: 8px;
|
|
color: #ffffff;
|
|
font-size: 16px;
|
|
background: url('/images/map_popup_title.png') no-repeat left/100% 100%;
|
|
}
|
|
.sjk-popup-time{
|
|
padding: 10px;
|
|
color: #3da2ff;
|
|
}
|
|
.sjk-popup-table{
|
|
text-align: center;
|
|
padding: 0 8px;
|
|
}
|
|
.sjk-popup-table table{
|
|
width: 100%;
|
|
}
|
|
.sjk-popup-table table th{
|
|
background: #193d7d;
|
|
padding: 5px 0;
|
|
}
|
|
.sjk-popup-table table td{
|
|
padding: 10px 0;
|
|
color: #c8dbfc;
|
|
font-size: 16px;
|
|
}
|
|
.sjk-popup-table table td:nth-child(2){
|
|
color: #4fb5fd;
|
|
}
|
|
.sjk-popup-table table td:nth-child(3){
|
|
color: #ff7a00 ;
|
|
}
|
|
.sjk-popup-table table td:nth-child(4){
|
|
color: #fb3b48;
|
|
}
|
|
.sjk-off-line{
|
|
height: 150px;
|
|
line-height: 150px;
|
|
text-align: center;
|
|
color: #999999;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/*近15天变化趋势*/
|
|
.sjk-chart-line{
|
|
position: relative;
|
|
}
|
|
.sjk-chart-line-title{
|
|
display: flex;
|
|
padding: 15px 20px;
|
|
}
|
|
.sjk-chart-line-title div{
|
|
padding: 5px 20px;
|
|
cursor: pointer;
|
|
margin-right: 20px;
|
|
background: url("/images/dangerous.png") no-repeat center/100% 100%;
|
|
color: #5388b0;
|
|
font-size: 16px;
|
|
}
|
|
.sjk-chart-line-title-tz{
|
|
display: flex;
|
|
padding: 15px 20px;
|
|
align-items: center;
|
|
}
|
|
.sjk-chart-line-title-tz button{
|
|
padding: 5px ;
|
|
width: 130px;
|
|
cursor: pointer;
|
|
margin-right: 20px;
|
|
background: url("/images/dangerous.png") no-repeat center/100% 100%;
|
|
color: #5388b0;
|
|
font-size: 16px;
|
|
}
|
|
.sjk-chart-line-title-tz .active{
|
|
color: #ffffff;
|
|
background: url(/images/dangerous_active.png) no-repeat center/100% 100%;
|
|
}
|
|
|
|
|
|
.sjk-chart-line-title .active{
|
|
color: #ffffff;
|
|
background: url(/images/dangerous_active.png) no-repeat center/100% 100%;
|
|
}
|
|
.sjk-afoot-overflow{
|
|
height: 325px;
|
|
}
|
|
.sjk-chart-line-legend{
|
|
width: 80%;
|
|
position: absolute;
|
|
top: 5px;
|
|
right: 0;
|
|
text-align: right;
|
|
z-index: 9999;
|
|
}
|
|
.sjk-chart-line-legend button{
|
|
padding: 5px 15px;
|
|
background: none;
|
|
cursor: pointer;
|
|
border: 0;
|
|
color: #50a1db;
|
|
margin: 5px;
|
|
}
|
|
.sjk-chart-line-legend button.active{
|
|
color: #ffffff;
|
|
}
|
|
.sjk-chart-line-legend label{
|
|
padding:1px 8px;
|
|
border-radius: 50%;
|
|
margin-right: 10px;
|
|
}
|
|
.trend-chart-max{
|
|
padding: 0 10px;
|
|
}
|
|
|
|
/*环境管理*/
|
|
.hj-afoot-overflow{
|
|
height: 590px;
|
|
}
|
|
.equipment-list-max{
|
|
padding: 20px;
|
|
}
|
|
.equipment-list-min{
|
|
padding: 25px 0;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.equipment-list-gif{
|
|
width: 70px;
|
|
height: 70px;
|
|
background: url(/images/hj_gif.gif) no-repeat center/100% 100%;
|
|
text-align: center;
|
|
}
|
|
.equipment-list-gif img{
|
|
width: 40px;
|
|
height: 40px;
|
|
transform: translateY(35%);
|
|
|
|
}
|
|
.equipment-list-data{
|
|
padding-left: 15px;
|
|
color: #c0dafb;
|
|
font-size: 16px;
|
|
}
|
|
.equipment-list-data div{
|
|
padding-top: 10px;
|
|
}
|
|
.equipment-list-data span{
|
|
font-size: 28px;
|
|
font-weight: bold;
|
|
padding-right: 5px;
|
|
color: #82c9ff;
|
|
}
|
|
|
|
/*环境管理 项目页面*/
|
|
.current-value-max{
|
|
padding: 20px;
|
|
}
|
|
.current-value-min{
|
|
padding: 20px;
|
|
}
|
|
.current-value-con{
|
|
padding: 30px 40px;
|
|
background: url("/images/current_value_bgd.png") no-repeat center/100% 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.current-value-img{
|
|
height: 90px;
|
|
width: 90px;
|
|
background: url("/images/education_bgd.png") no-repeat center/100% 100%;
|
|
text-align: center;
|
|
}
|
|
.current-value-img img{
|
|
width: 50px;
|
|
height: 50px;
|
|
-webkit-animation: icon 3s infinite;
|
|
}
|
|
.current-value-img-small img{
|
|
width: 35px;
|
|
height: 35px;
|
|
}
|
|
.current-value-data{
|
|
color: #c0dafb;
|
|
font-size: 18px;
|
|
padding-left: 40px;
|
|
}
|
|
.current-value-data p{
|
|
padding-top: 15px;
|
|
font-size: 28px;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
}
|
|
.hj-moment-max{
|
|
padding: 15px;
|
|
}
|
|
.hj-moment-max table{
|
|
height: 310px;
|
|
}
|
|
.hj-moment-max td{
|
|
padding: 0 5px;
|
|
font-size: 16px;
|
|
color: #aaaaaa;
|
|
}
|
|
.hj-moment-max td:first-child{
|
|
width: 24%;
|
|
text-align: right;
|
|
color: #c0dafb;
|
|
}
|
|
.hj-moment-choice{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.hj-moment-select{
|
|
width: 70%;
|
|
}
|
|
.hj-moment-state{
|
|
padding: 0 10px;
|
|
}
|
|
.state-tag{
|
|
height: 33px;
|
|
width: 60px;
|
|
line-height: 33px;
|
|
text-align: center;
|
|
}
|
|
.state-zx{
|
|
color: #3eb11e;
|
|
background: url("/images/state_bgd.png") no-repeat center/100% 100%;
|
|
}
|
|
.state-lx{
|
|
color: #eeb532;
|
|
background: url("/images/state_lx_bgd.png") no-repeat center/100% 100%;
|
|
}
|
|
|
|
.hj-moment-blue{
|
|
color: #559adf;
|
|
}
|
|
.hj-moment-green{
|
|
color: #41b026;
|
|
}
|
|
.hj-moment-orange{
|
|
color: #eeb532;
|
|
}
|
|
|
|
|
|
|
|
|
|
.select-max{
|
|
position: relative;
|
|
}
|
|
.select-input{
|
|
height: 35px;
|
|
padding-left: 10px;
|
|
padding-right: 25px;
|
|
background: url("/images/select_bgd.png") no-repeat center/100% 100%;
|
|
}
|
|
.select-input-two{
|
|
height: 35px;
|
|
padding-left: 10px;
|
|
padding-right: 25px;
|
|
width: 100%;
|
|
background: url("/images/select_bgd.png") no-repeat center/100% 100%;
|
|
}
|
|
.select-input input{
|
|
width: 100%;
|
|
height: 35px;
|
|
background: 0;
|
|
border: 0;
|
|
outline: 0;
|
|
color: #1ce7ff;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.select-input-two input{
|
|
width: 100%;
|
|
height: 35px;
|
|
background: 0;
|
|
border: 0;
|
|
outline: 0;
|
|
color: #1ce7ff;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.select-input input::-webkit-input-placeholder{
|
|
color: #6ca5b1;
|
|
}
|
|
.select-input-two input::-webkit-input-placeholder{
|
|
color: #6ca5b1;
|
|
}
|
|
.select-option{
|
|
list-style: none;
|
|
position: absolute;
|
|
}
|
|
.select-option{
|
|
list-style: none;
|
|
width: 100%;
|
|
position: absolute;
|
|
max-height: 250px;
|
|
border: 1px solid #05556b;
|
|
background: #00092a;
|
|
overflow: auto;
|
|
color: #02a6ff;
|
|
border-radius: 3px;
|
|
z-index: 9999;
|
|
}
|
|
.select-option::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 1px;
|
|
}
|
|
.select-option::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.select-option::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.select-option li{
|
|
padding:12px 10px;
|
|
cursor: pointer;
|
|
}
|
|
.select-option li:hover{
|
|
background: #031348;
|
|
color: #1ce7ff;
|
|
}
|
|
|
|
.el-carousel__indicators--horizontal{
|
|
top: 0;
|
|
}
|
|
.el-carousel__button{
|
|
width: 15px;
|
|
}
|
|
|
|
/*视频管理*/
|
|
.video-list-max{
|
|
padding: 10px;
|
|
}
|
|
.video-list-min{
|
|
height: 920px;
|
|
overflow: auto;
|
|
padding-right: 5px;
|
|
}
|
|
.video-list-min::-webkit-scrollbar {
|
|
width: 5px;
|
|
height: 1px;
|
|
}
|
|
.video-list-min::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.video-list-min::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.video-list-for{
|
|
padding: 5px 0;
|
|
}
|
|
.video-list-title{
|
|
height: 40px;
|
|
background: url("/images/video_list_title.png") no-repeat center/100% 100%;
|
|
line-height: 40px;
|
|
padding:0 10px;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
cursor: pointer;
|
|
}
|
|
.video-list-ul{
|
|
list-style: none;
|
|
padding: 5px 0;
|
|
}
|
|
.video-list-ul li{
|
|
padding: 10px 0;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
position: relative;
|
|
cursor: pointer;
|
|
color: #c0dafb;
|
|
}
|
|
.video-list-ul .active{
|
|
color: #3da2ff;
|
|
}
|
|
.video-list-ul li:hover{
|
|
color: #67afee ;
|
|
}
|
|
.video-list-ul .active:hover{
|
|
color: #3da2ff;
|
|
}
|
|
.video-list-ul li button{
|
|
padding: 3px;
|
|
position: relative;
|
|
top: -5px;
|
|
}
|
|
.video-state-zx{
|
|
background: #119f1b;
|
|
}
|
|
.video-state-lx{
|
|
background: #e70b0b;
|
|
}
|
|
.video-enlarge-max{
|
|
padding: 15px;
|
|
}
|
|
.video-enlarge-title{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 30px;
|
|
padding:0 10px 0 20px;
|
|
line-height: 30px;
|
|
background: url("/images/video_title.png") no-repeat left/180px 22px;
|
|
}
|
|
.video-enlarge-content{
|
|
margin-top: 15px;
|
|
background: rgba(0,0,0,0.5);
|
|
}
|
|
.video-enlarge-content video{
|
|
width: 100%;
|
|
height: 890px;
|
|
}
|
|
.video-enlarge-content img{
|
|
width: 100%;
|
|
height: 890px;
|
|
}
|
|
.video-enlarge-title-right{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.video-enlarge-title-right{
|
|
display: flex;
|
|
justify-content: right;
|
|
align-items: center;
|
|
}
|
|
.video-enlarge-title-right div{
|
|
padding: 2px 15px;
|
|
background: url("/images/dangerous.png") no-repeat center/100% 100%;
|
|
margin-left: 15px;
|
|
cursor: pointer;
|
|
color: #5388b0;
|
|
}
|
|
.video-enlarge-title-right .active{
|
|
color: #ffffff;
|
|
background: url("/images/dangerous_active.png") no-repeat center/100% 100%;
|
|
}
|
|
.video-vehicle-table{
|
|
padding: 15px 0;
|
|
}
|
|
.video-vehicle-table .el-table__body-wrapper::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.video-vehicle-table .el-table .cell{
|
|
padding: 0 5px;
|
|
}
|
|
.video-vehicle-table .el-table{
|
|
background: none;
|
|
}
|
|
.video-vehicle-table .el-table th, .el-table tr{
|
|
background: none;
|
|
}
|
|
.video-vehicle-table .el-table th{
|
|
color: #67baff;
|
|
padding:10px 25px ;
|
|
}
|
|
.video-vehicle-table .el-table td{
|
|
padding:10px 15px;
|
|
color: #a2c8f9;
|
|
}
|
|
.video-vehicle-table .el-table td, .el-table th.is-leaf{
|
|
border: 0;
|
|
}
|
|
.video-vehicle-table .el-table--enable-row-hover .el-table__body tr:hover>td{
|
|
background: none !important;
|
|
}
|
|
.video-vehicle-table .el-table::before{
|
|
background: none;
|
|
}
|
|
|
|
.vehicle-number{
|
|
padding: 8px 15px;
|
|
background: url("/images/dangerous.png") no-repeat center/100% 100%;
|
|
width: 90%;
|
|
margin: auto;
|
|
}
|
|
.vehicle-jin-img-max{
|
|
padding: 10px;
|
|
}
|
|
.vehicle-jin-img-bgd{
|
|
width: 180px;
|
|
height: 180px;
|
|
background: #062247 url("/images/no_picture.png") no-repeat center/80px 80px;
|
|
border-radius: 5px;
|
|
}
|
|
.vehicle-jin-img-bgd img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.vehicle-time{
|
|
height: 40px;
|
|
text-align: center;
|
|
line-height: 40px;
|
|
}
|
|
.video-vehicle-census{
|
|
height: 60px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
}
|
|
.video-vehicle-census div{
|
|
padding: 0 20px;
|
|
color: #c0dafb;
|
|
}
|
|
.video-vehicle-census div span{
|
|
font-size: 25px;
|
|
color: #67baff;
|
|
padding: 0 10px;
|
|
}
|
|
|
|
/*劳务用工人员定位*/
|
|
.baidu-map{
|
|
width: 1920px;
|
|
height: 1080px;
|
|
background: #3da2ff;
|
|
position: fixed;
|
|
}
|
|
.people-head{
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 1920px;
|
|
z-index: 111;
|
|
}
|
|
.people-left{
|
|
position: absolute;
|
|
top: 90px;
|
|
left: 20px;
|
|
width: 400px;
|
|
background: rgba(0,0,0,0.5);
|
|
z-index: 10;
|
|
padding: 10px;
|
|
|
|
}
|
|
.people-right{
|
|
position: absolute;
|
|
top: 90px;
|
|
right: 20px;
|
|
width: 400px;
|
|
background: rgba(0,0,0,0.5);
|
|
z-index: 10;
|
|
padding: 10px;
|
|
}
|
|
.people-search{
|
|
padding: 0 15px;
|
|
height: 45px;
|
|
background: url("/images/input_search.png") no-repeat center/100% 100%;
|
|
}
|
|
.people-search input{
|
|
border: 0;
|
|
outline: 0;
|
|
background: url("/images/search.png") no-repeat right/20px 20px;
|
|
width: 100%;
|
|
height: 100%;
|
|
color: #3da2ff;
|
|
font-size: 16px;
|
|
}
|
|
.people-search input::-webkit-input-placeholder{
|
|
color: #446079;
|
|
}
|
|
.people-list-min{
|
|
height: 660px;
|
|
}
|
|
.people-list-con{
|
|
cursor: pointer;
|
|
padding: 15px 5px;
|
|
}
|
|
.people-list-con.active{
|
|
background: url("/images/list_bgd.png") no-repeat center/100% 100%;
|
|
}
|
|
.people-list-img{
|
|
height: 70px;
|
|
width: 70px;
|
|
text-align: center;
|
|
background: url("/images/warning_renyuan.png") no-repeat bottom/100% 100%;
|
|
}
|
|
|
|
.people-list-img img{
|
|
width: 100% ;
|
|
height: 100%;
|
|
}
|
|
.people-list-top{
|
|
display: flex;
|
|
align-items: center;
|
|
padding-bottom: 15px;
|
|
position: relative;
|
|
background: url("/images/Line.png") no-repeat bottom/100% 2px;
|
|
}
|
|
.people-list-state{
|
|
padding: 0 5px;
|
|
border-radius: 10px 0 10px 0;
|
|
background: #3eb11e;
|
|
font-size: 14px;
|
|
color: #ffffff;
|
|
position: absolute;
|
|
right: 15px;
|
|
}
|
|
.baidu-people-list-state{
|
|
right: 5px;
|
|
font-size: 12px;
|
|
}
|
|
.people-list-state.active{
|
|
background: #888888;
|
|
}
|
|
.people-info-name{
|
|
padding: 7px 0 ;
|
|
font-size: 16px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.list-info .people-info-work{
|
|
color: #3da2ff;
|
|
font-size: 14px;
|
|
}
|
|
.people-info-name{
|
|
padding: 7px 0 ;
|
|
font-size: 16px;
|
|
}
|
|
.people-info-action{
|
|
color: #3eb11e;
|
|
}
|
|
.people-info-action.active{
|
|
color: #d7220b;
|
|
}
|
|
.people-battery-max{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.people-battery-bgd{
|
|
width: 30px;
|
|
height: 15px;
|
|
background: url("/images/battery.png") no-repeat center/100% 100%;
|
|
}
|
|
.people-battery-bgd.active{
|
|
background: url("/images/battery_red.png") no-repeat center/100% 100%;
|
|
}
|
|
.people-battery-padding{
|
|
width: 24px;
|
|
height: 11px;
|
|
padding: 2px 4px 2px 2px;
|
|
}
|
|
.people-battery{
|
|
background: #3eb11e;
|
|
height: 100%;
|
|
}
|
|
.people-battery.active{
|
|
background: #d7220b;
|
|
}
|
|
.people-battery-value{
|
|
padding:0 10px;
|
|
color: #3eb11e;
|
|
}
|
|
.people-battery-value.active{
|
|
color:#d7220b;
|
|
}
|
|
.people-info-address{
|
|
color: #429fff;
|
|
background: url("/images/address_dw.png") no-repeat left/14px 16px;
|
|
padding-left: 18px;
|
|
}
|
|
|
|
.people-company-btn{
|
|
position: absolute;
|
|
top: 100px;
|
|
left: 470px;
|
|
background: url("/images/return_btn_bgd.png") no-repeat center/100% 100%;
|
|
width: 120px;
|
|
height: 35px;
|
|
text-align: center;
|
|
line-height: 35px;
|
|
color: #5677a2;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
cursor: pointer;
|
|
z-index: 99;
|
|
}
|
|
.people-company-btn:hover{
|
|
color: #cbdaff;
|
|
background: url("/images/dangerous_active.png") no-repeat center/100% 100%;
|
|
}
|
|
.people-company-btn:active{
|
|
color: #5677a2;
|
|
}
|
|
.people-company-btn span{
|
|
padding-left: 5px;
|
|
}
|
|
|
|
|
|
/*人员定位弹窗*/
|
|
.popup-people-max{
|
|
width: 280px;
|
|
height: 300px;
|
|
background: url('/images/map_popup_bgd.png') no-repeat center/100% 100%;
|
|
font-size: 14px;
|
|
}
|
|
.popup-people-max.active{
|
|
background: url('/images/map_popup_red_bgd.png') no-repeat center/100% 100%;
|
|
}
|
|
.popup-people-min{
|
|
padding:20px 15px;
|
|
}
|
|
.popup-list-details span{
|
|
color: #027ae7;
|
|
}
|
|
.popup-list-details{
|
|
padding: 5px 0;
|
|
font-size: 14px;
|
|
}
|
|
.popup-people-info-address{
|
|
background: rgba(2,122,231,0.2);
|
|
padding: 10px;
|
|
font-size: 14px;
|
|
}
|
|
.popup-people-info-address.active{
|
|
background: rgba(243, 3, 3, 0.4);
|
|
}
|
|
.popup-people-info-address.active .people-info-address{
|
|
color: #ffffff;
|
|
background: url("/images/address_dw_red.png") no-repeat left/14px 16px;
|
|
}
|
|
.popup-people-info-name{
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
/*elTable质量管理公司级*/
|
|
.quality-target-max{
|
|
padding:15px 10px;
|
|
}
|
|
.quality-target-min{
|
|
padding:15px 10px;
|
|
display: flex;
|
|
align-items: flex-start;
|
|
}
|
|
.quality-target-img{
|
|
width: 50px;
|
|
height: 50px;
|
|
padding-top: 10px;
|
|
}
|
|
.quality-target-img img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.quality-target-con{
|
|
width: calc(100% - 65px);
|
|
padding-left: 15px;
|
|
}
|
|
.quality-target-title{
|
|
padding: 3px 0;
|
|
color: #c0dafb;
|
|
}
|
|
.quality-target-info{
|
|
padding: 3px 0;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
color: #50a2eb;
|
|
cursor: pointer;
|
|
}
|
|
.quality-target-info-new{
|
|
padding: 3px 0;
|
|
color: #50a2eb;
|
|
font-size: 14px;
|
|
letter-spacing: 2px;
|
|
/*display: -webkit-box;*/
|
|
/*-webkit-box-orient: vertical;*/
|
|
/*-webkit-line-clamp: 2;*/
|
|
/*overflow: hidden;*/
|
|
}
|
|
.quality-target-index{
|
|
padding: 0px;
|
|
}
|
|
.quality-target-index-min{
|
|
padding: 15px 0 15px 20px;
|
|
}
|
|
|
|
.quality-dynamic-max{
|
|
padding: 10px 10px 0;
|
|
}
|
|
.quality-dynamic-min{
|
|
padding: 0 5px;
|
|
height: 655px;
|
|
overflow: auto;
|
|
}
|
|
.quality-dynamic-min::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 1px;
|
|
}
|
|
.quality-dynamic-min::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.quality-dynamic-min::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.quality-dynamic-for{
|
|
padding: 10px;
|
|
}
|
|
.quality-dynamic-for.active{
|
|
background: url("/images/zzfs_bgf.png") no-repeat center/100% 100%;
|
|
}
|
|
.quality-dynamic-content{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.quality-dynamic-img{
|
|
width: 90px;
|
|
height: 90px;
|
|
background: url("/images/logo_bgd.png") no-repeat center/100% 100%;
|
|
}
|
|
.quality-dynamic-img img{
|
|
width: 100%;
|
|
height: 100%;
|
|
border-radius: 3px;
|
|
}
|
|
.quality-dynamic-info{
|
|
padding-left: 20px;
|
|
width: calc(100% - 110px);
|
|
}
|
|
.quality-dynamic-top{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 7px 0;
|
|
}
|
|
.quality-dynamic-item{
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
padding: 7px 0;
|
|
color: #3da2ff;
|
|
}
|
|
.quality-dynamic-item-span{
|
|
cursor: pointer;
|
|
|
|
}
|
|
.quality-dynamic-img {
|
|
cursor: pointer;
|
|
}
|
|
.quality-dynamic-img:hover{
|
|
border: 1px solid #5aecff
|
|
}
|
|
.quality-dynamic-item-span:hover{
|
|
color: #5aecff;
|
|
text-decoration: underline;
|
|
}
|
|
.quality-dynamic-describe{
|
|
margin-top: 10px;
|
|
height: 50px;
|
|
line-height: 25px;
|
|
overflow: hidden;
|
|
color: #c0dafb;
|
|
}
|
|
.quality-dynamic-time{
|
|
color: #999999;
|
|
}
|
|
.quality-dynamic-state{
|
|
border: 1px solid #44ad1f;
|
|
padding: 1px 10px;
|
|
background: rgba(68,173,31,0.3);
|
|
border-radius: 3px;
|
|
color: #44ad1f;
|
|
}
|
|
.quality-dynamic-state.active{
|
|
border: 1px solid #ff9000;
|
|
padding: 1px 10px;
|
|
background: rgba(255,144,0,0.3);
|
|
border-radius: 3px;
|
|
color: #ff9000;
|
|
}
|
|
.quality-button{
|
|
justify-content: right;
|
|
}
|
|
.quality-table{
|
|
padding: 0 15px;
|
|
}
|
|
.quality-table .el-table__body-wrapper::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.quality-table .el-table .cell{
|
|
padding: 0 5px;
|
|
}
|
|
.quality-table .el-table{
|
|
background: none;
|
|
}
|
|
.quality-table .el-table th, .el-table tr{
|
|
background: none;
|
|
}
|
|
.quality-table .el-table th{
|
|
height: 35px;
|
|
text-align: center;
|
|
color: #cbdaff;
|
|
padding: 0;
|
|
}
|
|
.quality-table .el-table td{
|
|
height: 60px;
|
|
text-align: center;
|
|
padding: 0;
|
|
color: #ffffff;
|
|
}
|
|
.quality-table .el-table td, .el-table th.is-leaf{
|
|
border: 0;
|
|
}
|
|
.quality-table .el-table .el-table__row:nth-child(odd){
|
|
background: url("/images/long_tr_bgd.png") no-repeat center/100% 55px;
|
|
}
|
|
.quality-table .el-table--enable-row-hover .el-table__body tr:hover>td{
|
|
background: none !important;
|
|
}
|
|
.quality-table .el-table::before{
|
|
background: none;
|
|
}
|
|
|
|
|
|
|
|
|
|
.ai-video-entrance-max{
|
|
padding: 10px;
|
|
}
|
|
.ai-video-entrance{
|
|
text-align: center;
|
|
padding: 5px 0;
|
|
height: 33px;
|
|
background: url("/images/dangerous.png") no-repeat center/100% 100%;
|
|
line-height: 33px;
|
|
cursor: pointer;
|
|
color: #5388b0;
|
|
}
|
|
.ai-video-entrance:hover{
|
|
background: url("/images/dangerous_active.png") no-repeat center/100% 100%;
|
|
color: #ffffff;
|
|
}
|
|
.popup-video video{
|
|
width: 100%;
|
|
height: 500px;
|
|
}
|
|
.map-popup{
|
|
background: rgba(0,0,0,0.5);
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
padding-top: 180px;
|
|
z-index: 999999;
|
|
}
|
|
.map-popup-content{
|
|
width: 50%;
|
|
background: #051725;
|
|
border: 5px solid #11294f;
|
|
border-radius: 10px;
|
|
margin: auto;
|
|
box-shadow: 0 0 30px #4ab4bc;
|
|
font-size: 16px;
|
|
}
|
|
.map-popup-title{
|
|
border-bottom: 1px solid #3d7788;
|
|
height: 50px;
|
|
padding: 0 20px;
|
|
line-height: 50px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.map-popup-list-max{
|
|
padding: 15px;
|
|
}
|
|
.map-popup-list{
|
|
padding:5px 15px;
|
|
height: 480px;
|
|
overflow: auto;
|
|
}
|
|
.map-popup-list::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 1px;
|
|
}
|
|
.map-popup-list::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.map-popup-list::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.map-popup-for-title{
|
|
padding: 10px 15px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
cursor: pointer;
|
|
color: #00eaff;
|
|
border-radius: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.map-popup-for-title:hover{
|
|
box-shadow: 0px 0px 10px #00eaff;
|
|
}
|
|
.map-popup-for-ul{
|
|
padding: 0 30px;
|
|
list-style: none;
|
|
}
|
|
.map-popup-for-ul li{
|
|
padding: 10px 20px;
|
|
cursor: pointer;
|
|
color: #00a8ff;
|
|
}
|
|
.map-popup-for-ul li:hover {
|
|
color: #98acff;
|
|
}
|
|
.popup-icon-close{
|
|
font-size: 28px;
|
|
color: #999999;
|
|
cursor: pointer;
|
|
width: 50px ;
|
|
height: 50px;
|
|
text-align: center;
|
|
}
|
|
.popup-icon-close:hover{
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
/*百度地图弹窗*/
|
|
.popup-baidu-max{
|
|
width: 300px;
|
|
background: url("../images/map_popup_bgd.png") no-repeat top/300px 100%;
|
|
}
|
|
.popup-baidu-min{
|
|
padding: 0px 10px;
|
|
}
|
|
.popup-baidu-con{
|
|
|
|
}
|
|
.popup-baidu-title{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 10px 0 5px;
|
|
border-bottom: 1px solid #00aaff;
|
|
}
|
|
.popup-baidu-machine-img{
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
.popup-baidu-machine-img img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.popup-baidu-machine-info{
|
|
width: calc(100% - 50px);
|
|
}
|
|
.popup-baidu-machine-first{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 5px 0 5px 15px;
|
|
}
|
|
.popup-baidu-machine-second{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 5px 0 5px 15px;
|
|
font-size: 14px;
|
|
}
|
|
.popup-baidu-machine-name{
|
|
color: #00aaff;
|
|
}
|
|
.popup-baidu-machine-state{
|
|
border-radius: 3px;
|
|
width: 40px;
|
|
text-align: center;
|
|
height: 20px;
|
|
line-height: 20px;
|
|
font-size: 12px;
|
|
}
|
|
.state-yx{
|
|
border: 1px solid #00c240;
|
|
color: #00c240;
|
|
background: rgba(0,194,64,0.3);
|
|
}
|
|
.state-ds{
|
|
border: 1px solid #ffcd34;
|
|
color: #ffcd34;
|
|
background: rgba(255,205,52,0.3);
|
|
}
|
|
.state-jz{
|
|
border: 1px solid #cccccc;
|
|
color: #cccccc;
|
|
background: rgba(153,153,153,0.3);
|
|
}
|
|
.state-dk{
|
|
border: 1px solid #00aaff;
|
|
color: #00aaff;
|
|
background: rgba(0,170,255,0.3);
|
|
}
|
|
.state-lx{
|
|
border: 1px solid #777777;
|
|
color: #777777;
|
|
background: rgba(153,153,153,0.3);
|
|
}
|
|
.popup-baidu-machine-model{
|
|
color: #dddddd;
|
|
padding-right: 15px;
|
|
}
|
|
.popup-baidu-machine-oil{
|
|
background: url("../images/oil.png") no-repeat left/20px 15px;
|
|
padding-left: 25px;
|
|
color: #3eb11e;
|
|
}
|
|
.popup-baidu-machine-details{
|
|
padding: 5px 0;
|
|
color: #eeeeee;
|
|
font-size: 14px;
|
|
}
|
|
.popup-baidu-machine-details table td{
|
|
padding: 2px 0;
|
|
vertical-align: top;
|
|
}
|
|
.popup-baidu-machine-details table td:first-child{
|
|
width: 75px;
|
|
color: #dddddd;
|
|
}
|
|
.popup-baidu-machine-address{
|
|
padding: 5px ;
|
|
background: rgba(0,170,255,0.2);
|
|
font-size: 14px;
|
|
color: #ffffff;
|
|
}
|
|
.popup-baidu-machine-button{
|
|
display: flex;
|
|
padding: 15px 0;
|
|
align-items: center;
|
|
justify-content: space-evenly;
|
|
}
|
|
.popup-baidu-machine-button div{
|
|
color: #ffffff;
|
|
width: 110px;
|
|
text-align: center;
|
|
padding: 5px 0;
|
|
border-radius: 3px;
|
|
cursor: pointer;
|
|
font-size: 14px;
|
|
}
|
|
.popup-baidu-machine-blue{
|
|
background: #00a8ff;
|
|
}
|
|
.popup-baidu-machine-green{
|
|
background: #19b140;
|
|
}
|
|
.baidu-map-info{
|
|
padding: 10px 30px;
|
|
}
|
|
.baidu-map-info table td{
|
|
padding: 7px 10px;
|
|
vertical-align: top;
|
|
color: #16d6ff;
|
|
}
|
|
.baidu-map-info table td:first-child{
|
|
width: 18%;
|
|
text-align: right;
|
|
color: #4ab4bc;
|
|
}
|
|
.baidu-map-info table td img{
|
|
width: 70px;
|
|
height: 70px;
|
|
}
|
|
.map-full-screen{
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
background: #000000;
|
|
z-index: 99;
|
|
}
|
|
.map-full-screen-btn{
|
|
position: fixed;
|
|
z-index: 999;
|
|
top: 30px;
|
|
right: 30px;
|
|
}
|
|
/*劳务 参见单位分布*/
|
|
.see-unit-list{
|
|
padding: 20px;
|
|
}
|
|
|
|
|
|
.aerial-view-min video{
|
|
width: 100%;
|
|
height: 510px;
|
|
border: 1px solid #217dca;
|
|
}
|
|
|
|
|
|
|
|
/*机械管理场布图*/
|
|
.jx-field-layout{
|
|
height: 690px;
|
|
|
|
background: url("/images/field_layout_1.png") no-repeat center/auto 100%;
|
|
}
|
|
|
|
/*tower-crane 塔机组件*/
|
|
.tower-crane-border{
|
|
position: absolute;
|
|
border: 2px dashed #5c9029;
|
|
border-radius: 50%;
|
|
background: rgba(0,0,0,0.1);
|
|
}
|
|
.jx-field-layout-text{
|
|
position: absolute;
|
|
z-index: 999;
|
|
cursor: pointer;
|
|
width: 60%;
|
|
height: 30px;
|
|
top:65px;
|
|
left:20%;
|
|
text-align: center;
|
|
z-index: 1;
|
|
}
|
|
.jx-field-layout-text:hover{
|
|
color: #cbdaff;
|
|
}
|
|
.tower-crane-sweep{
|
|
width: 100%;
|
|
height: 100%;
|
|
background: url("/images/needle.png") no-repeat center/100% 100%;
|
|
transform:rotate(0deg);
|
|
position: relative;
|
|
}
|
|
.tower-crane-track{
|
|
width: 40%;
|
|
height: 17px;
|
|
top: 46%;
|
|
right: 3px;
|
|
position: absolute;
|
|
}
|
|
.tower-crane-dot{
|
|
width: 17px;
|
|
height: 17px;
|
|
border-radius: 50%;
|
|
background: #f0b334;
|
|
position: absolute;
|
|
}
|
|
|
|
|
|
/*head—btn 组件*/
|
|
.header-btn-max{
|
|
position: relative;
|
|
}
|
|
.header-btn-list{
|
|
padding-top: 10px;
|
|
position: absolute;
|
|
top: 30px;
|
|
left: 0;
|
|
z-index: 9999;
|
|
}
|
|
.header-btn-list-arrow{
|
|
height: 20px;
|
|
width: 105px;
|
|
text-align: center;
|
|
position: relative;
|
|
background: url("/images/arrow.png") no-repeat center/30px 18px;
|
|
z-index: 99;
|
|
}
|
|
.header-btn-list-arrow-active{
|
|
height: 20px;
|
|
width: 105px;
|
|
text-align: center;
|
|
position: relative;
|
|
background: url("http://fileimg.makalu.cc/WEB_6F5A43456312447C9F8D75CA97EDCCE8.png") no-repeat center/30px 18px;
|
|
z-index: 99;
|
|
}
|
|
.header-btn-list-item{
|
|
top: -3px;
|
|
position: relative;
|
|
border: 2px solid #2258a2;
|
|
background: rgba(2, 18, 56, 0.9);
|
|
border-radius: 5px;
|
|
}
|
|
.header-btn-list-item-active{
|
|
top: -3px;
|
|
position: relative;
|
|
border: 2px solid #df5567;
|
|
background: rgba(100, 20, 23);
|
|
border-radius: 5px;
|
|
}
|
|
.header-btn-list-padding{
|
|
padding: 8px;
|
|
}
|
|
.header-btn-list-padding button{
|
|
margin: 10px;
|
|
height: 35px;
|
|
background: #142c6a;
|
|
color: #738fb4;
|
|
width: 110px;
|
|
border: 0;
|
|
outline: 0;
|
|
cursor: pointer;
|
|
font-size: 15px;
|
|
}
|
|
|
|
.header-btn-list-padding-red button{
|
|
margin: 10px;
|
|
height: 35px;
|
|
background: #910000;
|
|
color: #c16363;
|
|
width: 110px;
|
|
border: 0;
|
|
outline: 0;
|
|
cursor: pointer;
|
|
font-size: 15px;
|
|
}
|
|
.header-btn-list-padding button:hover{
|
|
color: #63baff;
|
|
background: #15388f;
|
|
}
|
|
.header-btn-list-padding button.active{
|
|
background:url("/images/btn_nav.png") no-repeat center/100% 100%;
|
|
color: #ffffff;
|
|
}
|
|
.header-btn-list-padding-red button.actives{
|
|
background:url("http://fileimg.makalu.cc/WEB_F27BA493E32349E4AEC08A2A521B7ED1.png") no-repeat center/100% 100%;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.video-field-layout{
|
|
height: 610px;
|
|
background: url("/images/field_layout_video.png") no-repeat center/100% auto;
|
|
position: relative;
|
|
}
|
|
/*.video-field-layout img{
|
|
position: absolute;
|
|
width: 30px;
|
|
cursor: pointer;
|
|
}*/
|
|
.video-bgd-img-position{
|
|
position: absolute;
|
|
}
|
|
.video-bgd-div{
|
|
width: 30px;
|
|
height: 30px;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
background: #3676c0;
|
|
}
|
|
.video-bgd-div.active{
|
|
background: #00f93a;
|
|
}
|
|
.video-bgd-div.active{
|
|
animation:videoDiv 2s;
|
|
-webkit-animation:videoDiv 2s infinite;
|
|
}
|
|
@keyframes videoDiv {
|
|
0% {opacity:0.6;}
|
|
25% {opacity:0.8;}
|
|
50% {opacity:1;}
|
|
75% {opacity:0.8;}
|
|
100% {opacity:0.6;}
|
|
}
|
|
.video-bgd-img{
|
|
width: 18px;
|
|
height: 18px;
|
|
position: absolute;
|
|
top: 6px;
|
|
left: 7px;
|
|
}
|
|
|
|
|
|
/*质量管理-标养室检测*/
|
|
.process-control{
|
|
height: 610px;
|
|
}
|
|
.process-control-padding{
|
|
padding: 40px 20px;
|
|
}
|
|
.process-control-btn-max{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 10px 0;
|
|
}
|
|
.process-control-btn{
|
|
display: flex;
|
|
width: 45%;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
.process-control-arrow{
|
|
width: 10%;
|
|
}
|
|
.process-control-arrow img{
|
|
width: 90%;
|
|
}
|
|
.process-control-order{
|
|
height: 40px;
|
|
width: 40px;
|
|
text-align: center;
|
|
line-height: 40px;
|
|
color: #728fb7;
|
|
font-weight: bold;
|
|
background: url("/images/order_1.png") no-repeat center/100% 100%;
|
|
}
|
|
.process-control-name{
|
|
padding: 0 10px;
|
|
}
|
|
.process-control-name button{
|
|
width: 120px;
|
|
background: #112347;
|
|
border: 1px solid #112347;
|
|
color: #728fb7;
|
|
outline: 0;
|
|
height: 40px;
|
|
cursor: pointer;
|
|
font-size: 16px;
|
|
}
|
|
.process-control-btn.active .process-control-order{
|
|
background: url("/images/order_2.png") no-repeat center/100% 100%;
|
|
color: #00092a;
|
|
}
|
|
.process-control-btn.active .process-control-name button{
|
|
background: url("/images/btn_nav.png") no-repeat center/100% 100%;
|
|
color: #ffffff;
|
|
}
|
|
|
|
|
|
.process-control-name button:hover{
|
|
border: 1px solid #08528f;
|
|
color: #63baff;
|
|
}
|
|
.process-control-link{
|
|
height: 90px;
|
|
padding-left: 17px;
|
|
}
|
|
.process-control-max{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.process-control-min{
|
|
width: 20%;
|
|
|
|
}
|
|
.process-control-current-value-con{
|
|
padding: 25px 0px 25px 50px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.process-control-current-value-padding{
|
|
padding: 10px 0px 10px 50px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.process-control-current-value-data{
|
|
color: #c0dafb;
|
|
font-size: 18px;
|
|
padding-left: 20px;
|
|
}
|
|
.process-control-current-value-data p{
|
|
padding-top: 15px;
|
|
font-size: 25px;
|
|
font-weight: bold;
|
|
color: #62cff8;
|
|
}
|
|
.process-control-current-value-data p span{
|
|
color: #c0dafb;
|
|
font-size: 16px;
|
|
}
|
|
.process-control-current-value-data .red-data{
|
|
padding: 0;
|
|
width: 110px;
|
|
height: 40px;
|
|
text-align: center;
|
|
line-height: 40px;
|
|
background: url("/images/yuzhi_bgd.png") no-repeat center/100% 100%;
|
|
color: #ff0000;
|
|
margin-top: 15px;
|
|
}
|
|
.process-control-current-value-data .red-data span{
|
|
color: #ff0000;
|
|
}
|
|
|
|
|
|
|
|
.process-afoot-overflow{
|
|
height: 910px;
|
|
}
|
|
.afoot-machinery-state .hj-moment-blue{
|
|
font-size: 14px;
|
|
}
|
|
|
|
/*安全管理 -- 检查演练*/
|
|
.safety-quality-table{
|
|
padding:10px 15px;
|
|
}
|
|
.safety-hazard-source-type{
|
|
padding: 15px;
|
|
}
|
|
.safety-hazard-source-type table th{
|
|
background: #183753;
|
|
}
|
|
.safety-hazard-source-type table td,.safety-hazard-source-type table th{
|
|
font-weight: 500;
|
|
padding:4px 5px;
|
|
font-size: 14px;
|
|
text-align: center;
|
|
}
|
|
.safety-hazard-source-type table .safety-hazard-source-td{
|
|
color: #cadafe;
|
|
text-align: left;
|
|
}
|
|
.safety-hazard-source-td p{
|
|
padding:5px 0;
|
|
line-height: 20px;
|
|
}
|
|
.safety-hazard-source-td p img{
|
|
width: 10px;
|
|
height: 10px;
|
|
margin-right: 6px;
|
|
}
|
|
.cause-content td{
|
|
width: 50%;
|
|
vertical-align: top;
|
|
text-align: left !important;
|
|
color: #cadafe !important;
|
|
}
|
|
.exercise-photos{
|
|
padding:20px 15px;
|
|
}
|
|
.exercise-photos-status{
|
|
padding: 10px 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-around;
|
|
color:#5ca9ef;
|
|
}
|
|
.exercise-photos-padding{
|
|
padding: 5px;
|
|
text-align: center;
|
|
}
|
|
.exercise-photos-max{
|
|
padding: 10px 0;
|
|
}
|
|
.exercise-photos-overflow{
|
|
overflow: auto;
|
|
}
|
|
.exercise-photos-overflow::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
|
|
|
|
|
|
/*质量管理-过程验收*/
|
|
.trends-max{
|
|
padding: 15px 0;
|
|
}
|
|
.trends-min{
|
|
height: 895px;
|
|
overflow: auto;
|
|
}
|
|
.trends-min::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
|
|
.trends-list{
|
|
padding: 15px;
|
|
border-bottom: 1px dashed #5591df;
|
|
}
|
|
.trends-min .trends-list:last-child{
|
|
border-bottom:none
|
|
}
|
|
.trends-list table td{
|
|
padding: 5px;
|
|
vertical-align: top;
|
|
color: #c4dbfb;
|
|
}
|
|
.trends-list table td:first-child{
|
|
width: 80px;
|
|
}
|
|
.trends-list-position{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.trends-list-status{
|
|
border: 1px solid #f69000;
|
|
background: #584a2d;
|
|
color:#f69000;
|
|
padding: 1px 5px;
|
|
font-size: 14px;
|
|
}
|
|
.trends-list-status.active{
|
|
border: 1px solid #43ad19;
|
|
background: #023f2f;
|
|
color:#43ad19;
|
|
}
|
|
|
|
/*质量管理 原材料进场*/
|
|
.roll-img{
|
|
padding-top: 15px;
|
|
width: 420px;
|
|
overflow: auto;
|
|
}
|
|
.roll-img::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.roll-img-list{
|
|
display: flex;
|
|
}
|
|
.roll-img-info{
|
|
width: 210px;
|
|
text-align: center;
|
|
}
|
|
|
|
/*标准化照片*/
|
|
.bzh-flex{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding:0 10px;
|
|
}
|
|
.bzh-btn{
|
|
width:25px;
|
|
height: 200px;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.bzh-btn img{
|
|
height: 70px;
|
|
width: 100%;
|
|
cursor: pointer;
|
|
}
|
|
.bzh-btn img:hover{
|
|
background: #999999;
|
|
}
|
|
.bzh-btn img:active{
|
|
background: #666666;
|
|
}
|
|
.bzh-content{
|
|
width: 800px;
|
|
display: flex;
|
|
align-items: center;
|
|
overflow: auto;
|
|
}
|
|
.bzh-content::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.bzh-content-img{
|
|
padding:20px 10px;
|
|
}
|
|
.bzh-photo-title{
|
|
padding: 40px 50px 0;
|
|
color: #cbdaff;
|
|
font-size: 18px;
|
|
border-top: 1px solid #2c6cac;
|
|
}
|
|
.bzh-photo-title-top{
|
|
border: 0;
|
|
}
|
|
/*进度管理*/
|
|
|
|
.pcd-img-max{
|
|
padding: 15px;
|
|
}
|
|
.pcd-img-min{
|
|
height: 585px;
|
|
}
|
|
.quality-button-height div{
|
|
height: 30px;
|
|
padding: 0 20px;
|
|
line-height: 30px;
|
|
}
|
|
.pcd-duration-survey-max{
|
|
padding: 0 10px;
|
|
}
|
|
.pcd-duration-survey{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
}
|
|
.pcd-duration-survey-left{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.pcd-duration-survey-time{
|
|
font-size: 13px;
|
|
color: #00aaff;
|
|
}
|
|
|
|
.pcd-problem-analysis{
|
|
padding: 15px;
|
|
}
|
|
.pcd-problem-analysis-title{
|
|
padding: 5px 15px;
|
|
background-image: linear-gradient(to right, #2c6cac , #041328, #041328);
|
|
-webkit-animation: Glow 1s ease infinite alternate;
|
|
animation: Glow 1s ease infinite alternate;
|
|
}
|
|
.pcd-problem-analysis-list{
|
|
display: flex;
|
|
padding: 15px 0;
|
|
color: #b9cbe3;
|
|
}
|
|
.pcd-problem-analysis-label{
|
|
width: 90px;
|
|
color: #adb5c3;
|
|
}
|
|
.pcd-problem-analysis-text{
|
|
width: calc(100% - 90px);
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
overflow: hidden;
|
|
}
|
|
.pcd-output-value{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 20px 0 20px 10px;
|
|
}
|
|
.pcd-output-value-key{
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 12px;
|
|
}
|
|
.pcd-output-value-key-info{
|
|
padding: 0 8px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.pcd-key-1{
|
|
width: 12px;
|
|
height: 12px;
|
|
background-image: linear-gradient(to right, #003cda, #067dff);
|
|
margin-right: 5px;
|
|
}
|
|
.pcd-key-2{
|
|
width: 12px;
|
|
height: 12px;
|
|
background-image: linear-gradient(to right, #008d7e, #26c8bb);
|
|
margin-right: 5px;
|
|
}
|
|
.pcd-output-value-title{
|
|
padding: 0 ;
|
|
}
|
|
.pcd-chart{
|
|
height: 540px;
|
|
}
|
|
.pcd-chart-list{
|
|
height: 90px;
|
|
border: 1px solid #00c240;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.pcd-chart-list-date{
|
|
width: 110px;
|
|
text-align: center;
|
|
}
|
|
.pcd-chart-list-prop{
|
|
width: 80px;
|
|
}
|
|
|
|
/*技术交底*/
|
|
.science-title-number{
|
|
position: absolute;
|
|
left: 100px;
|
|
top: 12px;
|
|
z-index: 99;
|
|
}
|
|
.science-list-max{
|
|
padding: 15px;
|
|
}
|
|
.science-list-min{
|
|
height: 250px;
|
|
overflow: auto;
|
|
}
|
|
.science-list-min::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
|
|
.science-list{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 15px 0;
|
|
border-bottom: 1px dashed #00c240;
|
|
}
|
|
.science-list-min .science-list:last-child{
|
|
border:none
|
|
}
|
|
.science-list-info{
|
|
width: calc(100% - 75px);
|
|
padding-left: 15px;
|
|
}
|
|
.science-list-sign-green{
|
|
border: 1px solid #00c240;
|
|
background: #073d2f;
|
|
color: #00c240;
|
|
padding: 1px 10px;
|
|
width: 50px;
|
|
text-align: center;
|
|
}
|
|
.science-list-sign-orange{
|
|
border: 1px solid #f78f08;
|
|
background: #68492d;
|
|
color: #f78f08;
|
|
padding: 1px 10px 2px;
|
|
width: 50px;
|
|
text-align: center;
|
|
}
|
|
.science-list-sign-name{
|
|
color: #cbdaff;
|
|
padding-top: 10px;
|
|
}
|
|
.science-list-img{
|
|
width: 60px;
|
|
height: 60px;
|
|
background: #142c6a url("http://fileimg.makalu.cc/WEB_8FB4152935074DB39165D962E554FB19.png") no-repeat center/100% 100%;
|
|
}
|
|
.science-list-img-rz{
|
|
background: #142c6a url("http://fileimg.makalu.cc/WEB_4A7304893BDF45F6BD8EFCACAAAD19CB.png") no-repeat center/30px 30px;
|
|
}
|
|
.system-img{
|
|
padding:50px 15px;
|
|
}
|
|
.system-img img{
|
|
width: 100%;
|
|
}
|
|
.process-video-3d{
|
|
padding: 0 20px;
|
|
}
|
|
.process-video-bgd{
|
|
background: #062247;
|
|
height: 205px;
|
|
border-radius: 5px;
|
|
}
|
|
.process-not-video{
|
|
padding-top: 50px;
|
|
text-align: center;
|
|
color: #47a5e3;
|
|
}
|
|
.process-not-video img{
|
|
width: 65px;
|
|
}
|
|
.list-ledger-bgd{
|
|
width: 60px;
|
|
height: 60px;
|
|
background: #142c6a url("/images/circle_icon_12.png") no-repeat center/30px 30px;
|
|
}
|
|
.list-ledger-for{
|
|
padding: 15px 0 5px;
|
|
}
|
|
.science-list-min .list-ledger-for:last-child{
|
|
border:none
|
|
}
|
|
.list-ledger-list{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.list-ledger-teams{
|
|
padding: 10px;
|
|
color: #999999;
|
|
}
|
|
.list-ledger-teams span{
|
|
color: #cbdaff;
|
|
}
|
|
.list-ledger-title{
|
|
color: #00aaff;
|
|
padding-bottom: 10px;
|
|
}
|
|
.list-ledger-info{
|
|
display: flex;
|
|
color: #999999;
|
|
}
|
|
.list-ledger-info span{
|
|
color: #cbdaff;
|
|
}
|
|
.more-btn{
|
|
text-align: center;
|
|
color: #6383aa;
|
|
cursor: pointer;
|
|
padding: 5px 15px;
|
|
background: url("/images/dangerous.png") no-repeat center/100% 100%;
|
|
}
|
|
.more-btn.active{
|
|
background: url("/images/dangerous_active.png") no-repeat center/100% 100%;
|
|
color: #ffffff;
|
|
}
|
|
.more-btn:hover{
|
|
color: #86b2e3;
|
|
}
|
|
.more-btn.active:hover{
|
|
color: #ffffff;
|
|
}
|
|
.warning-popup-project-introduction-info{
|
|
height: 430px;
|
|
overflow: auto;
|
|
}
|
|
.warning-popup-project-introduction-info::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 10px;
|
|
}
|
|
.warning-popup-project-introduction-info::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.warning-popup-project-introduction-info::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.warning-popup-project-for{
|
|
padding: 20px 10px;
|
|
border-bottom: 1px dashed #00c240;
|
|
}
|
|
.warning-popup-project-data{
|
|
display: flex;
|
|
align-items: center;
|
|
color: #aaaaaa;
|
|
}
|
|
.warning-popup-color{
|
|
color: #aaaaaa;
|
|
padding-top: 8px;
|
|
padding-right: 10px;
|
|
}
|
|
.warning-popup-project-data-left{
|
|
display: flex;
|
|
align-items: center;
|
|
width: 50%;
|
|
}
|
|
.warning-popup-project-data-left-value{
|
|
padding-left: 15px;
|
|
}
|
|
.warning-popup-project-data-left-value div{
|
|
padding: 8px 0;
|
|
}
|
|
.warning-popup-project-data-right{
|
|
width: 50%;
|
|
}
|
|
.warning-popup-project-data-right div{
|
|
padding: 8px 0;
|
|
}
|
|
.warning-popup-color-blue{
|
|
color: #00aaff;
|
|
}
|
|
.warning-popup-color-red{
|
|
color: #ff0900;
|
|
}
|
|
.warning-popup-color-silvery{
|
|
color: #cbdaff;
|
|
}
|
|
|
|
|
|
|
|
|
|
/*材料销号制*/
|
|
.xhz-glr-title{
|
|
padding: 20px 25px;
|
|
}
|
|
.xhz-czz-number{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 20px 10px 20px 20px;
|
|
}
|
|
.xhz-quality-button{
|
|
justify-content: right;
|
|
padding: 10px 20px;
|
|
}
|
|
.xhz-survey_title{
|
|
padding: 30px 15px 10px;
|
|
}
|
|
.xhz-device-data{
|
|
padding:0 10px 20px;
|
|
}
|
|
.xhz-device-data-min{
|
|
padding:10px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.xhz-education_bgd{
|
|
width: 80px;
|
|
height: 80px;
|
|
background: url("/images/education_bgd.png") no-repeat bottom/70px 50px;
|
|
}
|
|
.xhz-education_bgd img{
|
|
width: 35px;
|
|
height: 35px;
|
|
}
|
|
.xhz-current-value-data{
|
|
color: #9fafc3;
|
|
font-size: 16px;
|
|
padding-top: 20px;
|
|
padding-left: 10px;
|
|
}
|
|
.xhz-current-value-data p{
|
|
padding: 10px 0;
|
|
}
|
|
.xhz-current-value-data p span{
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
color: #ffffff;
|
|
}
|
|
.xhz-current-value-data p span.open{
|
|
color: #f78f08;
|
|
}
|
|
.xhz-current-value-data p span.close{
|
|
color: #4ab121;
|
|
}
|
|
|
|
.xhz-rank-chart{
|
|
padding: 0;
|
|
}
|
|
.xhz-rank-chart-title span{
|
|
color: #3da2ff;
|
|
font-size: 14px;
|
|
padding-left: 30px;
|
|
}
|
|
.xhz-analyse_title_blue{
|
|
background: url("/images/analyse_title_blue.png") no-repeat left/450px 100% ;
|
|
}
|
|
.xhz-work-order-padding{
|
|
padding: 10px;
|
|
}
|
|
.xhz-work-order-max{
|
|
padding-top: 15px;
|
|
}
|
|
.xhz-work-order{
|
|
height: 645px;
|
|
overflow: auto;
|
|
}
|
|
.xhz-work-order::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 1px;
|
|
}
|
|
.xhz-work-order::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.xhz-work-order::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.xhz-work-order-list{
|
|
padding: 10px;
|
|
}
|
|
.xhz-work-order-bgd{
|
|
padding-bottom: 15px;
|
|
background: url("/images/expect_list.png") no-repeat center/100% 100%;
|
|
}
|
|
.xhz-work-order-info{
|
|
padding:0 10px;
|
|
}
|
|
.xhz-work-order-title{
|
|
height: 40px;
|
|
line-height: 40px;
|
|
padding-right: 20px;
|
|
border-bottom: 1px solid #1c4489;
|
|
display: flex;
|
|
background: url("/images/check_icon.png") no-repeat right/8px 17px;
|
|
}
|
|
.xhz-order-number{
|
|
width: 40px;
|
|
height: 40px;
|
|
text-align: center;
|
|
border-bottom: 1px solid #69b9fe;
|
|
color: #69b9fe;
|
|
font-size: 18px;
|
|
}
|
|
.xhz-job-number{
|
|
width: calc(100% - 40px);
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
cursor: pointer;
|
|
}
|
|
.xhz-job-number:hover{
|
|
color: #1ce7ff;
|
|
}
|
|
.xhz-work-order-table{
|
|
padding: 5px;
|
|
color: #9fafc3;
|
|
}
|
|
.xhz-work-order-table table{
|
|
width: 100%;
|
|
}
|
|
.xhz-work-order-table td{
|
|
padding: 5px;
|
|
}
|
|
.xhz-work-order-table td:first-child{
|
|
width: 80px;
|
|
text-align: right;
|
|
}
|
|
.xhz-project-expect-state{
|
|
padding: 0 15px;
|
|
}
|
|
.xhz-project-expect-state .project-expect-state{
|
|
width: 90px;
|
|
height: 25px;
|
|
font-size: 14px;
|
|
}
|
|
.xhz-exceed-state{
|
|
background: url("/images/expect_list_yc.png") no-repeat center/100% 100%;
|
|
color: #ffffff;
|
|
}
|
|
.xhz-temporary-state{
|
|
background: url("/images/expect_list_ch.png") no-repeat center/100% 100%;
|
|
color: #ffffff;
|
|
}
|
|
|
|
.popup-xhz-title td{
|
|
color: #429fff;
|
|
padding:8px 5px;
|
|
}
|
|
.popup-xhz-title td:nth-child(odd){
|
|
color: #9fafc3;
|
|
width: 110px;
|
|
}
|
|
|
|
|
|
|
|
.xhz-quality-table{
|
|
padding: 5px 0;
|
|
}
|
|
.xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar {
|
|
width: 10px;
|
|
height: 0px;
|
|
}
|
|
.xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #1a3956;
|
|
}
|
|
.xhz-quality-table .el-table__body-wrapper::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.xhz-quality-table .el-table .cell{
|
|
padding: 0 5px;
|
|
}
|
|
.xhz-quality-table .el-table{
|
|
background: none;
|
|
}
|
|
.xhz-quality-table .el-table th, .el-table tr{
|
|
background: none;
|
|
}
|
|
.xhz-quality-table .el-table th{
|
|
height: 45px;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
padding: 0;
|
|
background: #1a3956;
|
|
}
|
|
.xhz-quality-table .el-table td{
|
|
height: 45px;
|
|
text-align: center;
|
|
padding: 0;
|
|
color: #c8dbfc;
|
|
border: 1px solid #227cca;
|
|
}
|
|
|
|
.xhz-quality-table .el-table .el-table__row:nth-child(odd){
|
|
background: none;
|
|
}
|
|
.xhz-quality-table .el-table--enable-row-hover .el-table__body tr:hover>td{
|
|
background: none !important;
|
|
}
|
|
.xhz-quality-table .el-table::before{
|
|
background: none;
|
|
}
|
|
|
|
|
|
.building-max{
|
|
display: flex;
|
|
width: 100%;
|
|
}
|
|
.building-min{
|
|
width: 20%;
|
|
padding: 20px 0;
|
|
cursor: pointer;
|
|
}
|
|
.building-min-title{
|
|
width: 90px;
|
|
height: 35px;
|
|
text-align: center;
|
|
line-height: 35px;
|
|
background: url(/images/dangerous_active.png) no-repeat center/100% 100%;
|
|
margin: auto;
|
|
}
|
|
.building-img{
|
|
text-align: center;
|
|
padding: 10px 0;
|
|
}
|
|
|
|
|
|
|
|
.craft-video-flex{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding:0 10px;
|
|
}
|
|
.craft-video-btn{
|
|
width:5%;
|
|
height: 230px;
|
|
align-items: center;
|
|
display: flex;
|
|
}
|
|
.craft-video-btn img{
|
|
height: 70px;
|
|
cursor: pointer;
|
|
}
|
|
.craft-video-btn img:hover{
|
|
background: #999999;
|
|
}
|
|
.craft-video-btn img:active{
|
|
background: #666666;
|
|
}
|
|
.craft-video-content{
|
|
display: flex;
|
|
align-items: center;
|
|
overflow: auto;
|
|
padding: 15px 0;
|
|
}
|
|
.craft-video-content::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.craft-video-process-video-3d{
|
|
padding: 0 10px;
|
|
}
|
|
|
|
|
|
/*
|
|
.craft-video-process-video-bgd{
|
|
background: #062247;
|
|
height: 250px;
|
|
border-radius: 5px;
|
|
}*/
|
|
|
|
.technical-disclosure{
|
|
overflow: auto;
|
|
padding: 0 25px;
|
|
}
|
|
.technical-disclosure::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.technical-disclosure-for{
|
|
height: 70px;
|
|
}
|
|
.technical-disclosure-title{
|
|
padding:8px 5px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
color: #c2d5f6;
|
|
}
|
|
.technical-disclosure-border{
|
|
background: #1e537e
|
|
}
|
|
.technical-disclosure-bgd{
|
|
height: 8px;
|
|
background: #6ab9fe;
|
|
cursor: pointer;
|
|
}
|
|
.technical-disclosure-text{
|
|
background: url("/images/up.png") no-repeat left/15px 10px;
|
|
padding-left: 25px;
|
|
}
|
|
.technical-disclosure-value span{
|
|
padding: 0 5px;
|
|
}
|
|
|
|
/*安全管理*/
|
|
.toSafety-fixed-left-max{
|
|
position: absolute;
|
|
}
|
|
.toSafety-fixed-left{
|
|
padding: 10px 0 10px 15px;
|
|
width: 473px;
|
|
}
|
|
.toSafety-fixed-left-img{
|
|
position: absolute;
|
|
left: 490px;
|
|
top: 450px;
|
|
cursor: pointer;
|
|
}
|
|
.toSafety-fixed-right-max{
|
|
position: absolute;
|
|
display: flex;
|
|
align-items: center;
|
|
right: 0;
|
|
}
|
|
.toSafety-fixed-right{
|
|
padding: 10px 15px 10px 0;
|
|
width: 473px;
|
|
}
|
|
.toSafety-fixed-right-img{
|
|
position: absolute;
|
|
right: 490px;
|
|
top: 450px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.left-enter,
|
|
.left-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(-473px);
|
|
}
|
|
.left-enter-active,
|
|
.left-leave-active{
|
|
transition: all 0.5s ease;
|
|
}
|
|
.right-enter,
|
|
.right-leave-to {
|
|
opacity: 0;
|
|
transform: translateX(473px);
|
|
}
|
|
.right-enter-active,
|
|
.right-leave-active{
|
|
transition: all 0.5s ease;
|
|
}
|
|
|
|
.toSafety-info-btn{
|
|
text-align: center;
|
|
padding: 5px 0;
|
|
}
|
|
.toSafety-info-btn button{
|
|
padding: 10px 25px;
|
|
background: #143f74;
|
|
color: #ffffff;
|
|
cursor: pointer;
|
|
border-radius: 5px;
|
|
}
|
|
.toSafety-info-btn button:hover{
|
|
background: #155c97;
|
|
}
|
|
|
|
/*安全管理-安全检查*/
|
|
.month-list-max{
|
|
height: 660px;
|
|
overflow: auto;
|
|
}
|
|
.month-list-max::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.month-list-for{
|
|
padding: 10px 0;
|
|
}
|
|
.month-list-min{
|
|
padding: 0 15px;
|
|
height: 200px;
|
|
background: url("/images/weekly_check.png") no-repeat center/100% 100%;
|
|
}
|
|
.inspect-content{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 10px 0;
|
|
color: #aaaaaa;
|
|
}
|
|
.inspect-content-img{
|
|
text-align: center;
|
|
padding: 4px 7px;
|
|
}
|
|
.inspect-content-img p{
|
|
padding-top: 4px;
|
|
}
|
|
.inspect-content-info{
|
|
padding: 0 5px;
|
|
}
|
|
.inspect-content-info div{
|
|
padding: 6px 3px;
|
|
}
|
|
.inspect-content-info div span{
|
|
font-weight: bold;
|
|
}
|
|
|
|
/*教育培训*/
|
|
.safety-education{
|
|
display: flex;
|
|
align-items: center;
|
|
padding:20px 30px 10px;
|
|
}
|
|
.safety-education-min{
|
|
color: #c2d5f6;
|
|
padding-right: 50px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.safety-education-min span{
|
|
font-size: 22px;
|
|
font-weight: bold;
|
|
color: #00aaff;
|
|
padding:0 5px;
|
|
}
|
|
.element-table-ranking{
|
|
padding:10px 5px 10px 15px;
|
|
}
|
|
.element-table-ranking .el-table__body-wrapper::-webkit-scrollbar {
|
|
width: 5px;
|
|
height: 0px;
|
|
}
|
|
.element-table-ranking .el-table__body-wrapper::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #1a3956;
|
|
}
|
|
.element-table-ranking .el-table__body-wrapper::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.element-table-ranking .el-table .cell{
|
|
padding: 0 5px;
|
|
}
|
|
.element-table-ranking .el-table{
|
|
background: none;
|
|
}
|
|
.element-table-ranking .el-table th, .el-table tr{
|
|
background: none;
|
|
color: #cbdaff;
|
|
}
|
|
|
|
.element-table-ranking .el-table th{
|
|
height: 50px;
|
|
text-align: center;
|
|
|
|
padding: 0 5px;
|
|
font-size: 16px;
|
|
font-weight: 400;
|
|
}
|
|
.element-table-ranking .el-table td{
|
|
height: 60px;
|
|
text-align: center;
|
|
padding: 0 5px;
|
|
font-size: 16px;
|
|
}
|
|
.element-table-ranking .el-table td, .el-table th.is-leaf{
|
|
border: 0;
|
|
}
|
|
.element-table-ranking .el-table .el-table__row{
|
|
cursor: pointer;
|
|
}
|
|
.element-table-ranking .el-table .el-table__row:hover{
|
|
color: #00aaff;
|
|
background: url("/images/table_tr.png") no-repeat center/100% 60px;
|
|
}
|
|
.element-table-ranking .el-table--enable-row-hover .el-table__body tr:hover>td{
|
|
background: none !important;
|
|
}
|
|
.element-table-ranking .el-table::before{
|
|
background: none;
|
|
}
|
|
.drill-content{
|
|
padding:15px 10px;
|
|
}
|
|
.drill-list-max{
|
|
height: 570px;
|
|
overflow: auto;
|
|
}
|
|
.drill-list-max::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.drill-list-min{
|
|
padding: 0 15px;
|
|
height: 170px;
|
|
background: url("/images/weekly_check.png") no-repeat center/100% 100%;
|
|
}
|
|
.drill-list-partnership{
|
|
color: #aaaaaa;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
}
|
|
|
|
/*质量管理-过程管控组件*/
|
|
.process-control-new{
|
|
padding: 2px 20px;
|
|
}
|
|
.process-control-new-list{
|
|
margin: 15px 0px;
|
|
height: 100px;
|
|
cursor: pointer;
|
|
background: url("/images/control_bgd.png") no-repeat bottom/100% 40px;
|
|
}
|
|
.active.process-control-new-list{
|
|
background: url("/images/control_bgd_active.png") no-repeat bottom/100% 40px;
|
|
}
|
|
.process-control-new-list:hover{
|
|
background: url("/images/control_bgd_active.png") no-repeat bottom/100% 40px;
|
|
}
|
|
.process-control-new-list:active{
|
|
background: url("/images/control_bgd_active.png") no-repeat bottom/98% 35px;
|
|
}
|
|
.process-control-new-run{
|
|
padding-top: 22px;
|
|
display: flex;
|
|
align-items: center;
|
|
padding-left: 55px;
|
|
}
|
|
.active .process-control-new-run{
|
|
animation: icon 3s infinite;
|
|
-webkit-animation: icon 3s infinite;
|
|
}
|
|
.process-control-new-order{
|
|
height: 40px;
|
|
width: 40px;
|
|
text-align: center;
|
|
line-height: 40px;
|
|
color: #728fb7;
|
|
font-weight: bold;
|
|
background: url("/images/order_1.png") no-repeat center/100% 100%;
|
|
}
|
|
.active .process-control-new-order{
|
|
background: url("/images/order_2.png") no-repeat center/100% 100%;
|
|
color: #00092a;
|
|
}
|
|
.process-control-new-content{
|
|
color: #728fb7;
|
|
}
|
|
.process-control-new-title{
|
|
padding: 5px 15px;
|
|
}
|
|
.active .process-control-new-title{
|
|
color: #ffffff;
|
|
}
|
|
.process-control-new-data{
|
|
padding: 5px 15px;
|
|
display: flex;
|
|
align-items: center;
|
|
font-size: 14px;
|
|
}
|
|
.process-control-new-number-1{
|
|
width: 120px;
|
|
color: #00aaff;
|
|
font-size: 12px;
|
|
}
|
|
.process-control-new-number-2{
|
|
color: #00aaff;
|
|
font-size: 12px;
|
|
}
|
|
.process-control-new-number-1 span{
|
|
color: #728fb7;
|
|
}
|
|
.process-control-new-number-2 span{
|
|
color: #728fb7;
|
|
}
|
|
|
|
/*安全检查 弹窗*/
|
|
.popup-inspect-table td{
|
|
padding: 10px;
|
|
font-size: 16px;
|
|
color: #cbdaff;
|
|
vertical-align: top;
|
|
}
|
|
.popup-inspect-table td:nth-child(odd){
|
|
width: 20%;
|
|
text-align: right;
|
|
}
|
|
.popup-color{
|
|
color: #00aaff;
|
|
}
|
|
.popup-list-con{
|
|
padding:12px 5px;
|
|
font-size: 16px;
|
|
color: #cbdaff;
|
|
vertical-align: top;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.popup-list-title{
|
|
width: 35%;
|
|
text-align: right;
|
|
}
|
|
.popup-list-title-val{
|
|
width: 65%;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
}
|
|
.popup-list-title-job{
|
|
width: 22%;
|
|
}
|
|
.popup-list-title-val-job{
|
|
width: 80%;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
}
|
|
|
|
/*项目概况修改*/
|
|
.safe-production{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 15px;
|
|
}
|
|
.safe-production-time{
|
|
padding-left: 30px;
|
|
}
|
|
.weather-forecast{
|
|
height: 180px;
|
|
}
|
|
.weather-forecast-list{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 15px 50px;
|
|
}
|
|
.weather-forecast-date{
|
|
width: 30%;
|
|
color: #cbdaff;
|
|
}
|
|
.weather-forecast-img{
|
|
width: 30%;
|
|
}
|
|
.weather-forecast-img img{
|
|
width: 30px;
|
|
}
|
|
.weather-forecast-temp{
|
|
width: 40%;
|
|
}
|
|
|
|
/*施工日志*/
|
|
.daily-diary-max{
|
|
padding: 10px;
|
|
}
|
|
.daily-diary-min{
|
|
color:#cbdaff;
|
|
padding:0 10px;
|
|
}
|
|
.daily-diary-img{
|
|
height: 180px;
|
|
padding: 15px;
|
|
position: relative;
|
|
}
|
|
.daily-diary-img img{
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.daily-diary-bottom{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
background: rgba(0, 0 ,0 ,0.5);
|
|
position: absolute;
|
|
bottom: 15px;
|
|
left: 0;
|
|
padding:5px 30px;
|
|
width:calc(100% - 60px);
|
|
color: #ffffff;
|
|
}
|
|
.daily-diary-see{
|
|
color: #00aaff;
|
|
cursor: pointer;
|
|
}
|
|
.daily-diary-time-line-max{
|
|
padding: 10px 0;
|
|
}
|
|
.daily-diary-time-line-min{
|
|
padding: 5px;
|
|
height: 229px;
|
|
overflow: auto;
|
|
}
|
|
.daily-diary-time-line-min::-webkit-scrollbar {
|
|
width: 7px;
|
|
height: 1px;
|
|
}
|
|
.daily-diary-time-line-min::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.daily-diary-time-line-min::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.daily-diary-time-line{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 8px 0;
|
|
}
|
|
.daily-diary-time-line-icon{
|
|
width: 10%;
|
|
padding-top: 4px;
|
|
}
|
|
daily-diary-time-line-icon-4{
|
|
display: block;
|
|
/*align-items: center;*/
|
|
height: 40px;
|
|
line-height: 40px;
|
|
width: 4%;
|
|
padding-top: 4px !important;
|
|
}
|
|
.daily-diary-time-line-icon img{
|
|
width: 25px;
|
|
height: 25px;
|
|
}
|
|
.daily-diary-time-line-title{
|
|
width: 90%;
|
|
display: flex;
|
|
height: 40px;
|
|
/*align-items: center;*/
|
|
justify-content: space-between;
|
|
margin-top: 15px;
|
|
margin-left: 15px;
|
|
cursor: pointer;
|
|
color: #c5d9fd;
|
|
}
|
|
.daily-diary-time-line-title:hover{
|
|
color: #00aaff;
|
|
}
|
|
.daily-diary-time-line-arrow{
|
|
width: 20px;
|
|
color: #00aaff;
|
|
}
|
|
.daily-diary-time-line-info-max{
|
|
padding: 10px 12px;
|
|
}
|
|
.daily-diary-time-line-info{
|
|
padding-left: 27px;
|
|
border-left: 1px dashed #00aaff;
|
|
}
|
|
.daily-diary-time-line-subtitle{
|
|
font-size: 14px;
|
|
color: #98a1aa;
|
|
}
|
|
.daily-diary-time-line-subtitle p{
|
|
padding: 2px 0;
|
|
}
|
|
.daily-diary-info-for{
|
|
padding: 8px 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.daily-diary-info-left{
|
|
height: 45px;
|
|
padding-left: 45px;
|
|
background: url("/images/daily_img.png") no-repeat left/38px 38px;
|
|
}
|
|
.daily-diary-info-text{
|
|
padding-bottom: 5px;
|
|
}
|
|
.daily-diary-info-right{
|
|
cursor: pointer;
|
|
color: #00aaff;
|
|
}
|
|
.daily-diary-info-right:hover{
|
|
color: #0080d3;
|
|
}
|
|
.popup-daily-img{
|
|
position: relative;
|
|
height: 600px;
|
|
}
|
|
.popup-daily-img img{
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.popup-daily-img-title{
|
|
width:calc(100% - 30px) ;
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding: 10px 15px;
|
|
background: rgba(0,0,0,0.5);
|
|
color:#cbdaff;
|
|
}
|
|
.popup-daily-title{
|
|
color:#cbdaff;
|
|
position: relative;
|
|
}
|
|
.popup-daily-title i{
|
|
color: #00aaff;
|
|
margin-right: 5px;
|
|
font-size: 20px;
|
|
position: relative;
|
|
top: 3px;
|
|
}
|
|
.popup-daily-sift{
|
|
padding:0 0 0 15px;
|
|
}
|
|
.popup-daily-sift-table{
|
|
padding: 10px 0;
|
|
}
|
|
.popup-daily-sift-table table td{
|
|
padding:8px 5px;
|
|
}
|
|
.popup-daily-sift-table table td:first-child{
|
|
width: 80px;
|
|
color: #98a1aa;
|
|
}
|
|
.popup-daily-sift-date{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.popup-daily-sift-date div{
|
|
width: 20%;
|
|
border: 1px solid #0d3568;
|
|
text-align: center;
|
|
padding: 3px 0;
|
|
color: #7895b5;
|
|
cursor: pointer;
|
|
}
|
|
.popup-daily-sift-date .active{
|
|
border: 1px solid #4584a7;
|
|
background: #132b57;
|
|
color: #ffffff;
|
|
}
|
|
.popup-daily-sift-btn{
|
|
width: 50%;
|
|
border: 1px solid #3d84b0;
|
|
background: #122a56;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
.popup-daily-sift-btn:hover{
|
|
border: 1px solid #2c5877;
|
|
background: #0f1c38;
|
|
}
|
|
.popup-daily-sift-btn:active{
|
|
background: #192447;
|
|
}
|
|
.popup-daily-list-max{
|
|
padding: 12px 0;
|
|
}
|
|
.popup-daily-list-min{
|
|
height: 310px;
|
|
overflow: auto;
|
|
}
|
|
.popup-daily-list-min::-webkit-scrollbar {
|
|
width: 7px;
|
|
height: 1px;
|
|
}
|
|
.popup-daily-list-min::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.popup-daily-list-min::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.popup-daily-list-for{
|
|
padding: 5px 0;
|
|
}
|
|
.popup-daily-list{
|
|
height: 160px;
|
|
padding-right: 10px;
|
|
position: relative;
|
|
}
|
|
.popup-daily-list img{
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.popup-daily-list-bottom{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
background: rgba(0, 0 ,0 ,0.5);
|
|
position: absolute;
|
|
bottom: 0;
|
|
left: 0;
|
|
padding:5px 15px;
|
|
width:calc(100% - 40px);
|
|
color: #ffffff;
|
|
}
|
|
.popup-daily-list-see{
|
|
color: #00aaff;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*技术管理*/
|
|
.new-technical-max{
|
|
padding:30px 15px;
|
|
|
|
}
|
|
.new-technical{
|
|
padding:25px 10px;
|
|
width: calc(100% - 20px);
|
|
}
|
|
.date-font-size span{
|
|
font-size: 18px;
|
|
}
|
|
.technical-overflow-max{
|
|
overflow: hidden;
|
|
}
|
|
.technical-overflow-min{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
|
|
.technical-innovation-max{
|
|
padding: 15px 0;
|
|
|
|
}
|
|
.technical-innovation{
|
|
display: flex;
|
|
padding: 5px;
|
|
}
|
|
.technical-innovation-text{
|
|
width: 100px;
|
|
color: #9ba3b0;
|
|
}
|
|
.technical-innovation-info{
|
|
width: calc(100% - 80px);
|
|
color: #00aaff;
|
|
}
|
|
.technical-index-min li{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding:9px 12px;
|
|
}
|
|
.technical-index-text{
|
|
color:#cbdaff;
|
|
width: calc(30% - 20px);
|
|
background: url("/images/text_spot.png") no-repeat left/10px 10px;
|
|
padding-left: 20px;
|
|
}
|
|
.technical-index-hr{
|
|
width: 50%;
|
|
border: 1px dashed #104384;
|
|
}
|
|
.technical-index-state{
|
|
width: 20%;
|
|
display: flex;
|
|
justify-content: right;
|
|
}
|
|
.technical-index-state-tag{
|
|
height: 25px;
|
|
width: 80%;
|
|
border: 1px solid #ff8b0a;
|
|
background: #5c4b3b;
|
|
color: #ff8b0a;
|
|
text-align: center;
|
|
line-height: 25px;
|
|
font-size: 14px;
|
|
}
|
|
.technical-index-state-tag.active{
|
|
border: 1px solid #4ab121;
|
|
background: #004230;
|
|
color: #4ab121;
|
|
}
|
|
.technical-index-text-btn{
|
|
position: absolute;
|
|
right: 30px;
|
|
top: 12px;
|
|
z-index: 99;
|
|
padding-right: 20px;
|
|
background: url("/images/check_icon.png") no-repeat right/10px 20px;
|
|
cursor: pointer;
|
|
color:#cbdaff;
|
|
}
|
|
.technical-index-text-btn:hover{
|
|
color: #ffffff;
|
|
}
|
|
.technical-index-title{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
padding: 0 30px;
|
|
}
|
|
.technical-index-title-bgd{
|
|
background-image: linear-gradient(to right, #2c70b1 , #0a1b35);
|
|
padding: 5px 15px;
|
|
color:#cbdaff;
|
|
}
|
|
.technology{
|
|
position: relative;
|
|
height: 610px;
|
|
background: url("/images/technology_bgd.png") no-repeat top/100% 100%;
|
|
}
|
|
.technology-module{
|
|
position: absolute;
|
|
}
|
|
.technology-btn{
|
|
padding: 0 20px;
|
|
min-width: 60px;
|
|
height: 30px;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
position: relative;
|
|
color: #cbdaff;
|
|
background: url(/images/dangerous_active.png) no-repeat center/100% 100%;
|
|
cursor: pointer;
|
|
}
|
|
.technology-btn:hover{
|
|
color: #ffffff;
|
|
}
|
|
.technology-btn img{
|
|
width: 8px;
|
|
position: absolute;
|
|
right: 8px;
|
|
top: 7px;
|
|
}
|
|
.technology-photo{
|
|
width: 65px;
|
|
height: 91px;
|
|
margin: 5px auto;
|
|
}
|
|
.technology-not-photo{
|
|
width: 70px;
|
|
height: 98px;
|
|
line-height: 98px;
|
|
background: #1d3d6c;
|
|
font-size: 12px;
|
|
color: #00aaff;
|
|
margin: 8px 0;
|
|
text-align: center;
|
|
}
|
|
.technology-name{
|
|
text-align: center;
|
|
color: #cbdaff;
|
|
}
|
|
.technology-min{
|
|
justify-content: center;
|
|
}
|
|
|
|
.new-technology{
|
|
position: relative;
|
|
height: 615px;
|
|
background: url("/images/technology_bgd_new.png") no-repeat top/100% 100%;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/*延迟摄影*/
|
|
.delay-list-max{
|
|
padding: 15px;
|
|
}
|
|
.delay-list-min{
|
|
height: 910px;
|
|
overflow: auto;
|
|
}
|
|
.delay-list-min::-webkit-scrollbar {
|
|
width: 7px;
|
|
height: 1px;
|
|
}
|
|
.delay-list-min::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.delay-list-min::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.delay-list-title-bgd{
|
|
height: 60px;
|
|
line-height: 60px;
|
|
padding:0 15px;
|
|
background: url("/images/table_tr.png") no-repeat center/100% 50px;
|
|
}
|
|
.delay-list-title{
|
|
cursor: pointer;
|
|
color:#00aaff;
|
|
background: url("/images/survey_icon_3.png") no-repeat right/22px 22px;
|
|
}
|
|
.delay-list-title.active{
|
|
color:#ffffff;
|
|
}
|
|
.delay-list-title:hover{
|
|
color:#ffffff;
|
|
}
|
|
.delay-list-img-list{
|
|
padding:5px;
|
|
height: 190px;
|
|
position: relative;
|
|
}
|
|
.delay-list-img-date{
|
|
position: absolute;
|
|
bottom: 5px;
|
|
left: 0;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
padding: 0 15px;
|
|
background: rgba(0,0,0,0.5);
|
|
width: calc(100% - 30px);
|
|
}
|
|
.delay-video{
|
|
padding: 20px 0;
|
|
}
|
|
|
|
/*电子沙盘*/
|
|
|
|
.sand-table-quality{
|
|
padding: 10px 0px 10px 20px;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.sand-table-bgd{
|
|
background: url("/images/education_bgd.png") no-repeat bottom/80px 55px;
|
|
}
|
|
.sand-table-bgd img{
|
|
width: 35px;
|
|
height: 35px;
|
|
}
|
|
.sand-table-value-data{
|
|
color: #c0dafb;
|
|
padding-left: 10px;
|
|
}
|
|
.sand-table-value-data p{
|
|
padding-top: 15px;
|
|
font-size: 20px;
|
|
font-weight: bold;
|
|
color: #62cff8;
|
|
}
|
|
.sand-table-value-data p span{
|
|
color: #c0dafb;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.sand-table-background{
|
|
position: absolute;
|
|
width: 1920px;
|
|
height: 1080px;
|
|
background: url("/images/sand_table_bgd.png") no-repeat center/100% 100%;
|
|
}
|
|
.sand-table-background img{
|
|
position: absolute;
|
|
cursor: pointer;
|
|
}
|
|
.bottom-legend{
|
|
width: 50%;
|
|
position: fixed;
|
|
bottom: 20px;
|
|
left: 25%;
|
|
height: 40px;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.bottom-legend-icon{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.bottom-legend-list{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.bottom-legend-list img{
|
|
width: 25px;
|
|
height: 25px;
|
|
}
|
|
.bottom-legend-list span{
|
|
padding: 0 15px 0 10px;
|
|
}
|
|
.bottom-legend-state{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.bottom-state-list{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.bottom-state-list span{
|
|
padding:0 10px;
|
|
}
|
|
.bottom-state-list button{
|
|
width: 15px;
|
|
height: 15px;
|
|
border: 0;
|
|
}
|
|
.bottom-state-zc{
|
|
background: #008efe;
|
|
}
|
|
.bottom-state-bj{
|
|
background: #d64349;
|
|
}
|
|
.bottom-state-lx{
|
|
background: #9da4b6;
|
|
}
|
|
.sand-table-popup-max{
|
|
width: 380px;
|
|
position: absolute;
|
|
}
|
|
.sand-table-top-icon{
|
|
height: 5px;
|
|
background: url("/images/popup_top.png") no-repeat left/100px 5px;
|
|
}
|
|
.sand-table-popup-content{
|
|
padding: 2px;
|
|
border: 1px solid #3473b8;
|
|
background: rgba(22, 37, 75, 0.9);
|
|
position: relative;
|
|
}
|
|
.sand-table-popup-jx-close{
|
|
font-size: 25px;
|
|
width: 25px;
|
|
height: 25px;
|
|
text-align: center;
|
|
line-height: 25px;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
position: absolute;
|
|
right: 10px;
|
|
top: 5px;
|
|
}
|
|
.sand-table-popup-jx-close:hover {
|
|
background: #37536f;
|
|
}
|
|
.sand-table-popup-content-title{
|
|
height: 30px;
|
|
background: url("/images/map_popup_title.png") no-repeat left/100% 100%;
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 0 10px;
|
|
justify-content: space-between;
|
|
}
|
|
.sand-table-popup-content-close{
|
|
font-size: 25px;
|
|
width: 25px;
|
|
height: 25px;
|
|
text-align: center;
|
|
line-height: 25px;
|
|
border-radius: 50%;
|
|
cursor: pointer;
|
|
}
|
|
.sand-table-popup-content-close:hover {
|
|
background: #37536f;
|
|
}
|
|
.sand-table-popup-content-date{
|
|
padding:10px;
|
|
font-size: 14px;
|
|
color: #00aaff;
|
|
}
|
|
.sand-ji-keng-info{
|
|
padding:0 5px 10px;
|
|
font-size: 14px;
|
|
color: #c0dafb;
|
|
}
|
|
.sand-ji-keng-info table th{
|
|
font-weight: 400;
|
|
padding: 5px;
|
|
background: #203f65;
|
|
text-align: center;
|
|
color: #ffffff;
|
|
}
|
|
.sand-ji-keng-info table td{
|
|
padding:8px 5px;
|
|
text-align: center;
|
|
}
|
|
.sand-ji-keng-info table td:nth-child(2){
|
|
color: #00aaff;
|
|
}
|
|
.sand-ji-keng-info table td:nth-child(3){
|
|
color: #ff9900;
|
|
}
|
|
.sand-ji-keng-info table td:nth-child(4){
|
|
color: #ff0000;
|
|
}
|
|
.sand-table-popup-ligature{
|
|
width: 36px;
|
|
height: 60px;
|
|
margin:-10px auto 0;
|
|
position: absolute;
|
|
background: url("/images/ligature.png") no-repeat center/100% 100%;
|
|
left: 45%;
|
|
}
|
|
|
|
.sand-table-ji-xie-content{
|
|
padding: 10px;
|
|
}
|
|
.sand-table-ji-xie-top{
|
|
padding-bottom: 15px;
|
|
}
|
|
.sand-table-ji-xie-title{
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.sand-table-ji-xie-title-img{
|
|
width: 60px;
|
|
height: 60px;
|
|
background: #0e3157;
|
|
text-align: center;
|
|
}
|
|
.sand-table-ji-xie-title-img img{
|
|
width: 35px;
|
|
height: 35px;
|
|
transform: translateY(40%);
|
|
}
|
|
.sand-table-ji-xie-title-text{
|
|
width: calc(100% - 75px);
|
|
padding-left: 15px;
|
|
}
|
|
.sand-table-ji-xie-title-name{
|
|
padding: 6px 0;
|
|
}
|
|
.sand-table-ji-xie-title-model{
|
|
padding: 6px 0;
|
|
color: #00aaff;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.sand-table-ji-xie-title-model span{
|
|
background: #1b8807;
|
|
color: #ffffff;
|
|
font-size: 14px;
|
|
padding: 1px 8px;
|
|
border-radius: 10px 0 10px 0;
|
|
}
|
|
|
|
.sand-table-ji-xie-info{
|
|
padding: 10px 0;
|
|
border-top: 2px dashed #4999d6;
|
|
border-bottom: 2px dashed #4999d6;
|
|
}
|
|
.sand-table-ji-xie-info-list{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 7px 0;
|
|
}
|
|
.sand-table-ji-xie-info-list div:first-child{
|
|
width: 45%;
|
|
}
|
|
.sand-table-ji-xie-info-list div:last-child{
|
|
width: 55%;
|
|
}
|
|
.sand-table-ji-xie-info-list span{
|
|
color: #00aaff;
|
|
}
|
|
.sand-table-ji-xie-info-details{
|
|
padding: 7px 0;
|
|
}
|
|
.sand-table-ji-xie-info-details span{
|
|
color: #00aaff;
|
|
}
|
|
.sand-table-ji-xie-driver{
|
|
padding-bottom: 12px;
|
|
}
|
|
.sand-table-ji-xie-project{
|
|
padding: 15px 0;
|
|
color: #c0dafb;
|
|
}
|
|
.sand-table-ji-xie-address{
|
|
margin: 10px 0;
|
|
background: #1e355f;
|
|
padding: 6px;
|
|
color: #00aaff;
|
|
}
|
|
.sand-bys-info{
|
|
padding:10px 5px;
|
|
color: #c0dafb;
|
|
font-size: 14px;
|
|
}
|
|
.sand-bys-info table td{
|
|
padding:8px 3px;
|
|
text-align: center;
|
|
}
|
|
.sand-bys-info-val{
|
|
padding-bottom: 10px;
|
|
}
|
|
.sand-bys-info-val span{
|
|
font-size: 20px;
|
|
color: #00aaff;
|
|
}
|
|
|
|
.sand-table-battery{
|
|
display: flex;
|
|
align-items: center;
|
|
color: #2ac807
|
|
}
|
|
.sand-table-battery.active{
|
|
color: #ff0000;
|
|
}
|
|
.sand-table-battery-icon{
|
|
padding: 2px 5px 2px 2px;
|
|
height: 10px;
|
|
width: 23px;
|
|
background: url("/images/battery.png") no-repeat center/100% 100%;
|
|
margin-right: 5px;
|
|
}
|
|
.sand-table-battery.active .sand-table-battery-icon{
|
|
background: url("/images/battery_red.png") no-repeat center/100% 100%;
|
|
}
|
|
.sand-table-battery-quantity{
|
|
height: 100%;
|
|
background: #1b8807;
|
|
}
|
|
.sand-table-battery.active .sand-table-battery-quantity{
|
|
background: #ff0000;
|
|
}
|
|
|
|
/*2023-5-6 标准换照片修改*/
|
|
.img-see-details{
|
|
cursor: pointer;
|
|
color: #00a8ff;
|
|
}
|
|
.amplify-carousel{
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0,0,0,0.6);
|
|
left: 0;
|
|
top: 0;
|
|
z-index:2002 ;
|
|
}
|
|
.amplify-carousel-img{
|
|
width: 100%;
|
|
height: 100%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
}
|
|
.amplify-carousel-img img{
|
|
transform: scale(1) rotate(0deg);
|
|
margin-left: 0px;
|
|
margin-top: 0px;
|
|
max-height: 100%;
|
|
max-width: 100%;
|
|
}
|
|
.amplify-carousel-btn{
|
|
position: fixed;
|
|
width: 44px;
|
|
height: 44px;
|
|
border-radius: 50%;
|
|
font-size: 24px;
|
|
color: #fff;
|
|
background-color: #606266;
|
|
z-index: 2003;
|
|
line-height: 44px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
}
|
|
.amplify-carousel-left{
|
|
top: 50%;
|
|
left: 40px;
|
|
}
|
|
.amplify-carousel-right{
|
|
top: 50%;
|
|
right: 40px;
|
|
text-indent: 2px;
|
|
}
|
|
.amplify-carousel-btn:active{
|
|
background-color:#444444;
|
|
}
|
|
.amplify-carousel-close{
|
|
position: fixed;
|
|
width: 35px;
|
|
height: 35px;
|
|
border-radius: 50%;
|
|
font-size: 24px;
|
|
color: #fff;
|
|
border:1px solid #fff;
|
|
z-index: 2003;
|
|
line-height: 35px;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
top: 40px;
|
|
right: 40px;
|
|
}
|
|
.amplify-carousel-close:hover{
|
|
background-color:#606266;
|
|
}
|
|
.amplify-carousel-close:active{
|
|
background-color:#444444;
|
|
}
|
|
|
|
/*过程管控 planne-output 组件*/
|
|
.output-content{
|
|
overflow: auto;
|
|
}
|
|
.output-content::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 1px;
|
|
}
|
|
.output-content::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
background: #192c64;
|
|
}
|
|
.output-content::-webkit-scrollbar-track {
|
|
border-radius: 10px;
|
|
background: #010b2d;
|
|
}
|
|
.output-content-for{
|
|
height: 90px;
|
|
}
|
|
.output-title{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
color: #c0dafb;
|
|
padding: 5px 0;
|
|
}
|
|
.output-rightTitle{
|
|
display: flex;
|
|
align-items: center;
|
|
width: 180px;
|
|
height: 21px;
|
|
}
|
|
.output-bar{
|
|
padding: 3px 0;
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
}
|
|
.output-bar-border{
|
|
width: 80%;
|
|
border: 1px solid #1d446d;
|
|
padding: 2px;
|
|
}
|
|
.output-bar-background-1{
|
|
background-image: linear-gradient(to right, #003cda, #067dff);
|
|
height: 8px;
|
|
}
|
|
.output-bar-background-2{
|
|
background-image: linear-gradient(to right, #008d7e, #26c8bb);
|
|
height: 8px;
|
|
}
|
|
.output-bar-value{
|
|
width: 15%;
|
|
color: #067dff;
|
|
}
|
|
/*质量管理*/
|
|
.milestone-max{
|
|
padding: 15px 0;
|
|
}
|
|
.milestone-min{
|
|
height: 900px;
|
|
overflow: auto;
|
|
}
|
|
.milestone-min::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.milestone-for{
|
|
padding: 15px 10px;
|
|
}
|
|
.milestone-background{
|
|
background: url("/images/milestone_bgd.png") no-repeat center/100% 100%;
|
|
}
|
|
.milestone-title{
|
|
display: flex;
|
|
align-items: center;
|
|
border-bottom: 1px solid #194689;
|
|
}
|
|
.milestone-title-number{
|
|
height: 50px;
|
|
width: 50px;
|
|
text-align: center;
|
|
line-height: 50px;
|
|
color: #42d0ff;
|
|
border-bottom: 1px solid #42d0ff;
|
|
}
|
|
.milestone-title-text{
|
|
width: calc(100% - 60px);
|
|
padding-left: 10px;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
}
|
|
.milestone-table{
|
|
color: #9ea6b1;
|
|
padding: 20px 15px 0;
|
|
}
|
|
.milestone-table table td:first-child{
|
|
width: 90px;
|
|
}
|
|
.milestone-table table{
|
|
height: 200px;
|
|
}
|
|
.milestone-table table td{
|
|
vertical-align: top;
|
|
}
|
|
|
|
/*龙门吊样式*/
|
|
.lmd-stat{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 15px;
|
|
}
|
|
.lmd-stat img{
|
|
width: 50px;
|
|
height: 50px;
|
|
}
|
|
.lmd-stat-con{
|
|
padding: 10px;
|
|
color: #c0dafb;
|
|
}
|
|
.lmd-stat-con p{
|
|
padding-bottom: 10px;
|
|
}
|
|
.lmd-stat-con span{
|
|
font-size: 20px;
|
|
color: #00a8ff;
|
|
}
|
|
|
|
.xhz-concrete-nav{
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between
|
|
}
|
|
.xhz-concrete-nav .sjk-chart-line-title-tz button{
|
|
width: 100px;
|
|
}
|
|
.xhz-concrete-nav .more-btn{
|
|
width: auto !important;
|
|
padding: 5px 12px;
|
|
}
|
|
|
|
.many-chart-max{
|
|
width: 1350px;
|
|
margin: auto;
|
|
overflow: hidden;
|
|
display: flex;
|
|
align-items: center;
|
|
}
|
|
.many-chart-min{
|
|
display:flex
|
|
}
|
|
.many-chart-text{
|
|
padding-top: 15px;
|
|
font-size: 18px;
|
|
color: #00f1fc;
|
|
}
|
|
.xhz-concrete-legend{
|
|
display: flex;
|
|
align-items: center;
|
|
padding: 5px 15px 0;
|
|
}
|
|
.xhz-concrete-legend-1 button{
|
|
width: 20px;
|
|
height: 15px;
|
|
margin-right: 5px;
|
|
background: rgba(64,124,254,1)
|
|
}
|
|
.xhz-concrete-legend-2 button{
|
|
width: 20px;
|
|
height: 15px;
|
|
margin-right: 5px;
|
|
background: rgba(25,210,204,1)
|
|
}
|
|
|
|
/*技术管理*/
|
|
.plan-max{
|
|
height: 420px;
|
|
overflow: auto;
|
|
}
|
|
.plan-max::-webkit-scrollbar{
|
|
width: 0px;
|
|
height: 0px;
|
|
}
|
|
.plan-list-for{
|
|
padding: 10px 0;
|
|
}
|
|
.plan-list-min{
|
|
padding: 0 15px;
|
|
height: 190px;
|
|
background: url("/images/weekly_check.png") no-repeat center/100% 100%;
|
|
}
|
|
.plan-list-title{
|
|
height: 40px;
|
|
line-height: 40px;
|
|
padding-right: 20px;
|
|
display: flex;
|
|
}
|
|
.plan-list-title-border{
|
|
border-bottom: 1px solid #1c4489;
|
|
}
|
|
.plan-list-con{
|
|
padding: 10px 0;
|
|
color: #aaaaaa;
|
|
}
|
|
.plan-list-flex{
|
|
padding: 10px 0;
|
|
color: #aaaaaa;
|
|
display: flex;
|
|
}
|
|
.plan-list-flex-title{
|
|
width: 80px;
|
|
}
|
|
.plan-list-flex-con{
|
|
width: calc(100% - 80px);
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
}
|
|
.plan-list-title-max{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
align-items: center;
|
|
border-bottom: 1px solid #1c4489;
|
|
}
|
|
.plan-list-name{
|
|
width: 280px;
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
}
|
|
.plan-list-flex-node-title{
|
|
width: 115px;
|
|
}
|
|
.plan-list-flex-node-con{
|
|
width: calc(100% - 120px);
|
|
overflow: hidden;
|
|
white-space:nowrap;
|
|
text-overflow:ellipsis;
|
|
}
|
|
/*2023-05-29*/
|
|
.log-content{
|
|
padding: 10px 0;
|
|
border-bottom: 2px dashed #4999d6;
|
|
}
|
|
.log-title{
|
|
padding: 5px 25px;
|
|
background: url("http://fileimg.makalu.cc/WEB_8AC1D23FA99E4783A11E6AA15958F945.png") no-repeat left/20px;
|
|
color: #00aaff;
|
|
font-weight: bold;
|
|
}
|
|
.log-list-con{
|
|
padding: 7px;
|
|
}
|
|
.log-list{
|
|
padding: 10px;
|
|
}
|
|
.log-list span{
|
|
color: #00aaff;
|
|
font-size: 18px;
|
|
}
|
|
/*进度管理-新*/
|
|
.topBox{
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
display: none;
|
|
}
|
|
.bottomBox{
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 100%;
|
|
display: none;
|
|
}
|
|
.showchart{
|
|
display: block;
|
|
}
|
|
.videoBox{
|
|
position: relative;
|
|
}
|
|
/*筛选框*/
|
|
.select-shigong{
|
|
padding: 5px ;
|
|
width: 130px;
|
|
cursor: pointer;
|
|
background: url("/images/dangerous.png") no-repeat center/100% 100%;
|
|
color: #5388b0;
|
|
font-size: 16px;
|
|
}
|
|
|
|
select:focus{
|
|
outline: none;
|
|
}
|
|
option {
|
|
display:block;
|
|
padding: 5px ;
|
|
width: 130px;
|
|
height: 30px;
|
|
cursor: pointer;
|
|
margin-right: 20px;
|
|
color: #5388b0;
|
|
font-size: 16px;
|
|
background-color: #020e26;
|
|
}
|
|
/*施工日志-填报日志弹窗*/
|
|
.date-shigong{
|
|
display: flex;
|
|
align-items: center;
|
|
margin: 10px;
|
|
}
|
|
|
|
|
|
/*修改时间位置*/
|
|
.el-input__prefix{
|
|
position: relative;
|
|
}
|
|
|
|
|
|
.el-input__icon{
|
|
position: absolute;
|
|
right: 5px;
|
|
}
|
|
/*修改input*/
|
|
.el-input__inner{
|
|
padding-left: 6px !important;
|
|
border-radius: 0px !important;
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|