feat: 后端全量更新 - 含所有本次需求
- Contract.php: 返回合约账户余额(balance_contract) - My.php: 地址管理增加BTC/ETH - AppContract.php: 一键平仓(closeall) - AppProxy.php: 代理专属注册链接 + 分级权限(L1/L2) - site.php: 手续费减半(0.018→0.009) - agent_permission_setup.sql: 代理权限SQL - crypto_news_crawler.py: 新闻自动采集脚本
This commit is contained in:
li
Executable
+412
@@ -0,0 +1,412 @@
|
||||
define(['jquery', 'bootstrap', 'backend', 'form', 'table', 'echarts', 'template', 'knob','loading'], function($, undefined, Backend, Form, Table, Echarts, Template,Loading) {
|
||||
var network, isInit = true;
|
||||
var rate = 2000;
|
||||
var lineChart = [];
|
||||
var Controller = {
|
||||
index: function() {
|
||||
Controller.init.knob();
|
||||
Controller.init.table();
|
||||
$(document).loading();
|
||||
var height = $('.panel-ServerInfo .panel-body').height()-65;
|
||||
$('.panel-liveLine .tab-pane').height(height + 'px');
|
||||
/* shown.bs.tab为tab选项卡高亮 */
|
||||
$('#liveLine a[data-toggle="tab"]').on('shown.bs.tab', function(e) {
|
||||
lineChart[$(this).data('chart')].resize();
|
||||
});
|
||||
Controller.module.net.chart.init(height - $('#net-info').height()-10);
|
||||
Controller.module.cpu.chart.init(height);
|
||||
setInterval(function() {
|
||||
$.ajax({
|
||||
type: "Post",
|
||||
url: "btpanel/ajax/getNetWork",
|
||||
dataType: "json",
|
||||
success: function(res) {
|
||||
network = res;
|
||||
Controller.module.cpu.value(res.cpu);
|
||||
Controller.module.load.value(res.load);
|
||||
Controller.module.memory.value(res.mem);
|
||||
Controller.module.disk.value(res.disk);
|
||||
Controller.module.net.value(res.up, res.down, res.upTotal, res.downTotal);
|
||||
if (isInit) {
|
||||
isInit = false;
|
||||
$(document).loading('hide');
|
||||
Controller.init.event();
|
||||
}
|
||||
}
|
||||
});
|
||||
}, rate);
|
||||
},
|
||||
init: {
|
||||
table: function() {
|
||||
var table = $("#table");
|
||||
|
||||
// 初始化表格
|
||||
table.bootstrapTable({
|
||||
url: 'btpanel/ajax/getSiteData',
|
||||
pk: 'id',
|
||||
sort:'id',
|
||||
pagination: false,
|
||||
columns: [
|
||||
[
|
||||
{ field: 'id', title: 'ID'},
|
||||
{ field: 'name', title: '网站名',formatter: Controller.api.table.formatter.name},
|
||||
{ field: 'path', title: '根目录' },
|
||||
{ field: 'backup_count', title: '备份' },
|
||||
{ field: 'addtime', title: '创建时间' },
|
||||
{ field: 'edate', title: '到期时间' },
|
||||
{ field: 'status', title: '状态', formatter: Controller.api.table.formatter.status },
|
||||
{ field: 'ps', title: '备注' }
|
||||
]
|
||||
]
|
||||
});
|
||||
|
||||
$('#siteType').change(function (e) {
|
||||
e.preventDefault();
|
||||
table.bootstrapTable('refresh',{
|
||||
url: 'btpanel/index/getSiteData?type='+$('#siteType option:selected').val()
|
||||
});
|
||||
});
|
||||
// 为表格绑定事件
|
||||
Table.api.bindevent(table);
|
||||
},
|
||||
knob: function() {
|
||||
$(".knob").knob({
|
||||
'fgColor': "#3c8dbc",
|
||||
'readOnly': true,
|
||||
'step': 0.1,
|
||||
'height': '100px',
|
||||
format: function(v) {
|
||||
return v + '%';
|
||||
},
|
||||
release: function(v) {
|
||||
$('.knob').attr('type', 'text');
|
||||
}
|
||||
});
|
||||
},
|
||||
event: function() {
|
||||
Controller.module.cpu.hover();
|
||||
Controller.module.load.hover();
|
||||
Controller.module.memory.hover();
|
||||
Controller.module.disk.hover();
|
||||
}
|
||||
},
|
||||
module: {
|
||||
cpu: {
|
||||
value: function(data) {
|
||||
$('.knob-cpu').val(data[0]).trigger('change');
|
||||
Controller.api.echarts.addData(lineChart['cpu'], [data[0]]);
|
||||
},
|
||||
hover: function(data) {
|
||||
$('#panel-cpu').hover(function() {
|
||||
var d = network.cpu;
|
||||
if (d) {
|
||||
var _this = $(this);
|
||||
var crs = '';
|
||||
var n1 = 0;
|
||||
for (var i = 0; i < d[2].length; i++) {
|
||||
n1++;
|
||||
crs += 'CPU-' + i + ": " + d[2][i] + '%' + (n1 % 2 == 0 ? '</br>' : ' | ');
|
||||
}
|
||||
layer.tips(d[3] + "</br>" + d[5] + "个物理CPU," + (d[5] * d[4]) + "个物理核心," + d[1] + "线程</br>" + crs, _this.find('.knob-cpu'), { time: 0, tips: [3, '#999'] });
|
||||
}
|
||||
}, function() {
|
||||
layer.closeAll('tips');
|
||||
});
|
||||
},
|
||||
chart: {
|
||||
init: function(height) {
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
$('#chart-cpu').height(height)
|
||||
var Chart = Echarts.init(document.getElementById('chart-cpu'), 'walden');
|
||||
var obj = {};
|
||||
obj.dataZoom = [];
|
||||
obj.unit = '百分比';
|
||||
obj.dataset = {
|
||||
dimensions: ['时间', 'CPU'],
|
||||
source: []
|
||||
};
|
||||
obj.series = [{
|
||||
type: 'line',
|
||||
smooth: true,
|
||||
symbol: 'none',
|
||||
lineStyle: { normal: { width: 1, color: '#aaa' } },
|
||||
itemStyle: { normal: { color: '#52a9ff' } },
|
||||
areaStyle: { opacity: 0.5 }
|
||||
}];
|
||||
var option = Controller.api.echarts.getOptions(obj);
|
||||
|
||||
// 使用刚指定的配置项和数据显示图表。
|
||||
Chart.setOption(option);
|
||||
$(window).resize(function() {
|
||||
Chart.resize();
|
||||
});
|
||||
lineChart['cpu'] = Chart;
|
||||
return Chart;
|
||||
},
|
||||
|
||||
}
|
||||
|
||||
},
|
||||
load: {
|
||||
value: function(data) {
|
||||
var _lval = Math.round((data.one / data.max) * 100);
|
||||
if (_lval > 100) _lval = 100;
|
||||
$('.knob-load').val(_lval).trigger('change');
|
||||
},
|
||||
hover: function() {
|
||||
$('#panel-load').hover(function() {
|
||||
var _this = $(this);
|
||||
var d = network.load;
|
||||
layer.tips('最近1分钟平均负载：' + d.one + '</br>最近5分钟平均负载：' + d.five + '</br>最近15分钟平均负载：' + d.fifteen + '', _this.find('.knob-load'), { time: 0, tips: [3, '#999'] });
|
||||
}, function() {
|
||||
layer.closeAll('tips');
|
||||
})
|
||||
}
|
||||
},
|
||||
memory: {
|
||||
value: function(data) {
|
||||
var _memory = (data.memRealUsed * 100 / data.memTotal).toFixed(1)
|
||||
$('.knob-memory').val(_memory).trigger('change');
|
||||
},
|
||||
hover: function() {
|
||||
$('#panel-memory').hover(function() {
|
||||
var _this = $(this);
|
||||
var d = network.mem;
|
||||
var tips = '总大小:' + d.memTotal + '<br>' +
|
||||
'可用的物理内存: ' + d.memFree + ' MB<br>' +
|
||||
'已使用的物理内存: ' + d.memRealUsed + ' MB<br>' +
|
||||
'缓存化内存: ' + d.memCached + ' MB<br>' +
|
||||
'系统缓冲: ' + d.memBuffers + ' MB';
|
||||
layer.tips(tips, _this.find('.knob-memory'), { time: 0, tips: [3, '#999'] });
|
||||
}, function() {
|
||||
layer.closeAll('tips');
|
||||
})
|
||||
}
|
||||
},
|
||||
disk: {
|
||||
value: function(data) {
|
||||
if (data.length > 0) {
|
||||
var size = data[0].size[3];
|
||||
$('.knob-disk').val(size.replace('%', '')).trigger('change');
|
||||
}
|
||||
},
|
||||
hover: function() {
|
||||
$('#panel-disk').hover(function() {
|
||||
var _this = $(this);
|
||||
var d = network.disk;
|
||||
var tips = '';
|
||||
$.each(d, function(index, item) {
|
||||
tips += '<b>基础信息</b><br>' +
|
||||
'文件系统:' + item.filesystem + '<br>' +
|
||||
'类型:' + item.type + '<br>' +
|
||||
'挂载点:' + item.path + '<br>' +
|
||||
'<b>Inode信息</b><br>' +
|
||||
'总数:' + item.inodes[0] + '<br>' +
|
||||
'已用:' + item.inodes[1] + '<br>' +
|
||||
'可用:' + item.inodes[2] + '<br>' +
|
||||
'Inode使用率:' + item.inodes[3] + '<br>' +
|
||||
'<b>容量信息</b><br>' +
|
||||
'容量:' + item.size[0] + '<br>' +
|
||||
'已用:' + item.size[1] + '<br>' +
|
||||
'可用:' + item.size[2] + '<br>' +
|
||||
'使用率:' + item.size[3];
|
||||
});
|
||||
layer.tips(tips, _this.find('.knob-disk'), { time: 0, tips: [3, '#999'] });
|
||||
}, function() {
|
||||
layer.closeAll('tips');
|
||||
})
|
||||
}
|
||||
},
|
||||
net: {
|
||||
value: function(up, down, upTotal, downTotal) {
|
||||
$('#upSpeed').html(up + ' KB');
|
||||
$('#downSpeed').html(down + ' KB');
|
||||
$('#upAll').html(Controller.api.formatBytes(upTotal, 2));
|
||||
$('#downAll').html(Controller.api.formatBytes(downTotal, 2));
|
||||
Controller.api.echarts.addData(lineChart['net'], [up, down]);
|
||||
},
|
||||
chart: {
|
||||
init: function(height) {
|
||||
// 基于准备好的dom，初始化echarts实例
|
||||
$('#chart-net').height(height)
|
||||
var Chart = Echarts.init(document.getElementById('chart-net'), 'walden');
|
||||
var obj = {};
|
||||
obj.dataZoom = [];
|
||||
obj.unit = '单位:KB/s';
|
||||
obj.dataset = {
|
||||
dimensions: ['时间', '上行', '下行'],
|
||||
source: []
|
||||
};
|
||||
obj.series = [{
|
||||
type: 'line',
|
||||
smooth: true,
|
||||
symbol: 'none',
|
||||
lineStyle: { normal: { width: 1, color: '#aaa' } },
|
||||
itemStyle: { normal: { color: '#f7b851' } },
|
||||
areaStyle: { opacity: 0.5 }
|
||||
}, {
|
||||
type: 'line',
|
||||
smooth: true,
|
||||
symbol: 'none',
|
||||
lineStyle: { normal: { width: 1, color: '#aaa' } },
|
||||
itemStyle: { normal: { color: '#52a9ff' } },
|
||||
areaStyle: { opacity: 0.5 }
|
||||
}];
|
||||
var option = Controller.api.echarts.getOptions(obj);
|
||||
|
||||
// 使用刚指定的配置项和数据显示图表。
|
||||
Chart.setOption(option);
|
||||
$(window).resize(function() {
|
||||
Chart.resize();
|
||||
});
|
||||
lineChart['net'] = Chart;
|
||||
return Chart;
|
||||
},
|
||||
|
||||
}
|
||||
}
|
||||
},
|
||||
api: {
|
||||
echarts: {
|
||||
getOptions(obj) {
|
||||
var option = {
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
axisPointer: {
|
||||
type: 'cross'
|
||||
},
|
||||
formatter: obj.formatter
|
||||
},
|
||||
dataset: obj.dataset,
|
||||
xAxis: {
|
||||
type: 'category',
|
||||
boundaryGap: false,
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
color: "#666"
|
||||
}
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: '5%',
|
||||
right: '5%',
|
||||
bottom: '10%',
|
||||
top: '10%'
|
||||
},
|
||||
yAxis: {
|
||||
type: 'value',
|
||||
name: obj.unit,
|
||||
boundaryGap: [0, '100%'],
|
||||
min: 0,
|
||||
splitLine: {
|
||||
lineStyle: {
|
||||
color: "#ddd"
|
||||
}
|
||||
},
|
||||
axisLine: {
|
||||
lineStyle: {
|
||||
color: "#666"
|
||||
}
|
||||
}
|
||||
},
|
||||
dataZoom: [{
|
||||
type: 'inside',
|
||||
start: 0,
|
||||
zoomLock: true
|
||||
}, {
|
||||
start: 0,
|
||||
handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z',
|
||||
handleSize: '80%',
|
||||
handleStyle: {
|
||||
color: '#fff',
|
||||
shadowBlur: 3,
|
||||
shadowColor: 'rgba(0, 0, 0, 0.6)',
|
||||
shadowOffsetX: 2,
|
||||
shadowOffsetY: 2
|
||||
}
|
||||
}],
|
||||
series: []
|
||||
};
|
||||
if (obj.legend) option.legend = obj.legend;
|
||||
if (obj.dataZoom) option.dataZoom = obj.dataZoom;
|
||||
|
||||
for (var i = 0; i < obj.series.length; i++) {
|
||||
var item = obj.series[i];
|
||||
var series = {
|
||||
type: item.type ? item.type : 'line',
|
||||
smooth: item.smooth ? item.smooth : true,
|
||||
symbol: item.symbol ? item.symbol : 'none',
|
||||
showSymbol: item.showSymbol ? item.showSymbol : false,
|
||||
sampling: item.sampling ? item.sampling : 'average',
|
||||
areaStyle: item.areaStyle ? item.areaStyle : {},
|
||||
lineStyle: item.lineStyle ? item.lineStyle : {},
|
||||
itemStyle: item.itemStyle ? item.itemStyle : { normal: { color: 'rgb(0, 153, 238)' } },
|
||||
symbolSize: 6,
|
||||
symbol: 'none'
|
||||
}
|
||||
option.series.push(series);
|
||||
}
|
||||
return option;
|
||||
},
|
||||
addData: function(chart, arr, limit = 300) {
|
||||
var option = chart.getOption();
|
||||
var data = option.dataset[0].source;
|
||||
var now = new Date();
|
||||
var time = [now.getHours(), now.getMinutes() + 1, now.getSeconds()].join(':');
|
||||
var newData = [time];
|
||||
newData = newData.concat(arr)
|
||||
data.push(newData);
|
||||
if (limit && data.length > limit / (rate / 1000)) {
|
||||
data.shift();
|
||||
}
|
||||
chart.setOption({
|
||||
dataset: {
|
||||
source: data
|
||||
}
|
||||
});
|
||||
}
|
||||
},
|
||||
table: {
|
||||
formatter: {
|
||||
name: function(value, row, index) {
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
url: "btpanel/ajax/getWebSiteDomain",
|
||||
data: {
|
||||
id:row.id
|
||||
},
|
||||
async: false,
|
||||
dataType: "json",
|
||||
success: function (res) {
|
||||
$.each(res, function (i, domain) {
|
||||
if(document.domain == domain.name){
|
||||
value = domain.name+' <span class="label label-success">当前站点</span>';
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
return value
|
||||
},
|
||||
status: function(value, row, index) {
|
||||
var color = value == '1' ? 'text-green' : 'text-red';
|
||||
var icon = value == '1' ? 'fa-play' : 'fa-pause';
|
||||
var text = value == '1' ? '运行中' : '已停止';
|
||||
return "<span class="+color+">"+text+"<i class='fa fa-fw " + icon + "'></i></span>"
|
||||
}
|
||||
}
|
||||
},
|
||||
formatBytes: function(a, b) {
|
||||
if (0 == a) return "0 Bytes";
|
||||
var c = 1024,
|
||||
d = b || 2,
|
||||
e = ["Bytes", "KB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"],
|
||||
f = Math.floor(Math.log(a) / Math.log(c));
|
||||
return parseFloat((a / Math.pow(c, f)).toFixed(d)) + " " + e[f]
|
||||
},
|
||||
bindevent: function() {
|
||||
Form.api.bindevent($("form[role=form]"));
|
||||
},
|
||||
}
|
||||
};
|
||||
return Controller;
|
||||
});
|
||||
Reference in New Issue
Block a user