<template>
    <div class="eibs-tab">
        <c-col :span="12" style="padding-right: 20px">
            <c-col :span="16" v-if="model.nidgrp.rec.expflg === 'X' || model.nidgrp.rec.expdat !== ''">
                <el-form-item label="保函编号" prop="nidgrp.rec.ownref" style="width: 100%">
                    <c-fullbox>
                        <c-input disabled placeholder="请输入保函编号" v-model="model.nidgrp.rec.ownref"></c-input>
                        <template slot="footer">
                            <c-button size="small" style="margin: 0 0 0 10px; padding: 0 12px" type="primary">
                                <i class="el-icon-info"></i>
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>

            <c-col :span="24" v-if="model.nidgrp.rec.expflg !== 'X' && model.nidgrp.rec.expdat === ''">
                <el-form-item label="保函编号" prop="nidgrp.rec.ownref" style="width: 100%">
                    <c-fullbox>
                        <c-input disabled maxlength="8" placeholder="请输入" v-model="model.nidgrp.rec.ownref"></c-input>
                        <template slot="footer">
                            <c-button size="small" style="margin: 0 0 0 10px; padding: 0 12px" type="primary">
                                <i class="el-icon-info"></i>
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="8" v-if="model.nidgrp.rec.expflg === 'X'">
                <el-form-item label="我行责任敞口" style="margin-left: 20px">
                </el-form-item>
            </c-col>

            <c-col :span="8" v-if="model.nidgrp.rec.expdat !== ''">
                <el-form-item label="保函效期" label-width="50px" prop="nidgrp.rec.expdat">
                    <c-date-picker disabled placeholder="请选择保函效期" style="width: 100%" type="date"
                                   v-model="model.nidgrp.rec.expdat"></c-date-picker>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="索赔编号" prop="ncdgrp.rec.ownref" style="width: 100%">
                    <c-fullbox>
                        <c-input disabled placeholder="请输入" v-model="model.ncdgrp.rec.ownref"></c-input>
                        <template slot="footer">
                            <c-button size="small" style="margin: 0 0 0 10px; padding: 0 12px" type="primary">
                                <i class="el-icon-info"></i>
                            </c-button>
                        </template>
                    </c-fullbox>
                </el-form-item>
            </c-col>
            <c-col :span="11">
                <el-form-item label="索赔金额" previewLabel="币种" prop="ncdgrp.cbs.max.cur">
                    <c-select dbCode="curtxt" disabled placeholder="请输入索赔金额币种"
                              v-model="model.ncdgrp.cbs.max.cur"></c-select>
                </el-form-item>
            </c-col>

            <c-col :span="8">
                <el-form-item label-width="5px" previewLabel="金额" prop="ncdgrp.cbs.max.amt" style="text-align: left">
                    <c-input-currency :currency="model.nidgrp.cbs.max.cur" disabled placeholder="请输入索赔金额"
                                      v-model="model.ncdgrp.cbs.max.amt"></c-input-currency>
                </el-form-item>
            </c-col>

            <c-col :span="5">
                <c-checkbox disabled style="
            margin-left: 18px;
            height: 32px;
            line-height: 32px;
            padding-bottom: 2px;
          " v-model="model.nctp0.nctp0">附加金额
                </c-checkbox>
            </c-col>

            <c-col :span="11">
                <el-form-item label="保函余额" previewLabel="币种" prop="ncdgrp.cbs.opn1.cur">
                    <c-select dbCode="curtxt" disabled placeholder="" style="width: 100%"
                              v-model="model.ncdgrp.cbs.opn1.cur"></c-select>
                </el-form-item>
            </c-col>

            <c-col :span="8">
                <el-form-item label-width="5px" previewLabel="金额" prop="ncdgrp.cbs.opn1.amt" style="text-align: left">
                    <c-input-currency :currency="model.nidgrp.cbs.opn1.cur" disabled placeholder="请输入保函余额"
                                      v-model="model.ncdgrp.cbs.opn1.amt"></c-input-currency>
                </el-form-item>
            </c-col>

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

            <c-col :span="24" v-if="model.nidgrp.rec.liadat === 'X'">
                <el-form-item label="我行责任敞口"></el-form-item>
            </c-col>

            <c-col :span="24" v-if="model.nidgrp.rec.liadat !== ''">
                <el-form-item label="责任截至日" prop="nidgrp.rec.liadat">
                    <c-date-picker disabled placeholder="请选择责任截至日" style="width: 100%" type="date"
                                   v-model="model.nidgrp.rec.liadat"></c-date-picker>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="索赔日期" prop="ncdgrp.rec.clmdat">
                    <c-input disabled maxlength="40" placeholder="请输入索赔日期" v-model="model.ncdgrp.rec.clmdat"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
            <el-form-item label="恢复保函余额" prop="rebkpflg">
              <c-select v-model="model.rebkpflg" style="width: 100%;" placeholder="是否恢复保函余额 " >
                  <el-option
                    v-for="item in rebkpflgItem"
                    :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="12">
                <el-form-item label="保函金额余额" previewLabel="币种" prop="nidgrp.cbs.opn1.cur">
                    <c-select dbCode="curtxt" disabled placeholder="" style="width: 100%"
                              v-model="model.nidgrp.cbs.opn1.cur">
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="12">
                <el-form-item label-width="5px" previewLabel="金额" prop="nidgrp.cbs.opn1.amt" style="text-align: left">
                    <c-input-currency :currency="model.nidgrp.cbs.opn1.amt" disabled placeholder="请输入保函金额余额"
                                      v-model="model.nidgrp.cbs.opn1.amt"></c-input-currency>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="简略信息" prop="ncdgrp.rec.nam">
                    <c-input disabled maxlength="40" placeholder="请输入简略信息" v-model="model.ncdgrp.rec.nam"></c-input>
                </el-form-item>
            </c-col>

            <c-col :span="24">
                <el-form-item label="申请人参考号" prop="ncdgrp.apl.pts.ref">
                    <c-input disabled maxlength="16" placeholder="请输入申请人参考号"
                             v-model="model.ncdgrp.apl.pts.ref"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="当事人姓名" prop="ncdgrp.apl.pts.nam">
                    <c-input disabled maxlength="40" placeholder="请输入" v-model="model.ncdgrp.apl.pts.nam"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="受益人参考号" prop="ncdgrp.ben.pts.ref">
                    <c-input disabled maxlength="16" placeholder="请输入受益人参考号"
                             v-model="model.ncdgrp.ben.pts.ref"></c-input>
                </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item label="受益人姓名" prop="ncdgrp.ben.pts.nam">
                    <c-input disabled maxlength="40" placeholder="请输入" v-model="model.ncdgrp.ben.pts.nam"></c-input>
                </el-form-item>
            </c-col>
        </c-col>

    </div>
</template>
<script>
import event from "../event";
import Default from "../model/default";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
     return {
         rebkpflgItem: [ {
          value: 'B',
          label: '是'
        }, {
          value: 'N',
          label: '否'
        }],
    };
  },
  methods: {}
};
</script>
<style>
</style>