1237 lines
36 KiB
Plaintext
1237 lines
36 KiB
Plaintext
webpackJsonp([28],{
|
||
|
||
/***/ "7gAJ":
|
||
/***/ (function(module, __webpack_exports__, __webpack_require__) {
|
||
|
||
"use strict";
|
||
Object.defineProperty(__webpack_exports__, "__esModule", { value: true });
|
||
|
||
// EXTERNAL MODULE: ./node_modules/echarts/map/js/world.js
|
||
var world = __webpack_require__("9OQl");
|
||
var world_default = /*#__PURE__*/__webpack_require__.n(world);
|
||
|
||
// EXTERNAL MODULE: ./src/components/Pagination.vue + 2 modules
|
||
var Pagination = __webpack_require__("cMGX");
|
||
|
||
// EXTERNAL MODULE: ./src/components/BarChart.vue + 2 modules
|
||
var BarChart = __webpack_require__("2u/A");
|
||
|
||
// EXTERNAL MODULE: ./node_modules/echarts/map/js/china.js
|
||
var china = __webpack_require__("Bhwq");
|
||
var china_default = /*#__PURE__*/__webpack_require__.n(china);
|
||
|
||
// EXTERNAL MODULE: ./node_modules/vuex/dist/vuex.esm.js
|
||
var vuex_esm = __webpack_require__("NYxO");
|
||
|
||
// EXTERNAL MODULE: ./src/common/meta.js
|
||
var meta = __webpack_require__("BoBM");
|
||
|
||
// CONCATENATED MODULE: ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/pages/count/OverView.vue
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
//
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
/* harmony default export */ var OverView = ({
|
||
components: {
|
||
BarChart: BarChart["a" /* default */],
|
||
Pagination: Pagination["a" /* default */]
|
||
},
|
||
data: function data() {
|
||
return {
|
||
/*topTitle:this.global.getFunLimit().topTitle,
|
||
province:this.global.getRoleLimit().province,
|
||
totalAlertCount: this.global.getRoleLimit().totalAlertCount,
|
||
insertCount: this.global.getRoleLimit().insertCount,
|
||
top10Admin: this.global.getRoleLimit().top10Admin,
|
||
underAttackArea: this.global.getRoleLimit().underAttackArea,
|
||
adminName: this.global.getRoleLimit().adminName,*/
|
||
props: { multiple: true },
|
||
time: '',
|
||
allwebsites: '0',
|
||
allaccess: '0',
|
||
allintercepts: '0',
|
||
websites: '0',
|
||
uAttackWebsites: '0',
|
||
access: '0',
|
||
warnings: '0',
|
||
intercepts: '0',
|
||
areaList: [],
|
||
areaInfo: [],
|
||
mapShow: '0',
|
||
mapData: [],
|
||
wmapData: [],
|
||
maxAttack: 500,
|
||
maxWAttack: 500,
|
||
attacks: [],
|
||
newAttact: [],
|
||
isSearch: false,
|
||
qgCode: "A001B001",
|
||
screenWidth: document.body.clientWidth,
|
||
pickerOptions2: {
|
||
disabledDate: function disabledDate(time) {
|
||
return time.getTime() > Date.now();
|
||
},
|
||
|
||
shortcuts: [{
|
||
text: '1天',
|
||
onClick: function onClick(picker) {
|
||
var end = new Date();
|
||
var start = new Date();
|
||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 0);
|
||
picker.$emit('pick', [start, end]);
|
||
}
|
||
}, {
|
||
text: '7天',
|
||
onClick: function onClick(picker) {
|
||
var end = new Date();
|
||
var start = new Date();
|
||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 6);
|
||
picker.$emit('pick', [start, end]);
|
||
}
|
||
}, {
|
||
text: '30天',
|
||
onClick: function onClick(picker) {
|
||
var end = new Date();
|
||
var start = new Date();
|
||
start.setTime(start.getTime() - 3600 * 1000 * 24 * 29);
|
||
picker.$emit('pick', [start, end]);
|
||
}
|
||
}]
|
||
},
|
||
topTen: [],
|
||
accessRank: [],
|
||
warnRank: [],
|
||
interceptRank: [],
|
||
urlRank: [],
|
||
URL: {
|
||
getAreaList: '/website/rest/queryArea',
|
||
getSuperData: '/rest/admin/summary',
|
||
getAllCount: '/rest/total/summary',
|
||
getSuperContacts: '/rest/admin/attacklog',
|
||
getProvinceData: '/rest/area/summary',
|
||
getProvinceContacts: '/rest/area/attacklog',
|
||
getMapUnder: '/rest/hotspot/underAttack',
|
||
getMap: '/rest/hotspot/attack'
|
||
}
|
||
};
|
||
},
|
||
|
||
computed: Object(vuex_esm["b" /* mapState */])({
|
||
contextPath: 'urlHost',
|
||
active: 'active',
|
||
roleAction: 'roleAction',
|
||
myHeight: 'cdnConHeight'
|
||
}),
|
||
mounted: function mounted() {
|
||
var that = this;
|
||
window.addEventListener('resize', that.timeInitData);
|
||
this.initData();
|
||
},
|
||
|
||
methods: {
|
||
timeInitData: function timeInitData() {
|
||
var that = this;
|
||
setTimeout(function () {
|
||
that.chart = that.$echarts.init(that.$refs.insertWebsite);
|
||
that.chart.resize();
|
||
that.mapchart = that.$echarts.init(that.$refs.map);
|
||
that.mapchart.resize();
|
||
}, 10);
|
||
},
|
||
initData: function initData() {
|
||
this.getAllCount();
|
||
if (this.roleAction.province) {
|
||
//超级管理员
|
||
this.getAreaList();
|
||
} else {
|
||
//管理员和普通用户
|
||
this.getData();
|
||
this.getContacts();
|
||
}
|
||
},
|
||
proChange: function proChange(val) {
|
||
if (val.length == 0) {
|
||
for (var i = 0; i < this.areaList.length; i++) {
|
||
if (this.areaList[i].disabled == true || this.areaList[i].disabled == undefined) {
|
||
this.areaList[i].disabled = false;
|
||
}
|
||
}
|
||
} else {
|
||
if (val.indexOf(this.qgCode) != -1) {
|
||
for (var i = 1; i < this.areaList.length; i++) {
|
||
this.areaList[i].disabled = true;
|
||
}
|
||
} else {
|
||
this.areaList[0].disabled = true;
|
||
for (var i = 1; i < this.areaList.length; i++) {
|
||
this.areaList[i].disabled = false;
|
||
}
|
||
}
|
||
}
|
||
},
|
||
getAreaList: function getAreaList() {
|
||
var that = this;
|
||
this.$axios({
|
||
method: 'get',
|
||
url: that.contextPath + that.URL.getAreaList + "?type=QUERY",
|
||
needInterceptors: true,
|
||
showError: true,
|
||
loader: true
|
||
}).then(function (res) {
|
||
that.areaList = res || [];
|
||
if (that.areaInfo.length == 0) {
|
||
that.areaInfo.push(res[0].value);
|
||
}
|
||
for (var i = 1; i < that.areaList.length; i++) {
|
||
that.areaList[i].disabled = true;
|
||
}
|
||
that.getSuperData();
|
||
that.getSuperContacts();
|
||
that.getMapData();
|
||
});
|
||
},
|
||
getAllCount: function getAllCount() {
|
||
var that = this;
|
||
this.$axios({
|
||
method: 'post',
|
||
url: that.contextPath + that.URL.getAllCount,
|
||
needInterceptors: true,
|
||
showError: true,
|
||
loader: true
|
||
}).then(function (res) {
|
||
that.allwebsites = res.totalsum.websites;
|
||
that.allaccess = res.totalsum.access;
|
||
that.allintercepts = res.totalsum.intercepts;
|
||
});
|
||
},
|
||
getSuperData: function getSuperData() {
|
||
if (this.time == undefined) {
|
||
this.time = '';
|
||
}
|
||
var formData = this.$qs.stringify({
|
||
start: this.time[0],
|
||
end: this.time[1],
|
||
areaCode: this.areaInfo.toString()
|
||
});
|
||
var that = this;
|
||
this.$axios({
|
||
method: 'post',
|
||
url: that.contextPath + that.URL.getSuperData,
|
||
data: formData,
|
||
needInterceptors: true,
|
||
showError: true,
|
||
loader: true
|
||
}).then(function (res) {
|
||
var accessSum = 0;
|
||
var warnSum = 0;
|
||
var interceptSum = 0;
|
||
var urlSum = 0;
|
||
that.websites = res.sum.websites;
|
||
that.access = res.sum.access;
|
||
that.warnings = res.sum.warnings || that.warnings;
|
||
that.intercepts = res.sum.intercepts;
|
||
that.uAttackWebsites = res.sum.attacks;
|
||
for (var i = 0; i < 10; i++) {
|
||
if (res.accessRank[i] != null) {
|
||
accessSum += res.accessRank[i].value;
|
||
}
|
||
if (res.warnRank && res.warnRank[i] != null) {
|
||
warnSum += res.warnRank[i].value;
|
||
}
|
||
if (res.interceptRank[i] != null) {
|
||
interceptSum += res.interceptRank[i].value;
|
||
}
|
||
if (res.urlRank[i] != null) {
|
||
urlSum += res.urlRank[i].value;
|
||
}
|
||
}
|
||
for (var j = 0; j < 10; j++) {
|
||
if (res.accessRank[j] != null) {
|
||
res.accessRank[j].perWidth = res.accessRank[j].value / accessSum * 100 + "%";
|
||
res.accessRank[j].colors = '#26CBDB';
|
||
}
|
||
if (res.warnRank && res.warnRank[j] != null) {
|
||
res.warnRank[j].perWidth = res.warnRank[j].value / warnSum * 100 + "%";
|
||
res.warnRank[j].colors = '#15BAFA';
|
||
}
|
||
if (res.interceptRank[j] != null) {
|
||
res.interceptRank[j].perWidth = res.interceptRank[j].value / interceptSum * 100 + "%";
|
||
res.interceptRank[j].colors = '#15BAFA';
|
||
}
|
||
if (res.urlRank[j] != null) {
|
||
res.urlRank[j].perWidth = res.urlRank[j].value / urlSum * 100 + "%";
|
||
res.urlRank[j].colors = '#6A5BE5';
|
||
}
|
||
}
|
||
that.accessRank = res.accessRank;
|
||
that.warnRank = res.warnRank;
|
||
that.urlRank = res.urlRank;
|
||
var dataX = [];
|
||
var dataY = [];
|
||
if (res.websiteCount != null) {
|
||
for (var n = 0; n < res.websiteCount.length; n++) {
|
||
dataX.push(res.websiteCount[n].name);
|
||
dataY.push(res.websiteCount[n].value);
|
||
}
|
||
}
|
||
that.interceptRank = res.interceptRank;
|
||
that.topTen = res.top10;
|
||
that.initTopTen();
|
||
that.initBar(dataX, dataY);
|
||
that.isSearch = false;
|
||
});
|
||
},
|
||
getSuperContacts: function getSuperContacts() {
|
||
var that = this;
|
||
this.$axios({
|
||
method: 'get',
|
||
url: that.contextPath + that.URL.getSuperContacts,
|
||
needInterceptors: true,
|
||
showError: true,
|
||
loader: true
|
||
}).then(function (res) {
|
||
that.attacks = res;
|
||
that.isSearch = false;
|
||
});
|
||
},
|
||
getData: function getData() {
|
||
if (!this.time) {
|
||
this.time = '';
|
||
}
|
||
var formData = this.$qs.stringify({
|
||
start: this.time[0],
|
||
end: this.time[1]
|
||
});
|
||
var that = this;
|
||
this.$axios({
|
||
method: 'post',
|
||
url: that.contextPath + that.URL.getProvinceData,
|
||
data: formData,
|
||
needInterceptors: true,
|
||
showError: true,
|
||
loader: true
|
||
}).then(function (res) {
|
||
var accessSum = 0;
|
||
var interceptSum = 0;
|
||
var urlSum = 0;
|
||
that.websites = res.sum.websites;
|
||
that.access = res.sum.access;
|
||
that.intercepts = res.sum.intercepts;
|
||
that.uAttackWebsites = res.sum.attacks;
|
||
for (var i = 0; i < 10; i++) {
|
||
if (res.accessRank[i] != null) {
|
||
accessSum += res.accessRank[i].value;
|
||
}
|
||
if (res.interceptRank[i] != null) {
|
||
interceptSum += res.interceptRank[i].value;
|
||
}
|
||
if (res.urlRank[i] != null) {
|
||
urlSum += res.urlRank[i].value;
|
||
}
|
||
}
|
||
for (var j = 0; j < 10; j++) {
|
||
if (res.accessRank[j] != null) {
|
||
res.accessRank[j].perWidth = res.accessRank[j].value / accessSum * 100 + "%";
|
||
res.accessRank[j].colors = '#26CBDB';
|
||
}
|
||
if (res.interceptRank[j] != null) {
|
||
res.interceptRank[j].perWidth = res.interceptRank[j].value / interceptSum * 100 + "%";
|
||
res.interceptRank[j].colors = '#15BAFA';
|
||
}
|
||
if (res.urlRank[j] != null) {
|
||
res.urlRank[j].perWidth = res.urlRank[j].value / urlSum * 100 + "%";
|
||
res.urlRank[j].colors = '#6A5BE5';
|
||
}
|
||
}
|
||
that.accessRank = res.accessRank;
|
||
that.interceptRank = res.interceptRank;
|
||
that.urlRank = res.urlRank;
|
||
that.topTen = res.top10;
|
||
that.initTopTen();
|
||
that.isSearch = false;
|
||
});
|
||
},
|
||
getContacts: function getContacts() {
|
||
var that = this;
|
||
this.$axios({
|
||
method: 'get',
|
||
url: that.contextPath + that.URL.getProvinceContacts,
|
||
needInterceptors: true,
|
||
showError: true,
|
||
loader: true
|
||
}).then(function (res) {
|
||
that.attacks = res;
|
||
});
|
||
},
|
||
initBar: function initBar(dataX, dataY) {
|
||
var proBar = this.$echarts.init(document.getElementById('insertWebsite'));
|
||
proBar.clear();
|
||
var dataAxis = dataX;
|
||
var data = dataY;
|
||
var yMax = 500;
|
||
var dataShadow = [];
|
||
|
||
for (var i = 0; i < data.length; i++) {
|
||
dataShadow.push(yMax);
|
||
}
|
||
proBar.setOption({
|
||
tooltip: {
|
||
show: false
|
||
},
|
||
xAxis: {
|
||
type: 'category',
|
||
data: dataAxis,
|
||
axisLabel: {
|
||
color: "#7E899A"
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
axisLine: {
|
||
lineStyle: {
|
||
color: "#7E899A"
|
||
}
|
||
}
|
||
},
|
||
yAxis: {
|
||
type: "value",
|
||
axisLabel: {
|
||
color: "#7E899A"
|
||
},
|
||
axisLine: {
|
||
show: false
|
||
},
|
||
axisTick: {
|
||
show: false
|
||
},
|
||
splitLine: {
|
||
lineStyle: {
|
||
width: 1,
|
||
color: "#DFE6EC",
|
||
type: "dashed"
|
||
}
|
||
}
|
||
},
|
||
grid: {
|
||
left: "0",
|
||
top: "20px",
|
||
right: "0",
|
||
bottom: "0",
|
||
containLabel: true
|
||
},
|
||
dataZoom: [{
|
||
type: 'inside'
|
||
}],
|
||
series: [{
|
||
type: "bar",
|
||
left: "10px",
|
||
label: {
|
||
normal: {
|
||
show: true,
|
||
position: "top",
|
||
color: "#4AC5F9"
|
||
}
|
||
},
|
||
barWidth: 8,
|
||
itemStyle: {
|
||
normal: {
|
||
color: new this.$echarts.graphic.LinearGradient(0, 0, 0, 1, [{ offset: 0, color: "#35AFFF" }, { offset: 1, color: "#3571EB" }]),
|
||
barBorderRadius: 10
|
||
}
|
||
},
|
||
data: data
|
||
}]
|
||
});
|
||
},
|
||
initTopTen: function initTopTen() {
|
||
var sumCountPie = this.$echarts.init(document.getElementById('top10'));
|
||
var topName = [];
|
||
var topData = this.topTen;
|
||
for (var i = 0; i < topData.length; i++) {
|
||
topName.push(topData[i].name);
|
||
}
|
||
var superOption = {
|
||
color: ['#11C6FE', '#FFE43E', '#20B2A6', '#32DD76', '#AADD32', '#42A800', '#FFBF00', '#FF9632', '#C3029E', '#880EBB', '#1E5BD9'],
|
||
tooltip: {
|
||
position: function position(pos, params, dom, rect, size) {
|
||
// 鼠标在左侧时 tooltip 显示到右侧，鼠标在右侧时 tooltip 显示到左侧。
|
||
var obj = { top: 60 };
|
||
obj[['left', 'right'][+(pos[0] < size.viewSize[0] / 2)]] = 5;
|
||
return obj;
|
||
},
|
||
trigger: 'item',
|
||
formatter: "{a} <br/>{b}: {c} ({d}%)"
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
icon: "circle",
|
||
itemWidth: 10, // 图例图形宽度
|
||
itemHeight: 10,
|
||
top: 160,
|
||
align: 'left',
|
||
width: '100%',
|
||
data: topName,
|
||
formatter: function formatter(name) {
|
||
return '{a|' + name + '}';
|
||
},
|
||
textStyle: {
|
||
color: '#7E899A',
|
||
rich: {
|
||
a: {
|
||
/*width: 100*/
|
||
}
|
||
}
|
||
}
|
||
},
|
||
series: [{
|
||
name: '攻击类型',
|
||
type: 'pie',
|
||
radius: ['25%', '38%'],
|
||
center: ['50%', '25%'],
|
||
avoidLabelOverlap: false,
|
||
label: {
|
||
normal: {
|
||
show: false,
|
||
position: 'center'
|
||
},
|
||
emphasis: {
|
||
show: false,
|
||
textStyle: {
|
||
fontSize: '15',
|
||
fontWeight: 'bold'
|
||
}
|
||
}
|
||
},
|
||
labelLine: {
|
||
normal: {
|
||
show: false
|
||
}
|
||
},
|
||
data: topData
|
||
}]
|
||
};
|
||
var otherOption = {
|
||
color: ['#11C6FE', '#FFE43E', '#20B2A6', '#32DD76', '#AADD32', '#42A800', '#FFBF00', '#FF9632', '#C3029E', '#880EBB', '#1E5BD9'],
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: "{a} <br/>{b}: {c} ({d}%)"
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
icon: "circle",
|
||
left: '50%',
|
||
top: '115',
|
||
itemWidth: 10, // 图例图形宽度
|
||
itemHeight: 10,
|
||
height: 80,
|
||
align: 'left',
|
||
data: topName,
|
||
formatter: function formatter(name) {
|
||
return '{a|' + name + '}';
|
||
},
|
||
textStyle: {
|
||
rich: {
|
||
a: {
|
||
width: 100,
|
||
align: 'left'
|
||
}
|
||
}
|
||
}
|
||
},
|
||
toolbox: {
|
||
x: 'right', // ¦ {number}（x坐标，单位px）
|
||
y: 'top'
|
||
},
|
||
series: [{
|
||
name: '攻击类型',
|
||
type: 'pie',
|
||
radius: ['35%', '55%'],
|
||
center: ['25%', '50%'],
|
||
avoidLabelOverlap: false,
|
||
label: {
|
||
normal: {
|
||
show: false,
|
||
position: 'center'
|
||
},
|
||
emphasis: {
|
||
show: true,
|
||
textStyle: {
|
||
fontSize: '15',
|
||
fontWeight: 'bold'
|
||
}
|
||
}
|
||
},
|
||
labelLine: {
|
||
normal: {
|
||
show: false
|
||
}
|
||
},
|
||
data: topData
|
||
}]
|
||
};
|
||
if (this.roleAction.adminName != "superAdmin") {
|
||
sumCountPie.setOption(superOption);
|
||
} else {
|
||
sumCountPie.setOption(otherOption);
|
||
}
|
||
},
|
||
search: function search() {
|
||
this.isSearch = true;
|
||
if (this.roleAction.adminName == "superAdmin" || this.roleAction.adminName == "QGAdmin") {
|
||
//超级管理员
|
||
this.getSuperData();
|
||
this.getSuperContacts();
|
||
this.getMapData();
|
||
} else {
|
||
//管理员和普通用户
|
||
this.getData();
|
||
this.getContacts();
|
||
}
|
||
},
|
||
showMap: function showMap(val) {
|
||
this.mapShow = val;
|
||
if (val == '0') {
|
||
this.getMapData();
|
||
}
|
||
if (val == '1') {
|
||
this.getWmapData();
|
||
}
|
||
},
|
||
getMapData: function getMapData() {
|
||
var that = this;
|
||
this.$axios({
|
||
method: 'get',
|
||
url: that.contextPath + that.URL.getMapUnder,
|
||
needInterceptors: true,
|
||
showError: true,
|
||
loader: true
|
||
}).then(function (res) {
|
||
that.mapData = res;
|
||
if (res.length != 0) {
|
||
that.maxAttack = res[0].value;
|
||
}
|
||
that.mapShow = '0';
|
||
that.initChinaMap();
|
||
});
|
||
},
|
||
getWmapData: function getWmapData() {
|
||
var that = this;
|
||
this.$axios({
|
||
method: 'get',
|
||
url: that.contextPath + that.URL.getMap,
|
||
needInterceptors: true,
|
||
showError: true,
|
||
loader: true
|
||
}).then(function (res) {
|
||
/*if(res.current != null && JSON.stringify(res.current) != "{}"){
|
||
that.newAttact.push(res.current);
|
||
that.newAttact[0].value[2] = 1;
|
||
}
|
||
that.wmapData = res.total;*/
|
||
that.wmapData = res.total;
|
||
if (res.total.length != 0) {
|
||
that.maxWAttack = res.total[0].value;
|
||
}
|
||
that.mapShow = '1';
|
||
that.initWorldMap();
|
||
});
|
||
},
|
||
initChinaMap: function initChinaMap() {
|
||
var myMap = this.$echarts.init(document.getElementById('map'));
|
||
myMap.clear();
|
||
var mydata = this.mapData;
|
||
var maxData = this.maxAttack;
|
||
myMap.setOption({
|
||
backgroundColor: '#D8EFF8',
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: function formatter(params, ticket, callback) {
|
||
if (params.data != '' || params.data != undefined) {
|
||
return params.seriesName + '<br />' + params.data.name + ': ' + params.data.value;
|
||
}
|
||
}
|
||
},
|
||
//左侧小导航图标
|
||
visualMap: {
|
||
show: true,
|
||
orient: 'vertical',
|
||
calculable: true,
|
||
inverse: false,
|
||
hoverLink: false,
|
||
align: "auto",
|
||
min: 0,
|
||
max: maxData,
|
||
text: ['高', '低'],
|
||
x: '20',
|
||
bottom: '50',
|
||
inRange: {
|
||
color: ['#D8EFF8', '#34B1E1']
|
||
}
|
||
},
|
||
series: [{
|
||
name: '受攻击分布',
|
||
type: 'map',
|
||
mapType: 'china',
|
||
roam: false,
|
||
label: {
|
||
normal: {
|
||
show: false //省份名称
|
||
},
|
||
emphasis: {
|
||
show: false
|
||
}
|
||
},
|
||
data: mydata
|
||
}]
|
||
});
|
||
},
|
||
initWorldMap: function initWorldMap() {
|
||
var myMap = this.$echarts.init(document.getElementById('map'));
|
||
myMap.clear();
|
||
var wmapData = this.wmapData;
|
||
var maxWAttack = this.maxWAttack;
|
||
myMap.setOption({
|
||
backgroundColor: '#D8EFF8',
|
||
tooltip: {
|
||
trigger: 'item',
|
||
formatter: function formatter(params, ticket, callback) {
|
||
if (params.data != '' || params.data != undefined) {
|
||
return params.seriesName + '<br />' + params.data.name + ': ' + params.data.value;
|
||
}
|
||
}
|
||
},
|
||
//左侧小导航图标
|
||
visualMap: {
|
||
show: true,
|
||
orient: 'vertical',
|
||
calculable: true,
|
||
inverse: false,
|
||
hoverLink: false,
|
||
align: "auto",
|
||
min: 0,
|
||
max: maxWAttack,
|
||
text: ['高', '低'],
|
||
x: '20',
|
||
bottom: '50',
|
||
inRange: {
|
||
color: ['#D8EFF8', '#34B1E1']
|
||
}
|
||
},
|
||
series: [{
|
||
name: '攻击源分布',
|
||
type: 'map',
|
||
mapType: 'world',
|
||
roam: false,
|
||
label: {
|
||
normal: {
|
||
show: false //省份名称
|
||
},
|
||
emphasis: {
|
||
show: false
|
||
}
|
||
},
|
||
data: wmapData,
|
||
nameMap: meta["a" /* default */].CEname
|
||
}]
|
||
/*backgroundColor: '#404a59',
|
||
tooltip : {
|
||
trigger: 'item',
|
||
formatter: function (params, ticket, callback) {
|
||
return params.seriesName+'<br />'+params.data.name+': '+params.data.value[2];
|
||
}
|
||
},
|
||
legend: {
|
||
orient: 'vertical',
|
||
y: 'bottom',
|
||
x:'left',
|
||
data:['攻击源分布'],
|
||
textStyle: {
|
||
color: '#fff'
|
||
}
|
||
},
|
||
geo: {
|
||
map: 'world',
|
||
label: {
|
||
emphasis: {
|
||
show: false
|
||
}
|
||
},
|
||
roam: true,
|
||
itemStyle: {
|
||
normal: {
|
||
areaColor: '#323c48',
|
||
borderColor: '#111'
|
||
},
|
||
emphasis: {
|
||
areaColor: '#2a333d'
|
||
}
|
||
}
|
||
},
|
||
series : [
|
||
{
|
||
name: '攻击源分布',
|
||
type: 'scatter',
|
||
coordinateSystem: 'geo',
|
||
data: convertData,
|
||
label: {
|
||
normal: {
|
||
formatter: '{b}',
|
||
position: 'right',
|
||
show: false
|
||
},
|
||
emphasis: {
|
||
show: true
|
||
}
|
||
},
|
||
itemStyle: {
|
||
normal: {
|
||
color: '#ddb926'
|
||
}
|
||
}
|
||
},
|
||
{
|
||
name: '最新攻击源',
|
||
type: 'effectScatter',
|
||
coordinateSystem: 'geo',
|
||
data: currentData,
|
||
symbolSize: function (val) {
|
||
return val[2] * 20;
|
||
},
|
||
showEffectOn: 'render',
|
||
rippleEffect: {
|
||
brushType: 'stroke'
|
||
},
|
||
hoverAnimation: true,
|
||
label: {
|
||
normal: {
|
||
formatter: '{b}',
|
||
position: 'right',
|
||
show: true
|
||
}
|
||
},
|
||
itemStyle: {
|
||
normal: {
|
||
color: '#f4e925',
|
||
shadowBlur: 10,
|
||
shadowColor: '#333'
|
||
}
|
||
},
|
||
zlevel: 1
|
||
}
|
||
]*/
|
||
});
|
||
}
|
||
}
|
||
});
|
||
// CONCATENATED MODULE: ./node_modules/vue-loader/lib/template-compiler?{"id":"data-v-1ab50b77","hasScoped":true,"transformToRequire":{"video":["src","poster"],"source":"src","img":"src","image":"xlink:href"},"buble":{"transforms":{}}}!./node_modules/vue-loader/lib/selector.js?type=template&index=0!./src/pages/count/OverView.vue
|
||
var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:"inner-content"},[_c('el-breadcrumb',{attrs:{"separator-class":"el-icon-arrow-right"}},[(_vm.roleAction.topTitle)?_c('el-breadcrumb-item',{staticClass:"con-ptitle",attrs:{"to":{ path: '/CDNindex' }}},[_vm._v("Web应用防火墙")]):_vm._e(),_vm._v(" "),(!_vm.roleAction.topTitle)?_c('el-breadcrumb-item',{staticClass:"con-ptitle"},[_vm._v("统计")]):_vm._e(),_vm._v(" "),_c('el-breadcrumb-item',[_vm._v("总览")])],1),_vm._v(" "),_c('div',{staticClass:"con-content",style:({height:_vm.myHeight})},[_c('el-row',{attrs:{"gutter":20}},[_c('el-col',{attrs:{"span":17}},[_c('div',{staticClass:"grid-content"},[_c('div',{staticClass:"handle con-title"},[_vm._v("截止当前，全部已接入"),_c('span',[_vm._v(_vm._s(_vm.allwebsites))]),_vm._v("个网站，总访问量"),_c('span',[_vm._v(_vm._s(_vm.allaccess))]),_vm._v("次，总拦截量"),_c('span',[_vm._v(_vm._s(_vm.allintercepts))]),_vm._v("次\n ")]),_vm._v(" "),_c('div',{staticClass:"overContentLeft"},[(_vm.roleAction.province)?_c('span',{staticClass:"search-name"},[_vm._v("省份")]):_vm._e(),_vm._v(" "),(_vm.roleAction.province)?_c('el-select',{attrs:{"size":"small","multiple":"","collapse-tags":"","placeholder":"请选择省份"},on:{"change":_vm.proChange},model:{value:(_vm.areaInfo),callback:function ($$v) {_vm.areaInfo=$$v},expression:"areaInfo"}},_vm._l((_vm.areaList),function(item){return _c('el-option',{key:item.value,attrs:{"label":item.label,"disabled":item.disabled,"value":item.value}})}),1):_vm._e(),_vm._v(" "),_c('el-date-picker',{staticStyle:{"width":"320px"},attrs:{"prefix-icon":"noneIcon","type":"daterange","picker-options":_vm.pickerOptions2,"format":"yyyy-MM-dd","value-format":"yyyy-MM-dd","range-separator":"~","start-placeholder":"请选择开始时间","end-placeholder":"结束时间","align":"left","size":"small"},model:{value:(_vm.time),callback:function ($$v) {_vm.time=$$v},expression:"time"}}),_vm._v(" "),_c('el-button',{staticClass:"left-space",attrs:{"type":"primary","size":"small","disabled":_vm.isSearch},on:{"click":_vm.search},nativeOn:{"keyup":function($event){if(!$event.type.indexOf('key')&&_vm._k($event.keyCode,"enter",13,$event.key,"Enter")){ return null; }return _vm.search($event)}}},[_vm._v("搜索")]),_vm._v(" "),_c('el-row',{class:_vm.roleAction.totalAlertCount ? 'countAreaA' : 'countArea',attrs:{"gutter":15}},[_c('el-col',{attrs:{"span":4}},[_c('div',{staticClass:"grid-content insertBg"},[_c('span',{staticClass:"ca-title"},[_vm._v("新增网站数")]),_vm._v(" "),_c('div',{staticClass:"ca-count-area"},[_c('span',{staticClass:"ca-count"},[_vm._v(_vm._s(_vm.websites))]),_c('span',{staticClass:"ca-dw"},[_vm._v("个")])])])]),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('div',{staticClass:"grid-content underAttackBg"},[_c('span',{staticClass:"ca-title"},[_vm._v("受攻击网站数")]),_vm._v(" "),_c('div',{staticClass:"ca-count-area"},[_c('span',{staticClass:"ca-count"},[_vm._v(_vm._s(_vm.uAttackWebsites))]),_c('span',{staticClass:"ca-dw"},[_vm._v("个")])])])]),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('div',{staticClass:"grid-content allConutBg"},[_c('span',{staticClass:"ca-title"},[_vm._v("总访问量")]),_vm._v(" "),_c('div',{staticClass:"ca-count-area"},[_c('span',{staticClass:"ca-count"},[_vm._v(_vm._s(_vm.access))]),_c('span',{staticClass:"ca-dw"},[_vm._v("次")])])])]),_vm._v(" "),_c('el-col',{attrs:{"span":4}},[_c('div',{staticClass:"grid-content interceptBg"},[_c('span',{staticClass:"ca-title"},[_vm._v("拦截总量")]),_vm._v(" "),_c('div',{staticClass:"ca-count-area"},[_c('span',{staticClass:"ca-count"},[_vm._v(_vm._s(_vm.intercepts))]),_c('span',{staticClass:"ca-dw"},[_vm._v("次")])])])]),_vm._v(" "),(_vm.roleAction.totalAlertCount)?_c('el-col',{attrs:{"span":4}},[_c('div',{staticClass:"grid-content alertBg"},[_c('span',{staticClass:"ca-title"},[_vm._v("告警总量")]),_vm._v(" "),_c('div',{staticClass:"ca-count-area"},[_c('span',{staticClass:"ca-count"},[_vm._v(_vm._s(_vm.warnings))]),_c('span',{staticClass:"ca-dw"},[_vm._v("次")])])])]):_vm._e()],1),_vm._v(" "),(_vm.roleAction.insertCount)?_c('el-row',[_c('el-col',{attrs:{"span":24}},[_c('div',{staticClass:"grid-content"},[_c('div',{staticClass:"sideFlag"}),_c('div',{staticClass:"sideTitle"},[_vm._v("接入网站排行")])])])],1):_vm._e(),_vm._v(" "),(_vm.roleAction.insertCount)?_c('el-row',[_c('el-col',{attrs:{"span":24}},[_c('div',{ref:"insertWebsite",staticClass:"grid-content",attrs:{"id":"insertWebsite"}})])],1):_vm._e(),_vm._v(" "),(!_vm.roleAction.top10Admin)?_c('el-row',{staticClass:"top-height",attrs:{"gutter":40}},[_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"grid-content"},[_c('div',{staticClass:"sideFlag"}),_c('div',{staticClass:"sideTitle"},[_vm._v("TOP10攻击类型分布")])])]),_vm._v(" "),_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"grid-content"},[_c('div',{staticClass:"sideFlag"}),_c('div',{staticClass:"sideTitle"},[_vm._v("各网站访问量排行")])])])],1):_vm._e(),_vm._v(" "),(!_vm.roleAction.top10Admin)?_c('el-row',{attrs:{"gutter":40}},[_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"grid-content"},[_c('div',{staticClass:"picHeight",staticStyle:{"min-width":"370px"},attrs:{"id":"top10"}})])]),_vm._v(" "),_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"grid-content",staticStyle:{"overflow-x":"auto"}},[_c('div',{staticClass:"picHeight",attrs:{"id":"wedsiteList"}},[_c('BarChart',{attrs:{"sumWidth":'67%',"lists":_vm.accessRank}})],1)])])],1):_vm._e(),_vm._v(" "),(_vm.roleAction.top10Admin)?_c('el-row',{attrs:{"gutter":0}},[_c('el-col',{attrs:{"span":24}},[_c('div',{staticClass:"grid-content"},[_c('div',{staticClass:"sideFlag"}),_c('div',{staticClass:"sideTitle"},[_vm._v("TOP10攻击类型分布")])])])],1):_vm._e(),_vm._v(" "),(_vm.roleAction.top10Admin)?_c('el-row',{attrs:{"gutter":40}},[_c('el-col',{attrs:{"span":24}},[_c('div',{staticClass:"grid-content",staticStyle:{"overflow-x":"auto"}},[_c('div',{staticClass:"picHeight",attrs:{"id":"top10"}})])])],1):_vm._e(),_vm._v(" "),(_vm.roleAction.top10Admin)?_c('el-row',{staticClass:"top-height",attrs:{"gutter":40}},[_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"grid-content"},[_c('div',{staticClass:"sideFlag"}),_c('div',{staticClass:"sideTitle"},[_vm._v("各网站访问量排行")])])]),_vm._v(" "),_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"grid-content"},[_c('div',{staticClass:"sideFlag"}),_c('div',{staticClass:"sideTitle"},[_vm._v("各网站告警量排行")])])])],1):_vm._e(),_vm._v(" "),(_vm.roleAction.top10Admin)?_c('el-row',{attrs:{"gutter":40}},[_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"grid-content",staticStyle:{"overflow-x":"auto"}},[_c('div',{staticClass:"picHeight",attrs:{"id":"alertList"}},[_c('BarChart',{attrs:{"sumWidth":'70%',"lists":_vm.accessRank,"numWidth":'25%'}})],1)])]),_vm._v(" "),_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"grid-content",staticStyle:{"overflow-x":"auto"}},[_c('div',{staticClass:"picHeight",attrs:{"id":"interceptList"}},[_c('BarChart',{attrs:{"sumWidth":'70%',"lists":_vm.warnRank,"numWidth":'25%'}})],1)])])],1):_vm._e(),_vm._v(" "),_c('el-row',{staticClass:"top-height",attrs:{"gutter":40}},[_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"grid-content"},[_c('div',{staticClass:"sideFlag"}),_c('div',{staticClass:"sideTitle"},[_vm._v("各网站拦截量排行")])])]),_vm._v(" "),_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"grid-content"},[_c('div',{staticClass:"sideFlag"}),_c('div',{staticClass:"sideTitle"},[_vm._v("URL访问排行TOP10")])])])],1),_vm._v(" "),_c('el-row',{attrs:{"gutter":40}},[_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"grid-content",staticStyle:{"overflow-x":"auto"}},[_c('div',{staticClass:"picHeight",attrs:{"id":"alertList"}},[_c('BarChart',{attrs:{"sumWidth":'70%',"lists":_vm.interceptRank,"numWidth":'25%'}})],1)])]),_vm._v(" "),_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"grid-content",staticStyle:{"overflow-x":"auto"}},[_c('div',{staticClass:"picHeight",attrs:{"id":"interceptList"}},[_c('BarChart',{attrs:{"sumWidth":'70%',"lists":_vm.urlRank,"numWidth":'25%'}})],1)])])],1),_vm._v(" "),(_vm.roleAction.underAttackArea)?_c('el-row',{attrs:{"gutter":0}},[_c('el-col',{attrs:{"span":12}},[_c('div',{staticClass:"grid-content"},[_c('div',{staticClass:"sideFlag"}),_c('div',{staticClass:"sideTitle"},[_vm._v("攻击分布")])])]),_vm._v(" "),_c('el-col',{attrs:{"span":12}},[_c('el-button-group',{staticStyle:{"float":"right"}},[_c('el-button',{class:[_vm.mapShow == '0'?'stHover':'stDefault'],attrs:{"size":"small","type":"primary"},on:{"click":function($event){return _vm.showMap('0')}}},[_vm._v("受攻击分布")]),_vm._v(" "),_c('el-button',{class:[_vm.mapShow == '1'?'stHover':'stDefault'],attrs:{"size":"small","type":"primary"},on:{"click":function($event){return _vm.showMap('1')}}},[_vm._v("攻击源分布")])],1)],1)],1):_vm._e(),_vm._v(" "),(_vm.roleAction.underAttackArea)?_c('el-row',{attrs:{"gutter":0}},[_c('el-col',{attrs:{"span":24}},[_c('div',{ref:"map",staticClass:"mapArea",attrs:{"id":"map"}})])],1):_vm._e()],1)])]),_vm._v(" "),_c('el-col',{attrs:{"span":7}},[_c('div',{staticClass:"grid-content attack-wrapper"},[_c('div',{staticClass:"handle con-title"},[_vm._v("当前攻击事件")]),_vm._v(" "),_c('ul',{staticClass:"contractUl"},_vm._l((_vm.attacks),function(attack){return _c('li',{staticClass:"rightAttack"},[_c('div',{staticClass:"ra-left"},[_c('div',{staticClass:"ra-o"}),_vm._v(" "),_c('div',{staticClass:"ra-l"})]),_vm._v(" "),_c('div',{staticClass:"ra-right"},[_c('span',{staticClass:"ra-time"},[_vm._v(_vm._s(attack.time))]),_vm._v(" "),_c('div',{staticClass:"ra-list"},[_c('span',[_vm._v(_vm._s(attack.area)+" "+_vm._s(attack.hostname)+" 发生了 "+_vm._s(attack.attack)+" 攻击")])])])])}),0)])])],1)],1)],1)}
|
||
var staticRenderFns = []
|
||
var esExports = { render: render, staticRenderFns: staticRenderFns }
|
||
/* harmony default export */ var count_OverView = (esExports);
|
||
// CONCATENATED MODULE: ./src/pages/count/OverView.vue
|
||
function injectStyle (ssrContext) {
|
||
__webpack_require__("ZGk1")
|
||
}
|
||
var normalizeComponent = __webpack_require__("VU/8")
|
||
/* script */
|
||
|
||
|
||
/* template */
|
||
|
||
/* template functional */
|
||
var __vue_template_functional__ = false
|
||
/* styles */
|
||
var __vue_styles__ = injectStyle
|
||
/* scopeId */
|
||
var __vue_scopeId__ = "data-v-1ab50b77"
|
||
/* moduleIdentifier (server only) */
|
||
var __vue_module_identifier__ = null
|
||
var Component = normalizeComponent(
|
||
OverView,
|
||
count_OverView,
|
||
__vue_template_functional__,
|
||
__vue_styles__,
|
||
__vue_scopeId__,
|
||
__vue_module_identifier__
|
||
)
|
||
|
||
/* harmony default export */ var pages_count_OverView = __webpack_exports__["default"] = (Component.exports);
|
||
|
||
|
||
/***/ }),
|
||
|
||
/***/ "ZGk1":
|
||
/***/ (function(module, exports) {
|
||
|
||
// removed by extract-text-webpack-plugin
|
||
|
||
/***/ })
|
||
|
||
}); |