Skip to content

D
dzt-mobx
Commit 93eed0b7 by WeiCong
Options

提交申报及相关页面

parent a29cfb8f
Showing with 698 additions and 1 deletions
src/views/Business/FET/Fetopn/Fet01.js 0 → 100644
import React, {Component, Fragment} from 'react'
import {Form, Input, Select, Row, Col, Button, notification, Checkbox, DatePicker} from 'antd'
import {formItemLayout, formSubBtnLayout} from '../../../../config'
import fieldSet from '../descriptor/fet01'
import Fetcom from './Fetcom'
import Api from '../../../../service/api'
const FormItem = Form.Item
const FromCreate = Form.create;
const {Option} = Select;
const {TextArea, Search} = Input;
@FromCreate()
export default class Fetopn extends Component {
constructor(props) {
super(props)
this.state = {loading: false}
}
handleSubmit = (e) => {
this.props.store.next()
e.preventDefault();
this.props.form.validateFieldsAndScroll(async (err, values) => {
console.log(err)
if (!err) {
console.log('Received values of form: ', values);
this.setState({loading: true})
}
});
}
async componentWillMount() {
// //发起交易切换
// const data = await Api.post('pxiadd/init',{data:{}})
// console.log(data)
}
render() {
const {getFieldDecorator} = this.props.form;
return (
<Fragment>
<Form onSubmit={this.handleSubmit}>
<Fetcom/>
<FormItem
{...formItemLayout}
label="结汇币种及金额"
style={{marginBottom: 0}}
>
<Row>
<Col span={6}>
<FormItem>
{getFieldDecorator('fcycur', {
initialValue: '',
})(
<Select placeholder="请选择币种" style={{width: '100%'}}>
<Option value="156">CNY</Option>
<Option value="840">USD</Option>
</Select>
)}
</FormItem>
</Col>
<Col span={18}>
<FormItem>
{getFieldDecorator('fcyamt', {rules: fieldSet.fcyamt})(
<Input placeholder="请填写金额"/>
)}
</FormItem>
</Col>
</Row>
</FormItem>
<FormItem
{...formItemLayout}
label="汇率"
>
{getFieldDecorator('exrate', {rules: fieldSet.exrate})(
<Input placeholder="请填写汇率"/>
)}
</FormItem>
<FormItem {...formSubBtnLayout}>
<Button icon="arrow-right" type="primary" htmlType="submit"
loading={this.state.loading}>下一步</Button>
</FormItem>
</Form>
</Fragment>
)
}
}
\ No newline at end of file
src/views/Business/FET/Fetopn/Fet02.js 0 → 100644
import React, {Component, Fragment} from 'react'
import {Form, Input, Select, Row, Col, Button, notification, Checkbox,DatePicker} from 'antd'
import {formItemLayout, formSubBtnLayout} from '../../../../config'
import fieldSet from '../descriptor/fet02'
import Api from '../../../../service/api'
const FormItem = Form.Item
const FromCreate = Form.create;
const {Option} = Select;
const {TextArea,Search} = Input;
@FromCreate()
export default class Fetopn extends Component {
constructor(props) {
super(props)
this.state = {loading: false}
}
handleSubmit = (e) => {
this.props.store.next()
e.preventDefault();
this.props.form.validateFieldsAndScroll(async (err, values) => {
console.log(err)
if (!err) {
console.log('Received values of form: ', values);
this.setState({loading: true})
}
});
}
async componentWillMount() {
// //发起交易切换
// const data = await Api.post('pxiadd/init',{data:{}})
// console.log(data)
}
render() {
const {getFieldDecorator} = this.props.form;
return (
<Fragment>
<Form onSubmit={this.handleSubmit}>
<FormItem
{...formItemLayout}
label="申报号码"
>
{getFieldDecorator('rptno', {rules: fieldSet.rptno})(
<Input placeholder="请填写申报号码"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="修改/删除原因"
>
{getFieldDecorator('actiondesc', {rules: fieldSet.actiondesc})(
<TextArea placeholder="请填写修改/删除原因" autosize/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="操作类型"
>
{getFieldDecorator('actiontype', {rules: fieldSet.actiontype})(
<Input placeholder="请填写操作类型"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="交易编码"
style={{marginBottom:0}}
>
<Row>
<Col span={6}>
<FormItem>
{getFieldDecorator('cod', {rules: fieldSet.cod})(
<Search
placeholder=""
onSearch={value => console.log(value)}
enterButton
/>
)}
</FormItem>
</Col>
<Col span={18}>
<FormItem>
{getFieldDecorator('txt', {rules: fieldSet.txt})(
<TextArea placeholder="" autosize/>
)}
</FormItem>
</Col>
</Row>
</FormItem>
<FormItem
{...formItemLayout}
label="编号"
style={{marginBottom:0}}
>
<Row gutter={8}>
<Col span={18}>
<FormItem>
{getFieldDecorator('regno', {rules: fieldSet.regno})(
<Input placeholder="请填写外汇局批件号/备案表号/业务编号"/>
)}
</FormItem>
</Col>
<Col span={6}>
<FormItem>
{getFieldDecorator('isok', {
valuePropName: 'checked',
initialValue: false,
})(
<Checkbox>确认</Checkbox>
)}
</FormItem>
</Col>
</Row>
</FormItem>
<FormItem
{...formItemLayout}
label="结汇用途"
style={{marginBottom:0}}
>
{getFieldDecorator('usetype', {rules: fieldSet.usetype})(
<Select placeholder="请选择结汇用途" style={{ width: '100%' }}>
<Option value="001">结汇用途01</Option>
<Option value="002">结汇用途02</Option>
</Select>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="结汇详细用途"
>
{getFieldDecorator('usedetail', {rules: fieldSet.usedetail})(
<TextArea placeholder="请填写结汇详细用途" autosize/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="申报日期"
>
{getFieldDecorator('rptdate', {rules: fieldSet.rptdate})(
<DatePicker format="YYYY-MM-DD"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="填报人"
>
{getFieldDecorator('crtuser', {rules: fieldSet.crtuser})(
<Input placeholder="请填写填报人"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="填报人电话"
>
{getFieldDecorator('inptelc', {rules: fieldSet.inptelc})(
<Input placeholder="请填写填报人电话"/>
)}
</FormItem>
<FormItem {...formSubBtnLayout}>
<Button icon="arrow-right" type="primary" htmlType="submit" loading={this.state.loading}>下一步</Button>
</FormItem>
</Form>
</Fragment>
)
}
}
\ No newline at end of file
src/views/Business/FET/Fetopn/Fet11.js 0 → 100644
import React, {Component, Fragment} from 'react'
import {Form, Input, Select, Row, Col, Button, notification, Checkbox, DatePicker} from 'antd'
import {formItemLayout, formSubBtnLayout} from '../../../../config'
import fieldSet from '../descriptor/fet01'
import Fetcom from './Fetcom'
import Api from '../../../../service/api'
const FormItem = Form.Item
const FromCreate = Form.create;
const {Option} = Select;
const {TextArea, Search} = Input;
@FromCreate()
export default class Fetopn extends Component {
constructor(props) {
super(props)
this.state = {loading: false}
}
handleSubmit = (e) => {
this.props.store.next()
e.preventDefault();
this.props.form.validateFieldsAndScroll(async (err, values) => {
console.log(err)
if (!err) {
console.log('Received values of form: ', values);
this.setState({loading: true})
}
});
}
async componentWillMount() {
// //发起交易切换
// const data = await Api.post('pxiadd/init',{data:{}})
// console.log(data)
}
render() {
const {getFieldDecorator} = this.props.form;
return (
<Fragment>
<Form onSubmit={this.handleSubmit}>
<Fetcom/>
<FormItem
{...formItemLayout}
label="购汇币种"
style={{marginBottom: 0}}
>
{getFieldDecorator('lcycur', {rules: fieldSet.lcycur})(
<Select placeholder="请选择购汇币种" style={{width: '100%'}}>
<Option value="156">CNY</Option>
<Option value="840">USD</Option>
</Select>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="购汇金额(人民币)"
>
{getFieldDecorator('lcyamt', {rules: fieldSet.lcyamt})(
<Input placeholder="请填写购汇金额"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="汇率"
>
{getFieldDecorator('exrate', {rules: fieldSet.exrate})(
<Input placeholder="请填写汇率"/>
)}
</FormItem>
<FormItem {...formSubBtnLayout}>
<Button icon="arrow-right" type="primary" htmlType="submit"
loading={this.state.loading}>下一步</Button>
</FormItem>
</Form>
</Fragment>
)
}
}
\ No newline at end of file
src/views/Business/FET/Fetopn/Fet22.js 0 → 100644
import React, {Component, Fragment} from 'react'
import {Form, Input, Select, Row, Col, Button, notification, Checkbox,DatePicker} from 'antd'
import {formItemLayout, formSubBtnLayout} from '../../../../config'
import fieldSet from '../descriptor/fet02'
import Api from '../../../../service/api'
const FormItem = Form.Item
const FromCreate = Form.create;
const {Option} = Select;
const {TextArea,Search} = Input;
@FromCreate()
export default class Fetopn extends Component {
constructor(props) {
super(props)
this.state = {loading: false}
}
handleSubmit = (e) => {
this.props.store.next()
e.preventDefault();
this.props.form.validateFieldsAndScroll(async (err, values) => {
console.log(err)
if (!err) {
console.log('Received values of form: ', values);
this.setState({loading: true})
}
});
}
async componentWillMount() {
// //发起交易切换
// const data = await Api.post('pxiadd/init',{data:{}})
// console.log(data)
}
render() {
const {getFieldDecorator} = this.props.form;
return (
<Fragment>
<Form onSubmit={this.handleSubmit}>
<FormItem
{...formItemLayout}
label="申报号码"
>
{getFieldDecorator('rptno', {rules: fieldSet.rptno})(
<Input placeholder="请填写申报号码"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="修改/删除原因"
>
{getFieldDecorator('actiondesc', {rules: fieldSet.actiondesc})(
<TextArea placeholder="请填写修改/删除原因" autosize/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="操作类型"
>
{getFieldDecorator('actiontype', {rules: fieldSet.actiontype})(
<Input placeholder="请填写操作类型"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="交易编码"
style={{marginBottom:0}}
>
<Row>
<Col span={6}>
<FormItem>
{getFieldDecorator('cod', {rules: fieldSet.cod})(
<Search
placeholder=""
onSearch={value => console.log(value)}
enterButton
/>
)}
</FormItem>
</Col>
<Col span={18}>
<FormItem>
{getFieldDecorator('txt', {rules: fieldSet.txt})(
<TextArea placeholder="" autosize/>
)}
</FormItem>
</Col>
</Row>
</FormItem>
<FormItem
{...formItemLayout}
label="编号"
style={{marginBottom:0}}
>
<Row gutter={8}>
<Col span={18}>
<FormItem>
{getFieldDecorator('regno', {rules: fieldSet.regno})(
<Input placeholder="请填写外汇局批件号/备案表号/业务编号"/>
)}
</FormItem>
</Col>
<Col span={6}>
<FormItem>
{getFieldDecorator('isok', {
valuePropName: 'checked',
initialValue: false,
})(
<Checkbox>确认</Checkbox>
)}
</FormItem>
</Col>
</Row>
</FormItem>
<FormItem
{...formItemLayout}
label="申报日期"
>
{getFieldDecorator('rptdate', {rules: fieldSet.rptdate})(
<DatePicker format="YYYY-MM-DD"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="填报人"
>
{getFieldDecorator('crtuser', {rules: fieldSet.crtuser})(
<Input placeholder="请填写填报人"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="填报人电话"
>
{getFieldDecorator('inptelc', {rules: fieldSet.inptelc})(
<Input placeholder="请填写填报人电话"/>
)}
</FormItem>
<FormItem {...formSubBtnLayout}>
<Button icon="arrow-right" type="primary" htmlType="submit" loading={this.state.loading}>下一步</Button>
</FormItem>
</Form>
</Fragment>
)
}
}
\ No newline at end of file
src/views/Business/FET/Fetopn/Fetcom.js 0 → 100644
import React, {Component, Fragment} from 'react'
import {Form, Input, Select, Row, Col, Checkbox} from 'antd'
import {formItemLayout} from '../../../../config'
import fieldSet from '../descriptor/fet01'
const FormItem = Form.Item
const FromCreate = Form.create;
const {Option} = Select;
const {TextArea} = Input;
@FromCreate()
export default class Fetopn extends Component {
constructor(props) {
super(props)
this.state = {loading: false}
}
render() {
const {getFieldDecorator} = this.props.form;
return (
<Fragment>
<FormItem
{...formItemLayout}
label="申报号码"
>
{getFieldDecorator('rptno', {rules: fieldSet.rptno})(
<Input placeholder="请填写申报号码"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="修改/删除原因"
>
{getFieldDecorator('actiondesc', {rules: fieldSet.actiondesc})(
<TextArea placeholder="请填写修改/删除原因" autosize/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="操作类型"
>
{getFieldDecorator('actiontype', {rules: fieldSet.actiontype})(
<Input placeholder="请填写操作类型"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="地区机构号"
style={{marginBottom: 0}}
>
<Row gutter={8}>
<Col span={18}>
<FormItem>
{getFieldDecorator('branch', {rules: fieldSet.branch})(
<Select placeholder="请选择地区机构号" style={{width: '100%'}}>
<Option value="001">地区机构号01</Option>
<Option value="002">地区机构号02</Option>
</Select>
)}
</FormItem>
</Col>
<Col span={6}>
<FormItem>
{getFieldDecorator('isok', {
valuePropName: 'checked',
initialValue: false,
})(
<Checkbox>确认</Checkbox>
)}
</FormItem>
</Col>
</Row>
</FormItem>
<FormItem
{...formItemLayout}
label="银行业务编号"
>
{getFieldDecorator('buscode', {rules: fieldSet.buscode})(
<Input placeholder="请填写银行业务编号"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="CUSNAM"
style={{marginBottom: 0}}
>
{getFieldDecorator('custype', {rules: fieldSet.custype})(
<Select placeholder="" style={{width: '100%'}}>
<Option value="001">001</Option>
<Option value="002">002</Option>
</Select>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="组织机构代码"
>
{getFieldDecorator('custcod', {rules: fieldSet.custcod})(
<Input placeholder="请填写组织机构代码"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="个人身份证件号码"
>
{getFieldDecorator('idcode', {rules: fieldSet.idcode})(
<Input placeholder="请填写个人身份证件号码"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="CORNAM"
>
{getFieldDecorator('custnm', {rules: fieldSet.custnm})(
<Input placeholder=""/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="外汇账户账号"
>
{getFieldDecorator('fcyacc', {rules: fieldSet.fcyacc})(
<Input placeholder="请填写外汇账户账号"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="人民币账户账号"
>
{getFieldDecorator('lcyacc', {rules: fieldSet.lcyacc})(
<Input placeholder="请填写人民币账户账号"/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="CORPNAM"
>
{getFieldDecorator('oppuser', {rules: fieldSet.oppuser})(
<Input placeholder=""/>
)}
</FormItem>
<FormItem
{...formItemLayout}
label="CORBNAM"
>
{getFieldDecorator('oppbank', {rules: fieldSet.oppbank})(
<TextArea autosize/>
)}
</FormItem>
</Fragment>
)
}
}
\ No newline at end of file
src/views/Business/FET/Fetopn/index.js
...@@ -3,6 +3,10 @@ import {Form, Input, Select, Row, Col, Button, notification, DatePicker,Steps,Af ...@@ -3,6 +3,10 @@ import {Form, Input, Select, Row, Col, Button, notification, DatePicker,Steps,Af
import FetStore from './FetStore' import FetStore from './FetStore'
import FetopnTab1 from './FetopnTab1' import FetopnTab1 from './FetopnTab1'
import FetopnTab2 from './FetopnTab2' import FetopnTab2 from './FetopnTab2'
import Fet01 from './Fet01'
import Fet02 from './Fet02'
import Fet11 from './Fet11'
import Fet22 from './Fet22'
import Fetfxq from './Fetfxq' import Fetfxq from './Fetfxq'
import { observer } from "mobx-react" import { observer } from "mobx-react"
...@@ -16,7 +20,7 @@ export default class Fetopn extends Component{ ...@@ -16,7 +20,7 @@ export default class Fetopn extends Component{
renderChild(code) renderChild(code)
{ {
if(code == '概况') if(code == '概况')
return <Fetfxq store={store}/> return <Fet22 store={store}/>
if(code == '账务明细') if(code == '账务明细')
return <FetopnTab2 store={store}/> return <FetopnTab2 store={store}/>
} }
......
src/views/Business/FET/descriptor/fet01.js 0 → 100644
export default fieldSet = {
rptno: [{type: 'string'}],
actiondesc: [{type: 'string'}],
actiontype: [{type: 'string'}],
branch: [{type: 'string'}],
buscode: [{type: 'string'}],
custype: [{type: 'string'}],
custcod: [{type: 'string'}],
idcode: [{type: 'string'}],
custnm: [{type: 'string'}],
fcyacc: [{type: 'string'}],
lcyacc: [{type: 'string'}],
oppuser: [{type: 'string'}],
oppbank: [{type: 'string'}],
fcyamt: [{type: 'string'}],
exrate: [{type: 'string'}],
lcycur: [{type: 'string'}],
lcyamt: [{type: 'string'}],
}
\ No newline at end of file
src/views/Business/FET/descriptor/fet02.js 0 → 100644
export default fieldSet = {
rptno: [{type: 'string'}],
actiondesc: [{type: 'string'}],
actiontype: [{type: 'string'}],
cod: [{type: 'string'}],
txt: [{type: 'string'}],
regno: [{type: 'string'}],
usetype: [{type: 'string'}],
usedetail: [{type: 'string'}],
rptdate: [{type: 'object'}],
crtuser: [{type: 'string'}],
inptelc: [{type: 'number',max:11,min:8,message:'请填入正确的电话号码'}],
}
\ No newline at end of file
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