Browse Source

全局搜索 显隐优化

Hwf 8 tháng trước cách đây
mục cha
commit
7979139170

+ 5 - 1
src/views/globalMap/LeftMenu.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="menu-container">
-    <div class="search-box">
+    <div ref="searchBoxRef" class="search-box">
       <input v-model="searchState.searchText" class="input" @keyup.enter="changeSearchText" />
       <div v-show="searchState.showList" class="search-content">
         <div class="search-title">全局搜索</div>
@@ -153,6 +153,10 @@ const searchState = reactive({
 });
 let showDialog = ref(false);
 let videoMonitorData = ref([]);
+let searchBoxRef = ref();
+onClickOutside(searchBoxRef, (event) => {
+  searchState.showList = false;
+});
 const changeSearchText = () => {
   if (!searchState.searchText) {
     searchState.showList = false;

+ 2 - 3
src/views/globalMap/RightMenu/OnlinePlotting/index.vue

@@ -16,9 +16,8 @@
           <div class="icon1"></div>
           当前地图截图导出
         </div>
-<!--        <div v-show="!collaboration" class="btn2" @click="handleShare('1')">协同标绘</div>-->
-<!--        v-show="collaboration"-->
-        <div class="btn2" @click="handleShowLayer">查看图层</div>
+        <div v-show="!collaboration" class="btn2" @click="handleShare('1')">协同标绘</div>
+        <div v-show="collaboration" class="btn2" @click="handleShowLayer">查看图层</div>
       </div>
     </div>
     <div v-if="menuActive1 === 0" class="content">