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

refactor: 测试计划报告滚动条优化

This commit is contained in:
chenjianxing 2022-04-22 15:18:37 +08:00 committed by 刘瑞斌
parent 6445f5350c
commit be014c9431
5 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/business/components/api/automation/report/ApiReportDetail.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<ms-container v-loading="loading"> <ms-container v-loading="loading">
<ms-main-container> <ms-main-container class="api-report-content">
<el-card> <el-card>
<section class="report-container" v-if="this.report.testId"> <section class="report-container" v-if="this.report.testId">
<ms-api-report-view-header :show-cancel-button="showCancelButton" :is-plan="isPlan" :is-template="isTemplate" <ms-api-report-view-header :show-cancel-button="showCancelButton" :is-plan="isPlan" :is-template="isTemplate"

6
frontend/src/business/components/track/plan/view/TestPlanView.vue
View File

@ -27,7 +27,7 @@
:plan-id="planId" :version-enable="versionEnable"/> :plan-id="planId" :version-enable="versionEnable"/>
<test-plan-load v-if="activeIndex === 'load'" :redirectCharType="redirectCharType" :clickType="clickType" <test-plan-load v-if="activeIndex === 'load'" :redirectCharType="redirectCharType" :clickType="clickType"
:plan-id="planId" :version-enable="versionEnable"/> :plan-id="planId" :version-enable="versionEnable"/>
<test-plan-report-content v-if="activeIndex === 'report'" :plan-id="planId" :version-enable="versionEnable"/> <test-plan-report-content class="plan-report" v-if="activeIndex === 'report'" :plan-id="planId" :version-enable="versionEnable"/>
<is-change-confirm <is-change-confirm
:title="'请保存脑图'" :title="'请保存脑图'"
@ -197,5 +197,7 @@ export default {
color: dimgray; color: dimgray;
} }
.plan-report >>> .report-content {
height: calc(100vh - 140px);
}
</style> </style>

4
frontend/src/business/components/track/plan/view/comonents/load/LoadCaseReportView.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<ms-container> <ms-container>
<ms-main-container> <el-main>
<el-card v-loading="result.loading" v-if="show"> <el-card v-loading="result.loading" v-if="show">
<el-row v-if="isShare"> <el-row v-if="isShare">
<el-col :span="24"> <el-col :span="24">
@ -120,7 +120,7 @@
</el-button> </el-button>
</div> </div>
</el-dialog> </el-dialog>
</ms-main-container> </el-main>
</ms-container> </ms-container>
</template> </template>

2
frontend/src/business/components/track/plan/view/comonents/report/detail/TestPlanReportContent.vue
View File

@ -1,6 +1,6 @@
<template> <template>
<ms-container> <ms-container>
<ms-main-container> <ms-main-container class="report-content">
<el-card v-loading="result ? result.loading : false"> <el-card v-loading="result ? result.loading : false">
<test-plan-report-buttons :is-db="isDb" :plan-id="planId" :is-share="isShare" :report="report" <test-plan-report-buttons :is-db="isDb" :plan-id="planId" :is-share="isShare" :report="report"
v-if="!isTemplate && !isShare"/> v-if="!isTemplate && !isShare"/>

8
frontend/src/business/components/track/plan/view/comonents/report/detail/component/ApiScenarioFailureResult.vue
View File

@ -56,7 +56,7 @@
</el-scrollbar> </el-scrollbar>
</el-card> </el-card>
</ms-aside-container> </ms-aside-container>
<ms-main-container> <el-main>
<ms-api-report <ms-api-report
v-if="showResponse" v-if="showResponse"
:is-plan="true" :is-plan="true"
@ -68,7 +68,7 @@
:report-id="reportId" :report-id="reportId"
@reportNotExist="showResponse = false"/> @reportNotExist="showResponse = false"/>
<div class="empty" v-else>{{ $t('test_track.plan.load_case.content_empty') }}</div> <div class="empty" v-else>{{ $t('test_track.plan.load_case.content_empty') }}</div>
</ms-main-container> </el-main>
</el-container> </el-container>
</template> </template>
@ -207,8 +207,8 @@ export default {
height: 588px; height: 588px;
} }
/deep/ .ms-main-container { /deep/ .api-report-content {
height: 620px !important; height: auto;
} }
.ms-aside-container { .ms-aside-container {