perf: 修复有些按钮组有空白间隙的问题

nezha-fronted/src/assets/stylus/main.scss

@@ -258,7 +258,7 @@ li{
 }
 .nz-btn-group {
   border-radius: 4px;
-  display: inline-block;
+  display: flex;
 }
 .nz-btn-group-size-small {
   max-height: 24px;
@@ -314,11 +314,14 @@ li{
   padding: 0 5px;
   font-size: 12px;
 }
+.input-x-mini-22 .el-input__icon {
+  line-height: 22px;
+}
 .input-x-mini-24 .el-input__inner {
   height: 24px;
   line-height: 24px;
   padding: 0 10px;
-  font-size: 13px;
+  font-size: 12px;
 }
 .input-x-mini-24 .el-input__icon {
   line-height: 24px;
@@ -1642,7 +1645,13 @@ li{
 .el-table__fixed-body-wrapper {
   height: calc(100% - 42px) !important;
 }
-
+.ant-table-scroll {
+  max-height: unset !important;
+  height: 100%;
+}
+.ant-table-scroll .el-table {
+  height: 100% !important;
+}
 /*model侧滑中下拉框*/
 .autocomplete-dropdown {
   display: flex;

nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue

@@ -49,7 +49,7 @@
       </div>
     </div>
     <div class="table-header-inner" @click="clearSelectedMetrics"><span><i style="font-size: 12px;margin-left: 2px;" class="nz-icon nz-icon-close " :class="{'control-icon-unchecked':selectedEndpoints.length<1,'control-icon-checked':selectedEndpoints.length>0}"></i></span></div>
-    <pl-table :row-height="28" use-virtual :datas="tableData" border :empty-text="$t('config.mib.noData')" :header-cell-class-name="cellClass" :height="$tableHeight.noPagination"
+    <pl-table :row-height="28" use-virtual :datas="tableData" border :empty-text="$t('config.mib.noData')" :header-cell-class-name="cellClass" :style="{height: $tableHeight.noPagination}"
               class="nz-table endpoint-query-table" style="width: 100%;" v-loading="loading" v-scrollBar:el-table="'large'" :pagination-show="false" ref="endpointQueryTable"
               @selection-change="selectChange">
       <pl-table-column
@@ -75,7 +75,7 @@
             <span slot="reference"><i class="nz-icon nz-icon-info-normal metric-tip-icon"></i></span>
           </el-popover>
           <span v-html="hideSameLabels?scope.row.colorSimpleElement: scope.row.colorElement"></span>
-          &lt;!&ndash;            <span>{{hideSameLabels?scope.row.simpleElement: scope.row.element}}</span>&ndash;&gt;
+          <span>{{hideSameLabels?scope.row.simpleElement: scope.row.element}}</span>
         </template>
       </pl-table-column>
       <pl-table-column

nezha-fronted/src/components/common/rightBox/addEndpointBox.vue

@@ -32,22 +32,21 @@
               <div class="right-child-box-title">{{$t('asset.asset')}}</div>
               <!--end--标题-->
               <!--begin--搜索框-->
-              <div class="nz-btn-group nz-btn-group-size-small nz-btn-group-light endpoint-asset-search">
+              <div style="display: inline-block">
-                <button id="search-asset-drop" type="button" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square nz-input-group-prepend" @click="assetSearch.dropdownShow = !assetSearch.dropdownShow">
+                <div class="nz-btn-group nz-btn-group-size-small nz-btn-group-light endpoint-asset-search">
-                  <span class="endpoint-asset-label-txt">{{assetSearch.label}}</span>
+                  <button id="search-asset-drop" type="button" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square nz-input-group-prepend" @click="assetSearch.dropdownShow = !assetSearch.dropdownShow">
-                  <span>
+                    <span class="endpoint-asset-label-txt">{{assetSearch.label}}</span>
-                    <i v-if="assetSearch.dropdownShow" class="el-icon-caret-top"></i>
+                    <span>
-                    <i v-if="!assetSearch.dropdownShow" class="el-icon-caret-bottom"></i>
+                      <i v-if="assetSearch.dropdownShow" class="el-icon-caret-top"></i>
-                  </span>
+                      <i v-if="!assetSearch.dropdownShow" class="el-icon-caret-bottom"></i>
-                </button><div
+                    </span>
-                class="endpoint-asset-search-input">
+                  </button><el-input style="width: 100px;" class="input-x-mini-24 nz-input-group-middle" placeholder="" v-model="assetSearch.text"></el-input><button
-                  <el-input class="input-x-mini-22 nz-input-group-middle" placeholder="" v-model="assetSearch.text"></el-input>
+                  type="button" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square nz-input-group-append" id="search-asset"><i @click="searchAsset" class="el-icon-search"></i></button>
-                </div><button
-                type="button" class="nz-btn nz-btn-size-small nz-btn-style-light nz-btn-style-square nz-input-group-append" id="search-asset"><i @click="searchAsset" class="el-icon-search"></i></button>
 
-                <div class="endpoint-asset-search-dropdown" v-if="assetSearch.dropdownShow">
+                  <div class="endpoint-asset-search-dropdown" v-if="assetSearch.dropdownShow">
-                  <div @click="dropdownSelect('IP')" class="endpoint-asset-search-dropdown-item" id="search-asset-ip">IP</div>
+                    <div @click="dropdownSelect('IP')" class="endpoint-asset-search-dropdown-item" id="search-asset-ip">IP</div>
-                  <div @click="dropdownSelect('SN')" class="endpoint-asset-search-dropdown-item" id="search-asset-sn">SN</div>
+                    <div @click="dropdownSelect('SN')" class="endpoint-asset-search-dropdown-item" id="search-asset-sn">SN</div>
+                  </div>
                 </div>
               </div>
               <!--end--搜索框-->
@@ -824,12 +823,11 @@
   }
   /* begin--搜索框*/
   .endpoint-asset-search {
-    display: inline-block;
     position: relative;
     margin-left: 44px;
   }
   .endpoint-asset-search button {
-    height: 22px !important;
+    height: 24px !important;
   }
   .endpoint-asset-search-dropdown {
     position: absolute;