<template>
  <div class="eibs-tab">
    <!-- ======================= 左边 ========================= -->
    <c-col :span="12" style="padding-right: 20px">
      <!-- S0000054 : 担保 -->
      <el-col :span="24">
        <c-form-item
            :label="$t('gctp.S0000054')"
            prop="gidgrp.rec.ownref"
            style="width: 100%"
        >
            <c-fullbox>
                <c-input
                    v-model="model.gidgrp.rec.ownref"
                    maxlength="16"
                    :placeholder="$t('other.please_enter')+$t('gctp.S0000054')"
                    disabled
                ></c-input>
                 <template slot="footer">
                      <c-button
                        style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
                        size="small"
                        type="primary"
                        disabled
                        icon="el-icon-search"
                      >
                      </c-button>
                      <c-button
                        style="margin: 0 0"
                        size="small"
                        type="primary"
                        disabled
                      >
                        获取
                      </c-button>
                </template>
            </c-fullbox>
        </c-form-item>
      </el-col>


      <!-- S0000057 : Claim Number -->
        <el-col :span="24">
        <c-form-item
            :label="$t('gctp.S0000057')"
            prop="gcdgrp.rec.ownref"
            style="width: 100%"
        >
            <c-fullbox>
                <c-input
                    v-model="model.gcdgrp.rec.ownref"
                    maxlength="16"
                    :placeholder="$t('other.please_enter')+$t('gctp.S0000057')"
                    disabled
                ></c-input>
                 <template slot="footer">
                      <c-button
                        style="margin: 0 10px 0 10px; padding: 0 12px; height: 32px"
                        size="small"
                        type="primary"
                        disabled
                        icon="el-icon-search"
                      >
                      </c-button>
                      <c-button
                        style="margin: 0 0"
                        size="small"
                        type="primary"
                        disabled
                      >
                        获取
                      </c-button>
                </template>
            </c-fullbox>
        </c-form-item>
      </el-col>

        <c-col :span="24">
             <el-form-item :label="$t('gctp.S0000090')" prop="gidgrp.rec.expdat">
                 <c-date-picker type="date"  v-model="model.gidgrp.rec.expdat" style="width:100%"  :placeholder="$t('other.please_enter')+'Valid until'" disabled></c-date-picker>
             </el-form-item>
        </c-col>

       <!-- S0000055 : Amount Claimed -->
          <el-col :span="24">
              <c-col :span="11">
                <el-form-item :label="$t('gctp.S0000055')" prop="gcdgrp.cbs.max.cur">
                  <c-select
                    v-model="model.gcdgrp.cbs.max.cur"
                    style="width: 100%"
                    placeholder="币种"
                    :code="codes.curtxt1"
                    disabled
                  >
                  </c-select>
                </el-form-item>
              </c-col>
              <c-col :span="9">
                <el-form-item
                  style="text-align: left; margin-left: 5px"
                  label-width="0px"
                  prop="gcdgrp.cbs.max.amt"
                >
                  <c-input-currency
                    v-model="model.gcdgrp.cbs.max.amt"
                    style="text-align: left; width: 90%"
                    placeholder="请输入金额"
                    disabled
                  ></c-input-currency>
                </el-form-item>
              </c-col>
              <c-col :span="4">
                <template>
                  <c-checkbox
                    v-model="model.gctp.adaflg"
                    style="float: right; text-align: center"
                    disabled
                    >{{$t('gctp.CF000050')}}</c-checkbox
                  >
                </template>
              </c-col>
            </el-col>

            <!-- S0000056 : Open Amount -->
            <el-col :span="24">
              <c-col :span="11">
                <el-form-item :label="$t('gctp.S0000056')" prop="gcdgrp.cbs.opn1.cur">
                  <c-select
                    v-model="model.gcdgrp.cbs.opn1.cur"
                    style="width: 100%"
                    placeholder="币种"
                    :code="codes.curtxt1"
                    disabled
                  >
                  </c-select>
                </el-form-item>
              </c-col>
              <c-col :span="9">
                <el-form-item
                  style="text-align: left; margin-left: 5px"
                  label-width="0px"
                  prop="gcdgrp.cbs.opn1.amt"
                >
                  <c-input-currency
                    v-model="model.gcdgrp.cbs.opn1.amt"
                    style="text-align: left; width: 90%"
                    placeholder="请输入金额"
                    disabled
                  ></c-input-currency>
                </el-form-item>
              </c-col>
              <c-col :span="4">
              </c-col>
            </el-col>


       <!-- S0000053 : Type of Undertaking -->
       <el-col :span="24">
           <c-col :span="24">
            <el-form-item :label="$t('gctp.S0000053')" prop="gidgrp.rec.gartyp">
                <c-select
                    v-model="model.gidgrp.rec.gartyp"
                    style="width:100%"
                    :placeholder="$t('other.please_enter')+$t('gctp.S0000053')"
                    :code="codes.typgar"
                    disabled
                    >
                  </c-select>
            </el-form-item>
           </c-col>
        </el-col>

       <!-- S0000059 : Date of Claim -->
       <c-col :span="24">
        <el-form-item :label="$t('gctp.S0000059')" prop="gcdgrp.rec.clmdat">
            <c-date-picker type="date"  v-model="model.gcdgrp.rec.clmdat" style="width:100%"  :placeholder="$t('other.please_enter')+$t('gctp.S0000059')" disabled></c-date-picker>
        </el-form-item>
       </c-col>

       <!-- SG000092 : 是否需要核验 -->
       <c-col :span="24">
        <el-form-item :label="$t('gctp.SG000092')" prop="gctp.ischktyp" v-show="false">
            <c-select
                v-model="model.gctp.ischktyp"
                style="width:100%"
                :placeholder="$t('other.please_enter')+$t('gctp.SG000092')">
                :code="code.ischktyp"
                disabled
              </c-select>
        </el-form-item>
       </c-col>
        <!--  SG000091 : 预计核验日期 -->

        <c-col :span="12">
            <el-form-item :label="$t('gctp.SG000091')" prop="gctp.prechkdat" v-show="false">
                <c-date-picker type="date"  v-model="model.gctp.prechkdat" style="width:100%"  :placeholder="$t('other.please_enter')+$t('gctp.SG000091')" disabled></c-date-picker>
            </el-form-item>
        </c-col>



        <!-- S0000067 : Payer -->

        <c-col :span="24">
            <el-form-item :label="$t('gctp.S0000067')" prop="gcdgrp.rec.payrol">
                <c-select v-model="model.gcdgrp.rec.payrol" style="width:100%" :placeholder="$t('other.please_enter')+'Payer'" :code="codes.payrol" disabled>
                </c-select>
            </el-form-item>
        </c-col>
        <c-col :span="24">
            <c-ptap :model="model" :argadr="{
                title: '',
                grp: 'gcdgrp',
                rol: 'oth',
            }" :disabledRef="true" :disabledExtkey="true" :disabled="true"  :noRef="true">
            </c-ptap>
        </c-col>

    </c-col>

  <!-- ======================右边====================== -->
    <c-col :span="12" style="padding-left: 20px">
        <el-col :span="24">
            <c-col :span="11">
             <!-- S0000060 : Open Amt. L/C -->
              <el-form-item label="Open Amt. L/C" prop="gidgrp.cbs.opn1.cur">
                <c-select
                  v-model="model.gidgrp.cbs.opn1.cur"
                  style="width: 100%"
                  placeholder="币种"
                  :code="codes.curtxt1"
                  disabled
                >
                </c-select>
              </el-form-item>
            </c-col>
            <c-col :span="9">
              <el-form-item
                style="text-align: left; margin-left: 5px"
                label-width="0px"
                prop="gidgrp.cbs.opn1.amt"
                disabled
              >
                <c-input-currency
                  v-model="model.gidgrp.cbs.opn1.amt"
                  style="text-align: left; width: 90%"
                  placeholder="请输入金额"
                  disabled
                ></c-input-currency>
              </el-form-item>
            </c-col>
            <!--
            <c-col :span="4">

            </c-col>
            -->
          </el-col>
        <!-- S0000058 : Name -->
       <c-col :span="24">
        <c-form-item :label="$t('gctp.S0000058')" prop="gcdgrp.rec.nam">
            <c-input  v-model="model.gcdgrp.rec.nam" maxlength="40"  :placeholder="$t('other.please_enter')+$t('gctp.S0000058')" disabled></c-input>
        </c-form-item>
       </c-col>

         <c-col :span="24">
           <span  v-text="model.gctp.aplmullab"   data-path=".gctp.aplmullab" disabled></span>
       </c-col>

        <!-- S0000051 : Applicant -->
         <!-- S0000061 : Ref. -->
       <c-col :span="24">
        <c-form-item :label="$t('gctp.S0000051')" prop="gcdgrp.apl.pts.ref">
            <c-input  v-model="model.gcdgrp.apl.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('gctp.S0000051')" disabled></c-input>
        </c-form-item>
       </c-col>
       <c-col :span="24">
        <c-form-item :label="$t('gctp.S0000051')+$t('gctp.S0000091')" prop="gcdgrp.apl.pts.nam">
            <c-input  v-model="model.gcdgrp.apl.pts.nam" maxlength="40"  :placeholder="$t('other.please_enter')+'Name of Party'" disabled></c-input>
        </c-form-item>
       </c-col>

     <!-- S0000052 : Beneficiary -->
     <!-- S0000062 : Ref. -->
      <c-col :span="24">
        <c-form-item :label="$t('gctp.S0000052')" prop="gcdgrp.ben.pts.ref">
            <c-input  v-model="model.gcdgrp.ben.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('gctp.S0000052')" disabled></c-input>
        </c-form-item>
       </c-col>

       <c-col :span="24">
        <c-form-item :label="$t('gctp.S0000052')+$t('gctp.S0000091')" prop="gcdgrp.ben.pts.nam">
            <c-input  v-model="model.gcdgrp.ben.pts.nam" maxlength="40"  :placeholder="$t('other.please_enter')+'Name of Party'" disabled></c-input>
        </c-form-item>
       </c-col>
        <!-- S0000065 : Presented by -->
        <c-col :span="24">
            <el-form-item :label="$t('gctp.S0000065')" prop="gcdgrp.rec.docprbrol" >
                <c-select v-model="model.gcdgrp.rec.docprbrol" style="width:100%"
                          :placeholder="$t('other.please_enter')+'Presented by'"
                          :code = "codes.payrol"
                          disabled
                >
                </c-select>
            </el-form-item>
        </c-col>
        <c-col :span="24">
            <c-ptap :model="model" :argadr="{
            title: '',
            grp: 'gcdgrp',
            rol: 'prb',
        }" :disabledRef="true" :disabledExtkey="true" :disabled="true">
            </c-ptap>

        </c-col>


    </c-col>

        <!--暂时隐藏-->
      <!--
       <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="gctp.gidget.sdamod.dadsnd">
            <c-input  v-model="model.gctp.gidget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col>


                  
       <c-col :span="12">
        <c-form-item label="" prop="gctp.gidget.sdamod.seainf">
            <c-input  v-model="model.gctp.gidget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>
                  
        <c-col :span="12">
            <span  v-text="model.gctp.expfldlab"   data-path=".gctp.expfldlab" > </span>
        </c-col>

        <c-col :span="12">
            <span  v-text="model.gctp.explab"   data-path=".gctp.explab" > </span>
        </c-col>

       <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="gctp.recget.sdamod.dadsnd">
            <c-input  v-model="model.gctp.recget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col>

       <c-col :span="12">
        <c-form-item label="" prop="gctp.recget.sdamod.seainf">
            <c-input  v-model="model.gctp.recget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>

        <c-col :span="12">
            <span  v-text="model.gctp.liafldlab"   data-path=".gctp.liafldlab" > </span>
        </c-col>

        <c-col :span="12">
            <span  v-text="model.gctp.lialab"   data-path=".gctp.lialab" > </span>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Liability until" prop="gidgrp.rec.liadat">
            <c-date-picker type="date"  v-model="model.gidgrp.rec.liadat" style="width:100%"  :placeholder="$t('other.please_enter')+'Liability until'"></c-date-picker>
        </el-form-item>
       </c-col>
                  
        -->
      <!--


                 &lt;!&ndash; S0000066 : Reference &ndash;&gt;
                  
       <c-col :span="12">
        <c-form-item :label="$t('gctp.S0000066')" prop="gcdgrp.prb.pts.ref">
            <c-input  v-model="model.gcdgrp.prb.pts.ref" maxlength="16"  :placeholder="$t('other.please_enter')+$t('gctp.S0000066')"></c-input>
        </c-form-item>
       </c-col>

                  
       <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="gctp.prbp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.gctp.prbp.ptsget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="External Key of Address" prop="gcdgrp.prb.pts.extkey">
            <c-input  v-model="model.gcdgrp.prb.pts.extkey" maxlength="16"  :placeholder="$t('other.please_enter')+'External Key of Address'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="" prop="gctp.prbp.ptsget.sdamod.seainf">
            <c-input  v-model="model.gctp.prbp.ptsget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onPrbpDet">
             {{$t('ptsp.CF000081')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="名称" prop="gcdgrp.prb.namelc">
            <c-input type="textarea" v-model="model.gcdgrp.prb.namelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'名称'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Address Block" prop="gcdgrp.prb.pts.adrblk">
            <c-input type="textarea" v-model="model.gcdgrp.prb.pts.adrblk" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Address Block'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Chinese address" prop="gcdgrp.prb.dbfadrblkcn">
            <c-input type="textarea" v-model="model.gcdgrp.prb.dbfadrblkcn" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Chinese address'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="地址" prop="gcdgrp.prb.adrelc">
            <c-input type="textarea" v-model="model.gcdgrp.prb.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
        </c-form-item>
        </c-col>

                  
       <c-col :span="12">
        <c-form-item label="Drag  Drop Sender" prop="gctp.othp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.gctp.othp.ptsget.sdamod.dadsnd"  :placeholder="$t('other.please_enter')+'Drag  Drop Sender'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="External Key of Address" prop="gcdgrp.oth.pts.extkey">
            <c-input  v-model="model.gcdgrp.oth.pts.extkey" maxlength="16"  :placeholder="$t('other.please_enter')+'External Key of Address'"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="" prop="gctp.othp.ptsget.sdamod.seainf">
            <c-input  v-model="model.gctp.othp.ptsget.sdamod.seainf"  :placeholder="$t('other.please_enter')+''"></c-input>
        </c-form-item>
       </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onOthpDet">
             {{$t('ptsp.CF000081')}}
        </c-button>
       </c-col>
                  
       <c-col :span="12">
        <c-form-item label="名称" prop="gcdgrp.oth.namelc">
            <c-input type="textarea" v-model="model.gcdgrp.oth.namelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'名称'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Address Block" prop="gcdgrp.oth.pts.adrblk">
            <c-input type="textarea" v-model="model.gcdgrp.oth.pts.adrblk" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Address Block'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="Chinese address" prop="gcdgrp.oth.dbfadrblkcn">
            <c-input type="textarea" v-model="model.gcdgrp.oth.dbfadrblkcn" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'Chinese address'" ></c-input>
        </c-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-form-item label="地址" prop="gcdgrp.oth.adrelc">
            <c-input type="textarea" v-model="model.gcdgrp.oth.adrelc" maxlength="35" show-word-limit :placeholder="$t('other.please_enter')+'地址'" ></c-input>
        </c-form-item>
        </c-col>-->

  </div>
</template>
<script>
import event from '../event';
import Ptap from "~/views/Public/Ptap";
export default {
  components: { "c-ptap":Ptap},
  inject: ["root"],
  props: ["model", "codes"],
  mixins: [event],
  data() {
    return {};
  },
  methods: {},
  created () {},
};
</script>
<style>

</style>