<template>
    <div class="eibs-tab">
        <!-- 左边 -->
        <c-col :span="12" class="col-left">
            <!-- S0000068 : 业务主键 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000068')" prop="cnyselp.cnyout.spk">
                    <c-input v-model="model.cnyselp.cnyout.spk" maxlength="20"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000068')" disabled></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000097 : 银行机构名称 -->
            <c-col :span="24">
                <c-form-item label="银行机构名称" prop="cnyselp.sbankname">
                    <c-input v-model="model.cnyselp.sbankname" maxlength="20" placeholder="请输入银行机构名称" disabled></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000073 : 付款人帐号 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000073')" prop="cnyselp.cnyout.spayeeacct">
                    <c-input v-model="model.cnyselp.cnyout.spayeeacct" maxlength="32"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000073')" disabled></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000070 : 付款人名称 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000006')" prop="cnyselp.spayeename">
                    <c-input v-model="model.cnyselp.spayeename" maxlength="80"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000006')" disabled></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000075 : 收款人常驻国家/地区编码 -->
            <c-col :span="24">
                <c-form-item label="收款人常驻国家（地区）代码" prop="cnyselp.cnyout.spayercountrycode">
                    <c-fullbox>
                        <c-input v-model="model.cnyselp.cnyout.spayercountrycode" maxlength="3"
                            :placeholder="$t('other.please_enter') + '收款人常驻国家（地区）代码'" disabled></c-input>
                        <template slot="footer">
                            <c-button size="small" style="margin-left: 10px; padding: 0 12px" type="primary"
                                icon="el-icon-search" @click="onOutctySelbut1" disabled>
                            </c-button>
                        </template>
                    </c-fullbox>
                </c-form-item>
            </c-col>
            <!-- S0000074 : 收款人名称 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000008')" prop="cnyselp.spayername">
                    <c-input v-model="model.cnyselp.spayername" maxlength="80"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000008')" disabled></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000077 : 收款行SWIFT BIC -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000077')" prop="cnyselp.cnyout.sswiftbic">
                    <c-input v-model="model.cnyselp.cnyout.sswiftbic" maxlength="11"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000077')" disabled></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000076 : 清算（结算）帐户类型 -->
            <c-col :span="24">
                <el-form-item :label="$t('cnyselp.S0000076')" prop="cnyselp.cnyout.cpayeraccttyp">
                    <c-select v-model="model.cnyselp.cnyout.cpayeraccttyp" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000076')" disabled>
                    </c-select>
                </el-form-item>
            </c-col>
            <!-- S0000078 : 清算（结算）帐户帐号 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000078')" prop="cnyselp.cnyout.spayeracct">
                    <c-input v-model="model.cnyselp.cnyout.spayeracct" maxlength="32"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000078')" disabled></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000080 : 付款日期 -->
            <c-col :span="24">
                <el-form-item :label="$t('cnyselp.S0000080')" prop="cnyselp.cnyout.dpayeedate">
                    <c-date-picker type="date" v-model="model.cnyselp.cnyout.dpayeedate" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000080')" disabled></c-date-picker>
                </el-form-item>
            </c-col>

            <!-- S0000081 : 付款币种 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000081')" prop="cnyselp.cnyout.spayeecny">
                    <c-input v-model="model.cnyselp.cnyout.spayeecny" maxlength="3"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000081')" disabled></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000082 : 原币金额 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000082')" prop="cnyselp.cnyout.ftotalamt">
                    <c-input-currency-min v-model="model.cnyselp.cnyout.ftotalamt"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000082')" disabled></c-input-currency-min>
                </c-form-item>
            </c-col>
            <!-- S0000087 : 货物贸易付款金额 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000087')" prop="cnyselp.cnyout.fpayeeamt">
                    <c-input-currency-min v-model="model.cnyselp.cnyout.fpayeeamt"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000087')" disabled></c-input-currency-min>
                </c-form-item>
            </c-col>
            <!-- S0000088 : 已报关付款金额 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000088')" prop="cnyselp.cnyout.fcustomsamt">
                    <c-input-currency-min v-model="model.cnyselp.cnyout.fcustomsamt"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000088')" disabled></c-input-currency-min>
                </c-form-item>
            </c-col>
            <!-- S0000089 : 已备案付款金额 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000089')" prop="cnyselp.cnyout.frecordamt">
                    <c-input-currency-min v-model="model.cnyselp.cnyout.frecordamt"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000089')" disabled></c-input-currency-min>
                </c-form-item>
            </c-col>
            <!-- S0000095 : 交易附言 -->
            <c-col :span="12">
                <c-form-item :label="$t('cnyselp.S0000095')" prop="cnyselp.saddwordout">
                    <c-input v-model="model.cnyselp.saddwordout" maxlength="80"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000095')" disabled></c-input>
                </c-form-item>
            </c-col>
        </c-col>

        <!-- 右边 -->
        <c-col :span="12" class="col-right">
            <!-- S0000084 : 银行业务编号 -->
            <c-col :span="24">
                <c-form-item label="银行业务编号" prop="cnyselp.cnyout.sbanktrano">
                    <c-input v-model="model.cnyselp.cnyout.sbanktrano" maxlength="22"
                        :placeholder="$t('other.please_enter') + '银行业务编号'" disabled></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000069 : 银行机构代码 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000069')" prop="cnyselp.cnyout.sbankorgcode">
                    <c-input v-model="model.cnyselp.cnyout.sbankorgcode" maxlength="12"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000069')" disabled></c-input>
                </c-form-item>
            </c-col>

            <!-- 业务类型 -->
            <c-col :span="24">
                <c-form-item label="业务类型" prop="cnyselp.cnylib.spk">
                    <c-input v-model="model.cnyselp.cnylib.spk" maxlength="12"
                        :placeholder="$t('other.please_enter') + $t('业务类型')" disabled></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000072 : 付款人机构代码 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000072')" prop="cnyselp.cnyout.spayeeorgcode">
                    <c-input v-model="model.cnyselp.cnyout.spayeeorgcode" maxlength="18"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000072')" disabled></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000071 : 付款人属性 -->
            <c-col :span="24">
                <el-form-item :label="$t('cnyselp.S0000071')" prop="cnyselp.cnyout.cpayeeattr">
                    <c-select v-model="model.cnyselp.cnyout.cpayeeattr" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000071')" disabled>
                    </c-select>
                </el-form-item>
            </c-col>
            <!-- S0000085 : 结算方式 -->
            <c-col :span="24">
                <el-form-item :label="$t('cnyselp.S0000085')" prop="cnyselp.cnyout.sbalancemode">
                    <c-select v-model="model.cnyselp.cnyout.sbalancemode" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000085')" disabled>
                    </c-select>
                </el-form-item>
            </c-col>
            <!-- S0000079 : 中间转汇行 -->

            <c-col :span="24">
                <c-form-item label="中间转汇行" prop="cnyselp.cnyout.smidtransbank">
                    <c-input v-model="model.cnyselp.cnyout.smidtransbank" maxlength="11"
                        :placeholder="$t('other.please_enter') + '中间转汇行'" disabled></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000091 : 预付款比例 -->
            <c-col :span="24">
                <c-form-item label="预付款比例" prop="cnyselp.cnyout.fprepayerscale">
                    <c-input v-model="model.cnyselp.cnyout.fprepayerscale" maxlength="4"
                        :placeholder="$t('other.please_enter') + '预付款比例'" disabled></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000090 : 预付款金额 -->
            <c-col :span="24">
                <c-form-item label="预付款金额" prop="cnyselp.cnyout.fprepayeeamt">
                    <c-input-currency-min v-model="model.cnyselp.cnyout.fprepayeeamt"
                        :placeholder="$t('other.please_enter') + '预付款金额'" disabled>
                    </c-input-currency-min>
                </c-form-item>
            </c-col>
            <!-- S0000086 : 结帐期 -->
            <c-col :span="24">
                <c-form-item label="结帐期" prop="cnyselp.cnyout.iaccountperiod">
                    <c-input v-model="model.cnyselp.cnyout.iaccountperiod"
                        :placeholder="$t('other.please_enter') + '结帐期'" disabled>
                    </c-input>
                </c-form-item>
            </c-col>
            <!-- S0000083 : 原申报号码 -->
            <c-col :span="24">
                <c-form-item label="原申报号码" prop="cnyselp.cnyout.sorilevyno">
                    <c-input v-model="model.cnyselp.cnyout.sorilevyno" maxlength="24"
                        :placeholder="$t('other.please_enter') + '原申报号码'" disabled></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000092 : 无货物报关进出境物流货物金额 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000092')" prop="cnyselp.cnyout.fonshoreamt">
                    <c-input-currency-min v-model="model.cnyselp.cnyout.fonshoreamt"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000092')" disabled></c-input-currency-min>
                </c-form-item>
            </c-col>

            <!-- S0000093 : 无货物报关离岸转手买卖金额 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000093')" prop="cnyselp.cnyout.foffshoreamt">
                    <c-input-currency-min v-model="model.cnyselp.cnyout.foffshoreamt"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000093')" disabled></c-input-currency-min>
                </c-form-item>
            </c-col>

            <!-- S0000094 : 无货物报关其他金额 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000094')" prop="cnyselp.cnyout.fnogoodsamt">
                    <c-input-currency-min v-model="model.cnyselp.cnyout.fnogoodsamt"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000094')" disabled></c-input-currency-min>
                </c-form-item>
            </c-col>
        </c-col>
    </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Cnysel/Event"

export default {
    inject: ['root'],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {

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

    }
}
</script>
<style>

</style>