581 lines
9.5 KiB
CSS
581 lines
9.5 KiB
CSS
|
||
.selectbar{
|
||
color: #63CAFF;
|
||
font-size: .175rem;
|
||
margin-right: .125rem;
|
||
padding-right: .25rem;
|
||
background-image: url(../imags/select.png);
|
||
background-position: right center;
|
||
background-size: .15rem .15rem;
|
||
background-repeat: no-repeat;
|
||
}
|
||
/* 人工时 */
|
||
.y_rgss {
|
||
justify-content: space-between;
|
||
padding: 20px 0;
|
||
}
|
||
.th > p > .s1 {
|
||
width: 33.33%;
|
||
display: inline-block;
|
||
text-align: center;
|
||
height: auto;
|
||
line-height: normal;
|
||
}
|
||
|
||
.tr1 {
|
||
display: flex;
|
||
color: #FFFFFF;
|
||
font-size: .175rem;
|
||
|
||
/* height: .425rem;
|
||
line-height: .425rem; */
|
||
}
|
||
.y_rgs {
|
||
width: 149px;
|
||
height: 70px;
|
||
background-image: url(../imags/10.png);
|
||
justify-content: center;
|
||
}
|
||
|
||
.y_rgs>.y_rgs_val {
|
||
width: 100%;
|
||
font-size: .275rem;
|
||
color: #00FFFF;
|
||
text-align: center;
|
||
}
|
||
|
||
.y_rgs>.y_rgs_label {
|
||
width: 100%;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
color: #FFFFFF;
|
||
}
|
||
|
||
/* 安全管理人员 */
|
||
.y_aq {
|
||
width: 100%;
|
||
justify-content: space-between;
|
||
}
|
||
|
||
.y_aq_box {
|
||
width: 239px;
|
||
height: 54px;
|
||
background-image: url(../imags/11.png);
|
||
align-items: center;
|
||
justify-content: space-between;
|
||
padding: 0 20px;
|
||
}
|
||
|
||
.y_aq_label {
|
||
font-size: 14px;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.y_aq_value {
|
||
font-size: 22px;
|
||
color: #00FFFF;
|
||
}
|
||
|
||
/* 整改 */
|
||
.y_zg {
|
||
margin-top: 20px;
|
||
}
|
||
|
||
.y_zg_title {
|
||
font-size: 14px;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.y_zg_box {
|
||
flex: 1;
|
||
}
|
||
|
||
.y_zg_main {
|
||
margin-top: 10px;
|
||
}
|
||
|
||
.y_zg_value {
|
||
height: 20px;
|
||
text-align: center;
|
||
line-height: 20px;
|
||
font-size: 14px;
|
||
}
|
||
|
||
.y_zg_label {
|
||
margin-top: 8px;
|
||
text-align: center;
|
||
font-size: 14px;
|
||
color: #FFFFFF;
|
||
}
|
||
|
||
|
||
|
||
|
||
/* 人员信息 */
|
||
|
||
.y_rys {
|
||
padding: .25rem;
|
||
justify-content: space-between;
|
||
padding-bottom: 0;
|
||
}
|
||
|
||
.y_ry {
|
||
width: 1.95rem;
|
||
height: .5rem;
|
||
background-image: url(../imags/19.png);
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
padding: 0 .125rem;
|
||
}
|
||
|
||
.y_ry_label {
|
||
font-size: .175rem;
|
||
color: #ffffff;
|
||
}
|
||
|
||
.y_ry_value {
|
||
font-size: .3rem;
|
||
color: #E9E931;
|
||
}
|
||
|
||
.y_rymap {
|
||
height: calc(100% - 1rem);
|
||
}
|
||
|
||
/* 材料到货 */
|
||
.y_tabs {
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
color: #96DBFF;
|
||
width: 1.925rem;
|
||
}
|
||
|
||
.y_tabs>span {
|
||
width: .9625rem;
|
||
height: .275rem;
|
||
text-align: center;
|
||
line-height: .275rem;
|
||
}
|
||
.y_tab-action{
|
||
background-image: url(../imags/20.png);
|
||
}
|
||
/* .table{
|
||
width: 100%;
|
||
border: 1px solid #1B538B;
|
||
border-collapse:collapse;
|
||
margin-top: .25rem;
|
||
}
|
||
.tr{
|
||
width: 100%;
|
||
height: .425rem;
|
||
background: rgba(33, 55, 113, .4);
|
||
display: flex;
|
||
flex-direction: row;
|
||
line-height: .425rem;
|
||
}
|
||
.tr:nth-child(2n -1) {
|
||
background-color: rgba(33, 55, 113, 0);
|
||
}
|
||
|
||
.tr>span{
|
||
flex:1;
|
||
font-weight: 0;
|
||
color: #ffffff;
|
||
width: .9rem;
|
||
text-align: center;
|
||
}
|
||
.tbody{
|
||
height: 2.5375rem;
|
||
overflow: hidden;
|
||
overflow-y: scroll;
|
||
}
|
||
.tbody::-webkit-scrollbar{
|
||
width: 0;
|
||
} */
|
||
/* 居中项目简介 */
|
||
.y_top_boxs{
|
||
margin-top: .625rem;
|
||
height: 1.85rem;
|
||
width: 100%;
|
||
justify-content: space-between;
|
||
}
|
||
.y_top_box{
|
||
width: 2.925rem;
|
||
height: 1.85rem;
|
||
justify-content: center;
|
||
align-items: center;
|
||
background-image: url(../imags/c01.png);
|
||
color: #ffffff;
|
||
}
|
||
.y_top_box_label{
|
||
font-size: .225rem;
|
||
}
|
||
.y_top_box_value{
|
||
font-size: .5rem;
|
||
font-family: 'DIN';
|
||
}
|
||
/* 地图样式 */
|
||
|
||
.y_map_container{
|
||
height: calc(100% - 2.475rem);
|
||
padding-top: .25rem;
|
||
width: 100%;
|
||
/* background-color: red; */
|
||
}
|
||
#y_map{
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
.BMap_cpyCtrl,.anchorBL{
|
||
opacity: 0;
|
||
}
|
||
|
||
|
||
/* mark点显示信息 */
|
||
.y_mark_info{
|
||
max-width:3.125rem;
|
||
position: relative;
|
||
z-index: 99999;
|
||
color: #ffffff;
|
||
background-color: #051146;
|
||
border: 1px solid #0070de;
|
||
padding-bottom: .375rem;
|
||
font-size: .175rem;
|
||
}
|
||
.y_mark_info>.title{font-weight: 700;border-bottom: 1px solid #0070de;padding: .05rem .125rem;}
|
||
.y_mark_info>.row{
|
||
padding: .05rem .125rem;
|
||
}
|
||
.y_mark_info>.row>.label{
|
||
width: 1rem;
|
||
}
|
||
.row_more{
|
||
font-size: .15rem;
|
||
color: #0055ff;
|
||
position: absolute;
|
||
right: .125rem;
|
||
bottom: .125rem;
|
||
}
|
||
.BMap_bubble_pop{
|
||
background-color: rgba(0, 0, 0, 0) !important;
|
||
border: none !important;
|
||
top: 30px !important;
|
||
left: 366px !important;
|
||
}
|
||
.BMap_bubble_pop>img{
|
||
display: none !important;
|
||
}
|
||
.BMap_bubble_title{
|
||
display: none !important;
|
||
}
|
||
.BMap_bubble_center{
|
||
width: auto !important;
|
||
}
|
||
.BMap_bubble_buttons{
|
||
top: 0;
|
||
|
||
}
|
||
|
||
.BMap_bubble_top{
|
||
height: 0 !important;
|
||
}
|
||
|
||
/* 风险预警 */
|
||
.fxmap{
|
||
width: 45%;
|
||
height: 100%;
|
||
}
|
||
.fx{
|
||
width: 55%;
|
||
height: 100%;
|
||
}
|
||
.yj-item{
|
||
width: 50%;
|
||
padding-left: .625rem;
|
||
|
||
background-position: left center;
|
||
background-repeat: no-repeat;
|
||
background-size: .5rem .5rem;
|
||
}
|
||
.zz{
|
||
background-image: url(../imags/12.png);
|
||
}
|
||
.jx{
|
||
background-image: url(../imags/13.png);
|
||
}
|
||
.yj-label{
|
||
font-size: .175rem;
|
||
color: #ffffff;
|
||
}
|
||
.yj-number{
|
||
font-size: .3rem;
|
||
color: #63CAFF;
|
||
}
|
||
.wd-title{
|
||
padding-left: .1rem;
|
||
font-size: .15rem;
|
||
height: .3rem;
|
||
line-height: .3rem;
|
||
color: #00FFFF;
|
||
background: linear-gradient(90deg, #4174D2 0%, rgba(5,20,75,0) 100%);
|
||
}
|
||
.wd-main{
|
||
display: flex;
|
||
flex-direction: row;
|
||
}
|
||
.wd-item{
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
align-items: center;
|
||
flex:1;
|
||
}
|
||
.wd-label{
|
||
color: #63CAFF;
|
||
font-size: .15rem;
|
||
}
|
||
.wd-number{
|
||
font-size: .325rem;
|
||
color: #1C92FF;
|
||
}
|
||
/* 作业票许可 */
|
||
.ry,.zyp{
|
||
margin-top: .25rem;
|
||
display: flex;
|
||
flex-direction: row;
|
||
justify-content: space-between;
|
||
}
|
||
.zyp_box{
|
||
width: 1.4rem;
|
||
height: .5rem;
|
||
background: rgba(14,22,95,0.2);
|
||
box-shadow: inset 0px 0px .2125rem 0px rgba(125,183,240,0.5);
|
||
}
|
||
.ry_box,.zyp_box{
|
||
display: flex;
|
||
flex-direction: row;
|
||
padding: .125rem;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
}
|
||
.ry_label,.zyp_label{
|
||
color: #ffffff;
|
||
font-size: .175rem;
|
||
}
|
||
.ry_number,.zyp_number{
|
||
color: #00FFFF;
|
||
font-size:.325rem;
|
||
}
|
||
.zyp-lis{
|
||
height: calc(100% - 1.25rem);
|
||
margin-top: .25rem;
|
||
overflow: hidden;
|
||
overflow-y: scroll;
|
||
}
|
||
.zyp-lis::-webkit-scrollbar{
|
||
display: none;
|
||
}
|
||
.li{
|
||
height: .425rem;
|
||
line-height: .425rem;
|
||
color: #FFFFFF;
|
||
font-size: .175rem;
|
||
padding: 0 .25rem;
|
||
}
|
||
.li:nth-child(2n-1){
|
||
background: #213771;
|
||
}
|
||
.li>span{
|
||
margin-right: .25rem;
|
||
}
|
||
/* 人员信息 */
|
||
.table{
|
||
width: 6.35rem;
|
||
margin-top: .25rem;
|
||
height: calc(100% - .375rem);
|
||
border: 1px solid #1B538B;
|
||
overflow: hidden;
|
||
}
|
||
.ry_box{
|
||
width: 1.95rem;
|
||
height: .5rem;
|
||
background: rgba(14,22,95,0.2);
|
||
box-shadow: inset 0px 0px .2125rem 0px rgba(125,183,240,0.5);
|
||
}
|
||
.ry_map{
|
||
height: calc(100% - .75rem);
|
||
}
|
||
.trth{
|
||
width: 100%;
|
||
height: .85rem;
|
||
display: flex;
|
||
flex-direction: row;
|
||
align-items: center;
|
||
|
||
}
|
||
.th{
|
||
display: flex;
|
||
flex-direction: column;
|
||
color: #ffffff;
|
||
font-size: .175rem;
|
||
justify-content: center;
|
||
text-align: center;
|
||
height: 100%;
|
||
}
|
||
.th > p {
|
||
text-align: center;
|
||
height: 50%;
|
||
line-height: .425rem;
|
||
text-align: center;
|
||
}
|
||
.th:nth-child(2) > p {
|
||
text-align: center;
|
||
height: 50%;
|
||
line-height: .425rem;
|
||
text-align: center;
|
||
overflow: hidden;
|
||
white-space: nowrap;
|
||
text-overflow: ellipsis;
|
||
}
|
||
.b-line{
|
||
border-bottom: 1px solid #1B538B;
|
||
}
|
||
.r-line{
|
||
border-right: 1px solid #1B538B;
|
||
}
|
||
.th>p>span{
|
||
width: 50%;
|
||
display: inline-block;
|
||
text-align: center;
|
||
height: 100%;
|
||
line-height: .475rem;
|
||
}
|
||
|
||
.tr{
|
||
display: flex;
|
||
color: #FFFFFF ;
|
||
font-size: .175rem;
|
||
height: .425rem;
|
||
line-height: .425rem;
|
||
}
|
||
.tr>.th{
|
||
|
||
}
|
||
.tr>span{
|
||
text-align: center;
|
||
}
|
||
.tr:nth-child(2n){
|
||
background-color: rgba(33, 55, 113, .6);
|
||
}
|
||
|
||
.tbody{
|
||
height: calc(100% - .85rem);
|
||
overflow: hidden;
|
||
overflow-y: scroll;
|
||
}
|
||
|
||
.tbody::-webkit-scrollbar{display: none;}
|
||
/* 工程概况 */
|
||
.gk-box{
|
||
height: 100%;
|
||
}
|
||
.gk-box>.row{
|
||
min-height: .425rem;
|
||
line-height: .425rem;
|
||
padding: 0 .125rem;
|
||
font-size: .175rem;
|
||
color: #63CAFF;
|
||
word-break: break-all;
|
||
|
||
text-overflow: ellipsis;
|
||
|
||
display: -webkit-box;
|
||
|
||
-webkit-box-orient: vertical;
|
||
|
||
-webkit-line-clamp: 2; /* 这里是超出几行省略 */
|
||
|
||
overflow: hidden;
|
||
}
|
||
.gk-box>.row:nth-child(2n-1){
|
||
background: rgba(33,55,113,0.4);
|
||
}
|
||
.swiper{
|
||
height: 100%;
|
||
width: 100%;
|
||
}
|
||
|
||
.gk-card{
|
||
padding: .125rem;
|
||
width: 2rem;
|
||
height: .825rem;
|
||
background-image: url(../imags/17.png);
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: space-between;
|
||
}
|
||
.gk-label{
|
||
font-size: .175rem;
|
||
color: #ffffff;
|
||
}
|
||
.gk-number{
|
||
width: 100%;
|
||
text-align: right;
|
||
}
|
||
.gj{
|
||
position: absolute;
|
||
top: 0;
|
||
left: .25rem;
|
||
|
||
}
|
||
.gj1{
|
||
position: absolute;
|
||
top: 0;
|
||
right: 0;
|
||
}
|
||
.gj1>span{
|
||
padding: .05rem .25rem;
|
||
font-size: .175rem;
|
||
color: #ffffff;
|
||
|
||
}
|
||
.gj>span{
|
||
font-size: .175rem;
|
||
color: #ffffff;
|
||
}
|
||
.gj>span:nth-child(2){
|
||
color: #E9E931;
|
||
font-size: .225rem;
|
||
margin-left: .125rem;
|
||
}
|
||
|
||
|
||
/* 质量 */
|
||
.y_zlry {
|
||
height: .5rem;
|
||
width: 4.275rem;
|
||
justify-content: space-between;
|
||
align-items: center;
|
||
background-image: url(../imags/18.png);
|
||
padding: 0 .25rem;
|
||
}
|
||
|
||
.y_zlry_label {
|
||
font-size: .175rem;
|
||
color: #FFFFFF;
|
||
}
|
||
|
||
.y_zlry_value {
|
||
color: #63CAFF;
|
||
font-size: .3rem;
|
||
}
|
||
|
||
.y_zlmap {
|
||
width: 100%;
|
||
height: calc(100% - .75rem);
|
||
}
|
||
|
||
.zgmap {
|
||
flex: 1;
|
||
} |