var layer ;
var audio = new Audio();
//是否与页面发生交互
var tag = -1;

var warnPageNo = 1;
var warnPageSize = 23;
// 定义小循环的对象
var intervalMain;
var intervalCircle;

//生产区功率限值
var powerMax1 = 120;
var powerMax2 = 100;
//非生产区功率限值
var powerMax3 = 120;
var powerMax4 = 100;

//定义变量
var screenName = "";
var screenSlogan = "";
var sysStart;

//告警信息列表
var warnList;
//设备信息列表
var deviceList = [];

//ups电源id
var upsId1 = "1";
var upsId2 = "2";
//生产区电表id
var esLeftId1 = "15";
var esLeftId2 = "16";
//非生产区电表id
var esRightId1 = "13";
var esRightId2 = "14";

var test = "";


$(function () {

    layui.use(['layer'], function () {
        layer = layui.layer;

        //双击全屏显示
        $("#body").on("dblclick", function () {
            requestFullScreen(document.documentElement);
        });


        //初始化背景动效
        initBg();
        //头部，右上角时间初始化
        renderNavbar();





        // // 获取系统参数配置
        // querySysSetInfo();
        // // 监控告警信息
        // queryWarnAll();

        welcome("欢迎进入智能机房管理平台-大屏页面！");


        // reLoadModelData();
        // reLoadModelMainCircule();

    });
});

function welcome(msg) {
    msg = "<p style='margin:10px;' >" + msg + "</p>";
    layer.open({
        id: 'welcome',
        title: "通知",
        offset: 'auto',
        icon: 1,
        anim: 2,
        content: msg,
        closeBtn: 0,
        btn: ['确定'],
        yes: function(index, layero){
            layer.close(index);
            tag = 1;
            // renderTest();
            reLoadModelData();
            reLoadModelMainCircule();

        }
    });
}


//时间格式处理，20210226101010-----2021-02-26 10:10:10
function strTime(time) {
    return time.substring(0, 4) + "-" + time.substring(4, 6) + "-" + time.substring(6, 8) + " " + time.substring(8, 10) + ":" + time.substring(10, 12) + ":" + time.substring(12, 14)
}

//返回月日的时间格式，如02-25
function timeStr(date) {
    var arr = date.toLocaleDateString().split("/");
    if (arr[1].length < 2) {
        arr[1] = "0" + arr[1];
    }
    if (arr[2].length < 2) {
        arr[2] = "0" + arr[2];
    }
    return arr[1] + "-" + arr[2];
}

//时间格式处理
function timeHandle(date, tag) {
    var arr = date.toLocaleDateString().split("/");
    if (arr[1].length < 2) {
        arr[1] = "0" + arr[1];
    }
    if (arr[2].length < 2) {
        arr[2] = "0" + arr[2];
    }
    var time = arr[0] + arr[1] + arr[2];
    if (tag == "end") {
        return time + '235959';
    } else {
        return time + '000000';
    }
}

/* ------------------ 页面头部信息渲染-start ------------------- */
//获取系统参数配置信息
function querySysSetInfo() {
    $.get("./cgi-bin/sys-set/query-info", function (data, status) {
        if ("success" == status) {
            renderSysSetInfo(data);
        } else {
            window.parent.parent.notify("数据查询出错，请重新操作！！msg=" + data.msg);
        }
    }, "json");
}
//渲染系统参数配置信息
function renderSysSetInfo(data) {
    screenName = data.screenName;
    screenSlogan = data.screenSlogan;
    sysStart = data.usedTime;
    sysStart = sysStart.substring(0, 4) + "-" + sysStart.substring(4, 6) + "-" + sysStart.substring(6, 8) + " 00:00:00";

    // 设置主界面的标题screenName
    $("#main-title").text(screenName);
    // 设置主界面的标语screenSlogan
    $("#main-slogan").text(screenSlogan);

}

//头部，右上角时间
function renderNavbar() {
    showRealTime();
    window.setInterval(function (){
        showRealTime();
    },1000);
}

function showRealTime(){
    var d = new Date();
    var year = d.getFullYear();
    var month = d.getMonth() + 1;
    var date = d.getDate();
    var days = new Array("日","一","二","三","四","五","六");
    var day = d.getDay();
    var hour = (d.getHours() < 10) ? ("0" + d.getHours()) : d.getHours();
    var min = (d.getMinutes() < 10) ? ("0" + d.getMinutes()) : d.getMinutes();
    var sec = (d.getSeconds() < 10) ? ("0" + d.getSeconds()) : d.getSeconds();
    var now = year + "年" + month + "月" + date + "日 周" + days[day] + "  " + hour + ":" + min + ":" + sec;
    document.getElementById("dayTime").innerHTML = now;
}

/* ------------------ 页面头部信息渲染-end ------------------- */

/* ------------------ 监控告警信息渲染-start ------------------- */
//查询近30天的警告数据
function queryWarnAll() {

    //获取参数
    var request = {};
    var time = new Date();
    //30天前时间
    request.beginTime = timeHandle(new Date(time - 1000 * 60 * 60 * 24 * 30), '');
    //当期天时间
    request.endTime = timeHandle(time, 'end');


    $.post("./cgi-bin/warn-list/query-all", JSON.stringify(request), function (data, status) {
        if ("success" == status) {
            warnList = data;
            //相关警告渲染
            warnTable();
        } else {
            window.parent.notify("警告数据查询出错！");
        }
    }, "json");
}
//渲染警告列表
function warnTable() {
    var data = warnList;
    var html = '';
    if (data != null && data.length > 0) {
        for (var i = 0; i < data.length; i++) {
            if(i >= warnPageSize){
                break;
            }
            html += '<tr><td>' + data[i].name + '</td>';
            html += '<td>' + (data[i].flag == 0 ? '未处理' : '已处理') + '</td>';
            html += '<td>' + strTime(data[i].time) + '</td></tr>';
        }
    }else{
        html += '<tr><td colspan="3">暂无数据</td></tr>';
    }
    $("#warnInfoTBody").html(html);
}
/* ------------------ 监控告警信息渲染-end ------------------- */

/* ------------------ 监控设备数量信息渲染-start ------------------- */
//获取所有设备数据
function reLoadModelData() {
    //UPS电源的id：1,2;生产区电表：5,6
    var ids = [{"id":upsId1},{"id":upsId2},{"id":esRightId1},{"id":esRightId2},{"id":esLeftId1},{"id":esLeftId2}];
    var dataList = [];
    $.each(ids, function (index, item) {
        var param = {"id": item.id};
        $.ajaxSettings.async = false;
        $.post("./cgi-bin/detail/query-data", JSON.stringify(param), function (data, status) {
            if ("success" == status) {
                console.log('---------获取到的设备实时数据-----' + JSON.stringify(data));
                dataList.push(data);
            } else {
                window.parent.notify("数据查询出错，请重新操作！");
            }
        }, "json");
    });

    renderEsAll(dataList);
    renderUpsAll(dataList);
};
function notify(msg) {
    msg = "<p style='margin:10px;' >" + msg + "</p>";
    layer.open({
        id: 'id_sys_notify',
        title: "通知",
        offset: 'auto',
        icon: 1,
        anim: 2,
        content: msg,
        closeBtn: 0,
        btn: ['确定'],
        yes: function(index, layero){
            audio.pause();
            layer.close(index);
        }
    });
    if(tag == 1){
        audioPaly();
    }
}
function arrToMap(list) {
    var map = [];
    $.each(list, function (index, item) {
        map[item.passcode] = item.value;
    });
    return map;
}
function renderEsAll(list) {
    $("#power_max_1").text(powerMax1 + "kW");
    $("#power_max_2").text(powerMax2 + "kW");
    $("#power_max_3").text(powerMax3 + "kW");
    $("#power_max_4").text(powerMax4 + "kW");
    // console.log(list);
    var msg = "";
    var power1 = 0, power2 = 0, power3 = 0, power4 = 0;
    $.each(list, function (index, item) {
        //生产区电表
        if(item.id == esLeftId1){
            var map = arrToMap(item.value);
            item.recordMap = map;
            power1 = renderEs(item,"ll");
        }
        if(item.id == esLeftId2){
            var map = arrToMap(item.value);
            item.recordMap = map;
            power2 = renderEs(item,"lr");
        }
        //非生产区电表
        if(item.id == esRightId1){
            var map = arrToMap(item.value);
            item.recordMap = map;;
            power3 = renderEs(item,"rl");
        }
        if(item.id == esRightId2){
            var map = arrToMap(item.value);
            item.recordMap = map;
            power4 = renderEs(item,"rr");
        }

    });
    //生产区电表1
    power1 = power1 == "#" || power1 <= 0 || power1 == "NaN" ? 0 : power1;
    //生产区电表2
    power2 = power2 == "#" || power2 <= 0 || power2 == "NaN" ? 0 : power2;

    var power_sum1 = (power1 * 1) + (power2 * 1);
    power_sum1 = formatNumber(power_sum1,1);
    $("#l_power").text(power_sum1 + "kW");

    if(power_sum1 >= powerMax1){
        msg += "生产区电表总功率已经到达功率限值1，当前总功率为" + power_sum1 + "kW！<br/>";
    }else if(power_sum1 >= powerMax2){
        msg += "生产区电表总功率已经到达功率限值2，当前总功率为" + power_sum1 + "kW！<br/>";
    }

    //非生产区电表1
    power3 = power3 == "#" || power3 <= 0 || power3 == "NaN" ? 0 : power3;
    //非生产区电表2
    power4 = power4 == "#" || power4 <= 0 || power4 == "NaN" ? 0 : power4;
    var power_sum2 = (power3 * 1) + (power4 * 1);
    power_sum2 = formatNumber(power_sum2,1);
    $("#r_power").text(power_sum2 + "kW");
    if(power_sum2 >= powerMax3){
        msg += "非生产区电表总功率已经到达功率限值1，当前总功率为" + power_sum2 + "kW！<br/>";
    }else if(power_sum2 >= powerMax4){
        msg += "非生产区电表总功率已经到达功率限值2，当前总功率为" + power_sum2 + "kW！<br/>";
    }
    if(msg){
        notify(msg);
    }
}
function renderUpsAll(list) {
    $.each(list, function (index, item) {
        if(item.id == upsId1){
            var map = arrToMap(item.value);
            item.recordMap = map;
            renderUps(item,"l");
        }
        if(item.id == upsId2){
            var map = arrToMap(item.value);
            item.recordMap = map;
            renderUps(item,"r");
        }
    });
}

function renderEs(data,place) {
    if (null == data) return 0;
    var recordMap = data.recordMap;
    //设备名称
    $("#model_" + place + "_es_deviceName").text(data.name);
    //ABC三相电压
    var ua = isEmptyValue(recordMap,"3");
    var ub = isEmptyValue(recordMap,"4");
    var uc = isEmptyValue(recordMap,"5");
    $("#model_" + place + "_es_ua").text(ua + "V");
    $("#model_" + place + "_es_ub").text(ub + "V");
    $("#model_" + place + "_es_uc").text(uc + "V");
    //ABC三相电流
    var ia = isEmptyValue(recordMap,"6");
    var ib = isEmptyValue(recordMap,"7");
    var ic = isEmptyValue(recordMap,"8");
    $("#model_" + place + "_es_ia").text(ia + "A");
    $("#model_" + place + "_es_ib").text(ib + "A");
    $("#model_" + place + "_es_ic").text(ic + "A");
    //ABC三相功率因数
    // var power_factor_a = isEmptyValue(recordMap,"13");
    // var power_factor_b = isEmptyValue(recordMap,"14");
    // var power_factor_c = isEmptyValue(recordMap,"15");
    // $("#model_" + place + "_es_power_factor_a").text(power_factor_a);
    // $("#model_" + place + "_es_power_factor_b").text(power_factor_b);
    // $("#model_" + place + "_es_power_factor_c").text(power_factor_c);

    //总功率因数
    var power_factor_sum = isEmptyValue(recordMap,"28");
    $("#model_" + place + "_es_power_factor_sum").text(power_factor_sum);
    //总功率
    var power_sum = isEmptyValue(recordMap,"12");
    $("#model_" + place + "_es_power").text(power_sum + "kW");
    //正向有功电能
    var paee = isEmptyValue(recordMap,"17");
    $("#model_" + place + "_es_paee").text(paee + "kWH");
    //反向有功电能
    var rae = isEmptyValue(recordMap,"18");
    $("#model_" + place + "_es_rae").text(rae + "kWH");
    //频率
    var fr = isEmptyValue(recordMap,"16");
    $("#model_" + place + "_es_fr").text(fr + "Hz");

    var maxV = 0;
    maxV = maxValue(maxV,ua);
    maxV = maxValue(maxV,ub);
    maxV = maxValue(maxV,uc);
    maxV = maxV * 1.2;
    var ua_per = perValue(maxV,ua);
    var ub_per = perValue(maxV,ub);
    var uc_per = perValue(maxV,uc);
    $("#model_" + place + "_es_ua_per").css("width", ua_per + "%");
    $("#model_" + place + "_es_ub_per").css("width", ub_per + "%");
    $("#model_" + place + "_es_uc_per").css("width", uc_per + "%");

    var maxA = 0;
    maxA = maxValue(maxA,ia);
    maxA = maxValue(maxA,ib);
    maxA = maxValue(maxA,ic);
    maxA = maxA * 1.2;
    var ia_per = perValue(maxA,ia);
    var ib_per = perValue(maxA,ib);
    var ic_per = perValue(maxA,ic);
    $("#model_" + place + "_es_ia_per").css("width", ia_per + "%");
    $("#model_" + place + "_es_ib_per").css("width", ib_per + "%");
    $("#model_" + place + "_es_ic_per").css("width", ic_per + "%");

    // var maxPowerFactor = 0;
    // maxPowerFactor = maxValue(maxPowerFactor,power_factor_a);
    // maxPowerFactor = maxValue(maxPowerFactor,power_factor_b);
    // maxPowerFactor = maxValue(maxPowerFactor,power_factor_c);
    // maxPowerFactor = maxPowerFactor * 1.2;
    // var power_factor_a_per = perValue(maxPowerFactor,power_factor_a);
    // var power_factor_b_per = perValue(maxPowerFactor,power_factor_b);
    // var power_factor_c_per = perValue(maxPowerFactor,power_factor_c);
    // $("#model_" + place + "_es_power_factor_a_per").css("width", power_factor_a_per + "%");
    // $("#model_" + place + "_es_power_factor_b_per").css("width", power_factor_b_per + "%");
    // $("#model_" + place + "_es_power_factor_c_per").css("width", power_factor_c_per + "%");

    var maxPowerFactor = 0;
    maxPowerFactor = maxValue(maxPowerFactor,power_factor_sum);
    maxPowerFactor = maxPowerFactor * 1.2;
    var power_factor_sum_per = perValue(maxPowerFactor,power_factor_sum);
    $("#model_" + place + "_es_power_factor_sum_per").css("width", power_factor_sum_per + "%");

    var power_per = power_sum == "#"|| power_sum == "NaN" || power_sum <= 0 ? "0" : "100";
    $("#model_" + place + "_es_power_per").css("width", power_per + "%");
    var paee_per = paee == "#" || paee == "NaN" || paee <= 0 ? "0" : "100";
    $("#model_" + place + "_es_paee_per").css("width", paee_per + "%");
    var rae_per = rae == "#" || rae == "NaN" || rae <= 0 ? "0" : "100";
    $("#model_" + place + "_es_rae_per").css("width", rae_per + "%");

    return power_sum;
}

function renderUps(data,place){
    if (null == data) return 0;
    var recordMap = data.recordMap;
    if(!recordMap) return 0;

    //ABC三相输入(输出)电压(电流)
    var in_ua = isEmptyValue(recordMap,"3");
    var in_ub = isEmptyValue(recordMap,"4");
    var in_uc = isEmptyValue(recordMap,"5");
    var in_ia = isEmptyValue(recordMap,"6");
    var in_ib = isEmptyValue(recordMap,"7");
    var in_ic = isEmptyValue(recordMap,"8");
    var out_ua = isEmptyValue(recordMap,"9");
    var out_ub = isEmptyValue(recordMap,"10");
    var out_uc = isEmptyValue(recordMap,"11");
    var out_ia = isEmptyValue(recordMap,"12");
    var out_ib = isEmptyValue(recordMap,"13");
    var out_ic = isEmptyValue(recordMap,"14");
    $("#model_" + place + "_ups_in_ua").text(in_ua + "V");
    $("#model_" + place + "_ups_in_ub").text(in_ub + "V");
    $("#model_" + place + "_ups_in_uc").text(in_uc + "V");
    $("#model_" + place + "_ups_in_ia").text(in_ia + "A");
    $("#model_" + place + "_ups_in_ib").text(in_ib + "A");
    $("#model_" + place + "_ups_in_ic").text(in_ic + "A");
    $("#model_" + place + "_ups_out_ua").text(out_ua + "V");
    $("#model_" + place + "_ups_out_ub").text(out_ub + "V");
    $("#model_" + place + "_ups_out_uc").text(out_uc + "V");
    $("#model_" + place + "_ups_out_ia").text(out_ia + "A");
    $("#model_" + place + "_ups_out_ib").text(out_ib + "A");
    $("#model_" + place + "_ups_out_ic").text(out_ic + "A");
    //电池电压(电流)
    var battery_u = isEmptyValue(recordMap,"22");
    var battery_i = isEmptyValue(recordMap,"25");
    $("#model_" + place + "_ups_battery_u").text(battery_u + "V");
    $("#model_" + place + "_ups_battery_i").text(battery_i + "A");
    //电池剩余电量
    var battery_eq = isEmptyValue(recordMap,"23");
    $("#model_" + place + "_ups_battery_eq").text(battery_eq + "%");
    //电池后备时间
    var battery_time = isEmptyValue(recordMap,"24");
    $("#model_" + place + "_ups_battery_time").text(battery_time + "min");

    var maxV = 0;
    maxV = maxValue(maxV,in_ua);
    maxV = maxValue(maxV,in_ub);
    maxV = maxValue(maxV,in_uc);
    maxV = maxValue(maxV,out_ua);
    maxV = maxValue(maxV,out_ub);
    maxV = maxValue(maxV,out_uc);
    maxV = maxV * 1.2;
    var in_ua_per = perValue(maxV,in_ua);
    var in_ub_per = perValue(maxV,in_ub);
    var in_uc_per = perValue(maxV,in_uc);
    var out_ua_per = perValue(maxV,out_ua);
    var out_ub_per = perValue(maxV,out_ub);
    var out_uc_per = perValue(maxV,out_uc);
    $("#model_" + place + "_ups_in_ua_per").css("width", in_ua_per + "%");
    $("#model_" + place + "_ups_in_ub_per").css("width", in_ub_per + "%");
    $("#model_" + place + "_ups_in_uc_per").css("width", in_uc_per + "%");
    $("#model_" + place + "_ups_out_ua_per").css("width", out_ua_per + "%");
    $("#model_" + place + "_ups_out_ub_per").css("width", out_ub_per + "%");
    $("#model_" + place + "_ups_out_uc_per").css("width", out_uc_per + "%");

    var maxA = 0;
    maxA = maxValue(maxA,in_ia);
    maxA = maxValue(maxA,in_ib);
    maxA = maxValue(maxA,in_ic);
    maxA = maxValue(maxA,out_ia);
    maxA = maxValue(maxA,out_ib);
    maxA = maxValue(maxA,out_ic);
    maxA = maxA * 1.2;
    var in_ia_per = perValue(maxA,in_ia);
    var in_ib_per = perValue(maxA,in_ib);
    var in_ic_per = perValue(maxA,in_ic);
    var out_ia_per = perValue(maxA,out_ia);
    var out_ib_per = perValue(maxA,out_ib);
    var out_ic_per = perValue(maxA,out_ic);
    $("#model_" + place + "_ups_in_ia_per").css("width", in_ia_per + "%");
    $("#model_" + place + "_ups_in_ib_per").css("width", in_ib_per + "%");
    $("#model_" + place + "_ups_in_ic_per").css("width", in_ic_per + "%");
    $("#model_" + place + "_ups_out_ia_per").css("width", out_ia_per + "%");
    $("#model_" + place + "_ups_out_ib_per").css("width", out_ib_per + "%");
    $("#model_" + place + "_ups_out_ic_per").css("width", out_ic_per + "%");

    var battery_u_per = battery_u == "#" || battery_u == "NaN" || battery_u <= 0 ? "0" : "100";
    $("#model_" + place + "_ups_battery_u_per").css("width", battery_u_per + "%");
    var battery_i_per = battery_i == "#" || battery_i == "NaN"  || battery_i <= 0 ? "0" : "100";
    $("#model_" + place + "_ups_battery_i_per").css("width", battery_i_per + "%");
    var battery_eq_per = battery_eq == "#" || battery_eq == "NaN" || battery_eq <= 0 ? "0" : "100";
    $("#model_" + place + "_ups_battery_eq_per").css("width", battery_eq_per + "%");
    var battery_time_per = battery_time == "#" || battery_time == "NaN" || battery_time <= 0 ? "0" : "100";
    $("#model_" + place + "_ups_battery_time_per").css("width", battery_time_per + "%");
}

//判断值是否为空
function isEmptyValue(map,key) {
    if(map){
        var value = map[key];
        if(value && value != "#" && value != "NaN") {
            return formatNumber(value,1);
        }
    }
    return "#";
}
//比较大小
function maxValue(max,value) {
    if(value == "#" || value == "NaN"  || value <= 0){
        return max;
    }else if((max * 1) > (value * 1)){
        return max;
    }else {
        return value;
    }
}
//取百分比
function perValue(max,value) {
    if(value == "#" || value == "NaN" || value <= 0){
        return 0;
    // }else if((max * 1) > (value * 1)){
    //     return value / max * 100;
    }else {
        return 100;
    }
}
/**
 * 格式化数字保留一位小数
 */
function formatNumber(numStr,num){
    return numStr ? parseFloat(numStr).toFixed(num):"0.0";
}

//渲染测试
function renderTest() {
    var dataList = [];
    for(var i=1;i<=6;i++){
        var data = {};
        data.time = "20211207101214";
        data.value = [];
        if(i<=2){
            data.id = i;
            data.name = "UPS电源" + i;
            for(var j=1;j<=25;j++){
                var value = {};
                value.passcode = j;
                if(j==1 || j==2) value.value=0;
                else if(j==3 || j==4 || j==5) value.value=200+(j*10);
                else if(j==6 || j==7 || j==8) value.value=j;
                else if(j==9 || j==10 || j==11) value.value=200+(j*2);
                else if(j==12 || j==13 || j==14) value.value=j;
                else if(j==15) value.value=j;
                else if(j==22) value.value=200+(j*2);
                else if(j==23) value.value=j;
                else if(j==24) value.value=j;
                else if(j==25) value.value=j;
                else value.value=j;
                data.value.push(value);
            }
        }else{
            data.id = i + 10;
            data.name = "电表" + i;
            for(var j=1;j<=28;j++){
                var value = {};
                value.passcode = j;
                if(j==1 || j==2) value.value=0;
                else if(j==3 || j==4 || j==5) value.value=200+(j*10);
                else if(j==6 || j==7 || j==8) value.value=j;
                else if(j==9 || j==10 || j==11) value.value=j;
                else if(j==12) value.value=j;
                else if(j==13 || j==14 || j==15) value.value=j/20;
                else if(j==16) value.value=j;
                else if(j==17 || j==18 || j==19 || j==20) value.value=j;
                else value.value=j;
                data.value.push(value);
            }
        }
        dataList.push(data);
    }
    renderEsAll(dataList);
    renderUpsAll(dataList);
}

// 循环执行页面告警信息和监控设备模块的刷新
function reLoadModelMainCircule() {
    if(intervalMain) clearInterval(intervalMain);
    // 间隔10s刷新下页面数据
    intervalMain = setInterval(function () {
        // 监控告警信息
        queryWarnAll();
        // 监控设备数据信息
        reLoadModelData();
    }, 1000 * 10);
};

function audioPaly() {
    audio.src = "audio/warn-3263.wav";
    audio.loop = true;
    audio.playbackRate = 0.5;
    audio.play();
}

function interactTag() {
    tag = 1;
}


/**
 * 背景粒子效果
 */
function initBg() {
    //背景粒子效果
    particlesJS('particles-js',
        {
            "particles": {
                "number": {
                    "value": 160,//数量
                    "density": {
                        "enable": true, //启用粒子的稀密程度
                        "value_area": 800 //区域散布密度大小
                    }
                },
                "color": {
                    "value": "#0089f4" //原子的颜色
                },
                "shape": {
                    "type": "star", //原子的形状 "circle" ,"edge" ,"triangle" ,"polygon" ,"star" ,"image" ,["circle", "triangle", "image"]
                    "stroke": {
                        "width": 0, //原子的宽度
                        "color": "#0089f4" //原子颜色
                    },
                    "polygon": {
                        "nb_sides": 5 // 原子的多边形边数
                    },
                    "image": {
                        "src": "img/github.svg", // 原子的图片可以使用自定义图片 "assets/img/yop.svg" , "http://mywebsite.com/assets/img/yop.png"
                        "width": 100, //图片宽度
                        "height": 100 //图片高度
                    }
                },
                "opacity": {
                    "value": 1, //不透明度
                    "random": true, //随机不透明度
                    "anim": {
                        "enable": true, //渐变动画
                        "speed": 1, // 渐变动画速度
                        "opacity_min": 0, //渐变动画不透明度
                        "sync": true
                    }
                },
                "size": {
                    "value": 3, //原子大小
                    "random": true, // 原子大小随机
                    "anim": {
                        "enable": false, // 原子渐变
                        "speed": 4, //原子渐变速度
                        "size_min": 0.3,
                        "sync": false
                    }
                },
                "line_linked": {
                    "enable": false, //连接线
                    "distance": 150, //连接线距离
                    "color": "#ffffff", //连接线颜色
                    "opacity": 0.4, //连接线不透明度
                    "width": 1 //连接线的宽度
                },
                "move": {
                    "enable": true, //原子移动
                    "speed": 1, //原子移动速度
                    "direction": "none", //原子移动方向   "none" ,"top" ,"top-right" ,"right" ,"bottom-right" ,"bottom" ,"bottom-left" ,"left" ,"top-left"
                    "random": true, //移动随机方向
                    "straight": false, //直接移动
                    "out_mode": "out", //是否移动出画布
                    "bounce": false, //是否跳动移动
                    "attract": {
                        "enable": false, // 原子之间吸引
                        "rotateX": 600, //原子之间吸引X水平距离
                        "rotateY": 600  //原子之间吸引Y水平距离
                    }
                }
            },
            "interactivity": {
                "detect_on": "canvas", //原子之间互动检测 "canvas", "window"
                "events": {
                    "onhover": {
                        "enable": true, //悬停
                        "mode": "bubble" //悬停模式      "grab"抓取临近的,"bubble"泡沫球效果,"repulse"击退效果,["grab", "bubble"]
                    },
                    "onclick": {
                        "enable": false,  //点击效果
                        "mode": "repulse"  //点击效果模式   "push" ,"remove" ,"bubble" ,"repulse" ,["push", "repulse"]
                    },
                    "resize": true // 互动事件调整
                },
                "modes": {
                    "grab": {
                        "distance": 100, //原子互动抓取距离
                        "line_linked": {
                            "opacity": 1  //原子互动抓取距离连线不透明度
                        }
                    },
                    "bubble": {
                        "distance": 250, //原子抓取泡沫效果之间的距离
                        "size": 2, // 原子抓取泡沫效果之间的大小
                        "duration": 2, //原子抓取泡沫效果之间的持续事件
                        "opacity": 1, //原子抓取泡沫效果透明度
                        "speed": 3
                    },
                    "repulse": {
                        "distance": 400, //击退效果距离
                        "duration": 0.4 //击退效果持续事件
                    },
                    "push": {
                        "particles_nb": 4 //粒子推出的数量
                    },
                    "remove": {
                        "particles_nb": 2
                    }
                }
            },
            "retina_detect": true
        }
    );
}

function requestFullScreen(element) {
    // 判断各种浏览器，找到正确的方法
    var requestMethod = element.requestFullScreen || // W3C
        element.webkitRequestFullScreen || // FireFox
        element.mozRequestFullScreen || // Chrome等
        element.msRequestFullScreen; // IE11
    if (requestMethod) {
        requestMethod.call(element);
    } else if (typeof window.ActiveXObject !== "undefined") { // for
        // Internet
        // Explorer
        var wscript = new ActiveXObject("WScript.Shell");
        if (wscript !== null) {
            wscript.SendKeys("{F11}");
        }
    }
}