From 4f4e6843b9c16ce646de41e5439fed57853b51d7 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期四, 24 八月 2023 14:19:08 +0800
Subject: [PATCH] 图片多传和查看
---
src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailYesDanger.html | 13 +++++++++----
1 files changed, 9 insertions(+), 4 deletions(-)
diff --git a/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailYesDanger.html b/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailYesDanger.html
index 5fa7d0e..0e53535 100644
--- a/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailYesDanger.html
+++ b/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailYesDanger.html
@@ -204,20 +204,22 @@
$(document).ready(function () {
var imgsUrl = $('.allPics');
var imageUrls = imgsUrl.attr('src')
+ var ids = imgsUrl.attr('data-id')
var imageContainer = document.querySelector('.image-container');
// 将逗号分隔的字符串拆分为URL数组
var imageUrlArray = imageUrls.split(',');
// 遍历URL数组并创建img元素
- imageUrlArray.forEach(function(url) {
+ imageUrlArray.forEach(function(url, index) {
var img = document.createElement('img');
img.setAttribute('src', url);
- img.setAttribute('style', 'width: 100px; height: 100px; cursor: pointer;');
+ img.setAttribute('style', 'width: 100px; height: 100px; cursor: pointer;margin: 10px');
img.setAttribute('title', '查看图片');
- img.setAttribute('data-id', hiddenDangerCheckPoint.id);
+ img.setAttribute('data-id', ids);
img.addEventListener('click', function() {
- showPicture(this.getAttribute('data-id'), 'preRectifyPhoto');
+ // showPicture(this.getAttribute('data-id'), 'preRectifyPhoto');
+ openPicture(url)
});
imageContainer.appendChild(img);
});
@@ -228,6 +230,9 @@
var urlLast = showPictureUrl.replace("{type}", type).replace("{id}", id);
$.operate.openDetailInfo("查看图片", urlLast);
}
+ function openPicture(url) {
+ window.open(url)
+ }
</script>
</body>
--
Gitblit v1.9.2