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