<template>
    <div class="eibs-tab">
        <c-col :span="24">
            <c-col :span="12" style="padding-right: 20px">
                <!-- 左边 -->
                <c-col :span="24">
                    <el-form-item
                            :label="$t('remit.汇款人账号')"
                            prop="cpdgrp.rec.orcact"
                            :class="'isactInput'"
                    >
                        <c-input
                                v-model="model.cpdgrp.rec.orcact"
                                :max-length="18"
                                placeholder="请输入汇款人账号"
                                disabled
                        ></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <c-ptap :model="model" :argadr="{ title: $t('remit.汇款人'), rol: 'orc', grp: 'oldcpdgrp' }"
                            :isAdrblk="false" ptytyp="C"
                            :disabled="true" :disabledExtkey="true" chooseLanguage="EN"></c-ptap>
                </c-col>
                <c-col :span="24">
                    <el-form-item :label="$t('remit.汇款人客户类型')" prop="cpdgrp.rec.custyp">
                        <c-select
                                v-model="model.cpdgrp.rec.custyp"
                                style="width:100%"
                                placeholder="请选择汇款人客户类型"
                                dbCode="orctp2"
                                disabled
                        ></c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.汇款人居民标志')" prop="cpdgrp.rec.orcrdtflg">
                        <c-select
                                v-model="model.cpdgrp.rec.orcrdtflg"
                                style="width:100%"
                                placeholder="请选择汇款人居民标志"
                                dbCode="hkjmbz"
                                disabled
                        ></c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.汇款人账户类型')" prop="cpdgrp.rec.orcacttyp">
                        <c-select
                                v-model="model.cpdgrp.rec.orcacttyp"
                                style="width:100%"
                                placeholder="请选择汇款人账户类型"
                                dbCode="ciptyp"
                                disabled
                        ></c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.汇款人城市')" prop="cpdgrp.rec.orccty">
                        <c-input
                                v-model="model.cpdgrp.rec.orccty"
                                placeholder="请输入汇款人城市"
                                :max-length="35"
                                disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.汇款人组织机构代码')" prop="cpdgrp.rec.orcuntcod">
                        <c-input
                                v-model="model.cpdgrp.rec.orcuntcod"
                                :max-length="35"
                                placeholder="请输入汇款人组织机构代码"
                                disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item
                            :label="$t('remit.汇款人常驻国家代码')"
                            prop="cpdgrp.rec.orcstacty"
                    >
                        <c-select
                                v-model="model.cpdgrp.rec.orcstacty"
                                :max-length="3"
                                placeholder="请选择汇款人常驻国家(地区)代码"
                                disabled
                        >
                            <el-option
                                    v-for="item in codes.bopCtyList"
                                    :key="item.cod"
                                    :value="item.cod"
                                    :label="`${item.numcod} - ${item.cod} - ${item.txt}`"
                            ></el-option>
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.汇款人证件类型')" prop="cpdgrp.rec.orccidtyp">
                        <c-select
                                v-model="model.cpdgrp.rec.orccidtyp"
                                placeholder="请输入汇款人证件类型"
                                dbCode="orcty4"
                                disabled
                        ></c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item :label="$t('remit.汇款人证件号码')" prop="cpdgrp.rec.orccidcod">
                        <c-input
                                v-model="model.cpdgrp.rec.orccidcod"
                                :max-length="35"
                                placeholder="请输入汇款人证件号码"
                                disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.汇款人CIPS ID')" prop="cpdgrp.orc.pts.cipsid">
                        <c-input
                                v-model="model.cpdgrp.orc.pts.cipsid"
                                :max-length="35"
                                placeholder="请输入汇款人CIPS ID"
                                disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.汇款人LEI')" prop="cpdgrp.orc.pts.leino">
                        <c-input
                                v-model="model.cpdgrp.orc.pts.leino"
                                :max-length="20"
                                placeholder="请输入汇款人LEI"
                                disabled
                        ></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item :label="$t('remit.汇款人EID')" prop="cpdgrp.orc.pts.eid">
                        <c-input
                                v-model="model.cpdgrp.orc.pts.eid"
                                :max-length="60"
                                placeholder="请输入汇款人EID"
                                disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

            </c-col>
            <c-col :span="12" style="padding-left: 20px">
                <!-- 右边 -->
                <c-col :span="24">
                    <el-form-item :label="$t('remit.收款人账号')" prop="cpdgrp.rec.pyeact" :class="'isactInput'">
                        <c-input v-model="model.cpdgrp.rec.pyeact" :max-length="34" placeholder="请输入收款人账号"
                                 disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <c-ptap :model="model" :argadr="{ title: $t('remit.收款人'), rol: 'pye', grp: 'oldcpdgrp' }"
                            :isAdrblk="false" ptytyp="C"
                            :disabled="true" :disabledExtkey="true" chooseLanguage="EN"></c-ptap>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.收款人客户类型')" prop="cpdgrp.rec.bentyp">
                        <c-select v-model="model.cpdgrp.rec.bentyp" style="width:100%" disabled placeholder="请选择收款人客户类型"
                                  dbCode="orctp2"></c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.收款人居民标志')" prop="cpdgrp.rec.pyerdtflg">
                        <c-select v-model="model.cpdgrp.rec.pyerdtflg" style="width:100%" disabled
                                  placeholder="请选择收款人居民标志" dbCode="pyefgr"
                        ></c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.收款人城市')" prop="cpdgrp.rec.pyecty">
                        <c-input v-model="model.cpdgrp.rec.pyecty" placeholder="请输入收款人城市" disabled></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.收款人组织机构代码')" prop="cpdgrp.rec.pyeuntcod">
                        <c-input
                                v-model="model.cpdgrp.rec.pyeuntcod"
                                :max-length="35"
                                placeholder="请输入收款人组织机构代码"
                                disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.收款人常驻国家或地区代码')" prop="cpdgrp.rec.pyestacty">
                        <c-select v-model="model.cpdgrp.rec.pyestacty" disabled style="width:100%" placeholder="请选择国家">
                            <el-option v-for="item in codes.bopCtyList" :key="item.cod" :value="item.cod"
                                       :label="`${item.numcod} - ${item.cod} - ${item.txt}`"></el-option>
                        </c-select>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.收款人证件类型')" prop="cpdgrp.rec.pyecidtyp">
                        <c-select
                                v-model="model.cpdgrp.rec.pyecidtyp"
                                placeholder="请输入收款人证件类型"
                                dbCode="orcty4"
                                disabled
                        ></c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item :label="$t('remit.收款人证件号码')" prop="cpdgrp.rec.pyecidcod">
                        <c-input
                                v-model="model.cpdgrp.rec.pyecidcod"
                                :max-length="35"
                                placeholder="请输入收款人证件号码"
                                disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.收款人CIPS ID')" prop="cpdgrp.pye.pts.cipsid">
                        <c-input
                                v-model="model.cpdgrp.pye.pts.cipsid"
                                :max-length="35"
                                placeholder="请输入收款人CIPS ID"
                                disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="24">
                    <el-form-item :label="$t('remit.收款人LEI')" prop="cpdgrp.pye.pts.leino">
                        <c-input
                                v-model="model.cpdgrp.pye.pts.leino"
                                :max-length="20"
                                placeholder="请输入收款人LEI"
                                disabled
                        ></c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="24">
                    <el-form-item :label="$t('remit.收款人EID')" prop="cpdgrp.pye.pts.eid">
                        <c-input
                                v-model="model.cpdgrp.pye.pts.eid"
                                :max-length="60"
                                placeholder="请输入收款人EID"
                                disabled
                        ></c-input>
                    </el-form-item>
                </c-col>

            </c-col>
            <!-- <go-url
              ref="goUrl"
              :model="model"
              :cusinf="model.cpdgrp.orc.pts.extkey"
              :coupty="model.cpdgrp.pye.pts.extkey"
            ></go-url> -->
        </c-col>
    </div>
</template>
<script>
    import event from "../event";
    import commonDepend from "~/mixin/commonDepend";
    import goUrl from "./goUrl";

    export default {
        inject: ["root"],
        props: ["model", "codes"],
        components: {
            goUrl,
        },
        mixins: [event, commonDepend],
        data() {
            return {
                visible2: false,
            };
        },
        methods: {},
        created() {
        },
        computed: {
            route() {
                switch (this.model.cpdgrp.rec.route) {
                    case "03": //CIPS
                        return "CIPS";
                    case "01": //SWIFT
                        return "SWIFT";
                    case "05": //同城票交
                    case "98": //他行交换
                    case "97": //票汇
                        return "FDH";
                    default:
                        //默认境内外币
                        return "";
                }
            },
        },
        watch: {},
    };
</script>
<style lang="less" scoped>
</style>