<template>
  <div class="eibs-tab">
  <c-col :span="24">
      <c-col :span="11">
        <c-col :span="20">
          <el-form-item
            label="信用证号码"
            prop="dedgrp.rec.ownref"
            style="width: 100%"
          >
            <c-input
              v-model="model.dedgrp.rec.ownref"
              maxlength="16"
              placeholder="请输入Reference"
              style="width: 95%"
              disabled
            ></c-input>
          </el-form-item>
        </c-col>
        <!-- <c-col :span="1" style="text-align: right"> -->
          <c-col :span="1">
            <!-- <el-form-item label="" label-width="5px"> -->
              <c-button
               style="margin:0 10px 0 0;padding: 0 12px;"
                size="small"
                type="primary"
                @click="onSeainf"
              >
              <span style="font-size:15px;font-family:'宋体';font-weight:bold">i</span>
              </c-button>
            <!-- </el-form-item> -->
          </c-col>
          <c-col :span="3" style="text-align: right">
            <!-- <el-form-item label="" label-width="5px"> -->
              <c-button
              style="margin:0 0"
                size="small"
                type="primary"
                :disabled="this.flag"
                @click="onDetpButgetref"
              >
                获取
              </c-button>
            <!-- </el-form-item> -->
          </c-col>
        <!-- </c-col> -->
      </c-col>

        <c-col :span="11" :offset="1">
         <el-form-item label="摘要" prop="dedgrp.rec.nam">
          <c-input
            align="middle"
            v-model="model.dedgrp.rec.nam"
            maxlength="40"
            disabled
            placeholder="请输入Externally Displayed Name to Identify the Contract"
          ></c-input>
         </el-form-item>
        </c-col>
    </c-col>

    <!-- ====================左边======================= --> 
    <c-col :span="11">
     <c-col :span="24">
      <el-form-item label="是否可以转让" prop="dedgrp.rec.lcrtyp">
          <c-select
            v-model="model.dedgrp.rec.lcrtyp"
            style="width: 100%"
            placeholder="请选择"
          >
          <el-option
              v-for="item in codes.lcrtyp"
              :key="item.value"
              :label="item.label"
              :value="item.value"
           >
            </el-option>
          </c-select>
        </el-form-item>
       </c-col>

       <c-col :span="20">
        <el-form-item label="所属客户经理" prop="detp.usr.extkey" style="width: 100%">
            <c-input  style="width: 95%"  v-model="model.detp.usr.extkey" maxlength="8"  placeholder="请输入所属客户经理" disabled></c-input>
        </el-form-item>
       </c-col> 

        <c-col :span="4">
        <!-- <el-form-item label="" label-width="17px"> -->
          <c-button
            style="margin:0 10px 0 0;padding: 0 10px;"
            size="small"
            icon="el-icon-search"
            type="primary"
            @click="onExtkey"
          ></c-button>
        <!-- </el-form-item> -->
      </c-col>

      <!-- <c-col>
                &nbsp;
      </c-col> -->
    
       <c-col :span="13">
        <el-form-item label="信用证金额" prop="dedgrp.cbs.nom1.cur">
          <c-select
            disabled
            v-model="model.dedgrp.cbs.nom1.cur"
            style="width: 95%"
            placeholder="请选择Currency"
            @keyup.enter.native="nom1CurEvent"
          >
            <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="11">
        <el-form-item
          style="text-align: left"
          label-width="0"
          prop="dedgrp.cbs.nom1.amt"
        >
          <c-input-currency
            v-model="model.dedgrp.cbs.nom1.amt"
            style="text-align: left; width: 100%"
            placeholder="请输入信用证金额"
            @keyup.enter.native="defaultFunction('dedgrp.cbs.nom1.amt', model.dedgrp.cbs.nom1.amt)"
          ></c-input-currency>
        </el-form-item>
      </c-col>
     
      <c-col :span="24">
      <el-form-item label="大写金额" prop="detp.amt">
          <c-input
            v-model="model.detp.amt"
            maxlength="76"
            placeholder="请输入大写金额"
            disabled
          ></c-input>
      </el-form-item>
      </c-col>
      
      <c-col :span="24">
      <c-col :span="13">
        <el-form-item label="上下浮动限额" prop="dedgrp.rec.nomtop">
          <c-input
            v-model="model.dedgrp.rec.nomtop"
            maxlength="9"
            style="width: 40%"
            placeholder="请输入Amount Tolerance - Positive"
          ></c-input>
          <label style="display:inline-block;width:10%;text-align:center;">-</label>
          <c-input
            v-model="model.dedgrp.rec.nomton"
            maxlength="9"
            style="width: 40%"
            placeholder="请输入Amount Tolerance - Negative"
          ></c-input>
        </el-form-item>
      </c-col>
      </c-col>
      
        <!-- <c-col :span="12" style="text-align: left">
        <el-form-item
          label=""
          style="text-align: left; margin-left: 12px"
          label-width="150px"
          prop="dedgrp.rec.nomton"
        >
          <c-input
            v-model="model.dedgrp.rec.nomton"
            maxlength="9"
            placeholder="请输入Amount Tolerance - Negative"
          ></c-input>
        </el-form-item>
        </c-col> -->

        <!-- <c-col> &nbsp; </c-col> -->

        <c-col :span="13">
        <el-form-item label="信用证最大金额" prop="dedgrp.cbs.max.cur">
          <c-select
            v-model="model.dedgrp.cbs.max.cur"
            style="width: 95%"
            placeholder="请选择Currency"
            disabled
          >
            <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="11">
        <el-form-item label="" label-width="0" prop="dedgrp.cbs.max.amt">
          <c-input
            v-model="model.dedgrp.cbs.max.amt"
            placeholder="请输入信用证最大金额"
            disabled
          ></c-input>
        </el-form-item>
        </c-col>

        <c-col :span="24">
        <el-form-item label="贸易类型" prop="dedgrp.rec.mytype">
          <c-select
            v-if="model.dedgrp.rec.elcflg == 'N'"
            v-model="model.dedgrp.rec.mytype"
            style="width: 100%"
            placeholder="请选择贸易类型"
            @change="mytypeChange"
          >
            <el-option
              v-for="item in codes.mylx"
              :key="item.value"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </c-select>
          <c-select
            v-else
            v-model="model.dedgrp.rec.mytype"
            style="width: 100%"
            placeholder="请选择贸易类型"
            @change="mytypeChange"
          >
            <el-option
              v-for="item in codes.mytype"
              :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="13">
        <el-form-item label="开证日期" prop="dedgrp.rec.opndat">
          <c-date-picker
            type="date"
            v-model="model.dedgrp.rec.opndat"
            value-format="yyyy-MM-dd"
            style="width: 95%"
            placeholder="请选择Date"
          ></c-date-picker>
        </el-form-item>
        </c-col>
        </c-col>

        <c-col :span="24">
        <c-col :span="13">
        <el-form-item label="有效日期" prop="dedgrp.rec.expdat">
          <c-date-picker
            type="date"
            v-model="model.dedgrp.rec.expdat"
            value-format="yyyy-MM-dd"
            style="width: 95%"
            placeholder="请选择Date"
          ></c-date-picker>
        </el-form-item>
        </c-col>
        </c-col>
        
        <c-col :span="24">
        <el-form-item label="有效地点" prop="dedgrp.rec.expplc">
          <c-input
            v-model="model.dedgrp.rec.expplc"
            maxlength="35"
            placeholder="请输入Place of Expiry"
          ></c-input>
        </el-form-item>
        </c-col>
      
       <c-col :span="12">
        <el-form-item label="货运时间" prop="dedgrp.rec.shpdat">
            <c-date-picker type="date"  v-model="model.dedgrp.rec.shpdat" style="width:100%"  placeholder="请选择Shipment Date"></c-date-picker>
        </el-form-item>
       </c-col>


       <c-col :span="24">
          <el-form-item label="转运" prop="dedgrp.rec.shptrs">
            <c-select v-model="model.dedgrp.rec.shptrs" style="width:50%" placeholder="请选择" :disabled="model.dedgrp.rec.mytype == 'F'">
              <el-option label="不允许" value="禁止"></el-option>
              <el-option label="允许" value="允许"></el-option>
              </c-select>
            </el-form-item>
       </c-col>

     

        <c-col :span="24">
        <el-form-item label="是否通过电证系统" prop="dedgrp.rec.elcflg">
          <c-select
            v-model="model.dedgrp.rec.elcflg"
            style="width: 100%"
            placeholder="请选择是否通过电证系统"
          >
            <el-option
              v-for="item in codes.elcflg"
              :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="是否代开信用证" prop="dedgrp.rec.dkflg">
            <c-select v-model="model.dedgrp.rec.dkflg" style="width:100%" placeholder="请选择是否代开信用证">
              </c-select>
        </el-form-item>
        </c-col>
        -->

        <c-col :span="24">
            <el-form-item label="信用证兑付方式" prop="dedgrp.rec.avbby">
                <c-select v-model="model.dedgrp.rec.avbby" style="width:100%" @change="avbbykeyEvent" placeholder="请选择">
                    <el-option v-for="item in codes.avbby0" :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="远期付款指示" prop="dedgrp.blk.dftat">
            <c-input type="textarea" v-model="model.dedgrp.blk.dftat" maxlength="35" show-word-limit placeholder="请输入远期付款指示" ></c-input>
        </el-form-item>
        </c-col>
        
        <c-col :span="24">
        <el-form-item label="交单期限" prop="dedgrp.blk.preper">
            <c-input type="textarea" v-model="model.dedgrp.blk.preper" maxlength="35" show-word-limit placeholder="请输入交单期限" ></c-input>
        </el-form-item>
        </c-col>

    </c-col>

    <!-- ========================右边======================= -->
    <c-col :span="11" :offset="1">
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '受益人',
            grp: 'dedgrp',
            rol: 'ben',
          }"
          :disabled="true"
          :isAdrblk="false"
          @onSeainf="onSeainf"
          @onAplpDet="onBenpDet"
        >
        </c-ptap>
      </c-col>
      
      <!--
      <c-col :span="24">
       <c-col :span="24">
        <el-form-item label="受益人参考号" prop="dedgrp.ben.pts.ref">
            <c-input  v-model="model.dedgrp.ben.pts.ref" maxlength="16"  placeholder="请输入受益人参考号"></c-input>
        </el-form-item>
       </c-col>
      </c-col>

      <c-col :span="24">
       <c-col :span="18">
        <el-form-item label="受益人ID" prop="dedgrp.ben.pts.extkey">
            <c-input  v-model="model.dedgrp.ben.pts.extkey" maxlength="16"  placeholder="请输入受益人Extkey"
             @keyup.enter.native="
                showGridPromptDialog('dedgrp.apl.pts.extkey')
              "
            ></c-input>        
        </el-form-item>
       </c-col>
         <c-col :span="6" style="text-align: right">
          <c-col :span="12">
            <el-form-item label="" label-width="5px">
              <c-button
                size="small"
                type="primary"
                icon="el-icon-search"
                @click="onSeainf('dedgrp.ben.pts.extkey')"
              ></c-button>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label="" label-width="5px">
              <c-button size="small" type="primary" @click="onBenpDet">
                详情
              </c-button>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>
      
      <c-col :span="24">
        <el-form-item label="受益人名称" prop="dedgrp.ben.namelc">
            <c-input type="textarea" v-model="model.dedgrp.ben.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="受益人地址" prop="dedgrp.ben.adrelc">
            <c-input type="textarea" v-model="model.dedgrp.ben.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
      </c-col>

      <c-col :span="24">
        <el-form-item label="受益人账号" prop="dedgrp.ben.pts.extact">
            <c-input  v-model="model.dedgrp.ben.pts.extact" maxlength="34"  placeholder="请输入External Account"></c-input>
        </el-form-item>
       </c-col>
      -->

      <c-col :span="24">
        <el-form-item label="联行行号" prop="dedgrp.beb.pts.bankno">
            <c-input  v-model="model.dedgrp.beb.pts.bankno" maxlength="20"  placeholder="请输入Number of bank"></c-input>
        </el-form-item>
       </c-col>

      <c-col :span="24">
        <el-form-item label="联行名称  电证用" prop="dedgrp.beb.pts.jigomc">
            <c-input type="textarea" v-model="model.dedgrp.beb.pts.jigomc" maxlength="35" show-word-limit placeholder="请输入联行名称  电证用" ></c-input>
        </el-form-item>
      </c-col>
      
      <c-col :span="24">
        <c-ptap
          :model="model"
          :argadr="{
            title: '申请人',
            grp: 'dedgrp',
            rol: 'apl',
          }"
          :disabled="true"
          :isAdrblk="false"
          @onSeainf="onSeainf"
          @onAplpDet="onBenpDet"
        >
        </c-ptap>
      </c-col>
      
      <!--
      <c-col :span="24">
        <el-form-item label="申请人参考号" prop="dedgrp.apl.pts.ref">
            <c-input  v-model="model.dedgrp.apl.pts.ref" maxlength="16"  placeholder="请输入申请人参考号"></c-input>
        </el-form-item>
      </c-col>

     
       <c-col :span="24">
        <el-form-item label="申请人ID" prop="dedgrp.apl.pts.extkey">
            <c-input  v-model="model.dedgrp.apl.pts.extkey" maxlength="16"  placeholder="请输入申请人Extkey"></c-input>
        </el-form-item>
       </c-col>
     

      <c-col :span="24">
       <c-col :span="18">
        <el-form-item label="申请人ID" prop="dedgrp.apl.pts.extkey">
            <c-input  v-model="model.dedgrp.apl.pts.extkey" maxlength="16"  placeholder="请输入申请人Extkey"
            ></c-input>        
        </el-form-item>
       </c-col>
         <c-col :span="6" style="text-align: right">
          <c-col :span="12">
            <el-form-item label="" label-width="5px">
              <c-button
                size="small"
                type="primary"
                icon="el-icon-search"
                @click="onSeainf('dedgrp.apl.pts.extkey')"
              ></c-button>
            </el-form-item>
          </c-col>
          <c-col :span="12">
            <el-form-item label="" label-width="5px">
              <c-button size="small" type="primary" @click="onAplpDet">
                详情
              </c-button>
            </el-form-item>
          </c-col>
        </c-col>
      </c-col>

       <c-col :span="24">
        <el-form-item label="申请人名称" prop="dedgrp.apl.namelc">
            <c-input type="textarea" v-model="model.dedgrp.apl.namelc" maxlength="35" show-word-limit placeholder="请输入名称" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="24">
        <el-form-item label="申请人地址" prop="dedgrp.apl.pts.adrblk">
            <c-input type="textarea" v-model="model.dedgrp.apl.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
        </c-col>
      -->

      <c-col :span="24">
        <el-form-item label="是否通知客户" prop="dedgrp.rec.rejflg">
            <c-select v-model="model.dedgrp.rec.rejflg" style="width:100%" placeholder="请选择是否通知客户">
              </c-select>
        </el-form-item>
       </c-col>

      <c-col :span="24">
        <el-form-item label="拒绝通知理由" prop="dedgrp.blk.rejadvrsn">
            <c-input type="textarea" v-model="model.dedgrp.blk.rejadvrsn" maxlength="35" show-word-limit placeholder="请输入拒绝通知理由" ></c-input>
        </el-form-item>
      </c-col>


    </c-col>
                        
                                                      
       <!--        
       <c-col :span="12">
        <el-form-item label="" prop="detp.usrget.sdamod.seainf">
            <c-input  v-model="model.detp.usrget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
                  
           
       <c-col :span="12">
        <el-form-item label="" prop="detp.benp.ptsget.sdamod.seainf">
            <c-input  v-model="model.detp.benp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col> -->
                  
                  

       <!--                                           
       <c-col :span="12">
        <el-form-item label="Address Block" prop="dedgrp.ben.pts.adrblk">
            <c-input type="textarea" v-model="model.dedgrp.ben.pts.adrblk" maxlength="35" show-word-limit placeholder="请输入Address Block" ></c-input>
        </el-form-item>
        </c-col> -->
       <!--           
       <c-col :span="12">
        <el-form-item label="Chinese address" prop="dedgrp.ben.dbfadrblkcn">
            <c-input type="textarea" v-model="model.dedgrp.ben.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
        </el-form-item>
        </c-col>
        -->                                                                                                                                                                                                                                                                  
                                                  
                                   
                  
	      <c-col :span="12">
	        <span  v-text="model.detp.zchday"   data-path=".detp.zchday" > </span>
	      </c-col>
                  
                                                              
        <!--          
       <c-col :span="12">
        <el-form-item label="Drag  Drop Sender" prop="detp.aplp.ptsget.sdamod.dadsnd">
            <c-input  v-model="model.detp.aplp.ptsget.sdamod.dadsnd"  placeholder="请输入Drag  Drop Sender"></c-input>
        </el-form-item>
       </c-col> --> 
                  

        <!--           
       <c-col :span="12">
        <el-form-item label="" prop="detp.aplp.ptsget.sdamod.seainf">
            <c-input  v-model="model.detp.aplp.ptsget.sdamod.seainf"  placeholder="请输入"></c-input>
        </el-form-item>
       </c-col>
       --> 

       <!--           
       <c-col :span="12">
        <c-button size="small" type="primary"  @click="onAplpDet">
            Details
        </c-button>
       </c-col>
       -->
                                                 
       <!--            
       <c-col :span="12">
        <el-form-item label="Chinese address" prop="dedgrp.apl.dbfadrblkcn">
            <c-input type="textarea" v-model="model.dedgrp.apl.dbfadrblkcn" maxlength="35" show-word-limit placeholder="请输入Chinese address" ></c-input>
        </el-form-item>
        </c-col>
                                   
                                   
       <c-col :span="12">
        <el-form-item label="Maximum Tenor" prop="dedgrp.rec.tenmaxday">
            <c-input  v-model="model.dedgrp.rec.tenmaxday"  placeholder="请输入Maximum Tenor"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="远期付款指示" prop="dedgrp.blk.defdet">
            <c-input type="textarea" v-model="model.dedgrp.blk.defdet" maxlength="35" show-word-limit placeholder="请输入远期付款指示" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <el-form-item label="地址" prop="dedgrp.apl.adrelc">
            <c-input type="textarea" v-model="model.dedgrp.apl.adrelc" maxlength="35" show-word-limit placeholder="请输入地址" ></c-input>
        </el-form-item>
        </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="远期付款指示" prop="dedgrp.blk.dftat">
            <c-input type="textarea" v-model="model.dedgrp.blk.dftat" maxlength="35" show-word-limit placeholder="请输入远期付款指示" ></c-input>
        </el-form-item>
        </c-col>
                  
       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onLcrdftatButtxmsel">
            ...
        </c-button>
       </c-col>
                  
                                              
                  
       <c-col :span="12">
        <c-button size="small" type="primary" icon="el-icon-search" @click="onPreperButtxmsel">
            ...
        </c-button>
       </c-col>
                                   
       <c-col :span="12">
        <el-form-item label="发起参与机构" prop="detp.dzlhhh">
            <c-input  v-model="model.detp.dzlhhh" maxlength="20"  placeholder="请输入发起参与机构"></c-input>
        </el-form-item>
       </c-col>
       -->            

    </div>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import Event from "~/model/Detopn/Event";
import Utils from "~/utils";
import Ptap from "~/views/Public/Ptap";


export default {
    components: { "c-ptap": Ptap },
    inject: ['root'],
    props:["model","codes"],
    mixins: [CommonProcess],
    data(){ 
        return {
                jigomcFlag: false,
                trade: "",
        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>
