<template>
  <div class="eibs-tab">
      <!-- =================顶部====================== -->
       <c-row>
            <!--line1-->
            <c-col :span="24">
                <c-col :span="11">
                    <el-form-item label="票据项下的业务号" prop="bpdgrp.rec.pntref" style="width: 100%">
                        <c-fullbox>
                            <c-input v-model="model.bpdgrp.rec.pntref" maxlength="16" placeholder="请输入票据项下的业务号" disabled></c-input>
                            <template slot="footer">
                                <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                                    <span style="font-family: '宋体'; font-weight: bold">i</span>
                                </c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>

                <c-col :span="1">
                    <el-form-item label="" prop="" style="width: 100%">

                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="票据项下的名称" prop="bpdgrp.rec.pntnam" style="width: 100%">
                        <c-fullbox>
                            <c-input v-model="model.bpdgrp.rec.pntnam" maxlength="16" placeholder="" disabled></c-input>
                            <template slot="footer"> </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>
            </c-col>

            <!--line2-->
            <c-col :span="24">
                <c-col :span="11">
                    <el-form-item label="融资业务号" prop="bpdgrp.rec.ownref" style="width: 100%">
                        <c-fullbox>
                            <c-input v-model="model.bpdgrp.rec.ownref" maxlength="16" placeholder="请输入融资业务号" disabled></c-input>
                            <template slot="footer">
                                <c-button style="margin: 0 10px 0 10px; padding: 0 12px" size="small" type="primary" @click="onSeainf">
                                    <span style="font-family: '宋体'; font-weight: bold">i</span>
                                </c-button>
                            </template>
                        </c-fullbox>
                    </el-form-item>

                </c-col>

                <c-col :span="1">
                    <c-button size="small" type="primary" @click="onBptmodButgetref()">
                        获取
                    </c-button>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="融资名称" prop="bpdgrp.rec.nam" style="width: 100%">
                        <c-fullbox>
                            <c-input v-model="model.bpdgrp.rec.nam" maxlength="16" placeholder="" disabled></c-input>
                            <template slot="footer"> </template>
                        </c-fullbox>
                    </el-form-item>
                </c-col>
            </c-col>

            <!--line3-->
            <c-col :span="24">

                <c-col :span="1">
                    <el-form-item label="" prop="" style="width: 100%">

                    </el-form-item>
                </c-col>

            </c-col>
       </c-row>
      <!-- =================中部====================== -->
      <c-row>
          <!--  左        -->
          <c-col :span="12">
              <!-- Type of Advance 预付款类型-->
           <c-col :span="12">
            <el-form-item label="预付款类型" prop="bpdgrp.rec.fintyp">
                    <c-select v-model="model.bpdgrp.rec.fintyp" style="width: 100%" placeholder="请选择预付款类型" disabled>
                             <el-option
                               v-for="item in codes.fintyp_bpd"
                               :key="item.value"
                               :label="item.label"
                               :value="item.value"
                             >
                             </el-option>
                    </c-select>
            </el-form-item>
           </c-col>
           <!-- Advanced Party Ref.  融资业务编号-->
           <c-col :span="12">
                <c-form-item label="融资业务编号" prop="bpdgrp.rec.ownref">
                    <c-input  v-model="model.bpdgrp.rec.ownref" maxlength="17"  :placeholder="$t('other.please_enter')+'融资业务编号'" disabled></c-input>
                </c-form-item>
           </c-col>
           <!-- Advance Amount 融资账号-->
           <c-col :span="12">
                <c-form-item label="融资账号" prop="bpdgrp.rec.finact">
                    <c-input  v-model="model.bpdgrp.rec.finact" maxlength="17"  :placeholder="$t('other.please_enter')+'融资账号'" disabled></c-input>
                </c-form-item>
           </c-col>
            <c-row>
                <c-col :span="12">
                    <el-form-item label="起息日期" prop="bpdgrp.rec.opndat">
                        <c-date-picker type="date" v-model="model.bpdgrp.rec.opndat" style="width: 100%" placeholder="请选择起息日期" disabled></c-date-picker>
                    </el-form-item>
                </c-col>

                <c-col :span="12">
                    <el-form-item label="到期日" prop="bpdgrp.rec.matdat">
                        <c-date-picker type="date" v-model="model.bpdgrp.rec.matdat" style="width: 100%" placeholder="请选择到期日" disabled></c-date-picker>
                    </el-form-item>
                </c-col>
            </c-row>
           <!-- 福费廷转卖类型 ffttyp ffttyp1-->
           <c-col :span="12">
                <c-form-item label="福费廷转卖类型" prop="bpdgrp.rec.ffttyp">
                    <c-select v-model="model.bpdgrp.rec.ffttyp" style="width: 100%" placeholder="福费廷转卖类型" >
                        <el-option v-for="item in codes.ffttyp1" :key="item.value" :label="item.label" :value="item.value"/>
                    </c-select>
                </c-form-item>
           </c-col>
           <!-- 我行借记账户 setact1-->
           <c-col :span="12">
                <c-form-item label="我行借记账户" prop="setact1">
                    <c-input  v-model="model.bpdgrp.rec.fincod" maxlength="17"  :placeholder="$t('other.please_enter')+'我行借记账户'" disabled></c-input>
                </c-form-item>
           </c-col>
          </c-col>
          <!--      右-->
          <c-col :span="12">
                <c-col :span="24">
                    <c-ptap :model="model" :argadr="{title: '融资客户',grp: 'bpdgrp',rol: 'fia',}"
                             :isAdrblk="true" @onSeainf="onSeainf()" @onFiapDet="onFiapDet()"  disabled>
                    </c-ptap>
                </c-col>
            </c-col>
      </c-row>
      <!-- =================下部====================== -->
       <c-row>
           <!-- S0000085 : 借据号 -->
           <c-col :span="12">
                <c-form-item label="借据号" prop="bpdgrp.rec.fincod">
                    <c-input  v-model="model.bpdgrp.rec.fincod" maxlength="17"  :placeholder="$t('other.please_enter')+'借据号'" disabled></c-input>
                </c-form-item>
           </c-col>

           <c-col :span="12">
                <c-form-item label="抹账" prop="mtabut.clsflg">
                    <c-checkbox v-model="model.mtabut.clsflg" maxlength="17"  disabled/>
                </c-form-item>

           </c-col>

<!--           还本金金额-->
           <c-col :span="12">
                <c-form-item label="还本金金额" prop="bptmod.finmod.cbs.calflg">
                    <c-input  v-model="model.bptmod.finmod.cbs.calflg" maxlength="21"  placeholder="请输入还本金金额"></c-input>
                </c-form-item>
           </c-col>

           <c-col :span="12">
                <c-form-item label="第一还款账号" prop="bptmod.finmod.act1">
                    <c-input  v-model="model.bptmod.finmod.act1" maxlength="21"  placeholder="请输入第一还款账号"  disabled></c-input>
                </c-form-item>
           </c-col>
           <!-- SG000098 : 还款方式 -->
           <c-col :span="12">
                <el-form-item label="还款方式" prop="bptmod.finmod.reptyp">
                    <c-select v-model="model.bptmod.finmod.reptyp" style="width: 100%" placeholder="还款方式" >
                        <el-option v-for="item in codes.reptyp" :key="item.value" :label="item.label" :value="item.value"/>
                    </c-select>
                </el-form-item>

           </c-col>
           <!-- SG000119 : 第三方还款方式 -->
           <c-col :span="12">
                <el-form-item label="第三方还款方式" prop="bptmod.finmod.acttyp">
                    <c-input v-model="model.bptmod.finmod.acttyp" style="width:100%" :placeholder="$t('other.please_enter')+'第三方还款方式'"  disabled>
                      </c-input>
                </el-form-item>
           </c-col>
           <!-- SG000120 : 第三方还款账号 -->
           <c-col :span="12">
                <c-form-item label="第三方还款账号" prop="bptmod.finmod.act3">
                    <c-input  v-model="model.bptmod.finmod.act3" maxlength="21"  :placeholder="$t('other.please_enter')+'第三方还款账号'"  disabled></c-input>
                </c-form-item>
           </c-col>
           <!-- SG000099 : 表外欠息利息 -->
           <c-col :span="12">
                <c-form-item label="表外欠息利息" prop="bptmod.finmod.cbs.cbb.intamt1">
                    <c-input  v-model="model.bptmod.finmod.cbs.cbb.intamt1"  :placeholder="$t('other.please_enter')+'表外欠息利息'"  disabled></c-input>
                </c-form-item>
           </c-col>
           <!-- SG000105 : 偿还表外欠息利息 -->
           <c-col :span="12">
                <c-form-item label="偿还表外欠息利息" prop="bptmod.finmod.cbs.cbe.intamt1">
                    <c-input  v-model="model.bptmod.finmod.cbs.cbe.intamt1"  :placeholder="$t('other.please_enter')+'偿还表外欠息利息'"  disabled></c-input>
                </c-form-item>
           </c-col>
           <!-- SG000100 : 表外欠息 -->
           <c-col :span="12">
                <c-form-item label="表外本年欠息" prop="bptmod.finmod.cbs.cbb.intamty1">
                    <c-input  v-model="model.bptmod.finmod.cbs.cbb.intamty1"  :placeholder="$t('other.please_enter')+'表外本年欠息'"  disabled></c-input>
                </c-form-item>
           </c-col>
           <!-- SG000106 : 偿还表外欠息 -->
           <c-col :span="12">
                <c-form-item label="偿还表外欠息" prop="bptmod.finmod.cbs.cbe.intamty1">
                    <c-input  v-model="model.bptmod.finmod.cbs.cbe.intamty1"  :placeholder="$t('other.please_enter')+'偿还表外欠息'" disabled></c-input>
                </c-form-item>
           </c-col>
           <!-- SG000101 : 表内欠息利息 -->
           <c-col :span="12">
                <c-form-item label="表内欠息利息" prop="bptmod.finmod.cbs.cbb.intamt2">
                    <c-input  v-model="model.bptmod.finmod.cbs.cbb.intamt2"  :placeholder="$t('other.please_enter')+'表内欠息利息'" disabled></c-input>
                </c-form-item>
           </c-col>
           <!-- SG000107 : 偿还表内欠息利息 -->
           <c-col :span="12">
                <c-form-item label="偿还表内欠息利息" prop="bptmod.finmod.cbs.cbe.intamt2">
                    <c-input  v-model="model.bptmod.finmod.cbs.cbe.intamt2"  :placeholder="$t('other.please_enter')+'偿还表内欠息利息'" disabled></c-input>
                </c-form-item>
           </c-col>
           <!-- SG000102 : 表内欠息 -->
           <c-col :span="12">
                <c-form-item label="表内欠息" prop="bptmod.finmod.cbs.cbb.intamty2">
                    <c-input  v-model="model.bptmod.finmod.cbs.cbb.intamty2"  :placeholder="$t('other.please_enter')+'表内欠息'" disabled></c-input>
                </c-form-item>
           </c-col>
           <!-- SG000108 : 偿还表内欠息 -->
           <c-col :span="12">
                <c-form-item label="偿还表内欠息" prop="bptmod.finmod.cbs.cbe.intamty2">
                    <c-input  v-model="model.bptmod.finmod.cbs.cbe.intamty2"  :placeholder="$t('other.please_enter')+'偿还表内欠息'" disabled></c-input>
                </c-form-item>
           </c-col>
           <!-- SG000103 : 本金利息 -->
           <c-col :span="12">
                <c-form-item label="本金利息" prop="bptmod.finmod.cbs.cbb.intamt">
                    <c-input  v-model="model.bptmod.finmod.cbs.cbb.intamt"  :placeholder="$t('other.please_enter')+'本金利息'" disabled></c-input>
                </c-form-item>
           </c-col>
           <!-- SG000109 : 偿还本金利息 -->
            <c-col :span="12">
                <c-form-item label="偿还本金利息" prop="bptmod.finmod.cbs.cbe.intamt">
                    <c-input  v-model="model.bptmod.finmod.cbs.cbe.intamt"  :placeholder="$t('other.please_enter')+'偿还本金利息'" disabled></c-input>
                </c-form-item>
            </c-col>
            <!-- SG000104 : 本金 -->
            <c-col :span="12">
                <c-form-item label="本金" prop="bptmod.finmod.cbs.cbb.amt">
                    <c-input  v-model="model.bptmod.finmod.cbs.cbb.amt"  :placeholder="$t('other.please_enter')+'本金'" disabled></c-input>
                </c-form-item>
            </c-col>
            <!-- SG000110 : 偿还本金 -->
            <c-col :span="12">
                <c-form-item label="偿还本金" prop="bptmod.finmod.cbs.cbe.amt">
                    <c-input  v-model="model.bptmod.finmod.cbs.cbe.amt"  :placeholder="$t('other.please_enter')+'偿还本金'" disabled></c-input>
                </c-form-item>
            </c-col>
            <!-- SG000117 : 融资状态 -->
            <c-col :span="12">
                <el-form-item label="融资状态" prop="bpdgrp.rec.ovdflg">
                    <c-select v-model="model.bpdgrp.rec.ovdflg" style="width:100%" :placeholder="$t('other.please_enter')+'融资状态'" disabled></c-select>
                </el-form-item>
            </c-col>
            <!-- SG000116 : 偿还利息总额 -->
            <c-col :span="12">
                <c-form-item label="偿还利息总额" prop="bptmod.finmod.cbs.totint">
                    <c-input  v-model="model.bptmod.finmod.cbs.totint"  :placeholder="$t('other.please_enter')+'偿还利息总额'" disabled></c-input>
                </c-form-item>
            </c-col>
            <!-- SG000124 : 计息周期 -->
            <c-col :span="12">
                <el-form-item label="计息周期" prop="bptmod.finmod.intprd">
                    <c-select v-model="model.bptmod.finmod.intprd" style="width:100%" :placeholder="$t('other.please_enter')+'计息周期'" disabled></c-select>
                </el-form-item>
            </c-col>
            <!-- SG000118 : 执行利率 -->
            <c-col :span="12">
                <c-form-item label="执行利率" prop="bpdgrp.rec.tolrat">
                    <c-input  v-model="model.bpdgrp.rec.tolrat"  :placeholder="$t('other.please_enter')+'执行利率'" disabled></c-input>
                </c-form-item>
            </c-col>
       </c-row>

  </div>
</template>

<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Bptset/Event"
import Ptap from "~/views/Public/Ptap";
export default {
    components: {
        "c-ptap": Ptap
    },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [commonProcess],
    data() {
        return {
            selectData1: [
                {
                    name: '全额偿还本金和利息',
                    value: 1
                },
                {
                    name: '部分偿还本金和利息',
                    value: 2
                }
            ]
        };
    },
    methods: {
        // ...Event
        onSeainf(data) {
            this.$emit("onSeainf", data);
        },
    },
    created () {
        // 初始化下拉框
        // this.selValue = this.selectData[1].value
    },
};
</script>
<style>

</style>