Revpopn.vue 3.69 KB
Newer Older
fukai committed
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136
<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="oldledgrp.rec.revtyp">
          <c-select
            v-model="model.oldledgrp.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.oldledgrp.rec.revcum"
          >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="oldledgrp.rec.revtimes">
            <c-input
              v-model.number="model.oldledgrp.rec.revtimes"
              placeholder=""
            ></c-input>
          </el-form-item>
        </c-col>

        <!-- Revolving Count, 循环次数 -->
        <c-col :span="12">
          <el-form-item label="Revolving Count" prop="oldledgrp.rec.revnbr">
            <c-input
              v-model.number="model.oldledgrp.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="oldledgrp.rec.revdat">
        <c-date-picker
          type="date"
          v-model="model.oldledgrp.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="oldledgrp.blk.revcls">
        <c-fullbox>
          <c-input
          type="textarea"
          v-model="model.oldledgrp.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="oldledgrp.blk.revnotes">
          <c-input
                  type="textarea"
                  v-model="model.oldledgrp.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>