From eb1bbfb7e6f3a1895b606d1a9a261928ac841f33 Mon Sep 17 00:00:00 2001
From: 曹睿 <360930172@qq.com>
Date: 星期三, 18 六月 2025 17:06:43 +0800
Subject: [PATCH] feat: 添加设备台账页面

---
 src/layout/components/Sidebar/Logo.vue |   84 ++++++++++++++++++++++++++++-------------
 1 files changed, 57 insertions(+), 27 deletions(-)

diff --git a/src/layout/components/Sidebar/Logo.vue b/src/layout/components/Sidebar/Logo.vue
index 751b56e..898085b 100644
--- a/src/layout/components/Sidebar/Logo.vue
+++ b/src/layout/components/Sidebar/Logo.vue
@@ -2,21 +2,21 @@
   <div class="sidebar-logo-container" :class="{ 'collapse': collapse }">
     <transition name="sidebarLogoFade">
       <router-link v-if="collapse" key="collapse" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo" />
+        <img v-if="logoUrl" :src="logoUrl" class="sidebar-logo" @error="handleImageError" alt="鍏徃Logo" />
         <h1 v-else class="sidebar-title">{{ title }}</h1>
       </router-link>
       <router-link v-else key="expand" class="sidebar-logo-link" to="/">
-        <img v-if="logo" :src="logo" class="sidebar-logo" />
-        <h1 class="sidebar-title">{{ title }}</h1>
+        <img v-if="logoUrl" :src="logoUrl" class="sidebar-logo" @error="handleImageError" alt="鍏徃Logo" />
+        <h1 v-else class="sidebar-title">{{ title }}</h1>
       </router-link>
     </transition>
   </div>
 </template>
 
 <script setup>
-import logo from '@/assets/logo/logo.png'
-import useSettingsStore from '@/store/modules/settings'
-import variables from '@/assets/styles/variables.module.scss'
+import { ref, computed, onMounted, watch } from 'vue'
+import useUserStore from '@/store/modules/user'
+import defaultLogo from '@/assets/logo/logo.png' // 瀵煎叆榛樿logo
 
 defineProps({
   collapse: {
@@ -25,25 +25,54 @@
   }
 })
 
-const title = import.meta.env.VITE_APP_TITLE;
-const settingsStore = useSettingsStore();
-const sideTheme = computed(() => settingsStore.sideTheme);
+const title = import.meta.env.VITE_APP_TITLE
+const userStore = useUserStore()
 
-// 鑾峰彇Logo鑳屾櫙鑹�
-const getLogoBackground = computed(() => {
-  if (settingsStore.isDark) {
-    return 'var(--sidebar-bg)';
-  }
-  return sideTheme.value === 'theme-dark' ? variables.menuBg : variables.menuLightBg;
-});
+// 澶勭悊宸ュ巶鍚嶇О锛岀敓鎴愬悎娉曠殑鏂囦欢鍚�
+const cleanFactoryName = computed(() => {
+  if (!userStore.currentFactoryName) return ''
+  return userStore.currentFactoryName.trim()
+})
 
-// 鑾峰彇Logo鏂囧瓧棰滆壊
-const getLogoTextColor = computed(() => {
-  if (settingsStore.isDark) {
-    return 'var(--sidebar-text)';
+// 鍔ㄦ�乴ogo璺緞
+const logoUrl = ref('')
+
+// 妫�鏌ogo鏄惁瀛樺湪骞惰缃畊rl
+const updateLogoUrl = () => {
+  if (!cleanFactoryName.value) {
+    logoUrl.value = defaultLogo
+    return
   }
-  return sideTheme.value === 'theme-dark' ? '#fff' : variables.menuLightText;
-});
+
+  // 浣跨敤Vite鐨勫姩鎬佸鍏�
+  try {
+    const dynamicLogo = import.meta.glob('/src/assets/logo/*.png', { eager: true })
+    const logoPath = `/src/assets/logo/${cleanFactoryName.value}.png`
+
+    if (dynamicLogo[logoPath]) {
+      logoUrl.value = dynamicLogo[logoPath].default
+    } else {
+      logoUrl.value = defaultLogo
+    }
+  } catch (error) {
+    console.error('鍔犺浇宸ュ巶Logo澶辫触:', error)
+    logoUrl.value = defaultLogo
+  }
+}
+
+// 鍒濆鍖栧拰鐩戝惉鍙樺寲
+onMounted(() => {
+  updateLogoUrl()
+
+  // 鐩戝惉宸ュ巶鍚嶇О鍙樺寲
+  watch(() => userStore.currentFactoryName, updateLogoUrl)
+})
+
+// 鍥剧墖鍔犺浇閿欒澶勭悊
+const handleImageError = (event) => {
+  console.warn('Logo鍔犺浇澶辫触锛屼娇鐢ㄩ粯璁ogo')
+  logoUrl.value = defaultLogo
+}
 </script>
 
 <style lang="scss" scoped>
@@ -60,10 +89,10 @@
 
 .sidebar-logo-container {
   position: relative;
-  width: 100%;
-  height: 50px;
+  width: 100% !important;
+  height: 50px !important;
   line-height: 50px;
-  background: v-bind(getLogoBackground);
+  background: #fff;
   text-align: center;
   overflow: hidden;
 
@@ -72,8 +101,9 @@
     width: 100%;
 
     & .sidebar-logo {
-      width: 32px;
-      height: 32px;
+      width: 100%;
+      height: 100%;
+      // height: 32px;
       vertical-align: middle;
       margin-right: 12px;
     }

--
Gitblit v1.9.3