<template>
     <c-content class="eibs-tab" :height="200">
        <div class="infTopBtn">
            <el-button-group>
                <c-button size="small" type="primary" icon="el-icon-arrow-left"></c-button>
                <c-button size="small" type="primary" icon="el-icon-arrow-right"></c-button>
            </el-button-group>
            <c-button size="small" type="primary">Print</c-button>
            <c-button size="small" type="primary">Use</c-button>
            <c-button size="small" type="primary">Loginfo</c-button>
        </div>
        </p>

         <c-row>
            <c-col :span="23" :offset="1">
                Fee Pool
            </c-col>
        </c-row>

        <br />

        <c-row>
            <c-col :span="11" :offset="1">
                <el-form-item label="Fee Code" prop="infcon.fepfeecod">
                    <c-select v-model="model.infcon.fepfeecod" style="width:100%" placeholder="请选择Fee Code">
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="11" :offset="1">
                <el-form-item label="Disposition" prop="infcon.fepdsp">
                    <c-select v-model="model.infcon.fepdsp" style="width:100%" placeholder="请选择Disposition">
                    </c-select>
                </el-form-item>
            </c-col>
        </c-row>

        <c-row>
            <c-col :span="22" :offset="1">
                <c-table :border="true" :list="model.infcon.fepstm" style="text-align:center">
                    <el-table-column prop="" label="Fee Code" width="auto"></el-table-column>
                    <el-table-column prop="" label="Fee Text" width="auto"></el-table-column>
                    <el-table-column prop="" label="Disposition" width="auto"></el-table-column>
                    <el-table-column prop="" label="Role" 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="Transaction/INR" width="auto"></el-table-column>
                    <el-table-column prop="" label="Entry Date" width="auto"></el-table-column>
                    <el-table-column prop="" label="Status" width="auto"></el-table-column>
                </c-table>
            </c-col>
        </c-row>

        <br />

        <c-row>
            <c-col :span="23" :offset="1">
                Foreign Charges Pool
            </c-col>
        </c-row>

        <br />

        <c-row>
            <c-col :span="11" :offset="1">
                <el-form-item label="Disposition" prop="infcon.fcpdsp">
                    <c-select v-model="model.infcon.fcpdsp" style="width:100%" placeholder="请选择Disposition">
                    </c-select>
                </el-form-item>
            </c-col>
            <c-col :span="11" :offset="1">

            </c-col>
        </c-row>

        <c-row>
            <c-col :span="22" :offset="1">
                <c-table :border="true" :list="model.infcon.fepstm" style="text-align:center">
                    <el-table-column prop="" label="Payer" width="auto"></el-table-column>
                    <el-table-column prop="" label="Text for Payer" width="auto"></el-table-column>
                    <el-table-column prop="" label="Payee" width="auto"></el-table-column>
                    <el-table-column prop="" label="Text for Payee" width="auto"></el-table-column>
                    <el-table-column prop="" label="Disposition" 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="Transaction/INR" width="auto"></el-table-column>
                    <el-table-column prop="" label="Entry Date" width="auto"></el-table-column>
                    <el-table-column prop="" label="Status" width="auto"></el-table-column>
                </c-table>
            </c-col>
        </c-row>
    <!--                                                               
       <c-col :span="12">
        <el-form-item label="Fee Code" prop="infcon.fepfeecod">
            <c-select v-model="model.infcon.fepfeecod" style="width:100%" placeholder="请选择Fee Code">
              </c-select>
        </el-form-item>
       </c-col>
                                                    
       <c-col :span="12">
        <el-form-item label="Disposition" prop="infcon.fepdsp">
            <c-select v-model="model.infcon.fepdsp" style="width:100%" placeholder="请选择Disposition">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="stream for FEPs to selected contract" prop="infcon.fepstm">
            <c-input  v-model="model.infcon.fepstm"  placeholder="请输入stream for FEPs to selected contract"></c-input>
        </el-form-item>
       </c-col>
                  
	<c-col :span="12">
	    <span  v-text="model.infcon.feptxtlbl"   data-path=".infcon.feptxtlbl" > </span>
	</c-col>
                                                    
       <c-col :span="12">
        <el-form-item label="Disposition" prop="infcon.fcpdsp">
            <c-select v-model="model.infcon.fcpdsp" style="width:100%" placeholder="请选择Disposition">
              </c-select>
        </el-form-item>
       </c-col>
                  
       <c-col :span="12">
        <el-form-item label="stream of foreign charges" prop="infcon.fcpstm">
            <c-input  v-model="model.infcon.fcpstm"  placeholder="请输入stream of foreign charges"></c-input>
        </el-form-item>
       </c-col>
                  
	<c-col :span="12">
	    <span  v-text="model.infcon.fcptxtlbl"   data-path=".infcon.fcptxtlbl" > </span>
	</c-col>
  -->
  </c-content>
</template>
<script>
import Api from "~/service/Api"
import CommonProcess from "~/mixin/CommonProcess";
import CodeTable from "~/config/CodeTable"
import Event from "~/model/Infdet/Event"

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

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

    }
}
</script>
<style>

</style>
