Skip to content

V
vue-gjjs
Commit e5798915 by Gan
Options

光票托收及转让证单据相关前端界面调整

parent 6877101f
Showing with 764 additions and 196 deletions
src/config/CodeTable/index.js
......@@ -121,7 +121,7 @@ const CodeTable = {
{ label: "Temporary", value: "T" },
{ label: "Downloaded", value: "" },
],
advtyp: [
advtyp1: [
{ label: "Advice of Discrepancy (MT750)", value: "750" },
{ label: "Advice of Payment (MT754)", value: "754" },
],
......@@ -5811,5 +5811,14 @@ const CodeTable = {
{ label: "Outright, hold documents", value: "O" },
{ label: "Outright, return documents", value: "R" },
],
docgrp: [
{ label: "Airway Bills", value: "AIRWAY" },
{ label: "Beneficiary Cert.", value: "BENCER" },
{ label: "Bill of Lading Copies", value: "BLCOPY" },
{ label: "Bill of Lading Originals", value: "ABLORIG" },
{ label: "Cargo Receipt", value: "CARREC" },
{ label: "Certificate of Analysis", value: "CERANA" },
],
}
export default CodeTable;
\ No newline at end of file
src/model/Bttdck/index.js
import Api from "~/service/Api"
import Pts from "../Common/Pts"
import Pub from "~/model/Public";
export default class Bttdck{
constructor () {
......@@ -40,11 +41,11 @@ export default class Bttdck{
},
},
docgrdmbe1:{
docdsclab:"", // Label of document description .bttp.docgrdmbe1.docdsclab
docdsclab:"123", // Label of document description .bttp.docgrdmbe1.docdsclab
docgrd:[], // .bttp.docgrdmbe1.docgrd
},
docgrdmbe2:{
docdsclab:"", // Label of document description .bttp.docgrdmbe2.docdsclab
docdsclab:"321", // Label of document description .bttp.docgrdmbe2.docdsclab
docgrd:[], // .bttp.docgrdmbe2.docgrd
},
futhndflg:"", // further handling .bttp.futhndflg
......@@ -151,68 +152,10 @@ export default class Bttdck{
dbfadrblkcn:"", // Chinese address .btdgrp.rmt.dbfadrblkcn
},
},
liaall:{
misamt:"", // Amount not yet assigned .liaall.misamt
concur:"", // External Booking Amount .liaall.concur
outpct:"", // Sight Amount Percentage .liaall.outpct
outamt:"", // Sight Amount .liaall.outamt
exttotoldamt:"", // Old Amount booked externally .liaall.exttotoldamt
exttotamt:"", // Total booking amount external assinged .liaall.exttotamt
},
setmod:{
docamttyplab:"", // settled amount description as label .setmod.docamttyplab
retmsg:"", // Label showing Retry overflow condition .setmod.retmsg
ref:"", // our reference .setmod.ref
doccur:"", // document currency .setmod.doccur
docamt:"", // document amount .setmod.docamt
dspflg:"", // Type of settlement .setmod.dspflg
xreflg:"", // Recalculate Rates .setmod.xreflg
setglg:{
labdspflg:"", // Label for Type of Settlement .setmod.setglg.labdspflg
},
zmqacclab:"", // 主�'�号LABEL .setmod.zmqacclab
zmqacc:"", // 自�'�区主�'�号 .setmod.zmqacc
},
mtabut:{
coninf:{
oitinf:{
labinftxt:"", // Label for INFTXT .mtabut.coninf.oitinf.labinftxt
oit:{
inftxt:"", // Infotext .mtabut.coninf.oitinf.oit.inftxt
inflev:"", // Infotext Level .mtabut.coninf.oitinf.oit.inflev
},
},
oitset:{
labinftxt:"", // Label for INFTXT .mtabut.coninf.oitset.labinftxt
oit:{
inftxt:"", // Infotext .mtabut.coninf.oitset.oit.inftxt
inflev:"", // Infotext Level .mtabut.coninf.oitset.oit.inflev
},
},
conexedat:"", // 执行日期 .mtabut.coninf.conexedat
usr:{
extkey:"", // User ID .mtabut.coninf.usr.extkey
},
},
},
trnmod:{
trndoc:{
advlabel:"", // ADVLABEL .trnmod.trndoc.advlabel
amdnam:"", // AMDNAM .trnmod.trndoc.amdnam
advdoc:"", // 国内证通知书 .trnmod.trndoc.advdoc
advnam:"", // 国内证落款 .trnmod.trndoc.advnam
amdapl:"", // 修改申请人名称 .trnmod.trndoc.amdapl
doclbl:"", // Lable for CONDOCSTM .trnmod.trndoc.doclbl
doctrestm:"", // Document tree .trnmod.trndoc.doctrestm
shwinc:"", // Show Incoming Messages .trnmod.trndoc.shwinc
shwout:"", // Show Outgoing Messages .trnmod.trndoc.shwout
condocstm:"", // Connected Documents .trnmod.trndoc.condocstm
rcvatt:{
seainf:"", // .trnmod.trndoc.rcvatt.seainf
},
filrecv:"", // File Receiver .trnmod.trndoc.filrecv
},
},
setmod: new Pub().data.Setmod,
mtabut: new Pub().data.Mtabut,
trnmod: new Pub().data.Trnmod,
liaall: new Pub().data.Liaall,
pageId: "" // ctx的key
}
}
......
src/model/Lttdav/index.js
import Api from "~/service/Api"
import Pts from "../Common/Pts"
import Pub from "~/model/Public";
export default class Lttdav{
constructor () {
......@@ -21,6 +22,12 @@ export default class Lttdav{
adrelc:"", // 地址 .btdgrp.prb.adrelc
dbfadrblkcn:"", // Chinese address .btdgrp.prb.dbfadrblkcn
},
prp:{
pts:new Pts().data,
namelc:"", // 名称 .btdgrp.prb.namelc
adrelc:"", // 地址 .btdgrp.prb.adrelc
dbfadrblkcn:"", // Chinese address .btdgrp.prb.dbfadrblkcn
},
be1:{
pts:new Pts().data,
},
......@@ -104,71 +111,10 @@ export default class Lttdav{
},
avbnam:"", // Available with .ltdgrp.avbnam
},
liaall:{
misamt:"", // Amount not yet assigned .liaall.misamt
concur:"", // External Booking Amount .liaall.concur
outpct:"", // Sight Amount Percentage .liaall.outpct
outamt:"", // Sight Amount .liaall.outamt
exttotoldamt:"", // Old Amount booked externally .liaall.exttotoldamt
exttotamt:"", // Total booking amount external assinged .liaall.exttotamt
},
setmod:{
docamttyplab:"", // settled amount description as label .setmod.docamttyplab
retmsg:"", // Label showing Retry overflow condition .setmod.retmsg
ref:"", // our reference .setmod.ref
doccur:"", // document currency .setmod.doccur
docamt:"", // document amount .setmod.docamt
dspflg:"", // Type of settlement .setmod.dspflg
xreflg:"", // Recalculate Rates .setmod.xreflg
setglg:{
labdspflg:"", // Label for Type of Settlement .setmod.setglg.labdspflg
},
zmqacclab:"", // 主�'�号LABEL .setmod.zmqacclab
zmqacc:"", // 自�'�区主�'�号 .setmod.zmqacc
glemod:{
gleshwstm:"", // Booking stream to Display .setmod.glemod.gleshwstm
},
},
mtabut:{
coninf:{
oitinf:{
labinftxt:"", // Label for INFTXT .mtabut.coninf.oitinf.labinftxt
oit:{
inftxt:"", // Infotext .mtabut.coninf.oitinf.oit.inftxt
inflev:"", // Infotext Level .mtabut.coninf.oitinf.oit.inflev
},
},
oitset:{
labinftxt:"", // Label for INFTXT .mtabut.coninf.oitset.labinftxt
oit:{
inftxt:"", // Infotext .mtabut.coninf.oitset.oit.inftxt
inflev:"", // Infotext Level .mtabut.coninf.oitset.oit.inflev
},
},
conexedat:"", // 执行日期 .mtabut.coninf.conexedat
usr:{
extkey:"", // User ID .mtabut.coninf.usr.extkey
},
},
},
trnmod:{
trndoc:{
advlabel:"", // ADVLABEL .trnmod.trndoc.advlabel
amdnam:"", // AMDNAM .trnmod.trndoc.amdnam
advdoc:"", // 国内证通知书 .trnmod.trndoc.advdoc
advnam:"", // 国内证落款 .trnmod.trndoc.advnam
amdapl:"", // 修改申请人名称 .trnmod.trndoc.amdapl
doclbl:"", // Lable for CONDOCSTM .trnmod.trndoc.doclbl
doctrestm:"", // Document tree .trnmod.trndoc.doctrestm
shwinc:"", // Show Incoming Messages .trnmod.trndoc.shwinc
shwout:"", // Show Outgoing Messages .trnmod.trndoc.shwout
condocstm:"", // Connected Documents .trnmod.trndoc.condocstm
rcvatt:{
seainf:"", // .trnmod.trndoc.rcvatt.seainf
},
filrecv:"", // File Receiver .trnmod.trndoc.filrecv
},
},
setmod: new Pub().data.Setmod,
mtabut: new Pub().data.Mtabut,
trnmod: new Pub().data.Trnmod,
liaall: new Pub().data.Liaall,
pageId: "" // ctx的key
}
}
......
src/views/Business/Bttdck/Drv.vue
......@@ -61,7 +61,7 @@
<c-col :span="1">
<c-checkbox v-model="model.bttp.aammod.addamtflg">Add. Amount</c-checkbox>
</c-col>
<c-col :span="10" offset="3">
<c-col :span="10" offset="1">
<el-form-item label="1st Beneficiary Ref." prop="btdgrp.be1.pts.ref">
<c-input v-model="model.btdgrp.be1.pts.ref" maxlength="16" placeholder="请输入1st Beneficiary"></c-input>
</el-form-item>
......@@ -108,7 +108,7 @@
<c-input v-model="model.btdgrp.rec.doctypcod" maxlength="1" placeholder="请输入Document Type"></c-input>
</el-form-item>
</c-col>
<c-col :span="10" offset="4">
<c-col :span="10" offset="2">
<el-form-item label="2nd Beneficiary Ref." prop="btdgrp.be2.pts.ref">
<c-input v-model="model.btdgrp.be2.pts.ref" maxlength="16" placeholder="请输入2nd Beneficiary"></c-input>
</el-form-item>
......@@ -135,7 +135,7 @@
</el-form-item>
</c-col>
<c-col :span="10" offset="6">
<c-col :span="10" offset="4">
<el-form-item label="Presenting Bank Ref." prop="btdgrp.prb.pts.ref">
<c-input v-model="model.btdgrp.prb.pts.ref" maxlength="16" placeholder="请输入Presenting Bank"></c-input>
</el-form-item>
......@@ -334,28 +334,30 @@
</c-col>>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="18" :offset="8">
<c-col :span="18">
<el-form-item label="Date of Receipt (1st Ben.)" prop="btdgrp.rec.rcvdatbe1">
<c-date-picker type="date" v-model="model.btdgrp.rec.rcvdatbe1" style="width:100%" placeholder="请选择Date of Receipt (1st Ben.)"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="18" :offset="8">
<c-col :span="18">
<el-form-item label="Order Date (1st Ben.)" prop="btdgrp.rec.orddatbe1">
<c-date-picker type="date" v-model="model.btdgrp.rec.orddatbe1" style="width:100%" placeholder="请选择Order Date (1st Ben.)"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="18" :offset="12">
<c-col :span="17" :offset="10">
<c-checkbox v-model="model.btdgrp.rec.dscinsflg">Enter Docs, Discrep. and Instructions</c-checkbox>
</c-col>
<c-col :span="12" :offset="12">
<c-col :span="24">
<c-ptap5
:model="model"
:argadr="{
fieldtit: 'Payee for',
title: '1st Ben-Side',
grp: 'btdgrp',
rol: 'prp',
field: 'docprbrolbe1',
}"
:disabled="true"
@onSeainf="onSeainf"
......@@ -373,7 +375,7 @@
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bttdck/Event"
import Ptap5 from "~/views/Public/Ptap";
import Ptap5 from "~/views/Public/PtapWithRole";
export default {
components: { "c-ptap5": Ptap5 },
......
src/views/Business/Bttdck/Dscinsp.vue
<template>
<div class="eibs-tab">
<c-col :span="14">
<el-row>
<c-col :span="12">
<c-col :span="20">
<el-form-item label="Discrepancies" prop="btdgrp.blk.docdis">
<c-input type="textarea" v-model="model.btdgrp.blk.docdis" maxlength="50" show-word-limit placeholder="请输入Discrepancies" ></c-input>
<c-input type="textarea" v-model="model.btdgrp.blk.docdis"
maxlength="50"
show-word-limit
:disabled="model.btdgrp.blk.docdisflg ? false : true"
placeholder="请输入Discrepancies" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="4">
<c-button size="small" type="primary" icon="el-icon-search" @click="onDocdisButtxmsel">
...
</c-button>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.btdgrp.blk.docdisflg">discrepancies modified</c-checkbox>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<c-col :span="20">
<el-form-item label="Internal Discrepancies" prop="btdgrp.blk.intdis">
<c-input type="textarea" v-model="model.btdgrp.blk.intdis" maxlength="65" show-word-limit placeholder="请输入Internal Discrepancies" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="4">
<c-button size="small" type="primary" icon="el-icon-search" @click="onIntdisButtxmsel">
...
</c-button>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<c-col :span="20">
<el-form-item label="Comments and Conclusions" prop="btdgrp.blk.comcon">
<c-input type="textarea" v-model="model.btdgrp.blk.comcon" maxlength="65" show-word-limit placeholder="请输入Comments and Conclusions" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="4">
<c-button size="small" type="primary" icon="el-icon-search" @click="onComconButtxmsel">
...
</c-button>
......@@ -41,19 +43,27 @@
</el-row>
<el-row>
<c-col :span="12">
<c-col :span="20">
<el-form-item label="Settlement Instructions transaction field" prop="btdgrp.blk.setinsbt">
<c-input type="textarea" v-model="model.btdgrp.blk.setinsbt" maxlength="65" show-word-limit placeholder="请输入Settlement Instructions transaction field" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-col :span="4">
<c-button size="small" type="primary" icon="el-icon-search" @click="onSetinsButtxmsel">
...
</c-button>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<c-col :span="22" :offset="2">
<c-istream-table
:list="model.bttp.docgrdmbe1.docgrd"
:columns="columns1"
>
</c-istream-table>
</c-col>
<!--
<c-col :span="23" :offset="1">
<div class="e-table-wrapper">
<el-table
:data="model.bttp.docgrdmbe1.docgrd"
......@@ -71,21 +81,24 @@
<el-table-column
prop="bttp.docgrdmbe1.docgrd.docnam"
label="Document"
width="80">
width="120">
</el-table-column>
</el-table>
</div>
</c-col>
<c-col :span="12">
<el-form-item label="further handling" prop="bttp.futhndflg">
<c-select v-model="model.bttp.futhndflg" style="width:100%" placeholder="请选择further handling">
</c-select>
</el-form-item>
</c-col>
-->
</el-row>
<el-row>
<c-col :span="24">
<c-col :span="22" :offset="2">
<c-istream-table
:list="model.bttp.docgrdmbe2.docgrd"
:columns="columns2"
>
</c-istream-table>
</c-col>
<!--
<c-col :span="23" :offset="1">
<div class="e-table-wrapper">
<el-table
:data="model.bttp.docgrdmbe2.docgrd"
......@@ -104,12 +117,32 @@
<el-table-column
prop="bttp.docgrdmbe2.docgrd.docnam"
label="Document"
width="80">
width="120">
</el-table-column>
</el-table>
</div>
</c-col>
-->
</el-row>
</c-col>
<c-col :span="9" :offset="1">
<c-col :span="20" :offset="3">
<c-checkbox v-model="model.btdgrp.blk.docdisflg">Discrepancies modified</c-checkbox>
</c-col>
<c-col :span="24">
<el-form-item label="Further Handling" prop="bttp.futhndflg">
<c-select v-model="model.bttp.futhndflg" style="width:100%" placeholder="请选择further handling">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Document set Status" prop="bttp.futhndflg">
<c-select v-model="model.btdgrp.rec.docsta" style="width:100%" placeholder="请选择further handling">
</c-select>
</el-form-item>
</c-col>
</c-col>
......@@ -128,8 +161,9 @@ export default {
mixins: [CommonProcess],
data(){
return {
}
columns1: ['0 0 "lst1" 50 ', '1 1 "lst2" 50', '2 2 "document" 400'],
columns2: ['0 0 "lst1" 50 ', '1 1 "lst2" 50', '2 2 "document" 400'],
};
},
methods:{...Event},
created:function(){
......
src/views/Business/Bttdck/index.vue
......@@ -6,42 +6,58 @@
<!--PD000003 -->
<el-tab-pane label="Docs. received" name="drv">
<m-drv :model="model" :codes="codes"/>
<c-content>
<m-drv :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000296 -->
<el-tab-pane label="Discr./Instr." name="dscinsp">
<m-dscinsp :model="model" :codes="codes"/>
<c-content>
<m-dscinsp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000282 -->
<el-tab-pane label="Advice of Discrepancy" name="mt750p">
<m-mt750p :model="model" :codes="codes"/>
<el-tab-pane label="Advice of Discrepancy" v-if="model.btdgrp.rec.advtyp=='750'" name="mt750p">
<c-content>
<m-mt750p :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000268 -->
<el-tab-pane label="Advice of Payment" name="mt754p">
<m-mt754p :model="model" :codes="codes"/>
<el-tab-pane label="Advice of Payment" v-if="model.btdgrp.rec.advtyp=='754'" name="mt754p">
<c-content>
<m-mt754p :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="Liability" name="engp">
<m-engp :model="model" :codes="codes"/>
<c-content>
<m-engp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="Settlement" name="setpan">
<m-setpan :model="model" :codes="codes"/>
<c-content>
<m-setpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
<c-content>
<m-coninfp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="Messages" name="docpan">
<m-docpan :model="model" :codes="codes"/>
<c-content>
<m-docpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
......@@ -94,7 +110,7 @@ export default {
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
codes: {...CodeTable
},
}
},
......@@ -107,6 +123,7 @@ export default {
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data);
//TODO 处理数据逻辑
}
......
src/views/Business/BusRouter.js
......@@ -35,6 +35,11 @@ import Bctacc from "./Bctacc"
import Infcur from "./Infcur"
import Infbed from "./Infbed"
import Letcan from "./Letcan"
import Lttdav from "./Lttdav"
import Bttdck from "./Bttdck"
import Ccttra from "./Ccttra"
import Cctdcr from "./Cctdcr"
//光大添加
import Brtlat from "./Brtlat"
import Litopn from "./Litopn"
......@@ -118,5 +123,10 @@ const BusRouter = [
{ path: 'botame', component: Botame, name: 'Botame', meta: { title: '出口托收修改' } },
{ path: 'botdcr', component: Botdcr, name: 'Botdcr', meta: { title: '出口托收拒付/不符点' } },
{ path: 'botset', component: Botset, name: 'Botset', meta: { title: '出口托收收汇' } },
{ path: 'lttdav', component: Lttdav, name: 'Lttdav', meta: { title: '转让信用证通知到单' } },
{ path: 'bttdck', component: Bttdck, name: 'Bttdck', meta: { title: '转让信用证单据第一受益人换单' } },
{ path: 'ccttra', component: Ccttra, name: 'Ccttra', meta: { title: '光票托收催收' } },
{ path: 'cctdcr', component: Cctdcr, name: 'Cctdcr', meta: { title: '光票托收退票' } },
]
export default BusRouter
\ No newline at end of file
src/views/Business/Cctdcr/Canp.vue
......@@ -179,13 +179,7 @@
<c-col>
&nbsp;
</c-col>
<c-col>
&nbsp;
</c-col>
<c-col>
&nbsp;
</c-col>
<c-col :span="20" offset="6">
<c-col :span="15" offset="10" >
<c-checkbox v-model="model.mtabut.clsflg">Close Flag</c-checkbox>
</c-col>
......
src/views/Business/Cctdcr/index.vue
......@@ -94,6 +94,7 @@ export default {
{
//TODO 处理数据逻辑
Utils.copyValueFromVO(this.model, rtnmsg.data);
this.updateModel(rtnmsg.data);
if (this.isInDisplay) {
this.restoreDisplay();
}
......
src/views/Business/Ccttra/index.vue
......@@ -94,6 +94,7 @@ export default {
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data);
}
else
......
src/views/Business/Lttdav/Mt750p.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-row>
<c-col :span="6">
<el-form-item label="Document Amount" prop="btdgrp.cbs.max.cur">
<c-select disabled v-model="model.btdgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择Currency"><!--@keyup.enter.native="nom1CurEvent"-->
<el-option v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="5">
<el-form-item
style="text-align: left"
label-width="20px"
prop="btdgrp.cbs.max.amt"
>
<c-input-currency
v-model="model.btdgrp.cbs.max.amt"
style="text-align: left; width: 100%"
placeholder="Document Amount"
></c-input-currency>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="6">
<el-form-item label="Claim Add Amt" prop="btdgrp.cbs.max2.cur">
<c-select disabled v-model="model.btdgrp.cbs.max2.cur"
style="width: 100%"
placeholder="请选择Currency"><!--@keyup.enter.native="nom1CurEvent"-->
<el-option v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="5">
<el-form-item
style="text-align: left"
label-width="20px"
prop="btdgrp.cbs.max2.amt">
<c-input-currency
v-model="model.btdgrp.cbs.max2.amt"
style="text-align: left; width: 100%"
placeholder="Additional Amount"
></c-input-currency>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<el-form-item label="Charges Deducted" prop="btdgrp.blk.chaded">
<c-input type="textarea" style="overflow-y:hidden" v-model="model.btdgrp.blk.chaded" maxlength="190" rows="6" cols="35" show-word-limit placeholder="请输入Charges Deducted" ></c-input>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<el-form-item label="Charges Added" prop="btdgrp.blk.chaadd">
<c-input type="textarea" style="overflow-y:hidden" v-model="model.btdgrp.blk.chaadd" maxlength="190" rows="6" cols="35" show-word-limit placeholder="请输入Charges Added" ></c-input>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="6">
<el-form-item label="Amount to be paid" prop="btdgrp.rec.totcur">
<c-select disabled v-model="model.btdgrp.rec.totcur"
style="width: 100%"
placeholder="请选择Currency"><!--@keyup.enter.native="nom1CurEvent"-->
<el-option v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="5">
<el-form-item label="" style="text-align: left"
label-width="20px" prop="btdgrp.rec.totamt">
<c-input-currency
v-model="model.btdgrp.rec.totamt"
style="text-align: left; width: 100%"
placeholder="Amount to be paid"
></c-input-currency>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="8" >
<el-form-item label="Account with Bank">
<c-input placeholder="" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="7" >
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onSndpDet" disabled>
Details
</c-button>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="">
<c-input
type="textarea"
placeholder=""
maxlength="140"
show-word-limit
rows="4"
disable
style="width: 90%"
></c-input>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<c-col >
<el-form-item label="Discrepancies" prop="btdgrp.blk.docdis">
<c-input type="textarea" style="overflow-y:hidden" rows="7" cols="50" v-model="model.btdgrp.blk.docdis" maxlength="3500" placeholder="请输入Discrepancies" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12" offset="8">
<c-checkbox v-model="model.btdgrp.blk.docdisflg">discrepancies modified</c-checkbox>
</c-col>
</c-col>
</el-row>
</div>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bttdck/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [CommonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
src/views/Business/Lttdav/Mt754p.vue 0 → 100644
<template>
<div class="eibs-tab">
<!--==========================左边==========================-->
<c-col :span="11">
<el-row>
<c-col :span="12">
<el-form-item label="Document Amount" prop="btdgrp.cbs.max.cur">
<c-select disabled v-model="model.btdgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择Currency"><!--@keyup.enter.native="nom1CurEvent"-->
<el-option v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
style="text-align: left"
label-width="20px"
prop="btdgrp.cbs.max.amt">
<c-input-currency
v-model="model.btdgrp.cbs.max.amt"
style="text-align: left; width: 100%"
placeholder="Document Amount">
</c-input-currency>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<el-form-item label="Claim Add Amt" prop="btdgrp.cbs.opn2.cur">
<c-select disabled v-model="model.btdgrp.cbs.opn2.cur"
style="width: 100%"
placeholder="请选择Currency"><!--@keyup.enter.native="nom1CurEvent"-->
<el-option v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
style="text-align: left"
label-width="20px"
prop="btdgrp.cbs.max2.amt">
<c-input-currency
v-model="model.btdgrp.cbs.max2.amt"
style="text-align: left; width: 100%"
placeholder="Additional Amount"
></c-input-currency>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="24">
<el-form-item label="Charges Deducted" prop="btdgrp.blk.chaded">
<c-input type="textarea" style="overflow-y:hidden" v-model="model.btdgrp.blk.chaded" rows="6" cols="35" show-word-limit placeholder="请输入Charges Deducted" ></c-input>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="24">
<el-form-item label="Charges Added" prop="btdgrp.blk.chaadd">
<c-input type="textarea" style="overflow-y:hidden" v-model="model.btdgrp.blk.chaadd" rows="6" cols="35" show-word-limit placeholder="请输入Charges Added" ></c-input>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="12">
<el-form-item label="Total Amount Claimed" prop="btdgrp.rec.totcur">
<c-select disabled v-model="model.btdgrp.rec.totcur"
style="width: 100%"
placeholder="请选择Currency"><!--@keyup.enter.native="nom1CurEvent"-->
<el-option v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" style="text-align: left"
label-width="20px" prop="btdgrp.rec.totamt">
<c-input-currency
v-model="model.btdgrp.rec.totamt"
style="text-align: left; width: 100%"
placeholder="Amount to be paid"
></c-input-currency>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="18" >
<el-form-item label="Reimbursing Bank">
<c-input placeholder=""></c-input>
</el-form-item>
</c-col>
<c-col :span="6" >
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onSndpDet" disabled>
Details
</c-button>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="">
<c-input
type="textarea"
placeholder=""
maxlength="140"
show-word-limit
rows="4"
style="width: 90%"
></c-input>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="18" >
<el-form-item label="Account with Bank">
<c-input placeholder=""></c-input>
</el-form-item>
</c-col>
<c-col :span="4" >
<el-form-item label="" label-width="15px">
<c-button size="small" type="primary" @click="onSndpDet" disabled>
Details
</c-button>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="">
<c-input
type="textarea"
placeholder=""
maxlength="140"
show-word-limit
rows="4"
style="width: 90%"
></c-input>
</el-form-item>
</c-col>
</el-row>
<el-row>
<c-col :span="18">
<el-form-item label="Date to be Paid" prop="btdgrp.rec.totdat">
<c-date-picker type="date" v-model="model.btdgrp.rec.totdat" style="width:100%" placeholder="请选择Date to be Paid"></c-date-picker>
</el-form-item>
</c-col>
</el-row>
</c-col>
<!--==========================右边==========================-->
<c-col :span="12" offset="1">
<c-col :span="24">
<el-form-item prop="btdgrp.blk.nartxt77a">
<span slot="label" label-position="top" style="color: #f56c6c;font-size: 14px;vertical-align: top;">Narrative Tag77A of MT754</span>
<c-input type="textarea" v-model="model.btdgrp.blk.nartxt77a" maxlength="700" rows="20" cols="35" placeholder="请输入Narrative Tag77A of MT754" ></c-input>
</el-form-item>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bttdck/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [CommonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
src/views/Business/Lttdav/index.vue
......@@ -4,43 +4,57 @@
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="tabClick">
<!--PD000045 -->
<el-tab-pane label="PD000045" name="davp">
<m-davp :model="model" :codes="codes"/>
<el-tab-pane label="Advice Received" name="davp">
<c-content>
<m-davp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000296 -->
<el-tab-pane label="PD000296" name="dscinsp">
<el-tab-pane label="Discr./Instr." name="dscinsp">
<c-content>
<m-dscinsp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="PD000027" name="engp">
<el-tab-pane label="Liability" name="engp">
<c-content>
<m-engp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="PD000000" name="setpan">
<el-tab-pane label="Settlement" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="PD000001" name="glepan">
<el-tab-pane label="Booking" name="glepan">
<m-glepan :model="model" :codes="codes"/>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="PD000000" name="coninfp">
<el-tab-pane label="Completion" name="coninfp">
<c-content>
<m-coninfp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="PD000529" name="docpan">
<el-tab-pane label="Documents" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="PD000546" name="doctre">
<el-tab-pane label="Attachment" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
......@@ -56,14 +70,16 @@ import Default from "~/model/Lttdav/Default"
import Pattern from "~/model/Lttdav/Pattern"
import Davp from "./Davp"
import Dscinsp from "./Dscinsp"
import Engp from "./Engp"
import Setpan from "./Setpan"
import Glepan from "./Glepan"
import Coninfp from "./Coninfp"
import Docpan from "./Docpan"
import Doctre from "./Doctre"
import Glepan from "~/views/Public/Glepan";
import Setpan from "~/views/Public/Setpan";
import Docpan from "~/views/Public/Docpan";
import Engp from "~/views/Public/Engp"
import Coninfp from "~/views/Public/Coninfp"
export default {
components:{
"m-davp" : Davp,
......@@ -83,7 +99,7 @@ export default {
mixins: [CommonProcess], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "",
tabVal: "davp",
trnName: "lttdav",
model: new Lttdav().data,
checkRules: Check,
......@@ -104,7 +120,7 @@ export default {
if(rtnmsg.respCode == SUCCESS)
{
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data);
}
else
{
......
src/views/Layout/SideMenu.vue
......@@ -94,6 +94,11 @@ export default {
{ inifrm: "lttopn", ininam: "转让证开立", pntmiu: "8" },
{ inifrm: "lttame", ininam: "转让证修改", pntmiu: "8" },
{ inifrm: "lttcan", ininam: "转让证注销", pntmiu: "8" },
{ inifrm: "lttdav", ininam: "转让信用证单据第一受益人换单", pntmiu: "8" },
{ inifrm: "bttdck", ininam: "转让信用证通知到单", pntmiu: "8" },
{ inifrm: "9",ininam: "光票托收", pntmiu: "" },
{ inifrm: "ccttra", ininam: "光票托收催收", pntmiu: "9" },
{ inifrm: "cctdcr", ininam: "光票托收退票", pntmiu: "9" },
],
menusOrigin: [],
menus: [],
......
src/views/Public/PtapWithRole.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-col :span="17" offset="9">
<el-form-item
:label="`${argadr.fieldtit}`"
label-position="left"
label-width="120px"
:prop="`${argadr.grp}.rec.${argadr.field}`"
>
<c-select
v-model="model[argadr.grp].rec[argadr.field]"
:placeholder="'Select Party'"
></c-select>
</el-form-item>
</c-col>
<c-col :span="17" v-if="!noRef" offset="7">
<el-form-item
:label="`${argadr.title}`"
:prop="`${argadr.grp}.${argadr.rol}.pts.ref`"
>
<c-input
v-model="model[argadr.grp][argadr.rol].pts.ref"
:placeholder="'请输入' + argadr.title + '参考号'"
></c-input>
</el-form-item>
</c-col>
<c-col :span="20">
<el-form-item
:prop="`${argadr.grp}.${argadr.rol}.pts.extkey`"
style="width: 100%"
>
<c-input
style="width: 95%"
v-model="model[argadr.grp][argadr.rol].pts.extkey"
:placeholder="'请输入' + argadr.title + 'Extkey'"
@keyup.enter.native="
showGridPromptDialog(`${argadr.grp}.${argadr.rol}.pts.extkey`)
"
@change="valueChange"
></c-input>
</el-form-item>
</c-col>
<c-col :span="1">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button
style="margin:0 10px 0 0;padding: 0 10px;"
class="searchButton"
size="small"
type="primary"
icon="el-icon-search"
@click="onSeainf(`${argadr.grp}.${argadr.rol}.pts.extkey`)"
></c-button>
</c-col>
<c-col :span="3" style="text-align: right">
<c-button
style="margin:0 0"
class="detailsButton"
size="small"
type="primary"
@click="onAplpDet"
>
{{ $t('buttons.details') }}
</c-button>
<!-- </el-form-item> -->
</c-col>
<template v-if="!onlySearch">
<c-col v-if="isAdrblk" :span="24">
<el-form-item
label=""
:prop="`${argadr.grp}.${argadr.rol}.pts.adrblk`"
>
<c-input
type="textarea"
:rows="4"
v-model="model[argadr.grp][argadr.rol].pts.adrblk"
maxlength="35"
show-word-limit
placeholder="请输入名称地址"
:disabled="disabled"
></c-input>
</el-form-item>
</c-col>
<template v-else>
<c-col :span="24">
<el-form-item
:label="`${argadr.title}名称`"
:prop="`${argadr.grp}.${argadr.rol}.namelc`"
>
<c-input
type="textarea"
v-model="model[argadr.grp][argadr.rol].namelc"
:placeholder="'请输入' + argadr.title + '名称'"
:disabled="disabled"
:rows="2"
maxlength="35"
show-word-limit
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
:label="`${argadr.title}地址`"
:prop="`${argadr.grp}.${argadr.rol}.adrelc`"
>
<c-input
type="textarea"
:rows="2"
v-model="model[argadr.grp][argadr.rol].adrelc"
:placeholder="'请输入' + argadr.title + '地址'"
:disabled="disabled"
maxlength="35"
show-word-limit
></c-input>
</el-form-item>
</c-col>
</template>
</template>
</div>
</template>
<script>
import Api from "~/service/Api";
import CommonProcess from "~/mixin/CommonProcess";
// 机构信息模块
export default {
inject: ["root"],
mixins: [CommonProcess],
props: {
model: {
type: Object,
default: undefined,
},
argadr: {
type: Object,
default: function () {
return {
title: "", //角色名称
rol: "", //角色
grp: "", //所属模块
};
},
},
disabled: {
//名称地址是否灰显
type: Boolean,
default: false,
},
isAdrblk: {
//名称地址是否为大字段
type: Boolean,
default: true,
},
onlySearch: {
//是否只展示extkey
type: Boolean,
default: false,
},
noRef: {
//无需参考号
type: Boolean,
default: false,
},
},
data() {
return {
data: [],
};
},
watch: {},
methods: {
onSeainf(data) {
this.$emit("onSeainf", data);
},
onAplpDet() {
this.$emit("onAplpDet");
},
valueChange() {
if (this.onlySearch) return;
// this.showGridPromptDialog(
// `${this.argadr.grp}.${this.argadr.rol}.pts.extkey`
// );
},
},
created: function () {},
};
</script>
<style>
.searchButton {
text-align: center;
/* margin: 0 10px; */
margin-right: 10px;
padding: 0 10px;
}
.detailsButton {
margin-left: 10px;
}
.el-form-item__label-wrap{
margin-left: 0px !important;
}
</style>
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