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

feat: add process dashboard

Browse Source
This commit is contained in:
Fine 2023-06-01 16:41:14 +08:00
parent c0427ca30e
commit b6f305c9bf
2 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/views/dashboard/data.ts
View File

@ -167,7 +167,7 @@ export const EntityType = [
}, },
{ value: "EndpointRelation", label: "Endpoint Relation", key: 4 }, { value: "EndpointRelation", label: "Endpoint Relation", key: 4 },
{ value: "ProcessRelation", label: "Process Relation", key: 5 }, { value: "ProcessRelation", label: "Process Relation", key: 5 },
{ value: "Process", label: "Process Relation", key: 3 }, { value: "Process", label: "Process", key: 6 },
]; ];
export const ListEntity: any = { export const ListEntity: any = {
InstanceList: EntityType[3].value, InstanceList: EntityType[3].value,

19
src/views/dashboard/panel/Tool.vue
View File

@ -27,7 +27,7 @@ limitations under the License. -->
class="selectors" class="selectors"
/> />
</div> </div>
<div class="selectors-item" v-if="key === 3 || key === 4 || key === 5"> <div class="selectors-item" v-if="key === 3 || key === 4 || key === 5 || key === 6">
<span class="label"> <span class="label">
{{ ["EndpointRelation", "Endpoint"].includes(dashboardStore.entity) ? "$Endpoint" : "$ServiceInstance" }} {{ ["EndpointRelation", "Endpoint"].includes(dashboardStore.entity) ? "$Endpoint" : "$ServiceInstance" }}
</span> </span>
@ -42,7 +42,7 @@ limitations under the License. -->
:isRemote="['EndpointRelation', 'Endpoint'].includes(dashboardStore.entity)" :isRemote="['EndpointRelation', 'Endpoint'].includes(dashboardStore.entity)"
/> />
</div> </div>
<div class="selectors-item" v-if="key === 5"> <div class="selectors-item" v-if="key === 5 || key === 6">
<span class="label"> $Process </span> <span class="label"> $Process </span>
<Selector <Selector
v-model="states.currentProcess" v-model="states.currentProcess"
@ -216,10 +216,11 @@ limitations under the License. -->
EntityType[5].value, EntityType[5].value,
EntityType[6].value, EntityType[6].value,
EntityType[7].value, EntityType[7].value,
EntityType[8].value,
].includes(String(params.entity)) ].includes(String(params.entity))
) { ) {
setSourceSelector(); setSourceSelector();
if ([EntityType[2].value, EntityType[3].value].includes(String(params.entity))) { if ([EntityType[2].value, EntityType[3].value, EntityType[8].value].includes(String(params.entity))) {
return; return;
} }
setDestSelector(); setDestSelector();
@ -317,6 +318,7 @@ limitations under the License. -->
EntityType[5].value, EntityType[5].value,
EntityType[6].value, EntityType[6].value,
EntityType[7].value, EntityType[7].value,
EntityType[8].value,
].includes(dashboardStore.entity) ].includes(dashboardStore.entity)
) { ) {
await fetchPods(e, selectorStore.currentService.id, true); await fetchPods(e, selectorStore.currentService.id, true);
@ -337,11 +339,8 @@ limitations under the License. -->
selectorStore.setCurrentPod(null); selectorStore.setCurrentPod(null);
states.currentPod = ""; states.currentPod = "";
states.currentProcess = ""; states.currentProcess = "";
if (dashboardStore.entity === EntityType[7].value) { const e = dashboardStore.entity === EntityType[7].value ? EntityType[8].value : dashboardStore.entity;
fetchPods("Process", selectorStore.currentService.id, true); fetchPods(e, selectorStore.currentService.id, true);
} else {
fetchPods(dashboardStore.entity, selectorStore.currentService.id, true);
}
} else { } else {
selectorStore.setCurrentService(null); selectorStore.setCurrentService(null);
} }
@ -362,7 +361,7 @@ limitations under the License. -->
async function changePods(pod: Option[]) { async function changePods(pod: Option[]) {
selectorStore.setCurrentPod(pod[0] || null); selectorStore.setCurrentPod(pod[0] || null);
if (dashboardStore.entity === EntityType[7].value) { if ([EntityType[7].value, EntityType[8].value].includes(dashboardStore.entity)) {
selectorStore.setCurrentProcess(null); selectorStore.setCurrentProcess(null);
states.currentProcess = ""; states.currentProcess = "";
fetchProcess(true); fetchProcess(true);
@ -566,7 +565,7 @@ limitations under the License. -->
await fetchPods(EntityType[5].value, serviceId, setPod, param); await fetchPods(EntityType[5].value, serviceId, setPod, param);
resp = await fetchDestProcess(setPod); resp = await fetchDestProcess(setPod);
break; break;
case "Process": case EntityType[8].value:
await fetchPods(EntityType[3].value, serviceId, setPod, param); await fetchPods(EntityType[3].value, serviceId, setPod, param);
resp = await fetchProcess(setPod); resp = await fetchProcess(setPod);
break; break;