| | |
| | | <template> |
| | | <div class="layout-navbars-breadcrumb-user pr15" :style="{ flex: layoutUserFlexNum }"> |
| | | <div class="logo"> |
| | | <img src="src/assets/menu/companyLogo.jpg"> |
| | | <span> | </span> |
| | | <img src="../../../assets/menu/companyLogo.jpg" /> |
| | | <span style="font-size: 16px; color: #333; font-weight: bolder"> | {{ 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> |
| | |
| | | import UserNews from '/@/layout/navBars/breadcrumb/userNews.vue'; |
| | | import Search from '/@/layout/navBars/breadcrumb/search.vue'; |
| | | import { useLoginApi } from '/@/api/login'; |
| | | import { useMenuApi } from '/@/api/systemManage/menu/index'; |
| | | |
| | | 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'; |
| | | |
| | | export default defineComponent({ |
| | | name: 'layoutBreadcrumbUser', |
| | |
| | | const state = reactive({ |
| | | isScreenfull: false, |
| | | disabledI18n: 'zh-cn', |
| | | disabledSize: 'large' |
| | | disabledSize: 'large', |
| | | systemName: '' |
| | | }); |
| | | // 设置分割样式 |
| | | const layoutUserFlexNum = computed(() => { |
| | |
| | | break; |
| | | } |
| | | }; |
| | | |
| | | 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(res.data.code === '200'){ |
| | | state.systemName = res.data.data[1].project.projectName; |
| | | console.log(state.systemName) |
| | | }else{ |
| | | console.log('有问题') |
| | | } |
| | | } |
| | | const backToMenu=()=>{ |
| | | router.push({ path: 'homeMenu' }) |
| | | } |
| | | // 页面加载时 |
| | | onMounted(() => { |
| | | if (Local.get('themeConfig')) { |
| | | initI18n(); |
| | | initComponentSize(); |
| | | } |
| | | getSysName() |
| | | }); |
| | | return { |
| | | userInfos, |
| | | backToMenu, |
| | | onLayoutSetingClick, |
| | | onHandleCommandClick, |
| | | onScreenfullClick, |
| | |
| | | ::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> |