var example = null;
var pers = null;
var tokens = localStorage.getItem("token");
var ballIndex = localStorage.getItem("ballIndex");
var puid = localStorage.getItem("puid");
var datas;
layui.use(['layer', 'laydate', 'form'], function () {
    var layer = layui.layer;
    var laydate = layui.laydate;
    var form = layui.form;
    laydate.render({
        elem: '#data' //指定元素
    });
    init();
    $("#searchBt").click(function () {
        init();
    });
    //导出
    /*$("#exportBt").click(function () {
        exportBtn();
    });*/
});

function init() {
    var data = $("#data").val();
    $.ajax({
        type: 'get',
        url: dataUrl + "video/getBallVideoByPuid",
        data: {
            puid: puid,
            dateTime: data
        },
        success: function (data) {
            datas = data;
            if (datas == null || datas == "null" || datas == "") {
                $("tbody").empty();
                //layer.msg("球机信息获取失败", {icon: 2, time: 2000});
                html = "<tr><td colspan='7'>无数据</td></tr>";
                $("tbody").append(html);
                return;
            }
            //初始化，当前页面显示为第一页
            limits(data);//页面按钮生成
            document.getElementById("inputs").childNodes[0].style.backgroundColor = "#1668D7";//第一个按钮的背景颜色为红色
            tablestr(1);//table数据显示
        }
    })
}

//假设规定每页显示长度为3
var choose = 1;//创建一个全局变量用来保存当前处于第几个页面
var len = 10;

//确认该集合会被分成几页，分成几页就代表需要几个页面按钮,封装封装方便多次运用
function limits() {
    var num1 = (choose - 1) * len + 1;//确定循环开始的集合下标
    var num2 = choose * len;//确定循环结束的结束下标
    document.getElementById("information").innerHTML = '';//清空一下
    document.getElementById("information").innerHTML += '显示第 ' + num1 + " 至 " + num2 + " 项结果，共 " + datas.length + " 项";

    var countLim = Math.ceil(datas.length / len);//余数也算是一页，这里用向上取整
    //确认页面按钮个数，进行循环显示到页面上
    document.getElementById("inputs").innerHTML = '';//清空一下
    for (var i = 1; i <= countLim; i++) {
        //每个页面按钮都绑定上一个点击事件
        document.getElementById("inputs").innerHTML += '<input type="button" class = "btn' + i + '"  value="' + i + '" onclick="limitinput(this)" style="margin-right: 2px;width: 25px;height: 25px;border: 1px solid #1668D7;color: #fff;background-color: rgba(0,0,0,0)"/>';

    }
}

//点击按钮获取当前按钮的值进行选择当前table是第几页数据
function limitinput(ids) {
    choose = ids.value;
    tablestr(choose);//刷新table数据
    limits();//刷新页面按钮
    ids.style.backgroundColor = '#1668D7';//当前点击的页面按钮背景颜色改变为红色
    liminputcolor(choose);//页面按钮变色
}

//通过当前页面按钮和页面数据长度将数据放进table内，封装封装！！！必须封装
function tablestr(num) {//num是指当前哪个页面
    var num1;
    var num2;
    var countLim = Math.ceil(datas.length / len); //总页数
    var remainder = datas.length % 10;  //余数。得到最后一页的数据数量
    if (countLim != num) {//不是最后一页
        num1 = (num - 1) * len;//确定循环开始的集合下标
        num2 = num * len;//确定循环结束的结束下标
    } else {//最后一页
        num1 = (num - 1) * len;//确定循环开始的集合下标
        num2 = num * len - 10 + remainder;//确定循环结束的结束下标
    }

    var html = '';
    $("tbody").empty();//清空一下
    for (var i = num1; i < num2; i++) {//遍历数组
        html += "<tr>" +
            "<td><input type='checkbox' name='active' class='checks' value='" + datas[i].name + "@" + datas[i].path + "@" + datas[i].begin + "@" + datas[i].end + "@" + puid + "@" + datas[i].size + "@" + datas[i].id + "@" + datas[i].manufactorId + "@" + datas[i].downPath + "' id=''/></td>\n" +
            "<td style='display: none'>" + datas[i].downPath + "</td>" +
            "<td style='display: none'>" + datas[i].id + "</td>" +
            "<td style='display: none'>" + datas[i].ballId + "</td>" +
            "<td>" + datas[i].name + "</td>" +
            "<td>" + datas[i].size + "</td>" +
            "<td>" + datas[i].begin + "</td>" +
            "<td>" + datas[i].end + "</td>" +
            "<td>" + datas[i].path + "</td>" +
            "<td><img id='videoCheck" + i + "' style='cursor: pointer' src='../../../img/video/videoCheck.png' title='播放'/></td>" +
            "</tr>"
    }
    if (html == "") {
        html = "<tr><td colspan='7'>无数据</td></tr>";
    }
    $("tbody").append(html);
    for (let i = 0; i < datas.length; i++) {
        $("#videoCheck" + i + "").click(function () {
            playVoide(datas[i], "0");
        });
    }
}

function liminputcolor(choose) {
    document.getElementById("inputs").childNodes[choose - 1].style.backgroundColor = "#1668D7";
}

function prevPageBtn() {
    if (choose == 1) {
        return;
    }
    choose = choose - 1;
    tablestr(choose);//刷新table数据
    limits();//刷新页面按钮
    document.getElementById("inputs").childNodes[choose - 1].style.backgroundColor = "#1668D7";
    liminputcolor(choose);//页面按钮变色
}

function nextPageBtn() {
    if (choose == Math.ceil(datas.length / len)) {
        return;
    }
    choose = choose + 1;
    tablestr(choose);//刷新table数据
    limits();//刷新页面按钮
    document.getElementById("inputs").childNodes[choose - 1].style.backgroundColor = "#1668D7";
    liminputcolor(choose);//页面按钮变色
}

/**
 * 播放视频
 */
function playVoide(item, type) {
	alert(1);
    localStorage.setItem("type", type);
    localStorage.setItem("item", JSON.stringify(item));
    layer.open({
        title: true,
        type: 2,
        content: "flvStart.html",
        area: ["1098px", "800px"],
        skin: 'my-skin videoView-skin',
        shadeClose: true,
        shade: 0.5,
        maxmin: false,
         btn: ['确定', '关闭'],
        success: function (layero, index) {

        },
        yes: function (index, layero) {
        }
    });
}



// 批量下载
function downloadBatch() {
    var chk_value = [];
    var count = 0;
    $('input[name="active"]:checked').each(function () {   // 遍历input输入框中name=active 选中状态的值。
        chk_value.push($(this).val());
        count += 1;
    });
    console.info("所有为选中状态复选框的值：" + chk_value + ",选中状态的个数：" + count)

    if (count == 0) {
        return layer.msg("请勾选要下载的数据", {icon: 7, time: 2000});
    }
    if (count > 1) {
        return layer.msg("请不要勾选多个数据", {icon: 7, time: 2000});
    }
    var form = {"id": chk_value.toString().split("@")[6]};
    var filePath = chk_value.toString().split("@")[8];
    var manufactorId = chk_value.toString().split("@")[7];
    var  id=chk_value.toString().split("@")[6];
    if (manufactorId == "1") { //创世
        var downFilePath = filePath.replace("127.0.0.1", "112.30.98.105");
        window.open(downFilePath);
    } else {
       var dat=chk_value.toString().split("@");
        var time1=new Date(dat[3]).getTime();
        var time2=new Date(dat[2]).getTime();
        var times=time1*1-time2*1;
        var thistoken= getQxToken();
        var url="http://112.31.70.193:1854/icvs2/CSS/VODFile.flv?id=" + id + "&path=" + (dat[1]+dat[0]) + "&resType=IV&idx=0&stream=0&start=0&puid=" + dat[4] + "&durationSecond=" +times+"&token="+thistoken;
        window.open(url);
    }
}

function getQxToken(){
    var token=null;
    $.ajax({
        type: 'post',
        url: dataUrl + 'video/getQxToken',
        contentType: "application/json; charset=utf-8",
        dataType: 'text',
        async:false,
        success: function (data) {
            token=data;
        }
    })
        return token;
}

/**
 * 导出数据
 */
/*function exportBtn() {
    var chk_value = [];
    var count = 0;
    $('input[name="active"]:checked').each(function () {   // 遍历input输入框中name=active 选中状态的值。
        chk_value.push($(this).val());
        count += 1;
    });
    console.info("所有为选中状态复选框的值：" + chk_value + ",选中状态的个数：" + count)

    if (count == 0) {
        return layer.msg("请勾选要导出的数据", {icon: 7, time: 2000});
    }
    var id = chk_value.toString();
    window.location.href = ctxPath + "/videoQueryWeb/exportVideoQuery?id=" + id + "&token=" + tokens;
}*/

// 批量删除
function delBatch() {
    var id = null;
    var selected = []; // 选中删除的数据
    var oTable = $('#dt-table').dataTable();
    var rowcollection = oTable.$(".checkall:checked", {"page": "all"});
    rowcollection.each(function (index, elem) {
        var checkbox_value = $(elem).val();
        selected.push(checkbox_value);
    });
    if (selected.length == 0) {
        return layer.msg("请勾选要删除的数据", {icon: 7, time: 2000});
    }
    id = selected.toString();
    layer.confirm("您确定要删除选中的数据吗？", function () {
        var form = {"id": id};
        $.ajax({
            type: 'post',
            url: dataUrl + 'video/delVideoQueryById',
            contentType: "application/json; charset=utf-8",
            data: JSON.stringify(form),
            dataType: 'text',
            success: function (data) {
                if (data == "删除成功") {
                    layer.msg('删除成功', {icon: 1, time: 3000});
                    example.ajax.reload(); // 刷新页面
                } else {
                    layer.msg(data, {icon: 2, time: 3000});
                    example.ajax.reload(); // 刷新页面
                }
            }
        })
    })
}