/*
  * pc端工资单查看启用二次验证弹框
  * @Author:    黎永顺
  * @Date:      2025/4/15
  * @Wechat:
  * @Email:     971387674@qq.com
  * @description:
*/
import React, { Component } from "react";
import { WeaDialog, WeaLocaleProvider } from "ecCom";
import { WeaForm, WeaSwitch } from "comsMobx";
import { Button, message } from "antd";
import * as API from "../../apis/mySalaryBenefits";
import FormInfo from "../../components/FormInfo";
import LoginVerifyPC from "./loginVerifyPC";
import SecondarypwdVerifyPC from "./secondarypwdVerifyPC";

const getLabel = WeaLocaleProvider.getLabel;
const form = new WeaForm();

class CheckSecondaryVerifyDialog extends Component {
  constructor(props) {
    super(props);
    this.state = {
      loading: false, conditions: [], notSetting: false, loginVerify: false, secondaryVerify: false
    };
  }

  componentWillReceiveProps(nextProps, nextContext) {
    if (nextProps.visible !== this.props.visible && nextProps.visible) this.initForm();
    if (nextProps.visible !== this.props.visible && !nextProps.visible) form.resetForm();
  }

  initForm = () => {
    const { salaryBillToken } = this.props;
    API.getSecondAuthForm({ mouldCode: "HRM", itemCode: "SALARY" }, salaryBillToken)
      .then(({ conditions, notSetting }) => {
        this.setState({ conditions: [{ title: "", items: conditions }], notSetting }, () => {
          form.initFormFields(this.state.conditions);
        });
      });
  };
  save = () => {
    const { salaryBillToken } = this.props;
    form.validateForm().then(f => {
      if (f.isValid) {
        const payload = { ...form.getFormParams() };
        API.doSecondAuth({ ...payload, mouldCode: "HRM", itemCode: "SALARY" }, salaryBillToken)
          .then(({ status, checkStatus, checkMsg }) => {
            if (status && checkStatus === "1") {
              message.success(checkMsg);
              this.props.onCancel(this.props.onSuccess);
            } else {
              message.error(checkMsg);
            }
          });
      } else {
        f.showErrors();
      }
    }).catch(() => this.setState({ loading: false }));
  };

  render() {
    const {
      conditions, loading, notSetting, loginVerify, secondaryVerify
    } = this.state, { salaryBillToken } = this.props;
    const itemRender = {
      authCode: (field, textAreaProps, form, formParams) => {
        return (<React.Fragment>
          <WeaSwitch fieldConfig={{ ...field, ...textAreaProps }} form={form} formParams={formParams}/>
          {
            notSetting && <div style={{ clear: "both", paddingTop: 10 }}>
              {getLabel("111", "您还未设置二次验证密码，点击")}
              <a href="javascript:void(0);"
                 onClick={() => this.setState({ loginVerify: true })}>{getLabel("30747", "设置")}</a>
            </div>
          }
        </React.Fragment>);
      }
    };
    return (
      <WeaDialog
        {...this.props} style={{ width: 550, height: notSetting ? 80 + 26 : 80 }} initLoadCss
        title={getLabel(111, "身份验证")} buttons={[
        <Button type="primary" onClick={this.save} loading={loading}>{getLabel(111, "确认")}</Button>
      ]}>
        <div className="form-dialog-layout">
          <FormInfo className="form-dialog-layout" center={false} itemRender={itemRender}
                    form={form} formFields={conditions}/>
        </div>
        {/*登录密码验证弹框*/}
        <LoginVerifyPC salaryBillToken={salaryBillToken} visible={loginVerify}
                       onCancel={() => this.setState({ loginVerify: false })}
                       onSetPwdSet={() => this.setState({ secondaryVerify: true })}/>
        {/*二次密码设置*/}
        <SecondarypwdVerifyPC salaryBillToken={salaryBillToken} visible={secondaryVerify}
                              onCancel={() => this.setState({ secondaryVerify: false })}
                              onSuccess={this.initForm}/>
      </WeaDialog>
    );
  }
}

export default CheckSecondaryVerifyDialog;