fix(System Management): The left menu bar-logo information is incorrect

This commit is contained in:
dataeaseShu
2025-09-22 15:46:36 +08:00
committed by dataeaseShu
parent 04d463886c
commit 2c980d1770
3 changed files with 66 additions and 35 deletions
+64 -35
View File
@@ -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;
+1
View File
@@ -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",
+1
View File
@@ -7,6 +7,7 @@
"AI Model Configuration": "模型配置"
},
"training": {
"system_anagement": "系统管理",
"data_training": "SQL 示例库",
"problem_description": "问题描述",
"sample_sql": "示例 SQL",