1Panel-dev/1Panel
1
1
Fork 0
mirror of https://github.com/1Panel-dev/1Panel.git synced 2025-09-05 06:04:35 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: Add pagination cache

Browse source
This commit is contained in:
zhengkunwang223 2025-09-02 15:16:49 +08:00
parent 598098c2ed
commit 77345a586c
2 changed files with 13 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
frontend/src/components/log/file/index.vue
View file

@ -153,6 +153,7 @@ const startIndex = ref(0);
const lastScrollTop = ref(0);
const totalLines = ref(0);
const stopReading = ref(false);
const totalPages = ref(0);
const visibleLogs = computed(() => {
const safeStartIndex = Math.max(0, Math.min(startIndex.value, Math.max(0, logs.value.length - visibleCount.value)));
if (safeStartIndex !== startIndex.value) {
@ -191,10 +192,15 @@ const onScroll = async () => {
await getContent(true);
return;
}
if (scrollHeight - scrollTop - clientHeight <= 50 && !end.value && readReq.page < maxPage.value) {
readReq.page = maxPage.value;
await getContent(false);
if (scrollHeight - scrollTop - clientHeight <= 50 && !end.value) {
if (readReq.page < maxPage.value) {
readReq.page = maxPage.value;
await getContent(false);
} else if (readReq.page < totalPages.value) {
maxPage.value++;
readReq.page = maxPage.value;
await getContent(false);
}
}
};
@ -246,10 +252,6 @@ const getContent = async (pre: boolean) => {
isLoading.value = false;
firstLoading.value = false;
}
if (res.data.scope != 'tail' && !pre && res.data.end && res.data.totalLines == totalLines.value) {
isLoading.value = false;
return;
}
totalLines.value = res.data.totalLines;
@ -336,6 +338,7 @@ const getContent = async (pre: boolean) => {
logCount.value = logs.value.length;
end.value = res.data.end;
totalPages.value = res.data.total;
emit('update:hasContent', logs.value.length > 0);
if (readReq.latest) {
readReq.page = res.data.total;

3
frontend/src/views/setting/backup-account/index.vue
View file

@ -133,8 +133,9 @@ const globalStore = GlobalStore();
const loading = ref();
const data = ref();
const paginationConfig = reactive({
cacheSizeKey: 'backup-account-size',
currentPage: 1,
pageSize: 10,
pageSize: Number(localStorage.getItem('backup-account-size')) || 10,
total: 0,
type: '',
name: '',