Skip to content

V
vue-gjjs
Commit 288875a3 by LiRui
Options

LETNOT UI改造

parent e8914af3
Showing with 727 additions and 674 deletions
src/views/Business/Letnot/Aamp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="13">
<el-form-item label="附加金额" prop="ledgrp.cbs.max2.cur">
<c-select v-model="model.ledgrp.cbs.max2.cur" style="width:100%" placeholder="请选择附加金额" disabled>
......
src/views/Business/Letnot/Adcp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="20">
<el-form-item label="附加条款" prop="ledgrp.blk.adlcnd">
<c-input
......@@ -19,10 +19,9 @@
<c-button
size="small"
type="primary"
icon="el-icon-search"
icon="el-icon-more"
@click="showGridPromptDialog('letp.adlcnd.buttxmsel', null, null,{TXT: 'ledgrp.blk.adlcnd'}, {TXT: false},'doxpDialog')"
>
...
</c-button>
</c-col>
......@@ -70,10 +69,9 @@
<c-button
size="small"
type="primary"
icon="el-icon-search"
icon="el-icon-more"
@click="showGridPromptDialog('letp.insbnk.buttxmsel', null, null,{TXT: 'ledgrp.blk.insbnk'}, {TXT: false},'doxpDialog')"
>
...
</c-button>
</c-col>
</div>
......
src/views/Business/Letnot/Addbcb.vue 0 → 100644
<template>
<div class="eibs-tab">
<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/Letnot/Detp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-row>
<!-- =========================================左边============================================= -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<!-- Available with -->
<c-col :span="24">
<el-form-item label="指定银行" prop="ledgrp.rec.avbwth">
......@@ -112,11 +112,10 @@
<c-button
size="small"
type="primary"
icon="el-icon-search"
icon="el-icon-more"
@click="showGridPromptDialog('letp.lcrdftat.buttxmsel', null, null,{TXT: 'ledgrp.blk.dftat'}, {TXT: false},'doxpDialog')"
:disabled="blkDftatFlag"
>
...
</c-button>
</template>
</c-fullbox>
......@@ -210,7 +209,7 @@
<!-- =========================================右边============================================= -->
<!-- Mixed Payment Details -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="混合付款指示" prop="ledgrp.blk.mixdet">
<c-input
......@@ -287,11 +286,10 @@
<c-button
size="small"
type="primary"
icon="el-icon-search"
icon="el-icon-more"
@click="showGridPromptDialog('letp.preper.buttxmsel', null, null,{TXT: 'ledgrp.rec.prepers18'}, {TXT: false},'doxpDialog')"
disabled
>
...
</c-button>
</template>
</c-fullbox>
......@@ -325,10 +323,9 @@
<c-button
size="small"
type="primary"
icon="el-icon-search"
icon="el-icon-more"
@click="showGridPromptDialog('letp.charia.buttxmsel', null, null,{TXT: 'ledgrp.blk.feetxt'}, {TXT: false},'doxpDialog')"
>
...
</c-button>
</template>
</c-fullbox>
......
src/views/Business/Letnot/Dogp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- Description of Goods -->
<c-col :span="20">
<el-form-item label="货物描述" prop="ledgrp.blk.lcrgod">
......@@ -19,10 +19,9 @@
<c-button
size="small"
type="primary"
icon="el-icon-search"
icon="el-icon-more"
@click="showGridPromptDialog('letp.lcrgod.buttxmsel', null, null,{TXT: 'ledgrp.blk.lcrgod'}, {TXT: false},'doxpDialog')"
>
...
</c-button>
</c-col>
<br />
......
src/views/Business/Letnot/Dorp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- 单据要求 -->
<c-col :span="20">
<el-form-item label="所需单据" prop="ledgrp.blk.lcrdoc">
......@@ -19,10 +19,9 @@
<c-button
size="small"
type="primary"
icon="el-icon-search"
icon="el-icon-more"
@click="showGridPromptDialog('letp.lcrdoc.buttxmsel', null, null,{TXT: 'ledgrp.blk.lcrdoc'}, {TXT: false},'doxpDialog')"
>
...
</c-button>
</c-col>
</div>
......
src/views/Business/Letnot/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>
<!-- ====================左边======================= -->
<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">
<c-col :span="20">
<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>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="4">
<c-checkbox
:disabled="true"
v-model="model.ledgrp.rec.collflg"
style="margin-left: 10px"
>抵押信用证</c-checkbox
>
</c-col>
</c-col>
<!-- nominal amount -->
<c-col :span="24">
<c-col :span="13">
<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: 100%"
placeholder="请输入信用证金额"
@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="请输入信用证金额"></c-input-currency> -->
</el-form-item>
</c-col>
<c-col :span="4">
<c-checkbox
v-model="model.letp.aamp.aammod.addamtflg"
style="margin-left: 10px"
@change="openAddAmount"
>附加金额</c-checkbox
>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<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: 100%"
placeholder="请输入下浮比例"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="4">
<c-checkbox v-model="model.ledgrp.preadvflg">PreAdvice or Notification</c-checkbox>
</c-col> -->
<c-col :span="4">
<c-checkbox
v-model="model.ledgrp.preadvflg"
style="margin-left: 10px"
>预先通知</c-checkbox
>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="20">
<el-form-item label="适用金额规范" prop="ledgrp.rec.nomspc">
<c-select
v-model="model.ledgrp.rec.nomspc"
style="width: 100%"
placeholder="请选择适用金额规范"
:code="codes.nomspc"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!-- Incoming Transfer -->
<c-col :span="4">
<c-checkbox
v-model="model.ledgrp.rec.inctrf"
style="margin-left: 10px"
>传入传输</c-checkbox
>
</c-col>
</c-col>
<!-- Maximum Amount -->
<c-col :span="13">
<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="11">
<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="13">
<el-form-item label="开证日期" prop="ledgrp.rec.opndat">
<c-date-picker
disabled
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="10" :offset="1">
<el-form-item
label="预通知日期"
label-width="80px"
prop="ledgrp.rec.preadvdt"
>
<c-date-picker
type="date"
v-model="model.ledgrp.rec.preadvdt"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择日期"
>
</c-date-picker>
</el-form-item>
</c-col>
<!-- shipment date -->
<c-col :span="13">
<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"
:disabled="model.ledgrp.blk.shpper!=''"
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10" :offset="1">
<el-form-item
label="通知日期"
label-width="80px"
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.apprul1"
@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 :span="24">
<el-form-item label="转运" prop="ledgrp.rec.shptrss18">
<c-select
v-model="model.ledgrp.rec.shptrss18"
style="width: 100%"
placeholder="请选择是否转运"
>
</c-select>
</el-form-item>
</c-col> -->
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<!-- <c-col :span="12">
<el-form-item label="Beneficiary Ref." prop="ledgrp.ben.pts.ref">
<c-input v-model="model.ledgrp.ben.pts.ref" maxlength="16" placeholder="请输入Beneficiary Ref."></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="letp.benp.ptsget.sdamod.dadsnd">
<c-input v-model="model.letp.benp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col> -->
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '受益人',
grp: 'ledgrp',
rol: 'ben',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '开证行',
grp: 'ledgrp',
rol: 'iss',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onIsspDet"
>
</c-ptap>
</c-col>
<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="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.revflg"
>Revolving Flag</c-checkbox
>
</c-col> -->
<!-- Authorization to Debit -->
<c-col :span="24" 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 v-model="activeNames" @change="handleChange">
<el-collapse-item title="内容" name="ovwp1">
<m-ovwp1 :model="model" :codes="codes" />
</el-collapse-item>
<!-- v-if="model.letp.aamp.aammod.addamtflg == 'X'" -->
<el-collapse-item title="附加金额" name="aamp">
<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-dorp :model="model" :codes="codes" />
</el-collapse-item>
<el-collapse-item title="其他条款" name="adcp">
<m-adcp :model="model" :codes="codes" />
</el-collapse-item>
<!-- v-if="model.ledgrp.rec.spcrcbflg == 'X'" -->
<el-collapse-item title="银行专用特殊付款条款" name="spcrcvp">
<m-spcrcvp :model="model" :codes="codes" />
</el-collapse-item>
<!-- v-if="model.ledgrp.rec.spcbenflg == 'X'" -->
<el-collapse-item title="受益人特殊付款条款" name="spcbenp">
<m-spcbenp :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/Letnot/Event'
import Utils from '~/utils'
import Ptap from '~/views/Public/Ptap'
// import Amtpanl from "~/views/Public/Amtpanl";
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Getamc/Event";
import Ovwp1 from "./Ovwp1";
import Aamp from "./Aamp";
import Detp from "./Detp";
import Ptyp from "./Ptyp";
import Dogp from "./Dogp";
import Dorp from "./Dorp";
import Adcp from "./Adcp";
import Spcrcvp from "./Spcrcvp";
import Spcbenp from "./Spcbenp";
export default {
components: { 'c-ptap': Ptap },
components: {
"m-ovwp1": Ovwp1,
"m-aamp": Aamp,
"m-detp": Detp,
"m-ptyp": Ptyp,
"m-dogp": Dogp,
"m-dorp": Dorp,
"m-adcp": Adcp,
"m-spcrcvp": Spcrcvp,
"m-spcbenp": Spcbenp,
},
inject: ['root'],
props: ['model', 'codes'],
props:["model","codes"],
mixins: [commonProcess],
data() {
return {}
},
methods: {
...Event,
apprulChange(v) {
if (v !== 'OTHR') {
this.model.ledgrp.rec.apprultxt = ''
data(){
return {
activeNames: ["ovwp1"],
}
},
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)
methods:{...Event,handleChange(){}},
created:function(){
}
})
// 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>
</script>
<style>
.marginLable {
padding-left: 150px;
}
</style>
</style>
\ No newline at end of file
src/views/Business/Letnot/Ovwp1.vue 0 → 100644
<template>
<div class="eibs">
<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 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="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="12" style="padding-right: 20px;">
<!-- 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">
<c-col :span="20">
<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>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="4">
<c-checkbox
:disabled="true"
v-model="model.ledgrp.rec.collflg"
style="margin-left: 10px"
>抵押信用证</c-checkbox
>
</c-col>
</c-col>
<!-- nominal amount -->
<c-col :span="24">
<c-col :span="13">
<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: 100%"
placeholder="请输入信用证金额"
@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="请输入信用证金额"></c-input-currency> -->
</el-form-item>
</c-col>
<c-col :span="4">
<c-checkbox
v-model="model.letp.aamp.aammod.addamtflg"
style="margin-left: 10px"
@change="openAddAmount"
>附加金额</c-checkbox
>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="13">
<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: 100%"
placeholder="请输入下浮比例"
@keyup.enter.native="$event.target.blur()"
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="4">
<c-checkbox v-model="model.ledgrp.preadvflg">PreAdvice or Notification</c-checkbox>
</c-col> -->
<c-col :span="4">
<c-checkbox
v-model="model.ledgrp.preadvflg"
style="margin-left: 10px"
>预先通知</c-checkbox
>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="20">
<el-form-item label="适用金额规范" prop="ledgrp.rec.nomspc">
<c-select
v-model="model.ledgrp.rec.nomspc"
style="width: 100%"
placeholder="请选择适用金额规范"
:code="codes.nomspc"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!-- Incoming Transfer -->
<c-col :span="4">
<c-checkbox
v-model="model.ledgrp.rec.inctrf"
style="margin-left: 10px"
>传入传输</c-checkbox
>
</c-col>
</c-col>
<!-- Maximum Amount -->
<c-col :span="13">
<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="11">
<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="13">
<el-form-item label="开证日期" prop="ledgrp.rec.opndat">
<c-date-picker
disabled
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="10" :offset="1">
<el-form-item
label="预通知日期"
label-width="80px"
prop="ledgrp.rec.preadvdt"
>
<c-date-picker
type="date"
v-model="model.ledgrp.rec.preadvdt"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择日期"
>
</c-date-picker>
</el-form-item>
</c-col>
<!-- shipment date -->
<c-col :span="13">
<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"
:disabled="model.ledgrp.blk.shpper!=''"
>
</c-date-picker>
</el-form-item>
</c-col>
<c-col :span="10" :offset="1">
<el-form-item
label="通知日期"
label-width="80px"
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.apprul1"
@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 :span="24">
<el-form-item label="转运" prop="ledgrp.rec.shptrss18">
<c-select
v-model="model.ledgrp.rec.shptrss18"
style="width: 100%"
placeholder="请选择是否转运"
>
</c-select>
</el-form-item>
</c-col> -->
</c-col>
<!-- ========================右边======================= -->
<c-col :span="12" style="padding-left: 20px;">
<!-- <c-col :span="12">
<el-form-item label="Beneficiary Ref." prop="ledgrp.ben.pts.ref">
<c-input v-model="model.ledgrp.ben.pts.ref" maxlength="16" placeholder="请输入Beneficiary Ref."></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="letp.benp.ptsget.sdamod.dadsnd">
<c-input v-model="model.letp.benp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col> -->
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '受益人',
grp: 'ledgrp',
rol: 'ben',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onBenpDet"
>
</c-ptap>
</c-col>
<c-col :span="24">
<c-ptap
:model="model"
:argadr="{
title: '开证行',
grp: 'ledgrp',
rol: 'iss',
}"
:disabled="true"
@onSeainf="onSeainf"
@onAplpDet="onIsspDet"
>
</c-ptap>
</c-col>
<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="24" class="centerLable marginLable">
<c-checkbox v-model="model.ledgrp.rec.revflg"
>Revolving Flag</c-checkbox
>
</c-col> -->
<!-- Authorization to Debit -->
<c-col :span="12">
<c-checkbox v-model="model.ledgrp.rec.dbtflg" class="checkbox-left" style="margin-left:120px">借记授权书</c-checkbox>
</c-col>
<!-- Non-Bank Issuer -->
<c-col :span="12">
<c-checkbox v-model="model.ledgrp.rec.nonban" class="checkbox-left" style="margin-left:120px"
>非银行发行人</c-checkbox
>
</c-col>
<!-- Test Key Unconfirmity -->
<c-col :span="12">
<c-checkbox v-model="model.ledgrp.rec.teskeyunc" class="checkbox-left" style="margin-left:120px">测试密钥</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/Letnot/Event'
import Utils from '~/utils'
import Ptap from '~/views/Public/Ptap'
// import Amtpanl from "~/views/Public/Amtpanl";
export default {
components: { 'c-ptap': Ptap },
inject: ['root'],
props: ['model', 'codes'],
mixins: [commonProcess],
data() {
return {}
},
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>
</style>
src/views/Business/Letnot/Ptyp.vue
<template>
<div class="eibs">
<c-row>
<!-- =================================左边================================= -->
<!-- 第一通知行 -->
<c-col :span="11">
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<c-ptap
:model="model"
......@@ -50,7 +51,7 @@
</c-col>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="12" style="padding-left: 20px;">
<!-- Applicant's Bank -->
<c-col :span="24">
<c-ptap
......@@ -66,11 +67,16 @@
</c-ptap>
</c-col>
<!-- Send Directly to Applicant's Bank -->
<c-col :span="24">
<!-- <c-col :span="24">
<c-checkbox v-model="model.ledgrp.rec.aplbnkdirsnd" style="margin-left:150px;"
>直接发送至申请银行</c-checkbox
>
</c-col>
</c-col> -->
<el-form-item label="" prop="ledgrp.rec.aplbnkdirsnd" class="checkbox-left">
<c-checkbox v-model="model.ledgrp.rec.aplbnkdirsnd"
>直接发送至申请银行</c-checkbox
>
</el-form-item>
<!-- Reimbursement Bank -->
<c-col :span="24">
......@@ -130,6 +136,7 @@
</el-table-column>
</c-edit-table>
</c-row>
</div>
</template>
<script>
import Api from '~/service/Api'
......
src/views/Business/Letnot/Spcbenp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<!-- Special Payment Cond.for BeneficiaryI -->
<c-col :span="20">
<el-form-item label="受益人特殊付款条款" prop="ledgrp.blk.spcben">
......@@ -19,10 +19,9 @@
<c-button
size="small"
type="primary"
icon="el-icon-search"
icon="el-icon-more"
@click="showGridPromptDialog('letp.spcben.buttxmsel', null, null,{TXT: 'ledgrp.blk.spcben'}, {TXT: false},'doxpDialog')"
>
...
</c-button>
</c-col>
</div>
......
src/views/Business/Letnot/Spcrcvp.vue
<template>
<div class="eibs-tab">
<div class="eibs">
<c-col :span="20">
<el-form-item label="银行专用特殊付款条款" prop="ledgrp.blk.spcrcb">
<c-input
......@@ -18,10 +18,9 @@
<c-button
size="small"
type="primary"
icon="el-icon-search"
icon="el-icon-more"
@click="showGridPromptDialog('letp.spcrcb.buttxmsel', null, null,{TXT: 'ledgrp.blk.spcrcb'}, {TXT: false},'doxpDialog')"
>
...
</c-button>
</c-col>
</div>
......
src/views/Business/Letnot/index.vue
<template>
<c-page title="出口信用证预通知">
<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"
......@@ -34,113 +16,49 @@
type="card"
@tab-click="myTabClick"
>
<!--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>
<!--PD000001 Additional Amount 附加金额/额外款项-->
<el-tab-pane
label="附加金额"
name="aamp"
v-if="model.letp.aamp.aammod.addamtflg == 'X'"
>
<c-content>
<m-aamp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000063 -->
<el-tab-pane label="信用证详情" name="detp">
<c-content>
<m-detp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000042 -->
<el-tab-pane label="银行信息" name="ptyp">
<c-content>
<m-ptyp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000055 -->
<el-tab-pane label="货物说明" name="dogp">
<c-content>
<m-dogp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000057 -->
<el-tab-pane label="单据要求" name="dorp">
<c-content>
<m-dorp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000060 -->
<el-tab-pane label="其他条款" name="adcp">
<c-content>
<m-adcp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000000 -->
<el-tab-pane label="账务" name="setpan">
<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" />
</c-content>
</el-tab-pane>
<el-tab-pane label="会计分录" name="glepan">
<c-content>
</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>
<!--PD000000 -->
<el-tab-pane label="附言" name="coninfp">
<el-tab-pane label="备查/附言" name="addbcb">
<c-content>
<m-coninfp :model="model" :codes="codes" />
<m-addbcb :model="model" :codes="codes" />
</c-content>
</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>
<!--PD000546 -->
<el-tab-pane label="附件" name="doctre">
<el-tab-pane label="附件信息" name="doctre">
<c-content>
<m-doctre :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000422 -->
<el-tab-pane
label="银行专用特殊付款条款"
name="spcrcvp"
v-if="model.ledgrp.rec.spcrcbflg == 'X'"
>
<c-content>
<m-spcrcvp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
<!--PD000394 -->
<el-tab-pane
label="受益人特殊付款条款"
name="spcbenp"
v-if="model.ledgrp.rec.spcbenflg == 'X'"
>
<c-content>
<m-spcbenp :model="model" :codes="codes" />
</c-content>
</el-tab-pane>
</c-tabs>
</el-form>
<c-grid-ety-prompt-dialog
......@@ -155,8 +73,16 @@
@select-ety="selectMsg"
>
</c-grid-ety-prompt-dialog>
</div>
<!-- <c-bus-button :$pntvm="this"></c-bus-button> j加操作按钮-->
<c-function-btn
:handleSubmit="handleSubmit"
:handleCheck="handleCheck"
:handleStash="handleStash"
>
</c-function-btn>
</c-page>
</div>
</template>
<script>
import Api from '~/service/Api'
......@@ -169,16 +95,17 @@ import Check from '~/model/Letnot/Check'
import Default from '~/model/Letnot/Default'
import Pattern from '~/model/Letnot/Pattern'
import Ovwp from './Ovwp'
import Aamp from './Aamp'
import Addbcb from './Addbcb'
// import Aamp from './Aamp'
import Spcrcvp from './Spcrcvp'
import Spcbenp from './Spcbenp'
import Detp from './Detp'
import Ptyp from './Ptyp'
import Dogp from './Dogp'
import Dorp from './Dorp'
import Adcp from './Adcp'
// import Spcbenp from './Spcbenp'
// import Detp from './Detp'
// import Ptyp from './Ptyp'
// import Dogp from './Dogp'
// import Dorp from './Dorp'
// import Adcp from './Adcp'
import Coninfp from '~/views/Public/Coninfp'
// import Coninfp from '~/views/Public/Coninfp'
import Setpan from '~/views/Public/Setpan'
import Glepan from '~/views/Public/Glepan'
import Docpan from '~/views/Public/Docpan'
......@@ -188,20 +115,21 @@ export default {
name: 'Letnot',
components: {
'm-ovwp': Ovwp,
'm-aamp': Aamp,
'm-detp': Detp,
'm-ptyp': Ptyp,
'm-dogp': Dogp,
'm-dorp': Dorp,
'm-adcp': Adcp,
// 'm-aamp': Aamp,
// 'm-detp': Detp,
// 'm-ptyp': Ptyp,
// 'm-dogp': Dogp,
// 'm-dorp': Dorp,
// 'm-adcp': Adcp,
// "m-notcha": Notcha,
'm-setpan': Setpan,
'm-glepan': Glepan,
'm-coninfp': Coninfp,
// 'm-coninfp': Coninfp,
'm-docpan': Docpan,
'm-doctre': Doctre,
'm-spcrcvp': Spcrcvp,
'm-spcbenp': Spcbenp,
'm-addbcb': Addbcb,
// 'm-spcrcvp': Spcrcvp,
// 'm-spcbenp': Spcbenp,
},
provide() {
return {
......@@ -219,6 +147,7 @@ export default {
pattern: Pattern,
rules: null,
codes: { ...CodeTable },
activeNames: ["setpan"]
}
},
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