<template>
    <div class="header-left">
        <!-- 系统LOGO -->
        <img :src="logoUrl" alt="logo" class="ab-m-r-50" v-if="settingsStore.showLogo"/>
        <!-- 子系统选择功能-->
        <SubSystemSwitch></SubSystemSwitch>
    </div>
 </template>
 <script setup lang="ts">
 import logoPng from '@/assets/img/logo.png'
 import { useSettingsStore } from "@/framework/store/modules/settings";
 import SubSystemSwitch from "@/framework/layoutpublic/SubSystemSwitch/index.vue"

 const settingsStore = useSettingsStore()


 
 let logoUrl = logoPng
 if(''!=settingsStore.logoAddress){
    logoUrl=settingsStore.logoAddress
 }

 </script>
 
 <style lang="scss" scoped>
 
 .header-left{
    display: flex;
        align-items: center;
        
        font-size: 14px;
        
        .system-menu{
            display: flex;
            align-items: center;
            margin-right: 20px;
            position: relative;
            cursor: pointer;
            .current-menu{
                color: #fff;
                display: flex;
                align-items: center;
            }

            .other-menu{
                width: 480px;
                height: auto;
                color: rgba(255,255,255,0.45);
                padding: 10px;
                display: flex;
                flex-wrap: wrap;
                position: absolute;
                z-index: 100;
                top: 45px;
                .item{
                    width: 115px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    padding: 10px;
                    &:hover{
                        color: #fff;
                    }
                }

                .active{
                    color: #fff;
                }
            }


        }
     
 }


 </style>