feat: optimize menus and add Windows monitoring menu (#236)

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>

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",

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",

src/locales/lang/zh.ts

@@ -182,6 +182,7 @@ const msg = {
   setDuration: "锁定查询持续时间",
   openFunction: "OpenFunction",
   period: "周期",
+  windows: "Windows",
   seconds: "秒",
   hourTip: "选择小时",
   minuteTip: "选择分钟",

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",
+        },
+      },
     ],
   },
 ];

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