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

View File

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

View File

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

View File

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

View File

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

View File

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