<template>
    <div class="eibs-tab">
        <!-- 左边 -->
        <c-col :span="12" class="col-left">
            <!-- S0000119 : 业务主键 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000119')" prop="cnyselp.cnyvou.spk">
                    <c-input v-model="model.cnyselp.cnyvou.spk" maxlength="20"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000119')" disabled></c-input>
                </c-form-item>
            </c-col>

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

            <!-- S0000121 : 担保方向 -->
            <c-col :span="24">
                <el-form-item :label="$t('cnyselp.S0000121')" prop="cnyselp.cnyvou.cvouchdirection">
                    <c-select v-model="model.cnyselp.cnyvou.cvouchdirection" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000121')" :code="codes.cvouchdirection" disabled>
                    </c-select>
                </el-form-item>
            </c-col>

            <!-- S0000123 : 担保人机构代码 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000123')" prop="cnyselp.cnyvou.svoucherswiftbic">
                    <c-input v-model="model.cnyselp.cnyvou.svoucherswiftbic" maxlength="11"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000123')"></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000124 : 担保人名称 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000124')" prop="cnyselp.svouchername">
                    <c-input v-model="model.cnyselp.svouchername" maxlength="80"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000124')"></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000126 : 担保权人机构代码 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000126')" prop="cnyselp.cnyvou.svoucheeorgcode">
                    <c-input v-model="model.cnyselp.cnyvou.svoucheeorgcode" maxlength="12"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000126')"></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000127 : 担保权人名称 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000127')" prop="cnyselp.svoucheename">
                    <c-input v-model="model.cnyselp.svoucheename" maxlength="80"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000127')"></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000128 : 债务人机构代码 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000128')" prop="cnyselp.cnyvou.sdebtororgcode">
                    <c-input v-model="model.cnyselp.cnyvou.sdebtororgcode" maxlength="18"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000128')"></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000129 : 债务人名称 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000129')" prop="cnyselp.sdebtorname">
                    <c-input v-model="model.cnyselp.sdebtorname" maxlength="80"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000129')"></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000130 : 反担保人机构代码 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000130')" prop="cnyselp.cnyvou.sreverseorgcode">
                    <c-input v-model="model.cnyselp.cnyvou.sreverseorgcode" maxlength="18"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000130')"></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000131 : 反担保人名称 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000131')" prop="cnyselp.sreversename">
                    <c-input v-model="model.cnyselp.sreversename" maxlength="80"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000131')"></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000141 : 担保合同编号 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000141')" prop="cnyselp.cnyvou.scontractno">
                    <c-input v-model="model.cnyselp.cnyvou.scontractno" maxlength="32"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000141')"></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000142 : 担保登记编号 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000142')" prop="cnyselp.cnyvou.svouchno">
                    <c-input v-model="model.cnyselp.cnyvou.svouchno" maxlength="32"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000142')"></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000143 : 交易附言 -->
            <c-col :span="24">
                <c-form-item :label="$t('cnyselp.S0000143')" prop="cnyselp.saddwordvou">
                    <c-input v-model="model.cnyselp.saddwordvou" maxlength="80"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000143')"></c-input>
                </c-form-item>
            </c-col>
        </c-col>



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

            <!-- S0000144 : 报送银行机构名称 -->
            <c-col :span="24">
                <c-form-item label="报送银行机构名称" prop="cnyselp.sbankname">
                    <c-input v-model="model.cnyselp.sbankname" maxlength="22"
                        :placeholder="$t('other.please_enter') + '报送银行机构名称'" disabled></c-input>
                </c-form-item>
            </c-col>

            <!-- S0000122 : 业务属性 -->
            <c-col :span="24">
                <el-form-item label="业务属性" prop="cnyselp.cnyvou.stransattr">
                    <c-select v-model="model.cnyselp.cnyvou.stransattr" style="width:100%"
                        :placeholder="$t('other.please_enter') + '业务属性'" :code="codes.stransattr1" disabled>
                    </c-select>
                </el-form-item>
            </c-col>


            <!-- S0000009 : 担保人国别 -->
            <c-col :span="24">
                <c-form-item label="担保人国别" prop="cnyselp.cnyvou.svouchercountrycode">
                    <c-fullbox>
                        <c-input v-model="model.cnyselp.cnyvou.svouchercountrycode" 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="onVoucty1Selbut1" disabled>
                            </c-button>
                        </template>
                    </c-fullbox>
                </c-form-item>
            </c-col>

            <!-- S0000136 : 担保种类 -->
            <c-col :span="24">
                <el-form-item :label="$t('cnyselp.S0000136')" prop="cnyselp.cnyvou.cvouchtype">
                    <c-select v-model="model.cnyselp.cnyvou.cvouchtype" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000136')" :code="codes.cvouchtype" disabled>
                    </c-select>
                </el-form-item>
            </c-col>

            <!-- 担保权人国别 -->
            <c-col :span="24">
                <c-form-item label="担保权人国别" prop="cnyselp.cnyvou.svoucheecountrycode">
                    <c-fullbox>
                        <c-input v-model="model.cnyselp.cnyvou.svoucheecountrycode" 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="onVoucty2Selbut1" disabled>
                            </c-button>
                        </template>
                    </c-fullbox>
                </c-form-item>
            </c-col>

            <!-- S0000146 : 担保币种 -->
            <c-col :span="24">
                <el-form-item :label="$t('cnyselp.S0000146')" prop="cnyselp.cnyvou.currencycode">
                    <c-select v-model="model.cnyselp.cnyvou.currencycode" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000146')" :code="codes.infled_Cur" disabled>
                    </c-select>
                </el-form-item>
            </c-col>

            <!-- 债务人国别 -->
            <c-col :span="24">
                <c-form-item label="债务人国别" prop="cnyselp.cnyvou.sdebtorcountrycode">
                    <c-fullbox>
                        <c-input v-model="model.cnyselp.cnyvou.sdebtorcountrycode" 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="onVoucty3Selbut1" disabled>
                            </c-button>
                        </template>
                    </c-fullbox>
                </c-form-item>
            </c-col>

            <!-- S0000139 : 担保生效日期 -->
            <c-col :span="24">
                <el-form-item :label="$t('cnyselp.S0000139')" prop="cnyselp.cnyvou.dvouchefficientdate">
                    <c-date-picker type="date" v-model="model.cnyselp.cnyvou.dvouchefficientdate" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000139')"></c-date-picker>
                </el-form-item>
            </c-col>

            <!-- 反担保人国别 -->
            <c-col :span="24">
                <c-form-item label="反担保人国别" prop="cnyselp.cnyvou.sreversecountrycode">
                    <c-fullbox>
                        <c-input v-model="model.cnyselp.cnyvou.sreversecountrycode" 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="onVoucty4Selbut1" disabled>
                            </c-button>
                        </template>
                    </c-fullbox>
                </c-form-item>
            </c-col>

            <!-- S0000137 : 反担保方式 -->
            <c-col :span="24">
                <el-form-item :label="$t('cnyselp.S0000137')" prop="cnyselp.cnyvou.cvouchmode">
                    <c-select v-model="model.cnyselp.cnyvou.cvouchmode" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000137')" :code="codes.cvouchmode" disabled>
                    </c-select>
                </el-form-item>
            </c-col>

            <!-- S0000140 : 担保到期日期 -->
            <c-col :span="24">
                <el-form-item :label="$t('cnyselp.S0000140')" prop="cnyselp.cnyvou.dvouchenddate">
                    <c-date-picker type="date" v-model="model.cnyselp.cnyvou.dvouchenddate" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('cnyselp.S0000140')"></c-date-picker>
                </el-form-item>
            </c-col>

            <!-- S0000138 : 原币种金额 -->
            <c-col :span="24">
                <c-form-item label="原币种金额" prop="cnyselp.cnyvou.fvouchamt">
                    <c-input v-model="model.cnyselp.cnyvou.fvouchamt"
                        :placeholder="$t('other.please_enter') + '原币种金额'"></c-input>
                </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>