<template>
  <div class="eibs">
    <c-row>
      <c-col :span="12" style="padding-right: 20px;">
        <!-- Revolving Details, 循环信用证详情 -->
        <el-form-item label="Revolving Details"></el-form-item>
      </c-col>
    </c-row>


    <c-row>

      <!-- Revolving Type, 循环信用证类型 -->
      <c-col :span="12" style="padding-right: 20px;">
        <el-form-item label="Revolving Type" prop="ledgrp.rec.revtyp">
          <c-select
            v-model="model.ledgrp.rec.revtyp"
            style="width: 100%"
            placeholder="请选择类型"
            dbCode="REVTYP"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="12" style="padding-left: 20px;">
        <el-form-item class="checkbox-left" >
      <!--Cumulative(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>
    </c-row>


    <c-row>
      <c-col :span="12" style="padding-right: 20px;">
        <!-- Revolve Times, 循环时间-->
        <c-col :span="12">
          <el-form-item label="Revolve Times" prop="ledgrp.rec.revtimes">
            <c-input
              v-model.number="model.ledgrp.rec.revtimes"
              placeholder=""
            ></c-input>
          </el-form-item>
        </c-col>

        <!-- Revolving Count, 循环次数 -->
        <c-col :span="12">
          <el-form-item label="Revolving Count" prop="ledgrp.rec.revnbr">
            <c-input
              v-model.number="model.ledgrp.rec.revnbr"
              placeholder=""
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
      </c-col>
    </c-row>
    
    <c-row>
      <c-col :span="12" style="padding-right: 20px;">
        <!-- Next Revolve Date, 下次循环日期 -->
      <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>
    </c-row>
    
    <c-row>
      <!-- Revolving Clause,  循环条款-->
      <c-col :span="12" style="padding-right: 20px;">
      <el-form-item label="Revolving Clause" prop="ledgrp.blk.revcls">
        <c-fullbox>
          <c-input
          type="textarea"
          v-model="model.ledgrp.blk.revcls"
          maxlength="390"
          :rows="5"
          show-word-limit
          placeholder="请输入内容"
        ></c-input>
        <template slot="footer">
          <!-- @click="onRevclauseButtxmsel" -->
          <c-button
        size="small"
        type="primary"
        icon="el-icon-more"
      >
      </c-button>
        </template>
        </c-fullbox>
      </el-form-item>
    </c-col>

      <!-- Notes to Beneficiary,  受益人须知-->
      <c-col :span="12" style="padding-left: 20px;">
        <el-form-item label="Notes to Beneficiary" prop="ledgrp.blk.revnotes">
          <c-input
                  type="textarea"
                  v-model="model.ledgrp.blk.revnotes"
                  maxlength="210"
                  :rows="5"
                  show-word-limit
                  placeholder="请输入内容"
          ></c-input>
        </el-form-item>
      </c-col>
    </c-row>

  </div>
</template>
<script>
import Api from '~/service/Api'
import event from '../event'
import CodeTable from '~/config/CodeTable'


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