/*
 * Author: 黎永顺
 * Description: 异常列表
 * Date: 2022-04-21 16:51:27
 * LastEditTime: 2022-04-21 20:08:59
 */
import React, { Component } from "react";
import { Button, Table, Dropdown, Menu, Tooltip, Icon } from "antd";
import { WeaSlideModal, WeaTable } from "ecCom";
import "./index.less";

export default class AbnormalDrawer extends Component {
  constructor(props) {
    super(props);
    this.state = {
      selectedRowKeys: [],
    };
  }
  onSelectChange = (selectedRowKeys) => {
    this.setState({ selectedRowKeys });
  };

  render() {
    const { selectedRowKeys } = this.state;
    const { loading } = this.props;
    const rowSelection = {
      selectedRowKeys,
      onChange: this.onSelectChange,
    };
    return (
      <WeaSlideModal
        {...this.props}
        width={50}
        height={100}
        direction={"right"}
        measure={"%"}
        content={
          <div className="abnormalWapper">
            <div className="top">
              <Tooltip
                placement="bottom"
                title="提示：核算范围内人员福利项目在福利方案中开启缴纳但核算数值为0的进行异常统计；点击忽略，视为该数据主观判断为非异常数据，导出档案只导出异常数据，点击核算也不再重新核算">
                <Icon type="question-circle" />
              </Tooltip>
              <Button type="primary">导出档案</Button>
              <Button>核算</Button>
              <Dropdown
                overlay={
                  <Menu>
                    <Menu.Item key="log">忽略全部</Menu.Item>
                    <Menu.Item key="column">取消全部忽略</Menu.Item>
                  </Menu>
                }>
                <i className="icon-coms-more" />
              </Dropdown>
            </div>
            {/* table */}
            <WeaTable
              rowKey="id"
              columns={this.props.columns}
              dataSource={this.props.dataSource}
              loading={loading}
              pagination={{
                onChange: (value) => {
this.props.onPageChange(value)
},
                total: this.props.total,
                showTotal: (total) => `共 ${total} 条`,
              }}
              rowSelection={rowSelection}
              scroll={{ x: 1200 }}
            />
          </div>
        }
      />
    );
  }
}
