diff --git a/src/assets/css/font/iconfont.css b/src/assets/css/font/iconfont.css index 28b1a26e..97374aed 100644 --- a/src/assets/css/font/iconfont.css +++ b/src/assets/css/font/iconfont.css @@ -1,8 +1,8 @@ @font-face { font-family: "cn-icon"; /* Project id 2614877 */ - src: url('iconfont.woff2?t=1659663639076') format('woff2'), - url('iconfont.woff?t=1659663639076') format('woff'), - url('iconfont.ttf?t=1659663639076') format('truetype'); + src: url('iconfont.woff2?t=1663070128326') format('woff2'), + url('iconfont.woff?t=1663070128326') format('woff'), + url('iconfont.ttf?t=1663070128326') format('truetype'); } .cn-icon { @@ -13,6 +13,42 @@ -moz-osx-font-smoothing: grayscale; } +.cn-icon-events-type:before { + content: "\e7a5"; +} + +.cn-icon-events2:before { + content: "\e7a6"; +} + +.cn-icon-arrow-right2:before { + content: "\e7a7"; +} + +.cn-icon-traffic-overview:before { + content: "\e7a8"; +} + +.cn-icon-ingress:before { + content: "\e7a9"; +} + +.cn-icon-egress:before { + content: "\e7aa"; +} + +.cn-icon-close:before { + content: "\e7ab"; +} + +.cn-icon-serach:before { + content: "\e7ac"; +} + +.cn-icon-setting2:before { + content: "\e7a4"; +} + .cn-icon-xiala:before { content: "\e7a3"; } diff --git a/src/assets/css/font/iconfont.js b/src/assets/css/font/iconfont.js index 4ff6f5fc..dc32e5f3 100644 --- a/src/assets/css/font/iconfont.js +++ b/src/assets/css/font/iconfont.js @@ -1 +1 @@ -!(function (a) { let c; let l; let h; let o; let i; let m = ''; var v = (v = document.getElementsByTagName('script'))[v.length - 1].getAttribute('data-injectcss'); const z = function (a, c) { c.parentNode.insertBefore(a, c) }; if (v && !a.__iconfont__svg__cssinject__) { a.__iconfont__svg__cssinject__ = !0; try { document.write('') } catch (a) { console && console.log(a) } } function t () { i || (i = !0, h()) } function s () { try { o.documentElement.doScroll('left') } catch (a) { return void setTimeout(s, 50) }t() }c = function () { let a; let c = document.createElement('div'); c.innerHTML = m, m = null, (c = c.getElementsByTagName('svg')[0]) && (c.setAttribute('aria-hidden', 'true'), c.style.position = 'absolute', c.style.width = 0, c.style.height = 0, c.style.overflow = 'hidden', c = c, (a = document.body).firstChild ? z(c, a.firstChild) : a.appendChild(c)) }, document.addEventListener ? ~['complete', 'loaded', 'interactive'].indexOf(document.readyState) ? setTimeout(c, 0) : (l = function () { document.removeEventListener('DOMContentLoaded', l, !1), c() }, document.addEventListener('DOMContentLoaded', l, !1)) : document.attachEvent && (h = c, o = a.document, i = !1, s(), o.onreadystatechange = function () { o.readyState == 'complete' && (o.onreadystatechange = null, t()) }) }(window)) +window._iconfont_svg_string_2614877='',function(l){var a=(a=document.getElementsByTagName("script"))[a.length-1],c=a.getAttribute("data-injectcss"),a=a.getAttribute("data-disable-injectsvg");if(!a){var h,o,i,m,v,z=function(a,c){c.parentNode.insertBefore(a,c)};if(c&&!l.__iconfont__svg__cssinject__){l.__iconfont__svg__cssinject__=!0;try{document.write("")}catch(a){console&&console.log(a)}}h=function(){var a,c=document.createElement("div");c.innerHTML=l._iconfont_svg_string_2614877,(c=c.getElementsByTagName("svg")[0])&&(c.setAttribute("aria-hidden","true"),c.style.position="absolute",c.style.width=0,c.style.height=0,c.style.overflow="hidden",c=c,(a=document.body).firstChild?z(c,a.firstChild):a.appendChild(c))},document.addEventListener?~["complete","loaded","interactive"].indexOf(document.readyState)?setTimeout(h,0):(o=function(){document.removeEventListener("DOMContentLoaded",o,!1),h()},document.addEventListener("DOMContentLoaded",o,!1)):document.attachEvent&&(i=h,m=l.document,v=!1,s(),m.onreadystatechange=function(){"complete"==m.readyState&&(m.onreadystatechange=null,t())})}function t(){v||(v=!0,i())}function s(){try{m.documentElement.doScroll("left")}catch(a){return void setTimeout(s,50)}t()}}(window); \ No newline at end of file diff --git a/src/assets/css/font/iconfont.ttf b/src/assets/css/font/iconfont.ttf index 77d60e73..2d8d647e 100644 Binary files a/src/assets/css/font/iconfont.ttf and b/src/assets/css/font/iconfont.ttf differ diff --git a/src/assets/css/font/iconfont.woff b/src/assets/css/font/iconfont.woff index 5a4f830f..3afb8388 100644 Binary files a/src/assets/css/font/iconfont.woff and b/src/assets/css/font/iconfont.woff differ diff --git a/src/assets/css/font/iconfont.woff2 b/src/assets/css/font/iconfont.woff2 index 79a93fe6..91f798db 100644 Binary files a/src/assets/css/font/iconfont.woff2 and b/src/assets/css/font/iconfont.woff2 differ diff --git a/src/views/charts2/Chart.vue b/src/views/charts2/Chart.vue index c633ad48..3cfb145f 100644 --- a/src/views/charts2/Chart.vue +++ b/src/views/charts2/Chart.vue @@ -128,6 +128,30 @@ :chart="chart" @toggleLoading="toggleLoading" > + + + + @@ -154,6 +178,11 @@ import NpmTrafficLine from '@/views/charts2/charts/npm/NpmTrafficLine' import LinkBlock from '@/views/charts2/charts/linkMonitor/LinkBlock' import LinkTrafficSankey from '@/views/charts2/charts/linkMonitor/LinkTrafficSankey' import LinkTrafficLine from '@/views/charts2/charts/linkMonitor/LinkTrafficLine' +import DnsActiveMaliciousDomain from '@/views/charts2/charts/dnsInsight/DnsActiveMaliciousDomain' +import DnsEventChart from '@/views/charts2/charts/dnsInsight/DnsEventChart' +import DnsRecentEvents from '@/views/charts2/charts/dnsInsight/DnsRecentEvents' +import DnsTrafficLine from '@/views/charts2/charts/dnsInsight/DnsTrafficLine' + import { get } from '@/utils/http' import { getNowTime, getSecond } from '@/utils/date-util' import { ref } from 'vue' @@ -180,7 +209,11 @@ export default { NpmTrafficLine, LinkBlock, LinkTrafficSankey, - LinkTrafficLine + LinkTrafficLine, + DnsActiveMaliciousDomain, + DnsEventChart, + DnsRecentEvents, + DnsTrafficLine }, props: { chart: Object, diff --git a/src/views/charts2/chart-tools.js b/src/views/charts2/chart-tools.js index 0e592f20..736c1736 100644 --- a/src/views/charts2/chart-tools.js +++ b/src/views/charts2/chart-tools.js @@ -24,5 +24,11 @@ export const typeMapping = { linkBlock: 707, linkTrafficSankey: 708, linkTrafficLine: 710 + }, + dnsInsight: { + dnsTrafficLine: 704, + dnsEventChart: 711, + dnsRecentEvents: 605, + dnsActiveMaliciousDomain: 604 } } diff --git a/src/views/charts2/charts/dnsInsight/DnsActiveMaliciousDomain.vue b/src/views/charts2/charts/dnsInsight/DnsActiveMaliciousDomain.vue new file mode 100644 index 00000000..feeb14d7 --- /dev/null +++ b/src/views/charts2/charts/dnsInsight/DnsActiveMaliciousDomain.vue @@ -0,0 +1,9 @@ + + + diff --git a/src/views/charts2/charts/dnsInsight/DnsEventChart.vue b/src/views/charts2/charts/dnsInsight/DnsEventChart.vue new file mode 100644 index 00000000..eb898e16 --- /dev/null +++ b/src/views/charts2/charts/dnsInsight/DnsEventChart.vue @@ -0,0 +1,9 @@ + + + diff --git a/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue b/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue new file mode 100644 index 00000000..68c4467d --- /dev/null +++ b/src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue @@ -0,0 +1,9 @@ + + + diff --git a/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue b/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue new file mode 100644 index 00000000..0acbe291 --- /dev/null +++ b/src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue @@ -0,0 +1,9 @@ + + +