<template>
<div class="eibs-tab">
<c-col :span="11">
<c-col :span="24">
<el-form-item
label="Guarantee"
prop="gidgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.gidgrp.rec.ownref"
placeholder="请输入"
disabled
></c-input>
<template slot="footer">
<c-button
v-model="model.gctp0.gidget.sdamod.seainf"
style="margin: 0 0 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item
label="Claimed Number"
prop="gcdgrp.rec.ownref"
style="width: 100%"
>
<c-fullbox>
<c-input
v-model="model.gcdgrp.rec.ownref"
placeholder="请输入"
disabled
></c-input>
<template slot="footer">
<c-button
v-model="model.gctp0.recget.sdamod.seainf"
style="margin: 0 0 0 10px; padding: 0 12px"
size="small"
type="primary"
@click="onSeainf"
>
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="11">
<c-form-item
label="Amount Claimed"
prop="gcdgrp.cbs.max.cur"
previewLabel="信用证币种"
>
<c-input
v-model="model.gcdgrp.cbs.max.cur"
maxlength="3"
disabled
placeholder="请输入Amount Claimed"
></c-input>
</c-form-item>
</c-col>
<c-col :span="8">
<c-form-item
previewLabel="信用证金额"
style="text-align: left"
label-width="5px"
prop="gcdgrp.cbs.max.amt"
>
<c-input-currency
v-model="model.gcdgrp.cbs.max.amt"
placeholder="请输入信用证金额"
disabled
></c-input-currency>
</c-form-item>
</c-col>
<!-- <c-col :span="10">
<el-form-item label="Amount Claimed" prop="gcdgrp.cbs.max.cur">
<c-input v-model="model.gcdgrp.cbs.max.cur" maxlength="3" placeholder="请输入Amount Claimed"></c-input>
</el-form-item>
</c-col>
<c-col :span="10">
<el-form-item label="Balance" prop="gcdgrp.cbs.max.amt">
<c-input v-model="model.gcdgrp.cbs.max.amt" placeholder="请输入Balance"></c-input>
</el-form-item>
</c-col> -->
<c-col :span="5">
<c-checkbox
v-model="model.gctp0.gctp0"
style="
margin-left: 18px;
height: 32px;
line-height: 32px;
padding-bottom: 2px;
"
disabled
>Add. Amount</c-checkbox
>
</c-col>
<!-- <c-col :span="12">
<el-form-item label="Open Amount" prop="gcdgrp.cbs.opn1.cur">
<c-input v-model="model.gcdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Open Amount"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Balance" prop="gcdgrp.cbs.opn1.amt">
<c-input v-model="model.gcdgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input>
</el-form-item>
</c-col> -->
<c-col :span="11">
<c-form-item
label="Open Amount"
prop="gcdgrp.cbs.opn1.cur"
previewLabel="信用证币种"
>
<c-select
v-model="model.gcdgrp.cbs.opn1.cur"
placeholder=""
style="width: 100%"
disabled
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</c-form-item>
</c-col>
<c-col :span="8">
<c-form-item
previewLabel="信用证金额"
style="text-align: left"
label-width="5px"
prop="gcdgrp.cbs.opn1.amt"
>
<c-input-currency
v-model="model.gcdgrp.cbs.opn1.amt"
placeholder="请输入"
disabled
></c-input-currency>
</c-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Type of Undertaking" prop="gidgrp.rec.gartyp">
<c-select
v-model="model.gidgrp.rec.gartyp"
style="width: 100%"
placeholder=""
disabled
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Date of Claim" prop="gcdgrp.rec.clmdat">
<c-input
v-model="model.gcdgrp.rec.clmdat"
maxlength="40"
disabled
placeholder="请输入Date of Claim"
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="11" :offset="1">
<c-col :span="12">
<c-form-item
label="Open Guar.Amt"
prop="gidgrp.cbs.opn1.cur"
previewLabel="信用证币种"
>
<c-select
v-model="model.gidgrp.cbs.opn1.cur"
placeholder=""
style="width: 100%"
disabled
>
<el-option
v-for="item in codes.cur"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</c-form-item>
</c-col>
<c-col :span="12">
<c-form-item
previewLabel="信用证金额"
style="text-align: left"
label-width="5px"
prop="gidgrp.cbs.opn1.amt"
>
<c-input-currency
v-model="model.gidgrp.cbs.opn1.amt"
placeholder="请输入信用证金额"
disabled
></c-input-currency>
</c-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Name" prop="gcdgrp.rec.nam">
<c-input
v-model="model.gcdgrp.rec.nam"
maxlength="40"
placeholder="请输入Externally Displayed Name to Identify the Contract"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Applicant ref. " prop="gcdgrp.apl.pts.ref">
<c-input
v-model="model.gcdgrp.apl.pts.ref"
maxlength="16"
placeholder="请输入Applicant"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="gcdgrp.apl.pts.nam">
<c-input
v-model="model.gcdgrp.apl.pts.nam"
maxlength="40"
placeholder="请输入Name of Party"
disabled
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Beneficiary ref." prop="gcdgrp.ben.pts.ref">
<c-input
v-model="model.gcdgrp.ben.pts.ref"
maxlength="16"
disabled
placeholder="请输入Beneficiary"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="" prop="gcdgrp.ben.pts.nam">
<c-input
v-model="model.gcdgrp.ben.pts.nam"
maxlength="40"
placeholder="请输入"
disabled
></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24" style="height: 0px">
<el-divider></el-divider>
</c-col>
<c-col :span="11" style="margin-top: 15px">
<c-col :span="24">
<el-form-item label="Booking Procedure" prop="rebkpflg">
<c-select
v-model="model.rebkpflg"
style="width: 100%"
placeholder="请选择Booking Procedure"
><el-option
v-for="item in rebkpflg"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option>
</c-select>
</el-form-item>
</c-col>
</c-col>
<!-- <c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="gctp0.gidget.sdamod.dadsnd">
<c-input v-model="model.gctp0.gidget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Guarantee" prop="gidgrp.rec.ownref">
<c-input v-model="model.gidgrp.rec.ownref" maxlength="16" placeholder="请输入Guarantee"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="gctp0.gidget.sdamod.seainf">
<c-input v-model="model.gctp0.gidget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.gctp0.expfldlab" data-path=".gctp0.expfldlab" > </span>
</c-col>
<c-col :span="12">
<span v-text="model.gctp0.explab" data-path=".gctp0.explab" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="Valid until" prop="gidgrp.rec.expdat">
<c-date-picker type="date" v-model="model.gidgrp.rec.expdat" style="width:100%" placeholder="请选择Valid until"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Open Guar. Amt. " prop="gidgrp.cbs.opn1.cur">
<c-input v-model="model.gidgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Open Guar. Amt. "></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Balance" prop="gidgrp.cbs.opn1.amt">
<c-input v-model="model.gidgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Claim Number" prop="gcdgrp.rec.ownref">
<c-input v-model="model.gcdgrp.rec.ownref" maxlength="16" placeholder="请输入Claim Number"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="gctp0.recget.sdamod.dadsnd">
<c-input v-model="model.gctp0.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="gctp0.recget.sdamod.seainf">
<c-input v-model="model.gctp0.recget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Externally Displayed Name to Identify the Contract" prop="gcdgrp.rec.nam">
<c-input v-model="model.gcdgrp.rec.nam" maxlength="40" placeholder="请输入Externally Displayed Name to Identify the Contract"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Amount Claimed" prop="gcdgrp.cbs.max.cur">
<c-input v-model="model.gcdgrp.cbs.max.cur" maxlength="3" placeholder="请输入Amount Claimed"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Balance" prop="gcdgrp.cbs.max.amt">
<c-input v-model="model.gcdgrp.cbs.max.amt" placeholder="请输入Balance"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Applicant" prop="gcdgrp.apl.pts.ref">
<c-input v-model="model.gcdgrp.apl.pts.ref" maxlength="16" placeholder="请输入Applicant"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-checkbox v-model="model.gctp0.adaflg">Add. Amount</c-checkbox>
</c-col>
<c-col :span="12">
<el-form-item label="Name of Party" prop="gcdgrp.apl.pts.nam">
<c-input v-model="model.gcdgrp.apl.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Open Amount" prop="gcdgrp.cbs.opn1.cur">
<c-input v-model="model.gcdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Open Amount"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Balance" prop="gcdgrp.cbs.opn1.amt">
<c-input v-model="model.gcdgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Type of Undertaking" prop="gidgrp.rec.gartyp">
<c-select v-model="model.gidgrp.rec.gartyp" style="width:100%" placeholder="请选择Type of Undertaking">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.gctp0.aplmullab" data-path=".gctp0.aplmullab" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="Beneficiary" prop="gcdgrp.ben.pts.ref">
<c-input v-model="model.gcdgrp.ben.pts.ref" maxlength="16" placeholder="请输入Beneficiary"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<span v-text="model.gctp0.liafldlab" data-path=".gctp0.liafldlab" > </span>
</c-col>
<c-col :span="12">
<span v-text="model.gctp0.lialab" data-path=".gctp0.lialab" > </span>
</c-col>
<c-col :span="12">
<el-form-item label="Liability until" prop="gidgrp.rec.liadat">
<c-date-picker type="date" v-model="model.gidgrp.rec.liadat" style="width:100%" placeholder="请选择Liability until"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Name of Party" prop="gcdgrp.ben.pts.nam">
<c-input v-model="model.gcdgrp.ben.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Date of Claim" prop="gcdgrp.rec.clmdat">
<c-date-picker type="date" v-model="model.gcdgrp.rec.clmdat" style="width:100%" placeholder="请选择Date of Claim"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Booking Procedure" prop="rebkpflg">
<c-select v-model="model.rebkpflg" style="width:100%" placeholder="请选择Booking Procedure">
</c-select>
</el-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/Gctcan/Event";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
rebkpflg: [
{ label: "Reverse Booking (Claim)", value: "1" },
{ label: "Reverse Booking (Claim, Guarantee)", value: "2" },
],
};
},
methods: { ...Event },
created: function () {},
};
</script>
<style>
</style>