<template>
    <div class="eibs-tab">
      <!-- <c-row> -->
      <c-col :span="24">
        <!-- ==================左边================ -->
        <c-col :span="12" style="padding-right: 20px">
          <c-col :span="24">
            <el-form-item label="保函编号" prop="nidgrp.rec.ownref">
              <c-fullbox>
                <c-input
                  v-model="model.nidgrp.rec.ownref"
                  maxlength="16"
                  placeholder="请输入保函编号"
                  disabled
                ></c-input>
                <template slot="footer">
                  <!-- <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="nitp.usr.extkey"
              style="width: 100%"
            >
              <c-fullbox>
                <c-input
                  v-model="model.nitp.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="nidgrp.cbs.max.cur">
                <c-select
                  v-model="model.nidgrp.cbs.max.cur"
                  style="width: 100%"
                  placeholder="请选择保函币种"
                  dbCode="curtxt"
                  disabled
                >
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label-width="5px" prop="nidgrp.cbs.max.amt">
                <c-input-currency
                  v-model="model.nidgrp.cbs.max.amt"
                  :style="amtwidth"
                  placeholder="请输入保函金额"
                  @keyup.enter.native="$event.target.blur()"
                  disabled
									:currency="model.nidgrp.cbs.max.cur"
                ></c-input-currency>
              </el-form-item>
            </c-col>
            <c-col :span="4" class="centerLable" v-if="model.nitp.swiftflg != 'Y'">
              <c-checkbox disabled v-model="model.nitp.dzbhflg"
                >电子保函标志</c-checkbox
              >
            </c-col>
          </c-col>
  
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="保函余额" prop="nidgrp.cbs.opn1.cur">
                <c-input
                  disabled
                  v-model="model.nidgrp.cbs.opn1.cur"
                  style="width: 100%"
                  placeholder="请输入保函余额"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item label-width="5px" prop="nidgrp.cbs.opn1.amt">
                <c-input-currency
                  disabled
                  v-model="model.nidgrp.cbs.opn1.amt"
                  :style="amtwidth"
                  placeholder="请输入"
									:currency="model.nidgrp.cbs.opn1.cur"
                ></c-input-currency>
              </el-form-item>
            </c-col>
          </c-col>
  
          <c-col :span="24">
            <el-form-item
              label="保函开立类型"
              prop="nidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.nidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择保函开立类型"
                :code="[]"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>
  
          <c-col :span="24">
            <el-form-item label="保函种类" prop="nidgrp.rec.gartyp">
              <c-select
                v-model="model.nidgrp.rec.gartyp"
                style="width: 100%"
                placeholder="请选择保函种类"
                dbCode="typgar"
                disabled
              >
              </c-select>
            </el-form-item>
          </c-col>
          <!-- <c-col :span="24">
            <el-form-item
              v-if="model.nitp.swiftflg != 'Y'"
              label="面函标题"
              prop="nitp.lettername"
            >
              <c-input
                v-model="model.nitp.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.nitp.oppbnkl"   data-path=".nitp.oppbnkl" ></span>
                  </c-col> -->
          <!-- </c-col> -->
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="申请条款" prop="nidgrp.blk.apprul">
                <c-select
                  v-model="model.nidgrp.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="nidgrp.blk.apprultxt">
                <c-input
                  v-model="model.nidgrp.blk.apprultxt"
                  maxlength="35"
                  placeholder="请输入申请条款"
                  disabled
                ></c-input>
              </el-form-item>
            </c-col>
          </c-col>
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item
                label="保函文本语言种类"
                prop="nidgrp.rec.giduil"
              >
                <c-select
                  v-model="model.nidgrp.rec.giduil"
                  style="width: 100%"
                  placeholder="请选择保函文本语言种类"
									:code="[]"
									disabled
                >
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item disabled
                v-if="model.nitp.swiftflg == 'N'"
                label="核销日期"
                prop="nidgrp.rec.vrfdat"
              >
                <c-date-picker
                  type="date"
                  :disabled="model.nidgrp.gartyp !='X'"
                  v-model="model.nidgrp.rec.vrfdat"
                  style="width: 100%"
                  placeholder="请选择核销日期"
                ></c-date-picker>
              </el-form-item>
            </c-col>
          </c-col>
  
          <c-col :span="24">
            <el-form-item
              v-show="model.nitp.swiftflg == 'N'"
              label="保函文本格式"
              prop="nidgrp.rec.gtxinr"
            >
              <c-select
                v-model="model.nidgrp.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.nitp.swiftflg != 'Y'"
                label="特殊保函类型"
                prop="nidgrp.ghd.segtyp"
              >
                <c-select
                  disabled
                  v-model="model.nidgrp.ghd.segtyp"
                  style="width: 100%"
                  placeholder="请选择特殊保函类型"
									dbCode="segtyp"
                >
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item
                v-if="model.nitp.swiftflg != 'Y'"
                label="分离式保函"
                prop="nidgrp.rec.fenlishi"
              >
                <c-select
                  disabled
                  v-model="model.nidgrp.rec.fenlishi"
                  style="width: 100%"
                  placeholder="请选择是否分离式保函"
									dbCode="fenlsh"
                >
                </c-select>
              </el-form-item>
            </c-col>
          </c-col>
  
          <c-col :span="24" v-show="model.nitp.swiftflg == 'Y'">
            <el-form-item
              label="保函文本格式"
              prop="nidgrp.rec.atxinr"
            >
              <c-select
                disabled
                v-model="model.nidgrp.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.nitp.swiftflg != 'Y'"
                label="客户委托我行日期"
                prop="nidgrp.rec.orddat"
              >
                <c-date-picker
                  type="date"
                  v-model="model.nidgrp.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.nitp.swiftflg != 'Y'"
                label="保函开立日期"
                prop="nidgrp.rec.opndat"
              >
                <c-date-picker
                  type="date"
                  v-model="model.nidgrp.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.nitp.swiftflg == 'N'"
                label="保函效期"
                prop="nidgrp.rec.expdat"
              >
                <c-date-picker
                  type="date"
                  v-model="model.nidgrp.rec.expdat"
                  style="width: 90%"
                  placeholder="请选择保函效期"
                  disabled
                ></c-date-picker>
              </el-form-item>
            </c-col>
            <c-col
              :span="7"
              v-if="model.nitp.swiftflg == 'N'"
              class="centerLable"
            >
              <el-form-item
                label=""
                prop="nidgrp.rec.expflg"
                class="checkbox-left"
                label-width="0px"
              >
                <c-checkbox v-model="model.nidgrp.rec.expflg" disabled
                  >无限额保函</c-checkbox
                >
              </el-form-item>
            </c-col>
            <c-col
              :span="3"
              v-if="model.nitp.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.nitp.swiftflg == ''"
                label="保函效期"
                prop="nidgrp.rec.expdat"
              >
                <c-date-picker
                  type="date"
                  v-model="model.nidgrp.rec.expdat"
                  style="width: 90%"
                  placeholder="请选择保函效期"
                  disabled
                ></c-date-picker>
              </el-form-item>
            </c-col>
            <c-col :span="7" v-if="model.nitp.swiftflg == ''" class="centerLable">
              <el-form-item
                label=""
                prop="nidgrp.rec.expflg"
                class="checkbox-left"
                label-width="0px"
              >
                <c-checkbox v-model="model.nidgrp.rec.expflg" disabled
                  >无限额保函</c-checkbox
                >
              </el-form-item>
            </c-col>
            <c-col :span="3" v-if="model.nitp.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
                label="我行责任截至日"
                prop="nidgrp.rec.liadat"
              >
                <c-date-picker disabled
                  type="date"
                  v-model="model.nidgrp.rec.liadat"
                  style="width: 90%"
                  placeholder="请选择我行责任截至日"
                ></c-date-picker>
              </el-form-item>
            </c-col>
            <c-col :span="7" class="centerLable">
                <c-checkbox
                  v-model="model.nidgrp.rec.liaflg"
                  disabled
                  >我行责任敞口</c-checkbox
                >
            </c-col>
            <c-col :span="3" v-if="model.nitp.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.nitp.swiftflg != 'Y'"
              label="保函生效日"
              prop="nidgrp.rec.inudat"
            >
              <c-date-picker
                type="date"
                v-model="model.nidgrp.rec.inudat"
                style="width: 100%"
                placeholder="请选择保函生效日"
                :disabled="model.nidgrp.rec.gartyp!='U'&&(model.nidgrp.gartyp!='F'||(model.nidgrp.ghd.segtyp!='01'&&model.nidgrp.ghd.segtyp!='02'))"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="12">
              <el-form-item
                v-if="model.nitp.swiftflg != 'Y'"
                label="被保证人"
                prop="nidgrp.gidcxm.warran"
              >
                <c-input
                  disabled
                  v-model="model.nidgrp.gidcxm.warran"
                  maxlength="40"
                  placeholder="请输入被保证人"
                ></c-input>
              </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.nitp.swiftflg != 'Y'"
              label="简略信息"
              prop="nidgrp.rec.nam"
            >
              <c-input
                v-model="model.nidgrp.rec.nam"
                maxlength="40"
                placeholder="请输入简略信息"
                disabled
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              label="申请人参考号"
              prop="nidgrp.apl.pts.ref"
            >
              <c-input
                disabled
                v-model="model.nidgrp.apl.pts.ref"
                maxlength="16"
                placeholder="请输入申请人参考号"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              label="申请人"
              prop="nidgrp.apl.pts.extkey"
            >
              <c-fullbox>
                <c-input
                  v-model="model.nidgrp.apl.pts.extkey"
                  maxlength="16"
                  placeholder="请输入"
                  @keyup.enter.native="
                    showGridPromptDialog(`nidgrp.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.nidgrp.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.nitp.swiftflg != 'Y'"
              label="地址名称"
              prop="nidgrp.apl.pts.adrblk"
            >
              <c-input
                disabled
                rows="4"
                type="textarea"
                v-model="model.nidgrp.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.nidgrp.rec.hndtyp == 'OL' ||
                  model.nidgrp.rec.hndtyp == '')
              "
              label="通知行或收报行参考号"
              prop="nidgrp.adv.pts.ref"
            >
              <c-input
                v-model="model.nidgrp.adv.pts.ref"
								disabled
                maxlength="16"
                placeholder="请输入通知行或收报行参考号"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="
                (model.nidgrp.rec.hndtyp == 'OL' ||
                  model.nidgrp.rec.hndtyp == '') 
              "
              label="通知行或收报行(即转开行)"
              prop="nidgrp.adv.pts.extkey"
            >
              <c-fullbox>
                <c-input
                  v-model="model.nidgrp.adv.pts.extkey"
									disabled
                  maxlength="16"
                  placeholder="请输入"
                  @keyup.enter.native="
                    showGridPromptDialog(`nidgrp.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.nidgrp.rec.hndtyp == 'OL' ||
                  model.nidgrp.rec.hndtyp == '') &&
                model.nitp.swiftflg != 'Y'
              "
              label="地址名称"
              prop="nidgrp.adv.pts.adrblk"
            >
              <c-input
                disabled
                rows="4"
                type="textarea"
                v-model="model.nidgrp.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.nidgrp.rec.hndtyp == 'OC' ||
                  model.nidgrp.rec.hndtyp == 'OT') &&
                model.nitp.swiftflg != 'Y'
              "
              label="开证行"
              prop="nidgrp.iss.pts.ref"
            >
              <c-input
                v-model="model.nidgrp.iss.pts.ref"
                maxlength="16"
                placeholder="请输入开证行"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="
                (model.nidgrp.rec.hndtyp == 'OC' ||
                  model.nidgrp.rec.hndtyp == 'OT') &&
                model.nitp.swiftflg != 'Y'
              "
              label="开证行"
              prop="nidgrp.iss.pts.extkey"
            >
              <c-fullbox>
                <c-input
                  v-model="model.nidgrp.iss.pts.extkey"
                  maxlength="16"
                  placeholder="请输入"
                  @keyup.enter.native="
                    showGridPromptDialog(`nidgrp.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.nidgrp.rec.hndtyp == 'OC' ||
                  model.nidgrp.rec.hndtyp == 'OT') &&
                model.nitp.swiftflg != 'Y'
              "
              label="地址名称"
              prop="nidgrp.iss.pts.adrblk"
            >
              <c-input
                :disabled="
                  model.nidgrp.rec.hndtyp == 'OT' ||
                  model.nidgrp.ben.pts.adrblk != ''
                "
                rows="4"
                type="textarea"
                v-model="model.nidgrp.iss.pts.adrblk"
                maxlength="140"
                show-word-limit
                placeholder="请输入地址名称"
              ></c-input>
            </el-form-item>
          </c-col>
  
          <c-col :span="24">
            <el-form-item
              label="受益人参考号"
              prop="nidgrp.ben.pts.ref"
            >
              <c-input
                v-model="model.nidgrp.ben.pts.ref"
								disabled
                maxlength="16"
                placeholder="请输入受益人参考号"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.nitp.swiftflg != 'Y'"
              label="受益人"
              prop="nidgrp.ben.pts.extkey"
            >
              <c-fullbox>
                <c-input
                  v-model="model.nidgrp.ben.pts.extkey"
                  maxlength="16"
                  placeholder="请输入"
                  @keyup.enter.native="
                    showGridPromptDialog(`nidgrp.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.nidgrp.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.nitp.swiftflg != 'Y'"
              label="地址名称"
              prop="nidgrp.ben.pts.adrblk"
            >
              <c-input
                disabled
                rows="4"
                type="textarea"
                v-model="model.nidgrp.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.nitp.swiftflg == 'Y'"
              label="客户委托我行日期"
              prop="nidgrp.rec.orddat"
            >
              <c-date-picker
                type="date"
                v-model="model.nidgrp.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.nitp.swiftflg == 'Y'"
              label="生效日期"
              prop="nidgrp.rec.opndat"
            >
              <c-date-picker
                type="date"
                v-model="model.nidgrp.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.nitp.swiftflg == 'Y'"
              label="到期类型"
              prop="nidgrp.rec.exptyp"
            >
              <c-select
                v-model="model.nidgrp.rec.exptyp"
                style="width: 100%"
                placeholder="请选择到期类型"
                disabled
								dbCode="exptyp"
              >
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="20">
              <el-form-item
                v-if="model.nitp.swiftflg == 'Y'"
                label="保函效期"
                prop="nidgrp.rec.expdat"
              >
                <c-date-picker
                  disabled
                  type="date"
                  v-model="model.nidgrp.rec.expdat"
                  style="width: 90%"
                  placeholder="请选择保函效期"
                ></c-date-picker>
              </el-form-item>
            </c-col>
            <c-col
              :span="4"
              v-if="model.nitp.swiftflg == 'Y'"
              class="centerLable"
            >
              <c-checkbox disabled v-model="model.nidgrp.rec.expflg"
                >保函效期敞口</c-checkbox
              >
            </c-col>
          </c-col>
  
          <c-col :span="24">
            <c-col :span="17">
              <el-form-item
                v-if="model.nitp.swiftflg == 'Y' && model.nitp.exptxtmodflg == ''"
                label="到期条件"
                prop="nidgrp.blk.exptxt"
              >
                <c-input
                  type="textarea"
                  rows="5"
                  disabled
                  v-model="model.nidgrp.blk.exptxt"
                  maxlength="780"
                  show-word-limit
                  placeholder="请输入到期条件"
                ></c-input>
              </el-form-item>
              <el-form-item
                v-if="
                  model.nitp.swiftflg == 'Y' && model.nitp.exptxtmodflg == 'X'
                "
                label="到期条件"
                prop="nidgrp.blk.atxexptxt"
              >
                <c-input
                  type="textarea"
                  rows="5"
                  v-model="model.nidgrp.blk.atxexptxt"
                  maxlength="780"
                  @blur="atxexpBlur"
                  show-word-limit
                  placeholder="请输入到期条件"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="7">
              <c-checkbox
                v-if="model.nitp.swiftflg == 'Y'"
                v-model="model.nitp.exptxtmodflg"
                :disabled="
                  model.nidgrp.rec.exptyp == 'FIXD' ||
                  model.nidgrp.rec.exptyp == 'OPEN' ||
                  model.nidgrp.rec.exptyp == ''
                "
                style="margin: 0 0 0 10px"
                >是否手工修改保函文本</c-checkbox
              >
              <c-button
                v-if="model.nitp.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.nitp.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.nitp.swiftflg == 'Y'"
              label="责任类型 "
              prop="nidgrp.rec.liatypc"
            >
              <c-select
                disabled
                v-model="model.nidgrp.rec.liatypc"
                style="width: 100%"
                placeholder="请选择责任类型 "
								dbCode="LIATYC"
              >
              </c-select>
            </el-form-item>
          </c-col>
  
          <c-col :span="24">
            <c-col :span="17">
              <el-form-item
                v-if="
                  model.nitp.swiftflg == 'Y' && model.nitp.liatxtcmodflg == ''
                "
                label="责任状况"
                prop="nidgrp.blk.liatxtc"
              >
                <c-input
                  type="textarea"
                  disabled
                  rows="5"
                  v-model="model.nidgrp.blk.liatxtc"
                  maxlength="780"
                  show-word-limit
                  placeholder="请输入责任状况"
                ></c-input>
              </el-form-item>
              <el-form-item
                v-if="
                  model.nitp.swiftflg == 'Y' && model.nitp.liatxtcmodflg == 'X'
                "
                label="责任状况"
                prop="nidgrp.blk.atxliatxtc"
              >
                <c-input
                  type="textarea"
                  rows="5"
                  v-model="model.nidgrp.blk.atxliatxtc"
                  maxlength="780"
                  show-word-limit
                  placeholder="请输入责任状况"
                  @blur="atxliatxtcBlur"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="7">
              <c-checkbox
                v-if="model.nitp.swiftflg == 'Y'"
                :disabled="
                  model.nidgrp.rec.liatypc == 'OPEN' ||
                  model.nidgrp.rec.liatypc == 'FIXD' ||
                  model.nidgrp.rec.liatypc == ''
                "
                v-model="model.nitp.liatxtcmodflg"
                style="margin: 0 0 0 10px"
                >是否手工修改保函文本</c-checkbox
              >
              <c-button
                v-if="model.nitp.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.nitp.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 Api from "~/service/Api";
import CodeTable from "~/config/CodeTable";
import event from "../event";
import Utils from "~/utils";
import moment from "moment";

export default {
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  computed: {
      flag() {
        if (this.model.nidgrp.rec.ownref == "") {
					if (
						this.model.nidgrp.rec.hndtyp !== "" &&
						this.model.nidgrp.apl.pts.adrblk !== ""
					) {
						return false;
					} else {
						return true;
					}
				} else {
					return true;
				}
      },
      amtwidth() {
        return "width:80%";
      }
    },
  methods: {
  },
  created: function() {}
};
</script>
<style scoped>
.el-textarea .el-textarea__inner {
  height: 100px;
}
</style>