Skip to content

A
amos-station-module-view
Commit 4a9fb8b4 authored by suhuiguang's avatar suhuiguang
Browse files
Options

合并

parent b4770190
Hide whitespace changes
Inline Side-by-side
Showing with 451 additions and 412 deletions
mods/components/3dviewConvertor/styles/view/panoramic/statistical.scss
View file @ 4a9fb8b4
...@@ -22,10 +22,12 @@ ...@@ -22,10 +22,12 @@
width: 100%; width: 100%;
margin-bottom: 5px; margin-bottom: 5px;
} }
.title-date { .title-date {
height: 20px; height: 20px;
font-size: 13px; font-size: 13px;
} }
.title-text { .title-text {
font-size: 15px; font-size: 15px;
} }
...@@ -35,40 +37,46 @@ ...@@ -35,40 +37,46 @@
height: 3px; height: 3px;
width: 3px; width: 3px;
} }
::-webkit-scrollbar-thumb { ::-webkit-scrollbar-thumb {
border-radius: 10px; border-radius: 10px;
background: rgba(255, 0, 0, 0.466); background: rgba(255, 0, 0, 0.466);
} }
::-webkit-scrollbar-track { ::-webkit-scrollbar-track {
border-radius: 10px; border-radius: 10px;
background: #0000006e; background: #0000006e;
} }
::-webkit-scrollbar-button { ::-webkit-scrollbar-button {
display: none; display: none;
} }
::-webkit-scrollbar-corner { ::-webkit-scrollbar-corner {
display: none; display: none;
} }
.safetyExecuteList{ .safetyExecuteList {
height: 45%; height: 45%;
margin-left: 37px; margin-left: 37px;
&-open{ &-open {
cursor: pointer; cursor: pointer;
}
.up {
height: 90px;
.left {
float: left;
width: 36px;
height: 36px;
border: 1px solid;
color: #00c3ff;
border-radius: 30px;
padding-top: 4px;
text-align: center;
} }
.up{
height: 90px;
.left{
float: left;
width:36px;
height:36px;
border:1px solid;
color: #00c3ff;
border-radius: 30px;
padding-top: 4px;
text-align: center;
}
.right { .right {
float: left; float: left;
...@@ -78,508 +86,539 @@ ...@@ -78,508 +86,539 @@
font-size: 44px; font-size: 44px;
color: rgba(1, 248, 64, 1); color: rgba(1, 248, 64, 1);
} }
.day { .day {
margin-left: 5px; margin-left: 5px;
font-size: 18px; font-size: 18px;
} }
span { span {
font-size: 18px; font-size: 18px;
} }
} }
.down{
.down {
height: calc(100% - 90px); height: calc(100% - 90px);
margin-left: 20px; margin-left: 20px;
background-image: url('../../assets/panoramic/main_bg_warning.png'); background-image: url('../../assets/panoramic/main_bg_warning.png');
background-repeat: repeat; background-repeat: repeat;
background-size: 100% 100%; background-size: 100% 100%;
.title{ .title {
text-align: left; text-align: left;
padding-top: 15px; padding-top: 15px;
height: 50px; height: 50px;
.icon{ .icon {
display: inline; display: inline;
cursor: pointer; cursor: pointer;
img{
padding-left: 20px; img {
padding-left: 20px;
}
} }
}
.arrow { .arrow {
float: right; float: right;
cursor: pointer; cursor: pointer;
} }
.describe { .describe {
position: absolute; position: absolute;
width: 70px; width: 70px;
margin-top: -5px; margin-top: -5px;
margin-left: 36px; margin-left: 36px;
font-size: 16px; font-size: 16px;
color: rgba(240, 223, 45, 1); color: rgba(240, 223, 45, 1);
} }
.bottom-line { .bottom-line {
height: 2px; height: 2px;
width: 100%; width: 100%;
margin-top: 25px; margin-top: 25px;
background: radial-gradient(red 24%, black 100%); background: radial-gradient(red 24%, black 100%);
}
} }
}
.content { .content {
padding: 0px 30px; padding: 0px 30px;
height: calc(100% - 60px); height: calc(100% - 60px);
overflow: auto; overflow: auto;
span { span {
margin-top: 3px; margin-top: 3px;
font-size: 14px; font-size: 14px;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
} }
.title-child { .title-child {
border-bottom: 1px solid rgba(196, 86, 86, 0.3); border-bottom: 1px solid rgba(196, 86, 86, 0.3);
padding-top: 7px; padding-top: 7px;
}
} }
} }
} }
}
.common-title {
font-size: 18px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: #70eeff;
}
.safetyIndex { .common-title {
display: flex; font-size: 18px;
margin-left: 37px; font-family: SourceHanSansCN-Medium, SourceHanSansCN;
padding-top: 65px; font-weight: 500;
height: 33.3%; color: #70eeff;
.safetyIndex-icon {
width: 36px;
height: 36px;
border: 1px solid;
border-radius: 50%;
border-color: #00c3ff;
padding: 5px 7px;
.safetyIndex-safetyrate {
width: 20px;
height: 25px;
}
} }
.safetyIndex-content { .safetyIndex {
height: 100%; display: flex;
margin-left: 30px; margin-left: 37px;
margin-right: 14px; padding-top: 65px;
cursor: pointer; height: 33.3%;
.content-item { .safetyIndex-icon {
margin: 5px; width: 36px;
height: 36px;
border: 1px solid;
border-radius: 50%;
border-color: #00c3ff;
padding: 5px 7px;
.safetyIndex-safetyrate {
width: 20px;
height: 25px;
}
} }
.safetyIndex-content-title { .safetyIndex-content {
font-size: 18px; height: 100%;
font-family: SourceHanSansCN-Medium, SourceHanSansCN; margin-left: 30px;
font-weight: 500; margin-right: 14px;
color: #70eeff; cursor: pointer;
}
.safetyIndex-content-row { .content-item {
display: flex; margin: 5px;
align-items: flex-end; }
.number-large { .safetyIndex-content-title {
font-size: 44px; font-size: 18px;
color: #00c3ff; font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: #70eeff;
} }
.number-unit { .safetyIndex-content-row {
font-size: 16px; display: flex;
margin-bottom: 10px; align-items: flex-end;
.row-up { .number-large {
margin-top: 3px; font-size: 44px;
width: 15px; color: #00c3ff;
height: 19px; }
.number-unit {
font-size: 16px;
margin-bottom: 10px;
.row-up {
margin-top: 3px;
width: 15px;
height: 19px;
}
} }
} }
} }
}
.safetyIndex-content-chart { .safetyIndex-content-chart {
background-image: url('../../assets/panoramic/main_bg_dashboard.png') !important; background-image: url('../../assets/panoramic/main_bg_dashboard.png') !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
margin-top: -25px !important; margin-top: -25px !important;
width: 125px !important; width: 125px !important;
height: 220px !important; height: 220px !important;
}
} }
} }
}
.statistical-right { .statistical-right {
position: absolute; position: absolute;
height: 100%; height: 100%;
width: 355px; width: 355px;
padding-top: 40px; padding-top: 40px;
right: 0; right: 0;
top: 0; top: 0;
z-index: 1; z-index: 1;
.echart-week {
width: 321px !important;
height: 248px !important;
background-image: url('../../assets/panoramic/main_bg_line_bg.png') !important;
background-repeat: no-repeat !important;
background-position: 31px 47px !important;
left: 24px;
}
.titleIcon { .echart-week {
display: inline-block; width: 321px !important;
height: 18px; height: 248px !important;
width: 14px; background-image: url('../../assets/panoramic/main_bg_line_bg.png') !important;
vertical-align: middle; background-repeat: no-repeat !important;
margin-right: 7px; background-position: 31px 47px !important;
margin-top: -4px; left: 24px;
} }
.titleIcon-check {
display: inline-block;
height: 22px;
width: 22px;
vertical-align: middle;
margin-right: 7px;
margin-top: -4px;
}
.safetyIndexWeek { .titleIcon {
height: 33.3%; display: inline-block;
.content-week-font-style {
width: 146px;
height: 18px; height: 18px;
font-size: 18px; width: 14px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN; vertical-align: middle;
font-weight: 500; margin-right: 7px;
color: rgba(112, 238, 255, 1); margin-top: -4px;
line-height: 65px;
} }
}
.statisticsCheck { .titleIcon-check {
height: 50%; display: inline-block;
.check-content { height: 22px;
height: 100%; width: 22px;
.content-xj-top { vertical-align: middle;
// height: 10%; margin-right: 7px;
margin-top: -4px;
}
.safetyIndexWeek {
height: 33.3%;
.content-week-font-style {
width: 146px; width: 146px;
height: 18px;
font-size: 18px; font-size: 18px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500; font-weight: 500;
color: rgba(112, 238, 255, 1); color: rgba(112, 238, 255, 1);
line-height: 65px; line-height: 65px;
} }
}
.content-xj-middle { .statisticsCheck {
height: 44%; height: 50%;
margin-top: 4%;
margin: 0 37px;
background: url('../../assets/panoramic/main_bg_rightmiddle.png');
background-repeat: repeat;
background-size: 100% 100%;
}
.content-xj-bottom { .check-content {
height: 37%; height: 100%;
margin-top: 12px;
margin: 0 37px;
.content-week-font { .content-xj-top {
font-size: 13px; // height: 10%;
font-family: SourceHanSansCN-Regular, SourceHanSansCN; width: 146px;
font-weight: 400; font-size: 18px;
color: rgba(255, 255, 255, 1); font-family: SourceHanSansCN-Medium, SourceHanSansCN;
line-height: 24px; font-weight: 500;
color: rgba(112, 238, 255, 1);
line-height: 65px;
} }
.content-font-number { .content-xj-middle {
font-size: 16px; height: 44%;
font-family: SourceHanSansCN-Regular, SourceHanSansCN; margin-top: 4%;
font-weight: 400; margin: 0 37px;
color: rgba(255, 255, 255, 1);
line-height: 24px; background: url('../../assets/panoramic/main_bg_rightmiddle.png');
float: right; background-repeat: repeat;
background-size: 100% 100%;
} }
.yellow-div { .content-xj-bottom {
background-image: url('../../assets/panoramic/main_bg_tag_buhege.png') !important; height: 37%;
background-repeat: no-repeat !important; margin-top: 12px;
width: 100%; margin: 0 37px;
padding-top: 6px; .content-week-font {
padding-left: 20px; font-size: 13px;
.yellow-div-content { font-family: SourceHanSansCN-Regular, SourceHanSansCN;
width: 252px; font-weight: 400;
color: rgba(255, 255, 255, 1);
line-height: 24px;
} }
}
.green-div { .content-font-number {
background-image: url('../../assets/panoramic/main_bg_tag_hege.png') !important; font-size: 16px;
background-repeat: no-repeat !important; font-family: SourceHanSansCN-Regular, SourceHanSansCN;
width: 100%; font-weight: 400;
color: rgba(255, 255, 255, 1);
padding-top: 6px; line-height: 24px;
padding-left: 20px; float: right;
.green-div-content {
width: 252px;
} }
}
.red-div { .yellow-div {
background-image: url('../../assets/panoramic/main_bg_tag_louyan.png') !important; background-image: url('../../assets/panoramic/main_bg_tag_buhege.png') !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
width: 100%; width: 100%;
padding-top: 6px; padding-top: 6px;
padding-left: 20px; padding-left: 20px;
.red-div-content {
width: 252px; .yellow-div-content {
width: 252px;
}
} }
}
.grey-div { .green-div {
background-image: url('../../assets/panoramic/main_bg_tag_weizhixing.png') !important; background-image: url('../../assets/panoramic/main_bg_tag_hege.png') !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
width: 100%; width: 100%;
padding-top: 6px; padding-top: 6px;
padding-left: 20px; padding-left: 20px;
.grey-div-content {
width: 252px; .green-div-content {
width: 252px;
}
}
.red-div {
background-image: url('../../assets/panoramic/main_bg_tag_louyan.png') !important;
background-repeat: no-repeat !important;
width: 100%;
padding-top: 6px;
padding-left: 20px;
.red-div-content {
width: 252px;
}
}
.grey-div {
background-image: url('../../assets/panoramic/main_bg_tag_weizhixing.png') !important;
background-repeat: no-repeat !important;
width: 100%;
padding-top: 6px;
padding-left: 20px;
.grey-div-content {
width: 252px;
}
} }
} }
} }
}
.div-echars { .div-echars {
// height: 200px !important; // height: 200px !important;
background: url('../../assets/panoramic/circle_bg.png') no-repeat center center !important; background: url('../../assets/panoramic/circle_bg.png') no-repeat center center !important;
// background-position: 60px 14px !important; // background-position: 60px 14px !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
}
} }
}
.statisticsDuty { .statisticsDuty {
display: flex; display: flex;
height: 16.7%; height: 16.7%;
flex-direction: column; flex-direction: column;
.content-duty-font-style {
width: 146px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-size: 18px;
font-weight: 500;
line-height: 65px;
color: rgba(112, 238, 255, 1);
}
.content-picture-div { .content-duty-font-style {
height: 100%; width: 146px;
// width: 100%; font-family: SourceHanSansCN-Medium, SourceHanSansCN;
margin: 0 37px; font-size: 18px;
font-weight: 500;
line-height: 65px;
color: rgba(112, 238, 255, 1);
}
.content-picture-left { .content-picture-div {
width: 33.3%; height: 100%;
float: left; // width: 100%;
display: inline-flex; margin: 0 37px;
.content-image { .content-picture-left {
background-image: url('../../assets/panoramic/main_icon_baoan.png') !important; width: 33.3%;
background-repeat: no-repeat !important; float: left;
height: 42px !important; display: inline-flex;
width: 100%;
} .content-image {
.content-wenzi { background-image: url('../../assets/panoramic/main_icon_baoan.png') !important;
width: 100%; background-repeat: no-repeat !important;
.wenzi-zhiban { height: 42px !important;
height: 13px; width: 100%;
font-size: 13px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 20px;
} }
.wenzi-number {
width: 15px; .content-wenzi {
height: 26px; width: 100%;
font-size: 26px;
font-family: SourceHanSansCN-Bold, SourceHanSansCN; .wenzi-zhiban {
font-weight: bold; height: 13px;
color: rgba(34, 243, 254, 1); font-size: 13px;
line-height: 39px; font-family: SourceHanSansCN-Medium, SourceHanSansCN;
-webkit-background-clip: text; font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 20px;
}
.wenzi-number {
width: 15px;
height: 26px;
font-size: 26px;
font-family: SourceHanSansCN-Bold, SourceHanSansCN;
font-weight: bold;
color: rgba(34, 243, 254, 1);
line-height: 39px;
-webkit-background-clip: text;
}
} }
} }
}
.content-picture-middle { .content-picture-middle {
width: 33.3%; width: 33.3%;
float: left; float: left;
display: inline-flex; display: inline-flex;
.content-image {
background-image: url('../../assets/panoramic/main_icon_baoan.png') !important; .content-image {
background-repeat: no-repeat !important; background-image: url('../../assets/panoramic/main_icon_baoan.png') !important;
height: 42px !important; background-repeat: no-repeat !important;
width: 100%; height: 42px !important;
} width: 100%;
.content-wenzi {
width: 100%;
.wenzi-zhiban {
height: 13px;
font-size: 13px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 20px;
} }
.wenzi-number {
width: 15px; .content-wenzi {
height: 26px; width: 100%;
font-size: 26px;
font-family: SourceHanSansCN-Bold, SourceHanSansCN; .wenzi-zhiban {
font-weight: bold; height: 13px;
color: rgba(34, 243, 254, 1); font-size: 13px;
line-height: 39px; font-family: SourceHanSansCN-Medium, SourceHanSansCN;
-webkit-background-clip: text; font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 20px;
}
.wenzi-number {
width: 15px;
height: 26px;
font-size: 26px;
font-family: SourceHanSansCN-Bold, SourceHanSansCN;
font-weight: bold;
color: rgba(34, 243, 254, 1);
line-height: 39px;
-webkit-background-clip: text;
}
} }
} }
}
.content-picture-right { .content-picture-right {
width: 33.3%; width: 33.3%;
float: left; float: left;
display: inline-flex; display: inline-flex;
.content-image {
background-image: url('../../assets/panoramic/main_icon_baoan.png') !important; .content-image {
background-repeat: no-repeat !important; background-image: url('../../assets/panoramic/main_icon_baoan.png') !important;
height: 42px !important; background-repeat: no-repeat !important;
width: 100%; height: 42px !important;
} width: 100%;
.content-wenzi {
width: 100%;
.wenzi-zhiban {
height: 13px;
font-size: 13px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 20px;
} }
.wenzi-number {
width: 15px; .content-wenzi {
height: 26px; width: 100%;
font-size: 26px;
font-family: SourceHanSansCN-Bold, SourceHanSansCN; .wenzi-zhiban {
font-weight: bold; height: 13px;
color: rgba(34, 243, 254, 1); font-size: 13px;
line-height: 39px; font-family: SourceHanSansCN-Medium, SourceHanSansCN;
-webkit-background-clip: text; font-weight: 500;
color: rgba(255, 255, 255, 1);
line-height: 20px;
}
.wenzi-number {
width: 15px;
height: 26px;
font-size: 26px;
font-family: SourceHanSansCN-Bold, SourceHanSansCN;
font-weight: bold;
color: rgba(34, 243, 254, 1);
line-height: 39px;
-webkit-background-clip: text;
}
} }
} }
} }
} }
} }
}
//}
.warnModal {
position: fixed;
// width: 1000px;
// height: 600px;
width: calc(100% - 800px);
height: calc(100% - 300px);
margin: auto;
top: 250px;
bottom: 250px;
left: 250px;
right: 250px;
background-image: url('../../assets/panoramic/main_bg_model.png');
background-repeat: repeat;
background-size: 100% 100%;
.close {
width: 100%;
height: 50px;
text-align: right;
margin-top: 5px;
margin-right: 3px;
img {
cursor: pointer;
}
}
&-body { //}
display: flex;
height: calc(100% - 50px); .warnModal {
position: fixed;
.model-line { // width: 1000px;
height: 88%; // height: 600px;
width: calc(100% - 800px);
height: calc(100% - 300px);
margin: auto;
top: 250px;
bottom: 250px;
left: 250px;
right: 250px;
background-image: url('../../assets/panoramic/main_bg_model.png');
background-repeat: repeat;
background-size: 100% 100%;
.close {
width: 100%;
height: 50px;
text-align: right;
margin-top: 5px; margin-top: 5px;
text-align: center; margin-right: 3px;
width: 33.3%;
&-img { img {
height: 30px; cursor: pointer;
} }
}
.model-title { &-body {
height: 30px; display: flex;
font-size: 16px; height: calc(100% - 50px);
color: rgba(240, 223, 45, 1);
}
.model-content { .model-line {
height: calc(100% - 60px); height: 88%;
padding: 0 17px; margin-top: 5px;
margin-left: 5px; text-align: center;
margin-right: 3px; width: 33.3%;
overflow: auto;
.content-div { &-img {
min-width: 80px; height: 30px;
padding-top: 20px; }
text-align: left;
.title { .model-title {
height: 30px; height: 30px;
font-size: 16px; font-size: 16px;
color: rgba(240, 223, 45, 1); color: rgba(240, 223, 45, 1);
} }
.next-title { .model-content {
padding-left: 5px; height: calc(100% - 60px);
} padding: 0 17px;
margin-left: 5px;
margin-right: 3px;
overflow: auto;
.content-div {
min-width: 80px;
padding-top: 20px;
text-align: left;
.title {
height: 30px;
font-size: 16px;
color: rgba(240, 223, 45, 1);
}
.rows { .next-title {
padding-left: 15px; padding-left: 5px;
font-size: 14px; }
color: rgba(255, 255, 255, 1);
.rows {
padding-left: 15px;
font-size: 14px;
color: rgba(255, 255, 255, 1);
.row { .row {
display: inline-block; display: inline-block;
height: 28px; height: 28px;
> span {
display: block; >span {
white-space: nowrap; display: block;
margin-right: 15px; white-space: nowrap;
margin-right: 15px;
}
} }
}
.date { .date {
padding-left: 25px; padding-left: 25px;
}
} }
} }
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment