Skip to content

S
station-elec-manage-view
Commit 886fc20b authored by 李成龙's avatar 李成龙
Browse files
Options

代码优化

parent ba83440e
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 33 additions and 40 deletions
src/view/biz/duty/detail/echarts/RiskDegreePie.js
View file @ 886fc20b
import React, { Component } from 'react'; import React, { Component } from 'react';
import PropTypes from 'prop-types';
import AmosEcharts from 'amos-viz/lib/echarts'; import AmosEcharts from 'amos-viz/lib/echarts';
import AmosWebSocket from 'amos-websocket';
import { Connect } from 'amos-framework';
// import { getRiskRiseUprateAction } from './../../../../services/situationService';
// import SysWsURL, { completeToken } from './../../../../consts/wsUrlConsts';
const eventConnect = Connect.eventConnect;
/** /**
* 巡检点统计 * 巡检点统计
...@@ -60,7 +53,7 @@ class RiskDegreePie extends Component { ...@@ -60,7 +53,7 @@ class RiskDegreePie extends Component {
data2.name = ''; data2.name = '';
data.push(data1); data.push(data1);
data.push(data2); data.push(data2);
} }
return { return {
series: [ series: [
{ {
...@@ -68,12 +61,12 @@ class RiskDegreePie extends Component { ...@@ -68,12 +61,12 @@ class RiskDegreePie extends Component {
type: 'pie', type: 'pie',
radius: ['60%', '70%'], radius: ['60%', '70%'],
avoidLabelOverlap: false, avoidLabelOverlap: false,
color:['#FE0000','#5FFFFD'], color: ['#FE0000', '#5FFFFD'],
label: { label: {
normal: { normal: {
show: true, show: true,
color: 'white', color: 'white',
fontSize:25, fontSize: 25,
position: 'center', position: 'center',
formatter: '{b}' formatter: '{b}'
} }
...@@ -83,9 +76,9 @@ class RiskDegreePie extends Component { ...@@ -83,9 +76,9 @@ class RiskDegreePie extends Component {
show: false show: false
} }
}, },
data:[ data: [
{value: 125, name: null}, { value: 125, name: null },
{value: 810, name: '2%'}, { value: 810, name: '2%' }
] ]
} }
] ]
...@@ -116,13 +109,13 @@ class RiskDegreePie extends Component { ...@@ -116,13 +109,13 @@ class RiskDegreePie extends Component {
name: '风险率', name: '风险率',
type: 'pie', type: 'pie',
radius: ['60%', '70%'], radius: ['60%', '70%'],
avoidLabelOverlap: false, avoidLabelOverlap: false,
color:['#FE6600','#5FFFFD'], color: ['#FE6600', '#5FFFFD'],
label: { label: {
normal: { normal: {
show: true, show: true,
color: 'white', color: 'white',
fontSize:25, fontSize: 25,
position: 'center', position: 'center',
formatter: '{b}' formatter: '{b}'
} }
...@@ -132,9 +125,9 @@ class RiskDegreePie extends Component { ...@@ -132,9 +125,9 @@ class RiskDegreePie extends Component {
show: false show: false
} }
}, },
data:[ data: [
{value: 125, name: null}, { value: 125, name: null },
{value: 810, name: '2%'}, { value: 810, name: '2%' }
] ]
} }
] ]
...@@ -165,13 +158,13 @@ class RiskDegreePie extends Component { ...@@ -165,13 +158,13 @@ class RiskDegreePie extends Component {
name: '风险率', name: '风险率',
type: 'pie', type: 'pie',
radius: ['60%', '70%'], radius: ['60%', '70%'],
color:['#FFD600','#5FFFFD'], color: ['#FFD600', '#5FFFFD'],
avoidLabelOverlap: false, avoidLabelOverlap: false,
label: { label: {
normal: { normal: {
show: true, show: true,
color: 'white', color: 'white',
fontSize:25, fontSize: 25,
position: 'center', position: 'center',
formatter: '{b}' formatter: '{b}'
} }
...@@ -181,9 +174,9 @@ class RiskDegreePie extends Component { ...@@ -181,9 +174,9 @@ class RiskDegreePie extends Component {
show: false show: false
} }
}, },
data:[ data: [
{value: 125, name: null}, { value: 125, name: null },
{value: 810, name: '2%'}, { value: 810, name: '2%' }
] ]
} }
] ]
...@@ -192,7 +185,7 @@ class RiskDegreePie extends Component { ...@@ -192,7 +185,7 @@ class RiskDegreePie extends Component {
handleData = () => { handleData = () => {
this.getRiskRiseUprate(); this.getRiskRiseUprate();
} };
render() { render() {
let { monthData, seasonData, yearData } = this.state; let { monthData, seasonData, yearData } = this.state;
...@@ -201,31 +194,31 @@ class RiskDegreePie extends Component { ...@@ -201,31 +194,31 @@ class RiskDegreePie extends Component {
let seasonOption = this.getSeasonOptions('season', seasonData); let seasonOption = this.getSeasonOptions('season', seasonData);
let yearOption = this.getYearOptions('year', yearData); let yearOption = this.getYearOptions('year', yearData);
return ( return (
<div className="risk-degree-pie-child" style={{color:'#5FFFFD',textAlign:'center'}}> <div className="risk-degree-pie-child" style={{ color: '#5FFFFD', textAlign: 'center' }}>
<div className="risk-degree-pie1"> <div className="risk-degree-pie1">
<AmosEcharts option={monthOption} style={{ height: '210px', width: '210px' }}/> <AmosEcharts option={monthOption} style={{ height: '210px', width: '210px' }} />
<div> <div>
<div style={{fontSize:34,fontWeight:'bold',display:'inline-block'}}>{monthData.countOfType0} </div> <div style={{ fontSize: 34, fontWeight: 'bold', display: 'inline-block' }}>{monthData.countOfType0} </div>
<div style={{fontSize:22,color:'red',fontWeight:'bold',display:'inline-block',marginLeft:10}}>{monthData.type0Rate}↑</div> <div style={{ fontSize: 22, color: 'red', fontWeight: 'bold', display: 'inline-block', marginLeft: 10 }}>{monthData.type0Rate}↑</div>
</div> </div>
<div style={{fontSize:22,color:'#CEC700'}}>本月风险</div> <div style={{ fontSize: 22, color: '#CEC700' }}>本月风险</div>
</div> </div>
<div className="risk-degree-pie2"> <div className="risk-degree-pie2">
<AmosEcharts option={seasonOption} style={{ height: '210px', width: '210px' }}/> <AmosEcharts option={seasonOption} style={{ height: '210px', width: '210px' }} />
<div> <div>
<div style={{fontSize:34,fontWeight:'bold',display:'inline-block'}}>{monthData.countOfType0} </div> <div style={{ fontSize: 34, fontWeight: 'bold', display: 'inline-block' }}>{monthData.countOfType0} </div>
<div style={{fontSize:22,fontWeight:'bold',color:'red',display:'inline-block',marginLeft:10}}>{monthData.type0Rate}↑</div> <div style={{ fontSize: 22, fontWeight: 'bold', color: 'red', display: 'inline-block', marginLeft: 10 }}>{monthData.type0Rate}↑</div>
</div> </div>
<div style={{fontSize:22,color:'#CEC700'}}>本季度风险</div> <div style={{ fontSize: 22, color: '#CEC700' }}>本季度风险</div>
</div> </div>
<div className="risk-degree-pie3"> <div className="risk-degree-pie3">
<AmosEcharts option={yearOption} style={{ height: '210px', width: '210px' }}/> <AmosEcharts option={yearOption} style={{ height: '210px', width: '210px' }} />
<div> <div>
<div style={{fontSize:34,fontWeight:'bold',display:'inline-block'}}>{monthData.countOfType0} </div> <div style={{ fontSize: 34, fontWeight: 'bold', display: 'inline-block' }}>{monthData.countOfType0} </div>
<div style={{fontSize:22,color:'red',fontWeight:'bold',display:'inline-block',marginLeft:10}}>{monthData.type0Rate}↑</div> <div style={{ fontSize: 22, color: 'red', fontWeight: 'bold', display: 'inline-block', marginLeft: 10 }}>{monthData.type0Rate}↑</div>
</div> </div>
<div style={{fontSize:22,color:'#CEC700'}}>本年风险</div> <div style={{ fontSize: 22, color: '#CEC700' }}>本年风险</div>
</div> </div>
</div> </div>
); );
......
src/view/biz/duty/situation/data.js
View file @ 886fc20b
This diff is collapsed.
src/view/biz/duty/situation/geo.js
View file @ 886fc20b
This diff is collapsed.
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