Skip to content

D
dzt-mobx
Commit 2923c3d3 by WeiCong
Options

完善FETOPN

parent c512be66
Showing with 249 additions and 332 deletions
src/views/Business/FET/Fetopn.js
...@@ -38,7 +38,7 @@ export default class Fetopn extends Component { ...@@ -38,7 +38,7 @@ export default class Fetopn extends Component {
render() { render() {
const {getFieldDecorator} = this.props.form; const {getFieldDecorator} = this.props.form;
const maxCURSelector = getFieldDecorator('cur', { const maxCURSelector = getFieldDecorator('maxcur', {
initialValue: '', initialValue: '',
})( })(
<Select placeholder="请选择币种" style={{ width: 70 }}> <Select placeholder="请选择币种" style={{ width: 70 }}>
...@@ -46,7 +46,7 @@ export default class Fetopn extends Component { ...@@ -46,7 +46,7 @@ export default class Fetopn extends Component {
<Option value="840">USD</Option> <Option value="840">USD</Option>
</Select> </Select>
); );
const amtCURSelector = getFieldDecorator('cur', { const amtCURSelector = getFieldDecorator('amtcur', {
initialValue: '', initialValue: '',
})( })(
<Select placeholder="请选择币种" style={{ width: 70 }}> <Select placeholder="请选择币种" style={{ width: 70 }}>
...@@ -54,7 +54,7 @@ export default class Fetopn extends Component { ...@@ -54,7 +54,7 @@ export default class Fetopn extends Component {
<Option value="840">USD</Option> <Option value="840">USD</Option>
</Select> </Select>
); );
const accCURSelector = getFieldDecorator('cur', { const accCURSelector = getFieldDecorator('acccur', {
initialValue: '', initialValue: '',
})( })(
<Select placeholder="请选择币种" style={{ width: 70 }}> <Select placeholder="请选择币种" style={{ width: 70 }}>
...@@ -62,7 +62,7 @@ export default class Fetopn extends Component { ...@@ -62,7 +62,7 @@ export default class Fetopn extends Component {
<Option value="840">USD</Option> <Option value="840">USD</Option>
</Select> </Select>
); );
const acc2CURSelector = getFieldDecorator('cur', { const acc2CURSelector = getFieldDecorator('acc2cur', {
initialValue: '', initialValue: '',
})( })(
<Select placeholder="请选择币种" style={{ width: 70 }}> <Select placeholder="请选择币种" style={{ width: 70 }}>
...@@ -73,334 +73,249 @@ export default class Fetopn extends Component { ...@@ -73,334 +73,249 @@ export default class Fetopn extends Component {
return ( return (
<Fragment> <Fragment>
<Form onSubmit={this.handleSubmit}> <Form onSubmit={this.handleSubmit}>
<Row> <FormItem
<Col span={8}> {...formItemLayout}
<FormItem label="业务机构"
{...formItemLayout} >
label="业务机构" {getFieldDecorator('branch', {rules: fieldSet.branch})(
> <Input maxLength={20} placeholder="请填写业务机构"/>
{getFieldDecorator('branch', {rules: fieldSet.branch})( )}
<Input maxLength={20} placeholder="请填写业务机构"/> </FormItem>
)} <FormItem
</FormItem> {...formItemLayout}
</Col> label="交易日期"
<Col span={8}> >
<FormItem {getFieldDecorator('opndat', {rules: fieldSet.opndat})(
{...formItemLayout} <DatePicker format="YYYY-MM-DD"/>
label="交易日期" )}
> </FormItem>
{getFieldDecorator('opndat', {rules: fieldSet.opndat})( <FormItem
<DatePicker format="YYYY-MM-DD"/> {...formItemLayout}
)} label="业务编号"
</FormItem> >
</Col> {getFieldDecorator('ownref', {rules: fieldSet.ownref})(
<Col span={8}> <Input maxLength={32} placeholder="请填写业务机构"/>
<FormItem )}
{...formItemLayout} </FormItem>
label="业务编号" <FormItem
> {...formItemLayout}
{getFieldDecorator('ownref', {rules: fieldSet.ownref})( label="客户编号"
<Input maxLength={32} placeholder="请填写业务机构"/> >
)} {getFieldDecorator('extkey', {rules: fieldSet.extkey})(
</FormItem> <Search
</Col> placeholder="请选择客户编号"
</Row> onSearch={value => console.log(value)}
<Row> enterButton
<Col span={8}> />
<FormItem )}
{...formItemLayout} </FormItem>
label="客户编号" <FormItem
> {...formItemLayout}
{getFieldDecorator('extkey', {rules: fieldSet.extkey})( label="客户经理"
<Search >
placeholder="请选择客户编号" {getFieldDecorator('cusman', fieldSet.cusman)(
onSearch={value => console.log(value)} <Select placeholder="请选择客户经理">
enterButton <Option value="001">刘经理</Option>
/> <Option value="002">王经理</Option>
)} </Select>
</FormItem> )}
</Col> </FormItem>
<Col span={8}> <FormItem
<FormItem {...formItemLayout}
{...formItemLayout} label="产品经理"
label="客户经理" >
> {getFieldDecorator('cpman', fieldSet.cpman)(
{getFieldDecorator('cusman', fieldSet.cusman)( <Select placeholder="请选择产品经理">
<Select placeholder="请选择客户经理"> <Option value="001">刘经理</Option>
<Option value="001">刘经理</Option> <Option value="002">王经理</Option>
<Option value="002">王经理</Option> </Select>
</Select> )}
)} </FormItem>
</FormItem> <FormItem
</Col> {...formItemLayout}
<Col span={8}> label="客户性质"
<FormItem >
{...formItemLayout} {getFieldDecorator('custyp', {rules: fieldSet.custyp})(
label="产品经理" <Input maxLength={20} placeholder="请填写客户性质"/>
> )}
{getFieldDecorator('cpman', fieldSet.cpman)( </FormItem>
<Select placeholder="请选择产品经理"> <FormItem
<Option value="001">刘经理</Option> {...formItemLayout}
<Option value="002">王经理</Option> label="对公/对私"
</Select> >
)} {getFieldDecorator('cuspr', {rules: fieldSet.cuspr})(
</FormItem> <Input maxLength={20} placeholder="请填写对公/对私"/>
</Col> )}
</Row> </FormItem>
<Row> <FormItem
<Col span={8}> {...formItemLayout}
<FormItem label="核心编号"
{...formItemLayout} >
label="客户性质" {getFieldDecorator('fudref', {rules: fieldSet.fudref})(
> <Search
{getFieldDecorator('custyp', {rules: fieldSet.custyp})( placeholder="请选择核心编号"
<Input maxLength={20} placeholder="请填写客户性质"/> onSearch={value => console.log(value)}
)} enterButton
</FormItem> />
</Col> )}
<Col span={8}> </FormItem>
<FormItem <FormItem
{...formItemLayout} {...formItemLayout}
label="对公/对私" label="客户分类"
> >
{getFieldDecorator('cuspr', {rules: fieldSet.cuspr})( {getFieldDecorator('cusseg', {rules: fieldSet.cusseg})(
<Input maxLength={20} placeholder="请填写对公/对私"/> <Input maxLength={20} placeholder="请填写客户分类"/>
)} )}
</FormItem> </FormItem>
</Col> <FormItem
<Col span={8}> {...formItemLayout}
<FormItem label="客户名称"
{...formItemLayout} >
label="核心编号" {getFieldDecorator('ptynam', {rules: fieldSet.ptynam})(
> <Input maxLength={20} placeholder="请填写客户名称"/>
{getFieldDecorator('fudref', {rules: fieldSet.fudref})( )}
<Search </FormItem>
placeholder="请选择核心编号" <FormItem
onSearch={value => console.log(value)} {...formItemLayout}
enterButton label="关注日期"
/> >
)} {getFieldDecorator('attdat', {rules: fieldSet.attdat})(
</FormItem> <Input maxLength={20} placeholder="请填写关注日期"/>
</Col> )}
</Row> </FormItem>
<Row> <FormItem
<Col span={8}> {...formItemLayout}
<FormItem label="关注原因"
{...formItemLayout} >
label="客户分类" {getFieldDecorator('attrsn', {rules: fieldSet.attrsn})(
> <Input maxLength={20} placeholder="请填写关注原因"/>
{getFieldDecorator('cusseg', {rules: fieldSet.cusseg})( )}
<Input maxLength={20} placeholder="请填写客户分类"/> </FormItem>
)} <FormItem
</FormItem> {...formItemLayout}
</Col> label="交易类型"
<Col span={8}> >
<FormItem {getFieldDecorator('fxtyp', {rules: fieldSet.fxtyp})(
{...formItemLayout} <Select placeholder="请选择交易类型">
label="客户名称" <Option value="001">交易类型001</Option>
> <Option value="002">交易类型002</Option>
{getFieldDecorator('ptynam', {rules: fieldSet.ptynam})( </Select>
<Input maxLength={20} placeholder="请填写客户名称"/> )}
)} </FormItem>
</FormItem> <FormItem
</Col> {...formItemLayout}
</Row> label="出账账户钞汇标志"
<Row> >
<Col span={8}> {getFieldDecorator('actcs', {rules: fieldSet.actcs})(
<FormItem <Select placeholder="请选择出账账户钞汇标志">
{...formItemLayout} <Option value="001">标志001</Option>
label="关注日期" <Option value="002">标志002</Option>
> </Select>
{getFieldDecorator('attdat', {rules: fieldSet.attdat})( )}
<Input maxLength={20} placeholder="请填写关注日期"/> </FormItem>
)} <FormItem
</FormItem> {...formItemLayout}
</Col> label="汇率类型"
<Col span={16}> >
<FormItem {getFieldDecorator('rattyp', {rules: fieldSet.rattyp})(
{...formItemLayout} <Select placeholder="请选择汇率类型">
label="关注原因" <Option value="001">汇率类型001</Option>
> <Option value="002">汇率类型002</Option>
{getFieldDecorator('attrsn', {rules: fieldSet.attrsn})( </Select>
<Input maxLength={20} placeholder="请填写关注原因"/> )}
)} </FormItem>
</FormItem> <FormItem
</Col> {...formItemLayout}
</Row> label="锁定汇率编号"
<Row> >
<Col span={8}> {getFieldDecorator('ratref', {rules: fieldSet.ratref})(
<FormItem <Search
{...formItemLayout} placeholder="请选择锁定汇率编号"
label="交易类型" onSearch={value => console.log(value)}
> enterButton
{getFieldDecorator('fxtyp', {rules: fieldSet.fxtyp})( />
<Select placeholder="请选择交易类型"> )}
<Option value="001">交易类型001</Option> </FormItem>
<Option value="002">交易类型002</Option> <FormItem
</Select> {...formItemLayout}
)} label="本次使用价格"
</FormItem> >
</Col> {getFieldDecorator('rat', {rules: fieldSet.rat})(
<Col span={16}> <Input maxLength={20} placeholder="请填写本次使用价格"/>
<FormItem )}
{...formItemLayout} </FormItem>
label="出账账户钞汇标志" <FormItem
> {...formItemLayout}
{getFieldDecorator('actcs', {rules: fieldSet.actcs})( label="实时汇率"
<Select placeholder="请选择出账账户钞汇标志"> >
<Option value="001">标志001</Option> {getFieldDecorator('livrat', {rules: fieldSet.livrat})(
<Option value="002">标志002</Option> <Input maxLength={20} placeholder="请填写实时汇率"/>
</Select> )}
)} </FormItem>
</FormItem> <FormItem
</Col> {...formItemLayout}
</Row> label="优惠点数"
<Row> >
<Col span={8}> {getFieldDecorator('pripon', {rules: fieldSet.pripon})(
<FormItem <Input maxLength={32} placeholder="请填写优惠点数"/>
{...formItemLayout} )}
label="汇率类型" </FormItem>
> <FormItem
{getFieldDecorator('rattyp', {rules: fieldSet.rattyp})( {...formItemLayout}
<Select placeholder="请选择汇率类型"> label="外币金额"
<Option value="001">汇率类型001</Option> >
<Option value="002">汇率类型002</Option> {getFieldDecorator('max', {rules: fieldSet.max})(
</Select> <Input addonBefore={maxCURSelector} placeholder="请填写外币金额"/>
)} )}
</FormItem> </FormItem>
</Col> <FormItem
<Col span={16}> {...formItemLayout}
<FormItem label="本币金额"
{...formItemLayout} >
label="锁定汇率编号" {getFieldDecorator('amt', {rules: fieldSet.amt})(
> <Input addonBefore={amtCURSelector} placeholder="请填写本币金额"/>
{getFieldDecorator('ratref', {rules: fieldSet.ratref})( )}
<Search </FormItem>
placeholder="请选择锁定汇率编号" <FormItem
onSearch={value => console.log(value)} {...formItemLayout}
enterButton label="外币账号"
/> >
)} {getFieldDecorator('acc', {rules: fieldSet.acc})(
</FormItem> <Input addonBefore={accCURSelector} placeholder="请填写外币账号"/>
</Col> )}
</Row> </FormItem>
<Row> <FormItem
<Col span={10}> {...formItemLayout}
<FormItem label="外币账户性质"
{...formItemLayout} >
label="本次使用价格" {getFieldDecorator('cortyp', {rules: fieldSet.cortyp})(
> <Input maxLength={20} placeholder="请填写外币账户性质"/>
{getFieldDecorator('rat', {rules: fieldSet.rat})( )}
<Input maxLength={20} placeholder="请填写本次使用价格"/> </FormItem>
)} <FormItem
</FormItem> {...formItemLayout}
</Col> label="本币账号"
<Col span={7}> >
<FormItem {getFieldDecorator('acc2', {rules: fieldSet.acc2})(
{...formItemLayout} <Input addonBefore={acc2CURSelector} placeholder="请填写本币账号"/>
label="实时汇率" )}
> </FormItem>
{getFieldDecorator('livrat', {rules: fieldSet.livrat})( <FormItem
<Input maxLength={20} placeholder="请填写实时汇率"/> {...formItemLayout}
)} label="本币账户性质"
</FormItem> >
</Col> {getFieldDecorator('cortyp2', {rules: fieldSet.cortyp2})(
<Col span={7}> <Input maxLength={20} placeholder="请填写本币账户性质"/>
<FormItem )}
{...formItemLayout} </FormItem>
label="优惠点数" <FormItem
> {...formItemLayout}
{getFieldDecorator('pripon', {rules: fieldSet.pripon})( label="结售汇统计代码"
<Input maxLength={32} placeholder="请填写优惠点数"/> >
)} {getFieldDecorator('sumcod', {rules: fieldSet.sumcod})(
</FormItem> <Input maxLength={20} placeholder="请填写结售汇统计代码"/>
</Col> )}
</Row> </FormItem>
<Row>
<Col span={10}>
<FormItem
{...formItemLayout}
label="外币金额"
>
{getFieldDecorator('max', {rules: fieldSet.max})(
<Input addonBefore={maxCURSelector} placeholder="请填写外币金额"/>
)}
</FormItem>
</Col>
</Row>
<Row>
<Col span={10}>
<FormItem
{...formItemLayout}
label="本币金额"
>
{getFieldDecorator('amt', {rules: fieldSet.amt})(
<Input addonBefore={amtCURSelector} placeholder="请填写本币金额"/>
)}
</FormItem>
</Col>
</Row>
<Row>
<Col span={10}>
<FormItem
{...formItemLayout}
label="外币账号"
>
{getFieldDecorator('acc', {rules: fieldSet.acc})(
<Input addonBefore={accCURSelector} placeholder="请填写外币账号"/>
)}
</FormItem>
</Col>
</Row>
<Row>
<Col span={10}>
<FormItem
{...formItemLayout}
label="外币账户性质"
>
{getFieldDecorator('cortyp', {rules: fieldSet.cortyp})(
<Input maxLength={20} placeholder="请填写外币账户性质"/>
)}
</FormItem>
</Col>
</Row>
<Row>
<Col span={10}>
<FormItem
{...formItemLayout}
label="本币账号"
>
{getFieldDecorator('acc2', {rules: fieldSet.acc2})(
<Input addonBefore={acc2CURSelector} placeholder="请填写本币账号"/>
)}
</FormItem>
</Col>
</Row>
<Row>
<Col span={10}>
<FormItem
{...formItemLayout}
label="本币账户性质"
>
{getFieldDecorator('cortyp2', {rules: fieldSet.cortyp2})(
<Input maxLength={20} placeholder="请填写本币账户性质"/>
)}
</FormItem>
</Col>
</Row>
<Row>
<Col span={10}>
<FormItem
{...formItemLayout}
label="结售汇统计代码"
>
{getFieldDecorator('sumcod', {rules: fieldSet.sumcod})(
<Input maxLength={20} placeholder="请填写结售汇统计代码"/>
)}
</FormItem>
</Col>
</Row>
<FormItem {...formSubBtnLayout}> <FormItem {...formSubBtnLayout}>
<Button type="primary" htmlType="submit" loading={this.state.loading}>提交</Button> <Button type="primary" htmlType="submit" loading={this.state.loading}>提交</Button>
</FormItem> </FormItem>
......
src/views/Layout/index.js
...@@ -12,6 +12,7 @@ import './index.less' ...@@ -12,6 +12,7 @@ import './index.less'
import Home from '../Home' import Home from '../Home'
import PXIRouter from '../Business/PXI' import PXIRouter from '../Business/PXI'
import FETRouter from '../Business/FET'
const { const {
Header, Footer, Sider, Content, Header, Footer, Sider, Content,
...@@ -41,6 +42,7 @@ export default class LayoutCom extends Component { ...@@ -41,6 +42,7 @@ export default class LayoutCom extends Component {
<Route path="/home" component={Home} /> <Route path="/home" component={Home} />
{/*模块路由插入开始*/} {/*模块路由插入开始*/}
<Route path="/business/pxi" component={PXIRouter} /> <Route path="/business/pxi" component={PXIRouter} />
<Route path="/business/fet" component={FETRouter} />
{/*模块路由插入结束*/} {/*模块路由插入结束*/}
<Redirect path="/" to="/home" /> <Redirect path="/" to="/home" />
</Switch> </Switch>
......
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