/*
 * Author: 黎永顺
 * name: 个税申报表重构-查询
 * Description:
 * Date: 2023/10/12
 */
import React, { Component } from "react";
import { WeaInputSearch, WeaLocaleProvider } from "ecCom";
import { MonthRangePicker } from "../../../reportView/components/statisticalMicroSettingsSlide";

const getLabel = WeaLocaleProvider.getLabel;

class Index extends Component {
  render() {
    const { queryParams } = this.props;
    const { dateRange, name } = queryParams;
    return (
      <div className="salary-btn-flex">
        <div className="mounth-range">
          <span className="label">{getLabel(543549, "薪资所属月：")}</span>
          <MonthRangePicker dateRange={dateRange} viewAttr={2}
                            onChange={v => this.props.onChange({ dateRange: v })}/>
        </div>
        <WeaInputSearch value={name}
                        placeholder={getLabel(111, "请输入个税扣缴义务人")}
                        onChange={v => this.props.onChange({ taxAgentName: v })}
                        onSearch={this.props.onSearch}
        />
      </div>
    );
  }
}

export default Index;