From e76d89f3920f813bb09f7c285753e01fd9398fc1 Mon Sep 17 00:00:00 2001
From: wangwenrui <wangwenrui@zdjizhi.com>
Date: Mon, 13 Apr 2020 18:46:16 +0800
Subject: [PATCH] =?UTF-8?q?perf:=E6=9C=BA=E6=9F=9C=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=82=B9=E5=87=BB=E5=A4=96=E9=83=A8=E4=BA=8B?=
 =?UTF-8?q?=E4=BB=B6=E5=93=8D=E5=BA=94?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../common/rightBox/locationCascader.vue           | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/nezha-fronted/src/components/common/rightBox/locationCascader.vue b/nezha-fronted/src/components/common/rightBox/locationCascader.vue
index 9787d8f14..b84a99cc0 100644
--- a/nezha-fronted/src/components/common/rightBox/locationCascader.vue
+++ b/nezha-fronted/src/components/common/rightBox/locationCascader.vue
@@ -25,7 +25,7 @@
             <ul v-if="showCabinetInfos&& showCabinetInfos.length>0">
               <li v-for="(item,index) in showCabinetInfos" :key="item.id+'-'+index" @click="loadCabinetUInfos(item)">
                 <div class="container-item-content">
-                  <div class="container-item-content_label" :class="{'selected':selectedData.cabinet&&selectedData.cabinet.id == item.id}">{{item.name}}</div>
+                  <div :title="item.name" class="container-item-content_label" :class="{'selected':selectedData.cabinet&&selectedData.cabinet.id == item.id}">{{item.name}}</div>
                   <div><i class="el-icon-arrow-right"></i></div>
                 </div>
               </li>
@@ -91,6 +91,16 @@
       toggleDropdown:function(){
         if(this.disabled == false){
           this.dropDownVisible = !this.dropDownVisible;
+          if(this.dropDownVisible){
+            let $temp=this;
+            document.addEventListener('click',function(e){
+              e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
+              $temp.dropDownVisible=false;
+            },false)
+            this.$el.addEventListener('click',function(e){
+              e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true;
+            },false)
+          }
         }
       },
       queryIdcInfos:function(){
@@ -169,6 +179,7 @@
                 })
                 this.oldUChecked=this.uChecked
                 this.selectedData.u=this.initData.u;
+                this.$emit('change',this.selectedData);
               }
               this.uInfos.set(cabinetUKey,us);
             }else{
@@ -355,7 +366,6 @@
       }
     },
     mounted() {
-
     },
     computed:{
       inputShowInfo:function(){