图片预览

马宇豪

2023-08-25 ed933a88f6317141094aebcf1f165bdb5b9f6842

图片预览

 src/main/resources/templates/tr/hiddenDangerCheck/dangerExamine/detailDangerExamine.html

@@ -302,23 +302,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-right: 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 openPicture(url) {

 src/main/resources/templates/tr/hiddenDangerCheck/dangerExamine/editDangerExamine.html

@@ -350,22 +350,24 @@
        var ids = imgsUrl.attr('data-id')
        var imageContainer = document.querySelector('.image-container');

        // 将逗号分隔的字符串拆分为URL数组
        var imageUrlArray = imageUrls.split(',');
        if(imageUrls && imageUrls !== '') {
            // 将逗号分隔的字符串拆分为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-right: 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 openPicture(url) {

 src/main/resources/templates/tr/hiddenDangerCheck/dangerRectify/editDangerRectify.html

@@ -415,22 +415,24 @@
        var ids = imgsUrl.attr('data-id')
        var imageContainer = document.querySelector('.image-container');

        // 将逗号分隔的字符串拆分为URL数组
        var imageUrlArray = imageUrls.split(',');
        if(imageUrls && imageUrls !== '') {
            // 将逗号分隔的字符串拆分为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-right: 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 openPicture(url) {

 src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotDanger.html

@@ -154,22 +154,24 @@
        var ids = imgsUrl.attr('data-id')
        var imageContainer = document.querySelector('.image-container');

        // 将逗号分隔的字符串拆分为URL数组
        var imageUrlArray = imageUrls.split(',');
        if(imageUrls && imageUrls !== ''){
            // 将逗号分隔的字符串拆分为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-right: 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 openPicture(url) {

 src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailNotJudge.html

@@ -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-right: 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) {

 src/main/resources/templates/tr/hiddenDangerCheck/dangerReport/detailYesDanger.html

@@ -207,22 +207,24 @@
        var ids = imgsUrl.attr('data-id')
        var imageContainer = document.querySelector('.image-container');

        // 将逗号分隔的字符串拆分为URL数组
        var imageUrlArray = imageUrls.split(',');
        if(imageUrls && imageUrls !== '') {
            // 将逗号分隔的字符串拆分为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-right: 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) {