update

.gitignore

 node_modules
 .DS_Store
+.idea

src/components/ProductForm/DateTimeStatusForm.jsx

@@ -25,6 +25,7 @@ import {
     formatDateTime,
     arrayRemoveIndex,
     UUID,
+    NULL,
     formItemLayout,
     smallFormItemLayout,
     footerFormSubmitLayout
@@ -91,6 +92,8 @@ export default class DateTimeSatausForm extends Component {
         return (
             <Spin spinning={loading}>
                 <Form horizontal onSubmit={this.handleSubmit.bind(this)}>
+                    <Row style={{padding:'0 20px'}}>
+                        <Col span="24">
                             {
                                 !isCreate &&
                                 <Form.Item label="产品状态" {...formItemLayout} wrapperCol={{span:20}}>
@@ -144,10 +147,12 @@ export default class DateTimeSatausForm extends Component {
                                     !this.props.isCreate &&
                                     <Button onClick={e=>{e.preventDefault(); this.props.history.goBack();}}
                                             style={{marginLeft:'1em'}}>
-                                <Icon type="rollback" />返回
+                                        <Icon type="rollback"/>返回
                                     </Button>
                                 }
                             </Form.Item>
+                        </Col>
+                    </Row>
                 </Form>
             </Spin>
         );

src/components/ProductForm/ElementForm.jsx

@@ -19,7 +19,7 @@ import {
     Table,
     Spin
 } from 'antd';
-import {arrayRemoveIndex, UUID, formItemLayout, smallFormItemLayout, footerFormSubmitLayout} from '../../utils';
+import {arrayRemoveIndex, NULL, UUID, formItemLayout, smallFormItemLayout, footerFormSubmitLayout} from '../../utils';
 
 
 export function CreateBaseElement() {
@@ -97,10 +97,15 @@ export default class ElementForm extends Component {
     }
 
     render() {
-        const {form:{getFieldProps}, loading}  = this.props;
+        const {form:{getFieldProps}, loading, isEdit}  = this.props;
         return (
             <Spin spinning={loading}>
                 <Form horizontal onSubmit={this.handleSubmit.bind(this)}>
+                    <Row style={{padding:'0 20px'}}>
+                        <Col span="24">
+                            {
+                                isEdit ?
+                                    <div>
                                         <Form.Item>
                                             <h3>可以设置以下要素,或者自定义其他要素</h3>
                                             <p>总规模、投资亮点、托管方、结算方式、资金用途、融资方、担保主体、风控措施、还款来源、发行方、认购起点、大小额配比</p>
@@ -133,18 +138,37 @@ export default class ElementForm extends Component {
                                                 )
                                             }
                                         </Form.Item>
+                                    </div>
+                                    :
+                                    <table>
+                                        <tbody>
+                                        {
+                                            this.state.elements.map(item=>
+                                                <tr>
+                                                    <th>{item.title}</th>
+                                                    <td>{item.content || NULL}</td>
+                                                </tr>
+                                            )
+                                        }
+                                        </tbody>
+                                    </table>
+
+                            }
                             <Form.Item {...footerFormSubmitLayout} style={{marginTop:30}}>
                                 <Button onClick={this.handleAddElement.bind(this)} style={{marginRight:'1em'}}><Icon
                                     type="plus"/>添加</Button>
-                        <Button type="primary" htmlType="submit" loading={loading}><Icon type="save"/>保存</Button>
+                                <Button type="primary" htmlType="submit" loading={loading}><Icon
+                                    type="save"/>保存</Button>
                                 {
                                     !this.props.isCreate &&
                                     <Button onClick={e=>{e.preventDefault(); this.props.history.goBack();}}
                                             style={{marginLeft:'1em'}}>
-                                <Icon type="rollback" />返回
+                                        <Icon type="rollback"/>返回
                                     </Button>
                                 }
                             </Form.Item>
+                        </Col>
+                    </Row>
                 </Form>
             </Spin>
         );