冀北需求变更整改

src/views/pqs/panorama/components/map.vue

@@ -35,10 +35,12 @@
                     </div>
                 </el-collapse-item>
             </el-collapse>
+
             <div v-if="QueryList.length > 0 && !showCollapse" class="collapse_none" style="color: #009ea8"
                 @click="showCollapse = true">
                 展开搜索结果
             </div>
+            <div class="collapse_none" style="color: red;cursor: pointer" @click="showWrap = false">关闭</div>
         </div>
         <baidu-map class="map" :style="height" @ready="initMap" @zoomend='syncCenterAndZoom' :center="center"
             :zoom="zoomMap" :scroll-wheel-zoom='true'>
@@ -53,7 +55,7 @@
                     @click='markerClick(path)'></bm-marker>
             </template>
             <!-- 点 -->
-            <BmlMarkerClusterer maxZoom='12'>
+            <BmlMarkerClusterer maxZoom='12' v-if='zoom > 9'>
                 <bm-marker :position='path' v-for='path in areaLineInfo' :key='path.lineId' :icon='path.icon'
                     @click='markerClick(path)' :zIndex="1">
 
@@ -111,7 +113,9 @@ import { ref, reactive, onMounted } from 'vue'
 import DatePicker from '@/components/form/datePicker/index.vue'
 import { useDictData } from '@/stores/dictData'
 import { Search } from '@element-plus/icons-vue'
+import { BaiduMap, BmBoundary, BmPolygon } from 'vue-baidu-map-3x'
 const emit = defineEmits(['changeValue', 'drop', 'show'])
+
 const datePickerRef = ref()
 const height = mainHeight(20)
 // 页面中直接引入就可以
@@ -124,7 +128,7 @@ const colorKey = ref('')
 const showCollapse: any = ref(true)
 const showWrap: any = ref(false)
 const deptIndex = ref(dictData.state.area[0].id)
-import { BaiduMap, BmBoundary, BmPolygon } from 'vue-baidu-map-3x'
+
 const boundaryList = ref([
     { name: '张家口市' },
     { name: '唐山市' },
@@ -263,7 +267,7 @@ const locatePositions = (e: any) => {
 }
 // 点击点
 const markerClick = (e: any) => {
-
+    showCollapse.value = false
     infoWindowPoint.value = e
     infoWindowPoint.value.show = true
 }
@@ -312,16 +316,21 @@ const flyTo = (e: any) => {
     center.value.lng = e.coordinate[0]
     center.value.lat = e.coordinate[1]
     zoomMap.value = 15
-    let data=areaLineInfo.value.filter((item: any) => regex.test(item.lineName))[0]
-    if(data){
+    let data = areaLineInfo.value.filter((item: any) => regex.test(item.lineName))[0]
+    if (data) {
         markerClick(data)
     }
-   
 
+
+}
+// 重置
+const reset = () => {
+    inputQuery.value = ''
+    showWrap.value = false
 }
 onMounted(() => {
 })
-defineExpose({ addMarkers, locatePositions })
+defineExpose({ addMarkers, locatePositions, reset })
 </script>
 <style lang="scss" scoped>
 @use '@/views/pqs/qualityInspeection/panorama/components/style/map.scss';
@@ -335,4 +344,8 @@ defineExpose({ addMarkers, locatePositions })
     z-index: 1;
 }
 
+:deep(.el-collapse-item__content) {
+    padding-bottom: 0px !important;
+}
+
 // @use '@/views/pqs/panorama/components/style/map.scss';</style>