<template>
<div class="eibs-tab">
<!-- ============================顶部================================ -->
<c-col :span="24">
<!--SF000044 : 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"
@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>
<!-- SF000045 : 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="请选择币种"
: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">
<!-- SF000053 : 单据编号 单据参考号-->
<el-form-item label="Document 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>
<!-- SF000073 : 摘要 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="10">
<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="7">
<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="请输入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="7">
</c-col>
</c-col>
<!-- Open Amount 单据余额-->
<c-col :span="24">
<c-col :span="10">
<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="7">
<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="请输入Balance"
disabled
></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="7">
<c-form-item label="" label-width="5px" prop="bedgrp.cbs.opn2.amt">
<c-input
v-model="model.bedgrp.cbs.opn2.amt"
placeholder="请输入Balance"
class="m-input-currency"
disabled
></c-input>
</c-form-item>
</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"
maxlength="1"
style="width: 100%"
placeholder="请选择Document Type"
:code="codes.doctypcod1"
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<!-- Maturity Date SF000047 : 到期日-->
<!-- <c-col :span="12">
<span
v-text="model.betp0.matp.mattxtlab"
data-path=".betp0.matp.mattxtlab"
>
</span>
</c-col> -->
<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="true"
></c-date-picker>
</el-form-item>
</c-col>
<!-- SF000079 : 寄单日期 -->
<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%"
value-format="yyyy-MM-dd"
placeholder="请选择寄单日期"
:disabled="true"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<!-- Received on SF000046 :到单日期-->
<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="true"
></c-date-picker>
</el-form-item>
</c-col>
<!-- Presented on SF000049 :提示日期 -->
<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="true"
></c-date-picker>
</el-form-item>
</c-col>
</c-col>
<!-- Document Status SF000056 :单据状态 -->
<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>
<!-- ========================第三行开始金额日期的右边======================= -->
<c-col :span="11" :offset="1">
<!-- SF000048 : 受益人 -->
<!-- SF000059 : 编号 -->
<c-col :span="24">
<c-form-item label="Beneficiary Ref." prop="bedgrp.ben.pts.ref">
<c-input
v-model="model.bedgrp.ben.pts.ref"
maxlength="16"
placeholder="请输入受益人"
disabled
></c-input>
</c-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="bedgrp.ben.pts.nam">
<c-input
v-model="model.bedgrp.ben.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<!-- SF000055 : 开证行 -->
<!-- SF000058 : 信用证编号 -->
<!-- 开证行 Issuing Bank Ref. -->
<c-col :span="24">
<el-form-item label="Issuing Bank L/C NO." 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>
<!-- SF000050 : 申请人 -->
<!-- SF000057 : 编号 -->
<!--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">
<!-- SF000017 : Narrative -->
<c-col :span="12">
<c-form-item label="Narrative to Beneficiary Side" prop="strinf">
<c-input
type="textarea"
v-model="model.strinf"
maxlength="1750"
show-word-limit
:rows="5"
placeholder="请输入"
></c-input>
</c-form-item>
</c-col>
<c-col :span="11" :offset="1">
<c-checkbox v-model="model.sndmsg">Send Message</c-checkbox>
</c-col>
</c-col>
<c-col :span="24">
<!-- SF000052 : to Beneficiary Side -->
<!-- SF000043 : Booking Procedure -->
<c-col :span="12">
<el-form-item label="Booking Procedure" prop="rebkpflg">
<c-select
v-model="model.rebkpflg"
style="width: 100%"
placeholder="请选择"
:code="codes.rebkpflg"
>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="12">
<c-form-item label="Drag Drop Sender" prop="betp0.ledget.sdamod.dadsnd">
<c-input
v-model="model.betp0.ledget.sdamod.dadsnd"
placeholder="$t('other.please_enter') + 'Drag Drop Sender'"
></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="" prop="betp0.ledget.sdamod.seainf">
<c-input
v-model="model.betp0.ledget.sdamod.seainf"
placeholder="$t('other.please_enter') + ''"
></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="Drag Drop Sender" prop="betp0.recget.sdamod.dadsnd">
<c-input
v-model="model.betp0.recget.sdamod.dadsnd"
placeholder="$t('other.please_enter') + 'Drag Drop Sender'"
></c-input>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item label="" prop="betp0.recget.sdamod.seainf">
<c-input
v-model="model.betp0.recget.sdamod.seainf"
placeholder="$t('other.please_enter') + ''"
></c-input>
</c-form-item>
</c-col> -->
</div>
</template>
<script>
import Api from '~/service/Api'
import commonProcess from '~/mixin/commonProcess'
import CodeTable from '~/config/CodeTable'
import Event from '~/model/Betcan/Event'
export default {
inject: ['root'],
props: ['model', 'codes'],
mixins: [commonProcess],
data() {
return {}
},
methods: { ...Event, onSeainf(){} },
created: function () {},
}
</script>
<style></style>