/* eslint-disable */
import React, { Component } from "react";
import {
  Layout,
  message,
  Input,
  Menu,
  Dropdown,
  Icon,
  Row,
  Col,
  Button,
  Space,
  Modal
} from "antd";
import { Form } from "@ant-design/compatible";
import "@ant-design/compatible/assets/index.css";
import { routerRedux } from "dva/router";
import StaticEditTable from "../../components/Common/CommonTable";
import oeeStyle from "./oee.less";
import * as commonBusiness from "../../components/Common/commonBusiness";
import * as commonFunc from "../../components/Common/commonFunc";
import * as commonUtils from "../../utils/utils";
import * as commonConfig from "../../utils/config";
import * as commonServices from "../../services/services";
import AntdDraggableModal from "../../components/Common/AntdDraggableModal";
import OeeChooseEmployee from "../../routes/oee/common/oeeChooseEmployee";
import OeeDownCountTime from "../../oee/common/oeeDownCountTime";
import styles from "../../routes/IndexPage.less";
import ShowType from "../../components/Common/CommonComponent";
import ShowImgStyle from "../../components/Common/ShowImage/ShowImage.less";
import ShowImg from "../../components/Common/ShowImage/ShowImage";
import faceReg from "../../assets/oee/facescan.svg";
import delIcon from "../../assets/oee/del0.png";
import voiceIcon from "../../assets/oee/voice0.png";
import refreshIcon from "../../assets/oee/refresh0.png";
import qrCode from "../../assets/oee/qr2.png";
import FaceDetect from "../../components/FaceDetect";

// import {routerRedux} from "dva/router";

// const { Option } = Select;
class OeeCurrentState extends Component {
  constructor(props) {
    super(props);
    this.state = {
      enabled: true,
      size: "default",
      sTeamNameArr: [], // 班组下拉数组
      isRender1: true, // 只渲染一次
      imgAddWidth: false, // 图片放大
      bool: true, // 重复点击
      imgOffsetWidth: 0, // 图片的实际大小
      imgOffsetHeight: 0,
      boxWidth: 0, // 图片外框大小
      boxHeight: 0, // 图片外框大小
      previewVisible: false /* 图片预览弹窗 */,
      showimgs: false, // 必须字段控制弹框显示隐藏
      firstIndex: 0, // 点击时默认下标s
      previewImage: "",
      insertList: []
    };
    this.timer = null;
  }

  componentDidUpdate() {
    // 设置table中的ant-table-body的高度，使滚动条至底
    if (document.getElementsByClassName("employee-table")[0]) {
      const employeeStateHeight = document.getElementsByClassName(
        "employeeState"
      )[0].offsetHeight;
      const configsValueDivHeight = document.getElementsByClassName(
        "configsValueDiv"
      )[0].offsetHeight;
      const antTableHeader = document
        .getElementsByClassName("employee-table")[0]
        .getElementsByClassName("ant-table-header")[0].offsetHeight;
      document
        .getElementsByClassName("employee-table")[0]
        .getElementsByClassName(
          "ant-table-body"
        )[0].style.height = `${employeeStateHeight -
        6 -
        configsValueDivHeight -
        antTableHeader}px`;
    }
  }

  componentDidMount() {
    this.props.onSaveState({
      sBarcode: this.state.insertList.length ? this.state.insertList[0] : ""
    });
    let insertArr = commonUtils.isJSON(
      localStorage.getItem(`xlybusinessiInsertCode_${this.props.sModelsId}`)
    )
      ? JSON.parse(
          localStorage.getItem(`xlybusinessiInsertCode_${this.props.sModelsId}`)
        )
      : ["", "", "", ""];
    this.setState(
      {
        insertList: insertArr
      },
      () => {
        let idx = 0;
        let count = 0;
        for (let i = 0; i < this.state.insertList.length; i++) {
          if (this.state.insertList[i] === "") {
            idx = i;
            count++;
            break;
          }
        }
        if (!count) {
          idx = this.state.insertList.length;
          const arr = this.state.insertList.slice(0);
          arr.push("");
          this.setState({
            insertList: arr
          });
        }
        this.props.onSaveState({
          sBarcode: this.state.insertList.length ? this.state.insertList[0] : ""
        });
        const focusInput = setInterval(() => {
          if (document.getElementById("input_" + idx)) {
            document.getElementById("input_" + idx).focus();
            clearInterval(focusInput);
          }
        }, 500);
      }
    );
    window.oeeStartworkHandleRefresh = () => {
      this.handleRefresh();
    };
    window.reloadOeeStartWork = () => {
      const { sTeamNameSId } = this.props.app;
      this.props.onSaveState({
        employeeData: JSON.parse(
          localStorage.getItem(
            `${commonConfig.prefix}oeeEmployeeData_${sTeamNameSId}`
          )
        )
      });
    };
  }
  componentWillUnmount() {
    window.reloadOeeStartWork = null;
    clearInterval(this.timer);
    this.timer = null;
    window.oeeStartworkHandleRefresh = null;
  }

  async componentWillMount() {
    const {
      masterData: masterDataOld,
      token,
      sModelsId,
      slaveConfig
    } = this.props;
    if (
      commonUtils.isNotEmptyObject(masterDataOld) &&
      masterDataOld.dAllMoney <= 0
    ) {
      // 取得主表中得默认计件工资
      masterDataOld.dWageMoney = await commonBusiness.getFormulaValue({
        token,
        sModelsId,
        masterDataOld,
        tableDataRow: masterDataOld,
        sComputeId: masterDataOld.sWageId
      });
      const returnData = await this.handleMasterChange(
        "master",
        "dProcessQty",
        { dProcessQty: masterDataOld.dProcessQty },
        "",
        [],
        true
      );
      const statusMenus = await this.handleGetMenu();
      this.props.onSaveState({
        ...returnData,
        statusMenus,
        slaveConfig
      });

      if (commonUtils.isNotEmptyObject(masterDataOld.sMachinePicturePath)) {
        const dom = document
          .getElementById("picturesItem")
          .getElementsByTagName("div")[0]
          .getElementsByTagName("img")[0];
        /* 如果超过屏幕高度 则为屏幕高度,否则传原图 */
        let realWidth = dom.naturalWidth;
        let realHeight = dom.naturalHeight;
        // const viewWidth = document.body.clientWidth; /* 可视区域宽度 */
        // const viewHeight = document.body.clientHeight;  /* 可视区域高度 */
        const viewWidth = window.screen.width; /* 屏幕宽度 */
        const viewHeight = window.screen.height; /* 屏幕高度 */
        realWidth = viewWidth;
        realHeight = viewHeight;
        const boxWidth = realWidth < 950 ? 950 : realWidth;
        const boxHeight = realWidth < 600 ? 600 : realHeight;
        this.setState({
          // 获得图片的实际高宽度
          imgOffsetWidth: realWidth,
          imgOffsetHeight: realHeight,
          boxWidth,
          boxHeight
        });
      }
    }
  }

  async componentWillReceiveProps(nextProps) {
    const {
      masterData: masterDataOld,
      app,
      slaveConfig,
      statusMenus,
      isFresh
    } = nextProps;
    const { sTeamNameSId } = app;
    localStorage.setItem(
      `${commonConfig.prefix}oeeEmployeeData_${sTeamNameSId}`,
      JSON.stringify(nextProps.employeeData)
    );
    localStorage.setItem(
      `xlybusinessiInsertCode_${this.props.sModelsId}`,
      JSON.stringify(this.state.insertList)
    );
    // if (commonUtils.isNotEmptyObject(masterDataOld) && masterDataOld.dAllMoney <= 0 && this.state.isRender1) {
    //   // 取得主表中得默认计件工资
    //   masterDataOld.dWageMoney = await commonBusiness.getFormulaValue({
    //     token, sModelsId, masterDataOld, tableDataRow: masterDataOld, sComputeId: masterDataOld.sWageId,
    //   });
    //   const returnData = await this.handleMasterChange('master', 'dProcessQty', { dProcessQty: masterDataOld.dProcessQty }, '', [], true);
    //   const statusMenus = await this.handleGetMenu();
    //   this.props.onSaveState({
    //     ...returnData, statusMenus, slaveConfig,
    //   });
    //
    //   if (commonUtils.isNotEmptyObject(masterDataOld.sMachinePicturePath)) {
    //     const dom = document.getElementById('picturesItem').getElementsByTagName('div')[0].getElementsByTagName('img')[0];
    //     /* 如果超过屏幕高度 则为屏幕高度,否则传原图 */
    //     let realWidth = dom.naturalWidth;
    //     let realHeight = dom.naturalHeight;
    //     // const viewWidth = document.body.clientWidth; /* 可视区域宽度 */
    //     // const viewHeight = document.body.clientHeight;  /* 可视区域高度 */
    //     const viewWidth = window.screen.width; /* 屏幕宽度 */
    //     const viewHeight = window.screen.height; /* 屏幕高度 */
    //     realWidth = viewWidth;
    //     realHeight = viewHeight;
    //     const boxWidth = realWidth < 950 ? 950 : realWidth;
    //     const boxHeight = realWidth < 600 ? 600 : realHeight;
    //     this.setState({ // 获得图片的实际高宽度
    //       imgOffsetWidth: realWidth,
    //       imgOffsetHeight: realHeight,
    //       boxWidth,
    //       boxHeight,
    //     });
    //   }
    //   this.setState({
    //     isRender1: false,
    //   });
    // }
    /* 初始化 按钮操作后 界面回刷时 都进行按钮状态亮与灰的判断 */
    if (commonUtils.isNotEmptyObject(masterDataOld) && this.state.isRender1) {
      /* 如果iPlcNo > 0 则 上报数量控制不可输入 */
      this.handleGetBtnStus(
        slaveConfig,
        masterDataOld
      ); /* 根据状态控制按钮的亮与灰色 */
      if (masterDataOld.iPlcNo > 0) {
        const iIndex = commonUtils.isNotEmptyObject(slaveConfig)
          ? slaveConfig.gdsconfigformslave.findIndex(
              item => item.sName === "dProcessQty"
            )
          : -1;
        if (iIndex > -1) {
          slaveConfig.gdsconfigformslave[iIndex].iTag = 2;
        }
        if (!this.timer) {
          this.timer = setInterval(async () => {
            await this.handleGetPlcData(masterDataOld, slaveConfig);
          }, 15000);
        }
      }
      if (commonUtils.isEmpty(statusMenus)) {
        /* 回刷页面 当机器状态数据为空时 调用接口获取状态下拉数据集 */
        const buttonConfigs = commonUtils.isNotEmptyObject(slaveConfig)
          ? slaveConfig.gdsconfigformslave.filter(
              item =>
                item.sName === "" &&
                item.showName !== "" &&
                item.sControlName !== "" &&
                item.bVisible &&
                item.sControlName.indexOf("BtnEndWorkStatus") > -1
            )
          : [];
        if (
          commonUtils.isNotEmptyArr(buttonConfigs) &&
          buttonConfigs.length > 0
        ) {
          const statusMenus = await this.handleGetMenu(buttonConfigs);
          if (commonUtils.isNotEmptyArr(statusMenus)) {
            this.props.onSaveState({ statusMenus });
          }
        }
      }
      this.setState({
        isRender1: false
      });
    }
    if (isFresh) {
      this.props.onSaveState({
        masterData: masterDataOld,
        isFresh: false
      });
    }
  }

  shouldComponentUpdate(nextProps) {
    const { employeeColumn } = nextProps;
    return commonUtils.isNotEmptyArr(employeeColumn);
  }

  handleGetMenu = async configs => {
    const { slaveConfig, sModelsId } = this.props;
    let dropdownData = [];
    // 取得配置中的按钮;
    let buttonConfigs = [];
    if (commonUtils.isEmptyArr(configs)) {
      buttonConfigs = commonUtils.isNotEmptyObject(slaveConfig)
        ? slaveConfig.gdsconfigformslave.filter(
            item =>
              item.sName === "" &&
              item.showName !== "" &&
              item.sControlName !== "" &&
              item.bVisible &&
              item.sControlName.indexOf("BtnEndWorkStatus") > -1
          )
        : [];
    } else {
      buttonConfigs = configs;
    }
    if (commonUtils.isNotEmptyArr(buttonConfigs) && buttonConfigs.length > 0) {
      const sqlDropDownData = await this.props.getSqlDropDownData(
        sModelsId,
        "master",
        buttonConfigs[0]
      );
      /* 根据sName得到过滤数据s */
      dropdownData = sqlDropDownData.dropDownData;
      return dropdownData;
    }
  };
  handleGetBtnStus = (slaveConfig, masterDataOld) => {
    /* 根据状态控制按钮的亮与灰色 */
    // 取得配置中的按钮
    const buttonConfigs = commonUtils.isNotEmptyObject(slaveConfig)
      ? slaveConfig.gdsconfigformslave.filter(
          item =>
            item.sName === "" &&
            item.sControlName !== "" &&
            item.bVisible &&
            item.sControlName.indexOf("Btn") > -1
        )
      : [];
    if (commonUtils.isNotEmptyArr(buttonConfigs)) {
      buttonConfigs.forEach(btnItem => {
        if (btnItem.sControlName === "BtnEndWorkReset") {
          /* 生产复位 */
          if (
            masterDataOld.sStatus !== "waitingWork" &&
            masterDataOld.sStatus !== "startWorking" &&
            masterDataOld.sStatus !== "adjustment" &&
            masterDataOld.sStatus !== "doWorkEnd" &&
            masterDataOld.sStatus !== "endWorked"
          ) {
            /* 不等于生产中/调机中/停机待料时 生产复位亮 */
            btnItem.btnStatus = true;
          } else {
            btnItem.btnStatus = false;
          }
        } else if (btnItem.sControlName === "BtnEndWorkPart") {
          // if (masterDataOld.sStatus === 'startWorking' || masterDataOld.sStatus === 'adjustment') { /* 生产中、调机中 生产完工、部分完工 按钮亮 */
          //   btnItem.btnStatus = true;
          // } else {
          //   btnItem.btnStatus = false;
          // }
          btnItem.btnStatus = true;
        } else if (btnItem.sControlName === "BtnEndWork") {
          if (masterDataOld.sStatus === "endWorked") {
            /* 生产中、调机中 生产完工、部分完工 按钮亮 */
            btnItem.btnStatus = false;
          } else {
            btnItem.btnStatus = true;
          }
        } else if (btnItem.sControlName === "BtnEndWorkOver") {
          /* 调机结束(机长首检） */
          if (
            masterDataOld.sStatus !== "startWorking" &&
            masterDataOld.sStatus !== "endWorked"
          ) {
            /* 调机中 调机结束亮 */
            btnItem.btnStatus = true;
          } else {
            btnItem.btnStatus = false;
          }
        } else if (btnItem.sControlName === "BtnEndWorkSearchPill") {
          /* 查看工单 */
          btnItem.btnStatus = true;
        } else if (btnItem.sControlName === "BtnEndWorkRemoveVoice") {
          /* 消音常亮 */
          btnItem.btnStatus = true;
        } else if (btnItem.sControlName.indexOf("RightSelf")) {
          /* 自定义按钮常量 */
          btnItem.btnStatus = true;
        }
        if (
          masterDataOld.sStatus === "offwork" &&
          btnItem.sControlName !== "BtnEndWorkSearchPill"
        ) {
          btnItem.btnStatus = false;
        }
        const sIndex = slaveConfig.gdsconfigformslave.findIndex(
          item => item.sControlName === btnItem.sControlName
        );
        if (sIndex > -1) {
          slaveConfig.gdsconfigformslave[sIndex] = btnItem;
        }
      });
    }
  };
  /* 每隔秒数 调用接口 */
  handleGetPlcData = async (masterDataOld, slaveConfig) => {
    const dataUrl = `${commonConfig.server_host}oee/getPlcDataById/${
      masterDataOld.sId
    }?sModelsId=${this.props.sModelsId}&sBarcode=${
      this.props.sBarcode ? this.props.sBarcode.split("\n")[0] : ""
    }`;
    const dataReturn = (await commonServices.getService(
      this.props.app.token,
      dataUrl
    )).data;
    // const dataUrlWarn = `${commonConfig.server_host}oee/doSysMesMsg/delete/${masterDataOld.sId}?sModelsId=${this.props.sModelsId}`;
    // const dataReturnWarn = (await commonServices.getService(this.props.app.token, dataUrlWarn)).data;
    if (dataReturn.code === 1) {
      const returnData = dataReturn.dataset.rows;
      if (commonUtils.isNotEmptyArr(returnData)) {
        const addState = returnData[0];
        // addState.dProcessQty = returnData[0].dProcessQty;
        // addState.sStatus = returnData[0].sStatus;
        if (commonUtils.isNotEmptyObject(addState)) {
          // masterDataOld = { ...masterDataOld, dProcessQty: addState.dProcessQty, status: addState.sStatus };
          masterDataOld = { ...masterDataOld, ...addState };

          this.handleGetBtnStus(slaveConfig, masterDataOld);

          if (addState.bFlushBarCode) {
            this.shiftInsertCode();
          }

          this.props.onSaveState({ masterData: masterDataOld });
        }
      }
    } else {
      this.props.getServiceError(dataReturn);
    }
  };

  handleInterfaceCall = async (obj, showTip, key) => {
    let bResult = false;
    const { app, sModelsId, masterData, slaveSelectedRowKeys } = this.props;
    const sInterfaceName = obj.sInterfaceName;
    const sApiUrl = obj.sApiUrl;
    /* 如果key是BtnSendList 传从表的主键集合 */
    let idArr = "";
    if (commonUtils.isNotEmptyObject(masterData)) {
      idArr = masterData.sId;
    }
    const value = { sId: idArr, userInfo: app.userinfo };
    const url = `${
      commonConfig.interface_host
    }interfaceDefine/callthirdparty/${sInterfaceName}?sModelsId=${sModelsId}`;
    const returnData = (await commonServices.postValueService(
      app.token,
      value,
      url
    )).data;
    console.log("接口打印：", returnData);
    // if (showTip) {
    //   if ((!returnData || returnData.code != 1)) {
    //     if (returnData.code === -8) {
    //       Modal.info({
    //         title: '温馨提示:',
    //         content: (
    //           <div>
    //             {this.handleGetMsg(returnData.msg)}
    //           </div>
    //         ),
    //         okText: '确认',
    //         onOk() {},
    //       });
    //     }
    //     // message.error('同步INFOR失败！');
    //     return;
    //   } else {
    //     message.success('同步INFOR成功！');
    //   }
    // }
    // let inforEvent = ['itemiss', 'jobmatliss', 'jobmatliss-bz', 'jobmatliss-tl', 'jobmatliss-cx'];
    // if (obj && inforEvent.indexOf(obj.sInterfaceName) !== -1) {
    //   if ((!returnData || returnData.code != 1)) {
    //     if (returnData) {
    //       if (returnData.code === -8) {
    //         Modal.info({
    //           title: '温馨提示:',
    //           content: (
    //             <div>
    //               {this.handleGetMsg(returnData.msg)}
    //             </div>
    //           ),
    //           okText: '确认',
    //           onOk() {},
    //         });
    //       } else {
    //         message.error(returnData.erroMsg);
    //       }
    //     } else {
    //       message.error('审核失败！');
    //     }
    //     return false;
    //   }
    // }
    //
    // if (returnData.code === 1) {
    //   bResult = true;
    // } else if (returnData.code === -8) {
    //   Modal.info({
    //     title: '温馨提示:',
    //     content: (
    //       <div>
    //         {this.handleGetMsg(returnData.msg)}
    //       </div>
    //     ),
    //     okText: '确认',
    //     onOk() {},
    //   });
    // } else {
    //   bResult = false;
    //   this.props.getServiceError(returnData);
    // }
    // return bResult;
  };

  handleEndWork = async partEndWork => {
    // partEndWork为true时 部分完工
    const {
      masterConfig,
      employeeConfig,
      employeeData,
      employeeDelData,
      token,
      sModelsId,
      app,
      slaveData,
      slaveConfig,
      onSaveCurrentState,
      sBarcode
    } = this.props;
    let { masterData } = this.props;
    const { systemData } = app;

    /* 根据后台配置校验字段是否不能为空,或为0 */
    if (!commonBusiness.validateMaster(masterConfig, masterData, this.props)) {
      return;
    }
    let interfaceArr = "";
    const buttonConfigArr = slaveConfig.gdsconfigformslave.filter(
      item => item.sControlName && item.sControlName === "BtnEndWork"
    );
    if (commonUtils.isNotEmptyArr(buttonConfigArr)) {
      const buttonConfig = buttonConfigArr[0];
      interfaceArr = buttonConfig.interface;
    }
    /* 校验动态参数不能为空*/
    console.log("调试点0", 111);
    for (let i = 1; i < 20; i++) {
      const iIndex = masterConfig.gdsconfigformslave.findIndex(
        item => item.sName === `sParamValue${i.toString()}`
      );
      if (
        iIndex > -1 &&
        !commonUtils.isEmpty(masterData[`sParam${i.toString()}`])
      ) {
        masterConfig.gdsconfigformslave[iIndex].showName =
          masterData[`sParam${i.toString()}`];
        // processConfig.gdsconfigformslave[iIndex].bVisible = !itemProcess[`sParam${i.toString()}`].includes('参数值');
        const sParamNotEmpty = `sParamNotEmpty${i.toString()}`;
        if (masterData[sParamNotEmpty]) {
          console.log(
            "调试点",
            masterData[`sParam${i.toString()}`],
            masterData[sParamNotEmpty]
          );
          if (commonUtils.isEmpty(masterData[`sParamValue${i.toString()}`])) {
            console.log("调试点2", masterData[`sParamValue${i.toString()}`]);
            const sShowName = masterData[`sParam${i.toString()}`];
            message.error(sShowName + "参数值不能为空！");
            return;
          }
        }
      }
    }

    // const iPlcNo = commonUtils.isNotEmptyObject(app.iPlcNo) ? commonUtils.convertStrToNumber(app.iPlcNo) : 0;
    if (
      commonUtils.isNotEmptyObject(masterData) &&
      commonUtils.isNotEmptyArr(employeeData)
    ) {
      if (
        (commonUtils.isNotEmptyNumber(masterData.dProcessQty) &&
          masterData.dProcessQty > 0) ||
        masterData.dProductionReportQty > 0
      ) {
        // if (iPlcNo > 0 || (masterData.sStatus === 'startWorking' || masterData.sStatus === 'adjustment')) { /* 调机中、生产中 可以上报 */
        if (true) {
          /* 任何状态均可上报 */
          const value = {};
          value.data = {};
          value.sFormId = "";
          const btnCopyToConfigs = masterConfig.gdsconfigformslave.filter(
            item =>
              item.sName === "" &&
              item.bVisible &&
              item.sControlName.indexOf("BtnCopyTo.over") > -1
          );
          const sAssignField = {};
          if (commonUtils.isNotEmptyArr(btnCopyToConfigs)) {
            // eslint-disable-next-line array-callback-return
            btnCopyToConfigs.map(item => {
              if (
                commonUtils.isNotEmptyStr(item.sActiveId) &&
                commonUtils.isEmptyStr(value.sFormId)
              ) {
                value.sFormId = item.sActiveId;
              }
              const tableName = item.sControlName.split(".")[2];
              sAssignField[tableName] = item.sAssignField;
            });
          }

          /* 上报前 重新计算上报公式 */
          // eslint-disable-next-line prefer-destructuring
          const sFactCapacityId = masterData.sFactCapacityId;
          if (commonUtils.isNotEmptyObject(sFactCapacityId)) {
            /* 根据工时公式 获取工时 */
            masterData.dHour = await commonBusiness.getFormulaValue({
              token,
              sModelsId,
              masterData,
              tableDataRow: masterData,
              sComputeId: sFactCapacityId
            });
          } else {
            /* 没有公式时 取相减得出的时间 */
            const startTime = masterData.tCreateDate;
            const date2 = new Date(); //结束时间
            const date3 = date2.getTime() - new Date(startTime).getTime(); //时间差的毫秒数
            // const dSecond = date3 / 1000;
            const dSecond = Math.floor(date3 / 1000);
            masterData.dHour = commonUtils.isNull(dSecond, 0);
          }

          // eslint-disable-next-line prefer-destructuring
          const sWageId = masterData.sWageId;
          if (commonUtils.isNotEmptyObject(sWageId)) {
            masterData.sMachineId = this.props.app.sMachineNameSId; /* 上报机台id */
            masterData.sMachineName = this.props.app.sMachineNameStr; /* 上报机台name */
            masterData.dWageMoney = await commonBusiness.getFormulaValue({
              token,
              sModelsId,
              masterData,
              tableDataRow: masterData,
              sComputeId: sWageId
            });
            const dWageMoneyTotal = masterData.dWageMoney;
            let dProportionTotal = 0;
            let employeeSlaveData = [];
            if (commonUtils.isNotEmptyArr(employeeData)) {
              employeeSlaveData = employeeData.filter(
                item => item.sParentId === this.props.app.sTeamNameSId
              );
            }
            employeeSlaveData.forEach(item => {
              if (
                commonUtils.isNotEmptyNumber(item.dProportion) &&
                item.dProportion !== 0
              ) {
                dProportionTotal += item.dProportion;
              }
            });
            employeeSlaveData.forEach(item => {
              if (commonUtils.isNotEmptyNumber(item.dProportion)) {
                const index1 = employeeData.findIndex(
                  item1 => item1.sId === item.sId
                );
                employeeData[index1] = {
                  ...item,
                  dWageMoney: commonUtils.convertFixNum(
                    (item.dProportion / dProportionTotal) *
                      commonUtils.isNull(masterData.dWageMoney, 0),
                    6
                  ),
                  dTimeMoney: commonUtils.convertFixNum(
                    (item.dProportion / dProportionTotal) *
                      commonUtils.isNull(masterData.dTimeMoney, 0),
                    6
                  ),
                  dLossMoney: commonUtils.convertFixNum(
                    (item.dProportion / dProportionTotal) *
                      commonUtils.isNull(masterData.dLossMoney, 0),
                    6
                  ),
                  dOtherMoney: commonUtils.convertFixNum(
                    (item.dProportion / dProportionTotal) *
                      commonUtils.isNull(masterData.dOtherMoney, 0),
                    6
                  ),
                  dJobMoney: commonUtils.convertFixNum(
                    (item.dProportion / dProportionTotal) *
                      commonUtils.isNull(masterData.dJobMoney, 0),
                    6
                  ),
                  handleType: commonUtils.isEmpty(item.handleType)
                    ? "update"
                    : item.handleType
                };
                if (
                  commonUtils.isNotEmptyNumber(masterData.dMakeReadyHour) &&
                  masterData.dMakeReadyHour > 0
                ) {
                  /* 有计时工资情况下按计时工资算 */
                  employeeData[index1].dTimeMoney = commonUtils.convertFixNum(
                    item.dHourWage *
                      commonUtils.isNull(masterData.dMakeReadyHour, 0),
                    6
                  );
                }
              }
            });
            /* 选择计件方案后 算总金额 */
            const dWageMoney = commonUtils.isNotEmptyNumber(dWageMoneyTotal)
              ? commonUtils.convertFixNum(dWageMoneyTotal, 6)
              : 0;
            const dTimeMoney = commonUtils.isNotEmptyNumber(
              masterData.dTimeMoney
            )
              ? commonUtils.convertFixNum(masterData.dTimeMoney, 6)
              : 0;
            const dLossMoney = commonUtils.isNotEmptyNumber(
              masterData.dLossMoney
            )
              ? commonUtils.convertFixNum(masterData.dLossMoney, 6)
              : 0;
            masterData.dAllMoney = commonUtils.convertFixNum(
              dWageMoney + dTimeMoney - dLossMoney,
              6
            );
          }

          const employeeDataTatil = employeeDelData.concat(employeeData);
          value.data[employeeConfig.sTbName.toLowerCase()] = employeeDataTatil;
          value.data[masterConfig.sTbName.toLowerCase()] = [];
          // const endWorked = commonFunc.showMessage(app.commonConst, 'endWorked');/* 完工 */
          if (commonUtils.isNotEmptyObject(masterData)) {
            // masterData.sStatus = 'endWorked';
            /* 塞sBarcode 数据 */
            if (commonUtils.isNotEmptyObject(sBarcode)) {
              masterData.sBarcode = sBarcode;
            }
            value.data[masterConfig.sTbName.toLowerCase()].push(masterData);
          }
          value.sAssignField = sAssignField;
          value.sTeamId = app.sTeamNameSId;
          value.sMachineId = app.sMachineNameSId;
          let dataUrl = "";
          if (partEndWork) {
            // 不停机上报
            const copyToConfig = commonUtils.isNotEmptyObject(slaveConfig)
              ? slaveConfig.gdsconfigformslave.filter(
                  item => item.sControlName === "BtnCopyTo.productionReport"
                )
              : ""; // 获取开工配置
            value.sWorkAssignField = commonUtils.isNotEmptyObject(copyToConfig)
              ? copyToConfig[0].sAssignField
              : "";
            dataUrl = `${
              commonConfig.server_host
            }oee/doOutputReportPart?sModelsId=${sModelsId}`;
          } else {
            // 停机上报
            dataUrl = `${
              commonConfig.server_host
            }oee/doOutputReport?sModelsId=${sModelsId}`;
          }
          const dataReturn = (await commonServices.postValueService(
            token,
            value,
            dataUrl
          )).data;
          if (dataReturn.code === 1) {
            /* 推送接口 */
            if (commonUtils.isNotEmptyArr(interfaceArr)) {
              /* 之后调用 */
              const asyncFunc = async () => {
                for (let i = 0; i < interfaceArr.length; i++) {
                  await this.handleInterfaceCall(interfaceArr[i], true);
                }
              };
              await asyncFunc();
            }

            let bCkxOEEToTask = "0";
            message.success(dataReturn.msg);
            if (commonUtils.isNotEmptyArr(slaveData) && !partEndWork) {
              if (commonUtils.isNotEmptyArr(systemData)) {
                const filterData = systemData.filter(
                  item => item.sName === "CkxOEEToTask"
                );
                if (commonUtils.isNotEmptyArr(filterData)) {
                  bCkxOEEToTask = filterData[0].sValue;
                  if (bCkxOEEToTask === "1") {
                    const url = "/indexOee/processReportList";
                    this.handleLinkTo(url, "3");
                  } else {
                    onSaveCurrentState(
                      slaveData,
                      true,
                      undefined,
                      undefined,
                      2
                    );
                  }
                }
              }
            } else if (partEndWork) {
              const returnData = dataReturn.dataset.rows[0];
              masterData = { ...masterData, ...returnData };
              if (commonUtils.isNotEmptyArr(slaveData)) {
                slaveData[0] = { ...slaveData[0], ...returnData };
              }
              /* 移除条形码 */
              masterData.sBarcode = "";
              this.props.onSaveState({
                masterData
              });
            }
            await this.props.onButtonClick("BtnRefresh", bCkxOEEToTask !== "1");
          } else {
            this.props.getServiceError(dataReturn);
          }
        } else {
          message.error(
            commonFunc.showMessage(app.commonConst, "sToExamineCheck")
          );
        }
      } else {
        message.warning(
          commonFunc.showMessage(app.commonConst, "dProcessQtyNoNull")
        );
      }
    }
    // this.handleRecoveryClick(); // 恢复按钮点击
  };
  handlePartEndWork = async () => {
    // 部分完工
    await this.handleEndWork(true);
  };

  /* 系统设定OEE完工转任务若打钩，则OEE上报完成后 跳转到生产任务界面 */
  handleLinkTo = (path, linkToActiveKey) => {
    const { dispatch, onSaveCurrentState } = this.props;
    dispatch(routerRedux.push(path));
    onSaveCurrentState(undefined, undefined, linkToActiveKey); // 变为当前设备的未清页面
  };
  handleSearchPill = () => {
    // 查看工单
    const { masterData, masterConfig, token } = this.props;
    const sWorkOrderConfig = commonUtils.isNotEmptyObject(masterConfig)
      ? masterConfig.gdsconfigformslave.filter(
          item => item.sName === "sWorkOrderNo" && item.bVisible
        )[0]
      : {};
    if (
      commonUtils.isNotEmptyObject(sWorkOrderConfig) &&
      commonUtils.isNotEmptyObject(masterData)
    ) {
      const printPdf =
        sWorkOrderConfig.sControlName; /* 工单号配置调到打印界面，跳转打印页面 */
      // eslint-disable-next-line prefer-destructuring
      const sActiveKey =
        sWorkOrderConfig.sActiveKey; /* 弹出界面对应数据主字段 */
      if (
        commonUtils.isNotEmptyObject(printPdf) &&
        printPdf === "printPdf" &&
        commonUtils.isNotEmptyObject(sActiveKey)
      ) {
        // eslint-disable-next-line prefer-destructuring
        const sActiveId =
          sWorkOrderConfig.sActiveId === "1"
            ? commonUtils.isEmpty(masterData.sFormId)
              ? masterData.sSrcFormId
              : masterData.sFormId
            : masterData.sActiveId;
        const printsId = masterData[sActiveKey];
        const urlPrint = `${
          commonConfig.server_host
        }printReport/printPdfByFromDataId/${printsId}.pdf?sModelsId=${sActiveId}&sId=${printsId}&token=${encodeURIComponent(
          token
        )}`;
        window.open(urlPrint);
      }
    }
    // this.handleRecoveryClick(); // 恢复按钮点击
  };

  handleRemoveVoice = async () => {
    // 消音
    const { app, sModelsId, masterData } = this.props;
    if (masterData.iPlcNo > 0) {
      const sMachineId = this.props.app.sMachineNameSId; /* 上报机台id */
      const dataUrl = `${
        commonConfig.server_host
      }oee/doVoicePlc/${sMachineId}?sModelsId=${sModelsId}`;
      const dataReturn = (await commonServices.postValueService(
        app.token,
        {},
        dataUrl
      )).data;
      if (dataReturn.code === 1) {
        message.success("消音成功！");
      } else {
        /*   失败   */
        this.props.getServiceError(dataReturn);
      }
    } else {
      message.error("没有消音功能！");
    }
  };

  handleDelVoice = async () => {
    // 消音
    const { app, sModelsId, masterData } = this.props;
    if (masterData.iPlcNo > 0) {
      const sMachineId = this.props.app.sMachineNameSId; /* 上报机台id */
      const dataUrl = `${
        commonConfig.server_host
      }oee/doSysMesMsg/delete/${sMachineId}?sModelsId=${sModelsId}`;
      const dataReturn = (await commonServices.postValueService(
        app.token,
        {},
        dataUrl
      )).data;
      if (dataReturn.code === 1) {
        message.success("删除成功！");
      } else {
        /*   失败   */
        this.props.getServiceError(dataReturn);
      }
    } else {
      message.error("没有删除功能！");
    }
  };

  handleRefresh = async () => {
    await this.handleGetPlcData(this.props.masterData, this.props.slaveConfig);
  };

  handleRecoveryClick = () => {
    setTimeout(() => {
      // 防止多次点击,回复点击
      this.setState({
        bool: true
      });
    }, 1000);
  };
  handleBtnClick = async btnConfig => {
    console.log("=====btnConfig", btnConfig);
    const { app, slaveConfig } = this.props;
    this.setState({
      bool: false
    });
    let interfaceArr = "";
    const buttonConfigArr = slaveConfig.gdsconfigformslave.filter(
      item =>
        item.sControlName &&
        item.sControlName.indexOf(btnConfig.sControlName) > -1
    );
    if (commonUtils.isNotEmptyArr(buttonConfigArr)) {
      const buttonConfig = buttonConfigArr[0];
      interfaceArr = buttonConfig.interface;
    }
    if (true) {
      if (btnConfig.sControlName === "BtnEndWorkPart") {
        let idx = 0;
        for (let i = 0; i < this.state.insertList.length; i++) {
          if (this.state.insertList[i] === "") {
            idx = i;
            break;
          }
        }
        if (idx == 0) {
          document.getElementById("input_" + idx).focus();
          message.error("请扫流转卡条码！");
          return;
        }
      }
      if (
        btnConfig.sControlName === "BtnEndWork" ||
        btnConfig.sControlName === "BtnMenuRight.BtnEndWork"
      ) {
        // 停机上报
        await this.handleEndWork(false);
      } else if (btnConfig.sControlName.includes("BtnEndWorkPart")) {
        // 不停机上报
        await this.handlePartEndWork();
      } else if (
        btnConfig.sControlName.includes("BtnEndWorkOver") ||
        btnConfig.sControlName.includes("BtnEndWorkReset")
      ) {
        // 生产复位 、调机结束
        const { sModelsId, app, slaveConfig } = this.props;
        let { masterData } = this.props;
        if (commonUtils.isNotEmptyObject(masterData)) {
          const iPlcNo = commonUtils.isNotEmptyObject(masterData.iPlcNo)
            ? commonUtils.convertStrToNumber(masterData.iPlcNo)
            : 0;
          const value = {
            plcMachinedata: masterData
          };
          let doWorkEnd = "startWorking";
          if (btnConfig.sControlName.includes("BtnEndWorkReset")) {
            doWorkEnd = "waitingWork";
          } else if (
            iPlcNo > 0 &&
            btnConfig.sControlName.includes("BtnEndWorkOver")
          ) {
            doWorkEnd = "doWorkEnd";
          }
          const url = `${
            commonConfig.server_host
          }oee/doUpdateStatus/${doWorkEnd}?sModelsId=${sModelsId}`;
          const returnData = (await commonServices.postValueService(
            app.token,
            value,
            url
          )).data;
          if (returnData.code === 1) {
            const dataRturn = returnData.dataset.rows[0];

            /* 推送接口 */
            if (commonUtils.isNotEmptyArr(interfaceArr)) {
              /* 之后调用 */
              const asyncFunc = async () => {
                for (let i = 0; i < interfaceArr.length; i++) {
                  await this.handleInterfaceCall(interfaceArr[i], true);
                }
              };
              await asyncFunc();
            }

            masterData = { ...masterData, ...dataRturn };
            this.handleGetBtnStus(
              slaveConfig,
              masterData
            ); /* 根据状态控制按钮的亮与灰色 */
            this.props.onSaveState({
              masterData,
              bResetTimer: true
            });
            message.success(returnData.msg);
            this.props.onButtonClick("BtnRefresh");
          } else {
            /*   失败   */
            this.props.getServiceError(returnData);
          }
        }
        // this.handleRecoveryClick(); // 恢复按钮点击
      } else if (
        btnConfig.sControlName &&
        btnConfig.sControlName.includes("BtnEndWorkSearchPill")
      ) {
        // 查看工单
        this.handleSearchPill();
      } else if (
        btnConfig.sControlName &&
        btnConfig.sControlName.includes("BtnEndWorkRemoveVoice")
      ) {
        // 消音
        this.handleRemoveVoice();
      } else if (btnConfig.sControlName.includes("BtnEnterLabel")) {
        // 标签打印
        const { slaveSelectedRowKeys, getSlaveSelectedRowKeys } = this.props;
        if (commonUtils.isEmptyArr(slaveSelectedRowKeys)) {
          message.warn("请选择数据！");
          return;
        }
        const { slaveData, onSaveCurrentState } = this.props;
        /* 打印标签跳转的界面模块ID */
        onSaveCurrentState(slaveData, undefined, undefined, btnConfig);
        this.props.onOeeLabelCopyTo(
          btnConfig.sControlName,
          btnConfig.sActiveId
        );
        this.props.dispatch(routerRedux.push("/indexOee/labelPrint"));
        if (commonUtils.isNotEmptyArr(slaveSelectedRowKeys)) {
          // 向父组件中存slaveSelectedRowKeys
          getSlaveSelectedRowKeys(slaveSelectedRowKeys);
        }
      } else if (btnConfig.sControlName.includes("OeeCopyTo")) {
        /* OEE单据 */
        const { slaveSelectedRowKeys, getSlaveSelectedRowKeys } = this.props;
        if (commonUtils.isEmptyArr(slaveSelectedRowKeys)) {
          message.warn("请选择数据！");
          return;
        }
        const { slaveData, onSaveCurrentState } = this.props;
        onSaveCurrentState(
          slaveData,
          undefined,
          undefined,
          btnConfig,
          undefined,
          true
        );
        // this.props.onOeeBillCopyTo(btnConfig.sControlName, btnConfig.sActiveId, btnConfig);
        await this.props.onOeeBillCopyTo(
          btnConfig.sControlName,
          btnConfig.sActiveId,
          btnConfig,
          () => {
            this.setState({
              bool: true
            });
          }
        );
        // this.props.dispatch(routerRedux.push('/indexOee/commonBillOee'));
        if (commonUtils.isNotEmptyArr(slaveSelectedRowKeys)) {
          // 向父组件中存slaveSelectedRowKeys
          getSlaveSelectedRowKeys(slaveSelectedRowKeys);
        }
      } else if (
        commonUtils.isNotEmptyObject(btnConfig.sControlName) &&
        btnConfig.sControlName.indexOf("Repair") > -1
      ) {
        /* 自定义按钮 */
        this.props.onOeeBtnEent(btnConfig);
      }

      // 停机上报删除一条
      if (
        btnConfig.sControlName === "BtnEndWork" ||
        btnConfig.sControlName === "BtnEndWorkPart"
      ) {
        this.shiftInsertCode();
      }
    } else {
      message.warning(commonFunc.showMessage(app.commonConst, "donotRepeat"));
    }
    if (!btnConfig.sControlName.includes("OeeCopyTo")) {
      this.setState({
        bool: true
      });
    }
  };

  shiftInsertCode() {
    const prevList = this.state.insertList.slice(0);
    prevList.shift();
    if (prevList.length < 4) {
      prevList.push("");
    }
    this.setState({
      insertList: prevList
    });
    this.props.onSaveState({
      sBarcode: this.state.insertList.length ? this.state.insertList[0] : ""
    });
    setTimeout(() => {
      let idx = 0;
      for (let i = 0; i < this.state.insertList.length; i++) {
        if (this.state.insertList[i] === "") {
          idx = i;
          break;
        }
      }
      if (document.getElementById("input_" + idx)) {
        document.getElementById("input_" + idx).focus();
      }
    }, 0);
  }

  /* 状态改变 */
  handleBtnStatusClick = async item => {
    this.setState({
      bool: false
    });
    if (commonUtils.isNotEmptyObject(item.sName)) {
      // 调机结束
      const { sModelsId, app, slaveConfig } = this.props;
      let { masterData } = this.props;
      if (commonUtils.isNotEmptyObject(masterData)) {
        const value = {
          plcMachinedata: masterData
        };
        const doWorkEnd = item.sName;
        const url = `${
          commonConfig.server_host
        }oee/doUpdateStatus/${doWorkEnd}?sModelsId=${sModelsId}`;
        const returnData = (await commonServices.postValueService(
          app.token,
          value,
          url
        )).data;
        if (returnData.code === 1) {
          const dataRturn = returnData.dataset.rows[0];
          masterData = { ...masterData, ...dataRturn };

          let interfaceArr = "";
          const buttonConfigArr = slaveConfig.gdsconfigformslave.filter(
            item =>
              item.sControlName &&
              item.sControlName.includes("BtnEndWorkStatusHeader")
          );
          if (commonUtils.isNotEmptyArr(buttonConfigArr)) {
            const buttonConfig = buttonConfigArr[0];
            interfaceArr = buttonConfig.interface;
            console.log("切换状态接口:", interfaceArr);
          }

          /* 推送接口 */
          if (commonUtils.isNotEmptyArr(interfaceArr)) {
            /* 之后调用 */
            const asyncFunc = async () => {
              for (let i = 0; i < interfaceArr.length; i++) {
                await this.handleInterfaceCall(interfaceArr[i], true);
              }
            };
            await asyncFunc();
          }

          this.handleGetBtnStus(
            slaveConfig,
            masterData
          ); /* 根据状态控制按钮的亮与灰色 */
          this.props.onSaveState({
            masterData
          });
          message.success(returnData.msg);
          // this.handleRecoveryClick(); // 恢复按钮点击
          // this.props.onButtonClick('BtnRefresh');
        } else {
          /*   失败   */
          this.props.getServiceError(returnData);
        }
      }
    }
    this.setState({
      bool: true
    });

    // const { app } = this.props;
    // this.setState({
    //   bool: false,
    // });
    // if (this.state.bool) {
    //   if (btnConfig.sControlName === 'BtnEndWork') { // 停机上报
    //     this.handleEndWork(false);
    //   } else if (btnConfig.sControlName === 'BtnEndWorkPart') { // 不停机上报
    //     this.handlePartEndWork();
    //   } else if (btnConfig.sControlName === 'BtnEndWorkOver') { // 调机结束
    //     const { sModelsId, app } = this.props;
    //     let { masterData } = this.props;
    //     if (commonUtils.isNotEmptyObject(masterData)) {
    //       const value = {
    //         plcMachinedata: masterData,
    //       };
    //       const doWorkEnd = 'doWorkEnd';
    //       const url = `${commonConfig.server_host}oee/doUpdateStatus/${doWorkEnd}?sModelsId=${sModelsId}`;
    //       const returnData = (await commonServices.postValueService(app.token, value, url)).data;
    //       if (returnData.code === 1) {
    //         const dataRturn = returnData.dataset.rows[0];
    //         masterData = { ...masterData, ...dataRturn };
    //         this.props.onSaveState({
    //           masterData,
    //         });
    //         message.success(returnData.msg);
    //         this.props.onButtonClick('BtnRefresh');
    //       } else { /*   失败   */
    //         this.props.getServiceError(returnData);
    //       }
    //     }
    //     this.handleRecoveryClick(); // 恢复按钮点击
    //   } else if (btnConfig.sControlName === 'BtnEndWorkSearchPill') { // 查看工单
    //     this.handleSearchPill();
    //   }
  };

  /** 表格数据更改 */
  handleMasterChange = async (
    name,
    sFieldName,
    changeValue,
    sId,
    dropDownData,
    isWait
  ) => {
    /*   从CommonBase获取默认参数   */
    if (name === "master") {
      const {
        sModelsId,
        token,
        employeeDelData: employeeDelDataOld,
        masterConfig
      } = this.props;
      let { employeeData, [`${name}Data`]: tableData } = this.props;
      const employeeDelData = commonUtils.isEmptyArr(employeeDelDataOld)
        ? []
        : employeeDelDataOld;
      let tableDataRow = await this.props.onChange(
        name,
        sFieldName,
        changeValue,
        sId,
        dropDownData,
        true
      );
      if (
        commonUtils.isNotEmptyObject(tableDataRow) &&
        commonUtils.isNotEmptyObject(tableDataRow.masterData)
      ) {
        const addState = commonBusiness.getKeyUpEvent(
          name,
          sFieldName,
          masterConfig,
          tableDataRow.masterData,
          {},
          true
        );
        if (commonUtils.isNotEmptyObject(addState)) {
          tableDataRow = addState;
        }
      }

      tableData = commonUtils.isNotEmptyObject(tableDataRow.masterData)
        ? tableDataRow.masterData
        : tableDataRow;
      const masterData = commonUtils.isNotEmptyObject(tableDataRow.masterData)
        ? tableDataRow.masterData
        : tableDataRow;
      if (tableDataRow === undefined) return;
      if (sFieldName === "sTeamName" || sFieldName === "sTeamId") {
        // eslint-disable-next-line prefer-destructuring
        const sTeamId = masterData.sTeamId;
        const sSlaveId = masterData.sId;
        // eslint-disable-next-line prefer-destructuring
        const sParentId = masterData.sId;
        // let handleType = tableData[iIndex].handleType;/* 获取操作类型 */
        // handleType = commonUtils.isEmpty(handleType) ? 'update' : handleType;
        const url = `${
          commonConfig.server_host
        }eleteamemployee/getEleteamemployee?sModelsId=${sModelsId}&sTeamId=${sTeamId}&sSlaveId=${sSlaveId}&sParentId=${sParentId}`;
        const dataReturn = (await commonServices.getService(token, url)).data;
        if (dataReturn.code === 1) {
          let employeeDataNew = [];
          if (commonUtils.isNotEmptyArr(employeeData)) {
            employeeData.filter(item => item.sSlaveId === sId).forEach(item => {
              item.handleType = "del";
              employeeDelData.push(item);
            });
            employeeDataNew = employeeData.filter(
              item => item.sSlaveId !== sId
            );
          }
          const returnData = dataReturn.dataset.rows;
          const employeeSlaveData = [];
          returnData.forEach(child => {
            employeeSlaveData.push({
              sId: child.sId,
              sParentId: child.sParentId,
              sSlaveId: child.sSlaveId,
              sEmployeeId: child.sEmployeeId,
              sEmployeeNo: child.sEmployeeNo,
              sEmployeeName: child.sEmployeeName,
              dProportion:
                child.dProportion !== 0
                  ? child.dProportion
                  : commonUtils.convertFixNum(1 / returnData.length, 6),
              handleType: "add"
            });
          });
          /* 班组变化时，算每个工作人员计件工资 */
          let dProportionTotal = 0;
          employeeSlaveData.forEach(item => {
            if (
              commonUtils.isNotEmptyNumber(item.dProportion) &&
              item.dProportion !== 0
            ) {
              dProportionTotal += commonUtils.convertFixNum(
                item.dProportion,
                6
              );
              dProportionTotal = commonUtils.convertFixNum(dProportionTotal, 6);
            }
          });
          employeeSlaveData.forEach(item => {
            if (commonUtils.isNotEmptyNumber(item.dProportion)) {
              const index1 = employeeSlaveData.findIndex(
                item1 => item1.sId === item.sId
              );
              employeeSlaveData[index1] = {
                ...item,
                dWageMoney: commonUtils.convertFixNum(
                  (item.dProportion / dProportionTotal) *
                    commonUtils.isNull(masterData.dWageMoney, 0),
                  6
                ),
                dTimeMoney: commonUtils.convertFixNum(
                  (item.dProportion / dProportionTotal) *
                    commonUtils.isNull(masterData.dTimeMoney, 0),
                  6
                ),
                dLossMoney: commonUtils.convertFixNum(
                  (item.dProportion / dProportionTotal) *
                    commonUtils.isNull(masterData.dLossMoney, 0),
                  6
                ),
                dOtherMoney: commonUtils.convertFixNum(
                  (item.dProportion / dProportionTotal) *
                    commonUtils.isNull(masterData.dOtherMoney, 0),
                  6
                ),
                dJobMoney: commonUtils.convertFixNum(
                  (item.dProportion / dProportionTotal) *
                    commonUtils.isNull(masterData.dJobMoney, 0),
                  6
                ),
                handleType: commonUtils.isEmpty(item.handleType)
                  ? "update"
                  : item.handleType
              };
            }
          });
          employeeData = employeeDataNew.concat(employeeSlaveData);
        } else {
          /*   失败   */
          this.props.getServiceError(dataReturn);
        }
      } else if (
        sFieldName === "dProcessQty" ||
        sFieldName === "sWageId" ||
        sFieldName === "sWageName"
      ) {
        // eslint-disable-next-line prefer-destructuring
        // const sWageId = masterData.sWageId;
        // if (commonUtils.isNotEmptyObject(sWageId)) {
        //   masterData.dWageMoney = await commonBusiness.getFormulaValue({
        //     token, sModelsId, masterData, tableDataRow: tableDataRow.masterData, sComputeId: sWageId,
        //   });
        // }
        // const dWageMoneyTotal = masterData.dWageMoney;
        // let dProportionTotal = 0;
        // let employeeSlaveData = [];
        // if (commonUtils.isNotEmptyArr(employeeData)) {
        //   employeeSlaveData = employeeData.filter(item => item.sParentId === this.props.app.sTeamNameSId);
        // }
        // employeeSlaveData.forEach((item) => {
        //   if (commonUtils.isNotEmptyNumber(item.dProportion) && item.dProportion !== 0) {
        //     dProportionTotal += item.dProportion;
        //   }
        // });
        // employeeSlaveData.forEach((item) => {
        //   if (commonUtils.isNotEmptyNumber(item.dProportion)) {
        //     const index1 = employeeData.findIndex(item1 => item1.sId === item.sId);
        //     employeeData[index1] = {
        //       ...item,
        //       dWageMoney: commonUtils.convertFixNum((item.dProportion / dProportionTotal) * commonUtils.isNull(masterData.dWageMoney, 0), 6),
        //       dTimeMoney: commonUtils.convertFixNum((item.dProportion / dProportionTotal) * commonUtils.isNull(masterData.dTimeMoney, 0), 6),
        //       dLossMoney: commonUtils.convertFixNum((item.dProportion / dProportionTotal) * commonUtils.isNull(masterData.dLossMoney, 0), 6),
        //       dOtherMoney: commonUtils.convertFixNum((item.dProportion / dProportionTotal) * commonUtils.isNull(masterData.dOtherMoney, 0), 6),
        //       dJobMoney: commonUtils.convertFixNum((item.dProportion / dProportionTotal) * commonUtils.isNull(masterData.dJobMoney, 0), 6),
        //       handleType: commonUtils.isEmpty(item.handleType) ? 'update' : item.handleType,
        //     };
        //   }
        // });
        // /* 选择计件方案后 算总金额 */
        // const dWageMoney = commonUtils.isNotEmptyNumber(dWageMoneyTotal) ? commonUtils.convertFixNum(dWageMoneyTotal, 6) : 0;
        // const dTimeMoney = commonUtils.isNotEmptyNumber(masterData.dTimeMoney) ? commonUtils.convertFixNum(masterData.dTimeMoney, 6) : 0;
        // const dLossMoney = commonUtils.isNotEmptyNumber(masterData.dLossMoney) ? commonUtils.convertFixNum(masterData.dLossMoney, 6) : 0;
        // masterData.dAllMoney = commonUtils.convertFixNum((dWageMoney + dTimeMoney) - dLossMoney, 6);
      } else if (sFieldName === "dTimeMoney" || sFieldName === "dLossMoney") {
        /* 总金额=计件工资+工时工资-损失金额 */
        let dProportionTotal = 0;
        const employeeSlaveData = employeeData.filter(
          item => item.sSlaveId === sId
        );
        employeeSlaveData.forEach(item => {
          if (
            commonUtils.isNotEmptyNumber(item.dProportion) &&
            item.dProportion !== 0
          ) {
            dProportionTotal += item.dProportion;
          }
        });
        employeeSlaveData.forEach(item => {
          if (commonUtils.isNotEmptyNumber(item.dProportion)) {
            const index1 = employeeData.findIndex(
              item1 => item1.sId === item.sId
            );
            employeeData[index1] = {
              ...item,
              dWageMoney: commonUtils.convertFixNum(
                (item.dProportion / dProportionTotal) *
                  commonUtils.isNull(masterData.dWageMoney, 0),
                6
              ),
              dTimeMoney: commonUtils.convertFixNum(
                (item.dProportion / dProportionTotal) *
                  commonUtils.isNull(masterData.dTimeMoney, 0),
                6
              ),
              dLossMoney: commonUtils.convertFixNum(
                (item.dProportion / dProportionTotal) *
                  commonUtils.isNull(masterData.dLossMoney, 0),
                6
              ),
              dOtherMoney: commonUtils.convertFixNum(
                (item.dProportion / dProportionTotal) *
                  commonUtils.isNull(masterData.dOtherMoney, 0),
                6
              ),
              dJobMoney: commonUtils.convertFixNum(
                (item.dProportion / dProportionTotal) *
                  commonUtils.isNull(masterData.dJobMoney, 0),
                6
              ),
              handleType: commonUtils.isEmpty(item.handleType)
                ? "update"
                : item.handleType
            };
          }
        });
        const dWageMoney = commonUtils.isNotEmptyNumber(masterData.dWageMoney)
          ? commonUtils.convertFixNum(masterData.dWageMoney, 6)
          : 0;
        const dTimeMoney = commonUtils.isNotEmptyNumber(masterData.dTimeMoney)
          ? commonUtils.convertFixNum(masterData.dTimeMoney, 6)
          : 0;
        const dLossMoney = commonUtils.isNotEmptyNumber(masterData.dLossMoney)
          ? commonUtils.convertFixNum(masterData.dLossMoney, 6)
          : 0;
        masterData.dAllMoney = commonUtils.convertFixNum(
          dWageMoney + dTimeMoney - dLossMoney,
          6
        );
      } else if (
        sFieldName === "dMakeReadyHour" &&
        commonUtils.isNotEmptyNumber(masterData.dMakeReadyHour) &&
        masterData.dMakeReadyHour > 0
      ) {
        /* 计时工资 =上报填的计时小时数*每个员工对应的员工表里面的计时单价 */
        let employeeSlaveData = [];
        if (commonUtils.isNotEmptyArr(employeeData)) {
          employeeSlaveData = employeeData.filter(
            item => item.sParentId === this.props.app.sTeamNameSId
          );
        }
        let dTimeMoneyTotal = 0;
        employeeSlaveData.forEach(item => {
          if (commonUtils.isNotEmptyNumber(item.dHourWage)) {
            const index1 = employeeData.findIndex(
              item1 => item1.sId === item.sId
            );
            employeeData[index1] = {
              ...item,
              dTimeMoney: commonUtils.convertFixNum(
                item.dHourWage *
                  commonUtils.isNull(masterData.dMakeReadyHour, 0),
                6
              ),
              handleType: commonUtils.isEmpty(item.handleType)
                ? "update"
                : item.handleType
            };
            dTimeMoneyTotal += employeeData[index1].dTimeMoney;
          }
        });
        /* 调机用时输入后 算总金额 */
        const dWageMoney = commonUtils.isNotEmptyNumber(masterData.dWageMoney)
          ? commonUtils.convertFixNum(masterData.dWageMoney, 6)
          : 0;
        const dTimeMoney = commonUtils.isNotEmptyNumber(dTimeMoneyTotal)
          ? commonUtils.convertFixNum(dTimeMoneyTotal, 6)
          : 0;
        const dLossMoney = commonUtils.isNotEmptyNumber(masterData.dLossMoney)
          ? commonUtils.convertFixNum(masterData.dLossMoney, 6)
          : 0;
        masterData.dTimeMoney = dTimeMoney;
        masterData.dAllMoney = commonUtils.convertFixNum(
          dWageMoney + dTimeMoney - dLossMoney,
          6
        );
      }
      if (isWait) {
        return {
          [`${name}Data`]: tableData,
          employeeData,
          employeeDelData,
          enabled: true
        };
      } else {
        this.props.onSaveState({
          [`${name}Data`]: tableData,
          employeeData,
          employeeDelData,
          enabled: true
        });
      }
    } else if (name === "employee") {
      /* 班组变化时，算每个工作人员计件工资 */
      // 讲json数据赋值到state
      // if (this.props.formRoute === '/indexOee/processReport') {
      //   if (localStorage.getItem(`${commonConfig.prefix}oeeEmployeeData`) && JSON.parse(localStorage.getItem(`${commonConfig.prefix}oeeEmployeeData`)).length > 0 && !this.props.employeeDataSetted) {
      //     this.props.onSaveState({
      //       employeeData: JSON.parse(localStorage.getItem(`${commonConfig.prefix}oeeEmployeeData`)),
      //       employeeDataSetted: true,
      //     });
      //   }
      // }
      const { masterData, [`${name}Data`]: tableData, app } = this.props;
      const tableDataRow = await this.props.onDataChange(
        name,
        sFieldName,
        changeValue,
        sId,
        dropDownData,
        true
      );
      if (tableDataRow === undefined) return;
      const iIndex = tableData.findIndex(item => item.sId === sId);
      if (iIndex > -1) {
        tableData[iIndex] = tableDataRow;
      }
      let dProportionTotal = 0;
      tableData
        .filter(item => item.sParentId === app.sTeamNameSId)
        .forEach(item => {
          if (
            commonUtils.isNotEmptyNumber(item.dProportion) &&
            item.dProportion !== 0
          ) {
            dProportionTotal += commonUtils.convertFixNum(item.dProportion, 6);
            dProportionTotal = commonUtils.convertFixNum(dProportionTotal, 6);
          }
        });
      tableData
        .filter(item => item.sParentId === app.sTeamNameSId)
        .forEach(item => {
          if (commonUtils.isNotEmptyNumber(item.dProportion)) {
            const index1 = tableData.findIndex(item1 => item1.sId === item.sId);
            tableData[index1] = {
              ...item,
              dWageMoney: commonUtils.convertFixNum(
                (item.dProportion / dProportionTotal) *
                  commonUtils.isNull(masterData.dWageMoney, 0),
                6
              ),
              dTimeMoney: commonUtils.convertFixNum(
                (item.dProportion / dProportionTotal) *
                  commonUtils.isNull(masterData.dTimeMoney, 0),
                6
              ),
              dLossMoney: commonUtils.convertFixNum(
                (item.dProportion / dProportionTotal) *
                  commonUtils.isNull(masterData.dLossMoney, 0),
                6
              ),
              dOtherMoney: commonUtils.convertFixNum(
                (item.dProportion / dProportionTotal) *
                  commonUtils.isNull(masterData.dOtherMoney, 0),
                6
              ),
              dJobMoney: commonUtils.convertFixNum(
                (item.dProportion / dProportionTotal) *
                  commonUtils.isNull(masterData.dJobMoney, 0),
                6
              ),
              handleType: commonUtils.isEmpty(item.handleType)
                ? "update"
                : item.handleType
            };
          }
        });
      this.props.onSaveState({
        [`${name}Data`]: tableData,
        masterData,
        enabled: true
      });
      localStorage.setItem(
        `${commonConfig.prefix}oeeEmployeeData_${app.sTeamNameSId}`,
        JSON.stringify(tableData)
      );
    } else {
      this.props.onChange(
        name,
        sFieldName,
        changeValue,
        sId,
        dropDownData,
        isWait
      );
    }
  };
  // 班组切换
  // handleSelectChange = async (name, sFieldName, changeValue, sId, dropDownData) => {
  //   this.setState({ sTeamNameOneNamesId: changeValue.sTeamName });
  //   // return;
  //   let { masterData, employeeData } = this.props;
  //   const {
  //     slaveData,
  //     slaveSelectedRowKeys,
  //     employeeDelData: employeeDelDataOld,
  //     sModelsId,
  //     token,
  //   } = this.props;
  //   const employeeDelData = commonUtils.isEmptyArr(employeeDelDataOld) ? [] : employeeDelDataOld;
  //   const iIndex = dropDownData.findIndex(item => item.sId === changeValue.sTeamId);/* 拿到主表下拉选中的班组的名称 */
  //   const addStata = {};
  //   addStata.sTeamName = dropDownData[iIndex].sTeamName;
  //   addStata.sTeamId = dropDownData[iIndex].sId;
  //   masterData = { ...masterData, ...addStata };
  //   if (iIndex > -1) {
  //     if (commonUtils.isNotEmptyArr(slaveData) && slaveData.length > 0) {
  //       const sTeamId = dropDownData[iIndex].sId;
  //       const sSlaveId = masterData.sId;
  //       const sParentId = masterData.sId;
  //       if (commonUtils.isEmptyArr(slaveSelectedRowKeys)) { /* 第一个从表数据默认选中 */
  //         slaveSelectedRowKeys.push(sSlaveId);
  //       }
  //       const url = `${commonConfig.server_host}eleteamemployee/getEleteamemployee?sModelsId=${sModelsId}&sTeamId=${sTeamId}&sSlaveId=${sSlaveId}&sParentId=${sParentId}`;
  //       const dataReturn = (await commonServices.getService(token, url)).data;
  //       const handleType = commonUtils.isEmptyObject(masterData.handleType) ? 'update' : masterData.handleType;
  //       masterData.handleType = handleType;
  //       // masterData[index] = { ...slaveItem, ...addStata };
  //       const employeeSlaveData = [];
  //       let employeeDataNew = [];
  //       let employeeDelDataNew = [];
  //       if (dataReturn.code === 1) {
  //         const returnData = dataReturn.dataset.rows;
  //         if (commonUtils.isNotEmptyObject(returnData) && returnData.length > 0) {
  //           if (commonUtils.isNotEmptyArr(employeeData)) {
  //             employeeDataNew = employeeData.filter(item => item.sSlaveId !== masterData.sId);
  //             employeeDelDataNew = employeeData.filter(item => item.sSlaveId === masterData.sId);
  //           }
  //           employeeDelDataNew.forEach((item) => {
  //             item.handleType = 'del';
  //             employeeDelData.push(item);
  //           });
  //           if (commonUtils.isEmptyArr(employeeSlaveData)) { /* 当班组人员无数据时 */
  //             returnData.forEach((child) => {
  //               employeeSlaveData.push({
  //                 sId: commonUtils.createSid(),
  //                 sParentId: masterData.sId,
  //                 sSlaveId: masterData.sId,
  //                 sEmployeeId: child.sEmployeeId,
  //                 sEmployeeName: child.sEmployeeName,
  //                 dProportion: child.dProportion !== 0 ? child.dProportion : commonUtils.convertFixNum(1 / returnData.length, 6),
  //                 handleType: 'add',
  //               });
  //             });
  //           }
  //         }
  //         const dWageMoneyTotal = commonUtils.isNotEmptyNumber(masterData.dWageMoney) ? masterData.dWageMoney : 0;
  //         if (commonUtils.isNotEmptyNumber(dWageMoneyTotal)) {
  //           let dProportionTotal = 0;
  //           employeeSlaveData.forEach((item) => {
  //             if (commonUtils.isNotEmptyNumber(item.dProportion) && item.dProportion !== 0) {
  //               dProportionTotal += commonUtils.convertFixNum(item.dProportion, 6);
  //               dProportionTotal = commonUtils.convertFixNum(dProportionTotal, 6);
  //             }
  //           });
  //           employeeSlaveData.forEach((item) => {
  //             if (commonUtils.isNotEmptyNumber(item.dProportion)) {
  //               const index1 = employeeSlaveData.findIndex(item1 => item1.sId === item.sId);
  //               employeeSlaveData[index1] = {
  //                 ...item,
  //                 dWageMoney: commonUtils.convertFixNum((item.dProportion / dProportionTotal) * commonUtils.isNull(masterData.dWageMoney, 0), 6),
  //                 dTimeMoney: commonUtils.convertFixNum((item.dProportion / dProportionTotal) * commonUtils.isNull(masterData.dTimeMoney, 0), 6),
  //                 dLossMoney: commonUtils.convertFixNum((item.dProportion / dProportionTotal) * commonUtils.isNull(masterData.dLossMoney, 0), 6),
  //                 dOtherMoney: commonUtils.convertFixNum((item.dProportion / dProportionTotal) * commonUtils.isNull(masterData.dOtherMoney, 0), 6),
  //                 dJobMoney: commonUtils.convertFixNum((item.dProportion / dProportionTotal) * commonUtils.isNull(masterData.dJobMoney, 0), 6),
  //                 handleType: commonUtils.isEmpty(item.handleType) ? 'update' : item.handleType,
  //               };
  //             }
  //           });
  //         }
  //         employeeData = employeeDataNew.concat(employeeSlaveData);
  //       }
  //     }
  //   }
  //   this.props.onSaveState({
  //     masterData, slaveData, employeeData, employeeDelData,
  //   });
  // }
  // 关闭选择人员弹出框
  handleAddEmployeeCancel = () => {
    this.props.onSaveState({ employeeVisble: false });
  };
  // 选择人员弹出框确认
  handleAddEmployee = () => {
    // const {} = this.props;
    this.props.onSaveState({ employeeVisble: false });
  };
  handleReciveSelectData = data => {
    console.log("=====data", data);
    if (data === "closeDoor") {
      this.props.onSaveState({ employeeVisble: false });
    } else {
      const { employeeData: employeeDataOld, app } = this.props;
      const employeeData = commonUtils.isNotEmptyArr(employeeDataOld)
        ? employeeDataOld
        : [];
      if (commonUtils.isNotEmptyArr(data)) {
        // eslint-disable-next-line array-callback-return
        data.map(item => {
          employeeData.push(item);
        });
      }
      localStorage.setItem(
        `${commonConfig.prefix}oeeEmployeeData_${app.sTeamNameSId}`,
        JSON.stringify(employeeData)
      );
      this.props.onSaveState({ employeeData, employeeVisble: false });
    }
  };
  hanleImgClick = dataUrl => {
    // 放大图片
    const data = [];
    if (commonUtils.isNotEmptyObject(dataUrl)) {
      const imgPreviewUrl = `${
        commonConfig.server_host
      }file/download?savePathStr=${dataUrl}&width=${
        this.state.imgOffsetWidth
      }&height=${this.state.imgOffsetHeight}&sModelsId=100&token=${
        this.props.app.token
      }`;
      data.push(imgPreviewUrl);
    }
    this.setState({
      // imgAddWidth: !isImgAddWidth,
      previewVisible: true,
      showimgs: true,
      firstIndex: 0,
      data
    });
  };
  showimg = i => {
    this.setState({ showimgs: true, firstIndex: i });
  };
  toggleshow = () => {
    this.setState({ showimgs: false, previewVisible: false });
  };
  handleInputChage = (e, scode, idx) => {
    const addState = {};
    if (commonUtils.isNotEmptyObject(scode)) {
      let prevList = this.state.insertList.slice(0);
      prevList[idx] = e.target.value;
      this.setState({
        insertList: prevList
      });
      addState.sBarcode = this.state.insertList.length
        ? this.state.insertList[0]
        : "";
    } else {
      addState.inputValue = e.target.value;
    }
    this.props.onSaveState({ ...addState });
  };
  handleInputKeyDown = (e, idx) => {
    if (e.which == 13) {
      // 扫码枪输入的时候，最后一个字符为回车键
      // 回车后focus下一个input
      let prevList = this.state.insertList.slice(0);
      // 去重
      if (
        prevList.indexOf(e.target.value) !== -1 &&
        prevList.indexOf(e.target.value) !== idx
      ) {
        prevList[idx] = "";
        this.setState({
          insertList: prevList
        });
        return;
      }
      // 最后一行
      if (idx == this.state.insertList.length - 1) {
        prevList.push("");
        this.setState({
          insertList: prevList
        });
      }
      setTimeout(() => {
        document.getElementById(`input_${idx + 1}`) &&
          document.getElementById(`input_${idx + 1}`).focus();
      }, 0);
    }
  };
  /* 扫码文本框enter，员工表增一条数据 */
  handlePressEnter = async e => {
    const {
      app,
      masterData,
      sModelsId,
      employeeConfig,
      employeeData
    } = this.props;
    const sValue = e.target.value;
    const filterData = commonUtils.isNotEmptyArr(employeeData)
      ? employeeData.filter(item => item.sEmployeeNo === sValue.trim())
      : [];
    if (commonUtils.isNotEmptyArr(filterData)) {
      message.error("该员工已添加，不能重复添加！");
      return;
    }
    let dropdownData = [];
    const showConfig = employeeConfig.gdsconfigformslave.filter(
      item => item.sName === "sEmployeeName"
    );
    if (commonUtils.isNotEmptyArr(showConfig) && showConfig.length > 0) {
      const sqlDropDownData = await this.props.getSqlDropDownData(
        sModelsId,
        "master",
        showConfig[0]
      );
      /* 根据sName得到过滤数据s */
      dropdownData = sqlDropDownData.dropDownData;
      if (commonUtils.isNotEmptyArr(dropdownData)) {
        const dropdownFilterData = dropdownData.filter(
          item => item.sEmployeeNo === sValue
        );
        if (commonUtils.isNotEmptyArr(dropdownFilterData)) {
          const sEmployeeObj = dropdownFilterData[0];
          /* 员工对象 */
          sEmployeeObj.handleType = "add";
          sEmployeeObj.sParentId = app.sTeamNameSId;
          sEmployeeObj.dProportion = 1;
          sEmployeeObj.sId = commonUtils.createSid();
          sEmployeeObj.sSlaveId = masterData.sId;
          employeeData.push(sEmployeeObj);
          this.props.onSaveState({ employeeData, inputValue: "" });
        } else {
          message.error("该员工不存在！");
        }
      }
    }
  };

  handleShowModal = title => {
    if (title.includes("巡检")) {
      this.setState({
        modalTitle: title,
        faceVisible: true
      });
    } else if (title.includes("通知")) {
      this.setState({
        modalTitle: title,
        messageModalVisible: true
      });
    } else if (title === "完工清场") {
      if (this.abcTest) {
        this.setState({
          modalTitle: title,
          messageModalVisible: true
        });
      } else {
        Modal.info({
          title: "完工清场",
          content:
            "当前还有【xx模具】【xx设备】没有归还, 请全部归还后再点完工清场"
        });
      }
      this.abcTest = !this.abcTest;
    } else if (title === "完工清场确认") {
      message.success("已完工清场确认");
    } else {
      sessionStorage.clear();
      this.setState({
        modalTitle: title,
        modalVisible: true
      });
    }
  };

  handleChangeModalVisible = (visible, name = "modal") => {
    this.setState({
      [`${name}Visible`]: visible
    });
  };

  handleIdentifySuccess = () => {
    this.setState({
      faceVisible: false
      // modalVisible: true,
    });

    const item = {
      iIncrement: 1600098,
      sId: "16945766130001025498159481249800",
      sBrandsId: "1111111111",
      sSubsidiaryId: "1111111111",
      iOrder: 114,
      sParentId: "16043081960001280770749382403000",
      sName: "",
      sRelation: "",
      sChinese: "首检确认",
      sEnglish: "First inspection confirmation",
      sBig5: "BtnLeftWorkFirstCheck",
      sControlName: "BtnRightOeeCopyTo",
      bVisible: true,
      bNotEmpty: false,
      bSum: false,
      iFitWidth: 120,
      sActiveId: "12012615914116373127639240",
      sActiveKey: "sSlaveId",
      sDropDownType: "picArr",
      sAssignField:
        "sProcessId:sProcessId,sProcessName:sProcessName,sProductId:sProductId,sProductName:sProductName, sSrcNo:sWorkOrderNo,sSrcId:sWorkOrderId,sSrcSlaveId:sId,sCustomerId:sCustomerId,sCustomerName:sCustomerName,sTestStandardId:sFirstCheckId,sTestStandardName:sFirstCheckName,sSrcSlaveId:sSlaveId",
      bCanInput: false,
      bReadonly: false,
      bIsOther: false,
      bNewRecord: false,
      bFirstEmpty: false,
      bNotRepeat: false,
      bFind: false,
      bFilter: false,
      bTree: false,
      sMaxValue: "",
      sMinValue: "",
      iColValue: 1,
      sMakePerson: "刘健豪",
      sColorTerms: "#006fc8",
      sColor: "",
      bEntireLine: false,
      bMultipleChoice: false,
      sDateFormat: "",
      bMergeCell: false,
      bNotZero: false,
      iDropWidth: 0,
      bNotViewTitle: false,
      binterface: false,
      sCompareColor: "",
      bControl: false,
      sFontColor: "",
      bNotSort: false,
      bTableSelect: false,
      iRowValue: 0,
      bEditor: false,
      bNotSearch: false,
      showName: "首检确认",
      sActiveName: "机长首检登记(OEE)",
      btnStatus: true
    };

    this.handleBtnClick(item);
  };

  render() {
    return (
      <div>
        <CommonOeeReportComponent
          {...this.props}
          {...this.state}
          onEndWork={this.handleEndWork}
          onPartEndWork={this.handlePartEndWork}
          onSearchPill={this.handleSearchPill}
          // handleSelectChange={this.handleSelectChange}
          onAddEmployeeCancel={this.handleAddEmployeeCancel}
          onAddEmployee={this.handleAddEmployee}
          handleReciveSelectData={this.handleReciveSelectData}
          onChange={this.handleMasterChange}
          onBtnClick={this.handleBtnClick}
          onImgClick={this.hanleImgClick}
          toggleshow={this.toggleshow}
          onPressEnter={this.handlePressEnter}
          onInputChage={this.handleInputChage}
          onInputKeyDown={this.handleInputKeyDown}
          onBtnStatusClick={this.handleBtnStatusClick}
          handleRemoveVoice={this.handleRemoveVoice}
          handleDelVoice={this.handleDelVoice}
          handleRefresh={this.handleRefresh}
          onShowModal={this.handleShowModal}
          onChangeModalVisible={this.handleChangeModalVisible}
          onIdentifySuccess={this.handleIdentifySuccess}
        />
      </div>
    );
  }
}

const CommonOeeReportComponent = Form.create({
  mapPropsToFields(props) {
    const { masterData } = props;
    const obj = commonFunc.mapPropsToFields(masterData, Form);
    return obj;
  }
})(props => {
  const {
    app,
    form,
    onReturnForm,
    slavePagination,
    masterConfig,
    isSmall,
    // onSearchPill,
    // onEndWork,
    // onPartEndWork,
    // sModelsId,
    employeeVisble,
    // handleSelectChange,
    onAddEmployee,
    employeeData,
    handleReciveSelectData,
    masterData,
    onAddEmployeeCancel,
    // isDisabled,
    token,
    slaveConfig,
    // employeeAndProcessData, // 人员和工序数据
    previewVisible,
    firstIndex,
    showimgs,
    data,
    inputValue,
    statusMenus,
    handleRemoveVoice,
    handleDelVoice,
    handleRefresh
  } = props;
  // isSmall将分页变小，以及去掉跳转页面和总条数记录
  /*   回带表单   */
  if (commonUtils.isNotEmptyObject(slavePagination)) {
    if (isSmall) {
      slavePagination.showTotal = null;
    }
  }
  // const child = {
  //   bCanInput: false,
  //   bEntireLine: false,
  //   bFilter: false,
  //   bFind: false,
  //   bFirstEmpty: false,
  //   bIsOther: false,
  //   bMergeCell: false,
  //   bMultipleChoice: false,
  //   bNewRecord: false,
  //   bNotEmpty: false,
  //   bNotRepeat: false,
  //   bReadonly: false,
  //   bSum: false,
  //   bTree: false,
  //   bVisible: true,
  //   iColValue: 1,
  //   iFitWidth: 120,
  //   iIncrement: 53571,
  //   iOrder: 54,
  //   iVisCount: 1,
  //   sAssignField: 'sTeamName:sTeamName,sTeamNo:sTeamNo,sTeamId:sId',
  //   sBig5: '班組名稱',
  //   sBig5DropDown: 'select sTeamName,sTeamNo, sId from eleteam where 1=1 #companyId#',
  //   sBrandsId: '1111111111',
  //   sButtonEnabled: '',
  //   sButtonParam: '',
  //   sChinese: '班组名称',
  //   sChineseDropDown: 'select sTeamName,sTeamNo, sId from eleteam where 1=1 #companyId#',
  //   sColor: '',
  //   sColorTerms: '',
  //   sControlName: '',
  //   sDateFormat: '',
  //   sDropDownType: 'sql',
  //   sFieldToContent: '',
  //   sId: '15852869860002568585987478299600',
  //   sMakePerson: '彭敏',
  //   sMaxValue: '',
  //   sMinValue: '',
  //   sName: 'sTeamName',
  //   sParentId: '19211681019715476042694990',
  //   sRelation: 'sTeamId&eleteam&sId&sTeamName',
  //   sSelectRelation: '',
  //   sSubsidiaryId: '1111111111',
  //   showDropDown: 'select sTeamName,sTeamNo, sId from eleteam where 1=1 #companyId#',
  //   showName: '',
  // };
  // const showTypeProps = {
  //   app,
  //   record: masterData,
  //   sId: '', /*   修改当前编号(数据格式:字符串 )   */
  //   name: 'master',
  //   form: props.form,
  //   formId: sModelsId,
  //   getSqlDropDownData: props.getSqlDropDownData,
  //   handleSqlDropDownNewRecord: props.handleSqlDropDownNewRecord,
  //   getFloatNum: props.getFloatNum,
  //   getDateFormat: props.getDateFormat,
  //   onChange: handleSelectChange,
  //   showConfig: child,
  //   formItemLayout: {},
  //   textArea: false,
  //   enabled: true,
  //   dataValue: commonUtils.isEmptyObject(masterData) ? '' : masterData.sTeamName,
  //   bTable: false,
  //   onFilterDropDownData: props.onFilterDropDownData,
  //   onSaveState: props.onSaveState,
  // };
  onReturnForm(form);
  const employeePropsType = {
    ...commonBusiness.getTableTypes("employee", props),
    filteredValue: props.slaveSelectedRowKeys,
    onFilterData: props.onFilterData,
    onDataChange: props.onChange,
    tableProps: {
      rowSelection: null,
      AutoTableHeight: "100px"
      // scroll: { y: 240 },
    },
    formRoute: props.formRoute
  };
  const configs = commonUtils.isNotEmptyObject(masterConfig)
    ? masterConfig.gdsconfigformslave.filter(
        item =>
          item.sName !== "" &&
          item.bVisible &&
          item.sControlName.indexOf("Btn") === -1 &&
          item.iTag === 2
      )
    : [];
  const ableConfigs = commonUtils.isNotEmptyObject(masterConfig)
    ? masterConfig.gdsconfigformslave.filter(
        item =>
          item.sName !== "" &&
          item.bVisible &&
          item.sControlName.indexOf("Btn") === -1 &&
          (item.iTag === 3 || item.iTag === 1)
      )
    : [];
  // if (commonUtils.isNotEmptyObject(app.employeeAndProcessData) && commonUtils.isNotEmptyArr(app.employeeAndProcessData.processData)) {
  //   ableConfigs = ableConfigs.concat(app.employeeAndProcessData.processData);
  // }
  const addEmployee = commonFunc.showMessage(
    app.commonConst,
    "addEmployee"
  ); /*  请选择人员 */
  // cosnt slaveData = addState.masterData.findIndex(item => item.sStatus === 'startWorking')[0];
  const masterDataNew = commonUtils.isEmptyObject(masterData) ? {} : masterData;
  // 取得配置中的按钮;
  const buttonConfigs = commonUtils.isNotEmptyObject(slaveConfig)
    ? slaveConfig.gdsconfigformslave.filter(
        item =>
          item.sName === "" &&
          item.showName !== "" &&
          item.sControlName !== "" &&
          item.bVisible &&
          (item.sControlName.indexOf("BtnEndWork") > -1 ||
            item.sControlName.indexOf("Right") > -1) &&
          item.sControlName.indexOf("BtnCopyTo") === -1
      )
    : [];

  const buttonMenuConfigs = commonUtils.isNotEmptyObject(slaveConfig)
    ? slaveConfig.gdsconfigformslave.filter(
        item =>
          item.sName === "" &&
          item.showName !== "" &&
          item.sControlName !== "BtnMenuRight" &&
          item.bVisible &&
          item.sControlName.indexOf("MenuRight") > -1
      )
    : [];

  /* 有条码配置即可显示条码框 */
  const qrCodeConfig = commonUtils.isNotEmptyObject(slaveConfig)
    ? slaveConfig.gdsconfigformslave.filter(
        item => item.sName.toLowerCase() === "sbarcode" && item.bVisible
      )
    : [];

  const imgAddStyle = {
    position: "absolute",
    top: 0,
    left: 0,
    bottom: 0,
    right: 0,
    margin: "auto",
    zIndex: 11111
  };
  const imgAddStyleDiv = {
    position: "absolute",
    width: "100%",
    height: "100%",
    top: 0,
    left: 0,
    bottom: 0,
    right: 0,
    background: "rgba(0,0,0,0.5)",
    zIndex: 11110
  };
  const bCanClick = props.bool; /* 按钮是否可点击,true：可点击,false：禁用 */
  const bCanClickMenuBtn = masterDataNew.sStatus !== "offwork" && bCanClick;

  const menu = (
    <Menu className={oeeStyle.stausMenus}>
      {commonUtils.isNotEmptyArr(statusMenus) &&
        statusMenus.map(item => {
          return (
            <Menu.Item
              style={{
                color: "rgb(0,0,0)",
                fontSize: "1.5rem",
                fontWeight: "bold",
                height: "50px",
                lineHeight: "53px"
              }}
            >
              {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
              {/*<a rel="noopener noreferrer" onClick={() => props.onBtnStatusClick(item)} >*/}
              <a
                rel="noopener noreferrer"
                style={{ color: bCanClickMenuBtn ? "unset" : "#ccc" }}
                onClick={
                  bCanClickMenuBtn ? () => props.onBtnStatusClick(item) : ""
                }
              >
                {item.sStatusName}
              </a>
            </Menu.Item>
          );
        })}
      {/* <Menu.Item> */}
      {/*  <a target="_blank" rel="noopener noreferrer" href="https://www.antgroup.com"> */}
      {/*    1st menu item */}
      {/*  </a> */}
      {/* </Menu.Item> */}
      {/* <Menu.Item> */}
      {/*  <a target="_blank" rel="noopener noreferrer" href="https://www.aliyun.com"> */}
      {/*    2nd menu item */}
      {/*  </a> */}
      {/* </Menu.Item> */}
      {/* <Menu.Item> */}
      {/*  <a target="_blank" rel="noopener noreferrer" href="https://www.luohanacademy.com"> */}
      {/*    3rd menu item */}
      {/*  </a> */}
      {/* </Menu.Item> */}
    </Menu>
  );

  /* 下拉按钮组件 */
  const selfMenu = (
    <Menu className={oeeStyle.stausMenus}>
      {commonUtils.isNotEmptyArr(buttonMenuConfigs) &&
        buttonMenuConfigs.map(item => {
          return (
            <Menu.Item
              style={{
                color: "rgb(0,0,0)",
                fontSize: "1.5rem",
                fontWeight: "bold",
                height: "50px",
                lineHeight: "53px"
              }}
            >
              {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
              {/*<a rel="noopener noreferrer" onClick={() => props.onBtnStatusClick(item)} >*/}
              <a
                rel="noopener noreferrer"
                style={{ color: bCanClick ? "unset" : "#ccc" }}
                onClick={bCanClickMenuBtn ? () => props.onBtnClick(item) : null}
              >
                {item.showName}
              </a>
            </Menu.Item>
          );
        })}
    </Menu>
  );
  return (
    <div>
      <Form style={{ height: "78.8vh", background: "rgb(191 191 191)" }}>
        <Layout style={{ height: "100%" }} className="xly-list">
          <Layout className="table employeeStateLayout">
            <div className="employeeState">
              <div className={`${oeeStyle.configsValue} configsValueDiv`}>
                {commonUtils.isNotEmptyArr(configs)
                  ? configs.map((item, index) => {
                      return (
                        // eslint-disable-next-line react/no-array-index-key
                        <div
                          key={index}
                          className={`${oeeStyle.configsItem} ${
                            oeeStyle.settingBg
                          }`}
                        >
                          <div className={oeeStyle.configName}>
                            {item.showName}
                          </div>
                          <div className={oeeStyle.configValue}>
                            {masterDataNew[item.sName]}
                          </div>
                        </div>
                      );
                    })
                  : ""}
                {/* <div className={oeeStyle.configsItem}> */}
                {/*  <div className={oeeStyle.configName}>班组</div> */}
                {/*  <div className={oeeStyle.configValue}> */}
                {/*    <ShowType {...showTypeProps} /> */}
                {/*  </div> */}
                {/* </div> */}
              </div>
              <div
                className="xly-tab-table employee-table"
                style={{ marginTop: "5px", flex: 1 }}
              >
                <StaticEditTable
                  {...employeePropsType}
                  footer="hidden"
                  setOpterationColumn="Y"
                />
              </div>
            </div>
            {/* 右侧 */}
            <div className="xly-normal-list upEmployeeState">
              <div className="warn-bar">
                <div className="action-bar">
                  <div className="action-item" onClick={handleRemoveVoice}>
                    <img src={voiceIcon} alt="" />
                  </div>
                  <div
                    className="action-item"
                    onClick={handleRefresh}
                    style={{ fontSize: "1.5rem" }}
                  >
                    <img src={refreshIcon} alt="" />
                  </div>
                  <div className="action-item" onClick={handleDelVoice}>
                    <img src={delIcon} alt="" />
                  </div>
                </div>
                <div className="warn-tips">
                  {masterData &&
                  masterData.MsgData &&
                  masterData.MsgData.length ? (
                    <marquee>
                      <span>
                        {masterData.MsgData[0].sContent}
                        {masterData.MsgData[0].sContent}
                        {masterData.MsgData[0].sContent}
                      </span>
                    </marquee>
                  ) : (
                    <span style={{ color: "#888" }}>警报提示</span>
                  )}
                </div>
              </div>
              <div
                style={{
                  border: "2px solid #cecece",
                  marginTop: "2px",
                  height: "100%",
                  padding: "3px"
                }}
              >
                {/* 倒计时 */}
                <div className="countTimeContainer">
                  {masterConfig && qrCodeConfig.length > 0 ? (
                    <div className="input">
                      <div className="codeList">
                        {props.insertList.map((item, idx) => (
                          <div className="codeListItem">
                            <Input
                              size="large"
                              placeholder="请输入流转卡条码"
                              id={`input_${idx}`}
                              value={item}
                              onKeyDown={e => props.onInputKeyDown(e, idx)}
                              onChange={e =>
                                props.onInputChage(e, "scode", idx)
                              }
                            />
                          </div>
                        ))}
                      </div>
                      <img src={qrCode} alt="" />
                    </div>
                  ) : (
                    ""
                  )}
                  <div className="time">
                    <OeeDownCountTime {...props} />
                  </div>
                </div>
                {/* 修改配置值 */}
                <div
                  style={{
                    height: "80%",
                    background: "#AAA",
                    display: "flex",
                    flexDirection: "row",
                    marginTop: "4px"
                  }}
                >
                  <div
                    className={`${oeeStyle.pictures} ${
                      masterConfig && qrCodeConfig.length > 0
                        ? "picturesPadding"
                        : ""
                    }`}
                  >
                    {/* eslint-disable-next-line no-return-assign */}
                    <div className={oeeStyle.picturesItem} id="picturesItem">
                      {commonUtils.isNotEmptyObject(masterData) &&
                      commonUtils.isNotEmptyObject(
                        masterData.sMachinePicturePath
                      ) ? (
                        <div
                          onClick={props.onImgClick.bind(
                            this,
                            masterData.sMachinePicturePath
                          )}
                          style={
                            props.imgAddWidth
                              ? imgAddStyleDiv
                              : { width: "100%", height: "66%" }
                          }
                        >
                          <img
                            style={
                              props.imgAddWidth
                                ? imgAddStyle
                                : { width: "100%", padding: "0 0.5rem" }
                            }
                            /* eslint-disable-next-line radix */
                            src={`${
                              commonConfig.server_host
                            }file/download?savePathStr=${
                              masterData.sMachinePicturePath
                            }&width=500&height=500&sModelsId=100&token=${token}`}
                            alt=""
                          />
                        </div>
                      ) : (
                        "产品图片"
                      )}
                    </div>
                  </div>
                  <div className={oeeStyle.setTypes}>
                    <Row>
                      {commonUtils.isNotEmptyArr(ableConfigs)
                        ? ableConfigs.map((child, index) => {
                            const sMemo = child.sName
                              .toLowerCase()
                              .endsWith("memo");
                            let enabledNew = !child.bReadonly;
                            if (child.iTag === 1) {
                              enabledNew = false;
                            } else if (child.iTag === 3) {
                              enabledNew = true;
                            }
                            /* 上报参数 如果没值则取默认值 */
                            let sDataValue = "";
                            if (commonUtils.isNotEmptyObject(masterDataNew)) {
                              sDataValue = masterDataNew[child.sName];
                              const sDefaultName = child.sName.includes("Value")
                                ? child.sName.replace("Value", "Default")
                                : "";
                              let sDefaultValue = "";
                              if (sDefaultName) {
                                sDefaultValue = masterDataNew[sDefaultName];
                              }
                              if (
                                (commonUtils.isEmptyObject(sDataValue) ||
                                  sDataValue === "0") &&
                                commonUtils.isNotEmptyObject(sDefaultValue)
                              ) {
                                masterDataNew[child.sName] = sDefaultValue;
                              }
                            }
                            const showTypeProps = {
                              name: "master",
                              form: props.form,
                              getSqlDropDownData: props.getSqlDropDownData,
                              getSqlCondition: props.getSqlCondition,
                              handleSqlDropDownNewRecord:
                                props.handleSqlDropDownNewRecord,
                              getFloatNum: props.getFloatNum,
                              onChange: props.onChange,
                              showConfig: child,
                              formItemLayout: {
                                labelCol: { span: 6 },
                                wrapperCol: { span: 18 }
                              },
                              textArea: sMemo,
                              enabled: enabledNew,
                              dataValue: masterDataNew[child.sName],
                              bTable: false,
                              formRoute: props.formRoute
                            };
                            let iColValue = child.iColValue;
                            let colSpan = 24;
                            if (iColValue) {
                              iColValue = Number(iColValue);
                              switch (iColValue) {
                                case 2:
                                  colSpan = 12;
                                  showTypeProps.formItemLayout = {
                                    labelCol: { span: 12 },
                                    wrapperCol: { span: 12 }
                                  };
                                  break;
                                case 3:
                                  colSpan = 8;
                                  showTypeProps.formItemLayout = {
                                    labelCol: { span: 12 },
                                    wrapperCol: { span: 12 }
                                  };
                                  break;
                                case 4:
                                  colSpan = 6;
                                  showTypeProps.formItemLayout = {
                                    labelCol: { span: 12 },
                                    wrapperCol: { span: 12 }
                                  };
                                  break;
                                default:
                                  break;
                              }
                            }
                            return (
                              <Col span={colSpan}>
                                <ShowType {...showTypeProps} />
                              </Col>
                            );
                          })
                        : ""}
                    </Row>
                  </div>
                </div>
              </div>
            </div>
          </Layout>
        </Layout>
        {employeeVisble ? (
          <AntdDraggableModal
            title={addEmployee}
            width={1200}
            visible={employeeVisble}
            onOk={onAddEmployee}
            onCancel={onAddEmployeeCancel}
            className={styles.changePwd}
            footer={null}
          >
            <OeeChooseEmployee
              masterData={masterData}
              sParentId={masterConfig.sId}
              onReciveSelectData={handleReciveSelectData}
              fromEmployeeData={employeeData}
              sModelsId="101251240115016045406518220"
              sModelsType="/indexOee/oeeStartWork/chooseEmployee"
              formRoute="/indexOee/oeeStartWork/chooseEmployee"
            />
          </AntdDraggableModal>
        ) : (
          ""
        )}
        {previewVisible ? (
          <div
            className={ShowImgStyle.custcontent}
            style={{ marginTop: "0px" }}
          >
            {/* 图片正常的列表显示 */}
            {/* 引入的image组件 */}
            <ShowImg
              data={data}
              // imgOffsetWidth={props.boxWidth}
              // imgOffsetHeight={props.boxHeight}
              firstIndex={firstIndex}
              showimgs={showimgs}
              bFullScreen={true}
              toggleshow={props.toggleshow}
            />
          </div>
        ) : (
          ""
        )}
        {props.modalVisible ? (
          <AntdDraggableModal
            title={props.modalTitle}
            width={1200}
            visible={props.modalVisible}
            onOk={() => {
              props.onChangeModalVisible(false);
            }}
            onCancel={() => {
              props.onChangeModalVisible(false);
            }}
            footer={null}
          >
            <div
              style={{
                width: "100%",
                height: 600,
                display: "flex",
                alignItems: "center",
                justifyContent: "center",
                fontSize: "2rem"
              }}
            >
              <OeeChooseEmployee
                sModelsId="101251240115016045406518220"
                sModelsType="/indexOee/oeeStartWork/chooseEmployee"
                formRoute="/indexOee/oeeStartWork/chooseEmployee"
                bHandover="startwork"
                onReciveSelectData={() => {
                  props.onChangeModalVisible(false);
                }}
              />
            </div>
          </AntdDraggableModal>
        ) : (
          ""
        )}
        {props.faceVisible ? (
          <AntdDraggableModal
            title="人脸识别"
            width={400}
            visible={props.faceVisible}
            onOk={() => {
              props.onChangeModalVisible(false, "face");
            }}
            onCancel={() => {
              props.onChangeModalVisible(false, "face");
            }}
            footer={null}
            style={{ paddingTop: "10%" }}
          >
            <div
              style={{
                width: "100%",
                display: "flex",
                alignItems: "center",
                justifyContent: "center",
                fontSize: "2rem"
              }}
            >
              <FaceDetect
                loginAfterInit
                onIdentifySuccess={props.onIdentifySuccess}
                actionType="identifyFace"
              />
            </div>
          </AntdDraggableModal>
        ) : (
          ""
        )}
        {props.messageModalVisible ? (
          <AntdDraggableModal
            title={props.modalTitle}
            width={800}
            visible={props.messageModalVisible}
            onOk={() => {
              props.onChangeModalVisible(false, "messageModal");
            }}
            onCancel={() => {
              props.onChangeModalVisible(false, "messageModal");
            }}
            style={{ paddingTop: "5%" }}
            footer={
              <div
                style={{
                  width: "100%",
                  height: "100%",
                  display: "flex",
                  alignItems: "center",
                  justifyContent: "center"
                }}
              >
                <Space>
                  <Button
                    type="primary"
                    size="large"
                    onClick={() => {
                      message.success("发送成功");
                      props.onChangeModalVisible(false, "messageModal");
                    }}
                  >
                    发送
                  </Button>
                  <Button
                    size="large"
                    onClick={() => {
                      props.onChangeModalVisible(false, "messageModal");
                    }}
                  >
                    取消
                  </Button>
                </Space>
              </div>
            }
          >
            <Input.TextArea rows={15} />
          </AntdDraggableModal>
        ) : (
          ""
        )}
      </Form>
      {/* 底部按钮 */}
      <div className={oeeStyle.bottomBtns}>
        <div className={oeeStyle.iputScan}>
          <Input
            size="large"
            placeholder="员工编号条码"
            value={inputValue}
            onChange={e => props.onInputChage(e)}
            onPressEnter={e => props.onPressEnter(e)}
          />
          <div className={oeeStyle.faceReg}>
            {" "}
            <i>
              {" "}
              <img src={faceReg} alt="" />
            </i>
          </div>
        </div>
        <div
          className={oeeStyle.btnBrints}
          style={{ justifyContent: "flex-end" }}
        >
          <a
            style={{ background: "#006fc8" }}
            onClick={() => {
              props.onShowModal("模具领用");
            }}
          >
            模具领用
          </a>
          <a
            style={{ background: "#006fc8" }}
            onClick={() => {
              props.onShowModal("IPQC巡检");
            }}
          >
            IPQC巡检
          </a>
          <a
            style={{ background: "#006fc8" }}
            onClick={() => {
              props.onShowModal("工艺巡检");
            }}
          >
            工艺巡检
          </a>
          <a
            style={{ background: "#006fc8" }}
            onClick={() => {
              props.onShowModal("设备巡检");
            }}
          >
            设备巡检
          </a>
          <a
            style={{ background: "#006fc8" }}
            onClick={() => {
              props.onShowModal("签样通知");
            }}
          >
            签样通知
          </a>
          <a
            style={{ background: "#006fc8" }}
            onClick={() => {
              props.onShowModal("完工清场");
            }}
          >
            完工清场
          </a>
          <a
            style={{ background: "#006fc8" }}
            onClick={() => {
              props.onShowModal("完工清场确认");
            }}
          >
            完工清场确认
          </a>
          {commonUtils.isNotEmptyArr(buttonConfigs)
            ? buttonConfigs.map((item, index) => {
                if (
                  commonUtils.isNotEmptyObject(item.sControlName) &&
                  item.sControlName.includes("BtnEndWorkStatus")
                ) {
                  /* 改变状态下拉 */
                  return (
                    <Dropdown
                      className={oeeStyle.changeStatus}
                      placement="topCenter"
                      overlay={menu}
                    >
                      {/* eslint-disable-next-line react/no-array-index-key,jsx-a11y/anchor-is-valid,jsx-a11y/anchor-has-content */}
                      {/*<a key={index} style={{ background: `${item.sColorTerms}` }} onClick={() => props.onBtnClick(item)} ><div className={oeeStyle.btnMenuStatus}> {item.showName} </div> <Icon style={{ fontSize: '1.5rem', color: '#fff' }} type="caret-up" /></a>*/}
                      <a
                        key={index}
                        style={{
                          background: bCanClickMenuBtn
                            ? `${item.sColorTerms}`
                            : "#ABAAAB"
                        }}
                        onClick={
                          bCanClickMenuBtn ? () => props.onBtnClick(item) : null
                        }
                      >
                        <div className={oeeStyle.btnMenuStatus}>
                          {" "}
                          {item.showName}{" "}
                        </div>{" "}
                        <Icon
                          style={{ fontSize: "1.5rem", color: "#fff" }}
                          type="caret-up"
                        />
                      </a>
                    </Dropdown>
                  );
                } else if (
                  commonUtils.isNotEmptyObject(item.sControlName) &&
                  item.sControlName === "BtnMenuRight"
                ) {
                  /* 下拉按钮 */
                  return (
                    <Dropdown
                      className={oeeStyle.changeStatus}
                      placement="topCenter"
                      overlay={selfMenu}
                    >
                      {/* eslint-disable-next-line react/no-array-index-key,jsx-a11y/anchor-is-valid,jsx-a11y/anchor-has-content */}
                      {/*<a key={index} style={{ background: `${item.sColorTerms}` }} onClick={() => props.onBtnClick(item)} ><div className={oeeStyle.btnMenuStatus}> {item.showName} </div> <Icon style={{ fontSize: '1.5rem', color: '#fff' }} type="caret-up" /></a>*/}
                      <a
                        key={index}
                        style={{
                          background: bCanClickMenuBtn
                            ? `${item.sColorTerms}`
                            : "#ABAAAB"
                        }}
                        onClick={
                          bCanClickMenuBtn ? () => props.onBtnClick(item) : null
                        }
                      >
                        <div className={oeeStyle.btnMenuStatus}>
                          {" "}
                          {item.showName}{" "}
                        </div>{" "}
                        <Icon
                          style={{ fontSize: "1.5rem", color: "#fff" }}
                          type="caret-up"
                        />
                      </a>
                    </Dropdown>
                  );
                } else if (
                  commonUtils.isNotEmptyObject(item.sControlName) &&
                  !item.sControlName.includes("MenuRight")
                ) {
                  return (
                    // eslint-disable-next-line jsx-a11y/anchor-is-valid,react/no-array-index-key
                    // <a key={index} disabled={!item.btnStatus} style={{ background: item.btnStatus ? `${item.sColorTerms}` : '#999' }} onClick={item.btnStatus ? () => props.onBtnClick(item) : null}>
                    <a
                      key={index}
                      disabled={!item.btnStatus}
                      style={{
                        background:
                          item.btnStatus && bCanClick
                            ? `${item.sColorTerms}`
                            : "#ABAAAB"
                      }}
                      onClick={
                        item.btnStatus && bCanClick
                          ? () => props.onBtnClick(item)
                          : null
                      }
                    >
                      {item.showName}
                    </a>
                  );
                }
              })
            : ""}
        </div>
      </div>
    </div>
  );
});

export default OeeCurrentState;