From 5a681da0883270af239d4fd8a7fd7e9501999c0f Mon Sep 17 00:00:00 2001
From: songwc <songwc@dongwu-inc.com>
Date: Wed, 19 Oct 2022 18:27:37 +0800
Subject: [PATCH 1/2] =?UTF-8?q?feat:=E9=A1=B9=E7=9B=AE-=E5=9F=BA=E7=A1=80?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF-=E8=AE=BE=E7=BD=AE=20=20=20=20=E6=96=B0?=
 =?UTF-8?q?=E5=A2=9E=E9=A1=B9=E7=9B=AE-=E5=9F=BA=E7=A1=80=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF-=E6=8E=92=E8=A1=8C=E6=A6=9C=20=20=20=E8=80=83?=
 =?UTF-8?q?=E8=AF=95=E7=AE=A1=E7=90=86=E6=8A=BD=E5=B1=89=20=20=20=E4=BD=9C?=
 =?UTF-8?q?=E4=B8=9A=E7=AE=A1=E7=90=86=EF=BC=8C=E5=AF=BC=E5=87=BA=EF=BC=8C?=
 =?UTF-8?q?=E6=9F=A5=E7=9C=8B=E6=8A=BD=E5=B1=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/assets/images/basicinfo/call.png     | Bin 0 -> 482 bytes
 src/assets/images/basicinfo/check.png    | Bin 0 -> 1104 bytes
 src/assets/images/basicinfo/download.png | Bin 0 -> 2266 bytes
 src/assets/images/basicinfo/edit.png     | Bin 0 -> 362 bytes
 src/assets/images/basicinfo/in.png       | Bin 0 -> 429 bytes
 src/assets/images/basicinfo/see.png      | Bin 0 -> 2307 bytes
 src/assets/scss/common.scss              | 111 +----
 src/components/drawers/FaceManage.vue    | 110 ++++-
 src/components/drawers/FaceStu.vue       |   6 +-
 src/components/drawers/TestManage.vue    | 493 +++++++++++++++++++++++
 src/components/drawers/TimeManage.vue    |   6 +-
 src/components/drawers/WorkDetail.vue    | 212 ++++++++++
 src/components/drawers/WorkManage.vue    | 156 ++++++-
 src/views/learningpath/LearningPath.vue  |   4 +-
 src/views/projectcenter/TaskPage.vue     | 404 ++++++++++++++++++-
 15 files changed, 1361 insertions(+), 141 deletions(-)
 create mode 100644 src/assets/images/basicinfo/call.png
 create mode 100644 src/assets/images/basicinfo/check.png
 create mode 100644 src/assets/images/basicinfo/download.png
 create mode 100644 src/assets/images/basicinfo/edit.png
 create mode 100644 src/assets/images/basicinfo/in.png
 create mode 100644 src/assets/images/basicinfo/see.png
 create mode 100644 src/components/drawers/TestManage.vue
 create mode 100644 src/components/drawers/WorkDetail.vue

diff --git a/src/assets/images/basicinfo/call.png b/src/assets/images/basicinfo/call.png
new file mode 100644
index 0000000000000000000000000000000000000000..5b2e4051a0298f375109b772aae2d83457972503
GIT binary patch
literal 482
zcmV<80UiE{P)<h;3K|Lk000e1NJLTq000sI000sQ1^@s6R?d!B00001b5ch_0Itp)
z=>Px$oJmAMR5(wq)IX@saTLe#*D+8AgTl?^|6;+Uh)fJD{)e)-Q4As_e{xG*46@xK
z-7E}ZQw*e746Gz9CYcP%4Rv&G-{<yp-Ftf;`7OUXo!;ksKEKcTh5z)#Oq|SIfNR)Q
z?}!+lu765UW>$R=S1=3jF%S_;3Y3{^u@0jVkyRT9W#%GWz^XQJF;?RqPU9GkN5sO`
zzaMw;2>T*ptOI(6HF()TKXEf6s$PRGb%R=MJMI@SA_hC4UpN~P*QfHJ8<d$3FsC-b
zLEOTI4ybh2>LWdXwlqn%aS|W!s&7z}HH0&mkE__*D`+<kN5qZ>+J?tihMo0wdjd_C
zo0+FtzUJZb_>eYXMvuBdnOU)Tj;9fEAT!_KOJAS{d5urljP=d<36I7w6cJ_IUr%N(
zZApI8&ZY9R94}BCZS8FI5EZbujZ#u8oaZCrduCp2@fc`U9K{WM#HNV&)&b3}Myzb0
z+1P`xID(CnPNX(_hjS6}W8&7PkyFsoN-aL)cSNk{>-sy*nOT>A0*5dX5qJIx)XzWf
Y4~t2?t_=7}Qvd(}07*qoM6N<$f*V8CSpWb4

literal 0
HcmV?d00001

diff --git a/src/assets/images/basicinfo/check.png b/src/assets/images/basicinfo/check.png
new file mode 100644
index 0000000000000000000000000000000000000000..cc8fce545b22c83796cead97c0978bf23bef8474
GIT binary patch
literal 1104
zcmV-W1h4yvP)<h;3K|Lk000e1NJLTq001Ze001Zm1^@s6jQ+T700001b5ch_0Itp)
z=>Px(3Q0skR9HvNnO|reRTRd*Z+4rcRK;Ry6%`+(=z~x&)r36Q&ZdYYi&}RF`ruO^
zOqHluP`a~<D>l1UMa77%KIn@mb|zRV8Y|6ijkO52RE>!LL9Dd3Q4s%hXOqm4JDate
zG%+)iQDz?&cK3Ye{`TB^&pC515#m)SKx?@%b3Lf(fOHVJ8sMc6Ip1?f{tn0q0lorw
z6yjEDW5XX83UGrC#~^|ohmFg$GwuM$I{;iBL<`_JL|%25YtKK_ZT;j|>kF`WVADm=
zw8sE$0nqB#`2uzhATPspA2v6>`O9Ly76lxvWH)PqApzPKa~9-x0uxAZAh+In<KJ`(
z0v0M8lFQuoArf1I3>?%}1iL4-iF*qA!KwMQ^8!A7*jVmVVF{!!=zwAD3BKLh24h>d
zb!M*q96%MhR#~<8|AK1(DM*K>Z<`y*a{vcNv%CK5X<aDFYP$11_Fc`t&jM5%f`Zq>
zOjA@ECb+qI<NO1tQVF%hmr?K5px|nEi#vTyBL$rWEN5N-I4itCokwRcyUf(^-Cj{r
zZ(fC{%6AbY;iwoLw~be+isJzmM>8dm+oSRxi64>2&7R>L>xDo2Lx|eyn?ooA8npdN
zAR;>f-0nksyf$WE$znOv3GgEyg0Lp9m?>M;a10)}WwoZYd?vuf{+vk{ixp!#L`wby
zL9OI#hg!#@y7h;*lq%V`AV~Z6LgqMF&e#MqzD0fw1vQf0xs-Ku2Cg51-G1es9bu~}
z9tU`BAfX>);sH~)pHikzyq{S!HO*rHR``*gwUN(Rsu-t5#9u2#`B7ZHrU6MIHUQ{Y
zV8Hisx_vVV@oGET4~d{N7@TU%Il)pnTNVFJ=ocrde_l7#JL2pSBk|2au_)LyXW*Zc
z<k|;y>!i0aMzaMHj|7FQ&oG>zfJ*hOsoVD}2c-}CR?1}CrvR^*0T4h-o2fnTsLwmc
zj2ot>+z$aJ!vhAHVs8`?5%%SK>=AGAmyPv=j0%td@SK^l?^EADx&NjWwd4iINURA1
z=S5IWamY<_O5EDo{KkE!yhv7z9U^Y}yy{<__x6rBb?~g(vHfA;>VOyzpJs@6P2KKQ
zAyv*^JaXr<{&g=+&ZLwy1p6AbJ~X74W|oks1+p!l8h)l3pg3l%!jy~ySRERyAykQa
ziKWgFvMaA!pEP`yD%rgvxOK^J_4VErMYHg2qJ`-T+g5%*@!PNYuqkDpKU8lPyfqU=
zyCtZBXo)6rUb3jSTgqYV8`gSSh;hsB0ml8INkPW?v9qzbWBuT+AY*^@p&(;@c+{Bc
zSRcPNC)?N_V9sg);(P?$3>w=*^ttu5`5HpRU8k-gNbQp5YX}kdq`HP6wIfTphWHx~
W9^r`en`jLH0000<MNUMnLSTX*_yl_Z

literal 0
HcmV?d00001

diff --git a/src/assets/images/basicinfo/download.png b/src/assets/images/basicinfo/download.png
new file mode 100644
index 0000000000000000000000000000000000000000..2efba8620176035a9529e3e2255f0c9871e36a91
GIT binary patch
literal 2266
zcmV<02qpK4P)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00001b5ch_0Itp)
z=>Px-lu1NERA@uhntxDK*A>UV_r14Ic3BYQhXN5ItXljL+r|nl6=5>d*pQkiuGKcN
zMO!9SM?=d@n@(rMnNE{-NQu_ijA>!U{GzOAV{2<VlL2+;NUBMVKd8E(!T=)DMRsA=
z-S_V8+?Ca3*=2WiUFiJ}_P+bh=bj(;ymKx=7=tlJe5dc)wQJn}!dUX&)SWwbGT-M2
zA>;lRXzdAw7!{l}H#ZCC&Ycq#MG;h06?8fsvDs`90q_+}uh+AYkr5_}B9$bGE?&G?
zEh;La0N6xeeud!xCX-13AYQ+IT@xD{D=%5HBqKLBw?L!Oq!U8)l+s56A_xLwjM-c+
zS5I48Tg%zAXS;`ohn-njSuOyo(P*UpfW`?^RaGUVrKO1gGy?+zTBFgpboT7ougJ2z
zoDjm{qBa;~)ai7d?CR=z)nqcAPD)C$190{B_NrA?Ra{H=#uyL}#Ngmyj4aFgjT<-q
zC^0ed=c53RL<1r03fB;|SS-IfaNxl2old7MAtAxx3v*96Zch96@0U0PfazsrWm{5G
zQho+tvH*M;S$}{3Yjt&X`vBbLFy-atipR|E3E9xl!2KaclBD>8f`a8smo9yu5W-Dt
z$_&PsdiwO~@3geEoKzHLC@U+=v2NWul?&(w8Fg-r*=&vjFmuO_9kn{0ZrK#lhG#Q*
zMEhj-?%kUJ^cf5WtI=q5ajkejgzD;Qt*WX?27_TqX=&-70YufY!%#bIY;1hqY&M@2
zMRB0AveHfnxf?>8nwq4xwzjyDk&(2OD_6d_aN$Dk8&h^%xNzaMW5<rYqtoenb8~a8
z#l^*n8)VO(J<}WxN21f|%v`^I{kEK(oEN7o1%USU_IK**>-WmC+!+%SW7)oa`yIml
zqo$@NhB20`s%rMywQDQp%$f7tgM!?&DmY=bqou=+_I?)z?RUd{f>uCIiUtMQS`-?z
zNR5*o^cA>z_3DQQ4<4)$MX`era;u`E!r=y~uCCSrNL3VNuF+`Ro|BVP67F02Z7Tlo
z&)fLxIU8t@3`rosvy1ik!PllEMIU}(Y;SKrYBHJjNRo5~z|G3a$`LonzJ2>*hlYk`
zF~;T@jmB*TgW;RufSfejQT4Z57;%Q2<GGjD$plr;BxAWj8_w%sHk<!$GMV-gLN3S0
z$KTkpWy>((r@2<EjU|N40x*B|>eX8f2E)owS8n*!iZ_}pVBs;`Pb~=Wa&aQoeVIr8
z(1zJ;K6d!<;Wq(XVvOCe+wJ#3R8>tA1Y!P~HEXucojdpGP?qGH`00oJ0U<;Ic=vm=
zaNADtQvJ<<OA-S7`ni;lHFM?4m5&Y`I`k%`^pYrwy?#MTOG~*%f`V|LSYO*Sp*hXa
z2{^jtF*m?ht2-y$8*XOxo6<w_8ME2^QDb9cWI$g1$A59;bK8W%g#*GDTJ?k;uY6-h
zP-BP~2oJHV_xA*iPT_*^Xm+?fJ!oi-7|6lTta$xnOVFJQ7lbePlcy4~_Dd5xe#Ag3
z8gJs%RYyRO@8`#(%i_XkU3bR#$g_)LA&Ufu&IUHg{5dhGDNUVllOhJP>aA{YXZJVK
z;zb-P&)^v~-fp>#@~<bjr}4v*AApoG6u;30r~k*@&VJ;jjOc(A)^x$820l2p7AD|@
zW$|tp!egt~_+7IF@1M2?6jUP;oT!*RH9)u&+g2ptyI+YPBhcRC7QFYbzz}?LR6%@A
zi#s(>4t;a1mx~kd?I-WT_=AuHKtJv7vz`%E)ADxq#pyEM+AtG`|7}CHpGa0-5RYLe
z^Q(#9JfDpGIa+L}>qYmV;%14evwMf%l?!6A^O+=^>2zRQL*O*TpV8NEN<-ER4YoD(
z;Y{Zp_mrrHU+)9)>0BMEN|K>ahSqBisKIjhQKD%Q!LqCvcQDxcr#^hzbq7&D5V<U#
z6eVN2i1*6U!3BGeaoet9-5+}~<e<?{QMka~Nn_Rw3156{+PF{~42)~<lWPw2SylJ9
z$)qHWT*zQ)d@vBt@8PEL5j)wv1)QW0tH`DC-Y}E!srzU^JU$bx;zLNL70#!wKOcxj
zIcUO9T~G0$q@?7B3l=O`6{@37#=MIcFCIC1^yu4TiVwc!pyJ}<4f*-`FHDAjp}zCf
zsZ;MZH8p)OrX1v3pqn{!W<gn5*)OJY5xcIg?w5UieJ$e(blxRXMNyV)-n{w8si~=%
zQ?aek*VorsTU+~ENs@Rq{(i}ntJAxPt<h)}W@l$VRa#oQA=*8|V5Y@eaE*<PA9Qqd
zeC%?$E{rK+^M}3L3aYBkV~jmfR8;h>yu7?8r;t`yYisM7=H}+V5JEl|Me*{uwgO}9
zUZY14ge*$w7Z_uUR;*Z2oR^okND$mTp9jkdgKcy0-x;M8t*x!+j~_qYL<l)A2*Q6T
zrPs$bdVE`Nk|aH@s_J|I^D;9t7Zny3F3iZtNFcr+;K7A>s2RMS+uhwgc;du~3!R;v
z=K)+6Me&lNDA)Y9-uT<Ro1qSeV-_JKlQEVJ;Bi7odR$!GtnBRU)VR1ftt`vDx#6zl
zKa`|C507?enbYZ1tX8YNqod=d)oQ)L80!IWjS$ko7~{>I8-AOid_CXxG$AAzKsu$A
z*JjcHBs0e12_ag>m}WFQM-+sM0f66Za52VsZ*T~}EdafOAan!hVT|#=1GlF+jPHd3
zyWO5BNm3GHED1oOs;Y5<AjA+tG>kDZ(x%2ui4dYP#$1$AhbW4?<YFO&3@C~+pw((E
zK`#t=wCsC@LlA^mN~vBHMLpMss;bi%W8Aa^Ns<t$J1P7QilVp+5L_dQD2jKuR#a8B
z34&mwln#e{g~J2m?^2D^>6BGfl_{kXk8+-qUs3KhR3COolH{rQaS$p90*7(Rvg~}I
oOEumC{oh}63beaZ`Qq9C0Pck~t%NEHWdHyG07*qoM6N<$f@h0oQ~&?~

literal 0
HcmV?d00001

diff --git a/src/assets/images/basicinfo/edit.png b/src/assets/images/basicinfo/edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..1bbecc7fe44327c2ef2f595ee41f0df8494d2c0f
GIT binary patch
literal 362
zcmV-w0hRuVP)<h;3K|Lk000e1NJLTq000sI000sQ1^@s6R?d!B00001b5ch_0Itp)
z=>Px$BuPX;R5(wq)UQfqQ4|N@Z-IhkF!%tzz&wG$FklhHYSAztf?^ztqJqgkXb_VR
zponO(*(@?J6MX@bn8YZ^k}dbb<>Ed2UU0V)&Ug0u@mnW+(~06_<|6hnT5&fcVyE@a
zZ~VkwL_D>j7cAkv0zE~<TV`%y88?{3L>o$sN5o@o(iXCfgNXQ(nOFEX5Y%y#4IJSd
zbC~WM>Og))#6#<Oy+9Fh)fbeRn^-{`nZX$r3R2>zLNz2ack#awsv)f!T;Oj{C^Ji-
zt4-rnq0Ib&XS`ynRHHkSc1<#~_l+{Mgt>-O9Acz1*v_uipkowlxNJ}vF(R(NDr*gz
z#~5x)XPVmH2-Vi4X|#Tqw)-1HxWvhzzmaa}9e0@hgudf^0Iy)%q|&b$KmY&$07*qo
IM6N<$g1pe3UH||9

literal 0
HcmV?d00001

diff --git a/src/assets/images/basicinfo/in.png b/src/assets/images/basicinfo/in.png
new file mode 100644
index 0000000000000000000000000000000000000000..413c902bf639b3839269d62d450104ab58b46bcb
GIT binary patch
literal 429
zcmV;e0aE^nP)<h;3K|Lk000e1NJLTq000vJ000vR1^@s6a!@wR00001b5ch_0Itp)
z=>Px$XGugsR5(wqlsza$aTLaXkCe%*Oa>)Z`Bo??i(;}_SQt!7iDHoqHiJ@ZltGzI
z@;#7EN><sJ6doP!m0s`lzHdBrm)rUO&iOy*xmWz76fD~lz#>qY!+rs}B^~DWv|R)A
z0u8{Hq_Y(E2+RWqIfu%DQ%SGsd)pnr0?-5802jcDq|+2;pe5*8x3*mdECG|i4zMgK
zKwl~awh9aZgOZN(H7yEeyC2w1roYUZzF62buq|osx8)av*=__*fNDt(e}&BeeUiEg
zMKbSXw!4AnFxvJSAW37k>w!8+;opaB*8&@oI<sKov3g)2iNaNQ2J8cylBT}FTEd3t
zmg$-8SzsEtO`bMj4;YmcxlAW(PJ*2cORf;WNPB1<82b)NYKns;#gY2>4u^9=CBq7B
z(DskX-hg&Vk*AVmyA?Q+RF*E_9H;>9N+Nw0hXoO%rW95MjO6*B6~lf?;&T51`!Br%
X`)kM)xjmFE00000NkvXXu0mjf<=?ff

literal 0
HcmV?d00001

diff --git a/src/assets/images/basicinfo/see.png b/src/assets/images/basicinfo/see.png
new file mode 100644
index 0000000000000000000000000000000000000000..9dd653739ab92053b1c92d3a5fe891d8451262de
GIT binary patch
literal 2307
zcmV+e3H<hnP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&00001b5ch_0Itp)
z=>Px-y-7qtRA@upntxCf*B!vWZ+CC+H*mn+0a`o3=u9~47*jLBC}U#UbSAbHm6OE$
zp%g+|#h^9T>5p)voi;UOBob$|5VSLKJi!#3+L<O(8iR@2IIU^)Y)2zb4IUl`9C$x>
zZ+Bnk?Qtg@2X`O>>6_UZj@^CxKJWYEec$){5KOG0_{TBE6YF7&rx6;}HF+}S&J(^p
z>|4lYvmuAWfh-ma%FWG1PNx%PWo0FM@1EfL`ucEQULNl5?#2#>16wQ>Y_r)2)R<t2
zrvYPBTU$%+Q5a(?Jw2UXvt~_hUS8fxg+eh$k|g~-jWo&26h(Q%;qWb|(|P99sZ-s9
zgM%VMNCE(<rltlXghl}+QWezN+DbVb4jLiER8&+fHJi;fG)+GN0QCI?NYJ+^isFYZ
zm#en1vGJc6W5Hsvh$ST@QasEE5R9=5ar^ddCKwE|TeoiAs?}<LIRtQD)oGjwBC{|0
z{r+DZIB?*ATCL`Da&m-tnBjv%EiElF1OO;EZ{EC3uh;(y0A>nclwa|By+1#4<j7k9
zz!4a$)k@S&R<qb3Z8jUR2S%gOC`(IAADuUE-d_NKK+UEm+`M`7J9fMM(?B4=A%p~*
z%|>8iAjCTn{byO0)$ZK6vsI~77R@4QL?;u6!{LwW>gudK&-(#@x7lnWk%}yls5B5l
znxdkj`Kwl~`V=8V%_dRANHCU8pFaI)M@PqXjBy|;6&a+Yq=YUkEM!Gd)R&f)K09~r
z-1^xF5gk)kS68*&Za+rTwD;V(b9`%Ss~D9CV>B979*-xzqN1YOWHRlV%^*EJJ#~$Z
zjr9hDVbJY%hio>RKtRx;Lx&iT$D_d*8_LVe_he^hS56kB$1B2_FM{xKX8^9d!!Qt(
zZ4olm6wEg&U`4(LRz9c(lYa6`Qg3hXp{Ay$*APM;gTWA}tgMWH)YQ}{R4SDg0J6%;
z%66MfrizJz^!h|-Iy(rbF8M%A5+P9t;Je?@LHY7@$kt69sHdl=vAMZ<F97s~LLq-`
zZEaWv*}s23D+q!%6bfaRmzTe6G#bk%0`kfAAiVPDUI_3h$9Qu08WzE;&t${n^VJji
z9Jt-?rlzK**HtQ2FT*hY?c2BWh^*!f4GpZ%=hG>b%B)SBHtjZ>%|A%B=Mxvbu<vgk
zkS4|u>z+tw$CC!w@Nnwko6F^T`{>c5dpVBl)9G}+s;a8HApQOQdbL`ewPni|B9W9p
zh$MEObWa*0N<(0NyVeLRQk0C_?SA|4;lr;7gTcPc%uMe+fe@S6*zBCJI*lc1qGrd-
z@=~&yDFu1$gMRqq=e|@mFs0|dzgP!*zMYx$*(n1dF1Gl0x5iW{qmGun5>b`hbViPY
zoPz><d_4&7UGf2uW}-$^tnGz4NnP`lfxLUs2X*cJ2?t|cs)rX>rh{4$iE#X!B!{Ou
zW#o5&m!RRJ0XX@u#M0cgIuq7EtQ%J<QwFl*-5xl9BQ)w`FF%zD>y|_YF%S^pHy`xN
ziz8{o#s2i^OfYC7>&EZ@eg_Vo85q^aV-Kic-+I&ZfPC-ZEpW%F$Ck&^;Dr?#u>tHk
z>4yLI3-IHo3_w)ojdqW$W_88J*fWXjjHu;%FV2}BkfMEGLU`En{ZI}IjnA2ZCL<nF
zr*AcM!Tu5xeDmun`F|I`<lslgUGV<4xsaxcs97kC;khH-&^;)`2CkqHbnN)r%z!MO
zqlAN{W{75Vh+Pnn2CE4knHK^1tc!ym+DC$rOj6}B7hH03GXs)HwRS#ffRd$mS7)+N
zc6kKYC94*Ky1({=IgNog*4<St5)}}Y8{Vc>wGtUSO#$pJHp21;B5{)^Ai}TT@0VRJ
zY0LA~@Uy2gAyXSM_OmyF@RK$-2$A48)~40i$8x_61@O`n23WsDA5$}LDB^yjc0ppY
zKYZqeH$U`@f*>^0>VA_ghy^(;tXrZ7GP{{W?zYb_!nqqE8R9=KKA|yB`+`VDk!py-
zG6;xK5BG9oxuj_iQOH34Z-PbwGnHZd-nGV*H&{~^q6}A!nb=s}7m%oACcD+GeI`5Q
z4OMgk?;A+eW=QhkPnUd2cZ~O%e7LV5(b*!dx#Nofe9{?Am=1b8UkybMYLf0b#tXK_
z1&JmfN=r+(<>lp7jT^Pi@J*-F*<iQZ-x`s8h))M?*sx*af&~j+o#C;L`}u3vuDx>N
z#EIi0(n0YFy8Qh7hpblXNm6#3r7%)UOUv5M&dz_2O3)2YnTn#AQ(ax%pw((0nT=%y
zzu*6l`uh4Rnx=2Zr%Xv%A(q6ZY1*`G*|O!USFe6^25N@Mlt656Z-42+g$rjzQS6CN
zVvi^*ghHV#hGEQBtM&Q({QR<6Bo*A*+1cFE((;ZV2riXM)t9KOAeY@pp+~3FrH8}e
zY=n@hxVU)Z!i5W;AF`L3swI+LfOPfh)py$3+Kyw4dlU*qug~Wj998Hcvp&4^1^@<<
znP(U#Ytf=biwg@2pUud~D3}2UAbC8VE9cLjKX&=@<<A8{=pzPB_H7AEZ$vSN7efU>
zAPMbsp63k|MUm8qJ~ublTu@M8(dl$qEX%4$@;jMAPv$<UpYuE)^7(vySFT)fba!{V
z0Kh9r(g4e{9**M%8HVwVRSYHH98sS3dc9hNke*xw1Y@kBX_}QJNiifDil!%C+ZYc{
z6y*%0e8PdEsIVxCJVGcyKrqJgrPu385p?YGH0dG!z<?-<Dwbt6!C+9sFbt6bOHq^z
zLQxbF#YpLHsv1qxSd!!dg(OK*7$L+9f)G-x)d8O812j#OzmpyqkjE2+i5}q~C2Mk}
zrKKr2jw28ZP1A^6f*@DCrmQgxgGEu4F8~mfN@e)YojYMth9+0aM>wJ*A~5lXYLrSP
z?e%(Ta>z!hRH9HQBt!5#KP50M%gUu9l}d#<jw1(WB)wiQavUd4>QGJG^nSIEIgO($
dv-aTG{{X>@F=y37i-G_E002ovPDHLkV1gptQx5<D

literal 0
HcmV?d00001

diff --git a/src/assets/scss/common.scss b/src/assets/scss/common.scss
index 077d0f97..46152dc0 100644
--- a/src/assets/scss/common.scss
+++ b/src/assets/scss/common.scss
@@ -373,113 +373,4 @@ textarea {
   }
 }
 
-//弹窗--------------------------------------------------------
-
-
-//面授管理弹窗
-.FacMa {
-  .ant-modal {
-    width: 424px;
-    height: 258px;
-
-    .ant-modal-content {
-      width: 424px;
-      height: 258px;
-
-      .ant-modal-body {
-        width: 424px;
-        height: 258px;
-        padding: 0px;
-
-        .head {
-          width: 424px;
-          height: 68px;
-          // position: absolute;
-          // left: 0;
-          // top: 0;
-          background: linear-gradient(180deg,
-              rgba(78, 166, 255, 0.2) 0%,
-              rgba(78, 166, 255, 0) 100%);
-          display: flex;
-
-          justify-content: center;
-
-          .inhead {
-            width: 90%;
-            height: 100%;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-
-            .left {
-              display: flex;
-              align-items: center;
-
-              .gan {
-                width: 16px;
-                height: 16px;
-                background-image: url(../../assets/images/taskpage/gan.png);
-              }
-
-              .tis {
-                margin-left: 5px;
-                width: 32px;
-                font-size: 16px;
-                font-weight: 600;
-                color: #333333;
-              }
-            }
-
-            .right {
-              width: 22px;
-              height: 22px;
-              background-image: url(../../assets/images/basicinfo/close.png);
-              background-size: 100% 100%;
-              cursor: pointer;
-            }
-          }
-        }
-
-        .main {
-          margin-top: 20px;
-          width: 100%;
-          display: flex;
-          justify-content: center;
-          font-size: 14px;
-          font-weight: 400;
-          color: #333333;
-        }
-
-        .butn {
-          width: 100%;
-          display: flex;
-          margin-top: 60px;
-          justify-content: center;
-
-          .btn {
-            width: 100px;
-            height: 40px;
-            border-radius: 4px;
-            cursor: pointer;
-          }
-
-          .btn1 {
-            color: #387df7;
-
-            background: #ffffff;
-            border: 1px solid #387df7;
-          }
-
-          .btn2 {
-            background: #388be1;
-            color: #fff;
-            border: 0;
-            margin-left: 10px;
-          }
-        }
-      }
-    }
-  }
-}
-
-//面授管理弹窗
\ No newline at end of file
+//弹窗--------------------------------------------------------
\ No newline at end of file
diff --git a/src/components/drawers/FaceManage.vue b/src/components/drawers/FaceManage.vue
index 2cb8c875..f422311b 100644
--- a/src/components/drawers/FaceManage.vue
+++ b/src/components/drawers/FaceManage.vue
@@ -8,7 +8,7 @@
   >
     <div class="drawerMain">
       <div class="header">
-        <div class="headerTitle">面授【管理】</div>
+        <div class="headerTitle">【面授】管理</div>
         <img
           style="width: 29px; height: 29px; cursor: pointer"
           src="../../assets/images/basicinfo/close.png"
@@ -372,7 +372,115 @@ export default {
 //   }
 
 // }
+//面授管理弹窗
+.FacMa {
+  .ant-modal {
+    width: 424px;
+    height: 258px;
 
+    .ant-modal-content {
+      width: 424px;
+      height: 258px;
+
+      .ant-modal-body {
+        width: 424px;
+        height: 258px;
+        padding: 0px;
+
+        .head {
+          width: 424px;
+          height: 68px;
+          // position: absolute;
+          // left: 0;
+          // top: 0;
+          background: linear-gradient(
+            180deg,
+            rgba(78, 166, 255, 0.2) 0%,
+            rgba(78, 166, 255, 0) 100%
+          );
+          display: flex;
+
+          justify-content: center;
+
+          .inhead {
+            width: 90%;
+            height: 100%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            .left {
+              display: flex;
+              align-items: center;
+
+              .gan {
+                width: 16px;
+                height: 16px;
+                background-image: url(../../assets/images/taskpage/gan.png);
+              }
+
+              .tis {
+                margin-left: 5px;
+                width: 32px;
+                font-size: 16px;
+                font-weight: 600;
+                color: #333333;
+              }
+            }
+
+            .right {
+              width: 22px;
+              height: 22px;
+              background-image: url(../../assets/images/basicinfo/close.png);
+              background-size: 100% 100%;
+              cursor: pointer;
+            }
+          }
+        }
+
+        .main {
+          margin-top: 20px;
+          width: 100%;
+          display: flex;
+          justify-content: center;
+          font-size: 14px;
+          font-weight: 400;
+          color: #333333;
+        }
+
+        .butn {
+          width: 100%;
+          display: flex;
+          margin-top: 60px;
+          justify-content: center;
+
+          .btn {
+            width: 100px;
+            height: 40px;
+            border-radius: 4px;
+            cursor: pointer;
+          }
+
+          .btn1 {
+            color: #387df7;
+
+            background: #ffffff;
+            border: 1px solid #387df7;
+          }
+
+          .btn2 {
+            background: #388be1;
+            color: #fff;
+            border: 0;
+            margin-left: 10px;
+          }
+        }
+      }
+    }
+  }
+}
+
+//面授管理弹窗
 .FaceManage {
   .drawerMain {
     min-width: 600px;
diff --git a/src/components/drawers/FaceStu.vue b/src/components/drawers/FaceStu.vue
index a83b60ef..c630893c 100644
--- a/src/components/drawers/FaceStu.vue
+++ b/src/components/drawers/FaceStu.vue
@@ -567,9 +567,9 @@ export default {
           justify-content: center;
           align-items: center;
           .img1 {
-            width: 15px;
-            height: 17px;
-            background-image: url(../../assets/images/courseManage/search0.png);
+            width: 19px;
+            height: 19px;
+            background-image: url(../../assets/images/basicinfo/in.png);
             background-size: 100% 100%;
             margin-right: 7px;
           }
diff --git a/src/components/drawers/TestManage.vue b/src/components/drawers/TestManage.vue
new file mode 100644
index 00000000..be8c80a3
--- /dev/null
+++ b/src/components/drawers/TestManage.vue
@@ -0,0 +1,493 @@
+<template>
+  <a-drawer
+    :visible="TMvisible"
+    class="drawerStyle TestManage"
+    placement="right"
+    width="60%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">【考试】管理</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="endtime">起止时间：2022-07-21 14:00 ～ 2022-7-30 14:00</div>
+        <div class="search">
+          <div class="sealeft">
+            <div class="namecon" style="margin-right: 30px">
+              <div class="name">姓名：</div>
+              <a-input
+                v-model:value="name"
+                style="width: 270px; height: 40px; border-radius: 8px"
+                placeholder="请输入姓名"
+              />
+            </div>
+            <div class="namecon" style="margin-right: 50px">
+              <div class="name">任务状态：</div>
+              <div class="select">
+                <a-select
+                  v-model:value="projectName"
+                  style="width: 160px"
+                  placeholder="请选择"
+                  :options="projectNameList"
+                  @change="selectProjectName"
+                  allowClear
+                  showSearch
+                ></a-select>
+              </div>
+            </div>
+          </div>
+          <div class="btns">
+            <div class="btn btn1" style="margin-right: 20px">
+              <div class="img1"></div>
+              <div class="wz">搜索</div>
+            </div>
+            <div class="btn btn2">
+              <div class="img2"></div>
+              <div class="wz">重置</div>
+            </div>
+          </div>
+        </div>
+        <div class="btnss" style="margin-top: 20px">
+          <div class="btn btn1" style="margin-right: 20px; cursor: pointer">
+            <div class="img2"></div>
+            <div class="wz">催促考试</div>
+          </div>
+          <div class="btn btn2">
+            <div class="img1"></div>
+            <div class="wz">导出数据</div>
+          </div>
+        </div>
+        <div class="tab" style="margin-top: 20px; margin-bottom: 100px">
+          <a-table
+            style="border: 1px solid #f2f6fe"
+            :columns="tablecolumns"
+            :data-source="tabledata"
+            :loading="tableDataTotal === -1 ? true : false"
+            expandRowByClick="true"
+            :scroll="{ x: 900, y: 500 }"
+            @expand="expandTable"
+            :pagination="false"
+          />
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { toRefs, reactive } from "vue";
+export default {
+  name: "TestManage",
+  props: {
+    TMvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  setup(props, ctx) {
+    const state = reactive({
+      name: null,
+      projectNameList: [
+        {
+          id: 1,
+          value: "项目一",
+          label: "项目一",
+        },
+        {
+          id: 2,
+          value: "项目二",
+          label: "项目二",
+        },
+        {
+          id: 3,
+          value: "项目三",
+          label: "项目三",
+        },
+        {
+          id: 4,
+          value: "项目四",
+          label: "项目四",
+        },
+      ],
+      tabledata: [
+        {
+          key: 1,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "-",
+          score: "-",
+          time: "-",
+          state: "未完成",
+        },
+        {
+          key: 2,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "1",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 3,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 4,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 5,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 6,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 7,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 8,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 9,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+        {
+          key: 10,
+          name: "哈哈",
+          bum: "产品部",
+          gangw: "产品经理",
+          comp: "10",
+          score: "10",
+          time: "2022-10-31  23:12:00",
+          state: "未完成",
+        },
+      ],
+      tablecolumns: [
+        {
+          title: "姓名",
+          dataIndex: "name",
+          key: "name",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "所在部门",
+          dataIndex: "bum",
+          key: "bum",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "所在岗位",
+          dataIndex: "gangw",
+          key: "gangw",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "考试次数",
+          dataIndex: "comp",
+          key: "comp",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "成绩",
+          dataIndex: "score",
+          key: "score",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "完成时间",
+          dataIndex: "time",
+          key: "time",
+          width: 100,
+          align: "center",
+          className: "h",
+        },
+        {
+          title: "任务状态",
+          dataIndex: "state",
+          key: "state",
+          width: 50,
+          align: "center",
+          className: "h",
+        },
+      ],
+    });
+    const selectProjectName = (value, index) => {
+      console.log("value", value, index);
+    };
+    const closeDrawer = () => {
+      ctx.emit("update:TMvisible", false);
+    };
+
+    return {
+      ...toRefs(state),
+      selectProjectName,
+      closeDrawer,
+    };
+  },
+};
+</script>
+
+<style  lang="scss" >
+// .drawerStyle {
+//   .ant-drawer-content-wrapper {
+//     // max-width: 1000px;
+//     .ant-drawer-header {
+//       display: none !important;
+//     }
+//     .ant-drawer-body {
+//       padding: 0;
+//     }
+//   }
+
+// }
+//作业管理弹窗
+
+//作业管理弹窗
+.TestManage {
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+      width: 100%;
+      height: 100%;
+      // background-color: #bfa;
+      // overflow-y: auto;
+      .endtime {
+        font-size: 16px;
+        font-weight: 500;
+        color: #333333;
+      }
+      .search {
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        margin-top: 20px;
+        justify-content: space-between;
+
+        .sealeft {
+          display: flex;
+          .namecon {
+            display: flex;
+            flex-wrap: nowrap;
+            margin-bottom: 10px;
+            .name {
+              margin-top: 8px;
+            }
+          }
+        }
+        .btns {
+          display: flex;
+          flex-wrap: nowrap;
+
+          .btn {
+            cursor: pointer;
+            width: 100px;
+            height: 40px;
+            border-radius: 8px;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            .img1 {
+              width: 15px;
+              height: 17px;
+              background-image: url(../../assets/images/courseManage/search0.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+            .img2 {
+              width: 16px;
+              height: 18px;
+              background-image: url(../../assets/images/courseManage/reset1.png);
+              background-size: 100% 100%;
+              margin-right: 7px;
+            }
+          }
+
+          .btn1 {
+            background: #388be1;
+
+            color: #ffffff;
+          }
+          .btn2 {
+            background: #ffffff;
+
+            color: #388be1;
+            border: 1px solid #388be1;
+          }
+        }
+      }
+      .btnss {
+        display: flex;
+        flex-wrap: nowrap;
+
+        .btn {
+          cursor: pointer;
+          width: 130px;
+          height: 40px;
+          border-radius: 8px;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          .img1 {
+            width: 17px;
+            height: 16px;
+            background-image: url(../../assets/images/coursewareManage/export.png);
+            background-size: 100% 100%;
+            margin-right: 7px;
+          }
+          .img2 {
+            width: 18px;
+            height: 18px;
+            background-image: url(../../assets/images/basicinfo/call.png);
+            background-size: 100% 100%;
+            margin-right: 7px;
+          }
+        }
+
+        .btn1 {
+          background: #388be1;
+
+          color: #ffffff;
+        }
+        .btn2 {
+          background: #ffffff;
+
+          color: #388be1;
+          border: 1px solid #388be1;
+        }
+      }
+      .tab {
+        th.h {
+          background-color: #eff4fc !important;
+        }
+
+        .ant-table-tbody
+          > tr:hover:not(.ant-table-expanded-row):not(.ant-table-row-selected)
+          > td {
+          background: #f6f9fd;
+        }
+      }
+    }
+
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/TimeManage.vue b/src/components/drawers/TimeManage.vue
index 976b3522..bd9d59d3 100644
--- a/src/components/drawers/TimeManage.vue
+++ b/src/components/drawers/TimeManage.vue
@@ -391,9 +391,9 @@ export default {
           justify-content: center;
           align-items: center;
           .img1 {
-            width: 15px;
-            height: 17px;
-            background-image: url(../../assets/images/courseManage/search0.png);
+            width: 18px;
+            height: 18px;
+            background-image: url(../../assets/images/basicinfo/call.png);
             background-size: 100% 100%;
             margin-right: 7px;
           }
diff --git a/src/components/drawers/WorkDetail.vue b/src/components/drawers/WorkDetail.vue
new file mode 100644
index 00000000..d1f5268f
--- /dev/null
+++ b/src/components/drawers/WorkDetail.vue
@@ -0,0 +1,212 @@
+<template>
+  <a-drawer
+    :visible="WDvisible"
+    class="drawerStyle WorkDetail"
+    placement="right"
+    width="50%"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">作业详情</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="main">
+        <div class="isGood">
+          <div class="cj">作业名称：</div>
+          <div class="ch">管理者进阶作业</div>
+        </div>
+        <div class="score">
+          <div class="sleft">
+            <div class="cj">作业要求：</div>
+            <div class="ch">写一篇观后感，字数600字</div>
+          </div>
+        </div>
+        <div class="workInfo">
+          <div class="infotit">作业信息：</div>
+          <div class="workImgCon">
+            <div class="img">
+              <div class="see"></div>
+              <div class="download"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="btnn">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+
+<script>
+import { toRefs, reactive } from "vue";
+export default {
+  name: "WorkDetail",
+  props: {
+    WDvisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+
+  setup(props, ctx) {
+    const state = reactive({
+      pageSize: 10,
+      currentPage: 1,
+      tableDataTotal: 100,
+    });
+
+    const closeDrawer = () => {
+      ctx.emit("update:WDvisible", false);
+    };
+    return {
+      ...toRefs(state),
+      closeDrawer,
+    };
+  },
+};
+</script>
+
+<style scoped lang="scss" >
+// .drawerStyle {
+//   .ant-drawer-content-wrapper {
+//     // max-width: 1000px;
+//     .ant-drawer-header {
+//       display: none !important;
+//     }
+//     .ant-drawer-body {
+//       padding: 0;
+//     }
+//   }
+
+// }
+.WorkDetail {
+  .drawerMain {
+    min-width: 600px;
+    margin: 0px 32px 0px 32px;
+    overflow-x: scroll;
+    display: flex;
+    flex-direction: column;
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      // background-color: red;
+      margin-bottom: 20px;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        // margin-left: 24px;
+      }
+    }
+    .main {
+      width: 100%;
+      height: 100%;
+
+      .cj {
+        font-size: 16px;
+        font-weight: 400;
+        color: rgba(0, 0, 0, 0.85);
+      }
+      .ch {
+        font-size: 16px;
+        font-weight: 400;
+        color: rgba(153, 153, 153, 0.85);
+        margin-left: 12px;
+      }
+      // background-color: #bfa;
+      // overflow-y: auto;
+      .isGood {
+        display: flex;
+        align-items: center;
+      }
+      .score {
+        display: flex;
+        margin-top: 30px;
+        .sleft {
+          display: flex;
+          align-items: center;
+        }
+      }
+      .workInfo {
+        margin-top: 30px;
+        .infotit {
+          font-size: 16px;
+          font-weight: 400;
+          color: rgba(0, 0, 0, 0.85);
+        }
+        .workImgCon {
+          display: flex;
+          flex-wrap: wrap;
+          margin-top: 16px;
+          .img {
+            width: 240px;
+            height: 240px;
+            background-size: 100%;
+            background-image: url(../../assets/px.jpg);
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            .see {
+              width: 50px;
+              height: 50px;
+              background-image: url(../../assets/images/basicinfo/see.png);
+              background-size: 100% 100%;
+              cursor: pointer;
+            }
+            .download {
+              width: 50px;
+              height: 50px;
+              background-image: url(../../assets/images/basicinfo/download.png);
+              background-size: 100% 100%;
+              margin-left: 40px;
+              cursor: pointer;
+            }
+          }
+        }
+      }
+    }
+
+    .btnn {
+      height: 72px;
+      width: 100%;
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
\ No newline at end of file
diff --git a/src/components/drawers/WorkManage.vue b/src/components/drawers/WorkManage.vue
index e5bd668e..8c173560 100644
--- a/src/components/drawers/WorkManage.vue
+++ b/src/components/drawers/WorkManage.vue
@@ -83,21 +83,41 @@
         <button class="btn1">取消</button>
         <button class="btn2">确定</button>
       </div>
-      <div class="modal">
-        <a-modal v-model:visible="visible" :closable="close" :footer="null">
-          <p>Some contents...</p>
-          <p>Some contents...</p>
-          <p>Some contents...</p>
-        </a-modal>
-      </div>
+
+      <a-modal
+        v-model:visible="visible"
+        :closable="close"
+        :footer="null"
+        wrapClassName="WorkManage"
+      >
+        <div class="header">
+          <div class="inheader">
+            <div class="left">提示</div>
+            <div class="right" @click="closeModal"></div>
+          </div>
+        </div>
+        <div class="main">
+          <div class="check"></div>
+          <div class="text">作业导出完成，请在下载中心查看</div>
+          <div class="btn">
+            <button class="btn1 sabtn" @click="closeModal">取消</button>
+            <button class="btn2 sabtn">查看</button>
+          </div>
+        </div>
+      </a-modal>
+
+      <!-- 作业详情抽屉 -->
+      <work-detail v-model:WDvisible="WDvisible" />
     </div>
   </a-drawer>
 </template>
 
 <script>
 import { toRefs, reactive } from "vue";
+import WorkDetail from "../drawers/WorkDetail.vue";
 export default {
   name: "WorkManage",
+  components: { WorkDetail },
   props: {
     Wvisible: {
       type: Boolean,
@@ -110,6 +130,7 @@ export default {
       name: null,
       visible: false, //导出数据弹窗
       close: false, //导出弹窗的关闭按钮
+      WDvisible: false, //作业详情
       projectNameList: [
         {
           id: 1,
@@ -285,7 +306,14 @@ export default {
             return (
               <div class="opa">
                 <div class="opacation">
-                  <span style="color:#4EA6FF;cursor:pointer">查看</span>
+                  <span
+                    style="color:#4EA6FF;cursor:pointer"
+                    onClick={() => {
+                      showWorkDetail();
+                    }}
+                  >
+                    查看
+                  </span>
                 </div>
               </div>
             );
@@ -305,12 +333,16 @@ export default {
     const closeModal = () => {
       state.visible = false;
     };
+    const showWorkDetail = () => {
+      state.WDvisible = true;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
       closeDrawer,
       showModal,
       closeModal,
+      showWorkDetail,
     };
   },
 };
@@ -329,21 +361,109 @@ export default {
 //   }
 
 // }
+//作业管理弹窗
 .WorkManage {
-  .modal {
-    .ant-modal {
-      width: 473px !important;
-      height: 308px !important;
-      .ant-modal-content {
-        width: 473px !important;
-        height: 308px !important;
-        .ant-modal-body {
-          width: 473px !important;
-          height: 308px !important;
+  .ant-modal {
+    width: 473px;
+    height: 308px;
+
+    .ant-modal-content {
+      width: 473px;
+      height: 308px;
+
+      .ant-modal-body {
+        width: 473px;
+        height: 308px;
+        padding: 0px;
+
+        .header {
+          width: 473px;
+          height: 68px;
+          background: linear-gradient(
+            180deg,
+            rgba(78, 166, 255, 0.2) 0%,
+            rgba(78, 166, 255, 0) 100%
+          );
+          display: flex;
+          justify-content: center;
+
+          .inheader {
+            width: 90%;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+
+            .left {
+              font-size: 16px;
+              font-weight: 600;
+              color: #333333;
+            }
+
+            .right {
+              width: 22px;
+              height: 22px;
+              background-image: url(../../assets/images/basicinfo/close.png);
+              background-size: 100% 100%;
+              cursor: pointer;
+            }
+          }
+        }
+
+        .main {
+          // background-color: red;
+          width: 100%;
+          // height: 100%;
+          margin-top: 32px;
+          display: flex;
+          flex-direction: column;
+          // justify-content: center;
+          align-items: center;
+
+          .check {
+            width: 40px;
+            height: 40px;
+            background-image: url(../../assets/images/basicinfo/check.png);
+            background-size: 100%;
+          }
+
+          .text {
+            margin-top: 16px;
+            font-size: 14px;
+            font-weight: 500;
+            color: rgba(0, 0, 0, 0.85);
+          }
+
+          .btn {
+            display: flex;
+            margin-top: 40px;
+
+            .sabtn {
+              width: 100px;
+              height: 40px;
+              border-radius: 4px;
+              cursor: pointer;
+            }
+
+            .btn1 {
+              border: 1px solid #387df7;
+              background-color: #fff;
+              color: #387df7;
+            }
+
+            .btn2 {
+              background-color: #388be1;
+              color: #fff;
+              border: 0;
+              margin-left: 16px;
+            }
+          }
         }
       }
     }
   }
+}
+//作业管理弹窗
+.WorkManage {
   .drawerMain {
     min-width: 600px;
     margin: 0px 32px 0px 32px;
diff --git a/src/views/learningpath/LearningPath.vue b/src/views/learningpath/LearningPath.vue
index c55c4d9a..158e78c1 100644
--- a/src/views/learningpath/LearningPath.vue
+++ b/src/views/learningpath/LearningPath.vue
@@ -177,7 +177,7 @@
   </div>
 </template>
 <script>
-import { reactive, toRefs, onMounted, ref } from "vue";
+import { reactive, toRefs, onMounted } from "vue";
 
 export default {
   name: "learningPath",
@@ -340,7 +340,7 @@ export default {
       tableDataTotal: 100,
       pageSize: 10,
       value1: "",
-      value2: ref(),
+      value2: "",
       valueE: "",
       valueEE: "",
       valuei: "",
diff --git a/src/views/projectcenter/TaskPage.vue b/src/views/projectcenter/TaskPage.vue
index 31d9c0ec..3ec2d35a 100644
--- a/src/views/projectcenter/TaskPage.vue
+++ b/src/views/projectcenter/TaskPage.vue
@@ -450,7 +450,9 @@
               </div>
             </div>
             <div class="operations">
-              <div class="operation">管理</div>
+              <div class="operation" style="cursor: pointer" @click="showTest">
+                管理
+              </div>
             </div>
           </div>
           <div class="stage" style="margin-top: 0">
@@ -816,8 +818,178 @@
         </a-tab-pane>
         <a-tab-pane key="4" tab="公告">Content of Tab Pane 3</a-tab-pane>
         <a-tab-pane key="5" tab="项目积分">Content of Tab Pane 3</a-tab-pane>
-        <a-tab-pane key="6" tab="排行榜">Content of Tab Pane 3</a-tab-pane>
-        <a-tab-pane key="7" tab="设置">Content of Tab Pane 3</a-tab-pane>
+        <a-tab-pane key="6" tab="排行榜">
+          <div class="content6">
+            <div class="title">排行榜</div>
+            <div class="line"></div>
+            <div class="search">
+              <div class="left">
+                <div class="name">
+                  <div class="text">姓名：</div>
+                  <a-input
+                    v-model:value="valueName"
+                    placeholder="请输入姓名"
+                    style="
+                      width: 264px;
+                      height: 40px;
+                      border-radius: 8px;
+                      margin-left: 5px;
+                    "
+                  />
+                </div>
+                <div class="time">
+                  <div class="text">选择时间：</div>
+                  <a-range-picker
+                    v-model:value="valueDate"
+                    style="border-radius: 8px; height: 40px; margin-left: 5px"
+                    :placeholder="['      开始时间', '        结束时间']"
+                  />
+                </div>
+              </div>
+              <div class="right">
+                <div class="btn btn1">
+                  <div class="img1"></div>
+                  <div class="te">搜索</div>
+                </div>
+                <div class="btn btn2">
+                  <div class="img2"></div>
+                  <div class="te">重置</div>
+                </div>
+              </div>
+            </div>
+            <div class="main">
+              <div class="rank">
+                <div class="rankhead">
+                  <div class="inhead">
+                    <div class="left">进度排行 Top10</div>
+                    <div class="right">
+                      <a-select
+                        v-model:value="valuestu1"
+                        style="width: 80px; margin-right: 16px"
+                        :options="rankjindu"
+                      ></a-select>
+                      <a-select
+                        v-model:value="valuestu2"
+                        style="width: 112px"
+                        :options="rankjieduan"
+                      ></a-select>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="rank">
+                <div class="rankhead">
+                  <div class="inhead">
+                    <div class="left">学分排行 Top10</div>
+                    <div class="right">
+                      <a-select
+                        v-model:value="valuestu3"
+                        style="width: 80px"
+                        :options="rankxuefen"
+                      ></a-select>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <div class="rank">
+                <div class="rankhead">
+                  <div class="inhead">
+                    <div class="left">学识排行 Top10</div>
+                    <div class="right">
+                      <a-select
+                        v-model:value="valuestu4"
+                        style="width: 80px"
+                        :options="rankxueshi"
+                      ></a-select>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </a-tab-pane>
+        <a-tab-pane key="7" tab="设置">
+          <div class="content7">
+            <div class="set_tit">
+              <span>基本信息</span>
+            </div>
+            <hr color="#E8E8E8" />
+            <div class="set_body">
+              <div class="edit">
+                <div class="img"></div>
+                <div class="ed">编辑</div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目名称：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">管理者进阶 - 管理者腾飞班</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>封面图：</span></div>
+                <div class="setc_main">
+                  <img src="@/assets/images/projectadd/picture.png" alt="" />
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目时间：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999"
+                    >2022-7-16 12:30 ～ 2022-7-30 12:30</span
+                  >
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目经理：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">张雪</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>资源归属：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目说明：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>同步学习记录：</span></div>
+                <div class="setc_main" @click="changecheck2">
+                  <a-radio v-model:checked="checkedd"
+                    ><span style="color: #333333"
+                      >同步课程学习记录（如学员在课程库中拥有课程的学习记录，自动免修该课程）</span
+                    ></a-radio
+                  >
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>项目级别：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>培训体系：</span></div>
+                <div class="setc_main">
+                  <span style="color: #999999">-</span>
+                </div>
+              </div>
+              <div class="set_content">
+                <div class="setc_name"><span>是否BOEU实施：</span></div>
+                <div class="setc_main" @click="changecheck3">
+                  <a-radio v-model:checked="checkedd2"
+                    ><span style="color: #333333">BOEU实施</span></a-radio
+                  >
+                </div>
+              </div>
+            </div>
+          </div>
+        </a-tab-pane>
       </a-tabs>
     </div>
     <!-- 时间管理抽屉 -->
@@ -832,6 +1004,9 @@
     <active-attendance v-model:AAvisible="AAvisible" />
     <!-- 作业管理抽屉 -->
     <work-manage v-model:Wvisible="Wvisible" />
+    <!-- 考试管理抽屉 -->
+    <test-manage v-model:TMvisible="TMvisible" />
+
     <!-- 概览（无数据）-项目发布弹窗 -->
     <div>
       <a-modal
@@ -998,8 +1173,9 @@ import TimeManage from "../../components/drawers/TimeManage";
 import FaceManage from "../../components/drawers/FaceManage";
 import SubsetManage from "../../components/drawers/SubsetManage";
 import ActiveAttendance from "../../components/drawers/ActiveAttendance";
-import WorkManage from "../../components/drawers/WorkManage.vue";
+import WorkManage from "../../components/drawers/WorkManage";
 import FaceStu from "../../components/drawers/FaceStu";
+import TestManage from "../../components/drawers/TestManage";
 export default {
   name: "taskPage",
   components: {
@@ -1009,6 +1185,7 @@ export default {
     FaceStu,
     ActiveAttendance,
     WorkManage,
+    TestManage,
   },
   setup() {
     const state = reactive({
@@ -1153,19 +1330,36 @@ export default {
           className: "h",
         },
       ],
+      //进度排行学员
+      rankjindu: [{ value: "学员", label: "学员" }],
+      valuestu1: "学员",
+      //进度排行阶段
+      rankjieduan: [{ value: "第一阶段", label: "第一阶段" }],
+      valuestu2: "第一阶段",
+      //学分排行
+      rankxuefen: [{ value: "学员", label: "学员" }],
+      valuestu3: "学员",
+      //学识排行
+      rankxueshi: [{ value: "学员", label: "学员" }],
+      valuestu4: "学员",
       visible: false, //时间管理
       FaceVisivle: false, //面授管理
       subsetVisivle: false, //随机小组
       FSvisible: false, //面授学员
       AAvisible: false, //活动考勤
       Wvisible: false, //作业管理
+      TMvisible: false, //考试管理
       pubproject: false,
       stugroup: false,
       checked: false,
       checked1: true,
       checked2: false,
+      checkedd: false, //设置按钮1
+      checkedd2: false, //设置按钮2
       activeKey: "3",
       activeKey1: "8",
+      valueName: "", //排行榜输入姓名
+      valueDate: "", //排行榜输入日期
     });
     const showModal = () => {
       state.pubproject = true;
@@ -1207,6 +1401,17 @@ export default {
     const showWork = () => {
       state.Wvisible = true;
     };
+    //考试管理的抽屉
+    const showTest = () => {
+      state.TMvisible = true;
+    };
+
+    const changecheck2 = () => {
+      state.checkedd = !state.checkedd;
+    };
+    const changecheck3 = () => {
+      state.checkedd2 = !state.checkedd2;
+    };
     return {
       ...toRefs(state),
       showModal,
@@ -1219,11 +1424,20 @@ export default {
       showFS,
       showAA,
       showWork,
+      showTest,
+      changecheck2,
+      changecheck3,
     };
   },
 };
 </script>
 <style lang="scss">
+.clearfix:before,
+.clearfix:after {
+  content: " ";
+  display: table;
+  clear: both;
+}
 .pubproject {
   .ant-modal {
     .ant-modal-body {
@@ -2256,6 +2470,188 @@ export default {
       }
     }
   }
+  .content6 {
+    width: 100%;
+    height: 100%;
+    background-color: #bfa;
+    .title {
+      font-size: 18px;
+      font-weight: 500;
+      color: #333333;
+      margin-left: 34px;
+    }
+    .line {
+      width: 100%;
+      height: 1px;
+      margin-top: 10px;
+      background: #e8e8e8;
+    }
+    .search {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      flex-wrap: wrap;
+      margin: 30px 34px 0 34px;
+      .left {
+        display: flex;
+        align-items: center;
+        flex-wrap: wrap;
+        margin-right: 10px;
+        .text {
+          font-size: 14px;
+          font-weight: 400;
+          color: rgba(0, 0, 0, 0.85);
+          white-space: nowrap;
+        }
+        .name {
+          display: flex;
+          align-items: center;
+          margin-bottom: 10px;
+          margin-right: 56px;
+        }
+        .time {
+          display: flex;
+          align-items: center;
+          // margin-left: 56px;
+          margin-bottom: 10px;
+        }
+      }
+      .right {
+        display: flex;
+        .btn {
+          display: flex;
+          width: 100px;
+          height: 40px;
+
+          border-radius: 8px;
+          justify-content: center;
+          align-items: center;
+          margin-bottom: 10px;
+          .img1 {
+            width: 15px;
+            height: 17px;
+            background-image: url(../../assets/images/coursewareManage/search0.png);
+            background-size: 100%;
+            margin-right: 5px;
+          }
+          .img2 {
+            width: 16px;
+            height: 18px;
+            background-image: url(../../assets/images/coursewareManage/reset1.png);
+            background-size: 100%;
+            margin-right: 5px;
+          }
+        }
+        .btn1 {
+          background: #388be1;
+          color: #fff;
+          margin-right: 16px;
+        }
+        .btn2 {
+          border: 1px solid #388be1;
+          background: #ffffff;
+          color: #388be1;
+        }
+      }
+    }
+    .main {
+      margin-top: 10px;
+      display: flex;
+      flex-wrap: wrap;
+      margin-left: 34px;
+      margin-bottom: 20px;
+      .rank {
+        width: 422px;
+        height: 506px;
+        margin-right: 80px;
+        background: #ffffff;
+        border-radius: 2px;
+        border: 1px solid rgba(125, 125, 125, 0.39);
+        .rankhead {
+          height: 75px;
+          width: 100%;
+          border-bottom: 1px solid #e9e9e9;
+          // background-color: #bfa;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          .inhead {
+            width: 374px;
+            // background-color: lightblue;
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-top: 10px;
+            .left {
+              font-size: 16px;
+              font-weight: 500;
+              color: rgba(0, 0, 0, 0.85);
+            }
+            .right {
+              .ant-select {
+                .ant-select-selector {
+                  border-radius: 4px !important;
+
+                  border: 1px solid #388be1;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  .content7 {
+    .set_tit {
+      margin-left: 34px;
+      font-size: 18px;
+      font-weight: 500;
+      color: #232425;
+    }
+    .set_body {
+      margin-left: 34px;
+      margin-right: 34px;
+      position: relative;
+      .edit {
+        position: absolute;
+        width: 100px;
+        height: 40px;
+        background: #388be1;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        right: 0;
+        cursor: pointer;
+        .img {
+          width: 18px;
+          height: 18px;
+          background-image: url(../../assets/images/basicinfo/edit.png);
+          background-size: 100%;
+          margin-right: 7px;
+        }
+        .ed {
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+        }
+      }
+      .set_content {
+        margin: 32px auto;
+        display: flex;
+        // justify-content: end;
+        .setc_name {
+          width: 150px;
+          display: flex;
+          justify-content: end;
+        }
+        .setc_main {
+          flex: 1;
+          margin-left: 12px;
+        }
+      }
+    }
+  }
 }
 </style>
   
\ No newline at end of file

From 36308af437a56d6970a1b56a898851aa883833e8 Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Wed, 19 Oct 2022 18:31:07 +0800
Subject: [PATCH 2/2] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=9B=B4=E6=92=AD=E6=B7=BB=E5=8A=A0=E5=A4=96=E9=93=BE=E6=B7=BB?=
 =?UTF-8?q?=E5=8A=A0=E8=AE=A8=E8=AE=BA=E6=B7=BB=E5=8A=A0=E6=B4=BB=E5=8A=A8?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=B5=8B=E8=AF=84=E6=B7=BB=E5=8A=A0=E8=B0=83?=
 =?UTF-8?q?=E7=A0=94=E6=B7=BB=E5=8A=A0=E6=8A=95=E7=A5=A8=E5=88=9B=E5=BB=BA?=
 =?UTF-8?q?=E6=8A=95=E7=A5=A8?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/drawers/AddActive.vue    | 390 +++++++++++++++
 src/components/drawers/AddCase.vue      |  13 +-
 src/components/drawers/AddDiscuss.vue   | 257 ++++++++++
 src/components/drawers/AddEval.vue      | 288 +++++++++++
 src/components/drawers/AddFaceteach.vue | 159 +-----
 src/components/drawers/AddHomework.vue  | 150 +-----
 src/components/drawers/AddInvist.vue    | 286 +++++++++++
 src/components/drawers/AddLive.vue      | 615 ++++++++++++++++++++++++
 src/components/drawers/AddOnline.vue    |   5 -
 src/components/drawers/AddRef.vue       | 267 ++++++++++
 src/components/drawers/AddTest.vue      | 141 +-----
 src/components/drawers/AddVote.vue      | 396 ++++++++-------
 src/components/drawers/AddVote1.vue     | 245 ++++++++++
 src/components/drawers/CreVote.vue      | 285 +++++++++++
 src/views/projectcenter/TaskAdd.vue     | 132 ++++-
 15 files changed, 3011 insertions(+), 618 deletions(-)
 create mode 100644 src/components/drawers/AddActive.vue
 create mode 100644 src/components/drawers/AddDiscuss.vue
 create mode 100644 src/components/drawers/AddEval.vue
 create mode 100644 src/components/drawers/AddInvist.vue
 create mode 100644 src/components/drawers/AddLive.vue
 create mode 100644 src/components/drawers/AddRef.vue
 create mode 100644 src/components/drawers/AddVote1.vue
 create mode 100644 src/components/drawers/CreVote.vue

diff --git a/src/components/drawers/AddActive.vue b/src/components/drawers/AddActive.vue
new file mode 100644
index 00000000..ce84b595
--- /dev/null
+++ b/src/components/drawers/AddActive.vue
@@ -0,0 +1,390 @@
+<template>
+  <a-drawer
+    :visible="addactiveVisible"
+    class="drawerStyle addactiveDrawer"
+    width="80%"
+    title="添加活动"
+    placement="right"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">添加活动</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="contentMain">
+        <div class="main_left">
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">活动名称：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="inputV1"
+                style="width: 424px; height: 32px"
+                placeholder="请输入活动名称"
+              />
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">活动公告：</span>
+            </div>
+            <div class="textarea">
+              <a-textarea
+                v-model:value="textV1"
+                placeholder="请输入活动公告"
+                allow-clear
+              />
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">活动说明：</span>
+            </div>
+            <div class="textarea">
+              <a-textarea
+                v-model:value="textV2"
+                placeholder="请输入活动说明"
+                allow-clear
+              />
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">活动时间：</span>
+            </div>
+            <div class="btnbox">
+              <a-range-picker
+                style="width: 424px"
+                :placeholder="['      开始时间', '        结束时间']"
+              />
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">活动时长：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="inputV2"
+                style="width: 388px; height: 32px"
+              />
+              <span style="margin-left: 5px">分钟</span>
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">活动地址：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="inputV3"
+                style="width: 424px; height: 32px"
+                placeholder="请输入授课老师"
+              />
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">考勤设置：</span>
+            </div>
+            <div class="kqszbox">
+              <div class="qdqtbox">
+                <div class="qdbtn"><div class="btntext">签到</div></div>
+              </div>
+              <div class="setbox">
+                <div class="timerbox">
+                  <span>开始前：</span>
+                  <a-input
+                    style="width: 88px; height: 32px"
+                    :v-model:value="inputV4"
+                  ></a-input>
+                  <span style="color: #999999; margin-left: 8px">分钟</span>
+                </div>
+                <div class="timerbox">
+                  <span>开始后：</span>
+                  <a-input
+                    style="width: 88px; height: 32px"
+                    :v-model:value="inputV5"
+                  ></a-input>
+                  <span style="color: #999999; margin-left: 8px">分钟</span>
+                </div>
+              </div>
+              <div class="qdqtbox">
+                <div class="qtbtn"><div class="btntext">签退</div></div>
+              </div>
+              <div class="setbox">
+                <div class="timerbox">
+                  <span>结束前：</span>
+                  <a-input
+                    style="width: 88px; height: 32px"
+                    :v-model:value="inputV6"
+                  ></a-input>
+                  <span style="color: #999999; margin-left: 8px"
+                    >分钟（提前签退则记为早退）</span
+                  >
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">完成标准设置：</span>
+            </div>
+            <div class="btnbox">
+              <a-radio-group v-model:value="radioV1">
+                <a-radio v-model:checked="checked" :value="1">仅签到</a-radio>
+                <a-radio v-model:checked="checked" :value="2"
+                  >签到、签退全部完成</a-radio
+                >
+              </a-radio-group>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="main_btns">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script>
+import { reactive, toRefs, ref } from "vue";
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys, selectedRows) => {
+    console.log(
+      `selectedRowKeys: ${selectedRowKeys}`,
+      "selectedRows: ",
+      selectedRows
+    );
+  },
+  onSelect: (record, selected, selectedRows) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected, selectedRows, changeRows) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+export default {
+  name: "AddActive",
+  // components: {
+  // },
+  props: {
+    addactiveVisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      inputV1: "",
+      inputV2: "",
+      inputV3: "",
+      inputV4: "",
+      inputV5: "",
+      inputV6: "",
+      textV1: "",
+      textV2: "",
+      radioV1: "",
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:addactiveVisible", false);
+    };
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      rowSelection,
+    };
+  },
+};
+</script>
+<style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+.addactiveDrawer {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+    .contentMain {
+      display: flex;
+      justify-content: space-between;
+      .main_left {
+        padding-right: 30px;
+        flex: 1;
+        border-right: 1px solid #e8e8e8;
+        .main_item {
+          display: flex;
+          align-items: center;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .btnbox {
+            display: flex;
+            flex: 1;
+            align-items: center;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 8px;
+              color: #fff;
+            }
+          }
+        }
+        .main_item2 {
+          display: flex;
+          align-items: flex-start;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .kqszbox {
+            .qdqtbox {
+              margin-left: 5px;
+              cursor: pointer;
+            }
+            .qdbtn,
+            .qtbtn {
+              width: 75px;
+              height: 24px;
+              background: rgba(56, 139, 225, 0.16);
+              border-radius: 2px;
+              border: 1px solid #387df7;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              .btntext {
+                color: #387df7;
+              }
+            }
+            .setbox {
+              display: flex;
+              flex-wrap: wrap;
+              margin-top: 10px;
+              margin-bottom: 24px;
+              .timerbox {
+                margin-top: 6px;
+                margin-right: 32px;
+                display: flex;
+                align-items: center;
+                flex-wrap: nowrap;
+              }
+            }
+          }
+          .btnbox2 {
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 16px 8px 32px 0;
+              color: #fff;
+              margin-top: 16px;
+              margin-bottom: 60px;
+            }
+          }
+        }
+      }
+    }
+    .main_btns {
+      height: 72px;
+      width: 100%;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
+      
\ No newline at end of file
diff --git a/src/components/drawers/AddCase.vue b/src/components/drawers/AddCase.vue
index 339358e1..f1fe0313 100644
--- a/src/components/drawers/AddCase.vue
+++ b/src/components/drawers/AddCase.vue
@@ -3,7 +3,7 @@
       :visible="addcaseVisible"
       class="drawerStyle addcaseDrawer"
       width="80%"
-      title="添加在线"
+      title="添加案例"
       placement="right"
       @after-visible-change="afterVisibleChange"
     >
@@ -23,8 +23,8 @@
                 <div class="ipt_name">案例标题：</div>
                 <div class="fi_input">
                   <a-input
-                    v-model:value="value"
-                    style="width: 240px; height: 40px; border-radius: 8px"
+                    v-model:value="inputV1"
+                    style="width: 264px; height: 40px; border-radius: 8px"
                     placeholder="请输入项目名称"
                   />
                 </div>
@@ -192,7 +192,7 @@
         currentPage: 1,
         tableDataTotal: 100,
         pageSize: 10,
-        value:'',
+        inputV1:'',
       });
       const closeDrawer = () => {
         ctx.emit("update:addcaseVisible", false);
@@ -200,17 +200,12 @@
       const afterVisibleChange = (bool) => {
         console.log("state", bool);
       };
-      const showDrawerSelFacet = () => {
-        state.addcasevisible = true;
-      };
       return {
         ...toRefs(state),
-        showDrawerSelFacet,
         afterVisibleChange,
         closeDrawer,
         columns1,
         rowSelection,
-        // change,
       };
     },
   };
diff --git a/src/components/drawers/AddDiscuss.vue b/src/components/drawers/AddDiscuss.vue
new file mode 100644
index 00000000..40e13f3b
--- /dev/null
+++ b/src/components/drawers/AddDiscuss.vue
@@ -0,0 +1,257 @@
+<template>
+  <a-drawer
+    :visible="adddiscussVisible"
+    class="drawerStyle addrefDrawer"
+    width="80%"
+    title="添加讨论"
+    placement="right"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">添加讨论</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="contentMain">
+        <div class="main_left">
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">讨论名称：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="inputV1"
+                style="width: 424px; height: 32px"
+                placeholder="请输入讨论名称"
+              />
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">讨论说明：</span>
+            </div>
+            <div class="textarea">
+              <a-textarea
+                v-model:value="textV1"
+                placeholder="请输入讨论说明"
+                allow-clear
+              />
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">讨论设置：</span>
+            </div>
+            <div class="btnbox">
+              <a-checkbox v-model:checked="checkedC1">允许讨论</a-checkbox>
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="main_btns">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+  <script>
+import { reactive, toRefs, ref } from "vue";
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys, selectedRows) => {
+    console.log(
+      `selectedRowKeys: ${selectedRowKeys}`,
+      "selectedRows: ",
+      selectedRows
+    );
+  },
+  onSelect: (record, selected, selectedRows) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected, selectedRows, changeRows) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+export default {
+  name: "AddDiscuss",
+  // components: {
+  // },
+  props: {
+    adddiscussVisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      inputV1: "",
+      inputV2: "",
+      textV1: "",
+      checkedC1: "",
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:adddiscussVisible", false);
+    };
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      rowSelection,
+    };
+  },
+};
+</script>
+  <style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+.addrefDrawer {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+    .contentMain {
+      display: flex;
+      justify-content: space-between;
+      .main_left {
+        padding-right: 30px;
+        flex: 1;
+        border-right: 1px solid #e8e8e8;
+        .main_item {
+          display: flex;
+          align-items: center;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .btnbox {
+            display: flex;
+            flex: 1;
+            align-items: center;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 8px;
+              color: #fff;
+            }
+          }
+        }
+        .main_item2 {
+          display: flex;
+          align-items: flex-start;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .kqszbox {
+            .qdqtbox {
+              margin-left: 56px;
+            }
+            .setbox {
+              display: flex;
+              flex-wrap: wrap;
+              margin-top: 10px;
+              margin-bottom: 24px;
+              .timerbox {
+                margin-top: 6px;
+                margin-right: 32px;
+                display: flex;
+                align-items: center;
+                flex-wrap: nowrap;
+              }
+            }
+          }
+          .btnbox2 {
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 16px 8px 32px 0;
+              color: #fff;
+              margin-top: 16px;
+              margin-bottom: 60px;
+            }
+          }
+        }
+      }
+    }
+    .main_btns {
+      height: 72px;
+      width: 100%;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
+  
\ No newline at end of file
diff --git a/src/components/drawers/AddEval.vue b/src/components/drawers/AddEval.vue
new file mode 100644
index 00000000..396a1f6b
--- /dev/null
+++ b/src/components/drawers/AddEval.vue
@@ -0,0 +1,288 @@
+<template>
+    <a-drawer
+      :visible="addevalVisible"
+      class="drawerStyle addevalDrawer"
+      width="80%"
+      title="添加测评"
+      placement="right"
+      @after-visible-change="afterVisibleChange"
+    >
+      <div class="drawerMain">
+        <div class="header">
+          <div class="headerTitle">添加测评</div>
+          <img
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../assets/images/basicinfo/close.png"
+            @click="closeDrawer"
+          />
+        </div>
+        <div class="contentMain">
+          <div class="main_left">
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">测评名称：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 424px; height: 32px"
+                  placeholder="请输入测评名称"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">选择测评：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV2"
+                  style="width: 424px; height: 32px"
+                  placeholder="请输入名称或编码后选择"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <span style="margin-right: 3px">有效期：</span>
+              </div>
+              <div class="btnbox">
+                <a-range-picker
+                style="width: 424px;"
+                  :placeholder="['      开始时间', '        结束时间']"
+                />
+              </div>
+            </div>
+            <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">图片：</span>
+            </div>
+            <div class="textarea">
+              <a-upload
+                v-model:file-list="fileList"
+                name="avatar"
+                list-type="picture-card"
+                class="avatar-uploader"
+                :show-upload-list="false"
+                action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                :before-upload="beforeUpload"
+                @change="handleChange"
+              >
+                <img v-if="imageUrl" :src="imageUrl" alt="avatar" />
+                <div v-else>
+                  <loading-outlined v-if="loading"></loading-outlined>
+                  <plus-outlined v-else></plus-outlined>
+                  <div class="ant-upload-text">Upload</div>
+                </div>
+              </a-upload>
+            </div>
+          </div>
+          </div>
+        </div>
+        <div class="main_btns">
+          <button class="btn1">取消</button>
+          <button class="btn2">确定</button>
+        </div>
+      </div>
+    </a-drawer>
+  </template>
+  <script>
+  import { reactive, toRefs, ref } from "vue";
+  const rowSelection = ref({
+    checkStrictly: false,
+    onChange: (selectedRowKeys, selectedRows) => {
+      console.log(
+        `selectedRowKeys: ${selectedRowKeys}`,
+        "selectedRows: ",
+        selectedRows
+      );
+    },
+    onSelect: (record, selected, selectedRows) => {
+      console.log(record, selected, selectedRows);
+    },
+    onSelectAll: (selected, selectedRows, changeRows) => {
+      console.log(selected, selectedRows, changeRows);
+    },
+  });
+  export default {
+    name: "AddEval",
+    // components: {
+    // },
+    props: {
+      addevalVisible: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    setup(props, ctx) {
+        const state = reactive({
+            inputV1: "",
+            inputV2:"",
+      });
+      const closeDrawer = () => {
+        ctx.emit("update:addevalVisible", false);
+      };
+      const afterVisibleChange = (bool) => {
+        console.log("state", bool);
+      };
+      return {
+        ...toRefs(state),
+        afterVisibleChange,
+        closeDrawer,
+        rowSelection,
+      };
+    },
+  };
+  </script>
+  <style lang="scss">
+  .ant-table-striped :deep(.table-striped) td {
+    background-color: #fafafa !important;
+  }
+  .addevalDrawer {
+    .drawerMain {
+      .header {
+        height: 73px;
+        border-bottom: 1px solid #e8e8e8;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .headerTitle {
+          font-size: 18px;
+          font-weight: 600;
+          color: #333333;
+          line-height: 25px;
+          margin-left: 24px;
+        }
+      }
+      .contentMain {
+        display: flex;
+        justify-content: space-between;
+        .main_left {
+          padding-right: 30px;
+          flex: 1;
+          border-right: 1px solid #e8e8e8;
+          .main_item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 32px;
+            .signbox {
+              width: 120px;
+              display: flex;
+              justify-content: end;
+              align-items: center;
+              .sign {
+                margin-right: 5px;
+              }
+            }
+            .btnbox {
+              display: flex;
+              flex: 1;
+              align-items: center;
+              .xkbtn {
+                cursor: pointer;
+                width: 130px;
+                height: 40px;
+                background: #388be1;
+                border-radius: 8px;
+                border: 0;
+                margin-right: 8px;
+                color: #fff;
+              }
+            }
+          }
+          .main_item2 {
+            display: flex;
+            align-items: flex-start;
+            margin-bottom: 32px;
+            .signbox {
+              width: 120px;
+              display: flex;
+              justify-content: end;
+              align-items: center;
+              .sign {
+                margin-right: 5px;
+              }
+            }
+            .kqszbox {
+              .qdqtbox {
+                margin-left: 56px;
+              }
+              .setbox {
+                display: flex;
+                flex-wrap: wrap;
+                margin-top: 10px;
+                margin-bottom: 24px;
+                .timerbox {
+                  margin-top: 6px;
+                  margin-right: 32px;
+                  display: flex;
+                  align-items: center;
+                  flex-wrap: nowrap;
+                }
+              }
+            }
+            .btnbox2 {
+              display: flex;
+              flex-direction: column;
+              justify-content: flex-start;
+              .xkbtn {
+                cursor: pointer;
+                width: 130px;
+                height: 40px;
+                background: #388be1;
+                border-radius: 8px;
+                border: 0;
+                margin-right: 16px 8px 32px 0;
+                color: #fff;
+                margin-top: 16px;
+                margin-bottom: 60px;
+              }
+            }
+          }
+        }
+      }
+      .main_btns {
+        height: 72px;
+        width: 100%;
+        bottom: 0;
+        left: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+        .btn1 {
+          width: 100px;
+          height: 40px;
+          border: 1px solid #4ea6ff;
+          border-radius: 8px;
+          color: #4ea6ff;
+          background-color: #fff;
+          cursor: pointer;
+        }
+        .btn2 {
+          cursor: pointer;
+          width: 100px;
+          height: 40px;
+          background: #4ea6ff;
+          border-radius: 8px;
+          border: 0;
+          margin-left: 15px;
+          color: #fff;
+        }
+      }
+    }
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/components/drawers/AddFaceteach.vue b/src/components/drawers/AddFaceteach.vue
index 82581356..9eec1733 100644
--- a/src/components/drawers/AddFaceteach.vue
+++ b/src/components/drawers/AddFaceteach.vue
@@ -142,7 +142,7 @@
               <span style="margin-right: 3px">考勤设置：</span>
             </div>
             <div class="kqszbox">
-              <div class="qdqtbox"><span>签到</span></div>
+              <div class="qdqtbox"><div class="qdbtn"><div class="btntext">签到</div></div></div>
               <div class="setbox">
                 <div class="timerbox">
                   <span>开始前：</span>
@@ -155,7 +155,7 @@
                   <span style="color: #999999; margin-left: 8px">分钟</span>
                 </div>
               </div>
-              <div class="qdqtbox"><span>签退</span></div>
+              <div class="qdqtbox"><div class="qtbtn"><div class="btntext">签退</div></div></div>
               <div class="setbox">
                 <div class="timerbox">
                   <span>结束前：</span>
@@ -262,56 +262,6 @@ import { reactive, toRefs, ref } from "vue";
 import SelFacet from "../../components/drawers/SelFacet.vue";
 import AddHomework from "../../components/drawers/AddHomework.vue";
 import AddTest from "../../components/drawers/AddTest.vue";
-const options1 = ref([
-  {
-    value: "value1",
-    label: "请选择状态",
-  },
-]);
-const columns1 = [
-  {
-    title: "课程编号",
-    width: "20%",
-    dataIndex: "num",
-    key: "num",
-    align: "center",
-  },
-  {
-    title: "名称",
-    width: "20%",
-    dataIndex: "name",
-    key: "name",
-    align: "center",
-  },
-  {
-    title: "内容分类",
-    width: "13%",
-    dataIndex: "content",
-    key: "content",
-    align: "center",
-  },
-  {
-    title: "授课教师",
-    width: "13%",
-    dataIndex: "teacher",
-    key: "teacher",
-    align: "center",
-  },
-  {
-    title: "创建人",
-    width: "13%",
-    dataIndex: "creator",
-    key: "creator",
-    align: "center",
-  },
-  {
-    title: "完成时间",
-    width: "20%",
-    dataIndex: "time",
-    key: "time",
-    align: "center",
-  },
-];
 const rowSelection = ref({
   checkStrictly: false,
   onChange: (selectedRowKeys, selectedRows) => {
@@ -343,92 +293,6 @@ export default {
   },
   setup(props, ctx) {
     const state = reactive({
-      tableData1: [
-        {
-          key: "1",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "通用力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "2",
-          num: "JDF2022071100001",
-          name: "管理能力课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "3",
-          num: "JDF2022071100001",
-          name: "快速换模SMED",
-          content: "通用力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "4",
-          num: "JDF2022071100001",
-          name: "巧妙对话人见人夸",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "5",
-          num: "JDF2022071100001",
-          name: "管理能力课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "6",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "7",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "8",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "9",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-      ],
-      currentPage: 1,
-      tableDataTotal: 100,
-      pageSize: 10,
       selfacetvisible: false,
       addhomeworkvisible: false,
       addtestvisible: false,
@@ -465,8 +329,6 @@ export default {
       showDrawerAddTest,
       afterVisibleChange,
       closeDrawer,
-      options1,
-      columns1,
       rowSelection,
       // change,
     };
@@ -541,7 +403,22 @@ export default {
           }
           .kqszbox {
             .qdqtbox {
-              margin-left: 56px;
+              margin-left: 5px;
+              cursor: pointer;
+            }
+            .qdbtn,
+            .qtbtn {
+              width: 75px;
+              height: 24px;
+              background: rgba(56,139,225,0.16);
+              border-radius: 2px;
+              border: 1px solid #387df7;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              .btntext {
+                color: #387df7;
+              }
             }
             .setbox {
               display: flex;
diff --git a/src/components/drawers/AddHomework.vue b/src/components/drawers/AddHomework.vue
index 300b05a2..4d77907c 100644
--- a/src/components/drawers/AddHomework.vue
+++ b/src/components/drawers/AddHomework.vue
@@ -3,7 +3,7 @@
     :visible="addhomeworkVisible"
     class="drawerStyle addhomeworkDrawer"
     width="80%"
-    title="添加面授"
+    title="添加作业"
     placement="right"
     @after-visible-change="afterVisibleChange"
   >
@@ -30,8 +30,8 @@
             </div>
             <div class="btnbox">
               <a-input
-                v-model:value="value2"
-                style="width: 384px; height: 32px"
+                v-model:value="inputV1"
+                style="width: 424px; height: 32px"
                 placeholder="请输入作业名称"
               />
             </div>
@@ -48,7 +48,7 @@
             </div>
             <div class="textarea">
               <a-textarea
-                v-model:value="textareavalue"
+                v-model:value="textV1"
                 placeholder="请输入作业名称"
                 allow-clear
               />
@@ -60,6 +60,7 @@
             </div>
             <div class="btnbox">
               <a-range-picker
+              style="width: 424px"
                 :placeholder="['      开始时间', '        结束时间']"
               />
             </div>
@@ -96,56 +97,6 @@
 </template>
 <script>
 import { reactive, toRefs, ref } from "vue";
-const options1 = ref([
-  {
-    value: "value1",
-    label: "请选择状态",
-  },
-]);
-const columns1 = [
-  {
-    title: "课程编号",
-    width: "20%",
-    dataIndex: "num",
-    key: "num",
-    align: "center",
-  },
-  {
-    title: "名称",
-    width: "20%",
-    dataIndex: "name",
-    key: "name",
-    align: "center",
-  },
-  {
-    title: "内容分类",
-    width: "13%",
-    dataIndex: "content",
-    key: "content",
-    align: "center",
-  },
-  {
-    title: "授课教师",
-    width: "13%",
-    dataIndex: "teacher",
-    key: "teacher",
-    align: "center",
-  },
-  {
-    title: "创建人",
-    width: "13%",
-    dataIndex: "creator",
-    key: "creator",
-    align: "center",
-  },
-  {
-    title: "完成时间",
-    width: "20%",
-    dataIndex: "time",
-    key: "time",
-    align: "center",
-  },
-];
 const rowSelection = ref({
   checkStrictly: false,
   onChange: (selectedRowKeys, selectedRows) => {
@@ -174,92 +125,8 @@ export default {
   },
   setup(props, ctx) {
     const state = reactive({
-      tableData1: [
-        {
-          key: "1",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "通用力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "2",
-          num: "JDF2022071100001",
-          name: "管理能力课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "3",
-          num: "JDF2022071100001",
-          name: "快速换模SMED",
-          content: "通用力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "4",
-          num: "JDF2022071100001",
-          name: "巧妙对话人见人夸",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "5",
-          num: "JDF2022071100001",
-          name: "管理能力课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "6",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "7",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "8",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "9",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-      ],
-      currentPage: 1,
-      tableDataTotal: 100,
-      pageSize: 10,
+      inputV1: "",
+      textV1:"",
     });
     const closeDrawer = () => {
       ctx.emit("update:addhomeworkVisible", false);
@@ -271,10 +138,7 @@ export default {
       ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
-      options1,
-      columns1,
       rowSelection,
-      // change,
     };
   },
 };
diff --git a/src/components/drawers/AddInvist.vue b/src/components/drawers/AddInvist.vue
new file mode 100644
index 00000000..1fea350d
--- /dev/null
+++ b/src/components/drawers/AddInvist.vue
@@ -0,0 +1,286 @@
+<template>
+  <a-drawer
+    :visible="addinvistVisible"
+    class="drawerStyle addinvistDrawer"
+    width="80%"
+    title="添加调研"
+    placement="right"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">添加调研</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="contentMain">
+        <div class="main_left">
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">测评名称：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="inputV1"
+                style="width: 424px; height: 32px"
+                placeholder="请输入测评名称"
+              />
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">选择考试：</span>
+            </div>
+            <div class="btnbox">
+              <a-select
+                dropdownClassName="dropdown-style"
+                style="width: 424px"
+                placeholder="请输入考试名称"
+                :options="options1"
+                allowClear
+                showSearch
+              />
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">有效期：</span>
+            </div>
+            <div class="btnbox">
+              <a-range-picker
+              style="width: 424px"
+                :placeholder="['      开始时间', '        结束时间']"
+              />
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">活动说明：</span>
+            </div>
+            <div class="textarea">
+              <a-textarea
+                v-model:value="textV1"
+                placeholder="请输入活动说明"
+                allow-clear
+              />
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="main_btns">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+  <script>
+import { reactive, toRefs, ref } from "vue";
+const options1 = ref([
+  {
+    value: "value1",
+    label: "请选择状态",
+  },
+]);
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys, selectedRows) => {
+    console.log(
+      `selectedRowKeys: ${selectedRowKeys}`,
+      "selectedRows: ",
+      selectedRows
+    );
+  },
+  onSelect: (record, selected, selectedRows) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected, selectedRows, changeRows) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+export default {
+  name: "AddInvist",
+  // components: {
+  // },
+  props: {
+    addinvistVisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      inputV1: "",
+      textV1: "",
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:addinvistVisible", false);
+    };
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+        rowSelection,
+        options1,
+    };
+  },
+};
+</script>
+  <style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+.addinvistDrawer {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+    .contentMain {
+      display: flex;
+      justify-content: space-between;
+      .main_left {
+        padding-right: 30px;
+        flex: 1;
+        border-right: 1px solid #e8e8e8;
+        .main_item {
+          display: flex;
+          align-items: center;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .btnbox {
+            display: flex;
+            flex: 1;
+            align-items: center;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 8px;
+              color: #fff;
+            }
+          }
+        }
+        .main_item2 {
+          display: flex;
+          align-items: flex-start;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .kqszbox {
+            .qdqtbox {
+              margin-left: 56px;
+            }
+            .setbox {
+              display: flex;
+              flex-wrap: wrap;
+              margin-top: 10px;
+              margin-bottom: 24px;
+              .timerbox {
+                margin-top: 6px;
+                margin-right: 32px;
+                display: flex;
+                align-items: center;
+                flex-wrap: nowrap;
+              }
+            }
+          }
+          .btnbox2 {
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 16px 8px 32px 0;
+              color: #fff;
+              margin-top: 16px;
+              margin-bottom: 60px;
+            }
+          }
+        }
+      }
+    }
+    .main_btns {
+      height: 72px;
+      width: 100%;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
+  
\ No newline at end of file
diff --git a/src/components/drawers/AddLive.vue b/src/components/drawers/AddLive.vue
new file mode 100644
index 00000000..76485dc0
--- /dev/null
+++ b/src/components/drawers/AddLive.vue
@@ -0,0 +1,615 @@
+<template>
+  <a-drawer
+    :visible="addliveVisible"
+    class="drawerStyle addliveDrawer"
+    width="80%"
+    title="添加直播"
+    placement="right"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">添加直播</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="contentMain">
+        <div class="main_left">
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">直播名称：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="inputV1"
+                style="width: 424px; height: 32px"
+                placeholder="请输入考试名称"
+              />
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">直播说明：</span>
+            </div>
+            <div class="textarea">
+              <a-textarea
+                v-model:value="textV1"
+                placeholder="请输入考试说明"
+                allow-clear
+              />
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">直播时间：</span>
+            </div>
+            <div class="btnbox">
+              <a-range-picker
+                style="width: 424px"
+                :placeholder="['      开始时间', '        结束时间']"
+              />
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">直播时长：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="inputV2"
+                style="width: 388px; height: 32px"
+              />
+              <span style="margin-left: 5px">分钟</span>
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">授课老师：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="inputV3"
+                style="width: 424px; height: 32px"
+                placeholder="请输入授课老师"
+              />
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">直播封面：</span>
+            </div>
+            <div class="textarea">
+              <a-upload
+                v-model:file-list="fileList"
+                name="avatar"
+                list-type="picture-card"
+                class="avatar-uploader"
+                :show-upload-list="false"
+                action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
+                :before-upload="beforeUpload"
+                @change="handleChange"
+              >
+                <img v-if="imageUrl" :src="imageUrl" alt="avatar" />
+                <div v-else>
+                  <loading-outlined v-if="loading"></loading-outlined>
+                  <plus-outlined v-else></plus-outlined>
+                  <div class="ant-upload-text">Upload</div>
+                </div>
+              </a-upload>
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">直播链接：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="inputV4"
+                style="width: 424px; height: 32px"
+                placeholder="请输入直播链接"
+              />
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">回放设置：</span>
+            </div>
+            <div class="btnbox">
+              <a-switch v-model:checked="switchC1" @click="PlayBack" />
+            </div>
+          </div>
+          <div :style="{ display: playback ? 'block' : 'none' }">
+            <div class="main_item">
+              <div class="signbox">
+                <span style="margin-right: 3px">回放链接：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV5"
+                  style="width: 424px; height: 32px"
+                  placeholder="请输入回放链接"
+                />
+              </div>
+            </div>
+          </div>
+
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">评价：</span>
+            </div>
+            <div class="btnbox">
+              <a-checkbox v-model:checked="checkedC1">需要评估</a-checkbox>
+            </div>
+          </div>
+          <div class="main_item" style="margin-top: -25px">
+            <div class="signbox"></div>
+            <div class="btnbox">
+              <a-select
+                dropdownClassName="dropdown-style"
+                style="width: 424px"
+                placeholder="选择评估"
+                :options="options1"
+                allowClear
+                showSearch
+              />
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">考勤设置：</span>
+            </div>
+            <div class="kqszbox">
+              <div class="qdqtbox">
+                <div class="qdbtn"><div class="btntext">签到</div></div>
+              </div>
+              <div class="setbox">
+                <div class="timerbox">
+                  <span>开始前：</span>
+                  <a-input
+                    style="width: 88px; height: 32px"
+                    :v-model:value="inputV6"
+                  ></a-input>
+                  <span style="color: #999999; margin-left: 8px">分钟</span>
+                </div>
+                <div class="timerbox">
+                  <span>开始后：</span>
+                  <a-input
+                    style="width: 88px; height: 32px"
+                    :v-model:value="inputV7"
+                  ></a-input>
+                  <span style="color: #999999; margin-left: 8px">分钟</span>
+                </div>
+              </div>
+              <div class="qdqtbox">
+                <div class="qtbtn"><div class="btntext">签退</div></div>
+              </div>
+              <div class="setbox">
+                <div class="timerbox">
+                  <span>结束前：</span>
+                  <a-input
+                    style="width: 88px; height: 32px"
+                    :v-model:value="inputV8"
+                  ></a-input>
+                  <span style="color: #999999; margin-left: 8px"
+                    >分钟（提前签退则记为早退）</span
+                  >
+                </div>
+              </div>
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">完成标准设置：</span>
+            </div>
+            <div class="btnbox">
+              <a-radio-group v-model:value="radioV1">
+                <a-radio v-model:checked="checked" :value="1">仅签到</a-radio>
+                <a-radio v-model:checked="checked" :value="2"
+                  >签到、签退全部完成</a-radio
+                >
+              </a-radio-group>
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">其他设置：</span>
+            </div>
+            <div class="btnbox">
+              <a-checkbox v-model:checked="checkedC2"
+                >学员请假后记为任务完成</a-checkbox
+              >
+            </div>
+          </div>
+        </div>
+      </div>
+      <div class="main_btns">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script>
+import { reactive, toRefs, ref } from "vue";
+const options1 = ref([
+  {
+    value: "value1",
+    label: "请选择状态",
+  },
+]);
+const columns1 = [
+  {
+    title: "课程编号",
+    width: "20%",
+    dataIndex: "num",
+    key: "num",
+    align: "center",
+  },
+  {
+    title: "名称",
+    width: "20%",
+    dataIndex: "name",
+    key: "name",
+    align: "center",
+  },
+  {
+    title: "内容分类",
+    width: "13%",
+    dataIndex: "content",
+    key: "content",
+    align: "center",
+  },
+  {
+    title: "授课教师",
+    width: "13%",
+    dataIndex: "teacher",
+    key: "teacher",
+    align: "center",
+  },
+  {
+    title: "创建人",
+    width: "13%",
+    dataIndex: "creator",
+    key: "creator",
+    align: "center",
+  },
+  {
+    title: "完成时间",
+    width: "20%",
+    dataIndex: "time",
+    key: "time",
+    align: "center",
+  },
+];
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys, selectedRows) => {
+    console.log(
+      `selectedRowKeys: ${selectedRowKeys}`,
+      "selectedRows: ",
+      selectedRows
+    );
+  },
+  onSelect: (record, selected, selectedRows) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected, selectedRows, changeRows) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+export default {
+  name: "AddLive",
+  // components: {
+  // },
+  props: {
+    addliveVisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      tableData1: [
+        {
+          key: "1",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "通用力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "2",
+          num: "JDF2022071100001",
+          name: "管理能力课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "3",
+          num: "JDF2022071100001",
+          name: "快速换模SMED",
+          content: "通用力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "4",
+          num: "JDF2022071100001",
+          name: "巧妙对话人见人夸",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "5",
+          num: "JDF2022071100001",
+          name: "管理能力课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "6",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "7",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "8",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+        {
+          key: "9",
+          num: "JDF2022071100001",
+          name: "时间管理课程",
+          content: "领导力",
+          teacher: "BOE教师",
+          creator: "管理员",
+          time: "2022-10-31 23:12:00",
+        },
+      ],
+      currentPage: 1,
+      tableDataTotal: 100,
+      pageSize: 10,
+      inputV1: "",
+      inputV2: "",
+      inputV3: "",
+      inputV4: "",
+      inputV5: "",
+      inputV6: "",
+      inputV7: "",
+      inputV8: "",
+      textV1: "",
+      radioV1: "",
+      switchC1: "",
+      checkedC1: "",
+      checkedC2: "",
+      playback: false,
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:addliveVisible", false);
+    };
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+    const PlayBack = () => {
+      state.playback = !state.playback;
+    };
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      PlayBack,
+      options1,
+      columns1,
+      rowSelection,
+    };
+  },
+};
+</script>
+<style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+.addliveDrawer {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+    .contentMain {
+      display: flex;
+      justify-content: space-between;
+      .main_left {
+        padding-right: 30px;
+        flex: 1;
+        border-right: 1px solid #e8e8e8;
+        .main_item {
+          display: flex;
+          align-items: center;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .btnbox {
+            display: flex;
+            flex: 1;
+            align-items: center;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 8px;
+              color: #fff;
+            }
+          }
+        }
+        .main_item2 {
+          display: flex;
+          align-items: flex-start;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .kqszbox {
+            .qdqtbox {
+              margin-left: 5px;
+              cursor: pointer;
+            }
+            .qdbtn,
+            .qtbtn {
+              width: 75px;
+              height: 24px;
+              background: rgba(56, 139, 225, 0.16);
+              border-radius: 2px;
+              border: 1px solid #387df7;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              .btntext {
+                color: #387df7;
+              }
+            }
+            .setbox {
+              display: flex;
+              flex-wrap: wrap;
+              margin-top: 10px;
+              margin-bottom: 24px;
+              .timerbox {
+                margin-top: 6px;
+                margin-right: 32px;
+                display: flex;
+                align-items: center;
+                flex-wrap: nowrap;
+              }
+            }
+          }
+          .btnbox2 {
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 16px 8px 32px 0;
+              color: #fff;
+              margin-top: 16px;
+              margin-bottom: 60px;
+            }
+          }
+        }
+      }
+    }
+    .main_btns {
+      height: 72px;
+      width: 100%;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
+    
\ No newline at end of file
diff --git a/src/components/drawers/AddOnline.vue b/src/components/drawers/AddOnline.vue
index 040b47c6..806c07d2 100644
--- a/src/components/drawers/AddOnline.vue
+++ b/src/components/drawers/AddOnline.vue
@@ -278,18 +278,13 @@ export default {
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
-    const showDrawerOnline = () => {
-      state.visible = true;
-    };
     return {
       ...toRefs(state),
       afterVisibleChange,
-      showDrawerOnline,
       closeDrawer,
       options1,
       columns1,
       rowSelection,
-      // change,
     };
   },
 };
diff --git a/src/components/drawers/AddRef.vue b/src/components/drawers/AddRef.vue
new file mode 100644
index 00000000..aa513b4e
--- /dev/null
+++ b/src/components/drawers/AddRef.vue
@@ -0,0 +1,267 @@
+<template>
+    <a-drawer
+      :visible="addrefVisible"
+      class="drawerStyle addrefDrawer"
+      width="80%"
+      title="添加外链"
+      placement="right"
+      @after-visible-change="afterVisibleChange"
+    >
+      <div class="drawerMain">
+        <div class="header">
+          <div class="headerTitle">添加外链</div>
+          <img
+            style="width: 29px; height: 29px; cursor: pointer"
+            src="../../assets/images/basicinfo/close.png"
+            @click="closeDrawer"
+          />
+        </div>
+        <div class="contentMain">
+          <div class="main_left">
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">外链名称：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV1"
+                  style="width: 424px; height: 32px"
+                  placeholder="请输入外链名称"
+                />
+              </div>
+            </div>
+            <div class="main_item">
+              <div class="signbox">
+                <div class="sign">
+                  <img
+                    src="@/assets/images/coursewareManage/asterisk.png"
+                    alt=""
+                  />
+                </div>
+                <span style="margin-right: 3px">链接：</span>
+              </div>
+              <div class="btnbox">
+                <a-input
+                  v-model:value="inputV2"
+                  style="width: 424px; height: 32px"
+                  placeholder="请输入链接"
+                />
+              </div>
+            </div>
+            <div class="main_item2">
+              <div class="signbox">
+                <span style="margin-right: 3px">外链说明：</span>
+              </div>
+              <div class="textarea">
+                <a-textarea
+                  v-model:value="textV1"
+                  placeholder="请输入外链说明"
+                  allow-clear
+                />
+              </div>
+            </div>
+
+          </div>
+        </div>
+        <div class="main_btns">
+          <button class="btn1">取消</button>
+          <button class="btn2">确定</button>
+        </div>
+      </div>
+    </a-drawer>
+  </template>
+  <script>
+  import { reactive, toRefs, ref } from "vue";
+  const rowSelection = ref({
+    checkStrictly: false,
+    onChange: (selectedRowKeys, selectedRows) => {
+      console.log(
+        `selectedRowKeys: ${selectedRowKeys}`,
+        "selectedRows: ",
+        selectedRows
+      );
+    },
+    onSelect: (record, selected, selectedRows) => {
+      console.log(record, selected, selectedRows);
+    },
+    onSelectAll: (selected, selectedRows, changeRows) => {
+      console.log(selected, selectedRows, changeRows);
+    },
+  });
+  export default {
+    name: "AddRef",
+    // components: {
+    // },
+    props: {
+      addrefVisible: {
+        type: Boolean,
+        default: false,
+      },
+    },
+    setup(props, ctx) {
+      const state = reactive({
+          inputV1: "",
+          inputV2: "",
+        textV1:"",
+      });
+      const closeDrawer = () => {
+        ctx.emit("update:addrefVisible", false);
+      };
+      const afterVisibleChange = (bool) => {
+        console.log("state", bool);
+      };
+      return {
+        ...toRefs(state),
+        afterVisibleChange,
+          closeDrawer,
+          rowSelection,
+      };
+    },
+  };
+  </script>
+  <style lang="scss">
+  .ant-table-striped :deep(.table-striped) td {
+    background-color: #fafafa !important;
+  }
+  .addrefDrawer {
+    .drawerMain {
+      .header {
+        height: 73px;
+        border-bottom: 1px solid #e8e8e8;
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        .headerTitle {
+          font-size: 18px;
+          font-weight: 600;
+          color: #333333;
+          line-height: 25px;
+          margin-left: 24px;
+        }
+      }
+      .contentMain {
+        display: flex;
+        justify-content: space-between;
+        .main_left {
+          padding-right: 30px;
+          flex: 1;
+          border-right: 1px solid #e8e8e8;
+          .main_item {
+            display: flex;
+            align-items: center;
+            margin-bottom: 32px;
+            .signbox {
+              width: 120px;
+              display: flex;
+              justify-content: end;
+              align-items: center;
+              .sign {
+                margin-right: 5px;
+              }
+            }
+            .btnbox {
+              display: flex;
+              flex: 1;
+              align-items: center;
+              .xkbtn {
+                cursor: pointer;
+                width: 130px;
+                height: 40px;
+                background: #388be1;
+                border-radius: 8px;
+                border: 0;
+                margin-right: 8px;
+                color: #fff;
+              }
+            }
+          }
+          .main_item2 {
+            display: flex;
+            align-items: flex-start;
+            margin-bottom: 32px;
+            .signbox {
+              width: 120px;
+              display: flex;
+              justify-content: end;
+              align-items: center;
+              .sign {
+                margin-right: 5px;
+              }
+            }
+            .kqszbox {
+              .qdqtbox {
+                margin-left: 56px;
+              }
+              .setbox {
+                display: flex;
+                flex-wrap: wrap;
+                margin-top: 10px;
+                margin-bottom: 24px;
+                .timerbox {
+                  margin-top: 6px;
+                  margin-right: 32px;
+                  display: flex;
+                  align-items: center;
+                  flex-wrap: nowrap;
+                }
+              }
+            }
+            .btnbox2 {
+              display: flex;
+              flex-direction: column;
+              justify-content: flex-start;
+              .xkbtn {
+                cursor: pointer;
+                width: 130px;
+                height: 40px;
+                background: #388be1;
+                border-radius: 8px;
+                border: 0;
+                margin-right: 16px 8px 32px 0;
+                color: #fff;
+                margin-top: 16px;
+                margin-bottom: 60px;
+              }
+            }
+          }
+        }
+      }
+      .main_btns {
+        height: 72px;
+        width: 100%;
+        bottom: 0;
+        left: 0;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+        .btn1 {
+          width: 100px;
+          height: 40px;
+          border: 1px solid #4ea6ff;
+          border-radius: 8px;
+          color: #4ea6ff;
+          background-color: #fff;
+          cursor: pointer;
+        }
+        .btn2 {
+          cursor: pointer;
+          width: 100px;
+          height: 40px;
+          background: #4ea6ff;
+          border-radius: 8px;
+          border: 0;
+          margin-left: 15px;
+          color: #fff;
+        }
+      }
+    }
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/components/drawers/AddTest.vue b/src/components/drawers/AddTest.vue
index eeaef62e..4d879967 100644
--- a/src/components/drawers/AddTest.vue
+++ b/src/components/drawers/AddTest.vue
@@ -3,7 +3,7 @@
     :visible="addtestVisible"
     class="drawerStyle addtestDrawer"
     width="80%"
-    title="添加面授"
+    title="添加作业"
     placement="right"
     @after-visible-change="afterVisibleChange"
   >
@@ -204,56 +204,6 @@
 </template>
   <script>
 import { reactive, toRefs, ref } from "vue";
-const options1 = ref([
-  {
-    value: "value1",
-    label: "请选择状态",
-  },
-]);
-const columns1 = [
-  {
-    title: "课程编号",
-    width: "20%",
-    dataIndex: "num",
-    key: "num",
-    align: "center",
-  },
-  {
-    title: "名称",
-    width: "20%",
-    dataIndex: "name",
-    key: "name",
-    align: "center",
-  },
-  {
-    title: "内容分类",
-    width: "13%",
-    dataIndex: "content",
-    key: "content",
-    align: "center",
-  },
-  {
-    title: "授课教师",
-    width: "13%",
-    dataIndex: "teacher",
-    key: "teacher",
-    align: "center",
-  },
-  {
-    title: "创建人",
-    width: "13%",
-    dataIndex: "creator",
-    key: "creator",
-    align: "center",
-  },
-  {
-    title: "完成时间",
-    width: "20%",
-    dataIndex: "time",
-    key: "time",
-    align: "center",
-  },
-];
 const rowSelection = ref({
   checkStrictly: false,
   onChange: (selectedRowKeys, selectedRows) => {
@@ -282,92 +232,6 @@ export default {
   },
   setup(props, ctx) {
     const state = reactive({
-      tableData1: [
-        {
-          key: "1",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "通用力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "2",
-          num: "JDF2022071100001",
-          name: "管理能力课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "3",
-          num: "JDF2022071100001",
-          name: "快速换模SMED",
-          content: "通用力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "4",
-          num: "JDF2022071100001",
-          name: "巧妙对话人见人夸",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "5",
-          num: "JDF2022071100001",
-          name: "管理能力课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "6",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "7",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "8",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-        {
-          key: "9",
-          num: "JDF2022071100001",
-          name: "时间管理课程",
-          content: "领导力",
-          teacher: "BOE教师",
-          creator: "管理员",
-          time: "2022-10-31 23:12:00",
-        },
-      ],
-      currentPage: 1,
-      tableDataTotal: 100,
-      pageSize: 10,
       inputV1: "",
       inputV2: "",
       inputV3: "",
@@ -387,10 +251,7 @@ export default {
       ...toRefs(state),
       afterVisibleChange,
       closeDrawer,
-      options1,
-      columns1,
       rowSelection,
-      // change,
     };
   },
 };
diff --git a/src/components/drawers/AddVote.vue b/src/components/drawers/AddVote.vue
index f91322d2..b3291947 100644
--- a/src/components/drawers/AddVote.vue
+++ b/src/components/drawers/AddVote.vue
@@ -1,8 +1,8 @@
 <template>
   <a-drawer
     :visible="addvoteVisible"
-    class="drawerStyle"
-    width="70%"
+    class="drawerStyle addvoteDrawer"
+    width="80%"
     title="添加投票"
     placement="right"
     @after-visible-change="afterVisibleChange"
@@ -17,129 +17,120 @@
         />
       </div>
       <div class="contentMain">
-        <!-- 投票名称 -->
-        <div class="vote">
-          <div class="votebox">
-            <img
-              class="voteimg"
-              src="../../assets/images/basicinfo/asterisk.png"
-            />
-            <div class="votename">投票名称：</div>
+        <div class="main_left">
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">投票名称：</span>
+            </div>
+            <div class="btnbox">
+              <a-input
+                v-model:value="inputV1"
+                style="width: 424px; height: 32px"
+                placeholder="请输入投票名称"
+              />
+            </div>
           </div>
-          <div style="width: 424px">
-            <a-input v-model:value="value" placeholder="请输入投票名称" />
+          <div class="main_item">
+            <div class="signbox">
+              <div class="sign">
+                <img
+                  src="@/assets/images/coursewareManage/asterisk.png"
+                  alt=""
+                />
+              </div>
+              <span style="margin-right: 3px">创建投票：</span>
+            </div>
+            <div class="btnbox" @click="showDrawerCreVote">
+              <button class="xkbtn">创建投票</button>
+            </div>
+            <!-- 创建投票侧弹窗 -->
+            <div>
+              <cre-vote v-model:crevoteVisible="crevotevisible" />
+            </div>
+            <!-- 创建投票侧弹窗 -->
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">起止时间：</span>
+            </div>
+            <div class="btnbox">
+              <a-range-picker
+                style="width: 424px"
+                :placeholder="['      开始时间', '        结束时间']"
+              />
+            </div>
+          </div>
+          <div class="main_item">
+            <div class="signbox">
+              <span style="margin-right: 3px">基础投票数：</span>
+            </div>
+            <div class="btnbox">
+              <button class="xkbtn">点击上传</button>
+            </div>
+          </div>
+          <div class="main_item" style="margin-top: -25px">
+            <div class="signbox"></div>
+            <div class="btnbox">
+              <span style="color: #999999">支持：xls.xlsx</span>
+            </div>
+          </div>
+          <div class="main_item2">
+            <div class="signbox">
+              <span style="margin-right: 3px">投票说明：</span>
+            </div>
+            <div class="textarea">
+              <a-textarea
+                v-model:value="textV1"
+                placeholder="请输入投票说明"
+                allow-clear
+              />
+            </div>
           </div>
         </div>
-        <!-- 投票名称 -->
-        <!-- 创建投票 -->
-        <div class="vote">
-          <div class="votebox">
-            <img
-              class="voteimg"
-              src="../../assets/images/basicinfo/asterisk.png"
-            />
-            <div class="votename">创建投票：</div>
-          </div>
-          <div class="votebtn">创建投票</div>
-        </div>
-        <!-- 创建投票 -->
-        <!-- 起止时间 -->
-        <div class="vote">
-          <div class="votebox">
-            <div class="voteimg"></div>
-            <div class="votename">起止时间：</div>
-          </div>
-          <div class="votedate">
-            <a-range-picker />
-          </div>
-        </div>
-        <!-- 起止时间 -->
-        <!-- 基础投票数 -->
-        <div class="vote" style="align-items: flex-start">
-          <div class="votebox" style="margin-top: 10px">
-            <div class="voteimg"></div>
-            <div class="votename">基础投票数：</div>
-          </div>
-          <div>
-            <div class="votebtn">点击上传</div>
-            <div class="voteclassify">支持：xls.xlsx</div>
-          </div>
-        </div>
-        <!-- 基础投票数 -->
-        <!-- 投票说明 -->
-        <div class="vote" style="align-items: flex-start">
-          <div class="votebox" style="margin-top: 10px">
-            <div class="voteimg"></div>
-            <div class="votename">投票说明：</div>
-          </div>
-          <div style="width: 500px">
-            <a-textarea :rows="4" placeholder="请输入投票说明" :maxlength="6" />
-          </div>
-        </div>
-        <!-- 投票说明 -->
-        <!-- 投票说明 -->
-        <div class="vote" style="align-items: flex-start">
-          <div class="votebox" style="margin-top: 10px">
-            <div class="voteimg"></div>
-            <div class="votename">投票说明：</div>
-          </div>
-          <div style="width: 500px">
-            <a-textarea :rows="4" placeholder="请输入投票说明" :maxlength="6" />
-          </div>
-        </div>
-        <!-- 投票说明 -->
-        <!-- 投票说明 -->
-        <div class="vote" style="align-items: flex-start">
-          <div class="votebox" style="margin-top: 10px">
-            <div class="voteimg"></div>
-            <div class="votename">投票说明：</div>
-          </div>
-          <div style="width: 500px">
-            <a-textarea :rows="4" placeholder="请输入投票说明" :maxlength="6" />
-          </div>
-        </div>
-        <!-- 投票说明 -->
-        <!-- 投票说明 -->
-        <div class="vote" style="align-items: flex-start">
-          <div class="votebox" style="margin-top: 10px">
-            <div class="voteimg"></div>
-            <div class="votename">投票说明：</div>
-          </div>
-          <div style="width: 500px">
-            <a-textarea :rows="4" placeholder="请输入投票说明" :maxlength="6" />
-          </div>
-        </div>
-        <!-- 投票说明 -->
-        <!-- 投票说明 -->
-        <div class="vote" style="align-items: flex-start">
-          <div class="votebox" style="margin-top: 10px">
-            <div class="voteimg"></div>
-            <div class="votename">投票说明：</div>
-          </div>
-          <div style="width: 500px">
-            <a-textarea :rows="4" placeholder="请输入投票说明" :maxlength="6" />
-          </div>
-        </div>
-        <!-- 投票说明 -->
-        <!-- 投票说明 -->
-        <div class="vote" style="align-items: flex-start">
-          <div class="votebox" style="margin-top: 10px">
-            <div class="voteimg"></div>
-            <div class="votename">投票说明：</div>
-          </div>
-          <div style="width: 500px">
-            <a-textarea :rows="4" placeholder="请输入投票说明" :maxlength="6" />
-          </div>
-        </div>
-        <!-- 投票说明 -->
+      </div>
+      <div class="main_btns">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
       </div>
     </div>
   </a-drawer>
 </template>
-<script>
-import { reactive, toRefs } from "vue";
+    <script>
+import { reactive, toRefs, ref } from "vue";
+import CreVote from "../../components/drawers/CreVote.vue";
+const options1 = ref([
+  {
+    value: "value1",
+    label: "请选择状态",
+  },
+]);
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys, selectedRows) => {
+    console.log(
+      `selectedRowKeys: ${selectedRowKeys}`,
+      "selectedRows: ",
+      selectedRows
+    );
+  },
+  onSelect: (record, selected, selectedRows) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected, selectedRows, changeRows) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
 export default {
   name: "AddVote",
+  components: {
+    CreVote,
+  },
   props: {
     addvoteVisible: {
       type: Boolean,
@@ -147,33 +138,36 @@ export default {
     },
   },
   setup(props, ctx) {
-    const state = reactive({});
+    const state = reactive({
+      inputV1: "",
+      textV1: "",
+      crevotevisible: false,
+    });
     const closeDrawer = () => {
       ctx.emit("update:addvoteVisible", false);
     };
-
     const afterVisibleChange = (bool) => {
       console.log("state", bool);
     };
-
-    const showDrawer = () => {
-      state.visible = true;
+    const showDrawerCreVote = () => {
+      state.crevotevisible = true;
     };
-
     return {
       ...toRefs(state),
+      showDrawerCreVote,
       afterVisibleChange,
-      showDrawer,
       closeDrawer,
-      // change,
+      rowSelection,
+      options1,
     };
   },
 };
 </script>
-<style lang="scss">
-.addvote {
+    <style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
 }
-.drawerStyle {
+.addvoteDrawer {
   .drawerMain {
     .header {
       height: 73px;
@@ -190,56 +184,122 @@ export default {
       }
     }
     .contentMain {
-      .vote {
-        display: flex;
-        align-items: center;
-        margin-top: 32px;
-        margin-left: 20px;
-        .votebox {
-          width: 100px;
+      display: flex;
+      justify-content: space-between;
+      .main_left {
+        padding-right: 30px;
+        flex: 1;
+        border-right: 1px solid #e8e8e8;
+        .main_item {
           display: flex;
           align-items: center;
-          justify-content: flex-end;
-          // background-color: pink;
-          .voteimg {
-            width: 10px;
-            height: 10px;
-            margin-right: 5px;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
           }
-          .votename {
-            font-size: 14px;
-            font-weight: 400;
-            color: #333333;
-            line-height: 20px;
+          .btnbox {
+            display: flex;
+            flex: 1;
+            align-items: center;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 8px;
+              color: #fff;
+            }
           }
         }
-
-        .votebtn {
-          width: 130px;
-          height: 40px;
-          background: #388be1;
-          border-radius: 8px;
+        .main_item2 {
           display: flex;
-          align-items: center;
-          justify-content: center;
-          cursor: pointer;
-          font-size: 14px;
-          font-weight: 400;
-          color: #ffffff;
-          line-height: 20px;
-        }
-        .voteclassify {
-          font-size: 14px;
-          font-weight: 400;
-          color: #999999;
-          line-height: 20px;
-          margin-top: 16px;
-        }
-        .ant-picker {
-          width: 424px;
+          align-items: flex-start;
+          margin-bottom: 32px;
+          .signbox {
+            width: 120px;
+            display: flex;
+            justify-content: end;
+            align-items: center;
+            .sign {
+              margin-right: 5px;
+            }
+          }
+          .kqszbox {
+            .qdqtbox {
+              margin-left: 56px;
+            }
+            .setbox {
+              display: flex;
+              flex-wrap: wrap;
+              margin-top: 10px;
+              margin-bottom: 24px;
+              .timerbox {
+                margin-top: 6px;
+                margin-right: 32px;
+                display: flex;
+                align-items: center;
+                flex-wrap: nowrap;
+              }
+            }
+          }
+          .btnbox2 {
+            display: flex;
+            flex-direction: column;
+            justify-content: flex-start;
+            .xkbtn {
+              cursor: pointer;
+              width: 130px;
+              height: 40px;
+              background: #388be1;
+              border-radius: 8px;
+              border: 0;
+              margin-right: 16px 8px 32px 0;
+              color: #fff;
+              margin-top: 16px;
+              margin-bottom: 60px;
+            }
+          }
         }
       }
     }
+    .main_btns {
+      height: 72px;
+      width: 100%;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
   }
 }
 </style>
+    
\ No newline at end of file
diff --git a/src/components/drawers/AddVote1.vue b/src/components/drawers/AddVote1.vue
new file mode 100644
index 00000000..f91322d2
--- /dev/null
+++ b/src/components/drawers/AddVote1.vue
@@ -0,0 +1,245 @@
+<template>
+  <a-drawer
+    :visible="addvoteVisible"
+    class="drawerStyle"
+    width="70%"
+    title="添加投票"
+    placement="right"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">添加投票</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="contentMain">
+        <!-- 投票名称 -->
+        <div class="vote">
+          <div class="votebox">
+            <img
+              class="voteimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="votename">投票名称：</div>
+          </div>
+          <div style="width: 424px">
+            <a-input v-model:value="value" placeholder="请输入投票名称" />
+          </div>
+        </div>
+        <!-- 投票名称 -->
+        <!-- 创建投票 -->
+        <div class="vote">
+          <div class="votebox">
+            <img
+              class="voteimg"
+              src="../../assets/images/basicinfo/asterisk.png"
+            />
+            <div class="votename">创建投票：</div>
+          </div>
+          <div class="votebtn">创建投票</div>
+        </div>
+        <!-- 创建投票 -->
+        <!-- 起止时间 -->
+        <div class="vote">
+          <div class="votebox">
+            <div class="voteimg"></div>
+            <div class="votename">起止时间：</div>
+          </div>
+          <div class="votedate">
+            <a-range-picker />
+          </div>
+        </div>
+        <!-- 起止时间 -->
+        <!-- 基础投票数 -->
+        <div class="vote" style="align-items: flex-start">
+          <div class="votebox" style="margin-top: 10px">
+            <div class="voteimg"></div>
+            <div class="votename">基础投票数：</div>
+          </div>
+          <div>
+            <div class="votebtn">点击上传</div>
+            <div class="voteclassify">支持：xls.xlsx</div>
+          </div>
+        </div>
+        <!-- 基础投票数 -->
+        <!-- 投票说明 -->
+        <div class="vote" style="align-items: flex-start">
+          <div class="votebox" style="margin-top: 10px">
+            <div class="voteimg"></div>
+            <div class="votename">投票说明：</div>
+          </div>
+          <div style="width: 500px">
+            <a-textarea :rows="4" placeholder="请输入投票说明" :maxlength="6" />
+          </div>
+        </div>
+        <!-- 投票说明 -->
+        <!-- 投票说明 -->
+        <div class="vote" style="align-items: flex-start">
+          <div class="votebox" style="margin-top: 10px">
+            <div class="voteimg"></div>
+            <div class="votename">投票说明：</div>
+          </div>
+          <div style="width: 500px">
+            <a-textarea :rows="4" placeholder="请输入投票说明" :maxlength="6" />
+          </div>
+        </div>
+        <!-- 投票说明 -->
+        <!-- 投票说明 -->
+        <div class="vote" style="align-items: flex-start">
+          <div class="votebox" style="margin-top: 10px">
+            <div class="voteimg"></div>
+            <div class="votename">投票说明：</div>
+          </div>
+          <div style="width: 500px">
+            <a-textarea :rows="4" placeholder="请输入投票说明" :maxlength="6" />
+          </div>
+        </div>
+        <!-- 投票说明 -->
+        <!-- 投票说明 -->
+        <div class="vote" style="align-items: flex-start">
+          <div class="votebox" style="margin-top: 10px">
+            <div class="voteimg"></div>
+            <div class="votename">投票说明：</div>
+          </div>
+          <div style="width: 500px">
+            <a-textarea :rows="4" placeholder="请输入投票说明" :maxlength="6" />
+          </div>
+        </div>
+        <!-- 投票说明 -->
+        <!-- 投票说明 -->
+        <div class="vote" style="align-items: flex-start">
+          <div class="votebox" style="margin-top: 10px">
+            <div class="voteimg"></div>
+            <div class="votename">投票说明：</div>
+          </div>
+          <div style="width: 500px">
+            <a-textarea :rows="4" placeholder="请输入投票说明" :maxlength="6" />
+          </div>
+        </div>
+        <!-- 投票说明 -->
+        <!-- 投票说明 -->
+        <div class="vote" style="align-items: flex-start">
+          <div class="votebox" style="margin-top: 10px">
+            <div class="voteimg"></div>
+            <div class="votename">投票说明：</div>
+          </div>
+          <div style="width: 500px">
+            <a-textarea :rows="4" placeholder="请输入投票说明" :maxlength="6" />
+          </div>
+        </div>
+        <!-- 投票说明 -->
+      </div>
+    </div>
+  </a-drawer>
+</template>
+<script>
+import { reactive, toRefs } from "vue";
+export default {
+  name: "AddVote",
+  props: {
+    addvoteVisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({});
+    const closeDrawer = () => {
+      ctx.emit("update:addvoteVisible", false);
+    };
+
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+
+    const showDrawer = () => {
+      state.visible = true;
+    };
+
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      showDrawer,
+      closeDrawer,
+      // change,
+    };
+  },
+};
+</script>
+<style lang="scss">
+.addvote {
+}
+.drawerStyle {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+    .contentMain {
+      .vote {
+        display: flex;
+        align-items: center;
+        margin-top: 32px;
+        margin-left: 20px;
+        .votebox {
+          width: 100px;
+          display: flex;
+          align-items: center;
+          justify-content: flex-end;
+          // background-color: pink;
+          .voteimg {
+            width: 10px;
+            height: 10px;
+            margin-right: 5px;
+          }
+          .votename {
+            font-size: 14px;
+            font-weight: 400;
+            color: #333333;
+            line-height: 20px;
+          }
+        }
+
+        .votebtn {
+          width: 130px;
+          height: 40px;
+          background: #388be1;
+          border-radius: 8px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          cursor: pointer;
+          font-size: 14px;
+          font-weight: 400;
+          color: #ffffff;
+          line-height: 20px;
+        }
+        .voteclassify {
+          font-size: 14px;
+          font-weight: 400;
+          color: #999999;
+          line-height: 20px;
+          margin-top: 16px;
+        }
+        .ant-picker {
+          width: 424px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/src/components/drawers/CreVote.vue b/src/components/drawers/CreVote.vue
new file mode 100644
index 00000000..d3c43f77
--- /dev/null
+++ b/src/components/drawers/CreVote.vue
@@ -0,0 +1,285 @@
+<template>
+  <a-drawer
+    :visible="crevoteVisible"
+    class="drawerStyle crevoteDrawer"
+    width="80%"
+    title="创建投票"
+    placement="right"
+    @after-visible-change="afterVisibleChange"
+  >
+    <div class="drawerMain">
+      <div class="header">
+        <div class="headerTitle">创建投票</div>
+        <img
+          style="width: 29px; height: 29px; cursor: pointer"
+          src="../../assets/images/basicinfo/close.png"
+          @click="closeDrawer"
+        />
+      </div>
+      <div class="contentMain">
+        <div class="box" @click="showDrawerCreVote">
+          <button class="cjtpbtn">创建标题</button>
+        </div>
+        <div class="main_item">
+          <div class="signbox">
+            <div class="sign">
+              <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+            </div>
+            <span style="margin-right: 3px">题干：</span>
+          </div>
+          <div class="btnbox">
+            <a-input
+              v-model:value="inputV1"
+              style="width: 424px; height: 32px"
+              placeholder="请输入题干"
+            />
+          </div>
+        </div>
+        <div class="main_item">
+          <div class="signbox">
+            <div class="sign">
+              <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+            </div>
+            <span style="margin-right: 3px">选项1：</span>
+          </div>
+          <div class="btnbox">
+            <a-input
+              v-model:value="inputV2"
+              style="width: 424px; height: 32px"
+            />
+            <a-button type="link">+ 上传图片</a-button>
+          </div>
+        </div>
+        <div class="main_item">
+          <div class="signbox">
+            <div class="sign">
+              <img src="@/assets/images/coursewareManage/asterisk.png" alt="" />
+            </div>
+            <span style="margin-right: 3px">选项2：</span>
+          </div>
+          <div class="btnbox">
+            <a-input
+              v-model:value="inputV3"
+              style="width: 424px; height: 32px"
+            />
+            <a-button type="link">+ 上传图片</a-button>
+            <a-button type="link">删除</a-button>
+          </div>
+        </div>
+        <div class="main_item">
+          <div class="signbox"></div>
+          <div class="btnbox">
+            <div class="tjxxbtn"><div class="btntext">添加选项</div></div>
+          </div>
+        </div>
+      </div>
+      <div class="main_btns">
+        <button class="btn1">取消</button>
+        <button class="btn2">确定</button>
+      </div>
+    </div>
+  </a-drawer>
+</template>
+  <script>
+import { reactive, toRefs, ref } from "vue";
+const rowSelection = ref({
+  checkStrictly: false,
+  onChange: (selectedRowKeys, selectedRows) => {
+    console.log(
+      `selectedRowKeys: ${selectedRowKeys}`,
+      "selectedRows: ",
+      selectedRows
+    );
+  },
+  onSelect: (record, selected, selectedRows) => {
+    console.log(record, selected, selectedRows);
+  },
+  onSelectAll: (selected, selectedRows, changeRows) => {
+    console.log(selected, selectedRows, changeRows);
+  },
+});
+export default {
+  name: "CreVote",
+  // components: {
+  // },
+  props: {
+    crevoteVisible: {
+      type: Boolean,
+      default: false,
+    },
+  },
+  setup(props, ctx) {
+    const state = reactive({
+      inputV1: "",
+      inputV2: "",
+      inputV3: "",
+    });
+    const closeDrawer = () => {
+      ctx.emit("update:crevoteVisible", false);
+    };
+    const afterVisibleChange = (bool) => {
+      console.log("state", bool);
+    };
+    return {
+      ...toRefs(state),
+      afterVisibleChange,
+      closeDrawer,
+      rowSelection,
+    };
+  },
+};
+</script>
+  <style lang="scss">
+.ant-table-striped :deep(.table-striped) td {
+  background-color: #fafafa !important;
+}
+.crevoteDrawer {
+  .drawerMain {
+    .header {
+      height: 73px;
+      border-bottom: 1px solid #e8e8e8;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      .headerTitle {
+        font-size: 18px;
+        font-weight: 600;
+        color: #333333;
+        line-height: 25px;
+        margin-left: 24px;
+      }
+    }
+    .contentMain {
+      .box {
+        display: flex;
+        flex: 1;
+        align-items: center;
+        margin-bottom: 30px;
+        .cjtpbtn {
+          cursor: pointer;
+          width: 130px;
+          height: 40px;
+          background: #388be1;
+          border-radius: 8px;
+          border: 0;
+          margin-right: 8px;
+          color: #fff;
+        }
+      }
+      .main_item {
+        display: flex;
+        align-items: center;
+        margin-bottom: 32px;
+        .signbox {
+          width: 120px;
+          display: flex;
+          justify-content: end;
+          align-items: center;
+          .sign {
+            margin-right: 5px;
+          }
+        }
+        .btnbox {
+          display: flex;
+          flex: 1;
+          align-items: center;
+          .tjxxbtn {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            cursor: pointer;
+            width: 130px;
+            height: 40px;
+            background: #388be1;
+            border-radius: 8px;
+            border: 0;
+            margin-right: 8px;
+            .btntext {
+              color: #fff;
+            }
+          }
+        }
+      }
+      .main_item2 {
+        display: flex;
+        align-items: flex-start;
+        margin-bottom: 32px;
+        .signbox {
+          width: 120px;
+          display: flex;
+          justify-content: end;
+          align-items: center;
+          .sign {
+            margin-right: 5px;
+          }
+        }
+        .kqszbox {
+          .qdqtbox {
+            margin-left: 56px;
+          }
+          .setbox {
+            display: flex;
+            flex-wrap: wrap;
+            margin-top: 10px;
+            margin-bottom: 24px;
+            .timerbox {
+              margin-top: 6px;
+              margin-right: 32px;
+              display: flex;
+              align-items: center;
+              flex-wrap: nowrap;
+            }
+          }
+        }
+        .btnbox2 {
+          display: flex;
+          flex-direction: column;
+          justify-content: flex-start;
+          .xkbtn {
+            cursor: pointer;
+            width: 130px;
+            height: 40px;
+            background: #388be1;
+            border-radius: 8px;
+            border: 0;
+            margin-right: 16px 8px 32px 0;
+            color: #fff;
+            margin-top: 16px;
+            margin-bottom: 60px;
+          }
+        }
+      }
+    }
+    .main_btns {
+      height: 72px;
+      width: 100%;
+      bottom: 0;
+      left: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.16);
+      .btn1 {
+        width: 100px;
+        height: 40px;
+        border: 1px solid #4ea6ff;
+        border-radius: 8px;
+        color: #4ea6ff;
+        background-color: #fff;
+        cursor: pointer;
+      }
+      .btn2 {
+        cursor: pointer;
+        width: 100px;
+        height: 40px;
+        background: #4ea6ff;
+        border-radius: 8px;
+        border: 0;
+        margin-left: 15px;
+        color: #fff;
+      }
+    }
+  }
+}
+</style>
+  
\ No newline at end of file
diff --git a/src/views/projectcenter/TaskAdd.vue b/src/views/projectcenter/TaskAdd.vue
index a3fb7a8b..5576c03a 100644
--- a/src/views/projectcenter/TaskAdd.vue
+++ b/src/views/projectcenter/TaskAdd.vue
@@ -70,7 +70,7 @@
       </div>
       <div class="mid">
         <div class="item" @click="showDrawerOnline">
-          <div class="itcon" >
+          <div class="itcon">
             <div class="img">
               <img src="../../assets/images/leveladd/zai.png" />
             </div>
@@ -84,7 +84,7 @@
           <div class="lin"></div>
         </div>
         <div class="item" @click="showDrawerFaceteach">
-          <div class="itcon" >
+          <div class="itcon">
             <div class="img">
               <img src="../../assets/images/leveladd/mian.png" />
             </div>
@@ -113,82 +113,127 @@
         </div>
         <div class="item">
           <div class="itcon">
-            <div class="img">
+            <div class="img" @click="showDrawerAddHomework">
               <img src="../../assets/images/leveladd/zuo.png" />
             </div>
             <div class="text">作业</div>
           </div>
+          <!-- 添加作业侧弹窗 -->
+          <div>
+            <add-homework v-model:addhomeworkVisible="addhomeworkvisible" />
+          </div>
+          <!-- 添加作业侧弹窗 -->
           <div class="lin"></div>
         </div>
-        <div class="item">
+        <div class="item" @click="showDrawerAddTest">
           <div class="itcon">
             <div class="img">
               <img src="../../assets/images/leveladd/kao.png" />
             </div>
             <div class="text">考试</div>
           </div>
+          <!-- 添加考试侧弹窗 -->
+          <div>
+            <add-test v-model:addtestVisible="addtestvisible" />
+          </div>
+          <!-- 添加考试侧弹窗 -->
           <div class="lin"></div>
         </div>
-        <div class="item">
+        <div class="item" @click="showDrawerAddLive">
           <div class="itcon">
             <div class="img">
               <img src="../../assets/images/leveladd/zhi.png" />
             </div>
             <div class="text">直播</div>
           </div>
+          <!-- 添加考试侧弹窗 -->
+          <div>
+            <add-live v-model:addliveVisible="addlivevisible" />
+          </div>
+          <!-- 添加考试侧弹窗 -->
           <div class="lin"></div>
         </div>
-        <div class="item">
+        <div class="item" @click="showDrawerAddRef">
           <div class="itcon">
             <div class="img">
               <img src="../../assets/images/leveladd/wai.png" />
             </div>
             <div class="text">外链</div>
           </div>
+          <!-- 添加外链侧弹窗 -->
+          <div>
+            <add-ref v-model:addrefVisible="addrefvisible" />
+          </div>
+          <!-- 添加外链侧弹窗 -->
           <div class="lin"></div>
         </div>
-        <div class="item">
+        <div class="item" @click="showDrawerAddDiscuss">
           <div class="itcon">
             <div class="img">
               <img src="../../assets/images/leveladd/tao.png" />
             </div>
             <div class="text">讨论</div>
           </div>
+          <!-- 添加讨论侧弹窗 -->
+          <div>
+            <add-discuss v-model:adddiscussVisible="adddiscussvisible" />
+          </div>
+          <!-- 添加讨论侧弹窗 -->
           <div class="lin"></div>
         </div>
-        <div class="item">
+        <div class="item" @click="showDrawerAddActive">
           <div class="itcon">
             <div class="img">
               <img src="../../assets/images/leveladd/huo.png" />
             </div>
             <div class="text">活动</div>
           </div>
+          <!-- 添加活动侧弹窗 -->
+          <div>
+            <add-active v-model:addactiveVisible="addactivevisible" />
+          </div>
+          <!-- 添加活动侧弹窗 -->
           <div class="lin"></div>
         </div>
-        <div class="item">
+        <div class="item" @click="showDrawerAddEval">
           <div class="itcon">
             <div class="img">
               <img src="../../assets/images/leveladd/ce.png" />
             </div>
             <div class="text">测评</div>
           </div>
+          <!-- 添加测评侧弹窗 -->
+          <div>
+            <add-eval v-model:addevalVisible="addevalvisible" />
+          </div>
+          <!-- 添加测评侧弹窗 -->
           <div class="lin"></div>
         </div>
-        <div class="item">
+        <div class="item" @click="showDrawerAddInvist">
           <div class="itcon">
             <div class="img">
               <img src="../../assets/images/leveladd/diao.png" />
             </div>
             <div class="text">调研</div>
           </div>
+          <!-- 添加调研侧弹窗 -->
+          <div>
+            <add-invist v-model:addinvistVisible="addinvistvisible" />
+          </div>
+          <!-- 添加调研侧弹窗 -->
           <div class="lin"></div>
         </div>
-        <div class="item">
+        <div class="item" @click="showDrawerAddVote">
           <div class="itcon">
             <div class="img">
               <img src="../../assets/images/leveladd/tou.png" />
             </div>
             <div class="text">投票</div>
+            <!-- 添加投票侧弹窗 -->
+            <div>
+              <add-vote v-model:addvoteVisible="addvotevisible" />
+            </div>
+            <!-- 添加投票侧弹窗 -->
           </div>
         </div>
       </div>
@@ -369,6 +414,15 @@ import AddOnline from "../../components/drawers/AddOnline.vue";
 import EditOnline from "../../components/drawers/EditOnline.vue";
 import AddFaceteach from "../../components/drawers/AddFaceteach.vue";
 import AddCase from "../../components/drawers/AddCase.vue";
+import AddHomework from "../../components/drawers/AddHomework.vue";
+import AddTest from "../../components/drawers/AddTest.vue";
+import AddLive from "../../components/drawers/AddLive.vue";
+import AddRef from "../../components/drawers/AddRef.vue";
+import AddDiscuss from "../../components/drawers/AddDiscuss.vue";
+import AddActive from "../../components/drawers/AddActive.vue";
+import AddEval from "../../components/drawers/AddEval.vue";
+import AddInvist from "../../components/drawers/AddInvist.vue";
+import AddVote from "../../components/drawers/AddVote.vue";
 const drawercolumns = [
   {
     title: "项目名称",
@@ -414,6 +468,15 @@ export default {
     EditOnline,
     AddFaceteach,
     AddCase,
+    AddHomework,
+    AddTest,
+    AddLive,
+    AddRef,
+    AddDiscuss,
+    AddActive,
+    AddEval,
+    AddInvist,
+    AddVote,
   },
   setup() {
     const state = reactive({
@@ -653,8 +716,17 @@ export default {
       pageSize: 10,
       addonlinevisible: false,
       addfaceteachvisible: false,
-      addcasevisible:false,
+      addcasevisible: false,
       editonlinevisible: false,
+      addhomeworkvisible: false,
+      addtestvisible: false,
+      addlivevisible: false,
+      addrefvisible: false,
+      adddiscussvisible: false,
+      addactivevisible: false,
+      addevalvisible: false,
+      addinvistvisible: false,
+      addvotevisible: false,
       stage: false,
       selectedRowKeys: [],
     });
@@ -823,6 +895,33 @@ export default {
     const showDrawerAddCase = () => {
       state.addcasevisible = true;
     };
+    const showDrawerAddHomework = () => {
+      state.addhomeworkvisible = true;
+    };
+    const showDrawerAddTest = () => {
+      state.addtestvisible = true;
+    };
+    const showDrawerAddLive = () => {
+      state.addlivevisible = true;
+    };
+    const showDrawerAddRef = () => {
+      state.addrefvisible = true;
+    };
+    const showDrawerAddDiscuss = () => {
+      state.adddiscussvisible = true;
+    };
+    const showDrawerAddActive = () => {
+      state.addactivevisible = true;
+    };
+    const showDrawerAddEval = () => {
+      state.addevalvisible = true;
+    };
+    const showDrawerAddInvist = () => {
+      state.addinvistvisible = true;
+    };
+    const showDrawerAddVote = () => {
+      state.addvotevisible = true;
+    };
     return {
       ...toRefs(state),
       selectProjectName,
@@ -837,6 +936,15 @@ export default {
       showDrawerOnline,
       showDrawerFaceteach,
       showDrawerAddCase,
+      showDrawerAddHomework,
+      showDrawerAddTest,
+      showDrawerAddLive,
+      showDrawerAddRef,
+      showDrawerAddDiscuss,
+      showDrawerAddActive,
+      showDrawerAddEval,
+      showDrawerAddInvist,
+      showDrawerAddVote,
     };
   },
 };