2511 lines
86 KiB
JavaScript
2511 lines
86 KiB
JavaScript
import React from "react";
|
||
import { connect } from "dva";
|
||
import { initFilter, extendRule, extendOrder,getNearMonth } from "../../../utils/common";
|
||
import { ChartPieShow, ChartBarShow } from "../../../utils/commonEcharsShow";
|
||
import { Table, Button, Row, Col, Modal, Form, DatePicker, Icon ,Divider} from "antd";
|
||
import echarts from "echarts";
|
||
import styles from "../HI/StepForm1.css";
|
||
import moment from "moment";
|
||
import { T } from "antd/lib/upload/utils";
|
||
import FormPage from "../../FormPage";
|
||
|
||
class BI006FormRunAnalysisNew extends React.Component {
|
||
constructor(props) {
|
||
super(props);
|
||
this.state = {
|
||
visible: false,
|
||
noticeTitle: "",
|
||
tmpData: {},
|
||
tableKey: "1",
|
||
selectStartTime: moment(this.getStartDate(), "YYYY-MM-DD 00:00:00"),
|
||
selectEndTime: moment(this.getEndDate(), "YYYY-MM-DD 23:59:59"),
|
||
startTime: this.getDate(),
|
||
endTime: moment(new Date()).format("YYYYMMDD"),
|
||
timeType: 5,
|
||
totalCount: 0,
|
||
finishCount: 0,
|
||
overtimeCount: 0,
|
||
unfinishCount: 0,
|
||
dtotalCount: 0,
|
||
dfinishCount: 0,
|
||
dovertimeCount: 0,
|
||
dunfinishCount: 0,
|
||
drate: "0%",
|
||
dnormalRate: "0%",
|
||
weekColor: "black",
|
||
monthColor: "orange",
|
||
threeMonthColor: "black",
|
||
sixMonthColor: "black",
|
||
yearColor: "black",
|
||
retData: [],
|
||
groupData: [],
|
||
detailData: [],
|
||
newData: [],
|
||
detailDataH: [],
|
||
displayHr: "none",
|
||
displaydetail: "none",
|
||
columns: [
|
||
{
|
||
width: "100px",
|
||
title: "部门",
|
||
dataIndex: "DEPARTMENT_NAME",
|
||
key: "DEPARTMENT_NAME",
|
||
// render: (text, record) => (
|
||
// <span>
|
||
// <a onClick={() => this.showEditModal(record.DEPARTMENT_ID,record.DEPARTMENT_NAME)}>{record.DEPARTMENT_NAME}</a>
|
||
// </span>
|
||
// ),
|
||
},
|
||
{
|
||
width: "60px",
|
||
title: "总任务数",
|
||
dataIndex: "TOTAL_QTY",
|
||
key: "TOTAL_QTY",
|
||
},
|
||
{
|
||
width: "60px",
|
||
title: "正常已办",
|
||
dataIndex: "FINISH_QTY",
|
||
key: "FINISH_QTY",
|
||
},
|
||
{
|
||
width: "60px",
|
||
title: "超时已办",
|
||
dataIndex: "OVER_FINISH_QTY",
|
||
key: "OVER_FINISH_QTY",
|
||
},
|
||
{
|
||
width: "50px",
|
||
title: "未完成",
|
||
dataIndex: "UNFINISH_QTY",
|
||
key: "UNFINISH_QTY",
|
||
},
|
||
{
|
||
width: "50px",
|
||
title: "完成率",
|
||
dataIndex: "FINISH_RATE",
|
||
key: "FINISH_RATE",
|
||
},
|
||
{
|
||
width: "70px",
|
||
title: "及时完成率",
|
||
dataIndex: "NORMAL_FINISH_RATE",
|
||
key: "NORMAL_FINISH_RATE",
|
||
},
|
||
],
|
||
detailColumns: [
|
||
// {
|
||
// width: "55px",
|
||
// title: '序号',
|
||
// dataIndex: 'NUM',
|
||
// key: 'NUM',
|
||
// },
|
||
{
|
||
width: "100px",
|
||
title: "模块名称",
|
||
dataIndex: "MOUDLE_NAME",
|
||
key: "MOUDLE_NAME",
|
||
// render: (text, record) => (
|
||
// <span>
|
||
// <a onClick={() => this.showFormModal(record.MOUDLE_NAME)}>{record.MOUDLE_NAME}</a>
|
||
// </span>
|
||
// ),
|
||
},
|
||
{
|
||
width: "60px",
|
||
title: "总任务数",
|
||
dataIndex: "TOTAL_QTY",
|
||
key: "TOTAL_QTY",
|
||
},
|
||
{
|
||
width: "60px",
|
||
title: "正常已办",
|
||
dataIndex: "FINISH_QTY",
|
||
key: "FINISH_QTY",
|
||
},
|
||
{
|
||
width: "60px",
|
||
title: "超时已办",
|
||
dataIndex: "OVER_FINISH_QTY",
|
||
key: "OVER_FINISH_QTY",
|
||
},
|
||
{
|
||
width: "50px",
|
||
title: "未完成",
|
||
dataIndex: "UNFINISH_QTY",
|
||
key: "UNFINISH_QTY",
|
||
},
|
||
{
|
||
width: "50px",
|
||
title: "完成率",
|
||
dataIndex: "FINISH_RATE",
|
||
key: "FINISH_RATE",
|
||
},
|
||
{
|
||
width: "70px",
|
||
title: "及时完成率",
|
||
dataIndex: "NORMAL_FINISH_RATE",
|
||
key: "NORMAL_FINISH_RATE",
|
||
},
|
||
],
|
||
};
|
||
this.keyWord="";
|
||
this.keyWord2="";
|
||
}
|
||
getStartDate = () => {
|
||
let date = new Date();
|
||
let y = date.getFullYear();
|
||
let m = date.getMonth() + 1;
|
||
let d = date.getDate();
|
||
// 当前日期
|
||
let nowDate =
|
||
y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
|
||
let pastDate = moment(nowDate)
|
||
.add(-1, "month")
|
||
.format("YYYY-MM-DD 00:00:00");
|
||
return pastDate;
|
||
};
|
||
|
||
getEndDate = () => {
|
||
let date = new Date();
|
||
let y = date.getFullYear();
|
||
let m = date.getMonth() + 1;
|
||
let d = date.getDate();
|
||
// 当前日期
|
||
let nowDate =
|
||
y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
|
||
let pastDate = moment(nowDate).format("YYYY-MM-DD 23:59:59");
|
||
return pastDate;
|
||
};
|
||
componentDidMount() {
|
||
this.loadData();
|
||
}
|
||
showEditModal = (departmentId, departmentName) => {
|
||
const newtmpData = {
|
||
data: {
|
||
id: departmentId,
|
||
name: departmentName,
|
||
onCancel: this.handleCancel,
|
||
tableKey: this.state.tableKey,
|
||
homeReload: true,
|
||
},
|
||
formCode: "BI007_RUNANALYSIS",
|
||
};
|
||
this.setState(
|
||
{
|
||
id: departmentId,
|
||
name: departmentName,
|
||
noticeTitle: departmentName + "安全生产标准化运行情况",
|
||
tmpData: newtmpData,
|
||
currActivatedMenu: "",
|
||
},
|
||
() =>
|
||
this.setState({
|
||
visible: true,
|
||
})
|
||
);
|
||
};
|
||
showFormModal = (mouldName) => {
|
||
const newtmpData = {
|
||
data: {
|
||
name: mouldName,
|
||
onCancel: this.handleCancel,
|
||
tableKey: this.state.tableKey,
|
||
homeReload: true,
|
||
},
|
||
formCode: "BI008_RUNANALYSIS",
|
||
};
|
||
this.setState(
|
||
{
|
||
name: mouldName,
|
||
noticeTitle: mouldName + "安全生产标准化运行情况",
|
||
tmpData: newtmpData,
|
||
currActivatedMenu: "",
|
||
},
|
||
() =>
|
||
this.setState({
|
||
visible: true,
|
||
})
|
||
);
|
||
};
|
||
// showEditModal = (dataId, formCode, TaskID, title, taskCode) => {
|
||
|
||
// const newtmpData = {
|
||
// data: {
|
||
// id: dataId, TaskID: TaskID, onCancel: this.handleCancel, taskCode: taskCode, tableKey: this.state.tableKey,
|
||
// homeReload: true
|
||
// },
|
||
// formCode: formCode,
|
||
// }
|
||
// this.setState({
|
||
// noticeTitle: title,
|
||
// taskCode: taskCode,
|
||
// tmpData: newtmpData,
|
||
// currActivatedMenu: ''
|
||
// }, () => this.setState({
|
||
// visible: true
|
||
// }));
|
||
// }
|
||
|
||
getDate = (type) => {
|
||
let date = new Date();
|
||
let y = date.getFullYear();
|
||
let m = date.getMonth() + 1;
|
||
let d = date.getDate();
|
||
// 当前日期
|
||
let nowDate =
|
||
y + "-" + (m < 10 ? "0" + m : m) + "-" + (d < 10 ? "0" + d : d);
|
||
let pastDate = moment(nowDate).add(-1, "month").format("YYYYMMDD");
|
||
let weekColor = "black";
|
||
let monthColor = "orange";
|
||
let threeMonthColor = "black";
|
||
let sixMonthColor = "black";
|
||
let yearColor = "black";
|
||
let timeType = 5;
|
||
if (type === "Week") {
|
||
pastDate = moment(nowDate).add(-7, "d").format("YYYYMMDD");
|
||
weekColor = "orange";
|
||
monthColor = "black";
|
||
threeMonthColor = "black";
|
||
sixMonthColor = "black";
|
||
yearColor = "black";
|
||
timeType = 1;
|
||
}
|
||
if (type === "ThreeMonth") {
|
||
pastDate = moment(nowDate).add(-3, "month").format("YYYYMMDD");
|
||
weekColor = "black";
|
||
monthColor = "black";
|
||
threeMonthColor = "orange";
|
||
sixMonthColor = "black";
|
||
yearColor = "black";
|
||
timeType = 10;
|
||
}
|
||
if (type === "SixMonth") {
|
||
pastDate = moment(nowDate).add(-6, "month").format("YYYYMMDD");
|
||
weekColor = "black";
|
||
monthColor = "black";
|
||
threeMonthColor = "black";
|
||
sixMonthColor = "orange";
|
||
yearColor = "black";
|
||
timeType = 15;
|
||
}
|
||
if (type === "Year") {
|
||
pastDate = moment(nowDate).add(-1, "year").format("YYYYMMDD");
|
||
weekColor = "black";
|
||
monthColor = "black";
|
||
threeMonthColor = "black";
|
||
sixMonthColor = "black";
|
||
yearColor = "orange";
|
||
timeType = 20;
|
||
}
|
||
this.setState(
|
||
{
|
||
startTime: pastDate,
|
||
timeType: timeType,
|
||
weekColor: weekColor,
|
||
monthColor: monthColor,
|
||
threeMonthColor: threeMonthColor,
|
||
sixMonthColor: sixMonthColor,
|
||
yearColor: yearColor,
|
||
},
|
||
() => {
|
||
if (type) {
|
||
this.loadData();
|
||
}
|
||
}
|
||
);
|
||
return pastDate;
|
||
};
|
||
//加载数据赋值
|
||
loadData = () => {
|
||
this.ksRun();
|
||
this.xkRun();
|
||
this.getMould();
|
||
// this.getDepartment();
|
||
};
|
||
//矿山
|
||
ksRun = () => {
|
||
var orgId = this.props.login ? this.props.login.OrgId : "";
|
||
// let startTime=this.state.selectStartTime.format('YYYY-MM-01 00:00:00');
|
||
// let endTime=this.state.selectEndTime.format('YYYY-MM-01 00:00:00');
|
||
//默认最近一年
|
||
let startTime = moment(new Date())
|
||
.add(-11, "month")
|
||
.format("YYYY-MM-01 00:00:00");
|
||
let endTime = moment(new Date())
|
||
.add(1, "month")
|
||
.format("YYYY-MM-01 00:00:00");
|
||
this.keyWord="矿山部";
|
||
if(orgId === "d9871ba8-0eec-9e4a-bb87-7d5a540d8913")
|
||
{
|
||
this.keyWord="选矿一部"
|
||
}
|
||
let json = initFilter(orgId,this.keyWord, "", "", "", startTime, endTime);
|
||
extendOrder(json, "MONTH", 0);
|
||
// this.props.dispatch({
|
||
// type: "app/getDataByPost",
|
||
// url: "BI/BIStatiscialAnalysisController/GetEntities",
|
||
// payload: json,
|
||
// onlyData: false,
|
||
// onComplete: (data) => {
|
||
let data = {
|
||
"IsSuccessful": true,
|
||
"Data": [
|
||
{
|
||
"DEPARTMENT_ID": "7211ac05-8705-0aad-6ff0-8f46ee705d5c",
|
||
"DEPARTMENT_NAME": "矿山部",
|
||
"MONTH": "2024-02-01 00:00:00",
|
||
"MONTHStr": "2024年2月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "92",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "5f54b3f0-ce30-4463-a638-1df087460877",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "7211ac05-8705-0aad-6ff0-8f46ee705d5c",
|
||
"DEPARTMENT_NAME": "矿山部",
|
||
"MONTH": "2024-03-01 00:00:00",
|
||
"MONTHStr": "2024年3月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "93",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "8d8c42ad-afea-4618-80f6-e00ebfa8f65e",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "7211ac05-8705-0aad-6ff0-8f46ee705d5c",
|
||
"DEPARTMENT_NAME": "矿山部",
|
||
"MONTH": "2024-04-01 00:00:00",
|
||
"MONTHStr": "2024年4月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "94",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "96643bcb-f61b-4d9b-b4fb-e474a8364379",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "7211ac05-8705-0aad-6ff0-8f46ee705d5c",
|
||
"DEPARTMENT_NAME": "矿山部",
|
||
"MONTH": "2024-05-01 00:00:00",
|
||
"MONTHStr": "2024年5月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "95",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "5f480847-560b-4c1c-bc34-32a8eddf258e",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "7211ac05-8705-0aad-6ff0-8f46ee705d5c",
|
||
"DEPARTMENT_NAME": "矿山部",
|
||
"MONTH": "2024-06-01 00:00:00",
|
||
"MONTHStr": "2024年6月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "94",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "d1c3a030-8862-4ad7-9d9d-2522cc645b9d",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "7211ac05-8705-0aad-6ff0-8f46ee705d5c",
|
||
"DEPARTMENT_NAME": "矿山部",
|
||
"MONTH": "2024-07-01 00:00:00",
|
||
"MONTHStr": "2024年7月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "94",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "961217bb-3113-4072-bf87-d4761be0f1e9",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "7211ac05-8705-0aad-6ff0-8f46ee705d5c",
|
||
"DEPARTMENT_NAME": "矿山部",
|
||
"MONTH": "2024-08-01 00:00:00",
|
||
"MONTHStr": "2024年8月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "94",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "dda2ce3a-49ef-42af-9eb5-77931e59adaa",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "7211ac05-8705-0aad-6ff0-8f46ee705d5c",
|
||
"DEPARTMENT_NAME": "矿山部",
|
||
"MONTH": "2024-09-01 00:00:00",
|
||
"MONTHStr": "2024年9月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "93",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "4a7adc89-5ed7-4ba3-840d-4f4376a2b7c1",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "7211ac05-8705-0aad-6ff0-8f46ee705d5c",
|
||
"DEPARTMENT_NAME": "矿山部",
|
||
"MONTH": "2024-10-01 00:00:00",
|
||
"MONTHStr": "2024年10月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "93",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "65d150c7-e3e4-4098-8f93-b04d6f5c703a",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "7211ac05-8705-0aad-6ff0-8f46ee705d5c",
|
||
"DEPARTMENT_NAME": "矿山部",
|
||
"MONTH": "2024-11-01 00:00:00",
|
||
"MONTHStr": "2024年11月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "93",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "3b76474e-27d1-4c24-bf1c-576267aeec45",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "7211ac05-8705-0aad-6ff0-8f46ee705d5c",
|
||
"DEPARTMENT_NAME": "矿山部",
|
||
"MONTH": "2024-12-01 00:00:00",
|
||
"MONTHStr": "2024年12月",
|
||
"FINISH_RATE": "99",
|
||
"NORMAL_FINISH_RATE": "93",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "e561b974-82b4-49f0-bf36-7070e447a18c",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "7211ac05-8705-0aad-6ff0-8f46ee705d5c",
|
||
"DEPARTMENT_NAME": "矿山部",
|
||
"MONTH": "2025-01-01 00:00:00",
|
||
"MONTHStr": "2025年1月",
|
||
"FINISH_RATE": "97",
|
||
"NORMAL_FINISH_RATE": "91",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "87a3f357-6ab6-4700-8cea-b8e30638ab3a",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
}
|
||
],
|
||
"TotalCount": 0,
|
||
"MessageType": 0
|
||
}
|
||
if (data && data.IsSuccessful) {
|
||
let month = [];
|
||
let company = [];
|
||
let department = [];
|
||
data.Data.forEach((item) => {
|
||
month.push(item.MONTHStr);
|
||
company.push(item.FINISH_RATE);
|
||
department.push(item.NORMAL_FINISH_RATE);
|
||
});
|
||
let datess = getNearMonth('year').reverse()
|
||
let myChart = echarts.init(document.getElementById("ksRun"));
|
||
myChart.setOption({
|
||
// title: {
|
||
// text: "矿山部-安全生产标准化运行走势图",
|
||
// left: 'center'
|
||
// },
|
||
tooltip: {
|
||
trigger: "axis",
|
||
// formatter: function (params) {
|
||
// let temp=''
|
||
// params.forEach(t=>{
|
||
// temp=temp+t.seriesName +":"+t.value+"%"+'<br />';
|
||
|
||
// })
|
||
// return temp;
|
||
// }
|
||
},
|
||
legend: {
|
||
// data: ['部门'],
|
||
data: ["完成率", "及时完成率"],
|
||
top: "3%",
|
||
},
|
||
grid: {
|
||
left: "3%",
|
||
right: "4%",
|
||
top: "15%",
|
||
bottom: "5%",
|
||
containLabel: true,
|
||
},
|
||
toolbox: {
|
||
feature: {
|
||
// saveAsImage: {}
|
||
},
|
||
},
|
||
xAxis: {
|
||
type: "category",
|
||
boundaryGap: false, //坐标轴两边留白
|
||
data: datess,
|
||
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: {
|
||
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: [
|
||
{
|
||
name: "完成率",
|
||
type: "line",
|
||
// 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",
|
||
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)",
|
||
},
|
||
]),
|
||
},
|
||
},
|
||
},
|
||
},
|
||
],
|
||
});
|
||
}
|
||
// },
|
||
// });
|
||
};
|
||
//选矿
|
||
xkRun = () => {
|
||
var orgId = this.props.login ? this.props.login.OrgId : "";
|
||
// let startTime=this.state.selectStartTime.format('YYYY-MM-01 00:00:00');
|
||
// let endTime=this.state.selectEndTime.format('YYYY-MM-01 00:00:00');
|
||
//默认最近一年
|
||
let startTime = moment(new Date())
|
||
.add(-11, "month")
|
||
.format("YYYY-MM-01 00:00:00");
|
||
let endTime = moment(new Date())
|
||
.add(1, "month")
|
||
.format("YYYY-MM-01 00:00:00");
|
||
this.keyWord2="选矿部";
|
||
if(orgId === "d9871ba8-0eec-9e4a-bb87-7d5a540d8913")
|
||
{
|
||
this.keyWord2="选矿二部"
|
||
}
|
||
let json = initFilter(orgId, this.keyWord2, "", "", "", startTime, endTime);
|
||
extendOrder(json, "MONTH", 0);
|
||
// this.props.dispatch({
|
||
// type: "app/getDataByPost",
|
||
// url: "BI/BIStatiscialAnalysisController/GetEntities",
|
||
// payload: json,
|
||
// onlyData: false,
|
||
// onComplete: (data) => {
|
||
let data = {
|
||
"IsSuccessful": true,
|
||
"Data": [
|
||
{
|
||
"DEPARTMENT_ID": "1a5433ec-0a79-2b3e-7281-5209e96ad13a",
|
||
"DEPARTMENT_NAME": "选矿部",
|
||
"MONTH": "2024-02-01 00:00:00",
|
||
"MONTHStr": "2024年2月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "97",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "2f6c545c-1599-4198-84ce-0f0eed8a2250",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "1a5433ec-0a79-2b3e-7281-5209e96ad13a",
|
||
"DEPARTMENT_NAME": "选矿部",
|
||
"MONTH": "2024-03-01 00:00:00",
|
||
"MONTHStr": "2024年3月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "96",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "f5ff49e2-d82a-410b-843d-2bfcba45bb28",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "1a5433ec-0a79-2b3e-7281-5209e96ad13a",
|
||
"DEPARTMENT_NAME": "选矿部",
|
||
"MONTH": "2024-04-01 00:00:00",
|
||
"MONTHStr": "2024年4月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "98",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "d7a036c5-14e2-43b7-b446-87a2ee02f98a",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "1a5433ec-0a79-2b3e-7281-5209e96ad13a",
|
||
"DEPARTMENT_NAME": "选矿部",
|
||
"MONTH": "2024-05-01 00:00:00",
|
||
"MONTHStr": "2024年5月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "98",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "a1663db5-887f-4528-9f90-84dbd97be649",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "1a5433ec-0a79-2b3e-7281-5209e96ad13a",
|
||
"DEPARTMENT_NAME": "选矿部",
|
||
"MONTH": "2024-06-01 00:00:00",
|
||
"MONTHStr": "2024年6月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "98",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "4547f51d-7003-47ef-a370-f45bb80e777e",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "1a5433ec-0a79-2b3e-7281-5209e96ad13a",
|
||
"DEPARTMENT_NAME": "选矿部",
|
||
"MONTH": "2024-07-01 00:00:00",
|
||
"MONTHStr": "2024年7月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "98",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "de9cc1b4-9c9c-427f-a6eb-d378d7183c90",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "1a5433ec-0a79-2b3e-7281-5209e96ad13a",
|
||
"DEPARTMENT_NAME": "选矿部",
|
||
"MONTH": "2024-08-01 00:00:00",
|
||
"MONTHStr": "2024年8月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "98",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "b43ee630-901d-496e-a6f7-9a56d06512b9",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "1a5433ec-0a79-2b3e-7281-5209e96ad13a",
|
||
"DEPARTMENT_NAME": "选矿部",
|
||
"MONTH": "2024-09-01 00:00:00",
|
||
"MONTHStr": "2024年9月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "97",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "1dc4a6b8-21dd-4680-8183-3c108f8959b2",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "1a5433ec-0a79-2b3e-7281-5209e96ad13a",
|
||
"DEPARTMENT_NAME": "选矿部",
|
||
"MONTH": "2024-10-01 00:00:00",
|
||
"MONTHStr": "2024年10月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "98",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "fb55c127-b96b-442d-a417-6fbac581a228",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "1a5433ec-0a79-2b3e-7281-5209e96ad13a",
|
||
"DEPARTMENT_NAME": "选矿部",
|
||
"MONTH": "2024-11-01 00:00:00",
|
||
"MONTHStr": "2024年11月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "98",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "cf61afac-4711-4350-bc2c-08870c4965db",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "1a5433ec-0a79-2b3e-7281-5209e96ad13a",
|
||
"DEPARTMENT_NAME": "选矿部",
|
||
"MONTH": "2024-12-01 00:00:00",
|
||
"MONTHStr": "2024年12月",
|
||
"FINISH_RATE": "100",
|
||
"NORMAL_FINISH_RATE": "98",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "6e180057-6044-486f-a8bb-9f18a323c0fe",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"DEPARTMENT_ID": "1a5433ec-0a79-2b3e-7281-5209e96ad13a",
|
||
"DEPARTMENT_NAME": "选矿部",
|
||
"MONTH": "2025-01-01 00:00:00",
|
||
"MONTHStr": "2025年1月",
|
||
"FINISH_RATE": "99",
|
||
"NORMAL_FINISH_RATE": "97",
|
||
"TOTAL_QTY": 0,
|
||
"ID": "d8eb954f-7a68-4d57-b2d8-e66a92e042db",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 10:08:22",
|
||
"MODIFY_TIME": "2025-01-08 10:08:22",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
}
|
||
],
|
||
"TotalCount": 0,
|
||
"MessageType": 0
|
||
}
|
||
if (data && data.IsSuccessful) {
|
||
let month = [];
|
||
let company = [];
|
||
let department = [];
|
||
data.Data.forEach((item) => {
|
||
month.push(item.MONTHStr);
|
||
company.push(item.FINISH_RATE);
|
||
department.push(item.NORMAL_FINISH_RATE);
|
||
});
|
||
let datess = getNearMonth('year').reverse()
|
||
let myChart = echarts.init(document.getElementById("xkRun"));
|
||
myChart.setOption({
|
||
// title: {
|
||
// text: "选矿部-安全生产标准化运行走势图",
|
||
// padding: [0,100,100,100],
|
||
// left: 'center'
|
||
// },
|
||
tooltip: {
|
||
trigger: "axis",
|
||
// formatter: function (params) {
|
||
// let temp=''
|
||
// params.forEach(t=>{
|
||
// temp=temp+t.seriesName +":"+t.value+"%"+'<br />';
|
||
|
||
// })
|
||
// return temp;
|
||
// }
|
||
},
|
||
legend: {
|
||
// data: ['部门'],
|
||
data: ["完成率", "及时完成率"],
|
||
top: "3%",
|
||
},
|
||
grid: {
|
||
left: "3%",
|
||
right: "4%",
|
||
top: "15%",
|
||
bottom: "5%",
|
||
containLabel: true,
|
||
},
|
||
toolbox: {
|
||
feature: {
|
||
// saveAsImage: {}
|
||
},
|
||
},
|
||
xAxis: {
|
||
type: "category",
|
||
boundaryGap: false, //坐标轴两边留白
|
||
data: datess,
|
||
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: {
|
||
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: [
|
||
{
|
||
name: "完成率",
|
||
type: "line",
|
||
// 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",
|
||
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)",
|
||
},
|
||
]),
|
||
},
|
||
},
|
||
},
|
||
},
|
||
],
|
||
});
|
||
}
|
||
// },
|
||
// });
|
||
};
|
||
getMould = () => {
|
||
let allData = [
|
||
{
|
||
MOUDLE_NAME: "风险管理",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "安全检查",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "作业现场管理",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "法律法规与其他要求",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "安全教育培训",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "方针与目标管理",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "绩效测量与评价",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "生产工艺管理",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "事故事件",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "安全生产组织保障",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "安全投入、科技与工伤",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "职业卫生",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "应急管理",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "机电安全管理",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "会议管理",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
{
|
||
MOUDLE_NAME: "标准化创建",
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: 0 + "%",
|
||
NORMAL_FINISH_RATE: 0 + "%",
|
||
},
|
||
];
|
||
var orgId = this.props.login ? this.props.login.OrgId : "";
|
||
let startTime = this.state.selectStartTime.format("YYYY-MM-DD 00:00:00");
|
||
let endTime = this.state.selectEndTime.format("YYYY-MM-DD 23:59:59");
|
||
let json = initFilter(orgId, "", "", "", "", startTime, endTime);
|
||
extendOrder(json, "NUM", 0);
|
||
// this.props.dispatch({
|
||
// type: "app/getDataByPost",
|
||
// payload: json,
|
||
// url: "BI/BIStatiscialAnalysisController/GetDepartMouldInfos",
|
||
// onComplete: (ret) => {
|
||
// if (ret) {
|
||
let ret ={
|
||
"departData": [
|
||
{
|
||
"PARENT_DEPARTMENT_ID": null,
|
||
"DEPARTMENT_ID": "96f4b947-ed3b-f44d-168a-c47e729f9606",
|
||
"DEPARTMENT_NAME": "非金属资源部",
|
||
"TOTAL_QTY": 6769,
|
||
"FINISH_QTY": 5833,
|
||
"OVER_FINISH_QTY": 877,
|
||
"UNFINISH_QTY": 59,
|
||
"FINISH_RATE": "99.13",
|
||
"NORMAL_FINISH_RATE": "86.17",
|
||
"TYPE": 20,
|
||
"DEPARTMENT_TYPE": 0,
|
||
"ID": "67904025-d9d3-499c-ab92-fca4ca817243",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"PARENT_DEPARTMENT_ID": null,
|
||
"DEPARTMENT_ID": "7211ac05-8705-0aad-6ff0-8f46ee705d5c",
|
||
"DEPARTMENT_NAME": "矿山部",
|
||
"TOTAL_QTY": 12270,
|
||
"FINISH_QTY": 11320,
|
||
"OVER_FINISH_QTY": 862,
|
||
"UNFINISH_QTY": 88,
|
||
"FINISH_RATE": "99.28",
|
||
"NORMAL_FINISH_RATE": "92.26",
|
||
"TYPE": 20,
|
||
"DEPARTMENT_TYPE": 0,
|
||
"ID": "b3f955ab-ab77-4ba4-a628-c1ab068d39e4",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"PARENT_DEPARTMENT_ID": null,
|
||
"DEPARTMENT_ID": "1a5433ec-0a79-2b3e-7281-5209e96ad13a",
|
||
"DEPARTMENT_NAME": "选矿部",
|
||
"TOTAL_QTY": 50344,
|
||
"FINISH_QTY": 49173,
|
||
"OVER_FINISH_QTY": 928,
|
||
"UNFINISH_QTY": 243,
|
||
"FINISH_RATE": "99.52",
|
||
"NORMAL_FINISH_RATE": "97.67",
|
||
"TYPE": 20,
|
||
"DEPARTMENT_TYPE": 0,
|
||
"ID": "2e3512e8-2782-4e7b-b785-91703a9624da",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"PARENT_DEPARTMENT_ID": null,
|
||
"DEPARTMENT_ID": "20bedb3c-1dfd-0b15-aff8-88d71012a07c",
|
||
"DEPARTMENT_NAME": "设备能源部",
|
||
"TOTAL_QTY": 3484,
|
||
"FINISH_QTY": 3056,
|
||
"OVER_FINISH_QTY": 403,
|
||
"UNFINISH_QTY": 25,
|
||
"FINISH_RATE": "99.28",
|
||
"NORMAL_FINISH_RATE": "87.72",
|
||
"TYPE": 20,
|
||
"DEPARTMENT_TYPE": 0,
|
||
"ID": "456d1e89-99ff-4079-8e03-a5e537c0f7fa",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"PARENT_DEPARTMENT_ID": null,
|
||
"DEPARTMENT_ID": "10e27d16-3801-45e8-3e2b-ef852c035b41",
|
||
"DEPARTMENT_NAME": "营销部",
|
||
"TOTAL_QTY": 1,
|
||
"FINISH_QTY": 0,
|
||
"OVER_FINISH_QTY": 0,
|
||
"UNFINISH_QTY": 1,
|
||
"FINISH_RATE": "0.00",
|
||
"NORMAL_FINISH_RATE": "0.00",
|
||
"TYPE": 20,
|
||
"DEPARTMENT_TYPE": 0,
|
||
"ID": "5836cf78-950f-4399-9a1e-dde810587e47",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
}
|
||
],
|
||
"mouldData": [
|
||
{
|
||
"MOUDLE_NAME": "作业现场管理",
|
||
"TOTAL_QTY": 50367,
|
||
"FINISH_QTY": 48155,
|
||
"OVER_FINISH_QTY": 1945,
|
||
"UNFINISH_QTY": 267,
|
||
"FINISH_RATE": "99.47",
|
||
"NORMAL_FINISH_RATE": "95.61",
|
||
"NUM": 0,
|
||
"TYPE": 20,
|
||
"ID": "218378d4-a135-48db-b4c4-1621f54baedb",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"MOUDLE_NAME": "审批管理",
|
||
"TOTAL_QTY": 11158,
|
||
"FINISH_QTY": 10761,
|
||
"OVER_FINISH_QTY": 369,
|
||
"UNFINISH_QTY": 28,
|
||
"FINISH_RATE": "99.75",
|
||
"NORMAL_FINISH_RATE": "96.44",
|
||
"NUM": 0,
|
||
"TYPE": 20,
|
||
"ID": "25672e3f-697b-466d-9db9-88bb59674169",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"MOUDLE_NAME": "安全检查",
|
||
"TOTAL_QTY": 6765,
|
||
"FINISH_QTY": 6315,
|
||
"OVER_FINISH_QTY": 371,
|
||
"UNFINISH_QTY": 79,
|
||
"FINISH_RATE": "98.83",
|
||
"NORMAL_FINISH_RATE": "93.35",
|
||
"NUM": 0,
|
||
"TYPE": 20,
|
||
"ID": "c4371974-a2e7-4185-a08a-507bc2141a54",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"MOUDLE_NAME": "安全教育培训",
|
||
"TOTAL_QTY": 3487,
|
||
"FINISH_QTY": 3181,
|
||
"OVER_FINISH_QTY": 281,
|
||
"UNFINISH_QTY": 25,
|
||
"FINISH_RATE": "99.28",
|
||
"NORMAL_FINISH_RATE": "91.22",
|
||
"NUM": 0,
|
||
"TYPE": 20,
|
||
"ID": "536e4385-626a-425b-b843-b5ce72983cb8",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"MOUDLE_NAME": "标准化创建",
|
||
"TOTAL_QTY": 888,
|
||
"FINISH_QTY": 794,
|
||
"OVER_FINISH_QTY": 83,
|
||
"UNFINISH_QTY": 11,
|
||
"FINISH_RATE": "98.76",
|
||
"NORMAL_FINISH_RATE": "89.41",
|
||
"NUM": 0,
|
||
"TYPE": 20,
|
||
"ID": "ec629279-ef22-4b3b-88db-7975e0cd332e",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"MOUDLE_NAME": "会议管理",
|
||
"TOTAL_QTY": 165,
|
||
"FINISH_QTY": 148,
|
||
"OVER_FINISH_QTY": 15,
|
||
"UNFINISH_QTY": 2,
|
||
"FINISH_RATE": "98.79",
|
||
"NORMAL_FINISH_RATE": "89.70",
|
||
"NUM": 0,
|
||
"TYPE": 20,
|
||
"ID": "35453db0-f7b1-446b-a8bd-cb687d4baa09",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"MOUDLE_NAME": "绩效测量与评价",
|
||
"TOTAL_QTY": 10,
|
||
"FINISH_QTY": 6,
|
||
"OVER_FINISH_QTY": 2,
|
||
"UNFINISH_QTY": 2,
|
||
"FINISH_RATE": "80.00",
|
||
"NORMAL_FINISH_RATE": "60.00",
|
||
"NUM": 0,
|
||
"TYPE": 20,
|
||
"ID": "6e01df03-5d9e-436c-b9d6-b53e971ba4e7",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"MOUDLE_NAME": "生产工艺管理",
|
||
"TOTAL_QTY": 2,
|
||
"FINISH_QTY": 1,
|
||
"OVER_FINISH_QTY": 0,
|
||
"UNFINISH_QTY": 1,
|
||
"FINISH_RATE": "50.00",
|
||
"NORMAL_FINISH_RATE": "50.00",
|
||
"NUM": 0,
|
||
"TYPE": 20,
|
||
"ID": "cd4cfb8b-dc9e-466d-b45e-fefac034eb44",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"MOUDLE_NAME": "风险管理",
|
||
"TOTAL_QTY": 17,
|
||
"FINISH_QTY": 14,
|
||
"OVER_FINISH_QTY": 2,
|
||
"UNFINISH_QTY": 1,
|
||
"FINISH_RATE": "94.12",
|
||
"NORMAL_FINISH_RATE": "82.35",
|
||
"NUM": 0,
|
||
"TYPE": 20,
|
||
"ID": "b19d3e6d-123b-4589-afea-f8537fbcb908",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"MOUDLE_NAME": "应急管理",
|
||
"TOTAL_QTY": 1,
|
||
"FINISH_QTY": 0,
|
||
"OVER_FINISH_QTY": 1,
|
||
"UNFINISH_QTY": 0,
|
||
"FINISH_RATE": "100.00",
|
||
"NORMAL_FINISH_RATE": "0.00",
|
||
"NUM": 0,
|
||
"TYPE": 20,
|
||
"ID": "a5f803a6-91ff-4b3b-b2de-4ee3a690d11e",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": null,
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2025-01-08 15:09:11",
|
||
"MODIFY_TIME": "2025-01-08 15:09:11",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": null,
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
}
|
||
]
|
||
}
|
||
if (ret.mouldData) {
|
||
let temp = [];
|
||
allData.forEach((t) => {
|
||
let group = ret.mouldData.filter(
|
||
(m) => m.MOUDLE_NAME === t.MOUDLE_NAME
|
||
);
|
||
if (group.length > 0) {
|
||
t.TOTAL_QTY = group[0].TOTAL_QTY;
|
||
t.FINISH_QTY = group[0].FINISH_QTY;
|
||
t.OVER_FINISH_QTY = group[0].OVER_FINISH_QTY;
|
||
t.UNFINISH_QTY = group[0].UNFINISH_QTY;
|
||
t.FINISH_RATE = group[0].FINISH_RATE + "%";
|
||
t.NORMAL_FINISH_RATE = group[0].NORMAL_FINISH_RATE + "%";
|
||
}
|
||
temp.push(t);
|
||
});
|
||
this.setState({
|
||
detailData: temp,
|
||
});
|
||
}
|
||
if (ret.departData) {
|
||
this.getDepartment(ret.departData);
|
||
}
|
||
// }
|
||
// },
|
||
// });
|
||
};
|
||
getDepartment = (departData) => {
|
||
var orgId = this.props.login ? this.props.login.OrgId : "";
|
||
const jsonTemp = initFilter(orgId);
|
||
extendRule(jsonTemp, "DEPARTMENT_TYPE", 1, 0);
|
||
// this.props.dispatch({
|
||
// type: "app/getDataByPost",
|
||
// payload: jsonTemp,
|
||
// url: "FM/Department/OrderEntities",
|
||
// onComplete: (retDepart) => {
|
||
// if (retDepart) {
|
||
let retDepart = [
|
||
{
|
||
"NAME": "选矿部(322)",
|
||
"NAME_ACRONYM": ";",
|
||
"CODE": "XLKXK",
|
||
"ENABLE_STATUS": 0,
|
||
"NUM": 8,
|
||
"USER_ID": "44eab490-ab44-4807-b5e2-b6e45eb51b5c",
|
||
"DEPARTMENT_TYPE": 0,
|
||
"PERSON_ID": null,
|
||
"DEPARTMENT_STATUS": 1,
|
||
"MineType": 10,
|
||
"CHARGEUSER_ID": "6d8cfbf2-556f-4262-a482-fcf217bab695",
|
||
"PARENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11",
|
||
"IS_LEAF": false,
|
||
"ID": "1a5433ec-0a79-2b3e-7281-5209e96ad13a",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": "634f93ef-a42f-fb57-269d-2e76cde03b79",
|
||
"FLOW_STATUS": 2,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2022-02-26 08:31:54",
|
||
"MODIFY_TIME": "2024-12-04 23:17:01",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": "8f26c255-fdfd-47ff-b83e-6309815958dd",
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"NAME": "设备能源部(25)",
|
||
"NAME_ACRONYM": ";",
|
||
"CODE": "01",
|
||
"ENABLE_STATUS": 0,
|
||
"NUM": 10,
|
||
"USER_ID": "69df6abe-8123-49f7-bbec-59b1751f66a5",
|
||
"DEPARTMENT_TYPE": 0,
|
||
"PERSON_ID": null,
|
||
"DEPARTMENT_STATUS": 0,
|
||
"MineType": 10,
|
||
"CHARGEUSER_ID": "092dbc65-5f44-41e2-b062-c08427092d2a",
|
||
"PARENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11",
|
||
"IS_LEAF": false,
|
||
"ID": "20bedb3c-1dfd-0b15-aff8-88d71012a07c",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": "15e67de5-4864-4dbf-9322-76ae8420ba11",
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2023-09-22 16:06:03",
|
||
"MODIFY_TIME": "2024-12-04 23:52:13",
|
||
"CREATER_ID": "8f26c255-fdfd-47ff-b83e-6309815958dd",
|
||
"MODIFIER_ID": "9fe969f4-179e-51ba-cfcd-fbe148b7ba47",
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"NAME": "矿山部(151)",
|
||
"NAME_ACRONYM": ";",
|
||
"CODE": "XLKKS",
|
||
"ENABLE_STATUS": 0,
|
||
"NUM": 7,
|
||
"USER_ID": "ab474f13-c28d-4184-9d33-cd1924977fe2",
|
||
"DEPARTMENT_TYPE": 0,
|
||
"PERSON_ID": null,
|
||
"DEPARTMENT_STATUS": 1,
|
||
"MineType": 30,
|
||
"CHARGEUSER_ID": "ec157aec-baac-47a2-add4-7fc8f490524d",
|
||
"PARENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11",
|
||
"IS_LEAF": false,
|
||
"ID": "7211ac05-8705-0aad-6ff0-8f46ee705d5c",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": "634f93ef-a42f-fb57-269d-2e76cde03b79",
|
||
"FLOW_STATUS": 2,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2022-02-26 08:31:59",
|
||
"MODIFY_TIME": "2024-12-04 08:53:00",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": "f259675f-f9ef-4052-9cb4-0a651d0ea7ef",
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"NAME": "财务部(4)",
|
||
"NAME_ACRONYM": ";",
|
||
"CODE": "XLKCW",
|
||
"ENABLE_STATUS": 0,
|
||
"NUM": 2,
|
||
"USER_ID": "f3a42764-4c3f-401b-a017-358f42a382af",
|
||
"DEPARTMENT_TYPE": 0,
|
||
"PERSON_ID": null,
|
||
"DEPARTMENT_STATUS": 0,
|
||
"MineType": 30,
|
||
"CHARGEUSER_ID": null,
|
||
"PARENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11",
|
||
"IS_LEAF": true,
|
||
"ID": "fe7fc69b-c76e-5a47-f49c-9ec5b298cbad",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": "634f93ef-a42f-fb57-269d-2e76cde03b79",
|
||
"FLOW_STATUS": 2,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2022-02-26 08:36:22",
|
||
"MODIFY_TIME": "2024-12-04 17:10:07",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": "e25142e3-eb4f-4145-bd8a-67d99f89b3b1",
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"NAME": "办公室(37)",
|
||
"NAME_ACRONYM": ";",
|
||
"CODE": "XLKZH",
|
||
"ENABLE_STATUS": 0,
|
||
"NUM": 5,
|
||
"USER_ID": "4d785444-3a8a-4be3-9578-d65214ac419c",
|
||
"DEPARTMENT_TYPE": 0,
|
||
"PERSON_ID": null,
|
||
"DEPARTMENT_STATUS": 0,
|
||
"MineType": 30,
|
||
"CHARGEUSER_ID": "e5cf0e6b-85bc-476c-bb0b-c61ad095ff20",
|
||
"PARENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11",
|
||
"IS_LEAF": false,
|
||
"ID": "76f8abf4-88a6-c3bf-1faa-ba4f4bfe9fb0",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": "634f93ef-a42f-fb57-269d-2e76cde03b79",
|
||
"FLOW_STATUS": 2,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2022-02-26 08:36:04",
|
||
"MODIFY_TIME": "2024-12-04 17:06:39",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": "8f26c255-fdfd-47ff-b83e-6309815958dd",
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"NAME": "非金属资源部(73)",
|
||
"NAME_ACRONYM": ";",
|
||
"CODE": "01",
|
||
"ENABLE_STATUS": 0,
|
||
"NUM": 9,
|
||
"USER_ID": "e5cf0e6b-85bc-476c-bb0b-c61ad095ff20",
|
||
"DEPARTMENT_TYPE": 0,
|
||
"PERSON_ID": null,
|
||
"DEPARTMENT_STATUS": 0,
|
||
"MineType": 10,
|
||
"CHARGEUSER_ID": "6d8cfbf2-556f-4262-a482-fcf217bab695",
|
||
"PARENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11",
|
||
"IS_LEAF": false,
|
||
"ID": "96f4b947-ed3b-f44d-168a-c47e729f9606",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": "15e67de5-4864-4dbf-9322-76ae8420ba11",
|
||
"FLOW_STATUS": 0,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2023-09-22 16:05:36",
|
||
"MODIFY_TIME": "2024-12-24 15:59:30",
|
||
"CREATER_ID": "8f26c255-fdfd-47ff-b83e-6309815958dd",
|
||
"MODIFIER_ID": "698d25b5-6051-4f98-893b-378f2a26a55c",
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"NAME": "企业管理部(11)",
|
||
"NAME_ACRONYM": ";",
|
||
"CODE": "XLKQG",
|
||
"ENABLE_STATUS": 0,
|
||
"NUM": 3,
|
||
"USER_ID": "e3a6eba9-76d8-4130-8f11-e79169cf36f2",
|
||
"DEPARTMENT_TYPE": 0,
|
||
"PERSON_ID": null,
|
||
"DEPARTMENT_STATUS": 0,
|
||
"MineType": 30,
|
||
"CHARGEUSER_ID": null,
|
||
"PARENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11",
|
||
"IS_LEAF": false,
|
||
"ID": "1ac8dc3c-f925-53ba-7bd2-cf37b4150719",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": "634f93ef-a42f-fb57-269d-2e76cde03b79",
|
||
"FLOW_STATUS": 2,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2022-02-26 08:36:10",
|
||
"MODIFY_TIME": "2024-12-04 17:10:01",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": "e25142e3-eb4f-4145-bd8a-67d99f89b3b1",
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"NAME": "技术管理部(45)",
|
||
"NAME_ACRONYM": ";",
|
||
"CODE": "XLKJS",
|
||
"ENABLE_STATUS": 0,
|
||
"NUM": 1,
|
||
"USER_ID": "8ae396e7-8b1b-4e0d-9294-d4ad65a85501",
|
||
"DEPARTMENT_TYPE": 0,
|
||
"PERSON_ID": null,
|
||
"DEPARTMENT_STATUS": 0,
|
||
"MineType": 30,
|
||
"CHARGEUSER_ID": "092dbc65-5f44-41e2-b062-c08427092d2a",
|
||
"PARENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11",
|
||
"IS_LEAF": false,
|
||
"ID": "1d82e7a7-0d70-0928-a970-d40cc1b8a188",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": "634f93ef-a42f-fb57-269d-2e76cde03b79",
|
||
"FLOW_STATUS": 2,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2022-02-26 08:35:57",
|
||
"MODIFY_TIME": "2025-01-02 14:23:08",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": "a032e92a-dd62-47b6-9ea2-2c959fedaabe",
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
},
|
||
{
|
||
"NAME": "营销部(10)",
|
||
"NAME_ACRONYM": ";",
|
||
"CODE": "XLKYX",
|
||
"ENABLE_STATUS": 0,
|
||
"NUM": 6,
|
||
"USER_ID": "f259675f-f9ef-4052-9cb4-0a651d0ea7ef",
|
||
"DEPARTMENT_TYPE": 0,
|
||
"PERSON_ID": null,
|
||
"DEPARTMENT_STATUS": 0,
|
||
"MineType": 30,
|
||
"CHARGEUSER_ID": "092dbc65-5f44-41e2-b062-c08427092d2a",
|
||
"PARENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11",
|
||
"IS_LEAF": true,
|
||
"ID": "10e27d16-3801-45e8-3e2b-ef852c035b41",
|
||
"IS_DELETED": false,
|
||
"ORG_ID": "b043b28b-bbc3-c452-6052-4fba1457abfa",
|
||
"ENTITY_ORG_TPYE": 0,
|
||
"FORM_ID": "634f93ef-a42f-fb57-269d-2e76cde03b79",
|
||
"FLOW_STATUS": 2,
|
||
"FLOW_SEND_STATUS": 0,
|
||
"FLOW_ID": null,
|
||
"CREATE_TIME": "2022-02-26 08:36:17",
|
||
"MODIFY_TIME": "2024-12-04 17:06:28",
|
||
"CREATER_ID": null,
|
||
"MODIFIER_ID": "8f26c255-fdfd-47ff-b83e-6309815958dd",
|
||
"TaskID": "00000000-0000-0000-0000-000000000000"
|
||
}
|
||
]
|
||
let tempDepart = [];
|
||
retDepart.forEach((t) => {
|
||
let tempNow = {
|
||
DEPARTMENT_ID: t.ID,
|
||
DEPARTMENT_NAME: t.NAME,
|
||
TOTAL_QTY: 0,
|
||
FINISH_QTY: 0,
|
||
OVER_FINISH_QTY: 0,
|
||
UNFINISH_QTY: 0,
|
||
FINISH_RATE: "0%",
|
||
NORMAL_FINISH_RATE: "0%",
|
||
};
|
||
tempDepart.push(tempNow);
|
||
});
|
||
if (departData) {
|
||
let temp = [];
|
||
let t1 = 0;
|
||
let t2 = 0;
|
||
let t3 = 0;
|
||
let t4 = 0;
|
||
tempDepart.forEach((t) => {
|
||
let group = departData.filter(
|
||
(m) => m.DEPARTMENT_ID === t.DEPARTMENT_ID
|
||
);
|
||
if (group.length > 0) {
|
||
t.TOTAL_QTY = group[0].TOTAL_QTY;
|
||
t.FINISH_QTY = group[0].FINISH_QTY;
|
||
t.OVER_FINISH_QTY = group[0].OVER_FINISH_QTY;
|
||
t.UNFINISH_QTY = group[0].UNFINISH_QTY;
|
||
t.FINISH_RATE = group[0].FINISH_RATE + "%";
|
||
t.NORMAL_FINISH_RATE = group[0].NORMAL_FINISH_RATE + "%";
|
||
t1 = t1 + group[0].TOTAL_QTY;
|
||
t2 = t2 + group[0].FINISH_QTY;
|
||
t3 = t3 + group[0].OVER_FINISH_QTY;
|
||
t4 = t4 + group[0].UNFINISH_QTY;
|
||
}
|
||
temp.push(t);
|
||
});
|
||
let t5 = t1 === 0 ? "100%" : (((t2 + t3) / t1) * 100).toFixed(2) + "%";
|
||
let t6 = t1 === 0 ? "100%" : ((t2 / t1) * 100).toFixed(2) + "%";
|
||
this.setState({
|
||
retData: temp,
|
||
totalCount: t1,
|
||
finishCount: t2,
|
||
overtimeCount: t3,
|
||
unfinishCount: t4,
|
||
rate: t5,
|
||
normalRate: t6,
|
||
});
|
||
}
|
||
// }
|
||
// },
|
||
// });
|
||
};
|
||
startChange = (value) => {
|
||
this.setState({
|
||
selectStartTime: value,
|
||
startTime: value.format("YYYYMMDD"),
|
||
});
|
||
};
|
||
endChange = (value) => {
|
||
this.setState({
|
||
selectEndTime: value,
|
||
endTime: value.format("YYYYMMDD"),
|
||
});
|
||
};
|
||
closeModal = () => {
|
||
// 退出弹窗
|
||
this.clearData();
|
||
};
|
||
clearData = () => {
|
||
let newtmpData = { ...this.state.tmpData };
|
||
newtmpData["data"].id = "";
|
||
newtmpData["data"].homeReload = false;
|
||
newtmpData.formCode = "";
|
||
this.setState({
|
||
visible: false,
|
||
tmpData: newtmpData,
|
||
});
|
||
};
|
||
handleCancel = () => {
|
||
// 退出弹窗
|
||
this.clearData();
|
||
};
|
||
render() {
|
||
const {
|
||
startTime,
|
||
endTime,
|
||
finishCount,
|
||
overtimeCount,
|
||
totalCount,
|
||
unfinishCount,
|
||
weekColor,
|
||
monthColor,
|
||
threeMonthColor,
|
||
sixMonthColor,
|
||
yearColor,
|
||
} = this.state;
|
||
const formItemLayout = {
|
||
labelCol: { span: 10 },
|
||
wrapperCol: { span: 14 },
|
||
};
|
||
let allFinishRate =
|
||
totalCount === 0 ? 100 : (((finishCount + overtimeCount) / totalCount) * 100).toFixed(2);
|
||
let finishRate =
|
||
totalCount === 0 ? 100 : ((finishCount / totalCount) * 100).toFixed(2);
|
||
return (
|
||
<div>
|
||
{/* className='route-home' ,boxShadow:'inset 0 0 10px #ccc' */}
|
||
<div
|
||
style={{
|
||
backgroundColor: "white",
|
||
width: "1200px",
|
||
top: "0",
|
||
bottom: "0",
|
||
left: "0",
|
||
right: "0",
|
||
margin: "auto",
|
||
borderStyle: "solid",
|
||
borderColor: "#ccc",
|
||
borderWidth: "1px",
|
||
}}
|
||
>
|
||
<Modal
|
||
visible={this.state.visible}
|
||
title={this.state.noticeTitle}
|
||
maskClosable={false}
|
||
onCancel={this.handleCancel}
|
||
footer={null}
|
||
className="antd-modal-fullscreen"
|
||
closeModal={this.closeModal}
|
||
// forceRender={true}
|
||
>
|
||
<FormPage {...this.state.tmpData} />
|
||
</Modal>
|
||
<h1
|
||
style={{
|
||
textAlign: "center",
|
||
marginTop: "30px",
|
||
fontWeight: "bold",
|
||
}}
|
||
>
|
||
安全生产标准化系统运行情况
|
||
</h1>
|
||
<Row style={{ textAlign: "center", fontSize: "15px" }}>
|
||
{" "}
|
||
<span>
|
||
({startTime}-{endTime})
|
||
</span>
|
||
</Row>
|
||
<br></br>
|
||
<div
|
||
style={{
|
||
display: "flex",
|
||
alignItems: "center",
|
||
flexDirection: "row",
|
||
justifyContent: "center",
|
||
}}
|
||
>
|
||
<div
|
||
style={{
|
||
display: "felx",
|
||
alignItems: "center",
|
||
flexDirection: "row",
|
||
fontSize: "14px",
|
||
marginRight: "20px",
|
||
}}
|
||
>
|
||
{/* <Form.Item label={"查询时间"}> */}
|
||
查询时间：
|
||
<DatePicker
|
||
style={{ width: "120px" }}
|
||
// defaultValue={moment(this.state.startTime, 'YYYY-MM-DD 00:00:00')}
|
||
value={this.state.selectStartTime}
|
||
format="YYYY-MM-DD"
|
||
onChange={this.startChange}
|
||
/>
|
||
{/* </Form.Item> */}
|
||
</div>
|
||
|
||
<div
|
||
style={{
|
||
display: "felx",
|
||
alignItems: "center",
|
||
flexDirection: "row",
|
||
fontSize: "14px",
|
||
marginRight: "20px",
|
||
}}
|
||
>
|
||
{/* <Form.Item label={"至"} > */}
|
||
至：
|
||
<DatePicker
|
||
style={{ width: "120px" }}
|
||
// defaultValue={moment(this.state.endTime, 'YYYY-MM-DD 23:59:59')}
|
||
value={this.state.selectEndTime}
|
||
format="YYYY-MM-DD"
|
||
onChange={this.endChange}
|
||
/>
|
||
{/* </Form.Item> */}
|
||
</div>
|
||
<div>
|
||
<Button
|
||
type="primary"
|
||
loading={this.state.searchLoading}
|
||
onClick={() => this.loadData()}
|
||
>
|
||
查询
|
||
</Button>
|
||
</div>
|
||
</div>
|
||
<div
|
||
style={{
|
||
display: "flex",
|
||
alignItems: "center",
|
||
justifyContent: "center",
|
||
marginTop: "20px",
|
||
// marginBottom: "20px",
|
||
}}
|
||
>
|
||
<div className={styles.menuPie}>
|
||
<li>
|
||
总任务数
|
||
<br />
|
||
<div className={styles.dataStyle}>{totalCount}</div>
|
||
</li>
|
||
<Divider
|
||
type="vertical"
|
||
style={{ width: "1px", height: "70px", margin: "9px 0px" }}
|
||
/>
|
||
<li>
|
||
正常已办
|
||
<br />
|
||
<div className={styles.dataStyle1}>{finishCount}</div>
|
||
</li>
|
||
<Divider
|
||
type="vertical"
|
||
style={{ width: "1px", height: "70px", margin: "9px 0px" }}
|
||
/>
|
||
<li>
|
||
超时已办
|
||
<br />
|
||
<div className={styles.dataStyle2}>{overtimeCount}</div>
|
||
</li>
|
||
<Divider
|
||
type="vertical"
|
||
style={{ width: "1px", height: "70px", margin: "9px 0px" }}
|
||
/>
|
||
<li>
|
||
未完成数
|
||
<br />
|
||
<div className={styles.dataStyle3}>{unfinishCount}</div>
|
||
{/* <a href="#" style={{ color: "red" }}> */}
|
||
{/* </a> */}
|
||
</li>
|
||
<Divider
|
||
type="vertical"
|
||
style={{ width: "1px", height: "70px", margin: "9px 0px" }}
|
||
/>
|
||
<li>
|
||
完成率
|
||
<br />
|
||
<div className={styles.dataStyle4}>{allFinishRate}%</div>
|
||
{/* <a href="#" style={{ color: "red" }}> */}
|
||
{/* </a> */}
|
||
</li>
|
||
<Divider
|
||
type="vertical"
|
||
style={{ width: "1px", height: "70px", margin: "9px 0px" }}
|
||
/>
|
||
<li>
|
||
及时完成率
|
||
<br />
|
||
<div className={styles.dataStyle5}>{finishRate}%</div>
|
||
</li>
|
||
</div>
|
||
</div>
|
||
{/* <Col span={4}> <Button type='link' style= {{color:weekColor,marginRight:"5px"}} onClick={() => this.getDate("Week")}>最近1周</Button></Col> */}
|
||
{/* <Col span={4}> <Button type='link' style= {{color:monthColor,marginRight:"5px"}} onClick={() => this.getDate("Month")}>最近1月</Button></Col> */}
|
||
{/* <Col span={4}> <Button type='link' style= {{color:threeMonthColor,marginRight:"5px"}} onClick={() => this.getDate("ThreeMonth")}>最近3月</Button></Col> */}
|
||
{/* <Col span={4}> <Button type='link' style= {{color:sixMonthColor,marginRight:"5px"}} onClick={() => this.getDate("SixMonth")}>最近半年</Button></Col> */}
|
||
{/* <Col span={4}> <Button type='link' style= {{color:yearColor,marginRight:"5px"}} onClick={() => this.getDate("Year")}>最近1年</Button></Col> */}
|
||
{/* <Col span={4}> <Button type='link' style= {{color:yearColor,marginRight:"5px"}} onClick={() => this.getDate("All")}>全部</Button></Col> */}
|
||
|
||
<hr
|
||
style={{
|
||
border: "1px dashed #ccc",
|
||
marginBottom: "20px",
|
||
marginTop: "20px",
|
||
}}
|
||
></hr>
|
||
<Row style={{ margin: "20px 50px 0px 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.retData}
|
||
columns={this.state.columns}
|
||
pagination={false}
|
||
loading={false}
|
||
size="small"
|
||
/>
|
||
</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>
|
||
<hr
|
||
style={{
|
||
border: "1px dashed #ccc",
|
||
marginBottom: "20px",
|
||
marginTop: "20px",
|
||
}}
|
||
></hr>
|
||
<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",
|
||
}}
|
||
>
|
||
{this.keyWord}安全生产标准化运行走势图
|
||
</h2>
|
||
<div
|
||
id="ksRun"
|
||
style={{
|
||
height: "350px",
|
||
// marginLeft: "50px",
|
||
// marginRight: "30px",
|
||
backgroundColor: "white",
|
||
}}
|
||
></div>
|
||
</Col>
|
||
</Row>
|
||
<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",
|
||
}}
|
||
>
|
||
{this.keyWord2}安全生产标准化运行走势图
|
||
</h2>
|
||
<div
|
||
id="xkRun"
|
||
style={{
|
||
height: "350px",
|
||
// marginLeft: "50px",
|
||
// marginRight: "30px",
|
||
backgroundColor: "white",
|
||
}}
|
||
></div>
|
||
</Col>
|
||
</Row>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|
||
}
|
||
export default connect(({ login, app }) => ({ login, app }))(
|
||
BI006FormRunAnalysisNew
|
||
);
|