studyStudent.vue 536 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728137291373013731137321373313734137351373613737137381373913740137411374213743137441374513746137471374813749137501375113752137531375413755137561375713758137591376013761137621376313764137651376613767137681376913770137711377213773137741377513776137771377813779137801378113782137831378413785137861378713788137891379013791137921379313794137951379613797137981379913800138011380213803138041380513806138071380813809138101381113812138131381413815138161381713818138191382013821138221382313824138251382613827138281382913830138311383213833138341383513836138371383813839138401384113842138431384413845138461384713848138491385013851138521385313854138551385613857138581385913860138611386213863138641386513866138671386813869138701387113872138731387413875138761387713878138791388013881138821388313884138851388613887138881388913890138911389213893138941389513896138971389813899139001390113902139031390413905139061390713908139091391013911139121391313914139151391613917139181391913920139211392213923139241392513926139271392813929139301393113932139331393413935139361393713938139391394013941139421394313944139451394613947139481394913950139511395213953139541395513956139571395813959139601396113962139631396413965139661396713968139691397013971139721397313974139751397613977139781397913980139811398213983139841398513986139871398813989139901399113992139931399413995139961399713998139991400014001140021400314004140051400614007140081400914010140111401214013140141401514016140171401814019140201402114022140231402414025140261402714028140291403014031140321403314034140351403614037140381403914040140411404214043140441404514046140471404814049140501405114052140531405414055140561405714058140591406014061140621406314064140651406614067140681406914070140711407214073140741407514076140771407814079140801408114082140831408414085140861408714088140891409014091140921409314094140951409614097140981409914100141011410214103141041410514106141071410814109141101411114112141131411414115141161411714118141191412014121141221412314124141251412614127141281412914130141311413214133141341413514136141371413814139141401414114142141431414414145141461414714148141491415014151141521415314154141551415614157141581415914160141611416214163141641416514166141671416814169141701417114172141731417414175141761417714178141791418014181141821418314184141851418614187141881418914190141911419214193141941419514196141971419814199142001420114202142031420414205142061420714208142091421014211142121421314214142151421614217142181421914220142211422214223142241422514226142271422814229142301423114232142331423414235142361423714238142391424014241142421424314244142451424614247142481424914250142511425214253142541425514256142571425814259142601426114262142631426414265142661426714268142691427014271142721427314274142751427614277142781427914280142811428214283142841428514286142871428814289142901429114292142931429414295142961429714298142991430014301143021430314304143051430614307143081430914310143111431214313143141431514316143171431814319143201432114322143231432414325143261432714328143291433014331143321433314334143351433614337143381433914340143411434214343143441434514346143471434814349143501435114352143531435414355143561435714358143591436014361143621436314364143651436614367143681436914370143711437214373143741437514376143771437814379143801438114382143831438414385143861438714388143891439014391143921439314394143951439614397143981439914400144011440214403144041440514406144071440814409144101441114412144131441414415144161441714418144191442014421144221442314424144251442614427144281442914430144311443214433144341443514436144371443814439144401444114442144431444414445144461444714448144491445014451144521445314454144551445614457144581445914460144611446214463144641446514466144671446814469144701447114472144731447414475144761447714478144791448014481144821448314484144851448614487144881448914490144911449214493144941449514496144971449814499145001450114502145031450414505145061450714508145091451014511145121451314514145151451614517145181451914520145211452214523145241452514526145271452814529145301453114532145331453414535145361453714538145391454014541145421454314544145451454614547145481454914550145511455214553145541455514556145571455814559145601456114562145631456414565145661456714568145691457014571145721457314574145751457614577145781457914580145811458214583145841458514586145871458814589145901459114592145931459414595145961459714598145991460014601146021460314604146051460614607146081460914610146111461214613146141461514616146171461814619146201462114622146231462414625146261462714628146291463014631146321463314634146351463614637146381463914640146411464214643146441464514646146471464814649146501465114652146531465414655146561465714658146591466014661146621466314664146651466614667146681466914670146711467214673146741467514676146771467814679146801468114682146831468414685146861468714688146891469014691146921469314694146951469614697146981469914700147011470214703147041470514706147071470814709147101471114712147131471414715147161471714718147191472014721147221472314724147251472614727147281472914730147311473214733147341473514736147371473814739147401474114742147431474414745147461474714748147491475014751147521475314754147551475614757147581475914760147611476214763147641476514766147671476814769147701477114772147731477414775147761477714778147791478014781147821478314784147851478614787147881478914790147911479214793147941479514796147971479814799148001480114802148031480414805148061480714808148091481014811148121481314814148151481614817148181481914820148211482214823148241482514826148271482814829148301483114832148331483414835148361483714838148391484014841148421484314844148451484614847148481484914850148511485214853148541485514856148571485814859148601486114862148631486414865148661486714868148691487014871148721487314874148751487614877148781487914880148811488214883148841488514886148871488814889148901489114892148931489414895148961489714898148991490014901149021490314904149051490614907149081490914910149111491214913149141491514916149171491814919149201492114922149231492414925149261492714928149291493014931149321493314934149351493614937149381493914940149411494214943149441494514946149471494814949149501495114952149531495414955149561495714958149591496014961149621496314964149651496614967149681496914970149711497214973149741497514976149771497814979149801498114982149831498414985149861498714988149891499014991149921499314994149951499614997149981499915000150011500215003150041500515006150071500815009150101501115012150131501415015150161501715018150191502015021150221502315024150251502615027150281502915030150311503215033150341503515036150371503815039150401504115042150431504415045150461504715048150491505015051150521505315054150551505615057150581505915060150611506215063150641506515066150671506815069150701507115072150731507415075150761507715078150791508015081150821508315084150851508615087150881508915090150911509215093150941509515096150971509815099151001510115102151031510415105151061510715108151091511015111151121511315114151151511615117151181511915120151211512215123151241512515126151271512815129151301513115132151331513415135151361513715138151391514015141151421514315144151451514615147151481514915150151511515215153151541515515156151571515815159151601516115162151631516415165151661516715168151691517015171151721517315174151751517615177151781517915180151811518215183151841518515186151871518815189151901519115192151931519415195151961519715198151991520015201152021520315204152051520615207152081520915210152111521215213152141521515216152171521815219152201522115222152231522415225152261522715228152291523015231152321523315234152351523615237152381523915240152411524215243152441524515246152471524815249152501525115252152531525415255152561525715258152591526015261152621526315264152651526615267152681526915270152711527215273152741527515276152771527815279152801528115282152831528415285152861528715288152891529015291152921529315294152951529615297152981529915300153011530215303153041530515306153071530815309153101531115312153131531415315153161531715318153191532015321153221532315324153251532615327153281532915330153311533215333153341533515336153371533815339153401534115342153431534415345153461534715348153491535015351153521535315354153551535615357153581535915360153611536215363153641536515366153671536815369153701537115372153731537415375153761537715378153791538015381
  1. <template>
  2. <div class="pb_content" style="overflow: unset">
  3. <div class="pb_content_body" style="display: flex; height: 900px; position: relative">
  4. <div class="pButton" style="
  5. left: 0;
  6. background-image: linear-gradient(90deg, #477cd7, #65b9fc);
  7. " v-if="mlDialog == false && !(IsFollow && tType == 2)" @click="setContent2(true)">
  8. <!-- 批 , getCourseDetail()-->
  9. <img src="../assets/mlBtn.png" style="width: 25px" alt="" />
  10. </div>
  11. <div class="pb_left" v-else-if="!(IsFollow && tType == 2)">
  12. <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
  13. <div class="courseTitle">
  14. <div style="width: calc(100% - 25px)">
  15. <el-tooltip effect="light" :content="courseDetail.title" placement="top">
  16. <div class="ctitle">{{ courseDetail.title }}</div>
  17. </el-tooltip>
  18. <div class="inviteBox" v-if="tcid && inviteCode">
  19. <div>
  20. <span>随机码:{{ inviteCode }}</span>
  21. </div>
  22. </div>
  23. </div>
  24. <el-tooltip effect="light" content="收缩" placement="top">
  25. <div class="mlImg" @click="setContent2(false)">
  26. <img src="../assets/mlBtn.png" alt="" />
  27. </div>
  28. </el-tooltip>
  29. </div>
  30. <div class="ml">目录</div>
  31. <div class="cru_selectBox">
  32. <div v-for="(item, stageIndex) in navList" :key="stageIndex">
  33. <div class="blue_box_one" @click="get(stageIndex)">
  34. <div>第{{ stageIndex + 1 }}阶段</div>
  35. <div>{{ item.dyName }}</div>
  36. </div>
  37. <div class="twoChild" :class="{ navActive: item.isOpen }">
  38. <div class="navChild" v-for="(nav, navIndex) in item.task" :key="navIndex">
  39. <div class="navTask" @click="openTask(stageIndex, navIndex, nav.id)" :class="{
  40. openTaskActive:
  41. navIndex == taskCount &&
  42. nav.id == navId &&
  43. stageIndex == courseType,
  44. }">
  45. <div class="vedioNav" :class="{
  46. isClick:
  47. navIndex == taskCount &&
  48. nav.id == navId &&
  49. stageIndex == courseType,
  50. }" style="margin: 0">
  51. 任务{{ navIndex + 1 }}
  52. </div>
  53. <el-tooltip class="navTaskname item" effect="light" :content="nav.taskName" placement="top">
  54. <div :style="{
  55. width:
  56. IsLookOpen && !nav.isLook
  57. ? 'calc(100% - 75px)'
  58. : 'auto',
  59. }">
  60. {{ nav.taskName }}
  61. </div>
  62. </el-tooltip>
  63. <img src="../assets/lock.png" v-if="IsLookOpen && !nav.isLook" alt="" />
  64. </div>
  65. </div>
  66. </div>
  67. </div>
  68. </div>
  69. </div>
  70. <div class="body_student" :class="{ navLeftCss: !mlDialog }">
  71. <div class="new_top" style="
  72. position: fixed;
  73. top: 0;
  74. left: 20.7%;
  75. width: 80%;
  76. z-index: 999;
  77. box-shadow: 0px 9px 0 0 #f2f2f2;
  78. " :class="{ navLeftCss: !mlDialog }">
  79. <div class="courseIndex">
  80. <div>第{{ courseType - 0 + 1 }}阶段</div>
  81. <el-tooltip effect="light" :content="chapInfoList[courseType].dyName" placement="top">
  82. <div>{{ chapInfoList[courseType].dyName }}</div>
  83. </el-tooltip>
  84. <div>任务{{ taskCount + 1 }}</div>
  85. </div>
  86. <div class="btnAll">
  87. <div class="returnBtn" @click="nextOrpreSteps(0)" v-if="!(IsFollow && tType == 2)">
  88. 上一步
  89. </div>
  90. <div class="returnBtn" @click="nextOrpreSteps(1)" v-if="!(IsFollow && tType == 2)">
  91. 下一步
  92. </div>
  93. <!-- <div
  94. class="returnBtn"
  95. @click="allScrell"
  96. v-if="!(IsFollow && tType == 2)"
  97. >
  98. 全屏
  99. </div> -->
  100. <div class="returnBtn" @click="refreshCourse">刷新</div>
  101. <div class="returnBtn" @click="setPz" v-if="tType == 1">评论</div>
  102. <div class="returnBtn" @click="startRecording" v-if="!videoStart && (tType == 1 || tType == 4)">
  103. 录制
  104. </div>
  105. <div class="returnBtn" @click="stopRecording" v-else-if="tType == 1 || tType == 4"
  106. style="background: #ee5255">
  107. 下载
  108. </div>
  109. <div class="returnBtn" @click="juriVisible = true" v-if="tType == 1">
  110. 权限
  111. </div>
  112. <div class="returnBtn" style="background: #225bc7" @click.stop="
  113. goTo(
  114. '/courseDetail?userid=' +
  115. userid +
  116. '&oid=' +
  117. oid +
  118. '&org=' +
  119. org +
  120. '&cid=' +
  121. classId +
  122. '&courseId=' +
  123. id +
  124. '&tType=' +
  125. tType +
  126. '&screenType=' +
  127. screenType
  128. )
  129. ">
  130. 返回
  131. </div>
  132. </div>
  133. </div>
  134. <!-- v-for="(task, index) in chapInfoList[courseType].chapterInfo[0]
  135. .taskJson"
  136. :key="index"-->
  137. <div class="isNoMessage" v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  138. .chapterData.length == 0 &&
  139. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  140. .toolChoose[0].tool.length == 0 &&
  141. chapInfoList[courseType].chapterInfo[0].video.length == 0 &&
  142. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  143. .taskDetail == '' &&
  144. !chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].eList
  145. ">
  146. <img src="../assets/icon/isNoMessage.png" alt />
  147. </div>
  148. <div class="study_top" :class="{ pzClass: pzDialog }">
  149. <div class="vedioBox" v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  150. .taskDetail != '' ||
  151. vChapterData[taskCount].length > 0
  152. ">
  153. <div class="checkbox">
  154. <div class="check" style="font-size: 25px" :id="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].id
  155. ">
  156. <!-- {{ taskCount + 1 }}
  157. {{ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].task }}-->
  158. 学一学
  159. </div>
  160. </div>
  161. <div class="student_head" v-if="vChapterData[taskCount].length > 0 ||
  162. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  163. .taskDetail != ''
  164. ">
  165. <div class="taskBox">
  166. <div style="
  167. display: flex;
  168. flex-wrap: nowrap;
  169. flex-direction: column;
  170. position: relative;
  171. ">
  172. <div style="
  173. padding: 15px 0 15px 20px;
  174. line-height: 29px;
  175. font-size: 18px;
  176. " class="cont" v-if="chapInfoList[courseType].chapterInfo[0].taskJson[
  177. taskCount
  178. ].taskDetail != ''
  179. " v-html="chapInfoList[courseType].chapterInfo[0].taskJson[
  180. taskCount
  181. ].taskDetail
  182. ? chapInfoList[courseType].chapterInfo[0].taskJson[
  183. taskCount
  184. ].taskDetail
  185. : '暂无描述'
  186. "></div>
  187. </div>
  188. </div>
  189. <div class="vedioTaskBox">
  190. <div :class="contentDialog == false
  191. ? 'box_course isContentCss'
  192. : 'box_course'
  193. " v-if="vChapterData.length > 0 && vChapterData[taskCount] && showType !== ''">
  194. <div class="wheel" style="height: auto;" v-if="showType === 0
  195. ">
  196. <div class="workd_media" style="height: 650px; width: calc(100% - 50px)">
  197. <video-player class="video-player vjs-custom-skin"
  198. :class="contentDialog == false ? 'isAllWidth' : ''" :playsinline="true"
  199. :options="playerO[taskCount]" @play="onPlayerPlay($event)"
  200. style="width: 100%; height: 100%; margin: 0 0 0 30px"></video-player>
  201. </div>
  202. </div>
  203. <div class="wheel" v-if="showType == 1" style="
  204. box-shadow: 0 0 6px 1px #f2f2f2;
  205. width: 95%;
  206. margin: 0 auto;
  207. background: #f1f1f1;
  208. ">
  209. <div class="title">查看文档</div>
  210. <el-form class="textBox">
  211. <el-form-item class="textTitle">
  212. <div style="font-size: 22px">
  213. {{ text.name }}
  214. </div>
  215. </el-form-item>
  216. <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
  217. <div v-html="text.url" class="textContent cont"></div>
  218. </el-form>
  219. </div>
  220. <div class="wheel"
  221. v-if="pptImgUrl1.indexOf('https://view.officeapps.live.com/op/view.aspx?src=') != -1 && showType == 2"
  222. style="width: 95%; margin: 0 auto">
  223. <iframe style="width: 100%; height: 100%; border: none" :src="pptImgUrl1"></iframe>
  224. </div>
  225. <div class="wheel" v-else-if="showType == 2" style="width: 95%; margin: 0 auto">
  226. <iframe style="width: 100%; height: 100%; border: none" security="restricted"
  227. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  228. :src="pptImgUrl1"></iframe>
  229. </div>
  230. <div class="wheel" v-if="showType == 3" style="width: 95%; margin: 0 auto">
  231. <pdf :pdfUrl="pptImgUrl1" style="width: 100%; height: 100%; overflow: auto"></pdf>
  232. </div>
  233. <div class="wheel" v-if="showType == 4" style="width: 95%; margin: 0 auto">
  234. <el-image :src="pptImgUrl1" fit="contain" style="width: 100%;height:100%;cursor: pointer;" @click="previewImg(pptImgUrl1)"></el-image>
  235. </div>
  236. </div>
  237. <div class="pButton" style="
  238. position: absolute;
  239. right: 20px;
  240. top: 0;
  241. background: #205cc6;
  242. z-index: 998;
  243. opacity: .8;
  244. " v-if="!contentDialog" @click="setContent(true)">
  245. <!-- 批 -->
  246. <img src="../assets/navBtn2.png" style="width: 25px" alt="" />
  247. </div>
  248. <div v-if="contentDialog == true" :style="{
  249. width: (vChapterData[taskCount].length > 0 && showType === '') ? 'calc(100%)' : 'calc(100% - 83%)', margin: (vChapterData[taskCount].length > 0 && showType === '') ? '0 15px' : '0 15px 0 0'
  250. }">
  251. <div class="vedioList" v-if="vChapterData[taskCount].length > 0" style="height: 650px">
  252. <div class="navCorOpenBox">
  253. <div class="navTitile">内容列表:</div>
  254. <div class="navCorOpen" @click="setContent(false)">
  255. <img src="../assets/navBtn2.png" alt="" />
  256. </div>
  257. </div>
  258. <div class="navBox">
  259. <div v-show="vChapterData[taskCount].length > 0
  260. ">
  261. <div class="vedioTimeBox" v-for="(vitem, vindex) in vChapterData[taskCount]" :key="vindex + '1'">
  262. <div @click="lookVedio(vitem.url, vindex)" v-if="vitem.type == 2" class="vedioName" :class="isClickNav == vindex
  263. ? 'isClickNav'
  264. : ''
  265. ">
  266. <span v-if="vitem.text">{{ vitem.text }}-</span>{{ vitem.name }}
  267. </div>
  268. <div style="width: calc(100% - 0px)" @click="lookText(taskCount, vindex)"
  269. v-if="vitem.type == 6">
  270. <div class="navText" :class="isClickNav == vindex
  271. ? 'isClickNav'
  272. : ''
  273. ">
  274. {{
  275. vitem.name
  276. }}.doc
  277. </div>
  278. </div>
  279. <div style="width: calc(100% - 0px)" @click="doUrl(vitem.url, vindex)" v-if="vitem.type == 8">
  280. <div class="navText" :class="isClickNav == vindex
  281. ? 'isClickNav'
  282. : ''
  283. ">
  284. {{ vitem.title ? vitem.title : vitem.url }}
  285. </div>
  286. </div>
  287. <div style="width: calc(100% - 0px)" @click="downFile(vitem, vindex)" v-if="vitem.type == 3">
  288. <div class="navText" :class="isClickNav == vindex
  289. ? 'isClickNav'
  290. : ''
  291. ">
  292. <span v-if="vitem.text">{{ vitem.text }}-</span>{{ vitem.name }}
  293. </div>
  294. </div>
  295. <div style="width: calc(100% - 0px)" @click="downloadFile2(vitem)" v-if="vitem.type == 12">
  296. <div class="navText">
  297. <span v-if="vitem.text">{{ vitem.text }}-</span>{{ vitem.name }}
  298. </div>
  299. </div>
  300. <div style="width: calc(100% - 0px)" @click="checkPhoto(vitem, vindex)" v-if="vitem.type == 13">
  301. <div class="navText" :class="isClickNav == vindex
  302. ? 'isClickNav'
  303. : ''
  304. ">
  305. {{ vitem.name }}
  306. </div>
  307. </div>
  308. </div>
  309. </div>
  310. </div>
  311. </div>
  312. </div>
  313. </div>
  314. <div style="width: 81%">
  315. <div style="padding: 10px 0 0; width: 95%; margin: 0 auto" v-if="showType == 2 || showType == 3">
  316. <el-button type="primary" @click="checkFileFull(showType, pptImgUrl1)">全屏查看</el-button>
  317. <el-button type="primary" @click="downloadFile(pptImgUrl1)" v-if="showType != 2">文件下载</el-button>
  318. <el-button
  319. v-if="showType == 2 && pptImgUrl1.indexOf('https://view.officeapps.live.com/op/view.aspx?src=') == -1"
  320. type="primary" @click="openLine(pptImgUrl1)">打开链接
  321. </el-button>
  322. </div>
  323. <div style="padding: 10px 0 0; width: 95%; margin: 0 auto" v-if="showType == 1">
  324. <el-button type="primary" @click="checkFileFull(showType, text)">全屏查看</el-button>
  325. </div>
  326. </div>
  327. </div>
  328. </div>
  329. <div class="student_body" v-resize="resize">
  330. <!-- <div
  331. class="vedioBox"
  332. v-if="
  333. file.length && file[taskCount] && file[taskCount].length > 0
  334. "
  335. >
  336. <div class="queTop">
  337. <div class="question" style="width: 30px; margin-top: 5px">
  338. <img src="../assets/icon/fileIcon.png" alt />
  339. </div>
  340. <div class="queTitle">
  341. <div>附件</div>
  342. </div>
  343. </div>
  344. <div class="filebox" style="width: 100%">
  345. <div
  346. class="file"
  347. v-for="(f, fileIndex) in file[taskCount]"
  348. :key="fileIndex"
  349. @click="downFile(f, fileIndex)"
  350. >
  351. <img :src="require('../assets/file.png')" alt />
  352. <div>{{ f.name }}</div>
  353. </div>
  354. </div>
  355. <div class="upFile" v-if="type == 3">提交</div>
  356. </div>-->
  357. <div class="vedioBox" v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  358. .toolChoose[0].tool &&
  359. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  360. .toolChoose[0].tool.length &&
  361. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  362. .toolChoose[0].tool.length > 0
  363. ">
  364. <div class="queTop" style="
  365. font-size: 25px;
  366. padding: 15px 0 15px 30px;
  367. font-weight: bold;
  368. ">
  369. <!-- <div class="question" style="width: 30px">
  370. <img src="../assets/icon/toolIcon.png" alt />
  371. </div>
  372. <div class="queTitle">
  373. <div>工具</div>
  374. </div>-->
  375. 练一练
  376. </div>
  377. <div class="toolHeng2" style="position: relative">
  378. <div class="filebox" style="flex-wrap: nowrap; margin: 0 20px" v-for="(tool, toolIndex) in chapInfoList[courseType]
  379. .chapterInfo[0].taskJson[taskCount].toolChoose" :key="toolIndex">
  380. <div class="bzBox">
  381. <div></div>
  382. <div>步骤{{ toolIndex + 1 }}</div>
  383. </div>
  384. <div class="toolBox">
  385. <div>
  386. <!-- v-for="(itemTool, indexTool) in toolTypeList"
  387. :key="indexTool"-->
  388. <!-- <div class="iframeBox">
  389. <div
  390. class="addPoint isBorder"
  391. v-for="(tooC, toolCIndex) in tool.tool"
  392. :key="toolCIndex"
  393. >
  394. <div v-if="tooC == 1" style="border: 1px soild #ccc">
  395. <div
  396. class="iframeName"
  397. >
  398. 电子白板
  399. </div>
  400. <iframe
  401. src="https://iwb.cocorobo.cn/"
  402. ref="whiteBoard"
  403. ></iframe>
  404. </div>
  405. </div>
  406. </div>-->
  407. <div class="noiframeBox">
  408. <div class="addPoint" v-for="(tooC, toolCIndex) in tool.tool" :key="toolCIndex">
  409. <div v-if="tooC == 1">
  410. <img src="../assets/icon/secondToolList/whiteBoard.png" alt
  411. @click="addTools(tooC, toolIndex, taskCount)" />
  412. <div style="margin: 5px 0">电子白板</div>
  413. </div>
  414. <div v-if="tooC == 3">
  415. <img src="../assets/icon/secondToolList/mindMapping.png" alt
  416. @click="addTools(tooC, toolIndex, taskCount)" />
  417. <div style="margin: 5px 0">思维导图</div>
  418. </div>
  419. <div v-if="tooC == 6">
  420. <img src="../assets/icon/secondToolList/doc.png" alt
  421. @click="addTools(tooC, toolIndex, taskCount)" />
  422. <div style="margin: 5px 0">协同文档</div>
  423. </div>
  424. <div v-if="tooC == 7">
  425. <img src="../assets/icon/secondToolList/mindNetwork.png" alt
  426. @click="addTools(tooC, toolIndex, taskCount)" />
  427. <div style="margin: 5px 0">思维网格</div>
  428. </div>
  429. <div v-if="tooC == 8">
  430. <img src="../assets/icon/secondToolList/library.png" alt
  431. @click="addTools(tooC, toolIndex, taskCount)" />
  432. <div style="margin: 5px 0">素材库</div>
  433. </div>
  434. <div v-if="tooC == 17">
  435. <img src="../assets/icon/secondToolList/library.png" alt
  436. @click="addTools(tooC, toolIndex, taskCount)" />
  437. <div style="margin: 5px 0">学习资料</div>
  438. </div>
  439. <div v-if="tooC == 2">
  440. <img @click="addTools(tooC, toolIndex, taskCount)"
  441. src="../assets/icon/secondToolList/note.png" alt />
  442. <div style="margin: 5px 0">便签</div>
  443. </div>
  444. <div v-if="tooC == 4">
  445. <img @click="addTools(tooC, toolIndex, taskCount)" src="../assets/icon/thirdToolList/ask.png"
  446. alt />
  447. <div style="margin: 5px 0">问卷调查</div>
  448. </div>
  449. <div v-if="tooC == 45">
  450. <img @click="addTools(tooC, toolIndex, taskCount)"
  451. src="../assets/icon/thirdToolList/choose.png" alt />
  452. <div style="margin: 5px 0">选择题</div>
  453. </div>
  454. <!-- <div v-if="tooC == 5">
  455. <img
  456. @click="addTools(tooC, toolIndex, taskCount)"
  457. src="../assets/icon/thirdToolList/score.png"
  458. alt
  459. />
  460. <div style="margin: 5px 0">量规评分</div>
  461. </div> -->
  462. <div v-if="tooC == 10">
  463. <img @click="addTools(tooC, toolIndex, taskCount)" src="../assets/icon/thirdToolList/time.png"
  464. alt />
  465. <div style="margin: 5px 0">倒计时</div>
  466. </div>
  467. <div v-if="tooC == 15">
  468. <img @click="addTools(tooC, toolIndex, taskCount)"
  469. src="../assets/icon/thirdToolList/answer.png" alt />
  470. <div style="margin: 5px 0">问答工具</div>
  471. </div>
  472. <div v-if="tooC == 26">
  473. <img @click="addTools(tooC, toolIndex, taskCount)"
  474. src="../assets/icon/thirdToolList/courseDesign.png" alt />
  475. <div style="margin: 5px 0">课程设计</div>
  476. </div>
  477. <div v-if="tooC == 18">
  478. <img @click="addTools(tooC, toolIndex, taskCount)"
  479. src="../assets/icon/thirdToolList/trainPlatform.png" alt />
  480. <div style="margin: 5px 0">训练服务器</div>
  481. </div>
  482. <div v-if="tooC == 16">
  483. <img @click="addTools(tooC, toolIndex, taskCount)" src="../assets/icon/thirdToolList/work.png"
  484. alt />
  485. <div style="margin: 5px 0">作业提交</div>
  486. </div>
  487. <div v-if="tooC == 50">
  488. <img @click="addTools(tooC, toolIndex, taskCount)"
  489. src="../assets/icon/thirdToolList/plwork.png" alt />
  490. <div style="margin: 5px 0">批量上传</div>
  491. </div>
  492. <div v-if="tooC == 21">
  493. <img @click="addTools(tooC, toolIndex, taskCount)"
  494. src="../assets/icon/fourthToolList/program.png" alt />
  495. <div style="margin: 5px 0">编程平台</div>
  496. </div>
  497. <div v-if="tooC == 22">
  498. <img @click="addTools(tooC, toolIndex, taskCount)"
  499. src="../assets/icon/fourthToolList/program.png" alt />
  500. <div style="margin: 5px 0">AI体验</div>
  501. </div>
  502. <div v-if="tooC == 23">
  503. <img @click="addTools(tooC, toolIndex, taskCount)"
  504. src="../assets/icon/fourthToolList/Pythonprogram.png" alt />
  505. <div style="margin: 5px 0">Python</div>
  506. </div>
  507. <div v-if="tooC == 24">
  508. <img @click="addTools(tooC, toolIndex, taskCount)"
  509. src="../assets/icon/fourthToolList/AIprogram.png" alt />
  510. <div style="margin: 5px 0">AI平台</div>
  511. </div>
  512. <div v-if="tooC == 25">
  513. <img @click="addTools(tooC, toolIndex, taskCount)"
  514. src="../assets/icon/thirdToolList/evalua.png" alt />
  515. <div style="margin: 5px 0">目标管理</div>
  516. </div>
  517. <div v-if="tooC == 31">
  518. <img @click="addTools(tooC, toolIndex, taskCount)"
  519. src="../assets/icon/secondToolList/networkPanel.png" alt />
  520. <div style="margin: 5px 0">数学画板</div>
  521. </div>
  522. <div v-if="tooC == 28">
  523. <img @click="addTools(tooC, toolIndex, taskCount)"
  524. src="../assets/icon/secondToolList/translation.png" alt />
  525. <div style="margin: 5px 0">翻译</div>
  526. </div>
  527. <div v-if="tooC == 37">
  528. <img @click="addTools(tooC, toolIndex, taskCount)"
  529. src="../assets/icon/secondToolList/mohe.png" alt />
  530. <div style="margin: 5px 0">魔盒识字</div>
  531. </div>
  532. <div v-if="tooC == 38">
  533. <img @click="addTools(tooC, toolIndex, taskCount)"
  534. src="../assets/icon/secondToolList/24game.png" alt />
  535. <div style="margin: 5px 0">24点</div>
  536. </div>
  537. <div v-if="tooC == 39">
  538. <img @click="addTools(tooC, toolIndex, taskCount)"
  539. src="../assets/icon/secondToolList/GeoGebra.png" alt />
  540. <div style="margin: 5px 0">GeoGebra</div>
  541. </div>
  542. <div v-if="tooC == 32">
  543. <img @click="addTools(tooC, toolIndex, taskCount)" src="../assets/icon/thirdToolList/code.png"
  544. alt />
  545. <div style="margin: 5px 0">源码编辑</div>
  546. <!-- <div class="upload_toolBtn" @click="addImg($event)"
  547. style="position: absolute;left: 110px;bottom: 30px;">
  548. 上传文件
  549. <input type="file" accept="*" style="display: none"
  550. @change="beforeUpload1($event, 7, toolIndex)" />
  551. </div> -->
  552. </div>
  553. <div v-if="tooC == 40">
  554. <img @click="addTools(tooC, toolIndex, taskCount)"
  555. src="../assets/icon/secondToolList/eval.png" alt />
  556. <div style="margin: 5px 0">个人评价</div>
  557. </div>
  558. <div v-if="tooC == 41">
  559. <img @click="addTools(tooC, toolIndex, taskCount)"
  560. src="../assets/icon/thirdToolList/select.png" alt />
  561. <div style="margin: 5px 0">选择填空</div>
  562. </div>
  563. <div v-if="tooC == 44">
  564. <img @click="addTools(tooC, toolIndex, taskCount)"
  565. src="../assets/icon/thirdToolList/hanClass.png" alt />
  566. <div style="margin: 5px 0">汉字宫</div>
  567. </div>
  568. <div v-if="tooC == 47">
  569. <img @click="addTools(tooC, toolIndex, taskCount)"
  570. src="../assets/icon/fourthToolList/conSentences.png" alt />
  571. <div style="margin: 5px 0">连词成句</div>
  572. </div>
  573. <div v-if="tooC == 48">
  574. <img @click="addTools(tooC, toolIndex, taskCount)"
  575. src="../assets/icon/fourthToolList/table.png" alt />
  576. <div style="margin: 5px 0">表格</div>
  577. </div>
  578. <div v-if="tooC == 52">
  579. <img @click="addTools(tooC, toolIndex, taskCount)"
  580. src="../assets/icon/fourthToolList/text.png" alt />
  581. <div style="margin: 5px 0">文档</div>
  582. </div>
  583. <div v-if="tooC == 49">
  584. <img @click="addTools(tooC, toolIndex, taskCount)"
  585. src="../assets/icon/fourthToolList/group.png" alt />
  586. <div style="margin: 5px 0">学生分组</div>
  587. </div>
  588. <div v-if="tooC == 57">
  589. <img @click="addTools(tooC, toolIndex, taskCount)"
  590. src="../assets/icon/fourthToolList/cocopi.png" alt />
  591. <div style="margin: 5px 0">CocoPi</div>
  592. </div>
  593. <div v-if="tooC == 58">
  594. <img @click="addTools(tooC, toolIndex, taskCount)" src="../assets/icon/fourthToolList/car.png"
  595. alt />
  596. <div style="margin: 5px 0">模拟驾驶</div>
  597. </div>
  598. <div v-if="tooC == 59">
  599. <img @click="addTools(tooC, toolIndex, taskCount)"
  600. src="../assets/icon/fourthToolList/lineSearch.png" alt />
  601. <div style="margin: 5px 0">路径搜索</div>
  602. </div>
  603. <div v-if="tooC == 60">
  604. <img @click="addTools(tooC, toolIndex, taskCount)"
  605. src="../assets/icon/fourthToolList/deepLearning.png" alt />
  606. <div style="margin: 5px 0">深度学习</div>
  607. </div>
  608. <div v-if="tooC == 61">
  609. <img @click="addTools(tooC, toolIndex, taskCount)"
  610. src="../assets/icon/fourthToolList/allHistory.png" alt />
  611. <div style="margin: 5px 0">全历史</div>
  612. </div>
  613. <div v-if="tooC == 62">
  614. <img @click="addTools(tooC, toolIndex, taskCount)"
  615. src="../assets/icon/fourthToolList/interVideo.png" alt />
  616. <div style="margin: 5px 0">交互视频</div>
  617. </div>
  618. <div v-if="tooC == 63">
  619. <img @click="addTools(tooC, toolIndex, taskCount)"
  620. src="../assets/icon/fourthToolList/Wood.png" alt />
  621. <div style="margin: 5px 0">海龟编程</div>
  622. </div>
  623. </div>
  624. </div>
  625. </div>
  626. <div class="tooldetail" v-if="tool.toolDetail != ''">
  627. <!-- <div class="toolTitle">工具描述</div> -->
  628. <div v-html="contentConvent(tool.toolDetail)"></div>
  629. </div>
  630. <el-button type="primary" v-if="tool.tool[0] == 32" style="
  631. position: absolute;
  632. right: 30px;
  633. transform: translateY(-130%);
  634. " @click="addImg($event)">上传作业<input type="file" accept="*" style="display: none"
  635. @change="beforeUpload1($event, 7, toolIndex)" /></el-button>
  636. <!-- <el-button type="primary" v-if="tool.tool[0] == 57" style="
  637. position: absolute;
  638. right: 30px;
  639. transform: translateY(-130%);
  640. " @click="addImg($event)">上传作业<input type="file" accept="*" style="display: none"
  641. @change="beforeUpload1($event, 8, toolIndex)" /></el-button> -->
  642. </div>
  643. <div v-if="tType &&
  644. tType == 2 &&
  645. !sIsOpen &&
  646. tool.tool.indexOf(16) != -1
  647. " class="worksBox">
  648. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  649. <span>作业预览</span>
  650. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  651. </div>
  652. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  653. <div class="works" style="
  654. width: 200px;
  655. height: 140px;
  656. margin: 10px 10px 10px 0;
  657. box-shadow: 0 0 6px 1px #dfdada;
  658. " v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
  659. <div class="workImg" v-if="w.type == 0">
  660. <img :src="w.works" @click="previewImg(w.works)" alt />
  661. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  662. rightW:
  663. w.userid == userid || tType == 1 || tType == 4,
  664. }">
  665. {{ JSON.parse(w.score).wScore }}分
  666. </div>
  667. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  668. :class="{
  669. rightW:
  670. w.userid == userid || tType == 1 || tType == 4,
  671. }">
  672. 评分
  673. </div>
  674. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  675. " @click.stop="deleteWorks(w.wid)" alt />
  676. </div>
  677. <div class="workImg" v-if="w.type == 1">
  678. <img :src="word" @click="openFile(w.works)" alt />
  679. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  680. rightW:
  681. w.userid == userid || tType == 1 || tType == 4,
  682. }">
  683. {{ JSON.parse(w.score).wScore }}分
  684. </div>
  685. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  686. :class="{
  687. rightW:
  688. w.userid == userid || tType == 1 || tType == 4,
  689. }">
  690. 评分
  691. </div>
  692. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  693. " @click.stop="deleteWorks(w.wid)" alt />
  694. </div>
  695. <div class="workImg" v-if="w.type == 3">
  696. <img style="cursor: pointer" :src="video" @click="openVideo(w)" alt />
  697. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  698. rightW:
  699. w.userid == userid || tType == 1 || tType == 4,
  700. }">
  701. {{ JSON.parse(w.score).wScore }}分
  702. </div>
  703. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  704. :class="{
  705. rightW:
  706. w.userid == userid || tType == 1 || tType == 4,
  707. }">
  708. 评分
  709. </div>
  710. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  711. " @click.stop="deleteWorks(w.wid)" alt />
  712. </div>
  713. <div class="workImg" v-if="w.type == 12">
  714. <img style="cursor: pointer" :src="word2" @click="downloadFile(w.works)" alt />
  715. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  716. rightW:
  717. w.userid == userid || tType == 1 || tType == 4,
  718. }">
  719. {{ JSON.parse(w.score).wScore }}分
  720. </div>
  721. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  722. :class="{
  723. rightW:
  724. w.userid == userid || tType == 1 || tType == 4,
  725. }">
  726. 评分
  727. </div>
  728. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  729. " @click.stop="deleteWorks(w.wid)" alt />
  730. </div>
  731. <div class="worksName">
  732. <div>{{ w.sName }}</div>
  733. </div>
  734. </div>
  735. </div>
  736. </div>
  737. <div v-if="tType &&
  738. tType == 2 &&
  739. !sIsOpen &&
  740. tool.tool.indexOf(32) != -1
  741. " class="worksBox">
  742. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  743. <span>作业预览</span>
  744. </div>
  745. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  746. <div class="works" style="
  747. width: 200px;
  748. height: 140px;
  749. margin: 10px 10px 10px 0;
  750. box-shadow: 0 0 6px 1px #dfdada;
  751. " v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
  752. <div class="workImg">
  753. <img :src="word2" @click="downloadFile(w.works)" alt />
  754. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  755. rightW:
  756. w.userid == userid || tType == 1 || tType == 4,
  757. }">
  758. {{ JSON.parse(w.score).wScore }}分
  759. </div>
  760. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  761. :class="{
  762. rightW:
  763. w.userid == userid || tType == 1 || tType == 4,
  764. }">
  765. 评分
  766. </div>
  767. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  768. " @click.stop="deleteWorks(w.wid)" alt />
  769. </div>
  770. <div class="worksName">
  771. <div>{{ w.sName }}</div>
  772. </div>
  773. </div>
  774. </div>
  775. </div>
  776. <div v-if="tType &&
  777. tType == 2 &&
  778. !sIsOpen &&
  779. tool.tool.indexOf(57) != -1
  780. " class="worksBox">
  781. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  782. <span>作业预览</span>
  783. </div>
  784. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  785. <div class="works" style="
  786. width: 200px;
  787. height: 140px;
  788. margin: 10px 10px 10px 0;
  789. box-shadow: 0 0 6px 1px #dfdada;
  790. " v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
  791. <div class="workImg">
  792. <img :src="word2" @click="downloadFile(w.works)" v-if="w.type == 12" alt />
  793. <img :src="word2" @click="openCocoPi(57, toolIndex, w.userid, w.sName)" v-else-if="w.type == 15"
  794. alt />
  795. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  796. rightW:
  797. w.userid == userid || tType == 1 || tType == 4,
  798. }">
  799. {{ JSON.parse(w.score).wScore }}分
  800. </div>
  801. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  802. :class="{
  803. rightW:
  804. w.userid == userid || tType == 1 || tType == 4,
  805. }">
  806. 评分
  807. </div>
  808. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  809. " @click.stop="deleteWorks(w.wid)" alt />
  810. </div>
  811. <div class="worksName">
  812. <div>{{ w.sName }}</div>
  813. </div>
  814. </div>
  815. </div>
  816. </div>
  817. <div v-if="tType &&
  818. tType == 2 &&
  819. !sIsOpen &&
  820. tool.tool.indexOf(4) != -1
  821. " class="worksBox">
  822. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  823. <span>作业预览</span>
  824. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  825. </div>
  826. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  827. <div class="isWorksName" v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex" @click="
  828. openTools(4, toolIndex, taskCount, w.works, w.sName)
  829. ">
  830. {{ w.sName }}
  831. <img class="deleteImg deleteImg2" src="../assets/deleteworks.png"
  832. v-if="w.userid == userid || tType == 1 || tType == 4" @click.stop="deleteWorks(w.wid)" alt />
  833. </div>
  834. <!-- <div
  835. class="works"
  836. style="
  837. width: 200px;
  838. height: 140px;
  839. border-radius: 10px;
  840. box-shadow: 0 0 6px 1px #dfdada;
  841. overflow: hidden;
  842. "
  843. v-for="(w, wIndex) in workStudent[toolIndex]"
  844. :key="wIndex"
  845. >
  846. <div class="workImg">
  847. <img
  848. src="../assets/icon/works/noImg.png"
  849. @click="
  850. openTools(
  851. 4,
  852. toolIndex,
  853. taskCount,
  854. w.works,
  855. w.sName
  856. )
  857. "
  858. alt
  859. />
  860. </div>
  861. <div class="worksName">
  862. <div>{{ w.sName }}</div>
  863. <div>{{ w.time }}</div>
  864. </div>
  865. </div> -->
  866. </div>
  867. </div>
  868. <div v-if="tType &&
  869. tType == 2 &&
  870. !sIsOpen &&
  871. tool.tool.indexOf(45) != -1
  872. " class="worksBox">
  873. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  874. <span>作业预览</span>
  875. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  876. </div>
  877. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  878. <div class="isWorksName" v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex" @click="
  879. openTools(45, toolIndex, taskCount, w.works, w.sName)
  880. ">
  881. {{ w.sName }}
  882. <img class="deleteImg deleteImg2" src="../assets/deleteworks.png"
  883. v-if="w.userid == userid || tType == 1 || tType == 4" @click.stop="deleteWorks(w.wid)" alt />
  884. </div>
  885. </div>
  886. </div>
  887. <div v-if="tType &&
  888. tType == 2 &&
  889. !sIsOpen &&
  890. tool.tool.indexOf(15) != -1
  891. " class="worksBox">
  892. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  893. <span>作业预览</span>
  894. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  895. </div>
  896. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  897. <div class="works" v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
  898. <div class="workImg">
  899. <!-- <img
  900. src="../assets/icon/works/noImg.png"
  901. @click="openTools(15, toolIndex, taskCount, w.works)"
  902. alt=""
  903. />-->
  904. <div class="answerBg">
  905. <!-- <div>{{ w.sName }}</div> -->
  906. <el-tooltip class="item" effect="light" :content="JSON.parse(w.works)[0].answer"
  907. placement="top">
  908. <div class="answerContent">
  909. {{ JSON.parse(w.works)[0].answer }}
  910. </div>
  911. </el-tooltip>
  912. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  913. rightW:
  914. w.userid == userid ||
  915. tType == 1 ||
  916. tType == 4,
  917. }">
  918. {{ JSON.parse(w.score).wScore }}分
  919. </div>
  920. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  921. :class="{
  922. rightW:
  923. w.userid == userid ||
  924. tType == 1 ||
  925. tType == 4,
  926. }">
  927. 评分
  928. </div>
  929. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  930. " @click.stop="deleteWorks(w.wid)" alt />
  931. </div>
  932. <div class="comment">
  933. <div class="worksName">
  934. <div>{{ w.sName }}</div>
  935. </div>
  936. </div>
  937. </div>
  938. </div>
  939. </div>
  940. </div>
  941. <div v-if="tType &&
  942. tType == 2 &&
  943. !sIsOpen &&
  944. tool.tool.indexOf(1) != -1
  945. " class="worksBox">
  946. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  947. <span>作业预览</span>
  948. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  949. </div>
  950. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  951. <div class="works" style="
  952. width: 200px;
  953. height: 140px;
  954. margin: 10px 10px 10px 0;
  955. box-shadow: 0 0 6px 1px #dfdada;
  956. " v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
  957. <div class="workImg">
  958. <img :src="w.works" @click="previewImg(w.works)" alt />
  959. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  960. rightW:
  961. w.userid == userid || tType == 1 || tType == 4,
  962. }">
  963. {{ JSON.parse(w.score).wScore }}分
  964. </div>
  965. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  966. :class="{
  967. rightW:
  968. w.userid == userid || tType == 1 || tType == 4,
  969. }">
  970. 评分
  971. </div>
  972. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  973. " @click.stop="deleteWorks(w.wid)" alt />
  974. </div>
  975. <div class="worksName">
  976. <div>{{ w.sName }}</div>
  977. </div>
  978. </div>
  979. </div>
  980. </div>
  981. <div v-if="tType &&
  982. tType == 2 &&
  983. !sIsOpen &&
  984. tool.tool.indexOf(3) != -1
  985. " class="worksBox">
  986. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  987. <span>作业预览</span>
  988. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  989. </div>
  990. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  991. <div class="works" style="
  992. width: 200px;
  993. height: 140px;
  994. margin: 10px 10px 10px 0;
  995. box-shadow: 0 0 6px 1px #dfdada;
  996. " v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
  997. <div class="workImg">
  998. <img :src="w.works" @click="previewImg(w.works)" alt />
  999. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1000. rightW:
  1001. w.userid == userid || tType == 1 || tType == 4,
  1002. }">
  1003. {{ JSON.parse(w.score).wScore }}分
  1004. </div>
  1005. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  1006. :class="{
  1007. rightW:
  1008. w.userid == userid || tType == 1 || tType == 4,
  1009. }">
  1010. 评分
  1011. </div>
  1012. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1013. " @click.stop="deleteWorks(w.wid)" alt />
  1014. </div>
  1015. <div class="worksName">
  1016. <div>{{ w.sName }}</div>
  1017. </div>
  1018. </div>
  1019. </div>
  1020. </div>
  1021. <div v-if="tType &&
  1022. tType == 2 &&
  1023. !sIsOpen &&
  1024. tool.tool.indexOf(6) != -1
  1025. " class="worksBox">
  1026. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  1027. <span>作业预览</span>
  1028. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1029. </div>
  1030. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  1031. <div class="works" style="
  1032. width: 200px;
  1033. height: 140px;
  1034. margin: 10px 10px 10px 0;
  1035. box-shadow: 0 0 6px 1px #dfdada;
  1036. " v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
  1037. <div class="workImg">
  1038. <img :src="w.works" @click="previewImg(w.works)" alt />
  1039. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1040. rightW:
  1041. w.userid == userid || tType == 1 || tType == 4,
  1042. }">
  1043. {{ JSON.parse(w.score).wScore }}分
  1044. </div>
  1045. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  1046. :class="{
  1047. rightW:
  1048. w.userid == userid || tType == 1 || tType == 4,
  1049. }">
  1050. 评分
  1051. </div>
  1052. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1053. " @click.stop="deleteWorks(w.wid)" alt />
  1054. </div>
  1055. <div class="worksName">
  1056. <div>{{ w.sName }}</div>
  1057. </div>
  1058. </div>
  1059. </div>
  1060. </div>
  1061. <div v-if="tType &&
  1062. tType == 2 &&
  1063. !sIsOpen &&
  1064. tool.tool.indexOf(7) != -1
  1065. " class="worksBox">
  1066. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  1067. <span>作业预览</span>
  1068. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1069. </div>
  1070. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  1071. <div class="works" style="
  1072. width: 200px;
  1073. height: 140px;
  1074. margin: 10px 10px 10px 0;
  1075. box-shadow: 0 0 6px 1px #dfdada;
  1076. " v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
  1077. <div class="workImg">
  1078. <img :src="w.works" @click="previewImg(w.works)" alt />
  1079. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1080. rightW:
  1081. w.userid == userid || tType == 1 || tType == 4,
  1082. }">
  1083. {{ JSON.parse(w.score).wScore }}分
  1084. </div>
  1085. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  1086. :class="{
  1087. rightW:
  1088. w.userid == userid || tType == 1 || tType == 4,
  1089. }">
  1090. 评分
  1091. </div>
  1092. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1093. " @click.stop="deleteWorks(w.wid)" alt />
  1094. </div>
  1095. <div class="worksName">
  1096. <div>{{ w.sName }}</div>
  1097. </div>
  1098. </div>
  1099. </div>
  1100. </div>
  1101. <div v-if="tType &&
  1102. tType == 2 &&
  1103. !sIsOpen &&
  1104. tool.tool.indexOf(26) != -1
  1105. " class="worksBox">
  1106. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  1107. <span>作业预览</span>
  1108. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1109. </div>
  1110. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  1111. <div class="works" style="
  1112. width: 200px;
  1113. height: 140px;
  1114. margin: 10px 10px 10px 0;
  1115. box-shadow: 0 0 6px 1px #dfdada;
  1116. " v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
  1117. <div class="workImg">
  1118. <img :src="w.works" @click="previewImg(w.works)" alt />
  1119. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1120. " @click.stop="deleteWorks(w.wid)" alt />
  1121. </div>
  1122. <div class="worksName">
  1123. <div>{{ w.sName }}</div>
  1124. </div>
  1125. </div>
  1126. </div>
  1127. </div>
  1128. <div v-if="tType &&
  1129. ((tType == 2 && sIsOpen == true) ||
  1130. tType == 1 ||
  1131. tType == 4) &&
  1132. tool.tool.indexOf(16) != -1
  1133. " class="worksBox">
  1134. <div class="zuoyeYulan" v-if="worksStudent.length &&
  1135. worksStudent[toolIndex].length > 0
  1136. ">
  1137. <div class="worksTop">
  1138. <div>作业预览</div>
  1139. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  1140. isCloseList[toolIndex].isClose == 0
  1141. ">
  1142. 收缩
  1143. </div>
  1144. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  1145. 展开
  1146. </div>
  1147. </div>
  1148. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1149. </div>
  1150. <div class="group_workBox" v-for="(g, gindex) in courseGroup.group" :key="gindex">
  1151. <div class="group_box">
  1152. <div class="group_title">
  1153. <el-tooltip class="item" effect="light" :content="g.name" placement="top">
  1154. <div class="group_name">{{ g.name }}</div>
  1155. </el-tooltip>
  1156. </div>
  1157. <div class="group_work" v-if="g.works &&
  1158. g.works.length &&
  1159. g.works[toolIndex].length
  1160. ">
  1161. <div class="works" style="
  1162. width: 200px;
  1163. height: 140px;
  1164. margin: 10px 10px 10px 0;
  1165. border-radius: 15px;
  1166. box-shadow: 0 0 6px 1px #dfdada;
  1167. " v-for="(w, wIndex) in g.works[toolIndex]" :key="wIndex"
  1168. :class="w.type == 1 ? 'isTypeOne' : ''">
  1169. <div class="workImg" v-if="w.type == 0">
  1170. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  1171. <img :src="w.works" @click="previewImg(w.works)" alt />
  1172. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1173. rightW:
  1174. w.userid == userid ||
  1175. tType == 1 ||
  1176. tType == 4 ||
  1177. w.ateacher == userid,
  1178. }">
  1179. {{ JSON.parse(w.score).wScore }}分
  1180. </div>
  1181. <div class="answerScore" @click.stop="openScore(w)"
  1182. v-else-if="courseDetail.userid == userid" :class="{
  1183. rightW:
  1184. w.userid == userid ||
  1185. tType == 1 ||
  1186. tType == 4 ||
  1187. w.ateacher == userid,
  1188. }">
  1189. 评分
  1190. </div>
  1191. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1192. " @click.stop="deleteWorks(w.wid)" alt />
  1193. </div>
  1194. <div class="workImg" v-if="w.type == 1">
  1195. <img :src="word" @click="openFile(w.works)" alt />
  1196. <!-- @click="openFile(w.works)" -->
  1197. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1198. rightW:
  1199. w.userid == userid ||
  1200. tType == 1 ||
  1201. tType == 4 ||
  1202. w.ateacher == userid,
  1203. }">
  1204. {{ JSON.parse(w.score).wScore }}分
  1205. </div>
  1206. <div class="answerScore" @click.stop="openScore(w)"
  1207. v-else-if="courseDetail.userid == userid" :class="{
  1208. rightW:
  1209. w.userid == userid ||
  1210. tType == 1 ||
  1211. tType == 4 ||
  1212. w.ateacher == userid,
  1213. }">
  1214. 评分
  1215. </div>
  1216. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1217. " @click.stop="deleteWorks(w.wid)" alt />
  1218. </div>
  1219. <div class="workImg" v-if="w.type == 3">
  1220. <img style="cursor: pointer" :src="video" @click="openVideo(w)" alt />
  1221. <!-- @click="openVideo(w.works)" -->
  1222. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1223. rightW:
  1224. w.userid == userid ||
  1225. tType == 1 ||
  1226. tType == 4 ||
  1227. w.ateacher == userid,
  1228. }">
  1229. {{ JSON.parse(w.score).wScore }}分
  1230. </div>
  1231. <div class="answerScore" @click.stop="openScore(w)"
  1232. v-else-if="courseDetail.userid == userid" :class="{
  1233. rightW:
  1234. w.userid == userid ||
  1235. tType == 1 ||
  1236. tType == 4 ||
  1237. w.ateacher == userid,
  1238. }">
  1239. 评分
  1240. </div>
  1241. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1242. " @click.stop="deleteWorks(w.wid)" alt />
  1243. </div>
  1244. <div class="workImg" v-if="w.type == 12">
  1245. <img style="cursor: pointer" :src="word2" @click="downloadFile(w.works)" alt />
  1246. <!-- @click="openVideo(w.works)" -->
  1247. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1248. rightW:
  1249. w.userid == userid ||
  1250. tType == 1 ||
  1251. tType == 4 ||
  1252. w.ateacher == userid,
  1253. }">
  1254. {{ JSON.parse(w.score).wScore }}分
  1255. </div>
  1256. <div class="answerScore" @click.stop="openScore(w)"
  1257. v-else-if="courseDetail.userid == userid" :class="{
  1258. rightW:
  1259. w.userid == userid ||
  1260. tType == 1 ||
  1261. tType == 4 ||
  1262. w.ateacher == userid,
  1263. }">
  1264. 评分
  1265. </div>
  1266. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1267. " @click.stop="deleteWorks(w.wid)" alt />
  1268. </div>
  1269. <div class="comment" style="min-width: 200px">
  1270. <div class="worksName">
  1271. <div>{{ w.sName }}</div>
  1272. </div>
  1273. <div class="commentList">
  1274. <div class="commentList">
  1275. <div class="commentImg" @click="
  1276. isLikes(w.wid, userid, 1, null, w.isLikes)
  1277. ">
  1278. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  1279. </div>
  1280. <div>{{ w.likesCount }}</div>
  1281. </div>
  1282. <div class="commentList" style="margin-right: 15px">
  1283. <div class="commentImg" @click="
  1284. commentOther(
  1285. w,
  1286. toolIndex,
  1287. wIndex,
  1288. null,
  1289. g.id
  1290. )
  1291. ">
  1292. <img src="../assets/icon/comment/comment.png" alt="" />
  1293. </div>
  1294. <div>{{ w.commentCount }}</div>
  1295. </div>
  1296. </div>
  1297. </div>
  1298. </div>
  1299. </div>
  1300. <div class="group_work" v-else>暂无提交作业</div>
  1301. </div>
  1302. </div>
  1303. <div class="worksDetailBox" v-if="worksStudent.length &&
  1304. worksStudent[toolIndex].length > 0
  1305. ">
  1306. <div class="works" style="
  1307. width: 200px;
  1308. height: 140px;
  1309. margin: 10px 10px 10px 0;
  1310. border-radius: 15px;
  1311. box-shadow: 0 0 6px 1px #dfdada;
  1312. " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  1313. 0
  1314. ? worksStudent[toolIndex]
  1315. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex" :class="w.type == 1 ? 'isTypeOne' : ''">
  1316. <div class="workImg" v-if="w.type == 0">
  1317. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  1318. <img :src="w.works" @click="previewImg(w.works)" alt />
  1319. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1320. rightW:
  1321. w.userid == userid ||
  1322. tType == 1 ||
  1323. tType == 4 ||
  1324. w.ateacher == userid,
  1325. }">
  1326. {{ JSON.parse(w.score).wScore }}分
  1327. </div>
  1328. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  1329. :class="{
  1330. rightW:
  1331. w.userid == userid ||
  1332. tType == 1 ||
  1333. tType == 4 ||
  1334. w.ateacher == userid,
  1335. }">
  1336. 评分
  1337. </div>
  1338. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1339. " @click.stop="deleteWorks(w.wid)" alt />
  1340. </div>
  1341. <div class="workImg" v-if="w.type == 1">
  1342. <img :src="word" @click="openFile(w.works)" alt />
  1343. <!-- @click="openFile(w.works)" -->
  1344. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1345. rightW:
  1346. w.userid == userid ||
  1347. tType == 1 ||
  1348. tType == 4 ||
  1349. w.ateacher == userid,
  1350. }">
  1351. {{ JSON.parse(w.score).wScore }}分
  1352. </div>
  1353. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  1354. :class="{
  1355. rightW:
  1356. w.userid == userid ||
  1357. tType == 1 ||
  1358. tType == 4 ||
  1359. w.ateacher == userid,
  1360. }">
  1361. 评分
  1362. </div>
  1363. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1364. " @click.stop="deleteWorks(w.wid)" alt />
  1365. </div>
  1366. <div class="workImg" v-if="w.type == 3">
  1367. <img style="cursor: pointer" :src="video" @click="openVideo(w)" alt />
  1368. <!-- @click="openVideo(w.works)" -->
  1369. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1370. rightW:
  1371. w.userid == userid ||
  1372. tType == 1 ||
  1373. tType == 4 ||
  1374. w.ateacher == userid,
  1375. }">
  1376. {{ JSON.parse(w.score).wScore }}分
  1377. </div>
  1378. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  1379. :class="{
  1380. rightW:
  1381. w.userid == userid ||
  1382. tType == 1 ||
  1383. tType == 4 ||
  1384. w.ateacher == userid,
  1385. }">
  1386. 评分
  1387. </div>
  1388. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1389. " @click.stop="deleteWorks(w.wid)" alt />
  1390. </div>
  1391. <div class="workImg" v-if="w.type == 12">
  1392. <img style="cursor: pointer" :src="word2" @click="downloadFile(w.works)" alt />
  1393. <!-- @click="openVideo(w.works)" -->
  1394. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1395. rightW:
  1396. w.userid == userid ||
  1397. tType == 1 ||
  1398. tType == 4 ||
  1399. w.ateacher == userid,
  1400. }">
  1401. {{ JSON.parse(w.score).wScore }}分
  1402. </div>
  1403. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  1404. :class="{
  1405. rightW:
  1406. w.userid == userid ||
  1407. tType == 1 ||
  1408. tType == 4 ||
  1409. w.ateacher == userid,
  1410. }">
  1411. 评分
  1412. </div>
  1413. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1414. " @click.stop="deleteWorks(w.wid)" alt />
  1415. </div>
  1416. <div class="comment" style="min-width: 200px">
  1417. <div class="worksName">
  1418. <div>{{ w.sName }}</div>
  1419. </div>
  1420. <div class="commentList">
  1421. <div class="commentList">
  1422. <div class="commentImg" @click="
  1423. isLikes(w.wid, userid, 1, null, w.isLikes)
  1424. ">
  1425. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  1426. </div>
  1427. <div>{{ w.likesCount }}</div>
  1428. </div>
  1429. <div class="commentList" style="margin-right: 15px">
  1430. <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
  1431. <img src="../assets/icon/comment/comment.png" alt="" />
  1432. </div>
  1433. <div>{{ w.commentCount }}</div>
  1434. </div>
  1435. </div>
  1436. </div>
  1437. </div>
  1438. </div>
  1439. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  1440. 未提交
  1441. </div>
  1442. <div class="noWorksS">
  1443. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  1444. @click="teacherWorkSubmit(16, toolIndex, taskCount, s)">
  1445. {{ s.student }}
  1446. </div>
  1447. </div>
  1448. </div>
  1449. <div v-if="tType &&
  1450. ((tType == 2 && sIsOpen == true) ||
  1451. tType == 1 ||
  1452. tType == 4) &&
  1453. tool.tool.indexOf(32) != -1
  1454. " class="worksBox">
  1455. <div class="zuoyeYulan" v-if="worksStudent.length &&
  1456. worksStudent[toolIndex].length > 0
  1457. ">
  1458. <div class="worksTop">
  1459. <div>作业预览</div>
  1460. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  1461. isCloseList[toolIndex].isClose == 0
  1462. ">
  1463. 收缩
  1464. </div>
  1465. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  1466. 展开
  1467. </div>
  1468. </div>
  1469. </div>
  1470. <div class="worksDetailBox" v-if="worksStudent.length &&
  1471. worksStudent[toolIndex].length > 0
  1472. ">
  1473. <div class="works" style="
  1474. width: 200px;
  1475. height: 140px;
  1476. margin: 10px 10px 10px 0;
  1477. border-radius: 15px;
  1478. box-shadow: 0 0 6px 1px #dfdada;
  1479. " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  1480. 0
  1481. ? worksStudent[toolIndex]
  1482. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex" :class="w.type == 1 ? 'isTypeOne' : ''">
  1483. <div class="workImg">
  1484. <img :src="word2" @click="downloadFile(w.works)" alt />
  1485. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1486. rightW:
  1487. w.userid == userid ||
  1488. tType == 1 ||
  1489. tType == 4 ||
  1490. w.ateacher == userid,
  1491. }">
  1492. {{ JSON.parse(w.score).wScore }}分
  1493. </div>
  1494. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  1495. :class="{
  1496. rightW:
  1497. w.userid == userid ||
  1498. tType == 1 ||
  1499. tType == 4 ||
  1500. w.ateacher == userid,
  1501. }">
  1502. 评分
  1503. </div>
  1504. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1505. " @click.stop="deleteWorks(w.wid)" alt />
  1506. </div>
  1507. <div class="comment" style="min-width: 200px">
  1508. <div class="worksName">
  1509. <div>{{ w.sName }}</div>
  1510. </div>
  1511. <div class="commentList">
  1512. <div class="commentList">
  1513. <div class="commentImg" @click="
  1514. isLikes(w.wid, userid, 1, null, w.isLikes)
  1515. ">
  1516. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  1517. </div>
  1518. <div>{{ w.likesCount }}</div>
  1519. </div>
  1520. <div class="commentList" style="margin-right: 15px">
  1521. <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
  1522. <img src="../assets/icon/comment/comment.png" alt="" />
  1523. </div>
  1524. <div>{{ w.commentCount }}</div>
  1525. </div>
  1526. </div>
  1527. </div>
  1528. </div>
  1529. </div>
  1530. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  1531. 未提交
  1532. </div>
  1533. <div class="noWorksS">
  1534. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  1535. @click="teacherWorkSubmit(32, toolIndex, taskCount, s)">
  1536. {{ s.student }}
  1537. </div>
  1538. </div>
  1539. </div>
  1540. <div v-if="tType &&
  1541. ((tType == 2 && sIsOpen == true) ||
  1542. tType == 1 ||
  1543. tType == 4) &&
  1544. tool.tool.indexOf(57) != -1
  1545. " class="worksBox">
  1546. <div class="zuoyeYulan" v-if="worksStudent.length &&
  1547. worksStudent[toolIndex].length > 0
  1548. ">
  1549. <div class="worksTop">
  1550. <div>作业预览</div>
  1551. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  1552. isCloseList[toolIndex].isClose == 0
  1553. ">
  1554. 收缩
  1555. </div>
  1556. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  1557. 展开
  1558. </div>
  1559. </div>
  1560. </div>
  1561. <div class="worksDetailBox" v-if="worksStudent.length &&
  1562. worksStudent[toolIndex].length > 0
  1563. ">
  1564. <div class="works" style="
  1565. width: 200px;
  1566. height: 140px;
  1567. margin: 10px 10px 10px 0;
  1568. border-radius: 15px;
  1569. box-shadow: 0 0 6px 1px #dfdada;
  1570. " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  1571. 0
  1572. ? worksStudent[toolIndex]
  1573. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex" :class="w.type == 1 ? 'isTypeOne' : ''">
  1574. <div class="workImg">
  1575. <img :src="word2" @click="downloadFile(w.works)" v-if="w.type == 12" alt />
  1576. <img :src="word2" @click="openCocoPi(57, toolIndex, w.userid, w.sName)" v-else-if="w.type == 15"
  1577. alt />
  1578. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1579. rightW:
  1580. w.userid == userid ||
  1581. tType == 1 ||
  1582. tType == 4 ||
  1583. w.ateacher == userid,
  1584. }">
  1585. {{ JSON.parse(w.score).wScore }}分
  1586. </div>
  1587. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  1588. :class="{
  1589. rightW:
  1590. w.userid == userid ||
  1591. tType == 1 ||
  1592. tType == 4 ||
  1593. w.ateacher == userid,
  1594. }">
  1595. 评分
  1596. </div>
  1597. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1598. " @click.stop="deleteWorks(w.wid)" alt />
  1599. </div>
  1600. <div class="comment" style="min-width: 200px">
  1601. <div class="worksName">
  1602. <div>{{ w.sName }}</div>
  1603. </div>
  1604. <div class="commentList">
  1605. <div class="commentList">
  1606. <div class="commentImg" @click="
  1607. isLikes(w.wid, userid, 1, null, w.isLikes)
  1608. ">
  1609. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  1610. </div>
  1611. <div>{{ w.likesCount }}</div>
  1612. </div>
  1613. <div class="commentList" style="margin-right: 15px">
  1614. <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
  1615. <img src="../assets/icon/comment/comment.png" alt="" />
  1616. </div>
  1617. <div>{{ w.commentCount }}</div>
  1618. </div>
  1619. </div>
  1620. </div>
  1621. </div>
  1622. </div>
  1623. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  1624. 未提交
  1625. </div>
  1626. <div class="noWorksS">
  1627. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  1628. @click="teacherWorkSubmit(57, toolIndex, taskCount, s)">
  1629. {{ s.student }}
  1630. </div>
  1631. </div>
  1632. </div>
  1633. <div v-if="tool.tool.indexOf(50) != -1" class="worksBox">
  1634. <div class="zuoyeYulan" v-if="worksStudent.length &&
  1635. worksStudent[toolIndex].length > 0
  1636. ">
  1637. <span>作业预览</span>
  1638. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  1639. isCloseList[toolIndex].isClose == 0
  1640. ">
  1641. 收缩
  1642. </div>
  1643. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  1644. 展开
  1645. </div>
  1646. </div>
  1647. <div class="worksDetailBox" v-if="worksStudent.length &&
  1648. worksStudent[toolIndex].length > 0
  1649. ">
  1650. <div class="works" style="
  1651. width: 200px;
  1652. height: 140px;
  1653. margin: 10px 10px 10px 0;
  1654. border-radius: 15px;
  1655. box-shadow: 0 0 6px 1px #dfdada;
  1656. " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  1657. 0
  1658. ? worksStudent[toolIndex]
  1659. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex" :class="w.type == 1 ? 'isTypeOne' : ''">
  1660. <div class="workImg" v-if="w.type == 0">
  1661. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  1662. <img :src="w.works" @click="previewImg(w.works)" alt />
  1663. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1664. rightW:
  1665. w.userid == userid ||
  1666. tType == 1 ||
  1667. tType == 4 ||
  1668. w.ateacher == userid,
  1669. }">
  1670. {{ JSON.parse(w.score).wScore }}分
  1671. </div>
  1672. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  1673. :class="{
  1674. rightW:
  1675. w.userid == userid ||
  1676. tType == 1 ||
  1677. tType == 4 ||
  1678. w.ateacher == userid,
  1679. }">
  1680. 评分
  1681. </div>
  1682. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1683. " @click.stop="deleteWorks(w.wid)" alt />
  1684. </div>
  1685. <div class="workImg" style="cursor: pointer" v-if="w.type == 1">
  1686. <img :src="word" @click="openFile(w.works)" alt />
  1687. <!-- @click="openFile(w.works)" -->
  1688. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1689. rightW:
  1690. w.userid == userid ||
  1691. tType == 1 ||
  1692. tType == 4 ||
  1693. w.ateacher == userid,
  1694. }">
  1695. {{ JSON.parse(w.score).wScore }}分
  1696. </div>
  1697. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  1698. :class="{
  1699. rightW:
  1700. w.userid == userid ||
  1701. tType == 1 ||
  1702. tType == 4 ||
  1703. w.ateacher == userid,
  1704. }">
  1705. 评分
  1706. </div>
  1707. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1708. " @click.stop="deleteWorks(w.wid)" alt />
  1709. </div>
  1710. <div class="workImg" v-if="w.type == 3">
  1711. <img style="cursor: pointer" :src="video" @click="openVideo(w)" alt />
  1712. <!-- @click="openVideo(w.works)" -->
  1713. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  1714. rightW:
  1715. w.userid == userid ||
  1716. tType == 1 ||
  1717. tType == 4 ||
  1718. w.ateacher == userid,
  1719. }">
  1720. {{ JSON.parse(w.score).wScore }}分
  1721. </div>
  1722. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  1723. :class="{
  1724. rightW:
  1725. w.userid == userid ||
  1726. tType == 1 ||
  1727. tType == 4 ||
  1728. w.ateacher == userid,
  1729. }">
  1730. 评分
  1731. </div>
  1732. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1733. " @click.stop="deleteWorks(w.wid)" alt />
  1734. </div>
  1735. <div class="comment" style="min-width: 200px">
  1736. <div class="worksName">
  1737. <div style="cursor: pointer" @click="openSname(w.sName, w.wid, toolIndex)">
  1738. {{ w.sName }}
  1739. </div>
  1740. </div>
  1741. <div class="commentList">
  1742. <div class="commentList">
  1743. <div class="commentImg" @click="
  1744. isLikes(w.wid, userid, 1, null, w.isLikes)
  1745. ">
  1746. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  1747. </div>
  1748. <div>{{ w.likesCount }}</div>
  1749. </div>
  1750. <div class="commentList" style="margin-right: 15px">
  1751. <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
  1752. <img src="../assets/icon/comment/comment.png" alt="" />
  1753. </div>
  1754. <div>{{ w.commentCount }}</div>
  1755. </div>
  1756. </div>
  1757. </div>
  1758. </div>
  1759. </div>
  1760. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  1761. 未提交
  1762. </div>
  1763. <div class="noWorksS">
  1764. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  1765. @click="teacherWorkSubmit(50, toolIndex, taskCount, s)">
  1766. {{ s.student }}
  1767. </div>
  1768. </div>
  1769. </div>
  1770. <div v-if="tType &&
  1771. ((tType == 2 && sIsOpen == true) ||
  1772. tType == 1 ||
  1773. tType == 4) &&
  1774. tool.tool.indexOf(4) != -1 &&
  1775. (tool.askJson[0].answer ||
  1776. tool.askJson[0].answer === 0) &&
  1777. checkJson[toolIndex].length
  1778. " class="xuan_right_box">
  1779. <div class="tool_right_box" v-for="(item, index) in tool.askJson" :key="index">
  1780. <div>
  1781. <span>{{ index + 1 + "、" + item.askstitle }}</span>
  1782. </div>
  1783. <div class="right_box_xuan">
  1784. <span>正确率</span>
  1785. <span>{{
  1786. (checkJson[toolIndex][index].right
  1787. ? checkJson[toolIndex][index].right
  1788. : 0) + "%"
  1789. }}</span>
  1790. </div>
  1791. </div>
  1792. </div>
  1793. <div class="xuan_right_box" style="background: unset" v-if="tType &&
  1794. ((tType == 2 && sIsOpen == true) ||
  1795. tType == 1 ||
  1796. tType == 4) &&
  1797. tool.tool.indexOf(4) != -1
  1798. ">
  1799. <AskStatic v-if="worksStudent.length &&
  1800. worksStudent[toolIndex].length > 0
  1801. " :askJSON="tool" :checkJson="checkJson[toolIndex]"></AskStatic>
  1802. </div>
  1803. <div v-if="tType &&
  1804. ((tType == 2 && sIsOpen == true) ||
  1805. tType == 1 ||
  1806. tType == 4) &&
  1807. tool.tool.indexOf(4) != -1
  1808. " class="worksBox">
  1809. <div class="zuoyeYulan" v-if="worksStudent.length &&
  1810. worksStudent[toolIndex].length > 0
  1811. ">
  1812. <div class="worksTop">
  1813. <div>作业预览</div>
  1814. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  1815. isCloseList[toolIndex].isClose == 0
  1816. ">
  1817. 收缩
  1818. </div>
  1819. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  1820. 展开
  1821. </div>
  1822. </div>
  1823. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1824. </div>
  1825. <div>
  1826. <div class="worksDetailBox" v-if="worksStudent.length &&
  1827. worksStudent[toolIndex].length > 0
  1828. ">
  1829. <div v-for="(w, wIndex) in isCloseList[toolIndex]
  1830. .isClose == 0
  1831. ? worksStudent[toolIndex]
  1832. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex" class="isWorksName" @click="
  1833. openTools(4, toolIndex, taskCount, w.works, w.sName)
  1834. ">
  1835. {{ w.sName }}
  1836. <img class="deleteImg deleteImg2" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1837. " @click.stop="deleteWorks(w.wid)" alt />
  1838. </div>
  1839. <!-- <div class="works" style="
  1840. width: 200px;
  1841. height: 140px;
  1842. border-radius: 10px;
  1843. box-shadow: 0 0 6px 1px #dfdada;
  1844. overflow: hidden;
  1845. " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex">
  1846. <div class="workImg">
  1847. <img src="../assets/icon/works/noImg.png" @click="
  1848. openTools(
  1849. 4,
  1850. toolIndex,
  1851. taskCount,
  1852. w.works,
  1853. w.sName
  1854. )
  1855. " alt />
  1856. </div>
  1857. <div class="worksName">
  1858. <div>{{ w.sName }}</div>
  1859. <div>{{ w.time }}</div>
  1860. </div>
  1861. </div> -->
  1862. </div>
  1863. </div>
  1864. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  1865. 未提交
  1866. </div>
  1867. <div class="noWorksS">
  1868. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  1869. @click="teacherWorkSubmit(4, toolIndex, taskCount, s)">
  1870. {{ s.student }}
  1871. </div>
  1872. </div>
  1873. </div>
  1874. <div v-if="tType &&
  1875. ((tType == 2 && sIsOpen == true) ||
  1876. tType == 1 ||
  1877. tType == 4) &&
  1878. tool.tool.indexOf(45) != -1 &&
  1879. (tool.testJson.testJson[0].answer ||
  1880. tool.testJson.testJson[0].answer === 0) &&
  1881. checkJson[toolIndex].length
  1882. " class="xuan_right_box">
  1883. <div class="tool_right_box" v-for="(item, index) in tool.testJson.testJson" :key="index">
  1884. <div>
  1885. <span>{{ index + 1 + "、" + item.teststitle }}</span>
  1886. </div>
  1887. <div class="right_box_xuan">
  1888. <span>正确率</span>
  1889. <span>{{
  1890. (checkJson[toolIndex][index].right
  1891. ? checkJson[toolIndex][index].right
  1892. : 0) + "%"
  1893. }}</span>
  1894. </div>
  1895. </div>
  1896. </div>
  1897. <div class="xuan_right_box" style="background: unset" v-if="tType &&
  1898. ((tType == 2 && sIsOpen == true) ||
  1899. tType == 1 ||
  1900. tType == 4) &&
  1901. tool.tool.indexOf(45) != -1
  1902. ">
  1903. <AskStatic2 v-if="worksStudent.length &&
  1904. worksStudent[toolIndex].length > 0
  1905. " :askJSON="tool" :checkJson="checkJson[toolIndex]"></AskStatic2>
  1906. </div>
  1907. <div v-if="tType &&
  1908. ((tType == 2 && sIsOpen == true) ||
  1909. tType == 1 ||
  1910. tType == 4) &&
  1911. tool.tool.indexOf(45) != -1
  1912. " class="worksBox">
  1913. <div class="zuoyeYulan" v-if="worksStudent.length &&
  1914. worksStudent[toolIndex].length > 0
  1915. ">
  1916. <div class="worksTop">
  1917. <div>作业预览</div>
  1918. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  1919. isCloseList[toolIndex].isClose == 0
  1920. ">
  1921. 收缩
  1922. </div>
  1923. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  1924. 展开
  1925. </div>
  1926. </div>
  1927. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1928. </div>
  1929. <div>
  1930. <div class="worksDetailBox" v-if="worksStudent.length &&
  1931. worksStudent[toolIndex].length > 0
  1932. ">
  1933. <div v-for="(w, wIndex) in isCloseList[toolIndex]
  1934. .isClose == 0
  1935. ? worksStudent[toolIndex]
  1936. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex" class="isWorksName" @click="
  1937. openTools(
  1938. 45,
  1939. toolIndex,
  1940. taskCount,
  1941. w.works,
  1942. w.sName
  1943. )
  1944. ">
  1945. {{ w.sName }}
  1946. <img class="deleteImg deleteImg2" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  1947. " @click.stop="deleteWorks(w.wid)" alt />
  1948. </div>
  1949. </div>
  1950. </div>
  1951. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  1952. 未提交
  1953. </div>
  1954. <div class="noWorksS">
  1955. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  1956. @click="teacherWorkSubmit(45, toolIndex, taskCount, s)">
  1957. {{ s.student }}
  1958. </div>
  1959. </div>
  1960. </div>
  1961. <div v-if="tType &&
  1962. ((tType == 2 && sIsOpen == true) ||
  1963. tType == 1 ||
  1964. tType == 4) &&
  1965. tool.tool.indexOf(15) != -1
  1966. " class="worksBox">
  1967. <div class="zuoyeYulan" v-if="worksStudent.length &&
  1968. worksStudent[toolIndex].length > 0
  1969. ">
  1970. <div class="worksTop">
  1971. <div>作业预览</div>
  1972. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  1973. isCloseList[toolIndex].isClose == 0
  1974. ">
  1975. 收缩
  1976. </div>
  1977. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  1978. 展开
  1979. </div>
  1980. </div>
  1981. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1982. </div>
  1983. <div class="group_workBox" v-for="(g, gindex) in courseGroup.group" :key="gindex">
  1984. <div class="group_box">
  1985. <div class="group_title">
  1986. <el-tooltip class="item" effect="light" :content="g.name" placement="top">
  1987. <div class="group_name">{{ g.name }}</div>
  1988. </el-tooltip>
  1989. </div>
  1990. <div class="group_work" v-if="g.works &&
  1991. g.works.length &&
  1992. g.works[toolIndex].length
  1993. ">
  1994. <div class="works" v-for="(w, wIndex) in g.works[toolIndex]" :key="wIndex">
  1995. <div class="workImg" style="
  1996. border-radius: 15px;
  1997. box-shadow: #eee 0px 0px 5px 5px;
  1998. ">
  1999. <div class="answerBg" style="border-radius: 15px 15px 0 0" @click="
  2000. commentOther(w, toolIndex, wIndex, null, g.id)
  2001. ">
  2002. <div class="answerContent">
  2003. {{ JSON.parse(w.works)[0].answer }}
  2004. </div>
  2005. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  2006. rightW:
  2007. w.userid == userid ||
  2008. tType == 1 ||
  2009. tType == 4,
  2010. }">
  2011. {{ JSON.parse(w.score).wScore }}分
  2012. </div>
  2013. <div class="answerScore" @click.stop="openScore(w)"
  2014. v-else-if="courseDetail.userid == userid" :class="{
  2015. rightW:
  2016. w.userid == userid ||
  2017. tType == 1 ||
  2018. tType == 4,
  2019. }">
  2020. 评分
  2021. </div>
  2022. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid ||
  2023. tType == 1 ||
  2024. tType == 4
  2025. " @click.stop="deleteWorks(w.wid)" alt />
  2026. </div>
  2027. <div class="comment">
  2028. <div class="worksName">
  2029. <div>{{ w.sName }}</div>
  2030. </div>
  2031. <div class="commentList">
  2032. <div class="commentImg" @click="
  2033. isLikes(w.wid, userid, 1, null, w.isLikes)
  2034. ">
  2035. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  2036. </div>
  2037. <div>{{ w.likesCount }}</div>
  2038. </div>
  2039. <div class="commentList" style="margin-right: 15px">
  2040. <div class="commentImg" @click="
  2041. commentOther(
  2042. w,
  2043. toolIndex,
  2044. wIndex,
  2045. null,
  2046. g.id
  2047. )
  2048. ">
  2049. <img src="../assets/icon/comment/comment.png" alt="" />
  2050. </div>
  2051. <div>{{ w.commentCount }}</div>
  2052. </div>
  2053. </div>
  2054. </div>
  2055. </div>
  2056. </div>
  2057. <div class="group_work" v-else>暂无提交作业</div>
  2058. </div>
  2059. </div>
  2060. <div class="worksDetailBox" v-if="worksStudent.length &&
  2061. worksStudent[toolIndex].length > 0
  2062. ">
  2063. <div class="works" v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  2064. 0
  2065. ? worksStudent[toolIndex]
  2066. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex">
  2067. <div class="workImg" style="
  2068. border-radius: 15px;
  2069. box-shadow: #eee 0px 0px 5px 5px;
  2070. ">
  2071. <!-- <img
  2072. src="../assets/icon/works/noImg.png"
  2073. @click="openTools(15, toolIndex, taskCount, w.works)"
  2074. alt=""
  2075. />-->
  2076. <div class="answerBg" style="border-radius: 15px 15px 0 0"
  2077. @click="commentOther(w, toolIndex, wIndex)">
  2078. <!-- <div>{{ w.sName }}</div> -->
  2079. <div class="answerContent">
  2080. {{ JSON.parse(w.works)[0].answer }}
  2081. </div>
  2082. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  2083. rightW:
  2084. w.userid == userid ||
  2085. tType == 1 ||
  2086. tType == 4,
  2087. }">
  2088. {{ JSON.parse(w.score).wScore }}分
  2089. </div>
  2090. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  2091. :class="{
  2092. rightW:
  2093. w.userid == userid ||
  2094. tType == 1 ||
  2095. tType == 4,
  2096. }">
  2097. 评分
  2098. </div>
  2099. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  2100. " @click.stop="deleteWorks(w.wid)" alt />
  2101. </div>
  2102. <div class="comment">
  2103. <div class="worksName">
  2104. <div>{{ w.sName }}</div>
  2105. </div>
  2106. <div class="commentList">
  2107. <div class="commentImg" @click="
  2108. isLikes(w.wid, userid, 1, null, w.isLikes)
  2109. ">
  2110. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  2111. </div>
  2112. <div>{{ w.likesCount }}</div>
  2113. </div>
  2114. <div class="commentList" style="margin-right: 15px">
  2115. <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
  2116. <img src="../assets/icon/comment/comment.png" alt="" />
  2117. </div>
  2118. <div>{{ w.commentCount }}</div>
  2119. </div>
  2120. </div>
  2121. </div>
  2122. </div>
  2123. </div>
  2124. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  2125. 未提交
  2126. </div>
  2127. <div class="noWorksS">
  2128. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  2129. @click="teacherWorkSubmit(15, toolIndex, taskCount, s)">
  2130. {{ s.student }}
  2131. </div>
  2132. </div>
  2133. </div>
  2134. <div v-if="tType &&
  2135. ((tType == 2 && sIsOpen == true) ||
  2136. tType == 1 ||
  2137. tType == 4) &&
  2138. tool.tool.indexOf(1) != -1
  2139. " class="worksBox">
  2140. <div class="zuoyeYulan" v-if="worksStudent.length &&
  2141. worksStudent[toolIndex].length > 0
  2142. ">
  2143. <div class="worksTop">
  2144. <div>作业预览</div>
  2145. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  2146. isCloseList[toolIndex].isClose == 0
  2147. ">
  2148. 收缩
  2149. </div>
  2150. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  2151. 展开
  2152. </div>
  2153. </div>
  2154. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2155. </div>
  2156. <div class="group_workBox" v-for="(g, gindex) in courseGroup.group" :key="gindex">
  2157. <div class="group_box">
  2158. <div class="group_title">
  2159. <el-tooltip class="item" effect="light" :content="g.name" placement="top">
  2160. <div class="group_name">{{ g.name }}</div>
  2161. </el-tooltip>
  2162. </div>
  2163. <div class="group_work" v-if="g.works &&
  2164. g.works.length &&
  2165. g.works[toolIndex].length
  2166. ">
  2167. <div class="works" style="
  2168. width: 200px;
  2169. height: 140px;
  2170. margin: 10px 10px 10px 0;
  2171. border-radius: 15px;
  2172. box-shadow: 0 0 6px 1px #dfdada;
  2173. " v-for="(w, wIndex) in g.works[toolIndex]" :key="wIndex"
  2174. :class="w.type == 1 ? 'isTypeOne' : ''">
  2175. <div class="workImg">
  2176. <img :src="w.works" @click="previewImg(w.works)" alt />
  2177. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  2178. rightW:
  2179. w.userid == userid ||
  2180. tType == 1 ||
  2181. tType == 4,
  2182. }">
  2183. {{ JSON.parse(w.score).wScore }}分
  2184. </div>
  2185. <div class="answerScore" @click.stop="openScore(w)"
  2186. v-else-if="courseDetail.userid == userid" :class="{
  2187. rightW:
  2188. w.userid == userid ||
  2189. tType == 1 ||
  2190. tType == 4,
  2191. }">
  2192. 评分
  2193. </div>
  2194. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  2195. " @click.stop="deleteWorks(w.wid)" alt />
  2196. </div>
  2197. <div class="comment" style="min-width: 200px">
  2198. <div class="worksName">
  2199. <div>{{ w.sName }}</div>
  2200. </div>
  2201. <div class="commentList">
  2202. <div class="commentList">
  2203. <div class="commentImg" @click="
  2204. isLikes(w.wid, userid, 1, null, w.isLikes)
  2205. ">
  2206. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  2207. </div>
  2208. <div>{{ w.likesCount }}</div>
  2209. </div>
  2210. <div class="commentList" style="margin-right: 15px">
  2211. <div class="commentImg" @click="
  2212. commentOther(
  2213. w,
  2214. toolIndex,
  2215. wIndex,
  2216. null,
  2217. g.id
  2218. )
  2219. ">
  2220. <img src="../assets/icon/comment/comment.png" alt="" />
  2221. </div>
  2222. <div>{{ w.commentCount }}</div>
  2223. </div>
  2224. </div>
  2225. </div>
  2226. </div>
  2227. </div>
  2228. <div class="group_work" v-else>暂无提交作业</div>
  2229. </div>
  2230. </div>
  2231. <div class="worksDetailBox" v-if="worksStudent.length &&
  2232. worksStudent[toolIndex].length > 0
  2233. ">
  2234. <div class="works" style="
  2235. width: 200px;
  2236. height: 140px;
  2237. margin: 10px 10px 10px 0;
  2238. border-radius: 15px;
  2239. box-shadow: 0 0 6px 1px #dfdada;
  2240. " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  2241. 0
  2242. ? worksStudent[toolIndex]
  2243. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex">
  2244. <!-- @click="previewImg(w.works)" @click="commentOther(w, toolIndex, wIndex)"-->
  2245. <div class="workImg">
  2246. <img :src="w.works" @click="previewImg(w.works)" alt />
  2247. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  2248. rightW:
  2249. w.userid == userid || tType == 1 || tType == 4,
  2250. }">
  2251. {{ JSON.parse(w.score).wScore }}分
  2252. </div>
  2253. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  2254. :class="{
  2255. rightW:
  2256. w.userid == userid || tType == 1 || tType == 4,
  2257. }">
  2258. 评分
  2259. </div>
  2260. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  2261. " @click.stop="deleteWorks(w.wid)" alt />
  2262. </div>
  2263. <div class="comment" style="min-width: 200px">
  2264. <div class="worksName">
  2265. <div>{{ w.sName }}</div>
  2266. </div>
  2267. <div class="commentList">
  2268. <div class="commentList">
  2269. <div class="commentImg" @click="
  2270. isLikes(w.wid, userid, 1, null, w.isLikes)
  2271. ">
  2272. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  2273. </div>
  2274. <div>{{ w.likesCount }}</div>
  2275. </div>
  2276. <div class="commentList" style="margin-right: 15px">
  2277. <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
  2278. <img src="../assets/icon/comment/comment.png" alt="" />
  2279. </div>
  2280. <div>{{ w.commentCount }}</div>
  2281. </div>
  2282. </div>
  2283. </div>
  2284. </div>
  2285. </div>
  2286. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  2287. 未提交
  2288. </div>
  2289. <div class="noWorksS">
  2290. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  2291. @click="teacherWorkSubmit(1, toolIndex, taskCount, s)">
  2292. {{ s.student }}
  2293. </div>
  2294. </div>
  2295. </div>
  2296. <div v-if="tType &&
  2297. ((tType == 2 && sIsOpen == true) ||
  2298. tType == 1 ||
  2299. tType == 4) &&
  2300. tool.tool.indexOf(3) != -1
  2301. " class="worksBox">
  2302. <div class="zuoyeYulan" v-if="worksStudent.length &&
  2303. worksStudent[toolIndex].length > 0
  2304. ">
  2305. <div class="worksTop">
  2306. <div>作业预览</div>
  2307. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  2308. isCloseList[toolIndex].isClose == 0
  2309. ">
  2310. 收缩
  2311. </div>
  2312. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  2313. 展开
  2314. </div>
  2315. </div>
  2316. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2317. </div>
  2318. <div class="group_workBox" v-for="(g, gindex) in courseGroup.group" :key="gindex">
  2319. <div class="group_box">
  2320. <div class="group_title">
  2321. <el-tooltip class="item" effect="light" :content="g.name" placement="top">
  2322. <div class="group_name">{{ g.name }}</div>
  2323. </el-tooltip>
  2324. </div>
  2325. <div class="group_work" v-if="g.works &&
  2326. g.works.length &&
  2327. g.works[toolIndex].length
  2328. ">
  2329. <div class="works" style="
  2330. width: 200px;
  2331. height: 140px;
  2332. margin: 10px 10px 10px 0;
  2333. border-radius: 15px;
  2334. box-shadow: 0 0 6px 1px #dfdada;
  2335. " v-for="(w, wIndex) in g.works[toolIndex]" :key="wIndex"
  2336. :class="w.type == 1 ? 'isTypeOne' : ''">
  2337. <div class="workImg">
  2338. <img :src="w.works" @click="previewImg(w.works)" alt />
  2339. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  2340. rightW:
  2341. w.userid == userid ||
  2342. tType == 1 ||
  2343. tType == 4,
  2344. }">
  2345. {{ JSON.parse(w.score).wScore }}分
  2346. </div>
  2347. <div class="answerScore" @click.stop="openScore(w)"
  2348. v-else-if="courseDetail.userid == userid" :class="{
  2349. rightW:
  2350. w.userid == userid ||
  2351. tType == 1 ||
  2352. tType == 4,
  2353. }">
  2354. 评分
  2355. </div>
  2356. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  2357. " @click.stop="deleteWorks(w.wid)" alt />
  2358. </div>
  2359. <div class="comment" style="min-width: 200px">
  2360. <div class="worksName">
  2361. <div>{{ w.sName }}</div>
  2362. </div>
  2363. <div class="commentList">
  2364. <div class="commentList">
  2365. <div class="commentImg" @click="
  2366. isLikes(w.wid, userid, 1, null, w.isLikes)
  2367. ">
  2368. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  2369. </div>
  2370. <div>{{ w.likesCount }}</div>
  2371. </div>
  2372. <div class="commentList" style="margin-right: 15px">
  2373. <div class="commentImg" @click="
  2374. commentOther(
  2375. w,
  2376. toolIndex,
  2377. wIndex,
  2378. null,
  2379. g.id
  2380. )
  2381. ">
  2382. <img src="../assets/icon/comment/comment.png" alt="" />
  2383. </div>
  2384. <div>{{ w.commentCount }}</div>
  2385. </div>
  2386. </div>
  2387. </div>
  2388. </div>
  2389. </div>
  2390. <div class="group_work" v-else>暂无提交作业</div>
  2391. </div>
  2392. </div>
  2393. <div class="worksDetailBox" v-if="worksStudent.length &&
  2394. worksStudent[toolIndex].length > 0
  2395. ">
  2396. <div class="works" style="
  2397. width: 200px;
  2398. height: 140px;
  2399. margin: 10px 10px 10px 0;
  2400. border-radius: 15px;
  2401. box-shadow: 0 0 6px 1px #dfdada;
  2402. " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  2403. 0
  2404. ? worksStudent[toolIndex]
  2405. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex">
  2406. <!-- @click="previewImg(w.works)" -->
  2407. <div class="workImg">
  2408. <img :src="w.works" @click="previewImg(w.works)" alt />
  2409. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  2410. rightW:
  2411. w.userid == userid || tType == 1 || tType == 4,
  2412. }">
  2413. {{ JSON.parse(w.score).wScore }}分
  2414. </div>
  2415. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  2416. :class="{
  2417. rightW:
  2418. w.userid == userid || tType == 1 || tType == 4,
  2419. }">
  2420. 评分
  2421. </div>
  2422. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  2423. " @click.stop="deleteWorks(w.wid)" alt />
  2424. </div>
  2425. <div class="comment" style="min-width: 200px">
  2426. <div class="worksName">
  2427. <div>{{ w.sName }}</div>
  2428. </div>
  2429. <div class="commentList">
  2430. <div class="commentList">
  2431. <div class="commentImg" @click="
  2432. isLikes(w.wid, userid, 1, null, w.isLikes)
  2433. ">
  2434. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  2435. </div>
  2436. <div>{{ w.likesCount }}</div>
  2437. </div>
  2438. <div class="commentList" style="margin-right: 15px">
  2439. <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
  2440. <img src="../assets/icon/comment/comment.png" alt="" />
  2441. </div>
  2442. <div>{{ w.commentCount }}</div>
  2443. </div>
  2444. </div>
  2445. </div>
  2446. </div>
  2447. </div>
  2448. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  2449. 未提交
  2450. </div>
  2451. <div class="noWorksS">
  2452. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  2453. @click="teacherWorkSubmit(3, toolIndex, taskCount, s)">
  2454. {{ s.student }}
  2455. </div>
  2456. </div>
  2457. </div>
  2458. <div v-if="tType &&
  2459. ((tType == 2 && sIsOpen == true) ||
  2460. tType == 1 ||
  2461. tType == 4) &&
  2462. tool.tool.indexOf(6) != -1
  2463. " class="worksBox">
  2464. <div class="zuoyeYulan" v-if="worksStudent.length &&
  2465. worksStudent[toolIndex].length > 0
  2466. ">
  2467. <div class="worksTop">
  2468. <div>作业预览</div>
  2469. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  2470. isCloseList[toolIndex].isClose == 0
  2471. ">
  2472. 收缩
  2473. </div>
  2474. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  2475. 展开
  2476. </div>
  2477. </div>
  2478. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2479. </div>
  2480. <div class="group_workBox" v-for="(g, gindex) in courseGroup.group" :key="gindex">
  2481. <div class="group_box">
  2482. <div class="group_title">
  2483. <el-tooltip class="item" effect="light" :content="g.name" placement="top">
  2484. <div class="group_name">{{ g.name }}</div>
  2485. </el-tooltip>
  2486. </div>
  2487. <div class="group_work" v-if="g.works &&
  2488. g.works.length &&
  2489. g.works[toolIndex].length
  2490. ">
  2491. <div class="works" style="
  2492. width: 200px;
  2493. height: 140px;
  2494. margin: 10px 10px 10px 0;
  2495. border-radius: 15px;
  2496. box-shadow: 0 0 6px 1px #dfdada;
  2497. " v-for="(w, wIndex) in g.works[toolIndex]" :key="wIndex"
  2498. :class="w.type == 1 ? 'isTypeOne' : ''">
  2499. <div class="workImg">
  2500. <img :src="w.works" @click="previewImg(w.works)" alt />
  2501. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  2502. rightW:
  2503. w.userid == userid ||
  2504. tType == 1 ||
  2505. tType == 4,
  2506. }">
  2507. {{ JSON.parse(w.score).wScore }}分
  2508. </div>
  2509. <div class="answerScore" @click.stop="openScore(w)"
  2510. v-else-if="courseDetail.userid == userid" :class="{
  2511. rightW:
  2512. w.userid == userid ||
  2513. tType == 1 ||
  2514. tType == 4,
  2515. }">
  2516. 评分
  2517. </div>
  2518. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  2519. " @click.stop="deleteWorks(w.wid)" alt />
  2520. </div>
  2521. <div class="comment" style="min-width: 200px">
  2522. <div class="worksName">
  2523. <div>{{ w.sName }}</div>
  2524. </div>
  2525. <div class="commentList">
  2526. <div class="commentList">
  2527. <div class="commentImg" @click="
  2528. isLikes(w.wid, userid, 1, null, w.isLikes)
  2529. ">
  2530. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  2531. </div>
  2532. <div>{{ w.likesCount }}</div>
  2533. </div>
  2534. <div class="commentList" style="margin-right: 15px">
  2535. <div class="commentImg" @click="
  2536. commentOther(
  2537. w,
  2538. toolIndex,
  2539. wIndex,
  2540. null,
  2541. g.id
  2542. )
  2543. ">
  2544. <img src="../assets/icon/comment/comment.png" alt="" />
  2545. </div>
  2546. <div>{{ w.commentCount }}</div>
  2547. </div>
  2548. </div>
  2549. </div>
  2550. </div>
  2551. </div>
  2552. <div class="group_work" v-else>暂无提交作业</div>
  2553. </div>
  2554. </div>
  2555. <div class="worksDetailBox" v-if="worksStudent.length &&
  2556. worksStudent[toolIndex].length > 0
  2557. ">
  2558. <div class="works" style="
  2559. width: 200px;
  2560. height: 140px;
  2561. margin: 10px 10px 10px 0;
  2562. border-radius: 15px;
  2563. box-shadow: 0 0 6px 1px #dfdada;
  2564. " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  2565. 0
  2566. ? worksStudent[toolIndex]
  2567. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex">
  2568. <!-- @click="previewImg(w.works)" -->
  2569. <div class="workImg">
  2570. <img :src="w.works" @click="previewImg(w.works)" alt />
  2571. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  2572. rightW:
  2573. w.userid == userid || tType == 1 || tType == 4,
  2574. }">
  2575. {{ JSON.parse(w.score).wScore }}分
  2576. </div>
  2577. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  2578. :class="{
  2579. rightW:
  2580. w.userid == userid || tType == 1 || tType == 4,
  2581. }">
  2582. 评分
  2583. </div>
  2584. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  2585. " @click.stop="deleteWorks(w.wid)" alt />
  2586. </div>
  2587. <div class="comment" style="min-width: 200px">
  2588. <div class="worksName">
  2589. <div>{{ w.sName }}</div>
  2590. </div>
  2591. <div class="commentList">
  2592. <div class="commentList">
  2593. <div class="commentImg" @click="
  2594. isLikes(w.wid, userid, 1, null, w.isLikes)
  2595. ">
  2596. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  2597. </div>
  2598. <div>{{ w.likesCount }}</div>
  2599. </div>
  2600. <div class="commentList" style="margin-right: 15px">
  2601. <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
  2602. <img src="../assets/icon/comment/comment.png" alt="" />
  2603. </div>
  2604. <div>{{ w.commentCount }}</div>
  2605. </div>
  2606. </div>
  2607. </div>
  2608. </div>
  2609. </div>
  2610. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  2611. 未提交
  2612. </div>
  2613. <div class="noWorksS">
  2614. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
  2615. {{ s.student }}
  2616. </div>
  2617. </div>
  2618. </div>
  2619. <div v-if="tType &&
  2620. ((tType == 2 && sIsOpen == true) ||
  2621. tType == 1 ||
  2622. tType == 4) &&
  2623. tool.tool.indexOf(7) != -1
  2624. " class="worksBox">
  2625. <div class="zuoyeYulan" v-if="worksStudent.length &&
  2626. worksStudent[toolIndex].length > 0
  2627. ">
  2628. <div class="worksTop">
  2629. <div>作业预览</div>
  2630. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  2631. isCloseList[toolIndex].isClose == 0
  2632. ">
  2633. 收缩
  2634. </div>
  2635. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  2636. 展开
  2637. </div>
  2638. </div>
  2639. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2640. </div>
  2641. <div class="group_workBox" v-for="(g, gindex) in courseGroup.group" :key="gindex">
  2642. <div class="group_box">
  2643. <div class="group_title">
  2644. <el-tooltip class="item" effect="light" :content="g.name" placement="top">
  2645. <div class="group_name">{{ g.name }}</div>
  2646. </el-tooltip>
  2647. </div>
  2648. <div class="group_work" v-if="g.works &&
  2649. g.works.length &&
  2650. g.works[toolIndex].length
  2651. ">
  2652. <div class="works" style="
  2653. width: 200px;
  2654. height: 140px;
  2655. margin: 10px 10px 10px 0;
  2656. border-radius: 15px;
  2657. box-shadow: 0 0 6px 1px #dfdada;
  2658. " v-for="(w, wIndex) in g.works[toolIndex]" :key="wIndex"
  2659. :class="w.type == 1 ? 'isTypeOne' : ''">
  2660. <div class="workImg">
  2661. <img :src="w.works" @click="previewImg(w.works)" alt />
  2662. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  2663. rightW:
  2664. w.userid == userid ||
  2665. tType == 1 ||
  2666. tType == 4,
  2667. }">
  2668. {{ JSON.parse(w.score).wScore }}分
  2669. </div>
  2670. <div class="answerScore" @click.stop="openScore(w)"
  2671. v-else-if="courseDetail.userid == userid" :class="{
  2672. rightW:
  2673. w.userid == userid ||
  2674. tType == 1 ||
  2675. tType == 4,
  2676. }">
  2677. 评分
  2678. </div>
  2679. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  2680. " @click.stop="deleteWorks(w.wid)" alt />
  2681. </div>
  2682. <div class="comment" style="min-width: 200px">
  2683. <div class="worksName">
  2684. <div>{{ w.sName }}</div>
  2685. </div>
  2686. <div class="commentList">
  2687. <div class="commentList">
  2688. <div class="commentImg" @click="
  2689. isLikes(w.wid, userid, 1, null, w.isLikes)
  2690. ">
  2691. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  2692. </div>
  2693. <div>{{ w.likesCount }}</div>
  2694. </div>
  2695. <div class="commentList" style="margin-right: 15px">
  2696. <div class="commentImg" @click="
  2697. commentOther(
  2698. w,
  2699. toolIndex,
  2700. wIndex,
  2701. null,
  2702. g.id
  2703. )
  2704. ">
  2705. <img src="../assets/icon/comment/comment.png" alt="" />
  2706. </div>
  2707. <div>{{ w.commentCount }}</div>
  2708. </div>
  2709. </div>
  2710. </div>
  2711. </div>
  2712. </div>
  2713. <div class="group_work" v-else>暂无提交作业</div>
  2714. </div>
  2715. </div>
  2716. <div class="worksDetailBox" v-if="worksStudent.length &&
  2717. worksStudent[toolIndex].length > 0
  2718. ">
  2719. <div class="works" style="
  2720. width: 200px;
  2721. height: 140px;
  2722. margin: 10px 10px 10px 0;
  2723. border-radius: 15px;
  2724. box-shadow: 0 0 6px 1px #dfdada;
  2725. " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  2726. 0
  2727. ? worksStudent[toolIndex]
  2728. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex">
  2729. <!-- @click="previewImg(w.works)" -->
  2730. <div class="workImg">
  2731. <img :src="w.works" @click="previewImg(w.works)" alt />
  2732. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  2733. rightW:
  2734. w.userid == userid || tType == 1 || tType == 4,
  2735. }">
  2736. {{ JSON.parse(w.score).wScore }}分
  2737. </div>
  2738. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  2739. :class="{
  2740. rightW:
  2741. w.userid == userid || tType == 1 || tType == 4,
  2742. }">
  2743. 评分
  2744. </div>
  2745. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  2746. " @click.stop="deleteWorks(w.wid)" alt />
  2747. </div>
  2748. <div class="comment" style="min-width: 200px">
  2749. <div class="worksName">
  2750. <div>{{ w.sName }}</div>
  2751. </div>
  2752. <div class="commentList">
  2753. <div class="commentList">
  2754. <div class="commentImg" @click="
  2755. isLikes(w.wid, userid, 1, null, w.isLikes)
  2756. ">
  2757. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  2758. </div>
  2759. <div>{{ w.likesCount }}</div>
  2760. </div>
  2761. <div class="commentList" style="margin-right: 15px">
  2762. <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
  2763. <img src="../assets/icon/comment/comment.png" alt="" />
  2764. </div>
  2765. <div>{{ w.commentCount }}</div>
  2766. </div>
  2767. </div>
  2768. </div>
  2769. </div>
  2770. </div>
  2771. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  2772. 未提交
  2773. </div>
  2774. <div class="noWorksS">
  2775. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  2776. @click="teacherWorkSubmit(7, toolIndex, taskCount, s)">
  2777. {{ s.student }}
  2778. </div>
  2779. </div>
  2780. </div>
  2781. <div v-if="tType &&
  2782. ((tType == 2 && sIsOpen == true) ||
  2783. tType == 1 ||
  2784. tType == 4) &&
  2785. tool.tool.indexOf(26) != -1
  2786. " class="worksBox">
  2787. <div class="zuoyeYulan" v-if="worksStudent.length &&
  2788. worksStudent[toolIndex].length > 0
  2789. ">
  2790. <div class="worksTop">
  2791. <div>作业预览</div>
  2792. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  2793. isCloseList[toolIndex].isClose == 0
  2794. ">
  2795. 收缩
  2796. </div>
  2797. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  2798. 展开
  2799. </div>
  2800. </div>
  2801. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2802. </div>
  2803. <div class="worksDetailBox" v-if="worksStudent.length &&
  2804. worksStudent[toolIndex].length > 0
  2805. ">
  2806. <div class="works" style="width: 240px; height: 140px; overflow: hidden" v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  2807. 0
  2808. ? worksStudent[toolIndex]
  2809. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex" :class="w.type == 1 ? 'isTypeOne' : ''">
  2810. <div class="workImg" v-if="w.type == 0">
  2811. <img :src="w.works" @click="previewImg(w.works)" alt />
  2812. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  2813. " @click.stop="deleteWorks(w.wid)" alt />
  2814. </div>
  2815. <div class="workImg" v-if="w.type == 1">
  2816. <img :src="word" @click="openFile(w.works)" alt />
  2817. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  2818. " @click.stop="deleteWorks(w.wid)" alt />
  2819. </div>
  2820. <div class="worksName">
  2821. <div>{{ w.sName }}</div>
  2822. </div>
  2823. </div>
  2824. </div>
  2825. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  2826. 未提交
  2827. </div>
  2828. <div class="noWorksS">
  2829. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName">
  2830. {{ s.student }}
  2831. </div>
  2832. </div>
  2833. </div>
  2834. <div v-if="tType &&
  2835. ((tType == 2 && sIsOpen == true) ||
  2836. tType == 1 ||
  2837. tType == 4) &&
  2838. tool.tool.indexOf(40) != -1
  2839. " class="worksBox">
  2840. <div class="zuoyeYulan" v-if="worksStudent.length &&
  2841. worksStudent[toolIndex].length > 0
  2842. ">
  2843. <div class="worksTop">
  2844. <div>作业预览</div>
  2845. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  2846. isCloseList[toolIndex].isClose == 0
  2847. ">
  2848. 收缩
  2849. </div>
  2850. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  2851. 展开
  2852. </div>
  2853. </div>
  2854. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2855. </div>
  2856. <div class="worksDetailBox" v-if="worksStudent.length &&
  2857. worksStudent[toolIndex].length > 0
  2858. ">
  2859. <div class="works" style="
  2860. width: 200px;
  2861. height: 140px;
  2862. margin: 10px 10px 10px 0;
  2863. border-radius: 15px;
  2864. box-shadow: 0 0 6px 1px #dfdada;
  2865. " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  2866. 0
  2867. ? worksStudent[toolIndex]
  2868. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex" :class="w.type == 1 ? 'isTypeOne' : ''">
  2869. <div class="workImg">
  2870. <img src="../assets/icon/works/noImg.png" @click="openPj(w.works, toolIndex)" alt />
  2871. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  2872. " @click.stop="deleteWorks(w.wid)" alt />
  2873. </div>
  2874. <div class="comment" style="min-width: 200px">
  2875. <div class="worksName">
  2876. <div>{{ w.sName }}</div>
  2877. </div>
  2878. <div class="commentList">
  2879. <div class="commentList">
  2880. <div class="commentImg" @click="
  2881. isLikes(w.wid, userid, 1, null, w.isLikes)
  2882. ">
  2883. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  2884. </div>
  2885. <div>{{ w.likesCount }}</div>
  2886. </div>
  2887. <div class="commentList" style="margin-right: 15px">
  2888. <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
  2889. <img src="../assets/icon/comment/comment.png" alt="" />
  2890. </div>
  2891. <div>{{ w.commentCount }}</div>
  2892. </div>
  2893. </div>
  2894. </div>
  2895. </div>
  2896. </div>
  2897. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  2898. 未提交
  2899. </div>
  2900. <div class="noWorksS">
  2901. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  2902. @click="teacherWorkSubmit(40, toolIndex, taskCount, s)">
  2903. {{ s.student }}
  2904. </div>
  2905. </div>
  2906. </div>
  2907. <div v-if="tType &&
  2908. tType == 2 &&
  2909. !sIsOpen &&
  2910. tool.tool.indexOf(40) != -1
  2911. " class="worksBox">
  2912. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  2913. <span>作业预览</span>
  2914. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2915. </div>
  2916. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  2917. <div class="works" style="
  2918. width: 200px;
  2919. height: 140px;
  2920. margin: 10px 10px 10px 0;
  2921. " v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
  2922. <div class="workImg">
  2923. <img src="../assets/icon/works/noImg.png" @click="openPj(w.works, toolIndex)" alt />
  2924. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  2925. " @click.stop="deleteWorks(w.wid)" alt />
  2926. </div>
  2927. <div class="worksName">
  2928. <div>{{ w.sName }}</div>
  2929. </div>
  2930. </div>
  2931. </div>
  2932. </div>
  2933. <div v-if="tType &&
  2934. ((tType == 2 && sIsOpen == true) ||
  2935. tType == 1 ||
  2936. tType == 4) &&
  2937. tool.tool.indexOf(41) != -1
  2938. ">
  2939. <AnswerData2 v-if="worksStudent.length &&
  2940. worksStudent[toolIndex].length > 0
  2941. " :problemJson="tool.selectJson.answer" :people="worksStudent[toolIndex]"></AnswerData2>
  2942. </div>
  2943. <div v-if="tType &&
  2944. ((tType == 2 && sIsOpen == true) ||
  2945. tType == 1 ||
  2946. tType == 4) &&
  2947. tool.tool.indexOf(41) != -1
  2948. " class="worksBox">
  2949. <div class="zuoyeYulan" v-if="worksStudent.length &&
  2950. worksStudent[toolIndex].length > 0
  2951. ">
  2952. <div class="worksTop">
  2953. <div>作业预览</div>
  2954. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  2955. isCloseList[toolIndex].isClose == 0
  2956. ">
  2957. 收缩
  2958. </div>
  2959. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  2960. 展开
  2961. </div>
  2962. </div>
  2963. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2964. </div>
  2965. <div class="worksDetailBox" v-if="worksStudent.length &&
  2966. worksStudent[toolIndex].length > 0
  2967. ">
  2968. <div v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  2969. 0
  2970. ? worksStudent[toolIndex]
  2971. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex" class="isWorksName"
  2972. @click="openXz(w, toolIndex)">
  2973. {{ w.sName }}
  2974. <img class="deleteImg deleteImg2" src="../assets/deleteworks.png"
  2975. v-if="w.userid == userid || tType == 1 || tType == 4" @click.stop="deleteWorks(w.wid)" alt />
  2976. </div>
  2977. <!-- <div
  2978. class="works"
  2979. style="
  2980. width: 200px;
  2981. height: 140px;
  2982. margin: 10px 10px 10px 0;
  2983. border-radius: 15px;
  2984. box-shadow: 0 0 6px 1px #dfdada;
  2985. " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex"
  2986. :class="w.type == 5 ? 'isTypeOne' : ''">
  2987. <div class="workImg">
  2988. <img src="../assets/icon/works/noImg.png" @click="openXz(w, toolIndex)" alt />
  2989. </div>
  2990. <div class="worksName">
  2991. <div>{{ w.sName }}</div>
  2992. </div>
  2993. </div> -->
  2994. </div>
  2995. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  2996. 未提交
  2997. </div>
  2998. <div class="noWorksS">
  2999. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  3000. @click="teacherWorkSubmit(41, toolIndex, taskCount, s)">
  3001. {{ s.student }}
  3002. </div>
  3003. </div>
  3004. </div>
  3005. <div v-if="tType &&
  3006. tType == 2 &&
  3007. !sIsOpen &&
  3008. tool.tool.indexOf(41) != -1
  3009. " class="worksBox">
  3010. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  3011. <span>作业预览</span>
  3012. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3013. </div>
  3014. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  3015. <div class="works" style="
  3016. width: 200px;
  3017. height: 140px;
  3018. margin: 10px 10px 10px 0;
  3019. " v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
  3020. <div class="workImg">
  3021. <img src="../assets/icon/works/noImg.png" @click="openXz(w, toolIndex)" alt />
  3022. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  3023. " @click.stop="deleteWorks(w.wid)" alt />
  3024. </div>
  3025. <div class="worksName">
  3026. <div>{{ w.sName }}</div>
  3027. </div>
  3028. </div>
  3029. </div>
  3030. </div>
  3031. <div v-if="false" class="xuan_right_box">
  3032. <div class="tool_right_box" v-for="(item, index) in tool.sentenceList" :key="index">
  3033. <div>
  3034. <span>{{ index + 1 + "、" + item.sentenceTitle }}</span>
  3035. </div>
  3036. <div class="right_box_xuan">
  3037. <span>正确率</span>
  3038. <span>{{
  3039. (checkJson[toolIndex][index].right
  3040. ? checkJson[toolIndex][index].right
  3041. : 0) + "%"
  3042. }}</span>
  3043. </div>
  3044. <div class="right_box_xuan">
  3045. <span>答对人数</span>
  3046. <span>{{
  3047. checkJson[toolIndex][index].rightPerson.length
  3048. }}</span>
  3049. </div>
  3050. </div>
  3051. </div>
  3052. <div v-if="tType &&
  3053. ((tType == 2 && sIsOpen == true) ||
  3054. tType == 1 ||
  3055. tType == 4) &&
  3056. tool.tool.indexOf(47) != -1
  3057. ">
  3058. <AnswerData v-if="checkJson[toolIndex].length &&
  3059. (tool.sentenceList || tool.sentenceList.length > 0)
  3060. " :people="checkJson[toolIndex]"></AnswerData>
  3061. </div>
  3062. <div v-if="tType &&
  3063. tType == 2 &&
  3064. !sIsOpen &&
  3065. tool.tool.indexOf(47) != -1
  3066. " class="worksBox">
  3067. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  3068. <span>作业预览</span>
  3069. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3070. </div>
  3071. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  3072. <div class="works" style="
  3073. width: 200px;
  3074. height: 140px;
  3075. margin: 10px 10px 10px 0;
  3076. " v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
  3077. <!-- @click="openXz(w, toolIndex)" -->
  3078. <div class="workImg" @click="openSen(w, toolIndex)">
  3079. <img src="../assets/icon/works/noImg.png" alt />
  3080. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  3081. " @click.stop="deleteWorks(w.wid)" alt />
  3082. </div>
  3083. <div class="worksName">
  3084. <div>
  3085. {{ w.sName }}
  3086. </div>
  3087. </div>
  3088. </div>
  3089. </div>
  3090. </div>
  3091. <div v-if="tType &&
  3092. ((tType == 2 && sIsOpen == true) ||
  3093. tType == 1 ||
  3094. tType == 4) &&
  3095. tool.tool.indexOf(47) != -1
  3096. " class="worksBox">
  3097. <div class="zuoyeYulan" v-if="worksStudent.length &&
  3098. worksStudent[toolIndex].length > 0
  3099. ">
  3100. <div class="worksTop">
  3101. <div>作业预览</div>
  3102. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  3103. isCloseList[toolIndex].isClose == 0
  3104. ">
  3105. 收缩
  3106. </div>
  3107. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  3108. 展开
  3109. </div>
  3110. </div>
  3111. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3112. </div>
  3113. <div class="worksDetailBox" v-if="worksStudent.length &&
  3114. worksStudent[toolIndex].length > 0
  3115. ">
  3116. <!-- @click="openXz(w, toolIndex)" -->
  3117. <div v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  3118. 0
  3119. ? worksStudent[toolIndex]
  3120. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex" class="isWorksName"
  3121. @click="openSen(w, toolIndex)">
  3122. {{ w.sName }}
  3123. <img class="deleteImg deleteImg2" src="../assets/deleteworks.png"
  3124. v-if="w.userid == userid || tType == 1 || tType == 4" @click.stop="deleteWorks(w.wid)" alt />
  3125. </div>
  3126. </div>
  3127. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3128. 未提交
  3129. </div>
  3130. <div class="noWorksS">
  3131. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  3132. @click="teacherWorkSubmit(47, toolIndex, taskCount, s)">
  3133. {{ s.student }}
  3134. </div>
  3135. </div>
  3136. </div>
  3137. <div v-if="tType &&
  3138. ((tType == 2 && sIsOpen == true) ||
  3139. tType == 1 ||
  3140. tType == 4) &&
  3141. tool.tool.indexOf(48) != -1
  3142. " class="worksBox">
  3143. <div class="zuoyeYulan" v-if="worksStudent.length &&
  3144. worksStudent[toolIndex].length > 0
  3145. ">
  3146. <div class="worksTop">
  3147. <div>作业预览</div>
  3148. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  3149. isCloseList[toolIndex].isClose == 0
  3150. ">
  3151. 收缩
  3152. </div>
  3153. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  3154. 展开
  3155. </div>
  3156. </div>
  3157. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3158. </div>
  3159. <div class="worksDetailBox" v-if="worksStudent.length &&
  3160. worksStudent[toolIndex].length > 0
  3161. ">
  3162. <div class="works" style="
  3163. width: 200px;
  3164. height: 140px;
  3165. margin: 10px 10px 10px 0;
  3166. border-radius: 15px;
  3167. box-shadow: 0 0 6px 1px #dfdada;
  3168. " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  3169. 0
  3170. ? worksStudent[toolIndex]
  3171. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex" :class="w.type == 1 ? 'isTypeOne' : ''">
  3172. <div class="workImg">
  3173. <img :src="word" @click="openTable(w)" alt />
  3174. <!-- @click="openFile(w.works)" -->
  3175. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  3176. rightW:
  3177. w.userid == userid ||
  3178. tType == 1 ||
  3179. tType == 4 ||
  3180. w.ateacher == userid,
  3181. }">
  3182. {{ JSON.parse(w.score).wScore }}分
  3183. </div>
  3184. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  3185. :class="{
  3186. rightW:
  3187. w.userid == userid ||
  3188. tType == 1 ||
  3189. tType == 4 ||
  3190. w.ateacher == userid,
  3191. }">
  3192. 评分
  3193. </div>
  3194. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  3195. " @click.stop="deleteWorks(w.wid)" alt />
  3196. </div>
  3197. <div class="comment" style="min-width: 200px">
  3198. <div class="worksName">
  3199. <div>{{ w.sName }}</div>
  3200. </div>
  3201. <div class="commentList">
  3202. <div class="commentList">
  3203. <div class="commentImg" @click="
  3204. isLikes(w.wid, userid, 1, null, w.isLikes)
  3205. ">
  3206. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  3207. </div>
  3208. <div>{{ w.likesCount }}</div>
  3209. </div>
  3210. <div class="commentList" style="margin-right: 15px">
  3211. <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
  3212. <img src="../assets/icon/comment/comment.png" alt="" />
  3213. </div>
  3214. <div>{{ w.commentCount }}</div>
  3215. </div>
  3216. </div>
  3217. </div>
  3218. </div>
  3219. </div>
  3220. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3221. 未提交
  3222. </div>
  3223. <div class="noWorksS">
  3224. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  3225. @click="teacherWorkSubmit(48, toolIndex, taskCount, s)">
  3226. {{ s.student }}
  3227. </div>
  3228. </div>
  3229. </div>
  3230. <div v-if="tType &&
  3231. tType == 2 &&
  3232. !sIsOpen &&
  3233. tool.tool.indexOf(48) != -1
  3234. " class="worksBox">
  3235. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  3236. <span>作业预览</span>
  3237. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3238. </div>
  3239. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  3240. <div class="works" style="
  3241. width: 200px;
  3242. height: 140px;
  3243. margin: 10px 10px 10px 0;
  3244. box-shadow: 0 0 6px 1px #dfdada;
  3245. " v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
  3246. <div class="workImg">
  3247. <img :src="word" @click="openTable(w)" alt />
  3248. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  3249. rightW:
  3250. w.userid == userid || tType == 1 || tType == 4,
  3251. }">
  3252. {{ JSON.parse(w.score).wScore }}分
  3253. </div>
  3254. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  3255. :class="{
  3256. rightW:
  3257. w.userid == userid || tType == 1 || tType == 4,
  3258. }">
  3259. 评分
  3260. </div>
  3261. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  3262. " @click.stop="deleteWorks(w.wid)" alt />
  3263. </div>
  3264. <div class="worksName">
  3265. <div>{{ w.sName }}</div>
  3266. </div>
  3267. </div>
  3268. </div>
  3269. </div>
  3270. <div v-if="tType &&
  3271. ((tType == 2 && sIsOpen == true) ||
  3272. tType == 1 ||
  3273. tType == 4) &&
  3274. tool.tool.indexOf(52) != -1
  3275. " class="worksBox">
  3276. <div class="zuoyeYulan" v-if="worksStudent.length &&
  3277. worksStudent[toolIndex].length > 0
  3278. ">
  3279. <div class="worksTop">
  3280. <div>作业预览</div>
  3281. <div class="corOpen" @click="contract(toolIndex)" v-if="worksStudent[toolIndex].length > 6 &&
  3282. isCloseList[toolIndex].isClose == 0
  3283. ">
  3284. 收缩
  3285. </div>
  3286. <div class="corOpen" @click="contract(toolIndex)" v-if="isCloseList[toolIndex].isClose == 1">
  3287. 展开
  3288. </div>
  3289. </div>
  3290. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3291. </div>
  3292. <div class="worksDetailBox" v-if="worksStudent.length &&
  3293. worksStudent[toolIndex].length > 0
  3294. ">
  3295. <div class="works" style="
  3296. width: 200px;
  3297. height: 140px;
  3298. margin: 10px 10px 10px 0;
  3299. border-radius: 15px;
  3300. box-shadow: 0 0 6px 1px #dfdada;
  3301. " v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  3302. 0
  3303. ? worksStudent[toolIndex]
  3304. : worksStudent[toolIndex].slice(0, 6)" :key="wIndex" :class="w.type == 1 ? 'isTypeOne' : ''">
  3305. <div class="workImg">
  3306. <img :src="word" @click="openWord(w)" alt />
  3307. <!-- @click="openFile(w.works)" -->
  3308. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  3309. rightW:
  3310. w.userid == userid ||
  3311. tType == 1 ||
  3312. tType == 4 ||
  3313. w.ateacher == userid,
  3314. }">
  3315. {{ JSON.parse(w.score).wScore }}分
  3316. </div>
  3317. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  3318. :class="{
  3319. rightW:
  3320. w.userid == userid ||
  3321. tType == 1 ||
  3322. tType == 4 ||
  3323. w.ateacher == userid,
  3324. }">
  3325. 评分
  3326. </div>
  3327. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  3328. " @click.stop="deleteWorks(w.wid)" alt />
  3329. </div>
  3330. <div class="comment" style="min-width: 200px">
  3331. <div class="worksName">
  3332. <div>{{ w.sName }}</div>
  3333. </div>
  3334. <div class="commentList">
  3335. <div class="commentList">
  3336. <div class="commentImg" @click="
  3337. isLikes(w.wid, userid, 1, null, w.isLikes)
  3338. ">
  3339. <img :src="w.isLikes == true ? likes : noLikes" alt="" />
  3340. </div>
  3341. <div>{{ w.likesCount }}</div>
  3342. </div>
  3343. <div class="commentList" style="margin-right: 15px">
  3344. <div class="commentImg" @click="commentOther(w, toolIndex, wIndex)">
  3345. <img src="../assets/icon/comment/comment.png" alt="" />
  3346. </div>
  3347. <div>{{ w.commentCount }}</div>
  3348. </div>
  3349. </div>
  3350. </div>
  3351. </div>
  3352. </div>
  3353. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3354. 未提交
  3355. </div>
  3356. <div class="noWorksS">
  3357. <div v-for="(s, sIndex) in noWorksS[toolIndex]" :key="sIndex" class="noWorksName"
  3358. @click="teacherWorkSubmit(52, toolIndex, taskCount, s)">
  3359. {{ s.student }}
  3360. </div>
  3361. </div>
  3362. </div>
  3363. <div v-if="tType &&
  3364. tType == 2 &&
  3365. !sIsOpen &&
  3366. tool.tool.indexOf(52) != -1
  3367. " class="worksBox">
  3368. <div class="zuoyeYulan" v-if="workStudent[toolIndex].length > 0">
  3369. <span>作业预览</span>
  3370. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3371. </div>
  3372. <div class="worksDetailBox" v-if="workStudent[toolIndex].length > 0">
  3373. <div class="works" style="
  3374. width: 200px;
  3375. height: 140px;
  3376. margin: 10px 10px 10px 0;
  3377. box-shadow: 0 0 6px 1px #dfdada;
  3378. " v-for="(w, wIndex) in workStudent[toolIndex]" :key="wIndex">
  3379. <div class="workImg">
  3380. <img :src="word" @click="openWord(w)" alt />
  3381. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  3382. rightW:
  3383. w.userid == userid || tType == 1 || tType == 4,
  3384. }">
  3385. {{ JSON.parse(w.score).wScore }}分
  3386. </div>
  3387. <div class="answerScore" @click.stop="openScore(w)" v-else-if="courseDetail.userid == userid"
  3388. :class="{
  3389. rightW:
  3390. w.userid == userid || tType == 1 || tType == 4,
  3391. }">
  3392. 评分
  3393. </div>
  3394. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid || tType == 1 || tType == 4
  3395. " @click.stop="deleteWorks(w.wid)" alt />
  3396. </div>
  3397. <div class="worksName">
  3398. <div>{{ w.sName }}</div>
  3399. </div>
  3400. </div>
  3401. </div>
  3402. </div>
  3403. <div v-if="tool.tool.indexOf(49) != -1" class="xuan_right_box">
  3404. <div v-if="courseDetail.userid == userid" style="display: flex; justify-content: flex-end">
  3405. <el-button type="primary" size="small" @click="addTools(49, toolIndex, taskCount)">分组设置</el-button>
  3406. </div>
  3407. <div v-if="groupStudentUid[toolIndex]" class="group_staic_box">
  3408. <div v-for="(gp, gd) in tool.groupJson.group" :key="gd" class="group_staic">
  3409. <span> {{ gp.name }}</span>
  3410. <span>
  3411. 目前人数{{
  3412. groupStudentUid[toolIndex][gd].length
  3413. }}人</span>
  3414. </div>
  3415. </div>
  3416. </div>
  3417. <div v-if="tool.tool.indexOf(49) != -1" class="worksBox">
  3418. <div class="zuoyeYulan" v-if="worksStudent.length &&
  3419. worksStudent[toolIndex].length > 0
  3420. ">
  3421. <span>作业预览</span>
  3422. </div>
  3423. <div>
  3424. <div class="group_workBox" v-for="(g, gindex) in tool.groupJson.group" :key="gindex">
  3425. <div class="group_box" v-if="groupStudentUid[toolIndex] &&
  3426. worksStudent[toolIndex] &&
  3427. (worksStudent[toolIndex][gindex].length ||
  3428. groupStudentUid[toolIndex][gindex].indexOf(
  3429. userid
  3430. ) != -1)
  3431. ">
  3432. <div class="group_title">
  3433. <el-tooltip class="item" effect="light" :content="g.name" placement="top">
  3434. <div class="group_name">{{ g.name }}</div>
  3435. </el-tooltip>
  3436. <el-button type="primary" v-if="groupStudentUid[toolIndex][gindex].indexOf(
  3437. userid
  3438. ) != -1
  3439. " @click="groupUpload(toolIndex, taskCount, gindex)">上传作业</el-button>
  3440. </div>
  3441. <div class="group_work">
  3442. <div class="works" style="
  3443. width: 200px;
  3444. height: 140px;
  3445. margin: 10px 10px 10px 0;
  3446. border-radius: 15px;
  3447. box-shadow: 0 0 6px 1px #dfdada;
  3448. " v-for="(w, wIndex) in worksStudent[toolIndex][
  3449. gindex
  3450. ]" :key="wIndex" :class="w.type == 1 ? 'isTypeOne' : ''">
  3451. <div class="workImg" v-if="w.type == 0">
  3452. <img :src="w.works" @click="previewImg(w.works)" alt />
  3453. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  3454. rightW:
  3455. w.userid == userid ||
  3456. tType == 1 ||
  3457. tType == 4 ||
  3458. w.ateacher == userid,
  3459. }">
  3460. {{ JSON.parse(w.score).wScore }}分
  3461. </div>
  3462. <div class="answerScore" @click.stop="openScore(w)"
  3463. v-else-if="courseDetail.userid == userid" :class="{
  3464. rightW:
  3465. w.userid == userid ||
  3466. tType == 1 ||
  3467. tType == 4 ||
  3468. w.ateacher == userid,
  3469. }">
  3470. 评分
  3471. </div>
  3472. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid ||
  3473. tType == 1 ||
  3474. tType == 4
  3475. " @click.stop="deleteWorks(w.wid)" alt />
  3476. </div>
  3477. <div class="workImg" v-if="w.type == 1">
  3478. <img :src="word" @click="openFile(w.works)" alt />
  3479. <!-- @click="openFile(w.works)" -->
  3480. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  3481. rightW:
  3482. w.userid == userid ||
  3483. tType == 1 ||
  3484. tType == 4 ||
  3485. w.ateacher == userid,
  3486. }">
  3487. {{ JSON.parse(w.score).wScore }}分
  3488. </div>
  3489. <div class="answerScore" @click.stop="openScore(w)"
  3490. v-else-if="courseDetail.userid == userid" :class="{
  3491. rightW:
  3492. w.userid == userid ||
  3493. tType == 1 ||
  3494. tType == 4 ||
  3495. w.ateacher == userid,
  3496. }">
  3497. 评分
  3498. </div>
  3499. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid ||
  3500. tType == 1 ||
  3501. tType == 4
  3502. " @click.stop="deleteWorks(w.wid)" alt />
  3503. </div>
  3504. <div class="workImg" v-if="w.type == 3">
  3505. <img style="cursor: pointer" :src="video" @click="openVideo(w)" alt />
  3506. <!-- @click="openVideo(w.works)" -->
  3507. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  3508. rightW:
  3509. w.userid == userid ||
  3510. tType == 1 ||
  3511. tType == 4 ||
  3512. w.ateacher == userid,
  3513. }">
  3514. {{ JSON.parse(w.score).wScore }}分
  3515. </div>
  3516. <div class="answerScore" @click.stop="openScore(w)"
  3517. v-else-if="courseDetail.userid == userid" :class="{
  3518. rightW:
  3519. w.userid == userid ||
  3520. tType == 1 ||
  3521. tType == 4 ||
  3522. w.ateacher == userid,
  3523. }">
  3524. 评分
  3525. </div>
  3526. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid ||
  3527. tType == 1 ||
  3528. tType == 4
  3529. " @click.stop="deleteWorks(w.wid)" alt />
  3530. </div>
  3531. <div class="workImg" v-if="w.type == 12">
  3532. <img style="cursor: pointer" :src="word2" @click="downloadFile(w.works)" alt />
  3533. <!-- @click="openVideo(w.works)" -->
  3534. <div class="answerScore" v-if="w.score" @click.stop="openScore(w)" :class="{
  3535. rightW:
  3536. w.userid == userid ||
  3537. tType == 1 ||
  3538. tType == 4 ||
  3539. w.ateacher == userid,
  3540. }">
  3541. {{ JSON.parse(w.score).wScore }}分
  3542. </div>
  3543. <div class="answerScore" @click.stop="openScore(w)"
  3544. v-else-if="courseDetail.userid == userid" :class="{
  3545. rightW:
  3546. w.userid == userid ||
  3547. tType == 1 ||
  3548. tType == 4 ||
  3549. w.ateacher == userid,
  3550. }">
  3551. 评分
  3552. </div>
  3553. <img class="deleteImg" src="../assets/deleteworks.png" v-if="w.userid == userid ||
  3554. tType == 1 ||
  3555. tType == 4
  3556. " @click.stop="deleteWorks(w.wid)" alt />
  3557. </div>
  3558. <div class="comment" style="min-width: 200px">
  3559. <div class="worksName">
  3560. <div>{{ w.sName }}</div>
  3561. </div>
  3562. <div class="commentList">
  3563. <div class="commentList">
  3564. <div class="commentImg" @click="
  3565. isLikes(
  3566. w.wid,
  3567. userid,
  3568. 1,
  3569. null,
  3570. w.isLikes
  3571. )
  3572. ">
  3573. <img :src="w.isLikes == true ? likes : noLikes
  3574. " alt="" />
  3575. </div>
  3576. <div>{{ w.likesCount }}</div>
  3577. </div>
  3578. <div class="commentList" style="margin-right: 15px">
  3579. <div class="commentImg" @click="
  3580. commentOther(
  3581. w,
  3582. toolIndex,
  3583. wIndex,
  3584. gindex
  3585. )
  3586. ">
  3587. <img src="../assets/icon/comment/comment.png" alt="" />
  3588. </div>
  3589. <div>{{ w.commentCount }}</div>
  3590. </div>
  3591. </div>
  3592. </div>
  3593. </div>
  3594. </div>
  3595. </div>
  3596. </div>
  3597. </div>
  3598. </div>
  3599. </div>
  3600. <!-- <div class="upload_toolBtn" @click="addImg($event)">
  3601. 上传文件
  3602. <input
  3603. type="file"
  3604. accept="image/png, image/gif, image/jpeg"
  3605. style="display: none"
  3606. @change="beforeUpload1($event, 2, index)"
  3607. />
  3608. </div>-->
  3609. </div>
  3610. </div>
  3611. <div class="vedioBox" v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  3612. .eList &&
  3613. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  3614. .eList.length &&
  3615. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  3616. .eList.length > 0 &&
  3617. tType != 2
  3618. ">
  3619. <div class="queTop" style="
  3620. font-size: 25px;
  3621. padding: 15px 0 15px 30px;
  3622. font-weight: bold;
  3623. ">
  3624. <!-- <div class="question" style="width: 30px">
  3625. <img src="../assets/icon/toolIcon.png" alt />
  3626. </div>
  3627. <div class="queTitle">
  3628. <div>工具</div>
  3629. </div>-->
  3630. 评一评
  3631. </div>
  3632. <div class="evaCss" :class="{ evaCssMax: Stbodywidth < 974 }">
  3633. <div class="elist_input">
  3634. <div v-for="(eItem, eIndex) in chapInfoList[courseType]
  3635. .chapterInfo[0].taskJson[taskCount].eList" :key="eIndex" class="elist_input_box">
  3636. <div style="width: 95%">
  3637. <div style="
  3638. display: flex;
  3639. flex-direction: row;
  3640. flex-wrap: nowrap;
  3641. align-items: center;
  3642. ">
  3643. <div style="max-width: calc(100% - 285px)">
  3644. <span>{{ eItem.value }}</span>
  3645. </div>
  3646. <div style="
  3647. padding-left: 25px;
  3648. display: flex;
  3649. flex-direction: row;
  3650. align-items: center;
  3651. ">
  3652. <el-rate v-model="eItem.score" :colors="colors" disabled></el-rate>
  3653. </div>
  3654. </div>
  3655. <div class="elist_inptu_text" style="padding-left: 10px">
  3656. <span v-if="eItem.detail != ''">{{
  3657. eItem.detail
  3658. }}</span>
  3659. <span v-else style="color: #b2b1b3; font-size: 14px">暂无描述...</span>
  3660. </div>
  3661. </div>
  3662. </div>
  3663. </div>
  3664. <div v-if="evalua" style="
  3665. border: 1px solid #e5e5e5;
  3666. max-width: 650px;
  3667. width: 100%;
  3668. margin-top: 20px;
  3669. box-shadow: 3px 1px 15px 3px #e0e0e0;
  3670. ">
  3671. <div class="e_add_top">
  3672. <div class="e_add_title">
  3673. <span>目标管理名称</span>
  3674. <span>{{ eTitle }}</span>
  3675. <img src="../assets/line.png" class="cru_line" style="
  3676. width: 125px;
  3677. height: 20px;
  3678. bottom: -10px;
  3679. left: 120px;
  3680. " />
  3681. <!-- <el-input
  3682. v-model="eTitle"
  3683. placeholder="请输入名称"
  3684. @change="setMindData"
  3685. ></el-input>-->
  3686. </div>
  3687. </div>
  3688. <div class="e_add_content">
  3689. <div class="e_add_list_pbox">
  3690. <div class="e_add_list_pbox_title">
  3691. <span class="type_title">切换模式</span>
  3692. <div class="type_content">
  3693. <span :class="{ active: typeMode == 1 }" @click="typeMode = 1">目标树</span>
  3694. <span :class="{ active: typeMode == 2 }" @click="typeMode = 2">目标罗盘</span>
  3695. <span :class="{ active: typeMode == 3 }" @click="typeMode = 3">目标看板</span>
  3696. </div>
  3697. </div>
  3698. <div class="e_add_list_pbox_content">
  3699. <Mind :showBar="false" :mindData="data" style="width: 100%" v-show="typeMode == 1"></Mind>
  3700. <Sunburst :Josn="eJson" :num="eJSONNum" style="width: 100%" v-if="typeMode == 2"></Sunburst>
  3701. <SeeBoard :Josn="eJson" :num="eJSONNum" :ename="eTitle" style="width: 100%" v-if="typeMode == 3">
  3702. </SeeBoard>
  3703. </div>
  3704. </div>
  3705. </div>
  3706. </div>
  3707. </div>
  3708. </div>
  3709. <!-- <div
  3710. class="project_box"
  3711. style="margin-top: 15px; padding-bottom: 30px"
  3712. >
  3713. <div
  3714. style="
  3715. display: flex;
  3716. flex-wrap: nowrap;
  3717. flex-direction: column;
  3718. position: relative;
  3719. "
  3720. >
  3721. <div class="queTop">
  3722. <div class="question">
  3723. <img src="../assets/icon/homeWork.png" alt="" />
  3724. </div>
  3725. <div class="queTitle">
  3726. <div>作业提交<span>(提交图文视频等)</span></div>
  3727. <div>:任务:{{ task.task }}</div>
  3728. </div>
  3729. </div>
  3730. <div class="ediBottom">
  3731. <div
  3732. class="addEditor"
  3733. style="margin-top: 23px"
  3734. @click="openAddWork"
  3735. v-if="!isNoHomeWork"
  3736. >
  3737. 选择文件
  3738. </div>
  3739. <div
  3740. class="addEditor"
  3741. style="margin-top: 23px"
  3742. @click="openAddWork"
  3743. v-else
  3744. >
  3745. 已提交
  3746. </div>
  3747. </div>
  3748. </div>
  3749. </div>-->
  3750. </div>
  3751. </div>
  3752. <el-dialog title="作业提交" :visible.sync="dialogVisible" :append-to-body="true" width="500px"
  3753. :before-close="handleClose" class="dialog_change">
  3754. <div class="marginT">
  3755. <div>上传文件</div>
  3756. <div class="chapter_add" @click="addImg($event)" v-if="studyJuri[0].cover.length == 0">
  3757. <div class="up_photo">
  3758. <img src="../assets/icon/uploadImg.png" alt />
  3759. </div>
  3760. <!-- <input
  3761. type="file"
  3762. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  3763. style="display: none"
  3764. @change="beforeUpload1($event, 1)"
  3765. /> -->
  3766. <input type="file" accept="*" style="display: none" @change="beforeUpload1($event, 1)" />
  3767. <!-- <input
  3768. type="file"
  3769. accept="image/*"
  3770. capture="camera"
  3771. style="display: none"
  3772. @change="beforeUpload1($event, 1)"
  3773. /> -->
  3774. </div>
  3775. <div class="chapter_add" style="
  3776. display: flex;
  3777. width: 100%;
  3778. flex-direction: row;
  3779. flex-wrap: wrap;
  3780. justify-content: flex-start;
  3781. padding: 15px 0;
  3782. " v-if="studyJuri[0].cover.length > 0">
  3783. <div class="upCover">
  3784. <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
  3785. <img :src="word" alt v-else-if="fileType == 1" />
  3786. <img :src="video" alt v-else-if="fileType == 2" />
  3787. <img :src="word2" alt v-else-if="fileType == 3" />
  3788. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  3789. <div class="deleteWord" @click="clean(1)">
  3790. <img src="../assets/icon/deleteWorks.png" alt />
  3791. </div>
  3792. </div>
  3793. </div>
  3794. </div>
  3795. <div class="upload_send" @click="addCourseWorks(taskCount)" v-if="!proVisible">
  3796. 提交
  3797. </div>
  3798. </el-dialog>
  3799. </div>
  3800. </div>
  3801. <div class="pButton" @click="(pzDialog = true), selectPz()" v-if="tType == 4 || ispzType == 4">
  3802. <!-- 批 -->
  3803. <img src="../assets/pzBtn2.png" style="width: 25px" alt="" />
  3804. </div>
  3805. <div v-if="pzDialog == true" class="newDialogCss">
  3806. <div class="pzTop2">
  3807. <!-- <div>批注</div>
  3808. <div @click="pzDialog = false">
  3809. <img src="../assets/close1.png" alt="" />
  3810. </div> -->
  3811. <div class="checkbox">
  3812. <div class="check" style="font-size: 25px">评课笔记</div>
  3813. <img src="../assets/pzBtn.png" @click="pzDialog = false" alt="" />
  3814. </div>
  3815. </div>
  3816. <div :class="pzList && pzList.length ? 'pzBox' : 'noPzBox'">
  3817. <div class="pzListBox" v-if="pzList && pzList.length">
  3818. <div class="pzList" v-for="(pz, pzIndex) in pzList" :key="pzIndex">
  3819. <div class="pzNavTop">
  3820. <div>批</div>
  3821. <div>
  3822. {{
  3823. pz.username && pz.username.length > 5
  3824. ? pz.username.substring(0, 5) + "..."
  3825. : pz.username
  3826. }}的批注
  3827. </div>
  3828. <div class="pzDelete" v-if="pz.userid == userid" @click="deletePz(pz.id)">
  3829. 删除
  3830. </div>
  3831. </div>
  3832. <div class="pzContent cont" v-html="pz.content" v-if="pz.type == '1'"></div>
  3833. <div class="pzContent" v-if="pz.type == '2'">
  3834. <audio :src="pz.content" controls="controls" ref="audio">
  3835. Your browser does not support the audio element.
  3836. </audio>
  3837. </div>
  3838. <div class="pzContent" v-if="pz.type == '3'">
  3839. <img :src="pz.content" style="width: 90%; margin: 0 auto; display: block" @click="previewImg(pz.content)" />
  3840. </div>
  3841. <div class="time">
  3842. {{ pz.time }}
  3843. </div>
  3844. </div>
  3845. </div>
  3846. <div class="noPz" v-else>
  3847. <img src="../assets/icon/noPz.png" alt="" />
  3848. </div>
  3849. <div class="addPzButton">
  3850. <div class="addPz" @click="(addPzDialog = true), (pzType = 1)">
  3851. 添加批注
  3852. </div>
  3853. <!-- <div class="img1">
  3854. <div @click="(addPzDialog = true), (pzType = 2)">
  3855. <img src="../assets/audio.png" /><span>音频</span>
  3856. </div>
  3857. </div> -->
  3858. </div>
  3859. </div>
  3860. </div>
  3861. <div v-if="addPzDialog == true" class="addDialogCss">
  3862. <div class="pzTop">
  3863. <div class="teacherPz">
  3864. <div class="teacherPzImg">
  3865. <img src="../assets/icon/teacherPz.png" alt="" />
  3866. </div>
  3867. <div style="margin-left: 10px; height: 25px">教师批注</div>
  3868. </div>
  3869. <div @click="addPzDialog = false">
  3870. <img src="../assets/close1.png" alt="" />
  3871. </div>
  3872. </div>
  3873. <div class="addPzBox">
  3874. <div class="addPzCheck">
  3875. <span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1">文本</span>
  3876. <!-- <span :class="{isChooseActive:pzType==3}" @click="pzType = 3">图片</span> -->
  3877. <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2">音频</span>
  3878. </div>
  3879. <div style="height: calc(100% - 95px)">
  3880. <!-- <textarea class="binfo_input pzConText" cols placeholder="请填写项目课程关键问题...." v-model="pzConText"
  3881. v-if="pzType == 1"></textarea> -->
  3882. <editor-bar class="binfo_input pzConText" style="width: 100% !important" placeholder="请输入任务描述"
  3883. v-model="pzConText" @change="change" v-if="pzType == 1"></editor-bar>
  3884. <Audio @addPz="addPz" class="pzAudioClass" v-if="pzType == 2"></Audio>
  3885. <!-- <div class="pzAudioClass" v-if="pzType == 3">
  3886. <div @click="addImg($event)">
  3887. <el-button type="primary">上传图片</el-button>
  3888. <input type="file" accept="image/png, image/gif, image/jpeg" style="display: none"
  3889. @change="beforeUpload1($event, 4)" />
  3890. </div>
  3891. </div> -->
  3892. </div>
  3893. <div class="addTextCss" @click="addPz('1')" v-if="pzType == 1">
  3894. 确定
  3895. </div>
  3896. </div>
  3897. </div>
  3898. <div v-if="proVisible" class="mask">
  3899. <div class="progressBox">
  3900. <!-- <div id="closePro" class="closeCss">
  3901. <img src="../assets/icon/close.png" alt />
  3902. </div> -->
  3903. <div class="lbox">
  3904. <img src="../assets/loading.gif" />上传中,请稍后
  3905. </div>
  3906. <div style="margin-bottom: 10px">
  3907. <span>{{ isFinishSize }}M</span> / <span>{{ isAllSize }}M</span>
  3908. </div>
  3909. <el-progress :text-inside="true" :stroke-width="20" :percentage="progress" style="width: 80%"></el-progress>
  3910. </div>
  3911. </div>
  3912. <div v-if="proVisible2" class="mask">
  3913. <div class="progressBox">
  3914. <div class="lbox">
  3915. <img src="../assets/loading.gif" />上传中,请稍后
  3916. </div>
  3917. <!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="progress" style="width: 80%"></el-progress> -->
  3918. </div>
  3919. </div>
  3920. <el-dialog :visible.sync="pictureDialog" size="tiny">
  3921. <img width="100%" :src="dialogImageUrl" alt />
  3922. </el-dialog>
  3923. <el-dialog :title="noteName != '' ? noteName : '查看问卷'" :visible.sync="dialogVisible5" :append-to-body="true"
  3924. width="1000px" :before-close="handleClose" class="dialog_diy dialog_diy3">
  3925. <div>
  3926. <div class="a_add_title" style="
  3927. display: flex;
  3928. flex-direction: row;
  3929. align-items: center;
  3930. justify-content: center;
  3931. ">
  3932. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  3933. <div style="font-size: 20px">{{ askJson.askTitle }}</div>
  3934. </div>
  3935. <div class="a_addBox">
  3936. <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
  3937. <div class="a_add_box" v-for="(item1, index1) in askJson.askCount" :key="index1">
  3938. <div class="a_add_head">
  3939. <div style="display: flex">
  3940. {{ index1 + 1 + "、" }}
  3941. <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
  3942. </div>
  3943. <img v-if="askJson.askJson[index1].img" :src="askJson.askJson[index1].img"
  3944. style="height: 300px; margin-top: 10px; max-width: 100%" />
  3945. </div>
  3946. <div class="a_add_body">
  3947. <div class="a_add_input">
  3948. <el-radio-group v-model="radio[index1]" v-if="askJson.askJson[index1].type == '1' ||
  3949. !askJson.askJson[index1].type
  3950. ">
  3951. <el-radio v-for="(item2, checkIndex) in askJson.askJson[index1]
  3952. .checkList" :key="checkIndex" :label="checkIndex" :disabled="isAnswer" class="redioStyle"><span
  3953. v-html="item2"></span></el-radio>
  3954. </el-radio-group>
  3955. <el-checkbox-group v-model="radio[index1]" v-if="askJson.askJson[index1].type == '2'">
  3956. <el-checkbox v-for="(item2, checkIndex1) in askJson.askJson[index1]
  3957. .checkList" :key="checkIndex1" :label="checkIndex1" :disabled="isAnswer" class="redioStyle"><span
  3958. v-html="item2"></span>
  3959. </el-checkbox>
  3960. </el-checkbox-group>
  3961. </div>
  3962. </div>
  3963. </div>
  3964. </div>
  3965. </div>
  3966. <span slot="footer" class="dialog-footer">
  3967. <el-button @click="dialogVisible5 = false" v-show="noteName == ''">取 消</el-button>
  3968. <el-button type="primary" @click="addStudentAsk" v-show="noteName == ''">确 定</el-button>
  3969. </span>
  3970. </el-dialog>
  3971. <el-dialog :title="noteName != '' ? noteName : '查看问卷'" :visible.sync="dialogVisible5Teacher" :append-to-body="true"
  3972. width="1000px" :before-close="handleClose" class="dialog_diy dialog_diy3">
  3973. <div>
  3974. <div class="w_name">
  3975. 学生姓名:<span>{{ sStudent.student }}</span>
  3976. </div>
  3977. <div class="a_add_title" style="
  3978. display: flex;
  3979. flex-direction: row;
  3980. align-items: center;
  3981. justify-content: center;
  3982. ">
  3983. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  3984. <div style="font-size: 20px">{{ askJson.askTitle }}</div>
  3985. </div>
  3986. <div class="a_addBox">
  3987. <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
  3988. <div class="a_add_box" v-for="(item1, index1) in askJson.askCount" :key="index1">
  3989. <div class="a_add_head">
  3990. <div style="display: flex">
  3991. {{ index1 + 1 + "、" }}
  3992. <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
  3993. </div>
  3994. <img v-if="askJson.askJson[index1].img" :src="askJson.askJson[index1].img"
  3995. style="height: 300px; margin-top: 10px; max-width: 100%" />
  3996. </div>
  3997. <div class="a_add_body">
  3998. <div class="a_add_input">
  3999. <el-radio-group v-model="radio[index1]" v-if="askJson.askJson[index1].type == '1' ||
  4000. !askJson.askJson[index1].type
  4001. ">
  4002. <el-radio v-for="(item2, checkIndex) in askJson.askJson[index1]
  4003. .checkList" :key="checkIndex" :label="checkIndex" :disabled="isAnswer" class="redioStyle"><span
  4004. v-html="item2"></span></el-radio>
  4005. </el-radio-group>
  4006. <el-checkbox-group v-model="radio[index1]" v-if="askJson.askJson[index1].type == '2'">
  4007. <el-checkbox v-for="(item2, checkIndex1) in askJson.askJson[index1]
  4008. .checkList" :key="checkIndex1" :label="checkIndex1" :disabled="isAnswer" class="redioStyle"><span
  4009. v-html="item2"></span>
  4010. </el-checkbox>
  4011. </el-checkbox-group>
  4012. </div>
  4013. </div>
  4014. </div>
  4015. </div>
  4016. </div>
  4017. <span slot="footer" class="dialog-footer">
  4018. <el-button @click="dialogVisible5Teacher = false" v-show="noteName == ''">取 消</el-button>
  4019. <el-button type="primary" @click="addStudentAskTeacher" v-show="noteName == ''">确 定</el-button>
  4020. </span>
  4021. </el-dialog>
  4022. <el-dialog :title="noteName != '' ? noteName : '查看选择题'" :visible.sync="dialogVisibleChoice" :append-to-body="true"
  4023. width="1000px" :before-close="handleClose" class="dialog_diy dialog_diy3">
  4024. <div>
  4025. <!-- <div class="a_add_title" style="
  4026. display: flex;
  4027. flex-direction: row;
  4028. align-items: center;
  4029. justify-content: center;
  4030. ">
  4031. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  4032. <div style="font-size: 20px">{{ testJson.testTitle }}</div>
  4033. </div> -->
  4034. <div class="a_addBox">
  4035. <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
  4036. <div class="a_add_box" v-for="(item1, index1) in testJson.testCount" :key="index1">
  4037. <div class="a_add_head">
  4038. <div style="display: flex">
  4039. {{ index1 + 1 + "、" }}
  4040. <div v-if="testJson.testJson[index1].type == '1'" style="margin-right: 5px; min-width: 70px">
  4041. (单选题)
  4042. </div>
  4043. <div v-if="testJson.testJson[index1].type == '2'" style="margin-right: 5px; min-width: 70px">
  4044. (多选题)
  4045. </div>
  4046. <div>题目:{{ testJson.testJson[index1].teststitle }}</div>
  4047. </div>
  4048. <img v-if="testJson.testJson[index1].img" :src="testJson.testJson[index1].img"
  4049. style="height: 300px; margin-top: 10px; max-width: 100%" />
  4050. </div>
  4051. <div class="timuImgBox" v-if="testJson.testJson[index1].timuList &&
  4052. testJson.testJson[index1].timuList.length
  4053. ">
  4054. <div v-for="(timg, tIndex) in testJson.testJson[index1].timuList" :key="tIndex" class="timuImg"
  4055. @click.stop="previewImg(timg.src)">
  4056. <img :src="timg.src" alt="" />
  4057. </div>
  4058. </div>
  4059. <div class="a_add_body">
  4060. <div class="a_add_input">
  4061. <el-radio-group v-model="radio[index1]" v-if="testJson.testJson[index1].type == '1'">
  4062. <div class="radioBox">
  4063. <el-radio v-for="(item2, checkIndex) in testJson.testJson[index1]
  4064. .checkList" :key="checkIndex" :label="checkIndex" :disabled="isAnswer" class="redioStyle">
  4065. <div style="margin-right: 10px" v-if="item2 && item2.imgType && item2.imgType == 1">
  4066. <div class="inImg" @click.stop="previewImg(item2.src)">
  4067. <img :src="item2.src" alt="" />
  4068. </div>
  4069. </div>
  4070. <span v-else v-html="item2"></span>
  4071. </el-radio>
  4072. </div>
  4073. </el-radio-group>
  4074. <el-checkbox-group v-model="radio[index1]" v-if="testJson.testJson[index1].type == '2'">
  4075. <div class="radioBox">
  4076. <el-checkbox v-for="(item2, checkIndex) in testJson.testJson[index1]
  4077. .checkList" :key="checkIndex" :label="checkIndex" :disabled="isAnswer" class="redioStyle">
  4078. <div style="margin-right: 10px" v-if="item2 && item2.imgType && item2.imgType == 1">
  4079. <div class="inImg" @click.stop="previewImg(item2.src)">
  4080. <img :src="item2.src" alt="" />
  4081. </div>
  4082. </div>
  4083. <span v-else v-html="item2"></span>
  4084. </el-checkbox>
  4085. </div>
  4086. </el-checkbox-group>
  4087. </div>
  4088. </div>
  4089. </div>
  4090. </div>
  4091. </div>
  4092. <span slot="footer" class="dialog-footer">
  4093. <el-button @click="dialogVisibleChoice = false" v-show="noteName == ''">取 消</el-button>
  4094. <el-button type="primary" @click="addStudentTest" v-show="noteName == ''">确 定</el-button>
  4095. </span>
  4096. </el-dialog>
  4097. <el-dialog :title="noteName != '' ? noteName : '查看选择题'" :visible.sync="dialogVisibleChoiceTeacher"
  4098. :append-to-body="true" width="1000px" :before-close="handleClose" class="dialog_diy dialog_diy3">
  4099. <div>
  4100. <div class="w_name">
  4101. 学生姓名:<span>{{ sStudent.student }}</span>
  4102. </div>
  4103. <div class="a_addBox">
  4104. <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
  4105. <div class="a_add_box" v-for="(item1, index1) in testJson.testCount" :key="index1">
  4106. <div class="a_add_head">
  4107. <div style="display: flex">
  4108. {{ index1 + 1 + "、" }}
  4109. <div v-if="testJson.testJson[index1].type == '1'" style="margin-right: 5px; min-width: 70px">
  4110. (单选题)
  4111. </div>
  4112. <div v-if="testJson.testJson[index1].type == '2'" style="margin-right: 5px; min-width: 70px">
  4113. (多选题)
  4114. </div>
  4115. <div>题目:{{ testJson.testJson[index1].teststitle }}</div>
  4116. </div>
  4117. <img v-if="testJson.testJson[index1].img" :src="testJson.testJson[index1].img"
  4118. style="height: 300px; margin-top: 10px; max-width: 100%" />
  4119. </div>
  4120. <div class="timuImgBox" v-if="testJson.testJson[index1].timuList &&
  4121. testJson.testJson[index1].timuList.length
  4122. ">
  4123. <div v-for="(timg, tIndex) in testJson.testJson[index1].timuList" :key="tIndex" class="timuImg"
  4124. @click.stop="previewImg(timg.src)">
  4125. <img :src="timg.src" alt="" />
  4126. </div>
  4127. </div>
  4128. <div class="a_add_body">
  4129. <div class="a_add_input">
  4130. <el-radio-group v-model="radio[index1]" v-if="testJson.testJson[index1].type == '1'">
  4131. <div class="radioBox">
  4132. <el-radio v-for="(item2, checkIndex) in testJson.testJson[index1]
  4133. .checkList" :key="checkIndex" :label="checkIndex" :disabled="isAnswer" class="redioStyle">
  4134. <div style="margin-right: 10px" v-if="item2 && item2.imgType && item2.imgType == 1">
  4135. <div class="inImg" @click.stop="previewImg(item2.src)">
  4136. <img :src="item2.src" alt="" />
  4137. </div>
  4138. </div>
  4139. <span v-else v-html="item2"></span>
  4140. </el-radio>
  4141. </div>
  4142. </el-radio-group>
  4143. <el-checkbox-group v-model="radio[index1]" v-if="testJson.testJson[index1].type == '2'">
  4144. <div class="radioBox">
  4145. <el-checkbox v-for="(item2, checkIndex) in testJson.testJson[index1]
  4146. .checkList" :key="checkIndex" :label="checkIndex" :disabled="isAnswer" class="redioStyle">
  4147. <div style="margin-right: 10px" v-if="item2 && item2.imgType && item2.imgType == 1">
  4148. <div class="inImg" @click.stop="previewImg(item2.src)">
  4149. <img :src="item2.src" alt="" />
  4150. </div>
  4151. </div>
  4152. <span v-else v-html="item2"></span>
  4153. </el-checkbox>
  4154. </div>
  4155. </el-checkbox-group>
  4156. </div>
  4157. </div>
  4158. </div>
  4159. </div>
  4160. </div>
  4161. <span slot="footer" class="dialog-footer">
  4162. <el-button @click="dialogVisibleChoiceTeacher = false" v-show="noteName == ''">取 消</el-button>
  4163. <el-button type="primary" @click="addStudentTestTeacher" v-show="noteName == ''">确 定</el-button>
  4164. </span>
  4165. </el-dialog>
  4166. <el-dialog title="查看富文本" :visible.sync="dialogVisible1" :append-to-body="true" width="500px"
  4167. :before-close="handleClose" class="dialog_diy textCss">
  4168. <el-form style="font-size: 20px">
  4169. <el-form-item label="文本标题" class="textTitle">
  4170. <div style="font-size: 20px">{{ text.name }}</div>
  4171. </el-form-item>
  4172. <div>富文本内容</div>
  4173. <div v-html="text.url" style="font-size: 18px; padding: 40px 0 0 0"></div>
  4174. </el-form>
  4175. <span slot="footer" class="dialog-footer">
  4176. <el-button type="primary" @click="dialogVisible1 = false">确定</el-button>
  4177. </span>
  4178. </el-dialog>
  4179. <el-dialog title="文件预览" :visible.sync="dialogVisible3" width="50%" :before-close="handleClose" class="dialog_diy"
  4180. :class="{ fullStyle: full }">
  4181. <div slot="title" class="header-title">
  4182. <div style="color: #fff">文件预览</div>
  4183. <div style="position: absolute; top: 19px; right: 50px">
  4184. <img src="../assets/full.png" style="height: 16px; cursor: pointer" alt="" @click="fullTools" />
  4185. </div>
  4186. </div>
  4187. <pdf v-if="showPDF" :pdfUrl="pptImgUrl" style="width: 100%; height: 520px; overflow: auto"
  4188. :class="{ fullStyle: full }"></pdf>
  4189. <iframe v-else :src="pptImgUrl" frameborder="0" width="100%" height="600" :class="{ fullStyle: full }"></iframe>
  4190. </el-dialog>
  4191. <el-dialog title="文件预览" :visible.sync="dialogVisible6" width="50%" :before-close="handleClose" class="dialog_diy">
  4192. <iframe :src="pptImgUrl1" frameborder="0" width="100%" height="600"></iframe>
  4193. </el-dialog>
  4194. <el-dialog title="提示" :visible.sync="dialogVisible4" :append-to-body="true" width="800px" :before-close="handleClose"
  4195. class="dialog_diy notice">
  4196. <div>此功能暂未开放!</div>
  4197. <el-button type="primary" @click="dialogVisible4 = false">确定</el-button>
  4198. </el-dialog>
  4199. <el-dialog title="问答" :visible.sync="answerDialogVisible" :append-to-body="true" width="800px"
  4200. :before-close="handleClose" class="dialog_diy">
  4201. <div>
  4202. <div style="
  4203. display: flex;
  4204. flex-wrap: nowrap;
  4205. flex-direction: column;
  4206. position: relative;
  4207. ">
  4208. <div class="queTop" style="padding: 20px 0 20px 0">
  4209. <div class="question">
  4210. <img src="../assets/icon/question.png" alt />
  4211. </div>
  4212. <div class="queTitle">
  4213. <div style="width: 90px; min-width: 90px">提问:</div>
  4214. <div>{{ answerQ }}</div>
  4215. </div>
  4216. </div>
  4217. <div class="ediBottom">
  4218. <textarea rows="6" class="binfo_input" cols style="width: 95%; height: 120px"
  4219. v-model="questionAnswer"></textarea>
  4220. </div>
  4221. </div>
  4222. </div>
  4223. <div slot="footer">
  4224. <el-button @click="answerDialogVisible = false">取 消</el-button>
  4225. <el-button type="primary" @click="addQuestion">提 交</el-button>
  4226. </div>
  4227. </el-dialog>
  4228. <el-dialog title="问答" :visible.sync="answerDialogVisibleTeacher" :append-to-body="true" width="800px"
  4229. :before-close="handleClose" class="dialog_diy">
  4230. <div>
  4231. <div class="w_name">
  4232. 学生姓名:<span>{{ sStudent.student }}</span>
  4233. </div>
  4234. <div style="
  4235. display: flex;
  4236. flex-wrap: nowrap;
  4237. flex-direction: column;
  4238. position: relative;
  4239. ">
  4240. <div class="queTop" style="padding: 20px 0 20px 0">
  4241. <div class="question">
  4242. <img src="../assets/icon/question.png" alt />
  4243. </div>
  4244. <div class="queTitle">
  4245. <div style="width: 90px; min-width: 90px">提问:</div>
  4246. <div>{{ answerQ }}</div>
  4247. </div>
  4248. </div>
  4249. <div class="ediBottom">
  4250. <textarea rows="6" class="binfo_input" cols style="width: 95%; height: 120px"
  4251. v-model="questionAnswer"></textarea>
  4252. </div>
  4253. </div>
  4254. </div>
  4255. <div slot="footer">
  4256. <el-button @click="answerDialogVisibleTeacher = false">取 消</el-button>
  4257. <el-button type="primary" @click="addQuestionTeacher">提 交</el-button>
  4258. </div>
  4259. </el-dialog>
  4260. <el-dialog title="倒计时" :visible.sync="timeDialogVisible" :append-to-body="true" width="800px"
  4261. :before-close="handleClose" class="dialog_diy">
  4262. <div>
  4263. <Time :preTime="preTime" v-if="timeDialogVisible"></Time>
  4264. </div>
  4265. <div slot="footer">
  4266. <el-button @click="timeDialogVisible = false">关 闭</el-button>
  4267. </div>
  4268. </el-dialog>
  4269. <el-dialog title="权限设置" :visible.sync="juriVisible" :append-to-body="true" width="400px" :before-close="handleClose"
  4270. class="dialog_diy">
  4271. <div>
  4272. <div class="open_box">
  4273. <div class="switch_box">
  4274. <span>允许学生查看所有作业</span>
  4275. <el-switch v-model="sIsOpen" active-text="" class="switchCss" @change="updateSLook"></el-switch>
  4276. </div>
  4277. <div class="switch_box" v-if="courseDetail.userid == userid ||
  4278. (courseDetail.course_teacher &&
  4279. courseDetail.course_teacher.indexOf(userid) != -1)
  4280. ">
  4281. <!-- v-if="courseDetail.userid == userid || courseDetail.course_teacher.indexOf(userid) != -1" -->
  4282. <span>禁止学生查看所有阶段</span>
  4283. <el-switch v-model="IsLookOpen" active-text="" class="switchCss" @change="updateLookOpen"></el-switch>
  4284. </div>
  4285. <div class="switch_box" v-if="courseDetail.userid == userid">
  4286. <span>开启跟随模式</span>
  4287. <el-switch v-model="IsFollow" active-text="" class="switchCss" @change="updateFollow"></el-switch>
  4288. </div>
  4289. </div>
  4290. </div>
  4291. <div slot="footer">
  4292. <el-button style="background: #409efe; color: #fff" @click="juriVisible = false">关 闭</el-button>
  4293. </div>
  4294. </el-dialog>
  4295. <el-dialog title="查看视频" :visible.sync="videoVisible" :append-to-body="true" width="1000px" :before-close="handleClose"
  4296. class="dialog_diy1">
  4297. <div class="workd_media" style="height: 100%" v-if="videoDetail.sources">
  4298. <video-player class="video-player vjs-custom-skin" :playsinline="true" :options="videoDetail"
  4299. @play="onPlayerPlay($event)" style="width: 100%; height: 100%"></video-player>
  4300. </div>
  4301. <div slot="footer">
  4302. <el-button style="background: #409efe; color: #fff"
  4303. @click="(videoVisible = false), (videoDetail.sources[0].src = '')">
  4304. 关 闭</el-button>
  4305. </div>
  4306. </el-dialog>
  4307. <el-dialog title="查看详情" :visible.sync="commentDialogVisible" :append-to-body="true" width="800px"
  4308. :before-close="handleClose" class="dialog_diy">
  4309. <div class="commentTop">
  4310. <div class="studentDetail">
  4311. <div class="tx"><img src="../assets/avatar.png" alt="" /></div>
  4312. <div class="nameAndTime">
  4313. <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
  4314. <div>{{ commentDetail.time }}</div>
  4315. </div>
  4316. <div class="returnBtn" style="margin-left: auto; width: 80px" v-if="commentDetail.works &&
  4317. commentDetail.type == 0 &&
  4318. (tType == 1 || tType == 4)
  4319. " @click="
  4320. showPicturePaint(
  4321. commentDetail.img ? commentDetail.img : commentDetail.works
  4322. )
  4323. ">
  4324. 教师批注
  4325. </div>
  4326. </div>
  4327. <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 2">
  4328. {{ JSON.parse(commentDetail.works)[0].answer }}
  4329. </div>
  4330. <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 1">
  4331. <img src="../assets/teacherWork.png" v-if="commentDetail.ateacher" class="w_teachert" />
  4332. <pdf v-if="showPDF" :pdfUrl="pptImgUrl" style="width: 100%; height: 520px; overflow: auto"
  4333. :class="{ fullStyle: full }"></pdf>
  4334. <iframe v-else :src="pptImgUrl" frameborder="0" width="100%" height="600" :class="{ fullStyle: full }"></iframe>
  4335. </div>
  4336. <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 0">
  4337. <img src="../assets/teacherWork.png" v-if="commentDetail.ateacher" class="w_teachert" style="right: 105px" />
  4338. <img :src="commentDetail.works" alt="" @click="previewImg(commentDetail.works)" />
  4339. </div>
  4340. <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 3">
  4341. <img src="../assets/teacherWork.png" v-if="commentDetail.ateacher" class="w_teachert" />
  4342. <video-player class="video-player vjs-custom-skin" :playsinline="true" :options="videoDetail"
  4343. @play="onPlayerPlay($event)" style="width: 90%; height: 100%; margin: 0 0 0 30px"></video-player>
  4344. </div>
  4345. <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 10">
  4346. <div class="cont" v-html="commentDetail.works.text"></div>
  4347. </div>
  4348. <div class="worksAnswer codeFileBox" v-if="commentDetail.works && commentDetail.type == 12"
  4349. @click="downloadFile(commentDetail.works)">
  4350. <img src="../assets/icon/codeFile.png" />
  4351. <div>点击下载文件</div>
  4352. </div>
  4353. <div class="worksAnswer codeFileBox" v-if="commentDetail.works && commentDetail.type == 15"
  4354. @click="openCocoPi(57, commentIndexJson.toolIndex, commentDetail.userid, commentDetail.sName)">
  4355. <img src="../assets/icon/codeFile.png" />
  4356. <div>点击打开CocoPi</div>
  4357. </div>
  4358. <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 13">
  4359. <div v-html="JSON.parse(commentDetail.works).text"></div>
  4360. </div>
  4361. <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 4">
  4362. <div class="evalCss">
  4363. <div class="nav">请选择星星进行评分</div>
  4364. <div class="middleBox" v-if="eScore.eStar">
  4365. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  4366. <div class="nameAndrate">
  4367. <div>{{ e.value }}</div>
  4368. <el-rate v-model="eScore.eStar[eIndex]" disabled></el-rate>
  4369. </div>
  4370. <div v-if="e.detail">{{ e.detail }}</div>
  4371. </div>
  4372. <div class="bz">
  4373. <textarea disabled rows="4" class="pj" style="
  4374. padding: 10px 5px;
  4375. width: 70%;
  4376. background: #f7f6f9;
  4377. font-size: 14px;
  4378. text-indent: 10px;
  4379. color: #000;
  4380. " cols v-model="eScore.eBzText" placeholder="请输入评价内容..."></textarea>
  4381. </div>
  4382. </div>
  4383. </div>
  4384. </div>
  4385. <div class="comment">
  4386. <div class="commentList">
  4387. <div class="commentImg">
  4388. <img @click="
  4389. isLikes(
  4390. commentDetail.wid,
  4391. userid,
  4392. 1,
  4393. null,
  4394. commentDetail.isLikes
  4395. )
  4396. " :src="commentDetail.isLikes == true ? likes : noLikes" alt="" />
  4397. </div>
  4398. <div>{{ commentDetail.likesCount }}</div>
  4399. </div>
  4400. <div class="commentList">
  4401. <div class="commentImg">
  4402. <img src="../assets/icon/comment/comment.png" alt="" />
  4403. </div>
  4404. <div>{{ commentDetail.commentCount }}</div>
  4405. </div>
  4406. </div>
  4407. <div class="drawPBox" v-if="commentDetail.img">
  4408. <span>教师批注</span>
  4409. <img :src="commentDetail.img" alt="" @click="previewImg(commentDetail.img)" />
  4410. <span class="deleteImg" v-if="tType == 1 || tType == 4" @click.stop="deletePicturePaint(commentDetail.wid)"
  4411. style="
  4412. font-size: 14px;
  4413. width: auto !important;
  4414. color: #b4b4b4;
  4415. top: unset;
  4416. bottom: 0;
  4417. border: none;
  4418. padding: 0;
  4419. height: auto !important;
  4420. margin: 0;
  4421. ">删除</span>
  4422. </div>
  4423. </div>
  4424. <div class="commentBox">
  4425. <div class="pl">评论:</div>
  4426. <div style="max-height: 200px; overflow: auto">
  4427. <div v-if="commentDetail.commentJson && commentDetail.commentJson.length" style="padding: 10px 0 0 0">
  4428. <div class="studentDetail" style="padding-top: 10px" v-for="(co, coIndex) in commentDetail.commentJson"
  4429. :key="coIndex">
  4430. <div class="tx" style="min-width: 50px">
  4431. <img src="../assets/avatar.png" alt="" />
  4432. </div>
  4433. <div class="plPerson">
  4434. <div class="plName">
  4435. <div>{{ co.commentPeople }}</div>
  4436. <div style="margin-left: 5px">
  4437. {{ co.commentTime }}
  4438. </div>
  4439. <div class="deleteComment" v-if="userid == co.userid" @click="deleteComment(co.wid)">
  4440. 删除
  4441. </div>
  4442. </div>
  4443. <div class="plContent">{{ co.commentText }}</div>
  4444. </div>
  4445. </div>
  4446. </div>
  4447. <div v-else style="padding: 10px 0 0 0">暂无评论</div>
  4448. </div>
  4449. </div>
  4450. <div style="margin-top: 10px">
  4451. <div class="displayBox">
  4452. <div style="
  4453. color: #556db4;
  4454. font-size: 14px;
  4455. font-weight: bold;
  4456. padding-bottom: 10px;
  4457. ">
  4458. 评价
  4459. </div>
  4460. <div class="easy_comment" v-if="false">
  4461. <div v-for="(p, pIndex) in PlTextList" :key="pIndex" @click="fastText(p, 1)">
  4462. {{ p }}
  4463. </div>
  4464. </div>
  4465. </div>
  4466. <div>
  4467. <textarea rows="3" class="pj" style="padding: 10px 5px" cols v-model="commentText"
  4468. placeholder="请输入评论"></textarea>
  4469. </div>
  4470. </div>
  4471. <div slot="footer">
  4472. <el-button @click="
  4473. (commentDialogVisible = false),
  4474. (commentIndexJson = {}),
  4475. videoDetail.sources && videoDetail.sources[0]
  4476. ? (videoDetail.sources[0].src = '')
  4477. : ''
  4478. ">取 消</el-button>
  4479. <el-button type="primary" @click="addComment(commentDetail.wid, userid, 2)">确 定</el-button>
  4480. </div>
  4481. </el-dialog>
  4482. <el-dialog title="查看文档" :visible.sync="fullDialogVisible" :append-to-body="true" width="100%"
  4483. :before-close="handleClose" :show-close="false" class="dialog_diy full_diy" :class="{ full_diy2: fulltype == 3 }">
  4484. <div slot="title" class="header-title">
  4485. <div style="color: #fff">查看文档</div>
  4486. <div @click="fullDialogVisible = false" style="
  4487. cursor: pointer;
  4488. position: absolute;
  4489. top: 20px;
  4490. right: 20px;
  4491. color: #fff;
  4492. ">
  4493. 退出全屏
  4494. </div>
  4495. </div>
  4496. <div style="height: 100%">
  4497. <div class="wheel" v-if="fulltype == 2 &&
  4498. fullUrl.indexOf(
  4499. 'https://view.officeapps.live.com/op/view.aspx?src='
  4500. ) != -1
  4501. " style="width: 95%; margin: 0 auto">
  4502. <iframe style="width: 100%; height: 100%; border: none" :src="fullUrl"></iframe>
  4503. </div>
  4504. <iframe v-else-if="fulltype == 2" style="width: 100%; height: 100%; border: none" :src="fullUrl"
  4505. security="restricted"
  4506. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"></iframe>
  4507. <pdf v-else-if="fulltype == 3" :pdfUrl="fullUrl" style="width: 100%; height: 100%; overflow: auto"></pdf>
  4508. <div class="wheel" v-if="fulltype == 1" style="
  4509. box-shadow: 0 0 6px 1px #f2f2f2;
  4510. width: 100%;
  4511. background: #f1f1f1;
  4512. ">
  4513. <div class="title" style="width: 100%; box-sizing: border-box">
  4514. 查看文档
  4515. </div>
  4516. <el-form class="textBox" style="height: 90%">
  4517. <el-form-item class="textTitle">
  4518. <div style="font-size: 22px">
  4519. {{ fullUrl.name }}
  4520. </div>
  4521. </el-form-item>
  4522. <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
  4523. <div v-html="fullUrl.url" class="textContent" style="height: auto"></div>
  4524. </el-form>
  4525. </div>
  4526. </div>
  4527. <!-- <div slot="footer">
  4528. <el-button @click="fullDialogVisible = false">关 闭</el-button>
  4529. </div> -->
  4530. </el-dialog>
  4531. <el-dialog title="个人评价" :visible.sync="studentEvalDialogVisible" :append-to-body="true" width="800px"
  4532. :before-close="handleClose" class="dialog_diy">
  4533. <div class="evalCss">
  4534. <div class="nav">请选择星星进行评分</div>
  4535. <div class="middleBox" v-if="eScore.eStar">
  4536. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  4537. <div class="nameAndrate">
  4538. <div>{{ e.value }}</div>
  4539. <el-rate v-model="eScore.eStar[eIndex]" :disabled="isStar"></el-rate>
  4540. </div>
  4541. <div v-if="e.detail">{{ e.detail }}</div>
  4542. </div>
  4543. <div class="easy_comment" v-if="false">
  4544. <div v-for="(p, pIndex) in PlTextList" :key="pIndex" @click="fastText(p, 2)">
  4545. {{ p }}
  4546. </div>
  4547. </div>
  4548. <div class="bz">
  4549. <textarea :disabled="isStar" rows="4" class="pj" style="
  4550. padding: 10px 5px;
  4551. width: 70%;
  4552. background: #f7f6f9;
  4553. font-size: 14px;
  4554. text-indent: 10px;
  4555. " cols v-model="eScore.eBzText" placeholder="请输入评价内容..."></textarea>
  4556. </div>
  4557. </div>
  4558. </div>
  4559. <div slot="footer">
  4560. <el-button @click="studentEvalDialogVisible = false">取 消</el-button>
  4561. <el-button type="primary" @click="addBzWorks" v-if="!isStar">确 定</el-button>
  4562. </div>
  4563. </el-dialog>
  4564. <el-dialog title="个人评价" :visible.sync="studentEvalDialogVisibleTeacher" :append-to-body="true" width="800px"
  4565. :before-close="handleClose" class="dialog_diy">
  4566. <div class="w_name">
  4567. 学生姓名:<span>{{ sStudent.student }}</span>
  4568. </div>
  4569. <div class="evalCss">
  4570. <div class="nav">请选择星星进行评分</div>
  4571. <div class="middleBox" v-if="eScore.eStar">
  4572. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  4573. <div class="nameAndrate">
  4574. <div>{{ e.value }}</div>
  4575. <el-rate v-model="eScore.eStar[eIndex]" :disabled="isStar"></el-rate>
  4576. </div>
  4577. <div v-if="e.detail">{{ e.detail }}</div>
  4578. </div>
  4579. <div class="easy_comment" v-if="false">
  4580. <div v-for="(p, pIndex) in PlTextList" :key="pIndex" @click="fastText(p, 2)">
  4581. {{ p }}
  4582. </div>
  4583. </div>
  4584. <div class="bz">
  4585. <textarea :disabled="isStar" rows="4" class="pj" style="
  4586. padding: 10px 5px;
  4587. width: 70%;
  4588. background: #f7f6f9;
  4589. font-size: 14px;
  4590. text-indent: 10px;
  4591. " cols v-model="eScore.eBzText" placeholder="请输入评价内容..."></textarea>
  4592. </div>
  4593. </div>
  4594. </div>
  4595. <div slot="footer">
  4596. <el-button @click="studentEvalDialogVisibleTeacher = false">取 消</el-button>
  4597. <el-button type="primary" @click="addBzWorksTeacher" v-if="!isStar">确 定</el-button>
  4598. </div>
  4599. </el-dialog>
  4600. <el-dialog title="选择填空" :visible.sync="dialogVisibleSelect" :append-to-body="true" width="90%"
  4601. :before-close="handleClose" class="dialog_diy dialog_diy3">
  4602. <div v-if="selectJson">
  4603. <div class="select_box2">
  4604. <div class="select_box2_title">
  4605. <div>选择填空</div>
  4606. <div>请选择对应的答案进行答题!</div>
  4607. </div>
  4608. <div class="select_box2_box">
  4609. <div class="select_box2_img">
  4610. <img :src="selectJson.url" @click="previewImg(selectJson.url)" alt="" />
  4611. </div>
  4612. <div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
  4613. <div style="padding-top: 15px">
  4614. <div class="select_answer_title" v-if="isSelect">
  4615. {{ selectAnswer.stu }}
  4616. </div>
  4617. <div class="select_answer_title" v-else>
  4618. 根据题目选择对应答案
  4619. </div>
  4620. <div class="select_box2_answer_box" v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex">
  4621. <span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
  4622. <el-select :disabled="isSelect" v-model="selectAnswer.answer[checkIndex]" placeholder="请选择正确答案">
  4623. <el-option v-for="(e, eIndex) in selectJson.select" :key="eIndex" :label="e" :value="eIndex">
  4624. </el-option>
  4625. </el-select>
  4626. </div>
  4627. </div>
  4628. <div class="rightAnswerCss" v-if="isSelect && (tType == 1 || tType == 4)">
  4629. <div v-for="(a, aIndex) in selectJson.answer" :key="aIndex" class="rightAnswer">
  4630. <div v-if="selectAnswer.answer[aIndex] === a" style="color: #767de1">
  4631. 回答正确
  4632. </div>
  4633. <div v-else>回答错误</div>
  4634. <div style="margin-left: 10px" v-if="selectAnswer.answer[aIndex] !== a">
  4635. 正确答案:
  4636. </div>
  4637. <div :class="selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
  4638. ">
  4639. {{ selectJson.select[a] }}
  4640. </div>
  4641. </div>
  4642. </div>
  4643. </div>
  4644. <div class="upAnswerCss">
  4645. <el-button type="primary" @click="addSelectAnswer" v-if="!isSelect">提交答案</el-button>
  4646. </div>
  4647. </div>
  4648. </div>
  4649. </div>
  4650. </el-dialog>
  4651. <el-dialog title="选择填空" :visible.sync="dialogVisibleSelectTeacher" :append-to-body="true" width="90%"
  4652. :before-close="handleClose" class="dialog_diy dialog_diy3">
  4653. <div v-if="selectJson">
  4654. <div class="w_name">
  4655. 学生姓名:<span>{{ sStudent.student }}</span>
  4656. </div>
  4657. <div class="select_box2">
  4658. <div class="select_box2_title">
  4659. <div>选择填空</div>
  4660. <div>请选择对应的答案进行答题!</div>
  4661. </div>
  4662. <div class="select_box2_box">
  4663. <div class="select_box2_img">
  4664. <img :src="selectJson.url" @click="previewImg(selectJson.url)" alt="" />
  4665. </div>
  4666. <div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
  4667. <div style="padding-top: 15px">
  4668. <div class="select_answer_title" v-if="isSelect">
  4669. {{ selectAnswer.stu }}
  4670. </div>
  4671. <div class="select_answer_title" v-else>
  4672. 根据题目选择对应答案
  4673. </div>
  4674. <div class="select_box2_answer_box" v-for="(item2, checkIndex) in selectJson.select" :key="checkIndex">
  4675. <span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
  4676. <el-select :disabled="isSelect" v-model="selectAnswer.answer[checkIndex]" placeholder="请选择正确答案">
  4677. <el-option v-for="(e, eIndex) in selectJson.select" :key="eIndex" :label="e" :value="eIndex">
  4678. </el-option>
  4679. </el-select>
  4680. </div>
  4681. </div>
  4682. <div class="rightAnswerCss" v-if="isSelect && (tType == 1 || tType == 4)">
  4683. <div v-for="(a, aIndex) in selectJson.answer" :key="aIndex" class="rightAnswer">
  4684. <div v-if="selectAnswer.answer[aIndex] === a" style="color: #767de1">
  4685. 回答正确
  4686. </div>
  4687. <div v-else>回答错误</div>
  4688. <div style="margin-left: 10px" v-if="selectAnswer.answer[aIndex] !== a">
  4689. 正确答案:
  4690. </div>
  4691. <div :class="selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
  4692. ">
  4693. {{ selectJson.select[a] }}
  4694. </div>
  4695. </div>
  4696. </div>
  4697. </div>
  4698. <div class="upAnswerCss">
  4699. <el-button type="primary" @click="addSelectAnswerTeacher" v-if="!isSelect">提交答案</el-button>
  4700. </div>
  4701. </div>
  4702. </div>
  4703. </div>
  4704. </el-dialog>
  4705. <el-dialog title="教师评分" :visible.sync="dialogVisibleScore" :append-to-body="true" width="800px"
  4706. :before-close="handleClose" class="dialog_diy">
  4707. <div>
  4708. <div class="studentDetail">
  4709. <div class="tx"><img src="../assets/avatar.png" alt="" /></div>
  4710. <div class="nameAndTime">
  4711. <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
  4712. <div>{{ commentDetail.time }}</div>
  4713. </div>
  4714. </div>
  4715. <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 2">
  4716. {{ JSON.parse(commentDetail.works)[0].answer }}
  4717. </div>
  4718. <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 1">
  4719. <pdf v-if="showPDF" :pdfUrl="pptImgUrl" style="width: 100%; height: 520px; overflow: auto"
  4720. :class="{ fullStyle: full }"></pdf>
  4721. <iframe v-else :src="pptImgUrl" frameborder="0" width="100%" height="600" :class="{ fullStyle: full }"></iframe>
  4722. </div>
  4723. <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 0">
  4724. <img :src="commentDetail.works" alt="" @click="previewImg(commentDetail.works)" />
  4725. </div>
  4726. <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 3">
  4727. <video-player class="video-player vjs-custom-skin" :playsinline="true" :options="videoDetail"
  4728. @play="onPlayerPlay($event)" style="width: 90%; height: 100%; margin: 0 0 0 30px"></video-player>
  4729. </div>
  4730. <div class="worksAnswer codeFileBox" v-if="commentDetail.works && commentDetail.type == 12"
  4731. @click="downloadFile(commentDetail.works)">
  4732. <img src="../assets/icon/codeFile.png" />
  4733. <div>点击下载文件</div>
  4734. </div>
  4735. <div class="worksAnswer codeFileBox" v-if="commentDetail.works && commentDetail.type == 15"
  4736. @click="openCocoPi(57, commentIndexJson.toolIndex, commentDetail.userid, commentDetail.sName)">
  4737. <img src="../assets/icon/codeFile.png" />
  4738. <div>点击打开CocoPi</div>
  4739. </div>
  4740. <div class="worksAnswer" v-if="commentDetail.works && commentDetail.type == 13">
  4741. <div v-html="JSON.parse(commentDetail.works).text"></div>
  4742. </div>
  4743. <div class="scoreBox">
  4744. <span class="t">请输入分数</span>
  4745. <el-input-number :disabled="courseDetail.userid != userid" v-model="wScore" :controls="false" :min="0"
  4746. :max="100"></el-input-number>
  4747. </div>
  4748. <div class="scoreDetailBox">
  4749. <span class="t">评分评论</span>
  4750. <el-input type="textarea" :rows="5" :disabled="courseDetail.userid != userid" resize="none"
  4751. v-model="scoreDetail" placeholder="请输入对学生的评价">
  4752. </el-input>
  4753. </div>
  4754. </div>
  4755. <span slot="footer" class="dialog-footer">
  4756. <el-button @click="
  4757. (dialogVisibleScore = false),
  4758. (commentIndexJson = {}),
  4759. videoDetail.sources && videoDetail.sources[0]
  4760. ? (videoDetail.sources[0].src = '')
  4761. : ''
  4762. ">取 消</el-button>
  4763. <el-button type="primary" v-if="courseDetail.userid == userid" @click="scoreWork(commentDetail.wid)">确 定
  4764. </el-button>
  4765. </span>
  4766. </el-dialog>
  4767. <el-dialog title="连词成句" :visible.sync="dialogVisibleSentence" :append-to-body="true" width="1000px"
  4768. :before-close="handleClose" class="dialog_diy dialog_diy3">
  4769. <div>
  4770. <div class="sentenBox">
  4771. <div v-for="(st, stIndex) in sentenceList" :key="stIndex" style="padding-bottom: 20px">
  4772. <div style="padding: 15px 0 10px 20px">请选择正确顺序</div>
  4773. <div class="cardList" v-if="st.chooseSenList">
  4774. <div class="cardBox">
  4775. <div v-for="(r, rIndex) in st.chooseSenList" :key="rIndex" @click="returnCard(r, stIndex, rIndex)">
  4776. <el-tooltip class="item" effect="light" :content="r" placement="top" v-if="r != '' && r != undefined">
  4777. <div :class="{
  4778. isCard: r,
  4779. isChooseCard: r == '' || r == undefined,
  4780. }">
  4781. <div>{{ r }}</div>
  4782. </div>
  4783. </el-tooltip>
  4784. <div :class="{
  4785. isCard: r,
  4786. isChooseCard: r == '' || r == undefined,
  4787. }" v-else>
  4788. <div>{{ r }}</div>
  4789. </div>
  4790. </div>
  4791. </div>
  4792. </div>
  4793. <div class="cardList" v-if="st.addChangeSen">
  4794. <div class="cardBox">
  4795. <div v-for="(s, sIndex) in st.addChangeSen" :key="sIndex" @click="setRightAnswer(s, stIndex, sIndex)">
  4796. <el-tooltip class="item" effect="light" :content="s" placement="top" v-if="s != '' && s != undefined">
  4797. <div :class="{ noCard: s == '' || s == undefined, isCard: s }">
  4798. <div>{{ s }}</div>
  4799. </div>
  4800. </el-tooltip>
  4801. <div :class="{ noCard: s == '' || s == undefined, isCard: s }" v-else>
  4802. <div>{{ s }}</div>
  4803. </div>
  4804. </div>
  4805. </div>
  4806. </div>
  4807. </div>
  4808. </div>
  4809. </div>
  4810. <span slot="footer" class="dialog-footer">
  4811. <el-button @click="dialogVisibleSentence = false">取 消</el-button>
  4812. <el-button type="primary" @click="addSenWorks">确 定</el-button>
  4813. </span>
  4814. </el-dialog>
  4815. <el-dialog title="连词成句" :visible.sync="dialogVisibleSentenceTeacher" :append-to-body="true" width="1000px"
  4816. :before-close="handleClose" class="dialog_diy dialog_diy3">
  4817. <div>
  4818. <div class="w_name">
  4819. 学生姓名:<span>{{ sStudent.student }}</span>
  4820. </div>
  4821. <div class="sentenBox">
  4822. <div v-for="(st, stIndex) in sentenceList" :key="stIndex" style="padding-bottom: 20px">
  4823. <div style="padding: 15px 0 10px 20px">请选择正确顺序</div>
  4824. <div class="cardList" v-if="st.chooseSenList">
  4825. <div class="cardBox">
  4826. <div v-for="(r, rIndex) in st.chooseSenList" :key="rIndex" @click="returnCard(r, stIndex, rIndex)">
  4827. <el-tooltip class="item" effect="light" :content="r" placement="top" v-if="r != '' && r != undefined">
  4828. <div :class="{
  4829. isCard: r,
  4830. isChooseCard: r == '' || r == undefined,
  4831. }">
  4832. <div>{{ r }}</div>
  4833. </div>
  4834. </el-tooltip>
  4835. <div :class="{
  4836. isCard: r,
  4837. isChooseCard: r == '' || r == undefined,
  4838. }" v-else>
  4839. <div>{{ r }}</div>
  4840. </div>
  4841. </div>
  4842. </div>
  4843. </div>
  4844. <div class="cardList" v-if="st.addChangeSen">
  4845. <div class="cardBox">
  4846. <div v-for="(s, sIndex) in st.addChangeSen" :key="sIndex" @click="setRightAnswer(s, stIndex, sIndex)">
  4847. <el-tooltip class="item" effect="light" :content="s" placement="top" v-if="s != '' && s != undefined">
  4848. <div :class="{ noCard: s == '' || s == undefined, isCard: s }">
  4849. <div>{{ s }}</div>
  4850. </div>
  4851. </el-tooltip>
  4852. <div :class="{ noCard: s == '' || s == undefined, isCard: s }" v-else>
  4853. <div>{{ s }}</div>
  4854. </div>
  4855. </div>
  4856. </div>
  4857. </div>
  4858. </div>
  4859. </div>
  4860. </div>
  4861. <span slot="footer" class="dialog-footer">
  4862. <el-button @click="dialogVisibleSentenceTeacher = false">取 消</el-button>
  4863. <el-button type="primary" @click="addSenWorksTeacher">确 定</el-button>
  4864. </span>
  4865. </el-dialog>
  4866. <el-dialog title="连词成句" :visible.sync="dialogVisibleSentence1" :append-to-body="true" width="1000px"
  4867. :before-close="handleClose" class="dialog_diy dialog_diy3">
  4868. <div>
  4869. <div class="sentenBox">
  4870. <div style="padding: 15px 0 10px 20px; font-size: 20px">
  4871. {{ sentenceList1.stuName }}的作业
  4872. </div>
  4873. <div v-for="(st, stIndex) in sentenceList1" :key="stIndex" style="padding-bottom: 20px">
  4874. <div style="padding: 15px 0 10px 20px; font-size: 20px">
  4875. 第{{ stIndex + 1 }}题
  4876. </div>
  4877. <div class="isWrong">
  4878. <div class="cardList1" v-if="st.chooseSenList">
  4879. <div class="cardBox">
  4880. <div v-for="(s, sIndex) in st.chooseSenList" :key="sIndex">
  4881. <el-tooltip class="item" effect="light" :content="s" placement="top">
  4882. <div class="isCard">
  4883. <div>{{ s }}</div>
  4884. </div>
  4885. </el-tooltip>
  4886. </div>
  4887. </div>
  4888. <div class="cardAnswerBox">
  4889. 组成句子:{{ st.chooseSenList.join(" ") }}
  4890. </div>
  4891. </div>
  4892. <div v-if="tType == 2" class="isTj">
  4893. <div class="isTjImg">
  4894. <img src="../assets/icon/conSentences/right.png" alt="" />
  4895. </div>
  4896. <div>已提交</div>
  4897. </div>
  4898. <div class="answerRight isTj" v-if="st.chooseSenList.toString() == st.rightAnswer.toString() &&
  4899. (tType == 1 || tType == 4)
  4900. ">
  4901. <div class="isTjImg">
  4902. <img src="../assets/icon/conSentences/right.png" alt="" />
  4903. </div>
  4904. <div>回答正确</div>
  4905. </div>
  4906. <div class="answerRight isTj" v-if="st.chooseSenList.toString() != st.rightAnswer.toString() &&
  4907. (tType == 1 || tType == 4)
  4908. ">
  4909. <div class="isTjImg">
  4910. <img src="../assets/icon/conSentences/wrong.png" alt="" />
  4911. </div>
  4912. <div>回答错误</div>
  4913. </div>
  4914. </div>
  4915. <div v-if="st.chooseSenList.toString() != st.rightAnswer.toString() &&
  4916. (tType == 1 || tType == 4)
  4917. ">
  4918. <div style="padding: 15px 0 10px 20px">正确答案如下:</div>
  4919. <div class="cardList" v-if="st.rightAnswer" style="border: none; padding: 10px 0 10px 10px; margin: 0">
  4920. <div class="cardBox">
  4921. <div v-for="(r, rIndex) in st.rightAnswer" :key="rIndex">
  4922. <el-tooltip class="item" effect="light" :content="r" placement="top">
  4923. <div class="isCard1">
  4924. <div>{{ r }}</div>
  4925. </div>
  4926. </el-tooltip>
  4927. </div>
  4928. </div>
  4929. <div class="cardAnswerBox">
  4930. 组成句子:{{ st.rightAnswer.join(" ") }}
  4931. </div>
  4932. </div>
  4933. </div>
  4934. </div>
  4935. </div>
  4936. </div>
  4937. <span slot="footer" class="dialog-footer">
  4938. <el-button @click="dialogVisibleSentence1 = false">取 消</el-button>
  4939. <el-button type="primary" @click="dialogVisibleSentence1 = false">确 定</el-button>
  4940. </span>
  4941. </el-dialog>
  4942. <el-dialog title="教师提交作业" :visible.sync="dialogVisibleWorks" :append-to-body="true" width="500px"
  4943. :before-close="handleClose" class="dialog_change">
  4944. <div class="marginT">
  4945. <div class="w_name">
  4946. 学生姓名:<span>{{ sStudent.student }}</span>
  4947. </div>
  4948. <div>上传文件</div>
  4949. <div class="chapter_add" @click="addImg($event)" v-if="studyJuri[0].cover.length == 0">
  4950. <div class="up_photo">
  4951. <img src="../assets/uploadImg2.png" alt />
  4952. </div>
  4953. <!-- <input
  4954. type="file"
  4955. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  4956. style="display: none"
  4957. @change="beforeUpload1($event, 1)"
  4958. /> -->
  4959. <input type="file" accept="*" style="display: none" @change="beforeUpload1($event, 1)" />
  4960. </div>
  4961. <!-- capture="camera" -->
  4962. <div class="chapter_add" style="
  4963. display: flex;
  4964. width: 100%;
  4965. flex-direction: row;
  4966. flex-wrap: wrap;
  4967. justify-content: flex-start;
  4968. padding: 15px 0;
  4969. " v-if="studyJuri[0].cover.length > 0">
  4970. <div class="upCover">
  4971. <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
  4972. <img :src="word" alt v-else-if="fileType == 1" />
  4973. <img :src="video" alt v-else-if="fileType == 2" />
  4974. <img :src="word2" alt v-else-if="fileType == 3" />
  4975. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  4976. <div class="deleteWord" @click="clean(1)">
  4977. <img src="../assets/icon/deleteWorks.png" alt />
  4978. </div>
  4979. </div>
  4980. </div>
  4981. </div>
  4982. <div class="upload_send" @click="addCourseWorksTeacher(taskCount)" v-if="!proVisible">
  4983. 提交
  4984. </div>
  4985. </el-dialog>
  4986. <ImgDraw :drawShow="drawShow" @closeDraw="closeDraw" @addImgDraw="addImgDraw" :bg="bg"></ImgDraw>
  4987. <el-dialog title="表格" :visible.sync="dialogVisibleTable" :append-to-body="true" width="95%"
  4988. :before-close="handleClose" class="dialog_diy">
  4989. <el-form>
  4990. <div style="
  4991. display: flex;
  4992. align-items: center;
  4993. justify-content: space-between;
  4994. ">
  4995. <span>表格内容</span>
  4996. <el-button type="primary" size="small" @click="returnTableText">还原模板</el-button>
  4997. </div>
  4998. <Table v-model="tableJson.text" @change="change" v-if="dialogVisibleTable"></Table>
  4999. </el-form>
  5000. <span slot="footer" class="dialog-footer">
  5001. <el-button @click="dialogVisibleTable = false">取 消</el-button>
  5002. <el-button type="primary" @click="addTableWorks">确定</el-button>
  5003. </span>
  5004. </el-dialog>
  5005. <el-dialog title="表格" :visible.sync="dialogVisibleTableTeacher" :append-to-body="true" width="95%"
  5006. :before-close="handleClose" class="dialog_diy">
  5007. <el-form>
  5008. <div class="w_name">
  5009. 学生姓名:<span>{{ sStudent.student }}</span>
  5010. </div>
  5011. <div>表格内容</div>
  5012. <Table v-model="tableJson.text" @change="change" v-if="dialogVisibleTableTeacher"></Table>
  5013. </el-form>
  5014. <span slot="footer" class="dialog-footer">
  5015. <el-button @click="dialogVisibleTableTeacher = false">取 消</el-button>
  5016. <el-button type="primary" @click="addTableWorksTeacher">确定</el-button>
  5017. </span>
  5018. </el-dialog>
  5019. <el-dialog title="文档" :visible.sync="dialogVisibleWord" :append-to-body="true" width="95%" :before-close="handleClose"
  5020. class="dialog_diy">
  5021. <el-form>
  5022. <div style="
  5023. display: flex;
  5024. align-items: center;
  5025. justify-content: space-between;
  5026. ">
  5027. <span>文档内容</span>
  5028. <el-button type="primary" size="small" @click="returnWordText">还原模板</el-button>
  5029. </div>
  5030. <editor-bar v-model="wordJson.text" v-if="dialogVisibleWord"></editor-bar>
  5031. </el-form>
  5032. <span slot="footer" class="dialog-footer">
  5033. <el-button @click="dialogVisibleWord = false">取 消</el-button>
  5034. <el-button type="primary" @click="addWordWorks">确定</el-button>
  5035. </span>
  5036. </el-dialog>
  5037. <el-dialog title="文档" :visible.sync="dialogVisibleWordTeacher" :append-to-body="true" width="95%"
  5038. :before-close="handleClose" class="dialog_diy">
  5039. <el-form>
  5040. <div class="w_name">
  5041. 学生姓名:<span>{{ sStudent.student }}</span>
  5042. </div>
  5043. <div>文档内容</div>
  5044. <editor-bar v-model="wordJson.text" v-if="dialogVisibleWordTeacher"></editor-bar>
  5045. </el-form>
  5046. <span slot="footer" class="dialog-footer">
  5047. <el-button @click="dialogVisibleWordTeacher = false">取 消</el-button>
  5048. <el-button type="primary" @click="addWordWorksTeacher">确定</el-button>
  5049. </span>
  5050. </el-dialog>
  5051. <el-dialog title="表格" :visible.sync="dialogVisibleTable2" :append-to-body="true" width="95%"
  5052. :before-close="handleClose" class="dialog_diy">
  5053. <el-form>
  5054. <div class="cont" v-html="tableJson.text"></div>
  5055. </el-form>
  5056. <span slot="footer" class="dialog-footer">
  5057. <el-button @click="dialogVisibleTable2 = false">关 闭</el-button>
  5058. </span>
  5059. </el-dialog>
  5060. <el-dialog title="文档" :visible.sync="dialogVisibleTable3" :append-to-body="true" width="95%"
  5061. :before-close="handleClose" class="dialog_diy">
  5062. <el-form>
  5063. <div class="cont" v-html="tableJson.text"></div>
  5064. </el-form>
  5065. <span slot="footer" class="dialog-footer">
  5066. <el-button @click="dialogVisibleTable3 = false">关 闭</el-button>
  5067. </span>
  5068. </el-dialog>
  5069. <el-dialog title="分组设置" :visible.sync="dialogVisibleGroup" :append-to-body="true" width="95%"
  5070. :before-close="handleClose" class="dialog_diy">
  5071. <div v-if="dialogVisibleGroup">
  5072. <div v-if="courseDetail.userid == userid" class="g_d_btnBox">
  5073. <div style="color: rgb(171 171 171); margin: 0 10px 0 0">
  5074. 提示:开启【开放选座】,学生能够自由加入和退出小组。
  5075. </div>
  5076. <!-- <div type="primary" v-if="groupJson.islock == 1" class="returnBtn" style="background-color: #225bc7"
  5077. @click="lockChair">
  5078. 锁定位置
  5079. </div>
  5080. <div type="primary" v-else class="returnBtn" style="background-color: #225bc7" @click="lockChair">
  5081. 解锁位置
  5082. </div> -->
  5083. <div class="group_switch">
  5084. <span>开放选座</span>
  5085. <el-switch v-model="islock" active-text="" class="switchCss" @change="lockChair"></el-switch>
  5086. </div>
  5087. <div type="primary" @click="updateGroup" class="returnBtn" style="background-color: #225bc7">
  5088. 分组设置
  5089. </div>
  5090. </div>
  5091. <div>
  5092. <div class="g_d_box" v-if="groupJson.group && groupStudent[toolindex]">
  5093. <div class="g_d_group" v-for="(g, gindex) in groupJson.group" :key="gindex">
  5094. <div class="g_d_group_chair">
  5095. <div v-if="groupJson.number > 1">
  5096. <span :class="{
  5097. isChair:
  5098. groupStudent[toolindex][gindex] &&
  5099. groupStudent[toolindex][gindex][0],
  5100. updateChair:
  5101. courseDetail.userid == userid &&
  5102. groupStudent[toolindex][gindex] &&
  5103. groupStudent[toolindex][gindex][0] &&
  5104. groupJson.islock == 2,
  5105. }"><span class="updateChairBtn" @click="
  5106. updateGroupChair(
  5107. groupStudent[toolindex][gindex] &&
  5108. groupStudent[toolindex][gindex][0]
  5109. )
  5110. ">修改</span></span><span>{{
  5111. groupStudent[toolindex][gindex] &&
  5112. groupStudent[toolindex][gindex][0]
  5113. ? groupStudent[toolindex][gindex] &&
  5114. groupStudent[toolindex][gindex][0].name
  5115. : "空位置"
  5116. }}</span>
  5117. </div>
  5118. <div v-if="groupJson.number > 4">
  5119. <span :class="{
  5120. isChair:
  5121. groupStudent[toolindex][gindex] &&
  5122. groupStudent[toolindex][gindex][4],
  5123. updateChair:
  5124. courseDetail.userid == userid &&
  5125. groupStudent[toolindex][gindex] &&
  5126. groupStudent[toolindex][gindex][4] &&
  5127. groupJson.islock == 2,
  5128. }"><span class="updateChairBtn" @click="
  5129. updateGroupChair(
  5130. groupStudent[toolindex][gindex] &&
  5131. groupStudent[toolindex][gindex][4]
  5132. )
  5133. ">修改</span></span><span>{{
  5134. groupStudent[toolindex][gindex] &&
  5135. groupStudent[toolindex][gindex][4]
  5136. ? groupStudent[toolindex][gindex] &&
  5137. groupStudent[toolindex][gindex][4].name
  5138. : "空位置"
  5139. }}</span>
  5140. </div>
  5141. <div v-if="groupJson.number > 8">
  5142. <span :class="{
  5143. isChair:
  5144. groupStudent[toolindex][gindex] &&
  5145. groupStudent[toolindex][gindex][8],
  5146. updateChair:
  5147. courseDetail.userid == userid &&
  5148. groupStudent[toolindex][gindex] &&
  5149. groupStudent[toolindex][gindex][8] &&
  5150. groupJson.islock == 2,
  5151. }"><span class="updateChairBtn" @click="
  5152. updateGroupChair(
  5153. groupStudent[toolindex][gindex] &&
  5154. groupStudent[toolindex][gindex][8]
  5155. )
  5156. ">修改</span></span><span>{{
  5157. groupStudent[toolindex][gindex] &&
  5158. groupStudent[toolindex][gindex][8]
  5159. ? groupStudent[toolindex][gindex] &&
  5160. groupStudent[toolindex][gindex][8].name
  5161. : "空位置"
  5162. }}</span>
  5163. </div>
  5164. </div>
  5165. <div class="g_d_group_tableBox">
  5166. <div class="g_d_group_chair2">
  5167. <div v-if="groupJson.number > 2">
  5168. <span :class="{
  5169. isChair:
  5170. groupStudent[toolindex][gindex] &&
  5171. groupStudent[toolindex][gindex][2],
  5172. updateChair:
  5173. courseDetail.userid == userid &&
  5174. groupStudent[toolindex][gindex] &&
  5175. groupStudent[toolindex][gindex][2] &&
  5176. groupJson.islock == 2,
  5177. }"><span class="updateChairBtn" @click="
  5178. updateGroupChair(
  5179. groupStudent[toolindex][gindex] &&
  5180. groupStudent[toolindex][gindex][2]
  5181. )
  5182. ">修改</span></span><span>{{
  5183. groupStudent[toolindex][gindex] &&
  5184. groupStudent[toolindex][gindex][2]
  5185. ? groupStudent[toolindex][gindex] &&
  5186. groupStudent[toolindex][gindex][2].name
  5187. : "空位置"
  5188. }}</span>
  5189. </div>
  5190. <div v-if="groupJson.number > 6">
  5191. <span :class="{
  5192. isChair:
  5193. groupStudent[toolindex][gindex] &&
  5194. groupStudent[toolindex][gindex][6],
  5195. updateChair:
  5196. courseDetail.userid == userid &&
  5197. groupStudent[toolindex][gindex] &&
  5198. groupStudent[toolindex][gindex][6] &&
  5199. groupJson.islock == 2,
  5200. }"><span class="updateChairBtn" @click="
  5201. updateGroupChair(
  5202. groupStudent[toolindex][gindex] &&
  5203. groupStudent[toolindex][gindex][6]
  5204. )
  5205. ">修改</span></span><span>{{
  5206. groupStudent[toolindex][gindex] &&
  5207. groupStudent[toolindex][gindex][6]
  5208. ? groupStudent[toolindex][gindex] &&
  5209. groupStudent[toolindex][gindex][6].name
  5210. : "空位置"
  5211. }}</span>
  5212. </div>
  5213. </div>
  5214. <div class="g_d_group_table">
  5215. <div>
  5216. {{ g.name }}
  5217. </div>
  5218. <div>
  5219. <div v-if="courseDetail.userid == userid && groupJson.islock == 2
  5220. " @click="deleteGroupChair(gindex)">
  5221. 移除组员
  5222. </div>
  5223. <div @click="selectGroup(gindex)" v-else-if="groupStudentUid[toolindex] &&
  5224. groupStudentUid[toolindex][gindex].indexOf(userid) == -1
  5225. ">
  5226. 加入分组
  5227. </div>
  5228. <div @click="
  5229. exitGroup(
  5230. groupStudent[toolindex][gindex] &&
  5231. groupStudent[toolindex][gindex][
  5232. groupStudentUid[toolindex][gindex].indexOf(userid)
  5233. ].id
  5234. )
  5235. " v-else-if="groupStudentUid[toolindex] &&
  5236. groupStudentUid[toolindex][gindex].indexOf(userid) != -1
  5237. ">
  5238. 退出分组
  5239. </div>
  5240. </div>
  5241. </div>
  5242. <div class="g_d_group_chair2">
  5243. <div v-if="groupJson.number > 3">
  5244. <span :class="{
  5245. isChair:
  5246. groupStudent[toolindex][gindex] &&
  5247. groupStudent[toolindex][gindex][3],
  5248. updateChair:
  5249. courseDetail.userid == userid &&
  5250. groupStudent[toolindex][gindex] &&
  5251. groupStudent[toolindex][gindex][3] &&
  5252. groupJson.islock == 2,
  5253. }"><span class="updateChairBtn" @click="
  5254. updateGroupChair(
  5255. groupStudent[toolindex][gindex] &&
  5256. groupStudent[toolindex][gindex][3]
  5257. )
  5258. ">修改</span></span><span>{{
  5259. groupStudent[toolindex][gindex] &&
  5260. groupStudent[toolindex][gindex][3]
  5261. ? groupStudent[toolindex][gindex] &&
  5262. groupStudent[toolindex][gindex][3].name
  5263. : "空位置"
  5264. }}</span>
  5265. </div>
  5266. <div v-if="groupJson.number > 7">
  5267. <span :class="{
  5268. isChair:
  5269. groupStudent[toolindex][gindex] &&
  5270. groupStudent[toolindex][gindex][7],
  5271. updateChair:
  5272. courseDetail.userid == userid &&
  5273. groupStudent[toolindex][gindex] &&
  5274. groupStudent[toolindex][gindex][7] &&
  5275. groupJson.islock == 2,
  5276. }"><span class="updateChairBtn" @click="
  5277. updateGroupChair(
  5278. groupStudent[toolindex][gindex] &&
  5279. groupStudent[toolindex][gindex][7]
  5280. )
  5281. ">修改</span></span><span>{{
  5282. groupStudent[toolindex][gindex] &&
  5283. groupStudent[toolindex][gindex][7]
  5284. ? groupStudent[toolindex][gindex] &&
  5285. groupStudent[toolindex][gindex][7].name
  5286. : "空位置"
  5287. }}</span>
  5288. </div>
  5289. </div>
  5290. </div>
  5291. <div class="g_d_group_chair">
  5292. <div v-if="groupJson.number > 1">
  5293. <span :class="{
  5294. isChair:
  5295. groupStudent[toolindex][gindex] &&
  5296. groupStudent[toolindex][gindex][1],
  5297. updateChair:
  5298. courseDetail.userid == userid &&
  5299. groupStudent[toolindex][gindex] &&
  5300. groupStudent[toolindex][gindex][1] &&
  5301. groupJson.islock == 2,
  5302. }"><span class="updateChairBtn" @click="
  5303. updateGroupChair(
  5304. groupStudent[toolindex][gindex] &&
  5305. groupStudent[toolindex][gindex][1]
  5306. )
  5307. ">修改</span></span><span>{{
  5308. groupStudent[toolindex][gindex] &&
  5309. groupStudent[toolindex][gindex][1]
  5310. ? groupStudent[toolindex][gindex] &&
  5311. groupStudent[toolindex][gindex][1].name
  5312. : "空位置"
  5313. }}</span>
  5314. </div>
  5315. <div v-if="groupJson.number > 5">
  5316. <span :class="{
  5317. isChair:
  5318. groupStudent[toolindex][gindex] &&
  5319. groupStudent[toolindex][gindex][5],
  5320. updateChair:
  5321. courseDetail.userid == userid &&
  5322. groupStudent[toolindex][gindex] &&
  5323. groupStudent[toolindex][gindex][5] &&
  5324. groupJson.islock == 2,
  5325. }"><span class="updateChairBtn" @click="
  5326. updateGroupChair(
  5327. groupStudent[toolindex][gindex] &&
  5328. groupStudent[toolindex][gindex][5]
  5329. )
  5330. ">修改</span></span><span>{{
  5331. groupStudent[toolindex][gindex] &&
  5332. groupStudent[toolindex][gindex][5]
  5333. ? groupStudent[toolindex][gindex] &&
  5334. groupStudent[toolindex][gindex][5].name
  5335. : "空位置"
  5336. }}</span>
  5337. </div>
  5338. <div v-if="groupJson.number > 9">
  5339. <span :class="{
  5340. isChair:
  5341. groupStudent[toolindex][gindex] &&
  5342. groupStudent[toolindex][gindex][9],
  5343. updateChair:
  5344. courseDetail.userid == userid &&
  5345. groupStudent[toolindex][gindex] &&
  5346. groupStudent[toolindex][gindex][9] &&
  5347. groupJson.islock == 2,
  5348. }"><span class="updateChairBtn" @click="
  5349. updateGroupChair(
  5350. groupStudent[toolindex][gindex] &&
  5351. groupStudent[toolindex][gindex][9]
  5352. )
  5353. ">修改</span></span><span>{{
  5354. groupStudent[toolindex][gindex] &&
  5355. groupStudent[toolindex][gindex][9]
  5356. ? groupStudent[toolindex][gindex] &&
  5357. groupStudent[toolindex][gindex][9].name
  5358. : "空位置"
  5359. }}</span>
  5360. </div>
  5361. </div>
  5362. </div>
  5363. </div>
  5364. </div>
  5365. </div>
  5366. <span slot="footer" class="dialog-footer">
  5367. <!-- <el-button @click="(dialogVisibleGroup = false)">关 闭</el-button> -->
  5368. </span>
  5369. </el-dialog>
  5370. <el-dialog title="分组设置" :visible.sync="dialogVisibleGroup2" :append-to-body="true" width="650px"
  5371. :before-close="handleClose" class="dialog_diy">
  5372. <div class="groupBox">
  5373. <div v-if="groupJson2.group" class="groupContent">
  5374. <div class="groupTitle">请设置小组数量</div>
  5375. <div v-for="(item, index) in groupJson2.group" :key="index" class="groupName">
  5376. <span class="groupn">组{{ index + 1 }}名称:</span>
  5377. <el-input v-model="item.name" placeholder="请输入名称..." style="width: 250px"></el-input>
  5378. <!-- <div class="groupBtn">
  5379. <el-button type="primary" size="small" @click="addGroup(index)">
  5380. 添加</el-button>
  5381. <el-button type="primary" size="small" @click="deleteGroup(index)"
  5382. v-if="groupJson2.group && groupJson2.group.length > 1">删除</el-button>
  5383. </div> -->
  5384. </div>
  5385. </div>
  5386. <div class="groupContent">
  5387. <div class="groupTitle">请设置每组人数数量</div>
  5388. <!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
  5389. style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
  5390. <el-input-number v-model="groupJson2.number" :controls="false" :min="2" :max="10"
  5391. placeholder="2-10人以内"></el-input-number>
  5392. </div>
  5393. </div>
  5394. <span slot="footer" class="dialog-footer">
  5395. <el-button @click="dialogVisibleGroup2 = false">取 消</el-button>
  5396. <el-button type="primary" @click="updateGroupJson">确定</el-button>
  5397. </span>
  5398. </el-dialog>
  5399. <el-dialog title="作业提交" :visible.sync="dialogVisibleGroupWork" :append-to-body="true" width="500px"
  5400. :before-close="handleClose" class="dialog_change">
  5401. <div class="marginT">
  5402. <div>上传文件</div>
  5403. <div class="chapter_add" @click="addImg($event)" v-if="studyJuri[0].cover.length == 0">
  5404. <div class="up_photo">
  5405. <img src="../assets/icon/uploadImg.png" alt />
  5406. </div>
  5407. <!-- <input
  5408. type="file"
  5409. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  5410. style="display: none"
  5411. @change="beforeUpload1($event, 1)"
  5412. /> -->
  5413. <input type="file" accept="*" style="display: none" @change="beforeUpload1($event, 1)" />
  5414. </div>
  5415. <!-- capture="camera" -->
  5416. <div class="chapter_add" style="
  5417. display: flex;
  5418. width: 100%;
  5419. flex-direction: row;
  5420. flex-wrap: wrap;
  5421. justify-content: flex-start;
  5422. padding: 15px 0;
  5423. " v-if="studyJuri[0].cover.length > 0">
  5424. <div class="upCover">
  5425. <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
  5426. <img :src="word" alt v-else-if="fileType == 1" />
  5427. <img :src="video" alt v-else-if="fileType == 2" />
  5428. <img :src="word2" alt v-else-if="fileType == 3" />
  5429. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  5430. <div class="deleteWord" @click="clean(1)">
  5431. <img src="../assets/icon/deleteWorks.png" alt />
  5432. </div>
  5433. </div>
  5434. </div>
  5435. </div>
  5436. <div class="upload_send" @click="addCourseWorks2(taskCount)" v-if="!proVisible">
  5437. 提交
  5438. </div>
  5439. </el-dialog>
  5440. <el-dialog title="修改分组" :visible.sync="dialogVisibleUpdateGroup" :append-to-body="true" width="350px"
  5441. :before-close="handleClose" class="dialog_diy">
  5442. <div>
  5443. <h2>
  5444. {{ this.updateGroupUser.name }}
  5445. </h2>
  5446. <div style="color: rgb(171 171 171); margin-top: 10px">
  5447. 请选择要进入的分组
  5448. </div>
  5449. <el-radio-group v-model="checkChair">
  5450. <el-radio style="display: block; margin-top: 20px" v-for="(item, index) in updateGroupArray" :label="item.label"
  5451. :key="index">{{ item.name }}</el-radio>
  5452. </el-radio-group>
  5453. </div>
  5454. <span slot="footer" class="dialog-footer">
  5455. <el-button @click="dialogVisibleUpdateGroup = false">取 消</el-button>
  5456. <el-button type="primary" @click="updateChair">确定</el-button>
  5457. </span>
  5458. </el-dialog>
  5459. <el-dialog title="移除组员" :visible.sync="dialogVisibleDeleteGroup" :append-to-body="true" width="350px"
  5460. :before-close="handleClose" class="dialog_diy">
  5461. <div>
  5462. <h2>
  5463. {{ this.deleteGroupArray.name }}
  5464. </h2>
  5465. <div style="color: rgb(171 171 171); margin-top: 10px">
  5466. 请选择要删除的组员
  5467. </div>
  5468. <el-checkbox-group v-model="checkDeleteGroup">
  5469. <el-checkbox style="display: block; margin-top: 20px" v-for="(item, index) in deleteGroupUser"
  5470. :label="item.userid" :key="index">{{ item.name }}</el-checkbox>
  5471. </el-checkbox-group>
  5472. </div>
  5473. <span slot="footer" class="dialog-footer">
  5474. <el-button @click="dialogVisibleDeleteGroup = false">取 消</el-button>
  5475. <el-button type="primary" @click="deleteChair">确定</el-button>
  5476. </span>
  5477. </el-dialog>
  5478. <el-dialog title="批量上传" :visible.sync="dialogVisiblePl" :append-to-body="true" width="700px"
  5479. :before-close="handleClose" class="dialog_change">
  5480. <div class="marginT">
  5481. <div class="plworkBox">
  5482. <div class="chapter_add" style="
  5483. display: flex;
  5484. width: 150px;
  5485. flex-direction: row;
  5486. flex-wrap: wrap;
  5487. justify-content: flex-start;
  5488. margin: 0 10px 10px 0;
  5489. " v-for="(item, index) in plworkFile" :key="index">
  5490. <div class="upCover2">
  5491. <img :src="item.url" alt v-if="item.fileType == 1" @click="previewImg(item.url)" />
  5492. <img :src="word" alt v-else-if="item.fileType == 4" />
  5493. <img :src="video" alt v-else />
  5494. <!-- <span class="picName">{{ item.name }}</span> -->
  5495. <!-- <el-input
  5496. v-model="item.username"
  5497. placeholder="请输入学生名字"
  5498. style="margin-top: 10px"
  5499. ></el-input> -->
  5500. <el-select style="margin-top: 10px" v-model="item.username" filterable allow-create placeholder="请选择学生">
  5501. <el-option v-for="item1 in checkUpload()" :key="item1.userid"
  5502. :label="item1.name ? item1.name : item1.username" :value="item1.userid">
  5503. </el-option>
  5504. </el-select>
  5505. <div class="deleteWord" @click="clean2(index)">
  5506. <img src="../assets/icon/deleteWorks.png" alt />
  5507. </div>
  5508. </div>
  5509. </div>
  5510. <div class="chapter_add" style="width: auto" @click="addImg($event)">
  5511. <div class="up_photo2">
  5512. <img src="../assets/icon/plwork.png" alt />
  5513. <span>点击上传文件</span>
  5514. </div>
  5515. <input type="file"
  5516. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  5517. multiple="multiple" style="display: none" @change="beforeUpload3($event, 6)" />
  5518. </div>
  5519. </div>
  5520. </div>
  5521. <!-- capture="camera" -->
  5522. <div class="upload_send" @click="addCourseWorksPl(taskCount)" v-if="!proVisible2">
  5523. 提交
  5524. </div>
  5525. </el-dialog>
  5526. <el-dialog title="修改名称" :visible.sync="dialogVisibleSname" width="500px" :before-close="handleClose"
  5527. class="dialog_diy" center>
  5528. <div style="text-align: center">
  5529. <span class="tian1">名称</span>
  5530. <el-select v-model="worksSName" filterable allow-create style="width: 250px; margin: 15px 0px"
  5531. placeholder="请选择学生">
  5532. <el-option v-for="item in uploadStudentJuri" :key="item.userid" :label="item.name ? item.name : item.username"
  5533. :value="item.userid">
  5534. </el-option>
  5535. </el-select>
  5536. <!-- <el-input
  5537. v-model="worksSName"
  5538. style="width: 250px; margin: 15px 0px"
  5539. ></el-input> -->
  5540. </div>
  5541. <span slot="footer" class="dialog-footer">
  5542. <el-button @click="dialogVisibleSname = false">取 消</el-button>
  5543. <el-button type="primary" @click="updateName">确 定</el-button>
  5544. </span>
  5545. </el-dialog>
  5546. <interVideo :dialogVisibleVideo.sync="dialogVisibleVideo" :videoJson="videoJson" :userid="userid" :id="id"
  5547. :courseType="courseType" :taskCount="taskCount" :toolindex="toolindex"></interVideo>
  5548. </div>
  5549. </template>
  5550. <script>
  5551. import "../common/aws-sdk-2.235.1.min.js";
  5552. // import pdf from "./components/pdf3";
  5553. import pdf from "./components/vpdf";
  5554. import AskStatic from "./components/askStatic";
  5555. import AskStatic2 from "./components/askStatic2";
  5556. import AnswerData2 from "./components/answerData2";
  5557. import AnswerData from "./components/answerData";
  5558. import EditorBar from "./tools/wangEnduit.vue";
  5559. import Table from "./tools/table.vue";
  5560. import Time from "./tools/time.vue";
  5561. import Mind from "./tools/jsmind.vue";
  5562. import Sunburst from "./tools/sunburst";
  5563. import SeeBoard from "./tools/seeBoard";
  5564. import * as imageConversion from "image-conversion";
  5565. import Audio from "./components/audio.vue";
  5566. import ImgDraw from "./tools/imgDraw/imgDraw";
  5567. import { Empty } from "element-ui";
  5568. import RecordRTC from "recordrtc";
  5569. import interVideo from "./interVideo/index.vue";
  5570. export default {
  5571. components: {
  5572. EditorBar,
  5573. Time,
  5574. pdf,
  5575. AskStatic,
  5576. AskStatic2,
  5577. Mind,
  5578. Sunburst,
  5579. SeeBoard,
  5580. AnswerData2,
  5581. AnswerData,
  5582. Audio,
  5583. ImgDraw,
  5584. Table,
  5585. interVideo,
  5586. },
  5587. data() {
  5588. return {
  5589. bg: null,
  5590. drawShow: false,
  5591. dialogVisible: false,
  5592. dialogVisiblePl: false,
  5593. commentDialogVisible: false,
  5594. videoVisible: false,
  5595. isStar: false,
  5596. studentEvalDialogVisible: false,
  5597. studentEvalDialogVisibleTeacher: false,
  5598. dialogVisibleSelect: false,
  5599. dialogVisibleSelectTeacher: false,
  5600. dialogVisibleScore: false,
  5601. dialogVisibleSentence: false,
  5602. dialogVisibleSentenceTeacher: false,
  5603. dialogVisibleSentence1: false,
  5604. dialogVisibleWorks: false,
  5605. dialogVisibleTable: false,
  5606. dialogVisibleTableTeacher: false,
  5607. dialogVisibleWord: false,
  5608. dialogVisibleWordTeacher: false,
  5609. dialogVisibleTable2: false,
  5610. dialogVisibleTable3: false,
  5611. dialogVisibleGroupWork: false,
  5612. dialogVisibleUpdateGroup: false,
  5613. dialogVisibleDeleteGroup: false,
  5614. dialogVisibleSname: false,
  5615. dialogVisibleVideo: false,
  5616. worksSName: "",
  5617. classJuri: [],
  5618. uploadStudentJuri: [],
  5619. uploadCid: "",
  5620. snameWid: "",
  5621. sStudent: {},
  5622. sTool: "",
  5623. bzText: "",
  5624. commentDetail: [],
  5625. selectAnswer: [],
  5626. videoDetail: {},
  5627. selectJson: {},
  5628. eScore: { eBzText: "", eStar: [] },
  5629. id: this.$route.query.courseId,
  5630. userid: this.$route.query.userid,
  5631. classId: this.$route.query.cid,
  5632. // courseTypeLine: this.$route.query.type,
  5633. oid: this.$route.query.oid,
  5634. org: this.$route.query.org,
  5635. tType: this.$route.query.tType,
  5636. courseType: this.$route.query.type,
  5637. screenType: this.$route.query.screenType,
  5638. tcid2: this.$route.query.tcid,
  5639. tcid: "",
  5640. pptImgUrl: "",
  5641. pptImgUrl1: "",
  5642. commentText: "",
  5643. full: false,
  5644. sIsOpen: false,
  5645. IsLookOpen: false,
  5646. IsFollow: false,
  5647. pzDialog: false,
  5648. contentDialog: false,
  5649. mlDialog: false,
  5650. type: 1,
  5651. sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
  5652. sentenceList1: [],
  5653. tableJson: [],
  5654. tableJsonO: [],
  5655. wordJson: [],
  5656. wordJsonO: [],
  5657. vedio: [],
  5658. text: [],
  5659. textList: [],
  5660. line: [],
  5661. lineList: [],
  5662. chapTools: [],
  5663. chapToolList: [],
  5664. file: [],
  5665. fileC: [],
  5666. vedioTime: [],
  5667. upToolImg: "",
  5668. preTime: 0,
  5669. rateList: {
  5670. ca: 0,
  5671. },
  5672. rateParams: [],
  5673. colors: ["#DFDFDF", "#DFDFDF", "#DFDFDF"],
  5674. studyJuri: [
  5675. {
  5676. content: "",
  5677. cover: [],
  5678. upVedio: [],
  5679. upFile: [],
  5680. },
  5681. ],
  5682. plworkFile: [],
  5683. mr: require("../assets/vedioPic.png"),
  5684. word: require("../assets/icon/isWord.png"),
  5685. word2: require("../assets/icon/word2.png"),
  5686. video: require("../assets/icon/isVideo.png"),
  5687. noLikes: require("../assets/icon/comment/noLikes.png"),
  5688. likes: require("../assets/icon/comment/likes.png"),
  5689. scoreImg: require("../assets/score.png"),
  5690. courseDetail: {},
  5691. isSelect: false,
  5692. chapInfo: [],
  5693. chapInfoList: [],
  5694. taskCount: 0,
  5695. imgList: [],
  5696. noImgList: [],
  5697. pzList: [],
  5698. PlTextList: [
  5699. "Excellent!",
  5700. "nice!",
  5701. "很有创意!",
  5702. "还不错哦~",
  5703. "继续努力哦~",
  5704. ],
  5705. isClickNav: "",
  5706. navId: "",
  5707. playerOptions: {
  5708. playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
  5709. autoplay: false, //如果true,浏览器准备好时开始回放。
  5710. muted: false, // 默认情况下将会消除任何音频。
  5711. loop: false, // 导致视频一结束就重新开始。
  5712. preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
  5713. language: "zh-CN",
  5714. aspectRatio: "16:9", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
  5715. fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
  5716. sources: [
  5717. {
  5718. type: "video/mp4", //这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目 || "video/ogg"|| "video/webm"
  5719. src: "", //url地址require("../../assets/media/aaa.mp4")
  5720. },
  5721. ],
  5722. // poster: require("../../assets/tu31.png"), //你的封面地址
  5723. // poster: dataRes.imgUrl, //你的封面地址
  5724. notSupportedMessage: "此视频暂无法播放,请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
  5725. controlBar: {
  5726. timeDivider: true, //当前时间和持续时间的分隔符
  5727. durationDisplay: true, //显示持续时间
  5728. remainingTimeDisplay: false, //是否显示剩余时间功能
  5729. fullscreenToggle: true, //全屏按钮
  5730. },
  5731. },
  5732. playerOptions1: {
  5733. playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
  5734. autoplay: false, //如果true,浏览器准备好时开始回放。
  5735. muted: false, // 默认情况下将会消除任何音频。
  5736. loop: false, // 导致视频一结束就重新开始。
  5737. preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
  5738. language: "zh-CN",
  5739. aspectRatio: "16:9", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
  5740. fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
  5741. sources: [
  5742. {
  5743. type: "video/mp4", //这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目 || "video/ogg"|| "video/webm"
  5744. src: "", //url地址require("../../assets/media/aaa.mp4")
  5745. },
  5746. ],
  5747. // poster: require("../../assets/tu31.png"), //你的封面地址
  5748. // poster: dataRes.imgUrl, //你的封面地址
  5749. notSupportedMessage: "此视频暂无法播放,请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
  5750. controlBar: {
  5751. timeDivider: true, //当前时间和持续时间的分隔符
  5752. durationDisplay: true, //显示持续时间
  5753. remainingTimeDisplay: false, //是否显示剩余时间功能
  5754. fullscreenToggle: true, //全屏按钮
  5755. },
  5756. },
  5757. playerO: {},
  5758. noneBtnImg: false,
  5759. proVisible: false,
  5760. proVisible2: false,
  5761. progress: 0,
  5762. isFinishSize: 0,
  5763. isAllSize: 0,
  5764. questionAnswer: "",
  5765. answerQ: "", //问答标题
  5766. rateJson: [],
  5767. wbCount: 0,
  5768. wordCount: 0,
  5769. mindCount: 0,
  5770. askCount: 0,
  5771. noteCount: 0,
  5772. mindNetWorkCount: 0,
  5773. libraryCount: 0,
  5774. workCount: 0,
  5775. timeCount: 0,
  5776. answerCount: 0,
  5777. trainCount: 0,
  5778. evalCount: 0,
  5779. dialogImageUrl: "",
  5780. pictureDialog: false,
  5781. toolTypeList: [],
  5782. dialogVisible1: false,
  5783. dialogVisible2: false,
  5784. dialogVisible3: false,
  5785. dialogVisible6: false,
  5786. dialogVisible4: false,
  5787. isNoHomeWork: false,
  5788. dialogVisible5: false,
  5789. dialogVisible5Teacher: false,
  5790. dialogVisibleChoice: false,
  5791. dialogVisibleChoiceTeacher: false,
  5792. answerDialogVisible: false,
  5793. answerDialogVisibleTeacher: false,
  5794. juriVisible: false,
  5795. timeDialogVisible: false,
  5796. radio: [],
  5797. isAsk: false,
  5798. askJson: {
  5799. askCount: 1,
  5800. askTitle: "",
  5801. askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
  5802. },
  5803. testJson: {},
  5804. checkJson: [],
  5805. askList: [],
  5806. answerList: [],
  5807. navList: [],
  5808. addPzDialog: false,
  5809. pzConText: "",
  5810. worksStudent: [],
  5811. isCloseList: [],
  5812. workStudent: [],
  5813. groupStudent: [],
  5814. groupStudentUid: [],
  5815. noWorksS: [],
  5816. isWorksS: [],
  5817. noWorksStudent: [],
  5818. toolindex: 0,
  5819. groupIndex: 0,
  5820. workTypeB: false,
  5821. workTypeC: false,
  5822. isAnswer: false,
  5823. timer: null,
  5824. opertimer: null,
  5825. showType: 0,
  5826. fileType: 0,
  5827. showPDF: false,
  5828. noteName: "",
  5829. evaJuri: [],
  5830. evalua: "",
  5831. eTitle: "",
  5832. eName: "",
  5833. eJson: {},
  5834. fid: "", //一级
  5835. sid: "", //二级
  5836. tid: "", //二级
  5837. typeMode: 1,
  5838. eJSONNum: 0,
  5839. Etype: 1,
  5840. data: {
  5841. meta: {
  5842. name: "example",
  5843. author: "dd@163.com",
  5844. version: "0.2",
  5845. },
  5846. format: "node_array",
  5847. data: [{ id: "root", isroot: true, topic: "" }],
  5848. },
  5849. fullDialogVisible: false,
  5850. fulltype: "",
  5851. fullUrl: "",
  5852. commentIndexJson: {},
  5853. Stbodywidth: 0,
  5854. ispzType: 0,
  5855. pzType: 1,
  5856. wScore: 0,
  5857. scoreDetail: "",
  5858. videoStart: false,
  5859. recorder: null,
  5860. groupJson: {},
  5861. islock: false,
  5862. groupJson2: {},
  5863. dialogVisibleGroup: false,
  5864. dialogVisibleGroup2: false,
  5865. updateGroupArray: [],
  5866. updateGroupUser: {},
  5867. deleteGroupUser: [],
  5868. deleteGroupArray: {},
  5869. checkChair: "",
  5870. checkDeleteGroup: [],
  5871. inviteCode: "",
  5872. courseGroupStudent: [],
  5873. courseGroupStudentUid: [],
  5874. courseGroup: {},
  5875. isGroup: false,
  5876. videoJson: {},
  5877. vChapterData: [],
  5878. };
  5879. },
  5880. methods: {
  5881. jump() {
  5882. window.parent.postMessage({ tools: "43" }, "*");
  5883. },
  5884. previewImg(url) {
  5885. this.$hevueImgPreview(url);
  5886. },
  5887. change(val) {
  5888. console.log(val);
  5889. },
  5890. goTo(path) {
  5891. this.$router.push(path);
  5892. },
  5893. handlePictureCardPreview(url) {
  5894. this.dialogImageUrl = url;
  5895. this.pictureDialog = true;
  5896. },
  5897. clean(type) {
  5898. if (type == 1) {
  5899. this.studyJuri[0].cover.splice(0, 1);
  5900. } else if (type == 2) {
  5901. this.studyJuri[0].upVedio.splice(0, 1);
  5902. } else {
  5903. this.studyJuri[0].upFile.splice(0, 1);
  5904. }
  5905. },
  5906. clean2(index) {
  5907. this.plworkFile.splice(index, 1);
  5908. },
  5909. handleClose(done) {
  5910. if (this.videoDetail.sources && this.videoDetail.sources[0]) {
  5911. this.videoDetail.sources[0].src = "";
  5912. }
  5913. this.commentIndexJson = {};
  5914. done();
  5915. },
  5916. fullTools() {
  5917. this.full = !this.full;
  5918. },
  5919. imgChange(file, fileList, type) {
  5920. if (type == 1) {
  5921. var _tmp = this.studyJuri[0].cover;
  5922. } else if (type == 2) {
  5923. var _tmp = this.studyJuri[0].upVedio;
  5924. } else {
  5925. var _tmp = this.studyJuri[0].upFile;
  5926. }
  5927. this.noneBtnImg = _tmp.length >= 1;
  5928. },
  5929. setContent(bool) {
  5930. this.contentDialog = bool;
  5931. if (bool && this.mlDialog && document.querySelector(".workd_media")) {
  5932. document.querySelector(".workd_media").style.height = "650px";
  5933. } else if (document.querySelector(".workd_media")) {
  5934. document.querySelector(".workd_media").style.height = "auto";
  5935. }
  5936. },
  5937. setContent2(bool) {
  5938. this.mlDialog = bool;
  5939. if (
  5940. bool &&
  5941. this.contentDialog &&
  5942. document.querySelector(".workd_media")
  5943. ) {
  5944. document.querySelector(".workd_media").style.height = "650px";
  5945. } else if (document.querySelector(".workd_media")) {
  5946. document.querySelector(".workd_media").style.height = "auto";
  5947. }
  5948. },
  5949. addImg(e) {
  5950. var el = e.currentTarget;
  5951. // this.$message.success('触发上传')
  5952. el.getElementsByTagName("input")[0].click();
  5953. e.target.value = "";
  5954. },
  5955. addSelectAnswer() {
  5956. let params = [
  5957. {
  5958. uid: this.userid,
  5959. cid: this.id,
  5960. stage: this.courseType,
  5961. task: this.taskCount,
  5962. tool: this.toolindex,
  5963. content: this.selectAnswer.answer,
  5964. type: 7,
  5965. },
  5966. ];
  5967. this.ajax
  5968. .post(this.$store.state.api + "addCourseWorks", params)
  5969. .then((res) => {
  5970. this.$message({
  5971. message: "提交成功",
  5972. type: "success",
  5973. });
  5974. this.dialogVisibleSelect = false;
  5975. // this.selectAnswer = {};
  5976. this.selectSWorks();
  5977. this.selectStudent();
  5978. })
  5979. .catch((err) => {
  5980. this.$message.error("提交失败");
  5981. console.error(err);
  5982. });
  5983. },
  5984. addSelectAnswerTeacher() {
  5985. let params = [
  5986. {
  5987. uid: this.sStudent.userid,
  5988. cid: this.id,
  5989. stage: this.courseType,
  5990. task: this.taskCount,
  5991. tool: this.toolindex,
  5992. content: this.selectAnswer.answer,
  5993. type: 7,
  5994. },
  5995. ];
  5996. this.ajax
  5997. .post(this.$store.state.api + "addCourseWorks", params)
  5998. .then((res) => {
  5999. this.$message({
  6000. message: "提交成功",
  6001. type: "success",
  6002. });
  6003. this.dialogVisibleSelectTeacher = false;
  6004. // this.selectAnswer = {};
  6005. this.selectSWorks();
  6006. this.selectStudent();
  6007. })
  6008. .catch((err) => {
  6009. this.$message.error("提交失败");
  6010. console.error(err);
  6011. });
  6012. },
  6013. addSenWorks() {
  6014. for (var i = 0; i < this.sentenceList.length; i++) {
  6015. for (var j = 0; j < this.sentenceList[i].chooseSenList.length; j++) {
  6016. if (
  6017. this.sentenceList[i].chooseSenList[j] == undefined ||
  6018. this.sentenceList[i].chooseSenList[j] == ""
  6019. ) {
  6020. this.$message.error("请将答案填写完整!");
  6021. return;
  6022. }
  6023. }
  6024. }
  6025. let params = [
  6026. {
  6027. uid: this.userid,
  6028. cid: this.id,
  6029. stage: this.courseType,
  6030. task: this.taskCount,
  6031. tool: this.toolindex,
  6032. content: JSON.stringify(this.sentenceList),
  6033. type: 9,
  6034. },
  6035. ];
  6036. this.ajax
  6037. .post(this.$store.state.api + "addCourseWorks", params)
  6038. .then((res) => {
  6039. this.$message({
  6040. message: "提交成功",
  6041. type: "success",
  6042. });
  6043. this.dialogVisibleSentence = false;
  6044. // this.selectAnswer = {};
  6045. this.selectSWorks();
  6046. this.selectStudent();
  6047. })
  6048. .catch((err) => {
  6049. this.$message.error("提交失败");
  6050. console.error(err);
  6051. });
  6052. },
  6053. addSenWorksTeacher() {
  6054. for (var i = 0; i < this.sentenceList.length; i++) {
  6055. for (var j = 0; j < this.sentenceList[i].chooseSenList.length; j++) {
  6056. if (
  6057. this.sentenceList[i].chooseSenList[j] == undefined ||
  6058. this.sentenceList[i].chooseSenList[j] == ""
  6059. ) {
  6060. this.$message.error("请将答案填写完整!");
  6061. return;
  6062. }
  6063. }
  6064. }
  6065. let params = [
  6066. {
  6067. uid: this.sStudent.userid,
  6068. cid: this.id,
  6069. stage: this.courseType,
  6070. task: this.taskCount,
  6071. tool: this.toolindex,
  6072. content: JSON.stringify(this.sentenceList),
  6073. type: 9,
  6074. },
  6075. ];
  6076. this.ajax
  6077. .post(this.$store.state.api + "addCourseWorks", params)
  6078. .then((res) => {
  6079. this.$message({
  6080. message: "提交成功",
  6081. type: "success",
  6082. });
  6083. this.dialogVisibleSentenceTeacher = false;
  6084. // this.selectAnswer = {};
  6085. this.selectSWorks();
  6086. this.selectStudent();
  6087. })
  6088. .catch((err) => {
  6089. this.$message.error("提交失败");
  6090. console.error(err);
  6091. });
  6092. },
  6093. returnTableText() {
  6094. this.$confirm("确定还原此模板吗?", "提示", {
  6095. confirmButtonText: "确定",
  6096. cancelButtonText: "取消",
  6097. type: "warning",
  6098. })
  6099. .then(() => {
  6100. this.tableJson = JSON.parse(JSON.stringify(this.tableJsonO));
  6101. })
  6102. .catch(() => { });
  6103. },
  6104. addTableWorks() {
  6105. let params = [
  6106. {
  6107. uid: this.userid,
  6108. cid: this.id,
  6109. stage: this.courseType,
  6110. task: this.taskCount,
  6111. tool: this.toolindex,
  6112. content: JSON.stringify(this.tableJson).replaceAll(/%/g, "%25"),
  6113. type: 10,
  6114. },
  6115. ];
  6116. this.ajax
  6117. .post(this.$store.state.api + "addCourseWorks", params)
  6118. .then((res) => {
  6119. this.$message({
  6120. message: "提交成功",
  6121. type: "success",
  6122. });
  6123. this.dialogVisibleTable = false;
  6124. // this.selectAnswer = {};
  6125. this.selectSWorks();
  6126. this.selectStudent();
  6127. })
  6128. .catch((err) => {
  6129. this.$message.error("提交失败");
  6130. console.error(err);
  6131. });
  6132. },
  6133. addTableWorksTeacher() {
  6134. let params = [
  6135. {
  6136. uid: this.sStudent.userid,
  6137. cid: this.id,
  6138. stage: this.courseType,
  6139. task: this.taskCount,
  6140. tool: this.toolindex,
  6141. content: JSON.stringify(this.tableJson).replaceAll(/%/g, "%25"),
  6142. type: 10,
  6143. },
  6144. ];
  6145. this.ajax
  6146. .post(this.$store.state.api + "addCourseWorks", params)
  6147. .then((res) => {
  6148. this.$message({
  6149. message: "提交成功",
  6150. type: "success",
  6151. });
  6152. this.dialogVisibleTableTeacher = false;
  6153. // this.selectAnswer = {};
  6154. this.selectSWorks();
  6155. this.selectStudent();
  6156. })
  6157. .catch((err) => {
  6158. this.$message.error("提交失败");
  6159. console.error(err);
  6160. });
  6161. },
  6162. returnWordText() {
  6163. this.$confirm("确定还原此模板吗?", "提示", {
  6164. confirmButtonText: "确定",
  6165. cancelButtonText: "取消",
  6166. type: "warning",
  6167. })
  6168. .then(() => {
  6169. this.wordJson = JSON.parse(JSON.stringify(this.wordJsonO));
  6170. })
  6171. .catch(() => { });
  6172. },
  6173. addWordWorks() {
  6174. let params = [
  6175. {
  6176. uid: this.userid,
  6177. cid: this.id,
  6178. stage: this.courseType,
  6179. task: this.taskCount,
  6180. tool: this.toolindex,
  6181. content: JSON.stringify(this.wordJson).replaceAll(/%/g, "%25"),
  6182. type: 13,
  6183. atool: 52,
  6184. },
  6185. ];
  6186. console.log(params);
  6187. this.ajax
  6188. .post(this.$store.state.api + "addCourseWorks3-2", params)
  6189. .then((res) => {
  6190. this.$message({
  6191. message: "提交成功",
  6192. type: "success",
  6193. });
  6194. this.dialogVisibleWord = false;
  6195. // this.selectAnswer = {};
  6196. this.selectSWorks();
  6197. this.selectStudent();
  6198. })
  6199. .catch((err) => {
  6200. this.$message.error("提交失败");
  6201. console.error(err);
  6202. });
  6203. },
  6204. addWordWorksTeacher() {
  6205. let params = [
  6206. {
  6207. uid: this.sStudent.userid,
  6208. cid: this.id,
  6209. stage: this.courseType,
  6210. task: this.taskCount,
  6211. tool: this.toolindex,
  6212. content: JSON.stringify(this.wordJson).replaceAll(/%/g, "%25"),
  6213. type: 13,
  6214. atool: 52,
  6215. },
  6216. ];
  6217. console.log(params);
  6218. this.ajax
  6219. .post(this.$store.state.api + "addCourseWorks3-2", params)
  6220. .then((res) => {
  6221. this.$message({
  6222. message: "提交成功",
  6223. type: "success",
  6224. });
  6225. this.dialogVisibleWordTeacher = false;
  6226. // this.selectAnswer = {};
  6227. this.selectSWorks();
  6228. this.selectStudent();
  6229. })
  6230. .catch((err) => {
  6231. this.$message.error("提交失败");
  6232. console.error(err);
  6233. });
  6234. },
  6235. addCourseWorks(i) {
  6236. var typesql;
  6237. if (this.fileType === 0) {
  6238. typesql = 1;
  6239. } else if (this.fileType === 1) {
  6240. typesql = 4;
  6241. } else if (this.fileType === 2) {
  6242. typesql = 5;
  6243. } else if (this.fileType === 3) {
  6244. typesql = 12;
  6245. }
  6246. if (!this.studyJuri[0].cover[0].url) {
  6247. this.$message.error("请上传文件");
  6248. return;
  6249. }
  6250. let params = [
  6251. {
  6252. uid: this.userid,
  6253. cid: this.id,
  6254. stage: this.courseType,
  6255. task: i,
  6256. tool: this.toolindex,
  6257. content: this.studyJuri[0].cover[0].url,
  6258. type: typesql,
  6259. },
  6260. ];
  6261. this.ajax
  6262. .post(this.$store.state.api + "addCourseWorksR", params)
  6263. .then((res) => {
  6264. this.$message({
  6265. message: "提交成功",
  6266. type: "success",
  6267. });
  6268. this.studyJuri[0].cover = [];
  6269. this.dialogVisible = false;
  6270. this.getCourseDetail(2);
  6271. })
  6272. .catch((err) => {
  6273. this.$message.error("提交失败");
  6274. console.error(err);
  6275. });
  6276. },
  6277. addCourseWorksPl(i) {
  6278. let _files = this.plworkFile;
  6279. var c = 1;
  6280. for (var k = 0; k < _files.length; k++) {
  6281. if (!_files[k].username) {
  6282. c = 2;
  6283. }
  6284. }
  6285. if (c == 2) {
  6286. this.$message.error("请填写学生姓名");
  6287. return;
  6288. }
  6289. let params = [
  6290. {
  6291. ateacher: this.userid,
  6292. cid: this.id,
  6293. stage: this.courseType,
  6294. task: i,
  6295. tool: this.toolindex,
  6296. content: JSON.stringify(_files).replaceAll(/%/g, "%25"),
  6297. },
  6298. ];
  6299. this.ajax
  6300. .post(this.$store.state.api + "addCourseWorksPl", params)
  6301. .then((res) => {
  6302. this.$message({
  6303. message: "提交成功",
  6304. type: "success",
  6305. });
  6306. this.plworkFile = [];
  6307. this.dialogVisiblePl = false;
  6308. this.getCourseDetail(2);
  6309. })
  6310. .catch((err) => {
  6311. this.$message.error("提交失败");
  6312. console.error(err);
  6313. });
  6314. },
  6315. addCourseWorks2(i) {
  6316. var typesql;
  6317. if (this.fileType === 0) {
  6318. typesql = 0;
  6319. } else if (this.fileType === 1) {
  6320. typesql = 1;
  6321. } else if (this.fileType === 2) {
  6322. typesql = 3;
  6323. } else if (this.fileType === 3) {
  6324. typesql = 12;
  6325. }
  6326. if (!this.studyJuri[0].cover[0].url) {
  6327. this.$message.error("请上传文件");
  6328. return;
  6329. }
  6330. let params = [
  6331. {
  6332. uid: this.userid,
  6333. cid: this.id,
  6334. stage: this.courseType,
  6335. task: i,
  6336. tool: this.toolindex,
  6337. content: JSON.stringify({
  6338. type: typesql,
  6339. groupIndex: this.groupIndex,
  6340. url: this.studyJuri[0].cover[0].url,
  6341. }).replaceAll(/%/g, "%25"),
  6342. type: 11,
  6343. atool: 49,
  6344. text: "",
  6345. },
  6346. ];
  6347. this.ajax
  6348. .post(this.$store.state.api + "addCourseWorks5", params)
  6349. .then((res) => {
  6350. this.$message({
  6351. message: "提交成功",
  6352. type: "success",
  6353. });
  6354. this.studyJuri[0].cover = [];
  6355. this.dialogVisibleGroupWork = false;
  6356. this.getCourseDetail(2);
  6357. })
  6358. .catch((err) => {
  6359. this.$message.error("提交失败");
  6360. console.error(err);
  6361. });
  6362. },
  6363. addCourseWorksGong(i, data, tool) {
  6364. let params = [
  6365. {
  6366. uid: this.userid,
  6367. cid: this.id,
  6368. stage: this.courseType,
  6369. task: this.taskCount,
  6370. tool: i,
  6371. content: data,
  6372. type: 12,
  6373. atool: tool,
  6374. text: "",
  6375. },
  6376. ];
  6377. this.ajax
  6378. .post(this.$store.state.api + "addCourseWorks5", params)
  6379. .then((res) => {
  6380. this.$message({
  6381. message: "提交成功",
  6382. type: "success",
  6383. });
  6384. this.studyJuri[0].cover = [];
  6385. this.selectSWorks();
  6386. this.selectStudent();
  6387. })
  6388. .catch((err) => {
  6389. this.$message.error("提交失败");
  6390. console.error(err);
  6391. });
  6392. },
  6393. addCourseWorksGongTeacher(i, data, tool) {
  6394. let params = [
  6395. {
  6396. uid: this.sStudent.userid,
  6397. cid: this.id,
  6398. stage: this.courseType,
  6399. task: this.taskCount,
  6400. tool: i,
  6401. content: data,
  6402. type: 12,
  6403. atool: tool,
  6404. text: "",
  6405. },
  6406. ];
  6407. this.ajax
  6408. .post(this.$store.state.api + "addCourseWorks5", params)
  6409. .then((res) => {
  6410. this.$message({
  6411. message: "提交成功",
  6412. type: "success",
  6413. });
  6414. this.studyJuri[0].cover = [];
  6415. this.dialogVisibleWorks = false;
  6416. this.selectSWorks();
  6417. this.selectStudent();
  6418. })
  6419. .catch((err) => {
  6420. this.$message.error("提交失败");
  6421. console.error(err);
  6422. });
  6423. },
  6424. addCourseWorksGongPl(i, data, tool, type) {
  6425. let params = [
  6426. {
  6427. uid: this.sStudent.userid,
  6428. cid: this.id,
  6429. stage: this.courseType,
  6430. task: this.taskCount,
  6431. tool: i,
  6432. content: data,
  6433. type: type,
  6434. atool: tool,
  6435. text: "",
  6436. },
  6437. ];
  6438. this.ajax
  6439. .post(this.$store.state.api + "addCourseWorks5", params)
  6440. .then((res) => {
  6441. this.$message({
  6442. message: "提交成功",
  6443. type: "success",
  6444. });
  6445. this.studyJuri[0].cover = [];
  6446. this.dialogVisibleWorks = false;
  6447. this.selectSWorks();
  6448. this.selectStudent();
  6449. })
  6450. .catch((err) => {
  6451. this.$message.error("提交失败");
  6452. console.error(err);
  6453. });
  6454. },
  6455. addCourseWorksTeacher(i) {
  6456. var typesql;
  6457. if (this.sTool == 32) {
  6458. this.addCourseWorksGongTeacher(
  6459. this.toolindex,
  6460. this.studyJuri[0].cover[0].url,
  6461. this.sTool
  6462. );
  6463. return;
  6464. }
  6465. if (this.fileType === 0) {
  6466. typesql = 1;
  6467. } else if (this.fileType === 1) {
  6468. typesql = 4;
  6469. } else if (this.fileType === 2) {
  6470. typesql = 5;
  6471. } else if (this.fileType === 3) {
  6472. typesql = 12;
  6473. }
  6474. if (this.sTool == 50) {
  6475. this.addCourseWorksGongPl(
  6476. this.toolindex,
  6477. this.studyJuri[0].cover[0].url,
  6478. this.sTool,
  6479. typesql
  6480. );
  6481. return;
  6482. }
  6483. if (!this.studyJuri[0].cover[0].url) {
  6484. this.$message.error("请上传文件");
  6485. return;
  6486. }
  6487. let params = [
  6488. {
  6489. uid: this.sStudent.userid,
  6490. cid: this.id,
  6491. stage: this.courseType,
  6492. task: i,
  6493. tool: this.toolindex,
  6494. content: this.studyJuri[0].cover[0].url,
  6495. type: typesql,
  6496. ateacher: this.userid,
  6497. },
  6498. ];
  6499. this.ajax
  6500. .post(this.$store.state.api + "addCourseWorksTeacher", params)
  6501. .then((res) => {
  6502. this.$message({
  6503. message: "提交成功",
  6504. type: "success",
  6505. });
  6506. this.studyJuri[0].cover = [];
  6507. this.dialogVisibleWorks = false;
  6508. this.getCourseDetail(2);
  6509. })
  6510. .catch((err) => {
  6511. this.$message.error("提交失败");
  6512. console.error(err);
  6513. });
  6514. },
  6515. selectUploadStudent() {
  6516. let params = {
  6517. cid: this.uploadCid,
  6518. oid: this.oid,
  6519. cn: "",
  6520. };
  6521. this.ajax
  6522. .get(this.$store.state.api + "selectSnameByCidGroup", params)
  6523. .then((res) => {
  6524. var studentK = [];
  6525. if (this.isWorksS[this.toolindex].length > 0) {
  6526. for (var z = 0; z < this.isWorksS[this.toolindex].length; z++) {
  6527. studentK.push(this.isWorksS[this.toolindex][z].uid);
  6528. }
  6529. studentK = studentK.join(",");
  6530. }
  6531. this.uploadStudentJuri = res.data[0].filter((el) => {
  6532. return studentK.indexOf(el.userid) == -1;
  6533. });
  6534. })
  6535. .catch((err) => {
  6536. console.error(err);
  6537. });
  6538. },
  6539. arrayToArray(arrayo, arrayt) {
  6540. let array1 = arrayo;
  6541. let array2 = arrayt;
  6542. let commonElements = [];
  6543. for (let i = 0; i < array1.length; i++) {
  6544. for (let j = 0; j < array2.length; j++) {
  6545. if (array1[i] === array2[j]) {
  6546. commonElements.push(array1[i]);
  6547. }
  6548. }
  6549. }
  6550. return commonElements;
  6551. },
  6552. selectWorksStudent() {
  6553. let params = {
  6554. oid: this.oid,
  6555. cid: this.courseDetail.juri,
  6556. };
  6557. this.ajax
  6558. .get(this.$store.state.api + "selectWorksStudent", params)
  6559. .then((res) => {
  6560. var a = res.data[0];
  6561. for (var i = 0; i < this.isWorksS.length; i++) {
  6562. this.noWorksS[i] = [];
  6563. var studentK = [];
  6564. if (this.isWorksS[i].length > 0) {
  6565. for (var z = 0; z < this.isWorksS[i].length; z++) {
  6566. studentK.push(this.isWorksS[i][z].uid);
  6567. }
  6568. studentK = studentK.join(",");
  6569. for (var j = 0; j < a.length; j++) {
  6570. if (studentK.indexOf(a[j].userid) == -1) {
  6571. if (this.tcid) {
  6572. // a[j].classid.indexOf(this.tcid) != -1
  6573. if (
  6574. this.arrayToArray(
  6575. a[j].classid.split(","),
  6576. this.tcid.split(",")
  6577. ).length
  6578. ) {
  6579. this.noWorksS[i].push({
  6580. student: a[j].name,
  6581. userid: a[j].userid,
  6582. });
  6583. }
  6584. } else {
  6585. this.noWorksS[i].push({
  6586. student: a[j].name,
  6587. userid: a[j].userid,
  6588. });
  6589. }
  6590. }
  6591. }
  6592. } else {
  6593. for (var k = 0; k < a.length; k++) {
  6594. if (this.tcid) {
  6595. if (
  6596. this.arrayToArray(
  6597. a[k].classid.split(","),
  6598. this.tcid.split(",")
  6599. ).length
  6600. ) {
  6601. this.noWorksS[i].push({
  6602. student: a[k].name,
  6603. userid: a[k].userid,
  6604. });
  6605. }
  6606. } else {
  6607. this.noWorksS[i].push({
  6608. student: a[k].name,
  6609. userid: a[k].userid,
  6610. });
  6611. }
  6612. }
  6613. }
  6614. }
  6615. this.$forceUpdate();
  6616. if (
  6617. Object.keys(this.commentDetail).length &&
  6618. Object.keys(this.commentIndexJson).length &&
  6619. !this.dialogVisibleScore
  6620. ) {
  6621. let a = 1;
  6622. let c = this.commentIndexJson;
  6623. console.log(c);
  6624. if (
  6625. this.commentIndexJson.gindex ||
  6626. this.commentIndexJson.gindex === 0
  6627. ) {
  6628. for (
  6629. var i = 0;
  6630. i < this.worksStudent[this.commentIndexJson.toolIndex].length;
  6631. i++
  6632. ) {
  6633. let _el = this.worksStudent[this.commentIndexJson.toolIndex][i];
  6634. groupA: for (var k = 0; k < _el.length; k++) {
  6635. let el = _el[k];
  6636. if (el.wid == this.commentDetail.wid) {
  6637. a = 2;
  6638. this.commentOther(
  6639. this.worksStudent[this.commentIndexJson.toolIndex][i][k],
  6640. this.commentIndexJson.toolIndex,
  6641. k,
  6642. this.commentIndexJson.gindex
  6643. );
  6644. break groupA;
  6645. }
  6646. }
  6647. }
  6648. if (a === 1) {
  6649. this.commentDetail = [];
  6650. this.commentIndexJson = {};
  6651. this.commentDialogVisible = false;
  6652. this.$message("此作业已被删除");
  6653. }
  6654. } else {
  6655. if (this.isGroup && this.commentIndexJson.gid) {
  6656. groupA: for (
  6657. var i = 0;
  6658. i < this.courseGroup.group.length;
  6659. i++
  6660. ) {
  6661. let _group = this.courseGroup.group[i];
  6662. if (_group.id == this.commentIndexJson.gid) {
  6663. let _el2 = _group.works[this.commentIndexJson.toolIndex];
  6664. for (var k = 0; k < _el2.length; k++) {
  6665. let el2 = _el2[k];
  6666. if (el2.wid == this.commentDetail.wid) {
  6667. a = 2;
  6668. this.commentOther(
  6669. _el2[k],
  6670. this.commentIndexJson.toolIndex,
  6671. k,
  6672. null,
  6673. this.commentIndexJson.gid
  6674. );
  6675. break groupA;
  6676. }
  6677. }
  6678. }
  6679. }
  6680. }
  6681. if (a == 1) {
  6682. for (
  6683. var i = 0;
  6684. i < this.worksStudent[this.commentIndexJson.toolIndex].length;
  6685. i++
  6686. ) {
  6687. let el =
  6688. this.worksStudent[this.commentIndexJson.toolIndex][i];
  6689. if (el.wid == this.commentDetail.wid) {
  6690. a = 2;
  6691. this.commentOther(
  6692. this.worksStudent[this.commentIndexJson.toolIndex][i],
  6693. this.commentIndexJson.toolIndex,
  6694. i
  6695. );
  6696. break;
  6697. }
  6698. }
  6699. }
  6700. if (a === 1) {
  6701. this.commentDetail = [];
  6702. this.commentIndexJson = {};
  6703. this.commentDialogVisible = false;
  6704. this.$message("此作业已被删除");
  6705. }
  6706. }
  6707. }
  6708. })
  6709. .catch((err) => {
  6710. console.error(err);
  6711. });
  6712. },
  6713. selectStudent() {
  6714. //学生查看自己作业
  6715. let params = {
  6716. uid: this.userid,
  6717. cid: this.id,
  6718. s: this.courseType,
  6719. t: this.taskCount,
  6720. };
  6721. this.ajax
  6722. .get(this.$store.state.api + "selectStudentWorks", params)
  6723. .then((res) => {
  6724. var a =
  6725. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  6726. this.taskCount
  6727. ].toolChoose;
  6728. var b = res.data[0];
  6729. var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  6730. var y = [
  6731. "AVI",
  6732. "NAVI",
  6733. "MPEG",
  6734. "ASF",
  6735. "MOV",
  6736. "WMV",
  6737. "3GP",
  6738. "RM",
  6739. "RMVB",
  6740. "FLV",
  6741. "F4V",
  6742. "H.264",
  6743. "H.265",
  6744. "REAL VIDEO",
  6745. "MKV",
  6746. "WebM",
  6747. "HDDVD",
  6748. "MP4",
  6749. "MPG",
  6750. "M4V",
  6751. "MGV",
  6752. "OGV",
  6753. "QTM",
  6754. "STR",
  6755. "AMC",
  6756. "DVX",
  6757. "EVO",
  6758. "DAT",
  6759. "OGG",
  6760. "OGM",
  6761. ];
  6762. for (var i = 0; i < a.length; i++) {
  6763. this.workStudent[i] = [];
  6764. for (var j = 0; j < b.length; j++) {
  6765. if (i == b[j].tool) {
  6766. if (
  6767. (b[j].type == 1 ||
  6768. b[j].type == 4 ||
  6769. b[j].type == 5 ||
  6770. b[j].type == 6 ||
  6771. b[j].type == 12 ||
  6772. b[j].type == 7) &&
  6773. a[i].tool[0] != 15 &&
  6774. a[i].tool[0] != 4 &&
  6775. a[i].tool[0] != 45 &&
  6776. a[i].tool[0] != 50 &&
  6777. a[i].tool[0] != 32 &&
  6778. a[i].tool[0] != 57 &&
  6779. a[i].tool[0] != 52
  6780. ) {
  6781. if (
  6782. c.indexOf(
  6783. b[j].content
  6784. .split(".")
  6785. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  6786. ) != -1 &&
  6787. a[i].tool[0] == 16 &&
  6788. b[j].atool != 50
  6789. ) {
  6790. this.workStudent[i].push({
  6791. works: b[j].content,
  6792. sName: b[j].name,
  6793. score: b[j].score,
  6794. img: b[j].img,
  6795. type: 1,
  6796. time: b[j].time,
  6797. userid: b[j].userid,
  6798. wid: b[j].id,
  6799. });
  6800. } else if (
  6801. y.indexOf(
  6802. b[j].content
  6803. .split(".")
  6804. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  6805. ) != -1 &&
  6806. a[i].tool[0] == 16 &&
  6807. b[j].atool != 50
  6808. ) {
  6809. this.workStudent[i].push({
  6810. userid: b[j].userid,
  6811. wid: b[j].id,
  6812. works: b[j].content,
  6813. sName: b[j].name,
  6814. score: b[j].score,
  6815. img: b[j].img,
  6816. type: 3,
  6817. time: b[j].time,
  6818. });
  6819. } else if (b[j].type == 6 && b[j].atool != 50) {
  6820. this.workStudent[i].push({
  6821. userid: b[j].userid,
  6822. wid: b[j].id,
  6823. works: b[j].content,
  6824. sName: b[j].name,
  6825. score: b[j].score,
  6826. img: b[j].img,
  6827. type: 4,
  6828. time: b[j].time,
  6829. });
  6830. } else if (b[j].type == 7 && b[j].atool != 50) {
  6831. this.workStudent[i].push({
  6832. userid: b[j].userid,
  6833. wid: b[j].id,
  6834. works: b[j].content,
  6835. sName: b[j].name,
  6836. score: b[j].score,
  6837. img: b[j].img,
  6838. type: 5,
  6839. time: b[j].time,
  6840. });
  6841. } else if (b[j].type == 12 && a[i].tool[0] == b[j].atool) {
  6842. this.workStudent[i].push({
  6843. works: b[j].content,
  6844. sName: b[j].name,
  6845. score: b[j].score,
  6846. img: b[j].img,
  6847. type: 12,
  6848. time: b[j].time,
  6849. userid: b[j].userid,
  6850. wid: b[j].id,
  6851. });
  6852. } else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
  6853. this.workStudent[i].push({
  6854. works: b[j].content,
  6855. sName: b[j].name,
  6856. score: b[j].score,
  6857. img: b[j].img,
  6858. type: 0,
  6859. time: b[j].time,
  6860. userid: b[j].userid,
  6861. wid: b[j].id,
  6862. });
  6863. } else if (b[j].type == 1 && !parseInt(b[j].atool)) {
  6864. this.workStudent[i].push({
  6865. works: b[j].content,
  6866. sName: b[j].name,
  6867. score: b[j].score,
  6868. img: b[j].img,
  6869. type: 0,
  6870. time: b[j].time,
  6871. userid: b[j].userid,
  6872. wid: b[j].id,
  6873. });
  6874. }
  6875. } else if (b[j].type == 3 && a[i].tool[0] == 15) {
  6876. this.workStudent[i].push({
  6877. works: b[j].content,
  6878. sName: b[j].name,
  6879. score: b[j].score,
  6880. img: b[j].img,
  6881. type: 2,
  6882. time: b[j].time,
  6883. userid: b[j].userid,
  6884. wid: b[j].id,
  6885. });
  6886. } else if (b[j].type == 2 && a[i].tool[0] == 4) {
  6887. //问卷
  6888. this.workStudent[i].push({
  6889. works: b[j].content,
  6890. sName: b[j].name,
  6891. score: b[j].score,
  6892. img: b[j].img,
  6893. type: 2,
  6894. time: b[j].time,
  6895. userid: b[j].userid,
  6896. wid: b[j].id,
  6897. });
  6898. } else if (b[j].type == 8 && a[i].tool[0] == 45) {
  6899. //选择题
  6900. this.workStudent[i].push({
  6901. works: b[j].content,
  6902. sName: b[j].name,
  6903. score: b[j].score,
  6904. img: b[j].img,
  6905. type: 8,
  6906. time: b[j].time,
  6907. userid: b[j].userid,
  6908. wid: b[j].id,
  6909. });
  6910. } else if (b[j].type == 9 && a[i].tool[0] == 47) {
  6911. //选择题
  6912. this.workStudent[i].push({
  6913. works: b[j].content,
  6914. sName: b[j].name,
  6915. score: b[j].score,
  6916. img: b[j].img,
  6917. type: 9,
  6918. time: b[j].time,
  6919. userid: b[j].userid,
  6920. wid: b[j].id,
  6921. });
  6922. } else if (b[j].type == 10 && a[i].tool[0] == 48) {
  6923. //选择题
  6924. this.workStudent[i].push({
  6925. works: b[j].content,
  6926. sName: b[j].name,
  6927. score: b[j].score,
  6928. img: b[j].img,
  6929. type: 10,
  6930. time: b[j].time,
  6931. userid: b[j].userid,
  6932. wid: b[j].id,
  6933. });
  6934. } else if (b[j].type == 13 && a[i].tool[0] == 52) {
  6935. //选择题
  6936. this.workStudent[i].push({
  6937. works: b[j].content,
  6938. sName: b[j].name,
  6939. score: b[j].score,
  6940. img: b[j].img,
  6941. type: 13,
  6942. time: b[j].time,
  6943. userid: b[j].userid,
  6944. wid: b[j].id,
  6945. });
  6946. } else if (b[j].type == 12 && a[i].tool[0] == 32) {
  6947. //选择题
  6948. this.workStudent[i].push({
  6949. works: b[j].content,
  6950. sName: b[j].name,
  6951. score: b[j].score,
  6952. img: b[j].img,
  6953. type: 12,
  6954. time: b[j].time,
  6955. userid: b[j].userid,
  6956. wid: b[j].id,
  6957. });
  6958. } else if (b[j].type == 12 && a[i].tool[0] == 57) {
  6959. //选择题
  6960. this.workStudent[i].push({
  6961. works: b[j].content,
  6962. sName: b[j].name,
  6963. score: b[j].score,
  6964. img: b[j].img,
  6965. type: 12,
  6966. time: b[j].time,
  6967. userid: b[j].userid,
  6968. wid: b[j].id,
  6969. });
  6970. } else if (b[j].type == 15 && a[i].tool[0] == 57) {
  6971. //选择题
  6972. this.workStudent[i].push({
  6973. works: b[j].content,
  6974. sName: b[j].name,
  6975. score: b[j].score,
  6976. img: b[j].img,
  6977. type: 15,
  6978. time: b[j].time,
  6979. userid: b[j].userid,
  6980. wid: b[j].id,
  6981. });
  6982. }
  6983. }
  6984. }
  6985. }
  6986. })
  6987. .catch((err) => {
  6988. console.error(err);
  6989. });
  6990. },
  6991. openVideo(w) {
  6992. this.videoDetail = {};
  6993. this.playerOptions1.sources[0].src = w.works;
  6994. this.videoDetail = this.playerOptions1;
  6995. this.videoVisible = true;
  6996. },
  6997. isLikes(wid, uid, t, c, isLikes) {
  6998. if (isLikes == false) {
  6999. let params = [
  7000. {
  7001. wid: wid,
  7002. lid: uid,
  7003. t: t,
  7004. c: c,
  7005. },
  7006. ];
  7007. this.ajax
  7008. .post(this.$store.state.api + "insertComment", params)
  7009. .then((res) => {
  7010. this.$message({
  7011. message: "点赞成功",
  7012. type: "success",
  7013. });
  7014. this.selectSWorks();
  7015. this.selectStudent();
  7016. })
  7017. .catch((err) => {
  7018. this.$message.error("点赞失败");
  7019. console.error(err);
  7020. });
  7021. } else {
  7022. let params = {
  7023. wid: wid,
  7024. lid: uid,
  7025. type: t,
  7026. };
  7027. this.ajax
  7028. .get(this.$store.state.api + "deleteComment", params)
  7029. .then((res) => {
  7030. this.$message({
  7031. message: "取消点赞成功",
  7032. type: "success",
  7033. });
  7034. this.selectSWorks();
  7035. this.selectStudent();
  7036. })
  7037. .catch((err) => {
  7038. console.error(err);
  7039. });
  7040. }
  7041. },
  7042. deleteComment(wid) {
  7043. this.$confirm("确定删除此评论吗?", "提示", {
  7044. confirmButtonText: "确定",
  7045. cancelButtonText: "取消",
  7046. type: "warning",
  7047. })
  7048. .then(() => {
  7049. let params = {
  7050. id: wid,
  7051. };
  7052. this.ajax
  7053. .get(this.$store.state.api + "deleteComment2", params)
  7054. .then((res) => {
  7055. this.$message({
  7056. message: "删除评论成功",
  7057. type: "success",
  7058. });
  7059. this.selectSWorks();
  7060. this.selectStudent();
  7061. })
  7062. .catch((err) => {
  7063. console.error(err);
  7064. });
  7065. })
  7066. .catch(() => { });
  7067. },
  7068. commentOther(w, toolIndex, wIndex, gindex, gid) {
  7069. this.commentIndexJson = {
  7070. toolIndex: toolIndex,
  7071. wIndex: wIndex,
  7072. gindex: gindex,
  7073. gid: gid,
  7074. };
  7075. this.commentDetail = [];
  7076. this.commentDialogVisible = true;
  7077. this.commentDetail = w;
  7078. if (w.works && w.type == 1) {
  7079. this.pptImgUrl = "";
  7080. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  7081. if (
  7082. a.indexOf(
  7083. w.works
  7084. .split(".")
  7085. [w.works.split(".").length - 1].toLocaleUpperCase()
  7086. ) != -1
  7087. ) {
  7088. this.pptImgUrl =
  7089. "https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
  7090. this.showPDF = false;
  7091. } else if (
  7092. w.works
  7093. .split(".")
  7094. [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
  7095. ) {
  7096. this.pptImgUrl = w.works;
  7097. this.showPDF = true;
  7098. }
  7099. } else if (w.works && w.type == 3) {
  7100. this.videoDetail = {};
  7101. this.playerOptions1.sources[0].src = w.works;
  7102. this.videoDetail = this.playerOptions1;
  7103. // this.videoVisible = true;
  7104. } else if (w.works && w.type == 4) {
  7105. this.eScore = JSON.parse(w.works);
  7106. this.rateJson =
  7107. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  7108. this.taskCount
  7109. ].toolChoose[toolIndex].rateJson;
  7110. } else if (w.works && w.type == 10) {
  7111. this.commentDetail.works = JSON.parse(this.commentDetail.works);
  7112. } else if (w.works && w.type == 13) {
  7113. this.wordJson =
  7114. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  7115. this.taskCount
  7116. ].toolChoose[toolIndex].wordJson;
  7117. }
  7118. },
  7119. openScore(w) {
  7120. this.wScore = 0;
  7121. this.wScore = w.score ? JSON.parse(w.score).wScore : 0;
  7122. this.scoreDetail = w.score ? JSON.parse(w.score).detail : "";
  7123. this.commentDetail = [];
  7124. this.dialogVisibleScore = true;
  7125. this.commentDetail = w;
  7126. if (w.works && w.type == 1) {
  7127. this.pptImgUrl = "";
  7128. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  7129. if (
  7130. a.indexOf(
  7131. w.works
  7132. .split(".")
  7133. [w.works.split(".").length - 1].toLocaleUpperCase()
  7134. ) != -1
  7135. ) {
  7136. this.pptImgUrl =
  7137. "https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
  7138. this.showPDF = false;
  7139. } else if (
  7140. w.works
  7141. .split(".")
  7142. [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
  7143. ) {
  7144. this.pptImgUrl = w.works;
  7145. this.showPDF = true;
  7146. }
  7147. } else if (w.works && w.type == 3) {
  7148. this.videoDetail = {};
  7149. this.playerOptions1.sources[0].src = w.works;
  7150. this.videoDetail = this.playerOptions1;
  7151. }
  7152. },
  7153. addComment(wid, uid, t) {
  7154. if (this.commentText == "") {
  7155. this.$message.error("请输入评论");
  7156. return;
  7157. }
  7158. let params2 = [
  7159. {
  7160. wid: wid,
  7161. lid: uid,
  7162. t: t,
  7163. },
  7164. ];
  7165. this.ajax
  7166. .post(this.$store.state.api + "getComment", params2)
  7167. .then((res) => {
  7168. if (res.data[0].length > 0) {
  7169. this.$message.error("一个作业只能评论一条");
  7170. } else {
  7171. let params = [
  7172. {
  7173. wid: wid,
  7174. lid: uid,
  7175. t: t,
  7176. c: this.commentText,
  7177. },
  7178. ];
  7179. this.ajax
  7180. .post(this.$store.state.api + "insertComment", params)
  7181. .then((res) => {
  7182. this.$message({
  7183. message: "评论成功",
  7184. type: "success",
  7185. });
  7186. this.commentText = "";
  7187. this.selectSWorks();
  7188. this.selectStudent();
  7189. })
  7190. .catch((err) => {
  7191. this.$message.error("评论失败");
  7192. console.error(err);
  7193. });
  7194. }
  7195. })
  7196. .catch((err) => {
  7197. // this.$message.error("评论失败");
  7198. console.error(err);
  7199. });
  7200. },
  7201. scoreWork(wid) {
  7202. if (this.wScore == 0) {
  7203. this.$message.error("请评分");
  7204. return;
  7205. }
  7206. let params = [
  7207. {
  7208. wid: wid,
  7209. score: JSON.stringify({
  7210. wScore: this.wScore,
  7211. detail: this.scoreDetail,
  7212. }),
  7213. },
  7214. ];
  7215. this.ajax
  7216. .post(this.$store.state.api + "scoreWork", params)
  7217. .then((res) => {
  7218. this.$message({
  7219. message: "评分成功",
  7220. type: "success",
  7221. });
  7222. this.wScore = 0;
  7223. this.scoreDetail = "";
  7224. this.dialogVisibleScore = false;
  7225. this.selectSWorks();
  7226. this.selectStudent();
  7227. })
  7228. .catch((err) => {
  7229. this.$message.error("评分失败");
  7230. console.error(err);
  7231. });
  7232. },
  7233. openXz(w, i) {
  7234. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  7235. .taskJson[this.taskCount].toolChoose[i].selectJson
  7236. ? JSON.parse(
  7237. JSON.stringify(
  7238. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  7239. this.taskCount
  7240. ].toolChoose[i].selectJson
  7241. )
  7242. )
  7243. : { url: "", select: [], answer: [] };
  7244. var a = w.works.split(",");
  7245. for (var k = 0; k < a.length; k++) {
  7246. a[k] = parseInt(a[k]);
  7247. }
  7248. this.selectAnswer = { answer: a, stu: w.sName };
  7249. this.isSelect = true;
  7250. this.dialogVisibleSelect = true;
  7251. },
  7252. openSen(w, i) {
  7253. this.sentenceList1 = JSON.parse(w.works);
  7254. this.sentenceList1.stuName = w.sName;
  7255. this.dialogVisibleSentence1 = true;
  7256. },
  7257. openPj(w, toolindex) {
  7258. this.isStar = true;
  7259. this.eScore = JSON.parse(w);
  7260. this.rateJson =
  7261. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  7262. this.taskCount
  7263. ].toolChoose[toolindex].rateJson;
  7264. this.studentEvalDialogVisible = true;
  7265. },
  7266. deleteWorks(id) {
  7267. this.$confirm("确定删除此作业吗?", "提示", {
  7268. confirmButtonText: "确定",
  7269. cancelButtonText: "取消",
  7270. type: "warning",
  7271. })
  7272. .then(() => {
  7273. let params = [
  7274. {
  7275. id: id,
  7276. },
  7277. ];
  7278. this.ajax
  7279. .post(this.$store.state.api + "deleteCourseWork", params)
  7280. .then((res) => {
  7281. this.$message({
  7282. message: "删除成功",
  7283. type: "success",
  7284. });
  7285. this.selectStudent();
  7286. this.selectSWorks();
  7287. this.selectSLook();
  7288. })
  7289. .catch((err) => {
  7290. this.$message.error("网络异常");
  7291. console.error(err);
  7292. });
  7293. })
  7294. .catch(() => { });
  7295. },
  7296. selectSWorks(gindex) {
  7297. //教师查看全部作业
  7298. let params = {
  7299. cid: this.id,
  7300. s: this.courseType,
  7301. t: this.taskCount,
  7302. };
  7303. this.ajax
  7304. .get(this.$store.state.api + "selectSWorks", params)
  7305. .then((res) => {
  7306. var a =
  7307. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  7308. this.taskCount
  7309. ].toolChoose;
  7310. var b = res.data[0];
  7311. var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  7312. var y = [
  7313. "AVI",
  7314. "NAVI",
  7315. "MPEG",
  7316. "ASF",
  7317. "MOV",
  7318. "WMV",
  7319. "3GP",
  7320. "RM",
  7321. "RMVB",
  7322. "FLV",
  7323. "F4V",
  7324. "H.264",
  7325. "H.265",
  7326. "REAL VIDEO",
  7327. "MKV",
  7328. "WebM",
  7329. "HDDVD",
  7330. "MP4",
  7331. "MPG",
  7332. "M4V",
  7333. "MGV",
  7334. "OGV",
  7335. "QTM",
  7336. "STR",
  7337. "AMC",
  7338. "DVX",
  7339. "EVO",
  7340. "DAT",
  7341. "OGG",
  7342. "OGM",
  7343. ];
  7344. var d = res.data[1];
  7345. var e = res.data[2];
  7346. var f = res.data[3];
  7347. let _worksStudent = [];
  7348. for (var i = 0; i < a.length; i++) {
  7349. _worksStudent[i] = [];
  7350. if (
  7351. !this.isCloseList[i] ||
  7352. this.isCloseList[i].isClose == undefined
  7353. ) {
  7354. this.isCloseList[i] = { isClose: 0 };
  7355. }
  7356. this.groupStudent[i] = [];
  7357. this.groupStudentUid[i] = [];
  7358. if (this.isGroup) {
  7359. for (
  7360. var groupI = 0;
  7361. groupI < this.courseGroup.group.length;
  7362. groupI++
  7363. ) {
  7364. this.courseGroup.group[groupI].works[i] = [];
  7365. }
  7366. }
  7367. this.isWorksS[i] = [];
  7368. this.checkJson[i] = [];
  7369. if (a[i].tool[0] == 49) {
  7370. for (var gA = 0; gA < a[i].groupJson.group.length; gA++) {
  7371. this.groupStudent[i][gA] = [];
  7372. this.groupStudentUid[i][gA] = [];
  7373. _worksStudent[i][gA] = [];
  7374. this.isCloseList[i][gA] = [];
  7375. for (var g = 0; g < f.length; g++) {
  7376. if (
  7377. f[g].ttype == 2 &&
  7378. this.tcid &&
  7379. this.arrayToArray(
  7380. f[g].classid.split(","),
  7381. this.tcid.split(",")
  7382. ).length == 0
  7383. ) {
  7384. continue;
  7385. }
  7386. if (gA == f[g].group && f[g].tool == i) {
  7387. this.groupStudent[i][gA].push(f[g]);
  7388. this.groupStudentUid[i][gA].push(f[g].userid);
  7389. }
  7390. }
  7391. }
  7392. this.$forceUpdate();
  7393. }
  7394. for (var j = 0; j < b.length; j++) {
  7395. if (
  7396. b[j].ttype == 2 &&
  7397. this.tcid &&
  7398. this.arrayToArray(b[j].classid.split(","), this.tcid.split(","))
  7399. .length == 0
  7400. ) {
  7401. continue;
  7402. }
  7403. var likesCount = 0;
  7404. var commentCount = 0;
  7405. var isLikes = false;
  7406. var commentJson = [];
  7407. var data = b[j];
  7408. if (i == b[j].tool) {
  7409. if (data.type == 2 && a[i].tool[0] == 4) {
  7410. // if(JSON.parse(data.content)[0].anwer){
  7411. var checkL =
  7412. JSON.parse(data.content)[0].anwer instanceof Array
  7413. ? JSON.parse(data.content)[0].anwer
  7414. : JSON.parse(data.content)[0].anwer.split(",");
  7415. for (var z = 0; z < checkL.length; z++) {
  7416. if (!this.checkJson[i][z]) {
  7417. this.checkJson[i].push({
  7418. checkCount: [],
  7419. checkPerson: [],
  7420. rightPerson: [],
  7421. });
  7422. }
  7423. if (!this.checkJson[i][z].checkCount.length) {
  7424. this.checkJson[i][z].checkCount = [];
  7425. let _askItemCount = JSON.parse(data.content)[0].askJson
  7426. .askJson[z].askItem;
  7427. for (var aic = 0; aic < _askItemCount; aic++) {
  7428. this.checkJson[i][z].checkCount.push(0);
  7429. }
  7430. }
  7431. if (checkL[z] instanceof Array) {
  7432. if (
  7433. JSON.parse(data.content)[0].anwer.sort().join(",") ==
  7434. checkL[z].sort().join(",")
  7435. ) {
  7436. this.checkJson[i][z].rightPerson.push(data.name);
  7437. }
  7438. for (var q = 0; q < checkL[z].length; q++) {
  7439. this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
  7440. ? this.checkJson[i][z].checkPerson[
  7441. parseInt(checkL[z][q])
  7442. ].push(data.name)
  7443. : (this.checkJson[i][z].checkPerson[
  7444. parseInt(checkL[z][q])
  7445. ] = [data.name]);
  7446. this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
  7447. ? this.checkJson[i][z].checkCount[
  7448. parseInt(checkL[z][q])
  7449. ]++
  7450. : (this.checkJson[i][z].checkCount[
  7451. parseInt(checkL[z][q])
  7452. ] = 1);
  7453. }
  7454. } else {
  7455. if (JSON.parse(data.content)[0].anwer[z] == checkL[z]) {
  7456. this.checkJson[i][z].rightPerson.push(data.name);
  7457. }
  7458. if (parseInt(checkL[z]) || parseInt(checkL[z]) == 0) {
  7459. this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
  7460. ? this.checkJson[i][z].checkPerson[
  7461. parseInt(checkL[z])
  7462. ].push(data.name)
  7463. : (this.checkJson[i][z].checkPerson[
  7464. parseInt(checkL[z])
  7465. ] = [data.name]);
  7466. this.checkJson[i][z].checkCount[parseInt(checkL[z])]
  7467. ? this.checkJson[i][z].checkCount[
  7468. parseInt(checkL[z])
  7469. ]++
  7470. : (this.checkJson[i][z].checkCount[
  7471. parseInt(checkL[z])
  7472. ] = 1);
  7473. }
  7474. }
  7475. }
  7476. } else if (data.type == 8 && a[i].tool[0] == 45) {
  7477. var checkL = JSON.parse(data.content)[0].anwer;
  7478. for (var z = 0; z < checkL.length; z++) {
  7479. if (!this.checkJson[i][z]) {
  7480. this.checkJson[i].push({
  7481. checkCount: [],
  7482. checkPerson: [],
  7483. rightPerson: [],
  7484. });
  7485. }
  7486. if (!this.checkJson[i][z].checkCount.length) {
  7487. this.checkJson[i][z].checkCount = [];
  7488. let _askItemCount = JSON.parse(data.content)[0].testJson
  7489. .testJson[z].testItem;
  7490. console.log(_askItemCount);
  7491. for (var aic = 0; aic < _askItemCount; aic++) {
  7492. this.checkJson[i][z].checkCount.push(0);
  7493. }
  7494. }
  7495. if (checkL[z] instanceof Array) {
  7496. if (
  7497. JSON.parse(data.content)[0]
  7498. .testJson.testJson[z].answer.sort()
  7499. .join(",") == checkL[z].sort().join(",")
  7500. ) {
  7501. this.checkJson[i][z].rightPerson.push(data.name);
  7502. }
  7503. for (var q = 0; q < checkL[z].length; q++) {
  7504. this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
  7505. ? this.checkJson[i][z].checkPerson[
  7506. parseInt(checkL[z][q])
  7507. ].push(data.name)
  7508. : (this.checkJson[i][z].checkPerson[
  7509. parseInt(checkL[z][q])
  7510. ] = [data.name]);
  7511. this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
  7512. ? this.checkJson[i][z].checkCount[
  7513. parseInt(checkL[z][q])
  7514. ]++
  7515. : (this.checkJson[i][z].checkCount[
  7516. parseInt(checkL[z][q])
  7517. ] = 1);
  7518. }
  7519. } else {
  7520. if (
  7521. JSON.parse(data.content)[0].testJson.testJson[z]
  7522. .answer == checkL[z]
  7523. ) {
  7524. this.checkJson[i][z].rightPerson.push(data.name);
  7525. }
  7526. if (parseInt(checkL[z]) || parseInt(checkL[z]) == 0) {
  7527. this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
  7528. ? this.checkJson[i][z].checkPerson[
  7529. parseInt(checkL[z])
  7530. ].push(data.name)
  7531. : (this.checkJson[i][z].checkPerson[
  7532. parseInt(checkL[z])
  7533. ] = [data.name]);
  7534. this.checkJson[i][z].checkCount[parseInt(checkL[z])]
  7535. ? this.checkJson[i][z].checkCount[
  7536. parseInt(checkL[z])
  7537. ]++
  7538. : (this.checkJson[i][z].checkCount[
  7539. parseInt(checkL[z])
  7540. ] = 1);
  7541. }
  7542. }
  7543. }
  7544. } else if (data.type == 9 && a[i].tool[0] == 47) {
  7545. var checkL = JSON.parse(data.content);
  7546. for (var z = 0; z < checkL.length; z++) {
  7547. if (!this.checkJson[i][z]) {
  7548. this.checkJson[i].push({
  7549. checkCount: [],
  7550. checkPerson: [],
  7551. rightPerson: [],
  7552. });
  7553. }
  7554. this.checkJson[i][z].checkPerson.push(data.name);
  7555. if (
  7556. checkL[z].chooseSenList.toString() ==
  7557. checkL[z].rightAnswer.toString()
  7558. ) {
  7559. this.checkJson[i][z].rightPerson.push(data.name);
  7560. }
  7561. }
  7562. }
  7563. for (var k = 0; k < d.length; k++) {
  7564. //点赞
  7565. if (d[k].workId == b[j].id) {
  7566. likesCount++;
  7567. if (d[k].likesId == this.userid) {
  7568. isLikes = true;
  7569. }
  7570. }
  7571. }
  7572. for (var l = 0; l < e.length; l++) {
  7573. //评论
  7574. if (e[l].workId == b[j].id) {
  7575. if (e[l].comment != "") {
  7576. commentCount++;
  7577. commentJson.push({
  7578. commentText: e[l].comment,
  7579. commentTime: e[l].commentTime,
  7580. commentPeople: e[l].commentPeople,
  7581. userid: e[l].userid,
  7582. wid: e[l].id,
  7583. });
  7584. }
  7585. }
  7586. }
  7587. if (
  7588. (b[j].type == 1 ||
  7589. b[j].type == 4 ||
  7590. b[j].type == 5 ||
  7591. b[j].type == 6 ||
  7592. b[j].type == 12 ||
  7593. b[j].type == 7) &&
  7594. a[i].tool[0] != 15 &&
  7595. a[i].tool[0] != 4 &&
  7596. a[i].tool[0] != 45 &&
  7597. a[i].tool[0] != 50 &&
  7598. a[i].tool[0] != 32 &&
  7599. a[i].tool[0] != 57 &&
  7600. a[i].tool[0] != 52
  7601. ) {
  7602. if (
  7603. c.indexOf(
  7604. b[j].content
  7605. .split(".")
  7606. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  7607. ) != -1 &&
  7608. a[i].tool[0] == 16 &&
  7609. b[j].atool != 50
  7610. ) {
  7611. let _works = {
  7612. userid: b[j].userid,
  7613. ateacher: b[j].ateacher,
  7614. wid: b[j].id,
  7615. works: b[j].content,
  7616. sName: b[j].name,
  7617. type: 1,
  7618. time: b[j].time,
  7619. score: b[j].score,
  7620. img: b[j].img,
  7621. likesCount: likesCount,
  7622. commentCount: commentCount,
  7623. isLikes: isLikes,
  7624. commentJson: commentJson,
  7625. };
  7626. if (this.isGroup) {
  7627. let isGw = 1;
  7628. for (
  7629. var groupI = 0;
  7630. groupI < this.courseGroup.group.length;
  7631. groupI++
  7632. ) {
  7633. let gid = this.courseGroup.group[groupI].id;
  7634. if (
  7635. this.courseGroupStudentUid[gid].indexOf(
  7636. b[j].userid
  7637. ) != -1
  7638. ) {
  7639. isGw = 2;
  7640. this.courseGroup.group[groupI].works[i].push(_works);
  7641. break;
  7642. }
  7643. }
  7644. if (isGw == 1) {
  7645. _worksStudent[i].push(_works);
  7646. }
  7647. } else {
  7648. _worksStudent[i].push(_works);
  7649. }
  7650. this.isWorksS[i].push({
  7651. uid: b[j].userid,
  7652. sName: b[j].name,
  7653. });
  7654. } else if (
  7655. y.indexOf(
  7656. b[j].content
  7657. .split(".")
  7658. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  7659. ) != -1 &&
  7660. a[i].tool[0] == 16 &&
  7661. b[j].atool != 50
  7662. ) {
  7663. let _works = {
  7664. userid: b[j].userid,
  7665. ateacher: b[j].ateacher,
  7666. wid: b[j].id,
  7667. works: b[j].content,
  7668. sName: b[j].name,
  7669. type: 3,
  7670. time: b[j].time,
  7671. score: b[j].score,
  7672. img: b[j].img,
  7673. likesCount: likesCount,
  7674. commentCount: commentCount,
  7675. isLikes: isLikes,
  7676. commentJson: commentJson,
  7677. };
  7678. if (this.isGroup) {
  7679. let isGw = 1;
  7680. for (
  7681. var groupI = 0;
  7682. groupI < this.courseGroup.group.length;
  7683. groupI++
  7684. ) {
  7685. let gid = this.courseGroup.group[groupI].id;
  7686. if (
  7687. this.courseGroupStudentUid[gid].indexOf(
  7688. b[j].userid
  7689. ) != -1
  7690. ) {
  7691. isGw = 2;
  7692. this.courseGroup.group[groupI].works[i].push(_works);
  7693. break;
  7694. }
  7695. }
  7696. if (isGw == 1) {
  7697. _worksStudent[i].push(_works);
  7698. }
  7699. } else {
  7700. _worksStudent[i].push(_works);
  7701. }
  7702. this.isWorksS[i].push({
  7703. uid: b[j].userid,
  7704. sName: b[j].name,
  7705. });
  7706. } else if (b[j].type == 6 && b[j].atool != 50) {
  7707. _worksStudent[i].push({
  7708. userid: b[j].userid,
  7709. ateacher: b[j].ateacher,
  7710. wid: b[j].id,
  7711. works: b[j].content,
  7712. sName: b[j].name,
  7713. type: 4,
  7714. time: b[j].time,
  7715. score: b[j].score,
  7716. img: b[j].img,
  7717. likesCount: likesCount,
  7718. commentCount: commentCount,
  7719. isLikes: isLikes,
  7720. commentJson: commentJson,
  7721. });
  7722. this.isWorksS[i].push({
  7723. uid: b[j].userid,
  7724. sName: b[j].name,
  7725. });
  7726. } else if (b[j].type == 7 && b[j].atool != 50) {
  7727. _worksStudent[i].push({
  7728. userid: b[j].userid,
  7729. ateacher: b[j].ateacher,
  7730. wid: b[j].id,
  7731. works: b[j].content,
  7732. sName: b[j].name,
  7733. type: 5,
  7734. time: b[j].time,
  7735. score: b[j].score,
  7736. img: b[j].img,
  7737. likesCount: likesCount,
  7738. commentCount: commentCount,
  7739. isLikes: isLikes,
  7740. commentJson: commentJson,
  7741. });
  7742. this.isWorksS[i].push({
  7743. uid: b[j].userid,
  7744. sName: b[j].name,
  7745. });
  7746. } else if (b[j].type == 12 && a[i].tool[0] == b[j].atool) {
  7747. let _works = {
  7748. userid: b[j].userid,
  7749. ateacher: b[j].ateacher,
  7750. wid: b[j].id,
  7751. works: b[j].content,
  7752. sName: b[j].name,
  7753. type: 12,
  7754. time: b[j].time,
  7755. score: b[j].score,
  7756. img: b[j].img,
  7757. likesCount: likesCount,
  7758. commentCount: commentCount,
  7759. isLikes: isLikes,
  7760. commentJson: commentJson,
  7761. };
  7762. if (this.isGroup) {
  7763. let isGw = 1;
  7764. for (
  7765. var groupI = 0;
  7766. groupI < this.courseGroup.group.length;
  7767. groupI++
  7768. ) {
  7769. let gid = this.courseGroup.group[groupI].id;
  7770. if (
  7771. this.courseGroupStudentUid[gid].indexOf(
  7772. b[j].userid
  7773. ) != -1
  7774. ) {
  7775. isGw = 2;
  7776. this.courseGroup.group[groupI].works[i].push(_works);
  7777. break;
  7778. }
  7779. }
  7780. if (isGw == 1) {
  7781. _worksStudent[i].push(_works);
  7782. }
  7783. } else {
  7784. _worksStudent[i].push(_works);
  7785. }
  7786. this.isWorksS[i].push({
  7787. uid: b[j].userid,
  7788. sName: b[j].name,
  7789. });
  7790. } else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
  7791. let _works = {
  7792. userid: b[j].userid,
  7793. ateacher: b[j].ateacher,
  7794. wid: b[j].id,
  7795. works: b[j].content,
  7796. sName: b[j].name,
  7797. type: 0,
  7798. time: b[j].time,
  7799. score: b[j].score,
  7800. img: b[j].img,
  7801. likesCount: likesCount,
  7802. commentCount: commentCount,
  7803. isLikes: isLikes,
  7804. commentJson: commentJson,
  7805. };
  7806. if (this.isGroup) {
  7807. let isGw = 1;
  7808. for (
  7809. var groupI = 0;
  7810. groupI < this.courseGroup.group.length;
  7811. groupI++
  7812. ) {
  7813. let gid = this.courseGroup.group[groupI].id;
  7814. if (
  7815. this.courseGroupStudentUid[gid].indexOf(
  7816. b[j].userid
  7817. ) != -1
  7818. ) {
  7819. isGw = 2;
  7820. this.courseGroup.group[groupI].works[i].push(_works);
  7821. break;
  7822. }
  7823. }
  7824. if (isGw == 1) {
  7825. _worksStudent[i].push(_works);
  7826. }
  7827. } else {
  7828. _worksStudent[i].push(_works);
  7829. }
  7830. this.isWorksS[i].push({
  7831. uid: b[j].userid,
  7832. sName: b[j].name,
  7833. });
  7834. } else if (b[j].type == 1 && !parseInt(b[j].atool)) {
  7835. let _works = {
  7836. userid: b[j].userid,
  7837. ateacher: b[j].ateacher,
  7838. wid: b[j].id,
  7839. works: b[j].content,
  7840. sName: b[j].name,
  7841. type: 0,
  7842. time: b[j].time,
  7843. score: b[j].score,
  7844. img: b[j].img,
  7845. likesCount: likesCount,
  7846. commentCount: commentCount,
  7847. isLikes: isLikes,
  7848. commentJson: commentJson,
  7849. };
  7850. if (this.isGroup) {
  7851. let isGw = 1;
  7852. for (
  7853. var groupI = 0;
  7854. groupI < this.courseGroup.group.length;
  7855. groupI++
  7856. ) {
  7857. let gid = this.courseGroup.group[groupI].id;
  7858. if (
  7859. this.courseGroupStudentUid[gid].indexOf(
  7860. b[j].userid
  7861. ) != -1
  7862. ) {
  7863. isGw = 2;
  7864. this.courseGroup.group[groupI].works[i].push(_works);
  7865. break;
  7866. }
  7867. }
  7868. if (isGw == 1) {
  7869. _worksStudent[i].push(_works);
  7870. }
  7871. } else {
  7872. _worksStudent[i].push(_works);
  7873. }
  7874. this.isWorksS[i].push({
  7875. uid: b[j].userid,
  7876. sName: b[j].name,
  7877. });
  7878. }
  7879. } else if (b[j].type == 3 && a[i].tool[0] == 15) {
  7880. let _works = {
  7881. userid: b[j].userid,
  7882. ateacher: b[j].ateacher,
  7883. wid: b[j].id,
  7884. works: b[j].content,
  7885. sName: b[j].name,
  7886. type: 2,
  7887. time: b[j].time,
  7888. score: b[j].score,
  7889. img: b[j].img,
  7890. likesCount: likesCount,
  7891. commentCount: commentCount,
  7892. isLikes: isLikes,
  7893. commentJson: commentJson,
  7894. };
  7895. if (this.isGroup) {
  7896. let isGw = 1;
  7897. for (
  7898. var groupI = 0;
  7899. groupI < this.courseGroup.group.length;
  7900. groupI++
  7901. ) {
  7902. let gid = this.courseGroup.group[groupI].id;
  7903. if (
  7904. this.courseGroupStudentUid[gid].indexOf(b[j].userid) !=
  7905. -1
  7906. ) {
  7907. isGw = 2;
  7908. this.courseGroup.group[groupI].works[i].push(_works);
  7909. break;
  7910. }
  7911. }
  7912. if (isGw == 1) {
  7913. _worksStudent[i].push(_works);
  7914. }
  7915. } else {
  7916. _worksStudent[i].push(_works);
  7917. }
  7918. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  7919. } else if (b[j].type == 2 && a[i].tool[0] == 4) {
  7920. //问卷
  7921. _worksStudent[i].push({
  7922. userid: b[j].userid,
  7923. ateacher: b[j].ateacher,
  7924. wid: b[j].id,
  7925. works: b[j].content,
  7926. sName: b[j].name,
  7927. type: 2,
  7928. time: b[j].time,
  7929. score: b[j].score,
  7930. img: b[j].img,
  7931. likesCount: likesCount,
  7932. commentCount: commentCount,
  7933. isLikes: isLikes,
  7934. commentJson: commentJson,
  7935. });
  7936. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  7937. } else if (b[j].type == 8 && a[i].tool[0] == 45) {
  7938. //选择题
  7939. _worksStudent[i].push({
  7940. userid: b[j].userid,
  7941. ateacher: b[j].ateacher,
  7942. wid: b[j].id,
  7943. works: b[j].content,
  7944. sName: b[j].name,
  7945. type: 8,
  7946. time: b[j].time,
  7947. score: b[j].score,
  7948. img: b[j].img,
  7949. likesCount: likesCount,
  7950. commentCount: commentCount,
  7951. isLikes: isLikes,
  7952. commentJson: commentJson,
  7953. });
  7954. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  7955. } else if (b[j].type == 9 && a[i].tool[0] == 47) {
  7956. //选择题
  7957. _worksStudent[i].push({
  7958. userid: b[j].userid,
  7959. ateacher: b[j].ateacher,
  7960. wid: b[j].id,
  7961. works: b[j].content,
  7962. sName: b[j].name,
  7963. type: 9,
  7964. time: b[j].time,
  7965. score: b[j].score,
  7966. img: b[j].img,
  7967. likesCount: likesCount,
  7968. commentCount: commentCount,
  7969. isLikes: isLikes,
  7970. commentJson: commentJson,
  7971. });
  7972. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  7973. } else if (b[j].type == 10 && a[i].tool[0] == 48) {
  7974. //选择题
  7975. _worksStudent[i].push({
  7976. userid: b[j].userid,
  7977. ateacher: b[j].ateacher,
  7978. wid: b[j].id,
  7979. works: b[j].content,
  7980. sName: b[j].name,
  7981. type: 10,
  7982. time: b[j].time,
  7983. score: b[j].score,
  7984. img: b[j].img,
  7985. likesCount: likesCount,
  7986. commentCount: commentCount,
  7987. isLikes: isLikes,
  7988. commentJson: commentJson,
  7989. });
  7990. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  7991. } else if (b[j].type == 13 && a[i].tool[0] == 52) {
  7992. //选择题
  7993. _worksStudent[i].push({
  7994. userid: b[j].userid,
  7995. ateacher: b[j].ateacher,
  7996. wid: b[j].id,
  7997. works: b[j].content,
  7998. sName: b[j].name,
  7999. type: 13,
  8000. time: b[j].time,
  8001. score: b[j].score,
  8002. img: b[j].img,
  8003. likesCount: likesCount,
  8004. commentCount: commentCount,
  8005. isLikes: isLikes,
  8006. commentJson: commentJson,
  8007. });
  8008. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  8009. } else if (b[j].type == 11 && a[i].tool[0] == 49) {
  8010. let _gindex = JSON.parse(b[j].content);
  8011. if (
  8012. this.groupStudentUid[i][_gindex.groupIndex].indexOf(
  8013. b[j].userid
  8014. ) != -1
  8015. ) {
  8016. _worksStudent[i][_gindex.groupIndex].push({
  8017. userid: b[j].userid,
  8018. ateacher: b[j].ateacher,
  8019. wid: b[j].id,
  8020. works: _gindex.url,
  8021. sName: b[j].name,
  8022. type: _gindex.type,
  8023. time: b[j].time,
  8024. score: b[j].score,
  8025. img: b[j].img,
  8026. likesCount: likesCount,
  8027. commentCount: commentCount,
  8028. isLikes: isLikes,
  8029. commentJson: commentJson,
  8030. });
  8031. }
  8032. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  8033. } else if (a[i].tool[0] == 50 && b[j].atool == 50) {
  8034. _worksStudent[i].push({
  8035. userid: b[j].userid,
  8036. ateacher: b[j].ateacher,
  8037. wid: b[j].id,
  8038. works: b[j].content,
  8039. sName: b[j].name ? b[j].name : b[j].userid,
  8040. type: b[j].type == 1 ? 0 : b[j].type == 4 ? 1 : 3,
  8041. time: b[j].time,
  8042. score: b[j].score,
  8043. img: b[j].img,
  8044. likesCount: likesCount,
  8045. commentCount: commentCount,
  8046. isLikes: isLikes,
  8047. commentJson: commentJson,
  8048. });
  8049. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  8050. } else if (a[i].tool[0] == 32 && b[j].atool == 32) {
  8051. _worksStudent[i].push({
  8052. userid: b[j].userid,
  8053. ateacher: b[j].ateacher,
  8054. wid: b[j].id,
  8055. works: b[j].content,
  8056. sName: b[j].name ? b[j].name : b[j].userid,
  8057. type: 12,
  8058. time: b[j].time,
  8059. score: b[j].score,
  8060. img: b[j].img,
  8061. likesCount: likesCount,
  8062. commentCount: commentCount,
  8063. isLikes: isLikes,
  8064. commentJson: commentJson,
  8065. });
  8066. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  8067. } else if (a[i].tool[0] == 57 && b[j].atool == 57 && b[j].type == 12) {
  8068. _worksStudent[i].push({
  8069. userid: b[j].userid,
  8070. ateacher: b[j].ateacher,
  8071. wid: b[j].id,
  8072. works: b[j].content,
  8073. sName: b[j].name ? b[j].name : b[j].userid,
  8074. type: 12,
  8075. time: b[j].time,
  8076. score: b[j].score,
  8077. img: b[j].img,
  8078. likesCount: likesCount,
  8079. commentCount: commentCount,
  8080. isLikes: isLikes,
  8081. commentJson: commentJson,
  8082. });
  8083. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  8084. } else if (a[i].tool[0] == 57 && b[j].atool == 57 && b[j].type == 15) {
  8085. _worksStudent[i].push({
  8086. userid: b[j].userid,
  8087. ateacher: b[j].ateacher,
  8088. wid: b[j].id,
  8089. works: b[j].content,
  8090. sName: b[j].name ? b[j].name : b[j].userid,
  8091. type: 15,
  8092. time: b[j].time,
  8093. score: b[j].score,
  8094. img: b[j].img,
  8095. likesCount: likesCount,
  8096. commentCount: commentCount,
  8097. isLikes: isLikes,
  8098. commentJson: commentJson,
  8099. });
  8100. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  8101. }
  8102. }
  8103. }
  8104. if (_worksStudent[i] && _worksStudent[i].length) {
  8105. _worksStudent[i] = _worksStudent[i].sort(function (a, b) {
  8106. let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
  8107. let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
  8108. var scoreA = parseFloat(jscoreA);
  8109. var scoreB = parseFloat(jscoreB);
  8110. if (scoreA == scoreB) {
  8111. return b.likesCount - a.likesCount;
  8112. }
  8113. return scoreB - scoreA;
  8114. });
  8115. if (this.isGroup) {
  8116. for (
  8117. var groupI = 0;
  8118. groupI < this.courseGroup.group.length;
  8119. groupI++
  8120. ) {
  8121. this.courseGroup.group[groupI].works[i] =
  8122. this.courseGroup.group[groupI].works[i].sort(function (
  8123. a,
  8124. b
  8125. ) {
  8126. let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
  8127. let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
  8128. var scoreA = parseFloat(jscoreA);
  8129. var scoreB = parseFloat(jscoreB);
  8130. if (scoreA == scoreB) {
  8131. return b.likesCount - a.likesCount;
  8132. }
  8133. return scoreB - scoreA;
  8134. });
  8135. }
  8136. }
  8137. }
  8138. }
  8139. for (var i = 0; i < a.length; i++) {
  8140. for (var j = 0; j < b.length; j++) {
  8141. var data = b[j];
  8142. if (i == b[j].tool) {
  8143. if (data.type == 2 || data.type == 8) {
  8144. for (var z = 0; z < this.checkJson[i].length; z++) {
  8145. this.checkJson[i][z].checkPerent = [];
  8146. this.checkJson[i][z].right = Math.round(
  8147. (this.checkJson[i][z].rightPerson.length /
  8148. parseInt(_worksStudent[i].length)) *
  8149. 100
  8150. );
  8151. let aaaa = this.checkJson[i][z];
  8152. console.log(aaaa);
  8153. for (
  8154. var k = 0;
  8155. k < this.checkJson[i][z].checkCount.length;
  8156. k++
  8157. ) {
  8158. this.checkJson[i][z].checkPerent.push(
  8159. Math.round(
  8160. (this.checkJson[i][z].checkCount[k] /
  8161. parseInt(_worksStudent[i].length)) *
  8162. 100
  8163. )
  8164. );
  8165. }
  8166. }
  8167. } else if (data.type == 9) {
  8168. for (var z = 0; z < this.checkJson[i].length; z++) {
  8169. this.checkJson[i][z].checkPerent = [];
  8170. this.checkJson[i][z].right = Math.round(
  8171. (this.checkJson[i][z].rightPerson.length /
  8172. this.checkJson[i][z].checkPerson.length) *
  8173. 100
  8174. );
  8175. }
  8176. }
  8177. }
  8178. }
  8179. }
  8180. if (this.dialogVisibleGroup && (gindex || gindex === 0)) {
  8181. this.joinGroup(gindex);
  8182. }
  8183. this.worksStudent = _worksStudent;
  8184. this.selectWorksStudent();
  8185. })
  8186. .catch((err) => {
  8187. console.error(err);
  8188. });
  8189. },
  8190. pngToWhiteBg(file) {
  8191. const _file = file;
  8192. let read = new FileReader();
  8193. read.readAsDataURL(file); // 文件转base64
  8194. return new Promise((resolve, reject) => {
  8195. read.onload = (e) => {
  8196. let img = new Image();
  8197. img.src = e.target.result;
  8198. img.onload = async () => {
  8199. // 生成canvas
  8200. let canvas = document.createElement("canvas");
  8201. let context = canvas.getContext("2d");
  8202. // 绘制图片到canvas上
  8203. canvas.width = img.width;
  8204. canvas.height = img.height;
  8205. // 在canvas绘制前填充白色背景
  8206. context.fillStyle = "#fff";
  8207. context.fillRect(0, 0, canvas.width, canvas.height);
  8208. context.drawImage(img, 0, 0);
  8209. let base64 = canvas.toDataURL(file["type"], 1);
  8210. let newFile = this.dataUrlToFile(base64, _file);
  8211. resolve(newFile);
  8212. };
  8213. };
  8214. });
  8215. },
  8216. dataUrlToFile(dataurl, file) {
  8217. let arr = dataurl.split(","),
  8218. mime = arr[0].match(/:(.*?);/)[1],
  8219. bstr = atob(arr[1]),
  8220. n = bstr.length,
  8221. u8arr = new Uint8Array(n);
  8222. while (n--) {
  8223. u8arr[n] = bstr.charCodeAt(n);
  8224. }
  8225. // return new Blob([u8arr], { type: mime });
  8226. return new File([new Blob([u8arr], { type: mime })], file.name, {
  8227. type: mime,
  8228. });
  8229. },
  8230. async beforeUpload1(event, type, i) {
  8231. // this.$message.success('进入上传')
  8232. var file = "";
  8233. if (type == 5) {
  8234. file = event;
  8235. } else {
  8236. file = event.target.files[0];
  8237. }
  8238. var credentials = {
  8239. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  8240. secretAccessKey: "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",
  8241. }; //秘钥形式的登录上传
  8242. window.AWS.config.update(credentials);
  8243. window.AWS.config.region = "cn-northwest-1"; //设置区域
  8244. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  8245. var _this = this;
  8246. _this.progress = 0;
  8247. _this.proVisible = true;
  8248. _this.isFinishSize = 0;
  8249. _this.isAllSize = (file.size / 1024 / 1024).toFixed(2);
  8250. var b = [
  8251. "DOC",
  8252. "DOCX",
  8253. "DOCM",
  8254. "DOTM",
  8255. "DOTX",
  8256. "PPTX",
  8257. "PPSX",
  8258. "PPT",
  8259. "PPS",
  8260. "PPTM",
  8261. "POTM",
  8262. "PPAM",
  8263. "POTX",
  8264. "PPSM",
  8265. ];
  8266. var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
  8267. var photoA = [
  8268. "BMP",
  8269. "GIF",
  8270. "PNG",
  8271. "JPGE",
  8272. "JPEG",
  8273. "JPG",
  8274. "TIF",
  8275. "PCX",
  8276. "TGA",
  8277. "EXIF",
  8278. "FPX",
  8279. "SVG",
  8280. "APNG",
  8281. ];
  8282. // if (
  8283. // b.indexOf(
  8284. // file.name
  8285. // .split(".")
  8286. // [file.name.split(".").length - 1].toLocaleUpperCase()
  8287. // ) != -1
  8288. // ) {
  8289. // if (file.size / 1024 / 1024 > 10) {
  8290. // this.$message.error("上传文件大于10兆,请重新选择文件!");
  8291. // return;
  8292. // }
  8293. // } else if (
  8294. // excelA.indexOf(
  8295. // file.name
  8296. // .split(".")
  8297. // [file.name.split(".").length - 1].toLocaleUpperCase()
  8298. // ) != "-1"
  8299. // ) {
  8300. // if (file.size / 1024 / 1024 > 5) {
  8301. // this.$message.error("添加成上传文件大于5兆,请重新选择文件!");
  8302. // return;
  8303. // }
  8304. // }
  8305. if (
  8306. photoA.indexOf(
  8307. file.name
  8308. .split(".")
  8309. [file.name.split(".").length - 1].toLocaleUpperCase()
  8310. ) != -1 &&
  8311. type != 4
  8312. ) {
  8313. // const blob = await imageConversion.compress(file, 0.8)
  8314. file = await this.pngToWhiteBg(file);
  8315. const blob = await imageConversion.compressAccurately(file, 256);
  8316. // const blob = await imageConversion.compressAccurately(file, {type:file.type});
  8317. file = new File([blob], file.name, { type: file.type });
  8318. }
  8319. if (file) {
  8320. var params = {
  8321. Key:
  8322. file.name.split(".")[0] +
  8323. new Date().getTime() +
  8324. "." +
  8325. file.name.split(".")[file.name.split(".").length - 1],
  8326. ContentType: file.type,
  8327. Body: file,
  8328. "Access-Control-Allow-Credentials": "*",
  8329. ACL: "public-read",
  8330. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  8331. var options = {
  8332. // partSize: 2048 * 1024 * 1024,
  8333. partSize: 1024 * 1024 * 1024,
  8334. queueSize: 2,
  8335. leavePartsOnError: true,
  8336. };
  8337. bucket
  8338. .upload(params, options)
  8339. .on("httpUploadProgress", function (evt) {
  8340. //这里可以写进度条
  8341. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  8342. _this.progress = parseInt((evt.loaded / evt.total) * 100);
  8343. _this.isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
  8344. })
  8345. .send(function (err, data) {
  8346. _this.progress = 100;
  8347. _this.isFinishSize = _this.isAllSize;
  8348. setTimeout(() => {
  8349. _this.proVisible = false;
  8350. }, 1000);
  8351. if (err) {
  8352. var a = _this.$refs.upload1.uploadFiles;
  8353. a.splice(a.length - 1, a.length);
  8354. _this.$message.error("上传失败");
  8355. } else {
  8356. // _this.$message.success('上传成功')
  8357. var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  8358. var c = [
  8359. "AVI",
  8360. "NAVI",
  8361. "MPEG",
  8362. "ASF",
  8363. "MOV",
  8364. "WMV",
  8365. "3GP",
  8366. "RM",
  8367. "RMVB",
  8368. "FLV",
  8369. "F4V",
  8370. "H.264",
  8371. "H.265",
  8372. "REAL VIDEO",
  8373. "MKV",
  8374. "WebM",
  8375. "HDDVD",
  8376. "MP4",
  8377. "MPG",
  8378. "M4V",
  8379. "MGV",
  8380. "OGV",
  8381. "QTM",
  8382. "STR",
  8383. "AMC",
  8384. "DVX",
  8385. "EVO",
  8386. "DAT",
  8387. "OGG",
  8388. "OGM",
  8389. ];
  8390. if (type == 1) {
  8391. _this.studyJuri[0].cover.push({
  8392. name: file.name,
  8393. url: data.Location,
  8394. uid: file.uid,
  8395. });
  8396. if (
  8397. c.indexOf(
  8398. _this.studyJuri[0].cover[0].url
  8399. .split(".")
  8400. [
  8401. _this.studyJuri[0].cover[0].url.split(".").length - 1
  8402. ].toLocaleUpperCase()
  8403. ) != -1
  8404. ) {
  8405. _this.fileType = 2;
  8406. } else if (
  8407. b.indexOf(
  8408. _this.studyJuri[0].cover[0].url
  8409. .split(".")
  8410. [
  8411. _this.studyJuri[0].cover[0].url.split(".").length - 1
  8412. ].toLocaleUpperCase()
  8413. ) != -1
  8414. ) {
  8415. _this.fileType = 1;
  8416. } else if (
  8417. photoA.indexOf(
  8418. _this.studyJuri[0].cover[0].url
  8419. .split(".")
  8420. [
  8421. _this.studyJuri[0].cover[0].url.split(".").length - 1
  8422. ].toLocaleUpperCase()
  8423. ) != -1
  8424. ) {
  8425. _this.fileType = 0;
  8426. } else {
  8427. _this.fileType = 3;
  8428. }
  8429. _this.imgChange(null, null, type);
  8430. } else if (type == 2) {
  8431. _this.upToolImg = data.Location;
  8432. _this.imgChange(null, null, type);
  8433. _this.addCourseWorks(i);
  8434. } else if (type == 4) {
  8435. _this.addPz("3", data.Location);
  8436. } else if (type == 5) {
  8437. _this.addImgDrawImG(data.Location);
  8438. } else if (type == 6) {
  8439. var _ftype = 1;
  8440. if (
  8441. c.indexOf(
  8442. data.Location.split(".")[
  8443. data.Location.split(".").length - 1
  8444. ].toLocaleUpperCase()
  8445. ) != -1
  8446. ) {
  8447. _ftype = 5;
  8448. } else if (
  8449. b.indexOf(
  8450. data.Location.split(".")[
  8451. data.Location.split(".").length - 1
  8452. ].toLocaleUpperCase()
  8453. ) != -1
  8454. ) {
  8455. _ftype = 4;
  8456. } else {
  8457. _ftype = 1;
  8458. }
  8459. _this.plworkFile.push({
  8460. name: file.name,
  8461. url: data.Location,
  8462. uid: file.uid,
  8463. fileType: _ftype,
  8464. username:
  8465. _this.plworkFile.length > 10
  8466. ? _this.plworkFile.length + 1
  8467. : "0" + (_this.plworkFile.length + 1),
  8468. });
  8469. } else if (type == 7) {
  8470. _this.addCourseWorksGong(i, data.Location, 32);
  8471. } else if (type == 8) {
  8472. _this.addCourseWorksGong(i, data.Location, 57);
  8473. }
  8474. _this.imgChange(null, null, type);
  8475. console.log(data.Location);
  8476. // _this.$message.success('上传成功'+data.Location)
  8477. }
  8478. });
  8479. }
  8480. },
  8481. async beforeUpload3(event, type, i) {
  8482. // this.$message.success('进入上传')
  8483. let file = "";
  8484. let cfindex2 = 0;
  8485. for (var cfindex = 0; cfindex < event.target.files.length; cfindex++) {
  8486. file = event.target.files[cfindex];
  8487. var credentials = {
  8488. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  8489. secretAccessKey: "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",
  8490. }; //秘钥形式的登录上传
  8491. window.AWS.config.update(credentials);
  8492. window.AWS.config.region = "cn-northwest-1"; //设置区域
  8493. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  8494. var _this = this;
  8495. // _this.progress = 0;
  8496. _this.proVisible2 = true;
  8497. var b = [
  8498. "DOC",
  8499. "DOCX",
  8500. "DOCM",
  8501. "DOTM",
  8502. "DOTX",
  8503. "PPTX",
  8504. "PPSX",
  8505. "PPT",
  8506. "PPS",
  8507. "PPTM",
  8508. "POTM",
  8509. "PPAM",
  8510. "POTX",
  8511. "PPSM",
  8512. ];
  8513. var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
  8514. var photoA = [
  8515. "BMP",
  8516. "GIF",
  8517. "PNG",
  8518. "JPGE",
  8519. "JPG",
  8520. "TIF",
  8521. "PCX",
  8522. "TGA",
  8523. "EXIF",
  8524. "FPX",
  8525. "SVG",
  8526. "APNG",
  8527. ];
  8528. if (
  8529. photoA.indexOf(
  8530. file.name
  8531. .split(".")
  8532. [file.name.split(".").length - 1].toLocaleUpperCase()
  8533. ) != -1 &&
  8534. type != 4
  8535. ) {
  8536. // const blob = await imageConversion.compress(file, 0.8)
  8537. file = await this.pngToWhiteBg(file);
  8538. const blob = await imageConversion.compressAccurately(file, 256);
  8539. // const blob = await imageConversion.compressAccurately(file, {type:file.type});
  8540. file = new File([blob], file.name, { type: file.type });
  8541. }
  8542. if (file) {
  8543. var params = {
  8544. Key:
  8545. file.name.split(".")[0] +
  8546. new Date().getTime() +
  8547. "." +
  8548. file.name.split(".")[file.name.split(".").length - 1],
  8549. ContentType: file.type,
  8550. Body: file,
  8551. "Access-Control-Allow-Credentials": "*",
  8552. ACL: "public-read",
  8553. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  8554. var options = {
  8555. // partSize: 2048 * 1024 * 1024,
  8556. partSize: 1024 * 1024 * 1024,
  8557. queueSize: 2,
  8558. leavePartsOnError: true,
  8559. };
  8560. bucket
  8561. .upload(params, options)
  8562. .on("httpUploadProgress", function (evt) {
  8563. //这里可以写进度条
  8564. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  8565. // _this.progress = parseInt((evt.loaded * 80) / evt.total);
  8566. })
  8567. .send(function (err, data) {
  8568. // _this.progress = 100;
  8569. cfindex2++;
  8570. setTimeout(() => {
  8571. if (
  8572. cfindex2 == event.target.files.length - 1 ||
  8573. cfindex2 > event.target.files.length - 1
  8574. ) {
  8575. _this.proVisible2 = false;
  8576. }
  8577. }, 1000);
  8578. if (err) {
  8579. var a = _this.$refs.upload1.uploadFiles;
  8580. a.splice(a.length - 1, a.length);
  8581. _this.$message.error("上传失败");
  8582. } else {
  8583. // _this.$message.success('上传成功')
  8584. var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  8585. var c = [
  8586. "AVI",
  8587. "NAVI",
  8588. "MPEG",
  8589. "ASF",
  8590. "MOV",
  8591. "WMV",
  8592. "3GP",
  8593. "RM",
  8594. "RMVB",
  8595. "FLV",
  8596. "F4V",
  8597. "H.264",
  8598. "H.265",
  8599. "REAL VIDEO",
  8600. "MKV",
  8601. "WebM",
  8602. "HDDVD",
  8603. "MP4",
  8604. "MPG",
  8605. "M4V",
  8606. "MGV",
  8607. "OGV",
  8608. "QTM",
  8609. "STR",
  8610. "AMC",
  8611. "DVX",
  8612. "EVO",
  8613. "DAT",
  8614. "OGG",
  8615. "OGM",
  8616. ];
  8617. if (type == 1) {
  8618. _this.studyJuri[0].cover.push({
  8619. name: file.name,
  8620. url: data.Location,
  8621. uid: file.uid,
  8622. });
  8623. if (
  8624. c.indexOf(
  8625. _this.studyJuri[0].cover[0].url
  8626. .split(".")
  8627. [
  8628. _this.studyJuri[0].cover[0].url.split(".").length - 1
  8629. ].toLocaleUpperCase()
  8630. ) != -1
  8631. ) {
  8632. _this.fileType = 2;
  8633. } else if (
  8634. b.indexOf(
  8635. _this.studyJuri[0].cover[0].url
  8636. .split(".")
  8637. [
  8638. _this.studyJuri[0].cover[0].url.split(".").length - 1
  8639. ].toLocaleUpperCase()
  8640. ) != -1
  8641. ) {
  8642. _this.fileType = 1;
  8643. } else {
  8644. _this.fileType = 0;
  8645. }
  8646. _this.imgChange(null, null, type);
  8647. } else if (type == 2) {
  8648. _this.upToolImg = data.Location;
  8649. _this.imgChange(null, null, type);
  8650. _this.addCourseWorks(i);
  8651. } else if (type == 4) {
  8652. _this.addPz("3", data.Location);
  8653. } else if (type == 5) {
  8654. _this.addImgDrawImG(data.Location);
  8655. } else if (type == 6) {
  8656. var _ftype = 1;
  8657. if (
  8658. c.indexOf(
  8659. data.Location.split(".")[
  8660. data.Location.split(".").length - 1
  8661. ].toLocaleUpperCase()
  8662. ) != -1
  8663. ) {
  8664. _ftype = 5;
  8665. } else if (
  8666. b.indexOf(
  8667. data.Location.split(".")[
  8668. data.Location.split(".").length - 1
  8669. ].toLocaleUpperCase()
  8670. ) != -1
  8671. ) {
  8672. _ftype = 4;
  8673. } else {
  8674. _ftype = 1;
  8675. }
  8676. _this.plworkFile.push({
  8677. name: file.name,
  8678. url: data.Location,
  8679. uid: file.uid,
  8680. fileType: _ftype,
  8681. username:
  8682. _this.plworkFile.length + 1 > 9
  8683. ? _this.plworkFile.length + 1
  8684. : "0" + (_this.plworkFile.length + 1),
  8685. });
  8686. }
  8687. _this.imgChange(null, null, type);
  8688. console.log(data.Location);
  8689. // _this.$message.success('上传成功'+data.Location)
  8690. }
  8691. });
  8692. }
  8693. }
  8694. },
  8695. beforeUpload2(event, type) {
  8696. var file = event.target.files[0];
  8697. var credentials = {
  8698. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  8699. secretAccessKey: "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",
  8700. }; //秘钥形式的登录上传
  8701. window.AWS.config.update(credentials);
  8702. window.AWS.config.region = "cn-northwest-1"; //设置区域
  8703. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  8704. var _this = this;
  8705. _this.progress = 0;
  8706. _this.proVisible = true;
  8707. if (file) {
  8708. var params = {
  8709. Key:
  8710. file.name.split(".")[0] +
  8711. new Date().getTime() +
  8712. "." +
  8713. file.name.split(".")[file.name.split(".").length - 1],
  8714. ContentType: file.type,
  8715. Body: file,
  8716. "Access-Control-Allow-Credentials": "*",
  8717. ACL: "public-read",
  8718. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  8719. var options = {
  8720. partSize: 2048 * 1024 * 1024,
  8721. queueSize: 2,
  8722. leavePartsOnError: true,
  8723. };
  8724. bucket
  8725. .upload(params, options)
  8726. .on("httpUploadProgress", function (evt) {
  8727. //这里可以写进度条
  8728. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  8729. _this.progress = parseInt((evt.loaded * 80) / evt.total);
  8730. })
  8731. .send(function (err, data) {
  8732. _this.progress = 100;
  8733. setTimeout(() => {
  8734. _this.proVisible = false;
  8735. }, 1000);
  8736. if (err) {
  8737. var a = _this.$refs.upload1.uploadFiles;
  8738. a.splice(a.length - 1, a.length);
  8739. _this.$message.error("上传失败");
  8740. } else {
  8741. if (type == 2) {
  8742. _this.studyJuri[0].upVedio.push({
  8743. name: file.name,
  8744. url: data.Location,
  8745. uid: file.uid,
  8746. });
  8747. _this.imgChange(null, null, type);
  8748. } else if (type == 3) {
  8749. _this.studyJuri[0].upFile.push({
  8750. name: file.name,
  8751. url: data.Location,
  8752. uid: file.uid,
  8753. });
  8754. _this.imgChange(null, null, type);
  8755. }
  8756. console.log(data.Location);
  8757. }
  8758. });
  8759. }
  8760. },
  8761. allScrell() {
  8762. window.parent.postMessage({ allScreen: this.screenType }, "*");
  8763. },
  8764. nextOrpreSteps(t) {
  8765. if (this.IsFollow && this.tType == 2) {
  8766. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  8767. return;
  8768. }
  8769. var b = this.chapInfoList.length - 1;
  8770. if (t == 0) {
  8771. if (this.courseType == 0) {
  8772. if (this.taskCount == 0) {
  8773. // console.log(this.navList[b].task[this.navList[b].task.length - 1].isLook);
  8774. if (this.IsLookOpen) {
  8775. if (
  8776. !this.navList[b].task[this.navList[b].task.length - 1].isLook
  8777. ) {
  8778. if (
  8779. this.courseDetail.userid != this.userid &&
  8780. this.courseDetail.course_teacher.indexOf(this.userid) == -1
  8781. ) {
  8782. this.$message.error("任务未解锁");
  8783. } else {
  8784. this.$message.error("上一任务未解锁");
  8785. }
  8786. return;
  8787. }
  8788. }
  8789. this.navList[this.courseType].isOpen = false;
  8790. this.courseType = b;
  8791. this.taskCount =
  8792. this.chapInfoList[this.courseType].chapterInfo[0].taskJson
  8793. .length - 1;
  8794. this.navList[this.courseType].isOpen = true;
  8795. } else {
  8796. this.taskCount--;
  8797. }
  8798. } else {
  8799. if (this.taskCount == 0) {
  8800. this.navList[this.courseType].isOpen = false;
  8801. this.courseType--;
  8802. this.taskCount =
  8803. this.chapInfoList[this.courseType].chapterInfo[0].taskJson
  8804. .length - 1;
  8805. this.navList[this.courseType].isOpen = true;
  8806. } else {
  8807. this.taskCount--;
  8808. }
  8809. }
  8810. } else {
  8811. if (this.courseType == b) {
  8812. if (
  8813. this.taskCount ==
  8814. this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
  8815. 1
  8816. ) {
  8817. this.navList[this.courseType].isOpen = false;
  8818. this.courseType = 0;
  8819. this.taskCount = 0;
  8820. this.navList[this.courseType].isOpen = true;
  8821. } else {
  8822. var bbb = parseInt(this.taskCount) + 1;
  8823. if (
  8824. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
  8825. .isLook &&
  8826. this.courseDetail.userid != this.userid &&
  8827. this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
  8828. this.IsLookOpen
  8829. ) {
  8830. this.$message.error("任务未解锁");
  8831. return;
  8832. }
  8833. this.taskCount++;
  8834. if (this.IsLookOpen) {
  8835. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  8836. this.taskCount
  8837. ].isLook = true;
  8838. this.addCourseState(3);
  8839. }
  8840. }
  8841. } else {
  8842. if (
  8843. this.taskCount ==
  8844. this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
  8845. 1
  8846. ) {
  8847. var bbb = parseInt(this.courseType) + 1;
  8848. if (
  8849. !this.chapInfoList[bbb].chapterInfo[0].taskJson[0].isLook &&
  8850. this.courseDetail.userid != this.userid &&
  8851. this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
  8852. this.IsLookOpen
  8853. ) {
  8854. this.$message.error("任务未解锁");
  8855. return;
  8856. }
  8857. this.navList[this.courseType].isOpen = false;
  8858. this.courseType++;
  8859. this.taskCount = 0;
  8860. this.navList[this.courseType].isOpen = true;
  8861. } else {
  8862. var bbb = parseInt(this.taskCount) + 1;
  8863. if (
  8864. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
  8865. .isLook &&
  8866. this.courseDetail.userid != this.userid &&
  8867. this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
  8868. this.IsLookOpen
  8869. ) {
  8870. this.$message.error("任务未解锁");
  8871. return;
  8872. }
  8873. this.taskCount++;
  8874. }
  8875. if (this.IsLookOpen) {
  8876. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  8877. this.taskCount
  8878. ].isLook = true;
  8879. this.addCourseState(3);
  8880. }
  8881. }
  8882. // if (
  8883. // this.taskCount ==
  8884. // this.chapInfo.chapterInfo[0].taskJson.length - 1
  8885. // ) {
  8886. // this.taskCount = this.chapInfo.chapterInfo[0].taskJson.length - 1;
  8887. // } else {
  8888. // this.taskCount++;
  8889. // }
  8890. }
  8891. document.scrollingElement.scrollTop = 0;
  8892. this.showType = 0;
  8893. this.navId = this.navList[this.courseType].task[this.taskCount].id;
  8894. // if (this.vedio[this.taskCount].length > 0) {
  8895. // var a =
  8896. // document.getElementsByClassName("box_course")[this.taskCount]
  8897. // .offsetHeight;
  8898. // document.getElementsByClassName("vedioList")[
  8899. // this.taskCount
  8900. // ].style.height = a + "px";
  8901. // document.getElementsByClassName("navBox")[this.taskCount].style.height =
  8902. // a - 40 + "px";
  8903. // }
  8904. this.isNoHomeWork = false;
  8905. (this.studyJuri = [
  8906. {
  8907. content: "",
  8908. cover: [],
  8909. upVedio: [],
  8910. upFile: [],
  8911. },
  8912. ]),
  8913. (this.radio = []);
  8914. this.isClickNav = "";
  8915. this.selectPz();
  8916. this.getHomeWork();
  8917. this.getCourseDetail(2);
  8918. this.$forceUpdate();
  8919. },
  8920. openTask(s, n, i) {
  8921. if (this.IsFollow && this.tType == 2) {
  8922. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  8923. return;
  8924. }
  8925. if (this.IsLookOpen) {
  8926. if (
  8927. !this.chapInfoList[s].chapterInfo[0].taskJson[n].isLook &&
  8928. this.courseDetail.userid != this.userid &&
  8929. this.courseDetail.course_teacher.indexOf(this.userid) == -1
  8930. ) {
  8931. this.$message.error("任务未解锁");
  8932. return;
  8933. }
  8934. if (this.courseType == s && this.taskCount != n && n > this.taskCount) {
  8935. if (
  8936. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[n - 1]
  8937. .isLook
  8938. ) {
  8939. this.$message.error("上一任务未解锁");
  8940. return;
  8941. }
  8942. } else if (s > this.courseType) {
  8943. if (n > 0) {
  8944. if (!this.chapInfoList[s].chapterInfo[0].taskJson[n - 1].isLook) {
  8945. this.$message.error("上一任务未解锁");
  8946. return;
  8947. }
  8948. } else {
  8949. if (
  8950. !this.chapInfoList[s - 1].chapterInfo[0].taskJson[
  8951. this.chapInfoList[s - 1].chapterInfo[0].taskJson.length - 1
  8952. ].isLook
  8953. ) {
  8954. this.$message.error("上一任务未解锁");
  8955. return;
  8956. }
  8957. }
  8958. }
  8959. }
  8960. this.courseType = s;
  8961. this.navId = i;
  8962. this.taskCount = n;
  8963. if (this.IsLookOpen) {
  8964. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  8965. this.taskCount
  8966. ].isLook = true;
  8967. this.addCourseState(3);
  8968. }
  8969. for (var ci = 0; ci < this.isCloseList.length; ci++) {
  8970. this.isCloseList[ci].isClose = 0;
  8971. }
  8972. this.showType = 0;
  8973. this.isNoHomeWork = false;
  8974. (this.studyJuri = [
  8975. {
  8976. content: "",
  8977. cover: [],
  8978. upVedio: [],
  8979. upFile: [],
  8980. },
  8981. ]),
  8982. (this.radio = []);
  8983. document.scrollingElement.scrollTop = 0;
  8984. // setTimeout(() => {
  8985. // let a = document.getElementById(i);
  8986. // if (a.offsetTop - 110 == 0) {
  8987. // window.scrollTo(0, 0);
  8988. // } else {
  8989. // window.scrollTo(0, a.offsetTop);
  8990. // }
  8991. // }, 0);
  8992. this.selectPz();
  8993. this.getHomeWork();
  8994. this.getCourseDetail(2);
  8995. },
  8996. get(i) {
  8997. if (this.IsFollow && this.tType == 2) {
  8998. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  8999. return;
  9000. }
  9001. this.navList[i].isOpen = !this.navList[i].isOpen;
  9002. },
  9003. addQuestion() {
  9004. this.answerList.push({
  9005. answerTitle: this.answerQ.replaceAll(/%/g, "%25"),
  9006. answer: this.questionAnswer.replaceAll(/%/g, "%25"),
  9007. });
  9008. let params = [
  9009. {
  9010. uid: this.userid,
  9011. cid: this.id,
  9012. stage: this.courseType,
  9013. task: this.taskCount,
  9014. tool: this.toolindex,
  9015. content: JSON.stringify(this.answerList),
  9016. type: 3,
  9017. },
  9018. ];
  9019. this.ajax
  9020. .post(this.$store.state.api + "addCourseWorks", params)
  9021. .then((res) => {
  9022. this.$message({
  9023. message: "提交成功",
  9024. type: "success",
  9025. });
  9026. this.answerList = [];
  9027. this.answerDialogVisible = false;
  9028. this.selectStudent();
  9029. this.selectSWorks();
  9030. this.selectSLook();
  9031. })
  9032. .catch((err) => {
  9033. this.$message.error("提交失败");
  9034. console.error(err);
  9035. });
  9036. },
  9037. addQuestionTeacher() {
  9038. this.answerList.push({
  9039. answerTitle: this.answerQ.replaceAll(/%/g, "%25"),
  9040. answer: this.questionAnswer.replaceAll(/%/g, "%25"),
  9041. });
  9042. let params = [
  9043. {
  9044. uid: this.sStudent.userid,
  9045. cid: this.id,
  9046. stage: this.courseType,
  9047. task: this.taskCount,
  9048. tool: this.toolindex,
  9049. content: JSON.stringify(this.answerList),
  9050. type: 3,
  9051. ateacher: this.userid,
  9052. },
  9053. ];
  9054. this.ajax
  9055. .post(this.$store.state.api + "addCourseWorksTeacher", params)
  9056. .then((res) => {
  9057. this.$message({
  9058. message: "提交成功",
  9059. type: "success",
  9060. });
  9061. this.answerList = [];
  9062. this.questionAnswer = "";
  9063. this.answerDialogVisibleTeacher = false;
  9064. this.selectStudent();
  9065. this.selectSWorks();
  9066. this.selectSLook();
  9067. })
  9068. .catch((err) => {
  9069. this.$message.error("提交失败");
  9070. console.error(err);
  9071. });
  9072. },
  9073. refreshCourse() {
  9074. // window.location.reload();
  9075. this.navList = [];
  9076. this.getCourseDetail(1);
  9077. },
  9078. getCourseDetail(type, gindex) {
  9079. let loading;
  9080. if (type != 2) {
  9081. loading = this.$loading.service({
  9082. background: "rgba(255, 255, 255, 0.7)",
  9083. target: document.querySelector(".student_table"),
  9084. });
  9085. }
  9086. // this.navList[0].isOpen = false;
  9087. // this.navList[this.courseType].isOpen = true;
  9088. // this.courseType = this.courseTypeLine;
  9089. // this.navId = this.navList[this.courseType].task[this.taskCount].id;
  9090. let params = {
  9091. courseId: this.id,
  9092. };
  9093. this.ajax
  9094. .get(this.$store.state.api + "selectCourseDetail3", params)
  9095. .then((res) => {
  9096. if (type != 2) {
  9097. loading.close();
  9098. if (
  9099. this.courseType >
  9100. JSON.parse(res.data[0][0].chapters).length - 1
  9101. ) {
  9102. this.courseType = JSON.parse(res.data[0][0].chapters).length - 1;
  9103. }
  9104. var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
  9105. .chapterInfo[0].taskJson;
  9106. var b = [
  9107. "AVI",
  9108. "NAVI",
  9109. "MPEG",
  9110. "ASF",
  9111. "MOV",
  9112. "WMV",
  9113. "3GP",
  9114. "RM",
  9115. "RMVB",
  9116. "FLV",
  9117. "F4V",
  9118. "H.264",
  9119. "H.265",
  9120. "REAL VIDEO",
  9121. "MKV",
  9122. "WebM",
  9123. "HDDVD",
  9124. "MP4",
  9125. "MPG",
  9126. "M4V",
  9127. "MGV",
  9128. "OGV",
  9129. "QTM",
  9130. "STR",
  9131. "AMC",
  9132. "DVX",
  9133. "EVO",
  9134. "DAT",
  9135. "OGG",
  9136. "OGM",
  9137. "MP3",
  9138. ];
  9139. let _chapterData = []
  9140. for (var i = 0; i < a.length; i++) {
  9141. var c = a[i].chapterData;
  9142. this.vedio[i] = [];
  9143. this.textList[i] = [];
  9144. this.lineList[i] = [];
  9145. this.chapToolList[i] = [];
  9146. this.file[i] = [];
  9147. this.fileC[i] = [];
  9148. _chapterData[i] = c
  9149. for (var j = 0; j < c.length; j++) {
  9150. if (c[j].type == 7) {
  9151. this.chapToolList[i].push(c[j]);
  9152. } else if (c[j].type == 8) {
  9153. this.lineList[i].push(c[j]);
  9154. } else if (c[j].type == 6) {
  9155. this.textList[i].push(c[j]);
  9156. } else if (c[j].type == 12) {
  9157. this.fileC[i].push(c[j]);
  9158. } else {
  9159. if (
  9160. b.indexOf(
  9161. c[j].url
  9162. .split(".")
  9163. [c[j].url.split(".").length - 1].toLocaleUpperCase()
  9164. ) != -1
  9165. ) {
  9166. this.vedio[i].push(c[j]);
  9167. } else {
  9168. this.file[i].push(c[j]);
  9169. }
  9170. }
  9171. }
  9172. var d = JSON.parse(JSON.stringify(this.playerOptions));
  9173. d.sources[0].src =
  9174. this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
  9175. this.playerO[i] = d;
  9176. }
  9177. this.courseDetail = res.data[0][0];
  9178. this.tcid = this.arrayToArray(
  9179. this.courseDetail.juri ? this.courseDetail.juri.split(",") : [],
  9180. this.tcid2 ? this.tcid2.split(",") : []
  9181. ).join(",");
  9182. console.log(this.tcid);
  9183. this.evalua = res.data[0][0].evaId;
  9184. this.chapInfo = JSON.parse(this.courseDetail.chapters)[
  9185. this.courseType
  9186. ];
  9187. this.chapInfoList = JSON.parse(this.courseDetail.chapters);
  9188. if (this.tcid && res.data[1].length) {
  9189. let _inviteA = [];
  9190. for (var ik = 0; ik < res.data[1].length; ik++) {
  9191. _inviteA.push({
  9192. cid: res.data[1][ik].classid,
  9193. ic: res.data[1][ik].code,
  9194. });
  9195. }
  9196. for (var ik = 0; ik < _inviteA.length; ik++) {
  9197. if (
  9198. this.arrayToArray(
  9199. _inviteA[ik].cid.split(","),
  9200. this.tcid.split(",")
  9201. ).length
  9202. ) {
  9203. this.inviteCode = _inviteA[ik].ic;
  9204. break;
  9205. }
  9206. }
  9207. }
  9208. for (var l = 0; l < this.chapInfoList.length; l++) {
  9209. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  9210. for (var m = 0; m < w.length; m++) {
  9211. w[m].id = l + "-" + m;
  9212. }
  9213. }
  9214. if (
  9215. _chapterData[this.taskCount].length &&
  9216. _chapterData[this.taskCount][0].type == 2
  9217. ) {
  9218. this.showType = 0
  9219. } else {
  9220. if (
  9221. _chapterData[this.taskCount].length > 0
  9222. ) {
  9223. let _url =
  9224. _chapterData[this.taskCount][0].url;
  9225. if (
  9226. _chapterData[this.taskCount][0].type == 8
  9227. ) {
  9228. this.showType = 2;
  9229. if (
  9230. _url.indexOf("https://") == -1 &&
  9231. _url.indexOf("http://") == -1
  9232. ) {
  9233. _url = "https://" + _url;
  9234. }
  9235. this.pptImgUrl1 = _url;
  9236. } else if (
  9237. _chapterData[this.taskCount][0].type == 3
  9238. ) {
  9239. if (
  9240. _url
  9241. .split(".")
  9242. [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
  9243. ) {
  9244. this.showType = 3;
  9245. this.pptImgUrl1 = _url;
  9246. } else if (
  9247. this.isAssetTypeAnImage(
  9248. _url
  9249. .split(".")
  9250. [_url.split(".").length - 1].toLocaleLowerCase()
  9251. )
  9252. ) {
  9253. this.showType = 4;
  9254. this.pptImgUrl1 = _url;
  9255. }else {
  9256. this.showType = 2;
  9257. this.pptImgUrl1 =
  9258. "https://view.officeapps.live.com/op/view.aspx?src=" +
  9259. _url;
  9260. }
  9261. } else if (
  9262. _chapterData[this.taskCount][0].type == 13
  9263. ) {
  9264. this.showType = 4;
  9265. this.pptImgUrl1 = _url;
  9266. } else if (
  9267. _chapterData[this.taskCount][0].type == 6
  9268. ) {
  9269. this.showType = 1;
  9270. this.text = this.textList[this.taskCount][0];
  9271. }
  9272. }
  9273. }
  9274. this.isClickNav = 0;
  9275. if (!_chapterData[this.taskCount].length || _chapterData[this.taskCount][0].type == 12) {
  9276. this.isClickNav = '';
  9277. this.showType = ''
  9278. }
  9279. this.vChapterData = _chapterData
  9280. } else {
  9281. this.showType = 0;
  9282. var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
  9283. .chapterInfo[0].taskJson;
  9284. var b = [
  9285. "AVI",
  9286. "NAVI",
  9287. "MPEG",
  9288. "ASF",
  9289. "MOV",
  9290. "WMV",
  9291. "3GP",
  9292. "RM",
  9293. "RMVB",
  9294. "FLV",
  9295. "F4V",
  9296. "H.264",
  9297. "H.265",
  9298. "REAL VIDEO",
  9299. "MKV",
  9300. "WebM",
  9301. "HDDVD",
  9302. "MP4",
  9303. "MPG",
  9304. "M4V",
  9305. "MGV",
  9306. "OGV",
  9307. "QTM",
  9308. "STR",
  9309. "AMC",
  9310. "DVX",
  9311. "EVO",
  9312. "DAT",
  9313. "OGG",
  9314. "OGM",
  9315. "MP3",
  9316. ];
  9317. let _chapterData = []
  9318. for (var i = 0; i < a.length; i++) {
  9319. var c = a[i].chapterData;
  9320. this.vedio[i] = [];
  9321. this.textList[i] = [];
  9322. this.lineList[i] = [];
  9323. this.chapToolList[i] = [];
  9324. this.file[i] = [];
  9325. this.fileC[i] = [];
  9326. _chapterData[i] = c
  9327. for (var j = 0; j < c.length; j++) {
  9328. if (c[j].type == 7) {
  9329. this.chapToolList[i].push(c[j]);
  9330. } else if (c[j].type == 8) {
  9331. this.lineList[i].push(c[j]);
  9332. } else if (c[j].type == 6) {
  9333. this.textList[i].push(c[j]);
  9334. } else if (c[j].type == 12) {
  9335. this.fileC[i].push(c[j]);
  9336. } else {
  9337. if (
  9338. b.indexOf(
  9339. c[j].url
  9340. .split(".")
  9341. [c[j].url.split(".").length - 1].toLocaleUpperCase()
  9342. ) != -1
  9343. ) {
  9344. this.vedio[i].push(c[j]);
  9345. } else {
  9346. this.file[i].push(c[j]);
  9347. }
  9348. }
  9349. }
  9350. var d = JSON.parse(JSON.stringify(this.playerOptions));
  9351. d.sources[0].src =
  9352. this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
  9353. this.playerO[i] = d;
  9354. }
  9355. if (
  9356. _chapterData[this.taskCount].length &&
  9357. _chapterData[this.taskCount][0].type == 2
  9358. ) {
  9359. this.showType = 0
  9360. } else {
  9361. if (
  9362. _chapterData[this.taskCount].length > 0
  9363. ) {
  9364. let _url =
  9365. _chapterData[this.taskCount][0].url;
  9366. if (
  9367. _chapterData[this.taskCount][0].type == 8
  9368. ) {
  9369. this.showType = 2;
  9370. if (
  9371. _url.indexOf("https://") == -1 &&
  9372. _url.indexOf("http://") == -1
  9373. ) {
  9374. _url = "https://" + _url;
  9375. }
  9376. this.pptImgUrl1 = _url;
  9377. } else if (
  9378. _chapterData[this.taskCount][0].type == 3
  9379. ) {
  9380. if (
  9381. _url
  9382. .split(".")
  9383. [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
  9384. ) {
  9385. this.showType = 3;
  9386. this.pptImgUrl1 = _url;
  9387. } else if (
  9388. this.isAssetTypeAnImage(
  9389. _url
  9390. .split(".")
  9391. [_url.split(".").length - 1].toLocaleLowerCase()
  9392. )
  9393. ) {
  9394. this.showType = 4;
  9395. this.pptImgUrl1 = _url;
  9396. }else {
  9397. this.showType = 2;
  9398. this.pptImgUrl1 =
  9399. "https://view.officeapps.live.com/op/view.aspx?src=" +
  9400. _url;
  9401. }
  9402. } else if (
  9403. _chapterData[this.taskCount][0].type == 13
  9404. ) {
  9405. this.showType = 4;
  9406. this.pptImgUrl1 = _url;
  9407. } else if (
  9408. _chapterData[this.taskCount][0].type == 6
  9409. ) {
  9410. this.showType = 1;
  9411. this.text = this.textList[this.taskCount][0];
  9412. }
  9413. }
  9414. }
  9415. this.isClickNav = 0;
  9416. if (!_chapterData[this.taskCount].length || _chapterData[this.taskCount][0].type == 12) {
  9417. this.isClickNav = '';
  9418. this.showType = ''
  9419. }
  9420. this.vChapterData = _chapterData
  9421. this.$forceUpdate();
  9422. }
  9423. // else {
  9424. // this.courseDetail = res.data[0][0];
  9425. // this.chapInfoList = JSON.parse(this.courseDetail.chapters);
  9426. // }
  9427. let _this = this;
  9428. if (_this.timer) {
  9429. clearInterval(_this.timer);
  9430. _this.timer = null;
  9431. }
  9432. if (_this.tcid) {
  9433. _this.getCourseGroup(gindex);
  9434. } else {
  9435. _this.selectSWorks(gindex);
  9436. }
  9437. _this.selectStudent();
  9438. _this.selectSLook();
  9439. if (_this.courseDetail.userid == _this.userid && _this.IsFollow) {
  9440. _this.setCTask();
  9441. }
  9442. if (_this.dialogVisibleGroup) {
  9443. _this.groupJson =
  9444. _this.chapInfoList[_this.courseType].chapterInfo[0].taskJson[
  9445. _this.taskCount
  9446. ].toolChoose[_this.toolindex].groupJson;
  9447. }
  9448. _this.$nextTick(() => {
  9449. setTimeout(() => {
  9450. _this.checkEva();
  9451. }, 1000);
  9452. });
  9453. _this.timer = setInterval(function () {
  9454. // _this.getCourseDetail(2);
  9455. if (_this.tcid) {
  9456. _this.getCourseGroup(gindex);
  9457. } else {
  9458. _this.selectSWorks(gindex);
  9459. }
  9460. _this.selectStudent();
  9461. _this.selectSLook();
  9462. if (_this.courseDetail.userid == _this.userid && _this.IsFollow) {
  9463. _this.setCTask();
  9464. }
  9465. if (_this.dialogVisibleGroup) {
  9466. _this.groupJson =
  9467. _this.chapInfoList[_this.courseType].chapterInfo[0].taskJson[
  9468. _this.taskCount
  9469. ].toolChoose[_this.toolindex].groupJson;
  9470. }
  9471. if (_this.tType == 4 || _this.ispzType == 4) {
  9472. _this.selectPz();
  9473. }
  9474. }, 5000);
  9475. _this.$nextTick(function () {
  9476. setTimeout(() => {
  9477. // var a =
  9478. // document.getElementsByClassName("box_course")[0].offsetHeight;
  9479. // document.getElementsByClassName("vedioList")[0].style.height =
  9480. // a + "px";
  9481. // document.getElementsByClassName("navBox")[0].style.height =
  9482. // a - 40 + "px";
  9483. // if (_this.vedio[_this.taskCount].length > 0) {
  9484. // _this.vedioTime = [];
  9485. // for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
  9486. // _this.vedioTime[i] = document.getElementsByClassName(
  9487. // "vjs-duration-display"
  9488. // )[i].textContent;
  9489. // }
  9490. // }
  9491. }, 1000);
  9492. });
  9493. })
  9494. .catch((err) => {
  9495. loading.close();
  9496. console.error(err);
  9497. });
  9498. },
  9499. getCourseGroup(gindex) {
  9500. let params = {
  9501. cid: this.id,
  9502. classid: this.tcid ? this.tcid : "1",
  9503. };
  9504. this.ajax
  9505. .get(this.$store.state.api + "getCourseGroup", params)
  9506. .then((res) => {
  9507. if (res.data && res.data[0].length) {
  9508. if (!this.isGroup) {
  9509. let courseGroup = JSON.parse(res.data[0][0].group);
  9510. courseGroup.group = courseGroup.group.filter((el) => {
  9511. el.works = [];
  9512. return el;
  9513. });
  9514. if(courseGroup.isopen == 2){
  9515. this.isGroup = false;
  9516. this.selectSWorks(gindex);
  9517. return;
  9518. }
  9519. this.courseGroup = courseGroup;
  9520. let groupPerson = res.data[1];
  9521. let group = JSON.parse(res.data[0][0].group).group;
  9522. let courseGroupStudent = {};
  9523. let courseGroupStudentUid = {};
  9524. for (var i = 0; i < group.length; i++) {
  9525. courseGroupStudent[group[i].id] = [];
  9526. courseGroupStudentUid[group[i].id] = [];
  9527. for (var j = 0; j < groupPerson.length; j++) {
  9528. if (groupPerson[j].groupCid == group[i].id) {
  9529. courseGroupStudent[group[i].id].push(groupPerson[j]);
  9530. courseGroupStudentUid[group[i].id].push(
  9531. groupPerson[j].userid
  9532. );
  9533. }
  9534. }
  9535. }
  9536. this.courseGroupStudent = courseGroupStudent;
  9537. this.courseGroupStudentUid = courseGroupStudentUid;
  9538. }
  9539. if(this.courseGroup.isopen == 2){
  9540. this.isGroup = false;
  9541. }else{
  9542. this.isGroup = true;
  9543. }
  9544. this.selectSWorks(gindex);
  9545. } else {
  9546. this.selectSWorks(gindex);
  9547. this.isGroup = false;
  9548. }
  9549. })
  9550. .catch((err) => {
  9551. // this.$message.error("网络不佳");
  9552. console.error(err);
  9553. });
  9554. },
  9555. setOperationTime() {
  9556. let _this = this;
  9557. if (_this.opertimer) {
  9558. clearInterval(_this.opertimer);
  9559. _this.opertimer = null;
  9560. }
  9561. _this.opertimer = setInterval(() => {
  9562. _this.setoTime("600");
  9563. }, 600000);
  9564. },
  9565. setoTime(time) {
  9566. let params = [
  9567. {
  9568. uid: this.userid,
  9569. cid: this.id,
  9570. type: "2",
  9571. time: time,
  9572. },
  9573. ];
  9574. this.ajax
  9575. .post(this.$store.state.api + "addOperationTimeT2", params)
  9576. .then((res) => { })
  9577. .catch((err) => {
  9578. console.error(err);
  9579. });
  9580. },
  9581. addPz(type, content) {
  9582. if (type == "1" && this.pzConText == "") {
  9583. this.$message.error("批注不能为空!");
  9584. return;
  9585. }
  9586. let params = [
  9587. {
  9588. cid: this.id,
  9589. uid: this.userid,
  9590. s: this.courseType,
  9591. t: this.taskCount,
  9592. c: type == "1" ? this.pzConText.replaceAll(/%/g, "%25") : content,
  9593. type: type,
  9594. },
  9595. ];
  9596. this.ajax
  9597. .post(this.$store.state.api + "addPz2", params)
  9598. .then((res) => {
  9599. this.$message({
  9600. message: "添加成功",
  9601. type: "success",
  9602. });
  9603. this.pzConText = "";
  9604. this.addPzDialog = false;
  9605. this.selectPz();
  9606. })
  9607. .catch((err) => {
  9608. this.$message.error("添加失败");
  9609. console.error(err);
  9610. });
  9611. },
  9612. deletePz(id) {
  9613. this.$confirm("确定删除此批注吗?", "提示", {
  9614. confirmButtonText: "确定",
  9615. cancelButtonText: "取消",
  9616. type: "warning",
  9617. })
  9618. .then(() => {
  9619. let params = [
  9620. {
  9621. id: id,
  9622. },
  9623. ];
  9624. this.ajax
  9625. .post(this.$store.state.api + "deletePz", params)
  9626. .then((res) => {
  9627. this.$message({
  9628. message: "删除成功",
  9629. type: "success",
  9630. });
  9631. this.selectPz();
  9632. })
  9633. .catch((err) => {
  9634. this.$message.error("网络异常");
  9635. console.error(err);
  9636. });
  9637. })
  9638. .catch(() => { });
  9639. },
  9640. setPz() {
  9641. if (this.ispzType == 4) {
  9642. this.ispzType = 0;
  9643. this.pzDialog = false;
  9644. return;
  9645. }
  9646. this.ispzType = 4;
  9647. this.pzDialog = true;
  9648. this.selectPz();
  9649. },
  9650. selectPz() {
  9651. let params = {
  9652. cid: this.id,
  9653. s: this.courseType,
  9654. t: this.taskCount,
  9655. };
  9656. this.ajax
  9657. .get(this.$store.state.api + "selectPzList", params)
  9658. .then((res) => {
  9659. this.pzList = res.data[0];
  9660. })
  9661. .catch((err) => {
  9662. console.error(err);
  9663. });
  9664. },
  9665. updateSLook() {
  9666. let params = {
  9667. sopen: this.sIsOpen == false ? 1 : 2,
  9668. cid: this.id,
  9669. };
  9670. this.ajax
  9671. .get(this.$store.state.api + "updateCourseSLook", params)
  9672. .then((res) => {
  9673. if (this.sIsOpen == true) {
  9674. this.$message({
  9675. message: "权限设置成功",
  9676. type: "success",
  9677. });
  9678. } else {
  9679. this.$message({
  9680. message: "权限关闭成功",
  9681. type: "success",
  9682. });
  9683. }
  9684. })
  9685. .catch((err) => {
  9686. console.error(err);
  9687. });
  9688. },
  9689. updateFollow() {
  9690. let params = [
  9691. {
  9692. sopen: this.IsFollow == false ? 1 : 2,
  9693. cid: this.id,
  9694. },
  9695. ];
  9696. this.ajax
  9697. .post(this.$store.state.api + "updateCourseFollow", params)
  9698. .then((res) => {
  9699. if (this.IsFollow == true) {
  9700. this.$message({
  9701. message: "开启成功",
  9702. type: "success",
  9703. });
  9704. } else {
  9705. this.$message({
  9706. message: "关闭成功",
  9707. type: "success",
  9708. });
  9709. }
  9710. this.setCTask();
  9711. })
  9712. .catch((err) => {
  9713. console.error(err);
  9714. });
  9715. },
  9716. setCTask() {
  9717. let params = [
  9718. {
  9719. sopen: this.courseType + "-" + this.taskCount,
  9720. cid: this.id,
  9721. },
  9722. ];
  9723. this.ajax
  9724. .post(this.$store.state.api + "updateCourseFollowC", params)
  9725. .then((res) => { })
  9726. .catch((err) => {
  9727. console.error(err);
  9728. });
  9729. },
  9730. updateLookOpen() {
  9731. let params = [
  9732. {
  9733. sopen: this.IsLookOpen == false ? 1 : 2,
  9734. cid: this.id,
  9735. },
  9736. ];
  9737. this.ajax
  9738. .post(this.$store.state.api + "updateCourseLookOpen", params)
  9739. .then((res) => {
  9740. if (this.IsLookOpen == true) {
  9741. // if (this.courseType != 0 && this.taskCount != 0) {
  9742. // this.openTask(0, 0, "0-0");
  9743. // }
  9744. this.$message({
  9745. message: "权限设置成功",
  9746. type: "success",
  9747. });
  9748. } else {
  9749. this.$message({
  9750. message: "权限关闭成功",
  9751. type: "success",
  9752. });
  9753. }
  9754. this.getCourseState(2);
  9755. })
  9756. .catch((err) => {
  9757. console.error(err);
  9758. });
  9759. },
  9760. selectSLook() {
  9761. let params = {
  9762. cid: this.id,
  9763. };
  9764. this.ajax
  9765. .get(this.$store.state.api + "selectCourseSLook", params)
  9766. .then((res) => {
  9767. this.sIsOpen = res.data[0][0].sopen == 1 ? false : true;
  9768. this.IsLookOpen = res.data[0][0].look == 1 ? false : true;
  9769. this.IsFollow = res.data[0][0].follow == 1 ? false : true;
  9770. if (!this.IsLookOpen) {
  9771. this.setNavList();
  9772. } else {
  9773. this.getCourseState(1);
  9774. }
  9775. if (this.IsFollow && this.tType == 2) {
  9776. this.setContent2(false);
  9777. let _followC = res.data[0][0].followC.split("-");
  9778. if (
  9779. this.courseType != _followC[0] ||
  9780. this.taskCount != _followC[1]
  9781. ) {
  9782. this.navList[this.courseType].isOpen = false;
  9783. this.courseType = _followC[0];
  9784. this.navList[this.courseType].isOpen = true;
  9785. this.taskCount = parseInt(_followC[1]);
  9786. this.navId = res.data[0][0].followC;
  9787. document.scrollingElement.scrollTop = 0;
  9788. this.getCourseDetail(2);
  9789. }
  9790. }
  9791. })
  9792. .catch((err) => {
  9793. console.error(err);
  9794. });
  9795. },
  9796. setNavList() {
  9797. if (this.navList.length == 0) {
  9798. this.navList = [];
  9799. for (var l = 0; l < this.chapInfoList.length; l++) {
  9800. var q = this.chapInfoList[l].dyName;
  9801. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  9802. var e;
  9803. this.navList.push({
  9804. dyName: q,
  9805. isOpen: l === 0 ? true : false,
  9806. task: [],
  9807. });
  9808. for (var r = 0; r < w.length; r++) {
  9809. e = w[r].task;
  9810. if (this.chapInfoList[l].easy == 1) {
  9811. this.navList[l].task.push({
  9812. taskName: q,
  9813. id: l + "-" + r,
  9814. isLook: w[r].isLook,
  9815. });
  9816. } else {
  9817. this.navList[l].task.push({
  9818. taskName: e,
  9819. id: l + "-" + r,
  9820. isLook: w[r].isLook,
  9821. });
  9822. }
  9823. // this.navId = this.navId ? this.navId : l + "-" + r;
  9824. // this.navId = l + "-" + r;
  9825. }
  9826. }
  9827. this.navList[0].isOpen = false;
  9828. this.navList[this.courseType].isOpen = true;
  9829. this.navId = this.navList[this.courseType].task[this.taskCount].id;
  9830. } else {
  9831. this.setNavList2();
  9832. }
  9833. },
  9834. setNavList2() {
  9835. for (var l = 0; l < this.chapInfoList.length; l++) {
  9836. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  9837. for (var r = 0; r < w.length; r++) {
  9838. this.navList[l].task[r].isLook = w[r].isLook;
  9839. }
  9840. }
  9841. if (
  9842. this.IsLookOpen &&
  9843. !this.navList[this.courseType].task[this.taskCount].isLook
  9844. ) {
  9845. this.openTask(0, 0, "0-0");
  9846. }
  9847. this.$forceUpdate();
  9848. },
  9849. getCourseState(type) {
  9850. let params = {
  9851. cid: this.id,
  9852. };
  9853. this.ajax
  9854. .get(this.$store.state.api + "getCourseState", params)
  9855. .then((res) => {
  9856. if (res.data[0].length > 0 && this.IsLookOpen && type == 1) {
  9857. this.chapInfoList = JSON.parse(res.data[0][0].state);
  9858. this.setNavList();
  9859. this.$forceUpdate();
  9860. } else if (res.data[0].length > 0 && this.IsLookOpen && type == 2) {
  9861. this.addCourseState(2);
  9862. } else {
  9863. this.addCourseState(1);
  9864. }
  9865. })
  9866. .catch((err) => {
  9867. console.error(err);
  9868. });
  9869. },
  9870. addCourseState(type) {
  9871. let _state = this.chapInfoList;
  9872. // this.courseType this.taskCount
  9873. if (type == 1 || type == 2) {
  9874. for (var i = 0; i < _state.length; i++) {
  9875. let el = _state[i].chapterInfo[0].taskJson;
  9876. for (var j = 0; j < el.length; j++) {
  9877. // if (i == 0 && j == 0) {
  9878. // el[j].isLook = true;
  9879. // } else {
  9880. // el[j].isLook = false;
  9881. // }
  9882. if (
  9883. this.courseType > i ||
  9884. (this.courseType == i && this.taskCount + 1 > j)
  9885. ) {
  9886. el[j].isLook = true;
  9887. } else {
  9888. el[j].isLook = false;
  9889. }
  9890. }
  9891. }
  9892. }
  9893. let params = [
  9894. {
  9895. cid: this.id,
  9896. state: JSON.stringify(_state).replaceAll(/%/g, "%25"),
  9897. },
  9898. ];
  9899. this.ajax
  9900. .post(
  9901. this.$store.state.api +
  9902. (type == 1 ? "addCourseState" : "updateCourseSate"),
  9903. params
  9904. )
  9905. .then((res) => {
  9906. if (this.IsLookOpen) {
  9907. this.setNavList();
  9908. }
  9909. if (type == 3 && type == 2) {
  9910. this.getCourseState(1);
  9911. }
  9912. })
  9913. .catch((err) => {
  9914. console.error(err);
  9915. });
  9916. },
  9917. getHomeWork() {
  9918. let params = {
  9919. cid: this.id,
  9920. stage: this.courseType,
  9921. task: this.taskCount,
  9922. uid: this.userid,
  9923. };
  9924. this.ajax
  9925. .get(this.$store.state.api + "selectWork", params)
  9926. .then((res) => {
  9927. if (res.data[0].length > 0) {
  9928. this.studyJuri = JSON.parse(res.data[0][0].content);
  9929. this.isNoHomeWork = true;
  9930. }
  9931. })
  9932. .catch((err) => {
  9933. console.error(err);
  9934. });
  9935. },
  9936. isAssetTypeAnImage(ext) {
  9937. return (
  9938. [
  9939. "png",
  9940. "jpg",
  9941. "jpeg",
  9942. "bmp",
  9943. "gif",
  9944. "webp",
  9945. "psd",
  9946. "svg",
  9947. "tiff",
  9948. ].indexOf(ext) !== -1
  9949. );
  9950. },
  9951. switchVideo(media) {
  9952. this.playerO = {};
  9953. this.playerOptions.poster = "";
  9954. this.playerOptions.sources[0].src = media;
  9955. this.playerO = this.playerOptions;
  9956. },
  9957. onPlayerPlay() { },
  9958. onPlayerTimeupdate(player) {
  9959. let gklog = player.cache_.currentTime; //当前播放的秒数
  9960. let a = player.cache_.duration; //视频的总时长
  9961. let gklog2 = parseInt(gklog);
  9962. // if(gklog2 == '3'){
  9963. // player.pause()
  9964. // setTimeout(()=>{
  9965. // player.currentTime(gklog2+1)
  9966. // player.play()
  9967. // },1000)
  9968. // }
  9969. console.log(" onPlayerTimeupdate!", gklog);
  9970. console.log(" onPlayerTimeupdate!", gklog2);
  9971. },
  9972. lookVedio(u, i) {
  9973. this.isClickNav = "";
  9974. // this.playerOptions.sources[0].src = u;
  9975. var d = JSON.parse(JSON.stringify(this.playerOptions));
  9976. d.sources[0].src = u;
  9977. this.playerO[this.taskCount] = d;
  9978. this.showType = 0;
  9979. // this.isClickNav = "video" + i;
  9980. this.isClickNav = i;
  9981. this.$forceUpdate();
  9982. },
  9983. lookText(i, t) {
  9984. this.isClickNav = "";
  9985. // this.text = this.textList[i][t];
  9986. this.text = this.vChapterData[i][t];
  9987. // this.dialogVisible1 = true;
  9988. this.showType = 1;
  9989. // this.isClickNav = "text" + t;
  9990. this.isClickNav = t;
  9991. },
  9992. lookTools(i, t) {
  9993. this.chapTools = this.chapToolList[i][t];
  9994. this.dialogVisible2 = true;
  9995. },
  9996. openFile(f) {
  9997. this.pptImgUrl = "";
  9998. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  9999. if (
  10000. a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
  10001. -1
  10002. ) {
  10003. this.pptImgUrl =
  10004. "https://view.officeapps.live.com/op/view.aspx?src=" + f;
  10005. this.showPDF = false;
  10006. this.dialogVisible3 = true;
  10007. } else if (
  10008. f.split(".")[f.split(".").length - 1].toLocaleUpperCase() == "PDF"
  10009. ) {
  10010. this.pptImgUrl = f;
  10011. this.showPDF = true;
  10012. this.dialogVisible3 = true;
  10013. }
  10014. },
  10015. openTable(f) {
  10016. this.tableJson = JSON.parse(f.works);
  10017. this.dialogVisibleTable2 = true;
  10018. },
  10019. openWord(f) {
  10020. this.tableJson = JSON.parse(f.works);
  10021. this.dialogVisibleTable3 = true;
  10022. },
  10023. doUrl(url, i) {
  10024. this.isClickNav = "";
  10025. this.pptImgUrl1 = "";
  10026. this.showType = 2;
  10027. if (url.indexOf("https://") == -1 && url.indexOf("http://") == -1) {
  10028. url = "https://" + url;
  10029. }
  10030. this.pptImgUrl1 = "";
  10031. setTimeout(() => {
  10032. this.pptImgUrl1 = url;
  10033. }, 500);
  10034. // this.isClickNav = "line" + i;
  10035. this.isClickNav = i;
  10036. this.$forceUpdate();
  10037. },
  10038. checkPhoto(f, i){
  10039. this.showType = 4;
  10040. this.pptImgUrl1 = f.url;
  10041. this.isClickNav = i;
  10042. this.$forceUpdate();
  10043. },
  10044. downFile(f, i) {
  10045. this.isClickNav = "";
  10046. this.pptImgUrl1 = "";
  10047. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"]; //"PDF",
  10048. if (
  10049. a.indexOf(
  10050. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase()
  10051. ) != -1
  10052. ) {
  10053. this.pptImgUrl1 =
  10054. "https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
  10055. // this.dialogVisible3 = true;
  10056. this.showType = 2;
  10057. } else if (
  10058. this.isAssetTypeAnImage(
  10059. f.url.split(".")[f.url.split(".").length - 1].toLocaleLowerCase()
  10060. )
  10061. ) {
  10062. this.showType = 4;
  10063. this.pptImgUrl1 = f.url;
  10064. } else if (
  10065. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
  10066. "PDF"
  10067. ) {
  10068. this.pptImgUrl1 = f.url;
  10069. // this.dialogVisible3 = true;
  10070. this.showType = 3;
  10071. } else {
  10072. window.open(this.file[i].url);
  10073. }
  10074. // this.isClickNav = "word" + i;
  10075. this.isClickNav = i;
  10076. },
  10077. downFileList(i) {
  10078. window.open(this.noImgList[i].url);
  10079. },
  10080. openAddWork() {
  10081. this.dialogVisible = true;
  10082. },
  10083. addBzWorks() {
  10084. let params = [
  10085. {
  10086. uid: this.userid,
  10087. cid: this.id,
  10088. stage: this.courseType,
  10089. task: this.taskCount,
  10090. tool: this.toolindex,
  10091. content: JSON.stringify(this.eScore),
  10092. type: 6,
  10093. },
  10094. ];
  10095. this.ajax
  10096. .post(this.$store.state.api + "addCourseWorks", params)
  10097. .then((res) => {
  10098. this.$message({
  10099. message: "提交成功",
  10100. type: "success",
  10101. });
  10102. this.eScore = { eBzText: "", eStar: [] };
  10103. this.studentEvalDialogVisible = false;
  10104. this.selectSWorks();
  10105. })
  10106. .catch((err) => {
  10107. this.$message.error("提交失败");
  10108. console.error(err);
  10109. });
  10110. },
  10111. addBzWorksTeacher() {
  10112. let params = [
  10113. {
  10114. uid: this.sStudent.userid,
  10115. cid: this.id,
  10116. stage: this.courseType,
  10117. task: this.taskCount,
  10118. tool: this.toolindex,
  10119. content: JSON.stringify(this.eScore),
  10120. type: 6,
  10121. },
  10122. ];
  10123. this.ajax
  10124. .post(this.$store.state.api + "addCourseWorks", params)
  10125. .then((res) => {
  10126. this.$message({
  10127. message: "提交成功",
  10128. type: "success",
  10129. });
  10130. this.eScore = { eBzText: "", eStar: [] };
  10131. this.studentEvalDialogVisibleTeacher = false;
  10132. this.selectSWorks();
  10133. })
  10134. .catch((err) => {
  10135. this.$message.error("提交失败");
  10136. console.error(err);
  10137. });
  10138. },
  10139. addStudentAsk() {
  10140. if (!this.radio.length) {
  10141. this.$message.error("请选择选项");
  10142. return;
  10143. }
  10144. for (var i = 0; i < this.askJson.askCount; i++) {
  10145. if (
  10146. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  10147. (this.radio[i] !== 0 && !this.radio[i])
  10148. ) {
  10149. this.$message.error("请选择选项");
  10150. return;
  10151. }
  10152. }
  10153. this.askList.push({ askJson: this.askJson, anwer: this.radio });
  10154. let params = [
  10155. {
  10156. uid: this.userid,
  10157. cid: this.id,
  10158. stage: this.courseType,
  10159. task: this.taskCount,
  10160. tool: this.toolindex,
  10161. content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
  10162. type: 2,
  10163. },
  10164. ];
  10165. this.ajax
  10166. .post(this.$store.state.api + "addCourseWorks", params)
  10167. .then((res) => {
  10168. this.$message({
  10169. message: "提交成功",
  10170. type: "success",
  10171. });
  10172. this.askList = [];
  10173. this.dialogVisible5 = false;
  10174. this.selectStudent();
  10175. this.selectSWorks();
  10176. this.selectSLook();
  10177. })
  10178. .catch((err) => {
  10179. this.$message.error("提交失败");
  10180. console.error(err);
  10181. });
  10182. },
  10183. addStudentAskTeacher() {
  10184. if (!this.radio.length) {
  10185. this.$message.error("请选择选项");
  10186. return;
  10187. }
  10188. for (var i = 0; i < this.askJson.askCount; i++) {
  10189. if (
  10190. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  10191. (this.radio[i] !== 0 && !this.radio[i])
  10192. ) {
  10193. this.$message.error("请选择选项");
  10194. return;
  10195. }
  10196. }
  10197. this.askList.push({ askJson: this.askJson, anwer: this.radio });
  10198. let params = [
  10199. {
  10200. uid: this.sStudent.userid,
  10201. cid: this.id,
  10202. stage: this.courseType,
  10203. task: this.taskCount,
  10204. tool: this.toolindex,
  10205. content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
  10206. type: 2,
  10207. },
  10208. ];
  10209. this.ajax
  10210. .post(this.$store.state.api + "addCourseWorks", params)
  10211. .then((res) => {
  10212. this.$message({
  10213. message: "提交成功",
  10214. type: "success",
  10215. });
  10216. this.askList = [];
  10217. this.dialogVisible5Teacher = false;
  10218. this.selectStudent();
  10219. this.selectSWorks();
  10220. this.selectSLook();
  10221. })
  10222. .catch((err) => {
  10223. this.$message.error("提交失败");
  10224. console.error(err);
  10225. });
  10226. },
  10227. addStudentTest() {
  10228. if (!this.radio.length) {
  10229. this.$message.error("请选择选项");
  10230. return;
  10231. }
  10232. for (var i = 0; i < this.testJson.testCount; i++) {
  10233. if (
  10234. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  10235. (this.radio[i] !== 0 && !this.radio[i])
  10236. ) {
  10237. this.$message.error("请选择选项");
  10238. return;
  10239. }
  10240. }
  10241. this.askList.push({ testJson: this.testJson, anwer: this.radio });
  10242. let params = [
  10243. {
  10244. uid: this.userid,
  10245. cid: this.id,
  10246. stage: this.courseType,
  10247. task: this.taskCount,
  10248. tool: this.toolindex,
  10249. content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
  10250. type: 8,
  10251. },
  10252. ];
  10253. this.ajax
  10254. .post(this.$store.state.api + "addCourseWorks", params)
  10255. .then((res) => {
  10256. this.$message({
  10257. message: "提交成功",
  10258. type: "success",
  10259. });
  10260. this.askList = [];
  10261. this.dialogVisibleChoice = false;
  10262. this.selectStudent();
  10263. this.selectSWorks();
  10264. this.selectSLook();
  10265. })
  10266. .catch((err) => {
  10267. this.$message.error("提交失败");
  10268. console.error(err);
  10269. });
  10270. },
  10271. addStudentTestTeacher() {
  10272. if (!this.radio.length) {
  10273. this.$message.error("请选择选项");
  10274. return;
  10275. }
  10276. for (var i = 0; i < this.testJson.testCount; i++) {
  10277. if (
  10278. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  10279. (this.radio[i] !== 0 && !this.radio[i])
  10280. ) {
  10281. this.$message.error("请选择选项");
  10282. return;
  10283. }
  10284. }
  10285. this.askList.push({ testJson: this.testJson, anwer: this.radio });
  10286. let params = [
  10287. {
  10288. uid: this.sStudent.userid,
  10289. cid: this.id,
  10290. stage: this.courseType,
  10291. task: this.taskCount,
  10292. tool: this.toolindex,
  10293. content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
  10294. type: 8,
  10295. },
  10296. ];
  10297. this.ajax
  10298. .post(this.$store.state.api + "addCourseWorks", params)
  10299. .then((res) => {
  10300. this.$message({
  10301. message: "提交成功",
  10302. type: "success",
  10303. });
  10304. this.askList = [];
  10305. this.dialogVisibleChoiceTeacher = false;
  10306. this.selectStudent();
  10307. this.selectSWorks();
  10308. this.selectSLook();
  10309. })
  10310. .catch((err) => {
  10311. this.$message.error("提交失败");
  10312. console.error(err);
  10313. });
  10314. },
  10315. addWork() {
  10316. if (this.studyJuri[0].content == "") {
  10317. this.$message.error("请将信息填写完整");
  10318. return;
  10319. } else if (this.studyJuri[0].cover.length == 0) {
  10320. this.$message.error("请将信息填写完整");
  10321. return;
  10322. } else if (this.studyJuri[0].upVedio.length == 0) {
  10323. this.$message.error("请将信息填写完整");
  10324. return;
  10325. }
  10326. if (this.isNoHomeWork) {
  10327. this.$confirm(
  10328. "您已经提交了该作业了,如果您再提交将覆盖上次提交的作业!",
  10329. "提示",
  10330. {
  10331. confirmButtonText: "确定",
  10332. cancelButtonText: "取消",
  10333. type: "warning",
  10334. }
  10335. )
  10336. .then(() => {
  10337. let params = [
  10338. {
  10339. uid: this.userid,
  10340. cid: this.id,
  10341. stage: this.courseType,
  10342. task: this.taskCount,
  10343. content: JSON.stringify(this.studyJuri),
  10344. },
  10345. ];
  10346. this.ajax
  10347. .post(this.$store.state.api + "addWorks", params)
  10348. .then((res) => {
  10349. this.$message({
  10350. message: "提交成功",
  10351. type: "success",
  10352. });
  10353. this.isNoHomeWork = true;
  10354. this.dialogVisible = false;
  10355. })
  10356. .catch((err) => {
  10357. this.$message.error("提交失败");
  10358. console.error(err);
  10359. });
  10360. })
  10361. .catch(() => { });
  10362. } else {
  10363. let params = [
  10364. {
  10365. uid: this.userid,
  10366. cid: this.id,
  10367. stage: this.courseType,
  10368. task: this.taskCount,
  10369. content: JSON.stringify(this.studyJuri),
  10370. },
  10371. ];
  10372. this.ajax
  10373. .post(this.$store.state.api + "addWorks", params)
  10374. .then((res) => {
  10375. this.$message({
  10376. message: "提交成功",
  10377. type: "success",
  10378. });
  10379. this.isNoHomeWork = true;
  10380. this.dialogVisible = false;
  10381. })
  10382. .catch((err) => {
  10383. this.$message.error("提交失败");
  10384. console.error(err);
  10385. });
  10386. }
  10387. },
  10388. selectCount() {
  10389. let params = {
  10390. cid: this.id,
  10391. chid: this.courseType,
  10392. uid: this.userid,
  10393. };
  10394. this.ajax
  10395. .get(this.$store.state.api + "selectToolsCount", params)
  10396. .then((res) => {
  10397. for (var i = 0; i < res.data[0].length; i++) {
  10398. if (res.data[0][i].tools == 1) {
  10399. this.wbCount = res.data[0][i].count;
  10400. } else if (res.data[0][i].tools == 2) {
  10401. this.wordCount = res.data[0][i].count;
  10402. } else if (res.data[0][i].tools == 3) {
  10403. this.mindCount = res.data[0][i].count;
  10404. } else if (res.data[0][i].tools == 4) {
  10405. this.askCount = res.data[0][i].count;
  10406. } else if (res.data[0][i].tools == 6) {
  10407. this.noteCount = res.data[0][i].count;
  10408. } else if (res.data[0][i].tools == 7) {
  10409. this.mindNetWorkCount = res.data[0][i].count;
  10410. } else if (res.data[0][i].tools == 8) {
  10411. this.libraryCount = res.data[0][i].count;
  10412. } else if (res.data[0][i].tools == 16) {
  10413. this.workCount = res.data[0][i].count;
  10414. } else if (res.data[0][i].tools == 10) {
  10415. this.timeCount = res.data[0][i].count;
  10416. } else if (res.data[0][i].tools == 15) {
  10417. this.answerCount = res.data[0][i].count;
  10418. } else if (res.data[0][i].tools == 18) {
  10419. this.trainCount = res.data[0][i].count;
  10420. }
  10421. }
  10422. })
  10423. .catch((err) => {
  10424. console.error(err);
  10425. });
  10426. },
  10427. openTools(t, i, index, c, sName) {
  10428. var z = JSON.parse(c);
  10429. this.noteName = sName;
  10430. if (t == 4) {
  10431. this.radio = [];
  10432. this.isAnswer = false;
  10433. let b = z[0].anwer;
  10434. this.radio = b;
  10435. this.askJson = z[0].askJson;
  10436. this.isAnswer = true;
  10437. this.dialogVisible5 = true;
  10438. } else if (t == 45) {
  10439. this.radio = [];
  10440. this.isAnswer = false;
  10441. let b = z[0].anwer;
  10442. this.radio = b;
  10443. this.testJson = z[0].testJson;
  10444. this.isAnswer = true;
  10445. this.dialogVisibleChoice = true;
  10446. }
  10447. // else if (t == 15) {
  10448. // this.answerQ = "";
  10449. // this.questionAnswer = "";
  10450. // this.answerQ = z[0].answerTitle;
  10451. // this.questionAnswer = z[0].answer;
  10452. // this.answerDialogVisible = true;
  10453. // }
  10454. },
  10455. fastText(p, t) {
  10456. if (t == 1) {
  10457. this.commentText += p;
  10458. } else {
  10459. this.eScore.eBzText += p;
  10460. }
  10461. },
  10462. addTools(t, i, index) {
  10463. var a = 0;
  10464. // this.taskCount = index;
  10465. this.toolindex = i;
  10466. if (t == 1) {
  10467. if (this.wbCount > 0) {
  10468. this.updateCount(this.wbCount, t);
  10469. } else {
  10470. this.wbCount++;
  10471. a = this.wbCount;
  10472. this.toolsCount(a, t);
  10473. }
  10474. window.parent.postMessage(
  10475. {
  10476. tools: "1",
  10477. cid: this.id,
  10478. stage: this.courseType,
  10479. task: this.taskCount,
  10480. tool: i,
  10481. },
  10482. "*"
  10483. );
  10484. } else if (t == 2) {
  10485. if (this.wordCount > 0) {
  10486. this.updateCount(this.wordCount, t);
  10487. } else {
  10488. this.wordCount++;
  10489. a = this.wordCount;
  10490. this.toolsCount(a, t);
  10491. }
  10492. window.parent.postMessage({ tools: "2" }, "*");
  10493. } else if (t == 3) {
  10494. if (this.mindCount > 0) {
  10495. this.updateCount(this.mindCount, t);
  10496. } else {
  10497. this.mindCount++;
  10498. a = this.mindCount;
  10499. this.toolsCount(a, t);
  10500. }
  10501. window.parent.postMessage(
  10502. {
  10503. tools: "3",
  10504. cid: this.id,
  10505. stage: this.courseType,
  10506. task: this.taskCount,
  10507. tool: i,
  10508. },
  10509. "*"
  10510. );
  10511. } else if (t == 4) {
  10512. this.radio = [];
  10513. this.noteName = "";
  10514. this.isAnswer = false;
  10515. if (this.askCount > 0) {
  10516. this.updateCount(this.askCount, t);
  10517. } else {
  10518. this.askCount++;
  10519. a = this.askCount;
  10520. this.toolsCount(a, t);
  10521. }
  10522. if (!this.dialogVisible2) {
  10523. this.askJson.askJson =
  10524. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10525. index
  10526. ].toolChoose[i].askJson;
  10527. this.askJson.askTitle =
  10528. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10529. index
  10530. ].toolChoose[i].askTitle;
  10531. this.askJson.askCount =
  10532. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10533. index
  10534. ].toolChoose[i].askCount;
  10535. } else {
  10536. this.askJson.askJson = this.chapTools.askJson.askJson;
  10537. this.askJson.askTitle = this.chapTools.askJson.askTitle;
  10538. this.askJson.askCount = this.chapTools.askJson.askCount;
  10539. }
  10540. for (var k = 0; k < this.askJson.askJson.length; k++) {
  10541. if (this.askJson.askJson[k].type == "2") {
  10542. this.radio.push([]);
  10543. } else {
  10544. this.radio.push("");
  10545. }
  10546. }
  10547. this.dialogVisible5 = true;
  10548. // window.parent.postMessage({ tools: "4" }, "*");
  10549. } else if (t == 45) {
  10550. this.noteName = "";
  10551. this.radio = [];
  10552. this.isAnswer = false;
  10553. if (this.askCount > 0) {
  10554. this.updateCount(this.askCount, t);
  10555. } else {
  10556. this.askCount++;
  10557. a = this.askCount;
  10558. this.toolsCount(a, t);
  10559. }
  10560. this.testJson =
  10561. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10562. index
  10563. ].toolChoose[i].testJson;
  10564. for (var k = 0; k < this.testJson.testJson.length; k++) {
  10565. if (this.testJson.testJson[k].type == "2") {
  10566. this.radio.push([]);
  10567. } else {
  10568. this.radio.push("");
  10569. }
  10570. }
  10571. this.dialogVisibleChoice = true;
  10572. // window.parent.postMessage({ tools: "4" }, "*");
  10573. } else if (t == 5) {
  10574. if (this.scoreCount > 0) {
  10575. this.updateCount(this.scoreCount, t);
  10576. } else {
  10577. this.scoreCount++;
  10578. a = this.scoreCount;
  10579. this.toolsCount(a, t);
  10580. }
  10581. this.dialogVisible4 = true;
  10582. // window.parent.postMessage({ tools: "5" }, "*");
  10583. } else if (t == 6) {
  10584. if (this.noteCount > 0) {
  10585. this.updateCount(this.noteCount, t);
  10586. } else {
  10587. this.noteCount++;
  10588. a = this.noteCount;
  10589. this.toolsCount(a, t);
  10590. }
  10591. window.parent.postMessage(
  10592. {
  10593. tools: "6",
  10594. cid: this.id,
  10595. stage: this.courseType,
  10596. task: this.taskCount,
  10597. tool: i,
  10598. },
  10599. "*"
  10600. );
  10601. } else if (t == 7) {
  10602. if (this.mindNetWorkCount > 0) {
  10603. this.updateCount(this.mindNetWorkCount, t);
  10604. } else {
  10605. this.mindNetWorkCount++;
  10606. a = this.mindNetWorkCount;
  10607. this.toolsCount(a, t);
  10608. }
  10609. window.parent.postMessage(
  10610. {
  10611. tools: "7",
  10612. cid: this.id,
  10613. stage: this.courseType,
  10614. task: this.taskCount,
  10615. tool: i,
  10616. },
  10617. "*"
  10618. );
  10619. } else if (t == 16) {
  10620. if (this.workCount > 0) {
  10621. this.updateCount(this.workCount, t);
  10622. } else {
  10623. this.workCount++;
  10624. a = this.workCount;
  10625. this.toolsCount(a, t);
  10626. }
  10627. this.dialogVisible = true;
  10628. } else if (t == 50) {
  10629. if (this.tType == 2) {
  10630. this.$message.error("不支持学生使用");
  10631. return;
  10632. }
  10633. this.plworkFile = [];
  10634. this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
  10635. if (!this.uploadCid) {
  10636. this.$message.error("提示:批量上传未添加班级权限,请添加班级或从班级入口进入。");
  10637. return;
  10638. }
  10639. // this.uploadCid =
  10640. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10641. // index
  10642. // ].toolChoose[i].uploadJson[0];
  10643. this.selectUploadStudent();
  10644. this.dialogVisiblePl = true;
  10645. } else if (t == 8) {
  10646. if (this.libraryCount > 0) {
  10647. this.updateCount(this.libraryCount, t);
  10648. } else {
  10649. this.libraryCount++;
  10650. a = this.libraryCount;
  10651. this.toolsCount(a, t);
  10652. }
  10653. window.parent.postMessage({ tools: "8" }, "*");
  10654. } else if (t == 17) {
  10655. if (this.libraryCount > 0) {
  10656. this.updateCount(this.libraryCount, t);
  10657. } else {
  10658. this.libraryCount++;
  10659. a = this.libraryCount;
  10660. this.toolsCount(a, t);
  10661. }
  10662. window.parent.postMessage({ tools: "17" }, "*");
  10663. } else if (t == 18) {
  10664. if (this.trainCount > 0) {
  10665. this.updateCount(this.trainCount, t);
  10666. } else {
  10667. this.trainCount++;
  10668. a = this.trainCount;
  10669. this.toolsCount(a, t);
  10670. }
  10671. window.parent.postMessage({ tools: "18" }, "*");
  10672. } else if (t == 10) {
  10673. if (this.timeCount > 0) {
  10674. this.updateCount(this.timeCount, t);
  10675. } else {
  10676. this.timeCount++;
  10677. a = this.timeCount;
  10678. this.toolsCount(a, t);
  10679. }
  10680. this.preTime = this.chapInfoList[this.courseType].chapterInfo[0]
  10681. .taskJson[index].toolChoose[i].preTime
  10682. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  10683. .toolChoose[i].preTime
  10684. : "";
  10685. this.timeDialogVisible = true;
  10686. } else if (t == 15) {
  10687. this.answerQ = "";
  10688. this.questionAnswer = "";
  10689. if (this.answerCount > 0) {
  10690. this.updateCount(this.answerCount, t);
  10691. } else {
  10692. this.answerCount++;
  10693. a = this.answerCount;
  10694. this.toolsCount(a, t);
  10695. }
  10696. this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
  10697. .taskJson[index].toolChoose[i].answerQ
  10698. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  10699. .toolChoose[i].answerQ
  10700. : "";
  10701. this.answerDialogVisible = true;
  10702. } else if (t == 21) {
  10703. window.parent.postMessage({ tools: "21" }, "*");
  10704. } else if (t == 22) {
  10705. window.parent.postMessage({ tools: "22" }, "*");
  10706. } else if (t == 23) {
  10707. window.parent.postMessage({ tools: "23" }, "*");
  10708. } else if (t == 24) {
  10709. window.parent.postMessage({ tools: "24" }, "*");
  10710. } else if (t == 25) {
  10711. window.parent.postMessage({ tools: "25" }, "*");
  10712. } else if (t == 31) {
  10713. window.parent.postMessage({ tools: "31" }, "*");
  10714. } else if (t == 28) {
  10715. window.parent.postMessage({ tools: "28" }, "*");
  10716. } else if (t == 37) {
  10717. window.parent.postMessage({ tools: "37" }, "*");
  10718. } else if (t == 38) {
  10719. window.parent.postMessage({ tools: "38" }, "*");
  10720. } else if (t == 39) {
  10721. window.parent.postMessage({ tools: "39" }, "*");
  10722. } else if (t == 32) {
  10723. window.parent.postMessage({ tools: "32" }, "*");
  10724. } else if (t == 57) {
  10725. // window.parent.postMessage({ tools: "57" }, "*");
  10726. window.parent.postMessage(
  10727. {
  10728. tools: "57u",
  10729. cid: this.id,
  10730. stage: this.courseType,
  10731. task: this.taskCount,
  10732. tool: i,
  10733. },
  10734. "*"
  10735. );
  10736. } else if (t == 58) {
  10737. window.parent.postMessage({ tools: "58" }, "*");
  10738. } else if (t == 59) {
  10739. window.parent.postMessage({ tools: "59" }, "*");
  10740. } else if (t == 60) {
  10741. window.parent.postMessage({ tools: "60" }, "*");
  10742. } else if (t == 61) {
  10743. window.parent.postMessage({ tools: "61" }, "*");
  10744. } else if (t == 63) {
  10745. window.parent.postMessage({ tools: "63" }, "*");
  10746. } else if (t == 26) {
  10747. window.parent.postMessage(
  10748. {
  10749. tools: "26",
  10750. cid: this.id,
  10751. stage: this.courseType,
  10752. task: this.taskCount,
  10753. tool: i,
  10754. },
  10755. "*"
  10756. );
  10757. } else if (t == 40) {
  10758. if (this.evalCount > 0) {
  10759. this.updateCount(this.evalCount, t);
  10760. } else {
  10761. this.evalCount++;
  10762. a = this.evalCount;
  10763. this.toolsCount(a, t);
  10764. }
  10765. this.eScore = { eBzText: "", eStar: [] };
  10766. if (this.worksStudent[i].length) {
  10767. for (var k = 0; k < this.worksStudent[i].length; k++) {
  10768. if (this.userid == this.worksStudent[i][k].userid) {
  10769. this.eScore = JSON.parse(this.worksStudent[i][k].works);
  10770. this.rateJson =
  10771. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10772. index
  10773. ].toolChoose[i].rateJson;
  10774. break;
  10775. } else {
  10776. this.rateJson =
  10777. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10778. index
  10779. ].toolChoose[i].rateJson;
  10780. }
  10781. }
  10782. } else {
  10783. this.rateJson =
  10784. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10785. index
  10786. ].toolChoose[i].rateJson;
  10787. }
  10788. this.isStar = false;
  10789. this.studentEvalDialogVisible = true;
  10790. } else if (t == 41) {
  10791. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  10792. .taskJson[index].toolChoose[i].selectJson
  10793. ? JSON.parse(
  10794. JSON.stringify(
  10795. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10796. index
  10797. ].toolChoose[i].selectJson
  10798. )
  10799. )
  10800. : { url: "", select: [], answer: [] };
  10801. if (this.worksStudent[i].length) {
  10802. for (var k = 0; k < this.worksStudent[i].length; k++) {
  10803. if (this.userid == this.worksStudent[i][k].userid) {
  10804. var a = this.worksStudent[i][k].works.split(",");
  10805. for (var ki = 0; ki < a.length; ki++) {
  10806. a[ki] = parseInt(a[ki]);
  10807. }
  10808. this.selectAnswer = {
  10809. answer: a,
  10810. stu: this.worksStudent[i][k].sName,
  10811. };
  10812. break;
  10813. } else {
  10814. this.selectAnswer = { answer: [], stu: "" };
  10815. }
  10816. }
  10817. } else {
  10818. this.selectAnswer = { answer: [], stu: "" };
  10819. }
  10820. this.isSelect = false;
  10821. this.dialogVisibleSelect = true;
  10822. } else if (t == 44) {
  10823. window.parent.postMessage({ tools: "44" }, "*");
  10824. } else if (t == 47) {
  10825. this.sentenceList = this.chapInfoList[this.courseType].chapterInfo[0]
  10826. .taskJson[index].toolChoose[i].sentenceList
  10827. ? JSON.parse(
  10828. JSON.stringify(
  10829. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10830. index
  10831. ].toolChoose[i].sentenceList
  10832. )
  10833. )
  10834. : [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }];
  10835. for (var q = 0; q < this.sentenceList.length; q++) {
  10836. this.sentenceList[q].chooseSenList = [];
  10837. this.sentenceList[q].addChangeSen = [];
  10838. this.sentenceList[q].addChangeSen = JSON.parse(
  10839. JSON.stringify(this.sentenceList[q].addSentence)
  10840. );
  10841. this.sentenceList[q].chooseSenList.length =
  10842. this.sentenceList[q].rightAnswer.length;
  10843. }
  10844. this.dialogVisibleSentence = true;
  10845. } else if (t == 48) {
  10846. this.tableJson = this.chapInfoList[this.courseType].chapterInfo[0]
  10847. .taskJson[index].toolChoose[i].tableJson
  10848. ? JSON.parse(
  10849. JSON.stringify(
  10850. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10851. index
  10852. ].toolChoose[i].tableJson
  10853. )
  10854. )
  10855. : { text: "" };
  10856. this.tableJsonO = JSON.parse(JSON.stringify(this.tableJson));
  10857. if (this.worksStudent[i].length) {
  10858. for (var k = 0; k < this.worksStudent[i].length; k++) {
  10859. if (this.userid == this.worksStudent[i][k].userid) {
  10860. this.tableJson = JSON.parse(this.worksStudent[i][k].works);
  10861. break;
  10862. }
  10863. }
  10864. }
  10865. this.dialogVisibleTable = true;
  10866. } else if (t == 52) {
  10867. this.wordJson = this.chapInfoList[this.courseType].chapterInfo[0]
  10868. .taskJson[index].toolChoose[i].wordJson
  10869. ? JSON.parse(
  10870. JSON.stringify(
  10871. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10872. index
  10873. ].toolChoose[i].wordJson
  10874. )
  10875. )
  10876. : { text: "" };
  10877. this.wordJsonO = JSON.parse(JSON.stringify(this.wordJson));
  10878. if (this.worksStudent[i].length) {
  10879. for (var k = 0; k < this.worksStudent[i].length; k++) {
  10880. if (this.userid == this.worksStudent[i][k].userid) {
  10881. this.wordJson = JSON.parse(this.worksStudent[i][k].works);
  10882. break;
  10883. }
  10884. }
  10885. }
  10886. this.dialogVisibleWord = true;
  10887. } else if (t == 49) {
  10888. this.groupJson =
  10889. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10890. index
  10891. ].toolChoose[i].groupJson;
  10892. this.islock = this.groupJson.islock == 1 ? true : false;
  10893. this.dialogVisibleGroup = true;
  10894. } else if (t == 62) {
  10895. this.videoJson =
  10896. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10897. index
  10898. ].toolChoose[i].videoJson;
  10899. this.dialogVisibleVideo = true;
  10900. }
  10901. },
  10902. teacherWorkSubmit(t, i, index, s) {
  10903. this.sStudent = s;
  10904. this.toolindex = i;
  10905. this.sTool = t;
  10906. if (this.tType !== "1" && this.tType !== "4") {
  10907. return;
  10908. }
  10909. if (t == 16 || t == 32 || t == 50) {
  10910. this.dialogVisibleWorks = true;
  10911. } else if (t == 15) {
  10912. this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
  10913. .taskJson[index].toolChoose[i].answerQ
  10914. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  10915. .toolChoose[i].answerQ
  10916. : "";
  10917. this.questionAnswer = "";
  10918. this.answerDialogVisibleTeacher = true; //问答
  10919. } else if (t == 52) {
  10920. this.wordJson = this.chapInfoList[this.courseType].chapterInfo[0]
  10921. .taskJson[index].toolChoose[i].wordJson
  10922. ? JSON.parse(
  10923. JSON.stringify(
  10924. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10925. index
  10926. ].toolChoose[i].wordJson
  10927. )
  10928. )
  10929. : { text: "" };
  10930. if (this.worksStudent[i].length) {
  10931. for (var k = 0; k < this.worksStudent[i].length; k++) {
  10932. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  10933. this.wordJson = JSON.parse(this.worksStudent[i][k].works);
  10934. break;
  10935. }
  10936. }
  10937. }
  10938. this.dialogVisibleWordTeacher = true; //文档
  10939. } else if (t == 4) {
  10940. this.radio = [];
  10941. this.noteName = "";
  10942. this.isAnswer = false;
  10943. if (this.askCount > 0) {
  10944. this.updateCount(this.askCount, t);
  10945. } else {
  10946. this.askCount++;
  10947. a = this.askCount;
  10948. this.toolsCount(a, t);
  10949. }
  10950. if (!this.dialogVisible2) {
  10951. this.askJson.askJson =
  10952. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10953. index
  10954. ].toolChoose[i].askJson;
  10955. this.askJson.askTitle =
  10956. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10957. index
  10958. ].toolChoose[i].askTitle;
  10959. this.askJson.askCount =
  10960. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10961. index
  10962. ].toolChoose[i].askCount;
  10963. } else {
  10964. this.askJson.askJson = this.chapTools.askJson.askJson;
  10965. this.askJson.askTitle = this.chapTools.askJson.askTitle;
  10966. this.askJson.askCount = this.chapTools.askJson.askCount;
  10967. }
  10968. this.dialogVisible5Teacher = true;
  10969. } else if (t == 45) {
  10970. this.noteName = "";
  10971. this.radio = [];
  10972. this.isAnswer = false;
  10973. if (this.askCount > 0) {
  10974. this.updateCount(this.askCount, t);
  10975. } else {
  10976. this.askCount++;
  10977. a = this.askCount;
  10978. this.toolsCount(a, t);
  10979. }
  10980. this.testJson =
  10981. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10982. index
  10983. ].toolChoose[i].testJson;
  10984. for (var k = 0; k < this.testJson.testJson.length; k++) {
  10985. if (this.testJson.testJson[k].type == "2") {
  10986. this.radio.push([]);
  10987. } else {
  10988. this.radio.push("");
  10989. }
  10990. }
  10991. this.dialogVisibleChoiceTeacher = true;
  10992. } else if (t == 41) {
  10993. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  10994. .taskJson[index].toolChoose[i].selectJson
  10995. ? JSON.parse(
  10996. JSON.stringify(
  10997. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10998. index
  10999. ].toolChoose[i].selectJson
  11000. )
  11001. )
  11002. : { url: "", select: [], answer: [] };
  11003. if (this.worksStudent[i].length) {
  11004. for (var k = 0; k < this.worksStudent[i].length; k++) {
  11005. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  11006. var a = this.worksStudent[i][k].works.split(",");
  11007. for (var ki = 0; ki < a.length; ki++) {
  11008. a[ki] = parseInt(a[ki]);
  11009. }
  11010. this.selectAnswer = {
  11011. answer: a,
  11012. stu: this.worksStudent[i][k].sName,
  11013. };
  11014. break;
  11015. } else {
  11016. this.selectAnswer = { answer: [], stu: "" };
  11017. }
  11018. }
  11019. } else {
  11020. this.selectAnswer = { answer: [], stu: "" };
  11021. }
  11022. this.isSelect = false;
  11023. this.dialogVisibleSelectTeacher = true;
  11024. } else if (t == 47) {
  11025. this.sentenceList = this.chapInfoList[this.courseType].chapterInfo[0]
  11026. .taskJson[index].toolChoose[i].sentenceList
  11027. ? JSON.parse(
  11028. JSON.stringify(
  11029. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11030. index
  11031. ].toolChoose[i].sentenceList
  11032. )
  11033. )
  11034. : [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }];
  11035. for (var q = 0; q < this.sentenceList.length; q++) {
  11036. this.sentenceList[q].chooseSenList = [];
  11037. this.sentenceList[q].addChangeSen = [];
  11038. this.sentenceList[q].addChangeSen = JSON.parse(
  11039. JSON.stringify(this.sentenceList[q].addSentence)
  11040. );
  11041. this.sentenceList[q].chooseSenList.length =
  11042. this.sentenceList[q].rightAnswer.length;
  11043. }
  11044. this.dialogVisibleSentenceTeacher = true;
  11045. } else if (t == 48) {
  11046. this.tableJson = this.chapInfoList[this.courseType].chapterInfo[0]
  11047. .taskJson[index].toolChoose[i].tableJson
  11048. ? JSON.parse(
  11049. JSON.stringify(
  11050. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11051. index
  11052. ].toolChoose[i].tableJson
  11053. )
  11054. )
  11055. : { text: "" };
  11056. if (this.worksStudent[i].length) {
  11057. for (var k = 0; k < this.worksStudent[i].length; k++) {
  11058. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  11059. this.tableJson = JSON.parse(this.worksStudent[i][k].works);
  11060. break;
  11061. }
  11062. }
  11063. }
  11064. this.dialogVisibleTableTeacher = true;
  11065. } else if (t == 40) {
  11066. if (this.evalCount > 0) {
  11067. this.updateCount(this.evalCount, t);
  11068. } else {
  11069. this.evalCount++;
  11070. a = this.evalCount;
  11071. this.toolsCount(a, t);
  11072. }
  11073. this.eScore = { eBzText: "", eStar: [] };
  11074. if (this.worksStudent[i].length) {
  11075. for (var k = 0; k < this.worksStudent[i].length; k++) {
  11076. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  11077. this.eScore = JSON.parse(this.worksStudent[i][k].works);
  11078. this.rateJson =
  11079. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11080. index
  11081. ].toolChoose[i].rateJson;
  11082. break;
  11083. } else {
  11084. this.rateJson =
  11085. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11086. index
  11087. ].toolChoose[i].rateJson;
  11088. }
  11089. }
  11090. } else {
  11091. this.rateJson =
  11092. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11093. index
  11094. ].toolChoose[i].rateJson;
  11095. }
  11096. this.isStar = false;
  11097. this.studentEvalDialogVisibleTeacher = true;
  11098. } else if (t == 3 || t == 1 || t == 7 || t == 57) {
  11099. window.parent.postMessage(
  11100. {
  11101. tools: t + "teacher",
  11102. cid: this.id,
  11103. stage: this.courseType,
  11104. task: this.taskCount,
  11105. tool: i,
  11106. student: this.sStudent,
  11107. },
  11108. "*"
  11109. );
  11110. }
  11111. },
  11112. openCocoPi(tool, i, uid, uname) {
  11113. let student = {
  11114. userid: uid,
  11115. student: uname,
  11116. }
  11117. if (tool == 57) {
  11118. window.parent.postMessage(
  11119. {
  11120. tools: tool + "teacher",
  11121. cid: this.id,
  11122. stage: this.courseType,
  11123. task: this.taskCount,
  11124. tool: i,
  11125. student: student,
  11126. },
  11127. "*"
  11128. );
  11129. }
  11130. },
  11131. setRightAnswer(s, i, j) {
  11132. for (var q = 0; q < this.sentenceList[i].chooseSenList.length; q++) {
  11133. if (
  11134. this.sentenceList[i].chooseSenList[q] == undefined ||
  11135. this.sentenceList[i].chooseSenList[q] == ""
  11136. ) {
  11137. this.sentenceList[i].chooseSenList[q] = s;
  11138. this.sentenceList[i].addChangeSen[j] = "";
  11139. break;
  11140. }
  11141. }
  11142. this.$forceUpdate();
  11143. },
  11144. returnCard(r, i, j) {
  11145. var a = this.sentenceList[i].addSentence.indexOf(r);
  11146. this.sentenceList[i].chooseSenList[j] = "";
  11147. this.sentenceList[i].addChangeSen[a] = r;
  11148. this.$forceUpdate();
  11149. },
  11150. // addSentenceTool() {
  11151. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11152. // this.taskCount
  11153. // ].toolChoose[this.toolindex].sentenceList = this.sentenceList;
  11154. // this.sentenceList = [
  11155. // { sentenceTitle: "", addSentence: [], rightAnswer: [] },
  11156. // ];
  11157. // this.dialogVisibleSentence = false;
  11158. // },
  11159. toolsCount(a, t) {
  11160. let params = {
  11161. cid: this.id,
  11162. chid: this.courseType,
  11163. uid: this.userid,
  11164. tid: t,
  11165. count: a,
  11166. };
  11167. this.ajax
  11168. .get(this.$store.state.api + "insertToolsCount", params)
  11169. .then((res) => {
  11170. this.selectCount();
  11171. })
  11172. .catch((err) => {
  11173. console.error(err);
  11174. });
  11175. },
  11176. updateCount(c, t) {
  11177. c++;
  11178. let params = {
  11179. cid: this.id,
  11180. chid: this.courseType,
  11181. uid: this.userid,
  11182. tid: t,
  11183. count: c,
  11184. };
  11185. this.ajax
  11186. .get(this.$store.state.api + "updateToolsCount", params)
  11187. .then((res) => {
  11188. this.selectCount();
  11189. })
  11190. .catch((err) => {
  11191. console.error(err);
  11192. });
  11193. },
  11194. checkEva() {
  11195. if (this.evalua != "") {
  11196. for (var i = 0; i < this.evaJuri.length; i++) {
  11197. if (this.evalua == this.evaJuri[i].id) {
  11198. this.eTitle = this.evaJuri[i].title;
  11199. this.eJson = JSON.parse(this.evaJuri[i].content);
  11200. }
  11201. }
  11202. this.$forceUpdate();
  11203. setTimeout(() => {
  11204. this.setMindData();
  11205. }, 0);
  11206. }
  11207. },
  11208. selectEva() {
  11209. let params = {
  11210. oid: this.oid,
  11211. };
  11212. this.ajax
  11213. .get(this.$store.state.api + "selectAllEvaluation", params)
  11214. .then((res) => {
  11215. this.evaJuri = res.data[0];
  11216. })
  11217. .catch((err) => {
  11218. console.error(err);
  11219. });
  11220. },
  11221. setMindData() {
  11222. this.data.data = [];
  11223. this.data.data.push({ id: "root", isroot: true, topic: this.eTitle });
  11224. let _eJson = Object.keys(this.eJson);
  11225. let _e = this.eJson;
  11226. for (let i = 0; i < _eJson.length; i++) {
  11227. let element = _e[_eJson[i]];
  11228. this.data.data.push({
  11229. id: element.id,
  11230. parentid: "root",
  11231. topic: element.name,
  11232. });
  11233. let _eJsonc = Object.keys(element.child);
  11234. let _e2 = element.child;
  11235. for (let j = 0; j < _eJsonc.length; j++) {
  11236. let _ec = _e2[_eJsonc[j]];
  11237. this.data.data.push({
  11238. id: _ec.id,
  11239. parentid: element.id,
  11240. topic: _ec.name,
  11241. });
  11242. let _eJsonz = Object.keys(_ec.child);
  11243. let _e3 = _ec.child;
  11244. for (let z = 0; z < _eJsonz.length; z++) {
  11245. let _ez = _e3[_eJsonz[z]];
  11246. this.data.data.push({
  11247. id: _ez.id,
  11248. parentid: _ec.id,
  11249. topic: _ez.name,
  11250. });
  11251. }
  11252. }
  11253. }
  11254. this.$forceUpdate();
  11255. },
  11256. checkFileFull(type, url) {
  11257. this.fullDialogVisible = true;
  11258. this.fulltype = type;
  11259. this.fullUrl = url;
  11260. },
  11261. openSname(n, id, i) {
  11262. this.snameWid = id;
  11263. this.worksSName = n;
  11264. this.toolindex = i;
  11265. this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
  11266. if (!this.uploadCid) {
  11267. this.$message.error("提示:批量上传未添加班级权限,请添加班级或从班级入口进入。");
  11268. return;
  11269. }
  11270. this.selectUploadStudent();
  11271. this.dialogVisibleSname = true;
  11272. },
  11273. updateName() {
  11274. let params = {
  11275. n: this.worksSName,
  11276. cid: this.snameWid,
  11277. };
  11278. this.ajax
  11279. .get(this.$store.state.api + "updateCourseWorksName", params)
  11280. .then((res) => {
  11281. this.$message({
  11282. message: "修改成功",
  11283. type: "success",
  11284. });
  11285. this.dialogVisibleSname = false;
  11286. this.getCourseDetail(2);
  11287. this.snameWid = "";
  11288. this.worksSName = "";
  11289. })
  11290. .catch((err) => {
  11291. console.error(err);
  11292. });
  11293. },
  11294. downloadFile2(f) {
  11295. let url = f.url;
  11296. let _this = this;
  11297. let _url = "";
  11298. if (
  11299. url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  11300. ) {
  11301. _url = url.split(
  11302. "https://view.officeapps.live.com/op/view.aspx?src="
  11303. )[1];
  11304. } else {
  11305. _url = url;
  11306. }
  11307. const x = new XMLHttpRequest();
  11308. x.open("GET", _url, true);
  11309. x.responseType = "blob";
  11310. const loading = _this.$loading.service({
  11311. background: "rgba(255, 255, 255, 0.7)",
  11312. target: document.body,
  11313. text: "文件加载中...",
  11314. });
  11315. // _this.$message.success("文件下载中...");
  11316. x.onload = function (e) {
  11317. loading.close();
  11318. let content = x.response;
  11319. let elink = document.createElement("a");
  11320. elink.download = f.name;
  11321. elink.style.display = "none";
  11322. let blob = new Blob([content]);
  11323. elink.href = URL.createObjectURL(blob);
  11324. document.body.appendChild(elink);
  11325. elink.click();
  11326. document.body.removeChild(elink);
  11327. };
  11328. x.send();
  11329. },
  11330. downloadFile(url) {
  11331. let _this = this;
  11332. let _url = "";
  11333. if (
  11334. url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  11335. ) {
  11336. _url = url.split(
  11337. "https://view.officeapps.live.com/op/view.aspx?src="
  11338. )[1];
  11339. } else {
  11340. _url = url;
  11341. }
  11342. const x = new XMLHttpRequest();
  11343. x.open("GET", _url, true);
  11344. x.responseType = "blob";
  11345. const loading = _this.$loading.service({
  11346. background: "rgba(255, 255, 255, 0.7)",
  11347. target: document.body,
  11348. text: "文件加载中...",
  11349. });
  11350. // _this.$message.success("文件下载中...");
  11351. x.onload = function (e) {
  11352. loading.close();
  11353. // const url = window.URL.createObjectURL(x.response);
  11354. // const a = document.createElement("a");
  11355. // a.href = url;
  11356. // a.target = "_blank";
  11357. // a.download = url;
  11358. // a.click();
  11359. // a.remove();
  11360. let content = x.response;
  11361. let elink = document.createElement("a");
  11362. elink.download = decodeURI(
  11363. _url.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1]
  11364. );
  11365. elink.style.display = "none";
  11366. let blob = new Blob([content]);
  11367. elink.href = URL.createObjectURL(blob);
  11368. document.body.appendChild(elink);
  11369. elink.click();
  11370. document.body.removeChild(elink);
  11371. };
  11372. x.send();
  11373. },
  11374. openLine(url) {
  11375. window.open(url);
  11376. },
  11377. resize() {
  11378. if (document.getElementsByClassName("box_course").length) {
  11379. var a = document.getElementsByClassName("box_course")[0].offsetHeight;
  11380. // document.getElementsByClassName("vedioList")[0].style.height = a + "px";
  11381. document.getElementsByClassName("navBox")[0].style.height =
  11382. a - 40 + "px";
  11383. }
  11384. this.Stbodywidth =
  11385. document.getElementsByClassName("student_body").length &&
  11386. document.getElementsByClassName("student_body")[0].offsetWidth;
  11387. },
  11388. closeDraw() {
  11389. this.bg = null;
  11390. this.drawShow = false;
  11391. },
  11392. showPicturePaint(url) {
  11393. let params = {
  11394. img: url,
  11395. };
  11396. this.ajax
  11397. .get(this.$store.state.api + "imgToBase64", params)
  11398. .then((res) => {
  11399. console.log(res);
  11400. this.drawShow = true;
  11401. this.bg = res.data[0].img;
  11402. })
  11403. .catch((err) => {
  11404. console.error(err);
  11405. });
  11406. },
  11407. addImgDraw(base64) {
  11408. let file = { name: "批注图.png" };
  11409. let img = this.dataUrlToFile(base64, file);
  11410. this.beforeUpload1(img, 5);
  11411. },
  11412. addImgDrawImG(url) {
  11413. // console.log(url);
  11414. let params = [
  11415. {
  11416. wid: this.commentDetail.wid,
  11417. img: url,
  11418. },
  11419. ];
  11420. this.ajax
  11421. .post(this.$store.state.api + "updateCourseWorks", params)
  11422. .then((res) => {
  11423. this.$message({
  11424. message: "提交成功",
  11425. type: "success",
  11426. });
  11427. this.drawShow = false;
  11428. this.bg = "";
  11429. this.selectSWorks();
  11430. this.selectStudent();
  11431. })
  11432. .catch((err) => {
  11433. this.$message.error("提交失败");
  11434. console.error(err);
  11435. });
  11436. },
  11437. deletePicturePaint() {
  11438. this.$confirm("确定删除此批注吗?", "提示", {
  11439. confirmButtonText: "确定",
  11440. cancelButtonText: "取消",
  11441. type: "warning",
  11442. })
  11443. .then(() => {
  11444. let params = [
  11445. {
  11446. wid: this.commentDetail.wid,
  11447. img: "",
  11448. },
  11449. ];
  11450. this.ajax
  11451. .post(this.$store.state.api + "updateCourseWorks", params)
  11452. .then((res) => {
  11453. this.$message({
  11454. message: "删除成功",
  11455. type: "success",
  11456. });
  11457. this.selectSWorks();
  11458. this.selectStudent();
  11459. })
  11460. .catch((err) => {
  11461. this.$message.error("删除失败");
  11462. console.error(err);
  11463. });
  11464. })
  11465. .catch(() => { });
  11466. },
  11467. getAudioVideo(constraintsData) {
  11468. if (navigator.mediaDevices === undefined) {
  11469. navigator.mediaDevices = {};
  11470. }
  11471. if (navigator.mediaDevices.getUserMedia === undefined) {
  11472. navigator.mediaDevices.getUserMedia = function (constraints) {
  11473. // 首先,如果有getUserMedia的话,就获得它
  11474. var getUserMedia =
  11475. navigator.getUserMedia ||
  11476. navigator.webkitGetUserMedia ||
  11477. navigator.mozGetUserMedia ||
  11478. navigator.msGetUserMedia;
  11479. // 一些浏览器根本没实现它 - 那么就返回一个error到promise的reject来保持一个统一的接口
  11480. if (!getUserMedia) {
  11481. return Promise.reject({ code: 404 });
  11482. }
  11483. // 否则,为老的navigator.getUserMedia方法包裹一个Promise
  11484. return new Promise(function (resolve, reject) {
  11485. getUserMedia.call(navigator, constraints, resolve, reject);
  11486. });
  11487. };
  11488. }
  11489. return navigator.mediaDevices.getUserMedia(constraintsData);
  11490. },
  11491. /**
  11492. * 开始录制
  11493. */
  11494. startRecording(callback) {
  11495. let _function = (screenStream) => {
  11496. this.addStreamStopListener(screenStream, () => {
  11497. console.log("流停止监听");
  11498. this.stopRecording();
  11499. this.$emit("streamStop", {});
  11500. // this.stopRecording();
  11501. });
  11502. var options = {
  11503. type: "video",
  11504. mimeType: "video/webm",
  11505. disableLogs: false,
  11506. getNativeBlob: false, // enable it for longer recordings
  11507. ignoreMutedMedia: false,
  11508. };
  11509. // this.video.srcObject = screenStream;
  11510. this.recorder = RecordRTC(screenStream, options);
  11511. this.recorder.startRecording();
  11512. this.recorder.screen = screenStream;
  11513. this.videoStart = true;
  11514. // callback(true);
  11515. };
  11516. this.getAudioVideo({ audio: true })
  11517. .then((res) => {
  11518. this.captureScreen(_function, true);
  11519. console.log("已点击允许,开启成功");
  11520. })
  11521. .catch((err) => {
  11522. // console.log('浏览器不支持,请更换浏览器')
  11523. // } else {
  11524. this.captureScreen(_function, false);
  11525. console.log("请检查是否存在麦克风");
  11526. });
  11527. },
  11528. /**
  11529. * 停止录制
  11530. */
  11531. stopRecording(callback) {
  11532. this.recorder.stopRecording(() => {
  11533. // this.video.src = this.video.srcObject = null;
  11534. // this.video.src = URL.createObjectURL(this.recorder.getBlob());
  11535. const url = URL.createObjectURL(this.recorder.getBlob());
  11536. const a = document.createElement("a"); //this.fileName+
  11537. let videoFile = new File(
  11538. [this.recorder.getBlob()],
  11539. this.courseDetail.title + "录屏.mp4",
  11540. {
  11541. type: "video/mp4",
  11542. }
  11543. );
  11544. let downloadUrl = URL.createObjectURL(videoFile);
  11545. document.body.appendChild(a);
  11546. a.style.display = "none";
  11547. a.href = url;
  11548. a.download = this.courseDetail.title + "录屏.mp4"; //this.fileName +
  11549. a.click();
  11550. this.recorder.screen.stop();
  11551. this.recorder.destroy();
  11552. this.recorder = null;
  11553. this.videoStart = false;
  11554. // callback(false);
  11555. });
  11556. },
  11557. //初始化
  11558. captureScreen(callback, type) {
  11559. if (navigator.getDisplayMedia) {
  11560. //录制结束,文件下载
  11561. navigator
  11562. .getDisplayMedia({
  11563. video: true,
  11564. })
  11565. .then((screenStream) => {
  11566. if (type) {
  11567. navigator.mediaDevices
  11568. .getUserMedia({ audio: true })
  11569. .then((mic) => {
  11570. screenStream.addTrack(mic.getTracks()[0]);
  11571. callback(screenStream);
  11572. });
  11573. } else {
  11574. callback(screenStream);
  11575. }
  11576. })
  11577. .catch(function (error) {
  11578. console.log("error", error);
  11579. });
  11580. } else if (navigator.mediaDevices.getDisplayMedia) {
  11581. navigator.mediaDevices
  11582. .getDisplayMedia({
  11583. video: true,
  11584. })
  11585. .then((screenStream) => {
  11586. if (type) {
  11587. navigator.mediaDevices
  11588. .getUserMedia({ audio: true })
  11589. .then((mic) => {
  11590. screenStream.addTrack(mic.getTracks()[0]);
  11591. callback(screenStream);
  11592. });
  11593. } else {
  11594. callback(screenStream);
  11595. }
  11596. })
  11597. .catch(function (error) {
  11598. console.log("error", error);
  11599. });
  11600. } else {
  11601. var error = "getDisplayMedia API are not supported in this browser.";
  11602. console.log("error", error);
  11603. alert(error);
  11604. }
  11605. },
  11606. //流监听
  11607. addStreamStopListener(stream, callback) {
  11608. stream.addEventListener(
  11609. "ended",
  11610. function () {
  11611. callback();
  11612. callback = function () { };
  11613. },
  11614. false
  11615. );
  11616. stream.addEventListener(
  11617. "inactive",
  11618. function () {
  11619. callback();
  11620. callback = function () { };
  11621. },
  11622. false
  11623. );
  11624. stream.getTracks().forEach(function (track) {
  11625. track.addEventListener(
  11626. "ended",
  11627. function () {
  11628. callback();
  11629. callback = function () { };
  11630. },
  11631. false
  11632. );
  11633. track.addEventListener(
  11634. "inactive",
  11635. function () {
  11636. callback();
  11637. callback = function () { };
  11638. },
  11639. false
  11640. );
  11641. });
  11642. },
  11643. updateGroup() {
  11644. this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
  11645. this.dialogVisibleGroup2 = true;
  11646. },
  11647. updateGroupJson() {
  11648. for (var i = 0; i < this.groupStudentUid[this.toolindex].length; i++) {
  11649. if (
  11650. this.groupStudentUid[this.toolindex][i].length >
  11651. this.groupJson2.number
  11652. ) {
  11653. this.$message.error("已经有小组比你设置的人数多,请重新设置");
  11654. return;
  11655. }
  11656. }
  11657. this.groupJson = JSON.parse(JSON.stringify(this.groupJson2));
  11658. this.islock = this.groupJson.islock == 1 ? true : false;
  11659. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11660. this.taskCount
  11661. ].toolChoose[this.toolindex].groupJson = this.groupJson;
  11662. let params = [
  11663. {
  11664. cid: this.id,
  11665. chapters: JSON.stringify(this.chapInfoList),
  11666. uid: this.userid,
  11667. unitIndex: this.courseType,
  11668. },
  11669. ];
  11670. this.ajax
  11671. .post(this.$store.state.api + "updateWorkNew4", params)
  11672. .then((res) => {
  11673. this.$message.success("设置成功");
  11674. this.getCourseDetail(2);
  11675. this.dialogVisibleGroup2 = false;
  11676. this.groupJson2 = {};
  11677. this.$forceUpdate();
  11678. })
  11679. .catch((err) => {
  11680. this.$message.error("网络不佳");
  11681. console.error(err);
  11682. });
  11683. },
  11684. lockChair() {
  11685. this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
  11686. this.groupJson2.islock = this.groupJson2.islock == 1 ? 2 : 1;
  11687. this.updateGroupJson();
  11688. },
  11689. selectGroup(index) {
  11690. this.getCourseDetail(2, index);
  11691. },
  11692. joinGroup(index) {
  11693. if (this.groupJson.islock == 2) {
  11694. this.$message.error("位置已被锁定,无法加入");
  11695. return;
  11696. }
  11697. if (
  11698. this.groupStudent[this.toolindex][index].length >
  11699. this.groupJson.number ||
  11700. this.groupStudent[this.toolindex][index].length == this.groupJson.number
  11701. ) {
  11702. this.$message.error("位置已满,无法加入");
  11703. return;
  11704. }
  11705. let params = [
  11706. {
  11707. cid: this.id,
  11708. stage: this.courseType,
  11709. task: this.taskCount,
  11710. tool: this.toolindex,
  11711. g: index,
  11712. uid: this.userid,
  11713. },
  11714. ];
  11715. this.ajax
  11716. .post(this.$store.state.api + "joinGroup", params)
  11717. .then((res) => {
  11718. this.$message.success("加入成功");
  11719. this.getCourseDetail(2);
  11720. })
  11721. .catch((err) => {
  11722. this.$message.error("网络不佳");
  11723. console.error(err);
  11724. });
  11725. },
  11726. exitGroup(id) {
  11727. if (this.groupJson.islock == 2) {
  11728. this.$message.error("位置已被锁定,无法退出");
  11729. return;
  11730. }
  11731. let params = [
  11732. {
  11733. gid: id,
  11734. },
  11735. ];
  11736. this.ajax
  11737. .post(this.$store.state.api + "exitGroup", params)
  11738. .then((res) => {
  11739. this.$message.success("退出成功");
  11740. this.getCourseDetail(2);
  11741. })
  11742. .catch((err) => {
  11743. this.$message.error("网络不佳");
  11744. console.error(err);
  11745. });
  11746. },
  11747. groupUpload(index, task, gindex) {
  11748. this.taskCount = task;
  11749. this.toolindex = index;
  11750. this.groupIndex = gindex;
  11751. this.dialogVisibleGroupWork = true;
  11752. },
  11753. updateGroupChair(user) {
  11754. this.updateGroupArray = this.groupJson.group.filter((el, index) => {
  11755. el.label = index;
  11756. return index != user.group;
  11757. });
  11758. this.updateGroupUser = user;
  11759. this.dialogVisibleUpdateGroup = true;
  11760. },
  11761. updateChair() {
  11762. if (
  11763. this.groupStudent[this.toolindex][this.checkChair].length >
  11764. this.groupJson.number ||
  11765. this.groupStudent[this.toolindex][this.checkChair].length ==
  11766. this.groupJson.number
  11767. ) {
  11768. this.$message.error("位置已满,无法加入");
  11769. return;
  11770. }
  11771. let params = [
  11772. {
  11773. cid: this.id,
  11774. stage: this.courseType,
  11775. task: this.taskCount,
  11776. tool: this.toolindex,
  11777. g: this.checkChair,
  11778. uid: this.updateGroupUser.userid,
  11779. },
  11780. ];
  11781. this.ajax
  11782. .post(this.$store.state.api + "joinGroup", params)
  11783. .then((res) => {
  11784. this.$message.success("修改成功");
  11785. this.updateGroupUser = {};
  11786. this.checkChair = "";
  11787. this.updateGroupArray = {};
  11788. this.dialogVisibleUpdateGroup = false;
  11789. this.getCourseDetail(2);
  11790. })
  11791. .catch((err) => {
  11792. this.$message.error("网络不佳");
  11793. console.error(err);
  11794. });
  11795. },
  11796. deleteGroupChair(gindex) {
  11797. this.checkDeleteGroup = [];
  11798. this.deleteGroupUser = JSON.parse(
  11799. JSON.stringify(this.groupStudent[this.toolindex][gindex])
  11800. );
  11801. this.deleteGroupArray = this.groupJson.group[gindex];
  11802. this.groupIndex = gindex;
  11803. this.dialogVisibleDeleteGroup = true;
  11804. },
  11805. async deleteChair() {
  11806. for (let i = 0; i < this.checkDeleteGroup.length; i++) {
  11807. const gid =
  11808. this.groupStudent[this.toolindex][this.groupIndex][
  11809. this.groupStudentUid[this.toolindex][this.groupIndex].indexOf(
  11810. this.checkDeleteGroup[i]
  11811. )
  11812. ];
  11813. let params = [
  11814. {
  11815. gid: gid.id,
  11816. },
  11817. ];
  11818. var a = await this.deleteChairA(params);
  11819. if (i == this.checkDeleteGroup.length - 1) {
  11820. this.$message.success("退出成功");
  11821. this.dialogVisibleDeleteGroup = false;
  11822. this.deleteGroupUser = [];
  11823. this.deleteGroupArray = {};
  11824. this.groupIndex = "";
  11825. this.checkDeleteGroup = [];
  11826. this.getCourseDetail(2);
  11827. }
  11828. }
  11829. },
  11830. deleteChairA(params) {
  11831. return new Promise((resolve, reject) => {
  11832. this.ajax
  11833. .post(this.$store.state.api + "exitGroup", params)
  11834. .then((res) => {
  11835. resolve(1);
  11836. })
  11837. .catch((err) => {
  11838. this.$message.error("网络不佳");
  11839. console.error(err);
  11840. });
  11841. });
  11842. },
  11843. contract(i) {
  11844. if (this.isCloseList[i].isClose == 0) {
  11845. this.isCloseList[i].isClose = 1;
  11846. } else {
  11847. this.isCloseList[i].isClose = 0;
  11848. }
  11849. this.$forceUpdate();
  11850. },
  11851. },
  11852. directives: {
  11853. // 使用局部注册指令的方式
  11854. resize: {
  11855. // 指令的名称
  11856. bind(el, binding) {
  11857. // el为绑定的元素,binding为绑定给指令的对象
  11858. let width = "",
  11859. height = "";
  11860. function isReize() {
  11861. const style = document.defaultView.getComputedStyle(el);
  11862. if (width !== style.width || height !== style.height) {
  11863. binding.value(); // 关键
  11864. }
  11865. width = style.width;
  11866. height = style.height;
  11867. }
  11868. el.__vueSetInterval__ = setInterval(isReize, 300);
  11869. },
  11870. unbind(el) {
  11871. clearInterval(el.__vueSetInterval__);
  11872. },
  11873. },
  11874. },
  11875. beforeDestroy() {
  11876. window.onresize = null;
  11877. clearInterval(this.timer);
  11878. this.timer = null;
  11879. clearInterval(this.opertimer);
  11880. this.opertimer = null;
  11881. },
  11882. computed: {
  11883. contentConvent() {
  11884. return function (c) {
  11885. return c
  11886. ? c
  11887. .replaceAll(/\r\n/g, "<br/>")
  11888. .replaceAll(/\n/g, "<br/>")
  11889. .replaceAll(/\s/g, " &nbsp")
  11890. : "";
  11891. };
  11892. },
  11893. checkUpload() {
  11894. return function () {
  11895. var studentK = [];
  11896. if (this.plworkFile.length > 0) {
  11897. for (var z = 0; z < this.plworkFile.length; z++) {
  11898. studentK.push(this.plworkFile[z].username);
  11899. }
  11900. studentK = studentK.join(",");
  11901. }
  11902. var a = this.uploadStudentJuri.filter((el) => {
  11903. return studentK.indexOf(el.userid) == -1;
  11904. });
  11905. return a;
  11906. };
  11907. },
  11908. },
  11909. mounted() {
  11910. if (this.screenType == 2) {
  11911. window.parent.postMessage({ allScreen: 4 }, "*");
  11912. } else if (this.screenType == 3) {
  11913. window.parent.postMessage({ allScreen: 5 }, "*");
  11914. } else if (this.screenType == 1) {
  11915. window.parent.postMessage({ allScreen: 6 }, "*");
  11916. }
  11917. this.setOperationTime();
  11918. this.selectEva();
  11919. this.getCourseDetail();
  11920. this.selectCount();
  11921. this.getHomeWork();
  11922. this.contentDialog = true;
  11923. this.setContent2(true);
  11924. if (this.tType == 4) {
  11925. this.pzDialog = true;
  11926. this.selectPz();
  11927. }
  11928. document.scrollingElement.scrollTop = 0;
  11929. window.addEventListener("resize", () => {
  11930. var a = document.getElementsByClassName("box_course")[0].offsetHeight;
  11931. // document.getElementsByClassName("vedioList")[0].style.height = a + "px";
  11932. document.getElementsByClassName("navBox")[0].style.height = a - 40 + "px";
  11933. });
  11934. let _this = this;
  11935. setTimeout(() => {
  11936. // _this.vedioTime = [];
  11937. // for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
  11938. // _this.vedioTime[i] = document.getElementsByClassName(
  11939. // "vjs-duration-display"
  11940. // )[i].textContent;
  11941. // }
  11942. }, 1000);
  11943. },
  11944. };
  11945. </script>
  11946. <style scoped>
  11947. @media screen and (max-width: 1280px) {
  11948. /* .courseIndex > div:first-child(2) {
  11949. width: 15% !important;
  11950. } */
  11951. /* .navText {
  11952. width: 120px !important;
  11953. } */
  11954. .evaCss {
  11955. flex-direction: column !important;
  11956. align-items: center !important;
  11957. }
  11958. .dialog_diy1>>>.el-dialog {
  11959. width: 100% !important;
  11960. }
  11961. .rightWidthCss {
  11962. width: 100% !important;
  11963. }
  11964. .dialog_diy3>>>.el-dialog {
  11965. width: 100% !important;
  11966. }
  11967. /* .textTitle >>> .el-form-item__label {
  11968. width: 150px !important;
  11969. } */
  11970. }
  11971. .evaCssMax {
  11972. flex-direction: column !important;
  11973. align-items: center !important;
  11974. }
  11975. .dialog_diy>>>.el-dialog {
  11976. margin-top: 10vh !important;
  11977. }
  11978. .body_student {
  11979. width: 77%;
  11980. height: 100%;
  11981. position: absolute;
  11982. left: 22%;
  11983. top: 0;
  11984. }
  11985. .student_head {
  11986. width: 100%;
  11987. margin: 0 auto;
  11988. padding-bottom: 20px;
  11989. display: flex;
  11990. flex-direction: column;
  11991. flex-wrap: nowrap;
  11992. align-items: flex-start;
  11993. justify-content: flex-start;
  11994. }
  11995. .pb_left {
  11996. width: 20%;
  11997. margin-right: 10px;
  11998. background: rgb(255, 255, 255);
  11999. padding-right: 10px;
  12000. position: fixed;
  12001. height: 100%;
  12002. }
  12003. .wheel>img,
  12004. .project>img,
  12005. .star>img,
  12006. .evaluate>img,
  12007. .up_photo>img,
  12008. .chapter_add>img,
  12009. .deleteWord>img,
  12010. .question>img,
  12011. .homework>img {
  12012. width: 100%;
  12013. height: 100%;
  12014. }
  12015. .upCover>img {
  12016. width: 131px;
  12017. height: 69px;
  12018. object-fit: cover;
  12019. }
  12020. .upCover {
  12021. width: calc(100% / 3.5);
  12022. position: relative;
  12023. margin: 0 15px 10px 0;
  12024. display: flex;
  12025. flex-direction: column;
  12026. flex-wrap: nowrap;
  12027. justify-content: center;
  12028. align-content: center;
  12029. align-items: center;
  12030. height: fit-content;
  12031. }
  12032. .upCover2 {
  12033. width: 100%;
  12034. position: relative;
  12035. margin: 0 15px 10px 0;
  12036. display: flex;
  12037. flex-direction: column;
  12038. flex-wrap: nowrap;
  12039. justify-content: center;
  12040. align-content: center;
  12041. align-items: center;
  12042. }
  12043. .upCover2>img {
  12044. width: 100%;
  12045. height: 90px;
  12046. object-fit: contain;
  12047. }
  12048. .chapter_add {
  12049. width: 120px;
  12050. position: relative;
  12051. text-align: center;
  12052. }
  12053. .isAddThings {
  12054. margin-top: 20px;
  12055. position: relative;
  12056. text-align: center;
  12057. background: #f7f8fa;
  12058. height: 90px;
  12059. width: 90px;
  12060. display: flex;
  12061. flex-direction: column;
  12062. justify-content: center;
  12063. }
  12064. .deleteWord {
  12065. width: 22px;
  12066. height: 22px;
  12067. position: absolute;
  12068. right: -5px;
  12069. top: -5px;
  12070. cursor: pointer;
  12071. }
  12072. .box_course {
  12073. /* width: 60%; */
  12074. width: 81%;
  12075. }
  12076. .wheel {
  12077. width: 100%;
  12078. /* height: 100%; */
  12079. height: 650px;
  12080. }
  12081. .right_box {
  12082. display: flex;
  12083. flex-direction: column;
  12084. margin-left: 30px;
  12085. justify-content: space-around;
  12086. }
  12087. .right_box_title {
  12088. font-size: 23px;
  12089. }
  12090. .people {
  12091. display: flex;
  12092. }
  12093. .student_body {
  12094. width: 100%;
  12095. margin: 0 auto;
  12096. margin-top: 10px;
  12097. padding: 0 0 20px;
  12098. }
  12099. .study_top {
  12100. margin-top: 70px;
  12101. width: 100%;
  12102. /* overflow: auto; */
  12103. height: auto;
  12104. }
  12105. .study_top .checkbox {
  12106. display: flex;
  12107. align-items: center;
  12108. padding: 15px 0 15px 30px;
  12109. flex: 0 0 auto;
  12110. font-weight: bold;
  12111. border-bottom: 1px solid #eee;
  12112. }
  12113. .study_top .check {
  12114. padding-bottom: 5px;
  12115. text-align: center;
  12116. cursor: pointer;
  12117. height: 30px;
  12118. box-sizing: border-box;
  12119. display: flex;
  12120. }
  12121. .study_top .checked {
  12122. border-bottom: 4px solid #3fc6a0;
  12123. padding-bottom: 5px;
  12124. color: #3fc6a0;
  12125. display: flex;
  12126. height: 35px;
  12127. }
  12128. .study_top .checked>div,
  12129. .study_top .check>div {
  12130. margin-right: 5px;
  12131. }
  12132. .videoTop {
  12133. display: flex;
  12134. flex-direction: row;
  12135. justify-content: space-between;
  12136. background: #fff;
  12137. align-items: center;
  12138. width: 95%;
  12139. padding: 20px;
  12140. }
  12141. .upbtn {
  12142. margin: 25px;
  12143. background: #70afdb;
  12144. color: #fff;
  12145. width: 120px;
  12146. text-align: center;
  12147. height: 30px;
  12148. line-height: 30px;
  12149. font-size: 13px;
  12150. border-radius: 5px;
  12151. cursor: pointer;
  12152. }
  12153. .filebox {
  12154. display: flex;
  12155. flex-wrap: wrap;
  12156. flex-direction: column;
  12157. padding: 15px 0 5px;
  12158. }
  12159. .filebox .tooldetail {
  12160. width: 100%;
  12161. margin: 0px 12px;
  12162. background: rgb(247, 247, 247);
  12163. padding: 20px;
  12164. line-height: 30px;
  12165. word-break: break-word;
  12166. font-size: 18px;
  12167. }
  12168. .file {
  12169. display: flex;
  12170. flex-direction: column;
  12171. align-items: center;
  12172. justify-content: center;
  12173. cursor: pointer;
  12174. width: 200px;
  12175. }
  12176. .file div {
  12177. margin-top: 10px;
  12178. width: 150px;
  12179. text-align: center;
  12180. overflow: hidden;
  12181. white-space: nowrap;
  12182. text-overflow: ellipsis;
  12183. }
  12184. .media {
  12185. display: flex;
  12186. flex-direction: column;
  12187. align-items: center;
  12188. justify-content: center;
  12189. margin: 0 20px 20px 0;
  12190. cursor: pointer;
  12191. margin: 12px 0 5px 15px;
  12192. overflow: hidden;
  12193. box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%),
  12194. 0px 2px 1px -1px rgb(0 0 0 / 12%);
  12195. box-sizing: border-box;
  12196. }
  12197. .media img {
  12198. height: 90px;
  12199. width: 160px;
  12200. object-fit: cover;
  12201. }
  12202. .media .title {
  12203. padding: 5px;
  12204. text-align: left;
  12205. width: 100%;
  12206. box-sizing: border-box;
  12207. }
  12208. .media .btn {
  12209. width: 100%;
  12210. height: 35px;
  12211. line-height: 35px;
  12212. color: #fff;
  12213. background: #606060;
  12214. text-align: center;
  12215. overflow: hidden;
  12216. white-space: nowrap;
  12217. text-overflow: ellipsis;
  12218. }
  12219. .detail_content_top {
  12220. width: 100%;
  12221. padding: 25px 0 25px 0;
  12222. }
  12223. .detail_title {
  12224. text-align: center;
  12225. font-size: 24px;
  12226. }
  12227. .detail_time {
  12228. font-size: 13px;
  12229. padding: 15px 0 0 40px;
  12230. }
  12231. .detail_content {
  12232. line-height: 2pc;
  12233. width: 90%;
  12234. margin: 0 auto;
  12235. padding-top: 30px;
  12236. text-indent: 30px;
  12237. overflow: auto;
  12238. height: 200px;
  12239. }
  12240. .score_box>>>.el-rate {
  12241. margin-left: 10px;
  12242. }
  12243. .dialog_change>>>.el-dialog {
  12244. border-radius: 5px;
  12245. }
  12246. .dialog_change>>>.el-dialog__header {
  12247. background: #f2f2f2;
  12248. text-align: center;
  12249. }
  12250. .dialog_change>>>.el-dialog__title {
  12251. line-height: 5px;
  12252. }
  12253. .dialog_change>>>.el-dialog__body {
  12254. background: #fff;
  12255. padding: 10px 20px;
  12256. }
  12257. .score_box {
  12258. display: flex;
  12259. align-items: center;
  12260. margin-bottom: 18px;
  12261. margin-top: 20px;
  12262. }
  12263. .up_photo {
  12264. width: 120px;
  12265. cursor: pointer;
  12266. margin-top: 10px;
  12267. }
  12268. .up_photo2 {
  12269. width: 180px;
  12270. box-sizing: border-box;
  12271. min-width: 180px;
  12272. height: 180px;
  12273. max-height: 180px;
  12274. min-height: 180px;
  12275. cursor: pointer;
  12276. display: flex;
  12277. flex-direction: column;
  12278. align-items: center;
  12279. justify-content: center;
  12280. background: rgb(242, 246, 255);
  12281. /* padding: 25px; */
  12282. margin-bottom: 10px;
  12283. }
  12284. .up_photo2 img {
  12285. width: 50%;
  12286. height: auto;
  12287. }
  12288. .up_photo2 span {
  12289. color: #898989;
  12290. }
  12291. .plworkBox {
  12292. display: flex;
  12293. align-items: center;
  12294. margin-top: 10px;
  12295. flex-wrap: wrap;
  12296. }
  12297. .upload_send {
  12298. margin: 30px auto 30px;
  12299. width: 60%;
  12300. background: #169bd6;
  12301. text-align: center;
  12302. height: 35px;
  12303. line-height: 35px;
  12304. color: #fff;
  12305. border-radius: 5px;
  12306. cursor: pointer;
  12307. }
  12308. .marginT {
  12309. margin-top: 20px;
  12310. }
  12311. .cd_content_steps {
  12312. display: flex;
  12313. width: 90%;
  12314. justify-content: space-around;
  12315. border-top: 1px solid #eeeeee;
  12316. }
  12317. .cd_steps_box {
  12318. display: flex;
  12319. justify-content: center;
  12320. align-items: center;
  12321. flex-direction: column;
  12322. cursor: pointer;
  12323. }
  12324. .first {
  12325. display: flex;
  12326. align-items: center;
  12327. margin: 15px 0 20px 0;
  12328. font-size: 20px;
  12329. }
  12330. .first>div:nth-child(2) {
  12331. font-size: 16px !important;
  12332. padding-left: 10px;
  12333. line-height: 26px;
  12334. box-sizing: border-box;
  12335. }
  12336. .blue_box_one {
  12337. text-align: center;
  12338. color: #fff;
  12339. background-image: linear-gradient(90deg, #477cd7, #65b9fc);
  12340. border-radius: 7px;
  12341. margin: 10px;
  12342. cursor: pointer;
  12343. width: 95%;
  12344. height: 45px;
  12345. display: flex;
  12346. flex-direction: row;
  12347. justify-content: flex-start;
  12348. align-items: center;
  12349. }
  12350. .blue_box_one>div:nth-child(1) {
  12351. line-height: 30px;
  12352. margin: 0 5px 0 10px;
  12353. width: 30%;
  12354. min-width: 70px;
  12355. border-radius: 4px;
  12356. }
  12357. .blue_box_one>div:nth-child(2) {
  12358. white-space: nowrap;
  12359. text-overflow: ellipsis;
  12360. overflow: hidden;
  12361. word-break: break-all;
  12362. width: 70%;
  12363. text-align: left;
  12364. margin-right: 10px;
  12365. max-width: calc(100% - 85px);
  12366. }
  12367. .blue_box_one>div:nth-child(2):hover {
  12368. overflow: hidden;
  12369. text-overflow: ellipsis;
  12370. white-space: nowrap;
  12371. cursor: pointer;
  12372. }
  12373. .upFile {
  12374. margin: 0 auto;
  12375. width: 120px;
  12376. background: #70afdb;
  12377. color: #fff;
  12378. height: 30px;
  12379. text-align: center;
  12380. line-height: 30px;
  12381. border-radius: 5px;
  12382. font-size: 14px;
  12383. cursor: pointer;
  12384. }
  12385. .courseTitle {
  12386. background: #205cc6;
  12387. width: 85%;
  12388. margin: 10px auto;
  12389. color: #fff;
  12390. border-radius: 5px;
  12391. padding: 10px 10px;
  12392. display: flex;
  12393. flex-direction: row;
  12394. align-items: center;
  12395. justify-content: space-between;
  12396. text-align: center;
  12397. }
  12398. .courseTitle .ctitle {
  12399. font-weight: bold;
  12400. font-size: 20px;
  12401. white-space: nowrap;
  12402. overflow: hidden;
  12403. text-overflow: ellipsis;
  12404. }
  12405. .courseTitle .inviteBox {
  12406. font-size: 14px;
  12407. margin-top: 5px;
  12408. color: #a6cbff;
  12409. }
  12410. .courseTitle>>>.el-tooltip {
  12411. width: 100%;
  12412. white-space: nowrap;
  12413. overflow: hidden;
  12414. text-overflow: ellipsis;
  12415. word-break: break-word;
  12416. }
  12417. .ml {
  12418. margin-left: 20px;
  12419. color: #5b7dba;
  12420. border-left: 3px solid #5b7dba;
  12421. padding-left: 5px;
  12422. font-weight: bold;
  12423. }
  12424. .return {
  12425. width: 2rem;
  12426. height: 2rem;
  12427. cursor: pointer;
  12428. }
  12429. .return>img {
  12430. width: 100%;
  12431. height: 100%;
  12432. }
  12433. .returnBtn {
  12434. background: #499eef;
  12435. width: 65px;
  12436. height: 30px;
  12437. color: #fff;
  12438. text-align: center;
  12439. line-height: 32px;
  12440. margin-right: 20px;
  12441. cursor: pointer;
  12442. border-radius: 5px;
  12443. font-size: 14px;
  12444. }
  12445. .tool {
  12446. display: flex;
  12447. flex-direction: column;
  12448. flex-wrap: nowrap;
  12449. width: 13%;
  12450. margin: 0 30px;
  12451. align-items: center;
  12452. }
  12453. .whiteBIcon {
  12454. width: 150px;
  12455. cursor: pointer;
  12456. }
  12457. .whiteBIcon>img {
  12458. width: 100%;
  12459. height: 100%;
  12460. }
  12461. .mask {
  12462. background-color: rgba(0, 0, 0, 0);
  12463. position: fixed;
  12464. top: 0;
  12465. left: 0;
  12466. width: 100%;
  12467. height: 100%;
  12468. z-index: 20000;
  12469. display: flex;
  12470. align-items: center;
  12471. justify-content: center;
  12472. }
  12473. .progressBox {
  12474. width: 500px;
  12475. height: 180px;
  12476. background: #fff;
  12477. border-radius: 10px;
  12478. box-shadow: 0 0 6px 1px #bfbfbf;
  12479. display: flex;
  12480. align-items: center;
  12481. justify-content: center;
  12482. flex-direction: column;
  12483. position: relative;
  12484. color: #6c6c6c;
  12485. }
  12486. .progressBox>>>.el-progress-bar__outer {
  12487. background-color: #d1dfff !important;
  12488. }
  12489. .progressBox .lbox {
  12490. height: 50px;
  12491. font-size: 19px;
  12492. display: flex;
  12493. align-items: center;
  12494. color: #747474;
  12495. }
  12496. .progressBox .lbox img {
  12497. width: 40px;
  12498. margin-right: 20px;
  12499. }
  12500. .closeCss {
  12501. position: absolute;
  12502. top: 8px;
  12503. right: 8px;
  12504. cursor: pointer;
  12505. width: 20px;
  12506. height: 20px;
  12507. }
  12508. .closeCss>img {
  12509. width: 100%;
  12510. height: 100%;
  12511. }
  12512. .uploadVedio {
  12513. display: flex;
  12514. flex-direction: column;
  12515. flex-wrap: nowrap;
  12516. justify-content: center;
  12517. align-items: center;
  12518. margin: 0 15px 10px 0;
  12519. }
  12520. .uploadVedio>img {
  12521. width: 30px;
  12522. height: 30px;
  12523. }
  12524. .uploadVedio>span {
  12525. white-space: nowrap;
  12526. overflow: hidden;
  12527. text-overflow: ellipsis;
  12528. width: 75px;
  12529. margin-top: 7px;
  12530. }
  12531. .picName {
  12532. white-space: nowrap;
  12533. overflow: hidden;
  12534. text-overflow: ellipsis;
  12535. width: 75px;
  12536. margin-top: 7px;
  12537. }
  12538. .new_top {
  12539. display: flex;
  12540. background: #fff;
  12541. flex-direction: row;
  12542. justify-content: flex-start;
  12543. align-items: center;
  12544. height: 60px;
  12545. position: relative;
  12546. }
  12547. .before {
  12548. position: absolute;
  12549. background: #c3dad4;
  12550. width: 6px;
  12551. height: 100%;
  12552. }
  12553. .courseIndex {
  12554. display: flex;
  12555. flex-direction: row;
  12556. align-items: center;
  12557. width: calc(100% - 600px);
  12558. }
  12559. .courseIndex>div:nth-child(1) {
  12560. margin: 0 20px;
  12561. padding-left: 5px;
  12562. font-size: 24px;
  12563. min-width: 100px;
  12564. font-weight: bold;
  12565. border-left: 4px solid #3363b9;
  12566. height: 35px;
  12567. text-align: center;
  12568. line-height: 35px;
  12569. }
  12570. .courseIndex>div:nth-child(2) {
  12571. font-size: 23px;
  12572. /* width: 300px; */
  12573. max-width: calc(100% - 180px);
  12574. white-space: nowrap;
  12575. overflow: hidden;
  12576. text-overflow: ellipsis;
  12577. }
  12578. .courseIndex>div:nth-child(3) {
  12579. border-bottom: 1px solid #d7d7d7;
  12580. padding-bottom: 5px;
  12581. background: #49a0f0;
  12582. width: 55px;
  12583. min-width: 55px;
  12584. border-radius: 5px;
  12585. color: #fff;
  12586. text-align: center;
  12587. height: 20px;
  12588. line-height: 26px;
  12589. font-size: 14px;
  12590. margin: 0 0 0 10px;
  12591. }
  12592. .course_text {
  12593. padding: 20px 0 0 15px;
  12594. text-indent: 30px;
  12595. width: 80%;
  12596. min-height: 20px;
  12597. }
  12598. .vedioList {
  12599. background: #f2f2f2;
  12600. border: 1px solid #ececec;
  12601. /* width: 38.8%; */
  12602. width: 100%;
  12603. height: 445px;
  12604. border-radius: 10px;
  12605. overflow: hidden;
  12606. }
  12607. .vedioNav {
  12608. margin: 10px 0 0 15px;
  12609. border-bottom: 1px solid #d7d7d7;
  12610. padding-bottom: 5px;
  12611. background: #96d1ff;
  12612. width: 55px;
  12613. min-width: 55px;
  12614. border-radius: 5px;
  12615. color: #fff;
  12616. text-align: center;
  12617. height: 20px;
  12618. line-height: 26px;
  12619. font-size: 14px;
  12620. }
  12621. .queTop {
  12622. display: flex;
  12623. padding: 20px 0 20px 30px;
  12624. width: 100%;
  12625. flex-direction: row;
  12626. justify-content: flex-start;
  12627. align-items: center;
  12628. border-bottom: 1px solid #eeeeee;
  12629. box-sizing: border-box;
  12630. }
  12631. .question {
  12632. width: 40px;
  12633. margin-right: 10px;
  12634. margin-top: 7px;
  12635. }
  12636. .queTitle {
  12637. margin-left: 5px;
  12638. font-size: 25px;
  12639. display: flex;
  12640. align-items: center;
  12641. }
  12642. .addEditor {
  12643. width: 100px;
  12644. height: 30px;
  12645. background: #42cda6;
  12646. color: #fff;
  12647. border-radius: 5px;
  12648. text-align: center;
  12649. line-height: 30px;
  12650. box-shadow: 1px 3px 6px 1px #bfbfbf;
  12651. cursor: pointer;
  12652. }
  12653. .vedioName {
  12654. /* text-overflow: ellipsis;
  12655. top: 8px;
  12656. font-size: 14px;
  12657. overflow: hidden;
  12658. width: 100%;
  12659. word-break: break-all;
  12660. white-space: nowrap; */
  12661. cursor: pointer;
  12662. margin: 0px 0px 10px 5px;
  12663. white-space: nowrap;
  12664. overflow: hidden;
  12665. text-overflow: ellipsis;
  12666. width: 100%;
  12667. }
  12668. .vedioTime {
  12669. width: 35px;
  12670. position: absolute;
  12671. color: #fff;
  12672. bottom: 0px;
  12673. right: 0px;
  12674. text-align: center;
  12675. background: #46411f;
  12676. height: 20px;
  12677. font-size: 14px;
  12678. line-height: 20px;
  12679. }
  12680. .homework {
  12681. width: 200px;
  12682. display: flex;
  12683. flex-direction: column;
  12684. flex-wrap: nowrap;
  12685. align-items: center;
  12686. cursor: pointer;
  12687. }
  12688. .homebox {
  12689. display: flex;
  12690. flex-wrap: wrap;
  12691. flex-direction: row;
  12692. justify-content: flex-start;
  12693. align-items: center;
  12694. padding: 15px 0;
  12695. }
  12696. .isChooseActive {
  12697. color: #3e88f4;
  12698. border-bottom: 2px solid #2f80f3;
  12699. }
  12700. .chooseWho {
  12701. display: flex;
  12702. width: 100%;
  12703. flex-direction: row;
  12704. flex-wrap: nowrap;
  12705. justify-content: flex-start;
  12706. padding-bottom: 10px;
  12707. }
  12708. .chooseWho>div {
  12709. cursor: pointer;
  12710. padding-bottom: 10px;
  12711. margin: 0 30px;
  12712. }
  12713. .addPoint>div>img {
  12714. cursor: pointer;
  12715. margin: 0 10px;
  12716. width: 85px;
  12717. border-radius: 15px;
  12718. box-shadow: 0px 1px 8px 0px rgb(20 20 20 / 14%);
  12719. }
  12720. .addPoint>div {
  12721. display: flex;
  12722. flex-direction: column;
  12723. flex-wrap: nowrap;
  12724. align-items: center;
  12725. }
  12726. .isBorder>div {
  12727. margin: 0 0 10px 0;
  12728. align-items: flex-start !important;
  12729. }
  12730. .noiframeBox {
  12731. display: flex;
  12732. flex-wrap: wrap;
  12733. }
  12734. .iframeBox iframe {
  12735. width: 100%;
  12736. height: 800px;
  12737. border: none;
  12738. margin-bottom: 20px;
  12739. border: 1px solid #ccc;
  12740. }
  12741. .upload_toolBtn {
  12742. background: #6b92c9;
  12743. color: #fff;
  12744. width: 110px;
  12745. text-align: center;
  12746. height: 35px;
  12747. line-height: 35px;
  12748. font-size: 14px;
  12749. border-radius: 5px;
  12750. cursor: pointer;
  12751. position: absolute;
  12752. right: 10px;
  12753. bottom: 0;
  12754. }
  12755. .binfo_input,
  12756. .pj {
  12757. font: inherit;
  12758. color: currentColor;
  12759. width: 100%;
  12760. margin: 0;
  12761. padding: 15px 14px;
  12762. display: block;
  12763. min-width: 0;
  12764. outline: none;
  12765. box-sizing: content-box;
  12766. background: none;
  12767. -webkit-tap-highlight-color: transparent;
  12768. border: 1px solid rgba(0, 0, 0, 0.23);
  12769. border-radius: 4px;
  12770. box-sizing: border-box;
  12771. resize: none;
  12772. }
  12773. .binfo_input:focus-visible {
  12774. border: 1px solid rgba(61, 103, 188);
  12775. }
  12776. .dialog_diy>>>.el-dialog__header,
  12777. .dialog_diy1>>>.el-dialog__header {
  12778. background: #454545 !important;
  12779. padding: 15px 20px;
  12780. }
  12781. .dialog_diy>>>.el-dialog__title,
  12782. .dialog_diy1>>>.el-dialog__title {
  12783. color: #fff;
  12784. }
  12785. .dialog_diy>>>.el-dialog__headerbtn,
  12786. .dialog_diy1>>>.el-dialog__headerbtn {
  12787. top: 19px;
  12788. }
  12789. .dialog_diy>>>.el-dialog__headerbtn .el-dialog__close,
  12790. .dialog_diy1>>>.el-dialog__headerbtn .el-dialog__close {
  12791. color: #fff;
  12792. }
  12793. .dialog_diy>>>.el-dialog__headerbtn .el-dialog__close:hover,
  12794. .dialog_diy1>>>.el-dialog__headerbtn .el-dialog__close:hover {
  12795. color: #fff;
  12796. }
  12797. .dialog_diy1>>>.el-dialog__body {
  12798. padding: 0;
  12799. }
  12800. .dialog_diy>>>.el-dialog__body,
  12801. .dialog_diy>>>.el-dialog__footer,
  12802. .dialog_diy1>>>.el-dialog__footer {
  12803. background: #fafafa;
  12804. }
  12805. .a_addBox {
  12806. margin: 10px 0;
  12807. background: #fff;
  12808. padding: 15px;
  12809. }
  12810. .a_add_box {
  12811. border-bottom: 2px solid #eee;
  12812. padding-bottom: 10px;
  12813. }
  12814. .a_add_head {
  12815. display: flex;
  12816. align-items: flex-start;
  12817. /* justify-content: space-between; */
  12818. flex-direction: column;
  12819. /* flex-direction: row; */
  12820. margin: 10px 0 20px 0;
  12821. font-size: 18px;
  12822. width: 100%;
  12823. }
  12824. .a_add_head .a_add_head_input {
  12825. width: 300px;
  12826. }
  12827. .a_add_head .a_add_head_div {
  12828. display: flex;
  12829. align-items: center;
  12830. justify-content: space-between;
  12831. }
  12832. .a_add_body {
  12833. display: flex;
  12834. align-items: center;
  12835. }
  12836. .a_add_input {
  12837. display: flex;
  12838. align-items: center;
  12839. flex-wrap: wrap;
  12840. }
  12841. .a_add_input>>>el-radio-group {
  12842. margin: 10px 0;
  12843. }
  12844. .a_add_input>>>.el-radio,
  12845. .a_add_input>>>.el-checkbox {
  12846. margin-bottom: 10px;
  12847. display: flex;
  12848. flex-direction: row;
  12849. flex-wrap: nowrap;
  12850. align-items: center;
  12851. }
  12852. .redioStyle>>>.el-radio__label {
  12853. font-size: 18px;
  12854. }
  12855. .redioStyle>>>.el-checkbox__label {
  12856. font-size: 18px;
  12857. }
  12858. .toolHeng2 {
  12859. width: 100%;
  12860. }
  12861. .toolHeng {
  12862. display: flex;
  12863. flex-direction: row;
  12864. flex-wrap: wrap;
  12865. justify-content: flex-start;
  12866. align-items: center;
  12867. width: 100%;
  12868. }
  12869. .toolHeng>div {
  12870. padding-left: 20px;
  12871. }
  12872. .isWidth {
  12873. width: 20%;
  12874. }
  12875. .textTitle {
  12876. display: flex;
  12877. flex-direction: row;
  12878. flex-wrap: nowrap;
  12879. align-items: center;
  12880. width: 95%;
  12881. }
  12882. .textTitle>>>.el-form-item__label {
  12883. font-size: 22px;
  12884. color: #918f8f;
  12885. width: 100px;
  12886. }
  12887. .textTitle>>>.el-form-item__content {
  12888. width: calc(100% - 100px);
  12889. }
  12890. .textCss>>>.el-dialog {
  12891. width: 800px !important;
  12892. height: 400px;
  12893. background: #fafafa;
  12894. }
  12895. .textCss>>>.el-dialog__body {
  12896. margin: 55px 8% 0 8%;
  12897. padding: 0 !important;
  12898. }
  12899. .textCss>>>.el-dialog__footer {
  12900. padding-top: 38px;
  12901. }
  12902. .toolsCss>>>.el-dialog__body {
  12903. padding: 20px;
  12904. }
  12905. .lineCss>>>.el-dialog__body {
  12906. display: flex;
  12907. flex-direction: row;
  12908. align-items: center;
  12909. justify-content: center;
  12910. }
  12911. .newNav {
  12912. display: flex;
  12913. flex-direction: row;
  12914. align-items: baseline;
  12915. justify-content: flex-start;
  12916. }
  12917. .navText {
  12918. cursor: pointer;
  12919. margin: 0px 0px 10px 5px;
  12920. white-space: nowrap;
  12921. overflow: hidden;
  12922. text-overflow: ellipsis;
  12923. /* width: 300px; */
  12924. width: 100%;
  12925. }
  12926. .noVedio {
  12927. display: flex;
  12928. flex-direction: row;
  12929. justify-content: center;
  12930. align-content: center;
  12931. }
  12932. .noNavText {
  12933. cursor: pointer;
  12934. margin: 0px 0px 10px 5px;
  12935. width: 112px;
  12936. }
  12937. .listNoVedio {
  12938. margin: 0 0 0 30px;
  12939. width: 97%;
  12940. }
  12941. .video-player>>>.video-js {
  12942. height: 100%;
  12943. }
  12944. .hangVedioList {
  12945. width: 90% !important;
  12946. height: 150px !important;
  12947. margin: 20px 0 0 30px;
  12948. }
  12949. .hangVedio {
  12950. width: 100%;
  12951. height: 170px !important;
  12952. align-items: flex-start !important;
  12953. }
  12954. .hangHand {
  12955. height: 150px !important;
  12956. }
  12957. .twoChild {
  12958. width: 95%;
  12959. margin: 10px;
  12960. border-radius: 5px;
  12961. background: #f2f2f2;
  12962. display: flex;
  12963. flex-direction: column;
  12964. flex-wrap: nowrap;
  12965. justify-content: flex-start;
  12966. align-items: flex-start;
  12967. transition: all 0.5s;
  12968. overflow: hidden;
  12969. height: 0;
  12970. background: #e7f3ff;
  12971. }
  12972. .twoChild>div:nth-child(1) {
  12973. margin-top: 5px;
  12974. }
  12975. .navChild {
  12976. width: 100%;
  12977. cursor: pointer;
  12978. margin-bottom: 10px;
  12979. position: relative;
  12980. }
  12981. .navChild img {
  12982. position: absolute;
  12983. right: 11px;
  12984. width: 15px;
  12985. top: 50%;
  12986. transform: translateY(-50%);
  12987. }
  12988. .navActive {
  12989. height: auto;
  12990. }
  12991. .navTask {
  12992. display: flex;
  12993. flex-direction: row;
  12994. flex-wrap: nowrap;
  12995. align-items: center;
  12996. align-content: flex-start;
  12997. height: 40px;
  12998. justify-content: flex-start;
  12999. padding: 0 10px;
  13000. width: 100%;
  13001. box-sizing: border-box;
  13002. }
  13003. .navTaskname {
  13004. white-space: nowrap;
  13005. text-overflow: ellipsis;
  13006. overflow: hidden;
  13007. word-break: break-all;
  13008. padding-left: 5px;
  13009. }
  13010. .openTaskActive {
  13011. color: #4386e6;
  13012. }
  13013. .iframeName {
  13014. margin: 5px 0;
  13015. border-left: 4px solid #41c4a4;
  13016. padding-left: 4px;
  13017. }
  13018. .toolTitle {
  13019. margin: 0px 0px 20px;
  13020. font-size: 20px;
  13021. font-weight: 500;
  13022. border-left: 4px solid #41c4a4;
  13023. padding-left: 4px;
  13024. }
  13025. .cru_selectBox {
  13026. overflow: auto;
  13027. width: 96%;
  13028. margin: 0 auto;
  13029. height: calc(100% - 40px - 21px - 20px);
  13030. }
  13031. .cru_selectBox::-webkit-scrollbar,
  13032. .study_top::-webkit-scrollbar,
  13033. .textContent::-webkit-scrollbar {
  13034. /*滚动条整体样式*/
  13035. width: 6px;
  13036. /*高宽分别对应横竖滚动条的尺寸*/
  13037. height: 6px;
  13038. }
  13039. /*定义滚动条轨道 内阴影+圆角*/
  13040. .cru_selectBox::-webkit-scrollbar-track,
  13041. .study_top::-webkit-scrollbar-track,
  13042. .textContent::-webkit-scrollbar {
  13043. border-radius: 10px;
  13044. background-color: #b8bdc9;
  13045. }
  13046. /*定义滑块 内阴影+圆角*/
  13047. .cru_selectBox::-webkit-scrollbar-thumb,
  13048. .study_top::-webkit-scrollbar-thumb,
  13049. .textContent::-webkit-scrollbar-thumb {
  13050. border-radius: 10px;
  13051. -webkit-box-shadow: inset 0 0 6px rgb(96, 125, 184);
  13052. background-color: #2c5ab3;
  13053. }
  13054. .vedioBox {
  13055. border-radius: 20px;
  13056. background: #fff;
  13057. margin-bottom: 10px;
  13058. }
  13059. .taskBox {
  13060. margin: 15px auto 20px;
  13061. background: #f7f7f7;
  13062. width: 97%;
  13063. border-radius: 10px;
  13064. }
  13065. .vedioTaskBox {
  13066. width: 100%;
  13067. display: flex;
  13068. flex-direction: row;
  13069. flex-wrap: nowrap;
  13070. align-items: flex-start;
  13071. position: relative;
  13072. }
  13073. .toolBox {
  13074. padding: 20px 0 0 0;
  13075. display: flex;
  13076. }
  13077. .btnAll {
  13078. position: absolute;
  13079. right: 0;
  13080. display: flex;
  13081. flex-direction: row;
  13082. flex-wrap: nowrap;
  13083. align-items: center;
  13084. }
  13085. .vedioTimeBox {
  13086. display: flex;
  13087. flex-direction: row;
  13088. align-items: center;
  13089. flex-wrap: nowrap;
  13090. position: relative;
  13091. }
  13092. .navBox {
  13093. background: #fff;
  13094. height: calc(100% - 40px);
  13095. padding: 5px 1px 0;
  13096. overflow-y: auto;
  13097. overflow-x: hidden;
  13098. }
  13099. .worksBox {
  13100. padding: 5px 0 0 10px;
  13101. border-bottom: 1px solid #eeeeee;
  13102. }
  13103. .worksBTitle {
  13104. font-size: 20px;
  13105. padding-bottom: 15px;
  13106. border-bottom: 1px solid #eeeeee;
  13107. display: flex;
  13108. align-items: center;
  13109. }
  13110. .greenBox {
  13111. width: 5px;
  13112. height: 30px;
  13113. background: #63b6fa;
  13114. margin-right: 5px;
  13115. }
  13116. .worksDetailBox {
  13117. display: flex;
  13118. width: 100%;
  13119. flex-direction: row;
  13120. flex-wrap: wrap;
  13121. align-items: flex-end;
  13122. justify-content: flex-start;
  13123. padding: 15px 0;
  13124. }
  13125. .works {
  13126. display: flex;
  13127. flex-direction: column;
  13128. flex-wrap: nowrap;
  13129. align-items: flex-start;
  13130. justify-content: flex-start;
  13131. align-content: center;
  13132. max-width: 240px;
  13133. width: calc(100% / 3 - 10px);
  13134. height: auto;
  13135. margin-right: 10px;
  13136. margin-bottom: 10px;
  13137. overflow: hidden;
  13138. height: 140px;
  13139. box-shadow: 0 0 6px 1px #dfdada;
  13140. border-radius: 15px;
  13141. }
  13142. .workImg {
  13143. width: 100%;
  13144. /* height: calc(100% - 40px); */
  13145. height: 105px;
  13146. position: relative;
  13147. }
  13148. .workImg>img {
  13149. width: 100%;
  13150. height: 100%;
  13151. object-fit: contain;
  13152. cursor: pointer;
  13153. }
  13154. .worksName {
  13155. height: 40px;
  13156. line-height: 40px;
  13157. display: flex;
  13158. width: 100%;
  13159. flex-direction: row;
  13160. flex-wrap: nowrap;
  13161. justify-content: space-between;
  13162. align-items: center;
  13163. margin: 0 0 0 10px;
  13164. }
  13165. .worksName>div:nth-child(1) {
  13166. width: 110px;
  13167. white-space: nowrap;
  13168. overflow: hidden;
  13169. text-overflow: ellipsis;
  13170. }
  13171. .worksName>div:nth-child(2) {
  13172. color: #b7b4b5;
  13173. }
  13174. .noWorksS {
  13175. padding: 15px 0;
  13176. display: flex;
  13177. flex-direction: row;
  13178. flex-wrap: wrap;
  13179. align-items: center;
  13180. justify-content: flex-start;
  13181. }
  13182. .noWorksName,
  13183. .isWorksName {
  13184. background: #7cbcf1;
  13185. color: #fff;
  13186. width: 90px;
  13187. height: 25px;
  13188. text-align: center;
  13189. line-height: 25px;
  13190. border-radius: 5px;
  13191. margin: 10px 15px 10px 0;
  13192. white-space: nowrap;
  13193. overflow: hidden;
  13194. padding: 5px;
  13195. text-overflow: ellipsis;
  13196. cursor: pointer;
  13197. }
  13198. .isWorksName {
  13199. background: #46a1eb !important;
  13200. width: 100px;
  13201. height: 40px;
  13202. line-height: 40px;
  13203. position: relative;
  13204. }
  13205. .noWorksName:hover {
  13206. background: #46a1eb !important;
  13207. }
  13208. .title {
  13209. background: #1e5cc9;
  13210. /* width: 98%; */
  13211. height: 45px;
  13212. color: #fff;
  13213. line-height: 45px;
  13214. padding-left: 20px;
  13215. box-sizing: border-box;
  13216. }
  13217. .textBox {
  13218. font-size: 20px;
  13219. width: 90%;
  13220. display: flex;
  13221. flex-direction: column;
  13222. align-items: center;
  13223. margin: 20px auto 0;
  13224. max-height: 500px;
  13225. overflow: auto;
  13226. }
  13227. .textContent {
  13228. font-size: 18px;
  13229. width: 95%;
  13230. max-width: 95%;
  13231. }
  13232. .answerBg {
  13233. background: url("../assets/icon/answerBgNew.png") no-repeat;
  13234. background-size: 100% 100%;
  13235. width: 100%;
  13236. height: 100%;
  13237. color: #fff;
  13238. text-align: center;
  13239. display: flex;
  13240. flex-direction: column;
  13241. flex-wrap: nowrap;
  13242. align-items: center;
  13243. position: relative;
  13244. justify-content: center;
  13245. }
  13246. .answerBg>div:nth-child(1) {
  13247. /* font-size: 22px;
  13248. padding: 25px 0 10px; */
  13249. }
  13250. .answerContent {
  13251. width: 215px;
  13252. max-height: 60px;
  13253. word-break: break-all;
  13254. text-align: center;
  13255. /* white-space: nowrap; */
  13256. overflow: hidden;
  13257. text-overflow: ellipsis;
  13258. /* padding: 23px 0 0; */
  13259. -webkit-line-clamp: 3;
  13260. -webkit-box-orient: vertical;
  13261. display: -webkit-box;
  13262. font-size: 15px;
  13263. cursor: pointer;
  13264. }
  13265. .elist_input_box {
  13266. display: flex;
  13267. align-items: flex-start;
  13268. flex-wrap: nowrap;
  13269. padding: 10px 0 15px 30px;
  13270. flex-direction: column;
  13271. }
  13272. .elist_input {
  13273. /* width: 40%; */
  13274. width: 100%;
  13275. }
  13276. .elist_input .elist_input_box input {
  13277. font: inherit;
  13278. color: currentColor;
  13279. width: 200px;
  13280. padding: 8px 14px;
  13281. display: block;
  13282. min-width: 0;
  13283. outline: none;
  13284. border: 1px solid rgba(0, 0, 0, 0.23);
  13285. border-radius: 4px;
  13286. box-sizing: border-box;
  13287. background: #fff;
  13288. margin: 0 20px 0 0;
  13289. }
  13290. .elist_input .elist_input_box span {
  13291. height: 36px;
  13292. line-height: 36px;
  13293. color: rgb(82, 82, 82);
  13294. }
  13295. .elist_input .elist_input_box .remove {
  13296. height: 20px;
  13297. width: 20px;
  13298. background-size: 100% 100%;
  13299. background-position: unset;
  13300. margin-left: 5px;
  13301. }
  13302. .elist_input_box>>>.el-rate {
  13303. display: flex;
  13304. height: 36px;
  13305. align-items: center;
  13306. }
  13307. .elist_input_box .elist_inptu_text {
  13308. min-height: 50px;
  13309. /* width: 500px;
  13310. max-height: 150px; */
  13311. width: 100%;
  13312. line-height: 50px;
  13313. color: rgb(82, 82, 82);
  13314. overflow: auto;
  13315. text-indent: 5px;
  13316. background: #f7f6f9;
  13317. border-radius: 10px;
  13318. }
  13319. .elist_input_box .elist_inptu_text input {
  13320. width: 500px;
  13321. }
  13322. .elist_input_box>>>.el-rate__icon {
  13323. font-size: 24px;
  13324. }
  13325. .isClick {
  13326. background: #4d9def;
  13327. }
  13328. .bzBox {
  13329. display: flex;
  13330. flex-direction: row;
  13331. align-items: center;
  13332. }
  13333. .bzBox>div:nth-child(1) {
  13334. width: 4px;
  13335. height: 40px;
  13336. background-image: linear-gradient(180deg, #2c5cbd, #a1cff4);
  13337. }
  13338. .bzBox>div:nth-child(2) {
  13339. font-size: 23px;
  13340. font-weight: bold;
  13341. padding: 0px 0px 0 10px;
  13342. }
  13343. .navTitile {
  13344. padding: 0 0px 0 15px;
  13345. color: #fff;
  13346. height: 40px;
  13347. line-height: 40px;
  13348. }
  13349. .isTypeOne {
  13350. width: 240px;
  13351. height: 170px;
  13352. /* border: 1px solid #f8f8f8; */
  13353. border-radius: 10px;
  13354. box-shadow: 0 0 6px 1px #dfdada;
  13355. }
  13356. .e_add_top {
  13357. display: flex;
  13358. justify-content: space-between;
  13359. padding: 20px 20px 0 20px;
  13360. border-radius: 3px;
  13361. background: #fff;
  13362. }
  13363. .e_add_title2 {
  13364. display: flex;
  13365. align-items: center;
  13366. }
  13367. .e_add_title2 span {
  13368. width: 40px;
  13369. }
  13370. .e_add_title {
  13371. display: flex;
  13372. align-items: center;
  13373. color: #b8b8b8;
  13374. font-size: 18px;
  13375. position: relative;
  13376. height: 40px;
  13377. }
  13378. .e_add_title span {
  13379. margin-right: 10px;
  13380. }
  13381. .e_add_title .el_input {
  13382. width: 300px;
  13383. }
  13384. .e_add_title>>>.el-input__inner {
  13385. width: 400px;
  13386. }
  13387. .e_add_btn {}
  13388. .e_add_content {
  13389. display: flex;
  13390. width: 100%;
  13391. max-width: 650px;
  13392. height: 550px;
  13393. }
  13394. .e_add_list {
  13395. background: #fff;
  13396. height: 500px;
  13397. width: 210px;
  13398. position: relative;
  13399. margin: 15px 5px 0 0;
  13400. flex-shrink: 0;
  13401. display: flex;
  13402. flex-direction: column;
  13403. }
  13404. .e_add_list_title {
  13405. font-size: 20px;
  13406. width: 100%;
  13407. box-sizing: border-box;
  13408. padding: 15px 40px;
  13409. text-align: center;
  13410. border-bottom: 1px solid #eaeaea;
  13411. position: relative;
  13412. display: flex;
  13413. align-items: center;
  13414. justify-content: center;
  13415. height: 57px;
  13416. background: #f6f6f6;
  13417. }
  13418. .e_add_list_title span {
  13419. overflow: hidden;
  13420. white-space: nowrap;
  13421. text-overflow: ellipsis;
  13422. }
  13423. .e_add_list_title img {
  13424. position: absolute;
  13425. right: 15px;
  13426. width: 25px;
  13427. cursor: pointer;
  13428. top: 50%;
  13429. transform: translateY(-50%);
  13430. }
  13431. .e_add_list_body {
  13432. height: calc(100% - 187px);
  13433. overflow: auto;
  13434. }
  13435. .e_add_list_child {
  13436. width: 100%;
  13437. display: flex;
  13438. align-items: center;
  13439. justify-content: center;
  13440. position: relative;
  13441. box-sizing: border-box;
  13442. padding: 15px 40px;
  13443. text-align: center;
  13444. }
  13445. .e_add_list_child span {
  13446. overflow: hidden;
  13447. white-space: nowrap;
  13448. text-overflow: ellipsis;
  13449. cursor: pointer;
  13450. }
  13451. .e_add_list_child img {
  13452. position: absolute;
  13453. right: 10px;
  13454. width: 21px;
  13455. cursor: pointer;
  13456. top: 50%;
  13457. transform: translateY(-50%);
  13458. }
  13459. .e_add_list_child+.e_add_list_child {
  13460. border-top: 1px solid #eaeaea;
  13461. }
  13462. .e_add_list_child .active {
  13463. color: #409eff;
  13464. }
  13465. .e_add_list_btn {
  13466. position: absolute;
  13467. bottom: 0;
  13468. height: 50px;
  13469. background: rgb(120, 120, 254);
  13470. width: 100%;
  13471. color: #fff;
  13472. font-size: 16px;
  13473. text-align: center;
  13474. line-height: 50px;
  13475. cursor: pointer;
  13476. }
  13477. .e_add_list_detail {
  13478. position: absolute;
  13479. bottom: 0;
  13480. height: 130px;
  13481. background: rgb(120, 120, 254);
  13482. width: 100%;
  13483. color: #fff;
  13484. font-size: 16px;
  13485. display: flex;
  13486. align-items: center;
  13487. justify-content: center;
  13488. }
  13489. .e_add_list_detail textarea {
  13490. height: 90%;
  13491. width: 95%;
  13492. border: none;
  13493. resize: none;
  13494. outline: none;
  13495. padding: 5px;
  13496. box-sizing: border-box;
  13497. }
  13498. .e_add_list_pbox {
  13499. width: 100%;
  13500. max-width: 650px;
  13501. /* height: 600px; */
  13502. }
  13503. .e_add_list_pbox_title {
  13504. height: 50px;
  13505. background: #fff;
  13506. display: flex;
  13507. align-items: center;
  13508. width: 100%;
  13509. box-sizing: border-box;
  13510. padding: 0 20px;
  13511. }
  13512. .type_title {
  13513. font-size: 18px;
  13514. font-weight: 700;
  13515. }
  13516. .type_content {
  13517. font-size: 16px;
  13518. margin-left: 30px;
  13519. }
  13520. .type_content span+span {
  13521. margin-left: 20px;
  13522. }
  13523. .type_content span {
  13524. cursor: pointer;
  13525. padding-bottom: 5px;
  13526. box-sizing: border-box;
  13527. }
  13528. .type_content .active {
  13529. color: #409eff;
  13530. border-bottom: 2px solid #409eff;
  13531. }
  13532. .e_add_list_pbox_content {
  13533. height: calc(100% - 50px);
  13534. display: flex;
  13535. align-items: center;
  13536. width: 100%;
  13537. background: #fff;
  13538. }
  13539. .evaCss {
  13540. display: flex;
  13541. flex-direction: row;
  13542. flex-wrap: nowrap;
  13543. align-items: flex-start;
  13544. }
  13545. .cru_line {
  13546. position: absolute;
  13547. bottom: 0px;
  13548. transition: all 0.5s;
  13549. left: 0px;
  13550. width: 125px;
  13551. margin-left: -25px;
  13552. }
  13553. .isNoMessage {
  13554. width: 20%;
  13555. margin: 25% auto 0;
  13556. }
  13557. .isNoMessage>img {
  13558. width: 100%;
  13559. height: 100%;
  13560. }
  13561. .fullStyle>>>.el-dialog__body {
  13562. height: 100% !important;
  13563. }
  13564. .fullStyle>>>.el-dialog,
  13565. .fullStyle {
  13566. width: 100% !important;
  13567. max-width: 100% !important;
  13568. height: 100% !important;
  13569. margin: 0 !important;
  13570. }
  13571. .full_diy>>>.el-dialog {
  13572. margin: 0 !important;
  13573. height: 100%;
  13574. padding: 4px;
  13575. }
  13576. .full_diy>>>.el-dialog__body {
  13577. height: calc(100% - 100px);
  13578. }
  13579. .full_diy2>>>.el-dialog__body {
  13580. height: calc(100% - 50px);
  13581. padding: 0;
  13582. }
  13583. .switchCss {
  13584. /* width: 100%; */
  13585. display: flex;
  13586. flex-direction: row;
  13587. flex-wrap: nowrap;
  13588. align-items: center;
  13589. /* justify-content: center; */
  13590. }
  13591. .isClickNav {
  13592. color: #499eef;
  13593. }
  13594. .commentImg {
  13595. width: 25px;
  13596. height: 25px;
  13597. cursor: pointer;
  13598. }
  13599. .commentImg>img {
  13600. width: 100%;
  13601. height: 100%;
  13602. }
  13603. .comment {
  13604. background: #f9f9f9;
  13605. border-radius: 0 0 15px 15px;
  13606. display: flex;
  13607. flex-direction: row;
  13608. flex-wrap: nowrap;
  13609. align-items: center;
  13610. justify-content: flex-end;
  13611. height: 35px;
  13612. }
  13613. .commentList {
  13614. display: flex;
  13615. flex-direction: row;
  13616. flex-wrap: nowrap;
  13617. align-items: center;
  13618. justify-content: center;
  13619. align-content: center;
  13620. /* margin-left: 15px; */
  13621. /* margin-left: 8px; */
  13622. }
  13623. .scoreImg {
  13624. width: 17px;
  13625. height: 17px;
  13626. }
  13627. .studentDetail {
  13628. display: flex;
  13629. flex-direction: row;
  13630. flex-wrap: nowrap;
  13631. /* align-items: center; */
  13632. align-items: flex-start;
  13633. }
  13634. .tx {
  13635. width: 50px;
  13636. }
  13637. .tx>img {
  13638. width: 100%;
  13639. height: 100%;
  13640. }
  13641. .nameAndTime {
  13642. display: flex;
  13643. flex-direction: column;
  13644. flex-wrap: nowrap;
  13645. align-items: flex-start;
  13646. margin-left: 10px;
  13647. }
  13648. .worksAnswer {
  13649. color: #4078dd;
  13650. margin: 10px 0;
  13651. font-size: 16px;
  13652. position: relative;
  13653. }
  13654. .worksAnswer>img {
  13655. width: 500px;
  13656. height: 300px;
  13657. object-fit: contain;
  13658. margin: 0 auto;
  13659. display: block;
  13660. }
  13661. .commentTop {
  13662. border-bottom: 1px solid #eaeaea;
  13663. padding-bottom: 10px;
  13664. }
  13665. .commentBox {
  13666. padding-top: 15px;
  13667. }
  13668. .pl {
  13669. font-size: 18px;
  13670. }
  13671. .plPerson {
  13672. width: 100%;
  13673. }
  13674. .plName {
  13675. display: flex;
  13676. flex-direction: row;
  13677. flex-wrap: nowrap;
  13678. align-items: baseline;
  13679. color: #78787a;
  13680. width: 100%;
  13681. }
  13682. .deleteComment {
  13683. cursor: pointer;
  13684. margin-left: auto;
  13685. color: #237ade;
  13686. }
  13687. .plContent {
  13688. margin-top: 5px;
  13689. }
  13690. .evalCss {
  13691. background: #fff;
  13692. font-size: 18px;
  13693. }
  13694. .nav {
  13695. color: #9d9d9d;
  13696. padding: 5px 0 15px 20px;
  13697. }
  13698. .middleBox {
  13699. padding: 5px 0 15px 20px;
  13700. }
  13701. .pfBox {
  13702. padding-bottom: 30px;
  13703. }
  13704. .nameAndrate {
  13705. display: flex;
  13706. flex-direction: row;
  13707. flex-wrap: nowrap;
  13708. align-items: center;
  13709. padding-bottom: 10px;
  13710. height: 30px;
  13711. line-height: 30px;
  13712. }
  13713. .nameAndrate>div {
  13714. margin-left: 10px;
  13715. color: #000;
  13716. height: 30px;
  13717. }
  13718. .nameAndrate>>>.el-rate__icon {
  13719. font-size: 28px !important;
  13720. }
  13721. .pfBox>div:nth-child(2) {
  13722. background: #f7f6f9;
  13723. width: 400px;
  13724. min-height: 45px;
  13725. border-radius: 10px;
  13726. font-size: 16px;
  13727. display: flex;
  13728. flex-wrap: wrap;
  13729. align-items: center;
  13730. padding: 10px 20px;
  13731. box-sizing: border-box;
  13732. color: #000;
  13733. }
  13734. .bz {
  13735. display: flex;
  13736. flex-direction: row;
  13737. flex-wrap: nowrap;
  13738. align-items: flex-start;
  13739. }
  13740. .bz>div {
  13741. padding: 0 10px;
  13742. }
  13743. .select_box2_title {
  13744. background: #fff;
  13745. border-radius: 5px;
  13746. padding: 15px 10px;
  13747. box-sizing: border-box;
  13748. margin-bottom: 10px;
  13749. display: flex;
  13750. flex-direction: row;
  13751. flex-wrap: nowrap;
  13752. align-items: center;
  13753. }
  13754. .select_box2_title>div:nth-child(2) {
  13755. margin-left: 10px;
  13756. color: #c4c4c4;
  13757. }
  13758. .select_box2_box {
  13759. display: flex;
  13760. height: 500px;
  13761. }
  13762. .select_box2_img {
  13763. width: calc(100% - 310px);
  13764. height: 100%;
  13765. overflow: auto;
  13766. background: #fff;
  13767. border-radius: 5px;
  13768. }
  13769. .select_box2_img img {
  13770. width: 100%;
  13771. }
  13772. .select_box2_answer {
  13773. background: #fff;
  13774. margin-left: 10px;
  13775. border-radius: 5px;
  13776. width: 300px;
  13777. overflow: auto;
  13778. height: 90%;
  13779. display: flex;
  13780. flex-direction: column;
  13781. align-items: flex-start;
  13782. padding-top: 10px;
  13783. box-sizing: border-box;
  13784. position: relative;
  13785. }
  13786. .select_answer_title {
  13787. padding: 0 0 15px 20px;
  13788. color: #c4c4c4;
  13789. }
  13790. .select_box2_answer_box {
  13791. margin: 0 0 10px 20px;
  13792. width: 85%;
  13793. display: flex;
  13794. flex-direction: row;
  13795. flex-wrap: nowrap;
  13796. align-items: center;
  13797. }
  13798. .select_box2_answer_box>>>.el-input.is-disabled .el-input__inner {
  13799. color: #000;
  13800. }
  13801. .upAnswerCss {
  13802. position: absolute;
  13803. bottom: 15px;
  13804. right: 15px;
  13805. }
  13806. .upAnswerCss>>>.el-button {
  13807. width: 95px;
  13808. height: 35px;
  13809. line-height: 35px;
  13810. padding: 0;
  13811. }
  13812. .rightWidthCss {
  13813. width: 60%;
  13814. display: flex;
  13815. flex-direction: row;
  13816. align-items: flex-start;
  13817. }
  13818. .rightAnswer {
  13819. display: flex;
  13820. flex-direction: row;
  13821. flex-wrap: nowrap;
  13822. align-items: center;
  13823. color: red;
  13824. margin-bottom: 31px;
  13825. }
  13826. .rightAnswerCss {
  13827. display: flex;
  13828. flex-direction: column;
  13829. flex-wrap: nowrap;
  13830. padding-top: 60px;
  13831. }
  13832. .blueCss {
  13833. color: #767de1;
  13834. margin-left: 10px;
  13835. }
  13836. .redCss {
  13837. color: red;
  13838. }
  13839. .redioStyle>>>.el-radio__input.is-checked+.el-radio__label {
  13840. color: rgb(0 123 255) !important;
  13841. }
  13842. .redioStyle>>>.el-checkbox__input.is-checked+.el-checkbox__label {
  13843. color: rgb(0 123 255) !important;
  13844. }
  13845. .zuoyeYulan {
  13846. padding-top: 15px;
  13847. font-size: 18px;
  13848. display: flex;
  13849. align-items: flex-end;
  13850. }
  13851. .buttonA {
  13852. margin-left: 10px;
  13853. padding: 0;
  13854. }
  13855. .displayBox {
  13856. margin-bottom: 10px;
  13857. display: block;
  13858. border-bottom: 3px solid #eee;
  13859. display: flex;
  13860. align-items: center;
  13861. }
  13862. .easy_comment {
  13863. width: calc(100% - 90px);
  13864. margin-left: 10px;
  13865. display: flex;
  13866. flex-wrap: wrap;
  13867. }
  13868. .easy_comment>div {
  13869. border: 1px solid #4a4a4a;
  13870. color: #666;
  13871. border-radius: 15px;
  13872. padding: 5px 10px;
  13873. font-size: 16px;
  13874. margin-bottom: 10px;
  13875. margin-right: 5px;
  13876. cursor: pointer;
  13877. }
  13878. .easy_comment div:hover {
  13879. border: 1px solid #f7ba2a;
  13880. color: #c69217;
  13881. }
  13882. .xuan_right_box {
  13883. padding: 10px;
  13884. background: rgb(247, 247, 247);
  13885. margin: 10px 12px;
  13886. border-radius: 5px;
  13887. }
  13888. .tool_right_box {
  13889. display: flex;
  13890. align-items: center;
  13891. }
  13892. .tool_right_box+.tool_right_box {
  13893. margin-top: 10px;
  13894. }
  13895. .right_box_xuan {
  13896. background: rgb(0 123 255);
  13897. color: #fff;
  13898. border-radius: 5px;
  13899. padding: 5px;
  13900. margin-left: 10px;
  13901. }
  13902. .pButton:hover {
  13903. opacity: 1 !important;
  13904. }
  13905. .pButton {
  13906. position: fixed;
  13907. /* right: 5%; */
  13908. /* bottom: 5%; */
  13909. color: #fff;
  13910. /* width: 50px;
  13911. height: 50px; */
  13912. /* border-radius: 50%; */
  13913. text-align: center;
  13914. /* line-height: 50px; */
  13915. /* background-image: -webkit-linear-gradient(left, #72aaf4, #4d81d5); */
  13916. cursor: pointer;
  13917. z-index: 999;
  13918. right: 0;
  13919. top: 83px;
  13920. width: 50px;
  13921. height: 50px;
  13922. background: #fff;
  13923. display: flex;
  13924. align-items: center;
  13925. justify-content: center;
  13926. box-shadow: 0px 0 8px 2px #c5c5c5;
  13927. border-radius: 5px;
  13928. }
  13929. .pzClass {
  13930. width: calc(100% - 340px);
  13931. }
  13932. .newDialogCss {
  13933. /* position: fixed;
  13934. right: 5%;
  13935. top: 50%;
  13936. width: 340px;
  13937. transform: translateY(-50%);
  13938. height: 60%;
  13939. box-shadow: 0px 0 8px 0px #555555;
  13940. border-radius: 15px;
  13941. z-index: 999; */
  13942. position: fixed;
  13943. right: 0;
  13944. top: 70px;
  13945. width: 340px;
  13946. height: calc(100% - 80px);
  13947. z-index: 999;
  13948. background: #fff;
  13949. border-radius: 15px;
  13950. border-top-right-radius: 0px;
  13951. border-bottom-right-radius: 0px;
  13952. overflow: hidden;
  13953. }
  13954. .pzTop {
  13955. color: #fff;
  13956. background: #000;
  13957. display: flex;
  13958. flex-direction: row;
  13959. flex-wrap: nowrap;
  13960. align-items: center;
  13961. justify-content: space-between;
  13962. height: 40px;
  13963. border-radius: 15px 15px 0 0;
  13964. }
  13965. .pzTop2 .checkbox {
  13966. display: flex;
  13967. align-items: center;
  13968. padding: 15px 30px;
  13969. flex: 0 0 auto;
  13970. font-weight: bold;
  13971. border-bottom: 1px solid #eee;
  13972. justify-content: space-between;
  13973. }
  13974. .pzTop2 .check {
  13975. text-align: center;
  13976. cursor: pointer;
  13977. box-sizing: border-box;
  13978. display: flex;
  13979. }
  13980. .pzTop2 img {
  13981. width: 25px;
  13982. cursor: pointer;
  13983. }
  13984. .pzTop>div:nth-child(1) {
  13985. padding-left: 10px;
  13986. }
  13987. .pzTop>div:nth-child(2) {
  13988. width: 15px;
  13989. height: 15px;
  13990. padding-right: 10px;
  13991. cursor: pointer;
  13992. }
  13993. .pzTop>div:nth-child(2)>img {
  13994. width: 100%;
  13995. height: 100%;
  13996. }
  13997. .pzBox,
  13998. .noPzBox {
  13999. height: calc(100% - 60px);
  14000. /* background: #ededed; */
  14001. background: #fff;
  14002. /* border-radius: 0 0 15px 15px; */
  14003. }
  14004. .noPzBox {
  14005. display: flex;
  14006. flex-direction: column;
  14007. flex-wrap: nowrap;
  14008. justify-content: center;
  14009. align-items: center;
  14010. }
  14011. .pzList {
  14012. background: #f7f7f7;
  14013. width: 90%;
  14014. margin: 0 auto 15px;
  14015. border-radius: 5px;
  14016. }
  14017. .pzNavTop {
  14018. display: flex;
  14019. flex-direction: row;
  14020. flex-wrap: nowrap;
  14021. padding: 10px 10px 0 10px;
  14022. align-items: center;
  14023. }
  14024. .pzDelete {
  14025. cursor: pointer;
  14026. margin-left: auto;
  14027. font-size: 14px;
  14028. color: #afafaf;
  14029. }
  14030. .pzNavTop>div:nth-child(1) {
  14031. background: #3760af;
  14032. width: 35px;
  14033. height: 35px;
  14034. color: #fff;
  14035. text-align: center;
  14036. line-height: 35px;
  14037. border-radius: 50%;
  14038. font-size: 14px;
  14039. }
  14040. .pzNavTop>div:nth-child(2) {
  14041. font-size: 18px;
  14042. color: #959595;
  14043. margin-left: 5px;
  14044. }
  14045. .pzContent {
  14046. padding: 10px;
  14047. word-break: break-word;
  14048. }
  14049. .pzContent audio {
  14050. width: 100%;
  14051. }
  14052. .pzContent audio::-webkit-media-controls-panel {
  14053. background: #fff;
  14054. }
  14055. .pzListBox {
  14056. padding-top: 15px;
  14057. height: calc(100% - 60px);
  14058. overflow: auto;
  14059. }
  14060. .addPzButton {
  14061. position: relative;
  14062. margin-top: 3px;
  14063. width: 100%;
  14064. }
  14065. .addPzButton .img1 {
  14066. position: absolute;
  14067. top: 50%;
  14068. right: 25px;
  14069. transform: translateY(-50%);
  14070. height: 100%;
  14071. display: flex;
  14072. align-items: center;
  14073. }
  14074. .addPzButton .img1 div {
  14075. display: flex;
  14076. }
  14077. .addPzButton .img1 div img {
  14078. width: 28px;
  14079. margin-left: 10px;
  14080. cursor: pointer;
  14081. }
  14082. .addPzButton .img1 div span {
  14083. font-size: 14px;
  14084. margin: 4px 0 0 3px;
  14085. color: #afafaf;
  14086. }
  14087. .addPz {
  14088. background: #4b79ce;
  14089. width: 100px;
  14090. color: #fff;
  14091. font-size: 12px;
  14092. height: 30px;
  14093. margin: 0 auto;
  14094. text-align: center;
  14095. line-height: 30px;
  14096. border-radius: 10px;
  14097. cursor: pointer;
  14098. }
  14099. .addDialogCss {
  14100. position: fixed;
  14101. right: 37%;
  14102. top: 50%;
  14103. width: 600px;
  14104. transform: translateY(-50%);
  14105. height: 70%;
  14106. min-height: 450px;
  14107. box-shadow: 0px 0 8px 0px #555555;
  14108. border-radius: 15px;
  14109. z-index: 999;
  14110. }
  14111. .teacherPz {
  14112. display: flex;
  14113. flex-direction: row;
  14114. align-items: center;
  14115. flex-wrap: nowrap;
  14116. }
  14117. .teacherPzImg {
  14118. width: 30px;
  14119. height: 30px;
  14120. }
  14121. .teacherPzImg>img {
  14122. width: 100%;
  14123. height: 100%;
  14124. }
  14125. .addPzBox {
  14126. height: calc(100% - 40px);
  14127. background: #ededed;
  14128. }
  14129. .pzAudioClass {
  14130. margin: 15px 14px;
  14131. background: #fff;
  14132. height: 100%;
  14133. display: flex;
  14134. justify-content: center;
  14135. align-items: center;
  14136. }
  14137. .pzConText {
  14138. width: 95%;
  14139. height: 100%;
  14140. margin: 10px auto 0;
  14141. border: none;
  14142. background: #fff;
  14143. border-radius: 0px;
  14144. }
  14145. .pzConText>>>.text {
  14146. height: calc(100% - 82px);
  14147. }
  14148. .addTextCss {
  14149. background: #4b79ce;
  14150. width: 80px;
  14151. height: 30px;
  14152. text-align: center;
  14153. color: #fff;
  14154. line-height: 30px;
  14155. border-radius: 10px;
  14156. margin: 10px auto 0;
  14157. cursor: pointer;
  14158. }
  14159. .pzConText:focus-visible {
  14160. border: none !important;
  14161. }
  14162. .maxWidth {
  14163. width: 1000px;
  14164. }
  14165. .noPz {
  14166. width: 150px;
  14167. margin: 0 auto 20%;
  14168. }
  14169. .noPz>img {
  14170. width: 100%;
  14171. height: 100%;
  14172. }
  14173. .pzList .time {
  14174. text-align: right;
  14175. box-sizing: border-box;
  14176. padding: 0 10px 10px 0px;
  14177. color: #949494;
  14178. font-size: 14px;
  14179. }
  14180. /* table 样式 */
  14181. .cont>>>table {
  14182. border-top: 1px solid #ccc;
  14183. border-left: 1px solid #ccc;
  14184. }
  14185. .cont>>>table td,
  14186. .cont>>>table th {
  14187. border-bottom: 1px solid #ccc;
  14188. border-right: 1px solid #ccc;
  14189. /* padding: 20px 5px; */
  14190. padding: 5px 10px;
  14191. max-width: 0px;
  14192. height: 30px;
  14193. vertical-align: baseline;
  14194. box-sizing: border-box;
  14195. }
  14196. .cont>>>table th {
  14197. border-bottom: 2px solid #ccc;
  14198. text-align: center;
  14199. }
  14200. /* blockquote 样式 */
  14201. .cont>>>blockquote {
  14202. display: block;
  14203. border-left: 8px solid #d0e5f2;
  14204. padding: 5px 10px;
  14205. margin: 10px 0;
  14206. line-height: 1.4;
  14207. font-size: 100%;
  14208. background-color: #f1f1f1;
  14209. }
  14210. /* code 样式 */
  14211. .cont>>>code {
  14212. display: inline-block;
  14213. *display: inline;
  14214. *zoom: 1;
  14215. background-color: #f1f1f1;
  14216. border-radius: 3px;
  14217. padding: 3px 5px;
  14218. margin: 0 3px;
  14219. }
  14220. .cont>>>pre code {
  14221. display: block;
  14222. }
  14223. /* ul ol 样式 */
  14224. .cont>>>ul,
  14225. ol {
  14226. margin: 10px 0 10px 20px;
  14227. }
  14228. .addPzCheck {
  14229. display: flex;
  14230. flex-direction: row;
  14231. flex-wrap: nowrap;
  14232. padding: 10px 15px 0;
  14233. }
  14234. .addPzCheck span {
  14235. cursor: pointer;
  14236. padding-bottom: 5px;
  14237. font-weight: bold;
  14238. }
  14239. .addPzCheck span+span {
  14240. margin-left: 10px;
  14241. }
  14242. .addPzCheck .isChooseActive {
  14243. color: #3e88f4;
  14244. border-bottom: 2px solid #2f80f3;
  14245. }
  14246. /* code 样式 */
  14247. .cont {
  14248. /* -webkit-user-modify: read-write; */
  14249. overflow-wrap: break-word;
  14250. -webkit-line-break: after-white-space;
  14251. }
  14252. .scoreBox,
  14253. .scoreDetailBox {
  14254. display: flex;
  14255. align-items: center;
  14256. justify-content: flex-start;
  14257. margin-top: 20px;
  14258. font-size: 18px;
  14259. width: 100%;
  14260. }
  14261. .scoreBox .t,
  14262. .scoreDetailBox .t {
  14263. margin-right: 10px;
  14264. width: 100px;
  14265. text-align: right;
  14266. }
  14267. .scoreDetailBox {
  14268. align-items: flex-start;
  14269. }
  14270. .scoreDetailBox>>>.el-textarea {
  14271. width: calc(100% - 200px);
  14272. }
  14273. .scoreBox>>>.el-input {
  14274. width: 130px;
  14275. font-size: 38px;
  14276. }
  14277. .scoreBox>>>.el-input__inner {
  14278. height: 60px;
  14279. }
  14280. .answerScore {
  14281. position: absolute;
  14282. top: 10px;
  14283. right: 10px;
  14284. background: #0000008f;
  14285. border-radius: 5px;
  14286. padding: 3px 5px;
  14287. font-size: 14px;
  14288. color: #fff;
  14289. cursor: pointer;
  14290. }
  14291. .open_box .switch_box {
  14292. width: 100%;
  14293. margin: 0 auto;
  14294. display: flex;
  14295. justify-content: space-between;
  14296. }
  14297. .open_box .switch_box+.switch_box {
  14298. margin-top: 10px;
  14299. }
  14300. .deleteImg {
  14301. width: 25px !important;
  14302. height: 25px !important;
  14303. cursor: pointer;
  14304. position: absolute;
  14305. top: 10px;
  14306. right: 10px;
  14307. }
  14308. .deleteImg2 {
  14309. width: 15px !important;
  14310. height: 15px !important;
  14311. top: 5px;
  14312. right: 5px;
  14313. }
  14314. .rightW {
  14315. right: 40px;
  14316. }
  14317. .drawPBox {
  14318. display: flex;
  14319. flex-direction: column;
  14320. position: relative;
  14321. }
  14322. .drawPBox span {
  14323. font-size: 18px;
  14324. color: #606266;
  14325. padding-bottom: 10px;
  14326. margin: 10px 0;
  14327. border-bottom: 1px solid #eaeaea;
  14328. }
  14329. .drawPBox img {
  14330. width: 500px;
  14331. height: 300px;
  14332. object-fit: contain;
  14333. cursor: pointer;
  14334. margin: 0 auto;
  14335. }
  14336. .sentenBox {
  14337. background: #fff;
  14338. height: 450px;
  14339. overflow: auto;
  14340. background-image: url("../assets/icon/conSentences/stuBg.png");
  14341. background-position: 102%;
  14342. background-repeat: no-repeat;
  14343. background-size: 60%;
  14344. }
  14345. .addSen {
  14346. background: #409efe;
  14347. width: 90px;
  14348. color: #fff;
  14349. height: 35px;
  14350. text-align: center;
  14351. line-height: 35px;
  14352. border-radius: 5px;
  14353. float: right;
  14354. margin: 10px 20px 0 0;
  14355. cursor: pointer;
  14356. }
  14357. .sentenTop {
  14358. display: flex;
  14359. flex-direction: row;
  14360. flex-wrap: nowrap;
  14361. align-items: center;
  14362. padding: 55px 0 0 20px;
  14363. box-sizing: border-box;
  14364. }
  14365. .sentenTop>div:nth-child(2) {
  14366. width: 300px;
  14367. margin: 0 15px;
  14368. }
  14369. .sentenTop>div:nth-child(3) {
  14370. background: #409efe;
  14371. color: #fff;
  14372. width: 65px;
  14373. height: 35px;
  14374. text-align: center;
  14375. line-height: 35px;
  14376. border-radius: 5px;
  14377. cursor: pointer;
  14378. }
  14379. .cardList,
  14380. .cardList1 {
  14381. padding: 10px 0 10px 0;
  14382. display: flex;
  14383. flex-direction: row;
  14384. flex-wrap: wrap;
  14385. align-items: center;
  14386. box-sizing: border-box;
  14387. border-bottom: 1px solid #f4f4f4;
  14388. width: 98%;
  14389. margin: 0 auto;
  14390. min-width: 60%;
  14391. max-width: 85%;
  14392. }
  14393. .cardList1 {
  14394. padding: 10px 0 10px 10px !important;
  14395. margin: 0 !important;
  14396. }
  14397. .cardBox {
  14398. display: flex;
  14399. flex-direction: row;
  14400. flex-wrap: wrap;
  14401. align-items: center;
  14402. align-content: center;
  14403. }
  14404. .cardBox>div {
  14405. margin-bottom: 10px;
  14406. }
  14407. .isCard,
  14408. .isChooseCard,
  14409. .noCard,
  14410. .isCard1 {
  14411. width: 130px;
  14412. height: 60px;
  14413. text-align: center;
  14414. line-height: 60px;
  14415. font-size: 20px;
  14416. cursor: pointer;
  14417. background-image: url("../assets/icon/conSentences/titleBorder.png");
  14418. background-size: cover;
  14419. transition: all 2s;
  14420. margin-right: 20px;
  14421. }
  14422. .isCard>div,
  14423. .noCard>div,
  14424. .isCard1>div {
  14425. white-space: nowrap;
  14426. overflow: hidden;
  14427. text-overflow: ellipsis;
  14428. width: 75%;
  14429. margin: 0 auto;
  14430. }
  14431. .noCard {
  14432. background-image: none;
  14433. }
  14434. .isCard1 {
  14435. background-image: url("../assets/icon/conSentences/answerBorder.png");
  14436. }
  14437. .isChooseCard {
  14438. background-image: none;
  14439. border: 1px dashed #b9b9b9;
  14440. border-radius: 10px;
  14441. }
  14442. .card {
  14443. width: 130px;
  14444. height: 60px;
  14445. }
  14446. .card>img {
  14447. width: 100%;
  14448. height: 100%;
  14449. }
  14450. .rightCardBox {
  14451. margin: 10px 0 0 10px;
  14452. }
  14453. .rightCardBox>div:nth-child(1) {
  14454. margin-bottom: 10px;
  14455. }
  14456. .cardCss {
  14457. display: flex;
  14458. flex-direction: column;
  14459. flex-wrap: nowrap;
  14460. align-items: center;
  14461. border-bottom: 3px solid #b4c3d3;
  14462. padding: 0 0 5px 0;
  14463. margin-right: 10px;
  14464. }
  14465. .cardCss>div:nth-child(2) {
  14466. background: #5b7b9d;
  14467. color: #fff;
  14468. width: 20px;
  14469. height: 20px;
  14470. border-radius: 50%;
  14471. text-align: center;
  14472. line-height: 20px;
  14473. }
  14474. .isWrong {
  14475. display: flex;
  14476. flex-direction: row;
  14477. flex-wrap: nowrap;
  14478. align-content: center;
  14479. align-items: center;
  14480. }
  14481. .answerRight {
  14482. width: 25%;
  14483. }
  14484. .isTj {
  14485. display: flex;
  14486. flex-direction: row;
  14487. flex-wrap: nowrap;
  14488. align-items: center;
  14489. }
  14490. .isTj>div:nth-child(2) {
  14491. color: #727070;
  14492. margin-left: 10px;
  14493. }
  14494. .isTjImg {
  14495. width: 30px;
  14496. height: 30px;
  14497. }
  14498. .isTjImg>img {
  14499. width: 100%;
  14500. height: 100%;
  14501. }
  14502. .cardAnswerBox {
  14503. font-size: 18px;
  14504. width: 97%;
  14505. border: 5px;
  14506. padding: 0;
  14507. border-radius: 5px;
  14508. margin: 10px auto;
  14509. word-break: break-word;
  14510. }
  14511. .w_name {
  14512. margin-bottom: 10px;
  14513. }
  14514. .w_name span {
  14515. font-size: 16px;
  14516. }
  14517. .w_teachert {
  14518. width: 50px !important;
  14519. position: absolute;
  14520. height: auto !important;
  14521. z-index: 10;
  14522. right: 25px;
  14523. top: -25px;
  14524. }
  14525. .group_workBox {}
  14526. .group_workBox+.group_workBox {
  14527. margin-top: 20px;
  14528. }
  14529. .group_box {
  14530. padding-bottom: 20px;
  14531. border-bottom: 2px solid #f0f0f0;
  14532. }
  14533. .group_title {
  14534. display: flex;
  14535. align-items: center;
  14536. justify-content: space-between;
  14537. }
  14538. .group_name {
  14539. background-image: url(../assets/icon/groupN.png);
  14540. width: 220px;
  14541. background-size: 100% 100%;
  14542. height: 67px;
  14543. padding: 0 20px 0 43px;
  14544. box-sizing: border-box;
  14545. line-height: 63px;
  14546. color: #fff;
  14547. overflow: hidden;
  14548. white-space: nowrap;
  14549. text-overflow: ellipsis;
  14550. }
  14551. .group_work {
  14552. width: 100%;
  14553. padding: 0 10px;
  14554. box-sizing: border-box;
  14555. display: flex;
  14556. flex-wrap: wrap;
  14557. }
  14558. .g_d_box {
  14559. display: flex;
  14560. flex-flow: wrap;
  14561. justify-content: space-around;
  14562. }
  14563. .g_d_box .isChair {
  14564. background-image: url(../assets/avatar.png) !important;
  14565. }
  14566. .g_d_group {
  14567. width: 500px;
  14568. margin-bottom: 80px;
  14569. }
  14570. .g_d_group_chair {
  14571. display: flex;
  14572. align-items: center;
  14573. justify-content: center;
  14574. }
  14575. .g_d_group_chair>div+div {
  14576. margin-left: 30px;
  14577. }
  14578. .g_d_group_chair>div,
  14579. .g_d_group_chair2>div {
  14580. display: flex;
  14581. flex-direction: column;
  14582. align-items: center;
  14583. }
  14584. .g_d_group_chair>div>span:nth-child(1),
  14585. .g_d_group_chair2>div>span:nth-child(1) {
  14586. background-image: url(../assets/icon/chair.png);
  14587. width: 50px;
  14588. height: 50px;
  14589. display: block;
  14590. background-size: 100% 100%;
  14591. }
  14592. .g_d_group_tableBox {
  14593. display: flex;
  14594. align-items: center;
  14595. justify-content: center;
  14596. }
  14597. .g_d_group_chair2 {
  14598. display: flex;
  14599. flex-direction: column;
  14600. align-items: center;
  14601. justify-content: center;
  14602. }
  14603. .g_d_group_chair2>div+div {
  14604. margin-top: 10px;
  14605. }
  14606. .g_d_group_table {
  14607. background-image: url(../assets/icon/groupBg.png);
  14608. width: 354px;
  14609. height: 196px;
  14610. background-size: 100% 100%;
  14611. display: flex;
  14612. align-items: center;
  14613. justify-content: center;
  14614. flex-direction: column;
  14615. color: #fff;
  14616. }
  14617. .g_d_group_table>div:nth-child(1) {
  14618. font-size: 24px;
  14619. margin-bottom: 5px;
  14620. }
  14621. .g_d_group_table>div:nth-child(2) div {
  14622. cursor: pointer;
  14623. background: #2e77bf;
  14624. padding: 4px 10px;
  14625. border-radius: 5px;
  14626. }
  14627. .groupBox {}
  14628. .groupContent+.groupContent {
  14629. margin-top: 30px;
  14630. }
  14631. .groupTitle {
  14632. font-size: 24px;
  14633. color: rgb(80, 80, 80);
  14634. margin-bottom: 20px;
  14635. }
  14636. .groupName {
  14637. display: flex;
  14638. align-items: center;
  14639. }
  14640. .groupn {
  14641. font-size: 15px;
  14642. margin-right: 10px;
  14643. }
  14644. .groupName+.groupName {
  14645. margin-top: 15px;
  14646. }
  14647. .groupBtn {
  14648. margin-left: 10px;
  14649. }
  14650. .groupContent>>>.el-input-number.is-without-controls .el-input__inner {
  14651. text-align: left;
  14652. }
  14653. .g_d_btnBox {
  14654. display: flex;
  14655. justify-content: flex-end;
  14656. align-items: center;
  14657. margin-bottom: 20px;
  14658. }
  14659. .updateChair {
  14660. position: relative;
  14661. }
  14662. .updateChairBtn {
  14663. position: absolute;
  14664. width: 50px;
  14665. height: 50px;
  14666. overflow: hidden;
  14667. /* display: flex; */
  14668. align-items: center;
  14669. justify-content: center;
  14670. background: #00000087;
  14671. color: #fff;
  14672. border-radius: 50px;
  14673. display: none;
  14674. cursor: pointer;
  14675. }
  14676. .updateChair:hover .updateChairBtn {
  14677. display: flex;
  14678. }
  14679. .group_staic_box {
  14680. display: flex;
  14681. padding: 30px 40px 10px;
  14682. flex-wrap: wrap;
  14683. }
  14684. .group_staic {
  14685. /* width: 50%; */
  14686. margin-bottom: 20px;
  14687. display: flex;
  14688. align-items: center;
  14689. }
  14690. .group_staic span:nth-child(1) {
  14691. width: 150px;
  14692. text-align: right;
  14693. margin-right: 15px;
  14694. }
  14695. .group_staic span:nth-child(2) {
  14696. background: rgb(0 123 255);
  14697. color: #fff;
  14698. border-radius: 5px;
  14699. padding: 5px;
  14700. }
  14701. .codeFileBox {
  14702. height: 300px;
  14703. background: #fff;
  14704. display: flex;
  14705. align-items: center;
  14706. justify-content: center;
  14707. }
  14708. .codeFileBox img {
  14709. width: 200px;
  14710. margin: 0;
  14711. height: auto;
  14712. }
  14713. .codeFileBox div {
  14714. background: rgb(80, 142, 226);
  14715. color: #fff;
  14716. padding: 10px 20px;
  14717. border-radius: 25px;
  14718. cursor: pointer;
  14719. margin-left: 15px;
  14720. }
  14721. .radioBox {
  14722. display: flex;
  14723. flex-direction: column;
  14724. flex-wrap: nowrap;
  14725. align-items: flex-start;
  14726. }
  14727. .radioBox>div {
  14728. margin: 10px 0 0 10px;
  14729. }
  14730. /* .radioBox >>> .el-radio__input,
  14731. .radioBox >>> .el-checkbox__inner {
  14732. margin-left: 10px;
  14733. } */
  14734. .radioBox>>>.el-radio__label,
  14735. .radioBox>>>.el-checkbox__label {
  14736. display: flex;
  14737. align-items: center;
  14738. }
  14739. .radioBox>>>.el-radio__label>span {
  14740. width: 100%;
  14741. display: -webkit-box;
  14742. overflow: hidden;
  14743. white-space: normal !important;
  14744. text-overflow: ellipsis;
  14745. word-wrap: break-word;
  14746. }
  14747. .inImg {
  14748. width: 100px;
  14749. cursor: pointer;
  14750. }
  14751. .inImg>img {
  14752. width: 100%;
  14753. height: 100%;
  14754. object-fit: cover;
  14755. }
  14756. .timuImgBox {
  14757. margin: 10px 0;
  14758. display: flex;
  14759. flex-direction: column;
  14760. flex-wrap: wrap;
  14761. align-items: flex-start;
  14762. }
  14763. .timuImg {
  14764. width: 150px;
  14765. margin: 5px 0;
  14766. cursor: pointer;
  14767. }
  14768. .timuImg>img {
  14769. width: 100%;
  14770. height: 100%;
  14771. object-fit: cover;
  14772. }
  14773. .worksTop {
  14774. display: flex;
  14775. flex-direction: row;
  14776. align-items: flex-end;
  14777. }
  14778. .corOpen {
  14779. margin: 0 0 0 10px;
  14780. font-size: 14px;
  14781. cursor: pointer;
  14782. color: #505050;
  14783. }
  14784. .corOpen:hover {
  14785. color: #499eef;
  14786. }
  14787. .navCorOpenBox {
  14788. display: flex;
  14789. flex-direction: row;
  14790. align-items: center;
  14791. background: #1e5cc9;
  14792. justify-content: space-between;
  14793. }
  14794. .navCorOpen {
  14795. padding-right: 15px;
  14796. cursor: pointer;
  14797. width: 20px;
  14798. display: flex;
  14799. }
  14800. .navCorOpen>img {
  14801. width: 100%;
  14802. height: 100%;
  14803. }
  14804. .mlImg {
  14805. width: 25px !important;
  14806. cursor: pointer;
  14807. margin-top: 5px;
  14808. }
  14809. .mlImg>img {
  14810. width: 100%;
  14811. height: 100%;
  14812. }
  14813. .navLeftCss {
  14814. width: 100% !important;
  14815. left: 0 !important;
  14816. }
  14817. .isContentCss {
  14818. width: 100% !important;
  14819. }
  14820. .isAllWidth {
  14821. width: 100% !important;
  14822. }
  14823. .group_switch {
  14824. margin-right: 10px;
  14825. height: 30px;
  14826. display: flex;
  14827. align-items: center;
  14828. }
  14829. .group_switch>span {
  14830. margin-right: 5px;
  14831. }
  14832. </style>