<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" @change="handleChangeFingua">
              </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="请输入保函余额" @change="handleChangeFingua"></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" @change="changeExpflgOrHndtyp">
            </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" 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="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 :span="24">
          <el-form-item label="被担保人名称" prop="nidgrp.rec.bdbrmc">
            <c-input disabled v-model="model.nidgrp.rec.bdbrmc" placeholder="请输入被担保人名称"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="被担保人法定代表人" prop="nidgrp.rec.bdbdbr">
            <c-input disabled v-model="model.nidgrp.rec.bdbdbr" placeholder="请输入被担保人法定代表人"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="被担保人地址" prop="nidgrp.rec.bdbrdz">
            <c-input disabled v-model="model.nidgrp.rec.bdbrdz" placeholder="请输入被担保人地址"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="被担保人联系电话" prop="nidgrp.rec.bdbrdh">
            <c-input disabled v-model="model.nidgrp.rec.bdbrdh" placeholder="请输入被担保人联系电话"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="担保银行名称" prop="nidgrp.rec.dbyhmc">
            <c-input disabled v-model="model.nidgrp.rec.dbyhmc" placeholder="请输入担保银行名称"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="担保银行法定代表人" prop="nidgrp.rec.dbyhdb">
            <c-input disabled v-model="model.nidgrp.rec.dbyhdb" placeholder="请输入担保银行法定代表人"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="担保银行地址" prop="nidgrp.rec.dbyhdz">
            <c-input disabled v-model="model.nidgrp.rec.dbyhdz" placeholder="请输入担保银行地址"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="担保银行联系电话" prop="nidgrp.rec.dbyhdh">
            <c-input disabled v-model="model.nidgrp.rec.dbyhdh" placeholder="请输入担保银行联系电话"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="多个受益海关(应该是个列表）" prop="nidgrp.rec.ptyhgq">
            <c-input disabled v-model="model.nidgrp.rec.ptyhgq" placeholder="请输入多个受益海关"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="已经生效的受益海关（应该是列表中勾选的值）" prop="nidgrp.rec.ptyhsx">
            <c-input disabled v-model="model.nidgrp.rec.ptyhsx" 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 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.fingua">
            <c-select disabled v-model="model.nidgrp.rec.fingua" style="width: 100%" placeholder="请选择是否对外担保" dbCode="fingua"></c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24" v-if="model.nidgrp.cbs.max.cur == 'CNY'">
          <c-col :span="24">
            <el-form-item label="对外担保类型" prop="nidgrp.rec.cfaguatyp">
              <c-select disabled v-model="model.nidgrp.rec.cfaguatyp" style="width: 90%" placeholder="请选择对外担保类型" dbCode="CFAGUT"></c-select>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24" v-if="model.nidgrp.cbs.max.cur != 'CNY'">
          <el-form-item label="对外担保类型" prop="nidgrp.rec.cfaguatyp">
            <c-select disabled v-model="model.nidgrp.rec.cfaguatyp" style="width: 100%" placeholder="请选择对外担保类型" dbCode="CFAGUT"></c-select>
          </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 :span="24">
          <el-form-item label="追索截止天数" prop="nidgrp.rec.zsjzts">
            <c-input disabled v-model="model.nidgrp.rec.zsjzts" placeholder="请输入追索截止天数"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="统一社会信用代码" prop="nidgrp.rec.idcode">
            <c-input disabled v-model="model.nidgrp.rec.idcode" placeholder="请输入统一社会信用代码"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="索偿付款账号" prop="nidgrp.rec.beyzd1">
            <c-input disabled v-model="model.nidgrp.rec.beyzd1" placeholder="请输入索偿付款账号"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="申请人企业代码" prop="nidgrp.rec.sqqydm">
            <c-input disabled v-model="model.nidgrp.rec.sqqydm" placeholder="请输入申请人企业代码"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="申请人企业海关注册编码" prop="nidgrp.rec.sqqyhg">
            <c-input disabled v-model="model.nidgrp.rec.sqqyhg" placeholder="请输入申请人企业海关注册编码"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="申请人名称" prop="nidgrp.rec.sqrnam">
            <c-input disabled v-model="model.nidgrp.rec.sqrnam" placeholder="请输入申请人名称"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="申请人法定代表人" prop="nidgrp.rec.sqrdbr">
            <c-input disabled v-model="model.nidgrp.rec.sqrdbr" placeholder="请输入申请人法定代表人"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="申请人地址" prop="nidgrp.rec.sqradr">
            <c-input disabled v-model="model.nidgrp.rec.sqradr" placeholder="请输入申请人地址"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item label="申请人联系电话" prop="nidgrp.rec.sqrtel">
            <c-input disabled v-model="model.nidgrp.rec.sqrtel" placeholder="请输入申请人联系电话"></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24" class="centerLable">
          <el-form-item>
            <c-button disabled size="small" type="primary">
              全选
            </c-button>
          </el-form-item>
        </c-col>
        <c-col :span="24" class="centerLable">
          <el-form-item>
            <c-button disabled size="small" type="primary">
              全空
            </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>