<template> <div class="eibs-tab"> <!-- <c-row> --> <c-col :span="24"> <!-- ==================左边================ --> <c-col :span="12" style="padding-right: 20px"> <c-col :span="24"> <el-form-item label="保函编号" prop="nidgrp.rec.ownref"> <c-fullbox> <c-input v-model="model.nidgrp.rec.ownref" maxlength="16" placeholder="请输入保函编号" disabled ></c-input> <template slot="footer"> <!-- <el-form-item label="" label-width="5px"> --> <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="flag" size="small" type="primary" > 获取 </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="客户经理" prop="nitp.usr.extkey" style="width: 100%" > <c-fullbox> <c-input v-model="model.nitp.usr.extkey" maxlength="8" placeholder="请输入客户经理" disabled ></c-input> <template slot="footer"> <c-button style="padding: 0 12px" size="small" type="primary" icon="el-icon-search" > </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="保函币种和金额" prop="nidgrp.cbs.max.cur"> <c-select v-model="model.nidgrp.cbs.max.cur" style="width: 100%" placeholder="请选择保函币种" dbCode="curtxt" disabled > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label-width="5px" prop="nidgrp.cbs.max.amt"> <c-input-currency v-model="model.nidgrp.cbs.max.amt" :style="amtwidth" placeholder="请输入保函金额" @keyup.enter.native="$event.target.blur()" disabled :currency="model.nidgrp.cbs.max.cur" ></c-input-currency> </el-form-item> </c-col> <c-col :span="4" class="centerLable" v-if="model.nitp.swiftflg != 'Y'"> <c-checkbox disabled v-model="model.nitp.dzbhflg" >电子保函标志</c-checkbox > </c-col> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="保函余额" prop="nidgrp.cbs.opn1.cur"> <c-input disabled v-model="model.nidgrp.cbs.opn1.cur" style="width: 100%" placeholder="请输入保函余额" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label-width="5px" prop="nidgrp.cbs.opn1.amt"> <c-input-currency disabled v-model="model.nidgrp.cbs.opn1.amt" :style="amtwidth" placeholder="请输入" :currency="model.nidgrp.cbs.opn1.cur" ></c-input-currency> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="保函开立类型" prop="nidgrp.rec.hndtyp" > <c-select v-model="model.nidgrp.rec.hndtyp" style="width: 100%" placeholder="请选择保函开立类型" :code="[]" disabled > </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="保函种类" prop="nidgrp.rec.gartyp"> <c-select v-model="model.nidgrp.rec.gartyp" style="width: 100%" placeholder="请选择保函种类" dbCode="typgar" disabled > </c-select> </el-form-item> </c-col> <!-- <c-col :span="24"> <el-form-item v-if="model.nitp.swiftflg != 'Y'" label="面函标题" prop="nitp.lettername" > <c-input v-model="model.nitp.lettername" maxlength="60" placeholder="请输入面函标题" ></c-input> </el-form-item> </c-col> --> <!-- <c-col :span="4"> <span style="font-size: 15px; font-family: '宋体'; font-weight: bold" v-text="model.nitp.oppbnkl" data-path=".nitp.oppbnkl" ></span> </c-col> --> <!-- </c-col> --> <c-col :span="24"> <c-col :span="12"> <el-form-item label="申请条款" prop="nidgrp.blk.apprul"> <c-select v-model="model.nidgrp.blk.apprul" style="width: 100%" placeholder="请选择申请条款" :code="[]" disabled > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label-width="5px" prop="nidgrp.blk.apprultxt"> <c-input v-model="model.nidgrp.blk.apprultxt" maxlength="35" placeholder="请输入申请条款" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="保函文本语言种类" prop="nidgrp.rec.giduil" > <c-select v-model="model.nidgrp.rec.giduil" style="width: 100%" placeholder="请选择保函文本语言种类" :code="[]" disabled > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item disabled v-if="model.nitp.swiftflg == 'N'" label="核销日期" prop="nidgrp.rec.vrfdat" > <c-date-picker type="date" :disabled="model.nidgrp.gartyp !='X'" v-model="model.nidgrp.rec.vrfdat" style="width: 100%" placeholder="请选择核销日期" ></c-date-picker> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item v-show="model.nitp.swiftflg == 'N'" label="保函文本格式" prop="nidgrp.rec.gtxinr" > <c-select v-model="model.nidgrp.rec.gtxinr" style="width: 100%" placeholder="请选择保函文本格式" :code="[]" disabled > </c-select> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item v-if="model.nitp.swiftflg != 'Y'" label="特殊保函类型" prop="nidgrp.ghd.segtyp" > <c-select disabled v-model="model.nidgrp.ghd.segtyp" style="width: 100%" placeholder="请选择特殊保函类型" dbCode="segtyp" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item v-if="model.nitp.swiftflg != 'Y'" label="分离式保函" prop="nidgrp.rec.fenlishi" > <c-select disabled v-model="model.nidgrp.rec.fenlishi" style="width: 100%" placeholder="请选择是否分离式保函" dbCode="fenlsh" > </c-select> </el-form-item> </c-col> </c-col> <c-col :span="24" v-show="model.nitp.swiftflg == 'Y'"> <el-form-item label="保函文本格式" prop="nidgrp.rec.atxinr" > <c-select disabled v-model="model.nidgrp.rec.atxinr" style="width: 100%" placeholder="请选择保函文本格式" :code="[]" > </c-select> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item v-if="model.nitp.swiftflg != 'Y'" label="客户委托我行日期" prop="nidgrp.rec.orddat" > <c-date-picker type="date" v-model="model.nidgrp.rec.orddat" style="width: 100%" placeholder="请选择客户委托我行日期" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item v-if="model.nitp.swiftflg != 'Y'" label="保函开立日期" prop="nidgrp.rec.opndat" > <c-date-picker type="date" v-model="model.nidgrp.rec.opndat" style="width: 100%" placeholder="请选择保函开立日期" disabled ></c-date-picker> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="14"> <el-form-item v-if="model.nitp.swiftflg == 'N'" label="保函效期" prop="nidgrp.rec.expdat" > <c-date-picker type="date" v-model="model.nidgrp.rec.expdat" style="width: 90%" placeholder="请选择保函效期" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="7" v-if="model.nitp.swiftflg == 'N'" class="centerLable" > <el-form-item label="" prop="nidgrp.rec.expflg" class="checkbox-left" label-width="0px" > <c-checkbox v-model="model.nidgrp.rec.expflg" disabled >无限额保函</c-checkbox > </el-form-item> </c-col> <c-col :span="3" v-if="model.nitp.swiftflg == 'N'" class="centerLable" > <c-button size="small" type="primary" disabled style="color: white; float: right" > 显示文本 </c-button> </c-col> </c-col> <c-col :span="24"> <c-col :span="14"> <el-form-item v-if="model.nitp.swiftflg == ''" label="保函效期" prop="nidgrp.rec.expdat" > <c-date-picker type="date" v-model="model.nidgrp.rec.expdat" style="width: 90%" placeholder="请选择保函效期" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="7" v-if="model.nitp.swiftflg == ''" class="centerLable"> <el-form-item label="" prop="nidgrp.rec.expflg" class="checkbox-left" label-width="0px" > <c-checkbox v-model="model.nidgrp.rec.expflg" disabled >无限额保函</c-checkbox > </el-form-item> </c-col> <c-col :span="3" v-if="model.nitp.swiftflg == ''" class="centerLable"> <c-button size="small" type="primary" disabled style="color: white; float: right" > 显示文本 </c-button> </c-col> </c-col> <c-col :span="24"> <c-col :span="14"> <el-form-item label="我行责任截至日" prop="nidgrp.rec.liadat" > <c-date-picker disabled type="date" v-model="model.nidgrp.rec.liadat" style="width: 90%" placeholder="请选择我行责任截至日" ></c-date-picker> </el-form-item> </c-col> <c-col :span="7" class="centerLable"> <c-checkbox v-model="model.nidgrp.rec.liaflg" disabled >我行责任敞口</c-checkbox > </c-col> <c-col :span="3" v-if="model.nitp.swiftflg == ''" class="centerLable"> <c-button size="small" type="primary" disabled style="float: right" > 协议签署 </c-button> </c-col> </c-col> <c-col :span="24"> <el-form-item v-if="model.nitp.swiftflg != 'Y'" label="保函生效日" prop="nidgrp.rec.inudat" > <c-date-picker type="date" v-model="model.nidgrp.rec.inudat" style="width: 100%" placeholder="请选择保函生效日" :disabled="model.nidgrp.rec.gartyp!='U'&&(model.nidgrp.gartyp!='F'||(model.nidgrp.ghd.segtyp!='01'&&model.nidgrp.ghd.segtyp!='02'))" ></c-date-picker> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item v-if="model.nitp.swiftflg != 'Y'" label="被保证人" prop="nidgrp.gidcxm.warran" > <c-input disabled v-model="model.nidgrp.gidcxm.warran" maxlength="40" placeholder="请输入被保证人" ></c-input> </el-form-item> </c-col> </c-col> </c-col> <!-- ============右边================= --> <c-col :span="12" style="padding-left: 20px"> <c-col :span="24"> <el-form-item v-if="model.nitp.swiftflg != 'Y'" label="简略信息" prop="nidgrp.rec.nam" > <c-input v-model="model.nidgrp.rec.nam" maxlength="40" placeholder="请输入简略信息" disabled ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="申请人参考号" prop="nidgrp.apl.pts.ref" > <c-input disabled v-model="model.nidgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人参考号" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="申请人" prop="nidgrp.apl.pts.extkey" > <c-fullbox> <c-input v-model="model.nidgrp.apl.pts.extkey" maxlength="16" placeholder="请输入" @keyup.enter.native=" showGridPromptDialog(`nidgrp.apl.pts.extkey`) " disabled > </c-input> <template slot="footer"> <c-button size="small" type="primary" > <i class="el-icon-info"></i> </c-button> <c-button :disabled="model.nidgrp.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.nitp.swiftflg != 'Y'" label="地址名称" prop="nidgrp.apl.pts.adrblk" > <c-input disabled rows="4" type="textarea" v-model="model.nidgrp.apl.pts.adrblk" maxlength="140" show-word-limit placeholder="请输入地址名称" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if=" (model.nidgrp.rec.hndtyp == 'OL' || model.nidgrp.rec.hndtyp == '') " label="通知行或收报行参考号" prop="nidgrp.adv.pts.ref" > <c-input v-model="model.nidgrp.adv.pts.ref" disabled maxlength="16" placeholder="请输入通知行或收报行参考号" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if=" (model.nidgrp.rec.hndtyp == 'OL' || model.nidgrp.rec.hndtyp == '') " label="通知行或收报行(即转开行)" prop="nidgrp.adv.pts.extkey" > <c-fullbox> <c-input v-model="model.nidgrp.adv.pts.extkey" disabled maxlength="16" placeholder="请输入" @keyup.enter.native=" showGridPromptDialog(`nidgrp.adv.pts.extkey`) " > </c-input> <template slot="footer"> <c-button size="small" type="primary" > <i class="el-icon-info"></i> </c-button> <c-button size="small" type="primary"> 详情 </c-button> </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if=" (model.nidgrp.rec.hndtyp == 'OL' || model.nidgrp.rec.hndtyp == '') && model.nitp.swiftflg != 'Y' " label="地址名称" prop="nidgrp.adv.pts.adrblk" > <c-input disabled rows="4" type="textarea" v-model="model.nidgrp.adv.pts.adrblk" maxlength="140" show-word-limit placeholder="请输入地址名称" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if=" (model.nidgrp.rec.hndtyp == 'OC' || model.nidgrp.rec.hndtyp == 'OT') && model.nitp.swiftflg != 'Y' " label="开证行" prop="nidgrp.iss.pts.ref" > <c-input v-model="model.nidgrp.iss.pts.ref" maxlength="16" placeholder="请输入开证行" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if=" (model.nidgrp.rec.hndtyp == 'OC' || model.nidgrp.rec.hndtyp == 'OT') && model.nitp.swiftflg != 'Y' " label="开证行" prop="nidgrp.iss.pts.extkey" > <c-fullbox> <c-input v-model="model.nidgrp.iss.pts.extkey" maxlength="16" placeholder="请输入" @keyup.enter.native=" showGridPromptDialog(`nidgrp.iss.pts.extkey`) " ></c-input> <template slot="footer"> <c-button 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.nidgrp.rec.hndtyp == 'OC' || model.nidgrp.rec.hndtyp == 'OT') && model.nitp.swiftflg != 'Y' " label="地址名称" prop="nidgrp.iss.pts.adrblk" > <c-input :disabled=" model.nidgrp.rec.hndtyp == 'OT' || model.nidgrp.ben.pts.adrblk != '' " rows="4" type="textarea" v-model="model.nidgrp.iss.pts.adrblk" maxlength="140" show-word-limit placeholder="请输入地址名称" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="受益人参考号" prop="nidgrp.ben.pts.ref" > <c-input v-model="model.nidgrp.ben.pts.ref" disabled maxlength="16" placeholder="请输入受益人参考号" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if="model.nitp.swiftflg != 'Y'" label="受益人" prop="nidgrp.ben.pts.extkey" > <c-fullbox> <c-input v-model="model.nidgrp.ben.pts.extkey" maxlength="16" placeholder="请输入" @keyup.enter.native=" showGridPromptDialog(`nidgrp.ben.pts.extkey`) " disabled ></c-input> <template slot="footer"> <c-button size="small" type="primary" > <i class="el-icon-info"></i> </c-button> <c-button :disabled="model.nidgrp.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.nitp.swiftflg != 'Y'" label="地址名称" prop="nidgrp.ben.pts.adrblk" > <c-input disabled rows="4" type="textarea" v-model="model.nidgrp.ben.pts.adrblk" maxlength="140" show-word-limit placeholder="请输入地址名称" ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if="model.nitp.swiftflg == 'Y'" label="客户委托我行日期" prop="nidgrp.rec.orddat" > <c-date-picker type="date" v-model="model.nidgrp.rec.orddat" style="width: 100%" placeholder="请选择客户委托我行日期" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if="model.nitp.swiftflg == 'Y'" label="生效日期" prop="nidgrp.rec.opndat" > <c-date-picker type="date" v-model="model.nidgrp.rec.opndat" style="width: 100%" placeholder="请选择生效日期" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="24"> <el-form-item v-if="model.nitp.swiftflg == 'Y'" label="到期类型" prop="nidgrp.rec.exptyp" > <c-select v-model="model.nidgrp.rec.exptyp" style="width: 100%" placeholder="请选择到期类型" disabled dbCode="exptyp" > </c-select> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="20"> <el-form-item v-if="model.nitp.swiftflg == 'Y'" label="保函效期" prop="nidgrp.rec.expdat" > <c-date-picker disabled type="date" v-model="model.nidgrp.rec.expdat" style="width: 90%" placeholder="请选择保函效期" ></c-date-picker> </el-form-item> </c-col> <c-col :span="4" v-if="model.nitp.swiftflg == 'Y'" class="centerLable" > <c-checkbox disabled v-model="model.nidgrp.rec.expflg" >保函效期敞口</c-checkbox > </c-col> </c-col> <c-col :span="24"> <c-col :span="17"> <el-form-item v-if="model.nitp.swiftflg == 'Y' && model.nitp.exptxtmodflg == ''" label="到期条件" prop="nidgrp.blk.exptxt" > <c-input type="textarea" rows="5" disabled v-model="model.nidgrp.blk.exptxt" maxlength="780" show-word-limit placeholder="请输入到期条件" ></c-input> </el-form-item> <el-form-item v-if=" model.nitp.swiftflg == 'Y' && model.nitp.exptxtmodflg == 'X' " label="到期条件" prop="nidgrp.blk.atxexptxt" > <c-input type="textarea" rows="5" v-model="model.nidgrp.blk.atxexptxt" maxlength="780" @blur="atxexpBlur" show-word-limit placeholder="请输入到期条件" ></c-input> </el-form-item> </c-col> <c-col :span="7"> <c-checkbox v-if="model.nitp.swiftflg == 'Y'" v-model="model.nitp.exptxtmodflg" :disabled=" model.nidgrp.rec.exptyp == 'FIXD' || model.nidgrp.rec.exptyp == 'OPEN' || model.nidgrp.rec.exptyp == '' " style="margin: 0 0 0 10px" >是否手工修改保函文本</c-checkbox > <c-button v-if="model.nitp.swiftflg == 'Y'" disabled size="small" type="primary" style="margin: 5px 0 0 10px;float: left;text-align: center;" > 查看系统文本 </c-button> <c-button v-if="model.nitp.swiftflg == 'Y'" disabled size="small" type="primary" style="margin: 5px 0 0 10px;float: left;text-align: center;" > 查看历史文本 </c-button> </c-col> </c-col> <c-col :span="24"> <el-form-item v-if="model.nitp.swiftflg == 'Y'" label="责任类型 " prop="nidgrp.rec.liatypc" > <c-select disabled v-model="model.nidgrp.rec.liatypc" style="width: 100%" placeholder="请选择责任类型 " dbCode="LIATYC" > </c-select> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="17"> <el-form-item v-if=" model.nitp.swiftflg == 'Y' && model.nitp.liatxtcmodflg == '' " label="责任状况" prop="nidgrp.blk.liatxtc" > <c-input type="textarea" disabled rows="5" v-model="model.nidgrp.blk.liatxtc" maxlength="780" show-word-limit placeholder="请输入责任状况" ></c-input> </el-form-item> <el-form-item v-if=" model.nitp.swiftflg == 'Y' && model.nitp.liatxtcmodflg == 'X' " label="责任状况" prop="nidgrp.blk.atxliatxtc" > <c-input type="textarea" rows="5" v-model="model.nidgrp.blk.atxliatxtc" maxlength="780" show-word-limit placeholder="请输入责任状况" @blur="atxliatxtcBlur" ></c-input> </el-form-item> </c-col> <c-col :span="7"> <c-checkbox v-if="model.nitp.swiftflg == 'Y'" :disabled=" model.nidgrp.rec.liatypc == 'OPEN' || model.nidgrp.rec.liatypc == 'FIXD' || model.nidgrp.rec.liatypc == '' " v-model="model.nitp.liatxtcmodflg" style="margin: 0 0 0 10px" >是否手工修改保函文本</c-checkbox > <c-button v-if="model.nitp.swiftflg == 'Y'" disabled size="small" type="primary" style="margin: 5px 0 0 10px;float: left;text-align: center;" > 查看系统文本 </c-button> <c-button v-if="model.nitp.swiftflg == 'Y'" disabled size="small" type="primary" style="margin: 5px 0 0 10px;float: left; text-align: center;" > 查看历史文本 </c-button> </c-col> </c-col> </c-col> </c-col> <!-- </c-row> --> </div> </template> <script> import Api from "~/service/Api"; import CodeTable from "~/config/CodeTable"; import event from "../event"; import Utils from "~/utils"; import moment from "moment"; export default { inject: ["root"], props: ["model", "codes"], mixins: [event], data() { return {}; }, computed: { flag() { if (this.model.nidgrp.rec.ownref == "") { if ( this.model.nidgrp.rec.hndtyp !== "" && this.model.nidgrp.apl.pts.adrblk !== "" ) { return false; } else { return true; } } else { return true; } }, amtwidth() { return "width:80%"; } }, methods: { }, created: function() {} }; </script> <style scoped> .el-textarea .el-textarea__inner { height: 100px; } </style>