处理监听图表的函数，确保及时移除&生产环境不打印log

src/views/home/productionCostAnalysisComponents/verticalBarChart.vue

@@ -17,7 +17,8 @@ export default {
   components: {},
   data() {
     return {
-      myChart: null
+      myChart: null,
+      resizeHandler: null // 窗口resize事件处理器
     };
   },
   props: {
@@ -43,6 +44,25 @@ export default {
   },
   mounted() {
     this.$nextTick(() => this.updateChart());
+    // 注册窗口resize事件，使用稳定的引用以便后续移除
+    this.resizeHandler = () => {
+      if (this.myChart) {
+        this.myChart.resize();
+      }
+    };
+    window.addEventListener('resize', this.resizeHandler);
+  },
+  beforeDestroy() {
+    // 移除窗口resize事件监听器
+    if (this.resizeHandler) {
+      window.removeEventListener('resize', this.resizeHandler);
+      this.resizeHandler = null;
+    }
+    // 销毁图表实例
+    if (this.myChart) {
+      this.myChart.dispose();
+      this.myChart = null;
+    }
   },
   watch: {
     detailData: {
@@ -172,19 +192,6 @@ export default {
       };
 
       this.myChart.setOption(option, true); // 新增：true表示替换所有配置，避免缓存
-
-      // 优化：防抖resize，避免频繁触发
-      const resizeHandler = () => {
-        this.myChart && this.myChart.resize();
-      };
-      window.removeEventListener('resize', resizeHandler); // 先移除再添加，避免重复绑定
-      window.addEventListener('resize', resizeHandler);
-
-      this.$once('hook:destroyed', () => {
-        window.removeEventListener('resize', resizeHandler);
-        this.myChart && this.myChart.dispose();
-        this.myChart = null;
-      });
     }
   },
 };