/* eslint-disable */
import React, { Component } from "react";
import { routerRedux } from "dva/router";
import { Layout, Spin, message } from "antd"; // Tabs, Form,
import { Form } from "@ant-design/compatible";
import "@ant-design/compatible/assets/index.css";
import StaticEditTable from "../../components/Common/CommonTable";
import * as commonFunc from "../../components/Common/commonFunc";
import CommonBase from "../../components/Common/CommonBase";
import CommonSales from "../../components/Common/CommonBillEvent";
import oeeStyle from "./oee.less";
import * as commonUtils from "../../utils/utils";
import ShowType from "../../components/Common/CommonComponent";
import * as commonConfig from "../../utils/config";
import * as commonBusiness from "../../components/Common/commonBusiness";
import * as commonServices from "../../services/services";

const bShowPrint = false;
const { Content } = Layout;
class PrintOeeLabel extends Component {
  constructor(props) {
    super(props);
    this.state = {};
    this.form = {}; /*   表单对象   */
  }
  componentWillReceiveProps(nextProps) {
    const { slaveData, masterData, formData } = nextProps;
    if (commonUtils.isEmptyObject(masterData) && formData.length > 0) {
      if (commonUtils.isNotEmptyArr(slaveData)) {
        this.props.onSaveState({ masterData: slaveData[0] });
      }
    }
  }
  handleBtnPrint = async name => {
    const {
      app,
      sModelsId,
      masterData,
      slaveData,
      slaveSelectedRowKeys,
      slaveConfig,
      formRoute
    } = this.props;
    const { token } = app;
    let urlPrint = "";
    let printReportName = "";
    let printAssignField = "";
    const BtnPrintConfig = commonUtils.isNotEmptyObject(slaveConfig)
      ? slaveConfig.gdsconfigformslave.filter(
          item => item.sControlName.indexOf("BtnPrint") > -1
        )
      : [];
    let masterDataJson = "";
    if (commonUtils.isNotEmptyArr(BtnPrintConfig)) {
      printReportName = BtnPrintConfig[0].sRelation;
      printAssignField = BtnPrintConfig[0].sAssignField; /* 取赋值字段 */
    }
    if (commonUtils.isEmpty(printReportName)) {
      message.warn("没有报表模板！");
      return;
    }
    /* 单条数据打印 */
    if (commonUtils.isNotEmptyArr(slaveData)) {
      if (slaveData.length > 1) {
        /* 多条数据 */
        if (commonUtils.isEmpty(slaveSelectedRowKeys)) {
          message.warn("请选择要打印的数据！");
          return;
        }
        const slaveSelectedData = slaveData.filter(item =>
          slaveSelectedRowKeys.includes(item.sId)
        );
        let flag = false;
        slaveSelectedData.forEach(slaveItem => {
          if (!slaveItem.dPackQty > 0 || !slaveItem.dTrunkQty > 0) {
            flag = true;
          }
        });
        if (flag) {
          message.warn("包数或每包数量必填！");
          return;
        }
        masterDataJson = JSON.stringify(slaveSelectedData);
      } else {
        if (!masterData.dPackQty > 0 || !masterData.dTrunkQty > 0) {
          message.warn("包数或每包数量必填！");
          return;
        }
        const listData = [];
        listData.push(masterData);
        masterDataJson = JSON.stringify(listData);
      }
    }
    /* 多条数据打印 */
    // printReportName = encodeURI(printReportName);
    const param = masterDataJson;
    const addState = {}; /* 打印按钮赋值配置 */
    addState.pitproductbarcode = printAssignField;
    const sAssignFieldMap = commonUtils.isNotEmptyObject(addState)
      ? JSON.stringify(addState)
      : {};
    if (name === "view") {
      /* 打印预览 */
      urlPrint = `${commonConfig.server_host}printReport/printPdfOee?${
        false ? "fileType=.xlsx&" : ""
      }printType=noquery&sModelsId=${sModelsId}&token=${encodeURIComponent(
        token
      )}`;
      /* Get提交地址栏参数过多,更改Get提交为Post提交 */
      this.handleOpenPost(urlPrint, param, sAssignFieldMap, printReportName);
    } else if (name === "direct") {
      /* 直接打印 */
      const condition = {
        masterData: param,
        sAssignFieldMap,
        sReportParam: printReportName
      };
      const dataUrl = `${
        commonConfig.server_host
      }printReport/printPdfOeeOnline?sModelsId=${sModelsId}&sName=${formRoute}`;
      const dataReturn = (await commonServices.postValueService(
        token,
        condition,
        dataUrl
      )).data;
      if (dataReturn.code === 1) {
        message.success(dataReturn.msg);
        this.handleColse();
      } else {
        this.props.getServiceError(dataReturn);
      }
    }
  };
  handleOpenPost = (url, params, sAssignFieldMap, printReportName) => {
    const newWin = window.open();
    let formStr = "";
    formStr =
      `<form style="visibility:hidden;" method="POST" action="${url}">` +
      `<input type="hidden" name="masterData" value='${params}' />` +
      `<input type="hidden" name="sAssignFieldMap" value='${sAssignFieldMap}' />` +
      `<input type="hidden" name="sReportParam" value='${printReportName}' />` +
      "</form>";
    newWin.document.body.innerHTML = formStr;
    newWin.document.forms[0].submit();
    return newWin;
  };
  handleColse = () => {
    const { dispatch, onSaveCurrentState } = this.props;
    dispatch(routerRedux.push("/indexOee/oeeCurrentState"));
    onSaveCurrentState(undefined); // 变为当前设备的未清页面
  };

  render() {
    return (
      <div>
        <Spin spinning={false}>
          <div>
            <PrintOeeLabelComponent
              {...this.props}
              {...this.state}
              onPrintLabel={this.handleBtnPrint}
              onClose={this.handleColse}
              onDataChange={this.props.onDataChange}
              onChange={this.props.onChange}
              onSelectRowChange={this.props.onTableSelectRowChange}
            />
          </div>
        </Spin>
      </div>
    );
  }
}
const PrintOeeLabelComponent = Form.create({
  mapPropsToFields(props) {
    const { masterData, masterConfig } = props;
    const obj = commonFunc.mapPropsToFields(masterData, Form, masterConfig);
    return obj;
  }
})(props => {
  const {
    form,
    onReturnForm,
    slaveConfig,
    slaveData,
    masterData: masterDataNew
  } = props;
  /*   回带表单   */
  onReturnForm(form);
  const tableProps = {
    ...commonBusiness.getTableTypes("slave", props),
    enabled: true,
    bRowClick: true,
    formRoute: props.formRoute
  };
  let bView = true; /* 单条数据 */
  let configs = {};
  let ableConfigs = {};
  if (commonUtils.isNotEmptyArr(slaveData)) {
    if (slaveData.length > 1) {
      bView = false; /* 多条数据 */
    }
  }
  configs = commonUtils.isNotEmptyObject(slaveConfig)
    ? slaveConfig.gdsconfigformslave.filter(
        item =>
          item.sName !== "" &&
          item.bVisible &&
          item.sControlName.indexOf("Btn") === -1 &&
          item.iTag === 2
      )
    : [];
  ableConfigs = commonUtils.isNotEmptyObject(slaveConfig)
    ? slaveConfig.gdsconfigformslave.filter(
        item =>
          item.sName !== "" &&
          item.bVisible &&
          item.sControlName.indexOf("Btn") === -1 &&
          item.iTag === 3
      )
    : [];
  return (
    <div>
      <Form
        style={{ height: "78.8vh", background: bView ? "#AAA" : "#ffffff" }}
      >
        {bView && commonUtils.isNotEmptyArr(slaveData) ? (
          <div style={{ display: bView ? "block" : "none" }}>
            <Layout style={{ height: "100%" }} className="xly-list">
              <Layout className="table employeeStateLayout">
                <div className="employeeState">
                  <div className={oeeStyle.configsValue}>
                    {commonUtils.isNotEmptyArr(configs)
                      ? configs.map((item, index) => {
                          return (
                            // eslint-disable-next-line react/no-array-index-key
                            <div
                              key={index}
                              style={{ height: "2.5rem" }}
                              className={`${oeeStyle.configsItem} ${
                                oeeStyle.settingBg
                              }`}
                            >
                              <div className={oeeStyle.configName}>
                                {item.showName}
                              </div>
                              <div className={oeeStyle.configValue}>
                                {commonUtils.isNotEmptyObject(masterDataNew)
                                  ? masterDataNew[item.sName]
                                  : ""}
                              </div>
                            </div>
                          );
                        })
                      : ""}
                  </div>
                </div>
                {/* 右侧 */}
                <div className="xly-normal-list upEmployeeState">
                  <div style={{ border: "1px solid #AAA", flex: 1 }}>
                    {/* 修改配置值 */}
                    <div
                      style={{
                        height: "80%",
                        overflowY: "hidden",
                        background: "#AAA"
                      }}
                    >
                      {commonUtils.isNotEmptyArr(ableConfigs)
                        ? ableConfigs.map(child => {
                            const sMemo = child.sName
                              .toLowerCase()
                              .endsWith("memo");
                            let enabledNew = !child.bReadonly;
                            if (child.iTag === 1) {
                              enabledNew = false;
                            } else if (child.iTag === 3) {
                              enabledNew = true;
                            }
                            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: {},
                              textArea: sMemo,
                              enabled: enabledNew,
                              dataValue: commonUtils.isNotEmptyObject(
                                masterDataNew
                              )
                                ? masterDataNew[child.sName]
                                : "",
                              bTable: false,
                              formRoute: props.formRoute
                            };
                            return <ShowType {...showTypeProps} />;
                          })
                        : ""}
                    </div>
                  </div>
                </div>
              </Layout>
            </Layout>
          </div>
        ) : (
          <Layout className="table printLayout">
            <div
              className="xly-tab-table"
              style={{
                display: bView ? "none" : "block",
                marginTop: "5px",
                flex: 1
              }}
            >
              <Content>
                <StaticEditTable {...tableProps} footer="hidden" />
              </Content>
            </div>
          </Layout>
        )}
      </Form>
      {/* 底部按钮 */}
      <div className={oeeStyle.bottomBtns}>
        <div
          className={oeeStyle.btnBrints}
          style={{ justifyContent: "flex-end" }}
        >
          {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
          <a
            style={{ background: "#339967" }}
            onClick={props.onPrintLabel.bind(this, "view")}
          >
            打印预览
          </a>
          {bShowPrint ? (
            // eslint-disable-next-line jsx-a11y/anchor-is-valid
            <a
              style={{ background: "#177ddc" }}
              onClick={props.onPrintLabel.bind(this, "direct")}
            >
              直接打印
            </a>
          ) : (
            ""
          )}
          {/* eslint-disable-next-line jsx-a11y/anchor-is-valid */}
          <a style={{ background: "#a61d24" }} onClick={props.onClose}>
            关闭
          </a>
        </div>
      </div>
    </div>
  );
});

export default CommonBase(CommonSales(PrintOeeLabel));