From 623b69c6b9b0cff4211b4b460bf31bc3f1388f8f Mon Sep 17 00:00:00 2001
From: "xinxin.wu" <xinxin.wu@fit2cloud.com>
Date: Wed, 25 Sep 2024 12:37:48 +0800
Subject: [PATCH] =?UTF-8?q?style(=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95):=20?=
 =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=8E=A5=E5=8F=A3=E6=B5=8B=E8=AF=95=E6=8A=A5?=
 =?UTF-8?q?=E5=91=8A=E5=B9=B3=E9=93=BA=E6=A8=A1=E5=BC=8F=E5=AD=90=E8=AF=B7?=
 =?UTF-8?q?=E6=B1=82=E8=83=8C=E6=99=AF=E6=98=BE=E7=A4=BAstyle?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../requestComposition/response/result/index.vue           | 3 ++-
 .../requestComposition/response/result/tiledDisplay.vue    | 7 +++++--
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/frontend/src/views/api-test/components/requestComposition/response/result/index.vue b/frontend/src/views/api-test/components/requestComposition/response/result/index.vue
index 8c9f81570b..add403763b 100644
--- a/frontend/src/views/api-test/components/requestComposition/response/result/index.vue
+++ b/frontend/src/views/api-test/components/requestComposition/response/result/index.vue
@@ -87,7 +87,7 @@
           </a-popover>
         </div>
       </div>
-      <div v-if="activeType === 'SubRequest'" class="my-4 flex justify-start">
+      <div v-if="activeType === 'SubRequest'" class="flex justify-start bg-white py-4">
         <MsPagination
           v-model:page-size="pageSize"
           v-model:current="current"
@@ -101,6 +101,7 @@
     <a-spin v-if="props.mode === 'tiled'" class="w-full" :loading="loading">
       <Suspense>
         <TiledDisplay
+          :active-type="activeType"
           :menu-list="responseCompositionTabList"
           :request-result="activeStepDetailCopy?.content"
           :console="props.console"
diff --git a/frontend/src/views/api-test/components/requestComposition/response/result/tiledDisplay.vue b/frontend/src/views/api-test/components/requestComposition/response/result/tiledDisplay.vue
index 7ef1835304..e3e2a7d70e 100644
--- a/frontend/src/views/api-test/components/requestComposition/response/result/tiledDisplay.vue
+++ b/frontend/src/views/api-test/components/requestComposition/response/result/tiledDisplay.vue
@@ -3,7 +3,10 @@
     <!-- 展开折叠列表 -->
     <div v-if="props.requestResult?.responseResult.responseCode" class="tiledList">
       <div v-for="item of props.menuList" :key="item.value" class="menu-list-wrapper">
-        <div v-if="isShowContent(item.value)" class="menu-list">
+        <div
+          v-if="isShowContent(item.value)"
+          :class="`${props.activeType === 'SubRequest' ? 'top-[90px]' : 'top-[38px]'} menu-list`"
+        >
           <div class="flex items-center">
             <MsButton
               v-if="!expandIds.includes(item.value)"
@@ -87,6 +90,7 @@
     requestResult?: RequestResult;
     console?: string;
     environmentName?: string;
+    activeType: string; // 激活类型
     menuList: { label: string; value: keyof typeof ResponseComposition }[];
     reportId?: string;
   }>();
@@ -167,7 +171,6 @@
     .menu-list-wrapper {
       .menu-list {
         position: sticky;
-        top: 50px;
         z-index: 999999;
         height: 40px;
         line-height: 40px;