From 457733c984a38e4139e47f5a1c01f4b15d15dcfd Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Mon, 21 Feb 2022 10:52:14 +0800
Subject: [PATCH] =?UTF-8?q?perf:=20=E5=88=97=E8=A1=A8=E5=92=8C=E5=B7=A6?=
=?UTF-8?q?=E4=BE=A7=E7=AD=9B=E9=80=89=E6=95=B4=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
.../views/detections/detection-list/row.scss | 2 +-
src/assets/css/font/iconfont.js | 2 +-
src/main.js | 6 +-
src/mixins/common.js | 2 +-
src/utils/api.js | 8 +-
src/views/charts/PanelChart.vue | 3 +-
.../charts/charts/ChartActiveIpTable.vue | 6 +-
src/views/charts/charts/ChartAppBasicInfo.vue | 4 +-
.../charts/ChartCryptocurrencyEventList.vue | 14 +-
.../charts/charts/ChartDomainDnsRecord.vue | 8 +-
src/views/charts/charts/ChartDomainWhois.vue | 2 +-
src/views/charts/charts/ChartEchart.vue | 120 +--
src/views/charts/charts/ChartTable.vue | 5 +-
src/views/detections/DetectionFilter.vue | 4 +-
src/views/detections/Index.vue | 751 ++++++++++--------
.../detections/options/detectionOptions.js | 74 +-
src/views/settings/Roles.vue | 2 +-
17 files changed, 560 insertions(+), 453 deletions(-)
diff --git a/src/assets/css/components/views/detections/detection-list/row.scss b/src/assets/css/components/views/detections/detection-list/row.scss
index 625a2264..79f9834b 100644
--- a/src/assets/css/components/views/detections/detection-list/row.scss
+++ b/src/assets/css/components/views/detections/detection-list/row.scss
@@ -2,7 +2,7 @@
display: flex;
.cn-detection__collapse {
margin-bottom: 1px;
- padding-top: 30px;
+ padding-top: 18px;
width: 24px;
display: flex;
justify-content: center;
diff --git a/src/assets/css/font/iconfont.js b/src/assets/css/font/iconfont.js
index 2a043bd8..f6467ac8 100644
--- a/src/assets/css/font/iconfont.js
+++ b/src/assets/css/font/iconfont.js
@@ -1 +1 @@
-!function(c){var a,l,h,o,i,m='',v=(v=document.getElementsByTagName("script"))[v.length-1].getAttribute("data-injectcss"),n=function(c,a){a.parentNode.insertBefore(c,a)};if(v&&!c.__iconfont__svg__cssinject__){c.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(c){console&&console.log(c)}}function t(){i||(i=!0,h())}function z(){try{o.documentElement.doScroll("left")}catch(c){return void setTimeout(z,50)}t()}a=function(){var c,a=document.createElement("div");a.innerHTML=m,m=null,(a=a.getElementsByTagName("svg")[0])&&(a.setAttribute("aria-hidden","true"),a.style.position="absolute",a.style.width=0,a.style.height=0,a.style.overflow="hidden",a=a,(c=document.body).firstChild?n(a,c.firstChild):c.appendChild(a))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(a,0):(l=function(){document.removeEventListener("DOMContentLoaded",l,!1),a()},document.addEventListener("DOMContentLoaded",l,!1)):document.attachEvent&&(h=a,o=c.document,i=!1,z(),o.onreadystatechange=function(){"complete"==o.readyState&&(o.onreadystatechange=null,t())})}(window);
\ No newline at end of file
+!(function (c) { let a; let l; let h; let o; let i; let m = ''; var v = (v = document.getElementsByTagName('script'))[v.length - 1].getAttribute('data-injectcss'); const n = function (c, a) { a.parentNode.insertBefore(c, a) }; if (v && !c.__iconfont__svg__cssinject__) { c.__iconfont__svg__cssinject__ = !0; try { document.write('') } catch (c) { console && console.log(c) } } function t () { i || (i = !0, h()) } function z () { try { o.documentElement.doScroll('left') } catch (c) { return void setTimeout(z, 50) }t() }a = function () { let c; let a = document.createElement('div'); a.innerHTML = m, m = null, (a = a.getElementsByTagName('svg')[0]) && (a.setAttribute('aria-hidden', 'true'), a.style.position = 'absolute', a.style.width = 0, a.style.height = 0, a.style.overflow = 'hidden', a = a, (c = document.body).firstChild ? n(a, c.firstChild) : c.appendChild(a)) }, document.addEventListener ? ~['complete', 'loaded', 'interactive'].indexOf(document.readyState) ? setTimeout(a, 0) : (l = function () { document.removeEventListener('DOMContentLoaded', l, !1), a() }, document.addEventListener('DOMContentLoaded', l, !1)) : document.attachEvent && (h = a, o = c.document, i = !1, z(), o.onreadystatechange = function () { o.readyState == 'complete' && (o.onreadystatechange = null, t()) }) }(window))
diff --git a/src/main.js b/src/main.js
index f7887aa1..db8107b3 100644
--- a/src/main.js
+++ b/src/main.js
@@ -14,7 +14,6 @@ import '@/assets/css/main.scss' // 样式入口
import VueGridLayout from 'vue-grid-layout'
import ElementPlus from 'element-plus'
import bus from 'tiny-emitter'
-const emitter = new bus()
import dayjs from 'dayjs'
import utc from 'dayjs/plugin/utc' // dependent on utc plugin
import timezone from 'dayjs/plugin/timezone'
@@ -24,14 +23,15 @@ import weekday from 'dayjs/plugin/weekday'
import DateTimeRange from '@/components/common/TimeRange/DateTimeRange'
import TimeRefresh from '@/components/common/TimeRange/TimeRefresh'
import PanelChartList from '@/views/charts/PanelChartList'
+const emitter = new bus()
const _ = require('lodash') // lodash工具
-/*dayjs.extend(utc)
+/* dayjs.extend(utc)
dayjs.extend(timezone)
dayjs.extend(advancedFormat)
dayjs.extend(weekday)
-window.$dayJs = dayjs*/
+window.$dayJs = dayjs */
const app = createApp(App)
diff --git a/src/mixins/common.js b/src/mixins/common.js
index c30ab9fa..33d2a5ed 100644
--- a/src/mixins/common.js
+++ b/src/mixins/common.js
@@ -1,5 +1,5 @@
import { hasButton } from '@/permission'
-import {getMillisecond} from "@/utils/date-util";
+import { getMillisecond } from '@/utils/date-util'
export default {
data () {
return {
diff --git a/src/utils/api.js b/src/utils/api.js
index e77cd5c6..438d6e39 100644
--- a/src/utils/api.js
+++ b/src/utils/api.js
@@ -74,14 +74,14 @@ export const api = {
entityIpRelatedServerDomain: '/interface/entity/detail/overview/ip/relatedDomain',
entityIpRelatedServerApp: '/interface/entity/detail/overview/ip/relatedApp',
// detection
- detectionEventSeverity: '/interface/detection/filter/severity',
+ detectionSeverityTrend: '/interface/detection/filter/severityTrend',
detectionAttackType: '/interface/detection/filter/attackType',
detectionOffenderIp: '/interface/detection/filter/offenderIp',
detectionOffenderLocation: '/interface/detection/filter/offenderLocation',
detectionVictimIp: '/interface/detection/filter/victimIp',
detectionVictimLocation: '/interface/detection/filter/victimLocation',
- detectionSeverity:'/interface/detection/filter/severity',
- detectionListBasic:'/interface/detection/list/basic'
+ detectionSeverity: '/interface/detection/filter/severity',
+ detectionListBasic: '/interface/detection/list/basic'
}
/* panel */
@@ -157,7 +157,7 @@ export async function getPermission () {
}
export async function getI18n () {
- const dictData = await getDictList( { type: 'lang'})
+ const dictData = await getDictList({ type: 'lang' })
const langs = dictData.map(d => d.value).join(',')
localStorage.setItem(storageKey.languages, langs)
const request = new Promise(resolve => {
diff --git a/src/views/charts/PanelChart.vue b/src/views/charts/PanelChart.vue
index 42b5a260..d4e75be2 100644
--- a/src/views/charts/PanelChart.vue
+++ b/src/views/charts/PanelChart.vue
@@ -190,7 +190,8 @@ export default {
}
const requestUrl = url || (chartParams && chartParams.url)
if (requestUrl) {
- get(replaceUrlPlaceholder(requestUrl, this.queryParams)).then(response => {1
+ get(replaceUrlPlaceholder(requestUrl, this.queryParams)).then(response => {
+ 1
// if (this.chartInfo.type === 23 && testData) {
// response = testData.data
// } else if (this.chartInfo.type === 24 && testData) {
diff --git a/src/views/charts/charts/ChartActiveIpTable.vue b/src/views/charts/charts/ChartActiveIpTable.vue
index c60d1f4d..7123d8eb 100644
--- a/src/views/charts/charts/ChartActiveIpTable.vue
+++ b/src/views/charts/charts/ChartActiveIpTable.vue
@@ -49,10 +49,10 @@
diff --git a/src/views/charts/charts/ChartAppBasicInfo.vue b/src/views/charts/charts/ChartAppBasicInfo.vue
index 69765322..4dd3f23f 100644
--- a/src/views/charts/charts/ChartAppBasicInfo.vue
+++ b/src/views/charts/charts/ChartAppBasicInfo.vue
@@ -56,7 +56,7 @@
diff --git a/src/views/charts/charts/ChartCryptocurrencyEventList.vue b/src/views/charts/charts/ChartCryptocurrencyEventList.vue
index 30668e3f..c8fd28ee 100644
--- a/src/views/charts/charts/ChartCryptocurrencyEventList.vue
+++ b/src/views/charts/charts/ChartCryptocurrencyEventList.vue
@@ -24,7 +24,7 @@
diff --git a/src/views/charts/charts/ChartTable.vue b/src/views/charts/charts/ChartTable.vue
index e8634705..76744ba6 100644
--- a/src/views/charts/charts/ChartTable.vue
+++ b/src/views/charts/charts/ChartTable.vue
@@ -67,10 +67,9 @@ export default {
},
getTargetPageData (pageNum, pageSize, tableData) {
return this.$_.slice(tableData, (pageNum - 1) * pageSize, pageNum * pageSize)
- },
+ }
},
- mounted() {
+ mounted () {
}
}
-
diff --git a/src/views/detections/DetectionFilter.vue b/src/views/detections/DetectionFilter.vue
index ad62ffa7..3c1f9fa8 100644
--- a/src/views/detections/DetectionFilter.vue
+++ b/src/views/detections/DetectionFilter.vue
@@ -46,9 +46,9 @@ export default {
}
},
methods: {
- /*filterChange (value, filter) {
+ /* filterChange (value, filter) {
this.$emit('filter', filter.column)
- },*/
+ }, */
showMore (filter) {
filter.showIndex && (filter.showIndex += 10)
filter.showIndex >= filter.data.length && (filter.showMore = false)
diff --git a/src/views/detections/Index.vue b/src/views/detections/Index.vue
index 21a89c9c..785d01e4 100644
--- a/src/views/detections/Index.vue
+++ b/src/views/detections/Index.vue
@@ -25,22 +25,22 @@