<template>
  <c-content class="eibs-tab" :height="200">
      <c-row class="infrow" style="margin-top:50px;">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Reference" prop="ledgrp.rec.ownref">
                            <c-input  v-model="model.ledgrp.rec.ownref" maxlength="16"  placeholder="请输入Reference" value="AD3500190001AA"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Name" prop="ledgrp.rec.nam">
                            <c-input  v-model="model.ledgrp.rec.nam" maxlength="40"  placeholder="请输入Name"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="14">
                        <el-form-item label="L/C Amount" prop="ledgrp.cbs.nom1.cur">
                            <c-input  v-model="model.ledgrp.cbs.nom1.cur" maxlength="3"  placeholder="请输入L/C Amount"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="5" :offset="1">
                        <el-form-item label="" prop="ledgrp.cbs.nom1.amt" label-width="0px">
                            <c-input  v-model="model.ledgrp.cbs.nom1.amt"  placeholder="请输入Amt"></c-input>
                        </el-form-item>
                    </c-col>
                    <!--  -->
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Applicant Ref" prop="ledgrp.apl.pts.ref">
                            <c-input  v-model="model.ledgrp.apl.pts.ref" maxlength="16"  placeholder="请输入Applicant Ref"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                     <c-col :span="14">
                        <el-form-item label="Open Amount" prop="ledgrp.cbs.opn1.cur">
                            <c-input  v-model="model.ledgrp.cbs.opn1.cur" maxlength="3"  placeholder="请输入Open Amount"></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="5" :offset="1">
                        <el-form-item label="" prop="ledgrp.cbs.opn1.amt" label-width="0px">
                            <c-input  v-model="model.ledgrp.cbs.opn1.amt"  placeholder="请输入Amt"></c-input>
                        </el-form-item>
                    </c-col>
                    <!--  -->
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20"> 
                        <el-form-item label="" prop="ledgrp.apl.pts.nam" label-width="0px">
                            <c-input  v-model="model.ledgrp.apl.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>         
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Available with" prop="ledgrp.avbnam">
                            <c-input  v-model="model.ledgrp.avbnam" maxlength="40"  placeholder="请输入Available with"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>   
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Available by " prop="ledgrp.rec.avbby">
                            <c-select v-model="model.ledgrp.rec.avbby" style="width:100%" placeholder="请选择Available by [AVBBY0]"></c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>       
        </c-row>

            <!-- <c-col :span="11" :offset="1">
                <c-row>
                    
                </c-row>
            </c-col -->

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="12">
                        <el-form-item label="Date Issued" prop="ledgrp.rec.opndat">
                            <c-date-picker type="date"  v-model="model.ledgrp.rec.opndat" style="width:100%"  placeholder="请选择Date Issued"></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="7" :offset="1">
                        <el-form-item label="Shipment Date" prop="ledgrp.rec.shpdat" label-width="100px">
                            <c-date-picker type="date"  v-model="model.ledgrp.rec.shpdat" style="width:100%"  placeholder="请选择Shipment Date"></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20"> 
                        <el-form-item label="Iss. Bank" prop="ledgrp.iss.pts.ref">
                            <c-input  v-model="model.ledgrp.iss.pts.ref" maxlength="16"  placeholder="请输入Iss. Bank"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>   
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="12">
                        <el-form-item label="Date/Place of Expiry" prop="ledgrp.rec.expdat">
                            <c-date-picker type="date"  v-model="model.ledgrp.rec.expdat" style="width:100%"  placeholder="请选择Date/Place of Expiry"></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="7" :offset="1"> 
                        <el-form-item label="" prop="ledgrp.rec.expplc" label-width="0px">
                            <c-input  v-model="model.ledgrp.rec.expplc" maxlength="29"  placeholder="请输入Date/Place of Expiry"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>   
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20"> 
                       <el-form-item label="" prop="ledgrp.iss.pts.nam" label-width="0px">
                            <c-input  v-model="model.ledgrp.iss.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>      
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Form of L/C" prop="ledgrp.rec.lcrtyp">
                            <c-select v-model="model.ledgrp.rec.lcrtyp" style="width:100%" placeholder="请选择Form of L/C"></c-select>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>   
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20"> 
                        <el-form-item label="Beneficiary" prop="ledgrp.ben.pts.ref">
                            <c-input  v-model="model.ledgrp.ben.pts.ref" maxlength="16"  placeholder="请输入Beneficiary"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>      
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <el-form-item label="Confirmation text" prop="letp0.cnftxt">
                            <c-input  v-model="model.letp0.cnftxt" maxlength="40"  placeholder="请输入Confirmation text"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>   
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20"> 
                        <el-form-item label="" prop="ledgrp.ben.pts.nam" label-width="0px">
                            <c-input  v-model="model.ledgrp.ben.pts.nam" maxlength="40"  placeholder="请输入Name of Party"></c-input>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>      
        </c-row>

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="17">
                        <el-form-item label="Narrative" prop="letcanf.strinf">
                            <c-input type="textarea" :rows="4" v-model="model.letcanf.strinf" maxlength="50" show-word-limit placeholder="请输入Narrative" ></c-input>
                        </el-form-item>
                    </c-col>
                    <c-col :span="2" :offset="1">
                        <c-button size="small" type="primary" icon="el-icon-search" @click="onCanletButtxmsel">
                            ...
                        </c-button>
                    </c-col>
                </c-row>
            </c-col>   
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20"> 
                        <c-checkbox v-model="model.sndmsg">Send Message</c-checkbox>
                    </c-col>
                    <c-col :span="20">
                        <c-checkbox v-model="model.letp0.aammod.addamtflg">Add. Amount</c-checkbox>
                    </c-col>
                    <c-col :span="20">
                        <c-checkbox v-model="model.ledgrp.rec.revflg">Revolving Flag</c-checkbox>
                    </c-col>
                    <c-col :span="20"> 
                        <c-checkbox v-model="model.ledgrp.rec.redclsflg">Red/Green Clause</c-checkbox>
                    </c-col>
                </c-row>
            </c-col>      
        </c-row>
  </c-content>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Letcan/Event"

export default {
    inject: ['root'],
    props:["model","codes"],
    mixins: [CommonProcess],
    data(){
        return {
            
            // watch:{
            //     ownref(newValue){
            //         this.model.ledgrp.rec.ownref = newValue;
            //     }
            // }
        }
    },
    methods:{...Event},
    created:function(){

    }
    
}

// let vm = new Vue({
// el="#ownref",date:{}
// });
</script>
<style>

</style>
