From 845d817a0923979bc483b59b2210588896f81a30 Mon Sep 17 00:00:00 2001
From: song-tianyang <tianyang.song@fit2cloud.com>
Date: Fri, 17 Sep 2021 18:29:04 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=8E=A5=E5=8F=A3=E6=96=87=E6=A1=A3):=20#1?=
 =?UTF-8?q?006735=20=20=E3=80=90=E6=8E=A5=E5=8F=A3=E5=AE=9A=E4=B9=89?=
 =?UTF-8?q?=E3=80=91=E6=8E=A5=E5=8F=A3=E5=88=97=E8=A1=A8=EF=BC=8CAPI-CASE-?=
 =?UTF-8?q?=E6=96=87=E6=A1=A3=EF=BC=8C=E4=BA=92=E7=9B=B8=E5=88=87=E6=8D=A2?=
 =?UTF-8?q?=E6=97=B6=E9=A1=B5=E9=9D=A2=E4=BC=9A=E6=8A=A5=E9=94=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

【【接口定义】接口列表，API-CASE-文档，互相切换时页面会报错】https://www.tapd.cn/55049933/bugtrace/bugs/view?bug_id=1155049933001006735
---
 .../definition/components/document/ApiDocumentAnchor.vue  | 5 ++++-
 .../definition/components/document/ApiDocumentItem.vue    | 8 ++++++--
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/frontend/src/business/components/api/definition/components/document/ApiDocumentAnchor.vue b/frontend/src/business/components/api/definition/components/document/ApiDocumentAnchor.vue
index fdef1192c9..5aaec3d253 100644
--- a/frontend/src/business/components/api/definition/components/document/ApiDocumentAnchor.vue
+++ b/frontend/src/business/components/api/definition/components/document/ApiDocumentAnchor.vue
@@ -665,7 +665,7 @@ export default {
       this.$message.error(this.$t('api_report.error'));
     },
     handleScroll(){
-      if(!this.clickStepFlag){
+      if(!this.clickStepFlag && this.$refs.apiDocInfoDiv){
         //apiDocInfoDiv的总高度，是(每个item的高度+20)数量
         let apiDocDivScrollTop = 0;
         if(this.$refs.apiDocInfoDiv&&this.$refs.apiDocInfoDiv.scrollTop){
@@ -758,6 +758,9 @@ export default {
       this.clickStepFlag = false;
     },
     redirectScroll(){
+      if(!this.$refs.apiDocInfoDiv){
+        return;
+      }
       //滚动条跳转：将滚动条下拉到显示对应对api接口的位置
       let apiDocDivClientTop = 0;
       let itemHeightCount = 0;
diff --git a/frontend/src/business/components/api/definition/components/document/ApiDocumentItem.vue b/frontend/src/business/components/api/definition/components/document/ApiDocumentItem.vue
index 4e6a53c0e3..d60b718e8d 100644
--- a/frontend/src/business/components/api/definition/components/document/ApiDocumentItem.vue
+++ b/frontend/src/business/components/api/definition/components/document/ApiDocumentItem.vue
@@ -561,7 +561,9 @@ export default {
       this.$message.error(this.$t('api_report.error'));
     },
     handleScroll(){
-
+      if(!this.$refs.apiDocInfoDiv){
+        return;
+      }
       //apiDocInfoDiv的总高度，是(每个item的高度+20)数量
       let apiDocDivScrollTop = this.$refs.apiDocInfoDiv.scrollTop;
       let apiDocDivClientTop = this.$refs.apiDocInfoDiv.clientHeight;
@@ -591,7 +593,9 @@ export default {
         let itemHeight = this.$refs.apiDocInfoDivItem[i].offsetHeight+20;
         itemHeightCount+=itemHeight;
       }
-      this.$refs.apiDocInfoDiv.scrollTop = (apiDocDivClientTop+itemHeightCount);
+      if(this.$refs.apiDocInfoDiv){
+        this.$refs.apiDocInfoDiv.scrollTop = (apiDocDivClientTop+itemHeightCount);
+      }
     },
     checkApiInfoNode(itemIndex){
       //检查要展示的api信息节点，和上下个3个及以内的范围内数据有没有查询过