<template> <div class="eibs-tab"> <!-- left --> <c-col :span="11"> <c-col :span="24"> <c-col :span="20"> <el-form-item label="Export L/C Ref." prop="ledgrp.rec.ownref" style="width: 100%" > <c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="Please input Export L/C Ref." style="width: 95%" disabled ></c-input> </el-form-item> </c-col> <!-- <c-col :span="1" style="text-align: right"> --> <c-col :span="1"> <!-- <el-form-item label="" label-width="5px"> --> <c-button style="margin: 0 10px 0 0; padding: 0 12px" size="small" type="primary" > <span style="font-size: 15px; font-family: '宋体'; font-weight: bold" >i</span > </c-button> <!-- </el-form-item> --> </c-col> <c-col :span="2" :offset="1" style="text-align: right"> <!-- <el-form-item label="" label-width="5px"> --> <c-button style="margin: 0 0" size="small" type="primary" :disabled="this.flag" > Get </c-button> <!-- </el-form-item> --> </c-col> <!-- </c-col> --> </c-col> <c-col :span="24"> <c-col :span="20"> <el-form-item label="Bill Set Reference" prop="bedgrp.rec.ownref" style="width: 100%" > <c-input v-model="model.bedgrp.rec.ownref" maxlength="16" placeholder="Please input Bill Set Reference" style="width: 95%" disabled ></c-input> </el-form-item> </c-col> <!-- <c-col :span="1" style="text-align: right"> --> <c-col :span="1"> <!-- <el-form-item label="" label-width="5px"> --> <c-button style="margin: 0 10px 0 0; padding: 0 12px" size="small" type="primary" > <span style="font-size: 15px; font-family: '宋体'; font-weight: bold" >i</span > </c-button> <!-- </el-form-item> --> </c-col> <c-col :span="2" :offset="1" style="text-align: right"> <!-- <el-form-item label="" label-width="5px"> --> <c-button style="margin: 0 0" size="small" type="primary" :disabled="this.flag" > Get </c-button> <!-- </el-form-item> --> </c-col> <!-- </c-col> --> </c-col> <c-col :span="24"> <el-form-item label="Document Amount" prop="bedgrp.cbs.max.cur"> <c-fullbox> <c-input v-model="model.bedgrp.cbs.max.cur" maxlength="3" style="width: 50%" placeholder="Please input Document Amount" disabled ></c-input> <c-input v-model="model.bedgrp.cbs.max.amt" style="width: 50%" placeholder="Please input Balance" disabled ></c-input> <template slot="footer"> <c-checkbox v-model="model.betp.adaflg" style="margin-left: 10px" disabled >Add. Amount</c-checkbox > </template> </c-fullbox> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="Open Amount" prop="bedgrp.cbs.opn1.cur"> <c-input v-model="model.bedgrp.cbs.opn1.cur" maxlength="3" placeholder="Please input Open Amoun" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="bedgrp.cbs.max.amt"> <c-input v-model="model.bedgrp.cbs.max.amt" placeholder="Please input Balance" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="Document Type" prop="bedgrp.rec.doctypcod"> <c-select v-model="model.bedgrp.rec.doctypcod" style="width: 100%" placeholder="Please input Document Type" disabled > <el-option v-for="item in codes.doctypcod1" :key="item.value" :label="item.label" :value="item.value" > </el-option> </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="Maturity Date" prop="bedgrp.rec.matdat"> <c-date-picker type="date" v-model="model.bedgrp.rec.matdat" style="width: 100%" placeholder="Please select Maturity Date" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="Received on" prop="bedgrp.rec.rcvdat"> <c-date-picker type="date" v-model="model.bedgrp.rec.rcvdat" style="width: 100%" placeholder="Please select Received on" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Presented on" prop="bedgrp.rec.predat"> <c-date-picker type="date" v-model="model.bedgrp.rec.predat" style="width: 100%" placeholder="Please select Presented on" disabled ></c-date-picker> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="Document Status" prop="bedgrp.rec.docsta"> <c-select v-model="model.bedgrp.rec.docsta" style="width: 100%" placeholder="Please select Document Status" disabled :code="codes.docsta" > <!-- <el-option v-for="item in codes.docsta" :key="item.value" :label="item.label" :value="item.value" > </el-option> --> </c-select> </el-form-item> </c-col> </c-col> <!-- right --> <c-col :span="11" :offset="1"> <c-col :span="24"> <c-col :span="12"> <el-form-item label="Open Amt. L/C" prop="ledgrp.cbs.opn1.cur"> <c-input v-model="model.ledgrp.cbs.opn1.cur" maxlength="3" placeholder="Please input Open Amt. L/C" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="ledgrp.cbs.opn1.amt"> <c-input v-model="model.ledgrp.cbs.opn1.amt" placeholder="Please input Balance" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="Name" prop="bedgrp.rec.nam"> <c-input v-model="model.bedgrp.rec.nam" maxlength="40" placeholder="Please input Name" disabled ></c-input> </el-form-item> </c-col> <c-col :span="24"> <c-ptsmsg :model="model" :argadr="{ title: 'Presented by', grp: 'bedgrp', rol: 'prb', }" :disabled="true" :enname="true" :enRef="true" :enNam="true" ></c-ptsmsg> </c-col> <c-col :span="24"> <c-ptsmsg :model="model" :argadr="{ title: 'Issuing Bank', grp: 'bedgrp', rol: 'iss', }" :disabled="true" :enRef="true" :enNam="true" ></c-ptsmsg> </c-col> <c-col :span="24"> <c-ptsmsg :model="model" :argadr="{ title: 'Applicant', grp: 'bedgrp', rol: 'apl', }" :disabled="true" :enRef="true" :enNam="true" ></c-ptsmsg> </c-col> </c-col> <c-col :span="24"> <el-form-item style="margin-left: 0px"> <el-divider /> </el-form-item> </c-col> <!-- next part --> <!-- left --> <c-col :span="11"> <c-col :span="24"> <c-checkbox v-model="advrefflg" style="margin-left: 150px" >Receive advice of refusal</c-checkbox > </c-col> <c-col :span="24"> <c-checkbox v-model="clsflgp" style="margin-left: 150px" @change="clsflgpChange" >Receive returned ducuments</c-checkbox > </c-col> <c-col :span="24"> <c-checkbox v-model="clsflgp" style="margin-left: 150px" disabled >Close Contract</c-checkbox > </c-col> <c-col :span="24"> <c-checkbox v-model="advdisflg" style="margin-left: 150px; margin-top: 100px; margin-bottom: 10px" >Send Advice of Discrepancy(MT750)</c-checkbox > </c-col> <c-col :span="24"> <el-form-item label="Tag 72(MT750)" prop="trnmod.trndoc.addstr750"> <c-input type="textarea" v-model="model.trnmod.trndoc.addstr750" maxlength="35" show-word-limit placeholder="Please input Tag 72(MT750)" :disabled="!advdisflg" ></c-input> </el-form-item> </c-col> </c-col> <!-- right --> <c-col :span="11" :offset="1"> <c-col :span="24"> <el-form-item label="Payer" prop="bedgrp.rec.payrol"> <c-select v-model="model.bedgrp.rec.payrol" style="width: 100%" placeholder="Please select Payer" disabled @change="eventFunction( 'bedgrp.rec.payrol' )" > <el-option v-for="item in codes.payrol" :key="item.value" :label="item.label" :value="item.value" > </el-option> </c-select> </el-form-item> </c-col> <c-col :span="24"> <c-ptap :model="model" :argadr="{ title: '', grp: 'bedgrp', rol: 'oth', }" :noRef="true" :disabled="true" :isAdrblk="true" :disabledExtkey="!(model.bedgrp.rec.payrol == 'OTH')" > </c-ptap> </c-col> <c-col :span="24"> <el-form-item label="Presented by" prop="bedgrp.rec.docprbrol"> <c-select v-model="model.bedgrp.rec.docprbrol" style="width: 100%" placeholder="Please input Presented by" disabled @change="eventFunction( 'bedgrp.rec.docprbrol' )" > <el-option v-for="item in codes.docprbrol" :key="item.value" :label="item.label" :value="item.value" > </el-option> </c-select> </el-form-item> </c-col> <c-col :span="24"> <c-ptap :model="model" :argadr="{ title: '', grp: 'bedgrp', rol: 'prb', }" :noRef="true" :disabled="true" :isAdrblk="true" :disabledExtkey="true" > </c-ptap> </c-col> </c-col> <!-- <c-col :span="12"> <el-form-item label="Drag Drop Sender" prop="betp.ledget.sdamod.dadsnd"> <c-input v-model="model.betp.ledget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="参考号" prop="ledgrp.rec.ownref"> <c-input v-model="model.ledgrp.rec.ownref" maxlength="16" placeholder="请输入参考号"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="betp.ledget.sdamod.seainf"> <c-input v-model="model.betp.ledget.sdamod.seainf" placeholder="请输入"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Currency" prop="ledgrp.cbs.opn1.cur"> <c-input v-model="model.ledgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Currency"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Balance" prop="ledgrp.cbs.opn1.amt"> <c-input v-model="model.ledgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Drag Drop Sender" prop="betp.recget.sdamod.dadsnd"> <c-input v-model="model.betp.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据参考号" prop="bedgrp.rec.ownref"> <c-input v-model="model.bedgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="betp.recget.sdamod.seainf"> <c-input v-model="model.betp.recget.sdamod.seainf" placeholder="请输入"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Externally Displayed Name to Identify the Contract" prop="bedgrp.rec.nam"> <c-input v-model="model.bedgrp.rec.nam" maxlength="40" placeholder="请输入Externally Displayed Name to Identify the Contract"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据金额" prop="bedgrp.cbs.max.cur"> <c-select v-model="model.bedgrp.cbs.max.cur" style="width:100%" placeholder="请选择单据金额"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据金额" prop="bedgrp.cbs.max.amt"> <c-input v-model="model.bedgrp.cbs.max.amt" placeholder="请输入单据金额"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="交单人" prop="bedgrp.prb.pts.ref"> <c-input v-model="model.bedgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单人"></c-input> </el-form-item> </c-col> <c-col :span="12"> <c-checkbox v-model="model.betp.adaflg">Add. amount</c-checkbox> </c-col> <c-col :span="12"> <el-form-item label="单据余额" prop="bedgrp.cbs.opn1.cur"> <c-input v-model="model.bedgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入单据余额"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Balance" prop="bedgrp.cbs.opn1.amt"> <c-input v-model="model.bedgrp.cbs.opn1.amt" placeholder="请输入Balance"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Name of Party" prop="bedgrp.prb.pts.nam"> <c-input v-model="model.bedgrp.prb.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="开证行" prop="bedgrp.iss.pts.ref"> <c-input v-model="model.bedgrp.iss.pts.ref" maxlength="16" placeholder="请输入开证行"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据类型" prop="bedgrp.rec.doctypcod"> <c-select v-model="model.bedgrp.rec.doctypcod" style="width:100%" placeholder="请选择单据类型"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Name of Party" prop="bedgrp.iss.pts.nam"> <c-input v-model="model.bedgrp.iss.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="到期日" prop="bedgrp.rec.matdat"> <c-date-picker type="date" v-model="model.bedgrp.rec.matdat" style="width:100%" placeholder="请选择到期日"></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="到单日期" prop="bedgrp.rec.rcvdat"> <c-date-picker type="date" v-model="model.bedgrp.rec.rcvdat" style="width:100%" placeholder="请选择到单日期"></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Presentation Date" prop="bedgrp.rec.predat"> <c-date-picker type="date" v-model="model.bedgrp.rec.predat" style="width:100%" placeholder="请选择Presentation Date"></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="申请人" prop="bedgrp.apl.pts.ref"> <c-input v-model="model.bedgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据状态" prop="bedgrp.rec.docsta"> <c-input v-model="model.bedgrp.rec.docsta" maxlength="40" placeholder="请输入单据状态"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Name of Party" prop="bedgrp.apl.pts.nam"> <c-input v-model="model.bedgrp.apl.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input> </el-form-item> </c-col> <c-col :span="12"> <c-checkbox v-model="model.advrefflg">Advice of Refusal MT734</c-checkbox> </c-col> <c-col :span="12"> <el-form-item label="Payer" prop="bedgrp.rec.payrol"> <c-select v-model="model.bedgrp.rec.payrol" style="width:100%" placeholder="请选择Payer"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Drag Drop Sender" prop="betp.othp.ptsget.sdamod.dadsnd"> <c-input v-model="model.betp.othp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> </el-form-item> </c-col> <c-col :span="12"> <c-checkbox v-model="model.bedgrp.rec.advdocflg">Return of Documents</c-checkbox> </c-col> <c-col :span="12"> <el-form-item label="External Key of Address" prop="bedgrp.oth.pts.extkey"> <c-input v-model="model.bedgrp.oth.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="betp.othp.ptsget.sdamod.seainf"> <c-input v-model="model.betp.othp.ptsget.sdamod.seainf" placeholder="请输入"></c-input> </el-form-item> </c-col> <c-col :span="12"> <c-button size="small" type="primary" @click="onOthpDet"> Details </c-button> </c-col> <c-col :span="12"> <el-form-item label="名称" prop="bedgrp.oth.namelc"> <c-input type="textarea" v-model="model.bedgrp.oth.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <c-checkbox v-model="model.mtabut.clsflg">Close Flag</c-checkbox> </c-col> <c-col :span="12"> <el-form-item label="Address Block" prop="bedgrp.oth.pts.adrblk"> <c-input type="textarea" v-model="model.bedgrp.oth.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Chinese address" prop="bedgrp.oth.dbfadrblkcn"> <c-input type="textarea" v-model="model.bedgrp.oth.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="地址" prop="bedgrp.oth.adrelc"> <c-input type="textarea" v-model="model.bedgrp.oth.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Presented by" prop="bedgrp.rec.docprbrol"> <c-select v-model="model.bedgrp.rec.docprbrol" style="width:100%" placeholder="请选择Presented by"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <c-checkbox v-model="model.advdisflg">Advice of Discrepancy MT750</c-checkbox> </c-col> <c-col :span="12"> <el-form-item label="Drag Drop Sender" prop="betp.prbp.ptsget.sdamod.dadsnd"> <c-input v-model="model.betp.prbp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="External Key of Address" prop="bedgrp.prb.pts.extkey"> <c-input v-model="model.bedgrp.prb.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="betp.prbp.ptsget.sdamod.seainf"> <c-input v-model="model.betp.prbp.ptsget.sdamod.seainf" placeholder="请输入"></c-input> </el-form-item> </c-col> <c-col :span="12"> <c-button size="small" type="primary" @click="onPrbpDet"> Details </c-button> </c-col> <c-col :span="12"> <el-form-item label="Tag 72 (MT750)" prop="trnmod.trndoc.addstr750"> <c-input type="textarea" v-model="model.trnmod.trndoc.addstr750" maxlength="35" show-word-limit placeholder="请输入Tag 72 (MT750)" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="名称" prop="bedgrp.prb.namelc"> <c-input type="textarea" v-model="model.bedgrp.prb.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Address Block" prop="bedgrp.prb.pts.adrblk"> <c-input type="textarea" v-model="model.bedgrp.prb.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Chinese address" prop="bedgrp.prb.dbfadrblkcn"> <c-input type="textarea" v-model="model.bedgrp.prb.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="地址" prop="bedgrp.prb.adrelc"> <c-input type="textarea" v-model="model.bedgrp.prb.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input> </el-form-item> </c-col> --> </div> </template> <script> import Api from "~/service/Api"; import commonProcess from "~/mixin/commonProcess"; import CodeTable from "~/config/CodeTable"; import Event from "~/model/Betdcr/Event"; import Ptsmsg from "~/views/Public/Ptsmsg"; import Ptap from "~/views/Public/Ptap"; export default { components: { "c-ptsmsg": Ptsmsg, "c-ptap": Ptap }, inject: ["root"], props: ["model", "codes"], mixins: [commonProcess], data() { return {}; }, computed: { flag() { return this.model.mtabut.coninf.usr.extkey == ""; }, advrefflg: { get() { return this.model.advrefflg != ""; }, set(val) { this.model.advrefflg = val ? "X" : ""; }, }, // advdocflg: { // get() { // this.model.mtabut.clsflg = this.model.bfdgrp.rec.advdocflg != "" ? "C" : "" // return this.model.bfdgrp.rec.advdocflg != ""; // }, // set(val) { // this.model.bfdgrp.rec.advdocflg = val ? "X" : ""; // this.model.mtabut.clsflg = val ? "C" : "O"; // }, // }, clsflgp: { get() { return this.model.bedgrp.rec.advdocflg != ""; }, set(val) { this.model.bedgrp.rec.advdocflg = val ? "X" : ""; this.model.mtabut.clsflgp = val ? "C" : "O"; }, }, advdisflg: { get() { return this.model.advdisflg != ""; }, set(val) { this.model.advdisflg = val ? "X" : ""; }, }, }, methods: { ...Event, clsflgpChange(v) { if (v == "X") { this.model.bedgrp.rec.docsta = "R"; }else{ this.model.bedgrp.rec.docsta = "E"; } }, }, created: function () {}, }; </script> <style> </style>