<template> <div class="eibs-tab"> <c-row> <c-col :span="24"> <!-- ==================左边================ --> <c-col :span="12"> <!-- --> <c-col :span="24"> <el-form-item label="Reference" prop="gidgrp.rec.ownref"> <c-fullbox> <c-input disabled v-model="model.gidgrp.rec.ownref" maxlength="16" placeholder="请输入Reference" ></c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" > <span style=" font-size: 15px; font-family: '宋体'; font-weight: bold; " >i</span > </c-button> <c-button style="margin: 0 0" disabled size="small" type="primary" @click="onGitpButgetref" > 获取 </c-button> </template> </c-fullbox> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item label="Responsible User" prop="gitp.usr.extkey"> <c-fullbox> <c-input disabled v-model="model.gitp.usr.extkey" maxlength="8" placeholder="请输入Responsible User" ></c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" > <span style=" font-size: 15px; font-family: '宋体'; font-weight: bold; " >i</span > </c-button> <!-- <c-checkbox v-model="model.gidgrp.rec.resflg" >Reserved Contract</c-checkbox > --> </template> </c-fullbox> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <c-col :span="12"> <el-form-item label="Guarantee Amount" prop="gidgrp.cbs.max.cur"> <c-select disabled v-model="model.gidgrp.cbs.max.cur" style="width: 100%" placeholder="请选择Guarantee Amount" > <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="8"> <c-input disabled v-model="model.gidgrp.cbs.max.amt" style="margin: 0 0 0 10px; width: 80%" placeholder="请输入Guarantee Amount" ></c-input> </c-col> <c-col :span="4" v-if="model.gitp.swiftflg != 'Y'" class="centerLable" > <c-checkbox v-model="model.gitp.dzbhflg">电子保函标志</c-checkbox> </c-col> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="Open Amount" prop="gidgrp.cbs.opn1.cur"> <c-input disabled v-model="model.gidgrp.cbs.opn1.cur" style="width: 100%" placeholder="请输入Open Amount" ></c-input> </el-form-item> </c-col> <c-col :span="8"> <!-- <el-form-item label="" prop="gidgrp.cbs.opn1.amt"> --> <c-input disabled v-model="model.gidgrp.cbs.opn1.amt" style="margin: 0 0 0 10px; width: 80%" placeholder="请输入Balance" ></c-input> <!-- </el-form-item> --> </c-col> <c-col :span="4" v-if="model.gitp.swiftflg == 'Y'" class="centerLable" > <c-checkbox v-model="model.gitp.inc760">incoming lose</c-checkbox> </c-col> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="Incoming Purpose " prop="gidgrp.rec.purposin" > <c-select disabled v-model="model.gidgrp.rec.purposin" style="width: 100%" :code="codes.purposin" placeholder="请选择Incoming Purpose " > </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="Outgoing Purpose" prop="gidgrp.rec.purpos" > <c-select disabled v-model="model.gidgrp.rec.purpos" :code="codes.purpos" style="width: 100%" placeholder="请选择Outgoing Purpose" > </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item label="Handing Type" prop="gidgrp.rec.hndtyp"> <c-select disabled v-model="model.gidgrp.rec.hndtyp" :code="codes.hndtyp" style="width: 100%" placeholder="请选择Handing Type" > </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item label="Type of Undertaking" prop="gidgrp.rec.gartyp"> <c-select disabled v-model="model.gidgrp.rec.gartyp" style="width: 100%" placeholder="请选择Type of Undertaking" :code="codes.seagtyp" > </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="Form of Undertaking" prop="gidgrp.rec.legfrm" > <c-select v-model="model.gidgrp.rec.legfrm" :code="codes.legfrm2" style="width: 100%" placeholder="请选择Form of Undertaking" > </c-select> </el-form-item> </c-col> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="Demand Indicator" prop="gidgrp.rec.demand" > <c-select :code="codes.demand" v-model="model.gidgrp.rec.demand" style="width: 100%" placeholder="请选择Demand Indicator" > </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <c-col :span="12"> <el-form-item label="Applicable Rules" prop="gidgrp.blk.apprul"> <c-select v-model="model.gidgrp.blk.apprul" style="width: 100%" placeholder="请选择Applicable Rules" :code="codes.apprulc1" > </c-select> <!-- --> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label-width="5px" prop="gidgrp.blk.apprultxt"> <c-input :disabled=" model.gidgrp.blk.apprul == 'URDG' || model.gidgrp.blk.apprul == 'NONE' || model.gidgrp.blk.apprul == 'UCPR' " v-model="model.gidgrp.blk.apprultxt" maxlength="35" placeholder="请输入Applicable Rules" ></c-input> </el-form-item> </c-col> </c-col> <!-- --> <c-col :span="24"> <c-col :span="12"> <el-form-item label="Language of Undertak." prop="gidgrp.rec.giduil" > <c-select disabled v-model="model.gidgrp.rec.giduil" style="width: 100%" placeholder="请选择Language of Undertak." :code="codes.uiltxt1" > </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="12"> <el-form-item label="核销日期" prop="gidgrp.rec.vrfdat"> <c-date-picker disabled type="date" v-model="model.gidgrp.rec.vrfdat" style="width: 100%" placeholder="请选择核销日期" ></c-date-picker> </el-form-item> </c-col> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="特殊保函类型" prop="gidgrp.ghd.segtyp" > <c-select v-model="model.gidgrp.ghd.segtyp" style="width: 100%" placeholder="请选择特殊保函类型" :code="codes.segtyp" > </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="是否分离式保函" prop="gidgrp.rec.fenlishi" > <c-select disabled v-model="model.gidgrp.rec.fenlishi" style="width: 100%" placeholder="请选择是否分离式保函" :code="codes.fenlishi2" > </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item label="Choice of Text" prop="gidgrp.rec.gtxinr"> <c-select disabled v-model="model.gidgrp.rec.gtxinr" style="width: 100%" placeholder="请选择Choice of Text" :code="codes.gtxinr4" > </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="Order Date" prop="gidgrp.rec.orddat" > <c-date-picker disabled type="date" v-model="model.gidgrp.rec.orddat" style="width: 100%" placeholder="请选择Order Date" ></c-date-picker> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <c-col :span="14"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="Validity until" prop="gidgrp.rec.expdat" > <c-date-picker disabled type="date" v-model="model.gidgrp.rec.expdat" style="width: 90%" placeholder="请选择Validity until" ></c-date-picker> </el-form-item> </c-col> <!-- --> <c-col :span="7" v-if="model.gitp.swiftflg == 'N'" class="centerLable" > <c-checkbox disabled v-model="model.gidgrp.rec.expflg" >Unlimited Guarantee</c-checkbox > </c-col> <c-col :span="3" v-if="model.gitp.swiftflg != 'Y'" class="centerLable" > <c-button size="small" type="primary" @click="onGitpWbxs" disabled style="color: white" > 显示文本 </c-button> </c-col> </c-col> <!-- --> <c-col :span="24"> <c-col :span="14"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="Our Liability until" prop="gidgrp.rec.liadat" > <c-date-picker disabled type="date" v-model="model.gidgrp.rec.liadat" style="width: 90%" placeholder="请选择Our Liability until" ></c-date-picker> </el-form-item> </c-col> <!-- --> <c-col :span="7" v-if="model.gitp.swiftflg == 'N'" class="centerLable" > <c-checkbox v-model="model.gidgrp.rec.liaflg" disabled >Unlimited Liability</c-checkbox > </c-col> <c-col :span="3" v-if="model.gitp.swiftflg != 'Y'" class="centerLable" > <c-button size="small" type="primary" @click="onGitpYptxy" disabled > 协议签署 </c-button> </c-col> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="Inure Date" prop="gidgrp.rec.inudat" > <c-date-picker type="date" v-model="model.gidgrp.rec.inudat" style="width: 100%" placeholder="请选择Inure Date" ></c-date-picker> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="Mortgage Flag" prop="gidgrp.rec.guaflg" > <c-select v-model="model.gidgrp.rec.guaflg" style="width: 100%" placeholder="请选择Mortgage Flag" :code="codes.guaflg" > </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg != 'Y'" label="是否显示查询码" prop="gidgrp.gidcxm.cxmflg" > <c-select v-model="model.gidgrp.gidcxm.cxmflg" style="width: 100%" placeholder="请选择是否显示查询码" > <el-option v-for="item in codes.cxmflg" :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="20"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="对外担保类型" prop="gidgrp.rec.cfaguatyp" > <c-select disabled v-model="model.gidgrp.rec.cfaguatyp" style="width: 90%" placeholder="请选择对外担保类型" :code="codes.cfaguatyp" > </c-select> </el-form-item> </c-col> <c-col :span="4" v-if=" model.gidgrp.cbs.max.cur == 'CNY' && model.gitp.swiftflg == 'N' " class="centerLable" > <c-checkbox label="跨境人民币保函" disabled v-model="model.gidgrp.rec.cmtflg" >跨境人民币保函</c-checkbox > </c-col> </c-col> </c-col> <!-- ============右边================= --> <!-- --> <c-col :span="11" :offset="1"> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="Name" prop="gidgrp.rec.nam" > <c-input disabled v-model="model.gidgrp.rec.nam" maxlength="40" placeholder="请输入Name" ></c-input> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="Applicant Ref." prop="gidgrp.apl.pts.ref" > <c-input :disabled="model.gidgrp.ghd.segtyp == '02'" v-model="model.gidgrp.apl.pts.ref" maxlength="16" placeholder="请输入Applicant Ref." ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="Applicant" prop="gidgrp.apl.pts.extkey" > <c-fullbox> <c-input v-model="model.gidgrp.apl.pts.extkey" disabled maxlength="16" placeholder="请输入External Key of Address" @keyup.enter.native=" showGridPromptDialog(`gidgrp.apl.pts.extkey`) " > </c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" > <span style="font-family: '宋体'; font-weight: bold" >i</span > </c-button> <c-button :disabled="model.gidgrp.rec.hndtyp != 'OT'" size="small" type="primary" @click="onAplpDet" > Details </c-button> </template> </c-fullbox> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="地址名称" prop="gidgrp.apl.pts.adrblk" > <c-input :disabled="model.gidgrp.rec.hndtyp != 'OT'" rows="4" type="textarea" v-model="model.gidgrp.apl.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址名称" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <c-ptap v-if=" (model.gidgrp.rec.hndtyp == 'OL' || model.gidgrp.rec.hndtyp == '') && model.gitp.swiftflg != 'Y' " :model="model" :argadr="{ title: 'Adv/Rcv bank', grp: 'gidgrp', rol: 'adv', }" @onAplpDet="onAdvpDet" > </c-ptap> </c-col> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg != 'Y'" label="Issuing Bank" prop="gidgrp.iss.pts.ref" > <c-input v-model="model.gidgrp.iss.pts.ref" maxlength="16" placeholder="请输入Issuing Bank" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg != 'Y'" label="Issuing Bank" prop="gidgrp.iss.pts.extkey" > <c-fullbox> <c-input v-model="model.gidgrp.iss.pts.extkey" maxlength="16" placeholder="请输入External Key of Address" @keyup.enter.native=" showGridPromptDialog(`gidgrp.iss.pts.extkey`) " ></c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" > <span style="font-family: '宋体'; font-weight: bold" >i</span > </c-button> <c-button disabled size="small" type="primary" @click="onIsspDet" > Details </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg != 'Y'" label="地址名称" prop="gidgrp.iss.pts.adrblk" > <c-input disabled rows="4" type="textarea" v-model="model.gidgrp.iss.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址名称" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg != 'Y'" label="Beneficiary Ref." prop="gidgrp.ben.pts.ref" > <c-input v-model="model.gidgrp.ben.pts.ref" maxlength="16" placeholder="请输入Beneficiary Ref." ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg != 'Y'" label="Beneficiary" prop="gidgrp.ben.pts.extkey" > <c-fullbox> <c-input v-model="model.gidgrp.ben.pts.extkey" maxlength="16" placeholder="请输入External Key of Address" @keyup.enter.native=" showGridPromptDialog(`gidgrp.ben.pts.extkey`) " ></c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" > <span style="font-family: '宋体'; font-weight: bold" >i</span > </c-button> <c-button :disabled="model.gidgrp.rec.hndtyp == 'OT'" size="small" type="primary" @click="onBenpDet" > Details </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg != 'Y'" label="地址名称" prop="gidgrp.ben.pts.adrblk" > <c-input :disabled="model.gidgrp.rec.hndtyp == 'OT'" rows="4" type="textarea" v-model="model.gidgrp.ben.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入地址名称" ></c-input> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="被保证人" prop="gidgrp.gidcxm.warran" > <c-input v-model="model.gidgrp.gidcxm.warran" maxlength="40" placeholder="请输入被保证人" ></c-input> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="Valid from" prop="gidgrp.rec.opndat" > <c-date-picker disabled type="date" v-model="model.gidgrp.rec.opndat" style="width: 100%" placeholder="请选择Valid from" ></c-date-picker> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="是否对外担保" prop="gidgrp.rec.fingua" > <c-select disabled v-model="model.gidgrp.rec.fingua" style="width: 100%" placeholder="请选择是否对外担保" :code="codes.fingua" > </c-select> </el-form-item> </c-col> <!-- --> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="Order Date" prop="gidgrp.rec.orddat" > <c-date-picker disabled type="date" v-model="model.gidgrp.rec.orddat" style="width: 100%" placeholder="请选择Order Date" ></c-date-picker> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="Valid from" prop="gidgrp.rec.opndat" > <c-date-picker type="date" disabled v-model="model.gidgrp.rec.opndat" style="width: 100%" placeholder="请选择Valid from" ></c-date-picker> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="Expiry Type" prop="gidgrp.rec.exptyp" > <c-select disabled :code="codes.exptyp" v-model="model.gidgrp.rec.exptyp" style="width: 100%" placeholder="请选择Expiry Type" > </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <c-col :span="20"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="Validity until" prop="gidgrp.rec.expdat" > <c-date-picker disabled type="date" v-model="model.gidgrp.rec.expdat" style="width: 90%" placeholder="请选择Validity until" ></c-date-picker> </el-form-item> </c-col> <c-col :span="4" v-if="model.gitp.swiftflg == 'Y'" class="centerLable" > <c-checkbox disabled v-model="model.gidgrp.rec.expflg" >Unlimited Validity</c-checkbox > </c-col> </c-col> <!-- --> <c-col :span="24"> <c-col :span="20"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="Expiry Condition/ Evt." prop="gidgrp.blk.exptxt" > <c-input type="textarea" rows="4" disabled v-model="model.gidgrp.blk.exptxt" maxlength="65" show-word-limit placeholder="请输入Expiry Condition/ Evt." ></c-input> </el-form-item> </c-col> <c-col :span="4"> <c-checkbox v-if="model.gitp.swiftflg == 'Y'" v-model="model.gitp.exptxtmodflg" disabled style="margin: 0 0 0 10px" >Modify Text</c-checkbox > <c-button v-if="model.gitp.swiftflg == 'Y'" disabled size="small" type="primary" style="margin: 5px 0 0 10px" @click="onGitpButdifexptxt" > vs. &System </c-button> <c-button v-if="model.gitp.swiftflg == 'Y'" disabled size="small" type="primary" style="margin: 5px 0 0 10px" @click="onGitpButdifhisexptxt" > vs. &History </c-button> </c-col> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="Liability Type " prop="gidgrp.rec.liatypc" > <c-select disabled :code="codes.liatypc" v-model="model.gidgrp.rec.liatypc" style="width: 100%" placeholder="请选择Liability Type " > </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <c-col :span="20"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="Our Liability until" prop="gidgrp.rec.liadat" > <c-date-picker disabled type="date" v-model="model.gidgrp.rec.liadat" style="width: 90%" placeholder="请选择Our Liability until" ></c-date-picker> </el-form-item> </c-col> <c-col :span="4" v-if="model.gitp.swiftflg == 'Y'" class="centerLable" > <c-checkbox disabled v-model="model.gidgrp.rec.liaflg" >Unlimited Liability</c-checkbox > </c-col> </c-col> <!-- --> <c-col :span="24"> <c-col :span="20"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="Liability Condition" prop="gidgrp.blk.liatxtc" > <c-input type="textarea" disabled rows="4" v-model="model.gidgrp.blk.liatxtc" maxlength="65" show-word-limit placeholder="请输入Liability Condition" ></c-input> </el-form-item> </c-col> <c-col :span="4"> <c-checkbox v-if="model.gitp.swiftflg == 'Y'" disabled v-model="model.gitp.liatxtcmodflg" style="margin: 0 0 0 10px" >Modify Text</c-checkbox > <c-button v-if="model.gitp.swiftflg == 'Y'" disabled size="small" type="primary" style="margin: 5px 0 0 10px" @click="onGitpButdifliatxtc" > vs. &System </c-button> <c-button v-if="model.gitp.swiftflg == 'Y'" disabled size="small" type="primary" style="margin: 5px 0 0 10px" @click="onGitpButdifhisliatxtc" > vs. &History </c-button> </c-col> </c-col> </c-col> </c-col> </c-row> </div> </template> <script> import Api from "~/service/Api"; import commonProcess from "~/mixin/commonProcess"; import CodeTable from "~/config/CodeTable"; import Event from "~/model/Getame/Event"; import Ptap from "~/views/Public/Ptap"; export default { components: { "c-ptap": Ptap }, inject: ["root"], props: ["model", "codes"], mixins: [commonProcess], data() { return {}; }, methods: { ...Event }, created: function () {}, }; </script> <style> </style>