Skip to content

V
vue-gjjs
Commit 5f5247ac by 闫泽浩
Options

LetameUi改造

parent 787019fa
Showing with 651 additions and 508 deletions
src/views/Business/Letame/Addbcb.vue 0 → 100644
<template>
<div class="eibs">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="提示信息" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-collapse-item>
</el-collapse>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Letame/Event";
import Coninfp from "~/views/Public/Coninfp";
export default {
components: {
"m-coninfp": Coninfp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["coninfp"],
};
},
methods: {
...Event,
handleChange(val) {
console.log(val);
},
},
created: function () {},
};
</script>
<style>
</style>
src/views/Business/Letame/Amep.vue
...@@ -96,6 +96,7 @@ ...@@ -96,6 +96,7 @@
<c-select <c-select
v-model="model.ledgrp.cbs.nom1.cur" v-model="model.ledgrp.cbs.nom1.cur"
maxlength="3" maxlength="3"
style="width: 100%"
placeholder="请选择币种" placeholder="请选择币种"
:code="codes.curtxt1" :code="codes.curtxt1"
disabled disabled
......
src/views/Business/Letame/Ovwp.vue
<template> <template>
<div class="eibs-tab"> <div class="eibs">
<!-- =================顶部====================== --> <el-collapse v-model="activeNames" @change="handleChange">
<c-row> <el-collapse-item title="修改内容" name="amep">
<c-col :span="24"> <m-amep :model="model" :codes="codes" />
<c-col :span="11"> </el-collapse-item>
<el-form-item <el-collapse-item title="概览信息" name="ovwp1">
label="信用证编号" <m-ovwp1 :model="model" :codes="codes" />
prop="ledgrp.rec.ownref" </el-collapse-item>
style="width: 100%" <el-collapse-item title="详细信息" name="detp">
> <m-detp :model="model" :codes="codes" />
<c-fullbox> </el-collapse-item>
<c-input <el-collapse-item title="当事人信息" name="ptyp">
v-model="model.ledgrp.rec.ownref" <m-ptyp :model="model" :codes="codes" />
maxlength="16" </el-collapse-item>
placeholder="请输入编号" <el-collapse-item title="附加条款" name="adcpame">
style="width: 95%" <m-doxpame :model="model"
:disabled="true" :codes="codes"
> :recgrp="'ledgrp'"
</c-input> :ametyp="'lcrgod'" />
<template slot="footer"> </el-collapse-item>
<c-button <el-collapse-item title="单据修改" name="dorpame">
style="margin: 0 10px 0 0; padding: 0 12px" <m-doxpame :model="model"
size="small" :codes="codes"
type="primary" :recgrp="'ledgrp'"
@click="onSeainf" :ametyp="'lcrgod'" />
> </el-collapse-item>
<span <el-collapse-item title="货物修改" name="dogpame">
style=" <m-doxpame :model="model"
font-size: 15px; :codes="codes"
font-family: '宋体'; :recgrp="'ledgrp'"
font-weight: bold; :ametyp="'lcrgod'" />
" </el-collapse-item>
>i</span <el-collapse-item title="给付款、承兑、议付行的指示" name="inspame">
> <m-inspame :model="model" :codes="codes" />
</c-button> </el-collapse-item>
<c-button
style="margin: 0 0"
size="small" </el-collapse>
type="primary"
:disabled="
model.ledgrp.ben.pts.adrblk && !model.ledgrp.rec.ownref
? false </div>
: true
"
@click="onLetpButgetref"
>
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="ledgrp.rec.nam">
<c-input
text-align="middle"
v-model="model.ledgrp.rec.nam"
maxlength="40"
placeholder="请输入"
disabled
>
</c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
<!-- ====================左边======================= -->
<c-col :span="11">
<!-- Form of L/C -->
<c-col :span="24">
<el-form-item label="信用证类型" prop="ledgrp.rec.lcrtyp">
<c-select
v-model="model.ledgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择类型"
:code="codes.lcrtyp"
>
</c-select>
</el-form-item>
</c-col>
<!-- Responsible user 所属客户经理-->
<c-col :span="24">
<el-form-item label="客户经理" prop="letp.usr.extkey">
<c-fullbox>
<c-input v-model="model.letp.usr.extkey" maxlength="8" placeholder="请输入" disabled></c-input>
<template slot="footer">
<c-button style="margin-left:10px;padding: 0 10px;" size="small" icon="el-icon-search" type="primary"
@click="onExtkey"></c-button>
<c-checkbox :disabled="true" style="margin-left:5px;" v-model="model.ledgrp.rec.collflg">Collateralized L/C</c-checkbox>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- Nominal Amount 信用证金额-->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="信用证金额" prop="ledgrp.cbs.nom1.cur">
<c-select v-model="model.ledgrp.cbs.nom1.cur" style="width: 100%" placeholder="请选择币种"
:code="codes.curtxt1"
disabled>
</c-select>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.nom1.amt">
<c-input-currency v-model="model.ledgrp.cbs.nom1.amt" style="text-align: left; width: 95%"
placeholder="请输入Nominal Amount" @keyup.enter.native="$event.target.blur()"
disabled></c-input-currency>
<!-- @keyup.enter.native="$event.target.blur()" :回车触发失去焦点发生的事件 -->
<!-- <c-input-currency v-model="model.ledgrp.cbs.nom1.amt" style="text-align: left; width: 100%"
placeholder="请输入Nominal Amount"></c-input-currency> -->
</el-form-item>
</c-col>
<c-col :span="5">
<c-checkbox v-model="model.letp.aamp.aammod.addamtflg" style="margin-left:-1px;"
disabled>附加金额</c-checkbox>
</c-col>
</c-col>
<!-- 金额浮动 Amount Tolerance +/- -->
<c-col :span="24">
<c-col :span="12">
<c-form-item label="金额浮动" prop="ledgrp.rec.nomtop">
<c-input v-model.number="model.ledgrp.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="ledgrp.rec.nomton">
<c-input v-model.number="model.ledgrp.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-checkbox v-model="model.ledgrp.preadvflg" style="margin-left:10px;">预先通知</c-checkbox> -->
</c-col>
</c-col>
<!-- Amount Specification 适用金额规范-->
<c-col :span="24">
<c-col :span="19">
<el-form-item label="金额限额表述" prop="ledgrp.rec.nomspc">
<c-select v-model="model.ledgrp.rec.nomspc" style="width: 97%" placeholder="请选择适用金额规范"
:code="codes.nomspc" disabled>
</c-select>
</el-form-item>
</c-col>
<!-- Incoming Transfer -->
<c-col :span="5">
<c-checkbox v-model="model.ledgrp.rec.inctrf" style="margin-left:-1px;" disabled>Incoming Transfer</c-checkbox>
</c-col>
</c-col>
<!-- Maximum Amount 信用证最大金额-->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="最大金额" prop="ledgrp.cbs.max.cur">
<c-select
v-model="model.ledgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.curtxt1"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.max.amt">
<c-input
disabled
v-model="model.ledgrp.cbs.max.amt"
placeholder="请输入最大金额"
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- Issued on开证日期 Date Pre-advised 预通知日期-->
<c-col :span="12">
<el-form-item label="开证日期" prop="ledgrp.rec.opndat">
<c-date-picker type="date" v-model="model.ledgrp.rec.opndat" style="width: 100%" value-format="yyyy-MM-dd"
placeholder="请选择开证日期">
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="预通知日期" label-width="120px" prop="ledgrp.rec.preadvdt">
<c-date-picker type="date" v-model="model.ledgrp.rec.preadvdt" style="width: 100%" value-format="yyyy-MM-dd" placeholder="请选择日期" disabled>
</c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- Shipment Date 装运日期 -->
<c-col :span="12">
<el-form-item label="装运日期" prop="ledgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.ledgrp.rec.shpdat" style="width: 100%" placeholder="请选择装运日期" value-format="yyyy-MM-dd">
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="复核日期" label-width="120px" prop="ledgrp.rec.advdat">
<c-date-picker disabled type="date" v-model="model.ledgrp.rec.advdat" style="width: 100%" placeholder="请选择通知日期" value-format="yyyy-MM-dd">
</c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!--Expiring on 到期日 -->
<c-col :span="12">
<el-form-item label="生效日期" prop="ledgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.ledgrp.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="生效地点" prop="ledgrp.rec.expplc">
<c-input
v-model="model.ledgrp.rec.expplc"
maxlength="29"
placeholder="有效地点"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="保兑指示" prop="ledgrp.rec.cnfdet">
<c-select
v-model="model.ledgrp.rec.cnfdet"
style="width: 100%"
placeholder="请选择确认接收指示"
:code="codes.cnfins"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!--Applicable Rules 适用规则 -->
<c-col :span="24">
<el-form-item label="适用规则" prop="ledgrp.rec.apprul">
<c-select
v-model="model.ledgrp.rec.apprul"
style="width: 100%"
placeholder="请选择Applicable Rules"
:code="codes.apprul1"
@change="apprulChange"
>
</c-select>
</el-form-item>
</c-col>
<!-- 其他规则 -->
<c-col :span="24">
<el-form-item label="其他适用规则" prop="ledgrp.rec.apprultxt">
<c-input
v-model="model.ledgrp.rec.apprultxt"
maxlength="35"
placeholder="请输入其他规则"
:disabled="model.ledgrp.rec.apprul === 'OTHR' ? false : true"
></c-input>
</el-form-item>
</c-col>
<!--Partial Shipment 分批装运 -->
<c-col :span="24">
<el-form-item label="分批装运" prop="ledgrp.rec.shppar">
<c-select
v-model="model.ledgrp.rec.shppar"
style="width: 100%"
placeholder="请选择Partial Shipment"
:code="codes.shptrss18"
>
</c-select>
</el-form-item>
</c-col>
<!--Transshipment 转运 -->
<c-col :span="24">
<el-form-item label="转运" prop="ledgrp.rec.shptrss18">
<c-select
v-model="model.ledgrp.rec.shptrss18"
style="width: 100%"
placeholder="请选择转运"
:code="codes.shptrss18"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<!--Beneficiary Ref. 受益人 -->
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '受益人',
grp: 'ledgrp',
rol: 'ben',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
</c-col>
<!-- 开证行 Issuer Ref.-->
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '开证行',
grp: 'ledgrp',
rol: 'iss',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onIsspDet"
>
</c-ptap>
</c-col>
<!--Applicant Ref. 申请人 -->
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '申请人',
grp: 'ledgrp',
rol: 'apl',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onAplpDet"
>
</c-ptap>
</c-col>
<c-col :span="12" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.revflg"
@change="openRevolvingDetails"
>循环信用证</c-checkbox
>
</c-col>
<!-- Authorization to Debit 借记授权书-->
<c-col :span="12" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.dbtflg">Authorization to Debit</c-checkbox>
</c-col>
<!-- Non-Bank Issuer 非银行发行人-->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.nonban"
>非银行发行人</c-checkbox
>
</c-col>
<!-- Test Key Unconfirmity 测试密钥-->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.teskeyunc">Test Key Unconfirmity</c-checkbox>
</c-col>
</c-col>
</div>
</template> </template>
<script> <script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess"; import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"; import Event from "~/model/Getamc/Event";
import Event from "~/model/Letopn/Event"; import Amep from "./Amep";
import Utils from '~/utils'; import Ovwp1 from "./Ovwp1";
import Ptap from "~/views/Public/Ptap"; import Detp from "./Detp";
import Ptyp from "./Ptyp";
import Doxpame from "~/views/Public/Doxpame";
import Inspame from "./Inspame";
export default { export default {
components: { "c-ptap": Ptap }, components: {
inject: ["root"], "m-amep": Amep,
props: ["model", "codes"], "m-ovwp1": Ovwp1,
mixins: [commonProcess], "m-detp": Detp,
data() { "m-ptyp": Ptyp,
return {}; "m-doxpame": Doxpame,
}, },
methods: { inject: ['root'],
...Event, props:["model","codes"],
onExtkey(){}, mixins: [commonProcess],
apprulChange(v) { data(){
if (v !== "OTHR") { return {
this.model.ledgrp.rec.apprultxt = ""; activeNames: ["amep","ovwp1","detp","ptyp","adcpame","dogpame","doxpame","Inspame"],
}
},
methods:{...Event},
created:function(){
} }
}, }
openRevolvingDetails(val){ </script>
if(val ==='' && !(this.model.ledgrp.rec.revtyp ===''&& this.model.ledgrp.rec.revtimes == '0' && this.model.ledgrp.rec.revdat ==='' <style>
&&this.model.ledgrp.rec.revcum ===''&&this.model.ledgrp.blk.revcls ===''&&this.model.ledgrp.blk.revnotes ==='') ){
this.$confirm('Are you sure you want to delete the entered Revolving Details?','提示',{ </style>
confirmButtonText: 'Yes', \ No newline at end of file
cancelButtonText: 'No',
type: 'warning',
showClose:false
}).then(() => {//yes的执行在这里写
this.executeRule('ledgrp.rec.revflg').then(res => {
if (res.respCode == SUCCESS) {
this.model.ledgrp.rec.revdat ='';//后端在事件中把日期置为null而不是nullstr，导致日期实际并没有清空，故在此加清空日期
this.updateModel(res.data)
}
})
// this.model.ledgrp.rec.revtyp ='';
// this.model.ledgrp.rec.revtimes = '0';
// this.model.ledgrp.rec.revdat ='';
// this.model.ledgrp.rec.revcum ='';
// this.model.ledgrp.blk.revcls ='';
// this.model.ledgrp.blk.revnotes ='';
// this.$message({
// type: 'success',
// message: '删除成功!'
// });
}).catch(() => {//No的功能在这里写
this.model.ledgrp.rec.revflg ='X'
// this.$message({
// type: 'info',
// message: '已取消'
// });
});
}
},
},
created: function () {},
};
</script>
<style>
.marginLable {
padding-left: 150px;
}
</style>
src/views/Business/Letame/Ovwp1.vue 0 → 100644
<template>
<div class="eibs">
<!-- =================顶部====================== -->
<c-row>
<c-col :span="24">
<c-col :span="11">
<el-form-item
label="信用证编号"
prop="ledgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="16"
placeholder="请输入编号"
style="width: 95%"
:disabled="true"
>
</c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 0; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<span
style="
font-size: 15px;
font-family: '宋体';
font-weight: bold;
"
>i</span
>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="
model.ledgrp.ben.pts.adrblk && !model.ledgrp.rec.ownref
? false
: true
"
@click="onLetpButgetref"
>
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="摘要" prop="ledgrp.rec.nam">
<c-input
text-align="middle"
v-model="model.ledgrp.rec.nam"
maxlength="40"
placeholder="请输入"
disabled
>
</c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
<!-- ====================左边======================= -->
<c-col :span="11">
<!-- Form of L/C -->
<c-col :span="24">
<el-form-item label="信用证类型" prop="ledgrp.rec.lcrtyp">
<c-select
v-model="model.ledgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择类型"
:code="codes.lcrtyp"
>
</c-select>
</el-form-item>
</c-col>
<!-- Responsible user 所属客户经理-->
<c-col :span="24">
<el-form-item label="客户经理" prop="letp.usr.extkey">
<c-fullbox>
<c-input v-model="model.letp.usr.extkey" maxlength="8" placeholder="请输入" disabled></c-input>
<template slot="footer">
<c-button style="margin-left:10px;padding: 0 10px;" size="small" icon="el-icon-search" type="primary"
@click="onExtkey"></c-button>
<c-checkbox :disabled="true" style="margin-left:5px;" v-model="model.ledgrp.rec.collflg">Collateralized L/C</c-checkbox>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- Nominal Amount 信用证金额-->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="信用证金额" prop="ledgrp.cbs.nom1.cur">
<c-select v-model="model.ledgrp.cbs.nom1.cur" style="width: 100%" placeholder="请选择币种"
:code="codes.curtxt1"
disabled>
</c-select>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.nom1.amt">
<c-input-currency v-model="model.ledgrp.cbs.nom1.amt" style="text-align: left; width: 95%"
placeholder="请输入Nominal Amount" @keyup.enter.native="$event.target.blur()"
disabled></c-input-currency>
<!-- @keyup.enter.native="$event.target.blur()" :回车触发失去焦点发生的事件 -->
<!-- <c-input-currency v-model="model.ledgrp.cbs.nom1.amt" style="text-align: left; width: 100%"
placeholder="请输入Nominal Amount"></c-input-currency> -->
</el-form-item>
</c-col>
<c-col :span="5">
<c-checkbox v-model="model.letp.aamp.aammod.addamtflg" style="margin-left:-1px;"
disabled>附加金额</c-checkbox>
</c-col>
</c-col>
<!-- 金额浮动 Amount Tolerance +/- -->
<c-col :span="24">
<c-col :span="12">
<c-form-item label="金额浮动" prop="ledgrp.rec.nomtop">
<c-input v-model.number="model.ledgrp.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="ledgrp.rec.nomton">
<c-input v-model.number="model.ledgrp.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-checkbox v-model="model.ledgrp.preadvflg" style="margin-left:10px;">预先通知</c-checkbox> -->
</c-col>
</c-col>
<!-- Amount Specification 适用金额规范-->
<c-col :span="24">
<c-col :span="19">
<el-form-item label="金额限额表述" prop="ledgrp.rec.nomspc">
<c-select v-model="model.ledgrp.rec.nomspc" style="width: 97%" placeholder="请选择适用金额规范"
:code="codes.nomspc" disabled>
</c-select>
</el-form-item>
</c-col>
<!-- Incoming Transfer -->
<c-col :span="5">
<c-checkbox v-model="model.ledgrp.rec.inctrf" style="margin-left:-1px;" disabled>Incoming Transfer</c-checkbox>
</c-col>
</c-col>
<!-- Maximum Amount 信用证最大金额-->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="最大金额" prop="ledgrp.cbs.max.cur">
<c-select
v-model="model.ledgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.curtxt1"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.max.amt">
<c-input
disabled
v-model="model.ledgrp.cbs.max.amt"
placeholder="请输入最大金额"
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- Issued on开证日期 Date Pre-advised 预通知日期-->
<c-col :span="12">
<el-form-item label="开证日期" prop="ledgrp.rec.opndat">
<c-date-picker type="date" v-model="model.ledgrp.rec.opndat" style="width: 100%" value-format="yyyy-MM-dd"
placeholder="请选择开证日期">
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="预通知日期" label-width="120px" prop="ledgrp.rec.preadvdt">
<c-date-picker type="date" v-model="model.ledgrp.rec.preadvdt" style="width: 100%" value-format="yyyy-MM-dd" placeholder="请选择日期" disabled>
</c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- Shipment Date 装运日期 -->
<c-col :span="12">
<el-form-item label="装运日期" prop="ledgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.ledgrp.rec.shpdat" style="width: 100%" placeholder="请选择装运日期" value-format="yyyy-MM-dd">
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="复核日期" label-width="120px" prop="ledgrp.rec.advdat">
<c-date-picker disabled type="date" v-model="model.ledgrp.rec.advdat" style="width: 100%" placeholder="请选择通知日期" value-format="yyyy-MM-dd">
</c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!--Expiring on 到期日 -->
<c-col :span="12">
<el-form-item label="生效日期" prop="ledgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.ledgrp.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="生效地点" prop="ledgrp.rec.expplc">
<c-input
v-model="model.ledgrp.rec.expplc"
maxlength="29"
placeholder="有效地点"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="保兑指示" prop="ledgrp.rec.cnfdet">
<c-select
v-model="model.ledgrp.rec.cnfdet"
style="width: 100%"
placeholder="请选择确认接收指示"
:code="codes.cnfins"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!--Applicable Rules 适用规则 -->
<c-col :span="24">
<el-form-item label="适用规则" prop="ledgrp.rec.apprul">
<c-select
v-model="model.ledgrp.rec.apprul"
style="width: 100%"
placeholder="请选择Applicable Rules"
:code="codes.apprul1"
@change="apprulChange"
>
</c-select>
</el-form-item>
</c-col>
<!-- 其他规则 -->
<c-col :span="24">
<el-form-item label="其他适用规则" prop="ledgrp.rec.apprultxt">
<c-input
v-model="model.ledgrp.rec.apprultxt"
maxlength="35"
placeholder="请输入其他规则"
:disabled="model.ledgrp.rec.apprul === 'OTHR' ? false : true"
></c-input>
</el-form-item>
</c-col>
<!--Partial Shipment 分批装运 -->
<c-col :span="24">
<el-form-item label="分批装运" prop="ledgrp.rec.shppar">
<c-select
v-model="model.ledgrp.rec.shppar"
style="width: 100%"
placeholder="请选择Partial Shipment"
:code="codes.shptrss18"
>
</c-select>
</el-form-item>
</c-col>
<!--Transshipment 转运 -->
<c-col :span="24">
<el-form-item label="转运" prop="ledgrp.rec.shptrss18">
<c-select
v-model="model.ledgrp.rec.shptrss18"
style="width: 100%"
placeholder="请选择转运"
:code="codes.shptrss18"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<!--Beneficiary Ref. 受益人 -->
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '受益人',
grp: 'ledgrp',
rol: 'ben',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
</c-col>
<!-- 开证行 Issuer Ref.-->
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '开证行',
grp: 'ledgrp',
rol: 'iss',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onIsspDet"
>
</c-ptap>
</c-col>
<!--Applicant Ref. 申请人 -->
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '申请人',
grp: 'ledgrp',
rol: 'apl',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onAplpDet"
>
</c-ptap>
</c-col>
<c-col :span="12" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.revflg"
@change="openRevolvingDetails"
>循环信用证</c-checkbox
>
</c-col>
<!-- Authorization to Debit 借记授权书-->
<c-col :span="12" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.dbtflg">Authorization to Debit</c-checkbox>
</c-col>
<!-- Non-Bank Issuer 非银行发行人-->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.nonban"
>非银行发行人</c-checkbox
>
</c-col>
<!-- Test Key Unconfirmity 测试密钥-->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.teskeyunc">Test Key Unconfirmity</c-checkbox>
</c-col>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Letopn/Event";
import Utils from '~/utils';
import Ptap from "~/views/Public/Ptap";
export default {
components: { "c-ptap": Ptap },
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
methods: {
...Event,
onExtkey(){},
apprulChange(v) {
if (v !== "OTHR") {
this.model.ledgrp.rec.apprultxt = "";
}
},
openRevolvingDetails(val){
if(val ==='' && !(this.model.ledgrp.rec.revtyp ===''&& this.model.ledgrp.rec.revtimes == '0' && this.model.ledgrp.rec.revdat ===''
&&this.model.ledgrp.rec.revcum ===''&&this.model.ledgrp.blk.revcls ===''&&this.model.ledgrp.blk.revnotes ==='') ){
this.$confirm('Are you sure you want to delete the entered Revolving Details?','提示',{
confirmButtonText: 'Yes',
cancelButtonText: 'No',
type: 'warning',
showClose:false
}).then(() => {//yes的执行在这里写
this.executeRule('ledgrp.rec.revflg').then(res => {
if (res.respCode == SUCCESS) {
this.model.ledgrp.rec.revdat ='';//后端在事件中把日期置为null而不是nullstr，导致日期实际并没有清空，故在此加清空日期
this.updateModel(res.data)
}
})
// this.model.ledgrp.rec.revtyp ='';
// this.model.ledgrp.rec.revtimes = '0';
// this.model.ledgrp.rec.revdat ='';
// this.model.ledgrp.rec.revcum ='';
// this.model.ledgrp.blk.revcls ='';
// this.model.ledgrp.blk.revnotes ='';
// this.$message({
// type: 'success',
// message: '删除成功!'
// });
}).catch(() => {//No的功能在这里写
this.model.ledgrp.rec.revflg ='X'
// this.$message({
// type: 'info',
// message: '已取消'
// });
});
}
},
},
created: function () {},
};
</script>
<style>
.marginLable {
padding-left: 150px;
}
</style>
src/views/Business/Letame/index.vue
<template> <template>
<div class="eContainer"> <div class="eContainer">
<c-function-btn <c-page title="进口信用证开立">
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
<!-- <el-button size="small">备忘录</el-button>
<el-button size="small">影像信息</el-button>
<el-button size="small">保存模板</el-button>
<el-button size="small">使用模板</el-button>
<el-button size="small">制裁信息</el-button>
<el-button size="small">拆分报文</el-button>
<el-button size="small">智能提示</el-button> -->
<el-button size="small">用户确认</el-button>
<el-button size="small">检核</el-button>
<el-button size="small">日志</el-button>
<el-button size="small">inc to Ben</el-button>
<el-button size="small">imgyge</el-button>
<el-button size="small">img</el-button>
<el-button size="small">His.img</el-button>
</c-function-btn>
<el-form <el-form
:model="model" :model="model"
:rules="rules" :rules="rules"
...@@ -31,50 +12,81 @@ ...@@ -31,50 +12,81 @@
> >
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick"> <c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<!--PD000001 修改--> <!--PD000001 修改-->
<el-tab-pane label="修改内容" name="amep"> <!-- <el-tab-pane label="修改内容" name="amep">
<c-content> <c-content>
<m-amep :model="model" :codes="codes" /> <m-amep :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000017 基本信息--> <!--PD000017 基本信息-->
<el-tab-pane label="概览信息" name="ovwp"> <!-- <el-tab-pane label="概览信息" name="ovwp">
<c-content> <c-content>
<m-ovwp :model="model" :codes="codes" /> <m-ovwp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000063 信用证信息--> <!--PD000063 信用证信息-->
<el-tab-pane label="详细信息" name="detp"> <!-- <el-tab-pane label="详细信息" name="detp">
<c-content> <c-content>
<m-detp :model="model" :codes="codes" /> <m-detp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000001 附加金额--> <!--PD000001 附加金额-->
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane <el-tab-pane
v-if="model.letp.aamp.aammod.addamtflg" v-if="model.letp.aamp.aammod.addamtflg"
label="附加金额" label="附加金额"
name="aamp" name="aamp"
> >
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<c-content> <c-content>
<m-aamp :model="model" :codes="codes" /> <m-aamp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<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>
<!--PD000042 其他当事人--> <!--PD000042 其他当事人-->
<el-tab-pane label="当事人信息" name="ptyp"> <!-- <el-tab-pane label="当事人信息" name="ptyp">
<c-content> <c-content>
<m-ptyp :model="model" :codes="codes" /> <m-ptyp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000347 --> <!--PD000347 -->
<el-tab-pane label="给付款、承兑、议付行的指示" name="inspame"> <!-- <el-tab-pane label="给付款、承兑、议付行的指示" name="inspame">
<c-content> <c-content>
<m-inspame :model="model" :codes="codes" /> <m-inspame :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000317 --> <!--PD000317 -->
<el-tab-pane label="循环信用证详情" name="revp" <el-tab-pane label="循环信用证详情" name="revp"
...@@ -85,18 +97,18 @@ ...@@ -85,18 +97,18 @@
</el-tab-pane> </el-tab-pane>
<!--PD000027 表外--> <!--PD000027 表外-->
<el-tab-pane label="表外记账" name="engp"> <!-- <el-tab-pane label="表外记账" name="engp">
<c-content> <c-content>
<m-engp :model="model" :codes="codes" /> <m-engp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000000 账务--> <!--PD000000 账务-->
<el-tab-pane label="结算" name="setpan"> <!-- <el-tab-pane label="结算" name="setpan">
<c-content> <c-content>
<m-setpan :model="model" :codes="codes" /> <m-setpan :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--letame PD000034 --> <!--letame PD000034 -->
<el-tab-pane label="MT 742 Reimbursement Clain" name="rcldetp" <el-tab-pane label="MT 742 Reimbursement Clain" name="rcldetp"
...@@ -107,28 +119,32 @@ ...@@ -107,28 +119,32 @@
</el-tab-pane> </el-tab-pane>
<!--PD000001 分录信息--> <!--PD000001 分录信息-->
<el-tab-pane label="会计分录" name="glepan"> <!-- <el-tab-pane label="会计分录" name="glepan">
<c-content> <c-content>
<m-glepan :model="model" :codes="codes" /> <m-glepan :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 附言--> <!--PD000000 附言-->
<el-tab-pane label="提示信息" name="coninfp"> <!-- <el-tab-pane label="提示信息" name="coninfp">
<c-content> <c-content>
<m-coninfp :model="model" :codes="codes" /> <m-coninfp :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000529 报文及面函--> <!--PD000529 报文及面函-->
<el-tab-pane label="报文和面函" name="docpan"> <el-tab-pane label="报文/面函" name="docpan">
<c-content> <c-content>
<m-docpan :model="model" :codes="codes" /> <m-docpan :model="model" :codes="codes" />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane>
<!--PD000546 附件--> <!--PD000546 附件-->
<el-tab-pane label="附件" name="doctre"> <el-tab-pane label="附件信息" name="doctre">
<c-content> <c-content>
<m-doctre :model="model" :codes="codes" /> <m-doctre :model="model" :codes="codes" />
</c-content> </c-content>
...@@ -138,23 +154,21 @@ ...@@ -138,23 +154,21 @@
<!-- <el-tab-pane label="货物描述修改" name="dogpame"> <!-- <el-tab-pane label="货物描述修改" name="dogpame">
<m-dogpame :model="model" :codes="codes" /> <m-dogpame :model="model" :codes="codes" />
</el-tab-pane> --> </el-tab-pane> -->
<el-tab-pane label="货物（修改）" name="dogpame"> <!-- <el-tab-pane label="货物（修改）" name="dogpame"> -->
<!-- <m-dogpame :model="model" :codes="codes" /> --> <!-- <m-dogpame :model="model" :codes="codes" /> -->
<c-content> <!-- <c-content>
<m-doxpame <m-doxpame :model="model" :codes="codes"
:model="model"
:codes="codes"
:recgrp="'ledgrp'" :recgrp="'ledgrp'"
:ametyp="'lcrgod'" :ametyp="'lcrgod'"
/> />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000102 附加条款修改--> <!--PD000102 附加条款修改-->
<!-- <el-tab-pane label="PD000102" name="adcpame"> <!-- <el-tab-pane label="PD000102" name="adcpame">
<m-adcpame :model="model" :codes="codes" /> <m-adcpame :model="model" :codes="codes" />
</el-tab-pane> --> </el-tab-pane> -->
<el-tab-pane label="附加条款(修改)" name="adcpame"> <!-- <el-tab-pane label="附加条款(修改)" name="adcpame">
<c-content> <c-content>
<m-doxpame <m-doxpame
:model="model" :model="model"
...@@ -163,13 +177,13 @@ ...@@ -163,13 +177,13 @@
:ametyp="'adlcnd'" :ametyp="'adlcnd'"
/> />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000098 单据要求修改--> <!--PD000098 单据要求修改-->
<!-- <el-tab-pane label="PD000098" name="dorpame"> <!-- <el-tab-pane label="PD000098" name="dorpame">
<m-dorpame :model="model" :codes="codes" /> <m-dorpame :model="model" :codes="codes" />
</el-tab-pane> --> </el-tab-pane> -->
<el-tab-pane label="单据修改" name="dorpame"> <!-- <el-tab-pane label="单据修改" name="dorpame">
<c-content> <c-content>
<m-doxpame <m-doxpame
:model="model" :model="model"
...@@ -178,7 +192,7 @@ ...@@ -178,7 +192,7 @@
:ametyp="'lcrdoc'" :ametyp="'lcrdoc'"
/> />
</c-content> </c-content>
</el-tab-pane> </el-tab-pane> -->
<!--PD000400 --> <!--PD000400 -->
<!-- <el-tab-pane label="PD000400" name="sprpame"> <!-- <el-tab-pane label="PD000400" name="sprpame">
...@@ -226,11 +240,7 @@ ...@@ -226,11 +240,7 @@
</el-tab-pane> --> </el-tab-pane> -->
<!--PD000001 --> <!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs> </c-tabs>
</el-form> </el-form>
<c-grid-ety-prompt-dialog <c-grid-ety-prompt-dialog
...@@ -246,9 +256,11 @@ ...@@ -246,9 +256,11 @@
@select-ety="selectMsg" @select-ety="selectMsg"
> >
</c-grid-ety-prompt-dialog> </c-grid-ety-prompt-dialog>
</c-page>
</div> </div>
</template> </template>
<script> <script>
import Addbcb from "./Addbcb";
import Api from '~/service/Api' import Api from '~/service/Api'
import CodeTable from '~/config/CodeTable' import CodeTable from '~/config/CodeTable'
import Letame from '~/model/Letame' import Letame from '~/model/Letame'
...@@ -262,6 +274,8 @@ import Ovwp from './Ovwp' ...@@ -262,6 +274,8 @@ import Ovwp from './Ovwp'
import Detp from './Detp' import Detp from './Detp'
import Aamp from './Aamp' import Aamp from './Aamp'
import Ptyp from './Ptyp' import Ptyp from './Ptyp'
import Ovwp1 from './Ovwp1'
// import Dogpame from './Dogpame' // import Dogpame from './Dogpame'
// import Dorpame from './Dorpame' // import Dorpame from './Dorpame'
// import Adcpame from './Adcpame' // import Adcpame from './Adcpame'
...@@ -298,6 +312,7 @@ export default { ...@@ -298,6 +312,7 @@ export default {
'm-ovwp': Ovwp, 'm-ovwp': Ovwp,
'm-detp': Detp, 'm-detp': Detp,
'm-aamp': Aamp, 'm-aamp': Aamp,
"m-addbcb": Addbcb,
'm-ptyp': Ptyp, 'm-ptyp': Ptyp,
// 'm-dogpame': Dogpame, // 'm-dogpame': Dogpame,
// 'm-dorpame': Dorpame, // 'm-dorpame': Dorpame,
...@@ -325,7 +340,7 @@ export default { ...@@ -325,7 +340,7 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理 mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() { data() {
return { return {
tabVal: 'amep', tabVal: 'ovwp',
trnName: 'letame', trnName: 'letame',
model: new Letame().data, model: new Letame().data,
checkRules: Check, checkRules: Check,
...@@ -333,6 +348,7 @@ export default { ...@@ -333,6 +348,7 @@ export default {
pattern: Pattern, pattern: Pattern,
rules: null, rules: null,
codes: { ...CodeTable }, codes: { ...CodeTable },
activeNames: ["engp"],
} }
}, },
methods: { 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