新增核查人

马宇豪

2023-10-11 4a615badcc2b1d1fe34a7fe7b0bd71dc49b9ee31

 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>
@@ -142,6 +142,16 @@
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-sm-6">
                <div class="form-group">
                    <label class="col-sm-4 control-label  ">核查人：</label>
                    <div class="col-sm-8">
                        <input th:value="*{examineUserName}" class="form-control" type="text" readonly="readonly">
                    </div>
                </div>
            </div>
        </div>
    </form>
</div>
<th:block th:include="include :: footer"/>
@@ -152,22 +162,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;');
            img.setAttribute('title', '查看图片');
            img.setAttribute('data-id', ids);
            img.addEventListener('click', function() {
                showPicture(this.getAttribute('data-id'), 'preRectifyPhoto');
            // 遍历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) {
@@ -175,6 +187,9 @@
        var urlLast = showPictureUrl.replace("{type}", type).replace("{id}", id);
        $.operate.openDetailInfo("查看图片", urlLast);
    }
    function openPicture(url) {
        window.open(url)
    }

</script>
</body>