ccy/mh-sms-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

安全生产标准化运行情况

Browse Source
This commit is contained in:
yunkexin 2024-04-03 10:36:04 +08:00
parent 7c1747053d
commit bc4a0b1a30
2 changed files with 291 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

344
src/components/CustomPages/BI/BI006FormRunAnalysis.js
View File

@ -372,12 +372,13 @@ class BI006FormRunAnalysis extends React.Component {
legend: { legend: {
// data: ['部门'], // data: ['部门'],
data: ["完成率", "及时完成率"], data: ["完成率", "及时完成率"],
bottom: "10px", top: "3%",
}, },
grid: { grid: {
left: "3%", left: "3%",
right: "4%", right: "4%",
top: "3%", top: "15%",
bottom: "5%",
containLabel: true, containLabel: true,
}, },
toolbox: { toolbox: {
@ -387,48 +388,127 @@ class BI006FormRunAnalysis extends React.Component {
}, },
xAxis: { xAxis: {
type: "category", type: "category",
boundaryGap: false, boundaryGap: false, //坐标轴两边留白
data: month, data: month,
axisLine: { axisLabel: {
show: false, //坐标轴刻度标签的相关设置。
// lineStyle: { interval: 0, //设置为 1，表示『隔一个标签显示一个标签』
// color: 'rgba(192, 192, 102)' // margin:15,
// } textStyle: {
color: "#1B253A",
fontStyle: "normal",
fontFamily: "微软雅黑",
fontSize: 12,
},
//rotate:50,
}, },
axisTick: { axisTick: {
//坐标轴刻度相关设置。
show: false, show: false,
}, },
axisLine: {
//坐标轴轴线相关设置
lineStyle: {
color: "#E5E9ED",
// opacity:0.2
},
},
splitLine: {
//坐标轴在 grid 区域中的分隔线。
show: true,
lineStyle: {
color: "#E5E9ED",
// opacity:0.1
},
},
},
yAxis: [
{
type: "value",
splitNumber: 5,
axisLabel: { axisLabel: {
color: "#000", textStyle: {
rotate: 40, color: "#a8aab0",
formatter: function (value) { fontStyle: "normal",
// 自定义文字超出部分 ... fontFamily: "微软雅黑",
if (value.length > 10) { fontSize: 12,
return `${value.slice(0, 10)}...`;
}
return value;
}, },
},
},
yAxis: {
axisLabel: {
formatter: function (val) { formatter: function (val) {
return val + "%"; return val + "%";
}, },
}, },
axisLine: {
show: false,
}, },
axisTick: {
show: false,
},
splitLine: {
show: true,
lineStyle: {
color: "#E5E9ED",
// opacity:0.1
},
},
},
],
series: [ series: [
{ {
name: "完成率", name: "完成率",
type: "line", type: "line",
color: "#4b9bf3", // color: "#4b9bf3",
data: company, data: company,
smooth: true,
itemStyle: {
normal: {
color: "#3A84FF",
lineStyle: {
color: "#3A84FF",
width: 1,
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0,
color: "rgba(58,132,255,0)",
},
{
offset: 1,
color: "rgba(58,132,255,0.35)",
},
]),
},
},
},
}, },
{ {
name: "及时完成率", name: "及时完成率",
type: "line", type: "line",
color: "#FCD149", // color: "#FCD149",
data: department, data: department,
smooth: true,
itemStyle: {
normal: {
color: "#ff99ad",
lineStyle: {
color: "#ff99ad",
width: 1,
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0,
color: "rgba(250,80,113,0)",
},
{
offset: 1,
color: "rgba(250,80,113,0.35)",
},
]),
},
},
},
}, },
], ],
}); });
@ -486,12 +566,13 @@ class BI006FormRunAnalysis extends React.Component {
legend: { legend: {
// data: ['部门'], // data: ['部门'],
data: ["完成率", "及时完成率"], data: ["完成率", "及时完成率"],
bottom: "10px", top: "3%",
}, },
grid: { grid: {
left: "3%", left: "3%",
right: "4%", right: "4%",
top: "3%", top: "15%",
bottom: "5%",
containLabel: true, containLabel: true,
}, },
toolbox: { toolbox: {
@ -501,48 +582,127 @@ class BI006FormRunAnalysis extends React.Component {
}, },
xAxis: { xAxis: {
type: "category", type: "category",
boundaryGap: false, boundaryGap: false, //坐标轴两边留白
data: month, data: month,
axisLine: { axisLabel: {
show: false, //坐标轴刻度标签的相关设置。
// lineStyle: { interval: 0, //设置为 1，表示『隔一个标签显示一个标签』
// color: 'rgba(192, 192, 102)' // margin:15,
// } textStyle: {
color: "#1B253A",
fontStyle: "normal",
fontFamily: "微软雅黑",
fontSize: 12,
},
//rotate:50,
}, },
axisTick: { axisTick: {
//坐标轴刻度相关设置。
show: false, show: false,
}, },
axisLine: {
//坐标轴轴线相关设置
lineStyle: {
color: "#E5E9ED",
// opacity:0.2
},
},
splitLine: {
//坐标轴在 grid 区域中的分隔线。
show: true,
lineStyle: {
color: "#E5E9ED",
// opacity:0.1
},
},
},
yAxis: [
{
type: "value",
splitNumber: 5,
axisLabel: { axisLabel: {
color: "#000", textStyle: {
rotate: 40, color: "#a8aab0",
formatter: function (value) { fontStyle: "normal",
// 自定义文字超出部分 ... fontFamily: "微软雅黑",
if (value.length > 10) { fontSize: 12,
return `${value.slice(0, 10)}...`;
}
return value;
}, },
},
},
yAxis: {
axisLabel: {
formatter: function (val) { formatter: function (val) {
return val + "%"; return val + "%";
}, },
}, },
axisLine: {
show: false,
}, },
axisTick: {
show: false,
},
splitLine: {
show: true,
lineStyle: {
color: "#E5E9ED",
// opacity:0.1
},
},
},
],
series: [ series: [
{ {
name: "完成率", name: "完成率",
type: "line", type: "line",
color: "#4b9bf3", // color: "#4b9bf3",
data: company, data: company,
smooth: true,
itemStyle: {
normal: {
color: "#3A84FF",
lineStyle: {
color: "#3A84FF",
width: 1,
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0,
color: "rgba(58,132,255,0)",
},
{
offset: 1,
color: "rgba(58,132,255,0.35)",
},
]),
},
},
},
}, },
{ {
name: "及时完成率", name: "及时完成率",
type: "line", type: "line",
color: "#FCD149", // color: "#FCD149",
data: department, data: department,
smooth: true,
itemStyle: {
normal: {
color: "#ff99ad",
lineStyle: {
color: "#ff99ad",
width: 1,
},
areaStyle: {
color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [
{
offset: 0,
color: "rgba(250,80,113,0)",
},
{
offset: 1,
color: "rgba(250,80,113,0.35)",
},
]),
},
},
},
}, },
], ],
}); });
@ -1154,9 +1314,22 @@ class BI006FormRunAnalysis extends React.Component {
marginTop: "20px", marginTop: "20px",
}} }}
></hr> ></hr>
<Row style={{ marginTop: "10px" }}> <Row style={{ margin: "10px 50px 0px 50px" }}>
<Col span={24}> <Col
<h2 style={{ textAlign: "center", fontWeight: "bold" }}> span={24}
style={{
borderStyle: "solid",
borderColor: "#E8E8E8",
borderWidth: "1px",
}}
>
<h2
style={{
textAlign: "center",
fontWeight: "bold",
marginTop: "20px",
}}
>
矿山部-安全生产标准化运行走势图 矿山部-安全生产标准化运行走势图
</h2> </h2>
<div <div
@ -1166,28 +1339,27 @@ class BI006FormRunAnalysis extends React.Component {
// marginLeft: "50px", // marginLeft: "50px",
// marginRight: "30px", // marginRight: "30px",
backgroundColor: "white", backgroundColor: "white",
borderStyle: "solid",
borderColor: "#ccc",
borderWidth: "1px",
}} }}
></div> ></div>
</Col> </Col>
</Row> </Row>
<Row style={{ marginTop: "10px" }}> <Row style={{ margin: "20px 50px 0px 50px" }}>
<Col span={24}> <Col span={24}>
<h2 <h2
style={{ style={{
textAlign: "left", textAlign: "center",
fontWeight: "bold", fontWeight: "bold",
marginLeft: "30px", // marginLeft: "30px",
marginBottom: "20px",
}} }}
> >
<Icon type="appstore" /> 部门统计分析 {/* <Icon type="appstore" /> */}
部门统计分析
</h2> </h2>
<Table <Table
style={{ style={{
width: "1100px", width: "1100px",
marginLeft: "30px", // marginLeft: "30px",
textAlign: "center", textAlign: "center",
}} }}
// scroll={{ y: 400 }} // scroll={{ y: 400 }}
@ -1206,7 +1378,65 @@ class BI006FormRunAnalysis extends React.Component {
marginTop: "20px", marginTop: "20px",
}} }}
></hr> ></hr>
<Row style={{ marginBottom: "10px" }}> <Row style={{ margin: "10px 50px 0px 50px" }}>
<Col
span={24}
style={{
borderStyle: "solid",
borderColor: "#E8E8E8",
borderWidth: "1px",
}}
>
<h2
style={{
textAlign: "center",
fontWeight: "bold",
marginTop: "20px",
}}
>
选矿部-安全生产标准化运行走势图
</h2>
<div
id="xkRun"
style={{
height: "350px",
// marginLeft: "50px",
// marginRight: "30px",
backgroundColor: "white",
}}
></div>
</Col>
</Row>
<Row style={{ margin: "20px 50px 50px 50px" }}>
<Col span={24}>
<h2
style={{
textAlign: "center",
fontWeight: "bold",
// marginLeft: "30px",
marginBottom: "20px",
}}
>
{/* <Icon type="appstore" /> */}
模块统计分析
</h2>
<Table
style={{
width: "1100px",
// marginLeft: "30px",
textAlign: "center",
}}
// scroll={{ y: 400 }}
dataSource={this.state.detailData}
columns={this.state.detailColumns}
pagination={false}
loading={false}
size="small"
/>
</Col>
</Row>
{/* <Row style={{ marginBottom: "10px" }}>
<Col span={12}> <Col span={12}>
<h2 <h2
style={{ style={{
@ -1248,7 +1478,7 @@ class BI006FormRunAnalysis extends React.Component {
}} }}
></div> ></div>
</Col> </Col>
</Row> </Row> */}
</div> </div>
</div> </div>
); );

4
src/components/CustomPages/BI/BI051BSCompanyYearOne.js
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",