<template> <div class="eibs-tab"> <!-- 左 --> <el-col :span="11"> <c-col :span="24"> <c-form-item label="L/C Reference" prop="lidgrp.lid.ownref"> <c-fullbox> <c-input v-model="model.lidget.lid.ownref" maxlength="16" style="width: 100%" ></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-checkbox v-model="model.lidget.clsflg">Show closed</c-checkbox> </template> </c-fullbox> </c-form-item> </c-col> <div v-if="hotreg == 6 || hotreg == 7 || hotreg == 8 || hotreg == 9"> <c-col :span="24"> <el-form-item label="Contr.to be Financed" prop="trpnttyp"> <c-select v-model="model.trpnttyp" style="width: 100%" :code="codes.trpnttyp" > </c-select> </el-form-item> </c-col> </div> <div v-if="hotreg == 3 || hotreg == 4 || hotreg == 6 || hotreg == 7 || hotreg == 8 || hotreg == 9"> <!-- S0000293 : Document Reference --> <c-col :span="24"> <c-form-item label="Document Reference" prop="brdget.brd.ownref"> <c-fullbox> <c-input v-model="model.brdget.brd.ownref" maxlength="16" ></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-checkbox v-model="model.brdget.clsflg">Show closed</c-checkbox> </template> </c-fullbox> </c-form-item> </c-col> </div> <!-- S0000184 : Finance Reference --> <div v-if="hotreg== 6 || hotreg== 7"> <c-col :span="24"> <c-form-item label="Finance Reference" prop="trdgrp.rec.ownref"> <c-fullbox> <c-input v-model="model.trdgrp.rec.ownref" maxlength="16" ></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-checkbox v-model="model.trdget.clsflg">Show closed</c-checkbox> </template> </c-fullbox> </c-form-item> </c-col> </div> <div v-if="hotreg == 8 || hotreg == 9"> <!-- Re-Fin Reference --> <c-col :span="24"> <c-form-item label="Re-Fin Reference" prop="dfdgrp.rec.ownref"> <c-fullbox> <c-input v-model="model.dfdgrp.rec.ownref" maxlength="16"></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-checkbox v-model="model.dfdget.clsflg">Show closed</c-checkbox> </template> </c-fullbox> </c-form-item> </c-col> </div> <div v-if="hotreg == 5"> <!-- SG000303 : Shipping Reference --> <c-col :span="24"> <c-form-item label="Shipping Reference" prop="brdgrp.rec.shgref"> <c-input v-model="model.brdgrp.rec.shgref" maxlength="16"></c-input> </c-form-item> </c-col> </div> <!-- L/C --> <div v-if="hotreg == 1 || hotreg == 2"> <c-col :span="24"> <c-col :span="10"> <el-form-item label="信用证金额" prop="lidgrp.cbs.nom1.cur"> <c-input v-model="model.lidgrp.cbs.nom1.cur" style="width: 100%" disabled > </c-input> </el-form-item> </c-col> <c-col :span="10"> <c-form-item label="" label-width="10px" prop="lidgrp.cbs.nom1.amt"> <c-input v-model="model.lidgrp.cbs.nom1.amt" style="width: 100%" disabled placeholder="0.00" ></c-input> </c-form-item> </c-col> <c-col :span="4"> <c-checkbox v-model="model.aamlid.addamtflg" style="margin-left: 1.3px; padding: 0 10px" disabled >Add.Amount</c-checkbox > </c-col> </c-col> <c-col :span="24"> <c-col :span="10"> <c-form-item label="信用证余额" prop="lidgrp.cbs.opn1.cur"> <c-input v-model="model.lidgrp.cbs.opn1.cur" maxlength="3" disabled ></c-input> </c-form-item> </c-col> <c-col :span="10"> <c-form-item label="" label-width="10px" prop="lidgrp.cbs.opn1.amt"> <c-input v-model="model.lidgrp.cbs.opn1.amt" disabled></c-input> </c-form-item> </c-col> <c-col :span="4"> <c-checkbox v-model="model.lidgrp.rec.revflg" style="margin-left: 1.3px; padding: 0 10px" disabled >循环信用证</c-checkbox > </c-col> </c-col> <c-col :span="24"> <c-form-item label="可用银行" prop="lidgrp.avbnam"> <c-input v-model="model.lidgrp.avbnam" maxlength="40" disabled ></c-input> </c-form-item> </c-col> <!-- S0000153 : by --> <c-col :span="24"> <el-form-item label="兑付方式" prop="lidgrp.rec.avbby"> <c-input v-model="model.lidgrp.rec.avbby" style="width: 100%" disabled > </c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="开证日期" prop="lidgrp.rec.opndat"> <c-date-picker type="date" disabled v-model="model.lidgrp.rec.opndat" style="width: 100%" ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="最迟装运期" label-width="140px" prop="lidgrp.rec.shpdat" > <c-date-picker type="date" disabled v-model="model.lidgrp.rec.shpdat" style="width: 100%" ></c-date-picker> </el-form-item> </c-col> <!-- S0000155 : Date/ Place of Expiry --> <c-col :span="12"> <el-form-item label="Datel/Place of Expiry" prop="lidgrp.rec.expdat"> <c-date-picker type="date" v-model="model.lidgrp.rec.expdat" style="width: 100%" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <c-form-item label="" prop="lidgrp.rec.expplc" label-width="5px"> <c-input v-model="model.lidgrp.rec.expplc" maxlength="29" disabled ></c-input> </c-form-item> </c-col> <!-- S0000154 : Form of L/C --> <c-col :span="24"> <el-form-item label="信用证类型" prop="lidgrp.rec.lcrtyp"> <c-input disabled v-model="model.lidgrp.rec.lcrtyp" style="width: 100%" > </c-input> </el-form-item> </c-col> </div> <!-- Docs --> <div v-if="hotreg == 3 || hotreg == 4 || hotreg == 5"> <!-- S0000130 : Document Amount --> <c-col :span="10"> <el-form-item label="单据金额" prop="brdgrp.cbs.max.cur"> <c-select disabled v-model="model.brdgrp.cbs.max.cur" style="width: 100%" > </c-select> </el-form-item> </c-col> <c-col :span="10"> <c-form-item label="" label-width="10px" prop="brdgrp.cbs.max.amt"> <c-input disabled v-model="model.brdgrp.cbs.max.amt" ></c-input> </c-form-item> </c-col> <c-col :span="4"> <c-checkbox disabled v-model="model.aambrd.addamtflg" style="margin-left:2px;padding: 0 10px;" >Add.Amount</c-checkbox> </c-col> <!-- S0000132 : Open Amount --> <c-col :span="10"> <c-form-item label="Open Amount" prop="brdgrp.cbs.opn1.cur"> <c-input disabled v-model="model.brdgrp.cbs.opn1.cur" maxlength="3"></c-input> </c-form-item> </c-col> <c-col :span="14"> <c-form-item label="" label-width="10px" prop="brdgrp.cbs.opn1.amt"> <c-input disabled v-model="model.brdgrp.cbs.opn1.amt" :placeholder="$t('other.please_enter') + 'Balance'" ></c-input> </c-form-item> </c-col> <!-- S0000133 : Received on --> <c-col :span="13"> <el-form-item label="Received on" prop="brdgrp.rec.rcvdat"> <c-date-picker type="date" disabled v-model="model.brdgrp.rec.rcvdat" style="width: 100%" ></c-date-picker> </el-form-item> </c-col> <!-- S0000135 : Advised on --> <c-col :span="11"> <el-form-item label="Advised on" label-width="80px" prop="brdgrp.rec.advdat"> <c-date-picker type="date" disabled v-model="model.brdgrp.rec.advdat" style="width: 100%" ></c-date-picker> </el-form-item> </c-col> <!-- S0000134 : Maturity Date --> <c-col :span="24"> <el-form-item label="Maturity Date" prop="matp.mattxtlab"> <c-date-picker type="date" disabled v-model="model.matp.mattxtlab" style="width: 100%" ></c-date-picker> </el-form-item> </c-col> <!-- S0000141 : Document Type --> <c-col :span="24"> <el-form-item label="Document Type" prop="brdgrp.rec.docflg"> <c-input v-model="model.brdgrp.rec.docflg" style="width: 100%" disabled> </c-input> </el-form-item> </c-col> <!-- SF000265 : Document Set Status --> <c-col :span="24"> <c-form-item label="Document Set Status" prop="brdgrp.rec.docsta"> <c-input v-model="model.brdgrp.rec.docsta" maxlength="1" disabled> </c-input> </c-form-item> </c-col> </div> <!-- Loan --> <div v-if="hotreg == 6 || hotreg == 7"> <!-- S0000176 : Financing of --> <c-col :span="24"> <c-form-item label="Financing of" prop="trdgrp.rec.pctfin"> <c-input disabled v-model="model.trdgrp.rec.pctfin"></c-input> </c-form-item> </c-col> <c-col :span="14"> <el-form-item label="Finance Amount" prop="trdgrp.cbs.max.cur"> <c-input disabled v-model="model.trdgrp.cbs.max.cur" style="width: 100%" > </c-input> </el-form-item> </c-col> <c-col :span="10"> <c-form-item label="" label-width="40px" prop="trdgrp.cbs.max.amt"> <c-input disabled v-model="model.trdgrp.cbs.max.amt" ></c-input> </c-form-item> </c-col> <!-- S0000171 : Open Amount --> <c-col :span="14"> <c-form-item label="Open Amount" prop="trdgrp.cbs.opn1.cur"> <c-input v-model="model.trdgrp.cbs.opn1.cur" maxlength="3" disabled ></c-input> </c-form-item> </c-col> <c-col :span="10"> <c-form-item label="" label-width="40px" prop="trdgrp.cbs.opn1.amt"> <c-input v-model="model.trdgrp.cbs.opn1.amt" disabled ></c-input> </c-form-item> </c-col> <!-- SG000319 : Start Tenor Date --> <c-col :span="14"> <el-form-item label="Start Tenor Date" prop="trdgrp.rec.stttendat"> <c-date-picker disabled type="date" v-model="model.trdgrp.rec.stttendat" style="width: 100%" ></c-date-picker> </el-form-item> </c-col> <c-col :span="10"> <el-form-item label="Due" label-width="40px" prop="trdgrp.rec.matdat"> <c-date-picker disabled type="date" v-model="model.trdgrp.rec.matdat" style="width: 100%" ></c-date-picker> </el-form-item> </c-col> </div> <!-- 同业代付 --> <div v-if="hotreg == 8 || hotreg == 9"> <!-- SG000315 : Re-Fin Amount --> <c-col :span="15"> <el-form-item label="Re-Fin Amount" prop="dfdgrp.cbs.max.cur"> <c-input v-model="model.dfdgrp.cbs.max.cur" style="width: 100%" disabled > </c-input> </el-form-item> </c-col> <c-col :span="9"> <c-form-item label="" label-width="10px" prop="dfdgrp.cbs.max.amt"> <c-input v-model="model.dfdgrp.cbs.max.amt" disabled ></c-input> </c-form-item> </c-col> <!-- SG000316 : Open Amount --> <c-col :span="15"> <el-form-item label="Open Amount" prop="dfdgrp.cbs.opn1.cur"> <c-input v-model="model.dfdgrp.cbs.opn1.cur" style="width: 100%" disabled> </c-input> </el-form-item> </c-col> <c-col :span="9"> <c-form-item label="" label-width="10px" prop="dfdgrp.cbs.opn1.amt"> <c-input v-model="model.dfdgrp.cbs.opn1.amt" disabled></c-input> </c-form-item> </c-col> <!-- SG000318 : Open Date --> <c-col :span="12"> <el-form-item label="Open Date" prop="dfdgrp.rec.opndat"> <c-date-picker type="date" v-model="model.dfdgrp.rec.opndat" style="width: 100%" disabled ></c-date-picker> </el-form-item> </c-col> <!-- SG000326 : Re-Fin Type --> <c-col :span="12"> <c-form-item label="Re-Fin Type" label-width="88px" prop="dfdgrp.rec.fintyp"> <c-input v-model="model.dfdgrp.rec.fintyp" maxlength="3" disabled ></c-input> </c-form-item> </c-col> <c-col :span="12"> <el-form-item label="Start Tenor Date" prop="dfdgrp.rec.stttendat"> <c-date-picker type="date" v-model="model.dfdgrp.rec.stttendat" style="width: 100%" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="due" label-width="88px" prop="dfdgrp.rec.matdat"> <c-date-picker type="date" v-model="model.dfdgrp.rec.matdat" style="width: 100%" disabled ></c-date-picker> </el-form-item> </c-col> </div> </el-col> <!-- 右 --> <el-col :span="11" :offset="1"> <c-col :span="24"> <c-form-item label="Name " prop="lidget.lid.nam"> <c-input v-model="model.lidget.lid.nam" maxlength="40" disabled style="width: 100%" ></c-input> </c-form-item> </c-col> <c-col :span="24" v-if="hotreg == 6 || hotreg == 7 || hotreg == 8 || hotreg == 9"> <el-form-item> </el-form-item> <el-form-item></el-form-item> <el-form-item></el-form-item> </c-col> <div v-if="hotreg == 3 || hotreg == 4 ||hotreg == 6 || hotreg == 7 || hotreg == 8 || hotreg == 9"> <c-col :span="24"> <c-form-item label="Name of Bill Contract" prop="brdgrp.rec.nam"> <c-input disabled v-model="model.brdgrp.rec.nam" maxlength="40" ></c-input> </c-form-item> </c-col> </div> <div v-if="hotreg== 6 || hotreg== 7"> <c-col :span="24"> <c-form-item label="Name of Loan Contract" prop="trdgrp.rec.nam"> <c-input disabled v-model="model.trdgrp.rec.nam" maxlength="40" ></c-input> </c-form-item> </c-col> </div> <div v-if="hotreg == 8 || hotreg== 9"> <c-col :span="24"> <c-form-item label="Name of Loan Contract " prop="dfdgrp.rec.nam"> <c-input v-model="model.dfdgrp.rec.nam" maxlength="40" disabled ></c-input> </c-form-item> </c-col> </div> <!-- L/C --> <div v-if="hotreg == 1 || hotreg == 2"> <!-- S0000160 : Applicant Ref.--> <c-col :span="24"> <c-form-item label="Application Ref." prop="lidgrp.apl.pts.ref"> <c-input disabled v-model="model.lidgrp.apl.pts.ref" maxlength="16" ></c-input> </c-form-item> </c-col> <c-col :span="24"> <c-form-item label="申请人名称" prop="lidgrp.apl.pts.nam"> <c-input disabled v-model="model.lidgrp.apl.pts.nam" maxlength="40" ></c-input> </c-form-item> </c-col> <!-- S0000151 : Beneficiary Ref. --> <c-col :span="24"> <c-form-item label="受益人参考号" prop="lidgrp.ben.pts.ref"> <c-input disabled v-model="model.lidgrp.ben.pts.ref" maxlength="16" :placeholder="$t('other.please_enter') + $t('litsel.S0000151')" ></c-input> </c-form-item> </c-col> <c-col :span="24"> <c-form-item label="受益人名称" prop="lidgrp.ben.pts.nam"> <c-input disabled v-model="model.lidgrp.ben.pts.nam" maxlength="40" :placeholder="$t('other.please_enter') + 'Name of Party'" ></c-input> </c-form-item> </c-col> <!-- S0000156 : Advising Bank Ref.--> <c-col :span="24"> <c-form-item label="Advising Bank" prop="lidgrp.adv.pts.ref"> <c-input disabled v-model="model.lidgrp.adv.pts.ref" maxlength="16" ></c-input> </c-form-item> </c-col> <c-col :span="24"> <c-form-item label="通知行名称" prop="lidgrp.adv.pts.nam"> <c-input disabled v-model="model.lidgrp.adv.pts.nam" maxlength="40" ></c-input> </c-form-item> </c-col> </div> <!-- Docs --> <div v-if="hotreg == 3 || hotreg == 4 || hotreg == 5"> <!-- S0000127 : Applicant Ref.--> <c-col :span="24"> <c-form-item label="申请人参考号" prop="brdgrp.apl.pts.ref"> <c-input disabled v-model="model.brdgrp.apl.pts.ref" maxlength="16"></c-input> </c-form-item> </c-col> <c-col :span="24"> <c-form-item label="申请人名称" prop="brdgrp.apl.pts.nam"> <c-input disabled v-model="model.brdgrp.apl.pts.nam" maxlength="40" ></c-input> </c-form-item> </c-col> <!-- S0000126 : Beneficiary Ref.--> <c-col :span="24"> <c-form-item label="受益人参考号" prop="brdgrp.ben.pts.ref"> <c-input disabled v-model="model.brdgrp.ben.pts.ref" maxlength="16"></c-input> </c-form-item> </c-col> <c-col :span="24"> <c-form-item label="受益人名称" prop="brdgrp.ben.pts.nam"> <c-input disabled v-model="model.brdgrp.ben.pts.nam" maxlength="40" :placeholder="$t('other.please_enter') + $t('litsel.S0000134')" ></c-input> </c-form-item> </c-col> <!-- S0000138 : Presenting Bank Ref.--> <c-col :span="24"> <c-form-item label="Presenting Bank Ref." prop="brdgrp.prb.pts.ref"> <c-input disabled v-model="model.brdgrp.prb.pts.ref" maxlength="16"></c-input> </c-form-item> </c-col> <c-col :span="24"> <c-form-item label="Name of Party" prop="brdgrp.prb.pts.nam" > <c-input disabled v-model="model.brdgrp.prb.pts.nam" maxlength="40" ></c-input> </c-form-item> </c-col> </div> <!-- Loan --> <div v-if="hotreg == 6 || hotreg == 7"> <!-- S0000175 : Financed Party Ref. --> <c-col :span="24"> <c-form-item label="Financed Party Ref." prop="trdgrp.fip.pts.ref"> <c-input disabled v-model="model.trdgrp.fip.pts.ref" maxlength="16"></c-input> </c-form-item> </c-col> <c-col :span="24"> <c-form-item label="Name of Party" prop="trdgrp.fip.pts.nam"> <c-input disabled v-model="model.trdgrp.fip.pts.nam" maxlength="40"></c-input> </c-form-item> </c-col> <c-col :span="24"> <c-form-item label="Finance Type" prop="trdgrp.rec.fintyp"> <c-input disabled v-model="model.trdgrp.rec.fintyp" ></c-input> </c-form-item> </c-col> <!-- SG000304 : Finance Account --> <c-col :span="24"> <c-form-item label="Finance Account" prop="trdgrp.rec.finact"> <c-input v-model="model.trdgrp.rec.finact" maxlength="21" disabled ></c-input> </c-form-item> </c-col> </div> <!-- 同业代付 --> <div v-if="hotreg == 8 || hotreg == 9"> <!-- SG000321 : Re-Fin Party Ref. --> <c-col :span="24"> <c-form-item label="Re-Fin Party Ref." prop="dfdgrp.apl.pts.ref"> <c-input v-model="model.dfdgrp.apl.pts.ref" maxlength="16" disabled ></c-input> </c-form-item> </c-col> <!-- 同行 RFP R. NAME --> <c-col :span="24"> <c-form-item label="Name of Party" prop="dfdgrp.apl.pts.nam"> <c-input v-model="model.dfdgrp.apl.pts.nam" maxlength="40" disabled ></c-input> </c-form-item> </c-col> <!-- SG000324 : Re-Fin Bank Ref--> <c-col :span="24"> <c-form-item label="Re-Fin Bank Ref." prop="dfdgrp.dff.pts.ref"> <c-input v-model="model.dfdgrp.dff.pts.ref" maxlength="16" disabled ></c-input> </c-form-item> </c-col> <!-- Re-Fin Bank Ref name --> <c-col :span="24"> <c-form-item label="Name of Party" prop="dfdgrp.dff.pts.nam"> <c-input v-model="model.dfdgrp.dff.pts.nam" maxlength="40" disabled></c-input> </c-form-item> </c-col> </div> </el-col> <!-- 底部 --> <el-col :span="24"> <el-form-item> <el-divider /> </el-form-item> </el-col> <el-col :span="10" :offset="12"> <el-tabs tab-position="right"> <el-tab-pane v-for="it in meum" :key="it.key" :label="it.label"> <sel-mune :model="model" /> </el-tab-pane> </el-tabs> </el-col> </div> </template> <script> import CodeTable from "~/config/CodeTable"; import event from "../event"; import SelMune from "./SelMune.vue"; export default { components: { SelMune, }, inject: ["root"], props: ["model", "codes"], mixins: [event], data() { return { hotreg: "1", meum: [ { label: "L/C", key: 1, }, { label: "Others", key: 2, }, { label: "Docs", key: 3, }, { label: "Oth. Docs", key: 4, }, { label: "SG", key: 5, }, { label: "Loan", key: 6, }, { label: "Oth.Loan", key: 7, }, { label: "同业代付", key: 9, }, { label: "其他", key: 10, }, ], }; }, methods: { }, computed: {}, }; </script> <style></style>