<template>
  <div class="eibs">

    <c-col :span="24">
      <!-- ============左边================= -->
      <c-col :span="12" style="padding-right: 20px;">
        <!--Revolving Details, 循环信用证信息 -->
        <!--      <c-col :span="24">
                <el-form-item label="Revolving Details"></el-form-item>
              </c-col>-->

        <!--Revolving Type, 循环类型 -->
        <c-col :span="24">
          <el-form-item label="Revolving Type" prop="ledgrp.rec.revtyp">
            <c-select
                    v-model="model.ledgrp.rec.revtyp"
                    style="width: 100%"
                    placeholder=""
                    db-code="revtyp"
            >
            </c-select>
          </el-form-item>
        </c-col>


        <c-col :span="24">

          <!-- Revolving Times， 循环时间 -->
          <c-col :span="12">
            <el-form-item label="Revolving Times" prop="ledgrp.rec.revtimes">
              <c-input-number
                      :min="-99"
                      :max="99"
                      :precision="0"
                      v-model="model.ledgrp.rec.revtimes"
                      placeholder=""
              ></c-input-number>
            </el-form-item>
          </c-col>

          <!-- Revolving Count， 循环次数 -->
          <c-col :span="12">
            <el-form-item label="Revolving Count" prop="ledgrp.rec.revnbr">
              <c-input-number
                      v-model="model.ledgrp.rec.revnbr"
                      placeholder=""
                      disabled
              ></c-input-number>
            </el-form-item>
          </c-col>

        </c-col>

        <!-- Revolving Clause， 循环条款 -->
        <c-col :span="24">
          <c-ptap-commons  :cols="65" :rows="6" :minRows="3" :maxRows="6" :model="model"
                           :extCodes="['ledgrp','blk']"  lastModel="revcls" title="Revolving Clause">
          </c-ptap-commons>
        </c-col>

      </c-col>


      <c-col :span="12" style="padding-left: 20px">

        <!-- Cumulative， 累计 -->
        <c-col :span="24">
          <el-form-item class="checkbox-left">
            <!-- Credit is Marked as Cumulative -->
            <c-checkbox v-model="model.ledgrp.rec.revcum"  true-label="X" false-label="" >Cumulative</c-checkbox>
          </el-form-item>
        </c-col>



        <!-- Next Revolve Date， 下一循环日期 -->
        <c-col :span="24">
          <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=""
                    value-format="yyyy-MM-dd"
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <!-- Notes to Beneficiary,受益人须知 -->
        <c-col :span="24">
          <el-form-item label="Notes to Beneficiary" prop="ledgrp.blk.revnotes">
            <c-input
                    type="textarea"
                    v-model="model.ledgrp.blk.revnotes"
                    :rows="6"
                    maxlength="210"
                    show-word-limit
                    placeholder=""
            ></c-input>
          </el-form-item>
        </c-col>


      </c-col>

    </c-col>



  </div>
</template>
<script>
import Api from '~/service/Api'
import CodeTable from '~/config/CodeTable'
import event from '../event'
export default {
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [event],
  data() {
    return {}
  },
  methods:{
  },
  created: function () {},
}
</script>
<style></style>