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

        <c-col :span="24" class="custom-box-wrap">
          <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="12">
          <el-form-item label="保函余额" prop="nidgrp.cbs.opn1.cur" previewLabel="信用证币种">
            <c-select v-model="model.nidgrp.cbs.opn1.cur" placeholder="" style="width: 100%" disabled dbCode="curtxt">
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="12">
          <el-form-item previewLabel="信用证金额" style="text-align: left" label-width="5px" prop="nidgrp.cbs.opn1.amt">
            <c-input-currency :currency="model.nidgrp.cbs.opn1.cur" v-model="model.nidgrp.cbs.opn1.amt" placeholder="请输入信用证金额" disabled></c-input-currency>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="24">
            <el-form-item label="索赔编号" prop="ncdgrp.rec.ownref" style="width: 100%">
              <c-input v-model="model.ncdgrp.rec.ownref" maxlength="8" placeholder="请输入" disabled></c-input>
            </el-form-item>
          </c-col>
        </c-col>

        <c-row :span="24">
          <c-col :span="12">
            <el-form-item label="索赔金额" prop="ncdgrp.cbs.max.cur" previewLabel="信用证币种">
              <c-input v-model="model.ncdgrp.cbs.max.cur" maxlength="3" disabled placeholder="请输入索赔金额"></c-input>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item previewLabel="信用证金额" style="text-align: left" label-width="5px" prop="ncdgrp.cbs.max.amt">
              <c-input-currency :currency="model.ncdgrp.cbs.max.cur" v-model="model.ncdgrp.cbs.max.amt" placeholder="请输入信用证金额" disabled></c-input-currency>
            </el-form-item>
          </c-col>
          <!-- <c-col :span="5">
            <c-checkbox v-model="model.nctp.adaflg" disabled style="margin-left: 18px; height: 32px;line-height: 32px;padding-bottom: 2px;">附加金额
            </c-checkbox>
          </c-col> -->
        </c-row>

        <c-col :span="24">
          <el-form-item label="索赔日期" prop="ncdgrp.rec.clmdat">
            <c-input v-model="model.ncdgrp.rec.clmdat" maxlength="40" disabled placeholder="请输入索赔日期"></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item label="拒付通知标题" prop="lettername">
            <c-input v-model="model.lettername" maxlength="16" ></c-input>
          </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.rec.gartyp">
            <c-select disabled v-model="model.nidgrp.rec.gartyp" style="width: 100%" placeholder="请选择保函类型" dbCode="typgar">
            </c-select>
          </el-form-item>
        </c-col>

         <c-col :span="24">
          <el-form-item label="选择拒付类型" prop="rejtypsel">
            <c-select v-model="model.rejtypsel" style="width:100%" placeholder="" @change="rejtypselChange">
              <el-option v-for="item in rejflgList" :key="item.id" :label="item.txt" :value="item.cod"></el-option>
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="18">
          <el-form-item label="拒付报文发送日期" prop="ncdgrp.rec.msgdat">
            <c-date-picker type="date" v-model="model.ncdgrp.rec.msgdat" style="width: 100%" ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="6">
          <c-checkbox v-model="model.clsflg" style="margin-left: 20px" :disabled="model.rejtypsel != 'R'" @change="clsflgChange">索赔闭卷</c-checkbox>
        </c-col>

        <c-col :span="24">
          <el-form-item label="拒付原因" prop="swiadd.strinfs20">
            <c-mul-row-input :isRequired="true" :autosize="{ minRows: 3, maxRows: 3}" :cols="65" :rows="3" placeholder="请输入拒付原因" v-model="model.swiadd.strinfs20">
							</c-mul-row-input>
          </el-form-item>
        </c-col>

         <c-col :span="24">
          <c-ptap-common  :title="title" :model="model" grp="ncdgrp"></c-ptap-common>
        </c-col>

      </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 {
      ifClsflg: "",
      rejflgList: [],
      title:'单据处理方式'
    };
  },
  mounted() {
    this.getRejflgList();
  },
  methods: {}
};
</script>
<style scoped lang="less">
::v-deep .c-highlight-content {
  overflow: hidden;
}
</style>