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

fix: inspect

Browse Source
This commit is contained in:
Fine 2023-03-20 19:04:22 +08:00
parent 718b94a9d8
commit 4ea63aabb8
1 changed files with 8 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
src/views/dashboard/related/topology/components/Graph.vue
View File

@ -198,6 +198,10 @@ limitations under the License. -->
if (resp && resp.errors) { if (resp && resp.errors) {
ElMessage.error(resp.errors); ElMessage.error(resp.errors);
} }
update();
}
async function update() {
topologyStore.queryNodeMetrics(settings.value.nodeMetrics || []); topologyStore.queryNodeMetrics(settings.value.nodeMetrics || []);
topologyStore.getLinkClientMetrics(settings.value.linkClientMetrics || []); topologyStore.getLinkClientMetrics(settings.value.linkClientMetrics || []);
topologyStore.getLinkServerMetrics(settings.value.linkServerMetrics || []); topologyStore.getLinkServerMetrics(settings.value.linkServerMetrics || []);
@ -207,7 +211,6 @@ limitations under the License. -->
tooltip.value = d3.select("#tooltip"); tooltip.value = d3.select("#tooltip");
setNodeTools(settings.value.nodeDashboard); setNodeTools(settings.value.nodeDashboard);
} }
function draw() { function draw() {
const node = findMostFrequent(topologyStore.calls); const node = findMostFrequent(topologyStore.calls);
const levels = []; const levels = [];
@ -400,16 +403,16 @@ limitations under the License. -->
dashboardStore.setEntity(origin); dashboardStore.setEntity(origin);
} }
async function handleInspect() { async function handleInspect() {
svg.value.selectAll(".topo-svg-graph").remove();
const id = topologyStore.node.id; const id = topologyStore.node.id;
topologyStore.setNode(null);
topologyStore.setLink(null);
loading.value = true; loading.value = true;
const resp = await topologyStore.getDepthServiceTopology([id], Number(depth.value)); const resp = await topologyStore.getDepthServiceTopology([id], Number(depth.value));
loading.value = false; loading.value = false;
if (resp && resp.errors) { if (resp && resp.errors) {
ElMessage.error(resp.errors); ElMessage.error(resp.errors);
} }
update();
topologyStore.setNode(null);
topologyStore.setLink(null);
} }
function handleGoEndpoint(name: string) { function handleGoEndpoint(name: string) {
const path = `/dashboard/${dashboardStore.layerId}/${EntityType[2].value}/${topologyStore.node.id}/${name}`; const path = `/dashboard/${dashboardStore.layerId}/${EntityType[2].value}/${topologyStore.node.id}/${name}`;
@ -439,14 +442,8 @@ limitations under the License. -->
window.open(routeUrl.href, "_blank"); window.open(routeUrl.href, "_blank");
} }
async function backToTopology() { async function backToTopology() {
svg.value.selectAll(".topo-svg-graph").remove();
loading.value = true; loading.value = true;
const resp = await getTopology(); await freshNodes();
loading.value = false;
if (resp && resp.errors) {
ElMessage.error(resp.errors);
}
topologyStore.setNode(null); topologyStore.setNode(null);
topologyStore.setLink(null); topologyStore.setLink(null);
} }