From 6d586f4d5b205b313946584c80d65b9bb6420b5d Mon Sep 17 00:00:00 2001
From: tangquankun <tangquankun@unisinsight.com>
Date: Fri, 13 Mar 2026 09:28:15 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E5=9B=BD=E9=99=85=E5=8C=96?=
 =?UTF-8?q?=E9=80=82=E9=85=8D=E5=AE=8C=E6=88=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ui/src/layout/components/sidebar/index.vue    | 68 +++++++++++++++----
 ui/src/layout/layout-header/SystemHeader.vue  | 20 +++++-
 .../locales/lang/en-US/views/application.ts   |  2 +-
 ui/src/locales/lang/en-US/views/tool.ts       |  2 +-
 .../locales/lang/zh-CN/views/application.ts   |  2 +-
 ui/src/locales/lang/zh-CN/views/tool.ts       |  2 +-
 .../locales/lang/zh-Hant/views/application.ts |  2 +-
 ui/src/locales/lang/zh-Hant/views/tool.ts     |  2 +-
 8 files changed, 80 insertions(+), 20 deletions(-)

diff --git a/ui/src/layout/components/sidebar/index.vue b/ui/src/layout/components/sidebar/index.vue
index a74d8bd2e..54e5c5947 100644
--- a/ui/src/layout/components/sidebar/index.vue
+++ b/ui/src/layout/components/sidebar/index.vue
@@ -12,35 +12,35 @@
           style="display: block; padding: 10px 16px; border-radius: 8px; text-decoration: none; color: #333; font-size: 14px;"
           :style="activeMainMenu === '/application' ? { backgroundColor: '#e6f0ff', color: '#1890ff' } : {}"
         >
-          AI应用
+          {{ menuText.aiApplication }}
         </router-link>
         <router-link
           to="/mindmap"
           style="display: block; padding: 10px 16px; border-radius: 8px; text-decoration: none; color: #333; font-size: 14px;"
           :style="activeMainMenu === '/mindmap' ? { backgroundColor: '#e6f0ff', color: '#1890ff' } : {}"
         >
-          思维导图
+          {{ menuText.mindmap }}
         </router-link>
         <router-link
           to="/knowledge"
           style="display: block; padding: 10px 16px; border-radius: 8px; text-decoration: none; color: #333; font-size: 14px;"
           :style="activeMainMenu === '/knowledge' ? { backgroundColor: '#e6f0ff', color: '#1890ff' } : {}"
         >
-          知识库
+          {{ menuText.knowledge }}
         </router-link>
         <router-link
           to="/tool"
           style="display: block; padding: 10px 16px; border-radius: 8px; text-decoration: none; color: #333; font-size: 14px;"
           :style="activeMainMenu === '/tool' ? { backgroundColor: '#e6f0ff', color: '#1890ff' } : {}"
         >
-          工具管理
+          {{ menuText.toolManagement }}
         </router-link>
         <router-link
           to="/model"
           style="display: block; padding: 10px 16px; border-radius: 8px; text-decoration: none; color: #333; font-size: 14px;"
           :style="activeMainMenu === '/model' ? { backgroundColor: '#e6f0ff', color: '#1890ff' } : {}"
         >
-          模型管理
+          {{ menuText.modelManagement }}
         </router-link>
       </div>
 
@@ -50,7 +50,7 @@
           style="display: block; padding: 10px 16px; border-radius: 8px; text-decoration: none; color: #333; font-size: 14px;"
           :style="activeSystemMenu === '/system/user' ? { backgroundColor: '#e6f0ff', color: '#1890ff' } : {}"
         >
-          用户管理
+          {{ menuText.userManagement }}
         </router-link>
 
         <div>
@@ -59,7 +59,7 @@
             :style="activeSystemMenu.startsWith('/system/authorization') ? { backgroundColor: '#e6f0ff', color: '#1890ff' } : {}"
             @click="toggleResourceAuth"
           >
-            <span>资源授权</span>
+            <span>{{ menuText.resourceAuthorization }}</span>
             <span>{{ resourceAuthExpanded ? '▾' : '▸' }}</span>
           </div>
           <div
@@ -71,28 +71,28 @@
               style="display: block; padding: 8px 16px; border-radius: 8px; text-decoration: none; color: #666; font-size: 13px;"
               :style="activeSystemMenu === '/system/authorization/application' ? { backgroundColor: '#e6f0ff', color: '#1890ff' } : {}"
             >
-              AI应用
+              {{ menuText.aiApplication }}
             </router-link>
             <router-link
               to="/system/authorization/knowledge"
               style="display: block; padding: 8px 16px; border-radius: 8px; text-decoration: none; color: #666; font-size: 13px;"
               :style="activeSystemMenu === '/system/authorization/knowledge' ? { backgroundColor: '#e6f0ff', color: '#1890ff' } : {}"
             >
-              知识库
+              {{ menuText.knowledge }}
             </router-link>
             <router-link
               to="/system/authorization/tool"
               style="display: block; padding: 8px 16px; border-radius: 8px; text-decoration: none; color: #666; font-size: 13px;"
               :style="activeSystemMenu === '/system/authorization/tool' ? { backgroundColor: '#e6f0ff', color: '#1890ff' } : {}"
             >
-              工具管理
+              {{ menuText.toolManagement }}
             </router-link>
             <router-link
               to="/system/authorization/model"
               style="display: block; padding: 8px 16px; border-radius: 8px; text-decoration: none; color: #666; font-size: 13px;"
               :style="activeSystemMenu === '/system/authorization/model' ? { backgroundColor: '#e6f0ff', color: '#1890ff' } : {}"
             >
-              模型管理
+              {{ menuText.modelManagement }}
             </router-link>
           </div>
         </div>
@@ -103,7 +103,7 @@
             :style="activeSystemMenu.startsWith('/system/email') ? { backgroundColor: '#e6f0ff', color: '#1890ff' } : {}"
             @click="toggleSystemSettings"
           >
-            <span>系统设置</span>
+            <span>{{ menuText.systemSettings }}</span>
             <span>{{ systemSettingsExpanded ? '▾' : '▸' }}</span>
           </div>
           <div
@@ -115,7 +115,7 @@
               style="display: block; padding: 8px 16px; border-radius: 8px; text-decoration: none; color: #666; font-size: 13px;"
               :style="activeSystemMenu === '/system/email' ? { backgroundColor: '#e6f0ff', color: '#1890ff' } : {}"
             >
-              邮件设置
+              {{ menuText.emailSettings }}
             </router-link>
           </div>
         </div>
@@ -131,9 +131,51 @@
 <script setup lang="ts">
 import { computed, onMounted, ref } from 'vue'
 import { useRoute } from 'vue-router'
+import { useI18n } from 'vue-i18n'
 import UserAvatar from '@/layout/layout-header/avatar/index.vue'
 
 const route = useRoute()
+const { locale } = useI18n({ useScope: 'global' })
+
+const menuText = computed(() => {
+  if (locale.value === 'en-US') {
+    return {
+      aiApplication: 'AI Applications',
+      mindmap: 'Mind Map',
+      knowledge: 'Knowledge Base',
+      toolManagement: 'Tool Management',
+      modelManagement: 'Model Management',
+      userManagement: 'User Management',
+      resourceAuthorization: 'Resource Authorization',
+      systemSettings: 'System Settings',
+      emailSettings: 'Email Settings',
+    }
+  }
+  if (locale.value === 'zh-Hant') {
+    return {
+      aiApplication: 'AI應用',
+      mindmap: '思維導圖',
+      knowledge: '知識庫',
+      toolManagement: '工具管理',
+      modelManagement: '模型管理',
+      userManagement: '用戶管理',
+      resourceAuthorization: '資源授權',
+      systemSettings: '系統設定',
+      emailSettings: '郵件設定',
+    }
+  }
+  return {
+    aiApplication: 'AI应用',
+    mindmap: '思维导图',
+    knowledge: '知识库',
+    toolManagement: '工具管理',
+    modelManagement: '模型管理',
+    userManagement: '用户管理',
+    resourceAuthorization: '资源授权',
+    systemSettings: '系统设置',
+    emailSettings: '邮件设置',
+  }
+})
 
 const isSystemManagement = computed(() => {
   const path = route.path
diff --git a/ui/src/layout/layout-header/SystemHeader.vue b/ui/src/layout/layout-header/SystemHeader.vue
index 9c100edae..1bfd5a0a4 100644
--- a/ui/src/layout/layout-header/SystemHeader.vue
+++ b/ui/src/layout/layout-header/SystemHeader.vue
@@ -9,7 +9,7 @@
       <div class="header-right">
         <router-link v-if="isSystemManagement" to="/application" class="back-link">
           <span class="back-icon">&larr;</span>
-          返回工作空间
+          {{menuText.back}}
         </router-link>
       </div>
     </div>
@@ -19,7 +19,25 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import { useRoute } from 'vue-router'
+import { useI18n } from 'vue-i18n'
 import ChinaMobileIcon from '@/components/china-mobile-icon/index.vue'
+const { locale } = useI18n({ useScope: 'global' })
+const menuText = computed(() => {
+  if (locale.value === 'en-US') {
+    return {
+      back: 'Return to workspace',
+    }
+  }
+  if (locale.value === 'zh-Hant') {
+    return {
+      back: '返回工作空間',
+    }
+  }
+  return {
+    back: '返回工作空间',
+  }
+})
+
 
 const route = useRoute()
 
diff --git a/ui/src/locales/lang/en-US/views/application.ts b/ui/src/locales/lang/en-US/views/application.ts
index 02272d828..8819e306e 100644
--- a/ui/src/locales/lang/en-US/views/application.ts
+++ b/ui/src/locales/lang/en-US/views/application.ts
@@ -1,5 +1,5 @@
 export default {
-  title: 'APP',
+  title: 'AI Applications',
   createApplication: 'Create Simple APP',
   createWorkFlowApplication: 'Create Workflow APP',
   importApplication: 'Import APP',
diff --git a/ui/src/locales/lang/en-US/views/tool.ts b/ui/src/locales/lang/en-US/views/tool.ts
index ac948bd94..e83fdd85f 100644
--- a/ui/src/locales/lang/en-US/views/tool.ts
+++ b/ui/src/locales/lang/en-US/views/tool.ts
@@ -1,5 +1,5 @@
 export default {
-  title: 'Tool',
+  title: 'Tool Management',
   all: 'All',
   createTool: 'Create Tool',
   editTool: 'Edit Tool',
diff --git a/ui/src/locales/lang/zh-CN/views/application.ts b/ui/src/locales/lang/zh-CN/views/application.ts
index 6594d9afb..5e864eff7 100644
--- a/ui/src/locales/lang/zh-CN/views/application.ts
+++ b/ui/src/locales/lang/zh-CN/views/application.ts
@@ -1,7 +1,7 @@
 import tool from '@/api/tool/tool'
 
 export default {
-  title: '应用',
+  title: 'AI应用',
   createApplication: '创建简易应用',
   createWorkFlowApplication: '创建高级编排应用',
   importApplication: '导入应用',
diff --git a/ui/src/locales/lang/zh-CN/views/tool.ts b/ui/src/locales/lang/zh-CN/views/tool.ts
index ed8763fe0..88a6bd3e6 100644
--- a/ui/src/locales/lang/zh-CN/views/tool.ts
+++ b/ui/src/locales/lang/zh-CN/views/tool.ts
@@ -1,5 +1,5 @@
 export default {
-  title: '工具',
+  title: '工具管理',
   all: '全部',
   createTool: '创建工具',
   editTool: '编辑工具',
diff --git a/ui/src/locales/lang/zh-Hant/views/application.ts b/ui/src/locales/lang/zh-Hant/views/application.ts
index b4b64568a..be5c99f38 100644
--- a/ui/src/locales/lang/zh-Hant/views/application.ts
+++ b/ui/src/locales/lang/zh-Hant/views/application.ts
@@ -1,5 +1,5 @@
 export default {
-  title: '應用',
+  title: 'AI應用',
   createApplication: '建立簡易應用',
   createWorkFlowApplication: '建立進階編排應用',
   importApplication: '匯入應用',
diff --git a/ui/src/locales/lang/zh-Hant/views/tool.ts b/ui/src/locales/lang/zh-Hant/views/tool.ts
index 09eaca8d7..848c28ba8 100644
--- a/ui/src/locales/lang/zh-Hant/views/tool.ts
+++ b/ui/src/locales/lang/zh-Hant/views/tool.ts
@@ -1,5 +1,5 @@
 export default {
-  title: '工具',
+  title: '工具管理',
   all: '全部',
   createTool: '建立工具',
   editTool: '編輯工具',