| | |
| | | } |
| | | |
| | | render() { |
| | | const { groups } = this.props |
| | | const { groups, setting } = this.props |
| | | const formItemLayout = { |
| | | labelCol: { |
| | | xs: { span: 24 }, |
| | |
| | | } |
| | | } |
| | | |
| | | let _width = (setting && setting.width) || 100 |
| | | |
| | | let keys = groups.map(group => group.uuid) |
| | | |
| | | return ( |
| | | <Form {...formItemLayout}> |
| | | <Collapse |
| | |
| | | > |
| | | {groups.map(group => |
| | | <Panel header={group.label} key={group.uuid}> |
| | | <Row gutter={24}>{this.getFields(group.sublist)}</Row> |
| | | <Row style={{margin: '0 auto', width: _width + '%'}} gutter={24}>{this.getFields(group.sublist)}</Row> |
| | | </Panel> |
| | | )} |
| | | </Collapse> |