Commit 85cff7ab authored by 王海涛's avatar 王海涛

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

parents 6cfb41fb ea9f206e
//安全指数top10
export const SafetyRateData = [
{ name: '1.伊克昭', value: 100 },
{ name: '2.伊克昭', value: 99 },
......@@ -10,6 +11,7 @@ export const SafetyRateData = [
{ name: '9.伊克昭', value: 20 },
{ name: '10.伊克昭', value: 10 }
];
//安全风险失效Top10
export const riskFailureData = [
{ name: '1.伊克昭', value: 100 },
{ name: '2.伊克昭', value: 99 },
......@@ -22,6 +24,8 @@ export const riskFailureData = [
{ name: '9.伊克昭', value: 20 },
{ name: '10.伊克昭', value: 10 }
];
//告警隐患增幅统计
export const growthData = [
{ 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 = [
{ 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',
boundaryGap: false,
data: ['伊克昭', '苏州', '西安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '伊克昭', '苏州', '西安'],
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: [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 riskTrendData = {
dataX: ['伊克昭', '苏州', '西安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '延安', '伊克昭', '苏州', '西安'],
alarmDataY: [0, 22, 0, 55, 69, 77, 88, 99, 60, 88, 77, 99, 55, 0, 33, 22, 90, 0],
riskDataY: [0, 22, 33, 44, 44, 44, 44, 55, 55, 90, 77, 66, 55, 44, 33, 22, 44, 55],
dangerDataY: [33, 22, 55, 44, 66, 77, 77, 99, 40, 77, 77, 66, 88, 44, 55, 44, 33, 22]
};
export const recentData2 = {
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
}
}
//最近7日风险统计
export const recentData = {
//最近7日风险统计(告警)
alarmData: {
dataX: ['1010', '1011', '1012', '1013', '1014', '1015', '1016'],
shoudianY: [0, 32, 1, 34, 90, 30, 10],
songdianY: [10, 20, 80, 60, 90, 20, 0]
},
series: [
{
name: '送电',
type: 'line',
symbol: 'circle',
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
}
}
}
}
]
//最近7日风险统计(隐患)
dangerData: {
dataX: ['1010', '1011', '1012', '1013', '1014', '1015', '1016'],
shoudianY: [0, 40, 1, 70, 0, 30, 10],
songdianY: [0, 20, 60, 60, 70, 20, 0]
}
};
export const chainMapData = {
geo: {
map: 'china'
}
// export const chainMapData = {
// geo: {
// 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
};
//地图数据
const provienceData = [
{ name: '黑龙江', area: '东北大区', type: 'areaCenterCity', InValue: '0' },
{ name: '吉林', area: '东北大区', type: 'areaCenterCity', InValue: '0' },
......
......@@ -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 JsonData from './../data';
import JsonData from './../../../../../_mock/rczsData/rczsTableData';
import { OverFlowText } from 'amos-framework';
const riskTopTenData = JsonData.riskTopTenData;
......
......@@ -2,7 +2,7 @@ import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { Layout, Search, Select } from 'amos-framework';
import { Table } from 'amos-antd';
import JsonData from './data';
import JsonData from './../../../../_mock/rczsData/rczsTableData';
import RiskAssessment from './riskDetail';
const { Header, Content } = Layout;
......
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 };
import React, { Component } from 'react';
import PropTypes from 'prop-types';
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 CommonCard from '../../../common/commonCard/CommonCard';
......@@ -11,18 +10,217 @@ class RecentStatistics extends Component {
super(props);
this.state = {
value: '1',
recentData: recentData1
data: {}
};
}
componentWillUnmount() {}
handleChange = value => {
if (value == '1') {
this.setState({ value: value, recentData: recentData1 });
if (value === '1') {
this.setState({ value: '1' });
} 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() {
const { value, recentData } = this.state;
const { value } = this.state;
const select = { backgroundColor: '#0C85B1', color: '#FFF700' };
const noselect = { backgroundColor: 'rgba(12, 133, 177, 0)', color: '#45FEFE' };
......@@ -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="2" style={value == '2' ? select : noselect} />
</ButtonGroup>
<div className="recent-statistics-content" style={{position: 'relative'}}>
<div className="content-detail" onClick={this.props.onStatisticClick}>...</div>
<ReactEcharts option={recentData} className="div-echars-style" />
<div className="recent-statistics-content" style={{ position: 'relative' }}>
<div className="content-detail" onClick={this.props.onStatisticClick}>
...
</div>
<ReactEcharts option={this.getOptions()} className="div-echars-style" />
</div>
</CommonCard>
</div>
......
......@@ -9,12 +9,127 @@ class RiskTrend extends Component {
constructor(props) {
super(props);
this.state = {
value: '1'
value: '1',
data: {}
};
}
handleChange = 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() {
const { value } = this.state;
......@@ -31,7 +146,7 @@ class RiskTrend extends Component {
<Button size="sm" children={<span>治理数</span>} className="button-style" value="4" style={value == '4' ? select : noselect} />
</ButtonGroup>
<div className="risk-trend-content">
<ReactEcharts option={riskTrendData} className="div-echars" />
<ReactEcharts option={this.getOption()} className="div-echars" />
</div>
</CommonCard>
</div>
......
......@@ -4,7 +4,7 @@ import 'echarts/map/js/china';
import geoJson from 'echarts/map/json/china.json';
import { geoCoordMap, provienceData,dmtData } from './../../../../_mock/rczsData/geo';
import CommonCard from '../../../common/commonCard/CommonCard';
import { alarmMapdata } from './../../../../_mock/rczsData/data';
class Statistics extends Component {
constructor(props) {
......@@ -292,6 +292,8 @@ class Statistics extends Component {
}
render() {
let data = alarmMapdata;
return (
<div className="statistics-view common-margin">
{/* <div className='statistics-title statistics-title-content'>全国</div> */}
......@@ -301,19 +303,19 @@ class Statistics extends Component {
<div className="statistics-banner-item">
<div className="statistics-banner-itemblock">
<div className="statistics-text-number">
20<span>5</span>
{alarmMapdata.xygjCount}<span>{alarmMapdata.xygjCount}</span>
</div>
<p>现有告警</p>
</div>
<div className="statistics-banner-itemblock">
<div className="statistics-text-number">
20<span>5</span>
{alarmMapdata.ljgjCount}<span>{alarmMapdata.ljgjCountbh}</span>
</div>
<p>累计告警</p>
</div>
<div className="statistics-banner-itemblock">
<div className="statistics-text-number">
20<span>5</span>
{alarmMapdata.xqgjCount}<span> {alarmMapdata.xqgjCountbh}</span>
</div>
<p>消缺告警</p>
</div>
......@@ -323,19 +325,19 @@ class Statistics extends Component {
<div className="statistics-banner-item">
<div className="statistics-banner-itemblock">
<div className="statistics-text-number">
20<span>5</span>
{alarmMapdata.xyyhCount}<span> {alarmMapdata.xyyhCountbh}</span>
</div>
<p>现有隐患</p>
</div>
<div className="statistics-banner-itemblock">
<div className="statistics-text-number">
20<span>5</span>
{alarmMapdata.ljyhCount}<span>{alarmMapdata.ljyhCountbh}</span>
</div>
<p>累计隐患</p>
</div>
<div className="statistics-banner-itemblock">
<div className="statistics-text-number">
20<span>5</span>
{alarmMapdata.zlyhCount}<span>{alarmMapdata.zlyhCountbh}</span>
</div>
<p>治理隐患</p>
</div>
......
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,19 +43,20 @@ class FireSafety extends Component {
};
render() {
const { data } = this.state;
return (
<div className="FireSafety">
<CommonCard title="消防安全管理(累计)">
<div className="fire-safety-content">
{/* <div className="fire-safety-font">消防安全管理(累计)</div> */}
<div className="fire-safety-tongji" >
<div className="content-tongji" onClick={this.onClick}>
<div className="left-div">
<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,11 +97,11 @@ 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>
{/**分割线 */}
</div>
</CommonCard>
......
......@@ -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