diff --git a/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue b/nezha-fronted/src/components/common/rightBox/administration/assetTypeBox.vue
index b83841507..2e2fde1fa 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.trim="editAssetType.name" size="small" type="text"></el-input>
+            <el-input maxlength="64" show-word-limit v-model="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 75eecb045..40dea26a6 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.trim="editBackup.repeat"
+              v-model="editBackup.repeat"
               id="chart-box-title"
               @change="inputchange"
             >
@@ -68,7 +68,7 @@
             <el-input
               v-if="whoshow === 2 ? true : false"
               size="small"
-              v-model.trim="editBackup.repeat"
+              v-model="editBackup.repeat"
               id="chart-box-title"
               @change="inputchange"
             >
@@ -120,7 +120,7 @@
             <el-input
               maxlength="64"
               size="small"
-              v-model.trim="editBackup.retention"
+              v-model="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 f75587f44..cc3ac821b 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.trim="editModel.name" size="small" type="text"></el-input>
+            <el-input maxlength="64" show-word-limit v-model="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.trim="editModel.sysObjectId" size="small" type="text"></el-input>
+            <el-input maxlength="64" show-word-limit v-model="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 705d7fc3d..bdd6b441f 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.trim="editRole.name"></el-input>
+                       show-word-limit size="small" type="text" v-model="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 188fb2aab..964fa8a7d 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.trim="editUser.name" :disabled="editUser.username==='admin' && editUser.id==1"
+            <el-input id="account-input-name" v-model="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.trim="editUser.username" :disabled="editUser.username==='admin' && editUser.id==1"
+            <el-input id="account-input-username" v-model="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.trim="editUser.pin"  maxlength="64" placeholder=""
+            <el-input id="account-input-password" v-model="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.trim="editUser.pinChange"  maxlength="64" placeholder=""
+            <el-input id="account-input-pinChange" v-model="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.trim="editUser.email" maxlength="64" show-word-limit placeholder="" size="small" type="text"></el-input>
+            <el-input id="account-input-email" v-model="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 517cb84aa..835e90384 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.trim="editPromServer.name" size="small" id="agent-box-input-name"></el-input>
+            <el-input placeholder="" maxlength="64" show-word-limit v-model="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 28e900da8..8851bf20c 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.trim="editAlertRule.name" maxlength="64" placeholder="" show-word-limit size="small"></el-input>
+            <el-input id="alert-box-input-name" ref="alertName" v-model="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">
@@ -295,7 +295,7 @@
           <el-form-item :label="$t('dashboard.panel.receivers')" prop="receiver" :rules="[{ required: editAlertRule.notifyExpired || editAlertRule.notifyActive, message: this.$t('validate.required'), trigger: 'blur' }]">
             <el-select
               id="alert-box-input-receiver"
-              v-model.trim="editAlertRule.receiverShow"
+              v-model="editAlertRule.receiverShow"
               class="right-box__select"
               filterable
               multiple
diff --git a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
index e971cc1c4..a19488491 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.trim="editAlertSilence.name" :placeholder="''"
+              v-model="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 6910af25a..511033a77 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.trim="apiKeyBox.name" size="small" type="text"></el-input>
+            <el-input maxlength="64" show-word-limit v-model="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 9049bc6db..d515ce44e 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.trim="editData.authUsername" size="small"/>
+                <el-input v-model="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.trim="editData.authPriKey" size="small" type="password" autocomplete="new-password"/>
+                  <el-input v-model="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.trim="editData.authPin" size="small"  type="password" autocomplete="new-password"/>
+                <el-input v-model="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.trim="editData.authProtocolPort" size="small"/>
+                <el-input v-model="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.trim="editData.authUsername" size="small"/>
+                <el-input v-model="editData.authUsername" size="small"/>
               </el-form-item>
               <el-form-item :label="$t('login.pin')" prop="authPin">
-                <el-input v-model.trim="editData.authPin" size="small"/>
+                <el-input v-model="editData.authPin" size="small"/>
               </el-form-item>
               <el-form-item :label="$t('asset.usernamePrompt')" prop="authUserTip">
-                <el-input v-model.trim="editData.authUserTip" size="small"/>
+                <el-input v-model="editData.authUserTip" size="small"/>
               </el-form-item>
               <el-form-item :label="$t('asset.pinPrompt')" prop="authPinTip">
-                <el-input v-model.trim="editData.authPinTip" size="small"/>
+                <el-input v-model="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.trim="label.value" size="small"/>
+                    <el-input v-model="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.trim="label.value[i]" size="small" style="margin-right: 15px;"/>
+                      <el-input v-model="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.trim="label.value" :maxlength="4096" size="small" :rows="2" show-word-limit type="textarea"/>
+                    <el-input v-model="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.trim="label.value" oninput="value=value.replace(/[^\d]/g,'')" size="small"></el-input>
+                    <el-input v-model="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.trim="label.value" oninput="value=value.replace(/[^0-9.]/g,'')" size="small"></el-input>
+                    <el-input v-model="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 d6f65a7b4..58b8b1985 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.trim="editAsset.name" size="small"/>
+            <el-input maxlength="128" show-word-limit v-model="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 89b7e87c9..e6ade0d9d 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.trim="editAssetMeta.name" size="small" id="editAssetMeta-box-input-name"></el-input>
+              <el-input placeholder="" maxlength="64" show-word-limit v-model="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>
@@ -70,7 +70,7 @@
                 <el-row v-for="(item,index) in editAssetMeta.param.items" :key="index" class="asset-meta-param-row">
                   <el-col :span="12">
                     <el-form-item :prop="'param.items.'+ index + '.name'" :rules="[{ required: true, message: $t('validate.required'), trigger: 'blur'},{ validator: checkItems, trigger: 'blur' }]">
-                      <el-input v-model.trim = "item.name" size="small" @input="(val)=>{inputChange(index, val)}" :ref="'metaNameOption'+index"></el-input>
+                      <el-input v-model = "item.name" size="small" @input="(val)=>{inputChange(index, val)}" :ref="'metaNameOption'+index"></el-input>
                     </el-form-item>
                   </el-col>
                   <el-col :span="6">
diff --git a/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue b/nezha-fronted/src/components/common/rightBox/assetMetaGroup.vue
index 1925bc300..06cc9f264 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.trim="editMetaGroup.name" size="small" id="editMetaGroup-box-input-name"></el-input>
+              <el-input placeholder="" maxlength="64" show-word-limit v-model="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 ba8cfde6b..4c5e44063 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.trim="editAssetState.name"></el-input>
+          <el-input id="asset-state-input-name" placeholder="" size="small" type="text" v-model="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 9648aca9d..dfe163aa4 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.trim="editCabinet.name" id="cabinet-box-input-name"/>
+          <el-input size='mini' maxlength="64" show-word-limit v-model="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 57d7094bf..caf60e9dd 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.trim="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="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.trim="editChart.remark" size="small" :rows="2" type="textarea"/>
+          <el-input  maxlength="256" show-word-limit v-model="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.trim="editChart.param.link" size="small" :rows="2" type="textarea"/>
+          <el-input  maxlength="256" show-word-limit v-model="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 8b50730b5..8aea862ca 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.trim="editDc.name" size="small" id="dc-box-input-name"></el-input>
+              <el-input placeholder="" maxlength="64" show-word-limit v-model="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 7f1bf9b28..a3283137d 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.trim="editEndpoint.name" maxlength="64" placeholder="" show-word-limit size="small"></el-input>
+            <el-input id="module-box-input-name" v-model="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 8384aad58..e7283a26c 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.trim="editExprTemp.name" :placeholder="$t('overall.placeHolder')" size="small"></el-input>
+            <el-input maxlength="64" show-word-limit v-model="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 03de37e11..5889725df 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.trim="editipDetails.name" size="small"></el-input>
+            <el-input maxlength="64" rows="4" show-word-limit placeholder="" v-model="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 198fc6006..d73167696 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.trim="editipam.name" size="small"></el-input>
+            <el-input maxlength="64" rows="4" show-word-limit placeholder="" v-model="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 e5054b289..1ce64b4ff 100644
--- a/nezha-fronted/src/components/common/rightBox/issueBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/issueBox.vue
@@ -17,7 +17,7 @@
            <!-- title -->
           <el-form-item :label='$t("project.topology.title")' prop="name">
             <el-input
-              v-model.trim="editIssue.name"
+              v-model="editIssue.name"
               :placeholder="''"
               maxlength="64"
               show-word-limit
@@ -84,7 +84,7 @@
            <el-form-item :label='$t("issue.reporter")' prop="rid">
              <el-select
               id="issue-box-input-receiver"
-              v-model.trim="editIssue.rid"
+              v-model="editIssue.rid"
               class="right-box__select"
               filterable
               placeholder=""
@@ -106,7 +106,7 @@
           <el-form-item :label='$t("issue.assignee")' prop="aid">
              <el-select
               id="issue-box-input-receiver"
-              v-model.trim="editIssue.aid"
+              v-model="editIssue.aid"
               class="right-box__select"
               filterable
               placeholder=""
diff --git a/nezha-fronted/src/components/common/rightBox/menuBox.vue b/nezha-fronted/src/components/common/rightBox/menuBox.vue
index fa12c8f24..63653bba5 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.trim="editMenu.name" id="menu-box-input-name"></el-input>
+          <el-input  placeholder="" type="text" v-model="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 590f4bd48..ad5139ade 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.trim="editModule.name" maxlength="64" placeholder="" show-word-limit size="small"></el-input>
+            <el-input id="module-box-input-name" v-model="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 4d06899db..5f4071a91 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.trim="editPanel.name" maxlength="64" placeholder="" show-word-limit size="small" :disabled="isBottom"></el-input>
+            <el-input id="dc-box-input-name" v-model="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 f372d14ff..3d35a4ebd 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.trim="editProfile.name" size="small" type="text"></el-input>
+            <el-input maxlength="64" show-word-limit v-model="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 ec11cf68d..16d69fef7 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.trim="editProject.name" maxlength="64" show-word-limit size="small"></el-input>
+            <el-input id="project-box-input-name" v-model="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 0a34700ef..4ad7f978d 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.trim="editRecordRule.name" :placeholder="''"
+              v-model="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 caaba51b0..238d361c0 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.trim="editCabinet.name" id="cabinet-box-input-name"/>
+            <el-input size='mini' maxlength="64" show-word-limit v-model="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.trim="currentDc.name" disabled id="cabinet-box-input-dc"/>
+            <el-input size='mini' v-model="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 18c36d1a3..3d5cb27eb 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.trim="editGlobalization.name" size="small" id="dc-box-input-name"></el-input>
+            <el-input placeholder="" maxlength="64" show-word-limit v-model="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 006212de2..402dc157e 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.trim="editCredential.name" size="small" id="credential-box-input-name"></el-input>
+              <el-input placeholder="" maxlength="64" show-word-limit v-model="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 c8d881b8b..761353f13 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.trim="dc.name" id="traffic-setting-name"></el-input>
+          <el-input :disabled="true" v-model="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>
diff --git a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
index d062479da..13fb63d8b 100644
--- a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
+++ b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
@@ -49,7 +49,7 @@
                   <div class="mib-browser-ad-search-label">{{$t('login.username')}}</div>
                 </el-col>
                 <el-col :span="17">
-                  <el-input class="input-x-mini-24" v-model.trim="assetSetting.auth.username" id="traffic-setting-username"></el-input>
+                  <el-input class="input-x-mini-24" v-model="assetSetting.auth.username" id="traffic-setting-username"></el-input>
                 </el-col>
               </el-row>
 
@@ -71,7 +71,7 @@
                   <div class="mib-browser-ad-search-label">{{$t('login.pin')}}</div>
                 </el-col>
                 <el-col :span="17">
-                  <el-input class="input-x-mini-24" v-model.trim="assetSetting.auth.pin" id="traffic-setting-password"></el-input>
+                  <el-input class="input-x-mini-24" v-model="assetSetting.auth.pin" id="traffic-setting-password"></el-input>
                 </el-col>
               </el-row>
 
@@ -104,7 +104,7 @@
                   <div class="mib-browser-ad-search-label">{{$t('project.module.privPin')}}</div>
                 </el-col>
                 <el-col :span="17">
-                  <el-input class="input-x-mini-24" v-model.trim="assetSetting.auth.privPin" id="traffic-setting-privPassword"></el-input>
+                  <el-input class="input-x-mini-24" v-model="assetSetting.auth.privPin" id="traffic-setting-privPassword"></el-input>
                 </el-col>
               </el-row>
             </template>
diff --git a/nezha-fronted/src/http.js b/nezha-fronted/src/http.js
index 978eb982a..f0bb022ce 100644
--- a/nezha-fronted/src/http.js
+++ b/nezha-fronted/src/http.js
@@ -66,13 +66,32 @@ axios.interceptors.request.use(
         paramsArr.forEach(p => {
           const i = p.indexOf('=')
           if (i > -1) {
-            params[p.substring(0, i)] = p.substring(i + 1, p.length)
+            params[p.substring(0, i)] = p.substring(i + 1, p.length).trim()
           } else {
             params[p] = ''
           }
         })
         config = { ...config, url: pre, params: params }
       }
+    } else if (config.method === 'post' || config.method === 'put') {
+      try {
+        console.log(config.data.name)
+        let params = config.data
+        if ((typeof params == 'string') && params.constructor == String) {
+          params = JSON.parse( config.data)
+        }
+        Object.keys(params).forEach(key => {
+          if ((typeof params[key] == 'string') && params[key].constructor == String) {
+            params[key] = params[key].trim()
+          }
+        })
+        if ((typeof config.data == 'string') && config.data.constructor == String) {
+          config.data = JSON.stringify(params)
+        } else {
+          config.data = params
+        }
+      } catch (e) {
+      }
     }
     return config
   }