From 718bca919be52a00f8c7ce070e45b702d7ffb522 Mon Sep 17 00:00:00 2001 From: helloxujingliang <3225043@qq.com> Date: Thu, 19 Sep 2024 17:27:08 +0800 Subject: [PATCH] =?UTF-8?q?=E9=9D=9E=E6=B3=95=E9=87=87=E7=9F=BF=E3=80=81?= =?UTF-8?q?=E8=80=95=E5=9C=B0=E9=9D=9E=E7=B2=AE=E5=8C=96=E3=80=81=E9=87=8D?= =?UTF-8?q?=E7=82=B9=E9=97=AE=E9=A2=98=E3=80=81=E5=B7=A1=E6=9F=A5=E5=AE=A1?= =?UTF-8?q?=E8=AE=A1=E4=B8=93=E9=A2=98=E6=96=B9=E4=BD=8D=E8=A7=92=E5=9B=BE?= =?UTF-8?q?=E7=89=87=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../MapList/ShowInfoModal/index.vue | 24 +++++++------- .../MapList/ShowInfoModal/index.vue | 24 +++++++------- .../MapList/SplitPolygonModal/index.vue | 32 +++++++++---------- .../MapList/ShowInfoModal/index.vue | 24 +++++++------- .../MapList/ShowInfoModal/index.vue | 24 +++++++------- .../MapList/ShowInfoModal/index.vue | 24 +++++++------- .../minerals/patchsummary/detail/index.vue | 24 +++++++------- 7 files changed, 81 insertions(+), 95 deletions(-) diff --git a/src/views/demo/degraining/curbspotcity/MapList/ShowInfoModal/index.vue b/src/views/demo/degraining/curbspotcity/MapList/ShowInfoModal/index.vue index 83b4e413..3ee9b6fd 100644 --- a/src/views/demo/degraining/curbspotcity/MapList/ShowInfoModal/index.vue +++ b/src/views/demo/degraining/curbspotcity/MapList/ShowInfoModal/index.vue @@ -503,24 +503,22 @@ const isInitImageLisener = ref(false); // 监听预览图片地址变化进行箭头切换 function handlerImageChange(e): void { + isInitImageLisener.value = false; if (e && !isInitImageLisener.value) { setTimeout(function () { const targetNode = document.getElementsByClassName('ant-image-preview-img'); - // 创建一个观察器实例，并传入回调函数 - const observer = new MutationObserver((mutationsList) => { - for (const mutation of mutationsList) { - if (mutation.type === 'attributes') { - if (targetNode[0].getAttribute(mutation.attributeName).match('http')) { - handlerPreviewImage(0, targetNode[0].getAttribute(mutation.attributeName)); + targetNode?.forEach((node,index)=>{ + let imageObserver = new MutationObserver((mutationsList)=>{ + for(const mutation of mutationsList){ + if (node.getAttribute(mutation.attributeName).match('http')){ + handlerPreviewImage(0, node.getAttribute(mutation.attributeName)); } } - } - }); - // 配置观察选项 - const config = { attributes: true }; - // 开始观察目标节点 - observer.observe(targetNode[0], config); - isInitImageLisener.value = true; + }) + const config = { attributes: true }; + imageObserver.observe(node, config); + isInitImageLisener.value = true; + }) }, 250); } } diff --git a/src/views/demo/illegalmining/curbspotcity/MapList/ShowInfoModal/index.vue b/src/views/demo/illegalmining/curbspotcity/MapList/ShowInfoModal/index.vue index 618bd033..5d127c8d 100644 --- a/src/views/demo/illegalmining/curbspotcity/MapList/ShowInfoModal/index.vue +++ b/src/views/demo/illegalmining/curbspotcity/MapList/ShowInfoModal/index.vue @@ -502,24 +502,22 @@ const isInitImageLisener = ref(false); // 监听预览图片地址变化进行箭头切换 function handlerImageChange(e): void { + isInitImageLisener.value = false; if (e && !isInitImageLisener.value) { setTimeout(function () { const targetNode = document.getElementsByClassName('ant-image-preview-img'); - // 创建一个观察器实例，并传入回调函数 - const observer = new MutationObserver((mutationsList) => { - for (const mutation of mutationsList) { - if (mutation.type === 'attributes') { - if (targetNode[0].getAttribute(mutation.attributeName).match('http')) { - handlerPreviewImage(0, targetNode[0].getAttribute(mutation.attributeName)); + targetNode?.forEach((node,index)=>{ + let imageObserver = new MutationObserver((mutationsList)=>{ + for(const mutation of mutationsList){ + if (node.getAttribute(mutation.attributeName).match('http')){ + handlerPreviewImage(0, node.getAttribute(mutation.attributeName)); } } - } - }); - // 配置观察选项 - const config = { attributes: true }; - // 开始观察目标节点 - observer.observe(targetNode[0], config); - isInitImageLisener.value = true; + }) + const config = { attributes: true }; + imageObserver.observe(node, config); + isInitImageLisener.value = true; + }) }, 250); } } diff --git a/src/views/demo/illegalmining/curbspotcity/MapList/SplitPolygonModal/index.vue b/src/views/demo/illegalmining/curbspotcity/MapList/SplitPolygonModal/index.vue index 9a437523..dde9e94d 100644 --- a/src/views/demo/illegalmining/curbspotcity/MapList/SplitPolygonModal/index.vue +++ b/src/views/demo/illegalmining/curbspotcity/MapList/SplitPolygonModal/index.vue @@ -888,25 +888,23 @@ const isInitImageLisener = ref(false); // 监听预览图片地址变化进行箭头切换 function handlerImageChange(e):void{ - if(e && !isInitImageLisener.value){ - setTimeout(function(){ + isInitImageLisener.value = false; + if (e && !isInitImageLisener.value) { + setTimeout(function () { const targetNode = document.getElementsByClassName('ant-image-preview-img'); - // 创建一个观察器实例，并传入回调函数 - const observer = new MutationObserver((mutationsList) => { - for (const mutation of mutationsList) { - if (mutation.type === 'attributes') { - if(targetNode[0].getAttribute(mutation.attributeName).match("http")){ - handlerPreviewImage(0,targetNode[0].getAttribute(mutation.attributeName)) - } - } + targetNode?.forEach((node,index)=>{ + let imageObserver = new MutationObserver((mutationsList)=>{ + for(const mutation of mutationsList){ + if (node.getAttribute(mutation.attributeName).match('http')){ + handlerPreviewImage(0, node.getAttribute(mutation.attributeName)); + } } - }); - // 配置观察选项 - const config = { attributes: true }; - // 开始观察目标节点 - observer.observe(targetNode[0], config); - isInitImageLisener.value = true; - },250) + }) + const config = { attributes: true }; + imageObserver.observe(node, config); + isInitImageLisener.value = true; + }) + }, 250); } } diff --git a/src/views/demo/inspectionaudit/curbspotcity/MapList/ShowInfoModal/index.vue b/src/views/demo/inspectionaudit/curbspotcity/MapList/ShowInfoModal/index.vue index f4e8893b..a9380b22 100644 --- a/src/views/demo/inspectionaudit/curbspotcity/MapList/ShowInfoModal/index.vue +++ b/src/views/demo/inspectionaudit/curbspotcity/MapList/ShowInfoModal/index.vue @@ -522,24 +522,22 @@ const isInitImageLisener = ref(false); // 监听预览图片地址变化进行箭头切换 function handlerImageChange(e): void { + isInitImageLisener.value = false; if (e && !isInitImageLisener.value) { setTimeout(function () { const targetNode = document.getElementsByClassName('ant-image-preview-img'); - // 创建一个观察器实例，并传入回调函数 - const observer = new MutationObserver((mutationsList) => { - for (const mutation of mutationsList) { - if (mutation.type === 'attributes') { - if (targetNode[0].getAttribute(mutation.attributeName).match('http')) { - handlerPreviewImage(0, targetNode[0].getAttribute(mutation.attributeName)); + targetNode?.forEach((node,index)=>{ + let imageObserver = new MutationObserver((mutationsList)=>{ + for(const mutation of mutationsList){ + if (node.getAttribute(mutation.attributeName).match('http')){ + handlerPreviewImage(0, node.getAttribute(mutation.attributeName)); } } - } - }); - // 配置观察选项 - const config = { attributes: true }; - // 开始观察目标节点 - observer.observe(targetNode[0], config); - isInitImageLisener.value = true; + }) + const config = { attributes: true }; + imageObserver.observe(node, config); + isInitImageLisener.value = true; + }) }, 250); } } diff --git a/src/views/demo/keyproblem/keyissuesI/curbspotcity/MapList/ShowInfoModal/index.vue b/src/views/demo/keyproblem/keyissuesI/curbspotcity/MapList/ShowInfoModal/index.vue index bb6a4688..063a0a51 100644 --- a/src/views/demo/keyproblem/keyissuesI/curbspotcity/MapList/ShowInfoModal/index.vue +++ b/src/views/demo/keyproblem/keyissuesI/curbspotcity/MapList/ShowInfoModal/index.vue @@ -400,24 +400,22 @@ const isInitImageLisener = ref(false); // 监听预览图片地址变化进行箭头切换 function handlerImageChange(e): void { + isInitImageLisener.value = false; if (e && !isInitImageLisener.value) { setTimeout(function () { const targetNode = document.getElementsByClassName('ant-image-preview-img'); - // 创建一个观察器实例，并传入回调函数 - const observer = new MutationObserver((mutationsList) => { - for (const mutation of mutationsList) { - if (mutation.type === 'attributes') { - if (targetNode[0].getAttribute(mutation.attributeName).match('http')) { - handlerPreviewImage(0, targetNode[0].getAttribute(mutation.attributeName)); + targetNode?.forEach((node,index)=>{ + let imageObserver = new MutationObserver((mutationsList)=>{ + for(const mutation of mutationsList){ + if (node.getAttribute(mutation.attributeName).match('http')){ + handlerPreviewImage(0, node.getAttribute(mutation.attributeName)); } } - } - }); - // 配置观察选项 - const config = { attributes: true }; - // 开始观察目标节点 - observer.observe(targetNode[0], config); - isInitImageLisener.value = true; + }) + const config = { attributes: true }; + imageObserver.observe(node, config); + isInitImageLisener.value = true; + }) }, 250); } } diff --git a/src/views/demo/keyproblem/keyissuesII/curbspotcity/MapList/ShowInfoModal/index.vue b/src/views/demo/keyproblem/keyissuesII/curbspotcity/MapList/ShowInfoModal/index.vue index 992476ec..8d1a5f52 100644 --- a/src/views/demo/keyproblem/keyissuesII/curbspotcity/MapList/ShowInfoModal/index.vue +++ b/src/views/demo/keyproblem/keyissuesII/curbspotcity/MapList/ShowInfoModal/index.vue @@ -386,24 +386,22 @@ const isInitImageLisener = ref(false); // 监听预览图片地址变化进行箭头切换 function handlerImageChange(e): void { + isInitImageLisener.value = false; if (e && !isInitImageLisener.value) { setTimeout(function () { const targetNode = document.getElementsByClassName('ant-image-preview-img'); - // 创建一个观察器实例，并传入回调函数 - const observer = new MutationObserver((mutationsList) => { - for (const mutation of mutationsList) { - if (mutation.type === 'attributes') { - if (targetNode[0].getAttribute(mutation.attributeName).match('http')) { - handlerPreviewImage(0, targetNode[0].getAttribute(mutation.attributeName)); + targetNode?.forEach((node,index)=>{ + let imageObserver = new MutationObserver((mutationsList)=>{ + for(const mutation of mutationsList){ + if (node.getAttribute(mutation.attributeName).match('http')){ + handlerPreviewImage(0, node.getAttribute(mutation.attributeName)); } } - } - }); - // 配置观察选项 - const config = { attributes: true }; - // 开始观察目标节点 - observer.observe(targetNode[0], config); - isInitImageLisener.value = true; + }) + const config = { attributes: true }; + imageObserver.observe(node, config); + isInitImageLisener.value = true; + }) }, 250); } } diff --git a/src/views/demo/minerals/patchsummary/detail/index.vue b/src/views/demo/minerals/patchsummary/detail/index.vue index f02815b1..7f9503c0 100644 --- a/src/views/demo/minerals/patchsummary/detail/index.vue +++ b/src/views/demo/minerals/patchsummary/detail/index.vue @@ -870,24 +870,22 @@ const isInitImageLisener = ref(false); // 监听预览图片地址变化进行箭头切换 function handlerImageChange(e): void { + isInitImageLisener.value = false; if (e && !isInitImageLisener.value) { setTimeout(function () { const targetNode = document.getElementsByClassName('ant-image-preview-img'); - // 创建一个观察器实例，并传入回调函数 - const observer = new MutationObserver((mutationsList) => { - for (const mutation of mutationsList) { - if (mutation.type === 'attributes') { - if (targetNode[0].getAttribute(mutation.attributeName).match('http')) { - handlerPreviewImage(0, targetNode[0].getAttribute(mutation.attributeName)); + targetNode?.forEach((node,index)=>{ + let imageObserver = new MutationObserver((mutationsList)=>{ + for(const mutation of mutationsList){ + if (node.getAttribute(mutation.attributeName).match('http')){ + handlerPreviewImage(0, node.getAttribute(mutation.attributeName)); } } - } - }); - // 配置观察选项 - const config = { attributes: true }; - // 开始观察目标节点 - observer.observe(targetNode[0], config); - isInitImageLisener.value = true; + }) + const config = { attributes: true }; + imageObserver.observe(node, config); + isInitImageLisener.value = true; + }) }, 250); } }