移除示例项目初始化并修复前后端稳定性问题

frontend/src/components/Layout.vue

@@ -1,24 +1,26 @@
 <template>
   <el-container class="layout-container">
-    <el-aside :width="isCollapsed ? '68px' : '200px'" class="layout-aside" :class="{ collapsed: isCollapsed }" v-if="isAdmin || study.currentStudy">
+    <el-aside :width="isCollapsed ? '68px' : '200px'" class="layout-aside" :class="{ collapsed: isCollapsed }">
       <div class="aside-logo">
         <div class="logo-icon"></div>
         <span class="logo-text">{{ TEXT.common.appName }}</span>
       </div>
       <el-menu 
-        router 
         :default-active="activeMenu"
         :collapse="isCollapsed"
         :collapse-transition="true"
         class="aside-menu"
+        @select="handleMenuSelect"
       >
         <el-menu-item v-if="!isAdmin" index="/workbench">
           <el-icon><Monitor /></el-icon>
           <span>{{ TEXT.menu.workbench }}</span>
         </el-menu-item>
         
-        <template v-if="isAdmin">
-          <div class="menu-divider">{{ TEXT.menu.admin }}</div>
+        <el-menu-item-group v-if="isAdmin" class="menu-group">
+          <template #title>
+            <span class="menu-divider">{{ TEXT.menu.admin }}</span>
+          </template>
           <el-menu-item index="/admin/users">
             <el-icon><User /></el-icon>
             <span>{{ TEXT.menu.accountManagement }}</span>
@@ -31,10 +33,12 @@
             <el-icon><Document /></el-icon>
             <span>{{ TEXT.menu.auditLogs }}</span>
           </el-menu-item>
-        </template>
+        </el-menu-item-group>
         
-        <template v-if="study.currentStudy">
-          <div class="menu-divider">{{ TEXT.menu.currentProject }}</div>
+        <el-menu-item-group v-if="study.currentStudy" class="menu-group">
+          <template #title>
+            <span class="menu-divider">{{ TEXT.menu.currentProject }}</span>
+          </template>
           <el-menu-item index="/project/overview">
             <el-icon><House /></el-icon>
             <span>{{ TEXT.menu.projectOverview }}</span>
@@ -102,7 +106,7 @@
             <el-menu-item index="/knowledge/support-files">{{ TEXT.menu.knowledgeSupportFiles }}</el-menu-item>
             <el-menu-item index="/knowledge/instruction-files">{{ TEXT.menu.knowledgeInstructionFiles }}</el-menu-item>
           </el-sub-menu>
-        </template>
+        </el-menu-item-group>
       </el-menu>
     </el-aside>
 
@@ -194,11 +198,9 @@
       <el-main class="layout-main">
         <div class="content-wrapper">
           <router-view v-slot="{ Component }">
-            <transition name="fade-transform" mode="out-in">
-              <div :key="route.fullPath" class="ctms-route-shell">
-                <component :is="Component" :key="route.fullPath" />
-              </div>
-            </transition>
+            <div class="ctms-route-shell">
+              <component :is="Component" />
+            </div>
           </router-view>
         </div>
       </el-main>
@@ -392,6 +394,13 @@ const handleBreadcrumbCommand = (cmd: any) => {
   }
 };
 
+const handleMenuSelect = (index: string) => {
+  if (!index || index === route.path) {
+    return;
+  }
+  router.push(index);
+};
+
 watch(() => study.currentStudy, () => {
   loadSites();
 }, { immediate: true });
@@ -506,6 +515,7 @@ const onCommand = (cmd: string) => {
 }
 
 .menu-divider {
+  display: block;
   padding: 8px 14px 2px;
   font-size: 10px;
   font-weight: 700;
@@ -514,6 +524,10 @@ const onCommand = (cmd: string) => {
   letter-spacing: 1px;
 }
 
+.layout-aside :deep(.menu-group .el-menu-item-group__title) {
+  padding: 0 !important;
+}
+
 .layout-aside :deep(.el-menu-item) {
   height: 34px;
   line-height: 34px;