<template>
<div class="eibs-tab">
<!-- ============================顶部================================ -->
<c-col :span="24">
<!-- Reference参考号 Export L/C Ref. -->
<c-col :span="12">
<el-form-item
label="Export L/C Ref."
prop="ledgrp.rec.ownref"
>
<c-fullbox>
<c-input
v-model="model.ledgrp.rec.ownref"
maxlength="16"
placeholder="请输入Reference"
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"
>
<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="Open Amt.L/C" prop="ledgrp.cbs.opn1.cur">
<c-select
v-model="model.ledgrp.cbs.opn1.cur"
maxlength="3"
placeholder="请选择Currency"
: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="请输入Balance"
class="m-input-currency"
disabled
></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="Bill Set Reference" 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="Name" prop="bedgrp.rec.nam">
<c-input
text-align="middle"
v-model="model.bedgrp.rec.nam"
maxlength="40"
placeholder="请输入Externally Displayed Name to Identify the Contract"
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="Document Amount" 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%"
class="m-input-currency"
placeholder="请输入Balance"
@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
>Add. Amount</c-checkbox
>
</c-col>
</c-col>
<!-- Open Amount 单据余额-->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Open Amount" 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%"
class="m-input-currency"
placeholder="请输入Balance"
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="Document Type" prop="bedgrp.rec.doctypcod">
<c-select
v-model="model.bedgrp.rec.doctypcod"
style="width: 100%"
placeholder="请选择Document Type"
: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="Maturity Date" prop="bedgrp.rec.matdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.matdat"
style="width: 100%"
placeholder="请选择Maturity Date"
value-format="yyyy-MM-dd"
disabled
></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="Received on" prop="bedgrp.rec.rcvdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择Received on"
value-format="yyyy-MM-dd"
disabled
></c-date-picker>
</el-form-item>
</c-col>
<!-- Presented on 到单日期 -->
<c-col :span="12">
<el-form-item label="Presented on" 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
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<!-- Document Status单据状态 -->
<c-col :span="24">
<el-form-item label="Document Status" 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="Presented by" 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="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- 开证行 Issuing Bank Ref. -->
<c-col :span="24">
<el-form-item label="Issuing Bank Ref." 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="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<!--Applicant Ref. 申请人-->
<c-col :span="24">
<el-form-item label="Applicant Ref." 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="请输入Name of Party"
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">
<!-- Document Type -->
<c-col :span="24">
<el-form-item label="Document Type" prop="bedgrp.rec.doctypcod">
<c-select
v-model="model.bedgrp.rec.doctypcod"
style="width: 100%"
placeholder="请选择Document Type"
:code="codes.doctypcod1"
disabled
>
</c-select>
</el-form-item>
</c-col>
<!--下半部分的 Document Amount -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Document Amount" prop="bedgrp.cbs.max.cur">
<c-select
v-model="model.bedgrp.cbs.max.cur"
maxlength="3"
placeholder="请输入币种"
style="width: 100%"
@keyup.enter.native="maxCurEvent"
:code="codes.curtxt"
disabled
></c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<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%"
class="m-input-currency"
placeholder="请输入Balance"
@keyup.enter.native="
defaultFunction(
'bedgrp.cbs.max.amt',
model.bedgrp.cbs.max.amt
)
"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="12">
<span v-text="model.oridoclab" data-path=".oridoclab"> </span>
</c-col>
<c-col :span="12">
<el-form-item label="Balance" prop="oldbedgrp.cbs.max.amt">
<c-input
v-model="model.oldbedgrp.cbs.max.amt"
placeholder="请输入Balance"
></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col :span="24" v-show="model.oldbedgrp.cbs.max.amt!= model.bedgrp.cbs.max.amt"> -->
<c-col :span="24">
<c-col :span="6">
<span class="span_oridoclab"
style="width: 100%;"
> </span>
</c-col>
<c-col :span="6">
<span v-text="model.oridoclab" data-path=".oridoclab"
class="span_oridoclab"
style="width: 100%;"
v-show="model.oldbedgrp.cbs.max.amt!= model.bedgrp.cbs.max.amt"
> </span>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="oldbedgrp.cbs.max.amt">
<c-input-currency
v-model="model.oldbedgrp.cbs.max.amt"
style="width: 100%"
class="m-input-currency"
placeholder="请输入Balance"
disabled
v-show="model.oldbedgrp.cbs.max.amt!= model.bedgrp.cbs.max.amt"
></c-input-currency>
</el-form-item>
</c-col>
</c-col>
<!-- Drawn Add.Amount附加金额 -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Drawn Add.Amount" prop="bedgrp.cbs.opn2.cur">
<c-select
v-model="model.bedgrp.cbs.opn2.cur"
style="width: 100%"
placeholder="请选择币种"
:code="codes.curtxt"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="bedgrp.cbs.max2.amt">
<c-input
v-model="model.bedgrp.cbs.max2.amt"
placeholder="请输入附加金额"
class="m-input-currency"
></c-input>
<!-- :disabled="model.betp.adaflg==''"
:disabled="model.bedgrp.cbs.opn2.amt==0"-->
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="24" v-show="model.bedgrp.cbs.max2.amt!=model.oldbedgrp.cbs.max2.amt"> -->
<c-col :span="24">
<!-- =====================================当附加金额没变时隐藏====================================================== -->
<c-col :span="12">
<span v-text="model.oriaddlab" data-path=".oriaddlab"
class="span_oridoclab"
style="width: 100%;"
> </span>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px" prop="oldbedgrp.cbs.max2.amt">
<c-input
v-model="model.oldbedgrp.cbs.max2.amt"
placeholder="请输入Balance"
class="m-input-currency"
style="width: 100%"
disabled
v-show="model.bedgrp.cbs.max2.amt!=model.oldbedgrp.cbs.max2.amt"
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- Received on -->
<c-col :span="24">
<c-col :span="12">
<el-form-item label="Received on" prop="bedgrp.rec.rcvdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.rcvdat"
style="width: 100%"
placeholder="请选择Received on"
value-format="yyyy-MM-dd"
:disabled="model.bedgrp.rec.doctypcod=='E'"
></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Order Date" prop="bedgrp.rec.orddat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.orddat"
style="width: 100%"
placeholder="请选择Order Date"
value-format="yyyy-MM-dd"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- Maturity Date -->
<c-col :span="12">
<el-form-item label="Maturity Date" prop="bedgrp.rec.matdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.matdat"
style="width: 100%"
placeholder="请选择Maturity Date"
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 :span="12">
<el-form-item label="Shipped on" prop="bedgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.bedgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择Date of Shipment"
value-format="yyyy-MM-dd"
:disabled="model.bedgrp.rec.doctypcod=='E'"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<!-- Maturity Period -->
<c-col :span="24">
<el-form-item label="Maturity Period" prop="bedgrp.blk.matper">
<c-input
type="textarea"
v-model="model.bedgrp.blk.matper"
maxlength="65"
show-word-limit
placeholder="请输入Maturity Period"
:disabled="model.bedgrp.rec.matdat!=''||model.bedgrp.rec.doctypcod=='P'"
></c-input>
</el-form-item>
</c-col>
<!-- Enter Documents, Discrepancies and Instructions -->
<c-col :span="18" :offset="6">
<c-checkbox v-model="model.bedgrp.rec.dscinsflg"
disabled
>Enter Documents, Discrepancies and Instructions</c-checkbox
>
</c-col>
<c-col :span="24">
<el-form-item
label="Previous Drawings under this L/C"
prop="ledgrp.rec.utlnbr"
>
<c-input
v-model.number="model.ledgrp.rec.utlnbr"
placeholder="请输入No. of Existing and not Completely Processed Document Sets"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<!-- ===============================下半部分-右边========================== -->
<c-col :span="11" :offset="1">
<!-- Payer -->
<c-col :span="24">
<el-form-item label="Payer" prop="bedgrp.rec.payrol">
<c-select
v-model="model.bedgrp.rec.payrol"
style="width: 100%"
placeholder="请选择Payer"
: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="Presented by" prop="bedgrp.rec.docprbrol">
<c-select
v-model="model.bedgrp.rec.docprbrol"
style="width: 100%"
placeholder="请选择Presented by"
:code="codes.docprbrol0"
>
</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>
</c-col>
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Betdrv/Event";
import Utils from '~/utils'
import Ptap1 from "~/views/Public/Ptap1";
export default {
components: { "c-ptap1": Ptap1 },
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
methods: {
...Event,
onSeainf(){},
maxCurEvent() {
this.executeDefault('bedgrp.cbs.max.cur').then((res) => {
if (res.respCode == SUCCESS) {
Utils.copyValueFromVO(this.model, res.data)
}
})
},
},
created: function () {},
};
</script>
<style>
.span_oridoclab {
margin-right: 30px;
height: 24px;
color: #606266;
line-height: 24px;
font-size: 12px;
float: right;
text-align: right;
}
</style>