<el-container class="el-table-query">
    <el-header v-show="(setting.listFilterControl && setting.listFilterControl.length) || (setting.listOperateControl && setting.listOperateControl.length)">
        <el-form-filter ref="formFilter"
                        v-bind:filter="setting"
                        v-on:search="onSearch"
                        v-on:reset="onReset"
                        v-on:export="onExport"
                        v-on:offline-export="onOfflineExport"
                        v-on:click="onClick"></el-form-filter>
    </el-header>
    <el-main v-loading="$root.loading">
        <el-container>
            <el-main>
                <el-table-control ref="table"
                                  v-bind:code="code"
                                  v-bind:filterParams="filterParams"
                                  v-on:init="onInit"
                                  v-on:show-dialog="showDialog"
                                  v-on:close-dialog="closeDialog"></el-table-control>
            </el-main>
            <el-footer>
                <el-pagination background layout="total,sizes,jumper,prev, pager, next"
                               v-bind:current-page="filterParams.currentPage"
                               v-bind:page-sizes="[5, 10, 20, 50,100]"
                               v-bind:page-size="filterParams.pageSize"
                               v-bind:total="filterParams.total"
                               v-on:size-change="onSizeChange"
                               v-on:current-change="onCurrentChange"
                               v-on:pagination="onSearch">
                </el-pagination>
            </el-footer>
        </el-container>
    </el-main>
</el-container>
    </script>
<script type="text/x-template" id="elFormFilter">
    @Html.PartialAsync("~/Areas/Component/Views/Form/Filter.cshtml").Result
</script>
<script type="text/x-template" id="elTableControl">
    @Html.PartialAsync("~/Areas/Component/Views/Table/Control.cshtml").Result
</script>
<script src="@Url.Content("~/js/component/xlsx.full.min.js")" type="text/javascript"></script>
<script src="@Url.Content("~/js/component/file-saver.js")" type="text/javascript"></script>
<script src="@Url.Content("~/js/vue/vue-interceptors.js")" type="text/javascript"></script>
<script src="@Url.Content("~/js/component/el-table-query.js")" type="text/javascript">
