<template> <div class="eibs-tab"> <c-col :span="24"> <c-col :span="12" style="padding-right: 20px"> <c-col :span="24" v-if="model.gidgrp.rec.purposin=='ISCO'"> <c-ptap :model="model" :isAdrblk="false" :haveAdrLabel="true" :noRef="true" :isAdrVisible="false" :argadr="{ title: $t('gitopn.受益人'), grp: 'gidgrp', rol: 'ben' }" bchinr='00000047' @clear="handleChangeBen" @handleChange="handleChangeBen" :ptytyp="model.gidgrp.rec.purposin == 'ISCO'? 'C': (model.gidgrp.rec.purpos == 'ISSU'? (model.gidgrp.rec.legfrm == 'STBY' && model.gidgrp.rec.gartyp == 'G' ? 'B':'F,C,B'):'B')" :disabled="true"> </c-ptap> </c-col> <c-col :span="24" v-else> <c-ptap :model="model" :isAdrblk="false" :haveAdrLabel="true" :noRef="true" :isAdrVisible="false" :argadr="{ title: $t('gitopn.申请人'), grp: 'gidgrp', rol: 'apl' }" :ptytyp="model.gidgrp.rec.hndtyp=='OT'?'B,F':'C'" bchinr='00000047' @handleChange="handleChangeApl" :disabled="true"> </c-ptap> </c-col> <c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;"> <div style="width: calc(100% - 120px);"> <el-form-item :label="$t('gitopn.接收目的')" prop="gidgrp.rec.purposin"> <c-select :disabled="model.gitp.inc760!='X'" v-model="model.gidgrp.rec.purposin" style="width:100%" dbCode="PURPOI" :filterKey="['ISCO']" placeholder="请选择接收目的" @change="changePurposin"> </c-select> </el-form-item> </div> <div style="width: 100px;margin-left: 20px;"> <c-checkbox v-model="model.gitp.inc760" true-label="X" false-label="" @change="changeInc760"> Incoming Lose </c-checkbox> </div> </c-col> <c-col :span="24" style="display: flex;align-item: center;justify-content: flex-start;"> <div :style="{'width': model.needcuscomopn ? `calc(100% - 120px)` : '100%'}"> <el-form-item :label="$t('gitopn.支出目的')" prop="gidgrp.rec.purpos"> <c-select v-model="model.gidgrp.rec.purpos" style="width: 100%" placeholder="请选择支出目的" dbCode="purpos" :filterKey="model.gidgrp.rec.purposin == 'ISCO'?['ISSU']:model.gidgrp.rec.purposin == 'ICCO'?['ISCO']:['ISSU','ISCO','ICCO']" @change="changePurpos"> </c-select> </el-form-item> </div> <!-- <div style="width: 100px;margin-left: 20px;" v-if ="model.needcuscomopn"> <c-checkbox v-model="model.gidgrp.rec.needcuscomopn" true-label="X" false-label=""> 客户确认 </c-checkbox> </div> --> </c-col> <c-col :span="24"> <el-form-item label="Form of Undertaking" prop="gidgrp.rec.legfrm"> <c-select v-model="model.gidgrp.rec.legfrm" style="width: 100%" placeholder="请选择保函形式" dbCode="legfrm" :filterKey="model.gidgrp.rec.purpos == 'ISCO' || model.gidgrp.rec.purpos == 'ICCO'?['DGAR','STBY']:['DGAR','STBY','DEPU']" :disabled="model.zhjb" @change="changeLegfrm"> </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item :label="$t('gitopn.保函种类')" prop="gidgrp.rec.gartyp"> <c-select v-model="model.gidgrp.rec.gartyp" style="width: 100%" placeholder="请选择保函种类" dbCode="typgar" :filterKey="model.gidgrp.rec.legfrm=='DGAR'?['A','B','C','D','J','Z','G','W','V','3']:['A','B','C','D','J','Z','G','W','Y','V','3']" @change="changeGartyp"> </c-select> </el-form-item> </c-col> <c-col v-if="model.zmqflg == 'X'" :span="24" > <el-form-item label="Oppbnk Code" prop="gidgrp.rec.oppbnk" style="width: 100%" > <c-input v-model="model.gidgrp.rec.oppbnk" placeholder="请输入对手行代码" ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="12" style="padding-left: 20px"> <c-col :span="24"> <el-form-item label="Guarantee No." prop="gidgrp.rec.ownref"> <c-fullbox> <c-input v-model="model.gidgrp.rec.ownref" maxlength="16" placeholder="请输入保函编号" disabled></c-input> <template slot="footer"> <c-button :disabled="ownrefDisabled" style="margin: 0 0" size="small" type="primary" @click="queryOwnref"> 获取 </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="24"> <el-form-item :label="$t('gitopn.当前行员')" prop="gitp.usr.extkey" style="width: 100%"> <c-input v-model="model.gitp.usr.extkey" placeholder="请输入客户经理" disabled></c-input> </el-form-item> </c-col> <c-col :span="24" class="custom-box-wrap"> <div class="box-1"> <div style="width: 280px;"> <el-form-item label="Guarantee Amount" prop="gidgrp.cbs.max.cur"> <c-select v-model="model.gidgrp.cbs.max.cur" @change="handleChangeFingua" :disabled="model.gidgrp.rec.gartyp=='X' || model.gidgrp.rec.gartyp=='U'" style="width: 100%" placeholder="请选择保函币种" dbCode="curtxt" sort="SRT"> </c-select> </el-form-item> </div> <div style="width: calc(100% - 280px);"> <el-form-item label-width="5px" prop="gidgrp.cbs.max.amt"> <c-input-currency v-model="model.gidgrp.cbs.max.amt" :currency="model.gidgrp.cbs.max.cur" @change="calcName" style="width:100%" placeholder="请输入保函金额"> </c-input-currency> </el-form-item> </div> </div> <div class="box-2"> <c-checkbox v-model="model.gitp.aamp.addamtflg" true-label="X" false-label="" @change="max2FlagChange($event)" class="checkbox-left"> 附加金额 </c-checkbox> </div> </c-col> <c-col :span="24"> <div class="custom-box-wrap"> <div style="width: 280px;"> <el-form-item :label="$t('gitopn.保函余额')" prop="gidgrp.cbs.opn1.cur"> <c-select disabled v-model="model.gidgrp.cbs.opn1.cur" style="width: 100%" placeholder="请选择保函余额币种" dbCode="curtxt" sort="SRT"> </c-select> </el-form-item> </div> <div style="width: calc(100% - 280px);"> <el-form-item label-width="5px" prop="gidgrp.cbs.opn1.amt"> <c-input-currency disabled v-model="model.gidgrp.cbs.opn1.amt" :currency="model.gidgrp.cbs.opn1.cur" style="width:100%" placeholder="请输入"> </c-input-currency> </el-form-item> </div> </div> </c-col> <c-col :span="24" v-if="model.gitp.aamp.addamtflg == 'X'"> <div class="custom-box-wrap"> <div style="width: 280px;"> <el-form-item label="Add. Amount" prop="gidgrp.cbs.max2.cur"> <c-select disabled v-model="model.gidgrp.cbs.max2.cur" placeholder="请选择币种" dbCode="curtxt" sort="SRT"> </c-select> </el-form-item> </div> <div style="width: calc(100% - 280px);"> <el-form-item label-width="5px" prop="gidgrp.cbs.max2.amt"> <c-input-currency v-model="model.gidgrp.cbs.max2.amt" :currency="model.gidgrp.cbs.max2.cur" style="width:100%" placeholder="请输入附加金额" @change="changeMax2"></c-input-currency> </el-form-item> </div> </div> </c-col> <c-col :span="24" v-if="model.gitp.aamp.addamtflg == 'X'"> <div class="custom-box-wrap"> <div style="width: 280px;"> <el-form-item label="Open Add. Amount" prop="gidgrp.cbs.opn2.cur"> <c-select disabled v-model="model.gidgrp.cbs.opn2.cur" style="width: 100%" placeholder="请选择保函余额币种" dbCode="curtxt" sort="SRT"> </c-select> </el-form-item> </div> <div style="width: calc(100% - 280px);"> <el-form-item label-width="5px" prop="gidgrp.cbs.opn2.amt"> <c-input-currency disabled v-model="model.gidgrp.cbs.opn2.amt" :currency="model.gidgrp.cbs.opn2.cur" style="width:100%" placeholder="请输入"> </c-input-currency> </el-form-item> </div> </div> </c-col> <c-col :span="24" v-if="model.gitp.aamp.addamtflg == 'X'"> <div class="custom-box-wrap"> <div style="width: 280px;"> <el-form-item label="Total Amount" prop="gidgrp.cbs.total.cur"> <c-select disabled v-model="model.gidgrp.cbs.total.cur" style="width: 100%" placeholder="请选择保" dbCode="curtxt" sort="SRT"> </c-select> </el-form-item> </div> <div style="width: calc(100% - 280px);"> <el-form-item label-width="5px" prop="gidgrp.cbs.total.amt"> <c-input-currency disabled v-model="model.gidgrp.cbs.total.amt" :currency="model.gidgrp.cbs.total.cur" style="width:100%" placeholder="请输入"> </c-input-currency> </el-form-item> </div> </div> </c-col> <c-col :span="24" v-if="model.gitp.aamp.addamtflg == 'X'"> <div class="custom-box-wrap"> <div style="width: 280px;"> <el-form-item label="Total Open Amount" prop="gidgrp.cbs.total2.cur"> <c-select disabled v-model="model.gidgrp.cbs.total2.cur" style="width: 100%" placeholder="请选择保" dbCode="curtxt" sort="SRT"> </c-select> </el-form-item> </div> <div style="width: calc(100% - 280px);"> <el-form-item label-width="5px" prop="gidgrp.cbs.total2.amt"> <c-input-currency disabled v-model="model.gidgrp.cbs.total2.amt" :currency="model.gidgrp.cbs.total2.cur" style="width:100%" placeholder="请输入"> </c-input-currency> </el-form-item> </div> </div> </c-col> <c-col :span="24"> <c-col :span="4" :offset="3"> <div style="display:flex"> <el-form-item label="" class="checkbox-left" label-width="10px" prop="gitp.xyflg"> <c-button size="small" type="primary" @click="agreementSigning" v-model="model.gitp.xyflg" :disabled="model.gitp.yptxy!='Y'||model.gitp.xyflg=='Y'"> 协议签署 </c-button> </el-form-item> </div> </c-col> </c-col> </c-col> </c-col> </div> </template> <script> import event from "../event"; import Default from "../model/default"; export default { inject: ["root"], props: ["model", "codes"], mixins: [event, Default], data() { return {}; }, methods: {}, created: function() {}, computed: { ownrefDisabled() { if(this.model.gidgrp.rec.ownref!=''){ return true; } if(this.model.gidgrp.rec.hndtyp==''){ if(this.model.gidgrp.rec.purpos!=''){ this.changePurpos(); } return true; } if(this.model.gidgrp.rec.gartyp==''){ return true; } if(this.model.gidgrp.rec.purposin=='ISCO'){ if(this.model.gidgrp.ben.pts.adrblk==''){ return true; } }else{ if(this.model.gidgrp.apl.pts.adrblk==''){ return true; } } return false; } }, watch: { "model.gidgrp.ctr.pts.ptainr": { immediate: true, handler(val, oldval) { if(oldval!=""){ if (this.model.gidgrp.rec.hndtyp != 'OT') { this.model.gidgrp.rec.ownref = ""; } } } }, "model.gidgrp.apl.pts.ptainr": { immediate: true, handler(val, oldval) { if(oldval!=""){ if (this.model.gidgrp.rec.hndtyp != 'OT') { this.model.gidgrp.rec.ownref = ""; } } } }, "model.gidgrp.ben.pts.ptainr": { immediate: true, handler(val, oldval) { if(oldval!=""){ if (this.model.gidgrp.rec.hndtyp == 'OT') { this.model.gidgrp.rec.ownref = ""; } } } }, }, }; </script> <style lang="less" scoped> </style>