Skip to content

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

Merge branch 'developer' of http://172.16.10.76/station/amos-station-module-view into developer

# Conflicts: # mods/components/3dviewConvertor/styles/view/panoramic/statistical.scss
parents 568c914c 4db3067d
Hide whitespace changes
Inline Side-by-side
Showing with 615 additions and 638 deletions
amos.config.js
View file @ b4770190
...@@ -11,10 +11,10 @@ ...@@ -11,10 +11,10 @@
objModelURI: '/a3dres', objModelURI: '/a3dres',
// 根url // 根url
// baseURI: 'http://172.16.11.30:9008/', // baseURI: 'http://172.16.11.30:9008/',
baseURI: 'http://172.16.3.77:8083/', baseURI: 'http://172.16.3.122:8083/',
// convertorURI: 'http://172.16.3.122:8083/', // convertorURI: 'http://172.16.3.122:8083/',
convertorURI: 'http://172.16.3.77:8083/', convertorURI: 'http://172.16.3.122:8083/',
patrolURI: 'http://172.16.3.77:9000/', patrolURI: 'http://172.16.3.122:9000/',
rulesConfigURI: 'http://172.16.10.91:8080/', rulesConfigURI: 'http://172.16.10.91:8080/',
// plugin URI // plugin URI
pluginURI: 'http://172.16.11.40:8099/', pluginURI: 'http://172.16.11.40:8099/',
......
mods/components/3dviewConvertor/styles/searchpane.scss
View file @ b4770190
.search-pane-bg{ .search-pane-bg {
position: absolute; position: absolute;
right: 20px; right: 20px;
bottom: 20px; bottom: 20px;
width: 460px; width: 460px;
height: 600px; height: 600px;
background: url('../assets/convertor/3dview/searchpane-background.png'); background: url('../assets/convertor/3dview/searchpane-background.png');
filter:blur(3px); filter: blur(3px);
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
z-index: 99; z-index: 99;
}
#amos-ad-triger-6--root{
.ant-calendar{
background-color: #13428f !important;
border:none !important;
.ant-calendar-input{
background-color: #13428f !important;
}
}
} }
.amos-popover-content{ .amos-popover-content {
::-webkit-scrollbar { /* 血槽宽度 */ ::-webkit-scrollbar {
width:5px; /* 血槽宽度 */
width: 5px;
height: 5px; height: 5px;
background-color: rgba(10, 53, 62, 1); background-color: rgba(10, 53, 62, 1);
border-radius: 5px; border-radius: 5px;
} }
::-webkit-scrollbar-thumb { /* 拖动条 */ ::-webkit-scrollbar-thumb {
/* 拖动条 */
border-radius: 5px; border-radius: 5px;
background-color: rgba(255, 255, 255, 0.4); background-color: rgba(255, 255, 255, 0.4);
} }
::-webkit-scrollbar-track { /* 背景槽 */ ::-webkit-scrollbar-track {
background-color:rgba(17, 44, 88, 0.2); /* 背景槽 */
background-color: rgba(17, 44, 88, 0.2);
} }
.amos-select-options{ .amos-select-options {
.modalSelectOption{ .modalSelectOption {
color:#fff; color: #fff;
background-color: #13428f; background-color: #13428f;
} }
.modalSelectOption:hover{ .modalSelectOption:hover {
color:#F0DF2D; color: #f0df2d;
background-color: #13428f background-color: #13428f;
} }
} }
} }
.search-pane{ .search-pane {
position: absolute !important; position: absolute !important;
right: 20px !important; right: 20px !important;
bottom: 20px !important; bottom: 20px !important;
left: unset !important; left: unset !important;
top: unset !important; top: unset !important;
width: 460px; width: 460px;
height: 600px; height: 600px;
color: white; color: white;
z-index: 999 !important; z-index: 999 !important;
border:1px solid rgba(39,85,162,0.3); border: 1px solid rgba(39, 85, 162, 0.3);
border-radius: 10px; border-radius: 10px;
.search-pane-close {
.search-pane-close{ position: absolute;
position: absolute; width: 30px;
width: 30px; height: 30px;
height: 30px; right: 0;
right: 0; background-image: linear-gradient(0deg, #eb0404 0%, #ff0057 100%);
background-image: linear-gradient(0deg, opacity: 0.6;
#eb0404 0%, text-align: center;
#ff0057 100%); padding: 4px;
opacity: 0.6;
text-align: center; .amosicon-close {
padding: 4px; font-style: normal;
.amosicon-close{
font-style: normal;
}
} }
}
.amos-tabs-list {
border: none !important;
height: 30px;
background: #13428f !important;
border-radius: 5px;
.amos-tabs-list{ .amos-tabs-tabitem {
border: none !important; background-color: #2755a2;
height: 30px; margin-right: 8px;
background: #13428f !important; border-radius: 5px;
border-radius: 5px;
.amos-tabs-tabitem{
background-color: #2755a2;
margin-right: 8px;
border-radius: 5px;
.amos-tabs-tabitem-inner{ .amos-tabs-tabitem-inner {
padding: 3px 15px; padding: 3px 15px;
.amos-tabs-tabitem-content{ .amos-tabs-tabitem-content {
color: white; color: white;
}
}
} }
}
}
.amos-tabs-tabitem-active{ .amos-tabs-tabitem-active {
background-color: #036fa7 !important; background-color: #036fa7 !important;
color: white; color: white;
border-radius: 2px 2px 0 0; border-radius: 2px 2px 0 0;
} }
}
.params-header {
padding: 5px 14px;
height: 40px;
width: 100%;
.amos-group-item {
float: left;
} }
.amos-select-dropdown {
border: none !important;
background-color: #13428f;
border-radius: 5px;
}
.params-header{ .amos-input {
padding: 5px 14px; width: 100%;
height: 40px; border: none !important;
width: 100%; background-color: #13428f;
border-radius: 5px;
float: left;
padding: 0 2em 0 0.6em !important;
}
.amos-group-item{ .params-input-img {
float: left; position: absolute;
} width: 28px;
height: 28px;
right: 14px;
cursor: pointer;
}
.params-input-img1 {
position: absolute;
width: 28px;
height: 28px;
right: 160px;
cursor: pointer;
}
// .params-datePicker{
.ant-input {
background-color: #13428f;
border: none !important;
border-radius: 5px;
color: white;
}
// }
.ant-calendar-picker-icon:after {
color: white;
}
.amos-select-dropdown{ ::-webkit-input-placeholder {
border: none !important; color: white;
background-color: #13428f; }
border-radius: 5px; }
}
.amos-input{ .amos-tabs .amos-tabs-panel {
width: 100%; padding-top: 0px !important;
border: none !important; }
background-color: #13428f;
border-radius: 5px;
float: left;
padding: 0 2em 0 0.6em !important;
}
.params-input-img{ // .search-pane-table{
.ant-table-title {
display: none;
}
position: absolute; .ant-table-body {
width: 28px; max-height: 35rem !important;
height: 28px; }
right: 14px;
cursor: pointer;
} .ant-table-content {
.params-input-img1{ height: 100%;
position: absolute;
width: 28px;
height: 28px;
right: 160px;
cursor: pointer;
}
// .params-datePicker{
.ant-input{
background-color: #13428f;
border: none !important;
border-radius: 5px;
color: white;
}
// }
.ant-calendar-picker-icon:after{
color: white;
}
::-webkit-input-placeholder { .ant-table-header {
color: white; overflow: hidden !important;
}
} }
.amos-tabs .amos-tabs-panel { .ant-table-placeholder {
padding-top: 0px !important; position: absolute;
width: 100%;
top: 55px;
border: none !important;
} }
.ant-table-body {
// .search-pane-table{ color: white;
.ant-table-title{ margin-top: 16px;
display: none; max-height: 464px !important ;
min-height: 464px !important ;
overflow-y: auto !important;
overflow-x: hidden;
background: transparent !important;
border: 1px solid rgba(234, 234, 234, 0.3);
table {
border-color: transparent !important;
td {
border: 1px solid rgba(234, 234, 234, 0.3) !important;
} }
.ant-table-body{ th {
max-height: 35rem !important; color: white;
background: #2755a2;
} }
}
}
.ant-table-thead { .ant-table-placeholder {
background: transparent !important;
} color: white;
}
.ant-table-content {
height: 100%;
.ant-table-header {
overflow: hidden !important;
}
.ant-table-placeholder {
position: absolute;
width: 100%;
top: 55px;
border: none !important;
}
.ant-table-body {
color: white;
max-height: 500px !important ;
min-height: 500px !important ;
overflow-y: auto !important;
overflow-x: hidden;
background:transparent!important;
border:1px solid rgba(234,234,234,0.3);
table {
border-color: transparent !important;
td {
border:1px solid rgba(234,234,234,0.3) !important;
}
th {
color: white;
background: #2755a2;
}
}
}
.ant-table-placeholder{
background:transparent!important;
color: white;
}
.ant-table-thead > tr >th{
color: white;
background: #2755a2 !important;
//background: #222b51 !important;
border-color: transparent !important;
text-align: center;
}
.ant-table-thead > tr.ant-table-row-hover > td, .ant-table-tbody > tr.ant-table-row-hover > td, .ant-table-thead > tr:hover > td, .ant-table-tbody > tr:hover > td {
background: rgba(255,255,255,0.3);
}
//滚动条样式
.ant-table-body{
&::-webkit-scrollbar {
width: 10px;
height: 10px;
}
&::-webkit-scrollbar-thumb {
background: rgba(39,85,162,0.8);
border-radius: 10px;
}
&::-webkit-scrollbar-track {
border-radius: 10px;
background: rgba(2,11,45,0.5);
border: none;
}
&::-webkit-scrollbar-corner {
background: transparent;
}
&::-webkit-scrollbar-thumb:hover {
background: rgba(39,85,162,1);
}
}
.ant-table-thead > tr > th {
color: white;
background: #2755a2 !important;
//background: #222b51 !important;
border-color: transparent !important;
text-align: center;
}
.ant-table-header > table {
border: 0 !important;
}
.ant-table-thead > tr.ant-table-row-hover > td,
.ant-table-tbody > tr.ant-table-row-hover > td,
.ant-table-thead > tr:hover > td,
.ant-table-tbody > tr:hover > td {
background: rgba(255, 255, 255, 0.3);
}
} //滚动条样式
.ant-table-body {
&::-webkit-scrollbar {
width: 10px;
height: 10px;
}
&::-webkit-scrollbar-thumb {
background: rgba(39, 85, 162, 0.8);
border-radius: 10px;
}
&::-webkit-scrollbar-track {
border-radius: 10px;
background: rgba(2, 11, 45, 0.5);
border: none;
}
&::-webkit-scrollbar-corner {
background: transparent;
}
&::-webkit-scrollbar-thumb:hover {
background: rgba(39, 85, 162, 1);
}
}
}
.ant-table-pagination { .ant-table-pagination {
margin: 0 10px; margin: 0 10px;
float: right; float: right;
.ant-select-selection{ .ant-select-selection {
display: none; display: none;
} }
.ant-pagination-prev{ .ant-pagination-prev {
background-color: rgba(255,255,255,0.5); background-color: rgba(255, 255, 255, 0.5);
} }
.ant-pagination-next{ .ant-pagination-next {
background-color: rgba(255,255,255,0.5); background-color: rgba(255, 255, 255, 0.5);
} }
.ant-pagination-item{ .ant-pagination-item {
background-color: rgba(255,255,255,0.5); background-color: rgba(255, 255, 255, 0.5);
} }
.ant-pagination-jump-prev { .ant-pagination-jump-prev {
background-color: rgba(255,255,255,0.5); background-color: rgba(255, 255, 255, 0.5);
} }
.ant-pagination-jump-next { .ant-pagination-jump-next {
background-color: rgba(255,255,255,0.5); background-color: rgba(255, 255, 255, 0.5);
} }
.ant-pagination-item-active a, .ant-pagination-item-active:focus a, .ant-pagination-item-active:hover a { .ant-pagination-item-active a,
color: #fff; .ant-pagination-item-active:focus a,
} .ant-pagination-item-active:hover a {
} color: #fff;
// } }
}
// }
} }
.ant-calendar-picker-container{ .ant-calendar-picker-container {
.ant-calendar{ .ant-calendar {
border: 1px solid #2b8dd4; border: 1px solid #2b8dd4;
background-color: #2b8dd4;
.ant-calendar-date-input-wrap {
color: white;
.ant-calendar-input {
background-color: #2b8dd4; background-color: #2b8dd4;
.ant-calendar-date-input-wrap{ }
color: white; .ant-calendar-input::-webkit-input-placeholder {
.ant-calendar-input{ color: white;
background-color: #2b8dd4; }
} }
.ant-calendar-input::-webkit-input-placeholder { .ant-calendar-header {
color: white; color: white;
} div a {
} color: white;
.ant-calendar-header{ }
color: white; div span a {
div a{ color: white;
color: white; }
} }
div span a{ .ant-calendar-body {
color: white; color: white;
} .ant-calendar-cell > .ant-calendar-date {
} color: white;
.ant-calendar-body{ }
color: white; .ant-calendar-today > .ant-calendar-date {
.ant-calendar-cell>.ant-calendar-date{ color: black;
color: white; }
}
.ant-calendar-today>.ant-calendar-date{
color: black;
}
}
.ant-calendar-footer{
color: white;
.ant-calendar-today-btn {
color: white;
}
}
} }
.ant-calendar-footer {
color: white;
.ant-calendar-today-btn {
color: white;
}
}
}
} }
mods/components/3dviewConvertor/styles/view/panoramic/statistical.scss
View file @ b4770190
...@@ -2,7 +2,6 @@ ...@@ -2,7 +2,6 @@
// position: absolute; // position: absolute;
// height: 100%; // height: 100%;
// width: 100%; // width: 100%;
.statistical-left { .statistical-left {
position: absolute; position: absolute;
height: 100%; height: 100%;
...@@ -19,20 +18,19 @@ ...@@ -19,20 +18,19 @@
height: 21.7%; height: 21.7%;
overflow-y: auto; overflow-y: auto;
.title-child{ .title-child {
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;
} }
} }
::-webkit-scrollbar { ::-webkit-scrollbar {
height: 3px; height: 3px;
width: 3px; width: 3px;
...@@ -42,13 +40,13 @@ ...@@ -42,13 +40,13 @@
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;
} }
...@@ -72,21 +70,20 @@ ...@@ -72,21 +70,20 @@
text-align: center; text-align: center;
} }
.right{ .right {
float: left; float: left;
padding-left: 30px; padding-left: 30px;
.date{ .date {
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{
...@@ -109,394 +106,394 @@ ...@@ -109,394 +106,394 @@
} }
} }
.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{ .common-title {
font-size: 18px; font-size: 18px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500; font-weight: 500;
color: #70eeff; color: #70eeff;
} }
.safetyIndex { .safetyIndex {
display: flex; display: flex;
margin-left: 37px; margin-left: 37px;
padding-top: 65px; padding-top: 65px;
height: 33.3%; height: 33.3%;
.safetyIndex-icon { .safetyIndex-icon {
width: 36px; width: 36px;
height: 36px; height: 36px;
border: 1px solid; border: 1px solid;
border-radius: 50%; border-radius: 50%;
border-color: #00c3ff; border-color: #00c3ff;
padding: 5px 7px; padding: 5px 7px;
.safetyIndex-safetyrate { .safetyIndex-safetyrate {
width: 20px; width: 20px;
height: 25px; height: 25px;
}
} }
}
.safetyIndex-content { .safetyIndex-content {
height: 100%; height: 100%;
margin-left: 30px; margin-left: 30px;
margin-right: 14px; margin-right: 14px;
cursor: pointer; cursor: pointer;
.content-item { .content-item {
margin: 5px; margin: 5px;
} }
.safetyIndex-content-title{ .safetyIndex-content-title {
font-size: 18px; font-size: 18px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500; font-weight: 500;
color: #70eeff; color: #70eeff;
} }
.safetyIndex-content-row { .safetyIndex-content-row {
display: flex; display: flex;
align-items: flex-end; align-items: flex-end;
.number-large { .number-large {
font-size: 44px; font-size: 44px;
color: #00c3ff; color: #00c3ff;
} }
.number-unit { .number-unit {
font-size: 16px; font-size: 16px;
margin-bottom: 10px; margin-bottom: 10px;
.row-up { .row-up {
margin-top: 3px; margin-top: 3px;
width: 15px; width: 15px;
height: 19px; 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 { .echart-week {
width: 321px !important; width: 321px !important;
height: 248px !important; height: 248px !important;
background-image: url('../../assets/panoramic/main_bg_line_bg.png') !important; background-image: url('../../assets/panoramic/main_bg_line_bg.png') !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-position: 31px 47px !important; background-position: 31px 47px !important;
left: 24px; left: 24px;
} }
.titleIcon { .titleIcon {
display: inline-block; display: inline-block;
height: 18px; height: 18px;
width: 14px; width: 14px;
vertical-align: middle; vertical-align: middle;
margin-right: 7px; margin-right: 7px;
margin-top: -4px; margin-top: -4px;
} }
.titleIcon-check{ .titleIcon-check {
display: inline-block; display: inline-block;
height: 22px; height: 22px;
width: 22px; width: 22px;
vertical-align: middle; vertical-align: middle;
margin-right: 7px; margin-right: 7px;
margin-top: -4px; margin-top: -4px;
}
.safetyIndexWeek {
height: 33.3%;
.content-week-font-style {
width: 146px;
height: 18px;
font-size: 18px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: rgba(112, 238, 255, 1);
line-height: 65px;
} }
}
.safetyIndexWeek { .statisticsCheck {
height: 33.3%; height: 50%;
.content-week-font-style { .check-content {
height: 100%;
.content-xj-top {
// height: 10%;
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;
} }
}
.statisticsCheck { .content-xj-middle {
height: 50%; height: 44%;
.check-content { margin-top: 4%;
height: 100%; margin: 0 37px;
.content-xj-top {
// height: 10%;
width: 146px;
font-size: 18px;
font-family: SourceHanSansCN-Medium, SourceHanSansCN;
font-weight: 500;
color: rgba(112, 238, 255, 1);
line-height: 65px;
}
.content-xj-middle {
height: 44%;
margin-top: 4%;
margin: 0 37px;
background: url('../../assets/panoramic/main_bg_rightmiddle.png'); background: url('../../assets/panoramic/main_bg_rightmiddle.png');
background-repeat: repeat; background-repeat: repeat;
background-size: 100% 100%; background-size: 100% 100%;
} }
.content-xj-bottom { .content-xj-bottom {
height: 37%; height: 37%;
margin-top: 12px; margin-top: 12px;
margin: 0 37px; margin: 0 37px;
.content-week-font { .content-week-font {
font-size: 13px; font-size: 13px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN; font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400; font-weight: 400;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
line-height: 24px; line-height: 24px;
} }
.content-font-number { .content-font-number {
font-size: 16px; font-size: 16px;
font-family: SourceHanSansCN-Regular, SourceHanSansCN; font-family: SourceHanSansCN-Regular, SourceHanSansCN;
font-weight: 400; font-weight: 400;
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
line-height: 24px; line-height: 24px;
float: right; float: right;
} }
.yellow-div { .yellow-div {
background-image: url('../../assets/panoramic/main_bg_tag_buhege.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;
.yellow-div-content { .yellow-div-content {
width: 252px; width: 252px;
}
} }
.green-div { }
background-image: url('../../assets/panoramic/main_bg_tag_hege.png') !important; .green-div {
background-repeat: no-repeat !important; background-image: url('../../assets/panoramic/main_bg_tag_hege.png') !important;
width: 100%; background-repeat: no-repeat !important;
width: 100%;
padding-top: 6px;
padding-left: 20px; padding-top: 6px;
.green-div-content { padding-left: 20px;
width: 252px; .green-div-content {
} width: 252px;
} }
}
.red-div { .red-div {
background-image: url('../../assets/panoramic/main_bg_tag_louyan.png') !important; background-image: url('../../assets/panoramic/main_bg_tag_louyan.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 { .red-div-content {
width: 252px; width: 252px;
}
} }
.grey-div { }
background-image: url('../../assets/panoramic/main_bg_tag_weizhixing.png') !important; .grey-div {
background-repeat: no-repeat !important; background-image: url('../../assets/panoramic/main_bg_tag_weizhixing.png') !important;
width: 100%; background-repeat: no-repeat !important;
width: 100%;
padding-top: 6px;
padding-left: 20px; padding-top: 6px;
.grey-div-content { padding-left: 20px;
width: 252px; .grey-div-content {
} width: 252px;
} }
} }
} }
.div-echars {
// height: 200px !important;
background: url('../../assets/panoramic/circle_bg.png') no-repeat center center !important;
// background-position: 60px 14px !important;
background-repeat: no-repeat !important;
}
} }
.statisticsDuty { .div-echars {
display: flex; // height: 200px !important;
height: 16.7%; background: url('../../assets/panoramic/circle_bg.png') no-repeat center center !important;
flex-direction: column; // background-position: 60px 14px !important;
.content-duty-font-style { background-repeat: no-repeat !important;
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 {
height: 100%;
// width: 100%;
margin: 0 37px;
.content-picture-left { .statisticsDuty {
width: 33.3%; display: flex;
float: left; height: 16.7%;
display: inline-flex; 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-image { .content-picture-div {
background-image: url('../../assets/panoramic/main_icon_baoan.png') !important; height: 100%;
background-repeat: no-repeat !important; // width: 100%;
height: 42px !important; margin: 0 37px;
width: 100%;
.content-picture-left {
width: 33.3%;
float: left;
display: inline-flex;
.content-image {
background-image: url('../../assets/panoramic/main_icon_baoan.png') !important;
background-repeat: no-repeat !important;
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;
} }
.content-wenzi { .wenzi-number {
width: 100%; width: 15px;
.wenzi-zhiban { height: 26px;
height: 13px; font-size: 26px;
font-size: 13px; font-family: SourceHanSansCN-Bold, SourceHanSansCN;
font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-weight: bold;
font-weight: 500; color: rgba(34, 243, 254, 1);
color: rgba(255, 255, 255, 1); line-height: 39px;
line-height: 20px; -webkit-background-clip: text;
}
.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 { .content-image {
background-image: url('../../assets/panoramic/main_icon_baoan.png') !important; background-image: url('../../assets/panoramic/main_icon_baoan.png') !important;
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
height: 42px !important; height: 42px !important;
width: 100%; 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;
} }
.content-wenzi { .wenzi-number {
width: 100%; width: 15px;
.wenzi-zhiban { height: 26px;
height: 13px; font-size: 26px;
font-size: 13px; font-family: SourceHanSansCN-Bold, SourceHanSansCN;
font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-weight: bold;
font-weight: 500; color: rgba(34, 243, 254, 1);
color: rgba(255, 255, 255, 1); line-height: 39px;
line-height: 20px; -webkit-background-clip: text;
}
.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 { }
width: 33.3%; .content-picture-right {
float: left; width: 33.3%;
display: inline-flex; float: left;
.content-image { display: inline-flex;
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;
} }
.content-wenzi { .wenzi-number {
width: 100%; width: 15px;
.wenzi-zhiban { height: 26px;
height: 13px; font-size: 26px;
font-size: 13px; font-family: SourceHanSansCN-Bold, SourceHanSansCN;
font-family: SourceHanSansCN-Medium, SourceHanSansCN; font-weight: bold;
font-weight: 500; color: rgba(34, 243, 254, 1);
color: rgba(255, 255, 255, 1); line-height: 39px;
line-height: 20px; -webkit-background-clip: text;
}
.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 { .warnModal {
...@@ -505,7 +502,7 @@ ...@@ -505,7 +502,7 @@
// height: 600px; // height: 600px;
width: calc(100% - 800px); width: calc(100% - 800px);
height: calc(100% - 300px); height: calc(100% - 300px);
margin:auto; margin: auto;
top: 250px; top: 250px;
bottom: 250px; bottom: 250px;
left: 250px; left: 250px;
...@@ -513,13 +510,13 @@ ...@@ -513,13 +510,13 @@
background-image: url('../../assets/panoramic/main_bg_model.png'); background-image: url('../../assets/panoramic/main_bg_model.png');
background-repeat: repeat; background-repeat: repeat;
background-size: 100% 100%; background-size: 100% 100%;
.close{ .close {
width: 100%; width: 100%;
height: 50px; height: 50px;
text-align: right; text-align: right;
margin-top: 5px; margin-top: 5px;
margin-right: 3px; margin-right: 3px;
img{ img {
cursor: pointer; cursor: pointer;
} }
} }
...@@ -541,7 +538,7 @@ ...@@ -541,7 +538,7 @@
.model-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);
} }
.model-content { .model-content {
...@@ -559,7 +556,7 @@ ...@@ -559,7 +556,7 @@
.title { .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 { .next-title {
...@@ -569,12 +566,12 @@ ...@@ -569,12 +566,12 @@
.rows { .rows {
padding-left: 15px; padding-left: 15px;
font-size: 14px; font-size: 14px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
.row { .row {
display: inline-block; display: inline-block;
height: 28px; height: 28px;
>span{ > span {
display: block; display: block;
white-space: nowrap; white-space: nowrap;
margin-right: 15px; margin-right: 15px;
......
mods/components/3dviewConvertor/view/MaskContent.js
View file @ b4770190
...@@ -113,7 +113,7 @@ class MaskContent extends Component { ...@@ -113,7 +113,7 @@ class MaskContent extends Component {
return ( return (
<div className="mask-content"> <div className="mask-content">
<AmosWebSocket ref={node => this.aws = node} url={wsURL} onMessage={this.handleData} reconnect debug /> <AmosWebSocket ref={node => this.aws = node} url={wsURL} onMessage={this.handleData} reconnect debug />
{ !alarmStarted && sideControlShow && <SideControl multiple={multiple} errorAreaId={errorAreaId} onItemClick={onItemClick} layerConfig={layerConfig} animationProps={controlAnimation} activeAction={activeAction}/>} { !alarmStarted && sideControlShow && <SideControl multiple={multiple} errorAreaId={errorAreaId} onItemClick={onItemClick} layerConfig={layerConfig} animationProps={controlAnimation} />}
{ !alarmStarted && isShowActionBar && <SearchPane visible={searchPaneVisible} focusPosition={focusPosition} changeSearchPaneVisible={this.changeSearchPaneVisible} />} { !alarmStarted && isShowActionBar && <SearchPane visible={searchPaneVisible} focusPosition={focusPosition} changeSearchPaneVisible={this.changeSearchPaneVisible} />}
<TopMsg alarmStart={alarmStart} /> <TopMsg alarmStart={alarmStart} />
{ !alarmStarted && !isShowActionBar && <ModelHeader animationProps={controlAnimation} headerName={headerName} handleExceptModel={this.handleExceptModel} />} { !alarmStarted && !isShowActionBar && <ModelHeader animationProps={controlAnimation} headerName={headerName} handleExceptModel={this.handleExceptModel} />}
......
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