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 2021-09-23 15:45:50 +08:00 committed by jianxing
parent 87dc4c5087
commit 9ce872e90f
6 changed files with 162 additions and 136 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -238,4 +238,12 @@ export default {
/deep/ .padding-col {
padding: 5px;
}
/deep/ .el-scrollbar {
height: 100%;
}
/deep/ .el-card .ms-table {
cursor: pointer;
}
</style>

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

@ -3,6 +3,7 @@
<el-row class="scenario-info">
<el-col class="padding-col" :span="7">
<el-card>
<el-scrollbar>
<ms-table v-loading="result.loading"
:show-select-all="false"
:screen-height="null"
@ -47,6 +48,7 @@
</template>
</ms-table-column>
</ms-table>
</el-scrollbar>
</el-card>
</el-col>
<el-col class="padding-col" :span="17" v-if="apiCases.length > 0">
@ -167,4 +169,13 @@ export default {
</script>
<style scoped>
.el-card >>> .el-card__body {
height: 600px;
}
/deep/ .text-container .pane {
height: 550px !important;
}
</style>

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

@ -28,6 +28,8 @@ export default {
textStyle: {
lineHeight: 30,
fontSize: 16,
fontWeight: 500,
color: 'gray'
},
subtextStyle: {
height: 30,

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

@ -2,6 +2,7 @@
<el-row class="scenario-info">
<el-col class="padding-col" :span="8">
<el-card>
<el-scrollbar>
<ms-table v-loading="result.loading"
:show-select-all="false"
:screen-height="null"
@ -46,6 +47,7 @@
</template>
</ms-table-column>
</ms-table>
</el-scrollbar>
</el-card>
</el-col>
<el-col :span="16" v-if="scenarioCases && scenarioCases.length > 0">
@ -156,12 +158,11 @@ export default {
padding-right: 0px;
}
.scenario-info {
height: 625px;
.el-card >>> .el-card__body {
height: 600px;
}
.ms-main-container {
height: 612px;
/deep/ .ms-main-container {
height: 620px !important;
}
</style>

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

@ -1,16 +1,12 @@
<template>
<el-row class="scenario-info">
<el-col :span="7" class="padding-col">
<el-card>
<load-failure-result :is-db="isDb" @rowClick="getReport" :is-all="true" :share-id="shareId" :is-share="isShare" :is-template="isTemplate"
<load-failure-result :class="{'init-height': !showResponse}" :is-db="isDb" @rowClick="getReport" :is-all="true" :share-id="shareId" :is-share="isShare" :is-template="isTemplate"
:report="report" :plan-id="planId" @setSize="setAllSize"/>
</el-card>
</el-col>
<el-col :span="17" class="padding-col">
<el-card v-show="showResponse">
<load-case-report-view :is-plan-report="true" :share-id="shareId" :is-share="isShare"
<load-case-report-view :is-plan-report="true" :share-id="shareId" :is-share="isShare" v-show="showResponse"
:plan-report-template="response" :report-id="reportId" ref="loadCaseReportView"/>
</el-card>
<div class="empty" v-show="!showResponse">内容为空</div>
</el-col>
</el-row>
@ -90,5 +86,7 @@ export default {
</script>
<style scoped>
.init-height >>> .el-card__body {
height: 600px !important;
}
</style>

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

@ -1,4 +1,6 @@
<template>
<el-card>
<el-scrollbar>
<el-table
row-key="id"
@row-click="rowClick"
@ -42,6 +44,8 @@
</el-table-column>
</el-table>
</el-scrollbar>
</el-card>
</template>
<script>
@ -127,5 +131,7 @@ export default {
</script>
<style scoped>
.el-card >>> .el-card__body {
height: 860px;
}
</style>