From f90ee55e6d63cd02c2b883bd5bd942c487fce56a Mon Sep 17 00:00:00 2001 From: Your Name <123456> Date: 星期六, 20 八月 2022 16:51:33 +0800 Subject: [PATCH] 修改bug --- src/layout/navBars/breadcrumb/user.vue | 38 ++++++++++++++++++++++++++------------ 1 files changed, 26 insertions(+), 12 deletions(-) diff --git a/src/layout/navBars/breadcrumb/user.vue b/src/layout/navBars/breadcrumb/user.vue index 7601048..5a26dde 100644 --- a/src/layout/navBars/breadcrumb/user.vue +++ b/src/layout/navBars/breadcrumb/user.vue @@ -1,10 +1,11 @@ <template> <div class="layout-navbars-breadcrumb-user pr15" :style="{ flex: layoutUserFlexNum }"> <div class="logo"> - <img src="../../../assets/menu/companyLogo.jpg" /> - <span style="font-size: 16px; color: #333; font-weight: bolder"> | {{ systemName }}</span> + <img src="../../../assets/menu/companyLogo.png" /> + <span style="font-size: 32px; color: #409eff; font-weight: bolder; border-left: 2px solid #409eff; padding-left: 10px">{{ systemName }}</span> </div> - <div style="display: flex; padding-right: 5px"> + <div style="display: flex; align-items: center; padding-right: 5px"> + <div @click="backToMenu()" class="backBtn">返回首页</div> <el-dropdown :show-timeout="70" :hide-timeout="50" trigger="click" @command="onComponentSizeChange"> <div class="layout-navbars-breadcrumb-user-icon"> <i class="iconfont icon-ziti" :title="$t('message.user.title0')"></i> @@ -56,7 +57,7 @@ </div> <el-dropdown :show-timeout="70" :hide-timeout="50" @command="onHandleCommandClick"> <span class="layout-navbars-breadcrumb-user-link"> - <img :src="userInfos.photo" class="layout-navbars-breadcrumb-user-link-photo mr5" /> + <img src="../../../assets/avator.png" class="layout-navbars-breadcrumb-user-link-photo mr5" style="width: 24px;height: 24px"/> {{ userInfos.userName }} <el-icon class="el-icon--right"> <ele-ArrowDown /> @@ -64,7 +65,7 @@ </span> <template #dropdown> <el-dropdown-menu> - <el-dropdown-item command="/homeMenu">{{ $t('message.user.dropdown1') }}</el-dropdown-item> + <el-dropdown-item command="/newMenu">{{ $t('message.user.dropdown1') }}</el-dropdown-item> <!-- <el-dropdown-item command="wareHouse">{{ $t('message.user.dropdown6') }}</el-dropdown-item>--> <!-- <el-dropdown-item command="/personal">{{ $t('message.user.dropdown2') }}</el-dropdown-item>--> <!-- <el-dropdown-item command="/404">{{ $t('message.user.dropdown3') }}</el-dropdown-item>--> @@ -92,15 +93,14 @@ import UserNews from '/@/layout/navBars/breadcrumb/userNews.vue'; import Search from '/@/layout/navBars/breadcrumb/search.vue'; import { useLoginApi } from '/@/api/login'; -import { Session } from '/@/utils/storage'; import { useMenuApi } from '/@/api/systemManage/menu/index'; -import { ElMessage } from 'element-plus'; const menuApi = useMenuApi(); import { backEndComponent, getBackEndControlRoutes, initBackEndControlRoutes, setAddRoute, setFilterMenuAndCacheTagsViewRoutes } from '../../../router/backEnd'; import { NextLoading } from '/@/utils/loading'; import { useRequestOldRoutes } from '/@/stores/requestOldRoutes'; import { dynamicRoutes } from '/@/router/route'; +import Cookies from 'js-cookie'; export default defineComponent({ name: 'layoutBreadcrumbUser', @@ -251,14 +251,17 @@ const getSysName = async () => { if (window.nextLoading === undefined) NextLoading.start(); - if (!Session.get('token')) return false; - const res = await menuApi.getMenuAdmin(Session.get('projectId') === null ? '' : Session.get('projectId')); + if (!Cookies.get('token')) return false; + const res = await menuApi.getMenuAdmin(Cookies.get('projectId') === null ? '' : Cookies.get('projectId')); if (res.data.code === '200') { state.systemName = res.data.data[1].project.projectName; console.log(state.systemName); } else { console.log('有问题'); } + }; + const backToMenu = () => { + router.push({ path: 'newMenu' }); }; // 页面加载时 onMounted(() => { @@ -270,6 +273,7 @@ }); return { userInfos, + backToMenu, onLayoutSetingClick, onHandleCommandClick, onScreenfullClick, @@ -291,7 +295,7 @@ justify-content: space-between; .logo { - height: 50px; + height: 75%; padding: 5px 10px; display: flex; align-items: center; @@ -316,8 +320,8 @@ padding: 0 10px; cursor: pointer; color: var(--next-bg-topBarColor); - height: 50px; - line-height: 50px; + height: 80px; + line-height: 80px; display: flex; align-items: center; &:hover { @@ -340,5 +344,15 @@ ::v-deep(.el-badge__content.is-fixed) { top: 12px; } + .backBtn { + font-size: 16px; + cursor: pointer; + margin-right: 20px; + + &:hover { + color: #409eff; + font-weight: bolder; + } + } } </style> -- Gitblit v1.9.2