安全生产标准化运行情况
This commit is contained in:
parent
7c1747053d
commit
bc4a0b1a30
@ -372,12 +372,13 @@ class BI006FormRunAnalysis extends React.Component {
|
||||
legend: {
|
||||
// data: ['部门'],
|
||||
data: ["完成率", "及时完成率"],
|
||||
bottom: "10px",
|
||||
top: "3%",
|
||||
},
|
||||
grid: {
|
||||
left: "3%",
|
||||
right: "4%",
|
||||
top: "3%",
|
||||
top: "15%",
|
||||
bottom: "5%",
|
||||
containLabel: true,
|
||||
},
|
||||
toolbox: {
|
||||
@ -387,48 +388,127 @@ class BI006FormRunAnalysis extends React.Component {
|
||||
},
|
||||
xAxis: {
|
||||
type: "category",
|
||||
boundaryGap: false,
|
||||
boundaryGap: false, //坐标轴两边留白
|
||||
data: month,
|
||||
axisLine: {
|
||||
show: false,
|
||||
// lineStyle: {
|
||||
// color: 'rgba(192, 192, 102)'
|
||||
// }
|
||||
axisLabel: {
|
||||
//坐标轴刻度标签的相关设置。
|
||||
interval: 0, //设置为 1，表示『隔一个标签显示一个标签』
|
||||
// margin:15,
|
||||
textStyle: {
|
||||
color: "#1B253A",
|
||||
fontStyle: "normal",
|
||||
fontFamily: "微软雅黑",
|
||||
fontSize: 12,
|
||||
},
|
||||
|
||||
//rotate:50,
|
||||
},
|
||||
axisTick: {
|
||||
//坐标轴刻度相关设置。
|
||||
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: {
|
||||
color: "#000",
|
||||
rotate: 40,
|
||||
formatter: function (value) {
|
||||
// 自定义文字超出部分 ...
|
||||
if (value.length > 10) {
|
||||
return `${value.slice(0, 10)}...`;
|
||||
}
|
||||
return value;
|
||||
textStyle: {
|
||||
color: "#a8aab0",
|
||||
fontStyle: "normal",
|
||||
fontFamily: "微软雅黑",
|
||||
fontSize: 12,
|
||||
},
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
axisLabel: {
|
||||
formatter: function (val) {
|
||||
return val + "%";
|
||||
},
|
||||
},
|
||||
axisLine: {
|
||||
show: false,
|
||||
},
|
||||
axisTick: {
|
||||
show: false,
|
||||
},
|
||||
splitLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: "#E5E9ED",
|
||||
// opacity:0.1
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: "完成率",
|
||||
type: "line",
|
||||
color: "#4b9bf3",
|
||||
// color: "#4b9bf3",
|
||||
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: "及时完成率",
|
||||
type: "line",
|
||||
color: "#FCD149",
|
||||
// color: "#FCD149",
|
||||
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: {
|
||||
// data: ['部门'],
|
||||
data: ["完成率", "及时完成率"],
|
||||
bottom: "10px",
|
||||
top: "3%",
|
||||
},
|
||||
grid: {
|
||||
left: "3%",
|
||||
right: "4%",
|
||||
top: "3%",
|
||||
top: "15%",
|
||||
bottom: "5%",
|
||||
containLabel: true,
|
||||
},
|
||||
toolbox: {
|
||||
@ -501,48 +582,127 @@ class BI006FormRunAnalysis extends React.Component {
|
||||
},
|
||||
xAxis: {
|
||||
type: "category",
|
||||
boundaryGap: false,
|
||||
boundaryGap: false, //坐标轴两边留白
|
||||
data: month,
|
||||
axisLine: {
|
||||
show: false,
|
||||
// lineStyle: {
|
||||
// color: 'rgba(192, 192, 102)'
|
||||
// }
|
||||
axisLabel: {
|
||||
//坐标轴刻度标签的相关设置。
|
||||
interval: 0, //设置为 1，表示『隔一个标签显示一个标签』
|
||||
// margin:15,
|
||||
textStyle: {
|
||||
color: "#1B253A",
|
||||
fontStyle: "normal",
|
||||
fontFamily: "微软雅黑",
|
||||
fontSize: 12,
|
||||
},
|
||||
|
||||
//rotate:50,
|
||||
},
|
||||
axisTick: {
|
||||
//坐标轴刻度相关设置。
|
||||
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: {
|
||||
color: "#000",
|
||||
rotate: 40,
|
||||
formatter: function (value) {
|
||||
// 自定义文字超出部分 ...
|
||||
if (value.length > 10) {
|
||||
return `${value.slice(0, 10)}...`;
|
||||
}
|
||||
return value;
|
||||
textStyle: {
|
||||
color: "#a8aab0",
|
||||
fontStyle: "normal",
|
||||
fontFamily: "微软雅黑",
|
||||
fontSize: 12,
|
||||
},
|
||||
},
|
||||
},
|
||||
yAxis: {
|
||||
axisLabel: {
|
||||
formatter: function (val) {
|
||||
return val + "%";
|
||||
},
|
||||
},
|
||||
axisLine: {
|
||||
show: false,
|
||||
},
|
||||
axisTick: {
|
||||
show: false,
|
||||
},
|
||||
splitLine: {
|
||||
show: true,
|
||||
lineStyle: {
|
||||
color: "#E5E9ED",
|
||||
// opacity:0.1
|
||||
},
|
||||
},
|
||||
},
|
||||
],
|
||||
series: [
|
||||
{
|
||||
name: "完成率",
|
||||
type: "line",
|
||||
color: "#4b9bf3",
|
||||
// color: "#4b9bf3",
|
||||
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: "及时完成率",
|
||||
type: "line",
|
||||
color: "#FCD149",
|
||||
// color: "#FCD149",
|
||||
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",
|
||||
}}
|
||||
></hr>
|
||||
<Row style={{ marginTop: "10px" }}>
|
||||
<Col span={24}>
|
||||
<h2 style={{ textAlign: "center", fontWeight: "bold" }}>
|
||||
<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
|
||||
@ -1166,28 +1339,27 @@ class BI006FormRunAnalysis extends React.Component {
|
||||
// marginLeft: "50px",
|
||||
// marginRight: "30px",
|
||||
backgroundColor: "white",
|
||||
borderStyle: "solid",
|
||||
borderColor: "#ccc",
|
||||
borderWidth: "1px",
|
||||
}}
|
||||
></div>
|
||||
</Col>
|
||||
</Row>
|
||||
<Row style={{ marginTop: "10px" }}>
|
||||
<Row style={{ margin: "20px 50px 0px 50px" }}>
|
||||
<Col span={24}>
|
||||
<h2
|
||||
style={{
|
||||
textAlign: "left",
|
||||
textAlign: "center",
|
||||
fontWeight: "bold",
|
||||
marginLeft: "30px",
|
||||
// marginLeft: "30px",
|
||||
marginBottom: "20px",
|
||||
}}
|
||||
>
|
||||
<Icon type="appstore" /> 部门统计分析
|
||||
{/* <Icon type="appstore" /> */}
|
||||
部门统计分析
|
||||
</h2>
|
||||
<Table
|
||||
style={{
|
||||
width: "1100px",
|
||||
marginLeft: "30px",
|
||||
// marginLeft: "30px",
|
||||
textAlign: "center",
|
||||
}}
|
||||
// scroll={{ y: 400 }}
|
||||
@ -1206,7 +1378,65 @@ class BI006FormRunAnalysis extends React.Component {
|
||||
marginTop: "20px",
|
||||
}}
|
||||
></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}>
|
||||
<h2
|
||||
style={{
|
||||
@ -1248,7 +1478,7 @@ class BI006FormRunAnalysis extends React.Component {
|
||||
}}
|
||||
></div>
|
||||
</Col>
|
||||
</Row>
|
||||
</Row> */}
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
|
||||
@ -151,10 +151,6 @@ class BI051BSCompanyYear extends React.Component {
|
||||
}
|
||||
});
|
||||
// COUNTTOTAL
|
||||
console.log(
|
||||
data.listSafeCheckYear[data.listSafeCheckYear.length - 1],
|
||||
"data.listSafeCheckYeardata.listSafeCheckYear"
|
||||
);
|
||||
var colorList = [
|
||||
"#47A2FF ",
|
||||
"#53C8D1",
|
||||
|
||||
Loading…
Reference in New Issue
Block a user