From ed933a88f6317141094aebcf1f165bdb5b9f6842 Mon Sep 17 00:00:00 2001
From: 马宇豪 <978517621@qq.com>
Date: 星期五, 25 八月 2023 10:58:05 +0800
Subject: [PATCH] 图片预览
---
src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotJudge.html | 33 +++++++++++++++++----------------
1 files changed, 17 insertions(+), 16 deletions(-)
diff --git a/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotJudge.html b/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotJudge.html
index 59799b6..19eff42 100644
--- a/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotJudge.html
+++ b/src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotJudge.html
@@ -108,7 +108,7 @@
th:src="*{preRectifyPhoto}"
onclick="showPicture(this.getAttribute('data-id'),'preRectifyPhoto')"
th:data-id="${hiddenDangerCheckPoint.id}">
- <div class="image-container"></div>
+ <div class="image-container" style="display: flex;align-items: flex-start"></div>
</div>
</div>
</div>
@@ -152,23 +152,24 @@
var imageUrls = imgsUrl.attr('src')
var ids = imgsUrl.attr('data-id')
var imageContainer = document.querySelector('.image-container');
+ if(imageUrls && imageUrls !== '') {
+ // 将逗号分隔的字符串拆分为URL数组
+ var imageUrlArray = imageUrls.split(',');
- // 将逗号分隔的字符串拆分为URL数组
- var imageUrlArray = imageUrls.split(',');
-
- // 遍历URL数组并创建img元素
- imageUrlArray.forEach(function(url, index) {
- var img = document.createElement('img');
- img.setAttribute('src', url);
- img.setAttribute('style', 'width: 100px; height: 100px; cursor: pointer;margin: 10px');
- img.setAttribute('title', '查看图片');
- img.setAttribute('data-id', ids);
- img.addEventListener('click', function() {
- // showPicture(this.getAttribute('data-id'), 'preRectifyPhoto');
- openPicture(url)
+ // 遍历URL数组并创建img元素
+ imageUrlArray.forEach(function (url, index) {
+ var img = document.createElement('img');
+ img.setAttribute('src', url);
+ img.setAttribute('style', 'width: 100px; height: 100px; cursor: pointer;margin-right: 10px');
+ img.setAttribute('title', '查看图片');
+ img.setAttribute('data-id', ids);
+ img.addEventListener('click', function () {
+ // showPicture(this.getAttribute('data-id'), 'preRectifyPhoto');
+ openPicture(url)
+ });
+ imageContainer.appendChild(img);
});
- imageContainer.appendChild(img);
- });
+ }
});
/* 图片--查看 */
function showPicture(id,type) {
--
Gitblit v1.9.2