import React from 'react'
import { Modal, Tabs, Row, Col, Form } from 'antd'
const TabPane = Tabs.TabPane;

const parameter = [
    {
        label: '部门',
        type: '字符串',
        operator: '等于',
        value1: '销售',
        nullable: true
    },{
        label: '业务员',
        type: '字符串',
        operator: '等于',
        value1: '销售',
        nullable: false
    }
]
/**
 * 用于设定看板的属性，重点在于公共参数(parameter)配置的界面，以上为暂定字段
 *
 * @class SettingBox
 * @extends {React.Component}
 */


 
class SettingBox extends React.Component {
    render() {
        const { visibleSettingBox, hideBox } = this.props

        return (
            <Modal 
                visible={visibleSettingBox}
                onCancel={hideBox}
                // onOk={() => {onOk();hideBox();}}
                destroyOnClose={true}
            >
                <div>
                    <Tabs tabPosition='left'>
                        <TabPane tab="basic" key="1">Content of Tab 1</TabPane>
                        <TabPane tab="publicParameter" key="2">
                            <Row>
                                <Col>
                                </Col>
                            </Row>
                        </TabPane>
                    </Tabs>
                </div>
            </Modal>
        )
    }
}

export default SettingBox