Skip to content

V
vue-gjjs
Commit d7aac2ba by Wuyuqiu
Options

lttopn交易页面布局

parent d8d4b258
Showing with 805 additions and 430 deletions
src/model/Lttopn/Pattern.js
......@@ -166,7 +166,7 @@ export default {
],
"ltdgrp.rec.apprultxt":[
{type: "string", required: true, message: "必输项"},
{required: false, message: "必输项"},
{max: 35,message:"长度不能超过35"}
],
......@@ -551,21 +551,21 @@ export default {
"ltdgrp.blk.mixdet":[
{type: "string", required: true, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 35,message:"长度不能超过35"}
],
"ltdgrp.blk.avbwthtxt":[
{type: "string", required: true, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 35,message:"长度不能超过35"}
],
"ltdgrp.blk.preper":[
{type: "string", required: true, message: "必输项"},
{max: 35,message:"长度不能超过35"}
{type: "string",type: "string", required: true, message: "必输项"},
{type: "string",max: 35,message:"长度不能超过35"}
],
"ltdgrp.rec.prepers18":[
{type: "string", required: false, message: "必输项"},
{max: 3,message:"长度不能超过3"}
{ required: false, message: "必输项"},
{max: 999,message:"长度不能超过3"}
],
"ltdgrp.rec.prepertxts18":[
......@@ -575,16 +575,16 @@ export default {
"ltdgrp.blk.defdet":[
{type: "string", required: true, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 35,message:"长度不能超过35"}
],
"ltdgrp.blk.feetxt":[
{type: "string", required: true, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 35,message:"长度不能超过35"}
],
"ltdgrp.blk.dftat":[
{type: "string", required: true, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 35,message:"长度不能超过35"}
],
"lttp.drwp.ptsget.sdamod.dadsnd":[
......@@ -639,7 +639,7 @@ export default {
{max: 65,message:"长度不能超过65"}
],
"ltdgrp.blk.shpper":[
{type: "string", required: true, message: "必输项"},
{type: "string", required: false, message: "必输项"},
{max: 65,message:"长度不能超过65"}
],
}
\ No newline at end of file
src/views/Business/Lttopn/Detp.vue
<template>
<div class="eibs-tab">
<!-- SF000278 : Available with -->
<c-col :span="12">
<el-form-item :label="$t('lttp.SF000278')" prop="ltdgrp.rec.avbwth">
<c-select v-model="model.ltdgrp.rec.avbwth" style="width:100%" :placeholder="$t('other.please_enter')+$t('lttp.SF000278')">
<!-- left -->
<c-col :span="11">
<!-- Available with -->
<c-col :span="24">
<el-form-item label="Available with" prop="ltdgrp.rec.avbwth">
<c-select
v-model="model.ltdgrp.rec.avbwth"
style="width: 100%"
placeholder="Please select Available with"
:code="codes.avbwth"
@change="avbwthEvent"
>
</c-select>
</el-form-item>
</c-col>
<!-- SF000274 : Mixed Payment Details -->
<c-col :span="12">
<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-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 :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="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 :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>
<!-- 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-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="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 :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="12">
<c-checkbox v-model="model.ltdgrp.blk.preperflg">{{$t('lttp.CF000367')}}</c-checkbox>
<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="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 :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>
<!-- 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>
<!-- 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="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 :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>
<!-- 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 :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>
<!-- 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>
<!-- 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>
<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>
<!-- 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 :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>
<!-- 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>
<!-- 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>
<!-- 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="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 :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="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 :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>
<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'">
<!-- 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>
<!-- 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-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>
<!-- 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 :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>
<!-- 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>
</div>
</template>
......@@ -203,8 +298,10 @@ import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Lttopn/Event"
import Ptap from "~/views/Public/Ptap";
export default {
components: { "c-ptap": Ptap },
inject: ['root'],
props:["model","codes"],
mixins: [commonProcess],
......@@ -213,10 +310,74 @@ export default {
}
},
methods:{...Event},
created:function(){
methods: {
...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>
<style>
......
src/views/Business/Lttopn/Lttinf.vue
<template>
<div class="eibs-tab">
<!-- SF000014 : Export L/C transferred: -->
<c-col :span="12">
<c-form-item label="Drag Drop Sender" prop="lttp.letp0.recget.sdamod.dadsnd">
<c-input v-model="model.lttp.letp0.recget.sdamod.dadsnd" :placeholder="$t('other.please_enter')+'Drag Drop Sender'"></c-input>
</c-form-item>
</c-col>
<!-- SF000158 : Reference -->
<c-col :span="12">
<c-form-item :label="$t('letp0.SF000158')" prop="ledgrp.rec.ownref">
<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" :placeholder="$t('other.please_enter')+$t('letp0.SF000158')"></c-input>
</c-form-item>
<!-- 顶部 -->
<c-col :span="24">
<el-form-item
label="Export L/C transferred:"
prop="lttp.lttinf"
style="width: 100%"
>
</el-form-item>
</c-col>
<!-- SF000168 : Name -->
<c-col :span="12">
<c-form-item :label="$t('letp0.SF000168')" prop="ledgrp.rec.nam">
<c-input v-model="model.ledgrp.rec.nam" maxlength="40" :placeholder="$t('other.please_enter')+$t('letp0.SF000168')"></c-input>
</c-form-item>
<!-- left -->
<c-col :span="11">
<c-col :span="24">
<el-form-item
label="Reference"
prop="ledgrp.rec.ownref"
style="width: 100%"
>
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="16"
placeholder="Please input Reference"
style="width: 95%"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- SF000159 : L/C Amount -->
<c-col :span="12">
<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 :span="24">
<el-form-item label="L/C Amount" prop="ledgrp.cbs.nom1.cur">
<c-fullbox>
<c-input
v-model="model.ledgrp.cbs.nom1.cur"
maxlength="3"
style="width: 50%"
placeholder="Please input L/C Amount"
disabled
></c-input>
<c-input
v-model="model.ledgrp.cbs.nom1.amt"
style="width: 50%"
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="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 :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="12">
<c-checkbox v-model="model.lttp.letp0.aammod.addamtflg">{{$t('letp0.CF000184')}}</c-checkbox>
<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>
</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 :span="24">
<el-form-item label="by" prop="ledgrp.rec.avbby">
<c-fullbox>
<c-input
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>
</c-col>
<!-- SF000160 : Open Amount -->
<c-col :span="24">
<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>
<el-form-item label="Date Issued" prop="ledgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.ledgrp.rec.opndat"
style="width: 100%"
placeholder="Please select Date Issued"
disabled
></c-date-picker>
</el-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>
<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 :span="12">
<c-checkbox v-model="model.ledgrp.rec.revflg">{{$t('letp0.CF000183')}}</c-checkbox>
</c-col>
<c-col :span="24">
<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>
<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>
<!-- 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>
<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>
<!-- 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-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 :span="12">
<c-checkbox v-model="model.ledgrp.rec.redclsflg">{{$t('letp0.CF000185')}}</c-checkbox>
</c-col>
<c-col :span="12">
<c-form-item label="Name of Party" prop="ledgrp.iss.pts.nam">
<c-input v-model="model.ledgrp.iss.pts.nam" maxlength="40" :placeholder="$t('other.please_enter')+'Name of Party'"></c-input>
</c-form-item>
</c-col>
<!-- SF000167 : Date Issued -->
<c-col :span="12">
<el-form-item :label="$t('letp0.SF000167')" prop="ledgrp.rec.opndat">
<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>
<!-- 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>
</c-col>
<!-- SF000182 : Shipment Date -->
<c-col :span="12">
<el-form-item :label="$t('letp0.SF000182')" prop="ledgrp.rec.shpdat">
<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>
</el-form-item>
<c-col :span="24">
<c-ptsmsg
:model="model"
:argadr="{
title: 'Applicant',
grp: 'ledgrp',
rol: 'apl',
}"
:disabled="true"
:enRef="true"
:enNam="true"
></c-ptsmsg>
</c-col>
<!-- SF000161 : Beneficiary -->
<!-- SF000169 : Ref. -->
<c-col :span="12">
<c-form-item :label="$t('letp0.SF000161')" prop="ledgrp.ben.pts.ref">
<c-input v-model="model.ledgrp.ben.pts.ref" maxlength="16" :placeholder="$t('other.please_enter')+$t('letp0.SF000161')"></c-input>
</c-form-item>
<c-col :span="24">
<c-ptsmsg
:model="model"
:argadr="{
title: 'Iss. Bank Original LC',
grp: 'ledgrp',
rol: 'iss',
}"
:disabled="true"
:enRef="true"
:enNam="true"
></c-ptsmsg>
</c-col>
<!-- SF000166 : Date/Place of Expiry -->
<c-col :span="12">
<el-form-item :label="$t('letp0.SF000166')" prop="ledgrp.rec.expdat">
<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>
</el-form-item>
</c-col>
<c-col :span="12">
<c-form-item :label="$t('letp0.SF000166')" prop="ledgrp.rec.expplc">
<c-input v-model="model.ledgrp.rec.expplc" maxlength="29" :placeholder="$t('other.please_enter')+$t('letp0.SF000166')"></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<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>
</c-form-item>
<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>
<!-- SF000165 : Form of L/C -->
<c-col :span="12">
<el-form-item :label="$t('letp0.SF000165')" prop="ledgrp.rec.lcrtyp">
<c-select v-model="model.ledgrp.rec.lcrtyp" style="width:100%" :placeholder="$t('other.please_enter')+$t('letp0.SF000165')">
</c-select>
<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>
</c-col>
<c-col :span="12">
<c-form-item label="Confirmation text" prop="lttp.letp0.cnftxt">
<c-input v-model="model.lttp.letp0.cnftxt" maxlength="40" :placeholder="$t('other.please_enter')+'Confirmation text'"></c-input>
</c-form-item>
</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 :span="24">
<el-form-item style="margin-left: 0px">
<el-divider />
</el-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>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Lttopn/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Lttopn/Event";
import Ptsmsg from "~/views/Public/Ptsmsg";
export default {
inject: ['root'],
props:["model","codes"],
components: { "c-ptsmsg": Ptsmsg },
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
data() {
return {
}
};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Lttopn/Ovwp.vue
......@@ -144,7 +144,7 @@
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 0; padding: 0 12px"
style="margin-left:10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
......@@ -304,11 +304,11 @@
<c-col :span="24">
<el-form-item label="in" prop="ltdgrp.rec.expplc">
<c-input
<c-select
v-model="model.ltdgrp.rec.expplc"
maxlength="29"
style="width: 100%"
placeholder="Please input in"
></c-input>
></c-select>
</el-form-item>
</c-col>
......@@ -385,20 +385,32 @@
<c-ptap
:model="model"
:argadr="{
title: '1st Beneficiary Ref.',
title: '1st Beneficiary',
grp: 'ltdgrp',
rol: 'be1',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
:onlySearch="true"
>
</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
:model="model"
:argadr="{
title: 'Advising Bank Ref.',
title: 'Advising Bank',
grp: 'ltdgrp',
rol: 'adt',
}"
......@@ -411,7 +423,7 @@
<c-ptap
:model="model"
:argadr="{
title: 'Applicant',
title: '2nd Beneficiary',
grp: 'ltdgrp',
rol: 'be2',
}"
......
src/views/Business/Lttopn/Ptyp.vue
<template>
<div class="eibs-tab">
<!-- left -->
<c-col :span="11">
<c-col :span="24">
<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. -->
......@@ -266,26 +343,54 @@
</div>
</template>
<script>
import Api from "~/service/Api"
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Lttopn/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Lttopn/Event";
import Ptap from "~/views/Public/Ptap";
export default {
inject: ['root'],
props:["model","codes"],
components: { "c-ptap": Ptap },
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
data() {
return {
}
ptsaddg: {
columns: [
{
title: "Role",
width: "120px",
dataIndex: "rol",
show: "select",
},
methods:{...Event},
created:function(){
}
}
{
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>
<style>
</style>
src/views/Business/Lttopn/index.vue
......@@ -16,138 +16,170 @@
<!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">智能提示</el-button>
</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
:model="model"
:rules="rules"
ref="modelForm"
label-width="150px"
label-position="right"
size="small"
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--lttp PD000001 Overview -->
<el-tab-pane label="Overview" name="ovwp">
<m-ovwp :model="model" :codes="codes"/>
<m-ovwp :model="model" :codes="codes" />
</el-tab-pane>
<!--lttp PD000077 Details -->
<el-tab-pane label="Details" name="detp">
<m-detp :model="model" :codes="codes"/>
<c-content>
<m-detp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--lttp PD000042 Parties -->
<el-tab-pane label="Patries" name="ptyp">
<m-ptyp :model="model" :codes="codes"/>
<m-ptyp :model="model" :codes="codes" />
</el-tab-pane>
<!--lttp PD000057 Goods -->
<el-tab-pane label="Goods" name="dogp">
<m-dogp :model="model" :codes="codes"/>
<m-doxp :model="model" :codes="codes" :dtyp="'dogp'" :rec="'led'" />
</el-tab-pane>
<!--lttp PD000060 Documents -->
<el-tab-pane label="Documents" name="dorp">
<m-dorp :model="model" :codes="codes"/>
<m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'led'" />
</el-tab-pane>
<!--lttp PD000073 Add. Cond. -->
<el-tab-pane label="Add. Cond." name="adcp">
<m-adcp :model="model" :codes="codes"/>
<el-tab-pane label="Additional Conditions" name="adcp">
<m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'led'" />
</el-tab-pane>
<!--lttp PD000169 Orig. L/C Details -->
<el-tab-pane label="Orig. L/C Details" name="lttinf">
<m-lttinf :model="model" :codes="codes"/>
<m-lttinf :model="model" :codes="codes" />
</el-tab-pane>
<!--liaall PD000027 Liability -->
<el-tab-pane label="Liability" name="engp">
<m-engp :model="model" :codes="codes"/>
<m-engp :model="model" :codes="codes" />
</el-tab-pane>
<!--setmod PD000000 Settlement -->
<el-tab-pane label="Settlement" name="setpan">
<m-setpan :model="model" :codes="codes"/>
<m-setpan :model="model" :codes="codes" />
</el-tab-pane>
<!--glemod PD000001 -->
<el-tab-pane label="Bookings" name="glepan">
<m-glepan :model="model" :codes="codes"/>
<m-glepan :model="model" :codes="codes" />
</el-tab-pane>
<!--coninf PD000000 Completion -->
<el-tab-pane label="Completion" name="coninfp">
<m-coninfp :model="model" :codes="codes"/>
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
<!--trndoc PD000529 &Messages -->
<el-tab-pane label="Messages" name="docpan">
<m-docpan :model="model" :codes="codes"/>
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
<!--trndoc PD000546 Attachments -->
<el-tab-pane label="Attachments" name="doctre">
<m-doctre :model="model" :codes="codes"/>
<m-doctre :model="model" :codes="codes" />
</el-tab-pane>
<!--cnybop PD000002 跨境人民币申报 -->
<el-tab-pane label="跨境人民币申报" name="cnyp">
<m-cnyp :model="model" :codes="codes"/>
<m-cnyp :model="model" :codes="codes" />
</el-tab-pane>
<!--lttp PD000371 Special Payment Beneficiary -->
<el-tab-pane label="Special Payment Beneficiary" name="spcbenp">
<m-spcbenp :model="model" :codes="codes"/>
<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 Payment Rcv Bank only" name="spcrcvp">
<m-spcrcvp :model="model" :codes="codes"/>
<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>
<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>
</template>
<script>
import Api from "~/service/Api"
import CodeTable from "~/config/CodeTable"
import Lttopn from "~/model/Lttopn"
import commonProcess from "~/mixin/commonProcess"
import Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import Lttopn from "~/model/Lttopn";
import commonProcess from "~/mixin/commonProcess";
import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Lttopn/Check"
import Default from "~/model/Lttopn/Default"
import Pattern from "~/model/Lttopn/Pattern"
import Ovwp from "./Ovwp"
import Lttinf from "./Lttinf"
import Ptyp from "./Ptyp"
import Dogp from "./Dogp"
import Dorp from "./Dorp"
import Cnyp from "./Cnyp"
import Spcbenp from "./Spcbenp"
import Spcrcvp from "./Spcrcvp"
import Adcp from "./Adcp"
import Detp from "./Detp"
import Check from "~/model/Lttopn/Check";
import Default from "~/model/Lttopn/Default";
import Pattern from "~/model/Lttopn/Pattern";
import Ovwp from "./Ovwp";
import Lttinf from "./Lttinf";
import Ptyp from "./Ptyp";
// import Dogp from "./Dogp";
// import Dorp from "./Dorp";
import Cnyp from "./Cnyp";
// import Spcbenp from "./Spcbenp";
// import Spcrcvp from "./Spcrcvp";
// import Adcp from "./Adcp";
import Detp from "./Detp";
import Engp from "~/views/Public/Engp";
import Setpan from "~/views/Public/Setpan";
import Coninfp from "~/views/Public/Coninfp";
import Docpan from "~/views/Public/Docpan";
import Doctre from "~/views/Public/Doctre";
import Glepan from "~/views/Public/Glepan";
import Doxp from '~/views/Public/Doxp'
export default {
name: "Lttopn",
components:{
"m-ovwp" : Ovwp,
"m-lttinf" : Lttinf,
"m-ptyp" : Ptyp,
"m-dogp" : Dogp,
"m-dorp" : Dorp,
"m-setpan" : Setpan,
"m-glepan" : Glepan,
"m-coninfp" : Coninfp,
"m-docpan" : Docpan,
"m-doctre" : Doctre,
"m-cnyp" : Cnyp,
"m-spcbenp" : Spcbenp,
"m-spcrcvp" : Spcrcvp,
"m-engp" : Engp,
"m-adcp" : Adcp,
"m-detp" : Detp,
components: {
"m-ovwp": Ovwp,
"m-lttinf": Lttinf,
"m-ptyp": Ptyp,
"m-setpan": Setpan,
"m-glepan": Glepan,
"m-coninfp": Coninfp,
"m-docpan": Docpan,
"m-doctre": Doctre,
"m-cnyp": Cnyp,
"m-engp": Engp,
"m-detp": Detp,
'm-doxp': Doxp,
},
provide() {
return {
root: this
}
root: this,
};
},
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
data(){
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "",
tabVal: "ovwp",
trnName: "lttopn",
trnType: "",
model: new Lttopn().data,
checkRules: Check,
defaultRules: Default,
......@@ -156,32 +188,27 @@ export default {
codes: {
...CodeTable,
},
}
};
},
methods:{
myTabClick(tab){
this.tabClick(tab)
methods: {
myTabClick(tab) {
this.tabClick(tab);
/**
* do it yourself
**/
}
},
created:async function(){
},
created: async function () {
console.log("进入lttopn交易");
let rtnmsg = await this.init({})
if(rtnmsg.respCode == SUCCESS)
{
this.updateModel(rtnmsg.data)
let rtnmsg = await this.init({});
if (rtnmsg.respCode == SUCCESS) {
this.updateModel(rtnmsg.data);
//TODO 处理数据逻辑
} else {
this.$notify.error({ title: "错误", message: "服务请求失败！" });
}
else
{
this.$notify.error({title: '错误',message: '服务请求失败！'});
}
}
}
},
};
</script>
<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