Skip to content

S
station-elec-manage-view
Commit b51f9267 authored by 王海涛's avatar 王海涛
Browse files
Options

首页及日常值守样式优化

parent 4d1ac2ff
Show whitespace changes
Inline Side-by-side
Showing with 760 additions and 673 deletions
_mock/apps.js
View file @ b51f9267
...@@ -42,4 +42,175 @@ export const recommends = () => { ...@@ -42,4 +42,175 @@ export const recommends = () => {
}); });
}; };
const disasterData = () => {
return Mock.mock({
'disasterInfo': {
'time': '2020-4-9 10:30:34',
'area': '极1高端换流阀厅',
'part': '#3联络变',
'people': '16人',
'car': '3辆',
'emergency': '有'
}
});
};
const deviceData = () => {
return Mock.mock({
'deviceInfo': [
{
'title': '#3联络变', 'status': '已停止'
},
{
'title': '#1泡沫炮', 'status': '未启动'
},
{
'title': '#2泡沫炮', 'status': '已启动'
}
]
});
};
const contactData = () => {
return Mock.mock({
'contactInfo': [
{
'position': '值班长',
'name': '王丽泽熙',
'phone': '18300021232'
},
{
'position': '值班副长',
'name': '王丽泽熙',
'phone': '18300022345'
},
{
'position': '值班副长',
'name': '王丽泽熙',
'phone': '18300023215'
}
]
});
};
const detailData = () => {
return Mock.mock({
'detailInfo': [
{ 'name': '3#泡沫炮', 'value': '13L/s', 'id': 1 },
{ 'name': '1#消防水池', 'value': '1300mm', 'id': 2 },
{ 'name': '2#消防水池', 'value': '1300mm', 'id': 3 },
{ 'name': '红外火焰探测器', 'value': '50辆', 'id': 4 },
{ 'name': '消防器材', 'value': '20000件', 'id': 5 },
{ 'name': '红外火焰探测器', 'value': '50辆', 'id': 6 }
]
});
};
const recordData = () => {
return Mock.mock({
'disasterRecord': [
{ name: '伊克昭换流站换流变火灾', date: '2020-1-1', id: 1 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-2', id: 2 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-3', id: 3 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-4', id: 4 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-5', id: 5 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-6', id: 6 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-7', id: 7 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-8', id: 8 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-9', id: 9 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-10', id: 10 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-11', id: 11 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-12', id: 12 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-13', id: 13 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-14', id: 14 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-15', id: 15 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-16', id: 16 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-17', id: 117 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-18', id: 18 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-19', id: 19 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-20', id: 20 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-21', id: 21 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-22', id: 22 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-23', id: 23 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-24', id: 24 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-25', id: 25 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-26', id: 26 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-27', id: 27 },
{ name: '伊克昭换流站换流变火灾', date: '2020-1-28', id: 28 }
]
});
};
const planData = () => {
return Mock.mock({
'planData': [
{
title: '伊克昭换流站',
key: '1',
children: [
{ title: '应急预案-1', key: '1-1' },
{ title: '应急预案-2', key: '1-2' },
{ title: '应急预案-3', key: '1-3' },
{ title: '应急预案-4', key: '1-4' },
{ title: '应急预案-5', key: '1-5' },
{ title: '应急预案-6', key: '1-6' },
{ title: '应急预案-7', key: '1-7' },
{ title: '应急预案-8', key: '1-8' }
]
},
{
title: '复龙换流站',
key: '2',
children: [
{ title: '应急预案-1', key: '2-1' },
{ title: '应急预案-2', key: '2-2' },
{ title: '应急预案-3', key: '2-3' },
{ title: '应急预案-4', key: '2-4' },
{ title: '应急预案-5', key: '2-5' },
{ title: '应急预案-6', key: '2-6' },
{ title: '应急预案-7', key: '2-7' },
{ title: '应急预案-8', key: '2-8' }
]
},
{
title: '奉贤换流站',
key: '3',
children: [
{ title: '应急预案-1', key: '3-1' },
{ title: '应急预案-2', key: '3-2' },
{ title: '应急预案-3', key: '3-3' },
{ title: '应急预案-4', key: '3-4' },
{ title: '应急预案-5', key: '3-5' },
{ title: '应急预案-6', key: '3-6' },
{ title: '应急预案-7', key: '3-7' },
{ title: '应急预案-8', key: '3-8' }
]
},
{
title: '锦屏换流站',
key: '4',
children: [
{ title: '应急预案-1', key: '4-1' },
{ title: '应急预案-2', key: '4-2' },
{ title: '应急预案-3', key: '4-3' },
{ title: '应急预案-4', key: '4-4' },
{ title: '应急预案-5', key: '4-5' },
{ title: '应急预案-6', key: '4-6' },
{ title: '应急预案-7', key: '4-7' },
{ title: '应急预案-8', key: '4-8' }
]
},
]
});
};
// 输出结果 // 输出结果
module.exports = {
disasterData,
deviceData,
contactData,
detailData,
recordData,
planData
};
src/styles/view/biz/situation/situation.scss
View file @ b51f9267
...@@ -9,8 +9,23 @@ ...@@ -9,8 +9,23 @@
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: center; justify-content: center;
.content-detail {
position: absolute;
top: 0;
right: 0;
color: rgb(89, 240, 251);
line-height: 60%;
text-align: center;
font-size: 22px;
width: 28px;
height: 28px;
background: linear-gradient(180deg,rgba(95,255,253,0.6) 0%,rgba(95,255,253,0.1) 100%);
cursor: pointer;
}
.common-margin{ .common-margin{
margin-top: pxToRem(19px); margin-top: pxToRem(29px);
} }
.daily-title{ .daily-title{
font-size:pxToRem(20px); font-size:pxToRem(20px);
...@@ -29,6 +44,7 @@ ...@@ -29,6 +44,7 @@
flex-direction: column; flex-direction: column;
justify-content: space-around; justify-content: space-around;
height: 100%; height: 100%;
.top-ten-item{ .top-ten-item{
display: flex; display: flex;
flex-direction: row; flex-direction: row;
...@@ -61,16 +77,17 @@ ...@@ -61,16 +77,17 @@
// background-image: url('../../assets/dailyDuties/leftTop.png'); // background-image: url('../../assets/dailyDuties/leftTop.png');
background-repeat: no-repeat; background-repeat: no-repeat;
width:pxToRem(412px); width:pxToRem(412px);
height:pxToRem(469px); height:pxToRem(390px);
} }
.growth-statistics-view{ .growth-statistics-view{
// background-image: url('../../assets/dailyDuties/leftBottom.png'); // background-image: url('../../assets/dailyDuties/leftBottom.png');
background-repeat: no-repeat; background-repeat: no-repeat;
width:pxToRem(411px); width:pxToRem(411px);
height:pxToRem(474px); height:pxToRem(444px);
.growth-content{ .growth-content{
padding:pxToRem(30px) pxToRem(24px); padding:pxToRem(30px) pxToRem(24px);
height: 100%; height: 100%;
.growth-item-header{ .growth-item-header{
font-size: pxToRem(20px); font-size: pxToRem(20px);
color: #52EDF2; color: #52EDF2;
...@@ -118,13 +135,14 @@ ...@@ -118,13 +135,14 @@
// background-image: url('../../assets/dailyDuties/middleTop.png'); // background-image: url('../../assets/dailyDuties/middleTop.png');
background-repeat: no-repeat; background-repeat: no-repeat;
width:pxToRem(999px); width:pxToRem(999px);
height:pxToRem(615px); height:pxToRem(533px);
position: relative; position: relative;
.statistics-banner{ .statistics-banner{
position: absolute; position: absolute;
left:pxToRem(95px); left:pxToRem(95px);
right: pxToRem(95px); right: pxToRem(95px);
top:pxToRem(68px); top: 3%;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
...@@ -175,7 +193,7 @@ ...@@ -175,7 +193,7 @@
// background-image: url('../../assets/dailyDuties/middleBottom.png'); // background-image: url('../../assets/dailyDuties/middleBottom.png');
background-repeat: no-repeat; background-repeat: no-repeat;
width:pxToRem(1002px); width:pxToRem(1002px);
height:pxToRem(325px); height:pxToRem(289px);
position: relative; position: relative;
.buttongroup-style{ .buttongroup-style{
position: absolute; position: absolute;
...@@ -201,13 +219,13 @@ ...@@ -201,13 +219,13 @@
// background-image: url('../../assets/dailyDuties/leftTop.png'); // background-image: url('../../assets/dailyDuties/leftTop.png');
background-repeat: no-repeat; background-repeat: no-repeat;
width:pxToRem(412px); width:pxToRem(412px);
height:pxToRem(469px); height:pxToRem(390px);
} }
.recent-statistics-view{ .recent-statistics-view{
// background-image: url('../../assets/dailyDuties/rightBottom.png'); // background-image: url('../../assets/dailyDuties/rightBottom.png');
background-repeat: no-repeat; background-repeat: no-repeat;
width:pxToRem(411px); width:pxToRem(411px);
height:pxToRem(474px); height:pxToRem(444px);
position: relative; position: relative;
.buttongroup-style{ .buttongroup-style{
position: absolute; position: absolute;
......
src/styles/view/disaster/index.scss
View file @ b51f9267
...@@ -30,7 +30,7 @@ ...@@ -30,7 +30,7 @@
display: flex; display: flex;
align-items: center; align-items: center;
padding: 0 9px 0 12px; padding: 0 9px 0 12px;
font-size: 20px; font-size: 0.2rem;
position: relative; position: relative;
.current { .current {
...@@ -78,14 +78,14 @@ ...@@ -78,14 +78,14 @@
} }
} }
.amos-tabs-tabitem { .amos-tabs-tabitem {
width: 44%; width: 183px;
height: 100%; height: 31px;
.amos-tabs-tabitem-inner:hover { .amos-tabs-tabitem-inner:hover {
background-color: transparent; background-color: transparent;
} }
.amos-tabs-tabitem-inner { .amos-tabs-tabitem-inner {
height: 98%; height: 30px;
width: 100%; width: 181px;
background-image: url('../../../assets/images/title_bg.png'); background-image: url('../../../assets/images/title_bg.png');
background-size: cover; background-size: cover;
......
src/styles/view/monitor/homePage.scss
View file @ b51f9267
...@@ -2,25 +2,23 @@ ...@@ -2,25 +2,23 @@
// position: absolute; // position: absolute;
// height: 100%; // height: 100%;
// width: 100%; // width: 100%;
.yi{ .yi {
color:#48E0FF; color: #48e0ff;
} }
.er{ .er {
color:#F1F10C; color: #f1f10c;
} }
.san{ .san {
color:#FF8000; color: #ff8000;
} }
.si{ .si {
color:#FC2F1E; color: #fc2f1e;
} }
.ant-calendar { .ant-calendar {
width: 180px !important; width: 180px !important;
background-color:#0E7FB4 !important; background-color: #0e7fb4 !important;
}
} .souh {
.souh{
height: 100%; height: 100%;
width: 100%; width: 100%;
// .ant-pagination.mini .ant-pagination-options { // .ant-pagination.mini .ant-pagination-options {
...@@ -29,137 +27,133 @@ ...@@ -29,137 +27,133 @@
// } // }
.ant-table-pagination { .ant-table-pagination {
float: none;
float:none;
text-align: center !important; text-align: center !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 { .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: rgb(176, 204, 240); background: rgb(176, 204, 240);
} }
.inputxqtable{ .inputxqtable {
height: 90%; height: 90%;
width: 100%; width: 100%;
border:1px solid rgba(23,186,252,1); border: 1px solid rgba(23, 186, 252, 1);
.ant-pagination-prev, .ant-pagination-next {
background-color: rgba(23,186,252,1);
.ant-pagination-prev,
.ant-pagination-next {
background-color: rgba(23, 186, 252, 1);
} }
.ant-table-middle .ant-table-thead > tr > th:not(.ant-table-selection-column), .ant-table-middle .ant-table-tbody > tr:nth-child(even){ .ant-table-middle .ant-table-thead > tr > th:not(.ant-table-selection-column),
background-color: #0E7FB4; .ant-table-middle .ant-table-tbody > tr:nth-child(even) {
background-color: #0e7fb4;
} }
::-webkit-scrollbar{ ::-webkit-scrollbar {
width:4px; width: 4px;
background-color: #0e487c; background-color: #0e487c;
} }
::-webkit-scrollbar-thumb{ ::-webkit-scrollbar-thumb {
background-color: #4facfa; background-color: #4facfa;
} }
.ant-table-header{ .ant-table-header {
margin-bottom: -1% !important; margin-bottom: -1% !important;
} }
.ant-table-content{ .ant-table-content {
max-height: 100% !important; max-height: 100% !important;
} }
.ant-table-body{ .ant-table-body {
max-height: 340px !important; max-height: 340px !important;
overflow-y: auto !important; overflow-y: auto !important;
} }
.ant-table-tbody > tr > td { .ant-table-tbody > tr > td {
border: 0px solid #e9e9e9; border: 0px solid #e9e9e9;
} }
.table, td, tr, th { .table,
td,
tr,
th {
font-size: 15px; font-size: 15px;
} }
.ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body { .ant-table-fixed-header > .ant-table-content > .ant-table-scroll > .ant-table-body {
font-size: 15px !important;
font-size:15px !important;; font-family: Microsoft YaHei UI !important;
font-family:Microsoft YaHei UI !important;; font-weight: 400 !important;
font-weight:400 !important;; line-height: 14px !important;
line-height:14px !important;; color: rgba(255, 255, 255, 1) !important;
color:rgba(255,255,255,1) !important;; background: #265673 !important;
background: #265673!important;
} }
.ant-table table { .ant-table table {
text-align: center !important; text-align: center !important;
} }
.ant-table-pagination { .ant-table-pagination {
font-size:12px; font-size: 12px;
font-family:Microsoft YaHei UI; font-family: Microsoft YaHei UI;
font-weight:400; font-weight: 400;
line-height:14px; line-height: 14px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
} }
.ant-select-sm .ant-select-selection__rendered { .ant-select-sm .ant-select-selection__rendered {
line-height: 21px !important; line-height: 21px !important;
font-size: 12px; font-size: 12px;
font-family: Microsoft YaHei UI; font-family: Microsoft YaHei UI;
color: rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
} }
.ant-select-selection { .ant-select-selection {
background-color: rgba(23, 186, 252, 1);
background-color: rgba(23,186,252,1);
} }
.ant-table-thead > tr > th{ .ant-table-thead > tr > th {
text-align: center; text-align: center;
background:#265673; background: #265673;
border: 0px solid #265673; border: 0px solid #265673;
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
} }
.ant-table-fixed-header .ant-table-scroll .ant-table-header { .ant-table-fixed-header .ant-table-scroll .ant-table-header {
overflow: hidden; overflow: hidden;
} }
.ant-table-bordered .ant-table-header > table, .ant-table-bordered .ant-table-body > table, .ant-table-bordered .ant-table-fixed-left table, .ant-table-bordered .ant-table-fixed-right table { .ant-table-bordered .ant-table-header > table,
.ant-table-bordered .ant-table-body > table,
.ant-table-bordered .ant-table-fixed-left table,
.ant-table-bordered .ant-table-fixed-right table {
border: 0px solid #e9e9e9; border: 0px solid #e9e9e9;
} }
// .ant-table-middle .ant-table-thead > tr > th:not(.ant-table-selection-column), .ant-table-middle .ant-table-tbody > tr > td { // .ant-table-middle .ant-table-thead > tr > th:not(.ant-table-selection-column), .ant-table-middle .ant-table-tbody > tr > td {
// padding: 16px 8px; // padding: 16px 8px;
// } // }
.ant-table-placeholder { .ant-table-placeholder {
background: #265673; background: #265673;
} }
.ant-table-wrapper{ .ant-table-wrapper {
height: 100% height: 100%;
} }
.ant-spin-nested-loading{ .ant-spin-nested-loading {
height: 100% height: 100%;
} }
.ant-spin-container{ .ant-spin-container {
height: 100% height: 100%;
} }
.ant-.ant-spin-container { .ant-.ant-spin-container {
height: 100% height: 100%;
} }
.ant-table{ .ant-table {
height: 87% height: 87%;
} }
} }
.sou{ .sou {
height: 10%; height: 10%;
width: 100%; width: 100%;
display: flex; display: flex;
top: -2%; top: -2%;
position: relative; position: relative;
.search-one { .search-one {
height: 100%; height: 100%;
width: 30%; width: 30%;
...@@ -168,10 +162,7 @@ ...@@ -168,10 +162,7 @@
/* vertical-align: middle; */ /* vertical-align: middle; */
top: 29%; top: 29%;
.search-one-button {
.search-one-button{
background-image: url('/src/assets/safetyManage/sousuo.png'); background-image: url('/src/assets/safetyManage/sousuo.png');
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
right: 26%; right: 26%;
...@@ -183,14 +174,12 @@ ...@@ -183,14 +174,12 @@
float: right; float: right;
/* padding-left: 8%; */ /* padding-left: 8%; */
top: 11%; top: 11%;
} }
.search-one-input{ .search-one-input {
width: 100%; width: 100%;
.ant-input-affix-wrapper .ant-input-suffix{ .ant-input-affix-wrapper .ant-input-suffix {
position: absolute; position: absolute;
padding-right: 24px; padding-right: 24px;
top: 50%; top: 50%;
...@@ -202,7 +191,8 @@ ...@@ -202,7 +191,8 @@
.ant-input-affix-wrapper { .ant-input-affix-wrapper {
padding: 0; padding: 0;
margin: 0; margin: 0;
font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: 'Helvetica Neue For Number', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px; font-size: 12px;
font-variant: tabular-nums; font-variant: tabular-nums;
line-height: 1.5; line-height: 1.5;
...@@ -236,26 +226,23 @@ ...@@ -236,26 +226,23 @@
// width: 10.7rem; // width: 10.7rem;
height: 30px; height: 30px;
// position: relative; // position: relative;
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
// line-height:50px; // line-height:50px;
color:rgba(225,231,232,1); color: rgba(225, 231, 232, 1);
-webkit-text-stroke:1 rgba(0,0,0,0.00); -webkit-text-stroke: 1 rgba(0, 0, 0, 0);
text-stroke:1 rgba(0,0,0,0.00); text-stroke: 1 rgba(0, 0, 0, 0);
opacity:1; opacity: 1;
background: rgba(0,185,255,0.3) !important; background: rgba(0, 185, 255, 0.3) !important;
border-radius: 17px; border-radius: 17px;
left: 34%; left: 34%;
.anticon:before { .anticon:before {
margin-top: 1px; margin-top: 1px;
} }
border-color:rgba(0,185,255,0.3) border-color: rgba(0, 185, 255, 0.3);
} }
} }
} }
.search-one-alarm { .search-one-alarm {
...@@ -267,9 +254,7 @@ ...@@ -267,9 +254,7 @@
top: 29%; top: 29%;
margin-left: 12%; margin-left: 12%;
.search-one-button {
.search-one-button{
background-image: url('/src/assets/safetyManage/sousuo.png'); background-image: url('/src/assets/safetyManage/sousuo.png');
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
right: 26%; right: 26%;
...@@ -281,14 +266,12 @@ ...@@ -281,14 +266,12 @@
float: right; float: right;
/* padding-left: 8%; */ /* padding-left: 8%; */
top: 11%; top: 11%;
} }
.search-one-input{ .search-one-input {
width: 100%; width: 100%;
.ant-input-affix-wrapper .ant-input-suffix{ .ant-input-affix-wrapper .ant-input-suffix {
position: absolute; position: absolute;
padding-right: 24px; padding-right: 24px;
top: 50%; top: 50%;
...@@ -300,7 +283,8 @@ ...@@ -300,7 +283,8 @@
.ant-input-affix-wrapper { .ant-input-affix-wrapper {
padding: 0; padding: 0;
margin: 0; margin: 0;
font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif; font-family: 'Helvetica Neue For Number', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'PingFang SC', 'Hiragino Sans GB', 'Microsoft YaHei',
'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size: 12px; font-size: 12px;
font-variant: tabular-nums; font-variant: tabular-nums;
line-height: 1.5; line-height: 1.5;
...@@ -334,26 +318,23 @@ ...@@ -334,26 +318,23 @@
// width: 10.7rem; // width: 10.7rem;
height: 30px; height: 30px;
// position: relative; // position: relative;
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
// line-height:50px; // line-height:50px;
color:rgba(225,231,232,1); color: rgba(225, 231, 232, 1);
-webkit-text-stroke:1 rgba(0,0,0,0.00); -webkit-text-stroke: 1 rgba(0, 0, 0, 0);
text-stroke:1 rgba(0,0,0,0.00); text-stroke: 1 rgba(0, 0, 0, 0);
opacity:1; opacity: 1;
background: rgba(0,185,255,0.3) !important; background: rgba(0, 185, 255, 0.3) !important;
border-radius: 17px; border-radius: 17px;
left: 34%; left: 34%;
.anticon:before { .anticon:before {
margin-top: 1px; margin-top: 1px;
} }
border-color:rgba(0,185,255,0.3) border-color: rgba(0, 185, 255, 0.3);
} }
} }
} }
.search-two { .search-two {
...@@ -365,20 +346,18 @@ ...@@ -365,20 +346,18 @@
top: 29%; top: 29%;
.amos-popover-trigger { .amos-popover-trigger {
border-color:rgba(0,185,255,0.3); border-color: rgba(0, 185, 255, 0.3);
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
// line-height:50px; // line-height:50px;
color:rgba(225,231,232,1); color: rgba(225, 231, 232, 1);
-webkit-text-stroke:1 rgba(0,0,0,0.00); -webkit-text-stroke: 1 rgba(0, 0, 0, 0);
text-stroke:1 rgba(0,0,0,0.00); text-stroke: 1 rgba(0, 0, 0, 0);
opacity:1; opacity: 1;
width: 74%; width: 74%;
} }
.aficon-down:before { .aficon-down:before {
position: relative; position: relative;
display: inline-block; display: inline-block;
...@@ -389,7 +368,6 @@ ...@@ -389,7 +368,6 @@
top: 4px; top: 4px;
content: '' !important; content: '' !important;
} }
} }
.search-three { .search-three {
position: relative; position: relative;
...@@ -399,23 +377,22 @@ ...@@ -399,23 +377,22 @@
margin-left: -3%; margin-left: -3%;
.ant-calendar-picker { .ant-calendar-picker {
width: 36% !important width: 36% !important;
} }
.ant-calendar-picker-input{ .ant-calendar-picker-input {
background-color: rgba(0,185,255,0.3); background-color: rgba(0, 185, 255, 0.3);
border-color:rgba(0,185,255,0.3) border-color: rgba(0, 185, 255, 0.3);
} }
.ant-input { .ant-input {
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
// line-height:50px; // line-height:50px;
color:rgba(225,231,232,1); color: rgba(225, 231, 232, 1);
-webkit-text-stroke:1 rgba(0,0,0,0.00); -webkit-text-stroke: 1 rgba(0, 0, 0, 0);
text-stroke:1 rgba(0,0,0,0.00); text-stroke: 1 rgba(0, 0, 0, 0);
border-radius: 17px; border-radius: 17px;
width: 102%; width: 102%;
} }
...@@ -432,45 +409,42 @@ ...@@ -432,45 +409,42 @@
content: '' !important; content: '' !important;
} }
.three-font { .three-font {
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
line-height: 23px; line-height: 23px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
} }
.ant-calendar-picker-icon{ .ant-calendar-picker-icon {
// background-image: url('/src/assets/safetyManage/sousuo.png'); // background-image: url('/src/assets/safetyManage/sousuo.png');
// background-repeat: no-repeat !important; // background-repeat: no-repeat !important;
border-color:rgba(0,185,255,0.3) border-color: rgba(0, 185, 255, 0.3);
} }
} }
.search-three-alarm{ .search-three-alarm {
position: relative; position: relative;
height: 100%; height: 100%;
width: 41%; width: 41%;
top: 29%; top: 29%;
.ant-calendar-picker { .ant-calendar-picker {
width: 36% !important width: 36% !important;
} }
.ant-calendar-picker-input{ .ant-calendar-picker-input {
background-color: rgba(0,185,255,0.3); background-color: rgba(0, 185, 255, 0.3);
border-color:rgba(0,185,255,0.3) border-color: rgba(0, 185, 255, 0.3);
} }
.ant-input { .ant-input {
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
// line-height:50px; // line-height:50px;
color:rgba(225,231,232,1); color: rgba(225, 231, 232, 1);
-webkit-text-stroke:1 rgba(0,0,0,0.00); -webkit-text-stroke: 1 rgba(0, 0, 0, 0);
text-stroke:1 rgba(0,0,0,0.00); text-stroke: 1 rgba(0, 0, 0, 0);
border-radius: 17px; border-radius: 17px;
width: 102%; width: 102%;
} }
...@@ -487,113 +461,98 @@ ...@@ -487,113 +461,98 @@
content: '' !important; content: '' !important;
} }
.three-font { .three-font {
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
line-height: 23px; line-height: 23px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
} }
.ant-calendar-picker-icon{ .ant-calendar-picker-icon {
// background-image: url('/src/assets/safetyManage/sousuo.png'); // background-image: url('/src/assets/safetyManage/sousuo.png');
// background-repeat: no-repeat !important; // background-repeat: no-repeat !important;
border-color:rgba(0,185,255,0.3) border-color: rgba(0, 185, 255, 0.3);
} }
} }
} }
.amos-popover-content { .amos-popover-content {
background: rgba(3, 111, 199, 0.842) !important;
background: rgba(3, 111, 199, 0.842)!important; border: 1px solid rgba(240, 242, 243, 1) !important;
border:1px solid rgba(240,242,243,1)!important; }
}
.amos-select-dropdown { .amos-select-dropdown {
background-color:rgba(0,185,255,0.3); background-color: rgba(0, 185, 255, 0.3);
opacity:1; opacity: 1;
border-radius: 17px; border-radius: 17px;
border: 0 solid #e8e8e8; border: 0 solid #e8e8e8;
line-height: 32px; line-height: 32px;
} }
.amos-std-form-content{ .amos-std-form-content {
width: 100%; width: 100%;
} }
.ant-calendar-picker{ .ant-calendar-picker {
width: 100% !important; width: 100% !important;
} }
.amos-std-form-label { .amos-std-form-label {
width: 4em; width: 4em;
} }
.ant-input{ .ant-input {
background-color: rgba(0, 185, 255, 0.3);
background-color:rgba(0,185,255,0.3); opacity: 1;
opacity:1;
border-radius: 17px; border-radius: 17px;
border: 0 solid #e8e8e8; border: 0 solid #e8e8e8;
} }
}
} .inputxq3 {
.inputxq3{
margin-left: 15%; margin-left: 15%;
float: left; float: left;
width: 24%; width: 24%;
.amos-std-form-content{ .amos-std-form-content {
width: 100%; width: 100%;
} }
.amos-search{ .amos-search {
width: 80%; width: 80%;
} }
.amos-search-inner{ .amos-search-inner {
background-color:rgba(0,185,255,0.3); background-color: rgba(0, 185, 255, 0.3);
opacity:1; opacity: 1;
border-radius: 17px; border-radius: 17px;
height: 34px; height: 34px;
} }
.amos-search-inner{ .amos-search-inner {
color: rgba(240,242,243,1); color: rgba(240, 242, 243, 1);
font-family: Microsoft YaHei; font-family: Microsoft YaHei;
font-weight: 400; font-weight: 400;
line-height: 26px; line-height: 26px;
}
} }
}
.risk-model-model99 {
.amos-modal-container {
.risk-model-model99{
.amos-modal-container{
background: rgba(14, 127, 180, 0.29); background: rgba(14, 127, 180, 0.29);
height: 70%; height: 70%;
} }
.amos-modal-content{ .amos-modal-content {
padding: 0.5em; padding: 0.5em;
height: 100%; height: 100%;
} }
.amos-modal-header{ .amos-modal-header {
background: rgba(14, 127, 180, 0.29); background: rgba(14, 127, 180, 0.29);
padding: 0.3em 0.3em; padding: 0.3em 0.3em;
border-bottom: 0px solid #e5e5e5; border-bottom: 0px solid #e5e5e5;
.amos-modal-title{ .amos-modal-title {
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
margin-left: 10px; margin-left: 10px;
height: 100%; height: 100%;
line-height:20px; line-height: 20px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
-webkit-text-stroke:1 rgba(0,0,0,0.00); -webkit-text-stroke: 1 rgba(0, 0, 0, 0);
opacity:1; opacity: 1;
} }
} }
.amos-modal-close-x{ .amos-modal-close-x {
width: 100%; width: 100%;
height: 100%; height: 100%;
font-size: 20px; font-size: 20px;
...@@ -601,16 +560,10 @@ ...@@ -601,16 +560,10 @@
line-height: 24px; line-height: 24px;
margin-right: 13px; margin-right: 13px;
margin-top: 4px; margin-top: 4px;
background-color:rgba(252, 47, 30, 1) ; background-color: rgba(252, 47, 30, 1);
} }
} }
.statistical-left { .statistical-left {
position: absolute; position: absolute;
height: 86.2%; height: 86.2%;
...@@ -619,7 +572,7 @@ ...@@ -619,7 +572,7 @@
margin-left: 1.9%; margin-left: 1.9%;
z-index: 1; z-index: 1;
top: 8.51%; top: 8.51%;
.AlarmControl{ .AlarmControl {
margin-top: 10%; margin-top: 10%;
height: 29.9%; height: 29.9%;
width: 100%; width: 100%;
...@@ -627,151 +580,142 @@ ...@@ -627,151 +580,142 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
-moz-background-size: 100% 100%; -moz-background-size: 100% 100%;
.AlarmControl_1{ .AlarmControl_1 {
height: 10%; height: 10%;
width: 100%; width: 100%;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.AlarmControl_1_1{ .AlarmControl_1_1 {
width:50%; width: 50%;
margin-left: 9.4%; margin-left: 9.4%;
height:100px; height: 100px;
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
line-height:24px; line-height: 24px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
text-shadow:0px 0px 4px rgba(9,35,61,1); text-shadow: 0px 0px 4px rgba(9, 35, 61, 1);
opacity:1; opacity: 1;
} }
} }
.AlarmControl_2{ .AlarmControl_2 {
height: 90%; height: 90%;
width: 100%; width: 100%;
.AlarmControl_2_1{ .AlarmControl_2_1 {
width:9%;
float: right; float: right;
height:14%;
color: rgb(89, 240, 251); color: rgb(89, 240, 251);
line-height: 9%; line-height: 60%;
text-align: center; text-align: center;
font-size: 22px; font-size: 22px;
width: 28px;
height: 28px;
background: linear-gradient(180deg,rgba(95,255,253,0.6) 0%,rgba(95,255,253,0.1) 100%);
cursor: pointer;
//border:1px solid rgba(23,186,252,1); //border:1px solid rgba(23,186,252,1);
} }
.AlarmControl_2_2{ .AlarmControl_2_2 {
width:100%; width: 100%;
float: right; float: right;
height:87%; height: 87%;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.AlarmControl_2_2_1{ .AlarmControl_2_2_1 {
width:50%; width: 50%;
float: right; float: right;
height:100%; height: 100%;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.AlarmControl8{ .AlarmControl8 {
margin-top:32% ; margin-top: 32%;
} }
.AlarmControl2{ .AlarmControl2 {
width:100%; width: 100%;
float: right; float: right;
height:20%; height: 20%;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.AlarmControl2_2{ .AlarmControl2_2 {
float: right; float: right;
margin-top:5% ; margin-top: 5%;
width:10px; width: 10px;
height:10px; height: 10px;
background:rgba(243,12,12,1); background: rgba(243, 12, 12, 1);
border-radius:50%; border-radius: 50%;
opacity:1; opacity: 1;
} }
.AlarmControl2_3{ .AlarmControl2_3 {
float: right; float: right;
margin-top:5% ; margin-top: 5%;
width:10px; width: 10px;
height:10px; height: 10px;
background:rgba(219,121,23,1); background: rgba(219, 121, 23, 1);
border-radius:50%; border-radius: 50%;
opacity:1; opacity: 1;
} }
.AlarmControl2_4{ .AlarmControl2_4 {
float: right; float: right;
margin-top:5% ; margin-top: 5%;
width:10px; width: 10px;
height:10px; height: 10px;
background:rgba(209,209,52,1); background: rgba(209, 209, 52, 1);
border-radius:50%; border-radius: 50%;
opacity:1; opacity: 1;
} }
.AlarmControl2_1{ .AlarmControl2_1 {
height: 100%; height: 100%;
width: 90%; width: 90%;
float: right; float: right;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.AlarmControl2_12{ .AlarmControl2_12 {
float: left; float: left;
margin-left: 2%; margin-left: 2%;
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
line-height:20px; line-height: 20px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
} }
.AlarmControl2_13{ .AlarmControl2_13 {
float: left; float: left;
margin-left: 2%; margin-left: 2%;
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
line-height:20px; line-height: 20px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
} }
.AlarmControl2_12{ .AlarmControl2_12 {
float: left; float: left;
margin-left: 2%; margin-left: 2%;
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
line-height:20px; line-height: 20px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
} }
.AlarmControl2_13{ .AlarmControl2_13 {
float: left; float: left;
margin-left: 2%; margin-left: 2%;
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
line-height:20px; line-height: 20px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
} }
} }
} }
} }
.AlarmControl_2_2_2{ .AlarmControl_2_2_2 {
width:50%; width: 50%;
float: right; float: right;
height:100%; height: 100%;
//borderborder:1px solid rgba(23,186,252,1); //borderborder:1px solid rgba(23,186,252,1);
} }
} }
} }
} }
.DangerControl{ .DangerControl {
margin-top: 10%; margin-top: 10%;
height: 29.9%; height: 29.9%;
width: 100%; width: 100%;
...@@ -779,158 +723,150 @@ ...@@ -779,158 +723,150 @@
background-repeat: no-repeat; background-repeat: no-repeat;
background-size: 100% 100%; background-size: 100% 100%;
-moz-background-size: 100% 100%; -moz-background-size: 100% 100%;
.DangerControl_1{ .DangerControl_1 {
height: 10%; height: 10%;
width: 100%; width: 100%;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.DangerControl_1_1{ .DangerControl_1_1 {
width:50%; width: 50%;
margin-left: 9.4%; margin-left: 9.4%;
height:100px; height: 100px;
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
line-height:24px; line-height: 24px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
text-shadow:0px 0px 4px rgba(9,35,61,1); text-shadow: 0px 0px 4px rgba(9, 35, 61, 1);
opacity:1; opacity: 1;
} }
} }
.DangerControl_2{ .DangerControl_2 {
height: 90%; height: 90%;
width: 100%; width: 100%;
.DangerControl_2_1{ .DangerControl_2_1 {
width:9%;
float: right; float: right;
height:14%;
color: rgb(89, 240, 251); color: rgb(89, 240, 251);
line-height: 9%; line-height: 60%;
text-align: center; text-align: center;
font-size: 22px; font-size: 22px;
width: 28px;
height: 28px;
background: linear-gradient(180deg,rgba(95,255,253,0.6) 0%,rgba(95,255,253,0.1) 100%);
cursor: pointer;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
} }
.DangerControl_2_2{ .DangerControl_2_2 {
width:100%; width: 100%;
float: right; float: right;
height:87%; height: 87%;
//border:1px solid rgba(23,186,252,1); //border:1px solid rgba(23,186,252,1);
.DangerControl_2_2_1{ .DangerControl_2_2_1 {
width:50%; width: 50%;
float: right; float: right;
height:100%; height: 100%;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.AlarmControl8{ .AlarmControl8 {
margin-top:20% ; margin-top: 20%;
} }
.AlarmControl2{ .AlarmControl2 {
width:100%; width: 100%;
float: right; float: right;
height:20%; height: 20%;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.AlarmControl2_2{ .AlarmControl2_2 {
float: right; float: right;
margin-top:5% ; margin-top: 5%;
width:10px; width: 10px;
height:10px; height: 10px;
background:rgba(243,12,12,1); background: rgba(243, 12, 12, 1);
border-radius:50%; border-radius: 50%;
opacity:1; opacity: 1;
} }
.AlarmControl2_3{ .AlarmControl2_3 {
float: right; float: right;
margin-top:5% ; margin-top: 5%;
width:10px; width: 10px;
height:10px; height: 10px;
background:rgba(255,214,0,1); background: rgba(255, 214, 0, 1);
border-radius:50%; border-radius: 50%;
opacity:1; opacity: 1;
} }
.AlarmControl2_4{ .AlarmControl2_4 {
float: right; float: right;
margin-top:5% ; margin-top: 5%;
width:10px; width: 10px;
height:10px; height: 10px;
background:rgba(0,255,238,1); background: rgba(0, 255, 238, 1);
border-radius:50%; border-radius: 50%;
opacity:1; opacity: 1;
} }
.AlarmControl2_5{ .AlarmControl2_5 {
float: right; float: right;
margin-top:5% ; margin-top: 5%;
width:10px; width: 10px;
height:10px; height: 10px;
background:rgba(0,255,238,1); background: rgba(0, 255, 238, 1);
border-radius:50%; border-radius: 50%;
opacity:1; opacity: 1;
} }
.AlarmControl2_1{ .AlarmControl2_1 {
height: 100%; height: 100%;
width: 90%; width: 90%;
float: right; float: right;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.AlarmControl2_12{ .AlarmControl2_12 {
float: left; float: left;
margin-left: 1%; margin-left: 1%;
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
line-height:20px; line-height: 20px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
} }
.AlarmControl2_13{ .AlarmControl2_13 {
float: left; float: left;
margin-left: 1%; margin-left: 1%;
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
line-height:20px; line-height: 20px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
} }
.AlarmControl2_12{ .AlarmControl2_12 {
float: left; float: left;
margin-left: 1%; margin-left: 1%;
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
line-height:20px; line-height: 20px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
} }
.AlarmControl2_13{ .AlarmControl2_13 {
float: left; float: left;
margin-left: 1%; margin-left: 1%;
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
line-height:20px; line-height: 20px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
} }
} }
} }
} }
.DangerControl_2_2_2{ .DangerControl_2_2_2 {
width:50%; width: 50%;
float: right; float: right;
height:100%; height: 100%;
//border:1px solid rgba(23,186,252,1); //border:1px solid rgba(23,186,252,1);
} }
} }
} }
} }
.RiskControl { .RiskControl {
height: 32.6%; height: 32.6%;
width: 100%; width: 100%;
...@@ -939,167 +875,157 @@ ...@@ -939,167 +875,157 @@
background-size: 100% 100%; background-size: 100% 100%;
-moz-background-size: 100% 100%; -moz-background-size: 100% 100%;
.RiskControl_1{ .RiskControl_1 {
height: 10%; height: 10%;
width: 100%; width: 100%;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.RiskControl_1_1{ .RiskControl_1_1 {
width:50%; width: 50%;
margin-left: 9.4%; margin-left: 9.4%;
height:100px; height: 100px;
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
line-height:24px; line-height: 24px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
text-shadow:0px 0px 4px rgba(9,35,61,1); text-shadow: 0px 0px 4px rgba(9, 35, 61, 1);
opacity:1; opacity: 1;
} }
} }
.RiskControl_2{ .RiskControl_2 {
height: 64%; height: 64%;
width: 100%; width: 100%;
.RiskControl_2_1{ .RiskControl_2_1 {
width:9%;
float: right; float: right;
height:18%;
color: rgb(89, 240, 251); color: rgb(89, 240, 251);
line-height: 9%; line-height: 60%;
text-align: center; text-align: center;
font-size: 22px; font-size: 22px;
width: 28px;
height: 28px;
background: linear-gradient(180deg,rgba(95,255,253,0.6) 0%,rgba(95,255,253,0.1) 100%);
cursor: pointer;
//border:1px solid rgba(23,186,252,1); //border:1px solid rgba(23,186,252,1);
} }
.RiskControl_2_2{ .RiskControl_2_2 {
width:100%; width: 100%;
float: right; float: right;
height:82%; height: 82%;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.RiskControl_2_2_1{ .RiskControl_2_2_1 {
width:50%; width: 50%;
float: right; float: right;
height:100%; height: 100%;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.RiskControl_2_2_19{ .RiskControl_2_2_19 {
margin-left: 30%; margin-left: 30%;
margin-top: 2%; margin-top: 2%;
height:40%; height: 40%;
.shi{ .shi {
color:rgba(243,12,12,1); color: rgba(243, 12, 12, 1);
font-size:22px; font-size: 22px;
} }
.shi1{ .shi1 {
color:rgba(243,12,12,1); color: rgba(243, 12, 12, 1);
} }
.shou{ .shou {
color:rgba(0,255,238,1); color: rgba(0, 255, 238, 1);
font-size:22px; font-size: 22px;
} }
.shou1{ .shou1 {
color:rgba(0,255,238,1); color: rgba(0, 255, 238, 1);
} }
} }
} }
.RiskControl_2_2_2{ .RiskControl_2_2_2 {
width:50%; width: 50%;
float: right; float: right;
height:100%; height: 100%;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
} }
} }
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
} }
.RiskControl_3{ .RiskControl_3 {
height: 26%; height: 26%;
width: 100%; width: 100%;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.RiskControl_3_1{ .RiskControl_3_1 {
height: 40%; height: 40%;
width: 50%; width: 50%;
float: right; float: right;
//border:1px solid rgba(23,186,252,1); //border:1px solid rgba(23,186,252,1);
.RiskControl_3_1_1{ .RiskControl_3_1_1 {
height: 100%; height: 100%;
width: 90%; width: 90%;
float: right; float: right;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.RiskControl_3_1_8{ .RiskControl_3_1_8 {
float: left; float: left;
margin-left: 8%; margin-left: 8%;
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
line-height:20px; line-height: 20px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
} }
} }
.RiskControl_3_1_17{ .RiskControl_3_1_17 {
height: 100%; height: 100%;
width: 60%; width: 60%;
float: right; float: right;
// border:1px solid rgba(23,186,252,1); // border:1px solid rgba(23,186,252,1);
.RiskControl_3_1_8{ .RiskControl_3_1_8 {
float: left; float: left;
margin-left: 8%; margin-left: 8%;
font-size:10px; font-size: 10px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:bold; font-weight: bold;
line-height:20px; line-height: 20px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
} }
} }
.RiskControl_3_1_2{ .RiskControl_3_1_2 {
float: right; float: right;
margin-top:5% ; margin-top: 5%;
width:10px; width: 10px;
height:10px; height: 10px;
background:rgba(219,121,23,1); background: rgba(219, 121, 23, 1);
border-radius:50%; border-radius: 50%;
opacity:1; opacity: 1;
} }
.RiskControl_3_1_3{ .RiskControl_3_1_3 {
float: right; float: right;
margin-top:5% ; margin-top: 5%;
width:10px; width: 10px;
height:10px; height: 10px;
background:rgba(243,12,12,1); background: rgba(243, 12, 12, 1);
border-radius:50%; border-radius: 50%;
opacity:1; opacity: 1;
} }
.RiskControl_3_1_4{ .RiskControl_3_1_4 {
float: right; float: right;
margin-top:5% ; margin-top: 5%;
width:10px; width: 10px;
height:10px; height: 10px;
background:rgba(12,3,185,1); background: rgba(12, 3, 185, 1);
border-radius:50%; border-radius: 50%;
opacity:1; opacity: 1;
}
} .RiskControl_3_1_5 {
.RiskControl_3_1_5{
float: right; float: right;
margin-top:5% ; margin-top: 5%;
width:10px; width: 10px;
height:10px; height: 10px;
background:rgba(209,209,52,1); background: rgba(209, 209, 52, 1);
border-radius:50%; border-radius: 50%;
opacity:1; opacity: 1;
} }
} }
} }
} }
} }
...@@ -1113,23 +1039,20 @@ ...@@ -1113,23 +1039,20 @@
top: 8.51%; top: 8.51%;
right: 0; right: 0;
.AllSafety { .AllSafety {
height: 25.9%; height: 25.9%;
width: 100%; width: 100%;
.all-safety-font { .all-safety-font {
height: 11%; height: 11%;
width: 100%; width: 100%;
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
line-height:24px; line-height: 24px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
text-shadow:0px 0px 4px rgba(9,35,61,1); text-shadow: 0px 0px 4px rgba(9, 35, 61, 1);
opacity:1; opacity: 1;
padding-left: 17px; padding-left: 17px;
} }
...@@ -1141,31 +1064,27 @@ ...@@ -1141,31 +1064,27 @@
background-size: 100% 100%; background-size: 100% 100%;
-moz-background-size: 100% 100%; -moz-background-size: 100% 100%;
.div-echars {
.div-echars{
margin-left: 17px; margin-left: 17px;
height: 200px !important; height: 200px !important;
width: 82%!important; width: 82% !important;
background-position:60px 14px!important background-position: 60px 14px !important;
} }
.jiantou { .jiantou {
color:rgb(255,255,0) color: rgb(255, 255, 0);
} }
.content-detail { .content-detail {
height: 100%; height: 100%;
width: 100%; width: 100%;
display: flex; display: flex;
.all-safety-left{ .all-safety-left {
height: 89%; height: 89%;
width: 53%; width: 53%;
} }
.all-safety-right{ .all-safety-right {
height: 89%; height: 89%;
width: 47%; width: 47%;
text-align: center; text-align: center;
...@@ -1178,36 +1097,34 @@ ...@@ -1178,36 +1097,34 @@
line-height: 20px; line-height: 20px;
position: relative; position: relative;
.right-one-font { .right-one-font {
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
color:rgba(247,13,14,1); color: rgba(247, 13, 14, 1);
line-height:26px; line-height: 26px;
} }
} }
.all-safety-right-two { .all-safety-right-two {
height: 13%; height: 13%;
width: 45%; width: 45%;
background:linear-gradient(90deg,rgba(82,237,242,0.1) 0%,rgba(28,98,100,0.31) 100%); background: linear-gradient(90deg, rgba(82, 237, 242, 0.1) 0%, rgba(28, 98, 100, 0.31) 100%);
box-shadow:0px 3px 6px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
opacity:1; opacity: 1;
border-radius: 6px; border-radius: 6px;
position: relative; position: relative;
left: 31%; left: 31%;
top: 7%; top: 7%;
.right-two-font { .right-two-font {
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
line-height: 23px; line-height: 23px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
} }
} }
...@@ -1217,42 +1134,36 @@ ...@@ -1217,42 +1134,36 @@
text-align: center; text-align: center;
margin-top: 12%; margin-top: 12%;
.right-three-font { .right-three-font {
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
color:rgba(4,252,253,1); color: rgba(4, 252, 253, 1);
line-height:26px; line-height: 26px;
} }
} }
.all-safety-right-four { .all-safety-right-four {
height: 13%; height: 13%;
width: 45%; width: 45%;
background:linear-gradient(90deg,rgba(82,237,242,0.1) 0%,rgba(28,98,100,0.31) 100%); background: linear-gradient(90deg, rgba(82, 237, 242, 0.1) 0%, rgba(28, 98, 100, 0.31) 100%);
box-shadow:0px 3px 6px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
opacity:1; opacity: 1;
border-radius: 6px; border-radius: 6px;
position: relative; position: relative;
left: 31%; left: 31%;
.right-four-font { .right-four-font {
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
line-height:23px; line-height: 23px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
} }
} }
} }
} }
} }
} }
.FireSafety { .FireSafety {
...@@ -1263,7 +1174,6 @@ ...@@ -1263,7 +1174,6 @@
bottom: 12px !important; bottom: 12px !important;
} }
.fire-safety-content { .fire-safety-content {
// background-image: url('/src/assets/homePage/xfsl.png'); // background-image: url('/src/assets/homePage/xfsl.png');
margin-top: 12px; margin-top: 12px;
...@@ -1275,13 +1185,13 @@ ...@@ -1275,13 +1185,13 @@
.fire-safety-font { .fire-safety-font {
height: 11%; height: 11%;
width: 100%; width: 100%;
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
line-height:24px; line-height: 24px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
text-shadow:0px 0px 4px rgba(9,35,61,1); text-shadow: 0px 0px 4px rgba(9, 35, 61, 1);
opacity:1; opacity: 1;
padding-left: 17px; padding-left: 17px;
} }
...@@ -1338,25 +1248,23 @@ ...@@ -1338,25 +1248,23 @@
} }
.fire-safety-wenzi { .fire-safety-wenzi {
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
line-height:26px; line-height: 26px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
display: inline-block; display: inline-block;
margin-left: 6px; margin-left: 6px;
} }
} }
.fire-safety-tongji { .fire-safety-tongji {
width: 84%; width: 84%;
height: 12.3%; height: 12.3%;
background:linear-gradient(90deg,rgba(82,237,242,0.1) 0%,rgba(28,98,100,0.31) 100%); background: linear-gradient(90deg, rgba(82, 237, 242, 0.1) 0%, rgba(28, 98, 100, 0.31) 100%);
box-shadow:0px 3px 6px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
opacity:1; opacity: 1;
margin-left: 7%; margin-left: 7%;
cursor: pointer; cursor: pointer;
margin-top: 3%; margin-top: 3%;
...@@ -1365,23 +1273,20 @@ ...@@ -1365,23 +1273,20 @@
width: 100%; width: 100%;
.left-div { .left-div {
display: inline-block; display: inline-block;
} }
.right-font { .right-font {
display: inline-block; display: inline-block;
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
line-height:26px; line-height: 26px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
float: right; float: right;
margin-right: 10px; margin-right: 10px;
} }
} }
} }
} }
...@@ -1396,13 +1301,13 @@ ...@@ -1396,13 +1301,13 @@
.strength-safety-font { .strength-safety-font {
height: 11%; height: 11%;
width: 100%; width: 100%;
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
line-height:24px; line-height: 24px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
text-shadow:0px 0px 4px rgba(9,35,61,1); text-shadow: 0px 0px 4px rgba(9, 35, 61, 1);
opacity:1; opacity: 1;
padding-left: 17px; padding-left: 17px;
} }
...@@ -1459,12 +1364,12 @@ ...@@ -1459,12 +1364,12 @@
} }
.strength-safety-wenzi { .strength-safety-wenzi {
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
line-height:26px; line-height: 26px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
display: inline-block; display: inline-block;
margin-left: 6px; margin-left: 6px;
} }
...@@ -1477,35 +1382,30 @@ ...@@ -1477,35 +1382,30 @@
background-size: 100% 100%; background-size: 100% 100%;
-moz-background-size: 100% 100%; -moz-background-size: 100% 100%;
.strength-safety-content-box .strength-safety-content-box {
{
display: flex; display: flex;
height: 89%; height: 89%;
width: 100%; width: 100%;
.item{ .item {
margin-top: 2%; margin-top: 2%;
padding: 7px; padding: 7px;
font-size: 15px; font-size: 15px;
color: white; color: white;
width:260px; width: 260px;
height:35px; height: 35px;
background:linear-gradient(90deg,rgba(82,237,242,0.1) 0%,rgba(28,98,100,0.31) 100%); background: linear-gradient(90deg, rgba(82, 237, 242, 0.1) 0%, rgba(28, 98, 100, 0.31) 100%);
box-shadow:0px 3px 6px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
opacity:1; opacity: 1;
.item-img-div .item-img-div {
{
width: 20px; width: 20px;
float: left; float: left;
margin-right: 5%; margin-right: 5%;
} }
.item-value .item-value {
{
float: right; float: right;
margin-right: 5%; margin-right: 5%;
} }
} }
} }
} }
...@@ -1513,9 +1413,9 @@ ...@@ -1513,9 +1413,9 @@
.strength-safety-tongji { .strength-safety-tongji {
width: 84%; width: 84%;
height: 12.3%; height: 12.3%;
background:linear-gradient(90deg,rgba(82,237,242,0.1) 0%,rgba(28,98,100,0.31) 100%); background: linear-gradient(90deg, rgba(82, 237, 242, 0.1) 0%, rgba(28, 98, 100, 0.31) 100%);
box-shadow:0px 3px 6px rgba(0,0,0,0.16); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
opacity:1; opacity: 1;
margin-left: 7%; margin-left: 7%;
cursor: pointer; cursor: pointer;
margin-top: 3%; margin-top: 3%;
...@@ -1524,26 +1424,21 @@ ...@@ -1524,26 +1424,21 @@
width: 100%; width: 100%;
.left-div { .left-div {
display: inline-block; display: inline-block;
} }
.right-font { .right-font {
display: inline-block; display: inline-block;
font-size:15px; font-size: 15px;
font-family:Microsoft YaHei; font-family: Microsoft YaHei;
font-weight:400; font-weight: 400;
line-height:26px; line-height: 26px;
color:rgba(255,255,255,1); color: rgba(255, 255, 255, 1);
opacity:1; opacity: 1;
float: right; float: right;
margin-right: 10px; margin-right: 10px;
} }
} }
} }
} }
} }
//} //}
src/view/biz/duty/situation/GrowthStatistics.js
View file @ b51f9267
...@@ -9,8 +9,8 @@ class GrowthStatistics extends Component { ...@@ -9,8 +9,8 @@ class GrowthStatistics extends Component {
<div className="growth-statistics-view common-margin"> <div className="growth-statistics-view common-margin">
{/* <div className='daily-title daily-title-content'>告警隐患周增幅统计</div> */} {/* <div className='daily-title daily-title-content'>告警隐患周增幅统计</div> */}
<CommonCard title="告警隐患周增幅统计"> <CommonCard title="告警隐患周增幅统计">
<div className="growth-content"> <div className="growth-content" style={{ position: 'relative' }}>
<div style={{ position: 'initial', width: 28, height: 28, marginTop: -28, marginLeft: 358 }} onClick={this.props.onWarnClick}></div> <div className="content-detail" onClick={this.props.onWarnClick}>...</div>
<div className="growth-item growth-item-header"> <div className="growth-item growth-item-header">
<div>日期</div> <div>日期</div>
<div>告警/隐患</div> <div>告警/隐患</div>
......
src/view/biz/duty/situation/RecentStatistics.js
View file @ b51f9267
...@@ -34,8 +34,8 @@ class RecentStatistics extends Component { ...@@ -34,8 +34,8 @@ class RecentStatistics extends Component {
<Button size="sm" children={<span>告警</span>} className="button-style" value="1" style={value == '1' ? select : noselect} /> <Button size="sm" children={<span>告警</span>} className="button-style" value="1" style={value == '1' ? select : noselect} />
<Button size="sm" children={<span>隐患</span>} className="button-style" value="2" style={value == '2' ? select : noselect} /> <Button size="sm" children={<span>隐患</span>} className="button-style" value="2" style={value == '2' ? select : noselect} />
</ButtonGroup> </ButtonGroup>
<div className="recent-statistics-content"> <div className="recent-statistics-content" style={{position: 'relative'}}>
<div style={{ position: 'initial', width: 28, height: 28, marginTop: -19, marginLeft: 362 }} onClick={this.props.onStatisticClick}></div> <div className="content-detail" onClick={this.props.onStatisticClick}>...</div>
<ReactEcharts option={recentData} style={{ height: '100%', width: '100%' }} /> <ReactEcharts option={recentData} style={{ height: '100%', width: '100%' }} />
</div> </div>
</CommonCard> </CommonCard>
......
src/view/biz/duty/situation/RiskFailure.js
View file @ b51f9267
...@@ -10,8 +10,8 @@ class RiskFailure extends Component { ...@@ -10,8 +10,8 @@ class RiskFailure extends Component {
<div className="risk-failure-view common-margin daily-title"> <div className="risk-failure-view common-margin daily-title">
{/* <div className='daily-title daily-title-content'>安全风险失效 TOP10</div> */} {/* <div className='daily-title daily-title-content'>安全风险失效 TOP10</div> */}
<CommonCard title="安全风险失效 TOP10"> <CommonCard title="安全风险失效 TOP10">
<div className="top-ten-content"> <div className="top-ten-content" style={{ position: 'relative' }}>
<div style={{ position: 'initial', width: 28, height: 28, marginTop: -35, marginLeft: 352 }} onClick={this.props.onRiskClick}></div> <div className="content-detail" onClick={this.props.onRiskClick}>...</div>
{riskFailureData.map((item, index) => ( {riskFailureData.map((item, index) => (
<div className="top-ten-item" key={index}> <div className="top-ten-item" key={index}>
<OverFlowText> <OverFlowText>
......
src/view/biz/duty/situation/SafetyRate.js
View file @ b51f9267
...@@ -7,28 +7,29 @@ import CommonCard from '../../../common/commonCard/CommonCard'; ...@@ -7,28 +7,29 @@ import CommonCard from '../../../common/commonCard/CommonCard';
class SafetyRate extends Component { class SafetyRate extends Component {
render() { render() {
return ( return (
<div className="safety-rate-view common-margin daily-title"> <div className='safety-rate-view common-margin daily-title'>
{/* <div className='daily-title-content'> {/* <div className='daily-title-content'>
安全指数 TOP10 安全指数 TOP10
</div> */} </div> */}
<CommonCard title="安全指数 TOP10"> <CommonCard title="安全指数 TOP10">
<div className="top-ten-content" style={{ position: 'initial' }}> <div className='top-ten-content' style={{ position: 'relative' }}>
<div style={{ position: 'initial', width: 28, height: 28, marginTop: -36, marginLeft: 352 }} onClick={this.props.onClick}></div> <div className="content-detail"
{SafetyRateData.map((item, index) => ( onClick={this.props.onClick}>...</div>
<div className="top-ten-item" key={index}> {
SafetyRateData.map((item,index)=>
<div className='top-ten-item' key={index}>
<OverFlowText> <OverFlowText>
<p style={{ width: '80px' }}>{item.name}</p> <p style={{ width: '80px' }}>{item.name}</p>
</OverFlowText> </OverFlowText>
<div className="top-ten-item-middle"> <div className='top-ten-item-middle'>
<div className="top-ten-item-middlelinear" style={{ height: 8, width: `${item.value}%` }}> <div className='top-ten-item-middlelinear' style={{height:8,width:`${item.value}%`}}> </div>
{' '}
</div> </div>
</div> <div className ='top-ten-item-bottom'>
<div className="top-ten-item-bottom">
<span>{item.value}</span> <span>{item.value}</span>
</div> </div>
</div> </div>
))} )
}
</div> </div>
</CommonCard> </CommonCard>
</div> </div>
......
src/view/biz/duty/situation/Statistics.js
View file @ b51f9267
...@@ -388,7 +388,7 @@ class Statistics extends Component { ...@@ -388,7 +388,7 @@ class Statistics extends Component {
</div> </div>
</div> </div>
{/* <MapChart option={option123} style={{ height: '100%', width: '100%' }} /> */} {/* <MapChart option={option123} style={{ height: '100%', width: '100%' }} /> */}
<div id="mainMap" style={{ width: '100%', height: '86%' }}></div> <div id="mainMap" style={{ width: '90%', height: '86%', margin: '0 auto', paddingTop: '3%' }}></div>
</CommonCard> </CommonCard>
</div> </div>
); );
......
src/view/biz/emergency/disaster/index.js
View file @ b51f9267
...@@ -10,6 +10,7 @@ import SwitchInfo from './SwitchInfo'; ...@@ -10,6 +10,7 @@ import SwitchInfo from './SwitchInfo';
import DisasterContents from './DisasterContents'; import DisasterContents from './DisasterContents';
import PaperContents from './PaperContents'; import PaperContents from './PaperContents';
import ModelContents from './ModelContents'; import ModelContents from './ModelContents';
import { disasterData, deviceData, contactData, detailData } from '../../../../../_mock/apps';
const { TabList, Tab, TabPanel } = Tabs; const { TabList, Tab, TabPanel } = Tabs;
...@@ -127,6 +128,7 @@ class DisasterSituation extends React.Component { ...@@ -127,6 +128,7 @@ class DisasterSituation extends React.Component {
} }
render() { render() {
console.log(disasterData);
const { flag, switchFlag, disasterInfo = {}, contactInfo = [], deviceInfo = [], deviceData = [], contentSwitch, paperSwitch, modelSwitch } = this.state; const { flag, switchFlag, disasterInfo = {}, contactInfo = [], deviceInfo = [], deviceData = [], contentSwitch, paperSwitch, modelSwitch } = this.state;
return ( return (
<div className="demo"> <div className="demo">
......
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