github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-05-01 07:42:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix pagination (#414)

Browse Source
This commit is contained in:
Fine0830 2024-09-05 18:51:04 +08:00 committed by GitHub
parent 1945f23419
commit ed0ec0ac1f
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 15 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/views/dashboard/graphs/InstanceList.vue
View File

@ -70,7 +70,7 @@ limitations under the License. -->
:current-page="currentPage"
:page-size="pageSize"
:total="searchText ? pods.filter((d: any) => d.label.includes(searchText)).length : pods.length"
@current-change="changePage"
@current-change="handleCurrentChange"
@prev-click="changePage"
@next-click="changePage"
/>
@ -214,16 +214,20 @@ limitations under the License. -->
);
}
function changePage(pageIndex: number) {
function changePage() {
let podList = pods.value;
if (searchText.value) {
podList = pods.value.filter((d: { label: string }) => d.label.includes(searchText.value));
}
instances.value = podList.filter(
(_, index: number) => index >= (pageIndex - 1) * pageSize && index < pageIndex * pageSize,
(_, index: number) => index >= (currentPage.value - 1) * pageSize && index < currentPage.value * pageSize,
);
queryInstanceMetrics(instances.value);
currentPage.value = pageIndex;
}
function handleCurrentChange(val: number) {
currentPage.value = val;
changePage();
}
function searchList() {

11
src/views/dashboard/graphs/ServiceList.vue
View File

@ -63,7 +63,7 @@ limitations under the License. -->
:current-page="currentPage"
:page-size="pageSize"
:total="searchText ? sortServices.filter((d: any) => d.label.includes(searchText)).length : sortServices.length"
@current-change="changePage"
@current-change="handleCurrentChange"
@prev-click="changePage"
@next-click="changePage"
/>
@ -249,19 +249,22 @@ limitations under the License. -->
}
return { rowspan: groups.value[param.row.group], colspan: 1 };
}
function changePage(pageIndex: number) {
function changePage() {
let services = sortServices.value;
if (searchText.value) {
services = sortServices.value.filter((d: { label: string }) => d.label.includes(searchText.value));
}
const arr = services.filter((d: Service, index: number) => {
if (index >= (pageIndex - 1) * pageSize && index < pageSize * pageIndex) {
if (index >= (currentPage.value - 1) * pageSize && index < pageSize * currentPage.value) {
return d;
}
});
setServices(arr);
currentPage.value = pageIndex;
}
function handleCurrentChange(val: number) {
currentPage.value = val;
changePage();
}
function searchList() {
const searchServices = sortServices.value.filter((d: { label: string }) => d.label.includes(searchText.value));