322 lines
13 KiB
JavaScript
Executable File
322 lines
13 KiB
JavaScript
Executable File
function orPost(method, args, callback){
|
||
var loadT = layer.msg('正在获取...', { icon: 16, time: 0, shade: 0.3 });
|
||
$.post('/plugins/run', {name:'openresty', func:method, args:JSON.stringify(args)}, function(data) {
|
||
layer.close(loadT);
|
||
if (!data.status){
|
||
layer.msg(data.msg,{icon:0,time:2000,shade: [0.3, '#000']});
|
||
return;
|
||
}
|
||
|
||
if(typeof(callback) == 'function'){
|
||
callback(data);
|
||
}
|
||
},'json');
|
||
}
|
||
|
||
function orPluginService(_name, version){
|
||
var data = {name:_name, func:'status'}
|
||
if ( typeof(version) != 'undefined' ){
|
||
data['version'] = version;
|
||
} else {
|
||
version = '';
|
||
}
|
||
|
||
orPost('status', data, function(data){
|
||
if (data.data == 'start'){
|
||
orPluginSetService(_name, true, version);
|
||
} else {
|
||
orPluginSetService(_name, false, version);
|
||
}
|
||
});
|
||
}
|
||
|
||
function orPluginSetService(_name ,status, version){
|
||
var serviceCon ='<p class="status">当前状态：<span>'+(status ? '开启' : '关闭' )+
|
||
'</span><span style="color: '+
|
||
(status?'#20a53a;':'red;')+
|
||
' margin-left: 3px;" class="glyphicon ' + (status?'glyphicon glyphicon-play':'glyphicon-pause')+'"></span></p><div class="sfm-opt">\
|
||
<button class="btn btn-default btn-sm" onclick="orPluginOpService(\''+_name+'\',\''+(status?'stop':'start')+'\',\''+version+'\')">'+(status?'停止':'启动')+'</button>\
|
||
<button class="btn btn-default btn-sm" onclick="orPluginOpService(\''+_name+'\',\'restart\',\''+version+'\',\'yes\')">重启</button>\
|
||
<button class="btn btn-default btn-sm" onclick="orPluginOpService(\''+_name+'\',\'reload\',\''+version+'\')">重载配置</button>\
|
||
</div>';
|
||
$(".soft-man-con").html(serviceCon);
|
||
}
|
||
|
||
|
||
function orPluginOpService(a, b, v,request_callback) {
|
||
|
||
var c = "name=" + a + "&func=" + b;
|
||
if(v != ''){
|
||
c = c + '&version='+v;
|
||
}
|
||
|
||
var d = "";
|
||
|
||
switch(b) {
|
||
case "stop":d = '停止';break;
|
||
case "start":d = '启动';break;
|
||
case "restart":d = '重启';break;
|
||
case "reload":d = '重载';break;
|
||
}
|
||
layer.confirm( msgTpl('您真的要{1}{2}{3}服务吗？', [d,a,v]), {icon:3,closeBtn: 2}, function() {
|
||
orPost('get_os',{},function(data){
|
||
var rdata = $.parseJSON(data.data);
|
||
if (!rdata['auth']){
|
||
layer.prompt({title: '检查到权限不足,需要输入密码!', formType: 1},function(pwd, index){
|
||
|
||
layer.close(index);
|
||
var data = {'pwd':pwd};
|
||
c += '&args='+JSON.stringify(data);
|
||
orPluginOpServiceOp(a,b,c,d,a,v,request_callback);
|
||
});
|
||
} else {
|
||
orPluginOpServiceOp(a,b,c,d,a,v,request_callback);
|
||
|
||
}
|
||
});
|
||
})
|
||
}
|
||
|
||
function orPluginOpServiceOp(a,b,c,d,a,v,request_callback){
|
||
|
||
var request_path = "/plugins/run";
|
||
if (request_callback == 'yes'){
|
||
request_path = "/plugins/callback";
|
||
}
|
||
|
||
var e = layer.msg(msgTpl('正在{1}{2}{3}服务,请稍候...',[d,a,v]), {icon: 16,time: 0});
|
||
$.post(request_path, c, function(g) {
|
||
layer.close(e);
|
||
|
||
var f = g.data == 'ok' ? msgTpl('{1}{2}服务已{3}',[a,v,d]) : msgTpl('{1}{2}服务{3}失败!',[a,v,d]);
|
||
layer.msg(f, {icon: g.data == 'ok' ? 1 : 2});
|
||
|
||
if( b != "reload" && g.data == 'ok' ) {
|
||
if ( b == 'start' ) {
|
||
orPluginSetService(a, true, v);
|
||
} else if ( b == 'stop' ){
|
||
orPluginSetService(a, false, v);
|
||
}
|
||
}
|
||
|
||
if( g.status && g.data != 'ok' ) {
|
||
layer.msg(g.data, {icon: 2,time: 10000,shade: 0.3});
|
||
}
|
||
|
||
},'json').error(function() {
|
||
layer.close(e);
|
||
layer.msg('操作异常!', {icon: 2});
|
||
});
|
||
}
|
||
|
||
var optmp_status = null;
|
||
var optmp_timer = null;
|
||
|
||
//查看Nginx负载状态
|
||
function getOpStatus(){
|
||
var con = "<div><table class='table table-hover table-bordered op_status'>\
|
||
<tr><th>活动连接(Active connections)</th><td class='op_active'>0</td></tr>\
|
||
<tr><th>总连接次数(accepts)</th><td class='op_accepts'>0</td></tr>\
|
||
<tr><th>总握手次数(handled)</th><td class='op_handled'>0</td></tr>\
|
||
<tr><th>总请求数(requests)</th><td class='op_requests'>0</td></tr>\
|
||
<tr><th>请求数(Reading)</th><td class='op_reading'>0</td></tr>\
|
||
<tr><th>响应数(Writing)</th><td class='op_writing'>0</td></tr>\
|
||
<tr><th>驻留进程(Waiting)</th><td class='op_waiting'>0</td></tr>\
|
||
<tr><th>请求时间(time)</th><td class='op_waiting'>0</td></tr>\
|
||
</table></div>";
|
||
$(".soft-man-con").html(con);
|
||
|
||
getOpStatusOne();
|
||
clearInterval(optmp_timer);
|
||
optmp_timer = setInterval(function(){
|
||
if ($(".soft-man-con").length == 0){
|
||
clearInterval(optmp_timer);
|
||
}
|
||
getOpStatusInterval();
|
||
}, 5000);
|
||
}
|
||
|
||
function getOpStatusOne(){
|
||
var loadT = layer.msg('正在处理，请稍后...', { icon: 16, time: 0, shade: 0.3 });
|
||
$.post('/plugins/run', {name:'openresty', func:'run_info'}, function(data) {
|
||
layer.close(loadT);
|
||
try {
|
||
var rdata = $.parseJSON(data.data);
|
||
if ('status' in rdata && !rdata.status){
|
||
showMsg(rdata.msg, function(){
|
||
var con = "<tr><th>Error</th><td>" + rdata.msg + "</td></tr>";
|
||
$(".soft-man-con .op_status").html(con);
|
||
}, null,3000);
|
||
return;
|
||
}
|
||
|
||
optmp_status = rdata;
|
||
var con = "<tr><th>活动连接(Active connections)</th><td>" + rdata.active + "</td></tr>\
|
||
<tr><th>总连接次数(accepts)</th><td>" + rdata.accepts + "</td></tr>\
|
||
<tr><th>总握手次数(handled)</th><td>" + rdata.handled + "</td></tr>\
|
||
<tr><th>总请求数(requests)</th><td>" + rdata.requests + "</td></tr>\
|
||
<tr><th>请求数(Reading)</th><td>" + rdata.Reading + "</td></tr>\
|
||
<tr><th>响应数(Writing)</th><td>" + rdata.Writing + "</td></tr>\
|
||
<tr><th>驻留进程(Waiting)</th><td>" + rdata.Waiting + "</td></tr>\
|
||
<tr><th>请求时间(time)</th><td class='op_waiting'>"+formatTimestamp(rdata.time)+"</td></tr>";
|
||
$(".soft-man-con .op_status").html(con);
|
||
} catch(err) {
|
||
showMsg(data.data, function(){
|
||
var con = "<tr><th>Error</th><td>" + err + "</td></tr>";
|
||
$(".soft-man-con .op_status").html(con);
|
||
}, null,3000);
|
||
}
|
||
},'json');
|
||
}
|
||
|
||
|
||
function getOpStatusInterval(){
|
||
$.post('/plugins/run', {name:'openresty', func:'run_info'}, function(data) {
|
||
try {
|
||
var rdata = $.parseJSON(data.data);
|
||
if ('status' in rdata && !rdata.status){
|
||
showMsg(rdata.msg, function(){
|
||
var con = "<tr><th>Error</th><td>" + rdata.msg + "</td></tr>";
|
||
$(".soft-man-con .op_status").html(con);
|
||
}, null,3000);
|
||
return;
|
||
}
|
||
|
||
var qbs = "";
|
||
if (optmp_status){
|
||
var time_diff = rdata.time - optmp_status.time;
|
||
var requests_diff = rdata.accepts - optmp_status.accepts;
|
||
|
||
// 检查除数是否有效
|
||
if (time_diff > 0) {
|
||
var qbs_nums = requests_diff / time_diff;
|
||
// 保留两位小数，并处理 NaN 和 Infinity
|
||
qbs_nums = isFinite(qbs_nums) ? qbs_nums.toFixed(2) : '0.00';
|
||
} else {
|
||
qbs_nums = '0.00';
|
||
}
|
||
console.log('QPS:', qbs_nums);
|
||
qbs = "<tr><th>计算(QPS)</th><td>"+qbs_nums+"</td></tr>";
|
||
}
|
||
|
||
optmp_status = rdata;
|
||
|
||
var con = "<tr><th>活动连接(Active connections)</th><td>" + rdata.active + "</td></tr>\
|
||
<tr><th>总连接次数(accepts)</th><td>" + rdata.accepts + "</td></tr>\
|
||
<tr><th>总握手次数(handled)</th><td>" + rdata.handled + "</td></tr>\
|
||
<tr><th>总请求数(requests)</th><td>" + rdata.requests + "</td></tr>\
|
||
<tr><th>请求数(Reading)</th><td>" + rdata.Reading + "</td></tr>\
|
||
<tr><th>响应数(Writing)</th><td>" + rdata.Writing + "</td></tr>\
|
||
<tr><th>驻留进程(Waiting)</th><td>" + rdata.Waiting + "</td></tr>" + qbs +
|
||
"<tr><th>请求时间(time)</th><td class='op_waiting'>"+formatTimestamp(rdata.time)+"</td></tr>";;
|
||
$(".soft-man-con .op_status").html(con);
|
||
} catch(err) {
|
||
showMsg(data.data, function(){
|
||
var con = "<tr><th>Error</th><td>" + err + "</td></tr>";
|
||
$(".soft-man-con .op_status").html(con);
|
||
}, null,3000);
|
||
}
|
||
},'json');
|
||
}
|
||
|
||
|
||
|
||
|
||
function setOpCfg(){
|
||
orPost('get_cfg', {}, function(data){
|
||
var rdata = $.parseJSON(data.data);
|
||
var rdata = rdata.data;
|
||
// console.log(rdata);
|
||
|
||
var mlist = '';
|
||
for (var i = 0; i < rdata.length; i++) {
|
||
var w = '70'
|
||
var ibody = '<input style="width: ' + w + 'px;" class="bt-input-text mr5" name="' + rdata[i].name + '" value="' + rdata[i].value + '" type="text" >';
|
||
switch (rdata[i].type) {
|
||
case 0:
|
||
var selected_1 = (rdata[i].value == 1) ? 'selected' : '';
|
||
var selected_0 = (rdata[i].value == 0) ? 'selected' : '';
|
||
ibody = '<select class="bt-input-text mr5" name="' + rdata[i].name + '" style="width: ' + w + 'px;">\
|
||
<option value="1" ' + selected_1 + '>开启</option>\
|
||
<option value="0" ' + selected_0 + '>关闭</option>\
|
||
</select>';
|
||
break;
|
||
case 1:
|
||
var selected_1 = (rdata[i].value == 'on') ? 'selected' : '';
|
||
var selected_0 = (rdata[i].value == 'off') ? 'selected' : '';
|
||
ibody = '<select class="bt-input-text mr5" name="' + rdata[i].name + '" style="width: ' + w + 'px;">\
|
||
<option value="on" ' + selected_1 + '>开启</option>\
|
||
<option value="off" ' + selected_0 + '>关闭</option>\
|
||
</select>';
|
||
break;
|
||
}
|
||
mlist += '<p style="margin-top:15px;"><span>' + rdata[i].name + '</span>' + ibody + "<b class='unit c9'>"+rdata[i].unit+"</b>" +', <font class="c9">' + rdata[i].ps + '</font></p>';
|
||
}
|
||
var con = '<style>.conf_p p{margin-bottom: 2px}</style><div class="conf_p" style="margin-bottom:0">\
|
||
' + mlist + '\
|
||
<div style="margin-top:10px; padding-right:15px" class="text-right">\
|
||
<button class="btn btn-success btn-sm mr5" onclick="setOpCfg()">刷新</button>\
|
||
<button class="btn btn-success btn-sm" onclick="submitConf()">保存</button>\
|
||
</div>\
|
||
</div>'
|
||
$(".soft-man-con").html(con);
|
||
});
|
||
}
|
||
|
||
function submitConf() {
|
||
var data = {
|
||
worker_processes: $("input[name='worker_processes']").val(),
|
||
worker_connections: $("input[name='worker_connections']").val(),
|
||
keepalive_timeout: $("input[name='keepalive_timeout']").val(),
|
||
zstd: $("select[name='zstd']").val() || 'on',
|
||
brotli: $("select[name='brotli']").val() || 'on',
|
||
gzip: $("select[name='gzip']").val() || 'on',
|
||
gzip_min_length: $("input[name='gzip_min_length']").val(),
|
||
gzip_comp_level: $("input[name='gzip_comp_level']").val(),
|
||
client_max_body_size: $("input[name='client_max_body_size']").val(),
|
||
server_names_hash_bucket_size: $("input[name='server_names_hash_bucket_size']").val(),
|
||
client_header_buffer_size: $("input[name='client_header_buffer_size']").val(),
|
||
};
|
||
|
||
// console.log(data);
|
||
orPost('set_cfg', data, function(rdata){
|
||
var rdata = $.parseJSON(rdata.data);
|
||
// console.log(rdata);
|
||
layer.msg(rdata.msg, { icon: rdata.status ? 1 : 2 });
|
||
});
|
||
}
|
||
|
||
function otherFunc(){
|
||
var con = '<p class="conf_p" style="text-align:center;">\
|
||
<button class="btn btn-default btn-sm" onclick="cronAddCheck()">添加检查任务</button> \
|
||
<button class="btn btn-default btn-sm" onclick="cronDelCheck()">删除检查任务</button>\
|
||
</p>';
|
||
$(".soft-man-con").html(con);
|
||
}
|
||
|
||
function cronAddCheck(){
|
||
orPost('cron_add_check', {}, function(data){
|
||
var rdata = $.parseJSON(data.data);
|
||
layer.msg(rdata.msg, { icon: rdata.status ? 1 : 2 });
|
||
});
|
||
}
|
||
|
||
function cronDelCheck(){
|
||
orPost('cron_del_check', {}, function(data){
|
||
var rdata = $.parseJSON(data.data);
|
||
layer.msg(rdata.msg, { icon: rdata.status ? 1 : 2 });
|
||
});
|
||
}
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|