everlight.eap/backend/WebMainFrameForEap/wwwroot/js/analysis/alarmcodeanalysis.js

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

    function loadChart() {
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts.init(document.getElementById('charts'));
        var obj = {
            startTime: $('#starttime').val(),
            endTime: $('#endtime').val(),
            macModel: $('select[name=macmodel]').val(),
            pCode: $('select[name=pcode]').val()
        };
        callAjax('/UnityWebApi/Analysis/GetAlarmAnalysisByCode', '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,
                        label: {
                            normal: {
                                show: true,
                                position: 'top',
                                textStyle: {
                                    color: 'black'
                                }
                            }
                        },
                    }]
                };
                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 initMacModel() {
        callAjax('/UnityWebApi/Analysis/GetMacModels', 'get', {}, function (res) {
            if (res) {
                for (var i = 0; i < res.length; i++) {
                    var option = $('<option>');
                    option.val(res[i].fCode);
                    option.text(res[i].fCode);
                    $('select[name=macmodel]').append(option);
                }
                form.render();
            }
        });
    }

    function initProcess() {
        callAjax('/UnityWebApi/Analysis/GetProcesses', 'get', {}, function (res) {
            if (res) {
                for (var i = 0; i < res.length; i++) {
                    var option = $('<option>');
                    option.val(res[i].fCode);
                    option.text(res[i].fCode);
                    $('select[name=pcode]').append(option);
                }
                form.render();
            }
        });
    }

    function loadGrid() {
        var obj = {
            startTime: $('#starttime').val(),
            endTime: $('#endtime').val(),
            macModel: $('select[name=macmodel]').val(),
            pCode: $('select[name=pcode]').val()
        };
        var eTbl = table.render({
            elem: '#tbl',
            url: '/UnityWebApi/Analysis/GetAlarmCodeGrid', //数据接口 
            where: obj,
            height: 400,
            page: false, //开启分页
            toolbar:'#toolbarDemo',
            cols: [[ //表头
                { type: 'numbers' },
                { field: 'name', title: '报警代码', width: '48%', sort: true },
                { field: 'count', title: '报警次数', width: '48%', sort: true }
            ]]
        });
    }
});