vue-pure-admin/dist/static/js/index-a59bb9a0.js
2023-05-24 13:01:18 +08:00

2 lines
1.4 KiB
JavaScript

import{d as b,x as k,r as C,bt as u,c as a,f as d,e as w,w as t,g as s,A as i,h as x,i as m,C as V,k as B,F as S,l as P,bp as z,D,bD as N}from"./index-4d06789b.js";const U={class:"card-header"},H=b({name:"PermissionPage",__name:"index",setup(A){var n;const o=k(()=>({width:"85vw",justifyContent:"start"})),l=C((n=u())==null?void 0:n.username),_=[{value:"admin",label:"管理员角色"},{value:"common",label:"普通角色"}];function p(){u().loginByUsername({username:l.value,password:"admin123"}).then(r=>{r.success&&(z().removeItem("async-routes"),D().clearAllCachePage(),N())})}return(r,c)=>{const v=a("el-tag"),f=a("el-option"),g=a("el-select"),y=a("el-card"),h=a("el-space");return d(),w(h,{direction:"vertical",size:"large"},{default:t(()=>[s(v,{style:i(o.value),size:"large",effect:"dark"},{default:t(()=>[x(" 模拟后台根据不同角色返回对应路由,观察左侧菜单变化(管理员角色可查看系统管理菜单、普通角色不可查看系统管理菜单) ")]),_:1},8,["style"]),s(y,{shadow:"never",style:i(o.value)},{header:t(()=>[m("div",U,[m("span",null,"当前角色:"+V(l.value),1)])]),default:t(()=>[s(g,{modelValue:l.value,"onUpdate:modelValue":c[0]||(c[0]=e=>l.value=e),onChange:p},{default:t(()=>[(d(),B(S,null,P(_,e=>s(f,{key:e.value,label:e.label,value:e.value},null,8,["label","value"])),64))]),_:1},8,["modelValue"])]),_:1},8,["style"])]),_:1})}}});export{H as default};