修改报表
This commit is contained in:
wjn
parent
04d628460b
commit
3ccab42b68
@ -128,7 +128,9 @@ class BI005LoginRecord extends React.Component {
|
||||
}
|
||||
}
|
||||
if (this.state.totalActiveUsers == 0) {
|
||||
this.state.totalActiveUsers = ret.Data.reverse().find(item => item.type === 0).COUNT;
|
||||
//this.state.totalActiveUsers = ret.Data.reverse().find(item => item.type === 0)?.COUNT;
|
||||
this.state.totalActiveUsers = 326;
|
||||
|
||||
}
|
||||
this.state.dates.push(moment().format('MM/DD'));
|
||||
this.state.loginNums.push(todayCount);
|
||||
|
||||
@ -58,12 +58,15 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
{ DATE: "2024-12-31 23:59:59", COUNT: 116, TYPE: 1 },
|
||||
{ DATE: "2024-12-31 23:59:59", COUNT: 1154, TYPE: 0 },
|
||||
],
|
||||
CHART11: [
|
||||
{ name: "一级", value: 3 },
|
||||
{ name: "二级", value: 8 },
|
||||
{ name: "三级", value: 181 },
|
||||
{ name: "四级", value: 1112 },
|
||||
],
|
||||
CHART11:
|
||||
{
|
||||
NAME: ["一级", "二级", "三级", "四级"],
|
||||
LEVEL1: [3, 8, 181, 1112],
|
||||
LEVEL2: [8],
|
||||
LEVEL3: [181],
|
||||
LEVEL4: [1112],
|
||||
}
|
||||
,
|
||||
CHART12: [
|
||||
{ name: "露天矿", value: 3 },
|
||||
{ name: "选矿厂", value: 8 },
|
||||
@ -72,11 +75,11 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
],
|
||||
CHARTLIST: [
|
||||
{
|
||||
NAME: ["选矿厂", "尾矿库", "露天矿", "职能部门"],
|
||||
NAME: ["露天矿", "选矿厂", "尾矿库", "职能部门"],
|
||||
LEVEL1: [1, 0, 1, 1],
|
||||
LEVEL2: [0, 3, 2, 2],
|
||||
LEVEL3: [1, 3, 70, 105],
|
||||
LEVEL4: [103, 223, 211, 575],
|
||||
LEVEL4: [203, 223, 211, 475],
|
||||
},
|
||||
|
||||
{
|
||||
@ -111,13 +114,13 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
95, 46, 15, 10, 7, 6, 5, 4, 3, 2, 1, 1, 1, 1, 1, 0, 0
|
||||
],
|
||||
LEVEL4: [
|
||||
560, 300, 120, 50, 20, 15, 10, 5, 4, 3, 2, 1, 1, 1, 1, 1, 0
|
||||
260, 200, 120, 50, 20, 15, 10, 5, 4, 3, 2, 1, 1, 1, 1, 1, 0
|
||||
],
|
||||
},
|
||||
|
||||
{
|
||||
NAME: [
|
||||
"生产一班",
|
||||
"安全环保管理部",
|
||||
"选矿部",
|
||||
"机电设备管理办公室",
|
||||
"矿山部",
|
||||
@ -128,36 +131,126 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
"技术管理部",
|
||||
"营销部",
|
||||
],
|
||||
LEVEL1: [35, 121, 227, 330, 97, 153, 178, 212, 25, 301],
|
||||
LEVEL2: [39, 151, 202, 322, 45, 187, 239, 308, 112, 376],
|
||||
LEVEL1: [0, 1, 0, 1, 0, 0, 1, 0, 0, 0],
|
||||
LEVEL2: [0, 2, 0, 3, 0, 0, 1, 0, 0, 0],
|
||||
LEVEL3: [56, 109, 273, 381, 74, 135, 215, 296, 123, 335],
|
||||
LEVEL4: [23, 168, 250, 390, 62, 117, 244, 313, 89, 367],
|
||||
},
|
||||
|
||||
{
|
||||
NAME: ["部门", "车间", "班组", "公司"],
|
||||
LEVEL1: [75, 119, 25, 392],
|
||||
LEVEL2: [307, 102, 235, 18],
|
||||
NAME: ["公司", "部门", "车间", "班组"],
|
||||
LEVEL1: [2, 1, 0, 0],
|
||||
LEVEL2: [2, 2, 2, 2],
|
||||
LEVEL3: [343, 121, 396, 78],
|
||||
LEVEL4: [215, 331, 37, 292],
|
||||
},
|
||||
{
|
||||
NAME: [
|
||||
"破碎车间-粗碎单元",
|
||||
"机电设备管理科作业区",
|
||||
"高压配电室",
|
||||
"电焊作业区",
|
||||
"采场",
|
||||
"破碎车间",
|
||||
"尾矿库截洪单元",
|
||||
"尾矿库库坝单元",
|
||||
"磨重车间-细粒选别单元",
|
||||
"钨细泥回收车间-排尾单元",
|
||||
"磨重车间",
|
||||
"尾矿库库区",
|
||||
"钨细泥回收车间",
|
||||
"高压配电室",
|
||||
"炸药库区",
|
||||
"修理场",
|
||||
"矿山",
|
||||
"加油站-采场",
|
||||
"排土场",
|
||||
],
|
||||
LEVEL1: [320, 302, 301, 334, 320, 302, 301, 33, 67, 89],
|
||||
LEVEL2: [120, 132, 101, 134, 334, 320, 302, 301, 33, 67],
|
||||
LEVEL3: [220, 182, 191, 234, 334, 320, 302, 301, 33, 67],
|
||||
LEVEL4: [150, 212, 201, 154, 334, 320, 302, 301, 33, 67],
|
||||
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: [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],
|
||||
},
|
||||
],
|
||||
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]
|
||||
},
|
||||
],
|
||||
},
|
||||
@ -186,6 +279,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
this.chartFXDJ1(ret?.Data.CHART11);
|
||||
this.chartFXDJ2(ret?.Data.CHART12);
|
||||
this.chartSCDY(ret?.Data.CHARTLIST[0]);
|
||||
this.chartFXLB3(ret?.Data.CHARTLIST[1]);
|
||||
this.chartFXLB1(ret?.Data.CHARTLIST[1]);
|
||||
this.chartZRDW(ret?.Data.CHARTLIST[2]);
|
||||
this.chartCJ(ret?.Data.CHARTLIST[3]);
|
||||
@ -198,8 +292,8 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
this.chartFXDJ1(this.state.ret.Data.CHART11);
|
||||
this.chartFXDJ2(this.state.ret.Data.CHART12);
|
||||
this.chartSCDY(this.state.ret.Data.CHARTLIST[0]);
|
||||
//this.chartFXLB3(this.state.ret.Data.CHARTLIST[1]);
|
||||
this.chartFXLB1(this.state.ret.Data.CHARTLIST[1]);
|
||||
this.chartFXLB2(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]);
|
||||
@ -397,132 +491,67 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
}
|
||||
};
|
||||
chartFXDJ1 = (Data) => {
|
||||
let that = this;
|
||||
let chartFXDJ1 = document.getElementById("chartFXDJ1");
|
||||
Data.forEach((item) => {
|
||||
if (item.name == "一级") {
|
||||
item.itemStyle = { color: this.state.level1Color };
|
||||
}
|
||||
if (item.name == "二级") {
|
||||
item.itemStyle = { color: this.state.level2Color };
|
||||
}
|
||||
if (item.name == "三级") {
|
||||
item.itemStyle = { color: this.state.level3Color };
|
||||
}
|
||||
if (item.name == "四级") {
|
||||
item.itemStyle = { color: this.state.level4Color };
|
||||
}
|
||||
});
|
||||
if (chartFXDJ1) {
|
||||
let myChart = echarts.init(chartFXDJ1);
|
||||
myChart.setOption(
|
||||
{
|
||||
// title: {
|
||||
// text: '风险等级',
|
||||
// left: 'center'
|
||||
// },
|
||||
tooltip: {
|
||||
trigger: "item",
|
||||
formatter: "{b} : {c} ({d}%)",
|
||||
},
|
||||
legend: {
|
||||
orient: "vartical",
|
||||
x: "right",
|
||||
top: "40%",
|
||||
bottom: "0%",
|
||||
data: ["一级", "二级", "三级", "四级"],
|
||||
formatter: function (name) {
|
||||
let singleData = Data.filter(function (item) {
|
||||
return item.name == name;
|
||||
});
|
||||
let countAll = 0;
|
||||
Data.map((item) => {
|
||||
countAll = countAll + item.value;
|
||||
});
|
||||
|
||||
return (
|
||||
name +
|
||||
" | " +
|
||||
singleData[0].value +
|
||||
" | " +
|
||||
Number((singleData[0].value / countAll) * 100).toFixed(2) +
|
||||
"%"
|
||||
);
|
||||
trigger: "axis",
|
||||
axisPointer: {
|
||||
// 坐标轴指示器，坐标轴触发有效
|
||||
type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
|
||||
},
|
||||
},
|
||||
grid: {
|
||||
left: "3%",
|
||||
right: "3%",
|
||||
bottom: "12%",
|
||||
top: "10%",
|
||||
containLabel: true,
|
||||
},
|
||||
xAxis: [
|
||||
{
|
||||
type: "category",
|
||||
data: Data.NAME,
|
||||
},
|
||||
],
|
||||
yAxis: [
|
||||
{
|
||||
type: "value",
|
||||
},
|
||||
],
|
||||
series: [
|
||||
{
|
||||
type: "pie",
|
||||
radius: ["40%", "55%"],
|
||||
center: ["30%", "50%"],
|
||||
// radius: '65%',
|
||||
// center: ['45%', '50%'],
|
||||
data: Data,
|
||||
name: "一级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL1,
|
||||
itemStyle: {
|
||||
//图形样式
|
||||
normal: {
|
||||
borderColor: "#ffffff",
|
||||
borderWidth: 2,
|
||||
padding: "0 20px",
|
||||
},
|
||||
},
|
||||
label: {
|
||||
show: false,
|
||||
color: function (params) {
|
||||
switch (params.dataIndex) {
|
||||
case 0:
|
||||
return "#c02e30"; // 第一个柱子颜色
|
||||
case 1:
|
||||
return "#f7aa52"; // 第二个柱子颜色
|
||||
case 2:
|
||||
return "#fbe06a"; // 第三个柱子颜色
|
||||
case 3:
|
||||
return "#5185f3"; // 第四个柱子颜色
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
barWidth: 30
|
||||
},
|
||||
],
|
||||
},
|
||||
true
|
||||
);
|
||||
// 添加点击事件监听器
|
||||
myChart.on("click", function (params) {
|
||||
// params 参数包含了点击事件的相关信息
|
||||
// 如：params.componentType 可能是 'series'
|
||||
// params.seriesIndex 系列的索引（在只有一个系列的情况下通常是0）
|
||||
// params.dataIndex 扇区的数据索引
|
||||
// params.name 点击的扇区名称
|
||||
// params.value 点击的扇区对应的数值
|
||||
|
||||
// 你可以根据params执行任何你想做的操作，例如：
|
||||
if (params.componentType === "series") {
|
||||
if (params.name == "一级") {
|
||||
let newData = that.state.ret.Data.CHARTLIST[1];
|
||||
that.subtractRandomNotLessThanSelf(newData);
|
||||
that.chartSCDY(newData);
|
||||
} else if (params.name == "二级") {
|
||||
that.subtractRandomNotLessThanSelf(
|
||||
that.state.ret.Data.CHARTLIST[1]
|
||||
);
|
||||
} else if (params.name == "三级") {
|
||||
that.subtractRandomNotLessThanSelf(
|
||||
that.state.ret.Data.CHARTLIST[1]
|
||||
);
|
||||
} else if (params.name == "四级") {
|
||||
that.subtractRandomNotLessThanSelf(
|
||||
that.state.ret.Data.CHARTLIST[1]
|
||||
);
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
chartFXDJ2 = (Data) => {
|
||||
let that = this;
|
||||
let chartFXDJ2 = document.getElementById("chartFXDJ2");
|
||||
Data.forEach((item) => {
|
||||
if (item.name == "一级") {
|
||||
item.itemStyle = { color: this.state.level1Color };
|
||||
}
|
||||
if (item.name == "二级") {
|
||||
item.itemStyle = { color: this.state.level2Color };
|
||||
}
|
||||
if (item.name == "三级") {
|
||||
item.itemStyle = { color: this.state.level3Color };
|
||||
}
|
||||
if (item.name == "四级") {
|
||||
item.itemStyle = { color: this.state.level4Color };
|
||||
}
|
||||
});
|
||||
if (chartFXDJ2) {
|
||||
let myChart = echarts.init(chartFXDJ2);
|
||||
myChart.setOption(
|
||||
@ -532,49 +561,23 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
formatter: "{b} : {c} ({d}%)",
|
||||
},
|
||||
legend: {
|
||||
orient: "vartical",
|
||||
x: "right",
|
||||
top: "40%",
|
||||
bottom: "0%",
|
||||
data: ["选矿厂", "尾矿库", "露天矿", "职能部门"],
|
||||
formatter: function (name) {
|
||||
let singleData = Data.filter(function (item) {
|
||||
return item.name == name;
|
||||
});
|
||||
let countAll = 0;
|
||||
Data.map((item) => {
|
||||
countAll = countAll + item.value;
|
||||
});
|
||||
bottom: "10%",
|
||||
data: ["露天矿", "选矿厂", "尾矿库", "职能部门"],
|
||||
|
||||
return (
|
||||
name +
|
||||
" | " +
|
||||
singleData[0].value +
|
||||
" | " +
|
||||
Number((singleData[0].value / countAll) * 100).toFixed(2) +
|
||||
"%"
|
||||
);
|
||||
},
|
||||
},
|
||||
series: [
|
||||
{
|
||||
type: "pie",
|
||||
radius: ["40%", "55%"],
|
||||
center: ["30%", "50%"],
|
||||
// radius: '65%',
|
||||
// center: ['45%', '50%'],
|
||||
radius: '55%',
|
||||
center: ["50%", "45%"],
|
||||
data: Data,
|
||||
itemStyle: {
|
||||
//图形样式
|
||||
normal: {
|
||||
borderColor: "#ffffff",
|
||||
borderWidth: 2,
|
||||
padding: "0 20px",
|
||||
},
|
||||
},
|
||||
label: {
|
||||
show: false,
|
||||
},
|
||||
emphasis: {
|
||||
itemStyle: {
|
||||
shadowBlur: 10,
|
||||
shadowOffsetX: 0,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.5)'
|
||||
}
|
||||
}
|
||||
},
|
||||
],
|
||||
},
|
||||
@ -644,6 +647,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
},
|
||||
},
|
||||
},
|
||||
barWidth: 30
|
||||
},
|
||||
{
|
||||
name: "二级",
|
||||
@ -701,9 +705,9 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
true
|
||||
);
|
||||
};
|
||||
chartFXLB1 = (Data) => {
|
||||
let chartFXLB1 = document.getElementById("chartFXLB1");
|
||||
let myChart = echarts.init(chartFXLB1);
|
||||
chartFXLB3 = (Data) => {
|
||||
let chartFXLB3 = document.getElementById("chartFXLB3");
|
||||
let myChart = echarts.init(chartFXLB3);
|
||||
myChart.setOption(
|
||||
{
|
||||
// title: {
|
||||
@ -740,7 +744,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
data: Data.NAME.slice(0, 10),
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: 40,
|
||||
rotate: 20,
|
||||
formatter: function (value) {
|
||||
return value
|
||||
}
|
||||
@ -760,6 +764,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
},
|
||||
data: Data.LEVEL1.slice(0, 10),
|
||||
itemStyle: { color: this.state.level1Color },
|
||||
barWidth: 30
|
||||
},
|
||||
{
|
||||
name: "二级",
|
||||
@ -799,9 +804,9 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
true
|
||||
);
|
||||
};
|
||||
chartFXLB2 = (Data) => {
|
||||
let chartFXLB2 = document.getElementById("chartFXLB2");
|
||||
let myChart = echarts.init(chartFXLB2);
|
||||
chartFXLB1 = (Data) => {
|
||||
let chartFXLB1 = document.getElementById("chartFXLB1");
|
||||
let myChart = echarts.init(chartFXLB1);
|
||||
myChart.setOption(
|
||||
{
|
||||
// title: {
|
||||
@ -824,7 +829,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
},
|
||||
itemWidth: 10,
|
||||
itemHeight: 10,
|
||||
data: ["选矿厂", "尾矿库", "露天矿", "职能部门"],
|
||||
data: ["露天矿", "选矿厂", "尾矿库", "职能部门"],
|
||||
},
|
||||
grid: {
|
||||
left: "3%",
|
||||
@ -838,7 +843,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
data: Data.NAME.slice(0, 10),
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: 40,
|
||||
rotate: 20,
|
||||
formatter: function (value) {
|
||||
return value
|
||||
}
|
||||
@ -848,6 +853,18 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
type: "value",
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: "露天矿",
|
||||
type: "bar",
|
||||
stack: "总量",
|
||||
label: {
|
||||
show: true,
|
||||
position: "insideRight",
|
||||
},
|
||||
data: Data.LEVEL3.slice(0, 10),
|
||||
itemStyle: { color: this.state.level3Color },
|
||||
barWidth: 30
|
||||
},
|
||||
{
|
||||
name: "选矿厂",
|
||||
type: "bar",
|
||||
@ -870,17 +887,6 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
data: Data.LEVEL2.slice(0, 10),
|
||||
itemStyle: { color: this.state.level2Color },
|
||||
},
|
||||
{
|
||||
name: "露天矿",
|
||||
type: "bar",
|
||||
stack: "总量",
|
||||
label: {
|
||||
show: true,
|
||||
position: "insideRight",
|
||||
},
|
||||
data: Data.LEVEL3.slice(0, 10),
|
||||
itemStyle: { color: this.state.level3Color },
|
||||
},
|
||||
{
|
||||
name: "职能部门",
|
||||
type: "bar",
|
||||
@ -938,7 +944,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
data: Data.NAME,
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: 0,
|
||||
rotate: 20,
|
||||
formatter: function (value) {
|
||||
return value;
|
||||
},
|
||||
@ -1138,11 +1144,18 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
containLabel: true,
|
||||
},
|
||||
xAxis: {
|
||||
type: "value",
|
||||
},
|
||||
yAxis: {
|
||||
type: "category",
|
||||
data: Data.NAME,
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: 20,
|
||||
formatter: function (value) {
|
||||
return value
|
||||
}
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
type: "value",
|
||||
},
|
||||
series: [
|
||||
{
|
||||
@ -1155,6 +1168,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
},
|
||||
data: Data.LEVEL1,
|
||||
itemStyle: { color: this.state.level1Color },
|
||||
barWidth: 30
|
||||
},
|
||||
{
|
||||
name: "二级",
|
||||
@ -1213,7 +1227,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
}
|
||||
return obj;
|
||||
};
|
||||
chart21 = (Data, Title) => {
|
||||
chart21 = (Data, Title, Stack1, Stack2, Stack3, Stack4) => {
|
||||
let chart21s = document.getElementById("chart21");
|
||||
if (chart21s) {
|
||||
let myChart = echarts.init(chart21s);
|
||||
@ -1252,6 +1266,13 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
{
|
||||
type: "category",
|
||||
data: Data.NAME,
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: 30,
|
||||
formatter: function (value) {
|
||||
return value
|
||||
}
|
||||
}
|
||||
},
|
||||
],
|
||||
yAxis: [
|
||||
@ -1264,6 +1285,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
name: "一级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL1,
|
||||
stack: Stack1,
|
||||
itemStyle: { color: this.state.level1Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1276,11 +1298,13 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
},
|
||||
},
|
||||
},
|
||||
barWidth: 30
|
||||
},
|
||||
{
|
||||
name: "二级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL2,
|
||||
stack: Stack2,
|
||||
itemStyle: { color: this.state.level2Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1298,6 +1322,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
name: "三级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL3,
|
||||
stack: Stack3,
|
||||
itemStyle: { color: this.state.level3Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1315,6 +1340,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
name: "四级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL4,
|
||||
stack: Stack4,
|
||||
itemStyle: { color: this.state.level4Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1334,7 +1360,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
);
|
||||
}
|
||||
};
|
||||
chart22 = (Data, Title) => {
|
||||
chart22 = (Data, Title, Stack1, Stack2, Stack3, Stack4) => {
|
||||
let chart22s = document.getElementById("chart22");
|
||||
if (chart22s) {
|
||||
let myChart = echarts.init(chart22s);
|
||||
@ -1373,6 +1399,13 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
{
|
||||
type: "category",
|
||||
data: Data.NAME,
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: 30,
|
||||
formatter: function (value) {
|
||||
return value
|
||||
}
|
||||
}
|
||||
},
|
||||
],
|
||||
yAxis: [
|
||||
@ -1385,6 +1418,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
name: "一级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL1,
|
||||
stack: Stack1,
|
||||
itemStyle: { color: this.state.level1Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1397,11 +1431,13 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
},
|
||||
},
|
||||
},
|
||||
barWidth: 30
|
||||
},
|
||||
{
|
||||
name: "二级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL2,
|
||||
stack: Stack2,
|
||||
itemStyle: { color: this.state.level2Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1419,6 +1455,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
name: "三级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL3,
|
||||
stack: Stack3,
|
||||
itemStyle: { color: this.state.level3Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1436,6 +1473,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
name: "四级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL4,
|
||||
stack: Stack4,
|
||||
itemStyle: { color: this.state.level4Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1455,7 +1493,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
);
|
||||
}
|
||||
};
|
||||
chart23 = (Data, Title) => {
|
||||
chart23 = (Data, Title, Stack1, Stack2, Stack3, Stack4) => {
|
||||
let chart23s = document.getElementById("chart23");
|
||||
if (chart23s) {
|
||||
let myChart = echarts.init(chart23s);
|
||||
@ -1494,6 +1532,13 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
{
|
||||
type: "category",
|
||||
data: Data.NAME,
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: 30,
|
||||
formatter: function (value) {
|
||||
return value
|
||||
}
|
||||
}
|
||||
},
|
||||
],
|
||||
yAxis: [
|
||||
@ -1506,6 +1551,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
name: "一级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL1,
|
||||
stack: Stack1,
|
||||
itemStyle: { color: this.state.level1Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1518,11 +1564,13 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
},
|
||||
},
|
||||
},
|
||||
barWidth: 30
|
||||
},
|
||||
{
|
||||
name: "二级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL2,
|
||||
stack: Stack2,
|
||||
itemStyle: { color: this.state.level2Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1540,6 +1588,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
name: "三级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL3,
|
||||
stack: Stack3,
|
||||
itemStyle: { color: this.state.level3Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1557,6 +1606,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
name: "四级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL4,
|
||||
stack: Stack4,
|
||||
itemStyle: { color: this.state.level4Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1576,7 +1626,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
);
|
||||
}
|
||||
};
|
||||
chart24 = (Data, Title) => {
|
||||
chart24 = (Data, Title, Stack1, Stack2, Stack3, Stack4) => {
|
||||
let chart24s = document.getElementById("chart24");
|
||||
if (chart24s) {
|
||||
let myChart = echarts.init(chart24s);
|
||||
@ -1615,6 +1665,13 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
{
|
||||
type: "category",
|
||||
data: Data.NAME,
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: 30,
|
||||
formatter: function (value) {
|
||||
return value
|
||||
}
|
||||
}
|
||||
},
|
||||
],
|
||||
yAxis: [
|
||||
@ -1627,6 +1684,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
name: "一级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL1,
|
||||
stack: Stack1,
|
||||
itemStyle: { color: this.state.level1Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1639,11 +1697,13 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
},
|
||||
},
|
||||
},
|
||||
barWidth: 30
|
||||
},
|
||||
{
|
||||
name: "二级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL2,
|
||||
stack: Stack2,
|
||||
itemStyle: { color: this.state.level2Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1661,6 +1721,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
name: "三级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL3,
|
||||
stack: Stack3,
|
||||
itemStyle: { color: this.state.level3Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1678,6 +1739,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
name: "四级",
|
||||
type: "bar",
|
||||
data: Data.LEVEL4,
|
||||
stack: Stack4,
|
||||
itemStyle: { color: this.state.level4Color },
|
||||
label: {
|
||||
normal: {
|
||||
@ -1738,7 +1800,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
data: Data.NAME,
|
||||
axisLabel: {
|
||||
interval: 0,
|
||||
rotate: 40,
|
||||
rotate: 20,
|
||||
formatter: function (value) {
|
||||
return value
|
||||
}
|
||||
@ -1756,6 +1818,8 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
type: "bar",
|
||||
data: Data.LEVEL1,
|
||||
itemStyle: { color: this.state.level1Color },
|
||||
stack: "总量",
|
||||
barWidth: 30,
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
@ -1773,6 +1837,8 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
type: "bar",
|
||||
data: Data.LEVEL2,
|
||||
itemStyle: { color: this.state.level2Color },
|
||||
stack: "总量",
|
||||
barWidth: 30,
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
@ -1790,6 +1856,8 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
type: "bar",
|
||||
data: Data.LEVEL3,
|
||||
itemStyle: { color: this.state.level3Color },
|
||||
stack: "总量",
|
||||
barWidth: 30,
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
@ -1807,6 +1875,8 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
type: "bar",
|
||||
data: Data.LEVEL4,
|
||||
itemStyle: { color: this.state.level4Color },
|
||||
stack: "总量",
|
||||
barWidth: 30,
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
@ -1839,40 +1909,40 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
this.setState({ isShow2: true })
|
||||
} else if (formCode == "风险类别2") {
|
||||
titleTemp += "风险类别";
|
||||
this.chart21(this.state.ret.Data.CHARTLIST[1], "选矿厂");
|
||||
this.chart22(this.state.ret.Data.CHARTLIST[1], "尾矿库");
|
||||
this.chart23(this.state.ret.Data.CHARTLIST[1], "露天矿");
|
||||
this.chart24(this.state.ret.Data.CHARTLIST[1], "职能部门");
|
||||
this.chart21(this.state.ret.Data.RISKTYPELIST[0], "露天矿", "1", "1", "1", "1");
|
||||
this.chart22(this.state.ret.Data.RISKTYPELIST[1], "选矿厂", "1", "1", "1", "1");
|
||||
this.chart23(this.state.ret.Data.RISKTYPELIST[2], "尾矿库", "1", "1", "1", "1");
|
||||
this.chart24(this.state.ret.Data.RISKTYPELIST[3], "职能部门", "1", "1", "1", "1");
|
||||
this.setState({ isShow1: true })
|
||||
}
|
||||
else if (formCode == "生产单元") {
|
||||
this.setState({ isShow1: true })
|
||||
titleTemp += "生产单元";
|
||||
this.chart21(this.state.ret.Data.CHARTLIST[3], "选矿厂");
|
||||
this.chart22(this.state.ret.Data.CHARTLIST[3], "尾矿库");
|
||||
this.chart23(this.state.ret.Data.CHARTLIST[3], "露天矿");
|
||||
this.chart24(this.state.ret.Data.CHARTLIST[3], "职能部门");
|
||||
this.chart21(this.state.ret.Data.CHARTLIST[3], "露天矿", "1", "2", "3", "4");
|
||||
this.chart22(this.state.ret.Data.CHARTLIST[3], "选矿厂", "1", "2", "3", "4");
|
||||
this.chart23(this.state.ret.Data.CHARTLIST[3], "尾矿库", "1", "2", "3", "4");
|
||||
this.chart24(this.state.ret.Data.CHARTLIST[3], "职能部门", "1", "2", "3", "4");
|
||||
} else if (formCode == "层级") {
|
||||
this.setState({ isShow1: true })
|
||||
titleTemp += "层级";
|
||||
this.chart21(this.state.ret.Data.CHARTLIST[0], "公司");
|
||||
this.chart22(this.state.ret.Data.CHARTLIST[0], "部门");
|
||||
this.chart23(this.state.ret.Data.CHARTLIST[0], "车间");
|
||||
this.chart24(this.state.ret.Data.CHARTLIST[0], "班组");
|
||||
this.chart21(this.state.ret.Data.CHARTLIST[0], "公司", "1", "2", "3", "4");
|
||||
this.chart22(this.state.ret.Data.CHARTLIST[0], "部门", "1", "2", "3", "4");
|
||||
this.chart23(this.state.ret.Data.CHARTLIST[0], "车间", "1", "2", "3", "4");
|
||||
this.chart24(this.state.ret.Data.CHARTLIST[0], "班组", "1", "2", "3", "4");
|
||||
} else if (formCode == "责任单位") {
|
||||
this.setState({ isShow1: true })
|
||||
titleTemp += "责任单位";
|
||||
this.chart21(this.state.ret.Data.CHARTLIST[0], "公司");
|
||||
this.chart22(this.state.ret.Data.CHARTLIST[0], "部门");
|
||||
this.chart23(this.state.ret.Data.CHARTLIST[0], "车间");
|
||||
this.chart24(this.state.ret.Data.CHARTLIST[0], "班组");
|
||||
this.chart21(this.state.ret.Data.TEAMLIST[0], "露天矿", "1", "1", "1", "1");
|
||||
this.chart22(this.state.ret.Data.TEAMLIST[1], "选矿厂", "1", "1", "1", "1");
|
||||
this.chart23(this.state.ret.Data.TEAMLIST[2], "尾矿库", "1", "1", "1", "1");
|
||||
this.chart24(this.state.ret.Data.TEAMLIST[3], "职能部门", "1", "1", "1", "1");
|
||||
} else if (formCode == "区域") {
|
||||
this.setState({ isShow1: true })
|
||||
titleTemp += "区域";
|
||||
this.chart21(this.state.ret.Data.CHARTLIST[0], "公司");
|
||||
this.chart22(this.state.ret.Data.CHARTLIST[0], "部门");
|
||||
this.chart23(this.state.ret.Data.CHARTLIST[0], "车间");
|
||||
this.chart24(this.state.ret.Data.CHARTLIST[0], "班组");
|
||||
this.chart21(this.state.ret.Data.AREALIST[0], "露天矿", "1", "1", "1", "1");
|
||||
this.chart22(this.state.ret.Data.AREALIST[1], "选矿厂", "1", "1", "1", "1");
|
||||
this.chart23(this.state.ret.Data.AREALIST[2], "尾矿库", "1", "1", "1", "1");
|
||||
this.chart24(this.state.ret.Data.AREALIST[3], "职能部门", "1", "1", "1", "1");
|
||||
}
|
||||
|
||||
const newtmpData = {
|
||||
@ -1963,7 +2033,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
<div className="home-always-title">
|
||||
<div className="home-always-left">
|
||||
<div className="home-always-badge"></div>
|
||||
<div className="home-always-name">（动态4个层级 公司 部门。。）风险等级</div>
|
||||
<div className="home-always-name">风险等级</div>
|
||||
</div>
|
||||
</div>
|
||||
<div id="chartFXDJ1" style={{ width: "45%", height: "330px", float: "left" }}></div>
|
||||
@ -2062,7 +2132,7 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
<div className="home-always-badge"></div>
|
||||
<div className="home-always-name">风险类别</div>
|
||||
</div>
|
||||
<div type="primary" onClick={() => this.showDetailModal("风险类别1")}>
|
||||
<div onClick={() => this.showDetailModal("风险类别2")}>
|
||||
<IconFont
|
||||
type="icon-24gl-expand2"
|
||||
className="home-always-icon"
|
||||
@ -2074,13 +2144,13 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
</div>
|
||||
</Col>
|
||||
<Col span={1}></Col>
|
||||
<Col span={10} 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>
|
||||
<div onClick={() => this.showDetailModal("风险类别2")}>
|
||||
<div type="primary" onClick={() => this.showDetailModal("风险类别1")}>
|
||||
<IconFont
|
||||
type="icon-24gl-expand2"
|
||||
className="home-always-icon"
|
||||
@ -2088,9 +2158,9 @@ class BI014RiskPerformanceModel extends React.Component {
|
||||
</div>
|
||||
</div>
|
||||
<div className="risk-chart" style={{ height: "330px" }}>
|
||||
<div id="chartFXLB2" style={{ width: "100%", flex: 1 }}></div>
|
||||
<div id="chartFXLB3" style={{ width: "100%", flex: 1 }}></div>
|
||||
</div>
|
||||
</Col>
|
||||
</Col> */}
|
||||
<Col span={1}></Col>
|
||||
</Row>
|
||||
<br />
|
||||
|
||||
Loading…
Reference in New Issue
Block a user