diff --git a/nezha-fronted/src/components/common/language/en.js b/nezha-fronted/src/components/common/language/en.js
index e7df133c3..c7e9b5458 100644
--- a/nezha-fronted/src/components/common/language/en.js
+++ b/nezha-fronted/src/components/common/language/en.js
@@ -718,12 +718,12 @@ const en = {
     model: {
       model: 'Asset model',
       brand: 'Brand',
-      name: 'Asset model',
+      name: 'Name',
       ChartTemplate: 'ChartTemplate',
       assetNum: 'AssetNum',
       editModel: 'Edit model',
-      createModel: 'Create model',
-      remark: 'Remark',
+      createModel: 'Add model',
+      remark: 'Description',
       type: 'Type'
     },
     terminallog: {
@@ -972,13 +972,14 @@ const en = {
     },
     assetType: {
       assetType: 'Asset Type',
+      type: 'Asset Type',
       name:'Name',
       vm:'VM',
       vmh:'VMH',
       authProtocol:'AuthProtocol',
       snmpEnable: 'SnmpEnable',
       snmpCollect:'SnmpCollect',
-      createModel:'CreateModel',
+      createModel:'Add Type',
       sshCollect:'SshCollect',
       sshCollectScript:'SshCollectScript',
       parent: 'Parent',
@@ -995,7 +996,7 @@ const en = {
       editAssetState: 'Edit asset state'
     },
     assetLabel: {
-      addMeta:'addMeta',
+      addMeta:'Add lables',
       example: 'Example',
       assetLabel: 'Asset labels',
       all: 'All',
diff --git a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
index a87789b16..ef4eb982a 100644
--- a/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/administration/modelBox.vue
@@ -19,10 +19,6 @@
               <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>
-          <!--remark-->
-          <el-form-item :label="$t('config.model.remark')" prop="remark">
-            <el-input v-model="editModel.remark" size="small" type="text"></el-input>
-          </el-form-item>
           <!-- ChartTemplate -->
           <el-form-item :label="$t('config.model.ChartTemplate')" prop="ChartTemplate">
             <v-selectpage
@@ -39,6 +35,10 @@
             @values="(data) => {editModel.chartIds = data.map(d => d.id).join(',')}"
           ></v-selectpage>
           </el-form-item>
+          <!--remark-->
+          <el-form-item :label="$t('config.model.remark')" prop="remark">
+            <el-input v-model="editModel.remark" size="small" type="text"></el-input>
+          </el-form-item>
         </el-form>
       </div>
     </div>
diff --git a/nezha-fronted/src/components/common/rightBox/agentBox.vue b/nezha-fronted/src/components/common/rightBox/agentBox.vue
index 5b9d08361..695100197 100644
--- a/nezha-fronted/src/components/common/rightBox/agentBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/agentBox.vue
@@ -12,16 +12,16 @@
     <!-- end--顶部按钮-->
 
     <!-- begin--标题-->
-    <div class="right-box-title">{{editPromServer.id ? ($t("config.promServer.editProm") + "  ID：" + editPromServer.id) : $t("config.promServer.createProm")}}</div>
+    <div class="right-box__header">{{editPromServer.id ? ($t("config.promServer.editProm") + "  ID：" + editPromServer.id) : $t("config.promServer.createProm")}}</div>
     <!-- end--标题-->
 
     <!-- begin--表单-->
-    <div class="right-box-form-box">
+    <div class="right-box__container">
       <el-form ref="promServerForm" :model="editPromServer" :rules="rules" class="right-box-form right-box-form-left" label-position = "top" label-width="120px">
         <!--DC-->
         <el-form-item :label="$t('config.dc.dc')" prop="dc.name">
           <div class="right-box-form-content">
-            <el-select id="prom-box-input-dc" v-model="editPromServer.dc" placeholder="" popper-class="config-dropdown" size="small" value-key="id">
+            <el-select id="prom-box-input-dc" v-model="editPromServer.dc" placeholder="" class="right-box__select" popper-class="right-box-select-dropdown prevent-clickoutside" size="small" value-key="id">
               <el-option v-for="item in dcData" :id="'prom-edit-dc-op-'+item.id" :key="item.id" :label="item.name" :value="item">
                 <span class="config-dropdown-label-txt">{{item.name}}</span>
               </el-option>
@@ -48,7 +48,7 @@
 <!--            :options="$CONSTANTS.promServer.theData"-->
 <!--            :props="{ multiple: false, checkStrictly: false ,emitPath:false}"-->
 <!--            clearable></el-cascader>-->
-          <el-select  v-model="editPromServer.type" :disabled="editPromServer.id != null&& editPromServer.id != ''" placeholder="" popper-class="config-dropdown" size="small" value-key="value">
+          <el-select  v-model="editPromServer.type" :disabled="editPromServer.id != null&& editPromServer.id != ''" placeholder="" class="right-box__select" popper-class="right-box-select-dropdown prevent-clickoutside" size="small" value-key="value">
             <el-option v-for="item in agent2.theData" :key="item.value" :label="item.label" :value="item.value">
               <span class="panel-dropdown-label-txt" >{{item.label}}</span>
             </el-option>
diff --git a/nezha-fronted/src/components/common/rightBox/dcBox.vue b/nezha-fronted/src/components/common/rightBox/dcBox.vue
index 9572876c1..83ee47b5d 100644
--- a/nezha-fronted/src/components/common/rightBox/dcBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/dcBox.vue
@@ -10,11 +10,11 @@
       <!-- end--顶部按钮-->
 
       <!-- begin--标题-->
-      <div class="right-box-title">{{editDc.id ? ($t("config.dc.editDc") + "  ID：" + editDc.id) : $t("config.dc.createDc")}}</div>
+      <div class="right-box__header">{{editDc.id ? ($t("config.dc.editDc") + "  ID：" + editDc.id) : $t("config.dc.createDc")}}</div>
       <!-- end--标题-->
 
       <!-- begin--表单-->
-      <div class="right-box-form-box">
+      <div class="right-box__container">
         <el-form class="right-box-form right-box-form-left" 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>
@@ -26,7 +26,7 @@
             <el-input placeholder="" v-model="editDc.tel" size="small" id="dc-box-input-tel"></el-input>
           </el-form-item>
           <el-form-item :label='$t("asset.principal")' prop="principal">
-            <el-select value-key="id" popper-class="config-dropdown" v-model="editDc.principal" placeholder="" size="small" id="dc-box-input-principal">
+            <el-select value-key="id" class="right-box__select" popper-class="right-box-select-dropdown prevent-clickoutside" v-model="editDc.principal" placeholder="" size="small" id="dc-box-input-principal">
               <el-option v-for="item in userData" :id="'dc-principal-op-'+item.userId" :key="item.userId" :label="item.username" :value="item.userId">
                 <span>{{item.username}}</span>
               </el-option>
diff --git a/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue b/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
index fe7f8734c..ba7e140b9 100644
--- a/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/exprTmplBox.vue
@@ -11,13 +11,13 @@
     <!-- end--顶部按钮-->
 
     <!-- begin--标题-->
-    <div class="right-box-title">{{editExprTemp.id ? $t("config.exprTemp.edit") + " ID：" + editExprTemp.id :
+    <div class="right-box__header">{{editExprTemp.id ? $t("config.exprTemp.edit") + " ID：" + editExprTemp.id :
       $t("config.exprTemp.create")}}
     </div>
     <!-- end--标题-->
 
     <!-- begin--表单-->
-    <div class="right-box-form-box">
+    <div class="right-box__container">
       <el-form ref="ExprTempForm" :model="editExprTemp" :rules="rules"
                class="right-box-form right-box-form-left" label-position="top" label-width="120px">
         <el-form-item :label="$t('config.exprTemp.name')" prop="name">
diff --git a/nezha-fronted/src/components/common/rightBox/mibBox.vue b/nezha-fronted/src/components/common/rightBox/mibBox.vue
index 0df6ef1bc..f7e6eddc3 100644
--- a/nezha-fronted/src/components/common/rightBox/mibBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/mibBox.vue
@@ -10,11 +10,11 @@
     <!-- end--顶部按钮-->
 
     <!-- begin--标题-->
-    <div class="right-box-title">{{editMib.id ? ($t("config.mib.editMib") + "  ID：" + editMib.id) : $t("config.mib.createMib")}}</div>
+    <div class="right-box__header">{{editMib.id ? ($t("config.mib.editMib") + "  ID：" + editMib.id) : $t("config.mib.createMib")}}</div>
     <!-- end--标题-->
 
     <!-- begin--表单-->
-    <div class="right-box-form-box">
+    <div class="right-box__container">
       <el-form class="right-box-form  right-box-form-left" :model="editMib" label-position = "top" label-width="120px" :rules="rules" ref="mibForm">
         <el-form-item :label='$t("config.mib.models")' prop="models" :rules="[{validator:checkModels,trigger:'change'}]" >
           <el-cascader
@@ -28,7 +28,8 @@
             collapse-tags
             :placeholder="$t('config.mib.modelTip')"
             size="small"
-            class="right-box-form-row"
+            class="right-box__select" 
+            popper-class="right-box-select-dropdown prevent-clickoutside"
             clearable></el-cascader>
         </el-form-item>
         <el-form-item :label="$t('config.mib.remark')" prop="remark">
diff --git a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
index 8cc1f68cb..cec742b66 100644
--- a/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/snmpCredentialBox.vue
@@ -10,11 +10,11 @@
       <!-- end--顶部按钮-->
 
       <!-- begin--标题-->
-      <div class="right-box-title">{{editCredential.id ? ($t("config.mib.credential.edit") + "  ID：" + editCredential.id) : $t("config.mib.credential.create")}}</div>
+      <div class="right-box__header">{{editCredential.id ? ($t("config.mib.credential.edit") + "  ID：" + editCredential.id) : $t("config.mib.credential.create")}}</div>
       <!-- end--标题-->
 
       <!-- begin--表单-->
-      <div class="right-box-form-box">
+      <div class="right-box__container">
         <el-form class="right-box-form right-box-form-left" 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>