import React from 'react'
import { Modal } from 'antd'
import {  Button, Menu, Dropdown, Table } from "antd"
import { warningModalColumns, dataSource } 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>
        )
    }
}