panbaolin/SourceTermAnalysisSystem_vue
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

提交本地代码

Browse Source
This commit is contained in:
wangchengming 2025-08-14 19:35:46 +08:00
parent a2bd03031d
commit 48d0a2301f
12 changed files with 477 additions and 374 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
.env
View File

@ -5,7 +5,7 @@ VITE_PORT = 3100
VITE_GLOB_APP_TITLE = JeecgBoot 企业级低代码平台 VITE_GLOB_APP_TITLE = JeecgBoot 企业级低代码平台
# 简称，此变量只能是字符/下划线 # 简称，此变量只能是字符/下划线
VITE_GLOB_APP_SHORT_NAME = JeecgBoot_Pro VITE_GLOB_APP_SHORT_NAME = 放射性源项分析系统
# 单点登录服务端地址 # 单点登录服务端地址
VITE_GLOB_APP_CAS_BASE_URL=http://cas.test.com:8443/cas VITE_GLOB_APP_CAS_BASE_URL=http://cas.test.com:8443/cas

BIN
src/assets/images/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.3 KiB

After

Width:  |  Height:  |  Size: 10 KiB

BIN
src/assets/images/main-bg.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB

BIN
src/assets/images/nav-bg.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 128 KiB

168
src/components/Application/src/AppLogo.vue
View File

@ -11,83 +11,113 @@
</div> </div>
</template> </template>
<script lang="ts" setup> <script lang="ts" setup>
import { computed, unref } from 'vue'; import { computed, unref } from 'vue';
import { useGlobSetting } from '/@/hooks/setting'; import { useGlobSetting } from '/@/hooks/setting';
import { useGo } from '/@/hooks/web/usePage'; import { useGo } from '/@/hooks/web/usePage';
import { useMenuSetting } from '/@/hooks/setting/useMenuSetting'; import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
import { useDesign } from '/@/hooks/web/useDesign'; import { useDesign } from '/@/hooks/web/useDesign';
import { PageEnum } from '/@/enums/pageEnum'; import { PageEnum } from '/@/enums/pageEnum';
import { useUserStore } from '/@/store/modules/user'; import { useUserStore } from '/@/store/modules/user';
const props = defineProps({ const props = defineProps({
/** /**
* The theme of the current parent component * The theme of the current parent component
*/ */
theme: { type: String, validator: (v: string) => ['light', 'dark'].includes(v) }, theme: { type: String, validator: (v: string) => ['light', 'dark'].includes(v) },
/** /**
* Whether to show title * Whether to show title
*/ */
showTitle: { type: Boolean, default: true }, showTitle: { type: Boolean, default: true },
/** /**
* The title is also displayed when the menu is collapsed * The title is also displayed when the menu is collapsed
*/ */
alwaysShowTitle: { type: Boolean }, alwaysShowTitle: { type: Boolean },
}); });
const { prefixCls } = useDesign('app-logo'); const { prefixCls } = useDesign('app-logo');
const { getCollapsedShowTitle } = useMenuSetting(); const { getCollapsedShowTitle } = useMenuSetting();
const userStore = useUserStore(); const userStore = useUserStore();
const { title, shortTitle } = useGlobSetting(); const { title, shortTitle } = useGlobSetting();
console.log('shortTitle', shortTitle)
const go = useGo();
const go = useGo(); const getAppLogoClass = computed(() => [prefixCls, props.theme, { 'collapsed-show-title': unref(getCollapsedShowTitle) }]);
const getAppLogoClass = computed(() => [prefixCls, props.theme, { 'collapsed-show-title': unref(getCollapsedShowTitle) }]); const getTitleClass = computed(() => [
`${prefixCls}__title`,
{
'xs:opacity-0': !props.alwaysShowTitle,
},
]);
const getTitleClass = computed(() => [ function goHome() {
`${prefixCls}__title`, go(userStore.getUserInfo.homePath || PageEnum.BASE_HOME);
{ }
'xs:opacity-0': !props.alwaysShowTitle,
},
]);
function goHome() {
go(userStore.getUserInfo.homePath || PageEnum.BASE_HOME);
}
</script> </script>
<style lang="less" scoped> <style lang="less" scoped>
@prefix-cls: ~'@{namespace}-app-logo'; @prefix-cls: ~'@{namespace}-app-logo';
.@{prefix-cls} { .@{prefix-cls} {
display: flex; display: flex;
align-items: center; align-items: center;
padding-left: 7px; padding-left: 7px;
cursor: pointer; cursor: pointer;
transition: all 0.2s ease; transition: all 0.2s ease;
//左侧菜单模式和左侧菜单混合模式加渐变背景色
&.jeecg-layout-mix-sider-logo,&.jeecg-layout-menu-logo{
background:@sider-logo-bg-color;
}
// &.light {
// border-bottom: 1px solid @border-color-base;
// }
&.collapsed-show-title { //左侧菜单模式和左侧菜单混合模式加渐变背景色
padding-left: 20px; &.jeecg-layout-mix-sider-logo,
} &.jeecg-layout-menu-logo {
background: @sider-logo-bg-color;
&.light &__title {
color: @primary-color;
}
&.dark &__title {
color: @white;
}
&__title {
font-size: 18px;
font-weight: 600;
transition: all 0.5s;
line-height: normal;
}
} }
// &.light {
// border-bottom: 1px solid @border-color-base;
// }
&.collapsed-show-title {
padding-left: 20px;
}
&.light &__title {
color: @primary-color;
}
&.dark &__title {
color: @white;
}
&__title {
font-size: 18px;
font-weight: 600;
transition: all 0.5s;
line-height: normal;
}
}
.jeecg-app-logo__title {
font-family: MicrosoftYaHei-Bold;
font-size: 24px;
font-weight: normal;
font-stretch: normal;
line-height: 43px;
letter-spacing: 2px;
color: #ffffff;
}
.jeecg-layout-header-logo {
height: 74px !important;
min-width: 192px;
padding: 0 10px;
font-size: 14px;
}
.jeecg-layout-header-logo img {
width: 60px;
height: 60px;
margin-right: 2px;
}
.jeecg-layout-header-logo:hover {
background-color: transparent !important;
}
</style> </style>

1
src/components/Icon/data/icons.data.ts
View File

@ -788,4 +788,5 @@ export default [
'ant-design:zhihu-square-filled', 'ant-design:zhihu-square-filled',
'ant-design:zoom-in-outlined', 'ant-design:zoom-in-outlined',
'ant-design:zoom-out-outlined', 'ant-design:zoom-out-outlined',
'ant-design:event-simulation'
]; ];

53
src/components/Menu/src/components/MenuItemContent.vue
View File

@ -1,34 +1,35 @@
<template> <template>
<span :class="`${prefixCls}- flex items-center `"> <div :class="`${prefixCls}- flex items-center `">
<Icon v-if="getIcon" :icon="getIcon" :size="18" :class="`${prefixCls}-wrapper__icon mr-2`" /> <Icon v-if="getIcon" :icon="getIcon" :size="36" :class="`${prefixCls}-wrapper__icon`" />
{{ getI18nName }} {{ getI18nName }}
</span> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
import { computed, defineComponent } from 'vue'; import { computed, defineComponent } from 'vue';
import Icon from '/@/components/Icon/index'; import Icon from '/@/components/Icon/index';
import { useI18n } from '/@/hooks/web/useI18n'; import { useI18n } from '/@/hooks/web/useI18n';
import { useDesign } from '/@/hooks/web/useDesign'; import { useDesign } from '/@/hooks/web/useDesign';
import { contentProps } from '../props'; import { contentProps } from '../props';
const { t } = useI18n(); const { t } = useI18n();
export default defineComponent({ export default defineComponent({
name: 'MenuItemContent', name: 'MenuItemContent',
components: { components: {
Icon, Icon,
}, },
props: contentProps, props: contentProps,
setup(props) { setup(props) {
const { prefixCls } = useDesign('basic-menu-item-content'); const { prefixCls } = useDesign('basic-menu-item-content');
const getI18nName = computed(() => t(props.item?.name)); const getI18nName = computed(() => t(props.item?.name));
const getIcon = computed(() => props.item?.icon); const getIcon = computed(() => props.item?.icon);
return { return {
prefixCls, prefixCls,
getI18nName, getI18nName,
getIcon, getIcon,
}; };
}, },
}); });
</script> </script>

12
src/components/Menu/src/index.less
View File

@ -19,7 +19,8 @@
&.ant-menu-dark { &.ant-menu-dark {
background-color: transparent; background-color: transparent;
// update-begin--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶部菜单模式文字调整 // update-begin--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶部菜单模式文字调整
color: rgba(255 ,255 ,255, 1); color: rgba(255, 255, 255, 1);
// update-end--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶部菜单模式文字调整 // update-end--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶部菜单模式文字调整
.ant-menu-submenu:hover, .ant-menu-submenu:hover,
.ant-menu-item-open, .ant-menu-item-open,
@ -33,6 +34,7 @@
.ant-menu-submenu-title:hover { .ant-menu-submenu-title:hover {
color: #fff; color: #fff;
background-color: @top-menu-active-bg-color !important; background-color: @top-menu-active-bg-color !important;
border: solid 1px rgba(5, 255, 184, 0.46);
} }
.ant-menu-item:hover, .ant-menu-item:hover,
@ -41,6 +43,7 @@
.ant-menu-submenu-active, .ant-menu-submenu-active,
.ant-menu-submenu-title:hover { .ant-menu-submenu-title:hover {
background-color: @top-menu-active-bg-color; background-color: @top-menu-active-bg-color;
border: solid 1px rgba(5, 255, 184, 0.46);
} }
.@{basic-menu-prefix-cls}-item__level1 { .@{basic-menu-prefix-cls}-item__level1 {
@ -48,16 +51,19 @@
&.ant-menu-item-selected, &.ant-menu-item-selected,
&.ant-menu-submenu-selected { &.ant-menu-submenu-selected {
color: #fff;
background-color: @top-menu-active-bg-color !important; background-color: @top-menu-active-bg-color !important;
border: solid 1px rgba(5, 255, 184, 0.46);
} }
} }
.ant-menu-item, .ant-menu-item,
.ant-menu-submenu { .ant-menu-submenu {
&.@{basic-menu-prefix-cls}-item__level1, &.@{basic-menu-prefix-cls}-item__level1,
.ant-menu-submenu-title { .ant-menu-submenu-title {
height: @header-height; height: 74px; //@header-height;
line-height: @header-height; line-height: 74px; //@header-height;
} }
} }
} }

2
src/design/color.less
View File

@ -58,7 +58,7 @@ html {
@header-light-desc-color: #7c8087; @header-light-desc-color: #7c8087;
@header-light-bottom-border-color: #eee; @header-light-bottom-border-color: #eee;
// top-menu // top-menu
@top-menu-active-bg-color: var(--header-active-menu-bg-color); @top-menu-active-bg-color: #2e6663; // var(--header-active-menu-bg-color);
// ================================= // =================================
// ==============Menu============ // ==============Menu============

2
src/design/var/index.less
View File

@ -14,7 +14,7 @@
// headers // headers
// update-begin--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶栏高度 // update-begin--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶栏高度
@header-height: 60px; @header-height: 89px;
// update-end--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶栏高度 // update-end--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶栏高度
// logo width // logo width

107
src/layouts/default/content/index.vue
View File

@ -7,60 +7,67 @@
</div> </div>
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent, onMounted } from 'vue'; import { defineComponent, onMounted } from 'vue';
import PageLayout from '/@/layouts/page/index.vue'; import PageLayout from '/@/layouts/page/index.vue';
import { useDesign } from '/@/hooks/web/useDesign'; import { useDesign } from '/@/hooks/web/useDesign';
import { useRootSetting } from '/@/hooks/setting/useRootSetting'; import { useRootSetting } from '/@/hooks/setting/useRootSetting';
import { useTransitionSetting } from '/@/hooks/setting/useTransitionSetting'; import { useTransitionSetting } from '/@/hooks/setting/useTransitionSetting';
import { useContentViewHeight } from './useContentViewHeight'; import { useContentViewHeight } from './useContentViewHeight';
// import registerApps from '/@/qiankun'; // import registerApps from '/@/qiankun';
import { useGlobSetting } from '/@/hooks/setting'; import { useGlobSetting } from '/@/hooks/setting';
export default defineComponent({ export default defineComponent({
name: 'LayoutContent', name: 'LayoutContent',
components: { PageLayout }, components: { PageLayout },
setup() { setup() {
const { prefixCls } = useDesign('layout-content'); const { prefixCls } = useDesign('layout-content');
const { getOpenPageLoading } = useTransitionSetting(); const { getOpenPageLoading } = useTransitionSetting();
const { getLayoutContentMode, getPageLoading } = useRootSetting(); const { getLayoutContentMode, getPageLoading } = useRootSetting();
const globSetting = useGlobSetting(); const globSetting = useGlobSetting();
const openQianKun = globSetting.openQianKun; const openQianKun = globSetting.openQianKun;
useContentViewHeight(); useContentViewHeight();
onMounted(() => { onMounted(() => {
// //注册openQianKun // //注册openQianKun
// if (openQianKun == 'true') { // if (openQianKun == 'true') {
// if (!window.qiankunStarted) { // if (!window.qiankunStarted) {
// window.qiankunStarted = true; // window.qiankunStarted = true;
// registerApps(); // registerApps();
// } // }
// } // }
}); });
return { return {
prefixCls, prefixCls,
openQianKun, openQianKun,
getOpenPageLoading, getOpenPageLoading,
getLayoutContentMode, getLayoutContentMode,
getPageLoading, getPageLoading,
}; };
}, },
}); });
</script> </script>
<style lang="less"> <style lang="less">
@prefix-cls: ~'@{namespace}-layout-content'; @prefix-cls: ~'@{namespace}-layout-content';
.@{prefix-cls} { .@{prefix-cls} {
position: relative; position: relative;
flex: 1 1 auto; flex: 1 1 auto;
min-height: 0; min-height: 0;
margin-top: -56px;
padding-top: 103px;
margin-left: -1px;
&.fixed { background-image: url(../../../assets/images/main-bg.jpg);
width: 1200px; background-size: 100% 100%;
margin: 0 auto; background-repeat: no-repeat;
}
&-loading { &.fixed {
position: absolute; width: 1200px;
top: 200px; margin: 0 auto;
z-index: @page-loading-z-index;
}
} }
&-loading {
position: absolute;
top: 200px;
z-index: @page-loading-z-index;
}
}
</style> </style>

504
src/layouts/default/header/index.vue
View File

@ -1,260 +1,318 @@
<template> <template>
<Header :class="getHeaderClass"> <Header :class="getHeaderClass">
<!-- left start --> <div class="my-header">
<div :class="`${prefixCls}-left`"> <!-- left start -->
<!-- logo --> <div :class="`${prefixCls}-left`">
<AppLogo v-if="getShowHeaderLogo || getIsMobile" :class="`${prefixCls}-logo`" :theme="getHeaderTheme" :style="getLogoWidth" /> <!-- logo -->
<LayoutTrigger <AppLogo v-if="getShowHeaderLogo || getIsMobile" :class="`${prefixCls}-logo`" :theme="getHeaderTheme"
v-if="(getShowContent && getShowHeaderTrigger && !getSplit && !getIsMixSidebar) || getIsMobile" :style="getLogoWidth" />
:theme="getHeaderTheme" <LayoutTrigger v-if="(getShowContent && getShowHeaderTrigger && !getSplit && !getIsMixSidebar) || getIsMobile"
:sider="false" :theme="getHeaderTheme" :sider="false" />
/> <LayoutBreadcrumb v-if="getShowContent && getShowBread" :theme="getHeaderTheme" />
<LayoutBreadcrumb v-if="getShowContent && getShowBread" :theme="getHeaderTheme" /> <!-- 欢迎语 -->
<!-- 欢迎语 --> <span v-if="getShowContent && getShowBreadTitle && !getIsMobile"
<span v-if="getShowContent && getShowBreadTitle && !getIsMobile" :class="[prefixCls, `${prefixCls}--${getHeaderTheme}`,'headerIntroductionClass']"> {{t('layout.header.welcomeIn')}} {{ title }} </span> :class="[prefixCls, `${prefixCls}--${getHeaderTheme}`, 'headerIntroductionClass']">
</div> {{ t('layout.header.welcomeIn') }} {{ title }} </span>
<!-- left end --> </div>
<!-- left end -->
<!-- menu start --> <!-- menu start -->
<div :class="`${prefixCls}-menu`" v-if="getShowTopMenu && !getIsMobile"> <div :class="`${prefixCls}-menu`" v-if="getShowTopMenu && !getIsMobile">
<LayoutMenu :isHorizontal="true" :theme="getHeaderTheme" :splitType="getSplitType" :menuMode="getMenuMode" /> <LayoutMenu :isHorizontal="true" :theme="getHeaderTheme" :splitType="getSplitType" :menuMode="getMenuMode" />
</div> </div>
<!-- menu-end --> <!-- menu-end -->
<!-- action --> <!-- action -->
<div :class="`${prefixCls}-action`"> <div :class="`${prefixCls}-action`">
<AppSearch :class="`${prefixCls}-action__item `" v-if="getShowSearch" /> <AppSearch :class="`${prefixCls}-action__item `" v-if="getShowSearch" />
<ErrorAction v-if="getUseErrorHandle" :class="`${prefixCls}-action__item error-action`" /> <ErrorAction v-if="getUseErrorHandle" :class="`${prefixCls}-action__item error-action`" />
<Notify v-if="getShowNotice" :class="`${prefixCls}-action__item notify-item`" /> <Notify v-if="getShowNotice" :class="`${prefixCls}-action__item notify-item`" />
<FullScreen v-if="getShowFullScreen" :class="`${prefixCls}-action__item fullscreen-item`" /> <FullScreen v-if="getShowFullScreen" :class="`${prefixCls}-action__item fullscreen-item`" />
<LockScreen v-if="getUseLockPage" /> <LockScreen v-if="getUseLockPage" />
<AppLocalePicker v-if="getShowLocalePicker" :reload="true" :showText="false" :class="`${prefixCls}-action__item`" /> <AppLocalePicker v-if="getShowLocalePicker" :reload="true" :showText="false"
:class="`${prefixCls}-action__item`" />
<UserDropDown :theme="getHeaderTheme" /> <UserDropDown :theme="getHeaderTheme" />
<SettingDrawer v-if="getShowSetting" :class="`${prefixCls}-action__item`" /> <SettingDrawer v-if="getShowSetting" :class="`${prefixCls}-action__item`" />
<!-- ai助手 <!-- ai助手
<Aide></Aide> --> <Aide></Aide> -->
</div>
</div> </div>
</Header> </Header>
<LoginSelect ref="loginSelectRef" @success="loginSelectOk"></LoginSelect> <LoginSelect ref="loginSelectRef" @success="loginSelectOk"></LoginSelect>
</template> </template>
<script lang="ts"> <script lang="ts">
import { defineComponent, unref, computed, ref, onMounted, toRaw } from 'vue'; import { defineComponent, unref, computed, ref, onMounted, toRaw } from 'vue';
import { useGlobSetting } from '/@/hooks/setting'; import { useGlobSetting } from '/@/hooks/setting';
import { propTypes } from '/@/utils/propTypes'; import { propTypes } from '/@/utils/propTypes';
import { Layout } from 'ant-design-vue'; import { Layout } from 'ant-design-vue';
import { AppLogo } from '/@/components/Application'; import { AppLogo } from '/@/components/Application';
import LayoutMenu from '../menu/index.vue'; import LayoutMenu from '../menu/index.vue';
import LayoutTrigger from '../trigger/index.vue'; import LayoutTrigger from '../trigger/index.vue';
import { AppSearch } from '/@/components/Application'; import { AppSearch } from '/@/components/Application';
import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting'; import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
import { useMenuSetting } from '/@/hooks/setting/useMenuSetting'; import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
import { useRootSetting } from '/@/hooks/setting/useRootSetting'; import { useRootSetting } from '/@/hooks/setting/useRootSetting';
import { MenuModeEnum, MenuSplitTyeEnum } from '/@/enums/menuEnum'; import { MenuModeEnum, MenuSplitTyeEnum } from '/@/enums/menuEnum';
import { SettingButtonPositionEnum } from '/@/enums/appEnum'; import { SettingButtonPositionEnum } from '/@/enums/appEnum';
import { AppLocalePicker } from '/@/components/Application'; import { AppLocalePicker } from '/@/components/Application';
import { UserDropDown, LayoutBreadcrumb, FullScreen, Notify, ErrorAction, LockScreen } from './components'; import { UserDropDown, LayoutBreadcrumb, FullScreen, Notify, ErrorAction, LockScreen } from './components';
import { useAppInject } from '/@/hooks/web/useAppInject'; import { useAppInject } from '/@/hooks/web/useAppInject';
import { useDesign } from '/@/hooks/web/useDesign'; import { useDesign } from '/@/hooks/web/useDesign';
import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent'; import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
import { useLocale } from '/@/locales/useLocale'; import { useLocale } from '/@/locales/useLocale';
import LoginSelect from '/@/views/sys/login/LoginSelect.vue'; import LoginSelect from '/@/views/sys/login/LoginSelect.vue';
import { useUserStore } from '/@/store/modules/user'; import { useUserStore } from '/@/store/modules/user';
import { useI18n } from '/@/hooks/web/useI18n'; import { useI18n } from '/@/hooks/web/useI18n';
import Aide from "@/views/dashboard/ai/components/aide/index.vue" import Aide from "@/views/dashboard/ai/components/aide/index.vue"
const { t } = useI18n(); const { t } = useI18n();
export default defineComponent({ export default defineComponent({
name: 'LayoutHeader', name: 'LayoutHeader',
components: { components: {
Header: Layout.Header, Header: Layout.Header,
AppLogo, AppLogo,
LayoutTrigger, LayoutTrigger,
LayoutBreadcrumb, LayoutBreadcrumb,
LayoutMenu, LayoutMenu,
UserDropDown, UserDropDown,
AppLocalePicker, AppLocalePicker,
FullScreen, FullScreen,
Notify, Notify,
AppSearch, AppSearch,
ErrorAction, ErrorAction,
LockScreen, LockScreen,
LoginSelect, LoginSelect,
SettingDrawer: createAsyncComponent(() => import('/@/layouts/default/setting/index.vue'), { SettingDrawer: createAsyncComponent(() => import('/@/layouts/default/setting/index.vue'), {
loading: true, loading: true,
}), }),
Aide Aide
}, },
props: { props: {
fixed: propTypes.bool, fixed: propTypes.bool,
}, },
setup(props) { setup(props) {
const { prefixCls } = useDesign('layout-header'); const { prefixCls } = useDesign('layout-header');
const userStore = useUserStore(); const userStore = useUserStore();
const { getShowTopMenu, getShowHeaderTrigger, getSplit, getIsMixMode, getMenuWidth, getIsMixSidebar } = useMenuSetting(); const { getShowTopMenu, getShowHeaderTrigger, getSplit, getIsMixMode, getMenuWidth, getIsMixSidebar } = useMenuSetting();
const { getUseErrorHandle, getShowSettingButton, getSettingButtonPosition } = useRootSetting(); const { getUseErrorHandle, getShowSettingButton, getSettingButtonPosition } = useRootSetting();
const { title } = useGlobSetting(); const { title } = useGlobSetting();
const { const {
getHeaderTheme, getHeaderTheme,
getShowFullScreen, getShowFullScreen,
getShowNotice, getShowNotice,
getShowContent, getShowContent,
getShowBread, getShowBread,
getShowHeaderLogo, getShowHeaderLogo,
getShowHeader, getShowHeader,
getShowSearch, getShowSearch,
getUseLockPage, getUseLockPage,
getShowBreadTitle, getShowBreadTitle,
} = useHeaderSetting(); } = useHeaderSetting();
const { getShowLocalePicker } = useLocale(); const { getShowLocalePicker } = useLocale();
const { getIsMobile } = useAppInject(); const { getIsMobile } = useAppInject();
const getHeaderClass = computed(() => { const getHeaderClass = computed(() => {
const theme = unref(getHeaderTheme); const theme = unref(getHeaderTheme);
return [ return [
prefixCls,
{
[`${prefixCls}--fixed`]: props.fixed,
[`${prefixCls}--mobile`]: unref(getIsMobile),
[`${prefixCls}--${theme}`]: theme,
},
];
});
const getShowSetting = computed(() => {
if (!unref(getShowSettingButton)) {
return false;
}
const settingButtonPosition = unref(getSettingButtonPosition);
if (settingButtonPosition === SettingButtonPositionEnum.AUTO) {
return unref(getShowHeader);
}
return settingButtonPosition === SettingButtonPositionEnum.HEADER;
});
const getLogoWidth = computed(() => {
if (!unref(getIsMixMode) || unref(getIsMobile)) {
return {};
}
const width = unref(getMenuWidth) < 180 ? 180 : unref(getMenuWidth);
return { width: `${width}px` };
});
const getSplitType = computed(() => {
return unref(getSplit) ? MenuSplitTyeEnum.TOP : MenuSplitTyeEnum.NONE;
});
const getMenuMode = computed(() => {
return unref(getSplit) ? MenuModeEnum.HORIZONTAL : null;
});
/**
* 首页多租户部门弹窗逻辑
*/
const loginSelectRef = ref();
function showLoginSelect() {
//update-begin---author:liusq Date:20220101 for：判断登录进来是否需要弹窗选择租户----
//判断是否是登陆进来
const loginInfo = toRaw(userStore.getLoginInfo) || {};
if (!!loginInfo.isLogin) {
loginSelectRef.value.show(loginInfo);
}
//update-end---author:liusq Date:20220101 for：判断登录进来是否需要弹窗选择租户----
}
function loginSelectOk() {
console.log('成功。。。。。');
}
onMounted(() => {
showLoginSelect();
});
return {
prefixCls, prefixCls,
getHeaderClass, {
getShowHeaderLogo, [`${prefixCls}--fixed`]: props.fixed,
getHeaderTheme, [`${prefixCls}--mobile`]: unref(getIsMobile),
getShowHeaderTrigger, [`${prefixCls}--${theme}`]: theme,
getIsMobile, },
getShowBreadTitle, ];
getShowBread, });
getShowContent,
getSplitType, const getShowSetting = computed(() => {
getSplit, if (!unref(getShowSettingButton)) {
getMenuMode, return false;
getShowTopMenu, }
getShowLocalePicker, const settingButtonPosition = unref(getSettingButtonPosition);
getShowFullScreen,
getShowNotice, if (settingButtonPosition === SettingButtonPositionEnum.AUTO) {
getUseErrorHandle, return unref(getShowHeader);
getLogoWidth, }
getIsMixSidebar, return settingButtonPosition === SettingButtonPositionEnum.HEADER;
getShowSettingButton, });
getShowSetting,
getShowSearch, const getLogoWidth = computed(() => {
getUseLockPage, if (!unref(getIsMixMode) || unref(getIsMobile)) {
loginSelectOk, return {};
loginSelectRef, }
title, const width = unref(getMenuWidth) < 180 ? 180 : unref(getMenuWidth);
t return { width: `${width}px` };
}; });
},
}); const getSplitType = computed(() => {
return unref(getSplit) ? MenuSplitTyeEnum.TOP : MenuSplitTyeEnum.NONE;
});
const getMenuMode = computed(() => {
return unref(getSplit) ? MenuModeEnum.HORIZONTAL : null;
});
/**
* 首页多租户部门弹窗逻辑
*/
const loginSelectRef = ref();
function showLoginSelect() {
//update-begin---author:liusq Date:20220101 for：判断登录进来是否需要弹窗选择租户----
//判断是否是登陆进来
const loginInfo = toRaw(userStore.getLoginInfo) || {};
if (!!loginInfo.isLogin) {
loginSelectRef.value.show(loginInfo);
}
//update-end---author:liusq Date:20220101 for：判断登录进来是否需要弹窗选择租户----
}
function loginSelectOk() {
console.log('成功。。。。。');
}
onMounted(() => {
showLoginSelect();
});
return {
prefixCls,
getHeaderClass,
getShowHeaderLogo,
getHeaderTheme,
getShowHeaderTrigger,
getIsMobile,
getShowBreadTitle,
getShowBread,
getShowContent,
getSplitType,
getSplit,
getMenuMode,
getShowTopMenu,
getShowLocalePicker,
getShowFullScreen,
getShowNotice,
getUseErrorHandle,
getLogoWidth,
getIsMixSidebar,
getShowSettingButton,
getShowSetting,
getShowSearch,
getUseLockPage,
loginSelectOk,
loginSelectRef,
title,
t
};
},
});
</script> </script>
<style lang="less"> <style lang="less">
@import './index.less'; @import './index.less';
//update-begin---author:scott ---date:2022-09-30 for：默认隐藏顶部菜单面包屑----------- //update-begin---author:scott ---date:2022-09-30 for：默认隐藏顶部菜单面包屑-----------
//顶部欢迎语展示样式 //顶部欢迎语展示样式
@prefix-cls: ~'@{namespace}-layout-header'; @prefix-cls: ~'@{namespace}-layout-header';
.ant-layout .@{prefix-cls} { .ant-layout .@{prefix-cls} {
display: flex; display: block;
padding: 0 8px; // padding: 0 8px;
// update-begin--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶栏高度 // update-begin--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶栏高度
height: @header-height; height: @header-height;
// update-end--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶栏高度 // margin-left: 1px !important;
align-items: center; // update-end--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶栏高度
// align-items: center;
.headerIntroductionClass { background-image: url(../../../assets/images/nav-bg.png);
margin-right: 4px; background-size: 100% 100%;
margin-bottom: 2px; background-repeat: no-repeat;
border-bottom: 0px;
border-left: 0px;
}
&--light { .headerIntroductionClass {
.headerIntroductionClass { margin-right: 4px;
color: #000; margin-bottom: 2px;
} border-bottom: 0px;
} border-left: 0px;
&--dark {
.headerIntroductionClass {
color: rgba(255, 255, 255, 1);
}
.anticon, .truncate {
color: rgba(255, 255, 255, 1);
}
}
//update-end---author:scott ---date::2022-09-30 for：默认隐藏顶部菜单面包屑--------------
} }
&--light {
.headerIntroductionClass {
color: #000;
}
}
&--dark {
.headerIntroductionClass {
color: rgba(255, 255, 255, 1);
}
.anticon,
.truncate {
color: rgba(255, 255, 255, 1);
}
}
//update-end---author:scott ---date::2022-09-30 for：默认隐藏顶部菜单面包屑--------------
}
.jeecg-layout-header--dark {
background-color: transparent !important;
border-left: 0px solid #d9d9d9 !important;
}
.my-header {
display: flex;
padding: 0 8px;
// update-begin--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶栏高度
height: 74px;
// update-end--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶栏高度
align-items: center;
}
.jeecg-layout-header-action__item {
display: flex !important;
height: 74px !important;
padding: 0 2px;
font-size: 1.2em;
cursor: pointer;
align-items: center;
}
.jeecg-layout-header-action__item:hover {
background-color: transparent !important;
}
.jeecg-header-user-dropdown {
height: 74px !important;
padding: 0 0 0 10px;
padding-right: 10px;
overflow: hidden;
font-size: 12px;
cursor: pointer;
align-items: center;
}
.jeecg-basic-menu {
width: 100%;
height: 100%;
}
.jeecg-layout-header-action__item .ant-badge {
height: 74px !important;
line-height: 74px !important;
}
</style> </style>