32 lines
1.1 KiB
JavaScript
32 lines
1.1 KiB
JavaScript
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>
|
|
);
|
|
}
|
|
} |