Commit d1c5620f authored by zhengjiangtao's avatar zhengjiangtao

提取首页数据到mock

parent 2d89080e
...@@ -8,3 +8,153 @@ export const AllSafetyDataMock = { ...@@ -8,3 +8,153 @@ export const AllSafetyDataMock = {
hege: 40, hege: 40,
buhege: 60 buhege: 60
}; };
//消防安全管理(统计)
export const fireSafetyData = {
//应急预案套数
yjyaCount: 100,
//安全培训
aqpxCount: 123,
//日常训练
rcxlCount: 100,
//器材保养
qcbyCount: 14445,
//安全巡检
aqxjCount: 800
};
//消防实力统计
export const fireStrenthData = {
//驻站消防队
zzxfdCount: 100,
//驻站消防员
zzxfyCount: 123,
//站内值守
znzsCount: 100,
//消防车
xfcCount: 14445,
//消防器材
xfqcCount: 800
};
//告警管控情况
export const alarmControlData = [
{ value: 3, name: '火警告警' },
{ value: 31, name: '故障告警' },
{ value: 10, name: '巡检告警' }
];
//告警管控表格data
export const AlarmControlTableData = {
//测试搜索用
tableList2: [
{ name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' }
],
//表格数据
tableList1: [
{ name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' }
]
};
//隐患管控情况
export const dangerControlData = [
{ value: 35, name: '逾期未治理' },
{ value: 10, name: '尚未治理' },
{ value: 4, name: '治理验收' }
];
//隐患管控表格data
export const dangerControlDataTableData = {
//测试搜索用
tableList2: [
{ id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' }
],
//表格数据
tableList1: [
{ id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' }
]
};
//风险管控情况
export const riskControlData = {
seriesData: [
{ value: 3, name: '受控' },
{ value: 7, name: '失控' }
],
yiji: 10,
erji: 20,
sanji: 30,
siji: 40,
shoukongx: '30%',
shikongx: '70%'
};
//风险管控表格data
export const riskControlDataTableData = {
//测试搜索用
tableList2: [
{ id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '2', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '3', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '4', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '5', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' }
],
//表格数据
tableList1: [
{ id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '2', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '3', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '4', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '5', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '6', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '7', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '8', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '9', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '10', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '11', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '12', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '13', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '14', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '15', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '16', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' }
]
};
import React, { Component } from 'react'; import React, { Component } from 'react';
import ReactEcharts from 'amos-viz/lib/echarts'; import ReactEcharts from 'amos-viz/lib/echarts';
import { Modal } from 'amos-framework'; import { Modal } from 'amos-framework';
import AlarmControlTable from './AlarmControlTable'; import AlarmControlTable from './AlarmControlTable';
import CommonCard from '../../../common/commonCard/CommonCard'; import CommonCard from '../../../common/commonCard/CommonCard';
import { alarmControlData } from './../../../../_mock/syData/mockData';
/** /**
* 告警管控 * 告警管控
*/ */
...@@ -20,11 +21,7 @@ export default class AlarmControl extends Component { ...@@ -20,11 +21,7 @@ export default class AlarmControl extends Component {
} }
componentDidMount() { componentDidMount() {
let dates = [ let dates = alarmControlData;
{ value: 3, name: '火警告警' },
{ value: 31, name: '故障告警' },
{ value: 10, name: '巡检告警' }
];
if (dates) { if (dates) {
this.setState({ seriesData: dates, hj: dates[0].value, gz: dates[1].value, xj: dates[2].value }); this.setState({ seriesData: dates, hj: dates[0].value, gz: dates[1].value, xj: dates[2].value });
...@@ -111,7 +108,9 @@ export default class AlarmControl extends Component { ...@@ -111,7 +108,9 @@ export default class AlarmControl extends Component {
<div className="AlarmControl"> <div className="AlarmControl">
<CommonCard title="告警管控情况"> <CommonCard title="告警管控情况">
<div className="AlarmControl_2"> <div className="AlarmControl_2">
<div className="AlarmControl_2_1" onClick={()=>this.open()}>...</div> <div className="AlarmControl_2_1" onClick={() => this.open()}>
...
</div>
<Modal <Modal
header="告警管控情况" header="告警管控情况"
visible={visible} visible={visible}
......
import React, { Component } from 'react'; import React, { Component } from 'react';
import PropTypes from 'prop-types'; import { DatePicker } from 'amos-antd';
import { Form, Select, Radio, StdForm, Icon, AmosAlert } from 'amos-framework';
import { TreeSelect, DatePicker } from 'amos-antd';
import { Input } from 'amos-antd'; import { Input } from 'amos-antd';
import moment from 'moment'; import moment from 'moment';
import { AlarmControlTableData } from './../../../../_mock/syData/mockData';
import InputTable from './InputTable'; import InputTable from './InputTable';
import { SingleTable } from 'amos-pro';
const FormItem = Form.Item;
const Search = Input.Search; const Search = Input.Search;
const tableList1 = [
{ name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' }, const tableList1 = AlarmControlTableData.tableList1;
{ name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' }, const tableList2 = AlarmControlTableData.tableList2;
{ name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' }
];
const tableList2 = [
{ name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
{ name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' }
];
const data = [
{ id: 0, name: '失控' },
{ id: 1, name: '受控' }
];
const checkInputColumns = _this => { const checkInputColumns = _this => {
return [ return [
{ {
......
...@@ -3,6 +3,8 @@ import { Modal } from 'amos-framework'; ...@@ -3,6 +3,8 @@ import { Modal } from 'amos-framework';
import ReactEcharts from 'amos-viz/lib/echarts'; import ReactEcharts from 'amos-viz/lib/echarts';
import DangerControlTable from './DangerControlTable'; import DangerControlTable from './DangerControlTable';
import CommonCard from '../../../common/commonCard/CommonCard'; import CommonCard from '../../../common/commonCard/CommonCard';
import {dangerControlData } from './../../../../_mock/syData/mockData';
/** /**
...@@ -24,11 +26,7 @@ export default class DangerControl extends Component { ...@@ -24,11 +26,7 @@ export default class DangerControl extends Component {
componentDidMount() { componentDidMount() {
let dates = { let dates = {
jd: '20%', jd: '20%',
seriesData: [ seriesData: dangerControlData
{ value: 35, name: '逾期未治理' },
{ value: 10, name: '尚未治理' },
{ value: 4, name: '治理验收' }
]
}; };
if (dates) { if (dates) {
......
import React, { Component } from 'react'; import React, { Component } from 'react';
import PropTypes from 'prop-types'; import { Select } from 'amos-framework';
import { Form, Select, Radio, StdForm, Icon, AmosAlert } from 'amos-framework';
import { Input } from 'amos-antd'; import { Input } from 'amos-antd';
import { TreeSelect, DatePicker } from 'amos-antd'; import { DatePicker } from 'amos-antd';
import moment from 'moment'; import moment from 'moment';
import InputTable from './InputTable'; import InputTable from './InputTable';
import { SingleTable } from 'amos-pro'; import { dangerControlDataTableData } from './../../../../_mock/syData/mockData';
const FormItem = Form.Item;
const Option = Select.Option; const Option = Select.Option;
const Search = Input.Search; const Search = Input.Search;
const tableList1 = [ const tableList1 = dangerControlDataTableData.tableList1;
{ id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' }, const tableList2 = dangerControlDataTableData.tableList2;
{ id: '1', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' }
];
const tableList2 = [
{ id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '1', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' }
];
const data = [ const data = [
{ id: 1, name: '严重' }, { id: 1, name: '严重' },
......
import React, { Component } from 'react'; import React, { Component } from 'react';
import { sessionConsts } from './../../../../consts/storageConsts'; import { sessionConsts } from './../../../../consts/storageConsts';
import { browerSupport, consts, Store, LocationParam } from 'amos-tool'; import { Store } from 'amos-tool';
import CommonCard from '../../../common/commonCard/CommonCard'; import CommonCard from '../../../common/commonCard/CommonCard';
import { fireSafetyData } from './../../../../_mock/syData/mockData';
const lsTool = Store.lsTool; const lsTool = Store.lsTool;
...@@ -21,7 +23,11 @@ class FireSafety extends Component { ...@@ -21,7 +23,11 @@ class FireSafety extends Component {
}; };
} }
componentDidMount() {} componentDidMount() {
this.setState({
data: fireSafetyData
});
}
onClick = () => { onClick = () => {
let sbm = null; let sbm = null;
...@@ -37,6 +43,7 @@ class FireSafety extends Component { ...@@ -37,6 +43,7 @@ class FireSafety extends Component {
}; };
render() { render() {
const { data } = this.state;
return ( return (
<div className="FireSafety"> <div className="FireSafety">
<CommonCard title="消防安全管理(累计)"> <CommonCard title="消防安全管理(累计)">
...@@ -49,7 +56,7 @@ class FireSafety extends Component { ...@@ -49,7 +56,7 @@ class FireSafety extends Component {
<span className='titleIcon-yjya'></span> <span className='titleIcon-yjya'></span>
</div> </div>
<span className='fire-safety-wenzi'>应急预案</span> <span className='fire-safety-wenzi'>应急预案</span>
<span className="right-font">100</span> <span className="right-font">{data.yjyaCount}</span>
</div> </div>
</div> </div>
<div className="fire-safety-tongji"> <div className="fire-safety-tongji">
...@@ -58,7 +65,7 @@ class FireSafety extends Component { ...@@ -58,7 +65,7 @@ class FireSafety extends Component {
<span className='titleIcon-aqpx' ></span> <span className='titleIcon-aqpx' ></span>
</div> </div>
<span className='fire-safety-wenzi'>安全培训</span> <span className='fire-safety-wenzi'>安全培训</span>
<span className="right-font">123</span> <span className="right-font">{data.aqpxCount}</span>
</div> </div>
</div> </div>
...@@ -68,7 +75,7 @@ class FireSafety extends Component { ...@@ -68,7 +75,7 @@ class FireSafety extends Component {
<span className='titleIcon-rcxl' ></span> <span className='titleIcon-rcxl' ></span>
</div> </div>
<span className='fire-safety-wenzi'>日常训练</span> <span className='fire-safety-wenzi'>日常训练</span>
<span className="right-font">100</span> <span className="right-font">{data.rcxlCount}</span>
</div> </div>
</div> </div>
...@@ -79,7 +86,7 @@ class FireSafety extends Component { ...@@ -79,7 +86,7 @@ class FireSafety extends Component {
<span className='titleIcon-qcby'></span> <span className='titleIcon-qcby'></span>
</div> </div>
<span className='fire-safety-wenzi'>器材保养</span> <span className='fire-safety-wenzi'>器材保养</span>
<span className="right-font">14445</span> <span className="right-font">{data.qcbyCount}</span>
</div> </div>
</div> </div>
...@@ -90,7 +97,7 @@ class FireSafety extends Component { ...@@ -90,7 +97,7 @@ class FireSafety extends Component {
<span className='titleIcon-aqxj' ></span> <span className='titleIcon-aqxj' ></span>
</div> </div>
<span className='fire-safety-wenzi'>安全巡检</span> <span className='fire-safety-wenzi'>安全巡检</span>
<span className="right-font">800</span> <span className="right-font">{data.aqxjCount}</span>
</div> </div>
</div> </div>
......
...@@ -4,6 +4,8 @@ import { Store } from 'amos-tool'; ...@@ -4,6 +4,8 @@ import { Store } from 'amos-tool';
import FireStrengthDetail from './../firestrength/FireStrengthDetail'; import FireStrengthDetail from './../firestrength/FireStrengthDetail';
import { sessionConsts } from './../../../../consts/storageConsts'; import { sessionConsts } from './../../../../consts/storageConsts';
import CommonCard from '../../../common/commonCard/CommonCard'; import CommonCard from '../../../common/commonCard/CommonCard';
import { fireStrenthData } from './../../../../_mock/syData/mockData';
const lsTool = Store.lsTool; const lsTool = Store.lsTool;
/** /**
...@@ -18,7 +20,11 @@ class FireStrength extends Component { ...@@ -18,7 +20,11 @@ class FireStrength extends Component {
}; };
} }
componentDidMount() {} componentDidMount() {
this.setState({
data: fireStrenthData
});
}
onClick = () => { onClick = () => {
let sbm = null; let sbm = null;
...@@ -34,6 +40,7 @@ class FireStrength extends Component { ...@@ -34,6 +40,7 @@ class FireStrength extends Component {
}; };
render() { render() {
const { data } = this.state;
return ( return (
<div className="FireStrength"> <div className="FireStrength">
<div className="strength-safety-content"> <div className="strength-safety-content">
...@@ -45,7 +52,7 @@ class FireStrength extends Component { ...@@ -45,7 +52,7 @@ class FireStrength extends Component {
<span className="titleIcon-zzxfd"></span> <span className="titleIcon-zzxfd"></span>
</div> </div>
<span className="strength-safety-wenzi">驻站消防队</span> <span className="strength-safety-wenzi">驻站消防队</span>
<span className="right-font">100</span> <span className="right-font">{data.zzxfdCount}</span>
</div> </div>
</div> </div>
<div className="strength-safety-tongji"> <div className="strength-safety-tongji">
...@@ -54,7 +61,7 @@ class FireStrength extends Component { ...@@ -54,7 +61,7 @@ class FireStrength extends Component {
<span className="titleIcon-zzxfy"></span> <span className="titleIcon-zzxfy"></span>
</div> </div>
<span className="strength-safety-wenzi">驻站消防员</span> <span className="strength-safety-wenzi">驻站消防员</span>
<span className="right-font">123</span> <span className="right-font">{data.zzxfyCount}</span>
</div> </div>
</div> </div>
<div className="strength-safety-tongji"> <div className="strength-safety-tongji">
...@@ -63,7 +70,7 @@ class FireStrength extends Component { ...@@ -63,7 +70,7 @@ class FireStrength extends Component {
<span className="titleIcon-znzs"></span> <span className="titleIcon-znzs"></span>
</div> </div>
<span className="strength-safety-wenzi">站内值守</span> <span className="strength-safety-wenzi">站内值守</span>
<span className="right-font">100</span> <span className="right-font">{data.znzsCount}</span>
</div> </div>
</div> </div>
<div className="strength-safety-tongji"> <div className="strength-safety-tongji">
...@@ -72,7 +79,7 @@ class FireStrength extends Component { ...@@ -72,7 +79,7 @@ class FireStrength extends Component {
<span className="titleIcon-xfc"></span> <span className="titleIcon-xfc"></span>
</div> </div>
<span className="strength-safety-wenzi">消防车</span> <span className="strength-safety-wenzi">消防车</span>
<span className="right-font">14445</span> <span className="right-font">{data.xfcCount}</span>
</div> </div>
</div> </div>
<div className="strength-safety-tongji"> <div className="strength-safety-tongji">
...@@ -81,7 +88,7 @@ class FireStrength extends Component { ...@@ -81,7 +88,7 @@ class FireStrength extends Component {
<span className="titleIcon-xfqc"></span> <span className="titleIcon-xfqc"></span>
</div> </div>
<span className="strength-safety-wenzi">消防器材</span> <span className="strength-safety-wenzi">消防器材</span>
<span className="right-font">800</span> <span className="right-font">{data.xfqcCount}</span>
</div> </div>
</div> </div>
</div> </div>
......
...@@ -3,6 +3,8 @@ import ReactEcharts from 'amos-viz/lib/echarts'; ...@@ -3,6 +3,8 @@ import ReactEcharts from 'amos-viz/lib/echarts';
import { Modal } from 'amos-framework'; import { Modal } from 'amos-framework';
import RiskControlTable from './RiskControlTable'; import RiskControlTable from './RiskControlTable';
import CommonCard from '../../../common/commonCard/CommonCard'; import CommonCard from '../../../common/commonCard/CommonCard';
import { riskControlData } from './../../../../_mock/syData/mockData';
/** /**
* 风险管控 * 风险管控
*/ */
...@@ -24,18 +26,7 @@ export default class RiskControl extends Component { ...@@ -24,18 +26,7 @@ export default class RiskControl extends Component {
} }
componentDidMount() { componentDidMount() {
let dates = { let dates = riskControlData;
seriesData: [
{ value: 3, name: '受控' },
{ value: 7, name: '失控' }
],
yiji: 10,
erji: 20,
sanji: 30,
siji: 40,
shoukongx: '30%',
shikongx: '70%'
};
if (dates) { if (dates) {
this.setState({ this.setState({
...@@ -52,7 +43,6 @@ export default class RiskControl extends Component { ...@@ -52,7 +43,6 @@ export default class RiskControl extends Component {
} }
} }
getOptionsx = () => { getOptionsx = () => {
const { seriesData } = this.state; const { seriesData } = this.state;
...@@ -132,7 +122,9 @@ export default class RiskControl extends Component { ...@@ -132,7 +122,9 @@ export default class RiskControl extends Component {
<div className="RiskControl"> <div className="RiskControl">
<CommonCard title="风险管控情况"> <CommonCard title="风险管控情况">
<div className="RiskControl_2"> <div className="RiskControl_2">
<div className="RiskControl_2_1" onClick={() => this.open()}>...</div> <div className="RiskControl_2_1" onClick={() => this.open()}>
...
</div>
<Modal <Modal
header="风险管控情况" header="风险管控情况"
visible={visible} visible={visible}
......
import React, { Component } from 'react'; import React, { Component } from 'react';
import PropTypes from 'prop-types'; import { Select } from 'amos-framework';
import { Form, Select, Radio, StdForm, Icon, AmosAlert } from 'amos-framework'; import { DatePicker } from 'amos-antd';
import { TreeSelect, DatePicker } from 'amos-antd'; import { Input } from 'amos-antd';
import { Input, Button } from 'amos-antd';
import moment from 'moment'; import moment from 'moment';
import InputTable from './InputTable'; import InputTable from './InputTable';
import { SingleTable } from 'amos-pro';
const FormItem = Form.Item;
const Option = Select.Option; const Option = Select.Option;
const Search = Input.Search; const Search = Input.Search;
import { riskControlDataTableData } from './../../../../_mock/syData/mockData';
const tableList1 = [ const tableList1 = riskControlDataTableData.tableList1;
{ id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '2', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '3', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '4', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '5', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '6', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '7', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '8', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '9', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '10', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '11', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '12', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '13', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '14', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '15', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '16', name: '复龙换流站', sex: '10', age: 10, age1: 30, address: '10' }
];
const tableList2 = [ const tableList2 = riskControlDataTableData.tableList2;
{ id: '1', name: '复龙换流站1', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '2', name: '复龙换流站2', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '3', name: '复龙换流站3', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '4', name: '复龙换流站4', sex: '10', age: 10, age1: 30, address: '10' },
{ id: '5', name: '复龙换流站5', sex: '10', age: 10, age1: 30, address: '10' }
];
const data = [ const data = [
{ id: '1', name: '失控' }, { id: '1', name: '失控' },
......
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