This commit is contained in:
wjn 2024-04-03 17:30:21 +08:00
commit 81978ff082
10 changed files with 1871 additions and 1257 deletions

View File

@ -192,6 +192,7 @@ class BI001HomeDetail extends React.Component {
{ {
title: "车间", title: "车间",
dataIndex: "shopName", dataIndex: "shopName",
onCell: () => this.renderSpeedColumn(),
render: (value, record, index) => { render: (value, record, index) => {
const obj = { const obj = {
children: value, children: value,

File diff suppressed because it is too large Load Diff

View File

@ -36,9 +36,27 @@ class BI013RiskAnalysisModel extends React.Component {
} else { } else {
currentMineType = localStorage.getItem("currentMineType"); currentMineType = localStorage.getItem("currentMineType");
} }
this.getBaseInfoData(currentMineType); // this.getBaseInfoData(currentMineType);
this.getBaseData();
} }
getBaseData = () => {
this.setState({
LEVEL1TOTAL: 0,
LEVEL2TOTAL: 82,
LEVEL3TOTAL: 381,
LEVEL4TOTAL: 2212,
HAZARDTOTALCOUNT: 50,
RISKTOTALCOUNT: 2714,
MEASURESTOTALCOUNT: 653,
},()=>{
this.chart1();
this.chart2();
this.chart4();
});
};
//获取数据 //获取数据
getBaseInfoData = (mineType) => { getBaseInfoData = (mineType) => {
const json2 = initFilter(this.props.login.OrgId); const json2 = initFilter(this.props.login.OrgId);
@ -71,6 +89,7 @@ class BI013RiskAnalysisModel extends React.Component {
RISKTOTALCOUNT: ret.Data.RISKTOTALCOUNT, RISKTOTALCOUNT: ret.Data.RISKTOTALCOUNT,
MEASURESTOTALCOUNT: ret.Data.MEASURESTOTALCOUNT, MEASURESTOTALCOUNT: ret.Data.MEASURESTOTALCOUNT,
}); });
// this.state.LEVEL1TOTAL = level1all; // this.state.LEVEL1TOTAL = level1all;
// this.state.LEVEL2TOTAL = level2all; // this.state.LEVEL2TOTAL = level2all;
// this.state.LEVEL3TOTAL = level3all; // this.state.LEVEL3TOTAL = level3all;
@ -108,7 +127,8 @@ class BI013RiskAnalysisModel extends React.Component {
let chart1s = document.getElementById("chartone"); let chart1s = document.getElementById("chartone");
let myChart = echarts.init(chart1s); let myChart = echarts.init(chart1s);
myChart.setOption({ myChart.setOption(
{
color: color, color: color,
title: [ title: [
{ {
@ -192,19 +212,45 @@ class BI013RiskAnalysisModel extends React.Component {
data: showData, data: showData,
}, },
], ],
}, true); },
true
);
}; };
chart2 = (data) => { chart2 = (data) => {
let areaName = []; let areaName = [
let areaCount = []; "破碎车间-粗碎单元",
data.forEach((item) => { "综合回收车间-精多金属仓库单元",
areaName.push(item.AREANAME); "磨重车间-脱泥单元",
areaCount.push(item.AREACOUNT); "食堂",
}); "综合回收车间-精矿烘干单元",
"尾矿库截渗池回水单元",
"破碎车间-辊磨单元",
"磨重车间-中矿再磨单元",
"磨重车间-粗粒选别单元",
"加油站-采场",
"尾矿库截洪单元",
"采场道路",
"破碎车间-放矿运输单元",
"卢家边回水单元",
"钨细泥回收车间-回水单元",
"综合回收车间-硫化矿综合回收单元",
"磨重车间-细粒选别单元",
"尾矿库库区",
"磨重车间-磨矿分级单元",
"截渗池回水单元",
];
let areaCount = [
1, 2, 3, 3, 4, 4, 6, 9, 9, 11, 19, 20, 21, 22, 22, 23, 27, 31, 32, 32,
];
// data.forEach((item) => {
// areaName.push(item.AREANAME);
// areaCount.push(item.AREACOUNT);
// });
let chart2s = document.getElementById("chart2"); let chart2s = document.getElementById("chart2");
if (chart2s) { if (chart2s) {
let myChart = echarts.init(chart2s); let myChart = echarts.init(chart2s);
myChart.setOption({ myChart.setOption(
{
title: { title: {
text: "风险区域统计", text: "风险区域统计",
left: "center", left: "center",
@ -327,32 +373,48 @@ class BI013RiskAnalysisModel extends React.Component {
show: false, show: false,
}, },
], ],
}, true); },
true
);
} }
}; };
chart4 = (data) => { chart4 = (data) => {
let riskArr = []; let riskArr = [2714, 2714, 2714, 2714];
let hazardArr = []; let hazardArr = [50, 50, 50, 50];
let dates = []; let dates = [
for (let i = 0; i < data.length; i++) { "2024/01",
if (data[i].TYPE == 0) { "2024/02",
riskArr.push(data[i].COUNT); "2024/03",
dates.push(moment(data[i].DATE).format("YYYY/MM")); "2024/04",
} else { "2024/05",
hazardArr.push(data[i].COUNT); "2024/06",
} "2024/07",
} "2024/08",
let currMonth = dates.length; "2024/09",
for (let i = 1; i < 13 - currMonth; i++) { "2024/10",
dates.push( "2024/11",
moment(dates[dates.length]).add(i, "months").format("YYYY/MM") "2024/12",
); ];
} // for (let i = 0; i < data.length; i++) {
// if (data[i].TYPE == 0) {
// riskArr.push(data[i].COUNT);
// dates.push(moment(data[i].DATE).format("YYYY/MM"));
// } else {
// hazardArr.push(data[i].COUNT);
// }
// }
// let currMonth = dates.length;
// for (let i = 1; i < 13 - currMonth; i++) {
// dates.push(
// moment(dates[dates.length]).add(i, "months").format("YYYY/MM")
// );
// }
let chart4s = document.getElementById("chart4"); let chart4s = document.getElementById("chart4");
if (chart4s) { if (chart4s) {
let myChart = echarts.init(chart4s); let myChart = echarts.init(chart4s);
myChart.setOption({ myChart.setOption(
{
color: ["#72b85b", "#f6841a", "#cc0404"], color: ["#72b85b", "#f6841a", "#cc0404"],
grid: { grid: {
left: "5%", left: "5%",
@ -396,7 +458,9 @@ class BI013RiskAnalysisModel extends React.Component {
smooth: true, smooth: true,
}, },
], ],
}, true); },
true
);
} }
}; };
render() { render() {
@ -539,7 +603,10 @@ class BI013RiskAnalysisModel extends React.Component {
// className="dashboard-div-style" // className="dashboard-div-style"
style={{ border: "1px solid rgb(232,232,232)" }} style={{ border: "1px solid rgb(232,232,232)" }}
> >
<div id="chartone" style={{ width: "100%", height: "430px" }}></div> <div
id="chartone"
style={{ width: "100%", height: "430px" }}
></div>
</div> </div>
</Col> </Col>
<Col span={10} style={{ height: "430px" }}> <Col span={10} style={{ height: "430px" }}>
@ -568,7 +635,7 @@ class BI013RiskAnalysisModel 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
@ -658,9 +725,7 @@ class BI013RiskAnalysisModel extends React.Component {
<Row gutter={10} style={{ marginTop: "20px" }}> <Row gutter={10} style={{ marginTop: "20px" }}>
<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>

View File

@ -151,10 +151,6 @@ class BI051BSCompanyYear extends React.Component {
} }
}); });
// COUNTTOTAL // COUNTTOTAL
console.log(
data.listSafeCheckYear[data.listSafeCheckYear.length - 1],
"data.listSafeCheckYeardata.listSafeCheckYear"
);
var colorList = [ var colorList = [
"#47A2FF ", "#47A2FF ",
"#53C8D1", "#53C8D1",

View File

@ -72,17 +72,16 @@ class BI054HomeDetail extends React.Component {
Parent: { Parent: {
DepartmentName: "穿爆车间", DepartmentName: "穿爆车间",
RowCount: 2, RowCount: 2,
listCount: [51, 751, 0, 0, 0], listCount: [51, 751, 0, 0],
}, },
Percent: 0, Percent: 0,
RowCount: 1, RowCount: 1,
listCount: [0, 350, 0, 0, 0], listCount: [0, 350, 0, 0],
listName: [ listName: [
"巡回检查", "巡回检查",
"例行检查", "例行检查",
"专业检查", "专业检查",
"综合检查", "综合检查",
"综合检查",
], ],
}, },
{ {
@ -92,17 +91,16 @@ class BI054HomeDetail extends React.Component {
Parent: { Parent: {
DepartmentName: "穿爆车间", DepartmentName: "穿爆车间",
RowCount: 2, RowCount: 2,
listCount: [51, 751, 0, 0, 0], listCount: [51, 751, 0, 0],
}, },
Percent: 0, Percent: 0,
RowCount: 1, RowCount: 1,
listCount: [0, 350, 0, 0, 0], listCount: [0, 350, 0, 0],
listName: [ listName: [
"巡回检查", "巡回检查",
"例行检查", "例行检查",
"专业检查", "专业检查",
"综合检查", "综合检查",
"综合检查",
], ],
}, },
{ {
@ -114,17 +112,16 @@ class BI054HomeDetail extends React.Component {
Parent: { Parent: {
DepartmentName: "生产技术科", DepartmentName: "生产技术科",
RowCount: 1, RowCount: 1,
listCount: [51, 522, 0, 0, 0], listCount: [51, 522, 0, 0],
}, },
Percent: 0, Percent: 0,
RowCount: 1, RowCount: 1,
listCount: [0, 349, 0, 0, 0], listCount: [0, 349, 0, 0],
listName: [ listName: [
"巡回检查", "巡回检查",
"例行检查", "例行检查",
"专业检查", "专业检查",
"综合检查", "综合检查",
"综合检查",
], ],
}, },
{ {
@ -134,17 +131,16 @@ class BI054HomeDetail extends React.Component {
Parent: { Parent: {
DepartmentName: "综合组", DepartmentName: "综合组",
RowCount: 1, RowCount: 1,
listCount: [0, 349, 0, 0, 0], listCount: [0, 349, 0, 0],
}, },
Percent: 0, Percent: 0,
RowCount: 1, RowCount: 1,
listCount: [0, 349, 0, 0, 0], listCount: [0, 349, 0, 0],
listName: [ listName: [
"巡回检查", "巡回检查",
"例行检查", "例行检查",
"专业检查", "专业检查",
"综合检查", "综合检查",
"综合检查",
], ],
}, },
{ {
@ -154,17 +150,16 @@ class BI054HomeDetail extends React.Component {
Parent: { Parent: {
DepartmentName: "试验化验室", DepartmentName: "试验化验室",
RowCount: 2, RowCount: 2,
listCount: [0, 0, 0, 0, 0], listCount: [0, 0, 0, 0],
}, },
Percent: 0, Percent: 0,
RowCount: 1, RowCount: 1,
listCount: [0, 0, 0, 0, 0], listCount: [0, 0, 0, 0],
listName: [ listName: [
"巡回检查", "巡回检查",
"例行检查", "例行检查",
"专业检查", "专业检查",
"综合检查", "综合检查",
"综合检查",
], ],
}, },
{ {
@ -176,17 +171,16 @@ class BI054HomeDetail extends React.Component {
Parent: { Parent: {
DepartmentName: "试验化验室", DepartmentName: "试验化验室",
RowCount: 2, RowCount: 2,
listCount: [0, 0, 0, 0, 0], listCount: [0, 0, 0, 0],
}, },
Percent: 0, Percent: 0,
RowCount: 1, RowCount: 1,
listCount:[0, 0, 0, 0, 0], listCount:[0, 0, 0, 0],
listName: [ listName: [
"巡回检查", "巡回检查",
"例行检查", "例行检查",
"专业检查", "专业检查",
"综合检查", "综合检查",
"综合检查",
], ],
}, },
{ {
@ -198,17 +192,16 @@ class BI054HomeDetail extends React.Component {
Parent: { Parent: {
DepartmentName: "金宇宁化分公司", DepartmentName: "金宇宁化分公司",
RowCount: 4, RowCount: 4,
listCount: [51, 1452, 0, 0, 0], listCount: [51, 1452, 0, 0],
}, },
Percent: 0, Percent: 0,
RowCount: 1, RowCount: 1,
listCount: [0, 351, 0, 0, 0], listCount: [0, 351, 0, 0],
listName: [ listName: [
"巡回检查", "巡回检查",
"例行检查", "例行检查",
"专业检查", "专业检查",
"综合检查", "综合检查",
"综合检查",
], ],
}, },
{ {
@ -220,17 +213,16 @@ class BI054HomeDetail extends React.Component {
Parent: { Parent: {
DepartmentName: "金宇宁化分公司", DepartmentName: "金宇宁化分公司",
RowCount: 4, RowCount: 4,
listCount: [51, 1452, 0, 0, 0], listCount: [51, 1452, 0, 0],
}, },
Percent: 0, Percent: 0,
RowCount: 1, RowCount: 1,
listCount: [0, 350, 0, 0, 0], listCount: [0, 350, 0, 0],
listName: [ listName: [
"巡回检查", "巡回检查",
"例行检查", "例行检查",
"专业检查", "专业检查",
"综合检查", "综合检查",
"综合检查",
], ],
}, },
{ {
@ -242,17 +234,16 @@ class BI054HomeDetail extends React.Component {
Parent: { Parent: {
DepartmentName: "金宇宁化分公司", DepartmentName: "金宇宁化分公司",
RowCount: 4, RowCount: 4,
listCount: [51, 1452, 0, 0, 0], listCount: [51, 1452, 0, 0],
}, },
Percent: 0, Percent: 0,
RowCount: 1, RowCount: 1,
listCount: [0, 350, 0, 0, 0], listCount: [0, 350, 0, 0],
listName: [ listName: [
"巡回检查", "巡回检查",
"例行检查", "例行检查",
"专业检查", "专业检查",
"综合检查", "综合检查",
"综合检查",
], ],
}, },
{ {
@ -264,17 +255,16 @@ class BI054HomeDetail extends React.Component {
Parent: { Parent: {
DepartmentName: "金宇宁化分公司", DepartmentName: "金宇宁化分公司",
RowCount: 4, RowCount: 4,
listCount: [51, 1452, 0, 0, 0], listCount: [51, 1452, 0, 0],
}, },
Percent: 0, Percent: 0,
RowCount: 1, RowCount: 1,
listCount: [0, 350, 0, 0, 0], listCount: [0, 350, 0, 0],
listName: [ listName: [
"巡回检查", "巡回检查",
"例行检查", "例行检查",
"专业检查", "专业检查",
"综合检查", "综合检查",
"综合检查",
], ],
}, },
{ {
@ -286,17 +276,16 @@ class BI054HomeDetail extends React.Component {
Parent: { Parent: {
DepartmentName: "安环科", DepartmentName: "安环科",
RowCount: 1, RowCount: 1,
listCount: [52, 400, 2, 1, 1], listCount: [52, 400, 2, 1],
}, },
Percent: 0, Percent: 0,
RowCount: 1, RowCount: 1,
listCount: [0, 349, 0, 0, 0], listCount: [0, 349, 0, 0],
listName: [ listName: [
"巡回检查", "巡回检查",
"例行检查", "例行检查",
"专业检查", "专业检查",
"综合检查", "综合检查",
"综合检查",
], ],
}, },
@ -585,7 +574,6 @@ class BI054HomeDetail extends React.Component {
[317, 330, 316, 330, 292, 286, 299, 286, 295, 299, 223, 201], [317, 330, 316, 330, 292, 286, 299, 286, 295, 299, 223, 201],
[0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0], [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
[0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0],
]; ];
for (let i = 0; i < 12; i++) { for (let i = 0; i < 12; i++) {
xData.unshift(getSixMonth(-i, "-", "")); xData.unshift(getSixMonth(-i, "-", ""));
@ -595,7 +583,6 @@ class BI054HomeDetail extends React.Component {
"例行检查", "例行检查",
"专业检查", "专业检查",
"综合检查", "综合检查",
"综合检查",
]; ];
// data.map((item) => { // data.map((item) => {
// if (item.MONTH>9){ // if (item.MONTH>9){

View File

@ -621,9 +621,9 @@ class BI055HomeDetail extends React.Component {
"100.00", "100.00",
], ],
]; ];
let sourceName = [ let sourceName =
["按时整改隐患", "超期整改隐患", "未整改隐患", "隐患整改率"], ["按时整改隐患", "超期整改隐患", "未整改隐患", "隐患整改率"];
];
// if (this.state.ListC) { // if (this.state.ListC) {
// this.state.ListC.map((item) => { // this.state.ListC.map((item) => {
// let name = item.NAME.split(","); // let name = item.NAME.split(",");
@ -673,8 +673,8 @@ class BI055HomeDetail extends React.Component {
}, },
}, },
grid: { grid: {
left: "10%", left: "5%",
// right: "10%", right: "5%",
bottom: "15%", bottom: "15%",
top: "5%", top: "5%",
containLabel: true, containLabel: true,

View File

@ -390,9 +390,10 @@ function Header(props) {
: "header__left-slogan" : "header__left-slogan"
}`} }`}
> >
矿山安全生产标准化系统 安全管理系统
<span style={{ color: "#c99d03" }}>SMS</span> <span style={{ color: "#c99d03" }}>SMS</span>
{baseConfig.SYS_NAME}{" "} {/* {baseConfig.SYS_NAME}{" "} */}
-宁化行洛坑
</span> </span>
)} )}
</div> </div>

View File

@ -232,7 +232,9 @@ const Sider = (props) => {
: "sider__shortMenuShowoverca-overc" : "sider__shortMenuShowoverca-overc"
} }
></Icon> ></Icon>
<div className="sider__shortMenuShowoverca-title">{menu.Node.NAME}</div> <div className="sider__shortMenuShowoverca-title">
{menu.Node.NAME}
</div>
</div> </div>
); );
})} })}
@ -242,7 +244,8 @@ const Sider = (props) => {
className="sider__shortMenuShowovercae" className="sider__shortMenuShowovercae"
onClick={() => { onClick={() => {
setMenuShow(!MenuShow); setMenuShow(!MenuShow);
if(mainSilder == 1){ //禁止mainsilder为1--首页状态 if (mainSilder == 1) {
//禁止mainsilder为1--首页状态
setMainSilder(2); setMainSilder(2);
} }
// if (MenuShow) { // if (MenuShow) {
@ -252,10 +255,18 @@ const Sider = (props) => {
// } // }
}} }}
> >
{MenuShow == true ? (
<Icon <Icon
type="import" type="import"
className="sider__shortMenuShowoverca-overcd" className="sider__shortMenuShowoverca-overcd"
></Icon> ></Icon>
) : (
<Icon
type="import"
className="sider__shortMenuShowoverca-overcd"
 style={{transform:'scaleX(-1)'}}
></Icon>
)}
</div> </div>
</div> </div>
</div> </div>
@ -354,8 +365,6 @@ const Sider = (props) => {
); );
})} })}
</div> </div>
</div> </div>
); );
})} })}

View File

@ -10,7 +10,7 @@ import {
extendRule, extendRule,
extend, extend,
extendOrder, extendOrder,
getSixMonth getSixMonth,
} from "../utils/common"; } from "../utils/common";
import "./home.less"; import "./home.less";
// 组件库 // 组件库
@ -197,35 +197,35 @@ class Home extends React.Component {
}, },
completeName: [ completeName: [
{ {
name: "张森友", name: "运输二班",
value: 100, value: 100,
}, },
{ {
name: "李友军", name: "综合班组",
value: 99, value: 99,
}, },
{ {
name: "洪虎林", name: "生产班",
value: 97, value: 97,
}, },
{ {
name: "李彦斌", name: "维修班组",
value: 95, value: 95,
}, },
{ {
name: "王志文", name: "民爆储存库班组",
value: 93, value: 93,
}, },
{ {
name: "黄海林", name: "爆破班组",
value: 90, value: 90,
}, },
{ {
name: "赵无极", name: "运输一班",
value: 67, value: 67,
}, },
{ {
name: "林佑君", name: "金宇现场",
value: 43, value: 43,
}, },
], ],
@ -1214,7 +1214,7 @@ class Home extends React.Component {
}; };
ExpandCancel = () => {}; ExpandCancel = () => {};
showDetailModal = (formCode) => { showDetailModal = (formCode) => {
var titleTemp ='' var titleTemp = "";
if (formCode == "BI054_HOMEDETAIL") { if (formCode == "BI054_HOMEDETAIL") {
titleTemp += "安全检查次数统计近12月"; titleTemp += "安全检查次数统计近12月";
@ -2114,12 +2114,13 @@ class Home extends React.Component {
style={{ style={{
flex: 1, flex: 1,
height: "100%", height: "100%",
padding: "15px 20px 15px 50px", padding: "15px 40px 15px 40px",
}} }}
> >
{this.state.completeName.map((item, index) => { {this.state.completeName.map((item, index) => {
return ( return (
<div className="home-rank"> <div className="home-rank">
<div className="home-ranks">
{index == 0 ? ( {index == 0 ? (
<img <img
src={require("./../assets/home/4-1.png")} src={require("./../assets/home/4-1.png")}
@ -2143,10 +2144,12 @@ class Home extends React.Component {
)} )}
<div className="home-rank-name">{item.name}</div> <div className="home-rank-name">{item.name}</div>
</div>
<Progress <Progress
percent={item.value} percent={item.value}
status="active" status="active"
style={{ width: "50%" }} style={{ width: "48%" }}
></Progress> ></Progress>
</div> </div>
); );

View File

@ -1,10 +1,32 @@
/* 工作台调整样式 */ /* 工作台调整样式 */
:global(.redTableCell) {
background: #e6f7ff;
}
:global(.redTableCell):hover {
background: #e6f7ff !important;
}
:global(.bi001-table) {
:global(
.ant-table-tbody
> tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
> td
) {
background: #fff;
}
}
:global(.bi001-table) {
:global(.ant-table-row:hover) {
:global(.redTableCell) {
background: #e6f7ff !important;
}
}
}
:global(.home-rate) { :global(.home-rate) {
width: calc(50% - 10px); width: calc(50% - 10px);
height: 100%; height: 100%;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
min-Width: "220px", min-width: "220px";
} }
:global(.home-userInfo-tabs) { :global(.home-userInfo-tabs) {
background-color: #eefff8; background-color: #eefff8;
@ -130,11 +152,18 @@
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
margin-bottom: 10px; margin-bottom: 10px;
justify-content: space-between;
}
:global(.home-ranks) {
display: flex;
flex-direction: row;
align-items: center;
} }
:global(.home-rank-index) { :global(.home-rank-index) {
width: 30px; width: 30px;
height: 30px; height: 30px;
margin-right: 40px; margin-right: 30px;
color: #eac088; color: #eac088;
font-size: 12px; font-size: 12px;
display: flex; display: flex;
@ -151,7 +180,7 @@
object-fit: contain; object-fit: contain;
width: 30px; width: 30px;
height: 30px; height: 30px;
margin-right: 40px; margin-right: 30px;
} }
:global(.home-rank > .ant-progress .ant-progress-text) { :global(.home-rank > .ant-progress .ant-progress-text) {
margin-left: 30px; margin-left: 30px;
@ -375,5 +404,4 @@ flex-direction: column;
color: #fff; color: #fff;
} }
:global() { :global() {
} }