Skip to content

S
station-elec-manage-view
Commit 85cff7ab authored by 王海涛's avatar 王海涛
Browse files
Options

Merge branch 'developer' of 172.16.10.76:station/station-elec-manage-view into developer

parents 6cfb41fb ea9f206e
Hide whitespace changes
Inline Side-by-side
Showing with 1044 additions and 450 deletions
src/_mock/rczsData/data.js
View file @ 85cff7ab
//安全指数top10
export const SafetyRateData = [ export const SafetyRateData = [
{ name: '1.伊克昭', value: 100 }, { name: '1.伊克昭', value: 100 },
{ name: '2.伊克昭', value: 99 }, { name: '2.伊克昭', value: 99 },
...@@ -10,6 +11,7 @@ export const SafetyRateData = [ ...@@ -10,6 +11,7 @@ export const SafetyRateData = [
{ name: '9.伊克昭', value: 20 }, { name: '9.伊克昭', value: 20 },
{ name: '10.伊克昭', value: 10 } { name: '10.伊克昭', value: 10 }
]; ];
//安全风险失效Top10
export const riskFailureData = [ export const riskFailureData = [
{ name: '1.伊克昭', value: 100 }, { name: '1.伊克昭', value: 100 },
{ name: '2.伊克昭', value: 99 }, { name: '2.伊克昭', value: 99 },
...@@ -22,6 +24,8 @@ export const riskFailureData = [ ...@@ -22,6 +24,8 @@ export const riskFailureData = [
{ name: '9.伊克昭', value: 20 }, { name: '9.伊克昭', value: 20 },
{ name: '10.伊克昭', value: 10 } { name: '10.伊克昭', value: 10 }
]; ];
//告警隐患增幅统计
export const growthData = [ export const growthData = [
{ date: '03/29', risk: '120/99', growth: '5%/2%' }, { date: '03/29', risk: '120/99', growth: '5%/2%' },
{ date: '03/29', risk: '120/99', growth: '5%/2%' }, { date: '03/29', risk: '120/99', growth: '5%/2%' },
...@@ -31,299 +35,61 @@ export const growthData = [ ...@@ -31,299 +35,61 @@ export const growthData = [
{ date: '03/29', risk: '120/99', growth: '5%/2%' }, { date: '03/29', risk: '120/99', growth: '5%/2%' },
{ date: '03/29', risk: '120/99', growth: '5%/2%' } { date: '03/29', risk: '120/99', growth: '5%/2%' }
]; ];
export const riskTrendData = {
legend: {
data: ['告警', '隐患', '风险'],
x: 100,
y: 20,
textStyle: {
color: '#fff',
fontSize: 14
}
},
xAxis: { //安全风险总体趋势
type: 'category', export const riskTrendData = {
boundaryGap: false, dataX: ['伊克昭', '苏州', '西安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '伊克昭', '苏州', '西安'],
data: ['伊克昭', '苏州', '西安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '伊克昭', '苏州', '西安'], alarmDataY: [0, 22, 0, 55, 69, 77, 88, 99, 60, 88, 77, 99, 55, 0, 33, 22, 90, 0],
axisLabel: { riskDataY: [0, 22, 33, 44, 44, 44, 44, 55, 55, 90, 77, 66, 55, 44, 33, 22, 44, 55],
show: true, dangerDataY: [33, 22, 55, 44, 66, 77, 77, 99, 40, 77, 77, 66, 88, 44, 55, 44, 33, 22]
textStyle: {
color: '#fff',
fontSize: 14
}
},
axisLine: {
lineStyle: {
color: '#245665'
}
},
splitLine: {
show: true,
lineStyle: {
color: ['#245665'],
width: 1
}
}
},
yAxis: {
type: 'value',
axisLabel: {
show: true,
textStyle: {
color: '#fff',
fontSize: 14
}
},
axisLine: {
lineStyle: {
color: '#245665'
}
},
splitLine: {
show: true,
lineStyle: {
color: ['#245665'],
width: 1
}
}
},
series: [
{
name: '告警',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: [0, 22, 0, 55, 69, 77, 88, 99, 60, 88, 77, 99, 55, 0, 33, 22, 90, 0],
itemStyle: {
normal: {
color: '#FF0000',
lineStyle: {
color: '#FF0000',
width: 2
}
}
}
},
{
name: '隐患',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: [33, 22, 55, 44, 66, 77, 77, 99, 40, 77, 77, 66, 88, 44, 55, 44, 33, 22],
itemStyle: {
normal: {
color: '#00FFCD',
lineStyle: {
color: '#00FFCD',
width: 2
}
}
}
},
{
name: '风险',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: [0, 22, 33, 44, 44, 44, 44, 55, 55, 90, 77, 66, 55, 44, 33, 22, 44, 55],
itemStyle: {
normal: {
color: '#0A73FF',
lineStyle: {
color: '#0A73FF',
width: 2
}
}
}
}
]
};
export const recentData1 = {
legend: {
data: ['送电', '收电'],
x: 20,
y: 20,
textStyle: {
color: '#fff',
fontSize: 14
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['1010', '1011', '1012', '1013', '1014', '1015', '1016'],
axisLabel: {
show: true,
textStyle: {
color: '#fff',
fontSize: 14
}
},
axisLine: {
lineStyle: {
color: '#245665'
}
},
splitLine: {
show: true,
lineStyle: {
color: ['#245665'],
width: 1
}
}
},
yAxis: {
type: 'value',
axisLabel: {
show: true,
textStyle: {
color: '#fff',
fontSize: 14
}
},
axisLine: {
lineStyle: {
color: '#245665'
}
},
splitLine: {
show: true,
lineStyle: {
color: ['#245665'],
width: 1
}
}
},
series: [
{
name: '送电',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: [10, 20, 80, 60, 90, 20, 0],
itemStyle: {
normal: {
color: '#00FFCD',
lineStyle: {
color: '#00FFCD',
width: 2
}
}
}
},
{
name: '收电',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: [0, 32, 1, 34, 90, 30, 10],
itemStyle: {
normal: {
color: '#0A73FF',
lineStyle: {
color: '#0A73FF',
width: 2
}
}
}
}
]
}; };
export const recentData2 = {
legend: { //最近7日风险统计
data: ['送电', '收电'], export const recentData = {
x: 20, //最近7日风险统计（告警）
y: 20, alarmData: {
textStyle: { dataX: ['1010', '1011', '1012', '1013', '1014', '1015', '1016'],
color: '#fff', shoudianY: [0, 32, 1, 34, 90, 30, 10],
fontSize: 14 songdianY: [10, 20, 80, 60, 90, 20, 0]
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: ['1010', '1011', '1012', '1013', '1014', '1015', '1016'],
axisLabel: {
show: true,
textStyle: {
color: '#fff',
fontSize: 14
}
},
axisLine: {
lineStyle: {
color: '#245665'
}
},
splitLine: {
show: true,
lineStyle: {
color: ['#245665'],
width: 1
}
}
},
yAxis: {
type: 'value',
axisLabel: {
show: true,
textStyle: {
color: '#fff',
fontSize: 14
}
},
axisLine: {
lineStyle: {
color: '#245665'
}
},
splitLine: {
show: true,
lineStyle: {
color: ['#245665'],
width: 1
}
}
}, },
series: [ //最近7日风险统计（隐患）
{ dangerData: {
name: '送电', dataX: ['1010', '1011', '1012', '1013', '1014', '1015', '1016'],
type: 'line', shoudianY: [0, 40, 1, 70, 0, 30, 10],
symbol: 'circle', songdianY: [0, 20, 60, 60, 70, 20, 0]
symbolSize: 8, }
data: [0, 20, 60, 60, 70, 20, 0],
itemStyle: {
normal: {
color: '#00FFCD',
lineStyle: {
color: '#00FFCD',
width: 2
}
}
}
},
{
name: '收电',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: [0, 40, 1, 70, 0, 30, 10],
itemStyle: {
normal: {
color: '#0A73FF',
lineStyle: {
color: '#0A73FF',
width: 2
}
}
}
}
]
}; };
export const chainMapData = { // export const chainMapData = {
geo: { // geo: {
map: 'china' // map: 'china'
} // }
// };
//日常值守中间地图数据
export const alarmMapdata = {
//现有告警
xygjCount: 20,
xygjCountbh: 5,
//累计告警
ljgjCount: 20,
ljgjCountbh: 5,
//消缺告警
xqgjCount: 20,
xqgjCountbh: 5,
//现有隐患
xyyhCount: 20,
xyyhCountbh: 5,
//累计隐患
ljyhCount: 20,
ljyhCountbh: 5,
//治理隐患
zlyhCount: 20,
zlyhCountbh: 5
}; };
src/_mock/rczsData/geo.js
View file @ 85cff7ab
//地图数据
const provienceData = [ const provienceData = [
{ name: '黑龙江', area: '东北大区', type: 'areaCenterCity', InValue: '0' }, { name: '黑龙江', area: '东北大区', type: 'areaCenterCity', InValue: '0' },
{ name: '吉林', area: '东北大区', type: 'areaCenterCity', InValue: '0' }, { name: '吉林', area: '东北大区', type: 'areaCenterCity', InValue: '0' },
......
src/_mock/syData/mockData.js
View file @ 85cff7ab
...@@ -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' }
]
};
src/view/biz/duty/detail/echarts/RiskDegreeHistogram.js
View file @ 85cff7ab
import React, { Component } from 'react'; import React, { Component } from 'react';
import JsonData from './../data'; import JsonData from './../../../../../_mock/rczsData/rczsTableData';
import { OverFlowText } from 'amos-framework'; import { OverFlowText } from 'amos-framework';
const riskTopTenData = JsonData.riskTopTenData; const riskTopTenData = JsonData.riskTopTenData;
......
src/view/biz/duty/detail/index.js
View file @ 85cff7ab
...@@ -2,7 +2,7 @@ import React, { Component } from 'react'; ...@@ -2,7 +2,7 @@ import React, { Component } from 'react';
import PropTypes from 'prop-types'; import PropTypes from 'prop-types';
import { Layout, Search, Select } from 'amos-framework'; import { Layout, Search, Select } from 'amos-framework';
import { Table } from 'amos-antd'; import { Table } from 'amos-antd';
import JsonData from './data'; import JsonData from './../../../../_mock/rczsData/rczsTableData';
import RiskAssessment from './riskDetail'; import RiskAssessment from './riskDetail';
const { Header, Content } = Layout; const { Header, Content } = Layout;
......
src/view/biz/duty/detail/rczsTableData.js 0 → 100644
View file @ 85cff7ab
import React, { Component } from 'react';
const riskData = [
{
ka: '复龙换流站',
kb: '12',
kc: '12',
kd: '23',
ke: '23',
kf: '12',
kg: '97',
kh: '12',
ki: '23',
kj: '23',
kk: '12',
kl: '97'
},
{
ka: '奉贤换流站',
kb: '12',
kc: '12',
kd: '23',
ke: '23',
kf: '12',
kg: '97',
kh: '12',
ki: '23',
kj: '23',
kk: '12',
kl: '97'
},
{
ka: '苏州换流站',
kb: '12',
kc: '12',
kd: '23',
ke: '23',
kf: '12',
kg: '97',
kh: '12',
ki: '23',
kj: '23',
kk: '12',
kl: '97'
},
{
ka: '中州换流站',
kb: '12',
kc: '12',
kd: '23',
ke: '23',
kf: '12',
kg: '97',
kh: '12',
ki: '23',
kj: '23',
kk: '12',
kl: '97'
},
{
ka: '天山换流站',
kb: '12',
kc: '12',
kd: '23',
ke: '23',
kf: '12',
kg: '97',
kh: '12',
ki: '23',
kj: '23',
kk: '12',
kl: '97'
},
{
ka: '金华换流站',
kb: '12',
kc: '12',
kd: '23',
ke: '23',
kf: '12',
kg: '97',
kh: '12',
ki: '23',
kj: '23',
kk: '12',
kl: '97'
},
{
ka: '龙泉换流站',
kb: '12',
kc: '12',
kd: '23',
ke: '23',
kf: '12',
kg: '97',
kh: '12',
ki: '23',
kj: '23',
kk: '12',
kl: '97'
},
{
ka: '政平换流站',
kb: '12',
kc: '12',
kd: '23',
ke: '23',
kf: '12',
kg: '97',
kh: '12',
ki: '23',
kj: '23',
kk: '12',
kl: '97'
},
{
ka: '伊克昭换流站',
kb: '12',
kc: '12',
kd: '23',
ke: '23',
kf: '12',
kg: '97',
kh: '12',
ki: '23',
kj: '23',
kk: '12',
kl: '97'
},
{
ka: '陕北换流站',
kb: '12',
kc: '12',
kd: '23',
ke: '23',
kf: '12',
kg: '97',
kh: '12',
ki: '23',
kj: '23',
kk: '12',
kl: '97'
},
{
ka: '武汉换流站',
kb: '12',
kc: '12',
kd: '23',
ke: '23',
kf: '12',
kg: '97',
kh: '12',
ki: '23',
kj: '23',
kk: '12',
kl: '97'
}
];
const dangerWeekCensusData = [
{
da: '复龙换流站',
db: 23,
dc: 22
},
{
da: '奉贤换流站',
db: 23,
dc: 22
},
{
da: '苏州换流站',
db: 23,
dc: 22
},
{
da: '中州换流站',
db: 23,
dc: 22
},
{
da: '天山换流站',
db: 23,
dc: 22
},
{
da: '金华换流站',
db: 23,
dc: 22
},
{
da: '龙泉换流站',
db: 23,
dc: 22
},
{
da: '政平换流站',
db: 23,
dc: 22
},
{
da: '伊克昭换流站',
db: 23,
dc: 22
},
{
da: '陕北换流站',
db: 23,
dc: 22
},
{
da: '武汉换流站',
db: 23,
dc: 22
},
{
da: '金华换流站',
db: 23,
dc: 22
},
{
da: '龙泉换流站',
db: 23,
dc: 22
},
{
da: '政平换流站',
db: 23,
dc: 22
},
{
da: '伊克昭换流站',
db: 23,
dc: 22
},
{
da: '陕北换流站',
db: 23,
dc: 22
},
{
da: '武汉换流站',
db: 23,
dc: 22
}
];
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'
}
];
export const riskTopTenData = [
{ name: '1.极1低端换流变流台', rpni: 100, rpnr: 99 },
{ name: '2.极2低端换流变流台', rpni: 100, rpnr: 99 },
{ name: '3.极1高端换流变流台', rpni: 100, rpnr: 99 },
{ name: '4.极2高端换流变流台', rpni: 100, rpnr: 99 },
{ name: '5.极1低端换流变流台', rpni: 100, rpnr: 99 },
{ name: '6.极2低端换流变流台', rpni: 100, rpnr: 99 },
{ name: '7.极1低端换流变流台', rpni: 100, rpnr: 99 },
{ name: '8.极2低端换流变流台', rpni: 100, rpnr: 99 },
{ name: '9.极1低端换流变流台', rpni: 100, rpnr: 99 },
{ name: '10.极2低端换流变流台', rpni: 100, rpnr: 99 }
];
/**
* 数据组件
*/
class JsonData extends Component {}
export default JsonData = { riskData, dangerWeekCensusData, sevenDaysRiskCensusData, riskTopTenData };
src/view/biz/duty/situation/RecentStatistics.js
View file @ 85cff7ab
import React, { Component } from 'react'; import React, { Component } from 'react';
import PropTypes from 'prop-types';
import ReactEcharts from 'amos-viz/lib/echarts'; import ReactEcharts from 'amos-viz/lib/echarts';
import { recentData1, recentData2 } from './../../../../_mock/rczsData/data'; import { recentData } from './../../../../_mock/rczsData/data';
import { Button } from 'amos-framework'; import { Button } from 'amos-framework';
import CommonCard from '../../../common/commonCard/CommonCard'; import CommonCard from '../../../common/commonCard/CommonCard';
...@@ -11,18 +10,217 @@ class RecentStatistics extends Component { ...@@ -11,18 +10,217 @@ class RecentStatistics extends Component {
super(props); super(props);
this.state = { this.state = {
value: '1', value: '1',
recentData: recentData1 data: {}
}; };
} }
componentWillUnmount() {}
handleChange = value => { handleChange = value => {
if (value == '1') { if (value === '1') {
this.setState({ value: value, recentData: recentData1 }); this.setState({ value: '1' });
} else { } else {
this.setState({ value: value, recentData: recentData2 }); this.setState({ value: '2' });
}
};
getOptions = () => {
let data = recentData;
const { value } = this.state;
//value为1时告警 2为隐患
if (value === '1') {
return {
legend: {
data: ['送电', '收电'],
x: 20,
y: 20,
textStyle: {
color: '#fff',
fontSize: 14
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: data.alarmData.dataX,
axisLabel: {
show: true,
textStyle: {
color: '#fff',
fontSize: 14
}
},
axisLine: {
lineStyle: {
color: '#245665'
}
},
splitLine: {
show: true,
lineStyle: {
color: ['#245665'],
width: 1
}
}
},
yAxis: {
type: 'value',
axisLabel: {
show: true,
textStyle: {
color: '#fff',
fontSize: 14
}
},
axisLine: {
lineStyle: {
color: '#245665'
}
},
splitLine: {
show: true,
lineStyle: {
color: ['#245665'],
width: 1
}
}
},
series: [
{
name: '送电',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: data.alarmData.songdianY,
itemStyle: {
normal: {
color: '#00FFCD',
lineStyle: {
color: '#00FFCD',
width: 2
}
}
}
},
{
name: '收电',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: data.alarmData.shoudianY,
itemStyle: {
normal: {
color: '#0A73FF',
lineStyle: {
color: '#0A73FF',
width: 2
}
}
}
}
]
};
}
if (value === '2') {
return {
legend: {
data: ['送电', '收电'],
x: 20,
y: 20,
textStyle: {
color: '#fff',
fontSize: 14
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: data.dangerData.dataX,
axisLabel: {
show: true,
textStyle: {
color: '#fff',
fontSize: 14
}
},
axisLine: {
lineStyle: {
color: '#245665'
}
},
splitLine: {
show: true,
lineStyle: {
color: ['#245665'],
width: 1
}
}
},
yAxis: {
type: 'value',
axisLabel: {
show: true,
textStyle: {
color: '#fff',
fontSize: 14
}
},
axisLine: {
lineStyle: {
color: '#245665'
}
},
splitLine: {
show: true,
lineStyle: {
color: ['#245665'],
width: 1
}
}
},
series: [
{
name: '送电',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: data.dangerData.songdianY,
itemStyle: {
normal: {
color: '#00FFCD',
lineStyle: {
color: '#00FFCD',
width: 2
}
}
}
},
{
name: '收电',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: data.dangerData.shoudianY,
itemStyle: {
normal: {
color: '#0A73FF',
lineStyle: {
color: '#0A73FF',
width: 2
}
}
}
}
]
};
} }
}; };
render() { render() {
const { value, recentData } = this.state;
const { value } = this.state;
const select = { backgroundColor: '#0C85B1', color: '#FFF700' }; const select = { backgroundColor: '#0C85B1', color: '#FFF700' };
const noselect = { backgroundColor: 'rgba(12, 133, 177, 0)', color: '#45FEFE' }; const noselect = { backgroundColor: 'rgba(12, 133, 177, 0)', color: '#45FEFE' };
...@@ -34,9 +232,11 @@ class RecentStatistics extends Component { ...@@ -34,9 +232,11 @@ class RecentStatistics extends Component {
<Button size="sm" children={<span>告警</span>} className="button-style" value="1" style={value == '1' ? select : noselect} /> <Button size="sm" children={<span>告警</span>} className="button-style" value="1" style={value == '1' ? select : noselect} />
<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" style={{position: 'relative'}}> <div className="recent-statistics-content" style={{ position: 'relative' }}>
<div className="content-detail" onClick={this.props.onStatisticClick}>...</div> <div className="content-detail" onClick={this.props.onStatisticClick}>
<ReactEcharts option={recentData} className="div-echars-style" /> ...
</div>
<ReactEcharts option={this.getOptions()} className="div-echars-style" />
</div> </div>
</CommonCard> </CommonCard>
</div> </div>
......
src/view/biz/duty/situation/RiskTrend.js
View file @ 85cff7ab
...@@ -9,12 +9,127 @@ class RiskTrend extends Component { ...@@ -9,12 +9,127 @@ class RiskTrend extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {
value: '1' value: '1',
data: {}
}; };
} }
handleChange = value => { handleChange = value => {
this.setState({ value: value }); this.setState({ value: value });
}; };
getOption = () =>{
let data = riskTrendData;
return {
legend: {
data: ['告警', '隐患', '风险'],
x: 100,
y: 20,
textStyle: {
color: '#fff',
fontSize: 14
}
},
xAxis: {
type: 'category',
boundaryGap: false,
data: riskTrendData.dataX,
axisLabel: {
show: true,
textStyle: {
color: '#fff',
fontSize: 14
}
},
axisLine: {
lineStyle: {
color: '#245665'
}
},
splitLine: {
show: true,
lineStyle: {
color: ['#245665'],
width: 1
}
}
},
yAxis: {
type: 'value',
axisLabel: {
show: true,
textStyle: {
color: '#fff',
fontSize: 14
}
},
axisLine: {
lineStyle: {
color: '#245665'
}
},
splitLine: {
show: true,
lineStyle: {
color: ['#245665'],
width: 1
}
}
},
series: [
{
name: '告警',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: riskTrendData.alarmDataY,
itemStyle: {
normal: {
color: '#FF0000',
lineStyle: {
color: '#FF0000',
width: 2
}
}
}
},
{
name: '隐患',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: riskTrendData.dangerDataY,
itemStyle: {
normal: {
color: '#00FFCD',
lineStyle: {
color: '#00FFCD',
width: 2
}
}
}
},
{
name: '风险',
type: 'line',
symbol: 'circle',
symbolSize: 8,
data: riskTrendData.riskDataY,
itemStyle: {
normal: {
color: '#0A73FF',
lineStyle: {
color: '#0A73FF',
width: 2
}
}
}
}
]
};
}
render() { render() {
const { value } = this.state; const { value } = this.state;
...@@ -31,7 +146,7 @@ class RiskTrend extends Component { ...@@ -31,7 +146,7 @@ class RiskTrend extends Component {
<Button size="sm" children={<span>治理数</span>} className="button-style" value="4" style={value == '4' ? select : noselect} /> <Button size="sm" children={<span>治理数</span>} className="button-style" value="4" style={value == '4' ? select : noselect} />
</ButtonGroup> </ButtonGroup>
<div className="risk-trend-content"> <div className="risk-trend-content">
<ReactEcharts option={riskTrendData} className="div-echars" /> <ReactEcharts option={this.getOption()} className="div-echars" />
</div> </div>
</CommonCard> </CommonCard>
</div> </div>
......
src/view/biz/duty/situation/Statistics.js
View file @ 85cff7ab
...@@ -4,7 +4,7 @@ import 'echarts/map/js/china'; ...@@ -4,7 +4,7 @@ import 'echarts/map/js/china';
import geoJson from 'echarts/map/json/china.json'; import geoJson from 'echarts/map/json/china.json';
import { geoCoordMap, provienceData,dmtData } from './../../../../_mock/rczsData/geo'; import { geoCoordMap, provienceData,dmtData } from './../../../../_mock/rczsData/geo';
import CommonCard from '../../../common/commonCard/CommonCard'; import CommonCard from '../../../common/commonCard/CommonCard';
import { alarmMapdata } from './../../../../_mock/rczsData/data';
class Statistics extends Component { class Statistics extends Component {
constructor(props) { constructor(props) {
...@@ -292,6 +292,8 @@ class Statistics extends Component { ...@@ -292,6 +292,8 @@ class Statistics extends Component {
} }
render() { render() {
let data = alarmMapdata;
return ( return (
<div className="statistics-view common-margin"> <div className="statistics-view common-margin">
{/* <div className='statistics-title statistics-title-content'>全国</div> */} {/* <div className='statistics-title statistics-title-content'>全国</div> */}
...@@ -301,19 +303,19 @@ class Statistics extends Component { ...@@ -301,19 +303,19 @@ class Statistics extends Component {
<div className="statistics-banner-item"> <div className="statistics-banner-item">
<div className="statistics-banner-itemblock"> <div className="statistics-banner-itemblock">
<div className="statistics-text-number"> <div className="statistics-text-number">
20<span>5↑</span> {alarmMapdata.xygjCount}<span>{alarmMapdata.xygjCount}↑</span>
</div> </div>
<p>现有告警</p> <p>现有告警</p>
</div> </div>
<div className="statistics-banner-itemblock"> <div className="statistics-banner-itemblock">
<div className="statistics-text-number"> <div className="statistics-text-number">
20<span>5↑</span> {alarmMapdata.ljgjCount}<span>{alarmMapdata.ljgjCountbh}↑</span>
</div> </div>
<p>累计告警</p> <p>累计告警</p>
</div> </div>
<div className="statistics-banner-itemblock"> <div className="statistics-banner-itemblock">
<div className="statistics-text-number"> <div className="statistics-text-number">
20<span>5↑</span> {alarmMapdata.xqgjCount}<span> {alarmMapdata.xqgjCountbh}↑</span>
</div> </div>
<p>消缺告警</p> <p>消缺告警</p>
</div> </div>
...@@ -323,19 +325,19 @@ class Statistics extends Component { ...@@ -323,19 +325,19 @@ class Statistics extends Component {
<div className="statistics-banner-item"> <div className="statistics-banner-item">
<div className="statistics-banner-itemblock"> <div className="statistics-banner-itemblock">
<div className="statistics-text-number"> <div className="statistics-text-number">
20<span>5↑</span> {alarmMapdata.xyyhCount}<span> {alarmMapdata.xyyhCountbh}↑</span>
</div> </div>
<p>现有隐患</p> <p>现有隐患</p>
</div> </div>
<div className="statistics-banner-itemblock"> <div className="statistics-banner-itemblock">
<div className="statistics-text-number"> <div className="statistics-text-number">
20<span>5↑</span> {alarmMapdata.ljyhCount}<span>{alarmMapdata.ljyhCountbh}↑</span>
</div> </div>
<p>累计隐患</p> <p>累计隐患</p>
</div> </div>
<div className="statistics-banner-itemblock"> <div className="statistics-banner-itemblock">
<div className="statistics-text-number"> <div className="statistics-text-number">
20<span>5↑</span> {alarmMapdata.zlyhCount}<span>{alarmMapdata.zlyhCountbh}↑</span>
</div> </div>
<p>治理隐患</p> <p>治理隐患</p>
</div> </div>
......
src/view/monitor/duty/statistical/AlarmControl.js
View file @ 85cff7ab
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}
......
src/view/monitor/duty/statistical/AlarmControlTable.js
View file @ 85cff7ab
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 [
{ {
......
src/view/monitor/duty/statistical/DangerControl.js
View file @ 85cff7ab
...@@ -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) {
......
src/view/monitor/duty/statistical/DangerControlTable.js
View file @ 85cff7ab
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: '严重' },
......
src/view/monitor/duty/statistical/FireSafety.js
View file @ 85cff7ab
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,19 +43,20 @@ class FireSafety extends Component { ...@@ -37,19 +43,20 @@ class FireSafety extends Component {
}; };
render() { render() {
const { data } = this.state;
return ( return (
<div className="FireSafety"> <div className="FireSafety">
<CommonCard title="消防安全管理(累计)"> <CommonCard title="消防安全管理(累计)">
<div className="fire-safety-content"> <div className="fire-safety-content">
{/* <div className="fire-safety-font">消防安全管理(累计)</div> */} {/* <div className="fire-safety-font">消防安全管理(累计)</div> */}
<div className="fire-safety-tongji" > <div className="fire-safety-tongji" >
<div className="content-tongji" onClick={this.onClick}> <div className="content-tongji" onClick={this.onClick}>
<div className="left-div"> <div className="left-div">
<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,11 +97,11 @@ class FireSafety extends Component { ...@@ -90,11 +97,11 @@ 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>
{/**分割线 */} {/**分割线 */}
</div> </div>
</CommonCard> </CommonCard>
......
src/view/monitor/duty/statistical/FireStrength.js
View file @ 85cff7ab
...@@ -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>
......
src/view/monitor/duty/statistical/RiskControl.js
View file @ 85cff7ab
...@@ -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}
......
src/view/monitor/duty/statistical/RiskControlTable.js
View file @ 85cff7ab
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