From 64d8dd59797bad06258471d1bfd77d960c650492 Mon Sep 17 00:00:00 2001
From: zhengkunwang223 <zhengkun@fit2cloud.com>
Date: Wed, 8 Mar 2023 19:05:29 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E9=99=90=E5=88=B6=E6=B5=81=E9=87=8F?=
 =?UTF-8?q?=E6=8E=A7=E5=88=B6=E7=9A=84=E6=9C=80=E5=A4=A7=E5=80=BC=E6=9C=80?=
 =?UTF-8?q?=E5=B0=8F=E5=80=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../website/config/basic/limit-conn/index.vue    | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/views/website/website/config/basic/limit-conn/index.vue b/frontend/src/views/website/website/config/basic/limit-conn/index.vue
index 039db6dd9..accd611ce 100644
--- a/frontend/src/views/website/website/config/basic/limit-conn/index.vue
+++ b/frontend/src/views/website/website/config/basic/limit-conn/index.vue
@@ -16,15 +16,15 @@
                     </el-select>
                 </el-form-item>
                 <el-form-item :label="$t('website.perserver')" prop="perserver">
-                    <el-input v-model="form.perserver"></el-input>
+                    <el-input v-model.number="form.perserver" min="1" max="65535" type="number"></el-input>
                     <span class="input-help">{{ $t('website.perserverHelper') }}</span>
                 </el-form-item>
                 <el-form-item :label="$t('website.perip')" prop="perip">
-                    <el-input v-model="form.perip"></el-input>
+                    <el-input v-model.number="form.perip" type="number"></el-input>
                     <span class="input-help">{{ $t('website.peripHelper') }}</span>
                 </el-form-item>
                 <el-form-item :label="$t('website.rate')" prop="rate">
-                    <el-input v-model="form.rate"></el-input>
+                    <el-input v-model.number="form.rate" type="number"></el-input>
                     <span class="input-help">{{ $t('website.rateHelper') }}</span>
                 </el-form-item>
             </el-form>
@@ -37,7 +37,7 @@
 </template>
 
 <script lang="ts" setup>
-import { Rules } from '@/global/form-rules';
+import { checkNumberRange, Rules } from '@/global/form-rules';
 import { Website } from '@/api/interface/website';
 import { GetNginxConfig, UpdateNginxConfig } from '@/api/modules/website';
 import { FormInstance } from 'element-plus';
@@ -54,10 +54,10 @@ const props = defineProps({
 const websiteId = computed(() => {
     return Number(props.id);
 });
-let rules = ref({
-    perserver: [Rules.requiredInput],
-    perip: [Rules.requiredInput],
-    rate: [Rules.requiredInput],
+let rules = reactive({
+    perserver: [Rules.requiredInput, checkNumberRange(1, 65535)],
+    perip: [Rules.requiredInput, checkNumberRange(1, 65535)],
+    rate: [Rules.requiredInput, checkNumberRange(1, 99999999)],
 });
 const limitForm = ref<FormInstance>();
 let form = reactive({