| | |
| | | v-if="state.rolesCode.indexOf(item.code) !== -1" |
| | | :underline="false" |
| | | class="hover:cursor-pointer" |
| | | @click="toRegister" |
| | | @click="logOut" |
| | | >退出</el-link |
| | | > |
| | | <el-link |
| | | v-else-if="!state.accessToken" |
| | | :underline="false" |
| | | class="hover:cursor-pointer" |
| | | @click="toRegister" |
| | | >注册</el-link |
| | | > |
| | | <el-link |
| | | v-else |
| | | :underline="false" |
| | | class="hover:cursor-pointer" |
| | | @click="toRegister" |
| | | @click="toApply" |
| | | >申请</el-link |
| | | ><span class="m-2">|</span> |
| | | <el-link |
| | | v-if="state.rolesCode.indexOf(item.code) !== -1" |
| | | :underline="false" |
| | | class="hover:cursor-pointer" |
| | | @click="toWelcome" |
| | | @click="toWelcome(item)" |
| | | >进入</el-link |
| | | > |
| | | <el-link |
| | | v-else |
| | | :underline="false" |
| | | class="hover:cursor-pointer" |
| | | :disabled="state.accessToken" |
| | | @click="toLogin" |
| | | :disabled="!!state.accessToken" |
| | | @click="toLogin(item)" |
| | | >登录</el-link |
| | | > |
| | | </div> |
| | |
| | | |
| | | import { getToken } from "@/utils/auth"; |
| | | import { useRoute, useRouter } from "vue-router"; |
| | | const router = useRouter(); |
| | | |
| | | defineOptions({ |
| | | name: "Main" |
| | | }); |
| | |
| | | /** 角色(如果昵称为空则显示用户名) */ |
| | | const getUseRoles = () => { |
| | | state.userInfo = storageLocal().getItem("user-info"); |
| | | state.userInfo.exRoles.forEach(element => { |
| | | state.userInfo?.exRoles.forEach(element => { |
| | | state.rolesCode.push(element.code); |
| | | }); |
| | | }; |
| | |
| | | state.roleList = res.result; |
| | | }); |
| | | getUseRoles(); |
| | | state.accessToken = getToken().accessToken; |
| | | state.accessToken = getToken()?.accessToken; |
| | | }); |
| | | |
| | | const router = useRouter(); |
| | | const toRegister = () => { |
| | | router.push({ name: "Register" }); |
| | | }; |
| | | const toWelcome = () => { |
| | | router.push({ name: "Welcome" }); |
| | | // 退出 |
| | | const logOut = () => { |
| | | useUserStoreHook().logOut(); |
| | | }; |
| | | const toLogin = () => { |
| | | router.push({ name: "Login" }); |
| | | // 申请 |
| | | const toApply = () => {}; |
| | | // 去首页 |
| | | const toWelcome = item => { |
| | | let role = state.userInfo?.exRoles.find(ele => { |
| | | return item.code == ele.code; |
| | | }); |
| | | console.log(role); |
| | | if (role.hasFlsh) { |
| | | return router.push({ name: "Welcome" }); |
| | | } |
| | | router.push({ name: "RegisterNav" }); |
| | | }; |
| | | // 去登录 |
| | | const toLogin = item => { |
| | | router.push({ name: "Login", query: item }); |
| | | }; |
| | | </script> |
| | | |
| | |
| | | a:active { |
| | | color: #fff; |
| | | } |
| | | .el-link.is-disabled { |
| | | color: #a8abb2; |
| | | cursor: not-allowed; |
| | | } |
| | | </style> |