import React from "react";
import {Button, Dropdown, Menu, Modal, Table} from "antd";
import {dataSource, warningModalColumns} from "./columns";


export default class WarningModal extends React.Component {


  render() {
    const menu = (
      <Menu>
        <Menu.Item key="1">导出所选</Menu.Item>
      </Menu>
    );
    return (
      <Modal width={800} footer={null} visible={this.props.visible} onCancel={() => {
        this.props.onCancel();
      }}>
        <div style={{borderBottom: "1px solid #eee", height: "47px", lineHeight: "47px"}}>
          <span style={{fontSize: "14px", color: "#666"}}>验证结果</span>
          <div style={{display: "inline-block", float: "right", marginRight: "40px"}}>
            <Dropdown.Button type="primary" style={{marginRight: "10px"}} overlay={menu}>导出全部</Dropdown.Button>
            <Button type="default" style={{marginLeft: "10px"}}>忽略所有</Button>
          </div>
        </div>
        <div style={{minHeight: "400px", marginTop: "10px"}}>
          <Table dataSource={dataSource} columns={warningModalColumns}/>
        </div>
      </Modal>
    );
  }
}