592 lines
10 KiB
Plaintext
592 lines
10 KiB
Plaintext
html,
|
|
body {
|
|
width: 100%;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0;
|
|
color: #fff;
|
|
font-size: 16px;
|
|
font-family: 'Alibaba PuHuiTi R';
|
|
letter-spacing: 1px;
|
|
}
|
|
|
|
.layout {
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: start;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#content {
|
|
width: 100%;
|
|
height: 100%;
|
|
box-sizing: border-box;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.main-box {
|
|
height: 100%;
|
|
padding: 1% 0.5% 0 0.45%;
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
.module-title {
|
|
width: 100%;
|
|
height: 40px;
|
|
margin-bottom: 10px;
|
|
background: url("../../img/cityHome/module_title.png") no-repeat 0 0 / 100% 100%;
|
|
background-size: unset !important;
|
|
}
|
|
|
|
.module-title p {
|
|
font-size: 18px;
|
|
margin: -5px 0 0 6px;
|
|
}
|
|
|
|
.module-title img {
|
|
margin-right: 10px;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/* 左侧样式 start */
|
|
#left-box {
|
|
width: 29%;
|
|
flex-direction: column;
|
|
}
|
|
|
|
/* 工程统计 start */
|
|
#left-top {
|
|
width: 100%;
|
|
height: 60%;
|
|
}
|
|
|
|
.pro-box {
|
|
width: 100%;
|
|
height: calc(100% - 50px);
|
|
}
|
|
|
|
#pro-total-num {
|
|
width: 100%;
|
|
height: 20%;
|
|
background: url("../../img/dutyHome/pro_num.png") no-repeat 0 0 / 100% 100%;
|
|
background-size: unset !important;
|
|
background-position: center center !important;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.pro-num {
|
|
width: 22%;
|
|
height: 100%;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.pro-num:nth-child(1) {
|
|
background: url("../../img/dutyHome/light.png") no-repeat 0 0 / 100% 100%;
|
|
background-size: unset !important;
|
|
background-position: center center !important;
|
|
}
|
|
|
|
|
|
.pro-num p:nth-child(1) {
|
|
font-size: 30px;
|
|
font-family: 'zcoolqingkehuangyouti';
|
|
}
|
|
|
|
.pro-num:nth-child(2) p:nth-child(1) {
|
|
color: #66FFFF;
|
|
}
|
|
|
|
.pro-num:nth-child(3) p:nth-child(1) {
|
|
color: #36F097;
|
|
}
|
|
|
|
.pro-num:nth-child(4) p:nth-child(1) {
|
|
color: #FD9F6B;
|
|
}
|
|
|
|
#pro-total-echarts {
|
|
width: 100%;
|
|
height: 19%;
|
|
}
|
|
|
|
#plan-echarts {
|
|
width: 100%;
|
|
height: 61%;
|
|
}
|
|
|
|
.tab-change {
|
|
width: 100%;
|
|
height: 30px;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.date3-btn {
|
|
width: 150px;
|
|
height: 30px;
|
|
justify-content: space-evenly;
|
|
align-items: start;
|
|
}
|
|
|
|
.date3-type img {
|
|
position: relative;
|
|
top: -10px;
|
|
width: 50px;
|
|
height: 2px;
|
|
}
|
|
|
|
.date3-type {
|
|
flex-direction: column;
|
|
cursor: pointer;
|
|
text-align: center;
|
|
height: 30px;
|
|
}
|
|
|
|
.check-p3 {
|
|
color: #8FFFFA;
|
|
}
|
|
|
|
#province,#province2 {
|
|
width: 54px;
|
|
height: 30px;
|
|
font-size: 16px;
|
|
border: 1px solid #0E3281;
|
|
cursor: pointer;
|
|
color: #fff;
|
|
background-color: #0E3281;
|
|
text-align: center;
|
|
line-height: 32px;
|
|
}
|
|
|
|
#week-echarts,
|
|
#plan-trend-echarts {
|
|
width: 100%;
|
|
height: calc(100% - 30px);
|
|
}
|
|
|
|
#weekPlan-div {
|
|
width: 140px;
|
|
height: 68px;
|
|
position: absolute;
|
|
top: 32%;
|
|
left: 13%;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
background: url("../../img/cityHome/light.png") no-repeat 0 0 / 100% 100%;
|
|
background-size: unset !important;
|
|
background-position: center center !important;
|
|
}
|
|
|
|
#weekPlan-div p:nth-child(1) {
|
|
font-size: 30px;
|
|
font-family: 'zcoolqingkehuangyouti';
|
|
}
|
|
|
|
/* 工程统计 end */
|
|
|
|
/* 日计划 start */
|
|
#left-bottom {
|
|
width: 100%;
|
|
height: 40%;
|
|
}
|
|
|
|
#day-plan-box {
|
|
width: 100%;
|
|
height: calc(100% - 50px);
|
|
flex-direction: column;
|
|
}
|
|
|
|
#day-plan-total {
|
|
width: 100%;
|
|
height: 30%;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.day-plan-num {
|
|
width: 30%;
|
|
height: 100%;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.day-plan-num-title {
|
|
width: 100%;
|
|
height: 30%;
|
|
justify-content: unset;
|
|
}
|
|
|
|
.day-plan-num-title img {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.day-plan-num-total {
|
|
width: 100%;
|
|
height: 70%;
|
|
background: url("../../img/dutyHome/day_plan_num_back.png") no-repeat 0 0 / 100% 100%;
|
|
background-size: unset !important;
|
|
background-position: center center !important;
|
|
justify-content: center;
|
|
font-size: 30px;
|
|
font-family: 'zcoolqingkehuangyouti';
|
|
font-weight: bold;
|
|
}
|
|
|
|
.day-plan-num-total p {
|
|
margin: 2% 0 0 23%;
|
|
background-image: linear-gradient(to bottom, #1BCDDB, #fff);
|
|
background-clip: text;
|
|
-webkit-background-clip: text;
|
|
-webkit-text-fill-color: transparent;
|
|
}
|
|
|
|
#day-plan-title {
|
|
width: 100%;
|
|
height: 10%;
|
|
}
|
|
|
|
#no-execute-day-plan {
|
|
width: 100%;
|
|
height: 60%;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.no-execute-day-plan-echarts {
|
|
width: 70%;
|
|
height: 100%;
|
|
}
|
|
|
|
.no-execute-day-num {
|
|
width: 30%;
|
|
height: 100%;
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.no-execute-day-num p span {
|
|
font-weight: bold;
|
|
font-size: 20px;
|
|
}
|
|
|
|
.no-execute-day-num p:nth-child(2) {
|
|
color: #65FDFD;
|
|
}
|
|
|
|
.no-execute-day-num p:nth-child(3) {
|
|
color: #E19146;
|
|
}
|
|
|
|
/* 日计划 end */
|
|
/* 左侧样式 end */
|
|
|
|
/* 中侧样式 start */
|
|
#center-box {
|
|
width: 42%;
|
|
flex-direction: column;
|
|
}
|
|
|
|
#center-top {
|
|
width: 100%;
|
|
height: 40%;
|
|
}
|
|
|
|
/* 值班任务 start */
|
|
#duty-task {
|
|
width: 100%;
|
|
height: calc(100% - 50px);
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
#task-num-box,
|
|
#voi-num-box {
|
|
width: 100%;
|
|
height: 30%;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.task-num {
|
|
width: 31%;
|
|
height: 100%;
|
|
background: url("../../img/dutyHome/today_task_back.png") no-repeat 0 0 / 100% 100%;
|
|
background-size: unset !important;
|
|
background-position: left center !important;
|
|
justify-content: center;
|
|
}
|
|
|
|
.task-num:nth-child(2) {
|
|
background: url("../../img/dutyHome/do_today_task_back.png") no-repeat 0 0 / 100% 100%;
|
|
}
|
|
|
|
.task-num:nth-child(2) {
|
|
background: url("../../img/dutyHome/no_do_today_task_back.png") no-repeat 0 0 / 100% 100%;
|
|
}
|
|
|
|
.task-num p:nth-child(1) {
|
|
margin: 0 5% 0 25%;
|
|
}
|
|
|
|
.task-num p:nth-child(2) {
|
|
font-size: 35px;
|
|
font-family: 'zcoolqingkehuangyouti';
|
|
}
|
|
|
|
.voi-num {
|
|
width: 23%;
|
|
height: 100%;
|
|
background: url("../../img/dutyHome/voi_back.png") no-repeat 0 0 / 100% 100%;
|
|
background-size: unset !important;
|
|
background-position: 10% center !important;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
align-items: center;
|
|
}
|
|
|
|
.voi-num p {
|
|
margin-left: 40%;
|
|
}
|
|
|
|
.voi-num p:nth-child(1) span {
|
|
font-size: 35px;
|
|
font-family: 'zcoolqingkehuangyouti';
|
|
}
|
|
|
|
/* 值班任务 end */
|
|
#center-bottom {
|
|
width: 100%;
|
|
height: 60%;
|
|
}
|
|
|
|
#duty-progress {
|
|
width: 100%;
|
|
height: calc(100% - 50px);
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
#duty-total-progress-echarts {
|
|
width: 100%;
|
|
height: 20%;
|
|
}
|
|
|
|
#duty-detail-progress-echarts {
|
|
width: 100%;
|
|
height: 80%;
|
|
}
|
|
|
|
/* 中侧样式 end */
|
|
|
|
/* 右侧样式 start */
|
|
#right-box {
|
|
width: 29%;
|
|
flex-direction: column;
|
|
}
|
|
|
|
#right-top {
|
|
width: 100%;
|
|
height: 30%;
|
|
}
|
|
|
|
/* 人员统计 start */
|
|
#person-num-box {
|
|
width: 100%;
|
|
height: calc(100% - 50px);
|
|
}
|
|
|
|
#person-num {
|
|
width: 39%;
|
|
height: 100%;
|
|
flex-direction: column;
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.person-total-num {
|
|
width: 100%;
|
|
height: 40%;
|
|
background: url("../../img/cityHome/zj.png") no-repeat 0 0 / 100% 100%;
|
|
background-size: unset !important;
|
|
background-position: center center !important;
|
|
}
|
|
|
|
.person-total-num:nth-child(1) {
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.person-total-num:nth-child(1) p:nth-child(1) {
|
|
font-size: 30px;
|
|
font-family: 'zcoolqingkehuangyouti';
|
|
color: #5CE7E9;
|
|
}
|
|
|
|
.person-total-num:nth-child(2) {
|
|
justify-content: space-evenly;
|
|
}
|
|
|
|
.person-total-num-child {
|
|
width: 40%;
|
|
height: 100%;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.person-total-num-child p:nth-child(1) {
|
|
font-size: 30px;
|
|
font-family: 'zcoolqingkehuangyouti';
|
|
}
|
|
|
|
#person-echarts {
|
|
width: 61%;
|
|
height: 100%;
|
|
}
|
|
|
|
/* 人员统计 end */
|
|
|
|
/* 告警信息 start*/
|
|
#right-center {
|
|
width: 100%;
|
|
height: 30%;
|
|
}
|
|
|
|
#early-box {
|
|
width: 100%;
|
|
height: calc(100% - 60px);
|
|
}
|
|
|
|
#early-box ul li {
|
|
height: 58px;
|
|
}
|
|
|
|
.early-info {
|
|
width: 60%;
|
|
height: 100%;
|
|
font-size: 16px;
|
|
}
|
|
|
|
.early-info p,
|
|
.early-deal-detail p {
|
|
font-size: 15px;
|
|
}
|
|
|
|
.early-deal-detail {
|
|
width: 36%;
|
|
height: 100%;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
}
|
|
|
|
.layui-badge-dot {
|
|
margin: 0 10px;
|
|
}
|
|
|
|
.no-deal {
|
|
background: url("../../img/dutyHome/no_deal_with_back.png") no-repeat 0 0 / 100% 100%;
|
|
background-size: unset !important;
|
|
background-position: left center !important;
|
|
}
|
|
|
|
.deal {
|
|
background: url("../../img/dutyHome/deal_with_back.png") no-repeat 0 0 / 100% 100%;
|
|
background-size: unset !important;
|
|
background-position: left center !important;
|
|
color: #c2c2c2;
|
|
}
|
|
|
|
.title-circle {
|
|
width: 30px;
|
|
justify-content: center;
|
|
}
|
|
|
|
.proInfo {
|
|
width: calc(100% - 30px);
|
|
height: 100%;
|
|
|
|
}
|
|
|
|
.proInfo p {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
}
|
|
|
|
/* 告警信息 end*/
|
|
#right-bottom {
|
|
width: 100%;
|
|
height: 40%;
|
|
}
|
|
|
|
#voi-ul-title {
|
|
width: 100%;
|
|
height: 50px;
|
|
margin-bottom: 10px;
|
|
background: url("../../img/dutyHome/voi_title.png") no-repeat 0 0 / 100% 100%;
|
|
background-size: unset !important;
|
|
background-position: center center !important;
|
|
}
|
|
|
|
#voi-ul-title p {
|
|
width: 18%;
|
|
text-align: center;
|
|
}
|
|
|
|
#voi-ul-title p:nth-child(1) {
|
|
width: 28%;
|
|
}
|
|
|
|
#voi-box {
|
|
width: 100%;
|
|
height: calc(100% - 120px);
|
|
}
|
|
|
|
#voi-box ul li {
|
|
background: url("../../img/dutyHome/voi_content.png") no-repeat 0 0 / 100% 100%;
|
|
background-size: unset !important;
|
|
background-position: center center !important;
|
|
height: 58px;
|
|
}
|
|
|
|
#voi-box ul li:hover {
|
|
color: #FCD764;
|
|
background: url("../../img/dutyHome/voi_light.png") no-repeat 0 0 / 100% 100%;
|
|
}
|
|
|
|
#voi-box ul li p {
|
|
width: 18%;
|
|
font-size: 14px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
text-align: center;
|
|
}
|
|
|
|
#voi-box ul li p:nth-child(1) {
|
|
width: 28%;
|
|
padding: 0 5px;
|
|
}
|
|
|
|
#voi-box ul li p:nth-child(5) {
|
|
color: #0AC4DE;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.webui-popover-content {
|
|
background: url("../../img/cityHome/city_home_back.png") no-repeat 0 0 / 100% 100%;
|
|
background-size: unset !important;
|
|
background-position: center center !important;
|
|
}
|
|
|
|
.layui-layer-dialog .layui-layer-content {
|
|
color: #000;
|
|
}
|
|
|
|
/* 右侧样式 end */
|
|
|
|
::-webkit-scrollbar {
|
|
width: 0px;
|
|
height: 10px;
|
|
}
|
|
|
|
body .my-skin.child-skin {
|
|
background: url("../../img/compreDisplay/child-back.png") no-repeat 0 0/100% 100% transparent;
|
|
background-size:cover;
|
|
/* background-position: center center !important; */
|
|
} |