var example = null;
var pers = null;
var layer;
var table;
var laydate;
let phyTimeStart;
let phyTimeEnd;
let keyWord;

// 获取当前日期
var today = new Date();
// 获取明天日期（即当前日期的下一天）
var tomorrow = new Date(today.getTime() + 24 * 60 * 60 * 1000);
// 将日期转换为字符串
var tomorrowString = tomorrow.getFullYear() + "-" + (tomorrow.getMonth() + 1) + "-" + tomorrow.getDate();
console.log("明天日期：" + tomorrowString);


$(function () {
    layui.use(['layer','form','table','laydate'], function () {
        layer = layui.layer;
        table = layui.table;
        var form = layui.form;
        laydate = layui.laydate;

        table.render({
            elem: '#layuiTable'
            , url: dataUrl + "securityPrevent/getFireInfos" //数据接口
            , method: 'post' //方式默认是get
            , toolbar: 'default' //开启工具栏，此处显示默认图标，可以自定义模板，详见文档
            , where: {
                phyTimeStart: getNowTime(),
                phyTimeEnd: tomorrowString,
            } //post请求必须加where ，post请求需要的参数
            , cellMinWidth: 80
            , cols: [[ //表头
                {field: 'number',align: 'center',title: '序号', templet: function(res){
                        return res.LAY_INDEX;
                    }}

                , {field: 'deviceType',align: 'center', title: '设备名称'}
                ,{field: 'deviceAddress', align: 'center',title: '设备位置'}
                , {field: 'type', align: 'center', title: '报警类型'}
                , {
                    field: 'photoPath', title: '报警图片', templet: function (d) {
                        if (!!d.photoPath) {
                            return '<img src="' + "http://192.168.0.110:18888/rearScreen/statics/" + d.photoPath + '" class="+" onclick="photograph(this)">';
                        } else {
                            return '';
                        }
                    }
                }
                , {field: 'alarmTime', align: 'center', title: '报警时间'}
            ]]
            , id: 'menuTable'
            , page: true //开启分页
            , loading: true //数据加载中。。。
            , limits: [50, 100, 200]  //一页选择显示3,5或10条数据
            , limit: 10  //一页显示5条数据
            , response: {
                statusCode: 200 //规定成功的状态码，默认：0
            }, parseData: function (res) { //将原始数据解析成 table 组件所规定的数据，res为从url中get到的数据
                let result;
                if (res.data !== '' && res.data != null && res.data !== "null") {
                    if (this.page.curr) {
                        result = res.data.slice(this.limit * (this.page.curr - 1), this.limit * this.page.curr);
                    } else {
                        result = res.data.slice(0, this.limit);
                    }
                }
                return {
                    "code": res.code, //解析接口状态
                    "msg": res.msg, //解析提示文本
                    "count": res.count, //解析数据长度
                    "data": result, //解析数据列表
                };
            },

            toolbar: "#toolbar"
        });

        table.on('toolbar(contact)', function (obj) {
            console.log(obj);
            // 获取当前表格被选中的记录对象，返回数据
            var checkStatus = table.checkStatus(obj.config.id);
            //获取事件名，执行对应的代码
            var eventName = obj.event;
            switch (eventName) {
                case "searchBt":
                    document.getElementById("searchBt").click();//按钮自动点击一次
                    phyTimeStart = $("#phyTimeStart").val();
                    phyTimeEnd = $("#phyTimeEnd").val();
                    keyWord = $("#keyWord").val();
                    table.reload('menuTable', {
                        url: dataUrl + 'securityPrevent/getFireInfos'
                        , method: 'post' //方式默认是get
                        , page: true
                        , where: {
                            phyTimeStart: phyTimeStart,
                            phyTimeEnd: phyTimeEnd,
                            keyWord: keyWord
                        } //设定异步数据接口的额外参数
                    });
                    /**二次赋值-- 点击搜索按钮之后会进行一次刷新操作*/
                    initTime();
                    $("#phyTimeStart").val(phyTimeStart);
                    $("#phyTimeEnd").val(phyTimeEnd);
                    $("#keyWord").val(keyWord);
                    break;
            }
        });

        initTime();
    });
});

function initTime() {

    laydate.render({
        elem: '#ID-laydate-range',
        range: ['#phyTimeStart', '#phyTimeEnd'],
        value: [getNowTime(), tomorrowString] // 设置默认日期范围为今天
    });

}

// 点击图片变大
function photograph(t) {
    if (t.src == null || t.src == '') {
        return;
    }
    layer.open({
        type: 1,
        title: false,
        skin: 'layui-layer-rim', //加上边框
        area: ['88%', '650px'], //宽高
        shadeClose: true, //开启遮罩关闭
        end: function (index, layero) {
            return false;
        },
        content: '<div style="text-align:center"><img src="' + t.src + '" style="width:100%;height: 650px" /></div>'
    });
}