From b247ed1c2487092cd7387d64cb6089d82e74cd57 Mon Sep 17 00:00:00 2001
From: Fine0830 <fanxue0830@gmail.com>
Date: Fri, 17 Feb 2023 13:29:42 +0800
Subject: [PATCH] feat: optimize menus and add Windows monitoring menu (#236)

---
 src/layout/components/SideBar.vue |  7 ++++---
 src/locales/lang/en.ts            |  1 +
 src/locales/lang/es.ts            |  1 +
 src/locales/lang/zh.ts            |  1 +
 src/router/data/infrastructure.ts | 17 +++++++++++++++++
 src/styles/reset.scss             |  8 ++++++++
 6 files changed, 32 insertions(+), 3 deletions(-)

diff --git a/src/layout/components/SideBar.vue b/src/layout/components/SideBar.vue
index f6305038..c765c05c 100644
--- a/src/layout/components/SideBar.vue
+++ b/src/layout/components/SideBar.vue
@@ -25,10 +25,11 @@ limitations under the License. -->
         :default-active="name"
         text-color="#efefef"
         :collapse="isCollapse"
+        :collapse-transition="false"
         :style="{ border: 'none' }"
       >
         <template v-for="(menu, index) in routes" :key="index">
-          <el-sub-menu :index="String(menu.name)" v-if="menu.meta.hasGroup">
+          <el-sub-menu :index="String(menu.name)" v-if="menu.meta.hasGroup" popper-class="sub-list">
             <template #title>
               <router-link class="items" :to="menu.path">
                 <el-icon class="menu-icons" :style="{ marginRight: '12px' }" @mouseover="setCollapse">
@@ -49,12 +50,12 @@ limitations under the License. -->
           </el-sub-menu>
           <el-menu-item :index="String(menu.name)" @click="changePage(menu)" v-else>
             <el-icon class="menu-icons" :style="{ marginRight: '12px' }" @mouseover="setCollapse">
-              <router-link class="items" :to="menu.children[0].path">
+              <router-link class="items menu-title" :to="menu.children[0].path">
                 <Icon size="lg" :iconName="menu.meta.icon" />
               </router-link>
             </el-icon>
             <template #title>
-              <router-link class="items" :to="menu.children[0].path">
+              <router-link class="items menu-title" :to="menu.children[0].path">
                 <span class="title">{{ t(menu.meta.title) }}</span>
               </router-link>
             </template>
diff --git a/src/locales/lang/en.ts b/src/locales/lang/en.ts
index d6bc68e1..256aebd6 100644
--- a/src/locales/lang/en.ts
+++ b/src/locales/lang/en.ts
@@ -185,6 +185,7 @@ const msg = {
   setDuration: "Lock Query Duration",
   openFunction: "OpenFunction",
   period: "Period",
+  windows: "Windows",
   seconds: "Seconds",
   hourTip: "Select Hour",
   minuteTip: "Select Minute",
diff --git a/src/locales/lang/es.ts b/src/locales/lang/es.ts
index 0c186936..68148589 100644
--- a/src/locales/lang/es.ts
+++ b/src/locales/lang/es.ts
@@ -187,6 +187,7 @@ const msg = {
   when5xx: "Ejemplo de solicitud y respuesta http con seguimiento cuando el Código de respuesta está entre 500 y 599",
   taskTitle: "Reglas de recolección de peticiones y respuestas HTTP",
   period: "Period",
+  windows: "Windows",
   second: "s",
   yearSuffix: "Año",
   monthsHead: "Ene_Feb_Mar_Abr_May_Jun_Jul_Ago_Set_Oct_Nov_Dic",
diff --git a/src/locales/lang/zh.ts b/src/locales/lang/zh.ts
index 8c79a7e2..90f27ebf 100644
--- a/src/locales/lang/zh.ts
+++ b/src/locales/lang/zh.ts
@@ -182,6 +182,7 @@ const msg = {
   setDuration: "锁定查询持续时间",
   openFunction: "OpenFunction",
   period: "周期",
+  windows: "Windows",
   seconds: "秒",
   hourTip: "选择小时",
   minuteTip: "选择分钟",
diff --git a/src/router/data/infrastructure.ts b/src/router/data/infrastructure.ts
index 79bf7598..d2b59698 100644
--- a/src/router/data/infrastructure.ts
+++ b/src/router/data/infrastructure.ts
@@ -43,6 +43,23 @@ export default [
           layer: "OS_LINUX",
         },
       },
+      {
+        path: "/windows",
+        name: "Windows",
+        meta: {
+          title: "windows",
+          layer: "OS_WINDOWS",
+        },
+      },
+      {
+        path: "/windows/tab/:activeTabIndex",
+        name: "WindowsActiveTabIndex",
+        meta: {
+          title: "windows",
+          notShow: true,
+          layer: "OS_WINDOWS",
+        },
+      },
     ],
   },
 ];
diff --git a/src/styles/reset.scss b/src/styles/reset.scss
index 7d62b6a5..785e7c59 100644
--- a/src/styles/reset.scss
+++ b/src/styles/reset.scss
@@ -204,3 +204,11 @@ div.vis-tooltip {
 .vis-item.vis-selected.Normal {
   color: #1a1a1a !important;
 }
+
+.el-menu--vertical.sub-list {
+  display: none;
+}
+
+div:has(> a.menu-title) {
+  display: none;
+}