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:
Captain.B 2020-08-26 11:32:40 +08:00
parent 3aa9c19468
commit f642b5ace1
1 changed files with 131 additions and 129 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

60
frontend/src/business/components/api/report/ApiReportView.vue
View File

@ -1,6 +1,6 @@
<template>
<div class="container" v-loading="loading" :element-loading-text="$t('api_report.running')">
<div class="main-content">
<ms-container v-loading="loading" :element-loading-text="$t('api_report.running')">
<ms-main-container>
<el-card>
<section class="report-container" v-if="this.report.testId">
<header class="report-header">
@ -39,24 +39,26 @@
</main>
</section>
</el-card>
</div>
</div>
</ms-main-container>
</ms-container>
</template>
<script>
import MsRequestResult from "./components/RequestResult";
import MsRequestResultTail from "./components/RequestResultTail";
import MsScenarioResult from "./components/ScenarioResult";
import MsMetricChart from "./components/MetricChart";
import MsScenarioResults from "./components/ScenarioResults";
import {Scenario} from "../test/model/ScenarioModel";
import writer from "file-writer";
import ResumeCss from "../../../../common/css/main.css";
import MsRequestResult from "./components/RequestResult";
import MsRequestResultTail from "./components/RequestResultTail";
import MsScenarioResult from "./components/ScenarioResult";
import MsMetricChart from "./components/MetricChart";
import MsScenarioResults from "./components/ScenarioResults";
import MsContainer from "@/business/components/common/components/MsContainer";
import MsMainContainer from "@/business/components/common/components/MsMainContainer";
export default {
export default {
name: "MsApiReportView",
components: {MsScenarioResults, MsRequestResultTail, MsMetricChart, MsScenarioResult, MsRequestResult},
components: {
MsMainContainer,
MsContainer, MsScenarioResults, MsRequestResultTail, MsMetricChart, MsScenarioResult, MsRequestResult
},
data() {
return {
activeName: "total",
@ -159,39 +161,39 @@
return "Running" !== this.report.status;
}
}
}
}
</script>
<style>
.report-container .el-tabs__header {
.report-container .el-tabs__header {
margin-bottom: 1px;
}
}
</style>
<style scoped>
.report-container {
.report-container {
height: calc(100vh - 150px);
min-height: 600px;
overflow-y: auto;
}
}
.report-header {
.report-header {
font-size: 15px;
}
}
.report-header a {
.report-header a {
text-decoration: none;
}
}
.report-header .time {
.report-header .time {
color: #909399;
margin-left: 10px;
}
}
.report-container .fail {
.report-container .fail {
color: #F56C6C;
}
}
.report-container .is-active .fail {
.report-container .is-active .fail {
color: inherit;
}
}
</style>