diff --git a/nezha-fronted/.gitignore b/nezha-fronted/.gitignore
index 722b02965..7a135414c 100644
--- a/nezha-fronted/.gitignore
+++ b/nezha-fronted/.gitignore
@@ -1,7 +1,7 @@
 .DS_Store
 node_modules/
 /dist/
-/static/
+
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
diff --git a/nezha-fronted/src/assets/css/components/chart/chart.scss b/nezha-fronted/src/assets/css/components/chart/chart.scss
index 1c892b8dc..4a4981234 100644
--- a/nezha-fronted/src/assets/css/components/chart/chart.scss
+++ b/nezha-fronted/src/assets/css/components/chart/chart.scss
@@ -313,13 +313,18 @@
         .basic-info-table-list {
           display: flex;
           .basic-info-table-title,.basic-info-table-value {
-            display: inline-block;
+            display: inline-flex;
             flex-wrap: wrap;
             width: 50%;
             line-height: 30px;
             padding-left: 10px;
             border-bottom: 1px solid $--border-color-light;
             border-right: 1px solid $--border-color-light;
+            .alert-days-info{
+              div {
+                vertical-align: middle;
+              }
+            }
           }
           .basic-info-table-value {
             border-right: none;
diff --git a/nezha-fronted/src/assets/css/components/common/chartUnit.scss b/nezha-fronted/src/assets/css/components/common/chartUnit.scss
index fed06acfb..21d47f2ff 100644
--- a/nezha-fronted/src/assets/css/components/common/chartUnit.scss
+++ b/nezha-fronted/src/assets/css/components/common/chartUnit.scss
@@ -20,6 +20,7 @@
 }
 .chart-unit .el-input__inner {
   border-top-left-radius: 0 !important;
-  border-color: $--border-color-base;
+  border-color: $--explore-border-color-bottom;
+  // border-color: $--button-icon-border-color;
   border-bottom-left-radius: 0 !important;
 }
diff --git a/nezha-fronted/src/assets/css/components/page/config/mibBrowser.scss b/nezha-fronted/src/assets/css/components/page/config/mibBrowser.scss
index b1063245c..053fd0e8e 100644
--- a/nezha-fronted/src/assets/css/components/page/config/mibBrowser.scss
+++ b/nezha-fronted/src/assets/css/components/page/config/mibBrowser.scss
@@ -139,6 +139,7 @@
   }
   .mib-browser-detail-row>div {
     padding-left: 5px;
+    box-sizing: border-box;
   }
   .mib-browser-detail-description {
     padding: 0 14px 0 0;
@@ -230,3 +231,9 @@
   border-color: unset;
   background-color: unset;
 }
+.plTableBox.mib-browser-table{
+  .el-table:not(.chart-table) .gutter{
+    right: 53px !important;
+    height: 40px !important;
+  }
+}
\ No newline at end of file
diff --git a/nezha-fronted/src/assets/css/components/page/dashboard/explore/explore.scss b/nezha-fronted/src/assets/css/components/page/dashboard/explore/explore.scss
index b0f4c9ed1..5299425cb 100644
--- a/nezha-fronted/src/assets/css/components/page/dashboard/explore/explore.scss
+++ b/nezha-fronted/src/assets/css/components/page/dashboard/explore/explore.scss
@@ -209,6 +209,11 @@
       }
     }
   }
+  .top-tools {
+    .chart-unit .el-input__inner {
+      border-color: $--button-icon-border-color;
+    }
+  }
 }
 /*外部引用 样式start*/
 .doc-content {
diff --git a/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss b/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss
index bf5f4e331..f48884261 100644
--- a/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss
+++ b/nezha-fronted/src/assets/css/components/page/dashboard/explore/promqlInput.scss
@@ -169,3 +169,11 @@
 
   }
 }
+.topo-page {
+  .promqlInput {
+    .el-cascader-menu {
+      width: 200px;
+      height: 100%;
+    }
+  }
+}
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/IpDetails.vue b/nezha-fronted/src/components/common/bottomBox/tabs/IpDetails.vue
index e1e1f0354..a4c0359f5 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/IpDetails.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/IpDetails.vue
@@ -36,7 +36,7 @@
         >
           <template v-slot:before>
             <div>
-              <el-dropdown-item>
+              <el-dropdown-item :disabled="batchDeleteObjs.length==0">
                 <delete-button
                   ref="deleteButton"
                   :from="'ipDetails'"
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue
index 89eef4e1a..4a8bc2760 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue
@@ -54,7 +54,7 @@
         >
           <template v-slot:before>
             <div>
-              <el-dropdown-item>
+              <el-dropdown-item :disabled="batchDeleteObjs.length==0">
                 <delete-button
                   ref="deleteButton"
                   :from="'cabinetTab'"
diff --git a/nezha-fronted/src/components/common/deleteButton.vue b/nezha-fronted/src/components/common/deleteButton.vue
index 35a1277fb..4ac183c40 100644
--- a/nezha-fronted/src/components/common/deleteButton.vue
+++ b/nezha-fronted/src/components/common/deleteButton.vue
@@ -1,9 +1,12 @@
 <template>
-  <div :class="['delete-button',(deleteObjs.length<1?'':'delete-button-light')]">
-    <button v-if="this.type === 'button'" :id="id" :class="{'nz-btn-disabled' : deleteObjs.length<1}" class="top-tool-btn top-tool-btn--delete" @click="batchDelete" :title="$t('overall.delete')">
-      <span><i class="nz-icon nz-icon-delete" ></i></span>
-    </button>
-    <div v-if="this.type === 'link'" :id="id" :class="{'nz-btn-disabled' : deleteObjs.length<1}" @click="batchDelete" :title="$t('overall.delete')">
+  <div>
+    <div :class="['delete-button',(deleteObjs.length<1?'':'delete-button-light')]">
+      <button v-if="this.type === 'button'" :id="id" :class="{'nz-btn-disabled' : deleteObjs.length<1}" class="top-tool-btn top-tool-btn--delete" @click="batchDelete" :title="$t('overall.delete')">
+        <span><i class="nz-icon nz-icon-delete" ></i></span>
+      </button>
+    </div>
+
+    <div v-if="this.type === 'link'" :id="id" @click="batchDelete" :title="$t('overall.delete')">
       <span><i class="nz-icon nz-icon-delete" ></i>{{title}}</span>
     </div>
     <el-dialog
diff --git a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
index ef2103942..502dba41c 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
+++ b/nezha-fronted/src/components/common/rightBox/chart/chartConfig.vue
@@ -1246,6 +1246,9 @@ export default {
         return
       }
       this.chartConfig.param.thresholds.splice(index, 1)
+      this.chartConfig.param.thresholds.forEach((item, index) => {
+        this.$refs.chartForm.validateField('param.thresholds.' + index + '.value')
+      })
       this.change()
     },
     move () {
diff --git a/nezha-fronted/src/components/common/rightBox/chart/publicConfig.js b/nezha-fronted/src/components/common/rightBox/chart/publicConfig.js
index 0458bfd0c..b17fee045 100644
--- a/nezha-fronted/src/components/common/rightBox/chart/publicConfig.js
+++ b/nezha-fronted/src/components/common/rightBox/chart/publicConfig.js
@@ -507,11 +507,14 @@ export default {
         this.expressions.splice(index, 1)
         this.expressionName.splice(index, 1)
         this.expressionsShow.splice(index, 1)
+        this.chartConfig.elements.forEach((item, index) => {
+          this.$refs.chartForm.validateField('elements.' + index + '.expression')
+        })
         this.$nextTick(() => {
           this.expressions.forEach((ex, index) => {
             if (ex) {
               this.$refs[`promql-${index}`][0].metricChange(ex)
-              this.$refs[`promql-${index}`][0].promqlInputChange(ex)
+              this.$refs[`promql-${index}`][0].promqlInputCahnge(ex)
             }
           })
         })
@@ -552,6 +555,14 @@ export default {
     },
     removeMapping (index) {
       this.chartConfig.param.valueMapping.splice(index, 1)
+      this.chartConfig.param.valueMapping.forEach((item, index) => {
+        this.$refs.chartForm.validateField('param.valueMapping.' + index + '.value')
+        this.$refs.chartForm.validateField('param.valueMapping.' + index + '.from')
+        this.$refs.chartForm.validateField('param.valueMapping.' + index + '.to')
+        this.$refs.chartForm.validateField('param.valueMapping.' + index + '.regx')
+        this.$refs.chartForm.validateField('param.valueMapping.' + index + '.column')
+        this.$refs.chartForm.validateField('param.valueMapping.' + index + '.display')
+      })
       this.change()
     },
     showMapping (index) {
diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
index 795b8b899..21120604f 100644
--- a/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
+++ b/nezha-fronted/src/components/common/rightBox/editEndpointBoxNew.vue
@@ -1311,6 +1311,7 @@ export default {
     // 删除pipeline
     delPipeline (logsIndex, pipeLineIndex) {
       this.editEndpoint.configs[1].config[logsIndex].pipeline.splice(pipeLineIndex, 1)
+      this.$refs.moduleForm.clearValidate()
     },
     // 添加pipelineItem
     addPipelineItem (logsIndex, pipelineIndex) {
@@ -1354,6 +1355,7 @@ export default {
       } else if (val === 'labels') {
         this.editEndpoint.configs[1].config[logsIndex].pipeline[pipelineIndex].labels.splice(itemIndex, 1)
       }
+      this.$refs.moduleForm.clearValidate()
     },
     resultFormat (resp) {
       if (resp && resp.data) {
@@ -1457,6 +1459,7 @@ export default {
       //   return
       // }
       this.editEndpoint.configs[0].config.relabel_config.splice(index, 1)
+      this.$refs.moduleForm.clearValidate()
     },
     tagsChangeRelabel (newTags, index) {
       this.editEndpoint.configs[0].config.relabel_config[index].source_labels = newTags.map(item => item.text)
diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
index 37b43f44f..6b14d9bd5 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -1064,6 +1064,7 @@ export default {
       //   return
       // }
       this.editModule.configs[0].config.relabel_config.splice(index, 1)
+      this.$refs.moduleForm.clearValidate()
     },
     tagsChange (newTags, index) {
       this.editModule.paramObj[index].value = newTags.map(item => item.text)
@@ -1259,6 +1260,7 @@ export default {
     // 删除pipeline
     delPipeline (logsIndex, pipeLineIndex) {
       this.editModule.configs[1].config[logsIndex].pipeline.splice(pipeLineIndex, 1)
+      this.$refs.moduleForm.clearValidate()
     },
     // 添加pipelineItem
     addPipelineItem (logsIndex, pipelineIndex) {
@@ -1292,6 +1294,7 @@ export default {
       } else if (val === 'labels') {
         this.editModule.configs[1].config[logsIndex].pipeline[pipelineIndex].labels.splice(itemIndex, 1)
       }
+      this.$refs.moduleForm.clearValidate()
     }
   },
   mounted () {
diff --git a/nezha-fronted/src/components/page/alert/alertMessage.vue b/nezha-fronted/src/components/page/alert/alertMessage.vue
index a5fd50bcb..7663df736 100644
--- a/nezha-fronted/src/components/page/alert/alertMessage.vue
+++ b/nezha-fronted/src/components/page/alert/alertMessage.vue
@@ -35,7 +35,7 @@
         >
           <template v-slot:before>
             <div>
-              <el-dropdown-item>
+              <el-dropdown-item :disabled="batchDeleteObjs.length==0">
                 <delete-button
                   ref="deleteButton"
                   :from="'alertMessage'"
diff --git a/nezha-fronted/src/components/page/alert/alertRule.vue b/nezha-fronted/src/components/page/alert/alertRule.vue
index d49e11f83..b4d0f6165 100644
--- a/nezha-fronted/src/components/page/alert/alertRule.vue
+++ b/nezha-fronted/src/components/page/alert/alertRule.vue
@@ -99,7 +99,7 @@
         >
           <template v-slot:before>
             <div>
-              <el-dropdown-item>
+              <el-dropdown-item :disabled="batchDeleteObjs.length==0">
                 <delete-button
                   ref="deleteButton"
                   :from="'alertRule'"
diff --git a/nezha-fronted/src/components/page/asset/asset.vue b/nezha-fronted/src/components/page/asset/asset.vue
index 556056e4f..75c3e4822 100644
--- a/nezha-fronted/src/components/page/asset/asset.vue
+++ b/nezha-fronted/src/components/page/asset/asset.vue
@@ -114,7 +114,7 @@
               <el-dropdown-item>
                 <div id="asset-batch-asset" v-has="'asset_edit'" @click="batchEdit"><i class="nz-icon nz-icon-batch-edit"></i>{{$t('overall.batchEdit')}}</div>
               </el-dropdown-item>
-              <el-dropdown-item>
+              <el-dropdown-item :disabled="batchDeleteObjs.length==0">
                 <delete-button
                   ref="deleteButton"
                   :from="'asset'"
diff --git a/nezha-fronted/src/components/page/config/dc.vue b/nezha-fronted/src/components/page/config/dc.vue
index b041c2682..b15507cce 100644
--- a/nezha-fronted/src/components/page/config/dc.vue
+++ b/nezha-fronted/src/components/page/config/dc.vue
@@ -105,7 +105,7 @@
         >
           <template v-slot:before>
             <div>
-              <el-dropdown-item>
+              <el-dropdown-item :disabled="batchDeleteObjs.length==0">
                 <delete-button
                   ref="deleteButton"
                   :from="'datacenter'"
diff --git a/nezha-fronted/src/components/page/config/ipam.vue b/nezha-fronted/src/components/page/config/ipam.vue
index 7cdcd5b09..400f87e1f 100644
--- a/nezha-fronted/src/components/page/config/ipam.vue
+++ b/nezha-fronted/src/components/page/config/ipam.vue
@@ -31,7 +31,7 @@
         >
           <template v-slot:before>
             <div>
-              <el-dropdown-item>
+              <el-dropdown-item :disabled="batchDeleteObjs.length==0">
                 <delete-button
                   ref="deleteButton"
                   :from="'ipam'"
diff --git a/nezha-fronted/src/components/page/config/mibBrowser.vue b/nezha-fronted/src/components/page/config/mibBrowser.vue
index a94888aae..4758b3241 100644
--- a/nezha-fronted/src/components/page/config/mibBrowser.vue
+++ b/nezha-fronted/src/components/page/config/mibBrowser.vue
@@ -578,3 +578,12 @@ export default {
   }
 }
 </script>
+<style scoped>
+
+.document-copy-text{
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+</style>
diff --git a/nezha-fronted/src/components/page/config/model.vue b/nezha-fronted/src/components/page/config/model.vue
index 755c2c432..2dbce9d7f 100644
--- a/nezha-fronted/src/components/page/config/model.vue
+++ b/nezha-fronted/src/components/page/config/model.vue
@@ -31,7 +31,7 @@
         >
           <template v-slot:before>
             <div>
-              <el-dropdown-item>
+              <el-dropdown-item :disabled="batchDeleteObjs.length==0">
                 <delete-button
                   ref="deleteButton"
                   :from="'model'"
diff --git a/nezha-fronted/src/components/page/config/template/chartTemp.vue b/nezha-fronted/src/components/page/config/template/chartTemp.vue
index 7269a465a..eeeb0db35 100644
--- a/nezha-fronted/src/components/page/config/template/chartTemp.vue
+++ b/nezha-fronted/src/components/page/config/template/chartTemp.vue
@@ -35,7 +35,7 @@
         >
           <template v-slot:before>
             <div>
-              <el-dropdown-item>
+              <el-dropdown-item :disabled="batchDeleteObjs.length==0">
                 <delete-button
                   ref="deleteButton"
                   :from="'chartTemp'"
diff --git a/nezha-fronted/src/components/page/config/template/exprTemp.vue b/nezha-fronted/src/components/page/config/template/exprTemp.vue
index 59e12caf1..1488cfcf7 100644
--- a/nezha-fronted/src/components/page/config/template/exprTemp.vue
+++ b/nezha-fronted/src/components/page/config/template/exprTemp.vue
@@ -28,7 +28,7 @@
         >
           <template v-slot:before>
             <div>
-              <el-dropdown-item>
+              <el-dropdown-item :disabled="batchDeleteObjs.length==0">
                 <delete-button
                   ref="deleteButton"
                   :from="'exprTemp'"
diff --git a/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue b/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue
index 420486ba8..9847ab42f 100644
--- a/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue
+++ b/nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue
@@ -111,7 +111,7 @@
               <el-dropdown-item>
                 <div id="asset-batch-asset" v-has="'asset_edit'" @click="batchEdit"><i class="nz-icon nz-icon-batch-edit"></i>{{$t('overall.batchEdit')}}</div>
               </el-dropdown-item>
-              <el-dropdown-item>
+              <el-dropdown-item :disabled="batchDeleteObjs.length==0">
                 <delete-button
                   ref="deleteButton"
                   :from="'endpoint'"
diff --git a/nezha-fronted/src/components/page/monitor/module/moduleList.vue b/nezha-fronted/src/components/page/monitor/module/moduleList.vue
index d2b7cc131..686da3187 100644
--- a/nezha-fronted/src/components/page/monitor/module/moduleList.vue
+++ b/nezha-fronted/src/components/page/monitor/module/moduleList.vue
@@ -101,7 +101,7 @@
         >
           <template v-slot:before>
             <div>
-              <el-dropdown-item>
+              <el-dropdown-item :disabled="batchDeleteObjs.length==0">
                 <delete-button
                   ref="deleteButton"
                   :from="'module'"