Commit 0bfd026e authored by 万伟's avatar 万伟

详情页表,搜索菜单与下拉框,以及对应搜索选择数据切换事件

parent 1c3e4832
...@@ -57,7 +57,6 @@ ...@@ -57,7 +57,6 @@
background:rgba(0,185,255,0.3); background:rgba(0,185,255,0.3);
border-radius:17px; border-radius:17px;
top: 30px; top: 30px;
margin-left: 880px;
color: #5FFFFD; color: #5FFFFD;
.amos-search-icon-right{ .amos-search-icon-right{
left: 255px; left: 255px;
...@@ -70,6 +69,21 @@ ...@@ -70,6 +69,21 @@
border-radius: 17px; border-radius: 17px;
} }
} }
.selectDiv{
position: relative;
right: -900px;
margin-left: 20px;
color: white;
.amos-select-dropdown {
border: 0;
min-width: 7em;
line-height: 32px;
background-color: rgba(0,185,255,0.3);
border-radius: 15px;
top: -3px;
}
}
} }
.infoContent{ .infoContent{
height:888px; height:888px;
...@@ -77,10 +91,10 @@ ...@@ -77,10 +91,10 @@
.ant-table-content{ .ant-table-content{
height: 800px; height: 800px;
opacity:1; opacity:1;
.ant-table-placeholder{ .ant-table-placeholder{
background:rgba(14,127,180,0.29); background:rgba(14,127,180,0.29);
opacity:0.63; opacity:0.63;
} }
.ant-table-tbody { .ant-table-tbody {
width: 100%; width: 100%;
height: 100%; height: 100%;
...@@ -90,7 +104,7 @@ ...@@ -90,7 +104,7 @@
} }
} }
table { table {
width: 100%; width: 100%;
} }
.ant-table-body>.clickRowStyl:hover>td { .ant-table-body>.clickRowStyl:hover>td {
background-color: #00b4ed; background-color: #00b4ed;
...@@ -233,7 +247,7 @@ ...@@ -233,7 +247,7 @@
width: 100%; width: 100%;
.ant-table-thead > tr > th { .ant-table-thead > tr > th {
background:rgba(0,185,255,0.38)!important; background:rgba(0,185,255,0.38)!important;
font-size:20p!important; font-size:20px!important;
font-family:Microsoft YaHei; font-family:Microsoft YaHei;
font-weight:bold; font-weight:bold;
color:rgba(255,255,255,1); color:rgba(255,255,255,1);
......
...@@ -107,35 +107,48 @@ const sevenDaysRiskCensusData = [{ ...@@ -107,35 +107,48 @@ const sevenDaysRiskCensusData = [{
'sa': '复龙换流站', 'sb': '送点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97', 'sa': '复龙换流站', 'sb': '送点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97',
}, },
{ {
'sa': '奉贤换流站', 'sb': '点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97', 'sa': '奉贤换流站', 'sb': '点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97',
}, },
{ {
'sa': '苏州换流站', 'sb': '送点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97', 'sa': '苏州换流站', 'sb': '送点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97',
}, },
{ {
'sa': '中州换流站', 'sb': '送点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97', 'sa': '中州换流站', 'sb': '收点', 'sc': '隐患', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97',
}, },
{ {
'sa': '天山换流站', 'sb': '送点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97', 'sa': '天山换流站', 'sb': '送点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97',
}, },
{ {
'sa': '金华换流站', 'sb': '送点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97', 'sa': '金华换流站', 'sb': '送点', 'sc': '隐患', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97',
}, },
{ {
'sa': '龙泉换流站', 'sb': '送点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97', 'sa': '三亚换流站', 'sb': '送点', 'sc': '隐患', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97',
}, },
{ {
'sa': '政平换流站', 'sb': '送点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97', 'sa': '龙泉换流站', 'sb': '收点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97',
}, },
{ {
'sa': '伊克昭换流站', 'sb': '送点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97', 'sa': '厦门换流站', 'sb': '收点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97',
}, },
{ {
'sa': '陕北换流站', 'sb': '送点', 'sc': '告警', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97', 'sa': '南昌换流站', 'sb': '送点', 'sc': '隐患', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97',
},
{
'sa': '政平换流站', 'sb': '送点', 'sc': '隐患', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97',
},
{
'sa': '伊克昭换流站', 'sb': '收点', 'sc': '隐患', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97',
},
{
'sa': '陕北换流站', 'sb': '送点', 'sc': '隐患', 'sd': '23', 'se': '23', 'sf': '12', 'sg': '12', 'sh': '12', 'si': '23', 'sj': '97',
}, },
{ {
......
This diff is collapsed.
...@@ -7,7 +7,7 @@ class GrowthStatistics extends Component { ...@@ -7,7 +7,7 @@ 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>
<div className='growth-content'> <div className='growth-content'>
<div style={{position:"initial",width:28,height:28,marginTop:-23,marginLeft:358}} <div style={{position:"initial",width:28,height:28,marginTop:-28,marginLeft:358}}
onClick={this.props.onWarnClick}></div> onClick={this.props.onWarnClick}></div>
<div className='growth-item growth-item-header'> <div className='growth-item growth-item-header'>
<div>日期</div> <div>日期</div>
...@@ -22,8 +22,7 @@ class GrowthStatistics extends Component { ...@@ -22,8 +22,7 @@ class GrowthStatistics extends Component {
<div>{item.growth}</div> <div>{item.growth}</div>
</div> </div>
) )
)
)
} }
</div> </div>
</div> </div>
......
...@@ -34,7 +34,7 @@ class RecentStatistics extends Component { ...@@ -34,7 +34,7 @@ class RecentStatistics extends Component {
<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'>
<div style={{position:"initial",width:28,height:28,marginTop:-14,marginLeft:362}} <div style={{position:"initial",width:28,height:28,marginTop:-19,marginLeft:362}}
onClick={this.props.onStatisticClick}></div> onClick={this.props.onStatisticClick}></div>
<ReactEcharts option={recentData} style={{ height: '100%', width: '100%' }} /> <ReactEcharts option={recentData} style={{ height: '100%', width: '100%' }} />
</div> </div>
......
...@@ -8,7 +8,7 @@ class RiskFailure extends Component { ...@@ -8,7 +8,7 @@ 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>
<div className='top-ten-content'> <div className='top-ten-content'>
<div style={{position:"initial",width:28,height:28,marginTop:-32,marginLeft:352}} <div style={{position:"initial",width:28,height:28,marginTop:-35,marginLeft:352}}
onClick={this.props.onRiskClick}></div> onClick={this.props.onRiskClick}></div>
{ {
riskFailureData.map((item,index)=> riskFailureData.map((item,index)=>
......
...@@ -9,9 +9,9 @@ class SafetyRate extends Component { ...@@ -9,9 +9,9 @@ class SafetyRate extends Component {
<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>
<div className='top-ten-content' style={{position:"initial"}}> <div className='top-ten-content' style={{position:"initial"}}>
<div style={{position:"initial",width:28,height:28,marginTop:-32,marginLeft:352}} <div style={{position:"initial",width:28,height:28,marginTop:-36,marginLeft:352}}
onClick={this.props.onClick}></div> onClick={this.props.onClick}></div>
{ {
SafetyRateData.map((item,index)=> SafetyRateData.map((item,index)=>
......
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