<template>
<div class="eibs-tab">
<!-- ====================左边======================= -->
<c-col :span="11">
<c-col :span="24">
<c-col :span="20">
<el-form-item label="信用证号码" prop="dedgrp.rec.ownref" style="width: 100%">
<c-input v-model="model.dedgrp.rec.ownref" maxlength="16" placeholder="请输入Reference"
style="width: 95%" disabled></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="1" style="text-align: right"> -->
<c-col :span="1">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button style="margin: 0 10px 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>
<!-- </el-form-item> -->
</c-col>
<c-col :span="2" :offset="1" style="text-align: right">
<!-- <el-form-item label="" label-width="5px"> -->
<c-button style="margin: 0 0" size="small" type="primary" :disabled="this.flag"
@click="onDetpButgetref">
获取
</c-button>
<!-- </el-form-item> -->
</c-col>
<!-- </c-col> -->
</c-col>
<c-col :span="24">
<el-form-item label="是否可以转让" prop="dedgrp.rec.lcrtyp">
<c-select v-model="model.dedgrp.rec.lcrtyp" style="width: 100%" placeholder="请选择" disabled>
<el-option v-for="item in codes.lcrtyp" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="所属客户经理" prop="detp.usr.extkey" style="width: 100%">
<c-fullbox>
<c-input v-model="model.detp.usr.extkey" maxlength="8" placeholder="请输入所属客户经理" disabled>
</c-input>
<template slot="footer">
<c-button style="margin-left: 10px; padding: 0 10px" size="small" icon="el-icon-search"
type="primary" @click="onExtkey"></c-button>
</template>
</c-fullbox>
</el-form-item>
</c-col>
<!-- <c-col>
</c-col> -->
<c-col :span="13">
<el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur">
<c-select disabled v-model="model.dedgrp.cbs.nom1.cur" style="width: 100%" placeholder="请选择Currency"
@keyup.enter.native="nom1CurEvent">
<el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item style="text-align: left" label-width="5px" prop="dedgrp.cbs.nom1.amt">
<c-input-currency v-model="model.dedgrp.cbs.nom1.amt" style="text-align: left; width: 100%" disabled
placeholder="请输入信用证金额" @keyup.enter.native="
defaultFunction(
'dedgrp.cbs.nom1.amt',
model.dedgrp.cbs.nom1.amt
)
"></c-input-currency>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="大写金额" prop="detp.upamt">
<c-input v-model="model.detp.upamt" maxlength="76" placeholder="请输入大写金额" disabled></c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<c-col :span="13">
<el-form-item label="上下浮动限额" prop="dedgrp.rec.nomtop">
<c-input
v-model="model.dedgrp.rec.nomtop"
maxlength="9"
style="width: 100%"
placeholder="请输入Amount Tolerance - Positive"
></c-input>
<label style="display: inline-block; width: 10%; text-align: center"
>-</label
>
<c-input
v-model="model.dedgrp.rec.nomton"
maxlength="9"
style="width: 100%"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="24">
<c-col :span="13">
<c-form-item label="上下浮动限额" prop="dedgrp.rec.nomtop">
<c-input v-model="model.dedgrp.rec.nomtop" maxlength="10" style="width: 100%" disabled
placeholder="请输入Amount Tolerance - Positive"></c-input>
</c-form-item>
</c-col>
<c-col :span="1" style="text-align: center">
<label style="
display: inline-block;
width: calc(3% - 4px);
text-align: center;
">-</label>
</c-col>
<c-col :span="10">
<c-form-item label="" prop="dedgrp.rec.nomton" label-width="0">
<c-input v-model="model.dedgrp.rec.nomton" prop="dedgrp.rec.nomton" maxlength="10" style="width: 100%" disabled
placeholder="请输入Amount Tolerance - Negative"></c-input></c-form-item>
</c-col>
</c-col>
<!-- <c-col :span="12" style="text-align: left">
<el-form-item
label=""
style="text-align: left; margin-left: 12px"
label-width="150px"
prop="dedgrp.rec.nomton"
>
<c-input
v-model="model.dedgrp.rec.nomton"
maxlength="9"
placeholder="请输入Amount Tolerance - Negative"
></c-input>
</el-form-item>
</c-col> -->
<!-- <c-col> </c-col> -->
<c-col :span="13">
<el-form-item label="信用证最大金额" prop="dedgrp.cbs.max.cur">
<c-select v-model="model.dedgrp.cbs.max.cur" placeholder="请选择Currency" disabled>
<el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="11">
<el-form-item label="" label-width="5px" prop="dedgrp.cbs.max.amt">
<c-input v-model="model.dedgrp.cbs.max.amt" placeholder="请输入信用证最大金额" disabled></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="贸易类型" prop="dedgrp.rec.mytype">
<c-select v-model="model.dedgrp.rec.mytype" style="width: 100%" placeholder="请选择贸易类型"
@change="mytypeChange">
<el-option v-for="item in codes.mytype" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<c-col :span="13">
<el-form-item label="开证日期" prop="dedgrp.rec.opndat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.opndat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="24">
<c-form-item label="开证日期" prop="dedgrp.rec.opndat">
<c-date-picker type="date" v-model="model.dedgrp.rec.opndat" value-format="yyyy-MM-dd"
placeholder="请选择Date" style="width: 100%"></c-date-picker>
</c-form-item>
</c-col>
<c-col :span="24">
<el-form-item v-if="model.dedgrp.rec.mytype == 'H'" label="最迟货物装运日" prop="dedgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.dedgrp.rec.shpdat" value-format="yyyy-MM-dd"
style="width: 100%" placeholder="请选择Date"></c-date-picker>
</el-form-item>
<el-form-item v-if="model.dedgrp.rec.mytype == 'F'" label="最迟服务提供日" prop="dedgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.dedgrp.rec.shpdat" value-format="yyyy-MM-dd"
style="width: 100%" placeholder="请选择Date"></c-date-picker>
</el-form-item>
<el-form-item label="最迟货物装运日/服务提供日" v-if="model.dedgrp.rec.mytype == '3'" prop="dedgrp.rec.shpdat">
<c-date-picker type="date" v-model="model.dedgrp.rec.shpdat" value-format="yyyy-MM-dd"
style="width: 100%" placeholder="请选择"></c-date-picker>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<c-col :span="13">
<el-form-item label="有效日期" prop="dedgrp.rec.expdat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.expdat"
value-format="yyyy-MM-dd"
style="width: 100%"
placeholder="请选择Date"
></c-date-picker>
</el-form-item>
</c-col>
</c-col> -->
<c-col :span="24">
<c-form-item label="有效日期" prop="dedgrp.rec.expdat">
<c-date-picker type="date" v-model="model.dedgrp.rec.expdat" value-format="yyyy-MM-dd" disabled
placeholder="请选择Date" style="width: 100%"></c-date-picker>
</c-form-item>
</c-col>
<c-col :span="24">
<c-form-item label="开证行开证类型" prop="dedgrp.rec.dkflg">
<c-select v-model="model.dedgrp.rec.dkflg" style="width: 100%" placeholder="请选择" :code="codes.dkflg"
disabled></c-select>
</c-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="有效地点" prop="dedgrp.rec.expplc">
<c-input v-model="model.dedgrp.rec.expplc" maxlength="35" placeholder="请输入Place of Expiry">
</c-input>
</el-form-item>
</c-col>
<!-- <c-col :span="24">
<c-form-item label="货运时间" prop="dedgrp.rec.shpdat">
<c-date-picker
type="date"
v-model="model.dedgrp.rec.shpdat"
style="width: 100%"
placeholder="请选择Shipment Date"
></c-date-picker>
</c-form-item>
</c-col> -->
<c-col :span="24">
<el-form-item label="转运" prop="dedgrp.rec.shptrs">
<c-select v-model="model.dedgrp.rec.shptrs" style="width: 100%" placeholder="请选择"
:disabled="model.dedgrp.rec.mytype == 'F'">
<el-option label="不允许" value="禁止"></el-option>
<el-option label="允许" value="允许"></el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="是否通过电证系统" prop="dedgrp.rec.elcflg">
<c-select v-model="model.dedgrp.rec.elcflg" style="width: 100%" placeholder="请选择是否通过电证系统" disabled>
<el-option v-for="item in codes.elcflg" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<!--
<c-col :span="24">
<el-form-item label="是否代开信用证" prop="dedgrp.rec.dkflg">
<c-select v-model="model.dedgrp.rec.dkflg" style="width:100%" placeholder="请选择是否代开信用证">
</c-select>
</el-form-item>
</c-col>
-->
<c-col :span="24">
<el-form-item label="信用证兑付方式" prop="dedgrp.rec.avbby">
<c-select v-model="model.dedgrp.rec.avbby" style="width: 100%" @change="avbbykeyEvent"
placeholder="请选择">
<el-option v-for="item in codes.avbbyDetopn" :key="item.value" :label="item.label"
:value="item.value">
</el-option>
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="天数" prop="dedgrp.rec.tenmaxday">
<c-input v-model.number="model.dedgrp.rec.tenmaxday" placeholder="请输入天数"
:disabled="model.dedgrp.rec.avbby == 'P'"></c-input>
</el-form-item>
</c-col>
<div v-if="model.dedgrp.rec.avbby != 'D'">
<c-col :span="24">
<el-form-item label="远期付款指示" prop="dedgrp.blk.dftat">
<c-input type="textarea" v-model="model.dedgrp.blk.dftat" maxlength="35" show-word-limit
placeholder="请输入远期付款指示" :disabled="!model.dedgrp.rec.avbby"></c-input>
</el-form-item>
</c-col>
</div>
<div v-else>
<c-col :span="24">
<el-form-item label="远期付款指示" prop="dedgrp.blk.defdet">
<c-input type="textarea" v-model="model.dedgrp.blk.defdet" maxlength="35" show-word-limit
placeholder="请输入远期付款指示"></c-input>
</el-form-item>
</c-col>
</div>
</c-col>
<!-- ========================右边======================= -->
<c-col :span="11" :offset="1">
<c-col :span="24">
<el-form-item label="摘要" prop="dedgrp.rec.nam">
<c-input text-align="middle" v-model="model.dedgrp.rec.nam" maxlength="40" disabled
placeholder="请输入Externally Displayed Name to Identify the Contract"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap :model="model" :argadr="{
title: '受益人',
grp: 'dedgrp',
rol: 'ben',
}" :isAdrblk="false" @onSeainf="onSeainf" @onAplpDet="onBenpDet" :disabledRef="true">
</c-ptap>
</c-col>
<c-col :span="24">
<c-col :span="24">
<el-form-item label="受益人账号" prop="dedgrp.ben.pts.extact">
<c-input v-model="model.dedgrp.ben.pts.extact" maxlength="16" placeholder="请输入受益人账号"></c-input>
</el-form-item>
</c-col>
</c-col>
<!--
<c-col :span="24">
<c-col :span="24">
<el-form-item label="受益人参考号" prop="dedgrp.ben.pts.ref">
<c-input v-model="model.dedgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人参考号"></c-input>
</el-form-item>
</c-col>
</c-col>
<c-col :span="24">
<c-col :span="18">
<el-form-item label="受益人ID" prop="dedgrp.ben.pts.extkey">
<c-input v-model="model.dedgrp.ben.pts.extkey" maxlength="16" placeholder="请输入受益人Extkey"
@keyup.enter.native="
showGridPromptDialog('dedgrp.apl.pts.extkey')
"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6" style="text-align: right">
<c-col :span="12">
<el-form-item label="" label-width="5px">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onSeainf('dedgrp.ben.pts.extkey')"
></c-button>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px">
<c-button size="small" type="primary" @click="onBenpDet">
详情
</c-button>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="受益人名称" prop="dedgrp.ben.namelc">
<c-input type="textarea" v-model="model.dedgrp.ben.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="受益人地址" prop="dedgrp.ben.adrelc">
<c-input type="textarea" v-model="model.dedgrp.ben.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="受益人账号" prop="dedgrp.ben.pts.extact">
<c-input v-model="model.dedgrp.ben.pts.extact" maxlength="34" placeholder="请输入External Account"></c-input>
</el-form-item>
</c-col>
-->
<c-col :span="24">
<el-form-item label="受益人开户行联行行号" prop="dedgrp.beb.pts.bankno">
<c-input v-model="model.dedgrp.beb.pts.bankno" maxlength="20" placeholder="请输入Number of bank">
</c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="受益人开户行联行名称 电证用" prop="dedgrp.beb.pts.jigomc">
<c-input type="textarea" v-model="model.dedgrp.beb.pts.jigomc" maxlength="35" show-word-limit
placeholder="请输入联行名称 电证用"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-ptap :model="model" :argadr="{
title: '申请人',
grp: 'dedgrp',
rol: 'apl',
}" :isAdrblk="false" @onSeainf="onSeainf" @onAplpDet="onBenpDet">
</c-ptap>
</c-col>
<!--
<c-col :span="24">
<el-form-item label="申请人参考号" prop="dedgrp.apl.pts.ref">
<c-input v-model="model.dedgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人参考号"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人ID" prop="dedgrp.apl.pts.extkey">
<c-input v-model="model.dedgrp.apl.pts.extkey" maxlength="16" placeholder="请输入申请人Extkey"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<c-col :span="18">
<el-form-item label="申请人ID" prop="dedgrp.apl.pts.extkey">
<c-input v-model="model.dedgrp.apl.pts.extkey" maxlength="16" placeholder="请输入申请人Extkey"
></c-input>
</el-form-item>
</c-col>
<c-col :span="6" style="text-align: right">
<c-col :span="12">
<el-form-item label="" label-width="5px">
<c-button
size="small"
type="primary"
icon="el-icon-search"
@click="onSeainf('dedgrp.apl.pts.extkey')"
></c-button>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" label-width="5px">
<c-button size="small" type="primary" @click="onAplpDet">
详情
</c-button>
</el-form-item>
</c-col>
</c-col>
</c-col>
<c-col :span="24">
<el-form-item label="申请人名称" prop="dedgrp.apl.namelc">
<c-input type="textarea" v-model="model.dedgrp.apl.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="申请人地址" prop="dedgrp.apl.pts.adrblk">
<c-input type="textarea" v-model="model.dedgrp.apl.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
</el-form-item>
</c-col>
-->
<c-col :span="24">
<el-form-item label="是否通知客户" prop="dedgrp.rec.rejflg">
<c-select v-model="model.dedgrp.rec.rejflg" style="width: 100%" placeholder="请选择是否通知客户">
</c-select>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="拒绝通知理由" prop="dedgrp.blk.rejadvrsn">
<c-input type="textarea" v-model="model.dedgrp.blk.rejadvrsn" maxlength="35" show-word-limit
placeholder="请输入拒绝通知理由"></c-input>
</el-form-item>
</c-col>
<c-col :span="24">
<el-form-item label="交单期限" prop="dedgrp.blk.preper">
<c-input type="textarea" v-model="model.dedgrp.blk.preper" maxlength="35" show-word-limit
placeholder="请输入交单期限"></c-input>
</el-form-item>
</c-col>
</c-col>
<!--
<c-col :span="12">
<el-form-item label="" prop="detp.usrget.sdamod.seainf">
<c-input v-model="model.detp.usrget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="" prop="detp.benp.ptsget.sdamod.seainf">
<c-input v-model="model.detp.benp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col> -->
<!--
<c-col :span="12">
<el-form-item label="Address Block" prop="dedgrp.ben.pts.adrblk">
<c-input type="textarea" v-model="model.dedgrp.ben.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
</el-form-item>
</c-col> -->
<!--
<c-col :span="12">
<el-form-item label="Chinese address" prop="dedgrp.ben.dbfadrblkcn">
<c-input type="textarea" v-model="model.dedgrp.ben.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</c-col>
-->
<!-- TODO 貌似多余的
<c-col :span="12">
<span v-text="model.detp.zchday" data-path=".detp.zchday"> </span>
</c-col> -->
<!--
<c-col :span="12">
<el-form-item label="Drag Drop Sender" prop="detp.aplp.ptsget.sdamod.dadsnd">
<c-input v-model="model.detp.aplp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input>
</el-form-item>
</c-col> -->
<!--
<c-col :span="12">
<el-form-item label="" prop="detp.aplp.ptsget.sdamod.seainf">
<c-input v-model="model.detp.aplp.ptsget.sdamod.seainf" placeholder="请输入"></c-input>
</el-form-item>
</c-col>
-->
<!--
<c-col :span="12">
<c-button size="small" type="primary" @click="onAplpDet">
Details
</c-button>
</c-col>
-->
<!--
<c-col :span="12">
<el-form-item label="Chinese address" prop="dedgrp.apl.dbfadrblkcn">
<c-input type="textarea" v-model="model.dedgrp.apl.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="Maximum Tenor" prop="dedgrp.rec.tenmaxday">
<c-input v-model="model.dedgrp.rec.tenmaxday" placeholder="请输入Maximum Tenor"></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="远期付款指示" prop="dedgrp.blk.defdet">
<c-input type="textarea" v-model="model.dedgrp.blk.defdet" maxlength="35" show-word-limit placeholder="请输入远期付款指示" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="地址" prop="dedgrp.apl.adrelc">
<c-input type="textarea" v-model="model.dedgrp.apl.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<el-form-item label="远期付款指示" prop="dedgrp.blk.dftat">
<c-input type="textarea" v-model="model.dedgrp.blk.dftat" maxlength="35" show-word-limit placeholder="请输入远期付款指示" ></c-input>
</el-form-item>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onLcrdftatButtxmsel">
...
</c-button>
</c-col>
<c-col :span="12">
<c-button size="small" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
...
</c-button>
</c-col>
<c-col :span="12">
<el-form-item label="发起参与机构" prop="detp.dzlhhh">
<c-input v-model="model.detp.dzlhhh" maxlength="20" placeholder="请输入发起参与机构"></c-input>
</el-form-item>
</c-col>
-->
</div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import Event from "~/model/Detopn/Event";
import Utils from "~/utils";
import Ptap from "~/views/Public/Ptap";
export default {
components: { "c-ptap": Ptap },
inject: ["root"],
props: ["model", "codes"],
mixins: [commonProcess],
data() {
return {
jigomcFlag: false,
trade: "",
};
},
methods: { ...Event },
created: function () { },
computed: {
flag() {
return this.model.dedgrp.ben.pts.extkey == "";
},
},
};
</script>
<style>
</style>