From ef2ea5d1e57783d021ade6c34ca4437d61d887ad Mon Sep 17 00:00:00 2001
From: zhangyu <zhangyu@geedgenetworks.com>
Date: Tue, 18 Oct 2022 09:21:01 +0800
Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=20=E6=96=B0=E5=A2=9E=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=BC=B9=E7=AA=97=20=E5=90=8D=E7=A7=B0=E5=8E=BB?=
 =?UTF-8?q?=E9=99=A4=E9=A6=96=E5=B0=BE=E7=A9=BA=E6=A0=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../rightBox/administration/assetTypeBox.vue  |  2 +-
 .../rightBox/administration/backupsBox.vue    |  6 ++---
 .../rightBox/administration/modelBox.vue      |  4 +--
 .../rightBox/administration/roleBox.vue       |  2 +-
 .../rightBox/administration/userBox.vue       | 10 +++----
 .../components/common/rightBox/agentBox.vue   |  2 +-
 .../common/rightBox/alertRuleBox.vue          |  2 +-
 .../common/rightBox/alertSilenceBox.vue       |  2 +-
 .../components/common/rightBox/apiKeyBox.vue  |  2 +-
 .../rightBox/asset/assetBatchEditBox.vue      | 26 +++++++++----------
 .../common/rightBox/asset/assetBox.vue        |  2 +-
 .../common/rightBox/assetMetaBox.vue          |  2 +-
 .../common/rightBox/assetMetaGroup.vue        |  2 +-
 .../common/rightBox/assetStateBox.vue         |  2 +-
 .../components/common/rightBox/cabinetBox.vue |  2 +-
 .../common/rightBox/chart/chartRightBox.vue   |  6 ++---
 .../src/components/common/rightBox/dcBox.vue  |  2 +-
 .../common/rightBox/editEndpointBoxNew.vue    |  2 +-
 .../common/rightBox/exprTmplBox.vue           |  2 +-
 .../common/rightBox/ipDetailsBox.vue          |  2 +-
 .../components/common/rightBox/ipamBox.vue    |  2 +-
 .../components/common/rightBox/issueBox.vue   |  3 ++-
 .../components/common/rightBox/menuBox.vue    |  2 +-
 .../components/common/rightBox/moduleBox.vue  |  2 +-
 .../components/common/rightBox/panelBox.vue   |  2 +-
 .../components/common/rightBox/profileBox.vue |  2 +-
 .../components/common/rightBox/projectBox.vue |  2 +-
 .../common/rightBox/recordRuleBox.vue         |  2 +-
 .../common/rightBox/setting/cabinetBox.vue    |  4 +--
 .../rightBox/setting/globalizationBox.vue     |  2 +-
 .../common/rightBox/snmpCredentialBox.vue     |  2 +-
 .../trafficSetting/trafficSettingBox.vue      |  2 +-
 32 files changed, 55 insertions(+), 54 deletions(-)

diff --git a/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue b/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue
index 2e2fde1fa..b83841507 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue
@@ -11,7 +11,7 @@
         <el-form ref="assetTypeForm" :model="editAssetType" :rules="rules" label-position="top" label-width="120px">
           <!--name-->
           <el-form-item :label="$t('overall.name')" prop="name">
-            <el-input maxlength="64" show-word-limit v-model="editAssetType.name" size="small" type="text"></el-input>
+            <el-input maxlength="64" show-word-limit v-model.trim="editAssetType.name" size="small" type="text"></el-input>
           </el-form-item>
           <!--vm-->
           <el-form-item :label='$t("config.assetType.vm")' prop="vm">
diff --git a/nezha-fronted/src/components/common/rightBox/administration/backupsBox.vue b/nezha-fronted/src/components/common/rightBox/administration/backupsBox.vue
index 40dea26a6..75eecb045 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/backupsBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/backupsBox.vue
@@ -59,7 +59,7 @@
             <el-input
               v-if="whoshow === 3 ? true : false"
               size="small"
-              v-model="editBackup.repeat"
+              v-model.trim="editBackup.repeat"
               id="chart-box-title"
               @change="inputchange"
             >
@@ -68,7 +68,7 @@
             <el-input
               v-if="whoshow === 2 ? true : false"
               size="small"
-              v-model="editBackup.repeat"
+              v-model.trim="editBackup.repeat"
               id="chart-box-title"
               @change="inputchange"
             >
@@ -120,7 +120,7 @@
             <el-input
               maxlength="64"
               size="small"
-              v-model="editBackup.retention"
+              v-model.trim="editBackup.retention"
               id="chart-box-title"
               @change="inputchange"
             ></el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
index f11e13e4c..72d602a52 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
@@ -11,7 +11,7 @@
         <el-form ref="modelForm" :model="editModel" :rules="rules" label-position="top" label-width="120px">
           <!--name-->
           <el-form-item :label="$t('config.model.name')" prop="name">
-            <el-input maxlength="64" show-word-limit v-model="editModel.name" size="small" type="text"></el-input>
+            <el-input maxlength="64" show-word-limit v-model.trim="editModel.name" size="small" type="text"></el-input>
           </el-form-item>
           <!--brand-->
           <el-form-item :label='$t("asset.brand")' prop="brandId">
@@ -48,7 +48,7 @@
           </el-form-item>
           <!-- sys object id -->
           <el-form-item :label="$t('config.model.sysObjectId')" prop="sysObjectId">
-            <el-input maxlength="64" show-word-limit v-model="editModel.sysObjectId" size="small" type="text"></el-input>
+            <el-input maxlength="64" show-word-limit v-model.trim="editModel.sysObjectId" size="small" type="text"></el-input>
           </el-form-item>
           <!--remark-->
           <el-form-item :label="$t('overall.remark')" prop="remark">
diff --git a/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue b/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
index bdd6b441f..705d7fc3d 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/roleBox.vue
@@ -12,7 +12,7 @@
           <!--name-->
           <el-form-item :label="$t('overall.name')" prop="name">
             <el-input  maxlength="64" placeholder="" id="role-box-input-name"
-                       show-word-limit size="small" type="text" v-model="editRole.name"></el-input>
+                       show-word-limit size="small" type="text" v-model.trim="editRole.name"></el-input>
           </el-form-item>
           <el-form-item :label="$t('overall.remark')">
             <el-input maxlength="256" show-word-limit :rows="2" size='small' type="textarea" v-model="editRole.remark" id="role-box-input-remark"/>
diff --git a/nezha-fronted/src/components/common/rightBox/administration/userBox.vue b/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
index 964fa8a7d..188fb2aab 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/userBox.vue
@@ -11,22 +11,22 @@
         <el-form ref="userForm" :model="editUser" :rules="editUser.id ? rules2 : rules" label-position="top" label-width="120px">
           <!--name-->
           <el-form-item :label="$t('config.user.name')" prop="name">
-            <el-input id="account-input-name" v-model="editUser.name" :disabled="editUser.username==='admin' && editUser.id==1"
+            <el-input id="account-input-name" v-model.trim="editUser.name" :disabled="editUser.username==='admin' && editUser.id==1"
                       maxlength="64" placeholder="" show-word-limit size="small" type="text"></el-input>
           </el-form-item>
           <!--username-->
           <el-form-item :label="$t('login.username')" prop="username">
-            <el-input id="account-input-username" v-model="editUser.username" :disabled="editUser.username==='admin' && editUser.id==1"
+            <el-input id="account-input-username" v-model.trim="editUser.username" :disabled="editUser.username==='admin' && editUser.id==1"
                       maxlength="64" placeholder="" show-word-limit size="small" type="text"></el-input>
           </el-form-item>
           <!--password-->
           <el-form-item :label="$t('login.pin')" prop="pin">
-            <el-input id="account-input-password" v-model="editUser.pin"  maxlength="64" placeholder=""
+            <el-input id="account-input-password" v-model.trim="editUser.pin"  maxlength="64" placeholder=""
                       show-word-limit size="small" type="password" @blur="pinBlur" autocomplete="new-password"></el-input>
           </el-form-item>
           <!--pinChange-->
           <el-form-item :label="$t('profile.confirmPassword')" label-width="200px" prop="pinChange">
-            <el-input id="account-input-pinChange" v-model="editUser.pinChange"  maxlength="64" placeholder=""
+            <el-input id="account-input-pinChange" v-model.trim="editUser.pinChange"  maxlength="64" placeholder=""
                       show-word-limit size="small" type="password"></el-input>
           </el-form-item>
           <!--mfaLevel-->
@@ -46,7 +46,7 @@
           </el-form-item>
           <!--email-->
           <el-form-item :label="$t('config.system.email.email')" prop="email">
-            <el-input id="account-input-email" v-model="editUser.email" maxlength="64" show-word-limit placeholder="" size="small" type="text"></el-input>
+            <el-input id="account-input-email" v-model.trim="editUser.email" maxlength="64" show-word-limit placeholder="" size="small" type="text"></el-input>
           </el-form-item>
           <!--mobile-->
           <el-form-item :label="$t('profile.mobile')" prop="mobile">
diff --git a/nezha-fronted/src/components/common/rightBox/agentBox.vue b/nezha-fronted/src/components/common/rightBox/agentBox.vue
index 835e90384..517cb84aa 100644
--- a/nezha-fronted/src/components/common/rightBox/agentBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/agentBox.vue
@@ -14,7 +14,7 @@
         <el-form ref="agentForm" :model="editPromServer" :rules="rules" label-position = "top" label-width="120px">
           <!--          name-->
           <el-form-item :label='$t("overall.name")' prop="name">
-            <el-input placeholder="" maxlength="64" show-word-limit v-model="editPromServer.name" size="small" id="agent-box-input-name"></el-input>
+            <el-input placeholder="" maxlength="64" show-word-limit v-model.trim="editPromServer.name" size="small" id="agent-box-input-name"></el-input>
           </el-form-item>
           <!--DC-->
           <el-form-item :label="$t('overall.dc')" prop="dc.name">
diff --git a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
index 9a46290a8..3f334d3ff 100644
--- a/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertRuleBox.vue
@@ -15,7 +15,7 @@
         <el-form ref="alertRuleForm" :model="editAlertRule" :rules="rules" label-position = "top" label-width="120px">
           <!--name-->
           <el-form-item :label='$t("overall.name")' prop="name">
-            <el-input id="alert-box-input-name" ref="alertName" v-model="editAlertRule.name" maxlength="64" placeholder="" show-word-limit size="small"></el-input>
+            <el-input id="alert-box-input-name" ref="alertName" v-model.trim="editAlertRule.name" maxlength="64" placeholder="" show-word-limit size="small"></el-input>
           </el-form-item>
           <!--type-->
           <el-form-item :label="$t('overall.type')" prop="type" class="half-form-item">
diff --git a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
index 47569f469..f26709199 100644
--- a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
@@ -16,7 +16,7 @@
                  :rules="rules" label-position="top" label-width="120px">
           <el-form-item :label='$t("overall.name")' class="range-name" prop="name">
             <el-input
-              v-model="editAlertSilence.name" :placeholder="''"
+              v-model.trim="editAlertSilence.name" :placeholder="''"
               maxlength="64"
               show-word-limit
               size="small">
diff --git a/nezha-fronted/src/components/common/rightBox/apiKeyBox.vue b/nezha-fronted/src/components/common/rightBox/apiKeyBox.vue
index 511033a77..6910af25a 100644
--- a/nezha-fronted/src/components/common/rightBox/apiKeyBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/apiKeyBox.vue
@@ -10,7 +10,7 @@
       <div class="container__form">
         <el-form ref="apiKeyBoxForm" :model="apiKeyBox" :rules="rules" label-position="top" label-width="120px">
           <el-form-item :label="$t('overall.name')" prop="name">
-            <el-input maxlength="64" show-word-limit v-model="apiKeyBox.name" size="small" type="text"></el-input>
+            <el-input maxlength="64" show-word-limit v-model.trim="apiKeyBox.name" size="small" type="text"></el-input>
           </el-form-item>
            <el-form-item
             :label="$t('config.system.apiKey.expireAt')"
diff --git a/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue b/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
index d515ce44e..9049bc6db 100644
--- a/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue
@@ -32,19 +32,19 @@
               </el-form-item>
               <!--     第三级：Auth type = username | key -->
               <el-form-item :label="$t('profile.username')" prop="authUsername">
-                <el-input v-model="editData.authUsername" size="small"/>
+                <el-input v-model.trim="editData.authUsername" size="small"/>
               </el-form-item>
               <template v-if="editData.authType === assetConstants.authTypeData.key">
                 <!-- Key支持私钥 -->
                 <el-form-item :label="$t('asset.privateKey')" prop="authPriKey">
-                  <el-input v-model="editData.authPriKey" size="small" type="password" autocomplete="new-password"/>
+                  <el-input v-model.trim="editData.authPriKey" size="small" type="password" autocomplete="new-password"/>
                 </el-form-item>
               </template>
               <el-form-item :label="$t('login.pin')" prop="authPin">
-                <el-input v-model="editData.authPin" size="small"  type="password" autocomplete="new-password"/>
+                <el-input v-model.trim="editData.authPin" size="small"  type="password" autocomplete="new-password"/>
               </el-form-item>
               <el-form-item :label="$t('asset.port')" prop="authProtocolPort">
-                <el-input v-model="editData.authProtocolPort" size="small"/>
+                <el-input v-model.trim="editData.authProtocolPort" size="small"/>
               </el-form-item>
             </template>
 
@@ -52,16 +52,16 @@
             <template v-if="editData.authProtocol === assetConstants.authProtocolData.telnet">
               <div class="form__sub-title">TELNET</div>
               <el-form-item :label="$t('profile.username')" prop="authUsername">
-                <el-input v-model="editData.authUsername" size="small"/>
+                <el-input v-model.trim="editData.authUsername" size="small"/>
               </el-form-item>
               <el-form-item :label="$t('login.pin')" prop="authPin">
-                <el-input v-model="editData.authPin" size="small"/>
+                <el-input v-model.trim="editData.authPin" size="small"/>
               </el-form-item>
               <el-form-item :label="$t('asset.usernamePrompt')" prop="authUserTip">
-                <el-input v-model="editData.authUserTip" size="small"/>
+                <el-input v-model.trim="editData.authUserTip" size="small"/>
               </el-form-item>
               <el-form-item :label="$t('asset.pinPrompt')" prop="authPinTip">
-                <el-input v-model="editData.authPinTip" size="small"/>
+                <el-input v-model.trim="editData.authPinTip" size="small"/>
               </el-form-item>
             </template>
           </template>
@@ -83,16 +83,16 @@
                 </template>
                 <template v-if="label.action !== 1">
                   <template v-if="label.type.toUpperCase() === assetConstants.labelTypeData.TEXT">
-                    <el-input v-model="label.value" size="small"/>
+                    <el-input v-model.trim="label.value" size="small"/>
                   </template>
                   <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.MULTITEXT">
                     <div v-for="(value, i) in label.value" :key="i" class="label__multi-text">
-                      <el-input v-model="label.value[i]" size="small" style="margin-right: 15px;"/>
+                      <el-input v-model.trim="label.value[i]" size="small" style="margin-right: 15px;"/>
                       <span :style="{'opacity': label.value.length > 1 ? 1 : 0.5}" @click="label.value.length > 1 ? label.value.splice(i, 1) : ''" :title="$t('overall.delete')"><i class="nz-icon nz-icon-minus"></i></span>
                     </div>
                   </template>
                   <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.TEXTAREA">
-                    <el-input v-model="label.value" :maxlength="4096" size="small" :rows="2" show-word-limit type="textarea"/>
+                    <el-input v-model.trim="label.value" :maxlength="4096" size="small" :rows="2" show-word-limit type="textarea"/>
                   </template>
                   <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.RADIO">
                     <el-radio v-for="item in JSON.parse(label.param).items" :key="item.name" v-model="label.value" :label="item.name">{{item.name}}</el-radio>
@@ -108,10 +108,10 @@
                     </el-select>
                   </template>
                   <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.INTEGER">
-                    <el-input v-model="label.value" oninput="value=value.replace(/[^\d]/g,'')" size="small"></el-input>
+                    <el-input v-model.trim="label.value" oninput="value=value.replace(/[^\d]/g,'')" size="small"></el-input>
                   </template>
                   <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.DOUBLE">
-                    <el-input v-model="label.value" oninput="value=value.replace(/[^0-9.]/g,'')" size="small"></el-input>
+                    <el-input v-model.trim="label.value" oninput="value=value.replace(/[^0-9.]/g,'')" size="small"></el-input>
                   </template>
                   <template v-else-if="label.type.toUpperCase() === assetConstants.labelTypeData.DATETIME">
                     <template v-if="JSON.parse(label.param).subType === assetConstants.labelSubTypeData.time">
diff --git a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
index 5a5123e94..0e6e96774 100644
--- a/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/asset/assetBox.vue
@@ -10,7 +10,7 @@
       <div class="container__form">
         <el-form ref="form" :model="editAsset" :rules="rules" label-position="top" label-width="120px">
           <el-form-item :label="$t('overall.name')" prop="name">
-            <el-input maxlength="128" show-word-limit v-model="editAsset.name" size="small"/>
+            <el-input maxlength="128" show-word-limit v-model.trim="editAsset.name" size="small"/>
           </el-form-item>
           <el-form-item :label="$t('overall.type')" prop="typeId">
             <select-asset-type id="asset-type" :asset-type-data="options.typeOptions" :show-type="editAsset.type" size="small"
diff --git a/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue b/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
index 9dbca0e5d..776281a34 100644
--- a/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
@@ -14,7 +14,7 @@
         <div class="container__form">
           <el-form label-width="120px"  :model="editAssetMeta" label-position = "top" ref="editAssetMetaForm" :rules="rules">
             <el-form-item :label='$t("overall.name")' prop="name">
-              <el-input placeholder="" maxlength="64" show-word-limit v-model="editAssetMeta.name" size="small" id="editAssetMeta-box-input-name"></el-input>
+              <el-input placeholder="" maxlength="64" show-word-limit v-model.trim="editAssetMeta.name" size="small" id="editAssetMeta-box-input-name"></el-input>
             </el-form-item>
             <el-form-item :label='$t("overall.key")' prop="metaKey">
               <el-input placeholder="" maxlength="128" show-word-limit v-model="editAssetMeta.metaKey" size="small" id="editAssetMeta-box-input-key"></el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue b/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
index 06cc9f264..1925bc300 100644
--- a/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
@@ -14,7 +14,7 @@
         <div class="container__form">
           <el-form label-width="120px"  :model="editMetaGroup" label-position = "top" ref="editMetaGroupForm">
             <el-form-item :label='$t("overall.name")' prop="name" :rules="{required: true, message: $t('validate.required'), trigger: 'blur'}">
-              <el-input placeholder="" maxlength="64" show-word-limit v-model="editMetaGroup.name" size="small" id="editMetaGroup-box-input-name"></el-input>
+              <el-input placeholder="" maxlength="64" show-word-limit v-model.trim="editMetaGroup.name" size="small" id="editMetaGroup-box-input-name"></el-input>
             </el-form-item>
             <el-form-item :label='$t("overall.remark")' prop="remark">
               <el-input placeholder="" maxlength="256" type="textarea" show-word-limit v-model="editMetaGroup.remark" size="small" :rows="2" id="editMetaGroup-box-input-remark"></el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/assetStateBox.vue b/nezha-fronted/src/components/common/rightBox/assetStateBox.vue
index 4c5e44063..ba8cfde6b 100644
--- a/nezha-fronted/src/components/common/rightBox/assetStateBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetStateBox.vue
@@ -20,7 +20,7 @@
       <el-form :model="editAssetState" :rules="rules" class="right-box-form right-box-form-left" label-position="top" label-width="120px" ref="assetStateForm">
         <!--name-->
         <el-form-item :label="$t('overall.name')" prop="name">
-          <el-input id="asset-state-input-name" placeholder="" size="small" type="text" v-model="editAssetState.name"></el-input>
+          <el-input id="asset-state-input-name" placeholder="" size="small" type="text" v-model.trim="editAssetState.name"></el-input>
         </el-form-item>
         <!--ping-->
         <el-form-item label="Ping">
diff --git a/nezha-fronted/src/components/common/rightBox/cabinetBox.vue b/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
index dfe163aa4..9648aca9d 100644
--- a/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/cabinetBox.vue
@@ -14,7 +14,7 @@
     <div class="right-box-form-box">
       <el-form class="right-box-form right-box-form-left" label-width="120px" label-position = "top" :model="editCabinet" ref="cabinetForm" :rules="rules">
         <el-form-item :label="$t('overall.name')" prop="name">
-          <el-input size='mini' maxlength="64" show-word-limit v-model="editCabinet.name" id="cabinet-box-input-name"/>
+          <el-input size='mini' maxlength="64" show-word-limit v-model.trim="editCabinet.name" id="cabinet-box-input-name"/>
         </el-form-item>
         <el-form-item :label="$t('overall.dc')" prop="idcId">
           <el-input v-if="dcDisabled" size='mini' v-model="currentDc.name" disabled id="cabinet-box-input-dc"/>
diff --git a/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue b/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue
index f94c156b7..04a3e10b7 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/chartRightBox.vue
@@ -17,7 +17,7 @@
       <el-form ref="chartForm" :model="editChart" :rules="rules" label-position= "top" label-width="120px">
         <el-form-item :label='$t("overall.name")' prop="name">
           <div style="display:flex;align-items:center">
-            <el-input style="flex:1;margin-right:10px" maxlength="64" show-word-limit size="small" v-model="editChart.name" id="chart-box-title"></el-input>
+            <el-input style="flex:1;margin-right:10px" maxlength="64" show-word-limit size="small" v-model.trim="editChart.name" id="chart-box-title"></el-input>
             <!-- 显示头部 -->
             <div class="choose-header-btn" v-if="editChart.param&&editChart.param.showHeader!==0" @click="switchHeader(0)" :title="$t('overall.visible')">
               <i class="nz-icon nz-icon-mimakejian"></i>
@@ -67,11 +67,11 @@
         </div>
         <!--remark-->
         <el-form-item :label="$t('overall.remark')">
-          <el-input  maxlength="256" show-word-limit v-model="editChart.remark" size="small" :rows="2" type="textarea"/>
+          <el-input  maxlength="256" show-word-limit v-model.trim="editChart.remark" size="small" :rows="2" type="textarea"/>
         </el-form-item>
         <!--remark-->
         <el-form-item :label="$t('overall.link')" v-if="editChart.param">
-          <el-input  maxlength="256" show-word-limit v-model="editChart.param.link" size="small" :rows="2" type="textarea"/>
+          <el-input  maxlength="256" show-word-limit v-model.trim="editChart.param.link" size="small" :rows="2" type="textarea"/>
         </el-form-item>
 
         <!--title-->
diff --git a/nezha-fronted/src/components/common/rightBox/dcBox.vue b/nezha-fronted/src/components/common/rightBox/dcBox.vue
index 803a058d1..b73bebb5d 100644
--- a/nezha-fronted/src/components/common/rightBox/dcBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/dcBox.vue
@@ -12,7 +12,7 @@
         <div class="container__form">
           <el-form label-width="120px" size="small" :model="editDc" label-position = "top" :rules="rules" ref="dcForm">
             <el-form-item :label='$t("overall.name")' prop="name">
-              <el-input placeholder="" maxlength="64" show-word-limit v-model="editDc.name" size="small" id="dc-box-input-name"></el-input>
+              <el-input placeholder="" maxlength="64" show-word-limit v-model.trim="editDc.name" size="small" id="dc-box-input-name"></el-input>
             </el-form-item>
             <el-form-item :label='$t("asset.location")' prop="location">
               <el-input placeholder="" maxlength="256" show-word-limit v-model="editDc.location" size="small" id="dc-box-input-location"></el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
index cd3551438..b388700cb 100644
--- a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
+++ b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
@@ -67,7 +67,7 @@
           </el-form-item>
           <!--name-->
           <el-form-item v-if="optionType!=='batch'" :label='$t("overall.name")' label-width="125px" prop="name">
-            <el-input id="module-box-input-name" v-model="editEndpoint.name" maxlength="64" placeholder="" show-word-limit size="small"></el-input>
+            <el-input id="module-box-input-name" v-model.trim="editEndpoint.name" maxlength="64" placeholder="" show-word-limit size="small"></el-input>
           </el-form-item>
           <!--Enpoint template-->
           <div class="right-box-sub-title">{{ $t("overall.config") }}
diff --git a/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue b/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
index e7283a26c..8384aad58 100644
--- a/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
@@ -14,7 +14,7 @@
       <div class="container__form container__form-width">
         <el-form ref="ExprTempForm" :model="editExprTemp" :rules="rules" label-position="top" label-width="120px">
           <el-form-item :label="$t('overall.name')" prop="name">
-            <el-input maxlength="64" show-word-limit v-model="editExprTemp.name" :placeholder="$t('overall.placeHolder')" size="small"></el-input>
+            <el-input maxlength="64" show-word-limit v-model.trim="editExprTemp.name" :placeholder="$t('overall.placeHolder')" size="small"></el-input>
           </el-form-item>
           <el-form-item :label="$t('dashboard.panel.chartForm.group')" prop="gname">
             <!--<el-input v-model="editExprTemp.gname" size="small" :placeholder="$t('overall.placeHolder')"></el-input>-->
diff --git a/nezha-fronted/src/components/common/rightBox/ipDetailsBox.vue b/nezha-fronted/src/components/common/rightBox/ipDetailsBox.vue
index 5889725df..03de37e11 100644
--- a/nezha-fronted/src/components/common/rightBox/ipDetailsBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/ipDetailsBox.vue
@@ -12,7 +12,7 @@
       <div class="container__form">
         <el-form :model="editipDetails" label-position="top" label-width="120px" :rules="rules" ref="ipDetailsForm">
           <el-form-item :label="$t('overall.name')" prop="name">
-            <el-input maxlength="64" rows="4" show-word-limit placeholder="" v-model="editipDetails.name" size="small"></el-input>
+            <el-input maxlength="64" rows="4" show-word-limit placeholder="" v-model.trim="editipDetails.name" size="small"></el-input>
           </el-form-item>
           <el-form-item label="IP" prop="addr">
             <el-input maxlength="256" rows="4" show-word-limit placeholder="" v-model="editipDetails.addr" size="small"></el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/ipamBox.vue b/nezha-fronted/src/components/common/rightBox/ipamBox.vue
index d73167696..198fc6006 100644
--- a/nezha-fronted/src/components/common/rightBox/ipamBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/ipamBox.vue
@@ -12,7 +12,7 @@
       <div class="container__form">
         <el-form :model="editipam" label-position = "top" label-width="120px" :rules="rules" ref="ipamForm">
           <el-form-item :label="$t('overall.name')" prop="name">
-            <el-input maxlength="64" rows="4" show-word-limit placeholder="" v-model="editipam.name" size="small"></el-input>
+            <el-input maxlength="64" rows="4" show-word-limit placeholder="" v-model.trim="editipam.name" size="small"></el-input>
           </el-form-item>
           <el-form-item :label="$t('overall.type')" prop="type">
             <el-select id="account-input-language"
diff --git a/nezha-fronted/src/components/common/rightBox/issueBox.vue b/nezha-fronted/src/components/common/rightBox/issueBox.vue
index a4b669ed9..e5054b289 100644
--- a/nezha-fronted/src/components/common/rightBox/issueBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/issueBox.vue
@@ -17,7 +17,8 @@
            <!-- title -->
           <el-form-item :label='$t("project.topology.title")' prop="name">
             <el-input
-              v-model="editIssue.name" :placeholder="''"
+              v-model.trim="editIssue.name"
+              :placeholder="''"
               maxlength="64"
               show-word-limit
               ref="issueName"
diff --git a/nezha-fronted/src/components/common/rightBox/menuBox.vue b/nezha-fronted/src/components/common/rightBox/menuBox.vue
index 63653bba5..fa12c8f24 100644
--- a/nezha-fronted/src/components/common/rightBox/menuBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/menuBox.vue
@@ -30,7 +30,7 @@
         </el-form-item>
         <!--name-->
         <el-form-item :label="$t('overall.name')" prop="name">
-          <el-input  placeholder="" type="text" v-model="editMenu.name" id="menu-box-input-name"></el-input>
+          <el-input  placeholder="" type="text" v-model.trim="editMenu.name" id="menu-box-input-name"></el-input>
         </el-form-item>
         <el-form-item :label="$t('config.menus.code')" prop="code">
           <el-input  placeholder="" type="text" v-model="editMenu.code" id="menu-box-input-code"></el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
index 98cacbf35..7db496cbf 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -15,7 +15,7 @@
         <el-form ref="moduleForm" :model="editModule" :rules="rules" label-position="top" label-width="120px">
           <!--name-->
           <el-form-item :label='$t("overall.name")' label-width="125px" prop="name">
-            <el-input id="module-box-input-name" v-model="editModule.name" maxlength="64" placeholder="" show-word-limit size="small"></el-input>
+            <el-input id="module-box-input-name" v-model.trim="editModule.name" maxlength="64" placeholder="" show-word-limit size="small"></el-input>
           </el-form-item>
           <!--project-->
           <el-form-item :label='$t("project.project.projectName")' prop="projectId">
diff --git a/nezha-fronted/src/components/common/rightBox/panelBox.vue b/nezha-fronted/src/components/common/rightBox/panelBox.vue
index ba6b17c9c..ccc35e332 100644
--- a/nezha-fronted/src/components/common/rightBox/panelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/panelBox.vue
@@ -12,7 +12,7 @@
       <div class="container__form">
         <el-form ref="form" :model="editPanel" :rules="rules" label-position = "top" label-width="120px" size="small">
           <el-form-item :label='$t("overall.name")' prop="name">
-            <el-input id="dc-box-input-name" v-model="editPanel.name" maxlength="64" placeholder="" show-word-limit size="small" :disabled="isBottom"></el-input>
+            <el-input id="dc-box-input-name" v-model.trim="editPanel.name" maxlength="64" placeholder="" show-word-limit size="small" :disabled="isBottom"></el-input>
           </el-form-item>
           <!--remark-->
            <el-form-item :label='$t("overall.remark")' class="range-time" prop="remark">
diff --git a/nezha-fronted/src/components/common/rightBox/profileBox.vue b/nezha-fronted/src/components/common/rightBox/profileBox.vue
index 3d35a4ebd..f372d14ff 100644
--- a/nezha-fronted/src/components/common/rightBox/profileBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/profileBox.vue
@@ -10,7 +10,7 @@
       <div class="container__form">
         <el-form ref="profileForm" :model="editProfile" :rules="rules" label-position="top" label-width="120px">
           <el-form-item :label="$t('overall.name')" prop="name">
-            <el-input maxlength="64" show-word-limit v-model="editProfile.name" size="small" type="text"></el-input>
+            <el-input maxlength="64" show-word-limit v-model.trim="editProfile.name" size="small" type="text"></el-input>
           </el-form-item>
           <el-form-item :label="$t('profile.username')" prop="username">
             <el-input maxlength="64" show-word-limit v-model="editProfile.username" disabled size="small" type="text"></el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/projectBox.vue b/nezha-fronted/src/components/common/rightBox/projectBox.vue
index 16d69fef7..ec11cf68d 100644
--- a/nezha-fronted/src/components/common/rightBox/projectBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/projectBox.vue
@@ -13,7 +13,7 @@
       <div class="container__form">
         <el-form ref="projectForm" :model="editProject" :rules="rules" label-position = "top" label-width="120px">
           <el-form-item :label='$t("overall.name")' prop="name">
-            <el-input id="project-box-input-name" v-model="editProject.name" maxlength="64" show-word-limit size="small"></el-input>
+            <el-input id="project-box-input-name" v-model.trim="editProject.name" maxlength="64" show-word-limit size="small"></el-input>
           </el-form-item>
           <el-form-item :label='$t("overall.remark")'>
             <el-input id="project-box-input-remark" v-model="editProject.remark" maxlength="256" show-word-limit type="textarea" size="small" :rows="2"></el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/recordRuleBox.vue b/nezha-fronted/src/components/common/rightBox/recordRuleBox.vue
index 7f176bbb5..3e5812971 100644
--- a/nezha-fronted/src/components/common/rightBox/recordRuleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/recordRuleBox.vue
@@ -17,7 +17,7 @@
             <!-- name -->
           <el-form-item :label='$t("overall.name")' prop="name">
             <el-input
-              v-model="editRecordRule.name" :placeholder="''"
+              v-model.trim="editRecordRule.name" :placeholder="''"
               maxlength="64"
               show-word-limit
               size="small">
diff --git a/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue b/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue
index 238d361c0..caaba51b0 100644
--- a/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/setting/cabinetBox.vue
@@ -10,10 +10,10 @@
       <div class="container__form">
         <el-form label-width="120px" label-position = "top" :model="editCabinet" ref="cabinetForm" :rules="rules">
           <el-form-item :label="$t('overall.name')" prop="name">
-            <el-input size='mini' maxlength="64" show-word-limit v-model="editCabinet.name" id="cabinet-box-input-name"/>
+            <el-input size='mini' maxlength="64" show-word-limit v-model.trim="editCabinet.name" id="cabinet-box-input-name"/>
           </el-form-item>
           <el-form-item :label="$t('overall.dc')" prop="idcId">
-            <el-input size='mini' v-model="currentDc.name" disabled id="cabinet-box-input-dc"/>
+            <el-input size='mini' v-model.trim="currentDc.name" disabled id="cabinet-box-input-dc"/>
           </el-form-item>
           <el-form-item :label="$t('config.cab.uSize')" prop="uSize">
             <el-input v-model.number="editCabinet.uSize" :max="47" id="cabinet-box-input-uSize" size="small"></el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/setting/globalizationBox.vue b/nezha-fronted/src/components/common/rightBox/setting/globalizationBox.vue
index 3d5cb27eb..18c36d1a3 100644
--- a/nezha-fronted/src/components/common/rightBox/setting/globalizationBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/setting/globalizationBox.vue
@@ -12,7 +12,7 @@
       <div class="container__form">
         <el-form label-width="120px" size="small" :model="editGlobalization" label-position = "top" ref="globalizationForm">
           <el-form-item :label='$t("overall.name")' prop="name">
-            <el-input placeholder="" maxlength="64" show-word-limit v-model="editGlobalization.name" size="small" id="dc-box-input-name"></el-input>
+            <el-input placeholder="" maxlength="64" show-word-limit v-model.trim="editGlobalization.name" size="small" id="dc-box-input-name"></el-input>
           </el-form-item>
           <el-form-item :label='$t("config.menus.code")' prop="code">
             <el-input placeholder="" maxlength="64" show-word-limit v-model="editGlobalization.code" size="small" id="dc-box-input-code"></el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
index 402dc157e..006212de2 100644
--- a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
@@ -12,7 +12,7 @@
         <div class="container__form">
           <el-form label-width="120px" size="small" :model="editCredential" label-position = "top" :rules="rules" ref="credentialForm">
             <el-form-item :label='$t("overall.name")' prop="name">
-              <el-input placeholder="" maxlength="64" show-word-limit v-model="editCredential.name" size="small" id="credential-box-input-name"></el-input>
+              <el-input placeholder="" maxlength="64" show-word-limit v-model.trim="editCredential.name" size="small" id="credential-box-input-name"></el-input>
             </el-form-item>
             <el-form-item :label='$t("overall.remark")' prop="remark">
               <el-input placeholder="" maxlength="256"  rows="2" show-word-limit size="small" type="textarea" v-model="editCredential.remark"  id="credential-box-input-remark"></el-input>
diff --git a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingBox.vue b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingBox.vue
index 761353f13..c8d881b8b 100644
--- a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingBox.vue
@@ -7,7 +7,7 @@
     <div class="right-box-form-box">
       <el-form :model="traffic" class="right-box-form" label-position="top" label-width="100px" ref="trafficForm">
         <el-form-item :label="$t('config.dc.dc')" size="small">
-          <el-input :disabled="true" v-model="dc.name" id="traffic-setting-name"></el-input>
+          <el-input :disabled="true" v-model.trim="dc.name" id="traffic-setting-name"></el-input>
         </el-form-item>
         <traffic-setting-tab ref="trafficSetting" :post-asset-list="assetList" v-for="(item,index) in traffic.setting" :index="index" :asset-setting="item" :key="uuids[index]" :id="uuids[index]" @delSelf="delAssetSetting" :validate-repeat-func="valiateRepeatFunc"></traffic-setting-tab>
         <button @click="addAssetSetting" class="nz-btn nz-btn-size-normal nz-btn-style-light" id="traffic-setting-add" style="margin:15px 1px 15px 15px" type="button">{{$t('buttons.add')}}</button>