github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-17 13:15:24 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix service list

Browse Source
This commit is contained in:
Qiuxia Fan 2022-03-29 18:56:59 +08:00
parent c17d71b20a
commit 264860b709
3 changed files with 39 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/views/dashboard/graphs/EndpointList.vue
View File

@ -181,10 +181,11 @@ function clickEndpoint(scope: any) {
);
}
function changePage(pageIndex: number) {
endpoints.value = selectorStore.pods.filter(
(d: unknown, index: number) =>
index >= (pageIndex - 1) * pageSize && index < pageIndex * pageSize
);
endpoints.value = selectorStore.pods.filter((d: unknown, index: number) => {
if (index >= (pageIndex - 1) * pageSize && index < pageIndex * pageSize) {
return d;
}
});
queryEndpointMetrics(endpoints.value);
}
async function searchList() {

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

@ -208,10 +208,11 @@ function clickInstance(scope: any) {
}
function changePage(pageIndex: number) {
instances.value = selectorStore.pods.filter(
(d: unknown, index: number) =>
index >= (pageIndex - 1) * pageSize && index < pageIndex * pageSize
);
instances.value = selectorStore.pods.filter((d: unknown, index: number) => {
if (index >= (pageIndex - 1) * pageSize && index < pageIndex * pageSize) {
return d;
}
});
queryInstanceMetrics(instances.value);
}

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

@ -144,8 +144,21 @@ async function queryServices() {
if (resp.errors) {
ElMessage.error(resp.errors);
}
setServices(selectorStore.services);
queryServiceMetrics(services.value);
sortServices.value = selectorStore.services.sort((a: any, b: any) => {
const nameA = a.group.toUpperCase();
const nameB = b.group.toUpperCase();
if (nameA < nameB) {
return -1;
}
if (nameA > nameB) {
return 1;
}
return 0;
});
const s = sortServices.value.filter(
(d: Service, index: number) => index < pageSize
);
setServices(s);
}
function setServices(arr: (Service & { merge: boolean })[]) {
@ -164,23 +177,19 @@ function setServices(arr: (Service & { merge: boolean })[]) {
},
{}
);
sortServices.value = Object.values(map).flat(1);
const list = Object.values(map).flat(1);
const obj = {} as any;
for (const s of sortServices.value) {
for (const s of list) {
s.group = s.group || "";
if (!obj[s.group]) {
obj[s.group] = 1;
} else {
if (obj[s.group] % 5 === 0) {
s.merge = false;
}
obj[s.group]++;
}
groups.value[s.group] = obj[s.group];
}
services.value = sortServices.value.filter(
(d: Service, index: number) => index < pageSize
);
services.value = list;
queryServiceMetrics(services.value);
}
function clickService(scope: any) {
@ -240,16 +249,22 @@ function objectSpanMethod(param: any): any {
return { rowspan: groups.value[param.row.group], colspan: 1 };
}
function changePage(pageIndex: number) {
services.value = sortServices.value.filter((d: Service, index: number) => {
index >= (pageIndex - 1 || 0) * pageSize &&
index < pageSize * (pageIndex || 1);
const arr = sortServices.value.filter((d: Service, index: number) => {
if (index >= (pageIndex - 1) * pageSize && index < pageSize * pageIndex) {
return d;
}
});
setServices(arr);
}
function searchList() {
const searchServices = sortServices.value.filter((d: { label: string }) =>
d.label.includes(searchText.value)
);
services.value = searchServices.splice(0, pageSize);
const services = searchServices.filter(
(d: unknown, index: number) => index < pageSize
);
setServices(services);
}
function getUnit(index: number) {
const u =