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}");
|
}
|
}
|
}
|
