fix(测试跟踪): 测试计划报告统计目录和左侧导航栏重叠

--bug=1018459 --user=陈建星 【测试跟踪】测试计划-报告统计-目录和左侧导航栏重叠 https://www.tapd.cn/55049933/s/1268757

framework/sdk-parent/frontend/src/business/app-layout/index.vue

@@ -162,6 +162,7 @@ export default {
       }
       localStorage.removeItem('app-fixed');
       localStorage.setItem('app-fixed', this.isFixed);
+      this.$EventBus.$emit('appFixedChange', this.isFixed);
     },
     collapseOpen() {
       this.isCollapse = false;

test-track/frontend/src/business/plan/view/comonents/report/detail/TestPlanReportNavigationBar.vue

@@ -24,9 +24,7 @@
 import MsDrawer from "metersphere-frontend/src/components/MsDrawer";
 import {DEFAULT_LANGUAGE, EN_US, ZH_CN} from "metersphere-frontend/src/utils/constants";
 import {getCurrentUser} from "metersphere-frontend/src/utils/token";
-// import {useStore} from "@/store";
 
-// const store = useStore();
 export default {
   name: "TestPlanReportNavigationBar",
   components: {MsDrawer},
@@ -96,11 +94,6 @@ export default {
     uiEnable() {
       this.setData();
     },
-    // 'store.appFixed'(newVal){
-    //   if (this.needMoveBar) {
-    //     this.toggleMoveBarClass(newVal);
-    //   }
-    // },
   },
   computed: {
     navBtnClass() {
@@ -119,10 +112,20 @@ export default {
     },
   },
   mounted() {
+    let isFixed = localStorage.getItem('app-fixed') === 'true' || false;
+    if (this.$EventBus) {
+      // 导出的报告不走这里
+      this.$EventBus.$on("appFixedChange", this.toggleMoveBarClass);
+    }
     this.setData();
-    // if (this.needMoveBar) {
-    //   this.toggleMoveBarClass(store.appFixed);
-    // }
+    if (this.needMoveBar) {
+      this.toggleMoveBarClass(isFixed);
+    }
+  },
+  destroyed() {
+    if (this.$EventBus) {
+      this.$EventBus.$off("appFixedChange", this.toggleMoveBarClass);
+    }
   },
   methods: {
     setData() {
@@ -142,10 +145,12 @@ export default {
       });
     },
     toggleMoveBarClass(val) {
+      if (this.needMoveBar) {
         this.moveBarClass = val ? 'fixed-move-bar' : 'move-bar';
       }
     }
   }
+}
 </script>
 
 <style scoped>