mirror/1Panel
1
0
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2024-11-24 02:59:16 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
frontend/src/views/app-store/apps/index.vue
View File

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

3
frontend/src/views/app-store/installed/index.vue
View File

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

1
frontend/src/views/container/compose/detail/index.vue
View File

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

2
frontend/src/views/database/mysql/index.vue
View File

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

2
frontend/src/views/website/website/index.vue
View File

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