压力配置参数对其

This commit is contained in:
haifeng414 2020-02-21 11:45:57 +08:00
parent 4bdd6630a1
commit b26d5c9667
1 changed files with 97 additions and 57 deletions

View File

@ -1,60 +1,91 @@
<template>
<div class="pressure-config-container">
<el-row type="flex">
<div class="small-input">
<span>并发用户数</span>
<el-input
type="number"
placeholder="请输入线程数"
v-model="threadNumber"
@click="convertProperty"
show-word-limit
>
</el-input>
</div>
<div class="small-input">
<span>压测时长分钟</span>
<el-input
type="number"
placeholder="请输入时长"
v-model="duration"
@click="convertProperty"
show-word-limit
>
</el-input>
</div>
<div class="small-input">
<span></span>
<el-input
type="number"
placeholder=""
v-model="rampUpTime"
@click="convertProperty"
show-word-limit
>
</el-input>
<span>分钟内</span>
<el-input
type="number"
placeholder=""
v-model="step"
@click="convertProperty"
show-word-limit
>
</el-input>
<span>次增加并发用户</span>
</div>
<div class="small-input">
<span>RPS上限</span>
<el-input
type="number"
placeholder="请输入限制"
v-model="rpsLimit"
@click="convertProperty"
show-word-limit
>
</el-input>
</div>
<el-row>
<el-col :span="10">
<el-form :inline="true">
<el-col :span="12">
<el-form-item>
<div class="config-form-label">并发用户数</div>
</el-form-item>
<el-form-item>
<el-input
type="number"
placeholder="请输入线程数"
v-model="threadNumber"
@click="convertProperty"
show-word-limit
>
</el-input>
</el-form-item>
</el-col>
<el-col :span="12">
<el-form-item>
<div class="config-form-label">压测时长分钟</div>
</el-form-item>
<el-form-item>
<el-input
type="number"
placeholder="请输入时长"
v-model="duration"
@click="convertProperty"
show-word-limit
>
</el-input>
</el-form-item>
</el-col>
<el-row>
<el-form-item>
<el-col>
<el-form-item>
<div class="config-form-label">RPS上限</div>
</el-form-item>
<el-form-item>
<el-input
type="number"
placeholder="请输入限制"
v-model="rpsLimit"
@click="convertProperty"
show-word-limit
>
</el-input>
</el-form-item>
</el-col>
</el-form-item>
</el-row>
</el-form>
<el-form :inline="true" class="input-bottom-border">
<el-form-item>
<div></div>
</el-form-item>
<el-form-item>
<el-input
type="number"
placeholder=""
v-model="rampUpTime"
@click="convertProperty"
show-word-limit
>
</el-input>
</el-form-item>
<el-form-item>
<div>分钟内</div>
</el-form-item>
<el-form-item>
<el-input
type="number"
placeholder=""
v-model="step"
@click="convertProperty"
show-word-limit
>
</el-input>
</el-form-item>
<el-form-item>
<div>次增加并发用户</div>
</el-form-item>
</el-form>
</el-col>
</el-row>
</div>
</template>
@ -92,7 +123,16 @@
</script>
<style>
.pressure-config-container .small-input {
width: 150px;
.pressure-config-container .el-input {
width: 130px;
}
.pressure-config-container .config-form-label {
width: 130px;
}
.pressure-config-container .input-bottom-border input {
border: 0;
border-bottom: 1px solid #DCDFE6;
}
</style>