fix 修复高度恢复后的显示

 <!--
 <!--
  * @Date: 2024-09-26 13:42:11
  * @Date: 2024-09-26 13:42:11
  * @LastEditors: hookehuyr hookehuyr@gmail.com
  * @LastEditors: hookehuyr hookehuyr@gmail.com
- * @LastEditTime: 2024-11-07 14:28:25
+ * @LastEditTime: 2024-11-07 14:34:27
  * @FilePath: /hager/src/components/common/hagerHeader.vue
  * @FilePath: /hager/src/components/common/hagerHeader.vue
  * @Description: 文件描述
  * @Description: 文件描述
 -->
 -->
@@ -140,6 +140,24 @@ import $ from 'jquery';
 import hagerMenu from '../hagerMenu.vue';
 import hagerMenu from '../hagerMenu.vue';
 import { getProductCateAPI, getUserInfoAPI } from "@/api/hager.js";
 import { getProductCateAPI, getUserInfoAPI } from "@/api/hager.js";
 
 
+// 处理菜单高度被挡住的问题
+function isElementVisible($element) {
+  var windowHeight = $(window).height(); // 获取窗口高度
+  var windowScrollTop = $(window).scrollTop(); // 获取窗口的滚动高度
+
+  var elementOffsetTop = $element.offset().top; // 获取元素的顶部偏移
+  var elementHeight = $element.outerHeight(); // 获取元素高度
+
+  // 判断元素是否完全在可视区域内
+  if (elementOffsetTop >= windowScrollTop &&
+      elementOffsetTop + elementHeight <= windowScrollTop + windowHeight) {
+    return true; // 元素完全可见
+  } else if (elementOffsetTop < windowScrollTop ||
+      elementOffsetTop + elementHeight > windowScrollTop + windowHeight) {
+    return false; // 元素被挡住或部分被遮挡
+  }
+}
+
 export default {
 export default {
   components: { hagerMenu },
   components: { hagerMenu },
   mixins: [mixin.init],
   mixins: [mixin.init],
@@ -215,9 +233,36 @@ export default {
     //   }
     //   }
     // });
     // });
     //
     //
-
+    window.addEventListener('resize', this.handleHeightResize);
+  },
+  beforeDestroy() {
+    // 在组件销毁前移除监听器，防止内存泄漏
+    window.removeEventListener('resize', this.handleHeightResize);
   },
   },
   methods: {
   methods: {
+    handleHeightResize () {
+      // 高度监听
+      this.$nextTick(() => {
+        var $productRightWrapper = $('.product-right-wrapper');
+        const productRightWrapper = document.querySelector('.product-right-wrapper');
+        // 获取窗口的高度
+        const windowHeight = $(window).height();
+        // 计算适合的高度，假设元素的 top 值固定，调整高度为可用高度
+        const topOffset = $('.product-right-wrapper').offset().top; // 获取元素距离顶部的偏移量
+        const availableHeight = windowHeight - topOffset;
+
+        if (isElementVisible($productRightWrapper)) {
+          console.log(".product-right-wrapper 完全可见");
+          productRightWrapper.style.removeProperty('height');
+          productRightWrapper.style.removeProperty('overflow-y');
+        } else {
+          console.log(".product-right-wrapper 被部分或完全遮挡");
+          // 设置 .product-right-wrapper 的最大高度，确保不会溢出窗口
+          productRightWrapper.style.height = availableHeight + 'px';
+          productRightWrapper.style.overflowY = 'scroll';
+        }
+      });
+    },
     async getUserInfo () {
     async getUserInfo () {
       const { code, data } = await getUserInfoAPI();
       const { code, data } = await getUserInfoAPI();
       if (code) {
       if (code) {
@@ -267,23 +312,6 @@ export default {
     onClickProduct() {
     onClickProduct() {
       // 当鼠标悬停时
       // 当鼠标悬停时
       this.show = true;
       this.show = true;
-      // 处理菜单高度被挡住的问题
-      function isElementVisible($element) {
-        var windowHeight = $(window).height(); // 获取窗口高度
-        var windowScrollTop = $(window).scrollTop(); // 获取窗口的滚动高度
-
-        var elementOffsetTop = $element.offset().top; // 获取元素的顶部偏移
-        var elementHeight = $element.outerHeight(); // 获取元素高度
-
-        // 判断元素是否完全在可视区域内
-        if (elementOffsetTop >= windowScrollTop &&
-            elementOffsetTop + elementHeight <= windowScrollTop + windowHeight) {
-          return true; // 元素完全可见
-        } else if (elementOffsetTop < windowScrollTop ||
-            elementOffsetTop + elementHeight > windowScrollTop + windowHeight) {
-          return false; // 元素被挡住或部分被遮挡
-        }
-      }
       this.$nextTick(() => {
       this.$nextTick(() => {
         var $productRightWrapper = $('.product-right-wrapper');
         var $productRightWrapper = $('.product-right-wrapper');
 
 
@@ -301,7 +329,7 @@ export default {
           productRightWrapper.style.height = availableHeight + 'px';
           productRightWrapper.style.height = availableHeight + 'px';
           productRightWrapper.style.overflowY = 'scroll';
           productRightWrapper.style.overflowY = 'scroll';
         }
         }
-      })
+      });
     },
     },
     onClick (item, index) {
     onClick (item, index) {
       this.product_info = item.children;
       this.product_info = item.children;