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

refactor: 测试报告的loading提示 

Closes #778
This commit is contained in:
Captain.B 2020-11-17 18:12:43 +08:00
parent 0b2feb4d57
commit 7f0efeab68
1 changed files with 21 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
frontend/src/business/components/api/report/ApiReportViewDetail.vue
View File

@ -1,5 +1,5 @@
<template> <template>
<ms-container v-loading="loading" :element-loading-text="$t('api_report.running')"> <ms-container v-loading="loading">
<ms-main-container> <ms-main-container>
<el-card> <el-card>
<section class="report-container" v-if="this.report.testId"> <section class="report-container" v-if="this.report.testId">
@ -23,10 +23,12 @@
</el-tabs> </el-tabs>
</el-col> </el-col>
<el-col :span="16" style="margin-top: 40px;"> <el-col :span="16" style="margin-top: 40px;">
<ms-request-result-tail v-if="isRequestResult" :request-type="requestType" :request="request" :scenario-name="scenarioName"/> <ms-request-result-tail v-if="isRequestResult" :request-type="requestType" :request="request"
:scenario-name="scenarioName"/>
</el-col> </el-col>
</el-row> </el-row>
<ms-api-report-export v-if="reportExportVisible" id="apiTestReport" :title="report.testName" :content="content" :total-time="totalTime"/> <ms-api-report-export v-if="reportExportVisible" id="apiTestReport" :title="report.testName"
:content="content" :total-time="totalTime"/>
</main> </main>
</section> </section>
</el-card> </el-card>
@ -160,7 +162,7 @@ export default {
this.$nextTick(function () { this.$nextTick(function () {
html2canvas(document.getElementById('apiTestReport'), { html2canvas(document.getElementById('apiTestReport'), {
// scale: 2, // scale: 2,
}).then(function(canvas) { }).then(function (canvas) {
exportPdf(name, [canvas]); exportPdf(name, [canvas]);
reset(); reset();
}); });
@ -194,35 +196,35 @@ export default {
<style scoped> <style scoped>
.report-container { .report-container {
height: calc(100vh - 155px); height: calc(100vh - 155px);
min-height: 600px; min-height: 600px;
overflow-y: auto; overflow-y: auto;
} }
.report-header { .report-header {
font-size: 15px; font-size: 15px;
} }
.report-header a { .report-header a {
text-decoration: none; text-decoration: none;
} }
.report-header .time { .report-header .time {
color: #909399; color: #909399;
margin-left: 10px; margin-left: 10px;
} }
.report-container .fail { .report-container .fail {
color: #F56C6C; color: #F56C6C;
} }
.report-container .is-active .fail { .report-container .is-active .fail {
color: inherit; color: inherit;
} }
.export-button { .export-button {
float: right; float: right;
} }
</style> </style>