//获取负载
function getLoad(data) {
$("#LoadList .mask").html("获取中..");
setCookie('one', data.one);
setCookie('five', data.five);
setCookie('fifteen', data.fifteen);
var transformLeft, transformRight, LoadColor, Average, Occupy, AverageText, conterError = '';
var index = $("#LoadList");
if (Average == undefined) Average = data.one;
setCookie('conterError', conterError);
Occupy = Math.round((Average / data.max) * 100);
if (Occupy > 100) Occupy = 100;
if (Occupy <= 30) {
LoadColor = '#20a53a';
AverageText = '运行流畅';
} else if (Occupy <= 70) {
LoadColor = '#6ea520';
AverageText = '运行正常';
} else if (Occupy <= 90) {
LoadColor = '#ff9900';
AverageText = '运行缓慢';
} else {
LoadColor = '#dd2f00';
AverageText = '运行堵塞';
}
index.find('.circle').css("background", LoadColor);
index.find('.mask').css({ "color": LoadColor });
$("#LoadList .mask").html("%");
$('#Load').html(Occupy);
$('#LoadState').html('' + AverageText + '');
setImg();
}
$('#LoadList .circle').click(function() {
// getNet();
});
$('#LoadList .mask').hover(function() {
var one, five, fifteen;
var that = this;
one = getCookie('one');
five = getCookie('five');
fifteen = getCookie('fifteen');
var text = '最近1分钟平均负载:' + one + '最近5分钟平均负载:' + five + '最近15分钟平均负载:' + fifteen + '';
layer.tips(text, that, { time: 0, tips: [1, '#999'] });
}, function() {
layer.closeAll('tips');
});
function showCpuTips(rdata){
$('#cpuChart .mask').unbind().hover(function() {
var cpuText = '';
if (rdata.cpu[2].length == 1){
var cpuUse = parseFloat(rdata.cpu[2][0] == 0 ? 0 : rdata.cpu[2][0]).toFixed(1);
cpuText += 'CPU-1:' + cpuUse + '%';
} else {
for (var i = 1; i < rdata.cpu[2].length + 1; i++) {
var cpuUse = parseFloat(rdata.cpu[2][i - 1] == 0 ? 0 : rdata.cpu[2][i - 1]).toFixed(1);
if (i % 2 != 0) {
cpuText += 'CPU-' + i + ':' + cpuUse + '% | ';
} else {
cpuText += 'CPU-' + i + ':' + cpuUse + '%';
cpuText += '\n';
}
}
}
layer.tips(rdata.cpu[3] + "" + rdata.cpu[5] + "个物理CPU," + (rdata.cpu[4]) + "个物理核心," + rdata.cpu[1] + "个逻辑核心" + cpuText, this, { time: 0, tips: [1, '#999'] });
}, function() {
layer.closeAll('tips');
});
}
function rocket(sum, m) {
var n = sum - m;
$(".mem-release").find(".mask span").text(n);
}
//释放内存
function reMemory() {
setTimeout(function() {
$(".mem-release").find('.mask').css({ 'color': '#20a53a', 'font-size': '14px' }).html('1' + lan.index.memre_ok_0 + '
');
$.post('/system/rememory', '', function(rdata) {
var percent = getPercent(rdata.memRealUsed, rdata.memTotal);
var memText = Math.round(rdata.memRealUsed) + "/" + Math.round(rdata.memTotal) + " (MB)";
percent = Math.round(percent);
$(".mem-release").find('.mask').css({ 'color': '#20a53a', 'font-size': '14px' }).html("" + percent + "" + lan.index.memre_ok);
setCookie("mem-before", memText);
var memNull = Math.round(getCookie("memRealUsed") - rdata.memRealUsed);
setTimeout(function() {
if (memNull > 0) {
$(".mem-release").find('.mask').css({ 'color': '#20a53a', 'font-size': '14px', 'line-height': '22px', 'padding-top': '22px' }).html("" + percent + "" + lan.index.memre_ok_1 + "
" + memNull + "MB");
} else {
$(".mem-release").find('.mask').css({ 'color': '#20a53a', 'font-size': '14px' }).html("" + percent + "" + lan.index.memre_ok_2);
}
$(".mem-release").removeClass("mem-action");
$("#memory").text(memText);
setCookie("memRealUsed", rdata.memRealUsed);
}, 1000);
setTimeout(function() {
$(".mem-release").find('.mask').removeAttr("style").html("" + percent + "%");
$(".mem-release").find(".mem-re-min").show();
}, 2000)
},'json');
}, 2000);
}
function getPercent(num, total) {
num = parseFloat(num);
total = parseFloat(total);
if (isNaN(num) || isNaN(total)) {
return "-";
}
return total <= 0 ? "0%" : (Math.round(num / total * 10000) / 100.00);
}
function getDiskInfo() {
$.get('/system/disk_info', function(rdata) {
var rdata = rdata.data;
var dBody;
for (var i = 0; i < rdata.length; i++) {
var LoadColor = setcolor(parseInt(rdata[i].size[3].replace('%', '')), false, 75, 90, 95);
//判断inode信息是否存在
var inodes = '';
if ( typeof(rdata[i]['inodes']) !=='undefined' ){
inodes = '
' + rdata[i].size[3].replace('%', '') + '%
';
var ipre = parseInt(rdata[i].inodes[3].replace('%', ''));
if (ipre > 95) {
$("#messageError").show();
$("#messageError").append('分区[' + rdata[i].path + ']当前Inode使用率超过' + ipre + '%,当使用率满100%时将无法在此分区创建文件,请及时清理![清理垃圾]
');
}
}
if (rdata[i].path == '/' || rdata[i].path == '/www') {
if (rdata[i].size[2].indexOf('M') != -1) {
$("#messageError").show();
$("#messageError").append(' ' + lan.get('diskinfo_span_1', [rdata[i].path]) + '[清理垃圾]
');
}
}
dBody = '' +
'' + rdata[i].path + '
' +
'' +
'' + rdata[i].size[1] + '/' + rdata[i].size[0] + '
' +
''
$("#systemInfoList").append(dBody);
setImg();
}
},'json');
}
//清理垃圾
function clearSystem() {
var loadT = layer.msg('正在清理系统垃圾
', { icon: 16, time: 0, shade: [0.3, "#000"] });
$.get('/system?action=ClearSystem', function(rdata) {
layer.close(loadT);
layer.msg('清理完成,共清理[' + rdata[0] + ']个文件,释放[' + toSize(rdata[1]) + ']磁盘空间!', { icon: 1 });
});
}
function setMemImg(info){
var memRealUsed = toSize(info.memRealUsed);
var memTotal = toSize(info.memTotal);
var memRealUsedVal = memRealUsed.split(' ')[0];
var memTotalVal = memTotal.split(' ')[0];
var unit = memTotal.split(' ')[1];
var mem_txt = memRealUsedVal + '/' + memTotalVal + ' ('+ unit +')';
setCookie("mem-before", mem_txt);
$("#memory").html(mem_txt);
var memPre = Math.floor(info.memRealUsed / (info.memTotal / 100));
$("#left").html(memPre);
setcolor(memPre, "#left", 75, 90, 95);
var memFree = info.memTotal - info.memRealUsed;
if (memFree/(1024*1024) < 64) {
$("#messageError").show();
$("#messageError").append('当前可用物理内存小于64M,这可能导致MySQL自动停止,站点502等错误,请尝试释放内存!
')
}
}
function getInfo() {
$.get("/system/system_total", function(info) {
setMemImg(info);
$("#info").html(info.system);
$("#running").html(info.time);
var _system = info.system;
if(_system.indexOf("Windows") != -1){
$(".ico-system").addClass("ico-windows");
} else if(_system.indexOf("CentOS") != -1) {
$(".ico-system").addClass("ico-centos");
} else if(_system.indexOf("Ubuntu") != -1) {
$(".ico-system").addClass("ico-ubuntu");
} else if(_system.indexOf("Debian") != -1) {
$(".ico-system").addClass("ico-debian");
} else if(_system.indexOf("Fedora") != -1) {
$(".ico-system").addClass("ico-fedora");
} else if(_system.indexOf("Mac") != -1){
$(".ico-system").addClass("ico-mac");
} else {
$(".ico-system").addClass("ico-linux");
}
$("#core").html(info.cpuNum + ' 核心');
$("#state").html(info.cpuRealUsed);
setcolor(info.cpuRealUsed, "#state", 30, 70, 90);
// if (info.isuser > 0) {
// $("#messageError").show();
// $("#messageError").append('' + lan.index.user_warning + ' [不可忽略] [立即修改]
')
// }
setImg();
},'json');
}
function setcolor(pre, s, s1, s2, s3) {
var LoadColor;
if (pre <= s1) {
LoadColor = '#20a53a';
} else if (pre <= s2) {
LoadColor = '#6ea520';
} else if (pre <= s3) {
LoadColor = '#ff9900';
} else {
LoadColor = '#dd2f00';
}
if (s == false) {
return LoadColor;
}
var co = $(s).parent('.mask');
co.css("color", LoadColor);
co.parent('.circle').css("background", LoadColor);
}
function getNet() {
var up, down;
$.get("/system/network", function(net) {
console.log(net);
$("#InterfaceSpeed").html(lan.index.interfacespeed + ": 1.0Gbps");
$("#upSpeed").html(toSize(net.up));
$("#downSpeed").html(toSize(net.down));
$("#downAll").html(toSize(net.downTotal));
$("#downAll").attr('title', lan.index.package + ':' + net.downPackets)
$("#upAll").html(toSize(net.upTotal));
$("#upAll").attr('title', lan.index.package + ':' + net.upPackets)
$("#core").html(net.cpu[1] + " " + lan.index.cpu_core);
$("#state").html(net.cpu[0]);
setcolor(net.cpu[0], "#state", 30, 70, 90);
setCookie("upNet", net.up);
setCookie("downNet", net.down);
//负载
getLoad(net.load);
//内存
setMemImg(net.mem);
//绑定hover事件
setImg();
showCpuTips(net);
},'json');
}
//网络IO
function netImg() {
var xData = [];
var yData = [];
var zData = [];
function getTime() {
var now = new Date();
var hour = now.getHours();
var minute = now.getMinutes();
var second = now.getSeconds();
if (minute < 10) {
minute = "0" + minute;
}
if (second < 10) {
second = "0" + second;
}
var nowdate = hour + ":" + minute + ":" + second;
return nowdate;
}
function ts(m) { return m < 10 ? '0' + m : m }
function format(sjc) {
var time = new Date(sjc);
var h = time.getHours();
var mm = time.getMinutes();
var s = time.getSeconds();
return ts(h) + ':' + ts(mm) + ':' + ts(s);
}
var default_unit = 'KB/s';
function addData(shift) {
xData.push(getTime());
if (getCookie("upNet") > getCookie("downNet") ){
tmp = getCookie("upNet");
} else {
tmp = getCookie("downNet");
}
var tmpSize = toSize(tmp);
default_unit = tmpSize.split(' ')[1] + '/s';
var upNetTmp = toSize(getCookie("upNet"));
var downNetTmp = toSize(getCookie("downNet"));
var upNetTmpSize = upNetTmp.split(' ')[0];
var downNetTmp = downNetTmp.split(' ')[0];
yData.push(upNetTmpSize);
zData.push(downNetTmp);
if (shift) {
xData.shift();
yData.shift();
zData.shift();
}
}
for (var i = 8; i >= 0; i--) {
var time = (new Date()).getTime();
xData.push(format(time - (i * 3 * 1000)));
yData.push(0);
zData.push(0);
}
// 指定图表的配置项和数据
var option = {
title: {
text: "接口流量实时",
left: 'center',
textStyle: {
color: '#888888',
fontStyle: 'normal',
fontFamily: "宋体",
fontSize: 16,
}
},
tooltip: {
trigger: 'axis'
},
legend: {
data: [lan.index.net_up, lan.index.net_down],
bottom: '2%'
},
xAxis: {
type: 'category',
boundaryGap: false,
data: xData,
axisLine: {
lineStyle: {
color: "#666"
}
}
},
yAxis: {
name: '单位 '+ default_unit,
splitLine: {
lineStyle: { color: "#eee" }
},
axisLine: {
lineStyle: { color: "#666" }
}
},
series: [{
name: '上行',
type: 'line',
data: yData,
smooth: true,
showSymbol: false,
symbol: 'circle',
symbolSize: 6,
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(255, 140, 0,0.5)'
}, {
offset: 1,
color: 'rgba(255, 140, 0,0.8)'
}], false)
}
},
itemStyle: {
normal: {
color: '#f7b851'
}
},
lineStyle: {
normal: {
width: 1
}
}
},
{
name: '下行',
type: 'line',
data: zData,
smooth: true,
showSymbol: false,
symbol: 'circle',
symbolSize: 6,
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(30, 144, 255,0.5)',
}, {
offset: 1,
color: 'rgba(30, 144, 255,0.8)',
}], false)
}
},
itemStyle: {
normal: {
color: '#52a9ff',
}
},
lineStyle: {
normal: {
width: 1,
}
}
}]
};
var echartsNetImg = echarts.init(document.getElementById('netImg'));
setInterval(function() {
getNet();
addData(true);
echartsNetImg.setOption({
yAxis: {
name: '单位 '+ default_unit,
splitLine: { lineStyle: { color: "#eee" } },
axisLine: { lineStyle: { color: "#666" } }
},
xAxis: {
data: xData
},
series: [{
name: lan.index.net_up,
data: yData
}, {
name: lan.index.net_down,
data: zData
}]
});
}, 3000);
// 使用刚指定的配置项和数据显示图表。
echartsNetImg.setOption(option);
window.addEventListener("resize", function() {
echartsNetImg.resize();
});
}
function setImg() {
$('.circle').each(function(index, el) {
var num = $(this).find('span').text() * 3.6;
if (num <= 180) {
$(this).find('.left').css('transform', "rotate(0deg)");
$(this).find('.right').css('transform', "rotate(" + num + "deg)");
} else {
$(this).find('.right').css('transform', "rotate(180deg)");
$(this).find('.left').css('transform', "rotate(" + (num - 180) + "deg)");
};
});
$('.diskbox .mask').unbind().hover(function() {
layer.closeAll('tips');
var that = this;
var conterError = $(this).attr("data");
layer.tips(conterError, that, { time: 0, tips: [1, '#999'] });
}, function() {
layer.closeAll('tips');
});
}
// 检查更新
setTimeout(function() {
$.get('/system/update_server?type=check', function(rdata) {
if (rdata.status == false) return;
if (rdata.data != undefined) {
$("#toUpdate").html('更新');
$('#toUpdate a').html('更新.');
$('#toUpdate a').css("position","relative");
return;
}
},'json').error(function() {
});
}, 3000);
//检查更新
function checkUpdate() {
var loadT = layer.msg(lan.index.update_get, { icon: 16, time: 0, shade: [0.3, '#000'] });
$.get('/system/update_server?type=check', function(rdata) {
layer.close(loadT);
if (rdata.data == 'download'){
updateStatus();return;
}
if (rdata.status === false) {
layer.confirm(rdata.msg, { title: lan.index.update_check, icon: 1, closeBtn: 1, btn: [lan.public.know, lan.public.close] });
return;
}
layer.msg(rdata.msg, { icon: 1 });
if (rdata.data != undefined) updateMsg();
},'json');
}
function updateMsg(){
$.get('/system/update_server?type=info',function(rdata){
if (rdata.data == 'download'){
updateStatus();return;
}
var v = rdata.data.version;
var v_info = '';
if (v.split('.').length>3){
v_info = "测试版本";
} else {
v_info = "正式版本";
}
layer.open({
type:1,
title:v_info + '升级到['+rdata.data.version+']',
area: '400px',
shadeClose:false,
closeBtn:2,
content:''
});
},'json');
}
//开始升级
function updateVersion(version) {
var loadT = layer.msg('正在升级面板..', { icon: 16, time: 0, shade: [0.3, '#000'] });
$.get('/system/update_server?type=update&version='+version, function(rdata) {
layer.closeAll();
if (rdata.status === false) {
layer.msg(rdata.msg, { icon: 5, time: 5000 });
return;
}
layer.msg(rdata.msg, { icon: rdata.status ? 1 : 2 });
if (rdata.status) {
$("#btversion").html(version);
$("#toUpdate").html('');
}
},'json').error(function() {
layer.msg('更新失败,请重试!', { icon: 2 });
setTimeout(function() {
window.location.reload();
}, 3000);
});
}
function pluginIndexService(pname,pfunc, callback){
$.post('/plugins/run', {name:'openresty', func:pfunc}, function(data) {
if (!data.status){
layer.msg(data.msg,{icon:0,time:2000,shade: [0.3, '#000']});
return;
}
if(typeof(callback) == 'function'){
callback(data);
}
},'json');
}
//重启服务器
function reBoot() {
layer.open({
type: 1,
title: '重启服务器或者面板',
area: '330px',
closeBtn: 1,
shadeClose: false,
content: ''
});
$('.rebt-con a').click(function () {
var type = $(this).attr('data-id');
switch (type) {
case 'panel':
layer.confirm('即将重启面板服务,继续吗?', { title: '重启面板服务', closeBtn: 1, icon: 3 }, function () {
var loadT = layer.load();
$.post('/system/restart','',function (rdata) {
layer.close(loadT);
layer.msg(rdata.msg);
setTimeout(function () { window.location.reload(); }, 3000);
},'json');
});
break;
case 'server':
var rebootbox = layer.open({
type: 1,
title: '安全重启服务器',
area: ['500px', '280px'],
closeBtn: 1,
shadeClose: false,
content: ""
});
setTimeout(function () {
$(".btn-reboot").click(function () {
rebootbox.close();
})
$(".WSafeRestart").click(function () {
var body = '';
$(".bt-window-restart").html(body);
$(".SafeRestartCode").append("正在停止Web服务
");
pluginIndexService('openresty', 'stop', function (r1) {
$(".SafeRestartCode p").addClass('c9');
$(".SafeRestartCode").append("正在停止MySQL服务...
");
pluginIndexService('mysql','stop', function (r2) {
$(".SafeRestartCode p").addClass('c9');
$(".SafeRestartCode").append("开始重启服务器...
");
$.post('/system/restart_server', '',function (rdata) {
$(".SafeRestartCode p").addClass('c9');
$(".SafeRestartCode").append("等待服务器启动...
");
var sEver = setInterval(function () {
$.get("/system/system_total", function(info) {
clearInterval(sEver);
$(".SafeRestartCode p").addClass('c9');
$(".SafeRestartCode").append("服务器重启成功!...
");
setTimeout(function () {
layer.closeAll();
}, 3000);
})
}, 3000);
})
})
})
})
}, 100);
break;
}
});
}
//修复面板
function repPanel() {
layer.confirm(lan.index.rep_panel_msg, { title: lan.index.rep_panel_title, closeBtn: 1, icon: 3 }, function() {
var loadT = layer.msg(lan.index.rep_panel_the, { icon: 16, time: 0, shade: [0.3, '#000'] });
$.get('/system?action=RepPanel', function(rdata) {
layer.close(loadT);
layer.msg(lan.index.rep_panel_ok, { icon: 1 });
}).error(function() {
layer.close(loadT);
layer.msg(lan.index.rep_panel_ok, { icon: 1 });
});
});
}
//获取警告信息
function getWarning() {
$.get('/ajax?action=GetWarning', function(wlist) {
var num = 0;
for (var i = 0; i < wlist.data.length; i++) {
if (wlist.data[i].ignore_count >= wlist.data[i].ignore_limit) continue;
if (wlist.data[i].ignore_time != 0 && (wlist.time - wlist.data[i].ignore_time) < wlist.data[i].ignore_timeout) continue;
var btns = '';
for (var n = 0; n < wlist.data[i].btns.length; n++) {
if (wlist.data[i].btns[n].type == 'javascript') {
btns += ' ' + wlist.data[i].btns[n].title + ''
} else {
btns += ' ' + wlist.data[i].btns[n].title + ''
}
}
$("#messageError").append('
' + wlist.data[i].body + btns + '
');
num++;
}
if (num > 0) $("#messageError").show();
});
}
//按钮调用
function warningTo(to_url, def) {
var loadT = layer.msg(lan.public.the_get, { icon: 16, time: 0, shade: [0.3, '#000'] });
$.post(to_url, {}, function(rdata) {
layer.close(loadT);
layer.msg(rdata.msg, { icon: rdata.status ? 1 : 2 });
if (rdata.status && def) setTimeout(function() { location.reload(); }, 1000);
},'json');
}
function setSafeHide() {
setCookie('safeMsg', '1');
$("#safeMsg").remove();
}
//查看报告
function showDanger(num, port) {
var atxt = "因未使用安全隔离登录,所有IP都可以尝试连接,存在较高风险,请立即处理。";
if (port == "22") {
atxt = "因未修改SSH默认22端口,且未使用安全隔离登录,所有IP都可以尝试连接,存在较高风险,请立即处理。";
}
layer.open({
type: 1,
area: ['720px', '410px'],
title: '安全提醒(如你想放弃任何安全提醒通知,请删除宝塔安全登录插件)',
closeBtn: 1,
shift: 5,
content: '\
\
\
风险类型: | 暴力破解 说明 |
\
累计遭遇攻击总数: | ' + num + ' 详细(数据直接来源本服务器日志) |
\
风险等级: | 较高风险 |
\
风险描述: | ' + atxt + ' |
\
可参考解决方案: | 方案一:修改SSH默认端口,修改SSH验证方式为数字证书,清除近期登陆日志。 方案二:购买宝塔企业运维版,一键部署安全隔离服务,高效且方便。 |
\
\
\
'
});
$(".showDanger td").css("padding", "8px");
}
function pluginInit(){
$.post('/plugins/init', function(data){
if (!data.status){
return false;
}
var rdata = data.data;
var plugin_list = '';
for (var i = 0; i < rdata.length; i++) {
var ver = rdata[i]['versions'];
var select_list = '';
if (typeof(ver)=='string'){
select_list = '';
} else {
for (var vi = 0; vi < ver.length; vi++) {
if (ver[vi] == rdata[i]['default_ver']){
select_list += '';
} else {
select_list += '';
}
}
}
var pn_checked = '';
if (rdata[i]['name'] == 'swap'){
var pn_checked = '';
}
plugin_list += '
\
\
\
\
'+pn_checked+'';
}
layer.open({
type: 1,
title: '推荐安装',
area: ["320px", "400px"],
closeBtn: 2,
shadeClose: false,
content:"\
\
\
推荐以下一键套件,或在软件管理按需选择。
\
\
\
\
",
success:function(l,index){
$('.rec-box-con .onekey').click(function(){
var post_data = [];
for (var i = 0; i < rdata.length; i++) {
var key_ver = '#select_'+rdata[i]['name'];
var key_checked = '#data_'+rdata[i]['name'];
var val_checked = $(key_checked).prop("checked");
if (val_checked){
var tmp = {};
var val_key = $(key_ver).val();
tmp['version'] = val_key;
tmp['name'] = rdata[i]['name'];
post_data.push(tmp);
}
}
$.post('/plugins/init_install', 'list='+JSON.stringify(post_data), function(data){
showMsg(data.msg, function(){
if (data.status){
layer.closeAll();
messageBox();
}
},{ icon: data.status ? 1 : 2 },2000);
},'json');
});
},
cancel:function(){
layer.confirm('是否不再显示推荐安装套件?', {btn : ['确定', '取消'],title: "不再显示推荐?"}, function() {
$.post('/files/create_dir', 'path=/www/server/php', function(rdata) {
layer.closeAll();
},'json');
});
}
});
},'json');
}
function loadKeyDataCount(){
var plist = ['mysql', 'gogs', 'gitea'];
for (var i = 0; i < plist.length; i++) {
pname = plist[i];
function call(pname){
$.post('/plugins/run', {name:pname, func:'get_total_statistics'}, function(data) {
try {
var rdata = $.parseJSON(data['data']);
} catch(e){
return;
}
if (!rdata['status']){
return;
}
var html = '\
'+pname+'
\
\
';
$('#index_overview').append(html);
},'json');
}
call(pname);
}
}
$(function() {
$(".mem-release").hover(function() {
$(this).addClass("shine_green");
if (!($(this).hasClass("mem-action"))) {
$(this).find(".mem-re-min").hide();
$(this).find(".mask").css({ "color": "#d2edd8" });
$(this).find(".mem-re-con").css({ "display": "block" });
$(this).find(".mem-re-con").animate({ "top": "0", opacity: 1 });
$("#memory").text('内存释放');
}
}, function() {
$(this).removeClass("shine_green");
$(this).find(".mask").css({ "color": "#20a53a" });
$(this).find(".mem-re-con").css({ "top": "15px", opacity: 1, "display": "none" });
$("#memory").text(getCookie("mem-before"));
$(this).find(".mem-re-min").hide();
}).click(function() {
$(this).find(".mem-re-min").hide();
if (!($(this).hasClass("mem-action"))) {
reMemory();
var btlen = $(".mem-release").find(".mask span").text();
$(this).addClass("mem-action");
$(this).find(".mask").css({ "color": "#20a53a" });
$(this).find(".mem-re-con").animate({ "top": "-400px", opacity: 0 });
$(this).find(".pie_right .right").css({ "transform": "rotate(3deg)" });
for (var i = 0; i < btlen; i++) {
setTimeout("rocket(" + btlen + "," + i + ")", i * 30);
}
}
});
$("select[name='network-io'],select[name='disk-io']").change(function () {
var key = $(this).val(), type = $(this).attr('name');
if (type == 'network-io') {
if (key == 'ALL') {
key = '';
}
setCookie('network_io_key', key);
} else {
if (key == 'ALL') {
key = '';
}
setCookie('disk_io_key', key);
}
});
$('.tabs-nav span').click(function () {
var indexs = $(this).index();
$(this).addClass('active').siblings().removeClass('active');
$('.tabs-content .tabs-item:eq(' + indexs + ')').addClass('tabs-active').siblings().removeClass('tabs-active');
$('.tabs-down select:eq(' + indexs + ')').removeClass('hide').siblings().addClass('hide');
switch (indexs) {
case 0:
index.net.table.resize();
break;
case 1:
index.iostat.table.resize();
break;
}
})
});
var index = {
common:{
ts:function (m) { return m < 10 ? '0' + m : m },
format:function (sjc) {
var time = new Date(sjc);
var h = time.getHours();
var mm = time.getMinutes();
var s = time.getSeconds();
return h+ ':' + mm + ':' +s;
},
getTime:function () {
var now = new Date();
var hour = now.getHours();
var minute = now.getMinutes();
var second = now.getSeconds();
if (minute < 10) {
minute = "0" + minute;
}
if (second < 10) {
second = "0" + second;
}
var nowdate = hour + ":" + minute + ":" + second;
return nowdate;
},
},
net: {
table: null,
data: {
xData: [],
yData: [],
zData: []
},
default_unit : 'KB/s',
init_select : false,
init: function(){
for (var i = 8; i >= 0; i--) {
var time = (new Date()).getTime();
index.net.data.xData.push(index.common.format(time - (i * 3 * 1000)));
index.net.data.yData.push(0);
index.net.data.zData.push(0);
}
index.net.table = echarts.init(document.getElementById('netImg'));
var option = index.net.defaultOption();
index.net.table.setOption(option);
window.addEventListener("resize", function () {
index.net.table.resize();
});
},
render:function(){
index.net.table.setOption({
yAxis: {
name: '单位 '+ index.net.default_unit,
splitLine: { lineStyle: { color: "#eee" } },
axisLine: { lineStyle: { color: "#666" } }
},
xAxis: {
data: index.net.data.xData
},
series: [{
name: lan.index.net_up,
data: index.net.data.yData
}, {
name: lan.index.net_down,
data: index.net.data.zData
}]
});
},
defaultOption:function(){
var option = {
title: {
text: "",
left: 'center',
textStyle: {
color: '#888888',
fontStyle: 'normal',
fontFamily: "宋体",
fontSize: 16,
}
},
tooltip: {
trigger: 'axis',
formatter :function (config) {
var _config = config, _tips = "时间:" + _config[0].axisValue + "
";
for (var i = 0; i < config.length; i++) {
if (typeof config[i].data == "undefined") {
return false;
}
_tips += ' ' + config[i].seriesName + ':' + config[i].data + ' '+ index.net.default_unit + '
'
}
return _tips;
}
},
legend: {
data: [lan.index.net_up, lan.index.net_down],
bottom: '2%'
},
xAxis: {
type: 'category',
boundaryGap: false,
data: index.net.data.xData,
axisLine: {
lineStyle: {
color: "#666"
}
}
},
yAxis: {
name: '单位 '+ index.net.default_unit,
splitLine: {
lineStyle: { color: "#eee" }
},
axisLine: {
lineStyle: { color: "#666" }
}
},
series: [{
name: '上行',
type: 'line',
data: index.net.data.yData,
smooth: true,
showSymbol: false,
symbol: 'circle',
symbolSize: 6,
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(255, 140, 0,0.5)'
}, {
offset: 1,
color: 'rgba(255, 140, 0,0.8)'
}], false)
}
},
itemStyle: {
normal: {
color: '#f7b851'
}
},
lineStyle: {
normal: {
width: 1
}
}
},
{
name: '下行',
type: 'line',
data: index.net.data.zData,
smooth: true,
showSymbol: false,
symbol: 'circle',
symbolSize: 6,
areaStyle: {
normal: {
color: new echarts.graphic.LinearGradient(0, 0, 0, 1, [{
offset: 0,
color: 'rgba(30, 144, 255,0.5)',
}, {
offset: 1,
color: 'rgba(30, 144, 255,0.8)',
}], false)
}
},
itemStyle: {
normal: {
color: '#52a9ff',
}
},
lineStyle: {
normal: {
width: 1,
}
}
}]
};
return option;
},
add: function (up, down) {
var _net = this;
var limit = 8;
var d = new Date()
if (_net.data.xData.length >= limit) _net.data.xData.splice(0, 1);
if (_net.data.yData.length >= limit) _net.data.yData.splice(0, 1);
if (_net.data.zData.length >= limit) _net.data.zData.splice(0, 1);
_net.data.xData.push(d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds());
if (up>down){
var upTmp = toSizePos(up);
var upTmpSize = upTmp['name'].split(' ')[0];
index.net.default_unit = upTmp['name'].split(' ')[1] + '/s';
var downTmpSize = toSizePos(down,upTmp['pos'])['name'].split(' ')[0];
// console.log('up',upTmp['pos'],toSizePos(down, upTmp['pos']),downTmpSize);
_net.data.zData.push(downTmpSize);
_net.data.yData.push(upTmpSize);
} else {
var downTmp = toSizePos(down);
var downTmpSize = downTmp['name'].split(' ')[0];
index.net.default_unit = downTmp['name'].split(' ')[1] + '/s';
var upTmpSize = toSizePos(up, downTmp['pos'])['name'].split(' ')[0];
// console.log('down',downTmp['pos'],toSizePos(up, downTmp['pos']),upTmpSize);
_net.data.zData.push(downTmpSize);
_net.data.yData.push(upTmpSize);
}
},
renderSelect:function(net){
// console.log(net);
if (!index.net.init_select){
var option = '';
var network = net.network;
var network_io_key = getCookie('network_io_key');
for (var name in network) {
if (name == 'ALL'){
option += '';
} else if (network_io_key == name){
option += '';
} else {
option += '';
}
}
$('select[name="network-io"]').html(option);
index.net.init_select = true;
}
}
},
iostat:{
table: null,
data: {
xData: [],
yData: [],
zData: [],
tipsData: []
},
init_select:false,
default_unit : 'MB/s',
init:function(){
for (var i = 8; i >= 0; i--) {
var time = (new Date()).getTime();
index.iostat.data.xData.push(index.common.format(time - (i * 3 * 1000)));
index.iostat.data.yData.push(0);
index.iostat.data.zData.push(0);
index.iostat.data.tipsData.push({});
}
index.iostat.table = echarts.init(document.getElementById('ioStat'));
var option = index.iostat.defaultOption();
index.iostat.table.setOption(option);
window.addEventListener("resize", function () {
index.iostat.table.resize();
});
},
render:function(){
index.iostat.table.setOption({
tooltip: {
trigger: 'axis',
formatter :function (config) {
var _config = config, _tips = "时间:" + _config[0].axisValue + "
", options = {
read_bytes: '读取字节数',
read_count: '读取次数 ',
read_merged_count: '合并读取次数',
read_time: '读取延迟',
write_bytes: '写入字节数',
write_count: '写入次数',
write_merged_count: '合并写入次数',
write_time: '写入延迟',
}, data = index.iostat.data.tipsData[config[0].dataIndex], list = ['read_count', 'write_count', 'read_merged_count', 'write_merged_count', 'read_time', 'write_time',];
for (var i = 0; i < config.length; i++) {
if (typeof config[i].data == "undefined") {
return false;
}
_tips += ' ' + config[i].seriesName + ':' + config[i].data + ' MB/s' + '
'
}
$.each(list, function (index, item) {
if (typeof data[item] != 'undefined'){
_tips += ' ' + options[item] + ':' + data[item] + (item.indexOf('time') > -1 ? ' ms' : ' 次/秒') + '
';
}
})
return _tips;
}
},
yAxis: {
name: '单位 '+ index.iostat.default_unit,
splitLine: { lineStyle: { color: "#eee" } },
axisLine: { lineStyle: { color: "#666" } }
},
xAxis: {
data: index.iostat.data.xData
},
series: [{
name: "读取",
data: index.iostat.data.yData
}, {
name: "写入",
data: index.iostat.data.zData
}]
});
},
defaultOption:function(){
var option = {
title: {
text: "",
left: 'center',
textStyle: {
color: '#888888',
fontStyle: 'normal',
fontFamily: "宋体",
fontSize: 16,
}
},
tooltip: {
trigger: 'axis'
},
legend: {
data: ["读取", "写入"],
bottom: '2%'
},
xAxis: {
type: 'category',
boundaryGap: false,
data: index.iostat.data.xData,
axisLine: {
lineStyle: {
color: "#666"
}
}
},
yAxis: {
name: '单位 '+ index.iostat.default_unit,
splitLine: {
lineStyle: { color: "#eee" }
},
axisLine: {
lineStyle: { color: "#666" }
}
},
series: [{
name: '读取',
type: 'line',
data: index.iostat.data.yData,
smooth: true,
showSymbol: false,
symbol: 'circle',
areaStyle: {
normal: {
color: 'rgb(255, 70, 131)'
}
},
itemStyle: {
normal: {
color: 'rgb(255, 70, 131)'
}
},
lineStyle: {
normal: {
width: 1,
}
}
},
{
name: '写入',
type: 'line',
data: index.iostat.data.zData,
smooth: true,
showSymbol: false,
symbol: 'circle',
symbolSize: 6,
areaStyle: {
normal: {
color: 'rgba(46, 165, 186, .7)'
}
},
itemStyle: {
normal: {
color: 'rgba(46, 165, 186, .7)'
}
},
lineStyle: {
normal: {
width: 1,
}
}
}]
};
return option;
},
renderSelect:function(data){
if (!index.iostat.init_select){
var option = '';
var iostat = data.iostat;
var disk_io_key = getCookie('disk_io_key');
for (var name in iostat) {
if (name == 'ALL'){
option += '';
} else if (disk_io_key == name){
option += '';
} else {
option += '';
}
}
$('select[name="disk-io"]').html(option);
index.iostat.init_select = true;
}
},
add: function (read, write, data) {
var _iostat = this;
var limit = 8;
var d = new Date()
if (_iostat.data.xData.length >= limit) _iostat.data.xData.splice(0, 1);
if (_iostat.data.yData.length >= limit) _iostat.data.yData.splice(0, 1);
if (_iostat.data.zData.length >= limit) _iostat.data.zData.splice(0, 1);
if (_iostat.data.tipsData.length >= limit) _iostat.data.tipsData.splice(0, 1);
var readTmpSize = toSizeMB(read).split(' ')[0];
var writeTmpSize = toSizeMB(write).split(' ')[0];
_iostat.data.zData.push(writeTmpSize);
_iostat.data.yData.push(readTmpSize);
_iostat.data.tipsData.push(data);
_iostat.data.xData.push(d.getHours() + ':' + d.getMinutes() + ':' + d.getSeconds());
},
},
getData:function(){
$.get("/system/network", function(net) {
//网络IO
var network_io_key = getCookie('network_io_key');
var network_data = net.network;
var network_select = network_data['ALL'];
if (network_io_key && network_io_key != ''){
network_select = network_data[network_io_key];
}
index.net.add(network_select.up,network_select.down);
index.net.render();
index.net.renderSelect(net);
$("#upSpeed").html(toSize(network_select.up));
$("#downSpeed").html(toSize(network_select.down));
$("#downAll").html(toSize(network_select.downTotal));
$("#downAll").attr('title','数据包:' + network_select.downPackets)
$("#upAll").html(toSize(network_select.upTotal));
$("#upAll").attr('title','数据包:' + network_select.upPackets)
//磁盘IO
var disk_io_key = getCookie('disk_io_key');
var iostat_data = net.iostat;
var iostat_select = iostat_data['ALL'];
if (disk_io_key && disk_io_key != ''){
iostat_select = iostat_data[disk_io_key];
}
index.iostat.add(iostat_select.read_bytes,iostat_select.write_bytes, iostat_select);
index.iostat.render();
index.iostat.renderSelect(net);
$("#readBytes").html(toSize(iostat_select.read_bytes));
$("#writeBytes").html(toSize(iostat_select.write_bytes));
$("#diskIops").html(iostat_select.read_count+":"+iostat_select.write_count+ " 次");
$("#diskTime").html(iostat_select.read_time+":"+iostat_select.write_time +" ms");
$("#core").html(net.cpu[1] + " " + lan.index.cpu_core);
$("#state").html(net.cpu[0]);
setcolor(net.cpu[0], "#state", 30, 70, 90);
//负载
getLoad(net.load);
//内存
setMemImg(net.mem);
//绑定hover事件
setImg();
showCpuTips(net);
},'json');
},
task:function(){
// index.getData();
setInterval(function() {
index.getData();
}, 3000);
},
init: function(){
index.net.init();
index.iostat.init();
index.task();
}
}