<template>
  <div class="eibs">
    <c-row>
        <!-- left -->
        <c-col :span="12" style="padding-right: 20px">
          <c-col :span="24">
            <el-form-item label="保函编号" prop="gidgrp.rec.ownref">
              <c-fullbox>
                <c-input
                v-model="model.gidgrp.rec.ownref"
                maxlength="16"
                disabled
               ></c-input>
              <template slot="footer">
                <!-- <el-form-item label="" label-width="5px"> -->
                <c-button
                  style="margin: 0 10px 0 10px; padding: 0 12px"
                  size="small"
                  type="primary"
                >
                  <i class="el-icon-info" style="font-size:15px"></i>
                </c-button>
              </template>
              </c-fullbox>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="12" style="padding-left: 20px">
            <c-col :span="24">
        <el-form-item label="简略信息" prop="gidgrp.rec.nam">
          <c-input
            v-model="model.gidgrp.rec.nam"
            maxlength="40"
            placeholder="请输入简略信息"
            disabled
          ></c-input>
        </el-form-item>
      </c-col>
        </c-col>
    </c-row>  
    <c-row>
      <c-col :span="12" style="padding-right: 20px">
         <c-col :span="24">
           <c-col :span="12">
              <el-form-item label="保函币种和金额" prop="gidgrp.cbs.max.cur">
                <c-select
                v-model="model.gidgrp.cbs.max.cur"
                style="width: 100%"
                placeholder="币种"
                :code="codes.curtxt"
                :disabled="true"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="9">
            <el-form-item style="text-align: left; margin-left: 5px"
            label-width="0px" prop="gidgrp.cbs.max.amt">
              <c-input-currency :disabled="true"
                v-model="model.gidgrp.cbs.max.amt"
                style="text-align: left; width: 90%"
              placeholder="请输入金额"
              ></c-input-currency>
            </el-form-item>
          </c-col>
          <c-col :span="3">
          <template>
            <c-checkbox :disabled="true" 
              v-model="model.aamgid.addamtflg"
              style="float: right; text-align: center"
              >附加金额</c-checkbox
            >
          </template>
        </c-col>
        </c-col>

        <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="保函余额" prop="gidgrp.cbs.opn1.cur">
              <c-select
                 v-model="model.gidgrp.cbs.opn1.cur"
                 maxlength="3"
                 style="width: 100%"
                 placeholder="请输入币种"
                  :code="codes.curtxt"
                 disabled
                ></c-select>
             </el-form-item>
        </c-col>
        <c-col :span="9">
           <el-form-item style="text-align: left; margin-left: 5px"
           label-width="0px"
           prop="gidgrp.cbs.opn1.amt"
           >
            <c-input-currency
              v-model="model.gidgrp.cbs.opn1.amt"
             style="text-align: left; width: 90%"
              placeholder="请输入金额"
              disabled
            ></c-input-currency>
             </el-form-item>
            </c-col>
        </c-col>

        <c-col :span="24">
            <el-form-item
              label="接收目的"
              prop="gidgrp.rec.purposin"
            >
              <c-select
                disabled
                v-model="model.gidgrp.rec.purposin"
                style="width: 100%"
                placeholder="请选择接收目的"
                :code="codes.purposin"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item label="支出目的" prop="gidgrp.rec.purpos">
              <c-select
                v-model="model.gidgrp.rec.purpos"
                style="width: 100%"
                placeholder="请选择支出目的"
                :code="codes.purpos"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>
      
          <c-col :span="24">
          <el-form-item label="保函种类" prop="gidgrp.rec.gartyp">
            <c-select
              v-model="model.gidgrp.rec.gartyp"
              style="width: 100%"
              placeholder="请选择保函种类"
              :code="codes.typgar"
              disabled
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item
              label="保函效期"
              prop="gidgrp.rec.expdat"
            >
              <c-date-picker
                disabled
                type="date"
                v-model="model.gidgrp.rec.expdat"
                style="width: 90%"
                placeholder="请选择保函效期"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="12">
           <el-form-item style="text-align: left; margin-left: 5px"
           label-width="0px"
           prop="gidgrp.rec.exptyp"
           >
            <c-select
              v-model="model.gidgrp.rec.exptyp"
              :codes="codes.exptyp"
             style="text-align: left; width: 100%"
              placeholder="请选择到期类型"
              disabled
            ></c-select>
             </el-form-item>
            </c-col>
        </c-col>
        <!-- <c-col :span="12">
          <el-form-item
            label="到期类型"
            prop="gidgrp.rec.exptyp"
          >
            <c-select
              v-model="model.gidgrp.rec.exptyp"
              style="width: 100%"
              placeholder="请选择到期类型"
              @change="executeNotify(null, true)"
            >
              <el-option
                v-for="item in codes.exptyp"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col> -->
        </c-col>

        <c-col :span="12" style="padding-left: 20px">
          <c-col :span="24">
            <c-form-item label="申请人" prop="gidgrp.apl.pts.nam">
              <c-input  v-model="model.gidgrp.apl.pts.nam" maxlength="40" disabled></c-input>
            </c-form-item>
          </c-col>

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

          <c-col :span="24">
            <c-form-item label="帐户行" prop="gidgrp.ctr.pts.nam">
              <c-input  v-model="model.gidgrp.ctr.nam" maxlength="40" disabled></c-input>
            </c-form-item>
          </c-col>

          <c-col :span="24">
            <c-form-item label="开证行" prop="gidgrp.iss.pts.nam">
              <c-input  v-model="model.gidgrp.iss.pts.nam" maxlength="40" disabled></c-input>
            </c-form-item>
          </c-col>
        </c-col>
    </c-row>
    <c-row>
        <c-col :span="12" style="padding-right: 20px">
            <c-col :span="24">
          <c-col :span="12">
            <el-form-item
              label="保函开立日期"
              prop="setmod.refdat"
            >
              <c-date-picker
                disabled
                type="date"
                v-model="model.setmod.refdat"
                style="width: 90%"
                placeholder="请选择保函开立日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>
        </c-col>
    </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import event from "../event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [event],
    data(){
        return {

        }
    },
    methods:{},
    created:function(){

    }
}
</script>
<style>

</style>