Setpan.vue

<template>
    <c-row class="eibs-tab">
        <!-- ====================顶部==================== -->
        <c-col :span="6" style="margin-left:9px">
            <el-form-item label="参考号" label-width="50px">
                <c-input v-model="model.setmod.ref" maxlength="16" :readonly="true" placeholder="请输入our reference">
                </c-input>
            </el-form-item>
        </c-col>
        <c-col :span="4">
            <el-form-item label="结算金额" label-width="100px">
                <c-input v-model="model.setmod.doccur" style="width: 100%" placeholder="CNY" :readonly="true"></c-input>
            </el-form-item>
        </c-col>

        <c-col :span="6">
            <el-form-item label="" label-width="7px">
                <c-input v-model="model.setmod.docamt" :readonly="true" placeholder="请输入document amount"></c-input>
            </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="请选择Type of settlement">
                    <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" @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="Foreign Commission/Charges:" 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="Payer" prop="ptydbt" width="101px">
                    <template slot-scope="scope">
                        <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>
                    </template>
                </el-table-column>
                <el-table-column label="Payee" width="101px">
                    <template slot-scope="scope">
                        <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>
                    </template>
                </el-table-column>
                <el-table-column label="Source" prop="src" width="70px">
                </el-table-column>
                <el-table-column label="Disp" prop="dsp" width="76px">
                </el-table-column>
                <el-table-column label="Text for Payer" prop="txtdbt" width="auto">
                </el-table-column>
                <el-table-column label="Text for Payee" prop="txtpay" width="auto">
                </el-table-column>
                <el-table-column label="Currency" 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="Amount" prop="amt" width="150px">
                </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"
                            @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="Own Commission/Charges:" 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="Role" width="101px">
                    <template #default="scope">
                        <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>
                    </template>
                </el-table-column>
                <el-table-column label="Code" width="101px">
                    <template #default="scope">
                        <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>
                    </template>
                </el-table-column>
                <el-table-column label="Source" prop="src" width="70px">
                </el-table-column>
                <el-table-column label="Disp" 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="Units" prop="unt" width="70px">
                </el-table-column>
                <el-table-column label="Long Fee Text" prop="feetxtinf" width="auto">
                </el-table-column>
                <el-table-column label="Currency" prop="cur" width="100px">
                </el-table-column>
                <el-table-column label="Original Amount" prop="ogiamt" width="150px">
                </el-table-column>
                <el-table-column label="Fee Amount" prop="amt" width="150px">
                </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"
                            @click="detail2(scoped.$index, scoped.row)">详情</c-button>
                    </template>
                </el-table-column>
            </c-table>
        </c-col>
        <setpan-dialog ref="setpanDialog" :model="model" :idx="index" :codes="codes" />
        <c-col :span="23" style="margin-left:9px;height:24px;margin-top:25px">
            <el-form-item class="formItemLabel" label="Settlement:" 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.setglg.setgll" :paginationShow="false"
                :border="true">
                <el-table-column label="Mod" prop="modflg" width="46px">
                </el-table-column>
                <el-table-column label="Role" prop="rol" width="55px">
                </el-table-column>
                <el-table-column label="in" prop="acccur" width="101px">
                    <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="Amount Paid" prop="fmtaccamt" width="120px">
                </el-table-column>
                <el-table-column label="Disp." width="101px">
                    <template #default="scope">
                        <c-select v-model="scope.row.dsp">
                            <el-option v-for="item in codes.setglldsp" :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="Account" prop="act" width="auto">
                    <template slot-scope="scope">
                        <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>
                    </template>
                </el-table-column>
                <el-table-column label="C" prop="debcdtflg" width="45px">
                </el-table-column>
                <el-table-column label="Curr." prop="cur" width="55px">
                </el-table-column>
                <el-table-column label="Original Amount" prop="fmtamt" width="150px">
                </el-table-column>
                <el-table-column label="Rate" 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">Get</c-button>
                        <c-button style="margin-left:0" size="small" type="primary"
                            @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">
                            &nbsp;
                        </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="12">
                            <el-form-item label="role">
                                <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="Disposition" 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">
                                        Details
                                    </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.cur" style="width:100%" placeholder="请选择科目代码">
                                    </c-select>
                                </el-form-item>
                            </c-col>

                            <c-col :span="12">
                                <el-form-item label="value date">
                                    <c-date-picker type="date" v-model="dialog3.valdat" style="width:100%"
                                        placeholder="请选择value date"></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.acttrmtyp" 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">
                                        </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-input v-model="dialog3.debcdtflg" maxlength="1"
                                            placeholder="请输入Debit/Credit"></c-input>
                                    </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">
                            &nbsp;
                        </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>Rate Type</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%">
                                            &nbsp;
                                        </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">
                            &nbsp;
                        </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">
                                <el-form-item label="TXT" prop="setgll.txt">
                                    <c-input type="textarea" v-model="dialog3.txt" maxlength="100" show-word-limit
                                        placeholder="请输入TXT"></c-input>
                                </el-form-item>
                            </c-col>
                            <c-col :span="24">
                                <el-form-item label="TXT1" prop="setgll.txt1">
                                    <c-input type="textarea" v-model="dialog3.txt1" maxlength="100" show-word-limit
                                        placeholder="请输入TXT1"></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">
                            &nbsp;
                        </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:{},
        };
    },
    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.dialogVisible = true;
                this.dialog = row;
                this.index = index;
            })
        },
        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.$refs.setpanDialog.visiable = true;
                that.$refs.setpanDialog.formData = Object.assign({}, that.model.setmod.setfeg.setfel[index]);
                that.index = 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.$refs.detpDialog.visiable = true;
                this.detpDialogVisible = true;
                that.dialog3 = Object.assign({}, that.model.setmod.setglg.setgll[index]);
                that.index = 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: '服务请求失败！' });
            }
        },
    },
    created: function () { },
};
</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>