@@ -3,7 +3,7 @@ import type { LoginAndRegisterParams } from '@vben/universal-ui';
33
44import { useRouter } from ' vue-router' ;
55
6- import { CodeAccess , useAccess } from ' @vben/access' ;
6+ import { AccessControl , useAccess } from ' @vben/access' ;
77
88import { Button } from ' ant-design-vue' ;
99
@@ -59,9 +59,9 @@ async function changeAccount(role: string) {
5959
6060 <div class =" card-box mt-5 p-5 font-semibold" >
6161 <div class =" mb-3" >
62- <span class =" text-lg" >当前账号 :</span >
63- <span class =" text-primary mx-4" >
64- {{ accessStore.userRoles }}
62+ <span class =" text-lg" >当前角色 :</span >
63+ <span class =" text-primary mx-4 text-lg " >
64+ {{ accessStore.userRoles?.[0] }}
6565 </span >
6666 </div >
6767
@@ -82,21 +82,40 @@ async function changeAccount(role: string) {
8282 </div >
8383
8484 <div class =" card-box mt-5 p-5 font-semibold" >
85- <div class =" mb-3 text-lg" >组件形式控制</div >
86- <CodeAccess :value =" ['AC_100100']" >
85+ <div class =" mb-3 text-lg" >组件形式控制 - 权限码方式 </div >
86+ <AccessControl :value =" ['AC_100100']" type = " code " >
8787 <Button class =" mr-4" > Super 账号可见 ["AC_1000001"] </Button >
88- </CodeAccess >
89- <CodeAccess :value =" ['AC_100030']" >
88+ </AccessControl >
89+ <AccessControl :value =" ['AC_100030']" type = " code " >
9090 <Button class =" mr-4" > Admin 账号可见 ["AC_100010"] </Button >
91- </CodeAccess >
92- <CodeAccess :value =" ['AC_1000001']" >
91+ </AccessControl >
92+ <AccessControl :value =" ['AC_1000001']" type = " code " >
9393 <Button class =" mr-4" > User 账号可见 ["AC_1000001"] </Button >
94- </CodeAccess >
95- <CodeAccess :value =" ['AC_100100', 'AC_100010']" >
94+ </AccessControl >
95+ <AccessControl :value =" ['AC_100100', 'AC_100010']" type = " code " >
9696 <Button class =" mr-4" >
9797 Super & Admin 账号可见 ["AC_100100","AC_1000001"]
9898 </Button >
99- </CodeAccess >
99+ </AccessControl >
100+ </div >
101+
102+ <div
103+ v-if =" accessMode === 'frontend'"
104+ class =" card-box mt-5 p-5 font-semibold"
105+ >
106+ <div class =" mb-3 text-lg" >组件形式控制 - 用户角色方式</div >
107+ <AccessControl :value =" ['super']" >
108+ <Button class =" mr-4" > Super 角色可见 </Button >
109+ </AccessControl >
110+ <AccessControl :value =" ['admin']" >
111+ <Button class =" mr-4" > Admin 角色可见 </Button >
112+ </AccessControl >
113+ <AccessControl :value =" ['user']" >
114+ <Button class =" mr-4" > User 角色可见 </Button >
115+ </AccessControl >
116+ <AccessControl :value =" ['super', 'admin']" >
117+ <Button class =" mr-4" > Super & Admin 角色可见 </Button >
118+ </AccessControl >
100119 </div >
101120
102121 <div class =" card-box mt-5 p-5 font-semibold" >
0 commit comments