feat: 流量限制增加方案推荐

frontend/src/lang/modules/zh.ts

@@ -896,6 +896,14 @@ export default {
         deleteBackupHelper: '同时删除网站备份',
         deleteConfirmHelper: '删除操作无法回滚，请输入 <span style="color:red"> "{0}" </span> 删除此网站',
         staticPath: '对应主目录:',
+        limit: '限制方案',
+        blog: '论坛/博客',
+        imageSite: '图片站',
+        downloadSite: '下载站',
+        shopSite: '商城',
+        doorSite: '门户',
+        qiteSite: '企业',
+        videoSite: '视频',
     },
     nginx: {
         serverNamesHashBucketSizeHelper: '服务器名字的hash表大小',

frontend/src/views/website/website/config/basic/default-doc/index.vue

@@ -1,6 +1,6 @@
 <template>
     <el-row :gutter="20">
-        <el-col :span="8" :offset="2">
+        <el-col :span="8" :offset="1">
             <el-form ref="defaultForm" label-position="top" :model="defaultModel" :rules="rules" :loading="loading">
                 <el-form-item :label="$t('website.defaultDoc')" prop="index">
                     <el-input

frontend/src/views/website/website/config/basic/https/index.vue

@@ -1,6 +1,6 @@
 <template>
     <el-row :gutter="20">
-        <el-col :span="10" :offset="2">
+        <el-col :span="10" :offset="1">
             <el-form
                 ref="httpsForm"
                 label-position="left"

frontend/src/views/website/website/config/basic/limit-conn/index.vue

@@ -1,8 +1,29 @@
 <template>
     <el-row :gutter="20">
-        <el-col :span="8" :offset="2">
-            <el-checkbox v-model="enable" @change="changeEnable">{{ $t('website.limtHelper') }}</el-checkbox>
-            <el-form ref="limitForm" label-position="left" :model="form" :rules="rules" :loading="loading">
+        <el-col :span="8" :offset="1">
+            <el-form
+                ref="limitForm"
+                label-position="right"
+                :model="form"
+                :rules="rules"
+                :loading="loading"
+                label-width="100px"
+            >
+                <el-form-item>
+                    <el-checkbox v-model="enable" @change="changeEnable">
+                        {{ $t('website.limtHelper') }}
+                    </el-checkbox>
+                </el-form-item>
+                <el-form-item :label="$t('website.limit')">
+                    <el-select v-model="ruleKey" @change="changeRule(ruleKey)">
+                        <el-option
+                            v-for="(limit, index) in limitRules"
+                            :key="index"
+                            :label="limit.key"
+                            :value="limit.key"
+                        ></el-option>
+                    </el-select>
+                </el-form-item>
                 <el-form-item :label="$t('website.perserver')" prop="perserver">
                     <el-input v-model="form.perserver"></el-input>
                     <span class="input-help">{{ $t('website.perserverHelper') }}</span>
@@ -64,6 +85,18 @@ let scopeReq = reactive({
 let enable = ref(false);
 let loading = ref(false);
 
+const limitRules = [
+    { key: i18n.global.t('website.blog'), values: [300, 25, 512] },
+    { key: i18n.global.t('website.imageSite'), values: [200, 10, 1024] },
+    { key: i18n.global.t('website.downloadSite'), values: [50, 3, 2048] },
+    { key: i18n.global.t('website.shopSite'), values: [500, 10, 2048] },
+    { key: i18n.global.t('website.doorSite'), values: [400, 15, 1024] },
+    { key: i18n.global.t('website.qiteSite'), values: [60, 10, 512] },
+    { key: i18n.global.t('website.videoSite'), values: [150, 4, 1024] },
+];
+
+let ruleKey = limitRules[0].key;
+
 const search = (scopeReq: Website.NginxScopeReq) => {
     loading.value = true;
     GetNginxConfig(scopeReq)
@@ -131,6 +164,16 @@ const changeEnable = () => {
     }
 };
 
+const changeRule = (key: string) => {
+    limitRules.forEach((limit) => {
+        if (limit.key === key) {
+            form.perserver = limit.values[0];
+            form.perip = limit.values[1];
+            form.rate = limit.values[2];
+        }
+    });
+};
+
 onMounted(() => {
     search(scopeReq);
 });