Skip to content

S
station-elec-manage-view
Commit 0bfd026e authored by 万伟's avatar 万伟
Browse files
Options

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

parent 1c3e4832
Hide whitespace changes
Inline Side-by-side
Showing with 296 additions and 122 deletions
src/styles/view/biz/detail/detail.scss
View file @ 0bfd026e
......@@ -57,7 +57,6 @@
background:rgba(0,185,255,0.3);
border-radius:17px;
top: 30px;
margin-left: 880px;
color: #5FFFFD;
.amos-search-icon-right{
left: 255px;
......@@ -70,6 +69,21 @@
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{
height:888px;
......@@ -77,10 +91,10 @@
.ant-table-content{
height: 800px;
opacity:1;
.ant-table-placeholder{
.ant-table-placeholder{
background:rgba(14,127,180,0.29);
opacity:0.63;
}
}
.ant-table-tbody {
width: 100%;
height: 100%;
......@@ -90,7 +104,7 @@
}
}
table {
width: 100%;
width: 100%;
}
.ant-table-body>.clickRowStyl:hover>td {
background-color: #00b4ed;
......@@ -233,7 +247,7 @@
width: 100%;
.ant-table-thead > tr > th {
background:rgba(0,185,255,0.38)!important;
font-size:20p!important;
font-size:20px!important;
font-family:Microsoft YaHei;
font-weight:bold;
color:rgba(255,255,255,1);
......
src/view/biz/duty/detail/data.js
View file @ 0bfd026e
......@@ -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',
},
{
......
src/view/biz/duty/detail/index.js
View file @ 0bfd026e
import React, { Component } from 'react';
import PropTypes from 'prop-types';
import {Layout,Search } from 'amos-framework';
import {Input,Table, Button } from 'amos-antd';
import { Layout, Search, Select } from 'amos-framework';
import { Table } from 'amos-antd';
import JsonData from './data';
import RiskAssessment from './riskDetail';
const { Header, Content } = Layout;
const riskData = JsonData.riskData;
const dangerWeekCensusData=JsonData.dangerWeekCensusData;
const sevenDaysRiskCensusData=JsonData.sevenDaysRiskCensusData;
const pageSize=13;
const pageSize = 12;
const Option = Select.Option;
class CentralInfoView extends Component {
constructor(props) {
super(props);
this.updateParent= this.updateParent.bind(this);
this.updateParent = this.updateParent.bind(this);
this.state = {
title: '', //modal标题
divVisable: 'none',
riskVisable: 'none',
buttonVisable:'block',
type:'', //当前表格类型
detailTitle:'',
buttonVisable: 'block',
type: '', //当前表格类型
detailTitle: '',
sevenDaySelectValue1:null,
sevenDaySelectValue2:null,
kpsiData:JsonData.riskData,
riskFailureData:JsonData.riskData,
dangerWeekCensusData:JsonData.dangerWeekCensusData,
sevenDaysRiskCensusData: JsonData.sevenDaysRiskCensusData
};
}
componentDidMount(){
this.props.onRef&&this.props.onRef(this)
componentDidMount() {
this.props.onRef && this.props.onRef(this);
}
......@@ -38,7 +42,7 @@ class CentralInfoView extends Component {
this.setState({
title: "安全指数",
divVisable: 'block',
buttonVisable:'none',
buttonVisable: 'none',
type: 'kpsi'
})
}
......@@ -50,7 +54,7 @@ class CentralInfoView extends Component {
this.setState({
title: "安全风险失效",
divVisable: 'block',
buttonVisable:'none',
buttonVisable: 'none',
type: 'safetyRiskFailure'
})
}
......@@ -62,7 +66,7 @@ class CentralInfoView extends Component {
this.setState({
title: "告警隐患周增幅统计",
divVisable: 'block',
buttonVisable:'none',
buttonVisable: 'none',
type: 'dangerWeekCensus'
})
}
......@@ -74,7 +78,7 @@ class CentralInfoView extends Component {
this.setState({
title: "七日风险统计",
divVisable: 'block',
buttonVisable:'none',
buttonVisable: 'none',
type: 'sevenDaysRiskCensus'
})
}
......@@ -85,32 +89,36 @@ class CentralInfoView extends Component {
closeDiv = () => {
this.setState({
divVisable: 'none',
buttonVisable:'block',
title:'',
type:''
buttonVisable: 'block',
title: '',
type: '',
kpsiData:JsonData.riskData,
riskFailureData:JsonData.riskData,
dangerWeekCensusData:JsonData.dangerWeekCensusData,
sevenDaysRiskCensusData: JsonData.sevenDaysRiskCensusData
})
}
/**
* 根据类型切换列
*/
columns= (type)=>{
if(type==="kpsi"){
columns = (type) => {
if (type === "kpsi") {
return (
[
{
title: '换流站',
dataIndex: 'ka',
width: 100,
render : (text, record) => {
return(<div style={{color:'yellow',fontWeight: 'normal'}}>{text}</div>)
render: (text, record) => {
return (<div style={{ color: 'yellow', fontWeight: 'normal' }}>{text}</div>)
}
},
{
title: ' 极1高端阀厅',
dataIndex: 'kb',
width: 100
},
},
{
title: '极1低端阀厅',
dataIndex: 'kc',
......@@ -158,28 +166,28 @@ class CentralInfoView extends Component {
width: 120
},
{
title: <div><span>总安全指数</span>&nbsp;<span style={{color:'#B8C10B',height:8,width:11}}>↓</span></div>,
title: <div><span>总安全指数</span>&nbsp;<span style={{ color: '#B8C10B', height: 8, width: 11 }}>↓</span></div>,
dataIndex: 'kl',
width: 120
},
]
)
}else if(type==="safetyRiskFailure"){
} else if (type === "safetyRiskFailure") {
return (
[
{
title: '换流站',
dataIndex: 'ka',
width: 100,
render : (text, record) => {
return(<div style={{color:'yellow',fontWeight: 'normal'}}>{text}</div>)
render: (text, record) => {
return (<div style={{ color: 'yellow', fontWeight: 'normal' }}>{text}</div>)
}
},
{
title: ' 极1高端阀厅',
dataIndex: 'kb',
width: 100
},
},
{
title: '极1低端阀厅',
dataIndex: 'kc',
......@@ -208,7 +216,7 @@ class CentralInfoView extends Component {
{
title: '主控楼',
dataIndex: 'kh',
width:80
width: 80
},
{
title: '极1辅控楼',
......@@ -226,64 +234,64 @@ class CentralInfoView extends Component {
width: 120
},
{
title: <div><span>总安全指数</span>&nbsp;<span style={{color:'#B8C10B',height:8,width:11}}>↓</span></div>,
title: <div><span>总安全指数</span>&nbsp;<span style={{ color: '#B8C10B', height: 8, width: 11 }}>↓</span></div>,
dataIndex: 'kl',
width: 120
}
]
)
}
else if(type==="dangerWeekCensus"){
else if (type === "dangerWeekCensus") {
return (
[
{
title: '换流站',
dataIndex: 'da',
width: 120,
render : (text, record) => {
return(<div style={{fontWeight: 'normal'}}>{text}</div>)
render: (text, record) => {
return (<div style={{ fontWeight: 'normal' }}>{text}</div>)
}
},
{
title: '告警',
dataIndex: 'db',
width: 120,
render : (text, record) => {
return(<div><span>{text}</span><span style={{marginLeft:100}}>{Math.round((text/(record.db+record.dc))*100)}%</span></div>)
render: (text, record) => {
return (<div><span>{text}</span><span style={{ marginLeft: 100 }}>{Math.round((text / (record.db + record.dc)) * 100)}%</span></div>)
}
},
},
{
title: '隐患',
dataIndex: 'dc',
width: 120,
render : (text, record) => {
return(<div><span>{text}</span><span style={{marginLeft:100}}>{Math.round((text/(record.db+record.dc))*100)}%</span></div>)
}
render: (text, record) => {
return (<div><span>{text}</span><span style={{ marginLeft: 100 }}>{Math.round((text / (record.db + record.dc)) * 100)}%</span></div>)
}
},
]
)
}
else if(type==="sevenDaysRiskCensus"){
else if (type === "sevenDaysRiskCensus") {
return (
[
{
title: '换流站',
dataIndex: 'sa',
width: 100,
render : (text, record) => {
return(<div style={{fontWeight: 'normal'}}>{text}</div>)
render: (text, record) => {
return (<div style={{ fontWeight: 'normal' }}>{text}</div>)
}
},
{
title: '类型',
dataIndex: 'sb',
width: 100
},
},
{
title: '类别',
dataIndex: 'sc',
width: 100
},
},
{
title: '今天',
dataIndex: 'sd',
......@@ -298,12 +306,12 @@ class CentralInfoView extends Component {
title: '04-30',
dataIndex: 'sf',
width: 100
},
},
{
title: '04-29',
dataIndex: 'sg',
width: 100
},
},
{
title: '04-28',
dataIndex: 'sh',
......@@ -313,32 +321,36 @@ class CentralInfoView extends Component {
title: '04-27',
dataIndex: 'si',
width: 100
},
},
{
title: '04-26',
dataIndex: 'sj',
width: 100
},
},
]
)
}else{
} else {
return (
[]
)
}
}
}
/**
* 根据类型切换数据
*/
getDataSource =(type)=>{
if(type==="kpsi"||type==="safetyRiskFailure"){
return riskData;
getDataSource = (type) => {
let{kpsiData, riskFailureData,dangerWeekCensusData, sevenDaysRiskCensusData}=this.state;
if (type === "kpsi") {
return kpsiData;
}
else if(type==="dangerWeekCensus"){
else if(type === "safetyRiskFailure"){
return riskFailureData;
}
else if (type === "dangerWeekCensus") {
return dangerWeekCensusData;
}
else if(type==="sevenDaysRiskCensus"){
else if (type === "sevenDaysRiskCensus") {
return sevenDaysRiskCensusData;
}
}
......@@ -346,15 +358,15 @@ class CentralInfoView extends Component {
/**
* 自定义总页数
*/
showTotalPage = (total) =>{
let pages=Math.ceil(total/pageSize);
return `共 ${pages} 页`;
showTotalPage = (total) => {
let pages = Math.ceil(total / pageSize);
return `共 ${pages} 页`;
}
/**
* 设定间隔行样式
*/
rowClassChange=(record,index) => {
rowClassChange = (record, index) => {
let className = 'light-row';
if (index % 2 === 0) className = 'dark-row';
return className;
......@@ -363,65 +375,200 @@ class CentralInfoView extends Component {
/**
* 当前行点击事件
*/
onRowClick=(record)=>{
if(this.state.type==="kpsi"){
this.setState({
divVisable:'none',
riskVisable:'block',
buttonVisable:'none',
detailTitle:record.ka
})
}
}
onRowClick = (record) => {
if (this.state.type === "kpsi") {
this.setState({
divVisable: 'none',
riskVisable: 'block',
buttonVisable: 'none',
detailTitle: record.ka
})
}
}
/**
* 子组件返回当前列表
*/
updateParent(values){
if(values!=null){
/**
* 子组件返回当前列表
*/
updateParent(values){
if (values != null) {
this.setState({
divVisable:values.divVisable,
riskVisable:values.riskVisable,
divVisable: values.divVisable,
riskVisable: values.riskVisable,
})
}
}
}
/*
*监听七日风险详情页类型切换
*/
onTypeChange=(value)=>{
let{sevenDaySelectValue2}=this.state;
let sevenDaysRiskCensusData =JsonData.sevenDaysRiskCensusData;
if(value==='收点'||value==='送点'){
sevenDaysRiskCensusData=sevenDaysRiskCensusData.filter(item=>item.sb===value);
}
if(sevenDaySelectValue2!==null&&sevenDaySelectValue2!=='全部'){
sevenDaysRiskCensusData=sevenDaysRiskCensusData.filter(item=>item.sc===sevenDaySelectValue2);
}
this.setState({
sevenDaysRiskCensusData:sevenDaysRiskCensusData,
sevenDaySelectValue1:value
})
}
/*
*监听七日风险详情页统计类别切换
*/
onSumClazzChange=(value,item)=>{
let{sevenDaySelectValue1}=this.state;
let sevenDaysRiskCensusData =JsonData.sevenDaysRiskCensusData;
if(value==='告警'||value==='隐患'){
sevenDaysRiskCensusData=sevenDaysRiskCensusData.filter(item=>item.sc===value);
}
if(sevenDaySelectValue1!==null&&sevenDaySelectValue1!=='全部'){
sevenDaysRiskCensusData=sevenDaysRiskCensusData.filter(item=>item.sb===sevenDaySelectValue1);
}
this.setState({
sevenDaysRiskCensusData:sevenDaysRiskCensusData,
sevenDaySelectValue2:value
})
}
/*
*安全指数查询
*/
onKpsiSearch=(e,value)=>{
if(value!==null&&value.trim()!==''){
let kpsiData=JsonData.riskData;
kpsiData = kpsiData.filter(item => (item.ka).indexOf(value) > -1);
this.setState({
kpsiData:kpsiData
})
} else{
this.setState({
kpsiData:JsonData.riskData
})
}
}
/*
*安全风险失效查询
*/
onRiskFailureSearch=(e,value)=>{
if(value!==null&&value.trim()!==''){
let riskFailureData=JsonData.riskData;
riskFailureData = riskFailureData.filter(item => (item.ka).indexOf(value) > -1);
this.setState({
riskFailureData:riskFailureData
})
} else{
this.setState({
riskFailureData:JsonData.riskData
})
}
}
/*
*七日风险查询
*/
onSevenDaysSearch=(e,value)=>{
if(value!==null&&value.trim()!==''){
let sevenDaysRiskCensusData=JsonData.sevenDaysRiskCensusData;
sevenDaysRiskCensusData = sevenDaysRiskCensusData.filter(item => (item.sa).indexOf(value) > -1);
this.setState({
sevenDaysRiskCensusData:sevenDaysRiskCensusData
})
} else{
this.setState({
sevenDaysRiskCensusData:JsonData.sevenDaysRiskCensusData
})
}
}
/*
*告警隐患查询
*/
onDangerWeekSearch=(e,value)=>{
if(value!==null&&value.trim()!==''){
let dangerWeekCensusData=JsonData.dangerWeekCensusData;
dangerWeekCensusData = dangerWeekCensusData.filter(item => (item.da).indexOf(value) > -1);
this.setState({
dangerWeekCensusData:dangerWeekCensusData
})
} else{
this.setState({
dangerWeekCensusData:JsonData.dangerWeekCensusData
})
}
}
render() {
const {title,divVisable,type,detailTitle,riskVisable,buttonVisable} = this.state;
const _pageNation={pageSize:pageSize,size:'small',showTotal:this.showTotalPage};
const { title, divVisable, type, detailTitle, riskVisable, buttonVisable } = this.state;
const _pageNation = { pageSize: pageSize, size: 'small', showTotal: this.showTotalPage };
return (
<div>
<div className="mainContent" style={{display:divVisable}} >
<div className="mainContent" style={{ display: divVisable }} >
<Layout>
<Header className="contentHeader">
<div className="headerLeft" style={{display:'inline'}}>{title}</div>
<div className="headerRight" style={{display:'inline'}}>
<img src="/src/assets/detail/close.png" onClick={this.closeDiv} width="42px" style={{marginTop:'3px'}}/>
<Header className="contentHeader">
<div className="headerLeft" style={{ display: 'inline' }}>{title}</div>
<div className="headerRight" style={{ display: 'inline' }}>
<img src="/src/assets/detail/close.png" onClick={this.closeDiv} width="42px" style={{ marginTop: '3px' }} />
</div>
</Header>
<Content className="content">
<div className="contentInfo">
<div className="infoHeader">
{/* <Input className="titleInput" value=" 搜索" addonAfter={<img src="/src/assets/detail/search.png" onClick={this.} style={{width:20,marginTop:27,marginLeft:-33}}/>} /> */}
<Search icon="search" value=" 搜索" onChange={this.onChange} onIconClick={this.onIconClick} />
</div>
<div className="infoContent">
<Table className="tableDetail"
dataSource={this.getDataSource(type)}
style={{background:'linear-gradient(180deg,rgba(0,0,0,0.57) 0%,rgba(12,181,213,0.1) 100%)'}}
columns={this.columns(type)}
rowClassName={this.rowClassChange}
onRowClick={this.onRowClick}
pagination={_pageNation}>
</Table>
</div>
<div className="infoHeader">
{type === "sevenDaysRiskCensus" ?
<div>
<Search icon="search" style={{ marginLeft: 610 }} defaultValue='搜索' onIconClick={this.onSevenDaysSearch} />
<div className="selectDiv" style={{display:"inline-block"}}>
类型：<Select defaultValue="全部" onChange={this.onTypeChange}>
<Option value="全部" >全部</Option>
<Option value="送点">送点</Option>
<Option value="收点">收点</Option>
</Select>
</div>
<div className="selectDiv" style={{display:"inline-block"}}>
统计类别：<Select defaultValue="全部" onChange={this.onSumClazzChange}>
<Option value="全部" >全部</Option>
<Option value="告警">告警</Option>
<Option value="隐患">隐患</Option>
</Select>
</div>
</div> :
<div style={{display:'flex'}}>
{type === "dangerWeekCensus" ?
<div>
<div style={{display:'inline-block' ,color:'white',fontSize:20, position:'relative',top: 27,left: 80}}>2020-05-23到2020-05-29</div>
<Search icon="search" style={{ marginLeft: 500,display:'inline-block' }} defaultValue='搜索' onIconClick={this.onDangerWeekSearch} />
</div>:
<div>
{type === "kpsi" ?
<Search icon="search" style={{ marginLeft: 790,display:'inline-block' }} defaultValue='搜索' onIconClick={this.onKpsiSearch} />:
<Search icon="search" style={{ marginLeft: 790,display:'inline-block' }} defaultValue='搜索' onIconClick={this.onRiskFailureSearch} />
}
</div>}
</div>}
</div>
<div className="infoContent">
<Table className="tableDetail"
dataSource={this.getDataSource(type)}
style={{ background: 'linear-gradient(180deg,rgba(0,0,0,0.57) 0%,rgba(12,181,213,0.1) 100%)' }}
columns={this.columns(type)}
rowClassName={this.rowClassChange}
onRowClick={this.onRowClick}
pagination={_pageNation}>
</Table>
</div>
</div>
</Content>
</Layout>
</div>
<RiskAssessment detailTitle={detailTitle} riskVisable={riskVisable} updateParents={this.updateParent}></RiskAssessment>
</div>
</div>
);
}
}
......@@ -429,7 +576,7 @@ class CentralInfoView extends Component {
CentralInfoView.propTypes = {
};
CentralInfoView.defaultProps={
pages:5
CentralInfoView.defaultProps = {
pages: 5
}
export default CentralInfoView;
\ No newline at end of file
src/view/biz/duty/situation/GrowthStatistics.js
View file @ 0bfd026e
......@@ -7,7 +7,7 @@ class GrowthStatistics extends Component {
<div className='growth-statistics-view common-margin'>
<div className='daily-title daily-title-content'>告警隐患周增幅统计</div>
<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>
<div className='growth-item growth-item-header'>
<div>日期</div>
......@@ -22,8 +22,7 @@ class GrowthStatistics extends Component {
<div>{item.growth}</div>
</div>
)
)
)
}
</div>
</div>
......
src/view/biz/duty/situation/RecentStatistics.js
View file @ 0bfd026e
......@@ -34,7 +34,7 @@ class RecentStatistics extends Component {
<Button size='sm' children={<span>隐患</span>} className='button-style' value="2" style={(value == '2')?select:noselect}/>
</ButtonGroup>
<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>
<ReactEcharts option={recentData} style={{ height: '100%', width: '100%' }} />
</div>
......
src/view/biz/duty/situation/RiskFailure.js
View file @ 0bfd026e
......@@ -8,7 +8,7 @@ class RiskFailure extends Component {
<div className='risk-failure-view common-margin daily-title'>
<div className='daily-title daily-title-content'>安全风险失效 TOP10</div>
<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>
{
riskFailureData.map((item,index)=>
......
src/view/biz/duty/situation/SafetyRate.js
View file @ 0bfd026e
......@@ -9,9 +9,9 @@ class SafetyRate extends Component {
<div className='safety-rate-view common-margin daily-title'>
<div className='daily-title-content'>
安全指数 TOP10
</div>
</div>
<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>
{
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