<template>
    <div class="eibs-tab">
        <!-- ======================= 左边 ========================= -->
        <c-col :span="12" style="padding-right: 20px">
            <!-- S0000016 : 外债编号 -->
            <c-col :span="24">
                <c-form-item :label="$t('pubp.S0000016')" prop="recgrp.bas.exdebtcode">
                    <c-input v-model="model.recgrp.bas.exdebtcode" maxlength="28"
                        :placeholder="$t('other.please_enter') + $t('pubp.S0000016')" disabled></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000017 : 操作类型 -->
            <c-col :span="24">
                <el-form-item :label="$t('pubp.S0000017')" prop="recgrp.bas.actiontype">
                    <c-select v-model="model.recgrp.bas.actiontype" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('pubp.S0000017')" :code="codes.actiontype" disabled>
                    </c-select>
                </el-form-item>
            </c-col>
            <!-- S0000018 : 债务人代码 -->
            <c-col :span="24">
                <c-form-item :label="$t('pubp.S0000018')" prop="recgrp.bas.debtorcode">
                    <c-input v-model="model.recgrp.bas.debtorcode" maxlength="12"
                        :placeholder="$t('other.please_enter') + $t('pubp.S0000018')" disabled></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000019 : 债务类型 -->
            <c-col :span="24">
                <el-form-item :label="$t('pubp.S0000019')" prop="recgrp.bas.debtype">
                    <c-select v-model="model.recgrp.bas.debtype" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('pubp.S0000019')" disabled :code="codes.debtype">
                    </c-select>
                </el-form-item>
            </c-col>
            <!-- S0000020 : 起息日 -->
            <c-col :span="24">
                <el-form-item :label="$t('pubp.S0000020')" prop="recgrp.bas.valuedate">
                    <c-date-picker type="date" v-model="model.recgrp.bas.valuedate" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('pubp.S0000020')" :disabled="model.cfabut.basflg !== 'X'"></c-date-picker>
                </el-form-item>
            </c-col>
            <!-- S0000021 : 签约金额 -->
            <c-col :span="24">
                <c-col :span="13">
                    <el-form-item :label="$t('pubp.S0000021')" prop="recgrp.bas.contractcurr">
                        <c-select v-model="model.recgrp.bas.contractcurr" style="width:100%" :disabled="model.cfabut.basflg !== 'X'"
                            placeholder="请选择币种" :code="codes.curtxt1">
                        </c-select>
                    </el-form-item>
                </c-col>
                <c-col :span="11">
                    <c-form-item label="" label-width="5px" prop="recgrp.bas.contractamount">
                        <c-input v-model="model.recgrp.bas.contractamount" placeholder="请输入签约金额" :disabled="model.cfabut.basflg !== 'X'"></c-input>
                    </c-form-item>
                </c-col>
            </c-col>
            <!-- S0000013 : 开证申请人代码 -->
            <c-col :span="24">
                <c-form-item :label="$t('eafp.S0000013')" prop="recgrp.bas.appcode">
                    <c-input v-model="model.recgrp.bas.appcode" maxlength="18"
                        :placeholder="$t('other.please_enter') + $t('eafp.S0000013')" :disabled="model.cfabut.basflg !== 'X'"></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000011 : 开证申请人名称 -->
            <c-col :span="24">
                <c-form-item :label="$t('eafp.S0000011')" prop="recgrp.bas.appname">
                    <c-input v-model="model.recgrp.bas.appname" maxlength="128"
                        :placeholder="$t('other.please_enter') + $t('eafp.S0000011')" :disabled="model.cfabut.basflg !== 'X'"></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000002 : 债权人代码 -->
            <c-col :span="24">
                <c-form-item :label="$t('pubp.S0000002')" prop="recgrp.bas.creditorcode">
                    <c-input v-model="model.recgrp.bas.creditorcode" maxlength="18"
                        :placeholder="$t('other.please_enter') + $t('pubp.S0000002')" :disabled="model.cfabut.basflg !== 'X'"></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000004 : 债权人中文名称 -->
            <c-col :span="24">
                <c-form-item :label="$t('pubp.S0000004')" prop="recgrp.bas.creditorname">
                    <c-input v-model="model.recgrp.bas.creditorname" maxlength="128"
                        :placeholder="$t('other.please_enter') + $t('pubp.S0000004')" :disabled="model.cfabut.basflg !== 'X'"></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000005 : 债权人英文名称 -->
            <c-col :span="24">
                <c-form-item :label="$t('pubp.S0000005')" prop="recgrp.bas.creditornamen">
                    <c-input v-model="model.recgrp.bas.creditornamen" maxlength="128"
                        :placeholder="$t('other.please_enter') + $t('pubp.S0000005')" :disabled="model.cfabut.basflg !== 'X'"></c-input>
                </c-form-item>
            </c-col>
            <!-- S0000014 : 相关业务类型 -->
            <c-col :span="24">
                <el-form-item :label="$t('eafp.S0000014')" prop="recgrp.bas.credittype">
                    <c-select v-model="model.recgrp.bas.credittype" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('eafp.S0000014')" :code="codes.credittype" :disabled="model.cfabut.basflg !== 'X'">
                    </c-select>
                </el-form-item>
            </c-col>
            <!-- S0000023 : 备注 -->
            <c-col :span="24">
                <c-form-item :label="$t('eadp.S0000023')" prop="recgrp.bas.remark">
                    <c-input type="textarea" v-model="model.recgrp.bas.remark" maxlength="31" show-word-limit
                        :placeholder="$t('other.please_enter') + $t('eadp.S0000023')" :disabled="model.cfabut.basflg !== 'X'"   ></c-input>
                </c-form-item>
            </c-col>
        </c-col>

        <!-- ======================= 右边 ========================= -->
        <c-col :span="12" style="padding-left: 20px">
            <!-- S0000022 : 删除原因 -->
            <c-col :span="24">
                <c-form-item :label="$t('pubp.S0000022')" prop="recgrp.bas.actiondesc">
                    <c-input type="textarea" v-model="model.recgrp.bas.actiondesc" maxlength="32" rows="7"
                        show-word-limit :placeholder="$t('other.please_enter') + $t('pubp.S0000022')" disabled>
                    </c-input>
                </c-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item>
                    <c-checkbox v-model="model.recp.pubp.acp" class="checkbox-left" disabled>确认</c-checkbox>
                </el-form-item>
            </c-col>
            <!-- S0000023 : 到期日 -->
            <c-col :span="24">
                <el-form-item :label="$t('pubp.S0000023')" prop="recgrp.bas.maturity">
                    <c-date-picker type="date" v-model="model.recgrp.bas.maturity" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('pubp.S0000023')" :disabled="model.cfabut.basflg !== 'X'"></c-date-picker>
                </el-form-item>
            </c-col>
            <!-- S0000024 : 是否不纳入跨境融资风险加权余额计算 -->
            <c-col :span="24">
                <el-form-item label="是否不纳入跨境融资风险加权余额计算" prop="recgrp.bas.spapfeboindex">
                    <c-select v-model="model.recgrp.bas.spapfeboindex" style="width:100%"
                        placeholder="请选择是否不纳入跨境融资风险加权余额计算" :code="codes.spapfeboindex" :disabled="model.cfabut.basflg !== 'X'">
                    </c-select>
                </el-form-item>
            </c-col>
            <!-- S0000003 : 债权人类型代码 -->
            <c-col :span="24">
                <el-form-item :label="$t('pubp.S0000003')" prop="recgrp.bas.creditortype">
                    <c-select v-model="model.recgrp.bas.creditortype" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('pubp.S0000003')" :code="codes.creditortype"
                        :disabled="model.cfabut.basflg !== 'X'">
                    </c-select>
                </el-form-item>
            </c-col>
            <!-- S0000011 : 债权人总部所在国家（地区）代码 -->
            <c-col :span="24">
                <c-form-item label="债权人总部所在国家（地区）代码" prop="recgrp.bas.crehqcode">
                    <c-fullbox>
                        <c-input v-model="model.recgrp.bas.crehqcode" maxlength="3"
                            :placeholder="$t('other.please_enter') + '债权人总部所在国家（地区）代码'" :disabled="model.cfabut.basflg !== 'X'"></c-input>
                        <template slot="footer">
                            <c-button size="small" style="margin-left: 10px; padding: 0 12px" type="primary"
                                icon="el-icon-search" @click="onCouselCrehqselbut" :disabled="model.cfabut.basflg !== 'X'">
                            </c-button>
                        </template>
                    </c-fullbox>
                </c-form-item>
            </c-col>
            <!-- S0000011 : 债权人经营地所在 -->
            <c-col :span="24">
                <c-form-item label="债权人经营地所在国家（地区）代码" prop="recgrp.bas.opercode">
                    <c-fullbox>
                        <c-input v-model="model.recgrp.bas.opercode" maxlength="3"
                            :placeholder="$t('other.please_enter') + '债权人经营地所在国家（地区）代码'" :disabled="model.cfabut.basflg !== 'X'"></c-input>
                        <template slot="footer">
                            <c-button size="small" style="margin-left: 10px; padding: 0 12px" type="primary"
                                icon="el-icon-search" @click="onCouselOperselbut" :disabled="model.cfabut.basflg !== 'X'">
                            </c-button>
                        </template>
                    </c-fullbox>
                </c-form-item>
            </c-col>
            <!-- S0000015 : 是否附有银行承兑汇票 -->
            <c-col :span="24">
                <el-form-item :label="$t('eafp.S0000015')" prop="recgrp.bas.billsn">
                    <c-select v-model="model.recgrp.bas.billsn" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('eafp.S0000015')" :code="codes.billsn" :disabled="model.cfabut.basflg !== 'X'">
                    </c-select>
                </el-form-item>
            </c-col>
            <!-- S0000027 : 对方与本机构的关系 -->
            <c-col :span="24">
                <el-form-item :label="$t('eadp.S0000027')" prop="recgrp.bas.relation">
                    <c-select v-model="model.recgrp.bas.relation" style="width:100%"
                        :placeholder="$t('other.please_enter') + $t('eadp.S0000027')" :code="codes.relation" :disabled="model.cfabut.basflg !== 'X'">
                    </c-select>
                </el-form-item>
            </c-col>
        </c-col>

        <!-- <c-col :span="12">
            <c-button size="small" type="primary" @click="onCfabutSav">
                {{ $t('cutp.C0000006') }}
            </c-button>
        </c-col>

        <c-col :span="12">
            <c-button size="small" type="primary" @click="onCfabutChk">
                {{ $t('cutp.C0000007') }}
            </c-button>
        </c-col>


        <c-col :span="12">
            <c-button size="small" type="primary" @click="onCutpErr">
                {{ $t('cutp.C0000009') }}
            </c-button>
        </c-col>


        <c-col :span="12">
            <span v-text="model.recp.pubp.creditcodwarn" data-path=".recp.pubp.creditcodwarn"> </span>
        </c-col>

        <c-col :span="12">
            <c-button size="small" type="primary" @click="onCfabutExt">
                {{ $t('cutp.C0000008') }}
            </c-button>
        </c-col> -->
    </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Eafame/Event"

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

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

    }
}
</script>
<style>

</style>