diff --git a/src/components/ControlPanelDialog.vue b/src/components/ControlPanelDialog.vue index df0bb21..3934a6e 100644 --- a/src/components/ControlPanelDialog.vue +++ b/src/components/ControlPanelDialog.vue @@ -848,6 +848,8 @@ export default defineComponent({ return point_list; } }; + let offsetHeight=ref(0.0); + let offsetWidth=ref(0.0) let test_monitor_wall: Ref = ref([]); let last_wall: Ref = ref([]); let output_length = ref(0); @@ -1085,6 +1087,9 @@ export default defineComponent({ EventBus.getInstance().on(EventNamesDefine.WindowResize, () => { const wall_dom = wall.value; if (wall_dom) { + let size_h=offsetHeight.value/wall_dom.offsetHeight; + let size_w=offsetWidth.value/wall_dom.offsetWidth; + console.log(offsetHeight.value) test_monitor_wall.value.forEach((element) => { let teph = element.InitialH; let tepw = element.InitialW; @@ -1102,6 +1107,8 @@ export default defineComponent({ } }); return { + offsetHeight, + offsetWidth, filter_px, activeMonitorList, monitor_percenter, @@ -1142,6 +1149,10 @@ export default defineComponent({ ?.getOutputBoardSetting(); const response = await client.getMagicWallConfig(); const wall_dom = wall.value; + if(wall_dom){ + offsetHeight.value=wall_dom.offsetHeight + offsetWidth.value=wall_dom.offsetWidth + } if (response && settings) { const a = response?.config.windows; output_length.value = @@ -1173,6 +1184,7 @@ export default defineComponent({ }); loading.value = false; } else if (a && wall_dom) { + a.forEach((element) => { let item: test_monitor = new test_monitor(0, "0", 0, 0, 0); extend(true, item, test_monitor_list.value[element.index]); @@ -1328,10 +1340,14 @@ export default defineComponent({ const wall_dom = wall.value; item.isShow = true; if (wall_dom) { - if(wall_dom.offsetHeight*0.5