Ovwp.vue

<template>
  <div class="eibs-tab">
    <c-row>
      <c-col :span="24">
        <!-- ==================左边================ -->
        <c-col :span="12">
          <c-col :span="24">
            <el-form-item label="Reference" prop="gidgrp.rec.ownref">
              <c-fullbox>
                <c-input
                  disabled
                  v-model="model.gidgrp.rec.ownref"
                  maxlength="16"
                  placeholder="请输入Reference"
                ></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"
                  >
                    <span
                      style="
                        font-size: 15px;
                        font-family: '宋体';
                        font-weight: bold;
                      "
                      >i</span
                    >
                  </c-button>

                  <c-button
                    style="margin: 0 0"
                    :disabled="this.flag"
                    size="small"
                    type="primary"
                    @click="onGitpButgetref"
                  >
                    获取
                  </c-button>
                </template>
              </c-fullbox>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item label="Responsible User" prop="gitp.usr.extkey">
              <c-fullbox>
                <c-input
                  disabled
                  v-model="model.gitp.usr.extkey"
                  maxlength="8"
                  placeholder="请输入Responsible User"
                ></c-input>
                <template slot="footer">
                  <c-button
                    style="margin: 0 10px 0 10px; padding: 0 12px"
                    size="small"
                    type="primary"
                  >
                    <span
                      style="
                        font-size: 15px;
                        font-family: '宋体';
                        font-weight: bold;
                      "
                      >i</span
                    >
                  </c-button>
                  <!-- <c-checkbox v-model="model.gidgrp.rec.resflg"
                    >Reserved Contract</c-checkbox
                  > -->
                </template>
              </c-fullbox>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="Guarantee Amount" prop="gidgrp.cbs.max.cur">
                <c-select
                  v-model="model.gidgrp.cbs.max.cur"
                  style="width: 100%"
                  placeholder="请选择Guarantee Amount"
                >
                  <el-option
                    v-for="item in codes.curtxt1"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </c-select>
              </el-form-item>
            </c-col>

            <c-col :span="8">
              <c-input
                v-model="model.gidgrp.cbs.max.amt"
                style="margin: 0 0 0 10px; width: 80%"
                placeholder="请输入Guarantee Amount"
              ></c-input>
            </c-col>
            <c-col
              :span="4"
              v-if="model.gitp.swiftflg != 'Y'"
              class="centerLable"
            >
              <c-checkbox v-model="model.gitp.dzbhflg">电子保函标志</c-checkbox>
            </c-col>
          </c-col>

          <c-col :span="24">
            <c-col :span="12">
              <el-form-item label="Open Amount" prop="gidgrp.cbs.opn1.cur">
                <c-input
                  disabled
                  v-model="model.gidgrp.cbs.opn1.cur"
                  style="width: 100%"
                  placeholder="请输入Open Amount"
                ></c-input>
              </el-form-item>
            </c-col>
            <c-col :span="8">
              <!-- <el-form-item label="" prop="gidgrp.cbs.opn1.amt"> -->
              <c-input
                disabled
                v-model="model.gidgrp.cbs.opn1.amt"
                style="margin: 0 0 0 10px; width: 80%"
                placeholder="请输入Balance"
              ></c-input>
              <!-- </el-form-item> -->
            </c-col>
            <c-col
              :span="4"
              v-if="model.gitp.swiftflg == 'Y'"
              class="centerLable"
            >
              <c-checkbox v-model="model.gitp.inc760">incoming lose</c-checkbox>
            </c-col>
          </c-col>

          <!-- <c-col :span="24">
            <el-form-item label="Type of Request" prop="gidgrp.rec.drpreflg">
              <c-select
                v-model="model.gidgrp.rec.drpreflg"
                style="width: 100%"
                placeholder="请选择Type of Request"
              >
              <el-option
              v-for="item in codes.drpreflg"
              :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-show="model.gitp.swiftflg == 'Y'"
              label="Incoming Purpose "
              prop="gidgrp.rec.purposin"
            >
              <c-select
                :disabled="model.gitp.inc760 == ''"
                v-model="model.gidgrp.rec.purposin"
                style="width: 100%"
                placeholder="请选择Incoming Purpose "
              >
                <el-option
                  v-for="item in codes.purposin"
                  :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' && model.gidgrp.rec.purposin == ''
              "
              label="Outgoing Purpose"
              prop="gidgrp.rec.purpos"
            >
              <c-select
                v-model="model.gidgrp.rec.purpos"
                style="width: 100%"
                placeholder="请选择Outgoing Purpose"
              >
                <el-option
                  v-for="item in codes.purpos4"
                  :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' &&
                model.gidgrp.rec.purposin == 'ICCO'
              "
              label="Outgoing Purpose"
              prop="gidgrp.rec.purpos"
            >
              <c-select
                v-model="model.gidgrp.rec.purpos"
                style="width: 100%"
                placeholder="请选择Outgoing Purpose"
              >
                <el-option
                  v-for="item in codes.purpos2"
                  :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' &&
                model.gidgrp.rec.purposin == 'ISCO'
              "
              label="Outgoing Purpose"
              prop="gidgrp.rec.purpos"
            >
              <c-select
                v-model="model.gidgrp.rec.purpos"
                style="width: 100%"
                placeholder="请选择Outgoing Purpose"
              >
                <el-option
                  v-for="item in codes.purpos3"
                  :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' &&
                model.gidgrp.rec.purposin == 'ISSU'
              "
              label="Outgoing Purpose"
              prop="gidgrp.rec.purpos"
            >
              <c-select
                v-model="model.gidgrp.rec.purpos"
                style="width: 100%"
                placeholder="请选择Outgoing Purpose"
              >
                <el-option
                  v-for="item in codes.purpos4"
                  :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 == ''"
              label="Handling Type"
              prop="gidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.gidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
                :code="codes.hndtyp2"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'N'"
              label="Handling Type"
              prop="gidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.gidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
                :code="codes.hndtyp9"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="
                model.gitp.swiftflg == 'Y' &&
                model.gidgrp.rec.purposin == 'ISCO'
              "
              label="Handling Type"
              prop="gidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.gidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
              >
                <el-option
                  v-for="item in codes.hndtyp1"
                  :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' &&
                model.gidgrp.rec.purposin == 'ICCO'
              "
              label="Handling Type"
              prop="gidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.gidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
              >
                <el-option
                  v-for="item in codes.hndtyp1"
                  :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' &&
                model.gidgrp.rec.purposin == 'ISSU' &&
                model.gidgrp.rec.purpos == 'ISCO'
              "
              label="Handling Type"
              prop="gidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.gidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
              >
                <el-option
                  v-for="item in codes.hndtyp4"
                  :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' &&
                model.gidgrp.rec.purposin == 'ISSU' &&
                model.gidgrp.rec.purpos == 'ISSU'
              "
              label="Handling Type"
              prop="gidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.gidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
              >
                <el-option
                  v-for="item in codes.hndtyp3"
                  :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' &&
                model.gidgrp.rec.purposin == 'ISSU' &&
                model.gidgrp.rec.purpos == ''
              "
              label="Handling Type"
              prop="gidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.gidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
              >
                <el-option
                  v-for="item in codes.hndtyp5"
                  :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' &&
                model.gidgrp.rec.purposin == 'ISSU' &&
                model.gidgrp.rec.purpos == 'ADVI'
              "
              label="Handling Type"
              prop="gidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.gidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
              >
                <el-option
                  v-for="item in codes.hndtyp6"
                  :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' &&
                model.gidgrp.rec.purposin == 'ISSU' &&
                model.gidgrp.rec.purpos == 'ACNF'
              "
              label="Handling Type"
              prop="gidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.gidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
              >
                <el-option
                  v-for="item in codes.hndtyp7"
                  :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' &&
                model.gidgrp.rec.purpos == '' &&
                model.gidgrp.rec.purposin == ''
              "
              label="Handling Type"
              prop="gidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.gidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
              >
                <el-option
                  v-for="item in codes.hndtyp2"
                  :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' &&
                model.gidgrp.rec.purpos == 'ISSU' &&
                model.gidgrp.rec.purposin == ''
              "
              label="Handling Type"
              prop="gidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.gidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
              >
                <el-option
                  v-for="item in codes.hndtyp3"
                  :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' &&
                (model.gidgrp.rec.purpos == 'ISCO' ||
                  model.gidgrp.rec.purpos == 'ICCO') &&
                model.gidgrp.rec.purposin == ''
              "
              label="Handling Type"
              prop="gidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.gidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
              >
                <el-option
                  v-for="item in codes.hndtyp4"
                  :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' &&
                model.gidgrp.rec.purpos == 'ADVI' &&
                model.gidgrp.rec.purposin == ''
              "
              label="Handling Type"
              prop="gidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.gidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
              >
                <el-option
                  v-for="item in codes.hndtyp6"
                  :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' &&
                model.gidgrp.rec.purpos == 'ACNF' &&
                model.gidgrp.rec.purposin == ''
              "
              label="Handling Type"
              prop="gidgrp.rec.hndtyp"
            >
              <c-select
                v-model="model.gidgrp.rec.hndtyp"
                style="width: 100%"
                placeholder="请选择Handling Type"
              >
                <el-option
                  v-for="item in codes.hndtyp7"
                  :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 label="Type of Undertaking" prop="gidgrp.rec.gartyp">
              <c-select
                v-model="model.gidgrp.rec.gartyp"
                style="width: 100%"
                placeholder="请选择Type of Undertaking"
              >
                <el-option
                  v-for="item in codes.seagtyp"
                  :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="24">
              <el-form-item
                v-if="model.gitp.swiftflg == 'Y'"
                label="Form of Undertaking"
                prop="gidgrp.rec.legfrm"
              >
                <c-select
                  v-model="model.gidgrp.rec.legfrm"
                  style="width: 100%"
                  placeholder="请选择Form of Undertaking"
                >
                  <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="Demand Indicator"
              prop="gidgrp.rec.demand"
            >
              <c-select
                v-model="model.gidgrp.rec.demand"
                style="width: 100%"
                placeholder="请选择Demand Indicator"
              >
                <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 label="Applicable Rules" prop="gidgrp.blk.apprul">
              <c-fullbox>
                <c-select
                  v-model="model.gidgrp.blk.apprul"
                  style="width: 100%"
                  placeholder="请选择Applicable Rules"
                >
                  <el-option
                    v-for="item in codes.apprul"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                  >
                  </el-option>
                </c-select>

                <template slot="footer">
                  <c-input
                    :disabled="
                      model.gidgrp.blk.apprul == 'URDG' ||
                      model.gidgrp.blk.apprul == 'NONE' ||
                      model.gidgrp.blk.apprul == 'UCPR'
                    "
                    v-model="model.gidgrp.blk.apprultxt"
                    maxlength="35"
                    placeholder="请输入Applicable Rules"
                  ></c-input>
                </template>
              </c-fullbox>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <c-col :span="12">
              <el-form-item
                v-if="model.gitp.swiftflg != 'Y'"
                label="Language of Undertak."
                prop="gidgrp.rec.giduil"
              >
                <c-select
                  v-model="model.gidgrp.rec.giduil"
                  style="width: 100%"
                  placeholder="请选择Language of Undertak."
                  :code="codes.uiltxt2"
                >
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="12">
              <el-form-item
                v-if="model.gitp.swiftflg != 'Y'"
                label="核销日期"
                prop="gidgrp.rec.vrfdat"
              >
                <c-date-picker
                  disabled
                  type="date"
                  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-if="model.gitp.swiftflg == 'Y'"
              label="Language of Undertak."
              prop="gidgrp.rec.giduil"
            >
              <c-select
                v-model="model.gidgrp.rec.giduil"
                style="width: 100%"
                placeholder="请选择Language of Undertak."
                :code="codes.uiltxt2"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="特殊保函类型"
              prop="gidgrp.ghd.segtyp"
            >
              <c-select
                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="24">
            <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 :span="24">
            <el-form-item
              v-if="
                model.gitp.swiftflg == 'N' &&
                model.gidgrp.rec.gartyp == '' &&
                model.gidgrp.rec.hndtyp == ''
              "
              label="Choice of Text"
              prop="gidgrp.rec.gtxinr"
            >
              <c-select
                v-model="model.gidgrp.rec.gtxinr"
                style="width: 100%"
                placeholder="请选择Choice of Text"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="
                model.gitp.swiftflg == 'N' &&
                model.gidgrp.rec.gartyp != '' &&
                model.gidgrp.rec.hndtyp == ''
              "
              label="Choice of Text"
              prop="gidgrp.rec.gtxinr"
            >
              <c-select
                v-model="model.gidgrp.rec.gtxinr"
                style="width: 100%"
                placeholder="请选择Choice of Text"
                :code="codes.gtxinr"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'N' && model.gidgrp.rec.hndtyp != ''"
              label="Choice of Text"
              prop="gidgrp.rec.gtxinr"
            >
              <c-select
                disabled
                v-model="model.gidgrp.rec.gtxinr"
                style="width: 100%"
                placeholder="请选择Choice of Text"
                :code="codes.gtxinr"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y' && model.gidgrp.rec.gartyp == ''"
              label="Choice of Text"
              prop="gidgrp.rec.atxinr"
            >
              <c-select
                :disabled="
                  model.gidgrp.rec.purpos == 'ADVI' ||
                  model.gidgrp.rec.purpos == 'ACNF'
                "
                v-model="model.gidgrp.rec.atxinr"
                style="width: 100%"
                placeholder="请选择Choice of Text"
              >
              </c-select>
            </el-form-item>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg == 'Y' && model.gidgrp.rec.gartyp != ''"
              label="Choice of Text"
              prop="gidgrp.rec.atxinr"
            >
              <c-select
                :disabled="
                  model.gidgrp.rec.purpos == 'ADVI' ||
                  model.gidgrp.rec.purpos == 'ACNF'
                "
                v-model="model.gidgrp.rec.atxinr"
                style="width: 100%"
                placeholder="请选择Choice of Text"
              >
                <el-option
                  v-for="item in codes.atxinr"
                  :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="Order Date"
                prop="gidgrp.rec.orddat"
              >
                <c-date-picker
                  :disabled="model.gidgrp.rec.hndtyp == 'FR'"
                  type="date"
                  v-model="model.gidgrp.rec.orddat"
                  style="width: 100%"
                  placeholder="请选择Order Date"
                ></c-date-picker>
              </el-form-item>
            </c-col>
            <c-col :span=12>
              <el-form-item
                v-if="model.gitp.swiftflg != 'Y'"
                label="Issuance Date"
                prop="gidgrp.rec.opndat"
              >
                <c-date-picker
                  type="date"
                  v-model="model.gidgrp.rec.opndat"
                  style="width: 100%"
                  placeholder="请选择Valid from"
                ></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 != 'Y'"
                label="Validity until"
                prop="gidgrp.rec.expdat"
              >
                <c-date-picker
                  :disabled="model.gidgrp.rec.expflg == 'X'"
                  type="date"
                  v-model="model.gidgrp.rec.expdat"
                  style="width: 90%"
                  placeholder="请选择Validity until"
                ></c-date-picker>
              </el-form-item>
            </c-col>
            <c-col
              :span="7"
              v-if="model.gitp.swiftflg != 'Y'"
              class="centerLable"
            >
              <c-checkbox v-model="model.gidgrp.rec.expflg"
                >Unlimited Guarantee</c-checkbox
              >
            </c-col>
            <c-col
              :span="3"
              v-if="model.gitp.swiftflg != 'Y'"
              class="centerLable"
            >
              <c-button
                size="small"
                type="primary"
                @click="onGitpWbxs"
                disabled
                style="color: white"
              >
                显示文本
              </c-button>
            </c-col>
          </c-col>
          <c-col :span="24">
            <c-col :span="14">
              <el-form-item
                v-if="model.gitp.swiftflg != 'Y'"
                label="Our Liability until"
                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="请选择Our Liability until"
                ></c-date-picker>
              </el-form-item>
            </c-col>
            <c-col
              :span="7"
              v-if="model.gitp.swiftflg != 'Y'"
              class="centerLable"
            >
              <c-checkbox
                v-model="model.gidgrp.rec.liaflg"
                :disabled="
                  model.gidgrp.rec.hndtyp != 'OC' ||
                  model.gidgrp.rec.expflg == 'X'
                "
                >Unlimited Liability</c-checkbox
              >
            </c-col>
            <c-col
              :span="3"
              v-if="model.gitp.swiftflg != 'Y'"
              class="centerLable"
            >
              <c-button
                size="small"
                type="primary"
                @click="onGitpYptxy"
                disabled
              >
                协议签署
              </c-button>
            </c-col>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="Inure Date"
              prop="gidgrp.rec.inudat"
            >
              <c-date-picker
                disabled
                type="date"
                v-model="model.gidgrp.rec.inudat"
                style="width: 100%"
                placeholder="请选择Inure Date"
              ></c-date-picker>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="20">
              <el-form-item
                v-if="model.gitp.swiftflg != 'Y'"
                label="Mortgage Flag"
                prop="gidgrp.rec.guaflg"
              >
                <c-select
                  v-model="model.gidgrp.rec.guaflg"
                  style="width: 90%"
                  placeholder="请选择Mortgage Flag"
                >
                  <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="4"
              v-if="model.gitp.swiftflg != 'Y'"
              class="centerLable"
            >
              <c-checkbox v-model="model.gidgrp.rec.teskeyunc">
                Test Key Unconfirmity
              </c-checkbox>
            </c-col>
          </c-col>

          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="是否显示查询码"
              prop="gidgrp.gidcxm.cxmflg"
            >
              <c-select
                v-model="model.gidgrp.gidcxm.cxmflg"
                style="width: 100%"
                placeholder="请选择是否显示查询码"
              >
                <el-option
                  v-for="item in codes.cxmflg"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="是否对外担保"
              prop="gidgrp.rec.fingua"
            >
              <c-select
                disabled
                v-model="model.gidgrp.rec.fingua"
                style="width: 100%"
                placeholder="请选择是否对外担保"
              >
                <el-option
                  v-for="item in codes.fingua"
                  :key="item.value"
                  :label="item.label"
                  :value="item.value"
                >
                </el-option>
              </c-select>
            </el-form-item>
          </c-col>
        </c-col>
        <!-- ============右边================= -->
        <c-col :span="11" :offset="1">
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="Name"
              prop="gidgrp.rec.nam"
            >
              <c-input
                disabled
                v-model="model.gidgrp.rec.nam"
                maxlength="40"
                placeholder="请输入Name"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="Applicant Ref."
              prop="gidgrp.apl.pts.ref"
            >
              <c-input
                :disabled="model.gidgrp.ghd.segtyp == '02'"
                v-model="model.gidgrp.apl.pts.ref"
                maxlength="16"
                placeholder="请输入Applicant Ref."
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="Applicant"
              prop="gidgrp.apl.pts.extkey"
            >
              <c-fullbox>
                <c-input
                  v-model="model.gidgrp.apl.pts.extkey"
                  maxlength="16"
                  placeholder="请输入External Key of Address"
                  @keyup.enter.native="
                    showGridPromptDialog(`gidgrp.apl.pts.extkey`)
                  "
                >
                </c-input>
                <template slot="footer">
                  <c-button
                    style="margin: 0 10px 0 10px; padding: 0 12px"
                    size="small"
                    type="primary"
                  >
                    <span style="font-family: '宋体'; font-weight: bold"
                      >i</span
                    >
                  </c-button>
                  <c-button
                    :disabled="model.gidgrp.rec.hndtyp != 'OT'"
                    size="small"
                    type="primary"
                    @click="onAplpDet"
                  >
                    Details
                  </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
                rows="4"
                type="textarea"
                v-model="model.gidgrp.apl.pts.adrblk"
                maxlength="35"
                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="Issuing Bank"
              prop="gidgrp.iss.pts.ref"
            >
              <c-input
                v-model="model.gidgrp.iss.pts.ref"
                maxlength="16"
                placeholder="请输入Issuing Bank"
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="Issuing Bank"
              prop="gidgrp.iss.pts.extkey"
            >
              <c-fullbox>
                <c-input
                  v-model="model.gidgrp.iss.pts.extkey"
                  maxlength="16"
                  placeholder="请输入External Key of Address"
                  @keyup.enter.native="
                    showGridPromptDialog(`gidgrp.iss.pts.extkey`)
                  "
                ></c-input>
                <template slot="footer">
                  <c-button
                    style="margin: 0 10px 0 10px; padding: 0 12px"
                    size="small"
                    type="primary"
                  >
                    <span style="font-family: '宋体'; font-weight: bold"
                      >i</span
                    >
                  </c-button>
                  <c-button
                    disabled
                    size="small"
                    type="primary"
                    @click="onIsspDet"
                  >
                    Details
                  </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.iss.pts.adrblk"
            >
              <c-input
                disabled
                rows="4"
                type="textarea"
                v-model="model.gidgrp.iss.pts.adrblk"
                maxlength="35"
                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="Beneficiary Ref."
              prop="gidgrp.ben.pts.ref"
            >
              <c-input
                v-model="model.gidgrp.ben.pts.ref"
                maxlength="16"
                placeholder="请输入Beneficiary Ref."
              ></c-input>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <el-form-item
              v-if="model.gitp.swiftflg != 'Y'"
              label="Beneficiary"
              prop="gidgrp.ben.pts.extkey"
            >
              <c-fullbox>
                <c-input
                  v-model="model.gidgrp.ben.pts.extkey"
                  maxlength="16"
                  placeholder="请输入External Key of Address"
                  @keyup.enter.native="
                    showGridPromptDialog(`gidgrp.ben.pts.extkey`)
                  "
                ></c-input>
                <template slot="footer">
                  <c-button
                    style="margin: 0 10px 0 10px; padding: 0 12px"
                    size="small"
                    type="primary"
                  >
                    <span style="font-family: '宋体'; font-weight: bold"
                      >i</span
                    >
                  </c-button>
                  <c-button
                    disabled
                    size="small"
                    type="primary"
                    @click="onBenpDet"
                  >
                    Details
                  </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="35"
                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.gidcxm.warran"
            >
              <c-input
                v-model="model.gidgrp.gidcxm.warran"
                maxlength="40"
                placeholder="请输入被保证人"
              ></c-input>
            </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.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"
              v-if="
                model.gidgrp.cbs.max.cur == 'CNY' && model.gitp.swiftflg != 'Y'
              "
              class="centerLable"
            >
              <c-checkbox
                label="跨境人民币保函"
                v-model="model.gidgrp.rec.cmtflg"
                >跨境人民币保函</c-checkbox
              >
            </c-col>

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

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

            <c-col :span="24">
              <el-form-item
                v-if="model.gitp.swiftflg == 'Y'"
                label="Expiry Type"
                prop="gidgrp.rec.exptyp"
              >
                <c-select
                  v-model="model.gidgrp.rec.exptyp"
                  style="width: 100%"
                  placeholder="请选择Expiry Type"
                >
                  <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">
              <el-form-item
                v-if="model.gitp.swiftflg == 'Y'"
                label="Validity until"
                prop="gidgrp.rec.expdat"
              >
                <c-date-picker
                  :disabled="model.gidgrp.rec.exptyp == 'OPEN'"
                  type="date"
                  v-model="model.gidgrp.rec.expdat"
                  style="width: 100%"
                  placeholder="请选择Validity until"
                ></c-date-picker>
              </el-form-item>
            </c-col>

            <c-col :span="24">
              <c-col :span="20">
                <el-form-item
                  v-if="model.gitp.swiftflg == 'Y'"
                  label="Expiry Condition/ Evt."
                  prop="gidgrp.blk.exptxt"
                >
                  <c-input
                    type="textarea"
                    rows="4"
                    :disabled="model.gitp.exptxtmodflg == ''"
                    v-model="model.gidgrp.blk.exptxt"
                    maxlength="65"
                    show-word-limit
                    placeholder="请输入Expiry Condition/ Evt."
                  ></c-input>
                </el-form-item>
              </c-col>
              <c-col :span="4">
                <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"
                  >Modify Text</c-checkbox
                >
                <c-button
                  v-if="model.gitp.swiftflg == 'Y'"
                  disabled
                  size="small"
                  type="primary"
                  style="margin: 5px 0 0 10px"
                  @click="onGitpButdifexptxt"
                >
                  vs. &System
                </c-button>
                <c-button
                  v-if="model.gitp.swiftflg == 'Y'"
                  disabled
                  size="small"
                  type="primary"
                  style="margin: 5px 0 0 10px"
                  @click="onGitpButdifhisexptxt"
                >
                  vs. &History
                </c-button>
              </c-col>
            </c-col>

            <c-col :span="24">
              <el-form-item
                v-if="model.gitp.swiftflg == 'Y'"
                label="Liability Type "
                prop="gidgrp.rec.liatypc"
              >
                <c-select
                  :disabled="model.gidgrp.rec.purpos == 'ISSU'"
                  v-model="model.gidgrp.rec.liatypc"
                  style="width: 100%"
                  placeholder="请选择Liability Type "
                >
                  <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="Our Liability until"
                  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="请选择Our Liability until"
                  ></c-date-picker>
                </el-form-item>
              </c-col>
              <c-col
                :span="4"
                v-if="model.gitp.swiftflg == 'Y'"
                class="centerLable"
              >
                <c-checkbox v-model="model.gidgrp.rec.liaflg"
                  >Unlimited Liability</c-checkbox
                >
              </c-col>
            </c-col>

            <c-col :span="24">
              <c-col :span="20">
                <el-form-item
                  v-if="model.gitp.swiftflg == 'Y'"
                  label="Liability Condition"
                  prop="gidgrp.blk.liatxtc"
                >
                  <c-input
                    type="textarea"
                    :disabled="model.gitp.liatxtcmodflg == ''"
                    rows="4"
                    v-model="model.gidgrp.blk.liatxtc"
                    maxlength="65"
                    show-word-limit
                    placeholder="请输入Liability Condition"
                  ></c-input>
                </el-form-item>
              </c-col>
              <c-col :span="4">
                <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"
                  >Modify Text</c-checkbox
                >
                <c-button
                  v-if="model.gitp.swiftflg == 'Y'"
                  disabled
                  size="small"
                  type="primary"
                  style="margin: 5px 0 0 10px"
                  @click="onGitpButdifliatxtc"
                >
                  vs. &System
                </c-button>
                <c-button
                  v-if="model.gitp.swiftflg == 'Y'"
                  disabled
                  size="small"
                  type="primary"
                  style="margin: 5px 0 0 10px"
                  @click="onGitpButdifhisliatxtc"
                >
                  vs. &History
                </c-button>
              </c-col>
            </c-col>
          </c-col>
        </c-col>
      </c-col>
    </c-row>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Getopn/Event";
import Ptap from "~/views/Public/Ptap";

export default {
  components: { "c-ptap": Ptap },
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [commonProcess],
  data() {
    return {};
  },

  computed: {
    flag() {
      return this.model.gidgrp.apl.pts.extkey == "";
    },
  },
  methods: { ...Event },
  created: function () {},
};
</script>
<style>
</style>