vue-pure-admin/dist/static/js/index-594cd5e9.js
2023-05-14 16:42:53 +08:00

2 lines
1.4 KiB
JavaScript

import{d as b,x as k,r as C,bp as u,c as a,f as d,e as w,w as l,g as s,A as i,h as x,i as m,C as V,k as B,F as S,l as z,bl as P,D as N,bz as U}from"./index-5c8afed6.js";const A={class:"card-header"},H=b({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&&(P().removeItem("async-routes"),N().clearAllCachePage(),U())})}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:l(()=>[s(v,{style:i(o.value),size:"large",effect:"dark"},{default:l(()=>[x(" 模拟后台根据不同角色返回对应路由,观察左侧菜单变化(管理员角色可查看系统管理菜单、普通角色不可查看系统管理菜单) ")]),_:1},8,["style"]),s(y,{shadow:"never",style:i(o.value)},{header:l(()=>[m("div",A,[m("span",null,"当前角色:"+V(t.value),1)])]),default:l(()=>[s(g,{modelValue:t.value,"onUpdate:modelValue":c[0]||(c[0]=e=>t.value=e),onChange:p},{default:l(()=>[(d(),B(S,null,z(_,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};