var example = null;
var pers = null;
var tokens = localStorage.getItem("token");
var ballIndex = localStorage.getItem("ballIndex");
var puid = localStorage.getItem("puid");
$(function () {
    layui.use(['layer', 'laydate', 'form'], function () {
        var layer = layui.layer;
        var laydate = layui.laydate;
        var form = layui.form;
        var minListDate = $('#hidMinListDate').val();//最小可选时间，例：1990-02-01
        var maxListDate = $('#hidMaxListDate').val();//最大可选时间，例：2200-12-31
        var begin = "#startTime", end = "#endTime";//开始时间选择框、结束时间选择框：文本框
        var endChange = function (val, date) {
            if (date && date.year)
                begindate.config.max = {
                    year: date.year,
                    month: date.month - 1,//必须减1才是正确值
                    date: date.date,
                    hours: date.hours,
                    minutes: date.minutes,
                    seconds: date.seconds
                };
            else {
                var dateInit = new Date(maxListDate.replace(/-/g, "/"));
                begindate.config.max = {
                    year: dateInit.getFullYear(),
                    month: dateInit.getMonth(),
                    date: dateInit.getDate(),
                    hours: dateInit.getHours(),
                    minutes: dateInit.getMinutes(),
                    seconds: dateInit.getSeconds()
                };
            }
        };
        var beginChange = function (val, date) {
            if (date && date.year)
                enddate.config.min = {
                    year: date.year,
                    month: date.month - 1,
                    date: date.date,
                    hours: date.hours,
                    minutes: date.minutes,
                    seconds: date.seconds
                };
            else {
                var dateInit = new Date(minListDate.replace(/-/g, "/"));
                enddate.config.min = {
                    year: dateInit.getFullYear(),
                    month: dateInit.getMonth(),
                    date: dateInit.getDate(),
                    hours: dateInit.getHours(),
                    minutes: dateInit.getMinutes(),
                    seconds: dateInit.getSeconds()
                };
            }
        };
        var enddate = laydate.render({
            elem: end,
            format: 'yyyy-MM-dd',
            min: minListDate,
            max: maxListDate,
            done: endChange
        });
        var begindate = laydate.render({
            elem: begin,
            format: 'yyyy-MM-dd',
            min: minListDate,
            max: maxListDate,
            done: beginChange
        });
        $("#searchBt").click(function () {
            var startTime = $("#startTime").val();
            var endTime = $("#endTime").val();
            var dateStart = new Date(startTime);
            var dateEnd = new Date(endTime);
            var difValue = (dateEnd - dateStart) / (1000 * 60 * 60 * 24);
            var startDateTemp = startTime.split("-");
            var endDateTemp = endTime.split("-");
            var allStartDate = new Date(startDateTemp[0], startDateTemp[1], startDateTemp[2]);
            var allEndDate = new Date(endDateTemp[0], endDateTemp[1], endDateTemp[2]);
            if (allStartDate.getTime() > allEndDate.getTime()) {
                return top.layer.msg('时间选择不合理，请重新选择', {
                    icon: 2,
                    time: 2000 //2秒关闭（如果不配置，默认是3秒）
                });
            }
            example.ajax.reload();
        });

        init();
    });

    $("#searchBt").click(function () {
        example.ajax.reload();
    });
    //导出
    $("#exportBt").click(function () {
        exportBtn();
    });
})

function init() {
    example =
        $('#dt-table').DataTable({
            "sort": false,
            "searching": false,
            "processing": true, //加载数据时显示进度状态
            "serverSide": true,
            'scrollY': 'calc(100vh - 150px)',
            'scroller': true,
            'scrollCollapse':true,
            "language": {
                "url": ctxPath + "/js/plugin/datatables/Chinese.lang"
            },
            "ajax": {
                "url": ctxPath + "/eventQueryDevice",
                "type": "get",
                "data": function (d) {
                    d.data = $("#data").val();
                    d.ballIndex = ballIndex;
                    d.puid = puid;
                    d.startTime = $("#startTime").val();
                    d.endTime = $("#endTime").val();
                },
                "error": function (xhr, textStatus, errorThrown) {
                    var msg = xhr.responseText;
                    var response = JSON.parse(msg);
                    var code = response.code;
                    var message = response.message;
                    if (code == 400) {
                        layer.msg(message);
                    } else if (code == 401) {
                        localStorage.removeItem("token");
                        layer.msg("token过期，请先登录", {shift: -1, time: 1000}, function () {
                            location.href = ctxPath + '/login.html';
                        });
                    } else if (code == 403) {
                        console.log("未授权:" + message);
                        layer.msg('未授权');
                    } else if (code == 500) {
                        console.log('系统错误：' + message);
                    }
                }
            },
            "dom": "<'dt-toolbar'r>t<'dt-toolbar-footer'<'col-sm-4 col-xs-4 hidden-xs'i><'col-xs-8 col-sm-8' p v>>",
            "columns": [
                {
                    "data": null,
                    "width": "10%",
                    "bSortable": false,
                    render: function (data, type, full, meta) {
                        var node = '';
                        var checkedStatus = data['checkedStatus'];
                        node = '<input class="checkall" name="checked"  value=\"' + full.id + '\" type="checkbox"/>';
                        if (checkedStatus == 1) {
                            node = '<input class="checkall" name="checked" checked="checked" value=\"' + full.id + '\" type="checkbox"/>';
                        }
                        return node;
                    }
                },
                {"data": "deviceName",width: '15%'},
                {"data": "cameraName",width: '15%'},
                {"data": "type1",width: '10%'},
                {"data": "onlineTime",width: '10%',},
                {"data": "type2",width: '15%'},
                {"data": "offlineTime",width: '10%',
                    "render": function (data, type, row ) {
                        var offlineTime =row.offlineTime;
                        if(offlineTime==null || offlineTime==''){
                                return '/';
                            } else{
                                return offlineTime;
                            }
                        }
                  },
                {"data": "onlineDuration",width: '15%',
                "render": function (data, type, row) {
                    var dat1 =row.onlineTime;
                    var dat2 =row.offlineTime;
                    if(dat2==null || dat2==''){
                        var dat2=getCurrentDate();
                      return   getTime(dat1,dat2);
                    } else{
                        return  getTime(dat1,dat2);
                    }
                }
                },
            ],
            "fnInitComplete":function () {
                // 防止页面闪烁
                $('.table').css('display','');
                //自动调整列宽
                let table = $('#dt-table').DataTable();
                table.columns.adjust().draw();
            },
            "order": [[0, "desc"], [1, "asc"]]  //在栏目列上显示排序功能
        });
}

/**
 * 导出数据
 */
function exportBtn() {
    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();
    window.location.href = ctxPath + "/eventQueryDevice/exportEventQueryDevice?id=" + id + "&token=" + tokens;
}
/**
 * 获得当前时间 yyyy-MM-dd
 * @returns {string}
 */
function getNowTime() {
    var time = new Date();
    var year = time.getFullYear();
    var month = time.getMonth() + 1 >= 10 ? time.getMonth() + 1 : '0' + (time.getMonth() + 1);
    var day = time.getDate() >= 10 ? time.getDate() : '0' + time.getDate();
    return year + "-" + month + "-" + day;
}

function getTime(dt1,dt2){
    console.log("测试数据");
    var regTime = /(\d{4})-(\d{1,2})-(\d{1,2})( \d{1,2}:\d{1,2})/g;
    var interval = Math.abs(Date.parse(dt1.replace(regTime, "$2-$3-$1$4")) - Date.parse(dt2.replace(regTime, "$2-$3-$1$4")))/1000;
    var h = Math.floor(interval / 3600);
    var m = Math.floor(interval % 3600 / 60);
    if(h==0){
        return m+"分钟";
    }
     return h+'小时'+m+"分";
    }
function getCurrentDate() {
    var d = new Date()
    var year = d.getFullYear()
    var month = d.getMonth()
    month = month + 1 > 12 ? 1 : month + 1
    month = month > 9 ? month : '0' + month.toString()
    var day = d.getDate()
    var hour = d.getHours()
    hour = hour > 9 ? hour : '0' + hour.toString()
    var minute = d.getMinutes()
    minute = minute > 9 ? minute : '0' + minute.toString()
    var second = d.getSeconds()
    return `${year}-${month}-${day} ${hour}:${minute}:${second}`
}