<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
                  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
                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="[]"
                @change="purposChange"
                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="[]"
              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="请输入面函标题"
              disabled
            ></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="[]"
                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="[]"
              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
                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="[]"
              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="请选择保函文本格式"
              :code="[]"
            >
            </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
                disabled
                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" 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
                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
                class="checkbox-left"
                >我行责任敞口</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="请选择我行责任截至日"
                disabled
              ></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
            ></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
              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
                  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.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="请输入通知行或收报行参考号"
              disabled
            ></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`)
                "
                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"></i>
                </c-button>
                <c-button size="small" type="primary" disabled>
                  详情
                </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="请输入开证行"
              disabled
            ></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`)
                "
                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"></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="请输入受益人参考号"
              disabled
            ></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
                  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.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="请输入到期条件"
                disabled
              ></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
              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
                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="请输入责任状况"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="7">
            <c-checkbox
              v-if="model.gitp.swiftflg == 'Y'"
              disabled
              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 CodeTable from "~/config/CodeTable";
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.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>