| | |
|---|
| | | <script lang="ts"> |
|---|
| | | import { Vue, Component } from 'vue-property-decorator'; |
|---|
| | | import { namespace } from 'nuxt-property-decorator'; |
|---|
| | | import { Role } from '~/assets/ts/models/enum/Role'; |
|---|
| | | import * as _ from 'lodash'; |
|---|
| | | const localStorage = namespace('localStorage'); |
|---|
| | | |
|---|
| | | const roleStorage = namespace('localStorage'); |
|---|
| | | @Component |
|---|
| | | export default class NavBar extends Vue { |
|---|
| | | @localStorage.Mutation storageClear!: () => void; |
|---|
| | | @localStorage.Getter idToken!: string | null; |
|---|
| | | @localStorage.Getter currentRole!: string | null; |
|---|
| | | @roleStorage.Mutation storageClear!: () => void; |
|---|
| | | @roleStorage.Getter idToken!: string | null; |
|---|
| | | @roleStorage.Getter currentRole!: string | null; |
|---|
| | | |
|---|
| | | navBarList = [{ |
|---|
| | | authorityOfRoleList: [Role.NOT_LOGIN], |
|---|
| | |
|---|
| | | this.storageClear(); |
|---|
| | | _.isEqual(this.$route.name, 'index') ? location.reload() : this.$router.push('/'); |
|---|
| | | } |
|---|
| | | } |
|---|
| | | export enum Role { |
|---|
| | | USER = 'user', |
|---|
| | | ADMIN = 'admin', |
|---|
| | | NOT_LOGIN = '', |
|---|
| | | } |
|---|
| | | |
|---|
| | | </script> |
|---|
