From 63caa3631af3170d06c8d98da038ab6ef3089b02 Mon Sep 17 00:00:00 2001
From: tongque <2863528786@qq.com>
Date: Sun, 28 Apr 2024 15:23:41 +0800
Subject: [PATCH] =?UTF-8?q?feat:layout=E9=83=A8=E5=88=86=E5=9B=BD=E9=99=85?=
 =?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/layout/components/top-bar/index.vue    |  2 +-
 .../components/top-bar/top-menu/MenuItem.vue  | 19 +++++++++++++------
 ui/src/locales/lang/en_US/layout.ts           |  7 ++++++-
 ui/src/locales/lang/zh_CN/layout.ts           |  8 +++++++-
 4 files changed, 27 insertions(+), 9 deletions(-)

diff --git a/ui/src/layout/components/top-bar/index.vue b/ui/src/layout/components/top-bar/index.vue
index cc240035e..ac8ba27b8 100644
--- a/ui/src/layout/components/top-bar/index.vue
+++ b/ui/src/layout/components/top-bar/index.vue
@@ -35,7 +35,7 @@
           @click="toUrl('https://bbs.fit2cloud.com/c/mk/11')"
         ></AppIcon>
       </el-tooltip>
-      <el-dropdown v-if="false" trigger="click" type="primary">
+      <el-dropdown v-if="true" trigger="click" type="primary">
         <template #dropdown>
           <el-dropdown-menu>
             <el-dropdown-item
diff --git a/ui/src/layout/components/top-bar/top-menu/MenuItem.vue b/ui/src/layout/components/top-bar/top-menu/MenuItem.vue
index 317147f66..8e63664c1 100644
--- a/ui/src/layout/components/top-bar/top-menu/MenuItem.vue
+++ b/ui/src/layout/components/top-bar/top-menu/MenuItem.vue
@@ -1,13 +1,17 @@
 <template>
-  <div
-    class="menu-item-container flex-center h-full"
-    :class="isActive ? 'active' : ''"
-    @click="router.push({ name: menu.name })"
-  >
+  <div class="menu-item-container flex-center h-full" :class="isActive ? 'active' : ''"
+    @click="router.push({ name: menu.name })">
     <!-- <div class="icon">
       <AppIcon :iconName="menu.meta ? (menu.meta.icon as string) : '404'" />
     </div> -->
-    <div class="title">{{ menu.meta?.title }}</div>
+    <div class="title">
+      {{
+        $te(`layout.topbar.MenuItem.${String(props.menu.name)}`)
+          ? $t(`layout.topbar.MenuItem.${String(props.menu.name)}`)
+          : menu.meta?.title
+      }}
+    </div>
+
   </div>
 </template>
 <script setup lang="ts">
@@ -31,11 +35,13 @@ const isActive = computed(() => {
   cursor: pointer;
   font-size: 16px;
   position: relative;
+
   .icon {
     font-size: 15px;
     margin-right: 5px;
     margin-top: 2px;
   }
+
   &:hover {
     color: var(--el-color-primary);
   }
@@ -43,6 +49,7 @@ const isActive = computed(() => {
 
 .active {
   color: var(--el-color-primary);
+
   &::after {
     position: absolute;
     bottom: 0;
diff --git a/ui/src/locales/lang/en_US/layout.ts b/ui/src/locales/lang/en_US/layout.ts
index 7e1e7f9de..32d0f1e4c 100644
--- a/ui/src/locales/lang/en_US/layout.ts
+++ b/ui/src/locales/lang/en_US/layout.ts
@@ -2,6 +2,11 @@ export default {
     topbar: {
         github:"Github",
         handbook:"Handbook",
-        forum:"Forum"
+        forum:"Forum",
+        MenuItem:{
+            application:"application",
+            dataset:"dataset",
+            setting:"setting"
+        }
     },
 };
diff --git a/ui/src/locales/lang/zh_CN/layout.ts b/ui/src/locales/lang/zh_CN/layout.ts
index f31efa826..76e4df988 100644
--- a/ui/src/locales/lang/zh_CN/layout.ts
+++ b/ui/src/locales/lang/zh_CN/layout.ts
@@ -1,7 +1,13 @@
+
 export default {
     topbar: {
         github:"项目地址",
         handbook:"用户手册",
-        forum:"论坛求助"
+        forum:"论坛求助",
+        MenuItem:{
+            application:"应用",
+            dataset:"知识库",
+            setting:"系统设置"
+        }
     },
 };