fix: 解决页面加载先后导致的分页错误问题 (#2680)

Refs #2674
This commit is contained in:
ssongliu 2023-10-25 23:01:29 +08:00 committed by wanghe-fit2cloud
parent 8607acbb22
commit 54b5cee466
5 changed files with 7 additions and 4 deletions

View file

@ -192,7 +192,7 @@ const language = useI18n().locale.value;
const paginationConfig = reactive({
cacheSizeKey: 'app-page-size',
currentPage: 1,
pageSize: 60,
pageSize: Number(localStorage.getItem('app-page-size')) || 60,
total: 0,
});
@ -219,6 +219,7 @@ const search = async (req: App.AppReq) => {
loading.value = true;
req.pageSize = paginationConfig.pageSize;
req.page = paginationConfig.currentPage;
localStorage.setItem('app-page-size', req.pageSize + '');
await SearchApp(req)
.then((res) => {
apps.value = res.data.items;

View file

@ -337,7 +337,7 @@ let timer: NodeJS.Timer | null = null;
const paginationConfig = reactive({
cacheSizeKey: 'app-installed-page-size',
currentPage: 1,
pageSize: 20,
pageSize: Number(localStorage.getItem('app-installed-page-size')) || 20,
total: 0,
});
const open = ref(false);
@ -415,6 +415,7 @@ const search = () => {
loading.value = true;
searchReq.page = paginationConfig.currentPage;
searchReq.pageSize = paginationConfig.pageSize;
localStorage.setItem('app-installed', searchReq.pageSize + '');
SearchAppInstalled(searchReq)
.then((res) => {
data.value = res.data.items;

View file

@ -166,6 +166,7 @@ const search = async () => {
let filterItem = filters.value;
let params = {
name: '',
state: 'all',
page: paginationConfig.currentPage,
pageSize: paginationConfig.pageSize,
filters: filterItem,

View file

@ -269,7 +269,7 @@ const data = ref();
const paginationConfig = reactive({
cacheSizeKey: 'mysql-page-size',
currentPage: 1,
pageSize: 10,
pageSize: Number(localStorage.getItem('mysql-page-size')) || 10,
total: 0,
orderBy: 'created_at',
order: 'null',

View file

@ -248,7 +248,7 @@ let groups = ref<Group.GroupInfo[]>([]);
const paginationConfig = reactive({
cacheSizeKey: 'website-page-size',
currentPage: 1,
pageSize: 10,
pageSize: Number(localStorage.getItem('website-page-size')) || 10,
total: 0,
});
let req = reactive({