| | |
| | | <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="logoUrl" :src="logoUrl" class="sidebar-logo" @error="handleImageError" alt="公司Logo" />-->
|
| | | <img v-if="collapseLogoUrl" :src="collapseLogoUrl" class="sidebar-logo" @error="handleImageError" alt="公司Logo" />
|
| | | <h1 class="sidebar-title">{{ title }}</h1>
|
| | | </router-link>
|
| | | <router-link v-else key="expand" class="sidebar-logo-link" to="/">
|
| | | <!-- <img v-if="logoUrl" :src="logoUrl" class="sidebar-logo" @error="handleImageError" alt="公司Logo" />-->
|
| | | <img v-if="logoUrl" :src="logoUrl" class="sidebar-logo" @error="handleImageError" alt="公司Logo" />
|
| | | <h1 class="sidebar-title">{{ title }}</h1>
|
| | | </router-link>
|
| | | </transition>
|
| | |
| | | <script setup>
|
| | | import { ref, computed, onMounted, watch } from 'vue'
|
| | | import useUserStore from '@/store/modules/user'
|
| | | import defaultLogo from '@/assets/logo/logo.png' // 导入默认logo
|
| | | import defaultLogo from '@/assets/logo/1773911812157.png' // 导入默认logo
|
| | | import collaborativeApprovalLogo from '@/assets/logo/YGYS.png' // 导入协作审批logo
|
| | |
|
| | | defineProps({
|
| | | collapse: {
|
| | |
| | |
|
| | | // 动态logo路径
|
| | | const logoUrl = ref('')
|
| | | const collapseLogoUrl = ref('')
|
| | |
|
| | | // 检查logo是否存在并设置url
|
| | | const updateLogoUrl = () => {
|
| | | if (!cleanFactoryName.value) {
|
| | | logoUrl.value = defaultLogo
|
| | | collapseLogoUrl.value = collaborativeApprovalLogo
|
| | | return
|
| | | }
|
| | |
|
| | |
| | |
|
| | | if (dynamicLogo[logoPath]) {
|
| | | logoUrl.value = dynamicLogo[logoPath].default
|
| | | collapseLogoUrl.value = collaborativeApprovalLogo
|
| | | } else {
|
| | | logoUrl.value = defaultLogo
|
| | | collapseLogoUrl.value = collaborativeApprovalLogo
|
| | | }
|
| | | } catch (error) {
|
| | | console.error('加载工厂Logo失败:', error)
|
| | | logoUrl.value = defaultLogo
|
| | | collapseLogoUrl.value = collaborativeApprovalLogo
|
| | | }
|
| | | }
|
| | |
|