From 17078fd48d1ca234a34bc373595b33d0c1fb8d89 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, 15 Apr 2020 15:27:02 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20mib-browser=E9=AB=98=E7=BA=A7=E6=90=9C?=
 =?UTF-8?q?=E7=B4=A2=E5=8F=96=E6=B6=88=E5=9B=BE=E6=A0=87=E7=AD=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

1.修复port是字符串的问题
2.高级搜索取消图标
3.暂时注掉alert-message的label的点击弹框内容
---
 .../src/components/common/bottomBox/bottomBox.vue |  2 +-
 .../common/bottomBox/tabs/commonDetailTab.vue     |  2 +-
 nezha-fronted/src/components/page/alert/list.vue  | 15 +++++++--------
 .../src/components/page/config/mibBrowser.vue     |  4 ++--
 4 files changed, 11 insertions(+), 12 deletions(-)

diff --git a/nezha-fronted/src/components/common/bottomBox/bottomBox.vue b/nezha-fronted/src/components/common/bottomBox/bottomBox.vue
index 205b5e69b..c2bf08364 100644
--- a/nezha-fronted/src/components/common/bottomBox/bottomBox.vue
+++ b/nezha-fronted/src/components/common/bottomBox/bottomBox.vue
@@ -34,7 +34,7 @@
 
       <!--alertMessage页的详情-->
       <template v-if="from == 'alertMessage'">
-        <common-detail-tab v-show="subResizeShow" :from="from" :targetTab="targetTab" v-for="(item, index) in tabList" :key="index"
+        <common-detail-tab v-show="subResizeShow" :from="from" :targetTab="targetTab" v-for="(item, index) in tabList" :key="index" :detail="detailList[index]"
                            v-if="targetTab == item" @changeTab="changeTab"></common-detail-tab>
       </template>
     </div>
diff --git a/nezha-fronted/src/components/common/bottomBox/tabs/commonDetailTab.vue b/nezha-fronted/src/components/common/bottomBox/tabs/commonDetailTab.vue
index 258d35f07..6f444cbf0 100644
--- a/nezha-fronted/src/components/common/bottomBox/tabs/commonDetailTab.vue
+++ b/nezha-fronted/src/components/common/bottomBox/tabs/commonDetailTab.vue
@@ -25,7 +25,7 @@
         class="sub-list-tab" :class="{'sub-list-tab-active': targetTab == 'project'}" @click="changeTab('project')">{{$t("project.project.project")}}</div><div
         class="sub-list-tab" :class="{'sub-list-tab-active': targetTab == 'module'}" @click="changeTab('module')">{{$t("project.module.module")}}</div><div
         class="sub-list-tab" :class="{'sub-list-tab-active': targetTab == 'endpoint'}" @click="changeTab('endpoint')">{{$t("project.endpoint.endpoint")}}</div><div
-        class="sub-list-tab" :class="{'sub-list-tab-active': targetTab == 'datacenter'}" @click="changeTab('datacenter')">{{$t("config.dc.dc")}}</div>
+        class="sub-list-tab" :class="{'sub-list-tab-active': targetTab == 'dc'}" @click="changeTab('dc')">{{$t("config.dc.dc")}}</div>
         </template>
       </div>
     </div>
diff --git a/nezha-fronted/src/components/page/alert/list.vue b/nezha-fronted/src/components/page/alert/list.vue
index 583b51588..c35ac80a7 100644
--- a/nezha-fronted/src/components/page/alert/list.vue
+++ b/nezha-fronted/src/components/page/alert/list.vue
@@ -96,7 +96,7 @@
                 <span v-else>-</span>
               </div>-->
               <template v-else-if="item.prop == 'labels'">
-                <el-tag @click="showTagDetail(scope.row.labels, key)"
+                <el-tag @click="showTagDetail(scope.row, key)"
                         :key="key"
                         :class="{'link': key == 'asset' || key == 'endpoint' || key == 'project' || key == 'module' || key == 'datacenter'}"
                         v-if="key != 'alertname' && key != 'severity' && key != 'linkId'"
@@ -455,7 +455,6 @@
         let hours=this.formatNum(date.getHours());
         let minutes=this.formatNum(date.getMinutes());
         let seconds=this.formatNum(date.getSeconds());
-        console.log(day)
         return year + split + month + split + day + ' ' + hours + split + minutes + split + seconds;
       },
       formatNum:function(num){
@@ -496,7 +495,7 @@
       listResize(e) {
         this.$bottomBoxWindow.listResize(vm, e);
       },
-      showTagDetail(labels, key) {
+      showTagDetail(data, key) {
         let open = false;
         if (key == "asset" || key == "project" || key == "module" || key == "endpoint" || key == "datacenter") {
           open = true;
@@ -504,16 +503,16 @@
         if (open) {
           let labelList = [];
           let detailList = [];
-          for (let item in labels) {
-            if (item == "asset" || item == "project" || item == "module" || item == "endpoint" || item == "datacenter") {
+          for (let item in data) {
+            if (item == "asset" || item == "project" || item == "module" || item == "endpoint" || item == "dc") {
               labelList.push(item);
-              detailList.push(labels[item]);
+              detailList.push(data[item]);
             }
           }
           this.showSubList = true;
           this.tabList = labelList;
-          this.tabDetailList = detailList;
-          this.targetTab = key;
+          /*this.tabDetailList = detailList;
+          this.targetTab = key;*/
         }
       },
       labelsClassName(row) {
diff --git a/nezha-fronted/src/components/page/config/mibBrowser.vue b/nezha-fronted/src/components/page/config/mibBrowser.vue
index 6bbe0ce4d..df27f1276 100644
--- a/nezha-fronted/src/components/page/config/mibBrowser.vue
+++ b/nezha-fronted/src/components/page/config/mibBrowser.vue
@@ -28,7 +28,7 @@
           <el-input size="mini" v-model="searchParam.oid" placeholder="OID"></el-input>
         </div>
         <div class="nz-btn-group nz-btn-group-size-normal nz-btn-group-light margin-l-20 mib-browser-btn-group">
-          <div class="el-popover mib-browser-ad-tip" v-show="searchParam.version != 2 || searchParam.port != 161 || searchParam.community != 'public'"><i class="el-icon-more"></i></div>
+          <!--<div class="el-popover mib-browser-ad-tip" v-show="searchParam.version != 2 || searchParam.port != 161 || searchParam.community != 'public'"><i class="el-icon-more"></i></div>-->
           <el-select class="nz-input-group-left input-x-mini-24 operation" v-model="searchParam.operation">
             <el-option v-for="item in operationData" :key="item" :value="item"></el-option>
           </el-select><el-popover trigger="click" placement="bottom" @show="popShow" @hide="popHide">
@@ -36,7 +36,7 @@
               <el-row class="mib-browser-ad-search-item">
                 <el-col :span="6"><div class="mib-browser-ad-search-label">{{$t("project.endpoint.port")}}</div></el-col>
                 <el-col :span="17">
-                  <el-input class="input-x-mini-24" v-model="searchParamPop.port"></el-input>
+                  <el-input class="input-x-mini-24" v-model.number="searchParamPop.port"></el-input>
                 </el-col>
               </el-row>
               <el-row class="mib-browser-ad-search-item">