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