<template>
    <div class="eibs">
        <!-- ======================top--left================== -->
        <c-col :span="12" style="padding-right: 20px;">
            <c-col :span="24">
                <el-form-item label="业务号" prop="trdgrp.rec.pntref">
                    <c-input v-model="model.trdgrp.rec.pntref" maxlength="16" placeholder="" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="贷款业务号" prop="trdgrp.rec.ownref">
                    <c-input v-model="model.trdgrp.rec.ownref" maxlength="16" placeholder=""></c-input>
                </el-form-item>
            </c-col>
        </c-col>
        <!-- ======================top--right==================== -->
        <c-col :span="12" style="padding-left: 20px;">
            <c-col :span="24">
                <el-form-item label="简略信息" prop="trdgrp.rec.pntnam">
                    <c-input v-model="model.trdgrp.rec.pntnam" maxlength="40" placeholder="" disabled></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="简略信息" prop="trdgrp.rec.nam">
                    <c-input v-model="model.trdgrp.rec.nam" maxlength="40" placeholder="" disabled></c-input>
                </el-form-item>
            </c-col>
        </c-col>

        <!-- <c-col :span="24"><div style="height: 50px"></div></c-col> -->
        <!--=========================middle--left==================  -->
        <c-col :span="12" style="padding-right: 20px;">
            <c-col :span="24">
                <el-form-item label="贷款日期" prop="trdgrp.rec.issdat">
                    <c-input v-model="model.trdgrp.rec.issdat" placeholder="" disabled></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="贷款类型" prop="trdgrp.rec.fintyp">
                    <c-input v-model="model.trdgrp.rec.fintyp" placeholder="" disabled>
                    </c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="贷款比例" prop="trdgrp.rec.pctfin">
                    <c-col :span="22">
                        <c-input v-model="model.trdgrp.rec.pctfin" placeholder="" disabled></c-input>
                    </c-col>
                    <c-col :span="2" style="text-align: center"> % </c-col>
                </el-form-item>
            </c-col>
            <c-col :span="24" style="margin-bottom:-21px;">
                <el-form-item label="贷款金额" prop="trdgrp.cbs.max.cur">
                    <c-col :span="5">
                        <c-input v-model="model.trdgrp.cbs.max.cur" placeholder="" disabled></c-input>
                    </c-col>
                    <c-col :span="19" prop="trdgrp.cbs.max.amt">
                        <el-form-item label="" label-width="2%">
                            <c-input v-model="model.trdgrp.cbs.max.amt" placeholder="" disabled></c-input>
                        </el-form-item>
                    </c-col>
                </el-form-item>
            </c-col>
            
            <c-col :span="24" style="margin-bottom:-18px;">
                <el-form-item label="融资金额" prop="trdgrp.cbs.max.cur">
                    <c-col :span="5">
                        <c-input v-model="model.trdgrp.cbs.max.cur" placeholder="" disabled></c-input>
                    </c-col>
                    <c-col :span="12" prop="trdgrp.cbs.max.amt">
                        <el-form-item label="" label-width="2%">
                            <c-input v-model="model.trdgrp.cbs.max.amt" placeholder="" disabled></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="5" prop="trdgrp.rec.pctfin">
                        <el-form-item label="" label-width="5%">
                            <c-input v-model="model.trdgrp.rec.pctfin" placeholder="" disabled></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="2" style="text-align:center">
                        %
                    </c-col>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="计息周期" prop="finmod.intprd">
                    <c-input v-model="model.finmod.intprd" placeholder="" disabled>
                    </c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="利率调整方式" prop="finmod.ratchgtyp">
                    <c-input v-model="model.finmod.ratchgtyp" placeholder="" disabled>
                    </c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <c-col :span="12">
                    <el-form-item label="开户日期" prop="trdgrp.rec.stttendat">
                        <c-date-picker type="date" value-format="yyyy-MM-dd" v-model="model.trdgrp.rec.stttendat"
                            style="width: 100%" placeholder="" disabled></c-date-picker>
                    </el-form-item>
                </c-col>
                <c-col :span="12">
                    <el-form-item label="到期日" label-position="left" prop="trdgrp.rec.matdat">
                        <c-date-picker type="date" value-format="yyyy-MM-dd" style="width: 100%"
                            v-model="model.trdgrp.rec.matdat" placeholder="" disabled></c-date-picker>
                    </el-form-item>
                </c-col>
            </c-col>

            <c-col :span="24">
                <el-form-item label="基准利率" prop="trdgrp.rec.intrat">
                    <c-input v-model="model.trdgrp.rec.intrat" placeholder="" disabled></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="执行利率" prop="trdgrp.rec.actrat">
                    <c-input v-model="model.trdgrp.rec.actrat" placeholder="" disabled></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="第一还款账号" prop="finmod.act1">
                    <c-input v-model="model.finmod.act1" maxlength="21" placeholder="" disabled></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="预收息金额" prop="finmod.intamt">
                    <c-input v-model="model.finmod.intamt" placeholder="" disabled></c-input>
                </el-form-item>
            </c-col>
        </c-col>
        <!-- =====================middle--right===================== -->
        <c-col :span="12" style="padding-left: 20px;">
            <c-col :span="24">
                <el-form-item label="贷款客户" prop="trdgrp.fip.pts.ref">
                    <c-input v-model="model.trdgrp.fip.pts.ref" maxlength="16" placeholder="" disabled></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="" prop="trdgrp.fip.pts.extkey">
                    <c-fullbox>
                        <c-input v-model="model.trdgrp.fip.pts.extkey" placeholder="" style="width: 100%" disabled>
                        </c-input>
                        <template slot="footer">
                            <c-button size="small" type="primary" icon="el-icon-search" @click="onSeainf"></c-button>
                            <c-button size="small" type="primary" @click="onFippDet">
                                详情
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="" prop="trdgrp.fip.pts.adrblk">
                    <c-input type="textarea" v-model="model.trdgrp.fip.pts.adrblk" maxlength="150" show-word-limit
                        placeholder="" disabled rows="4"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="借据号" prop="finmod.fincod">
                    <c-input v-model="model.finmod.fincod" placeholder="" disabled>
                    </c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="计息日期" prop="finmod.intdat">
                    <c-input v-model="model.finmod.intdat" placeholder="" disabled></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <c-col :span="12">
                    <el-form-item label="利率调整周期" prop="finmod.ratchgprd">
                        <c-input v-model="model.finmod.ratchgprd" placeholder="" disabled style="width: 100%">
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="月日数" prop="finmod.ratchgda">
                        <c-input v-model="model.finmod.ratchgdat" placeholder="" disabled style="width: 100%"></c-input>
                    </el-form-item>
                </c-col>
            </c-col>

            <c-col :span="24">
                <c-col :span="12">
                    <el-form-item label="融资天数" prop="trdgrp.rec.tenday">
                        <c-input v-model="model.trdgrp.rec.tenday" placeholder="" disabled style="width: 100%">
                        </c-input>
                    </el-form-item>
                </c-col>
                <c-col :span="12">
                    <el-form-item label="宽限期" prop="finmod.graday">
                        <c-input v-model="model.finmod.graday" placeholder="" disabled style="width: 100%"></c-input>
                    </el-form-item>
                </c-col>
            </c-col>

            <c-col :span="24">
                <c-col :span="12">
                    <el-form-item label="浮动方式" prop="finmod.flttyp">
                        <c-input v-model="model.finmod.flttyp" placeholder="" disabled style="width: 100%">
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="浮动值" prop="finmod.fltval">
                        <c-input v-model="model.finmod.fltval" placeholder="" disabled style="width: 100%"></c-input>
                    </el-form-item>
                </c-col>
            </c-col>
            
            <c-col :span="24">
                <c-col :span="12">
                    <el-form-item label="逾期计息方式" prop="finmod.ovdinttyp">
                        <c-input v-model="model.finmod.ovdinttyp" placeholder="" disabled style="width: 100%">
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="罚息比率" prop="finmod.ovdintrat">
                        <c-col :span="20">
                            <c-input v-model="model.finmod.ovdintrat" placeholder="" disabled style="width: 100%">
                            </c-input>
                        </c-col>
                        <c-col :span="4" style="text-align:center">
                            %
                        </c-col>
                    </el-form-item>
                </c-col>
            </c-col>

            <c-col :span="24">
                <c-col :span="12">
                    <el-form-item label="第三方还款方式" prop="finmod.acttyp">
                        <c-input v-model="model.finmod.acttyp" style="width: 100%" placeholder="" disabled>
                        </c-input>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="入账机构" prop="finmod.accbch">
                        <c-input v-model="model.finmod.accbch" placeholder="" disabled style="width: 100%">
                        </c-input>
                    </el-form-item>
                </c-col>
            </c-col>

            <c-col :span="24">
                <el-form-item label="第三方还款账号" prop="finmod.act3">
                    <c-input v-model="model.finmod.act3" maxlength="21" placeholder="" disabled></c-input>
                </el-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/Cptopn/Event";

export default {
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {};
    },
    methods: { ...Event, onSeainf() { } },
    created: function () { },
};
</script>
<style>

</style>