😎接口压测页面代码优化

Web/src/views/system/stressTest/component/editStressTest.vue

@@ -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 [[]] | {},
+		requestParameters: [],
-		queryParameters: [[]] as [[]] | {},
+		queryParameters: [],
-		pathParameters: [[]] as [[]] | {},
+		pathParameters: [],
-		headers: [[]] as [[]] | {},
+		headers: [],
 	} as any,
 });
 

Web/src/views/system/stressTest/index.vue

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