diff --git a/nezha-fronted/src/assets/css/common/rightBoxCommon.scss b/nezha-fronted/src/assets/css/common/rightBoxCommon.scss
index f00d91b40..57a1973d0 100644
--- a/nezha-fronted/src/assets/css/common/rightBoxCommon.scss
+++ b/nezha-fronted/src/assets/css/common/rightBoxCommon.scss
@@ -325,7 +325,12 @@
   margin-top: 0 !important;
   margin-bottom: 0 !important;
   max-width: 626px !important;
-
+  .hidden-padding {
+    padding: 0;
+    > span{
+      padding: 0 20px;
+    }
+  }
 }
 .api-select.right-box-select-top.right-public-box-dropdown-top {
   .el-scrollbar__view.el-select-dropdown__list {
diff --git a/nezha-fronted/src/components/common/elSelect/MyElSelect.vue b/nezha-fronted/src/components/common/elSelect/MyElSelect.vue
index 0b5eb7cf2..149820ea2 100644
--- a/nezha-fronted/src/components/common/elSelect/MyElSelect.vue
+++ b/nezha-fronted/src/components/common/elSelect/MyElSelect.vue
@@ -48,6 +48,7 @@
         :class="[selectSize ? `is-${ selectSize }` : '']"
         :disabled="selectDisabled"
         :autocomplete="autoComplete || autocomplete"
+        :maxlength = "maxlength"
         @focus="handleFocus"
         @blur="softFocus = false"
         @click.stop
@@ -72,6 +73,7 @@
       v-model="selectedLabel"
       type="text"
       :placeholder="currentPlaceholder"
+      :maxlength = "maxlength"
       :name="name"
       :id="id"
       :autocomplete="autoComplete || autocomplete"
@@ -301,6 +303,9 @@ export default {
     popperAppendToBody: {
       type: Boolean,
       default: true
+    },
+    maxlength: {
+      type: Number
     }
   },
 
diff --git a/nezha-fronted/src/components/common/filterSearch/filterSearch.vue b/nezha-fronted/src/components/common/filterSearch/filterSearch.vue
index 0b2d8f76e..8f3f4343e 100644
--- a/nezha-fronted/src/components/common/filterSearch/filterSearch.vue
+++ b/nezha-fronted/src/components/common/filterSearch/filterSearch.vue
@@ -12,7 +12,7 @@
         <div class="condition__column">
           <div v-if="meta.nameIsEditing">
             <el-select
-              allow-create
+              allow-create :maxlength="64"
               filterable
               size="mini"
               v-model="meta.name"
@@ -35,7 +35,7 @@
         <div class="condition__column">
           <div v-if="meta.operIsEditing">
             <el-select
-              allow-create
+              allow-create :maxlength="64"
               filterable
               size="mini"
               v-model="meta.oper"
diff --git a/nezha-fronted/src/components/common/popBox/selectAssetMetaGroup.vue b/nezha-fronted/src/components/common/popBox/selectAssetMetaGroup.vue
index eab47081d..d6c3fd759 100644
--- a/nezha-fronted/src/components/common/popBox/selectAssetMetaGroup.vue
+++ b/nezha-fronted/src/components/common/popBox/selectAssetMetaGroup.vue
@@ -30,13 +30,13 @@
               </span>
               <el-row class="block-col-2" style="width: 35px;">
                 <el-col>
-                  <el-dropdown placement="bottom-end" trigger="click">
+                  <el-dropdown placement="bottom-end" trigger="click" v-if="data.id != -1">
                     <span class="el-dropdown-link tree--operation" @click.stop><i class="nz-icon nz-icon-more1"></i></span>
                     <el-dropdown-menu class="right-box-select-top" slot="dropdown"  v-has="['asset_label_delete', 'asset_label_edit']">
-                      <el-dropdown-item>
+                      <el-dropdown-item class="hidden-padding">
                         <span @click.stop="edit(data)"><i v-has="'asset_label_edit'" class="nz-icon nz-icon-edit"></i>{{$t('overall.edit')}}</span>
                       </el-dropdown-item>
-                      <el-dropdown-item>
+                      <el-dropdown-item class="hidden-padding">
                         <span @click.stop="del(data)" v-has="'asset_label_delete'"><i class="nz-icon nz-icon-delete"></i>{{$t('overall.delete')}}</span>
                       </el-dropdown-item>
                     </el-dropdown-menu>
diff --git a/nezha-fronted/src/components/common/project/meta2d/meta2dElement.vue b/nezha-fronted/src/components/common/project/meta2d/meta2dElement.vue
index 23f0f551c..100fd7024 100644
--- a/nezha-fronted/src/components/common/project/meta2d/meta2dElement.vue
+++ b/nezha-fronted/src/components/common/project/meta2d/meta2dElement.vue
@@ -466,7 +466,7 @@
                       </el-select>
                     </div>
                     <div style="display: inline-block;width: calc(70% - 13px);margin-left: 10px">
-                      <el-select v-model="pen.data.textLegend" size="small" filterable allow-create clearable default-first-option>
+                      <el-select v-model="pen.data.textLegend" size="small" filterable allow-create :maxlength="64" clearable default-first-option>
                         <el-option v-for="item in queryValues.filter(query => (query.parent === pen.data.textParent) && query.type === 'item')" :key="item.id" :value="item.name" :label='item.name' :title="item.name" style="width: 302px"> </el-option>
                       </el-select>
                     </div>
@@ -806,7 +806,7 @@
                 </el-select>
               </div>
               <div style="display: inline-block;width: calc(70% - 13px);margin-left: 10px">
-                <el-select v-model="pen.data.legend" size="small" filterable allow-create clearable default-first-option>
+                <el-select v-model="pen.data.legend" size="small" filterable allow-create :maxlength="64" clearable default-first-option>
                   <el-option class="text-ellipsis" v-for="item in queryValues.filter(query => (query.parent === pen.data.parent) && query.type === 'item')" :key="item.id" :value="item.name" :label='item.name' :title="item.name" style="width: 302px;"></el-option>
                 </el-select>
               </div>
@@ -1087,7 +1087,7 @@
                 :title="legend.legend"
                 style="width: 100%"
                 filterable
-                allow-create
+                allow-create :maxlength="64"
                 default-first-option
                 clearable>
                 <el-option class="text-ellipsis" v-for="item in queryValues.filter(query => (query.parent === legend.parent) && query.type === 'item')" :key="item.id" :value="item.name" :label='item.name'  :title='item.name' style="width: 300px"></el-option>
diff --git a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
index 596db3b05..b4cfe6e31 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
@@ -15,7 +15,7 @@
           </el-form-item>
           <!--brand-->
           <el-form-item :label='$t("asset.brand")' prop="brandId">
-            <el-select value-key="id" allow-create class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" :filterable="true" v-model="editModel.brandId" placeholder="" size="small" id="module-box-input-project">
+            <el-select value-key="id" allow-create :maxlength="64" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" :filterable="true" v-model="editModel.brandId" placeholder="" size="small" id="module-box-input-project">
               <el-option :id="'module-project-'+item.id" v-for="item in brandList" :key="item.id" :label="item.name" :value="item.id"></el-option>
             </el-select>
           </el-form-item>
diff --git a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
index f3ca52d5a..6a7a880db 100644
--- a/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertSilenceBox.vue
@@ -75,6 +75,7 @@
                   popper-class="right-box-select-top right-public-box-dropdown-top"
                   placeholder="key"
                   size="mini"
+                  :maxlength="64"
                   @select="handleSelect"
                 ></el-autocomplete>
               </el-form-item>
diff --git a/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue b/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
index 63df0c5ad..a49cb11b3 100644
--- a/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/assetMetaBox.vue
@@ -40,8 +40,8 @@
               </el-switch>
             </el-form-item>
             <el-form-item :label='$t("overall.type")' prop="type">
-              <el-select v-model="editAssetMeta.type" :popper-append-to-body="false" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside" size="small" @change="selectType">
-                <el-option v-for="(item, index) in typeData" :key="index" :value="item.value" :disabled="item.disabled">
+              <el-select v-model="editAssetMeta.type" :popper-append-to-body="false" class="right-box__select" popper-class="right-box-select-top prevent-clickoutside right-box-select-width" size="small" @change="selectType">
+                <el-option v-for="(item, index) in typeData" :key="index" :value="item.value" :disabled="item.disabled" :label="item.name">
                   <div><i :class="item.icon"></i>&nbsp;&nbsp;<span>{{item.name}}</span></div>
                 </el-option>
               </el-select>
diff --git a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
index 0de3fe4c0..128a6793c 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
@@ -941,7 +941,7 @@
                         style="margin-right: 10px"
                         @change="change('valueMapping', index)"
                         filterable
-                        allow-create
+                        allow-create :maxlength="64"
                         default-first-option
                       >
                       <el-option
@@ -1019,7 +1019,7 @@
                 size="small"
                 @change="change"
                 filterable
-                allow-create
+                allow-create :maxlength="64"
                 default-first-option
               >
                 <el-option
diff --git a/nezha-fronted/src/components/common/rightBox/chart/otherChartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/otherChartConfig.vue
index 488eb7928..0f60c3a84 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/otherChartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/otherChartConfig.vue
@@ -195,7 +195,7 @@
                 size="small"
                 @change="change"
                 filterable
-                allow-create
+                allow-create :maxlength="64"
                 default-first-option
               >
                 <el-option
diff --git a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
index 94cbb87de..cc2b41f29 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/systemChartConfig.vue
@@ -692,7 +692,7 @@
                         style="margin-right: 10px"
                         @change="change('valueMapping', index)"
                         filterable
-                        allow-create
+                        allow-create :maxlength="64"
                         default-first-option
                       >
                       <el-option
@@ -771,7 +771,7 @@
                 size="small"
                 @change="change"
                 filterable
-                allow-create
+                allow-create :maxlength="64"
                 default-first-option
               >
                 <el-option
diff --git a/nezha-fronted/src/components/common/rightBox/issueBox.vue b/nezha-fronted/src/components/common/rightBox/issueBox.vue
index 48ee8c34d..46ab1fa6b 100644
--- a/nezha-fronted/src/components/common/rightBox/issueBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/issueBox.vue
@@ -33,7 +33,7 @@
                         :placeholder="editIssue.type"
                         style="margin-right: 10px"
                         filterable
-                        allow-create
+                        allow-create :maxlength="64"
                         default-first-option
                       >
                       <el-option
diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
index 6326c9fec..447ed03f8 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -52,6 +52,7 @@
             <!--              <el-input placeholder="" v-model=""></el-input>-->
             <el-autocomplete
               id="module-box-input-pattern"
+              :maxlength="64"
               v-model="editModule.endpointNameTmpl"
               :fetch-suggestions="querySearch"
               :placeholder="$t('overall.placeHolder')"
diff --git a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
index 5f98ac4c9..9fb5a76f6 100644
--- a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
+++ b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
@@ -16,6 +16,7 @@
              id="traffic-setting-asset"
              popper-class="no-style-class"
              size="small"
+             :maxlength="64"
              v-model="assetSetting.host"
            ></el-autocomplete>
           <el-popover @hide="popHide" @show="popShow" placement="bottom" popper-class="no-style-class" trigger="hover">
@@ -177,6 +178,7 @@
                     :trigger-on-focus="true"
                     popper-class="no-style-class"
                     size="mini"
+                    :maxlength="64"
                     :highlight-first-item="true"
                     @input="ifIndexInputChange(scope.row[item.prop],scope.row,scope.$index)"
                   ></el-autocomplete>
diff --git a/nezha-fronted/src/components/common/searchBox/searchBox.vue b/nezha-fronted/src/components/common/searchBox/searchBox.vue
index b9a1e4fa3..d2a5ee66b 100644
--- a/nezha-fronted/src/components/common/searchBox/searchBox.vue
+++ b/nezha-fronted/src/components/common/searchBox/searchBox.vue
@@ -182,7 +182,7 @@
             v-model="editDialogObj.realValue"
             multiple
             filterable
-            allow-create
+            allow-create :maxlength="64"
             default-first-option
             :filter-method="dialogValueListSet"
             v-loadMore="{