| | |
| | | <template> |
| | | <div class="layout-navbars-breadcrumb-user pr15" :style="{ flex: layoutUserFlexNum }"> |
| | | <div class="logo"> |
| | | <!-- <img @click="toHome" src="../../../assets/menu/company.png" />--> |
| | | <img src="../../../assets/menu/company.png" /> |
| | | <!-- <span>{{ systemName }}</span>--> |
| | | </div> |
| | | <div style="display: flex; align-items: center; padding-right: 5px"> |
| | | <!-- <div @click="backToMenu()" class="backBtn">返回首页</div>--> |
| | |
| | | </span> |
| | | <template #dropdown> |
| | | <el-dropdown-menu> |
| | | <el-dropdown-item command="/project">{{ $t('message.user.dropdown1') }}</el-dropdown-item> |
| | | <el-dropdown-item command="/bigScreen">{{ $t('message.user.dropdown1') }}</el-dropdown-item> |
| | | <el-dropdown-item command="password">修改密码</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>--> |
| | |
| | | </template> |
| | | </el-dropdown> |
| | | <Search ref="searchRef" /> |
| | | <updatePwd ref="pwdRef" /> |
| | | </div> |
| | | |
| | | </div> |
| | | |
| | | </template> |
| | | |
| | | <script lang="ts"> |
| | |
| | | import Search from '/@/layout/navBars/breadcrumb/search.vue'; |
| | | import { useLoginApi } from '/@/api/login'; |
| | | import { useMenuApi } from '/@/api/systemManage/menu/index'; |
| | | |
| | | import updatePwd from '/@/components/updatePwd/index.vue' |
| | | const menuApi = useMenuApi(); |
| | | import { backEndComponent, getBackEndControlRoutes, initBackEndControlRoutes, setAddRoute, setFilterMenuAndCacheTagsViewRoutes } from '../../../router/backEnd'; |
| | | import { NextLoading } from '/@/utils/loading'; |
| | |
| | | |
| | | export default defineComponent({ |
| | | name: 'layoutBreadcrumbUser', |
| | | components: { UserNews, Search }, |
| | | components: { UserNews, Search, updatePwd }, |
| | | setup() { |
| | | const { t } = useI18n(); |
| | | const { proxy } = <any>getCurrentInstance(); |
| | |
| | | const storesThemeConfig = useThemeConfig(); |
| | | const { userInfos } = storeToRefs(stores); |
| | | const { themeConfig } = storeToRefs(storesThemeConfig); |
| | | const pwdRef = ref(); |
| | | const searchRef = ref(); |
| | | const state = reactive({ |
| | | isScreenfull: false, |
| | | disabledI18n: 'zh-cn', |
| | | disabledSize: 'large', |
| | | systemName: '' |
| | | disabledSize: 'large' |
| | | }); |
| | | // 设置分割样式 |
| | | const layoutUserFlexNum = computed(() => { |
| | |
| | | .catch(() => {}); |
| | | } else if (path === 'wareHouse') { |
| | | window.open('https://gitee.com/lyt-top/vue-next-admin'); |
| | | } else if (path === 'password') { |
| | | pwdRef.value.openDialog('all'); |
| | | } else { |
| | | router.push(path); |
| | | } |
| | |
| | | break; |
| | | } |
| | | }; |
| | | |
| | | const getSysName = async () => { |
| | | if (window.nextLoading === undefined) NextLoading.start(); |
| | | 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; |
| | | } else { |
| | | console.log('有问题'); |
| | | } |
| | | }; |
| | | // const backToMenu = () => { |
| | | // router.push({ path: 'newMenu' }).then(()=>{ |
| | | // routeList.routesList.value = [] |
| | | // console.log(routeList); |
| | | // }); |
| | | // }; |
| | | const toHome = () => { |
| | | router.push({ path: 'newMenu' }); |
| | | }; |
| | |
| | | initI18n(); |
| | | initComponentSize(); |
| | | } |
| | | getSysName(); |
| | | }); |
| | | return { |
| | | userInfos, |
| | |
| | | onComponentSizeChange, |
| | | onLanguageChange, |
| | | searchRef, |
| | | pwdRef, |
| | | layoutUserFlexNum, |
| | | ...toRefs(state) |
| | | }; |
| | |
| | | justify-content: space-between; |
| | | |
| | | .logo { |
| | | height: 75%; |
| | | padding: 5px 10px; |
| | | width: 531px; |
| | | height: 60px; |
| | | display: flex; |
| | | align-items: center; |
| | | overflow: hidden; |