From 562a968ca1342400831b29786d83cd71748b783f Mon Sep 17 00:00:00 2001
From: chenjinsong <523037378@qq.com>
Date: Mon, 5 Sep 2022 13:36:22 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=B4=E6=97=B6=E5=A4=84=E7=90=86det?=
 =?UTF-8?q?ection=E8=8F=9C=E5=8D=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/Header.vue | 39 ++++++++++++++++++++++++++++++--
 1 file changed, 37 insertions(+), 2 deletions(-)

diff --git a/src/components/layout/Header.vue b/src/components/layout/Header.vue
index 59cddc6c..3ec5777e 100644
--- a/src/components/layout/Header.vue
+++ b/src/components/layout/Header.vue
@@ -76,7 +76,31 @@
             <span class="route-menu" @click="jump(path,item,'',3)">{{item}}</span>
           </template>
           <template v-else-if="index===1">
-            <span class="route-menu" @click="jump(path,'','',2)">{{item}}</span>
+            <span class="route-menu" @click="jump(path,'','',2)" v-if="route.indexOf('detection') === -1">{{item}}</span>
+            <div class="header__left-breadcrumb-item-select" v-if="route.indexOf('detection') > -1">
+              <el-popover placement="bottom-start"
+                          v-if="route.indexOf('detection') > -1"
+                          ref="breadcrumbPopover"
+                          :show-arrow="false"
+                          :append-to-body="false"
+                          :hide-after="0"
+                          :show-after="0"
+                          popper-class="breadcrumb__popper"
+                          trigger="click">
+                <template #reference>
+                  <div class="breadcrumb-button"  id="breadcrumbButton2" :class="showBackground?'breadcrumb-button__active':''"  v-if="route.indexOf('detection') > -1">
+                    <span id="breadcrumbValue2"> {{item}}</span><i class="cn-icon-xiala cn-icon"></i>
+                  </div>
+                </template>
+                <el-row type="flex" justify="center" style="width: fit-content;flex-direction: column;">
+                  <ul class="select-dropdown" id="breadcrumbSelectDropdown2">
+                    <li v-for="item in detectionMenuList" title='' :key="item.name" :id="item.name" class="select-dropdown__item" @click="jump(item.path)">
+                      <span>{{$t(item.i18n)}}</span>
+                    </li>
+                  </ul>
+                </el-row>
+              </el-popover>
+            </div>
           </template>
           <template v-else>
             <span>{{item}}</span>
@@ -186,6 +210,18 @@ export default {
       showBackground: false,
       selected: false,
       valueMenuId: '',
+      detectionMenuList: [
+        {
+          name: 'securityEvents',
+          i18n: 'entities.securityEvents',
+          path: '/detection/securityEvent'
+        },
+        {
+          name: 'performanceEvents',
+          i18n: 'overall.performanceEvents',
+          path: '/detection/performanceEvent'
+        }
+      ],
       curPageNum: 1
     }
   },
@@ -221,7 +257,6 @@ export default {
         }
       })
       const breadcrumb = breadcrumbMap.find(b => this.path === b.path)
-
       if (breadcrumb.columnValue) {
         return breadcrumb ? [breadcrumb.parentName, breadcrumb.name, this.$t(breadcrumb.columnName), breadcrumb.columnValue] : []
       } else if (breadcrumb.columnName) {