fix(接口测试): 修复加载用例只加载最近一条的缺陷

--bug=1013172 --user=王孝刚 [接口测试]github#13585v接口定义-TEST-加载用例只显示最新的一条
https://www.tapd.cn/55049933/s/1158552

frontend/src/business/components/api/definition/components/case/ApiCaseItem.vue

@@ -469,6 +469,7 @@ export default {
         this.currentApi.request = item.request;
         this.currentApi.request.changeId = getUUID();
       }
+      this.$emit("setSelectedCaseId", item.id);
     },
     changePriority(row) {
       if (row.id) {

frontend/src/business/components/api/definition/components/case/ApiCaseList.vue

@@ -3,38 +3,41 @@
     <ms-drawer :size="60" @close="apiCaseClose" direction="bottom" ref="testCaseDrawer">
       <template v-slot:header>
         <api-case-header
-          :api="api"
+            :api="api"
-          @setEnvironment="setEnvironment"
+            @setEnvironment="setEnvironment"
-          @addCase="addCase"
+            @addCase="addCase"
-          @saveCase="saveCase(apiCaseList[0])"
+            @saveCase="saveCase"
-          :condition="condition"
+            :condition="condition"
-          :priorities="priorities"
+            :priorities="priorities"
-          :project-id="projectId"
+            :project-id="projectId"
-          :useEnvironment="environment"
+            :useEnvironment="environment"
-          :is-case-edit="isCaseEdit"
+            :is-case-edit="isCaseEdit"
-          :button-text="saveButtonText"
+            :button-text="saveButtonText"
-          ref="header"/>
+            ref="header"/>
       </template>
 
       <el-container v-if="!result.loading">
         <el-main>
-          <api-case-item
+          <div v-for="item in apiCaseList" :key="item.id ? item.id : item.uuid">
-            :loading="singleLoading && singleRunId === apiCaseList[0].id || batchLoadingIds.indexOf(apiCaseList[0].id) > -1"
+            <api-case-item
-            @refresh="refresh"
+                :loading="singleLoading && singleRunId ===item.id || batchLoadingIds.indexOf(item.id) > -1"
-            @singleRun="singleRun"
+                @refresh="refresh"
-            @stop="stop"
+                @singleRun="singleRun"
-            @refreshModule="refreshModule"
+                @stop="stop"
-            @copyCase="copyCase"
+                @refreshModule="refreshModule"
-            @showExecResult="showExecResult"
+                @copyCase="copyCase"
-            @showHistory="showHistory"
+                @showExecResult="showExecResult"
-            @reLoadCase="reLoadCase"
+                @showHistory="showHistory"
-            :environment="environment"
+                @reLoadCase="reLoadCase"
-            :is-case-edit="isCaseEdit"
+                :environment="environment"
-            :api="api"
+                @setSelectedCaseId="setSelectedCaseId"
-            :currentApi="currentApi"
+                :is-case-edit="isCaseEdit"
-            :loaded="loaded"
+                :api="api"
-            :maintainerOptions="maintainerOptions"
+                :currentApi="currentApi"
-            :api-case="apiCaseList[0]" ref="apiCaseItem"/>
+                :loaded="loaded"
+                :maintainerOptions="maintainerOptions"
+                :api-case="item" ref="apiCaseItem"/>
+          </div>
         </el-main>
       </el-container>
     </ms-drawer>
@@ -204,8 +207,20 @@ export default {
       }
       this.visible = true;
     },
-    saveCase(item, hideAlert) {
+    setSelectedCaseId(caseId) {
-      this.$refs.apiCaseItem.saveTestCase(item, hideAlert);
+      this.selectCaseId = caseId;
+    },
+    saveCase(hideAlert) {
+      let index = 0;
+      if (this.selectCaseId && this.selectCaseId !== '') {
+        for (let i = 0; i < this.apiCaseList.length; i++) {
+          if (this.apiCaseList[i].id === this.selectCaseId) {
+            index = i;
+          }
+        }
+      }
+      let item = this.apiCaseList[index];
+      this.$refs.apiCaseItem[index].saveTestCase(item, hideAlert);
     },
     saveApiAndCase(api) {
       if (api && api.url) {