diff --git a/nezha-fronted/src/assets/stylus/main.scss b/nezha-fronted/src/assets/stylus/main.scss
index 15bf1a0b2..66f52acef 100644
--- a/nezha-fronted/src/assets/stylus/main.scss
+++ b/nezha-fronted/src/assets/stylus/main.scss
@@ -72,6 +72,12 @@ html {
 }
 
 /* begin--按钮组件*/
+.nz-btn-min-width-35 {
+  min-width: 35px;
+}
+.nz-btn-min-width-60 {
+  min-width: 60px;
+}
 .nz-btn-min-width-75 {
   min-width: 75px;
 }
@@ -90,21 +96,30 @@ html {
   white-space: nowrap;
   font-size: 14px;
   line-height: 16px;
+  position: relative;
 }
 .nz-btn.nz-btn-size-normal {
+  font-size: 12px;
   padding: 4px 8px;
 }
 .nz-btn.nz-btn-size-small {
   font-size: 12px;
   padding: 2px 5px;
 }
+.nz-btn.nz-btn-size-small i {
+  font-size: 12px;
+}
 .nz-btn-size-large {
   padding: 7px 15px;
 }
-.nz-btn.nz-btn-size-alien { //弹框顶部异形按钮
+.nz-btn.nz-btn-size-normal.nz-btn-size-alien { //弹框顶部异形按钮
   height: 40px;
   border-radius: 0 0 10px 10px;
 }
+.nz-btn.nz-btn-size-small.nz-btn-size-alien { //弹框顶部异形按钮
+  height: 32px;
+  border-radius: 0 0 8px 8px;
+}
 .nz-btn.nz-btn-style-normal { /* 橙色按钮 */
   background-image: $btn-normal-background-color;
   color: $btn-normal-txt-color;
@@ -116,6 +131,7 @@ html {
   border: 0px;
   color: $btn-light-txt-color;
   box-shadow: $btn-light-shadow;
+
   letter-spacing: 0;
 }
 .nz-btn.nz-btn-style-pure-white { /*纯白色按钮*/
@@ -161,8 +177,8 @@ html {
 
 /* begin--el-input扩展 */
 .input-x-mini .el-input__inner {
-  height: 22px;
-  line-height: 22px;
+  height: 26px;
+  line-height: 26px;
   padding: 0 5px;
   font-size: 12px;
 }
@@ -307,7 +323,7 @@ html {
   border-right: none;
 }
 .content-right .el-table td {
-  padding: 4px 0;
+  padding: 0;
 }
 .content-right>.el-table th {
   padding: 0;
@@ -366,6 +382,8 @@ html {
 }
 /* end--分页*/
 
+
+
 /* begin--右弹框滑入滑出动画*/
 @keyframes slide-in-from-right-580 {
   from {right: -630px}
@@ -460,13 +478,48 @@ html {
 .right-box-top-btns button {
   margin-left: 20px;
 }
+.right-box-top-btn-icon {
+  position: absolute;
+  top: 5px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.right-box-top-btn-txt {
+  position: absolute;
+  left: 50%;
+  top: 21px;
+  transform: translateX(-50%);
+}
 .pop-top-btns {
   text-align: center;
   float: right;
+  padding-right: 16px;
+}
+.pop-top-btns button {
+  margin-left: 15px;
+}
+.pop-top-btn-icon {
+  position: absolute;
+  top: 2px;
+  left: 50%;
+  transform: translateX(-50%);
+}
+.pop-top-btn-txt {
+  position: absolute;
+  left: 50%;
+  top: 16px;
+  transform: translateX(-50%);
 }
 /* end--右侧弹框--顶部按钮*/
 
 /* begin--右侧弹框--内容*/
+.nz-pop { /*小弹框*/
+  padding-top: 0;
+  box-shadow: 0 0 12px 0 rgba(0,0,0,0.20);
+}
+.nz-pop2 {
+  padding: 0 20px 20px 20px;
+}
 .right-box-title {
   height: 36px;
   text-align: left;
@@ -479,7 +532,8 @@ html {
   line-height: 25px;
   text-align: left;
   display: inline-block;
-  font-weight: bold;
+  padding-top: 14px;
+  color: $box-title-color;
 }
 .pop-item, .pop-item-wider {
   padding-top: 25px;
@@ -494,7 +548,7 @@ html {
   padding-bottom: 5px;
 }
 .pop-item .el-input {
-  width: 200px;
+  width: calc(100% - 92px);
 }
 .pop-item .nz-btn {
   width: 50px;
@@ -505,8 +559,8 @@ html {
   padding: 2px 0;
 }
 .pop-box-asset {
-  height: 160px;
-  width: 247px;
+  height: 360px;
+  width: 100%;
 }
 .pop-box-asset li {
   height: 24px;
@@ -517,8 +571,15 @@ html {
   vertical-align: top;
   width: 90%;
 }
+.config-dropdown-btn i {
+  font-size: 12px;
+}
 .pop-box-active {
-  background-color: #d8d8d8;
+  background-color: $global-text-color-active;
+  color: white;
+}
+.pop-box-active i {
+  color: white;
 }
 .right-box-form-box {
   height: calc(100% - 132px);
@@ -699,6 +760,7 @@ html {
 }
 /* end--endpoint->子弹框asset搜索框前缀和后缀*/
 
+
 /* begin--自定义可编辑的el-select下拉框样式*/
 .config-dropdown { /* 若宽度不合适，自行增加新类覆盖宽度 */
   width: 500px;
diff --git a/nezha-fronted/src/components/common/language/cn.js b/nezha-fronted/src/components/common/language/cn.js
index e31593eec..a03bf7409 100644
--- a/nezha-fronted/src/components/common/language/cn.js
+++ b/nezha-fronted/src/components/common/language/cn.js
@@ -9,6 +9,7 @@ const cn = {
     create: '新增',
     edit: '编辑',
     delete: '删除',
+    view: '查看',
     esc: '取消',
     cancel: '取消',
     save: '保存',
diff --git a/nezha-fronted/src/components/common/popBox/cabinetConfig.vue b/nezha-fronted/src/components/common/popBox/cabinetConfig.vue
index 6c7ae7607..b07e083d5 100644
--- a/nezha-fronted/src/components/common/popBox/cabinetConfig.vue
+++ b/nezha-fronted/src/components/common/popBox/cabinetConfig.vue
@@ -1,14 +1,16 @@
 <template>
-  <el-popover :placement="placement" @show="afterShow" width="400" @hide="hidePop"  ref="popBox" v-model="popBox.show">
+  <el-popover :placement="placement" @show="afterShow" width="400" @hide="hidePop"  ref="popBox" v-model="popBox.show" popper-class="nz-pop">
     <div class="">
       <div class="pop-window-assetType-content">
         <div class="pop-top-btns">
-          <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-small nz-btn-style-normal" id="cabinet-save">
-            <span class="top-tool-btn-txt" v-if="popBox.isEdit">{{$t('overall.save')}}</span>
-            <span class="top-tool-btn-txt" v-else>{{$t('overall.edit')}}</span>
+          <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-alien nz-btn-size-small nz-btn-style-light nz-btn-min-width-60" id="cabinet-save">
+            <span class="pop-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
+            <span class="pop-top-btn-txt" v-if="popBox.isEdit">{{$t('overall.save')}}</span>
+            <span class="pop-top-btn-txt" v-else>{{$t('overall.edit')}}</span>
           </button>
-          <button type="button" @click="esc" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square" id="cabinet-esc" >
-            <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
+          <button type="button" @click="esc" class="nz-btn nz-btn-size-alien nz-btn-size-small nz-btn-style-light nz-btn-min-width-35" id="cabinet-esc" >
+            <span class="pop-top-btn-icon"><i class="el-icon-close"></i></span>
+            <span class="pop-top-btn-txt">{{$t('overall.esc')}}</span>
           </button>
         </div>
         <!--标题-->
diff --git a/nezha-fronted/src/components/common/popBox/dcConfig.vue b/nezha-fronted/src/components/common/popBox/dcConfig.vue
index 20f4424a7..29610c90b 100644
--- a/nezha-fronted/src/components/common/popBox/dcConfig.vue
+++ b/nezha-fronted/src/components/common/popBox/dcConfig.vue
@@ -1,18 +1,21 @@
 <template>
-  <el-popover :placement="placement"  @show="afterShow"  width="400" @hide="hidePop"  ref="popBox" v-model="popBox.show">
+  <el-popover :placement="placement"  @show="afterShow"  width="400" @hide="hidePop"  ref="popBox" v-model="popBox.show" popper-class="nz-pop">
     <div class="">
       <!-- begin--顶部按钮-->
       <div class="pop-top-btns">
-        <button type="button" v-if="idc.id != ''" @click="del" class="nz-btn nz-btn-size-small nz-btn-style-light" id="dc-del">
-          <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
+        <button type="button" v-if="idc.id != '' && popBox.isEdit" @click="del" class="nz-btn nz-btn-size-small nz-btn-size-alien nz-btn-style-light nz-btn-min-width-60" id="dc-del">
+          <span class="pop-top-btn-icon"><i class="el-icon-delete"></i></span>
+          <span class="pop-top-btn-txt">{{$t('overall.delete')}}</span>
         </button>
-        <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-small nz-btn-style-normal" id="dc-save">
-          <span class="top-tool-btn-txt" v-if="popBox.isEdit">{{$t('overall.save')}}</span>
-          <span class="top-tool-btn-txt" v-else>{{$t('overall.edit')}}</span>
+        <button type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-alien nz-btn-size-small nz-btn-style-light nz-btn-min-width-60" id="dc-save">
+          <span class="pop-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
+          <span class="pop-top-btn-txt" v-if="popBox.isEdit">{{$t('overall.save')}}</span>
+          <span class="pop-top-btn-txt" v-else>{{$t('overall.edit')}}</span>
         </button>
 
-        <button type="button" @click="esc" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square" id="dc-esc">
-          <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
+        <button type="button" @click="esc" class="nz-btn nz-btn-size-alien nz-btn-size-small nz-btn-style-light nz-btn-min-width-35" id="dc-esc">
+          <span class="pop-top-btn-icon"><i class="el-icon-close"></i></span>
+          <span class="pop-top-btn-txt">{{$t('overall.esc')}}</span>
         </button>
       </div>
       <!-- end--顶部按钮-->
diff --git a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
index 9342d0faf..cdefba0bd 100644
--- a/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/addEndpointBox.vue
@@ -3,12 +3,6 @@
     <div class="right-box right-box-add-endpoint" v-if="rightBox.show" @mousedown="showEditParamBox(false)">
       <!-- begin--顶部按钮-->
       <div class="right-box-top-btns">
-        <!--<button type="button" @click="save" class="nz-btn nz-btn-size-normal nz-btn-style-normal" id="ep-add">
-          <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
-        </button>
-        <button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square" id="ep-esc">
-          <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
-        </button>-->
       </div>
       <!-- end--顶部按钮-->
 
diff --git a/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue b/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue
index a2ca20f62..fd5943d75 100644
--- a/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/alertConfigBox.vue
@@ -3,11 +3,13 @@
     <div class="right-box right-box-alert-config" v-if="rightBox.show">
       <!-- begin--顶部按钮-->
       <div class="right-box-top-btns">
-        <button type="button" v-if="alertRule.id != '' && rightBox.isEdit" id="alert-box-del" @click="del" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
-          <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
+        <button type="button" v-if="alertRule.id != '' && rightBox.isEdit" id="alert-box-del" @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
+          <span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
+          <span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
         </button>
-        <button v-if="!rightBox.isEdit" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="alert-box-edit">
-          <span class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
+        <button v-if="!rightBox.isEdit" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="alert-box-edit">
+          <span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
+          <span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
         </button>
 
         <!--<button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square" id="alert-box-esc">
diff --git a/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue b/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
index 6b13b6317..86fd40afc 100644
--- a/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/editEndpointBox.vue
@@ -3,18 +3,14 @@
     <div class="right-box right-box-edit-endpoint" v-if="rightBox.show">
       <!-- begin--顶部按钮-->
       <div class="right-box-top-btns">
-        <button id="edit-ep-del" type="button" v-if="rightBox.isEdit && endpoint.id != ''" @click="del" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
-          <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
+        <button id="edit-ep-del" type="button" v-if="rightBox.isEdit && endpoint.id != ''" @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
+          <span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
+          <span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
         </button>
-        <button id="edit-ep-edit" v-if="!rightBox.isEdit" type="button" @click="toEdit(true)" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
-          <span class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
+        <button id="edit-ep-edit" v-if="!rightBox.isEdit" type="button" @click="toEdit(true)" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
+          <span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
+          <span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
         </button>
-        <!--<button id="edit-ep-save" v-if="rightBox.isEdit" type="button" @click="save" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
-          <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
-        </button>
-        <button id="edit-ep-esc" type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
-          <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
-        </button>-->
       </div>
       <!-- end--顶部按钮-->
 
@@ -138,12 +134,6 @@
                 <button type="button" id="edit-add-param" @click="addParam" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
                   <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
                 </button>
-                <!-- <button type="button" @click="save" class="nz-btn nz-btn-size-normal nz-btn-style-normal nz-btn-edit-ok">
-                  <span class="top-tool-btn-txt">Ok</span>
-                </button>
-                <button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square nz-btn-edit-esc">
-                  <span class="top-tool-btn-txt">Cancel</i></span>
-                </button> -->
               </div>
             </template>
             <div class="param-box param-box-module">
diff --git a/nezha-fronted/src/components/common/rightBox/moduleBox.vue b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
index 46512c4cb..f46410b0a 100644
--- a/nezha-fronted/src/components/common/rightBox/moduleBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/moduleBox.vue
@@ -3,16 +3,14 @@
     <div class="right-box right-box-module" v-if="rightBox.show">
       <!-- begin--顶部按钮-->
       <div class="right-box-top-btns">
-        <button id="module-del" type="button" v-if="module.id != '' && rightBox.isEdit" @click="del" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
-          <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
+        <button id="module-del" type="button" v-if="module.id != '' && rightBox.isEdit" @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
+          <span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
+          <span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
         </button>
-        <button v-if="!rightBox.isEdit" id="module-save" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
-          <span class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
+        <button v-if="!rightBox.isEdit" id="module-save" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
+          <span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
+          <span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
         </button>
-
-        <!--<button id="module-esc" type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
-          <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
-        </button>-->
       </div>
       <!-- end--顶部按钮-->
 
diff --git a/nezha-fronted/src/components/common/rightBox/projectBox.vue b/nezha-fronted/src/components/common/rightBox/projectBox.vue
index b959f01af..fd0c0e19f 100644
--- a/nezha-fronted/src/components/common/rightBox/projectBox.vue
+++ b/nezha-fronted/src/components/common/rightBox/projectBox.vue
@@ -3,15 +3,14 @@
     <div class="right-box right-box-project" v-if="rightBox.show">
       <!-- begin--顶部按钮-->
       <div class="right-box-top-btns">
-        <button id="project-del" type="button" v-if="project.id != '' && rightBox.isEdit" @click="del" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
-          <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
+        <button id="project-del" type="button" v-if="project.id != '' && rightBox.isEdit" @click="del" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
+          <span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
+          <span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
         </button>
-        <button v-if="!rightBox.isEdit" id="project-edit" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
-          <span class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
+        <button v-if="!rightBox.isEdit" id="project-edit" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
+          <span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
+          <span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
         </button>
-        <!--<button id="project-esc" type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
-          <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
-        </button>-->
       </div>
       <!-- end--顶部按钮-->
 
diff --git a/nezha-fronted/src/components/page/alert/config.vue b/nezha-fronted/src/components/page/alert/config.vue
index c4d6d7cf3..079501b7d 100644
--- a/nezha-fronted/src/components/page/alert/config.vue
+++ b/nezha-fronted/src/components/page/alert/config.vue
@@ -223,7 +223,7 @@ export default {
           label: this.$t('alert.config.option'),
           prop: 'option',
           show: true,
-          width: 220
+          width: 230
         }
       ],
       tableData: [],
diff --git a/nezha-fronted/src/components/page/asset/assetAddUnit.vue b/nezha-fronted/src/components/page/asset/assetAddUnit.vue
index 50f6bd9b0..ffb8f4eea 100644
--- a/nezha-fronted/src/components/page/asset/assetAddUnit.vue
+++ b/nezha-fronted/src/components/page/asset/assetAddUnit.vue
@@ -2,13 +2,6 @@
   <transition name="right-box-580">
     <div class="right-box right-box-add-asset" v-if="addUnitShow" @click="editQuit">
       <div class="right-box-top-btns">
-        <!--<button type="button" @click.stop="addNewData('asset')" id="add-asset-new" class="nz-btn nz-btn-size-normal nz-btn-style-normal">
-          <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
-        </button>
-        <button type="button" @click.stop="sendStateData('close')" id="add-asset-esc"
-                class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
-          <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
-        </button>-->
       </div>
 
       <div class="right-box-title">{{$t('asset.createAssetTab.title')}}</div>
@@ -61,13 +54,16 @@
               <el-popover
                 placement="left"
                 v-model="popTypeVisible"
+                popper-class="nz-pop2"
+                width="370"
               >
                 <div class="pop-window-assetType" @click="editQuit()" id="asset-sub-assettype-edit">
                   <div class="pop-window-assetType-content">
                     <!--右上角按钮-->
                     <div class="pop-top-btns">
-                      <button type="button" @click="popoverClose('type')" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square" id="asset-sub-assettype-esc">
-                        <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
+                      <button type="button" @click="popoverClose('type')" class="nz-btn nz-btn-size-alien nz-btn-size-small nz-btn-style-light nz-btn-min-width-35" id="asset-sub-assettype-esc" >
+                        <span class="pop-top-btn-icon"><i class="el-icon-close"></i></span>
+                        <span class="pop-top-btn-txt">{{$t('overall.esc')}}</span>
                       </button>
                     </div>
                     <!--标题-->
@@ -76,8 +72,10 @@
                     <div class="pop-item">
                       <div class="pop-label">{{$t('asset.createAssetTab.assetTypeTab.addAssetType')}}</div>
                       <el-input class="input-x-mini" v-model="assetTypeData.value"/>
-                      <button type="button" @click="addNewData('assetType')" class="nz-btn nz-btn-size-small nz-btn-style-normal" id="asset-sub-assettype-add">
-                        <span class="top-tool-btn-txt">{{$t('overall.add')}}</span>
+                      <button type="button" @click.stop="addNewData('assetType')" class="nz-btn nz-btn-size-normal nz-btn-style-light float-right nz-btn-min-width-82" id="asset-sub-assettype-add">
+                        <span class="top-tool-btn-txt">
+                           <i class="nz-icon-create-square nz-icon"></i>
+                          {{$t('overall.add')}}</span>
                       </button>
                     </div>
                     <div class="pop-item">
@@ -97,7 +95,7 @@
                                   <el-input class="input-x-mini" v-model="item.value"/>
                                 </span>
                                 <span class="config-dropdown-btn" @click.stop="editOptionData(item,'type',index)" :id="'asset-sub-assettype-edit-'+index">
-                                  <i class="el-icon-edit-outline" v-if="!item.isEdit"></i>
+                                  <i class="nz-icon nz-icon-edit" v-if="!item.isEdit"></i>
                                   <i class="el-icon-check" v-if="item.isEdit" @click="editData('sys/dict/update',item)"></i>
                                 </span>
                                 <span class="config-dropdown-btn config-dropdown-btn-delete"
diff --git a/nezha-fronted/src/components/page/asset/assetEditUnit.vue b/nezha-fronted/src/components/page/asset/assetEditUnit.vue
index 6c7b5c8e7..695b2fae6 100644
--- a/nezha-fronted/src/components/page/asset/assetEditUnit.vue
+++ b/nezha-fronted/src/components/page/asset/assetEditUnit.vue
@@ -3,19 +3,16 @@
     <div class="right-box right-box-add-asset" v-if="editUnitShow" @click="editQuit" id="asset-edit-quit">
       <!--顶部按钮-->
       <div class="right-box-top-btns">
-        <button v-if="!tabView" type="button" @click="deleteData('asset', pageObj.id)" id="asset-edit-del" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
-          <span class="top-tool-btn-txt" >{{$t('overall.delete')}}</span>
+        <button v-if="!tabView" type="button" @click="deleteData('asset', pageObj.id)" id="asset-edit-del"
+                class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
+          <span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
+          <span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
         </button>
-        <button v-if="tabView" id="asset-edit-edit" type="button" @click="tabView=false" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
-          <span class="top-tool-btn-txt" >{{$t('overall.edit')}}</span>
+        <button v-if="tabView" id="asset-edit-edit" type="button" @click="tabView=false"
+                class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
+          <span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
+          <span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
         </button>
-        <!--<button v-if="!tabView" id="asset-edit-save" type="button" @click.stop="editData('asset')" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
-          <span class="top-tool-btn-txt">{{$t('overall.save')}}</span>
-        </button>-->
-        <!--<button type="button" id="asset-edit-esc" @click.stop="sendStateData('close')"
-                class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square">
-          <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
-        </button>-->
       </div>
 
       <div class="right-box-title">{{this.tabView == true ? $t('asset.asset') : $t('asset.EditAsset')}}</div>
diff --git a/nezha-fronted/src/components/page/config/account.vue b/nezha-fronted/src/components/page/config/account.vue
index 5d74a3228..19e944806 100644
--- a/nezha-fronted/src/components/page/config/account.vue
+++ b/nezha-fronted/src/components/page/config/account.vue
@@ -97,12 +97,14 @@
         <!-- begin--顶部按钮-->
         <div class="right-box-top-btns">
           <button type="button" v-if="user.userId != '' && rightBox.isEdit" @click="del(user)"
-                  class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="account-edit-del">
-            <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
+                  class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="account-edit-del">
+            <span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
+            <span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
           </button>
           <button v-if="!rightBox.isEdit" type="button" @click="saveOrToEdit"
-                  class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="account-edit-edit">
-            <span class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
+                  class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="account-edit-edit">
+            <span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
+            <span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
           </button>
         </div>
         <!-- end--顶部按钮-->
@@ -220,7 +222,7 @@
             label: this.$t('config.account.option'),
             prop: 'option',
             show: true,
-            width: 220
+            width: 230
           }
         ],
         tablelable: [],
diff --git a/nezha-fronted/src/components/page/config/promServer.vue b/nezha-fronted/src/components/page/config/promServer.vue
index b221aa8af..0677af063 100644
--- a/nezha-fronted/src/components/page/config/promServer.vue
+++ b/nezha-fronted/src/components/page/config/promServer.vue
@@ -72,16 +72,16 @@
             <div class="right-box right-box-prom" v-if="rightBox.show">
                 <!-- begin--顶部按钮-->
               <div class="right-box-top-btns">
-                <button type="button" v-if="rightBox.isEdit && promServer.id != ''" @click="del(promServer)" id="prom-edit-del" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
-                  <span class="top-tool-btn-txt">{{$t('overall.delete')}}</span>
+                <button type="button" v-if="rightBox.isEdit && promServer.id != ''" @click="del(promServer)" id="prom-edit-del"
+                        class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82">
+                  <span class="right-box-top-btn-icon"><i class="el-icon-delete"></i></span>
+                  <span class="right-box-top-btn-txt">{{$t('overall.delete')}}</span>
                 </button>
-                <button v-if="!rightBox.isEdit" type="button" @click="saveOrToEdit" class="nz-btn nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="prom-edit-save">
-                  <span class="top-tool-btn-txt">{{$t('overall.edit')}}</span>
+                <button v-if="!rightBox.isEdit" type="button" @click="saveOrToEdit"
+                        class="nz-btn nz-btn-size-normal nz-btn-size-alien nz-btn-style-light nz-btn-min-width-82" id="prom-edit-save">
+                  <span class="right-box-top-btn-icon"><i class="nz-icon nz-icon-edit"></i></span>
+                  <span class="right-box-top-btn-txt">{{$t('overall.edit')}}</span>
                 </button>
-
-                <!--<button type="button" @click="esc" class="nz-btn nz-btn-size-normal nz-btn-style-light nz-btn-style-square" id="prom-edit-esc">
-                  <span class="top-tool-btn-txt"><i class="el-icon-close"></i></span>
-                </button>-->
               </div>
                 <!-- end--顶部按钮-->
 
@@ -222,7 +222,7 @@ export default {
           label: this.$t('config.account.option'),
           prop: 'option',
           show: true,
-          width: 220
+          width: 230
         }
       ],
       tablelable: [],