hb/public/system/module/widget/images.js

layui.use(['layer','upload'], function() {
    var upload = layui.upload;
    var layer = layui.layer;
    //点击选择图片
    $('img').on('click',function (e) {
        var parentNode = $(this).parent();
        parentNode.toggleClass('on');
//            if(Array.from(parentNode.classList).indexOf('on') !== -1) {
//                parentNode.removeClass('on');
//                choices.splice(value.indexOf(this.id),1);
//            }else{
//                parentNode.addClass('on');
//                choices.push(this.id);
//            }
    });
    //图片上传
    upload.render({
        elem: '#upload'
        ,url: uploadurl
        ,multiple: true
        ,size: 2097152 //限制文件大小，单位 KB
        ,done: function(res){
            layer.msg(res.msg,{time:1000});
//                var e = $($(".imagesbox").children("div").get(0));
//                $(e).before('<div class="image-item"><div class="image-delete" data-url=""></div><img class="pic" src="'+res.src+'"></img> </div>');
//                onloadimg();
            setTimeout(function () {
                window.location.reload();
            }, 1000);

        }
    });

    //确定选择
    $("#ConfirmChoices").on('click',function (e) {
        if(parent.$f){
            var value = parent.$f.getValue(parentinputname);//父级input 值
            var list = value||[];
            // console.log(list);
            var images = Array.from(self.document.getElementsByTagName('img'));
            images.forEach(function (image) {
                if(Array.from(image.parentNode.classList).indexOf('on') !== -1 && value.indexOf(image.src) == -1){
                    list.push(image.src);
                    // list.push(image.getAttribute("src"));
                }
            });
            parent.$f.changeField(parentinputname,list);
            parent.$f.closeModal();
        }else{
            //普通弹出选择图片
            var images = Array.from(self.document.getElementsByTagName('img'));
            images.forEach(function (image) {
                if(Array.from(image.parentNode.classList).indexOf('on') !== -1 ){
                    parent.changeIMG(parentinputname,image.src);
                    // parent.changeIMG(parentinputname,image.getAttribute("src"));
                }
            });
            var index = parent.layer.getFrameIndex(window.name);
            parent.layer.close(index);
        }

    });
    //删除选择图片
    $('#deleteimg').on('click',function (e) {
        var images = Array.from(self.document.getElementsByTagName('img'));
        var list = [];
        images.forEach(function (image) {
            if(Array.from(image.parentNode.classList).indexOf('on') !== -1){
                list.push(image.id);
            }
        });
        if(list==''){
            layer.msg('还没选择要删除的图片呢？');
        }else{
            layer.confirm('确定删除吗？', {
                btn: ['确定','取消'] //按钮
            }, function(){
                $.post(deleteurl,{imageid:list},function(result){
                    // console.log(result);
                    layer.msg(result.msg);
                    setTimeout(function () {
                        window.location.reload();
                    }, 1000);
                },'json');
            });
        }
    });

    //移动选择图片
    $('#moveimg').on('click',function (e) {
        var images = Array.from(self.document.getElementsByTagName('img'));
        var list = [];
        images.forEach(function (image) {
            if(Array.from(image.parentNode.classList).indexOf('on') !== -1){
                list.push(image.id);
            }
        });
        if(list==''){
            layer.msg('还没选择要移动的图片呢？');
        }else{
            var url = moveurl+'?imgaes='+list.join();
            layer.open({
                type: 2,
                title: '编辑分类',
                shade: [0],
                area: ['340px', '365px'],
                anim: 2,
                content: [url, 'no'],
                end: function () {
                    window.location.reload();
                }
            });
        }
    });
    //添加图片分类
    $('#addcate').on('click',function (e) {
        layer.open({
            type: 2,
            title: '编辑分类',
            shade: [0],
            area: ['340px', '265px'],
            anim: 2,
            content: [addcate, 'no'],
            end: function () {
                window.location.reload();
            }
        });
    });
    //编辑图片分类
    $('#editcate').on('click',function (e) {
        if(pid == 0){
            layer.msg('禁止编辑');
        }else{
            layer.open({
                type: 2,
                title: '编辑分类',
                shade: [0],
                area: ['340px', '265px'],
                anim: 2,
                content: [editcate, 'no'],
                end: function () {
                    window.location.reload();
                }
            });
        }
    });
    //删除图片分类
    $('#deletecate').on('click',function (e) {
        layer.confirm('确定删除吗？', {
            btn: ['确定','取消'] //按钮
        }, function(){
            $.post(deletecate,{id:pid},function(result){
                layer.msg(result.msg);
                if(result.code == 200){
                    setTimeout(function () {
                        window.location.reload();
                    }, 1000);
                }
            },'json');
        });
    });
});
//非组件修改样式
if(!parent.$f){
    $('.main-top').hide();
    $('.main').css('margin','0px');
    $('.foot-tool').css('bottom','20px');
}