test-version22
/
MeterSphere
mirror of https://gitee.com/fit2cloud-feizhiyun/MeterSphere.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

style(接口测试): 调整接口测试报告style

This commit is contained in:
xinxin.wu 2024-12-10 15:30:19 +08:00 committed by Craftsman
parent aa6c9da438
commit 10d50b13b1
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
frontend/src/views/api-test/report/component/step/stepTree.vue
View File

@ -36,8 +36,8 @@
> >
{{ step.index }} {{ step.index }}
</div> </div>
<div class="step-node-content flex justify-between"> <div class="step-node-content">
<div class="flex max-w-[calc(100%-566px)] flex-1 items-center"> <div class="flex max-w-[calc(100%-580px)] flex-1 items-center">
<!-- 步骤展开折叠按钮 --> <!-- 步骤展开折叠按钮 -->
<a-tooltip <a-tooltip
v-if="step.children?.length > 0" v-if="step.children?.length > 0"
@ -75,7 +75,7 @@
</div> </div>
</a-tooltip> </a-tooltip>
</div> </div>
<div class="flex"> <div class="flex flex-1 flex-nowrap justify-end">
<stepStatus :status="step.status || 'PENDING'" /> <stepStatus :status="step.status || 'PENDING'" />
<!-- 脚本报错 --> <!-- 脚本报错 -->
<a-popover position="left" content-class="response-popover-content"> <a-popover position="left" content-class="response-popover-content">
@ -98,7 +98,7 @@
</template> </template>
</a-popover> </a-popover>
<div v-show="showStatus(step)" class="flex"> <div v-show="showStatus(step)" class="flex">
<span class="statusCode mx-2"> <span class="statusCode">
<div v-show="step.code" class="mr-2"> {{ t('report.detail.api.statusCode') }}</div> <div v-show="step.code" class="mr-2"> {{ t('report.detail.api.statusCode') }}</div>
<a-popover position="left" content-class="response-popover-content"> <a-popover position="left" content-class="response-popover-content">
<div <div
@ -385,10 +385,9 @@
background-color: var(--color-text-fff) !important; background-color: var(--color-text-fff) !important;
} }
.step-node-content { .step-node-content {
width: calc(100% - 16px); width: calc(100% - 20px);
@apply flex w-full flex-1 items-center;
gap: 8px; gap: 8px;
@apply flex items-center justify-between;
} }
.step-name-container { .step-name-container {
@apply flex flex-1 items-center overflow-hidden; @apply flex flex-1 items-center overflow-hidden;