salary-management-front/pc4mobx/hrmSalary/pages/ledgerPage/components/categoryAddModal.js

/*
 * Author: 黎永顺
 * name: 复制账套
 * Description:
 * Date: 2022/12/8
 */
import React, { Component } from "react";
import { inject, observer } from "mobx-react";
import { categoryConditions } from "../config";
import { WeaDialog, WeaInputLocale, WeaLocaleProvider } from "ecCom";
import { Button } from "antd";
import { getSearchs } from "../../../util";

const getMultiStrFromBase64 = WeaInputLocale.getMultiStrFromBase64;
const getLabel = WeaLocaleProvider.getLabel;

@inject("ledgerStore")
@observer
class CategoryAddModal extends Component {
  constructor(props) {
    super(props);
    this.state = {
      loading: false
    };
  }

  componentDidMount() {
    this.getFormFields();
  }

  componentWillReceiveProps(nextProps, nextContext) {
    if (nextProps.visible !== this.props.visible && nextProps.visible) {
      const { ledgerStore, name = "" } = nextProps;
      const { categoryForm: form } = ledgerStore;
      form.updateFields({
        name: { value: getMultiStrFromBase64(name) }
      });
    }
  }

  getFormFields = () => {
    const { ledgerStore } = this.props;
    const { categoryForm: form } = ledgerStore;
    form.initFormFields(_.map(categoryConditions, item => {
      return {
        ...item,
        items: _.map(item.items, o => ({ ...o, label: getLabel(o.lanId, o.label) }))
      };
    }));
  };
  handleSubmit = () => {
    const { ledgerStore, id, onSaveCategory, onCancel } = this.props;
    const { categoryForm: form } = ledgerStore;
    form.validateForm().then(f => {
      if (f.isValid) {
        const payload = form.getFormParams();
        onSaveCategory({ ...payload, id });
        onCancel();
      } else {
        f.showErrors();
      }
    });
  };


  render() {
    const { onCancel, ledgerStore, ...extra } = this.props;
    const { loading } = this.state;
    const { categoryForm: form } = ledgerStore;
    const buttons = [
      <Button type="primary" onClick={this.handleSubmit} loading={loading}>{getLabel(537558, "保存")}</Button>,
      <Button type="ghost" onClick={onCancel}> {getLabel(31129, "取消")} </Button>
    ];
    return (
      <WeaDialog
        {...extra}
        style={{ width: 600 }}
        buttons={buttons}
        onCancel={onCancel}
      >
        {getSearchs(form, _.map(categoryConditions, item => {
          return {
            ...item,
            items: _.map(item.items, o => ({ ...o, label: getLabel(o.lanId, o.label) }))
          };
        }), 1)}
      </WeaDialog>
    );
  }
}

export default CategoryAddModal;