diff --git a/data-room-ui/packages/BigScreenDesign/SettingPanel.vue b/data-room-ui/packages/BigScreenDesign/SettingPanel.vue index 29cc77b5..285f7994 100644 --- a/data-room-ui/packages/BigScreenDesign/SettingPanel.vue +++ b/data-room-ui/packages/BigScreenDesign/SettingPanel.vue @@ -63,18 +63,28 @@ export default { }, data () { return { + count: 0, + right: 0 } }, watch: { rightVisiable (value) { + const leftElement = document.querySelector('.bs-left-panel') + const contentElement = document.querySelector('.grid-wrap-box') + // const rightElement = document.querySelector('.bs-right-panel-wrap') + const mapElement = document.querySelector('.minimap') if (value) { - const leftElement = document.querySelector('.bs-left-panel') - const contentElement = document.querySelector('.grid-wrap-box') - // const rightElement = document.querySelector('.bs-right-panel-wrap') - const mapElement = document.querySelector('.minimap') if (parseInt(window.getComputedStyle(mapElement).right) > parseInt(window.getComputedStyle(leftElement).width) + parseInt(window.getComputedStyle(contentElement).width) - 320 - parseInt(window.getComputedStyle(mapElement).width)) { + // 此时距离超出可视范围 + this.count = 1 + this.right = window.getComputedStyle(mapElement).right mapElement.style.right = parseInt(window.getComputedStyle(leftElement).width) + parseInt(window.getComputedStyle(contentElement).width) - 320 - parseInt(window.getComputedStyle(mapElement).width) + 'px' } + } else { + if (this.count === 1) { + mapElement.style.right = this.right + this.count-- + } } } },