<template> <div class="eibs"> <!-- ======================= 左边 ========================= --> <c-col :span="12" style="padding-right: 20px"> <c-col :span="24"> <el-form-item label="保函编号" prop="gidgrp.rec.ownref"> <c-fullbox> <c-input disabled v-model="model.gidgrp.rec.ownref" maxlength="16" placeholder="请输入保函编号"></c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary"> <i class="el-icon-info" style="font-size:15px"></i> </c-button> <c-button style="margin: 0 0" disabled size="small" type="primary"> 获取 </c-button> </template> </c-fullbox> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item label="客户经理" prop="gitp.usr.extkey"> <c-fullbox> <c-input disabled v-model="model.gitp.usr.extkey" maxlength="8" placeholder="请输入客户经理"></c-input> <template slot="footer"> <c-button style="padding: 0 12px" size="small" type="primary"> <i class="el-icon-info" style="font-size:15px"></i> </c-button> </template> </c-fullbox> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <c-col :span="12"> <el-form-item label="保函币种和金额" prop="gidgrp.cbs.max.cur"> <c-select disabled v-model="model.gidgrp.cbs.max.cur" style="width: 100%" placeholder="请选择保函币种"> <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"> <el-form-item label="" prop="gidgrp.cbs.max.amt" label-width="5px"> <c-input disabled v-model="model.gidgrp.cbs.max.amt" placeholder="请输入保函金额"></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.dzbhflg">电子保函标志</c-checkbox> </c-col> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="保函余额" prop="gidgrp.cbs.opn1.cur"> <c-select disabled v-model="model.gidgrp.cbs.opn1.cur" style="width: 100%" :code="codes.cur" placeholder="请输入保函余额币种"> </c-select> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="" prop="gidgrp.cbs.opn1.amt" label-width="5px"> <c-input disabled v-model="model.gidgrp.cbs.opn1.amt" placeholder="请输入"></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">传入损失</c-checkbox> </c-col> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="接收目的 " prop="gidgrp.rec.purposin"> <c-select disabled v-model="model.gidgrp.rec.purposin" style="width: 100%" :code="codes.purposin" placeholder="请选择接收目的 "> </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="支出目的" prop="gidgrp.rec.purpos"> <c-select disabled v-model="model.gidgrp.rec.purpos" :code="codes.purpos" style="width: 100%" placeholder="请选择支出目的"> </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item label="保函开立类型" prop="gidgrp.rec.hndtyp"> <c-select disabled v-model="model.gidgrp.rec.hndtyp" :code="codes.hndtyp" style="width: 100%" placeholder="请选择保函开立类型"> </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item label="保函种类" prop="gidgrp.rec.gartyp"> <c-select disabled v-model="model.gidgrp.rec.gartyp" style="width: 100%" placeholder="请选择保函种类" :code="codes.typgar"> </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="保函形式" prop="gidgrp.rec.legfrm"> <c-select v-model="model.gidgrp.rec.legfrm" :code="codes.legfrm" style="width: 100%" placeholder="请选择保函形式"> </c-select> </el-form-item> </c-col> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="需求指示" prop="gidgrp.rec.demand"> <c-select :code="codes.demand" v-model="model.gidgrp.rec.demand" style="width: 100%" placeholder="请选择需求指示"> </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <c-col :span="12"> <el-form-item label="申请条款" prop="gidgrp.blk.apprul"> <c-select v-model="model.gidgrp.blk.apprul" style="width: 100%" placeholder="请选择申请条款" :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="请输入申请条款"></c-input> </el-form-item> </c-col> </c-col> <!-- --> <c-col :span="24"> <c-col :span="12"> <el-form-item label="保函文本语言种类" prop="gidgrp.rec.giduil"> <c-select disabled v-model="model.gidgrp.rec.giduil" style="width: 100%" placeholder="请选择保函文本语言种类" :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 disabled 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="保函文本格式" prop="gidgrp.rec.gtxinr"> <c-select disabled v-model="model.gidgrp.rec.gtxinr" style="width: 100%" placeholder="请选择保函文本格式" :code="codes.gtxinr4"> </c-select> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="客户委托我行日期" prop="gidgrp.rec.orddat"> <c-date-picker type="date" v-model="model.gidgrp.rec.orddat" style="width: 100%" placeholder="请选择客户委托我行日期"> </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="保函效期" prop="gidgrp.rec.expdat"> <c-date-picker disabled type="date" v-model="model.gidgrp.rec.expdat" style="width: 90%" placeholder="请选择保函效期"></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">无限额保函</c-checkbox> </c-col> <c-col :span="3" v-if="model.gitp.swiftflg != 'Y'" class="centerLable"> <c-button size="small" type="primary" 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="我行责任截至日" prop="gidgrp.rec.liadat"> <c-date-picker disabled type="date" v-model="model.gidgrp.rec.liadat" style="width: 90%" placeholder="请选择我行责任截至日"></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>我行责任敞口</c-checkbox> </c-col> <c-col :span="3" v-if="model.gitp.swiftflg != 'Y'" class="centerLable"> <c-button size="small" type="primary" disabled> 协议签署 </c-button> </c-col> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="保函生效日" prop="gidgrp.rec.inudat"> <c-date-picker disabled type="date" v-model="model.gidgrp.rec.inudat" style="width: 100%" placeholder="请选择保函生效日"></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.guaflg"> <c-select v-model="model.gidgrp.rec.guaflg" style="width: 100%" placeholder="请选择抵押标志" :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> <!-- ======================右边====================== --> <c-col :span="12" style="padding-left: 20px"> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="简略信息" prop="gidgrp.rec.nam"> <c-input disabled v-model="model.gidgrp.rec.nam" maxlength="40" placeholder="请输入简略信息"></c-input> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="申请人参考号" prop="gidgrp.apl.pts.ref"> <c-input :disabled="model.gidgrp.ghd.segtyp == '02'" v-model="model.gidgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人参考号"></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'N'" label="申请人" prop="gidgrp.apl.pts.extkey"> <c-fullbox> <c-input v-model="model.gidgrp.apl.pts.extkey" disabled maxlength="16" placeholder="请输入" @keyup.enter.native="queryGridEtyPromptDialogData('APL', 'C')"> </c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary"> <i class="el-icon-info"></i> </c-button> <c-button :disabled="model.gidgrp.rec.hndtyp != 'OT'" size="small" type="primary"> 详情 </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' || model.gidgrp.apl.pts.adrblk != '' " 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"> <el-form-item v-if=" (model.gidgrp.rec.hndtyp == 'OL' || model.gidgrp.rec.hndtyp == '') && model.gitp.swiftflg != 'Y' " label="通知行或收报行" prop="gidgrp.adv.pts.ref"> <c-input v-model="model.gidgrp.adv.pts.ref" maxlength="16" placeholder="请输入通知行或收报行"></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if=" (model.gidgrp.rec.hndtyp == 'OL' || model.gidgrp.rec.hndtyp == '') && model.gitp.swiftflg != 'Y' " label="通知行或收报行" prop="gidgrp.adv.pts.extkey"> <c-fullbox> <c-input v-model="model.gidgrp.adv.pts.extkey" maxlength="16" placeholder="请输入" @keyup.enter.native="queryGridEtyPromptDialogData('ADV', 'B')"></c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary"> <i class="el-icon-info"></i> </c-button> <c-button disabled size="small" type="primary"> 详情 </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if=" (model.gidgrp.rec.hndtyp == 'OL' || model.gidgrp.rec.hndtyp == '') && model.gitp.swiftflg != 'Y' " label="地址名称" prop="gidgrp.adv.pts.adrblk"> <c-input disabled rows="4" type="textarea" v-model="model.gidgrp.adv.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.gidgrp.rec.hndtyp == 'OC' || model.gidgrp.rec.hndtyp == 'OT') && model.gitp.swiftflg != 'Y' " label="开证行参考号" prop="gidgrp.iss.pts.ref"> <c-input v-model="model.gidgrp.iss.pts.ref" maxlength="16" placeholder="请输入开证行参考号"></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if=" (model.gidgrp.rec.hndtyp == 'OC' || model.gidgrp.rec.hndtyp == 'OT') && model.gitp.swiftflg != 'Y' " label="开证行" prop="gidgrp.iss.pts.extkey"> <c-fullbox> <c-input v-model="model.gidgrp.iss.pts.extkey" maxlength="16" placeholder="请输入" @keyup.enter.native="queryGridEtyPromptDialogData('ISS', 'B')"> </c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary"> <i class="el-icon-info"></i> </c-button> <c-button disabled size="small" type="primary"> 详情 </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if=" (model.gidgrp.rec.hndtyp == 'OC' || model.gidgrp.rec.hndtyp == 'OT') && 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="受益人参考号" prop="gidgrp.ben.pts.ref"> <c-input v-model="model.gidgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人参考号"></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg != 'Y'" label="受益人" prop="gidgrp.ben.pts.extkey"> <c-fullbox> <c-input v-model="model.gidgrp.ben.pts.extkey" maxlength="16" placeholder="请输入" @keyup.enter.native="queryGridEtyPromptDialogData('BEN', 'C')"> </c-input> <template slot="footer"> <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary"> <i class="el-icon-info"></i> </c-button> <c-button :disabled="model.gidgrp.rec.hndtyp == 'OT'" size="small" type="primary"> 详情 </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' || model.gidgrp.ben.pts.adrblk != '' " 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 disabled 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="生效日期" prop="gidgrp.rec.opndat"> <c-date-picker disabled type="date" v-model="model.gidgrp.rec.opndat" style="width: 100%" placeholder="请选择生效日期"></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"> <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 :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="客户委托我行日期" prop="gidgrp.rec.orddat"> <c-date-picker disabled type="date" v-model="model.gidgrp.rec.orddat" style="width: 100%" placeholder="请选择客户委托我行日期"></c-date-picker> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="生效日期" prop="gidgrp.rec.opndat"> <c-date-picker type="date" disabled v-model="model.gidgrp.rec.opndat" style="width: 100%" placeholder="请选择生效日期"></c-date-picker> </el-form-item> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="到期类型" prop="gidgrp.rec.exptyp"> <c-select disabled :code="codes.exptyp" v-model="model.gidgrp.rec.exptyp" style="width: 100%" placeholder="请选择到期类型"> </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="保函效期" prop="gidgrp.rec.expdat"> <c-date-picker disabled type="date" v-model="model.gidgrp.rec.expdat" style="width: 90%" placeholder="请选择保函效期"></c-date-picker> </el-form-item> </c-col> <c-col :span="4" v-if="model.gitp.swiftflg == 'Y'" class="centerLable"> <c-checkbox disabled style="margin: 0 0 0 10px" v-model="model.gidgrp.rec.expflg" class="checkbox-left">保函效期敞口</c-checkbox> </c-col> </c-col> <!-- --> <c-col :span="24"> <c-col :span="20"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="到期条件" prop="gidgrp.blk.exptxt"> <c-input type="textarea" rows="6" disabled v-model="model.gidgrp.blk.exptxt" maxlength="65" show-word-limit placeholder="请输入到期条件"></c-input> </el-form-item> </c-col> <c-col :span="4"> <c-checkbox v-if="model.gitp.swiftflg == 'Y'" class="checkbox-left" :disabled="model.gidgrp.rec.exptyp != 'COND'" v-model="model.gitp.exptxtmodflg" style="margin: 0 0 0 10px">修改文本</c-checkbox> <c-button v-if="model.gitp.swiftflg == 'Y'" disabled size="small" type="primary" style="margin: 5px 0 0 10px"> 查看系统文本 </c-button> <c-button v-if="model.gitp.swiftflg == 'Y'" disabled size="small" type="primary" style="margin: 5px 0 0 10px"> 查看历史文本 </c-button> </c-col> </c-col> <!-- --> <c-col :span="24"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="责任类型 " prop="gidgrp.rec.liatypc"> <c-select disabled :code="codes.liatypc" v-model="model.gidgrp.rec.liatypc" style="width: 100%" placeholder="请选择责任类型 "> </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="我行责任截至日" prop="gidgrp.rec.liadat"> <c-date-picker disabled type="date" v-model="model.gidgrp.rec.liadat" style="width: 90%" placeholder="请选择我行责任截至日"></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" style="margin: 0 0 0 10px" class="checkbox-left">我行责任敞口</c-checkbox> </c-col> </c-col> <c-col :span="24"> <c-col :span="20"> <el-form-item v-if="model.gitp.swiftflg == 'Y'" label="责任条件" prop="gidgrp.blk.liatxtc"> <c-input type="textarea" disabled rows="6" v-model="model.gidgrp.blk.liatxtc" maxlength="65" show-word-limit placeholder="请输入责任条件"></c-input> </el-form-item> </c-col> <c-col :span="4"> <c-checkbox v-if="model.gitp.swiftflg == 'Y'" class="checkbox-left" :disabled="model.gidgrp.rec.liatxtc != 'COND'" v-model="model.gitp.liatxtcmodflg" style="margin: 0 0 0 10px">修改文本</c-checkbox> <c-button v-if="model.gitp.swiftflg == 'Y'" disabled size="small" type="primary" style="margin: 5px 0 0 10px"> 查看系统文本 </c-button> <c-button v-if="model.gitp.swiftflg == 'Y'" disabled size="small" type="primary" style="margin: 5px 0 0 10px"> 查看历史文本 </c-button> </c-col> </c-col> </c-col> </c-col> </div> </template> <script> import Api from "~/service/Api"; import CodeTable from "~/config/CodeTable"; import Ptap from "~/views/Public/Ptap"; import event from '../event' export default { components: { "c-ptap": Ptap }, inject: ["root"], props: ["model", "codes"], mixins: [event], data() { return {}; }, computed: {}, methods: { }, created: function () { }, }; </script> <style> </style>