Default Changelist

Admin

2022-09-07 5890a81be95fe65622c605083b1808b6997d4417

 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>