<template>
  <div class="eibs">
    <c-col :span="24">
      <!-- ==================左边================ -->
      <c-col :span="12" style="padding-right: 20px">
        <c-col :span="24">
          <el-form-item label="保函编号" prop="gidgrp.rec.ownref">
            <c-fullbox>
              <c-input
                v-model="model.gidgrp.rec.ownref"
                maxlength="16"
                placeholder="请输入保函编号"
                disabled
              ></c-input>
              <template slot="footer">
                <!-- <el-form-item label="" label-width="5px"> -->
                <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="flag"
                  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="gitp.usr.extkey"
            style="width: 100%"
          >
            <c-fullbox>
              <c-input
                v-model="model.gitp.usr.extkey"
                maxlength="8"
                placeholder="请输入客户经理"
                disabled
              ></c-input>
              <template slot="footer">
                <c-button
                  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="gidgrp.cbs.max.cur">
              <c-select
                v-model="model.gidgrp.cbs.max.cur"
                style="width: 100%"
                placeholder="请选择保函币种"
                :code="codes.curtxt1"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="model.gitp.swiftflg != 'Y'? 8 : 12">
            <el-form-item label-width="5px" prop="gidgrp.cbs.max.amt">
              <c-input-currency
                v-model="model.gidgrp.cbs.max.amt"
                :style="amtwidth"
                placeholder="请输入保函金额"
                @keyup.enter.native="$event.target.blur()"
              ></c-input-currency>
            </el-form-item>
          </c-col>
          <c-col :span="4" class="centerLable" v-if="model.gitp.swiftflg != 'Y'">
            <c-checkbox disabled v-model="model.gitp.dzbhflg"
              >电子保函标志</c-checkbox
            >
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="保函余额" prop="gidgrp.cbs.opn1.cur">
              <c-input
                disabled
                v-model="model.gidgrp.cbs.opn1.cur"
                style="width: 100%"
                placeholder="请输入保函余额"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="model.gitp.swiftflg == 'Y' ? 8 : 12">
            <el-form-item label-width="5px" prop="gidgrp.cbs.opn1.amt">
              <c-input-currency
                disabled
                v-model="model.gidgrp.cbs.opn1.amt"
                style="amtwidth"
                placeholder="请输入"
              ></c-input-currency>
            </el-form-item>
          </c-col>
          <c-col :span="4" class="centerLable" v-if="model.gitp.swiftflg == 'Y'">
            <c-checkbox v-model="model.gitp.inc760">传入损失</c-checkbox>
          </c-col>
        </c-col>

        <c-col :span="24" v-if="model.gitp.swiftflg == 'Y'">
          <c-col :span="24">
            <el-form-item
              label="接收目的"
              prop="gidgrp.rec.purposin"
            >
              <c-select
                :disabled="model.gitp.inc760 == ''"
                v-model="model.gidgrp.rec.purposin"
                style="width: 100%"
                placeholder="请选择接收目的"
                :code="codes.purposin"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="支出目的" prop="gidgrp.rec.purpos">
              <c-select
                v-model="model.gidgrp.rec.purpos"
                style="width: 100%"
                placeholder="请选择支出目的"
                :code="codes.purpos"
                @change="handleChangePurpos"
              >
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item
            label="保函开立类型"
            prop="gidgrp.rec.hndtyp"
          >
            <c-select
              v-model="model.gidgrp.rec.hndtyp"
              style="width: 100%"
              placeholder="请选择保函开立类型"
              :code="codes.voHndtyp"
            >
            </c-select>
          </el-form-item>
        </c-col>

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

        <c-col :span="24">
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y'"
              label="保函形式"
              prop="gidgrp.rec.legfrm"
            >
              <c-select
                v-model="model.gidgrp.rec.legfrm"
                style="width: 100%"
                placeholder="请选择保函形式"
              >
                <el-option
                  v-for="item in codes.legfrm"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg == 'Y'"
            label="需求指示"
            prop="gidgrp.rec.demand"
          >
            <c-select
              v-model="model.gidgrp.rec.demand"
              style="width: 100%"
              placeholder="请选择需求指示"
            >
              <el-option
                v-for="item in codes.demand"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg != 'Y'"
            label="面函标题"
            prop="gitp.lettername"
          >
            <c-input
              v-model="model.gitp.lettername"
              maxlength="60"
              placeholder="请输入面函标题"
            ></c-input>
          </el-form-item>
        </c-col>
        <!-- <c-col :span="4">
                    <span style="font-size: 15px; font-family: '宋体'; font-weight: bold" v-text="model.gitp.oppbnkl"   data-path=".gitp.oppbnkl" ></span>
                </c-col> -->
        <!-- </c-col> -->
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item label="申请条款" prop="gidgrp.blk.apprul">
              <c-select
                v-model="model.gidgrp.blk.apprul"
                style="width: 100%"
                placeholder="请选择申请条款"
                :code="codes.apprulc1"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label-width="5px" prop="gidgrp.blk.apprultxt">
              <c-input
                v-model="model.gidgrp.blk.apprultxt"
                maxlength="35"
                placeholder="请输入申请条款"
                :disabled="model.gidgrp.blk.apprul!='OTHR'"
              ></c-input>
            </el-form-item>
          </c-col>
        </c-col>
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item
              label="保函文本语言种类"
              prop="gidgrp.rec.giduil"
            >
              <c-select
                v-model="model.gidgrp.rec.giduil"
                style="width: 100%"
                placeholder="请选择保函文本语言种类"
                :code="codes.uiltxt1"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item
              v-if="model.gitp.swiftflg == 'N'"
              label="核销日期"
              prop="gidgrp.rec.vrfdat"
            >
              <c-date-picker
                type="date"
                :disabled="model.gidgrp.gartyp !='X'"
                v-model="model.gidgrp.rec.vrfdat"
                style="width: 100%"
                placeholder="请选择核销日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item
            v-show="model.gitp.swiftflg == 'N'"
            label="保函文本格式"
            prop="gidgrp.rec.gtxinr"
          >
            <c-select
              v-model="model.gidgrp.rec.gtxinr"
              style="width: 100%"
              placeholder="请选择保函文本格式"
              :code="codes.gtxinr"
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="特殊保函类型"
              prop="gidgrp.ghd.segtyp"
            >
              <c-select
                disabled
                v-model="model.gidgrp.ghd.segtyp"
                style="width: 100%"
                placeholder="请选择特殊保函类型"
              >
                <el-option
                  v-for="item in codes.segtyp"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="分离式保函"
              prop="gidgrp.rec.fenlishi"
            >
              <c-select
                :disabled="
                  model.gidgrp.rec.hndtyp != 'OC' &&
                  model.gidgrp.rec.hndtyp != 'OL'
                "
                v-model="model.gidgrp.rec.fenlishi"
                style="width: 100%"
                placeholder="请选择是否分离式保函"
              >
                <el-option
                  v-for="item in codes.fenlishi2"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>

        <c-col :span="24" v-show="model.gitp.swiftflg == 'Y'">
          <el-form-item
            label="保函文本格式"
            prop="gidgrp.rec.atxinr"
          >
            <c-select
              :disabled="
                model.gidgrp.rec.purpos == 'ADVI' ||
                model.gidgrp.rec.purpos == 'ACNF'
              "
              v-model="model.gidgrp.rec.atxinr"
              style="width: 100%"
              placeholder="请选择保函文本格式"
              :code="codes.gtxinr"
              @change="executeNotify(null, true)"
            >
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="12">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="客户委托我行日期"
              prop="gidgrp.rec.orddat"
            >
              <c-date-picker
                type="date"
                v-model="model.gidgrp.rec.orddat"
                style="width: 100%"
                placeholder="请选择客户委托我行日期"
              ></c-date-picker>
            </el-form-item>
          </c-col>

          <c-col :span="12">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="保函开立日期"
              prop="gidgrp.rec.opndat"
            >
              <c-date-picker
                type="date"
                v-model="model.gidgrp.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
              v-if="model.gitp.swiftflg == 'N'"
              label="保函效期"
              prop="gidgrp.rec.expdat"
            >
              <c-date-picker
                :disabled="model.gidgrp.rec.expflg == 'X'"
                type="date"
                v-model="model.gidgrp.rec.expdat"
                style="width: 90%"
                placeholder="请选择保函效期"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col
            :span="7"
            v-if="model.gitp.swiftflg == 'N'"
            class="centerLable"
          >
            <el-form-item
              label=""
              prop="gidgrp.rec.expflg"
              class="checkbox-left"
              label-width="0px"
            >
              <c-checkbox v-model="model.gidgrp.rec.expflg"
                >无限额保函</c-checkbox
              >
            </el-form-item>
          </c-col>
          <c-col
            :span="3"
            v-if="model.gitp.swiftflg == 'N'"
            class="centerLable"
          >
            <c-button
              size="small"
              type="primary"
              disabled
              style="color: white; float: right"
            >
              显示文本
            </c-button>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="14">
            <el-form-item
              v-if="model.gitp.swiftflg == ''"
              label="保函效期"
              prop="gidgrp.rec.expdat"
            >
              <c-date-picker
                type="date"
                v-model="model.gidgrp.rec.expdat"
                style="width: 90%"
                placeholder="请选择保函效期"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="7" v-if="model.gitp.swiftflg == ''" class="centerLable">
            <el-form-item
              label=""
              prop="gidgrp.rec.expflg"
              class="checkbox-left"
              label-width="0px"
            >
              <c-checkbox v-model="model.gidgrp.rec.expflg"
                >无限额保函</c-checkbox
              >
            </el-form-item>
          </c-col>
          <c-col :span="3" v-if="model.gitp.swiftflg == ''" class="centerLable">
            <c-button
              size="small"
              type="primary"
              disabled
              style="color: white; float: right"
            >
              显示文本
            </c-button>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="14">
            <el-form-item
              v-if="model.gitp.swiftflg == 'N'"
              label="我行责任截至日"
              prop="gidgrp.rec.liadat"
            >
              <c-date-picker
                :disabled="
                  model.gidgrp.rec.hndtyp != 'OC' ||
                  model.gidgrp.rec.liaflg == 'X'
                "
                type="date"
                v-model="model.gidgrp.rec.liadat"
                style="width: 90%"
                placeholder="请选择我行责任截至日"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col
            :span="7"
            v-if="model.gitp.swiftflg == 'N'"
            class="centerLable"
          >
          <el-form-item
              label=""
              prop="gidgrp.rec.liaflg"
              class="checkbox-left"
              label-width="0px"
            >
              <c-checkbox
                v-model="model.gidgrp.rec.liaflg"
                :disabled="
                  model.gidgrp.rec.hndtyp != 'OC' ||
                  model.gidgrp.rec.expflg == 'X'
                "
                >我行责任敞口</c-checkbox
              >
            </el-form-item>
          </c-col>
          <c-col
            :span="3"
            v-if="model.gitp.swiftflg == 'N'"
            class="centerLable"
          >
            <c-button
              size="small"
              type="primary"
              disabled
              style="float: right"
            >
              协议签署
            </c-button>
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="14">
            <el-form-item
              v-if="model.gitp.swiftflg == ''"
              label="我行责任截至日"
              prop="gidgrp.rec.liadat"
            >
              <c-date-picker
                type="date"
                v-model="model.gidgrp.rec.liadat"
                style="width: 90%"
                placeholder="请选择我行责任截至日"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="7" v-if="model.gitp.swiftflg == ''" class="centerLable">
              <c-checkbox
                v-model="model.gidgrp.rec.liaflg"
                :disabled="
                  model.gidgrp.rec.hndtyp != 'OC' ||
                  model.gidgrp.rec.expflg == 'X'
                "
                >我行责任敞口</c-checkbox
              >
          </c-col>
          <c-col :span="3" v-if="model.gitp.swiftflg == ''" class="centerLable">
            <c-button
              size="small"
              type="primary"
              disabled
              style="float: right"
            >
              协议签署
            </c-button>
          </c-col>
        </c-col>
        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg != 'Y'"
            label="保函生效日"
            prop="gidgrp.rec.inudat"
          >
            <c-date-picker
              type="date"
              v-model="model.gidgrp.rec.inudat"
              style="width: 100%"
              placeholder="请选择保函生效日"
              :disabled="model.gidgrp.rec.gartyp!='U'&&(model.gidgrp.gartyp!='F'||(model.gidgrp.ghd.segtyp!='01'&&model.gidgrp.ghd.segtyp!='02'))"
            ></c-date-picker>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg != 'Y'"
            label="抵押标志"
            prop="gidgrp.rec.guaflg"
          >
            <c-select
              v-model="model.gidgrp.rec.guaflg"
              style="width: 100%"
              placeholder="请选择抵押标志"
            >
              <el-option
                v-for="item in codes.guaflg"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="12">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="被保证人"
              prop="gidgrp.gidcxm.warran"
            >
              <c-input
                :disabled="
                  model.gidgrp.rec.hndtyp != 'OT' &&
                  model.gidgrp.rec.fenlishi == ''
                "
                v-model="model.gidgrp.gidcxm.warran"
                maxlength="40"
                placeholder="请输入被保证人"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="是否生成查询码"
              prop="gidgrp.gidcxm.cxmflg"
            >
              <c-select
                v-model="model.gidgrp.gidcxm.cxmflg"
                style="width: 100%"
                placeholder="请选择是否生成查询码"
              >
                <el-option
                  v-for="item in codes.cxmflg"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
      <!-- ============右边================= -->
      <c-col :span="12" style="padding-left: 20px">
        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg != 'Y'"
            label="简略信息"
            prop="gidgrp.rec.nam"
          >
            <c-input
              v-model="model.gidgrp.rec.nam"
              maxlength="40"
              placeholder="请输入简略信息"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg != 'Y'"
            label="申请人参考号"
            prop="gidgrp.apl.pts.ref"
          >
            <c-input
              :disabled="model.gidgrp.ghd.segtyp == '02'"
              v-model="model.gidgrp.apl.pts.ref"
              maxlength="16"
              placeholder="请输入申请人参考号"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg != 'Y'"
            label="申请人"
            prop="gidgrp.apl.pts.extkey"
          >
            <c-fullbox>
              <c-input
                v-model="model.gidgrp.apl.pts.extkey"
                maxlength="16"
                placeholder="请输入"
                @keyup.enter.native="queryGridEtyPromptDialogData('APL', 'C')"
              >
              </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"></i>
                </c-button>
                <c-button
                  :disabled="model.gidgrp.rec.hndtyp != 'OT'"
                  size="small"
                  type="primary"
                  @click="queryFormData"
                >
                  详情
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg != 'Y'"
            label="地址名称"
            prop="gidgrp.apl.pts.adrblk"
          >
            <c-input
              :disabled="
                model.gidgrp.rec.hndtyp != 'OT' ||
                model.gidgrp.apl.pts.adrblk != ''
              "
              rows="4"
              type="textarea"
              v-model="model.gidgrp.apl.pts.adrblk"
              maxlength="140"
              show-word-limit
              placeholder="请输入地址名称"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item
            v-if="
              (model.gidgrp.rec.hndtyp == 'OL' ||
                model.gidgrp.rec.hndtyp == '') &&
              model.gitp.swiftflg != 'Y'
            "
            label="通知行或收报行参考号"
            prop="gidgrp.adv.pts.ref"
          >
            <c-input
              v-model="model.gidgrp.adv.pts.ref"
              maxlength="16"
              placeholder="请输入通知行或收报行参考号"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            v-if="
              (model.gidgrp.rec.hndtyp == 'OL' ||
              model.gidgrp.rec.hndtyp == '') &&
              model.gitp.swiftflg != 'Y'
            "
            label="通知行或收报行（即转开行）"
            prop="gidgrp.adv.pts.extkey"
          >
            <c-fullbox>
              <c-input
                v-model="model.gidgrp.adv.pts.extkey"
                maxlength="16"
                placeholder="请输入"
                @keyup.enter.native="queryGridEtyPromptDialogData('ADV', 'B')"
              >
              </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"></i>
                </c-button>
                <c-button size="small" type="primary" @click="queryFormData">
                  详情
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            v-if="
              (model.gidgrp.rec.hndtyp == 'OL' ||
                model.gidgrp.rec.hndtyp == '') &&
              model.gitp.swiftflg != 'Y'
            "
            label="地址名称"
            prop="gidgrp.adv.pts.adrblk"
          >
            <c-input
              :disabled="model.gidgrp.adv.pts.adrblk != ''"
              rows="4"
              type="textarea"
              v-model="model.gidgrp.adv.pts.adrblk"
              maxlength="140"
              show-word-limit
              placeholder="请输入地址名称"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item
            v-if="
              (model.gidgrp.rec.hndtyp == 'OC' ||
                model.gidgrp.rec.hndtyp == 'OT') &&
              model.gitp.swiftflg != 'Y'
            "
            label="开证行"
            prop="gidgrp.iss.pts.ref"
          >
            <c-input
              v-model="model.gidgrp.iss.pts.ref"
              maxlength="16"
              placeholder="请输入开证行"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            v-if="
              (model.gidgrp.rec.hndtyp == 'OC' ||
              model.gidgrp.rec.hndtyp == 'OT') &&
              model.gitp.swiftflg != 'Y'
            "
            label="开证行"
            prop="gidgrp.iss.pts.extkey"
          >
            <c-fullbox>
              <c-input
                v-model="model.gidgrp.iss.pts.extkey"
                maxlength="16"
                placeholder="请输入"
                @keyup.enter.native="queryGridEtyPromptDialogData('ISS', 'B')"
              ></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"></i>
                </c-button>
                <c-button
                  disabled
                  size="small"
                  type="primary"
                >
                  详情
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            v-if="
              (model.gidgrp.rec.hndtyp == 'OC' ||
                model.gidgrp.rec.hndtyp == 'OT') &&
              model.gitp.swiftflg != 'Y'
            "
            label="地址名称"
            prop="gidgrp.iss.pts.adrblk"
          >
            <c-input
              disabled
              rows="4"
              type="textarea"
              v-model="model.gidgrp.iss.pts.adrblk"
              maxlength="140"
              show-word-limit
              placeholder="请输入地址名称"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg != 'Y'"
            label="受益人参考号"
            prop="gidgrp.ben.pts.ref"
          >
            <c-input
              v-model="model.gidgrp.ben.pts.ref"
              maxlength="16"
              placeholder="请输入受益人参考号"
            ></c-input>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg != 'Y'"
            label="受益人"
            prop="gidgrp.ben.pts.extkey"
          >
            <c-fullbox>
              <c-input
                v-model="model.gidgrp.ben.pts.extkey"
                maxlength="16"
                placeholder="请输入"
                @keyup.enter.native="queryGridEtyPromptDialogData('BEN', 'C')"
              ></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"></i>
                </c-button>
                <c-button
                  :disabled="model.gidgrp.rec.hndtyp == 'OT'"
                  size="small"
                  type="primary"
                  @click="queryFormData"
                >
                  详情
                </c-button>
              </template>
            </c-fullbox>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg != 'Y'"
            label="地址名称"
            prop="gidgrp.ben.pts.adrblk"
          >
            <c-input
              :disabled="
                model.gidgrp.rec.hndtyp == 'OT' ||
                model.gidgrp.ben.pts.adrblk != ''
              "
              rows="4"
              type="textarea"
              v-model="model.gidgrp.ben.pts.adrblk"
              maxlength="140"
              show-word-limit
              placeholder="请输入地址名称"
            ></c-input>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg != 'Y'"
            label="是否对外担保"
            prop="gidgrp.rec.fingua"
          >
            <c-select
              v-model="model.gidgrp.rec.fingua"
              style="width: 100%"
              placeholder="请选择是否对外担保"
            >
              <el-option
                v-for="item in codes.fingua"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
        <c-col
          :span="24"
          v-if="model.gidgrp.cbs.max.cur == 'CNY' && model.gitp.swiftflg != 'Y'"
        >
          <c-col :span="20">
            <el-form-item label="对外担保类型" prop="gidgrp.rec.cfaguatyp">
              <c-select
                :disabled="
                  model.gidgrp.rec.fingua == 'N' ||
                  model.gidgrp.rec.fingua == ''
                "
                v-model="model.gidgrp.rec.cfaguatyp"
                style="width: 90%"
                placeholder="请选择对外担保类型"
              >
                <el-option
                  v-for="item in codes.cfaguatyp"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="4" class="centerLable">
            <c-checkbox
              label="跨境人民币保函"
              disabled
              v-model="model.gidgrp.rec.cmtflg"
              >跨境人民币保函</c-checkbox
            >
          </c-col>
        </c-col>

        <c-col
          :span="24"
          v-if="model.gitp.swiftflg != 'Y' && model.gidgrp.cbs.max.cur != 'CNY'"
        >
          <el-form-item label="对外担保类型" prop="gidgrp.rec.cfaguatyp">
            <c-select
              :disabled="
                model.gidgrp.rec.fingua == 'N' || model.gidgrp.rec.fingua == ''
              "
              v-model="model.gidgrp.rec.cfaguatyp"
              style="width: 100%"
              placeholder="请选择对外担保类型"
            >
              <el-option
                v-for="item in codes.cfaguatyp"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg == 'Y'"
            label="客户委托我行日期"
            prop="gidgrp.rec.orddat"
          >
            <c-date-picker
              type="date"
              v-model="model.gidgrp.rec.orddat"
              style="width: 100%"
              placeholder="请选择客户委托我行日期"
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg == 'Y'"
            label="生效日期"
            prop="gidgrp.rec.opndat"
          >
            <c-date-picker
              type="date"
              v-model="model.gidgrp.rec.opndat"
              style="width: 100%"
              placeholder="请选择生效日期"
            ></c-date-picker>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg == 'Y'"
            label="到期类型"
            prop="gidgrp.rec.exptyp"
          >
            <c-select
              v-model="model.gidgrp.rec.exptyp"
              style="width: 100%"
              placeholder="请选择到期类型"
              @change="executeNotify(null, true)"
            >
              <el-option
                v-for="item in codes.exptyp"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>
        <c-col :span="24">
          <c-col :span="20">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y'"
              label="保函效期"
              prop="gidgrp.rec.expdat"
            >
              <c-date-picker
                :disabled="model.gidgrp.rec.exptyp == 'OPEN'"
                type="date"
                v-model="model.gidgrp.rec.expdat"
                style="width: 90%"
                placeholder="请选择保函效期"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col
            :span="4"
            v-if="model.gitp.swiftflg == 'Y'"
            class="centerLable"
          >
            <c-checkbox disabled v-model="model.gidgrp.rec.expflg"
              >保函效期敞口</c-checkbox
            >
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="17">
            <c-form-item
              v-if="model.gitp.swiftflg == 'Y' && !model.gitp.exptxtmodflg"
              label="到期条件"
              prop="gidgrp.blk.exptxt"
            >
              <c-input
                type="textarea"
                rows="5"
                disabled
                v-model="model.gidgrp.blk.exptxt"
                maxlength="780"
                show-word-limit
                placeholder="请输入到期条件"
              ></c-input>
            </c-form-item>
            <c-form-item
              v-if="model.gitp.swiftflg == 'Y' && model.gitp.exptxtmodflg"
              label="到期条件"
              prop="gidgrp.blk.atxexptxt"
            >
              <c-input
                type="textarea"
                rows="5"
                v-model="model.gidgrp.blk.atxexptxt"
                maxlength="780"
                show-word-limit
                placeholder="请输入到期条件"
              ></c-input>
            </c-form-item>
          </c-col>
          <c-col :span="7">
            <c-checkbox
              v-if="model.gitp.swiftflg == 'Y'"
              v-model="model.gitp.exptxtmodflg"
              :disabled="
                model.gidgrp.rec.exptyp == 'FIXD' ||
                model.gidgrp.rec.exptyp == 'OPEN' ||
                model.gidgrp.rec.exptyp == ''
              "
              style="margin: 0 0 0 10px"
              >是否手工修改保函文本</c-checkbox
            >
            <c-button
              v-if="model.gitp.swiftflg == 'Y'"
              disabled
              size="small"
              type="primary"
              style="margin: 5px 0 0 10px;float: left;text-align: center;"
            >
              查看系统文本
            </c-button>
            <c-button
              v-if="model.gitp.swiftflg == 'Y'"
              disabled
              size="small"
              type="primary"
              style="margin: 5px 0 0 10px;float: left;text-align: center;"
            >
              查看历史文本
            </c-button>
          </c-col>
        </c-col>

        <c-col :span="24">
          <el-form-item
            v-if="model.gitp.swiftflg == 'Y'"
            label="责任类型 "
            prop="gidgrp.rec.liatypc"
          >
            <c-select
              :disabled="
                !(
                  model.gidgrp.rec.hndtyp == 'OC' ||
                  model.gidgrp.rec.purpos == 'ISCO' ||
                  model.gidgrp.rec.purpos == 'ICCO'
                )
              "
              v-model="model.gidgrp.rec.liatypc"
              style="width: 100%"
              placeholder="请选择责任类型 "
            >
              <el-option
                v-for="item in codes.liatypc"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </c-select>
          </el-form-item>
        </c-col>

        <c-col :span="24">
          <c-col :span="20">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y'"
              label="我行责任截至日"
              prop="gidgrp.rec.liadat"
            >
              <c-date-picker
                :disabled="
                  model.gidgrp.rec.liatypc == 'OPEN' ||
                  model.gidgrp.rec.liatypc == ''
                "
                type="date"
                v-model="model.gidgrp.rec.liadat"
                style="width: 90%"
                placeholder="请选择我行责任截至日"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col
            :span="4"
            v-if="model.gitp.swiftflg == 'Y'"
            class="centerLable"
          >
              <c-checkbox disabled v-model="model.gidgrp.rec.liaflg"
              >我行责任敞口</c-checkbox
            >
          </c-col>
        </c-col>

        <c-col :span="24">
          <c-col :span="17">
            <el-form-item
              v-if="
                model.gitp.swiftflg == 'Y' && model.gitp.liatxtcmodflg == ''
              "
              label="责任状况"
              prop="gidgrp.blk.liatxtc"
            >
              <c-input
                type="textarea"
                disabled
                rows="5"
                v-model="model.gidgrp.blk.liatxtc"
                maxlength="780"
                show-word-limit
                placeholder="请输入责任状况"
              ></c-input>
            </el-form-item>
            <el-form-item
              v-if="
                model.gitp.swiftflg == 'Y' && model.gitp.liatxtcmodflg == 'X'
              "
              label="责任状况"
              prop="gidgrp.blk.atxliatxtc"
            >
              <c-input
                type="textarea"
                rows="5"
                v-model="model.gidgrp.blk.atxliatxtc"
                maxlength="780"
                show-word-limit
                placeholder="请输入责任状况"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="7">
            <c-checkbox
                v-if="model.gitp.swiftflg == 'Y'"
                :disabled="
                  model.gidgrp.rec.liatypc == 'OPEN' ||
                  model.gidgrp.rec.liatypc == 'FIXD' ||
                  model.gidgrp.rec.liatypc == ''
                "
                style="margin: 0 0 0 10px"
                v-model="model.gitp.liatxtcmodflg"
              >是否手工修改保函文本</c-checkbox
            >
            <c-button
              v-if="model.gitp.swiftflg == 'Y'"
              disabled
              size="small"
              type="primary"
              style="margin: 5px 0 0 10px;float: left;text-align: center;"
            >
              查看系统文本
            </c-button>
            <c-button
              v-if="model.gitp.swiftflg == 'Y'"
              disabled
              size="small"
              type="primary"
              style="margin: 5px 0 0 10px;float: left;text-align: center;"
            >
              查看历史文本
            </c-button>
          </c-col>
        </c-col>
      </c-col>
    </c-col>
  </div>
</template>
<script>
import event from '../event'
import commonProcess from "~/mixin/commonProcess"
import Ptap from "~/views/Public/Ptap";

export default {
  components: { "c-ptap": Ptap },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess, event],
  data() {
    return {};
  },
  computed: {
    flag(){
      if(this.model.gitp.swiftflg == 'N') {
        if(this.model.gidgrp.rec.ownref == '') {
          if(this.model.gidgrp.rec.hndtyp !== '' && this.model.gidgrp.apl.pts.adrblk !== '') {
            return false;
          } else {
            return true;
          }
        } else {
          return true;
        }
      } else {
        if(this.model.gidgrp.rec.ownref == '') {
          if(this.model.gidgrp.rec.purpos !== '' && this.model.gidgrp.apl.pts.adrblk !== '') {
            return false;
          } else {
              return true;
          }
        } else {
          return true;
        }
      }
    },
    amtwidth(){
        return this.model.gitp.swiftflg != 'Y'? 'width:80%' : 'width:100%';
    }
  },
  watch: {
    "model.gidgrp.rec.expflg": function () {
      if (
        this.model.gidgrp.rec.expflg == "X" &&
        this.model.gidgrp.rec.hndtyp == "OC"
      ) {
        this.model.gidgrp.rec.liaflg = "X";
      }
    },
    "model.gidgrp.rec.gartyp": function () {
      if (this.model.gidgrp.rec.gartyp == "1") {
        this.model.gidgrp.rec.gtxinr = "<NILTXT>";
      }
    },
  },
  methods: {
    onSeainf(data) {
      this.$emit("onSeainf", data);
    },
  },
  created: function () {},
};
</script>
<style scoped>
.el-textarea .el-textarea__inner{
  height: 100px;
}
</style>