|
@@ -255,11 +255,13 @@
|
|
|
<!-- <el-button class="default-button" @click="onChangeTotal">展示总数</el-button>-->
|
|
|
<span v-loading="totalLoading" class="mr10">共 {{ totalCount }} 条</span>
|
|
|
<el-pagination
|
|
|
- layout="prev, pager, next"
|
|
|
+ layout="sizes,prev, pager, next"
|
|
|
:total="state.total"
|
|
|
@current-change="handleCurrentChange"
|
|
|
:page-size="state.queryParams.PageSize"
|
|
|
:current-page="state.queryParams.PageIndex"
|
|
|
+ @size-change="handleSizeChange"
|
|
|
+ :disabled="state.loading"
|
|
|
/>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -821,6 +823,16 @@ const handleCurrentChange = (val: number) => {
|
|
|
state.tableData = getNeedArr(totalTable.value, state.queryParams.PageSize)[state.queryParams.PageIndex - 1]; //当前页的表格数据
|
|
|
}
|
|
|
};
|
|
|
+// 改变每页条数
|
|
|
+const handleSizeChange = (val:any)=>{
|
|
|
+ state.queryParams.PageSize = val;
|
|
|
+ // 判断当前页是否是数据的最后一页
|
|
|
+ if (val === Math.ceil(state.total / state.queryParams.PageSize)) {
|
|
|
+ queryList();
|
|
|
+ } else {
|
|
|
+ state.tableData = getNeedArr(totalTable.value, state.queryParams.PageSize)[state.queryParams.PageIndex - 1]; //当前页的表格数据
|
|
|
+ }
|
|
|
+}
|
|
|
const requestParams = ref<EmptyObjectType>({});
|
|
|
const totalCount = ref(0);
|
|
|
const totalLoading = ref(false);
|