<template>
    <c-content class="eibs-tab" :height="200">

        <div class="infTopBtn">
            <el-button-group>
                <c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
                <c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
            </el-button-group>
            <c-button size="small" type="primary">Print</c-button>
            <c-button size="small" type="primary">Use</c-button>
            <c-button size="small" type="primary">Loginfo</c-button>
        </div>

        <c-row class="infrow" style="margin-top:50px;">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="14">
                        <el-form-item label="Our Reference" prop="cpdgrp.rec.ownref">
                            <c-input v-model="model.cpdgrp.rec.ownref" maxlength="16" placeholder="请输入Our Reference">
                            </c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="2" :offset="1">
                        <c-button size="small" type="primary" icon="el-icon-search"></c-button>
                    </c-col>
                    <c-col :span="2">
                        <c-button size="small" type="primary" @click="onRecpanGetref">
                            GetRef
                        </c-button>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="10">
                        <el-form-item label="Name" prop="cpdgrp.rec.nam">
                            <c-input v-model="model.cpdgrp.rec.nam" maxlength="40" placeholder="请输入Name"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                        <el-form-item label="Drag  Drop Sender" prop="recpan.recget.sdamod.dadsnd" label-width="120px">
                            <c-input v-model="model.recpan.recget.sdamod.dadsnd" placeholder="请输入Drag  Drop Sender">
                            </c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="17">
                        <el-form-item label="清算编号" prop="cpdgrp.rec.sysno">
                            <c-input v-model="model.cpdgrp.rec.sysno" maxlength="21" placeholder="请输入清算编号"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="2">
                        <c-button size="small" type="primary" @click="onRecpanGetinf">
                            Get
                        </c-button>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="17">
                        <el-form-item label="Uetr" prop="recpan.uetr">
                            <c-input v-model="model.recpan.uetr" maxlength="40" placeholder="请输入Uetr"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="2">
                        <c-button size="small" type="primary" @click="onRecpanGetuetr">
                            Get
                        </c-button>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="汇款性质" prop="cpdgrp.rec.trntyp">
                            <c-select v-model="model.cpdgrp.rec.trntyp" style="width:100%" placeholder="请选择汇款性质">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="汇款方式" prop="cpdgrp.rec.paytype">
                            <c-select v-model="model.cpdgrp.rec.paytype" style="width:100%" placeholder="请选择汇款方式">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="收款对象" prop="cpdgrp.rec.gors">
                            <c-select v-model="model.cpdgrp.rec.gors" style="width:100%" placeholder="请选择收款对象">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="收支类型" prop="cpdgrp.rec.sztyp">
                            <c-select v-model="model.cpdgrp.rec.sztyp" style="width:100%" placeholder="请选择收支类型">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="10">
                        <el-form-item label="汇款金额" prop="cpdgrp.cbs.nom1.cur">
                            <c-select v-model="model.cpdgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择币种"
                                :code="codes.cur">
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                        <el-form-item label="" label-width="10px" prop="cpdgrp.cbs.max.amt">
                            <c-input-currency v-model="model.cpdgrp.cbs.max.amt" placeholder="请输入汇款金额">
                            </c-input-currency>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">

            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="所属行" prop="cpdgrp.rec.othbch">
                            <c-input v-model="model.cpdgrp.rec.othbch" maxlength="8" placeholder="请输入所属行"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="汇款语种" prop="recpan.payuil">
                            <c-select v-model="model.recpan.payuil" style="width:100%" placeholder="请选择汇款语种">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="解付日期" prop="cpdgrp.rec.paydat">
                            <c-date-picker type="date" v-model="model.cpdgrp.rec.paydat" style="width:100%"
                                placeholder="请选择解付日期"></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="起息日" prop="cpdgrp.rec.valdat">
                            <c-date-picker type="date" v-model="model.cpdgrp.rec.valdat" style="width:100%"
                                placeholder="请选择起息日"></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="客户类型" prop="cpdgrp.rec.clityp">
                            <c-select v-model="model.cpdgrp.rec.clityp" style="width:100%" placeholder="请选择客户类型">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="报文类型" prop="cpdgrp.rec.swftyp">
                            <c-select v-model="model.cpdgrp.rec.swftyp" style="width:100%" placeholder="请选择报文类型">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="我行费用负担" prop="cpdgrp.rec.detchgcod">
                            <c-select v-model="model.cpdgrp.rec.detchgcod" style="width:100%" placeholder="请选择我行费用负担">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="货物类型" prop="cpdgrp.rec.stagod">
                            <c-select v-model="model.cpdgrp.rec.stagod" style="width:100%" placeholder="请选择货物类型"
                                :code="codes.godcod">
                            </c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="10">
                        <el-form-item label="国外费用" prop="cpdgrp.rec.feecur">
                            <c-select v-model="model.cpdgrp.rec.feecur" style="width:100%" placeholder="请选择币种"
                                :code="codes.cur">
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                        <el-form-item label="" label-width="10px" prop="cpdgrp.rec.feeamt">
                            <c-input-currency v-model="model.cpdgrp.rec.feeamt" placeholder="请输入汇款金额">
                            </c-input-currency>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="" label-width="0px" prop="cpdgrp.rec.tsnflg">
                            <c-checkbox v-model="model.cpdgrp.rec.tsnflg">
                                同名划转标志
                            </c-checkbox>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <c-ptap :model="model" :argadr="{
                            title: '汇款人',
                            grp: 'cpdgrp',
                            rol: 'orc',
                          }" :noRef="false" :onlySearch="false" @onAplpDet="onOrcpDet">
                        </c-ptap>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <c-ptap :model="model" :argadr="{
                            title: 'Ordering',
                            grp: 'cpdgrp',
                            rol: 'ori',
                          }" :noRef="false" :onlySearch="false" @onAplpDet="onOripDet">
                        </c-ptap>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="汇款人帐号" prop="cpdgrp.rec.orcact">
                            <c-input v-model="model.cpdgrp.rec.orcact" maxlength="35" placeholder="请输入汇款人帐号"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">

            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <c-ptap :model="model" :argadr="{
                            title: '收款人',
                            grp: 'cpdgrp',
                            rol: 'pye',
                          }" :noRef="true" :onlySearch="false" @onAplpDet="onPyepDet">
                        </c-ptap>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <c-ptap :model="model" :argadr="{
                            title: '发报行',
                            grp: 'cpdgrp',
                            rol: 'snd',
                          }" :noRef="true" :onlySearch="false" @onAplpDet="onSndpDet">
                        </c-ptap>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="收款人帐号" prop="cpdgrp.rec.pyeact">
                            <c-input v-model="model.cpdgrp.rec.pyeact" maxlength="35" placeholder="请输入收款人帐号"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">

            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="指令代码" prop="cpdgrp.rec.f23e">
                            <c-input v-model="model.cpdgrp.rec.f23e" maxlength="35" placeholder="请输入指令代码"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="10">
                        <el-form-item label="原始金额" prop="cpdgrp.rec.curf33b">
                            <c-select v-model="model.cpdgrp.rec.curf33b" style="width:100%" placeholder="请选择币种"
                                :code="codes.cur">
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                        <el-form-item label="" label-width="10px" prop="cpdgrp.rec.amtf33b">
                            <c-input-currency v-model="model.cpdgrp.rec.amtf33b" placeholder="请输入原始金额">
                            </c-input-currency>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="汇率" prop="cpdgrp.rec.f36">
                            <c-input v-model="model.cpdgrp.rec.f36" placeholder="请输入汇率"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="10">
                        <el-form-item label="发报行扣费金额" prop="cpdgrp.rec.cur71f">
                            <c-select v-model="model.cpdgrp.rec.cur71f" style="width:100%" placeholder="请选择币种"
                                :code="codes.cur">
                            </c-select>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                        <el-form-item label="" label-width="10px" prop="cpdgrp.rec.amt71f">
                            <c-input-currency v-model="model.cpdgrp.rec.amt71f" placeholder="请输入原始金额">
                            </c-input-currency>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="银行操作码" prop="cpdgrp.rec.f23b">
                            <c-input v-model="model.cpdgrp.rec.f23b" maxlength="4" placeholder="请输入银行操作码"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">

            </c-col>
        </c-row>

    </c-content>
</template>
<script>
    import Api from "~/service/Api"
    import CommonProcess from "~/mixin/CommonProcess";
    import CodeTable from "~/config/CodeTable"
    import Event from "~/model/Infcpd/Event"
    import Ptap from "~/views/Public/Ptap";

    export default {
        inject: ['root'],
        props: ["model", "codes"],
        mixins: [CommonProcess],
        components: {
            "c-ptap": Ptap,
        },
        data() {
            return {

            }
        },
        methods: { ...Event },
        created: function () {

        }
    }
</script>
<style>
    .infTopBtn {
        position: absolute;
        top: 0;
        z-index: 5;
        width: 100%;
        height: 30px;
        padding: 10px 0 10px 30px;
        background-color: #f7faff;
    }
</style>