fix: --bug=1007626 --user=陈建星 【测试跟踪】测试计划报告里取消模块后目录还会显示 https://www.tapd.cn/55049933/s/1063185

frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue

@@ -11,7 +11,13 @@
         <test-plan-load-report v-if="loadEnable" :is-db="isDb" :share-id="shareId" :is-share="isShare" :is-template="isTemplate" :report="report" :plan-id="planId"/>
       </el-card>
     </el-main>
-    <test-plan-report-navigation-bar :is-template="isTemplate"/>
+    <test-plan-report-navigation-bar
+      :api-enable="apiEnable"
+      :summary-enable="summaryEnable"
+      :functional-enable="functionalEnable"
+      :load-enable="loadEnable"
+      :overview-enable="overviewEnable"
+      :is-template="isTemplate"/>
   </div>
 </template>
 

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

@@ -4,7 +4,7 @@
       <div class="title-item" >
          <span class="title-name">目录</span>
         <el-tabs tab-position="right" v-model="activeName">
-          <el-tab-pane v-for="item in data" :key="item.title" :label="item.title" :name="item.link"></el-tab-pane>
+          <el-tab-pane v-for="item in data" :key="item.title" :label="item.title" :name="item.link"/>
         </el-tabs>
       </div>
         <div class="hiddenBottom">
@@ -21,30 +21,36 @@ export default {
   components: {MsDrawer},
   props: {
     isTemplate: Boolean,
+    overviewEnable: Boolean,
+    summaryEnable: Boolean,
+    functionalEnable: Boolean,
+    apiEnable: Boolean,
+    loadEnable: Boolean,
   },
   data() {
     return {
       activeName: "1",
-      data: [
+      data: [],
+      contents: [
         {
           link: 'overview',
-          title: '概览'
+          title: '概览',
         },
         {
           link: 'summary',
-          title: '报告总结'
+          title: '报告总结',
         },
         {
           link: 'functional',
-          title: '功能用例统计分析'
+          title: '功能用例统计分析',
         },
         {
           link: 'api',
-          title: '接口用例统计分析'
+          title: '接口用例统计分析',
         },
         {
           link: 'load',
-          title: '性能用例统计分析'
+          title: '性能用例统计分析',
         }
       ]
     }
@@ -57,6 +63,41 @@ export default {
       } else {
         window.location.href = url.origin + '#' + this.activeName;
       }
+    },
+    overviewEnable() {
+      this.setData();
+    },
+    summaryEnable() {
+      this.setData();
+    },
+    functionalEnable() {
+      this.setData();
+    },
+    apiEnable() {
+      this.setData();
+    },
+    loadEnable() {
+      this.setData();
+    },
+  },
+  mounted() {
+    this.setData();
+  },
+  methods: {
+    setData() {
+      let keyMap = new Map([
+        ['overview', this.overviewEnable],
+        ['summary', this.summaryEnable],
+        ['functional', this.functionalEnable],
+        ['api', this.apiEnable],
+        ['load', this.loadEnable],
+      ]);
+      this.data = [];
+      this.contents.forEach(item => {
+        if (keyMap.get(item.link)) {
+          this.data.push(item);
+        }
+      });
     }
   }
 }
@@ -119,6 +160,10 @@ export default {
     padding: 0px !important;
 }
 
+.drawer-content >>> .el-tabs__nav{
+    width: 140px !important;
+}
+
 .drawer-content:hover{
   padding: 15px !important;
   height: 300px !important;