|
|
|
|
$(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(lan.index.memre);
|
|
|
|
|
}
|
|
|
|
|
}, 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);
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
//获取负载
|
|
|
|
|
function getLoad(data) {
|
|
|
|
|
$("#LoadList .mask").html("<span id='Load' style='font-size:14px'>获取中..</span>");
|
|
|
|
|
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("<span id='Load'></span>%");
|
|
|
|
|
$('#Load').html(Occupy);
|
|
|
|
|
$('#LoadState').html('<span>' + AverageText + '</span>');
|
|
|
|
|
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 + '</br>最近5分钟平均负载：' + five + '</br>最近15分钟平均负载：' + fifteen + '';
|
|
|
|
|
layer.tips(text, that, { 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('<span style="display:none">1</span>' + lan.index.memre_ok_0 + ' <img src="/static/img/ings.gif">');
|
|
|
|
|
$.post('/system?action=ReMemory', '', function(rdata) {
|
|
|
|
|
var percent = GetPercent(rdata.memRealUsed, rdata.memTotal);
|
|
|
|
|
var memText = rdata.memRealUsed + "/" + rdata.memTotal + " (MB)";
|
|
|
|
|
percent = Math.round(percent);
|
|
|
|
|
$(".mem-release").find('.mask').css({ 'color': '#20a53a', 'font-size': '14px' }).html("<span style='display:none'>" + percent + "</span>" + lan.index.memre_ok);
|
|
|
|
|
setCookie("mem-before", memText);
|
|
|
|
|
var memNull = 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("<span style='display:none'>" + percent + "</span>" + lan.index.memre_ok_1 + "<br>" + memNull + "MB");
|
|
|
|
|
} else {
|
|
|
|
|
$(".mem-release").find('.mask').css({ 'color': '#20a53a', 'font-size': '14px' }).html("<span style='display:none'>" + percent + "</span>" + 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("<span>" + percent + "</span>%");
|
|
|
|
|
$(".mem-release").find(".mem-re-min").show();
|
|
|
|
|
}, 2000)
|
|
|
|
|
});
|
|
|
|
|
}, 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 dBody;
|
|
|
|
|
for (var i = 0; i < rdata.length; i++) {
|
|
|
|
|
if (rdata[i].path == '/' || rdata[i].path == '/www') {
|
|
|
|
|
if (rdata[i].size[2].indexOf('M') != -1) {
|
|
|
|
|
$("#messageError").show();
|
|
|
|
|
$("#messageError").append('<p><span class="glyphicon glyphicon-alert" style="color: #ff4040; margin-right: 10px;"></span> ' + lan.get('diskinfo_span_1', [rdata[i].path]) + '<a class="btlink" href="javascript:ClearSystem();">[清理垃圾]</a></p>');
|
|
|
|
|
}
|
|
|
|
|
var ipre = parseInt(rdata[i].inodes[3].replace('%', ''));
|
|
|
|
|
if (ipre > 95) {
|
|
|
|
|
$("#messageError").show();
|
|
|
|
|
$("#messageError").append('<p><span class="glyphicon glyphicon-alert" style="color: #ff4040; margin-right: 10px;"></span>分区[' + rdata[i].path + ']当前Inode使用率超过' + ipre + '%，当使用率满100%时将无法在此分区创建文件，请及时清理!<a class="btlink" href="javascript:ClearSystem();">[清理垃圾]</a></p>');
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
var LoadColor = setcolor(parseInt(rdata[i].size[3].replace('%', '')), false, 75, 90, 95);
|
|
|
|
|
dBody = '<li class="col-xs-6 col-sm-3 col-md-3 col-lg-2 mtb20 circle-box text-center diskbox">' +
|
|
|
|
|
'<h3 class="c5 f15">' + rdata[i].path + '</h3>' +
|
|
|
|
|
'<div class="circle" style="background:' + LoadColor + '">' +
|
|
|
|
|
'<div class="pie_left">' +
|
|
|
|
|
'<div class="left"></div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div class="pie_right">' +
|
|
|
|
|
'<div class="right"></div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<div class="mask" style="color:' + LoadColor + '" data="Inode信息<br>总数：' + rdata[i].inodes[0] + '<br>已使用：' + rdata[i].inodes[1] + '<br>可用：' + rdata[i].inodes[2] + '<br>Inode使用率：' + rdata[i].inodes[3] + '"><span>' + rdata[i].size[3].replace('%', '') + '</span>%</div>' +
|
|
|
|
|
'</div>' +
|
|
|
|
|
'<h4 class="c5 f15">' + rdata[i].size[1] + '/' + rdata[i].size[0] + '</h4>' +
|
|
|
|
|
'</li>'
|
|
|
|
|
$("#systemInfoList").append(dBody);
|
|
|
|
|
setImg();
|
|
|
|
|
}
|
|
|
|
|
},'json');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//清理垃圾
|
|
|
|
|
function clearSystem() {
|
|
|
|
|
var loadT = layer.msg('正在清理系统垃圾 <img src="/static/img/ing.gif">', { 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){
|
|
|
|
|
setCookie("memRealUsed", parseInt((info.memRealUsed)));
|
|
|
|
|
$("#memory").html(parseInt((info.memRealUsed)) + '/' + info.memTotal + ' (MB)');
|
|
|
|
|
setCookie("mem-before", $("#memory").text());
|
|
|
|
|
if (!getCookie('memSize')) setCookie('memSize', parseInt(info.memTotal));
|
|
|
|
|
var memPre = Math.floor(info.memRealUsed / (info.memTotal / 100));
|
|
|
|
|
$("#left").html(memPre);
|
|
|
|
|
setcolor(memPre, "#left", 75, 90, 95);
|
|
|
|
|
$("#state").html(info.cpuRealUsed);
|
|
|
|
|
setcolor(memPre, "#state", 30, 70, 90);
|
|
|
|
|
setImg();
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function getInfo() {
|
|
|
|
|
$.get("/system/system_total", function(info) {
|
|
|
|
|
setCookie("memRealUsed", parseInt((info.memRealUsed)));
|
|
|
|
|
$("#memory").html(parseInt((info.memRealUsed)) + '/' + info.memTotal + ' (MB)');
|
|
|
|
|
setCookie("mem-before", $("#memory").text());
|
|
|
|
|
if (!getCookie('memSize')) setCookie('memSize', parseInt(info.memTotal));
|
|
|
|
|
var memPre = Math.floor(info.memRealUsed / (info.memTotal / 100));
|
|
|
|
|
$("#left").html(memPre);
|
|
|
|
|
setcolor(memPre, "#left", 75, 90, 95);
|
|
|
|
|
$("#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(memPre, "#state", 30, 70, 90);
|
|
|
|
|
var memFree = info.memTotal - info.memRealUsed;
|
|
|
|
|
|
|
|
|
|
if (memFree < 64) {
|
|
|
|
|
$("#messageError").show();
|
|
|
|
|
$("#messageError").append('<p><span class="glyphicon glyphicon-alert" style="color: #ff4040; margin-right: 10px;">' + lan.index.mem_warning + '</span> </p>')
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
if (info.isuser > 0) {
|
|
|
|
|
$("#messageError").show();
|
|
|
|
|
$("#messageError").append('<p><span class="glyphicon glyphicon-alert" style="color: #ff4040; margin-right: 10px;"></span>' + lan.index.user_warning + '<span class="c7 mr5" title="此安全问题不可忽略，请尽快处理" style="cursor:no-drop"> [不可忽略]</span><a class="btlink" href="javascript:setUserName();"> [立即修改]</a></p>')
|
|
|
|
|
}
|
|
|
|
|
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;
|
|
|
|
|
var down;
|
|
|
|
|
$.get("/system/network", function(net) {
|
|
|
|
|
$("#InterfaceSpeed").html(lan.index.interfacespeed + "： 1.0Gbps");
|
|
|
|
|
$("#upSpeed").html(net.up + ' KB');
|
|
|
|
|
$("#downSpeed").html(net.down + ' KB');
|
|
|
|
|
$("#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);
|
|
|
|
|
setImg();
|
|
|
|
|
},'json');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//网络Io
|
|
|
|
|
function NetImg() {
|
|
|
|
|
var myChartNetwork = echarts.init(document.getElementById('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);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
function addData(shift) {
|
|
|
|
|
xData.push(getTime());
|
|
|
|
|
yData.push(getCookie("upNet"));
|
|
|
|
|
zData.push(getCookie("downNet"));
|
|
|
|
|
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: lan.index.interface_net,
|
|
|
|
|
left: 'center',
|
|
|
|
|
textStyle: {
|
|
|
|
|
color: '#888888',
|
|
|
|
|
fontStyle: 'normal',
|
|
|
|
|
fontFamily: lan.index.net_font,
|
|
|
|
|
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: lan.index.unit + 'KB/s',
|
|
|
|
|
splitLine: {
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: "#eee"
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
axisLine: {
|
|
|
|
|
lineStyle: {
|
|
|
|
|
color: "#666"
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
},
|
|
|
|
|
series: [{
|
|
|
|
|
name: lan.index.net_up,
|
|
|
|
|
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: lan.index.net_down,
|
|
|
|
|
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
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}]
|
|
|
|
|
};
|
|
|
|
|
setInterval(function() {
|
|
|
|
|
getNet();
|
|
|
|
|
addData(true);
|
|
|
|
|
myChartNetwork.setOption({
|
|
|
|
|
xAxis: {
|
|
|
|
|
data: xData
|
|
|
|
|
},
|
|
|
|
|
series: [{
|
|
|
|
|
name: lan.index.net_up,
|
|
|
|
|
data: yData
|
|
|
|
|
}, {
|
|
|
|
|
name: lan.index.net_down,
|
|
|
|
|
data: zData
|
|
|
|
|
}]
|
|
|
|
|
});
|
|
|
|
|
}, 3000);
|
|
|
|
|
// 使用刚指定的配置项和数据显示图表。
|
|
|
|
|
myChartNetwork.setOption(option);
|
|
|
|
|
window.addEventListener("resize", function() {
|
|
|
|
|
myChartNetwork.resize();
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
NetImg();
|
|
|
|
|
|
|
|
|
|
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').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');
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
setImg();
|
|
|
|
|
|
|
|
|
|
//检查更新
|
|
|
|
|
// setTimeout(function() {
|
|
|
|
|
// $.get('/system/update_panel', function(rdata) {
|
|
|
|
|
// if (rdata.status == false) return;
|
|
|
|
|
// if (rdata.version != undefined) {
|
|
|
|
|
// $("#toUpdate").html('<a class="btlink" href="javascript:updateMsg();">' + lan.index.update_go + '</a>');
|
|
|
|
|
// return;
|
|
|
|
|
// }
|
|
|
|
|
// $.get('/system?action=ReWeb', function() {});
|
|
|
|
|
// layer.msg(rdata.msg, { icon: 1 });
|
|
|
|
|
// setTimeout(function() {
|
|
|
|
|
// window.location.reload();
|
|
|
|
|
// }, 3000);
|
|
|
|
|
// }).error(function() {
|
|
|
|
|
// $.get('/system?action=ReWeb', function() {});
|
|
|
|
|
// setTimeout(function() {
|
|
|
|
|
// window.location.reload();
|
|
|
|
|
// }, 3000);
|
|
|
|
|
// },'json');
|
|
|
|
|
// }, 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.status === false) {
|
|
|
|
|
layer.confirm(rdata.msg, { title: lan.index.update_check, icon: 1, closeBtn: 2, 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){
|
|
|
|
|
|
|
|
|
|
var v = rdata.data.version;
|
|
|
|
|
var v_info = '';
|
|
|
|
|
if (v.split('.').length>3){
|
|
|
|
|
v_info = "<span class='label label-warning'>测试版本</span>";
|
|
|
|
|
} else {
|
|
|
|
|
v_info = "<span class='label label-success arrowed'>正式版本</span>";
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
layer.open({
|
|
|
|
|
type:1,
|
|
|
|
|
title:v_info + '<span class="badge badge-inverse">升级到['+rdata.data.version+']</span>',
|
|
|
|
|
area: '400px',
|
|
|
|
|
shadeClose:false,
|
|
|
|
|
closeBtn:2,
|
|
|
|
|
content:'<div class="setchmod bt-form pd20 pb70">'
|
|
|
|
|
+'<p style="padding: 0 0 10px;line-height: 24px;">'+rdata.data.content+'</p>'
|
|
|
|
|
+'<div class="bt-form-submit-btn">'
|
|
|
|
|
+'<button type="button" class="btn btn-danger btn-sm btn-title" onclick="layer.closeAll()">取消</button>'
|
|
|
|
|
+'<button type="button" class="btn btn-success btn-sm btn-title" onclick="updateVersion(\''+rdata.data.version+'\')" >立即更新</button>'
|
|
|
|
|
+'</div>'
|
|
|
|
|
+'</div>'
|
|
|
|
|
});
|
|
|
|
|
},'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('');
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
// layer.msg(lan.index.update_ok, { icon: 1 });
|
|
|
|
|
// $.get('/system?action=ReWeb', function() {});
|
|
|
|
|
// setTimeout(function() {
|
|
|
|
|
// window.location.reload();
|
|
|
|
|
// }, 3000);
|
|
|
|
|
}).error(function() {
|
|
|
|
|
// layer.msg(lan.index.update_ok, { icon: 1 });
|
|
|
|
|
// $.get('/system?action=ReWeb', function() {});
|
|
|
|
|
// setTimeout(function() {
|
|
|
|
|
// window.location.reload();
|
|
|
|
|
// }, 3000);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//重启服务器
|
|
|
|
|
function ReBoot() {
|
|
|
|
|
layer.open({
|
|
|
|
|
type: 1,
|
|
|
|
|
title: lan.index.reboot_title,
|
|
|
|
|
area: ['500px', '280px'],
|
|
|
|
|
closeBtn: 2,
|
|
|
|
|
shadeClose: false,
|
|
|
|
|
content: "<div class='bt-form bt-window-restart'>\
|
|
|
|
|
<div class='pd15'>\
|
|
|
|
|
<p style='color:red; margin-bottom:10px; font-size:15px;'>" + lan.index.reboot_warning + "</p>\
|
|
|
|
|
<div class='SafeRestart' style='line-height:26px'>\
|
|
|
|
|
<p>" + lan.index.reboot_ps + "</p>\
|
|
|
|
|
<p>" + lan.index.reboot_ps_1 + "</p>\
|
|
|
|
|
<p>" + lan.index.reboot_ps_2 + "</p>\
|
|
|
|
|
<p>" + lan.index.reboot_ps_3 + "</p>\
|
|
|
|
|
<p>" + lan.index.reboot_ps_4 + "</p>\
|
|
|
|
|
</div>\
|
|
|
|
|
</div>\
|
|
|
|
|
<div class='bt-form-submit-btn'>\
|
|
|
|
|
<button type='button' id='web_end_time' class='btn btn-danger btn-sm btn-title' onclick='layer.closeAll()'>" + lan.public.cancel + "</button>\
|
|
|
|
|
<button type='button' id='web_del_send' class='btn btn-success btn-sm btn-title' onclick='WSafeRestart()'>" + lan.public.ok + "</button>\
|
|
|
|
|
</div>\
|
|
|
|
|
</div>"
|
|
|
|
|
})
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//重启服务器
|
|
|
|
|
function WSafeRestart() {
|
|
|
|
|
var body = '<div class="SafeRestartCode pd15" style="line-height:26px"></div>';
|
|
|
|
|
$(".bt-window-restart").html(body);
|
|
|
|
|
var data = "name=" + serverType + "&type=stop";
|
|
|
|
|
$(".SafeRestartCode").html("<p>" + lan.index.reboot_msg_1 + "</p>");
|
|
|
|
|
$.post('/system?action=ServiceAdmin', data, function(r1) {
|
|
|
|
|
data = "name=mysqld&type=stop";
|
|
|
|
|
$(".SafeRestartCode").html("<p class='c9'>" + lan.index.reboot_msg_1 + "</p><p>" + lan.index.reboot_msg_2 + "...</p>");
|
|
|
|
|
$.post('/system?action=ServiceAdmin', data, function(r2) {
|
|
|
|
|
$(".SafeRestartCode").html("<p class='c9'>正在停止" + serverType + "服务</p><p class='c9'>" + lan.index.reboot_msg_2 + "</p><p>" + lan.index.reboot_msg_3 + "...</p>");
|
|
|
|
|
$.post('/system?action=RestartServer', '', function(rdata) {
|
|
|
|
|
$(".SafeRestartCode").html("<p class='c9'>" + lan.index.reboot_msg_1 + "</p><p class='c9'>" + lan.index.reboot_msg_2 + "</p><p class='c9'>" + lan.index.reboot_msg_3 + "</p><p>" + lan.index.reboot_msg_4 + "...</p>");
|
|
|
|
|
var sEver = setInterval(function() {
|
|
|
|
|
$.get("/system/system_total", function(info) {
|
|
|
|
|
clearInterval(sEver);
|
|
|
|
|
$(".SafeRestartCode").html("<p class='c9'>" + lan.index.reboot_msg_1 + "</p><p class='c9'>" + lan.index.reboot_msg_2 + "</p><p class='c9'>" + lan.index.reboot_msg_3 + "</p><p class='c9'>" + lan.index.reboot_msg_4 + "</p><p>" + lan.index.reboot_msg_5 + "</p>");
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
layer.closeAll();
|
|
|
|
|
}, 3000);
|
|
|
|
|
},'json').error(function() {
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
}, 3000);
|
|
|
|
|
}).error(function() {
|
|
|
|
|
$(".SafeRestartCode").html("<p class='c9'>" + lan.index.reboot_msg_1 + "</p><p class='c9'>" + lan.index.reboot_msg_2 + "</p><p class='c9'>" + lan.index.reboot_msg_3 + "</p><p>" + lan.index.reboot_msg_4 + "...</p>");
|
|
|
|
|
var sEver = setInterval(function() {
|
|
|
|
|
$.get("/system/system_total", function(info) {
|
|
|
|
|
clearInterval(sEver);
|
|
|
|
|
$(".SafeRestartCode").html("<p class='c9'>" + lan.index.reboot_msg_1 + "</p><p class='c9'>" + lan.index.reboot_msg_2 + "</p><p class='c9'>" + lan.index.reboot_msg_3 + "</p><p class='c9'>" + lan.index.reboot_msg_4 + "</p><p>" + lan.index.reboot_msg_5 + "</p>");
|
|
|
|
|
setTimeout(function() {
|
|
|
|
|
layer.closeAll();
|
|
|
|
|
window.location.reload();
|
|
|
|
|
}, 3000);
|
|
|
|
|
|
|
|
|
|
},'json').error(function() {
|
|
|
|
|
|
|
|
|
|
});
|
|
|
|
|
}, 3000);
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
$(".layui-layer-close").unbind("click");
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
//屏蔽指定IP
|
|
|
|
|
function dropAddress(address) {
|
|
|
|
|
layer.confirm(lan.index.net_doup_ip_msg, { icon: 3, closeBtn: 2 }, function() {
|
|
|
|
|
loadT = layer.msg(lan.index.net_doup_ip_to, { icon: 16, time: 0, shade: [0.3, '#000'] });
|
|
|
|
|
$.post('/firewall?action=AddDropAddress', 'port=' + address + '&ps=' + lan.index.net_doup_ip_ps, function(rdata) {
|
|
|
|
|
layer.close(loadT);
|
|
|
|
|
layer.msg(rdata.msg, { icon: rdata.status ? 1 : 2 });
|
|
|
|
|
});
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
//修复面板
|
|
|
|
|
function repPanel() {
|
|
|
|
|
layer.confirm(lan.index.rep_panel_msg, { title: lan.index.rep_panel_title, closeBtn: 2, 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 += '<a href="javascript:WarningTo(\'' + wlist.data[i].btns[n].url + '\',' + wlist.data[i].btns[n].reload + ');" class="' + wlist.data[i].btns[n].class + '"> ' + wlist.data[i].btns[n].title + '</a>'
|
|
|
|
|
} else {
|
|
|
|
|
btns += '<a href="' + wlist.data[i].btns[n].url + '" class="' + wlist.data[i].btns[n].class + '" target="' + wlist.data[i].btns[n].target + '"> ' + wlist.data[i].btns[n].title + '</a>'
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
$("#messageError").append('<p><img src="' + wlist.icon[wlist.data[i].icon] + '" style="margin-right:14px;vertical-align:-3px">' + wlist.data[i].body + btns + '</p>');
|
|
|
|
|
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);
|
|
|
|
|
});
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
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: 2,
|
|
|
|
|
shift: 5,
|
|
|
|
|
content: '<div class="pd20">\
|
|
|
|
|
<table class="f14 showDanger"><tbody>\
|
|
|
|
|
<tr><td class="text-right" width="150">风险类型：</td><td class="f16" style="color:red">暴力破解 <a href="https://www.bt.cn/bbs/thread-9562-1-1.html" class="btlink f14" style="margin-left:10px" target="_blank">说明</a></td></tr>\
|
|
|
|
|
<tr><td class="text-right">累计遭遇攻击总数：</td><td class="f16" style="color:red">' + num + ' <a href="javascript:showDangerIP();" class="btlink f14" style="margin-left:10px">详细</a><span class="c9 f12" style="margin-left:10px">（数据直接来源本服务器日志）</span></td></tr>\
|
|
|
|
|
<tr><td class="text-right">风险等级：</td><td class="f16" style="color:red">较高风险</td></tr>\
|
|
|
|
|
<tr><td class="text-right" style="vertical-align:top">风险描述：</td><td style="line-height:20px">' + atxt + '</td></tr>\
|
|
|
|
|
<tr><td class="text-right" style="vertical-align:top">可参考解决方案：</td><td><p style="margin-bottom:8px">方案一：修改SSH默认端口，修改SSH验证方式为数字证书，清除近期登陆日志。</p><p>方案二：购买宝塔企业运维版，一键部署安全隔离服务，高效且方便。</p></td></tr>\
|
|
|
|
|
</tbody></table>\
|
|
|
|
|
<div class="mtb20 text-center"><a href="https://www.bt.cn/admin/index.html" target="_blank" class="btn btn-success">立即部署隔离防护</a></div>\
|
|
|
|
|
</div>'
|
|
|
|
|
});
|
|
|
|
|
$(".showDanger td").css("padding", "8px")
|
|
|
|
|
}
|
