style: 下拉样式调整

nezha-fronted/src/assets/css/common/rightBoxCommon.scss

@@ -326,13 +326,27 @@
 .right-box-public-alert-dropdown {
   width: 320px;
 }
-.right-public-box-dropdown,.right-box-public-dropdown,.right-public-box-dropdown-width,.right-box-select-dropdown,.right-box-public-alert-dropdown {
+.mib-browser-right-box-dropdown {
+  width: 236px;
+}
+.right-public-box-dropdown,
+.right-box-public-dropdown,
+.right-public-box-dropdown-width,
+.right-box-select-dropdown,
+.right-box-public-alert-dropdown,
+.asset-right-box-dropdown-width,
+.mib-browser-right-box-dropdown,
+.right-box-select-top {
   margin-top: 0 !important;
   margin-bottom: 0 !important;
   .popper__arrow {
     opacity: 0;
   }
 }
-.right-box-dropdown-top.right-box-select-dropdown,.right-public-box-dropdown.right-box-dropdown-top,.dc-dropdown.right-box-dropdown-top {
+.right-box-dropdown-top.right-box-select-dropdown,
+.right-public-box-dropdown.right-box-dropdown-top,
+.dc-dropdown.right-box-dropdown-top,
+.mib-browser-right-box-dropdown.right-box-dropdown-top,
+.right-box-select-top.right-box-dropdown-top {
   margin: 5px 0 !important;
 }

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

@@ -14,7 +14,7 @@
     >
       <template v-slot:title><span :title="obj.name">{{obj.name}}</span></template>
       <template v-slot:top-tool-right>
-        <el-select v-model="state" class="margin-r-10" size="small" value-key="value" @change="getTableData">
+        <el-select v-model="state" class="margin-r-10" size="small" value-key="value" @change="getTableData" popper-class="right-box-select-top right-box-dropdown-top">
           <el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
         </el-select>
         <pick-time v-model="searchTimeHeader" :default-pick="12" :refresh-data-func="getTableData" :show-empty="true" :use-chart-unit="false" :use-refresh="false"></pick-time>

nezha-fronted/src/components/common/rightBox/asset/assetBatchEditBox.vue

@@ -161,7 +161,7 @@
                 :options="fieldGroupData"
                 :props="labelCascProp"
                 class="hide-input"
-                popper-class="prevent-clickoutside right-box-dropdown-top right-public-box-dropdown-width limit-height"
+                popper-class="prevent-clickoutside right-box-dropdown-top asset-right-box-dropdown-width limit-height"
                 size="small"
                 @change="addLabel"
               ></el-cascader>

nezha-fronted/src/components/common/rightBox/asset/assetBox.vue

@@ -166,7 +166,7 @@
               :options="options.fieldGroupOptions"
               :props="labelCascProp"
               class="hide-input"
-              popper-class="prevent-clickoutside right-box-dropdown-top right-public-box-dropdown-width limit-height"
+              popper-class="prevent-clickoutside right-box-dropdown-top asset-right-box-dropdown-width limit-height"
               size="small"
               @change="addLabel"
             ></el-cascader>

nezha-fronted/src/components/page/alert/alertMessage.vue

@@ -14,7 +14,7 @@
       v-loading="tools.loading"
     >
       <template v-slot:top-tool-right>
-        <el-select v-model="state" class="margin-r-10" size="small" value-key="value" @change="getTableData">
+        <el-select v-model="state" class="margin-r-10" size="small" value-key="value" @change="getTableData" popper-class="right-box-select-top right-box-dropdown-top">
           <el-option v-for="item in stateOptions" :key="item.value" :label="item.label" :value="item.value"></el-option>
         </el-select>
         <pick-time v-model="searchTime" :default-pick="12" :refresh-data-func="getTableData" :show-empty="true" :use-chart-unit="false" :use-refresh="false"></pick-time>

nezha-fronted/src/components/page/config/mibBrowser.vue

@@ -23,6 +23,7 @@
           class="margin-r-20"
           placeholder="IP"
           size="small"
+          popper-class="mib-browser-right-box-dropdown right-box-dropdown-top"
           style="width: 100%;"
           value-key="manageIp"
           @input="assetChange"
@@ -33,7 +34,7 @@
         </el-autocomplete>
         <el-input id="mib-browser-oid" v-model="searchParam.oid" class="margin-r-20" placeholder="OID" size="small"></el-input>
         <div class="margin-r-10" style="width: 50%">
-          <el-select id="mib-browser-host" v-model="searchParam.operation" size="small">
+          <el-select id="mib-browser-host" v-model="searchParam.operation" size="small" popper-class="right-box-select-top">
             <el-option v-for="item in operationData" :key="item" :value="item"></el-option>
           </el-select>
         </div>

nezha-fronted/src/components/page/config/system.vue

@@ -32,7 +32,7 @@
             </el-form-item>
             <el-form-item :label="$t('config.system.basic.timezone')" prop="timezone">
               <!--                <el-input v-model.number="basic.timezone" ></el-input>-->
-              <el-select v-model="basic.timezone" id="system-baisc-timezone" filterable>
+              <el-select v-model="basic.timezone" id="system-baisc-timezone" filterable popper-class="right-box-select-top">
                 <el-option v-for="(item,index) in timezoneOption" :key="index" :label="item.name" :value="item.name" >
                   <div style="display: flex;justify-content: space-between;padding: 5px;">
                     <div >{{item.name}}</div>
@@ -93,7 +93,7 @@
               </el-input>
             </el-form-item>
             <el-form-item :label="$t('config.system.monitor.asset_ping_from')" prop="asset_ping_from">
-              <el-select v-model="monitor.asset_ping_from">
+              <el-select v-model="monitor.asset_ping_from" popper-class="right-box-select-top">
                 <el-option label="Global" value="1"></el-option>
                 <el-option label="Per-datacenter" value="2"></el-option>
               </el-select>
@@ -106,7 +106,7 @@
               </el-input>
             </el-form-item>
             <el-form-item :label="$t('config.system.monitor.metrics_storage_type')" prop="metrics_storage_type">
-              <el-select v-model="monitor.metrics_storage_type">
+              <el-select v-model="monitor.metrics_storage_type" popper-class="right-box-select-top">
                 <el-option :label="$t('config.system.monitor.local')" value="1"></el-option>
                 <el-option :label="$t('config.system.monitor.s3')" value="2"></el-option>
               </el-select>
@@ -143,7 +143,7 @@
               </el-input>
             </el-form-item>
             <el-form-item :label="$t('config.system.monitor.logs_storage_type')" prop="logs_storage_type">
-              <el-select v-model="monitor.logs_storage_type">
+              <el-select v-model="monitor.logs_storage_type" popper-class="right-box-select-top">
                 <el-option :label="$t('config.system.monitor.local')" value="1"></el-option>
                 <el-option :label="$t('config.system.monitor.s3')" value="2"></el-option>
               </el-select>
@@ -216,7 +216,7 @@
               <div class="el-form-item__tip">{{$t("config.system.email.testAccountTip")}}</div>
             </el-form-item>
             <el-form-item :label="$t('config.system.email.securityType')" prop="email_security_type">
-              <el-select v-model="email.email_security_type" :disabled="email.email_enable == 'off'">
+              <el-select v-model="email.email_security_type" :disabled="email.email_enable == 'off'" popper-class="right-box-select-top">
                 <el-option label="None" value="NONE"></el-option>
                 <el-option label="SSL" value="SSL"></el-option>
                 <el-option label="TLS" value="TLS"></el-option>
@@ -323,7 +323,7 @@
 <!--                  </label>-->
 <!--                </div>-->
 <!--              </div>-->
-              <el-select v-model="reset.type" multiple>
+              <el-select v-model="reset.type" multiple popper-class="right-box-select-top">
                 <template v-for="item in resetOptions" >
                   <el-option :label="item.label" :value="item.value" :key="item.label"></el-option>
                 </template>