From 55e6ab076f94612736cb762930e40115620717fd Mon Sep 17 00:00:00 2001
From: q4speed <kun@fit2cloud.com>
Date: Wed, 20 May 2020 12:09:38 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E7=89=B9=E6=AE=8A=E5=AD=97?=
 =?UTF-8?q?=E7=AC=A6=E9=80=A0=E6=88=90=E8=84=9A=E6=9C=AC=E9=94=99=E8=AF=AF?=
 =?UTF-8?q?=E7=9A=84bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../api/test/components/ApiRequestForm.vue        |  6 +++++-
 .../api/test/components/ApiScenarioForm.vue       | 15 +++++++++++----
 2 files changed, 16 insertions(+), 5 deletions(-)

diff --git a/frontend/src/business/components/api/test/components/ApiRequestForm.vue b/frontend/src/business/components/api/test/components/ApiRequestForm.vue
index c10ae765ed..668996bc34 100644
--- a/frontend/src/business/components/api/test/components/ApiRequestForm.vue
+++ b/frontend/src/business/components/api/test/components/ApiRequestForm.vue
@@ -1,7 +1,7 @@
 <template>
   <el-form :model="request" :rules="rules" ref="request" label-width="100px">
     <el-form-item :label="$t('api_test.request.name')" prop="name">
-      <el-input v-model="request.name" maxlength="100"/>
+      <el-input v-model="request.name" maxlength="100" @input="valid"/>
     </el-form-item>
 
     <el-form-item :label="$t('api_test.request.url')" prop="url">
@@ -108,6 +108,10 @@
           }
         }
         return url;
+      },
+      valid(value) {
+        value = value.replace(/[`~!@#$%^&*()_\-+=<>?:"{}|,./;'\\[\]·！￥…（）—\-《》？：“”【】、；‘’，。]/g, '').replace(/\s/g, "");
+        this.request.name = value;
       }
     },
 
diff --git a/frontend/src/business/components/api/test/components/ApiScenarioForm.vue b/frontend/src/business/components/api/test/components/ApiScenarioForm.vue
index 87bf4c47d4..4cb63c3b05 100644
--- a/frontend/src/business/components/api/test/components/ApiScenarioForm.vue
+++ b/frontend/src/business/components/api/test/components/ApiScenarioForm.vue
@@ -1,12 +1,12 @@
 <template>
   <el-form :model="scenario" :rules="rules" ref="scenario" label-width="100px">
     <el-form-item :label="$t('api_test.scenario.name')" prop="name">
-      <el-input v-model="scenario.name" maxlength="100"/>
+      <el-input v-model="scenario.name" maxlength="100" @input="valid"/>
     </el-form-item>
 
-<!--    <el-form-item :label="$t('api_test.scenario.base_url')" prop="url">-->
-<!--      <el-input :placeholder="$t('api_test.scenario.base_url_description')" v-model="scenario.url" maxlength="100"/>-->
-<!--    </el-form-item>-->
+    <!--    <el-form-item :label="$t('api_test.scenario.base_url')" prop="url">-->
+    <!--      <el-input :placeholder="$t('api_test.scenario.base_url_description')" v-model="scenario.url" maxlength="100"/>-->
+    <!--    </el-form-item>-->
 
     <el-tabs v-model="activeName">
       <el-tab-pane :label="$t('api_test.scenario.variables')" name="parameters">
@@ -43,6 +43,13 @@
           ]
         }
       }
+    },
+
+    methods: {
+      valid(value) {
+        value = value.replace(/[`~!@#$%^&*()\-+=<>?:"{}|,./;'\\[\]·！￥…（）—\-《》？：“”【】、；‘’，。]/g, '').replace(/\s/g, "");
+        this.scenario.name = value;
+      }
     }
   }
 </script>