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

feat(性能测试): 支持自定义图

This commit is contained in:
Captain.B 2021-06-05 08:17:25 +08:00 committed by 刘瑞斌
parent 55d4c50c28
commit 3848209ede
1 changed files with 56 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

64
frontend/src/business/components/performance/report/components/TestDetails.vue
View File

@ -6,44 +6,92 @@
<el-collapse-item :title="$t('load_test.report.ActiveThreadsChart')" name="users"> <el-collapse-item :title="$t('load_test.report.ActiveThreadsChart')" name="users">
<el-checkbox-group v-model="checkList['ActiveThreadsChart']" <el-checkbox-group v-model="checkList['ActiveThreadsChart']"
@change="handleChecked('ActiveThreadsChart')"> @change="handleChecked('ActiveThreadsChart')">
<el-checkbox v-for="name in checkOptions['ActiveThreadsChart']" :key="name" :label="name"/> <el-tooltip class="item" effect="dark"
v-for="name in checkOptions['ActiveThreadsChart']"
:key="name"
:content="name"
placement="top">
<el-checkbox :label="name"/>
</el-tooltip>
</el-checkbox-group> </el-checkbox-group>
</el-collapse-item> </el-collapse-item>
<el-collapse-item :title="$t('load_test.report.TransactionsChart')" name="transactions"> <el-collapse-item :title="$t('load_test.report.TransactionsChart')" name="transactions">
<el-checkbox-group v-model="checkList['TransactionsChart']" @change="handleChecked('TransactionsChart')"> <el-checkbox-group v-model="checkList['TransactionsChart']" @change="handleChecked('TransactionsChart')">
<el-checkbox v-for="name in checkOptions['TransactionsChart']" :key="name" :label="name"/> <el-tooltip class="item" effect="dark"
v-for="name in checkOptions['TransactionsChart']"
:key="name"
:content="name"
placement="top">
<el-checkbox :label="name"/>
</el-tooltip>
</el-checkbox-group> </el-checkbox-group>
</el-collapse-item> </el-collapse-item>
<el-collapse-item :title="$t('load_test.report.ResponseTimeChart')" name="responseTime"> <el-collapse-item :title="$t('load_test.report.ResponseTimeChart')" name="responseTime">
<el-checkbox-group v-model="checkList['ResponseTimeChart']" @change="handleChecked('ResponseTimeChart')"> <el-checkbox-group v-model="checkList['ResponseTimeChart']" @change="handleChecked('ResponseTimeChart')">
<el-checkbox v-for="name in checkOptions['ResponseTimeChart']" :key="name" :label="name"/> <el-tooltip class="item" effect="dark"
v-for="name in checkOptions['ResponseTimeChart']"
:key="name"
:content="name"
placement="top">
<el-checkbox :label="name"/>
</el-tooltip>
</el-checkbox-group> </el-checkbox-group>
</el-collapse-item> </el-collapse-item>
<el-collapse-item :title="$t('load_test.report.ResponseTimePercentilesChart')" name="responseTimePercentiles"> <el-collapse-item :title="$t('load_test.report.ResponseTimePercentilesChart')" name="responseTimePercentiles">
<el-checkbox-group v-model="checkList['ResponseTimePercentilesChart']" <el-checkbox-group v-model="checkList['ResponseTimePercentilesChart']"
@change="handleChecked('ResponseTimePercentilesChart')"> @change="handleChecked('ResponseTimePercentilesChart')">
<el-checkbox v-for="name in checkOptions['ResponseTimePercentilesChart']" :key="name" :label="name"/> <el-tooltip class="item" effect="dark"
v-for="name in checkOptions['ResponseTimePercentilesChart']"
:key="name"
:content="name"
placement="top">
<el-checkbox :label="name"/>
</el-tooltip>
</el-checkbox-group> </el-checkbox-group>
</el-collapse-item> </el-collapse-item>
<el-collapse-item :title="$t('load_test.report.ResponseCodeChart')" name="responseCode"> <el-collapse-item :title="$t('load_test.report.ResponseCodeChart')" name="responseCode">
<el-checkbox-group v-model="checkList['ResponseCodeChart']" @change="handleChecked('ResponseCodeChart')"> <el-checkbox-group v-model="checkList['ResponseCodeChart']" @change="handleChecked('ResponseCodeChart')">
<el-checkbox v-for="code in checkOptions['ResponseCodeChart']" :key="code" :label="code"/> <el-tooltip class="item" effect="dark"
v-for="name in checkOptions['ResponseCodeChart']"
:key="name"
:content="name"
placement="top">
<el-checkbox :label="name"/>
</el-tooltip>
</el-checkbox-group> </el-checkbox-group>
</el-collapse-item> </el-collapse-item>
<el-collapse-item :title="$t('load_test.report.LatencyChart')" name="latency"> <el-collapse-item :title="$t('load_test.report.LatencyChart')" name="latency">
<el-checkbox-group v-model="checkList['LatencyChart']" @change="handleChecked('LatencyChart')"> <el-checkbox-group v-model="checkList['LatencyChart']" @change="handleChecked('LatencyChart')">
<el-checkbox v-for="name in checkOptions['LatencyChart']" :key="name" :label="name"/> <el-tooltip class="item" effect="dark"
v-for="name in checkOptions['LatencyChart']"
:key="name"
:content="name"
placement="top">
<el-checkbox :label="name"/>
</el-tooltip>
</el-checkbox-group> </el-checkbox-group>
</el-collapse-item> </el-collapse-item>
<el-collapse-item :title="$t('load_test.report.BytesThroughputChart')" name="bytes"> <el-collapse-item :title="$t('load_test.report.BytesThroughputChart')" name="bytes">
<el-checkbox-group v-model="checkList['BytesThroughputChart']" <el-checkbox-group v-model="checkList['BytesThroughputChart']"
@change="handleChecked('BytesThroughputChart')"> @change="handleChecked('BytesThroughputChart')">
<el-checkbox v-for="code in checkOptions['BytesThroughputChart']" :key="code" :label="code"/> <el-tooltip class="item" effect="dark"
v-for="name in checkOptions['BytesThroughputChart']"
:key="name"
:content="name"
placement="top">
<el-checkbox :label="name"/>
</el-tooltip>
</el-checkbox-group> </el-checkbox-group>
</el-collapse-item> </el-collapse-item>
<el-collapse-item :title="$t('load_test.report.ErrorsChart')" name="errors"> <el-collapse-item :title="$t('load_test.report.ErrorsChart')" name="errors">
<el-checkbox-group v-model="checkList['ErrorsChart']" @change="handleChecked('ErrorsChart')"> <el-checkbox-group v-model="checkList['ErrorsChart']" @change="handleChecked('ErrorsChart')">
<el-checkbox v-for="name in checkOptions['ErrorsChart']" :key="name" :label="name"/> <el-tooltip class="item" effect="dark"
v-for="name in checkOptions['ErrorsChart']"
:key="name"
:content="name"
placement="top">
<el-checkbox :label="name"/>
</el-tooltip>
</el-checkbox-group> </el-checkbox-group>
</el-collapse-item> </el-collapse-item>
</el-collapse> </el-collapse>