<template>
    <c-content class="eibs-tab">

        <c-row>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="14">
                        <el-form-item label="Booking date from" prop="infcon.seabucdatfro">
                            <c-date-picker type="date" v-model="model.infcon.seabucdatfro" style="width:100%"
                                placeholder="请选择Booking date from"></c-date-picker>
                        </el-form-item>
                    </c-col>
                    <c-col :span="10">
                        <el-form-item label="to" prop="infcon.seabucdatto" label-width="40px">
                            <c-date-picker type="date" v-model="model.infcon.seabucdatto" style="width:100%"
                                placeholder="请选择Booking date till used on GLEINFP"></c-date-picker>
                        </el-form-item>
                    </c-col>
                </c-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <el-form-item label="Transaction INR" prop="infcon.seatrninr">
                    <c-input v-model="model.infcon.seatrninr" maxlength="8" placeholder="请输入Transaction INR"></c-input>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row>
            <c-col :span="22" :offset="1">
                <c-table :border="true" :list="model.infcon.glestm" style="text-align:center">
                    <el-table-column prop="" label="TRNINR" width="auto"></el-table-column>
                    <el-table-column prop="" label="Account" width="auto"></el-table-column>
                    <el-table-column prop="" label="D/C" width="auto"></el-table-column>
                    <el-table-column prop="" label="Cur" width="auto"></el-table-column>
                    <el-table-column prop="" label="Amount" width="auto"></el-table-column>
                    <el-table-column prop="" label="Val.Date" width="auto"></el-table-column>
                    <el-table-column prop="" label="Booking Text 1" width="auto"></el-table-column>
                    <el-table-column prop="" label="Booking Text 2" width="auto"></el-table-column>
                    <el-table-column prop="" label="Booking Text 3" width="auto"></el-table-column>
                    <el-table-column prop="" label="P.N." width="auto"></el-table-column>
                    <el-table-column prop="" label="Exp.Session" width="auto"></el-table-column>
                    <el-table-column prop="" label="Exp.Status" width="auto"></el-table-column>
                </c-table>
            </c-col>
        </c-row>

    </c-content>


    <!-- 
  <div class="eibs-tab">
                                               
       <c-col :span="12">
        
       </c-col>
                                   
       <c-col :span="12">
        
       </c-col>
                                   
       <c-col :span="12">
        
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="Stream of GLEs" prop="infcon.glestm">
            <c-input  v-model="model.infcon.glestm"  placeholder="请输入Stream of GLEs"></c-input>
        </el-form-item>
       </c-col>
  </div> -->
</template>
<script>
    import Api from "~/service/Api"
    import CommonProcess from "~/mixin/CommonProcess";
    import CodeTable from "~/config/CodeTable"
    import Event from "~/model/Infcpd/Event"

    export default {
        inject: ['root'],
        props: ["model", "codes"],
        mixins: [CommonProcess],
        data() {
            return {

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

        }
    }
</script>
<style>

</style>