From 0ac88c020b8b74f01c901c61d5e1fe0a6d7dd7af Mon Sep 17 00:00:00 2001
From: zyh <zhuyanheng@geedgenetworks.com>
Date: Fri, 14 Jul 2023 18:15:02 +0800
Subject: [PATCH] =?UTF-8?q?NEZ-2974=20style=EF=BC=9A=E8=B0=83=E6=95=B4SNMP?=
 =?UTF-8?q?=20browser=20set=E5=BC=B9=E7=AA=97=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../components/page/config/mibBrowser.scss    | 15 ++++++++--
 .../src/components/page/config/mibBrowser.vue | 29 +++++--------------
 2 files changed, 21 insertions(+), 23 deletions(-)

diff --git a/nezha-fronted/src/assets/css/components/page/config/mibBrowser.scss b/nezha-fronted/src/assets/css/components/page/config/mibBrowser.scss
index 7777e790a..073406861 100644
--- a/nezha-fronted/src/assets/css/components/page/config/mibBrowser.scss
+++ b/nezha-fronted/src/assets/css/components/page/config/mibBrowser.scss
@@ -259,10 +259,21 @@
 }
 
 .mib-browser .el-dialog{
+  .el-dialog__header{
+    padding: 16px 20px;
+    .el-dialog__title{
+      font-size: 14px;
+      font-weight: 600;
+    }
+  }
   .el-dialog__body{
-    padding: 30px 30px 0;
+    padding: 20px 30px 30px 30px;
   }
   .el-dialog__footer{
-    padding: 15px 30px;
+    padding: 20px;
+    .nz-btn.nz-btn-size-normal{
+      height: 32px;
+      line-height: 32px;
+    }
   }
 }
\ No newline at end of file
diff --git a/nezha-fronted/src/components/page/config/mibBrowser.vue b/nezha-fronted/src/components/page/config/mibBrowser.vue
index 69f5cd8e1..4aef39a16 100644
--- a/nezha-fronted/src/components/page/config/mibBrowser.vue
+++ b/nezha-fronted/src/components/page/config/mibBrowser.vue
@@ -4,11 +4,6 @@
       ref="dataList"
     >
       <template v-slot:top-tool-right>
-        <div class="margin-r-10" style="width: 240px">
-          <el-select v-model="searchParam.snmpCredentialId" placeholder="Select credential" size="small" value-key="id">
-            <el-option v-for="(item, index) in credentialData" :key="index" :label="item.name" :value="item.id"></el-option>
-          </el-select>
-        </div>
         <!-- IP -->
         <el-autocomplete
           id="mib-browser-host"
@@ -26,25 +21,17 @@
             <div>{{ item.manageIp }}</div>
           </template>
         </el-autocomplete>
+        <!-- snmpCredentialId -->
+        <el-select v-model="searchParam.snmpCredentialId" placeholder="Select credential" size="small" value-key="id" class="margin-r-10" style="width: 200px">
+          <el-option v-for="(item, index) in credentialData" :key="index" :label="item.name" :value="item.id"></el-option>
+        </el-select>
         <!-- OID -->
-        <el-input id="mib-browser-oid" v-model="searchParam.oid" class="margin-r-20" style="width: 240px;" placeholder="OID" size="small"></el-input>
+        <el-input id="mib-browser-oid" v-model="searchParam.oid" placeholder="OID" size="small" class="margin-r-20" style="width: 240px;"></el-input>
         <!-- operation -->
-        <div class="margin-r-10" style="width: 120px">
-          <el-select id="mib-browser-host" v-model="searchParam.operation" size="small" popper-class="right-box-select-top right-public-box-dropdown-top">
-            <el-option v-for="item in operationData" :key="item" :value="item"></el-option>
-          </el-select>
-        </div>
+        <el-select id="mib-browser-host" v-model="searchParam.operation" size="small" popper-class="right-box-select-top right-public-box-dropdown-top" class="margin-r-10" style="width: 130px" >
+          <el-option v-for="item in operationData" :key="item" :value="item"></el-option>
+        </el-select>
         <div class="top-tool-btn-group">
-          <!-- <el-popover :offset="-143" placement="bottom" trigger="click" popper-class="right-box-select-top right-public-box-dropdown-top" width="300">
-            <div class="mib-browser-ad-search">
-              <el-select v-model="searchParam.snmpCredentialId" placeholder="Select credential" size="mini" style="width: 300px" value-key="id">
-                <el-option v-for="(item, index) in credentialData" :key="index" :label="item.name" :value="item.id"></el-option>
-              </el-select>
-            </div>
-            <button id="browser-advanced" slot="reference" class="top-tool-btn" style="border-right: none;"  :title="$t('overall.more')">
-              <i class="el-icon-more"></i>
-            </button>
-          </el-popover> -->
           <button id="browser-go" :class="{'nz-btn-disabled': loading}" :disabled="loading" class="top-tool-btn" @click="search(false)">Go</button>
         </div>
       </template>