CN-400 fix: 实体图标更换

src/assets/css/font/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "cn-icon"; /* Project id 2614877 */
-  src: url('iconfont.woff2?t=1647073084945') format('woff2'),
+  src: url('iconfont.woff2?t=1647594989129') format('woff2'),
-       url('iconfont.woff?t=1647073084945') format('woff'),
+       url('iconfont.woff?t=1647594989129') format('woff'),
-       url('iconfont.ttf?t=1647073084945') format('truetype');
+       url('iconfont.ttf?t=1647594989129') format('truetype');
 }
 
 .cn-icon {
@@ -13,6 +13,18 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.cn-icon-domain2:before {
+  content: "\e767";
+}
+
+.cn-icon-ip2:before {
+  content: "\e768";
+}
+
+.cn-icon-app2:before {
+  content: "\e769";
+}
+
 .cn-icon-intercept:before {
   content: "\e600";
 }

src/components/entities/EntityList.vue

@@ -171,15 +171,15 @@ export default {
       let className
       switch (this.from) {
         case ('ip'): {
-          className = 'cn-icon cn-icon-ip ip-green'
+          className = 'cn-icon cn-icon-ip2 ip-green'
           break
         }
         case ('domain'): {
-          className = 'cn-icon cn-icon-domain domain-blue'
+          className = 'cn-icon cn-icon-domain2 domain-blue'
           break
         }
         case ('app'): {
-          className = 'cn-icon cn-icon-app app-orange'
+          className = 'cn-icon cn-icon-app2 app-orange'
           break
         }
         default: break

src/components/layout/Header.vue

@@ -18,7 +18,7 @@
         <el-option v-for="(value, key) in entityType" :label="value" :key="key" :value="key">
           <template v-if="value === entityType.ip"><i style="color: #23BF9A;" class="cn-icon cn-icon-ip"></i></template>
           <template v-else-if="value === entityType.domain"><i style="color: #23BF9A;" class="cn-icon cn-icon-domain"></i></template>
-          <template v-else-if="value === entityType.app"><i style="color: #23BF9A;" class="cn-icon cn-icon-app"></i></template>
+          <template v-else-if="value === entityType.app"><i style="color: #23BF9A;" class="cn-icon cn-icon-app2"></i></template>
           {{value}}
         </el-option>
         <template #prefix>

src/views/detections/DetectionRow.vue

@@ -133,15 +133,15 @@ export default {
       let className
       switch (this.detection.entityType) {
         case ('ip'): {
-          className = 'cn-icon cn-icon-ip'
+          className = 'cn-icon cn-icon-ip2'
           break
         }
         case ('domain'): {
-          className = 'cn-icon cn-icon-domain'
+          className = 'cn-icon cn-icon-domain2'
           break
         }
         case ('app'): {
-          className = 'cn-icon cn-icon-app'
+          className = 'cn-icon cn-icon-app2'
           break
         }
         default:

src/views/entityExplorer/EntityDetail.vue

@@ -110,15 +110,15 @@ export default {
       let className
       switch (this.entityData.entityType) {
         case ('ip'): {
-          className = 'cn-icon cn-icon-ip'
+          className = 'cn-icon cn-icon-ip2'
           break
         }
         case ('domain'): {
-          className = 'cn-icon cn-icon-domain'
+          className = 'cn-icon cn-icon-domain2'
           break
         }
         case ('app'): {
-          className = 'cn-icon cn-icon-app'
+          className = 'cn-icon cn-icon-app2'
           break
         }
         default: break

src/views/entityExplorer/entityList/entityListMixin.js

@@ -23,15 +23,15 @@ export default {
       let className
       switch (this.entityData.entityType) {
         case ('ip'): {
-          className = 'cn-icon cn-icon-ip'
+          className = 'cn-icon cn-icon-ip2'
           break
         }
         case ('domain'): {
-          className = 'cn-icon cn-icon-domain'
+          className = 'cn-icon cn-icon-domain2'
           break
         }
         case ('app'): {
-          className = 'cn-icon cn-icon-app'
+          className = 'cn-icon cn-icon-app2'
           break
         }
         default: break