diff --git a/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue b/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue
index f3332cf7f8..de09fb8bfe 100644
--- a/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue
+++ b/frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue
@@ -23,6 +23,7 @@
       :summary-enable="summaryEnable"
       :functional-enable="functionalEnable"
       :load-enable="loadEnable"
+      :ui-enable="uiEnable"
       :overview-enable="overviewEnable"
       :is-template="isTemplate"/>
   </ms-container>
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 1c54b43af9..5d26495be7 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
@@ -34,7 +34,8 @@ export default {
     functionalEnable: Boolean,
     apiEnable: Boolean,
     loadEnable: Boolean,
-    needMoveBar: Boolean
+    uiEnable: Boolean,
+    needMoveBar: Boolean,
   },
   data() {
     return {
@@ -60,6 +61,10 @@ export default {
         {
           link: 'load',
           title: this.$t('test_track.report.analysis_load'),
+        },
+        {
+          link: 'ui',
+          title: this.$t('test_track.report.analysis_ui')
         }
       ]
     }
@@ -84,6 +89,9 @@ export default {
     loadEnable() {
       this.setData();
     },
+    uiEnable() {
+      this.setData();
+    }
   },
   computed: {
     navBtnClass() {
@@ -109,6 +117,7 @@ export default {
         ['functional', this.functionalEnable],
         ['api', this.apiEnable],
         ['load', this.loadEnable],
+        ['ui', this.uiEnable],
       ]);
       this.data = [];
       this.contents.forEach(item => {