| | |
|---|
| | | </div> |
|---|
| | | </PageWrapper> |
|---|
| | | </template> |
|---|
| | | <script lang="ts"> |
|---|
| | | import { defineComponent, computed } from 'vue'; |
|---|
| | | import { RoleEnum } from '/@/enums/roleEnum'; |
|---|
| | | import { usePermission } from '/@/hooks/web/usePermission'; |
|---|
| | | import { useUserStore } from '/@/store/modules/user'; |
|---|
| | | import { PageWrapper } from '/@/components/Page'; |
|---|
| | | import { PermissionModeEnum } from '/@/enums/appEnum'; |
|---|
| | | import { useAppStore } from '/@/store/modules/app'; |
|---|
| | | <script lang="ts" setup> |
|---|
| | | import { computed } from 'vue'; |
|---|
| | | import { usePermission } from '@/hooks/web/usePermission'; |
|---|
| | | import { useUserStore } from '@/store/modules/user'; |
|---|
| | | import { PageWrapper } from '@/components/Page'; |
|---|
| | | import { PermissionModeEnum } from '@/enums/appEnum'; |
|---|
| | | import { useAppStore } from '@/store/modules/app'; |
|---|
| | | import { Alert, Space } from 'ant-design-vue'; |
|---|
| | | import CurrentPermissionMode from '../CurrentPermissionMode.vue'; |
|---|
| | | |
|---|
| | | export default defineComponent({ |
|---|
| | | components: { Space, Alert, CurrentPermissionMode, PageWrapper }, |
|---|
| | | setup() { |
|---|
| | | const { refreshMenu } = usePermission(); |
|---|
| | | const userStore = useUserStore(); |
|---|
| | | const appStore = useAppStore(); |
|---|
| | | const { refreshMenu } = usePermission(); |
|---|
| | | const userStore = useUserStore(); |
|---|
| | | const appStore = useAppStore(); |
|---|
| | | |
|---|
| | | const isBackPermissionMode = computed( |
|---|
| | | () => appStore.getProjectConfig.permissionMode === PermissionModeEnum.BACK, |
|---|
| | | ); |
|---|
| | | const isBackPermissionMode = computed( |
|---|
| | | () => appStore.getProjectConfig.permissionMode === PermissionModeEnum.BACK, |
|---|
| | | ); |
|---|
| | | |
|---|
| | | async function switchToken(userId: number) { |
|---|
| | | // 本函数切换用户登录Token的部分仅用于演示，实际生产时切换身份应当重新登录 |
|---|
| | | const token = 'fakeToken' + userId; |
|---|
| | | userStore.setToken(token); |
|---|
| | | async function switchToken(userId: number) { |
|---|
| | | // 本函数切换用户登录Token的部分仅用于演示，实际生产时切换身份应当重新登录 |
|---|
| | | const token = 'fakeToken' + userId; |
|---|
| | | userStore.setToken(token); |
|---|
| | | |
|---|
| | | // 重新获取用户信息和菜单 |
|---|
| | | userStore.getUserInfoAction(); |
|---|
| | | refreshMenu(); |
|---|
| | | } |
|---|
| | | |
|---|
| | | return { |
|---|
| | | RoleEnum, |
|---|
| | | refreshMenu, |
|---|
| | | switchToken, |
|---|
| | | isBackPermissionMode, |
|---|
| | | }; |
|---|
| | | }, |
|---|
| | | }); |
|---|
| | | // 重新获取用户信息和菜单 |
|---|
| | | userStore.getUserInfoAction(); |
|---|
| | | refreshMenu(); |
|---|
| | | } |
|---|
| | | </script> |
|---|
| | | <style lang="less" scoped> |
|---|
| | | .demo { |
|---|
