From 07fa47f55a855434d34a64f69aa9890f1106b7d3 Mon Sep 17 00:00:00 2001
From: dataeaseShu <tong.shu@fit2cloud.com>
Date: Mon, 22 Sep 2025 15:45:25 +0800
Subject: [PATCH] fix(System Management): The left menu bar-logo information is
 incorrect

---
 frontend/src/components/layout/LayoutDsl.vue | 99 +++++++++++++-------
 frontend/src/i18n/en.json                    |  1 +
 frontend/src/i18n/zh-CN.json                 |  1 +
 3 files changed, 66 insertions(+), 35 deletions(-)

diff --git a/frontend/src/components/layout/LayoutDsl.vue b/frontend/src/components/layout/LayoutDsl.vue
index 9a0fe5f98..ae902b7d8 100644
--- a/frontend/src/components/layout/LayoutDsl.vue
+++ b/frontend/src/components/layout/LayoutDsl.vue
@@ -55,43 +55,60 @@ const showSysmenu = computed(() => {
 <template>
   <div class="system-layout">
     <div class="left-side" :class="collapse && 'left-side-collapse'">
-      <template v-if="appearanceStore.isBlue">
-        <img
-          v-if="collapse"
-          width="30"
-          height="30"
-          :src="logo_fold_blue"
-          style="margin: 0 0 6px 5px; cursor: pointer"
-          @click="toChatIndex"
-        />
-        <img
-          v-else
-          width="130"
-          height="31"
-          :src="logo_blue"
-          style="margin-bottom: 6px; cursor: pointer"
-          @click="toChatIndex"
-        />
-      </template>
-      <template v-else-if="appearanceStore.themeColor === 'custom'">
-        <custom_small
-          v-if="collapse"
-          style="margin: 0 0 6px 5px; cursor: pointer"
-          @click="toChatIndex"
-        ></custom_small>
-        <LOGOCustom
-          v-else
-          style="margin-bottom: 6px; cursor: pointer"
-          @click="toChatIndex"
-        ></LOGOCustom>
+      <template v-if="showSysmenu">
+        <div @click="toChatIndex" class="sys-management">
+          <custom_small
+            v-if="appearanceStore.themeColor !== 'default'"
+            :style="{ marginLeft: collapse ? '5px' : 0 }"
+            :class="!collapse && 'collapse-icon'"
+          ></custom_small>
+          <LOGO_fold
+            v-else
+            :style="{ marginLeft: collapse ? '5px' : 0 }"
+            :class="!collapse && 'collapse-icon'"
+          ></LOGO_fold>
+          <span v-if="!collapse">{{ $t('training.system_anagement') }}</span>
+        </div>
       </template>
       <template v-else>
-        <LOGO_fold
-          v-if="collapse"
-          style="margin: 0 0 6px 5px; cursor: pointer"
-          @click="toChatIndex"
-        ></LOGO_fold>
-        <LOGO v-else style="margin-bottom: 6px; cursor: pointer" @click="toChatIndex"></LOGO>
+        <template v-if="appearanceStore.isBlue">
+          <img
+            v-if="collapse"
+            width="30"
+            height="30"
+            :src="logo_fold_blue"
+            style="margin: 0 0 6px 5px; cursor: pointer"
+            @click="toChatIndex"
+          />
+          <img
+            v-else
+            width="130"
+            height="31"
+            :src="logo_blue"
+            style="margin-bottom: 6px; cursor: pointer"
+            @click="toChatIndex"
+          />
+        </template>
+        <template v-else-if="appearanceStore.themeColor === 'custom'">
+          <custom_small
+            v-if="collapse"
+            style="margin: 0 0 6px 5px; cursor: pointer"
+            @click="toChatIndex"
+          ></custom_small>
+          <LOGOCustom
+            v-else
+            style="margin-bottom: 6px; cursor: pointer"
+            @click="toChatIndex"
+          ></LOGOCustom>
+        </template>
+        <template v-else>
+          <LOGO_fold
+            v-if="collapse"
+            style="margin: 0 0 6px 5px; cursor: pointer"
+            @click="toChatIndex"
+          ></LOGO_fold>
+          <LOGO v-else style="margin-bottom: 6px; cursor: pointer" @click="toChatIndex"></LOGO>
+        </template>
       </template>
       <Workspace v-if="!showSysmenu" :collapse="collapse"></Workspace>
       <Menu :collapse="collapseCopy"></Menu>
@@ -147,6 +164,18 @@ const showSysmenu = computed(() => {
     position: relative;
     min-width: 240px;
 
+    .sys-management {
+      display: flex;
+      align-items: center;
+      font-weight: 500;
+      font-size: 16px;
+      cursor: pointer;
+      margin-bottom: 12px;
+      .collapse-icon {
+        margin-right: 8px;
+      }
+    }
+
     .bottom {
       position: absolute;
       bottom: 20px;
diff --git a/frontend/src/i18n/en.json b/frontend/src/i18n/en.json
index f275a41be..7112845b5 100644
--- a/frontend/src/i18n/en.json
+++ b/frontend/src/i18n/en.json
@@ -7,6 +7,7 @@
     "AI Model Configuration": "AI Model Configuration"
   },
   "training": {
+    "system_anagement": "System Management",
     "data_training": "SQL Sample Lib",
     "problem_description": "Problem Description",
     "sample_sql": "Sample SQL",
diff --git a/frontend/src/i18n/zh-CN.json b/frontend/src/i18n/zh-CN.json
index fe77c1d48..3e5375a7f 100644
--- a/frontend/src/i18n/zh-CN.json
+++ b/frontend/src/i18n/zh-CN.json
@@ -7,6 +7,7 @@
     "AI Model Configuration": "模型配置"
   },
   "training": {
+    "system_anagement": "系统管理",
     "data_training": "SQL 示例库",
     "problem_description": "问题描述",
     "sample_sql": "示例 SQL",