jyyhq/witDisplay/js/video/child/pictureQuery.js

var ballIndex = localStorage.getItem("ballIndex");
var puid = localStorage.getItem("puid");


var flag = true;
layui.use(['element','form','laydate','layer'], function () {
    var element = layui.element;
    var form = layui.form;
    layer = layui.layer;
    var laydate = layui.laydate;
    laydate.render({
        elem: '#dateTime' //指定元素
    });
    init();
    /**
     * 查询
     */
    $("#searchBt").click(function () {
        init();
    });
});

function init() {
    $.ajax({
        type: 'post',
        url: dataUrl + 'picture/getPicture',
        contentType: "application/x-www-form-urlencoded; charset=UTF-8",
        data: {
            ballIndex: ballIndex,
            puid: puid,
            dateTime:$("#dateTime").val()
        },
        success: function (data) {
            $("#content").empty();
            var html = '';
            if(data != null && data != ""){
                for(var i = 0;i < data.length; i++){
                    console.log(data[i]);
                   var path = systemPath + data[i].filePath+"?token="+localStorage.getItem("token");
                    html += '<div>' +
                            '<input type="checkbox" class="checkbox" title=""/>' +
                            '<input type="hidden" value="' + data[i].id + '" id="id' + i + '"/>' +
                            '<input type="hidden" value="' + data[i].filePath + '" id="id' + (i + 1) + '"/>' +
                            '<img src="' + path + '" width="240px"/>' +
                            '<div>' +
                            '<input type="hidden" id="id' + i + '"/>' +
                            '<span id="fileName_01">' + data[i].fileName + ' </span>' +
                            '<span id="fileSize_01">' + data[i].fileSize + ' </span>' +
                            '</div>' +
                            '</div>'
                }
            }else{
                html += '<div style="color: #fff;margin-left: 44%;margin-top: 21%;font-size: 20px;">无数据</div>'
            }
            $("#content").append(html);

        },
        error: function (err) {
            console.log("获取数据出错：", err);
        }
    });
}

//全选按钮点击
function selectAlls(){
    if(flag){
        $(".checkbox").prop("checked",true);
        flag = false;
    }else{
        $(".checkbox").prop("checked",false);
        flag = true;
    }
}

//下载图片
function downImgs(){
    var type = '';
    var downNames = "";
    $("input:checkbox[class='checkbox']:checked").each(function(i){
        if(0==i){
            downNames = $(this).next().next().val();
        }else{
            downNames += (","+$(this).next().next().val());
        }
    });
    if(downNames == ""){
        layer.msg('<span style="color:#000">请勾选需要下载的图片</span>', {icon: 7, time: 3000});
        return false;
    }
    var downName = downNames.split(",");
    for(var i = 0;i < downName.length;i++){
        var myDate = new Date;
        var year = myDate.getFullYear(); //获取完整的年份(4位,1970-????)
        var mon = myDate.getMonth() + 1; //获取当前月份(0-11,0代表1月)
        var date = myDate.getDate(); //获取当前日(1-31)
        var week = myDate.getDay();  //获取当前星期X(0-6,0代表星期天)
        var hour = myDate.getHours();  //获取当前小时数(0-23)
        var min = myDate.getMinutes(); //获取当前分钟数(0-59)
        var sec = myDate.getSeconds();//获取当前秒数(0-59)

        axios.get(systemPath + downName[i],{responseType:'blob'}).then(res=>{
            const blob = new Blob([res.data])
            let a = document.createElement('a')
            a.href=URL.createObjectURL(blob)
            a.download = year + '' + mon + '' + date + '' + hour + '' + min + '' + sec + '.jpg'
            a.click()
        })
    }


}

//删除图片
function delImgs(){
    var type = '';
    var ids = "";
    $("input:checkbox[class='checkbox']:checked").each(function(i){
        if(0==i){
            ids = $(this).next().val();
        }else{
            ids += (","+$(this).next().val());
        }
    });
    if(ids == ""){
        return layer.msg('<span style="color:#000">请勾选要删除的图片</span>', {icon: 7, time: 2000});
    }else{
        layer.confirm('<span style="color:#000">您确定要删除选中的图片吗？</span>', function () {
            $.ajax({
                type: 'post',
                url: dataUrl + 'picture/delPictureQueryById',
                contentType: "application/x-www-form-urlencoded; charset=UTF-8",
                data: {
                    id: ids
                },
                async: false,
                success: function (data) {
                    if (data == "删除成功") {
                        window.location.reload(); // 刷新页面
                        layer.msg('<span style="color:#000">删除成功</span>', {icon: 1, time: 3000});

                    } else {
                        layer.msg('<span style="color:#000">' + data + '</span>', {icon: 2, time: 3000});
                        window.location.reload() // 刷新页面
                    }
                },
                error: function (err) {
                    console.log("获取数据出错：", err);
                }
            });
        })
    }

}