116 lines
5.0 KiB
JavaScript
116 lines
5.0 KiB
JavaScript
|
define(['jquery', 'bootstrap', 'backend', 'table', 'form', 'echarts'], function ($, undefined, Backend, Table, Form,Echarts) {
|
|||
|
|
|
|||
|
|
var Controller = {
|
|||
|
|
index: function () {
|
|||
|
|
|
|||
|
|
// 初始化表格参数配置
|
|||
|
|
Table.api.init({
|
|||
|
|
extend: {
|
|||
|
|
"index_url": "webscan/webscanlog/index",
|
|||
|
|
"add_url": "",
|
|||
|
|
"edit_url": "",
|
|||
|
|
"del_url": "",
|
|||
|
|
"multi_url": "",
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
var table = $("#table");
|
|||
|
|
// 初始化表格
|
|||
|
|
table.bootstrapTable({
|
|||
|
|
url: $.fn.bootstrapTable.defaults.extend.index_url,
|
|||
|
|
columns: [
|
|||
|
|
[
|
|||
|
|
{field: 'request_url', title:'请求url', operate: 'LIKE'},
|
|||
|
|
{field: 'ip', title: __('IP'), operate: 'LIKE',events: Controller.api.events.ip, formatter: Controller.api.formatter.ip},
|
|||
|
|
{field: 'method', title: __('请求类型')},
|
|||
|
|
{field: 'rkey', title: __('参数')},
|
|||
|
|
{field: 'rdata', title: __('攻击值'), operate: 'LIKE'},
|
|||
|
|
{field: 'user_agent', title: __('user_agent'), operate: 'LIKE'},
|
|||
|
|
{field: 'create_time', title: __('攻击时间'), formatter: Table.api.formatter.datetime, operate: 'RANGE', addclass: 'datetimerange', sortable: true},
|
|||
|
|
{field: 'operate', title: __('Operate'), table: table,buttons: [
|
|||
|
|
{
|
|||
|
|
name: 'cancel',
|
|||
|
|
text: '加入黑名单',
|
|||
|
|
title: '加入黑名单',
|
|||
|
|
icon: 'fa fa-exclamation-triangle',
|
|||
|
|
classname: 'btn btn-xs btn-danger btn-ajax',
|
|||
|
|
confirm: '确认加入黑名单？',
|
|||
|
|
url: function(row){
|
|||
|
|
return 'webscan/webscanlog/black/ip/'+row.ip;
|
|||
|
|
},
|
|||
|
|
success: function (data, ret) {
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
}], formatter: Table.api.formatter.operate}
|
|||
|
|
]
|
|||
|
|
],
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
// 为表格绑定事件
|
|||
|
|
Table.api.bindevent(table);//当内容渲染完成后
|
|||
|
|
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
dashboard: function () {
|
|||
|
|
// 基于准备好的dom，初始化echarts实例
|
|||
|
|
var myChart = Echarts.init(document.getElementById('echart'), 'walden');
|
|||
|
|
// 使用刚指定的配置项和数据显示图表。
|
|||
|
|
myChart.setOption(setchart(data));
|
|||
|
|
function setchart(data){
|
|||
|
|
// 指定图表的配置项和数据
|
|||
|
|
var option = {
|
|||
|
|
title: {text: '',subtext: ''},
|
|||
|
|
tooltip: {trigger: 'axis'},
|
|||
|
|
legend: {data: ['攻击次数']},
|
|||
|
|
toolbox: {feature: {magicType: {show: true, type: ['stack', 'tiled']},saveAsImage: {show: true}}},
|
|||
|
|
xAxis: {type: 'category',boundaryGap: false,data: data.column},
|
|||
|
|
yAxis: [{type : 'value'}],
|
|||
|
|
grid: [{left: '3%',right: '4%',bottom: '3%',containLabel: true}],
|
|||
|
|
series: [{name: '攻击次数',type: 'line',smooth: true,areaStyle: {normal: {}},lineStyle: { normal: {width: 1.5}},data: data.totallist}]
|
|||
|
|
};
|
|||
|
|
return option;
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
|
|||
|
|
|
|||
|
|
//users_statistics
|
|||
|
|
$(document).on('click', ".statistics", function () {
|
|||
|
|
Backend.api.open($(this).attr("href"),$(this).data("title"),[],'80%','80%');
|
|||
|
|
return false;
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
add: function () {
|
|||
|
|
Controller.api.bindevent();
|
|||
|
|
},
|
|||
|
|
edit: function () {
|
|||
|
|
Controller.api.bindevent();
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
api: {
|
|||
|
|
bindevent: function () {
|
|||
|
|
Form.api.bindevent($("form[role=form]"));
|
|||
|
|
},formatter: {//渲染的方法
|
|||
|
|
ip: function (value, row, index) {
|
|||
|
|
return '<a class="btn btn-xs btn-ip bg-success"><i class="fa fa-map-marker"></i> ' + value + '</a>';
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
},
|
|||
|
|
events: {//绑定事件的方法
|
|||
|
|
ip: {
|
|||
|
|
//格式为：方法名+空格+DOM元素
|
|||
|
|
'click .btn-ip': function (e, value, row, index) {
|
|||
|
|
e.stopPropagation();
|
|||
|
|
var container = $("#table").data("bootstrap.table").$container;
|
|||
|
|
var options = $("#table").bootstrapTable('getOptions');
|
|||
|
|
//这里我们手动将数据填充到表单然后提交
|
|||
|
|
$("form.form-commonsearch [name='ip']", container).val(value);
|
|||
|
|
$("form.form-commonsearch", container).trigger('submit');
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
}
|
|||
|
|
};
|
|||
|
|
return Controller;
|
|||
|
|
});
|