<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>

        <c-row class="infrow" style="margin-top:50px;">
            <c-col :span="23" :offset="1">
                Fee Pool
            </c-col>
        </c-row>

        <br />

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <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-row>
            </c-col>
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <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-col>
        </c-row>

        <c-row class="infrow" style="margin-top:20px;">
            <c-col :span="22" :offset="1">
                <c-istream-table :list="stmData.fepstmData" :columns="stmData.fepstmColumns">
                    <el-table-column prop="op" label="OP" width="100">
                        <template slot-scope="scope">
                            <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
                        </template>
                    </el-table-column>
                </c-istream-table>
            </c-col>
        </c-row>

        <br />

        <c-row class="infrow" style="margin-top:20px;">
            <c-col :span="23" :offset="1">
                Foreign Charges Pool
            </c-col>
        </c-row>

        <br />

        <c-row class="infrow">
            <c-col :span="11" :offset="1">
                <c-row>
                    <c-col :span="20">
                        <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-row>
            </c-col>
            <c-col :span="11" :offset="1">

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

        <c-row class="infrow" style="margin-top:20px;">
            <c-col :span="22" :offset="1">
                <c-istream-table :list="stmData.fcpstmData" :columns="stmData.fcpstmColumns">
                    <el-table-column prop="op" label="OP" width="100">
                        <template slot-scope="scope">
                            <a href="javascript:void(0)" @click="continueEdit(scope.row)">操作</a>
                        </template>
                    </el-table-column>
                </c-istream-table>
            </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/Infcpd/Event"

    export default {
        inject: ['root'],
        props: ["model", "codes"],
        mixins: [CommonProcess],
        data() {
            return {
                stmData: {
                    fepstmColumns: [
                        "1 1 \"Fee Code\" 0 ",
                        "1 2 \"Fee Text\" 0 ",
                        "1 3 \"Disposition\" 0 ",
                        "1 4 \"Role\" 0 ",
                        "1 5 \"Cur\" 0 ",
                        "1 6 \"Amount\" 0 ",
                        "1 7 \"Transaction/INR\" 0 ",
                        "1 8 \"Entry Date\" 0 ",
                        "1 9 \"Status\" 0 ",
                    ],
                    fepstmData: [

                    ],
                    fcpstmColumns: [
                        "1 1 \"Payer\" 0 ",
                        "2 1 \"Text for Payer\" 0 ",
                        "1 2 \"Payee\" 0 ",
                        "2 2 \"Text for Payee\" 0 ",
                        "1 3 \"Disposition\" 0 ",
                        "1 4 \"Cur\" 0 ",
                        "1 5 \"Amount\" 0 ",
                        "1 6 \"Transaction/INR\" 0 ",
                        "1 7 \"Entry Date\" 0 ",
                        "1 8 \"Status\" 0 ",
                    ],
                    fcpstmData: [

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

        }
    }
</script>
<style>

</style>