Commit d1c5620f authored by zhengjiangtao's avatar zhengjiangtao

提取首页数据到mock

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