sz-team/supervision-test-frontend-repo
15
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

czh-20260605-去除面包屑导航，增加底部标识

Browse Source
This commit is contained in:
zhihao
2026-06-05 10:29:56 +08:00
parent 0040df63eb
commit 11125510af
5 changed files with 56 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/layouts/default/footer/index.vue
+17 -38
View File
@@ -1,13 +1,6 @@
<template>
<Footer :class="prefixCls" v-if="getShowLayoutFooter" ref="footerRef">
<div :class="`${prefixCls}__links`">
<a @click="openWindow(SITE_URL)">{{ t('layout.footer.onlinePreview') }}</a>
<GithubFilled @click="openWindow(GITHUB_URL)" :class="`${prefixCls}__github`" />
<a @click="openWindow(DOC_URL)">{{ t('layout.footer.onlineDocument') }}</a>
</div>
<div>Copyright &copy;2021 JEECG开源社区 出品</div>
<Footer :class="prefixCls" v-if="true" ref="footerRef">
<div class="footer-text">中国船舶集团有限公司第七〇四研究所 数智化中心开发@2026</div>
</Footer>
</template>
@@ -42,21 +35,21 @@
const { getDarkMode } = useRootSetting();
const isDark = computed(() => getDarkMode.value === ThemeEnum.DARK);
const getShowLayoutFooter = computed(() => {
if (unref(getShowFooter)) {
const footerEl = unref(footerRef)?.$el;
setFooterHeight(footerEl?.offsetHeight || 0);
} else {
setFooterHeight(0);
}
return unref(getShowFooter) && !unref(currentRoute).meta?.hiddenFooter;
});
// const getShowLayoutFooter = computed(() => {
// if (unref(getShowFooter)) {
// const footerEl = unref(footerRef)?.$el;
// setFooterHeight(footerEl?.offsetHeight || 0);
// } else {
// setFooterHeight(0);
// }
// return unref(getShowFooter) && !unref(currentRoute).meta?.hiddenFooter;
// });
//鼠标移入的颜色设置
const hoverColor = computed(() => {
return unref(isDark) ? 'rgba(255, 255, 255, 1)' : 'rgba(0, 0, 0, 0.85)';
});
return {
getShowLayoutFooter,
// getShowLayoutFooter,
prefixCls,
t,
DOC_URL,
@@ -77,27 +70,13 @@
@hover-color: v-bind(hoverColor);
// update-end-author:liusq date:2023-7-12 for: [issues/608] dark 模式下底部 footer 文字 hover 样式导致文字消失
.@{prefix-cls} {
color: @normal-color;
color: rgba(0, 0, 0, 0.65);
text-align: center;
padding: 16px 0;
margin-top: auto;
&__links {
margin-bottom: 8px;
a {
color: @normal-color;
&:hover {
color: @hover-color;
}
}
}
&__github {
margin: 0 30px;
&:hover {
color: @hover-color;
}
.footer-text {
font-size: 13px;
}
}
</style>
src/layouts/default/header/MultipleHeader.vue
+23 -28
View File
@@ -2,25 +2,25 @@
<div :style="getPlaceholderDomStyle" v-if="getIsShowPlaceholderDom"></div>
<div :style="getWrapStyle" :class="getClass">
<LayoutHeader v-if="getShowHeader" />
<MultipleTabs v-if="getShowTabs" />
<!-- <MultipleTabs v-if="getShowTabs" /> -->
</div>
</template>
<script lang="ts">
import { defineComponent, unref, computed, CSSProperties } from 'vue';
import LayoutHeader from './index.vue';
import MultipleTabs from '../tabs/index.vue';
// import MultipleTabs from '../tabs/index.vue';
import { useAppStore } from "@/store/modules/app";
import { useGlobSetting } from "/@/hooks/setting";
import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
import { useFullContent } from '/@/hooks/web/useFullContent';
import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting';
// import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting';
import { useAppInject } from '/@/hooks/web/useAppInject';
import { useDesign } from '/@/hooks/web/useDesign';
import { useLayoutHeight } from '../content/useContentViewHeight';
import { TabsThemeEnum } from '/@/enums/appEnum';
// import { TabsThemeEnum } from '/@/enums/appEnum';
import { MenuTypeEnum } from '/@/enums/menuEnum';
// update-begin--author:liaozhiyang---date:20240407---for：【QQYUN-8774】网站header区域加高
@@ -28,13 +28,13 @@
// update-begin--author:liaozhiyang---date:20240407---for：【【QQYUN-8774】网站header区域加高
// updateBy:sunjianlei---updateDate:2021-09-03---修改tab切换栏样式：更改高度
const TABS_HEIGHT = 32;
const TABS_HEIGHT_CARD = 50;
const TABS_HEIGHT_SMOOTH = 50;
// const TABS_HEIGHT = 32;
// const TABS_HEIGHT_CARD = 50;
// const TABS_HEIGHT_SMOOTH = 50;
export default defineComponent({
name: 'LayoutMultipleHeader',
components: { LayoutHeader, MultipleTabs },
components: { LayoutHeader },
setup() {
const { setHeaderHeight } = useLayoutHeight();
const { prefixCls } = useDesign('layout-multiple-header');
@@ -48,7 +48,7 @@
const { getFullContent } = useFullContent();
const { getShowMultipleTab, getTabsTheme } = useMultipleTabSetting();
// const { getShowMultipleTab, getTabsTheme } = useMultipleTabSetting();
const getShowHeader = computed(() => {
// 控制是否显示顶部
@@ -59,11 +59,7 @@
})
const getShowTabs = computed(() => {
// 控制是否显示多Tabs切换
if (appStore.getLayoutHideMultiTabs) {
return false;
}
return unref(getShowMultipleTab) && !unref(getFullContent);
return false;
});
const getIsShowPlaceholderDom = computed(() => {
@@ -85,17 +81,16 @@
return unref(getFixed) || unref(getShowFullHeaderRef);
});
// updateBy:sunjianlei---updateDate:2021-09-08---根据主题的不同，动态计算tabs高度
const getTabsThemeHeight = computed(() => {
let tabsTheme = unref(getTabsTheme);
if (tabsTheme === TabsThemeEnum.CARD) {
return TABS_HEIGHT_CARD;
} else if (tabsTheme === TabsThemeEnum.SMOOTH) {
return TABS_HEIGHT_SMOOTH;
} else {
return TABS_HEIGHT;
}
});
// const getTabsThemeHeight = computed(() => {
// let tabsTheme = unref(getTabsTheme);
// if (tabsTheme === TabsThemeEnum.CARD) {
// return TABS_HEIGHT_CARD;
// } else if (tabsTheme === TabsThemeEnum.SMOOTH) {
// return TABS_HEIGHT_SMOOTH;
// } else {
// return TABS_HEIGHT;
// }
// });
const getPlaceholderDomStyle = computed((): CSSProperties => {
let height = 0;
@@ -104,9 +99,9 @@
height += HEADER_HEIGHT;
}
// update-end--author:liaozhiyang---date:20241216---for：【issues/7561】主题切换为顶部混合模式时，页面顶部内容显示不出来，被遮盖
if (unref(getShowTabs) && !unref(getFullContent)) {
height += unref(getTabsThemeHeight);
}
// if (unref(getShowTabs) && !unref(getFullContent)) {
// height += unref(getTabsThemeHeight);
// }
setHeaderHeight(height);
return {
height: `${height}px`,
src/layouts/default/header/components/user-dropdown/index.vue
+10 -10
View File
@@ -55,7 +55,7 @@
import { refreshCache, queryAllDictItems } from '/@/views/system/dict/dict.api';
import { DB_DICT_DATA_KEY } from '/src/enums/cacheEnum';
import { removeAuthCache, setAuthCache } from '/src/utils/auth';
import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
// import { getFileAccessHttpUrl } from '/@/utils/common/compUtils';
import { getRefPromise } from '/@/utils/index';
type MenuEvent = 'logout' | 'doc' | 'lock' | 'cache' | 'depart';
@@ -89,14 +89,14 @@
return { realname, avatar: avatar || headerImg, desc };
});
const getAvatarUrl = computed(() => {
let { avatar } = getUserInfo.value;
if (avatar == headerImg) {
return avatar;
} else {
return getFileAccessHttpUrl(avatar);
}
});
// const getAvatarUrl = computed(() => {
// let { avatar } = getUserInfo.value;
// if (avatar == headerImg) {
// return avatar;
// } else {
// return getFileAccessHttpUrl(avatar);
// }
// });
const [register, { openModal }] = useModal();
/**
@@ -179,7 +179,7 @@
prefixCls,
t,
getUserInfo,
getAvatarUrl,
// getAvatarUrl,
handleMenuClick,
getShowDoc,
register,
src/layouts/default/header/index.vue
+5 -5
View File
@@ -9,7 +9,7 @@
:theme="getHeaderTheme"
: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>
</div>
@@ -61,14 +61,14 @@
import { useRootSetting } from '/@/hooks/setting/useRootSetting';
import { MenuModeEnum, MenuSplitTyeEnum } from '/@/enums/menuEnum';
import { SettingButtonPositionEnum } from '/@/enums/appEnum';
// import { SettingButtonPositionEnum } from '/@/enums/appEnum';
// import { AppLocalePicker } from '/@/components/Application';
import { UserDropDown, LayoutBreadcrumb, FullScreen, ErrorAction, LockScreen } from './components';
import { UserDropDown, FullScreen, ErrorAction, LockScreen } from './components';
import { useAppInject } from '/@/hooks/web/useAppInject';
import { useDesign } from '/@/hooks/web/useDesign';
import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
// import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent';
// import { useLocale } from '/@/locales/useLocale';
import LoginSelect from '/@/views/sys/login/LoginSelect.vue';
@@ -83,7 +83,7 @@
Header: Layout.Header,
AppLogo,
LayoutTrigger,
LayoutBreadcrumb,
// LayoutBreadcrumb,
LayoutMenu,
UserDropDown,
// AppLocalePicker,
src/settings/projectSetting.ts
+1 -1
View File
@@ -65,7 +65,7 @@ const setting: ProjectConfig = {
showLogo: true,
// 是否显示底部信息 copyright
showFooter: false,
showFooter: true,
// ai图标显示
aiIconShow: false,