|
|
@@ -1,29 +1,13 @@
|
|
|
<template>
|
|
|
- <Header :class="getHeaderClass">
|
|
|
+ <LHeader :class="getHeaderClass">
|
|
|
<!-- left start -->
|
|
|
<div :class="`${prefixCls}-left`">
|
|
|
<!-- logo -->
|
|
|
- <AppLogo v-if="getShowHeaderLogo || getIsMobile" :class="`${prefixCls}-logo`" :theme="getHeaderTheme" :style="getLogoWidth" />
|
|
|
- <LayoutTrigger
|
|
|
- v-if="(getShowContent && getShowHeaderTrigger && !getSplit && !getIsMixSidebar) || getIsMobile"
|
|
|
- :theme="getHeaderTheme"
|
|
|
- :sider="false"
|
|
|
- />
|
|
|
- <LayoutBreadcrumb v-if="getShowContent && getShowBread" :theme="getHeaderTheme" />
|
|
|
- <!-- 欢迎语 -->
|
|
|
- <span
|
|
|
- v-if="getShowContent && getShowBreadTitle && !getIsMobile"
|
|
|
- :class="[prefixCls, `${prefixCls}--${getHeaderTheme}`, 'headerIntroductionClass']"
|
|
|
- >
|
|
|
- {{ t('layout.header.welcomeIn') }} {{ title }}
|
|
|
- </span>
|
|
|
+ <AppLogo v-if="getShowHeaderLogo" :class="`${prefixCls}-logo`" :theme="getHeaderTheme" :style="getLogoWidth" showTitle />
|
|
|
</div>
|
|
|
<!-- left end -->
|
|
|
|
|
|
<!-- menu start -->
|
|
|
- <div :class="`${prefixCls}-menu`" v-if="getShowTopMenu && !getIsMobile">
|
|
|
- <LayoutMenu :isHorizontal="true" :theme="getHeaderTheme" :splitType="getSplitType" :menuMode="getMenuMode" />
|
|
|
- </div>
|
|
|
<!-- menu-end -->
|
|
|
|
|
|
<!-- action -->
|
|
|
@@ -44,7 +28,7 @@
|
|
|
|
|
|
<SettingDrawer v-if="getShowSetting" :class="`${prefixCls}-action__item`" />
|
|
|
</div>
|
|
|
- </Header>
|
|
|
+ </LHeader>
|
|
|
<LoginSelect ref="loginSelectRef" @success="loginSelectOk"></LoginSelect>
|
|
|
</template>
|
|
|
<script lang="ts">
|
|
|
@@ -54,8 +38,8 @@
|
|
|
|
|
|
import { Layout } from 'ant-design-vue';
|
|
|
import { AppLogo } from '/@/components/Application';
|
|
|
- import LayoutMenu from '../menu/index.vue';
|
|
|
- import LayoutTrigger from '../trigger/index.vue';
|
|
|
+ // import LayoutMenu from '../menu/index.vue';
|
|
|
+ // import LayoutTrigger from '../trigger/index.vue';
|
|
|
|
|
|
import { AppSearch } from '/@/components/Application';
|
|
|
|
|
|
@@ -63,12 +47,12 @@
|
|
|
import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
|
|
|
import { useRootSetting } from '/@/hooks/setting/useRootSetting';
|
|
|
|
|
|
- import { MenuModeEnum, MenuSplitTyeEnum } from '/@/enums/menuEnum';
|
|
|
+ // import { MenuModeEnum, MenuSplitTyeEnum } from '/@/enums/menuEnum';
|
|
|
import { SettingButtonPositionEnum } from '/@/enums/appEnum';
|
|
|
import { AppLocalePicker } from '/@/components/Application';
|
|
|
|
|
|
- import { UserDropDown, LayoutBreadcrumb, FullScreen, Notify, ErrorAction, LockScreen } from './components';
|
|
|
- import { useAppInject } from '/@/hooks/web/useAppInject';
|
|
|
+ import { UserDropDown, FullScreen, Notify, ErrorAction, LockScreen } from './components';
|
|
|
+ // import { useAppInject } from '/@/hooks/web/useAppInject';
|
|
|
import { useDesign } from '/@/hooks/web/useDesign';
|
|
|
|
|
|
import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
|
|
|
@@ -82,11 +66,8 @@
|
|
|
export default defineComponent({
|
|
|
name: 'LayoutHeader',
|
|
|
components: {
|
|
|
- Header: Layout.Header,
|
|
|
+ LHeader: Layout.Header,
|
|
|
AppLogo,
|
|
|
- LayoutTrigger,
|
|
|
- LayoutBreadcrumb,
|
|
|
- LayoutMenu,
|
|
|
UserDropDown,
|
|
|
AppLocalePicker,
|
|
|
FullScreen,
|
|
|
@@ -105,26 +86,16 @@
|
|
|
setup(props) {
|
|
|
const { prefixCls } = useDesign('layout-header');
|
|
|
const userStore = useUserStore();
|
|
|
- const { getShowTopMenu, getShowHeaderTrigger, getSplit, getIsMixMode, getMenuWidth, getIsMixSidebar } = useMenuSetting();
|
|
|
+ const { getSplit, getIsMixMode, getMenuWidth } = useMenuSetting();
|
|
|
const { getUseErrorHandle, getShowSettingButton, getSettingButtonPosition } = useRootSetting();
|
|
|
const { title } = useGlobSetting();
|
|
|
|
|
|
- const {
|
|
|
- getHeaderTheme,
|
|
|
- getShowFullScreen,
|
|
|
- getShowNotice,
|
|
|
- getShowContent,
|
|
|
- getShowBread,
|
|
|
- getShowHeaderLogo,
|
|
|
- getShowHeader,
|
|
|
- getShowSearch,
|
|
|
- getUseLockPage,
|
|
|
- getShowBreadTitle,
|
|
|
- } = useHeaderSetting();
|
|
|
+ const { getHeaderTheme, getShowFullScreen, getShowNotice, getShowHeaderLogo, getShowHeader, getShowSearch, getUseLockPage } =
|
|
|
+ useHeaderSetting();
|
|
|
|
|
|
const { getShowLocalePicker } = useLocale();
|
|
|
|
|
|
- const { getIsMobile } = useAppInject();
|
|
|
+ // const { getIsMobile } = useAppInject();
|
|
|
|
|
|
const getHeaderClass = computed(() => {
|
|
|
const theme = unref(getHeaderTheme);
|
|
|
@@ -132,7 +103,6 @@
|
|
|
prefixCls,
|
|
|
{
|
|
|
[`${prefixCls}--fixed`]: props.fixed,
|
|
|
- [`${prefixCls}--mobile`]: unref(getIsMobile),
|
|
|
[`${prefixCls}--${theme}`]: theme,
|
|
|
},
|
|
|
];
|
|
|
@@ -151,20 +121,20 @@
|
|
|
});
|
|
|
|
|
|
const getLogoWidth = computed(() => {
|
|
|
- if (!unref(getIsMixMode) || unref(getIsMobile)) {
|
|
|
+ if (!unref(getIsMixMode)) {
|
|
|
return {};
|
|
|
}
|
|
|
const width = unref(getMenuWidth) < 180 ? 180 : unref(getMenuWidth);
|
|
|
return { width: `${width}px` };
|
|
|
});
|
|
|
|
|
|
- const getSplitType = computed(() => {
|
|
|
- return unref(getSplit) ? MenuSplitTyeEnum.TOP : MenuSplitTyeEnum.NONE;
|
|
|
- });
|
|
|
+ // const getSplitType = computed(() => {
|
|
|
+ // return unref(getSplit) ? MenuSplitTyeEnum.TOP : MenuSplitTyeEnum.NONE;
|
|
|
+ // });
|
|
|
|
|
|
- const getMenuMode = computed(() => {
|
|
|
- return unref(getSplit) ? MenuModeEnum.HORIZONTAL : null;
|
|
|
- });
|
|
|
+ // const getMenuMode = computed(() => {
|
|
|
+ // return unref(getSplit) ? MenuModeEnum.HORIZONTAL : null;
|
|
|
+ // });
|
|
|
|
|
|
/**
|
|
|
* 首页多租户部门弹窗逻辑
|
|
|
@@ -192,21 +162,12 @@
|
|
|
getHeaderClass,
|
|
|
getShowHeaderLogo,
|
|
|
getHeaderTheme,
|
|
|
- getShowHeaderTrigger,
|
|
|
- getIsMobile,
|
|
|
- getShowBreadTitle,
|
|
|
- getShowBread,
|
|
|
- getShowContent,
|
|
|
- getSplitType,
|
|
|
getSplit,
|
|
|
- getMenuMode,
|
|
|
- getShowTopMenu,
|
|
|
getShowLocalePicker,
|
|
|
getShowFullScreen,
|
|
|
getShowNotice,
|
|
|
getUseErrorHandle,
|
|
|
getLogoWidth,
|
|
|
- getIsMixSidebar,
|
|
|
getShowSettingButton,
|
|
|
getShowSetting,
|
|
|
getShowSearch,
|