风险管理统计分析、安全教育与培训统计分析报表 假数据

This commit is contained in:
yunkexin 2024-04-29 10:20:20 +08:00
parent f61a16911b
commit 72bd40787b
2 changed files with 443 additions and 46 deletions

View File

@ -63,14 +63,359 @@ class BI008RiskAnalysis extends React.Component {
getBaseInfoData = () => { getBaseInfoData = () => {
const json2 = initFilter(this.props.login.OrgId); const json2 = initFilter(this.props.login.OrgId);
extendOrder(json2, "CREATE_TIME", 1); extendOrder(json2, "CREATE_TIME", 1);
this.props.dispatch({ // this.props.dispatch({
type: "app/getDataByPost", // type: "app/getDataByPost",
url: "BI/BIController/getRiskData", // url: "BI/BIController/getRiskData",
payload: json2, // payload: json2,
onlyData: false, // onlyData: false,
onComplete: (ret) => { // onComplete: (ret) => {
if (ret) { // if (ret) {
this.state.retData = ret?.Data.RISKLEVELCOUNTS; // console.log(ret);
let ret = {
IsSuccessful: true,
Data: {
RISKLEVELCOUNTS: [
{
NAME: "选矿部",
LEVEL1: 0,
LEVEL2: 82,
LEVEL3: 311,
LEVEL4: 1834,
},
{
NAME: "矿山部",
LEVEL1: 0,
LEVEL2: 0,
LEVEL3: 70,
LEVEL4: 378,
},
{
NAME: "生产一班",
LEVEL1: 0,
LEVEL2: 0,
LEVEL3: 0,
LEVEL4: 0,
},
{
NAME: "机电设备管理办公室",
LEVEL1: 0,
LEVEL2: 0,
LEVEL3: 0,
LEVEL4: 0,
},
{
NAME: "财务部",
LEVEL1: 0,
LEVEL2: 0,
LEVEL3: 0,
LEVEL4: 0,
},
{
NAME: "办公室",
LEVEL1: 0,
LEVEL2: 0,
LEVEL3: 0,
LEVEL4: 0,
},
{
NAME: "非金属资源部筹备组",
LEVEL1: 0,
LEVEL2: 0,
LEVEL3: 0,
LEVEL4: 0,
},
{
NAME: "企业管理部",
LEVEL1: 0,
LEVEL2: 0,
LEVEL3: 0,
LEVEL4: 0,
},
{
NAME: "技术管理部",
LEVEL1: 0,
LEVEL2: 0,
LEVEL3: 0,
LEVEL4: 0,
},
{
NAME: "营销部",
LEVEL1: 0,
LEVEL2: 0,
LEVEL3: 0,
LEVEL4: 0,
},
],
AREACOUNTS: [
{
AREANAME: "破碎车间-粗碎单元",
AREACOUNT: 1,
AREATYPE: 1,
},
{
AREANAME: "综合回收车间-精多金属仓库单元",
AREACOUNT: 2,
AREATYPE: 1,
},
{
AREANAME: "磨重车间-脱泥单元",
AREACOUNT: 3,
AREATYPE: 1,
},
{
AREANAME: "食堂",
AREACOUNT: 3,
AREATYPE: 0,
},
{
AREANAME: "综合回收车间-精矿烘干单元",
AREACOUNT: 4,
AREATYPE: 1,
},
{
AREANAME: "尾矿库截渗池回水单元",
AREACOUNT: 4,
AREATYPE: 1,
},
{
AREANAME: "破碎车间-辊磨单元",
AREACOUNT: 6,
AREATYPE: 1,
},
{
AREANAME: "磨重车间-中矿再磨单元",
AREACOUNT: 9,
AREATYPE: 1,
},
{
AREANAME: "磨重车间-粗粒选别单元",
AREACOUNT: 9,
AREATYPE: 1,
},
{
AREANAME: "加油站-采场",
AREACOUNT: 11,
AREATYPE: 0,
},
{
AREANAME: "尾矿库截洪单元",
AREACOUNT: 19,
AREATYPE: 1,
},
{
AREANAME: "采场道路",
AREACOUNT: 20,
AREATYPE: 0,
},
{
AREANAME: "破碎车间-放矿运输单元",
AREACOUNT: 21,
AREATYPE: 1,
},
{
AREANAME: "卢家边回水单元",
AREACOUNT: 22,
AREATYPE: 1,
},
{
AREANAME: "钨细泥回收车间-回水单元",
AREACOUNT: 22,
AREATYPE: 1,
},
{
AREANAME: "综合回收车间-硫化矿综合回收单元",
AREACOUNT: 23,
AREATYPE: 1,
},
{
AREANAME: "磨重车间-细粒选别单元",
AREACOUNT: 27,
AREATYPE: 1,
},
{
AREANAME: "尾矿库库区",
AREACOUNT: 31,
AREATYPE: 1,
},
{
AREANAME: "磨重车间-磨矿分级单元",
AREACOUNT: 32,
AREATYPE: 1,
},
{
AREANAME: "截渗池回水单元",
AREACOUNT: 32,
AREATYPE: 1,
},
{
AREANAME: "加油站",
AREACOUNT: 34,
AREATYPE: 0,
},
{
AREANAME: "钨细泥回收车间-取砂单元",
AREACOUNT: 38,
AREATYPE: 1,
},
{
AREANAME: "采场-排土场",
AREACOUNT: 39,
AREATYPE: 0,
},
{
AREANAME: "综合回收车间",
AREACOUNT: 40,
AREATYPE: 1,
},
{
AREANAME: "磨重车间-给料单元",
AREACOUNT: 42,
AREATYPE: 1,
},
{
AREANAME: "排土场",
AREACOUNT: 45,
AREATYPE: 0,
},
{
AREANAME: "尾矿库库内回水单元",
AREACOUNT: 50,
AREATYPE: 1,
},
{
AREANAME: "维修场",
AREACOUNT: 52,
AREATYPE: 0,
},
{
AREANAME: "炸药库区",
AREACOUNT: 55,
AREATYPE: 0,
},
{
AREANAME: "尾矿库库坝单元",
AREACOUNT: 55,
AREATYPE: 1,
},
{
AREANAME: "钨细泥回收车间-配药单元",
AREACOUNT: 62,
AREATYPE: 1,
},
{
AREANAME: "钨细泥回收车间-排尾单元",
AREACOUNT: 71,
AREATYPE: 1,
},
{
AREANAME: "钨细泥回收车间-脱硫单元",
AREACOUNT: 79,
AREATYPE: 1,
},
{
AREANAME: "磨矿变配电区",
AREACOUNT: 86,
AREATYPE: 1,
},
{
AREANAME: "磨重车间-机修房",
AREACOUNT: 90,
AREATYPE: 1,
},
{
AREANAME: "钨细泥回收车间-浓密机单元",
AREACOUNT: 90,
AREATYPE: 1,
},
{
AREANAME: "钨细泥回收车间-脱泥单元",
AREACOUNT: 153,
AREATYPE: 1,
},
{
AREANAME: "破碎车间",
AREACOUNT: 164,
AREATYPE: 1,
},
{
AREANAME: "磨重车间",
AREACOUNT: 174,
AREATYPE: 1,
},
{
AREANAME: "钨细泥回收车间-低钨回收单元",
AREACOUNT: 180,
AREATYPE: 1,
},
{
AREANAME: "采场",
AREACOUNT: 189,
AREATYPE: 0,
},
{
AREANAME: "机电设备科作业区",
AREACOUNT: 257,
AREATYPE: 1,
},
{
AREANAME: "配电单元",
AREACOUNT: 368,
AREATYPE: 1,
},
],
DATECOUNTS: [
{
DATE: "2024-01-31 23:59:59",
COUNT: 2714,
TYPE: 0,
},
{
DATE: "2024-01-31 23:59:59",
COUNT: 50,
TYPE: 1,
},
{
DATE: "2024-02-29 23:59:59",
COUNT: 2714,
TYPE: 0,
},
{
DATE: "2024-02-29 23:59:59",
COUNT: 50,
TYPE: 1,
},
{
DATE: "2024-03-31 23:59:59",
COUNT: 2714,
TYPE: 0,
},
{
DATE: "2024-03-31 23:59:59",
COUNT: 50,
TYPE: 1,
},
{
DATE: "2024-04-30 23:59:59",
COUNT: 2714,
TYPE: 0,
},
{
DATE: "2024-04-30 23:59:59",
COUNT: 51,
TYPE: 1,
},
],
RISKTOTALCOUNT: 2714,
HAZARDTOTALCOUNT: 51,
MEASURESTOTALCOUNT: 653,
},
TotalCount: 0,
MessageType: 0,
};
// this.state.retData = ret?.Data.RISKLEVELCOUNTS;
this.setState({
retData:ret.Data.RISKLEVELCOUNTS
})
let level1all = 0; let level1all = 0;
let level2all = 0; let level2all = 0;
let level3all = 0; let level3all = 0;
@ -88,7 +433,7 @@ class BI008RiskAnalysis extends React.Component {
this.state.HAZARDTOTALCOUNT = ret.Data.HAZARDTOTALCOUNT; this.state.HAZARDTOTALCOUNT = ret.Data.HAZARDTOTALCOUNT;
this.state.RISKTOTALCOUNT = ret.Data.RISKTOTALCOUNT; this.state.RISKTOTALCOUNT = ret.Data.RISKTOTALCOUNT;
this.state.MEASURESTOTALCOUNT = ret.Data.MEASURESTOTALCOUNT; this.state.MEASURESTOTALCOUNT = ret.Data.MEASURESTOTALCOUNT;
} // }
this.chart1(); this.chart1();
this.chart2( this.chart2(
ret?.Data.AREACOUNTS.filter((t) => t.AREATYPE == 0).slice(0, 10) ret?.Data.AREACOUNTS.filter((t) => t.AREATYPE == 0).slice(0, 10)
@ -97,8 +442,8 @@ class BI008RiskAnalysis extends React.Component {
ret?.Data.AREACOUNTS.filter((t) => t.AREATYPE == 1).slice(0, 10) ret?.Data.AREACOUNTS.filter((t) => t.AREATYPE == 1).slice(0, 10)
); );
this.chart4(ret?.Data.DATECOUNTS); this.chart4(ret?.Data.DATECOUNTS);
}, // },
}); // });
}; };
chart1 = () => { chart1 = () => {
let showData = [ let showData = [
@ -113,7 +458,11 @@ class BI008RiskAnalysis extends React.Component {
color: ["#c92a2a", "#ffa94d", "#ffe066", "#4285F4", "#fa8a89"], color: ["#c92a2a", "#ffa94d", "#ffe066", "#4285F4", "#fa8a89"],
title: [ title: [
{ {
text:this.state.LEVEL1TOTAL+this.state.LEVEL2TOTAL+this.state.LEVEL3TOTAL+this.state.LEVEL4TOTAL , text:
this.state.LEVEL1TOTAL +
this.state.LEVEL2TOTAL +
this.state.LEVEL3TOTAL +
this.state.LEVEL4TOTAL,
x: "24%", x: "24%",
y: "40%", y: "40%",
textStyle: { textStyle: {
@ -709,7 +1058,7 @@ class BI008RiskAnalysis extends React.Component {
alignItems: "center", alignItems: "center",
justifyContent: "space-around", justifyContent: "space-around",
border: "1px #888 solid", border: "1px #888 solid",
padding: "8px 0px" padding: "8px 0px",
}} }}
> >
<div <div
@ -799,9 +1148,7 @@ class BI008RiskAnalysis extends React.Component {
<Row gutter={10} style={{ marginTop: "14px" }}> <Row gutter={10} style={{ marginTop: "14px" }}>
<Col span={1}></Col> <Col span={1}></Col>
<Col span={22}> <Col span={22}>
<div <div style={{ border: "1px solid rgb(232,232,232)" }}>
style={{ border: "1px solid rgb(232,232,232)" }}
>
<div id="chart4" style={{ width: "100%", height: "350px" }}></div> <div id="chart4" style={{ width: "100%", height: "350px" }}></div>
</div> </div>
</Col> </Col>
@ -815,18 +1162,18 @@ class BI008RiskAnalysis extends React.Component {
></hr> */} ></hr> */}
<Row gutter={10} style={{ marginTop: "24px" }}> <Row gutter={10} style={{ marginTop: "24px" }}>
<Col span={1}></Col> <Col span={1}></Col>
<Col span={11} style={{borderRight:'1px solid #e7e6e4'}}> <Col span={11} style={{ borderRight: "1px solid #e7e6e4" }}>
<div <div
// className="dashboard-div-style" // className="dashboard-div-style"
// style={{ border: "1px gray dotted" }} // style={{ border: "1px gray dotted" }}
> >
<div id="chart2" style={{ width: "100%", height: "400px" }}></div> <div id="chart2" style={{ width: "100%", height: "400px" }}></div>
</div> </div>
</Col> </Col>
<Col span={11}> <Col span={11}>
<div <div
// className="dashboard-div-style" // className="dashboard-div-style"
// style={{ border: "1px gray dotted" }} // style={{ border: "1px gray dotted" }}
> >
<div id="chart3" style={{ width: "100%", height: "400px" }}></div> <div id="chart3" style={{ width: "100%", height: "400px" }}></div>
</div> </div>

View File

@ -94,29 +94,79 @@ class TrainSafeAnalysis extends React.Component {
this.loadData(this.state.searchMonth); this.loadData(this.state.searchMonth);
} }
loadData = (startTime) => { loadData = (startTime) => {
const json = initFilter(this.props.login.OrgId); // const json = initFilter(this.props.login.OrgId);
this.state.showLoading = true; // this.state.showLoading = true;
json.Parameter1 = startTime; // json.Parameter1 = startTime;
this.props.dispatch({ // this.props.dispatch({
type: "app/getDataByPost", // type: "app/getDataByPost",
url: "BI/BIController/getSafeTrainData", // url: "BI/BIController/getSafeTrainData",
payload: json, // payload: json,
onlyData: false, // onlyData: false,
onComplete: (ret) => { // onComplete: (ret) => {
if (ret) { // if (ret) {
this.state.showLoading = false; let ret = {
this.state.NUM1 = ret.Data.NUM1; IsSuccessful: true,
this.state.NUM2 = ret.Data.NUM2; Data: {
this.state.NUM3 = ret.Data.NUM3; NUM1: 1,
this.state.NUM4 = ret.Data.NUM4; NUM2: 94,
this.state.NUM5 = ret.Data.NUM5; NUM3: 42,
this.state.NUM6 = ret.Data.NUM6; NUM4: 13,
this.state.NUM7 = ret.Data.NUM7; NUM5: 14,
this.state.retData = ret.Data.trainRecords; NUM6: 15,
this.chart1(ret.Data.dateCountModel); NUM7: 539,
} trainRecords: [],
dateCountModel: [
{
DATE: "2024-01-01 00:00:00",
COUNT: 44,
TYPE: 0,
},
{
DATE: "2024-02-01 00:00:00",
COUNT: 50,
TYPE: 0,
},
{
DATE: "2024-03-01 00:00:00",
COUNT: 0,
TYPE: 0,
},
{
DATE: "2024-04-01 00:00:00",
COUNT: 0,
TYPE: 0,
},
],
}, },
}); TotalCount: 0,
MessageType: 0,
};
this.setState(
{
showLoading: false,
NUM1: ret.Data.NUM1,
NUM2: ret.Data.NUM2,
NUM3: ret.Data.NUM3,
NUM4: ret.Data.NUM4,
NUM5: ret.Data.NUM5,
NUM6: ret.Data.NUM6,
NUM7: ret.Data.NUM7,
retData: ret.Data.trainRecords,
}
);
// this.state.showLoading = false;
// this.state.NUM1 = ret.Data.NUM1;
// this.state.NUM2 = ret.Data.NUM2;
// this.state.NUM3 = ret.Data.NUM3;
// this.state.NUM4 = ret.Data.NUM4;
// this.state.NUM5 = ret.Data.NUM5;
// this.state.NUM6 = ret.Data.NUM6;
// this.state.NUM7 = ret.Data.NUM7;
// this.state.retData = ret.Data.trainRecords;
this.chart1(ret.Data.dateCountModel);
// }
// },
// });
}; };
chart1 = (ret) => { chart1 = (ret) => {
this.state.recordNums = []; this.state.recordNums = [];
@ -398,7 +448,7 @@ class TrainSafeAnalysis extends React.Component {
style={{ style={{
// borderRadius: "10px", // borderRadius: "10px",
backgroundColor: "white", backgroundColor: "white",
border: "1px solid rgb(232,232,232)" border: "1px solid rgb(232,232,232)",
// boxShadow: "0px 0px 10px rgba(0,0,0,.15)", // boxShadow: "0px 0px 10px rgba(0,0,0,.15)",
}} }}
> >
@ -418,8 +468,8 @@ class TrainSafeAnalysis extends React.Component {
<Col span={1}></Col> <Col span={1}></Col>
<Col span={22} style={{ height: "100%" }}> <Col span={22} style={{ height: "100%" }}>
<div <div
// className="dashboard-div-style" // className="dashboard-div-style"
// style={{ boxShadow: "0px 0px 10px rgba(0,0,0,.15)" }} // style={{ boxShadow: "0px 0px 10px rgba(0,0,0,.15)" }}
> >
<Table <Table
dataSource={this.state.retData} dataSource={this.state.retData}