From dbc68077ca5de52e531c39698a1d1a12c525bb5c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=88=98=E6=B4=AA=E6=B4=AA?= <2498601771@qq.com>
Date: Mon, 30 Oct 2023 11:14:58 +0800
Subject: [PATCH] =?UTF-8?q?CN-1416=20fix:=20=E5=A2=9E=E5=8A=A0=E4=B8=80?=
 =?UTF-8?q?=E4=BA=9B=E5=AD=97=E7=AC=A6=E7=9A=84=E5=9B=BD=E9=99=85=E5=8C=96?=
 =?UTF-8?q?=E6=98=A0=E5=B0=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../table/detection/GeneralSettings.vue       |   7 +-
 .../table/detection/RuleDefinition.vue        |   9 +-
 src/utils/constants.js                        | 109 +++++++++++++++++-
 src/utils/static-data.js                      |  66 +----------
 .../charts2/charts/npm/NpmEventsHeader.vue    |   6 +-
 .../detections/detectionPolicies/Index.vue    |   1 -
 .../detectionPolicies/PolicyDrawer.vue        |  91 +++++++++++++--
 .../detectionPolicies/PolicyFilter.vue        |  21 +++-
 .../detectionPolicies/PolicyTable.vue         |  33 +++++-
 .../DetectionSecurityEventOverview.vue        |  17 ++-
 10 files changed, 261 insertions(+), 99 deletions(-)

diff --git a/src/components/table/detection/GeneralSettings.vue b/src/components/table/detection/GeneralSettings.vue
index c43aaaf1..e02c1f63 100644
--- a/src/components/table/detection/GeneralSettings.vue
+++ b/src/components/table/detection/GeneralSettings.vue
@@ -47,7 +47,7 @@
           <el-option
               v-for="item in categoryList"
               :key="item.value"
-              :label="item.label"
+              :label="$t(item.label)"
               :value="item.value"
           />
         </el-select>
@@ -59,7 +59,7 @@
           <el-option
               v-for="item in eventTypeList"
               :key="item.value"
-              :label="item.label"
+              :label="$t(item.label)"
               :value="item.value"
           />
         </el-select>
@@ -109,9 +109,8 @@
 </template>
 
 <script>
-import { detectionRuleType, storageKey } from '@/utils/constants'
+import { detectionRuleType, storageKey, detectionUnitList } from '@/utils/constants'
 import { switchStatus } from '@/utils/tools'
-import { detectionUnitList } from '@/utils/static-data'
 
 export default {
   name: 'GeneralSettings',
diff --git a/src/components/table/detection/RuleDefinition.vue b/src/components/table/detection/RuleDefinition.vue
index af13d710..d4010f98 100644
--- a/src/components/table/detection/RuleDefinition.vue
+++ b/src/components/table/detection/RuleDefinition.vue
@@ -169,7 +169,7 @@
             <el-option
                 v-for="item in sourceList"
                 :key="item.value"
-                :label="item.label"
+                :label="$t(item.label)"
                 :value="item.value"
             />
           </el-select>
@@ -199,7 +199,7 @@
             <el-option
                 v-for="item in levelList"
                 :key="item.label"
-                :label="item.label"
+                :label="$t(item.label)"
                 :value="item.value"
             />
           </el-select>
@@ -215,8 +215,7 @@
 
 <script>
 import HistoryTopKeys from '@/components/table/detection/HistoryTopKeys'
-import { eventSeverityColor, detectionRuleType } from '@/utils/constants'
-import { detectionUnitList } from '@/utils/static-data'
+import { eventSeverityColor, detectionRuleType, detectionUnitList, securityLevel } from '@/utils/constants'
 import axios from 'axios'
 import _ from 'lodash'
 import { api } from '@/utils/api'
@@ -372,7 +371,7 @@ export default {
   methods: {
     initData () {
       this.sourceList = detectionUnitList.sourceList || []
-      this.levelList = detectionUnitList.levelList || []
+      this.levelList = securityLevel || []
       // threshold模式还没确定，所以数据暂时静态数据，后续根据需要修改
       this.conditionList = detectionUnitList.conditionList || []
       this.metricList = detectionUnitList.metricList || []
diff --git a/src/utils/constants.js b/src/utils/constants.js
index 0ad65b7b..14e4e8cf 100644
--- a/src/utils/constants.js
+++ b/src/utils/constants.js
@@ -158,11 +158,11 @@ export const chartPieTableTopOptions = [
   { name: 'Bytes', value: 'bytes' }
 ]
 export const riskLevelMapping = [
-  { name: 'Trustworthy', value: 1 },
-  { name: 'Low Risk', value: 2 },
-  { name: 'Moderate Risk', value: 3 },
-  { name: 'Suspicious', value: 4 },
-  { name: 'High Risk', value: 5 }
+  { name: 'Trustworthy', value: 1, label: 'overall.riskLevel.one' },
+  { name: 'Low Risk', value: 2, label: 'overall.riskLevel.two' },
+  { name: 'Moderate Risk', value: 3, label: 'overall.riskLevel.three' },
+  { name: 'Suspicious', value: 4, label: 'overall.riskLevel.four' },
+  { name: 'High Risk', value: 5, label: 'overall.riskLevel.five' }
 ]
 export const eventSeverity = {
   critical: 'critical',
@@ -185,6 +185,13 @@ export const riskLevelColor = {
   2: '#FFD82D',
   1: '#D1BD50'
 }
+export const riskLevelColor1 = {
+  'High Risk': '#D84C4C',
+  Suspicious: '#FE845D',
+  'Moderate Risk': '#FFB65A',
+  'Low Risk': '#FFD82D',
+  Trustworthy: '#D1BD50'
+}
 export const eventSeverityColor1 = {
   Critical: '#D84C4C',
   High: '#FE845D',
@@ -2460,6 +2467,98 @@ export const entityDetailTags = {
   ]
 }
 export const entityDefaultColor = 'rgb(119,131,145)'
+
+export const detectionUnitList = {
+  statusList: [
+    { status: 1 },
+    { status: 0 }
+  ],
+  categoryList: [
+    { value: 'security_event', label: 'overall.securityEvent' }/* ,
+    { value: 'performance_event', label: 'Performance Event' } */
+  ],
+  eventTypeList: [
+    { value: 'Initial Access', label: 'eventType.initialAccess' },
+    { value: 'Command and Control', label: 'eventType.commandAndControl' },
+    { value: 'Credential Access', label: 'eventType.credentialAccess' },
+    { value: 'Lateral Movement', label: 'eventType.lateralMovement' },
+    { value: 'Collection', label: 'eventType.collection' },
+    { value: 'Impact', label: 'eventType.impact' },
+    { value: 'Anonymity', label: 'eventType.anonymity' },
+    { value: 'Regulatory Risk', label: 'eventType.regulatoryRisk' }
+  ],
+  sourceList: [
+    { value: 'session_record', label: 'overall.sessionRecord' }
+  ],
+  levelList: [
+    { value: 'critical', label: 'Critical' },
+    { value: 'high', label: 'High' },
+    { value: 'medium', label: 'Medium' },
+    { value: 'low', label: 'Low' },
+    { value: 'info', label: 'Info' }
+  ],
+  metricList: [
+    { value: 'tcp_lostlen_ratio', label: 'Bits/second' },
+    { value: 's2c_byte_retrans_ratio', label: 'Packets/second' },
+    { value: 's2c_byte_retrans_ratio1', label: 'Sessions/second' }
+  ],
+  conditionList: [
+    { value: 'than', label: 'Greater Than' },
+    { value: 'less', label: 'Greater Less' },
+    { value: 'equal', label: 'Greater Equal' }
+  ],
+  libraryList: [
+    { value: 'library name', knowledgeId: 7, label: 'Library name' },
+    { value: 'library name1', knowledgeId: 8, label: 'Library name1' },
+    { value: 'library name2', knowledgeId: 9, label: 'Library name2' }
+  ],
+  intervalList: [
+    { value: 'hours', label: 'hours' },
+    { value: 'minutes', label: 'minutes' },
+    { value: 'seconds', label: 'seconds' }
+  ],
+  intervalListCN: [
+    { value: 'hours', label: '小时' },
+    { value: 'minutes', label: '分钟' },
+    { value: 'seconds', label: '秒' }
+  ]
+}
+
+export const securityLevel = [
+  {
+    value: 'critical',
+    label: 'overall.critical',
+    color: '#D84C4C'
+  },
+  {
+    value: 'high',
+    label: 'overall.high',
+    color: '#FE845D'
+  },
+  {
+    value: 'medium',
+    label: 'overall.medium',
+    color: '#FFB65A'
+  },
+  {
+    value: 'low',
+    label: 'overall.low',
+    color: '#FFD82D'
+  },
+  {
+    value: 'info',
+    label: 'overall.info',
+    color: '#D1BD50'
+  }
+]
+
+export const sourceList = [
+  {
+    value: 'session_record',
+    label: 'overall.sessionRecord'
+  }
+]
+
 // 赛风3IP的type字段字典
 export const tagValueLabelMapping = [{ name: 'Psiphon3 Server', value: 'psiphon3_server' }, { name: 'Psiphon3 Server', value: 0 }, { name: 'Psiphon3 CDN', value: 1 }, { name: 'I2P', value: 'i2p' }, { name: 'MTProxy', value: 'mtproxy' }, { name: 'Obfs4', value: 'obfs4' }, { name: 'Snowflake', value: 'snowflake' }, { name: 'Tor', value: 'tor' }, { name: 'Loki Password Stealer', value: 'Loki Password Stealer (PWS)' }, { name: 'IcedID', value: 'IcedID' }, { name: 'QakBot', value: 'QakBot' }, { name: 'Mirai', value: 'Mirai' }, { name: 'BazarBackdoor', value: 'BazarBackdoor' }, { name: 'NjRAT', value: 'NjRAT' }, { name: 'CryptBot', value: 'CryptBot' }, { name: 'BitRAT', value: 'BitRAT' }, { name: 'RedLine Stealer', value: 'RedLine Stealer' }, { name: 'Nanocore RAT', value: 'Nanocore RAT' }, { name: 'DCRat', value: 'DCRat' }, { name: 'Cobalt Strike', value: 'Cobalt Strike' }, { name: 'AsyncRAT', value: 'AsyncRAT' }, { name: 'ostap', value: 'ostap' }, { name: 'Vidar', value: 'Vidar' }, { name: 'magecart', value: 'magecart' }, { name: 'Hancitor', value: 'Hancitor' }, { name: 'SystemBC', value: 'SystemBC' }, { name: 'SmokeLoader', value: 'SmokeLoader' }, { name: 'Remcos', value: 'Remcos' }, { name: 'Amadey', value: 'Amadey' }, { name: 'Ficker Stealer', value: 'Ficker Stealer' }, { name: 'Get2', value: 'Get2' }, { name: 'ISFB', value: 'ISFB' }, { name: 'Dridex', value: 'Dridex' }, { name: 'Pony', value: 'Pony' }, { name: 'Azorult', value: 'Azorult' }, { name: 'NetWire RC', value: 'NetWire RC' }, { name: 'Mozi', value: 'Mozi' }, { name: 'Raccoon', value: 'Raccoon' }, { name: 'Quasar RAT', value: 'Quasar RAT' }, { name: 'Emotet', value: 'Emotet' }, { name: 'Numando', value: 'Numando' }, { name: 'Oski Stealer', value: 'Oski Stealer' }, { name: 'Ave Maria', value: 'Ave Maria' }, { name: 'NetSupportManager RAT', value: 'NetSupportManager RAT' }, { name: 'STRRAT', value: 'STRRAT' }, { name: 'Orcus RAT', value: 'Orcus RAT' }, { name: 'Vjw0rm', value: 'Vjw0rm' }, { name: 'Ghost RAT', value: 'Ghost RAT' }, { name: 'LimeRAT', value: 'LimeRAT' }, { name: 'Astaroth', value: 'Astaroth' }, { name: 'Unknown malware', value: 'Unknown malware' }, { name: 'TrickBot', value: 'TrickBot' }, { name: 'IcedID Downloader', value: 'IcedID Downloader' }, { name: 'BetaBot', value: 'BetaBot' }, { name: 'Agent Tesla', value: 'Agent Tesla' }, { name: 'Bashlite', value: 'Bashlite' }, { name: 'DanaBot', value: 'DanaBot' }, { name: 'Snake', value: 'Snake' }, { name: 'Gozi', value: 'Gozi' }, { name: 'PoshC2', value: 'PoshC2' }, { name: 'Houdini', value: 'Houdini' }, { name: 'BlackNET RAT', value: 'BlackNET RAT' }, { name: 'Revenge RAT', value: 'Revenge RAT' }, { name: 'ServHelper', value: 'ServHelper' }, { name: 'Alien', value: 'Alien' }, { name: 'N-W0rm', value: 'N-W0rm' }, { name: 'LokiBot', value: 'LokiBot' }, { name: 'Zloader', value: 'Zloader' }, { name: 'Crimson RAT', value: 'Crimson RAT' }, { name: 'Grandoreiro', value: 'Grandoreiro' }, { name: 'Buer', value: 'Buer' }, { name: 'Qealler', value: 'Qealler' }, { name: 'FastCash', value: 'FastCash' }, { name: 'CyberGate', value: 'CyberGate' }, { name: 'Formbook', value: 'Formbook' }, { name: 'Hydra', value: 'Hydra' }, { name: 'Arkei Stealer', value: 'Arkei Stealer' }, { name: 'Tsunami', value: 'Tsunami' }, { name: 'AdWind', value: 'AdWind' }, { name: 'Dofloo', value: 'Dofloo' }, { name: 'MrBlack', value: 'MrBlack' }, { name: 'XLoader', value: 'XLoader' }, { name: 'Anatsa', value: 'Anatsa' }, { name: 'TeamBot', value: 'TeamBot' }, { name: 'DiamondFox', value: 'DiamondFox' }, { name: 'BillGates', value: 'BillGates' }, { name: 'Kinsing', value: 'Kinsing' }, { name: 'CCleaner Backdoor', value: 'CCleaner Backdoor' }, { name: 'JSOutProx', value: 'JSOutProx' }, { name: 'SharkBot', value: 'SharkBot' }, { name: 'Empire Downloader', value: 'Empire Downloader' }, { name: 'solarmarker', value: 'solarmarker' }, { name: 'FireBird RAT', value: 'FireBird RAT' }, { name: 'XpertRAT', value: 'XpertRAT' }, { name: 'RMS', value: 'RMS' }, { name: 'GCleaner', value: 'GCleaner' }, { name: 'Unidentified Linux 001', value: 'Unidentified Linux 001' }, { name: 'Ousaban', value: 'Ousaban' }, { name: 'sLoad', value: 'sLoad' }, { name: 'PerlBot', value: 'PerlBot' }, { name: 'SectopRAT', value: 'SectopRAT' }, { name: 'Loda', value: 'Loda' }, { name: 'Coinminer', value: 'Coinminer' }, { name: 'DarkSide', value: 'DarkSide' }, { name: '404 Keylogger', value: '404 Keylogger' }, { name: 'Cpuminer', value: 'Cpuminer' }, { name: 'MooBot', value: 'MooBot' }, { name: 'Parallax RAT', value: 'Parallax RAT' }, { name: 'XOR DDoS', value: 'XOR DDoS' }, { name: 'Vulturi', value: 'Vulturi' }, { name: 'Taurus Stealer', value: 'Taurus Stealer' }, { name: 'Cutwail', value: 'Cutwail' }, { name: 'Metamorfo', value: 'Metamorfo' }, { name: 'GootLoader', value: 'GootLoader' }, { name: 'Meterpreter', value: 'Meterpreter' }, { name: 'BumbleBee', value: 'BumbleBee' }, { name: 'Tofsee', value: 'Tofsee' }, { name: 'Socelars', value: 'Socelars' }, { name: 'Squirrelwaffle', value: 'Squirrelwaffle' }, { name: 'Roaming Mantis', value: 'Roaming Mantis' }, { name: 'Alfonso Stealer', value: 'Alfonso Stealer' }, { name: 'DarkComet', value: 'DarkComet' }, { name: 'STOP', value: 'STOP' }, { name: 'MoqHao', value: 'MoqHao' }, { name: 'CollectorGoomba', value: 'CollectorGoomba' }, { name: 'Prometei', value: 'Prometei' }, { name: 'Cerberus', value: 'Cerberus' }, { name: 'Spectre Rat', value: 'Spectre Rat' }, { name: 'Unidentified 001', value: 'Unidentified 001' }, { name: 'FluBot', value: 'FluBot' }, { name: 'BlackRock', value: 'BlackRock' }, { name: 'CryptoNight', value: 'CryptoNight' }, { name: 'Kronos', value: 'Kronos' }, { name: 'Winnti', value: 'Winnti' }, { name: 'Korlia', value: 'Korlia' }, { name: 'Monero Miner', value: 'Monero Miner' }, { name: 'Anubis', value: 'Anubis' }, { name: 'MirrorBlast', value: 'MirrorBlast' }, { name: 'Banload', value: 'Banload' }, { name: 'FlawedGrace', value: 'FlawedGrace' }, { name: 'DoppelDridex', value: 'DoppelDridex' }, { name: 'Mispadu', value: 'Mispadu' }, { name: 'Mekotio', value: 'Mekotio' }, { name: 'Ozone RAT', value: 'Ozone RAT' }, { name: 'StealthWorker Go', value: 'StealthWorker Go' }, { name: 'SilverFish', value: 'SilverFish' }, { name: 'NodeJS Ransomware', value: 'NodeJS Ransomware' }, { name: 'Ryuk', value: 'Ryuk' }, { name: 'QNAPCrypt', value: 'QNAPCrypt' }, { name: 'Venom RAT', value: 'Venom RAT' }, { name: 'BlackMatter', value: 'BlackMatter' }, { name: 'Janeleiro', value: 'Janeleiro' }, { name: 'Chrysaor', value: 'Chrysaor' }, { name: 'PurpleFox', value: 'PurpleFox' }, { name: 'Mars Stealer', value: 'Mars Stealer' }, { name: 'Matanbuchus', value: 'Matanbuchus' }, { name: 'FFDroider', value: 'FFDroider' }, { name: 'BlackGuard', value: 'BlackGuard' }, { name: 'SMSspy', value: 'SMSspy' }, { name: 'TitanStealer', value: 'TitanStealer' }, { name: 'BianLian', value: 'BianLian' }, { name: 'Deimos', value: 'Deimos' }, { name: 'Sliver', value: 'Sliver' }, { name: 'Aurora Stealer', value: 'Aurora Stealer' }, { name: 'Stealc', value: 'Stealc' }, { name: 'Gomorrah stealer', value: 'Gomorrah stealer' }, { name: 'RecordBreaker', value: 'RecordBreaker' }, { name: 'Brute Ratel C4', value: 'Brute Ratel C4' }, { name: 'LaplasClipper', value: 'LaplasClipper' }, { name: 'XWorm', value: 'XWorm' }, { name: 'PhotoLoader', value: 'PhotoLoader' }, { name: 'Kimsuky', value: 'Kimsuky' }, { name: 'Rhadamanthys', value: 'Rhadamanthys' }, { name: 'Nighthawk', value: 'Nighthawk' }, { name: 'Fabookie', value: 'Fabookie' }, { name: 'Lumma Stealer', value: 'Lumma Stealer' }, { name: 'Kaiji', value: 'Kaiji' }, { name: 'ClipBanker', value: 'ClipBanker' }, { name: 'PrivateLoader', value: 'PrivateLoader' }, { name: 'ViperSoftX', value: 'ViperSoftX' }, { name: 'Phonk', value: 'Phonk' }, { name: 'PlugX', value: 'PlugX' }, { name: 'HyperBro', value: 'HyperBro' }, { name: 'SideWinder', value: 'SideWinder' }, { name: 'Coper', value: 'Coper' }, { name: 'Specter', value: 'Specter' }, { name: 'Kaiten', value: 'Kaiten' }, { name: 'Bitter RAT', value: 'Bitter RAT' }, { name: 'BATLOADER', value: 'BATLOADER' }, { name: 'ACBackdoor', value: 'ACBackdoor' }, { name: 'BKA Trojaner', value: 'BKA Trojaner' }, { name: 'JSSLoader', value: 'JSSLoader' }, { name: 'PureCrypter', value: 'PureCrypter' }, { name: 'SpyNote', value: 'SpyNote' }, { name: 'S.O.V.A.', value: 'S.O.V.A.' }, { name: 'Ginzo Stealer', value: 'Ginzo Stealer' }, { name: 'PennyWise Stealer', value: 'PennyWise Stealer' }, { name: 'DOUBLEBACK', value: 'DOUBLEBACK' }, { name: 'OPRDNS', value: 'OPRDNS' }, { name: 'TLDNS', value: 'TLDNS' }, { name: 'RTDNS', value: 'RTDNS' }, { name: 'ADNS', value: 'ADNS' }, { name: 'FWDNS', value: 'FWDNS' }]
 // detection新增页的第一步，选择mode
diff --git a/src/utils/static-data.js b/src/utils/static-data.js
index b32ef407..958625f4 100644
--- a/src/utils/static-data.js
+++ b/src/utils/static-data.js
@@ -221,27 +221,27 @@ export const dataForDnsTrafficLine = {
 export const dataForNpmEventsHeader = {
   chartData: [
     {
-      eventSeverity: 'critical',
+      eventSeverity: 'overall.critical',
       count: '-',
       index: 0
     },
     {
-      eventSeverity: 'high',
+      eventSeverity: 'overall.high',
       count: '-',
       index: 1
     },
     {
-      eventSeverity: 'medium',
+      eventSeverity: 'overall.medium',
       count: '-',
       index: 2
     },
     {
-      eventSeverity: 'low',
+      eventSeverity: 'overall.low',
       count: '-',
       index: 3
     },
     {
-      eventSeverity: 'info',
+      eventSeverity: 'overall.info',
       count: '-',
       index: 4
     }
@@ -430,59 +430,3 @@ export const connectionList = [
   //   label: 'OR'
   // }
 ]
-
-export const detectionUnitList = {
-  statusList: [
-    { status: 1 },
-    { status: 0 }
-  ],
-  categoryList: [
-    { value: 'security_event', label: 'Security Event' }/* ,
-    { value: 'performance_event', label: 'Performance Event' } */
-  ],
-  eventTypeList: [
-    { value: 'Initial Access', label: 'Initial Access' },
-    { value: 'Command and Control', label: 'Command and Control' },
-    { value: 'Credential Access', label: 'Credential Access' },
-    { value: 'Lateral Movement', label: 'Lateral Movement' },
-    { value: 'Collection', label: 'Collection' },
-    { value: 'Impact', label: 'Impact' },
-    { value: 'Anonymity', label: 'Anonymity' },
-    { value: 'Regulatory Risk', label: 'Regulatory Risk' }
-  ],
-  sourceList: [
-    { value: 'session_record', label: 'Session Record' }
-  ],
-  levelList: [
-    { value: 'critical', label: 'Critical' },
-    { value: 'high', label: 'High' },
-    { value: 'medium', label: 'Medium' },
-    { value: 'low', label: 'Low' },
-    { value: 'info', label: 'Info' }
-  ],
-  metricList: [
-    { value: 'tcp_lostlen_ratio', label: 'Bits/second' },
-    { value: 's2c_byte_retrans_ratio', label: 'Packets/second' },
-    { value: 's2c_byte_retrans_ratio1', label: 'Sessions/second' }
-  ],
-  conditionList: [
-    { value: 'than', label: 'Greater Than' },
-    { value: 'less', label: 'Greater Less' },
-    { value: 'equal', label: 'Greater Equal' }
-  ],
-  libraryList: [
-    { value: 'library name', knowledgeId: 7, label: 'Library name' },
-    { value: 'library name1', knowledgeId: 8, label: 'Library name1' },
-    { value: 'library name2', knowledgeId: 9, label: 'Library name2' }
-  ],
-  intervalList: [
-    { value: 'hours', label: 'hours' },
-    { value: 'minutes', label: 'minutes' },
-    { value: 'seconds', label: 'seconds' }
-  ],
-  intervalListCN: [
-    { value: 'hours', label: '小时' },
-    { value: 'minutes', label: '分钟' },
-    { value: 'seconds', label: '秒' }
-  ]
-}
diff --git a/src/views/charts2/charts/npm/NpmEventsHeader.vue b/src/views/charts2/charts/npm/NpmEventsHeader.vue
index 0cc11865..329679a7 100644
--- a/src/views/charts2/charts/npm/NpmEventsHeader.vue
+++ b/src/views/charts2/charts/npm/NpmEventsHeader.vue
@@ -3,7 +3,7 @@
   <div class="npm-header-body" v-for="(item, index) in chartData" :key=index>
     <div class="npm-header-body-severity">
       <div class="npm-header-body-severity-icon" :class="item.eventSeverity" :test-id="`icon${index}`"></div>
-      <div class="npm-header-body-severity-value" :test-id="`severity${index}`">{{item.eventSeverity}}</div>
+      <div class="npm-header-body-severity-value" :test-id="`severity${index}`">{{ $t(item.eventSeverity) }}</div>
     </div>
     <chart-error v-if="showError" tooltip :content="errorMsg" />
     <div v-else class="npm-header-body-total" :test-id="`total${index}`">{{item.count}}</div>
@@ -45,7 +45,7 @@ export default {
         endTime: this.timeFilter && this.timeFilter.endTime ? getSecond(this.timeFilter.endTime) : '',
         type: this.type
       }
-      /*this.toggleLoading(true)
+      /* this.toggleLoading(true)
       axios.get(api.npm.events.list, { params: params }).then(response => {
         const res = response.data
         if (response.status === 200) {
@@ -69,7 +69,7 @@ export default {
         this.errorMsg = this.errorMsgHandler(e)
       }).finally(() => {
         this.toggleLoading(false)
-      })*/
+      }) */
       this.toggleLoading(false)
     }
   },
diff --git a/src/views/detections/detectionPolicies/Index.vue b/src/views/detections/detectionPolicies/Index.vue
index 03632d97..8367b903 100644
--- a/src/views/detections/detectionPolicies/Index.vue
+++ b/src/views/detections/detectionPolicies/Index.vue
@@ -203,7 +203,6 @@ export default {
         }).catch(() => {
         })
       } else {
-        // todo 调用接口删除
         this.toggleLoading(true)
         axios.delete(api.detection.delete + '?ruleIds=' + ids).then(response => {
           if (response.status === 200) {
diff --git a/src/views/detections/detectionPolicies/PolicyDrawer.vue b/src/views/detections/detectionPolicies/PolicyDrawer.vue
index 45f1e161..b01c4ee5 100644
--- a/src/views/detections/detectionPolicies/PolicyDrawer.vue
+++ b/src/views/detections/detectionPolicies/PolicyDrawer.vue
@@ -31,7 +31,7 @@
 
             <div class="drawer-basic-function">
               <div class="detection-drawer-title">{{ $t('config.user.source') }}</div>
-              <div class="basic-function-value">{{ $_.get(detailData, 'category', '-') || '-' }}</div>
+              <div class="basic-function-value">{{ changeCategory(detailData.category) }}</div>
             </div>
 
             <div v-if="detailData.ruleType==='indicator_match'">
@@ -44,7 +44,7 @@
                 <div class="detection-drawer-title">{{ $t('detection.level') }}</div>
                 <div class="detection-drawer-title">
                   <div class="detection__icon" :style="`background-color: ${eventSeverityColor[detailData.ruleConfigObj.level]}`"></div>
-                  <div class="basic-function-value">{{ $_.get(detailData, 'ruleConfigObj.level', '-') || '-' }}</div>
+                  <div class="basic-function-value">{{ changeSecurityLevel(detailData.ruleConfigObj) }}</div>
                 </div>
               </div>
             </div>
@@ -82,11 +82,11 @@
     <div class="detection-drawer-collapse" style="margin: 20px 0">
       <el-collapse v-model="activeTrigger">
         <el-collapse-item :title="$t('detection.create.trigger')" name="trigger">
-          <div class="drawer-collapse-content">
+          <div class="drawer-collapse-content" v-if="language==='en'">
             <div class="drawer-collapse-trigger">
               Triggered when conditions occur at least
               <span style="color: #046ECA">
-                {{ $_.get(detailData, 'ruleTriggerObj.atLeast', '-') || '-' }} time
+                {{ atLeast }} {{ times }}
               </span> in
               <span style="color: #046ECA">
                 {{ getNumberFromStr($_.get(detailData, 'ruleTriggerObj.interval', '0')) || '-' }}
@@ -102,6 +102,26 @@
               </div>
             </div>
           </div>
+          <div class="drawer-collapse-content" v-if="language==='cn'">
+            <div class="drawer-collapse-trigger">
+              当条件为
+              <span style="color: #046ECA">
+                {{ getNumberFromStr($_.get(detailData, 'ruleTriggerObj.interval', '0')) || '-' }}
+                {{ changeValueToLabel(detailData.ruleTriggerObj) }}
+              </span>内至少出现
+              <span style="color: #046ECA">
+                {{ $_.get(detailData, 'ruleTriggerObj.atLeast', '-') || '-' }} 次
+              </span>时触发
+            </div>
+
+            <div class="drawer-basic-function">
+              <div class="detection-drawer-title">评估频率</div>
+              <div class="drawer-trigger-minutes">
+                {{ getNumberFromStr($_.get(detailData, 'ruleTriggerObj.resetInterval', '0')) || '-' }}
+                {{ changeValueToLabel(detailData.ruleTriggerObj) }}
+              </div>
+            </div>
+          </div>
         </el-collapse-item>
       </el-collapse>
     </div>
@@ -111,7 +131,7 @@
 
 <script>
 import { switchStatus, toUpperCaseByString } from '@/utils/tools'
-import { eventSeverityColor } from '@/utils/constants'
+import { detectionUnitList, eventSeverityColor, securityLevel, storageKey } from '@/utils/constants'
 import axios from 'axios'
 import { api } from '@/utils/api'
 
@@ -128,7 +148,10 @@ export default {
       activeTrigger: 'trigger',
       detailData: {},
       eventSeverityColor,
-      severityList: []
+      severityList: [],
+      language: 'en',
+      atLeast: 0,
+      times: 'time'
     }
   },
   watch: {
@@ -142,6 +165,9 @@ export default {
       }
     }
   },
+  mounted () {
+    this.language = localStorage.getItem(storageKey.language) || 'en'
+  },
   methods: {
     switchStatus,
     toUpperCaseByString,
@@ -159,8 +185,13 @@ export default {
 
       axios.get(`${api.detection.detail}/${this.drawerInfo.ruleId}`).then(res => {
         if (res.status === 200) {
-          const data = res.data.data
-          this.detailData = data
+          this.detailData = res.data.data
+          this.atLeast = this.$_.get(this.detailData, 'ruleTriggerObj.atLeast', '-')
+          if (!isNaN(this.atLeast) && this.atLeast > 1) {
+            this.times = 'times'
+          } else {
+            this.times = 'time'
+          }
         }
       }).catch(err => {
         console.error(err)
@@ -168,6 +199,50 @@ export default {
     },
     getNumberFromStr (str) {
       return str.match(/\d+(\.\d+)?/g)[0]
+    },
+    changeCategory (value) {
+      if (value) {
+        const obj = detectionUnitList.categoryList.find(d => d.value === value)
+        let label = value
+        if (obj) {
+          label = this.$t(obj.label)
+        }
+        return label
+      } else {
+        return '-'
+      }
+    },
+    changeSecurityLevel (config) {
+      if (config) {
+        if (config.level) {
+          const obj = securityLevel.find(d => d.value === config.level)
+          let label = config.level
+          if (obj) {
+            label = this.$t(obj.label)
+          }
+          return label
+        } else {
+          return '-'
+        }
+      } else {
+        return '-'
+      }
+    },
+    changeValueToLabel (config) {
+      if (config) {
+        if (config.intervalVal) {
+          const obj = detectionUnitList.intervalListCN.find(d => d.value === config.intervalVal)
+          let label = config.intervalVal
+          if (obj) {
+            label = this.$t(obj.label)
+          }
+          return label
+        } else {
+          return '-'
+        }
+      } else {
+        return '-'
+      }
     }
   }
 }
diff --git a/src/views/detections/detectionPolicies/PolicyFilter.vue b/src/views/detections/detectionPolicies/PolicyFilter.vue
index 89c205e9..c27d8ed8 100644
--- a/src/views/detections/detectionPolicies/PolicyFilter.vue
+++ b/src/views/detections/detectionPolicies/PolicyFilter.vue
@@ -20,7 +20,7 @@
         <div class="new-filter-content-content">
           <el-checkbox-group v-model="checkCategory" @change="onChangeCategory">
             <el-checkbox v-for="item in categoryList" :key="item.name" class="new-filter-content-checkbox" :label="item.name">
-              {{ item.name }}
+              {{ item.label }}
             </el-checkbox>
           </el-checkbox-group>
         </div>
@@ -31,7 +31,7 @@
         <div class="new-filter-content-content">
           <el-checkbox-group v-model="checkEventType" @change="onChangeCategory" style="display: flex;flex-direction: column">
             <el-checkbox v-for="item in eventTypeList" :key="item.name" class="new-filter-content-checkbox" :label="item.name">
-              {{ item.name }}
+              {{ item.label }}
             </el-checkbox>
           </el-checkbox-group>
         </div>
@@ -44,6 +44,7 @@
 import axios from 'axios'
 import { api } from '@/utils/api'
 import { switchStatus } from '@/utils/tools'
+import { detectionUnitList } from '@/utils/constants'
 
 export default {
   name: 'DetectionFilter',
@@ -81,13 +82,25 @@ export default {
           }
 
           if (data.categoryList) {
-            this.categoryList = data.categoryList
+            this.categoryList = []
+            data.categoryList.forEach(item => {
+              const obj = detectionUnitList.categoryList.find(d => d.value === item.name)
+              if (obj) {
+                this.categoryList.push({ ...item, label: this.$t(obj.label) })
+              }
+            })
           } else {
             this.categoryList = []
           }
 
           if (data.eventTypeList) {
-            this.eventTypeList = data.eventTypeList
+            this.eventTypeList = []
+            data.eventTypeList.forEach(item => {
+              const obj = detectionUnitList.eventTypeList.find(d => d.value === item.name)
+              if (obj) {
+                this.eventTypeList.push({ ...item, label: this.$t(obj.label) })
+              }
+            })
           } else {
             this.eventTypeList = []
           }
diff --git a/src/views/detections/detectionPolicies/PolicyTable.vue b/src/views/detections/detectionPolicies/PolicyTable.vue
index 18de2be7..1a9b1482 100644
--- a/src/views/detections/detectionPolicies/PolicyTable.vue
+++ b/src/views/detections/detectionPolicies/PolicyTable.vue
@@ -53,6 +53,12 @@
             {{ $t(switchStatus(scope.row[item.prop])) }}
           </div>
         </template>
+        <template v-else-if="item.prop === 'category'">
+          {{ changeCategory(scope.row[item.prop]) }}
+        </template>
+        <template v-else-if="item.prop === 'eventType'">
+          {{ changeEventType(scope.row[item.prop]) }}
+        </template>
         <template v-else-if="item.prop === 'description'">
           <div style="padding-right: 20px">{{ scope.row[item.prop] }}</div>
         </template>
@@ -78,6 +84,7 @@ import table from '@/mixins/table'
 import { dateFormatByAppearance } from '@/utils/date-util'
 import { switchStatus } from '@/utils/tools'
 import _ from 'lodash'
+import { detectionUnitList } from '@/utils/constants'
 
 export default {
   name: 'DetectionTable',
@@ -128,15 +135,13 @@ export default {
           show: true
         },
         {
-          // label: this.$t('config.user.createTime'),
-          label: 'Dimensions',
+          label: this.$t('detection.create.dimensions'),
           prop: 'dimensions',
           minWidth: 204,
           show: true
         },
         {
-          // label: this.$t('config.user.createTime'),
-          label: 'Library',
+          label: this.$t('detection.library'),
           prop: 'library',
           minWidth: 204,
           show: true
@@ -166,6 +171,26 @@ export default {
     switchStatus,
     rowDoubleClick (data) {
       this.$emit('rowDoubleClick', data)
+    },
+    changeCategory (value) {
+      if (value) {
+        const obj = detectionUnitList.categoryList.find(d => d.value === value)
+        let label = value
+        if (obj) {
+          label = this.$t(obj.label)
+        }
+        return label
+      }
+    },
+    changeEventType (value) {
+      if (value) {
+        const obj = detectionUnitList.eventTypeList.find(d => d.value === value)
+        let label = value
+        if (obj) {
+          label = this.$t(obj.label)
+        }
+        return label
+      }
     }
   }
 }
diff --git a/src/views/detections/overview/DetectionSecurityEventOverview.vue b/src/views/detections/overview/DetectionSecurityEventOverview.vue
index 1499d142..7d1c9a7d 100644
--- a/src/views/detections/overview/DetectionSecurityEventOverview.vue
+++ b/src/views/detections/overview/DetectionSecurityEventOverview.vue
@@ -75,8 +75,8 @@
           <div class="row__content" v-if="$_.get(basicInfo, 'domainInfo.category.reputationLevel')">
             <div
                 class="row__tag row__tag__level"
-                :style="`background-color:${eventSeverityColor[basicInfo.domainInfo.category.reputationLevel]}`">
-              {{ basicInfo.domainInfo.category.reputationLevel }}
+                :style="`background-color:${riskLevelColor1[basicInfo.domainInfo.category.reputationLevel]}`">
+              {{ reputationLevel(basicInfo.domainInfo.category.reputationLevel) || '-' }}
             </div>
           </div>
           <div class="row__content" v-else>-</div>
@@ -346,7 +346,7 @@
 import axios from 'axios'
 import { api } from '@/utils/api'
 import { getMillisecond, dateFormatByAppearance } from '@/utils/date-util'
-import { eventSeverityColor, unitTypes, countryNameIdMapping, riskLevelMapping, riskLevelColor } from '@/utils/constants'
+import { eventSeverityColor, unitTypes, countryNameIdMapping, riskLevelMapping, riskLevelColor, riskLevelColor1 } from '@/utils/constants'
 import unitConvert from '@/utils/unit-convert'
 import _ from 'lodash'
 export default {
@@ -358,6 +358,7 @@ export default {
     return {
       eventSeverityColor,
       riskLevelColor,
+      riskLevelColor1,
       basicInfo: {},
       events: [],
       reference: 'https://attack.mitre.org',
@@ -391,7 +392,15 @@ export default {
         const m = riskLevelMapping.find(mapping => {
           return mapping.value == level
         })
-        return (m && m.name) || level
+        return (m && this.$t(m.label)) || level
+      }
+    },
+    reputationLevel () {
+      return function (level) {
+        const m = riskLevelMapping.find(mapping => {
+          return mapping.name == level
+        })
+        return (m && this.$t(m.label)) || level
       }
     },
     locationRegion (info) {