提交 16714abc 编写于 作者: RedPig97's avatar RedPig97

update:表格分页更新

上级 759bcf5b
.toolbar-container {
button {
margin: 6px 0px 4px 4px;
.caption {
margin-left: 4px;
}
}
.seperator {
color: #dcdee2;
margin: 0 0px 0 4px;
}
}
<#ibizinclude> <#ibizinclude>
../@MACRO/CSS/DEFAULT.scss.ftl ../@MACRO/CSS/DEFAULT.scss.ftl
</#ibizinclude> </#ibizinclude>
\ No newline at end of file
...@@ -74,45 +74,27 @@ ${ctrl.render.code} ...@@ -74,45 +74,27 @@ ${ctrl.render.code}
<#if ctrl.isEnablePagingBar()> <#if ctrl.isEnablePagingBar()>
<row class='grid-pagination' v-show="items.length > 0"> <row class='grid-pagination' v-show="items.length > 0">
<Dropdown class="grid-pagination__dropdown">
Show <span>{{limit}}</span>
<icon type="ios-arrow-down"></icon>
<template #list>
<DropdownMenu>
<DropdownItem v-for="(item) in [10, 20, 30, 40, 50, 60, 70, 80, 90, 100]">{{item}} 条/页</DropdownItem>
</DropdownMenu>
</template>
</Dropdown>
<div class="grid-page-pre-pro">
<i class="el-icon-download"></i>
</div>
<page class='pull-right' @on-change="pageOnChange($event)" <page class='pull-right' @on-change="pageOnChange($event)"
@on-page-size-change="onPageSizeChange($event)" @on-page-size-change="onPageSizeChange($event)"
:transfer="true" :total="totalrow" :transfer="true" :total="totalrow" simple
show-sizer :current="curPage" :page-size="limit" size="small"
:page-size-opts="[10, 20, 30, 40, 50, 60, 70, 80, 90, 100]" show-elevator show-total> :current="curPage" :page-size="limit">
<span>
<span class="page-column">
<poptip transfer placement="top-start">
<i-button icon="md-menu">{{$t('app.gridpage.choicecolumns')}}</i-button>
<div slot="content">
<template v-for="col in allColumns">
<div :key="col.name"><el-checkbox v-model="col.show" @change="onColChange()">{{$t(col.langtag)}}</el-checkbox></div>
</template>
</div>
</poptip>
</span>
<#if ctrl.getBatchPSDEToolbar?? && ctrl.getBatchPSDEToolbar()??>
<span v-if="selections.length > 0" class="batch-toolbar">
<#assign batchToolbar = ctrl.getBatchPSDEToolbar()/>
<@ibizindent blank=12>
${P.getCtrlCode(batchToolbar, 'CONTROL.html').code}
</@ibizindent>
</span>
</#if>
<span class="page-button"><i-button icon="md-refresh" :title="$t('app.gridpage.refresh')" @click="pageRefresh()"></i-button></span>&nbsp;
<span>
{{$t('app.gridpage.show')}}&nbsp;
<span>
<template v-if="items.length === 1">
1
</template>
<template v-else>
<span>{{(curPage - 1) * limit + 1}}&nbsp;-&nbsp;{{totalrow > curPage * limit ? curPage * limit : totalrow}}</span>
</template>
</span>&nbsp;
{{$t('app.gridpage.records')}},{{$t('app.gridpage.totle')}}&nbsp;{{totalrow}}&nbsp;{{$t('app.gridpage.records')}}
</span>
</span>
</page> </page>
<div class="grid-page-next-pro">
<i class="el-icon-download"></i>
</div>
</row> </row>
</#if> </#if>
</i-form> </i-form>
......
Markdown 格式
0% or
您添加了 0 到此讨论。请谨慎行事。
先完成此消息的编辑!
想要评论请 注册