From 7a1d5a8e5c8d45a0dcf76db56d6e15101080a71f Mon Sep 17 00:00:00 2001
From: baiqi <qi.bai@fit2cloud.com>
Date: Mon, 25 Sep 2023 15:17:49 +0800
Subject: [PATCH] =?UTF-8?q?fix(=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA):=20?=
 =?UTF-8?q?=E3=80=90=E6=B5=8B=E8=AF=95=E8=B7=9F=E8=B8=AA=E3=80=91github#26?=
 =?UTF-8?q?207=EF=BC=8C=E5=88=9B=E5=BB=BA=E7=BC=BA=E9=99=B7=E9=A1=B5?=
 =?UTF-8?q?=E9=9D=A2=E5=85=B3=E8=81=94=E7=94=A8=E4=BE=8B=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E5=BC=82=E5=B8=B8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

--bug=1028840 --user=白奇 【测试跟踪】github#26207，创建缺陷页面关联用例列表显示异常 https://www.tapd.cn/55049933/s/1420643
---
 .../src/business/issue/IssueEditDetail.vue    | 25 +++++++++++++------
 .../src/business/issue/TestCaseIssueList.vue  |  8 +++++-
 2 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/test-track/frontend/src/business/issue/IssueEditDetail.vue b/test-track/frontend/src/business/issue/IssueEditDetail.vue
index 07c9757676..dd0fd3755d 100644
--- a/test-track/frontend/src/business/issue/IssueEditDetail.vue
+++ b/test-track/frontend/src/business/issue/IssueEditDetail.vue
@@ -197,10 +197,7 @@
             :label="$t('test_track.review_view.relevance_case')"
             name="relateTestCase"
           >
-            <el-form-item
-              v-if="!isCaseEdit && tabActiveName === 'relateTestCase'"
-              style="margin-left: -80px"
-            >
+            <el-form-item style="margin-left: -80px">
               <test-case-issue-list
                 :issues-id="form.id"
                 ref="testCaseIssueList"
@@ -340,18 +337,28 @@
 import TemplateComponentEditHeader from "@/business/plan/view/comonents/report/TemplateComponentEditHeader";
 import MsFormDivider from "metersphere-frontend/src/components/MsFormDivider";
 import FormRichTextItem from "metersphere-frontend/src/components/FormRichTextItem";
-import {buildCustomFields, parseCustomFieldForId,} from "metersphere-frontend/src/utils/custom_field";
+import {
+  buildCustomFields,
+  parseCustomFieldForId,
+} from "metersphere-frontend/src/utils/custom_field";
 import CustomFiledComponent from "metersphere-frontend/src/components/template/CustomFiledComponent";
 import TestCaseIssueList from "@/business/issue/TestCaseIssueList";
 import IssueEditDetail from "@/business/issue/IssueEditDetail";
-import {byteToSize, getTypeByFileName, getUUID,} from "metersphere-frontend/src/utils";
+import {
+  byteToSize,
+  getTypeByFileName,
+  getUUID,
+} from "metersphere-frontend/src/utils";
 import {
   getCurrentProjectID,
   getCurrentUser,
   getCurrentUserId,
   getCurrentWorkspaceId,
 } from "metersphere-frontend/src/utils/token";
-import {hasLicense, hasPermission,} from "metersphere-frontend/src/utils/permission";
+import {
+  hasLicense,
+  hasPermission,
+} from "metersphere-frontend/src/utils/permission";
 import {
   enableThirdPartTemplate,
   getComments,
@@ -376,7 +383,7 @@ import CustomFiledFormItem from "metersphere-frontend/src/components/form/Custom
 import MsMarkDownText from "metersphere-frontend/src/components/MsMarkDownText";
 import IssueComment from "@/business/issue/IssueComment";
 import ReviewCommentItem from "@/business/review/commom/ReviewCommentItem";
-import {TokenKey} from "metersphere-frontend/src/utils/constants";
+import { TokenKey } from "metersphere-frontend/src/utils/constants";
 import TestCaseAttachment from "@/business/case/components/TestCaseAttachment";
 import axios from "axios";
 import MsFileMetadataList from "metersphere-frontend/src/components/environment/commons/variable/QuoteFileList";
@@ -533,6 +540,8 @@ export default {
         if (this.type === "edit" && this.issueId) {
           this.getFileMetaData(this.issueId);
         }
+      } else if (this.tabActiveName === "relateTestCase") {
+        this.$refs.testCaseIssueList.initTableData();
       }
     },
   },
diff --git a/test-track/frontend/src/business/issue/TestCaseIssueList.vue b/test-track/frontend/src/business/issue/TestCaseIssueList.vue
index e928e87e28..a755e3da72 100644
--- a/test-track/frontend/src/business/issue/TestCaseIssueList.vue
+++ b/test-track/frontend/src/business/issue/TestCaseIssueList.vue
@@ -55,7 +55,7 @@ import MsTableColumn from "metersphere-frontend/src/components/table/MsTableColu
 import PriorityTableItem from "@/business/common/tableItems/planview/PriorityTableItem";
 import TypeTableItem from "@/business/common/tableItems/planview/TypeTableItem";
 import TestCaseRelateList from "@/business/issue/TestCaseRelateList";
-import {getTestCaseIssueList} from "@/api/testCase";
+import { getTestCaseIssueList } from "@/api/testCase";
 
 export default {
   name: "TestCaseIssueList",
@@ -83,6 +83,7 @@ export default {
           exec: this.handleDelete,
         },
       ],
+      cacheAddRows: [], // 缓存关联用例信息
     };
   },
   props: {
@@ -103,6 +104,7 @@ export default {
       this.testCaseContainIds.delete(item.id);
       this.tableData.splice(index, 1);
       this.deleteIds.add(item.id);
+      this.cacheAddRows.splice(index, 1);
     },
     clear() {
       this.addIds.clear();
@@ -121,6 +123,9 @@ export default {
             this.testCaseContainIds.add(item.id);
           });
           this.$refs.table.reloadTable();
+          if (this.cacheAddRows.length > 0) {
+            this.tableData.push(...this.cacheAddRows);
+          }
           this.result.loading = false;
         });
       }
@@ -138,6 +143,7 @@ export default {
         this.addIds.add(i.id);
       });
       this.tableData.push(...selectData);
+      this.cacheAddRows.push(...selectData);
     },
   },
 };