From d79b39b7ebfcc681299d76b4a3cd0138d5d99efa Mon Sep 17 00:00:00 2001
From: zy7y <13271962515@163.com>
Date: Wed, 14 Sep 2022 00:39:19 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=87=E6=8D=A2=E8=A7=92=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 backend/controller/menu.py                    |   1 -
 backend/controller/role.py                    |  13 +++-
 backend/controller/user.py                    |  24 +++++-
 backend/core/security.py                      |   2 +-
 backend/dbhelper/menu.py                      |   2 +-
 backend/dbhelper/user.py                      |   6 ++
 backend/mini.db-shm                           | Bin 32768 -> 0 bytes
 backend/mini.db-wal                           | Bin 412032 -> 0 bytes
 backend/router/url.py                         |  29 ++++++--
 backend/tests/test_case.py                    |  14 ----
 .../src/components/layout/layout-header.vue   |  42 +++++++++++
 .../layout/layout-info/layout-info.vue        |  41 +++++++++++
 .../layout/layout-info/select-role.vue        |  69 ++++++++++++++++++
 frontend/src/router/index.js                  |   1 -
 frontend/src/service/user.js                  |   8 ++
 frontend/src/stores/user.js                   |  29 ++++++--
 frontend/src/utils/request.js                 |  10 ++-
 frontend/src/views/main/main.vue              |  14 ++--
 18 files changed, 255 insertions(+), 50 deletions(-)
 delete mode 100644 backend/mini.db-shm
 delete mode 100644 backend/mini.db-wal
 create mode 100644 frontend/src/components/layout/layout-header.vue
 create mode 100644 frontend/src/components/layout/layout-info/layout-info.vue
 create mode 100644 frontend/src/components/layout/layout-info/select-role.vue

diff --git a/backend/controller/menu.py b/backend/controller/menu.py
index 8d913d0..b97ec60 100644
--- a/backend/controller/menu.py
+++ b/backend/controller/menu.py
@@ -28,4 +28,3 @@ async def menu_put(pk: int, data: MenuIn) -> Response:
     if await put_menu(pk, data) == 0:
         return Response(code=400, msg="菜单不存在")
     return Response()
-
diff --git a/backend/controller/role.py b/backend/controller/role.py
index 6579935..d9e1222 100644
--- a/backend/controller/role.py
+++ b/backend/controller/role.py
@@ -4,10 +4,15 @@ from fastapi import Query
 
 from core.utils import list_to_tree
 from dbhelper.relation import role_assigned_menu
-from dbhelper.role import (del_role, get_role, get_role_menus, get_roles,
-                           new_role, put_role)
-from schemas import (ListAll, Response, RoleIn, RoleInfo, RoleMenuIn,
-                     RoleQuery, RoleRead)
+from dbhelper.role import (
+    del_role,
+    get_role,
+    get_role_menus,
+    get_roles,
+    new_role,
+    put_role,
+)
+from schemas import ListAll, Response, RoleIn, RoleInfo, RoleMenuIn, RoleQuery, RoleRead
 
 
 async def role_add(data: RoleIn) -> Response[RoleInfo]:
diff --git a/backend/controller/user.py b/backend/controller/user.py
index 81e9647..4d51ed4 100644
--- a/backend/controller/user.py
+++ b/backend/controller/user.py
@@ -1,8 +1,16 @@
-from fastapi import Query
+from fastapi import Depends, Query
+from starlette.requests import Request
 
-from core.security import get_password_hash
-from dbhelper.user import (del_user, get_user, get_user_info, get_users,
-                           insert_user, put_user)
+from core.security import check_token, get_password_hash
+from dbhelper.user import (
+    del_user,
+    get_user,
+    get_user_info,
+    get_users,
+    insert_user,
+    put_user,
+    select_role,
+)
 from schemas import Response, UserAdd, UserInfo, UserPut, UserQuery, UserRead
 from schemas.common import ListAll
 
@@ -63,3 +71,11 @@ async def user_put(pk: int, data: UserPut) -> Response:
     if isinstance(result, int):
         return Response(code=400, msg=f"角色不存在{result}")
     return Response()
+
+
+async def user_select_role(rid: int, user=Depends(check_token)):
+    """用户切换角色"""
+    res = await select_role(user.id, rid)
+    if res == 0:
+        return Response(code=400, msg=f"角色不存在{res}")
+    return Response()
diff --git a/backend/core/security.py b/backend/core/security.py
index c178d0d..8492817 100644
--- a/backend/core/security.py
+++ b/backend/core/security.py
@@ -74,7 +74,7 @@ async def check_permissions(request: Request, user: UserModel = Depends(check_to
     whitelist = [f"/user/{user.id}", f"/role/{active_rid}/menu"]
     flag = request.url.path in whitelist and request.method == "GET"
     if flag:
-        return
+        return user
 
     api = request.url.path
     for k, v in request.path_params.items():
diff --git a/backend/dbhelper/menu.py b/backend/dbhelper/menu.py
index 26256d1..b59c069 100644
--- a/backend/dbhelper/menu.py
+++ b/backend/dbhelper/menu.py
@@ -71,4 +71,4 @@ async def get_apis(pk: int):
 
 async def put_menu(pk: int, data):
     """更新菜单"""
-    return await MenuModel.filter(id=pk).update(**data.dict())
\ No newline at end of file
+    return await MenuModel.filter(id=pk).update(**data.dict())
diff --git a/backend/dbhelper/user.py b/backend/dbhelper/user.py
index 708adff..ea1da61 100644
--- a/backend/dbhelper/user.py
+++ b/backend/dbhelper/user.py
@@ -104,3 +104,9 @@ async def put_user(uid: int, data: UserPut):
     await UserRoleModel.bulk_create(
         [UserRoleModel(uid=uid, **role.dict()) for role in roles]
     )
+
+
+async def select_role(uid: int, rid: int):
+    """用户切换角色"""
+    await UserRoleModel.filter(uid=uid, rid__not=rid).update(status=1)
+    return await UserRoleModel.filter(uid=uid, rid=rid).update(status=5)
diff --git a/backend/mini.db-shm b/backend/mini.db-shm
deleted file mode 100644
index cd21bd97f7bf1e1417f1cc7affacc37610437fa9..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 32768
zcmeI)$xc*36oBC$kjYjW6|g~NMij+~K~b5SSw#_NQNiIcd;m8lEL@qm^r6`D4DK|M
zDs$WPf(;2nhx?zTa_Uy<R-N-bK;<_3iP0TK8PtCYITOalk1xNzXTFYR^Xor<=bO4e
zf16!i$PWL>?QnlM>R-fj{}x5E{6B@eDG#F}j5t4%<jN#hCAm7uH6hm~^P@?Qb;tkX
zp5k2C8`t9A!oKa+3pK?1(=d-F(Kz}R&%>vofC36Apnw7jD4>7>3Mim}0tzUgfC36A
zpnw7jD4>7>3Mim}0tzUgfC36Apnw7jD4>7>3Mim}0tzUgfC36Apnw7jD4>7>3Mim}
z0t)PdKv{TaqKcaED#S6eoY;pOy+VOf5h$mN^IYUISGmCux46R?lT0(mJr-Hw3D0@O
zn^Gy*IuzJ7feKF1$Z1+QM|*hxsFyzaxyAs)jBuB6^2{*LeID|dr@Y`bZ&~HTu2tYc
z3LKO`B|Ti=5?8p+AUC<qC=*OE%K{I0#4^u#$qMfdszC2mV9x}qS>xlLo$kR3l(IlA
z?}_g*8VaOOAVUL9>1*4L6$k>y$<eBW0;v?JqnWl;c5c%O)N_Uo85BsRz)8;1naa*>
rS^)(VP(T3%6i`3`1r$&~0R<FLKmi35P(T3%6i`3`1r$)=@C$4KmF_xD

diff --git a/backend/mini.db-wal b/backend/mini.db-wal
deleted file mode 100644
index 2f3842512a790d7e1ef47645f5af1678b8f39f71..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 412032
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%0DxTqTxLk7_zBx{}
z&Ec!@cx#+ayUXRPbb4kx95oKdaPxybU4icY%?D3xIvBoh(}_L1gomzP;KFTI<%;^5
z&uYI5ylYV29i3vVH3A4AfB*srAb<b@2q1s}0tloMC=lfW#%Q^KNnAo#FEFj*h9^F|
zZSau%UBIL?iFyI?hY0}$5I_I{1Q0*~0R#|0009Js7x<(}-K~FairxBdyQ^C4)_0}b
zt*@Ui2S3&tRBL<nKfHQ@f8O=KrhntAX-{gu3-pV60i}QVJI*B#KmY**5I_I{1Q0*~
z0R#|0V8jaKn<66$$ln{1>IGz<!PvNiFTZIsJW*5hl$Im7#-Lm?V(%3zh5!NxAb<b@
z2q1s}0tg_0z$g;voouwKg9KdEo0U8aK&8FX<E`|i9VS3O-{0Ea)-llc(7>)O{a^Uf
zbk~aMPS^ChYZk8hM9=j-3zn?<+~?|=KiAW=+SA$NzGhWh<qgg&I<HvSQ+0jC5|5+3
z{pzKaYr2-Ltypqpl>n4YiDTmq{&?@4)!Q2lvt*w_qw;5i_{W3*0tg_000IagfB*sr
zAb<b@V@n{{Tx?Z;To89lH}0UXvfz_f=0CVs)(e=GAE-G3alnKC0tg_000IagfB*sr
zAb<b@qe5V!**sGnS5Srq)Lw+9_s<c?(tucw;K|QFb#2dQJ~c-hUtpa<IjXE16?dDJ
zL;wK<5I_I{1Q0*~0R#|0V1x@aXu}d3ttn#!mCh<xb-G~*MT{VBzNta<Ei^VYS*@uP
z32_%4?xqA;zWlGu-L?O{xl^V;T{h(>|MHIaoASp3lkx|H@}Bs^ga85vAb<b@2q1s}
z0tg_000Lu1AlqU!8cimP#cGvf3+QqLdAGX$Yx^_beYH@uAuua1%N)VW<Os&hL(d&S
z009ILKmY**5I_I{1P~a50tKSoKrA_6N|7TF_qos-TpwIMd_RJtKls%j{`h*!SJfOr
z(Ho*4f%wCO00IagfB*srAb<b@2q1vK=n?2W$D|JYUy^d*|7v@+&*^hG(^c&2=Z6Bp
zP@p^fwe5q4b`OpG-+uikE_ZZ#nycpr*Em;QT{my>H5Ijs=C5tJqVxLJ8@%57`ar<G
zVE)SM*Iaq!yanBD>o2>;XCEE?2sVG_#TQ@s!Y6Lkas<B-{RoubjGl*{HAMgc1Q0*~
z0R#|0009ILKmdVs0(s^VqxM6GDQ!Q3iw`ee_?qFB3&;_qQ{;RE5I_I{1Q0*~0R#|0
z009I>mcVd10y%)d`{W38{Rn11(7NHG`P=?k>r-e``w=L%k#&Dr8w3zQ009ILKmY**
z5I_I{1U@W*`DS(Gf1@$Q$p6)Lufyr`c+*D`;^&)8qoE(c{>Oju#ecf}rIqr>0<(w^
z$bJMQ2|lc?joU#00R#|0009ILKmY**5J2F}3FKIevJZhdp&x-s-eR;*;r4CTJr|$<
z=^3(Kz^L3}5dWAEKmY**5I_I{1Q0*~0R#|0;EV~}Xe=^Vo0?|K`$(=KSKNxr;d0G!
z_~tm>Hixgq<E?S}?B2>Mw<B#`f`0zMkz)hL9vJ9*Xkgct4W(@>J3C5iN^85if}zgt
zz@nbey0(r$Yw5-c(Vrj`XcsrA>r?plS3fiPQ!lq(D1R5Q#QGG9riDxhAb<b@2q1s}
z0tg_000IagFd_wp9bX{dVxFq@DQpjP^b{B)T@AZC*9By)fJOYzkJby6UA}PXcmBNY
zXEH}%RNgU&e@qA<fB*srAb<b@2q1s}0tg^5HUuVEa%WiMD+<Kj(&Y%we{=Pn)t6no
zR@Muclq``W5Pz5uKmY**5I_I{1Q0*~0R#{j%K{rrS}A{Rx>A0Z)9!P5Dm|_=LkuR&
z*S>fU_PsFhd|#}Te@P$|YU@~?RLMWGas<b2e(i<_r+sai>{Dn_jvADAm6w$th$Bo0
zAb<b@2q1s}0tg_000IagFhT?hL@>Z81_)R#g8`;ta|B|owLXQz=LkOa*T3KPkFOMT
z$sB=6`A?A}5Pz5uKmY**5I_I{1Q0*~0R#|0VDt%06sZAYeDQ*5*c`#kNv^reW?gbn
z<_OG1Yt$TpIAB5m0R#|0009ILKmY**5J2Fx1bWXmYqk0xn_;cC8j2?;4ZH7h+kIY#
zr@A^_t-gN#z}*MKTc1f7cE2UyZ%-=JujmN|x+BByYscjo_Un2A>Z!}>TgVZ_`V_jC
zf8~b_mp@cOj^MO5cdm>80tg_000IagfB*srAb`Lb6wu`e%$dv)e6C>GC39y#k|T2j
zX5}?CM<5QE5I_I{1Q0*~0R#|0009ILKwxAGOte@<Y9OwR!u$bp1o!`U=XrPk`9Fd(
zM_?%wzYB<d1VwAa5her>KmY**5I_I{1Q0*~fsroId%k73QvE8s!{u|kJn2gH_45Z0
z+%>rEsf1GfrJ@Euxm3Tqb6p@>s;?fGf7DWac|?@zlOq@%{Rqx`=<1((->B;%M=;W#
z?yMgI2q1s}0tg_000IagfWY__(B%j$namL^x_S8@U-;d;-^m<-MfrLpM<9+cA%Fk^
z2q1s}0tg_000IagfWXKRP*Vf(6&;q0<Os?hUDLAUiL%WyN03!$kL3u&Q6>ZsKmY**
z5I_I{1Q0*~0YmTkS;Lj;d+iRNquN`Uu2f$?e{ko%{vEp$O7)vWQ~Kmmec5|HTB@%e
zmw(h!eR)JJ)h9<lKLUr=moQ<Is_p6uhB~_gNt=~;Qk&%yTba9S|9f+%Ot0_W@@B(Z
z1@p-f@N$O$0tg_000IagfB*srAb`L~70~4fvND+?`0SQnZZG)7&%Y&e1X;>~XpZ0j
zNrI8OEwEk)Ab<b@2q1s}0tg_000QGcKuZn86_;e4p&Y^2r~cm=#WUaW%N#*=!S=Wu
zfjGg000IagfB*srAb<b@2%K4gUR$<Wq+e2BZoSlKD4FbXxLk7_zBx{}&Ec!@cx&7a
zyVG6iOFN!^!u<ZtM~**t=Z4a@m7N`>HKld_;F=Yk{_fWJV(LIB)Yh@O!oQ-kCsYyC
zol?(}h59CKwpyxBj(~myj-(CK<+O{fveM(y(j!_a|6tz>1JC!xHowu)kKl>#Us$%{
zzaH)*M{s6e>{vPi2q1s}0tg_000IagfB*s?TtJs2$j)Sr;IHSu<!xAd&l@sFkge?1
zas+#o*A$WjAN=9sng}3(00IagfB*srAb<b@2%Ne=zQtN%)M{R`KeQadPySN$((XUZ
z>ykNwoPvB^jzFAbLI42-5I_I{1Q0*~fw3)cQ;s&)e!0PDFqRdcn^Z0BcG;a?uiNWM
zGuD2>{DHd<hPOTwzUOfN!}rIkscTzXOE;R#J)#=DW@UH49|}~+<BJz9X(2}t2|P5>
zkHC?lR^M&+c^#hW>PW4=x^*QCyWc`Tg466r@c-OjIOooaa4$K6vHfDty+Z&21Q0*~
z0R#|0009IL7|jB@96?Sda|9oM>t~iX-=1)x%n{@$TXi`CagqrE1Q0*~0R#|0009IL
zKmY**&Vaxqi*bh06klSKb5?Q$*Zlp>=YILh@7|C(g53O@6LJLN3?>8+KmY**5I_I{
z1Q5u$KyPlYR=r=LR_{+MNv_`a*j<&rYEM<V>V5ru?W;xq)(21Qc{EnNUl&*x2nAvV
z{H^LqwSd23L)Y4kb@dDCTk6RX(2v0GaQWQPeh-5O?i$?oR6?o#Qu-03$T*CdegxZ_
zCVQ@ZX|jPFLB?O|Ss(%kAb<b@2q1s}0tg_000J2j(B%knGnpgU@|oxF8GL)=cV&(s
zSLxB`2zp2oWat58F$f@l00IagfB*srAb<b@<5?g+G@w=X<i?++4b^#eas;2f{qK(j
z%QpT}<_N5Le@V&_h_jdwKmY**5I_I{1P~ZA0=-#QUH$&#<of+8yW3e=Rq0DtzptMk
zi3aa|T70UH)$cFuY84~y$LjZc)RRN?`-_*hkRzZU!R~}oefkm9(2rn_(`|G3YCPT=
zr_b)Kta3ZNX<mpD<_{b>HgN2LgiWfpt1B4l><%pI39W1E2#B5_6~XnvP@rABpqu53
zx-xgy{`clinf~2tzdzyI?O)kPj$q8Z)p17<KmY**5I_I{1Q0*~0R+aJfG$U1&18<?
zV{>xqe*L$9IV5ugR%Jy}jzFBnga85vAb<b@2q1s}0tg_000Jj1pi2m-<wVx_vqo5s
zVDYNl=4BUj?2|cyygV_!z%5Ev(VD{73hf2k3-a@C&ijivlL-L?5I_I{1Q0*~flLVW
z8uGLv{@HR6{;AVa6!ClQ?&@k+RoX%L_4BnN{=q|!g*R=E74bKAtm=%F@UISphU)h(
zt8XDk5E$~HAAx^GXHTetegyO*$Q3VeNtq&-zTd!b^R-g`!M+y;p6`pj94!fiLTw$Z
zlPdXdG-|Jf^FESmNO|K4If0}bPndstIfCs6e|7739#}h-96=`D=vW2<2q1s}0tg_0
z00IagfB*t#LO_=z$jfAop!0>nzy18s)DD>=$Ws=j$PtJ$nGiq#0R#|0009ILKmY**
z5I`W6Kzu?#D__csKPx=qa|DmQ^V*7U<?sET%n{^Uf0HstAkJn&009ILKmY**5E#V*
zz1jJ3WAINaJ2$B$)#I>x+@310JI&D73G*Xk@ISDB@X*6?^|Jo%m1|-J{MYsby4PzZ
z>*~?Pi<Y#IBj~Q!(6x3W{Rl+22Ko`uk3bH)?{eFHUWcc;I?ZcO!hG$uCt=wAmVm!K
zsZd{g@zI9g*N*oD1KsxPdbCYXgo-wpwAaPjbfx^`Cr1#xC-n2qp6S0KM=*-t=vj3H
z5I_I{1Q0*~0R#|00D&<spvw{DXEH}H(EiJC@SLWP$Q(hwa!INj!6hUK#`xyN-9rEY
z1Q0*~0R#|0009ILI4J>LLO?B=%8x&5ROSd?`Sv^C|7-iJO)^JNU|p9cM<8Y}A%Fk^
z2q1s}0tkFyftw1na@BG<3V&H~iZXte-Q#mRD!pk+X+8S+g9q*!-1b!Xp2PhQ-ybXE
zuWfA=HT;(D&UJyBmE8eZs4b7H<@@9awEBJe5v&VD3i#DL1N{i-N1&GSSJ96kWlMnZ
zlOuSm^WPpGZ29+Qas(gvZJsM4fB*srAb<b@2q1s}0tg^*h6Qvvf`Uxu2>x={6IXok
z#(%m+<_HRu@-#UDF@p&K1Q0*~0R#|0009ILKmdX9B%mb(;!Cs&;zI-BF_I&A%2@Y!
z*6#1jkU4_F++U^55r|n#2q1s}0tg_0z~~a_%`J=@guiTBN%A249(!e_*W-1jtKQeo
z*FGBdZ+-B@o=0QV`*i_XnH?+OZ&gpK1^n@a+T;kj*VB(c8xx&=1ksp_935WWDs0*6
zGqt3?+<K|eP%=5`nd)}fo$gAX%ai7rnlQhA^O57v-8u9e^#|9i==68D#*bJZ2!+}@
zR#%WCAV<(NgMI|lH!q(1<h}zN$q|gMPdThD0tg_000IagfB*srAb`NQ642!c3Nx7_
zSon6~XMfxM^CL1xP^e5vmm`=$l3-kIaNJo05I_I{1Q0*~0R#|0V4MlWhX%CDu)_GW
zw4q+dWRBqDhhP2TO<keC%N#*bZu9%(2*gY#1Q0*~0R#|0;C%&p3yRco;7cpyu=|EN
z$>qSFDtndF<MX)FlmjQs*P@$|Wasw%;eFe}_iZ|{XV*}HaIA<wQn}yV*1EBxJ<!o3
z2c9QKKtF=+n$>~OQ2jpr2<S)95fFVlDuUz)d~=*`o5M$rfE>ZxDbw%x@%MexuWf#n
zegyCPA%~d=Ab<b@2q1s}0tg_000Ib{MFCxopeU0$f{(oUk1xM^ndJ_dBPc5Rvo1$a
z^k=0<*{ZBiE>RXKBni&q<IhbafB*srAb<b@2q1s}0tlR@z=am$rAAY_O0=T*(7^c0
z5nTP#ue?zB=&R*2N1){V@O^UxVm1>32q1s}0tk$7fg6>$5%>$s&P^KE+vBxYRl6#k
zRp|=(_4DIDKE;anmjwLXE7!;o__gBwYkLBb!RE;k)X<MWY#3%a(0q-$U1%lzLz{>p
zPuoIg%c#lJX~|I&x7Y5ju69+W+d>oO58Qn)y!DyELyv_wZH{fBjUB5xW2-@qKy8<y
zJtmROQ$9ZN?J{z-2c=v-C}qXTFB@)`-RbqZy=mJ4=;vz>ik8KWJt(!UqI^HHX{_uH
z_(K78+n^u8t}QX6CXs-O@0qYZ7z(tjxu}X@+;JI{vR~H|h$W`Zw`dRG$7Wcot%l;{
zXO*kU?r{0sY5O@O%-5n@1APw-#I4*?vC$;2oQx_(S57@H|EMb`kI3B4`R3tP&TaR3
z9iHmyG;c~S{d{ffN?5s;fWJL?<<#vwBBvggf7F$eN5sl)Flp;XKZ5BK>N~twIKS6N
zj$nj;$Yb>oKmY**5I_I{1Q0*~0R+aefG$U%WHLu^=ZiZ(f6M#{_sJZAQgmFOBREcy
zU>t9B+;s#HKmY**5I_I{1Q0-A)Cy>+fcUC6g&e^HTB(J2P)+iIRp##6|DG6k@a}j2
z_Z?sQar0c6BbbmgcbFW3xBwFZ2q1s}0tmzj^ePjyDnxbs{W5oQ{cWYgUhS@|a-|!8
zKVg3V)-5MC??^l5zAVhF@dtx#t2?v`e(iXmRjntL1-ax1=trP#C6PjHd0Z{j&d!h9
zQm3T~m^kbnx2MXRZcFv(=SM2VAJ{*5=;2rubSz*(j-YgDSF5O$j}^}Ms3(W|A}n4i
z+GXU%Jtk$-N|Hi9Zjaqn>8tjnja2C8YmbQ*ijF-db<vI;<OuxTt?`xS^dq1j0Xc%9
z-v!*wp8xUYtb2b=jv($M9!C*C009ILKmY**5I_I{1P~Ze0=gW*giPiLHeLOXn(*uH
ztujY2q3Csej^Onok_01aJ78rHKmY**5I_I{1Q0*~0R)l+w9r6&&D{iY1jim2?0aG0
z`99MGOYRKoz>#AE$I|2o4t{xC=wEm5TOo4<6SH3&Hb)>X!h`?<2q1vKND=5YOpGtX
zO)&;@rORIJ^EiF!%5W3rhxa}$M$pzqVvd#J#>#;$YI$~~99S*S7L~x{2t=KF#n52$
z^dq1jfoxPkj({A&)@SHPFvk&Js_(Tse2!{wr8esR;Ld&hJ9a0Gs!u<H8iyk(PeVU~
zG>saZKD)QF%I)xK^W(qu$3DT-c69|qo!x=>2#wm>LVS=j%MWwW@ddW8da0xD;0>3P
zBN!<kaaj)p5I_I{1Q0*~0R#|0009IN1#~%riJ8n1JW%lbo=4XF{w<j!m{{~eVvgVi
zk_3s51*Z`}009ILKmY**5I_I{1kRp7Bq0!2<2R8UL3rykS^<iAqDT!GwfcdR%@G{`
zp~d*!oWTZ}Bbb!^v6ILVhzl_xfB*srAYd@`8Yk&$_)`qT@3DKmRUTh;nhLl|{d}$D
zR4c8FRlvn+__Nvr9X&OXA=c$_b%=Fx1Qqlnh>o^y(Hb;t=%yb5{Rm1MJ63hZ;tZ<;
zp`ktim({oQW?AE3yrxY~s#|tf+1<{{s!Cs)7q5i*k=_jISCr%zFD+9+KZ4TQ*4Ef#
z5_v7}2?n~=*K%97`jC{=ms>A28cI?;Bo4dNUFmaq(mf>l`Td)Z9DnZ4*n?5$53X6!
zNk0O2T0d8n-Qn`Z=4)xXgpk8h@n|Jgqie6bLA5enJ1$>;?AP@K)Kl{LcD`AAzI|+l
zwc2V(5%^2U2_!uq6Xt8rw}h2z3HaNSS59tV6_J%wkIO&m%E=>Q<u;hKb*ueIt|3=^
zv`fBir(JAyl^$1`4bP>YAOBT6w)rj5T3;ls-i=1>#^<HG@r0Z}(#j>wKfN5m;cv~q
zeo4-vUy&o=BR&EMAb<b@2q1s}0tg_000JXbK$jz!l*t^yj$7<~`_Fy!H!?>ssp#><
z9Kqv7Bnd|9M!|X^fB*srAb<b@2q1s}0%Khu5*oPYaR0;iYej{V$PwH%xa}#eXu>kl
zVil=@yAPgLj-bqzJ^RL6%8tk!!Q`yNCzT@*7h^&I0R#{@O9H*QleMz53WL#LESpx6
zR9045W%qg9m6eg<X@{HNzxBZrdmc?F-mi;RW^2X!t?J1NS-fAdp=<5Ny7~q6E%oFG
z)&&;Rk04UKPd|cCKvYO;9V;SF7+Fjk_k_8rKzr(zt54nH<lK$NW%u~pj<iqRg!x*X
zZ^{ARwbh6eYO9Si7A<M%&CZW|?U+`UVg(#_kK0q_b*HJ9_2}nEYUdx=KX~ZjxO!QC
z_e%N^bas^1(2szA1TGi-2*?qL*MiZJBUrt>&G_vfo#!P-aF#ycbF&B_fB*srAb<b@
z2q1s}0tgH%pvw_V&SZ|@l~)>V@BQtr@5&s(<f1Pn<_Nx2M3P|GM~4d_fB*srAb<b@
z2q1s}0tlSGK(wvEP%-0Vas)f~_3zlNr3SLp)Ij{mkeSI5><hemq<+y&f0a3cbFyZg
zWR5^wkO=_<5Ey3yy;<kP)!>$;7{9vGXLmSUPG7n)YZK-lf3Yuo_tz8Z_Y(%+kBna(
ztKXMZ>*NUhp@14`pdW!Y^fUbkqNx}95!6Hmd?!axLqCE?W7&>aE==o-5Q({{W3vzC
z!fwhLCg$RH*_~dm+ncr>fPQ`?WuoT6V{1Y`0=vWKsP<NBNgeI|KVek;CXv@m8n#|b
z@kK_}S3eQRKkBIZ@`zfhZ_ysW^h5sZ`wb*T4CzNO?)wp3cgIcZXC1!pPvi*3*%ut{
zE&>Q3fB*srAb<b@2q1vKC=$@+2+ql5j$qHt%Z~Ox`SP<eM{rKjW_^xebJ6QXBnd{*
zcEYM6fB*srAb<b@2q1s}0;5DgO9;eQP@Y4MASd5qEiv|QK63oIJF~Uaz?sPrnB`WY
z%-yyBy}47SUwnJ#zs_*J_Mfs|AWM0~puDTRto%SZDvmNCfB*srAb<b@2q1s}0tg_0
zz=tm|G0QyDC;}wQWnY=)GBh$dqxAw=@-9Vx7kJm-Tr#7y=mxb<VcsT#@{H21lokD?
zXlGG<;d_No7OpOwTJT1}wu1ke|Hu5t^Zoh7dEXHiV?qD{1Q0*~0R#|0;B*BVCg&Ke
zO-)u~Lf+X|<8ay?m2RKAI%V6$r1_H@CS_<zlNu&wXh{<rCS+(y6B?8ZElFu8%FvRE
z8VWPCq{4=R3@xdkAwNS)%5TWa(30{RtQlI8wIMe{OUiA?$<UH=8nQFAr0j;Q3@s_E
z!IGgRSsKh4T9UcJl%XY=E;DLNvYzg1rg-tr7XS03zY8dnF1YunU%hRz+K)ilXi(l$
z{-FF;2`j%;{zG|Pc~$wQ@(tx{N}qB-c~IG-+@)++ZWR|}LI42-5I_I{1Q0*~0R#|0
z0D)5#$hH`*#>tb_gGrOrgNYN>g9#JV14U5}ii*^O!b0_+pg=vy&sPuf^3(&XRXxbf
zRS$A<)PwA7^&l%tJ+N5R1G8B@FqteCtJNx2S(hWY>>pp>e#?Ph{X02=Q++VGJOT(H
zfB*srAb<b@2q1s}0%t@ZIY&@(=5hqrezW)9`ajvrWsaaE_ob7}5#;%-|80H5y3ATA
zuEK->0tg_000Ib{C4t5gwWQLRq72<_cRH)RuGF1FMH#w&zA3-)yi6_1+E|>aMddb5
z$<(598qdwtqRb8FXp2fw$*N~fu5{JUH<2T7IBG<TTZhXv$KjjfblV)h8c$M6f*irg
zrAf#UoSYLmf|GL^Upaz5Y`yO%m+r{_vdj^bC<|qd;5s!)&=JcLtP*L0&xkz1m1?43
zA(?`+^udRlMF0T=5I_I{1Q0*~0R#{jaRNCOqtTdeDp3!urt{RpTvM@nm}8ov9-2+(
SW?QUAqv;&Ap#SXV2>w5kVUe%^

diff --git a/backend/router/url.py b/backend/router/url.py
index f146478..29111c0 100644
--- a/backend/router/url.py
+++ b/backend/router/url.py
@@ -4,10 +4,24 @@ from fastapi import Depends, routing
 
 from controller.common import about, login
 from controller.menu import menu_add, menu_arr, menu_del, menu_put
-from controller.role import (assigned_menu, role_add, role_arr, role_del,
-                             role_has_menu, role_put, role_query)
-from controller.user import (user_add, user_arr, user_del, user_info,
-                             user_list, user_put)
+from controller.role import (
+    assigned_menu,
+    role_add,
+    role_arr,
+    role_del,
+    role_has_menu,
+    role_put,
+    role_query,
+)
+from controller.user import (
+    user_add,
+    user_arr,
+    user_del,
+    user_info,
+    user_list,
+    user_put,
+    user_select_role,
+)
 from core.security import check_permissions
 
 
@@ -107,9 +121,7 @@ class Route(routing.APIRoute):
         )
 
 
-has_perm = {
-    # "dependencies": [Depends(check_permissions)]
-}
+has_perm = {"dependencies": [Depends(check_permissions)]}
 
 routes = [
     Route.post("/login", endpoint=login, tags=["公共"], summary="登录"),
@@ -129,6 +141,9 @@ routes = [
     Route.post(
         "/user/query", endpoint=user_list, tags=["用户管理"], summary="用户列表查询", **has_perm
     ),
+    Route.put(
+        "/user/role/{rid}", endpoint=user_select_role, tags=["用户管理"], summary="用户切换角色"
+    ),
     # 角色管理,
     Route.get("/role", endpoint=role_arr, tags=["角色管理"], summary="角色列表", **has_perm),
     Route.post("/role", endpoint=role_add, tags=["角色管理"], summary="角色新增", **has_perm),
diff --git a/backend/tests/test_case.py b/backend/tests/test_case.py
index b676cb2..4d708a7 100644
--- a/backend/tests/test_case.py
+++ b/backend/tests/test_case.py
@@ -309,20 +309,6 @@ params = [
             method="DELETE",
         ).dict(),
     ),
-    (
-        "/menu",
-        MenuIn(
-            name="修改菜单",
-            meta={"icon": "Update"},
-            path=None,
-            type=2,
-            component=None,
-            pid=5,
-            identifier="menu:update",
-            api="/menu/{pk}",
-            method="PUT",
-        ).dict(),
-    ),
     # 分配权限
     (
         "/role/assigned/menu",
diff --git a/frontend/src/components/layout/layout-header.vue b/frontend/src/components/layout/layout-header.vue
new file mode 100644
index 0000000..fbd00c6
--- /dev/null
+++ b/frontend/src/components/layout/layout-header.vue
@@ -0,0 +1,42 @@
+<script setup>
+import { ref } from "vue";
+import UserInfo from "@/components/layout/layout-info/layout-info.vue";
+import { MenuUnfoldOutlined, MenuFoldOutlined } from "@ant-design/icons-vue";
+
+// 记录图标状态
+const collapsed = ref(false);
+
+const emits = defineEmits(["changeFold"]);
+
+// 修改图标状态同时传递参数给父组件让其变更菜单收缩
+const clickMenuFold = () => {
+  collapsed.value = !collapsed.value;
+  // 父组件需要绑定这个事件
+  emits("changeFold", collapsed.value);
+};
+</script>
+
+<template>
+  <div class="header">
+    <menu-unfold-outlined
+      v-if="collapsed"
+      class="trigger"
+      @click="clickMenuFold"
+    />
+    <menu-fold-outlined v-else class="trigger" @click="clickMenuFold" />
+    <UserInfo />
+  </div>
+</template>
+
+<style scoped>
+.trigger {
+  margin-left: 16px;
+  font-size: 24px;
+}
+
+.right {
+  float: right;
+  margin-right: 16px;
+  font-size: 16px;
+}
+</style>
diff --git a/frontend/src/components/layout/layout-info/layout-info.vue b/frontend/src/components/layout/layout-info/layout-info.vue
new file mode 100644
index 0000000..a2bec66
--- /dev/null
+++ b/frontend/src/components/layout/layout-info/layout-info.vue
@@ -0,0 +1,41 @@
+<script setup>
+import { ref } from "vue";
+import { useRouter } from "vue-router";
+import { userStore } from "@/stores/user";
+
+import SelectRole from "./select-role.vue";
+
+const store = userStore();
+const router = useRouter();
+
+const roleChangeRef = ref();
+
+const onClick = ({ key }) => {
+  if (key === "1") {
+    // 点击切换角色
+    roleChangeRef.value?.showModal();
+  } else {
+    store.$reset();
+    router.push("/login");
+  }
+};
+</script>
+
+<template>
+  <div class="right">
+    <a-dropdown>
+      <a class="ant-dropdown-link" @click.prevent>
+        {{ store.userInfo.nickname }} - {{ store.userInfo.roles[0].name }}
+      </a>
+      <template #overlay>
+        <a-menu @click="onClick">
+          <a-menu-item key="1">切换角色</a-menu-item>
+          <a-menu-item key="2">退出登录</a-menu-item>
+        </a-menu>
+      </template>
+    </a-dropdown>
+    <SelectRole ref="roleChangeRef" />
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/frontend/src/components/layout/layout-info/select-role.vue b/frontend/src/components/layout/layout-info/select-role.vue
new file mode 100644
index 0000000..6b418f2
--- /dev/null
+++ b/frontend/src/components/layout/layout-info/select-role.vue
@@ -0,0 +1,69 @@
+<script setup>
+import { ref, computed } from "vue";
+import { userStore } from "@/stores/user";
+
+const store = userStore();
+
+const loading = ref(false);
+const visible = ref(false);
+
+const currentRoleId = ref(store.userInfo.roles[0].id);
+
+// 角色列表选项
+const options = computed(() => {
+  return store.userInfo.roles.map((role) => ({
+    label: role.name,
+    value: role.id,
+  }));
+});
+
+const showModal = () => {
+  visible.value = true;
+};
+
+const handleOk = () => {
+  loading.value = true;
+  store.userSelectRole(currentRoleId.value);
+  setTimeout(() => {
+    loading.value = false;
+    visible.value = false;
+  }, 1000);
+};
+
+const handleCancel = () => {
+  visible.value = false;
+};
+
+defineExpose({
+  showModal,
+});
+</script>
+
+<template>
+  <div class="select-role">
+    <a-modal v-model:visible="visible" title="切换角色" @ok="handleOk">
+      <template #footer>
+        <a-button key="back" @click="handleCancel">取消</a-button>
+        <a-button
+          key="submit"
+          type="primary"
+          :loading="loading"
+          @click="handleOk"
+          >确定</a-button
+        >
+      </template>
+      <span>选择角色：</span>
+
+      <a-space direction="vertical">
+        <a-select
+          v-model:value="currentRoleId"
+          size="default"
+          style="width: 400px"
+          :options="options"
+        ></a-select>
+      </a-space>
+    </a-modal>
+  </div>
+</template>
+
+<style scoped></style>
diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js
index e2f563c..f6a53aa 100644
--- a/frontend/src/router/index.js
+++ b/frontend/src/router/index.js
@@ -1,7 +1,6 @@
 import { createRouter, createWebHistory } from "vue-router";
 import { message } from "ant-design-vue";
 import { userStore } from "@/stores/user";
-import { loadRouter } from "@/utils/loadCpn";
 
 const routes = [
   {
diff --git a/frontend/src/service/user.js b/frontend/src/service/user.js
index 435d494..73ae873 100644
--- a/frontend/src/service/user.js
+++ b/frontend/src/service/user.js
@@ -21,3 +21,11 @@ export function getMenus(rid) {
     url: `/role/${rid}/menu`,
   });
 }
+
+// 修改用户信息
+export function selectRole(rid) {
+  return request({
+    url: `/user/role/${rid}`,
+    method: "put",
+  });
+}
diff --git a/frontend/src/stores/user.js b/frontend/src/stores/user.js
index 3ed7110..0744bdc 100644
--- a/frontend/src/stores/user.js
+++ b/frontend/src/stores/user.js
@@ -4,7 +4,7 @@ import { message } from "ant-design-vue";
 
 import router from "@/router";
 import { loadRouter, loadDefaultMenu } from "@/utils/loadCpn";
-import { getMenus, getUserInfo, login } from "@/service/user";
+import { getMenus, getUserInfo, login, selectRole } from "@/service/user";
 
 export const userStore = defineStore(
   "user",
@@ -28,14 +28,13 @@ export const userStore = defineStore(
       userMenus.value = [];
     };
 
-    // 非setup语法时的actions
-    const loginAction = async (data) => {
-      // 1. 登录
-      const res = await login(data);
-      token.value = res.data.token;
-
+    /**
+     * 获取用户信息 & 菜单路由
+     * @param {*} uid 用户id
+     */
+    const getUserData = async (uid) => {
       // 2. 获取用户信息
-      const info = await getUserInfo(res.data.id);
+      const info = await getUserInfo(uid);
       userInfo.value = info.data;
 
       // 3. 获取权限信息
@@ -55,7 +54,13 @@ export const userStore = defineStore(
       } else {
         router.push("/main");
       }
+    };
 
+    const loginAction = async (data) => {
+      // 1. 登录
+      const res = await login(data);
+      token.value = res.data.token;
+      await getUserData(res.data.id);
       // 弹框提示登录成功
       message.success("登录成功.");
     };
@@ -65,6 +70,13 @@ export const userStore = defineStore(
       loadRouter(userMenus.value);
     };
 
+    // 切换角色
+    const userSelectRole = async (rid) => {
+      await selectRole(rid);
+      // 重新拿用户信息
+      await getUserData(userInfo.value.id);
+    };
+
     return {
       token,
       accessToken,
@@ -75,6 +87,7 @@ export const userStore = defineStore(
       $reset,
       loginAction,
       loadRoleRouter,
+      userSelectRole,
     };
   },
   {
diff --git a/frontend/src/utils/request.js b/frontend/src/utils/request.js
index a6e2283..a633c95 100644
--- a/frontend/src/utils/request.js
+++ b/frontend/src/utils/request.js
@@ -25,7 +25,15 @@ export default (config) => {
     },
     (err) => {
       userStore().isLoading = !userStore().isLoading;
-      message.error(err);
+      if (err.response.data?.msg) {
+        message.error(err.response.data.msg);
+      } else if (err.response.data?.detail) {
+        // 请求参数缺失
+        message.error(err.response.data?.detail[0].msg);
+      } else {
+        message.error(err.message);
+      }
+
       return Promise.reject(err);
     }
   );
diff --git a/frontend/src/views/main/main.vue b/frontend/src/views/main/main.vue
index 714380a..9c6f5bf 100644
--- a/frontend/src/views/main/main.vue
+++ b/frontend/src/views/main/main.vue
@@ -1,17 +1,15 @@
 <script setup>
 import { ref } from "vue";
-import router from "@/router";
-
-import { userStore } from "@/stores/user";
 
 import SiderMenu from "@/components/layout/sider-menu.vue";
-const store = userStore();
+import LayoutHeader from "@/components/layout/layout-header.vue";
 
+// a-ayout-sider 折叠状态响应式数据
 const collapsed = ref(false);
 
-const logout = () => {
-  store.$reset();
-  router.push("/login");
+// header组件 折叠按钮事件 触发a-layout-sider折叠
+const changeSiderFold = (subValue) => {
+  collapsed.value = subValue;
 };
 </script>
 
@@ -25,7 +23,7 @@ const logout = () => {
       <a-layout>
         <a-layout-header style="background: #fff; padding: 0">
           <!-- 页头 -->
-          <a-button @click="logout">退出</a-button>
+          <LayoutHeader @changeFold="changeSiderFold" />
         </a-layout-header>
         <!-- 面包屑 -->
         <a-layout-content