<template>
<div class="eibs">
<c-row>
<!-- ========================上半部分的左边=========================== -->
<!-- ============左边================= -->
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item
label="编号"
prop="ledgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="16"
placeholder="请输入编号"
style="width: 95%"
:disabled="true"
>
</c-input>
<template slot="footer">
<c-button
style="margin: 0 0 0 0; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<i class="el-icon-info" style="font-size:15px"></i>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- L/C 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.cur"
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: 100%"
class="m-input-currency"
placeholder="请输入信用证金额"
@keyup.enter.native="$event.target.blur()"
disabled
></c-input-currency>
<!-- @keyup.enter.native="$event.target.blur()" :回车触发失去焦点发生的事件 -->
</el-form-item>
</c-col>
<c-col :span="5">
<c-checkbox
v-model="model.betp.aammod.addamtflg"
style="margin-left: 10px"
disabled
>附加金额</c-checkbox
>
</c-col>
</c-col>
<!-- Open Amount 信用证余额-->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="信用证余额" prop="ledgrp.cbs.opn1.cur">
<c-input
v-model="model.ledgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请输入信用证余额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="7">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn1.amt">
<c-input
v-model="model.ledgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
class="m-input-currency"
placeholder="请输入金额"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="5">
<c-checkbox
v-model="model.ledgrp.rec.revflg"
style="margin-left: 10px"
disabled
>循环信用证</c-checkbox
>
</c-col>
</c-col>
<c-col :span="24">
<!-- Available with指定银行 -->
<c-col :span="19">
<el-form-item label="可用银行" prop="ledgrp.avbnam">
<c-input
v-model="model.ledgrp.avbnam"
maxlength="40"
placeholder="请输入可用银行"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="19">
<el-form-item label="兑付方式" prop="ledgrp.rec.avbby">
<c-select
v-model="model.ledgrp.rec.avbby"
style="width: 100%"
placeholder="请选择兑付方式"
:code="codes.avbby"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="5">
<c-checkbox
v-model="model.ledgrp.rec.redclsflg"
style="margin-left: 10px"
disabled
>红/绿条款</c-checkbox
>
</c-col>
</c-col>
<c-col :span="24">
<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%"
placeholder="请选择开立日期"
value-format="yyyy-MM-dd"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<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"
disabled
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<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%"
placeholder="请选择"
value-format="yyyy-MM-dd"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="ledgrp.rec.expplc">
<c-input
v-model="model.ledgrp.rec.expplc"
maxlength="29"
placeholder="请输入"
value-format="yyyy-MM-dd"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="信用证类型" prop="ledgrp.rec.lcrtyp">
<c-select
v-model="model.ledgrp.rec.lcrtyp"
style="width: 100%"
placeholder="请选择类型"
disabled
:code="codes.lcrtyp"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="单据编号" prop="bedgrp.rec.ownref">
<c-fullbox>
<c-input
v-model="model.bedgrp.rec.ownref"
maxlength="16"
placeholder="请输入单据编号"
style="width: 95%"
disabled
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 0; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<i class="el-icon-info" style="font-size:15px"></i>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click="onBetmodButgetref"
>
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
</c-col>
<!-- ========================上半部分的右边======================= -->
<!-- ============右边================= -->
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<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>
<!-- Applicant Ref. 申请人 -->
<c-col :span="24">
<el-form-item label="申请人参考号" prop="bedgrp.apl.pts.ref">
<c-input
v-model="model.bedgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入参考号"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bedgrp.apl.pts.nam">
<c-input
v-model="model.bedgrp.apl.pts.nam"
maxlength="40"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="开证行参考号" prop="bedgrp.iss.pts.ref">
<c-input
v-model="model.bedgrp.iss.pts.ref"
maxlength="16"
placeholder="请输入参考号"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bedgrp.iss.pts.nam">
<c-input
v-model="model.bedgrp.iss.pts.nam"
maxlength="40"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- 交单行参考号 -->
<c-col :span="24">
<el-form-item label="交单行参考号" prop="bedgrp.prb.pts.ref">
<c-input
v-model="model.bedgrp.prb.pts.ref"
maxlength="16"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bedgrp.prb.pts.nam">
<c-input
v-model="model.bedgrp.prb.pts.nam"
maxlength="40"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop=""> </el-form-item>
</c-col>
<c-col :span="24">
<!-- Name -->
<el-form-item label="简略信息" text-align="middle" prop="bedgrp.rec.nam">
<c-input
v-model="model.bedgrp.rec.nam"
maxlength="40"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-row>
<!-- ========================下半部分的上半部分（左边，右边是空白的）======================= -->
<c-row>
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="单据类型" prop="bedgrp.rec.doctypcod">
<c-select
v-model="model.bedgrp.rec.doctypcod"
style="width: 100%"
placeholder="请选择单据类型"
:code="codes.doctypcod1"
>
</c-select>
</el-form-item>
</c-col>
<!-- Received on-->
<c-col :span="24">
<el-form-item label="收到日期" prop="bedgrp.rec.rcvdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.rcvdat"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择收到日期"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="通知类型" prop="bedgrp.rec.advtyp">
<c-select
v-model="model.bedgrp.rec.advtyp"
style="width: 100%"
placeholder="请选择通知类型"
:code="codes.advtyp"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<!-- Payment advised on -->
<c-col :span="12">
<el-form-item label="付款通知日期" prop="bedgrp.rec.advdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.advdat"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择付款通知日期"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<!-- Discrep. advised on -->
<c-col :span="12">
<el-form-item
label="不符点通知日期"
prop="bedgrp.rec.disdat"
>
<c-date-picker
type="date"
v-model="model.bedgrp.rec.disdat"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择不符点通知日期"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-row>
<!-- ========================下半部分的下半边的左边=Presented by-====================== -->
<c-row>
<c-col :span="12" style="padding-right: 20px;">
<c-col :span="24">
<el-form-item label="交单行" prop="bedgrp.rec.docprbrol">
<c-select
v-model="model.bedgrp.rec.docprbrol"
style="width: 100%"
placeholder="请选择交单行"
:code="codes.docprbrol0"
@change="eventFunction('bedgrp.rec.docprbrol')"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="参考号" prop="bedgrp.prb.pts.ref">
<c-input
v-model="model.bedgrp.prb.pts.ref"
maxlength="16"
placeholder="请输入"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap1
:model="model"
:argadr="{
title: '',
grp: 'bedgrp',
rol: 'prb',
}"
@onSeainf="onSeainf"
@onAplpDet="onPrbpDet"
:disabled1="model.bedgrp.rec.docprbrol == 'BEN' ? true : false"
>
</c-ptap1>
</c-col>
</c-col>
<!-- ========================下半部分的下半边的右边Payer-======================= -->
<c-col :span="12" style="padding-left: 20px;">
<c-col :span="24">
<el-form-item label="付款人" prop="bedgrp.rec.payrol">
<c-select
v-model="model.bedgrp.rec.payrol"
style="width: 100%"
placeholder="请选择"
:code="codes.payrol"
@change="eventFunction('bedgrp.rec.payrol')"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="参考号" prop="betp.oth.pts.ref">
<c-input
v-model="model.betp.oth.pts.ref"
maxlength="16"
placeholder="请输入参考号"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap1
:model="model"
:argadr="{
title: '',
grp: 'bedgrp',
rol: 'oth',
}"
@onSeainf="onSeainf"
@onAplpDet="onOthpDet"
:disabled1="docprbrolFlag"
>
</c-ptap1>
</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/Letdav/Event'
import Ptap1 from '~/views/Public/Ptap1'
export default {
components: { 'c-ptap1': Ptap1 },
inject: ['root'],
props: ['model', 'codes'],
mixins: [commonProcess],
data() {
return {
}
},
methods: {
...Event,
onSeainf() {},
},
computed: {
docprbrolFlag: {
get() {
return (
this.model.bedgrp.rec.payrol == 'AVB' ||
this.model.bedgrp.rec.payrol == 'ISS'
)
},
},
},
created: function () {},
}
</script>
<style></style>