| | |
| | | }; |
| | | |
| | | render() { |
| | | const { formData = {}, data = [], children } = this.props; |
| | | const { formData = {}, data = [], children, width = "25%" } = this.props; |
| | | let size = 'default'; |
| | | |
| | | return ( |
| | |
| | | |
| | | {data.length > 0 && |
| | | data.map((item, idx) => ( |
| | | <Card.Grid key={idx} style={{ width: '20%' }} hoverable={false} > |
| | | <Card.Grid key={idx} style={{ width }} hoverable={false} > |
| | | {(() => { |
| | | switch (item.type) { |
| | | case 'select': |
| | |
| | | return ( |
| | | <Form.Item label={item.label}> |
| | | <RangePicker |
| | | style={{ width: '100%'}} |
| | | style={{ width: '100%' }} |
| | | size={size} |
| | | ranges={{ |
| | | Today: [moment(), moment()], |
| | |
| | | })()} |
| | | </Card.Grid> |
| | | ))} |
| | | <Card.Grid style={{ width: '20%' }}> |
| | | <Card.Grid style={{ width }}> |
| | | <Row type="flex" gutter={20} align="middle" align="middle" style={{ height: 40 }}> |
| | | <Col> |
| | | <Button |