提交本地代码
This commit is contained in:
parent
a2bd03031d
commit
48d0a2301f
2
.env
2
.env
|
|
@ -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
|
||||||
|
|
|
||||||
Binary file not shown.
|
Before Width: | Height: | Size: 7.3 KiB After Width: | Height: | Size: 10 KiB |
BIN
src/assets/images/main-bg.jpg
Normal file
BIN
src/assets/images/main-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 91 KiB |
BIN
src/assets/images/nav-bg.png
Normal file
BIN
src/assets/images/nav-bg.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 128 KiB |
|
|
@ -38,7 +38,7 @@
|
||||||
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) }]);
|
||||||
|
|
@ -63,10 +63,13 @@
|
||||||
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,
|
||||||
|
&.jeecg-layout-menu-logo {
|
||||||
background: @sider-logo-bg-color;
|
background: @sider-logo-bg-color;
|
||||||
}
|
}
|
||||||
|
|
||||||
// &.light {
|
// &.light {
|
||||||
// border-bottom: 1px solid @border-color-base;
|
// border-bottom: 1px solid @border-color-base;
|
||||||
// }
|
// }
|
||||||
|
|
@ -90,4 +93,31 @@
|
||||||
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>
|
||||||
|
|
|
||||||
|
|
@ -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'
|
||||||
];
|
];
|
||||||
|
|
|
||||||
|
|
@ -1,8 +1,9 @@
|
||||||
<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';
|
||||||
|
|
|
||||||
|
|
@ -20,6 +20,7 @@
|
||||||
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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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============
|
||||||
|
|
|
||||||
|
|
@ -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
|
||||||
|
|
|
||||||
|
|
@ -51,6 +51,13 @@
|
||||||
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;
|
||||||
|
|
|
||||||
|
|
@ -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,6 +43,7 @@
|
||||||
<!-- 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>
|
||||||
|
|
@ -227,12 +230,17 @@
|
||||||
@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>
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue
Block a user