😎接口压测页面代码优化

This commit is contained in:
zuohuaijun 2024-12-28 18:32:47 +08:00
parent d99bd99c0d
commit 7eb18ed737
2 changed files with 13 additions and 13 deletions

View File

@ -10,7 +10,7 @@
<el-form :model="state.ruleForm" ref="ruleFormRef" label-width="auto" v-loading="state.loading">
<el-row :gutter="35">
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
<el-form-item label="请求地址" :rules="[{ required: true, message: '请求地址不能为空', trigger: 'blur' }]">
<el-form-item label="请求地址" prop="requestUri" :rules="[{ required: true, message: '请求地址不能为空', trigger: 'blur' }]">
<el-input v-model="state.ruleForm.requestUri" placeholder="请求地址" clearable />
</el-form-item>
</el-col>
@ -26,17 +26,17 @@
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="压测轮数" :rules="[{ required: true, message: '压测轮数不能为空', trigger: 'blur' }]">
<el-input-number v-model="state.ruleForm.numberOfRounds" placeholder="压测轮数" class="w100" />
<el-input-number v-model="state.ruleForm.numberOfRounds" placeholder="压测轮数" :min="1" class="w100" />
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="每轮请求数" :rules="[{ required: true, message: '每轮请求数不能为空', trigger: 'blur' }]">
<el-input-number v-model="state.ruleForm.numberOfRequests" :step="100" placeholder="每轮请求数" class="w100" />
<el-input-number v-model="state.ruleForm.numberOfRequests" :min="1" :step="100" placeholder="每轮请求数" class="w100" />
</el-form-item>
</el-col>
<el-col :xs="24" :sm="12" :md="12" :lg="12" :xl="12" class="mb20">
<el-form-item label="最大并发量">
<el-input-number v-model="state.ruleForm.maxDegreeOfParallelism" :step="5" placeholder="最大并发量" class="w100" />
<el-input-number v-model="state.ruleForm.maxDegreeOfParallelism" :min="1" :step="5" placeholder="最大并发量" class="w100" />
</el-form-item>
</el-col>
<el-col :xs="24" :sm="24" :md="24" :lg="24" :xl="24" class="mb20">
@ -98,7 +98,7 @@
</el-row>
</el-form>
<template #footer>
<span class="dialog-footer" v-loading="state.loading">
<span class="dialog-footer">
<el-button @click="() => (state.isShowDialog = false)"> </el-button>
<el-button type="primary" @click="submit" v-reclick="1000"> </el-button>
</span>
@ -124,10 +124,10 @@ const state = reactive({
numberOfRounds: 1,
numberOfRequests: 100,
maxDegreeOfParallelism: 500,
requestParameters: [[]] as [[]] | {},
queryParameters: [[]] as [[]] | {},
pathParameters: [[]] as [[]] | {},
headers: [[]] as [[]] | {},
requestParameters: [],
queryParameters: [],
pathParameters: [],
headers: [],
} as any,
});

View File

@ -145,10 +145,10 @@ const state = reactive({
numberOfRounds: 1,
numberOfRequests: 100,
maxDegreeOfParallelism: 500,
requestParameters: [[]],
queryParameters: [[]],
pathParameters: [[]],
headers: [[]],
requestParameters: [],
queryParameters: [],
pathParameters: [],
headers: [],
},
keywords: undefined,
swaggerUrl: '/swagger/Default/swagger.json',