<template> <c-row class="eibs-tab"> <!-- ====================顶部==================== --> <c-col :span="6" style="margin-left:9px"> <el-form-item label="业务参考号" label-width="80px"> <c-input v-model="model.setmod.ref" maxlength="16" :disabled="true" :readonly="true" placeholder="请输入our reference"> </c-input> </el-form-item> </c-col> <c-col :span="4"> <el-form-item label="结算金额录入" label-width="90px"> <c-input v-model="model.setmod.doccur" placeholder="CNY" :disabled="true" :readonly="true"></c-input> </el-form-item> </c-col> <c-col :span="6"> <el-form-item label="" label-width="5px" > <c-input-currency v-model="model.setmod.docamt" placeholder="0" disabled></c-input-currency> </el-form-item> </c-col> <c-col :span="5"> <el-form-item label="类型" label-width="100px"> <c-select v-model="model.setmod.dspflg" disabled style="width: 100%" placeholder=""> <el-option v-for="item in codes.dspflg" :key="item.value" :label="item.label" :value="item.value"> </el-option> </c-select> </el-form-item> </c-col> <c-col :span="2" style="text-align:right"> <!-- <el-form-item label="" label-width="20px"> --> <c-button style="margin-right:10px" size="small" type="primary" icon="el-icon-info" @click="onSetmodDet"> </c-button> <!-- </el-form-item> --> </c-col> <!-- <c-col :span="12"> <el-form-item label="自贸区账号"> <c-input v-model="model.setmod.zmqacc" maxlength="20" placeholder="请输入自贸区账号"></c-input> </el-form-item> </c-col> <c-col :span="6" style="text-align:center"> <c-checkbox v-model="model.setmod.xreflg">Recalculate Rates</c-checkbox> </c-col> --> <c-col :span="23" style="margin-left:9px;height:25px"> <el-divider></el-divider> </c-col> <!-- ==============第一个表格===================== --> <c-col :span="23" style="height:24px;margin-left:9px"> <el-form-item class="formItemLabel" label="国外收费:" label-width="300px"> </el-form-item> </c-col> <c-col :span="23" style="margin-left:9px"> <c-table style="text-align: center" :list="model.setmod.setfog.setfol" :paginationShow="false" :border="true"> <el-table-column label="付款人" width="101px"> <template slot-scope="scope"> <el-form-item label-width="0" :prop="'setmod.setfog.setfol.' + scope.$index + '.ptydbt'"> <c-select v-model="scope.row.ptydbt" @change="defaultFunction()"> <el-option v-for="item in codes.ptydbt_setpan" :key="item.value" :label="item.value" :value="item.value"> <span style="float: left">{{ item.label }}</span> </el-option> </c-select> </el-form-item> </template> </el-table-column> <el-table-column label="付款人" width="101px"> <template slot-scope="scope"> <el-form-item label-width="0" :prop="'setmod.setfog.setfol.' + scope.$index + '.ptypay'"> <c-select v-model="scope.row.ptypay" @change="defaultFunction()"> <el-option v-for="item in codes.ptydbt_setpan" :key="item.value" :label="item.value" :value="item.value"> <span style="float: left">{{ item.label }}</span> </el-option> </c-select> </el-form-item> </template> </el-table-column> <el-table-column label="费用来源" prop="src" width="70px"> </el-table-column> <el-table-column label="处理方式" prop="dsp" width="76px"> </el-table-column> <el-table-column label="付款人摘要" prop="txtdbt" width="auto"> </el-table-column> <el-table-column label="收款人摘要" prop="txtpay" width="auto"> </el-table-column> <el-table-column label="币种" prop="cur" width="93px"> <template slot-scope="scope"> <c-select v-model="scope.row.cur"> <el-option v-for="item in codes.cur" :key="item.value" :label="item.label" :value="item.value"> </el-option> </c-select> </template> </el-table-column> <el-table-column label="金额" prop="amt" width="150px"> <template slot-scope="scope"> <el-form-item label-width="0" :prop="'setmod.setfog.setfol.' + scope.$index + '.amt'"></el-form-item> </template> </el-table-column> <el-table-column label="" prop="det" width="80px" fixed="right"> <template slot-scope="scope" slot="header"> <c-button circle style="padding:4px" class="el-icon-plus" size="mini" @click="addRowSetfol(scope)" > </c-button> <c-button style="padding:4px" circle class="el-icon-minus" size="mini" @click="removeRowSetfol(scope)" > </c-button> </template> <template slot-scope="scoped"> <c-button style="margin-left:0" size="small" type="primary" icon="el-icon-info" @click="detail1(scoped.$index, scoped.row)"></c-button> </template> </el-table-column> </c-table> </c-col> <c-col> <el-dialog :visible.sync="dialogVisible" center> <c-col> <el-form :model="dialog" label-width="200px"> <c-col :span="16"> <el-form-item label="收款人"> <c-select v-model="dialog.ptypay" style="width: 100%"> <el-option v-for="item in codes.payee" :key="item.value" :label="item.label" :value="item.value" /> </c-select> </el-form-item> </c-col> <c-col :span="16"> <el-form-item label="收款人摘要"> <c-input v-model="dialog.txtpay" style="width: 100%" /> </el-form-item> </c-col> <c-col :span="16"> <el-form-item label="付款人"> <c-select v-model="dialog.ptydbt" style="width: 100%"> <el-option v-for="item in codes.ptydbt1" :key="item.value" :label="item.label" :value="item.value"> </el-option> </c-select> </el-form-item> </c-col> <c-col :span="16"> <el-form-item label="付款人摘要"> <c-input v-model="dialog.txtdbt" style="width: 100%" /> </el-form-item> </c-col> <c-col :span="16"> <c-col :span="18"> <el-form-item label="费用"> <c-select v-model="dialog.cur" style="width: 100%"> <el-option v-for="item in codes.cur" :key="item.value" :labelF="item.label" :value="item.value" /> </c-select> </el-form-item> </c-col> <c-col :span="6"> <el-form-item label="" label-width="20px"> <c-input v-model="dialog.amt" style="width: 100%" /> </el-form-item> </c-col> </c-col> <c-col :span="16"> <el-form-item> <c-checkbox v-model="dialog.forflg">买入行费用</c-checkbox> </el-form-item> </c-col> </el-form> </c-col> <span slot="footer" class="dialog-footer"> <c-button type="primary" @click="saveDialog">确 定</c-button> <c-button @click="dialogVisible = false">取 消</c-button> </span> </el-dialog> </c-col> <!--=================== Own Commission/Charges:================== --> <c-col :span="23" style="margin-left:9px;height:24px;margin-top:25px"> <el-form-item class="formItemLabel" label="我行收费:" label-width="200px"> </el-form-item> </c-col> <c-col :span="23" style="margin-left:9px"> <c-table style="text-align: center" :list="model.setmod.setfeg.setfel" :paginationShow="false" :border="true"> <el-table-column label="收取对象" width="101px"> <template #default="scope"> <el-form-item label-width="0" :prop="'setmod.setfeg.setfel.' + scope.$index + '.rol'"> <c-select v-model="scope.row.rol" @change="defaultFunction()"> <el-option v-for="item in codes.setfelRol" :key="item.value" :label="item.value" :value="item.value"> <span style="float: left">{{ item.label }}</span> </el-option> </c-select> </el-form-item> </template> </el-table-column> <el-table-column label="费用代码" width="101px"> <template #default="scope"> <el-form-item label-width="0" :prop="'setmod.setfeg.setfel.' + scope.$index + '.feecod'"> <c-select v-model="scope.row.feecod" @change="selectOrCheckboxRule('setmod.setfeg.setfel.feecod')"> <el-option v-for="item in codes.fepfeecod" :key="item.value" :label="item.value" :value="item.value"> <span style="float: left">{{ item.label }}</span> </el-option> </c-select> </el-form-item> </template> </el-table-column> <el-table-column label="费用来源" prop="src" width="70px"> </el-table-column> <el-table-column label="处理方式" prop="dsp" width="76px"> <template #default="scope"> <c-select v-model="scope.row.dsp" @change="dispDefault(scope.$index + 1)"> <el-option v-for="item in codes.setfeldsp" :key="item.value" :label="item.value" :value="item.value"> <span style="float: left">{{ item.label }}</span> </el-option> </c-select> </template> </el-table-column> <el-table-column label="份数" prop="unt" width="70px"> </el-table-column> <el-table-column label="费用描述" prop="feetxtinf" width="auto"> <template slot-scope="scope"> <el-form-item label-width="0" :prop="'setmod.setfeg.setfel.' + scope.$index + '.feetxtinf'"> {{scope.row.feetxtinf}} </el-form-item> </template> </el-table-column> <el-table-column label="币种" prop="cur" width="100px"> <template slot-scope="scope"> <el-form-item label-width="0" :prop="'setmod.setfeg.setfel.' + scope.$index + '.cur'"> {{scope.row.cur}} </el-form-item> </template> </el-table-column> <el-table-column label="应收金额" prop="ogiamt" width="150px"> </el-table-column> <el-table-column label="实收金额" prop="amt" width="150px"> <template slot-scope="scope"> <el-form-item label-width="0" :prop="'setmod.setfeg.setfel.' + scope.$index + '.amt'"> {{scope.row.amt}} </el-form-item> </template> </el-table-column> <el-table-column label="" prop="det" width="80px" fixed="right"> <template slot-scope="scope" slot="header"> <c-button circle style="padding:4px" class="el-icon-plus" size="mini" @click="addRowSetfel(scope)" > </c-button> <c-button style="padding:4px" circle class="el-icon-minus" size="mini" @click="removeRowSetfel(scope)" > </c-button> </template> <template slot-scope="scoped"> <c-button style="margin-left:0" size="small" type="primary" icon="el-icon-info" @click="detail2(scoped.$index, scoped.row)"></c-button> </template> </el-table-column> </c-table> </c-col> <div style="height=500px"> <setpan-dialog ref="setpanDialog" :model="model" :idx="index" :codes="codes" /> </div> <c-col :span="23" style="margin-left:9px;height:24px;margin-top:25px"> <el-form-item class="formItemLabel" label="结算:" label-width="100px"> <span style="color:red">{{ this.model.setmod.dspflg == 'C'? "temporary":"" }}</span> </el-form-item> </c-col> <c-col :span="23" style="margin-left: 9px"> <c-table style="text-align: center" :list="stmData3" :paginationShow="false" :border="true"> <el-table-column label="修改标识" prop="modflg" width="70px"> </el-table-column> <el-table-column label="费用对象" prop="rol" width="70px"> </el-table-column> <el-table-column label="即收币种" prop="acccur" width="70px"> <template slot-scope="scope"> <c-select v-model="scope.row.acccur"> <el-option v-for="item in codes.acccur" :key="item.value" :label="item.value" :value="item.value"> <span style="float: left">{{ item.label }}</span> </el-option> </c-select> </template> </el-table-column> <el-table-column label="记账金额" prop="fmtaccamt" width="120px"> <template slot-scope="scope"> <c-input v-model="scope.row.fmtaccamt" @change="fmtaccamtChange(scope.$index)"/> </template> </el-table-column> <el-table-column label="处理方式" width="100px"> <template #default="scope"> <c-select v-model="scope.row.dsp"> <el-option v-for="item in codes.setgll_dsp" :key="item.value" :label="item.value" :value="item.value"> <span style="float: left">{{ item.value }}</span> <span style="float: left;margin-left:20px">{{ item.label }}</span> </el-option> </c-select> </template> </el-table-column> <el-table-column label="记账账号" prop="act" width="auto"> <template slot-scope="scope"> <el-form-item label-width="0" :prop="'setmod.setglg.setgll.' + scope.$index + '.act'" > <c-select v-model="scope.row.act"> <el-option v-for="item in scope.act" :key="item.value" :label="item.label" :value="item.value"> </el-option> </c-select> </el-form-item> </template> </el-table-column> <el-table-column label="借/贷" prop="debcdtflg" width="60px"> </el-table-column> <el-table-column label="原始币种" prop="cur" width="70px"> </el-table-column> <el-table-column label="原始金额" prop="fmtamt" width="120px"> </el-table-column> <el-table-column label="汇率" prop="rat" width="120px"> </el-table-column> <el-table-column label="" width="135px" fixed="right"> <template slot-scope="scoped"> <c-button style="margin-left:0" size="small" type="primary">获取</c-button> <c-button style="margin-left:0" size="small" type="primary" icon="el-icon-info" @click="handleDetail(scoped.$index, scoped.row)"></c-button> </template> </el-table-column> <!-- <el-table-column label="" width="80px"> <template> <c-button style="margin-left:0" size="small" type="primary" >详情</c-button > </template> </el-table-column> --> </c-table> </c-col> <!-- <c-col :span="12" style="margin-bottom: 10px;"> <span v-text="model.setmod.retmsg" data-path=".setmod.retmsg"> </span> </c-col> --> <!-- <c-col :span="12" style="margin-bottom: 10px;"> <span v-text="model.setmod.zmqacclab" data-path=".setmod.zmqacclab"> </span> </c-col> --> <!-- <c-col :span="12" style="margin-bottom: 10px;"> <span v-text="model.setmod.setglg.labdspflg" data-path=".setmod.setglg.labdspflg" > </span> </c-col> --> <template> <el-dialog ref="detpDialog" :visible.sync="detpDialogVisible" width="70%" center> <el-form label-width="100px" :model="dialog3"> <c-row> <c-col :span="24" style="height:24px"> <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-col> <!-- <c-col :span="12"> <el-form-item label="rollab"> <c-input v-model="dialog3.rollab" maxlength="3" placeholder="请输入rollab"></c-input> </el-form-item> </c-col> --> <c-col :span="24" v-if="dialog3.amt > 0"> <el-form-item label="付款人"> <c-select v-model="dialog3.rol" style="width:100%" placeholder="请输入role"> <el-option v-for="item in codes.rolall" :key="item.value" :label="item.label" :value="item.value"> </el-option> </c-select> </el-form-item> </c-col> <c-col :span="24" v-else> <el-form-item label="收款人"> <c-select v-model="dialog3.rol" style="width:100%" placeholder="请输入role"> <el-option v-for="item in codes.rolall" :key="item.value" :label="item.label" :value="item.value"> </el-option> </c-select> </el-form-item> </c-col> <!-- <c-col :span="12"> <c-checkbox v-model="dialog3.act3flg">第三方还款</c-checkbox> </c-col> <c-col :span="12"> <c-button size="small" type="primary" @click="onMtdbutButapy"> 确定 </c-button> </c-col> <c-col :span="12"> <el-form-item label="Drag Drop Sender" prop="setgll.actp.ptsget.sdamod.dadsnd"> <c-input v-model="dialog3.actp.ptsget.sdamod.dadsnd" placeholder="请输入Drag Drop Sender"></c-input> </el-form-item> </c-col> --> <c-col :span="12"> <el-form-item label="处理" prop="setgll.dsp"> <c-select v-model="dialog3.dsp" style="width:100%" placeholder="请选择Disposition" :code="codes.setglldsp"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="External" prop="setgll.setgrp.act.pts.extkey"> <c-input v-model="dialog3.setgrp.act.pts.extkey" maxlength="16" placeholder="请输入External Key of Address"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="seainf"> <c-col :span="18"> <c-input v-model="dialog3.actp.ptsget.sdamod.seainf" placeholder="请输入"></c-input> </c-col> <c-col :span="6" style="text-align: right"> <c-button size="small" type="primary" @click="onActpDet" icon="el-icon-info"> </c-button> </c-col> </el-form-item> </c-col> <!-- <c-col :span="12"> <el-form-item label="核心业务代号" > <c-input v-model="dialog3.acccode" maxlength="4" placeholder="请输入核心业务代号"></c-input> </el-form-item> </c-col> <c-col :span="12"> <c-button size="small" type="primary" @click="onSetgllDetget"> Get </c-button> </c-col> --> <c-col :span="12"> <el-form-item label="账号"> <c-select v-model="dialog3.act" style="width:100%" placeholder="请选择账号"> </c-select> </el-form-item> </c-col> <!-- <c-col :span="12"> <el-form-item label="Name of Party" > <c-input v-model="dialog3.setgrp.act.pts.nam" maxlength="40" placeholder="请输入Name of Party"></c-input> </el-form-item> </c-col> --> <c-col :span="24"> <c-col :span="12"> <el-form-item label="科目代码"> <c-select v-model="dialog3.acttrmtyp" style="width:100%" placeholder="请选择原始金额"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="起息日"> <c-date-picker type="date" v-model="dialog3.valdat" style="width:100%" placeholder="请选择起息日"></c-date-picker> </el-form-item> </c-col> </c-col> <!-- <c-col :span="12"> <el-form-item label="Search type" > <c-select v-model="dialog3.actpriflg" style="width:100%" placeholder="请选择Search type"> </c-select> </el-form-item> </c-col> --> <c-col :span="24"> <el-form-item label="原始金额"> <c-col :span="8"> <c-select v-model="dialog3.cur" style="width:100%" placeholder="请选择科目代码"> </c-select> </c-col> <c-col :span="8"> <el-form-item label="" label-width="5%"> <c-input v-model="dialog3.fmtamt" placeholder="请输入原始金额"></c-input> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="" label-width="5%"> <c-select v-model="dialog3.modflg" style="width:100%" placeholder="请选择Modified" :code="codes.setgll_modflg"> </c-select> </el-form-item> </c-col> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="实际金额"> <c-col :span="8"> <el-form-item label="" label-width="0"> <c-select v-model="dialog3.acccur" style="width:100%" placeholder="请选择Amount handled"> </c-select> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="" label-width="5%"> <c-input v-model="dialog3.fmtaccamt" placeholder="请输入实际金额"></c-input> </el-form-item> </c-col> <c-col :span="8"> <el-form-item label="" label-width="5%"> <c-select v-model="dialog3.debcdtflg" style="width:100%" placeholder="请选择Debit/Credit" :code="codes.setgll_debcdtflg"> </c-select> </el-form-item> </c-col> </el-form-item> </c-col> <!-- ---------------------- --> <c-col :span="23" style="height:24px"> <el-form-item label="Cross信息" class="messageLabel"> </el-form-item> </c-col> <c-col :span="23" style="height: 0px;margin-top:-5px"> <el-divider></el-divider> </c-col> <c-col :span="24"> </c-col> <c-col :span="24"> <el-form-item label="Cross Rate"> <c-col :span="6"> <c-col :span="24"> <el-form-item label="" label-width="20%"> <span>利率类型</span> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="" label-width="20%"> <c-input v-model="rattyp"></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="" label-width="20%"> <c-input v-model="dcbrattyp"></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="" label-width="20%"> <c-input v-model="scbrattyp"></c-input> </el-form-item> </c-col> </c-col> <c-col :span="6"> <c-col :span="24"> <el-form-item label="" label-width="20%"> <span>Calculate Rate</span> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="" label-width="20%"> <c-input v-model="dialog3.rat" placeholder="请输入rate used"></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="" label-width="20%"> <c-input v-model="dialog3.dcbextrat" placeholder="请输入Selling Rate"> </c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="" label-width="20%"> <c-input v-model="dialog3.scbextrat" placeholder="请输入Buying Rate"></c-input> </el-form-item> </c-col> </c-col> <c-col :span="6"> <c-col :span="24"> <el-form-item label="" label-width="20%"> <span>From Date</span> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="" label-width="20%"> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="" label-width="20%"> <c-input v-model="dialog3.xrtdatcur" placeholder="请输入xrtdatcur"></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="" label-width="20%"> <c-input v-model="dialog3.xrtdatacc" placeholder="请输入xrtdatacc"></c-input> </el-form-item> </c-col> </c-col> <c-col :span="6"> <c-col :span="24"> <el-form-item label="牌价时间"> <c-input v-model="dialog3.xrttim" placeholder="请输入牌价时间"></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="卖价" prop="setgll.midrat"> <c-input v-model="dialog3.selrat" placeholder="请输入卖价"></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="中间价" prop="setgll.midrat"> <c-input v-model="dialog3.midrat" placeholder="请输入中间价"></c-input> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="买价" prop="setgll.midrat"> <c-input v-model="dialog3.buyrat" placeholder="请输入买价"></c-input> </el-form-item> </c-col> </c-col> </el-form-item> </c-col> <!-- <div> <c-col :span="12"> <el-form-item label="pre rate type" prop="setgll.selrattyp"> <c-select v-model="dialog3.selrattyp" style="width:100%" placeholder="请选择pre rate type"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Sel" prop="setgll.preselrat"> <c-input v-model="dialog3.preselrat" placeholder="请输入Sel"></c-input> </el-form-item> </c-col> <c-col :span="12"> <span v-text="dialog3.selpct" data-path=".setgll.selpct" > </span> </c-col> <c-col :span="12"> <el-form-item label="Amount handled" prop="setgll.fmtacccpramt"> <c-input v-model="dialog3.fmtacccpramt" placeholder="请输入Amount handled"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Pre rate type" prop="setgll.buyrattyp"> <c-select v-model="dialog3.buyrattyp" style="width:100%" placeholder="请选择Pre rate type"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Buy" prop="setgll.prebuyrat"> <c-input v-model="dialog3.prebuyrat" placeholder="请输入Buy"></c-input> </el-form-item> </c-col> <c-col :span="12"> <span v-text="dialog3.buypct" data-path=".setgll.buypct" > </span> </c-col> <c-col :span="12"> <el-form-item label="From Date" prop="setgll.xrttim"> <c-input v-model="dialog3.xrttim" maxlength="20" placeholder="请输入From Date"></c-input> </el-form-item> </c-col> <c-col :span="12"> <span v-text="dialog3.ratcurlab" data-path=".setgll.ratcurlab" > </span> </c-col> <c-col :span="12"> <el-form-item label="Codetable of supported rate types M-iddle, B-uying, S-elling, I-nput" prop="setgll.rattyp"> <c-select v-model="dialog3.rattyp" style="width:100%" placeholder="请选择Codetable of supported rate types M-iddle, B-uying, S-elling, I-nput"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="rate used" prop="setgll.rat"> <c-input v-model="dialog3.rat" placeholder="请输入rate used"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Selling Rate" prop="setgll.selrat"> <c-input v-model="dialog3.selrat" placeholder="请输入Selling Rate"></c-input> </el-form-item> </c-col> <c-col :span="12"> <span v-text="dialog3.dcbratlab" data-path=".setgll.dcbratlab" > </span> </c-col> <c-col :span="12"> <el-form-item label="Document Cur to Base RATe TYPe" prop="setgll.dcbrattyp"> <c-select v-model="dialog3.dcbrattyp" style="width:100%" placeholder="请选择Document Cur to Base RATe TYPe"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Document Cur to Base EXTernal RATe" prop="setgll.dcbextrat"> <c-input v-model="dialog3.dcbextrat" placeholder="请输入Document Cur to Base EXTernal RATe"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Begin-Date of XRT-Rate of CUR" prop="setgll.xrtdatcur"> <c-date-picker type="date" v-model="dialog3.xrtdatcur" style="width:100%" placeholder="请选择Begin-Date of XRT-Rate of CUR"></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="setgll.xrtgetdcb.sdamod.seainf"> <c-input v-model="dialog3.xrtgetdcb.sdamod.seainf" placeholder="请输入"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Middle Rate" prop="setgll.midrat"> <c-input v-model="dialog3.midrat" placeholder="请输入Middle Rate"></c-input> </el-form-item> </c-col> <c-col :span="12"> <span v-text="dialog3.scbratlab" data-path=".setgll.scbratlab" > </span> </c-col> <c-col :span="12"> <el-form-item label="Settle Cur to Base RATe TYPe" prop="setgll.scbrattyp"> <c-select v-model="dialog3.scbrattyp" style="width:100%" placeholder="请选择Settle Cur to Base RATe TYPe"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Settle Cur to Base EXTernal RATe" prop="setgll.scbextrat"> <c-input v-model="dialog3.scbextrat" placeholder="请输入Settle Cur to Base EXTernal RATe"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Begin-Date of XRT-Rate of ACCCUR" prop="setgll.xrtdatacc"> <c-date-picker type="date" v-model="dialog3.xrtdatacc" style="width:100%" placeholder="请选择Begin-Date of XRT-Rate of ACCCUR"></c-date-picker> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" prop="setgll.xrtgetscb.sdamod.seainf"> <c-input v-model="dialog3.xrtgetscb.sdamod.seainf" placeholder="请输入"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Buying Rate" prop="setgll.buyrat"> <c-input v-model="dialog3.buyrat" placeholder="请输入Buying Rate"></c-input> </el-form-item> </c-col> </div> --> <!-- ---------------------- --> <c-col :span="23" style="height:24px"> <el-form-item label="交易信息" class="messageLabel"> </el-form-item> </c-col> <c-col :span="23" style="height: 0px;margin-top:-5px"> <el-divider></el-divider> </c-col> <c-col :span="24"> </c-col> <c-col :span="12"> <c-col :span="24"> <el-form-item label="交易主体" prop="setgll.trnman"> <c-select v-model="dialog3.trnman" style="width:100%" placeholder="请选择交易主体"> </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="TRADE OUT" prop="setgll.trdout"> <c-select v-model="dialog3.trdout" style="width:100%" placeholder="请选择TRADE OUT"> </c-select> </el-form-item> </c-col> <c-col :span="24"> <el-form-item label="TRADE IN" prop="setgll.trdint"> <c-select v-model="dialog3.trdint" style="width:100%" placeholder="请选择TRADE IN"> </c-select> </el-form-item> </c-col> </c-col> <c-col :span="12"> <c-col :span="24"> <c-col :span="12"> <el-form-item label="传票摘要" prop="setgll.modifyflg"> <c-checkbox v-model="modifyflg"/> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="" label-width="5px" prop="setgll.txt"> <c-input type="textarea" v-model="dialog3.txt" maxlength="100" show-word-limit placeholder="请输入TXT" :disabled="!modifyflg"></c-input> </el-form-item> </c-col> </c-col> <c-col :span="24"> <el-form-item label="文本1" prop="setgll.txt1"> <c-input type="textarea" v-model="dialog3.txt1" maxlength="100" show-word-limit placeholder="请输入文本"></c-input> </el-form-item> </c-col> </c-col> <!-- <c-col :span="12"> <c-checkbox v-model="dialog3.modifyflg">Modify flg</c-checkbox> </c-col> --> <!-- ---------------------- --> <c-col :span="23" style="height:24px"> <el-form-item label="交易详情" class="messageLabel"> </el-form-item> </c-col> <c-col :span="23" style="height: 0px;margin-top:-5px"> <el-divider></el-divider> </c-col> <c-col :span="24"> </c-col> <c-col :span="12"> <el-form-item label="交易性质"> <c-col :span="20"> <c-input v-model="dialog3.trntyp" maxlength="6" placeholder="请输入交易性质"></c-input> </c-col> <c-col :span="4" style="text-align:right"> <c-button size="small" type="primary" icon="el-icon-search" @click="onSetgllCodsel"> </c-button> </c-col> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="国别代码" prop="setgll.ctycod"> <c-col :span="20"> <c-input v-model="dialog3.ctycod" maxlength="3" placeholder="请输入国别代码"></c-input> </c-col> <c-col :span="4" style="text-align:right"> <c-button size="small" type="primary" icon="el-icon-search" @click="onSetgllCtysel"> </c-button> </c-col> </el-form-item> </c-col> <!-- <c-col :span="12"> <el-form-item label="Which MT to beneficiary institution" prop="setgll.sftmt"> <c-select v-model="dialog3.sftmt" style="width:100%" placeholder="请选择Which MT to beneficiary institution"> </c-select> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="Direct payment one message" prop="setgll.dirindflg"> <c-select v-model="dialog3.dirindflg" style="width:100%" placeholder="请选择Direct payment one message"> </c-select> </el-form-item> </c-col> --> <c-col :span="12"> <el-form-item label="对方名称" prop="setgll.oppnam"> <c-input v-model="dialog3.oppnam" maxlength="100" placeholder="请输入对方名称"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="国内地区代码" prop="setgll.discod"> <c-input v-model="dialog3.discod" maxlength="6" placeholder="请输入国内地区代码"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="对方账号" prop="setgll.oppacc"> <c-input v-model="dialog3.oppacc" maxlength="35" placeholder="请输入对方账号"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="虚拟号账号" prop="setgll.xzhacc"> <c-input v-model="dialog3.xzhacc" maxlength="40" placeholder="请输入虚拟号账号"></c-input> </el-form-item> </c-col> <!-- <c-col :span="12"> <c-button size="small" type="primary" @click="onMtdbutButcan"> 取消 </c-button> </c-col> --> <c-col :span="12"> <el-form-item label="对方银行代码" prop="setgll.oppbnk"> <c-input v-model="dialog3.oppbnk" maxlength="14" placeholder="请输入对方银行代码"></c-input> </el-form-item> </c-col> <c-col :span="12"> <el-form-item label="虚拟号名称" prop="setgll.xzhnam"> <c-input v-model="dialog3.xzhnam" maxlength="50" placeholder="请输入虚拟号名称"></c-input> </el-form-item> </c-col> </c-row> </el-form> <span slot="footer" class="dialog-footer"> <c-button type="primary" @click="saveDialog3">确 定</c-button> <c-button @click="detpDialogVisible = false">取 消</c-button> </span> </el-dialog> </template> </c-row> </template> <script> // import Event from "~/model/Ditopn/Event"; import commonProcess from "~/mixin/commonProcess"; import SetpanDialog from "./SetpanDialog.vue"; import Api from "~/service/Api" import Utils from "~/utils/index" export default { inject: ['root'], components: { SetpanDialog }, props: ["model", "codes"], mixins: [commonProcess], data() { return { dialogVisible: false, dialog: { payee: "", ptydbt: "", txtpay: "", txtdbt: "", CG00005: "", }, newdialog: { payee: "", ptydbt: "", txtpay: "", txtdbt: "", CG00005: "", }, dialog2: { feetxtinf: "", feetxt: "", }, index: 0, detpDialogVisible: false, rattyp: '', dcbrattyp: '', scbrattyp: '', dialog3: { setgrp: { act: { pts: { } } }, actp: { ptsget: { sdamod: { } } }, }, ogiamt:{}, stmData3:[], }; }, watch: { "model.setmod.setglg.setgll": { handler(val, oldVal) { var stm = []; for (let i = 0; i < val.length; i++) { if (val[i].rol != "") { val[i]['idx'] = i stm.push(val[i]); } } this.stmData3 = stm }, } }, methods: { //第一个表格 addRowSetfol() { let newRow = { ...this.newdialog }; this.model.setmod.setfog.setfol.splice(0, 0, newRow); this.defaultFunction(); }, removeRowSetfol() { this.model.setmod.setfog.setfol.shift(); this.defaultFunction(); }, saveDialog() { this.dialogVisible = false; this.model.setmod.setfog.setfol.splice(this.index, 1, this.dialog); }, // 第二个表格 addRowSetfel() { let newRow = { ...this.dialog2 }; this.model.setmod.setfeg.setfel.splice(0, 0, newRow); this.defaultFunction(); }, removeRowSetfel() { this.model.setmod.setfeg.setfel.shift(); this.defaultFunction(); }, detail1(index, row) { this.executeDefault("setfel.det").then(res => { this.index = index; this.dialogVisible = true; this.dialog = row; }) }, dispDefault(index) { this.executeDefault(`setmod.setfeg.setfel(${index}).mac`).then(res => { Utils.copyValueFromVO(this.model, res.data) }) }, // 第二个表格 detail2(index, row) { const that = this; const rule = "setmod.setfeg.setfel(" + (index + 1) + ").det"; that.executeRule(rule).then(res => { that.index = index; that.$refs.setpanDialog.visiable = true; // that.$refs.setpanDialog.formData = that.model.setmod.setfeg.setfel[index]; that.dialog2 = row }) }, // 第三个表格 saveDialog3() { this.detpDialogVisible = false; this.model.setmod.setglg.setgll.splice(this.index, 1, this.dialog3) }, async handleDetail(index, row) { const that = this; const rule = "setmod.setglg.setgll(" + (index + 1) + ").det"; let rtnmsg = await this.executeRule(rule) if (rtnmsg.respCode == SUCCESS) { that.index = index; that.$refs.detpDialog.visiable = true; this.detpDialogVisible = true; that.dialog3 = that.model.setmod.setglg.setgll[index]; that.rattyp = that.strCalCode(that.dialog3.rattyp, that.codes.ratetype); that.dcbrattyp = that.strCalCode(that.dialog3.dcbrattyp, that.codes.ratetype); that.scbrattyp = that.strCalCode(that.dialog3.scbrattyp, that.codes.ratetype); } }, strCalCode(str, code) { var result = ''; for (let i = 0; i < code.length; i++) { if (code[i].value === str) { result = code[i].label; continue; } } if (result === '') { return str; } else { return result; } }, onMtdbutButapy() { }, onActpDet() { }, onSetgllCodsel() { }, onMtdbutButcan() { }, onSetgllCtysel() { }, onSetgllDetget() { }, async onSetmodDet() { let rtnmsg = await this.executeRule("setmod.det") if (rtnmsg.respCode == SUCCESS) { //TODO 处理数据逻辑 } else { this.$notify.error({ title: '错误', message: '服务请求失败!' }); } }, async fmtaccamtChange(index){ let rtnmsg = await this.executeRule("setmod.setglg.setgll("+(index + 1)+").fmtaccamt") if (rtnmsg.respCode == SUCCESS) { //TODO 处理数据逻辑 this.updateModel(rtnmsg.data); } } }, created: function () { }, computed: { modifyflg: { get() { return this.dialog3.modifyflg === "X"; }, set(val) { this.dialog3.modifyflg = val ? "X" : ""; }, }, }, }; </script> <style scoped> .el-col>>>.el-divider--horizontal { margin-top: 10px; } .formItemLabel>>>.el-form-item__label { text-align: left; font-weight: bold; } .messageLabel>>>.el-form-item__label { text-align: left; font-weight: bold; font-size: 12px; } </style>