style(接口测试): 修复接口测试报告平铺模式子请求背景显示style

This commit is contained in:
xinxin.wu 2024-09-25 12:37:48 +08:00 committed by Craftsman
parent 0d9d396fa0
commit 623b69c6b9
2 changed files with 7 additions and 3 deletions

View File

@ -87,7 +87,7 @@
</a-popover> </a-popover>
</div> </div>
</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 <MsPagination
v-model:page-size="pageSize" v-model:page-size="pageSize"
v-model:current="current" v-model:current="current"
@ -101,6 +101,7 @@
<a-spin v-if="props.mode === 'tiled'" class="w-full" :loading="loading"> <a-spin v-if="props.mode === 'tiled'" class="w-full" :loading="loading">
<Suspense> <Suspense>
<TiledDisplay <TiledDisplay
:active-type="activeType"
:menu-list="responseCompositionTabList" :menu-list="responseCompositionTabList"
:request-result="activeStepDetailCopy?.content" :request-result="activeStepDetailCopy?.content"
:console="props.console" :console="props.console"

View File

@ -3,7 +3,10 @@
<!-- 展开折叠列表 --> <!-- 展开折叠列表 -->
<div v-if="props.requestResult?.responseResult.responseCode" class="tiledList"> <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-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"> <div class="flex items-center">
<MsButton <MsButton
v-if="!expandIds.includes(item.value)" v-if="!expandIds.includes(item.value)"
@ -87,6 +90,7 @@
requestResult?: RequestResult; requestResult?: RequestResult;
console?: string; console?: string;
environmentName?: string; environmentName?: string;
activeType: string; //
menuList: { label: string; value: keyof typeof ResponseComposition }[]; menuList: { label: string; value: keyof typeof ResponseComposition }[];
reportId?: string; reportId?: string;
}>(); }>();
@ -167,7 +171,6 @@
.menu-list-wrapper { .menu-list-wrapper {
.menu-list { .menu-list {
position: sticky; position: sticky;
top: 50px;
z-index: 999999; z-index: 999999;
height: 40px; height: 40px;
line-height: 40px; line-height: 40px;