<template>
  <div class="eibs">
    <!-- =========左============= -->
    <el-col :span="12" style="padding-right: 20px;">
      <c-col :span="24">
        <el-form-item label="信用证编号" prop="lidgrp.rec.ownref">
          <c-fullbox>
            <c-input disabled v-model="model.lidgrp.rec.ownref" maxlength="16" placeholder="请输入编号"></c-input>
            <template slot="footer">
              <c-button
                  style="margin: 0 10px 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
              >
                <i class="el-icon-info"></i>
              </c-button>
              <c-button
                  style="margin: 0 0"
                  size="small"
                  type="primary"
                  disabled
              >
                获取
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="信用证类型" prop="lidgrp.rec.lcrtyp">
          <c-select v-model="model.lidgrp.rec.lcrtyp" style="width:100%" placeholder="请选择信用证类型"
                    :code="codes.lcrtyp"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="客户经理" prop="lidgrp.rec.ownusr">
          <c-fullbox>
            <c-input disabled v-model="model.lidgrp.rec.ownusr" maxlength="8" placeholder="请输入客户经理"></c-input>
            <template slot="footer">
              <c-button
                  size="small"
                  style="margin-left: 10px; padding: 0 10px"
                  type="primary"
              >
                <i class="el-icon-info"></i>
              </c-button>
            </template>

          </c-fullbox>
        </el-form-item>
      </c-col>
      <c-col :span="10">
        <el-form-item label="信用证名义金额" prop="lidgrp.cbs.nom1.cur">
          <c-input
              disabled
              v-model="model.lidgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="10">
        <el-form-item label="" label-width="10px" prop="lidgrp.cbs.nom1.amt">
          <c-input-currency disabled v-model="model.lidgrp.cbs.nom1.amt" placeholder="请输入金额"></c-input-currency>
        </el-form-item>
      </c-col>

      <c-col :span="4">
        <c-checkbox v-model="model.litp.aamp.aammod.addamtflg">附加金额</c-checkbox>
      </c-col>

      <c-col :span="12">
        <el-form-item label="金额上浮" prop="lidgrp.rec.nomtop">
          <c-input disabled v-model="model.lidgrp.rec.nomtop" placeholder="请输入金额上浮"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="金额下浮" prop="lidgrp.rec.nomton">
          <c-input disabled v-model="model.lidgrp.rec.nomton" placeholder="请输入金额下浮"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="最高限额表述" prop="lidgrp.rec.nomspc">
          <c-select disabled v-model="model.lidgrp.rec.nomspc" style="width:100%" placeholder="请选择最高限额表述"
                    :code="codes.nomspc">
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="最大金额" prop="lidgrp.cbs.max.cur">
          <c-input disabled v-model="model.lidgrp.cbs.max.cur" style="width:100%" placeholder="请选择币种">
          </c-input>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="信用证最大金额" prop="lidgrp.cbs.max.amt">
          <c-input-currency disabled v-model="model.lidgrp.cbs.max.amt" placeholder="请输入金额"></c-input-currency>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="开证日期" prop="lidgrp.rec.opndat">
          <c-date-picker disabled type="date" v-model="model.lidgrp.rec.opndat" style="width:100%"
                         placeholder="请选择日期"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="预通知日期" prop="lidgrp.rec.preadvdt">
          <c-date-picker disabled type="date" v-model="model.lidgrp.rec.preadvdt" style="width:100%"
                         placeholder="请选择日期"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="最迟装运期" prop="lidgrp.rec.shpdat">
          <c-date-picker disabled type="date" v-model="model.lidgrp.rec.shpdat" style="width:100%"
                         placeholder="请选择日期"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <c-checkbox disabled v-model="model.lidgrp.rec.dkflg">是否代开信用证</c-checkbox>
      </c-col>

      <c-col :span="24">
        <el-form-item label="有效期限" prop="lidgrp.rec.expdat">
          <c-date-picker disabled type="date" v-model="recexpdat" style="width:100%"
                         placeholder="请选择日期"></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="生效地点" prop="lidgrp.rec.expplc">
          <c-input v-model="model.lidgrp.rec.expplc" maxlength="29" placeholder="请输入地点"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="分批装运" prop="lidgrp.rec.shppars18">
          <c-select v-model="model.lidgrp.rec.shppars18" style="width:100%" placeholder="请选择"
                    :code="codes.shptrss18"
          >
          </c-select>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="是否可转运" prop="lidgrp.rec.shptrss18">
          <c-select v-model="model.lidgrp.rec.shptrss18" style="width:100%" placeholder="请选择"
                    :code="codes.shptrss18"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label="适用规则" prop="lidgrp.rec.apprul">
          <c-select v-model="model.lidgrp.rec.apprul" style="width:100%" placeholder="请选择适用规则"
                    :code="codes.apprul"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="其他适用规则" prop="lidgrp.rec.apprultxt">
          <c-input disabled v-model="model.lidgrp.rec.apprultxt" maxlength="35"
                   placeholder="请输入其他适用规则"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="保兑指示" prop="lidgrp.rec.cnfdet">
          <c-select v-model="model.lidgrp.rec.cnfdet" style="width:100%" placeholder="请选择保兑指示"
                    :code="codes.cnfins"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="货押标识" prop="lidgrp.rec.guaflg">
          <c-select v-model="model.lidgrp.rec.guaflg" style="width:100%" placeholder="请选择货押标识"
                    :code="codes.guaflg"
          >
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="注册编号" prop="lidgrp.rec.regref">
          <c-input disabled v-model="model.lidgrp.rec.regref" maxlength="16" placeholder="请输入注册编号"></c-input>
        </el-form-item>
      </c-col>
    </el-col>
    <!-- ======================================右========================================= -->
    <el-col :span="12" style="padding-left: 20px;">
      <c-col :span="24">
        <el-form-item label="简略信息" prop="lidgrp.rec.nam">
          <c-input disabled v-model="model.lidgrp.rec.nam" maxlength="40" placeholder="请输入简略信息"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="申请人参考号" prop="lidgrp.apl.pts.ref">
          <c-input v-model="model.lidgrp.apl.pts.ref" maxlength="16" placeholder="请输入参考号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="申请人" prop="lidgrp.apl.pts.extkey">
          <c-fullbox>
            <c-input disabled v-model="model.lidgrp.apl.pts.extkey" maxlength="16" placeholder="请输入"></c-input>
            <template slot="footer">
              <c-button
                  style="margin: 0 10px 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
                  icon="el-icon-search"
              >

              </c-button>
              <c-button
                  style="margin: 0 0"
                  size="small"
                  type="primary"
                  icon="el-icon-info"
              >

              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="地址信息" prop="lidgrp.apl.pts.adrblk">
          <c-input
              :rows="4"
              disabled type="textarea" v-model="model.lidgrp.apl.pts.adrblk" maxlength="35" show-word-limit
              placeholder="请输入地址信息"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="通知行参考号" prop="lidgrp.adv.pts.ref">
          <c-input v-model="model.lidgrp.adv.pts.ref" maxlength="16" placeholder="请输入通知行参考号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="通知行" prop="lidgrp.adv.pts.extkey">
          <c-fullbox>
            <c-input disabled v-model="model.lidgrp.adv.pts.extkey" maxlength="16" placeholder="请输入通知行"></c-input>
            <template slot="footer">
              <c-button
                  style="margin: 0 10px 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
                  icon="el-icon-search"
              >

              </c-button>
              <c-button
                  style="margin: 0 0"
                  size="small"
                  type="primary"
                  icon="el-icon-info"
              >

              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>


      <c-col :span="24">
        <el-form-item label="地址信息" prop="lidgrp.adv.pts.adrblk">
          <c-input
              disabled
              :rows="3"
              type="textarea" v-model="model.lidgrp.adv.pts.adrblk" maxlength="35" show-word-limit
              placeholder="请输入地址信息"></c-input>
        </el-form-item>
      </c-col>


      <c-col :span="24">
        <el-form-item label="受益人参考号" prop="lidgrp.ben.pts.ref">
          <c-input v-model="model.lidgrp.ben.pts.ref" maxlength="16" placeholder="请输入受益人参考号"></c-input>
        </el-form-item>
      </c-col>
      <c-col :span="24">
        <el-form-item label="受益人" prop="lidgrp.ben.pts.extkey">
          <c-fullbox>
            <c-input v-model="model.lidgrp.ben.pts.extkey" maxlength="16" placeholder="请输入受益人"></c-input>

            <template slot="footer">
              <c-button
                  style="margin: 0 10px 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
                  icon="el-icon-search"
              >

              </c-button>
              <c-button
                  style="margin: 0 0"
                  size="small"
                  type="primary"
                  icon="el-icon-info"
              >
              </c-button>
            </template>
          </c-fullbox>
        </el-form-item>
      </c-col>


      <c-col :span="24">
        <el-form-item label="地址信息" prop="lidgrp.ben.pts.adrblk">
          <c-input
              disabled
              type="textarea" v-model="model.lidgrp.ben.pts.adrblk" maxlength="35" show-word-limit
              placeholder="请输入地址信息"></c-input>
        </el-form-item>
      </c-col>


      <c-col :span="12">
        <el-form-item label=" " prop="lidgrp.rec.rmbflg">
          <c-checkbox disabled v-model="model.lidgrp.rec.rmbflg" class="checkbox-left">偿付行信息</c-checkbox>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <c-checkbox disabled v-model="model.lidgrp.rec.revflg">循环信用证</c-checkbox>
      </c-col>
      <c-col :span="24">
        <el-form-item label="合同号" prop="lidgrp.rec.rptref">
          <c-input v-model="model.lidgrp.rec.rptref" maxlength="25" placeholder="请输入合同号"></c-input>
        </el-form-item>
      </c-col>
    </el-col>


  </div>
</template>
<script>
import event from '../event';

export default {
  inject: ['root'],
  props: ['model', 'codes'],
  mixins: [event],
  data() {
    return {}
  },
  methods: {},
  created: function () {
  },
  computed: {
    recexpdat() {
      this.model.lidgrp.rec.expdat = this.model.swiadd.newexpdat;
      return this.model.lidgrp.rec.expdat
    }
  }
}
</script>
<style>

</style>