NEZ-2886 fix：Agents新建时，首次选择Data center下拉框出现闪动

nezha-fronted/src/components/common/project/meta2d/js/meta2dMainCalc.js

@@ -346,7 +346,6 @@ export default {
         if (!positionShow) {
           return
         }
-        console.log(pen)
         this.chartParams = {
           ...pen.data.tooltip,
           unit: this.params.unit,
@@ -366,7 +365,7 @@ export default {
             } else {
               this.position.left = ePosition.layerX - 20 - 400
             }
-            if (boxHeight > (ePosition.layerY + 300)) {
+            if (boxHeight / 2 > ePosition.layerY) {
               this.position.top = ePosition.layerY + 50
             } else {
               this.position.top = ePosition.layerY - 300

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

@@ -19,7 +19,7 @@
           <!--DC-->
           <el-form-item :label="$t('overall.dc')" prop="dc.name">
             <div class="right-box-form-content">
-              <el-select id="prom-box-input-dc" v-model="editPromServer.dc" placeholder="" class="right-box__select" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" 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-top right-public-box-dropdown-top prevent-clickoutside right-box-select-width" 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>

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

@@ -21,7 +21,7 @@
               <el-input placeholder="" maxlength="128" show-word-limit v-model="editDc.tel" size="small" id="dc-box-input-tel"></el-input>
             </el-form-item>
             <el-form-item :label='$t("config.dc.principal")' prop="principal">
-              <el-select value-key="id" class="right-box__select" popper-class="right-box-select-top right-public-box-dropdown-top prevent-clickoutside" 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-top right-public-box-dropdown-top prevent-clickoutside right-box-select-width" v-model="editDc.principal" placeholder="" size="small" id="dc-box-input-principal">
                 <el-option v-for="item in userData" :key="item.id" :label="item.name" :value="item.id" style="width: 620px">
                   <span class="user-name" :title="item.name">{{item.name}}</span><span class="user-username" :title="item.username">@{{item.username}}</span>
                 </el-option>

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

@@ -43,7 +43,7 @@
 
           <!-- chartShare -->
           <el-form-item :label="$t('dashboard.dashboard.chartTooltip')" class="item-receivers" prop="chartShare">
-            <el-select v-model="editPanel.param.chartShare" placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small">
+            <el-select v-model="editPanel.param.chartShare" placeholder="" popper-class="right-box-select-top prevent-clickoutside right-box-select-width" size="small">
               <el-option value="none" :label="$t('config.assetLabel.default')"></el-option>
               <el-option value="crosshair" :label="$t('dashboard.dashboard.crosshair')"></el-option>
               <el-option value="tooltip" :label="$t('dashboard.dashboard.shareTooltip')"></el-option>
@@ -53,7 +53,7 @@
 
           <!-- defaultTimeRange -->
           <el-form-item :label="$t('dashboard.defaultTimeRange')" class="item-receivers" prop="defaultTimeRange">
-            <el-select v-model="editPanel.param.defaultTimeRange" placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small">
+            <el-select v-model="editPanel.param.defaultTimeRange" placeholder="" popper-class="right-box-select-top prevent-clickoutside right-box-select-width" size="small">
               <el-option
                 v-for="item in timeData"
                 :value="item.id"
@@ -67,7 +67,7 @@
 
         <!-- Auto refresh -->
           <el-form-item :label="$t('dashboard.autoRefresh')" class="item-receivers" prop="refresh">
-            <el-select v-model="editPanel.param.refresh" placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small">
+            <el-select v-model="editPanel.param.refresh" placeholder="" popper-class="right-box-select-top prevent-clickoutside right-box-select-width" size="small">
               <el-option
                 v-for="item in intervalList"
                 :value="item.value"
@@ -347,7 +347,7 @@
                   <el-form-item :label="$t('dashboard.dashboard.receivers')" class="item-receivers" prop="param.report.receivers">
                     <el-select
                     class="right-box__select"
-                    v-model="editPanel.param.report.receivers" clearable multiple placeholder="" popper-class="right-box-select-top prevent-clickoutside" size="small" value-key="chartType">
+                    v-model="editPanel.param.report.receivers" clearable multiple placeholder="" popper-class="right-box-select-top prevent-clickoutside right-box-select-width" size="small" value-key="chartType">
                       <el-option
                       style="width: 620px"
                       v-for="item in userData" :key="item.id"