|
@ -9,6 +9,9 @@ |
|
|
style="width: 192px; height: 48px; object-fit: contain" /> |
|
|
style="width: 192px; height: 48px; object-fit: contain" /> |
|
|
<ns-icon v-else name="headerLogin" class="headerLogin" style="width: auto; height: 48px" /> |
|
|
<ns-icon v-else name="headerLogin" class="headerLogin" style="width: auto; height: 48px" /> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
<div> |
|
|
|
|
|
<component :is="headerSlot.component" v-bind="headerSlot.componentProps" /> |
|
|
|
|
|
</div> |
|
|
<div class="header-menu"> |
|
|
<div class="header-menu"> |
|
|
<a-menu style="width: 100%" mode="horizontal" :selectedKeys="initHeaderKey"> |
|
|
<a-menu style="width: 100%" mode="horizontal" :selectedKeys="initHeaderKey"> |
|
|
<a-menu-item v-for="item in menuList" :key="item.name"> |
|
|
<a-menu-item v-for="item in menuList" :key="item.name"> |
|
@ -157,6 +160,7 @@ |
|
|
import { SettingOutlined, CheckOutlined } from '@ant-design/icons-vue'; |
|
|
import { SettingOutlined, CheckOutlined } from '@ant-design/icons-vue'; |
|
|
import { messagecount } from '/nerv-lib/saas/store/modules/messagecount'; |
|
|
import { messagecount } from '/nerv-lib/saas/store/modules/messagecount'; |
|
|
import { storeToRefs } from 'pinia'; |
|
|
import { storeToRefs } from 'pinia'; |
|
|
|
|
|
// import { appConfig } from '/@/config/app.config.ts'; |
|
|
export default defineComponent({ |
|
|
export default defineComponent({ |
|
|
name: 'NsHeader', |
|
|
name: 'NsHeader', |
|
|
components: { |
|
|
components: { |
|
@ -170,7 +174,12 @@ |
|
|
}, |
|
|
}, |
|
|
setup: (props: any) => { |
|
|
setup: (props: any) => { |
|
|
const configStore = appConfigStore(); |
|
|
const configStore = appConfigStore(); |
|
|
|
|
|
|
|
|
const { getThemeConfig: themeConfig } = storeToRefs(configStore); |
|
|
const { getThemeConfig: themeConfig } = storeToRefs(configStore); |
|
|
|
|
|
console.log(configStore.headerSlotConfig); |
|
|
|
|
|
const headerSlot = computed(() => { |
|
|
|
|
|
return configStore.headerSlotConfig; |
|
|
|
|
|
}); |
|
|
const { getHeaderBellInfo: headerBellInfo } = storeToRefs(configStore); |
|
|
const { getHeaderBellInfo: headerBellInfo } = storeToRefs(configStore); |
|
|
const messagecountStore = messagecount(); |
|
|
const messagecountStore = messagecount(); |
|
|
const bellInfo = ref(); |
|
|
const bellInfo = ref(); |
|
@ -377,6 +386,7 @@ |
|
|
dropOut, |
|
|
dropOut, |
|
|
getOPMenu, |
|
|
getOPMenu, |
|
|
configStore, |
|
|
configStore, |
|
|
|
|
|
headerSlot, |
|
|
}; |
|
|
}; |
|
|
}, |
|
|
}, |
|
|
beforeUnmount() { |
|
|
beforeUnmount() { |
|
@ -437,7 +447,7 @@ |
|
|
padding: 0; |
|
|
padding: 0; |
|
|
position: fixed; |
|
|
position: fixed; |
|
|
top: 0; |
|
|
top: 0; |
|
|
z-index: 505; |
|
|
z-index: 5; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
background-image: url(/asset/image/header.png); |
|
|
background-image: url(/asset/image/header.png); |
|
|
background-size: 100% 100%; |
|
|
background-size: 100% 100%; |
|
|