<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>