<template>
  <div class="eibs-tab">
    <!-- ====================左边======================= -->
    <c-col :span="12" style="padding-right: 20px">
      <c-col :span="24">
        <el-form-item label="保函编号" prop="nidgrp.rec.ownref">
          <c-fullbox>
            <c-input v-model="model.nidgrp.rec.ownref" maxlength="16" disabled></c-input>
          </c-fullbox>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item label="保函金额" prop="nidgrp.cbs.max.cur">
          <c-select v-model="model.nidgrp.cbs.max.cur" dbCode="curtxt" style="width: 100%"  disabled>
          </c-select>
        </el-form-item>
      </c-col>
      <c-col :span="12">
        <el-form-item label-width="5px" prop="nidgrp.cbs.max.amt">
          <c-input-currency disabled :currency="model.nidgrp.cbs.max.cur" v-model.number="model.nidgrp.cbs.max.amt"></c-input-currency>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="12">
            <el-form-item label="保函余额" prop="nidgrp.cbs.opn1.cur">
            <c-select disabled v-model="model.nidgrp.cbs.opn1.cur" style="width: 100%"  dbCode="curtxt" >
              </c-select>
            </el-form-item> 

          
        </c-col>
        <c-col :span="12">
          <el-form-item label-width="5px" prop="nidgrp.cbs.opn1.amt">
             <c-input-currency disabled :currency="model.nidgrp.cbs.opn1.cur" v-model.number="model.nidgrp.cbs.opn1.amt"></c-input-currency>
          </el-form-item>
        </c-col>
      </c-col>

      <c-col :span="12">
        <el-form-item label="保函效期" prop="nidgrp.rec.expdat">
          <c-date-picker disabled type="date" v-model="model.nidgrp.rec.expdat" style="width: 100%" ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="12">
        <el-form-item style="text-align: left" label-width="5px" prop="nidgrp.rec.exptyp">
          <c-select v-model="model.nidgrp.rec.exptyp" style="width: 100%" dbCode="exptyp" disabled>
          </c-select>
        </el-form-item>
      </c-col>


      <c-col :span="24">
        <el-form-item label="保函类型" prop="nidgrp.rec.gartyp">
          <c-select disabled v-model="model.nidgrp.rec.gartyp" style="width: 100%"  dbCode="typgar">
          </c-select>
        </el-form-item>
      </c-col>

    </c-col>

    <!-- ========================右边======================= -->
    <c-col :span="12" style="padding-left: 20px">

      <c-col :span="24">
        <el-form-item label="申请人名称" prop="nidgrp.apl.pts.nam">
          <c-input disabled v-model="model.nidgrp.apl.pts.nam" maxlength="40"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="受益人名称" prop="nidgrp.ben.pts.nam">
          <c-input disabled v-model="model.nidgrp.ben.pts.nam" maxlength="40" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24" v-if="model.nidgrp.rec.hndtyp =='OC' || model.nidgrp.rec.hndtyp =='OL'">
        <el-form-item label="反担保行" prop="nidgrp.ctr.pts.nam">
          <c-input disabled v-model="model.nidgrp.ctr.pts.nam" maxlength="40"></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24" v-if="model.nidgrp.rec.hndtyp == 'OC'">
        <el-form-item label="转开行" prop="nidgrp.iss.pts.nam">
          <c-input disabled v-model="model.nidgrp.iss.pts.nam" maxlength="40" ></c-input>
        </el-form-item>
      </c-col>

       <c-col :span="24" v-if="model.nidgrp.rec.hndtyp == 'OT'">
        <el-form-item label="反担保行" prop="nidgrp.iss.pts.nam">
          <c-input disabled v-model="model.nidgrp.iss.pts.nam" maxlength="40"></c-input>
        </el-form-item>
      </c-col>

       <c-col :span="24">
        <el-form-item label="原计划中指定的修改责任余额日期" prop="chgdat">
          <c-date-picker type="date" v-model="model.chgdat" style="width: 100%" ></c-date-picker>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <c-col :span="13">
          <el-form-item label="原计划中指定的修改责任余额的发生额" prop="setmod.doccur">
            <c-select disabled v-model="model.setmod.doccur" style="width: 100%" dbCode="curtxt">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="11">
          <el-form-item label-width="5px" prop="chgamt">
            <c-input-currency :currency="model.setmod.doccur" v-model="model.chgamt"></c-input-currency>
          </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";
import Default from "../model/default";

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