github_mirrors/vue-vben-admin
1
0
Fork 0
mirror of https://github.com/vbenjs/vue-vben-admin.git synced 2025-02-03 02:54:40 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

chore: update access demo

Browse Source
This commit is contained in:
Li Kui 2024-07-13 11:49:18 +08:00
parent 7801a90dcb
commit ba780a7d3f
6 changed files with 72 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
apps/backend-mock/src/modules/menu/menu.controller.ts
View File

@ -118,6 +118,17 @@ export class MenuController {
title: 'page.demos.access.buttonControl', title: 'page.demos.access.buttonControl',
}, },
}, },
{
name: 'AccessMenuVisible403',
path: 'menu-visible-403',
component: '/demos/access/menu-visible-403',
meta: {
authority: ['no-body'],
icon: 'mdi:button-cursor',
menuVisibleWithForbidden: true,
title: 'page.demos.access.menuVisible403',
},
},
roleWithMenus[role], roleWithMenus[role],
], ],
}, },

2
apps/web-antd/src/views/demos/access/admin-visible.vue
View File

@ -1,7 +1,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { Fallback } from '@vben/universal-ui'; import { Fallback } from '@vben/universal-ui';
defineOptions({ name: 'AccessFrontendAccessTest2' }); defineOptions({ name: 'AccessAdminVisible' });
</script> </script>
<template> <template>

10
apps/web-antd/src/views/demos/access/button-control.vue
View File

@ -9,7 +9,7 @@ import { Button } from 'ant-design-vue';
import { useAccessStore, useAppStore } from '#/store'; import { useAccessStore, useAppStore } from '#/store';
defineOptions({ name: 'AccessBackend' }); defineOptions({ name: 'AccessButtonControl' });
const accounts: Record<string, LoginAndRegisterParams> = { const accounts: Record<string, LoginAndRegisterParams> = {
admin: { admin: {
@ -41,7 +41,7 @@ async function changeAccount(role: string) {
} }
const account = accounts[role]; const account = accounts[role];
await appStore.resetAppState(); appStore.resetAppState();
await accessStore.authLogin(account, async () => { await accessStore.authLogin(account, async () => {
router.go(0); router.go(0);
}); });
@ -51,11 +51,12 @@ async function changeAccount(role: string) {
<template> <template>
<div class="p-5"> <div class="p-5">
<div class="card-box p-5"> <div class="card-box p-5">
<h1 class="text-xl font-semibold">后端页面访问权限演示</h1> <h1 class="text-xl font-semibold">
{{ accessMode === 'frontend' ? '前端' : '后端' }}页面访问权限演示
</h1>
<div class="text-foreground/80 mt-2">切换不同的账号，观察按钮变化。</div> <div class="text-foreground/80 mt-2">切换不同的账号，观察按钮变化。</div>
</div> </div>
<template v-if="accessMode === 'backend'">
<div class="card-box mt-5 p-5 font-semibold"> <div class="card-box mt-5 p-5 font-semibold">
<div class="mb-3"> <div class="mb-3">
<span class="text-lg">当前账号:</span> <span class="text-lg">当前账号:</span>
@ -113,6 +114,5 @@ async function changeAccount(role: string) {
Super & Admin 账号可见 ["AC_100100","AC_1000001"] Super & Admin 账号可见 ["AC_100100","AC_1000001"]
</Button> </Button>
</div> </div>
</template>
</div> </div>
</template> </template>

2
apps/web-antd/src/views/demos/access/menu-visible-403.vue
View File

@ -1,7 +1,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { Fallback } from '@vben/universal-ui'; import { Fallback } from '@vben/universal-ui';
defineOptions({ name: 'AccessFrontendAccessTest2' }); defineOptions({ name: 'AccessMenuVisible403' });
</script> </script>
<template> <template>

2
apps/web-antd/src/views/demos/access/super-visible.vue
View File

@ -1,7 +1,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { Fallback } from '@vben/universal-ui'; import { Fallback } from '@vben/universal-ui';
defineOptions({ name: 'AccessFrontendAccessTest1' }); defineOptions({ name: 'AccessSuperVisible' });
</script> </script>
<template> <template>

2
apps/web-antd/src/views/demos/access/user-visible.vue
View File

@ -1,7 +1,7 @@
<script lang="ts" setup> <script lang="ts" setup>
import { Fallback } from '@vben/universal-ui'; import { Fallback } from '@vben/universal-ui';
defineOptions({ name: 'AccessFrontendAccessTest1' }); defineOptions({ name: 'AccessUserVisible' });
</script> </script>
<template> <template>