/*
 * Author: 黎永顺
 * name: 薪资账套查询
 * Description:
 * Date: 2023/11/27
 */
import React, { Component } from "react";
import { inject, observer } from "mobx-react";
import { WeaSwitch } from "comsMobx";
import { WeaFormItem, WeaLocaleProvider, WeaSearchGroup } from "ecCom";
import { Button } from "antd";
import { searchConditions } from "../config";

const getLabel = WeaLocaleProvider.getLabel;

@inject("ledgerStore")
@observer
class LedgerSearchComp extends Component {
  constructor(props) {
    super(props);
    this.state = {
      conditions: []
    };
  }

  componentDidMount() {
    const { ledgerStore: { searchForm } } = this.props;
    searchForm.initFormFields(searchConditions);
  }

  formRender = (form, condition) => {
    const { isFormInit } = form, formParams = form.getFormParams();
    let group = [];
    isFormInit && condition && condition.map(c => {
      let items = [];
      c.items.map(fields => {
        items.push({
          com: (
            <WeaFormItem label={`${fields.label}`} labelCol={{ span: `${fields.labelcol}` }}
                         wrapperCol={{ span: `${fields.fieldcol}` }} error={form.getError(fields)}
                         tipPosition="bottom"
            >
              <WeaSwitch fieldConfig={fields} form={form} formParams={formParams}/>
            </WeaFormItem>),
          colSpan: 2
        });
      });
      group.push(
        <WeaSearchGroup col={2} needTigger={true} title={c.title} showGroup={c.defaultshow} center={false}
                        items={items}/>);
    });
    return group;
  };

  render() {
    const { ledgerStore: { searchForm } } = this.props;
    return (
      <div className="ledgerSearch-Wrapper">
        {this.formRender(searchForm, searchConditions)}
        <Button type="primary">{getLabel(388113, "搜索")}</Button>
      </div>
    );
  }
}

export default LedgerSearchComp;