<template>
<div class="eibs-tab">
<!-- ============================顶部================================ -->
<c-col :span="24">
<!-- Reference参考号 Export L/C Ref. -->
<c-col :span="12">
<el-form-item
label="出口信用证编号"
prop="ledgrp.rec.ownref"
>
<c-fullbox>
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="16"
placeholder="请输入编号"
style="width: 95%"
:disabled="true"
@keyup.enter.native="eventFunction(
'ledgrp.rec.ownref'
)"
>
</c-input>
<template slot="footer">
<c-button
style="margin: 0 0 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>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- Open Amt L/C 信用证余额-->
<c-col :span="11" :offset="1">
<c-col :span="24">
<c-col :span="12">
<el-form-item label="信用证余额" prop="ledgrp.cbs.opn1.cur">
<c-select
v-model="model.ledgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请选择币种"
:code="codes.curtxt"
disabled
></c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn1.amt">
<c-input
v-model="model.ledgrp.cbs.opn1.amt"
placeholder="请输入信用证余额"
disabled
class="m-input-currency"
></c-input>
</el-form-item>
</c-col>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="12">
<!-- Bill Set Reference 单据参考号-->
<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 0 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>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- Name 摘要 Externally Displayed Name to Identify the Contract-->
<c-col :span="11" :offset="1">
<el-form-item label="单据简略信息" prop="bedgrp.rec.nam">
<c-input
text-align="middle"
v-model="model.bedgrp.rec.nam"
maxlength="40"
placeholder="请输入简略信息"
disabled
>
</c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ============================第三行开始，金额日期 =========================-->
<c-col :span="24">
<!-- 第三行开始-金额日期--左边- -->
<c-col :span="12">
<!-- Document Amount 单据金额-->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="单据金额" prop="bedgrp.cbs.max.cur">
<c-select
v-model="model.bedgrp.cbs.max.cur"
style="width: 100%"
placeholder="请选择币种"
@keyup.enter.native="maxCurEvent"
:code="codes.curtxt"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="5px" prop="bedgrp.cbs.max.amt">
<c-input-currency
v-model="model.bedgrp.cbs.max.amt"
style="text-align: left; width: 100%"
placeholder="请输入金额"
@keyup.enter.native="
defaultFunction(
'bedgrp.cbs.max.amt',
model.bedgrp.cbs.max.amt
)
"
disabled
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="4">
<c-checkbox
v-model="model.betp.adaflg"
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="bedgrp.cbs.opn1.cur">
<c-select
v-model="model.bedgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请输入Open Amount"
style="width: 100%"
disabled
:code="codes.curtxt"
></c-select>
</el-form-item>
</c-col>
<c-col :span="8">
<el-form-item label="" label-width="5px" prop="bedgrp.cbs.opn1.amt">
<c-input-currency
v-model="model.bedgrp.cbs.opn1.amt"
style="text-align: left; width: 100%"
placeholder="请输入金额"
disabled
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="4">
</c-col>
</c-col>
<!-- Document Type 单据类型-->
<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"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<!-- Maturity Date 到期日-->
<c-col :span="12">
<el-form-item label="到期日" prop="bedgrp.rec.matdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.matdat"
style="width: 100%"
placeholder="请选择到期日"
value-format="yyyy-MM-dd"
:disabled="true"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12"></c-col>
</c-col>
<c-col :span="24">
<!-- Received on 到单日期-->
<c-col :span="12">
<el-form-item label="收到日期" prop="bedgrp.rec.rcvdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择收到日期"
value-format="yyyy-MM-dd"
:disabled="true"
></c-date-picker>
</el-form-item>
</c-col>
<!-- Presented on 提示日期 -->
<c-col :span="12">
<el-form-item label="交单日期" prop="bedgrp.rec.predat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.predat"
style="width: 100%"
placeholder="请选择提示日期"
value-format="yyyy-MM-dd"
:disabled="true"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<!-- Document Status单据状态 -->
<c-col :span="24">
<el-form-item label="单据状态" prop="bedgrp.rec.docsta">
<c-select
v-model="model.bedgrp.rec.docsta"
maxlength="40"
style="width: 100%"
placeholder="请输入单据状态"
:code="codes.docsta"
disabled
></c-select>
</el-form-item>
</c-col>
</c-col>
<!-- ========================第三行开始金额日期的右边Presented by======================= -->
<c-col :span="11" :offset="1">
<!--Presented by 交单人 -->
<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>
<!-- 开证行 Issuing Bank Ref. -->
<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>
<!--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>
</c-col>
<!-- =================================上下两部分 分割线 ============================-->
<c-col :span="24">
<el-form-item style="margin-left: -150px">
<el-divider />
</el-form-item>
</c-col>
<c-col :span="24">
<!-- =================================下半部分--左边-表格 ============================-->
<c-col :span="12">
<!-- 左下表格 -->
<c-col :span="24">
<c-docpre :model="model" :argadr="{
path: 'bedgrp.blk.prsdoc',
grp: 'betp',
code: 'docpre',
}"></c-docpre>
</c-col>
<!-- <c-col :span="12">
<span
v-text="model.betp.docgrdm.docdsclab"
data-path=".betp.docgrdm.docdsclab"
>
</span>
</c-col> -->
<!-- Received on -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="收到日期" prop="bedgrp.rec.rcvdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择收到日期"
value-format="yyyy-MM-dd"
:disabled="true"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="装运日期" prop="bedgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择装运日期"
value-format="yyyy-MM-dd"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- S0000051 : Presentation Date -->
<c-col :span="12">
<el-form-item label="交单日期" prop="bedgrp.rec.predat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.predat"
style="width: 100%"
value-format="yyyy-MM-dd"
placeholder="请选择日期"
></c-date-picker>
</el-form-item>
</c-col>
<!-- Maturity Date -->
<c-col :span="12">
<el-form-item label="到期日" prop="bedgrp.rec.matdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.matdat"
style="width: 100%"
placeholder="请选择到期日"
value-format="yyyy-MM-dd"
:disabled="model.bedgrp.blk.matper!=''||model.bedgrp.rec.doctypcod=='P'"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<!-- Maturity Period -->
<c-col :span="24">
<el-form-item label="到期期限" prop="bedgrp.blk.matper">
<c-input
type="textarea"
v-model="model.bedgrp.blk.matper"
maxlength="65"
show-word-limit
placeholder="请输入到期期限"
:disabled="model.bedgrp.rec.matdat!=null&&model.bedgrp.rec.matdat!=''||model.bedgrp.rec.doctypcod=='P'"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ===============================下半部分-右边========================== -->
<c-col :span="11" :offset="1">
<!-- Payer -->
<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.rolall"
@change="eventFunction(
'bedgrp.rec.payrol'
)"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap1
:model="model"
:argadr="{
title: '',
grp: 'bedgrp',
rol: 'oth',
}"
@onSeainf="onSeainf"
@onAplpDet="onOthpDet"
:disabled1="model.bedgrp.rec.payrol!='OTH'"
>
</c-ptap1>
</c-col>
<!-- Presented by -->
<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"
disabled
>
</c-select>
</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'"
>
</c-ptap1>
</c-col>
<c-col :span="17" :offset="7">
<c-checkbox v-model="model.ameadrflg">
修改受益人地址</c-checkbox>
</c-col>
</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/Betsnd/Event'
import Ptap1 from "~/views/Public/Ptap1"
import Docpre from "~/views/Public/Docpre"
export default {
components: {
"c-ptap1": Ptap1,
"c-docpre": Docpre,
},
inject: ['root'],
props: ['model', 'codes'],
mixins: [commonProcess],
data() {
return {}
},
methods: { ...Event, onSeainf(){}},
created: function () {},
}
</script>
<style></style>