diff --git a/frontend/src/business/components/api/definition/components/complete/ApiRelationshipRelevance.vue b/frontend/src/business/components/api/definition/components/complete/ApiRelationshipRelevance.vue
index 9dcf1a3480..78e1a00ee0 100644
--- a/frontend/src/business/components/api/definition/components/complete/ApiRelationshipRelevance.vue
+++ b/frontend/src/business/components/api/definition/components/complete/ApiRelationshipRelevance.vue
@@ -13,6 +13,7 @@
         @protocolChange="handleProtocolChange"
         @refreshTable="initTable"
         :is-read-only="true"
+        :show-case-num="false"
         ref="nodeTree"/>
     </template>
 
@@ -36,123 +37,123 @@
 
 <script>
 
-  import MsApiModule from "@/business/components/api/definition/components/module/ApiModule";
-  import TestCaseRelevanceBase from "@/business/components/track/plan/view/comonents/base/TestCaseRelevanceBase";
-  import ApiTableList from "@/business/components/api/definition/components/complete/ApiTableList";
+import MsApiModule from "@/business/components/api/definition/components/module/ApiModule";
+import TestCaseRelevanceBase from "@/business/components/track/plan/view/comonents/base/TestCaseRelevanceBase";
+import ApiTableList from "@/business/components/api/definition/components/complete/ApiTableList";
 
-  const requireComponent = require.context('@/business/components/xpack/', true, /\.vue$/);
-  const VersionSelect = requireComponent.keys().length > 0 ? requireComponent("./version/VersionSelect.vue") : {};
+const requireComponent = require.context('@/business/components/xpack/', true, /\.vue$/);
+const VersionSelect = requireComponent.keys().length > 0 ? requireComponent("./version/VersionSelect.vue") : {};
 
-  export default {
-    name: "ApiRelationshipRelevance",
-    components: {
-      'VersionSelect': VersionSelect.default,
-      ApiTableList,
-      TestCaseRelevanceBase,
-      MsApiModule,
+export default {
+  name: "ApiRelationshipRelevance",
+  components: {
+    'VersionSelect': VersionSelect.default,
+    ApiTableList,
+    TestCaseRelevanceBase,
+    MsApiModule,
+  },
+  props: ['apiDefinitionId', 'relationshipType'],
+  data() {
+    return {
+      showCasePage: true,
+      currentProtocol: null,
+      currentModule: null,
+      selectNodeIds: [],
+      condition: {},
+      currentRow: {},
+      projectId: "",
+      result: {},
+      total: 0,
+      tableData: [],
+      currentVersion: null,
+    };
+  },
+  watch: {
+    projectId() {
+      this.initTable();
     },
-    props: ['apiDefinitionId', 'relationshipType'],
-    data() {
-      return {
-        showCasePage: true,
-        currentProtocol: null,
-        currentModule: null,
-        selectNodeIds: [],
-        condition: {},
-        currentRow: {},
-        projectId: "",
-        result: {},
-        total: 0,
-        tableData: [],
-        currentVersion: null,
-      };
+    selectNodeIds() {
+      this.initTable();
     },
-    watch: {
-      projectId() {
-        this.initTable();
-      },
-      selectNodeIds() {
-        this.initTable();
-      },
-      currentProtocol() {
+    currentProtocol() {
+      this.$refs.nodeTree.list();
+      this.initTable();
+    }
+  },
+  methods: {
+    open() {
+      this.condition = {};
+      this.$refs.baseRelevance.open();
+      this.initTable();
+      if (this.$refs.nodeTree) {
         this.$refs.nodeTree.list();
-        this.initTable();
       }
     },
-    methods: {
-      open() {
-        this.condition = {};
-        this.$refs.baseRelevance.open();
-        this.initTable();
-        if (this.$refs.nodeTree) {
-          this.$refs.nodeTree.list();
-        }
-      },
-      initTable() {
-        this.condition.filters = {status: ["Prepare", "Underway", "Completed"]};
-        this.condition.moduleIds = this.selectNodeIds;
-        this.condition.projectId = this.projectId;
+    initTable() {
+      this.condition.filters = {status: ["Prepare", "Underway", "Completed"]};
+      this.condition.moduleIds = this.selectNodeIds;
+      this.condition.projectId = this.projectId;
 
-        if (this.currentProtocol != null) {
-          this.condition.protocol = this.currentProtocol;
-        } else {
-          this.condition.protocol = "HTTP";
-        }
+      if (this.currentProtocol != null) {
+        this.condition.protocol = this.currentProtocol;
+      } else {
+        this.condition.protocol = "HTTP";
+      }
 
-        this.condition.versionId = this.currentVersion;
+      this.condition.versionId = this.currentVersion;
 
-        this.$nextTick(() => {
-          if (this.apiDefinitionId) {
-            this.condition.id = this.apiDefinitionId;
-            this.result = this.$post(this.buildPagePath('/api/definition/relationship/relate'), this.condition, response => {
-              this.total = response.data.itemCount;
-              this.tableData = response.data.listObject;
-              this.tableData.forEach(item => {
-                if (item.tags && item.tags.length > 0) {
-                  item.tags = JSON.parse(item.tags);
-                }
-              });
+      this.$nextTick(() => {
+        if (this.apiDefinitionId) {
+          this.condition.id = this.apiDefinitionId;
+          this.result = this.$post(this.buildPagePath('/api/definition/relationship/relate'), this.condition, response => {
+            this.total = response.data.itemCount;
+            this.tableData = response.data.listObject;
+            this.tableData.forEach(item => {
+              if (item.tags && item.tags.length > 0) {
+                item.tags = JSON.parse(item.tags);
+              }
             });
-          }
-        });
-      },
-      buildPagePath(path) {
-        return path + "/" + this.$refs.apitable.currentPage + "/" + this.$refs.apitable.pageSize;
-      },
-      setProject(projectId) {
-        this.projectId = projectId;
-      },
-      nodeChange(node, nodeIds, pNodes) {
-        this.selectNodeIds = nodeIds;
-      },
-      handleProtocolChange(protocol) {
-        this.currentProtocol = protocol;
-      },
-      saveCaseRelevance() {
-        let param = {};
-        param.ids = this.$refs.apitable.getSelectIds();
-        param.request = this.condition;
-        if (this.relationshipType === 'PRE') {
-          param.targetIds = param.ids;
-        } else {
-          param.sourceIds = param.ids;
+          });
         }
-        param.id = this.apiDefinitionId;
-        param.type = 'API';
-        param.condition = this.condition;
+      });
+    },
+    buildPagePath(path) {
+      return path + "/" + this.$refs.apitable.currentPage + "/" + this.$refs.apitable.pageSize;
+    },
+    setProject(projectId) {
+      this.projectId = projectId;
+    },
+    nodeChange(node, nodeIds, pNodes) {
+      this.selectNodeIds = nodeIds;
+    },
+    handleProtocolChange(protocol) {
+      this.currentProtocol = protocol;
+    },
+    saveCaseRelevance() {
+      let param = {};
+      param.ids = this.$refs.apitable.getSelectIds();
+      param.request = this.condition;
+      if (this.relationshipType === 'PRE') {
+        param.targetIds = param.ids;
+      } else {
+        param.sourceIds = param.ids;
+      }
+      param.id = this.apiDefinitionId;
+      param.type = 'API';
+      param.condition = this.condition;
 
-        this.result = this.$post('/api/definition/relationship/add', param, () => {
-          this.$success(this.$t('commons.save_success'));
-          this.$refs.baseRelevance.close();
-          this.$emit('refresh');
-        });
-      },
-      currentVersionChange(currentVersion) {
-        this.currentVersion = currentVersion || null;
-        this.initTable();
-      },
-    }
+      this.result = this.$post('/api/definition/relationship/add', param, () => {
+        this.$success(this.$t('commons.save_success'));
+        this.$refs.baseRelevance.close();
+        this.$emit('refresh');
+      });
+    },
+    currentVersionChange(currentVersion) {
+      this.currentVersion = currentVersion || null;
+      this.initTable();
+    },
   }
+}
 </script>
 
 <style scoped>