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