<template>
  <div class="eibs-tab">

    <c-row>
      <c-col :span="16">
        <el-form-item label="Revolving Details"></el-form-item>
      </c-col>
    </c-row>

    <c-row>
      <c-col :span="16">
        <el-form-item label="Revolving Type" prop="ledgrp.rec.revtyp">
          <c-select
            v-model="model.ledgrp.rec.revtyp"
            style="width: 100%"
            placeholder="请选择Revolving Type"
            :code="codes.revtyp"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="8">
      <!-- Credit is Marked as Cumulative -->
        <c-checkbox v-model="model.ledgrp.rec.revcum"
        style="margin-left:10px"
          >Cumulative</c-checkbox
        >
      </c-col>
    </c-row>


    <c-row>
      <c-col :span="8">
      <el-form-item label="Revolve Times" prop="ledgrp.rec.revtimes">
        <c-input
          v-model.number="model.ledgrp.rec.revtimes"
          placeholder="请输入Revolve Times"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="8">
      <el-form-item label="Revolving Count" prop="ledgrp.rec.revnbr">
        <c-input
          v-model.number="model.ledgrp.rec.revnbr"
          placeholder="请输入Revolving Count"
          disabled
        ></c-input>
      </el-form-item>
    </c-col>
    </c-row>
    
    <c-row>
      <c-col :span="16">
      <el-form-item label="Next Revolve Date" prop="ledgrp.rec.revdat">
        <c-date-picker
          type="date"
          v-model="model.ledgrp.rec.revdat"
          style="width: 100%"
          placeholder="请选择Next Revolve Date"
          value-format="yyyy-MM-dd"
        ></c-date-picker>
      </el-form-item>
    </c-col>
    </c-row>
    
    <c-row>
      <c-col :span="16">
      <el-form-item label="Revolving Clause" prop="ledgrp.blk.revcls">
        <c-fullbox>
          <c-input
          type="textarea"
          v-model="model.ledgrp.blk.revcls"
          maxlength="390"
          show-word-limit
          placeholder="请输入Revolving Clause"
        ></c-input>
        <template slot="footer">
          <c-button
        size="small"
        type="primary"
        icon="el-icon-search"
        @click="onRevclauseButtxmsel"
      >
        ...
      </c-button>
        </template>
        </c-fullbox>
      </el-form-item>
    </c-col>
    </c-row>

    <c-row>
    <c-col :span="16">
      <el-form-item label="Notes to Beneficiary" prop="ledgrp.blk.revnotes">
        <c-input
          type="textarea"
          v-model="model.ledgrp.blk.revnotes"
          maxlength="210"
          show-word-limit
          placeholder="请输入Notes to Beneficiary"
        ></c-input>
      </el-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/Letopn/Event'

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