<template> <div class="eibs-tab"> <!-- left --> <c-col :span="11"> <c-col :span="24"> <c-col :span="20"> <el-form-item label="参考号" prop="dedgrp.rec.ownref" style="width: 100%" > <c-input v-model="model.dedgrp.rec.ownref" maxlength="16" placeholder="请输入参考号" 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" @click="onSeainf" > <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" @click="onDetpButgetref" > 获取 </c-button> <!-- </el-form-item> --> </c-col> <!-- </c-col> --> </c-col> <c-col :span="24"> <c-col :span="20"> <el-form-item label="单据参考号" prop="bfdgrp.rec.ownref" style="width: 100%" > <c-input v-model="model.bfdgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号" 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" @click="onSeainf" > <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" @click="onDetpButgetref" > 获取 </c-button> <!-- </el-form-item> --> </c-col> <!-- </c-col> --> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="单据金额" prop="bfdgrp.cbs.max.cur"> <c-input v-model="model.bfdgrp.cbs.max.cur" maxlength="3" placeholder="请输入单据金额" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="bfdgrp.cbs.max.amt"> <c-input v-model="model.bfdgrp.cbs.max.amt" placeholder="请输入Balance" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="单据余额" prop="bfdgrp.cbs.opn1.cur"> <c-input v-model="model.bfdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入单据余额" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="bfdgrp.cbs.opn1.amt"> <c-input v-model="model.bfdgrp.cbs.opn1.amt" placeholder="请输入Balance" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="单据类型" prop="bfdgrp.rec.doctypcod"> <c-select v-model="model.bfdgrp.rec.doctypcod" style="width: 100%" placeholder="请输入单据类型" disabled > <el-option v-for="item in codes.doctypcod" :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="远期单据到期日" prop="bfdgrp.rec.matdat"> <c-date-picker type="date" v-model="model.bfdgrp.rec.matdat" style="width: 100%" placeholder="请选择远期单据到期日" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="到单日期" prop="bfdgrp.rec.rcvdat"> <c-date-picker type="date" v-model="model.bfdgrp.rec.rcvdat" style="width: 100%" placeholder="请选择到单日期" disabled ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="提示日期" prop="bfdgrp.rec.predat"> <c-date-picker type="date" v-model="model.bfdgrp.rec.predat" style="width: 100%" placeholder="请选择提示日期" disabled ></c-date-picker> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="单据状态" prop="bfdgrp.rec.docsta"> <c-select v-model="model.bfdgrp.rec.docsta" style="width: 100%" placeholder="请输入单据状态" disabled > <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="信用证余额" prop="dedgrp.cbs.opn1.cur"> <c-input v-model="model.dedgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入信用证余额" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="dedgrp.cbs.opn1.amt"> <c-input v-model="model.dedgrp.cbs.opn1.amt" placeholder="请输入Balance" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="摘要" prop="bfdgrp.rec.nam"> <c-input v-model="model.bfdgrp.rec.nam" maxlength="40" placeholder="请输入摘要" disabled ></c-input> </el-form-item> </c-col> <c-col :span="24"> <c-ptsmsg :model="model" :argadr="{ title: '交单人', grp: 'bfdgrp', rol: 'prb', }" :disabled="true" ></c-ptsmsg> </c-col> <!-- <c-col :span="24"> <c-ptsmsg :model="model" :argadr="{ title: '开证行', grp: 'bfdgrp', rol: 'iss', }" :disabled="true" ></c-ptsmsg> </c-col> --> <c-col :span="24"> <el-form-item label="开证行编号" prop="dedgrp.rec.kzref"> <c-input v-model="model.dedgrp.rec.kzref" maxlength="16" placeholder="'请输入开证行编号'" disabled ></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="开证行名称" prop="bfdgrp.iss.pts.nam"> <c-input v-model="model.bfdgrp.iss.pts.nam" maxlength="40" placeholder="'请输入开证行名称'" disabled ></c-input> </el-form-item> </c-col> <c-col :span="24"> <c-ptsmsg :model="model" :argadr="{ title: '申请人', grp: 'bfdgrp', rol: 'apl', }" :disabled="true" ></c-ptsmsg> </c-col> </c-col> <!-- next part --> <c-col :span="24" style="margin-bottom: 35px"> <c-istream-table ref="table" :list="model.liaall.tenstm.rows || []" :columns="stmData.columns" :showSelection="true" v-on:multipleSelect="multipleSelect" prop="liaall.tenstm" > </c-istream-table> </c-col> <!-- left --> <c-col :span="11"> <c-col :span="24"> <c-col :span="12"> <el-form-item label="付款金额" prop="bfdgrp.cbs.opn1.cur"> <c-input v-model="model.bfdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入付款金额" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="setmod.docamt"> <c-input v-model="model.setmod.docamt" placeholder="请输入付款金额" ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="扣费后付款金额" prop="bfdgrp.cbs.opn1.cur"> <c-input v-model="model.bfdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入扣费后付款金额" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="setmod.setamt"> <c-input v-model="model.setmod.setamt" placeholder="请输入扣费后付款金额" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="单据金额" prop="bfdgrp.cbs.opn1.cur"> <c-input v-model="model.bfdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入单据金额" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="aamset.utlamt"> <c-input v-model="model.aamset.utlamt" placeholder="请输入单据金额" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <c-col :span="12"> <el-form-item label="附加金额" prop="bfdgrp.cbs.opn1.cur"> <c-input v-model="model.bfdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入附加金额" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="aamset.utlamt2"> <c-input v-model="model.aamset.utlamt2" placeholder="请输入附加金额" disabled ></c-input> </el-form-item> </c-col> </c-col> </c-col> <!-- right --> <c-col :span="11" :offset="1"> <c-col :span="24"> <el-form-item label="" prop="mtabut.clsflg"> <c-checkbox v-model="clsflg">闭卷</c-checkbox> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="" prop="bfdgrp.rec.frepayflg"> <c-checkbox v-model="frepayflg" >无偿放单</c-checkbox> </el-form-item> </c-col> <!-- <c-col :span="24"> <c-checkbox v-model="model.bfdgrp.rec.frepayflg" style="margin-left: 150px" >无偿放单</c-checkbox > </c-col> --> <c-col :span="24"> <c-col :span="12"> <el-form-item label="扣减金额" prop="bfdgrp.cbs.opn1.cur"> <c-input v-model="model.bfdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入扣减金额" disabled ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="setmod.redamt"> <c-input v-model="model.setmod.redamt" placeholder="请输入扣减金额" :disabled="frepayflg" @change="selectOrCheckboxRule('setmod.redamt')" ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="福费廷转卖类型" prop="bpdgrp.rec.ffttyp"> <c-input v-model="model.bpdgrp.rec.ffttyp" maxlength="40" placeholder="请输入福费廷转卖类型" disabled ></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24" style="height: 24px; margin-top: 20px"> <el-form-item label="融资信息" class="messageLabel"> </el-form-item> </c-col> <c-col :span="24" style="height: 0px; margin-top: 5px"> <el-divider></el-divider> </c-col> <c-col :span="24"> <c-table :data="model.bptbck.bptbckg" style="width: 100%"> <el-table-column prop="ownref" label="Reference" width="389px"> </el-table-column> <el-table-column prop="opncur" label="Cur" width="389px"> </el-table-column> <el-table-column prop="opnamt" label="Open amount" width="389px"> </el-table-column> <el-table-column prop="bckamt" label="Pay back now" width="389px"> </el-table-column> </c-table> </c-col> <!-- <c-col :span="12"> <el-form-item label="Drag Drop Sender" prop="bftp.dedget.sdamod.dadsnd"> <c-input v-model="model.bftp.dedget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="参考号" prop="dedgrp.rec.ownref"> <c-input v-model="model.dedgrp.rec.ownref" maxlength="16" placeholder="请输入参考号" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="bftp.dedget.sdamod.seainf"> <c-input v-model="model.bftp.dedget.sdamod.seainf" placeholder="请输入" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Currency" prop="dedgrp.cbs.opn1.cur"> <c-input v-model="model.dedgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入Currency" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Balance" prop="dedgrp.cbs.opn1.amt"> <c-input v-model="model.dedgrp.cbs.opn1.amt" placeholder="请输入Balance" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Drag Drop Sender" prop="bftp.recget.sdamod.dadsnd"> <c-input v-model="model.bftp.recget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据参考号" prop="bfdgrp.rec.ownref"> <c-input v-model="model.bfdgrp.rec.ownref" maxlength="16" placeholder="请输入单据参考号" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="bftp.recget.sdamod.seainf"> <c-input v-model="model.bftp.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="bfdgrp.rec.nam" > <c-input v-model="model.bfdgrp.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="bfdgrp.cbs.max.cur"> <c-select v-model="model.bfdgrp.cbs.max.cur" style="width: 100%" placeholder="请选择单据金额" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据金额" prop="bfdgrp.cbs.max.amt"> <c-input v-model="model.bfdgrp.cbs.max.amt" placeholder="请输入单据金额" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="交单人" prop="bfdgrp.prb.pts.ref"> <c-input v-model="model.bfdgrp.prb.pts.ref" maxlength="16" placeholder="请输入交单人" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据余额" prop="bfdgrp.cbs.opn1.cur"> <c-input v-model="model.bfdgrp.cbs.opn1.cur" maxlength="3" placeholder="请输入单据余额" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Balance" prop="bfdgrp.cbs.opn1.amt"> <c-input v-model="model.bfdgrp.cbs.opn1.amt" placeholder="请输入Balance" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Name of Party" prop="bfdgrp.prb.pts.nam"> <c-input v-model="model.bfdgrp.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="dedgrp.rec.kzref"> <c-input v-model="model.dedgrp.rec.kzref" maxlength="35" placeholder="请输入信用证编号" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="开证行" prop="bfdgrp.iss.pts.ref"> <c-input v-model="model.bfdgrp.iss.pts.ref" maxlength="16" placeholder="请输入开证行" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据类型" prop="bfdgrp.rec.doctypcod"> <c-select v-model="model.bfdgrp.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="bfdgrp.iss.pts.nam"> <c-input v-model="model.bfdgrp.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="bfdgrp.rec.matdat"> <c-date-picker type="date" v-model="model.bfdgrp.rec.matdat" style="width: 100%" placeholder="请选择远期单据到期日" ></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="到单日期" prop="bfdgrp.rec.rcvdat"> <c-date-picker type="date" v-model="model.bfdgrp.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="bfdgrp.rec.predat"> <c-date-picker type="date" v-model="model.bfdgrp.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="bfdgrp.apl.pts.ref"> <c-input v-model="model.bfdgrp.apl.pts.ref" maxlength="16" placeholder="请输入申请人" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据状态" prop="bfdgrp.rec.docsta"> <c-input v-model="model.bfdgrp.rec.docsta" maxlength="40" placeholder="请输入单据状态" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Name of Party" prop="bfdgrp.apl.pts.nam"> <c-input v-model="model.bfdgrp.apl.pts.nam" maxlength="40" placeholder="请输入Name of Party" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Tenor Stream" prop="liaall.tenstm"> <c-input v-model="model.liaall.tenstm" placeholder="请输入Tenor Stream" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <c-checkbox v-model="model.trtcre.crefinflg">Create Financing</c-checkbox> </c-col> <c-col :span="12"> <c-checkbox v-model="model.mtabut.clsflg">Close Flag</c-checkbox> </c-col> <c-col :span="12"> <c-checkbox v-model="model.bfdgrp.rec.frepayflg" >Free of Payment</c-checkbox > </c-col> <c-col :span="12"> <el-form-item label="document currency" prop="setmod.doccur"> <c-input v-model="model.setmod.doccur" maxlength="3" placeholder="请输入document currency" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="扣减金额" prop="setmod.redamt"> <c-input v-model="model.setmod.redamt" placeholder="请输入扣减金额" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="document amount" prop="setmod.docamt"> <c-input v-model="model.setmod.docamt" placeholder="请输入document amount" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="扣费后付款金额" prop="setmod.setamt"> <c-input v-model="model.setmod.setamt" placeholder="请输入扣费后付款金额" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="福费廷转卖类型" prop="bpdgrp.rec.ffttyp"> <c-select v-model="model.bpdgrp.rec.ffttyp" style="width: 100%" placeholder="请选择福费廷转卖类型" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="附加金额" prop="bfdgrp.cbs.opn2.cur"> <c-select v-model="model.bfdgrp.cbs.opn2.cur" style="width: 100%" placeholder="请选择附加金额" > </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="单据金额" prop="aamset.utlamt"> <c-input v-model="model.aamset.utlamt" placeholder="请输入单据金额" ></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="附加金额" prop="aamset.utlamt2"> <c-input v-model="model.aamset.utlamt2" 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/Bftset/Event"; import Ptsmsg from "~/views/Public/Ptsmsg"; import Utils from "~/utils/index"; // import PtapDome from "~/views/Public/PtapDome"; // import Ptap from "~/views/Public/Ptap"; "c-ptapdome": PtapDome, "c-ptap": Ptap export default { components: { "c-ptsmsg": Ptsmsg }, inject: ["root"], props: ["model", "codes"], mixins: [commonProcess], data() { return { stmData: { columns: [ '1 1 "Type" 250', '2 2 "Dbt" 250', '3 3 "Cdt" 250', '4 4 "Cur" 250', '5 5 "Amt" 250 2 8 1 4', // '6 6 "Mat.Dat." 250 4 7 1', { index: 6, position: 6, width: 250, render: (item, scope) => { return scope.row[item.prop] === "null" ? "" : scope.row[item.prop]; }, label: "Mat.Dat.", }, ], data: [], }, }; }, computed: { clsflg: { get() { return this.model.mtabut.clsflg === "C"; }, set(val) { this.model.mtabut.clsflg = val ? "C" : "O"; }, }, frepayflg: { get() { return this.model.bfdgrp.rec.frepayflg === "X"; }, set(val) { this.model.bfdgrp.rec.frepayflg = val ? "X" : ""; this.model.setmod.redamt = ""; }, }, flag() { return this.model.mtabut.coninf.usr.extkey == ""; }, }, mounted() { this.$nextTick(() => {}); }, methods: { ...Event, async multipleSelect(selection) { if (selection.length > 1) { this.$notify({ title: "error", message: "You cannot select more than one tenor", type: "error", }); } else { let selIds; if (selection.length === 0) { selIds = [] this.model.liaall.tensetstm.rows = [] // this.model.liaall.tenstm.rows = [] } else { selIds = [selection[0] + 1] } // console.log(this.model.liaall.tensetstm); let params = { selDst: "liaall.tenstm", selIds }; const rtnmsg = await this.executeRule("liaall.tenstm", params); if (rtnmsg.respCode == SUCCESS) { this.updateModel(rtnmsg.data); } else { this.$notify.error({ title: "错误", message: "服务请求失败!" }); } } // console.log(selection); // if (selection) { // let selIds = selection.map(x=>x+1); // let params = {selDst:"liaall.tenstm",selIds} // const rtnmsg = await this.executeRule("liaall.tenstm",params); // if (rtnmsg.respCode == SUCCESS) { // this.updateModel(rtnmsg.data) // } // else // { // this.$notify.error({title: '错误',message: '服务请求失败!'}); // } // }else{ // let selIds = selection.map(x=>x+1); // let params = {selDst:"liaall.tenstm",selIds} // const rtnmsg = await this.executeRule("liaall.tenstm",params); // if (rtnmsg.respCode == SUCCESS) { // this.updateModel(rtnmsg.data) // } // else // { // this.$notify.error({title: '错误',message: '服务请求失败!'}); // } // // this.model.setmod.docamt = ""; // // this.model.setmod.setamt = ""; // // this.model.aamset.utlamt = ""; // } }, }, created: function () {}, }; </script> <style> .messageLabel >>> .el-form-item__label { text-align: left; font-weight: bold; font-size: 12px; } </style>