From faa03f19e021a917c1dc3506dec2dd963afbe4c8 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E7=A6=BA=E7=8B=A8?= <18119604035@163.com> Date: Tue, 21 Mar 2023 18:01:23 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BA=BF=E4=B8=8A=E8=AF=BE=E7=BC=96=E8=BE=91?= =?UTF-8?q?=E5=92=8C=E8=AF=BE=E6=97=B6=E7=AE=A1=E7=90=86=E5=88=9D=E6=AD=A5?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/api/course-chapter.ts | 16 +- src/api/course-hour.ts | 34 +- src/assets/iconfont/iconfont.css | 10 +- src/assets/iconfont/iconfont.ttf | Bin 7604 -> 7856 bytes src/assets/iconfont/iconfont.woff | Bin 4900 -> 5068 bytes src/assets/iconfont/iconfont.woff2 | Bin 4160 -> 4328 bytes src/index.less | 3 +- src/pages/course/compenents/create.tsx | 49 +- .../course/compenents/hour-update.module.less | 109 +++++ src/pages/course/compenents/hour-update.tsx | 462 ++++++++++++++++++ src/pages/course/compenents/update.tsx | 331 +------------ src/pages/course/index.tsx | 40 +- 12 files changed, 687 insertions(+), 367 deletions(-) create mode 100644 src/pages/course/compenents/hour-update.module.less create mode 100644 src/pages/course/compenents/hour-update.tsx diff --git a/src/api/course-chapter.ts b/src/api/course-chapter.ts index 7585d8c..62f29cf 100644 --- a/src/api/course-chapter.ts +++ b/src/api/course-chapter.ts @@ -1,11 +1,11 @@ import client from "./internal/httpClient"; export function courseChapterList(courseId: number) { - return client.get(`/backend/v1/course/${courseId}/course-chapter/index`, {}); + return client.get(`/backend/v1/course/${courseId}/chapter/index`, {}); } export function createCourseChapter(courseId: number) { - return client.get(`/backend/v1/course/${courseId}/course-chapter/create`, {}); + return client.get(`/backend/v1/course/${courseId}/chapter/create`, {}); } export function storeCourseChapter( @@ -13,7 +13,7 @@ export function storeCourseChapter( name: string, sort: number ) { - return client.post(`/backend/v1/course/${courseId}/course-chapter/create`, { + return client.post(`/backend/v1/course/${courseId}/chapter/create`, { name: name, sort: sort, }); @@ -29,12 +29,18 @@ export function updateCourseChapter( name: string, sort: number ) { - return client.post(`/backend/v1/course/${courseId}/course-chapter/${id}`, { + return client.put(`/backend/v1/course/${courseId}/chapter/${id}`, { name: name, sort: sort, }); } export function destroyCourseChapter(courseId: number, id: number) { - return client.destroy(`/backend/v1/course/${courseId}/course-chapter/${id}`); + return client.destroy(`/backend/v1/course/${courseId}/chapter/${id}`); +} + +export function transCourseChapter(courseId: number, ids: number[]) { + return client.put(`/backend/v1/course/${courseId}/chapter/update/sort`, { + ids: ids, + }); } diff --git a/src/api/course-hour.ts b/src/api/course-hour.ts index 207e8f1..cfc53dd 100644 --- a/src/api/course-hour.ts +++ b/src/api/course-hour.ts @@ -1,11 +1,11 @@ import client from "./internal/httpClient"; export function courseHourList(courseId: number) { - return client.get(`/backend/v1/course/${courseId}/course-hour/index`, {}); + return client.get(`/backend/v1/course/${courseId}/hour/index`, {}); } export function createCourseHour(courseId: number) { - return client.get(`/backend/v1/course/${courseId}/course-hour/create`, {}); + return client.get(`/backend/v1/course/${courseId}/hour/create`, {}); } export function storeCourseHour( @@ -14,19 +14,26 @@ export function storeCourseHour( title: string, type: string, druation: number, - publishedAt: string + rid: number ) { - return client.post(`/backend/v1/course/${courseId}/course-hour/create`, { + return client.post(`/backend/v1/course/${courseId}/hour/create`, { chapter_id: chapterId, title, type, druation, - published_at: publishedAt, + sort: 0, + rid, + }); +} + +export function storeCourseHourMulti(courseId: number, hours: number[]) { + return client.post(`/backend/v1/course/${courseId}/hour/create-batch`, { + hours: hours, }); } export function courseHour(courseId: number, id: number) { - return client.get(`/backend/v1/course/${courseId}/course-hour/${id}`, {}); + return client.get(`/backend/v1/course/${courseId}/hour/${id}`, {}); } export function updateCourseHour( @@ -36,17 +43,24 @@ export function updateCourseHour( title: string, type: string, druation: number, - publishedAt: string + rid: number ) { - return client.post(`/backend/v1/course/${courseId}/course-hour/${id}`, { + return client.put(`/backend/v1/course/${courseId}/hour/${id}`, { chapter_id: chapterId, title, type, druation, - published_at: publishedAt, + sort: 0, + rid, }); } export function destroyCourseHour(courseId: number, id: number) { - return client.destroy(`/backend/v1/course/${courseId}/course-hour/${id}`); + return client.destroy(`/backend/v1/course/${courseId}/hour/${id}`); +} + +export function transCourseHour(courseId: number, ids: number[]) { + return client.put(`/backend/v1/course/${courseId}/hour/update/sort`, { + ids: ids, + }); } diff --git a/src/assets/iconfont/iconfont.css b/src/assets/iconfont/iconfont.css index d5191f7..bfbcd32 100644 --- a/src/assets/iconfont/iconfont.css +++ b/src/assets/iconfont/iconfont.css @@ -1,8 +1,8 @@ @font-face { font-family: "iconfont"; /* Project id 3943555 */ - src: url('iconfont.woff2?t=1679377698528') format('woff2'), - url('iconfont.woff?t=1679377698528') format('woff'), - url('iconfont.ttf?t=1679377698528') format('truetype'); + src: url('iconfont.woff2?t=1679383201256') format('woff2'), + url('iconfont.woff?t=1679383201256') format('woff'), + url('iconfont.ttf?t=1679383201256') format('truetype'); } .iconfont { @@ -13,6 +13,10 @@ -moz-osx-font-smoothing: grayscale; } +.icon-icon-tips:before { + content: "\e74a"; +} + .icon-icon-fold:before { content: "\e749"; } diff --git a/src/assets/iconfont/iconfont.ttf b/src/assets/iconfont/iconfont.ttf index 4da2d9bd7c21b8752b9d5c3faa353449a455ca3c..ab333cf8a0e87ee4323d1a86cad26bfb96380c6e 100644 GIT binary patch delta 964 zcmYk4O-vI}5XWb>?Jn)wFS_lv+fqw`(jwS|)LlMX6hS2(NhETB@*yRm&;$<9OEuAi z5Mt1tJs3^&UE#`}}o(EdrHb6K+0q06f z%PY5S>puY+ZqlLDo!zFKACS%xgPW&%C)|C%LAKHcrI3>wkH=cARtXxG8?>$i!Q7>0 z>ipFxmIUjc>K5j3q`HU6>MtB0FCQ5JR={#JYp2mciZWQ?BFU`uk(`axYSbHMPir%- z6I|d14|t&-e4xMyu#-{-8;BrLaO=)vp&lz{?4zcbdJbuUb#cfGux<|d1J=VK&%k;) z6a!cvhoS-N=TKZ=Sq^0Yj2^^r3!42LrDWW&!O~z4RPoq zz=k<=C14jgW&s$L$Ak(7>=MVUI2+;c!cu%#fGzlIEnD|&9@|4PCeDb@q!DSO&QN6*2AQ!_m{_d@|^i{IghhTCJZ5{xK5 zM3*bl7}1jo3hu^^(B)K&DnLI$?W1MQk~Ck^hFQ!cTJbcx(C<~EsN+k#@1}M*;Y+t^ zT3gzOqjJ1CF5{?MR8s1}n40v{v+M+I_f+&(Uqq5l41j%pdTFs^Wxljr{T%u5589`@ APXGV_ delta 714 zcmXw$%WG3X6vn?vZr-tv^fot?q)4mHRZ9esM$OCAwl?CzosWfWY-$50HfR=cV{qX{ zgjS+UK_Z9?kz&<_^p7a03sJ${xNvD*S+Cz@bS}S{IcLuMZscBP*2mj%K->qgxKuAU zzJDzS0aupPR%*AdF0|5XfbjtszEE8*SJLkf7is&AOjW6fo7N}Zx5&O~z1gbFI)51N z2jz3M)ur=-xa0Bk%ZIUP37A+W&eMWWV5qWWR zA}J=u`o!>{IVz5b{jO_fG-~cXGE=r?*{PgphLWjdNHoJy+uDs;c68J4eQXJ{^DJQt JbUr6O{sod!kjwx8 diff --git a/src/assets/iconfont/iconfont.woff b/src/assets/iconfont/iconfont.woff index a7f521eb586266fd9907af7f55d8b1bb2920accf..2830f65bcf00ac5ee97bcc748ab2940cea901782 100644 GIT binary patch delta 4670 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 A$N&HU delta 4501 zcmV;G5o+$tC!{76cTYw}00961000vt01E&B0014dkrY3F9Aj-^Z~y=ShyVZpx&QzI zZ0OxV3TJG2W&i*JL;wH|EdT%&SYLQIk7#9KWB>pVbN~PVF#rGnHaF8RL1<`YVE_OS zr~m)}AOHXWBpehM*=TKacmMzp$N&HU82|tPP-I2_{%mh!VE_OS^2S4Ci>9?UGGWfx~1s9xg?%u(FOgQzNlj>{}{?Dw(!(X;2B}3ilK3Gq*3RV_91Z#{QgVjb) z!MdY$umk8h^!YEruAtXof6!a7Q|LXE-}(sUtTv%`MW4ZrqHVCZ=quDN={wkO?@6Hj z0#{Tv-2ec1oRxoAS&SUVdG4y}`@Vb5?&&$Y=UDdc&dg3z+}&C3l3a!o#X~%nGzBS9 zVp+DR1Cf~cL5d~Cut-}G7$ow6*s?$rfZ6qyBPgJBR*pzDENhJ=2I zTpiUjG#n!*#1Zm!+=%NLUPEJ?kAg(dk%4%B5cfy(C_^b`MrW3m&YY#iDBc;zJ2z<1C6iwA~ew7ndPgWJoYn0!@Q zKDBgjdDIJn-l%-<(y3*sb~X&VK`~zQ%qRc z?xDLj^63_1G~)rLq!||K0{_X_Y)#1kv}ElXAVe9YD18^o8XZHPo@`8kE z*&rbB5il^yaKk`T`QS#2fV78eCAb?fdM+PW@fdDA- z=`M}{6dYLR_RL+h-1C*&(#>w;LOuxq8}qsx~)Q8;#B`+_SK74_R*i(Z;Eh_xyj7 zQCN@rE4v1}(O(c=bvY2PAS#g=bt|G2)aOf;#1~kERq4x^RTW*gcCq+=&MBy1st0(1 zV5i!!HP_-f7IS<-V?|ZaM5rsKZE1wXtW`2gMbY35nYfOiOF)iO1Y5G7>vBjDG7f2F zWXegIGy)N=9R`vrM-XwNuCK|G!0~^W<;_*U=1QDzyM=04n=8u%tDGe%3MP&wio6$f zeAWN7D#4DWvKbfx!nU0e*HtW4z}TU0@$VdLtF4H5y3hGtzYv;)*y|QXNYo`wv(Vw2 zgitd>Dg?iAix7zR5g|OJl8WOl))WIHQ8U~^DYh|YSvTwiPL)?=O(}Vr#3Fye)C5g8 zf0_c~ahk#a#}%xgCF?78Uv25OpusxDGKczt?wT^;bk9aly;hv_m6e6i3`h~}vZC6* z?O1Ry0<%%t{kS5M(DhPWv>qao<;qo~W(F3A@n8M6`nIUx6j^Hf1IH+5FBW^vy~Ng2 zt-0s^GWz`db+L#tWU-*H4{1dcX*F$AjfN z2J86Yni1fD?QOJCDK>oK;RE}gv&b{SJEz?G9a(>kU?M9zOOKf|YV+g8*fzsXK~@#5Xt96XGm2V{B=Zg_ zFx|+N3D04U=&H^l!tx^Mgdi&poP%9*SgKA$@N$(2qCl{=Gv)&sQX zM;9-ydY^ru@`Ll|FQB4ZEJ)h%rBB(0i|RL>7cyM)i_&*pEk|8@Iz)Bq=5so6dnpAp^K|{d zqrn$yGfhfT2)W*Lq(54M<`U!u*Yu3GLGzYq?V~COEc{2yA1T&4rMcl;spPx+ zy5%^(JFk^Gd!3*>?M=ht*}b)P*uM?`?^gR^bC-XjiubIE{kYgG7JGx9+FBI1l=(2p z^Q1bjY>5j^wKt?=rKm5Ck4c8QvkqHRzQvhA;b-9`F*4%-|5YYrQjkG|vNTNUJa@fz zyFUEp$^QO6{I4=6W)<`cJ-FATuYP0pnmpf_zMHexO#XnQhu>s;CWF0`AG@ zXlj4U^?6ACg;`yI#A5_AP>x2!6rYo%P!wfROjbpV2rpKplK8Y#lqNrxS)vNau$AVj zE=p)YlJHTfBvnP8AS|vX(`B%DMS{tasIN8^+dzU!SQ#c4C4j|Fv2lQ{#q^mm^I5>R zu$a&!a|G7{!07o?^O-&MYnG6<`aakVUr&F)JVpYQ6*Q@uIABEm8}`(P)GV$i!_o2$ zi<;SC--lZcLYgjB(5ND7I^+W!;S{HCN8abX$gVpIM_8oGy6)=weY9}({g@k-C0(jH z;OTi*Hw=BU05fFFV?}TyS(nN=glpTk(Tf#H*D?Hb*yGg|H?nJ%L=b|&Ub7>2NPw4ZeHuS&xJj*gZ&gCVg>n<;> zhtkyLG4$T}I?IsXU{1k3CtnzOe!PuPl>cO6hs9G!}Oq^JCG*3USdzw=f zIp|>_C9LcT>fZdOA%L>7wPq22Z~vlIQ8i7iSd06IUbs46JM-!WowScmnk{;{V*r&3 zr9uf;fUwbd`Pxo`v5)S&@#>k{{A%QG`?P;#8T=lz!a(43;O>HEGMH%{>yQby;FL zIr#TmTCX&8+lBOuNV2DQfBt7x-Lwg$GsH4={4-URtu#>#t6JFgXjSDoLEt1s;E5!0 z*2{*#!X3}h6poj4xqNt|5SxFh67R5OwP0x#^b@a!p1>j}Rhw0bBf?Ep!d9xz^0!-- z4_O{$&&7h%{b6X@1(rp7Ac^+o7yL?#=MfJXpe#9_PHheHK~4`#5I8u5IKEZ#dbuyD zD%j9W=9fYDhHy8(i|RhTp+ZolGN%Imi0-v+IE(9wm2-6RES7>8L8^cAa2*VMlw?OM zeEG!UxjW--Ia)9@7Jizs5LNrNUzvRE*j(O7ie*h>39Fr4afkScaV+!gVI>Ls=gW(> zAd23*zuaCTrEXK|WT1MQu^1K8Xye|EC@n^dh7Kysa;jFWbdt5~fuAh7%Uddoq|V(z znE2pn5Uv(PO>c0*wtj!T3%uUV6q&;e)9T->B2)a^`bFUUuX(%b4M*A7wl%nNUl&5U zG`i*iF=HB#d5N3Z79toZ|7jryxz)Z{ogHN%O#)u^XC_#%JeI3wOwJ3jcWyVmRN z%C4HllS8>X7`WXtFjKGXs&i^6> zA#Bm_MF9C(i0m12;09K76IQt93-JtG9s|HpzJ2}A5FKhH)1hTF9g3;LZp5HI%;vd$ z`_64nw%_Q@LaKjEo>V+l^%V4i(#}$KWEG3nNKGfd7eHe+1kJ1s6RbkPg6VDY%uPfv zeP8)X!BN}*sJKDk78^x3KraO@QoO)bXcsEbzH52g`(&NOOdBkYLGcnWL|Nn^&Vof{ zxUSq)YaSOwp}b4SK;JU-leJgZIqu$E;tbf%U~wrJc$XIOTI>jUx?qD*rJ z1~L`MW3Z0tMVd3IJ+^9}yzs$YY)4(Qp0nw;oM8j~y{W zO*YoH;^=?mQ!hMyGOTUwHsl9&&#QPIejDy(t>@o(>%zf<7v6f~`4+E+p-_GJOXtt7 zteidnrH89RbQT2t4iz^#VilPG0cF=2b^rhXc${NkWME(b;(m5*&3JyBuMFHQ3?T5p z?&~5L{r~^}dI@vpMj)4ife9oE05zx#UH||9c$|M@U}RumZusB85F_F8|33qRggFCH z1O7~00000001HYiUbS5MFD@!a>6hSguN7+Vv_Rz7#!L+@*ojBW2}s=!0`4^JIC(n)6Pm- zGc#4z{I3IM_`n~X-+Ed5#H=^}xeLO;Lu;gr*meALDf zjhRz34tGy1t;FCX2hLfdB_3ST8%M22D7n58lh;-C-eF~1xSTPlfveoOD|CK8>m@y> n9zIOrtRqe4UxT)qtm3X9t2Q8x0wwqK1-IaAbc`U>nl|F9I=| z^rU>AMl62)%fv%(6kQAxCsp)QN8c0pr zNrOULa+{ULe;1c2&>)OvC4M?+|7$F%J8A9j+e6b|3)^ z?1_cy;zxbyi(ns^*{Z0155@4P6vAR8czYUcc_=6JXOpxt>OVX-Dg2;7Y_67+ViMoXBY)AqHUXs&QR8l4TswEtwXJw zgjv)w%CV`|jui&7W9XLhjq!pQ4s~POEf_Io03RL5vSB6`>k<;fhp?2Zxp6r^m#D?L zno{_EF4l2I%aU{rqoz9RwGj$vH`XwWPsH4=nT~e*s(Qc*5Qk8%}~U58qehNyC;F!2x>vg3L_pBudW8ZH#*rdqMM2IiyrizF41+woff z5*iv0%nzMw1pu6q5qVGbyaQN4c*|#5hSB*HJ-}BoC(d5HdlQk%>Ei;U>j1jrum&QE z&Y(mFu&1vu9L7$iE&&b#&g3}WO0rzAm}1HXfyF-(QIZAWiFoR{tLiII>u1IT(6PBvt( zBI3^{eGZ*^d_{LhpenrhQSSS%o z;H{Xoxh#-U305NEs=`(CYXP*FsvwePWu&%~Qpxo?htX}uzV-;9!cGA!8b3=;xIwUM zAvs8*C8LV@R9Ivs5n9mQ=0ii6&q#5gD40%J1z3<27eJPfDtD#p+|a+F!Z}UQQ?O|7 z@R$L+Qll_Z%`JR~)_7H#N~dNX5%mzs=P6`7CksLco!U66h!*UdRgb5yqp*Lo;pF}~ zpwM_9Z?a1QlJTwLjI++;>Qxq>I3un!o7~J2%;=qkTE=D#A0fgg6H&8gS2tJ$_y7@I z>u#6Wlz7C6)D1B@albI*5`30)F?#eM)ye9cy{uS*rnTsaX#G%A41mP&&(2Zv{s1a> zrMGvFIzc7K%?7PrY$y(*yj#?KPd?J=V)W&F53iOpEv-EeFBB9y`H zVZs^)^$OA{!4^`3PYf9>2I7sbZq%(>MGQ(@$L1;)uq4gIdb)x^EP9cFP?t>B?_xya zogAABVNS$&lZ@Q0*jIp5{_`BH}x7iwm1 zuD{1lVk^Uu2;yAM&4?yF)(GaN1U-Th$HA220gG2Sw@~KNMuOPMi^H;u5b+Jxh?E|4 z)L4W$k*s4v3@!-MPZxKJL=FzhiFS9aZW&M*T0M|BW_2Wb4Db9cSMsxL2!wK zF`QXQ2S;7sGGXG36S2goah)((y!|3tQH}$%YBcG<^z#8G)}m*B}JdE+nox@9L6x>$ZTc5zm6 z(AAyN8Yi2I4ue+L2NBwUuL&XS*>T6`!_EP0#}L`28368$wdKBG`Xb~LPAVaLSBP%O z`bwCYCfTKrQut87xpz4VfI}nWHVTuwb1HCWew+!JA zW}fA8d2&jzz*N&!NV>J1!Wn&vY(?W`6AH_Um6+JOiA;4%;WMNd)0_TBmDtb(xYp##5X%d z0cpC2@FC-y(j#@cX#GlqF6!N&L3Y-JfQxMZ?xg^9O9!;ixEJ#BEUs{gbuq-{ndJYv z`$oMQS^+0#jY~|93#HW?rBb(@dbj!R#yv<>>}KDv%={~PHH)9nCG!t-jmx1w6oA>8 zCEf(#Zo+8LXXBD9REBT2pD;U2&nNrb5A{hYGO+YVv`mT{Cc)&vj7;x5;!;P(9oggU z5W4)E1MzUzK#?n9^5^NF);x)OF;yL)%)QuG;Drxak;m@`dv`m+*i|@vH2!onkMI{n z!BLfthY$J{T@4z@R*0Z*dp?ItncQ1oP60iVKirS`*>|)#RuIs5!Vc|PG)u?aA3_~m zwn7Lwo@s4MgI|o{lH&@nJI2U;FrxWFdeN&2EGS~?)+@Z&B;1~AK2ymiVfJ*NB{D~W zl8s97J-vy_4M~{F<=_7)*Dz+A=o3IPzUz7qHQqAEIQsP(6N66is(5%=YqS(W9KX zh{gVuhHqkeo}S-;@a>>Vpx3bOmr{Ze<)<#|5=+5O#Vs~RC87^9ip!-#L^q;{S^?2Z zXkje=!8!dq*5g+RRU9IXta*v#3nSEz6WE*-W{Hk#SCe7+QFubOV8V<5cka=k5-4|% zP;K7J9Ja8A>uhSi{3QE`8vmx{G-CXWf|-=mwG44QZH!a{tu!52Q^t;@<$tVnU#WK+ z?`|riLcgz_ggeh|DO@YX;~ln1Y4LjY6d}bsG|!2=uvky{W*e-)zwCL z+qGCv%fQrpJP1WYq}(0A-gpSO}M|SgNDp2f!t zW#A#PVwEG=jH`$p|Gl@;VfIdsowMC%r+Wmu%t&5M6|0IOi&Ub2v(;g6)ZqgjlivWr=a>>XsyVMVLGh4Om4^KJwz8CZYCmp&= z#S2MG!sStm40Qe@V~g<-pKe$bCHJSyB;JLCaEH0$RlB={N4U$}C1fS7PdOMbVUNA{ zr(@fCG!{*L{kQF!zDLKS74{r7)IJ@Xiwa&dSI!gSA@#e;znrOJzsYolze(*%R!h zqv|tt5p1eT^r2dE5Io7A#^+5cV0;deynv=(Zba|IN-A^Yb z?QwUh!{4Zgn4a0_xjW&K+c2;w#4GOTgtz20Sb_h0%Wuy_F~$zOlW$G%DOji|?3(;; zU~JUsbIb!1mO>xUtLNvO`tRdqUEzSyHTle`YCFd*OCPC1O)i^^n&q7qF!71!xaw1P zM!EwN2Y{pzQMXRzT)67K6$_P)X zGO2(`kcEbHmPDV6f|6>OeNdEB4G5is(jERR7)rPjf??%-Gohq8uWSs8^uci~x3NzC*|dPKc=Tp6 z^=}kO8q}kweRSc3wU3Esmcb7$?myCAjbv!l8=wOY6Kb^B3Ua+J+61c`t%R)%2eMWw zL@ciAhelxS^O7y;jIOVBQhH!j?o;q^->yx_xk3`|_qAC&XXnqU3Hqoqz|uR`O4-L+ zr|1_9?qA^H{=GJ#=@*i4|67~&nF(h(%cv7V$*4uE6i)fvIDmt}-k~j0NoDCzNYNox zG^+J{?gi#ZeF$RLHkpkumniz6`|`i`f;D9F2@vOMEOyT zK@w*Oy@zB?(#qMW9gh`h!zjklKdrr9ySnW&oB%aavh`HTF~+40Qz93-giX%JQ4E<~ WZab|AGREg5Js~SbrPNzrFaQ9uw?PyD literal 4160 zcmV-G5WnwtPew8T0RR9101!X`3jhEB03Ead01xv30RR9100000000000000000000 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 K*NWt*N!J18*A^52 diff --git a/src/index.less b/src/index.less index a4b3a11..652d94e 100644 --- a/src/index.less +++ b/src/index.less @@ -213,14 +213,13 @@ code { height: 40px; border-radius: 6px; font-size: 14px; - font-weight: 500; color: rgba(0, 0, 0, 0.88); line-height: 40px; box-sizing: border-box; padding-left: 16px; cursor: pointer; &.active { - background: rgba(#ff4d4f, 0.1); + background-color: #fff2f0; } } diff --git a/src/pages/course/compenents/create.tsx b/src/pages/course/compenents/create.tsx index 486a1ee..9522e60 100644 --- a/src/pages/course/compenents/create.tsx +++ b/src/pages/course/compenents/create.tsx @@ -168,26 +168,31 @@ export const CourseCreate: React.FC = ({ open, onCancel }) => { }; const getChapterType = (e: any) => { - confirm({ - title: "操作确认", - icon: , - content: "切换列表选项会清空已添加课时，确认切换？", - centered: true, - okText: "确认", - cancelText: "取消", - onOk() { - setChapterType(e.target.value); - setChapters([]); - setHours([]); - setChapterHours([]); - setTreeData([]); - }, - onCancel() { - form.setFieldsValue({ - hasChapter: chapterType, - }); - }, - }); + const arr = [...chapters]; + if (arr.length > 0) { + confirm({ + title: "操作确认", + icon: , + content: "切换列表选项会清空已添加课时，确认切换？", + centered: true, + okText: "确认", + cancelText: "取消", + onOk() { + setChapterType(e.target.value); + setChapters([]); + setHours([]); + setChapterHours([]); + setTreeData([]); + }, + onCancel() { + form.setFieldsValue({ + hasChapter: chapterType, + }); + }, + }); + } else { + setChapterType(e.target.value); + } }; const delHour = (id: number) => { @@ -378,7 +383,9 @@ export const CourseCreate: React.FC = ({ open, onCancel }) => { rules={[{ required: true, message: "请选择课程类型!" }]} > - 公开课 + + 公开课 + 部门课 diff --git a/src/pages/course/compenents/hour-update.module.less b/src/pages/course/compenents/hour-update.module.less new file mode 100644 index 0000000..80e90f4 --- /dev/null +++ b/src/pages/course/compenents/hour-update.module.less @@ -0,0 +1,109 @@ +.top-content { + width: 502px; + height: 80px; + background: rgba(255, 77, 79, 0.1); + border-radius: 6px; + display: flex; + flex-direction: column; + justify-content: center; + box-sizing: border-box; + padding: 16px; + margin: 0 auto; + p { + font-size: 14px; + font-weight: 400; + color: #ff4d4f; + line-height: 24px; + margin: 0; + } +} + +.thumb-item { + width: 80px; + height: 60px; + cursor: pointer; + margin-right: 8px; + border-radius: 6px; + &:last-child { + margin-right: 0; + } +} + +.thumb-item-avtive { + width: 80px; + height: 60px; + border: 2px solid #ff4d4f; + cursor: pointer; + margin-right: 8px; + border-radius: 8px; + &:last-child { + margin-right: 0; + } +} + +.hous-box { + width: 502px; + min-height: 56px; + background: #ffffff; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); + box-sizing: border-box; + -moz-box-sizing: border-box; + /* Firefox */ + -webkit-box-sizing: border-box; + /* Safari */ + padding: 16px 16px 16px 0; + margin-left: 42px; + .no-hours { + height: 24px; + font-size: 14px; + font-weight: 400; + color: rgba(0, 0, 0, 0.25); + line-height: 24px; + margin-left: 16px; + } +} + +.chapter-item { + width: 502px; + height: auto; + display: flex; + flex-direction: column; + margin-left: 42px; + margin-bottom: 16px; + .label { + width: 78px; + height: 32px; + font-size: 14px; + font-weight: 400; + color: rgba(0, 0, 0, 0.85); + line-height: 32px; + } + .input { + width: 208px; + height: 32px; + margin-right: 24px; + } + .chapter-hous-box { + width: 502px; + min-height: 56px; + background: #ffffff; + border-radius: 6px; + border: 1px solid rgba(0, 0, 0, 0.15); + box-sizing: border-box; + -moz-box-sizing: border-box; + /* Firefox */ + -webkit-box-sizing: border-box; + /* Safari */ + padding: 16px 16px 16px 0; + margin-top: 16px; + .no-hours { + height: 24px; + font-size: 14px; + font-weight: 400; + color: rgba(0, 0, 0, 0.25); + line-height: 24px; + margin-left: 16px; + } + } +} diff --git a/src/pages/course/compenents/hour-update.tsx b/src/pages/course/compenents/hour-update.tsx new file mode 100644 index 0000000..7602371 --- /dev/null +++ b/src/pages/course/compenents/hour-update.tsx @@ -0,0 +1,462 @@ +import React, { useState, useEffect } from "react"; +import { Space, Button, Drawer, Form, Input, Modal, message } from "antd"; +import styles from "./hour-update.module.less"; +import { course, courseHour, courseChapter } from "../../../api/index"; +import { SelectResource } from "../../../compenents"; +import { ExclamationCircleFilled } from "@ant-design/icons"; +import { TreeHours } from "./hours"; + +const { confirm } = Modal; + +interface PropInterface { + id: number; + open: boolean; + onCancel: () => void; +} + +interface Option { + value: string | number; + label: string; + children?: Option[]; +} + +export const CourseHourUpdate: React.FC = ({ + id, + open, + onCancel, +}) => { + const [form] = Form.useForm(); + const [chapterType, setChapterType] = useState(0); + const [chapters, setChapters] = useState([]); + const [hours, setHours] = useState([]); + const [chapterHours, setChapterHours] = useState([]); + const [videoVisible, setVideoVisible] = useState(false); + const [treeData, setTreeData] = useState([]); + const [addvideoCurrent, setAddvideoCurrent] = useState(0); + + useEffect(() => { + if (id === 0) { + return; + } + getDetail(); + }, [id]); + + const getDetail = () => { + course.course(id).then((res: any) => { + let chapterType = res.data.chapters.length > 0 ? 1 : 0; + setChapterType(chapterType); + if (chapterType === 1) { + setTreeData([]); + setHours([]); + let hours = res.data.hours; + let chapters = res.data.chapters; + const arr: any = []; + const keys: any = []; + for (let i = 0; i < chapters.length; i++) { + arr.push({ + id: chapters[i].id, + name: chapters[i].name, + hours: resetHours(hours[chapters[i].id]).arr, + }); + keys.push(resetHours(hours[chapters[i].id]).keys); + } + setChapters(arr); + setChapterHours(keys); + } else { + setChapters([]); + setChapterHours([]); + let hours = res.data.hours; + if (JSON.stringify(hours) !== "{}") { + const arr: any = resetHours(hours[0]).arr; + const keys: any = resetHours(hours[0]).keys; + setTreeData(arr); + setHours(keys); + } else { + setTreeData([]); + setHours([]); + } + } + }); + }; + + const resetHours = (data: any) => { + const arr: any = []; + const keys: any = []; + if (data) { + for (let i = 0; i < data.length; i++) { + arr.push({ + duration: data[i].duration, + type: data[i].type, + name: data[i].title, + rid: data[i].rid, + id: data[i].id, + }); + keys.push(data[i].rid); + } + } + return { arr, keys }; + }; + + const onFinish = (values: any) => {}; + + const onFinishFailed = (errorInfo: any) => { + console.log("Failed:", errorInfo); + }; + + const selectData = (arr: any, videos: any) => { + const hours: any = []; + for (let i = 0; i < videos.length; i++) { + hours.push({ + chapter_id: 0, + sort: i, + title: videos[i].name, + type: videos[i].type, + duration: videos[i].duration, + rid: videos[i].rid, + }); + } + courseHour + .storeCourseHourMulti(id, hours) + .then((res: any) => { + console.log("ok"); + setVideoVisible(false); + getDetail(); + }) + .catch((err) => { + message.error(err.message); + }); + }; + + const selectChapterData = (arr: any, videos: any) => { + const data = [...chapters]; + if (!data[addvideoCurrent].id) { + message.error("添加课时失败"); + return; + } + const hours: any = []; + for (let i = 0; i < videos.length; i++) { + hours.push({ + chapter_id: data[addvideoCurrent].id, + sort: i, + title: videos[i].name, + type: videos[i].type, + duration: videos[i].duration, + rid: videos[i].rid, + }); + } + courseHour + .storeCourseHourMulti(id, hours) + .then((res: any) => { + console.log("ok"); + setVideoVisible(false); + getDetail(); + }) + .catch((err) => { + message.error(err.message); + }); + }; + + const delHour = (hid: number) => { + const data = [...treeData]; + const index = data.findIndex((i: any) => i.rid === hid); + let delId = data[index].id; + if (index >= 0) { + data.splice(index, 1); + } + if (data.length > 0) { + setTreeData(data); + const keys = data.map((item: any) => item.rid); + setHours(keys); + } else { + setTreeData([]); + setHours([]); + } + if (delId) { + courseHour.destroyCourseHour(id, delId).then((res: any) => { + console.log("ok"); + }); + } + }; + + const transHour = (arr: any) => { + setHours(arr); + const data = [...treeData]; + const newArr: any = []; + const hourIds: any = []; + for (let i = 0; i < arr.length; i++) { + data.map((item: any) => { + if (item.rid === arr[i]) { + newArr.push(item); + hourIds.push(item.id); + } + }); + } + setTreeData(newArr); + courseHour.transCourseHour(id, hourIds).then((res: any) => { + console.log("ok"); + }); + }; + + const addNewChapter = () => { + const arr = [...chapters]; + const keys = [...chapterHours]; + arr.push({ + name: "", + hours: [], + }); + keys.push([]); + setChapters(arr); + setChapterHours(keys); + }; + + const setChapterName = (index: number, value: string) => { + const arr = [...chapters]; + arr[index].name = value; + setChapters(arr); + }; + + const saveChapterName = (index: number, value: string) => { + const arr = [...chapters]; + if (arr[index].id) { + courseChapter + .updateCourseChapter(id, arr[index].id, value, arr.length) + .then((res: any) => { + console.log("ok"); + getDetail(); + }) + .catch((err) => { + message.error(err.message); + }); + } else { + courseChapter + .storeCourseChapter(id, value, arr.length) + .then((res: any) => { + console.log("ok"); + getDetail(); + }) + .catch((err) => { + message.error(err.message); + }); + } + }; + + const delChapter = (index: number) => { + const arr = [...chapters]; + const keys = [...chapterHours]; + confirm({ + title: "操作确认", + icon: , + content: "删除章节会清空已添加课时，确认删除？", + centered: true, + okText: "确认", + cancelText: "取消", + onOk() { + if (arr[index].id) { + courseChapter + .destroyCourseChapter(id, arr[index].id) + .then((res: any) => { + console.log("ok"); + getDetail(); + }) + .catch((err) => { + message.error(err.message); + }); + } + }, + onCancel() {}, + }); + }; + + const delChapterHour = (index: number, hid: number) => { + const keys = [...chapterHours]; + const data = [...chapters]; + const current = data[index].hours.findIndex((i: any) => i.rid === hid); + let delId = data[index].hours.map((item: any) => item.id); + if (current >= 0) { + data[index].hours.splice(current, 1); + } + if (data[index].hours.length > 0) { + setChapters(data); + keys[index] = data[index].hours.map((item: any) => item.rid); + setChapterHours(keys); + } else { + keys[index] = []; + data[index].hours = []; + setChapters(data); + setChapterHours(keys); + } + + if (delId) { + courseHour.destroyCourseHour(id, delId).then((res: any) => { + console.log("ok"); + }); + } + }; + + const transChapterHour = (index: number, arr: any) => { + const keys = [...chapterHours]; + keys[index] = arr; + setChapterHours(keys); + + const data = [...chapters]; + const newArr: any = []; + const hourIds: any = []; + for (let i = 0; i < arr.length; i++) { + data[index].hours.map((item: any) => { + if (item.rid === arr[i]) { + newArr.push(item); + hourIds.push(item.id); + } + }); + } + data[index].hours = newArr; + setChapters(data); + courseHour.transCourseHour(id, hourIds).then((res: any) => { + console.log("ok"); + }); + }; + + return ( + <> + +
+

1.线上课课时调整及时生效，操作不可逆，请谨慎操作。

+

2.课时调整后，已有学习进度会在学员学习时重新计算。

+
+
+ { + setVideoVisible(false); + }} + onSelected={(arr: any, videos: any) => { + if (chapterType == 0) { + selectData(arr, videos); + } else { + selectChapterData(arr, videos); + } + }} + /> +
+ {chapterType === 0 && ( +
+ +
+ +
+ +
+ {treeData.length === 0 && ( + + 请点击上方按钮添加课时 + + )} + {treeData.length > 0 && ( + { + delHour(id); + }} + onUpdate={(arr: any[]) => { + transHour(arr); + }} + /> + )} +
+
+ )} + {chapterType === 1 && ( +
+ {chapters.length > 0 && + chapters.map((item: any, index: number) => { + return ( +
+
+
+ 章节{index + 1}： +
+ { + setChapterName(index, e.target.value); + }} + onBlur={(e) => { + saveChapterName(index, e.target.value); + }} + placeholder="请在此处输入章节名称" + /> + + +
+
+ {item.hours.length === 0 && ( + + 请点击上方按钮添加课时 + + )} + {item.hours.length > 0 && ( + { + delChapterHour(index, id); + }} + onUpdate={(arr: any[]) => { + transChapterHour(index, arr); + }} + /> + )} +
+
+ ); + })} + +
+ +
+ +
+ )} +
+
+ + + ); +}; diff --git a/src/pages/course/compenents/update.tsx b/src/pages/course/compenents/update.tsx index b29605d..1cb7235 100644 --- a/src/pages/course/compenents/update.tsx +++ b/src/pages/course/compenents/update.tsx @@ -13,10 +13,8 @@ import { } from "antd"; import styles from "./update.module.less"; import { course, department } from "../../../api/index"; -import { UploadImageButton, SelectResource } from "../../../compenents"; -import { ExclamationCircleFilled } from "@ant-design/icons"; +import { UploadImageButton } from "../../../compenents"; import { getHost } from "../../../utils/index"; -import { TreeHours } from "./hours"; const { confirm } = Modal; @@ -46,13 +44,6 @@ export const CourseUpdate: React.FC = ({ const [categories, setCategories] = useState([]); const [thumb, setThumb] = useState(""); const [type, setType] = useState("open"); - const [chapterType, setChapterType] = useState(0); - const [chapters, setChapters] = useState([]); - const [hours, setHours] = useState([]); - const [chapterHours, setChapterHours] = useState([]); - const [videoVisible, setVideoVisible] = useState(false); - const [treeData, setTreeData] = useState([]); - const [addvideoCurrent, setAddvideoCurrent] = useState(0); useEffect(() => { if (id === 0) { @@ -143,55 +134,9 @@ export const CourseUpdate: React.FC = ({ }); setType(type); setThumb(res.data.course.thumb); - setChapterType(chapterType); - if (chapterType === 1) { - setTreeData([]); - setHours([]); - let hours = res.data.hours; - let chapters = res.data.chapters; - const arr: any = []; - const keys: any = []; - for (let i = 0; i < chapters.length; i++) { - arr.push({ - name: chapters[i].name, - hours: resetHours(hours[chapters[i].id]).arr, - }); - keys.push(resetHours(hours[chapters[i].id]).keys); - } - setChapters(arr); - setChapterHours(keys); - } else { - setChapters([]); - setChapterHours([]); - let hours = res.data.hours; - if (JSON.stringify(hours) !== "{}") { - const arr: any = resetHours(hours[0]).arr; - const keys: any = resetHours(hours[0]).keys; - setTreeData(arr); - setHours(keys); - } else { - setTreeData([]); - setHours([]); - } - } }); }; - const resetHours = (data: any) => { - const arr: any = []; - const keys: any = []; - for (let i = 0; i < data.length; i++) { - arr.push({ - duration: data[i].duration, - type: data[i].type, - name: data[i].title, - rid: data[i].rid, - }); - keys.push(data[i].rid); - } - return { arr, keys }; - }; - const checkChild = (departments: any[], id: number) => { for (let key in departments) { for (let i = 0; i < departments[key].length; i++) { @@ -247,8 +192,8 @@ export const CourseUpdate: React.FC = ({ values.isRequired, dep_ids, category_ids, - chapters, - treeData + [], + [] ) .then((res: any) => { message.success("保存成功！"); @@ -264,150 +209,6 @@ export const CourseUpdate: React.FC = ({ setType(e.target.value); }; - const selectData = (arr: any, videos: any) => { - setHours(arr); - setTreeData(videos); - setVideoVisible(false); - }; - - const selectChapterData = (arr: any, videos: any) => { - const data = [...chapters]; - const keys = [...chapterHours]; - keys[addvideoCurrent] = arr; - data[addvideoCurrent].hours = videos; - setChapters(data); - setChapterHours(keys); - setVideoVisible(false); - }; - - const getChapterType = (e: any) => { - confirm({ - title: "操作确认", - icon: , - content: "切换列表选项会清空已添加课时，确认切换？", - centered: true, - okText: "确认", - cancelText: "取消", - onOk() { - setChapterType(e.target.value); - setChapters([]); - setHours([]); - setChapterHours([]); - setTreeData([]); - }, - onCancel() { - form.setFieldsValue({ - hasChapter: chapterType, - }); - }, - }); - }; - - const delHour = (id: number) => { - const data = [...treeData]; - const index = data.findIndex((i: any) => i.rid === id); - if (index >= 0) { - data.splice(index, 1); - } - if (data.length > 0) { - setTreeData(data); - const keys = data.map((item: any) => item.rid); - setHours(keys); - } else { - setTreeData([]); - setHours([]); - } - }; - - const transHour = (arr: any) => { - setHours(arr); - const data = [...treeData]; - const newArr: any = []; - for (let i = 0; i < arr.length; i++) { - data.map((item: any) => { - if (item.rid === arr[i]) { - newArr.push(item); - } - }); - } - setTreeData(newArr); - }; - - const addNewChapter = () => { - const arr = [...chapters]; - const keys = [...chapterHours]; - arr.push({ - name: "", - hours: [], - }); - keys.push([]); - setChapters(arr); - setChapterHours(keys); - }; - - const setChapterName = (index: number, value: string) => { - const arr = [...chapters]; - arr[index].name = value; - setChapters(arr); - }; - - const delChapter = (index: number) => { - const arr = [...chapters]; - const keys = [...chapterHours]; - confirm({ - title: "操作确认", - icon: , - content: "删除章节会清空已添加课时，确认删除？", - centered: true, - okText: "确认", - cancelText: "取消", - onOk() { - arr.splice(index, 1); - keys.splice(index, 1); - setChapters(arr); - setChapterHours(keys); - }, - onCancel() {}, - }); - }; - - const delChapterHour = (index: number, id: number) => { - const keys = [...chapterHours]; - const data = [...chapters]; - const current = data[index].hours.findIndex((i: any) => i.rid === id); - if (current >= 0) { - data[index].hours.splice(current, 1); - } - if (data[index].hours.length > 0) { - setChapters(data); - keys[index] = data[index].hours.map((item: any) => item.rid); - setChapterHours(keys); - } else { - keys[index] = []; - data[index].hours = []; - setChapters(data); - setChapterHours(keys); - } - }; - - const transChapterHour = (index: number, arr: any) => { - const keys = [...chapterHours]; - keys[index] = arr; - setChapterHours(keys); - - const data = [...chapters]; - const newArr: any = []; - for (let i = 0; i < arr.length; i++) { - data[index].hours.map((item: any) => { - if (item.rid === arr[i]) { - newArr.push(item); - } - }); - } - data[index].hours = newArr; - setChapters(data); - }; - return ( <> = ({ width={634} >
- { - setVideoVisible(false); - }} - onSelected={(arr: any, videos: any) => { - if (chapterType == 0) { - selectData(arr, videos); - } else { - selectChapterData(arr, videos); - } - }} - />
= ({ rules={[{ required: true, message: "请选择课程类型!" }]} > - 公开课 + + 公开课 + + 部门课 @@ -617,111 +405,6 @@ export const CourseUpdate: React.FC = ({ placeholder="请输入课程简介" /> - - - 无章节 - 有章节 - - - {chapterType === 0 && ( -
- -
- -
- -
- {treeData.length === 0 && ( - - 请点击上方按钮添加课时 - - )} - {treeData.length > 0 && ( - { - delHour(id); - }} - onUpdate={(arr: any[]) => { - transHour(arr); - }} - /> - )} -
-
- )} - {chapterType === 1 && ( -
- {chapters.length > 0 && - chapters.map((item: any, index: number) => { - return ( -
-
-
- 章节{index + 1}： -
- { - setChapterName(index, e.target.value); - }} - placeholder="请在此处输入章节名称" - /> - - -
-
- {item.hours.length === 0 && ( - - 请点击上方按钮添加课时 - - )} - {item.hours.length > 0 && ( - { - delChapterHour(index, id); - }} - onUpdate={(arr: any[]) => { - transChapterHour(index, arr); - }} - /> - )} -
-
- ); - })} - -
- -
- -
- )}
diff --git a/src/pages/course/index.tsx b/src/pages/course/index.tsx index 5d65b87..5431178 100644 --- a/src/pages/course/index.tsx +++ b/src/pages/course/index.tsx @@ -10,7 +10,7 @@ import { Space, Tabs, } from "antd"; -import { course, department, resourceCategory } from "../../api"; +import { course } from "../../api"; import styles from "./index.module.less"; import { PlusOutlined, ExclamationCircleFilled } from "@ant-design/icons"; import type { ColumnsType } from "antd/es/table"; @@ -20,6 +20,7 @@ import { TreeDepartment, TreeCategory, PerButton } from "../../compenents"; import type { TabsProps } from "antd"; import { CourseCreate } from "./compenents/create"; import { CourseUpdate } from "./compenents/update"; +import { CourseHourUpdate } from "./compenents/hour-update"; const { confirm } = Modal; @@ -50,6 +51,7 @@ export const CoursePage = () => { const [createVisible, setCreateVisible] = useState(false); const [updateVisible, setUpdateVisible] = useState(false); + const [updateHourVisible, setHourUpdateVisible] = useState(false); const [cid, setCid] = useState(0); const items: TabsProps["items"] = [ @@ -133,9 +135,35 @@ export const CoursePage = () => { title: "操作", key: "action", fixed: "right", - width: 100, + width: 210, render: (_, record: any) => ( + { + setCid(Number(record.id)); + console.log("学员" + record.id); + }} + disabled={null} + /> +
+ { + setCid(Number(record.id)); + setHourUpdateVisible(true); + }} + disabled={null} + /> +
{ setRefresh(!refresh); }} /> + { + setHourUpdateVisible(false); + setRefresh(!refresh); + }} + />