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

压力配置参数对其

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

154
frontend/src/performance/components/testPlan/components/PressureConfig.vue
View File

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