\
-
\
+
+ var table = '
\
+
';
+ $('#ws_table').html(table);
+ $('#wsPage').html(rdata.data.page);
+ $('[data-toggle="tooltip"]').tooltip();
+
+
+ // 图形化
+ var initData = rdata.data.stat_list;
+ var sumData = rdata.data.sum_data;
+ var colorList = ['#6ec71e','#4885FF'];
+ var source_name = {android:'安卓',iphone:'iOS',windows:'Windows',chrome:'Chrome',weixin:'微信',qh360:'360',edeg:'Edge',firefox:'火狐',safari:'Safari',mac:'Mac',linux:'Linux',msie:'IE',metasr:'搜狗',theworld:'世界之窗',tt:'腾讯TT',maxthon:'遨游',opera:'Opera',qq:'QQ浏览器',uc:'UC',pc2345:'2345',other:'其他',machine:'Machine'};
+ var lenend2_obj = {};
+
+ var leftEc = echarts.init(document.getElementById('echart_left_total'));
+ var rightEc = echarts.init(document.getElementById('echart_right_total'));
+
+
+ var datas = [
+ { value: sumData.pc, name: 'PC客服端' },
+ { value: sumData.mobile, name: '移动客服端' },
+ ];
+
+ var leftOption = {
+ backgroundColor:'#fff',
+ title: {
+ text: sumData.reqest_total,
+ textStyle: {
+ color: '#484848',
+ fontSize: 17
+ },
+ subtext: '总请求数',
+ subtextStyle: {
+ color: '#717171',
+ fontSize: 15
+ },
+ itemGap: 20,
+ left: 'center',
+ top: '42%'
+ },
+ tooltip: {
+ trigger: 'item'
+ },
+ series: [{
+ type: 'pie',
+ radius: ['45%', '55%'],
+ center: ["50%", "50%"],
+ clockwise: true,
+ avoidLabelOverlap: false,
+ hoverOffset: 15,
+ itemStyle: {
+ normal: {
+ label: {
+ show: true,
+ position: 'outside',
+ color: '#666',
+ formatter: function(params) {
+ var percent = 0;
+ var total = 0;
+ for (var i = 0; i < datas.length; i++) {
+ total += datas[i].value;
+ }
+ if(params.name !== '') {
+ return params.name + '\n' + '\n' + params.value + '/次';
+ }else {
+ return '';
+ }
+ },
+ },
+ labelLine: {
+ length: 20,
+ length2: 10
+ },
+ color: function(params) {
+ return colorList[params.dataIndex]
+ }
+ }
+ },
+ data: datas
+ },{
+ itemStyle: {
+ normal: {
+ color: '#F5F6FA',
+ }
+ },
+ type: 'pie',
+ hoverAnimation: false,
+ radius: ['42%', '58%'],
+ center: ["50%", "50%"],
+ label: {
+ normal: {
+ show:false,
+ }
+ },
+ data: [],
+ z:-1
+ }]
+ }
+ leftEc.setOption(leftOption);
+
+ var xAxixName = $('#search_time button.cur').text();
+ var is_compare = false;
+
+ var lenend = [];
+ var serData = [];
+ for(var i = 0;i
(is_compare?2:4)) {
+ lenend2_obj[lenend[i]] = false;
+ } else {
+ lenend2_obj[lenend[i]] = true;
+ }
+ }
+
+ var rightOption = {
+ backgroundColor:'#fff',
+ tooltip: {
+ trigger: 'axis',
+ axisPointer: {
+ type: 'shadow' ,
+ textStyle: {
+ color: '#fff',
+ fontSize: '26'
+ },
+ }
+ },
+ legend: {
+ top:'0%',
+ data: lenend,
+ selected:lenend2_obj,
+ textStyle:{
+ fontSize:12,
+ color:'#808080'
+ },
+ icon:'rect'
+ },
+ grid: {
+ top:60,
+ left:60,
+ right:0,
+ bottom:50
+ },
+ xAxis: [{
+ type: 'category',
+ axisLabel:{
+ color:'#4D4D4D',
+ fontSize:14,
+ fontWeight:'bold'
+ },
+ data: [xAxixName],
+ }],
+ color:['#4fa8f9', '#6ec71e', '#f56e6a', '#fc8b40', '#818af8', '#31c9d7', '#f35e7a', '#ab7aee',
+ '#14d68b', '#cde5ff'],
+ yAxis: [{
+ type: 'value',
+ axisLine: {
+ show: false,
+ },
+ axisTick: {
+ show: false
+ },
+ splitNumber:4, //y轴分割线数量
+ axisLabel:{
+ color:'#8C8C8C'
+ },
+ splitLine:{
+ lineStyle:{
+ type:'dashed'
+ }
+ }
+ }],
+ series: serData
+ }
+
+
+ rightEc.setOption(rightOption);
+
+ var oop = lenend.slice(0, (is_compare?3:5));
+ rightEc.on('legendselectchanged', function (params) {
+ var legend_option = this.getOption(),newAxisName = [];
+ $.each(legend_option['xAxis'][0]['data'],function(index,item){
+ newAxisName.push(item.replace(/\([^\)]*\)/g,""))
+ })
+ legend_option['xAxis'][0]['data'] = newAxisName;
+
+ var num = 0;
+ for(var e in params.selected){
+ if(params.selected.hasOwnProperty(e)){
+ params.selected[e]? num++ : '';
+ }
+ }
+ if(num > (is_compare?3:5)){
+ oop.push(params.name)
+ }
+ if (num > (is_compare?3:5)) {
+ var hah = oop.slice(oop.length - (is_compare?4:6), oop.length - (is_compare?3:4))[0] + '';
+ legend_option.legend[0].selected[hah] = false;
+ }
+ if (num < 1){
+ legend_option.legend[0].selected[params.name] = true;
+ }
+ this.setOption(legend_option)
+ });
+ });
+}
+
+
+function wsClientStat(){
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+var randstr = getRandomString(10);
+
+var html = '\
+
\
+
网站: \
+
\
+
时间: \
+
\
+
\
+
\
+
\
+
';
+ list += '| ' + getLocalTime(data[i]['time'])+' | ';
+ list += '' + data[i]['domain'] +' | ';
+ list += '' + data[i]['ip'] +' | ';
+ list += '' + toSize(data[i]['body_length']) +' | ';
+ list += '' + data[i]['request_time'] +'ms | ';
+ list += '' + data[i]['uri'] +' | ';
+ list += '' + data[i]['status_code']+'/' + data[i]['method'] +' | ';
+ list += '详情 | ';
+ list += '
';
+ }
+ } else{
+ list += '| 网站日志为空 |
';
+ }
+
+ var table = '\
- \
- ';
-
- var html = '
\
-
\
-
网站: \
-
\
-
时间: \
-
\
-
\
-
\
-
请求类型: \
-
\
-
状态码: \
-
\
-
蜘蛛过滤: \
-
\
-
URL过滤: \
-
\
-
\
- '+table+'\
-
';
- $(".soft-man-con").html(html);
+
';
+ $('#ws_table').html(table);
$('#wsPage').html(rdata.data.page);
+
+
+ $(".tablescroll .details").click(function(){
+ var index = $(this).attr('data-id');
+ var res = data[index];
+ layer.open({
+ type: 1,
+ title: "【"+res.domain + "】详情信息",
+ area: '600px',
+ closeBtn: 2,
+ shadeClose: false,
+ content: '
\
+
\
+ \
+ | 时间 | ' + getLocalTime(res.time) + ' | 真实IP | ' + res.ip + ' | 客户端端口 | '+(res.client_port>0 && res.client_port != ''?res.client_port:'')+' |
|---|
\
+ | 类型 | ' + res.method + ' | 状态 | ' + res.status_code + ' | 响应大小 | ' + toSize(res.body_length) + ' | \
|---|
\
+
\
+
协议
\
+
\
+
URL
\
+
' + $('
').text(res.uri).html() + '
\
+
完整IP列表
\
+
' + $('
').text(res.ip_list).html() + '
\
+
来路
\
+
' + $('
').text(res.referer == null ?'None':res.referer).html() + '
\
+
User-Agent
\
+
' + $('
').text(res.user_agent).html() + '
\
+
处理耗时
\
+
' +res.request_time + ' ms
\
+
',
+ });
+ });
});
}
+function wsSitesErrorLog(){
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+var randstr = getRandomString(10);
+
+var html = '
\
+
\
+
网站: \
+
\
+
状态码: \
+
\
+
时间: \
+
\
+
\
+
\
+
';
+$(".soft-man-con").html(html);
+
+//日期范围
+laydate.render({
+ elem: '#time_choose',
+ value:'',
+ range:true,
+ done:function(value, startDate, endDate){
+ if(!value){
+ return false;
+ }
+
+ $('#search_time button').each(function(){
+ $(this).removeClass('cur');
+ });
+
+ var timeA = value.split('-')
+ var start = $.trim(timeA[0]+'-'+timeA[1]+'-'+timeA[2])
+ var end = $.trim(timeA[3]+'-'+timeA[4]+'-'+timeA[5])
+ query_txt = toUnixTime(start + " 00:00:00") + "-"+ toUnixTime(end + " 00:00:00")
+
+ $('#time_choose').attr("data-name",query_txt);
+ $('#time_choose').addClass("cur");
+
+ wsTableErrorLogRequest(1);
+ },
+});
+
+$('#search_time button:eq(0)').addClass('cur');
+$('#search_time button').click(function(){
+ $('#search_time button').each(function(){
+ if ($(this).hasClass('cur')){
+ $(this).removeClass('cur');
+ }
+ });
+ $('#time_choose').attr("data-name",'');
+ $('#time_choose').removeClass("cur");
+
+ $(this).addClass('cur');
+
+ wsTableErrorLogRequest(1);
+});
+
+
+$('select[name="status_code"]').change(function(){
+ wsTableErrorLogRequest(1);
+});
+
+wsPost('get_default_site','',{},function(rdata){
+ $('select[name="site"]').html('');
+
+ var rdata = $.parseJSON(rdata.data);
+ var rdata = rdata.data;
+ var default_site = rdata["default"];
+ var select = '';
+ for (var i = 0; i < rdata["list"].length; i++) {
+ if (default_site == rdata["list"][i]){
+ select += '
';
+ } else{
+ select += '
';
+ }
+ }
+ $('select[name="site"]').html(select);
+ wsTableErrorLogRequest(1);
+
+ $('select[name="site"]').change(function(){
+ wsTableErrorLogRequest(1);
+ });
+});
+
+////////////////////////////////////////////////////////////////////////////////////////////////////////
+}
+
+
function wsTableLogRequest(page){
-
+
var args = {};
args['page'] = page;
args['page_size'] = 10;
@@ -292,7 +791,6 @@ function wsTableLogRequest(page){
args['tojs'] = 'wsTableLogRequest';
wsPost('get_logs_list', '' ,args, function(rdata){
var rdata = $.parseJSON(rdata.data);
- console.log(rdata);
var list = '';
var data = rdata.data.data;
if (data.length > 0){
@@ -305,7 +803,7 @@ function wsTableLogRequest(page){
list += '
' + data[i]['request_time'] +'ms | ';
list += '
' + data[i]['uri'] +' | ';
list += '
' + data[i]['status_code']+'/' + data[i]['method'] +' | ';
- list += '
详情 | ';
+ list += '
详情 | ';
list += '';
}
} else{
@@ -330,6 +828,38 @@ function wsTableLogRequest(page){
';
$('#ws_table').html(table);
$('#wsPage').html(rdata.data.page);
+
+
+ $(".tablescroll .details").click(function(){
+ var index = $(this).attr('data-id');
+ var res = data[index];
+ layer.open({
+ type: 1,
+ title: "【"+res.domain + "】详情信息",
+ area: '600px',
+ closeBtn: 2,
+ shadeClose: false,
+ content: '
\
+
\
+ \
+ | 时间 | ' + getLocalTime(res.time) + ' | 真实IP | ' + res.ip + ' | 客户端端口 | '+(res.client_port>0 && res.client_port != ''?res.client_port:'')+' |
|---|
\
+ | 类型 | ' + res.method + ' | 状态 | ' + res.status_code + ' | 响应大小 | ' + toSize(res.body_length) + ' | \
|---|
\
+
\
+
协议
\
+
\
+
URL
\
+
' + $('
').text(res.uri).html() + '
\
+
完整IP列表
\
+
' + $('
').text(res.ip_list).html() + '
\
+
来路
\
+
' + $('
').text(res.referer == null ?'None':res.referer).html() + '
\
+
User-Agent
\
+
' + $('
').text(res.user_agent).html() + '
\
+
处理耗时
\
+
' +res.request_time + ' ms
\
+
',
+ });
+ });
});
}
@@ -482,9 +1012,6 @@ wsPost('get_default_site','',{},function(rdata){
});
});
-
-
-
////////////////////////////////////////////////////////////////////////////////////////////////////////
}