Skip to content

V
vue-gjjs
Commit 1265a44b by Wuyuqiu
Options

lttopn、lttcan、lttame、bttsnd、bttdck交易ui初步调整

parent 67d6cb4e
Showing with 642 additions and 1249 deletions
src/views/Business/Bttdck/Drv.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="10">
<el-form-item
......
src/views/Business/Bttdck/Dscinsp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="14">
<el-row>
<c-col :span="20">
......
src/views/Business/Bttdck/index.vue
......@@ -15,54 +15,125 @@
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--PD000001 -->
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000001 -->
<!-- <el-tab-pane label="保证金" name="ccvpan">
<c-content>
<m-ccvpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000001 -->
<!-- <el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp,setpan">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="表外记账" name="engp">
<!-- 表外记账 -->
<m-engp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="结算" name="setpan">
<!-- 结算 -->
<m-setpan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--PD000510 -->
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000002 -->
<!-- <el-tab-pane label="申报信息" name="cnyp">
<c-content>
<m-cnyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000003 -->
<el-tab-pane label="到单" name="drv">
<!-- <el-tab-pane label="到单" name="drv">
<c-content>
<m-drv :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000296 -->
<el-tab-pane label="不符点/指示" name="dscinsp">
<!-- <el-tab-pane label="不符点/指示" name="dscinsp">
<c-content>
<m-dscinsp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000027 -->
<el-tab-pane label="表外" name="engp">
<!-- <el-tab-pane label="表外" name="engp">
<c-content>
<m-engp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000000 -->
<el-tab-pane label="费用及账务" name="setpan">
<!-- <el-tab-pane label="费用及账务" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<!-- <el-tab-pane label="附言" name="coninfp">
<c-content>
<m-coninfp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000529 -->
<el-tab-pane label="报文及面函" name="docpan">
<!-- <el-tab-pane label="报文及面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000000 -->
<el-tab-pane label="交易附件" name="doctre">
<!-- <el-tab-pane label="交易附件" name="doctre">
<c-content>
<m-coninfp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
</c-tabs>
</el-form>
<c-function-btn
......@@ -96,10 +167,11 @@ import commonFuncs from "~/mixin/commonFuncs";
import Check from "~/model/Bttdck/Check";
import Default from "~/model/Bttdck/Default";
import Pattern from "~/model/Bttdck/Pattern";
import Ovwp from "./Ovwp";
import Drv from "./Drv";
import Dscinsp from "./Dscinsp";
import Utils from "~/utils";
import Addbcb from "./Addbcb"
import Glepan from "~/views/Public/Glepan";
import Setpan from "~/views/Public/Setpan";
import Docpan from "~/views/Public/Docpan";
......@@ -109,25 +181,27 @@ import Doctre from "~/views/Public/Doctre";
export default {
components:{
"m-drv" : Drv,
"m-dscinsp" : Dscinsp,
// "m-drv" : Drv,
// "m-dscinsp" : Dscinsp,
"m-ovwp" : Ovwp,
"m-engp" : Engp,
"m-setpan" : Setpan,
"m-coninfp" : Coninfp,
"m-docpan" : Docpan,
"m-Glepan" : Glepan,
"m-doctre" : Doctre,
"m-addbcb" : Addbcb,
},
provide() {
return {
root: this
root: this,
}
},
//mixins: [commonProcess], // 里面包含了Default、Check等的公共处理
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "drv",
tabVal: "ovwp",
trnName: "bttdck",
model: new Bttdck().data,
checkRules: Check,
......@@ -136,6 +210,7 @@ export default {
rules: null,
codes: {...CodeTable
},
activeNames: ["engp"],
}
},
methods:{
......
src/views/Business/Bttsnd/Cnyp.vue
<template>
<div class="eibs-tab">
<!-- S0000042 : 是否报送跨境人民币2101表 -->
<c-col :span="18">
<el-form-item label="是否报送跨境人名币2101表" prop="cnybop.cnyflg">
<c-select v-model="model.cnybop.cnyflg" style="width:100%" placeholder="不申报" :code="codes.cnyflg" disabled>
</c-select>
</el-form-item>
</c-col>
<!-- S0000045 : 是否报送跨境人民币2107表 -->
<c-col :span="18">
<el-form-item label="是否报送跨境人名币2107表" prop="cnybop.traflg">
<c-select v-model="model.cnybop.traflg" style="width:100%" placeholder="不申报" :code="codes.cnyflg" disabled>
</c-select>
</el-form-item>
</c-col>
<!-- S0000077 : 是否报送跨境人民币2111表 -->
<c-col :span="18">
<el-form-item label="是否报送跨境人名币2111表" prop="cnybop.outflg">
<c-select v-model="model.cnybop.outflg" style="width:100%" placeholder="不申报" :code="codes.cnyflg" disabled>
</c-select>
</el-form-item>
</c-col>
<!-- S0000113 : 是否报送跨境人民币2106表 -->
<c-col :span="18">
<el-form-item label="是否报送跨境人名币2106表" prop="cnybop.libflg">
<c-select v-model="model.cnybop.libflg" style="width:100%" placeholder="不申报" :code="codes.cnyflg" :disabled="model.btdgrp.cbs.max.cur!='CNY'">
</c-select>
</el-form-item>
</c-col>
<!-- S0000142 : 是否报送跨境人民币2122表 -->
<c-col :span="18">
<el-form-item label="是否报送跨境人名币2122表" prop="cnybop.vouflg">
<c-select v-model="model.cnybop.vouflg" style="width:100%" placeholder="不申报" :code="codes.cnyflg" disabled>
</c-select>
</el-form-item>
</c-col>
</div>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="跨境人民币申报" name="cnyp1">
<m-cnyp1 :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</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/Bttsnd/Event"
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Lttopn/Event";
import Cnyp1 from "./Cnyp1";
export default {
inject: ['root'],
props:["model","codes"],
components: {
"m-cnyp1": Cnyp1,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data(){
data() {
return {
}
activeNames: ["cnyp1"],
};
},
methods:{...Event},
created:function(){
}
}
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Bttsnd/Payp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<c-col :span="10">
<el-form-item
......
src/views/Business/Bttsnd/Remp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="18">
<c-content>
<c-col :span="18">
......
src/views/Business/Bttsnd/index.vue
<template>
<c-page title="转让证单据寄单">
<div class="eContainer">
<c-page title="转让信用证单据寄单">
<el-form
......@@ -12,29 +11,91 @@
:validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--PD000001 -->
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="表外记账" name="engp">
<!-- 表外记账 -->
<m-engp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="结算" name="setpan">
<!-- 结算 -->
<m-setpan :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="会计分录" name="glepan">
<!-- 会计分录 -->
<m-glepan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--PD000510 -->
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000002 -->
<el-tab-pane label="申报信息" name="cnyp">
<c-content>
<m-cnyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000032 -->
<el-tab-pane label="寄单" name="payp">
<!-- <el-tab-pane label="寄单" name="payp">
<c-content>
<m-payp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000067 -->
<el-tab-pane label="指示、不符点" name="dscins">
<!-- <el-tab-pane label="指示、不符点" name="dscins">
<c-content>
<m-dscins :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000027 -->
<el-tab-pane label="表外" name="engp">
<!-- <el-tab-pane label="表外" name="engp">
<c-content>
<m-engp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000000 -->
<el-tab-pane label="费用及账务" name="setpan">
<!-- <el-tab-pane label="费用及账务" name="setpan">
<c-content>
<m-setpan :model="model" :codes="codes" />.
</c-content>
......@@ -44,16 +105,16 @@
<c-content>
<m-glepan :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane label="附言" name="coninfp">
<!-- <el-tab-pane label="附言" name="coninfp">
<c-content>
<m-coninfp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000529 -->
<el-tab-pane label="报文及面函" name="docpan">
<!-- <el-tab-pane label="报文及面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes"/>
</c-content>
......@@ -64,19 +125,19 @@
<c-content>
<m-doctre :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane label="报销明细" name="remp" v-if="model.rmbclmnow == 'X'">
<!-- <el-tab-pane label="报销明细" name="remp" v-if="model.rmbclmnow == 'X'">
<c-content>
<m-remp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<el-tab-pane label="跨境人民币申报" name="cnyp">
<!-- <el-tab-pane label="跨境人民币申报" name="cnyp">
<c-content>
<m-cnyp :model="model" :codes="codes"/>
</c-content>
</el-tab-pane>
</el-tab-pane> -->
</c-tabs>
</el-form>
<c-function-btn
......@@ -101,7 +162,6 @@
</c-page>
</div>
</c-page>
</template>
<script>
import Api from "~/service/Api"
......@@ -116,7 +176,8 @@ import Payp from "./Payp"
import Dscins from "./Dscins"
import Remp from "./Remp"
import Cnyp from "./Cnyp"
import Ovwp from "./Ovwp"
import Addbcb from "./Addbcb"
import Engp from "~/views/Public/Engp";
import Setpan from "~/views/Public/Setpan";
import Glepan from "~/views/Public/Glepan";
......@@ -127,6 +188,7 @@ import Utils from "~/utils";
export default {
components:{
"m-ovwp" : Ovwp,
"m-payp" : Payp,
"m-dscins" : Dscins,
"m-engp" : Engp,
......@@ -137,6 +199,7 @@ export default {
"m-doctre" : Doctre,
"m-remp" : Remp,
"m-cnyp" : Cnyp,
"m-addbcb" : Addbcb,
},
provide() {
return {
......@@ -147,7 +210,7 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data(){
return {
tabVal: "payp",
tabVal: "ovwp",
trnName: "bttsnd",
model: new Bttsnd().data,
checkRules: Check,
......@@ -156,6 +219,7 @@ export default {
rules: null,
codes: {...CodeTable
},
activeNames: ["engp"],
}
},
methods:{
......
src/views/Business/Lttame/Aamp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<c-col :span="10">
......
src/views/Business/Lttame/Adcpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<el-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="附加条款" prop="ltdgrp.blk.adlcnd">
......
src/views/Business/Lttame/Amep.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- 页面布局由上到下，不是直接分左右 -->
<!-- =============================顶部============================ -->
......
src/views/Business/Lttame/Detp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<!-- left -->
<c-col :span="12" style="padding-right: 20px;">
......
src/views/Business/Lttame/Dogpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<el-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
......
src/views/Business/Lttame/Dorpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="单据要求" prop="ltdgrp.blk.lcrdoc">
......
src/views/Business/Lttame/Inspame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- SG000347 : Instructions to Paying/Accepting/Negotiating Bank -->
<c-col :span="20">
......
src/views/Business/Lttame/Lttinf.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- 顶部 -->
<c-col :span="24">
<el-form-item
......
src/views/Business/Lttame/Ovwp.vue
<template>
<div class="eibs-tab">
<!-- =================顶部====================== -->
<c-row>
<c-col :span="24">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item
label="信用证参考号"
prop="ledgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="16"
placeholder="请输入信用证参考号"
style="width: 95%"
:disabled="true"
>
</c-input>
<template slot="footer">
<c-button
style="margin: 0 0 0 0; padding: 0 10px"
size="small"
type="primary"
@click="onSeainf"
>
<span
style="
font-size: 15px;
font-family: '宋体';
font-weight: bold;
"
>i</span
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12" style="padding-left: 20px;">
<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="24">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item
label="转让信用证业务编号"
prop="ltdgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.ltdgrp.rec.ownref"
maxlength="16"
placeholder="请输入转让信用证业务编号"
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"
@click="onlttpButgetref"
>
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12" style="padding-left: 20px;">
<el-form-item label="摘要" prop="ltdgrp.rec.nam">
<c-input
text-align="middle"
v-model="model.ltdgrp.rec.nam"
maxlength="40"
placeholder="请输入"
disabled
>
</c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
<!-- ====================左边======================= -->
<c-col :span="12" style="padding-right: 20px;">
<!-- 信用证类型 -->
<c-col :span="24">
<el-form-item label="转让信用证类型" prop="ltdgrp.rec.lcrtyp">
<c-select
v-model="model.ltdgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择转让信用证类型"
:code="codes.lcrtyp1"
>
</c-select>
</el-form-item>
</c-col>
<!-- Responsible user 所属客户经理-->
<c-col :span="24">
<el-form-item label="责任用户" prop="lttp.usr.extkey">
<c-fullbox>
<c-input
v-model="model.lttp.usr.extkey"
maxlength="8"
placeholder="请输入"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin-left: 10px; padding: 0 10px"
size="small"
type="primary"
@click="onExtkey"
><span
style="
font-size: 15px;
font-family: '宋体';
font-weight: bold;
"
>i</span
></c-button
>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- Nominal Amount 信用证金额-->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="名义金额" prop="ltdgrp.cbs.nom1.cur">
<c-select
v-model="model.ltdgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.curtxt1"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ltdgrp.cbs.nom1.amt">
<c-input-currency
v-model="model.ltdgrp.cbs.nom1.amt"
style="text-align: left; width: 95%"
placeholder="请输入名义金额"
@keyup.enter.native="$event.target.blur()"
disabled
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="5">
<c-checkbox
v-model="model.lttp.aamp.aammod.addamtflg"
style="margin-left: -1px"
>附加金额</c-checkbox
>
</c-col>
</c-col>
<!-- 金额浮动 Amount Tolerance +/- -->
<c-col :span="24">
<c-col :span="12">
<c-form-item label="金额容差 +/-" prop="ltdgrp.rec.nomtop">
<c-input
v-model.number="model.ltdgrp.rec.nomtop"
maxlength="2"
style="width: 100%"
placeholder="请输入金额下限"
class="m-input-currency"
@keyup.enter.native="$event.target.blur()"
disabled
></c-input>
</c-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ltdgrp.rec.nomton">
<c-input
v-model.number="model.ltdgrp.rec.nomton"
maxlength="2"
style="width: 95%"
placeholder="请输入金额上限"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="5">
</c-col>
</c-col>
<!-- Amount Specification 适用金额规范-->
<c-col :span="24">
<c-col :span="19">
<el-form-item label="适用金额规范" prop="ltdgrp.rec.nomspc">
<c-select
v-model="model.ltdgrp.rec.nomspc"
style="width: 97%"
placeholder="请选择适用金额规范"
:code="codes.nomspc"
disabled
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- Maximum Amount 信用证最大金额-->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="最大金额" prop="ltdgrp.cbs.max.cur">
<c-select
v-model="model.ltdgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.curtxt1"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="ltdgrp.cbs.max.amt">
<c-input
disabled
v-model="model.ltdgrp.cbs.max.amt"
placeholder="请输入最大金额"
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- Issued on开证日期 Date Pre-advised 预通知日期-->
<c-col :span="24">
<el-form-item label="开证日期" prop="ltdgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.ltdgrp.rec.opndat"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择开证日期"
>
</c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- Shipment Date 装运日期 -->
<c-col :span="24">
<el-form-item label="装运日期" prop="ltdgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.ltdgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择装运日期"
value-format="yyyy-MM-dd"
>
</c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!--Expiring on 到期日 -->
<c-col :span="24">
<el-form-item label="到期日" prop="ltdgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.ltdgrp.rec.expdat"
style="width: 100%"
disabled
placeholder="请选择到期日"
value-format="yyyy-MM-dd"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12"></c-col>
</c-col>
<!-- in (Place)/counters of有效地点 -->
<c-col :span="24">
<el-form-item label="in" prop="ltdgrp.rec.expplc">
<c-input
v-model="model.ltdgrp.rec.expplc"
maxlength="29"
placeholder=""
:code="codes.expplc"
></c-input>
</el-form-item>
</c-col>
<!--Partial Shipment 分批装运 -->
<c-col :span="24">
<el-form-item label="分批装运" prop="ltdgrp.rec.shppar">
<c-select
v-model="model.ltdgrp.rec.shppar"
style="width: 100%"
placeholder="请选择分批装运"
:code="codes.shptrss18"
>
</c-select>
</el-form-item>
</c-col>
<!--转运 转运 -->
<c-col :span="24">
<el-form-item label="转运" prop="ltdgrp.rec.shptrss18">
<c-select
v-model="model.ltdgrp.rec.shptrss18"
style="width: 100%"
placeholder="请选择转运"
:code="codes.shptrss18"
>
</c-select>
</el-form-item>
</c-col>
<!--适用规则 适用规则 -->
<c-col :span="24">
<el-form-item label="适用规则" prop="ltdgrp.rec.apprul">
<c-select
v-model="model.ltdgrp.rec.apprul"
style="width: 100%"
placeholder="请选择适用规则"
:code="codes.apprul1"
@change="apprulChange"
>
</c-select>
</el-form-item>
</c-col>
<!-- 其他规则 -->
<c-col :span="24">
<el-form-item
label="其他适用规则"
prop="ltdgrp.rec.apprultxt"
>
<c-input
v-model="model.ltdgrp.rec.apprultxt"
maxlength="35"
placeholder="请输入其他规则"
:disabled="model.ltdgrp.rec.apprul === 'OTHR' ? false : true"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="确认接收指示" prop="ltdgrp.rec.cnfins">
<c-select
v-model="model.ltdgrp.rec.cnfins"
style="width: 100%"
placeholder="请选择确认接收指示"
:code="codes.cnfins"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="第一受益人参考号" prop="ltdgrp.be1.pts.ref">
<c-input v-model="model.ltdgrp.be1.pts.ref" maxlength="16" placeholder="请输入第一受益人参考号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="第一受益人" prop="ltdgrp.be1.pts.extkey">
<c-fullbox>
<c-input v-model="model.ltdgrp.be1.pts.extkey" maxlength="16" placeholder=""></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
icon="el-icon-search"
>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
icon="el-icon-info"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="名称" prop="ltdgrp.be1.pts.nam">
<c-input
disabled
type="textarea" v-model="model.ltdgrp.be1.pts.nam" maxlength="35" show-word-limit placeholder="请输入" ></c-input>
</el-form-item>
</c-col>
<!-- 开证行 Issuer Ref.-->
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '通知行',
grp: 'ltdgrp',
rol: 'adt',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onIsspDet"
>
</c-ptap>
</c-col>
<!--Applicant Ref. 申请人 -->
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '第二受益人',
grp: 'ltdgrp',
rol: 'be2',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onAplpDet"
>
</c-ptap>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="ltdgrp.rec.rmbflg">
<c-checkbox v-model="model.ltdgrp.rec.rmbflg"
>偿付信息</c-checkbox
>
</el-form-item>
</c-col>
</c-col>
</div>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="转让信用证修改" name="amep">
<m-amep :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="概要" name="ovwp1">
<m-ovwp1 :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="附加金额" name="aamp" v-if="model.lttp.aamp.aammod.addamtflg">
<m-aamp :model="model" :codes="codes"/>
</el-collapse-item>
<el-collapse-item title="当事人描述" name="ptyp">
<m-ptyp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="转让信用证报销" name="rbip" v-if="model.ltdgrp.rec.rmbflg">
<m-rbip :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="详细信息" name="detp">
<m-detp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="货物描述" name="dogpame">
<m-dogpame :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="单据要求" name="dorpame">
<m-dorpame :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="附加条款" name="adcpame">
<m-adcpame :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="原始信用证详细信息" name="lttinf">
<m-lttinf :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item
title="受益人的特殊付款条款"
name="spbpame"
v-if="model.ltdgrp.rec.spcbenflg"
>
<m-spbpame :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item
title="仅适用于银行的特殊付款条款"
name="sprpame"
v-if="model.ltdgrp.rec.spcrcbflg"
>
<m-sprpame :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item
title="给付款、承兑、议付行的指示"
name="inspame"
>
<m-inspame :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Lttame/Event";
import Ptap from "~/views/Public/Ptap";
import Amep from "./Amep";
import Ovwp1 from "./Ovwp1";
import Aamp from "./Aamp";
import Ptyp from "./Ptyp";
import Detp from "./Detp";
import Rbip from "./Rbip";
import Dogpame from "./Dogpame";
import Dorpame from "./Dorpame";
import Adcpame from "./Adcpame";
import Lttinf from "./Lttinf";
import Spbpame from "./Spbpame";
import Sprpame from "./Sprpame";
import Inspame from "./Inspame";
export default {
components: { "c-ptap": Ptap },
components: {
"m-amep": Amep,
"m-ovwp1": Ovwp1,
"m-aamp": Aamp,
"m-ptyp": Ptyp,
"m-detp": Detp,
"m-rbip": Rbip,
"m-dogpame": Dogpame,
"m-dorpame": Dorpame,
"m-adcpame": Adcpame,
"m-lttinf": Lttinf,
"m-spbpame": Spbpame,
"m-sprpame": Sprpame,
"m-inspame": Inspame,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
return {
activeNames: ["amep"],
};
},
methods: {
...Event,
onExtkey() {},
apprulChange(v) {
if (v !== "OTHR") {
this.model.ltdgrp.rec.apprultxt = "";
}
},
},
created: function () {},
};
......
src/views/Business/Lttame/Ptyp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- left -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
......
src/views/Business/Lttame/Rbip.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<c-col :span="24">
<c-ptap
......
src/views/Business/Lttame/Spbpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item
......
src/views/Business/Lttame/Sprpame.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item
......
src/views/Business/Lttame/index.vue
......@@ -13,101 +13,151 @@
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--PD000001 -->
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="setpan,glepan">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="结算" name="setpan">
<!-- 结算 -->
<m-setpan :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="会计分录" name="glepan" v-if="model.setmod.glemod.gleshwstm">
<!-- 会计分录 -->
<m-glepan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--PD000510 -->
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--lttamep PD000001 Amendment -->
<el-tab-pane label="转让信用证修改" name="amep">
<!-- <el-tab-pane label="转让信用证修改" name="amep">
<m-amep :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--lttp PD000001 Overview -->
<el-tab-pane label="概要" name="ovwp">
<!-- <el-tab-pane label="概要" name="ovwp">
<m-ovwp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--aamp PD000001 附加金额 -->
<el-tab-pane
<!-- <el-tab-pane
label="附加金额"
name="aamp"
v-if="model.lttp.aamp.aammod.addamtflg"
>
<m-aamp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--lttp PD000042 Parties -->
<el-tab-pane label="当事人描述" name="ptyp">
<!-- <el-tab-pane label="当事人描述" name="ptyp">
<m-ptyp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--lttp PD000065 Reimbursement of Transfer L/C -->
<el-tab-pane
<!-- <el-tab-pane
label="转让信用证报销"
name="rbip"
v-if="model.ltdgrp.rec.rmbflg"
>
<m-rbip :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--lttp PD000077 Details -->
<el-tab-pane label="详细信息" name="detp">
<!-- <el-tab-pane label="详细信息" name="detp">
<c-content>
<m-detp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--lttamep PD000328 Goods (Amend.) -->
<el-tab-pane label="货物描述" name="dogpame">
<!-- <el-tab-pane label="货物描述" name="dogpame">
<m-dogpame :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--lttamep PD000324 Doc's (Amend.) -->
<el-tab-pane label="单据要求" name="dorpame">
<!-- <el-tab-pane label="单据要求" name="dorpame">
<m-dorpame :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--lttamep PD000332 Add. Con. (Amend.) -->
<el-tab-pane label="附加条款" name="adcpame">
<!-- <el-tab-pane label="附加条款" name="adcpame">
<m-adcpame :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--lttp PD000169 Orig. L/C Details -->
<el-tab-pane label="原始信用证详细信息" name="lttinf">
<!-- <el-tab-pane label="原始信用证详细信息" name="lttinf">
<m-lttinf :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--setmod PD000000 Settlement -->
<el-tab-pane label="费用及账务" name="setpan">
<!-- <el-tab-pane label="费用及账务" name="setpan">
<m-setpan :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--glemod PD000001 -->
<el-tab-pane
<!-- <el-tab-pane
label="分录"
name="glepan"
v-if="model.setmod.glemod.gleshwstm"
>
<m-glepan :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--coninf PD000000 Completion -->
<el-tab-pane label="附言" name="coninfp">
<!-- <el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--trndoc PD000529 &Messages -->
<el-tab-pane label="报文" name="docpan">
<!-- <el-tab-pane label="报文" name="docpan">
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--trndoc PD000546 Attachments -->
<el-tab-pane label="交易附件" name="doctre">
<!-- <el-tab-pane label="交易附件" name="doctre">
<m-doctre :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--lttamep PD000339 Spe. pay conditions Ben (Amend.) -->
<el-tab-pane
<!-- <el-tab-pane
label="受益人的特殊付款条款"
name="spbpame"
v-if="model.ltdgrp.rec.spcbenflg"
>
<m-spbpame :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--lttamep PD000343 Spe. pay. cond. Bank only(Amend) -->
<el-tab-pane
<!-- <el-tab-pane
label="仅适用于银行的特殊付款条款"
name="sprpame"
v-if="model.ltdgrp.rec.spcrcbflg"
>
<m-sprpame :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--lttamep PD000346 Instructions to P, A, N. Bank -->
<el-tab-pane label="给付款、承兑、议付行的指示" name="inspame">
<!-- <el-tab-pane label="给付款、承兑、议付行的指示" name="inspame">
<m-inspame :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
</c-tabs>
</el-form>
<c-function-btn
......@@ -159,6 +209,7 @@ 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 Addbcb from "./Addbcb";
export default {
name: "Lttame",
......@@ -181,6 +232,7 @@ export default {
"m-docpan": Docpan,
"m-doctre": Doctre,
"m-inspame": Inspame,
"m-addbcb": Addbcb,
},
provide() {
return {
......@@ -190,7 +242,7 @@ export default {
mixins: [commonProcess,commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "amep",
tabVal: "ovwp",
trnName: "lttame",
trnType: "",
model: new Lttame().data,
......@@ -201,6 +253,7 @@ export default {
codes: {
...CodeTable,
},
activeNames: ["setpan"],
};
},
methods: {
......
src/views/Business/Lttcan/Canp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- left -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
......
src/views/Business/Lttcan/Rcldetp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="12">
<c-col :span="24">
<el-form-item label="偿付行" prop="rmbclm.rmbrol">
......
src/views/Business/Lttcan/index.vue
......@@ -13,29 +13,60 @@
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--lttcan PD000002 Cancelation -->
<el-tab-pane label="信用证注销" name="canp">
<m-canp :model="model" :codes="codes" />
<!--PD000001 -->
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--setmod PD000000 Settlement -->
<el-tab-pane label="费用及账务" name="setpan">
<!--PD000001 -->
<!-- <el-tab-pane label="保证金" name="ccvpan">
<c-content>
<m-ccvpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000001 -->
<!-- <el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane> -->
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="setpan">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="结算" name="setpan">
<!-- 结算 -->
<m-setpan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--lttcan PD000009 MT 742 Reimbursement Claim -->
<el-tab-pane label="MT 742报销申请" name="rcldetp">
<m-rcldetp :model="model" :codes="codes" />
</el-tab-pane>
<!--coninf PD000000 Completion -->
<el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
<!--PD000510 -->
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--trndoc PD000529 &Messages -->
<el-tab-pane label="报文" name="docpan">
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--trndoc PD000546 Attachments -->
<el-tab-pane label="交易附件" name="doctre">
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
......@@ -71,6 +102,8 @@ import Check from "~/model/Lttcan/Check";
import Default from "~/model/Lttcan/Default";
import Pattern from "~/model/Lttcan/Pattern";
import Canp from "./Canp";
import Ovwp from "./Ovwp";
import Addbcb from "./Addbcb";
import Rcldetp from "./Rcldetp";
import Setpan from "~/views/Public/Setpan";
import Coninfp from "~/views/Public/Coninfp";
......@@ -80,6 +113,8 @@ import Doctre from "~/views/Public/Doctre";
export default {
name: "Lttcan",
components: {
"m-ovwp": Ovwp,
"m-addbcb": Addbcb,
"m-canp": Canp,
"m-setpan": Setpan,
"m-rcldetp": Rcldetp,
......@@ -95,7 +130,7 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "canp",
tabVal: "ovwp",
trnName: "lttcan",
model: new Lttcan().data,
checkRules: Check,
......@@ -105,6 +140,7 @@ export default {
codes: {
...CodeTable,
},
activeNames: ["setpan"],
};
},
methods: {
......
src/views/Business/Lttopn/Aamp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="11">
<c-col :span="24">
......
src/views/Business/Lttopn/Cnyp.vue
<template>
<div class="eibs-tab">
<c-col :span="12">
<!-- S0000042 : 是否报送跨境人民币2101表 -->
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2101表" prop="cnybop.cnyflg">
<c-select
v-model="model.cnybop.cnyflg"
style="width: 100%"
placeholder="请输入是否报送跨境人民币2101表 "
:code="codes.cnyflg"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000045 : 是否报送跨境人民币2107表 -->
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2107表" prop="cnybop.traflg">
<c-select
v-model="model.cnybop.traflg"
style="width: 100%"
placeholder="请输入是否报送跨境人民币2107表"
:code="codes.cnyflg"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000077 : 是否报送跨境人民币2111表 -->
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2111表" prop="cnybop.outflg">
<c-select
v-model="model.cnybop.outflg"
style="width: 100%"
placeholder="请输入是否报送跨境人民币2111表"
:code="codes.cnyflg"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000113 : 是否报送跨境人民币2106表 -->
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2106表" prop="cnybop.libflg">
<c-select
v-model="model.cnybop.libflg"
style="width: 100%"
placeholder="请输入是否报送跨境人民币2106表"
:code="codes.cnyflg"
>
</c-select>
</el-form-item>
</c-col>
<!-- S0000142 : 是否报送跨境人民币2122表 -->
<c-col :span="24">
<el-form-item label="是否报送跨境人民币2122表" prop="cnybop.vouflg">
<c-select
v-model="model.cnybop.vouflg"
style="width: 100%"
placeholder="请输入是否报送跨境人民币2122表"
:code="codes.cnyflg"
disabled
>
</c-select>
</el-form-item>
</c-col>
</c-col>
</div>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="跨境人民币申报" name="cnyp1">
<m-cnyp1 :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="2106银行跟单结算及表外融资" name="libp" v-if="model.cnybop.libflg=='1'">
<m-libp :model="model" :codes="codes"/>
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Lttopn/Event";
import Cnyp1 from "./Cnyp1";
import Libp from "./Libp"
export default {
components: {
"m-cnyp1": Cnyp1,
"m-libp" : Libp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
return {
activeNames: ["cnyp1"],
};
},
methods: { ...Event },
created: function () {},
......
src/views/Business/Lttopn/Detp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- left -->
<c-col :span="12" style="padding-right: 20px;">
<!-- 被授权的银行当事人 -->
......
src/views/Business/Lttopn/Dogp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="20">
<c-form-item label="货物描述" prop="ltdgrp.blk.lcrgod">
<c-input
......
src/views/Business/Lttopn/Libp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!--===============左 =================== -->
<el-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
......
src/views/Business/Lttopn/Lttinf.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- 顶部 -->
<c-col :span="24">
<el-form-item
......
src/views/Business/Lttopn/Ovwp.vue
<template>
<div class="eibs-tab">
<!-- 顶部 -->
<c-col :span="24">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item
label="信用证参考号"
prop="ledgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="8"
placeholder="请输入信用证参考号"
:disabled="true"
></c-input>
<template slot="footer">
<c-button
style="margin-left: 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<span
style="
font-size: 15px;
font-family: '宋体';
font-weight: bold;
"
>i</span
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12" style="padding-left: 20px;">
<el-form-item label="简略信息" prop="ledgrp.rec.nam">
<c-input
v-model="model.ledgrp.rec.nam"
maxlength="40"
placeholder="请输入简略信息"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12" style="padding-right: 20px;">
<el-form-item
label="转让信用证业务编号"
prop="ltdgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.ltdgrp.rec.ownref"
maxlength="16"
placeholder="请输入转让信用证业务编号"
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.ltdgrp.rec.ownref && model.ltdgrp.be1.pta.inr
? false
: true
"
@click="onLttpButgetref"
>
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="12" style="padding-left: 20px;">
<el-form-item label="简略信息" prop="ltdgrp.rec.nam">
<c-input
v-model="model.ltdgrp.rec.nam"
maxlength="40"
placeholder="请输入简略信息"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- left -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="转让信用证类型" prop="ltdgrp.rec.lcrtyp">
<c-select
v-model="model.ltdgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请输入转让信用证类型"
:code="codes.lcrtyp1"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="责任用户"
prop="lttp.usr.extkey"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.lttp.usr.extkey"
maxlength="8"
placeholder="请输入责任用户"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin-left: 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<span
style="
font-size: 15px;
font-family: '宋体';
font-weight: bold;
"
>i</span
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="名义金额" prop="ltdgrp.cbs.nom1.cur">
<c-select
v-model="model.ltdgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="请选择币种"
@keyup.enter.native="nom1CurEvent"
:code="codes.curtxt1"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="20px" prop="ltdgrp.cbs.nom1.amt">
<c-input-currency
v-model="model.ltdgrp.cbs.nom1.amt"
style="text-align: left; width: 100%"
placeholder="请输入名义金额"
@keyup.enter.native="
defaultFunction(
'ltdgrp.cbs.nom1.amt',
model.ltdgrp.cbs.nom1.amt
)
"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="5">
<c-checkbox
v-model="model.lttp.aamp.aammod.addamtflg"
style="margin-left: 10px"
:disabled="model.ltdgrp.cbs.max2.amt == ''"
@change="openAddDetails"
>附加金额</c-checkbox
>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="15">
<el-form-item label="金额容差 +/-" prop="ltdgrp.rec.nomtop">
<c-input
v-model.number="model.ltdgrp.rec.nomtop"
maxlength="2"
style="width: 100%"
placeholder="请输入金额下限"
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
<c-col :span="9">
<el-form-item label="" label-width="20px" prop="ltdgrp.rec.nomton">
<c-input
v-model.number="model.ltdgrp.rec.nomton"
maxlength="2"
style="width: 100%"
placeholder="请输入金额上限"
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="适用金额规范" prop="ltdgrp.rec.nomspc">
<c-select
v-model="model.ltdgrp.rec.nomspc"
style="width: 100%"
placeholder="请选择适用金额规范"
:code="codes.nomspc"
:disabled="true"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="12">
<el-form-item label="最大金额" prop="ltdgrp.cbs.max.cur">
<c-select
v-model="model.ltdgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
disabled
:code="codes.curtxt1"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="20px" prop="ltdgrp.cbs.max.amt">
<c-input
v-model="model.ltdgrp.cbs.max.amt"
placeholder="请选择最大金额"
class="m-input-currency"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="开证日期" prop="ltdgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.ltdgrp.rec.opndat"
style="width: 100%"
placeholder="请选择开证日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="装运日期" prop="ltdgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.ltdgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择装运日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="到期日" prop="ltdgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.ltdgrp.rec.expdat"
style="width: 100%"
placeholder="请选择到期日"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="in" prop="ltdgrp.rec.expplc">
<c-select
v-model="model.ltdgrp.rec.expplc"
style="width: 100%"
placeholder="请输入"
:code="codes.expplc"
></c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="分批装运" prop="ltdgrp.rec.shppar">
<c-select
v-model="model.ltdgrp.rec.shppar"
style="width: 100%"
placeholder="请选择分批装运"
:code="codes.shptrss18"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="转运" prop="ltdgrp.rec.shptrss18">
<c-select
v-model="model.ltdgrp.rec.shptrss18"
style="width: 100%"
placeholder="请选择转运"
:code="codes.shptrss18"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="适用规则" prop="ltdgrp.rec.apprul">
<c-select
v-model="model.ltdgrp.rec.apprul"
style="width: 100%"
placeholder="请选择适用规则"
:code="codes.apprul1"
@change="apprulChange"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="其他适用规则"
prop="ltdgrp.rec.apprultxt"
>
<c-input
v-model="model.ltdgrp.rec.apprultxt"
maxlength="35"
placeholder="请输入其他适用规则"
:disabled="model.ltdgrp.rec.apprul === 'OTHR' ? false : true"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="确认接收指示" prop="ltdgrp.rec.cnfins">
<c-select
v-model="model.ltdgrp.rec.cnfins"
style="width: 100%"
placeholder="请选择确认接收指示"
:code="codes.cnfflg1"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- right -->
<c-col :span="12" style="padding-left: 20px;">
<c-ptap
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="概要" name="ovwp1">
<m-ovwp1 :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="附加金额" name="aamp" v-if="model.lttp.aamp.aammod.addamtflg">
<m-aamp :model="model" :codes="codes"/>
</el-collapse-item>
<el-collapse-item title="详细信息" name="detp">
<m-detp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="当事人描述" name="ptyp">
<m-ptyp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="货物描述" name="dogp">
<m-dogp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="单据要求" name="dorp">
<m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'led'" />
</el-collapse-item>
<el-collapse-item title="附加条款" name="adcp">
<m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'led'" />
</el-collapse-item>
<el-collapse-item title="原始信用证详细信息" name="lttinf">
<m-lttinf :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item
title="受益人特殊付款条款"
name="spcbenp"
v-if="model.ltdgrp.rec.spcbenflg"
>
<m-doxp
:model="model"
:argadr="{
title: '第一受益人',
grp: 'ltdgrp',
rol: 'be1',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
:onlySearch="true"
:disabledExtkey="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="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
<c-ptap
:codes="codes"
:dtyp="'spcbenp'"
:rec="'led'"
/>
</el-collapse-item>
<el-collapse-item
title="仅限银行特殊付款条款"
name="spcrcvp"
v-if="model.ltdgrp.rec.spcrcbflg"
>
<m-doxp
:model="model"
:argadr="{
title: '通知行',
grp: 'ltdgrp',
rol: 'adt',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onIsspDet"
>
</c-ptap>
<c-ptap
:model="model"
:argadr="{
title: '第二受益人',
grp: 'ltdgrp',
rol: 'be2',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onAplpDet"
>
</c-ptap>
</c-col>
</div>
:codes="codes"
:dtyp="'spcrcvp'"
:rec="'led'"
/>
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
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";
import Utils from "~/utils";
import Ovwp1 from "./Ovwp1";
import Aamp from "./Aamp"
import Detp from "./Detp";
import Ptyp from "./Ptyp";
import Dogp from "./Dogp";
import Doxp from '~/views/Public/Doxp';
import Lttinf from "./Lttinf";
export default {
components: { "c-ptap": Ptap },
components: {
"m-ovwp1": Ovwp1,
"m-aamp" : Aamp,
"m-detp": Detp,
"m-ptyp": Ptyp,
'm-dogp': Dogp,
'm-doxp': Doxp,
"m-lttinf": Lttinf,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
return {
activeNames: ["ovwp1"],
};
},
computed: {
flag() {
return this.model.mtabut.coninf.usr.extkey == "";
},
},
methods: {
...Event,
nom1CurEvent() {
this.executeDefault("ltdgrp.cbs.nom1.cur").then((res) => {
if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data);
}
});
},
apprulChange(v) {
if (v !== "OTHR") {
this.model.ltdgrp.rec.apprultxt = "";
}
},
openAddDetails(val) {
if (
val === "" &&
!(
this.model.ltdgrp.cbs.max2.amt == "0" &&
this.model.ltdgrp.cbs.opn2.amt == "0" &&
this.model.ltdgrp.blk.addamtcov === ""
)
) {
this.$confirm(
"是否确定要删除此合同的附加金额？",
"提示",
{
confirmButtonText: "是",
cancelButtonText: "否",
type: "warning",
showClose: false,
}
)
.then(() => {
//yes的执行在这里写
this.executeRule("lttp.aamp.aammod.addamtflg").then((res) => {
if (res.respCode == SUCCESS) {
this.model.ltdgrp.cbs.max2.amt = "0";
this.model.ltdgrp.cbs.opn2.amt == "0"
this.model.ltdgrp.blk.addamtcov = "";
this.updateModel(res.data);
}
});
})
.catch(() => {
//No的功能在这里写
this.model.lttp.aamp.aammod.addamtflg = "X";
});
}
},
},
created: function () {},
};
</script>
<style>
.marginLable {
padding-left: 160px;
}
</style>
src/views/Business/Lttopn/Ptyp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- left -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
......
src/views/Business/Lttopn/index.vue
......@@ -13,74 +13,135 @@
:validate-on-rule-change="false"
>
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--lttp PD000001 Overview -->
<el-tab-pane label="概要" name="ovwp">
<!--PD000001 -->
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000027 -->
<el-tab-pane label="费用/账务" name="engp,setpan,glepan">
<c-content>
<div class="eibs-tab">
<el-collapse v-model="activeNames">
<el-collapse-item title="表外记账" name="engp">
<!-- 表外记账 -->
<m-engp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="结算" name="setpan">
<!-- 结算 -->
<m-setpan :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="会计分录" name="glepan">
<!-- 会计分录 -->
<m-glepan :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</c-content>
</el-tab-pane>
<!--PD000510 -->
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000002 -->
<el-tab-pane label="申报信息" name="cnyp">
<c-content>
<m-cnyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000529 -->
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000546 -->
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--lttp PD000001 Overview -->
<!-- <el-tab-pane label="概要" name="ovwp">
<m-ovwp :model="model" :codes="codes" />
</el-tab-pane> -->
<!--aamp PD000001 附加金额 -->
<el-tab-pane label="附加金额" name="aamp" v-if="model.lttp.aamp.aammod.addamtflg">
<!-- <el-tab-pane label="附加金额" name="aamp" v-if="model.lttp.aamp.aammod.addamtflg">
<m-aamp :model="model" :codes="codes"/>
</el-tab-pane>
</el-tab-pane> -->
<!--lttp PD000077 Details -->
<el-tab-pane label="详细信息" name="detp">
<!-- <el-tab-pane label="详细信息" name="detp">
<c-content>
<m-detp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--lttp PD000042 Parties -->
<el-tab-pane label="当事人描述" name="ptyp">
<!-- <el-tab-pane label="当事人描述" name="ptyp">
<m-ptyp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--lttp PD000057 Goods -->
<el-tab-pane label="货物描述" name="dogp">
<!-- <el-tab-pane label="货物描述" name="dogp">
<m-dogp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--lttp PD000060 Documents -->
<el-tab-pane label="单据要求" name="dorp">
<!-- <el-tab-pane label="单据要求" name="dorp">
<m-doxp :model="model" :codes="codes" :dtyp="'dorp'" :rec="'led'" />
</el-tab-pane>
</el-tab-pane> -->
<!--lttp PD000073 Add. Cond. -->
<el-tab-pane label="附加条款" name="adcp">
<!-- <el-tab-pane label="附加条款" name="adcp">
<m-doxp :model="model" :codes="codes" :dtyp="'adcp'" :rec="'led'" />
</el-tab-pane>
</el-tab-pane> -->
<!--lttp PD000169 Orig. L/C Details -->
<el-tab-pane label="原始信用证详细信息" name="lttinf">
<!-- <el-tab-pane label="原始信用证详细信息" name="lttinf">
<m-lttinf :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--liaall PD000027 Liability -->
<el-tab-pane label="表外" name="engp">
<!-- <el-tab-pane label="表外" name="engp">
<m-engp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--setmod PD000000 Settlement -->
<el-tab-pane label="费用及账务" name="setpan">
<!-- <el-tab-pane label="费用及账务" name="setpan">
<m-setpan :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--glemod PD000001 -->
<el-tab-pane label="分录" name="glepan">
<!-- <el-tab-pane label="分录" name="glepan">
<m-glepan :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--coninf PD000000 Completion -->
<el-tab-pane label="附言" name="coninfp">
<!-- <el-tab-pane label="附言" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--trndoc PD000529 &Messages -->
<el-tab-pane label="报文" name="docpan">
<!-- <el-tab-pane label="报文" name="docpan">
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--trndoc PD000546 Attachments -->
<el-tab-pane label="交易附件" name="doctre">
<!-- <el-tab-pane label="交易附件" name="doctre">
<m-doctre :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--cnybop PD000002 跨境人民币申报 -->
<el-tab-pane label="跨境人民币申报" name="cnyp">
<!-- <el-tab-pane label="跨境人民币申报" name="cnyp">
<m-cnyp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--cnybop PD000110 2106银行跟单结算及表外融资 -->
<el-tab-pane label="2106银行跟单结算及表外融资" name="libp" v-if="model.cnybop.libflg=='1'">
<!-- <el-tab-pane label="2106银行跟单结算及表外融资" name="libp" v-if="model.cnybop.libflg=='1'">
<m-libp :model="model" :codes="codes"/>
</el-tab-pane>
</el-tab-pane> -->
<!--lttp PD000371 Special Payment Beneficiary -->
<el-tab-pane
<!-- <el-tab-pane
label="受益人特殊付款条款"
name="spcbenp"
v-if="model.ltdgrp.rec.spcbenflg"
......@@ -91,9 +152,9 @@
:dtyp="'spcbenp'"
:rec="'led'"
/>
</el-tab-pane>
</el-tab-pane> -->
<!--lttp PD000372 Special Payment Rcv Bank only -->
<el-tab-pane
<!-- <el-tab-pane
label="仅限银行特殊付款条款"
name="spcrcvp"
v-if="model.ltdgrp.rec.spcrcbflg"
......@@ -104,7 +165,7 @@
:dtyp="'spcrcvp'"
:rec="'led'"
/>
</el-tab-pane>
</el-tab-pane> -->
</c-tabs>
</el-form>
<c-function-btn
......@@ -153,6 +214,7 @@ import Glepan from "~/views/Public/Glepan";
import Doxp from '~/views/Public/Doxp';
import Aamp from "./Aamp"
import Libp from "./Libp"
import Addbcb from "./Addbcb"
export default {
name: "Lttopn",
......@@ -172,6 +234,7 @@ export default {
'm-doxp': Doxp,
'm-dogp': Dogp,
"m-aamp" : Aamp,
"m-addbcb" : Addbcb,
},
provide() {
return {
......@@ -191,6 +254,7 @@ export default {
codes: {
...CodeTable,
},
activeNames: ["engp"],
};
},
methods: {
......
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