Skip to content

V
vue-gjjs
Commit 595e14d5 by lianyang
Options

letnot/letamc内容/详情页灰显，letopn交易页面调整及事件绑定

parent 8d0042a4
Showing with 1344 additions and 762 deletions
src/model/Letamc/Pattern.js
......@@ -162,8 +162,8 @@ export default {
// {max: 2,message:"长度不能超过2"}
// ],
"ledgrp.rec.nomton":[
{type: "number", required: false, message: "必输项"},
{type: "number",max: 99,message:"长度不能超过99"}
{type: "number", required: false, message: "必输项",trigger: "blur"},
{type: "number",max: 99,message:"长度不能超过2",trigger: "blur"}
],
"ledgrp.ben.adrelc":[
{type: "string", required: true, message: "必输项"},
......
src/model/Letnot/Pattern.js
......@@ -64,12 +64,12 @@ export default {
],
"ledgrp.rec.nomtop":[
{type: "string", required: false, message: "必输项",trigger: "blur"},
{max: 2,message:"长度不能超过2",trigger: "blur"}
{type: "number", required: false, message: "必输项",trigger: "blur"},
{type: "number",max: 99,message:"长度不能超过2",trigger: "blur"}
],
"ledgrp.rec.nomton":[
{type: "string", required: false, message: "必输项",trigger: "blur"},
{max: 2,message:"长度不能超过2",trigger: "blur"}
{type: "number", required: false, message: "必输项",trigger: "blur"},
{type: "number",max: 99,message:"长度不能超过2",trigger: "blur"}
],
"ledgrp.ben.adrelc":[
{type: "string", required: true, message: "必输项"},
......@@ -227,7 +227,7 @@ export default {
{max: 35,message:"长度不能超过35"}
],
"ledgrp.blk.avbwthtxt":[
{type: "string", required: true, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 140,message:"长度不能超过140"}
],
"ledgrp.avb.pts.adrblk":[
......@@ -311,11 +311,11 @@ export default {
{type: "number",max: 9999,message:"长度不能超过4"}
],
"ledgrp.rec.porloa":[
{type: "string", required: true, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 65,message:"长度不能超过65"}
],
"ledgrp.rec.pordis":[
{type: "string", required: true, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 65,message:"长度不能超过65"}
],
"ledgrp.rec.shpto":[
......@@ -324,7 +324,7 @@ export default {
],
"ledgrp.blk.shpper":[
{type: "string", required: true, message: "必输项"},
{max: 390,message:"长度不能超过390"}
{max: 65,message:"长度不能超过65"}
],
"ledgrp.adv.pts.ref":[
{type: "string", required: false, message: "必输项"},
......@@ -484,7 +484,7 @@ export default {
"ledgrp.blk.lcrgod":[
{type: "string", required: true, message: "必输项"},
{max: 5200,message:"长度不能超过5200"}
{max: 52000,message:"长度不能超过52000"}
],
......
src/model/Letopn/Pattern.js
......@@ -72,12 +72,12 @@ export default {
],
"ledgrp.rec.nomtop":[
{type: "string", required: false, message: "必输项"},
{max: 2,message:"长度不能超过2"}
{type: "number", required: false, message: "必输项",trigger: "blur"},
{type: "number",max: 99,message:"长度不能超过2",trigger: "blur"}
],
"ledgrp.rec.nomton":[
{type: "string", required: false, message: "必输项"},
{max: 2,message:"长度不能超过2"}
{type: "number", required: false, message: "必输项",trigger: "blur"},
{type: "number",max: 99,message:"长度不能超过2",trigger: "blur"}
],
"ledgrp.ben.adrelc":[
{type: "string", required: true, message: "必输项"},
......@@ -88,7 +88,7 @@ export default {
"ledgrp.cbs.max.amt":[
{type: "number", required: false, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
......@@ -127,7 +127,7 @@ export default {
],
"ledgrp.iss.pts.adrblk":[
{type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"}
{max: 140,message:"长度不能超过140"}
],
"ledgrp.iss.dbfadrblkcn":[
{type: "string", required: true, message: "必输项"},
......@@ -199,7 +199,7 @@ export default {
"ledgrp.blk.mixdet":[
{type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"}
{max: 140,message:"长度不能超过140"}
],
"letp.avbp.ptsget.sdamod.dadsnd":[
{type: "string", required: false, message: "必输项"},
......@@ -219,8 +219,8 @@ export default {
{max: 140,message:"长度不能超过140"}
],
"ledgrp.blk.avbwthtxt":[
{type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"}
{type: "string", required: false , message: "必输项"},
{max: 140,message:"长度不能超过140"}
],
"ledgrp.avb.pts.adrblk":[
{type: "string", required: true, message: "必输项"},
......@@ -239,8 +239,8 @@ export default {
{max: 35,message:"长度不能超过35"}
],
"ledgrp.rec.prepers18":[
{type: "string", required: false, message: "必输项"},
{max: 3,message:"长度不能超过3"}
{type: "number", required: false, message: "必输项"},
{type: "number",max: 999,message:"长度不能超过3"}
],
......@@ -251,11 +251,11 @@ export default {
"ledgrp.blk.defdet":[
{type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"}
{max: 140,message:"长度不能超过140"}
],
"ledgrp.blk.feetxt":[
{type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"}
{max: 210,message:"长度不能超过210"}
],
"ledgrp.blk.dftat":[
......@@ -299,15 +299,15 @@ export default {
{max: 65,message:"长度不能超过65"}
],
"ledgrp.rec.tenmaxday":[
{type: "string", required: false, message: "必输项"},
{max: 4,message:"长度不能超过4"}
{type: "number", required: false, message: "必输项"},
{type: "number",max: 9999,message:"长度不能超过4"}
],
"ledgrp.rec.porloa":[
{type: "string", required: true, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 65,message:"长度不能超过65"}
],
"ledgrp.rec.pordis":[
{type: "string", required: true, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 65,message:"长度不能超过65"}
],
"ledgrp.rec.shpto":[
......@@ -315,7 +315,7 @@ export default {
{max: 65,message:"长度不能超过65"}
],
"ledgrp.blk.shpper":[
{type: "string", required: true, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 65,message:"长度不能超过65"}
],
"ledgrp.adv.pts.ref":[
......@@ -429,7 +429,7 @@ export default {
],
"ledgrp.a2b.pts.adrblk":[
{type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"}
{max: 140,message:"长度不能超过140"}
],
"ledgrp.a2b.dbfadrblkcn":[
{type: "string", required: true, message: "必输项"},
......@@ -437,7 +437,7 @@ export default {
],
"ledgrp.rmb.pts.adrblk":[
{type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"}
{max: 140,message:"长度不能超过140"}
],
"ledgrp.rmb.dbfadrblkcn":[
{type: "string", required: true, message: "必输项"},
......@@ -476,7 +476,7 @@ export default {
"ledgrp.blk.lcrgod":[
{type: "string", required: true, message: "必输项"},
{max: 65,message:"长度不能超过65"}
{max: 52000,message:"长度不能超过52000"}
],
......@@ -487,7 +487,7 @@ export default {
"ledgrp.blk.adlcnd":[
{type: "string", required: true, message: "必输项"},
{max: 65,message:"长度不能超过65"}
{max: 52000,message:"长度不能超过52000"}
],
......@@ -610,12 +610,12 @@ export default {
"ledgrp.rec.revtimes":[
{type: "string", required: false, message: "必输项"},
{max: 2,message:"长度不能超过2"}
{type: "number", required: false, message: "必输项"},
{type: "number",max: 99,message:"长度不能超过2"}
],
"ledgrp.rec.revnbr":[
{type: "string", required: false, message: "必输项"},
{max: 2,message:"长度不能超过2"}
{type: "number", required: false, message: "必输项"},
{type: "number",max: 99,message:"长度不能超过2"}
],
"ledgrp.rec.revdat":[
{type: "date", required: false, message: "输入正确的日期"}
......@@ -631,13 +631,13 @@ export default {
],
"ledgrp.cbs.max2.amt":[
{type: "number", required: false, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
"ledgrp.cbs.opn2.amt":[
{type: "number", required: false, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 18,message:"整数位不能超过14位"},
{pattern: /(^\d+$)|(^\.\d{1,3}$)|(^\d+\.\d{1,3}$)/, message: "小数位不能超过3位" }
],
......@@ -647,12 +647,12 @@ export default {
],
"ledgrp.blk.spcben":[
{type: "string", required: true, message: "必输项"},
{max: 65,message:"长度不能超过65"}
{max: 52000,message:"长度不能超过52000"}
],
"ledgrp.blk.spcrcb":[
{type: "string", required: true, message: "必输项"},
{max: 65,message:"长度不能超过65"}
{max: 52000,message:"长度不能超过52000"}
],
"setmod.glemod.gleshwstm":[
......
src/views/Business/Letamc/Ovwp.vue
......@@ -79,14 +79,14 @@
<c-col :span="24">
<c-col :span="12">
<c-form-item label="Amount Tolerance +/-" prop="ledgrp.rec.nomtop">
<c-input v-model="model.ledgrp.rec.nomtop" maxlength="2" style="width: 100%"
<c-input v-model.number="model.ledgrp.rec.nomtop" maxlength="2" style="width: 100%"
placeholder="请输入Amount Tolerance - Positive"
class="m-input-currency"></c-input>
</c-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.rec.nomton">
<c-input v-model="model.ledgrp.rec.nomton" maxlength="2" style="width: 95%"
<c-input v-model.number="model.ledgrp.rec.nomton" maxlength="2" style="width: 95%"
placeholder="请输入Amount Tolerance - Negative"
class="m-input-currency"></c-input>
</el-form-item>
......@@ -180,14 +180,15 @@
<c-col :span="24">
<el-form-item label="Applicable Rules" prop="ledgrp.rec.apprul">
<c-select v-model="model.ledgrp.rec.apprul" style="width: 100%" placeholder="请选择适用规则"
:code="codes.apprul">
:code="codes.apprul" @change="apprulChange">
</c-select>
</el-form-item>
</c-col>
<!-- Other Applicable rules -->
<c-col :span="24">
<el-form-item label="Other Applicable Rules" prop="ledgrp.rec.apprultxt">
<c-input disabled v-model="model.ledgrp.rec.apprultxt" maxlength="35" placeholder="请输入其他规则"></c-input>
<c-input v-model="model.ledgrp.rec.apprultxt" maxlength="35" placeholder="请输入其他规则"
:disabled="model.ledgrp.rec.apprul === 'OTHR' ? false : true"></c-input>
</el-form-item>
</c-col>
<!-- Partial shipment -->
......@@ -283,7 +284,7 @@
<!-- Revolving Flag -->
<c-col :span="12" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.revflg">Revolving L/C/</c-checkbox>
<c-checkbox v-model="model.ledgrp.rec.revflg">Revolving L/C</c-checkbox>
</c-col>
<!-- Authorization to Debit 借记授权书-->
<c-col :span="12" class="centerLable marginLable">
......@@ -697,6 +698,11 @@ export default {
}
});
},
apprulChange(v) {
if (v !== "OTHR") {
this.model.ledgrp.rec.apprultxt = "";
}
},
},
created: function () {
......
src/views/Business/Letnot/Detp.vue
......@@ -28,6 +28,7 @@
:onlySearch="true"
@onSeainf="onSeainf"
@onAplpDet="onAvbpDet"
:disabledExtkey="!avbFlag"
>
</c-ptap>
</c-col>
......@@ -42,6 +43,7 @@
maxlength="140"
show-word-limit
placeholder="请输入名称地址"
:disabled="model.ledgrp.rec.avbwth!='O'"
></c-input>
</el-form-item>
</c-col>
......@@ -139,7 +141,6 @@
show-word-limit
v-model="model.ledgrp.rec.shpfro"
maxlength="65"
:rows="1"
placeholder="请输入"
></c-input>
</el-form-item>
......@@ -153,7 +154,6 @@
v-model="model.ledgrp.rec.porloa"
maxlength="65"
show-word-limit
:rows="1"
placeholder="请输入"
></c-input>
</el-form-item>
......@@ -167,7 +167,6 @@
v-model="model.ledgrp.rec.pordis"
maxlength="65"
show-word-limit
rows="1"
placeholder="请输入"
></c-input>
</el-form-item>
......@@ -181,7 +180,6 @@
v-model="model.ledgrp.rec.shpto"
maxlength="65"
show-word-limit
:rows="1"
placeholder="最终目的地"
></c-input>
</el-form-item>
......@@ -193,8 +191,7 @@
<c-input
type="textarea"
v-model="model.ledgrp.blk.shpper"
maxlength="390"
:rows="3"
maxlength="65"
show-word-limit
placeholder="请输入装运期"
></c-input>
......@@ -219,16 +216,62 @@
</el-form-item>
</c-col>
<!-- 交单期限 presentation period-->
<!-- <c-col :span="12">
<el-form-item label="Presentation Period" prop="ledgrp.blk.preper">
<c-input
type="textarea"
v-model="model.ledgrp.blk.preper"
maxlength="35"
show-word-limit
placeholder="请输入Presentation Period"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Days of presentation period"
prop="ledgrp.rec.prepers18"
>
<c-input
v-model="model.ledgrp.rec.prepers18"
placeholder="请输入Days of presentation period"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onPreperButtxmsel"
>
...
</c-button>
</c-col>
<c-col :span="12">
<el-form-item
label="Presentation period text"
prop="ledgrp.rec.prepertxts18"
>
<c-input
v-model="model.ledgrp.rec.prepertxts18"
maxlength="35"
placeholder="请输入Presentation period text"
></c-input>
</el-form-item>
</c-col>-->
<!-- 交单期限 Days of presentation period-->
<c-col :span="24">
<el-form-item label="交单期限" prop="ledgrp.blk.preper">
<el-form-item label="交单期限" prop="ledgrp.rec.prepers18">
<c-fullbox>
<c-input
type="textarea"
v-model="model.ledgrp.blk.preper"
maxlength="35"
show-word-limit
placeholder="请输入交单期限"
v-model="model.ledgrp.rec.prepers18"
placeholder="请输入Days of presentation period"
></c-input>
<template slot="footer">
<c-button
......@@ -246,9 +289,9 @@
<!-- Days of presentation period -->
<c-col :span="24">
<el-form-item label="" prop="ledgrp.rec.prepers18">
<el-form-item label="" prop="ledgrp.rec.prepertxts18">
<c-input
v-model.number="model.ledgrp.rec.prepers18"
v-model.number="model.ledgrp.rec.prepertxts18"
placeholder="请输入交单期天数"
></c-input>
</el-form-item>
......@@ -352,6 +395,13 @@ export default {
this.model.ledgrp.rec.tenmaxday = 0
this.model.ledgrp.blk.defdet = ''
}
if (this.model.ledgrp.rec.avbby == 'D'||this.model.ledgrp.rec.avbby =='M') {
this.model.ledgrp.blk.defdet = '' //汇票期限置空
this.model.ledgrp.drw.pts.extkey = ''//付款人置空
this.model.ledgrp.drw.pts.adrblk = '' //名称地址置空.pts.adrblk
}
this.executeCheck('ledgrp.rec.avbby').then((res) => {
if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data)
......@@ -361,6 +411,14 @@ export default {
},
created: function () {},
computed: {
avbFlag: {
get() {
return (
this.model.ledgrp.rec.avbwth == 'A' ||
this.model.ledgrp.rec.avbwth == 'S'
)
},
},
defdetFlag: {
get() {
return (
......
src/views/Business/Letnot/Ovwp.vue
<template>
<div class="eibs-tab">
<c-row>
<!-- =================顶部====================== -->
<c-col :span="24">
<c-col :span="11">
<el-form-item label="信用证号码" prop="ledgrp.rec.ownref" style="width: 100%">
<c-fullbox>
<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入Reference" style="width: 95%" :disabled="true">
</c-input>
<template slot="footer">
<c-button style="margin: 0 10px 0 0; padding: 0 12px" size="small" type="primary" @click="onSeainf">
<span style="font-size: 15px; font-family: '宋体'; font-weight: bold">i</span>
</c-button>
<c-button style="margin: 0 0" size="small" type="primary"
:disabled="model.ledgrp.ben.pts.adrblk && !model.ledgrp.rec.ownref ? false : true"
@click="onLetpButgetref">
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="ledgrp.rec.nam">
<c-input text-align="middle" v-model="model.ledgrp.rec.nam" maxlength="40" placeholder="请输入" disabled>
</c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ====================左边======================= -->
<c-col :span="11">
<!-- Form of L/C -->
<c-col :span="24">
<el-form-item label="是否可以转让" prop="ledgrp.rec.lcrtyp">
<c-select v-model="model.ledgrp.rec.lcrtyp" style="width: 100%" placeholder="请选择" :code="codes.lcrtyp">
</c-select>
</el-form-item>
</c-col>
<!-- responsible user -->
<c-row>
<!-- =================顶部====================== -->
<c-col :span="24">
<el-form-item label="所属客户经理" prop="letp.usr.extkey">
<c-fullbox>
<c-input v-model="model.letp.usr.extkey" maxlength="8" placeholder="请输入所属客户经理" disabled></c-input>
<template slot="footer">
<c-button style="margin-left:10px;padding: 0 10px;" size="small" icon="el-icon-search" type="primary"
@click="onExtkey"></c-button>
<c-checkbox :disabled="true" style="margin-left:10px;" v-model="model.ledgrp.rec.collflg">抵押信用证</c-checkbox>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- nominal amount -->
<c-col :span="24">
<c-col :span="13">
<el-form-item label="信用证金额" prop="ledgrp.cbs.nom1.cur">
<c-select v-model="model.ledgrp.cbs.nom1.cur" style="width: 100%" placeholder="请选择币种"
@keyup.enter.native="nom1CurEvent" :code="codes.curtxt1">
</c-select>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.nom1.amt">
<c-input-currency v-model="model.ledgrp.cbs.nom1.amt" style="text-align: left; width: 100%"
placeholder="请输入信用证金额" @keyup.enter.native="
defaultFunction('ledgrp.cbs.nom1.amt', model.ledgrp.cbs.nom1.amt)
" ></c-input-currency>
<!-- <c-input-currency v-model="model.ledgrp.cbs.nom1.amt" style="text-align: left; width: 100%"
placeholder="请输入信用证金额"></c-input-currency> -->
<c-col :span="11">
<el-form-item
label="信用证号码"
prop="ledgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="16"
placeholder="请输入Reference"
style="width: 95%"
:disabled="true"
>
</c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 0; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<span
style="
font-size: 15px;
font-family: '宋体';
font-weight: bold;
"
>i</span
>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="
model.ledgrp.ben.pts.adrblk && !model.ledgrp.rec.ownref
? false
: true
"
@click="onLetpButgetref"
>
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="4">
<c-checkbox v-model="model.letp.aamp.aammod.addamtflg" style="margin-left:10px;">附加金额</c-checkbox>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<c-form-item label="金额浮动 +/-" prop="ledgrp.rec.nomtop">
<c-input v-model="model.ledgrp.rec.nomtop" maxlength="2" style="width: 100%"
placeholder="请输入Amount Tolerance - Positive"
class="m-input-currency"></c-input>
</c-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.rec.nomton">
<c-input v-model="model.ledgrp.rec.nomton" maxlength="2" style="width: 100%"
placeholder="请输入Amount Tolerance - Negative"
class="m-input-currency"></c-input>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="ledgrp.rec.nam">
<c-input
text-align="middle"
v-model="model.ledgrp.rec.nam"
maxlength="40"
placeholder="请输入"
disabled
>
</c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="4">
<c-checkbox v-model="model.ledgrp.preadvflg">PreAdvice or Notification</c-checkbox>
</c-col> -->
<c-col :span="4">
<c-checkbox v-model="model.ledgrp.preadvflg" style="margin-left:10px;">预先通知</c-checkbox>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="20">
<el-form-item label="适用金额规范" prop="ledgrp.rec.nomspc">
<c-select v-model="model.ledgrp.rec.nomspc" style="width: 100%" placeholder="请选择适用金额规范"
:code="codes.nomspc" disabled>
<!-- ====================左边======================= -->
<c-col :span="11">
<!-- Form of L/C -->
<c-col :span="24">
<el-form-item label="是否可以转让" prop="ledgrp.rec.lcrtyp">
<c-select
v-model="model.ledgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择"
:code="codes.lcrtyp"
>
</c-select>
</el-form-item>
</c-col>
<!-- Incoming Transfer -->
<c-col :span="4">
<c-checkbox v-model="model.ledgrp.rec.inctrf" style="margin-left:10px;">传入传输</c-checkbox>
</c-col>
</c-col>
<!-- Maximum Amount -->
<c-col :span="13">
<el-form-item label="信用证最大金额" prop="ledgrp.cbs.max.cur">
<c-select v-model="model.ledgrp.cbs.max.cur" style="width: 100%" placeholder="请选择币种" :code="codes.curtxt1"
disabled>
</c-select>
<!-- responsible user -->
<c-col :span="24">
<c-col :span="20">
<el-form-item label="所属客户经理" prop="letp.usr.extkey">
<c-fullbox>
<c-input
v-model="model.letp.usr.extkey"
maxlength="8"
placeholder="请输入所属客户经理"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin-left: 10px; padding: 0 10px"
size="small"
icon="el-icon-search"
type="primary"
@click="onExtkey"
></c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.max.amt">
<c-input disabled v-model="model.ledgrp.cbs.max.amt" placeholder="请输入最大金额"
class="m-input-currency"></c-input>
</el-form-item>
<c-col :span="4">
<c-checkbox
:disabled="true"
v-model="model.ledgrp.rec.collflg"
style="margin-left: 10px"
>抵押信用证</c-checkbox
>
</c-col>
</c-col>
<!-- Issued on -->
<!-- nominal amount -->
<c-col :span="24">
<c-col :span="13">
<el-form-item label="开证日期" prop="ledgrp.rec.opndat">
<c-date-picker disabled type="date" v-model="model.ledgrp.rec.opndat" style="width: 100%" value-format="yyyy-MM-dd"
placeholder="请选择开证日期">
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10" :offset="1">
<el-form-item label="预通知日期" label-width="80px" prop="ledgrp.rec.preadvdt">
<c-date-picker type="date" v-model="model.ledgrp.rec.preadvdt" style="width: 100%" value-format="yyyy-MM-dd" placeholder="请选择日期">
</c-date-picker>
<el-form-item label="信用证金额" prop="ledgrp.cbs.nom1.cur">
<c-select
v-model="model.ledgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="请选择币种"
@keyup.enter.native="nom1CurEvent"
:code="codes.curtxt1"
>
</c-select>
</el-form-item>
</c-col>
<!-- shipment date -->
<c-col :span="13">
<el-form-item label="装运日期" prop="ledgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.ledgrp.rec.shpdat" style="width: 100%" placeholder="请选择装运日期" value-format="yyyy-MM-dd">
</c-date-picker>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.nom1.amt">
<c-input-currency
v-model="model.ledgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
placeholder="请输入信用证金额"
@keyup.enter.native="
defaultFunction(
'ledgrp.cbs.nom1.amt',
model.ledgrp.cbs.nom1.amt
)
"
></c-input-currency>
<!-- <c-input-currency v-model="model.ledgrp.cbs.nom1.amt" style="text-align: left; width: 100%"
placeholder="请输入信用证金额"></c-input-currency> -->
</el-form-item>
</c-col>
<c-col :span="10" :offset="1">
<el-form-item label="通知日期" label-width="80px" prop="ledgrp.rec.advdat">
<c-date-picker disabled type="date" v-model="model.ledgrp.rec.advdat" style="width: 100%" placeholder="请选择通知日期" value-format="yyyy-MM-dd">
</c-date-picker>
</el-form-item>
<c-col :span="4">
<c-checkbox
v-model="model.letp.aamp.aammod.addamtflg"
style="margin-left: 10px"
>附加金额</c-checkbox
>
</c-col>
</c-col>
<!-- expiring on -->
<c-col :span="24">
<el-form-item label="有效日期" prop="ledgrp.rec.expdat">
<c-date-picker type="date" v-model="model.ledgrp.rec.expdat" style="width: 100%" value-format="yyyy-MM-dd"
placeholder="请选择到期日">
</c-date-picker>
</el-form-item>
</c-col>
<!-- in (place)/counters of -->
<c-col :span="24">
<el-form-item label="有效地点" prop="ledgrp.rec.expplc">
<c-input v-model="model.ledgrp.rec.expplc" maxlength="29" placeholder="有效地点"></c-input>
</el-form-item>
</c-col>
<!-- Confirmation Instruct.Received -->
<c-col :span="24">
<el-form-item label="确认接收指示" prop="ledgrp.rec.cnfdet">
<c-select v-model="model.ledgrp.rec.cnfdet" style="width: 100%" placeholder="请选择确认接收指示"
:code="codes.cnfflg1">
</c-select>
</el-form-item>
<c-col :span="24">
<c-col :span="13">
<c-form-item label="金额浮动 +/-" prop="ledgrp.rec.nomtop">
<c-input
v-model.number="model.ledgrp.rec.nomtop"
maxlength="2"
style="width: 100%"
placeholder="请输入Amount Tolerance - Positive"
class="m-input-currency"
></c-input>
</c-form-item>
</c-col>
<!-- Applicable rules -->
<c-col :span="24">
<el-form-item label="适用规则" prop="ledgrp.rec.apprul">
<c-select v-model="model.ledgrp.rec.apprul" style="width: 100%" placeholder="请选择适用规则"
:code="codes.apprul">
</c-select>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.rec.nomton">
<c-input
v-model.number="model.ledgrp.rec.nomton"
maxlength="2"
style="width: 100%"
placeholder="请输入Amount Tolerance - Negative"
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
<!-- Other Applicable rules -->
<c-col :span="24">
<el-form-item label="其他规则" prop="ledgrp.rec.apprultxt">
<c-input disabled v-model="model.ledgrp.rec.apprultxt" maxlength="35" placeholder="请输入其他规则"></c-input>
</el-form-item>
<!-- <c-col :span="4">
<c-checkbox v-model="model.ledgrp.preadvflg">PreAdvice or Notification</c-checkbox>
</c-col> -->
<c-col :span="4">
<c-checkbox
v-model="model.ledgrp.preadvflg"
style="margin-left: 10px"
>预先通知</c-checkbox
>
</c-col>
<!-- Partial shipment -->
<c-col :span="24">
<el-form-item label="分批装运" prop="ledgrp.rec.shppar">
<c-select v-model="model.ledgrp.rec.shppar" style="width: 100%" placeholder="请选择分批装运"
:code="codes.shptrss18">
</c-col>
<c-col :span="24">
<c-col :span="20">
<el-form-item label="适用金额规范" prop="ledgrp.rec.nomspc">
<c-select
v-model="model.ledgrp.rec.nomspc"
style="width: 100%"
placeholder="请选择适用金额规范"
:code="codes.nomspc"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!-- Transshipment -->
<c-col :span="24">
<el-form-item label="转运" prop="ledgrp.rec.shptrs">
<c-select v-model="model.ledgrp.rec.shptrs" style="width:100%" placeholder="请选择Transshipment"
:code="codes.shptrss18">
</c-select>
</el-form-item>
<!-- Incoming Transfer -->
<c-col :span="4">
<c-checkbox
v-model="model.ledgrp.rec.inctrf"
style="margin-left: 10px"
>传入传输</c-checkbox
>
</c-col>
<!-- <c-col :span="24">
</c-col>
<!-- Maximum Amount -->
<c-col :span="13">
<el-form-item label="信用证最大金额" prop="ledgrp.cbs.max.cur">
<c-select
v-model="model.ledgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.curtxt1"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.max.amt">
<c-input
disabled
v-model="model.ledgrp.cbs.max.amt"
placeholder="请输入最大金额"
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
<!-- Issued on -->
<c-col :span="13">
<el-form-item label="开证日期" prop="ledgrp.rec.opndat">
<c-date-picker
disabled
type="date"
v-model="model.ledgrp.rec.opndat"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择开证日期"
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10" :offset="1">
<el-form-item
label="预通知日期"
label-width="80px"
prop="ledgrp.rec.preadvdt"
>
<c-date-picker
type="date"
v-model="model.ledgrp.rec.preadvdt"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择日期"
>
</c-date-picker>
</el-form-item>
</c-col>
<!-- shipment date -->
<c-col :span="13">
<el-form-item label="装运日期" prop="ledgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.ledgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择装运日期"
value-format="yyyy-MM-dd"
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10" :offset="1">
<el-form-item
label="通知日期"
label-width="80px"
prop="ledgrp.rec.advdat"
>
<c-date-picker
disabled
type="date"
v-model="model.ledgrp.rec.advdat"
style="width: 100%"
placeholder="请选择通知日期"
value-format="yyyy-MM-dd"
>
</c-date-picker>
</el-form-item>
</c-col>
<!-- expiring on -->
<c-col :span="24">
<el-form-item label="有效日期" prop="ledgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.ledgrp.rec.expdat"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择到期日"
>
</c-date-picker>
</el-form-item>
</c-col>
<!-- in (place)/counters of -->
<c-col :span="24">
<el-form-item label="有效地点" prop="ledgrp.rec.expplc">
<c-input
v-model="model.ledgrp.rec.expplc"
maxlength="29"
placeholder="有效地点"
></c-input>
</el-form-item>
</c-col>
<!-- Confirmation Instruct.Received -->
<c-col :span="24">
<el-form-item label="确认接收指示" prop="ledgrp.rec.cnfdet">
<c-select
v-model="model.ledgrp.rec.cnfdet"
style="width: 100%"
placeholder="请选择确认接收指示"
:code="codes.cnfflg1"
>
</c-select>
</el-form-item>
</c-col>
<!-- Applicable rules -->
<c-col :span="24">
<el-form-item label="适用规则" prop="ledgrp.rec.apprul">
<c-select
v-model="model.ledgrp.rec.apprul"
style="width: 100%"
placeholder="请选择适用规则"
:code="codes.apprul"
@change="apprulChange"
>
</c-select>
</el-form-item>
</c-col>
<!-- Other Applicable rules -->
<c-col :span="24">
<el-form-item label="其他规则" prop="ledgrp.rec.apprultxt">
<c-input
v-model="model.ledgrp.rec.apprultxt"
maxlength="35"
placeholder="请输入其他规则"
:disabled="model.ledgrp.rec.apprul === 'OTHR' ? false : true"
></c-input>
</el-form-item>
</c-col>
<!-- Partial shipment -->
<c-col :span="24">
<el-form-item label="分批装运" prop="ledgrp.rec.shppar">
<c-select
v-model="model.ledgrp.rec.shppar"
style="width: 100%"
placeholder="请选择分批装运"
:code="codes.shptrss18"
>
</c-select>
</el-form-item>
</c-col>
<!-- Transshipment -->
<c-col :span="24">
<el-form-item label="转运" prop="ledgrp.rec.shptrs">
<c-select
v-model="model.ledgrp.rec.shptrs"
style="width: 100%"
placeholder="请选择Transshipment"
:code="codes.shptrss18"
>
</c-select>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<el-form-item label="转运" prop="ledgrp.rec.shptrss18">
<c-select
v-model="model.ledgrp.rec.shptrss18"
......@@ -218,14 +390,11 @@
</c-select>
</el-form-item>
</c-col> -->
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
</c-col>
<!-- <c-col :span="12">
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<!-- <c-col :span="12">
<el-form-item label="Beneficiary Ref." prop="ledgrp.ben.pts.ref">
<c-input v-model="model.ledgrp.ben.pts.ref" maxlength="16" placeholder="请输入Beneficiary Ref."></c-input>
</el-form-item>
......@@ -236,92 +405,118 @@
<c-input v-model="model.letp.benp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col> -->
<c-col :span="24">
<c-ptap :model="model" :argadr="{
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '受益人',
grp: 'ledgrp',
rol: 'ben',
}" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onBenpDet">
</c-ptap>
</c-col>
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<c-ptap :model="model" :argadr="{
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '开证行',
grp: 'ledgrp',
rol: 'iss',
}" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onIsspDet">
</c-ptap>
</c-col>
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onIsspDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<c-ptap :model="model" :argadr="{
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '申请人',
grp: 'ledgrp',
rol: 'apl',
}" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onAplpDet">
</c-ptap>
</c-col>
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onAplpDet"
>
</c-ptap>
</c-col>
<!-- <c-col :span="24" class="centerLable marginLable">
<!-- <c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.revflg"
>Revolving Flag</c-checkbox
>
</c-col> -->
<!-- Authorization to Debit -->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.dbtflg">借记授权书</c-checkbox>
</c-col>
<!-- Non-Bank Issuer -->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.nonban">非银行发行人</c-checkbox>
</c-col>
<!-- Authorization to Debit -->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.dbtflg">借记授权书</c-checkbox>
</c-col>
<!-- Test Key Unconfirmity -->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.teskeyunc">测试密钥</c-checkbox>
</c-col>
<!-- Non-Bank Issuer -->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.nonban"
>非银行发行人</c-checkbox
>
</c-col>
<!-- Test Key Unconfirmity -->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.teskeyunc">测试密钥</c-checkbox>
</c-col>
</c-row>
</c-col>
</c-row>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Letopn/Event";
import Utils from "~/utils";
import Ptap from "~/views/Public/Ptap";
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Letnot/Event'
import Utils from '~/utils'
import Ptap from '~/views/Public/Ptap'
// import Amtpanl from "~/views/Public/Amtpanl";
export default {
components: { "c-ptap": Ptap },
inject: ["root"],
props: ["model", "codes"],
components: { 'c-ptap': Ptap },
inject: ['root'],
props: ['model', 'codes'],
mixins: [commonProcess],
data() {
return {};
return {}
},
methods: { ...Event,
methods: {
...Event,
nom1CurEvent() {
this.executeDefault("ledgrp.cbs.nom1.cur").then((res) => {
if ((res.respCode == SUCCESS)) {
Utils.copyValueFromVO(this.model, res.data);
this.executeDefault('ledgrp.cbs.nom1.cur').then((res) => {
if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data)
}
});
})
},
apprulChange(v) {
if (v !== 'OTHR') {
this.model.ledgrp.rec.apprultxt = ''
}
},
},
created: function () { },
};
created: function () {},
}
</script>
<style>
.centerLable {
margin-left: -10px;
height: 32px;
line-height: 32px;
padding-bottom: 2px;
}
.marginLable {
......
src/views/Business/Letopn/Aamp.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<!-- ====================左边======================= -->
<c-col :span="11">
<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
v-model="model.ledgrp.cbs.max2.cur"
style="width: 100%"
placeholder="请选择币种"
:disabled="true"
placeholder="请选择Additional Amount"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="9">
<el-form-item label="" label-width="0px" prop="ledgrp.cbs.max2.amt">
<c-col :span="11">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.max2.amt">
<c-input
v-model="model.ledgrp.cbs.max2.amt"
placeholder="请输入Additional Amount"
@keyup.enter.native="
defaultFunction('ledgrp.cbs.max2.amt', model.ledgrp.cbs.max2.amt)
"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="12">
<c-col :span="13">
<el-form-item label="Open Add. Amount" prop="ledgrp.cbs.opn2.cur">
<c-select
v-model="model.ledgrp.cbs.opn2.cur"
style="width: 100%"
placeholder="请选择Open Add. Amount"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="9">
<el-form-item label="" label-width="0px" prop="ledgrp.cbs.opn2.amt">
<c-col :span="11">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn2.amt">
<c-input
v-model="model.ledgrp.cbs.opn2.amt"
placeholder="请输入Open Add. Amount"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- Covered -->
<c-col :span="24">
<el-form-item label="Covered" prop="ledgrp.blk.addamtcov">
<c-input
type="textarea"
:rows="4"
v-model="model.ledgrp.blk.addamtcov"
maxlength="35"
show-word-limit
placeholder="请输入Covered"
></c-input>
</el-form-item>
<c-col :span="24">
<el-form-item label="Covered" prop="ledgrp.blk.addamtcov">
<c-input
type="textarea"
v-model="model.ledgrp.blk.addamtcov"
maxlength="140"
show-word-limit
placeholder="请输入Covered"
rows="4"
></c-input>
</el-form-item>
</c-col>
</c-col>
</div>
</template>
......
src/views/Business/Letopn/Detp.vue
<template>
<div class="eibs-tab">
<c-row>
<!-- =========================================左边============================================= -->
<c-col :span="11">
<!-- Available with -->
<c-col :span="24">
......@@ -27,6 +28,7 @@
:onlySearch="true"
@onSeainf="onSeainf"
@onAplpDet="onAvbpDet"
:disabledExtkey="!avbFlag"
>
</c-ptap>
</c-col>
......@@ -37,9 +39,10 @@
type="textarea"
:rows="3"
v-model="model.ledgrp.blk.avbwthtxt"
maxlength="35"
maxlength="140"
show-word-limit
placeholder="请输入名称地址"
:disabled="model.ledgrp.rec.avbwth!='O'"
></c-input>
</el-form-item>
</c-col>
......@@ -61,34 +64,53 @@
v-model="model.ledgrp.rec.avbby"
style="width: 100%"
placeholder="请选择兑付方式"
:code="codes.avbby0"
@change="avbbykeyEvent"
>
</c-select>
</el-form-item>
</c-col>
<!-- 远期付款指示 Deferred Payment Details-->
<c-col :span="24">
<el-form-item label="期限描述" prop="ledgrp.blk.defdet">
<el-form-item label="远期付款指示" prop="ledgrp.blk.defdet">
<c-input
type="textarea"
:rows="3"
v-model="model.ledgrp.blk.defdet"
maxlength="35"
maxlength="140"
show-word-limit
placeholder="请输入期限描述"
placeholder="请输入远期付款指示"
:disabled="defdetFlag"
></c-input>
</el-form-item>
</c-col>
<!-- drafts at 汇票期限 -->
<c-col :span="24">
<el-form-item label="汇票期限" prop="ledgrp.blk.dftat">
<c-input
type="textarea"
:rows="3"
v-model="model.ledgrp.blk.dftat"
maxlength="35"
show-word-limit
placeholder="请输入汇票期限"
></c-input>
<c-fullbox>
<c-input
type="textarea"
:rows="3"
v-model="model.ledgrp.blk.dftat"
maxlength="105"
show-word-limit
placeholder="请输入汇票期限"
:disabled="blkDftatFlag"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onLcrdftatButtxmsel"
:disabled="blkDftatFlag"
>
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
......@@ -96,199 +118,334 @@
<c-ptap
:model="model"
:argadr="{
title: '汇票申请人',
title: '付款人',
grp: 'ledgrp',
rol: 'drw',
}"
:noRef="true"
:onlySearch="false"
@onSeainf="onSeainf"
@onAplpDet="onDrwpDet"
:disabled="blkDftatFlag"
>
</c-ptap>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<!-- Dispatch from 货物转运地(港) -->
<c-col :span="24">
<el-form-item label="最大金额详情" prop="ledgrp.blk.mixdet">
<el-form-item label="货物转运地(港)" prop="ledgrp.rec.shpfro">
<c-input
type="textarea"
:rows="4"
v-model="model.ledgrp.blk.mixdet"
maxlength="35"
show-word-limit
placeholder="请输入最大金额详情"
v-model="model.ledgrp.rec.shpfro"
maxlength="65"
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<!-- Days of presentation period -->
<!-- Air-/Port of Departure -->
<c-col :span="24">
<el-form-item label="交单期天数" prop="ledgrp.rec.prepers18">
<el-form-item label="始发航空站/港口" prop="ledgrp.rec.porloa">
<c-input
v-model="model.ledgrp.rec.prepers18"
placeholder="请输入交单期天数"
type="textarea"
v-model="model.ledgrp.rec.porloa"
maxlength="65"
show-word-limit
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<!-- Air-/Port of Destination -->
<c-col :span="24">
<el-form-item label="交单期" prop="ledgrp.blk.preper">
<el-form-item label="目的航空站/港口" prop="ledgrp.rec.pordis">
<c-input
type="textarea"
v-model="model.ledgrp.blk.preper"
maxlength="35"
v-model="model.ledgrp.rec.pordis"
maxlength="65"
show-word-limit
placeholder="请输入交单期"
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<!-- Additional Details to Code for Charges CHATO -->
<!-- Final Destination -->
<c-col :span="24">
<el-form-item label="附加收费详情" prop="ledgrp.blk.feetxt">
<el-form-item label="最终目的地" prop="ledgrp.rec.shpto">
<c-input
type="textarea"
v-model="model.ledgrp.rec.shpto"
maxlength="65"
show-word-limit
placeholder="最终目的地"
></c-input>
</el-form-item>
</c-col>
<!-- Shipment Period -->
<c-col :span="24">
<el-form-item label="装运期" prop="ledgrp.blk.shpper">
<c-input
type="textarea"
v-model="model.ledgrp.blk.shpper"
maxlength="65"
show-word-limit
placeholder="请输入装运期"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- =========================================右边============================================= -->
<c-col :span="11" :offset="1">
<!-- Mixed Payment Details -->
<c-col :span="24">
<el-form-item label="混合付款指示" prop="ledgrp.blk.mixdet">
<c-input
type="textarea"
:rows="6"
v-model="model.ledgrp.blk.feetxt"
maxlength="35"
:rows="4"
v-model="model.ledgrp.blk.mixdet"
maxlength="140"
show-word-limit
placeholder="请输入附加收费详情"
placeholder="混合付款指示"
:disabled="model.ledgrp.rec.avbby != 'M'"
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="12">
<el-form-item label="Presentation Period" prop="ledgrp.blk.preper">
<c-input
type="textarea"
v-model="model.ledgrp.blk.preper"
maxlength="35"
show-word-limit
placeholder="请输入Presentation Period"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item
label="Days of presentation period"
prop="ledgrp.rec.prepers18"
>
<c-input
v-model="model.ledgrp.rec.prepers18"
placeholder="请输入Days of presentation period"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onPreperButtxmsel"
>
...
</c-button>
</c-col>
<c-col :span="12">
<el-form-item
label="Presentation period text"
prop="ledgrp.rec.prepertxts18"
>
<c-input
v-model="model.ledgrp.rec.prepertxts18"
maxlength="35"
placeholder="请输入Presentation period text"
></c-input>
</el-form-item>
</c-col>-->
<!-- 交单期限 Days of presentation period-->
<c-col :span="24">
<el-form-item label="交单期限" prop="ledgrp.rec.prepers18">
<c-fullbox>
<c-input
v-model="model.ledgrp.rec.prepers18"
placeholder="请输入Days of presentation period"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onPreperButtxmsel"
>
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- Days of presentation period -->
<c-col :span="24">
<el-form-item label="" prop="ledgrp.rec.prepertxts18">
<c-input
v-model.number="model.ledgrp.rec.prepertxts18"
placeholder="请输入交单期天数"
></c-input>
</el-form-item>
</c-col>
<!-- Additional Details to Charges -->
<c-col :span="24">
<el-form-item label="附加收费详情" prop="ledgrp.blk.feetxt">
<c-fullbox>
<c-input
type="textarea"
:rows="6"
v-model="model.ledgrp.blk.feetxt"
maxlength="210"
show-word-limit
placeholder="请输入附加收费详情"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onChariaButtxmsel"
>
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- Own Charges Borne by -->
<c-col :span="18">
<el-form-item label="自行承担费用" prop="ledgrp.rec.chato">
<c-col :span="24">
<el-form-item label="费用状况" prop="ledgrp.rec.chato">
<c-select
v-model="model.ledgrp.rec.chato"
style="width: 100%"
placeholder="请选择"
:code="codes.chadet"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="18">
<el-form-item label="国家统计代码" prop="ledgrp.rec.stacty">
<!-- country or region code -->
<c-col :span="24">
<el-form-item label="国家或地区代码" prop="ledgrp.rec.stacty">
<c-select
v-model="model.ledgrp.rec.stacty"
style="width: 100%"
placeholder="请选择国家统计代码"
placeholder="请选择国家或地区代码"
:code="codes.ctytxt"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="18">
<el-form-item label="兑付最高期限" prop="ledgrp.rec.tenmaxday">
<!-- 付款期限 Maxinum Tenor-->
<c-col :span="24">
<el-form-item label="付款期限（天）" prop="ledgrp.rec.tenmaxday">
<c-input
v-model="model.ledgrp.rec.tenmaxday"
placeholder="请输入兑付最高期限"
v-model.number="model.ledgrp.rec.tenmaxday"
placeholder="请输入"
:disabled="model.ledgrp.rec.avbby == 'P'"
maxlength="4"
@keyup.enter.native="
defaultFunction(
'ledgrp.rec.tenmaxday',
model.ledgrp.rec.tenmaxday
)
"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
<c-row>
<!-- Dispatch from -->
<c-col :span="11">
<el-form-item label="转运" prop="ledgrp.rec.shpfro">
<c-input
type="textarea"
:rows="3"
show-word-limit
v-model="model.ledgrp.rec.shpfro"
maxlength="65"
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="货物装运地(港）" prop="ledgrp.rec.porloa">
<c-input
type="textarea"
:rows="3"
v-model="model.ledgrp.rec.porloa"
maxlength="65"
show-word-limit
placeholder="请输入货物装运地(港）"
></c-input>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="航空/目的港" prop="ledgrp.rec.pordis">
<c-input
type="textarea"
:rows="3"
v-model="model.ledgrp.rec.pordis"
maxlength="65"
show-word-limit
placeholder="航空/目的港"
></c-input>
</el-form-item>
</c-col>
<!-- Final Destination -->
<c-col :span="11" :offset="1">
<el-form-item label="货物目的地、交货地（港）" prop="ledgrp.rec.shpto">
<c-input
type="textarea"
:rows="3"
v-model="model.ledgrp.rec.shpto"
maxlength="65"
show-word-limit
placeholder="货物目的地、交货地（港）"
></c-input>
</el-form-item>
</c-col>
<!-- Shipment Period -->
<c-col :span="11">
<el-form-item label="发货期" prop="ledgrp.blk.shpper">
<c-input
type="textarea"
:rows="3"
v-model="model.ledgrp.blk.shpper"
maxlength="65"
show-word-limit
placeholder="请输入发货期"
></c-input>
</el-form-item>
</c-col>
</c-row>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Ptap from "~/views/Public/Ptap";
import Event from "~/model/Letopn/Event";
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Ptap from '~/views/Public/Ptap'
import Event from '~/model/Letopn/Event'
export default {
inject: ["root"],
components: { "c-ptap": Ptap },
props: ["model", "codes"],
inject: ['root'],
components: { 'c-ptap': Ptap },
props: ['model', 'codes'],
mixins: [commonProcess],
data() {
return {};
return {}
},
methods: {
...Event,
avbbykeyEvent() {
if (this.model.ledgrp.rec.avbby == 'P') {
this.model.ledgrp.rec.tenmaxday = 0
this.model.ledgrp.blk.defdet = ''
}
if (this.model.ledgrp.rec.avbby == 'D'||this.model.ledgrp.rec.avbby =='M') {
this.model.ledgrp.blk.defdet = '' //汇票期限置空
this.model.ledgrp.drw.pts.extkey = ''//付款人置空
this.model.ledgrp.drw.pts.adrblk = '' //名称地址置空.pts.adrblk
}
this.executeCheck('ledgrp.rec.avbby').then((res) => {
if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data)
}
})
},
},
methods: { ...Event },
created: function () {},
computed: {
avbFlag: {
get() {
return (
this.model.ledgrp.rec.avbwth == 'A' ||
this.model.ledgrp.rec.avbwth == 'S'
)
},
},
defdetFlag: {
get() {
return (
// this.model.ledgrp.rec.avbby == 'A' ||
// this.model.ledgrp.rec.avbby == 'P' ||
// this.model.ledgrp.rec.avbby == 'M' ||
// this.model.ledgrp.rec.avbby == ''
this.model.ledgrp.rec.avbby != 'D' &&
this.model.ledgrp.rec.avbby != 'N'
)
},
},
blkDftatFlag: {
get() {
return (
this.model.ledgrp.rec.avbby == 'D' ||
this.model.ledgrp.rec.avbby == 'M' ||
this.model.ledgrp.rec.avbby == ''
)
},
},
},
watch: {
"model.ledgrp.avb.pts.adrblk": {
'model.ledgrp.avb.pts.adrblk': {
handler(val, oldVal) {
this.model.ledgrp.blk.avbwthtxt = val;
this.model.ledgrp.blk.avbwthtxt = val
},
immediate: true,
},
},
};
}
</script>
<style>
</style>
<style></style>
src/views/Business/Letopn/Ovwp.vue
<template>
<c-row>
<c-col :span="24">
<c-col :span="8">
<el-form-item label="业务编号" prop="ledgrp.rec.ownref">
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="16"
placeholder="请输入Reference"
style="width: 95%"
:disabled="true"
></c-input>
</el-form-item>
</c-col>
<c-col :span="3">
<c-button
size="small"
type="primary"
@click="onSeainf"
icon="el-icon-search"
></c-button>
<c-button
size="small"
type="primary"
:disabled="
model.ledgrp.ben.pts.adrblk && !model.ledgrp.rec.ownref
? false
: true
"
@click="onLetpButgetref"
>
获取
</c-button>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="概要" prop="ledgrp.rec.nam">
<c-input
v-model="model.ledgrp.rec.nam"
maxlength="40"
placeholder="请输入概要"
></c-input>
</el-form-item>
<div class="eibs-tab">
<c-row>
<!-- =================顶部====================== -->
<c-col :span="24">
<c-col :span="11">
<el-form-item
label="信用证号码"
prop="ledgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="16"
placeholder="请输入Reference"
style="width: 95%"
:disabled="true"
>
</c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 0; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<span
style="
font-size: 15px;
font-family: '宋体';
font-weight: bold;
"
>i</span
>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="
model.ledgrp.ben.pts.adrblk && !model.ledgrp.rec.ownref
? false
: true
"
@click="onLetpButgetref"
>
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="ledgrp.rec.nam">
<c-input
text-align="middle"
v-model="model.ledgrp.rec.nam"
maxlength="40"
placeholder="请输入"
disabled
>
</c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<!-- ====================左边======================= -->
<c-col :span="11">
<!-- Form of L/C -->
<c-col :span="24">
<el-form-item label="转让标志" prop="ledgrp.rec.lcrtyp">
<el-form-item label="是否可以转让" prop="ledgrp.rec.lcrtyp">
<c-select
v-model="model.ledgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择转让标志"
placeholder="请选择"
:code="codes.lcrtyp"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="20">
<el-form-item label="经办柜员" prop="letp.usr.extkey">
<c-input
v-model="model.letp.usr.extkey"
maxlength="8"
placeholder="请输入经办柜员"
style="width: 95%"
<!-- responsible user -->
<c-col :span="24">
<c-col :span="20">
<el-form-item label="所属客户经理" prop="letp.usr.extkey">
<c-fullbox>
<c-input
v-model="model.letp.usr.extkey"
maxlength="8"
placeholder="请输入所属客户经理"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin-left: 10px; padding: 0 10px"
size="small"
icon="el-icon-search"
type="primary"
@click="onExtkey"
></c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="4">
<c-checkbox
:disabled="true"
></c-input>
</el-form-item>
</c-col>
<c-col :span="4" class="centerLable">
<c-checkbox :disabled="true" v-model="model.ledgrp.rec.collflg"
>抵押信用证</c-checkbox
>
</c-col>
<c-col :span="12">
<el-form-item label="信用证金额" prop="ledgrp.cbs.nom1.cur">
<c-select
v-model="model.ledgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.cur"
v-model="model.ledgrp.rec.collflg"
style="margin-left: 10px"
>抵押信用证</c-checkbox
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="10px" prop="ledgrp.cbs.nom1.amt">
<c-input-currency
v-model="model.ledgrp.cbs.nom1.amt"
style="width: 90%"
placeholder="请输入信用证金额"
></c-input-currency>
</el-form-item>
</c-col>
<!-- nominal amount -->
<c-col :span="24">
<c-col :span="13">
<el-form-item label="信用证金额" prop="ledgrp.cbs.nom1.cur">
<c-select
v-model="model.ledgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="请选择币种"
@keyup.enter.native="nom1CurEvent"
:code="codes.curtxt1"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.nom1.amt">
<c-input-currency
v-model="model.ledgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
placeholder="请输入信用证金额"
@keyup.enter.native="
defaultFunction(
'ledgrp.cbs.nom1.amt',
model.ledgrp.cbs.nom1.amt
)
"
></c-input-currency>
<!-- <c-input-currency v-model="model.ledgrp.cbs.nom1.amt" style="text-align: left; width: 100%"
placeholder="请输入信用证金额"></c-input-currency> -->
</el-form-item>
</c-col>
<!-- <c-amtpanl
<!-- <c-amtpanl
:model="model"
:span="20"
:message="{
......@@ -105,68 +154,92 @@
amt: 'ledgrp.cbs.nom1.amt',
}"
></c-amtpanl> -->
<c-col :span="4" class="centerLable">
<c-checkbox v-model="model.letp.aamp.aammod.addamtflg"
>附加金额</c-checkbox
>
<c-col :span="4">
<c-checkbox
v-model="model.letp.aamp.aammod.addamtflg"
style="margin-left: 10px"
>附加金额</c-checkbox
>
</c-col>
</c-col>
<c-col :span="12">
<el-form-item label="金额浮动 +/-" prop="ledgrp.rec.nomtop">
<c-input
v-model="model.ledgrp.rec.nomtop"
placeholder="请输入Amount Tolerance +/-"
></c-input>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="10px" prop="ledgrp.rec.nomton">
<c-input
v-model="model.ledgrp.rec.nomton"
style="width: 90%"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col>
<!-- Incoming Transfer -->
<c-col :span="4" class="centerLable">
<c-checkbox v-model="model.ledgrp.rec.inctrf">传入传输</c-checkbox>
<c-col :span="24">
<c-col :span="13">
<c-form-item label="金额浮动 +/-" prop="ledgrp.rec.nomtop">
<c-input
v-model.number="model.ledgrp.rec.nomtop"
maxlength="2"
style="width: 100%"
placeholder="请输入Amount Tolerance - Positive"
class="m-input-currency"
></c-input>
</c-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.rec.nomton">
<c-input
v-model.number="model.ledgrp.rec.nomton"
maxlength="2"
style="width: 100%"
placeholder="请输入Amount Tolerance - Negative"
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="4">
<c-checkbox v-model="model.ledgrp.preadvflg">PreAdvice or Notification</c-checkbox>
</c-col> -->
<c-col :span="4">
<!-- <c-checkbox v-model="model.ledgrp.preadvflg" style="margin-left:10px;">预先通知</c-checkbox>
</c-col> -->
</c-col>
</c-col>
<c-col :span="20">
<el-form-item label="适用金额规范" prop="ledgrp.rec.nomspc">
<c-select
v-model="model.ledgrp.rec.nomspc"
style="width: 95%"
placeholder="请选择适用金额规范"
:code="codes.nomspc"
:disabled="true"
<c-col :span="24">
<c-col :span="20">
<el-form-item label="适用金额规范" prop="ledgrp.rec.nomspc">
<c-select
v-model="model.ledgrp.rec.nomspc"
style="width: 100%"
placeholder="请选择适用金额规范"
:code="codes.nomspc"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!-- Incoming Transfer -->
<c-col :span="4">
<c-checkbox
v-model="model.ledgrp.rec.inctrf"
style="margin-left: 10px"
>传入传输</c-checkbox
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<c-col :span="4" class="centerLable"> </c-col>
<c-col :span="12">
<el-form-item label="最大金额" prop="ledgrp.cbs.max.cur">
<!-- Maximum Amount -->
<c-col :span="13">
<el-form-item label="信用证最大金额" prop="ledgrp.cbs.max.cur">
<c-select
v-model="model.ledgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.cur"
:code="codes.curtxt1"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="20px" prop="ledgrp.cbs.max.amt">
<c-input-currency
<c-col :span="11">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.max.amt">
<c-input
disabled
v-model="model.ledgrp.cbs.max.amt"
placeholder="请输入最大金额"
disabled
></c-input-currency>
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
......@@ -191,6 +264,7 @@
v-model="model.ledgrp.rec.preadvdt"
style="width: 100%"
placeholder="请选择日期"
disabled
></c-date-picker>
</el-form-item>
</c-col>
......@@ -217,6 +291,7 @@
v-model="model.ledgrp.rec.advdat"
style="width: 100%"
placeholder="请选择通知日期"
disabled
></c-date-picker>
</el-form-item>
</c-col>
......@@ -284,7 +359,7 @@
v-model="model.ledgrp.rec.shppar"
style="width: 100%"
placeholder="请选择分批装运"
:code="codes.shppar"
:code="codes.shppars18"
>
</c-select>
</el-form-item>
......@@ -303,49 +378,55 @@
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-ptap
:model="model"
:argadr="{
title: '受益人',
grp: 'ledgrp',
rol: 'ben',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '受益人',
grp: 'ledgrp',
rol: 'ben',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
</c-col>
<c-ptap
:model="model"
:argadr="{
title: '开证行',
grp: 'ledgrp',
rol: 'iss',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onIsspDet"
>
</c-ptap>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '开证行',
grp: 'ledgrp',
rol: 'iss',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onIsspDet"
>
</c-ptap>
</c-col>
<c-ptap
:model="model"
:argadr="{
title: '申请人',
grp: 'ledgrp',
rol: 'apl',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onAplpDet"
>
</c-ptap>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '申请人',
grp: 'ledgrp',
rol: 'apl',
}"
@onSeainf="onSeainf"
@onAplpDet="onAplpDet"
>
</c-ptap>
</c-col>
<c-col :span="12" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.revflg"
>Revolving Flag</c-checkbox
>Revolving L/C</c-checkbox
>
</c-col>
......@@ -355,47 +436,54 @@
</c-col>
<!-- Non-Bank Issuer -->
<c-col :span="12" class="centerLable marginLable">
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.nonban"
>非银行发行人</c-checkbox
>
</c-col>
<!-- Test Key Unconfirmity -->
<c-col :span="12" class="centerLable marginLable">
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.teskeyunc">测试密钥</c-checkbox>
</c-col>
</c-col>
</c-col>
</c-row>
</c-row>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Letopn/Event";
import Ptap from "~/views/Public/Ptap";
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Letopn/Event'
import Utils from '~/utils'
import Ptap from '~/views/Public/Ptap'
// import Amtpanl from "~/views/Public/Amtpanl";
export default {
components: { "c-ptap": Ptap },
inject: ["root"],
props: ["model", "codes"],
components: { 'c-ptap': Ptap },
inject: ['root'],
props: ['model', 'codes'],
mixins: [commonProcess],
data() {
return {};
return {}
},
methods: {
...Event,
nom1CurEvent() {
this.executeDefault('ledgrp.cbs.nom1.cur').then((res) => {
if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data)
}
})
},
apprulChange(v) {
if (v !== "OTHR") {
this.model.ledgrp.rec.apprultxt = "";
if (v !== 'OTHR') {
this.model.ledgrp.rec.apprultxt = ''
}
},
},
created: function () {},
};
}
</script>
<style>
.centerLable {
......
src/views/Business/Letopn/Ptyp.vue
<template>
<div class="eibs-tab">
<c-row>
<!-- =================================左边================================= -->
<c-col :span="11">
<!-- 1st Advising Bank -->
<c-col :span="24">
<c-ptap
:model="model"
......@@ -15,11 +18,12 @@
</c-ptap>
</c-col>
<!-- 2nd Advising Bank -->
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '申请人银行',
title: '第二通知行',
grp: 'ledgrp',
rol: 'a2b',
}"
......@@ -29,24 +33,29 @@
</c-ptap>
</c-col>
<!-- Confirm. Instruct. -->
<c-col :span="24">
<el-form-item label="第二通知行确认指令" prop="ledgrp.rec.cnfins">
<c-select
v-model="model.ledgrp.rec.cnfins"
style="width: 100%"
placeholder="第二通知行确认指令"
:code="codes.cnfflg1"
disabled
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<!-- Applicant's Bank -->
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '申请人银行',
title: '申请银行',
grp: 'ledgrp',
rol: 'apb',
}"
......@@ -56,6 +65,14 @@
</c-ptap>
</c-col>
<!-- Send Directly to Applicant's Bank -->
<c-col :span="24">
<c-checkbox v-model="model.ledgrp.rec.aplbnkdirsnd" style="margin-left:150px;"
>直接发送至申请银行</c-checkbox
>
</c-col>
<!-- Reimbursement Bank -->
<c-col :span="24">
<c-ptap
:model="model"
......@@ -70,32 +87,36 @@
</c-ptap>
</c-col>
<!-- Confirmation Bank -->
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '第二通知行',
title: '保兑行',
grp: 'ledgrp',
rol: 'con',
}"
:onlySearch="true"
@onSeainf="onSeainf"
@onAplpDet="onRmbpDet"
@onAplpDet="onConpDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<el-form-item label="第二通知行名称" prop="ledgrp.con.pts.nam">
<el-form-item label="" prop="ledgrp.con.pts.nam">
<c-input
v-model="model.ledgrp.con.pts.nam"
maxlength="40"
placeholder="请输入第二通知行名称"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- =============================底部表格========================= -->
<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">
<el-button
size="mini"
......@@ -107,6 +128,7 @@
</el-table-column>
</c-edit-table>
</c-row>
</div>
</template>
<script>
import Api from "~/service/Api";
......
src/views/Business/Letopn/Revp.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<c-row>
<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">
<c-select v-model="model.ledgrp.rec.revtyp" style="width:100%" placeholder="请选择Revolving Type">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.ledgrp.rec.revcum">Credit is Marked as Cumulative</c-checkbox>
</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>
<c-select
v-model="model.ledgrp.rec.revtyp"
style="width: 100%"
placeholder="请选择Revolving Type"
:code="codes.revtyp"
>
</c-select>
</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>
</c-col>
<c-col :span="12">
<el-form-item label="Revolving Clause" prop="ledgrp.blk.revcls">
<c-input type="textarea" v-model="model.ledgrp.blk.revcls" maxlength="65" show-word-limit placeholder="请输入Revolving Clause" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onRevclauseButtxmsel">
...
</c-button>
</c-col>
<c-col :span="12">
<el-form-item label="Notes to Beneficiary" prop="ledgrp.blk.revnotes">
<c-input type="textarea" v-model="model.ledgrp.blk.revnotes" maxlength="35" show-word-limit placeholder="请输入Notes to Beneficiary" ></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="8">
<c-checkbox v-model="model.ledgrp.rec.revcum"
style="margin-left:10px"
>Credit is Marked as Cumulative</c-checkbox
>
</c-col>
</c-row>
<c-row>
<c-col :span="8">
<el-form-item label="Revolve Times" prop="ledgrp.rec.revtimes">
<c-input
v-model.number="model.ledgrp.rec.revtimes"
placeholder="请输入Revolve Times"
></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"
></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="65"
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="35"
show-word-limit
placeholder="请输入Notes to Beneficiary"
></c-input>
</el-form-item>
</c-col>
</c-row>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Letopn/Event"
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Letopn/Event'
export default {
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
data(){
return {
}
},
methods:{...Event},
created:function(){
}
inject: ['root'],
props: ['model', 'codes'],
mixins: [commonProcess],
data() {
return {}
},
methods: { ...Event },
created: function () {},
}
</script>
<style>
</style>
<style></style>
src/views/Business/Letopn/index.vue
......@@ -24,7 +24,12 @@
size="small"
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<c-tabs
v-model="tabVal"
ref="elment"
type="card"
@tab-click="myTabClick"
>
<!--PD000017 -->
<el-tab-pane label="基本信息" name="ovwp">
<c-content>
......@@ -49,7 +54,7 @@
</el-tab-pane>
<!--PD000042 -->
<el-tab-pane label="其他当事人" name="ptyp">
<el-tab-pane label="银行信息" name="ptyp">
<c-content>
<m-ptyp :model="model" :codes="codes" />
</c-content>
......@@ -57,7 +62,8 @@
<!--PD000055 -->
<el-tab-pane label="货物描述" name="dogp">
<m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'led'" />
<m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'led'"
/>
</el-tab-pane>
<!--PD000057 -->
......@@ -70,12 +76,12 @@
<m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'led'" />
</el-tab-pane>
<!--PD000317 -->
<el-tab-pane label="PD000317" name="revp">
<!--PD000317 -->
<el-tab-pane label="循环信用详情" name="revp">
<m-revp :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000027 -->
<!--PD000027 -->
<el-tab-pane label="表外" name="engp">
<m-engp :model="model" :codes="codes" />
</el-tab-pane>
......@@ -102,6 +108,11 @@
<m-doctre :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000001 -->
<el-tab-pane label="分录信息" name="glepan">
<m-glepan :model="model" :codes="codes" />
</el-tab-pane>
<!--PD000394 -->
<el-tab-pane
v-if="model.ledgrp.rec.spcbenflg"
......@@ -116,8 +127,8 @@
/>
</el-tab-pane>
<!--PD000394 -->
<!-- <el-tab-pane label="PD000394" name="spcbenp">
<!--PD000394 -->
<!-- <el-tab-pane label="PD000394" name="spcbenp">
<m-spcbenp :model="model" :codes="codes" />
</el-tab-pane> -->
......@@ -134,15 +145,10 @@
:rec="'led'"
/>
</el-tab-pane>
<!--PD000422 -->
<!-- <el-tab-pane label="PD000422" name="spcrcvp">
<!--PD000422 -->
<!-- <el-tab-pane label="PD000422" name="spcrcvp">
<m-spcrcvp :model="model" :codes="codes" />
</el-tab-pane> -->
<!--PD000001 -->
<el-tab-pane label="分录信息" name="glepan">
<m-glepan :model="model" :codes="codes" />
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
......@@ -162,19 +168,19 @@
</c-page>
</template>
<script>
import Api from "~/service/Api";
import Utils from "~/utils/index";
import Api from '~/service/Api'
import Utils from '~/utils/index'
import CodeTable from "~/config/CodeTable";
import Letopn from "~/model/Letopn";
import commonProcess from "~/mixin/commonProcess";
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Letopn/Check";
import Default from "~/model/Letopn/Default";
import Pattern from "~/model/Letopn/Pattern";
import Ovwp from "./Ovwp";
import Detp from "./Detp";
import Ptyp from "./Ptyp";
import CodeTable from '~/config/CodeTable'
import Letopn from '~/model/Letopn'
import commonProcess from '~/mixin/commonProcess'
import commonFuncs from '~/mixin/commonFuncs'
import Check from '~/model/Letopn/Check'
import Default from '~/model/Letopn/Default'
import Pattern from '~/model/Letopn/Pattern'
import Ovwp from './Ovwp'
import Detp from './Detp'
import Ptyp from './Ptyp'
// import Dogp from './Dogp';
// import Dorp from './Dorp';
// import Adcp from './Adcp';
......@@ -184,56 +190,56 @@ import Ptyp from "./Ptyp";
// import Glepan from "./Glepan";
// import Engp from "./Engp";
// import Doctre from "./Doctre";
import Revp from "./Revp";
import Aamp from "./Aamp";
import Revp from './Revp'
import Aamp from './Aamp'
// import Spcbenp from './Spcbenp'
// import Spcrcvp from './Spcrcvp'
// import Glepan from './Glepan'
import Coninfp from "~/views/Public/Coninfp";
import Setpan from "~/views/Public/Setpan";
import Docpan from "~/views/Public/Docpan";
import Doctre from "~/views/Public/Doctre";
import Engp from "~/views/Public/Engp";
import Glepan from "~/views/Public/Glepan";
import Doxp from "~/views/Public/Doxp";
import Coninfp from '~/views/Public/Coninfp'
import Setpan from '~/views/Public/Setpan'
import Docpan from '~/views/Public/Docpan'
import Doctre from '~/views/Public/Doctre'
import Engp from '~/views/Public/Engp'
import Glepan from '~/views/Public/Glepan'
import Doxp from '~/views/Public/Doxp'
export default {
name: "Letopn",
name: 'Letopn',
components: {
"m-ovwp": Ovwp,
"m-detp": Detp,
"m-ptyp": Ptyp,
"m-setpan": Setpan,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-doctre": Doctre,
"m-engp": Engp,
"m-revp": Revp,
"m-aamp": Aamp,
"m-glepan": Glepan,
"m-doxp": Doxp,
'm-ovwp': Ovwp,
'm-detp': Detp,
'm-ptyp': Ptyp,
'm-setpan': Setpan,
'm-coninfp': Coninfp,
'm-docpan': Docpan,
'm-doctre': Doctre,
'm-engp': Engp,
'm-revp': Revp,
'm-aamp': Aamp,
'm-glepan': Glepan,
'm-doxp': Doxp,
},
provide() {
return {
root: this,
};
}
},
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "ovwp",
trnName: "letopn",
tabVal: 'ovwp',
trnName: 'letopn',
model: new Letopn().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
};
}
},
methods: {
myTabClick(tab) {
myTabClick(tab) {
this.tabClick(tab)
/**
* do it yourself
......@@ -241,22 +247,21 @@ export default {
},
},
created: async function () {
console.log("进入letopn交易");
let rtnmsg = await this.init({});
console.log('进入letopn交易')
let rtnmsg = await this.init({})
if (rtnmsg.respCode == SUCCESS) {
//更新数据
this.updateModel(rtnmsg.data)
// Utils.copyValueFromVO(this.model, rtnmsg.data);
//TODO 处理数据逻辑
this.updateModel(rtnmsg.data)
// Utils.copyValueFromVO(this.model, rtnmsg.data);
//TODO 处理数据逻辑
if (this.isInDisplay) {
this.restoreDisplay();
this.restoreDisplay()
}
console.log("1111", this.model);
console.log('1111', this.model)
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
this.$notify.error({ title: '错误', message: '服务请求失败！' })
}
},
};
}
</script>
<style>
</style>
<style></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