/*
 * Author: 黎永顺
 * name:薪资档案页面重构-高级搜索
 * Description:
 * Date: 2024/1/8
 */
import React, { Component } from "react";
import { inject, observer } from "mobx-react";
import { Button } from "antd";
import { WeaInputSearch, WeaLocaleProvider } from "ecCom";
import "./index.less";

const getLabel = WeaLocaleProvider.getLabel;

@inject("payrollFilesStore")
@observer
class Index extends Component {
  render() {
    const { payrollFilesStore: { salaryFileQueryForm } } = this.props;
    return (
      <div className="achrive-advance-search">
        <WeaInputSearch value={salaryFileQueryForm.getFormParams().username}
                        onChange={v => salaryFileQueryForm.updateFields({ username: v })}
                        onSearch={this.props.onAdvanceSearch}
        />
        <Button type="ghost" className="wea-advanced-search text-elli"
                onClick={this.props.onOpenAdvanceSearch}>{getLabel(545754, "高级搜索")}</Button>
      </div>
    );
  }
}

export default Index;
