fix: 🐛 修复刷新页面后，选中菜单无法保持展开状态的问题

1.父级菜单也必须存在 name 属性，父级菜单 name 属性，在很早之前曾考虑过移除，后来发现会引起
Bug，于是没有改动。但前段时间调整动态路由时没有想起该情况，一时疏忽移除了，所幸发现问题不晚，现在及时恢复回来
2.优化实时监控示例的相关变量命名

continew-admin-ui/src/locale/en-US.ts

@@ -25,7 +25,7 @@ import locale404 from '@/views/demo/exception/404/locale/en-US';
 import locale500 from '@/views/demo/exception/500/locale/en-US';
 import localeDataAnalysis from '@/views/demo/visualization/data-analysis/locale/en-US';
 import localeMultiDAnalysis from '@/views/demo/visualization/multi-dimension-data-analysis/locale/en-US';
-import localeMonitor from '@/views/demo/visualization/monitor/locale/en-US';
+import localeRealTimeMonitor from '@/views/demo/visualization/real-time-monitor/locale/en-US';
 
 import localeMessageBox from '@/components/message-box/locale/en-US';
 import localeLogin from '@/views/login/locale/en-US';
@@ -80,7 +80,7 @@ export default {
   ...locale500,
   ...localeDataAnalysis,
   ...localeMultiDAnalysis,
-  ...localeMonitor,
+  ...localeRealTimeMonitor,
 
   ...localeMessageBox,
   ...localeLogin,

continew-admin-ui/src/locale/zh-CN.ts

@@ -25,7 +25,7 @@ import locale404 from '@/views/demo/exception/404/locale/zh-CN';
 import locale500 from '@/views/demo/exception/500/locale/zh-CN';
 import localeDataAnalysis from '@/views/demo/visualization/data-analysis/locale/zh-CN';
 import localeMultiDAnalysis from '@/views/demo/visualization/multi-dimension-data-analysis/locale/zh-CN';
-import localeMonitor from '@/views/demo/visualization/monitor/locale/zh-CN';
+import localeRealTimeMonitor from '@/views/demo/visualization/real-time-monitor/locale/zh-CN';
 
 import localeMessageBox from '@/components/message-box/locale/zh-CN';
 import localeLogin from '@/views/login/locale/zh-CN';
@@ -80,7 +80,7 @@ export default {
   ...locale500,
   ...localeDataAnalysis,
   ...localeMultiDAnalysis,
-  ...localeMonitor,
+  ...localeRealTimeMonitor,
 
   ...localeMessageBox,
   ...localeLogin,

continew-admin-ui/src/mock/index.ts

@@ -5,7 +5,7 @@ import './message-box';
 
 import '@/views/dashboard/workplace/mock';
 
-import '@/views/demo/visualization/monitor/mock';
+import '@/views/demo/visualization/real-time-monitor/mock';
 
 import '@/views/demo/list/card/mock';
 import '@/views/demo/list/search-table/mock';

continew-admin-ui/src/router/routes/modules/demo/exception.ts

@@ -2,6 +2,7 @@ import { DEFAULT_LAYOUT } from '../../base';
 import { AppRouteRecordRaw } from '../../types';
 
 const EXCEPTION: AppRouteRecordRaw = {
+  name: 'Exception',
   path: '/demo/exception',
   component: DEFAULT_LAYOUT,
   meta: {

continew-admin-ui/src/router/routes/modules/demo/form.ts

@@ -2,6 +2,7 @@ import { DEFAULT_LAYOUT } from '../../base';
 import { AppRouteRecordRaw } from '../../types';
 
 const FORM: AppRouteRecordRaw = {
+  name: 'Form',
   path: '/demo/form',
   component: DEFAULT_LAYOUT,
   meta: {

continew-admin-ui/src/router/routes/modules/demo/list.ts

@@ -2,6 +2,7 @@ import { DEFAULT_LAYOUT } from '../../base';
 import { AppRouteRecordRaw } from '../../types';
 
 const LIST: AppRouteRecordRaw = {
+  name: 'List',
   path: '/demo/list',
   component: DEFAULT_LAYOUT,
   meta: {

continew-admin-ui/src/router/routes/modules/demo/profile.ts

@@ -2,6 +2,7 @@ import { DEFAULT_LAYOUT } from '../../base';
 import { AppRouteRecordRaw } from '../../types';
 
 const PROFILE: AppRouteRecordRaw = {
+  name: 'Profile',
   path: '/demo/profile',
   component: DEFAULT_LAYOUT,
   meta: {

continew-admin-ui/src/router/routes/modules/demo/result.ts

@@ -2,6 +2,7 @@ import { DEFAULT_LAYOUT } from '../../base';
 import { AppRouteRecordRaw } from '../../types';
 
 const RESULT: AppRouteRecordRaw = {
+  name: 'Result',
   path: '/demo/result',
   component: DEFAULT_LAYOUT,
   meta: {

continew-admin-ui/src/router/routes/modules/demo/visualization.ts

@@ -2,6 +2,7 @@ import { DEFAULT_LAYOUT } from '../../base';
 import { AppRouteRecordRaw } from '../../types';
 
 const VISUALIZATION: AppRouteRecordRaw = {
+  name: 'Visualization',
   path: '/demo/visualization',
   component: DEFAULT_LAYOUT,
   meta: {
@@ -36,12 +37,12 @@ const VISUALIZATION: AppRouteRecordRaw = {
       },
     },
     {
-      name: 'Monitor',
-      path: 'monitor',
+      name: 'RealTimeMonitor',
+      path: 'real-time-monitor',
       component: () =>
-        import('@/views/demo/visualization/monitor/index.vue'),
+        import('@/views/demo/visualization/real-time-monitor/index.vue'),
       meta: {
-        locale: 'menu.dashboard.monitor',
+        locale: 'menu.dashboard.realTimeMonitor',
         requiresAuth: true,
         roles: ['*'],
       },

continew-admin-ui/src/router/routes/modules/fixed/dashboard.ts

@@ -2,8 +2,8 @@ import { DEFAULT_LAYOUT } from '../../base';
 import { AppRouteRecordRaw } from '../../types';
 
 const DASHBOARD: AppRouteRecordRaw = {
-  path: '/dashboard',
   name: 'Dashboard',
+  path: '/dashboard',
   component: DEFAULT_LAYOUT,
   redirect: '/dashboard/workplace',
   meta: {

continew-admin-ui/src/router/routes/modules/monitor.ts

@@ -2,6 +2,7 @@ import { DEFAULT_LAYOUT } from '../base';
 import { AppRouteRecordRaw } from '../types';
 
 const Monitor: AppRouteRecordRaw = {
+  name: 'Monitor',
   path: '/monitor',
   component: DEFAULT_LAYOUT,
   meta: {

continew-admin-ui/src/router/routes/modules/system.ts

@@ -2,6 +2,7 @@ import { DEFAULT_LAYOUT } from '../base';
 import { AppRouteRecordRaw } from '../types';
 
 const System: AppRouteRecordRaw = {
+  name: 'System',
   path: '/system',
   component: DEFAULT_LAYOUT,
   meta: {

continew-admin-ui/src/router/routes/modules/tool.ts

@@ -2,6 +2,7 @@ import { DEFAULT_LAYOUT } from '../base';
 import { AppRouteRecordRaw } from '../types';
 
 const Tool: AppRouteRecordRaw = {
+  name: 'Tool',
   path: '/tool',
   component: DEFAULT_LAYOUT,
   meta: {

continew-admin-ui/src/views/demo/visualization/monitor/components/chat-panel.vue → continew-admin-ui/src/views/demo/visualization/real-time-monitor/components/chat-panel.vue

@@ -1,7 +1,7 @@
 <template>
   <a-card
     class="general-card chat-panel"
-    :title="$t('monitor.title.chatPanel')"
+    :title="$t('realTimeMonitor.title.chatPanel')"
     :bordered="false"
     :header-style="{ paddingBottom: '0' }"
     :body-style="{
@@ -14,11 +14,11 @@
     <a-space :size="8">
       <a-select style="width: 86px" default-value="all">
         <a-option value="all">
-          {{ $t('monitor.chat.options.all') }}
+          {{ $t('realTimeMonitor.chat.options.all') }}
         </a-option>
       </a-select>
       <a-input-search
-        :placeholder="$t('monitor.chat.placeholder.searchCategory')"
+        :placeholder="$t('realTimeMonitor.chat.placeholder.searchCategory')"
       />
       <a-button type="text">
         <icon-download />
@@ -36,7 +36,7 @@
             <icon-face-smile-fill />
           </template>
         </a-Input>
-        <a-button type="primary">{{ $t('monitor.chat.update') }}</a-button>
+        <a-button type="primary">{{ $t('realTimeMonitor.chat.update') }}</a-button>
       </a-space>
     </div>
   </a-card>

continew-admin-ui/src/views/demo/visualization/monitor/components/data-statistic-list.vue → continew-admin-ui/src/views/demo/visualization/real-time-monitor/components/data-statistic-list.vue

@@ -12,8 +12,8 @@
       :pagination="false"
     />
     <a-typography-text type="secondary" class="data-statistic-list-tip">
-      {{ $t('monitor.list.tip.rotations') }} {{ data.length }}
-      {{ $t('monitor.list.tip.rest') }}
+      {{ $t('realTimeMonitor.list.tip.rotations') }} {{ data.length }}
+      {{ $t('realTimeMonitor.list.tip.rest') }}
     </a-typography-text>
   </div>
 </template>
@@ -47,7 +47,7 @@
   const renderTag = (status: number) => {
     if (status === -1) {
       return `<a-tag  color="red" class='data-statistic-list-cover-tag'>
-            ${t('monitor.list.tag.auditFailed')}
+            ${t('realTimeMonitor.list.tag.auditFailed')}
         </a-tag>`;
     }
     return '';
@@ -58,7 +58,7 @@
   const columns = computed(() => {
     return [
       {
-        title: t('monitor.list.title.order'),
+        title: t('realTimeMonitor.list.title.order'),
         render({
           rowIndex,
         }: {
@@ -71,7 +71,7 @@
         },
       },
       {
-        title: t('monitor.list.title.cover'),
+        title: t('realTimeMonitor.list.title.cover'),
         render({
           record,
         }: {
@@ -87,16 +87,16 @@
         },
       },
       {
-        title: t('monitor.list.title.name'),
+        title: t('realTimeMonitor.list.title.name'),
         dataIndex: 'name',
       },
       {
         dataIndex: 'duration',
-        title: t('monitor.list.title.duration'),
+        title: t('realTimeMonitor.list.title.duration'),
       },
       {
         dataIndex: 'id',
-        title: t('monitor.list.title.id'),
+        title: t('realTimeMonitor.list.title.id'),
       },
     ];
   });