From 9575d22be43b47ca4ccc31b68fe449f0772de79f Mon Sep 17 00:00:00 2001
From: BBIT-Kai <2911862937@qq.com>
Date: Wed, 29 Apr 2026 17:08:17 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/src/config/env.ts            |  1 +
 web/src/env.d.ts                 |  1 +
 web/src/layouts/MainLayout.vue   | 11 ++++++++++-
 web/src/views/auth/LoginView.vue |  4 +++-
 4 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/web/src/config/env.ts b/web/src/config/env.ts
index 95a8196..bb64806 100644
--- a/web/src/config/env.ts
+++ b/web/src/config/env.ts
@@ -5,5 +5,6 @@ function normalizeUrl(url: string | undefined, fallback: string) {
 
 export const appEnv = {
   appTitle: normalizeUrl(import.meta.env.VITE_APP_TITLE, '通用管理平台'),
+  appLogo: normalizeUrl(import.meta.env.VITE_APP_LOGO, ''),
   apiBaseUrl: normalizeUrl(import.meta.env.VITE_API_BASE_URL, '/api')
 }
diff --git a/web/src/env.d.ts b/web/src/env.d.ts
index f0b2f80..dadde31 100644
--- a/web/src/env.d.ts
+++ b/web/src/env.d.ts
@@ -2,6 +2,7 @@
 
 interface ImportMetaEnv {
   readonly VITE_APP_TITLE: string
+  readonly VITE_APP_LOGO?: string
   readonly VITE_API_BASE_URL: string
   readonly VITE_API_PROXY_TARGET?: string
 }
diff --git a/web/src/layouts/MainLayout.vue b/web/src/layouts/MainLayout.vue
index 7c42321..3ef18fc 100644
--- a/web/src/layouts/MainLayout.vue
+++ b/web/src/layouts/MainLayout.vue
@@ -15,7 +15,8 @@
       @expand="authStore.layoutCollapsed = false"
     >
       <div class="brand-mark">
-        <span class="brand-dot"></span>
+        <img v-if="appLogo" class="brand-logo" :src="appLogo" alt="" />
+        <span v-else class="brand-dot"></span>
         <span class="brand-name" :title="appTitle">{{ appTitle }}</span>
       </div>
       <div class="menu-wrap">
@@ -107,6 +108,7 @@ const route = useRoute()
 const router = useRouter()
 const authStore = useAuthStore()
 const appTitle = appEnv.appTitle
+const appLogo = appEnv.appLogo
 const isFullscreen = ref(false)
 const SIDER_WIDTH_KEY = 'platform.layout.siderWidth'
 const MIN_SIDER_WIDTH = 200
@@ -309,6 +311,13 @@ async function handleLogout() {
   box-shadow: 0 10px 22px rgba(37, 99, 235, 0.18);
 }
 
+.brand-logo {
+  width: 28px;
+  height: 28px;
+  flex: 0 0 auto;
+  object-fit: contain;
+}
+
 .brand-name {
   color: #111827;
   font-size: 15px;
diff --git a/web/src/views/auth/LoginView.vue b/web/src/views/auth/LoginView.vue
index c50d521..1a166a3 100644
--- a/web/src/views/auth/LoginView.vue
+++ b/web/src/views/auth/LoginView.vue
@@ -4,7 +4,7 @@
     <n-card class="login-card">
       <template #header>
         <div class="text-center">
-          <div class="text-2xl font-semibold text-slate-900">通用管理平台</div>
+          <div class="text-2xl font-semibold text-slate-900">{{ appTitle }}</div>
         </div>
       </template>
 
@@ -34,11 +34,13 @@ import type { FormInst, FormRules } from 'naive-ui'
 import { useMessage } from 'naive-ui'
 import { useRoute, useRouter } from 'vue-router'
 import { useAuthStore } from '@/stores/auth'
+import { appEnv } from '@/config/env'
 
 const router = useRouter()
 const route = useRoute()
 const message = useMessage()
 const authStore = useAuthStore()
+const appTitle = appEnv.appTitle
 
 const loading = ref(false)
 const formRef = ref<FormInst | null>(null)