<template >
  <div class="eibs-tab">
    <c-row>
      <c-col :span="24">    
      </c-col>
      <c-col :span="24">
        <!-- ==================左边================ -->
        <c-col :span="11">
          <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"
                  @click="onSeainf"
                >
                  <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>
                  <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.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" class="centerLable">
              <c-checkbox v-show="model.gitp.swiftflg!='Y'" 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-show="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 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">
                      <c-col :span="24">
                          <el-form-item v-show="model.gitp.swiftflg=='Y'" 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>

          <c-col :span="24">
            <el-form-item 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 hndtyp"
              :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-show="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-show="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">
              <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="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-show="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 :span="24">
            <el-form-item v-show="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-show="model.gitp.swiftflg!='Y'" label="是否分离式保函" prop="gidgrp.rec.fenlishi">
              <c-select
                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 
                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 
                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-show="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">
            <c-col :span="14">
              <el-form-item v-show="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-show="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-show="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-show="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-show="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-show="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-show="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-show="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>
        <!-- ============右边================= -->
        <c-col :span="11" :offset="1">
         <c-col :span="24">
          <el-form-item v-show="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-show="model.gitp.swiftflg!='Y'" label="申请人" prop="gidgrp.apl.pts.ref">
                                <c-input :disabled="model.gidgrp.ghd.segtyp=='02'" v-model="model.gidgrp.apl.pts.ref" maxlength="16"  placeholder="请输入Applicant Ref."></c-input>
                            </el-form-item>
                     </c-col>
                     <c-col :span="24">
                        <el-form-item v-show="model.gitp.swiftflg!='Y'" label="申请人" prop="gidgrp.apl.pts.extkey">
                            <c-fullbox>
                                <c-input :disabled="model.gidgrp.ghd.segtyp=='02'" 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 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-show="model.gitp.swiftflg!='Y'" label="地址名称" prop="gidgrp.apl.pts.adrblk">
                            <c-input :disabled="model.gidgrp.ghd.segtyp=='02'||model.gidgrp.rec.hndtyp!='OT'" 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-show="model.gitp.swiftflg!='Y'" :model="model" :argadr="{
              title: '开证行',
              grp: 'gidgrp',
              rol: 'adv',
            }" 
            :disabled="true" 
            @onAplpDet="onAdvpDet">
            </c-ptap>
          </c-col>


          <c-col :span="24">
               <el-form-item v-show="model.gitp.swiftflg!='Y'" label="受益人参考号" prop="gidgrp.ben.pts.ref">
                    <c-input :disabled="model.gidgrp.ghd.segtyp=='02'" v-model="model.gidgrp.ben.pts.ref" maxlength="16"  placeholder="请输入受益人参考号"></c-input>
               </el-form-item>
          </c-col>
          <c-col :span="24">
              <el-form-item v-show="model.gitp.swiftflg!='Y'" label="受益人" prop="gidgrp.ben.pts.extkey">
                <c-fullbox>
                  <c-input :disabled="model.gidgrp.ghd.segtyp=='02'" 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="onAplpDet">
                              Details
                      </c-button>
                  </template>
                </c-fullbox>  
              </el-form-item>
            </c-col>
            <c-col :span="24">
                <el-form-item v-show="model.gitp.swiftflg!='Y'" label="地址名称" prop="gidgrp.ben.pts.adrblk">
                    <c-input :disabled="model.gidgrp.ghd.segtyp=='02'||model.gidgrp.rec.hndtyp=='OT'" 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-show="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">
            <el-form-item v-show="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-show="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 :span="24">
            <c-col :span="24">
              <el-form-item v-show="model.gitp.swiftflg!='Y'" label="对外担保类型" prop="gidgrp.rec.cfaguatyp">
                <c-select
                  disabled
                  v-model="model.gidgrp.rec.cfaguatyp"
                  style="width: 100%"
                  placeholder="请选择对外担保类型"
                >
                <el-option
                    v-for="item in codes.cfaguatyp"
                    :key="item.value"
                    :label="item.label"
                    :value="item.value"
                    >
                  </el-option>
                </c-select>
              </el-form-item>
            </c-col>
          </c-col>

          <c-col :span="24">
            <el-form-item v-show="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">
                        <c-col :span="24">
                            <el-form-item v-show="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>

                <c-col :span="24">
                    <el-form-item v-show="model.gitp.swiftflg=='Y'" label="Valid from" prop="gidgrp.rec.opndat">
                        <c-date-picker disabled 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-show="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">
                <c-col :span="20">
                        <el-form-item v-show="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: 90%"
                            placeholder="请选择Validity until"
                            ></c-date-picker>
                      </el-form-item>
                </c-col>
                <c-col :span="4" v-show="model.gitp.swiftflg=='Y'" class="centerLable">
                 <c-checkbox disabled v-model="model.gidgrp.rec.expflg"
                    >Unlimited Guarantee</c-checkbox
                  >
                </c-col> 
              </c-col>

              <c-col :span="24">
                    <c-col :span="20">
                        <el-form-item v-show="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-show="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-show="model.gitp.swiftflg=='Y'" disabled size="small" type="primary" style="margin:5px 0 0 10px"  @click="onGitpButdifexptxt">
                            vs. &System
                        </c-button>
                        <c-button v-show="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-show="model.gitp.swiftflg=='Y'" label="Liability Type " prop="gidgrp.rec.liatypc">
                          <c-select :disabled="model.gidgrp.rec.purpos=='ISSU'||model.gidgrp.rec.purpos==''" 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-show="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-show="model.gitp.swiftflg=='Y'" class="centerLable">
                              <c-checkbox disabled 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-show="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-show="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-show="model.gitp.swiftflg=='Y'" disabled size="small" type="primary"  style="margin:5px 0 0 10px" @click="onGitpButdifliatxtc">
                            vs. &System
                        </c-button>
                        <c-button v-show="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-row>
  </div>
</template>
<script>
import Api from "~/service/Api";
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable";
import Event from "~/model/Gitpop/Event";
import Utils from "~/utils";
import Ptap from "~/views/Public/Ptap";

export default {
  components: { "c-ptap": Ptap },
  inject: ["root"],
  props: ["model"],
  mixins: [commonProcess],
  data() {
    return {
      hndtyp: [
              { label: "Transfer", value: "OT" },
              { label: "Direct (we issue)", value: "OL" },
              { label: "Indirect (please issue)", value: "OC" },
          ],
      codes: {
               ...CodeTable,
            },
    };
  },
   computed: {
    flag() {
      return this.model.gidgrp.apl.pts.extkey == "";
    },
  },
  methods: { 
      ...Event ,
      onSeainf(data) {
      this.$emit("onSeainf", data);
    },
  },
  created: function () {},
  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';
          }
      },
    declareParams() {},
  },

  ogiamt: {
            handler(num) {
                console.log("=================================")
                num = this.ogiamt;

                num = num.toFixed(2);

                num = parseFloat(num);

                num = num.toLocaleString();

                return num;//返回的是字符串23,245.12保留2位小数
            },
    immediate: true

        }
};
</script>
<style>
</style>