layui.use(['layer', 'laydate', 'table'], function () {
    var layer = layui.layer;
    var laydate = layui.laydate;
    var table = layui.table;
    var eTbl;
    initLaydate();
    loadChart();
    loadGrid();
    $('#searchBtn').click(function () {
        loadChart();
        loadGrid();
    });
    $('#refreshBtn').click(function () {
        initLaydate();
        loadChart();
        loadGrid();
    });

    function loadChart() {
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('charts'));
        var obj = {
            startTime: $('#starttime').val(),
            endTime: $('#endtime').val()
        };
        callAjax('/UnityWebApi/Analysis/GetAlarmAnalysis', 'get', obj, function (data) {
            if (data) {
                console.log('++++++++++++');
                console.log(data);
                // 指定图表的配置项和数据
                var option = {
                    title: {
                        text: data.text
                    },
                    tooltip: {},
                    legend: {
                        data: data.legend
                    },
                    xAxis: {
                        data: data.xdata
                    },
                    yAxis: {},
                    series: [{
                        name: '报警次数',
                        type: 'bar',
                        data: data.ydata
                    }]
                };
                myChart.setOption(option);
                laydate.render({
                    elem: '#starttime',
                    value: obj.startTime
                });
                laydate.render({
                    elem: '#endtime',
                    value: obj.endTime
                });
            }
        });
    }

    function initLaydate() {
        laydate.render({
            elem: '#starttime',
            value: addDate(new Date(), -7)
        });
        laydate.render({
            elem: '#endtime',
            value: new Date().getFormatDate()
        });
    }

    function loadGrid() {
        var obj = {
            startTime: $('#starttime').val(),
            endTime: $('#endtime').val()
        };
        eTbl = table.render({
            elem: '#tbl',
            url: '/UnityWebApi/Analysis/GetAlarmGrid', //数据接口 
            page: false, //开启分页
            where: obj,
            height: 441,
            toolbar:'#toolbarDemo',
            page: false, //开启分页
            cols: [[ //表头
                { type: 'numbers' },
                { field: 'name', title: '机台编号', width: '16%', sort: true },
                { field: 'macname', title: '机台名称', width: '16%', sort: true },
                { field: 'macmodel', title: '机型', width: '16%', sort: true },
                { field: 'pcode', title: '制程代码', width: '16%', sort: true },
                { field: 'pname', title: '制程名称', width: '16%', sort: true },
                 { field: 'count', title: '报警次数', width: '16%', sort: true }
            ]]
        });
    }
});