Skip to content

V
vue-gjjs
Commit d7aac2ba by Wuyuqiu
Options

lttopn交易页面布局

parent d8d4b258
Showing with 973 additions and 598 deletions
src/model/Lttopn/Pattern.js
...@@ -166,7 +166,7 @@ export default { ...@@ -166,7 +166,7 @@ export default {
], ],
"ltdgrp.rec.apprultxt":[ "ltdgrp.rec.apprultxt":[
{type: "string", required: true, message: "必输项"}, {required: false, message: "必输项"},
{max: 35,message:"长度不能超过35"} {max: 35,message:"长度不能超过35"}
], ],
...@@ -551,21 +551,21 @@ export default { ...@@ -551,21 +551,21 @@ export default {
"ltdgrp.blk.mixdet":[ "ltdgrp.blk.mixdet":[
{type: "string", required: true, message: "必输项"}, {type: "string", required: false, message: "必输项"},
{max: 35,message:"长度不能超过35"} {max: 35,message:"长度不能超过35"}
], ],
"ltdgrp.blk.avbwthtxt":[ "ltdgrp.blk.avbwthtxt":[
{type: "string", required: true, message: "必输项"}, {type: "string", required: false, message: "必输项"},
{max: 35,message:"长度不能超过35"} {max: 35,message:"长度不能超过35"}
], ],
"ltdgrp.blk.preper":[ "ltdgrp.blk.preper":[
{type: "string", required: true, message: "必输项"}, {type: "string",type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"} {type: "string",max: 35,message:"长度不能超过35"}
], ],
"ltdgrp.rec.prepers18":[ "ltdgrp.rec.prepers18":[
{type: "string", required: false, message: "必输项"}, { required: false, message: "必输项"},
{max: 3,message:"长度不能超过3"} {max: 999,message:"长度不能超过3"}
], ],
"ltdgrp.rec.prepertxts18":[ "ltdgrp.rec.prepertxts18":[
...@@ -575,16 +575,16 @@ export default { ...@@ -575,16 +575,16 @@ export default {
"ltdgrp.blk.defdet":[ "ltdgrp.blk.defdet":[
{type: "string", required: true, message: "必输项"}, {type: "string", required: false, message: "必输项"},
{max: 35,message:"长度不能超过35"} {max: 35,message:"长度不能超过35"}
], ],
"ltdgrp.blk.feetxt":[ "ltdgrp.blk.feetxt":[
{type: "string", required: true, message: "必输项"}, {type: "string", required: false, message: "必输项"},
{max: 35,message:"长度不能超过35"} {max: 35,message:"长度不能超过35"}
], ],
"ltdgrp.blk.dftat":[ "ltdgrp.blk.dftat":[
{type: "string", required: true, message: "必输项"}, {type: "string", required: false, message: "必输项"},
{max: 35,message:"长度不能超过35"} {max: 35,message:"长度不能超过35"}
], ],
"lttp.drwp.ptsget.sdamod.dadsnd":[ "lttp.drwp.ptsget.sdamod.dadsnd":[
...@@ -639,7 +639,7 @@ export default { ...@@ -639,7 +639,7 @@ export default {
{max: 65,message:"长度不能超过65"} {max: 65,message:"长度不能超过65"}
], ],
"ltdgrp.blk.shpper":[ "ltdgrp.blk.shpper":[
{type: "string", required: true, message: "必输项"}, {type: "string", required: false, message: "必输项"},
{max: 65,message:"长度不能超过65"} {max: 65,message:"长度不能超过65"}
], ],
} }
\ No newline at end of file
src/views/Business/Lttopn/Detp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<!-- SF000278 : Available with --> <!-- left -->
<c-col :span="11">
<c-col :span="12"> <!-- Available with -->
<el-form-item :label="$t('lttp.SF000278')" prop="ltdgrp.rec.avbwth"> <c-col :span="24">
<c-select v-model="model.ltdgrp.rec.avbwth" style="width:100%" :placeholder="$t('other.please_enter')+$t('lttp.SF000278')"> <el-form-item label="Available with" prop="ltdgrp.rec.avbwth">
</c-select> <c-select
</el-form-item> v-model="model.ltdgrp.rec.avbwth"
</c-col> style="width: 100%"
<!-- SF000274 : Mixed Payment Details --> placeholder="Please select Available with"
:code="codes.avbwth"
<c-col :span="12"> @change="avbwthEvent"
<c-form-item label="Mixed Payment Details" prop="ltdgrp.blk.mixdet"> >
<c-input type="textarea" v-model="model.ltdgrp.blk.mixdet" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Mixed Payment Details'" ></c-input> </c-select>
</c-form-item> </el-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="Available in" prop="ltdgrp.blk.avbwthtxt">
<c-input type="textarea" v-model="model.ltdgrp.blk.avbwthtxt" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Available in'" ></c-input>
</c-form-item>
</c-col>
<!-- SF000280 : Presentation Period -->
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
{{$t('lttp.CF000267')}}
</c-button>
</c-col>
<c-col :span="12">
<c-form-item label="Presentation Period" prop="ltdgrp.blk.preper">
<c-input type="textarea" v-model="model.ltdgrp.blk.preper" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Presentation Period'" ></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="Days of presentation period" prop="ltdgrp.rec.prepers18">
<c-input v-model="model.ltdgrp.rec.prepers18" :placeholder="$t('other.please_enter')+'Days of presentation period'"></c-input>
</c-form-item>
</c-col>
<!-- SF000277 : Available by -->
<c-col :span="12">
<el-form-item :label="$t('lttp.SF000277')" prop="ltdgrp.rec.avbby">
<c-select v-model="model.ltdgrp.rec.avbby" style="width:100%" :placeholder="$t('other.please_enter')+$t('lttp.SF000277')">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="Presentation period text" prop="ltdgrp.rec.prepertxts18">
<c-input v-model="model.ltdgrp.rec.prepertxts18" maxlength="35" :placeholder="$t('other.please_enter')+'Presentation period text'"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.ltdgrp.blk.preperflg">{{$t('lttp.CF000367')}}</c-checkbox>
</c-col>
<c-col :span="12">
<span v-text="model.lttp.labdefdet" data-path=".lttp.labdefdet" > </span>
</c-col>
<c-col :span="12">
<c-form-item label="Deferred Payment Details" prop="ltdgrp.blk.defdet">
<c-input type="textarea" v-model="model.ltdgrp.blk.defdet" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Deferred Payment Details'" ></c-input>
</c-form-item>
</c-col>
<!-- SF000270 : Payment Details -->
<!-- SF000273 : Details of Charges -->
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onChariaButtxmsel">
{{$t('lttp.CF000368')}}
</c-button>
</c-col>
<c-col :span="12">
<c-form-item label="Additional Details to Code for Charges CHATO" prop="ltdgrp.blk.feetxt">
<c-input type="textarea" v-model="model.ltdgrp.blk.feetxt" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Additional Details to Code for Charges CHATO'" ></c-input>
</c-form-item>
</c-col>
<!-- SF000279 : Drafts at -->
<c-col :span="12">
<c-form-item :label="$t('lttp.SF000279')" prop="ltdgrp.blk.dftat">
<c-input type="textarea" v-model="model.ltdgrp.blk.dftat" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+$t('lttp.SF000279')" ></c-input>
</c-form-item>
</c-col>
<!-- SF000272 : Drawee -->
<c-col :span="12">
<c-form-item label="Drag Drop Sender" prop="lttp.drwp.ptsget.sdamod.dadsnd">
<c-input v-model="model.lttp.drwp.ptsget.sdamod.dadsnd" :placeholder="$t('other.please_enter')+'Drag Drop Sender'"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="External Key of Address" prop="ltdgrp.drw.pts.extkey">
<c-input v-model="model.ltdgrp.drw.pts.extkey" maxlength="16" :placeholder="$t('other.please_enter')+'External Key of Address'"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="" prop="lttp.drwp.ptsget.sdamod.seainf">
<c-input v-model="model.lttp.drwp.ptsget.sdamod.seainf" :placeholder="$t('other.please_enter')+''"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" @click="onDrwpDet">
{{$t('ptsp.CF000081')}}
</c-button>
</c-col>
<!-- SF000324 : Charges Condition -->
<c-col :span="12">
<c-form-item label="名称" prop="ltdgrp.drw.namelc">
<c-input type="textarea" v-model="model.ltdgrp.drw.namelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'名称'" ></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="Address Block" prop="ltdgrp.drw.pts.adrblk">
<c-input type="textarea" v-model="model.ltdgrp.drw.pts.adrblk" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Address Block'" ></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="Chinese address" prop="ltdgrp.drw.dbfadrblkcn">
<c-input type="textarea" v-model="model.ltdgrp.drw.dbfadrblkcn" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Chinese address'" ></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Own Charges Borne by" prop="ltdgrp.rec.chato">
<c-select v-model="model.ltdgrp.rec.chato" style="width:100%" :placeholder="$t('other.please_enter')+'Own Charges Borne by'">
</c-select>
</el-form-item>
</c-col>
<!-- SF000281 : Country Code -->
<c-col :span="12">
<c-form-item label="地址" prop="ltdgrp.drw.adrelc">
<c-input type="textarea" v-model="model.ltdgrp.drw.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Country Code Risk Country" prop="ltdgrp.rec.stacty">
<c-select v-model="model.ltdgrp.rec.stacty" style="width:100%" :placeholder="$t('other.please_enter')+'Country Code Risk Country'">
</c-select>
</el-form-item>
</c-col>
<!-- SF000361 : Dispatch from -->
<c-col :span="12">
<c-form-item :label="$t('lttp.SF000361')" prop="ltdgrp.rec.shpfro">
<c-input v-model="model.ltdgrp.rec.shpfro" maxlength="65" :placeholder="$t('other.please_enter')+$t('lttp.SF000361')"></c-input>
</c-form-item>
</c-col>
<!-- S0000369 : tenor days -->
<c-col :span="12">
<c-form-item label="Maximum tenor in days" prop="ltdgrp.rec.tenmaxday">
<c-input v-model="model.ltdgrp.rec.tenmaxday" :placeholder="$t('other.please_enter')+'Maximum tenor in days'"></c-input>
</c-form-item>
</c-col>
<!-- SF000362 : Air-/Port of Departure -->
<c-col :span="12">
<c-form-item :label="$t('lttp.SF000362')" prop="ltdgrp.rec.porloa">
<c-input v-model="model.ltdgrp.rec.porloa" maxlength="65" :placeholder="$t('other.please_enter')+$t('lttp.SF000362')"></c-input>
</c-form-item>
</c-col>
<!-- SF000363 : Air-/Port of Destination -->
<c-col :span="12">
<c-form-item :label="$t('lttp.SF000363')" prop="ltdgrp.rec.pordis">
<c-input v-model="model.ltdgrp.rec.pordis" maxlength="65" :placeholder="$t('other.please_enter')+$t('lttp.SF000363')"></c-input>
</c-form-item>
</c-col>
<!-- SF000364 : Final Destination -->
<c-col :span="12">
<c-form-item :label="$t('lttp.SF000364')" prop="ltdgrp.rec.shpto">
<c-input v-model="model.ltdgrp.rec.shpto" maxlength="65" :placeholder="$t('other.please_enter')+$t('lttp.SF000364')"></c-input>
</c-form-item>
</c-col>
<!-- SF000275 : Shipment Period -->
<c-col :span="12">
<c-form-item :label="$t('lttp.SF000275')" prop="ltdgrp.blk.shpper">
<c-input type="textarea" v-model="model.ltdgrp.blk.shpper" maxlength="65" show-word-limit :placeholder="$t('other.please_enter')+$t('lttp.SF000275')" ></c-input>
</c-form-item>
</c-col> </c-col>
<c-col :span="24">
<c-ptap
v-if="model.ltdgrp.rec.avbwth!='O'"
:model="model"
:argadr="{
title: '',
grp: 'ltdgrp',
rol: 'avt',
}"
:noRef="true"
:onlySearch="true"
@onSeainf="onSeainf"
@onAplpDet="onAvbpDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<el-form-item label="名称地址" prop="ltdgrp.blk.avbwthtxt">
<c-input
type="textarea"
:rows="3"
v-model="model.ltdgrp.blk.avbwthtxt"
maxlength="140"
show-word-limit
placeholder="请输入名称地址"
:disabled="model.ltdgrp.rec.avbwth == 'C'||model.ltdgrp.rec.avbwth == 'I'"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Available by" prop="ltdgrp.rec.avbby">
<c-select
v-model="model.ltdgrp.rec.avbby"
style="width: 100%"
placeholder="Please select Available by"
:code="codes.avbby"
@change="avbbykeyEvent"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="Negotiation/Deferred Payment Details"
prop="ltdgrp.blk.defdet"
>
<c-input
type="textarea"
:rows="3"
v-model="model.ltdgrp.blk.defdet"
maxlength="35"
show-word-limit
placeholder="Please input Deferred Payment Details"
:disabled="defdetFlag"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="Drafts at"
prop="ltdgrp.blk.dftat"
>
<c-input
type="textarea"
:rows="3"
v-model="model.ltdgrp.blk.dftat"
maxlength="35"
show-word-limit
placeholder="Please input Drafts at"
:disabled="blkDftatFlag"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: 'Drawee',
grp: 'ltdgrp',
rol: 'drw',
}"
:noRef="true"
:onlySearch="false"
@onSeainf="onSeainf"
@onAplpDet="onDrwpDet"
:disabled="blkDftatFlag"
>
</c-ptap>
</c-col>
<!-- Dispatch from -->
<c-col :span="24">
<el-form-item label="Dispatch from" prop="ltdgrp.rec.shpfro">
<c-input
type="textarea"
show-word-limit
v-model="model.ltdgrp.rec.shpfro"
maxlength="65"
placeholder="Please input Dispatch from"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Air-/Port of Departure" prop="ltdgrp.rec.porloa">
<c-input
type="textarea"
v-model="model.ltdgrp.rec.porloa"
maxlength="65"
show-word-limit
placeholder="Please input Air-/Port of Departure"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="Air-/Port of Destination"
prop="ltdgrp.rec.pordis"
>
<c-input
type="textarea"
v-model="model.ltdgrp.rec.pordis"
maxlength="65"
show-word-limit
placeholder="Please input Air-/Port of Destination"
></c-input>
</el-form-item>
</c-col>
<!-- Final Destination -->
<c-col :span="24">
<el-form-item label="Final Destination" prop="ltdgrp.rec.shpto">
<c-input
type="textarea"
v-model="model.ltdgrp.rec.shpto"
maxlength="65"
show-word-limit
placeholder="Please input Final Destination"
></c-input>
</el-form-item>
</c-col>
<!-- Shipment Period -->
<c-col :span="24">
<el-form-item label="Shipment Period" prop="ltdgrp.blk.shpper">
<c-input
type="textarea"
v-model="model.ltdgrp.blk.shpper"
maxlength="65"
show-word-limit
placeholder="Please input Shipment Period"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- right -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="Mixed Payment Details" prop="ltdgrp.blk.mixdet">
<c-input
type="textarea"
:rows="4"
v-model="model.ltdgrp.blk.mixdet"
maxlength="140"
show-word-limit
placeholder="Please input Mixed Payment Details"
:disabled="model.ltdgrp.rec.avbby != 'M'"
></c-input>
</el-form-item>
</c-col>
<!-- Days of presentation period -->
<c-col :span="24">
<el-form-item label="Presentation Period" prop="ltdgrp.rec.prepers18">
<c-fullbox>
<c-input
v-model.number="model.ltdgrp.rec.prepers18"
placeholder="Please input Presentation Period"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
@click="onPreperButtxmsel"
disabled
>
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="ltdgrp.rec.prepertxts18">
<c-input
v-model="model.ltdgrp.rec.prepertxts18"
placeholder="Please input Presentation period text"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="Details of Charges"
prop="ltdgrp.blk.feetxt"
>
<c-fullbox>
<c-input
type="textarea"
:rows="6"
v-model="model.ltdgrp.blk.feetxt"
maxlength="210"
show-word-limit
placeholder="Please input Details of Charges"
></c-input>
<template slot="footer">
<c-button
size="small"
type="primary"
@click="onChariaButtxmsel"
>
...
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- Own Charges Borne by -->
<c-col :span="24">
<el-form-item label="Charges Condition" prop="ltdgrp.rec.chato">
<c-select
v-model="model.ltdgrp.rec.chato"
style="width: 100%"
placeholder="Please select Charges Condition"
:code="codes.chadet"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Country Code" prop="ltdgrp.rec.stacty">
<c-select
v-model="model.ltdgrp.rec.stacty"
style="width: 100%"
placeholder="请选择Country Code"
:code="codes.ctytxt"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="tenor days" prop="ltdgrp.rec.tenmaxday">
<c-input
v-model.number="model.ltdgrp.rec.tenmaxday"
placeholder="Please input tenor days"
:disabled="model.ltdgrp.rec.avbby == 'P'"
@keyup.enter.native="
defaultFunction(
'ltdgrp.rec.tenmaxday',
model.ltdgrp.rec.tenmaxday
)
"
></c-input>
</el-form-item>
</c-col>
</c-col>
</div> </div>
</template> </template>
<script> <script>
...@@ -203,8 +298,10 @@ import Api from "~/service/Api" ...@@ -203,8 +298,10 @@ 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/Lttopn/Event" import Event from "~/model/Lttopn/Event"
import Ptap from "~/views/Public/Ptap";
export default { export default {
components: { "c-ptap": Ptap },
inject: ['root'], inject: ['root'],
props:["model","codes"], props:["model","codes"],
mixins: [commonProcess], mixins: [commonProcess],
...@@ -213,10 +310,74 @@ export default { ...@@ -213,10 +310,74 @@ export default {
} }
}, },
methods:{...Event}, methods: {
created:function(){ ...Event,
avbwthEvent(){
} if (this.model.ltdgrp.rec.avbwth != 'A'||this.model.ltdgrp.rec.avbwth != 'O') {
this.model.ltdgrp.avb.pts.extkey = ''
this.model.ltdgrp.blk.avbwthtxt = ''
}
},
avbbykeyEvent() {
if (this.model.ltdgrp.rec.avbby == 'P') {
this.model.ltdgrp.rec.tenmaxday = 0;
this.model.ltdgrp.blk.defdet = '';
}
if (
this.model.ltdgrp.rec.avbby == 'D'||
this.model.ltdgrp.rec.avbby == 'M'
) {
this.model.ltdgrp.blk.defdet = ''; //汇票期限置空
this.model.ltdgrp.drw.pts.extkey = ''; //付款人置空
this.model.ltdgrp.drw.pts.adrblk = ''; //名称地址置空.pts.adrblk
}
this.executeCheck("ltdgrp.rec.avbby").then((res) => {
if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data);
}
});
},
},
computed: {
// avbFlag: {
// get() {
// return (
// this.model.ltdgrp.rec.avbwth == 'A' ||
// this.model.ltdgrp.rec.avbwth == 'S'
// )
// },
// },
defdetFlag: {
get() {
return (
// this.model.ltdgrp.rec.avbby == 'A' ||
// this.model.ltdgrp.rec.avbby == 'P' ||
// this.model.ltdgrp.rec.avbby == 'M' ||
// this.model.ltdgrp.rec.avbby == ''
this.model.ltdgrp.rec.avbby != 'D' &&
this.model.ltdgrp.rec.avbby != 'N'
)
},
},
blkDftatFlag: {
get() {
return (
this.model.ltdgrp.rec.avbby == 'A' ||
this.model.ltdgrp.rec.avbby == 'N' ||
this.model.ltdgrp.rec.avbby == 'P'
)
},
},
},
created: function () {},
watch: {
"model.ltdgrp.avb.pts.adrblk": {
handler(val, oldVal) {
this.model.ltdgrp.blk.avbwthtxt = val;
},
immediate: true,
},
},
} }
</script> </script>
<style> <style>
......
src/views/Business/Lttopn/Lttinf.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<!-- SF000014 : Export L/C transferred: --> <!-- 顶部 -->
<c-col :span="24">
<c-col :span="12"> <el-form-item
<c-form-item label="Drag Drop Sender" prop="lttp.letp0.recget.sdamod.dadsnd"> label="Export L/C transferred:"
<c-input v-model="model.lttp.letp0.recget.sdamod.dadsnd" :placeholder="$t('other.please_enter')+'Drag Drop Sender'"></c-input> prop="lttp.lttinf"
</c-form-item> style="width: 100%"
</c-col> >
<!-- SF000158 : Reference --> </el-form-item>
</c-col>
<c-col :span="12"> <!-- left -->
<c-form-item :label="$t('letp0.SF000158')" prop="ledgrp.rec.ownref"> <c-col :span="11">
<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" :placeholder="$t('other.please_enter')+$t('letp0.SF000158')"></c-input> <c-col :span="24">
</c-form-item> <el-form-item
</c-col> label="Reference"
<!-- SF000168 : Name --> prop="ledgrp.rec.ownref"
style="width: 100%"
<c-col :span="12"> >
<c-form-item :label="$t('letp0.SF000168')" prop="ledgrp.rec.nam"> <c-input
<c-input v-model="model.ledgrp.rec.nam" maxlength="40" :placeholder="$t('other.please_enter')+$t('letp0.SF000168')"></c-input> v-model="model.ledgrp.rec.ownref"
</c-form-item> maxlength="16"
</c-col> placeholder="Please input Reference"
<!-- SF000159 : L/C Amount --> style="width: 95%"
disabled
<c-col :span="12"> ></c-input>
<c-form-item :label="$t('letp0.SF000159')" prop="ledgrp.cbs.nom1.cur">
<c-input v-model="model.ledgrp.cbs.nom1.cur" maxlength="3" :placeholder="$t('other.please_enter')+$t('letp0.SF000159')"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="Balance" prop="ledgrp.cbs.nom1.amt">
<c-input v-model="model.ledgrp.cbs.nom1.amt" :placeholder="$t('other.please_enter')+'Balance'"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.lttp.letp0.aammod.addamtflg">{{$t('letp0.CF000184')}}</c-checkbox>
</c-col>
<!-- SF000162 : Applicant -->
<!-- SF000172 : Ref. -->
<c-col :span="12">
<c-form-item :label="$t('letp0.SF000162')" prop="ledgrp.apl.pts.ref">
<c-input v-model="model.ledgrp.apl.pts.ref" maxlength="16" :placeholder="$t('other.please_enter')+$t('letp0.SF000162')"></c-input>
</c-form-item>
</c-col>
<!-- SF000160 : Open Amount -->
<c-col :span="12">
<c-form-item :label="$t('letp0.SF000160')" prop="ledgrp.cbs.opn1.cur">
<c-input v-model="model.ledgrp.cbs.opn1.cur" maxlength="3" :placeholder="$t('other.please_enter')+$t('letp0.SF000160')"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="Balance" prop="ledgrp.cbs.opn1.amt">
<c-input v-model="model.ledgrp.cbs.opn1.amt" :placeholder="$t('other.please_enter')+'Balance'"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.ledgrp.rec.revflg">{{$t('letp0.CF000183')}}</c-checkbox>
</c-col>
<c-col :span="12">
<c-form-item label="Name of Party" prop="ledgrp.apl.pts.nam">
<c-input v-model="model.ledgrp.apl.pts.nam" maxlength="40" :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
</c-form-item>
</c-col>
<!-- SF000163 : Available with -->
<c-col :span="12">
<c-form-item :label="$t('letp0.SF000163')" prop="ledgrp.avbnam">
<c-input v-model="model.ledgrp.avbnam" maxlength="40" :placeholder="$t('other.please_enter')+$t('letp0.SF000163')"></c-input>
</c-form-item>
</c-col>
<!-- SF000170 : Iss. Bank -->
<!-- SF000171 : Original LC No. -->
<c-col :span="12">
<c-form-item :label="$t('letp0.SF000170')" prop="ledgrp.iss.pts.ref">
<c-input v-model="model.ledgrp.iss.pts.ref" maxlength="16" :placeholder="$t('other.please_enter')+$t('letp0.SF000170')"></c-input>
</c-form-item>
</c-col>
<!-- SF000164 : by -->
<c-col :span="12">
<el-form-item label="Available by [AVBBY0]" prop="ledgrp.rec.avbby">
<c-select v-model="model.ledgrp.rec.avbby" style="width:100%" :placeholder="$t('other.please_enter')+'Available by [AVBBY0]'">
</c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<c-checkbox v-model="model.ledgrp.rec.redclsflg">{{$t('letp0.CF000185')}}</c-checkbox> <el-form-item label="L/C Amount" prop="ledgrp.cbs.nom1.cur">
</c-col> <c-fullbox>
<c-input
<c-col :span="12"> v-model="model.ledgrp.cbs.nom1.cur"
<c-form-item label="Name of Party" prop="ledgrp.iss.pts.nam"> maxlength="3"
<c-input v-model="model.ledgrp.iss.pts.nam" maxlength="40" :placeholder="$t('other.please_enter')+'Name of Party'"></c-input> style="width: 50%"
</c-form-item> placeholder="Please input L/C Amount"
</c-col> disabled
<!-- SF000167 : Date Issued --> ></c-input>
<c-input
<c-col :span="12"> v-model="model.ledgrp.cbs.nom1.amt"
<el-form-item :label="$t('letp0.SF000167')" prop="ledgrp.rec.opndat"> style="width: 50%"
<c-date-picker type="date" v-model="model.ledgrp.rec.opndat" style="width:100%" :placeholder="$t('other.please_enter')+$t('letp0.SF000167')"></c-date-picker> placeholder="Please input Balance"
disabled
></c-input>
<template slot="footer">
<c-checkbox
v-model="model.lttp.aamp.aammod.addamtflg"
style="margin-left: 10px"
disabled
>Add. Amount</c-checkbox
>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Open Amount" prop="ledgrp.cbs.opn1.cur">
<c-fullbox>
<c-input
v-model="model.ledgrp.cbs.opn1.cur"
maxlength="3"
style="width: 50%"
placeholder="Please input Open Amount"
disabled
></c-input>
<c-input
v-model="model.ledgrp.cbs.opn1.amt"
style="width: 50%"
placeholder="Please input Balance"
disabled
></c-input>
<template slot="footer">
<c-checkbox
v-model="model.ledgrp.rec.revflg"
style="margin-left: 10px"
disabled
>Revolving L/C</c-checkbox
>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Available with" prop="ledgrp.avbnam">
<c-input
v-model="model.ledgrp.avbnam"
style="width: 100%"
placeholder="Please input Available with"
disabled
>
</c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- SF000182 : Shipment Date --> <c-col :span="24">
<el-form-item label="by" prop="ledgrp.rec.avbby">
<c-col :span="12"> <c-fullbox>
<el-form-item :label="$t('letp0.SF000182')" prop="ledgrp.rec.shpdat"> <c-input
<c-date-picker type="date" v-model="model.ledgrp.rec.shpdat" style="width:100%" :placeholder="$t('other.please_enter')+$t('letp0.SF000182')"></c-date-picker> v-model="model.ledgrp.rec.avbby"
maxlength="3"
style="width: 100%"
placeholder="Please input by"
disabled
></c-input>
<template slot="footer">
<c-checkbox
v-model="model.ledgrp.rec.redclsflg"
style="margin-left: 10px"
disabled
>Red/Green Clause</c-checkbox
>
</template>
</c-fullbox>
</el-form-item> </el-form-item>
</c-col> </c-col>
<!-- SF000161 : Beneficiary --> <c-col :span="24">
<!-- SF000169 : Ref. --> <c-col :span="12">
<el-form-item label="Date Issued" prop="ledgrp.rec.opndat">
<c-col :span="12"> <c-date-picker
<c-form-item :label="$t('letp0.SF000161')" prop="ledgrp.ben.pts.ref"> type="date"
<c-input v-model="model.ledgrp.ben.pts.ref" maxlength="16" :placeholder="$t('other.please_enter')+$t('letp0.SF000161')"></c-input> v-model="model.ledgrp.rec.opndat"
</c-form-item> style="width: 100%"
</c-col> placeholder="Please select Date Issued"
<!-- SF000166 : Date/Place of Expiry --> disabled
></c-date-picker>
<c-col :span="12"> </el-form-item>
<el-form-item :label="$t('letp0.SF000166')" prop="ledgrp.rec.expdat"> </c-col>
<c-date-picker type="date" v-model="model.ledgrp.rec.expdat" style="width:100%" :placeholder="$t('other.please_enter')+$t('letp0.SF000166')"></c-date-picker> <c-col :span="12">
<el-form-item label="Shipment Date" prop="ledgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.ledgrp.rec.shpdat"
style="width: 100%"
placeholder="Please select Presented on"
disabled
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Date/Place of Expiry" prop="ledgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.ledgrp.rec.expdat"
style="width: 100%"
placeholder="Please select Date/Place of Expiry"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="ledgrp.rec.expplc">
<c-input
v-model="model.ledgrp.rec.expplc"
style="width: 100%"
placeholder="Please input"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="Form of L/C" prop="ledgrp.rec.lcrtyp">
<c-select
v-model="model.ledgrp.rec.lcrtyp"
style="width: 100%"
placeholder="Please select Form of L/C"
disabled
>
<el-option
v-for="item in codes.lcrtyp1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- right -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="Name" prop="ledgrp.rec.nam">
<c-input
v-model="model.ledgrp.rec.nam"
maxlength="40"
placeholder="Please input Name"
disabled
></c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
<c-col :span="12"> <c-col :span="24">
<c-form-item :label="$t('letp0.SF000166')" prop="ledgrp.rec.expplc"> <c-ptsmsg
<c-input v-model="model.ledgrp.rec.expplc" maxlength="29" :placeholder="$t('other.please_enter')+$t('letp0.SF000166')"></c-input> :model="model"
</c-form-item> :argadr="{
</c-col> title: 'Applicant',
grp: 'ledgrp',
<c-col :span="12"> rol: 'apl',
<c-form-item label="Name of Party" prop="ledgrp.ben.pts.nam"> }"
<c-input v-model="model.ledgrp.ben.pts.nam" maxlength="40" :placeholder="$t('other.please_enter')+'Name of Party'"></c-input> :disabled="true"
</c-form-item> :enRef="true"
</c-col> :enNam="true"
<!-- SF000165 : Form of L/C --> ></c-ptsmsg>
</c-col>
<c-col :span="12"> <c-col :span="24">
<el-form-item :label="$t('letp0.SF000165')" prop="ledgrp.rec.lcrtyp"> <c-ptsmsg
<c-select v-model="model.ledgrp.rec.lcrtyp" style="width:100%" :placeholder="$t('other.please_enter')+$t('letp0.SF000165')"> :model="model"
</c-select> :argadr="{
title: 'Iss. Bank Original LC',
grp: 'ledgrp',
rol: 'iss',
}"
:disabled="true"
:enRef="true"
:enNam="true"
></c-ptsmsg>
</c-col>
<c-col :span="24">
<c-ptsmsg
:model="model"
:argadr="{
title: 'Beneficiary',
grp: 'ledgrp',
rol: 'ben',
}"
:disabled="true"
:enRef="true"
:enNam="true"
></c-ptsmsg>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="cnftxt">
<c-input
v-model="model.cnftxt"
style="width: 100%"
placeholder="Please select Form of L/C"
disabled
>
</c-input>
</el-form-item> </el-form-item>
</c-col> </c-col>
</c-col>
<c-col :span="12"> <c-col :span="24">
<c-form-item label="Confirmation text" prop="lttp.letp0.cnftxt"> <el-form-item style="margin-left: 0px">
<c-input v-model="model.lttp.letp0.cnftxt" maxlength="40" :placeholder="$t('other.please_enter')+'Confirmation text'"></c-input> <el-divider />
</c-form-item> </el-form-item>
</c-col> </c-col>
<!-- SF000015 : Other Transfers and Back to Back L/Cs using Above --> <!-- 底部表格 -->
<c-col :span="12">
<c-form-item label="Streamgrid of other L/Cs backed by B2B LE" prop="lttp.leltb2b.litb2bstm">
<c-input v-model="model.lttp.leltb2b.litb2bstm" :placeholder="$t('other.please_enter')+'Streamgrid of other L/Cs backed by B2B LE'"></c-input>
</c-form-item>
</c-col>
<!-- SF000017 : This L/C -->
<c-col :span="12">
<c-form-item label="Balance" prop="ltdgrp.cbs.opn1.amt">
<c-input v-model="model.ltdgrp.cbs.opn1.amt" :placeholder="$t('other.please_enter')+'Balance'"></c-input>
</c-form-item>
</c-col>
<!-- SF000357 : Shipment Date -->
<!-- SF000016 : Total Amount -->
<c-col :span="12">
<c-form-item :label="$t('lttp.SF000016')" prop="lttp.totamt">
<c-input v-model="model.lttp.totamt" :placeholder="$t('other.please_enter')+$t('lttp.SF000016')"></c-input>
</c-form-item>
</c-col>
<!-- SF000358 : Expiry Date -->
</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/Lttopn/Event" import Event from "~/model/Lttopn/Event";
import Ptsmsg from "~/views/Public/Ptsmsg";
export default { export default {
inject: ['root'], components: { "c-ptsmsg": Ptsmsg },
props:["model","codes"], inject: ["root"],
mixins: [commonProcess], props: ["model", "codes"],
data(){ mixins: [commonProcess],
return { data() {
return {
} };
}, },
methods:{...Event}, methods: { ...Event },
created:function(){ created: function () {},
};
}
}
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Lttopn/Ovwp.vue
...@@ -144,7 +144,7 @@ ...@@ -144,7 +144,7 @@
></c-input> ></c-input>
<template slot="footer"> <template slot="footer">
<c-button <c-button
style="margin: 0 10px 0 0; padding: 0 12px" style="margin-left:10px; padding: 0 12px"
size="small" size="small"
type="primary" type="primary"
@click="onSeainf" @click="onSeainf"
...@@ -304,11 +304,11 @@ ...@@ -304,11 +304,11 @@
<c-col :span="24"> <c-col :span="24">
<el-form-item label="in" prop="ltdgrp.rec.expplc"> <el-form-item label="in" prop="ltdgrp.rec.expplc">
<c-input <c-select
v-model="model.ltdgrp.rec.expplc" v-model="model.ltdgrp.rec.expplc"
maxlength="29" style="width: 100%"
placeholder="Please input in" placeholder="Please input in"
></c-input> ></c-select>
</el-form-item> </el-form-item>
</c-col> </c-col>
...@@ -385,20 +385,32 @@ ...@@ -385,20 +385,32 @@
<c-ptap <c-ptap
:model="model" :model="model"
:argadr="{ :argadr="{
title: '1st Beneficiary Ref.', title: '1st Beneficiary',
grp: 'ltdgrp', grp: 'ltdgrp',
rol: 'be1', rol: 'be1',
}" }"
:disabled="true" :disabled="true"
@onSeainf="onSeainf" @onSeainf="onSeainf"
@onAplpDet="onBenpDet" @onAplpDet="onBenpDet"
:onlySearch="true"
> >
</c-ptap> </c-ptap>
<c-col :span="24">
<el-form-item label="" prop="ltdgrp.be1.pts.nam">
<c-input
v-model="model.ltdgrp.be1.pts.nam"
maxlength="40"
placeholder="Please input nam"
disabled
></c-input>
</el-form-item>
</c-col>
<c-ptap <c-ptap
:model="model" :model="model"
:argadr="{ :argadr="{
title: 'Advising Bank Ref.', title: 'Advising Bank',
grp: 'ltdgrp', grp: 'ltdgrp',
rol: 'adt', rol: 'adt',
}" }"
...@@ -411,7 +423,7 @@ ...@@ -411,7 +423,7 @@
<c-ptap <c-ptap
:model="model" :model="model"
:argadr="{ :argadr="{
title: 'Applicant', title: '2nd Beneficiary',
grp: 'ltdgrp', grp: 'ltdgrp',
rol: 'be2', rol: 'be2',
}" }"
...@@ -797,7 +809,7 @@ import Ptap from "~/views/Public/Ptap"; ...@@ -797,7 +809,7 @@ import Ptap from "~/views/Public/Ptap";
import Utils from "~/utils"; import Utils from "~/utils";
export default { export default {
components: { "c-ptap": Ptap }, components: { "c-ptap": Ptap },
inject: ["root"], inject: ["root"],
props: ["model", "codes"], props: ["model", "codes"],
mixins: [commonProcess], mixins: [commonProcess],
......
src/views/Business/Lttopn/Ptyp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs-tab">
<!-- SF000237 : 2nd Advising Bank --> <!-- left -->
<!-- S0000320 : Ref. --> <c-col :span="11">
<c-col :span="24">
<!-- <c-col :span="12"> <c-ptap
:model="model"
:argadr="{
title: '2nd Advising Bank',
grp: 'ltdgrp',
rol: 'a2t',
}"
@onSeainf="onSeainf"
@onAplpDet="onAdvpDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: 'Confirming Bank',
grp: 'ltdgrp',
rol: 'con',
}"
@onSeainf="onSeainf"
@onAplpDet="onA2bpDet"
>
</c-ptap>
</c-col>
</c-col>
<!-- right -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: 'Reimbursement Bank(MT 740)',
grp: 'ltdgrp',
rol: 'rmt',
}"
@onSeainf="onSeainf"
@onAplpDet="onApbpDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: 'Available with Bank',
grp: 'ltdgrp',
rol: 'avt',
}"
@onSeainf="onSeainf"
@onAplpDet="onRmbpDet"
>
</c-ptap>
</c-col>
</c-col>
<!-- =============================底部表格========================= -->
<c-edit-table :model="model" v-bind="ptsaddg">
<el-table-column label="操作" align="center">
<template slot-scope="scope">
<el-button
size="mini"
@click="handleEdit(scope.$index, scope.row)"
type="primary"
>详情</el-button
>
</template>
</el-table-column>
</c-edit-table>
<!-- SF000237 : 2nd Advising Bank -->
<!-- S0000320 : Ref. -->
<!-- <c-col :span="12">
<c-form-item :label="$t('lttp.SF000237')" prop="ltdgrp.a2t.pts.ref"> <c-form-item :label="$t('lttp.SF000237')" prop="ltdgrp.a2t.pts.ref">
<c-input v-model="model.ltdgrp.a2t.pts.ref" maxlength="16" :placeholder="$t('other.please_enter')+$t('lttp.SF000237')"></c-input> <c-input v-model="model.ltdgrp.a2t.pts.ref" maxlength="16" :placeholder="$t('other.please_enter')+$t('lttp.SF000237')"></c-input>
</c-form-item> </c-form-item>
</c-col> --> </c-col> -->
<!-- SF000316 : Reimbursement Bank (MT 740) --> <!-- SF000316 : Reimbursement Bank (MT 740) -->
<!-- SF000236 : Ref. --> <!-- SF000236 : Ref. -->
<!-- <c-col :span="12"> <!-- <c-col :span="12">
<c-form-item :label="$t('lttp.SF000316')" prop="ltdgrp.rmt.pts.ref"> <c-form-item :label="$t('lttp.SF000316')" prop="ltdgrp.rmt.pts.ref">
<c-input v-model="model.ltdgrp.rmt.pts.ref" maxlength="16" :placeholder="$t('other.please_enter')+$t('lttp.SF000316')"></c-input> <c-input v-model="model.ltdgrp.rmt.pts.ref" maxlength="16" :placeholder="$t('other.please_enter')+$t('lttp.SF000316')"></c-input>
</c-form-item> </c-form-item>
...@@ -112,18 +189,18 @@ ...@@ -112,18 +189,18 @@
<c-input type="textarea" v-model="model.ltdgrp.rmt.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input> <c-input type="textarea" v-model="model.ltdgrp.rmt.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
</c-form-item> </c-form-item>
</c-col> --> </c-col> -->
<!-- SF000385 : Confirming Bank --> <!-- SF000385 : Confirming Bank -->
<!-- SF000386 : Ref. --> <!-- SF000386 : Ref. -->
<!-- <c-col :span="12"> <!-- <c-col :span="12">
<c-form-item :label="$t('lttp.SF000385')" prop="ltdgrp.con.pts.ref"> <c-form-item :label="$t('lttp.SF000385')" prop="ltdgrp.con.pts.ref">
<c-input v-model="model.ltdgrp.con.pts.ref" maxlength="16" :placeholder="$t('other.please_enter')+$t('lttp.SF000385')"></c-input> <c-input v-model="model.ltdgrp.con.pts.ref" maxlength="16" :placeholder="$t('other.please_enter')+$t('lttp.SF000385')"></c-input>
</c-form-item> </c-form-item>
</c-col> --> </c-col> -->
<!-- SF000319 : Available with Bank --> <!-- SF000319 : Available with Bank -->
<!-- SF000235 : Ref. --> <!-- SF000235 : Ref. -->
<!-- <c-col :span="12"> <!-- <c-col :span="12">
<c-form-item :label="$t('lttp.SF000319')" prop="ltdgrp.avt.pts.ref"> <c-form-item :label="$t('lttp.SF000319')" prop="ltdgrp.avt.pts.ref">
<c-input v-model="model.ltdgrp.avt.pts.ref" maxlength="16" :placeholder="$t('other.please_enter')+$t('lttp.SF000319')"></c-input> <c-input v-model="model.ltdgrp.avt.pts.ref" maxlength="16" :placeholder="$t('other.please_enter')+$t('lttp.SF000319')"></c-input>
</c-form-item> </c-form-item>
...@@ -224,9 +301,9 @@ ...@@ -224,9 +301,9 @@
<c-input type="textarea" v-model="model.ltdgrp.avt.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input> <c-input type="textarea" v-model="model.ltdgrp.avt.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
</c-form-item> </c-form-item>
</c-col> --> </c-col> -->
<!-- S0000060 : 其他关联方 --> <!-- S0000060 : 其他关联方 -->
<!-- <c-col :span="24"> <!-- <c-col :span="24">
<div class="e-table-wrapper"> <div class="e-table-wrapper">
<el-table <el-table
:data="model.lttp.ptsaddp.ptsaddg" :data="model.lttp.ptsaddp.ptsaddg"
...@@ -266,26 +343,54 @@ ...@@ -266,26 +343,54 @@
</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/Lttopn/Event" import Event from "~/model/Lttopn/Event";
import Ptap from "~/views/Public/Ptap";
export default { export default {
inject: ['root'], components: { "c-ptap": Ptap },
props:["model","codes"], inject: ["root"],
mixins: [commonProcess], props: ["model", "codes"],
data(){ mixins: [commonProcess],
return { data() {
return {
} ptsaddg: {
}, columns: [
methods:{...Event}, {
created:function(){ title: "Role",
width: "120px",
} dataIndex: "rol",
} show: "select",
},
{
title: "Party",
width: "180px",
dataIndex: "ptyextkey",
show: "input",
},
{
title: "Name of Party",
width: "300px",
dataIndex: "nam",
},
{
title: "Reference for Address",
width: "300px",
dataIndex: "ref",
},
],
urls: "lttp.ptsaddp.ptsaddg",
},
};
},
methods: { ...Event,
handleEdit() {
console.log("1111测试");
}, },
created: function () {},
};
</script> </script>
<style> <style>
</style> </style>
src/views/Business/Lttopn/index.vue
<template> <template>
<div class="eContainer"> <div class="eContainer">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> --> <!-- <c-bus-button :$pntvm="this"></c-bus-button> -->
<c-function-btn <c-function-btn
:handleSubmit="handleSubmit" :handleSubmit="handleSubmit"
:handleCheck="handleCheck" :handleCheck="handleCheck"
...@@ -16,172 +16,199 @@ ...@@ -16,172 +16,199 @@
<!-- <el-button size="small">拆分报文</el-button> --> <!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">智能提示</el-button> <el-button size="small">智能提示</el-button>
</c-function-btn> </c-function-btn>
<el-form :model="model" :rules="rules" ref="modelForm" label-width="150px" label-position="right" size="small" :validate-on-rule-change="false"> <el-form
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick"> :model="model"
<!--lttp PD000001 Overview --> :rules="rules"
<el-tab-pane label="Overview" name="ovwp"> ref="modelForm"
<m-ovwp :model="model" :codes="codes"/> label-width="150px"
</el-tab-pane> label-position="right"
<!--lttp PD000077 Details --> size="small"
<el-tab-pane label="Details" name="detp"> :validate-on-rule-change="false"
<m-detp :model="model" :codes="codes"/> >
</el-tab-pane> <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--lttp PD000042 Parties --> <!--lttp PD000001 Overview -->
<el-tab-pane label="Patries" name="ptyp"> <el-tab-pane label="Overview" name="ovwp">
<m-ptyp :model="model" :codes="codes"/> <m-ovwp :model="model" :codes="codes" />
</el-tab-pane> </el-tab-pane>
<!--lttp PD000057 Goods --> <!--lttp PD000077 Details -->
<el-tab-pane label="Goods" name="dogp"> <el-tab-pane label="Details" name="detp">
<m-dogp :model="model" :codes="codes"/> <c-content>
</el-tab-pane> <m-detp :model="model" :codes="codes" />
<!--lttp PD000060 Documents --> </c-content>
<el-tab-pane label="Documents" name="dorp"> </el-tab-pane>
<m-dorp :model="model" :codes="codes"/> <!--lttp PD000042 Parties -->
</el-tab-pane> <el-tab-pane label="Patries" name="ptyp">
<!--lttp PD000073 Add. Cond. --> <m-ptyp :model="model" :codes="codes" />
<el-tab-pane label="Add. Cond." name="adcp"> </el-tab-pane>
<m-adcp :model="model" :codes="codes"/> <!--lttp PD000057 Goods -->
</el-tab-pane> <el-tab-pane label="Goods" name="dogp">
<!--lttp PD000169 Orig. L/C Details --> <m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'led'" />
<el-tab-pane label="Orig. L/C Details" name="lttinf"> </el-tab-pane>
<m-lttinf :model="model" :codes="codes"/> <!--lttp PD000060 Documents -->
</el-tab-pane> <el-tab-pane label="Documents" name="dorp">
<!--liaall PD000027 Liability --> <m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'led'" />
<el-tab-pane label="Liability" name="engp"> </el-tab-pane>
<m-engp :model="model" :codes="codes"/> <!--lttp PD000073 Add. Cond. -->
</el-tab-pane> <el-tab-pane label="Additional Conditions" name="adcp">
<!--setmod PD000000 Settlement --> <m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'led'" />
<el-tab-pane label="Settlement" name="setpan"> </el-tab-pane>
<m-setpan :model="model" :codes="codes"/> <!--lttp PD000169 Orig. L/C Details -->
</el-tab-pane> <el-tab-pane label="Orig. L/C Details" name="lttinf">
<!--glemod PD000001 --> <m-lttinf :model="model" :codes="codes" />
<el-tab-pane label="Bookings" name="glepan"> </el-tab-pane>
<m-glepan :model="model" :codes="codes"/> <!--liaall PD000027 Liability -->
</el-tab-pane> <el-tab-pane label="Liability" name="engp">
<!--coninf PD000000 Completion --> <m-engp :model="model" :codes="codes" />
<el-tab-pane label="Completion" name="coninfp"> </el-tab-pane>
<m-coninfp :model="model" :codes="codes"/> <!--setmod PD000000 Settlement -->
</el-tab-pane> <el-tab-pane label="Settlement" name="setpan">
<!--trndoc PD000529 &Messages --> <m-setpan :model="model" :codes="codes" />
<el-tab-pane label="Messages" name="docpan"> </el-tab-pane>
<m-docpan :model="model" :codes="codes"/> <!--glemod PD000001 -->
</el-tab-pane> <el-tab-pane label="Bookings" name="glepan">
<!--trndoc PD000546 Attachments --> <m-glepan :model="model" :codes="codes" />
<el-tab-pane label="Attachments" name="doctre"> </el-tab-pane>
<m-doctre :model="model" :codes="codes"/> <!--coninf PD000000 Completion -->
</el-tab-pane> <el-tab-pane label="Completion" name="coninfp">
<!--cnybop PD000002 跨境人民币申报 --> <m-coninfp :model="model" :codes="codes" />
<el-tab-pane label="跨境人民币申报" name="cnyp"> </el-tab-pane>
<m-cnyp :model="model" :codes="codes"/> <!--trndoc PD000529 &Messages -->
</el-tab-pane> <el-tab-pane label="Messages" name="docpan">
<!--lttp PD000371 Special Payment Beneficiary --> <m-docpan :model="model" :codes="codes" />
<el-tab-pane label="Special Payment Beneficiary" name="spcbenp"> </el-tab-pane>
<m-spcbenp :model="model" :codes="codes"/> <!--trndoc PD000546 Attachments -->
</el-tab-pane> <el-tab-pane label="Attachments" name="doctre">
<!--lttp PD000372 Special Payment Rcv Bank only --> <m-doctre :model="model" :codes="codes" />
<el-tab-pane label="Special Payment Rcv Bank only" name="spcrcvp"> </el-tab-pane>
<m-spcrcvp :model="model" :codes="codes"/> <!--cnybop PD000002 跨境人民币申报 -->
</el-tab-pane> <el-tab-pane label="跨境人民币申报" name="cnyp">
<m-cnyp :model="model" :codes="codes" />
</el-tab-pane>
<!--lttp PD000371 Special Payment Beneficiary -->
</c-tabs> <el-tab-pane
label="Special Paymt Cond. Beneficiary"
name="spcbenp"
v-if="model.ledgrp.rec.spcbenflg"
>
<m-doxp
:model="model"
:codes="codes"
:dtyp="'spcbenp'"
:rec="'led'"
/>
</el-tab-pane>
<!--lttp PD000372 Special Payment Rcv Bank only -->
<el-tab-pane
label="Special Paymt Cond. Bank only"
name="spcrcvp"
v-if="model.ledgrp.rec.spcrcbflg"
>
<m-doxp
:model="model"
:codes="codes"
:dtyp="'spcrcvp'"
:rec="'led'"
/>
</el-tab-pane>
</c-tabs>
</el-form> </el-form>
<c-grid-ety-prompt-dialog
ref="etyDialog"
:promptData="promptData"
v-on:select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
<c-grid-ety-prompt-dialog
ref="doxpDialog"
:isPty="false"
:promptData="promptData"
@select-ety="selectMsg"
>
</c-grid-ety-prompt-dialog>
</div> </div>
</template> </template>
<script> <script>
import Api from "~/service/Api" import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable" import CodeTable from "~/config/CodeTable";
import Lttopn from "~/model/Lttopn" import Lttopn from "~/model/Lttopn";
import commonProcess from "~/mixin/commonProcess" import commonProcess from "~/mixin/commonProcess";
import commonFuncs from "~/mixin/commonFuncs"; import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Lttopn/Check" import Check from "~/model/Lttopn/Check";
import Default from "~/model/Lttopn/Default" import Default from "~/model/Lttopn/Default";
import Pattern from "~/model/Lttopn/Pattern" import Pattern from "~/model/Lttopn/Pattern";
import Ovwp from "./Ovwp" import Ovwp from "./Ovwp";
import Lttinf from "./Lttinf" import Lttinf from "./Lttinf";
import Ptyp from "./Ptyp" import Ptyp from "./Ptyp";
import Dogp from "./Dogp" // import Dogp from "./Dogp";
import Dorp from "./Dorp" // import Dorp from "./Dorp";
import Cnyp from "./Cnyp" import Cnyp from "./Cnyp";
import Spcbenp from "./Spcbenp" // import Spcbenp from "./Spcbenp";
import Spcrcvp from "./Spcrcvp" // import Spcrcvp from "./Spcrcvp";
import Adcp from "./Adcp" // import Adcp from "./Adcp";
import Detp from "./Detp" import Detp from "./Detp";
import Engp from "~/views/Public/Engp"; import Engp from "~/views/Public/Engp";
import Setpan from "~/views/Public/Setpan"; import Setpan from "~/views/Public/Setpan";
import Coninfp from "~/views/Public/Coninfp"; import Coninfp from "~/views/Public/Coninfp";
import Docpan from "~/views/Public/Docpan"; import Docpan from "~/views/Public/Docpan";
import Doctre from "~/views/Public/Doctre"; import Doctre from "~/views/Public/Doctre";
import Glepan from "~/views/Public/Glepan"; import Glepan from "~/views/Public/Glepan";
import Doxp from '~/views/Public/Doxp'
export default { export default {
name: "Lttopn", name: "Lttopn",
components:{ components: {
"m-ovwp" : Ovwp, "m-ovwp": Ovwp,
"m-lttinf" : Lttinf, "m-lttinf": Lttinf,
"m-ptyp" : Ptyp, "m-ptyp": Ptyp,
"m-dogp" : Dogp, "m-setpan": Setpan,
"m-dorp" : Dorp, "m-glepan": Glepan,
"m-setpan" : Setpan, "m-coninfp": Coninfp,
"m-glepan" : Glepan, "m-docpan": Docpan,
"m-coninfp" : Coninfp, "m-doctre": Doctre,
"m-docpan" : Docpan, "m-cnyp": Cnyp,
"m-doctre" : Doctre, "m-engp": Engp,
"m-cnyp" : Cnyp, "m-detp": Detp,
"m-spcbenp" : Spcbenp, 'm-doxp': Doxp,
"m-spcrcvp" : Spcrcvp, },
"m-engp" : Engp, provide() {
"m-adcp" : Adcp, return {
"m-detp" : Detp, root: this,
};
},
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "ovwp",
trnName: "lttopn",
model: new Lttopn().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
...CodeTable,
},
};
},
methods: {
myTabClick(tab) {
this.tabClick(tab);
/**
* do it yourself
**/
}, },
provide() { },
return { created: async function () {
root: this console.log("进入lttopn交易");
} let rtnmsg = await this.init({});
}, if (rtnmsg.respCode == SUCCESS) {
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理 this.updateModel(rtnmsg.data);
data(){ //TODO 处理数据逻辑
return { } else {
tabVal: "", this.$notify.error({ title: "错误", message: "服务请求失败！" });
trnName: "lttopn",
trnType: "",
model: new Lttopn().data,
checkRules: Check,
defaultRules: Default,
pattern: Pattern,
rules: null,
codes: {
...CodeTable,
},
}
},
methods:{
myTabClick(tab){
this.tabClick(tab)
/**
* do it yourself
**/
}
},
created:async function(){
console.log("进入lttopn交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
//TODO 处理数据逻辑
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
} }
} },
};
</script> </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