This commit is contained in:
wyw 2024-07-17 15:27:02 +08:00
commit 1bf298d365
3 changed files with 60 additions and 456 deletions

View File

@ -28,239 +28,6 @@ class BI014RiskPerformanceModel extends React.Component {
formCode: "",
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.chartFXDJ1(ret?.Data.CHARTFXDJ1);
this.chartFXDJ2(ret?.Data.CHARTFXDJ2);
this.chartSCDY(ret?.Data.CHARTLIST[0]);
this.chartFXLB1(ret?.Data.CHARTLIST[1]);
this.chartCJ(ret?.Data.CHARTLIST[3]);
this.chartZRDW(ret?.Data.CHARTLIST[2]);
this.chartQY(ret?.Data.CHARTLIST[4]);
this.chartZYRW1(ret?.Data.CHARTZYRW1);
this.chartZYRW2(ret?.Data.CHARTZYRW2);
// this.chartZYRW1(ret?.Data.CHARTZYRW1);
// 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) => {
let riskArr = [];
let hazardArr = [];
@ -526,7 +280,7 @@ class BI014RiskPerformanceModel extends React.Component {
series: [
{
barWidth: 20,
name: "一级",
name: "重大风险",
type: "bar",
data: Data.LEVEL1,
itemStyle: {
@ -575,7 +329,7 @@ class BI014RiskPerformanceModel extends React.Component {
legend: {
left: "0%",
bottom: "10%",
data: ["一级", "二级", "三级", "四级"],
data: ["重大风险", "较大风险", "一般风险", "低风险"],
},
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) => {
let chartFXLB1 = document.getElementById("chartFXLB1");
@ -860,7 +494,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
itemWidth: 10,
itemHeight: 10,
data: ["一级", "二级", "三级", "四级"],
data: ["重大风险", "较大风险", "一般风险", "低风险"],
},
grid: {
left: "3%",
@ -890,7 +524,7 @@ class BI014RiskPerformanceModel extends React.Component {
series: [
{
barWidth: 20,
name: "一级",
name: "重大风险",
type: "bar",
data: Data.LEVEL1,
itemStyle: { color: this.state.level1Color },
@ -906,7 +540,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "二级",
name: "较大风险",
type: "bar",
data: Data.LEVEL2,
itemStyle: { color: this.state.level2Color },
@ -922,7 +556,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "三级",
name: "一般风险",
type: "bar",
data: Data.LEVEL3,
itemStyle: { color: this.state.level3Color },
@ -938,7 +572,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "四级",
name: "低风险",
type: "bar",
data: Data.LEVEL4,
itemStyle: { color: this.state.level4Color },
@ -984,7 +618,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
itemWidth: 10,
itemHeight: 10,
data: ["一级", "二级", "三级", "四级"],
data: ["重大风险", "较大风险", "一般风险", "低风险"],
},
grid: {
left: "3%",
@ -1007,7 +641,7 @@ class BI014RiskPerformanceModel extends React.Component {
series: [
{
barWidth: 20,
name: "一级",
name: "重大风险",
type: "bar",
data: Data.LEVEL1,
itemStyle: { color: this.state.level1Color },
@ -1025,7 +659,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "二级",
name: "较大风险",
type: "bar",
data: Data.LEVEL2,
itemStyle: { color: this.state.level2Color },
@ -1043,7 +677,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "三级",
name: "一般风险",
type: "bar",
data: Data.LEVEL3,
itemStyle: { color: this.state.level3Color },
@ -1061,7 +695,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "四级",
name: "低风险",
type: "bar",
data: Data.LEVEL4,
itemStyle: { color: this.state.level4Color },
@ -1109,7 +743,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
itemWidth: 10,
itemHeight: 10,
data: ["一级", "二级", "三级", "四级"],
data: ["重大风险", "较大风险", "一般风险", "低风险"],
},
grid: {
left: "3%",
@ -1135,7 +769,7 @@ class BI014RiskPerformanceModel extends React.Component {
series: [
{
barWidth: 20,
name: "一级",
name: "重大风险",
type: "bar",
stack: "总量",
label: {
@ -1147,7 +781,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "二级",
name: "较大风险",
type: "bar",
stack: "总量",
label: {
@ -1159,7 +793,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "三级",
name: "一般风险",
type: "bar",
stack: "总量",
label: {
@ -1171,7 +805,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "四级",
name: "低风险",
type: "bar",
stack: "总量",
label: {
@ -1217,7 +851,7 @@ class BI014RiskPerformanceModel extends React.Component {
series: [
{
barWidth: 20,
name: "一级",
name: "重大风险",
type: "bar",
data: Data.LEVEL1,
itemStyle: {
@ -1346,7 +980,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
itemWidth: 10,
itemHeight: 10,
data: ["一级", "二级", "三级", "四级"],
data: ["重大风险", "较大风险", "一般风险", "低风险"],
},
grid: {
left: "3%",
@ -1376,7 +1010,7 @@ class BI014RiskPerformanceModel extends React.Component {
series: [
{
barWidth: 20,
name: "一级",
name: "重大风险",
type: "bar",
data: Data.LEVEL1,
stack: Stack1,
@ -1395,7 +1029,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "二级",
name: "较大风险",
type: "bar",
data: Data.LEVEL2,
stack: Stack2,
@ -1414,7 +1048,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "三级",
name: "一般风险",
type: "bar",
data: Data.LEVEL3,
stack: Stack3,
@ -1433,7 +1067,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "四级",
name: "低风险",
type: "bar",
data: Data.LEVEL4,
stack: Stack4,
@ -1482,7 +1116,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
itemWidth: 10,
itemHeight: 10,
data: ["一级", "二级", "三级", "四级"],
data: ["重大风险", "较大风险", "一般风险", "低风险"],
},
grid: {
left: "3%",
@ -1512,7 +1146,7 @@ class BI014RiskPerformanceModel extends React.Component {
series: [
{
barWidth: 20,
name: "一级",
name: "重大风险",
type: "bar",
data: Data.LEVEL1,
stack: Stack1,
@ -1532,7 +1166,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "二级",
name: "较大风险",
type: "bar",
data: Data.LEVEL2,
stack: Stack2,
@ -1551,7 +1185,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "三级",
name: "一般风险",
type: "bar",
data: Data.LEVEL3,
stack: Stack3,
@ -1570,7 +1204,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "四级",
name: "低风险",
type: "bar",
data: Data.LEVEL4,
stack: Stack4,
@ -1619,7 +1253,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
itemWidth: 10,
itemHeight: 10,
data: ["一级", "二级", "三级", "四级"],
data: ["重大风险", "较大风险", "一般风险", "低风险"],
},
grid: {
left: "3%",
@ -1649,7 +1283,7 @@ class BI014RiskPerformanceModel extends React.Component {
series: [
{
barWidth: 20,
name: "一级",
name: "重大风险",
type: "bar",
data: Data.LEVEL1,
stack: Stack1,
@ -1669,7 +1303,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "二级",
name: "较大风险",
type: "bar",
data: Data.LEVEL2,
stack: Stack2,
@ -1688,7 +1322,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "三级",
name: "一般风险",
type: "bar",
data: Data.LEVEL3,
stack: Stack3,
@ -1707,7 +1341,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "四级",
name: "低风险",
type: "bar",
data: Data.LEVEL4,
stack: Stack4,
@ -1756,7 +1390,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
itemWidth: 10,
itemHeight: 10,
data: ["一级", "二级", "三级", "四级"],
data: ["重大风险", "较大风险", "一般风险", "低风险"],
},
grid: {
left: "3%",
@ -1786,7 +1420,7 @@ class BI014RiskPerformanceModel extends React.Component {
series: [
{
barWidth: 20,
name: "一级",
name: "重大风险",
type: "bar",
data: Data.LEVEL1,
stack: Stack1,
@ -1806,7 +1440,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "二级",
name: "较大风险",
type: "bar",
data: Data.LEVEL2,
stack: Stack2,
@ -1825,7 +1459,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "三级",
name: "一般风险",
type: "bar",
data: Data.LEVEL3,
stack: Stack3,
@ -1844,7 +1478,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
{
barWidth: 20,
name: "四级",
name: "低风险",
type: "bar",
data: Data.LEVEL4,
stack: Stack4,
@ -1893,7 +1527,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
itemWidth: 10,
itemHeight: 10,
data: ["一级", "二级", "三级", "四级"],
data: ["重大风险", "较大风险", "一般风险", "低风险"],
},
grid: {
left: "3%",
@ -1922,7 +1556,7 @@ class BI014RiskPerformanceModel extends React.Component {
],
series: [
{
name: "一级",
name: "重大风险",
type: "bar",
data: Data.LEVEL1,
itemStyle: { color: this.state.level1Color },
@ -1941,7 +1575,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
},
{
name: "二级",
name: "较大风险",
type: "bar",
data: Data.LEVEL2,
itemStyle: { color: this.state.level2Color },
@ -1960,7 +1594,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
},
{
name: "三级",
name: "一般风险",
type: "bar",
data: Data.LEVEL3,
itemStyle: { color: this.state.level3Color },
@ -1979,7 +1613,7 @@ class BI014RiskPerformanceModel extends React.Component {
},
},
{
name: "四级",
name: "低风险",
type: "bar",
data: Data.LEVEL4,
itemStyle: { color: this.state.level4Color },
@ -2156,20 +1790,22 @@ class BI014RiskPerformanceModel extends React.Component {
</Row>
<Row gutter={12} style={{ marginTop: "30px" }}>
<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-left">
<div className="home-always-badge"></div>
<div className="home-always-name">生产单元</div>
<div className="home-always-name">风险类别</div>
</div>
<div onClick={() => this.showDetailModal("生产单元")}>
{/* <div onClick={() => this.showDetailModal("2")}>
<IconFont
type="icon-24gl-expand2"
className="home-always-icon"
></IconFont>
</div>
</div> */}
</div>
<div className="risk-chart" style={{ height: "330px" }}>
<div id="chartFXLB1" style={{ width: "100%", flex: 1 }}></div>
</div>
<div id="chartSCDY" style={{ width: "100%", height: "330px" }}></div>
</Col>
<Col span={1}></Col>
<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-name">层级</div>
</div>
<div onClick={() => this.showDetailModal("层级")}>
{/* <div onClick={() => this.showDetailModal("")}>
<IconFont
type="icon-24gl-expand2"
className="home-always-icon"
></IconFont>
</div>
</div> */}
</div>
<div className="risk-chart" style={{ height: "330px" }}>
<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-name">责任单位</div>
</div>
<div onClick={() => this.showDetailModal("责任单位")}>
{/* <div onClick={() => this.showDetailModal("")}>
<IconFont
type="icon-24gl-expand2"
className="home-always-icon"
></IconFont>
</div>
</div> */}
</div>
<div className="risk-chart" style={{ height: "330px" }}>
<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-name">区域</div>
</div>
<div onClick={() => this.showDetailModal("区域")}>
{/* <div onClick={() => this.showDetailModal("")}>
<IconFont
type="icon-24gl-expand2"
className="home-always-icon"
></IconFont>
</div>
</div> */}
</div>
<div id="chartQY" style={{ width: "100%", height: "330px" }}></div>
</Col>
<Col span={1}></Col>
</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 />
</div>
);

View File

@ -578,7 +578,7 @@ function Header(props) {
{!props.matchLogin ? (
<div className="header__right">
<RiskFourColor />
{window.location.host == "47.122.43.22:7001" || 'localhost:7001' ? <FullScreen /> : ""}
{window.location.host == "47.122.43.22:7001" ? <FullScreen /> : ""}
<HeaderDataV />
<HeaderSearch />
<GuideCode />

View File

@ -2409,7 +2409,7 @@ class Home extends React.Component {
height: "40%",
display: "flex",
// padding: "0px 20px",
margin: "15px 0px",
margin: "30px 0px",
// justifyContent: "space-between",
alignItems: "center",
minHeight: "388px",