/*
 * Author: 黎永顺
 * name: 社保福利档案页面重构-高级搜索
 * Description:
 * Date: 2023/10/31
 */
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("archivesStore")
@observer
class Index extends Component {
  render() {
    const { archivesStore: { welfareForm } } = this.props;
    return (
      <div className="achrive-advance-search">
        <WeaInputSearch value={welfareForm.getFormParams().username}
                        onChange={v => welfareForm.updateFields({ username: v })}
                        onSearch={this.props.onAdvanceSearch}
        />
        <Button type="ghost" className="wea-advanced-search text-elli"
                onClick={this.props.onOpenAdvanceSearch}>{getLabel(111, "高级搜索")}</Button>
      </div>
    );
  }
}

export default Index;
