Revp.vue

<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"
                    disabled
            >
            </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
                      v-model.number="model.ledgrp.rec.revtimes"
                      placeholder=""
                      disabled
              ></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>

        <!-- Revolving Clause， 循环条款 -->
        <c-col :span="24">
          <el-form-item label="Revolving Clause" prop="ledgrp.blk.revcls">
            <c-fullbox>
              <c-input
                      type="textarea"
                      v-model="model.ledgrp.blk.revcls"
                      :rows="6"
                      maxlength="390"
                      show-word-limit
                      placeholder=""
                      disabled
              ></c-input>
              <template slot="footer">
                <c-button
                        size="small"
                        type="primary"
                        icon="el-icon-more"
                >
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </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" disabled>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"
                    disabled
            ></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=""
                    disabled
            ></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 () {},
  watch:{
    "model.ledgrp.rec.revtimes":function(val){
       this.model.ledgrp.rec.revtimes = val.replace(/\D/g, '');
    }
  },
}
</script>
<style></style>