Revp.vue

<template>
  <div class="eibs">

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

      <c-col :span="18">
        <el-form-item label="循环类型" prop="ledgrp.rec.revtyp">
          <c-select
            v-model="model.ledgrp.rec.revtyp"
            style="width: 100%"
            placeholder="请选择循环类型"
            :code="codes.revtyp"
          >
          </c-select>
        </el-form-item>
      </c-col>

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


      <c-col :span="12">
      <el-form-item label="循环时间" prop="ledgrp.rec.revtimes">
        <c-input
          v-model.number="model.ledgrp.rec.revtimes"
          placeholder="请输入循环时间"
        ></c-input>
      </el-form-item>
    </c-col>

    <c-col :span="12">
      <el-form-item label="循环次数" prop="ledgrp.rec.revnbr">
        <c-input
          v-model.number="model.ledgrp.rec.revnbr"
          placeholder="请输入循环次数"
          disabled
        ></c-input>
      </el-form-item>
    </c-col>
    
      <c-col :span="24">
      <el-form-item label="下一循环日期" 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-col :span="24">
      <el-form-item label="循环条款" prop="ledgrp.blk.revcls">
        <c-fullbox>
          <c-input
          type="textarea"
          v-model="model.ledgrp.blk.revcls"
          maxlength="390"
          show-word-limit
          placeholder="请输入循环条款"
        ></c-input>
        <template slot="footer">
          <c-button
        size="small"
        type="primary"
        icon="el-icon-more"
        @click="onRevclauseButtxmsel"
      >
      </c-button>
        </template>
        </c-fullbox>
      </el-form-item>
    </c-col>

    <c-col :span="24">
      <el-form-item label="受益人须知" prop="ledgrp.blk.revnotes">
        <c-input
          type="textarea"
          v-model="model.ledgrp.blk.revnotes"
          maxlength="210"
          show-word-limit
          placeholder="请输入受益人须知"
        ></c-input>
      </el-form-item>
    </c-col>
    </c-col>

  </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>