<template>
    <div class="eibs-tab">
        <c-col :span="12" style="padding-right: 20px">
            <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 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="24">
                <c-col :span="20">
                  <el-form-item label="保函效期" prop="nidgrp.rec.expdat" :required="model.nidgrp.rec.expflg == ''">
                    <c-date-picker  v-model="model.nidgrp.rec.expdat" :disabled="model.nidgrp.rec.expdat !== ''" type="date" placeholder="请输入索赔日期"
                     ></c-date-picker>
                  </el-form-item>
                </c-col>
                <c-col :span="4">
                    <el-form-item label="" prop="nidgrp.rec.expflg" class="checkbox-left" label-width="10px">
                        <c-checkbox v-model="model.nidgrp.rec.expflg" true-label="X" :disabled="model.nidgrp.rec.expdat !== ''" false-label="" >
                            效期敞口</c-checkbox>
                    </el-form-item>
                </c-col>
           </c-col>
           <c-col :span="24">
                <c-col :span="20">
                    <el-form-item label="反担保有效期" prop="nidgrp.rec.liadat">
                        <c-date-picker type="date" v-model="model.nidgrp.rec.liadat" placeholder="请选择反担保有效期" disabled></c-date-picker>
                    </el-form-item>
                </c-col>
                <c-col :span="4">
                    <el-form-item label="" prop="nidgrp.rec.liaflg" class="checkbox-left" label-width="10px">
                        <c-checkbox v-model="model.nidgrp.rec.liaflg" true-label='X' false-label='' disabled>反担保效期敞口</c-checkbox>
                    </el-form-item>
                </c-col>
            </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="24">
                <c-col :span="10">
                    <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="14">
                    <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>
            <c-col :span="24">
                <c-col :span="10">
                    <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="14">
                    <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>
            <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">
                <el-form-item label="索赔日期" prop="ncdgrp.rec.clmdat" :required="model.ncdgrp.rec.expflg == ''">
                    <c-date-picker  v-model="model.ncdgrp.rec.clmdat" :disabled="model.ncdgrp.rec.clmdat !== ''" type="date" placeholder="请输入索赔日期"
                      ></c-date-picker>
                </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";
import BigNumber from "bignumber.js";


export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event, Default],
  data() {
    return {
         rebkpflgItem: [ {
          value: 'B',
          label: '是'
        }, {
          value: 'N',
          label: '否'
        }],
    };
  },
  methods: {},
  computed: {
    filterKey() {
      let filterKey = [];
      if (
        new BigNumber(this.model.ncdgrp.cbs.opn1.amt).plus(
          new BigNumber(this.model.ncdgrp.cbs.opn2.amt)
        ) == 0
      ) {
        filterKey = ["A"];
      } else {
        filterKey = ["A", "B", "N"];
      }
      return filterKey;
    }
  }
};
</script>
<style>
</style>