Skip to content

V
vue-gjjs
Commit 4c135d05 by huangxin
Options

letamc的UI改造

parent 039a3d7a
Showing with 519 additions and 365 deletions
src/views/Business/Letamc/Addbcb.vue 0 → 100644
<template>
<div class="eibs-tab">
<el-collapse v-model="activeNames" @change="handleChange">
<!--el-collapse-item title="备查表" name="addbcb1">
<m-addbcb1 :model="model" :codes="codes" />
</el-collapse-item-->
<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 Utils from "~/utils";
import Event from "~/model/Litcan/Event";
//import Addbcb1 from "~/views/Public/Addbcb1";
import Coninfp from "~/views/Public/Coninfp";
export default {
components: {
"m-coninfp": Coninfp,
//"m-addbcb1": Addbcb1,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
activeNames: ["coninfp"],
};
},
methods: {
...Event,
handleChange(val) {
console.log(val);
},
},
created: function () {},
};
</script>
<style>
</style>
\ No newline at end of file
src/views/Business/Letamc/Ovwp.vue
<template>
<div class="eibs-tab">
<c-row>
<!-- ====================================顶部================================= -->
<c-col :span="24">
<c-col :span="11">
<el-form-item label="出口信用证编号" prop="ledgrp.rec.ownref" style="width: 100%">
<c-fullbox>
<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入编号" 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>
<el-collapse v-model="activeNames" @change="handleChange">
<!-- ================================左边================================= -->
<c-col :span="11">
<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>
<el-collapse-item title="保兑信息" name="conp">
<m-conp :model="model" :codes="codes" />
</el-collapse-item>
<!-- 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>
<el-collapse-item title="概览信息" name="ovwp1">
<m-ovwp1 :model="model" :codes="codes" />
</el-collapse-item>
<!-- 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">
</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()" ></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="addamtflg" style="margin-left:-1px;" @change="openAddAmount">附加金额</c-checkbox>
</c-col>
</c-col>
<el-collapse-item title="附加金额" name="aamp" v-if="model.letp.aamp.aammod.addamtflg">
<m-aamp :model="model" :codes="codes" />
</el-collapse-item>
<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="请输入上浮比例"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"></c-input>
</c-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.rec.nomton">
<c-input v-model.number="model.ledgrp.rec.nomton" maxlength="2" style="width: 95%"
placeholder="请输入下浮比例"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"></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>
<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="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>
<!-- Issued on -->
<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>
<!-- 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>
<!-- expiring on -->
<c-col :span="24">
<el-form-item label="生效日期" prop="ledgrp.rec.expdat">
<c-date-picker type="date" v-model="model.ledgrp.rec.expdat" style="width: 100%" value-format="yyyy-MM-dd"
placeholder="请选择到期日">
</c-date-picker>
</el-form-item>
</c-col>
<!-- in (place)/counters of -->
<c-col :span="24">
<el-form-item label="生效地点" prop="ledgrp.rec.expplc">
<c-input v-model="model.ledgrp.rec.expplc" maxlength="29" placeholder="有效地点"></c-input>
</el-form-item>
</c-col>
<!-- Confirmation Instruct.Received -->
<c-col :span="24">
<el-form-item label="保兑指示" prop="ledgrp.rec.cnfdet">
<c-select v-model="model.ledgrp.rec.cnfdet" style="width: 100%" placeholder="请选择确认接收指示"
:code="codes.cnfflg1">
</c-select>
</el-form-item>
</c-col>
<!-- Applicable rules -->
<c-col :span="24">
<el-form-item label="适用规则" prop="ledgrp.rec.apprul">
<c-select v-model="model.ledgrp.rec.apprul" style="width: 100%" placeholder="请选择适用规则"
:code="codes.apprul" @change="apprulChange">
</c-select>
</el-form-item>
</c-col>
<!-- Other Applicable rules -->
<c-col :span="24">
<el-form-item label="其他适用规则" prop="ledgrp.rec.apprultxt">
<c-input v-model="model.ledgrp.rec.apprultxt" maxlength="35" placeholder="请输入其他规则"
:disabled="model.ledgrp.rec.apprul === 'OTHR' ? false : true"></c-input>
</el-form-item>
</c-col>
<!-- Partial shipment -->
<c-col :span="24">
<el-form-item label="分批装运" prop="ledgrp.rec.shppar">
<c-select v-model="model.ledgrp.rec.shppar" style="width: 100%" placeholder="请选择分批装运"
:code="codes.shptrss18">
</c-select>
</el-form-item>
</c-col>
<!-- Transshipment -->
<c-col :span="24">
<el-form-item label="转运" prop="ledgrp.rec.shptrs">
<c-select v-model="model.ledgrp.rec.shptrs" style="width:100%" placeholder="请选择"
:code="codes.shptrss18">
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-ptap :model="model" :argadr="{
title: '受益人',
grp: 'ledgrp',
rol: 'ben',
}" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onBenpDet"
disabledRef
disabledExtkey>
</c-ptap>
</c-col>
<c-col :span="24">
<c-ptap :model="model" :argadr="{
title: '开证行',
grp: 'ledgrp',
rol: 'iss',
}" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onIsspDet"
disabledRef
disabledExtkey>
</c-ptap>
</c-col>
<c-col :span="24">
<c-ptap :model="model" :argadr="{
title: '申请人',
grp: 'ledgrp',
rol: 'apl',
}" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onAplpDet"
disabledRef
disabledExtkey>
</c-ptap>
</c-col>
<!-- Revolving Flag -->
<c-col :span="12" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.revflg">循环信用证</c-checkbox>
</c-col>
<!-- Authorization to Debit 借记授权书-->
<c-col :span="12" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.dbtflg">借记授权</c-checkbox>
</c-col>
<!-- Non-Bank Issuer 非银行发行人-->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.nonban">非银行发行人</c-checkbox>
</c-col>
<!-- Test Key Unconfirmity -->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.teskeyunc">测试密钥不确定</c-checkbox>
</c-col>
</c-col>
</c-row>
</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/Letamc/Event"
import Utils from "~/utils";
import Ptap from "~/views/Public/Ptap";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Getset/Event";
import Conp from "./Conp"
import Ovwp1 from "./Ovwp1"
import Aamp from "./Aamp"
export default {
components: { "c-ptap": Ptap },
inject: ['root'],
components: {
"m-conp": Conp,
"m-ovwp1": Ovwp1,
"m-aamp": Aamp,
},
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
}
activeNames: ["conp"],
};
},
computed: {
addamtflg: {
get() {
return this.model.letp.aamp.aammod.addamtflg != ''
},
set(val) {
this.model.letp.aamp.aammod.addamtflg = val ? "X" : ""
}
},
methods: {
...Event,
},
methods: { ...Event,
apprulChange(v) {
if (v !== "OTHR") {
this.model.ledgrp.rec.apprultxt = "";
}
},
openAddAmount(val){
if(val ==='' && !(this.model.ledgrp.cbs.max2.amt =='0.000'&& this.model.ledgrp.blk.addamtcov === '') ){
this.$confirm('Do you really want to delete the additional amount of this contract?','提示',{
confirmButtonText: 'Yes',
cancelButtonText: 'No',
type: 'warning',
showClose:false
}).then(() => {//yes的执行在这里写
this.executeRule('letp.aamp.aammod.addamtflg').then(res => {
if (res.respCode == SUCCESS) {
this.updateModel(res.data)
}
})
// this.model.ledgrp.cbs.max2.amt ='0.000';
// this.model.ledgrp.blk.addamtcov = '';
// this.$message({
// type: 'success',
// message: '删除成功!'
// });
}).catch(() => {//No的功能在这里写
this.model.letp.aamp.aammod.addamtflg ='X'
// this.$message({
// type: 'info',
// message: '已取消'
// });
});
}
},
created: function () {},
computed: {
},
created: function () {
}
}
};
</script>
<style>
.marginLable {
padding-left: 150px;
padding-left: 160px;
}
</style>
src/views/Business/Letamc/Ovwp1.vue 0 → 100644
<template>
<div class="eibs-tab">
<c-row>
<!-- ====================================顶部================================= -->
<c-col :span="24">
<c-col :span="11">
<el-form-item label="出口信用证编号" prop="ledgrp.rec.ownref" style="width: 100%">
<c-fullbox>
<c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入编号" style="width: 95%" :disabled="true">
</c-input>
<template slot="footer">
<c-button style="margin: 0 10px 0 0; padding: 0 12px" size="small" type="primary" @click="onSeainf">
<span style="font-size: 15px; font-family: '宋体'; font-weight: bold">i</span>
</c-button>
<c-button style="margin: 0 0" size="small" type="primary"
:disabled="model.ledgrp.ben.pts.adrblk && !model.ledgrp.rec.ownref ? false : true"
@click="onLetpButgetref">
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11" :offset="1">
<el-form-item label="简略信息" prop="ledgrp.rec.nam">
<c-input text-align="middle" v-model="model.ledgrp.rec.nam" maxlength="40" placeholder="请输入" disabled>
</c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ================================左边================================= -->
<c-col :span="11">
<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">
</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()" ></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="addamtflg" style="margin-left:-1px;" @change="openAddAmount">附加金额</c-checkbox>
</c-col>
</c-col>
<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="请输入上浮比例"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"></c-input>
</c-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.rec.nomton">
<c-input v-model.number="model.ledgrp.rec.nomton" maxlength="2" style="width: 95%"
placeholder="请输入下浮比例"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"></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>
<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="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>
<!-- Issued on -->
<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>
<!-- 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>
<!-- expiring on -->
<c-col :span="24">
<el-form-item label="生效日期" prop="ledgrp.rec.expdat">
<c-date-picker type="date" v-model="model.ledgrp.rec.expdat" style="width: 100%" value-format="yyyy-MM-dd"
placeholder="请选择到期日">
</c-date-picker>
</el-form-item>
</c-col>
<!-- in (place)/counters of -->
<c-col :span="24">
<el-form-item label="生效地点" prop="ledgrp.rec.expplc">
<c-input v-model="model.ledgrp.rec.expplc" maxlength="29" placeholder="有效地点"></c-input>
</el-form-item>
</c-col>
<!-- Confirmation Instruct.Received -->
<c-col :span="24">
<el-form-item label="保兑指示" prop="ledgrp.rec.cnfdet">
<c-select v-model="model.ledgrp.rec.cnfdet" style="width: 100%" placeholder="请选择确认接收指示"
:code="codes.cnfflg1">
</c-select>
</el-form-item>
</c-col>
<!-- Applicable rules -->
<c-col :span="24">
<el-form-item label="适用规则" prop="ledgrp.rec.apprul">
<c-select v-model="model.ledgrp.rec.apprul" style="width: 100%" placeholder="请选择适用规则"
:code="codes.apprul" @change="apprulChange">
</c-select>
</el-form-item>
</c-col>
<!-- Other Applicable rules -->
<c-col :span="24">
<el-form-item label="其他适用规则" prop="ledgrp.rec.apprultxt">
<c-input v-model="model.ledgrp.rec.apprultxt" maxlength="35" placeholder="请输入其他规则"
:disabled="model.ledgrp.rec.apprul === 'OTHR' ? false : true"></c-input>
</el-form-item>
</c-col>
<!-- Partial shipment -->
<c-col :span="24">
<el-form-item label="分批装运" prop="ledgrp.rec.shppar">
<c-select v-model="model.ledgrp.rec.shppar" style="width: 100%" placeholder="请选择分批装运"
:code="codes.shptrss18">
</c-select>
</el-form-item>
</c-col>
<!-- Transshipment -->
<c-col :span="24">
<el-form-item label="转运" prop="ledgrp.rec.shptrs">
<c-select v-model="model.ledgrp.rec.shptrs" style="width:100%" placeholder="请选择"
:code="codes.shptrss18">
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-ptap :model="model" :argadr="{
title: '受益人',
grp: 'ledgrp',
rol: 'ben',
}" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onBenpDet"
disabledRef
disabledExtkey>
</c-ptap>
</c-col>
<c-col :span="24">
<c-ptap :model="model" :argadr="{
title: '开证行',
grp: 'ledgrp',
rol: 'iss',
}" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onIsspDet"
disabledRef
disabledExtkey>
</c-ptap>
</c-col>
<c-col :span="24">
<c-ptap :model="model" :argadr="{
title: '申请人',
grp: 'ledgrp',
rol: 'apl',
}" :disabled="true" @onSeainf="onSeainf" @onAplpDet="onAplpDet"
disabledRef
disabledExtkey>
</c-ptap>
</c-col>
<!-- Revolving Flag -->
<c-col :span="12" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.revflg">循环信用证</c-checkbox>
</c-col>
<!-- Authorization to Debit 借记授权书-->
<c-col :span="12" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.dbtflg">借记授权</c-checkbox>
</c-col>
<!-- Non-Bank Issuer 非银行发行人-->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.nonban">非银行发行人</c-checkbox>
</c-col>
<!-- Test Key Unconfirmity -->
<c-col :span="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.teskeyunc">测试密钥不确定</c-checkbox>
</c-col>
</c-col>
</c-row>
</div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Letamc/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 {
}
},
computed: {
addamtflg: {
get() {
return this.model.letp.aamp.aammod.addamtflg != ''
},
set(val) {
this.model.letp.aamp.aammod.addamtflg = val ? "X" : ""
}
},
},
methods: { ...Event,
apprulChange(v) {
if (v !== "OTHR") {
this.model.ledgrp.rec.apprultxt = "";
}
},
openAddAmount(val){
if(val ==='' && !(this.model.ledgrp.cbs.max2.amt =='0.000'&& this.model.ledgrp.blk.addamtcov === '') ){
this.$confirm('Do you really want to delete the additional amount of this contract?','提示',{
confirmButtonText: 'Yes',
cancelButtonText: 'No',
type: 'warning',
showClose:false
}).then(() => {//yes的执行在这里写
this.executeRule('letp.aamp.aammod.addamtflg').then(res => {
if (res.respCode == SUCCESS) {
this.updateModel(res.data)
}
})
// this.model.ledgrp.cbs.max2.amt ='0.000';
// this.model.ledgrp.blk.addamtcov = '';
// this.$message({
// type: 'success',
// message: '删除成功!'
// });
}).catch(() => {//No的功能在这里写
this.model.letp.aamp.aammod.addamtflg ='X'
// this.$message({
// type: 'info',
// message: '已取消'
// });
});
}
},
},
created: function () {
}
}
</script>
<style>
.marginLable {
padding-left: 150px;
}
</style>
src/views/Business/Letamc/index.vue
<template>
<div class="eContainer">
<!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮-->
<c-function-btn :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">imgyge</el-button>
<!-- <el-button size="small">拆分报文</el-button> -->
<el-button size="small">img</el-button>
<el-button size="small">His.img</el-button>
</c-function-btn>
<c-page title="出口信用证通知加保兑">
<el-form :model="model" :rules="rules" ref="modelForm" label-width="120px" label-position="right" size="small"
:validate-on-rule-change="false">
<c-tabs v-model="tabVal" ref="elment" type="card" @tab-click="myTabClick">
<el-tab-pane label="业务信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="统一授信" name="limitbody">
<c-content>
<m-limitbody :model="model" :codes="codes" />
</c-content>
</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>
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-addbcb :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="报文/面函" name="docpan">
<c-content>
<m-docpan :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000056 -->
<el-tab-pane label="保兑信息" name="conp">
<!-- <el-tab-pane label="保兑信息" name="conp">
<c-content>
<m-conp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000017 -->
<el-tab-pane label="概览信息" name="ovwp">
<!-- <el-tab-pane label="概览信息" name="ovwp">
<c-content>
<m-ovwp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</el-tab-pane> -->
<!--PD000027 -->
<el-tab-pane v-if="model.letp.aamp.aammod.addamtflg" label="附加金额" name="aamp">
<!-- <el-tab-pane v-if="model.letp.aamp.aammod.addamtflg" label="附加金额" name="aamp">
<c-content>
<m-aamp :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">
<m-setpan :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--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> -->
<!--PD000000 -->
<el-tab-pane label="提示信息" name="coninfp">
<!-- <el-tab-pane label="提示信息" name="coninfp">
<m-coninfp :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--PD000529 -->
<el-tab-pane label="报文和面函" name="docpan">
<!-- <el-tab-pane label="报文和面函" name="docpan">
<m-docpan :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--PD000546 -->
<el-tab-pane label="附件" name="doctre">
<!-- <el-tab-pane label="附件" name="doctre">
<m-doctre :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
<!--PD000001 -->
<el-tab-pane label="统一授信" name="limitbody">
<!-- <el-tab-pane label="统一授信" name="limitbody">
<m-limitbody :model="model" :codes="codes" />
</el-tab-pane>
</el-tab-pane> -->
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
......@@ -86,6 +120,13 @@
@select-ety="selectEty"
>
</c-grid-ety-prompt-dialog>
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</c-page>
</div>
</template>
<script>
......@@ -100,6 +141,7 @@ import Pattern from "~/model/Letamc/Pattern"
import Conp from "./Conp"
import Ovwp from "./Ovwp"
import Aamp from "./Aamp"
import Addbcb from "./Addbcb";
// import Engp from "./Engp"
// import Setpan from "./Setpan"
// import Glepan from "./Glepan"
......@@ -120,6 +162,7 @@ import Limitbody from "~/views/Public/Limitbody";
export default {
name: "Letamc",
components: {
"m-addbcb": Addbcb,
"m-conp": Conp,
"m-ovwp": Ovwp,
"m-aamp": Aamp,
......@@ -139,7 +182,7 @@ export default {
mixins: [commonProcess, commonFuncs], // 里面包含了Default、Check等的公共处理
data() {
return {
tabVal: "conp",
tabVal: "ovwp",
trnName: "letamc",
model: new Letamc().data,
checkRules: Check,
......@@ -149,6 +192,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