安全生产标准化运行情况
This commit is contained in:
parent
7c1747053d
commit
bc4a0b1a30
@ -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,
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLine: {
|
||||||
color: "#000",
|
//坐标轴轴线相关设置
|
||||||
rotate: 40,
|
lineStyle: {
|
||||||
formatter: function (value) {
|
color: "#E5E9ED",
|
||||||
// 自定义文字超出部分 ...
|
// opacity:0.2
|
||||||
if (value.length > 10) {
|
},
|
||||||
return `${value.slice(0, 10)}...`;
|
},
|
||||||
}
|
splitLine: {
|
||||||
return value;
|
//坐标轴在 grid 区域中的分隔线。
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
color: "#E5E9ED",
|
||||||
|
// opacity:0.1
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: [
|
||||||
axisLabel: {
|
{
|
||||||
formatter: function (val) {
|
type: "value",
|
||||||
return val + "%";
|
splitNumber: 5,
|
||||||
|
axisLabel: {
|
||||||
|
textStyle: {
|
||||||
|
color: "#a8aab0",
|
||||||
|
fontStyle: "normal",
|
||||||
|
fontFamily: "微软雅黑",
|
||||||
|
fontSize: 12,
|
||||||
|
},
|
||||||
|
formatter: function (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,
|
||||||
},
|
},
|
||||||
axisLabel: {
|
axisLine: {
|
||||||
color: "#000",
|
//坐标轴轴线相关设置
|
||||||
rotate: 40,
|
lineStyle: {
|
||||||
formatter: function (value) {
|
color: "#E5E9ED",
|
||||||
// 自定义文字超出部分 ...
|
// opacity:0.2
|
||||||
if (value.length > 10) {
|
},
|
||||||
return `${value.slice(0, 10)}...`;
|
},
|
||||||
}
|
splitLine: {
|
||||||
return value;
|
//坐标轴在 grid 区域中的分隔线。
|
||||||
|
show: true,
|
||||||
|
lineStyle: {
|
||||||
|
color: "#E5E9ED",
|
||||||
|
// opacity:0.1
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
},
|
},
|
||||||
yAxis: {
|
yAxis: [
|
||||||
axisLabel: {
|
{
|
||||||
formatter: function (val) {
|
type: "value",
|
||||||
return val + "%";
|
splitNumber: 5,
|
||||||
|
axisLabel: {
|
||||||
|
textStyle: {
|
||||||
|
color: "#a8aab0",
|
||||||
|
fontStyle: "normal",
|
||||||
|
fontFamily: "微软雅黑",
|
||||||
|
fontSize: 12,
|
||||||
|
},
|
||||||
|
formatter: function (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>
|
||||||
);
|
);
|
||||||
|
|||||||
@ -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",
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user