Btn-b361e456.js
3.7 KB
import{d as y,e as D,a8 as r,x as B,_ as a,a9 as n,aa as e,f as o,a0 as F,E as s,a1 as c,ac as d,v as f}from"./vue-5a35c3f5.js";import T from"./CurrentPermissionMode-b0465357.js";import{ay as P,ab as g,bL as C,_ as h}from"./index.js";import{A as U}from"./index-73ff8487.js";import{P as k}from"./index-f532aa07.js";import{ag as b,aT as $,aA as w}from"./antd-6b087f69.js";import"./useContentViewHeight-d0a5c58e.js";import"./useWindowSizeFn-cc2fb57c.js";import"./onMountedOrActivated-52afb7a7.js";const L=y({components:{Alert:b,PageWrapper:k,Space:$,CurrentPermissionMode:T,Divider:w,Authority:U},setup(){const{changeRole:u,hasPermission:l}=P(),E=g();return{userStore:E,RoleEnum:C,isSuper:D(()=>E.getRoleList.includes(C.SUPER)),isTest:D(()=>E.getRoleList.includes(C.TEST)),changeRole:u,hasPermission:l}}});const N={class:"mt-4"};function V(u,l,E,M,W,I){const _=r("CurrentPermissionMode"),R=r("Alert"),t=r("a-button"),A=r("Space"),i=r("Divider"),m=r("Authority"),S=r("PageWrapper"),p=B("auth");return a(),n(S,{title:"前端权限按钮示例",contentBackground:"",contentClass:"p-4",content:"由于刷新的时候会请求用户信息接口,会根据接口重置角色信息,所以刷新后界面会恢复原样,如果不需要,可以注释 src/layout/default/index内的获取用户信息接口"},{default:e(()=>[o(_),F("p",null,[s(" 当前角色: "),F("a",null,c(u.userStore.getRoleList),1)]),o(R,{class:"mt-4",type:"info",message:"点击后请查看按钮变化","show-icon":""}),F("div",N,[s(" 权限切换(请先切换权限模式为前端角色权限模式): "),o(A,null,{default:e(()=>[o(t,{onClick:l[0]||(l[0]=v=>u.changeRole(u.RoleEnum.SUPER)),type:u.isSuper?"primary":"default"},{default:e(()=>[s(c(u.RoleEnum.SUPER),1)]),_:1},8,["type"]),o(t,{onClick:l[1]||(l[1]=v=>u.changeRole(u.RoleEnum.TEST)),type:u.isTest?"primary":"default"},{default:e(()=>[s(c(u.RoleEnum.TEST),1)]),_:1},8,["type"])]),_:1})]),o(i,null,{default:e(()=>[s("组件方式判断权限(有需要可以自行全局注册)")]),_:1}),o(m,{value:u.RoleEnum.SUPER},{default:e(()=>[o(t,{type:"primary",class:"mx-4"},{default:e(()=>[s(" 拥有super角色权限可见 ")]),_:1})]),_:1},8,["value"]),o(m,{value:u.RoleEnum.TEST},{default:e(()=>[o(t,{color:"success",class:"mx-4"},{default:e(()=>[s(" 拥有test角色权限可见 ")]),_:1})]),_:1},8,["value"]),o(m,{value:[u.RoleEnum.TEST,u.RoleEnum.SUPER]},{default:e(()=>[o(t,{color:"error",class:"mx-4"},{default:e(()=>[s(" 拥有[test,super]角色权限可见 ")]),_:1})]),_:1},8,["value"]),o(i,null,{default:e(()=>[s("函数方式方式判断权限(适用于函数内部过滤)")]),_:1}),u.hasPermission(u.RoleEnum.SUPER)?(a(),n(t,{key:0,type:"primary",class:"mx-4"},{default:e(()=>[s(" 拥有super角色权限可见 ")]),_:1})):d("v-if",!0),u.hasPermission(u.RoleEnum.TEST)?(a(),n(t,{key:1,color:"success",class:"mx-4"},{default:e(()=>[s(" 拥有test角色权限可见 ")]),_:1})):d("v-if",!0),u.hasPermission([u.RoleEnum.TEST,u.RoleEnum.SUPER])?(a(),n(t,{key:2,color:"error",class:"mx-4"},{default:e(()=>[s(" 拥有[test,super]角色权限可见 ")]),_:1})):d("v-if",!0),o(i,null,{default:e(()=>[s("指令方式方式判断权限(该方式不能动态修改权限.)")]),_:1}),f((a(),n(t,{type:"primary",class:"mx-4"},{default:e(()=>[s(" 拥有super角色权限可见 ")]),_:1})),[[p,u.RoleEnum.SUPER]]),f((a(),n(t,{color:"success",class:"mx-4"},{default:e(()=>[s(" 拥有test角色权限可见 ")]),_:1})),[[p,u.RoleEnum.TEST]]),f((a(),n(t,{color:"error",class:"mx-4"},{default:e(()=>[s(" 拥有[test,super]角色权限可见 ")]),_:1})),[[p,[u.RoleEnum.TEST,u.RoleEnum.SUPER]]])]),_:1})}const X=h(L,[["render",V],["__scopeId","data-v-0602cb00"],["__file","E:/allcode/erp/test7901/order-erp-front/src/views/demo/permission/front/Btn.vue"]]);export{X as default};