fix: 二级菜单显示问题 #158

TencentBlueKing · Dec 28, 2021 · f07d143 · f07d143
1 parent e9f92d8
commit f07d143
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/pages/src/views/organization/index.vue b/src/pages/src/views/organization/index.vue
@@ -1274,13 +1274,14 @@ export default {
       this.$set(item, 'showBackground', true);
       this.$nextTick(() => {
         const calculateDistance = this.calculate(event.target);
-        const differ = document.querySelector('body').offsetHeight - calculateDistance.getOffsetTop;
         const next = event.target.nextElementSibling;
         next.style.left = `${calculateDistance.getOffsetLeft + 20}px`;
         next.style.top = `${calculateDistance.getOffsetTop + 30}px`;
-        if (differ <= 178) {
-          next.style.top = 'auto';
-          next.style.bottom = `${differ + 7}px`;
+        const bottomHeight = window.innerHeight - (next.offsetTop - window.pageYOffset) - next.offsetHeight;
+        if ((bottomHeight < 0) && (next.offsetHeight === 146)) {
+          next.style.top = `${calculateDistance.getOffsetTop - next.offsetHeight - 8}px`;
+        } else if ((bottomHeight < 0) && (next.offsetHeight === 254)) {
+          next.style.top = `${calculateDistance.getOffsetTop - next.offsetHeight - 8}px`;
         }
       });
     },