<template>
    <div class="eibs-tab">
        <!-- ======================top--left================== -->
        <c-col :span="11">
            <c-col :span="24">
                <el-form-item label="Parent Contract" 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="Finance Reference"
                    prop="trdgrp.rec.ownref"
                >
                    <c-input
                        v-model="model.trdgrp.rec.ownref"
                        maxlength="16"
                        placeholder=""
                        disabled
                    ></c-input>
                </el-form-item>
            </c-col>
        </c-col>
        <!-- ======================top--right==================== -->
        <c-col :span="11" :offset="1">
            <c-col :span="24">
                <el-form-item label="Name" 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="Name" 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="11">
            <c-col :span="24">
                <el-form-item label="Finance Date" 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="Drag  Drop Sender">
          <c-input
            v-model="model.fipp.ptsget.sdamod.dadsnd"
            placeholder="请输入Drag  Drop Sender"
          ></c-input>
        </el-form-item>
      </c-col> -->
            <c-col :span="24">
                <el-form-item label="Finance Type" 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="Financing of" 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">
                <el-form-item label="Finance Amount" 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">
        <el-form-item label="Chinese address">
          <c-input
            type="textarea"
            v-model="model.trdgrp.fip.dbfadrblkcn"
            maxlength="35"
            show-word-limit
            placeholder="请输入Chinese address"
          ></c-input>
        </el-form-item>
      </c-col> -->
        </c-col>
        <!-- =====================middle--right===================== -->
        <c-col :span="11" :offset="1">
            <c-col :span="24">
                <el-form-item
                    label="Financed Party Ref."
                    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="External Key of Address">
          <c-input
            v-model="model.trdgrp.fip.pts.extkey"
            maxlength="16"
            placeholder="请输入External Key of Address"
          ></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="Address Block">
          <c-input
            type="textarea"
            v-model="model.trdgrp.fip.pts.adrblk"
            maxlength="35"
            show-word-limit
            placeholder="请输入Address Block"
          ></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="地址">
          <c-input
            type="textarea"
            v-model="model.trdgrp.fip.adrelc"
            maxlength="35"
            show-word-limit
            placeholder="请输入地址"
          ></c-input>
        </el-form-item>
      </c-col> -->
        </c-col>

        <!-- <c-col :span="24"><div style="height: 50px"></div></c-col> -->
        <!-- ==========================bottom-left========================== -->
        <c-col :span="11" style="margin-top: 20px">
            <c-col :span="24">
                <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="%">
          <c-input
            v-model="model.finmod.fincod"
            maxlength="17"
            placeholder="请输入%"
          ></c-input>
        </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="11">
                    <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="11" :offset="2">
                    <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>
        <!-- =========================bottom--right======================== -->
        <c-col :span="11" :offset="1" style="margin-top: 20px">
            <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="11">
                    <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="11" :offset="2">
                    <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="11">
                    <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="11" :offset="2">
                    <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="11">
                    <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="11" :offset="2">
                    <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">
        <span v-text="model.finmod.pctlab" data-path=".finmod.pctlab"> </span>
      </c-col> -->
            <c-col :span="24">
                <c-col :span="11">
                    <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="11" :offset="2">
                    <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="11">
                    <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="11" :offset="2">
                    <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>
