import React from "react";
import { connect } from "dva";
import { initFilter, extendRule, extendOrder } 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);
    // extendRule(json, 'DEPARTMENT_NAME', 1, );
    // 1代表=，2代表不等于，3小于，4小于等于，5大于，6大于等于，7以开始的Like,8以结束的Like，9包含
    // if(this.state.timeType ===1)//最近一周(显示最近一月的，最小单位为月)
    // {
    //   let start=moment(new Date()).add(0, "month").format('YYYY-MM-01 00:00:00')
    //   let end=moment(new Date()).add(1, "month").format('YYYY-MM-01 00:00:00')
    //   extendRule(json, 'MONTH', 6, start);
    //   extendRule(json, 'MONTH', 3, end);
    // }
    // else if(this.state.timeType ===5)//最近一月
    // {
    //   let start=moment(new Date()).add(0, "month").format('YYYY-MM-01 00:00:00')
    //   let end=moment(new Date()).add(1, "month").format('YYYY-MM-01 00:00:00')
    //   extendRule(json, 'MONTH', 6, start);
    //   extendRule(json, 'MONTH', 3, end);
    // }
    // else if(this.state.timeType ===10)//最近三月
    // {
    //   let start=moment(new Date()).add(-2, "month").format('YYYY-MM-01 00:00:00')
    //   let end=moment(new Date()).add(1, "month").format('YYYY-MM-01 00:00:00')
    //   extendRule(json, 'MONTH', 6, start);
    //   extendRule(json, 'MONTH', 3, end);
    // }
    // else if(this.state.timeType ===15)//最近半年
    // {
    //   let start=moment(new Date()).add(-5, "month").format('YYYY-MM-01 00:00:00')
    //   let end=moment(new Date()).add(1, "month").format('YYYY-MM-01 00:00:00')
    //   extendRule(json, 'MONTH', 6, start);
    //   extendRule(json, 'MONTH', 3, end);
    // }
    // else if(this.state.timeType ===20)//最近一年
    // {
    //   let start=moment(new Date()).add(-11, "month").format('YYYY-MM-01 00:00:00')
    //   let end=moment(new Date()).add(1, "month").format('YYYY-MM-01 00:00:00')
    //   extendRule(json, 'MONTH', 6, start);
    //   extendRule(json, 'MONTH', 3, end);
    // }
    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": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-08-01 00:00:00", "MONTHStr": "2023年1月", "C_COUNT": 90, "D_COUNT":80},
        //   {"DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-09-01 00:00:00", "MONTHStr": "2023年2月", "C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-10-01 00:00:00", "MONTHStr": "2023年3月", "C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-11-01 00:00:00", "MONTHStr": "2023年4月",  "C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-12-01 00:00:00", "MONTHStr": "2023年5月",  "C_COUNT": 70, "D_COUNT": 60},
        //   {"DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-09-01 00:00:00", "MONTHStr": "2023年6月",  "C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-10-01 00:00:00", "MONTHStr": "2023年7月", "C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-11-01 00:00:00", "MONTHStr": "2023年8月",  "C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-12-01 00:00:00", "MONTHStr": "2023年9月","C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-11-01 00:00:00", "MONTHStr": "2023年10月", "C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-12-01 00:00:00", "MONTHStr": "2023年11月",  "C_COUNT": 70, "D_COUNT": 60 },
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2022-01-01 00:00:00", "MONTHStr": "2023年12月",  "C_COUNT": 70, "D_COUNT": 60 }], "TotalCount": 0, "ErrorMessage": null
        // }
        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 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: month,
              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);
    // extendRule(json, 'DEPARTMENT_NAME', 1, "选矿部");
    // 1代表=，2代表不等于，3小于，4小于等于，5大于，6大于等于，7以开始的Like,8以结束的Like，9包含
    // if(this.state.timeType ===1)//最近一周(显示最近一月的，最小单位为月)
    // {
    //   let start=moment(new Date()).add(0, "month").format('YYYY-MM-01 00:00:00')
    //   let end=moment(new Date()).add(1, "month").format('YYYY-MM-01 00:00:00')
    //   extendRule(json, 'MONTH', 6, start);
    //   extendRule(json, 'MONTH', 3, end);
    // }
    // else if(this.state.timeType ===5)//最近一月
    // {
    //   let start=moment(new Date()).add(0, "month").format('YYYY-MM-01 00:00:00')
    //   let end=moment(new Date()).add(1, "month").format('YYYY-MM-01 00:00:00')
    //   extendRule(json, 'MONTH', 6, start);
    //   extendRule(json, 'MONTH', 3, end);
    // }
    // else if(this.state.timeType ===10)//最近三月
    // {
    //   let start=moment(new Date()).add(-2, "month").format('YYYY-MM-01 00:00:00')
    //   let end=moment(new Date()).add(1, "month").format('YYYY-MM-01 00:00:00')
    //   extendRule(json, 'MONTH', 6, start);
    //   extendRule(json, 'MONTH', 3, end);
    // }
    // else if(this.state.timeType ===15)//最近半年
    // {
    //   let start=moment(new Date()).add(-5, "month").format('YYYY-MM-01 00:00:00')
    //   let end=moment(new Date()).add(1, "month").format('YYYY-MM-01 00:00:00')
    //   extendRule(json, 'MONTH', 6, start);
    //   extendRule(json, 'MONTH', 3, end);
    // }
    // else if(this.state.timeType ===20)//最近一年
    // {
    //   let start=moment(new Date()).add(-11, "month").format('YYYY-MM-01 00:00:00')
    //   let end=moment(new Date()).add(1, "month").format('YYYY-MM-01 00:00:00')
    //   extendRule(json, 'MONTH', 6, start);
    //   extendRule(json, 'MONTH', 3, end);
    // }
    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": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-08-01 00:00:00", "MONTHStr": "2023年1月", "C_COUNT": 90, "D_COUNT":80},
        //   {"DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-09-01 00:00:00", "MONTHStr": "2023年2月", "C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-10-01 00:00:00", "MONTHStr": "2023年3月", "C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-11-01 00:00:00", "MONTHStr": "2023年4月",  "C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-12-01 00:00:00", "MONTHStr": "2023年5月",  "C_COUNT": 70, "D_COUNT": 60},
        //   {"DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-09-01 00:00:00", "MONTHStr": "2023年6月",  "C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-10-01 00:00:00", "MONTHStr": "2023年7月", "C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-11-01 00:00:00", "MONTHStr": "2023年8月",  "C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-12-01 00:00:00", "MONTHStr": "2023年9月","C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-11-01 00:00:00", "MONTHStr": "2023年10月", "C_COUNT": 70, "D_COUNT": 60},
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2021-12-01 00:00:00", "MONTHStr": "2023年11月",  "C_COUNT": 70, "D_COUNT": 60 },
        //   { "DEPARTMENT_ID": "e3061909-1a7e-b60c-bc71-1845b79c4a11", "MONTH": "2022-01-01 00:00:00", "MONTHStr": "2023年12月",  "C_COUNT": 70, "D_COUNT": 60 }], "TotalCount": 0, "ErrorMessage": null
        // }
        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 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: month,
              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) {
          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 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
);