增加深色/浅色主题切换功能

desktop/frontend/src/components/AsideMenu.vue

@@ -115,12 +115,23 @@ watch(() => router.currentRoute.value.path, (newValue, oldValue) => {
 function activeMenu() {
   const currRoute = router.currentRoute
   const path = currRoute.value.path
-  // console.log("currRoute path:", path)
+  console.log("currRoute path:", path)
   let index = getIndexByPath(path)
-  // console.log("index:", index)
+  console.log("index:", index)
   if (utils.notNull(index)) {
     return index
   }
+  // 没有匹配上,截取掉path最后一级,再匹配一次
+  const lastIndex = path.lastIndexOf('/')
+  if (lastIndex != -1) {
+    const newPath = path.substring(0, lastIndex)
+    console.log("截取后newPath:", newPath)
+    index = getIndexByPath(newPath)
+    console.log("截取后index:", index)
+    if (utils.notNull(index)) {
+      return index
+    }
+  }
   return "1"
 }
 

desktop/frontend/src/components/MainFrame.vue

@@ -143,7 +143,7 @@ header {
   width: 100%;
   height: 44px;
   padding: 0px;
-  background-color: var(--el-bg-color);
+  background-color: var(--el-fg-color);
   display: flex;
   justify-content: center;
   align-items: center;
@@ -169,6 +169,7 @@ main {
   width: 100%;
   padding: 0px;
   overflow: hidden;
+  background-color: var(--el-bg-color);
 }
 
 .menu-logo {

desktop/frontend/src/components/TopHeader.vue

@@ -27,6 +27,13 @@
       </el-link>
     </div>
 
+    <!-- 右侧 -->
+    <div class="fxc">
+      <div class="mlr-8">
+        <el-switch v-model="isDark" :active-action-icon="Moon" :inactive-action-icon="Sunny" width="40"
+          style="--el-switch-on-color: #4c4d4f; --el-switch-off-color: #f2f2f2;" />
+      </div>
+
       <!-- 右侧固定下拉 -->
       <el-dropdown trigger="click" @command="handleSwitchLang" class="fxc plr-16">
         <span class="el-dropdown-link">
@@ -44,14 +51,18 @@
         </template>
       </el-dropdown>
     </div>
+  </div>
 </template>
 
 <script setup>
 import { onMounted, ref } from 'vue'
-import { ArrowDown, Refresh } from '@element-plus/icons-vue'
+import { ArrowDown, Refresh, Moon, Sunny } from '@element-plus/icons-vue'
 import { useConfig } from '@/store/config'
+/** 暗黑主题切换 */
+import { useDark } from '@vueuse/core'
 
 const config = useConfig()
+const isDark = useDark()
 
 const modelList = ref(config.modelList)