salary-management-front/pc4mobx/hrmSalary/pages/custom-pages/lingyue/layout.js

/*
  *  薪酬二开项目
  * 领悦
  * @Author:    黎永顺
  * @Date:      2024/8/22
  * @Wechat:
  * @Email:     971387674@qq.com
  * @description:
*/
import React, { Component } from "react";
import { inject, observer } from "mobx-react";
import { WeaDatePicker, WeaInputSearch, WeaLocaleProvider, WeaTop } from "ecCom";
import { Button } from "antd";
import "./index.less";

const getLabel = WeaLocaleProvider.getLabel;

@inject("taxAgentStore")
@observer
class Layout extends Component {
  render() {
    const { title, query, onChange, listRef, isQuery, taxAgentStore: { salaryManager } } = this.props;
    const { salaryMonth, ffgsqc } = query;
    let buttons = [
      <Button type="primary" onClick={() => listRef.handleOperate("GENERATE")}>{getLabel(111, "生成数据")}</Button>,
      <Button type="ghost" onClick={() => listRef.handleOperate("BATCHDEL")}>{getLabel(111, "批量删除")}</Button>,
      <WeaDatePicker format="YYYY-MM" value={salaryMonth}
                     onChange={value => onChange({ ...query, salaryMonth: value, isQuery: !isQuery })}/>,
      <WeaInputSearch value={ffgsqc} onChange={value => onChange({ ...query, ffgsqc: value })}
                      onSearch={() => onChange({ ...query, isQuery: !isQuery })}/>
    ];
    const dropMenuDatas = [
      { key: "EXPORTALL", icon: <i className="iconfont icon-daochu"/>, content: getLabel(81272, "导出全部") }
    ];
    !salaryManager && (buttons = buttons.slice(2));
    return (
      <WeaTop
        title={title} icon={<i className="icon-coms-fa"/>} buttons={buttons} showDropIcon={salaryManager}
        iconBgcolor="#F14A2D" className="custom_salary_lingyue" dropMenuDatas={dropMenuDatas}
        onDropMenuClick={key => listRef.handleOperate(key)}>
        <div className="lingyue-body">{this.props.children}</div>
      </WeaTop>);
  }
}

export default Layout;