diff --git a/src/views/dashboard/graphs/EndpointList.vue b/src/views/dashboard/graphs/EndpointList.vue index 3efea0c2..e9f9c06d 100644 --- a/src/views/dashboard/graphs/EndpointList.vue +++ b/src/views/dashboard/graphs/EndpointList.vue @@ -163,6 +163,10 @@ function clickEndpoint(scope: any) { layer: dashboardStore.layerId, entity: EntityType[2].value, }); + if (!d) { + ElMessage.error("No this dashboard"); + return; + } dashboardStore.setEntity(EntityType[2].value); dashboardStore.setCurrentDashboard(d); router.push( diff --git a/src/views/dashboard/related/topology/components/PodTopology.vue b/src/views/dashboard/related/topology/components/PodTopology.vue index 0fffc133..66d3dcae 100644 --- a/src/views/dashboard/related/topology/components/PodTopology.vue +++ b/src/views/dashboard/related/topology/components/PodTopology.vue @@ -49,7 +49,7 @@ limitations under the License. -->
{ loadTopology(selectorStore.currentPod && selectorStore.currentPod.id); + window.addEventListener("resize", resize); }); async function loadTopology(id: string) { @@ -140,6 +141,15 @@ async function loadTopology(id: string) { topologyStore.queryNodeMetrics(settings.value.nodeMetrics || []); } +function resize() { + const dom = document.querySelector(".topology")?.getBoundingClientRect() || { + height: 40, + width: 0, + }; + height.value = dom.height - 40; + width.value = dom.width; +} + function inspect() { const id = topologyStore.node.id; topologyStore.setNode(null);