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

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

@ -11,15 +11,15 @@
</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
*/ */
@ -32,41 +32,44 @@
* 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(() => [
const getTitleClass = computed(() => [
`${prefixCls}__title`, `${prefixCls}__title`,
{ {
'xs:opacity-0': !props.alwaysShowTitle, 'xs:opacity-0': !props.alwaysShowTitle,
}, },
]); ]);
function goHome() { function goHome() {
go(userStore.getUserInfo.homePath || PageEnum.BASE_HOME); 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{ &.jeecg-layout-mix-sider-logo,
background:@sider-logo-bg-color; &.jeecg-layout-menu-logo {
background: @sider-logo-bg-color;
} }
// &.light { // &.light {
// border-bottom: 1px solid @border-color-base; // border-bottom: 1px solid @border-color-base;
// } // }
@ -89,5 +92,32 @@
transition: all 0.5s; transition: all 0.5s;
line-height: normal; 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'
]; ];

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

@ -1,19 +1,20 @@
<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,
@ -30,5 +31,5 @@
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

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

@ -7,15 +7,15 @@
</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() {
@ -42,15 +42,22 @@
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;
background-image: url(../../../assets/images/main-bg.jpg);
background-size: 100% 100%;
background-repeat: no-repeat;
&.fixed { &.fixed {
width: 1200px; width: 1200px;
@ -62,5 +69,5 @@
top: 200px; top: 200px;
z-index: @page-loading-z-index; z-index: @page-loading-z-index;
} }
} }
</style> </style>

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

@ -1,17 +1,18 @@
<template> <template>
<Header :class="getHeaderClass"> <Header :class="getHeaderClass">
<div class="my-header">
<!-- left start --> <!-- left start -->
<div :class="`${prefixCls}-left`"> <div :class="`${prefixCls}-left`">
<!-- logo --> <!-- logo -->
<AppLogo v-if="getShowHeaderLogo || getIsMobile" :class="`${prefixCls}-logo`" :theme="getHeaderTheme" :style="getLogoWidth" /> <AppLogo v-if="getShowHeaderLogo || getIsMobile" :class="`${prefixCls}-logo`" :theme="getHeaderTheme"
<LayoutTrigger :style="getLogoWidth" />
v-if="(getShowContent && getShowHeaderTrigger && !getSplit && !getIsMixSidebar) || getIsMobile" <LayoutTrigger v-if="(getShowContent && getShowHeaderTrigger && !getSplit && !getIsMixSidebar) || getIsMobile"
:theme="getHeaderTheme" :theme="getHeaderTheme" :sider="false" />
:sider="false"
/>
<LayoutBreadcrumb v-if="getShowContent && getShowBread" :theme="getHeaderTheme" /> <LayoutBreadcrumb v-if="getShowContent && getShowBread" :theme="getHeaderTheme" />
<!-- 欢迎语 --> <!-- 欢迎语 -->
<span v-if="getShowContent && getShowBreadTitle && !getIsMobile" :class="[prefixCls, `${prefixCls}--${getHeaderTheme}`,'headerIntroductionClass']"> {{t('layout.header.welcomeIn')}} {{ title }} </span> <span v-if="getShowContent && getShowBreadTitle && !getIsMobile"
:class="[prefixCls, `${prefixCls}--${getHeaderTheme}`, 'headerIntroductionClass']">
{{ t('layout.header.welcomeIn') }} {{ title }} </span>
</div> </div>
<!-- left end --> <!-- left end -->
@ -33,7 +34,8 @@
<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" />
@ -41,43 +43,44 @@
<!-- 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,
@ -218,21 +221,26 @@
t 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;
// margin-left: 1px !important;
// update-end--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶栏高度 // update-end--author:liaozhiyang---date:20240407---for：【QQYUN-8762】顶栏高度
align-items: center; // align-items: center;
background-image: url(../../../assets/images/nav-bg.png);
background-size: 100% 100%;
background-repeat: no-repeat;
.headerIntroductionClass { .headerIntroductionClass {
margin-right: 4px; margin-right: 4px;
@ -251,10 +259,60 @@
.headerIntroductionClass { .headerIntroductionClass {
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
} }
.anticon, .truncate {
.anticon,
.truncate {
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
} }
} }
//update-end---author:scott ---date::2022-09-30 for：默认隐藏顶部菜单面包屑-------------- //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>