fix(测试跟踪): 【测试跟踪】github#26207，创建缺陷页面关联用例列表显示异常

--bug=1028840 --user=白奇 【测试跟踪】github#26207，创建缺陷页面关联用例列表显示异常 https://www.tapd.cn/55049933/s/1420643

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,
@@ -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();
       }
     },
   },

test-track/frontend/src/business/issue/TestCaseIssueList.vue

@@ -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);
     },
   },
 };