From 022bdb258108cd3c6cc7f194d75c1b3361988679 Mon Sep 17 00:00:00 2001
From: dongwug <guoys@dongwu-inc.com>
Date: Tue, 11 Oct 2022 15:36:41 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E6=96=B0=E5=A2=9E=E5=BC=80=E8=AF=BE?=
 =?UTF-8?q?=E5=AD=A6=E5=91=98=E7=AE=A1=E7=90=86=E5=BC=B9=E7=AA=97=20?=
 =?UTF-8?q?=E4=BF=AE=E6=94=B9=E4=BA=86=E4=B8=80=E4=BA=9B=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../images/coursewareManage/asterisk.png      | Bin 0 -> 360 bytes
 src/assets/images/coursewareManage/close.png  | Bin 0 -> 695 bytes
 src/assets/images/coursewareManage/down.png   | Bin 0 -> 199 bytes
 .../images/coursewareManage/enclosure.png     | Bin 0 -> 628 bytes
 src/assets/images/coursewareManage/export.png | Bin 0 -> 1166 bytes
 .../images/coursewareManage/export1.png       | Bin 0 -> 372 bytes
 .../images/coursewareManage/givepower.png     | Bin 0 -> 489 bytes
 src/assets/images/coursewareManage/scht.png   | Bin 0 -> 501 bytes
 src/assets/images/coursewareManage/stum.png   | Bin 0 -> 469 bytes
 src/assets/images/coursewareManage/up.png     | Bin 0 -> 203 bytes
 src/views/courselibrary/CoursewareManage.vue  | 829 ++++++++++++++----
 11 files changed, 646 insertions(+), 183 deletions(-)
 create mode 100644 src/assets/images/coursewareManage/asterisk.png
 create mode 100644 src/assets/images/coursewareManage/close.png
 create mode 100644 src/assets/images/coursewareManage/down.png
 create mode 100644 src/assets/images/coursewareManage/enclosure.png
 create mode 100644 src/assets/images/coursewareManage/export.png
 create mode 100644 src/assets/images/coursewareManage/export1.png
 create mode 100644 src/assets/images/coursewareManage/givepower.png
 create mode 100644 src/assets/images/coursewareManage/scht.png
 create mode 100644 src/assets/images/coursewareManage/stum.png
 create mode 100644 src/assets/images/coursewareManage/up.png

diff --git a/src/assets/images/coursewareManage/asterisk.png b/src/assets/images/coursewareManage/asterisk.png
new file mode 100644
index 0000000000000000000000000000000000000000..49c7ac9940b2867a162b34fc066026b765f6ae67
GIT binary patch
literal 360
zcmV-u0hj)XP)<h;3K|Lk000e1NJLTq000UA000UI1^@s6jWW-@00001b5ch_0Itp)
z=>Px$B1uF+R47wjk3lO$VHAd+Gv6IoCS}Dm7fr?$DP?PCGuE@2>?d1E{s22EC97FU
zc1od0@h4_OnTyhlQX)j|%yo~x(P(mZ@AE#L&Jq4i6>rlbpZaoVC7t0ETp#b=LZv?J
zL)h*`K`tRV2@MNx@B)xTj@pRLRYu)Wf~Ev`WuOqFJ28zd2X`05HH5_`$t6Kb3G`TQ
z8Qh4_MFU+i`liUcqQ)TI0)5{QI>>hG#yis4CNihUtRO`|VmJUjF?^l-JlFo7sW6aA
z;T$SVTTvk}eCBh!yxL`LQ35h$K^7ud5$H+48nB<EJ};mxu}UT{$eF$3gJ>!yO!kth
z07DU480X=rC0>!vx|qF)XmyOoi(l41<KnD`G)faZUH<@<a$O~nqF%KC0000<MNUMn
GLSTZ*u##T@

literal 0
HcmV?d00001

diff --git a/src/assets/images/coursewareManage/close.png b/src/assets/images/coursewareManage/close.png
new file mode 100644
index 0000000000000000000000000000000000000000..26992042df1c3ef0916401174817bf1647063e4b
GIT binary patch
literal 695
zcmV;o0!aOdP)<h;3K|Lk000e1NJLTq0012T0012b1^@s6R+DEB00001b5ch_0Itp)
z=>Px%aY;l$R7gwhl{;uuK@^6+nd^eY#0MxLm0D;(L%8?OT_5;p5^c3e6BT?kidqOZ
zDeMFxU?o-t8^uCIP*IF8#7c=f!zOMcEGmMCg~fI*o4rRyHV}fldp9U)a^O~T=Kt>b
z&*6+>2|_IalV#|Cb$!`hZ?DSd^SjeDeQ&L;W%1h>ldIS3`C_s77LaCln%ZlOIRe}P
zo>eN9L*;V0+6rup=~7BP6p>*OIp&=6cmEnqp<x(q3WDGr&?_R3lu{$jD(>&^@9FOD
zegf<RzSnBCJu@>ipF4*73rUg;h{$VTJ#f!jI||h2i-lphHVA@AU?=cZM24Jm<yNk=
zonB*147>u?ipXu}+zBA{qQ)5iGtYqt_*Adghl<7Gmv;Sc3-tnV9Pd&}dGQ`#!diPe
zpU?NEY5Ee_4t$)QogJE<p8nPj_-8`1B>9{uiuP-*p8{RL%|`#W0;OuTI$SE1eq`0k
z3~luIfFCMgWdq=XAUHTRHT5$qu%k+Sau|kNf*^PU^fe&k*4nX7fE_`jDB7mA_C4%V
zN)<(909XNxS!>5T0cWx|48t%80zXI_fEU2w#&-+Qzy)jVwXEQ_&?HHAq-i>-lv)Qo
zu2d=`bK5CNl2d7#PAH|6h@5fG-N*uN2{p#-1^lL2Eh6`oQlksEk}>8ia9u=1Ykjg%
zDER7IMpNkE;Na$5F82Xg<#({P_V~hWG^cEgxd>eK=OS{{Id^wa8!3vSjaqB}T0F4U
zo}b%7&BTl`mw?N_FYipNm#J+}+gUaLJdWdYTI)51LgC7yD(wW;Y3@I*G%I`=n$@XA
d<t>T5zX7ID+aB@F0+Rp$002ovPDHLkV1iViKUn|(

literal 0
HcmV?d00001

diff --git a/src/assets/images/coursewareManage/down.png b/src/assets/images/coursewareManage/down.png
new file mode 100644
index 0000000000000000000000000000000000000000..2d4fe598d7718265971abcc37abbbe90a04fd55e
GIT binary patch
literal 199
zcmeAS@N?(olHy`uVBq!ia0vp@K+Mj;1|%;R9G3!8jKx9jP7LeL$-D$|8a-VcLo|Yu
zb28??IdbAl{n7fi|E0W7e;P{^G_;-Tl<eW@@#W$9uPiCOORdV#$RLk#<=_AF4VN#p
zDVN%{ukGB)$ey16%NvgT|CjtBmBnxZ>qXO~$;{b@mI_W!EbyHnB^hRHWYm&WY}Tb_
w(yOrZ|BXML3pp1F$^_~Dm;84<fjf{vY<KWUsW(>IK*un6y85}Sb4q9e0FUlU&j0`b

literal 0
HcmV?d00001

diff --git a/src/assets/images/coursewareManage/enclosure.png b/src/assets/images/coursewareManage/enclosure.png
new file mode 100644
index 0000000000000000000000000000000000000000..4bdc509739cf26257f3e8a98f215d4eef3bf78ac
GIT binary patch
literal 628
zcmV-)0*n2LP)<h;3K|Lk000e1NJLTq000jF000jN1^@s6JJyv-00001b5ch_0Itp)
z=>Px%E=fc|R5(v{lg&$1aTJE1_jm7A(S!mCqFN-?M(6{Hwzg;yIu=9{Bnleopr()u
zQ!8BrE|MaMQrcKKXo!Wblq6S`^dCeJ5$HlHv~n8n+<RgKqtCNE@bJJn?<@W{eden6
zQ|XNBi0y!Ybzt7IT%E4dyWHZRQ}xJNoZ||P{%o2j7U26H$1pAfA0wmoFZj%3^D-ex
z6FortTF6{sK#Sl|<mkcJ=EY1IJop_pQ(}xZ#q{I26sDOD3b+p(HFz&5%0wK`cictn
z{Rvk*H@|p^R-jv=C+jiog$zp^1{yGmfw4H|h&)<lRBXWILl*2T;-WdaW%Pyt6G3*v
zSRTjJI}w_g5X=Cb7*9=@a>gx7ToiQS=#A1$dHD<j2Y`ALzB9(mcxeGig>*<X8+0l$
zYK;;D7*{uqf`bv%no;0HO2$H*rP=v3o9GnWeCyMvlPUXPa4Qp$%JUck%5a=h%vRtb
z#;Z)sg*=Z2L65;`CQHX`oxZ7h)D|Ns^TZ8<3S!OzB{)Vf7S?m1qfX*l4&)2%(@k2-
z-AdIdTh2j(-N0gG?C``0;x)#3gBlqF2IHBCww!S@RZ67ng^XB^K{NIkbV)3D`7~zJ
zoRSzsjDHVl{}tRYSB_e#6ZZtA25Df@54jx$oG`c}m|Fcza=t}h|IG2mpA$n?=oheS
zHDG1#4a?R0IBjAGV>TVo^sGiJ|0=*=*-oUaL@;TvwC<CfsnMtZmFEW~bL$$n6p*9<
O0000<MNUMnLSTXy6Bn2O

literal 0
HcmV?d00001

diff --git a/src/assets/images/coursewareManage/export.png b/src/assets/images/coursewareManage/export.png
new file mode 100644
index 0000000000000000000000000000000000000000..78b8331f748358bd1d94631eab44ee3dc8dc716e
GIT binary patch
literal 1166
zcmaJ>Pi)&%9Cos{s=8%Mk&wCq(wj#iNR9pMC23-6YBz4FQC+e$5<x>S$9`?R)_-ch
z61U=zP#6qx05l11MI6`xiNlak(GZ|15^!ch6G%uzI~62AplK6_@!T~X2ZAO0z4z1a
z`+onv=L@BUClf=XLli|N)H$V0)?xA{2M5Uackbc~WI2v!s(8^|!VTR=lx(^+1XNpJ
zMrEX%8*AU9Ns2l&W>u=Vs?7_AYcqP}!-Td+&=fT}6?(d{f-tC|Wy=xi->!T~1IrZY
zXR;d9ydtVwbDKU|++3&_n=3}aq^F($lc7KeY=m_X+N(|=gd)AiE0BF;W@)hJf>%WP
zZc<gP1d6VYK#qZF141556c{d-$>iWT;2{rLm}NOW&E*7`5x5Dk|Ij3wZ!QUCWp+On
zIf--~V^3h&Mx((rPBE^(%yNZ7frUKF^J(Id4mKRDhiNA`*=0~rVEC4YE!P1Nqh52@
zu}G6l@0MVD2eeMG-zL&9Hq<?qV_;NL*HP2{-_^DcyaQZD_wxNu;-IqOA-0SHcilJ0
z;FeBCp**4JBOSYb#dTM^T`bjI>;`q$13bs@Af@Ss<wTap_8^)js7`=&$3Utg(u9Pu
zEK|s3ibcMdl{2saIc`Rg<@{_hOKdqg%VqMpE>>}kbsIUji#6|Ir+Z=}HP{}BtRUZd
z5t*~TYlFS21*>;1`JR0HShII7g`QZJB*R9t{nxC!CL*9{d!Sr$IM6<Fh~Ryq><=!|
zx5%xyqbhPG{Gs;OnVZ|Op=-_R8?ndp&Gt{n+TS(9?0mCdz1oURz*y&#(oGpW-{02Z
zmUMnZN}M&p(Trs6$n(;4vy}ny_G_)3;d7<b;kQR`w{{Ni)=JmKc;^aKAEA$Y)7LpB
zjSsd}X?&nPCjC12=g|}I&dCP-z*AdNYV)i6d^MYVTH&RE-OF(G^qYwtYHcui23!zh
zwMSDw-v9b`{EzHQ%;{G@-2OX%<D>VPtG_%n2EHiHU;Fu#(i%PgTz_Y=JrW<f-Y9+g
zaB}MFcRpW>#p=>l;<LW?rPi&H<P<n@d+YL@2XCZuhdO=rJbdfD;p0^N2sL_+efH8T
SyWdBD2z6#b`FQ&5%l`n`M|RTy

literal 0
HcmV?d00001

diff --git a/src/assets/images/coursewareManage/export1.png b/src/assets/images/coursewareManage/export1.png
new file mode 100644
index 0000000000000000000000000000000000000000..8f136521d6b1a0e2b8ac0f8d62850a0dbb3fd0ea
GIT binary patch
literal 372
zcmV-)0gL{LP)<h;3K|Lk000e1NJLTq000pH000mO1^@s6@G+EM00001b5ch_0Itp)
z=>Px$E=fc|R5(wilf6nqK@f$%^8{(M5eq9z6|t}p74#7lOIxw=0R&UW$|BlWh+q?I
z>u4)Tu(1$C5yWQ@iz9Q{4T<DuA=})&v%|;CIWr<1+w;Io{_p)ty6?$r1Lu-%b4+ou
z9S<9W04cU2=_%#bffHaigJgRN=t!!7CC7FjC?HWmyA)!33Rnczx)qf`Y}bHBYB{v~
z1m1wns;zMl+Xo>e5JH{-uL;)5x{QR_4!6F5LrDP&6Lx?uAY$VnP2gA3Q3A{Y*T6-e
z#lzaMy#?F=tCHUTyJmYks+9CHw34L7x}?29wx`*8kW?Q9IR$<s9Zv!YH|``|O#+Fj
zY(>u{kOkm5mQT`m$=D~SIzUs>WnREXU>f)+g#a~4%hjCptoS}KR|*MNa_%1kg|4+W
SGJbdf0000<MNUMnLSTYNrk3mg

literal 0
HcmV?d00001

diff --git a/src/assets/images/coursewareManage/givepower.png b/src/assets/images/coursewareManage/givepower.png
new file mode 100644
index 0000000000000000000000000000000000000000..94eb5488f6eab69ec835995f56ef2541229d8a40
GIT binary patch
literal 489
zcmV<F0T%v=P)<h;3K|Lk000e1NJLTq000jF000jN1^@s6JJyv-00001b5ch_0Itp)
z=>Px$qe(<TR5(v{lRan@VGxF&Hz8nQB?yYWjfIVk5iyOX@%H>7!tPxoC_*ePEFyA;
zAXum<vG5cW<n|zfczeN43<xGg+E@uT1`$D9<#b=!#XT;|-dE1dGe7UlCnmfzJ<q)k
zwKmD0*;RH1vF{iz3HBI%2%aX9u2&`50SB?SfuAW{UX8SVI`&b)ZNb4L(t&b<5gc^g
zLR^!W?}z$O1fF~0{ePy}#5_qFYK<ot!S$Y>+3ZRpg%zXpB!2ZnU95zIuHQ&}?nk;>
zhU>8(S?o(fou33RBaQ>7l1SgigKDuiWu7MuEl+|M5G%mTB+`W<s2=;F;jB{T`%QhU
zgfnB%b&=q^VM}lb*qg#^rv5~=>#>&%OTZ9V$7~=@0<*wZOou5tq#Q#$m=aO0b}k4k
z+T5Qp_g*#irKqy7;@!i)9Qi%X*36K(d^FKYLbX-2YI9}KP-ncgZ1=@(M<e|Q^YaX1
zznAz_-eE2F3Bj7-vCP}NqG^vGN(OJ+w98dX0%pJ9Rubyw4z+8s-;r{6(9~+x@n`K?
f93DivQTG1>H9oIKNnEKI00000NkvXXu0mjf;{My7

literal 0
HcmV?d00001

diff --git a/src/assets/images/coursewareManage/scht.png b/src/assets/images/coursewareManage/scht.png
new file mode 100644
index 0000000000000000000000000000000000000000..e3a32e9265447c3a39ebeba961c7fda2fd907aa2
GIT binary patch
literal 501
zcmV<R0Sf+!P)<h;3K|Lk000e1NJLTq000gE000gM1^@s6A4o0H00001b5ch_0Itp)
z=>Px$uSrBfR5(w4(miXFQ5eSY|8<fywmLMn4xL;?L~wJ^ts)AxrgqR^lY$>W+}tZp
zP7ZznL7ObaY7&efRf{j6po>%K;2WaSiip+5rs;FZQz<-3(=(oP{m!}X!>xSTS0(lX
zro%Esf<D8{wlr6!3i_#$il1PvWi#AgUL|a1doo1LH4X+dVYpN;>R}8Q5HEmt^5)RS
zhMdGOaEB%rVz>%SOT4wobgWinG5tU<=4A|<hI2~;Oz&F6Q)h^f;x{xnOKR^tN?!Ic
zM_;<l(+xOYFY4Cu8{XcXVW%L~im-Ehxi_ShBpki&-YCl}jg<XMf${2?Zs#X`NP+Wa
z9j~mJi+4+UlZ3-%=TiDx>JOQ-)sh-<AYXC6(`3UMu8rx_|2-$+H<?1Uq?wJ-;3KEw
zeu1vv-DqhCt=S`L$LC47fH_?&>G7#aA0TkqFd&HHpdko88zyQ+y-vbKB1UWDdNx${
z?sVWN5k3Eu7+7vcJZO~kJ_(;2PS%V1+G*sH`zIRCX1+5Qe@<0qK7u(x*H+lj3b4<C
r!^&4&0FD8Bf@y6DwLV!NB60H%<5b4!*R7B)00000NkvXXu0mjf1u@~~

literal 0
HcmV?d00001

diff --git a/src/assets/images/coursewareManage/stum.png b/src/assets/images/coursewareManage/stum.png
new file mode 100644
index 0000000000000000000000000000000000000000..06533bc3ed1c9f056f5ecca57549d5a3a1d5d73e
GIT binary patch
literal 469
zcmV;`0V@89P)<h;3K|Lk000e1NJLTq000gE000mO1^@s6CX`M(00001b5ch_0Itp)
z=>Px$k4Z#9R5(v{QZY+hK^UBQr`QKX(grL9tF*yRVkEp3HD2<bD6!EhlGxZq1^<U2
zzCDSk=L(4gEG=yWI|~~@1x4FLZ)6YOxt{N~S@^!0Z@$@CqTs}t)=7N!Edtf(4l~=6
zybPgi<{2wND7$fP_})-OKP1dSn9FOA1D~kI>bRo~eH&$7hXdnGUm4-2OZX<QHxvhd
zsk8kKmoDXtEj-w7680LPkL&6!)v)SPzAf_IlK43FBqI8&2~Uf>7b<#SY_&|{ze~8(
z<Z+r2UWfIUubOEQgaNTrCku-t#&;6hmT|;Z-w7B1R}%J0z#;zOv^vF`=G7aD#_9mV
zEozu`6FkX*#%c?|a6sI4DM#u=lj%2rl`!CXeNFEWVb`U66%3Mq9>!MRNX)u~-32ds
zCg44VF%Sz7mQX_lCG68!9Vx>6?ic<Ei6)Z=kGYiPJj3wz#0!_Qt3~MN_YwL__xO}6
zQrJ|4zcdwXx`d-e#Gy<BBKE@IW2-CHV7%h9KUm<?Tlf&v{h+}IV<ENr_Cs$^00000
LNkvXXu0mjfDjd>v

literal 0
HcmV?d00001

diff --git a/src/assets/images/coursewareManage/up.png b/src/assets/images/coursewareManage/up.png
new file mode 100644
index 0000000000000000000000000000000000000000..1521cb9c7b8b483a220c01edc2e5e314e42b6058
GIT binary patch
literal 203
zcmeAS@N?(olHy`uVBq!ia0vp@K+Mj;1|%;R9G3!8jKx9jP7LeL$-D$|T0LDHLo|X*
zCm3=y2MD;NubUQ>qg%u*=<GFH!FxlXwqc8mV#4gtmJg+S{+%yBJ+t!gJE4gi%T92b
zHRXlH#wWHcOn4hHp^Bkkp31ba*m=L_u)k&SnBkG4C(~4ag1zpo;n}G=7baFdxwuPF
z@ki&{jrSf-b<$ib??30OSjcg^t&OMM-#46#e|IM2bi$$3dq4*<c)I$ztaD0e0stzX
BPM-h(

literal 0
HcmV?d00001

diff --git a/src/views/courselibrary/CoursewareManage.vue b/src/views/courselibrary/CoursewareManage.vue
index 5050e2d6..2ee1c90e 100644
--- a/src/views/courselibrary/CoursewareManage.vue
+++ b/src/views/courselibrary/CoursewareManage.vue
@@ -79,22 +79,19 @@
     </div>
 
     <!-- 新建选择线上还是面授课弹窗 -->
-    <div
-      class="selectonlineface"
+    <div class="selectonlineface"
       :style="{ display: of_hs ? 'block' : 'none' }"
     >
       <div class="of_header"></div>
       <div class="of_main">
-        <div class="m_header">
+        <div class="ofm_header">
           <div class="add_icon"></div>
           <span>请选择课程类型</span>
-          <div class="add_exit" @click="of_exit">x</div>
+          <div class="close_exit" @click="of_exit"></div>
         </div>
-        <div class="m_body">
-          <div class="b_header">
-            <span style="font-weight: 900; color: red; margin-right: 6px"
-              >⃰</span
-            >
+        <div class="ofm_body">
+          <div class="ofmb_header">
+            <div class="sign"></div>
             <span style="margin-right: 14px">课程名称</span>
             <div class="b_input">
               <a-input
@@ -188,7 +185,7 @@
         <div class="m_header">
           <div class="add_icon"></div>
           <span>新建面授课</span>
-          <div class="add_exit" @click="ft_exit" >x</div>
+          <div class="close_exit" @click="ft_exit" ></div>
         </div>
         <div class="m_title">课程信息</div>
         <div class="m_body">
@@ -212,7 +209,7 @@
                 <div class="i2_right" @click="hideShow">
                   <div
                     class="b_zk"
-                    :style="{ display: hideshow ? 'block' : 'none' }"
+                    :style="{ display: hideshow ?  'block' :'none'  }"
                   >
                     <span style="color: #4ea6ff">收起</span>
                   </div>
@@ -379,7 +376,7 @@
 
     <!-- 表格 -->
     <div class="tableBox">
-      <a-table
+      <!-- <a-table
         :columns="tableDataFunc()"
         :data-source="tableData"
         :loading="tableDataTotal === -1 ? true : false"
@@ -387,6 +384,15 @@
         expandRowByClick="true"
         @expand="expandTable"
         :pagination="false"
+      /> -->
+      <a-table
+        :columns="columns5"
+        :data-source="tableData"
+        :loading="tableDataTotal === -1 ? true : false"
+        :scroll="{ x: 800 }"
+        expandRowByClick="true"
+        @expand="expandTable"
+        :pagination="false"
       />
     </div>
     <!-- 表格 -->
@@ -400,7 +406,7 @@
             <div class="omm_header">
                 <div class="pc_icon"></div>
                 <span>在线课程管理</span>
-                <div class="pc_exit" @click="om_exit">x</div>
+                <div class="close_exit" @click="om_exit"></div>
             </div>
             <div class="om_body">
                 <div class="b_title">课程：BMOT2021年职级晋升-安全管理（高级）</div>
@@ -452,7 +458,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="bm_table">
+                <div class="bm_table" style="margin-bottom:20px;">
                     <a-table
                         :columns="columns1"
                         :data-source="tableData2"
@@ -473,7 +479,7 @@
             <div class="omm_header">
                 <div class="pc_icon"></div>
                 <span>面授课程管理</span>
-                <div class="pc_exit" @click="ftm_exit">x</div>
+                <div class="close_exit" @click="ftm_exit"></div>
             </div>
             <div class="om_body">
                 <div class="b_title">课程：BMOT2021年职级晋升-安全管理（高级）</div>
@@ -522,7 +528,7 @@
                         </div>
                     </div>
                 </div>
-                <div class="bm_table">
+                <div class="bm_table" style="margin-bottom:20px;">
                     <a-table
                         :columns="columns1"
                         :data-source="tableData3"
@@ -550,7 +556,7 @@
             <div class="m_header">
                 <div class="det_icon"></div>
                 <span>查看详情</span>
-                <div class="det_exit" @click="ftsr_exit">x</div>
+                <div class="det_exit" @click="ftsr_exit"></div>
             </div>
             <div class="ftsr_table">
                     <a-table
@@ -575,9 +581,9 @@
         </div>
         <div class="gp_main">
             <div class="gpm_header">
-                <div class="pc_icon"></div>
+                <div class="givepower_icon"></div>
                 <span>授权</span>
-                <div class="pc_exit" @click="gpm_exit">x</div>
+                <div class="close_exit" @click="gpm_exit"></div>
             </div>
             <div class="gpm_inputbtn">
               <a-input
@@ -642,9 +648,9 @@
         </div>
         <div class="st_main">
             <div class="stm_header">
-                <div class="pc_icon"></div>
+                <div class="scht_icon"></div>
                 <span>开课</span>
-                <div class="pc_exit" @click="stm_exit">x</div>
+                <div class="close_exit" @click="stm_exit"></div>
             </div>
             <div class="stm_inputbtn">
               <a-input
@@ -719,7 +725,7 @@
         <div class="cstm_header">
           <div class="add_icon"></div>
           <span>新建开课</span>
-          <div class="add_exit" @click="cstm_exit">x</div>
+          <div class="close_exit" @click="cstm_exit"></div>
         </div>
         <div class="cstm_title"><span>面授名称：管理者的专属面授课</span></div>
         <div class="cstm_items items1">
@@ -816,6 +822,87 @@
       </div>
     </div>
     <!--新建开课页面 -->
+
+    <!--新建开课学员管理页面页面 -->
+    <div class="studentsmanage"
+    :style="{ display: sm_hs ? 'block' : 'none' }">
+        <div class="stm_header">
+        </div>
+        <div class="stm_main">
+            <div class="stmm_header">
+                <div class="stum_icon"></div>
+                <span>学员管理</span>
+                <div class="close_exit" @click="sm_exit"></div>
+            </div>
+            <div class="stmmitems">
+              <div class="stmm_i1"><span style="margin-right:52px;">XXX课程-第1期-20220726</span><span style="color:#FFB751;">已开课    4.5</span></div>
+              <div class="stmm_i2"><span style="color:#999BA3;">时间：</span><span>2022-07-26 14：30-15：00</span></div>
+              <div class="stmm_i3"><span style="color:#999BA3;">地点：</span><span>核心能力大楼培训教室</span></div>
+              <div class="stmm_i4"><span style="color:#999BA3;">授课教师：</span><span>王雪han</span></div>
+              <div class="stmm_i5">
+                <div class="i5_left">
+                  <a-input
+                    v-model:value="value"
+                    style="width: 270px; height: 40px; border-radius: 8px; margin-right: 14px;"
+                    placeholder="请输入姓名"
+                  />
+                  <div class="stmm_btn btn1">
+                    <div class="search"></div>
+                    <div class="btnText">搜索</div>
+                  </div>
+                  <div class="stmm_btn btn2">
+                    <div class="search"></div>
+                    <div class="btnText">重置</div>
+                  </div>
+                </div>
+                <div class="i5_right">
+                  <div class="stmm_btn btn3">
+                    <span style="color: #ffffff;">添加学员</span> 
+                  </div>
+                  <div class="stmm_btn btn4" @click="hideShow">
+                    <div class="btn4_sub">
+                      <span style="color:#4EA6FF;margin-right:4px;">批量操作</span>
+                      <div
+                        class="b_zk"
+                        :style="{ display: hideshow ?  'block' :'none'  }"
+                      >
+                      </div>
+                      <div
+                        class="b_sq"
+                        :style="{ display: hideshow ? 'none' : 'block' }"
+                      >
+                      </div>
+                    </div>
+                    <div class="btn4_sup"
+                    :style="{ display: hideshow ? 'none' : 'block' }">
+                      <div class="btn4_tit"><span style="color:#4EA6FF;">批量录入成绩</span></div>
+                      <div class="btn4_op1"><span style="margin:10px auto">批量结业</span></div>
+                      <div class="btn4_op2"><span style="margin:10px auto">批量通过</span></div>
+                      <div class="btn4_op3"><span style="margin:10px auto">批量拒绝</span></div>                      
+                    </div>
+                  </div>
+                  <div class="stmm_btn btn5">
+                    <div class="export"></div>
+                    <div class="btnText">导出</div>
+                  </div>
+
+                </div>
+              </div>
+              <div class="stmm_i6">
+                <a-table
+                  :columns="columns5"
+                  :data-source="tableData"
+                  :loading="tableDataTotal === -1 ? true : false"
+                  :scroll="{ x: 800 }"
+                  expandRowByClick="true"
+                  @expand="expandTable"
+                  :pagination="false"
+                />
+              </div>
+            </div>
+        </div>
+    </div>
+    <!--新建开课学员管理页面页面 -->
   </div>
 </template>
 <script>
@@ -991,6 +1078,94 @@ const columns4 = [
     },
   },
 ];
+const columns5 = [
+        {
+        title: '序号',
+        width: 200,
+        dataIndex: 'num',
+        key: 'num',
+        align: "center",
+      }, {
+        title: '名称',
+        width: 200,
+        dataIndex: 'name',
+        key: 'name',
+      }, {
+        title: '内容分类',
+        width: 200,
+        dataIndex: 'content',
+        key: '1',
+        align: "center",
+      }, {
+        title: '课程形式',
+        width: 200,
+        dataIndex: 'courseform',
+        key: '2',
+        align: "center",
+      }, {
+        title: ' 所属项目',
+        width: 300,
+        dataIndex: 'project',
+        key: '3',
+        align: "center",
+      }, {
+        title: '学习人数',
+        width: 200,
+        dataIndex: 'stunum',
+        key: '4',
+        align: "center",
+      }, {
+        title: '评分',
+        width: 200,
+        dataIndex: 'grade',
+        key: '5',
+        align: "center",
+      }, {
+        title: '状态',
+        width: 200,
+        dataIndex: 'status',
+        key: '6',
+        align: "center",
+      }, {
+        title: '是否发布',
+        width: 200,
+        dataIndex: 'ynpub',
+        key: '7',
+        align: "center",
+      }, {
+        title: '创建人',
+        width: 200,
+        dataIndex: 'creator',
+        key: '8',
+        align: "center",
+      }, {
+        title: '创建时间',
+        width: 280,
+        dataIndex: 'createtime',
+        key: '9',
+        align: "center",
+      }, {
+        title: '上线时间',
+        width: 280,
+        dataIndex: 'pubtime',
+        key: '10',
+        align: "center",
+      }, {
+        title: '是否停用',
+        width: 200,
+        key: 'either',
+        dataIndex: 'ynuse',
+        align: "center",
+      }, {
+        title: '操作',
+        width: 400,
+        className: "h",
+        dataIndex: "operation",
+        key: 'operation',
+        fixed: 'right',
+        align: "center",
+        },
+];
 export default defineComponent({
   components: {
     LoadingOutlined,
@@ -1217,130 +1392,130 @@ export default defineComponent({
         },
       ],
     });
-    const tableDataFunc = () => {
-      const columns = [
-        {
-        title: '序号',
-        width: 200,
-        dataIndex: 'num',
-        key: 'num',
-        align: "center",
-      }, {
-        title: '名称',
-        width: 200,
-        dataIndex: 'name',
-        key: 'name',
-      }, {
-        title: '内容分类',
-        width: 200,
-        dataIndex: 'content',
-        key: '1',
-        align: "center",
-      }, {
-        title: '课程形式',
-        width: 200,
-        dataIndex: 'courseform',
-        key: '2',
-        align: "center",
-      }, {
-        title: ' 所属项目',
-        width: 300,
-        dataIndex: 'project',
-        key: '3',
-        align: "center",
-      }, {
-        title: '学习人数',
-        width: 200,
-        dataIndex: 'stunum',
-        key: '4',
-        align: "center",
-      }, {
-        title: '评分',
-        width: 200,
-        dataIndex: 'grade',
-        key: '5',
-        align: "center",
-      }, {
-        title: '状态',
-        width: 200,
-        dataIndex: 'status',
-        key: '6',
-        align: "center",
-      }, {
-        title: '是否发布',
-        width: 200,
-        dataIndex: 'ynpub',
-        key: '7',
-        align: "center",
-      }, {
-        title: '创建人',
-        width: 200,
-        dataIndex: 'creator',
-        key: '8',
-        align: "center",
-      }, {
-        title: '创建时间',
-        width: 280,
-        dataIndex: 'createtime',
-        key: '9',
-        align: "center",
-      }, {
-        title: '上线时间',
-        width: 280,
-        dataIndex: 'pubtime',
-        key: '10',
-        align: "center",
-      }, {
-        title: '是否停用',
-        width: 200,
-        key: 'either',
-        dataIndex: 'ynuse',
-        align: "center",
-      }, {
-        title: '操作',
-        width: 400,
-        className: "h",
-        dataIndex: "opacation",
-        key: 'operation',
-        fixed: 'right',
-        align: "center",
-        scopedSlots: { customRender: "action" }, 
-        customRender: (text) => {
-          // console.log('111',text);
-            return (
-              <div class="op_box">
-                <div class="opacation">
-                  <span class={text.record.courseform === '面授' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >开课</span>
-                  <span class={text.record.ynuse === '停用' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >停用</span>
-                  <span class={text.record.status === '未提交' || text.record.status === '审核未通过' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >编辑</span>
-                  <span onClick={() => {}} class={text.record.status === '已审核' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >管理</span>
-                  <span class={text.record.status === '待审核' ?  "errorCls" : "activecls"} style={{ "margin-left": "25px" }} >复制</span>
-                  <span style={{ "margin-left": "25px" }} class="more">
-                    <span>授权</span>
-                    <div class="moreArrow"></div>
-                    <div class="moreItems">
-                      <span style="color:#4EA6FF;">权限名单</span>
-                      <div class="mitems1">归属权</div>
-                      <div class="mitems2">管理权</div>
-                      <div class="mitems3">查看权</div>
-                    </div>
-                  </span>
-                  <span
-                    style={{ "margin-left": "21px", "margin-right": "30px" }}
-                    class="more"
-                  >
-                    <span>更多</span>
-                    <div class="moreArrow"></div>
-                    <div class="moreItems"></div>
-                  </span>
-                </div>
-              </div>
-              );
-          },
-        },
-      ];
-      return columns;
-    };
+    // const tableDataFunc = () => {
+    //   const columns = [
+    //     {
+    //     title: '序号',
+    //     width: 200,
+    //     dataIndex: 'num',
+    //     key: 'num',
+    //     align: "center",
+    //   }, {
+    //     title: '名称',
+    //     width: 200,
+    //     dataIndex: 'name',
+    //     key: 'name',
+    //   }, {
+    //     title: '内容分类',
+    //     width: 200,
+    //     dataIndex: 'content',
+    //     key: '1',
+    //     align: "center",
+    //   }, {
+    //     title: '课程形式',
+    //     width: 200,
+    //     dataIndex: 'courseform',
+    //     key: '2',
+    //     align: "center",
+    //   }, {
+    //     title: ' 所属项目',
+    //     width: 300,
+    //     dataIndex: 'project',
+    //     key: '3',
+    //     align: "center",
+    //   }, {
+    //     title: '学习人数',
+    //     width: 200,
+    //     dataIndex: 'stunum',
+    //     key: '4',
+    //     align: "center",
+    //   }, {
+    //     title: '评分',
+    //     width: 200,
+    //     dataIndex: 'grade',
+    //     key: '5',
+    //     align: "center",
+    //   }, {
+    //     title: '状态',
+    //     width: 200,
+    //     dataIndex: 'status',
+    //     key: '6',
+    //     align: "center",
+    //   }, {
+    //     title: '是否发布',
+    //     width: 200,
+    //     dataIndex: 'ynpub',
+    //     key: '7',
+    //     align: "center",
+    //   }, {
+    //     title: '创建人',
+    //     width: 200,
+    //     dataIndex: 'creator',
+    //     key: '8',
+    //     align: "center",
+    //   }, {
+    //     title: '创建时间',
+    //     width: 280,
+    //     dataIndex: 'createtime',
+    //     key: '9',
+    //     align: "center",
+    //   }, {
+    //     title: '上线时间',
+    //     width: 280,
+    //     dataIndex: 'pubtime',
+    //     key: '10',
+    //     align: "center",
+    //   }, {
+    //     title: '是否停用',
+    //     width: 200,
+    //     key: 'either',
+    //     dataIndex: 'ynuse',
+    //     align: "center",
+    //   }, {
+    //     title: '操作',
+    //     width: 400,
+    //     className: "h",
+    //     dataIndex: "opacation",
+    //     key: 'operation',
+    //     fixed: 'right',
+    //     align: "center",
+    //     scopedSlots: { customRender: "action" }, 
+    //     customRender: (text) => {
+    //       // console.log('111',text);
+    //         return (
+    //           <div class="op_box">
+    //             <div class="opacation">
+    //               <span class={text.record.courseform === '面授' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >开课</span>
+    //               <span class={text.record.ynuse === '停用' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >停用</span>
+    //               <span class={text.record.status === '未提交' || text.record.status === '审核未通过' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >编辑</span>
+    //               <span onClick={() => {}} class={text.record.status === '已审核' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >管理</span>
+    //               <span class={text.record.status === '待审核' ?  "errorCls" : "activecls"} style={{ "margin-left": "25px" }} >复制</span>
+    //               <span style={{ "margin-left": "25px" }} class="more">
+    //                 <span>授权</span>
+    //                 <div class="moreArrow"></div>
+    //                 <div class="moreItems">
+    //                   <span style="color:#4EA6FF;">权限名单</span>
+    //                   <div class="mitems1">归属权</div>
+    //                   <div class="mitems2">管理权</div>
+    //                   <div class="mitems3">查看权</div>
+    //                 </div>
+    //               </span>
+    //               <span
+    //                 style={{ "margin-left": "21px", "margin-right": "30px" }}
+    //                 class="more"
+    //               >
+    //                 <span>更多</span>
+    //                 <div class="moreArrow"></div>
+    //                 <div class="moreItems"></div>
+    //               </span>
+    //             </div>
+    //           </div>
+    //           );
+    //       },
+    //     },
+    //   ];
+    //   return columns;
+    // };
 
     const fileList = ref([]);
     const loading = ref(false);
@@ -1383,6 +1558,44 @@ export default defineComponent({
       return isJpgOrPng && isLt2M;
     };
 
+    const getTableDate = () => {
+      let data = state.tableData;
+      // data.map((value) => {
+      //   value.operation = (
+      //     // value.courseform === '面授' ? 
+      //         <div class="op_box">
+      //           <div class="operation">
+      //             <span class={value.courseform === '面授' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >开课</span>
+      //             <span class={value.ynuse === '停用' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >停用</span>
+      //             <span class={value.status === '未提交' || value.status === '审核未通过' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >编辑</span>
+      //             <span onClick={() => {}} class={value.status === '已审核' ? "activecls" : "errorCls"} style={{ "margin-left": "25px" }} >管理</span>
+      //             <span class={value.status === '待审核' ?  "errorCls" : "activecls"} style={{ "margin-left": "25px" }} >复制</span>
+      //             <span style={{ "margin-left": "25px" }} class="more">
+      //               <span>授权</span>
+      //               <div class="moreArrow"></div>
+      //               <div class="moreItems">
+      //                 <span style="color:#4EA6FF;">权限名单</span>
+      //                 <div class="mitems1">归属权</div>
+      //                 <div class="mitems2">管理权</div>
+      //                 <div class="mitems3">查看权</div>
+      //               </div>
+      //             </span>
+      //             <span
+      //               style={{ "margin-left": "21px", "margin-right": "30px" }}
+      //               class="more"
+      //             >
+      //               <span>更多</span>
+      //               <div class="moreArrow"></div>
+      //               <div class="moreItems"></div>
+      //             </span>
+      //           </div>
+      //         </div>
+      //     );
+      // });
+      state.tableData = data;
+    };
+    getTableDate();
+
     return {
       current,
       ...toRefs(state),
@@ -1393,9 +1606,11 @@ export default defineComponent({
       columns2,
       columns3,
       columns4,
-      tableDataFunc,
+      columns5,
+      // tableDataFunc,
       handleChange,
       beforeUpload,
+      getTableDate,
     };
   },
 
@@ -1444,7 +1659,7 @@ export default defineComponent({
 
     const state = reactive({
       of_hs: false,
-      hideshow: false,
+      hideshow: true,
       bs_hs: true,
       ft_hs:false,
       om_1: true,
@@ -1453,6 +1668,7 @@ export default defineComponent({
       gpm_hs:true,
       stm_hs: true,
       cstm_hs:false,
+      sm_hs:true,
     });
 
     const of_hShow = () => {
@@ -1464,10 +1680,10 @@ export default defineComponent({
       state.of_hs = false;
     }
     const hideShow = () => {
-      if (state.hideshow == false) {
-        state.hideshow = true;
-      } else {
+      if (state.hideshow == true) {
         state.hideshow = false;
+      } else {
+        state.hideshow = true;
       }
     };
     const bs_hShow = () => {
@@ -1512,6 +1728,9 @@ export default defineComponent({
     const cstm_exit = () => {
       state.cstm_hs = false;
     };
+    const sm_exit = () => {
+      state.sm_hs = false;
+    };
 
     return {
       ...toRefs(state),
@@ -1531,6 +1750,7 @@ export default defineComponent({
       stm_exit,
       createkk,
       cstm_exit,
+      sm_exit,
 
     };
   },
@@ -1547,17 +1767,15 @@ export default defineComponent({
 // }
 .courseManage {
   width: 100%;
-  min-width: 1000px;
   height: 100%;
   display: flex;
   flex-direction: column;
+  position: relative;
   .headerf {
-    display: flex;
-    margin-left: 38px;
-    margin-top: 30px;
     .filter {
-      width: calc(70% - 40px);
-      margin-right: 30px;
+      margin-left: 38px;
+      margin-right: 38px;
+      margin-top: 30px;
       display: flex;
       justify-content: space-between;
       flex-wrap: wrap;
@@ -1573,6 +1791,7 @@ export default defineComponent({
     .btns {
       display: flex;
       // flex-wrap: wrap;
+      margin-left: 38px;
       .btn {
         padding: 0px 26px 0px 26px;
         height: 38px;
@@ -1666,7 +1885,7 @@ export default defineComponent({
   .selectonlineface {
     z-index: 999;
     width: 679px;
-    height: 525px;
+    // height: 525px;
     background: #ffffff;
     box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     position: absolute;
@@ -1685,7 +1904,7 @@ export default defineComponent({
     .of_main {
       width: calc(100%);
       position: relative;
-      .m_header {
+      .ofm_header {
         display: flex;
         align-items: center;
         padding-top: 20px;
@@ -1698,14 +1917,31 @@ export default defineComponent({
           background-image: url(@/assets/images/coursewareManage/add1.png);
           background-size: 100% 100%;
         }
-        .add_exit {
+        .close_exit {
           position: absolute;
           right: 42px;
           cursor: pointer;
+          width: 20px;
+          height: 20px;
+          background-image: url(@/assets/images/coursewareManage/close.png);
+          background-size: 100% 100%;
         }
       }
-      .m_body {
-        width: 88%;
+      .ofm_body {
+        width: 90%;
+        .ofmb_header{
+          display: flex;
+          align-items: center;
+          margin: 14px auto;
+          .sign{
+            width: 7px;
+            height: 7px;
+            margin-left: 78px;
+            margin-right: 6px;
+            background-image: url(@/assets/images/coursewareManage/asterisk.png);
+            background-size: 100% 100%;
+          }
+        }
         .checkbtn {
           width: 7.8px;
           height: 7.8px;
@@ -1761,6 +1997,7 @@ export default defineComponent({
           width: 100%;
           margin-left: 212px;
           margin-top: 25px;
+          margin-bottom: 20px;
           display: flex;
           .btn {
             width: 100px;
@@ -1793,9 +2030,8 @@ export default defineComponent({
 
   .faceteach{
     z-index: 999;
-    width: 1358px;
+    width: 85%;
     min-width: 1000px;
-    height: 805px;
     background: #ffffff;
     box-shadow: 0px 1px 35px 0px rgba(118, 136, 166, 0.21);
     position: absolute;
@@ -1827,10 +2063,14 @@ export default defineComponent({
           background-image: url(@/assets/images/coursewareManage/add1.png);
           background-size: 100% 100%;
         }
-        .add_exit {
+        .close_exit {
           position: absolute;
           right: 42px;
           cursor: pointer;
+          width: 20px;
+          height: 20px;
+          background-image: url(@/assets/images/coursewareManage/close.png);
+          background-size: 100% 100%;
         }
       }
       .m_title {
@@ -1838,6 +2078,8 @@ export default defineComponent({
       }
       .m_body {
         display: flex;
+      height: 500px;
+      overflow: auto;
         .mb_left {
           .mbl_items1 {
             display: flex;
@@ -1996,9 +2238,9 @@ export default defineComponent({
   .onlinemanage,.faceteachmanage{
     display: none;
     z-index: 999;
-    width: 1358px;
+    width: 85%;
     min-width: 1000px;
-    height: 537px;
+    // height: 537px;
     background: #FFFFFF;
     box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
     position: absolute;
@@ -2027,10 +2269,14 @@ export default defineComponent({
                 margin-right: 10px;
                 background-image: url(@/assets/images/coursewareManage/pc.png);
             }
-            .pc_exit{
+            .close_exit{
                 position: absolute;
                 right:42px;
                 cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
             }
         }
         .om_body{
@@ -2118,9 +2364,9 @@ export default defineComponent({
 
   .ftsturecord{
     z-index: 999;
-    width: 1358px;
+    width: 80%;
     min-width: 1000px;
-    height: 274px;
+    // height: 274px;
     background: #FFFFFF;
     box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
     position: absolute;
@@ -2154,6 +2400,10 @@ export default defineComponent({
                 position: absolute;
                 right:42px;
                 cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
             }
         }
         .ftsr_table{
@@ -2184,9 +2434,9 @@ export default defineComponent({
     }
   .givepower{
     z-index: 999;
-    width: 1358px;
+    width: 85%;
     min-width: 1000px;
-    height: 646px;
+    // height: 646px;
     background: #FFFFFF;
     box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
     position: absolute;
@@ -2209,17 +2459,21 @@ export default defineComponent({
             padding-top: 20px;
             padding-left: 26px;
             font-size: 16px;
-            .pc_icon{
+            .givepower_icon{
                 width: 16px;
                 height: 16px;
                 margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/detail.png);
+                background-image: url(@/assets/images/coursewareManage/givepower.png);
                 background-size: 100% 100%;
             }
-            .pc_exit{
+            .close_exit{
                 position: absolute;
                 right:42px;
                 cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
             }
         }
         .gpm_inputbtn{
@@ -2310,9 +2564,9 @@ export default defineComponent({
     }
   .schooltime{
     z-index: 999;
-    width: 1358px;
+    width: 85%;
     min-width: 1000px;
-    height: 646px;
+    // height: 646px;
     background: #FFFFFF;
     box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
     position: absolute;
@@ -2335,17 +2589,21 @@ export default defineComponent({
             padding-top: 20px;
             padding-left: 26px;
             font-size: 16px;
-            .pc_icon{
+            .scht_icon{
                 width: 16px;
                 height: 16px;
                 margin-right: 10px;
-                background-image: url(@/assets/images/coursewareManage/detail.png);
+                background-image: url(@/assets/images/coursewareManage/scht.png);
                 background-size: 100% 100%;
             }
-            .pc_exit{
+            .close_exit{
                 position: absolute;
                 right:42px;
                 cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
             }
         }
         .stm_inputbtn{
@@ -2468,7 +2726,7 @@ export default defineComponent({
   .createschooltime{
     z-index: 999;
     width: 679px;
-    height: 705px;
+    // height: 705px;
     background: #FFFFFF;
     box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
     position: absolute;
@@ -2498,10 +2756,14 @@ export default defineComponent({
                 background-image: url(@/assets/images/coursewareManage/add1.png);
                 background-size: 100% 100%;
             }
-            .add_exit{
+            .close_exit{
                 position: absolute;
                 right:42px;
                 cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
             }
         }
         .cstm_title{
@@ -2534,7 +2796,7 @@ export default defineComponent({
               .upload_icon{
                 width: 16px;
                 height: 16px;
-                background-color: blue;
+                background-image: url('@/assets/images/coursewareManage/enclosure.png');
                 background-size: 100% 100%;
                 margin-right: 5px;
               }
@@ -2545,6 +2807,7 @@ export default defineComponent({
           display: flex;
           justify-content: center;
           margin-top: 20px;
+          margin-bottom: 20px;
           .cstm_btn{
             width: 100px;
             height: 40px;
@@ -2574,5 +2837,205 @@ export default defineComponent({
         }
       }
     }
+  .studentsmanage{
+    z-index: 999;
+    width: 85%;
+    min-width: 1000px;
+    // height: 646px;
+    background: #FFFFFF;
+    box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+    position: absolute;
+    left: 50%;
+    top: 50%;
+    transform: translate(-50%,-50%);
+    overflow: auto;
+    .stm_header{
+        position: absolute;
+        width:calc(100%);
+        height: 40px;
+        background: linear-gradient( rgba(78,166,255,0.2) 0%, rgba(78,166,255,0) 100%);
+    }
+    .stm_main{
+        width:calc(100%);
+        position: relative;
+        .stmm_header{
+            display: flex;
+            align-items: center;
+            padding-top: 20px;
+            padding-left: 26px;
+            font-size: 16px;
+            .stum_icon{
+                width: 16px;
+                height: 16px;
+                margin-right: 10px;
+                background-image: url(@/assets/images/coursewareManage/stum.png);
+                background-size: 100% 100%;
+            }
+            .close_exit{
+                position: absolute;
+                right:42px;
+                cursor: pointer;
+                width: 20px;
+                height: 20px;
+                background-image: url(@/assets/images/coursewareManage/close.png);
+                background-size: 100% 100%;
+            }
+        }
+        .stmmitems{
+          margin: auto 49px;
+          height: 400px;
+          overflow: auto;
+          .stmm_i1,
+          .stmm_i2,
+          .stmm_i3,
+          .stmm_i4{
+            margin: 19px 0;
+          }
+          .stmm_i5{
+            display: flex;
+            justify-content: space-between;
+            .i5_left{
+              display: flex;
+              .stmm_btn {
+                width: 100px;
+                height: 40px;
+                margin-right: 14px;
+                background: #ffffff;
+                border: 1px solid #4EA6FF;
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  color: #4EA6FF;
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn1 {
+                .search {
+                  width: 15px;
+                  height: 17px;
+                  background-image: url("../../assets/images/courseManage/search1.png");
+                }
+              }
+              .btn2 {
+                .search {
+                  width: 16px;
+                  height: 18px;
+                  background-image: url("../../assets/images/courseManage/reset1.png");
+                }
+              }
+              .btn1:hover {
+                background: rgba(64, 158, 255, 1);
+                .search {
+                  background-image: url("../../assets/images/courseManage/search0.png");
+                }
+                .btnText {
+                  color: #ffffff;
+                }
+              }
+              .btn2:hover {
+                background: rgba(64, 158, 255, 1);
+                .search {
+                  background-image: url("../../assets/images/courseManage/reset0.png");
+                }
+                .btnText {
+                  color: #ffffff;
+                }
+              }
+            }
+            .i5_right{
+              display: flex;
+              .stmm_btn {
+                width: 100px;
+                height: 40px;
+                margin-right: 14px;
+                background: #ffffff;
+                border: 1px solid #4EA6FF;
+                border-radius: 8px;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                flex-shrink: 0;
+                cursor: pointer;
+                .btnText {
+                  color: #4EA6FF;
+                  font-size: 14px;
+                  font-weight: 400;
+                  line-height: 40px;
+                }
+              }
+              .btn3 {
+                background-color: #4EA6FF;
+              }
+              .btn4{
+                display: flex;
+                flex-direction: column;
+                position: relative;
+                .btn4_sub{
+                  display: flex;
+                  justify-content: center;
+                  align-items: center;
+                  .b_zk{
+                    width: 10px;
+                    height: 8px;
+                    background-image: url('@/assets/images/coursewareManage/down.png');
+                    background-size: 100% 100%;
+                  }
+                  .b_sq{
+                    width: 10px;
+                    height: 8px;
+                    background-image: url('@/assets/images/coursewareManage/up.png');
+                    background-size: 100% 100%;
+                  }
+                }
+                .btn4_sup{
+                  width: 100%;
+                  display: flex;
+                  flex-direction: column;
+                  background-color: #ffffff;
+                  box-shadow: 0px 1px 35px 0px rgba(118,136,166,0.21);
+                  position: absolute;
+                  top: 40px;
+                  z-index: 999;
+                  .btn4_tit{
+                    margin-top:8px;
+                    margin-left:8px;
+                  }
+                  .btn4_op1,.btn4_op2,.btn4_op3{
+                    margin-left: 20px;
+                  }
+                }
+              }
+              .btn5 {
+                margin-right: 0px;
+                .export {
+                  width: 17px;
+                  height: 18px;
+                  margin-right: 5px;
+                  background-image: url("@/assets/images/coursewareManage/export.png");
+                }
+              }
+              .btn5:hover {
+                background: #4EA6FF;
+                .export {
+                  background-image: url("@/assets/images/coursewareManage/export1.png");
+                }
+                .btnText {
+                  color: #ffffff;
+                }
+              }
+            }
+          }
+          .stmm_i6{
+            margin-top:20px;
+          }
+        }
+      }
+  }
 }
 </style>