Revp.vue

<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>
    <!-- <c-col :span="12">
        <el-form-item label="Revolving Type" prop="ledgrp.rec.revtyp">
            <c-select v-model="model.ledgrp.rec.revtyp" style="width:100%" placeholder="请选择Revolving Type">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
	    <c-checkbox v-model="model.ledgrp.rec.revcum">Credit is Marked as Cumulative</c-checkbox>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Revolve Times" prop="ledgrp.rec.revtimes">
            <c-input  v-model="model.ledgrp.rec.revtimes"  placeholder="请输入Revolve Times"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="Revolving Count" prop="ledgrp.rec.revnbr">
            <c-input  v-model="model.ledgrp.rec.revnbr"  placeholder="请输入Revolving Count"></c-input>
        </el-form-item>
       </c-col>
                                   
       <c-col :span="12">
        <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"></c-date-picker>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="12">
        <el-form-item label="Revolving Clause" prop="ledgrp.blk.revcls">
            <c-input type="textarea" v-model="model.ledgrp.blk.revcls" maxlength="65" show-word-limit placeholder="请输入Revolving Clause" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onRevclauseButtxmsel">
            ...
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Notes to Beneficiary" prop="ledgrp.blk.revnotes">
            <c-input type="textarea" v-model="model.ledgrp.blk.revnotes" maxlength="35" show-word-limit placeholder="请输入Notes to Beneficiary" ></c-input>
        </el-form-item>
        </c-col> -->
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Letrsv/Event";

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