<template>
    <div class="header-right">

        <!-- 搜索组件 -->
        <HeaderSearch />
        <!-- 信息通知组件 -->
        <MessageNotify />
        <!-- 登录人信息 -->
        <NewUserDropDown></NewUserDropDown>
    </div>
</template>

<script setup lang="ts">
import HeaderSearch from './Search.vue'
import MessageNotify from '../MessageNotify/index.vue'
import headPng from '@/assets/img/head.jpg'
import { useUserStore } from "@/framework/store/modules/user";
import { useSettingsStore } from "@/framework/store/modules/settings";
import NewUserDropDown from "@/framework/layoutpublic/NewUserDropDown/index.vue"
 const settingsStore = useSettingsStore()
const userStore = useUserStore()

let headAddress = headPng

 if(''!=settingsStore.headAddress){
    headAddress=settingsStore.headAddress
 }

const logout = () =>{
    userStore.logout()
}

</script>

<style lang="scss" scoped>
.header-right {
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
    .name {
        cursor: pointer;
        color: #fff;
        display: flex;
        align-items: center;
    }
}</style>