<template>
  <div class="eibs-tab">
    <el-collapse v-model="activeNames" @change="handleChange">
      <el-collapse-item title="提货担保" name="1">
      <!-- =======左========== -->
      <el-col :span="11">
        <c-col :span="24">
        <el-form-item label="信用证编号" prop="lidgrp.rec.ownref">
            <c-input  
            disabled
            v-model="model.lidgrp.rec.ownref" maxlength="16"  placeholder="请输入参考号"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="10">
        <el-form-item label="信用证金额" prop="lidgrp.cbs.nom1.cur">
            <c-input 
            disabled
            v-model="model.lidgrp.cbs.nom1.cur" style="width:100%" placeholder="请选择信用证金额">
            </c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="10">
        <el-form-item label="" label-width="10px" prop="lidgrp.cbs.nom1.amt">
            <c-input  
            disabled
            v-model.number="model.lidgrp.cbs.nom1.amt"  placeholder="请输入信用证金额"></c-input>
        </el-form-item>
       </c-col>

        <c-col :span="4">
	    <c-checkbox disabled v-model="model.brtp.aammod.addamtflg">附加金额</c-checkbox>
       </c-col>

       <c-col :span="10">
        <el-form-item label="信用证余额" prop="lidgrp.cbs.opn1.cur">
            <c-input  
            disabled
            v-model="model.lidgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入信用证余额"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="10">
        <el-form-item label="" label-width="10px" prop="lidgrp.cbs.opn1.amt">
            <c-input  
            disabled
            v-model.number="model.lidgrp.cbs.opn1.amt"  placeholder="请输入金额"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="4">
	    <c-checkbox disabled v-model="model.lidgrp.rec.revflg">循环信用证</c-checkbox>
       </c-col>

       <c-col :span="24">
        <el-form-item label="可用银行" prop="lidgrp.avbnam">
            <c-input disabled v-model="model.lidgrp.avbnam" maxlength="40"  placeholder="请输入指定银行"></c-input>
        </el-form-item>
       </c-col>

                                  
       <c-col :span="12">
        <el-form-item label="兑付方式" prop="lidgrp.rec.avbby">
            <c-select 
            disabled
            :code="codes.avbby"
            v-model="model.lidgrp.rec.avbby" style="width:100%" placeholder="请选择Available by">
              </c-select>
        </el-form-item>
       </c-col>

       <c-col :span="12">
	    <c-checkbox 
        disabled
        v-model="model.lidgrp.rec.redclsflg"
        style="margin-left:25px;padding: 0 10px;"
        >红/绿条款</c-checkbox>
       </c-col>

        <c-col :span="24">
        <el-form-item label="开证日期" prop="lidgrp.rec.opndat">
            <c-date-picker 
            disabled
            type="date"  v-model="model.lidgrp.rec.opndat" style="width:100%"  placeholder="请选择开证日期"></c-date-picker>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="装运日期" prop="lidgrp.rec.shpdat">
            <c-date-picker 
            disabled
            type="date"  v-model="model.lidgrp.rec.shpdat" style="width:100%"  placeholder="请选择最迟装运日期"></c-date-picker>
        </el-form-item>
       </c-col>

       <c-col :span="12">
        <el-form-item label="有效期限" prop="lidgrp.rec.expdat">
            <c-date-picker 
            disabled
            type="date"  v-model="model.lidgrp.rec.expdat" style="width:100%"  placeholder="请选择到期日/到期地点"></c-date-picker>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="到期地点" prop="lidgrp.rec.expplc">
            <c-input disabled v-model="model.lidgrp.rec.expplc" maxlength="29"  placeholder="请输入到期日/到期地点"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="信用证类型" prop="lidgrp.rec.lcrtyp">
            <c-select 
            :code="codes.lcrtyp1"
            disabled v-model="model.lidgrp.rec.lcrtyp" style="width:100%" placeholder="请选择信用证类型">
            </c-select>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="提货担保编号" prop="brdgrp.rec.shgref">
           <c-fullbox>
            <c-input disabled v-model="model.brdgrp.rec.shgref" maxlength="16"  placeholder="请输入提货担保编号"></c-input>
        
            <template slot="footer">
            <c-button size="small" type="primary"  @click="onGetref">
            获取
            </c-button>
            </template>
           </c-fullbox>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="单据编号" prop="brdgrp.rec.ownref">
            
            <c-fullbox>
            <c-input disabled v-model="model.brdgrp.rec.ownref" maxlength="16"  placeholder="请输入单据编号"></c-input>
            <template slot="footer">
        <c-button size="small" type="primary"  @click="onBrtmodButgetref">
            获取
        </c-button>
       </template>
            </c-fullbox>
        </el-form-item>
       </c-col>

       <c-col :span="14">
        <el-form-item label="提货担保金额" prop="brdgrp.cbs.max.cur">
            <c-input disabled v-model="model.brdgrp.cbs.max.cur" maxlength="3"  placeholder="请输入金额"></c-input>
        </el-form-item>
       </c-col>
                  
       <c-col :span="10">
        <el-form-item label="" label-width="10px" prop="brdgrp.cbs.max.amt">
            <c-input  v-model="model.brdgrp.cbs.max.amt"  placeholder="请输入金额"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="装运备注" prop="shpmar">
            <c-input 
            :rows="3"
            type="textarea" v-model="model.shpmar" maxlength="40" show-word-limit placeholder="请输入装运备注" ></c-input>
        </el-form-item>
        </c-col>

        <c-col :span="24">
        <el-form-item label="总份数" prop="pietat">
            <c-input  v-model="model.pietat" maxlength="80"  placeholder="请输入总份数"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="担保银行" prop="guabnkval">
            <c-input  v-model="model.guabnkval" maxlength="40" style="width: 77%"  placeholder="请输入担保银行"></c-input>
            <span style="font-size:12px;color:#606266;">(提货担保面函落款)</span>
        </el-form-item>
       </c-col>
      </el-col>

      <!-- ========右========= -->
      <el-col :span="11" :offset="1">
      <c-col :span="24">
        <el-form-item label="简略信息" prop="lidgrp.rec.nam">
            <c-input disabled v-model="model.lidgrp.rec.nam" maxlength="40"  placeholder="请输入简略信息"></c-input>
        </el-form-item>
       </c-col>

         <c-col :span="24">
        <el-form-item label="申请人参考号" prop="brdgrp.apl.pts.ref">
            <c-input disabled v-model="model.brdgrp.apl.pts.ref" maxlength="16"  placeholder="请输入申请人"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="申请人名称" prop="brdgrp.apl.pts.nam">
            <c-input disabled v-model="model.brdgrp.apl.pts.nam" maxlength="40"  placeholder="请输入名称"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="受益人参考号" prop="brdgrp.ben.pts.ref">
            <c-input disabled v-model="model.brdgrp.ben.pts.ref" maxlength="16"  placeholder="请输入受益人"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="受益人名称" prop="brdgrp.ben.pts.nam">
            <c-input disabled v-model="model.brdgrp.ben.pts.nam" maxlength="40"  placeholder="请输入名称"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="寄单行参考号" prop="brdgrp.prb.pts.ref">
            <c-input disabled v-model="model.brdgrp.prb.pts.ref" maxlength="16"  placeholder="请输入交单行"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="寄单行名称" prop="brdgrp.prb.pts.nam">
            <c-input disabled v-model="model.brdgrp.prb.pts.nam" maxlength="40"  placeholder="请输入名称"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="简略信息" prop="brdgrp.rec.nam">
            <c-input disabled v-model="model.brdgrp.rec.nam" maxlength="40"  placeholder="请输入Name"></c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="货押标识" prop="brdgrp.rec.guaflg">
            <c-select 
            v-model="model.brdgrp.rec.guaflg" 
            style="width:100%" 
            placeholder="请选择货押标识"
            :code="codes.guaflg"
            >
              </c-select>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="交单行" prop="brdgrp.rec.docprbrol">
            <c-input disabled v-model="model.brdgrp.rec.docprbrol" style="width:100%" placeholder="请选择Presented by">
            </c-input>
        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="地址编码" prop="brdgrp.prb.pts.extkey">
            <c-fullbox>
            <c-input  
            v-model="model.brdgrp.prb.pts.extkey" 
            maxlength="16"  
            placeholder="请输入地址编码"
            @keyup.enter.native="showGridPromptDialog('brdgrp.prb.pts.extkey')"
            ></c-input>
            
            <template slot="footer">
                <c-button
                style="margin: 0 5px 0 10px; padding: 0 12px"
                    size="small"
                    type="primary"
                    
                    icon="el-icon-info"
                  >
                  </c-button>
              <c-button
                style="margin: 0 0"
                size="small"
                type="primary"
               
              >
                Details
              </c-button>
            </template>
          </c-fullbox>

        </el-form-item>
       </c-col>

       <c-col :span="24">
        <el-form-item label="地址信息" prop="brdgrp.prb.pts.adrblk">
            <c-input
            :rows="5" 
            type="textarea" 
            v-model="model.brdgrp.prb.pts.adrblk" 
            maxlength="200" 
            show-word-limit 
            placeholder="请输入地址信息" 
            ></c-input>
        </el-form-item>
        </c-col>

        <c-col :span="24">
        <el-form-item label="发票类型" prop="brdgrp.rec.invtyp">
            <c-select 
            v-model="model.brdgrp.rec.invtyp" 
            style="width:100%" 
            placeholder="请选择(提货担保面函落款)"
            :code="codes.invtyp"
            >
              </c-select>
        </el-form-item>
       </c-col>
      </el-col>
    </el-collapse-item>
    <el-collapse-item title="装运详情" name="2">
        <!-- 详情 -->
        <m-shpdet :model="model" :codes="codes" />
      </el-collapse-item>
   </el-collapse>
     
                   </div>
</template>
<script>
import Api from "~/service/Api"
import commonProcess from "~/mixin/commonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Litrog/Event"

import Shpdet from "./Shpdet";

export default {
    components: {
    "m-shpdet": Shpdet,
},
    inject: ['root'],
    props:["model","codes"],
    mixins: [commonProcess],
    data(){
        return {
            activeNames: ["1"],

        }
    },
    methods:{...Event},
    created:function(){

    }
}
</script>
<style>

</style>