feat: dns图表定义

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";
 }

src/views/charts2/Chart.vue

@@ -128,6 +128,30 @@
         :chart="chart"
         @toggleLoading="toggleLoading"
     ></link-traffic-line>
+    <dns-active-malicious-domain
+        v-else-if="chart.type === typeMapping.dnsInsight.dnsActiveMaliciousDomain"
+        :time-filter="timeFilter"
+        :chart="chart"
+        @toggleLoading="toggleLoading"
+    ></dns-active-malicious-domain>
+    <dns-event-chart
+        v-else-if="chart.type === typeMapping.dnsInsight.dnsEventChart"
+        :time-filter="timeFilter"
+        :chart="chart"
+        @toggleLoading="toggleLoading"
+    ></dns-event-chart>
+    <dns-recent-events
+        v-else-if="chart.type === typeMapping.dnsInsight.dnsRecentEvents"
+        :time-filter="timeFilter"
+        :chart="chart"
+        @toggleLoading="toggleLoading"
+    ></dns-recent-events>
+    <dns-traffic-line
+        v-else-if="chart.type === typeMapping.dnsInsight.dnsTrafficLine"
+        :time-filter="timeFilter"
+        :chart="chart"
+        @toggleLoading="toggleLoading"
+    ></dns-traffic-line>
   </div>
 </template>
 
@@ -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,

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
   }
 }

src/views/charts2/charts/dnsInsight/DnsActiveMaliciousDomain.vue

@@ -0,0 +1,9 @@
+<template>
+呵呵
+</template>
+
+<script>
+export default {
+  name: 'DnsActiveMaliciousDomain'
+}
+</script>

src/views/charts2/charts/dnsInsight/DnsEventChart.vue

@@ -0,0 +1,9 @@
+<template>
+呵呵
+</template>
+
+<script>
+export default {
+  name: 'DnsEventChart'
+}
+</script>

src/views/charts2/charts/dnsInsight/DnsRecentEvents.vue

@@ -0,0 +1,9 @@
+<template>
+呵呵
+</template>
+
+<script>
+export default {
+  name: 'DnsRecentEvents'
+}
+</script>

src/views/charts2/charts/dnsInsight/DnsTrafficLine.vue

@@ -0,0 +1,9 @@
+<template>
+呵呵
+</template>
+
+<script>
+export default {
+  name: 'DnsTrafficLine'
+}
+</script>