<template>
<div class="eibs">
<!-- ======================= 左边 ========================= -->
<c-col :span="12" style="padding-right: 20px">
<el-col :span="24">
<el-form-item
label="信用证编号"
prop="lidgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.lidgrp.rec.ownref"
maxlength="16"
disabled
placeholder=""
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
size="small"
type="primary"
@click="onSeainf"
icon="el-icon-search"
>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
:disabled="!this.flag1 && model.lidgrp.rec.ownref==''? false:true"
@click="onLitpButgetref"
>
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</el-col>
<c-col :span="24">
<el-form-item label="信用证类型" prop="lidgrp.rec.lcrtyp">
<c-select
v-model="model.lidgrp.rec.lcrtyp"
placeholder="请选择信用证类型"
style="width: 100%"
:code="codes.lcrtyp"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="客户经理"
prop="litp.usr.extkey"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.litp.usr.extkey"
maxlength="8"
disabled
placeholder="请输入客户经理"
></c-input>
<template slot="footer">
<c-button
size="small"
style="margin-left: 10px; padding: 0 12px"
type="primary"
icon="el-icon-search"
@click="onExtkey"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<el-col :span="24">
<c-col :span="11">
<el-form-item label="名义金额" prop="lidgrp.cbs.nom1.cur">
<c-select
v-model="model.lidgrp.cbs.nom1.cur"
style="width: 100%"
placeholder="币种"
:code="codes.curtxt1"
@keyup.enter.native="nom1CurEvent"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="9">
<el-form-item
style="text-align: left; margin-left: 5px"
label-width="0px"
prop="lidgrp.cbs.nom1.amt"
>
<c-input-currency
v-model="model.lidgrp.cbs.nom1.amt"
style="text-align: left; width: 90%"
placeholder="请输入金额"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="4">
<template>
<c-checkbox
@change="open"
v-model="model.litp.aamp.aammod.addamtflg"
style="float: right; text-align: center"
>附加金额</c-checkbox
>
</template>
</c-col>
</el-col>
<c-col :span="14">
<el-form-item label="溢短装" prop="lidgrp.rec.nomtop">
<c-input
v-model="model.lidgrp.rec.nomtop"
maxlength="2"
placeholder="0"
@change="nomtopChange"
></c-input>
</el-form-item>
</c-col>
<c-col :span="10" style="text-align: left">
<el-form-item
label="-"
style="text-align: left; margin-left: 25px"
label-width="20px"
prop="lidgrp.rec.nomton"
>
<c-input
v-model="model.lidgrp.rec.nomton"
maxlength="2"
placeholder="0"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="金额限额表述" prop="lidgrp.rec.nomspc">
<c-select
v-model="model.lidgrp.rec.nomspc"
style="width: 100%"
disabled
placeholder="请选择"
:code="codes.nomspc"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="13">
<el-form-item label="最大金额" prop="lidgrp.cbs.max.cur">
<c-select
v-model="model.lidgrp.cbs.max.cur"
style="width: 100%"
disabled
placeholder="请选择币种"
@keyup.enter.native="nom1CurEvent"
>
<el-option
v-for="item in codes.curtxt1"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="5px" prop="lidgrp.cbs.max.amt">
<c-input-currency
v-model="model.lidgrp.cbs.max.amt"
disabled
placeholder="请输入信用证最大金额"
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="开证日期" prop="lidgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.lidgrp.rec.opndat"
style="width: 100%"
placeholder="请选择日期"
value-format="yyyy-MM-dd"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="预先通知日期" prop="lidgrp.rec.preadvdt">
<c-date-picker
type="date"
v-model="model.lidgrp.rec.preadvdt"
style="width: 100%"
disabled
placeholder="请选择日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="19">
<el-form-item label="最迟装船日期" prop="lidgrp.rec.shpdat">
<c-date-picker
type="date"
:disabled="
model.lidgrp.blk.shpper != '' && model.lidgrp.blk.shpper != null
"
v-model="model.lidgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="5" class="centerLable">
<c-checkbox
v-model="model.lidgrp.rec.dkflg"
style="float: right; text-align: center"
disabled
>是否代开</c-checkbox
>
</c-col>
<c-col :span="24">
<el-form-item label="有效日期" prop="lidgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.lidgrp.rec.expdat"
style="width: 100%"
placeholder="请选择日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单地点" prop="lidgrp.rec.expplc">
<c-input
v-model="model.lidgrp.rec.expplc"
maxlength="29"
placeholder="请输入交单地点"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="分批装运条款" prop="lidgrp.rec.shppar">
<c-select
v-model="model.lidgrp.rec.shppar"
style="width: 100%"
placeholder="请选择分批装运条款"
:code="codes.shptrss18"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="转运条款" prop="lidgrp.rec.shptrss18">
<c-select
v-model="model.lidgrp.rec.shptrss18"
style="width: 100%"
placeholder="请选择转运条款"
:code="codes.shptrss18"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="适用规则" prop="lidgrp.rec.apprul">
<c-select
v-model="model.lidgrp.rec.apprul"
style="width: 100%"
placeholder="请选择适用规则"
:code="codes.apprul1"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="其他适用规则" prop="lidgrp.rec.apprultxt">
<c-input
v-model="model.lidgrp.rec.apprultxt"
maxlength="35"
:disabled="this.flag"
placeholder="请输入其他适用规则"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="保兑指示" prop="lidgrp.rec.cnfdet">
<c-select
v-model="model.lidgrp.rec.cnfdet"
style="width: 100%"
placeholder="请选择保兑指示"
:code="codes.cnfflg1"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="对手行代码" prop="lidgrp.rec.oppbnk" v-if="zmqflg">
<!--自贸区标志 -->
<c-input
v-model="model.lidgrp.rec.oppbnk"
maxlength="12"
placeholder="请输入对手行代码"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="货押标志" prop="lidgrp.rec.guaflg">
<c-select
v-model="model.lidgrp.rec.guaflg"
style="width: 100%"
placeholder="请选择货押标志"
:code="codes.guaflg"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="注册编码" prop="lidgrp.rec.regref">
<c-input
v-model="model.lidgrp.rec.regref"
maxlength="16"
disabled
placeholder="请输入注册编码"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ======================右边====================== -->
<c-col :span="12" style="padding-left: 20px">
<c-col :span="24">
<el-form-item label="简略信息" prop="lidgrp.rec.nam">
<c-input
v-model="model.lidgrp.rec.nam"
maxlength="40"
disabled
placeholder="请输入简略信息"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人参考号" prop="lidgrp.apl.pts.ref">
<c-input
v-model="model.lidgrp.apl.pts.ref"
maxlength="16"
style="width: 100%"
placeholder="请输入申请人参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人" prop="lidgrp.apl.pts.extkey">
<c-fullbox>
<c-input
v-model="model.lidgrp.apl.pts.extkey"
maxlength="50"
placeholder="请输入申请人地址编码"
@keyup.enter.native="
showGridPromptDialog('lidgrp.apl.pts.extkey')
"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf('lidgrp.apl.pts.extkey')"
icon="el-icon-search"
>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click="onAplpDet"
icon="el-icon-info"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人名称地址" prop="lidgrp.apl.pts.adrblk">
<c-input
type="textarea"
:rows="4"
v-model="model.lidgrp.apl.pts.adrblk"
maxlength="50"
disabled
show-word-limit
placeholder="请输入名称地址"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="通知行参考号" prop="lidgrp.adv.pts.ref">
<c-input
v-model="model.lidgrp.adv.pts.ref"
maxlength="16"
style="width: 100%"
placeholder="请输入参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="通知行"
prop="lidgrp.adv.pts.extkey"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.lidgrp.adv.pts.extkey"
maxlength="50"
style="width: 100%"
placeholder="请输入通知行地址编码"
@keyup.enter.native="
showGridPromptDialog('lidgrp.adv.pts.extkey')
"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf('lidgrp.adv.pts.extkey')"
icon="el-icon-search"
>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click="onAdvpDet"
icon="el-icon-info"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="通知行名称地址" prop="lidgrp.adv.pts.adrblk">
<c-input
type="textarea"
:rows="4"
v-model="model.lidgrp.adv.pts.adrblk"
maxlength="80"
disabled
show-word-limit
placeholder="请输入名称地址"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="受益人参考号" prop="lidgrp.ben.pts.ref">
<c-input
v-model="model.lidgrp.ben.pts.ref"
maxlength="16"
style="width: 100%"
placeholder="请输入参考号"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="受益人地址编码" prop="lidgrp.ben.pts.extkey">
<c-fullbox>
<c-input
v-model="model.lidgrp.ben.pts.extkey"
style="width: 100%"
maxlength="16"
placeholder="请输入地址编码"
@keyup.enter.native="
showGridPromptDialog('lidgrp.ben.pts.extkey')
"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf('lidgrp.ben.pts.extkey')"
icon="el-icon-search"
>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click="onBenpDet"
icon="el-icon-info"
>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="受益人名称地址" prop="lidgrp.ben.pts.adrblk">
<c-input
type="textarea"
:rows="4"
v-model="model.lidgrp.ben.pts.adrblk"
maxlength="80"
show-word-limit
placeholder="请输入名称地址"
></c-input>
</el-form-item>
</c-col>
<c-col :span="12" class="">
<el-form-item label=" " prop="lidgrp.rec.rmbflg" label-width="120px" style=" float:left;">
<c-checkbox
v-model="model.lidgrp.rec.rmbflg"
true-label="Y"
false-label=""
disabled
>偿付行信息</c-checkbox
>
</el-form-item>
</c-col>
<c-col :span="12" class="centerLable ">
<el-form-item
label=""
style="float: right; text-align: center"
prop="lidgrp.rec.revflg"
>
<c-checkbox v-model="model.lidgrp.rec.revflg" disabled
>循环信用证</c-checkbox
>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="合同编号" prop="lidgrp.rec.rptref">
<c-input
v-model="model.lidgrp.rec.rptref"
maxlength="25"
placeholder="请输入合同编号"
></c-input>
</el-form-item>
</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/Litopn/Event";
import Utils from "~/utils";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
zmqflg: null,
flag: true,
};
},
methods: {
...Event,
nomtopChange(){
this.executeDefault("lidgrp.cbs.max.amt").then((res) => {
if ((res.respCode == SUCCESS)) {
// this.updateModel(res.data);
Utils.copyValueFromVO(this.model, res.data);
}
});
},
open(val) {
if (
val === "" &&
!(
this.model.lidgrp.cbs.max2.amt == "0.000" &&
this.model.lidgrp.cbs.opn2.amt == "0.000" &&
this.model.lidgrp.blk.addamtcov === ""
)
) {
this.$confirm(
"是否确定要删除此合同的附加金额？",
"提示",
{
confirmButtonText: "是",
cancelButtonText: "否",
type: "warning",
showClose: false,
}
)
.then(() => {
//yes的执行在这里写
this.model.lidgrp.cbs.max2.amt = "0.000";
this.model.lidgrp.blk.addamtcov = "";
this.model.lidgrp.cbs.opn2.amt = "0.000";
this.$message({
type: "success",
message: "删除成功!",
});
})
.catch(() => {
//No的功能在这里写
this.model.litp.aamp.aammod.addamtflg = "X";
this.$message({
type: "info",
message: "已取消删除",
});
});
}
},
handleChange(val) {
console.log(val);
},
},
created: function () {},
watch: {
"model.lidgrp.rec.apprul": {
immediate: true,
handler(val, oldVal) {
if (val == "OTHR") {
this.flag = false;
} else {
this.flag = true;
}
},
},
},
computed: {
flag1() {
return this.model.lidgrp.apl.pts.extkey == "";
},
},
};
</script>
<style>
.marginLable {
padding-left: 160px;
}
</style>