srs-police-affairs.git

			@@ -2,7 +2,7 @@
			* @Author: shuishen 1109946754@qq.com
			* @Date: 2023-03-02 09:39:32
			* @LastEditors: shuishen 1109946754@qq.com
			* @LastEditTime: 2023-04-01 14:43:39
			* @LastEditTime: 2025-12-01 18:53:47
			* @FilePath: \srs-police-affairs\src\components\map\components\mapSearchPopup.vue
			* @Description:
			*
			@@ -14,6 +14,14 @@
			<div style="transform: translate(-50%, 0);">
			<!-- 样式自己修改 -->
			<div class="content" :class="{ 'scale-dom': scaleDomFlag }">
			<div class="close-box">
			<i class="el-icon-close" @click="closeCurPopup"></i>
			</div>
			<div class="url-code" v-if="mapSearchPopupData.showImg">
			<el-image style="width: 100px; height: 100px" :src="mapSearchPopupData.url"
			:preview-src-list="[mapSearchPopupData.url]">
			</el-image>
			</div>
			{{ mapSearchPopupData.name }}
			</div>
			<div class="bottom-arrow"></div>
			@@ -44,7 +52,6 @@
			},

			mounted () {

			if (this.getWidth() > 7000) {
			this.scaleDomFlag = true
			} else {
			@@ -54,7 +61,16 @@
			},

			methods: {
			closeCurPopup () {
			this.$EventBus.$emit("mapClearLayer", {
			layerName: "searchLayer",
			type: "VectorLayer",
			})

			this.$store.commit("SET_MAPSEARCHPOPUP", false)

			this.$store.commit("SET_MAPSEARCHPOPUPDATA", {})
			}
			}
			}
			</script>
			@@ -93,9 +109,28 @@
			border-radius: 4px;
			color: #fff;
			display: flex;
			flex-direction: column;
			align-items: center;
			justify-content: center;

			.close-box {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: flex-end;

			::v-deep(.el-icon-close) {
			cursor: pointer;
			}
			}

			.url-code {
			::v-deep(img) {
			width: 64px;
			height: 64px;
			vertical-align: middle;
			}
			}

			}