修改绩效显示
This commit is contained in:
parent
0fecf39201
commit
a03c91e650
@ -28,239 +28,6 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
formCode: "",
|
formCode: "",
|
||||||
title: "",
|
title: "",
|
||||||
},
|
},
|
||||||
ret: {
|
|
||||||
IsSuccessful: true,
|
|
||||||
Data: {
|
|
||||||
DATECOUNTS: [
|
|
||||||
{ DATE: "2024-01-31 23:59:59", COUNT: 50, TYPE: 1 },
|
|
||||||
{ DATE: "2024-01-31 23:59:59", COUNT: 414, TYPE: 0 },
|
|
||||||
{ DATE: "2024-02-29 23:59:59", COUNT: 62, TYPE: 1 },
|
|
||||||
{ DATE: "2024-02-29 23:59:59", COUNT: 514, TYPE: 0 },
|
|
||||||
{ DATE: "2024-03-31 23:59:59", COUNT: 62, TYPE: 1 },
|
|
||||||
{ DATE: "2024-03-31 23:59:59", COUNT: 614, TYPE: 0 },
|
|
||||||
{ DATE: "2024-04-30 23:59:59", COUNT: 70, TYPE: 1 },
|
|
||||||
{ DATE: "2024-04-30 23:59:59", COUNT: 714, TYPE: 0 },
|
|
||||||
{ DATE: "2024-05-31 23:59:59", COUNT: 80, TYPE: 1 },
|
|
||||||
{ DATE: "2024-05-31 23:59:59", COUNT: 814, TYPE: 0 },
|
|
||||||
// { DATE: "2024-06-30 23:59:59", COUNT: 80, TYPE: 1 },
|
|
||||||
// { DATE: "2024-06-30 23:59:59", COUNT: 914, TYPE: 0 },
|
|
||||||
// { DATE: "2024-07-31 23:59:59", COUNT: 94, TYPE: 1 },
|
|
||||||
// { DATE: "2024-07-31 23:59:59", COUNT: 954, TYPE: 0 },
|
|
||||||
// { DATE: "2024-08-31 23:59:59", COUNT: 102, TYPE: 1 },
|
|
||||||
// { DATE: "2024-08-31 23:59:59", COUNT: 984, TYPE: 0 },
|
|
||||||
// { DATE: "2024-09-30 23:59:59", COUNT: 102, TYPE: 1 },
|
|
||||||
// { DATE: "2024-09-30 23:59:59", COUNT: 1014, TYPE: 0 },
|
|
||||||
// { DATE: "2024-10-31 23:59:59", COUNT: 112, TYPE: 1 },
|
|
||||||
// { DATE: "2024-10-31 23:59:59", COUNT: 1024, TYPE: 0 },
|
|
||||||
// { DATE: "2024-11-30 23:59:59", COUNT: 113, TYPE: 1 },
|
|
||||||
// { DATE: "2024-11-30 23:59:59", COUNT: 1114, TYPE: 0 },
|
|
||||||
// { DATE: "2024-12-31 23:59:59", COUNT: 116, TYPE: 1 },
|
|
||||||
// { DATE: "2024-12-31 23:59:59", COUNT: 1154, TYPE: 0 },
|
|
||||||
],
|
|
||||||
CHARTFXDJ1:
|
|
||||||
{
|
|
||||||
NAME: ["一级", "二级", "三级", "四级"],
|
|
||||||
LEVEL1: [3, 8, 181, 1112],
|
|
||||||
},
|
|
||||||
CHARTFXDJ2: [
|
|
||||||
{ name: "一级", value: 3 },
|
|
||||||
{ name: "二级", value: 8 },
|
|
||||||
{ name: "三级", value: 181 },
|
|
||||||
{ name: "四级", value: 1112 },
|
|
||||||
],
|
|
||||||
CHARTLIST: [
|
|
||||||
{
|
|
||||||
NAME: ["露天矿", "选矿厂", "尾矿库", "职能部门"],
|
|
||||||
LEVEL1: [1, 0, 1, 1],
|
|
||||||
LEVEL2: [0, 3, 2, 2],
|
|
||||||
LEVEL3: [1, 3, 70, 105],
|
|
||||||
LEVEL4: [203, 223, 211, 475],
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
NAME: [
|
|
||||||
"容器爆炸",
|
|
||||||
"淹溺",
|
|
||||||
"物体打击",
|
|
||||||
"高处坠落",
|
|
||||||
"火灾",
|
|
||||||
"起重伤害",
|
|
||||||
"其他爆炸",
|
|
||||||
"中毒和窒息",
|
|
||||||
"放炮",
|
|
||||||
"冒顶片帮",
|
|
||||||
"坍塌",
|
|
||||||
"车辆伤害",
|
|
||||||
"触电",
|
|
||||||
"其他伤害",
|
|
||||||
"机械伤害",
|
|
||||||
"灼烫",
|
|
||||||
"火药爆炸",
|
|
||||||
],
|
|
||||||
LEVEL1: [
|
|
||||||
1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
|
|
||||||
0, 0, 0, 0,
|
|
||||||
],
|
|
||||||
LEVEL2: [
|
|
||||||
3, 2, 1, 1, 1, 0, 0, 0, 0, 0, 0, 0, 0,
|
|
||||||
0, 0, 0, 0,
|
|
||||||
],
|
|
||||||
LEVEL3: [
|
|
||||||
95, 46, 15, 10, 7, 6, 5, 4, 3, 2, 1, 1, 1, 1, 1, 0, 0
|
|
||||||
],
|
|
||||||
LEVEL4: [
|
|
||||||
260, 200, 120, 50, 20, 15, 10, 5, 4, 3, 2, 1, 1, 1, 1, 1, 0
|
|
||||||
],
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
NAME: [
|
|
||||||
"安全环保管理部",
|
|
||||||
"选矿部",
|
|
||||||
"机电设备管理办公室",
|
|
||||||
"矿山部",
|
|
||||||
"财务部",
|
|
||||||
"非金属资源部筹备组",
|
|
||||||
"企业管理部",
|
|
||||||
"技术管理部",
|
|
||||||
],
|
|
||||||
LEVEL1: [0, 1, 0, 1, 0, 0, 1, 0],
|
|
||||||
LEVEL2: [0, 2, 0, 3, 0, 0, 1, 0],
|
|
||||||
LEVEL3: [56, 109, 273, 381, 74, 135, 215, 335],
|
|
||||||
LEVEL4: [23, 168, 250, 390, 62, 117, 244, 367],
|
|
||||||
},
|
|
||||||
|
|
||||||
{
|
|
||||||
NAME: ["公司", "部门", "车间", "班组"],
|
|
||||||
LEVEL1: [2, 1, 0, 0],
|
|
||||||
LEVEL2: [2, 2, 2, 2],
|
|
||||||
LEVEL3: [343, 121, 396, 78],
|
|
||||||
LEVEL4: [215, 331, 37, 292],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
NAME: [
|
|
||||||
"破碎车间",
|
|
||||||
"磨重车间",
|
|
||||||
"尾矿库库区",
|
|
||||||
"钨细泥回收车间",
|
|
||||||
"高压配电室",
|
|
||||||
"炸药库区",
|
|
||||||
"修理场",
|
|
||||||
"矿山",
|
|
||||||
"加油站-采场",
|
|
||||||
"排土场",
|
|
||||||
],
|
|
||||||
LEVEL1: [1, 0, 0, 1, 0, 1, 0, 0, 0, 0],
|
|
||||||
LEVEL2: [2, 0, 0, 2, 1, 1, 0, 0, 0, 2],
|
|
||||||
LEVEL3: [220, 182, 171, 164, 134, 120, 102, 101, 83, 64],
|
|
||||||
LEVEL4: [250, 212, 201, 154, 144, 121, 117, 111, 93, 67],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
TEAMLIST: [
|
|
||||||
{
|
|
||||||
NAME: ["生产班", "民爆储存库班组", "穿孔班组", "爆破班组", "综合班组"],
|
|
||||||
LEVEL1: [1, 0, 1, 1, 0],
|
|
||||||
LEVEL2: [0, 1, 1, 2, 0],
|
|
||||||
LEVEL3: [10, 13, 20, 35, 33],
|
|
||||||
LEVEL4: [18, 33, 43, 21, 27],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
NAME: ["破碎车间", "磨重车间", "破碎一班", "破碎二班", "破碎三班", "磨重一班", "磨重二班", "磨重三班"],
|
|
||||||
LEVEL1: [1, 3, 0, 0, 0, 0, 0, 0],
|
|
||||||
LEVEL2: [2, 4, 0, 0, 0, 0, 1, 1],
|
|
||||||
LEVEL3: [3, 5, 1, 3, 7, 22, 43, 1],
|
|
||||||
LEVEL4: [4, 6, 7, 26, 8, 18, 21, 24],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
NAME: ["尾矿一班", "尾矿二班", "尾矿三班", "尾矿机修班"],
|
|
||||||
LEVEL1: [0, 0, 0, 0],
|
|
||||||
LEVEL2: [0, 0, 0, 0],
|
|
||||||
LEVEL3: [1, 3, 70, 105],
|
|
||||||
LEVEL4: [23, 13, 21, 15],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
NAME: ["保安班", "小车班", "食堂", "化验班", "采制样班"],
|
|
||||||
LEVEL1: [0, 0, 0, 0, 0],
|
|
||||||
LEVEL2: [0, 0, 0, 0, 0],
|
|
||||||
LEVEL3: [1, 3, 70, 15, 23],
|
|
||||||
LEVEL4: [13, 14, 17, 28, 11],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
AREALIST: [
|
|
||||||
{
|
|
||||||
NAME: ["电焊作业区", "修理场", "炸药库", "矿山", "加油站-采场"],
|
|
||||||
LEVEL1: [1, 0, 1, 1, 0],
|
|
||||||
LEVEL2: [0, 1, 1, 2, 0],
|
|
||||||
LEVEL3: [10, 13, 20, 35, 33],
|
|
||||||
LEVEL4: [18, 33, 43, 21, 27],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
NAME: ["破碎车间", "磨重车间", "尾矿库库区", "钨细泥回收车间", "综合回收车间", "尾矿库截洪单元"],
|
|
||||||
LEVEL1: [0, 0, 0, 0, 0, 0],
|
|
||||||
LEVEL2: [0, 0, 0, 0, 1, 1],
|
|
||||||
LEVEL3: [1, 3, 7, 22, 43, 1],
|
|
||||||
LEVEL4: [7, 26, 8, 18, 21, 24],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
NAME: ["尾矿库库区", "高压配电室", "炸药库区", "尾矿机修区"],
|
|
||||||
LEVEL1: [0, 0, 0, 0],
|
|
||||||
LEVEL2: [0, 0, 0, 0],
|
|
||||||
LEVEL3: [1, 3, 70, 105],
|
|
||||||
LEVEL4: [23, 13, 21, 15],
|
|
||||||
},
|
|
||||||
{
|
|
||||||
NAME: ["保安办公室", "停车场", "食堂", "化验室", "排土场"],
|
|
||||||
LEVEL1: [0, 0, 0, 0, 0],
|
|
||||||
LEVEL2: [0, 0, 0, 0, 0],
|
|
||||||
LEVEL3: [1, 3, 70, 15, 23],
|
|
||||||
LEVEL4: [13, 14, 17, 28, 11],
|
|
||||||
},
|
|
||||||
],
|
|
||||||
RISKTYPELIST: [
|
|
||||||
{
|
|
||||||
NAME: ["容器爆炸", "淹溺", "物体打击", "高处坠落", "起重伤害", "其他爆炸", "冒顶片帮", "火药爆炸"],
|
|
||||||
LEVEL1: [1, 0, 0, 0, 0, 0, 0, 0],
|
|
||||||
LEVEL2: [1, 0, 0, 0, 0, 0, 0, 0],
|
|
||||||
LEVEL3: [70, 65, 54, 48, 33, 27, 16, 7],
|
|
||||||
LEVEL4: [70, 65, 54, 48, 33, 27, 16, 7]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
NAME: ["其他伤害", "机械伤害", "灼烫", "容器爆炸", "中毒和窒息", "起重伤害", "冒顶片帮", "触电"],
|
|
||||||
LEVEL1: [1, 0, 0, 0, 0, 0, 0, 0],
|
|
||||||
LEVEL2: [1, 0, 0, 0, 0, 0, 0, 0],
|
|
||||||
LEVEL3: [71, 66, 55, 49, 34, 28, 17, 8],
|
|
||||||
LEVEL4: [69, 64, 53, 47, 32, 26, 15, 6]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
NAME: ["其他伤害", "车辆伤害", "火药爆炸", "高处坠落", "坍塌", "触电", "机械伤害", "灼烫"],
|
|
||||||
LEVEL1: [1, 0, 0, 0, 0, 0, 0, 0],
|
|
||||||
LEVEL2: [1, 0, 0, 0, 0, 0, 0, 0],
|
|
||||||
LEVEL3: [70, 65, 54, 48, 33, 27, 16, 7],
|
|
||||||
LEVEL4: [70, 65, 54, 48, 33, 27, 16, 7]
|
|
||||||
},
|
|
||||||
{
|
|
||||||
NAME: ["机械伤害", "容器爆炸", "物体打击", "高处坠落", "火灾", "其他爆炸", "中毒和窒息", "触电"],
|
|
||||||
LEVEL1: [0, 0, 0, 0, 0, 0, 0, 0],
|
|
||||||
LEVEL2: [1, 0, 0, 0, 0, 0, 0, 0],
|
|
||||||
LEVEL3: [70, 65, 54, 48, 33, 27, 16, 7],
|
|
||||||
LEVEL4: [70, 65, 54, 48, 33, 27, 16, 7]
|
|
||||||
},
|
|
||||||
],
|
|
||||||
CHARTZYRW1:
|
|
||||||
{
|
|
||||||
NAME: ["许可作业", "关键任务", "一般任务"],
|
|
||||||
LEVEL1: [67, 81, 191],
|
|
||||||
}
|
|
||||||
,
|
|
||||||
CHARTZYRW2: [
|
|
||||||
{ name: "许可作业", value: 67 },
|
|
||||||
{ name: "关键任务", value: 81 },
|
|
||||||
{ name: "一般任务", value: 191 },
|
|
||||||
],
|
|
||||||
},
|
|
||||||
TotalCount: 0,
|
|
||||||
MessageType: 0,
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
@ -283,28 +50,15 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
this.chart4(ret?.Data.DATECOUNTS);
|
this.chart4(ret?.Data.DATECOUNTS);
|
||||||
this.chartFXDJ1(ret?.Data.CHARTFXDJ1);
|
this.chartFXDJ1(ret?.Data.CHARTFXDJ1);
|
||||||
this.chartFXDJ2(ret?.Data.CHARTFXDJ2);
|
this.chartFXDJ2(ret?.Data.CHARTFXDJ2);
|
||||||
this.chartSCDY(ret?.Data.CHARTLIST[0]);
|
|
||||||
this.chartFXLB1(ret?.Data.CHARTLIST[1]);
|
this.chartFXLB1(ret?.Data.CHARTLIST[1]);
|
||||||
this.chartCJ(ret?.Data.CHARTLIST[3]);
|
this.chartCJ(ret?.Data.CHARTLIST[3]);
|
||||||
this.chartZRDW(ret?.Data.CHARTLIST[2]);
|
this.chartZRDW(ret?.Data.CHARTLIST[2]);
|
||||||
this.chartQY(ret?.Data.CHARTLIST[4]);
|
this.chartQY(ret?.Data.CHARTLIST[4]);
|
||||||
this.chartZYRW1(ret?.Data.CHARTZYRW1);
|
// this.chartZYRW1(ret?.Data.CHARTZYRW1);
|
||||||
this.chartZYRW2(ret?.Data.CHARTZYRW2);
|
// this.chartZYRW2(ret?.Data.CHARTZYRW2);
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
getBaseInfoData = (mineType) => {
|
|
||||||
this.chart4(this.state.ret.Data.DATECOUNTS);
|
|
||||||
this.chartFXDJ1(this.state.ret.Data.CHARTFXDJ1);
|
|
||||||
this.chartFXDJ2(this.state.ret.Data.CHARTFXDJ2);
|
|
||||||
this.chartSCDY(this.state.ret.Data.CHARTLIST[0]);
|
|
||||||
this.chartFXLB1(this.state.ret.Data.CHARTLIST[1]);
|
|
||||||
this.chartCJ(this.state.ret.Data.CHARTLIST[3]);
|
|
||||||
this.chartZRDW(this.state.ret.Data.CHARTLIST[2]);
|
|
||||||
this.chartQY(this.state.ret.Data.CHARTLIST[4]);
|
|
||||||
this.chartZYRW1(this.state.ret.Data.CHARTZYRW1);
|
|
||||||
this.chartZYRW2(this.state.ret.Data.CHARTZYRW2);
|
|
||||||
};
|
|
||||||
chart4 = (data) => {
|
chart4 = (data) => {
|
||||||
let riskArr = [];
|
let riskArr = [];
|
||||||
let hazardArr = [];
|
let hazardArr = [];
|
||||||
@ -526,7 +280,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "一级",
|
name: "重大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL1,
|
data: Data.LEVEL1,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
@ -575,7 +329,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
legend: {
|
legend: {
|
||||||
left: "0%",
|
left: "0%",
|
||||||
bottom: "10%",
|
bottom: "10%",
|
||||||
data: ["一级", "二级", "三级", "四级"],
|
data: ["重大风险", "较大风险", "一般风险", "低风险"],
|
||||||
},
|
},
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
@ -615,126 +369,6 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
chartSCDY = (Data) => {
|
|
||||||
let chartSCDY = document.getElementById("chartSCDY");
|
|
||||||
let myChart = echarts.init(chartSCDY);
|
|
||||||
myChart.setOption(
|
|
||||||
{
|
|
||||||
tooltip: {
|
|
||||||
trigger: "axis",
|
|
||||||
axisPointer: {
|
|
||||||
// 坐标轴指示器,坐标轴触发有效
|
|
||||||
type: "shadow", // 默认为直线,可选为:'line' | 'shadow'
|
|
||||||
},
|
|
||||||
},
|
|
||||||
legend: {
|
|
||||||
left: "center",
|
|
||||||
align: "left",
|
|
||||||
bottom: "2%",
|
|
||||||
textStyle: {
|
|
||||||
color: "#000",
|
|
||||||
},
|
|
||||||
itemWidth: 10,
|
|
||||||
itemHeight: 10,
|
|
||||||
data: ["一级", "二级", "三级", "四级"],
|
|
||||||
},
|
|
||||||
grid: {
|
|
||||||
left: "3%",
|
|
||||||
right: "3%",
|
|
||||||
bottom: "12%",
|
|
||||||
top: "10%",
|
|
||||||
containLabel: true,
|
|
||||||
},
|
|
||||||
xAxis: [
|
|
||||||
{
|
|
||||||
type: "category",
|
|
||||||
data: Data.NAME,
|
|
||||||
},
|
|
||||||
],
|
|
||||||
yAxis: [
|
|
||||||
{
|
|
||||||
type: "value",
|
|
||||||
},
|
|
||||||
],
|
|
||||||
series: [
|
|
||||||
{
|
|
||||||
barWidth: 20,
|
|
||||||
name: "一级",
|
|
||||||
type: "bar",
|
|
||||||
data: Data.LEVEL1,
|
|
||||||
itemStyle: { color: this.state.level1Color },
|
|
||||||
label: {
|
|
||||||
normal: {
|
|
||||||
show: true,
|
|
||||||
position: 'top', // 或者 'inside'(内部)、'insideLeft'、'insideRight' 等其他位置
|
|
||||||
formatter: '{c}', // 使用变量 {c} 表示数值,也可以自定义格式化函数
|
|
||||||
textStyle: {
|
|
||||||
fontSize: 12, // 字体大小
|
|
||||||
color: '#333', // 字体颜色
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
|
|
||||||
},
|
|
||||||
{
|
|
||||||
barWidth: 20,
|
|
||||||
name: "二级",
|
|
||||||
type: "bar",
|
|
||||||
data: Data.LEVEL2,
|
|
||||||
itemStyle: { color: this.state.level2Color },
|
|
||||||
label: {
|
|
||||||
normal: {
|
|
||||||
show: true,
|
|
||||||
position: 'top', // 或者 'inside'(内部)、'insideLeft'、'insideRight' 等其他位置
|
|
||||||
formatter: '{c}', // 使用变量 {c} 表示数值,也可以自定义格式化函数
|
|
||||||
textStyle: {
|
|
||||||
fontSize: 12, // 字体大小
|
|
||||||
color: '#333', // 字体颜色
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
barWidth: 20,
|
|
||||||
name: "三级",
|
|
||||||
type: "bar",
|
|
||||||
data: Data.LEVEL3,
|
|
||||||
itemStyle: { color: this.state.level3Color },
|
|
||||||
label: {
|
|
||||||
normal: {
|
|
||||||
show: true,
|
|
||||||
position: 'top', // 或者 'inside'(内部)、'insideLeft'、'insideRight' 等其他位置
|
|
||||||
formatter: '{c}', // 使用变量 {c} 表示数值,也可以自定义格式化函数
|
|
||||||
textStyle: {
|
|
||||||
fontSize: 12, // 字体大小
|
|
||||||
color: '#333', // 字体颜色
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
{
|
|
||||||
barWidth: 20,
|
|
||||||
name: "四级",
|
|
||||||
type: "bar",
|
|
||||||
data: Data.LEVEL4,
|
|
||||||
itemStyle: { color: this.state.level4Color },
|
|
||||||
label: {
|
|
||||||
normal: {
|
|
||||||
show: true,
|
|
||||||
position: 'top', // 或者 'inside'(内部)、'insideLeft'、'insideRight' 等其他位置
|
|
||||||
formatter: '{c}', // 使用变量 {c} 表示数值,也可以自定义格式化函数
|
|
||||||
textStyle: {
|
|
||||||
fontSize: 12, // 字体大小
|
|
||||||
color: '#333', // 字体颜色
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
],
|
|
||||||
},
|
|
||||||
true
|
|
||||||
);
|
|
||||||
};
|
|
||||||
|
|
||||||
chartFXLB1 = (Data) => {
|
chartFXLB1 = (Data) => {
|
||||||
let chartFXLB1 = document.getElementById("chartFXLB1");
|
let chartFXLB1 = document.getElementById("chartFXLB1");
|
||||||
@ -860,7 +494,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
itemWidth: 10,
|
itemWidth: 10,
|
||||||
itemHeight: 10,
|
itemHeight: 10,
|
||||||
data: ["一级", "二级", "三级", "四级"],
|
data: ["重大风险", "较大风险", "一般风险", "低风险"],
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
left: "3%",
|
left: "3%",
|
||||||
@ -890,7 +524,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "一级",
|
name: "重大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL1,
|
data: Data.LEVEL1,
|
||||||
itemStyle: { color: this.state.level1Color },
|
itemStyle: { color: this.state.level1Color },
|
||||||
@ -906,7 +540,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "二级",
|
name: "较大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL2,
|
data: Data.LEVEL2,
|
||||||
itemStyle: { color: this.state.level2Color },
|
itemStyle: { color: this.state.level2Color },
|
||||||
@ -922,7 +556,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "三级",
|
name: "一般风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL3,
|
data: Data.LEVEL3,
|
||||||
itemStyle: { color: this.state.level3Color },
|
itemStyle: { color: this.state.level3Color },
|
||||||
@ -938,7 +572,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "四级",
|
name: "低风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL4,
|
data: Data.LEVEL4,
|
||||||
itemStyle: { color: this.state.level4Color },
|
itemStyle: { color: this.state.level4Color },
|
||||||
@ -984,7 +618,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
itemWidth: 10,
|
itemWidth: 10,
|
||||||
itemHeight: 10,
|
itemHeight: 10,
|
||||||
data: ["一级", "二级", "三级", "四级"],
|
data: ["重大风险", "较大风险", "一般风险", "低风险"],
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
left: "3%",
|
left: "3%",
|
||||||
@ -1007,7 +641,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "一级",
|
name: "重大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL1,
|
data: Data.LEVEL1,
|
||||||
itemStyle: { color: this.state.level1Color },
|
itemStyle: { color: this.state.level1Color },
|
||||||
@ -1025,7 +659,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "二级",
|
name: "较大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL2,
|
data: Data.LEVEL2,
|
||||||
itemStyle: { color: this.state.level2Color },
|
itemStyle: { color: this.state.level2Color },
|
||||||
@ -1043,7 +677,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "三级",
|
name: "一般风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL3,
|
data: Data.LEVEL3,
|
||||||
itemStyle: { color: this.state.level3Color },
|
itemStyle: { color: this.state.level3Color },
|
||||||
@ -1061,7 +695,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "四级",
|
name: "低风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL4,
|
data: Data.LEVEL4,
|
||||||
itemStyle: { color: this.state.level4Color },
|
itemStyle: { color: this.state.level4Color },
|
||||||
@ -1109,7 +743,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
itemWidth: 10,
|
itemWidth: 10,
|
||||||
itemHeight: 10,
|
itemHeight: 10,
|
||||||
data: ["一级", "二级", "三级", "四级"],
|
data: ["重大风险", "较大风险", "一般风险", "低风险"],
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
left: "3%",
|
left: "3%",
|
||||||
@ -1135,7 +769,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "一级",
|
name: "重大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
stack: "总量",
|
stack: "总量",
|
||||||
label: {
|
label: {
|
||||||
@ -1147,7 +781,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "二级",
|
name: "较大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
stack: "总量",
|
stack: "总量",
|
||||||
label: {
|
label: {
|
||||||
@ -1159,7 +793,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "三级",
|
name: "一般风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
stack: "总量",
|
stack: "总量",
|
||||||
label: {
|
label: {
|
||||||
@ -1171,7 +805,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "四级",
|
name: "低风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
stack: "总量",
|
stack: "总量",
|
||||||
label: {
|
label: {
|
||||||
@ -1217,7 +851,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "一级",
|
name: "重大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL1,
|
data: Data.LEVEL1,
|
||||||
itemStyle: {
|
itemStyle: {
|
||||||
@ -1346,7 +980,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
itemWidth: 10,
|
itemWidth: 10,
|
||||||
itemHeight: 10,
|
itemHeight: 10,
|
||||||
data: ["一级", "二级", "三级", "四级"],
|
data: ["重大风险", "较大风险", "一般风险", "低风险"],
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
left: "3%",
|
left: "3%",
|
||||||
@ -1376,7 +1010,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "一级",
|
name: "重大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL1,
|
data: Data.LEVEL1,
|
||||||
stack: Stack1,
|
stack: Stack1,
|
||||||
@ -1395,7 +1029,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "二级",
|
name: "较大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL2,
|
data: Data.LEVEL2,
|
||||||
stack: Stack2,
|
stack: Stack2,
|
||||||
@ -1414,7 +1048,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "三级",
|
name: "一般风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL3,
|
data: Data.LEVEL3,
|
||||||
stack: Stack3,
|
stack: Stack3,
|
||||||
@ -1433,7 +1067,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "四级",
|
name: "低风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL4,
|
data: Data.LEVEL4,
|
||||||
stack: Stack4,
|
stack: Stack4,
|
||||||
@ -1482,7 +1116,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
itemWidth: 10,
|
itemWidth: 10,
|
||||||
itemHeight: 10,
|
itemHeight: 10,
|
||||||
data: ["一级", "二级", "三级", "四级"],
|
data: ["重大风险", "较大风险", "一般风险", "低风险"],
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
left: "3%",
|
left: "3%",
|
||||||
@ -1512,7 +1146,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "一级",
|
name: "重大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL1,
|
data: Data.LEVEL1,
|
||||||
stack: Stack1,
|
stack: Stack1,
|
||||||
@ -1532,7 +1166,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "二级",
|
name: "较大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL2,
|
data: Data.LEVEL2,
|
||||||
stack: Stack2,
|
stack: Stack2,
|
||||||
@ -1551,7 +1185,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "三级",
|
name: "一般风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL3,
|
data: Data.LEVEL3,
|
||||||
stack: Stack3,
|
stack: Stack3,
|
||||||
@ -1570,7 +1204,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "四级",
|
name: "低风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL4,
|
data: Data.LEVEL4,
|
||||||
stack: Stack4,
|
stack: Stack4,
|
||||||
@ -1619,7 +1253,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
itemWidth: 10,
|
itemWidth: 10,
|
||||||
itemHeight: 10,
|
itemHeight: 10,
|
||||||
data: ["一级", "二级", "三级", "四级"],
|
data: ["重大风险", "较大风险", "一般风险", "低风险"],
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
left: "3%",
|
left: "3%",
|
||||||
@ -1649,7 +1283,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "一级",
|
name: "重大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL1,
|
data: Data.LEVEL1,
|
||||||
stack: Stack1,
|
stack: Stack1,
|
||||||
@ -1669,7 +1303,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "二级",
|
name: "较大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL2,
|
data: Data.LEVEL2,
|
||||||
stack: Stack2,
|
stack: Stack2,
|
||||||
@ -1688,7 +1322,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "三级",
|
name: "一般风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL3,
|
data: Data.LEVEL3,
|
||||||
stack: Stack3,
|
stack: Stack3,
|
||||||
@ -1707,7 +1341,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "四级",
|
name: "低风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL4,
|
data: Data.LEVEL4,
|
||||||
stack: Stack4,
|
stack: Stack4,
|
||||||
@ -1756,7 +1390,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
itemWidth: 10,
|
itemWidth: 10,
|
||||||
itemHeight: 10,
|
itemHeight: 10,
|
||||||
data: ["一级", "二级", "三级", "四级"],
|
data: ["重大风险", "较大风险", "一般风险", "低风险"],
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
left: "3%",
|
left: "3%",
|
||||||
@ -1786,7 +1420,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "一级",
|
name: "重大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL1,
|
data: Data.LEVEL1,
|
||||||
stack: Stack1,
|
stack: Stack1,
|
||||||
@ -1806,7 +1440,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "二级",
|
name: "较大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL2,
|
data: Data.LEVEL2,
|
||||||
stack: Stack2,
|
stack: Stack2,
|
||||||
@ -1825,7 +1459,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "三级",
|
name: "一般风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL3,
|
data: Data.LEVEL3,
|
||||||
stack: Stack3,
|
stack: Stack3,
|
||||||
@ -1844,7 +1478,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
{
|
{
|
||||||
barWidth: 20,
|
barWidth: 20,
|
||||||
name: "四级",
|
name: "低风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL4,
|
data: Data.LEVEL4,
|
||||||
stack: Stack4,
|
stack: Stack4,
|
||||||
@ -1893,7 +1527,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
itemWidth: 10,
|
itemWidth: 10,
|
||||||
itemHeight: 10,
|
itemHeight: 10,
|
||||||
data: ["一级", "二级", "三级", "四级"],
|
data: ["重大风险", "较大风险", "一般风险", "低风险"],
|
||||||
},
|
},
|
||||||
grid: {
|
grid: {
|
||||||
left: "3%",
|
left: "3%",
|
||||||
@ -1922,7 +1556,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
],
|
],
|
||||||
series: [
|
series: [
|
||||||
{
|
{
|
||||||
name: "一级",
|
name: "重大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL1,
|
data: Data.LEVEL1,
|
||||||
itemStyle: { color: this.state.level1Color },
|
itemStyle: { color: this.state.level1Color },
|
||||||
@ -1941,7 +1575,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "二级",
|
name: "较大风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL2,
|
data: Data.LEVEL2,
|
||||||
itemStyle: { color: this.state.level2Color },
|
itemStyle: { color: this.state.level2Color },
|
||||||
@ -1960,7 +1594,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "三级",
|
name: "一般风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL3,
|
data: Data.LEVEL3,
|
||||||
itemStyle: { color: this.state.level3Color },
|
itemStyle: { color: this.state.level3Color },
|
||||||
@ -1979,7 +1613,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
},
|
},
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
name: "四级",
|
name: "低风险",
|
||||||
type: "bar",
|
type: "bar",
|
||||||
data: Data.LEVEL4,
|
data: Data.LEVEL4,
|
||||||
itemStyle: { color: this.state.level4Color },
|
itemStyle: { color: this.state.level4Color },
|
||||||
@ -2156,20 +1790,22 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
</Row>
|
</Row>
|
||||||
<Row gutter={12} style={{ marginTop: "30px" }}>
|
<Row gutter={12} style={{ marginTop: "30px" }}>
|
||||||
<Col span={1}></Col>
|
<Col span={1}></Col>
|
||||||
<Col span={11} className="risk-model-col" style={{ padding: 0 }}>
|
<Col span={11} className="risk-model-col" style={{ padding: 0 }}>
|
||||||
<div className="home-always-title">
|
<div className="home-always-title">
|
||||||
<div className="home-always-left">
|
<div className="home-always-left">
|
||||||
<div className="home-always-badge"></div>
|
<div className="home-always-badge"></div>
|
||||||
<div className="home-always-name">生产单元</div>
|
<div className="home-always-name">风险类别</div>
|
||||||
</div>
|
</div>
|
||||||
<div onClick={() => this.showDetailModal("生产单元")}>
|
{/* <div onClick={() => this.showDetailModal("风险类别2")}>
|
||||||
<IconFont
|
<IconFont
|
||||||
type="icon-24gl-expand2"
|
type="icon-24gl-expand2"
|
||||||
className="home-always-icon"
|
className="home-always-icon"
|
||||||
></IconFont>
|
></IconFont>
|
||||||
</div>
|
</div> */}
|
||||||
|
</div>
|
||||||
|
<div className="risk-chart" style={{ height: "330px" }}>
|
||||||
|
<div id="chartFXLB1" style={{ width: "100%", flex: 1 }}></div>
|
||||||
</div>
|
</div>
|
||||||
<div id="chartSCDY" style={{ width: "100%", height: "330px" }}></div>
|
|
||||||
</Col>
|
</Col>
|
||||||
<Col span={1}></Col>
|
<Col span={1}></Col>
|
||||||
<Col span={10} className="risk-model-col" style={{ padding: 0 }}>
|
<Col span={10} className="risk-model-col" style={{ padding: 0 }}>
|
||||||
@ -2178,12 +1814,12 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
<div className="home-always-badge"></div>
|
<div className="home-always-badge"></div>
|
||||||
<div className="home-always-name">层级</div>
|
<div className="home-always-name">层级</div>
|
||||||
</div>
|
</div>
|
||||||
<div onClick={() => this.showDetailModal("层级")}>
|
{/* <div onClick={() => this.showDetailModal("层级")}>
|
||||||
<IconFont
|
<IconFont
|
||||||
type="icon-24gl-expand2"
|
type="icon-24gl-expand2"
|
||||||
className="home-always-icon"
|
className="home-always-icon"
|
||||||
></IconFont>
|
></IconFont>
|
||||||
</div>
|
</div> */}
|
||||||
</div>
|
</div>
|
||||||
<div className="risk-chart" style={{ height: "330px" }}>
|
<div className="risk-chart" style={{ height: "330px" }}>
|
||||||
<div id="chartCJ" style={{ width: "100%", flex: 1 }}></div>
|
<div id="chartCJ" style={{ width: "100%", flex: 1 }}></div>
|
||||||
@ -2198,12 +1834,12 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
<div className="home-always-badge"></div>
|
<div className="home-always-badge"></div>
|
||||||
<div className="home-always-name">责任单位</div>
|
<div className="home-always-name">责任单位</div>
|
||||||
</div>
|
</div>
|
||||||
<div onClick={() => this.showDetailModal("责任单位")}>
|
{/* <div onClick={() => this.showDetailModal("责任单位")}>
|
||||||
<IconFont
|
<IconFont
|
||||||
type="icon-24gl-expand2"
|
type="icon-24gl-expand2"
|
||||||
className="home-always-icon"
|
className="home-always-icon"
|
||||||
></IconFont>
|
></IconFont>
|
||||||
</div>
|
</div> */}
|
||||||
</div>
|
</div>
|
||||||
<div className="risk-chart" style={{ height: "330px" }}>
|
<div className="risk-chart" style={{ height: "330px" }}>
|
||||||
<div id="chartZRDW" style={{ width: "100%", flex: 1 }}></div>
|
<div id="chartZRDW" style={{ width: "100%", flex: 1 }}></div>
|
||||||
@ -2216,49 +1852,17 @@ class BI014RiskPerformanceModel extends React.Component {
|
|||||||
<div className="home-always-badge"></div>
|
<div className="home-always-badge"></div>
|
||||||
<div className="home-always-name">区域</div>
|
<div className="home-always-name">区域</div>
|
||||||
</div>
|
</div>
|
||||||
<div onClick={() => this.showDetailModal("区域")}>
|
{/* <div onClick={() => this.showDetailModal("区域")}>
|
||||||
<IconFont
|
<IconFont
|
||||||
type="icon-24gl-expand2"
|
type="icon-24gl-expand2"
|
||||||
className="home-always-icon"
|
className="home-always-icon"
|
||||||
></IconFont>
|
></IconFont>
|
||||||
</div>
|
</div> */}
|
||||||
</div>
|
</div>
|
||||||
<div id="chartQY" style={{ width: "100%", height: "330px" }}></div>
|
<div id="chartQY" style={{ width: "100%", height: "330px" }}></div>
|
||||||
</Col>
|
</Col>
|
||||||
<Col span={1}></Col>
|
<Col span={1}></Col>
|
||||||
</Row>
|
</Row>
|
||||||
<Row gutter={12} style={{ marginTop: "30px" }}>
|
|
||||||
<Col span={1}></Col>
|
|
||||||
<Col span={11} className="risk-model-col" style={{ padding: 0 }}>
|
|
||||||
<div className="home-always-title">
|
|
||||||
<div className="home-always-left">
|
|
||||||
<div className="home-always-badge"></div>
|
|
||||||
<div className="home-always-name">风险类别</div>
|
|
||||||
</div>
|
|
||||||
<div onClick={() => this.showDetailModal("风险类别2")}>
|
|
||||||
<IconFont
|
|
||||||
type="icon-24gl-expand2"
|
|
||||||
className="home-always-icon"
|
|
||||||
></IconFont>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div className="risk-chart" style={{ height: "330px" }}>
|
|
||||||
<div id="chartFXLB1" style={{ width: "100%", flex: 1 }}></div>
|
|
||||||
</div>
|
|
||||||
</Col>
|
|
||||||
<Col span={1}></Col>
|
|
||||||
<Col span={10} className="risk-model-col" style={{ padding: 0 }}>
|
|
||||||
<div className="home-always-title">
|
|
||||||
<div className="home-always-left">
|
|
||||||
<div className="home-always-badge"></div>
|
|
||||||
<div className="home-always-name">作业任务</div>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
<div id="chartZYRW1" style={{ width: "45%", height: "330px", float: "left" }}></div>
|
|
||||||
<div id="chartZYRW2" style={{ width: "45%", height: "330px", float: "left" }}></div>
|
|
||||||
</Col>
|
|
||||||
<Col span={1}></Col>
|
|
||||||
</Row>
|
|
||||||
<br />
|
<br />
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user