From 91adb083fa05fefd30720feabc47ce9a42a34256 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E5=8A=B2=E6=9D=BE?= <chenjinsong@zdjizhi.com>
Date: Wed, 16 Dec 2020 16:27:06 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E8=B0=83=E6=95=B4trafficSetting?=
 =?UTF-8?q?=E7=AD=89=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/components/common/pickTime.vue        |  3 +++
 .../trafficSetting/trafficSettingTab.vue      | 25 +++++++++++++------
 2 files changed, 20 insertions(+), 8 deletions(-)

diff --git a/nezha-fronted/src/components/common/pickTime.vue b/nezha-fronted/src/components/common/pickTime.vue
index 3e9531401..e39ee95dc 100644
--- a/nezha-fronted/src/components/common/pickTime.vue
+++ b/nezha-fronted/src/components/common/pickTime.vue
@@ -157,4 +157,7 @@
   .interval-refresh-popover{
     min-width: unset !important;
   }
+  .sub-top-tools .interval-refresh {
+    margin-top: -1px;
+  }
 </style>
diff --git a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
index da7b70dc5..e2ad70532 100644
--- a/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
+++ b/nezha-fronted/src/components/common/rightBox/trafficSetting/trafficSettingTab.vue
@@ -16,8 +16,8 @@
           :highlight-first-item="true"
           @input="hostInputChange"
           @blur="validateHostEmpty"
-        ></el-autocomplete>
-        <el-popover trigger="click" placement="bottom" @show="popShow" @hide="popHide" popper-class="no-style-class">
+        ></el-autocomplete><el-popover
+        @hide="popHide" @show="popShow" placement="bottom" popper-class="no-style-class" trigger="click">
           <div class="mib-browser-ad-search">
             <el-row class="mib-browser-ad-search-item" style="font-weight: bold">{{$t('config.dc.traffic.snmpSetting')}}</el-row>
             <el-row class="mib-browser-ad-search-item">
@@ -112,7 +112,14 @@
             <i class="el-icon-more"></i>
           </button>
         </el-popover>
-        <span class="right-box-form-minus-box" @click="delSelf" style="vertical-align: middle"><i class="nz-icon nz-icon-minus"></i></span>
+        <span @click="delSelf" class="right-box-form-minus-box"
+              style="vertical-align: middle;right: 0;
+                      position: absolute;
+                      line-height: 21px;
+                      height: 21px;
+                      top: 50%;
+                      transform: translateY(-50%);"
+        ><i class="nz-icon nz-icon-minus"></i></span>
         <div>
           <span style="color:#F56C6C;font-size: 12px;" v-if="hostRepeat">{{$t('validate.repeat')}}</span>
           <span style="color:#F56C6C;font-size: 12px;" v-if="hostInvalid">{{$t('validate.host')}}</span>
@@ -623,8 +630,8 @@
     border-top-left-radius: 0px;
     border-bottom-left-radius: 0px;
     height: 30px;
-    position: relative;
-    left: -3px;
+    top: 1px;
+    left: -1px;
   }
   .asset-config-tab .right-box-row-with-btn{
     width: calc(100% - 69px);
@@ -650,14 +657,15 @@
     margin-bottom: 5px;
     height: 20px;
     line-height: 18px;
-    justify-content: flex-end;
+    justify-content: center;
   }
   .tab-tags-item .tag-item-key{
     border:1px solid #409eff;;
     border-top-left-radius: 3px;
     border-bottom-left-radius: 3px;
     background-color: #409eff;
-    width: 52px;
+    min-width: 40px;
+    padding: 0 8px;
     color: white;
   }
   .tab-tags-item .tag-item-value{
@@ -665,7 +673,8 @@
     border-top-right-radius: 3px;
     border-bottom-right-radius: 3px;
     background-color: #FFF;
-    width: 52px;
+    min-width: 40px;
+    padding: 0 8px;
   }
   .tab-tags-item .tag-item-text{
     background-color: #FFF;