Commit 0ea482d3 by lianyang

letame交易布局修改及事件绑定

parent ba091356
...@@ -196,6 +196,18 @@ export default { ...@@ -196,6 +196,18 @@ export default {
defaultFunction(rule, value) { defaultFunction(rule, value) {
Utils.defaultFunction.call(this, rule, value) Utils.defaultFunction.call(this, rule, value)
}, },
/**
* 用于手动的触发model里属性的 event
* @param {string} rule 执行的 rule path
* @param {any} value 更改的值
*/
eventFunction(rulePath) {
this.executeRule(rulePath).then((res) => {
if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data);
}
})
},
/** /**
* 更新Model * 更新Model
* @param {any} data model数据 * @param {any} data model数据
......
...@@ -38,9 +38,9 @@ ...@@ -38,9 +38,9 @@
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- responsible user --> <!-- Responsible user -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="responsible user" prop="letp.usr.extkey"> <el-form-item label="Responsible user" prop="letp.usr.extkey">
<c-fullbox> <c-fullbox>
<c-input v-model="model.letp.usr.extkey" maxlength="8" placeholder="请输入" disabled></c-input> <c-input v-model="model.letp.usr.extkey" maxlength="8" placeholder="请输入" disabled></c-input>
<template slot="footer"> <template slot="footer">
...@@ -104,7 +104,6 @@ ...@@ -104,7 +104,6 @@
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- Incoming Transfer --> <!-- Incoming Transfer -->
<c-col :span="5"> <c-col :span="5">
<c-checkbox v-model="model.ledgrp.rec.inctrf" style="margin-left:-1px;" disabled>Incoming Transfer</c-checkbox> <c-checkbox v-model="model.ledgrp.rec.inctrf" style="margin-left:-1px;" disabled>Incoming Transfer</c-checkbox>
......
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="12"> <!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="13"> <c-col :span="13">
<el-form-item label="追加金额" prop="ledgrp.cbs.max2.cur"> <el-form-item label="Additional Amount" prop="ledgrp.cbs.max2.cur">
<c-select <c-select
v-model="model.ledgrp.cbs.max2.cur" v-model="model.ledgrp.cbs.max2.cur"
style="width: 100%" style="width: 100%"
placeholder="请选择币种" placeholder="请选择Additional Amount"
:disabled="true" disabled
> >
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11">
<c-col :span="9"> <el-form-item label="" label-width="5px" prop="ledgrp.cbs.max2.amt">
<el-form-item label="" label-width="0px" prop="ledgrp.cbs.max2.amt"> <c-input
<c-input-currency
v-model="model.ledgrp.cbs.max2.amt" v-model="model.ledgrp.cbs.max2.amt"
placeholder="请输入Additional Amount" placeholder="请输入Additional Amount"
></c-input-currency> class="m-input-currency"
disabled
@keyup.enter.native="
defaultFunction('ledgrp.cbs.max2.amt', model.ledgrp.cbs.max2.amt)
"
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12">
<c-col :span="13"> <c-col :span="13">
<el-form-item label="Open Add. Amount" prop="ledgrp.cbs.opn2.cur"> <el-form-item label="Open Add. Amount" prop="ledgrp.cbs.opn2.cur">
<c-select <c-select
v-model="model.ledgrp.cbs.opn2.cur" v-model="model.ledgrp.cbs.opn2.cur"
style="width: 100%" style="width: 100%"
placeholder="请选择Open Add. Amount" placeholder="请选择Open Add. Amount"
disabled
> >
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="11">
<c-col :span="9"> <el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn2.amt">
<el-form-item label="" label-width="0px" prop="ledgrp.cbs.opn2.amt"> <c-input
<c-input-currency
v-model="model.ledgrp.cbs.opn2.amt" v-model="model.ledgrp.cbs.opn2.amt"
class="m-input-currency"
placeholder="请输入Open Add. Amount" placeholder="请输入Open Add. Amount"
></c-input-currency> disabled
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<!-- Covered --> <c-col :span="24">
<c-col :span="24"> <el-form-item label="Covered" prop="ledgrp.blk.addamtcov">
<el-form-item label="Covered" prop="ledgrp.blk.addamtcov"> <c-input
<c-input type="textarea"
type="textarea" v-model="model.ledgrp.blk.addamtcov"
:rows="4" maxlength="140"
v-model="model.ledgrp.blk.addamtcov" show-word-limit
maxlength="35" placeholder="请输入Covered"
show-word-limit rows="4"
placeholder="请输入Covered" disabled
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col>
</c-col> </c-col>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api"; import Api from '~/service/Api'
import commonProcess from "~/mixin/commonProcess"; import commonProcess from '~/mixin/commonProcess'
import CodeTable from "~/config/CodeTable"; import CodeTable from '~/config/CodeTable'
import Event from "~/model/Letopn/Event"; import Event from '~/model/Letame/Event'
export default { export default {
inject: ["root"], inject: ['root'],
props: ["model", "codes"], props: ['model', 'codes'],
mixins: [commonProcess], mixins: [commonProcess],
data() { data() {
return {}; return {}
}, },
methods: { ...Event }, methods: { ...Event },
created: function () {}, created: function () {},
}; }
</script> </script>
<style> <style></style>
</style>
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="12">
<c-col :span="12"> <el-form-item
<el-form-item label="Additional Conditions History" prop="ledgrp.blk.adlcndame"> label="Additional Conditions History"
<c-input type="textarea" v-model="model.ledgrp.blk.adlcndame" maxlength="50" show-word-limit placeholder="请输入Additional Conditions History" ></c-input> prop="ledgrp.blk.adlcndame"
</el-form-item> >
</c-col> <c-input
type="textarea"
<c-col :span="12"> v-model="model.ledgrp.blk.adlcndame"
<el-form-item label="Additional Conditions" prop="ledgrp.blk.adlcnd"> maxlength="50"
<c-input type="textarea" v-model="model.ledgrp.blk.adlcnd" maxlength="65" show-word-limit placeholder="请输入Additional Conditions" ></c-input> show-word-limit
</el-form-item> placeholder="请输入Additional Conditions History"
</c-col> ></c-input>
</el-form-item>
<c-col :span="12"> </c-col>
<c-checkbox v-model="model.ledgrp.rec.redclsflg">Red/Green Clause</c-checkbox>
</c-col> <c-col :span="12">
<el-form-item label="Additional Conditions" prop="ledgrp.blk.adlcnd">
<c-col :span="12"> <c-input
<c-checkbox v-model="model.ledgrp.rec.spcbenflg">Special payment conditions for beneficiary exists</c-checkbox> type="textarea"
</c-col> v-model="model.ledgrp.blk.adlcnd"
maxlength="65"
<c-col :span="12"> show-word-limit
<el-form-item label="Block to enter additional info for Add/Delete" prop="letamep.adlcndamep.usrblk"> placeholder="请输入Additional Conditions"
<c-input type="textarea" v-model="model.letamep.adlcndamep.usrblk" maxlength="65" show-word-limit placeholder="请输入Block to enter additional info for Add/Delete" ></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox v-model="model.ledgrp.rec.spcrcbflg">Special Payment Conditions for specified Bank only</c-checkbox> <c-checkbox v-model="model.ledgrp.rec.redclsflg"
</c-col> >Red/Green Clause</c-checkbox
>
<c-col :span="12"> </c-col>
<c-checkbox v-model="model.letamep.adlcndamep.modflg">Modify Text to Replace</c-checkbox>
</c-col> <c-col :span="12">
<c-checkbox v-model="model.ledgrp.rec.spcbenflg"
<c-col :span="12"> >Special payment conditions for beneficiary exists</c-checkbox
<c-checkbox v-model="model.letamep.adlcndamep.modmanflg">Modify field for manual update</c-checkbox> >
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<el-form-item label="..." prop="letamep.adlcndame.buttxmsel"> <el-form-item
<c-input v-model="model.letamep.adlcndame.buttxmsel" placeholder="请输入..."></c-input> label="Block to enter additional info for Add/Delete"
</el-form-item> prop="letamep.adlcndamep.usrblk"
</c-col> >
<c-input
<c-col :span="12"> type="textarea"
<c-button size="small" type="primary" @click="onAdlcndamepButdif"> v-model="model.letamep.adlcndamep.usrblk"
Show Diff maxlength="65"
</c-button> show-word-limit
</c-col> placeholder="请输入Block to enter additional info for Add/Delete"
></c-input>
<c-col :span="12"> </el-form-item>
<c-button size="small" type="primary" @click="onAdlcndamepButadd"> </c-col>
Add Text
</c-button> <c-col :span="12">
</c-col> <c-checkbox v-model="model.ledgrp.rec.spcrcbflg"
>Special Payment Conditions for specified Bank only</c-checkbox
<c-col :span="12"> >
<c-button size="small" icon="el-icon-delete" @click="onAdlcndamepButdel"> </c-col>
Delete text
</c-button> <c-col :span="12">
</c-col> <c-checkbox v-model="model.letamep.adlcndamep.modflg"
>Modify Text to Replace</c-checkbox
>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.letamep.adlcndamep.modmanflg"
>Modify field for manual update</c-checkbox
>
</c-col>
<c-col :span="12">
<el-form-item label="..." prop="letamep.adlcndame.buttxmsel">
<c-input
v-model="model.letamep.adlcndame.buttxmsel"
placeholder="请输入..."
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onAdlcndamepButdif">
Show Diff
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onAdlcndamepButadd">
Add Text
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" icon="el-icon-delete" @click="onAdlcndamepButdel">
Delete text
</c-button>
</c-col>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from '~/service/Api'
import commonProcess from "~/mixin/commonProcess"; import commonProcess from '~/mixin/commonProcess'
import CodeTable from "~/config/CodeTable" import CodeTable from '~/config/CodeTable'
import Event from "~/model/Letame/Event" import Event from '~/model/Letame/Event'
export default { export default {
inject: ['root'], inject: ['root'],
props:["model","codes"], props: ['model', 'codes'],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {}
},
} methods: { ...Event },
}, created: function () {},
methods:{...Event},
created:function(){
}
} }
</script> </script>
<style> <style></style>
</style>
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="12">
<c-col :span="12"> <el-form-item label="File Receiver" prop="trnmod.trndoc.filrecv">
<el-form-item label="File Receiver" prop="trnmod.trndoc.filrecv"> <c-input
<c-input v-model="model.trnmod.trndoc.filrecv" placeholder="请输入File Receiver"></c-input> v-model="model.trnmod.trndoc.filrecv"
</el-form-item> placeholder="请输入File Receiver"
</c-col> ></c-input>
</el-form-item>
<c-col :span="12"> </c-col>
<el-form-item label="Document tree" prop="trnmod.trndoc.doctrestm">
<c-input v-model="model.trnmod.trndoc.doctrestm" placeholder="请输入Document tree"></c-input> <c-col :span="12">
</el-form-item> <el-form-item label="Document tree" prop="trnmod.trndoc.doctrestm">
</c-col> <c-input
v-model="model.trnmod.trndoc.doctrestm"
<c-col :span="12"> placeholder="请输入Document tree"
<c-button size="small" type="primary" @click="onTrndocButshw"> ></c-input>
Sho&w </el-form-item>
</c-button> </c-col>
</c-col>
<c-col :span="12">
<c-col :span="12"> <c-button size="small" type="primary" @click="onTrndocButshw">
<c-button size="small" type="primary" @click="onTrndocButadd"> Sho&w
D&etails </c-button>
</c-button> </c-col>
</c-col>
<c-col :span="12">
<c-col :span="12"> <c-button size="small" type="primary" @click="onTrndocButadd">
<c-button size="small" type="primary" @click="onTrndocButnew"> D&etails
&Add New </c-button>
</c-button> </c-col>
</c-col>
<c-col :span="12">
<c-col :span="12"> <c-button size="small" type="primary" @click="onTrndocButnew">
<c-button size="small" type="primary" @click="onTrndocButattto"> &Add New
Attach to </c-button>
</c-button> </c-col>
</c-col>
<c-col :span="12">
<c-col :span="12"> <c-button size="small" type="primary" @click="onTrndocButattto">
<c-button size="small" icon="el-icon-delete" @click="onTrndocButdel"> Attach to
Delete </c-button>
</c-button> </c-col>
</c-col>
<c-col :span="12">
<c-col :span="12"> <c-button size="small" icon="el-icon-delete" @click="onTrndocButdel">
<span v-text="model.trnmod.trndoc.doclbl" data-path=".trnmod.trndoc.doclbl" > </span> Delete
</c-col> </c-button>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.trnmod.trndoc.shwinc">Show Incoming Messages</c-checkbox> <c-col :span="12">
</c-col> <span
v-text="model.trnmod.trndoc.doclbl"
<c-col :span="12"> data-path=".trnmod.trndoc.doclbl"
<c-checkbox v-model="model.trnmod.trndoc.shwout">Show Outgoing Messages</c-checkbox> >
</c-col> </span>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onTrndocButatt"> <c-col :span="12">
Attach <c-checkbox v-model="model.trnmod.trndoc.shwinc"
</c-button> >Show Incoming Messages</c-checkbox
</c-col> >
</c-col>
<c-col :span="12">
<el-form-item label="Connected Documents" prop="trnmod.trndoc.condocstm"> <c-col :span="12">
<c-input v-model="model.trnmod.trndoc.condocstm" placeholder="请输入Connected Documents"></c-input> <c-checkbox v-model="model.trnmod.trndoc.shwout"
</el-form-item> >Show Outgoing Messages</c-checkbox
</c-col> >
</c-col>
<c-col :span="12">
<el-form-item label="" prop="trnmod.trndoc.rcvatt.seainf"> <c-col :span="12">
<c-input v-model="model.trnmod.trndoc.rcvatt.seainf" placeholder="请输入"></c-input> <c-button size="small" type="primary" @click="onTrndocButatt">
</el-form-item> Attach
</c-col> </c-button>
</c-col>
<c-col :span="12">
<el-form-item label="Connected Documents" prop="trnmod.trndoc.condocstm">
<c-input
v-model="model.trnmod.trndoc.condocstm"
placeholder="请输入Connected Documents"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="trnmod.trndoc.rcvatt.seainf">
<c-input
v-model="model.trnmod.trndoc.rcvatt.seainf"
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from '~/service/Api'
import commonProcess from "~/mixin/commonProcess"; import commonProcess from '~/mixin/commonProcess'
import CodeTable from "~/config/CodeTable" import CodeTable from '~/config/CodeTable'
import Event from "~/model/Letame/Event" import Event from '~/model/Letame/Event'
export default { export default {
inject: ['root'], inject: ['root'],
props:["model","codes"], props: ['model', 'codes'],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {}
},
} methods: { ...Event },
}, created: function () {},
methods:{...Event},
created:function(){
}
} }
</script> </script>
<style> <style></style>
</style>
...@@ -43,6 +43,18 @@ ...@@ -43,6 +43,18 @@
</c-col> </c-col>
<c-col :span="12"> <c-col :span="12">
<c-checkbox v-model="model.letamep.lcrgodamep.modflg"
>Modify Text tfo Replace</c-checkbox
>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.letamep.lcrgodamep.modmanflg"
>Modify field for manual update</c-checkbox
>
</c-col>
<c-col :span="12">
<el-form-item label="..." prop="letamep.lcrgodame.buttxmsel"> <el-form-item label="..." prop="letamep.lcrgodame.buttxmsel">
<c-input <c-input
v-model="model.letamep.lcrgodame.buttxmsel" v-model="model.letamep.lcrgodame.buttxmsel"
...@@ -50,24 +62,41 @@ ...@@ -50,24 +62,41 @@
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onLcrgodamepButdif">
Show Diff
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onLcrgodamepButadd">
Add Text
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" icon="el-icon-delete" @click="onLcrgodamepButdel">
Delete text
</c-button>
</c-col>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api"; import Api from '~/service/Api'
import commonProcess from "~/mixin/commonProcess"; import commonProcess from '~/mixin/commonProcess'
import CodeTable from "~/config/CodeTable"; import CodeTable from '~/config/CodeTable'
import Event from "~/model/Letame/Event"; import Event from '~/model/Letame/Event'
export default { export default {
inject: ["root"], inject: ['root'],
props: ["model", "codes"], props: ['model', 'codes'],
mixins: [commonProcess], mixins: [commonProcess],
data() { data() {
return {}; return {}
}, },
methods: { ...Event }, methods: { ...Event },
created: function () {}, created: function () {},
}; }
</script> </script>
<style> <style></style>
</style>
...@@ -83,21 +83,20 @@ ...@@ -83,21 +83,20 @@
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api"; import Api from '~/service/Api'
import commonProcess from "~/mixin/commonProcess"; import commonProcess from '~/mixin/commonProcess'
import CodeTable from "~/config/CodeTable"; import CodeTable from '~/config/CodeTable'
import Event from "~/model/Letame/Event"; import Event from '~/model/Letame/Event'
export default { export default {
inject: ["root"], inject: ['root'],
props: ["model", "codes"], props: ['model', 'codes'],
mixins: [commonProcess], mixins: [commonProcess],
data() { data() {
return {}; return {}
}, },
methods: { ...Event }, methods: { ...Event },
created: function () {}, created: function () {},
}; }
</script> </script>
<style> <style></style>
</style>
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<span class="letame_amed_amt">Instructions to Paying,Accepting,Negotiating Bank</span>
<c-col :span="12"> <c-col :span="24">
<el-form-item label="Instructions to Paying/Accepting/Negotiating Bank" prop="ledgrp.blk.insbnk"> <el-form-item label=" ">
<c-input type="textarea" v-model="model.ledgrp.blk.insbnk" maxlength="65" show-word-limit placeholder="请输入Instructions to Paying/Accepting/Negotiating Bank" ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="20">
<c-col :span="12"> <el-form-item
<el-form-item label="Instruction to Paying/Accepting/Negotiating Bank History" prop="ledgrp.blk.insbnkame"> label="Original Text"
<c-input type="textarea" v-model="model.ledgrp.blk.insbnkame" maxlength="50" show-word-limit placeholder="请输入Instruction to Paying/Accepting/Negotiating Bank History" ></c-input> prop="ledgrp.blk.insbnk"
</el-form-item> >
</c-col> <c-input
type="textarea"
<c-col :span="12"> v-model="model.ledgrp.blk.insbnk"
<el-form-item label="Instruction to P/A/N Bank amendment" prop="trnmod.swiadd.insbnk"> maxlength="780"
<c-input type="textarea" v-model="model.trnmod.swiadd.insbnk" maxlength="50" show-word-limit placeholder="请输入Instruction to P/A/N Bank amendment" ></c-input> :rows="20"
</el-form-item> show-word-limit
</c-col> placeholder="请输入Instructions to Paying/Accepting/Negotiating Bank"
></c-input>
<c-col :span="12"> </el-form-item>
<c-button size="small" type="primary" icon="el-icon-search" @click="onInsbnkameButtxmsel"> </c-col>
...
</c-button> <!-- <c-col :span="12">
</c-col> <el-form-item
label="Instruction to Paying/Accepting/Negotiating Bank History"
prop="ledgrp.blk.insbnkame"
>
<c-input
type="textarea"
v-model="model.ledgrp.blk.insbnkame"
maxlength="50"
show-word-limit
placeholder="请输入Instruction to Paying/Accepting/Negotiating Bank History"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Instruction to P/A/N Bank amendment"
prop="trnmod.swiadd.insbnk"
>
<c-input
type="textarea"
v-model="model.trnmod.swiadd.insbnk"
maxlength="50"
show-word-limit
placeholder="请输入Instruction to P/A/N Bank amendment"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onInsbnkameButtxmsel"
>
...
</c-button>
</c-col> -->
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from '~/service/Api'
import commonProcess from "~/mixin/commonProcess"; import commonProcess from '~/mixin/commonProcess'
import CodeTable from "~/config/CodeTable" import CodeTable from '~/config/CodeTable'
import Event from "~/model/Letame/Event" import Event from '~/model/Letame/Event'
export default { export default {
inject: ['root'], inject: ['root'],
props:["model","codes"], props: ['model', 'codes'],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {}
},
} methods: { ...Event },
}, created: function () {},
methods:{...Event},
created:function(){
}
} }
</script> </script>
<style> <style>
.letame_amed_amt {
</style> margin-left: 30px;
height: 16px;
color: #606266;
line-height: 16px;
font-size: 12px;
}</style>
<template>
<div class="eibs-tab">
<c-col :span="12">
<el-form-item label="Streamgrid of other L/Cs backed by B2B LE" prop="letp.leltb2b.litb2bstm">
<c-input v-model="model.letp.leltb2b.litb2bstm" placeholder="请输入Streamgrid of other L/Cs backed by B2B LE"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Currency" prop="ledgrp.cbs.opn1.cur">
<c-input v-model="model.ledgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Currency"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="total open amount of connected contracts" prop="letp.totamt">
<c-input v-model="model.letp.totamt" placeholder="请输入total open amount of connected contracts"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Open amount" prop="letp.trnopnamt">
<c-input v-model="model.letp.trnopnamt" placeholder="请输入Open amount"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Shipment date" prop="letp.trnshpdat">
<c-date-picker type="date" v-model="model.letp.trnshpdat" style="width:100%" placeholder="请选择Shipment date"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Expiry date" prop="letp.trnexpdat">
<c-date-picker type="date" v-model="model.letp.trnexpdat" style="width:100%" placeholder="请选择Expiry date"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Messages" prop="letp.chkmsg">
<c-input type="textarea" v-model="model.letp.chkmsg" maxlength="114" show-word-limit placeholder="请输入Messages" ></c-input>
</el-form-item>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Letame/Event"
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
}
</script>
<style>
</style>
<template> <template>
<c-row> <div class="eibs-tab">
<c-row>
<!-- =================================左边================================= -->
<c-col :span="11"> <c-col :span="11">
<!-- 1st Advising Bank 第一通知行-->
<c-col :span="24"> <c-col :span="24">
<c-ptap <c-ptap
:model="model" :model="model"
:argadr="{ :argadr="{
title: '第一通知行', title: '1st Advising Bank',
grp: 'ledgrp', grp: 'ledgrp',
rol: 'adv', rol: 'adv',
}" }"
:disabledRef="true"
:disabledExtkey="true"
:disabled="true"
@onSeainf="onSeainf" @onSeainf="onSeainf"
@onAplpDet="onAdvpDet" @onAplpDet="onAdvpDet"
> >
</c-ptap> </c-ptap>
</c-col> </c-col>
<!-- 2nd Advising Bank 第二通知行-->
<c-col :span="24"> <c-col :span="24">
<c-ptap <c-ptap
:model="model" :model="model"
:argadr="{ :argadr="{
title: '申请人银行', title: '2nd Advising Bank',
grp: 'ledgrp', grp: 'ledgrp',
rol: 'a2b', rol: 'a2b',
}" }"
...@@ -29,24 +36,29 @@ ...@@ -29,24 +36,29 @@
</c-ptap> </c-ptap>
</c-col> </c-col>
<!-- Confirm. Instruct.第二通知行确认指令 -->
<c-col :span="24"> <c-col :span="24">
<el-form-item label="第二通知行确认指令" prop="ledgrp.rec.cnfins"> <el-form-item label="Confirm. Instruct. to 2nd Adv. Bank" prop="ledgrp.rec.cnfins">
<c-select <c-select
v-model="model.ledgrp.rec.cnfins" v-model="model.ledgrp.rec.cnfins"
style="width: 100%" style="width: 100%"
placeholder="第二通知行确认指令" placeholder="第二通知行确认指令"
:code="codes.cnfflg1"
disabled
> >
</c-select> </c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1"> <c-col :span="11" :offset="1">
<!-- Applicant's Bank 申请银行-->
<c-col :span="24"> <c-col :span="24">
<c-ptap <c-ptap
:model="model" :model="model"
:argadr="{ :argadr="{
title: '申请人银行', title: 'Applicant`s Bank',
grp: 'ledgrp', grp: 'ledgrp',
rol: 'apb', rol: 'apb',
}" }"
...@@ -56,11 +68,20 @@ ...@@ -56,11 +68,20 @@
</c-ptap> </c-ptap>
</c-col> </c-col>
<!-- Send Directly to Applicant's Bank 直接发送至申请银行-->
<c-col :span="24">
<c-checkbox v-model="model.ledgrp.rec.aplbnkdirsnd" style="margin-left:150px;"
disabled
>Send Directly to Applicant's Bank</c-checkbox
>
</c-col>
<!-- Reimbursement Bank偿付银行 -->
<c-col :span="24"> <c-col :span="24">
<c-ptap <c-ptap
:model="model" :model="model"
:argadr="{ :argadr="{
title: '偿付银行', title: 'Reimbursement Bank',
grp: 'ledgrp', grp: 'ledgrp',
rol: 'rmb', rol: 'rmb',
}" }"
...@@ -70,32 +91,38 @@ ...@@ -70,32 +91,38 @@
</c-ptap> </c-ptap>
</c-col> </c-col>
<!-- Confirmation Bank 保兑行-->
<c-col :span="24"> <c-col :span="24">
<c-ptap <c-ptap
:model="model" :model="model"
:argadr="{ :argadr="{
title: '第二通知行', title: 'Confirmation Bank',
grp: 'ledgrp', grp: 'ledgrp',
rol: 'con', rol: 'con',
}" }"
:disabledRef="true"
:disabledExtkey="true"
:onlySearch="true" :onlySearch="true"
@onSeainf="onSeainf" @onSeainf="onSeainf"
@onAplpDet="onRmbpDet" @onAplpDet="onConpDet"
> >
</c-ptap> </c-ptap>
</c-col> </c-col>
<c-col :span="24"> <c-col :span="24">
<el-form-item label="第二通知行名称" prop="ledgrp.con.pts.nam"> <el-form-item label="" prop="ledgrp.con.pts.nam">
<c-input <c-input
v-model="model.ledgrp.con.pts.nam" v-model="model.ledgrp.con.pts.nam"
maxlength="40" maxlength="40"
placeholder="请输入第二通知行名称" placeholder="请输入Name of Party"
disabled
></c-input> ></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col> </c-col>
<!-- =============================底部表格========================= -->
<c-edit-table :model="model" v-bind="ptsaddg"> <c-edit-table :model="model" v-bind="ptsaddg">
<el-table-column label="操作" align="center"> <el-table-column label="操作" text-align="center">
<template slot-scope="scope"> <template slot-scope="scope">
<el-button <el-button
size="mini" size="mini"
...@@ -107,18 +134,19 @@ ...@@ -107,18 +134,19 @@
</el-table-column> </el-table-column>
</c-edit-table> </c-edit-table>
</c-row> </c-row>
</div>
</template> </template>
<script> <script>
import Api from "~/service/Api"; import Api from '~/service/Api'
import commonProcess from "~/mixin/commonProcess"; import commonProcess from '~/mixin/commonProcess'
import CodeTable from "~/config/CodeTable"; import CodeTable from '~/config/CodeTable'
import Ptap from "~/views/Public/Ptap"; import Event from '~/model/Letame/Event'
import Event from "~/model/Letopn/Event"; import Ptap from "~/views/Public/Ptap"
export default { export default {
inject: ["root"], inject: ['root'],
components: { "c-ptap": Ptap }, components: { "c-ptap": Ptap },
props: ["model", "codes"], props: ['model', 'codes'],
mixins: [commonProcess], mixins: [commonProcess],
data() { data() {
return { return {
...@@ -151,14 +179,14 @@ export default { ...@@ -151,14 +179,14 @@ export default {
}, },
}; };
}, },
methods: { methods: {
...Event, ...Event,
onSeainf(){},
handleEdit() { handleEdit() {
console.log("1111测试"); console.log("1111测试");
}, },
}, },
created: function () {}, created: function () {},
}; }
</script> </script>
<style> <style></style>
</style>
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-row>
<c-col :span="12"> <c-col :span="16">
<el-form-item label="Revolving Details"></el-form-item>
</c-col>
</c-row>
<c-row>
<c-col :span="16">
<el-form-item label="Revolving Type" prop="ledgrp.rec.revtyp"> <el-form-item label="Revolving Type" prop="ledgrp.rec.revtyp">
<c-select v-model="model.ledgrp.rec.revtyp" style="width:100%" placeholder="请选择Revolving Type"> <c-select
</c-select> v-model="model.ledgrp.rec.revtyp"
</el-form-item> style="width: 100%"
</c-col> placeholder="请选择Revolving Type"
:code="codes.revtyp"
<c-col :span="12"> >
<c-checkbox v-model="model.ledgrp.rec.revcum">Credit is Marked as Cumulative</c-checkbox> </c-select>
</c-col>
<c-col :span="12">
<el-form-item label="Revolve Times" prop="ledgrp.rec.revtimes">
<c-input v-model="model.ledgrp.rec.revtimes" placeholder="请输入Revolve Times"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Revolving Count" prop="ledgrp.rec.revnbr">
<c-input v-model="model.ledgrp.rec.revnbr" placeholder="请输入Revolving Count"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Next Revolve Date" prop="ledgrp.rec.revdat">
<c-date-picker type="date" v-model="model.ledgrp.rec.revdat" style="width:100%" placeholder="请选择Next Revolve Date"></c-date-picker>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="8">
<el-form-item label="Revolving Clause" prop="ledgrp.blk.revcls"> <!-- Credit is Marked as Cumulative -->
<c-input type="textarea" v-model="model.ledgrp.blk.revcls" maxlength="65" show-word-limit placeholder="请输入Revolving Clause" ></c-input> <c-checkbox v-model="model.ledgrp.rec.revcum"
</el-form-item> style="margin-left:10px"
</c-col> >Cumulative</c-checkbox
>
<c-col :span="12"> </c-col>
<c-button size="small" type="primary" icon="el-icon-search" @click="onRevclauseButtxmsel"> </c-row>
...
</c-button>
</c-col> <c-row>
<c-col :span="8">
<c-col :span="12"> <el-form-item label="Revolve Times" prop="ledgrp.rec.revtimes">
<el-form-item label="Notes to Beneficiary" prop="ledgrp.blk.revnotes"> <c-input
<c-input type="textarea" v-model="model.ledgrp.blk.revnotes" maxlength="35" show-word-limit placeholder="请输入Notes to Beneficiary" ></c-input> v-model.number="model.ledgrp.rec.revtimes"
</el-form-item> placeholder="请输入Revolve Times"
</c-col> ></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="Revolving Count" prop="ledgrp.rec.revnbr">
<c-input
v-model.number="model.ledgrp.rec.revnbr"
placeholder="请输入Revolving Count"
disabled
></c-input>
</el-form-item>
</c-col>
</c-row>
<c-row>
<c-col :span="16">
<el-form-item label="Next Revolve Date" prop="ledgrp.rec.revdat">
<c-date-picker
type="date"
v-model="model.ledgrp.rec.revdat"
style="width: 100%"
placeholder="请选择Next Revolve Date"
value-format="yyyy-MM-dd"
></c-date-picker>
</el-form-item>
</c-col>
</c-row>
<c-row>
<c-col :span="16">
<el-form-item label="Revolving Clause" prop="ledgrp.blk.revcls">
<c-fullbox>
<c-input
type="textarea"
v-model="model.ledgrp.blk.revcls"
maxlength="390"
:rows="5"
show-word-limit
placeholder="请输入Revolving Clause"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onRevclauseButtxmsel"
>
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
</c-row>
<c-row>
<c-col :span="16">
<el-form-item label="Notes to Beneficiary" prop="ledgrp.blk.revnotes">
<c-input
type="textarea"
v-model="model.ledgrp.blk.revnotes"
maxlength="210"
:rows="5"
show-word-limit
placeholder="请输入Notes to Beneficiary"
></c-input>
</el-form-item>
</c-col>
</c-row>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from '~/service/Api'
import commonProcess from "~/mixin/commonProcess"; import commonProcess from '~/mixin/commonProcess'
import CodeTable from "~/config/CodeTable" import CodeTable from '~/config/CodeTable'
import Event from "~/model/Letame/Event" import Event from '~/model/Letame/Event'
export default { export default {
inject: ['root'], inject: ['root'],
props:["model","codes"], props: ['model', 'codes'],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {}
},
} methods: { ...Event },
}, created: function () {},
methods:{...Event},
created:function(){
}
} }
</script> </script>
<style> <style></style>
</style>
...@@ -77,21 +77,20 @@ ...@@ -77,21 +77,20 @@
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api"; import Api from '~/service/Api'
import commonProcess from "~/mixin/commonProcess"; import commonProcess from '~/mixin/commonProcess'
import CodeTable from "~/config/CodeTable"; import CodeTable from '~/config/CodeTable'
import Event from "~/model/Letame/Event"; import Event from '~/model/Letame/Event'
export default { export default {
inject: ["root"], inject: ['root'],
props: ["model", "codes"], props: ['model', 'codes'],
mixins: [commonProcess], mixins: [commonProcess],
data() { data() {
return {}; return {}
}, },
methods: { ...Event }, methods: { ...Event },
created: function () {}, created: function () {},
}; }
</script> </script>
<style> <style></style>
</style>
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<c-col :span="12">
<c-col :span="12"> <el-form-item
<el-form-item label="Special Payment Conditions for Bank Only History" prop="ledgrp.blk.spcrcbame"> label="Special Payment Conditions for Bank Only History"
<c-input type="textarea" v-model="model.ledgrp.blk.spcrcbame" maxlength="50" show-word-limit placeholder="请输入Special Payment Conditions for Bank Only History" ></c-input> prop="ledgrp.blk.spcrcbame"
</el-form-item> >
</c-col> <c-input
type="textarea"
<c-col :span="12"> v-model="model.ledgrp.blk.spcrcbame"
<el-form-item label="Special Payment Conditions for Bank Only" prop="ledgrp.blk.spcrcb"> maxlength="50"
<c-input type="textarea" v-model="model.ledgrp.blk.spcrcb" maxlength="65" show-word-limit placeholder="请输入Special Payment Conditions for Bank Only" ></c-input> show-word-limit
</el-form-item> placeholder="请输入Special Payment Conditions for Bank Only History"
</c-col> ></c-input>
</el-form-item>
<c-col :span="12"> </c-col>
<el-form-item label="Block to enter additional info for Add/Delete" prop="letamep.spcrcbamep.usrblk">
<c-input type="textarea" v-model="model.letamep.spcrcbamep.usrblk" maxlength="65" show-word-limit placeholder="请输入Block to enter additional info for Add/Delete" ></c-input> <c-col :span="12">
</el-form-item> <el-form-item
</c-col> label="Special Payment Conditions for Bank Only"
prop="ledgrp.blk.spcrcb"
<c-col :span="12"> >
<c-checkbox v-model="model.letamep.spcrcbamep.modflg">Modify Text to Replace</c-checkbox> <c-input
</c-col> type="textarea"
v-model="model.ledgrp.blk.spcrcb"
<c-col :span="12"> maxlength="65"
<c-checkbox v-model="model.letamep.spcrcbamep.modmanflg">Modify field for manual update</c-checkbox> show-word-limit
</c-col> placeholder="请输入Special Payment Conditions for Bank Only"
></c-input>
<c-col :span="12"> </el-form-item>
<c-button size="small" type="primary" @click="onSpcrcbamepButdif"> </c-col>
Show Diff
</c-button> <c-col :span="12">
</c-col> <el-form-item
label="Block to enter additional info for Add/Delete"
<c-col :span="12"> prop="letamep.spcrcbamep.usrblk"
<c-button size="small" type="primary" @click="onSpcrcbamepButadd"> >
Add Text <c-input
</c-button> type="textarea"
</c-col> v-model="model.letamep.spcrcbamep.usrblk"
maxlength="65"
<c-col :span="12"> show-word-limit
<c-button size="small" icon="el-icon-delete" @click="onSpcrcbamepButdel"> placeholder="请输入Block to enter additional info for Add/Delete"
Delete text ></c-input>
</c-button> </el-form-item>
</c-col> </c-col>
<c-col :span="12">
<c-checkbox v-model="model.letamep.spcrcbamep.modflg"
>Modify Text to Replace</c-checkbox
>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.letamep.spcrcbamep.modmanflg"
>Modify field for manual update</c-checkbox
>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onSpcrcbamepButdif">
Show Diff
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onSpcrcbamepButadd">
Add Text
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" icon="el-icon-delete" @click="onSpcrcbamepButdel">
Delete text
</c-button>
</c-col>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from '~/service/Api'
import commonProcess from "~/mixin/commonProcess"; import commonProcess from '~/mixin/commonProcess'
import CodeTable from "~/config/CodeTable" import CodeTable from '~/config/CodeTable'
import Event from "~/model/Letame/Event" import Event from '~/model/Letame/Event'
export default { export default {
inject: ['root'], inject: ['root'],
props:["model","codes"], props: ['model', 'codes'],
mixins: [commonProcess], mixins: [commonProcess],
data(){ data() {
return { return {}
},
} methods: { ...Event },
}, created: function () {},
methods:{...Event},
created:function(){
}
} }
</script> </script>
<style> <style></style>
</style>
...@@ -290,7 +290,7 @@ ...@@ -290,7 +290,7 @@
<c-col :span="24"> <c-col :span="24">
<el-form-item label="" prop="ledgrp.rec.prepertxts18"> <el-form-item label="" prop="ledgrp.rec.prepertxts18">
<c-input <c-input
v-model.number="model.ledgrp.rec.prepertxts18" v-model="model.ledgrp.rec.prepertxts18"
placeholder="请输入交单期天数" placeholder="请输入交单期天数"
></c-input> ></c-input>
</el-form-item> </el-form-item>
......
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