Skip to content

S
shuniu-admin-react
Commit 3055db68 authored by superman's avatar superman
Browse files
Options

update

parent bad46fae
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 572 additions and 406 deletions
.idea/workspace.xml
View file @ 3055db68
This diff is collapsed.
src/components/ProductForm/BaseInfoForm.jsx
View file @ 3055db68
This diff is collapsed.
src/components/ProductForm/HuikuanInfoForm.jsx
View file @ 3055db68
...@@ -20,7 +20,8 @@ import { ...@@ -20,7 +20,8 @@ import {
Spin Spin
} from 'antd'; } from 'antd';
import {arrayRemoveIndex, UUID, formItemLayout, smallFormItemLayout, footerFormSubmitLayout} from '../../utils';
import {arrayRemoveIndex, NULL, UUID, formItemLayout, smallFormItemLayout, footerFormSubmitLayout} from '../../utils';
@Form.create() @Form.create()
export default class HuikuanInfoForm extends Component { export default class HuikuanInfoForm extends Component {
...@@ -48,38 +49,63 @@ export default class HuikuanInfoForm extends Component { ...@@ -48,38 +49,63 @@ export default class HuikuanInfoForm extends Component {
render() { render() {
const {form:{getFieldProps}, product:{fundRaisedAccount}, loading} = this.props; const {form:{getFieldProps}, product:{fundRaisedAccount}, loading, isEdit} = this.props;
return ( return (
<Spin spinning={loading}> <Spin spinning={loading}>
<Form horizontal onSubmit={this.handleSubmit.bind(this)}> <Form horizontal onSubmit={this.handleSubmit.bind(this)}>
<Form.Item label="名称" help="接收打款帐户名称" {...smallFormItemLayout} >
<Input placeholder="名称" <Form.Item label="名称" help={isEdit && "接收打款帐户名称"} {...smallFormItemLayout} >
{...getFieldProps('fundRaisedAccount.name', { {
initialValue: fundRaisedAccount.name isEdit ?
})} <Input placeholder="名称"
/> {...getFieldProps('fundRaisedAccount.name', {
initialValue: fundRaisedAccount.name
})}
/>
:
fundRaisedAccount.name || NULL
}
</Form.Item> </Form.Item>
<Form.Item label="银行帐号" help="接收打款银行帐号" {...smallFormItemLayout}> <Form.Item label="银行帐号" help={isEdit && "接收打款银行帐号"} {...smallFormItemLayout}>
<Input placeholder="银行帐号" {
{...getFieldProps('fundRaisedAccount.number', { isEdit ?
initialValue: fundRaisedAccount.number <Input placeholder="银行帐号"
})} {...getFieldProps('fundRaisedAccount.number', {
/> initialValue: fundRaisedAccount.number
})}
/>
:
fundRaisedAccount.number || NULL
}
</Form.Item> </Form.Item>
<Form.Item label="开户行" help="接收打款银行开户行" {...formItemLayout}> <Form.Item label="开户行" help={isEdit &&"接收打款银行开户行"} {...formItemLayout}>
<Input placeholder="开户行" {
{...getFieldProps('fundRaisedAccount.bank', { isEdit ?
initialValue: fundRaisedAccount.bank <Input placeholder="开户行"
})} {...getFieldProps('fundRaisedAccount.bank', {
/> initialValue: fundRaisedAccount.bank
})}
/>
:
fundRaisedAccount.bank || NULL
}
</Form.Item> </Form.Item>
<Form.Item label="打款须知" help="接收打款的一些必要告知信息" {...formItemLayout}> <Form.Item label="打款须知" help={ isEdit && "接收打款的一些必要告知信息"} {...formItemLayout}>
<Input type="textarea" autosize={{minRows:5, maxRows:20}} placeholder="" {
{...getFieldProps('fundRaisedAccount.memo', { isEdit ?
initialValue: fundRaisedAccount.memo <Input type="textarea" autosize={{minRows:5, maxRows:20}} placeholder=""
})} {...getFieldProps('fundRaisedAccount.memo', {
/> initialValue: fundRaisedAccount.memo
})}
/>
:
fundRaisedAccount.memo || NULL
}
</Form.Item> </Form.Item>
<Form.Item {...footerFormSubmitLayout} style={{marginTop:30}}> <Form.Item {...footerFormSubmitLayout} style={{marginTop:30}}>
<Button type="primary" htmlType="submit" loading={loading}><Icon type="save"/>保存</Button> <Button type="primary" htmlType="submit" loading={loading}><Icon type="save"/>保存</Button>
...@@ -87,7 +113,7 @@ export default class HuikuanInfoForm extends Component { ...@@ -87,7 +113,7 @@ export default class HuikuanInfoForm extends Component {
!this.props.isCreate && !this.props.isCreate &&
<Button onClick={e=>{e.preventDefault(); this.props.history.goBack();}} <Button onClick={e=>{e.preventDefault(); this.props.history.goBack();}}
style={{marginLeft:'1em'}}> style={{marginLeft:'1em'}}>
<Icon type="rollback" />返回 <Icon type="rollback"/>返回
</Button> </Button>
} }
</Form.Item> </Form.Item>
......
src/containers/Product/AddItem.jsx
View file @ 3055db68
...@@ -148,7 +148,7 @@ export default class AddItem extends Component { ...@@ -148,7 +148,7 @@ export default class AddItem extends Component {
<Tabs className={styles.tabs} tabPosition="left"> <Tabs className={styles.tabs} tabPosition="left">
{ tabs.map(tp=> { tabs.map(tp=>
<Tabs.TabPane tab={tp.tab} key={tp.key}> <Tabs.TabPane tab={tp.tab} key={tp.key}>
{product && <tp.children {...this.props} /> } {product && <tp.children {...this.props} isEdit={true} /> }
</Tabs.TabPane> </Tabs.TabPane>
)} )}
</Tabs> </Tabs>
......
src/containers/Product/EditItem.jsx
View file @ 3055db68
...@@ -118,7 +118,7 @@ export default class EditItem extends Component { ...@@ -118,7 +118,7 @@ export default class EditItem extends Component {
</div> </div>
); );
const title = (product && product.itemShortTitle ? product.itemShortTitle + ' - ' : '') + '产品详情'; const title = (product && product.itemShortTitle ? product.itemShortTitle + ' - ' : '') + '产品详情' + (isEdit?' - 编辑中': '');
const header = (<MainHeader breadcrumb={['产品管理', '产品详情']} title={title} operation={operation}/>); const header = (<MainHeader breadcrumb={['产品管理', '产品详情']} title={title} operation={operation}/>);
......
src/containers/Remittance/PassItem.jsx
View file @ 3055db68
...@@ -28,7 +28,8 @@ import { ...@@ -28,7 +28,8 @@ import {
formItemLayout, formItemLayout,
smallFormItemLayout, smallFormItemLayout,
footerFormSubmitLayout, footerFormSubmitLayout,
remittanceAuditStatusToString remittanceAuditStatusToString,
leftRightFormItemLayout
} from '../../utils'; } from '../../utils';
@connect(state=>({ @connect(state=>({
...@@ -119,7 +120,7 @@ export default class PassItem extends Component { ...@@ -119,7 +120,7 @@ export default class PassItem extends Component {
const header = (<MainHeader breadcrumb={['审核管理', '报单审核','审核详情']} title={title} operation={operation}/>); const header = (<MainHeader breadcrumb={['审核管理', '报单审核','审核详情']} title={title} operation={operation}/>);
const filayout = {...formItemLayout, labelCol: {span: 6}};
const imgProps = (src)=>({ const imgProps = (src)=>({
src: src + '!t', src: src + '!t',
...@@ -142,60 +143,60 @@ export default class PassItem extends Component { ...@@ -142,60 +143,60 @@ export default class PassItem extends Component {
<Form className="main-form" horizontal> <Form className="main-form" horizontal>
<Row style={{padding:'0 20px'}}> <Row style={{padding:'0 20px'}}>
<Col span="12"> <Col span="12">
<Form.Item label="报单时间" {...filayout}> <Form.Item label="报单时间" {...leftRightFormItemLayout}>
{audit.dateCreated && formatDateTime(audit.dateCreated) || '错误的时间'} {audit.dateCreated && formatDateTime(audit.dateCreated) || '错误的时间'}
</Form.Item> </Form.Item>
<Form.Item label="产品募集情况" {...filayout}> <Form.Item label="产品募集情况" {...leftRightFormItemLayout}>
{'已募集:' + audit.fundRaisedOver + '、募集目标:' + audit.fundRaisedTarget} {'已募集:' + audit.fundRaisedOver + '、募集目标:' + audit.fundRaisedTarget}
</Form.Item> </Form.Item>
<Form.Item label="预约姓名" {...filayout}> <Form.Item label="预约姓名" {...leftRightFormItemLayout}>
{audit.buyerName} {audit.buyerName}
</Form.Item> </Form.Item>
<Form.Item label="预约金额" {...filayout}> <Form.Item label="预约金额" {...leftRightFormItemLayout}>
{audit.reservationAmount} {audit.reservationAmount}
</Form.Item> </Form.Item>
{ {
isEdit ? isEdit ?
<Form.Item label="实际入账金额" help="实际入账金额，请核对打款凭条" {...filayout}> <Form.Item label="实际入账金额" help="实际入账金额，请核对打款凭条" {...leftRightFormItemLayout}>
<Input placeholder="实际入账金额" <Input placeholder="实际入账金额"
{...getFieldProps('remittanceAmount', { {...getFieldProps('remittanceAmount', {
initialValue: audit.remittanceAmount initialValue: audit.remittanceAmount
})} /> })} />
</Form.Item> </Form.Item>
: :
<Form.Item label="实际入账金额" {...filayout}> <Form.Item label="实际入账金额" {...leftRightFormItemLayout}>
{audit.remittanceAmount} {audit.remittanceAmount}
</Form.Item> </Form.Item>
} }
{ {
isEdit ? isEdit ?
<Form.Item label="投资人姓名" help="真实的投资人姓名，请核对身份证照片上的姓名" {...filayout}> <Form.Item label="投资人姓名" help="真实的投资人姓名，请核对身份证照片上的姓名" {...leftRightFormItemLayout}>
<Input placeholder="投资人姓名" <Input placeholder="投资人姓名"
{...getFieldProps('realName', { {...getFieldProps('realName', {
initialValue: audit.realName initialValue: audit.realName
})} /> })} />
</Form.Item> </Form.Item>
: :
<Form.Item label="投资人姓名" {...filayout}> <Form.Item label="投资人姓名" {...leftRightFormItemLayout}>
{audit.realName} {audit.realName}
</Form.Item> </Form.Item>
} }
{ {
isEdit ? isEdit ?
<Form.Item label="投资人身份证号码" help="真实的投资人身份证号码，请核对身份证照片上的号码" {...filayout}> <Form.Item label="投资人身份证号码" help="真实的投资人身份证号码，请核对身份证照片上的号码" {...leftRightFormItemLayout}>
<Input placeholder="投资人身份证号码" <Input placeholder="投资人身份证号码"
{...getFieldProps('identityCardNumber', { {...getFieldProps('identityCardNumber', {
initialValue: audit.identityCardNumber initialValue: audit.identityCardNumber
})} /> })} />
</Form.Item> </Form.Item>
: :
<Form.Item label="投资人身份证号码" {...filayout}> <Form.Item label="投资人身份证号码" {...leftRightFormItemLayout}>
{audit.identityCardNumber} {audit.identityCardNumber}
</Form.Item> </Form.Item>
} }
{ {
isEdit && isEdit &&
<Form.Item label="拒绝理由" {...filayout}> <Form.Item label="拒绝理由" {...leftRightFormItemLayout}>
<Input placeholder="拒绝理由" <Input placeholder="拒绝理由"
{...getFieldProps('memo', { {...getFieldProps('memo', {
initialValue: audit.memo initialValue: audit.memo
......
src/utils.js
View file @ 3055db68
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
// return key + '=' + query[key]; // return key + '=' + query[key];
// }).join('&'); // }).join('&');
export const NULL = '_____?_____';
export function serialize(obj, prefix) { export function serialize(obj, prefix) {
var str = []; var str = [];
...@@ -139,6 +140,10 @@ export const formItemLayout = { ...@@ -139,6 +140,10 @@ export const formItemLayout = {
labelCol: {span: 4}, labelCol: {span: 4},
wrapperCol: {span: 16}, wrapperCol: {span: 16},
}; };
export const leftRightFormItemLayout = {
labelCol: {span: 6},
wrapperCol: {span: 16}
};
export const smallFormItemLayout = { export const smallFormItemLayout = {
labelCol: {span: 4}, labelCol: {span: 4},
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment