<template>
<div class="eibs-tab">
<!-- =====================左========================== -->
<el-col :span="11">
<c-col :span="24">
<el-form-item label="Reference" prop="lidgrp.rec.ownref">
<c-fullbox>
<c-input
v-model="model.lidgrp.rec.ownref"
maxlength="16"
placeholder="请输入Reference"
:disabled="true"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
@click=""
>
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="10">
<el-form-item label="L/C Amount" prop="lidgrp.cbs.nom1.cur">
<!-- <c-select :code="codes.cur" v-model="model.lidgrp.cbs.nom1.cur" style="width:100%" :disabled="true">
</c-select> -->
<c-input :disabled="true" v-model="model.lidgrp.cbs.nom1.cur" maxlength="3" placeholder=""></c-input>
</el-form-item>
</c-col>
<c-col :span="10" >
<el-form-item prop="lidgrp.cbs.nom1.amt" label-width="10px">
<c-input v-model="model.lidgrp.cbs.nom1.amt" placeholder="请输入信用证金额" :disabled="true"></c-input>
</el-form-item>
</c-col>
<c-col :span="4">
<c-checkbox v-model="model.brtp.aammod.addamtflg" :disabled="true">Add. Amount</c-checkbox>
</c-col>
</c-col>
<c-col :span="10">
<el-form-item label="Open Amount" prop="lidgrp.cbs.opn1.cur">
<c-input :disabled="true" v-model="model.lidgrp.cbs.opn1.cur" maxlength="3" placeholder=""></c-input>
</el-form-item>
</c-col>
<c-col :span="10" >
<el-form-item prop="lidgrp.cbs.opn1.amt" label-width="10px">
<c-input :disabled="true" v-model="model.lidgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input>
</el-form-item>
</c-col>
<c-col :span="4">
<c-checkbox :disabled="true" v-model="model.lidgrp.rec.revflg">Revolving L/C</c-checkbox>
</c-col>
<c-col :span="24">
<el-form-item label="Available with" prop="lidgrp.avbnam">
<c-input :disabled="true" v-model="model.lidgrp.avbnam" placeholder="请输入指定银行"></c-input>
</el-form-item>
</c-col>
<c-col :span="19">
<el-form-item label="Available by" prop="lidgrp.rec.avbby">
<c-select
:code="codes.avbby"
:disabled="true" v-model="model.lidgrp.rec.avbby" style="width:100%" placeholder="请选择Available by">
</c-select>
</el-form-item>
</c-col>
<c-col :span="5" >
<c-checkbox :disabled="true" v-model="model.lidgrp.rec.redclsflg">Red/Green Clause</c-checkbox>
</c-col>
<c-col :span="24">
<el-form-item label="Date Issued" prop="lidgrp.rec.opndat">
<c-date-picker :disabled="true" type="date" v-model="model.lidgrp.rec.opndat" style="width:100%" placeholder="请选择开证日期"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="24" >
<el-form-item label="Shipment Date" prop="lidgrp.rec.shpdat">
<c-date-picker :disabled="true" type="date" v-model="model.lidgrp.rec.shpdat" style="width:100%" placeholder="请选择最迟装运日期"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Date of Expiry" prop="lidgrp.rec.expdat">
<c-date-picker :disabled="true" type="date" v-model="model.lidgrp.rec.expdat" style="width:100%" placeholder="请选择到期日/到期地点"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12" >
<el-form-item label="Place of Expiry" prop="lidgrp.rec.expplc" >
<c-input :disabled="true" v-model="model.lidgrp.rec.expplc" maxlength="29" placeholder="请输入到期日/到期地点"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Form of L/C" prop="lidgrp.rec.lcrtyp">
<c-select :code="codes.lcrtyp" :disabled="true" v-model="model.lidgrp.rec.lcrtyp" style="width:100%" placeholder="请选择信用证类型">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Document Reference" prop="brdgrp.rec.ownref">
<c-fullbox>
<c-input :disabled="true" v-model="model.brdgrp.rec.ownref" maxlength="16" placeholder="请输入Document Reference"></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
@click=""
>
<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="Type of Advice" prop="brdgrp.rec.advtyp">
<c-select :code="codes.advtyp" v-model="model.brdgrp.rec.advtyp" style="width:100%" placeholder="请选择Type of Advice">
</c-select>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Payment advised on" prop="brdgrp.rec.advdat">
<c-date-picker
:disabled=" (this.model.brdgrp.rec.advtyp == '750' || this.model.brdgrp.rec.advtyp == 'OTH') "
type="date" v-model="model.brdgrp.rec.advdat" style="width:100%" placeholder="请选择Payment advised on"></c-date-picker>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Discrep. advised on" prop="brdgrp.rec.disdat">
<c-date-picker
:disabled=" (this.model.brdgrp.rec.advtyp == '754' || this.model.brdgrp.rec.advtyp == 'OTH') "
type="date" v-model="model.brdgrp.rec.disdat" style="width:100%" placeholder="请选择Discrep. advised on"></c-date-picker>
</el-form-item>
</c-col>
</el-col>
<!-- ========================右======================= -->
<el-col :span="11" :offset="1">
<c-col :span="24" >
<el-form-item label="Name" prop="lidgrp.rec.nam">
<c-input
:disabled="true"
v-model="model.lidgrp.rec.nam"
maxlength="40"
placeholder="请输入概要"
></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Applicant Ref." prop="brdgrp.apl.pts.ref">
<c-input
disabled
v-model="model.brdgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人" :disabled="true"></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="Name of Party" prop="brdgrp.apl.pts.nam">
<c-input :disabled="true" v-model="model.brdgrp.apl.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
<c-col :span="24" >
<el-form-item label="Beneficiary Ref." prop="brdgrp.ben.pts.ref">
<c-input :disabled="true" v-model="model.brdgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item prop="brdgrp.ben.pts.nam" label="Name of Party">
<c-input :disabled="true" v-model="model.brdgrp.ben.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Presented by Ref." prop="brdgrp.prb.pts.ref">
<c-input :disabled="true" v-model="model.brdgrp.prb.pts.ref" maxlength="16" placeholder="请输入Reference"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item prop="brdgrp.prb.pts.nam" label="Name of Party">
<c-input :disabled="true" v-model="model.brdgrp.prb.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Name" prop="brdgrp.rec.nam">
<c-input :disabled="true" v-model="model.brdgrp.rec.nam" maxlength="40" placeholder="请输入Name"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Presented by" prop="brdgrp.rec.docprbrol">
<c-select v-model="model.brdgrp.rec.docprbrol"
style="width:100%"
placeholder="请选择Presented by"
:code="codes.docprbrol"
>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24" >
<el-form-item label="Reference" prop="brdgrp.prb.pts.ref">
<c-input v-model="model.brdgrp.prb.pts.ref" maxlength="16" placeholder="请输入Reference"></c-input>
</el-form-item>
</c-col>
<c-col :span="24" :offset="0">
<el-form-item label="External Key of Address" prop="brdgrp.prb.pts.extkey">
<c-fullbox>
<c-input
v-model="model.brdgrp.prb.pts.extkey"
maxlength="16"
placeholder="请输入External Key of Address"
@keyup.enter.native="showGridPromptDialog('brdgrp.prb.pts.extkey')"
></c-input>
<template slot="footer">
<c-button
style="margin: 0 10px 0 10px; padding: 0 12px"
size="small"
type="primary"
@click=""
>
<span style="font-family: '宋体'; font-weight: bold">i</span>
</c-button>
<c-button
style="margin: 0 0"
size="small"
type="primary"
@click=""
>
获取
</c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="Address Block" prop="brdgrp.prb.pts.adrblk">
<c-input
:rows="4"
disabled type="textarea" v-model="model.brdgrp.prb.pts.adrblk" maxlength="80" show-word-limit placeholder="请输入Address Block" ></c-input>
</el-form-item>
</c-col>
</el-col>
<!-- <c-col :span="24"> -->
<!-- <c-col :span="3">
<c-button size="small" type="primary;width:10%" @click="onSeainf"
>i</c-button
>
</c-col> -->
<!-- </c-col> -->
<!-- <c-col :span="24"> -->
<!-- <c-col :span="24"> -->
<!-- </c-col> -->
<!-- <c-col> -->
<!-- </c-col> -->
<!-- <c-col> -->
<!-- </c-col> -->
<!-- </c-col> -->
<!-- <c-col :span="3">
<c-button size="small" type="primary;width:10%" @click="onSeainf"
>i</c-button
> -->
<!-- <c-col> -->
<!-- <c-col :span="24" :offset="0">
<c-checkbox v-model="model.brtp.setnowflg">Register to Send and Settle Document</c-checkbox>
</c-col> -->
<!-- <c-col :span="3">
<c-button size="small" type="primary" @click="onPrbpDet">
Details
</c-button>
</c-col> -->
<!-- </c-col>
<c-col> -->
<!-- <c-col :span="6" :offset="5">
<c-checkbox v-model="model.brtp.dcrflg">Register to Handle Discrepancies</c-checkbox>
</c-col> -->
<!-- <c-col :span="11" :offset="1">
<el-form-item v-if="1===0" label="名称" prop="brdgrp.prb.namelc">
<c-input type="textarea" v-model="model.brdgrp.prb.namelc" maxlength="40" show-word-limit placeholder="请输入名称" ></c-input>
</el-form-item>
</c-col>
<c-col v-if="1===0" :span="11" :offset="1">
<el-form-item label="Chinese address" prop="brdgrp.prb.dbfadrblkcn">
<c-input type="textarea" v-model="model.brdgrp.prb.dbfadrblkcn" maxlength="40" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</c-col>
<c-col v-if="1===0" :span="11" :offset="1">
<el-form-item label="地址" prop="brdgrp.prb.adrelc">
<c-input type="textarea" v-model="model.brdgrp.prb.adrelc" maxlength="40" show-word-limit placeholder="请输入地址" ></c-input>
</el-form-item>
</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/Litdav/Event";
import Utils from "~/utils";
export default {
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {};
},
watch:{
"model.brdgrp.rec.advtyp":{
immediate:true,
handler(){
if(this.model.brdgrp.rec.advtyp == '750' ){
this.model.brdgrp.rec.advdat = ' '
this.model.brdgrp.blk.docdisflg= 'X'
}else if(this.model.brdgrp.rec.advtyp == '754'){
this.model.brdgrp.rec.disdat = ' '
// this.model.brdgrp.blk.docdisflg= ""
// this.model.brdgrp.blk.docdis= ''
}else if( this.model.brdgrp.rec.advtyp == 'OTH'){
this.model.brdgrp.rec.advdat = ' '
this.model.brdgrp.rec.disdat = ' '
// this.model.brdgrp.blk.docdisflg= ""
// this.model.brdgrp.blk.docdis= ''
}
}
}
},
methods: { ...Event },
created: function() {}
};
</script>
<style>
</style>