fix: 修复接口定义-接口列表-文档-仅选中get请求接口-按更新时间从前到后显示，选中某个接口后，焦点不是选中的接口的问题

修复接口定义-接口列表-文档-仅选中get请求接口-按更新时间从前到后显示，选中某个接口后，焦点不是选中的接口的问题

backend/src/main/java/io/metersphere/api/controller/ApiDocumentController.java

@@ -14,6 +14,8 @@ import org.springframework.web.bind.annotation.*;
 import javax.annotation.Resource;
 import java.util.ArrayList;
 import java.util.List;
+import java.util.Map;
+import java.util.stream.Collectors;
 
 /**
  * @author song.tianyang
@@ -39,13 +41,19 @@ public class ApiDocumentController {
     @PostMapping("/selectApiInfoByParam")
     public List<ApiDocumentInfoDTO> selectApiInfoByParam(@RequestBody ApiDocumentRequest request) {
         List<ApiDocumentInfoDTO> returnList = new ArrayList<>();
+        if(request.getApiIdList() != null){
+            //要根据ids的顺序进行返回排序
             List<ApiDefinitionWithBLOBs> apiModels = apiDefinitionService.getBLOBs(request.getApiIdList());
-        for (ApiDefinitionWithBLOBs apiModel : apiModels) {
-            try{
-                ApiDocumentInfoDTO returnDTO = apiDocumentService.conversionModelToDTO(apiModel);
+            Map<String,ApiDefinitionWithBLOBs> apiModelMaps = apiModels.stream().collect(Collectors.toMap(ApiDefinitionWithBLOBs :: getId,a->a,(k1,k2)->k1));
+            for(String id : request.getApiIdList()){
+                ApiDefinitionWithBLOBs model = apiModelMaps.get(id);
+                if(model == null){
+                    model = new ApiDefinitionWithBLOBs();
+                    model.setId(id);
+                    model.setName(id);
+                }
+                ApiDocumentInfoDTO returnDTO = apiDocumentService.conversionModelToDTO(model);
                 returnList.add(returnDTO);
-            }catch (Exception e){
-                e.printStackTrace();
             }
         }
         return returnList;

backend/src/main/java/io/metersphere/api/service/ApiDocumentService.java

@@ -87,7 +87,7 @@ public class ApiDocumentService {
 
             if (apiModel.getRequest() != null) {
                 JSONObject requestJsonObj = JSONObject.parseObject(apiModel.getRequest());
-                //head赋值
+                //head赋值conversionModelToDTO
                 if (requestJsonObj.containsKey("headers")) {
                     JSONArray requestHeadDataArr = new JSONArray();
                     //head赋值
@@ -300,6 +300,7 @@ public class ApiDocumentService {
             }
         }
         apiInfoDTO.setRequestPreviewData(previewJsonArray);
+        apiInfoDTO.setSelectedFlag(true);
         return apiInfoDTO;
     }
 

frontend/src/business/components/api/definition/components/document/ApiDocumentAnchor.vue

@@ -361,6 +361,7 @@ export default {
       apiShowArray:[],//浏览器要渲染的api信息集合
       needAsyncSelect: false, //是否需要异步查询api详细数据做展现。只有本次要展示的数据总量大于maxCompnentSize时为true
       currentApiIndexInApiShowArray: 0,//当前主要展示的api信息在apiShowArray的索引
+      clickStepFlag:false,
     }
   },
   props: {
@@ -461,12 +462,6 @@ export default {
         if (this.apiInfoArray.length > 0) {
           this.checkApiInfoNode(this.apiStepIndex,true);
         }
-        //拼接body展现数据
-        // for(let dataIndex = 0; dataIndex < this.maxCompnentSize; dataIndex ++){
-        //   if(dataIndex < response.data.length){
-        //     this.apiShowArray.push(response.data[dataIndex]);
-        //   }
-        // }
         if(response.data.length > this.maxCompnentSize){
           this.needAsyncSelect = true;
         }else{
@@ -629,6 +624,7 @@ export default {
       this.$message.error(this.$t('api_report.error'));
     },
     handleScroll(){
+      if(!this.clickStepFlag){
         //apiDocInfoDiv的总高度，是(每个item的高度+20)数量
         let apiDocDivScrollTop = this.$refs.apiDocInfoDiv.scrollTop;
         let apiDocDivClientTop = this.$refs.apiDocInfoDiv.clientHeight;
@@ -645,10 +641,6 @@ export default {
           }
         }
 
-      let names = "";
-      for(let i = 0;i<this.apiShowArray.length;i++){
-        names += this.apiShowArray[i].name+";";
-      }
         if(lastIndex < this.currentApiIndexInApiShowArray){
           //上移
           if(this.needAsyncSelect){
@@ -689,6 +681,8 @@ export default {
           }
           this.apiStepIndex ++;
         }
+      }
+      this.clickStepFlag = false;
     },
     redirectScroll(){
       //滚动条跳转：将滚动条下拉到显示对应对api接口的位置
@@ -700,6 +694,7 @@ export default {
           itemHeightCount+=itemHeight;
         }
       }
+      this.clickStepFlag = true;
       this.$refs.apiDocInfoDiv.scrollTop = (apiDocDivClientTop+itemHeightCount);
     },