import React from 'react';
import { WeaInputSearch, WeaCheckbox } from 'ecCom'
import { Row , Col, Modal, Dropdown, Menu, Button } from "antd"

import SelectItemsWrapper from './selectItemsWrapper'

export const items = [
    {
        key: "1",
        title: "测试",
        checked: false
    },
    {
        key: "2",
        title: "测试2",
        checked: true
    }
]

export default class SelectItemModal extends React.Component {

    
    render(){

        const menu = (
            <Menu>
              <Menu.Item key="1">恢复默认设置</Menu.Item>
              <Menu.Item key="2">设置默认设置</Menu.Item>
              <Menu.Item key="3">操作日志</Menu.Item>
            </Menu>
          );
        return (
            <Modal visible={this.props.visible} width={800} footer={false} onCancel={this.props.onCancel}>
                <div style={{marginBottom: "20px", height: "47px", overflow: "hidden"}}>
                    <span style={{fontSize: "16px", fontWeight: "400"}}>导入字段设置</span>
                    <WeaInputSearch
                        style={{float: "right", marginRight: "30px"}}
                        placeholder={"请输入关键字"}
                        />
                </div>
                {this.props.children}
                
                <div style={{marginTop: "40px", overflow:"hidden", height: "50px", lineHeight: "50px"}}>
                    <div style={{float: "left"}}>
                        <WeaCheckbox content="只显示已选中字段"/>
                    </div>
                    <div style={{float: "right"}}>
                        <Button type="primary" style={{marginRight: "10px"}}>保存</Button>
                        <Dropdown.Button overlay={menu}>更多</Dropdown.Button>
                    </div>
                </div>
            </Modal>
        )
    }
}