<template>
  <div class="eibs-tab">
    <c-col :span="24">
      <!-- ==================左边================ -->
      <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" placeholder="请输入保函编号" disabled></c-input>
              <template slot="footer">
                <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>
                <c-button :disabled="model.nidgrp.rec.ownref == ''? false : true" style="margin: 0 0" size="small" type="primary" @click="queryOwnref">获取</c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="经办柜员" prop="nitp.usr.extkey" style="width: 100%">
            <c-fullbox>
              <c-input v-model="model.nidgrp.rec.ownusr" maxlength="8" placeholder="请输入客户经理" disabled></c-input>
              <template slot="footer">
                <c-button disabled style="padding: 0 12px" size="small" type="primary" icon="el-icon-search">
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="保函币种和金额" prop="nidgrp.cbs.max.cur">
              <c-select disabled v-model="model.nidgrp.cbs.max.cur" style="width: 100%" placeholder="请选择保函币种" dbCode="curtxt">
              </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 v-model="model.nidgrp.cbs.max.amt" :currency="model.nidgrp.cbs.max.cur" style="width:80%;" placeholder="请输入保函金额"></c-input-currency>
            </el-form-item>
          </c-col>

        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="保函余额" prop="nidgrp.cbs.opn1.cur">
              <c-input disabled v-model="model.nidgrp.cbs.opn1.cur" style="width: 100%" placeholder="请输入保函余额"></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="nidgrp.cbs.opn1.amt">
              <c-input-currency disabled v-model="model.nidgrp.cbs.opn1.amt" :currency="model.nidgrp.cbs.opn1.cur" style="width:80%;" placeholder="请输入"></c-input-currency>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item label="保函开立类型" prop="nidgrp.rec.hndtyp">
            <c-select disabled v-model="model.nidgrp.rec.hndtyp" style="width: 100%" placeholder="请选择保函开立类型" dbCode="hndtyp">
            </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%" placeholder="请选择保函种类" dbCode="TYPGAR" @change="changeGartyp">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- 当保函种类选择F时，特殊保函类型显示，否则不显示 -->
        <c-col :span="24" v-if="model.nidgrp.rec.gartyp == 'F'">
          <el-form-item label="特殊保函类型" prop="nidgrp.rec.segtyp">
            <c-select disabled v-model="model.nidgrp.rec.segtyp" style="width: 100%" placeholder="请选择特殊保函类型" dbCode="segtyp">
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="12" class="centerLable">
            <el-form-item label="" prop="nitp.dzbhflg" class="checkbox-left">
              <c-checkbox disabled v-model="model.nitp.dzbhflg">电子保函标志</c-checkbox>
            </el-form-item>
          </c-col>
<!--          <c-col :span="12" class="centerLable" v-if="root.trnName=='nitpdl'">
            <el-form-item label="" prop="nidgrp.rec.needcuscomopn" class="checkbox-left">
              <c-checkbox disabled v-model="model.nidgrp.rec.needcuscomopn">需客户确认</c-checkbox>
            </el-form-item>
          </c-col>-->

        </c-col>

<!--        <c-col :span="24">
          <el-form-item label="面函标题" prop="nitp.lettername">
            <c-input disabled v-model="model.nitp.lettername" maxlength="60" placeholder="请输入面函标题"></c-input>
          </el-form-item>
        </c-col>-->

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="申请条款" prop="nidgrp.blk.apprul">
              <c-select disabled v-model="model.nidgrp.blk.apprul" style="width: 100%" placeholder="请选择申请条款" dbCode="apprul">
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="nidgrp.blk.apprultxt">
              <c-input v-model="model.nidgrp.blk.apprultxt" maxlength="35" placeholder="请输入申请条款" disabled></c-input>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <el-form-item label="保函文本语言种类" prop="nidgrp.rec.giduil">
            <c-select disabled v-model="model.nidgrp.rec.giduil" style="width: 100%" placeholder="请选择保函文本语言种类" dbCode="uiltxt">
            </c-select>
          </el-form-item>
        </c-col>
        <!-- <c-col :span="12">
            <el-form-item label="核销日期" prop="nidgrp.rec.vrfdat">
              <c-date-picker type="date" :disabled="model.nidgrp.gartyp !='X'" v-model="model.nidgrp.rec.vrfdat" style="width: 100%" placeholder="请选择核销日期"></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col> -->

        <c-col :span="24">
          <el-form-item label="保函文本格式" prop="nidgrp.rec.gtxinr">
            <c-select disabled v-model="model.nidgrp.rec.gtxinr" style="width: 100%" placeholder="请选择保函文本格式" dbCode="gtxinr">
            </c-select>
          </el-form-item>
        </c-col>

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

        <c-col :span="24">
          <el-form-item label="合同号" prop="nidgrp.rec.orcref">
            <c-input disabled v-model="model.nidgrp.rec.orcref" maxlength="100" placeholder="请输入合同号"></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.orddat">
            <c-date-picker disabled type="date" v-model="model.nidgrp.rec.orddat" style="width: 100%" placeholder="请选择客户委托我行日期"></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="保函开立日期" prop="nidgrp.rec.opndat">
            <c-date-picker disabled type="date" v-model="model.nidgrp.rec.opndat" style="width: 100%" placeholder="请选择保函开立日期"></c-date-picker>
          </el-form-item>
        </c-col>
        <!-- </c-col> -->
        <c-col :span="24">
          <c-col :span="14">
            <el-form-item label="保函效期" prop="nidgrp.rec.expdat">
              <c-date-picker disabled type="date" v-model="model.nidgrp.rec.expdat" style="width: 90%" placeholder="请选择保函效期"></c-date-picker>
            </el-form-item>
          </c-col>
          <!-- <c-col :span="10" class="centerLable">
            <el-form-item label="" prop="nidgrp.rec.expflg" class="checkbox-left" label-width="0px">
              <c-checkbox disabled true-label="X" false-label="" v-model="model.nidgrp.rec.expflg">无限额保函</c-checkbox>
            </el-form-item>
          </c-col> -->

        </c-col>

        <c-col :span="24">
          <c-col :span="14">
            <el-form-item label="我行责任截至日" prop="nidgrp.rec.liadat">
              <c-date-picker disabled type="date" v-model="model.nidgrp.rec.liadat" style="width: 90%" placeholder="请选择我行责任截至日"></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="10" class="centerLable">
            <el-form-item label="" prop="nidgrp.rec.expflg" class="checkbox-left" label-width="0px">
              <c-checkbox v-model="model.nidgrp.rec.liaflg" disabled >我行责任敞口</c-checkbox>
            </el-form-item>
          </c-col>

        </c-col>
        <!-- 当特殊保函类型为01上海自贸区海关关税时，保函生效日展示，否则不展示 -->
        <c-col :span="24" v-if="model.nidgrp.rec.segtyp == '01'">
          <el-form-item label="保函生效日" prop="nidgrp.rec.inudat">
            <c-date-picker disabled type="date" v-model="model.nidgrp.rec.inudat" style="width: 100%" placeholder="请选择保函生效日" ></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="基础贸易是/否跨境贸易" prop="nidgrp.rec.iscrotra">
            <c-select disabled v-model="model.nidgrp.rec.iscrotra" style="width: 100%" placeholder="请选择是否跨境贸易" dbCode="ISCROT"></c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24" class="centerLable">
          <el-form-item label="" prop="nidgrp.rec.cmtflg" class="checkbox-left">
            <c-checkbox disabled v-model="model.nidgrp.rec.cmtflg" true-label="X" false-label="">跨境人民币保函</c-checkbox>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="抵押标志" prop="nidgrp.rec.guaflg">
            <c-select disabled v-model="model.nidgrp.rec.guaflg" style="width: 100%" placeholder="请选择抵押标志" dbCode="guaflg"></c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="24">
            <el-form-item label="是否生成查询码" prop="nidgrp.rec.cxmflg">
              <c-select disabled v-model="model.nidgrp.rec.cxmflg"  style="width: 100%" placeholder="请选择是否生成查询码"  dbCode="cxmflg"></c-select>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24" class="centerLable">
          <el-form-item>
            <c-button size="small" type="primary" disabled style="color: white; ">
              显示文本
            </c-button>
          </el-form-item>
        </c-col>
        <c-col :span="24" class="centerLable">
          <el-form-item>
            <c-button size="small" type="primary" disabled>
              协议签署
            </c-button>
          </el-form-item>
        </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 {};
  },
  computed: {},
  methods: {}
};
</script>
<style scoped>
.el-textarea .el-textarea__inner {
  height: 100px;
}
</style>