From 0a090e70d8003102e1f4196e17f1ffb500f1e039 Mon Sep 17 00:00:00 2001 From: SunTao <328867980@qq.com> Date: Thu, 21 Nov 2024 11:52:44 +0800 Subject: [PATCH] =?UTF-8?q?fix=EF=BC=9A=E5=A4=A7=E5=B1=8F=E4=BF=AE?= =?UTF-8?q?=E6=94=B9=E6=9F=A5=E7=9C=8B=E8=AF=A6=E6=83=85=E5=BC=B9=E7=AA=97?= =?UTF-8?q?=EF=BC=8C=E5=A2=9E=E5=8A=A0=E5=9C=B0=E5=9B=BE=E5=8F=96=E6=B6=88?= =?UTF-8?q?=E9=80=89=E6=8B=A9=E4=BA=8B=E4=BB=B6=EF=BC=8C=E7=97=85=E5=AE=B3?= =?UTF-8?q?=E5=B7=A1=E6=A3=80=E4=BB=8A=E6=97=A5=E5=B7=A1=E6=9F=A5=E4=BF=AE?= =?UTF-8?q?=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/map/fssm-map.vue | 12 ++- .../big-screen/components/img-dialog.vue | 77 +++++++++++++++---- .../disease-components/traffic-safety.vue | 71 +++++++++++------ src/views/big-screen/index.vue | 29 +++---- 4 files changed, 134 insertions(+), 55 deletions(-) diff --git a/src/components/map/fssm-map.vue b/src/components/map/fssm-map.vue index baeac1b..6a49a20 100644 --- a/src/components/map/fssm-map.vue +++ b/src/components/map/fssm-map.vue @@ -123,6 +123,7 @@ export default { drawMarkers: [], // 当前地图层级 sendZoom: "", + selectSingClick: null, }; }, watch: { @@ -268,9 +269,9 @@ export default { this.$emit("map-moveend", zoom); }); // 图层选择事件 - let selectSingClick = new Select({ style: null }); - map.addInteraction(selectSingClick); - selectSingClick.on("select", (e) => { + this.selectSingClick = new Select({ style: null }); + map.addInteraction(this.selectSingClick); + this.selectSingClick.on("select", (e) => { this.$emit("feature-select", e); // let selectedFeatures = e.selected; // if (selectedFeatures.length > 0) { @@ -305,6 +306,11 @@ export default { this.instance.set("map", map); this.instance.set("overlay-list", []); }, + + /* 删除图层选择对象 */ + removeSelectClick() { + this.selectSingClick.getFeatures().clear(); + }, /* 绘制地图 */ drawMap() { if (this.drawMarkers.length < 1) { diff --git a/src/views/big-screen/components/img-dialog.vue b/src/views/big-screen/components/img-dialog.vue index 61d4edc..ee2eb9b 100644 --- a/src/views/big-screen/components/img-dialog.vue +++ b/src/views/big-screen/components/img-dialog.vue @@ -85,14 +85,14 @@ - @@ -128,22 +128,45 @@
-
+
目标详情>>
-
+ 采集时间: + {{ new Date(item.createdTime).toLocaleString() }} 起始桩号: + {{ item.stakeStart || "暂无数据" }} 终止桩号: + {{ item.stakeEnd || "暂无数据" }} + 病害类型: + {{ item.type || "暂无数据" }} 病害面积：{{ item.area }}平方米 + 病害长度{{ item.length }}米 + +
1 && !this.loading) { this.loadMoreTopImages(); } - + // 滚动到底加载数据 // 滚动高度+容器高度 滚动区域高度 if ( @@ -564,7 +591,22 @@ export default { } }, - /* 图片位置信息获取 */ + /** + * @description: 选择框修改事件 + * @param {*} val + * @return {*} + */ + handleCheckedRectChange(val) { + this.checkedRectList = this.rectItem.filter((item) => { + return val.includes(item.id); + }); + }, + + /** + * @description: 图片位置信息获取 + * @param {*} val + * @return {*} + */ updateRects() { this.rectItem = []; if (this.defectData.length > 0) { @@ -576,6 +618,8 @@ export default { rectPosition: item.rect?.split(",").map(Number), }; }); + this.checkedRectList = this.rectItem; + this.checkedRect = this.rectItem.map((item) => item.id); } }, @@ -621,9 +665,9 @@ export default {