diff --git a/frontend/src/business/App.vue b/frontend/src/business/App.vue
index 51bb0aa122..ef933ae4de 100644
--- a/frontend/src/business/App.vue
+++ b/frontend/src/business/App.vue
@@ -109,7 +109,8 @@ export default {
       localStorage.setItem("store", JSON.stringify(this.$store.state));
     });
     this.isFixed = localStorage.getItem('app-fixed') === 'true' || false;
-    this.isCollapse = this.isFixed === true ? false : true;
+    this.isCollapse = !this.isFixed;
+    this.$store.commit('setAppFixed', this.isFixed);
   },
   beforeCreate() {
     this.$get("/isLogin").then(response => {
@@ -187,6 +188,7 @@ export default {
       }
       localStorage.removeItem('app-fixed');
       localStorage.setItem('app-fixed', this.isFixed);
+      this.$store.commit('setAppFixed', this.isFixed);
     },
     collapseOpen() {
       this.isCollapse = false;
diff --git a/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportNavigationBar.vue b/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportNavigationBar.vue
index e9404a0713..90dfb09dfb 100644
--- a/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportNavigationBar.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportNavigationBar.vue
@@ -2,7 +2,7 @@
   <div>
     <ms-drawer class="drawer-content"
                direction="left"
-               :class="{'move-bar' : needMoveBar}"
+               :class="moveBarClass"
                :visible="true"
                :size="10"
                :show-full-screen="false"
@@ -66,7 +66,8 @@ export default {
           link: 'load',
           title: this.$t('test_track.report.analysis_load'),
         }
-      ]
+      ],
+      moveBarClass: '',
     }
   },
   watch: {
@@ -91,7 +92,12 @@ export default {
     },
     uiEnable() {
       this.setData();
-    }
+    },
+    '$store.state.appFixed'(newVal){
+      if (this.needMoveBar) {
+        this.toggleMoveBarClass(newVal);
+      }
+    },
   },
   computed: {
     navBtnClass() {
@@ -107,10 +113,13 @@ export default {
       } else {
         return 'zh-button-span';
       }
-    }
+    },
   },
   mounted() {
     this.setData();
+    if (this.needMoveBar) {
+      this.toggleMoveBarClass(this.$store.state.appFixed);
+    }
   },
   methods: {
     setData() {
@@ -128,6 +137,9 @@ export default {
           this.data.push(item);
         }
       });
+    },
+    toggleMoveBarClass(val) {
+      this.moveBarClass = val ? 'fixed-move-bar' : 'move-bar';
     }
   }
 }
@@ -197,7 +209,11 @@ export default {
 }
 
 .move-bar {
-  margin-left: 50px;
+  margin-left: 53px;
+}
+
+.fixed-move-bar {
+  margin-left: 159px;
 }
 
 .drawer-content {
diff --git a/frontend/src/store/index.js b/frontend/src/store/index.js
index 8be4ac0c39..576c51ef6d 100644
--- a/frontend/src/store/index.js
+++ b/frontend/src/store/index.js
@@ -49,7 +49,8 @@ const state = {
   refreshUiScenario: false,
   showLicenseCountWarning: false,
   temWorkspaceId: null,
-  fileDownloadList: [], // 文件下载进度列表
+  fileDownloadList: [], // 文件下载进度列表,
+  appFixed: null,
 }
 
 const store = new Vuex.Store({
diff --git a/frontend/src/store/mutations.js b/frontend/src/store/mutations.js
index 2109194049..f26e0851c4 100644
--- a/frontend/src/store/mutations.js
+++ b/frontend/src/store/mutations.js
@@ -43,6 +43,7 @@ const mutations = {
   deleteDownloadFile: (state, props) => {
     state.fileDownloadList.splice(state.fileDownloadList.findIndex(item => item.id === props), 1);
   },
+  setAppFixed: (state, value) => state.appFixed = value,
 }
 
 export default mutations;