Commit 44d8cb9b authored by 罗超's avatar 罗超

修复跳转BUG

parent f13285e8
...@@ -23,7 +23,7 @@ const menus:{menu:Menu,owner:MenuOwner}[] = [ ...@@ -23,7 +23,7 @@ const menus:{menu:Menu,owner:MenuOwner}[] = [
{menu:{name:'账户设置',icon:'IconProtect',url:'/u/setting'},owner:'*'} {menu:{name:'账户设置',icon:'IconProtect',url:'/u/setting'},owner:'*'}
] ]
export const useMenuStore = defineStore('screen', { export const useMenuStore = defineStore('menu', {
state: (): MenuState => ({ state: (): MenuState => ({
// freeUser:[], // freeUser:[],
// vipUser:[], // vipUser:[],
...@@ -33,8 +33,8 @@ export const useMenuStore = defineStore('screen', { ...@@ -33,8 +33,8 @@ export const useMenuStore = defineStore('screen', {
currentMenu:null currentMenu:null
}), }),
getters:{ getters:{
getUserMenu(state){ getUserMenu:(state)=>{
if(state.userMenu.length==0){ if (!state.userMenu || state.userMenu.length==0) {
const userStore= useUserStore() const userStore= useUserStore()
const userInfo = userStore.getUser const userInfo = userStore.getUser
let userPermissions:MenuOwner[] = ['*','F'] let userPermissions:MenuOwner[] = ['*','F']
......
<template> <template>
<div class="user-header rounded row items-center" :style="{ background: userTheme?.bg }"> <div class="user-header rounded row items-center" :style="{ background: userTheme?.bg }">
<el-avatar :size="64" :src="userInfo.photo" shape="square" :style="{ BackgroundColor: userTheme?.color }" style="font-size: 36px;font-weight: bold;"> <el-avatar :size="64" :src="userInfo.photo" shape="square" :style="{ BackgroundColor: userTheme?.color }" style="font-size: 36px;font-weight: bold;"></el-avatar>
<!-- {{userInfo.photo && userInfo.photo.includes("http")? "": userInfo.nickname[0]}} -->
</el-avatar>
<div class="q-ml-lg text-white col"> <div class="q-ml-lg text-white col">
<div class="" style="font-size: 20px;">{{ userInfo.nickname }}</div> <div class="" style="font-size: 20px;">{{ userInfo.nickname }}</div>
<div class="q-mt-sm text-info">个人账号ID:{{ userInfo.cardno??'8027970449819221090' }}</div> <div class="q-mt-sm text-info">个人账号ID:{{ userInfo.cardno??'8027970449819221090' }}</div>
</div> </div>
<div class="text-white">{{ userTheme?.desc }}</div> <div class="text-white">{{ userTheme?.desc }}</div>
<div :style="{'background':vipTheme.color}" v-if="userTheme?.name=='FREE'" class="text-white pingfangr q-ml-lg rounded cusor-pointer q-py-md q-px-lg no-select">升级为VIP</div> <div :style="{'background':vipTheme.color}" v-if="userTheme?.name=='FREE'" class="text-white pingfangr q-ml-lg rounded cusor-pointer q-py-md q-px-lg no-select">升级为VIP</div>
<!-- <div :style="{'background':vipTheme.color}" v-if="1==2" class="text-white pingfangr q-ml-lg rounded cusor-pointer q-py-md q-px-lg no-select">续费VIP</div> --> <!-- <div :style="{'background':vipTheme.color}" v-if="1==2" class="text-white pingfangr q-ml-lg rounded cusor-pointer q-py-md q-px-lg no-select">续费VIP</div> -->
<div :style="{'background':enTheme.color}" v-if="userTheme?.name=='FREE'" class="text-white pingfangr q-ml-lg rounded cusor-pointer q-py-md q-px-lg no-select">升级为企业</div> <div :style="{'background':enTheme.color}" v-if="userTheme?.name=='FREE'" class="text-white pingfangr q-ml-lg rounded cusor-pointer q-py-md q-px-lg no-select">升级为企业</div>
</div> </div>
<div class="q-mt-xl"> <div class="q-mt-xl">
<div class="user-label text-grey-8">我的权益</div> <div class="user-label text-grey-8">我的权益</div>
<div></div> <div class="row">
el-card
</div>
</div> </div>
</template> </template>
......
...@@ -44,6 +44,7 @@ const forwardSpace = () => router.push('/space') ...@@ -44,6 +44,7 @@ const forwardSpace = () => router.push('/space')
watch(() => router.currentRoute.value.path, (toPath) => { watch(() => router.currentRoute.value.path, (toPath) => {
menus.value = useMenu.getUserMenu menus.value = useMenu.getUserMenu
if(!menus.value) return
activeIndex.value = menus.value.findIndex(x=>x.url==router.currentRoute.value.path) activeIndex.value = menus.value.findIndex(x=>x.url==router.currentRoute.value.path)
},{immediate: true,deep: true}) },{immediate: true,deep: true})
</script> </script>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment