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
                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
                  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>
                </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.cur"
                  :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 disabled 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 v-if="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.purpos1"
                                  :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"
              >
              <el-option
              v-for="item in codes.hndtyp8"
              :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="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 :span="4" class="centerLable">
                          <c-checkbox v-model="model.gidgrp.rec.rmbflg">Reimbursement Information</c-checkbox>
                      </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 v-if="model.gitp.swiftflg!='Y'" label="面函标题" prop="gitp.lettername">
              <c-input
                v-model="model.gitp.lettername"
                maxlength="60"
                placeholder="请输入面函标题"
              ></c-input>
            </el-form-item>
          </c-col>
            <!-- <c-col :span="4">
                    <span style="font-size: 15px; font-family: '宋体'; font-weight: bold" v-text="model.gitp.oppbnkl"   data-path=".gitp.oppbnkl" ></span>
                </c-col> -->
          <!-- </c-col> -->
          <c-col :span="24">
            <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."
                >
                <el-option
                    v-for="item in codes.uiltxt1"
                    :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.vrfdat">
                <c-date-picker
                  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."
                >
                <el-option
                    v-for="item in codes.uiltxt2"
                    :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.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="24">
            <el-form-item v-if="model.gitp.swiftflg!='Y'" label="是否分离式保函" prop="gidgrp.rec.fenlishi">
              <c-select
                :disabled="model.gidgrp.rec.hndtyp=='OT'"
                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==''" 
                                  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=='Y'
                                &&model.gidgrp.rec.gartyp==''" 
                                label="Choice of Text" 
                                prop="gidgrp.rec.gtxinr">
              <c-select
                :disabled="model.gidgrp.rec.purpos=='ADVI'||model.gidgrp.rec.purpos=='ACNF'" 
                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=='Y'
                                &&model.gidgrp.rec.gartyp!=''" 
                                label="Choice of Text" 
                                prop="gidgrp.rec.gtxinr">
              <c-select
                :disabled="model.gidgrp.rec.purpos=='ADVI'||model.gidgrp.rec.purpos=='ACNF'"  
                v-model="model.gidgrp.rec.gtxinr"
                style="width: 100%"
                placeholder="请选择Choice of Text"
              >
              <el-option
                    v-for="item in codes.gtxinr3"
                    :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.giduil==''" 
                                label="Choice of Text" prop="gidgrp.rec.gtxinr">
              <c-select
                v-model="model.gidgrp.rec.gtxinr"
                style="width: 100%"
                placeholder="请选择Choice of Text"
              >
               <el-option
                    v-for="item in codes.gtxinr3"
                    :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.giduil=='EN'" 
                                label="Choice of Text" prop="gidgrp.rec.gtxinr">
              <c-select
                v-model="model.gidgrp.rec.gtxinr"
                style="width: 100%"
                placeholder="请选择Choice of Text"
              >
               <el-option
                    v-for="item in codes.gtxinr"
                    :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.giduil=='CN'
                                &&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"
              >
               <el-option
                    v-for="item in codes.gtxinr3"
                    :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.giduil=='CN'&&model.gidgrp.rec.hndtyp=='OT'" label="Choice of Text" prop="gidgrp.rec.gtxinr">
              <c-select
                v-model="model.gidgrp.rec.gtxinr"
                style="width: 100%"
                placeholder="请选择Choice of Text"
              >
               <el-option
                    v-for="item in codes.gtxinr3"
                    :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.giduil=='CN'&&model.gidgrp.rec.hndtyp=='OC'" label="Choice of Text" prop="gidgrp.rec.gtxinr">
              <c-select
                v-model="model.gidgrp.rec.gtxinr"
                style="width: 100%"
                placeholder="请选择Choice of Text"
              >
               <el-option
                    v-for="item in codes.gtxinr1"
                    :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.giduil=='CN'&&model.gidgrp.rec.hndtyp=='OL'" label="Choice of Text" prop="gidgrp.rec.gtxinr">
              <c-select
                v-model="model.gidgrp.rec.gtxinr"
                style="width: 100%"
                placeholder="请选择Choice of Text"
              >
               <el-option
                    v-for="item in codes.gtxinr2"
                    :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="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 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">
            <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="Old Reference" prop="gidgrp.rec.oldref">
              <c-input
                v-model="model.gidgrp.rec.oldref"
                maxlength="16"
                placeholder="请输入Old Reference"
              ></c-input>
            </el-form-item>
          </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
                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">
              <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: 100%"
                  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="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>
        <!-- ============右边================= -->
        <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
                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 :disabled="model.gidgrp.rec.hndtyp!='OT'" 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">
            <c-ptap v-if="(model.gidgrp.rec.hndtyp=='OL'||model.gidgrp.rec.hndtyp=='')&&model.gitp.swiftflg!='Y'" :model="model" :argadr="{
              title: 'Adv/Rcv bank',
              grp: 'gidgrp',
              rol: 'adv',
            }" 
            @onAplpDet="onAdvpDet">
            </c-ptap>
          </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="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.gidgrp.rec.hndtyp=='OC'||model.gidgrp.rec.hndtyp=='OT')&&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.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="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="model.gidgrp.rec.hndtyp=='OT'" 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="model.gidgrp.rec.hndtyp=='OT'" 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
                :disabled="model.gidgrp.rec.hndtyp!='OT'"
                v-model="model.gidgrp.gidcxm.warran"
                maxlength="40"
                placeholder="请输入被保证人"
              ></c-input>
            </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="是否对外担保" prop="gidgrp.rec.fingua">
              <c-select
                v-model="model.gidgrp.rec.fingua"
                style="width: 100%"
                placeholder="请选择是否对外担保"
              >
              <el-option
                    v-for="item in codes.fingua"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                    >
                  </el-option>
              </c-select>
            </el-form-item>
          </c-col>
          <c-col :span="24">
            <c-col :span="20">
              <el-form-item v-if="model.gitp.swiftflg!='Y'" label="对外担保类型" prop="gidgrp.rec.cfaguatyp">
                <c-select
                  :disabled="model.gidgrp.rec.fingua=='N'||model.gidgrp.rec.fingua==''"
                  v-model="model.gidgrp.rec.cfaguatyp"
                  style="width: 90%"
                  placeholder="请选择对外担保类型"
                >
                <el-option
                    v-for="item in codes.cfaguatyp"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                    >
                  </el-option>
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="4" v-if="model.gidgrp.cbs.max.cur=='CNY'&&model.gitp.swiftflg!='Y'" class="centerLable">
                    <c-checkbox label="跨境人民币保函" disabled 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/Gitopn/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 == "";
        },
  },
  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';
          }
      },
  },
    methods:{
        ...Event,
        onSeainf(data) {
      this.$emit("onSeainf",data); 
    },
     valueChange() {
      if (this.onlySearch) return;
      // this.showGridPromptDialog(
      //   `${this.argadr.grp}.${this.argadr.rol}.pts.extkey`
      // );
    },
    },
    created:function(){

    }
}
</script>
<style>

</style>