<template>
    <div class="eibs">
      <!-- <c-row> -->
      <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
                    style="margin: 0 0"
                    :disabled="flag"
                    size="small"
                    type="primary"
                  >
                    获取
                  </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"
                  disabled
                >
                </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()"
                  disabled
                ></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" disabled>传入损失</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"
                  disabled
                >
                </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"
                disabled
              >
              </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.typgar"
                disabled
              >
              </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="请选择保函形式"
                  disabled
                >
                  <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="请选择需求指示"
                disabled
              >
                <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"
                  disabled
                >
                </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
                ></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"
                  disabled
                >
                </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"
                disabled
              >
              </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
                  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
                v-model="model.gidgrp.rec.atxinr"
                style="width: 100%"
                placeholder="请选择保函文本格式"
                >
              </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="请选择客户委托我行日期"
                  disabled
                ></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="请选择保函开立日期"
                  disabled
                ></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
                  type="date"
                  v-model="model.gidgrp.rec.expdat"
                  style="width: 90%"
                  placeholder="请选择保函效期"
                  disabled
                ></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" disabled
                  >无限额保函</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="请选择保函效期"
                  disabled
                ></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" disabled
                  >无限额保函</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
                  >我行责任敞口</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
                  >我行责任敞口</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="请选择抵押标志"
                disabled
              >
                <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
                  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="请选择是否生成查询码"
                  disabled
                >
                  <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="
                    showGridPromptDialog(`gidgrp.apl.pts.extkey`)
                  "
                  disabled
                >
                </c-input>
                <template slot="footer">
                  <c-button
                    size="small"
                    type="primary"
                  >
                    <i class="el-icon-info"></i>
                  </c-button>
                  <c-button
                    :disabled="model.gidgrp.rec.hndtyp != 'OT'"
                    size="small"
                    type="primary"
                  >
                    详情
                  </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
                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="
                    showGridPromptDialog(`gidgrp.adv.pts.extkey`)
                  "
                >
                </c-input>
                <template slot="footer">
                  <c-button
                    size="small"
                    type="primary"
                  >
                    <i class="el-icon-info"></i>
                  </c-button>
                  <c-button 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 == 'OL' ||
                  model.gidgrp.rec.hndtyp == '') &&
                model.gitp.swiftflg != 'Y'
              "
              label="地址名称"
              prop="gidgrp.adv.pts.adrblk"
            >
              <c-input
                disabled
                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="
                    showGridPromptDialog(`gidgrp.iss.pts.extkey`)
                  "
                ></c-input>
                <template slot="footer">
                  <c-button
                    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="
                  model.gidgrp.rec.hndtyp == 'OT' ||
                  model.gidgrp.ben.pts.adrblk != ''
                "
                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="
                    showGridPromptDialog(`gidgrp.ben.pts.extkey`)
                  "
                  disabled
                ></c-input>
                <template slot="footer">
                  <c-button
                    size="small"
                    type="primary"
                  >
                    <i class="el-icon-info"></i>
                  </c-button>
                  <c-button
                    :disabled="model.gidgrp.rec.hndtyp == 'OT'"
                    size="small"
                    type="primary"
                  >
                    详情
                  </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
                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="请选择是否对外担保"
                disabled
              >
                <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
                  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
                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="请选择客户委托我行日期"
                disabled
              ></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="请选择生效日期"
                disabled
              ></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="请选择到期类型"
                disabled
              >
                <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
                  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 == 'X'
                "
                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
                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 == ''
                "
                v-model="model.gitp.liatxtcmodflg"
                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>
      </c-col>
      <!-- </c-row> -->
    </div>
  </template>
  <script>
  import event from '../event'
  import Ptap from "~/views/Public/Ptap";
  export default {
    components: { "c-ptap": Ptap },
    inject: ["root"],
    props: ["model", "codes"],
    mixins: [ 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.ownref != '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: {
     
    },
    created: function () {},
  };
  </script>
  <style scoped>
  .el-textarea .el-textarea__inner{
    height: 100px;
  }
  </style>