Skip to content

P
psbc_remit
Commit fe4a9b52 by qiuxia
Options

新增保函部分交易修改结汇界面

parent d1cedf35
Showing with 128 additions and 231 deletions
src/views/Business/Inflid/views/index.js
import React,{Component,Fragment} from 'react' import React,{Component,Fragment} from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {Page,Validator,Notification,FormItem,DatePickerItem,TextAreaItem,CheckboxItem,Checkbox, import {Page,Validator,Notification,FormItem,DatePickerItem,TextAreaItem,CheckboxItem,Checkbox,
InputItem,Input,Bind,SelectItem,Button,Label,Image,Table} from '@/components/Common-Library' InputItem,Input,Bind,SelectItem,Button,Label,Image,Table,Steps} from '@/components/Common-Library'
import Api from '@/service/api' import Api from '@/service/api'
import mInflid from '../model' import mInflid from '../model'
import CodeTableFactory from '@/components/CodeTable' import CodeTableFactory from '@/components/CodeTable'
import "./index.less" import "./index.less"
import { inject, observer } from 'mobx-react' import { inject, observer } from 'mobx-react'
import { action, observable,runInAction } from 'mobx' import { action, observable,runInAction } from 'mobx'
import Basic from './Basic'
import { Card } from 'antd'
const CodeTable = CodeTableFactory.getInstance() const CodeTable = CodeTableFactory.getInstance()
const StepItem = Steps.Item
@inject('UserContext') @inject('UserContext')
...@@ -34,6 +37,9 @@ export default class InflidScreen extends Page ...@@ -34,6 +37,9 @@ export default class InflidScreen extends Page
super(props) super(props)
this.model = new mInflid() this.model = new mInflid()
this.bind = Bind.bind(this) this.bind = Bind.bind(this)
this.state = {
flag: true
}
} }
async componentWillMount() async componentWillMount()
...@@ -55,189 +61,21 @@ export default class InflidScreen extends Page ...@@ -55,189 +61,21 @@ export default class InflidScreen extends Page
componentWillUnmount() componentWillUnmount()
{ {
this.model.stopMonitor&&this.model.stopMonitor()//关闭校验 this.model.stopMonitor&&this.model.stopMonitor()//关闭校验
} }
litmod_lidlstHeader=[
{
title:<Label itext="业务编号" />,
dataIndex:"ownref",
key:"ownref",
width:100,
sorter: (r1,r2)=>ColSorter(r1.ownref,r2.ownref),
},
{
title:<Label itext="摘要" />,
dataIndex:"nam",
key:"nam",
width:100,
sorter: (r1,r2)=>ColSorter(r1.nam,r2.nam),
},
{
title:<Label itext="开立日期" />,
dataIndex:"opndat",
key:"opndat",
width:100,
sorter: (r1,r2)=>ColSorter(r1.opndat,r2.opndat),
},
{
title:<Label itext="闭卷日期" />,
dataIndex:"clsdat",
key:"clsdat",
width:100,
sorter: (r1,r2)=>ColSorter(r1.clsdat,r2.clsdat),
},
{
title:<Label itext="溢短装" />,
dataIndex:"nomtop",
key:"nomtop",
width:100,
sorter: (r1,r2)=>ColSorter(r1.nomtop,r2.nomtop),
},
{
title:<Label itext="信用证类型" />,
dataIndex:"lcrtyp",
key:"lcrtyp",
width:100,
sorter: (r1,r2)=>ColSorter(r1.lcrtyp,r2.lcrtyp),
},
{
title:<Label itext="机构" />,
dataIndex:"ownbch",
key:"ownbch",
width:100,
sorter: (r1,r2)=>ColSorter(r1.ownbch,r2.ownbch),
},
]
//按钮事件
onLitmod_sel= ()=>{
this.formBlur=true //已触发表单提交处理
Validator.validate(this.model,this.model.descriptor,async(errors,values)=>{
if(errors)
return
const rtnmsg = await Api.post('inflid/litmod_sel',{data:this.model})
if(rtnmsg.retcod == SUCCESS)
{
Notification.success({message:'数据提交成功!'})
}
else
{
Notification.error({message:'服务端请求失败!'})
}
//余下逻辑处理
})
}
onLitmod_choose= ()=>{
this.formBlur=true //已触发表单提交处理
Validator.validate(this.model,this.model.descriptor,async(errors,values)=>{
if(errors)
return
const rtnmsg = await Api.post('inflid/litmod_choose',{data:this.model})
if(rtnmsg.retcod == SUCCESS)
{
Notification.success({message:'数据提交成功!'})
}
else
{
Notification.error({message:'服务端请求失败!'})
}
//余下逻辑处理
})
}
//交易内实现 //交易内实现
renderPage(){ renderPage(){
const bind = this.bind const bind = this.bind
const {i18n} = this.props const {i18n} = this.props
return ( return (
<div className="transPage"> <Card title="信用证查询" size="small" className="transTitle">
<Steps>
<StepItem title="信用证查询">
<Label itext="Own Reference" trn="inflid" /> <Basic model={this.model} extra={this.extra} flag={this.state.flag} />
<InputItem InputProps={bind("infcon_seaownref")} maxLength={16} desp="Own Reference for search" path="/infcon/seaownref" /> </StepItem>
</Steps>
</Card>
<Label itext="Name" trn="inflid" />
<InputItem InputProps={bind("infcon_nam")} maxLength={40} desp="Name" path="/infcon/nam" />
<Button type="primary" onClick={this.onInfbut_searow} desp="Search" path="/infbut/searow">
<Label itext="&Search"/>
</Button>
<Label itext="Party Reference" trn="inflid" />
<InputItem InputProps={bind("infcon_searef")} maxLength={16} desp="External Reference for search" path="/infcon/searef" />
<Label itext="Role" trn="inflid" />
<SelectItem InputProps={bind("infcon_searol")} desp="Role" path="/infcon/searol"/>
<Button type="primary" onClick={this.onInfbut_dsp} desp="Display" path="/infbut/dsp">
<Label itext="D&isplay"/>
</Button>
<Label itext="Select Single Party" trn="inflid" />
<InputItem InputProps={bind("pty_extkey")} maxLength={16} desp="客户号" path="/infcon/pty/extkey" />
<Label itext="Status" trn="inflid" />
<SelectItem InputProps={bind("infcon_seasta")} code={CodeTable.seasta} desp="Status" path="/infcon/seasta"/>
<Button type="primary" onClick={this.onInfbut_userow} desp="Use" path="/infbut/userow">
<Label itext="&Use"/>
</Button>
<Label itext="Party Name/BIC" trn="inflid" />
<InputItem InputProps={bind("infcon_seapty")} maxLength={24} desp="Party Name/BIC" path="/infcon/seapty" />
<Label itext="Currency" trn="inflid" />
<SelectItem InputProps={bind("infcon_seacur")} desp="Currency" path="/infcon/seacur"/>
<Button type="primary" onClick={this.onInfbut_clr} desp="Clear" path="/infbut/clr">
<Label itext="&Clear"/>
</Button>
<Label itext="Opening between" trn="inflid" />
<DatePickerItem InputProps={bind("infcon_opndatfrom")} desp="Open Date from" path="/infcon/opndatfrom" />
<Label itext="and" trn="inflid" />
<DatePickerItem InputProps={bind("infcon_opndatto")} desp="Open Date to" path="/infcon/opndatto" />
<Label itext="Amount between" trn="inflid" />
<InputItem InputProps={bind("infcon_seaamtfr")} desp="Amount from" path="/infcon/seaamtfr" />
<Label itext="and" trn="inflid" />
<InputItem InputProps={bind("infcon_seaamtto")} desp="Amount to" path="/infcon/seaamtto" />
<Label itext="Confirmation Status" trn="inflid" />
<SelectItem InputProps={bind("seacnfdet")} desp="confirmation status" path="/seacnfdet"/>
<Label itext="Form of L/C" trn="inflid" />
<SelectItem InputProps={bind("sealcrtyp")} desp="form of L/C" path="/sealcrtyp"/>
<InputItem InputProps={bind("infbut_dspstm")} desp="display stream" path="/infbut/dspstm" />
<Button type="primary" onClick={this.onInfbut_exi} desp="Exit" path="/infbut/exi">
<Label itext="E&xit"/>
</Button>
<Table rowKey="inr" columns={this.litmod_lidlstHeader} dataSource={this.model.litmod_lidlst} path="/litmod/lidlst"/>
<Button type="primary" icon="search" onClick={this.onLitmod_sel} desp="查询" path="/litmod/sel">
<Label itext="查询"/>
</Button>
<Button type="primary" onClick={this.onLitmod_choose} desp="选中" path="/litmod/choose">
<Label itext="选中"/>
</Button>
</div>
) )
} }
} }
src/views/Business/Lcyadd/views/Basic.js
import React,{Component,Fragment} from 'react' import React,{Component,Fragment} from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {Page,Validator,Notification,FormItem,DatePickerItem,TextAreaItem,CheckboxItem,Checkbox, import {Page,Validator,Notification,FormItem,DatePickerItem,TextAreaItem,CheckboxItem,Checkbox,
InputItem,Input,Bind,SelectItem,Button,Label,Image,Table,BottomBtn} from '@/components/Common-Library' InputItem,Input,Bind,SelectItem,Button,Label,Image,Table} from '@/components/Common-Library'
import Api from '@/service/api' import Api from '@/service/api'
import mLcyadd from '../model' import mLcyadd from '../model'
import CodeTableFactory from '@/components/CodeTable' import CodeTableFactory from '@/components/CodeTable'
...@@ -11,6 +11,7 @@ import { action, observable,runInAction } from 'mobx' ...@@ -11,6 +11,7 @@ import { action, observable,runInAction } from 'mobx'
import { Row, Col} from 'antd'; import { Row, Col} from 'antd';
import Ptspta2 from '@/views/Public/Ptspta2' import Ptspta2 from '@/views/Public/Ptspta2'
import Business from '@/views/Public/Business' import Business from '@/views/Public/Business'
import BottomBtn from '@/views/Public/BottomBtn'
const CodeTable = CodeTableFactory.getInstance() const CodeTable = CodeTableFactory.getInstance()
......
src/views/Business/Lcyadd/views/index.js
...@@ -42,26 +42,26 @@ export default class LcyaddScreen extends Page ...@@ -42,26 +42,26 @@ export default class LcyaddScreen extends Page
} }
} }
async componentWillMount() // async componentWillMount()
{ // {
/* // /*
*添加初始化代码 // *添加初始化代码
*/ // */
const rtnmsg = await Api.post('lcyadd/init',{data:this.model}) // const rtnmsg = await Api.post('lcyadd/init',{data:this.model})
if(rtnmsg.retcod == SUCCESS) // if(rtnmsg.retcod == SUCCESS)
{ // {
const {data} = rtnmsg // const {data} = rtnmsg
runInAction(()=>{ // runInAction(()=>{
Object.assign(this.model,data) // Object.assign(this.model,data)
}) // })
} // }
//快照模式下，不必开启校验，否则，静默校验，和记录变动 // //快照模式下，不必开启校验，否则，静默校验，和记录变动
!this.loadDisplay() && this.model.openMonitor && this.model.openMonitor() //开启校验 // !this.loadDisplay() && this.model.openMonitor && this.model.openMonitor() //开启校验
} // }
componentWillUnmount() // componentWillUnmount()
{ // {
this.model.stopMonitor&&this.model.stopMonitor()//关闭校验 // this.model.stopMonitor&&this.model.stopMonitor()//关闭校验
} // }
//交易内实现 //交易内实现
renderPage(){ renderPage(){
const bind = this.bind const bind = this.bind
...@@ -69,11 +69,7 @@ export default class LcyaddScreen extends Page ...@@ -69,11 +69,7 @@ export default class LcyaddScreen extends Page
return ( return (
<Card title="个人结汇新增" size="small" className="transTitle"> <Card title="个人结汇新增" size="small" className="transTitle">
<Steps> <Basic model={this.model} extra={this.extra} flag={this.state.flag} />
<StepItem title="新增">
<Basic model={this.model} extra={this.extra} flag={this.state.flag} />
</StepItem>
</Steps>
</Card> </Card>
) )
} }
......
src/views/Business/Lcyame/views/Basic.js
import React,{Component,Fragment} from 'react' import React,{Component,Fragment} from 'react'
import PropTypes from 'prop-types' import PropTypes from 'prop-types'
import {Page,Validator,Notification,FormItem,DatePickerItem,TextAreaItem,CheckboxItem,Checkbox, import {Page,Validator,Notification,FormItem,DatePickerItem,TextAreaItem,CheckboxItem,Checkbox,
InputItem,Input,Bind,SelectItem,Button,Label,Image,Table,BottomBtn} from '@/components/Common-Library' InputItem,Input,Bind,SelectItem,Button,Label,Image,Table} from '@/components/Common-Library'
import Api from '@/service/api' import Api from '@/service/api'
import mLcyame from '../model' import mLcyame from '../model'
import CodeTableFactory from '@/components/CodeTable' import CodeTableFactory from '@/components/CodeTable'
...@@ -9,8 +9,8 @@ import "./index.less" ...@@ -9,8 +9,8 @@ import "./index.less"
import { inject, observer } from 'mobx-react' import { inject, observer } from 'mobx-react'
import { action, observable,runInAction } from 'mobx' import { action, observable,runInAction } from 'mobx'
import { Row, Col} from 'antd'; import { Row, Col} from 'antd';
import Ptspta2 from '@/views/Public/Ptspta2'
import Business from '@/views/Public/Business' import Business from '@/views/Public/Business'
import BottomBtn from '@/views/Public/BottomBtn'
const CodeTable = CodeTableFactory.getInstance() const CodeTable = CodeTableFactory.getInstance()
......
src/views/Business/Lcyame/views/index.js
...@@ -42,26 +42,26 @@ export default class LcyameScreen extends Page ...@@ -42,26 +42,26 @@ export default class LcyameScreen extends Page
} }
} }
async componentWillMount() // async componentWillMount()
{ // {
/* // /*
*添加初始化代码 // *添加初始化代码
*/ // */
const rtnmsg = await Api.post('lcyame/init',{data:this.model}) // const rtnmsg = await Api.post('lcyame/init',{data:this.model})
if(rtnmsg.retcod == SUCCESS) // if(rtnmsg.retcod == SUCCESS)
{ // {
const {data} = rtnmsg // const {data} = rtnmsg
runInAction(()=>{ // runInAction(()=>{
Object.assign(this.model,data) // Object.assign(this.model,data)
}) // })
} // }
//快照模式下，不必开启校验，否则，静默校验，和记录变动 // //快照模式下，不必开启校验，否则，静默校验，和记录变动
!this.loadDisplay() && this.model.openMonitor && this.model.openMonitor() //开启校验 // !this.loadDisplay() && this.model.openMonitor && this.model.openMonitor() //开启校验
} // }
componentWillUnmount() // componentWillUnmount()
{ // {
this.model.stopMonitor&&this.model.stopMonitor()//关闭校验 // this.model.stopMonitor&&this.model.stopMonitor()//关闭校验
} // }
//交易内实现 //交易内实现
renderPage(){ renderPage(){
const bind = this.bind const bind = this.bind
...@@ -69,11 +69,7 @@ export default class LcyameScreen extends Page ...@@ -69,11 +69,7 @@ export default class LcyameScreen extends Page
return ( return (
<Card title="个人结汇修改" size="small" className="transTitle"> <Card title="个人结汇修改" size="small" className="transTitle">
<Steps> <Basic model={this.model} extra={this.extra} flag={this.state.flag} />
<StepItem title="修改">
<Basic model={this.model} extra={this.extra} flag={this.state.flag} />
</StepItem>
</Steps>
</Card> </Card>
) )
} }
......
src/views/Public/BottomBtn.js 0 → 100644
import React,{ Component } from 'react';
import { Row, Col } from 'antd';
import { ConfirmButton, Button, Label } from '@/components/Common-Library'
import { observable } from 'mobx'
import { inject, observer } from 'mobx-react'
@observer
export default class BottomBtn extends Component{
constructor(){
super()
}
@observable
pedLoading = false //控制暂存按钮是否处于等待状态----等待状态时不可点击
@observable
savLoading = false //控制暂存按钮是否处于等待状态----等待状态时不可点击
// 退出按钮
onRtn = () => {
}
//保存按钮
onSav = () => {
//点击按钮第一时间让按钮处于等待状态，防止多次点击触发事件
this.savLoading = true
setTimeout(()=>{
this.savLoading = false
},3000)
}
render(){
return (
<Row type="flex" justify="center">
<Col>
<div className="button0">
<div className='button2'>
<ConfirmButton type="primary"
onOK={this.onRtn}
onOK1={this.onRtnPed}
message="确定退出？"
isped={true}
>
<Label itext="退出" />
</ConfirmButton>
</div>
<div className='button2'>
<ConfirmButton type="primary"
onOK={this.onSav}
icon="save"
message="确定提交？"
loading={this.savLoading}
>
<Label itext="提交" />
</ConfirmButton>
</div>
</div>
</Col>
</Row>
)
}
}
\ 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