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

update style

Browse Source
This commit is contained in:
Qiuxia Fan 2022-03-20 17:35:57 +08:00
parent dd030b28bc
commit e72aa2f99b
3 changed files with 9 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/views/dashboard/related/topology/Index.vue
View File

@ -32,7 +32,6 @@ defineProps({
}, },
}); });
const dashboardStore = useDashboardStore(); const dashboardStore = useDashboardStore();
console.log(dashboardStore.entity);
const isSankey = ref<boolean>( const isSankey = ref<boolean>(
[EntityType[2].value, EntityType[3].value].includes(dashboardStore.entity) [EntityType[2].value, EntityType[3].value].includes(dashboardStore.entity)
); );

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

@ -95,8 +95,8 @@ const { t } = useI18n();
const selectorStore = useSelectorStore(); const selectorStore = useSelectorStore();
const topologyStore = useTopologyStore(); const topologyStore = useTopologyStore();
const dashboardStore = useDashboardStore(); const dashboardStore = useDashboardStore();
const height = ref<number>(document.body.clientHeight); const height = ref<number>(0);
const width = ref<number>(document.body.clientWidth); const width = ref<number>(0);
const loading = ref<boolean>(false); const loading = ref<boolean>(false);
const simulation = ref<any>(null); const simulation = ref<any>(null);
const svg = ref<Nullable<any>>(null); const svg = ref<Nullable<any>>(null);
@ -128,7 +128,7 @@ onMounted(async () => {
ElMessage.error(resp.errors); ElMessage.error(resp.errors);
} }
const dom = document.querySelector(".topology")?.getBoundingClientRect() || { const dom = document.querySelector(".topology")?.getBoundingClientRect() || {
height: 0, height: 40,
width: 0, width: 0,
}; };
height.value = dom.height - 40; height.value = dom.height - 40;

12
src/views/dashboard/related/topology/components/PodTopology.vue
View File

@ -96,8 +96,8 @@ const dashboardStore = useDashboardStore();
const selectorStore = useSelectorStore(); const selectorStore = useSelectorStore();
const topologyStore = useTopologyStore(); const topologyStore = useTopologyStore();
const loading = ref<boolean>(false); const loading = ref<boolean>(false);
const height = ref<number>(document.body.clientHeight); const height = ref<number>(0);
const width = ref<number>(document.body.clientWidth); const width = ref<number>(0);
const showSettings = ref<boolean>(false); const showSettings = ref<boolean>(false);
const settings = ref<any>({}); const settings = ref<any>({});
const operationsPos = reactive<{ x: number; y: number }>({ x: NaN, y: NaN }); const operationsPos = reactive<{ x: number; y: number }>({ x: NaN, y: NaN });
@ -120,11 +120,11 @@ async function loadTopology(id: string) {
ElMessage.error(resp.errors); ElMessage.error(resp.errors);
} }
const dom = document.querySelector(".topology")?.getBoundingClientRect() || { const dom = document.querySelector(".topology")?.getBoundingClientRect() || {
height: 0, height: 70,
width: 0, width: 5,
}; };
height.value = dom.height - 40; height.value = dom.height - 70;
width.value = dom.width; width.value = dom.width - 5;
} }
function inspect() { function inspect() {