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

style(性能测试): 修改性能测试压力配置样式

This commit is contained in:
BugKing 2021-03-23 18:10:06 +08:00
parent 2cd2e8207e
commit a1fdc25a96
1 changed files with 21 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
frontend/src/business/components/performance/test/components/PerformancePressureConfig.vue
View File

@ -17,13 +17,13 @@
</el-col> </el-col>
</el-row> </el-row>
<el-row> <el-row>
<el-col :span="10"> <el-col :span="12">
<el-collapse v-model="activeNames" accordion> <el-collapse v-model="activeNames" accordion>
<el-collapse-item :name="index" <el-collapse-item :name="index"
v-for="(threadGroup, index) in threadGroups.filter(th=>th.enabled === 'true' && th.deleted=='false')" v-for="(threadGroup, index) in threadGroups.filter(th=>th.enabled === 'true' && th.deleted=='false')"
:key="index"> :key="index">
<template slot="title"> <template slot="title">
<div style="padding-right: 10px"> <div style="padding-right: 20px; font-size: 16px;">
{{ threadGroup.attributes.testname }} {{ threadGroup.attributes.testname }}
</div> </div>
<el-tag type="primary" size="mini" v-if="threadGroup.threadType === 'DURATION'"> <el-tag type="primary" size="mini" v-if="threadGroup.threadType === 'DURATION'">
@ -152,7 +152,8 @@
</el-collapse-item> </el-collapse-item>
</el-collapse> </el-collapse>
</el-col> </el-col>
<el-col :span="14"> <el-col :span="12">
<div class="title">{{ $t('load_test.pressure_prediction_chart') }}</div>
<ms-chart class="chart-container" ref="chart1" :options="options" :autoresize="true"></ms-chart> <ms-chart class="chart-container" ref="chart1" :options="options" :autoresize="true"></ms-chart>
</el-col> </el-col>
</el-row> </el-row>
@ -648,18 +649,33 @@ export default {
border-bottom: 1px solid #DCDFE6; border-bottom: 1px solid #DCDFE6;
} }
/deep/ .el-collapse-item__content{
padding-left: 10px;
padding-bottom: 5px;
border-left-width: 8px;
border-left-style: solid;
border-left-color: #F5F7FA;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.chart-container { .chart-container {
width: 100%; width: 100%;
height: 300px; height: 300px;
} }
.el-form-item {
margin-top: 5px;
margin-bottom: 5px;
}
.el-col .el-form { .el-col .el-form {
margin-top: 15px; margin-top: 5px;
text-align: left; text-align: left;
} }
.el-col { .el-col {
margin-top: 15px; margin-top: 5px;
text-align: left; text-align: left;
} }