import React from "react";
import { inject, observer } from "mobx-react";

import { Button, DatePicker } from "antd";

import { WeaTable, WeaTop } from "ecCom";

import { renderNoright } from "../../util"; // 渲染form数据的方法：因为多个页面都会使用，所以抽的公共方法在util中
import { columns, dataSource } from "./columns";

const { MonthPicker } = DatePicker;

@inject("baseTableStore")
@observer
export default class IndividualIncomeTaxRateForm extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      value: "",
      selectedKey: "0"
    };
  }

  render() {
    const { baseTableStore } = this.props;
    const {
      loading,
      hasRight,
      form,
      condition,
      tableStore,
      showSearchAd,
      getTableDatas,
      doSearch,
      setShowSearchAd
    } = baseTableStore;

    if (!hasRight && !loading) { // 无权限处理
      return renderNoright();
    }

    const rightMenu = [// 右键菜单
      {
        key: "BTN_COLUMN",
        icon: <i className="icon-coms-Custom"/>,
        content: "显示列定制",
        onClick: this.showColumn
      }
    ];
    const collectParams = { // 收藏功能配置
      favname: "个税税率表",
      favouritetype: 1,
      objid: 0,
      link: "wui/index.html#/ns_demo03/index",
      importantlevel: 1
    };
    const adBtn = [ // 高级搜索内部按钮
      <Button type="primary" onClick={doSearch}>搜索</Button>,
      <Button type="ghost" onClick={() => form.resetForm()}>重置</Button>,
      <Button type="ghost" onClick={() => setShowSearchAd(false)}>取消</Button>
    ];

    const topTab = [];

    const renderSearchOperationItem = () => {
      return <div></div>;

    };

    return (
      <div className="mySalaryBenefitsWrapper">
        <WeaTop
          title="个税税率表" // 文字
          icon={<i className="icon-coms-fa"/>} // 左侧图标
          iconBgcolor="#F14A2D" // 左侧图标背景色
          showDropIcon={true} // 是否显示下拉按钮
          dropMenuDatas={rightMenu} // 下拉菜单（和页面的右键菜单相同）
          dropMenuProps={{ collectParams }} // 收藏功能: 配置之后显示 收藏、帮助、显示页面地址 这3个功能
        >
          <WeaTable columns={columns} dataSource={dataSource}/>
        </WeaTop>
      </div>
    );
  }
}