studyStudent.vue 754 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063140641406514066140671406814069140701407114072140731407414075140761407714078140791408014081140821408314084140851408614087140881408914090140911409214093140941409514096140971409814099141001410114102141031410414105141061410714108141091411014111141121411314114141151411614117141181411914120141211412214123141241412514126141271412814129141301413114132141331413414135141361413714138141391414014141141421414314144141451414614147141481414914150141511415214153141541415514156141571415814159141601416114162141631416414165141661416714168141691417014171141721417314174141751417614177141781417914180141811418214183141841418514186141871418814189141901419114192141931419414195141961419714198141991420014201142021420314204142051420614207142081420914210142111421214213142141421514216142171421814219142201422114222142231422414225142261422714228142291423014231142321423314234142351423614237142381423914240142411424214243142441424514246142471424814249142501425114252142531425414255142561425714258142591426014261142621426314264142651426614267142681426914270142711427214273142741427514276142771427814279142801428114282142831428414285142861428714288142891429014291142921429314294142951429614297142981429914300143011430214303143041430514306143071430814309143101431114312143131431414315143161431714318143191432014321143221432314324143251432614327143281432914330143311433214333143341433514336143371433814339143401434114342143431434414345143461434714348143491435014351143521435314354143551435614357143581435914360143611436214363143641436514366143671436814369143701437114372143731437414375143761437714378143791438014381143821438314384143851438614387143881438914390143911439214393143941439514396143971439814399144001440114402144031440414405144061440714408144091441014411144121441314414144151441614417144181441914420144211442214423144241442514426144271442814429144301443114432144331443414435144361443714438144391444014441144421444314444144451444614447144481444914450144511445214453144541445514456144571445814459144601446114462144631446414465144661446714468144691447014471144721447314474144751447614477144781447914480144811448214483144841448514486144871448814489144901449114492144931449414495144961449714498144991450014501145021450314504145051450614507145081450914510145111451214513145141451514516145171451814519145201452114522145231452414525145261452714528145291453014531145321453314534145351453614537145381453914540145411454214543145441454514546145471454814549145501455114552145531455414555145561455714558145591456014561145621456314564145651456614567145681456914570145711457214573145741457514576145771457814579145801458114582145831458414585145861458714588145891459014591145921459314594145951459614597145981459914600146011460214603146041460514606146071460814609146101461114612146131461414615146161461714618146191462014621146221462314624146251462614627146281462914630146311463214633146341463514636146371463814639146401464114642146431464414645146461464714648146491465014651146521465314654146551465614657146581465914660146611466214663146641466514666146671466814669146701467114672146731467414675146761467714678146791468014681146821468314684146851468614687146881468914690146911469214693146941469514696146971469814699147001470114702147031470414705147061470714708147091471014711147121471314714147151471614717147181471914720147211472214723147241472514726147271472814729147301473114732147331473414735147361473714738147391474014741147421474314744147451474614747147481474914750147511475214753147541475514756147571475814759147601476114762147631476414765147661476714768147691477014771147721477314774147751477614777147781477914780147811478214783147841478514786147871478814789147901479114792147931479414795147961479714798147991480014801148021480314804148051480614807148081480914810148111481214813148141481514816148171481814819148201482114822148231482414825148261482714828148291483014831148321483314834148351483614837148381483914840148411484214843148441484514846148471484814849148501485114852148531485414855148561485714858148591486014861148621486314864148651486614867148681486914870148711487214873148741487514876148771487814879148801488114882148831488414885148861488714888148891489014891148921489314894148951489614897148981489914900149011490214903149041490514906149071490814909149101491114912149131491414915149161491714918149191492014921149221492314924149251492614927149281492914930149311493214933149341493514936149371493814939149401494114942149431494414945149461494714948149491495014951149521495314954149551495614957149581495914960149611496214963149641496514966149671496814969149701497114972149731497414975149761497714978149791498014981149821498314984149851498614987149881498914990149911499214993149941499514996149971499814999150001500115002150031500415005150061500715008150091501015011150121501315014150151501615017150181501915020150211502215023150241502515026150271502815029150301503115032150331503415035150361503715038150391504015041150421504315044150451504615047150481504915050150511505215053150541505515056150571505815059150601506115062150631506415065150661506715068150691507015071150721507315074150751507615077150781507915080150811508215083150841508515086150871508815089150901509115092150931509415095150961509715098150991510015101151021510315104151051510615107151081510915110151111511215113151141511515116151171511815119151201512115122151231512415125151261512715128151291513015131151321513315134151351513615137151381513915140151411514215143151441514515146151471514815149151501515115152151531515415155151561515715158151591516015161151621516315164151651516615167151681516915170151711517215173151741517515176151771517815179151801518115182151831518415185151861518715188151891519015191151921519315194151951519615197151981519915200152011520215203152041520515206152071520815209152101521115212152131521415215152161521715218152191522015221152221522315224152251522615227152281522915230152311523215233152341523515236152371523815239152401524115242152431524415245152461524715248152491525015251152521525315254152551525615257152581525915260152611526215263152641526515266152671526815269152701527115272152731527415275152761527715278152791528015281152821528315284152851528615287152881528915290152911529215293152941529515296152971529815299153001530115302153031530415305153061530715308153091531015311153121531315314153151531615317153181531915320153211532215323153241532515326153271532815329153301533115332153331533415335153361533715338153391534015341153421534315344153451534615347153481534915350153511535215353153541535515356153571535815359153601536115362153631536415365153661536715368153691537015371153721537315374153751537615377153781537915380153811538215383153841538515386153871538815389153901539115392153931539415395153961539715398153991540015401154021540315404154051540615407154081540915410154111541215413154141541515416154171541815419154201542115422154231542415425154261542715428154291543015431154321543315434154351543615437154381543915440154411544215443154441544515446154471544815449154501545115452154531545415455154561545715458154591546015461154621546315464154651546615467154681546915470154711547215473154741547515476154771547815479154801548115482154831548415485154861548715488154891549015491154921549315494154951549615497154981549915500155011550215503155041550515506155071550815509155101551115512155131551415515155161551715518155191552015521155221552315524155251552615527155281552915530155311553215533155341553515536155371553815539155401554115542155431554415545155461554715548155491555015551155521555315554155551555615557155581555915560155611556215563155641556515566155671556815569155701557115572155731557415575155761557715578155791558015581155821558315584155851558615587155881558915590155911559215593155941559515596155971559815599156001560115602156031560415605156061560715608156091561015611156121561315614156151561615617156181561915620156211562215623156241562515626156271562815629156301563115632156331563415635156361563715638156391564015641156421564315644156451564615647156481564915650156511565215653156541565515656156571565815659156601566115662156631566415665156661566715668156691567015671156721567315674156751567615677156781567915680156811568215683156841568515686156871568815689156901569115692156931569415695156961569715698156991570015701157021570315704157051570615707157081570915710157111571215713157141571515716157171571815719157201572115722157231572415725157261572715728157291573015731157321573315734157351573615737157381573915740157411574215743157441574515746157471574815749157501575115752157531575415755157561575715758157591576015761157621576315764157651576615767157681576915770157711577215773157741577515776157771577815779157801578115782157831578415785157861578715788157891579015791157921579315794157951579615797157981579915800158011580215803158041580515806158071580815809158101581115812158131581415815158161581715818158191582015821158221582315824158251582615827158281582915830158311583215833158341583515836158371583815839158401584115842158431584415845158461584715848158491585015851158521585315854158551585615857158581585915860158611586215863158641586515866158671586815869158701587115872158731587415875158761587715878158791588015881158821588315884158851588615887158881588915890158911589215893158941589515896158971589815899159001590115902159031590415905159061590715908159091591015911159121591315914159151591615917159181591915920159211592215923159241592515926159271592815929159301593115932159331593415935159361593715938159391594015941159421594315944159451594615947159481594915950159511595215953159541595515956159571595815959159601596115962159631596415965159661596715968159691597015971159721597315974159751597615977159781597915980159811598215983159841598515986159871598815989159901599115992159931599415995159961599715998159991600016001160021600316004160051600616007160081600916010160111601216013160141601516016160171601816019160201602116022160231602416025160261602716028160291603016031160321603316034160351603616037160381603916040160411604216043160441604516046160471604816049160501605116052160531605416055160561605716058160591606016061160621606316064160651606616067160681606916070160711607216073160741607516076160771607816079160801608116082160831608416085160861608716088160891609016091160921609316094160951609616097160981609916100161011610216103161041610516106161071610816109161101611116112161131611416115161161611716118161191612016121161221612316124161251612616127161281612916130161311613216133161341613516136161371613816139161401614116142161431614416145161461614716148161491615016151161521615316154161551615616157161581615916160161611616216163161641616516166161671616816169161701617116172161731617416175161761617716178161791618016181161821618316184161851618616187161881618916190161911619216193161941619516196161971619816199162001620116202162031620416205162061620716208162091621016211162121621316214162151621616217162181621916220162211622216223162241622516226162271622816229162301623116232162331623416235162361623716238162391624016241162421624316244162451624616247162481624916250162511625216253162541625516256162571625816259162601626116262162631626416265162661626716268162691627016271162721627316274162751627616277162781627916280162811628216283162841628516286162871628816289162901629116292162931629416295162961629716298162991630016301163021630316304163051630616307163081630916310163111631216313163141631516316163171631816319163201632116322163231632416325163261632716328163291633016331163321633316334163351633616337163381633916340163411634216343163441634516346163471634816349163501635116352163531635416355163561635716358163591636016361163621636316364163651636616367163681636916370163711637216373163741637516376163771637816379163801638116382163831638416385163861638716388163891639016391163921639316394163951639616397163981639916400164011640216403164041640516406164071640816409164101641116412164131641416415164161641716418164191642016421164221642316424164251642616427164281642916430164311643216433164341643516436164371643816439164401644116442164431644416445164461644716448164491645016451164521645316454164551645616457164581645916460164611646216463164641646516466164671646816469164701647116472164731647416475164761647716478164791648016481164821648316484164851648616487164881648916490164911649216493164941649516496164971649816499165001650116502165031650416505165061650716508165091651016511165121651316514165151651616517165181651916520165211652216523165241652516526165271652816529165301653116532165331653416535165361653716538165391654016541165421654316544165451654616547165481654916550165511655216553165541655516556165571655816559165601656116562165631656416565165661656716568165691657016571165721657316574165751657616577165781657916580165811658216583165841658516586165871658816589165901659116592165931659416595165961659716598165991660016601166021660316604166051660616607166081660916610166111661216613166141661516616166171661816619166201662116622166231662416625166261662716628166291663016631166321663316634166351663616637166381663916640166411664216643166441664516646166471664816649166501665116652166531665416655166561665716658166591666016661166621666316664166651666616667166681666916670166711667216673166741667516676166771667816679166801668116682166831668416685166861668716688166891669016691166921669316694166951669616697166981669916700167011670216703167041670516706167071670816709167101671116712167131671416715167161671716718167191672016721167221672316724167251672616727167281672916730167311673216733167341673516736167371673816739167401674116742167431674416745167461674716748167491675016751167521675316754167551675616757167581675916760167611676216763167641676516766167671676816769167701677116772167731677416775167761677716778167791678016781167821678316784167851678616787167881678916790167911679216793167941679516796167971679816799168001680116802168031680416805168061680716808168091681016811168121681316814168151681616817168181681916820168211682216823168241682516826168271682816829168301683116832168331683416835168361683716838168391684016841168421684316844168451684616847168481684916850168511685216853168541685516856168571685816859168601686116862168631686416865168661686716868168691687016871168721687316874168751687616877168781687916880168811688216883168841688516886168871688816889168901689116892168931689416895168961689716898168991690016901169021690316904169051690616907169081690916910169111691216913169141691516916169171691816919169201692116922169231692416925169261692716928169291693016931169321693316934169351693616937169381693916940169411694216943169441694516946169471694816949169501695116952169531695416955169561695716958169591696016961169621696316964169651696616967169681696916970169711697216973169741697516976169771697816979169801698116982169831698416985169861698716988169891699016991169921699316994169951699616997169981699917000170011700217003170041700517006170071700817009170101701117012170131701417015170161701717018170191702017021170221702317024170251702617027170281702917030170311703217033170341703517036170371703817039170401704117042170431704417045170461704717048170491705017051170521705317054170551705617057170581705917060170611706217063170641706517066170671706817069170701707117072170731707417075170761707717078170791708017081170821708317084170851708617087170881708917090170911709217093170941709517096170971709817099171001710117102171031710417105171061710717108171091711017111171121711317114171151711617117171181711917120171211712217123171241712517126171271712817129171301713117132171331713417135171361713717138171391714017141171421714317144171451714617147171481714917150171511715217153171541715517156171571715817159171601716117162171631716417165171661716717168171691717017171171721717317174171751717617177171781717917180171811718217183171841718517186171871718817189171901719117192171931719417195171961719717198171991720017201172021720317204172051720617207172081720917210172111721217213172141721517216172171721817219172201722117222172231722417225172261722717228172291723017231172321723317234172351723617237172381723917240172411724217243172441724517246172471724817249172501725117252172531725417255172561725717258172591726017261172621726317264172651726617267172681726917270172711727217273172741727517276172771727817279172801728117282172831728417285172861728717288172891729017291172921729317294172951729617297172981729917300173011730217303173041730517306173071730817309173101731117312173131731417315173161731717318173191732017321173221732317324173251732617327173281732917330173311733217333173341733517336173371733817339173401734117342173431734417345173461734717348173491735017351173521735317354173551735617357173581735917360173611736217363173641736517366173671736817369173701737117372173731737417375173761737717378173791738017381173821738317384173851738617387173881738917390173911739217393173941739517396173971739817399174001740117402174031740417405174061740717408174091741017411174121741317414174151741617417174181741917420174211742217423174241742517426174271742817429174301743117432174331743417435174361743717438174391744017441174421744317444174451744617447174481744917450174511745217453174541745517456174571745817459174601746117462174631746417465174661746717468174691747017471174721747317474174751747617477174781747917480174811748217483174841748517486174871748817489174901749117492174931749417495174961749717498174991750017501175021750317504175051750617507175081750917510175111751217513175141751517516175171751817519175201752117522175231752417525175261752717528175291753017531175321753317534175351753617537175381753917540175411754217543175441754517546175471754817549175501755117552175531755417555175561755717558175591756017561175621756317564175651756617567175681756917570175711757217573175741757517576175771757817579175801758117582175831758417585175861758717588175891759017591175921759317594175951759617597175981759917600176011760217603176041760517606176071760817609176101761117612176131761417615176161761717618176191762017621176221762317624176251762617627176281762917630176311763217633176341763517636176371763817639176401764117642176431764417645176461764717648176491765017651176521765317654176551765617657176581765917660176611766217663176641766517666176671766817669176701767117672176731767417675176761767717678176791768017681176821768317684176851768617687176881768917690176911769217693176941769517696176971769817699177001770117702177031770417705177061770717708177091771017711177121771317714177151771617717177181771917720177211772217723177241772517726177271772817729177301773117732177331773417735177361773717738177391774017741177421774317744177451774617747177481774917750177511775217753177541775517756177571775817759177601776117762177631776417765177661776717768177691777017771177721777317774177751777617777177781777917780177811778217783177841778517786177871778817789177901779117792177931779417795177961779717798177991780017801178021780317804178051780617807178081780917810178111781217813178141781517816178171781817819178201782117822178231782417825178261782717828178291783017831178321783317834178351783617837178381783917840178411784217843178441784517846178471784817849178501785117852178531785417855178561785717858178591786017861178621786317864178651786617867178681786917870178711787217873178741787517876178771787817879178801788117882178831788417885178861788717888178891789017891178921789317894178951789617897178981789917900179011790217903179041790517906179071790817909179101791117912179131791417915179161791717918179191792017921179221792317924179251792617927179281792917930179311793217933179341793517936179371793817939179401794117942179431794417945179461794717948179491795017951179521795317954179551795617957179581795917960179611796217963179641796517966179671796817969179701797117972179731797417975179761797717978179791798017981179821798317984179851798617987179881798917990179911799217993179941799517996179971799817999180001800118002180031800418005180061800718008180091801018011180121801318014180151801618017180181801918020180211802218023180241802518026180271802818029180301803118032180331803418035180361803718038180391804018041180421804318044180451804618047180481804918050180511805218053180541805518056180571805818059180601806118062180631806418065180661806718068180691807018071180721807318074180751807618077180781807918080180811808218083180841808518086180871808818089180901809118092180931809418095180961809718098180991810018101181021810318104181051810618107181081810918110181111811218113181141811518116181171811818119181201812118122181231812418125181261812718128181291813018131181321813318134181351813618137181381813918140181411814218143181441814518146181471814818149181501815118152181531815418155181561815718158181591816018161181621816318164181651816618167181681816918170181711817218173181741817518176181771817818179181801818118182181831818418185181861818718188181891819018191181921819318194181951819618197181981819918200182011820218203182041820518206182071820818209182101821118212182131821418215182161821718218182191822018221182221822318224182251822618227182281822918230182311823218233182341823518236182371823818239182401824118242182431824418245182461824718248182491825018251182521825318254182551825618257182581825918260182611826218263182641826518266182671826818269182701827118272182731827418275182761827718278182791828018281182821828318284182851828618287182881828918290182911829218293182941829518296182971829818299183001830118302183031830418305183061830718308183091831018311183121831318314183151831618317183181831918320183211832218323183241832518326183271832818329183301833118332183331833418335183361833718338183391834018341183421834318344183451834618347183481834918350183511835218353183541835518356183571835818359183601836118362183631836418365183661836718368183691837018371183721837318374183751837618377183781837918380183811838218383183841838518386183871838818389183901839118392183931839418395183961839718398183991840018401184021840318404184051840618407184081840918410184111841218413184141841518416184171841818419184201842118422184231842418425184261842718428184291843018431184321843318434184351843618437184381843918440184411844218443184441844518446184471844818449184501845118452184531845418455184561845718458184591846018461184621846318464184651846618467184681846918470184711847218473184741847518476184771847818479184801848118482184831848418485184861848718488184891849018491184921849318494184951849618497184981849918500185011850218503185041850518506185071850818509185101851118512185131851418515185161851718518185191852018521185221852318524185251852618527185281852918530185311853218533185341853518536185371853818539185401854118542185431854418545185461854718548185491855018551185521855318554185551855618557185581855918560185611856218563185641856518566185671856818569185701857118572185731857418575185761857718578185791858018581185821858318584185851858618587185881858918590185911859218593185941859518596185971859818599186001860118602186031860418605186061860718608186091861018611186121861318614186151861618617186181861918620186211862218623186241862518626186271862818629186301863118632186331863418635186361863718638186391864018641186421864318644186451864618647186481864918650186511865218653186541865518656186571865818659186601866118662186631866418665186661866718668186691867018671186721867318674186751867618677186781867918680186811868218683186841868518686186871868818689186901869118692186931869418695186961869718698186991870018701187021870318704187051870618707187081870918710187111871218713187141871518716187171871818719187201872118722187231872418725187261872718728187291873018731187321873318734187351873618737187381873918740187411874218743187441874518746187471874818749187501875118752187531875418755187561875718758187591876018761187621876318764187651876618767187681876918770187711877218773187741877518776187771877818779187801878118782187831878418785187861878718788187891879018791187921879318794187951879618797187981879918800188011880218803188041880518806188071880818809188101881118812188131881418815188161881718818188191882018821188221882318824188251882618827188281882918830188311883218833188341883518836188371883818839188401884118842188431884418845188461884718848188491885018851188521885318854188551885618857188581885918860188611886218863188641886518866188671886818869188701887118872188731887418875188761887718878188791888018881188821888318884188851888618887188881888918890188911889218893188941889518896188971889818899189001890118902189031890418905189061890718908189091891018911189121891318914189151891618917189181891918920189211892218923189241892518926189271892818929189301893118932189331893418935189361893718938189391894018941189421894318944189451894618947189481894918950189511895218953189541895518956189571895818959189601896118962189631896418965189661896718968189691897018971189721897318974189751897618977189781897918980189811898218983189841898518986189871898818989189901899118992189931899418995189961899718998189991900019001190021900319004190051900619007190081900919010190111901219013190141901519016190171901819019190201902119022190231902419025190261902719028190291903019031190321903319034190351903619037190381903919040190411904219043190441904519046190471904819049190501905119052190531905419055190561905719058190591906019061190621906319064190651906619067190681906919070190711907219073190741907519076190771907819079190801908119082190831908419085190861908719088190891909019091190921909319094190951909619097190981909919100191011910219103191041910519106191071910819109191101911119112191131911419115191161911719118191191912019121191221912319124191251912619127191281912919130191311913219133191341913519136191371913819139191401914119142191431914419145191461914719148191491915019151191521915319154191551915619157191581915919160191611916219163191641916519166191671916819169191701917119172191731917419175191761917719178191791918019181191821918319184191851918619187191881918919190191911919219193191941919519196191971919819199192001920119202192031920419205192061920719208192091921019211192121921319214192151921619217192181921919220192211922219223192241922519226192271922819229192301923119232192331923419235192361923719238192391924019241192421924319244192451924619247192481924919250192511925219253192541925519256192571925819259192601926119262192631926419265192661926719268192691927019271192721927319274192751927619277192781927919280192811928219283192841928519286192871928819289192901929119292192931929419295192961929719298192991930019301193021930319304193051930619307193081930919310193111931219313193141931519316193171931819319193201932119322193231932419325193261932719328193291933019331193321933319334193351933619337193381933919340193411934219343193441934519346193471934819349193501935119352193531935419355193561935719358193591936019361193621936319364193651936619367193681936919370193711937219373193741937519376193771937819379193801938119382193831938419385193861938719388193891939019391193921939319394193951939619397193981939919400194011940219403194041940519406194071940819409194101941119412194131941419415194161941719418194191942019421194221942319424194251942619427194281942919430194311943219433194341943519436194371943819439194401944119442194431944419445194461944719448194491945019451194521945319454194551945619457194581945919460194611946219463194641946519466194671946819469194701947119472194731947419475194761947719478194791948019481194821948319484194851948619487194881948919490194911949219493194941949519496194971949819499195001950119502195031950419505195061950719508195091951019511195121951319514195151951619517195181951919520195211952219523195241952519526195271952819529195301953119532195331953419535195361953719538195391954019541195421954319544195451954619547195481954919550195511955219553195541955519556195571955819559195601956119562195631956419565195661956719568195691957019571195721957319574195751957619577195781957919580195811958219583195841958519586195871958819589195901959119592195931959419595195961959719598195991960019601196021960319604196051960619607196081960919610196111961219613196141961519616196171961819619196201962119622196231962419625196261962719628196291963019631196321963319634196351963619637196381963919640196411964219643196441964519646196471964819649196501965119652196531965419655196561965719658196591966019661196621966319664196651966619667196681966919670196711967219673196741967519676196771967819679196801968119682196831968419685196861968719688196891969019691196921969319694196951969619697196981969919700197011970219703197041970519706197071970819709197101971119712197131971419715197161971719718197191972019721197221972319724197251972619727197281972919730197311973219733197341973519736197371973819739197401974119742197431974419745197461974719748197491975019751197521975319754197551975619757197581975919760197611976219763197641976519766197671976819769197701977119772197731977419775197761977719778197791978019781197821978319784197851978619787197881978919790197911979219793197941979519796197971979819799198001980119802198031980419805198061980719808198091981019811198121981319814198151981619817198181981919820198211982219823198241982519826198271982819829198301983119832198331983419835198361983719838198391984019841198421984319844198451984619847198481984919850198511985219853198541985519856198571985819859198601986119862198631986419865198661986719868198691987019871198721987319874198751987619877198781987919880198811988219883198841988519886198871988819889198901989119892198931989419895198961989719898198991990019901199021990319904199051990619907199081990919910199111991219913199141991519916199171991819919199201992119922199231992419925199261992719928199291993019931199321993319934199351993619937199381993919940199411994219943199441994519946199471994819949199501995119952199531995419955199561995719958199591996019961199621996319964199651996619967199681996919970199711997219973199741997519976199771997819979199801998119982199831998419985199861998719988199891999019991199921999319994199951999619997199981999920000200012000220003200042000520006200072000820009200102001120012200132001420015200162001720018200192002020021200222002320024200252002620027200282002920030200312003220033200342003520036200372003820039200402004120042200432004420045200462004720048200492005020051200522005320054200552005620057200582005920060200612006220063200642006520066200672006820069200702007120072200732007420075200762007720078200792008020081200822008320084200852008620087200882008920090200912009220093200942009520096200972009820099201002010120102201032010420105201062010720108201092011020111201122011320114201152011620117201182011920120201212012220123201242012520126201272012820129201302013120132201332013420135201362013720138201392014020141201422014320144201452014620147201482014920150201512015220153201542015520156201572015820159201602016120162201632016420165201662016720168201692017020171201722017320174201752017620177201782017920180201812018220183201842018520186201872018820189201902019120192201932019420195201962019720198201992020020201202022020320204202052020620207202082020920210202112021220213202142021520216202172021820219202202022120222202232022420225202262022720228202292023020231202322023320234202352023620237202382023920240202412024220243202442024520246202472024820249202502025120252202532025420255202562025720258202592026020261202622026320264202652026620267202682026920270202712027220273202742027520276202772027820279202802028120282202832028420285202862028720288202892029020291202922029320294202952029620297202982029920300203012030220303203042030520306203072030820309203102031120312203132031420315203162031720318203192032020321203222032320324203252032620327203282032920330203312033220333203342033520336203372033820339203402034120342203432034420345203462034720348203492035020351203522035320354203552035620357203582035920360203612036220363203642036520366203672036820369203702037120372203732037420375203762037720378203792038020381203822038320384203852038620387203882038920390203912039220393203942039520396203972039820399204002040120402204032040420405204062040720408204092041020411204122041320414204152041620417204182041920420204212042220423204242042520426204272042820429204302043120432204332043420435204362043720438204392044020441204422044320444204452044620447204482044920450204512045220453204542045520456204572045820459204602046120462204632046420465204662046720468204692047020471204722047320474204752047620477204782047920480204812048220483204842048520486204872048820489204902049120492204932049420495204962049720498204992050020501205022050320504205052050620507205082050920510205112051220513205142051520516205172051820519205202052120522205232052420525205262052720528205292053020531205322053320534205352053620537205382053920540205412054220543205442054520546205472054820549205502055120552205532055420555205562055720558205592056020561205622056320564205652056620567205682056920570205712057220573205742057520576205772057820579205802058120582205832058420585205862058720588205892059020591205922059320594205952059620597205982059920600206012060220603206042060520606206072060820609206102061120612206132061420615206162061720618206192062020621206222062320624206252062620627206282062920630206312063220633206342063520636206372063820639206402064120642206432064420645206462064720648206492065020651206522065320654206552065620657206582065920660206612066220663206642066520666206672066820669206702067120672206732067420675206762067720678206792068020681206822068320684206852068620687206882068920690206912069220693206942069520696206972069820699207002070120702207032070420705207062070720708207092071020711207122071320714207152071620717207182071920720207212072220723207242072520726207272072820729207302073120732207332073420735207362073720738207392074020741207422074320744207452074620747207482074920750207512075220753207542075520756207572075820759207602076120762207632076420765207662076720768207692077020771207722077320774207752077620777207782077920780207812078220783207842078520786207872078820789207902079120792207932079420795207962079720798207992080020801208022080320804208052080620807208082080920810208112081220813208142081520816208172081820819208202082120822208232082420825208262082720828208292083020831208322083320834208352083620837208382083920840208412084220843208442084520846208472084820849208502085120852208532085420855208562085720858208592086020861208622086320864208652086620867208682086920870208712087220873208742087520876208772087820879208802088120882208832088420885208862088720888208892089020891208922089320894208952089620897208982089920900209012090220903209042090520906209072090820909209102091120912209132091420915209162091720918209192092020921209222092320924209252092620927209282092920930209312093220933209342093520936209372093820939209402094120942209432094420945209462094720948209492095020951209522095320954209552095620957209582095920960209612096220963209642096520966209672096820969209702097120972209732097420975209762097720978209792098020981209822098320984209852098620987209882098920990209912099220993209942099520996209972099820999210002100121002210032100421005210062100721008210092101021011210122101321014210152101621017210182101921020210212102221023210242102521026210272102821029210302103121032210332103421035210362103721038210392104021041210422104321044210452104621047210482104921050210512105221053210542105521056210572105821059210602106121062210632106421065210662106721068210692107021071210722107321074210752107621077210782107921080210812108221083210842108521086210872108821089210902109121092210932109421095210962109721098210992110021101211022110321104211052110621107211082110921110211112111221113211142111521116211172111821119211202112121122211232112421125211262112721128211292113021131211322113321134211352113621137211382113921140211412114221143211442114521146211472114821149211502115121152211532115421155211562115721158211592116021161211622116321164211652116621167211682116921170211712117221173211742117521176211772117821179211802118121182211832118421185211862118721188211892119021191211922119321194211952119621197211982119921200212012120221203212042120521206212072120821209212102121121212212132121421215212162121721218212192122021221212222122321224212252122621227212282122921230212312123221233212342123521236212372123821239212402124121242212432124421245212462124721248212492125021251212522125321254212552125621257212582125921260212612126221263212642126521266212672126821269212702127121272212732127421275212762127721278212792128021281212822128321284212852128621287212882128921290212912129221293212942129521296212972129821299213002130121302213032130421305213062130721308213092131021311213122131321314213152131621317213182131921320213212132221323213242132521326213272132821329213302133121332213332133421335213362133721338213392134021341213422134321344213452134621347213482134921350213512135221353213542135521356213572135821359213602136121362213632136421365213662136721368213692137021371213722137321374213752137621377213782137921380213812138221383213842138521386213872138821389213902139121392213932139421395213962139721398213992140021401214022140321404214052140621407214082140921410214112141221413214142141521416214172141821419214202142121422214232142421425214262142721428214292143021431214322143321434214352143621437214382143921440214412144221443214442144521446214472144821449214502145121452214532145421455214562145721458214592146021461214622146321464214652146621467214682146921470214712147221473214742147521476214772147821479214802148121482214832148421485214862148721488214892149021491214922149321494214952149621497214982149921500215012150221503215042150521506215072150821509215102151121512215132151421515215162151721518215192152021521215222152321524215252152621527215282152921530215312153221533215342153521536215372153821539215402154121542215432154421545215462154721548215492155021551215522155321554215552155621557215582155921560215612156221563215642156521566215672156821569215702157121572215732157421575215762157721578215792158021581215822158321584215852158621587215882158921590215912159221593215942159521596215972159821599216002160121602216032160421605216062160721608216092161021611216122161321614216152161621617216182161921620216212162221623216242162521626216272162821629216302163121632216332163421635216362163721638216392164021641216422164321644216452164621647216482164921650216512165221653216542165521656216572165821659216602166121662216632166421665216662166721668216692167021671216722167321674216752167621677216782167921680216812168221683216842168521686216872168821689216902169121692216932169421695216962169721698216992170021701217022170321704217052170621707217082170921710217112171221713217142171521716217172171821719217202172121722217232172421725217262172721728217292173021731217322173321734217352173621737217382173921740217412174221743217442174521746217472174821749217502175121752217532175421755217562175721758217592176021761217622176321764217652176621767217682176921770217712177221773217742177521776217772177821779217802178121782217832178421785217862178721788217892179021791217922179321794217952179621797217982179921800218012180221803218042180521806218072180821809218102181121812218132181421815218162181721818218192182021821218222182321824218252182621827218282182921830218312183221833218342183521836218372183821839218402184121842218432184421845218462184721848218492185021851218522185321854218552185621857218582185921860218612186221863218642186521866218672186821869218702187121872218732187421875218762187721878218792188021881218822188321884218852188621887218882188921890218912189221893218942189521896218972189821899219002190121902219032190421905219062190721908219092191021911219122191321914219152191621917219182191921920219212192221923219242192521926219272192821929219302193121932219332193421935219362193721938219392194021941219422194321944219452194621947219482194921950219512195221953219542195521956219572195821959219602196121962219632196421965219662196721968219692197021971219722197321974219752197621977219782197921980219812198221983219842198521986219872198821989219902199121992219932199421995219962199721998219992200022001220022200322004220052200622007220082200922010220112201222013220142201522016220172201822019220202202122022220232202422025220262202722028220292203022031220322203322034220352203622037220382203922040220412204222043220442204522046220472204822049220502205122052220532205422055220562205722058220592206022061220622206322064220652206622067220682206922070220712207222073220742207522076220772207822079220802208122082220832208422085220862208722088220892209022091220922209322094220952209622097220982209922100221012210222103221042210522106221072210822109221102211122112221132211422115221162211722118221192212022121221222212322124221252212622127221282212922130221312213222133221342213522136221372213822139221402214122142221432214422145221462214722148221492215022151221522215322154221552215622157221582215922160221612216222163221642216522166221672216822169221702217122172221732217422175221762217722178221792218022181221822218322184221852218622187221882218922190221912219222193221942219522196221972219822199222002220122202222032220422205222062220722208222092221022211222122221322214222152221622217222182221922220222212222222223222242222522226222272222822229222302223122232222332223422235222362223722238222392224022241222422224322244222452224622247222482224922250222512225222253222542225522256222572225822259222602226122262222632226422265222662226722268222692227022271222722227322274222752227622277222782227922280222812228222283222842228522286222872228822289222902229122292222932229422295222962229722298222992230022301223022230322304223052230622307223082230922310223112231222313223142231522316223172231822319223202232122322223232232422325223262232722328223292233022331223322233322334223352233622337223382233922340223412234222343223442234522346223472234822349223502235122352223532235422355223562235722358223592236022361223622236322364223652236622367223682236922370223712237222373223742237522376223772237822379223802238122382223832238422385223862238722388223892239022391223922239322394223952239622397223982239922400224012240222403224042240522406224072240822409224102241122412224132241422415224162241722418224192242022421224222242322424224252242622427224282242922430224312243222433224342243522436224372243822439224402244122442224432244422445224462244722448224492245022451224522245322454224552245622457224582245922460224612246222463224642246522466224672246822469224702247122472224732247422475224762247722478224792248022481224822248322484224852248622487224882248922490224912249222493224942249522496224972249822499225002250122502225032250422505225062250722508225092251022511225122251322514225152251622517225182251922520225212252222523225242252522526225272252822529225302253122532225332253422535225362253722538225392254022541225422254322544225452254622547225482254922550225512255222553225542255522556225572255822559225602256122562225632256422565225662256722568225692257022571225722257322574225752257622577225782257922580225812258222583225842258522586225872258822589225902259122592225932259422595225962259722598225992260022601226022260322604226052260622607226082260922610226112261222613226142261522616226172261822619226202262122622226232262422625226262262722628226292263022631226322263322634226352263622637226382263922640226412264222643226442264522646226472264822649226502265122652226532265422655226562265722658226592266022661226622266322664226652266622667226682266922670226712267222673226742267522676226772267822679226802268122682226832268422685226862268722688226892269022691226922269322694226952269622697226982269922700227012270222703227042270522706227072270822709227102271122712227132271422715227162271722718227192272022721227222272322724227252272622727227282272922730227312273222733227342273522736227372273822739227402274122742227432274422745227462274722748227492275022751227522275322754227552275622757227582275922760227612276222763227642276522766227672276822769227702277122772227732277422775227762277722778227792278022781227822278322784227852278622787227882278922790227912279222793227942279522796227972279822799228002280122802228032280422805228062280722808228092281022811228122281322814228152281622817228182281922820228212282222823228242282522826228272282822829228302283122832228332283422835228362283722838228392284022841228422284322844228452284622847228482284922850228512285222853228542285522856228572285822859228602286122862228632286422865228662286722868228692287022871228722287322874228752287622877228782287922880228812288222883228842288522886228872288822889228902289122892228932289422895228962289722898228992290022901229022290322904229052290622907229082290922910229112291222913229142291522916229172291822919229202292122922229232292422925229262292722928229292293022931229322293322934229352293622937229382293922940229412294222943229442294522946229472294822949229502295122952229532295422955229562295722958229592296022961229622296322964229652296622967229682296922970229712297222973229742297522976229772297822979229802298122982229832298422985229862298722988229892299022991229922299322994229952299622997229982299923000230012300223003230042300523006230072300823009230102301123012230132301423015230162301723018230192302023021230222302323024230252302623027230282302923030230312303223033230342303523036230372303823039230402304123042230432304423045230462304723048230492305023051230522305323054230552305623057230582305923060230612306223063230642306523066230672306823069230702307123072230732307423075230762307723078230792308023081230822308323084230852308623087230882308923090230912309223093230942309523096230972309823099231002310123102231032310423105231062310723108231092311023111231122311323114231152311623117231182311923120231212312223123231242312523126231272312823129231302313123132231332313423135231362313723138231392314023141231422314323144231452314623147231482314923150231512315223153231542315523156231572315823159231602316123162231632316423165231662316723168231692317023171231722317323174231752317623177231782317923180231812318223183231842318523186
  1. <template>
  2. <div class="pb_content" style="overflow: unset">
  3. <div
  4. class="pb_content_body"
  5. style="
  6. display: flex;
  7. height: 900px;
  8. position: relative;
  9. padding: 20px 0 20px 20px;
  10. box-sizing: border-box;
  11. "
  12. >
  13. <div class="btnAllNT">
  14. <!-- <img src="../../assets/icon/learn/screen.png" @click="allScrell" /> -->
  15. <img
  16. v-if="
  17. courseDetail.userid == userid ||
  18. (courseDetail.course_teacher &&
  19. courseDetail.course_teacher.indexOf(userid) != -1)
  20. "
  21. src="../assets/icon/learn/addTool.png"
  22. @click="openToolAll"
  23. style="position: relative"
  24. />
  25. </div>
  26. <div
  27. class="pButton"
  28. style="left: 0; top: 140px"
  29. v-if="mlDialog == false && !(IsFollow && tType == 2)"
  30. @click="setContent2(true)"
  31. >
  32. <!-- 批 , getCourseDetail()-->
  33. <img
  34. src="../assets/icon/newIcons/isRight.png"
  35. style="width: 45px"
  36. alt=""
  37. />
  38. </div>
  39. <div class="pb_left" v-else-if="!(IsFollow && tType == 2)">
  40. <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
  41. <div style="border-bottom: 1px solid #cad1dc; width: 100%">
  42. <div class="courseTitle">
  43. <div
  44. style="
  45. max-width: calc(100% - 40px);
  46. width: auto;
  47. white-space: nowrap;
  48. overflow: hidden;
  49. text-overflow: ellipsis;
  50. word-break: break-word;
  51. display: block;
  52. "
  53. >
  54. <el-tooltip
  55. effect="light"
  56. :content="courseDetail.title"
  57. placement="top"
  58. >
  59. <div class="ctitle">
  60. {{ courseDetail.title }}
  61. </div>
  62. </el-tooltip>
  63. </div>
  64. <el-tooltip effect="light" content="收缩" placement="top">
  65. <div class="mlImg" @click="setContent2(false)">
  66. <img src="../assets/icon/newIcons/isRight.png" alt="" />
  67. </div>
  68. </el-tooltip>
  69. </div>
  70. <div
  71. class="inviteBox"
  72. v-if="tcid && inviteCode"
  73. style="padding: 0 0 15px 0"
  74. >
  75. <div>
  76. <span>随机码:{{ inviteCode }}</span>
  77. </div>
  78. </div>
  79. </div>
  80. <div class="cru_selectBox">
  81. <div
  82. style="background: #fff; margin: 0 10px; border-radius: 8px"
  83. v-for="(item, stageIndex) in navList"
  84. :key="stageIndex"
  85. >
  86. <div
  87. class="stageBoxCss"
  88. @click="get(stageIndex)"
  89. :class="{ stageBoxIsCss: item.isOpen }"
  90. >
  91. <div class="stageItemTitle">
  92. <div>阶段{{ stageIndex + 1 }}</div>
  93. <el-tooltip
  94. effect="light"
  95. :content="item.dyName"
  96. placement="top"
  97. >
  98. <div>
  99. {{ item.dyName }}
  100. </div>
  101. </el-tooltip>
  102. </div>
  103. <div class="closeTri" v-if="item.isOpen">
  104. <img src="../assets/icon/newIcons/downC.png" alt />
  105. </div>
  106. <div class="closeTri" v-else>
  107. <img src="../assets/icon/newIcons/right.png" alt />
  108. </div>
  109. </div>
  110. <div class="stageChild" :class="{ navActive: item.isOpen }">
  111. <div v-for="(nav, navIndex) in item.task" :key="navIndex">
  112. <div
  113. class="navItem"
  114. :class="{
  115. openTaskActive:
  116. navIndex == taskCount &&
  117. nav.id == navId &&
  118. stageIndex == courseType,
  119. }"
  120. >
  121. <div v-if="nav.tool[0].tool != undefined">
  122. <div
  123. class="closeTri1"
  124. v-if="nav.isOpen"
  125. @click="openTask(stageIndex, navIndex, nav.id)"
  126. >
  127. <img src="../assets/icon/newIcons/bDown.png" alt />
  128. </div>
  129. <div
  130. class="closeTri1"
  131. v-else
  132. @click="openTask(stageIndex, navIndex, nav.id)"
  133. >
  134. <img src="../assets/icon/newIcons/right.png" alt />
  135. </div>
  136. </div>
  137. <div v-else class="noToolBlue"></div>
  138. <div
  139. @click="openTask(stageIndex, navIndex, nav.id)"
  140. class="navItemList"
  141. :class="{
  142. isItemList:
  143. navIndex == taskCount &&
  144. nav.id == navId &&
  145. stageIndex == courseType,
  146. }"
  147. >
  148. <div>任务{{ navIndex + 1 }}:</div>
  149. <el-tooltip
  150. effect="light"
  151. :content="nav.taskName"
  152. placement="top"
  153. >
  154. <div
  155. :style="{
  156. width:
  157. IsLookOpen &&
  158. !(
  159. navIndex == taskCount &&
  160. nav.id == navId &&
  161. stageIndex == courseType
  162. )
  163. ? 'calc(100% - 75px)'
  164. : 'auto',
  165. }"
  166. >
  167. {{ nav.taskName }}
  168. </div>
  169. </el-tooltip>
  170. </div>
  171. <div class="lockTaskIcon">
  172. <img
  173. src="../assets/lock.png"
  174. v-if="IsLookOpen && !nav.isLook"
  175. alt=""
  176. />
  177. </div>
  178. </div>
  179. <div
  180. v-if="nav.tool[0].tool != undefined"
  181. class="toolChild"
  182. :class="{ toolActive: nav.isOpen }"
  183. >
  184. <div v-for="(t, toolIndex) in nav.tool" :key="toolIndex">
  185. <div
  186. class="gjCss"
  187. :class="{ isGjCss: t.isTool }"
  188. @click="jumpGj(stageIndex, navIndex, toolIndex, nav.id)"
  189. >
  190. <div>工具{{ toolIndex + 1 }}:</div>
  191. <div v-if="t.tool == 58">模拟驾驶</div>
  192. <div v-if="t.tool == 59">路径搜索</div>
  193. <div v-if="t.tool == 60">深度学习</div>
  194. <div v-if="t.tool == 10">倒计时</div>
  195. <div v-if="t.tool == 65">挑人</div>
  196. <div v-if="t.tool == 7">思维网格</div>
  197. <div v-if="t.tool == 1">电子白板</div>
  198. <div v-if="t.tool == 52">文档</div>
  199. <div v-if="t.tool == 3">思维导图</div>
  200. <div v-if="t.tool == 48">表格</div>
  201. <div v-if="t.tool == 49">学生分组</div>
  202. <div v-if="t.tool == 4">问卷调查</div>
  203. <div v-if="t.tool == 45">选择题</div>
  204. <div v-if="t.tool == 15">问答</div>
  205. <div v-if="t.tool == 16">作业提交</div>
  206. <div v-if="t.tool == 50">批量上传</div>
  207. <div v-if="t.tool == 41">选择匹配</div>
  208. <div v-if="t.tool == 47">排序</div>
  209. <div v-if="t.tool == 40">个人评价</div>
  210. <div v-if="t.tool == 18">训练平台</div>
  211. <div v-if="t.tool == 21">AIoT Blockly</div>
  212. <div v-if="t.tool == 23">AI Python</div>
  213. <div v-if="t.tool == 24">AI Blockly</div>
  214. <div v-if="t.tool == 32">源码编辑</div>
  215. <div v-if="t.tool == 57">CocoPi</div>
  216. <div v-if="t.tool == 63">海龟编程</div>
  217. <div v-if="t.tool == 28">翻译</div>
  218. <div v-if="t.tool == 31">数字画板</div>
  219. <div v-if="t.tool == 39">GeoGebra</div>
  220. <div v-if="t.tool == 66">公式编辑</div>
  221. <div v-if="t.tool == 67">分子结构</div>
  222. <div v-if="t.tool == 68">时间轴</div>
  223. <div v-if="t.tool == 69">英语写作</div>
  224. <div v-if="t.tool == 25">目标管理</div>
  225. <div v-if="t.tool == 26">课程设计</div>
  226. <div v-if="t.tool == 62">交互视频</div>
  227. </div>
  228. </div>
  229. </div>
  230. </div>
  231. </div>
  232. </div>
  233. </div>
  234. </div>
  235. <div class="body_student" :class="{ navLeftCss: !mlDialog }">
  236. <div class="new_topFixed"></div>
  237. <div class="new_top" :class="{ navLeftCss: !mlDialog }">
  238. <div class="courseIndex">
  239. <div>任务{{ taskCount + 1 }}</div>
  240. <el-tooltip
  241. effect="light"
  242. :content="
  243. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].task
  244. "
  245. placement="top"
  246. >
  247. <div>
  248. {{
  249. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  250. .task
  251. }}
  252. </div>
  253. </el-tooltip>
  254. </div>
  255. <div class="btnAll">
  256. <div class="btnLeft">
  257. <el-tooltip effect="light" content="刷新" placement="top">
  258. <div class="reBtnIcon" @click="refreshCourse">
  259. <span>刷新</span>
  260. </div>
  261. </el-tooltip>
  262. <el-tooltip effect="light" content="评论" placement="top">
  263. <div class="commentIcon" @click="setPz" v-if="tType == 1">
  264. <span>评论</span>
  265. </div>
  266. </el-tooltip>
  267. <div v-if="!videoStart && (tType == 1 || tType == 4)">
  268. <el-tooltip effect="light" content="录制" placement="top">
  269. <div class="vedioIcon" @click="startRecording">
  270. <span>录制</span>
  271. </div>
  272. </el-tooltip>
  273. </div>
  274. <div v-else-if="tType == 1 || tType == 4">
  275. <el-tooltip effect="light" content="下载" placement="top">
  276. <div class="vedioIcon1" @click="stopRecording">
  277. <span>下载</span>
  278. </div>
  279. </el-tooltip>
  280. </div>
  281. </div>
  282. <div class="btnRight">
  283. <div
  284. class="last"
  285. @click="nextOrpreSteps(0)"
  286. v-if="!(IsFollow && tType == 2)"
  287. @mouseover="isHovered = true"
  288. @mouseout="isHovered = false"
  289. >
  290. <div class="lastImg">
  291. <img
  292. :src="
  293. isHovered
  294. ? require('../assets/icon/newIcons/whiteLast.png')
  295. : require('../assets/icon/newIcons/last.png')
  296. "
  297. alt=""
  298. />
  299. </div>
  300. <div class="lastText">上一步</div>
  301. </div>
  302. <div
  303. class="last"
  304. @click="nextOrpreSteps(1)"
  305. v-if="!(IsFollow && tType == 2)"
  306. @mouseover="isHovered1 = true"
  307. @mouseout="isHovered1 = false"
  308. >
  309. <div class="lastText">下一步</div>
  310. <div class="lastImg">
  311. <img
  312. :src="
  313. isHovered1
  314. ? require('../assets/icon/newIcons/whiteNext.png')
  315. : require('../assets/icon/newIcons/next.png')
  316. "
  317. alt=""
  318. />
  319. </div>
  320. </div>
  321. <div
  322. class="last"
  323. @click="juriVisible = true"
  324. v-if="tType == 1"
  325. @mouseover="isHovered2 = true"
  326. @mouseout="isHovered2 = false"
  327. >
  328. <div class="lastImg">
  329. <img
  330. :src="
  331. isHovered2
  332. ? require('../assets/icon/newIcons/whiteLock.png')
  333. : require('../assets/icon/newIcons/lock.png')
  334. "
  335. alt=""
  336. />
  337. </div>
  338. <div class="lastText">权限</div>
  339. </div>
  340. <div
  341. class="returnBtn1 returnIcon"
  342. @click.stop="
  343. goTo(
  344. '/courseDetail?userid=' +
  345. userid +
  346. '&oid=' +
  347. oid +
  348. '&org=' +
  349. org +
  350. '&cid=' +
  351. classId +
  352. '&courseId=' +
  353. id +
  354. '&tType=' +
  355. tType +
  356. '&screenType=' +
  357. screenType
  358. )
  359. "
  360. >
  361. <div class="lastImg">
  362. <img src="../assets/icon/newIcon/return.png" alt="" />
  363. </div>
  364. <div class="lastText" style="color: #000">返回</div>
  365. </div>
  366. </div>
  367. <!-- <div
  368. class="returnBtn lockIcon"
  369. @click="juriVisible = true"
  370. v-if="tType == 1"
  371. >
  372. 权限
  373. </div>
  374. <div
  375. class="returnBtn vedioIcon"
  376. @click="startRecording"
  377. v-if="!videoStart && (tType == 1 || tType == 4)"
  378. >
  379. 录制
  380. </div>
  381. <div
  382. class="returnBtn"
  383. @click="stopRecording"
  384. v-else-if="tType == 1 || tType == 4"
  385. style="background: #ee5255"
  386. >
  387. 下载
  388. </div>
  389. <div class="returnBtn commentIcon" @click="setPz" v-if="tType == 1">
  390. 评论
  391. </div>
  392. <div
  393. class="returnBtn"
  394. @click="nextOrpreSteps(0)"
  395. v-if="!(IsFollow && tType == 2)"
  396. >
  397. 上一步
  398. </div>
  399. <div
  400. class="returnBtn"
  401. @click="nextOrpreSteps(1)"
  402. v-if="!(IsFollow && tType == 2)"
  403. >
  404. 下一步
  405. </div>
  406. <div class="returnBtn" @click="refreshCourse">刷新</div>
  407. <div
  408. class="returnBtn returnIcon"
  409. @click.stop="
  410. goTo(
  411. '/courseDetail?userid=' +
  412. userid +
  413. '&oid=' +
  414. oid +
  415. '&org=' +
  416. org +
  417. '&cid=' +
  418. classId +
  419. '&courseId=' +
  420. id +
  421. '&tType=' +
  422. tType +
  423. '&screenType=' +
  424. screenType
  425. )
  426. "
  427. >
  428. 返回
  429. </div> -->
  430. </div>
  431. </div>
  432. <div
  433. class="isNoMessage"
  434. v-if="
  435. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  436. .chapterData.length == 0 &&
  437. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  438. .toolChoose[0].tool.length == 0 &&
  439. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  440. .taskDetail == '' &&
  441. !chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  442. .eList &&
  443. !(
  444. courseDetail.userid == userid ||
  445. (courseDetail.course_teacher &&
  446. courseDetail.course_teacher.indexOf(userid) != -1)
  447. )
  448. "
  449. >
  450. <img src="../assets/icon/isNoMessage.png" alt />
  451. </div>
  452. <div class="study_top" :class="{ pzClass: pzDialog }">
  453. <div
  454. class="vedioBox"
  455. v-if="
  456. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  457. .taskDetail != '' ||
  458. vChapterData[taskCount].length > 0 ||
  459. fileC[taskCount].length > 0
  460. "
  461. style="border-radius: 0 0 20px 20px"
  462. >
  463. <div
  464. class="taskBox"
  465. v-if="
  466. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  467. .taskDetail != ''
  468. "
  469. >
  470. <div
  471. style="
  472. display: flex;
  473. flex-wrap: nowrap;
  474. flex-direction: column;
  475. position: relative;
  476. "
  477. >
  478. <div
  479. style="
  480. padding: 15px 0;
  481. line-height: 29px;
  482. font-size: 18px;
  483. color: #0e1e33;
  484. "
  485. class="cont"
  486. v-if="
  487. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  488. .taskDetail != ''
  489. "
  490. v-html="
  491. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  492. .taskDetail
  493. ? chapInfoList[courseType].chapterInfo[0].taskJson[
  494. taskCount
  495. ].taskDetail
  496. : '暂无描述'
  497. "
  498. ></div>
  499. </div>
  500. </div>
  501. <div
  502. class="student_head"
  503. v-if="
  504. vChapterData[taskCount].length > 0 ||
  505. fileC[taskCount].length > 0
  506. "
  507. >
  508. <div class="vedioTaskBox">
  509. <div
  510. :class="
  511. contentDialog == false
  512. ? 'box_course isContentCss'
  513. : 'box_course'
  514. "
  515. v-if="
  516. vChapterData.length > 0 &&
  517. vChapterData[taskCount] &&
  518. showType !== ''
  519. "
  520. >
  521. <div class="wheel" style="height: auto" v-if="showType === 0">
  522. <div
  523. class="workd_media"
  524. style="height: 650px; width: calc(100% - 50px)"
  525. >
  526. <video-player
  527. class="video-player vjs-custom-skin"
  528. :class="contentDialog == false ? 'isAllWidth' : ''"
  529. :playsinline="true"
  530. :options="playerO[taskCount]"
  531. @play="onPlayerPlay($event)"
  532. style="width: 100%; height: 100%; margin: 0 0 0 30px"
  533. ></video-player>
  534. </div>
  535. </div>
  536. <div
  537. class="wheel"
  538. v-if="showType == 1"
  539. style="
  540. box-shadow: 0 0 6px 1px #f2f2f2;
  541. width: 95%;
  542. margin: 0 auto;
  543. background: #f1f1f1;
  544. "
  545. >
  546. <div class="title">查看文档</div>
  547. <el-form class="textBox">
  548. <el-form-item class="textTitle">
  549. <div style="font-size: 22px">
  550. {{ text.name }}
  551. </div>
  552. </el-form-item>
  553. <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
  554. <div v-html="text.url" class="textContent cont"></div>
  555. </el-form>
  556. </div>
  557. <div
  558. class="wheel"
  559. v-if="
  560. pptImgUrl1.indexOf(
  561. 'https://view.officeapps.live.com/op/view.aspx?src='
  562. ) != -1 && showType == 2
  563. "
  564. style="width: 95%; margin: 0 auto"
  565. >
  566. <iframe
  567. style="width: 100%; height: 100%; border: none"
  568. :src="pptImgUrl1"
  569. ></iframe>
  570. </div>
  571. <div
  572. class="wheel"
  573. v-else-if="showType == 2"
  574. style="width: 95%; margin: 0 auto"
  575. >
  576. <iframe
  577. style="width: 100%; height: 100%; border: none"
  578. security="restricted"
  579. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  580. :src="pptImgUrl1"
  581. ></iframe>
  582. </div>
  583. <div
  584. class="wheel"
  585. v-if="showType == 3"
  586. style="width: 95%; margin: 0 auto"
  587. >
  588. <pdf
  589. :pdfUrl="pptImgUrl1"
  590. style="width: 100%; height: 100%; overflow: auto"
  591. ></pdf>
  592. </div>
  593. <div
  594. class="wheel"
  595. v-if="showType == 4"
  596. style="width: 95%; margin: 0 auto"
  597. >
  598. <el-image
  599. :src="pptImgUrl1"
  600. fit="contain"
  601. style="width: 100%; height: 100%; cursor: pointer"
  602. @click="previewImg(pptImgUrl1)"
  603. ></el-image>
  604. </div>
  605. </div>
  606. <div
  607. class="pButton"
  608. style="position: absolute; right: 20px; top: 0; z-index: 998"
  609. v-if="!contentDialog"
  610. @click="setContent(true)"
  611. >
  612. <!-- 批 -->
  613. <img
  614. src="../assets/icon/newIcons/isLeft.png"
  615. style="width: 45px"
  616. alt=""
  617. />
  618. </div>
  619. <div
  620. v-if="contentDialog == true"
  621. :style="{
  622. width:
  623. (vChapterData[taskCount].length > 0 ||
  624. fileC[taskCount].length > 0) &&
  625. showType === ''
  626. ? 'calc(100%)'
  627. : '300px',
  628. margin:
  629. (vChapterData[taskCount].length > 0 ||
  630. fileC[taskCount].length > 0) &&
  631. showType === ''
  632. ? '0 15px'
  633. : '0 15px 0 0',
  634. }"
  635. >
  636. <div
  637. class="vedioList"
  638. v-if="
  639. vChapterData[taskCount].length > 0 ||
  640. fileC[taskCount].length > 0
  641. "
  642. style="height: 650px"
  643. >
  644. <div class="navCorOpenBox">
  645. <div class="navTitile">内容列表:</div>
  646. <div class="navCorOpen" @click="setContent(false)">
  647. <img src="../assets/icon/newIcons/isRight.png" alt="" />
  648. </div>
  649. </div>
  650. <div class="navBox">
  651. <div
  652. v-show="
  653. vChapterData[taskCount].length > 0 ||
  654. fileC[taskCount].length > 0
  655. "
  656. style="padding: 10px 0 25px 0"
  657. >
  658. <div
  659. class="vedioTimeBox"
  660. v-for="(vitem, vindex) in vChapterData[taskCount]"
  661. :key="vindex + '1'"
  662. >
  663. <div class="navListItem" v-if="vitem.type == 2">
  664. <div
  665. @click="lookVedio(vitem.url, vindex)"
  666. class="navText"
  667. :class="isClickNav == vindex ? 'isClickNav' : ''"
  668. >
  669. <span v-if="vitem.text">{{ vitem.text }}-</span
  670. >{{ vitem.name }}
  671. </div>
  672. <div class="downIcon" @click="downloadFile2(vitem)">
  673. <img src="../assets/icon/newIcon/down.png" alt />
  674. </div>
  675. </div>
  676. <div class="navListItem" v-if="vitem.type == 6">
  677. <div
  678. @click="lookText(taskCount, vindex)"
  679. class="navText"
  680. :class="isClickNav == vindex ? 'isClickNav' : ''"
  681. >
  682. {{ vitem.name }}.doc
  683. </div>
  684. <div
  685. class="downIcon"
  686. @click="checkFileFull1(vitem.type, vitem)"
  687. >
  688. <img
  689. src="../assets/icon/newIcon/allScreen.png"
  690. alt
  691. />
  692. </div>
  693. </div>
  694. <div
  695. class="navListItem"
  696. v-if="vitem.type == 8 || vitem.type == 14"
  697. >
  698. <div
  699. @click="doUrl(vitem.url, vindex)"
  700. class="navText"
  701. :class="isClickNav == vindex ? 'isClickNav' : ''"
  702. >
  703. {{ vitem.title ? vitem.title : vitem.url }}
  704. </div>
  705. <div
  706. class="downIcon"
  707. @click="checkFileFull1(vitem.type, vitem)"
  708. >
  709. <img
  710. src="../assets/icon/newIcon/allScreen.png"
  711. alt
  712. />
  713. </div>
  714. </div>
  715. <div class="navListItem" v-if="vitem.type == 3">
  716. <div
  717. @click="downFile(vitem, vindex)"
  718. class="navText"
  719. :class="isClickNav == vindex ? 'isClickNav' : ''"
  720. >
  721. <span v-if="vitem.text">{{ vitem.text }}-</span
  722. >{{ vitem.name }}
  723. </div>
  724. <div class="downIcon" @click="downloadFile2(vitem)">
  725. <img src="../assets/icon/newIcon/down.png" alt />
  726. </div>
  727. <div
  728. class="downIcon"
  729. @click="checkFileFull1(vitem.type, vitem)"
  730. >
  731. <img
  732. src="../assets/icon/newIcon/allScreen.png"
  733. alt
  734. />
  735. </div>
  736. </div>
  737. <div class="navListItem" v-if="vitem.type == 12">
  738. <div class="navText" @click="downloadFile2(vitem)">
  739. <span v-if="vitem.text">{{ vitem.text }}-</span
  740. >{{ vitem.name }}
  741. </div>
  742. <div class="downIcon" @click="downloadFile2(vitem)">
  743. <img src="../assets/icon/newIcon/down.png" alt />
  744. </div>
  745. <div
  746. class="downIcon"
  747. @click="checkFileFull1(vitem.type, vitem)"
  748. >
  749. <img
  750. src="../assets/icon/newIcon/allScreen.png"
  751. alt
  752. />
  753. </div>
  754. </div>
  755. <div class="navListItem" v-if="vitem.type == 13">
  756. <div
  757. class="navText"
  758. @click="checkPhoto(vitem, vindex)"
  759. :class="isClickNav == vindex ? 'isClickNav' : ''"
  760. >
  761. {{ vitem.name }}
  762. </div>
  763. <div class="downIcon" @click="downloadFile2(vitem)">
  764. <img src="../assets/icon/newIcon/down.png" alt />
  765. </div>
  766. </div>
  767. </div>
  768. <div
  769. class="fileC_box"
  770. v-if="fileC[taskCount].length > 0"
  771. >
  772. <div class="fileC_title">以下文件不支持预览</div>
  773. <div
  774. class="vedioTimeBox"
  775. v-for="(vitem, vindex) in fileC[taskCount]"
  776. :key="vindex + '1'"
  777. >
  778. <div class="navListItem" v-if="vitem.type == 12">
  779. <div class="navText" style="color: #acb4bf">
  780. <span v-if="vitem.text">{{ vitem.text }}-</span
  781. >{{ vitem.name }}
  782. </div>
  783. <div
  784. class="downIcon"
  785. @click="downloadFile2(vitem)"
  786. >
  787. <img
  788. src="../assets/icon/newIcon/down.png"
  789. alt
  790. />
  791. </div>
  792. </div>
  793. </div>
  794. </div>
  795. </div>
  796. </div>
  797. </div>
  798. </div>
  799. </div>
  800. <div style="width: calc(100% - 315px)">
  801. <div style="padding: 10px 0 0; width: 95%; margin: 0 auto">
  802. <!-- <el-button
  803. type="primary"
  804. class="newButton"
  805. @click="checkFileFull(showType, pptImgUrl1)"
  806. >全屏查看</el-button
  807. >
  808. <el-button
  809. type="primary"
  810. class="newButton"
  811. @click="downloadFile(pptImgUrl1)"
  812. v-if="showType != 2"
  813. >文件下载</el-button
  814. > -->
  815. <el-button
  816. class="newButton"
  817. v-if="
  818. showType == 2 &&
  819. pptImgUrl1.indexOf(
  820. 'https://view.officeapps.live.com/op/view.aspx?src='
  821. ) == -1
  822. "
  823. type="primary"
  824. @click="openLine(pptImgUrl1)"
  825. >打开链接
  826. </el-button>
  827. </div>
  828. <!-- <div
  829. style="padding: 10px 0 0; width: 95%; margin: 0 auto"
  830. v-if="showType == 1"
  831. >
  832. <el-button
  833. type="primary"
  834. class="newButton"
  835. @click="checkFileFull(showType, text)"
  836. >全屏查看</el-button
  837. >
  838. </div> -->
  839. </div>
  840. </div>
  841. </div>
  842. <div class="student_body" v-resize="resize">
  843. <div
  844. class="vedioBox"
  845. :style="{
  846. borderRadius:
  847. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  848. .taskDetail == '' &&
  849. vChapterData[taskCount].length == 0 &&
  850. fileC[taskCount].length == 0
  851. ? '0 0 20px 20px'
  852. : '20px',
  853. }"
  854. v-if="
  855. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  856. .toolChoose[0].tool &&
  857. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  858. .toolChoose[0].tool.length > 0
  859. "
  860. >
  861. <div
  862. class="toolHeng2"
  863. style="position: relative"
  864. v-if="
  865. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  866. .toolChoose[0].tool &&
  867. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  868. .toolChoose[0].tool.length &&
  869. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  870. .toolChoose[0].tool.length > 0
  871. "
  872. >
  873. <div class="workNav">工作区</div>
  874. <div
  875. class="filebox"
  876. style="flex-wrap: nowrap"
  877. v-for="(tool, toolIndex) in chapInfoList[courseType]
  878. .chapterInfo[0].taskJson[taskCount].toolChoose"
  879. :key="toolIndex"
  880. >
  881. <div class="bzBox">
  882. <div class="yCss"></div>
  883. <div :ref="'bz' + toolIndex" :id="'gj' + toolIndex">
  884. 步骤{{ toolIndex + 1 }}
  885. </div>
  886. <div
  887. v-if="timeWorkList[toolIndex].length > 0"
  888. style="margin: 0 0 0 10px"
  889. >
  890. {{
  891. timeWorkList[toolIndex][0].time
  892. ? "时间:" + timeWorkList[toolIndex][0].time
  893. : ""
  894. }}
  895. </div>
  896. </div>
  897. <div class="toolBox">
  898. <div>
  899. <!-- v-for="(itemTool, indexTool) in toolTypeList"
  900. :key="indexTool"-->
  901. <!-- <div class="iframeBox">
  902. <div
  903. class="addPoint isBorder"
  904. v-for="(tooC, toolCIndex) in tool.tool"
  905. :key="toolCIndex"
  906. >
  907. <div v-if="tooC == 1" style="border: 1px soild #ccc">
  908. <div
  909. class="iframeName"
  910. >
  911. 电子白板
  912. </div>
  913. <iframe
  914. src="https://iwb.cocorobo.cn/"
  915. ref="whiteBoard"
  916. ></iframe>
  917. </div>
  918. </div>
  919. </div>-->
  920. <div class="noiframeBox">
  921. <div
  922. class="addPoint"
  923. v-for="(tooC, toolCIndex) in tool.tool"
  924. :key="toolCIndex"
  925. >
  926. <div v-if="tooC == 1">
  927. <img
  928. src="../assets/icon/secondToolList/whiteBoard.png"
  929. alt
  930. @click="addTools(tooC, toolIndex, taskCount)"
  931. />
  932. <div style="margin: 5px 0">电子白板</div>
  933. </div>
  934. <div v-if="tooC == 3">
  935. <img
  936. src="../assets/icon/secondToolList/mindMapping.png"
  937. alt
  938. @click="addTools(tooC, toolIndex, taskCount)"
  939. />
  940. <div style="margin: 5px 0">思维导图</div>
  941. </div>
  942. <div v-if="tooC == 6">
  943. <img
  944. src="../assets/icon/secondToolList/doc.png"
  945. alt
  946. @click="addTools(tooC, toolIndex, taskCount)"
  947. />
  948. <div style="margin: 5px 0">协同文档</div>
  949. </div>
  950. <div v-if="tooC == 7">
  951. <img
  952. src="../assets/icon/secondToolList/mindNetwork.png"
  953. alt
  954. @click="addTools(tooC, toolIndex, taskCount)"
  955. />
  956. <div style="margin: 5px 0">思维网格</div>
  957. </div>
  958. <div v-if="tooC == 8">
  959. <img
  960. src="../assets/icon/secondToolList/library.png"
  961. alt
  962. @click="addTools(tooC, toolIndex, taskCount)"
  963. />
  964. <div style="margin: 5px 0">素材库</div>
  965. </div>
  966. <div v-if="tooC == 17">
  967. <img
  968. src="../assets/icon/secondToolList/library.png"
  969. alt
  970. @click="addTools(tooC, toolIndex, taskCount)"
  971. />
  972. <div style="margin: 5px 0">学习资料</div>
  973. </div>
  974. <div v-if="tooC == 2">
  975. <img
  976. @click="addTools(tooC, toolIndex, taskCount)"
  977. src="../assets/icon/secondToolList/note.png"
  978. alt
  979. />
  980. <div style="margin: 5px 0">便签</div>
  981. </div>
  982. <div v-if="tooC == 4">
  983. <img
  984. @click="addTools(tooC, toolIndex, taskCount)"
  985. src="../assets/icon/thirdToolList/ask.png"
  986. alt
  987. />
  988. <div style="margin: 5px 0">问卷调查</div>
  989. </div>
  990. <div v-if="tooC == 45">
  991. <img
  992. @click="addTools(tooC, toolIndex, taskCount)"
  993. src="../assets/icon/thirdToolList/choose.png"
  994. alt
  995. />
  996. <div style="margin: 5px 0">选择题</div>
  997. </div>
  998. <!-- <div v-if="tooC == 5">
  999. <img
  1000. @click="addTools(tooC, toolIndex, taskCount)"
  1001. src="../assets/icon/thirdToolList/score.png"
  1002. alt
  1003. />
  1004. <div style="margin: 5px 0">量规评分</div>
  1005. </div> -->
  1006. <div v-if="tooC == 10">
  1007. <img
  1008. @click="addTools(tooC, toolIndex, taskCount)"
  1009. src="../assets/icon/thirdToolList/time.png"
  1010. alt
  1011. />
  1012. <div style="margin: 5px 0">倒计时</div>
  1013. </div>
  1014. <div v-if="tooC == 15">
  1015. <img
  1016. @click="addTools(tooC, toolIndex, taskCount)"
  1017. src="../assets/icon/thirdToolList/answer.png"
  1018. alt
  1019. />
  1020. <div style="margin: 5px 0">问答</div>
  1021. </div>
  1022. <div v-if="tooC == 26">
  1023. <img
  1024. @click="addTools(tooC, toolIndex, taskCount)"
  1025. src="../assets/icon/thirdToolList/courseDesign.png"
  1026. alt
  1027. />
  1028. <div style="margin: 5px 0">课程设计</div>
  1029. </div>
  1030. <div v-if="tooC == 18">
  1031. <img
  1032. @click="addTools(tooC, toolIndex, taskCount)"
  1033. src="../assets/icon/thirdToolList/trainPlatform.png"
  1034. alt
  1035. />
  1036. <div style="margin: 5px 0">训练服务器</div>
  1037. </div>
  1038. <div v-if="tooC == 16">
  1039. <img
  1040. @click="addTools(tooC, toolIndex, taskCount)"
  1041. src="../assets/icon/thirdToolList/work.png"
  1042. alt
  1043. />
  1044. <div style="margin: 5px 0">作业提交</div>
  1045. </div>
  1046. <div v-if="tooC == 50">
  1047. <img
  1048. @click="addTools(tooC, toolIndex, taskCount)"
  1049. src="../assets/icon/thirdToolList/plwork.png"
  1050. alt
  1051. />
  1052. <div style="margin: 5px 0">批量上传</div>
  1053. </div>
  1054. <div v-if="tooC == 21">
  1055. <img
  1056. @click="addTools(tooC, toolIndex, taskCount)"
  1057. src="../assets/icon/fourthToolList/program.png"
  1058. alt
  1059. />
  1060. <div style="margin: 5px 0">AIoT Blockly</div>
  1061. </div>
  1062. <!-- <div v-if="tooC == 22">
  1063. <img
  1064. @click="addTools(tooC, toolIndex, taskCount)"
  1065. src="../assets/icon/fourthToolList/program.png"
  1066. alt
  1067. />
  1068. <div style="margin: 5px 0">AI体验</div>
  1069. </div> -->
  1070. <div v-if="tooC == 23">
  1071. <img
  1072. @click="addTools(tooC, toolIndex, taskCount)"
  1073. src="../assets/icon/fourthToolList/Pythonprogram.png"
  1074. alt
  1075. />
  1076. <div style="margin: 5px 0">AI Python</div>
  1077. </div>
  1078. <div v-if="tooC == 24">
  1079. <img
  1080. @click="addTools(tooC, toolIndex, taskCount)"
  1081. src="../assets/icon/fourthToolList/AIprogram.png"
  1082. alt
  1083. />
  1084. <div style="margin: 5px 0">AI Blockly</div>
  1085. </div>
  1086. <div v-if="tooC == 25">
  1087. <img
  1088. @click="addTools(tooC, toolIndex, taskCount)"
  1089. src="../assets/icon/thirdToolList/evalua.png"
  1090. alt
  1091. />
  1092. <div style="margin: 5px 0">目标管理</div>
  1093. </div>
  1094. <div v-if="tooC == 31">
  1095. <img
  1096. @click="addTools(tooC, toolIndex, taskCount)"
  1097. src="../assets/icon/secondToolList/networkPanel.png"
  1098. alt
  1099. />
  1100. <div style="margin: 5px 0">数学画板</div>
  1101. </div>
  1102. <div v-if="tooC == 28">
  1103. <img
  1104. @click="addTools(tooC, toolIndex, taskCount)"
  1105. src="../assets/icon/secondToolList/translation.png"
  1106. alt
  1107. />
  1108. <div style="margin: 5px 0">翻译</div>
  1109. </div>
  1110. <div v-if="tooC == 37">
  1111. <img
  1112. @click="addTools(tooC, toolIndex, taskCount)"
  1113. src="../assets/icon/secondToolList/mohe.png"
  1114. alt
  1115. />
  1116. <div style="margin: 5px 0">魔盒识字</div>
  1117. </div>
  1118. <div v-if="tooC == 38">
  1119. <img
  1120. @click="addTools(tooC, toolIndex, taskCount)"
  1121. src="../assets/icon/secondToolList/24game.png"
  1122. alt
  1123. />
  1124. <div style="margin: 5px 0">24点</div>
  1125. </div>
  1126. <div v-if="tooC == 39">
  1127. <img
  1128. @click="addTools(tooC, toolIndex, taskCount)"
  1129. src="../assets/icon/secondToolList/GeoGebra.png"
  1130. alt
  1131. />
  1132. <div style="margin: 5px 0">GeoGebra</div>
  1133. </div>
  1134. <div v-if="tooC == 32">
  1135. <img
  1136. @click="addTools(tooC, toolIndex, taskCount)"
  1137. src="../assets/icon/thirdToolList/code.png"
  1138. alt
  1139. />
  1140. <div style="margin: 5px 0">源码编辑</div>
  1141. <!-- <div class="upload_toolBtn" @click="addImg($event)"
  1142. style="position: absolute;left: 110px;bottom: 30px;">
  1143. 上传文件
  1144. <input type="file" accept="*" style="display: none"
  1145. @change="beforeUpload1($event, 7, toolIndex)" />
  1146. </div> -->
  1147. </div>
  1148. <div v-if="tooC == 40">
  1149. <img
  1150. @click="addTools(tooC, toolIndex, taskCount)"
  1151. src="../assets/icon/secondToolList/eval.png"
  1152. alt
  1153. />
  1154. <div style="margin: 5px 0">个人评价</div>
  1155. </div>
  1156. <div v-if="tooC == 41">
  1157. <img
  1158. @click="addTools(tooC, toolIndex, taskCount)"
  1159. src="../assets/icon/thirdToolList/select.png"
  1160. alt
  1161. />
  1162. <div style="margin: 5px 0">选择匹配</div>
  1163. </div>
  1164. <div v-if="tooC == 44">
  1165. <img
  1166. @click="addTools(tooC, toolIndex, taskCount)"
  1167. src="../assets/icon/thirdToolList/hanClass.png"
  1168. alt
  1169. />
  1170. <div style="margin: 5px 0">汉字宫</div>
  1171. </div>
  1172. <div v-if="tooC == 47">
  1173. <img
  1174. @click="addTools(tooC, toolIndex, taskCount)"
  1175. src="../assets/icon/fourthToolList/conSentences.png"
  1176. alt
  1177. />
  1178. <div style="margin: 5px 0">排序</div>
  1179. </div>
  1180. <div v-if="tooC == 48">
  1181. <img
  1182. @click="addTools(tooC, toolIndex, taskCount)"
  1183. src="../assets/icon/fourthToolList/table.png"
  1184. alt
  1185. />
  1186. <div style="margin: 5px 0">表格</div>
  1187. </div>
  1188. <div v-if="tooC == 52">
  1189. <img
  1190. @click="addTools(tooC, toolIndex, taskCount)"
  1191. src="../assets/icon/fourthToolList/text.png"
  1192. alt
  1193. />
  1194. <div style="margin: 5px 0">文档</div>
  1195. </div>
  1196. <div v-if="tooC == 49">
  1197. <img
  1198. @click="addTools(tooC, toolIndex, taskCount)"
  1199. src="../assets/icon/fourthToolList/group.png"
  1200. alt
  1201. />
  1202. <div style="margin: 5px 0">学生分组</div>
  1203. </div>
  1204. <div v-if="tooC == 57">
  1205. <img
  1206. @click="addTools(tooC, toolIndex, taskCount)"
  1207. src="../assets/icon/fourthToolList/cocopi.png"
  1208. alt
  1209. />
  1210. <div style="margin: 5px 0">CocoPi</div>
  1211. </div>
  1212. <div v-if="tooC == 58">
  1213. <img
  1214. @click="addTools(tooC, toolIndex, taskCount)"
  1215. src="../assets/icon/fourthToolList/car.png"
  1216. alt
  1217. />
  1218. <div style="margin: 5px 0">模拟驾驶</div>
  1219. </div>
  1220. <div v-if="tooC == 59">
  1221. <img
  1222. @click="addTools(tooC, toolIndex, taskCount)"
  1223. src="../assets/icon/fourthToolList/lineSearch.png"
  1224. alt
  1225. />
  1226. <div style="margin: 5px 0">路径搜索</div>
  1227. </div>
  1228. <div v-if="tooC == 60">
  1229. <img
  1230. @click="addTools(tooC, toolIndex, taskCount)"
  1231. src="../assets/icon/fourthToolList/deepLearning.png"
  1232. alt
  1233. />
  1234. <div style="margin: 5px 0">深度学习</div>
  1235. </div>
  1236. <div v-if="tooC == 61">
  1237. <img
  1238. @click="addTools(tooC, toolIndex, taskCount)"
  1239. src="../assets/icon/fourthToolList/allHistory.png"
  1240. alt
  1241. />
  1242. <div style="margin: 5px 0">全历史</div>
  1243. </div>
  1244. <div v-if="tooC == 62">
  1245. <img
  1246. @click="addTools(tooC, toolIndex, taskCount)"
  1247. src="../assets/icon/fourthToolList/interVideo.png"
  1248. alt
  1249. />
  1250. <div style="margin: 5px 0">交互视频</div>
  1251. </div>
  1252. <div v-if="tooC == 63">
  1253. <img
  1254. @click="addTools(tooC, toolIndex, taskCount)"
  1255. src="../assets/icon/fourthToolList/Wood.png"
  1256. alt
  1257. />
  1258. <div style="margin: 5px 0">海龟编程</div>
  1259. </div>
  1260. <div v-if="tooC == 65">
  1261. <img
  1262. @click="addTools(tooC, toolIndex, taskCount)"
  1263. src="../assets/icon/firstToolList/pickPeople.png"
  1264. alt
  1265. />
  1266. <div style="margin: 5px 0">挑人</div>
  1267. </div>
  1268. <div v-if="tooC == 66">
  1269. <img
  1270. @click="addTools(tooC, toolIndex, taskCount)"
  1271. src="../assets/icon/secondToolList/formulaEdi.png"
  1272. alt
  1273. />
  1274. <div style="margin: 5px 0">公式编辑</div>
  1275. </div>
  1276. <div v-if="tooC == 67">
  1277. <img
  1278. @click="addTools(tooC, toolIndex, taskCount)"
  1279. src="../assets/icon/secondToolList/molStr.png"
  1280. alt
  1281. />
  1282. <div style="margin: 5px 0">分子结构</div>
  1283. </div>
  1284. <div v-if="tooC == 68">
  1285. <img
  1286. @click="addTools(tooC, toolIndex, taskCount)"
  1287. src="../assets/icon/secondToolList/timeAxis.png"
  1288. alt
  1289. />
  1290. <div style="margin: 5px 0">时间轴</div>
  1291. </div>
  1292. <div v-if="tooC == 69">
  1293. <img
  1294. @click="addTools(tooC, toolIndex, taskCount)"
  1295. src="../assets/icon/secondToolList/english.png"
  1296. alt
  1297. />
  1298. <div style="margin: 5px 0">英语写作</div>
  1299. </div>
  1300. </div>
  1301. </div>
  1302. </div>
  1303. <div class="tooldetail" v-if="tool.toolDetail != ''">
  1304. <!-- <div class="toolTitle">工具描述</div> -->
  1305. <div
  1306. v-html="contentConvent(tool.toolDetail)"
  1307. v-if="toolDetailIndex != toolIndex"
  1308. @click.stop="updateToolDetail(toolIndex)"
  1309. ></div>
  1310. <div v-else @click.stop="">
  1311. <el-input
  1312. type="textarea"
  1313. :rows="3"
  1314. resize="none"
  1315. v-model="updateToolDetailInner"
  1316. placeholder="请输入任务描述"
  1317. ></el-input>
  1318. </div>
  1319. </div>
  1320. <el-button
  1321. type="primary"
  1322. v-if="tool.tool[0] == 32"
  1323. style="position: absolute; right: 30px; top: 30px"
  1324. @click="addImg($event)"
  1325. >上传作业<input
  1326. type="file"
  1327. accept="*"
  1328. style="display: none"
  1329. @change="beforeUpload1($event, 7, toolIndex)"
  1330. /></el-button>
  1331. <el-button
  1332. type="primary"
  1333. v-if="tool.tool[0] == 15"
  1334. style="position: absolute; right: 30px; top: 30px"
  1335. @click="openWordCloud(toolIndex)"
  1336. >生成词云</el-button
  1337. >
  1338. <el-button
  1339. type="primary"
  1340. v-if="
  1341. tool.tool[0] == 16 && worksStudent[toolIndex].length > 0
  1342. "
  1343. style="position: absolute; right: 30px; top: 30px"
  1344. @click="uploadWorks(toolIndex)"
  1345. >导出作业</el-button
  1346. >
  1347. <!-- <el-button type="primary" v-if="tool.tool[0] == 57" style="
  1348. position: absolute;
  1349. right: 30px;
  1350. transform: translateY(-130%);
  1351. " @click="addImg($event)">上传作业<input type="file" accept="*" style="display: none"
  1352. @change="beforeUpload1($event, 8, toolIndex)" /></el-button> -->
  1353. </div>
  1354. <div
  1355. v-if="
  1356. tType &&
  1357. tType == 2 &&
  1358. !sIsOpen &&
  1359. tool.tool.indexOf(16) != -1
  1360. "
  1361. class="worksBox"
  1362. >
  1363. <div
  1364. class="zuoyeYulan"
  1365. v-if="workStudent[toolIndex].length > 0"
  1366. >
  1367. <span class="worksTitle">作业预览</span>
  1368. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1369. </div>
  1370. <div
  1371. class="worksDetailBox"
  1372. v-if="workStudent[toolIndex].length > 0"
  1373. >
  1374. <div
  1375. class="works"
  1376. style="
  1377. width: 200px;
  1378. height: 140px;
  1379. margin: 10px 10px 10px 0;
  1380. box-shadow: 0 0 6px 1px #dfdada;
  1381. "
  1382. v-for="(w, wIndex) in workStudent[toolIndex]"
  1383. :key="wIndex"
  1384. >
  1385. <div class="workImg" v-if="w.type == 0">
  1386. <img
  1387. :src="w.works"
  1388. @click="previewImg(w.works)"
  1389. alt
  1390. />
  1391. <div
  1392. class="answerScore"
  1393. v-if="w.score"
  1394. @click.stop="openScore(w)"
  1395. :class="{
  1396. rightW:
  1397. w.userid == userid || tType == 1 || tType == 4,
  1398. }"
  1399. >
  1400. {{ JSON.parse(w.score).wScore }}分
  1401. </div>
  1402. <div
  1403. class="answerScore"
  1404. @click.stop="openScore(w)"
  1405. v-else-if="courseDetail.userid == userid"
  1406. :class="{
  1407. rightW:
  1408. w.userid == userid || tType == 1 || tType == 4,
  1409. }"
  1410. >
  1411. 评分
  1412. </div>
  1413. <img
  1414. class="deleteImg"
  1415. src="../assets/deleteworks.png"
  1416. v-if="
  1417. w.userid == userid || tType == 1 || tType == 4
  1418. "
  1419. @click.stop="deleteWorks(w.wid)"
  1420. alt
  1421. />
  1422. </div>
  1423. <div class="workImg" v-if="w.type == 1">
  1424. <img :src="word" @click="openFile(w.works)" alt />
  1425. <div
  1426. class="answerScore"
  1427. v-if="w.score"
  1428. @click.stop="openScore(w)"
  1429. :class="{
  1430. rightW:
  1431. w.userid == userid || tType == 1 || tType == 4,
  1432. }"
  1433. >
  1434. {{ JSON.parse(w.score).wScore }}分
  1435. </div>
  1436. <div
  1437. class="answerScore"
  1438. @click.stop="openScore(w)"
  1439. v-else-if="courseDetail.userid == userid"
  1440. :class="{
  1441. rightW:
  1442. w.userid == userid || tType == 1 || tType == 4,
  1443. }"
  1444. >
  1445. 评分
  1446. </div>
  1447. <img
  1448. class="deleteImg"
  1449. src="../assets/deleteworks.png"
  1450. v-if="
  1451. w.userid == userid || tType == 1 || tType == 4
  1452. "
  1453. @click.stop="deleteWorks(w.wid)"
  1454. alt
  1455. />
  1456. </div>
  1457. <div class="workImg" v-if="w.type == 3">
  1458. <img
  1459. style="cursor: pointer"
  1460. :src="video"
  1461. @click="openVideo(w)"
  1462. alt
  1463. />
  1464. <div
  1465. class="answerScore"
  1466. v-if="w.score"
  1467. @click.stop="openScore(w)"
  1468. :class="{
  1469. rightW:
  1470. w.userid == userid || tType == 1 || tType == 4,
  1471. }"
  1472. >
  1473. {{ JSON.parse(w.score).wScore }}分
  1474. </div>
  1475. <div
  1476. class="answerScore"
  1477. @click.stop="openScore(w)"
  1478. v-else-if="courseDetail.userid == userid"
  1479. :class="{
  1480. rightW:
  1481. w.userid == userid || tType == 1 || tType == 4,
  1482. }"
  1483. >
  1484. 评分
  1485. </div>
  1486. <img
  1487. class="deleteImg"
  1488. src="../assets/deleteworks.png"
  1489. v-if="
  1490. w.userid == userid || tType == 1 || tType == 4
  1491. "
  1492. @click.stop="deleteWorks(w.wid)"
  1493. alt
  1494. />
  1495. </div>
  1496. <div class="workImg" v-if="w.type == 12">
  1497. <img
  1498. style="cursor: pointer"
  1499. :src="word2"
  1500. @click="downloadFile(w.works)"
  1501. alt
  1502. />
  1503. <div
  1504. class="answerScore"
  1505. v-if="w.score"
  1506. @click.stop="openScore(w)"
  1507. :class="{
  1508. rightW:
  1509. w.userid == userid || tType == 1 || tType == 4,
  1510. }"
  1511. >
  1512. {{ JSON.parse(w.score).wScore }}分
  1513. </div>
  1514. <div
  1515. class="answerScore"
  1516. @click.stop="openScore(w)"
  1517. v-else-if="courseDetail.userid == userid"
  1518. :class="{
  1519. rightW:
  1520. w.userid == userid || tType == 1 || tType == 4,
  1521. }"
  1522. >
  1523. 评分
  1524. </div>
  1525. <img
  1526. class="deleteImg"
  1527. src="../assets/deleteworks.png"
  1528. v-if="
  1529. w.userid == userid || tType == 1 || tType == 4
  1530. "
  1531. @click.stop="deleteWorks(w.wid)"
  1532. alt
  1533. />
  1534. </div>
  1535. <div class="worksName">
  1536. <div>{{ w.sName }}</div>
  1537. </div>
  1538. </div>
  1539. </div>
  1540. </div>
  1541. <div
  1542. v-if="
  1543. tType &&
  1544. tType == 2 &&
  1545. !sIsOpen &&
  1546. tool.tool.indexOf(32) != -1
  1547. "
  1548. class="worksBox"
  1549. >
  1550. <div
  1551. class="zuoyeYulan"
  1552. v-if="workStudent[toolIndex].length > 0"
  1553. >
  1554. <span class="worksTitle">作业预览</span>
  1555. </div>
  1556. <div
  1557. class="worksDetailBox"
  1558. v-if="workStudent[toolIndex].length > 0"
  1559. >
  1560. <div
  1561. class="works"
  1562. style="
  1563. width: 200px;
  1564. height: 140px;
  1565. margin: 10px 10px 10px 0;
  1566. box-shadow: 0 0 6px 1px #dfdada;
  1567. "
  1568. v-for="(w, wIndex) in workStudent[toolIndex]"
  1569. :key="wIndex"
  1570. >
  1571. <div class="workImg">
  1572. <img
  1573. :src="word2"
  1574. @click="downloadFile(w.works)"
  1575. alt
  1576. />
  1577. <div
  1578. class="answerScore"
  1579. v-if="w.score"
  1580. @click.stop="openScore(w)"
  1581. :class="{
  1582. rightW:
  1583. w.userid == userid || tType == 1 || tType == 4,
  1584. }"
  1585. >
  1586. {{ JSON.parse(w.score).wScore }}分
  1587. </div>
  1588. <div
  1589. class="answerScore"
  1590. @click.stop="openScore(w)"
  1591. v-else-if="courseDetail.userid == userid"
  1592. :class="{
  1593. rightW:
  1594. w.userid == userid || tType == 1 || tType == 4,
  1595. }"
  1596. >
  1597. 评分
  1598. </div>
  1599. <img
  1600. class="deleteImg"
  1601. src="../assets/deleteworks.png"
  1602. v-if="
  1603. w.userid == userid || tType == 1 || tType == 4
  1604. "
  1605. @click.stop="deleteWorks(w.wid)"
  1606. alt
  1607. />
  1608. </div>
  1609. <div class="worksName">
  1610. <div>{{ w.sName }}</div>
  1611. </div>
  1612. </div>
  1613. </div>
  1614. </div>
  1615. <div
  1616. v-if="
  1617. tType &&
  1618. tType == 2 &&
  1619. !sIsOpen &&
  1620. tool.tool.indexOf(57) != -1
  1621. "
  1622. class="worksBox"
  1623. >
  1624. <div
  1625. class="zuoyeYulan"
  1626. v-if="workStudent[toolIndex].length > 0"
  1627. >
  1628. <span class="worksTitle">作业预览</span>
  1629. </div>
  1630. <div
  1631. class="worksDetailBox"
  1632. v-if="workStudent[toolIndex].length > 0"
  1633. >
  1634. <div
  1635. class="works"
  1636. style="
  1637. width: 200px;
  1638. height: 140px;
  1639. margin: 10px 10px 10px 0;
  1640. box-shadow: 0 0 6px 1px #dfdada;
  1641. "
  1642. v-for="(w, wIndex) in workStudent[toolIndex]"
  1643. :key="wIndex"
  1644. >
  1645. <div class="workImg">
  1646. <img
  1647. :src="word2"
  1648. @click="downloadFile(w.works)"
  1649. v-if="w.type == 12"
  1650. alt
  1651. />
  1652. <img
  1653. :src="word2"
  1654. @click="
  1655. openCocoPi(57, toolIndex, w.userid, w.sName)
  1656. "
  1657. v-else-if="w.type == 15"
  1658. alt
  1659. />
  1660. <div
  1661. class="answerScore"
  1662. v-if="w.score"
  1663. @click.stop="openScore(w)"
  1664. :class="{
  1665. rightW:
  1666. w.userid == userid || tType == 1 || tType == 4,
  1667. }"
  1668. >
  1669. {{ JSON.parse(w.score).wScore }}分
  1670. </div>
  1671. <div
  1672. class="answerScore"
  1673. @click.stop="openScore(w)"
  1674. v-else-if="courseDetail.userid == userid"
  1675. :class="{
  1676. rightW:
  1677. w.userid == userid || tType == 1 || tType == 4,
  1678. }"
  1679. >
  1680. 评分
  1681. </div>
  1682. <img
  1683. class="deleteImg"
  1684. src="../assets/deleteworks.png"
  1685. v-if="
  1686. w.userid == userid || tType == 1 || tType == 4
  1687. "
  1688. @click.stop="deleteWorks(w.wid)"
  1689. alt
  1690. />
  1691. </div>
  1692. <div class="worksName">
  1693. <div>{{ w.sName }}</div>
  1694. </div>
  1695. </div>
  1696. </div>
  1697. </div>
  1698. <div
  1699. v-if="
  1700. tType &&
  1701. tType == 2 &&
  1702. !sIsOpen &&
  1703. tool.tool.indexOf(4) != -1
  1704. "
  1705. class="worksBox"
  1706. >
  1707. <div
  1708. class="zuoyeYulan"
  1709. v-if="workStudent[toolIndex].length > 0"
  1710. >
  1711. <span class="worksTitle">作业预览</span>
  1712. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1713. </div>
  1714. <div
  1715. class="worksDetailBox"
  1716. v-if="workStudent[toolIndex].length > 0"
  1717. >
  1718. <div
  1719. class="isWorksName2"
  1720. v-for="(w, wIndex) in workStudent[toolIndex]"
  1721. :key="wIndex"
  1722. @click="
  1723. openTools(4, toolIndex, taskCount, w.works, w.sName)
  1724. "
  1725. >
  1726. {{ w.sName }}
  1727. <img
  1728. class="deleteImg deleteImg2"
  1729. src="../assets/deleteworks.png"
  1730. v-if="w.userid == userid || tType == 1 || tType == 4"
  1731. @click.stop="deleteWorks(w.wid)"
  1732. alt
  1733. />
  1734. </div>
  1735. <!-- <div
  1736. class="works"
  1737. style="
  1738. width: 200px;
  1739. height: 140px;
  1740. border-radius: 10px;
  1741. box-shadow: 0 0 6px 1px #dfdada;
  1742. overflow: hidden;
  1743. "
  1744. v-for="(w, wIndex) in workStudent[toolIndex]"
  1745. :key="wIndex"
  1746. >
  1747. <div class="workImg">
  1748. <img
  1749. src="../assets/icon/works/noImg.png"
  1750. @click="
  1751. openTools(
  1752. 4,
  1753. toolIndex,
  1754. taskCount,
  1755. w.works,
  1756. w.sName
  1757. )
  1758. "
  1759. alt
  1760. />
  1761. </div>
  1762. <div class="worksName">
  1763. <div>{{ w.sName }}</div>
  1764. <div>{{ w.time }}</div>
  1765. </div>
  1766. </div> -->
  1767. </div>
  1768. </div>
  1769. <div
  1770. v-if="
  1771. tType &&
  1772. tType == 2 &&
  1773. !sIsOpen &&
  1774. tool.tool.indexOf(45) != -1
  1775. "
  1776. class="worksBox"
  1777. >
  1778. <div
  1779. class="zuoyeYulan"
  1780. v-if="workStudent[toolIndex].length > 0"
  1781. >
  1782. <span class="worksTitle">作业预览</span>
  1783. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1784. </div>
  1785. <div
  1786. class="worksDetailBox"
  1787. v-if="workStudent[toolIndex].length > 0"
  1788. >
  1789. <div
  1790. class="isWorksName2"
  1791. v-for="(w, wIndex) in workStudent[toolIndex]"
  1792. :key="wIndex"
  1793. @click="
  1794. openTools(45, toolIndex, taskCount, w.works, w.sName)
  1795. "
  1796. >
  1797. {{ w.sName }}
  1798. <img
  1799. class="deleteImg deleteImg2"
  1800. src="../assets/deleteworks.png"
  1801. v-if="w.userid == userid || tType == 1 || tType == 4"
  1802. @click.stop="deleteWorks(w.wid)"
  1803. alt
  1804. />
  1805. </div>
  1806. </div>
  1807. </div>
  1808. <div
  1809. v-if="
  1810. tType &&
  1811. tType == 2 &&
  1812. !sIsOpen &&
  1813. tool.tool.indexOf(69) != -1
  1814. "
  1815. class="worksBox"
  1816. >
  1817. <div
  1818. class="zuoyeYulan"
  1819. v-if="workStudent[toolIndex].length > 0"
  1820. >
  1821. <span class="worksTitle">作业预览</span>
  1822. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1823. </div>
  1824. <div
  1825. class="worksDetailBox"
  1826. v-if="workStudent[toolIndex].length > 0"
  1827. >
  1828. <div
  1829. class="isWorksName2"
  1830. v-for="(w, wIndex) in workStudent[toolIndex]"
  1831. :key="wIndex"
  1832. @click="
  1833. openTools(69, toolIndex, taskCount, w.works, w.sName)
  1834. "
  1835. >
  1836. {{ w.sName }}
  1837. <img
  1838. class="deleteImg deleteImg2"
  1839. src="../assets/deleteworks.png"
  1840. v-if="w.userid == userid || tType == 1 || tType == 4"
  1841. @click.stop="deleteWorks(w.wid)"
  1842. alt
  1843. />
  1844. </div>
  1845. </div>
  1846. </div>
  1847. <div
  1848. v-if="
  1849. tType &&
  1850. tType == 2 &&
  1851. !sIsOpen &&
  1852. tool.tool.indexOf(15) != -1
  1853. "
  1854. class="worksBox"
  1855. >
  1856. <div
  1857. class="zuoyeYulan"
  1858. v-if="workStudent[toolIndex].length > 0"
  1859. >
  1860. <span class="worksTitle">作业预览</span>
  1861. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1862. </div>
  1863. <div
  1864. class="worksDetailBox"
  1865. v-if="workStudent[toolIndex].length > 0"
  1866. >
  1867. <div
  1868. class="works"
  1869. v-for="(w, wIndex) in workStudent[toolIndex]"
  1870. :key="wIndex"
  1871. >
  1872. <div class="workImg">
  1873. <!-- <img
  1874. src="../assets/icon/works/noImg.png"
  1875. @click="openTools(15, toolIndex, taskCount, w.works)"
  1876. alt=""
  1877. />-->
  1878. <div class="answerBg">
  1879. <!-- <div>{{ w.sName }}</div> -->
  1880. <el-tooltip
  1881. class="item"
  1882. effect="light"
  1883. :content="JSON.parse(w.works)[0].answer"
  1884. placement="top"
  1885. >
  1886. <div class="answerContent">
  1887. {{ JSON.parse(w.works)[0].answer }}
  1888. </div>
  1889. </el-tooltip>
  1890. <div
  1891. class="answerScore"
  1892. v-if="w.score"
  1893. @click.stop="openScore(w)"
  1894. :class="{
  1895. rightW:
  1896. w.userid == userid ||
  1897. tType == 1 ||
  1898. tType == 4,
  1899. }"
  1900. >
  1901. {{ JSON.parse(w.score).wScore }}分
  1902. </div>
  1903. <div
  1904. class="answerScore"
  1905. @click.stop="openScore(w)"
  1906. v-else-if="courseDetail.userid == userid"
  1907. :class="{
  1908. rightW:
  1909. w.userid == userid ||
  1910. tType == 1 ||
  1911. tType == 4,
  1912. }"
  1913. >
  1914. 评分
  1915. </div>
  1916. <img
  1917. class="deleteImg"
  1918. src="../assets/deleteworks.png"
  1919. v-if="
  1920. w.userid == userid || tType == 1 || tType == 4
  1921. "
  1922. @click.stop="deleteWorks(w.wid)"
  1923. alt
  1924. />
  1925. </div>
  1926. <div class="comment">
  1927. <div class="worksName">
  1928. <div>{{ w.sName }}</div>
  1929. </div>
  1930. </div>
  1931. </div>
  1932. </div>
  1933. </div>
  1934. </div>
  1935. <div
  1936. v-if="
  1937. tType &&
  1938. tType == 2 &&
  1939. !sIsOpen &&
  1940. tool.tool.indexOf(1) != -1
  1941. "
  1942. class="worksBox"
  1943. >
  1944. <div
  1945. class="zuoyeYulan"
  1946. v-if="workStudent[toolIndex].length > 0"
  1947. >
  1948. <span class="worksTitle">作业预览</span>
  1949. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1950. </div>
  1951. <div
  1952. class="worksDetailBox"
  1953. v-if="workStudent[toolIndex].length > 0"
  1954. >
  1955. <div
  1956. class="works"
  1957. style="
  1958. width: 200px;
  1959. height: 140px;
  1960. margin: 10px 10px 10px 0;
  1961. box-shadow: 0 0 6px 1px #dfdada;
  1962. "
  1963. v-for="(w, wIndex) in workStudent[toolIndex]"
  1964. :key="wIndex"
  1965. >
  1966. <div class="workImg">
  1967. <img
  1968. :src="w.works"
  1969. @click="previewImg(w.works)"
  1970. alt
  1971. />
  1972. <div
  1973. class="answerScore"
  1974. v-if="w.score"
  1975. @click.stop="openScore(w)"
  1976. :class="{
  1977. rightW:
  1978. w.userid == userid || tType == 1 || tType == 4,
  1979. }"
  1980. >
  1981. {{ JSON.parse(w.score).wScore }}分
  1982. </div>
  1983. <div
  1984. class="answerScore"
  1985. @click.stop="openScore(w)"
  1986. v-else-if="courseDetail.userid == userid"
  1987. :class="{
  1988. rightW:
  1989. w.userid == userid || tType == 1 || tType == 4,
  1990. }"
  1991. >
  1992. 评分
  1993. </div>
  1994. <img
  1995. class="deleteImg"
  1996. src="../assets/deleteworks.png"
  1997. v-if="
  1998. w.userid == userid || tType == 1 || tType == 4
  1999. "
  2000. @click.stop="deleteWorks(w.wid)"
  2001. alt
  2002. />
  2003. </div>
  2004. <div class="worksName">
  2005. <div>{{ w.sName }}</div>
  2006. </div>
  2007. </div>
  2008. </div>
  2009. </div>
  2010. <div
  2011. v-if="
  2012. tType &&
  2013. tType == 2 &&
  2014. !sIsOpen &&
  2015. tool.tool.indexOf(3) != -1
  2016. "
  2017. class="worksBox"
  2018. >
  2019. <div
  2020. class="zuoyeYulan"
  2021. v-if="workStudent[toolIndex].length > 0"
  2022. >
  2023. <span class="worksTitle">作业预览</span>
  2024. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2025. </div>
  2026. <div
  2027. class="worksDetailBox"
  2028. v-if="workStudent[toolIndex].length > 0"
  2029. >
  2030. <div
  2031. class="works"
  2032. style="
  2033. width: 200px;
  2034. height: 140px;
  2035. margin: 10px 10px 10px 0;
  2036. box-shadow: 0 0 6px 1px #dfdada;
  2037. "
  2038. v-for="(w, wIndex) in workStudent[toolIndex]"
  2039. :key="wIndex"
  2040. >
  2041. <div class="workImg">
  2042. <img
  2043. :src="w.works"
  2044. @click="previewImg(w.works)"
  2045. alt
  2046. />
  2047. <div
  2048. class="answerScore"
  2049. v-if="w.score"
  2050. @click.stop="openScore(w)"
  2051. :class="{
  2052. rightW:
  2053. w.userid == userid || tType == 1 || tType == 4,
  2054. }"
  2055. >
  2056. {{ JSON.parse(w.score).wScore }}分
  2057. </div>
  2058. <div
  2059. class="answerScore"
  2060. @click.stop="openScore(w)"
  2061. v-else-if="courseDetail.userid == userid"
  2062. :class="{
  2063. rightW:
  2064. w.userid == userid || tType == 1 || tType == 4,
  2065. }"
  2066. >
  2067. 评分
  2068. </div>
  2069. <img
  2070. class="deleteImg"
  2071. src="../assets/deleteworks.png"
  2072. v-if="
  2073. w.userid == userid || tType == 1 || tType == 4
  2074. "
  2075. @click.stop="deleteWorks(w.wid)"
  2076. alt
  2077. />
  2078. </div>
  2079. <div class="worksName">
  2080. <div>{{ w.sName }}</div>
  2081. </div>
  2082. </div>
  2083. </div>
  2084. </div>
  2085. <div
  2086. v-if="
  2087. tType &&
  2088. tType == 2 &&
  2089. !sIsOpen &&
  2090. tool.tool.indexOf(6) != -1
  2091. "
  2092. class="worksBox"
  2093. >
  2094. <div
  2095. class="zuoyeYulan"
  2096. v-if="workStudent[toolIndex].length > 0"
  2097. >
  2098. <span class="worksTitle">作业预览</span>
  2099. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2100. </div>
  2101. <div
  2102. class="worksDetailBox"
  2103. v-if="workStudent[toolIndex].length > 0"
  2104. >
  2105. <div
  2106. class="works"
  2107. style="
  2108. width: 200px;
  2109. height: 140px;
  2110. margin: 10px 10px 10px 0;
  2111. box-shadow: 0 0 6px 1px #dfdada;
  2112. "
  2113. v-for="(w, wIndex) in workStudent[toolIndex]"
  2114. :key="wIndex"
  2115. >
  2116. <div class="workImg">
  2117. <img
  2118. :src="w.works"
  2119. @click="previewImg(w.works)"
  2120. alt
  2121. />
  2122. <div
  2123. class="answerScore"
  2124. v-if="w.score"
  2125. @click.stop="openScore(w)"
  2126. :class="{
  2127. rightW:
  2128. w.userid == userid || tType == 1 || tType == 4,
  2129. }"
  2130. >
  2131. {{ JSON.parse(w.score).wScore }}分
  2132. </div>
  2133. <div
  2134. class="answerScore"
  2135. @click.stop="openScore(w)"
  2136. v-else-if="courseDetail.userid == userid"
  2137. :class="{
  2138. rightW:
  2139. w.userid == userid || tType == 1 || tType == 4,
  2140. }"
  2141. >
  2142. 评分
  2143. </div>
  2144. <img
  2145. class="deleteImg"
  2146. src="../assets/deleteworks.png"
  2147. v-if="
  2148. w.userid == userid || tType == 1 || tType == 4
  2149. "
  2150. @click.stop="deleteWorks(w.wid)"
  2151. alt
  2152. />
  2153. </div>
  2154. <div class="worksName">
  2155. <div>{{ w.sName }}</div>
  2156. </div>
  2157. </div>
  2158. </div>
  2159. </div>
  2160. <div
  2161. v-if="
  2162. tType &&
  2163. tType == 2 &&
  2164. !sIsOpen &&
  2165. tool.tool.indexOf(7) != -1
  2166. "
  2167. class="worksBox"
  2168. >
  2169. <div
  2170. class="zuoyeYulan"
  2171. v-if="workStudent[toolIndex].length > 0"
  2172. >
  2173. <span class="worksTitle">作业预览</span>
  2174. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2175. </div>
  2176. <div
  2177. class="worksDetailBox"
  2178. v-if="workStudent[toolIndex].length > 0"
  2179. >
  2180. <div
  2181. class="works"
  2182. style="
  2183. width: 200px;
  2184. height: 140px;
  2185. margin: 10px 10px 10px 0;
  2186. box-shadow: 0 0 6px 1px #dfdada;
  2187. "
  2188. v-for="(w, wIndex) in workStudent[toolIndex]"
  2189. :key="wIndex"
  2190. >
  2191. <div class="workImg">
  2192. <img
  2193. :src="w.works"
  2194. @click="previewImg(w.works)"
  2195. alt
  2196. />
  2197. <div
  2198. class="answerScore"
  2199. v-if="w.score"
  2200. @click.stop="openScore(w)"
  2201. :class="{
  2202. rightW:
  2203. w.userid == userid || tType == 1 || tType == 4,
  2204. }"
  2205. >
  2206. {{ JSON.parse(w.score).wScore }}分
  2207. </div>
  2208. <div
  2209. class="answerScore"
  2210. @click.stop="openScore(w)"
  2211. v-else-if="courseDetail.userid == userid"
  2212. :class="{
  2213. rightW:
  2214. w.userid == userid || tType == 1 || tType == 4,
  2215. }"
  2216. >
  2217. 评分
  2218. </div>
  2219. <img
  2220. class="deleteImg"
  2221. src="../assets/deleteworks.png"
  2222. v-if="
  2223. w.userid == userid || tType == 1 || tType == 4
  2224. "
  2225. @click.stop="deleteWorks(w.wid)"
  2226. alt
  2227. />
  2228. </div>
  2229. <div class="worksName">
  2230. <div>{{ w.sName }}</div>
  2231. </div>
  2232. </div>
  2233. </div>
  2234. </div>
  2235. <div
  2236. v-if="
  2237. tType &&
  2238. tType == 2 &&
  2239. !sIsOpen &&
  2240. tool.tool.indexOf(26) != -1
  2241. "
  2242. class="worksBox"
  2243. >
  2244. <div
  2245. class="zuoyeYulan"
  2246. v-if="workStudent[toolIndex].length > 0"
  2247. >
  2248. <span class="worksTitle">作业预览</span>
  2249. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2250. </div>
  2251. <div
  2252. class="worksDetailBox"
  2253. v-if="workStudent[toolIndex].length > 0"
  2254. >
  2255. <div
  2256. class="works"
  2257. style="
  2258. width: 200px;
  2259. height: 140px;
  2260. margin: 10px 10px 10px 0;
  2261. box-shadow: 0 0 6px 1px #dfdada;
  2262. "
  2263. v-for="(w, wIndex) in workStudent[toolIndex]"
  2264. :key="wIndex"
  2265. >
  2266. <div class="workImg">
  2267. <img
  2268. :src="w.works"
  2269. @click="previewImg(w.works)"
  2270. alt
  2271. />
  2272. <img
  2273. class="deleteImg"
  2274. src="../assets/deleteworks.png"
  2275. v-if="
  2276. w.userid == userid || tType == 1 || tType == 4
  2277. "
  2278. @click.stop="deleteWorks(w.wid)"
  2279. alt
  2280. />
  2281. </div>
  2282. <div class="worksName">
  2283. <div>{{ w.sName }}</div>
  2284. </div>
  2285. </div>
  2286. </div>
  2287. </div>
  2288. <div
  2289. v-if="
  2290. tType &&
  2291. ((tType == 2 && sIsOpen == true) ||
  2292. tType == 1 ||
  2293. tType == 4) &&
  2294. tool.tool.indexOf(16) != -1
  2295. "
  2296. class="worksBox"
  2297. >
  2298. <div
  2299. class="zuoyeYulan"
  2300. v-if="
  2301. worksStudent.length &&
  2302. worksStudent[toolIndex].length > 0
  2303. "
  2304. >
  2305. <div class="worksTop">
  2306. <div>作业预览</div>
  2307. <div
  2308. class="corOpen"
  2309. @click="contract(toolIndex)"
  2310. v-if="
  2311. worksStudent[toolIndex].length > 6 &&
  2312. isCloseList[toolIndex].isClose == 0
  2313. "
  2314. >
  2315. 折叠
  2316. </div>
  2317. <div
  2318. class="corOpen"
  2319. @click="contract(toolIndex)"
  2320. v-if="isCloseList[toolIndex].isClose == 1"
  2321. >
  2322. 展开
  2323. </div>
  2324. </div>
  2325. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2326. </div>
  2327. <div
  2328. class="group_workBox"
  2329. v-for="(g, gindex) in courseGroup.group"
  2330. :key="gindex"
  2331. >
  2332. <div class="group_box">
  2333. <div class="group_title">
  2334. <el-tooltip
  2335. class="item"
  2336. effect="light"
  2337. :content="g.name"
  2338. placement="top"
  2339. >
  2340. <div class="group_name">{{ g.name }}</div>
  2341. </el-tooltip>
  2342. </div>
  2343. <div
  2344. class="group_work"
  2345. v-if="
  2346. g.works &&
  2347. g.works.length &&
  2348. g.works[toolIndex].length
  2349. "
  2350. >
  2351. <div
  2352. class="works"
  2353. style="
  2354. width: 200px;
  2355. height: 140px;
  2356. margin: 10px 10px 10px 0;
  2357. border-radius: 15px;
  2358. box-shadow: 0 0 6px 1px #dfdada;
  2359. "
  2360. v-for="(w, wIndex) in g.works[toolIndex]"
  2361. :key="wIndex"
  2362. :class="w.type == 1 ? 'isTypeOne' : ''"
  2363. >
  2364. <div class="workImg" v-if="w.type == 0">
  2365. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  2366. <img
  2367. :src="w.works"
  2368. @click="previewImg(w.works)"
  2369. alt
  2370. />
  2371. <div
  2372. class="answerScore"
  2373. v-if="w.score"
  2374. @click.stop="openScore(w)"
  2375. :class="{
  2376. rightW:
  2377. w.userid == userid ||
  2378. tType == 1 ||
  2379. tType == 4 ||
  2380. w.ateacher == userid,
  2381. }"
  2382. >
  2383. {{ JSON.parse(w.score).wScore }}分
  2384. </div>
  2385. <div
  2386. class="answerScore"
  2387. @click.stop="openScore(w)"
  2388. v-else-if="courseDetail.userid == userid"
  2389. :class="{
  2390. rightW:
  2391. w.userid == userid ||
  2392. tType == 1 ||
  2393. tType == 4 ||
  2394. w.ateacher == userid,
  2395. }"
  2396. >
  2397. 评分
  2398. </div>
  2399. <img
  2400. class="deleteImg"
  2401. src="../assets/deleteworks.png"
  2402. v-if="
  2403. w.userid == userid || tType == 1 || tType == 4
  2404. "
  2405. @click.stop="deleteWorks(w.wid)"
  2406. alt
  2407. />
  2408. </div>
  2409. <div class="workImg" v-if="w.type == 1">
  2410. <img :src="word" @click="openFile(w.works)" alt />
  2411. <!-- @click="openFile(w.works)" -->
  2412. <div
  2413. class="answerScore"
  2414. v-if="w.score"
  2415. @click.stop="openScore(w)"
  2416. :class="{
  2417. rightW:
  2418. w.userid == userid ||
  2419. tType == 1 ||
  2420. tType == 4 ||
  2421. w.ateacher == userid,
  2422. }"
  2423. >
  2424. {{ JSON.parse(w.score).wScore }}分
  2425. </div>
  2426. <div
  2427. class="answerScore"
  2428. @click.stop="openScore(w)"
  2429. v-else-if="courseDetail.userid == userid"
  2430. :class="{
  2431. rightW:
  2432. w.userid == userid ||
  2433. tType == 1 ||
  2434. tType == 4 ||
  2435. w.ateacher == userid,
  2436. }"
  2437. >
  2438. 评分
  2439. </div>
  2440. <img
  2441. class="deleteImg"
  2442. src="../assets/deleteworks.png"
  2443. v-if="
  2444. w.userid == userid || tType == 1 || tType == 4
  2445. "
  2446. @click.stop="deleteWorks(w.wid)"
  2447. alt
  2448. />
  2449. </div>
  2450. <div class="workImg" v-if="w.type == 3">
  2451. <img
  2452. style="cursor: pointer"
  2453. :src="video"
  2454. @click="openVideo(w)"
  2455. alt
  2456. />
  2457. <!-- @click="openVideo(w.works)" -->
  2458. <div
  2459. class="answerScore"
  2460. v-if="w.score"
  2461. @click.stop="openScore(w)"
  2462. :class="{
  2463. rightW:
  2464. w.userid == userid ||
  2465. tType == 1 ||
  2466. tType == 4 ||
  2467. w.ateacher == userid,
  2468. }"
  2469. >
  2470. {{ JSON.parse(w.score).wScore }}分
  2471. </div>
  2472. <div
  2473. class="answerScore"
  2474. @click.stop="openScore(w)"
  2475. v-else-if="courseDetail.userid == userid"
  2476. :class="{
  2477. rightW:
  2478. w.userid == userid ||
  2479. tType == 1 ||
  2480. tType == 4 ||
  2481. w.ateacher == userid,
  2482. }"
  2483. >
  2484. 评分
  2485. </div>
  2486. <img
  2487. class="deleteImg"
  2488. src="../assets/deleteworks.png"
  2489. v-if="
  2490. w.userid == userid || tType == 1 || tType == 4
  2491. "
  2492. @click.stop="deleteWorks(w.wid)"
  2493. alt
  2494. />
  2495. </div>
  2496. <div class="workImg" v-if="w.type == 12">
  2497. <img
  2498. style="cursor: pointer"
  2499. :src="word2"
  2500. @click="downloadFile(w.works)"
  2501. alt
  2502. />
  2503. <!-- @click="openVideo(w.works)" -->
  2504. <div
  2505. class="answerScore"
  2506. v-if="w.score"
  2507. @click.stop="openScore(w)"
  2508. :class="{
  2509. rightW:
  2510. w.userid == userid ||
  2511. tType == 1 ||
  2512. tType == 4 ||
  2513. w.ateacher == userid,
  2514. }"
  2515. >
  2516. {{ JSON.parse(w.score).wScore }}分
  2517. </div>
  2518. <div
  2519. class="answerScore"
  2520. @click.stop="openScore(w)"
  2521. v-else-if="courseDetail.userid == userid"
  2522. :class="{
  2523. rightW:
  2524. w.userid == userid ||
  2525. tType == 1 ||
  2526. tType == 4 ||
  2527. w.ateacher == userid,
  2528. }"
  2529. >
  2530. 评分
  2531. </div>
  2532. <img
  2533. class="deleteImg"
  2534. src="../assets/deleteworks.png"
  2535. v-if="
  2536. w.userid == userid || tType == 1 || tType == 4
  2537. "
  2538. @click.stop="deleteWorks(w.wid)"
  2539. alt
  2540. />
  2541. </div>
  2542. <div class="comment" style="min-width: 200px">
  2543. <div class="worksName">
  2544. <div>{{ w.sName }}</div>
  2545. </div>
  2546. <div class="commentList">
  2547. <div class="commentList">
  2548. <div
  2549. class="commentImg"
  2550. @click="
  2551. isLikes(w.wid, userid, 1, null, w.isLikes)
  2552. "
  2553. >
  2554. <img
  2555. :src="w.isLikes == true ? likes : noLikes"
  2556. alt=""
  2557. />
  2558. </div>
  2559. <div>{{ w.likesCount }}</div>
  2560. </div>
  2561. <div
  2562. class="commentList"
  2563. style="margin-right: 15px"
  2564. >
  2565. <div
  2566. class="commentImg"
  2567. @click="
  2568. commentOther(
  2569. w,
  2570. toolIndex,
  2571. wIndex,
  2572. null,
  2573. g.id
  2574. )
  2575. "
  2576. >
  2577. <img
  2578. src="../assets/icon/comment/comment.png"
  2579. alt=""
  2580. />
  2581. </div>
  2582. <div>{{ w.commentCount }}</div>
  2583. </div>
  2584. </div>
  2585. </div>
  2586. </div>
  2587. </div>
  2588. <div class="group_work" v-else>暂无提交作业</div>
  2589. </div>
  2590. </div>
  2591. <div
  2592. class="worksDetailBox"
  2593. v-if="
  2594. worksStudent.length &&
  2595. worksStudent[toolIndex].length > 0
  2596. "
  2597. >
  2598. <div
  2599. class="works"
  2600. style="
  2601. width: 200px;
  2602. height: 140px;
  2603. margin: 10px 10px 10px 0;
  2604. border-radius: 15px;
  2605. box-shadow: 0 0 6px 1px #dfdada;
  2606. "
  2607. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  2608. 0
  2609. ? worksStudent[toolIndex]
  2610. : worksStudent[toolIndex].slice(0, 6)"
  2611. :key="wIndex"
  2612. :class="w.type == 1 ? 'isTypeOne' : ''"
  2613. >
  2614. <div class="workImg" v-if="w.type == 0">
  2615. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  2616. <img
  2617. :src="w.works"
  2618. @click="previewImg(w.works)"
  2619. alt
  2620. />
  2621. <div
  2622. class="answerScore"
  2623. v-if="w.score"
  2624. @click.stop="openScore(w)"
  2625. :class="{
  2626. rightW:
  2627. w.userid == userid ||
  2628. tType == 1 ||
  2629. tType == 4 ||
  2630. w.ateacher == userid,
  2631. }"
  2632. >
  2633. {{ JSON.parse(w.score).wScore }}分
  2634. </div>
  2635. <div
  2636. class="answerScore"
  2637. @click.stop="openScore(w)"
  2638. v-else-if="courseDetail.userid == userid"
  2639. :class="{
  2640. rightW:
  2641. w.userid == userid ||
  2642. tType == 1 ||
  2643. tType == 4 ||
  2644. w.ateacher == userid,
  2645. }"
  2646. >
  2647. 评分
  2648. </div>
  2649. <img
  2650. class="deleteImg"
  2651. src="../assets/deleteworks.png"
  2652. v-if="
  2653. w.userid == userid || tType == 1 || tType == 4
  2654. "
  2655. @click.stop="deleteWorks(w.wid)"
  2656. alt
  2657. />
  2658. </div>
  2659. <div class="workImg" v-if="w.type == 1">
  2660. <img :src="word" @click="openFile(w.works)" alt />
  2661. <!-- @click="openFile(w.works)" -->
  2662. <div
  2663. class="answerScore"
  2664. v-if="w.score"
  2665. @click.stop="openScore(w)"
  2666. :class="{
  2667. rightW:
  2668. w.userid == userid ||
  2669. tType == 1 ||
  2670. tType == 4 ||
  2671. w.ateacher == userid,
  2672. }"
  2673. >
  2674. {{ JSON.parse(w.score).wScore }}分
  2675. </div>
  2676. <div
  2677. class="answerScore"
  2678. @click.stop="openScore(w)"
  2679. v-else-if="courseDetail.userid == userid"
  2680. :class="{
  2681. rightW:
  2682. w.userid == userid ||
  2683. tType == 1 ||
  2684. tType == 4 ||
  2685. w.ateacher == userid,
  2686. }"
  2687. >
  2688. 评分
  2689. </div>
  2690. <img
  2691. class="deleteImg"
  2692. src="../assets/deleteworks.png"
  2693. v-if="
  2694. w.userid == userid || tType == 1 || tType == 4
  2695. "
  2696. @click.stop="deleteWorks(w.wid)"
  2697. alt
  2698. />
  2699. </div>
  2700. <div class="workImg" v-if="w.type == 3">
  2701. <img
  2702. style="cursor: pointer"
  2703. :src="video"
  2704. @click="openVideo(w)"
  2705. alt
  2706. />
  2707. <!-- @click="openVideo(w.works)" -->
  2708. <div
  2709. class="answerScore"
  2710. v-if="w.score"
  2711. @click.stop="openScore(w)"
  2712. :class="{
  2713. rightW:
  2714. w.userid == userid ||
  2715. tType == 1 ||
  2716. tType == 4 ||
  2717. w.ateacher == userid,
  2718. }"
  2719. >
  2720. {{ JSON.parse(w.score).wScore }}分
  2721. </div>
  2722. <div
  2723. class="answerScore"
  2724. @click.stop="openScore(w)"
  2725. v-else-if="courseDetail.userid == userid"
  2726. :class="{
  2727. rightW:
  2728. w.userid == userid ||
  2729. tType == 1 ||
  2730. tType == 4 ||
  2731. w.ateacher == userid,
  2732. }"
  2733. >
  2734. 评分
  2735. </div>
  2736. <img
  2737. class="deleteImg"
  2738. src="../assets/deleteworks.png"
  2739. v-if="
  2740. w.userid == userid || tType == 1 || tType == 4
  2741. "
  2742. @click.stop="deleteWorks(w.wid)"
  2743. alt
  2744. />
  2745. </div>
  2746. <div class="workImg" v-if="w.type == 12">
  2747. <img
  2748. style="cursor: pointer"
  2749. :src="word2"
  2750. @click="downloadFile(w.works)"
  2751. alt
  2752. />
  2753. <!-- @click="openVideo(w.works)" -->
  2754. <div
  2755. class="answerScore"
  2756. v-if="w.score"
  2757. @click.stop="openScore(w)"
  2758. :class="{
  2759. rightW:
  2760. w.userid == userid ||
  2761. tType == 1 ||
  2762. tType == 4 ||
  2763. w.ateacher == userid,
  2764. }"
  2765. >
  2766. {{ JSON.parse(w.score).wScore }}分
  2767. </div>
  2768. <div
  2769. class="answerScore"
  2770. @click.stop="openScore(w)"
  2771. v-else-if="courseDetail.userid == userid"
  2772. :class="{
  2773. rightW:
  2774. w.userid == userid ||
  2775. tType == 1 ||
  2776. tType == 4 ||
  2777. w.ateacher == userid,
  2778. }"
  2779. >
  2780. 评分
  2781. </div>
  2782. <img
  2783. class="deleteImg"
  2784. src="../assets/deleteworks.png"
  2785. v-if="
  2786. w.userid == userid || tType == 1 || tType == 4
  2787. "
  2788. @click.stop="deleteWorks(w.wid)"
  2789. alt
  2790. />
  2791. </div>
  2792. <div class="comment" style="min-width: 200px">
  2793. <div class="worksName">
  2794. <div>{{ w.sName }}</div>
  2795. </div>
  2796. <div class="commentList">
  2797. <div class="commentList">
  2798. <div
  2799. class="commentImg"
  2800. @click="
  2801. isLikes(w.wid, userid, 1, null, w.isLikes)
  2802. "
  2803. >
  2804. <img
  2805. :src="w.isLikes == true ? likes : noLikes"
  2806. alt=""
  2807. />
  2808. </div>
  2809. <div>{{ w.likesCount }}</div>
  2810. </div>
  2811. <div class="commentList" style="margin-right: 15px">
  2812. <div
  2813. class="commentImg"
  2814. @click="commentOther(w, toolIndex, wIndex)"
  2815. >
  2816. <img
  2817. src="../assets/icon/comment/comment.png"
  2818. alt=""
  2819. />
  2820. </div>
  2821. <div>{{ w.commentCount }}</div>
  2822. </div>
  2823. </div>
  2824. </div>
  2825. </div>
  2826. </div>
  2827. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  2828. 未提交
  2829. </div>
  2830. <div
  2831. class="noWorksS"
  2832. v-if="noWorksS && noWorksS[toolIndex].length"
  2833. >
  2834. <div
  2835. v-for="(s, sIndex) in noWorksS[toolIndex]"
  2836. :key="sIndex"
  2837. class="noWorksName"
  2838. @click="teacherWorkSubmit(16, toolIndex, taskCount, s)"
  2839. >
  2840. {{ s.student }}
  2841. </div>
  2842. </div>
  2843. </div>
  2844. <div
  2845. v-if="
  2846. tType &&
  2847. ((tType == 2 && sIsOpen == true) ||
  2848. tType == 1 ||
  2849. tType == 4) &&
  2850. tool.tool.indexOf(32) != -1
  2851. "
  2852. class="worksBox"
  2853. >
  2854. <div
  2855. class="zuoyeYulan"
  2856. v-if="
  2857. worksStudent.length &&
  2858. worksStudent[toolIndex].length > 0
  2859. "
  2860. >
  2861. <div class="worksTop">
  2862. <div>作业预览</div>
  2863. <div
  2864. class="corOpen"
  2865. @click="contract(toolIndex)"
  2866. v-if="
  2867. worksStudent[toolIndex].length > 6 &&
  2868. isCloseList[toolIndex].isClose == 0
  2869. "
  2870. >
  2871. 折叠
  2872. </div>
  2873. <div
  2874. class="corOpen"
  2875. @click="contract(toolIndex)"
  2876. v-if="isCloseList[toolIndex].isClose == 1"
  2877. >
  2878. 展开
  2879. </div>
  2880. </div>
  2881. </div>
  2882. <div
  2883. class="worksDetailBox"
  2884. v-if="
  2885. worksStudent.length &&
  2886. worksStudent[toolIndex].length > 0
  2887. "
  2888. >
  2889. <div
  2890. class="works"
  2891. style="
  2892. width: 200px;
  2893. height: 140px;
  2894. margin: 10px 10px 10px 0;
  2895. border-radius: 15px;
  2896. box-shadow: 0 0 6px 1px #dfdada;
  2897. "
  2898. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  2899. 0
  2900. ? worksStudent[toolIndex]
  2901. : worksStudent[toolIndex].slice(0, 6)"
  2902. :key="wIndex"
  2903. :class="w.type == 1 ? 'isTypeOne' : ''"
  2904. >
  2905. <div class="workImg">
  2906. <img
  2907. :src="word2"
  2908. @click="downloadFile(w.works)"
  2909. alt
  2910. />
  2911. <div
  2912. class="answerScore"
  2913. v-if="w.score"
  2914. @click.stop="openScore(w)"
  2915. :class="{
  2916. rightW:
  2917. w.userid == userid ||
  2918. tType == 1 ||
  2919. tType == 4 ||
  2920. w.ateacher == userid,
  2921. }"
  2922. >
  2923. {{ JSON.parse(w.score).wScore }}分
  2924. </div>
  2925. <div
  2926. class="answerScore"
  2927. @click.stop="openScore(w)"
  2928. v-else-if="courseDetail.userid == userid"
  2929. :class="{
  2930. rightW:
  2931. w.userid == userid ||
  2932. tType == 1 ||
  2933. tType == 4 ||
  2934. w.ateacher == userid,
  2935. }"
  2936. >
  2937. 评分
  2938. </div>
  2939. <img
  2940. class="deleteImg"
  2941. src="../assets/deleteworks.png"
  2942. v-if="
  2943. w.userid == userid || tType == 1 || tType == 4
  2944. "
  2945. @click.stop="deleteWorks(w.wid)"
  2946. alt
  2947. />
  2948. </div>
  2949. <div class="comment" style="min-width: 200px">
  2950. <div class="worksName">
  2951. <div>{{ w.sName }}</div>
  2952. </div>
  2953. <div class="commentList">
  2954. <div class="commentList">
  2955. <div
  2956. class="commentImg"
  2957. @click="
  2958. isLikes(w.wid, userid, 1, null, w.isLikes)
  2959. "
  2960. >
  2961. <img
  2962. :src="w.isLikes == true ? likes : noLikes"
  2963. alt=""
  2964. />
  2965. </div>
  2966. <div>{{ w.likesCount }}</div>
  2967. </div>
  2968. <div class="commentList" style="margin-right: 15px">
  2969. <div
  2970. class="commentImg"
  2971. @click="commentOther(w, toolIndex, wIndex)"
  2972. >
  2973. <img
  2974. src="../assets/icon/comment/comment.png"
  2975. alt=""
  2976. />
  2977. </div>
  2978. <div>{{ w.commentCount }}</div>
  2979. </div>
  2980. </div>
  2981. </div>
  2982. </div>
  2983. </div>
  2984. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  2985. 未提交
  2986. </div>
  2987. <div
  2988. class="noWorksS"
  2989. v-if="noWorksS && noWorksS[toolIndex].length"
  2990. >
  2991. <div
  2992. v-for="(s, sIndex) in noWorksS[toolIndex]"
  2993. :key="sIndex"
  2994. class="noWorksName"
  2995. @click="teacherWorkSubmit(32, toolIndex, taskCount, s)"
  2996. >
  2997. {{ s.student }}
  2998. </div>
  2999. </div>
  3000. </div>
  3001. <div
  3002. v-if="
  3003. tType &&
  3004. ((tType == 2 && sIsOpen == true) ||
  3005. tType == 1 ||
  3006. tType == 4) &&
  3007. tool.tool.indexOf(57) != -1
  3008. "
  3009. class="worksBox"
  3010. >
  3011. <div
  3012. class="zuoyeYulan"
  3013. v-if="
  3014. worksStudent.length &&
  3015. worksStudent[toolIndex].length > 0
  3016. "
  3017. >
  3018. <div class="worksTop">
  3019. <div>作业预览</div>
  3020. <div
  3021. class="corOpen"
  3022. @click="contract(toolIndex)"
  3023. v-if="
  3024. worksStudent[toolIndex].length > 6 &&
  3025. isCloseList[toolIndex].isClose == 0
  3026. "
  3027. >
  3028. 折叠
  3029. </div>
  3030. <div
  3031. class="corOpen"
  3032. @click="contract(toolIndex)"
  3033. v-if="isCloseList[toolIndex].isClose == 1"
  3034. >
  3035. 展开
  3036. </div>
  3037. </div>
  3038. </div>
  3039. <div
  3040. class="worksDetailBox"
  3041. v-if="
  3042. worksStudent.length &&
  3043. worksStudent[toolIndex].length > 0
  3044. "
  3045. >
  3046. <div
  3047. class="works"
  3048. style="
  3049. width: 200px;
  3050. height: 140px;
  3051. margin: 10px 10px 10px 0;
  3052. border-radius: 15px;
  3053. box-shadow: 0 0 6px 1px #dfdada;
  3054. "
  3055. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  3056. 0
  3057. ? worksStudent[toolIndex]
  3058. : worksStudent[toolIndex].slice(0, 6)"
  3059. :key="wIndex"
  3060. :class="w.type == 1 ? 'isTypeOne' : ''"
  3061. >
  3062. <div class="workImg">
  3063. <img
  3064. :src="word2"
  3065. @click="downloadFile(w.works)"
  3066. v-if="w.type == 12"
  3067. alt
  3068. />
  3069. <img
  3070. :src="word2"
  3071. @click="
  3072. openCocoPi(57, toolIndex, w.userid, w.sName)
  3073. "
  3074. v-else-if="w.type == 15"
  3075. alt
  3076. />
  3077. <div
  3078. class="answerScore"
  3079. v-if="w.score"
  3080. @click.stop="openScore(w)"
  3081. :class="{
  3082. rightW:
  3083. w.userid == userid ||
  3084. tType == 1 ||
  3085. tType == 4 ||
  3086. w.ateacher == userid,
  3087. }"
  3088. >
  3089. {{ JSON.parse(w.score).wScore }}分
  3090. </div>
  3091. <div
  3092. class="answerScore"
  3093. @click.stop="openScore(w)"
  3094. v-else-if="courseDetail.userid == userid"
  3095. :class="{
  3096. rightW:
  3097. w.userid == userid ||
  3098. tType == 1 ||
  3099. tType == 4 ||
  3100. w.ateacher == userid,
  3101. }"
  3102. >
  3103. 评分
  3104. </div>
  3105. <img
  3106. class="deleteImg"
  3107. src="../assets/deleteworks.png"
  3108. v-if="
  3109. w.userid == userid || tType == 1 || tType == 4
  3110. "
  3111. @click.stop="deleteWorks(w.wid)"
  3112. alt
  3113. />
  3114. </div>
  3115. <div class="comment" style="min-width: 200px">
  3116. <div class="worksName">
  3117. <div>{{ w.sName }}</div>
  3118. </div>
  3119. <div class="commentList">
  3120. <div class="commentList">
  3121. <div
  3122. class="commentImg"
  3123. @click="
  3124. isLikes(w.wid, userid, 1, null, w.isLikes)
  3125. "
  3126. >
  3127. <img
  3128. :src="w.isLikes == true ? likes : noLikes"
  3129. alt=""
  3130. />
  3131. </div>
  3132. <div>{{ w.likesCount }}</div>
  3133. </div>
  3134. <div class="commentList" style="margin-right: 15px">
  3135. <div
  3136. class="commentImg"
  3137. @click="commentOther(w, toolIndex, wIndex)"
  3138. >
  3139. <img
  3140. src="../assets/icon/comment/comment.png"
  3141. alt=""
  3142. />
  3143. </div>
  3144. <div>{{ w.commentCount }}</div>
  3145. </div>
  3146. </div>
  3147. </div>
  3148. </div>
  3149. </div>
  3150. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3151. 未提交
  3152. </div>
  3153. <div
  3154. class="noWorksS"
  3155. v-if="noWorksS && noWorksS[toolIndex].length"
  3156. >
  3157. <div
  3158. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3159. :key="sIndex"
  3160. class="noWorksName"
  3161. @click="teacherWorkSubmit(57, toolIndex, taskCount, s)"
  3162. >
  3163. {{ s.student }}
  3164. </div>
  3165. </div>
  3166. </div>
  3167. <div v-if="tool.tool.indexOf(50) != -1" class="worksBox">
  3168. <div
  3169. class="zuoyeYulan"
  3170. v-if="
  3171. worksStudent.length &&
  3172. worksStudent[toolIndex].length > 0
  3173. "
  3174. >
  3175. <span class="worksTitle">作业预览</span>
  3176. <div
  3177. class="corOpen"
  3178. @click="contract(toolIndex)"
  3179. v-if="
  3180. worksStudent[toolIndex].length > 6 &&
  3181. isCloseList[toolIndex].isClose == 0
  3182. "
  3183. >
  3184. 折叠
  3185. </div>
  3186. <div
  3187. class="corOpen"
  3188. @click="contract(toolIndex)"
  3189. v-if="isCloseList[toolIndex].isClose == 1"
  3190. >
  3191. 展开
  3192. </div>
  3193. </div>
  3194. <div
  3195. class="worksDetailBox"
  3196. v-if="
  3197. worksStudent.length &&
  3198. worksStudent[toolIndex].length > 0
  3199. "
  3200. >
  3201. <div
  3202. class="works"
  3203. style="
  3204. width: 200px;
  3205. height: 140px;
  3206. margin: 10px 10px 10px 0;
  3207. border-radius: 15px;
  3208. box-shadow: 0 0 6px 1px #dfdada;
  3209. "
  3210. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  3211. 0
  3212. ? worksStudent[toolIndex]
  3213. : worksStudent[toolIndex].slice(0, 6)"
  3214. :key="wIndex"
  3215. :class="w.type == 1 ? 'isTypeOne' : ''"
  3216. >
  3217. <div class="workImg" v-if="w.type == 0">
  3218. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  3219. <img
  3220. :src="w.works"
  3221. @click="previewImg(w.works)"
  3222. alt
  3223. />
  3224. <div
  3225. class="answerScore"
  3226. v-if="w.score"
  3227. @click.stop="openScore(w)"
  3228. :class="{
  3229. rightW:
  3230. w.userid == userid ||
  3231. tType == 1 ||
  3232. tType == 4 ||
  3233. w.ateacher == userid,
  3234. }"
  3235. >
  3236. {{ JSON.parse(w.score).wScore }}分
  3237. </div>
  3238. <div
  3239. class="answerScore"
  3240. @click.stop="openScore(w)"
  3241. v-else-if="courseDetail.userid == userid"
  3242. :class="{
  3243. rightW:
  3244. w.userid == userid ||
  3245. tType == 1 ||
  3246. tType == 4 ||
  3247. w.ateacher == userid,
  3248. }"
  3249. >
  3250. 评分
  3251. </div>
  3252. <img
  3253. class="deleteImg"
  3254. src="../assets/deleteworks.png"
  3255. v-if="
  3256. w.userid == userid || tType == 1 || tType == 4
  3257. "
  3258. @click.stop="deleteWorks(w.wid)"
  3259. alt
  3260. />
  3261. </div>
  3262. <div
  3263. class="workImg"
  3264. style="cursor: pointer"
  3265. v-if="w.type == 1"
  3266. >
  3267. <img :src="word" @click="openFile(w.works)" alt />
  3268. <!-- @click="openFile(w.works)" -->
  3269. <div
  3270. class="answerScore"
  3271. v-if="w.score"
  3272. @click.stop="openScore(w)"
  3273. :class="{
  3274. rightW:
  3275. w.userid == userid ||
  3276. tType == 1 ||
  3277. tType == 4 ||
  3278. w.ateacher == userid,
  3279. }"
  3280. >
  3281. {{ JSON.parse(w.score).wScore }}分
  3282. </div>
  3283. <div
  3284. class="answerScore"
  3285. @click.stop="openScore(w)"
  3286. v-else-if="courseDetail.userid == userid"
  3287. :class="{
  3288. rightW:
  3289. w.userid == userid ||
  3290. tType == 1 ||
  3291. tType == 4 ||
  3292. w.ateacher == userid,
  3293. }"
  3294. >
  3295. 评分
  3296. </div>
  3297. <img
  3298. class="deleteImg"
  3299. src="../assets/deleteworks.png"
  3300. v-if="
  3301. w.userid == userid || tType == 1 || tType == 4
  3302. "
  3303. @click.stop="deleteWorks(w.wid)"
  3304. alt
  3305. />
  3306. </div>
  3307. <div class="workImg" v-if="w.type == 3">
  3308. <img
  3309. style="cursor: pointer"
  3310. :src="video"
  3311. @click="openVideo(w)"
  3312. alt
  3313. />
  3314. <!-- @click="openVideo(w.works)" -->
  3315. <div
  3316. class="answerScore"
  3317. v-if="w.score"
  3318. @click.stop="openScore(w)"
  3319. :class="{
  3320. rightW:
  3321. w.userid == userid ||
  3322. tType == 1 ||
  3323. tType == 4 ||
  3324. w.ateacher == userid,
  3325. }"
  3326. >
  3327. {{ JSON.parse(w.score).wScore }}分
  3328. </div>
  3329. <div
  3330. class="answerScore"
  3331. @click.stop="openScore(w)"
  3332. v-else-if="courseDetail.userid == userid"
  3333. :class="{
  3334. rightW:
  3335. w.userid == userid ||
  3336. tType == 1 ||
  3337. tType == 4 ||
  3338. w.ateacher == userid,
  3339. }"
  3340. >
  3341. 评分
  3342. </div>
  3343. <img
  3344. class="deleteImg"
  3345. src="../assets/deleteworks.png"
  3346. v-if="
  3347. w.userid == userid || tType == 1 || tType == 4
  3348. "
  3349. @click.stop="deleteWorks(w.wid)"
  3350. alt
  3351. />
  3352. </div>
  3353. <div class="comment" style="min-width: 200px">
  3354. <div class="worksName">
  3355. <div
  3356. style="cursor: pointer"
  3357. @click="
  3358. openSname(w.sName, w.wid, toolIndex, w.userid)
  3359. "
  3360. >
  3361. {{ w.sName }}
  3362. </div>
  3363. </div>
  3364. <div class="commentList">
  3365. <div class="commentList">
  3366. <div
  3367. class="commentImg"
  3368. @click="
  3369. isLikes(w.wid, userid, 1, null, w.isLikes)
  3370. "
  3371. >
  3372. <img
  3373. :src="w.isLikes == true ? likes : noLikes"
  3374. alt=""
  3375. />
  3376. </div>
  3377. <div>{{ w.likesCount }}</div>
  3378. </div>
  3379. <div class="commentList" style="margin-right: 15px">
  3380. <div
  3381. class="commentImg"
  3382. @click="commentOther(w, toolIndex, wIndex)"
  3383. >
  3384. <img
  3385. src="../assets/icon/comment/comment.png"
  3386. alt=""
  3387. />
  3388. </div>
  3389. <div>{{ w.commentCount }}</div>
  3390. </div>
  3391. </div>
  3392. </div>
  3393. </div>
  3394. </div>
  3395. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3396. 未提交
  3397. </div>
  3398. <div
  3399. class="noWorksS"
  3400. v-if="noWorksS && noWorksS[toolIndex].length"
  3401. >
  3402. <div
  3403. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3404. :key="sIndex"
  3405. class="noWorksName"
  3406. @click="teacherWorkSubmit(50, toolIndex, taskCount, s)"
  3407. >
  3408. {{ s.student }}
  3409. </div>
  3410. </div>
  3411. </div>
  3412. <div
  3413. v-if="
  3414. tType &&
  3415. ((tType == 2 && sIsOpen == true) ||
  3416. tType == 1 ||
  3417. tType == 4) &&
  3418. tool.tool.indexOf(4) != -1 &&
  3419. (tool.askJson[0].answer ||
  3420. tool.askJson[0].answer === 0) &&
  3421. checkJson[toolIndex].length
  3422. "
  3423. class="xuan_right_box"
  3424. >
  3425. <div
  3426. class="tool_right_box"
  3427. v-for="(item, index) in tool.askJson"
  3428. :key="index"
  3429. >
  3430. <div>
  3431. <span
  3432. style="word-break: break-all; white-space: normal"
  3433. >{{ index + 1 + "、" + item.askstitle }}</span
  3434. >
  3435. </div>
  3436. <div class="right_box_xuan">
  3437. <span>正确率</span>
  3438. <span>{{
  3439. (checkJson[toolIndex][index].right
  3440. ? checkJson[toolIndex][index].right
  3441. : 0) + "%"
  3442. }}</span>
  3443. </div>
  3444. </div>
  3445. </div>
  3446. <div
  3447. class="xuan_right_box"
  3448. style="background: unset; padding: 0 10px"
  3449. v-if="
  3450. tType &&
  3451. ((tType == 2 && sIsOpen == true) ||
  3452. tType == 1 ||
  3453. tType == 4) &&
  3454. tool.tool.indexOf(4) != -1
  3455. "
  3456. >
  3457. <AskStatic
  3458. v-if="
  3459. worksStudent.length &&
  3460. worksStudent[toolIndex].length > 0
  3461. "
  3462. :askJSON="tool"
  3463. :checkJson="checkJson[toolIndex]"
  3464. ></AskStatic>
  3465. </div>
  3466. <div
  3467. v-if="
  3468. tType &&
  3469. ((tType == 2 && sIsOpen == true) ||
  3470. tType == 1 ||
  3471. tType == 4) &&
  3472. tool.tool.indexOf(4) != -1
  3473. "
  3474. class="worksBox"
  3475. >
  3476. <div
  3477. class="zuoyeYulan"
  3478. v-if="
  3479. worksStudent.length &&
  3480. worksStudent[toolIndex].length > 0
  3481. "
  3482. >
  3483. <div class="worksTop">
  3484. <div>作业预览</div>
  3485. <div
  3486. class="corOpen"
  3487. @click="contract(toolIndex)"
  3488. v-if="
  3489. worksStudent[toolIndex].length > 6 &&
  3490. isCloseList[toolIndex].isClose == 0
  3491. "
  3492. >
  3493. 折叠
  3494. </div>
  3495. <div
  3496. class="corOpen"
  3497. @click="contract(toolIndex)"
  3498. v-if="isCloseList[toolIndex].isClose == 1"
  3499. >
  3500. 展开
  3501. </div>
  3502. </div>
  3503. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3504. </div>
  3505. <div>
  3506. <div
  3507. class="worksDetailBox"
  3508. v-if="
  3509. worksStudent.length &&
  3510. worksStudent[toolIndex].length > 0
  3511. "
  3512. >
  3513. <div
  3514. v-for="(w, wIndex) in isCloseList[toolIndex]
  3515. .isClose == 0
  3516. ? worksStudent[toolIndex]
  3517. : worksStudent[toolIndex].slice(0, 6)"
  3518. :key="wIndex"
  3519. class="isWorksName2"
  3520. @click="
  3521. openTools(4, toolIndex, taskCount, w.works, w.sName)
  3522. "
  3523. >
  3524. {{ w.sName }}
  3525. <img
  3526. class="deleteImg deleteImg2"
  3527. src="../assets/deleteworks.png"
  3528. v-if="
  3529. w.userid == userid || tType == 1 || tType == 4
  3530. "
  3531. @click.stop="deleteWorks(w.wid)"
  3532. alt
  3533. />
  3534. </div>
  3535. <!-- <div class="works" style="
  3536. width: 200px;
  3537. height: 140px;
  3538. border-radius: 10px;
  3539. box-shadow: 0 0 6px 1px #dfdada;
  3540. overflow: hidden;
  3541. " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex">
  3542. <div class="workImg">
  3543. <img src="../assets/icon/works/noImg.png" @click="
  3544. openTools(
  3545. 4,
  3546. toolIndex,
  3547. taskCount,
  3548. w.works,
  3549. w.sName
  3550. )
  3551. " alt />
  3552. </div>
  3553. <div class="worksName">
  3554. <div>{{ w.sName }}</div>
  3555. <div>{{ w.time }}</div>
  3556. </div>
  3557. </div> -->
  3558. </div>
  3559. </div>
  3560. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3561. 未提交
  3562. </div>
  3563. <div
  3564. class="noWorksS"
  3565. v-if="noWorksS && noWorksS[toolIndex].length"
  3566. >
  3567. <div
  3568. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3569. :key="sIndex"
  3570. class="noWorksName"
  3571. @click="teacherWorkSubmit(4, toolIndex, taskCount, s)"
  3572. >
  3573. {{ s.student }}
  3574. </div>
  3575. </div>
  3576. </div>
  3577. <div
  3578. v-if="
  3579. tType &&
  3580. ((tType == 2 && sIsOpen == true) ||
  3581. tType == 1 ||
  3582. tType == 4) &&
  3583. tool.tool.indexOf(45) != -1 &&
  3584. (tool.testJson.testJson[0].answer ||
  3585. tool.testJson.testJson[0].answer === 0) &&
  3586. checkJson[toolIndex].length
  3587. "
  3588. class="xuan_right_box"
  3589. >
  3590. <div
  3591. class="tool_right_box"
  3592. v-for="(item, index) in tool.testJson.testJson"
  3593. :key="index"
  3594. >
  3595. <div class="right_box_xuan" style="margin-right: 10px">
  3596. <span>正确率</span>
  3597. <span>{{
  3598. (checkJson[toolIndex][index].right
  3599. ? checkJson[toolIndex][index].right
  3600. : 0) + "%"
  3601. }}</span>
  3602. </div>
  3603. <div>
  3604. <span
  3605. style="word-break: break-all; white-space: normal"
  3606. >{{ index + 1 + "、" + item.teststitle }}</span
  3607. >
  3608. </div>
  3609. </div>
  3610. </div>
  3611. <div
  3612. class="xuan_right_box"
  3613. style="background: unset; padding: 0 10px; width: 91.5%"
  3614. v-if="
  3615. tType &&
  3616. ((tType == 2 && sIsOpen == true) ||
  3617. tType == 1 ||
  3618. tType == 4) &&
  3619. tool.tool.indexOf(45) != -1
  3620. "
  3621. >
  3622. <AskStatic2
  3623. v-if="
  3624. worksStudent.length &&
  3625. worksStudent[toolIndex].length > 0
  3626. "
  3627. :askJSON="tool"
  3628. :checkJson="checkJson[toolIndex]"
  3629. ></AskStatic2>
  3630. </div>
  3631. <div
  3632. v-if="
  3633. tType &&
  3634. ((tType == 2 && sIsOpen == true) ||
  3635. tType == 1 ||
  3636. tType == 4) &&
  3637. tool.tool.indexOf(45) != -1
  3638. "
  3639. class="worksBox"
  3640. >
  3641. <div
  3642. class="zuoyeYulan"
  3643. v-if="
  3644. worksStudent.length &&
  3645. worksStudent[toolIndex].length > 0
  3646. "
  3647. >
  3648. <div class="worksTop">
  3649. <div>作业预览</div>
  3650. <div
  3651. class="corOpen"
  3652. @click="contract(toolIndex)"
  3653. v-if="
  3654. worksStudent[toolIndex].length > 6 &&
  3655. isCloseList[toolIndex].isClose == 0
  3656. "
  3657. >
  3658. 折叠
  3659. </div>
  3660. <div
  3661. class="corOpen"
  3662. @click="contract(toolIndex)"
  3663. v-if="isCloseList[toolIndex].isClose == 1"
  3664. >
  3665. 展开
  3666. </div>
  3667. </div>
  3668. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3669. </div>
  3670. <div>
  3671. <div
  3672. class="worksDetailBox"
  3673. v-if="
  3674. worksStudent.length &&
  3675. worksStudent[toolIndex].length > 0
  3676. "
  3677. >
  3678. <div
  3679. v-for="(w, wIndex) in isCloseList[toolIndex]
  3680. .isClose == 0
  3681. ? worksStudent[toolIndex]
  3682. : worksStudent[toolIndex].slice(0, 6)"
  3683. :key="wIndex"
  3684. class="isWorksName2"
  3685. @click="
  3686. openTools(
  3687. 45,
  3688. toolIndex,
  3689. taskCount,
  3690. w.works,
  3691. w.sName
  3692. )
  3693. "
  3694. >
  3695. {{ w.sName }}
  3696. <img
  3697. class="deleteImg deleteImg2"
  3698. src="../assets/deleteworks.png"
  3699. v-if="
  3700. w.userid == userid || tType == 1 || tType == 4
  3701. "
  3702. @click.stop="deleteWorks(w.wid)"
  3703. alt
  3704. />
  3705. </div>
  3706. </div>
  3707. </div>
  3708. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3709. 未提交
  3710. </div>
  3711. <div
  3712. class="noWorksS"
  3713. v-if="noWorksS && noWorksS[toolIndex].length"
  3714. >
  3715. <div
  3716. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3717. :key="sIndex"
  3718. class="noWorksName"
  3719. @click="teacherWorkSubmit(45, toolIndex, taskCount, s)"
  3720. >
  3721. {{ s.student }}
  3722. </div>
  3723. </div>
  3724. </div>
  3725. <div
  3726. v-if="
  3727. tType &&
  3728. ((tType == 2 && sIsOpen == true) ||
  3729. tType == 1 ||
  3730. tType == 4) &&
  3731. tool.tool.indexOf(69) != -1
  3732. "
  3733. class="worksBox"
  3734. >
  3735. <div
  3736. class="zuoyeYulan"
  3737. v-if="
  3738. worksStudent.length &&
  3739. worksStudent[toolIndex].length > 0
  3740. "
  3741. >
  3742. <div class="worksTop">
  3743. <div>作业预览</div>
  3744. <div
  3745. class="corOpen"
  3746. @click="contract(toolIndex)"
  3747. v-if="
  3748. worksStudent[toolIndex].length > 6 &&
  3749. isCloseList[toolIndex].isClose == 0
  3750. "
  3751. >
  3752. 折叠
  3753. </div>
  3754. <div
  3755. class="corOpen"
  3756. @click="contract(toolIndex)"
  3757. v-if="isCloseList[toolIndex].isClose == 1"
  3758. >
  3759. 展开
  3760. </div>
  3761. </div>
  3762. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3763. </div>
  3764. <div>
  3765. <div
  3766. class="worksDetailBox"
  3767. v-if="
  3768. worksStudent.length &&
  3769. worksStudent[toolIndex].length > 0
  3770. "
  3771. >
  3772. <div
  3773. v-for="(w, wIndex) in isCloseList[toolIndex]
  3774. .isClose == 0
  3775. ? worksStudent[toolIndex]
  3776. : worksStudent[toolIndex].slice(0, 6)"
  3777. :key="wIndex"
  3778. class="isWorksName2"
  3779. @click="
  3780. openTools(
  3781. 69,
  3782. toolIndex,
  3783. taskCount,
  3784. w.works,
  3785. w.sName,
  3786. w.wid
  3787. )
  3788. "
  3789. >
  3790. {{ w.sName }}
  3791. <img
  3792. class="deleteImg deleteImg2"
  3793. src="../assets/deleteworks.png"
  3794. v-if="
  3795. w.userid == userid || tType == 1 || tType == 4
  3796. "
  3797. @click.stop="deleteWorks(w.wid)"
  3798. alt
  3799. />
  3800. </div>
  3801. </div>
  3802. </div>
  3803. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3804. 未提交
  3805. </div>
  3806. <div
  3807. class="noWorksS"
  3808. v-if="noWorksS && noWorksS[toolIndex].length"
  3809. >
  3810. <div
  3811. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3812. :key="sIndex"
  3813. class="noWorksName"
  3814. @click="teacherWorkSubmit(69, toolIndex, taskCount, s)"
  3815. >
  3816. {{ s.student }}
  3817. </div>
  3818. </div>
  3819. </div>
  3820. <div
  3821. v-if="
  3822. tType &&
  3823. ((tType == 2 && sIsOpen == true) ||
  3824. tType == 1 ||
  3825. tType == 4) &&
  3826. tool.tool.indexOf(15) != -1
  3827. "
  3828. class="worksBox"
  3829. >
  3830. <div
  3831. class="zuoyeYulan"
  3832. v-if="
  3833. worksStudent.length &&
  3834. worksStudent[toolIndex].length > 0
  3835. "
  3836. >
  3837. <div class="worksTop">
  3838. <div>作业预览</div>
  3839. <div
  3840. class="corOpen"
  3841. @click="contract(toolIndex)"
  3842. v-if="
  3843. worksStudent[toolIndex].length > 6 &&
  3844. isCloseList[toolIndex].isClose == 0
  3845. "
  3846. >
  3847. 折叠
  3848. </div>
  3849. <div
  3850. class="corOpen"
  3851. @click="contract(toolIndex)"
  3852. v-if="isCloseList[toolIndex].isClose == 1"
  3853. >
  3854. 展开
  3855. </div>
  3856. </div>
  3857. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3858. </div>
  3859. <div
  3860. class="group_workBox"
  3861. v-for="(g, gindex) in courseGroup.group"
  3862. :key="gindex"
  3863. >
  3864. <div class="group_box">
  3865. <div class="group_title">
  3866. <el-tooltip
  3867. class="item"
  3868. effect="light"
  3869. :content="g.name"
  3870. placement="top"
  3871. >
  3872. <div class="group_name">{{ g.name }}</div>
  3873. </el-tooltip>
  3874. </div>
  3875. <div
  3876. class="group_work"
  3877. v-if="
  3878. g.works &&
  3879. g.works.length &&
  3880. g.works[toolIndex].length
  3881. "
  3882. >
  3883. <div
  3884. class="works"
  3885. v-for="(w, wIndex) in g.works[toolIndex]"
  3886. :key="wIndex"
  3887. >
  3888. <div
  3889. class="workImg"
  3890. style="
  3891. border-radius: 15px;
  3892. box-shadow: #eee 0px 0px 5px 5px;
  3893. "
  3894. >
  3895. <div
  3896. class="answerBg"
  3897. style="border-radius: 15px 15px 0 0"
  3898. @click="
  3899. commentOther(w, toolIndex, wIndex, null, g.id)
  3900. "
  3901. >
  3902. <div class="answerContent">
  3903. {{ JSON.parse(w.works)[0].answer }}
  3904. </div>
  3905. <div
  3906. class="answerScore"
  3907. v-if="w.score"
  3908. @click.stop="openScore(w)"
  3909. :class="{
  3910. rightW:
  3911. w.userid == userid ||
  3912. tType == 1 ||
  3913. tType == 4,
  3914. }"
  3915. >
  3916. {{ JSON.parse(w.score).wScore }}分
  3917. </div>
  3918. <div
  3919. class="answerScore"
  3920. @click.stop="openScore(w)"
  3921. v-else-if="courseDetail.userid == userid"
  3922. :class="{
  3923. rightW:
  3924. w.userid == userid ||
  3925. tType == 1 ||
  3926. tType == 4,
  3927. }"
  3928. >
  3929. 评分
  3930. </div>
  3931. <img
  3932. class="deleteImg"
  3933. src="../assets/deleteworks.png"
  3934. v-if="
  3935. w.userid == userid ||
  3936. tType == 1 ||
  3937. tType == 4
  3938. "
  3939. @click.stop="deleteWorks(w.wid)"
  3940. alt
  3941. />
  3942. </div>
  3943. <div class="comment">
  3944. <div class="worksName">
  3945. <div>{{ w.sName }}</div>
  3946. </div>
  3947. <div class="commentList">
  3948. <div
  3949. class="commentImg"
  3950. @click="
  3951. isLikes(w.wid, userid, 1, null, w.isLikes)
  3952. "
  3953. >
  3954. <img
  3955. :src="w.isLikes == true ? likes : noLikes"
  3956. alt=""
  3957. />
  3958. </div>
  3959. <div>{{ w.likesCount }}</div>
  3960. </div>
  3961. <div
  3962. class="commentList"
  3963. style="margin-right: 15px"
  3964. >
  3965. <div
  3966. class="commentImg"
  3967. @click="
  3968. commentOther(
  3969. w,
  3970. toolIndex,
  3971. wIndex,
  3972. null,
  3973. g.id
  3974. )
  3975. "
  3976. >
  3977. <img
  3978. src="../assets/icon/comment/comment.png"
  3979. alt=""
  3980. />
  3981. </div>
  3982. <div>{{ w.commentCount }}</div>
  3983. </div>
  3984. </div>
  3985. </div>
  3986. </div>
  3987. </div>
  3988. <div class="group_work" v-else>暂无提交作业</div>
  3989. </div>
  3990. </div>
  3991. <div
  3992. class="worksDetailBox"
  3993. v-if="
  3994. worksStudent.length &&
  3995. worksStudent[toolIndex].length > 0
  3996. "
  3997. >
  3998. <div
  3999. class="works"
  4000. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  4001. 0
  4002. ? worksStudent[toolIndex]
  4003. : worksStudent[toolIndex].slice(0, 6)"
  4004. :key="wIndex"
  4005. >
  4006. <div
  4007. class="workImg"
  4008. style="
  4009. border-radius: 15px;
  4010. box-shadow: #eee 0px 0px 5px 5px;
  4011. "
  4012. >
  4013. <!-- <img
  4014. src="../assets/icon/works/noImg.png"
  4015. @click="openTools(15, toolIndex, taskCount, w.works)"
  4016. alt=""
  4017. />-->
  4018. <div
  4019. class="answerBg"
  4020. style="border-radius: 15px 15px 0 0"
  4021. @click="commentOther(w, toolIndex, wIndex)"
  4022. >
  4023. <!-- <div>{{ w.sName }}</div> -->
  4024. <div class="answerContent">
  4025. {{ JSON.parse(w.works)[0].answer }}
  4026. </div>
  4027. <div
  4028. class="answerScore"
  4029. v-if="w.score"
  4030. @click.stop="openScore(w)"
  4031. :class="{
  4032. rightW:
  4033. w.userid == userid ||
  4034. tType == 1 ||
  4035. tType == 4,
  4036. }"
  4037. >
  4038. {{ JSON.parse(w.score).wScore }}分
  4039. </div>
  4040. <div
  4041. class="answerScore"
  4042. @click.stop="openScore(w)"
  4043. v-else-if="courseDetail.userid == userid"
  4044. :class="{
  4045. rightW:
  4046. w.userid == userid ||
  4047. tType == 1 ||
  4048. tType == 4,
  4049. }"
  4050. >
  4051. 评分
  4052. </div>
  4053. <img
  4054. class="deleteImg"
  4055. src="../assets/deleteworks.png"
  4056. v-if="
  4057. w.userid == userid || tType == 1 || tType == 4
  4058. "
  4059. @click.stop="deleteWorks(w.wid)"
  4060. alt
  4061. />
  4062. </div>
  4063. <div class="comment">
  4064. <div class="worksName">
  4065. <div>{{ w.sName }}</div>
  4066. </div>
  4067. <div class="commentList">
  4068. <div
  4069. class="commentImg"
  4070. @click="
  4071. isLikes(w.wid, userid, 1, null, w.isLikes)
  4072. "
  4073. >
  4074. <img
  4075. :src="w.isLikes == true ? likes : noLikes"
  4076. alt=""
  4077. />
  4078. </div>
  4079. <div>{{ w.likesCount }}</div>
  4080. </div>
  4081. <div class="commentList" style="margin-right: 15px">
  4082. <div
  4083. class="commentImg"
  4084. @click="commentOther(w, toolIndex, wIndex)"
  4085. >
  4086. <img
  4087. src="../assets/icon/comment/comment.png"
  4088. alt=""
  4089. />
  4090. </div>
  4091. <div>{{ w.commentCount }}</div>
  4092. </div>
  4093. </div>
  4094. </div>
  4095. </div>
  4096. </div>
  4097. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4098. 未提交
  4099. </div>
  4100. <div
  4101. class="noWorksS"
  4102. v-if="noWorksS && noWorksS[toolIndex].length"
  4103. >
  4104. <div
  4105. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4106. :key="sIndex"
  4107. class="noWorksName"
  4108. @click="teacherWorkSubmit(15, toolIndex, taskCount, s)"
  4109. >
  4110. {{ s.student }}
  4111. </div>
  4112. </div>
  4113. </div>
  4114. <div
  4115. v-if="
  4116. tType &&
  4117. ((tType == 2 && sIsOpen == true) ||
  4118. tType == 1 ||
  4119. tType == 4) &&
  4120. tool.tool.indexOf(1) != -1
  4121. "
  4122. class="worksBox"
  4123. >
  4124. <div
  4125. class="zuoyeYulan"
  4126. v-if="
  4127. worksStudent.length &&
  4128. worksStudent[toolIndex].length > 0
  4129. "
  4130. >
  4131. <div class="worksTop">
  4132. <div>作业预览</div>
  4133. <div
  4134. class="corOpen"
  4135. @click="contract(toolIndex)"
  4136. v-if="
  4137. worksStudent[toolIndex].length > 6 &&
  4138. isCloseList[toolIndex].isClose == 0
  4139. "
  4140. >
  4141. 折叠
  4142. </div>
  4143. <div
  4144. class="corOpen"
  4145. @click="contract(toolIndex)"
  4146. v-if="isCloseList[toolIndex].isClose == 1"
  4147. >
  4148. 展开
  4149. </div>
  4150. </div>
  4151. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4152. </div>
  4153. <div
  4154. class="group_workBox"
  4155. v-for="(g, gindex) in courseGroup.group"
  4156. :key="gindex"
  4157. >
  4158. <div class="group_box">
  4159. <div class="group_title">
  4160. <el-tooltip
  4161. class="item"
  4162. effect="light"
  4163. :content="g.name"
  4164. placement="top"
  4165. >
  4166. <div class="group_name">{{ g.name }}</div>
  4167. </el-tooltip>
  4168. </div>
  4169. <div
  4170. class="group_work"
  4171. v-if="
  4172. g.works &&
  4173. g.works.length &&
  4174. g.works[toolIndex].length
  4175. "
  4176. >
  4177. <div
  4178. class="works"
  4179. style="
  4180. width: 200px;
  4181. height: 140px;
  4182. margin: 10px 10px 10px 0;
  4183. border-radius: 15px;
  4184. box-shadow: 0 0 6px 1px #dfdada;
  4185. "
  4186. v-for="(w, wIndex) in g.works[toolIndex]"
  4187. :key="wIndex"
  4188. :class="w.type == 1 ? 'isTypeOne' : ''"
  4189. >
  4190. <div class="workImg">
  4191. <img
  4192. :src="w.works"
  4193. @click="previewImg(w.works)"
  4194. alt
  4195. />
  4196. <div
  4197. class="answerScore"
  4198. v-if="w.score"
  4199. @click.stop="openScore(w)"
  4200. :class="{
  4201. rightW:
  4202. w.userid == userid ||
  4203. tType == 1 ||
  4204. tType == 4,
  4205. }"
  4206. >
  4207. {{ JSON.parse(w.score).wScore }}分
  4208. </div>
  4209. <div
  4210. class="answerScore"
  4211. @click.stop="openScore(w)"
  4212. v-else-if="courseDetail.userid == userid"
  4213. :class="{
  4214. rightW:
  4215. w.userid == userid ||
  4216. tType == 1 ||
  4217. tType == 4,
  4218. }"
  4219. >
  4220. 评分
  4221. </div>
  4222. <img
  4223. class="deleteImg"
  4224. src="../assets/deleteworks.png"
  4225. v-if="
  4226. w.userid == userid || tType == 1 || tType == 4
  4227. "
  4228. @click.stop="deleteWorks(w.wid)"
  4229. alt
  4230. />
  4231. </div>
  4232. <div class="comment" style="min-width: 200px">
  4233. <div class="worksName">
  4234. <div>{{ w.sName }}</div>
  4235. </div>
  4236. <div class="commentList">
  4237. <div class="commentList">
  4238. <div
  4239. class="commentImg"
  4240. @click="
  4241. isLikes(w.wid, userid, 1, null, w.isLikes)
  4242. "
  4243. >
  4244. <img
  4245. :src="w.isLikes == true ? likes : noLikes"
  4246. alt=""
  4247. />
  4248. </div>
  4249. <div>{{ w.likesCount }}</div>
  4250. </div>
  4251. <div
  4252. class="commentList"
  4253. style="margin-right: 15px"
  4254. >
  4255. <div
  4256. class="commentImg"
  4257. @click="
  4258. commentOther(
  4259. w,
  4260. toolIndex,
  4261. wIndex,
  4262. null,
  4263. g.id
  4264. )
  4265. "
  4266. >
  4267. <img
  4268. src="../assets/icon/comment/comment.png"
  4269. alt=""
  4270. />
  4271. </div>
  4272. <div>{{ w.commentCount }}</div>
  4273. </div>
  4274. </div>
  4275. </div>
  4276. </div>
  4277. </div>
  4278. <div class="group_work" v-else>暂无提交作业</div>
  4279. </div>
  4280. </div>
  4281. <div
  4282. class="worksDetailBox"
  4283. v-if="
  4284. worksStudent.length &&
  4285. worksStudent[toolIndex].length > 0
  4286. "
  4287. >
  4288. <div
  4289. class="works"
  4290. style="
  4291. width: 200px;
  4292. height: 140px;
  4293. margin: 10px 10px 10px 0;
  4294. border-radius: 15px;
  4295. box-shadow: 0 0 6px 1px #dfdada;
  4296. "
  4297. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  4298. 0
  4299. ? worksStudent[toolIndex]
  4300. : worksStudent[toolIndex].slice(0, 6)"
  4301. :key="wIndex"
  4302. >
  4303. <!-- @click="previewImg(w.works)" @click="commentOther(w, toolIndex, wIndex)"-->
  4304. <div class="workImg">
  4305. <img
  4306. :src="w.works"
  4307. @click="previewImg(w.works)"
  4308. alt
  4309. />
  4310. <div
  4311. class="answerScore"
  4312. v-if="w.score"
  4313. @click.stop="openScore(w)"
  4314. :class="{
  4315. rightW:
  4316. w.userid == userid || tType == 1 || tType == 4,
  4317. }"
  4318. >
  4319. {{ JSON.parse(w.score).wScore }}分
  4320. </div>
  4321. <div
  4322. class="answerScore"
  4323. @click.stop="openScore(w)"
  4324. v-else-if="courseDetail.userid == userid"
  4325. :class="{
  4326. rightW:
  4327. w.userid == userid || tType == 1 || tType == 4,
  4328. }"
  4329. >
  4330. 评分
  4331. </div>
  4332. <img
  4333. class="deleteImg"
  4334. src="../assets/deleteworks.png"
  4335. v-if="
  4336. w.userid == userid || tType == 1 || tType == 4
  4337. "
  4338. @click.stop="deleteWorks(w.wid)"
  4339. alt
  4340. />
  4341. </div>
  4342. <div class="comment" style="min-width: 200px">
  4343. <div class="worksName">
  4344. <div>{{ w.sName }}</div>
  4345. </div>
  4346. <div class="commentList">
  4347. <div class="commentList">
  4348. <div
  4349. class="commentImg"
  4350. @click="
  4351. isLikes(w.wid, userid, 1, null, w.isLikes)
  4352. "
  4353. >
  4354. <img
  4355. :src="w.isLikes == true ? likes : noLikes"
  4356. alt=""
  4357. />
  4358. </div>
  4359. <div>{{ w.likesCount }}</div>
  4360. </div>
  4361. <div class="commentList" style="margin-right: 15px">
  4362. <div
  4363. class="commentImg"
  4364. @click="commentOther(w, toolIndex, wIndex)"
  4365. >
  4366. <img
  4367. src="../assets/icon/comment/comment.png"
  4368. alt=""
  4369. />
  4370. </div>
  4371. <div>{{ w.commentCount }}</div>
  4372. </div>
  4373. </div>
  4374. </div>
  4375. </div>
  4376. </div>
  4377. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4378. 未提交
  4379. </div>
  4380. <div
  4381. class="noWorksS"
  4382. v-if="noWorksS && noWorksS[toolIndex].length"
  4383. >
  4384. <div
  4385. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4386. :key="sIndex"
  4387. class="noWorksName"
  4388. @click="teacherWorkSubmit(1, toolIndex, taskCount, s)"
  4389. >
  4390. {{ s.student }}
  4391. </div>
  4392. </div>
  4393. </div>
  4394. <div
  4395. v-if="
  4396. tType &&
  4397. ((tType == 2 && sIsOpen == true) ||
  4398. tType == 1 ||
  4399. tType == 4) &&
  4400. tool.tool.indexOf(3) != -1
  4401. "
  4402. class="worksBox"
  4403. >
  4404. <div
  4405. class="zuoyeYulan"
  4406. v-if="
  4407. worksStudent.length &&
  4408. worksStudent[toolIndex].length > 0
  4409. "
  4410. >
  4411. <div class="worksTop">
  4412. <div>作业预览</div>
  4413. <div
  4414. class="corOpen"
  4415. @click="contract(toolIndex)"
  4416. v-if="
  4417. worksStudent[toolIndex].length > 6 &&
  4418. isCloseList[toolIndex].isClose == 0
  4419. "
  4420. >
  4421. 折叠
  4422. </div>
  4423. <div
  4424. class="corOpen"
  4425. @click="contract(toolIndex)"
  4426. v-if="isCloseList[toolIndex].isClose == 1"
  4427. >
  4428. 展开
  4429. </div>
  4430. </div>
  4431. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4432. </div>
  4433. <div
  4434. class="group_workBox"
  4435. v-for="(g, gindex) in courseGroup.group"
  4436. :key="gindex"
  4437. >
  4438. <div class="group_box">
  4439. <div class="group_title">
  4440. <el-tooltip
  4441. class="item"
  4442. effect="light"
  4443. :content="g.name"
  4444. placement="top"
  4445. >
  4446. <div class="group_name">{{ g.name }}</div>
  4447. </el-tooltip>
  4448. </div>
  4449. <div
  4450. class="group_work"
  4451. v-if="
  4452. g.works &&
  4453. g.works.length &&
  4454. g.works[toolIndex].length
  4455. "
  4456. >
  4457. <div
  4458. class="works"
  4459. style="
  4460. width: 200px;
  4461. height: 140px;
  4462. margin: 10px 10px 10px 0;
  4463. border-radius: 15px;
  4464. box-shadow: 0 0 6px 1px #dfdada;
  4465. "
  4466. v-for="(w, wIndex) in g.works[toolIndex]"
  4467. :key="wIndex"
  4468. :class="w.type == 1 ? 'isTypeOne' : ''"
  4469. >
  4470. <div class="workImg">
  4471. <img
  4472. :src="w.works"
  4473. @click="previewImg(w.works)"
  4474. alt
  4475. />
  4476. <div
  4477. class="answerScore"
  4478. v-if="w.score"
  4479. @click.stop="openScore(w)"
  4480. :class="{
  4481. rightW:
  4482. w.userid == userid ||
  4483. tType == 1 ||
  4484. tType == 4,
  4485. }"
  4486. >
  4487. {{ JSON.parse(w.score).wScore }}分
  4488. </div>
  4489. <div
  4490. class="answerScore"
  4491. @click.stop="openScore(w)"
  4492. v-else-if="courseDetail.userid == userid"
  4493. :class="{
  4494. rightW:
  4495. w.userid == userid ||
  4496. tType == 1 ||
  4497. tType == 4,
  4498. }"
  4499. >
  4500. 评分
  4501. </div>
  4502. <img
  4503. class="deleteImg"
  4504. src="../assets/deleteworks.png"
  4505. v-if="
  4506. w.userid == userid || tType == 1 || tType == 4
  4507. "
  4508. @click.stop="deleteWorks(w.wid)"
  4509. alt
  4510. />
  4511. </div>
  4512. <div class="comment" style="min-width: 200px">
  4513. <div class="worksName">
  4514. <div>{{ w.sName }}</div>
  4515. </div>
  4516. <div class="commentList">
  4517. <div class="commentList">
  4518. <div
  4519. class="commentImg"
  4520. @click="
  4521. isLikes(w.wid, userid, 1, null, w.isLikes)
  4522. "
  4523. >
  4524. <img
  4525. :src="w.isLikes == true ? likes : noLikes"
  4526. alt=""
  4527. />
  4528. </div>
  4529. <div>{{ w.likesCount }}</div>
  4530. </div>
  4531. <div
  4532. class="commentList"
  4533. style="margin-right: 15px"
  4534. >
  4535. <div
  4536. class="commentImg"
  4537. @click="
  4538. commentOther(
  4539. w,
  4540. toolIndex,
  4541. wIndex,
  4542. null,
  4543. g.id
  4544. )
  4545. "
  4546. >
  4547. <img
  4548. src="../assets/icon/comment/comment.png"
  4549. alt=""
  4550. />
  4551. </div>
  4552. <div>{{ w.commentCount }}</div>
  4553. </div>
  4554. </div>
  4555. </div>
  4556. </div>
  4557. </div>
  4558. <div class="group_work" v-else>暂无提交作业</div>
  4559. </div>
  4560. </div>
  4561. <div
  4562. class="worksDetailBox"
  4563. v-if="
  4564. worksStudent.length &&
  4565. worksStudent[toolIndex].length > 0
  4566. "
  4567. >
  4568. <div
  4569. class="works"
  4570. style="
  4571. width: 200px;
  4572. height: 140px;
  4573. margin: 10px 10px 10px 0;
  4574. border-radius: 15px;
  4575. box-shadow: 0 0 6px 1px #dfdada;
  4576. "
  4577. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  4578. 0
  4579. ? worksStudent[toolIndex]
  4580. : worksStudent[toolIndex].slice(0, 6)"
  4581. :key="wIndex"
  4582. >
  4583. <!-- @click="previewImg(w.works)" -->
  4584. <div class="workImg">
  4585. <img
  4586. :src="w.works"
  4587. @click="previewImg(w.works)"
  4588. alt
  4589. />
  4590. <div
  4591. class="answerScore"
  4592. v-if="w.score"
  4593. @click.stop="openScore(w)"
  4594. :class="{
  4595. rightW:
  4596. w.userid == userid || tType == 1 || tType == 4,
  4597. }"
  4598. >
  4599. {{ JSON.parse(w.score).wScore }}分
  4600. </div>
  4601. <div
  4602. class="answerScore"
  4603. @click.stop="openScore(w)"
  4604. v-else-if="courseDetail.userid == userid"
  4605. :class="{
  4606. rightW:
  4607. w.userid == userid || tType == 1 || tType == 4,
  4608. }"
  4609. >
  4610. 评分
  4611. </div>
  4612. <img
  4613. class="deleteImg"
  4614. src="../assets/deleteworks.png"
  4615. v-if="
  4616. w.userid == userid || tType == 1 || tType == 4
  4617. "
  4618. @click.stop="deleteWorks(w.wid)"
  4619. alt
  4620. />
  4621. </div>
  4622. <div class="comment" style="min-width: 200px">
  4623. <div class="worksName">
  4624. <div>{{ w.sName }}</div>
  4625. </div>
  4626. <div class="commentList">
  4627. <div class="commentList">
  4628. <div
  4629. class="commentImg"
  4630. @click="
  4631. isLikes(w.wid, userid, 1, null, w.isLikes)
  4632. "
  4633. >
  4634. <img
  4635. :src="w.isLikes == true ? likes : noLikes"
  4636. alt=""
  4637. />
  4638. </div>
  4639. <div>{{ w.likesCount }}</div>
  4640. </div>
  4641. <div class="commentList" style="margin-right: 15px">
  4642. <div
  4643. class="commentImg"
  4644. @click="commentOther(w, toolIndex, wIndex)"
  4645. >
  4646. <img
  4647. src="../assets/icon/comment/comment.png"
  4648. alt=""
  4649. />
  4650. </div>
  4651. <div>{{ w.commentCount }}</div>
  4652. </div>
  4653. </div>
  4654. </div>
  4655. </div>
  4656. </div>
  4657. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4658. 未提交
  4659. </div>
  4660. <div
  4661. class="noWorksS"
  4662. v-if="noWorksS && noWorksS[toolIndex].length"
  4663. >
  4664. <div
  4665. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4666. :key="sIndex"
  4667. class="noWorksName"
  4668. @click="teacherWorkSubmit(3, toolIndex, taskCount, s)"
  4669. >
  4670. {{ s.student }}
  4671. </div>
  4672. </div>
  4673. </div>
  4674. <div
  4675. v-if="
  4676. tType &&
  4677. ((tType == 2 && sIsOpen == true) ||
  4678. tType == 1 ||
  4679. tType == 4) &&
  4680. tool.tool.indexOf(6) != -1
  4681. "
  4682. class="worksBox"
  4683. >
  4684. <div
  4685. class="zuoyeYulan"
  4686. v-if="
  4687. worksStudent.length &&
  4688. worksStudent[toolIndex].length > 0
  4689. "
  4690. >
  4691. <div class="worksTop">
  4692. <div>作业预览</div>
  4693. <div
  4694. class="corOpen"
  4695. @click="contract(toolIndex)"
  4696. v-if="
  4697. worksStudent[toolIndex].length > 6 &&
  4698. isCloseList[toolIndex].isClose == 0
  4699. "
  4700. >
  4701. 折叠
  4702. </div>
  4703. <div
  4704. class="corOpen"
  4705. @click="contract(toolIndex)"
  4706. v-if="isCloseList[toolIndex].isClose == 1"
  4707. >
  4708. 展开
  4709. </div>
  4710. </div>
  4711. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4712. </div>
  4713. <div
  4714. class="group_workBox"
  4715. v-for="(g, gindex) in courseGroup.group"
  4716. :key="gindex"
  4717. >
  4718. <div class="group_box">
  4719. <div class="group_title">
  4720. <el-tooltip
  4721. class="item"
  4722. effect="light"
  4723. :content="g.name"
  4724. placement="top"
  4725. >
  4726. <div class="group_name">{{ g.name }}</div>
  4727. </el-tooltip>
  4728. </div>
  4729. <div
  4730. class="group_work"
  4731. v-if="
  4732. g.works &&
  4733. g.works.length &&
  4734. g.works[toolIndex].length
  4735. "
  4736. >
  4737. <div
  4738. class="works"
  4739. style="
  4740. width: 200px;
  4741. height: 140px;
  4742. margin: 10px 10px 10px 0;
  4743. border-radius: 15px;
  4744. box-shadow: 0 0 6px 1px #dfdada;
  4745. "
  4746. v-for="(w, wIndex) in g.works[toolIndex]"
  4747. :key="wIndex"
  4748. :class="w.type == 1 ? 'isTypeOne' : ''"
  4749. >
  4750. <div class="workImg">
  4751. <img
  4752. :src="w.works"
  4753. @click="previewImg(w.works)"
  4754. alt
  4755. />
  4756. <div
  4757. class="answerScore"
  4758. v-if="w.score"
  4759. @click.stop="openScore(w)"
  4760. :class="{
  4761. rightW:
  4762. w.userid == userid ||
  4763. tType == 1 ||
  4764. tType == 4,
  4765. }"
  4766. >
  4767. {{ JSON.parse(w.score).wScore }}分
  4768. </div>
  4769. <div
  4770. class="answerScore"
  4771. @click.stop="openScore(w)"
  4772. v-else-if="courseDetail.userid == userid"
  4773. :class="{
  4774. rightW:
  4775. w.userid == userid ||
  4776. tType == 1 ||
  4777. tType == 4,
  4778. }"
  4779. >
  4780. 评分
  4781. </div>
  4782. <img
  4783. class="deleteImg"
  4784. src="../assets/deleteworks.png"
  4785. v-if="
  4786. w.userid == userid || tType == 1 || tType == 4
  4787. "
  4788. @click.stop="deleteWorks(w.wid)"
  4789. alt
  4790. />
  4791. </div>
  4792. <div class="comment" style="min-width: 200px">
  4793. <div class="worksName">
  4794. <div>{{ w.sName }}</div>
  4795. </div>
  4796. <div class="commentList">
  4797. <div class="commentList">
  4798. <div
  4799. class="commentImg"
  4800. @click="
  4801. isLikes(w.wid, userid, 1, null, w.isLikes)
  4802. "
  4803. >
  4804. <img
  4805. :src="w.isLikes == true ? likes : noLikes"
  4806. alt=""
  4807. />
  4808. </div>
  4809. <div>{{ w.likesCount }}</div>
  4810. </div>
  4811. <div
  4812. class="commentList"
  4813. style="margin-right: 15px"
  4814. >
  4815. <div
  4816. class="commentImg"
  4817. @click="
  4818. commentOther(
  4819. w,
  4820. toolIndex,
  4821. wIndex,
  4822. null,
  4823. g.id
  4824. )
  4825. "
  4826. >
  4827. <img
  4828. src="../assets/icon/comment/comment.png"
  4829. alt=""
  4830. />
  4831. </div>
  4832. <div>{{ w.commentCount }}</div>
  4833. </div>
  4834. </div>
  4835. </div>
  4836. </div>
  4837. </div>
  4838. <div class="group_work" v-else>暂无提交作业</div>
  4839. </div>
  4840. </div>
  4841. <div
  4842. class="worksDetailBox"
  4843. v-if="
  4844. worksStudent.length &&
  4845. worksStudent[toolIndex].length > 0
  4846. "
  4847. >
  4848. <div
  4849. class="works"
  4850. style="
  4851. width: 200px;
  4852. height: 140px;
  4853. margin: 10px 10px 10px 0;
  4854. border-radius: 15px;
  4855. box-shadow: 0 0 6px 1px #dfdada;
  4856. "
  4857. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  4858. 0
  4859. ? worksStudent[toolIndex]
  4860. : worksStudent[toolIndex].slice(0, 6)"
  4861. :key="wIndex"
  4862. >
  4863. <!-- @click="previewImg(w.works)" -->
  4864. <div class="workImg">
  4865. <img
  4866. :src="w.works"
  4867. @click="previewImg(w.works)"
  4868. alt
  4869. />
  4870. <div
  4871. class="answerScore"
  4872. v-if="w.score"
  4873. @click.stop="openScore(w)"
  4874. :class="{
  4875. rightW:
  4876. w.userid == userid || tType == 1 || tType == 4,
  4877. }"
  4878. >
  4879. {{ JSON.parse(w.score).wScore }}分
  4880. </div>
  4881. <div
  4882. class="answerScore"
  4883. @click.stop="openScore(w)"
  4884. v-else-if="courseDetail.userid == userid"
  4885. :class="{
  4886. rightW:
  4887. w.userid == userid || tType == 1 || tType == 4,
  4888. }"
  4889. >
  4890. 评分
  4891. </div>
  4892. <img
  4893. class="deleteImg"
  4894. src="../assets/deleteworks.png"
  4895. v-if="
  4896. w.userid == userid || tType == 1 || tType == 4
  4897. "
  4898. @click.stop="deleteWorks(w.wid)"
  4899. alt
  4900. />
  4901. </div>
  4902. <div class="comment" style="min-width: 200px">
  4903. <div class="worksName">
  4904. <div>{{ w.sName }}</div>
  4905. </div>
  4906. <div class="commentList">
  4907. <div class="commentList">
  4908. <div
  4909. class="commentImg"
  4910. @click="
  4911. isLikes(w.wid, userid, 1, null, w.isLikes)
  4912. "
  4913. >
  4914. <img
  4915. :src="w.isLikes == true ? likes : noLikes"
  4916. alt=""
  4917. />
  4918. </div>
  4919. <div>{{ w.likesCount }}</div>
  4920. </div>
  4921. <div class="commentList" style="margin-right: 15px">
  4922. <div
  4923. class="commentImg"
  4924. @click="commentOther(w, toolIndex, wIndex)"
  4925. >
  4926. <img
  4927. src="../assets/icon/comment/comment.png"
  4928. alt=""
  4929. />
  4930. </div>
  4931. <div>{{ w.commentCount }}</div>
  4932. </div>
  4933. </div>
  4934. </div>
  4935. </div>
  4936. </div>
  4937. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4938. 未提交
  4939. </div>
  4940. <div
  4941. class="noWorksS"
  4942. v-if="noWorksS && noWorksS[toolIndex].length"
  4943. >
  4944. <div
  4945. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4946. :key="sIndex"
  4947. class="noWorksName"
  4948. >
  4949. {{ s.student }}
  4950. </div>
  4951. </div>
  4952. </div>
  4953. <div
  4954. v-if="
  4955. tType &&
  4956. ((tType == 2 && sIsOpen == true) ||
  4957. tType == 1 ||
  4958. tType == 4) &&
  4959. tool.tool.indexOf(7) != -1
  4960. "
  4961. class="worksBox"
  4962. >
  4963. <div
  4964. class="zuoyeYulan"
  4965. v-if="
  4966. worksStudent.length &&
  4967. worksStudent[toolIndex].length > 0
  4968. "
  4969. >
  4970. <div class="worksTop">
  4971. <div>作业预览</div>
  4972. <div
  4973. class="corOpen"
  4974. @click="contract(toolIndex)"
  4975. v-if="
  4976. worksStudent[toolIndex].length > 6 &&
  4977. isCloseList[toolIndex].isClose == 0
  4978. "
  4979. >
  4980. 折叠
  4981. </div>
  4982. <div
  4983. class="corOpen"
  4984. @click="contract(toolIndex)"
  4985. v-if="isCloseList[toolIndex].isClose == 1"
  4986. >
  4987. 展开
  4988. </div>
  4989. </div>
  4990. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4991. </div>
  4992. <div
  4993. class="group_workBox"
  4994. v-for="(g, gindex) in courseGroup.group"
  4995. :key="gindex"
  4996. >
  4997. <div class="group_box">
  4998. <div class="group_title">
  4999. <el-tooltip
  5000. class="item"
  5001. effect="light"
  5002. :content="g.name"
  5003. placement="top"
  5004. >
  5005. <div class="group_name">{{ g.name }}</div>
  5006. </el-tooltip>
  5007. </div>
  5008. <div
  5009. class="group_work"
  5010. v-if="
  5011. g.works &&
  5012. g.works.length &&
  5013. g.works[toolIndex].length
  5014. "
  5015. >
  5016. <div
  5017. class="works"
  5018. style="
  5019. width: 200px;
  5020. height: 140px;
  5021. margin: 10px 10px 10px 0;
  5022. border-radius: 15px;
  5023. box-shadow: 0 0 6px 1px #dfdada;
  5024. "
  5025. v-for="(w, wIndex) in g.works[toolIndex]"
  5026. :key="wIndex"
  5027. :class="w.type == 1 ? 'isTypeOne' : ''"
  5028. >
  5029. <div class="workImg">
  5030. <img
  5031. :src="w.works"
  5032. @click="previewImg(w.works)"
  5033. alt
  5034. />
  5035. <div
  5036. class="answerScore"
  5037. v-if="w.score"
  5038. @click.stop="openScore(w)"
  5039. :class="{
  5040. rightW:
  5041. w.userid == userid ||
  5042. tType == 1 ||
  5043. tType == 4,
  5044. }"
  5045. >
  5046. {{ JSON.parse(w.score).wScore }}分
  5047. </div>
  5048. <div
  5049. class="answerScore"
  5050. @click.stop="openScore(w)"
  5051. v-else-if="courseDetail.userid == userid"
  5052. :class="{
  5053. rightW:
  5054. w.userid == userid ||
  5055. tType == 1 ||
  5056. tType == 4,
  5057. }"
  5058. >
  5059. 评分
  5060. </div>
  5061. <img
  5062. class="deleteImg"
  5063. src="../assets/deleteworks.png"
  5064. v-if="
  5065. w.userid == userid || tType == 1 || tType == 4
  5066. "
  5067. @click.stop="deleteWorks(w.wid)"
  5068. alt
  5069. />
  5070. </div>
  5071. <div class="comment" style="min-width: 200px">
  5072. <div class="worksName">
  5073. <div>{{ w.sName }}</div>
  5074. </div>
  5075. <div class="commentList">
  5076. <div class="commentList">
  5077. <div
  5078. class="commentImg"
  5079. @click="
  5080. isLikes(w.wid, userid, 1, null, w.isLikes)
  5081. "
  5082. >
  5083. <img
  5084. :src="w.isLikes == true ? likes : noLikes"
  5085. alt=""
  5086. />
  5087. </div>
  5088. <div>{{ w.likesCount }}</div>
  5089. </div>
  5090. <div
  5091. class="commentList"
  5092. style="margin-right: 15px"
  5093. >
  5094. <div
  5095. class="commentImg"
  5096. @click="
  5097. commentOther(
  5098. w,
  5099. toolIndex,
  5100. wIndex,
  5101. null,
  5102. g.id
  5103. )
  5104. "
  5105. >
  5106. <img
  5107. src="../assets/icon/comment/comment.png"
  5108. alt=""
  5109. />
  5110. </div>
  5111. <div>{{ w.commentCount }}</div>
  5112. </div>
  5113. </div>
  5114. </div>
  5115. </div>
  5116. </div>
  5117. <div class="group_work" v-else>暂无提交作业</div>
  5118. </div>
  5119. </div>
  5120. <div
  5121. class="worksDetailBox"
  5122. v-if="
  5123. worksStudent.length &&
  5124. worksStudent[toolIndex].length > 0
  5125. "
  5126. >
  5127. <div
  5128. class="works"
  5129. style="
  5130. width: 200px;
  5131. height: 140px;
  5132. margin: 10px 10px 10px 0;
  5133. border-radius: 15px;
  5134. box-shadow: 0 0 6px 1px #dfdada;
  5135. "
  5136. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  5137. 0
  5138. ? worksStudent[toolIndex]
  5139. : worksStudent[toolIndex].slice(0, 6)"
  5140. :key="wIndex"
  5141. >
  5142. <!-- @click="previewImg(w.works)" -->
  5143. <div class="workImg">
  5144. <img
  5145. :src="w.works"
  5146. @click="previewImg(w.works)"
  5147. alt
  5148. />
  5149. <div
  5150. class="answerScore"
  5151. v-if="w.score"
  5152. @click.stop="openScore(w)"
  5153. :class="{
  5154. rightW:
  5155. w.userid == userid || tType == 1 || tType == 4,
  5156. }"
  5157. >
  5158. {{ JSON.parse(w.score).wScore }}分
  5159. </div>
  5160. <div
  5161. class="answerScore"
  5162. @click.stop="openScore(w)"
  5163. v-else-if="courseDetail.userid == userid"
  5164. :class="{
  5165. rightW:
  5166. w.userid == userid || tType == 1 || tType == 4,
  5167. }"
  5168. >
  5169. 评分
  5170. </div>
  5171. <img
  5172. class="deleteImg"
  5173. src="../assets/deleteworks.png"
  5174. v-if="
  5175. w.userid == userid || tType == 1 || tType == 4
  5176. "
  5177. @click.stop="deleteWorks(w.wid)"
  5178. alt
  5179. />
  5180. </div>
  5181. <div class="comment" style="min-width: 200px">
  5182. <div class="worksName">
  5183. <div>{{ w.sName }}</div>
  5184. </div>
  5185. <div class="commentList">
  5186. <div class="commentList">
  5187. <div
  5188. class="commentImg"
  5189. @click="
  5190. isLikes(w.wid, userid, 1, null, w.isLikes)
  5191. "
  5192. >
  5193. <img
  5194. :src="w.isLikes == true ? likes : noLikes"
  5195. alt=""
  5196. />
  5197. </div>
  5198. <div>{{ w.likesCount }}</div>
  5199. </div>
  5200. <div class="commentList" style="margin-right: 15px">
  5201. <div
  5202. class="commentImg"
  5203. @click="commentOther(w, toolIndex, wIndex)"
  5204. >
  5205. <img
  5206. src="../assets/icon/comment/comment.png"
  5207. alt=""
  5208. />
  5209. </div>
  5210. <div>{{ w.commentCount }}</div>
  5211. </div>
  5212. </div>
  5213. </div>
  5214. </div>
  5215. </div>
  5216. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5217. 未提交
  5218. </div>
  5219. <div
  5220. class="noWorksS"
  5221. v-if="noWorksS && noWorksS[toolIndex].length"
  5222. >
  5223. <div
  5224. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5225. :key="sIndex"
  5226. class="noWorksName"
  5227. @click="teacherWorkSubmit(7, toolIndex, taskCount, s)"
  5228. >
  5229. {{ s.student }}
  5230. </div>
  5231. </div>
  5232. </div>
  5233. <div
  5234. v-if="
  5235. tType &&
  5236. ((tType == 2 && sIsOpen == true) ||
  5237. tType == 1 ||
  5238. tType == 4) &&
  5239. tool.tool.indexOf(26) != -1
  5240. "
  5241. class="worksBox"
  5242. >
  5243. <div
  5244. class="zuoyeYulan"
  5245. v-if="
  5246. worksStudent.length &&
  5247. worksStudent[toolIndex].length > 0
  5248. "
  5249. >
  5250. <div class="worksTop">
  5251. <div>作业预览</div>
  5252. <div
  5253. class="corOpen"
  5254. @click="contract(toolIndex)"
  5255. v-if="
  5256. worksStudent[toolIndex].length > 6 &&
  5257. isCloseList[toolIndex].isClose == 0
  5258. "
  5259. >
  5260. 折叠
  5261. </div>
  5262. <div
  5263. class="corOpen"
  5264. @click="contract(toolIndex)"
  5265. v-if="isCloseList[toolIndex].isClose == 1"
  5266. >
  5267. 展开
  5268. </div>
  5269. </div>
  5270. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5271. </div>
  5272. <div
  5273. class="worksDetailBox"
  5274. v-if="
  5275. worksStudent.length &&
  5276. worksStudent[toolIndex].length > 0
  5277. "
  5278. >
  5279. <div
  5280. class="works"
  5281. style="width: 240px; height: 140px; overflow: hidden"
  5282. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  5283. 0
  5284. ? worksStudent[toolIndex]
  5285. : worksStudent[toolIndex].slice(0, 6)"
  5286. :key="wIndex"
  5287. :class="w.type == 1 ? 'isTypeOne' : ''"
  5288. >
  5289. <div class="workImg" v-if="w.type == 0">
  5290. <img
  5291. :src="w.works"
  5292. @click="previewImg(w.works)"
  5293. alt
  5294. />
  5295. <img
  5296. class="deleteImg"
  5297. src="../assets/deleteworks.png"
  5298. v-if="
  5299. w.userid == userid || tType == 1 || tType == 4
  5300. "
  5301. @click.stop="deleteWorks(w.wid)"
  5302. alt
  5303. />
  5304. </div>
  5305. <div class="workImg" v-if="w.type == 1">
  5306. <img :src="word" @click="openFile(w.works)" alt />
  5307. <img
  5308. class="deleteImg"
  5309. src="../assets/deleteworks.png"
  5310. v-if="
  5311. w.userid == userid || tType == 1 || tType == 4
  5312. "
  5313. @click.stop="deleteWorks(w.wid)"
  5314. alt
  5315. />
  5316. </div>
  5317. <div class="worksName">
  5318. <div>{{ w.sName }}</div>
  5319. </div>
  5320. </div>
  5321. </div>
  5322. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5323. 未提交
  5324. </div>
  5325. <div
  5326. class="noWorksS"
  5327. v-if="noWorksS && noWorksS[toolIndex].length"
  5328. >
  5329. <div
  5330. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5331. :key="sIndex"
  5332. class="noWorksName"
  5333. >
  5334. {{ s.student }}
  5335. </div>
  5336. </div>
  5337. </div>
  5338. <div
  5339. v-if="
  5340. tType &&
  5341. ((tType == 2 && sIsOpen == true) ||
  5342. tType == 1 ||
  5343. tType == 4) &&
  5344. tool.tool.indexOf(40) != -1
  5345. "
  5346. class="worksBox"
  5347. >
  5348. <div
  5349. class="zuoyeYulan"
  5350. v-if="
  5351. worksStudent.length &&
  5352. worksStudent[toolIndex].length > 0
  5353. "
  5354. >
  5355. <div class="worksTop">
  5356. <div>作业预览</div>
  5357. <div
  5358. class="corOpen"
  5359. @click="contract(toolIndex)"
  5360. v-if="
  5361. worksStudent[toolIndex].length > 6 &&
  5362. isCloseList[toolIndex].isClose == 0
  5363. "
  5364. >
  5365. 折叠
  5366. </div>
  5367. <div
  5368. class="corOpen"
  5369. @click="contract(toolIndex)"
  5370. v-if="isCloseList[toolIndex].isClose == 1"
  5371. >
  5372. 展开
  5373. </div>
  5374. </div>
  5375. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5376. </div>
  5377. <div
  5378. class="worksDetailBox"
  5379. v-if="
  5380. worksStudent.length &&
  5381. worksStudent[toolIndex].length > 0
  5382. "
  5383. >
  5384. <div
  5385. class="works"
  5386. style="
  5387. width: 200px;
  5388. height: 140px;
  5389. margin: 10px 10px 10px 0;
  5390. border-radius: 15px;
  5391. box-shadow: 0 0 6px 1px #dfdada;
  5392. "
  5393. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  5394. 0
  5395. ? worksStudent[toolIndex]
  5396. : worksStudent[toolIndex].slice(0, 6)"
  5397. :key="wIndex"
  5398. :class="w.type == 1 ? 'isTypeOne' : ''"
  5399. >
  5400. <div class="workImg">
  5401. <img
  5402. src="../assets/icon/works/noImg.png"
  5403. @click="openPj(w.works, toolIndex)"
  5404. alt
  5405. />
  5406. <img
  5407. class="deleteImg"
  5408. src="../assets/deleteworks.png"
  5409. v-if="
  5410. w.userid == userid || tType == 1 || tType == 4
  5411. "
  5412. @click.stop="deleteWorks(w.wid)"
  5413. alt
  5414. />
  5415. </div>
  5416. <div class="comment" style="min-width: 200px">
  5417. <div class="worksName">
  5418. <div>{{ w.sName }}</div>
  5419. </div>
  5420. <div class="commentList">
  5421. <div class="commentList">
  5422. <div
  5423. class="commentImg"
  5424. @click="
  5425. isLikes(w.wid, userid, 1, null, w.isLikes)
  5426. "
  5427. >
  5428. <img
  5429. :src="w.isLikes == true ? likes : noLikes"
  5430. alt=""
  5431. />
  5432. </div>
  5433. <div>{{ w.likesCount }}</div>
  5434. </div>
  5435. <div class="commentList" style="margin-right: 15px">
  5436. <div
  5437. class="commentImg"
  5438. @click="commentOther(w, toolIndex, wIndex)"
  5439. >
  5440. <img
  5441. src="../assets/icon/comment/comment.png"
  5442. alt=""
  5443. />
  5444. </div>
  5445. <div>{{ w.commentCount }}</div>
  5446. </div>
  5447. </div>
  5448. </div>
  5449. </div>
  5450. </div>
  5451. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5452. 未提交
  5453. </div>
  5454. <div
  5455. class="noWorksS"
  5456. v-if="noWorksS && noWorksS[toolIndex].length"
  5457. >
  5458. <div
  5459. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5460. :key="sIndex"
  5461. class="noWorksName"
  5462. @click="teacherWorkSubmit(40, toolIndex, taskCount, s)"
  5463. >
  5464. {{ s.student }}
  5465. </div>
  5466. </div>
  5467. </div>
  5468. <div
  5469. v-if="
  5470. tType &&
  5471. tType == 2 &&
  5472. !sIsOpen &&
  5473. tool.tool.indexOf(40) != -1
  5474. "
  5475. class="worksBox"
  5476. >
  5477. <div
  5478. class="zuoyeYulan"
  5479. v-if="workStudent[toolIndex].length > 0"
  5480. >
  5481. <span class="worksTitle">作业预览</span>
  5482. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5483. </div>
  5484. <div
  5485. class="worksDetailBox"
  5486. v-if="workStudent[toolIndex].length > 0"
  5487. >
  5488. <div
  5489. class="works"
  5490. style="
  5491. width: 200px;
  5492. height: 140px;
  5493. margin: 10px 10px 10px 0;
  5494. "
  5495. v-for="(w, wIndex) in workStudent[toolIndex]"
  5496. :key="wIndex"
  5497. >
  5498. <div class="workImg">
  5499. <img
  5500. src="../assets/icon/works/noImg.png"
  5501. @click="openPj(w.works, toolIndex)"
  5502. alt
  5503. />
  5504. <img
  5505. class="deleteImg"
  5506. src="../assets/deleteworks.png"
  5507. v-if="
  5508. w.userid == userid || tType == 1 || tType == 4
  5509. "
  5510. @click.stop="deleteWorks(w.wid)"
  5511. alt
  5512. />
  5513. </div>
  5514. <div class="worksName">
  5515. <div>{{ w.sName }}</div>
  5516. </div>
  5517. </div>
  5518. </div>
  5519. </div>
  5520. <div
  5521. v-if="
  5522. tType &&
  5523. ((tType == 2 && sIsOpen == true) ||
  5524. tType == 1 ||
  5525. tType == 4) &&
  5526. tool.tool.indexOf(41) != -1
  5527. "
  5528. >
  5529. <AnswerData2
  5530. v-if="
  5531. worksStudent.length &&
  5532. worksStudent[toolIndex].length > 0
  5533. "
  5534. :problemJson="tool.selectJson.answer"
  5535. :people="worksStudent[toolIndex]"
  5536. ></AnswerData2>
  5537. </div>
  5538. <div
  5539. v-if="
  5540. tType &&
  5541. ((tType == 2 && sIsOpen == true) ||
  5542. tType == 1 ||
  5543. tType == 4) &&
  5544. tool.tool.indexOf(41) != -1
  5545. "
  5546. class="worksBox"
  5547. >
  5548. <div
  5549. class="zuoyeYulan"
  5550. v-if="
  5551. worksStudent.length &&
  5552. worksStudent[toolIndex].length > 0
  5553. "
  5554. >
  5555. <div class="worksTop">
  5556. <div>作业预览</div>
  5557. <div
  5558. class="corOpen"
  5559. @click="contract(toolIndex)"
  5560. v-if="
  5561. worksStudent[toolIndex].length > 6 &&
  5562. isCloseList[toolIndex].isClose == 0
  5563. "
  5564. >
  5565. 折叠
  5566. </div>
  5567. <div
  5568. class="corOpen"
  5569. @click="contract(toolIndex)"
  5570. v-if="isCloseList[toolIndex].isClose == 1"
  5571. >
  5572. 展开
  5573. </div>
  5574. </div>
  5575. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5576. </div>
  5577. <div
  5578. class="worksDetailBox"
  5579. v-if="
  5580. worksStudent.length &&
  5581. worksStudent[toolIndex].length > 0
  5582. "
  5583. >
  5584. <div
  5585. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  5586. 0
  5587. ? worksStudent[toolIndex]
  5588. : worksStudent[toolIndex].slice(0, 6)"
  5589. :key="wIndex"
  5590. class="isWorksName2"
  5591. @click="openXz(w, toolIndex)"
  5592. >
  5593. {{ w.sName }}
  5594. <img
  5595. class="deleteImg deleteImg2"
  5596. src="../assets/deleteworks.png"
  5597. v-if="w.userid == userid || tType == 1 || tType == 4"
  5598. @click.stop="deleteWorks(w.wid)"
  5599. alt
  5600. />
  5601. </div>
  5602. <!-- <div
  5603. class="works"
  5604. style="
  5605. width: 200px;
  5606. height: 140px;
  5607. margin: 10px 10px 10px 0;
  5608. border-radius: 15px;
  5609. box-shadow: 0 0 6px 1px #dfdada;
  5610. " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex"
  5611. :class="w.type == 5 ? 'isTypeOne' : ''">
  5612. <div class="workImg">
  5613. <img src="../assets/icon/works/noImg.png" @click="openXz(w, toolIndex)" alt />
  5614. </div>
  5615. <div class="worksName">
  5616. <div>{{ w.sName }}</div>
  5617. </div>
  5618. </div> -->
  5619. </div>
  5620. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5621. 未提交
  5622. </div>
  5623. <div
  5624. class="noWorksS"
  5625. v-if="noWorksS && noWorksS[toolIndex].length"
  5626. >
  5627. <div
  5628. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5629. :key="sIndex"
  5630. class="noWorksName"
  5631. @click="teacherWorkSubmit(41, toolIndex, taskCount, s)"
  5632. >
  5633. {{ s.student }}
  5634. </div>
  5635. </div>
  5636. </div>
  5637. <div
  5638. v-if="
  5639. tType &&
  5640. tType == 2 &&
  5641. !sIsOpen &&
  5642. tool.tool.indexOf(41) != -1
  5643. "
  5644. class="worksBox"
  5645. >
  5646. <div
  5647. class="zuoyeYulan"
  5648. v-if="workStudent[toolIndex].length > 0"
  5649. >
  5650. <span class="worksTitle">作业预览</span>
  5651. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5652. </div>
  5653. <div
  5654. class="worksDetailBox"
  5655. v-if="workStudent[toolIndex].length > 0"
  5656. >
  5657. <div
  5658. class="works"
  5659. style="
  5660. width: 200px;
  5661. height: 140px;
  5662. margin: 10px 10px 10px 0;
  5663. "
  5664. v-for="(w, wIndex) in workStudent[toolIndex]"
  5665. :key="wIndex"
  5666. >
  5667. <div class="workImg">
  5668. <img
  5669. src="../assets/icon/works/noImg.png"
  5670. @click="openXz(w, toolIndex)"
  5671. alt
  5672. />
  5673. <img
  5674. class="deleteImg"
  5675. src="../assets/deleteworks.png"
  5676. v-if="
  5677. w.userid == userid || tType == 1 || tType == 4
  5678. "
  5679. @click.stop="deleteWorks(w.wid)"
  5680. alt
  5681. />
  5682. </div>
  5683. <div class="worksName">
  5684. <div>{{ w.sName }}</div>
  5685. </div>
  5686. </div>
  5687. </div>
  5688. </div>
  5689. <div v-if="false" class="xuan_right_box">
  5690. <div
  5691. class="tool_right_box"
  5692. v-for="(item, index) in tool.sentenceList"
  5693. :key="index"
  5694. >
  5695. <div>
  5696. <span
  5697. style="word-break: break-all; white-space: normal"
  5698. >{{ index + 1 + "、" + item.sentenceTitle }}</span
  5699. >
  5700. </div>
  5701. <div class="right_box_xuan">
  5702. <span>正确率</span>
  5703. <span>{{
  5704. (checkJson[toolIndex][index].right
  5705. ? checkJson[toolIndex][index].right
  5706. : 0) + "%"
  5707. }}</span>
  5708. </div>
  5709. <div class="right_box_xuan">
  5710. <span>答对人数</span>
  5711. <span>{{
  5712. checkJson[toolIndex][index].rightPerson.length
  5713. }}</span>
  5714. </div>
  5715. </div>
  5716. </div>
  5717. <div
  5718. v-if="
  5719. tType &&
  5720. ((tType == 2 && sIsOpen == true) ||
  5721. tType == 1 ||
  5722. tType == 4) &&
  5723. tool.tool.indexOf(47) != -1
  5724. "
  5725. >
  5726. <AnswerData
  5727. v-if="
  5728. checkJson[toolIndex].length &&
  5729. (tool.sentenceList || tool.sentenceList.length > 0)
  5730. "
  5731. :people="checkJson[toolIndex]"
  5732. ></AnswerData>
  5733. </div>
  5734. <div
  5735. v-if="
  5736. tType &&
  5737. tType == 2 &&
  5738. !sIsOpen &&
  5739. tool.tool.indexOf(47) != -1
  5740. "
  5741. class="worksBox"
  5742. >
  5743. <div
  5744. class="zuoyeYulan"
  5745. v-if="workStudent[toolIndex].length > 0"
  5746. >
  5747. <span class="worksTitle">作业预览</span>
  5748. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5749. </div>
  5750. <div
  5751. class="worksDetailBox"
  5752. v-if="workStudent[toolIndex].length > 0"
  5753. >
  5754. <div
  5755. class="works"
  5756. style="
  5757. width: 200px;
  5758. height: 140px;
  5759. margin: 10px 10px 10px 0;
  5760. "
  5761. v-for="(w, wIndex) in workStudent[toolIndex]"
  5762. :key="wIndex"
  5763. >
  5764. <!-- @click="openXz(w, toolIndex)" -->
  5765. <div class="workImg" @click="openSen(w, toolIndex)">
  5766. <img src="../assets/icon/works/noImg.png" alt />
  5767. <img
  5768. class="deleteImg"
  5769. src="../assets/deleteworks.png"
  5770. v-if="
  5771. w.userid == userid || tType == 1 || tType == 4
  5772. "
  5773. @click.stop="deleteWorks(w.wid)"
  5774. alt
  5775. />
  5776. </div>
  5777. <div class="worksName">
  5778. <div>
  5779. {{ w.sName }}
  5780. </div>
  5781. </div>
  5782. </div>
  5783. </div>
  5784. </div>
  5785. <div
  5786. v-if="
  5787. tType &&
  5788. ((tType == 2 && sIsOpen == true) ||
  5789. tType == 1 ||
  5790. tType == 4) &&
  5791. tool.tool.indexOf(47) != -1
  5792. "
  5793. class="worksBox"
  5794. >
  5795. <div
  5796. class="zuoyeYulan"
  5797. v-if="
  5798. worksStudent.length &&
  5799. worksStudent[toolIndex].length > 0
  5800. "
  5801. >
  5802. <div class="worksTop">
  5803. <div>作业预览</div>
  5804. <div
  5805. class="corOpen"
  5806. @click="contract(toolIndex)"
  5807. v-if="
  5808. worksStudent[toolIndex].length > 6 &&
  5809. isCloseList[toolIndex].isClose == 0
  5810. "
  5811. >
  5812. 折叠
  5813. </div>
  5814. <div
  5815. class="corOpen"
  5816. @click="contract(toolIndex)"
  5817. v-if="isCloseList[toolIndex].isClose == 1"
  5818. >
  5819. 展开
  5820. </div>
  5821. </div>
  5822. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5823. </div>
  5824. <div
  5825. class="worksDetailBox"
  5826. v-if="
  5827. worksStudent.length &&
  5828. worksStudent[toolIndex].length > 0
  5829. "
  5830. >
  5831. <!-- @click="openXz(w, toolIndex)" -->
  5832. <div
  5833. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  5834. 0
  5835. ? worksStudent[toolIndex]
  5836. : worksStudent[toolIndex].slice(0, 6)"
  5837. :key="wIndex"
  5838. class="isWorksName2"
  5839. @click="openSen(w, toolIndex)"
  5840. >
  5841. {{ w.sName }}
  5842. <img
  5843. class="deleteImg deleteImg2"
  5844. src="../assets/deleteworks.png"
  5845. v-if="w.userid == userid || tType == 1 || tType == 4"
  5846. @click.stop="deleteWorks(w.wid)"
  5847. alt
  5848. />
  5849. </div>
  5850. </div>
  5851. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5852. 未提交
  5853. </div>
  5854. <div
  5855. class="noWorksS"
  5856. v-if="noWorksS && noWorksS[toolIndex].length"
  5857. >
  5858. <div
  5859. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5860. :key="sIndex"
  5861. class="noWorksName"
  5862. @click="teacherWorkSubmit(47, toolIndex, taskCount, s)"
  5863. >
  5864. {{ s.student }}
  5865. </div>
  5866. </div>
  5867. </div>
  5868. <div
  5869. v-if="
  5870. tType &&
  5871. ((tType == 2 && sIsOpen == true) ||
  5872. tType == 1 ||
  5873. tType == 4) &&
  5874. tool.tool.indexOf(48) != -1
  5875. "
  5876. class="worksBox"
  5877. >
  5878. <div
  5879. class="zuoyeYulan"
  5880. v-if="
  5881. worksStudent.length &&
  5882. worksStudent[toolIndex].length > 0
  5883. "
  5884. >
  5885. <div class="worksTop">
  5886. <div>作业预览</div>
  5887. <div
  5888. class="corOpen"
  5889. @click="contract(toolIndex)"
  5890. v-if="
  5891. worksStudent[toolIndex].length > 6 &&
  5892. isCloseList[toolIndex].isClose == 0
  5893. "
  5894. >
  5895. 折叠
  5896. </div>
  5897. <div
  5898. class="corOpen"
  5899. @click="contract(toolIndex)"
  5900. v-if="isCloseList[toolIndex].isClose == 1"
  5901. >
  5902. 展开
  5903. </div>
  5904. </div>
  5905. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5906. </div>
  5907. <div
  5908. class="worksDetailBox"
  5909. v-if="
  5910. worksStudent.length &&
  5911. worksStudent[toolIndex].length > 0
  5912. "
  5913. >
  5914. <div
  5915. class="works"
  5916. style="
  5917. width: 200px;
  5918. height: 140px;
  5919. margin: 10px 10px 10px 0;
  5920. border-radius: 15px;
  5921. box-shadow: 0 0 6px 1px #dfdada;
  5922. "
  5923. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  5924. 0
  5925. ? worksStudent[toolIndex]
  5926. : worksStudent[toolIndex].slice(0, 6)"
  5927. :key="wIndex"
  5928. :class="w.type == 1 ? 'isTypeOne' : ''"
  5929. >
  5930. <div class="workImg">
  5931. <img :src="word" @click="openTable(w)" alt />
  5932. <!-- @click="openFile(w.works)" -->
  5933. <div
  5934. class="answerScore"
  5935. v-if="w.score"
  5936. @click.stop="openScore(w)"
  5937. :class="{
  5938. rightW:
  5939. w.userid == userid ||
  5940. tType == 1 ||
  5941. tType == 4 ||
  5942. w.ateacher == userid,
  5943. }"
  5944. >
  5945. {{ JSON.parse(w.score).wScore }}分
  5946. </div>
  5947. <div
  5948. class="answerScore"
  5949. @click.stop="openScore(w)"
  5950. v-else-if="courseDetail.userid == userid"
  5951. :class="{
  5952. rightW:
  5953. w.userid == userid ||
  5954. tType == 1 ||
  5955. tType == 4 ||
  5956. w.ateacher == userid,
  5957. }"
  5958. >
  5959. 评分
  5960. </div>
  5961. <img
  5962. class="deleteImg"
  5963. src="../assets/deleteworks.png"
  5964. v-if="
  5965. w.userid == userid || tType == 1 || tType == 4
  5966. "
  5967. @click.stop="deleteWorks(w.wid)"
  5968. alt
  5969. />
  5970. </div>
  5971. <div class="comment" style="min-width: 200px">
  5972. <div class="worksName">
  5973. <div>{{ w.sName }}</div>
  5974. </div>
  5975. <div class="commentList">
  5976. <div class="commentList">
  5977. <div
  5978. class="commentImg"
  5979. @click="
  5980. isLikes(w.wid, userid, 1, null, w.isLikes)
  5981. "
  5982. >
  5983. <img
  5984. :src="w.isLikes == true ? likes : noLikes"
  5985. alt=""
  5986. />
  5987. </div>
  5988. <div>{{ w.likesCount }}</div>
  5989. </div>
  5990. <div class="commentList" style="margin-right: 15px">
  5991. <div
  5992. class="commentImg"
  5993. @click="commentOther(w, toolIndex, wIndex)"
  5994. >
  5995. <img
  5996. src="../assets/icon/comment/comment.png"
  5997. alt=""
  5998. />
  5999. </div>
  6000. <div>{{ w.commentCount }}</div>
  6001. </div>
  6002. </div>
  6003. </div>
  6004. </div>
  6005. </div>
  6006. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  6007. 未提交
  6008. </div>
  6009. <div
  6010. class="noWorksS"
  6011. v-if="noWorksS && noWorksS[toolIndex].length"
  6012. >
  6013. <div
  6014. v-for="(s, sIndex) in noWorksS[toolIndex]"
  6015. :key="sIndex"
  6016. class="noWorksName"
  6017. @click="teacherWorkSubmit(48, toolIndex, taskCount, s)"
  6018. >
  6019. {{ s.student }}
  6020. </div>
  6021. </div>
  6022. </div>
  6023. <div
  6024. v-if="
  6025. tType &&
  6026. tType == 2 &&
  6027. !sIsOpen &&
  6028. tool.tool.indexOf(48) != -1
  6029. "
  6030. class="worksBox"
  6031. >
  6032. <div
  6033. class="zuoyeYulan"
  6034. v-if="workStudent[toolIndex].length > 0"
  6035. >
  6036. <span class="worksTitle">作业预览</span>
  6037. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6038. </div>
  6039. <div
  6040. class="worksDetailBox"
  6041. v-if="workStudent[toolIndex].length > 0"
  6042. >
  6043. <div
  6044. class="works"
  6045. style="
  6046. width: 200px;
  6047. height: 140px;
  6048. margin: 10px 10px 10px 0;
  6049. box-shadow: 0 0 6px 1px #dfdada;
  6050. "
  6051. v-for="(w, wIndex) in workStudent[toolIndex]"
  6052. :key="wIndex"
  6053. >
  6054. <div class="workImg">
  6055. <img :src="word" @click="openTable(w)" alt />
  6056. <div
  6057. class="answerScore"
  6058. v-if="w.score"
  6059. @click.stop="openScore(w)"
  6060. :class="{
  6061. rightW:
  6062. w.userid == userid || tType == 1 || tType == 4,
  6063. }"
  6064. >
  6065. {{ JSON.parse(w.score).wScore }}分
  6066. </div>
  6067. <div
  6068. class="answerScore"
  6069. @click.stop="openScore(w)"
  6070. v-else-if="courseDetail.userid == userid"
  6071. :class="{
  6072. rightW:
  6073. w.userid == userid || tType == 1 || tType == 4,
  6074. }"
  6075. >
  6076. 评分
  6077. </div>
  6078. <img
  6079. class="deleteImg"
  6080. src="../assets/deleteworks.png"
  6081. v-if="
  6082. w.userid == userid || tType == 1 || tType == 4
  6083. "
  6084. @click.stop="deleteWorks(w.wid)"
  6085. alt
  6086. />
  6087. </div>
  6088. <div class="worksName">
  6089. <div>{{ w.sName }}</div>
  6090. </div>
  6091. </div>
  6092. </div>
  6093. </div>
  6094. <div
  6095. v-if="
  6096. tType &&
  6097. ((tType == 2 && sIsOpen == true) ||
  6098. tType == 1 ||
  6099. tType == 4) &&
  6100. tool.tool.indexOf(52) != -1
  6101. "
  6102. class="worksBox"
  6103. >
  6104. <div
  6105. class="zuoyeYulan"
  6106. v-if="
  6107. worksStudent.length &&
  6108. worksStudent[toolIndex].length > 0
  6109. "
  6110. >
  6111. <div class="worksTop">
  6112. <div>作业预览</div>
  6113. <div
  6114. class="corOpen"
  6115. @click="contract(toolIndex)"
  6116. v-if="
  6117. worksStudent[toolIndex].length > 6 &&
  6118. isCloseList[toolIndex].isClose == 0
  6119. "
  6120. >
  6121. 折叠
  6122. </div>
  6123. <div
  6124. class="corOpen"
  6125. @click="contract(toolIndex)"
  6126. v-if="isCloseList[toolIndex].isClose == 1"
  6127. >
  6128. 展开
  6129. </div>
  6130. </div>
  6131. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6132. </div>
  6133. <div
  6134. class="worksDetailBox"
  6135. v-if="
  6136. worksStudent.length &&
  6137. worksStudent[toolIndex].length > 0
  6138. "
  6139. >
  6140. <div
  6141. class="works"
  6142. style="
  6143. width: 200px;
  6144. height: 140px;
  6145. margin: 10px 10px 10px 0;
  6146. border-radius: 15px;
  6147. box-shadow: 0 0 6px 1px #dfdada;
  6148. "
  6149. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  6150. 0
  6151. ? worksStudent[toolIndex]
  6152. : worksStudent[toolIndex].slice(0, 6)"
  6153. :key="wIndex"
  6154. :class="w.type == 1 ? 'isTypeOne' : ''"
  6155. >
  6156. <div class="workImg">
  6157. <img :src="word" @click="openWord(w)" alt />
  6158. <!-- @click="openFile(w.works)" -->
  6159. <div
  6160. class="answerScore"
  6161. v-if="w.score"
  6162. @click.stop="openScore(w)"
  6163. :class="{
  6164. rightW:
  6165. w.userid == userid ||
  6166. tType == 1 ||
  6167. tType == 4 ||
  6168. w.ateacher == userid,
  6169. }"
  6170. >
  6171. {{ JSON.parse(w.score).wScore }}分
  6172. </div>
  6173. <div
  6174. class="answerScore"
  6175. @click.stop="openScore(w)"
  6176. v-else-if="courseDetail.userid == userid"
  6177. :class="{
  6178. rightW:
  6179. w.userid == userid ||
  6180. tType == 1 ||
  6181. tType == 4 ||
  6182. w.ateacher == userid,
  6183. }"
  6184. >
  6185. 评分
  6186. </div>
  6187. <img
  6188. class="deleteImg"
  6189. src="../assets/deleteworks.png"
  6190. v-if="
  6191. w.userid == userid || tType == 1 || tType == 4
  6192. "
  6193. @click.stop="deleteWorks(w.wid)"
  6194. alt
  6195. />
  6196. </div>
  6197. <div class="comment" style="min-width: 200px">
  6198. <div class="worksName">
  6199. <div>{{ w.sName }}</div>
  6200. </div>
  6201. <div class="commentList">
  6202. <div class="commentList">
  6203. <div
  6204. class="commentImg"
  6205. @click="
  6206. isLikes(w.wid, userid, 1, null, w.isLikes)
  6207. "
  6208. >
  6209. <img
  6210. :src="w.isLikes == true ? likes : noLikes"
  6211. alt=""
  6212. />
  6213. </div>
  6214. <div>{{ w.likesCount }}</div>
  6215. </div>
  6216. <div class="commentList" style="margin-right: 15px">
  6217. <div
  6218. class="commentImg"
  6219. @click="commentOther(w, toolIndex, wIndex)"
  6220. >
  6221. <img
  6222. src="../assets/icon/comment/comment.png"
  6223. alt=""
  6224. />
  6225. </div>
  6226. <div>{{ w.commentCount }}</div>
  6227. </div>
  6228. </div>
  6229. </div>
  6230. </div>
  6231. </div>
  6232. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  6233. 未提交
  6234. </div>
  6235. <div
  6236. class="noWorksS"
  6237. v-if="noWorksS && noWorksS[toolIndex].length"
  6238. >
  6239. <div
  6240. v-for="(s, sIndex) in noWorksS[toolIndex]"
  6241. :key="sIndex"
  6242. class="noWorksName"
  6243. @click="teacherWorkSubmit(52, toolIndex, taskCount, s)"
  6244. >
  6245. {{ s.student }}
  6246. </div>
  6247. </div>
  6248. </div>
  6249. <div
  6250. v-if="
  6251. tType &&
  6252. tType == 2 &&
  6253. !sIsOpen &&
  6254. tool.tool.indexOf(52) != -1
  6255. "
  6256. class="worksBox"
  6257. >
  6258. <div
  6259. class="zuoyeYulan"
  6260. v-if="workStudent[toolIndex].length > 0"
  6261. >
  6262. <span class="worksTitle">作业预览</span>
  6263. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6264. </div>
  6265. <div
  6266. class="worksDetailBox"
  6267. v-if="workStudent[toolIndex].length > 0"
  6268. >
  6269. <div
  6270. class="works"
  6271. style="
  6272. width: 200px;
  6273. height: 140px;
  6274. margin: 10px 10px 10px 0;
  6275. box-shadow: 0 0 6px 1px #dfdada;
  6276. "
  6277. v-for="(w, wIndex) in workStudent[toolIndex]"
  6278. :key="wIndex"
  6279. >
  6280. <div class="workImg">
  6281. <img :src="word" @click="openWord(w)" alt />
  6282. <div
  6283. class="answerScore"
  6284. v-if="w.score"
  6285. @click.stop="openScore(w)"
  6286. :class="{
  6287. rightW:
  6288. w.userid == userid || tType == 1 || tType == 4,
  6289. }"
  6290. >
  6291. {{ JSON.parse(w.score).wScore }}分
  6292. </div>
  6293. <div
  6294. class="answerScore"
  6295. @click.stop="openScore(w)"
  6296. v-else-if="courseDetail.userid == userid"
  6297. :class="{
  6298. rightW:
  6299. w.userid == userid || tType == 1 || tType == 4,
  6300. }"
  6301. >
  6302. 评分
  6303. </div>
  6304. <img
  6305. class="deleteImg"
  6306. src="../assets/deleteworks.png"
  6307. v-if="
  6308. w.userid == userid || tType == 1 || tType == 4
  6309. "
  6310. @click.stop="deleteWorks(w.wid)"
  6311. alt
  6312. />
  6313. </div>
  6314. <div class="worksName">
  6315. <div>{{ w.sName }}</div>
  6316. </div>
  6317. </div>
  6318. </div>
  6319. </div>
  6320. <div
  6321. v-if="tool.tool.indexOf(49) != -1"
  6322. class="xuan_right_box"
  6323. style="margin: 0 15px 0 25px; width: 93%"
  6324. >
  6325. <div
  6326. v-if="courseDetail.userid == userid"
  6327. style="
  6328. display: flex;
  6329. justify-content: flex-end;
  6330. margin-right: 10px;
  6331. "
  6332. >
  6333. <el-button
  6334. type="primary"
  6335. size="small"
  6336. @click="addTools(49, toolIndex, taskCount)"
  6337. >分组设置</el-button
  6338. >
  6339. </div>
  6340. <div
  6341. v-if="groupStudentUid[toolIndex]"
  6342. class="group_staic_box"
  6343. >
  6344. <div
  6345. v-for="(gp, gd) in tool.groupJson.group"
  6346. :key="gd"
  6347. class="group_staic"
  6348. >
  6349. <span> {{ gp.name }}</span>
  6350. <span>
  6351. 目前人数{{
  6352. groupStudentUid[toolIndex][gd].length
  6353. }}人</span
  6354. >
  6355. </div>
  6356. </div>
  6357. </div>
  6358. <div v-if="tool.tool.indexOf(49) != -1" class="worksBox">
  6359. <div
  6360. class="zuoyeYulan"
  6361. v-if="
  6362. worksStudent.length &&
  6363. worksStudent[toolIndex].length > 0
  6364. "
  6365. >
  6366. <span class="worksTitle">作业预览</span>
  6367. </div>
  6368. <div>
  6369. <div
  6370. class="group_workBox"
  6371. v-for="(g, gindex) in tool.groupJson.group"
  6372. :key="gindex"
  6373. >
  6374. <div
  6375. class="group_box"
  6376. v-if="
  6377. groupStudentUid[toolIndex] &&
  6378. worksStudent[toolIndex] &&
  6379. (worksStudent[toolIndex][gindex].length ||
  6380. groupStudentUid[toolIndex][gindex].indexOf(
  6381. userid
  6382. ) != -1)
  6383. "
  6384. >
  6385. <div class="group_title">
  6386. <el-tooltip
  6387. class="item"
  6388. effect="light"
  6389. :content="g.name"
  6390. placement="top"
  6391. >
  6392. <div class="group_name">{{ g.name }}</div>
  6393. </el-tooltip>
  6394. <el-button
  6395. type="primary"
  6396. v-if="
  6397. groupStudentUid[toolIndex][gindex].indexOf(
  6398. userid
  6399. ) != -1
  6400. "
  6401. @click="groupUpload(toolIndex, taskCount, gindex)"
  6402. >上传作业</el-button
  6403. >
  6404. </div>
  6405. <div class="group_work">
  6406. <div
  6407. class="works"
  6408. style="
  6409. width: 200px;
  6410. height: 140px;
  6411. margin: 10px 10px 10px 0;
  6412. border-radius: 15px;
  6413. box-shadow: 0 0 6px 1px #dfdada;
  6414. "
  6415. v-for="(w, wIndex) in worksStudent[toolIndex][
  6416. gindex
  6417. ]"
  6418. :key="wIndex"
  6419. :class="w.type == 1 ? 'isTypeOne' : ''"
  6420. >
  6421. <div class="workImg" v-if="w.type == 0">
  6422. <img
  6423. :src="w.works"
  6424. @click="previewImg(w.works)"
  6425. alt
  6426. />
  6427. <div
  6428. class="answerScore"
  6429. v-if="w.score"
  6430. @click.stop="openScore(w)"
  6431. :class="{
  6432. rightW:
  6433. w.userid == userid ||
  6434. tType == 1 ||
  6435. tType == 4 ||
  6436. w.ateacher == userid,
  6437. }"
  6438. >
  6439. {{ JSON.parse(w.score).wScore }}分
  6440. </div>
  6441. <div
  6442. class="answerScore"
  6443. @click.stop="openScore(w)"
  6444. v-else-if="courseDetail.userid == userid"
  6445. :class="{
  6446. rightW:
  6447. w.userid == userid ||
  6448. tType == 1 ||
  6449. tType == 4 ||
  6450. w.ateacher == userid,
  6451. }"
  6452. >
  6453. 评分
  6454. </div>
  6455. <img
  6456. class="deleteImg"
  6457. src="../assets/deleteworks.png"
  6458. v-if="
  6459. w.userid == userid ||
  6460. tType == 1 ||
  6461. tType == 4
  6462. "
  6463. @click.stop="deleteWorks(w.wid)"
  6464. alt
  6465. />
  6466. </div>
  6467. <div class="workImg" v-if="w.type == 1">
  6468. <img
  6469. :src="word"
  6470. @click="openFile(w.works)"
  6471. alt
  6472. />
  6473. <!-- @click="openFile(w.works)" -->
  6474. <div
  6475. class="answerScore"
  6476. v-if="w.score"
  6477. @click.stop="openScore(w)"
  6478. :class="{
  6479. rightW:
  6480. w.userid == userid ||
  6481. tType == 1 ||
  6482. tType == 4 ||
  6483. w.ateacher == userid,
  6484. }"
  6485. >
  6486. {{ JSON.parse(w.score).wScore }}分
  6487. </div>
  6488. <div
  6489. class="answerScore"
  6490. @click.stop="openScore(w)"
  6491. v-else-if="courseDetail.userid == userid"
  6492. :class="{
  6493. rightW:
  6494. w.userid == userid ||
  6495. tType == 1 ||
  6496. tType == 4 ||
  6497. w.ateacher == userid,
  6498. }"
  6499. >
  6500. 评分
  6501. </div>
  6502. <img
  6503. class="deleteImg"
  6504. src="../assets/deleteworks.png"
  6505. v-if="
  6506. w.userid == userid ||
  6507. tType == 1 ||
  6508. tType == 4
  6509. "
  6510. @click.stop="deleteWorks(w.wid)"
  6511. alt
  6512. />
  6513. </div>
  6514. <div class="workImg" v-if="w.type == 3">
  6515. <img
  6516. style="cursor: pointer"
  6517. :src="video"
  6518. @click="openVideo(w)"
  6519. alt
  6520. />
  6521. <!-- @click="openVideo(w.works)" -->
  6522. <div
  6523. class="answerScore"
  6524. v-if="w.score"
  6525. @click.stop="openScore(w)"
  6526. :class="{
  6527. rightW:
  6528. w.userid == userid ||
  6529. tType == 1 ||
  6530. tType == 4 ||
  6531. w.ateacher == userid,
  6532. }"
  6533. >
  6534. {{ JSON.parse(w.score).wScore }}分
  6535. </div>
  6536. <div
  6537. class="answerScore"
  6538. @click.stop="openScore(w)"
  6539. v-else-if="courseDetail.userid == userid"
  6540. :class="{
  6541. rightW:
  6542. w.userid == userid ||
  6543. tType == 1 ||
  6544. tType == 4 ||
  6545. w.ateacher == userid,
  6546. }"
  6547. >
  6548. 评分
  6549. </div>
  6550. <img
  6551. class="deleteImg"
  6552. src="../assets/deleteworks.png"
  6553. v-if="
  6554. w.userid == userid ||
  6555. tType == 1 ||
  6556. tType == 4
  6557. "
  6558. @click.stop="deleteWorks(w.wid)"
  6559. alt
  6560. />
  6561. </div>
  6562. <div class="workImg" v-if="w.type == 12">
  6563. <img
  6564. style="cursor: pointer"
  6565. :src="word2"
  6566. @click="downloadFile(w.works)"
  6567. alt
  6568. />
  6569. <!-- @click="openVideo(w.works)" -->
  6570. <div
  6571. class="answerScore"
  6572. v-if="w.score"
  6573. @click.stop="openScore(w)"
  6574. :class="{
  6575. rightW:
  6576. w.userid == userid ||
  6577. tType == 1 ||
  6578. tType == 4 ||
  6579. w.ateacher == userid,
  6580. }"
  6581. >
  6582. {{ JSON.parse(w.score).wScore }}分
  6583. </div>
  6584. <div
  6585. class="answerScore"
  6586. @click.stop="openScore(w)"
  6587. v-else-if="courseDetail.userid == userid"
  6588. :class="{
  6589. rightW:
  6590. w.userid == userid ||
  6591. tType == 1 ||
  6592. tType == 4 ||
  6593. w.ateacher == userid,
  6594. }"
  6595. >
  6596. 评分
  6597. </div>
  6598. <img
  6599. class="deleteImg"
  6600. src="../assets/deleteworks.png"
  6601. v-if="
  6602. w.userid == userid ||
  6603. tType == 1 ||
  6604. tType == 4
  6605. "
  6606. @click.stop="deleteWorks(w.wid)"
  6607. alt
  6608. />
  6609. </div>
  6610. <div class="comment" style="min-width: 200px">
  6611. <div class="worksName">
  6612. <div>{{ w.sName }}</div>
  6613. </div>
  6614. <div class="commentList">
  6615. <div class="commentList">
  6616. <div
  6617. class="commentImg"
  6618. @click="
  6619. isLikes(
  6620. w.wid,
  6621. userid,
  6622. 1,
  6623. null,
  6624. w.isLikes
  6625. )
  6626. "
  6627. >
  6628. <img
  6629. :src="
  6630. w.isLikes == true ? likes : noLikes
  6631. "
  6632. alt=""
  6633. />
  6634. </div>
  6635. <div>{{ w.likesCount }}</div>
  6636. </div>
  6637. <div
  6638. class="commentList"
  6639. style="margin-right: 15px"
  6640. >
  6641. <div
  6642. class="commentImg"
  6643. @click="
  6644. commentOther(
  6645. w,
  6646. toolIndex,
  6647. wIndex,
  6648. gindex
  6649. )
  6650. "
  6651. >
  6652. <img
  6653. src="../assets/icon/comment/comment.png"
  6654. alt=""
  6655. />
  6656. </div>
  6657. <div>{{ w.commentCount }}</div>
  6658. </div>
  6659. </div>
  6660. </div>
  6661. </div>
  6662. </div>
  6663. </div>
  6664. </div>
  6665. </div>
  6666. </div>
  6667. </div>
  6668. <!-- <div class="upload_toolBtn" @click="addImg($event)">
  6669. 上传文件
  6670. <input
  6671. type="file"
  6672. accept="image/png, image/gif, image/jpeg"
  6673. style="display: none"
  6674. @change="beforeUpload1($event, 2, index)"
  6675. />
  6676. </div>-->
  6677. </div>
  6678. </div>
  6679. <!-- <div
  6680. class="vedioBox"
  6681. style="margin-top: 10px"
  6682. v-if="
  6683. courseDetail.userid == userid ||
  6684. (courseDetail.course_teacher &&
  6685. courseDetail.course_teacher.indexOf(userid) != -1)
  6686. "
  6687. :style="{
  6688. borderRadius:
  6689. !(
  6690. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  6691. .toolChoose[0].tool &&
  6692. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  6693. .toolChoose[0].tool.length > 0
  6694. ) &&
  6695. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  6696. .taskDetail == '' &&
  6697. vChapterData[taskCount].length == 0 &&
  6698. fileC[taskCount].length == 0
  6699. ? '0 0 20px 20px'
  6700. : '20px',
  6701. }"
  6702. >
  6703. <div
  6704. class="queTop"
  6705. @click="isClose = !isClose"
  6706. style="
  6707. padding: 15px 0 15px 37px;
  6708. justify-content: space-between;
  6709. "
  6710. >
  6711. <div class="queTopTitle">新增工具</div>
  6712. <div class="queTopRight">
  6713. <div class="queTopClose" v-if="isClose == 0">
  6714. 展开
  6715. <div class="closeImg">
  6716. <img src="../assets/icon/newIcon/close.png" alt="" />
  6717. </div>
  6718. </div>
  6719. <div class="queTopClose" v-if="isClose == 1">
  6720. 折叠
  6721. <div class="openImg">
  6722. <img src="../assets/icon/newIcon/open.png" alt="" />
  6723. </div>
  6724. </div>
  6725. <el-button
  6726. style="margin: 0 30px 0 auto"
  6727. type="primary"
  6728. size="small"
  6729. v-if="isClose == 1 && checktoolArray.length > 0"
  6730. @click.stop="addToolChoose"
  6731. >确定</el-button
  6732. >
  6733. </div>
  6734. </div>
  6735. <div
  6736. class="tool_work_box"
  6737. :style="isClose == 0 ? 'display:none' : 'display:block'"
  6738. >
  6739. <div class="tool_box">
  6740. <div class="tool_type_box">
  6741. <div class="chooseWho">
  6742. <div
  6743. :class="toolType == 0 ? 'isChooseActive' : ''"
  6744. @click="(toolType = 0), $forceUpdate()"
  6745. >
  6746. 互动类
  6747. </div>
  6748. <div
  6749. :class="toolType == 1 ? 'isChooseActive' : ''"
  6750. @click="(toolType = 1), $forceUpdate()"
  6751. >
  6752. 思维类
  6753. </div>
  6754. <div
  6755. :class="toolType == 2 ? 'isChooseActive' : ''"
  6756. @click="(toolType = 2), $forceUpdate()"
  6757. >
  6758. 测评类
  6759. </div>
  6760. <div
  6761. :class="toolType == 3 ? 'isChooseActive' : ''"
  6762. @click="(toolType = 3), $forceUpdate()"
  6763. >
  6764. 编程类
  6765. </div>
  6766. <div
  6767. :class="toolType == 5 ? 'isChooseActive' : ''"
  6768. @click="(toolType = 5), $forceUpdate()"
  6769. >
  6770. 学科类
  6771. </div>
  6772. </div>
  6773. </div>
  6774. <div>
  6775. <div class="toolSort" v-if="toolType == 0">
  6776. <div class="tool">
  6777. <div class="whiteBIcon" @click="addTools2(10)">
  6778. <img
  6779. src="../assets/icon/thirdToolList/time.png"
  6780. alt
  6781. />
  6782. <div style="margin: 5px 0">倒计时</div>
  6783. </div>
  6784. <div class="check" @click="addTools2(10)">
  6785. <img
  6786. src="../assets/icon/checkNo.png"
  6787. alt
  6788. v-if="checktoolArray.indexOf(10) == -1"
  6789. />
  6790. <div class="checkDiv" v-else>
  6791. <img src="../assets/icon/checkedIs.png" alt /><span
  6792. >已选择</span
  6793. >
  6794. </div>
  6795. </div>
  6796. </div>
  6797. <div class="tool">
  6798. <div class="whiteBIcon" @click="addTools2(65)">
  6799. <img
  6800. src="../assets/icon/firstToolList/pickPeople.png"
  6801. alt
  6802. />
  6803. <div style="margin: 5px 0">挑人</div>
  6804. </div>
  6805. <div class="check" @click="addTools2(65)">
  6806. <img
  6807. src="../assets/icon/checkNo.png"
  6808. alt
  6809. v-if="checktoolArray.indexOf(65) == -1"
  6810. />
  6811. <div class="checkDiv" v-else>
  6812. <img src="../assets/icon/checkedIs.png" alt /><span
  6813. >已选择</span
  6814. >
  6815. </div>
  6816. </div>
  6817. </div>
  6818. </div>
  6819. <div class="toolSort" v-if="toolType == 1">
  6820. <div class="tool">
  6821. <div class="whiteBIcon" @click="addTools2(7)">
  6822. <img
  6823. src="../assets/icon/secondToolList/mindNetwork.png"
  6824. alt
  6825. />
  6826. <div style="margin: 5px 0">思维网格</div>
  6827. </div>
  6828. <div class="check" @click="addTools2(7)">
  6829. <img
  6830. src="../assets/icon/checkNo.png"
  6831. alt
  6832. v-if="checktoolArray.indexOf(7) == -1"
  6833. />
  6834. <div class="checkDiv" v-else>
  6835. <img src="../assets/icon/checkedIs.png" alt /><span
  6836. >已选择</span
  6837. >
  6838. </div>
  6839. </div>
  6840. </div>
  6841. <div class="tool">
  6842. <div class="whiteBIcon" @click="addTools2(1)">
  6843. <img
  6844. src="../assets/icon/secondToolList/whiteBoard.png"
  6845. alt
  6846. />
  6847. <div style="margin: 5px 0">电子白板</div>
  6848. </div>
  6849. <div class="check" @click="addTools2(1)">
  6850. <img
  6851. src="../assets/icon/checkNo.png"
  6852. alt
  6853. v-if="checktoolArray.indexOf(1) == -1"
  6854. />
  6855. <div class="checkDiv" v-else>
  6856. <img src="../assets/icon/checkedIs.png" alt /><span
  6857. >已选择</span
  6858. >
  6859. </div>
  6860. </div>
  6861. </div>
  6862. <div class="tool">
  6863. <div class="whiteBIcon" @click="addTools2(52)">
  6864. <img
  6865. src="../assets/icon/fourthToolList/text.png"
  6866. alt
  6867. />
  6868. <div style="margin: 5px 0">文档</div>
  6869. </div>
  6870. <div class="check" @click="addTools2(52)">
  6871. <img
  6872. src="../assets/icon/checkNo.png"
  6873. alt
  6874. v-if="checktoolArray.indexOf(52) == -1"
  6875. />
  6876. <div class="checkDiv" v-else>
  6877. <img src="../assets/icon/checkedIs.png" alt /><span
  6878. >已选择</span
  6879. >
  6880. </div>
  6881. </div>
  6882. </div>
  6883. <div class="tool">
  6884. <div class="whiteBIcon" @click="addTools2(3)">
  6885. <img
  6886. src="../assets/icon/secondToolList/mindMapping.png"
  6887. alt
  6888. />
  6889. <div style="margin: 5px 0">思维导图</div>
  6890. </div>
  6891. <div class="check" @click="addTools2(3)">
  6892. <img
  6893. src="../assets/icon/checkNo.png"
  6894. alt
  6895. v-if="checktoolArray.indexOf(3) == -1"
  6896. />
  6897. <div class="checkDiv" v-else>
  6898. <img src="../assets/icon/checkedIs.png" alt /><span
  6899. >已选择</span
  6900. >
  6901. </div>
  6902. </div>
  6903. </div>
  6904. <div class="tool">
  6905. <div class="whiteBIcon" @click="addTools2(48)">
  6906. <img
  6907. src="../assets/icon/fourthToolList/table.png"
  6908. alt
  6909. />
  6910. <div style="margin: 5px 0">表格</div>
  6911. </div>
  6912. <div class="check" @click="addTools2(48)">
  6913. <img
  6914. src="../assets/icon/checkNo.png"
  6915. alt
  6916. v-if="checktoolArray.indexOf(48) == -1"
  6917. />
  6918. <div class="checkDiv" v-else>
  6919. <img src="../assets/icon/checkedIs.png" alt /><span
  6920. >已选择</span
  6921. >
  6922. </div>
  6923. </div>
  6924. </div>
  6925. </div>
  6926. <div class="toolSort" v-if="toolType == 6">
  6927. <div v-show="tooC == 49">
  6928. <img
  6929. @click="addTools(tooC, toolIndex, taskCount)"
  6930. src="../assets/icon/fourthToolList/group.png"
  6931. alt
  6932. />
  6933. <div style="margin: 5px 0">学生分组</div>
  6934. </div>
  6935. </div>
  6936. <div class="toolSort" v-if="toolType == 2">
  6937. <div class="tool">
  6938. <div class="whiteBIcon" @click="addTools2(16)">
  6939. <img
  6940. src="../assets/icon/thirdToolList/work.png"
  6941. alt
  6942. />
  6943. <div style="margin: 5px 0">作业提交</div>
  6944. </div>
  6945. <div class="check" @click="addTools2(16)">
  6946. <img
  6947. src="../assets/icon/checkNo.png"
  6948. alt
  6949. v-if="checktoolArray.indexOf(16) == -1"
  6950. />
  6951. <div class="checkDiv" v-else>
  6952. <img src="../assets/icon/checkedIs.png" alt /><span
  6953. >已选择</span
  6954. >
  6955. </div>
  6956. </div>
  6957. </div>
  6958. <div class="tool">
  6959. <div class="whiteBIcon" @click="addTools2(50)">
  6960. <img
  6961. src="../assets/icon/thirdToolList/plwork.png"
  6962. alt
  6963. />
  6964. <div style="margin: 5px 0">批量上传</div>
  6965. </div>
  6966. <div class="check" @click="addTools2(50)">
  6967. <img
  6968. src="../assets/icon/checkNo.png"
  6969. alt
  6970. v-if="checktoolArray.indexOf(50) == -1"
  6971. />
  6972. <div class="checkDiv" v-else>
  6973. <img src="../assets/icon/checkedIs.png" alt /><span
  6974. >已选择</span
  6975. >
  6976. </div>
  6977. </div>
  6978. </div>
  6979. </div>
  6980. <div class="toolSort" v-if="toolType == 3">
  6981. <div class="tool">
  6982. <div class="whiteBIcon" @click="addTools2(18)">
  6983. <img
  6984. src="../assets/icon/thirdToolList/trainPlatform.png"
  6985. alt
  6986. />
  6987. <div style="margin: 5px 0">训练平台</div>
  6988. </div>
  6989. <div class="check" @click="addTools2(18)">
  6990. <img
  6991. src="../assets/icon/checkNo.png"
  6992. alt
  6993. v-if="checktoolArray.indexOf(18) == -1"
  6994. />
  6995. <div class="checkDiv" v-else>
  6996. <img src="../assets/icon/checkedIs.png" alt /><span
  6997. >已选择</span
  6998. >
  6999. </div>
  7000. </div>
  7001. </div>
  7002. <div class="tool">
  7003. <div class="whiteBIcon" @click="addTools2(21)">
  7004. <img
  7005. src="../assets/icon/fourthToolList/program.png"
  7006. alt
  7007. />
  7008. <div style="margin: 5px 0">AIoT Blockly</div>
  7009. </div>
  7010. <div class="check" @click="addTools2(21)">
  7011. <img
  7012. src="../assets/icon/checkNo.png"
  7013. alt
  7014. v-if="checktoolArray.indexOf(21) == -1"
  7015. />
  7016. <div class="checkDiv" v-else>
  7017. <img src="../assets/icon/checkedIs.png" alt /><span
  7018. >已选择</span
  7019. >
  7020. </div>
  7021. </div>
  7022. </div>
  7023. <div class="tool">
  7024. <div class="whiteBIcon" @click="addTools2(23)">
  7025. <img
  7026. src="../assets/icon/fourthToolList/Pythonprogram.png"
  7027. alt
  7028. />
  7029. <div style="margin: 5px 0">AI Python</div>
  7030. </div>
  7031. <div class="check" @click="addTools2(23)">
  7032. <img
  7033. src="../assets/icon/checkNo.png"
  7034. alt
  7035. v-if="checktoolArray.indexOf(23) == -1"
  7036. />
  7037. <div class="checkDiv" v-else>
  7038. <img src="../assets/icon/checkedIs.png" alt /><span
  7039. >已选择</span
  7040. >
  7041. </div>
  7042. </div>
  7043. </div>
  7044. <div class="tool">
  7045. <div class="whiteBIcon" @click="addTools2(24)">
  7046. <img
  7047. src="../assets/icon/fourthToolList/AIprogram.png"
  7048. alt
  7049. />
  7050. <div style="margin: 5px 0">AI Blockly</div>
  7051. </div>
  7052. <div class="check" @click="addTools2(24)">
  7053. <img
  7054. src="../assets/icon/checkNo.png"
  7055. alt
  7056. v-if="checktoolArray.indexOf(24) == -1"
  7057. />
  7058. <div class="checkDiv" v-else>
  7059. <img src="../assets/icon/checkedIs.png" alt /><span
  7060. >已选择</span
  7061. >
  7062. </div>
  7063. </div>
  7064. </div>
  7065. <div class="tool">
  7066. <div class="whiteBIcon" @click="addTools2(32)">
  7067. <img
  7068. src="../assets/icon/thirdToolList/code.png"
  7069. alt
  7070. />
  7071. <div style="margin: 5px 0">源码编辑</div>
  7072. </div>
  7073. <div class="check" @click="addTools2(32)">
  7074. <img
  7075. src="../assets/icon/checkNo.png"
  7076. alt
  7077. v-if="checktoolArray.indexOf(32) == -1"
  7078. />
  7079. <div class="checkDiv" v-else>
  7080. <img src="../assets/icon/checkedIs.png" alt /><span
  7081. >已选择</span
  7082. >
  7083. </div>
  7084. </div>
  7085. </div>
  7086. <div class="tool">
  7087. <div class="whiteBIcon" @click="addTools2(57)">
  7088. <img
  7089. src="../assets/icon/fourthToolList/cocopi.png"
  7090. alt
  7091. />
  7092. <div style="margin: 5px 0">CocoPi</div>
  7093. </div>
  7094. <div class="check" @click="addTools2(57)">
  7095. <img
  7096. src="../assets/icon/checkNo.png"
  7097. alt
  7098. v-if="checktoolArray.indexOf(57) == -1"
  7099. />
  7100. <div class="checkDiv" v-else>
  7101. <img src="../assets/icon/checkedIs.png" alt /><span
  7102. >已选择</span
  7103. >
  7104. </div>
  7105. </div>
  7106. </div>
  7107. <div class="tool">
  7108. <div class="whiteBIcon" @click="addTools2(63)">
  7109. <img
  7110. src="../assets/icon/fourthToolList/Wood.png"
  7111. alt
  7112. />
  7113. <div style="margin: 5px 0">海龟编程</div>
  7114. </div>
  7115. <div class="check" @click="addTools2(63)">
  7116. <img
  7117. src="../assets/icon/checkNo.png"
  7118. alt
  7119. v-if="checktoolArray.indexOf(63) == -1"
  7120. />
  7121. <div class="checkDiv" v-else>
  7122. <img src="../assets/icon/checkedIs.png" alt /><span
  7123. >已选择</span
  7124. >
  7125. </div>
  7126. </div>
  7127. </div>
  7128. </div>
  7129. <div class="toolSort" v-if="toolType == 5">
  7130. <div class="tool">
  7131. <div class="whiteBIcon" @click="addTools2(28)">
  7132. <img
  7133. src="../assets/icon/secondToolList/translation.png"
  7134. alt
  7135. />
  7136. <div style="margin: 5px 0">翻译</div>
  7137. </div>
  7138. <div class="check" @click="addTools2(28)">
  7139. <img
  7140. src="../assets/icon/checkNo.png"
  7141. alt
  7142. v-if="checktoolArray.indexOf(28) == -1"
  7143. />
  7144. <div class="checkDiv" v-else>
  7145. <img src="../assets/icon/checkedIs.png" alt /><span
  7146. >已选择</span
  7147. >
  7148. </div>
  7149. </div>
  7150. </div>
  7151. <div class="tool">
  7152. <div class="whiteBIcon" @click="addTools2(31)">
  7153. <img
  7154. src="../assets/icon/secondToolList/networkPanel.png"
  7155. alt
  7156. />
  7157. <div style="margin: 5px 0">数字画板</div>
  7158. </div>
  7159. <div class="check" @click="addTools2(31)">
  7160. <img
  7161. src="../assets/icon/checkNo.png"
  7162. alt
  7163. v-if="checktoolArray.indexOf(31) == -1"
  7164. />
  7165. <div class="checkDiv" v-else>
  7166. <img src="../assets/icon/checkedIs.png" alt /><span
  7167. >已选择</span
  7168. >
  7169. </div>
  7170. </div>
  7171. </div>
  7172. <div class="tool">
  7173. <div class="whiteBIcon" @click="addTools2(39)">
  7174. <img
  7175. src="../assets/icon/secondToolList/GeoGebra.png"
  7176. alt
  7177. />
  7178. <div style="margin: 5px 0">GeoGebra</div>
  7179. </div>
  7180. <div class="check" @click="addTools2(39)">
  7181. <img
  7182. src="../assets/icon/checkNo.png"
  7183. alt
  7184. v-if="checktoolArray.indexOf(39) == -1"
  7185. />
  7186. <div class="checkDiv" v-else>
  7187. <img src="../assets/icon/checkedIs.png" alt /><span
  7188. >已选择</span
  7189. >
  7190. </div>
  7191. </div>
  7192. </div>
  7193. <div class="tool">
  7194. <div class="whiteBIcon" @click="addTools2(66)">
  7195. <img
  7196. src="../assets/icon/secondToolList/formulaEdi.png"
  7197. alt
  7198. />
  7199. <div style="margin: 5px 0">公式编辑</div>
  7200. </div>
  7201. <div class="check" @click="addTools2(66)">
  7202. <img
  7203. src="../assets/icon/checkNo.png"
  7204. alt
  7205. v-if="checktoolArray.indexOf(66) == -1"
  7206. />
  7207. <div class="checkDiv" v-else>
  7208. <img src="../assets/icon/checkedIs.png" alt /><span
  7209. >已选择</span
  7210. >
  7211. </div>
  7212. </div>
  7213. </div>
  7214. <div class="tool">
  7215. <div class="whiteBIcon" @click="addTools2(67)">
  7216. <img
  7217. src="../assets/icon/secondToolList/molStr.png"
  7218. alt
  7219. />
  7220. <div style="margin: 5px 0">分子结构</div>
  7221. </div>
  7222. <div class="check" @click="addTools2(67)">
  7223. <img
  7224. src="../assets/icon/checkNo.png"
  7225. alt
  7226. v-if="checktoolArray.indexOf(67) == -1"
  7227. />
  7228. <div class="checkDiv" v-else>
  7229. <img src="../assets/icon/checkedIs.png" alt /><span
  7230. >已选择</span
  7231. >
  7232. </div>
  7233. </div>
  7234. </div>
  7235. <div class="tool">
  7236. <div class="whiteBIcon" @click="addTools2(68)">
  7237. <img
  7238. src="../assets/icon/secondToolList/timeAxis.png"
  7239. alt
  7240. />
  7241. <div style="margin: 5px 0">时间轴</div>
  7242. </div>
  7243. <div class="check" @click="addTools2(68)">
  7244. <img
  7245. src="../assets/icon/checkNo.png"
  7246. alt
  7247. v-if="checktoolArray.indexOf(68) == -1"
  7248. />
  7249. <div class="checkDiv" v-else>
  7250. <img src="../assets/icon/checkedIs.png" alt /><span
  7251. >已选择</span
  7252. >
  7253. </div>
  7254. </div>
  7255. </div>
  7256. </div>
  7257. <div class="toolSort" v-if="toolType == 7">
  7258. <div class="tool">
  7259. <div class="whiteBIcon" @click="addTools2(40)">
  7260. <img
  7261. src="../assets/icon/secondToolList/eval.png"
  7262. alt
  7263. />
  7264. <div style="margin: 5px 0">个人评价</div>
  7265. </div>
  7266. <div class="check" @click="addTools2(40)">
  7267. <img
  7268. src="../assets/icon/checkNo.png"
  7269. alt
  7270. v-if="checktoolArray.indexOf(40) == -1"
  7271. />
  7272. <div class="checkDiv" v-else>
  7273. <img src="../assets/icon/checkedIs.png" alt /><span
  7274. >已选择</span
  7275. >
  7276. </div>
  7277. </div>
  7278. </div>
  7279. </div>
  7280. <div class="toolSort" v-if="toolType == 4">
  7281. <div class="tool">
  7282. <div class="whiteBIcon" @click="addTools2(26)">
  7283. <img
  7284. src="../assets/icon/thirdToolList/courseDesign.png"
  7285. alt
  7286. />
  7287. <div style="margin: 5px 0">课程设计</div>
  7288. </div>
  7289. <div class="check" @click="addTools2(26)">
  7290. <img
  7291. src="../assets/icon/checkNo.png"
  7292. alt
  7293. v-if="checktoolArray.indexOf(26) == -1"
  7294. />
  7295. <div class="checkDiv" v-else>
  7296. <img src="../assets/icon/checkedIs.png" alt /><span
  7297. >已选择</span
  7298. >
  7299. </div>
  7300. </div>
  7301. </div>
  7302. <div class="tool">
  7303. <div class="whiteBIcon" @click="addTools2(25)">
  7304. <img
  7305. src="../assets/icon/thirdToolList/evalua.png"
  7306. alt
  7307. />
  7308. <div style="margin: 5px 0">目标管理</div>
  7309. </div>
  7310. <div class="check" @click="addTools2(25)">
  7311. <img
  7312. src="../assets/icon/checkNo.png"
  7313. alt
  7314. v-if="checktoolArray.indexOf(25) == -1"
  7315. />
  7316. <div class="checkDiv" v-else>
  7317. <img src="../assets/icon/checkedIs.png" alt /><span
  7318. >已选择</span
  7319. >
  7320. </div>
  7321. </div>
  7322. </div>
  7323. </div>
  7324. </div>
  7325. </div>
  7326. </div>
  7327. </div> -->
  7328. <div
  7329. class="vedioBox"
  7330. style="margin-top: 10px; border-radius: 20px"
  7331. v-if="
  7332. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7333. .eList &&
  7334. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7335. .eList.length &&
  7336. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7337. .eList.length > 0 &&
  7338. tType != 2
  7339. "
  7340. >
  7341. <div
  7342. class="queTop"
  7343. style="
  7344. font-size: 20px;
  7345. padding: 15px 0 15px 37px;
  7346. font-weight: bold;
  7347. "
  7348. >
  7349. <!-- <div class="question" style="width: 30px">
  7350. <img src="../assets/icon/toolIcon.png" alt />
  7351. </div>
  7352. <div class="queTitle">
  7353. <div>工具</div>
  7354. </div>-->
  7355. 评一评
  7356. </div>
  7357. <div class="evaCss" :class="{ evaCssMax: Stbodywidth < 974 }">
  7358. <div class="elist_input">
  7359. <el-table
  7360. :data="
  7361. chapInfoList[courseType].chapterInfo[0].taskJson[
  7362. taskCount
  7363. ].eList
  7364. "
  7365. :header-cell-style="{ background: '#F0F4FA' }"
  7366. :row-class-name="tableRowClassName"
  7367. border
  7368. stripe
  7369. style="width: 100%"
  7370. >
  7371. <el-table-column
  7372. label="评价名称"
  7373. width="180"
  7374. align="center"
  7375. >
  7376. <template slot-scope="scope"
  7377. ><div>{{ scope.row.value }}</div></template
  7378. >
  7379. </el-table-column>
  7380. <el-table-column
  7381. label="评价描述"
  7382. width="180"
  7383. align="center"
  7384. >
  7385. <template slot-scope="scope"
  7386. ><div>
  7387. {{ scope.row.detail != "" ? scope.row.detail : "-" }}
  7388. </div></template
  7389. >
  7390. </el-table-column>
  7391. <el-table-column label="目标" align="center">
  7392. <template slot-scope="scope"
  7393. ><div>
  7394. {{
  7395. scope.row.target
  7396. ? scope.row.target[scope.row.target.length - 1]
  7397. : "-"
  7398. }}
  7399. </div></template
  7400. ></el-table-column
  7401. >
  7402. </el-table>
  7403. <!-- <div
  7404. v-for="(eItem, eIndex) in chapInfoList[courseType]
  7405. .chapterInfo[0].taskJson[taskCount].eList"
  7406. :key="eIndex"
  7407. class="elist_input_box"
  7408. >
  7409. <div style="width: 95%">
  7410. <div
  7411. style="
  7412. display: flex;
  7413. flex-direction: row;
  7414. flex-wrap: nowrap;
  7415. align-items: center;
  7416. "
  7417. >
  7418. <div style="max-width: calc(100% - 285px)">
  7419. <span>{{ eItem.value }}</span>
  7420. </div>
  7421. <div
  7422. style="
  7423. padding-left: 25px;
  7424. display: flex;
  7425. flex-direction: row;
  7426. align-items: center;
  7427. "
  7428. >
  7429. <el-rate
  7430. v-model="eItem.score"
  7431. :colors="colors"
  7432. disabled
  7433. ></el-rate>
  7434. </div>
  7435. </div>
  7436. <div class="elist_inptu_text" style="padding-left: 10px">
  7437. <span v-if="eItem.detail != ''">{{
  7438. eItem.detail
  7439. }}</span>
  7440. <span v-else style="color: #b2b1b3; font-size: 14px"
  7441. >暂无描述...</span
  7442. >
  7443. </div>
  7444. </div>
  7445. </div> -->
  7446. </div>
  7447. <div
  7448. v-if="evalua"
  7449. style="
  7450. border: 1px solid #e5e5e5;
  7451. max-width: 650px;
  7452. width: 100%;
  7453. margin-top: 20px;
  7454. box-shadow: 3px 1px 15px 3px #e0e0e0;
  7455. "
  7456. >
  7457. <div class="e_add_top">
  7458. <div class="e_add_title">
  7459. <span>目标管理名称</span>
  7460. <span>{{ eTitle }}</span>
  7461. <img
  7462. src="../assets/line.png"
  7463. class="cru_line"
  7464. style="
  7465. width: 125px;
  7466. height: 20px;
  7467. bottom: -10px;
  7468. left: 120px;
  7469. "
  7470. />
  7471. <!-- <el-input
  7472. v-model="eTitle"
  7473. placeholder="请输入名称"
  7474. @change="setMindData"
  7475. ></el-input>-->
  7476. </div>
  7477. </div>
  7478. <div class="e_add_content">
  7479. <div class="e_add_list_pbox">
  7480. <div class="e_add_list_pbox_title">
  7481. <span class="type_title">切换模式</span>
  7482. <div class="type_content">
  7483. <span
  7484. :class="{ active: typeMode == 1 }"
  7485. @click="typeMode = 1"
  7486. >目标树</span
  7487. >
  7488. <span
  7489. :class="{ active: typeMode == 2 }"
  7490. @click="typeMode = 2"
  7491. >目标罗盘</span
  7492. >
  7493. <!-- <span
  7494. :class="{ active: typeMode == 3 }"
  7495. @click="typeMode = 3"
  7496. >目标看板</span
  7497. > -->
  7498. </div>
  7499. </div>
  7500. <div class="e_add_list_pbox_content">
  7501. <Mind
  7502. :showBar="false"
  7503. :mindData="data"
  7504. style="width: 100%"
  7505. v-show="typeMode == 1"
  7506. ></Mind>
  7507. <Sunburst
  7508. :Josn="eJson"
  7509. :num="eJSONNum"
  7510. style="width: 100%"
  7511. v-if="typeMode == 2"
  7512. ></Sunburst>
  7513. <SeeBoard
  7514. :Josn="eJson"
  7515. :num="eJSONNum"
  7516. :ename="eTitle"
  7517. style="width: 100%"
  7518. v-if="typeMode == 3"
  7519. >
  7520. </SeeBoard>
  7521. </div>
  7522. </div>
  7523. </div>
  7524. </div>
  7525. </div>
  7526. </div>
  7527. <!-- <div
  7528. class="project_box"
  7529. style="margin-top: 15px; padding-bottom: 30px"
  7530. >
  7531. <div
  7532. style="
  7533. display: flex;
  7534. flex-wrap: nowrap;
  7535. flex-direction: column;
  7536. position: relative;
  7537. "
  7538. >
  7539. <div class="queTop">
  7540. <div class="question">
  7541. <img src="../assets/icon/homeWork.png" alt="" />
  7542. </div>
  7543. <div class="queTitle">
  7544. <div>作业提交<span>(提交图文视频等)</span></div>
  7545. <div>:任务:{{ task.task }}</div>
  7546. </div>
  7547. </div>
  7548. <div class="ediBottom">
  7549. <div
  7550. class="addEditor"
  7551. style="margin-top: 23px"
  7552. @click="openAddWork"
  7553. v-if="!isNoHomeWork"
  7554. >
  7555. 选择文件
  7556. </div>
  7557. <div
  7558. class="addEditor"
  7559. style="margin-top: 23px"
  7560. @click="openAddWork"
  7561. v-else
  7562. >
  7563. 已提交
  7564. </div>
  7565. </div>
  7566. </div>
  7567. </div>-->
  7568. </div>
  7569. </div>
  7570. <el-dialog
  7571. title="作业提交"
  7572. :visible.sync="dialogVisible"
  7573. :append-to-body="true"
  7574. width="500px"
  7575. :before-close="handleClose"
  7576. class="dialog_change"
  7577. >
  7578. <div class="marginT">
  7579. <div>上传文件</div>
  7580. <div
  7581. class="chapter_add"
  7582. @click="addImg($event)"
  7583. v-if="studyJuri[0].cover.length == 0"
  7584. >
  7585. <div class="up_photo">
  7586. <img src="../assets/icon/uploadImg.png" alt />
  7587. </div>
  7588. <!-- <input
  7589. type="file"
  7590. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  7591. style="display: none"
  7592. @change="beforeUpload1($event, 1)"
  7593. /> -->
  7594. <input
  7595. type="file"
  7596. accept="*"
  7597. style="display: none"
  7598. @change="beforeUpload1($event, 1)"
  7599. />
  7600. <!-- <input
  7601. type="file"
  7602. accept="image/*"
  7603. capture="camera"
  7604. style="display: none"
  7605. @change="beforeUpload1($event, 1)"
  7606. /> -->
  7607. </div>
  7608. <div
  7609. class="chapter_add"
  7610. style="
  7611. display: flex;
  7612. width: 100%;
  7613. flex-direction: row;
  7614. flex-wrap: wrap;
  7615. justify-content: flex-start;
  7616. padding: 15px 0;
  7617. "
  7618. v-if="studyJuri[0].cover.length > 0"
  7619. >
  7620. <div class="upCover">
  7621. <img
  7622. :src="studyJuri[0].cover[0].url"
  7623. alt
  7624. v-if="fileType == 0"
  7625. />
  7626. <img :src="word" alt v-else-if="fileType == 1" />
  7627. <img :src="video" alt v-else-if="fileType == 2" />
  7628. <img :src="word2" alt v-else-if="fileType == 3" />
  7629. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  7630. <div class="deleteWord" @click="clean(1)">
  7631. <img src="../assets/icon/deleteWorks.png" alt />
  7632. </div>
  7633. </div>
  7634. </div>
  7635. </div>
  7636. <div
  7637. class="upload_send"
  7638. @click="addCourseWorks(taskCount)"
  7639. v-if="!proVisible"
  7640. >
  7641. 提交
  7642. </div>
  7643. </el-dialog>
  7644. </div>
  7645. </div>
  7646. <div
  7647. class="pButton"
  7648. @click="(pzDialog = true), selectPz()"
  7649. v-if="pzDialog == false && (tType == 4 || ispzType == 4)"
  7650. style="background-image: linear-gradient(90deg, #477cd7, #65b9fc)"
  7651. >
  7652. <!-- 批 -->
  7653. <img src="../assets/mlBtn.png" style="width: 25px" alt="" />
  7654. </div>
  7655. <div v-if="pzDialog == true" class="newDialogCss">
  7656. <div class="pzTop2">
  7657. <!-- <div>批注</div>
  7658. <div @click="pzDialog = false">
  7659. <img src="../assets/close1.png" alt="" />
  7660. </div> -->
  7661. <div class="checkbox">
  7662. <div class="check" style="font-size: 25px; position: unset">
  7663. 评课笔记
  7664. </div>
  7665. <el-select v-model="pzStype" @change="selectPz" class="selectBox">
  7666. <el-option label="时间降序" :value="1"></el-option>
  7667. <el-option label="时间升序" :value="2"></el-option>
  7668. <el-option label="我的评课" :value="3"></el-option>
  7669. </el-select>
  7670. <img src="../assets/pzBtn.png" @click="pzDialog = false" alt="" />
  7671. </div>
  7672. </div>
  7673. <div :class="pzList && pzList.length ? 'pzBox' : 'noPzBox'">
  7674. <div class="pzListBox" v-if="pzList && pzList.length">
  7675. <div class="pzList" v-for="(pz, pzIndex) in pzList" :key="pzIndex">
  7676. <div class="pzNavTop">
  7677. <div>批</div>
  7678. <div>
  7679. {{
  7680. pz.username && pz.username.length > 5
  7681. ? pz.username.substring(0, 5) + "..."
  7682. : pz.username
  7683. }}的批注
  7684. </div>
  7685. <div
  7686. class="pzDelete"
  7687. v-if="pz.userid == userid"
  7688. @click="deletePz(pz.id)"
  7689. >
  7690. 删除
  7691. </div>
  7692. </div>
  7693. <div
  7694. @click="checkImg(getImgList(pz.content))"
  7695. class="pzContent cont"
  7696. v-html="pz.content"
  7697. v-if="pz.type == '1'"
  7698. ></div>
  7699. <div class="pzContent" v-if="pz.type == '2'">
  7700. <audio :src="pz.content" controls="controls" ref="audio">
  7701. Your browser does not support the audio element.
  7702. </audio>
  7703. </div>
  7704. <div class="pzContent" v-if="pz.type == '3'">
  7705. <img
  7706. :src="pz.content"
  7707. style="width: 90%; margin: 0 auto; display: block"
  7708. @click="previewImg(pz.content)"
  7709. />
  7710. </div>
  7711. <div class="timeAndReply">
  7712. <div class="time">
  7713. {{ pz.time }}
  7714. </div>
  7715. <div @click="setReplyIndex(pz.id, pzIndex)">回复</div>
  7716. </div>
  7717. <div v-if="pz.hfList && pz.hfList.length > 0" class="hfBox">
  7718. <div
  7719. v-for="(h, hIndex) in pz.hfList"
  7720. :key="hIndex"
  7721. class="hfItem"
  7722. >
  7723. <div class="whoReplyWho">
  7724. <div class="hfName">{{ h.username }}</div>
  7725. <div class="hfImg">
  7726. <img src="../assets/icon/newIcons/right.png" alt="" />
  7727. </div>
  7728. <div class="hfName">{{ pz.username }}</div>
  7729. </div>
  7730. <div class="hfContent" v-html="h.content"></div>
  7731. <div class="hfBottom">
  7732. <div class="hfTime">{{ h.time }}</div>
  7733. <div
  7734. class="deleteHfItem"
  7735. @click="deleteReply(h.id)"
  7736. v-if="userid == h.userid"
  7737. >
  7738. <img src="../assets/icon/newIcons/delete.png" alt="" />
  7739. </div>
  7740. </div>
  7741. </div>
  7742. </div>
  7743. <!-- <div class="replyBox" v-if="replyIndex[pzIndex] && replyIndex[pzIndex] == true">
  7744. <div class="replyInput">
  7745. <el-input v-model="reply[pzIndex]"></el-input>
  7746. </div>
  7747. <el-button @click="addHf(pz.id, pzIndex)">回复</el-button>
  7748. </div> -->
  7749. </div>
  7750. </div>
  7751. <div class="noPz" v-else>
  7752. <img src="../assets/icon/noPz.png" alt="" />
  7753. </div>
  7754. <div class="addPzButton">
  7755. <div class="addPz" @click="(addPzDialog = true), (pzType = 1)">
  7756. 添加批注
  7757. </div>
  7758. <!-- <div class="img1">
  7759. <div @click="(addPzDialog = true), (pzType = 2)">
  7760. <img src="../assets/audio.png" /><span>音频</span>
  7761. </div>
  7762. </div> -->
  7763. </div>
  7764. </div>
  7765. </div>
  7766. <div
  7767. v-if="toolDialogVisible == true"
  7768. class="toolMask"
  7769. @click="toolDialogVisible = false"
  7770. ></div>
  7771. <div v-if="toolDialogVisible == true" class="addToolCss">
  7772. <div class="toolTop">
  7773. <div style="font-weight: bold">新增工具</div>
  7774. <div @click="toolDialogVisible = false">
  7775. <img src="../assets/icon/close.png" class="toolClose" alt="" />
  7776. </div>
  7777. </div>
  7778. <div class="tool_box">
  7779. <div class="tool_type_box">
  7780. <div class="chooseWho">
  7781. <div
  7782. :class="toolType == 0 ? 'isChooseActive' : ''"
  7783. @click="(toolType = 0), $forceUpdate()"
  7784. >
  7785. 互动类
  7786. </div>
  7787. <div
  7788. :class="toolType == 1 ? 'isChooseActive' : ''"
  7789. @click="(toolType = 1), $forceUpdate()"
  7790. >
  7791. 思维类
  7792. </div>
  7793. <div
  7794. :class="toolType == 2 ? 'isChooseActive' : ''"
  7795. @click="(toolType = 2), $forceUpdate()"
  7796. >
  7797. 测评类
  7798. </div>
  7799. <div
  7800. :class="toolType == 3 ? 'isChooseActive' : ''"
  7801. @click="(toolType = 3), $forceUpdate()"
  7802. >
  7803. 编程类
  7804. </div>
  7805. <div
  7806. :class="toolType == 5 ? 'isChooseActive' : ''"
  7807. @click="(toolType = 5), $forceUpdate()"
  7808. >
  7809. 学科类
  7810. </div>
  7811. </div>
  7812. </div>
  7813. <div>
  7814. <div class="toolSort" v-if="toolType == 0">
  7815. <div
  7816. class="tool"
  7817. :class="{ isToolChoose: checktoolArray.indexOf(10) != -1 }"
  7818. @click="addTools2(10)"
  7819. >
  7820. <div class="whiteBIcon">
  7821. <img src="../assets/icon/thirdToolList/time.png" alt />
  7822. <div style="margin: 5px 0">倒计时</div>
  7823. </div>
  7824. <div class="check">
  7825. <div
  7826. v-if="checktoolArray.indexOf(10) == -1"
  7827. class="noChoose"
  7828. ></div>
  7829. <div v-else class="isChoose"></div>
  7830. </div>
  7831. </div>
  7832. <div
  7833. class="tool"
  7834. :class="{ isToolChoose: checktoolArray.indexOf(65) != -1 }"
  7835. @click="addTools2(65)"
  7836. >
  7837. <div class="whiteBIcon">
  7838. <img src="../assets/icon/firstToolList/pickPeople.png" alt />
  7839. <div style="margin: 5px 0">挑人</div>
  7840. </div>
  7841. <div class="check">
  7842. <div
  7843. v-if="checktoolArray.indexOf(65) == -1"
  7844. class="noChoose"
  7845. ></div>
  7846. <div v-else class="isChoose"></div>
  7847. </div>
  7848. </div>
  7849. </div>
  7850. <div class="toolSort" v-if="toolType == 1">
  7851. <div
  7852. class="tool"
  7853. :class="{ isToolChoose: checktoolArray.indexOf(7) != -1 }"
  7854. @click="addTools2(7)"
  7855. >
  7856. <div class="whiteBIcon">
  7857. <img src="../assets/icon/secondToolList/mindNetwork.png" alt />
  7858. <div style="margin: 5px 0">思维网格</div>
  7859. </div>
  7860. <div class="check">
  7861. <div
  7862. v-if="checktoolArray.indexOf(7) == -1"
  7863. class="noChoose"
  7864. ></div>
  7865. <div v-else class="isChoose"></div>
  7866. </div>
  7867. </div>
  7868. <div
  7869. class="tool"
  7870. :class="{ isToolChoose: checktoolArray.indexOf(1) != -1 }"
  7871. @click="addTools2(1)"
  7872. >
  7873. <div class="whiteBIcon">
  7874. <img src="../assets/icon/secondToolList/whiteBoard.png" alt />
  7875. <div style="margin: 5px 0">电子白板</div>
  7876. </div>
  7877. <div class="check">
  7878. <div
  7879. v-if="checktoolArray.indexOf(1) == -1"
  7880. class="noChoose"
  7881. ></div>
  7882. <div v-else class="isChoose"></div>
  7883. </div>
  7884. </div>
  7885. <div
  7886. class="tool"
  7887. :class="{ isToolChoose: checktoolArray.indexOf(52) != -1 }"
  7888. @click="addTools2(52)"
  7889. >
  7890. <div class="whiteBIcon">
  7891. <img src="../assets/icon/fourthToolList/text.png" alt />
  7892. <div style="margin: 5px 0">文档</div>
  7893. </div>
  7894. <div class="check">
  7895. <div
  7896. v-if="checktoolArray.indexOf(52) == -1"
  7897. class="noChoose"
  7898. ></div>
  7899. <div v-else class="isChoose"></div>
  7900. </div>
  7901. </div>
  7902. <div
  7903. class="tool"
  7904. :class="{ isToolChoose: checktoolArray.indexOf(3) != -1 }"
  7905. @click="addTools2(3)"
  7906. >
  7907. <div class="whiteBIcon">
  7908. <img src="../assets/icon/secondToolList/mindMapping.png" alt />
  7909. <div style="margin: 5px 0">思维导图</div>
  7910. </div>
  7911. <div class="check">
  7912. <div
  7913. v-if="checktoolArray.indexOf(3) == -1"
  7914. class="noChoose"
  7915. ></div>
  7916. <div v-else class="isChoose"></div>
  7917. </div>
  7918. </div>
  7919. <div
  7920. class="tool"
  7921. :class="{ isToolChoose: checktoolArray.indexOf(48) != -1 }"
  7922. @click="addTools2(48)"
  7923. >
  7924. <div class="whiteBIcon">
  7925. <img src="../assets/icon/fourthToolList/table.png" alt />
  7926. <div style="margin: 5px 0">表格</div>
  7927. </div>
  7928. <div class="check">
  7929. <div
  7930. v-if="checktoolArray.indexOf(48) == -1"
  7931. class="noChoose"
  7932. ></div>
  7933. <div v-else class="isChoose"></div>
  7934. </div>
  7935. </div>
  7936. </div>
  7937. <div class="toolSort" v-if="toolType == 6">
  7938. <div v-show="tooC == 49">
  7939. <img
  7940. @click="addTools(tooC, toolIndex, taskCount)"
  7941. src="../assets/icon/fourthToolList/group.png"
  7942. alt
  7943. />
  7944. <div style="margin: 5px 0">学生分组</div>
  7945. </div>
  7946. </div>
  7947. <div class="toolSort" v-if="toolType == 2">
  7948. <div
  7949. class="tool"
  7950. :class="{ isToolChoose: checktoolArray.indexOf(16) != -1 }"
  7951. @click="addTools2(16)"
  7952. >
  7953. <div class="whiteBIcon">
  7954. <img src="../assets/icon/thirdToolList/work.png" alt />
  7955. <div style="margin: 5px 0">作业提交</div>
  7956. </div>
  7957. <div class="check">
  7958. <div
  7959. v-if="checktoolArray.indexOf(16) == -1"
  7960. class="noChoose"
  7961. ></div>
  7962. <div v-else class="isChoose"></div>
  7963. </div>
  7964. </div>
  7965. <div
  7966. class="tool"
  7967. :class="{ isToolChoose: checktoolArray.indexOf(50) != -1 }"
  7968. @click="addTools2(50)"
  7969. >
  7970. <div class="whiteBIcon">
  7971. <img src="../assets/icon/thirdToolList/plwork.png" alt />
  7972. <div style="margin: 5px 0">批量上传</div>
  7973. </div>
  7974. <div class="check">
  7975. <div
  7976. v-if="checktoolArray.indexOf(50) == -1"
  7977. class="noChoose"
  7978. ></div>
  7979. <div v-else class="isChoose"></div>
  7980. </div>
  7981. </div>
  7982. </div>
  7983. <div class="toolSort" v-if="toolType == 3">
  7984. <div
  7985. class="tool"
  7986. :class="{ isToolChoose: checktoolArray.indexOf(18) != -1 }"
  7987. @click="addTools2(18)"
  7988. >
  7989. <div class="whiteBIcon">
  7990. <img src="../assets/icon/thirdToolList/trainPlatform.png" alt />
  7991. <div style="margin: 5px 0">训练平台</div>
  7992. </div>
  7993. <div class="check">
  7994. <div
  7995. v-if="checktoolArray.indexOf(18) == -1"
  7996. class="noChoose"
  7997. ></div>
  7998. <div v-else class="isChoose"></div>
  7999. </div>
  8000. </div>
  8001. <div
  8002. class="tool"
  8003. :class="{ isToolChoose: checktoolArray.indexOf(21) != -1 }"
  8004. @click="addTools2(21)"
  8005. >
  8006. <div class="whiteBIcon">
  8007. <img src="../assets/icon/fourthToolList/program.png" alt />
  8008. <div style="margin: 5px 0">AIoT Blockly</div>
  8009. </div>
  8010. <div class="check">
  8011. <div
  8012. v-if="checktoolArray.indexOf(21) == -1"
  8013. class="noChoose"
  8014. ></div>
  8015. <div v-else class="isChoose"></div>
  8016. </div>
  8017. </div>
  8018. <div
  8019. class="tool"
  8020. :class="{ isToolChoose: checktoolArray.indexOf(23) != -1 }"
  8021. @click="addTools2(23)"
  8022. >
  8023. <div class="whiteBIcon">
  8024. <img
  8025. src="../assets/icon/fourthToolList/Pythonprogram.png"
  8026. alt
  8027. />
  8028. <div style="margin: 5px 0">AI Python</div>
  8029. </div>
  8030. <div class="check">
  8031. <div
  8032. v-if="checktoolArray.indexOf(23) == -1"
  8033. class="noChoose"
  8034. ></div>
  8035. <div v-else class="isChoose"></div>
  8036. </div>
  8037. </div>
  8038. <div
  8039. class="tool"
  8040. :class="{ isToolChoose: checktoolArray.indexOf(24) != -1 }"
  8041. @click="addTools2(24)"
  8042. >
  8043. <div class="whiteBIcon">
  8044. <img src="../assets/icon/fourthToolList/AIprogram.png" alt />
  8045. <div style="margin: 5px 0">AI Blockly</div>
  8046. </div>
  8047. <div class="check">
  8048. <div
  8049. v-if="checktoolArray.indexOf(24) == -1"
  8050. class="noChoose"
  8051. ></div>
  8052. <div v-else class="isChoose"></div>
  8053. </div>
  8054. </div>
  8055. <div
  8056. class="tool"
  8057. :class="{ isToolChoose: checktoolArray.indexOf(32) != -1 }"
  8058. @click="addTools2(32)"
  8059. >
  8060. <div class="whiteBIcon">
  8061. <img src="../assets/icon/thirdToolList/code.png" alt />
  8062. <div style="margin: 5px 0">源码编辑</div>
  8063. </div>
  8064. <div class="check">
  8065. <div
  8066. v-if="checktoolArray.indexOf(32) == -1"
  8067. class="noChoose"
  8068. ></div>
  8069. <div v-else class="isChoose"></div>
  8070. </div>
  8071. </div>
  8072. <div
  8073. class="tool"
  8074. :class="{ isToolChoose: checktoolArray.indexOf(57) != -1 }"
  8075. @click="addTools2(57)"
  8076. >
  8077. <div class="whiteBIcon">
  8078. <img src="../assets/icon/fourthToolList/cocopi.png" alt />
  8079. <div style="margin: 5px 0">CocoPi</div>
  8080. </div>
  8081. <div class="check">
  8082. <div
  8083. v-if="checktoolArray.indexOf(57) == -1"
  8084. class="noChoose"
  8085. ></div>
  8086. <div v-else class="isChoose"></div>
  8087. </div>
  8088. </div>
  8089. <div
  8090. class="tool"
  8091. :class="{ isToolChoose: checktoolArray.indexOf(63) != -1 }"
  8092. @click="addTools2(63)"
  8093. >
  8094. <div class="whiteBIcon">
  8095. <img src="../assets/icon/fourthToolList/Wood.png" alt />
  8096. <div style="margin: 5px 0">海龟编程</div>
  8097. </div>
  8098. <div class="check">
  8099. <div
  8100. v-if="checktoolArray.indexOf(63) == -1"
  8101. class="noChoose"
  8102. ></div>
  8103. <div v-else class="isChoose"></div>
  8104. </div>
  8105. </div>
  8106. </div>
  8107. <div class="toolSort" v-if="toolType == 7">
  8108. <div
  8109. class="tool"
  8110. :class="{ isToolChoose: checktoolArray.indexOf(40) != -1 }"
  8111. @click="addTools2(40)"
  8112. >
  8113. <div class="whiteBIcon">
  8114. <img src="../assets/icon/secondToolList/eval.png" alt />
  8115. <div style="margin: 5px 0">个人评价</div>
  8116. </div>
  8117. <div class="check">
  8118. <div
  8119. v-if="checktoolArray.indexOf(40) == -1"
  8120. class="noChoose"
  8121. ></div>
  8122. <div v-else class="isChoose"></div>
  8123. </div>
  8124. </div>
  8125. </div>
  8126. <div class="toolSort" v-if="toolType == 5">
  8127. <div
  8128. class="tool"
  8129. :class="{ isToolChoose: checktoolArray.indexOf(28) != -1 }"
  8130. @click="addTools2(28)"
  8131. >
  8132. <div class="whiteBIcon">
  8133. <img src="../assets/icon/secondToolList/translation.png" alt />
  8134. <div style="margin: 5px 0">翻译</div>
  8135. </div>
  8136. <div class="check">
  8137. <div
  8138. v-if="checktoolArray.indexOf(28) == -1"
  8139. class="noChoose"
  8140. ></div>
  8141. <div v-else class="isChoose"></div>
  8142. </div>
  8143. </div>
  8144. <div
  8145. class="tool"
  8146. :class="{ isToolChoose: checktoolArray.indexOf(31) != -1 }"
  8147. @click="addTools2(31)"
  8148. >
  8149. <div class="whiteBIcon">
  8150. <img src="../assets/icon/secondToolList/networkPanel.png" alt />
  8151. <div style="margin: 5px 0">数字画板</div>
  8152. </div>
  8153. <div class="check">
  8154. <div
  8155. v-if="checktoolArray.indexOf(31) == -1"
  8156. class="noChoose"
  8157. ></div>
  8158. <div v-else class="isChoose"></div>
  8159. </div>
  8160. </div>
  8161. <div
  8162. class="tool"
  8163. :class="{ isToolChoose: checktoolArray.indexOf(39) != -1 }"
  8164. @click="addTools2(39)"
  8165. >
  8166. <div class="whiteBIcon">
  8167. <img src="../assets/icon/secondToolList/GeoGebra.png" alt />
  8168. <div style="margin: 5px 0">GeoGebra</div>
  8169. </div>
  8170. <div class="check">
  8171. <div
  8172. v-if="checktoolArray.indexOf(39) == -1"
  8173. class="noChoose"
  8174. ></div>
  8175. <div v-else class="isChoose"></div>
  8176. </div>
  8177. </div>
  8178. <div
  8179. class="tool"
  8180. :class="{ isToolChoose: checktoolArray.indexOf(66) != -1 }"
  8181. @click="addTools2(66)"
  8182. >
  8183. <div class="whiteBIcon">
  8184. <img src="../assets/icon/secondToolList/formulaEdi.png" alt />
  8185. <div style="margin: 5px 0">公式编辑</div>
  8186. </div>
  8187. <div class="check">
  8188. <div
  8189. v-if="checktoolArray.indexOf(66) == -1"
  8190. class="noChoose"
  8191. ></div>
  8192. <div v-else class="isChoose"></div>
  8193. </div>
  8194. </div>
  8195. <!-- <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(67) != -1 }">
  8196. <div class="whiteBIcon" @click="addTools2(67)">
  8197. <img src="../../assets/icon/secondToolList/molStr.png" alt />
  8198. <div style="margin: 5px 0">分子结构</div>
  8199. </div>
  8200. <div class="check" @click="addTools2(67)">
  8201. <div v-if="checktoolArray.indexOf(67) == -1" class="noChoose"></div>
  8202. <div v-else class="isChoose"></div>
  8203. </div>
  8204. </div> -->
  8205. <div
  8206. class="tool"
  8207. :class="{ isToolChoose: checktoolArray.indexOf(68) != -1 }"
  8208. @click="addTools2(68)"
  8209. >
  8210. <div class="whiteBIcon">
  8211. <img src="../assets/icon/secondToolList/timeAxis.png" alt />
  8212. <div style="margin: 5px 0">时间轴</div>
  8213. </div>
  8214. <div class="check">
  8215. <div
  8216. v-if="checktoolArray.indexOf(68) == -1"
  8217. class="noChoose"
  8218. ></div>
  8219. <div v-else class="isChoose"></div>
  8220. </div>
  8221. </div>
  8222. <!-- <div
  8223. class="tool"
  8224. :class="{ isToolChoose: checktoolArray.indexOf(69) != -1 }"
  8225. @click="addTools2(69)"
  8226. >
  8227. <div class="whiteBIcon">
  8228. <img src="../assets/icon/secondToolList/english.png" alt />
  8229. <div style="margin: 5px 0">英语写作</div>
  8230. </div>
  8231. <div class="check">
  8232. <div
  8233. v-if="checktoolArray.indexOf(69) == -1"
  8234. class="noChoose"
  8235. ></div>
  8236. <div v-else class="isChoose"></div>
  8237. </div>
  8238. </div> -->
  8239. </div>
  8240. <div class="toolSort" v-if="toolType == 4">
  8241. <div
  8242. class="tool"
  8243. :class="{ isToolChoose: checktoolArray.indexOf(26) != -1 }"
  8244. @click="addTools2(26)"
  8245. >
  8246. <div class="whiteBIcon">
  8247. <img src="../assets/icon/thirdToolList/courseDesign.png" alt />
  8248. <div style="margin: 5px 0">课程设计</div>
  8249. </div>
  8250. <div class="check">
  8251. <div
  8252. v-if="checktoolArray.indexOf(26) == -1"
  8253. class="noChoose"
  8254. ></div>
  8255. <div v-else class="isChoose"></div>
  8256. </div>
  8257. </div>
  8258. <div
  8259. class="tool"
  8260. :class="{ isToolChoose: checktoolArray.indexOf(25) != -1 }"
  8261. @click="addTools2(25)"
  8262. >
  8263. <div class="whiteBIcon">
  8264. <img src="../assets/icon/thirdToolList/evalua.png" alt />
  8265. <div style="margin: 5px 0">目标管理</div>
  8266. </div>
  8267. <div class="check">
  8268. <div
  8269. v-if="checktoolArray.indexOf(25) == -1"
  8270. class="noChoose"
  8271. ></div>
  8272. <div v-else class="isChoose"></div>
  8273. </div>
  8274. </div>
  8275. </div>
  8276. </div>
  8277. </div>
  8278. <span
  8279. slot="footer"
  8280. class="dialog-footer"
  8281. style="display: block; text-align: center; padding: 0 0 10px 0"
  8282. >
  8283. <el-button @click="toolDialogVisible = false">取 消</el-button>
  8284. <el-button type="primary" @click.stop="addToolChoose">确 定</el-button>
  8285. </span>
  8286. </div>
  8287. <div
  8288. v-if="replyDialogVisible == true"
  8289. class="addDialogCss"
  8290. v-el-drag-dialog
  8291. >
  8292. <div class="pzTop">
  8293. <div class="teacherPz">
  8294. <div class="teacherPzImg">
  8295. <img src="../assets/icon/teacherPz.png" alt="" />
  8296. </div>
  8297. <div style="margin-left: 10px; height: 25px">添加回复</div>
  8298. </div>
  8299. <div @click="replyDialogVisible = false">
  8300. <img src="../assets/close1.png" class="pzClose" alt="" />
  8301. </div>
  8302. </div>
  8303. <div class="addPzBox">
  8304. <!-- <div class="addPzCheck">
  8305. <span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1"
  8306. >文本</span
  8307. >
  8308. <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
  8309. >音频</span
  8310. >
  8311. </div> -->
  8312. <div style="height: calc(100% - 50px)">
  8313. <editor-bar
  8314. class="binfo_input pzConText"
  8315. style="width: 100% !important; margin: 0 auto"
  8316. placeholder="请输入回复描述"
  8317. v-model="reply"
  8318. @change="change"
  8319. ></editor-bar>
  8320. </div>
  8321. <div class="addTextCss" @click="addHf">确定</div>
  8322. </div>
  8323. </div>
  8324. <div v-if="addPzDialog == true" class="addDialogCss" v-el-drag-dialog>
  8325. <div class="pzTop">
  8326. <div class="teacherPz">
  8327. <div class="teacherPzImg">
  8328. <img src="../assets/icon/teacherPz.png" alt="" />
  8329. </div>
  8330. <div style="margin-left: 10px; height: 25px">教师批注</div>
  8331. </div>
  8332. <div @click="addPzDialog = false">
  8333. <img src="../assets/close1.png" class="pzClose" alt="" />
  8334. </div>
  8335. </div>
  8336. <div class="addPzBox">
  8337. <div class="addPzCheck">
  8338. <span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1"
  8339. >文本</span
  8340. >
  8341. <!-- <span :class="{isChooseActive:pzType==3}" @click="pzType = 3">图片</span> -->
  8342. <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
  8343. >音频</span
  8344. >
  8345. </div>
  8346. <div style="height: calc(100% - 95px)">
  8347. <!-- <textarea class="binfo_input pzConText" cols placeholder="请填写项目课程关键问题...." v-model="pzConText"
  8348. v-if="pzType == 1"></textarea> -->
  8349. <editor-bar
  8350. class="binfo_input pzConText"
  8351. style="width: 100% !important"
  8352. placeholder="请输入任务描述"
  8353. v-model="pzConText"
  8354. @change="change"
  8355. v-if="pzType == 1"
  8356. ></editor-bar>
  8357. <Audio @addPz="addPz" class="pzAudioClass" v-if="pzType == 2"></Audio>
  8358. <!-- <div class="pzAudioClass" v-if="pzType == 3">
  8359. <div @click="addImg($event)">
  8360. <el-button type="primary">上传图片</el-button>
  8361. <input type="file" accept="image/png, image/gif, image/jpeg" style="display: none"
  8362. @change="beforeUpload1($event, 4)" />
  8363. </div>
  8364. </div> -->
  8365. </div>
  8366. <div class="addTextCss" @click="addPz('1')" v-if="pzType == 1">
  8367. 确定
  8368. </div>
  8369. </div>
  8370. </div>
  8371. <div v-if="proVisible" class="mask">
  8372. <div class="progressBox">
  8373. <!-- <div id="closePro" class="closeCss">
  8374. <img src="../assets/icon/close.png" alt />
  8375. </div> -->
  8376. <div class="lbox">
  8377. <img src="../assets/loading.gif" />上传中,请稍后
  8378. </div>
  8379. <div style="margin-bottom: 10px">
  8380. <span>{{ isFinishSize }}M</span> / <span>{{ isAllSize }}M</span>
  8381. </div>
  8382. <el-progress
  8383. :text-inside="true"
  8384. :stroke-width="20"
  8385. :percentage="progress"
  8386. style="width: 80%"
  8387. ></el-progress>
  8388. </div>
  8389. </div>
  8390. <div v-if="proVisible2" class="mask">
  8391. <div class="progressBox">
  8392. <div class="lbox">
  8393. <img src="../assets/loading.gif" />上传中,请稍后
  8394. </div>
  8395. <!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="progress" style="width: 80%"></el-progress> -->
  8396. </div>
  8397. </div>
  8398. <el-dialog :visible.sync="pictureDialog" size="tiny">
  8399. <img width="100%" :src="dialogImageUrl" alt />
  8400. </el-dialog>
  8401. <el-dialog
  8402. :title="noteName != '' ? noteName : '查看问卷'"
  8403. :visible.sync="dialogVisible5"
  8404. :append-to-body="true"
  8405. width="1000px"
  8406. :before-close="handleClose"
  8407. class="dialog_diy dialog_diy3"
  8408. >
  8409. <div>
  8410. <div
  8411. class="a_add_title"
  8412. style="
  8413. display: flex;
  8414. flex-direction: row;
  8415. align-items: center;
  8416. justify-content: center;
  8417. "
  8418. >
  8419. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  8420. <div style="font-size: 20px">{{ askJson.askTitle }}</div>
  8421. </div>
  8422. <div class="a_addBox">
  8423. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  8424. 题目内容
  8425. </div>
  8426. <div
  8427. class="a_add_box"
  8428. v-for="(item1, index1) in askJson.askCount"
  8429. :key="index1"
  8430. >
  8431. <div class="a_add_head">
  8432. <div style="display: flex">
  8433. <span class="askIndex"> {{ index1 + 1 }}</span>
  8434. <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
  8435. </div>
  8436. <img
  8437. v-if="askJson.askJson[index1].img"
  8438. :src="askJson.askJson[index1].img"
  8439. style="height: 300px; margin-top: 10px; max-width: 100%"
  8440. />
  8441. </div>
  8442. <div class="a_add_body">
  8443. <div class="a_add_input">
  8444. <el-radio-group
  8445. v-model="radio[index1]"
  8446. v-if="
  8447. askJson.askJson[index1].type == '1' ||
  8448. !askJson.askJson[index1].type
  8449. "
  8450. >
  8451. <el-radio
  8452. v-for="(item2, checkIndex) in askJson.askJson[index1]
  8453. .checkList"
  8454. :key="checkIndex"
  8455. :label="checkIndex"
  8456. :disabled="isAnswer"
  8457. class="redioStyle"
  8458. ><span v-html="item2"></span
  8459. ></el-radio>
  8460. </el-radio-group>
  8461. <el-checkbox-group
  8462. v-model="radio[index1]"
  8463. v-if="askJson.askJson[index1].type == '2'"
  8464. >
  8465. <el-checkbox
  8466. v-for="(item2, checkIndex1) in askJson.askJson[index1]
  8467. .checkList"
  8468. :key="checkIndex1"
  8469. :label="checkIndex1"
  8470. :disabled="isAnswer"
  8471. class="redioStyle"
  8472. ><span v-html="item2"></span>
  8473. </el-checkbox>
  8474. </el-checkbox-group>
  8475. </div>
  8476. </div>
  8477. </div>
  8478. </div>
  8479. </div>
  8480. <span slot="footer" class="dialog-footer">
  8481. <el-button @click="dialogVisible5 = false" v-show="noteName == ''"
  8482. >取 消</el-button
  8483. >
  8484. <el-button type="primary" @click="addStudentAsk" v-show="noteName == ''"
  8485. >确 定</el-button
  8486. >
  8487. </span>
  8488. </el-dialog>
  8489. <el-dialog
  8490. :title="noteName != '' ? noteName : '查看问卷'"
  8491. :visible.sync="dialogVisible5Teacher"
  8492. :append-to-body="true"
  8493. width="1000px"
  8494. :before-close="handleClose"
  8495. class="dialog_diy dialog_diy3"
  8496. >
  8497. <div>
  8498. <div class="w_name">
  8499. 学生姓名:<span>{{ sStudent.student }}</span>
  8500. </div>
  8501. <div
  8502. class="a_add_title"
  8503. style="
  8504. display: flex;
  8505. flex-direction: row;
  8506. align-items: center;
  8507. justify-content: center;
  8508. "
  8509. >
  8510. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  8511. <div style="font-size: 20px">{{ askJson.askTitle }}</div>
  8512. </div>
  8513. <div class="a_addBox">
  8514. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  8515. 题目内容
  8516. </div>
  8517. <div
  8518. class="a_add_box"
  8519. v-for="(item1, index1) in askJson.askCount"
  8520. :key="index1"
  8521. >
  8522. <div class="a_add_head">
  8523. <div style="display: flex">
  8524. <span class="askIndex">{{ index1 + 1 }}</span>
  8525. <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
  8526. </div>
  8527. <img
  8528. v-if="askJson.askJson[index1].img"
  8529. :src="askJson.askJson[index1].img"
  8530. style="height: 300px; margin-top: 10px; max-width: 100%"
  8531. />
  8532. </div>
  8533. <div class="a_add_body">
  8534. <div class="a_add_input">
  8535. <el-radio-group
  8536. v-model="radio[index1]"
  8537. v-if="
  8538. askJson.askJson[index1].type == '1' ||
  8539. !askJson.askJson[index1].type
  8540. "
  8541. >
  8542. <el-radio
  8543. v-for="(item2, checkIndex) in askJson.askJson[index1]
  8544. .checkList"
  8545. :key="checkIndex"
  8546. :label="checkIndex"
  8547. :disabled="isAnswer"
  8548. class="redioStyle"
  8549. ><span v-html="item2"></span
  8550. ></el-radio>
  8551. </el-radio-group>
  8552. <el-checkbox-group
  8553. v-model="radio[index1]"
  8554. v-if="askJson.askJson[index1].type == '2'"
  8555. >
  8556. <el-checkbox
  8557. v-for="(item2, checkIndex1) in askJson.askJson[index1]
  8558. .checkList"
  8559. :key="checkIndex1"
  8560. :label="checkIndex1"
  8561. :disabled="isAnswer"
  8562. class="redioStyle"
  8563. ><span v-html="item2"></span>
  8564. </el-checkbox>
  8565. </el-checkbox-group>
  8566. </div>
  8567. </div>
  8568. </div>
  8569. </div>
  8570. </div>
  8571. <span slot="footer" class="dialog-footer">
  8572. <el-button
  8573. @click="dialogVisible5Teacher = false"
  8574. v-show="noteName == ''"
  8575. >取 消</el-button
  8576. >
  8577. <el-button
  8578. type="primary"
  8579. @click="addStudentAskTeacher"
  8580. v-show="noteName == ''"
  8581. >确 定</el-button
  8582. >
  8583. </span>
  8584. </el-dialog>
  8585. <el-dialog
  8586. :title="noteName != '' ? noteName : '查看选择题'"
  8587. :visible.sync="dialogVisibleChoice"
  8588. :append-to-body="true"
  8589. width="1000px"
  8590. :before-close="handleClose"
  8591. class="dialog_diy dialog_diy3"
  8592. >
  8593. <div>
  8594. <!-- <div class="a_add_title" style="
  8595. display: flex;
  8596. flex-direction: row;
  8597. align-items: center;
  8598. justify-content: center;
  8599. ">
  8600. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  8601. <div style="font-size: 20px">{{ testJson.testTitle }}</div>
  8602. </div> -->
  8603. <div class="a_addBox">
  8604. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  8605. 题目内容
  8606. </div>
  8607. <div
  8608. class="a_add_box"
  8609. v-for="(item1, index1) in testJson.testCount"
  8610. :key="index1"
  8611. >
  8612. <div class="a_add_head">
  8613. <div style="display: flex">
  8614. <span class="askIndex">{{ index1 + 1 }}</span>
  8615. <div
  8616. v-if="testJson.testJson[index1].type == '1'"
  8617. style="margin-right: 5px; min-width: 70px"
  8618. >
  8619. (单选题)
  8620. </div>
  8621. <div
  8622. v-if="testJson.testJson[index1].type == '2'"
  8623. style="margin-right: 5px; min-width: 70px"
  8624. >
  8625. (多选题)
  8626. </div>
  8627. <div>题目:{{ testJson.testJson[index1].teststitle }}</div>
  8628. </div>
  8629. <img
  8630. v-if="testJson.testJson[index1].img"
  8631. :src="testJson.testJson[index1].img"
  8632. style="height: 300px; margin-top: 10px; max-width: 100%"
  8633. />
  8634. </div>
  8635. <div
  8636. class="timuImgBox"
  8637. v-if="
  8638. testJson.testJson[index1].timuList &&
  8639. testJson.testJson[index1].timuList.length
  8640. "
  8641. >
  8642. <div
  8643. v-for="(timg, tIndex) in testJson.testJson[index1].timuList"
  8644. :key="tIndex"
  8645. class="timuImg"
  8646. @click.stop="previewImg(timg.src)"
  8647. >
  8648. <img :src="timg.src" alt="" />
  8649. </div>
  8650. </div>
  8651. <div class="a_add_body">
  8652. <div class="a_add_input">
  8653. <el-radio-group
  8654. v-model="radio[index1]"
  8655. v-if="testJson.testJson[index1].type == '1'"
  8656. >
  8657. <div class="radioBox">
  8658. <el-radio
  8659. v-for="(item2, checkIndex) in testJson.testJson[index1]
  8660. .checkList"
  8661. :key="checkIndex"
  8662. :label="checkIndex"
  8663. :disabled="isAnswer"
  8664. class="redioStyle"
  8665. >
  8666. <div
  8667. style="margin-right: 10px"
  8668. v-if="item2 && item2.imgType && item2.imgType == 1"
  8669. >
  8670. <div class="inImg" @click.stop="previewImg(item2.src)">
  8671. <img :src="item2.src" alt="" />
  8672. </div>
  8673. </div>
  8674. <span v-else v-html="item2"></span>
  8675. </el-radio>
  8676. </div>
  8677. </el-radio-group>
  8678. <el-checkbox-group
  8679. v-model="radio[index1]"
  8680. v-if="testJson.testJson[index1].type == '2'"
  8681. >
  8682. <div class="radioBox">
  8683. <el-checkbox
  8684. v-for="(item2, checkIndex) in testJson.testJson[index1]
  8685. .checkList"
  8686. :key="checkIndex"
  8687. :label="checkIndex"
  8688. :disabled="isAnswer"
  8689. class="redioStyle"
  8690. >
  8691. <div
  8692. style="margin-right: 10px"
  8693. v-if="item2 && item2.imgType && item2.imgType == 1"
  8694. >
  8695. <div class="inImg" @click.stop="previewImg(item2.src)">
  8696. <img :src="item2.src" alt="" />
  8697. </div>
  8698. </div>
  8699. <span v-else v-html="item2"></span>
  8700. </el-checkbox>
  8701. </div>
  8702. </el-checkbox-group>
  8703. </div>
  8704. </div>
  8705. </div>
  8706. </div>
  8707. </div>
  8708. <span slot="footer" class="dialog-footer">
  8709. <el-button @click="dialogVisibleChoice = false" v-show="noteName == ''"
  8710. >取 消</el-button
  8711. >
  8712. <el-button
  8713. type="primary"
  8714. @click="addStudentTest"
  8715. v-show="noteName == ''"
  8716. >确 定</el-button
  8717. >
  8718. </span>
  8719. </el-dialog>
  8720. <el-dialog
  8721. :title="noteName != '' ? noteName : '查看选择题'"
  8722. :visible.sync="dialogVisibleChoiceTeacher"
  8723. :append-to-body="true"
  8724. width="1000px"
  8725. :before-close="handleClose"
  8726. class="dialog_diy dialog_diy3"
  8727. >
  8728. <div>
  8729. <div class="w_name">
  8730. 学生姓名:<span>{{ sStudent.student }}</span>
  8731. </div>
  8732. <div class="a_addBox">
  8733. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  8734. 题目内容
  8735. </div>
  8736. <div
  8737. class="a_add_box"
  8738. v-for="(item1, index1) in testJson.testCount"
  8739. :key="index1"
  8740. >
  8741. <div class="a_add_head">
  8742. <div style="display: flex">
  8743. <span class="askIndex">{{ index1 + 1 }}</span>
  8744. <div
  8745. v-if="testJson.testJson[index1].type == '1'"
  8746. style="margin-right: 5px; min-width: 70px"
  8747. >
  8748. (单选题)
  8749. </div>
  8750. <div
  8751. v-if="testJson.testJson[index1].type == '2'"
  8752. style="margin-right: 5px; min-width: 70px"
  8753. >
  8754. (多选题)
  8755. </div>
  8756. <div>题目:{{ testJson.testJson[index1].teststitle }}</div>
  8757. </div>
  8758. <img
  8759. v-if="testJson.testJson[index1].img"
  8760. :src="testJson.testJson[index1].img"
  8761. style="height: 300px; margin-top: 10px; max-width: 100%"
  8762. />
  8763. </div>
  8764. <div
  8765. class="timuImgBox"
  8766. v-if="
  8767. testJson.testJson[index1].timuList &&
  8768. testJson.testJson[index1].timuList.length
  8769. "
  8770. >
  8771. <div
  8772. v-for="(timg, tIndex) in testJson.testJson[index1].timuList"
  8773. :key="tIndex"
  8774. class="timuImg"
  8775. @click.stop="previewImg(timg.src)"
  8776. >
  8777. <img :src="timg.src" alt="" />
  8778. </div>
  8779. </div>
  8780. <div class="a_add_body">
  8781. <div class="a_add_input">
  8782. <el-radio-group
  8783. v-model="radio[index1]"
  8784. v-if="testJson.testJson[index1].type == '1'"
  8785. >
  8786. <div class="radioBox">
  8787. <el-radio
  8788. v-for="(item2, checkIndex) in testJson.testJson[index1]
  8789. .checkList"
  8790. :key="checkIndex"
  8791. :label="checkIndex"
  8792. :disabled="isAnswer"
  8793. class="redioStyle"
  8794. >
  8795. <div
  8796. style="margin-right: 10px"
  8797. v-if="item2 && item2.imgType && item2.imgType == 1"
  8798. >
  8799. <div class="inImg" @click.stop="previewImg(item2.src)">
  8800. <img :src="item2.src" alt="" />
  8801. </div>
  8802. </div>
  8803. <span v-else v-html="item2"></span>
  8804. </el-radio>
  8805. </div>
  8806. </el-radio-group>
  8807. <el-checkbox-group
  8808. v-model="radio[index1]"
  8809. v-if="testJson.testJson[index1].type == '2'"
  8810. >
  8811. <div class="radioBox">
  8812. <el-checkbox
  8813. v-for="(item2, checkIndex) in testJson.testJson[index1]
  8814. .checkList"
  8815. :key="checkIndex"
  8816. :label="checkIndex"
  8817. :disabled="isAnswer"
  8818. class="redioStyle"
  8819. >
  8820. <div
  8821. style="margin-right: 10px"
  8822. v-if="item2 && item2.imgType && item2.imgType == 1"
  8823. >
  8824. <div class="inImg" @click.stop="previewImg(item2.src)">
  8825. <img :src="item2.src" alt="" />
  8826. </div>
  8827. </div>
  8828. <span v-else v-html="item2"></span>
  8829. </el-checkbox>
  8830. </div>
  8831. </el-checkbox-group>
  8832. </div>
  8833. </div>
  8834. </div>
  8835. </div>
  8836. </div>
  8837. <span slot="footer" class="dialog-footer">
  8838. <el-button
  8839. @click="dialogVisibleChoiceTeacher = false"
  8840. v-show="noteName == ''"
  8841. >取 消</el-button
  8842. >
  8843. <el-button
  8844. type="primary"
  8845. @click="addStudentTestTeacher"
  8846. v-show="noteName == ''"
  8847. >确 定</el-button
  8848. >
  8849. </span>
  8850. </el-dialog>
  8851. <el-dialog
  8852. title="查看富文本"
  8853. :visible.sync="dialogVisible1"
  8854. :append-to-body="true"
  8855. width="500px"
  8856. :before-close="handleClose"
  8857. class="dialog_diy textCss"
  8858. >
  8859. <el-form style="font-size: 20px">
  8860. <el-form-item label="文本标题" class="textTitle">
  8861. <div style="font-size: 20px">{{ text.name }}</div>
  8862. </el-form-item>
  8863. <div>富文本内容</div>
  8864. <div
  8865. v-html="text.url"
  8866. style="font-size: 18px; padding: 40px 0 0 0"
  8867. ></div>
  8868. </el-form>
  8869. <span slot="footer" class="dialog-footer">
  8870. <el-button type="primary" @click="dialogVisible1 = false"
  8871. >确定</el-button
  8872. >
  8873. </span>
  8874. </el-dialog>
  8875. <el-dialog
  8876. title="文件预览"
  8877. :visible.sync="dialogVisible3"
  8878. width="50%"
  8879. :before-close="handleClose"
  8880. class="dialog_diy"
  8881. :class="{ fullStyle: full }"
  8882. >
  8883. <div slot="title" class="header-title">
  8884. <div style="color: #fff">文件预览</div>
  8885. <div style="position: absolute; top: 19px; right: 50px">
  8886. <img
  8887. src="../assets/full.png"
  8888. style="height: 16px; cursor: pointer"
  8889. alt=""
  8890. @click="fullTools"
  8891. />
  8892. </div>
  8893. </div>
  8894. <pdf
  8895. v-if="showPDF"
  8896. :pdfUrl="pptImgUrl"
  8897. style="width: 100%; height: 520px; overflow: auto"
  8898. :class="{ fullStyle: full }"
  8899. ></pdf>
  8900. <iframe
  8901. v-else
  8902. :src="pptImgUrl"
  8903. frameborder="0"
  8904. width="100%"
  8905. height="600"
  8906. :class="{ fullStyle: full }"
  8907. ></iframe>
  8908. </el-dialog>
  8909. <el-dialog
  8910. title="文件预览"
  8911. :visible.sync="dialogVisible6"
  8912. width="50%"
  8913. :before-close="handleClose"
  8914. class="dialog_diy"
  8915. >
  8916. <iframe
  8917. :src="pptImgUrl1"
  8918. frameborder="0"
  8919. width="100%"
  8920. height="600"
  8921. ></iframe>
  8922. </el-dialog>
  8923. <el-dialog
  8924. title="提示"
  8925. :visible.sync="dialogVisible4"
  8926. :append-to-body="true"
  8927. width="800px"
  8928. :before-close="handleClose"
  8929. class="dialog_diy notice"
  8930. >
  8931. <div>此功能暂未开放!</div>
  8932. <el-button type="primary" @click="dialogVisible4 = false">确定</el-button>
  8933. </el-dialog>
  8934. <el-dialog
  8935. title="问答"
  8936. :visible.sync="answerDialogVisible"
  8937. :append-to-body="true"
  8938. width="800px"
  8939. :before-close="handleClose"
  8940. class="dialog_diy"
  8941. >
  8942. <div>
  8943. <div
  8944. style="
  8945. display: flex;
  8946. flex-wrap: nowrap;
  8947. flex-direction: column;
  8948. position: relative;
  8949. "
  8950. >
  8951. <div class="queTop" style="padding: 20px 0 20px 0">
  8952. <div class="question">
  8953. <img src="../assets/icon/question.png" alt />
  8954. </div>
  8955. <div class="queTitle">
  8956. <div style="width: 90px; min-width: 90px">提问:</div>
  8957. <div>{{ answerQ }}</div>
  8958. </div>
  8959. </div>
  8960. <div class="ediBottom">
  8961. <textarea
  8962. rows="6"
  8963. class="binfo_input"
  8964. cols
  8965. style="width: 95%; height: 120px"
  8966. v-model="questionAnswer"
  8967. ></textarea>
  8968. </div>
  8969. </div>
  8970. </div>
  8971. <div slot="footer">
  8972. <el-button @click="answerDialogVisible = false">取 消</el-button>
  8973. <el-button type="primary" @click="addQuestion">提 交</el-button>
  8974. </div>
  8975. </el-dialog>
  8976. <el-dialog
  8977. title="问答"
  8978. :visible.sync="answerDialogVisibleTeacher"
  8979. :append-to-body="true"
  8980. width="800px"
  8981. :before-close="handleClose"
  8982. class="dialog_diy"
  8983. >
  8984. <div>
  8985. <div class="w_name">
  8986. 学生姓名:<span>{{ sStudent.student }}</span>
  8987. </div>
  8988. <div
  8989. style="
  8990. display: flex;
  8991. flex-wrap: nowrap;
  8992. flex-direction: column;
  8993. position: relative;
  8994. "
  8995. >
  8996. <div class="queTop" style="padding: 20px 0 20px 0">
  8997. <div class="question">
  8998. <img src="../assets/icon/question.png" alt />
  8999. </div>
  9000. <div class="queTitle">
  9001. <div style="width: 90px; min-width: 90px">提问:</div>
  9002. <div>{{ answerQ }}</div>
  9003. </div>
  9004. </div>
  9005. <div class="ediBottom">
  9006. <textarea
  9007. rows="6"
  9008. class="binfo_input"
  9009. cols
  9010. style="width: 95%; height: 120px"
  9011. v-model="questionAnswer"
  9012. ></textarea>
  9013. </div>
  9014. </div>
  9015. </div>
  9016. <div slot="footer">
  9017. <el-button @click="answerDialogVisibleTeacher = false">取 消</el-button>
  9018. <el-button type="primary" @click="addQuestionTeacher">提 交</el-button>
  9019. </div>
  9020. </el-dialog>
  9021. <el-dialog
  9022. title="倒计时"
  9023. :visible.sync="timeDialogVisible"
  9024. :append-to-body="true"
  9025. width="800px"
  9026. :before-close="handleClose"
  9027. class="dialog_diy"
  9028. >
  9029. <div>
  9030. <div style="margin-bottom: 20px; color: #999">
  9031. 提示:点击“+”或“-”修改倒计时时长。
  9032. </div>
  9033. <Time :preTime="preTime" v-if="timeDialogVisible"></Time>
  9034. </div>
  9035. <div slot="footer">
  9036. <el-button @click="timeDialogVisible = false">关 闭</el-button>
  9037. </div>
  9038. </el-dialog>
  9039. <el-dialog
  9040. title="权限设置"
  9041. :visible.sync="juriVisible"
  9042. :append-to-body="true"
  9043. width="400px"
  9044. :before-close="handleClose"
  9045. class="dialog_diy"
  9046. >
  9047. <div>
  9048. <div class="open_box">
  9049. <div class="switch_box">
  9050. <span>允许学生查看所有作业</span>
  9051. <el-switch
  9052. v-model="sIsOpen"
  9053. active-text=""
  9054. class="switchCss"
  9055. @change="updateSLook"
  9056. ></el-switch>
  9057. </div>
  9058. <div
  9059. class="switch_box"
  9060. v-if="
  9061. courseDetail.userid == userid ||
  9062. (courseDetail.course_teacher &&
  9063. courseDetail.course_teacher.indexOf(userid) != -1)
  9064. "
  9065. >
  9066. <!-- v-if="courseDetail.userid == userid || courseDetail.course_teacher.indexOf(userid) != -1" -->
  9067. <span>禁止学生查看所有阶段</span>
  9068. <el-switch
  9069. v-model="IsLookOpen"
  9070. active-text=""
  9071. class="switchCss"
  9072. @change="updateLookOpen"
  9073. ></el-switch>
  9074. </div>
  9075. <div class="switch_box" v-if="courseDetail.userid == userid">
  9076. <span>开启跟随模式</span>
  9077. <el-switch
  9078. v-model="IsFollow"
  9079. active-text=""
  9080. class="switchCss"
  9081. @change="updateFollow"
  9082. ></el-switch>
  9083. </div>
  9084. </div>
  9085. </div>
  9086. <div slot="footer">
  9087. <el-button
  9088. style="background: #409efe; color: #fff"
  9089. @click="juriVisible = false"
  9090. >关 闭</el-button
  9091. >
  9092. </div>
  9093. </el-dialog>
  9094. <el-dialog
  9095. title="查看视频"
  9096. :visible.sync="videoVisible"
  9097. :append-to-body="true"
  9098. width="1000px"
  9099. :before-close="handleClose"
  9100. class="dialog_diy1"
  9101. >
  9102. <div class="workd_media" style="height: 100%" v-if="videoDetail.sources">
  9103. <video-player
  9104. class="video-player vjs-custom-skin"
  9105. :playsinline="true"
  9106. :options="videoDetail"
  9107. @play="onPlayerPlay($event)"
  9108. style="width: 100%; height: 100%"
  9109. ></video-player>
  9110. </div>
  9111. <div slot="footer">
  9112. <el-button
  9113. style="background: #409efe; color: #fff"
  9114. @click="(videoVisible = false), (videoDetail.sources[0].src = '')"
  9115. >
  9116. 关 闭</el-button
  9117. >
  9118. </div>
  9119. </el-dialog>
  9120. <el-dialog
  9121. title="查看详情"
  9122. :visible.sync="commentDialogVisible"
  9123. :append-to-body="true"
  9124. width="800px"
  9125. :before-close="handleClose"
  9126. class="dialog_diy"
  9127. >
  9128. <div class="commentTop">
  9129. <div class="studentDetail">
  9130. <div class="tx"><img src="../assets/avatar.png" alt="" /></div>
  9131. <div class="nameAndTime">
  9132. <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
  9133. <div>{{ commentDetail.time }}</div>
  9134. </div>
  9135. <div
  9136. class="returnBtn"
  9137. style="margin-left: auto; width: 80px"
  9138. v-if="
  9139. commentDetail.works &&
  9140. commentDetail.type == 0 &&
  9141. (tType == 1 || tType == 4)
  9142. "
  9143. @click="
  9144. showPicturePaint(
  9145. commentDetail.img ? commentDetail.img : commentDetail.works
  9146. )
  9147. "
  9148. >
  9149. 教师批注
  9150. </div>
  9151. </div>
  9152. <div
  9153. class="worksAnswer"
  9154. v-if="commentDetail.works && commentDetail.type == 2"
  9155. >
  9156. {{ JSON.parse(commentDetail.works)[0].answer }}
  9157. </div>
  9158. <div
  9159. class="worksAnswer"
  9160. v-if="commentDetail.works && commentDetail.type == 1"
  9161. >
  9162. <img
  9163. src="../assets/teacherWork.png"
  9164. v-if="commentDetail.ateacher"
  9165. class="w_teachert"
  9166. />
  9167. <pdf
  9168. v-if="showPDF"
  9169. :pdfUrl="pptImgUrl"
  9170. style="width: 100%; height: 520px; overflow: auto"
  9171. :class="{ fullStyle: full }"
  9172. ></pdf>
  9173. <iframe
  9174. v-else
  9175. :src="pptImgUrl"
  9176. frameborder="0"
  9177. width="100%"
  9178. height="600"
  9179. :class="{ fullStyle: full }"
  9180. ></iframe>
  9181. </div>
  9182. <div
  9183. class="worksAnswer"
  9184. v-if="commentDetail.works && commentDetail.type == 0"
  9185. >
  9186. <img
  9187. src="../assets/teacherWork.png"
  9188. v-if="commentDetail.ateacher"
  9189. class="w_teachert"
  9190. style="right: 105px"
  9191. />
  9192. <img
  9193. :src="commentDetail.works"
  9194. alt=""
  9195. @click="previewImg(commentDetail.works)"
  9196. />
  9197. </div>
  9198. <div
  9199. class="worksAnswer"
  9200. v-if="commentDetail.works && commentDetail.type == 3"
  9201. >
  9202. <img
  9203. src="../assets/teacherWork.png"
  9204. v-if="commentDetail.ateacher"
  9205. class="w_teachert"
  9206. />
  9207. <video-player
  9208. class="video-player vjs-custom-skin"
  9209. :playsinline="true"
  9210. :options="videoDetail"
  9211. @play="onPlayerPlay($event)"
  9212. style="width: 90%; height: 100%; margin: 0 0 0 30px"
  9213. ></video-player>
  9214. </div>
  9215. <div
  9216. class="worksAnswer"
  9217. v-if="commentDetail.works && commentDetail.type == 10"
  9218. >
  9219. <div class="cont" v-html="commentDetail.works.text"></div>
  9220. </div>
  9221. <div
  9222. class="worksAnswer codeFileBox"
  9223. v-if="commentDetail.works && commentDetail.type == 12"
  9224. @click="downloadFile(commentDetail.works)"
  9225. >
  9226. <img src="../assets/icon/codeFile.png" />
  9227. <div>点击下载文件</div>
  9228. </div>
  9229. <div
  9230. class="worksAnswer codeFileBox"
  9231. v-if="commentDetail.works && commentDetail.type == 15"
  9232. @click="
  9233. openCocoPi(
  9234. 57,
  9235. commentIndexJson.toolIndex,
  9236. commentDetail.userid,
  9237. commentDetail.sName
  9238. )
  9239. "
  9240. >
  9241. <img src="../assets/icon/codeFile.png" />
  9242. <div>点击打开CocoPi</div>
  9243. </div>
  9244. <div
  9245. class="worksAnswer"
  9246. v-if="commentDetail.works && commentDetail.type == 13"
  9247. >
  9248. <div v-html="JSON.parse(commentDetail.works).text"></div>
  9249. </div>
  9250. <div
  9251. class="worksAnswer"
  9252. v-if="commentDetail.works && commentDetail.type == 4"
  9253. >
  9254. <div class="evalCss">
  9255. <div class="nav">请选择星星进行评分</div>
  9256. <div class="middleBox" v-if="eScore.eStar">
  9257. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  9258. <div class="nameAndrate">
  9259. <div>{{ e.value }}</div>
  9260. <el-rate v-model="eScore.eStar[eIndex]" disabled></el-rate>
  9261. </div>
  9262. <div v-if="e.detail">{{ e.detail }}</div>
  9263. </div>
  9264. <div class="bz">
  9265. <textarea
  9266. disabled
  9267. rows="4"
  9268. class="pj"
  9269. style="
  9270. padding: 10px 5px;
  9271. width: 70%;
  9272. background: #f7f6f9;
  9273. font-size: 14px;
  9274. text-indent: 10px;
  9275. color: #000;
  9276. "
  9277. cols
  9278. v-model="eScore.eBzText"
  9279. placeholder="请输入评价内容..."
  9280. ></textarea>
  9281. </div>
  9282. </div>
  9283. </div>
  9284. </div>
  9285. <div class="comment">
  9286. <div class="commentList">
  9287. <div class="commentImg">
  9288. <img
  9289. @click="
  9290. isLikes(
  9291. commentDetail.wid,
  9292. userid,
  9293. 1,
  9294. null,
  9295. commentDetail.isLikes
  9296. )
  9297. "
  9298. :src="commentDetail.isLikes == true ? likes : noLikes"
  9299. alt=""
  9300. />
  9301. </div>
  9302. <div>{{ commentDetail.likesCount }}</div>
  9303. </div>
  9304. <div class="commentList">
  9305. <div class="commentImg">
  9306. <img src="../assets/icon/comment/comment.png" alt="" />
  9307. </div>
  9308. <div>{{ commentDetail.commentCount }}</div>
  9309. </div>
  9310. </div>
  9311. <div class="drawPBox" v-if="commentDetail.img">
  9312. <span>教师批注</span>
  9313. <img
  9314. :src="commentDetail.img"
  9315. alt=""
  9316. @click="previewImg(commentDetail.img)"
  9317. />
  9318. <span
  9319. class="deleteImg"
  9320. v-if="tType == 1 || tType == 4"
  9321. @click.stop="deletePicturePaint(commentDetail.wid)"
  9322. style="
  9323. font-size: 14px;
  9324. width: auto !important;
  9325. color: #b4b4b4;
  9326. top: unset;
  9327. bottom: 0;
  9328. border: none;
  9329. padding: 0;
  9330. height: auto !important;
  9331. margin: 0;
  9332. "
  9333. >删除</span
  9334. >
  9335. </div>
  9336. </div>
  9337. <div class="commentBox">
  9338. <div class="pl">评论:</div>
  9339. <div style="max-height: 200px; overflow: auto">
  9340. <div
  9341. v-if="commentDetail.commentJson && commentDetail.commentJson.length"
  9342. style="padding: 10px 0 0 0"
  9343. >
  9344. <div
  9345. class="studentDetail"
  9346. style="padding-top: 10px"
  9347. v-for="(co, coIndex) in commentDetail.commentJson"
  9348. :key="coIndex"
  9349. >
  9350. <div class="tx" style="min-width: 50px">
  9351. <img src="../assets/avatar.png" alt="" />
  9352. </div>
  9353. <div class="plPerson">
  9354. <div class="plName">
  9355. <div>{{ co.commentPeople }}</div>
  9356. <div style="margin-left: 5px">
  9357. {{ co.commentTime }}
  9358. </div>
  9359. <div
  9360. class="deleteComment"
  9361. v-if="userid == co.userid"
  9362. @click="deleteComment(co.wid)"
  9363. >
  9364. 删除
  9365. </div>
  9366. </div>
  9367. <div class="plContent">{{ co.commentText }}</div>
  9368. </div>
  9369. </div>
  9370. </div>
  9371. <div v-else style="padding: 10px 0 0 0">暂无评论</div>
  9372. </div>
  9373. </div>
  9374. <div style="margin-top: 10px">
  9375. <div class="displayBox">
  9376. <div
  9377. style="
  9378. color: #556db4;
  9379. font-size: 14px;
  9380. font-weight: bold;
  9381. padding-bottom: 10px;
  9382. "
  9383. >
  9384. 评价
  9385. </div>
  9386. <div class="easy_comment" v-if="false">
  9387. <div
  9388. v-for="(p, pIndex) in PlTextList"
  9389. :key="pIndex"
  9390. @click="fastText(p, 1)"
  9391. >
  9392. {{ p }}
  9393. </div>
  9394. </div>
  9395. </div>
  9396. <div>
  9397. <textarea
  9398. rows="3"
  9399. class="pj"
  9400. style="padding: 10px 5px"
  9401. cols
  9402. v-model="commentText"
  9403. placeholder="请输入评论"
  9404. ></textarea>
  9405. </div>
  9406. </div>
  9407. <div slot="footer">
  9408. <el-button
  9409. @click="
  9410. (commentDialogVisible = false),
  9411. (commentIndexJson = {}),
  9412. videoDetail.sources && videoDetail.sources[0]
  9413. ? (videoDetail.sources[0].src = '')
  9414. : ''
  9415. "
  9416. >取 消</el-button
  9417. >
  9418. <el-button
  9419. type="primary"
  9420. @click="addComment(commentDetail.wid, userid, 2)"
  9421. >确 定</el-button
  9422. >
  9423. </div>
  9424. </el-dialog>
  9425. <el-dialog
  9426. title="查看文档"
  9427. :visible.sync="fullDialogVisible"
  9428. :append-to-body="true"
  9429. width="100%"
  9430. :before-close="handleClose"
  9431. :show-close="false"
  9432. class="dialog_diy full_diy"
  9433. :class="{ full_diy2: fulltype == 3 }"
  9434. >
  9435. <div slot="title" class="header-title">
  9436. <div style="color: #fff">查看文档</div>
  9437. <div
  9438. @click="fullDialogVisible = false"
  9439. style="
  9440. cursor: pointer;
  9441. position: absolute;
  9442. top: 20px;
  9443. right: 20px;
  9444. color: #fff;
  9445. "
  9446. >
  9447. 退出全屏
  9448. </div>
  9449. </div>
  9450. <div style="height: 100%">
  9451. <div
  9452. class="wheel"
  9453. v-if="
  9454. fulltype == 2 &&
  9455. fullUrl.indexOf(
  9456. 'https://view.officeapps.live.com/op/view.aspx?src='
  9457. ) != -1
  9458. "
  9459. style="width: 95%; margin: 0 auto"
  9460. >
  9461. <iframe
  9462. style="width: 100%; height: 100%; border: none"
  9463. :src="fullUrl"
  9464. ></iframe>
  9465. </div>
  9466. <iframe
  9467. v-else-if="fulltype == 2"
  9468. style="width: 100%; height: 100%; border: none"
  9469. :src="fullUrl"
  9470. security="restricted"
  9471. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  9472. ></iframe>
  9473. <pdf
  9474. v-else-if="fulltype == 3"
  9475. :pdfUrl="fullUrl"
  9476. style="width: 100%; height: 100%; overflow: auto"
  9477. ></pdf>
  9478. <div
  9479. class="wheel"
  9480. v-if="fulltype == 1"
  9481. style="
  9482. box-shadow: 0 0 6px 1px #f2f2f2;
  9483. width: 100%;
  9484. background: #f1f1f1;
  9485. "
  9486. >
  9487. <div class="title" style="width: 100%; box-sizing: border-box">
  9488. 查看文档
  9489. </div>
  9490. <el-form class="textBox" style="height: 90%">
  9491. <el-form-item class="textTitle">
  9492. <div style="font-size: 22px">
  9493. {{ fullUrl.name }}
  9494. </div>
  9495. </el-form-item>
  9496. <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
  9497. <div
  9498. v-html="fullUrl.url"
  9499. class="textContent"
  9500. style="height: auto"
  9501. ></div>
  9502. </el-form>
  9503. </div>
  9504. </div>
  9505. <!-- <div slot="footer">
  9506. <el-button @click="fullDialogVisible = false">关 闭</el-button>
  9507. </div> -->
  9508. </el-dialog>
  9509. <el-dialog
  9510. title="个人评价"
  9511. :visible.sync="studentEvalDialogVisible"
  9512. :append-to-body="true"
  9513. width="800px"
  9514. :before-close="handleClose"
  9515. class="dialog_diy"
  9516. >
  9517. <div class="evalCss">
  9518. <div class="nav">请选择星星进行评分</div>
  9519. <div class="middleBox" v-if="eScore.eStar">
  9520. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  9521. <div class="nameAndrate">
  9522. <div>{{ e.value }}</div>
  9523. <el-rate
  9524. v-model="eScore.eStar[eIndex]"
  9525. :disabled="isStar"
  9526. ></el-rate>
  9527. </div>
  9528. <div v-if="e.detail">{{ e.detail }}</div>
  9529. </div>
  9530. <div class="easy_comment" v-if="false">
  9531. <div
  9532. v-for="(p, pIndex) in PlTextList"
  9533. :key="pIndex"
  9534. @click="fastText(p, 2)"
  9535. >
  9536. {{ p }}
  9537. </div>
  9538. </div>
  9539. <div class="bz">
  9540. <textarea
  9541. :disabled="isStar"
  9542. rows="4"
  9543. class="pj"
  9544. style="
  9545. padding: 10px 5px;
  9546. width: 70%;
  9547. background: #f7f6f9;
  9548. font-size: 14px;
  9549. text-indent: 10px;
  9550. "
  9551. cols
  9552. v-model="eScore.eBzText"
  9553. placeholder="请输入评价内容..."
  9554. ></textarea>
  9555. </div>
  9556. </div>
  9557. </div>
  9558. <div slot="footer">
  9559. <el-button @click="studentEvalDialogVisible = false">取 消</el-button>
  9560. <el-button type="primary" @click="addBzWorks" v-if="!isStar"
  9561. >确 定</el-button
  9562. >
  9563. </div>
  9564. </el-dialog>
  9565. <el-dialog
  9566. title="个人评价"
  9567. :visible.sync="studentEvalDialogVisibleTeacher"
  9568. :append-to-body="true"
  9569. width="800px"
  9570. :before-close="handleClose"
  9571. class="dialog_diy"
  9572. >
  9573. <div class="w_name">
  9574. 学生姓名:<span>{{ sStudent.student }}</span>
  9575. </div>
  9576. <div class="evalCss">
  9577. <div class="nav">请选择星星进行评分</div>
  9578. <div class="middleBox" v-if="eScore.eStar">
  9579. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  9580. <div class="nameAndrate">
  9581. <div>{{ e.value }}</div>
  9582. <el-rate
  9583. v-model="eScore.eStar[eIndex]"
  9584. :disabled="isStar"
  9585. ></el-rate>
  9586. </div>
  9587. <div v-if="e.detail">{{ e.detail }}</div>
  9588. </div>
  9589. <div class="easy_comment" v-if="false">
  9590. <div
  9591. v-for="(p, pIndex) in PlTextList"
  9592. :key="pIndex"
  9593. @click="fastText(p, 2)"
  9594. >
  9595. {{ p }}
  9596. </div>
  9597. </div>
  9598. <div class="bz">
  9599. <textarea
  9600. :disabled="isStar"
  9601. rows="4"
  9602. class="pj"
  9603. style="
  9604. padding: 10px 5px;
  9605. width: 70%;
  9606. background: #f7f6f9;
  9607. font-size: 14px;
  9608. text-indent: 10px;
  9609. "
  9610. cols
  9611. v-model="eScore.eBzText"
  9612. placeholder="请输入评价内容..."
  9613. ></textarea>
  9614. </div>
  9615. </div>
  9616. </div>
  9617. <div slot="footer">
  9618. <el-button @click="studentEvalDialogVisibleTeacher = false"
  9619. >取 消</el-button
  9620. >
  9621. <el-button type="primary" @click="addBzWorksTeacher" v-if="!isStar"
  9622. >确 定</el-button
  9623. >
  9624. </div>
  9625. </el-dialog>
  9626. <el-dialog
  9627. title="选择匹配"
  9628. :visible.sync="dialogVisibleSelect"
  9629. :append-to-body="true"
  9630. width="90%"
  9631. :before-close="handleClose"
  9632. class="dialog_diy dialog_diy3"
  9633. >
  9634. <div v-if="selectJson">
  9635. <div class="select_box2">
  9636. <div class="select_box2_title">
  9637. <div>选择匹配</div>
  9638. <div>请选择对应的答案进行答题!</div>
  9639. </div>
  9640. <div class="select_box2_box">
  9641. <div class="select_box2_img">
  9642. <img
  9643. :src="selectJson.url"
  9644. @click="previewImg(selectJson.url)"
  9645. alt=""
  9646. />
  9647. </div>
  9648. <div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
  9649. <div style="padding-top: 15px">
  9650. <div class="select_answer_title" v-if="isSelect">
  9651. {{ selectAnswer.stu }}
  9652. </div>
  9653. <div class="select_answer_title" v-else>
  9654. 根据题目选择对应答案
  9655. </div>
  9656. <div
  9657. class="select_box2_answer_box"
  9658. v-for="(item2, checkIndex) in selectJson.select"
  9659. :key="checkIndex"
  9660. >
  9661. <span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
  9662. <el-select
  9663. :disabled="isSelect"
  9664. v-model="selectAnswer.answer[checkIndex]"
  9665. placeholder="请选择正确答案"
  9666. >
  9667. <el-option
  9668. v-for="(e, eIndex) in selectJson.select"
  9669. :key="eIndex"
  9670. :label="e"
  9671. :value="eIndex"
  9672. >
  9673. </el-option>
  9674. </el-select>
  9675. </div>
  9676. </div>
  9677. <div
  9678. class="rightAnswerCss"
  9679. v-if="isSelect && (tType == 1 || tType == 4)"
  9680. >
  9681. <div
  9682. v-for="(a, aIndex) in selectJson.answer"
  9683. :key="aIndex"
  9684. class="rightAnswer"
  9685. >
  9686. <div
  9687. v-if="selectAnswer.answer[aIndex] === a"
  9688. style="color: #767de1"
  9689. >
  9690. 回答正确
  9691. </div>
  9692. <div v-else>回答错误</div>
  9693. <div
  9694. style="margin-left: 10px"
  9695. v-if="selectAnswer.answer[aIndex] !== a"
  9696. >
  9697. 正确答案:
  9698. </div>
  9699. <div
  9700. :class="
  9701. selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
  9702. "
  9703. >
  9704. {{ selectJson.select[a] }}
  9705. </div>
  9706. </div>
  9707. </div>
  9708. </div>
  9709. <div class="upAnswerCss">
  9710. <el-button
  9711. type="primary"
  9712. @click="addSelectAnswer"
  9713. v-if="!isSelect"
  9714. >提交答案</el-button
  9715. >
  9716. </div>
  9717. </div>
  9718. </div>
  9719. </div>
  9720. </el-dialog>
  9721. <el-dialog
  9722. title="选择匹配"
  9723. :visible.sync="dialogVisibleSelectTeacher"
  9724. :append-to-body="true"
  9725. width="90%"
  9726. :before-close="handleClose"
  9727. class="dialog_diy dialog_diy3"
  9728. >
  9729. <div v-if="selectJson">
  9730. <div class="w_name">
  9731. 学生姓名:<span>{{ sStudent.student }}</span>
  9732. </div>
  9733. <div class="select_box2">
  9734. <div class="select_box2_title">
  9735. <div>选择匹配</div>
  9736. <div>请选择对应的答案进行答题!</div>
  9737. </div>
  9738. <div class="select_box2_box">
  9739. <div class="select_box2_img">
  9740. <img
  9741. :src="selectJson.url"
  9742. @click="previewImg(selectJson.url)"
  9743. alt=""
  9744. />
  9745. </div>
  9746. <div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
  9747. <div style="padding-top: 15px">
  9748. <div class="select_answer_title" v-if="isSelect">
  9749. {{ selectAnswer.stu }}
  9750. </div>
  9751. <div class="select_answer_title" v-else>
  9752. 根据题目选择对应答案
  9753. </div>
  9754. <div
  9755. class="select_box2_answer_box"
  9756. v-for="(item2, checkIndex) in selectJson.select"
  9757. :key="checkIndex"
  9758. >
  9759. <span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
  9760. <el-select
  9761. :disabled="isSelect"
  9762. v-model="selectAnswer.answer[checkIndex]"
  9763. placeholder="请选择正确答案"
  9764. >
  9765. <el-option
  9766. v-for="(e, eIndex) in selectJson.select"
  9767. :key="eIndex"
  9768. :label="e"
  9769. :value="eIndex"
  9770. >
  9771. </el-option>
  9772. </el-select>
  9773. </div>
  9774. </div>
  9775. <div
  9776. class="rightAnswerCss"
  9777. v-if="isSelect && (tType == 1 || tType == 4)"
  9778. >
  9779. <div
  9780. v-for="(a, aIndex) in selectJson.answer"
  9781. :key="aIndex"
  9782. class="rightAnswer"
  9783. >
  9784. <div
  9785. v-if="selectAnswer.answer[aIndex] === a"
  9786. style="color: #767de1"
  9787. >
  9788. 回答正确
  9789. </div>
  9790. <div v-else>回答错误</div>
  9791. <div
  9792. style="margin-left: 10px"
  9793. v-if="selectAnswer.answer[aIndex] !== a"
  9794. >
  9795. 正确答案:
  9796. </div>
  9797. <div
  9798. :class="
  9799. selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
  9800. "
  9801. >
  9802. {{ selectJson.select[a] }}
  9803. </div>
  9804. </div>
  9805. </div>
  9806. </div>
  9807. <div class="upAnswerCss">
  9808. <el-button
  9809. type="primary"
  9810. @click="addSelectAnswerTeacher"
  9811. v-if="!isSelect"
  9812. >提交答案</el-button
  9813. >
  9814. </div>
  9815. </div>
  9816. </div>
  9817. </div>
  9818. </el-dialog>
  9819. <el-dialog
  9820. title="教师评分"
  9821. :visible.sync="dialogVisibleScore"
  9822. :append-to-body="true"
  9823. width="800px"
  9824. :before-close="handleClose"
  9825. class="dialog_diy"
  9826. >
  9827. <div>
  9828. <div class="studentDetail">
  9829. <div class="tx"><img src="../assets/avatar.png" alt="" /></div>
  9830. <div class="nameAndTime">
  9831. <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
  9832. <div>{{ commentDetail.time }}</div>
  9833. </div>
  9834. </div>
  9835. <div
  9836. class="worksAnswer"
  9837. v-if="commentDetail.works && commentDetail.type == 2"
  9838. >
  9839. {{ JSON.parse(commentDetail.works)[0].answer }}
  9840. </div>
  9841. <div
  9842. class="worksAnswer"
  9843. v-if="commentDetail.works && commentDetail.type == 1"
  9844. >
  9845. <pdf
  9846. v-if="showPDF"
  9847. :pdfUrl="pptImgUrl"
  9848. style="width: 100%; height: 520px; overflow: auto"
  9849. :class="{ fullStyle: full }"
  9850. ></pdf>
  9851. <iframe
  9852. v-else
  9853. :src="pptImgUrl"
  9854. frameborder="0"
  9855. width="100%"
  9856. height="600"
  9857. :class="{ fullStyle: full }"
  9858. ></iframe>
  9859. </div>
  9860. <div
  9861. class="worksAnswer"
  9862. v-if="commentDetail.works && commentDetail.type == 0"
  9863. >
  9864. <img
  9865. :src="commentDetail.works"
  9866. alt=""
  9867. @click="previewImg(commentDetail.works)"
  9868. />
  9869. </div>
  9870. <div
  9871. class="worksAnswer"
  9872. v-if="commentDetail.works && commentDetail.type == 3"
  9873. >
  9874. <video-player
  9875. class="video-player vjs-custom-skin"
  9876. :playsinline="true"
  9877. :options="videoDetail"
  9878. @play="onPlayerPlay($event)"
  9879. style="width: 90%; height: 100%; margin: 0 0 0 30px"
  9880. ></video-player>
  9881. </div>
  9882. <div
  9883. class="worksAnswer codeFileBox"
  9884. v-if="commentDetail.works && commentDetail.type == 12"
  9885. @click="downloadFile(commentDetail.works)"
  9886. >
  9887. <img src="../assets/icon/codeFile.png" />
  9888. <div>点击下载文件</div>
  9889. </div>
  9890. <div
  9891. class="worksAnswer codeFileBox"
  9892. v-if="commentDetail.works && commentDetail.type == 15"
  9893. @click="
  9894. openCocoPi(
  9895. 57,
  9896. commentIndexJson.toolIndex,
  9897. commentDetail.userid,
  9898. commentDetail.sName
  9899. )
  9900. "
  9901. >
  9902. <img src="../assets/icon/codeFile.png" />
  9903. <div>点击打开CocoPi</div>
  9904. </div>
  9905. <div
  9906. class="worksAnswer"
  9907. v-if="commentDetail.works && commentDetail.type == 13"
  9908. >
  9909. <div v-html="JSON.parse(commentDetail.works).text"></div>
  9910. </div>
  9911. <div class="scoreBox">
  9912. <span class="t">请输入分数</span>
  9913. <el-input-number
  9914. :disabled="courseDetail.userid != userid"
  9915. v-model="wScore"
  9916. :controls="false"
  9917. :min="0"
  9918. :max="100"
  9919. ></el-input-number>
  9920. </div>
  9921. <div class="scoreDetailBox">
  9922. <span class="t">评分评论</span>
  9923. <el-input
  9924. type="textarea"
  9925. :rows="5"
  9926. :disabled="courseDetail.userid != userid"
  9927. resize="none"
  9928. v-model="scoreDetail"
  9929. placeholder="请输入对学生的评价"
  9930. >
  9931. </el-input>
  9932. </div>
  9933. </div>
  9934. <span slot="footer" class="dialog-footer">
  9935. <el-button
  9936. @click="
  9937. (dialogVisibleScore = false),
  9938. (commentIndexJson = {}),
  9939. videoDetail.sources && videoDetail.sources[0]
  9940. ? (videoDetail.sources[0].src = '')
  9941. : ''
  9942. "
  9943. >取 消</el-button
  9944. >
  9945. <el-button
  9946. type="primary"
  9947. v-if="courseDetail.userid == userid"
  9948. @click="scoreWork(commentDetail.wid)"
  9949. >确 定
  9950. </el-button>
  9951. </span>
  9952. </el-dialog>
  9953. <el-dialog
  9954. title="排序"
  9955. :visible.sync="dialogVisibleSentence"
  9956. :append-to-body="true"
  9957. width="1000px"
  9958. :before-close="handleClose"
  9959. class="dialog_diy dialog_diy3"
  9960. >
  9961. <div>
  9962. <div class="sentenBox">
  9963. <div
  9964. v-for="(st, stIndex) in sentenceList"
  9965. :key="stIndex"
  9966. style="padding-bottom: 20px"
  9967. >
  9968. <div
  9969. style="padding: 15px 0 10px 20px"
  9970. class="sentenceTitle"
  9971. :index="stIndex + 1"
  9972. >
  9973. 题目{{ stIndex + 1 }}:请选择正确顺序
  9974. </div>
  9975. <div class="cardList" v-if="st.chooseSenList">
  9976. <div class="cardBox">
  9977. <div
  9978. v-for="(r, rIndex) in st.chooseSenList"
  9979. :key="rIndex"
  9980. @click="returnCard(r, stIndex, rIndex)"
  9981. >
  9982. <el-tooltip
  9983. class="item"
  9984. effect="light"
  9985. :content="r"
  9986. placement="top"
  9987. v-if="r != '' && r != undefined"
  9988. >
  9989. <div
  9990. :class="{
  9991. isCard: r,
  9992. isChooseCard: r == '' || r == undefined,
  9993. }"
  9994. >
  9995. <div>{{ r }}</div>
  9996. </div>
  9997. </el-tooltip>
  9998. <div
  9999. :class="{
  10000. isCard: r,
  10001. isChooseCard: r == '' || r == undefined,
  10002. }"
  10003. v-else
  10004. >
  10005. <div>{{ r }}</div>
  10006. </div>
  10007. </div>
  10008. </div>
  10009. </div>
  10010. <div class="cardList" v-if="st.addChangeSen">
  10011. <div class="cardBox">
  10012. <div
  10013. v-for="(s, sIndex) in st.addChangeSen"
  10014. :key="sIndex"
  10015. @click="setRightAnswer(s, stIndex, sIndex)"
  10016. >
  10017. <el-tooltip
  10018. class="item"
  10019. effect="light"
  10020. :content="s"
  10021. placement="top"
  10022. v-if="s != '' && s != undefined"
  10023. >
  10024. <div
  10025. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  10026. >
  10027. <div>{{ s }}</div>
  10028. </div>
  10029. </el-tooltip>
  10030. <div
  10031. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  10032. v-else
  10033. >
  10034. <div>{{ s }}</div>
  10035. </div>
  10036. </div>
  10037. </div>
  10038. </div>
  10039. </div>
  10040. </div>
  10041. </div>
  10042. <span slot="footer" class="dialog-footer">
  10043. <el-button @click="dialogVisibleSentence = false">取 消</el-button>
  10044. <el-button type="primary" @click="addSenWorks">确 定</el-button>
  10045. </span>
  10046. </el-dialog>
  10047. <el-dialog
  10048. title="排序"
  10049. :visible.sync="dialogVisibleSentenceTeacher"
  10050. :append-to-body="true"
  10051. width="1000px"
  10052. :before-close="handleClose"
  10053. class="dialog_diy dialog_diy3"
  10054. >
  10055. <div>
  10056. <div class="w_name">
  10057. 学生姓名:<span>{{ sStudent.student }}</span>
  10058. </div>
  10059. <div class="sentenBox">
  10060. <div
  10061. v-for="(st, stIndex) in sentenceList"
  10062. :key="stIndex"
  10063. style="padding-bottom: 20px"
  10064. >
  10065. <div
  10066. style="padding: 15px 0 10px 20px"
  10067. class="sentenceTitle"
  10068. :index="stIndex + 1"
  10069. >
  10070. 题目{{ stIndex + 1 }}:请选择正确顺序
  10071. </div>
  10072. <div class="cardList" v-if="st.chooseSenList">
  10073. <div class="cardBox">
  10074. <div
  10075. v-for="(r, rIndex) in st.chooseSenList"
  10076. :key="rIndex"
  10077. @click="returnCard(r, stIndex, rIndex)"
  10078. >
  10079. <el-tooltip
  10080. class="item"
  10081. effect="light"
  10082. :content="r"
  10083. placement="top"
  10084. v-if="r != '' && r != undefined"
  10085. >
  10086. <div
  10087. :class="{
  10088. isCard: r,
  10089. isChooseCard: r == '' || r == undefined,
  10090. }"
  10091. >
  10092. <div>{{ r }}</div>
  10093. </div>
  10094. </el-tooltip>
  10095. <div
  10096. :class="{
  10097. isCard: r,
  10098. isChooseCard: r == '' || r == undefined,
  10099. }"
  10100. v-else
  10101. >
  10102. <div>{{ r }}</div>
  10103. </div>
  10104. </div>
  10105. </div>
  10106. </div>
  10107. <div class="cardList" v-if="st.addChangeSen">
  10108. <div class="cardBox">
  10109. <div
  10110. v-for="(s, sIndex) in st.addChangeSen"
  10111. :key="sIndex"
  10112. @click="setRightAnswer(s, stIndex, sIndex)"
  10113. >
  10114. <el-tooltip
  10115. class="item"
  10116. effect="light"
  10117. :content="s"
  10118. placement="top"
  10119. v-if="s != '' && s != undefined"
  10120. >
  10121. <div
  10122. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  10123. >
  10124. <div>{{ s }}</div>
  10125. </div>
  10126. </el-tooltip>
  10127. <div
  10128. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  10129. v-else
  10130. >
  10131. <div>{{ s }}</div>
  10132. </div>
  10133. </div>
  10134. </div>
  10135. </div>
  10136. </div>
  10137. </div>
  10138. </div>
  10139. <span slot="footer" class="dialog-footer">
  10140. <el-button @click="dialogVisibleSentenceTeacher = false"
  10141. >取 消</el-button
  10142. >
  10143. <el-button type="primary" @click="addSenWorksTeacher">确 定</el-button>
  10144. </span>
  10145. </el-dialog>
  10146. <el-dialog
  10147. title="排序"
  10148. :visible.sync="dialogVisibleSentence1"
  10149. :append-to-body="true"
  10150. width="1000px"
  10151. :before-close="handleClose"
  10152. class="dialog_diy dialog_diy3"
  10153. >
  10154. <div>
  10155. <div class="sentenBox">
  10156. <div style="padding: 15px 0 10px 20px; font-size: 20px">
  10157. {{ sentenceList1.stuName }}的作业
  10158. </div>
  10159. <div
  10160. v-for="(st, stIndex) in sentenceList1"
  10161. :key="stIndex"
  10162. style="padding-bottom: 20px"
  10163. >
  10164. <div style="padding: 15px 0 10px 20px; font-size: 20px">
  10165. 第{{ stIndex + 1 }}题
  10166. </div>
  10167. <div class="isWrong">
  10168. <div class="cardList1" v-if="st.chooseSenList">
  10169. <div class="cardBox">
  10170. <div v-for="(s, sIndex) in st.chooseSenList" :key="sIndex">
  10171. <el-tooltip
  10172. class="item"
  10173. effect="light"
  10174. :content="s"
  10175. placement="top"
  10176. >
  10177. <div class="isCard">
  10178. <div>{{ s }}</div>
  10179. </div>
  10180. </el-tooltip>
  10181. </div>
  10182. </div>
  10183. <div class="cardAnswerBox">
  10184. 组成句子:{{ st.chooseSenList.join(" ") }}
  10185. </div>
  10186. </div>
  10187. <div v-if="tType == 2" class="isTj">
  10188. <div class="isTjImg">
  10189. <img src="../assets/icon/conSentences/right.png" alt="" />
  10190. </div>
  10191. <div>已提交</div>
  10192. </div>
  10193. <div
  10194. class="answerRight isTj"
  10195. v-if="
  10196. st.chooseSenList.toString() == st.rightAnswer.toString() &&
  10197. (tType == 1 || tType == 4)
  10198. "
  10199. >
  10200. <div class="isTjImg">
  10201. <img src="../assets/icon/conSentences/right.png" alt="" />
  10202. </div>
  10203. <div>回答正确</div>
  10204. </div>
  10205. <div
  10206. class="answerRight isTj"
  10207. v-if="
  10208. st.chooseSenList.toString() != st.rightAnswer.toString() &&
  10209. (tType == 1 || tType == 4)
  10210. "
  10211. >
  10212. <div class="isTjImg">
  10213. <img src="../assets/icon/conSentences/wrong.png" alt="" />
  10214. </div>
  10215. <div>回答错误</div>
  10216. </div>
  10217. </div>
  10218. <div
  10219. v-if="
  10220. st.chooseSenList.toString() != st.rightAnswer.toString() &&
  10221. (tType == 1 || tType == 4)
  10222. "
  10223. >
  10224. <div style="padding: 15px 0 10px 20px">正确答案如下:</div>
  10225. <div
  10226. class="cardList"
  10227. v-if="st.rightAnswer"
  10228. style="border: none; padding: 10px 0 10px 10px; margin: 0"
  10229. >
  10230. <div class="cardBox">
  10231. <div v-for="(r, rIndex) in st.rightAnswer" :key="rIndex">
  10232. <el-tooltip
  10233. class="item"
  10234. effect="light"
  10235. :content="r"
  10236. placement="top"
  10237. >
  10238. <div class="isCard1">
  10239. <div>{{ r }}</div>
  10240. </div>
  10241. </el-tooltip>
  10242. </div>
  10243. </div>
  10244. <div class="cardAnswerBox">
  10245. 组成句子:{{ st.rightAnswer.join(" ") }}
  10246. </div>
  10247. </div>
  10248. </div>
  10249. </div>
  10250. </div>
  10251. </div>
  10252. <span slot="footer" class="dialog-footer">
  10253. <el-button @click="dialogVisibleSentence1 = false">取 消</el-button>
  10254. <el-button type="primary" @click="dialogVisibleSentence1 = false"
  10255. >确 定</el-button
  10256. >
  10257. </span>
  10258. </el-dialog>
  10259. <el-dialog
  10260. title="教师提交作业"
  10261. :visible.sync="dialogVisibleWorks"
  10262. :append-to-body="true"
  10263. width="500px"
  10264. :before-close="handleClose"
  10265. class="dialog_change"
  10266. >
  10267. <div class="marginT">
  10268. <div class="w_name">
  10269. 学生姓名:<span>{{ sStudent.student }}</span>
  10270. </div>
  10271. <div>上传文件</div>
  10272. <div
  10273. class="chapter_add"
  10274. @click="addImg($event)"
  10275. v-if="studyJuri[0].cover.length == 0"
  10276. >
  10277. <div class="up_photo">
  10278. <img src="../assets/uploadImg2.png" alt />
  10279. </div>
  10280. <!-- <input
  10281. type="file"
  10282. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  10283. style="display: none"
  10284. @change="beforeUpload1($event, 1)"
  10285. /> -->
  10286. <input
  10287. type="file"
  10288. accept="*"
  10289. style="display: none"
  10290. @change="beforeUpload1($event, 1)"
  10291. />
  10292. </div>
  10293. <!-- capture="camera" -->
  10294. <div
  10295. class="chapter_add"
  10296. style="
  10297. display: flex;
  10298. width: 100%;
  10299. flex-direction: row;
  10300. flex-wrap: wrap;
  10301. justify-content: flex-start;
  10302. padding: 15px 0;
  10303. "
  10304. v-if="studyJuri[0].cover.length > 0"
  10305. >
  10306. <div class="upCover">
  10307. <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
  10308. <img :src="word" alt v-else-if="fileType == 1" />
  10309. <img :src="video" alt v-else-if="fileType == 2" />
  10310. <img :src="word2" alt v-else-if="fileType == 3" />
  10311. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  10312. <div class="deleteWord" @click="clean(1)">
  10313. <img src="../assets/icon/deleteWorks.png" alt />
  10314. </div>
  10315. </div>
  10316. </div>
  10317. </div>
  10318. <div
  10319. class="upload_send"
  10320. @click="addCourseWorksTeacher(taskCount)"
  10321. v-if="!proVisible"
  10322. >
  10323. 提交
  10324. </div>
  10325. </el-dialog>
  10326. <ImgDraw
  10327. :drawShow="drawShow"
  10328. @closeDraw="closeDraw"
  10329. @addImgDraw="addImgDraw"
  10330. :bg="bg"
  10331. ></ImgDraw>
  10332. <el-dialog
  10333. title="表格"
  10334. :visible.sync="dialogVisibleTable"
  10335. :append-to-body="true"
  10336. width="95%"
  10337. :before-close="handleClose"
  10338. class="dialog_diy"
  10339. >
  10340. <el-form>
  10341. <div
  10342. style="
  10343. display: flex;
  10344. align-items: center;
  10345. justify-content: space-between;
  10346. "
  10347. >
  10348. <span>表格内容</span>
  10349. <el-button type="primary" size="small" @click="returnTableText"
  10350. >还原模板</el-button
  10351. >
  10352. </div>
  10353. <Table
  10354. v-model="tableJson.text"
  10355. @change="change"
  10356. v-if="dialogVisibleTable"
  10357. ></Table>
  10358. </el-form>
  10359. <span slot="footer" class="dialog-footer">
  10360. <el-button @click="dialogVisibleTable = false">取 消</el-button>
  10361. <el-button type="primary" @click="addTableWorks">确定</el-button>
  10362. </span>
  10363. </el-dialog>
  10364. <el-dialog
  10365. title="表格"
  10366. :visible.sync="dialogVisibleTableTeacher"
  10367. :append-to-body="true"
  10368. width="95%"
  10369. :before-close="handleClose"
  10370. class="dialog_diy"
  10371. >
  10372. <el-form>
  10373. <div class="w_name">
  10374. 学生姓名:<span>{{ sStudent.student }}</span>
  10375. </div>
  10376. <div>表格内容</div>
  10377. <Table
  10378. v-model="tableJson.text"
  10379. @change="change"
  10380. v-if="dialogVisibleTableTeacher"
  10381. ></Table>
  10382. </el-form>
  10383. <span slot="footer" class="dialog-footer">
  10384. <el-button @click="dialogVisibleTableTeacher = false">取 消</el-button>
  10385. <el-button type="primary" @click="addTableWorksTeacher">确定</el-button>
  10386. </span>
  10387. </el-dialog>
  10388. <el-dialog
  10389. title="文档"
  10390. :visible.sync="dialogVisibleWord"
  10391. :append-to-body="true"
  10392. width="95%"
  10393. :before-close="handleClose"
  10394. class="dialog_diy"
  10395. >
  10396. <el-form>
  10397. <div
  10398. style="
  10399. display: flex;
  10400. align-items: center;
  10401. justify-content: space-between;
  10402. "
  10403. >
  10404. <span>文档内容</span>
  10405. <el-button type="primary" size="small" @click="returnWordText"
  10406. >还原模板</el-button
  10407. >
  10408. </div>
  10409. <editor-bar
  10410. v-model="wordJson.text"
  10411. v-if="dialogVisibleWord"
  10412. ></editor-bar>
  10413. </el-form>
  10414. <span slot="footer" class="dialog-footer">
  10415. <el-button @click="dialogVisibleWord = false">取 消</el-button>
  10416. <el-button type="primary" @click="addWordWorks">确定</el-button>
  10417. </span>
  10418. </el-dialog>
  10419. <el-dialog
  10420. title="文档"
  10421. :visible.sync="dialogVisibleWordTeacher"
  10422. :append-to-body="true"
  10423. width="95%"
  10424. :before-close="handleClose"
  10425. class="dialog_diy"
  10426. >
  10427. <el-form>
  10428. <div class="w_name">
  10429. 学生姓名:<span>{{ sStudent.student }}</span>
  10430. </div>
  10431. <div>文档内容</div>
  10432. <editor-bar
  10433. v-model="wordJson.text"
  10434. v-if="dialogVisibleWordTeacher"
  10435. ></editor-bar>
  10436. </el-form>
  10437. <span slot="footer" class="dialog-footer">
  10438. <el-button @click="dialogVisibleWordTeacher = false">取 消</el-button>
  10439. <el-button type="primary" @click="addWordWorksTeacher">确定</el-button>
  10440. </span>
  10441. </el-dialog>
  10442. <el-dialog
  10443. title="表格"
  10444. :visible.sync="dialogVisibleTable2"
  10445. :append-to-body="true"
  10446. width="95%"
  10447. :before-close="handleClose"
  10448. class="dialog_diy"
  10449. >
  10450. <el-form>
  10451. <div class="cont" v-html="tableJson.text"></div>
  10452. </el-form>
  10453. <span slot="footer" class="dialog-footer">
  10454. <el-button @click="dialogVisibleTable2 = false">关 闭</el-button>
  10455. </span>
  10456. </el-dialog>
  10457. <el-dialog
  10458. title="文档"
  10459. :visible.sync="dialogVisibleTable3"
  10460. :append-to-body="true"
  10461. width="95%"
  10462. :before-close="handleClose"
  10463. class="dialog_diy"
  10464. >
  10465. <el-form>
  10466. <div class="cont" v-html="tableJson.text"></div>
  10467. </el-form>
  10468. <span slot="footer" class="dialog-footer">
  10469. <el-button @click="dialogVisibleTable3 = false">关 闭</el-button>
  10470. </span>
  10471. </el-dialog>
  10472. <el-dialog
  10473. title="分组设置"
  10474. :visible.sync="dialogVisibleGroup"
  10475. :append-to-body="true"
  10476. width="95%"
  10477. :before-close="handleClose"
  10478. class="dialog_diy"
  10479. >
  10480. <div v-if="dialogVisibleGroup">
  10481. <div v-if="courseDetail.userid == userid" class="g_d_btnBox">
  10482. <div style="color: rgb(171 171 171); margin: 0 10px 0 0">
  10483. 提示:开启【开放选座】,学生能够自由加入和退出小组。
  10484. </div>
  10485. <!-- <div type="primary" v-if="groupJson.islock == 1" class="returnBtn" style="background-color: #225bc7"
  10486. @click="lockChair">
  10487. 锁定位置
  10488. </div>
  10489. <div type="primary" v-else class="returnBtn" style="background-color: #225bc7" @click="lockChair">
  10490. 解锁位置
  10491. </div> -->
  10492. <div class="group_switch">
  10493. <span>开放选座</span>
  10494. <el-switch
  10495. v-model="islock"
  10496. active-text=""
  10497. class="switchCss"
  10498. @change="lockChair"
  10499. ></el-switch>
  10500. </div>
  10501. <div
  10502. type="primary"
  10503. @click="updateGroup"
  10504. class="returnBtn"
  10505. style="background-color: #225bc7"
  10506. >
  10507. 分组设置
  10508. </div>
  10509. </div>
  10510. <div>
  10511. <div
  10512. class="g_d_box"
  10513. v-if="groupJson.group && groupStudent[toolindex]"
  10514. >
  10515. <div
  10516. class="g_d_group"
  10517. v-for="(g, gindex) in groupJson.group"
  10518. :key="gindex"
  10519. >
  10520. <div class="g_d_group_chair">
  10521. <div v-if="groupJson.number > 1">
  10522. <span
  10523. :class="{
  10524. isChair:
  10525. groupStudent[toolindex][gindex] &&
  10526. groupStudent[toolindex][gindex][0],
  10527. updateChair:
  10528. courseDetail.userid == userid &&
  10529. groupStudent[toolindex][gindex] &&
  10530. groupStudent[toolindex][gindex][0] &&
  10531. groupJson.islock == 2,
  10532. }"
  10533. ><span
  10534. class="updateChairBtn"
  10535. @click="
  10536. updateGroupChair(
  10537. groupStudent[toolindex][gindex] &&
  10538. groupStudent[toolindex][gindex][0]
  10539. )
  10540. "
  10541. >修改</span
  10542. ></span
  10543. ><span>{{
  10544. groupStudent[toolindex][gindex] &&
  10545. groupStudent[toolindex][gindex][0]
  10546. ? groupStudent[toolindex][gindex] &&
  10547. groupStudent[toolindex][gindex][0].name
  10548. : "空位置"
  10549. }}</span>
  10550. </div>
  10551. <div v-if="groupJson.number > 4">
  10552. <span
  10553. :class="{
  10554. isChair:
  10555. groupStudent[toolindex][gindex] &&
  10556. groupStudent[toolindex][gindex][4],
  10557. updateChair:
  10558. courseDetail.userid == userid &&
  10559. groupStudent[toolindex][gindex] &&
  10560. groupStudent[toolindex][gindex][4] &&
  10561. groupJson.islock == 2,
  10562. }"
  10563. ><span
  10564. class="updateChairBtn"
  10565. @click="
  10566. updateGroupChair(
  10567. groupStudent[toolindex][gindex] &&
  10568. groupStudent[toolindex][gindex][4]
  10569. )
  10570. "
  10571. >修改</span
  10572. ></span
  10573. ><span>{{
  10574. groupStudent[toolindex][gindex] &&
  10575. groupStudent[toolindex][gindex][4]
  10576. ? groupStudent[toolindex][gindex] &&
  10577. groupStudent[toolindex][gindex][4].name
  10578. : "空位置"
  10579. }}</span>
  10580. </div>
  10581. <div v-if="groupJson.number > 8">
  10582. <span
  10583. :class="{
  10584. isChair:
  10585. groupStudent[toolindex][gindex] &&
  10586. groupStudent[toolindex][gindex][8],
  10587. updateChair:
  10588. courseDetail.userid == userid &&
  10589. groupStudent[toolindex][gindex] &&
  10590. groupStudent[toolindex][gindex][8] &&
  10591. groupJson.islock == 2,
  10592. }"
  10593. ><span
  10594. class="updateChairBtn"
  10595. @click="
  10596. updateGroupChair(
  10597. groupStudent[toolindex][gindex] &&
  10598. groupStudent[toolindex][gindex][8]
  10599. )
  10600. "
  10601. >修改</span
  10602. ></span
  10603. ><span>{{
  10604. groupStudent[toolindex][gindex] &&
  10605. groupStudent[toolindex][gindex][8]
  10606. ? groupStudent[toolindex][gindex] &&
  10607. groupStudent[toolindex][gindex][8].name
  10608. : "空位置"
  10609. }}</span>
  10610. </div>
  10611. </div>
  10612. <div class="g_d_group_tableBox">
  10613. <div class="g_d_group_chair2">
  10614. <div v-if="groupJson.number > 2">
  10615. <span
  10616. :class="{
  10617. isChair:
  10618. groupStudent[toolindex][gindex] &&
  10619. groupStudent[toolindex][gindex][2],
  10620. updateChair:
  10621. courseDetail.userid == userid &&
  10622. groupStudent[toolindex][gindex] &&
  10623. groupStudent[toolindex][gindex][2] &&
  10624. groupJson.islock == 2,
  10625. }"
  10626. ><span
  10627. class="updateChairBtn"
  10628. @click="
  10629. updateGroupChair(
  10630. groupStudent[toolindex][gindex] &&
  10631. groupStudent[toolindex][gindex][2]
  10632. )
  10633. "
  10634. >修改</span
  10635. ></span
  10636. ><span>{{
  10637. groupStudent[toolindex][gindex] &&
  10638. groupStudent[toolindex][gindex][2]
  10639. ? groupStudent[toolindex][gindex] &&
  10640. groupStudent[toolindex][gindex][2].name
  10641. : "空位置"
  10642. }}</span>
  10643. </div>
  10644. <div v-if="groupJson.number > 6">
  10645. <span
  10646. :class="{
  10647. isChair:
  10648. groupStudent[toolindex][gindex] &&
  10649. groupStudent[toolindex][gindex][6],
  10650. updateChair:
  10651. courseDetail.userid == userid &&
  10652. groupStudent[toolindex][gindex] &&
  10653. groupStudent[toolindex][gindex][6] &&
  10654. groupJson.islock == 2,
  10655. }"
  10656. ><span
  10657. class="updateChairBtn"
  10658. @click="
  10659. updateGroupChair(
  10660. groupStudent[toolindex][gindex] &&
  10661. groupStudent[toolindex][gindex][6]
  10662. )
  10663. "
  10664. >修改</span
  10665. ></span
  10666. ><span>{{
  10667. groupStudent[toolindex][gindex] &&
  10668. groupStudent[toolindex][gindex][6]
  10669. ? groupStudent[toolindex][gindex] &&
  10670. groupStudent[toolindex][gindex][6].name
  10671. : "空位置"
  10672. }}</span>
  10673. </div>
  10674. </div>
  10675. <div class="g_d_group_table">
  10676. <div>
  10677. {{ g.name }}
  10678. </div>
  10679. <div>
  10680. <div
  10681. v-if="
  10682. courseDetail.userid == userid && groupJson.islock == 2
  10683. "
  10684. @click="deleteGroupChair(gindex)"
  10685. >
  10686. 移除组员
  10687. </div>
  10688. <div
  10689. @click="selectGroup(gindex)"
  10690. v-else-if="
  10691. groupStudentUid[toolindex] &&
  10692. groupStudentUid[toolindex][gindex].indexOf(userid) == -1
  10693. "
  10694. >
  10695. 加入分组
  10696. </div>
  10697. <div
  10698. @click="
  10699. exitGroup(
  10700. groupStudent[toolindex][gindex] &&
  10701. groupStudent[toolindex][gindex][
  10702. groupStudentUid[toolindex][gindex].indexOf(userid)
  10703. ].id
  10704. )
  10705. "
  10706. v-else-if="
  10707. groupStudentUid[toolindex] &&
  10708. groupStudentUid[toolindex][gindex].indexOf(userid) != -1
  10709. "
  10710. >
  10711. 退出分组
  10712. </div>
  10713. </div>
  10714. </div>
  10715. <div class="g_d_group_chair2">
  10716. <div v-if="groupJson.number > 3">
  10717. <span
  10718. :class="{
  10719. isChair:
  10720. groupStudent[toolindex][gindex] &&
  10721. groupStudent[toolindex][gindex][3],
  10722. updateChair:
  10723. courseDetail.userid == userid &&
  10724. groupStudent[toolindex][gindex] &&
  10725. groupStudent[toolindex][gindex][3] &&
  10726. groupJson.islock == 2,
  10727. }"
  10728. ><span
  10729. class="updateChairBtn"
  10730. @click="
  10731. updateGroupChair(
  10732. groupStudent[toolindex][gindex] &&
  10733. groupStudent[toolindex][gindex][3]
  10734. )
  10735. "
  10736. >修改</span
  10737. ></span
  10738. ><span>{{
  10739. groupStudent[toolindex][gindex] &&
  10740. groupStudent[toolindex][gindex][3]
  10741. ? groupStudent[toolindex][gindex] &&
  10742. groupStudent[toolindex][gindex][3].name
  10743. : "空位置"
  10744. }}</span>
  10745. </div>
  10746. <div v-if="groupJson.number > 7">
  10747. <span
  10748. :class="{
  10749. isChair:
  10750. groupStudent[toolindex][gindex] &&
  10751. groupStudent[toolindex][gindex][7],
  10752. updateChair:
  10753. courseDetail.userid == userid &&
  10754. groupStudent[toolindex][gindex] &&
  10755. groupStudent[toolindex][gindex][7] &&
  10756. groupJson.islock == 2,
  10757. }"
  10758. ><span
  10759. class="updateChairBtn"
  10760. @click="
  10761. updateGroupChair(
  10762. groupStudent[toolindex][gindex] &&
  10763. groupStudent[toolindex][gindex][7]
  10764. )
  10765. "
  10766. >修改</span
  10767. ></span
  10768. ><span>{{
  10769. groupStudent[toolindex][gindex] &&
  10770. groupStudent[toolindex][gindex][7]
  10771. ? groupStudent[toolindex][gindex] &&
  10772. groupStudent[toolindex][gindex][7].name
  10773. : "空位置"
  10774. }}</span>
  10775. </div>
  10776. </div>
  10777. </div>
  10778. <div class="g_d_group_chair">
  10779. <div v-if="groupJson.number > 1">
  10780. <span
  10781. :class="{
  10782. isChair:
  10783. groupStudent[toolindex][gindex] &&
  10784. groupStudent[toolindex][gindex][1],
  10785. updateChair:
  10786. courseDetail.userid == userid &&
  10787. groupStudent[toolindex][gindex] &&
  10788. groupStudent[toolindex][gindex][1] &&
  10789. groupJson.islock == 2,
  10790. }"
  10791. ><span
  10792. class="updateChairBtn"
  10793. @click="
  10794. updateGroupChair(
  10795. groupStudent[toolindex][gindex] &&
  10796. groupStudent[toolindex][gindex][1]
  10797. )
  10798. "
  10799. >修改</span
  10800. ></span
  10801. ><span>{{
  10802. groupStudent[toolindex][gindex] &&
  10803. groupStudent[toolindex][gindex][1]
  10804. ? groupStudent[toolindex][gindex] &&
  10805. groupStudent[toolindex][gindex][1].name
  10806. : "空位置"
  10807. }}</span>
  10808. </div>
  10809. <div v-if="groupJson.number > 5">
  10810. <span
  10811. :class="{
  10812. isChair:
  10813. groupStudent[toolindex][gindex] &&
  10814. groupStudent[toolindex][gindex][5],
  10815. updateChair:
  10816. courseDetail.userid == userid &&
  10817. groupStudent[toolindex][gindex] &&
  10818. groupStudent[toolindex][gindex][5] &&
  10819. groupJson.islock == 2,
  10820. }"
  10821. ><span
  10822. class="updateChairBtn"
  10823. @click="
  10824. updateGroupChair(
  10825. groupStudent[toolindex][gindex] &&
  10826. groupStudent[toolindex][gindex][5]
  10827. )
  10828. "
  10829. >修改</span
  10830. ></span
  10831. ><span>{{
  10832. groupStudent[toolindex][gindex] &&
  10833. groupStudent[toolindex][gindex][5]
  10834. ? groupStudent[toolindex][gindex] &&
  10835. groupStudent[toolindex][gindex][5].name
  10836. : "空位置"
  10837. }}</span>
  10838. </div>
  10839. <div v-if="groupJson.number > 9">
  10840. <span
  10841. :class="{
  10842. isChair:
  10843. groupStudent[toolindex][gindex] &&
  10844. groupStudent[toolindex][gindex][9],
  10845. updateChair:
  10846. courseDetail.userid == userid &&
  10847. groupStudent[toolindex][gindex] &&
  10848. groupStudent[toolindex][gindex][9] &&
  10849. groupJson.islock == 2,
  10850. }"
  10851. ><span
  10852. class="updateChairBtn"
  10853. @click="
  10854. updateGroupChair(
  10855. groupStudent[toolindex][gindex] &&
  10856. groupStudent[toolindex][gindex][9]
  10857. )
  10858. "
  10859. >修改</span
  10860. ></span
  10861. ><span>{{
  10862. groupStudent[toolindex][gindex] &&
  10863. groupStudent[toolindex][gindex][9]
  10864. ? groupStudent[toolindex][gindex] &&
  10865. groupStudent[toolindex][gindex][9].name
  10866. : "空位置"
  10867. }}</span>
  10868. </div>
  10869. </div>
  10870. </div>
  10871. </div>
  10872. </div>
  10873. </div>
  10874. <span slot="footer" class="dialog-footer">
  10875. <!-- <el-button @click="(dialogVisibleGroup = false)">关 闭</el-button> -->
  10876. </span>
  10877. </el-dialog>
  10878. <el-dialog
  10879. title="分组设置"
  10880. :visible.sync="dialogVisibleGroup2"
  10881. :append-to-body="true"
  10882. width="650px"
  10883. :before-close="handleClose"
  10884. class="dialog_diy"
  10885. >
  10886. <div class="groupBox">
  10887. <div v-if="groupJson2.group" class="groupContent">
  10888. <div class="groupTitle">请设置小组数量及名称</div>
  10889. <div
  10890. v-for="(item, index) in groupJson2.group"
  10891. :key="index"
  10892. class="groupName"
  10893. >
  10894. <span class="groupn">第{{ index + 1 }}组名称:</span>
  10895. <el-input
  10896. v-model="item.name"
  10897. placeholder="请输入名称..."
  10898. style="width: 250px"
  10899. ></el-input>
  10900. <!-- <div class="groupBtn">
  10901. <el-button type="primary" size="small" @click="addGroup(index)">
  10902. 添加</el-button>
  10903. <el-button type="primary" size="small" @click="deleteGroup(index)"
  10904. v-if="groupJson2.group && groupJson2.group.length > 1">删除</el-button>
  10905. </div> -->
  10906. </div>
  10907. </div>
  10908. <div class="groupContent">
  10909. <div class="groupTitle">请设置每组人数</div>
  10910. <!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
  10911. style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
  10912. <el-input
  10913. v-model="groupJson.number"
  10914. style="width: 150px"
  10915. placeholder="请输入2-10的数字"
  10916. @change="numberPan"
  10917. ></el-input>
  10918. </div>
  10919. </div>
  10920. <span slot="footer" class="dialog-footer">
  10921. <el-button @click="dialogVisibleGroup2 = false">取 消</el-button>
  10922. <el-button type="primary" @click="updateGroupJson">确定</el-button>
  10923. </span>
  10924. </el-dialog>
  10925. <el-dialog
  10926. title="作业提交"
  10927. :visible.sync="dialogVisibleGroupWork"
  10928. :append-to-body="true"
  10929. width="500px"
  10930. :before-close="handleClose"
  10931. class="dialog_change"
  10932. >
  10933. <div class="marginT">
  10934. <div>上传文件</div>
  10935. <div
  10936. class="chapter_add"
  10937. @click="addImg($event)"
  10938. v-if="studyJuri[0].cover.length == 0"
  10939. >
  10940. <div class="up_photo">
  10941. <img src="../assets/icon/uploadImg.png" alt />
  10942. </div>
  10943. <!-- <input
  10944. type="file"
  10945. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  10946. style="display: none"
  10947. @change="beforeUpload1($event, 1)"
  10948. /> -->
  10949. <input
  10950. type="file"
  10951. accept="*"
  10952. style="display: none"
  10953. @change="beforeUpload1($event, 1)"
  10954. />
  10955. </div>
  10956. <!-- capture="camera" -->
  10957. <div
  10958. class="chapter_add"
  10959. style="
  10960. display: flex;
  10961. width: 100%;
  10962. flex-direction: row;
  10963. flex-wrap: wrap;
  10964. justify-content: flex-start;
  10965. padding: 15px 0;
  10966. "
  10967. v-if="studyJuri[0].cover.length > 0"
  10968. >
  10969. <div class="upCover">
  10970. <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
  10971. <img :src="word" alt v-else-if="fileType == 1" />
  10972. <img :src="video" alt v-else-if="fileType == 2" />
  10973. <img :src="word2" alt v-else-if="fileType == 3" />
  10974. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  10975. <div class="deleteWord" @click="clean(1)">
  10976. <img src="../assets/icon/deleteWorks.png" alt />
  10977. </div>
  10978. </div>
  10979. </div>
  10980. </div>
  10981. <div
  10982. class="upload_send"
  10983. @click="addCourseWorks2(taskCount)"
  10984. v-if="!proVisible"
  10985. >
  10986. 提交
  10987. </div>
  10988. </el-dialog>
  10989. <el-dialog
  10990. title="修改分组"
  10991. :visible.sync="dialogVisibleUpdateGroup"
  10992. :append-to-body="true"
  10993. width="350px"
  10994. :before-close="handleClose"
  10995. class="dialog_diy"
  10996. >
  10997. <div>
  10998. <h2>
  10999. {{ this.updateGroupUser.name }}
  11000. </h2>
  11001. <div style="color: rgb(171 171 171); margin-top: 10px">
  11002. 请选择要进入的分组
  11003. </div>
  11004. <el-radio-group v-model="checkChair">
  11005. <el-radio
  11006. style="display: block; margin-top: 20px"
  11007. v-for="(item, index) in updateGroupArray"
  11008. :label="item.label"
  11009. :key="index"
  11010. >{{ item.name }}</el-radio
  11011. >
  11012. </el-radio-group>
  11013. </div>
  11014. <span slot="footer" class="dialog-footer">
  11015. <el-button @click="dialogVisibleUpdateGroup = false">取 消</el-button>
  11016. <el-button type="primary" @click="updateChair">确定</el-button>
  11017. </span>
  11018. </el-dialog>
  11019. <el-dialog
  11020. title="移除组员"
  11021. :visible.sync="dialogVisibleDeleteGroup"
  11022. :append-to-body="true"
  11023. width="350px"
  11024. :before-close="handleClose"
  11025. class="dialog_diy"
  11026. >
  11027. <div>
  11028. <h2>
  11029. {{ this.deleteGroupArray.name }}
  11030. </h2>
  11031. <div style="color: rgb(171 171 171); margin-top: 10px">
  11032. 请选择要删除的组员
  11033. </div>
  11034. <el-checkbox-group v-model="checkDeleteGroup">
  11035. <el-checkbox
  11036. style="display: flex; margin-top: 20px"
  11037. v-for="(item, index) in deleteGroupUser"
  11038. :label="item.userid"
  11039. :key="index"
  11040. >{{ item.name }}</el-checkbox
  11041. >
  11042. </el-checkbox-group>
  11043. </div>
  11044. <span slot="footer" class="dialog-footer">
  11045. <el-button @click="dialogVisibleDeleteGroup = false">取 消</el-button>
  11046. <el-button type="primary" @click="deleteChair">确定</el-button>
  11047. </span>
  11048. </el-dialog>
  11049. <el-dialog
  11050. title="批量上传"
  11051. :visible.sync="dialogVisiblePl"
  11052. :append-to-body="true"
  11053. width="700px"
  11054. :before-close="handleClose"
  11055. class="dialog_change"
  11056. >
  11057. <div class="marginT">
  11058. <div class="plworkBox">
  11059. <div
  11060. class="chapter_add"
  11061. style="
  11062. display: flex;
  11063. width: 150px;
  11064. flex-direction: row;
  11065. flex-wrap: wrap;
  11066. justify-content: flex-start;
  11067. margin: 0 10px 10px 0;
  11068. "
  11069. v-for="(item, index) in plworkFile"
  11070. :key="index"
  11071. >
  11072. <div class="upCover2">
  11073. <img
  11074. :src="item.url"
  11075. alt
  11076. v-if="item.fileType == 1"
  11077. @click="previewImg(item.url)"
  11078. />
  11079. <img :src="word" alt v-else-if="item.fileType == 4" />
  11080. <img :src="video" alt v-else />
  11081. <!-- <span class="picName">{{ item.name }}</span> -->
  11082. <!-- <el-input
  11083. v-model="item.username"
  11084. placeholder="请输入学生名字"
  11085. style="margin-top: 10px"
  11086. ></el-input> -->
  11087. <div
  11088. class="pl_select_box"
  11089. @click="
  11090. getUpdateMore(true, checkUpload(), item.username, index)
  11091. "
  11092. >
  11093. {{ getSName(item.username) }}
  11094. </div>
  11095. <!-- <el-select
  11096. style="margin-top: 10px"
  11097. v-model="item.username"
  11098. filterable
  11099. allow-create
  11100. placeholder="请选择学生"
  11101. >
  11102. <el-option
  11103. v-for="item1 in checkUpload()"
  11104. :key="item1.userid"
  11105. :label="item1.name ? item1.name : item1.username"
  11106. :value="item1.userid"
  11107. >
  11108. </el-option>
  11109. </el-select> -->
  11110. <div class="deleteWord" @click="clean2(index)">
  11111. <img src="../assets/icon/deleteWorks.png" alt />
  11112. </div>
  11113. </div>
  11114. </div>
  11115. <div class="chapter_add" style="width: auto" @click="addImg($event)">
  11116. <div class="up_photo2">
  11117. <img src="../assets/icon/plwork.png" alt />
  11118. <span>点击上传文件</span>
  11119. </div>
  11120. <input
  11121. type="file"
  11122. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  11123. multiple="multiple"
  11124. style="display: none"
  11125. @change="beforeUpload3($event, 6)"
  11126. />
  11127. </div>
  11128. </div>
  11129. </div>
  11130. <!-- capture="camera" -->
  11131. <div
  11132. class="upload_send"
  11133. @click="addCourseWorksPl(taskCount)"
  11134. v-if="!proVisible2"
  11135. >
  11136. 提交
  11137. </div>
  11138. </el-dialog>
  11139. <el-dialog
  11140. title="修改名称"
  11141. :visible.sync="dialogVisibleSname"
  11142. width="500px"
  11143. :before-close="handleClose"
  11144. class="dialog_diy"
  11145. center
  11146. >
  11147. <div
  11148. style="
  11149. text-align: center;
  11150. display: flex;
  11151. align-items: center;
  11152. justify-content: center;
  11153. "
  11154. >
  11155. <span class="tian1">名称</span>
  11156. <div
  11157. class="pl_select_box"
  11158. style="margin-left: 10px; width: 200px"
  11159. @click="getUpdateMore(true, uploadStudentJuri, worksSid)"
  11160. >
  11161. {{ getSName(worksSName) }}
  11162. </div>
  11163. <!-- <el-select v-model="worksSName" filterable allow-create style="width: 250px; margin: 15px 0px"
  11164. placeholder="请选择学生">
  11165. <el-option v-for="item in uploadStudentJuri" :key="item.userid" :label="item.name ? item.name : item.username"
  11166. :value="item.userid">
  11167. </el-option>
  11168. </el-select> -->
  11169. <!-- <el-input
  11170. v-model="worksSName"
  11171. style="width: 250px; margin: 15px 0px"
  11172. ></el-input> -->
  11173. </div>
  11174. <span slot="footer" class="dialog-footer" style="text-align: center;">
  11175. <el-button @click="dialogVisibleSname = false">取 消</el-button>
  11176. <el-button type="primary" @click="updateName">确 定</el-button>
  11177. </span>
  11178. </el-dialog>
  11179. <el-dialog
  11180. title="英语写作"
  11181. :visible.sync="engDialogVisible"
  11182. :append-to-body="true"
  11183. width="800px"
  11184. :before-close="handleClose"
  11185. class="dialog_diy"
  11186. >
  11187. <onlineWrite
  11188. @setEnglish="setEnglishList"
  11189. :englishList="englishList"
  11190. ></onlineWrite>
  11191. <span slot="footer" class="dialog-footer">
  11192. <el-button @click="engDialogVisible = false">取 消</el-button>
  11193. <el-button type="primary" @click="addEnglishWork">确 定</el-button>
  11194. </span>
  11195. </el-dialog>
  11196. <el-dialog
  11197. title="英语写作"
  11198. :visible.sync="engUpdateDialogVisible"
  11199. :append-to-body="true"
  11200. width="800px"
  11201. :before-close="handleClose"
  11202. class="dialog_diy fullStyle"
  11203. >
  11204. <div class="engUpBox">
  11205. <div class="engUpTop">
  11206. <div class="engTitle">
  11207. <div>作文题目:</div>
  11208. <div>{{ englishList1.engTitle }}</div>
  11209. </div>
  11210. <div class="engText">
  11211. <div>作文题目:</div>
  11212. <div v-html="englishList1.englishText"></div>
  11213. </div>
  11214. </div>
  11215. <div class="correctBox" :style="{height: `calc(100% - ${topHeight}px)` }">
  11216. <div class="oldBox">
  11217. <div class="oldMes">原文( 作者:{{ noteName }} )</div>
  11218. <div class="oldText">
  11219. <div class="detailBox">
  11220. <div class="oldDetail">
  11221. <div>标题:</div>
  11222. <div>{{ oldEnglishJson.engTitle }} </div>
  11223. </div>
  11224. <div class="oldDetail">
  11225. <div>正文:</div>
  11226. <div v-html="oldEnglishJson.engText"></div>
  11227. </div>
  11228. </div>
  11229. </div>
  11230. </div>
  11231. <div class="oldBox" v-if="userMes[0].type == 2">
  11232. <div class="oldMes" style="background: #aacaff;">{{ userMes[0].username }}</div>
  11233. <div class="oldText">
  11234. <div class="detailBox">
  11235. <div class="oldDetail">
  11236. <div>标题:</div>
  11237. <el-input v-model="newEnglishList.engTitle" />
  11238. </div>
  11239. <div class="oldDetail">
  11240. <div>正文:</div>
  11241. <el-input type="textarea"
  11242. :rows="10"
  11243. resize="none" v-model="newEnglishList.engText" />
  11244. </div>
  11245. </div>
  11246. </div>
  11247. </div>
  11248. <div class="oldBox" v-else-if="userMes[0].type == 1">
  11249. <div class="oldMes" style="background: rgb(224 236 255);display: flex;flex-direction: row;flex-wrap: nowrap;align-items: center;overflow-x: auto;overflow-y: hidden;" v-if="newEnglishList.length > 0">
  11250. <div v-if="isNoUserid" class="allName" :style="{minWidth: `calc(100% / ${engListLength})`,background: newEngIndex == -1 ? '#aacaff' : ''}" @click="setEngText(-1)" style="background: #aacaff;">{{ userMes[0].username }}</div>
  11251. <div v-for="(item,index) in newEnglishList" :key="index" class="allName" :style="{minWidth: `calc(100% / ${engListLength})`,background: index == newEngIndex ? '#aacaff' : ''}" @click="setEngText(index)">{{ item.username }}</div>
  11252. </div>
  11253. <div class="oldMes" style="background: #aacaff;" v-else>{{ userMes[0].username }}</div>
  11254. <div class="oldText" v-if="newEngIndex == -1 && isNoUserid == true">
  11255. <div class="detailBox">
  11256. <div class="oldDetail">
  11257. <div>标题:</div>
  11258. <el-input v-model="oldEnglishJson1.engTitle" />
  11259. </div>
  11260. <div class="oldDetail">
  11261. <div>正文:</div>
  11262. <el-input type="textarea"
  11263. :rows="10"
  11264. resize="none" v-model="oldEnglishJson1.engText" />
  11265. </div>
  11266. </div>
  11267. </div>
  11268. <div class="oldText" v-else-if="newEngIndex == -1 && !newEnglishList.length">
  11269. <div class="detailBox">
  11270. <div class="oldDetail">
  11271. <div>标题:</div>
  11272. <el-input v-model="newEnglishList.engTitle" />
  11273. </div>
  11274. <div class="oldDetail">
  11275. <div>正文:</div>
  11276. <el-input type="textarea"
  11277. :rows="10"
  11278. resize="none" v-model="newEnglishList.engText" />
  11279. </div>
  11280. </div>
  11281. </div>
  11282. <div class="oldText" v-else-if="newEngIndex > -1 && newEnglishList.length > 0">
  11283. <div class="detailBox">
  11284. <div class="oldDetail">
  11285. <div>标题:</div>
  11286. <div v-if="userMes[0].userid != newEnglishList[newEngIndex].correct" v-html="JSON.parse(newEnglishList[newEngIndex].cWork).engTitle"></div>
  11287. <el-input v-else v-model="JSON.parse(newEnglishList[newEngIndex].cWork).engTitle" />
  11288. </div>
  11289. <div class="oldDetail">
  11290. <div>正文:</div>
  11291. <div v-if="userMes[0].userid != newEnglishList[newEngIndex].correct" v-html="JSON.parse(newEnglishList[newEngIndex].cWork).engText"></div>
  11292. <el-input v-else type="textarea"
  11293. :rows="10"
  11294. resize="none" v-model="JSON.parse(newEnglishList[newEngIndex].cWork).engText" />
  11295. </div>
  11296. </div>
  11297. </div>
  11298. </div>
  11299. </div>
  11300. </div>
  11301. <span slot="footer" class="dialog-footer">
  11302. <el-button @click="engUpdateDialogVisible = false">取 消</el-button>
  11303. <el-button type="primary" @click="addCorrect">确 定</el-button>
  11304. </span>
  11305. </el-dialog>
  11306. <interVideo
  11307. :dialogVisibleVideo.sync="dialogVisibleVideo"
  11308. :videoJson="videoJson"
  11309. :userid="userid"
  11310. :id="id"
  11311. :courseType="courseType"
  11312. :taskCount="taskCount"
  11313. :toolindex="toolindex"
  11314. ></interVideo>
  11315. <UpdateMore
  11316. :dialogVisibleMember.sync="dialogVisibleMember"
  11317. :cList="uploadStudentJuri"
  11318. :userid="userid"
  11319. :searchTN="worksSName2"
  11320. @setPlname="setPlname"
  11321. ></UpdateMore>
  11322. <wordCloud
  11323. :dialogVisibleWordCloud.sync="dialogVisibleWordCloud"
  11324. :data="wordCloudData"
  11325. ></wordCloud>
  11326. <el-dialog
  11327. title="挑人"
  11328. :visible.sync="dialogVisiblePickPeople"
  11329. width="650px"
  11330. :before-close="handleClose"
  11331. class="dialog_diy"
  11332. center
  11333. >
  11334. <div class="pick_box">
  11335. <div
  11336. class="noWorksName"
  11337. :class="{ isSelectName: isPickStudent.indexOf(item.userid) !== -1 }"
  11338. v-for="(item, index) in uploadStudentJuri"
  11339. :key="index"
  11340. @click="pickStudent(item)"
  11341. >
  11342. {{ item.name }}
  11343. </div>
  11344. </div>
  11345. </el-dialog>
  11346. </div>
  11347. </template>
  11348. <script>
  11349. import "../common/aws-sdk-2.235.1.min.js";
  11350. // import pdf from "./components/pdf3";
  11351. import pdf from "./components/vpdf";
  11352. import AskStatic from "./components/askStatic";
  11353. import AskStatic2 from "./components/askStatic2";
  11354. import AnswerData2 from "./components/answerData2";
  11355. import AnswerData from "./components/answerData";
  11356. import EditorBar from "./tools/wangEnduit.vue";
  11357. import Table from "./tools/table.vue";
  11358. import Time from "./tools/time.vue";
  11359. import Mind from "./tools/jsmind.vue";
  11360. import Sunburst from "./tools/sunburst";
  11361. import SeeBoard from "./tools/seeBoard";
  11362. import * as imageConversion from "image-conversion";
  11363. import Audio from "./components/audio.vue";
  11364. import ImgDraw from "./tools/imgDraw/imgDraw";
  11365. import { Empty } from "element-ui";
  11366. import RecordRTC from "recordrtc";
  11367. import interVideo from "./interVideo/index.vue";
  11368. import UpdateMore from "./updateMore/updateMore.vue";
  11369. import wordCloud from "./wordCloud/index.vue";
  11370. import axios from "axios";
  11371. import JSZip from "jszip";
  11372. import FileSaver from "file-saver";
  11373. import onlineWrite from "./components/onlineWrite";
  11374. const getFile = (url) => {
  11375. return new Promise((resolve, reject) => {
  11376. axios({
  11377. method: "get",
  11378. url,
  11379. responseType: "blob",
  11380. })
  11381. .then((data) => {
  11382. resolve({ data: data.data });
  11383. })
  11384. .catch((error) => {
  11385. resolve({ data: 1 });
  11386. // reject(error.toString());
  11387. });
  11388. });
  11389. };
  11390. export default {
  11391. components: {
  11392. EditorBar,
  11393. Time,
  11394. pdf,
  11395. AskStatic,
  11396. AskStatic2,
  11397. Mind,
  11398. Sunburst,
  11399. SeeBoard,
  11400. AnswerData2,
  11401. AnswerData,
  11402. Audio,
  11403. ImgDraw,
  11404. Table,
  11405. interVideo,
  11406. UpdateMore,
  11407. wordCloud,
  11408. onlineWrite,
  11409. },
  11410. data() {
  11411. return {
  11412. bg: null,
  11413. drawShow: false,
  11414. dialogVisible: false,
  11415. dialogVisiblePl: false,
  11416. commentDialogVisible: false,
  11417. dialogVisibleMember: false,
  11418. dialogVisibleWordCloud: false,
  11419. videoVisible: false,
  11420. isStar: false,
  11421. studentEvalDialogVisible: false,
  11422. studentEvalDialogVisibleTeacher: false,
  11423. dialogVisibleSelect: false,
  11424. dialogVisibleSelectTeacher: false,
  11425. dialogVisibleScore: false,
  11426. dialogVisibleSentence: false,
  11427. dialogVisibleSentenceTeacher: false,
  11428. dialogVisibleSentence1: false,
  11429. dialogVisibleWorks: false,
  11430. dialogVisibleTable: false,
  11431. dialogVisibleTableTeacher: false,
  11432. dialogVisibleWord: false,
  11433. dialogVisibleWordTeacher: false,
  11434. dialogVisibleTable2: false,
  11435. dialogVisibleTable3: false,
  11436. dialogVisibleGroupWork: false,
  11437. dialogVisibleUpdateGroup: false,
  11438. dialogVisibleDeleteGroup: false,
  11439. dialogVisibleSname: false,
  11440. dialogVisibleVideo: false,
  11441. dialogVisiblePickPeople: false,
  11442. engDialogVisible: false,
  11443. engUpdateDialogVisible:false,
  11444. isNoUserid:false,
  11445. engListLength:0,
  11446. engWid:"",
  11447. newEnglishList:{
  11448. engTitle:"",
  11449. engText:"",
  11450. },
  11451. oldEnglishJson:{},
  11452. oldEnglishJson1:{},
  11453. englishList1:{},
  11454. englishList:{},
  11455. topHeight:0,
  11456. newEngIndex:-1,
  11457. englishToolIndex:0,
  11458. worksSName: "",
  11459. classJuri: [],
  11460. uploadStudentJuri: [],
  11461. uploadCid: "",
  11462. snameWid: "",
  11463. sStudent: {},
  11464. sTool: "",
  11465. bzText: "",
  11466. commentDetail: [],
  11467. selectAnswer: [],
  11468. videoDetail: {},
  11469. selectJson: {},
  11470. eScore: { eBzText: "", eStar: [] },
  11471. id: this.$route.query.courseId,
  11472. userid: this.$route.query.userid,
  11473. classId: this.$route.query.cid,
  11474. // courseTypeLine: this.$route.query.type,
  11475. oid: this.$route.query.oid,
  11476. org: this.$route.query.org,
  11477. tType: this.$route.query.tType,
  11478. courseType: this.$route.query.type,
  11479. screenType: this.$route.query.screenType,
  11480. tcid2: this.$route.query.tcid,
  11481. tcid: "",
  11482. pptImgUrl: "",
  11483. pptImgUrl1: "",
  11484. commentText: "",
  11485. full: false,
  11486. sIsOpen: false,
  11487. IsLookOpen: false,
  11488. IsFollow: false,
  11489. pzDialog: false,
  11490. contentDialog: false,
  11491. mlDialog: false,
  11492. type: 1,
  11493. sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
  11494. sentenceList1: [],
  11495. tableJson: [],
  11496. tableJsonO: [],
  11497. wordJson: [],
  11498. wordJsonO: [],
  11499. vedio: [],
  11500. text: [],
  11501. textList: [],
  11502. line: [],
  11503. lineList: [],
  11504. chapTools: [],
  11505. chapToolList: [],
  11506. file: [],
  11507. fileC: [],
  11508. vedioTime: [],
  11509. upToolImg: "",
  11510. preTime: 0,
  11511. rateList: {
  11512. ca: 0,
  11513. },
  11514. rateParams: [],
  11515. colors: ["#DFDFDF", "#DFDFDF", "#DFDFDF"],
  11516. studyJuri: [
  11517. {
  11518. content: "",
  11519. cover: [],
  11520. upVedio: [],
  11521. upFile: [],
  11522. },
  11523. ],
  11524. isClose: 0,
  11525. plworkFile: [],
  11526. mr: require("../assets/vedioPic.png"),
  11527. word: require("../assets/icon/isWord.png"),
  11528. word2: require("../assets/icon/word2.png"),
  11529. video: require("../assets/icon/isVideo.png"),
  11530. noLikes: require("../assets/icon/comment/noLikes.png"),
  11531. likes: require("../assets/icon/comment/likes.png"),
  11532. scoreImg: require("../assets/score.png"),
  11533. courseDetail: {},
  11534. reply: "",
  11535. isSelect: false,
  11536. chapInfo: [],
  11537. chapInfoList: [],
  11538. taskCount: 0,
  11539. imgList: [],
  11540. noImgList: [],
  11541. pzList: [],
  11542. timeWorkList: [],
  11543. PlTextList: [
  11544. "Excellent!",
  11545. "nice!",
  11546. "很有创意!",
  11547. "还不错哦~",
  11548. "继续努力哦~",
  11549. ],
  11550. isClickNav: "",
  11551. navId: "",
  11552. playerOptions: {
  11553. playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
  11554. autoplay: false, //如果true,浏览器准备好时开始回放。
  11555. muted: false, // 默认情况下将会消除任何音频。
  11556. loop: false, // 导致视频一结束就重新开始。
  11557. preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
  11558. language: "zh-CN",
  11559. aspectRatio: "16:9", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
  11560. fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
  11561. sources: [
  11562. {
  11563. type: "video/mp4", //这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目 || "video/ogg"|| "video/webm"
  11564. src: "", //url地址require("../../assets/media/aaa.mp4")
  11565. },
  11566. ],
  11567. // poster: require("../../assets/tu31.png"), //你的封面地址
  11568. // poster: dataRes.imgUrl, //你的封面地址
  11569. notSupportedMessage: "此视频暂无法播放,请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
  11570. controlBar: {
  11571. timeDivider: true, //当前时间和持续时间的分隔符
  11572. durationDisplay: true, //显示持续时间
  11573. remainingTimeDisplay: false, //是否显示剩余时间功能
  11574. fullscreenToggle: true, //全屏按钮
  11575. },
  11576. },
  11577. playerOptions1: {
  11578. playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
  11579. autoplay: false, //如果true,浏览器准备好时开始回放。
  11580. muted: false, // 默认情况下将会消除任何音频。
  11581. loop: false, // 导致视频一结束就重新开始。
  11582. preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
  11583. language: "zh-CN",
  11584. aspectRatio: "16:9", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
  11585. fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
  11586. sources: [
  11587. {
  11588. type: "video/mp4", //这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目 || "video/ogg"|| "video/webm"
  11589. src: "", //url地址require("../../assets/media/aaa.mp4")
  11590. },
  11591. ],
  11592. // poster: require("../../assets/tu31.png"), //你的封面地址
  11593. // poster: dataRes.imgUrl, //你的封面地址
  11594. notSupportedMessage: "此视频暂无法播放,请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
  11595. controlBar: {
  11596. timeDivider: true, //当前时间和持续时间的分隔符
  11597. durationDisplay: true, //显示持续时间
  11598. remainingTimeDisplay: false, //是否显示剩余时间功能
  11599. fullscreenToggle: true, //全屏按钮
  11600. },
  11601. },
  11602. playerO: {},
  11603. noneBtnImg: false,
  11604. proVisible: false,
  11605. proVisible2: false,
  11606. progress: 0,
  11607. isFinishSize: 0,
  11608. isAllSize: 0,
  11609. questionAnswer: "",
  11610. answerQ: "", //问答标题
  11611. rateJson: [],
  11612. wbCount: 0,
  11613. wordCount: 0,
  11614. mindCount: 0,
  11615. askCount: 0,
  11616. noteCount: 0,
  11617. mindNetWorkCount: 0,
  11618. libraryCount: 0,
  11619. workCount: 0,
  11620. timeCount: 0,
  11621. answerCount: 0,
  11622. trainCount: 0,
  11623. evalCount: 0,
  11624. dialogImageUrl: "",
  11625. pictureDialog: false,
  11626. toolTypeList: [],
  11627. dialogVisible1: false,
  11628. dialogVisible2: false,
  11629. dialogVisible3: false,
  11630. dialogVisible6: false,
  11631. dialogVisible4: false,
  11632. isNoHomeWork: false,
  11633. dialogVisible5: false,
  11634. dialogVisible5Teacher: false,
  11635. dialogVisibleChoice: false,
  11636. dialogVisibleChoiceTeacher: false,
  11637. answerDialogVisible: false,
  11638. answerDialogVisibleTeacher: false,
  11639. juriVisible: false,
  11640. timeDialogVisible: false,
  11641. replyDialogVisible: false,
  11642. toolDialogVisible: false,
  11643. replyIndex: 0,
  11644. replyPid: "",
  11645. radio: [],
  11646. isAsk: false,
  11647. askJson: {
  11648. askCount: 1,
  11649. askTitle: "",
  11650. askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
  11651. },
  11652. testJson: {},
  11653. checkJson: [],
  11654. askList: [],
  11655. answerList: [],
  11656. navList: [],
  11657. addPzDialog: false,
  11658. pzConText: "",
  11659. worksStudent: [],
  11660. isCloseList: [],
  11661. workStudent: [],
  11662. groupStudent: [],
  11663. groupStudentUid: [],
  11664. noWorksS: [],
  11665. isWorksS: [],
  11666. noWorksStudent: [],
  11667. toolindex: 0,
  11668. toolDetailIndex: null,
  11669. groupIndex: 0,
  11670. workTypeB: false,
  11671. workTypeC: false,
  11672. isAnswer: false,
  11673. isHovered: false,
  11674. isHovered1: false,
  11675. isHovered2: false,
  11676. timer: null,
  11677. opertimer: null,
  11678. showType: 0,
  11679. fileType: 0,
  11680. showPDF: false,
  11681. noteName: "",
  11682. evaJuri: [],
  11683. evalua: "",
  11684. eTitle: "",
  11685. eName: "",
  11686. eJson: {},
  11687. fid: "", //一级
  11688. sid: "", //二级
  11689. tid: "", //二级
  11690. typeMode: 1,
  11691. eJSONNum: 0,
  11692. Etype: 1,
  11693. data: {
  11694. meta: {
  11695. name: "example",
  11696. author: "dd@163.com",
  11697. version: "0.2",
  11698. },
  11699. format: "node_array",
  11700. data: [{ id: "root", isroot: true, topic: "" }],
  11701. },
  11702. fullDialogVisible: false,
  11703. fulltype: "",
  11704. fullUrl: "",
  11705. commentIndexJson: {},
  11706. Stbodywidth: 0,
  11707. ispzType: 0,
  11708. pzType: 1,
  11709. wScore: 0,
  11710. scoreDetail: "",
  11711. videoStart: false,
  11712. recorder: null,
  11713. groupJson: {},
  11714. islock: false,
  11715. groupJson2: {},
  11716. dialogVisibleGroup: false,
  11717. dialogVisibleGroup2: false,
  11718. updateGroupArray: [],
  11719. updateGroupUser: {},
  11720. deleteGroupUser: [],
  11721. deleteGroupArray: {},
  11722. checkChair: "",
  11723. checkDeleteGroup: [],
  11724. inviteCode: "",
  11725. courseGroupStudent: [],
  11726. courseGroupStudentUid: [],
  11727. courseGroup: {},
  11728. isGroup: false,
  11729. // toolIndex: null,
  11730. tool: {},
  11731. isWorkTool: [
  11732. 16, 32, 57, 4, 45, 15, 1, 3, 6, 7, 26, 41, 47, 48, 52, 50, 40,
  11733. ], //, 40
  11734. videoJson: {},
  11735. toolType: 0,
  11736. checktoolArray: [],
  11737. vChapterData: [],
  11738. isUpdateToolDetail: false,
  11739. isUpdateToolDetail1: false,
  11740. updateToolDetailInner: "",
  11741. checkboxList: [],
  11742. plIndex: "",
  11743. worksSName2: "",
  11744. worksSid: "",
  11745. wordCloudData: [],
  11746. isPickStudent: [],
  11747. pzStype: 1,
  11748. myAnList: {},
  11749. userMes:{},
  11750. };
  11751. },
  11752. methods: {
  11753. setEnglishList(engList) {
  11754. this.myAnList = engList;
  11755. },
  11756. addToolChoose() {
  11757. if (!this.checktoolArray.length) {
  11758. this.$message.error("请选择要添加的任务");
  11759. return;
  11760. }
  11761. if (
  11762. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11763. this.taskCount
  11764. ].toolChoose[0].tool.length
  11765. ) {
  11766. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11767. this.taskCount
  11768. ].toolChoose[0].tool = this.checktoolArray;
  11769. } else {
  11770. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11771. this.taskCount
  11772. ].toolChoose.push({
  11773. tool: this.checktoolArray,
  11774. toolDetail: "",
  11775. toolType: 0,
  11776. askCount: 1,
  11777. askTitle: "",
  11778. askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
  11779. });
  11780. }
  11781. let params = [
  11782. {
  11783. cid: this.id,
  11784. chapters: JSON.stringify(this.chapInfoList),
  11785. uid: this.userid,
  11786. unitIndex: this.courseType,
  11787. },
  11788. ];
  11789. this.ajax
  11790. .post(this.$store.state.api + "updateWorkNew4", params)
  11791. .then((res) => {
  11792. this.$message({
  11793. message: "添加成功",
  11794. type: "success",
  11795. });
  11796. this.checktoolArray = [];
  11797. this.getCourseDetail(2);
  11798. this.checkBz(
  11799. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11800. this.taskCount
  11801. ].toolChoose.length - 1
  11802. );
  11803. this.toolDialogVisible = false;
  11804. this.refreshCourse();
  11805. this.$forceUpdate();
  11806. })
  11807. .catch((err) => {
  11808. console.error(err);
  11809. });
  11810. },
  11811. checkBz(index) {
  11812. this.isUpdateToolDetail = false;
  11813. this.$forceUpdate();
  11814. setTimeout(() => {
  11815. document.scrollingElement.scrollTop =
  11816. document.querySelectorAll(".filebox")[index].offsetTop +
  11817. document.querySelector(".student_body").offsetTop;
  11818. }, 500);
  11819. },
  11820. updateToolDetail(i) {
  11821. this.toolDetailIndex = i;
  11822. if (!this.isUpdateToolDetail1) {
  11823. this.isUpdateToolDetail1 = true;
  11824. this.updateToolDetailInner = JSON.parse(
  11825. JSON.stringify(
  11826. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11827. this.taskCount
  11828. ].toolChoose[i].toolDetail
  11829. )
  11830. );
  11831. } else {
  11832. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11833. this.taskCount
  11834. ].toolChoose[i].toolDetail = JSON.parse(
  11835. JSON.stringify(this.updateToolDetailInner)
  11836. );
  11837. let params = [
  11838. {
  11839. cid: this.id,
  11840. chapters: JSON.stringify(this.chapInfoList),
  11841. uid: this.userid,
  11842. unitIndex: this.courseType,
  11843. },
  11844. ];
  11845. this.ajax
  11846. .post(this.$store.state.api + "updateWorkNew4", params)
  11847. .then((res) => {
  11848. this.isUpdateToolDetail1 = false;
  11849. this.$message({
  11850. message: "修改成功",
  11851. type: "success",
  11852. });
  11853. this.toolDetailIndex = null;
  11854. this.updateToolDetailInner = "";
  11855. this.getCourseDetail(2);
  11856. this.$forceUpdate();
  11857. })
  11858. .catch((err) => {
  11859. console.error(err);
  11860. });
  11861. }
  11862. },
  11863. jumpGj(i, j, k, l) {
  11864. for (var z = 0; z < this.navList.length; z++) {
  11865. for (var q = 0; q < this.navList[z].task.length; q++) {
  11866. for (var w = 0; w < this.navList[z].task[q].tool.length; w++) {
  11867. this.navList[z].task[q].tool[w].isTool = false;
  11868. }
  11869. }
  11870. }
  11871. this.navList[i].task[j].tool[k].isTool =
  11872. !this.navList[i].task[j].tool[k].isTool;
  11873. var a = document.scrollingElement;
  11874. let target = document.querySelector(`#gj${k}`);
  11875. if (target) {
  11876. target.scrollIntoView(true);
  11877. setTimeout(() => {
  11878. a.scrollTop = a.scrollTop - 150;
  11879. }, 0);
  11880. }
  11881. if (l) {
  11882. this.courseType = i;
  11883. this.navId = l;
  11884. this.taskCount = j;
  11885. this.selectPz();
  11886. this.getHomeWork();
  11887. this.getCourseDetail(2);
  11888. }
  11889. // var b = this.$refs["bz" + k][0];
  11890. // a.scrollTop = b.offsetTop;
  11891. },
  11892. addTools2(i) {
  11893. if (i == 4) {
  11894. // this.openTools2(4);
  11895. this.$message.error("暂未开放");
  11896. return;
  11897. }
  11898. if (i == 45) {
  11899. // this.openTools2(45);
  11900. this.$message.error("暂未开放");
  11901. return;
  11902. }
  11903. if (i == 47) {
  11904. // this.openTools2(47);
  11905. this.$message.error("暂未开放");
  11906. return;
  11907. }
  11908. if (i == 49) {
  11909. // this.openTools2(49);
  11910. this.$message.error("暂未开放");
  11911. return;
  11912. }
  11913. if (i == 62) {
  11914. // this.openTools(itemTaskIndex, 62, toolIndex);
  11915. this.$message.error("暂未开放");
  11916. return;
  11917. }
  11918. if (i == 15) {
  11919. // this.openTools(itemTaskIndex, 15, toolIndex);
  11920. this.$message.error("暂未开放");
  11921. return;
  11922. }
  11923. if (i == 40) {
  11924. // this.openTools(itemTaskIndex, 40, toolIndex);
  11925. this.$message.error("暂未开放");
  11926. return;
  11927. }
  11928. if (i == 41) {
  11929. // this.openTools(itemTaskIndex, 41, toolIndex);
  11930. this.$message.error("暂未开放");
  11931. return;
  11932. }
  11933. if (i == 42) {
  11934. // this.openTools(itemTaskIndex, 42, toolIndex);
  11935. this.$message.error("暂未开放");
  11936. return;
  11937. }
  11938. if (this.checktoolArray.length > 0) {
  11939. if (this.checktoolArray.indexOf(i) != -1) {
  11940. this.checktoolArray.splice(this.checktoolArray.indexOf(i), 1);
  11941. } else {
  11942. this.checktoolArray = [];
  11943. this.checktoolArray.push(i);
  11944. }
  11945. } else {
  11946. this.checktoolArray.push(i);
  11947. }
  11948. this.$forceUpdate();
  11949. },
  11950. jump() {
  11951. window.parent.postMessage({ tools: "43" }, "*");
  11952. },
  11953. getUpdateMore(f, checkboxList, searchTN, index) {
  11954. this.dialogVisibleMember = f;
  11955. this.checkboxList = checkboxList;
  11956. this.worksSName2 = JSON.parse(JSON.stringify(searchTN));
  11957. this.plIndex = index;
  11958. },
  11959. setPlname(a) {
  11960. if (this.plworkFile.length) {
  11961. this.plworkFile[this.plIndex].username = a;
  11962. } else {
  11963. this.worksSName = a;
  11964. }
  11965. this.dialogVisibleMember = false;
  11966. },
  11967. previewImg(url) {
  11968. this.$hevueImgPreview(url);
  11969. },
  11970. checkImg(list) {
  11971. if (!list.length) {
  11972. return;
  11973. }
  11974. this.$hevueImgPreview({
  11975. multiple: true, // 开启多图预览模式
  11976. imgList: list, // 需要预览的多图数组
  11977. });
  11978. },
  11979. change(val) {
  11980. console.log(val);
  11981. },
  11982. goTo(path) {
  11983. this.$router.push(path);
  11984. },
  11985. handlePictureCardPreview(url) {
  11986. this.dialogImageUrl = url;
  11987. this.pictureDialog = true;
  11988. },
  11989. clean(type) {
  11990. if (type == 1) {
  11991. this.studyJuri[0].cover.splice(0, 1);
  11992. } else if (type == 2) {
  11993. this.studyJuri[0].upVedio.splice(0, 1);
  11994. } else {
  11995. this.studyJuri[0].upFile.splice(0, 1);
  11996. }
  11997. },
  11998. clean2(index) {
  11999. this.plworkFile.splice(index, 1);
  12000. },
  12001. handleClose(done) {
  12002. if (this.videoDetail.sources && this.videoDetail.sources[0]) {
  12003. this.videoDetail.sources[0].src = "";
  12004. }
  12005. this.commentIndexJson = {};
  12006. done();
  12007. },
  12008. fullTools() {
  12009. this.full = !this.full;
  12010. },
  12011. imgChange(file, fileList, type) {
  12012. if (type == 1) {
  12013. var _tmp = this.studyJuri[0].cover;
  12014. } else if (type == 2) {
  12015. var _tmp = this.studyJuri[0].upVedio;
  12016. } else {
  12017. var _tmp = this.studyJuri[0].upFile;
  12018. }
  12019. this.noneBtnImg = _tmp.length >= 1;
  12020. },
  12021. setContent(bool) {
  12022. this.contentDialog = bool;
  12023. if (bool && this.mlDialog && document.querySelector(".workd_media")) {
  12024. document.querySelector(".workd_media").style.height = "650px";
  12025. } else if (document.querySelector(".workd_media")) {
  12026. document.querySelector(".workd_media").style.height = "auto";
  12027. }
  12028. },
  12029. setContent2(bool) {
  12030. this.mlDialog = bool;
  12031. if (
  12032. bool &&
  12033. this.contentDialog &&
  12034. document.querySelector(".workd_media")
  12035. ) {
  12036. document.querySelector(".workd_media").style.height = "650px";
  12037. } else if (document.querySelector(".workd_media")) {
  12038. document.querySelector(".workd_media").style.height = "auto";
  12039. }
  12040. },
  12041. openToolAll() {
  12042. this.toolDialogVisible = true;
  12043. },
  12044. addImg(e) {
  12045. var el = e.currentTarget;
  12046. // this.$message.success('触发上传')
  12047. el.getElementsByTagName("input")[0].click();
  12048. e.target.value = "";
  12049. },
  12050. addSelectAnswer() {
  12051. let params = [
  12052. {
  12053. uid: this.userid,
  12054. cid: this.id,
  12055. stage: this.courseType,
  12056. task: this.taskCount,
  12057. tool: this.toolindex,
  12058. content: this.selectAnswer.answer,
  12059. type: 7,
  12060. },
  12061. ];
  12062. this.ajax
  12063. .post(this.$store.state.api + "addCourseWorks", params)
  12064. .then((res) => {
  12065. this.$message({
  12066. message: "提交成功",
  12067. type: "success",
  12068. });
  12069. this.dialogVisibleSelect = false;
  12070. // this.selectAnswer = {};
  12071. this.selectSWorks();
  12072. this.selectStudent();
  12073. })
  12074. .catch((err) => {
  12075. this.$message.error("提交失败");
  12076. console.error(err);
  12077. });
  12078. },
  12079. addSelectAnswerTeacher() {
  12080. let params = [
  12081. {
  12082. uid: this.sStudent.userid,
  12083. cid: this.id,
  12084. stage: this.courseType,
  12085. task: this.taskCount,
  12086. tool: this.toolindex,
  12087. content: this.selectAnswer.answer,
  12088. type: 7,
  12089. },
  12090. ];
  12091. this.ajax
  12092. .post(this.$store.state.api + "addCourseWorks", params)
  12093. .then((res) => {
  12094. this.$message({
  12095. message: "提交成功",
  12096. type: "success",
  12097. });
  12098. this.dialogVisibleSelectTeacher = false;
  12099. // this.selectAnswer = {};
  12100. this.selectSWorks();
  12101. this.selectStudent();
  12102. })
  12103. .catch((err) => {
  12104. this.$message.error("提交失败");
  12105. console.error(err);
  12106. });
  12107. },
  12108. addSenWorks() {
  12109. for (var i = 0; i < this.sentenceList.length; i++) {
  12110. for (var j = 0; j < this.sentenceList[i].chooseSenList.length; j++) {
  12111. if (
  12112. this.sentenceList[i].chooseSenList[j] == undefined ||
  12113. this.sentenceList[i].chooseSenList[j] == ""
  12114. ) {
  12115. this.$message.error("请将答案填写完整!");
  12116. return;
  12117. }
  12118. }
  12119. }
  12120. let params = [
  12121. {
  12122. uid: this.userid,
  12123. cid: this.id,
  12124. stage: this.courseType,
  12125. task: this.taskCount,
  12126. tool: this.toolindex,
  12127. content: JSON.stringify(this.sentenceList),
  12128. type: 9,
  12129. },
  12130. ];
  12131. this.ajax
  12132. .post(this.$store.state.api + "addCourseWorks", params)
  12133. .then((res) => {
  12134. this.$message({
  12135. message: "提交成功",
  12136. type: "success",
  12137. });
  12138. this.dialogVisibleSentence = false;
  12139. // this.selectAnswer = {};
  12140. this.selectSWorks();
  12141. this.selectStudent();
  12142. })
  12143. .catch((err) => {
  12144. this.$message.error("提交失败");
  12145. console.error(err);
  12146. });
  12147. },
  12148. addSenWorksTeacher() {
  12149. for (var i = 0; i < this.sentenceList.length; i++) {
  12150. for (var j = 0; j < this.sentenceList[i].chooseSenList.length; j++) {
  12151. if (
  12152. this.sentenceList[i].chooseSenList[j] == undefined ||
  12153. this.sentenceList[i].chooseSenList[j] == ""
  12154. ) {
  12155. this.$message.error("请将答案填写完整!");
  12156. return;
  12157. }
  12158. }
  12159. }
  12160. let params = [
  12161. {
  12162. uid: this.sStudent.userid,
  12163. cid: this.id,
  12164. stage: this.courseType,
  12165. task: this.taskCount,
  12166. tool: this.toolindex,
  12167. content: JSON.stringify(this.sentenceList),
  12168. type: 9,
  12169. },
  12170. ];
  12171. this.ajax
  12172. .post(this.$store.state.api + "addCourseWorks", params)
  12173. .then((res) => {
  12174. this.$message({
  12175. message: "提交成功",
  12176. type: "success",
  12177. });
  12178. this.dialogVisibleSentenceTeacher = false;
  12179. // this.selectAnswer = {};
  12180. this.selectSWorks();
  12181. this.selectStudent();
  12182. })
  12183. .catch((err) => {
  12184. this.$message.error("提交失败");
  12185. console.error(err);
  12186. });
  12187. },
  12188. returnTableText() {
  12189. this.$confirm("确定还原此模板吗?", "提示", {
  12190. confirmButtonText: "确定",
  12191. cancelButtonText: "取消",
  12192. type: "warning",
  12193. })
  12194. .then(() => {
  12195. this.tableJson = JSON.parse(JSON.stringify(this.tableJsonO));
  12196. })
  12197. .catch(() => {});
  12198. },
  12199. addTableWorks() {
  12200. let params = [
  12201. {
  12202. uid: this.userid,
  12203. cid: this.id,
  12204. stage: this.courseType,
  12205. task: this.taskCount,
  12206. tool: this.toolindex,
  12207. content: JSON.stringify(this.tableJson).replaceAll(/%/g, "%25"),
  12208. type: 10,
  12209. },
  12210. ];
  12211. this.ajax
  12212. .post(this.$store.state.api + "addCourseWorks", params)
  12213. .then((res) => {
  12214. this.$message({
  12215. message: "提交成功",
  12216. type: "success",
  12217. });
  12218. this.dialogVisibleTable = false;
  12219. // this.selectAnswer = {};
  12220. this.selectSWorks();
  12221. this.selectStudent();
  12222. })
  12223. .catch((err) => {
  12224. this.$message.error("提交失败");
  12225. console.error(err);
  12226. });
  12227. },
  12228. tableRowClassName({ row, rowIndex }) {
  12229. if ((rowIndex + 1) % 2 === 0) {
  12230. return "even_row";
  12231. } else {
  12232. return "";
  12233. }
  12234. },
  12235. addTableWorksTeacher() {
  12236. let params = [
  12237. {
  12238. uid: this.sStudent.userid,
  12239. cid: this.id,
  12240. stage: this.courseType,
  12241. task: this.taskCount,
  12242. tool: this.toolindex,
  12243. content: JSON.stringify(this.tableJson).replaceAll(/%/g, "%25"),
  12244. type: 10,
  12245. },
  12246. ];
  12247. this.ajax
  12248. .post(this.$store.state.api + "addCourseWorks", params)
  12249. .then((res) => {
  12250. this.$message({
  12251. message: "提交成功",
  12252. type: "success",
  12253. });
  12254. this.dialogVisibleTableTeacher = false;
  12255. // this.selectAnswer = {};
  12256. this.selectSWorks();
  12257. this.selectStudent();
  12258. })
  12259. .catch((err) => {
  12260. this.$message.error("提交失败");
  12261. console.error(err);
  12262. });
  12263. },
  12264. returnWordText() {
  12265. this.$confirm("确定还原此模板吗?", "提示", {
  12266. confirmButtonText: "确定",
  12267. cancelButtonText: "取消",
  12268. type: "warning",
  12269. })
  12270. .then(() => {
  12271. this.wordJson = JSON.parse(JSON.stringify(this.wordJsonO));
  12272. })
  12273. .catch(() => {});
  12274. },
  12275. addWordWorks() {
  12276. let params = [
  12277. {
  12278. uid: this.userid,
  12279. cid: this.id,
  12280. stage: this.courseType,
  12281. task: this.taskCount,
  12282. tool: this.toolindex,
  12283. content: JSON.stringify(this.wordJson).replaceAll(/%/g, "%25"),
  12284. type: 13,
  12285. atool: 52,
  12286. },
  12287. ];
  12288. this.ajax
  12289. .post(this.$store.state.api + "addCourseWorks3-2", params)
  12290. .then((res) => {
  12291. this.$message({
  12292. message: "提交成功",
  12293. type: "success",
  12294. });
  12295. this.dialogVisibleWord = false;
  12296. // this.selectAnswer = {};
  12297. this.selectSWorks();
  12298. this.selectStudent();
  12299. })
  12300. .catch((err) => {
  12301. this.$message.error("提交失败");
  12302. console.error(err);
  12303. });
  12304. },
  12305. addWordWorksTeacher() {
  12306. let params = [
  12307. {
  12308. uid: this.sStudent.userid,
  12309. cid: this.id,
  12310. stage: this.courseType,
  12311. task: this.taskCount,
  12312. tool: this.toolindex,
  12313. content: JSON.stringify(this.wordJson).replaceAll(/%/g, "%25"),
  12314. type: 13,
  12315. atool: 52,
  12316. },
  12317. ];
  12318. this.ajax
  12319. .post(this.$store.state.api + "addCourseWorks3-2", params)
  12320. .then((res) => {
  12321. this.$message({
  12322. message: "提交成功",
  12323. type: "success",
  12324. });
  12325. this.dialogVisibleWordTeacher = false;
  12326. // this.selectAnswer = {};
  12327. this.selectSWorks();
  12328. this.selectStudent();
  12329. })
  12330. .catch((err) => {
  12331. this.$message.error("提交失败");
  12332. console.error(err);
  12333. });
  12334. },
  12335. addCourseWorks(i) {
  12336. var typesql;
  12337. if (this.fileType === 0) {
  12338. typesql = 1;
  12339. } else if (this.fileType === 1) {
  12340. typesql = 4;
  12341. } else if (this.fileType === 2) {
  12342. typesql = 5;
  12343. } else if (this.fileType === 3) {
  12344. typesql = 12;
  12345. }
  12346. if (!this.studyJuri[0].cover[0].url) {
  12347. this.$message.error("请上传文件");
  12348. return;
  12349. }
  12350. let params = [
  12351. {
  12352. uid: this.userid,
  12353. cid: this.id,
  12354. stage: this.courseType,
  12355. task: i,
  12356. tool: this.toolindex,
  12357. content: this.studyJuri[0].cover[0].url,
  12358. type: typesql,
  12359. },
  12360. ];
  12361. this.ajax
  12362. .post(this.$store.state.api + "addCourseWorksR", params)
  12363. .then((res) => {
  12364. this.$message({
  12365. message: "提交成功",
  12366. type: "success",
  12367. });
  12368. this.studyJuri[0].cover = [];
  12369. this.dialogVisible = false;
  12370. this.getCourseDetail(2);
  12371. })
  12372. .catch((err) => {
  12373. this.$message.error("提交失败");
  12374. console.error(err);
  12375. });
  12376. },
  12377. addCourseWorksPl(i) {
  12378. let _files = this.plworkFile;
  12379. var c = 1;
  12380. for (var k = 0; k < _files.length; k++) {
  12381. if (!_files[k].username) {
  12382. c = 2;
  12383. }
  12384. }
  12385. if (c == 2) {
  12386. this.$message.error("请填写学生姓名");
  12387. return;
  12388. }
  12389. let params = [
  12390. {
  12391. ateacher: this.userid,
  12392. cid: this.id,
  12393. stage: this.courseType,
  12394. task: i,
  12395. tool: this.toolindex,
  12396. content: JSON.stringify(_files).replaceAll(/%/g, "%25"),
  12397. },
  12398. ];
  12399. this.ajax
  12400. .post(this.$store.state.api + "addCourseWorksPl", params)
  12401. .then((res) => {
  12402. this.$message({
  12403. message: "提交成功",
  12404. type: "success",
  12405. });
  12406. this.plworkFile = [];
  12407. this.dialogVisiblePl = false;
  12408. this.getCourseDetail(2);
  12409. })
  12410. .catch((err) => {
  12411. this.$message.error("提交失败");
  12412. console.error(err);
  12413. });
  12414. },
  12415. addCourseWorks2(i) {
  12416. var typesql;
  12417. if (this.fileType === 0) {
  12418. typesql = 0;
  12419. } else if (this.fileType === 1) {
  12420. typesql = 1;
  12421. } else if (this.fileType === 2) {
  12422. typesql = 3;
  12423. } else if (this.fileType === 3) {
  12424. typesql = 12;
  12425. }
  12426. if (!this.studyJuri[0].cover[0].url) {
  12427. this.$message.error("请上传文件");
  12428. return;
  12429. }
  12430. let params = [
  12431. {
  12432. uid: this.userid,
  12433. cid: this.id,
  12434. stage: this.courseType,
  12435. task: i,
  12436. tool: this.toolindex,
  12437. content: JSON.stringify({
  12438. type: typesql,
  12439. groupIndex: this.groupIndex,
  12440. url: this.studyJuri[0].cover[0].url,
  12441. }).replaceAll(/%/g, "%25"),
  12442. type: 11,
  12443. atool: 49,
  12444. text: "",
  12445. },
  12446. ];
  12447. this.ajax
  12448. .post(this.$store.state.api + "addCourseWorks5", params)
  12449. .then((res) => {
  12450. this.$message({
  12451. message: "提交成功",
  12452. type: "success",
  12453. });
  12454. this.studyJuri[0].cover = [];
  12455. this.dialogVisibleGroupWork = false;
  12456. this.getCourseDetail(2);
  12457. })
  12458. .catch((err) => {
  12459. this.$message.error("提交失败");
  12460. console.error(err);
  12461. });
  12462. },
  12463. addEnglishWork() {
  12464. if (!this.myAnList.engTitle || !this.myAnList.engText || this.myAnList.engTitle == "" || this.myAnList.engText == "") {
  12465. this.$message.error("请输入作文标题和正文!");
  12466. return;
  12467. }
  12468. let params = [
  12469. {
  12470. uid: this.userid,
  12471. cid: this.id,
  12472. stage: this.courseType,
  12473. task: this.taskCount,
  12474. tool: this.englishToolIndex,
  12475. content: JSON.stringify(this.myAnList),
  12476. type: 16,
  12477. atool: 69,
  12478. text: "",
  12479. },
  12480. ];
  12481. this.ajax
  12482. .post(this.$store.state.api + "addCourseWorks5", params)
  12483. .then((res) => {
  12484. this.$message({
  12485. message: "提交成功",
  12486. type: "success",
  12487. });
  12488. this.myAnList = {};
  12489. this.englishList = {};
  12490. this.englishToolIndex = 0;
  12491. this.engDialogVisible = false;
  12492. this.selectSWorks();
  12493. this.selectStudent();
  12494. })
  12495. .catch((err) => {
  12496. this.$message.error("提交失败");
  12497. console.error(err);
  12498. });
  12499. },
  12500. addCourseWorksGong(i, data, tool) {
  12501. let params = [
  12502. {
  12503. uid: this.userid,
  12504. cid: this.id,
  12505. stage: this.courseType,
  12506. task: this.taskCount,
  12507. tool: i,
  12508. content: data,
  12509. type: 12,
  12510. atool: tool,
  12511. text: "",
  12512. },
  12513. ];
  12514. this.ajax
  12515. .post(this.$store.state.api + "addCourseWorks5", params)
  12516. .then((res) => {
  12517. this.$message({
  12518. message: "提交成功",
  12519. type: "success",
  12520. });
  12521. this.studyJuri[0].cover = [];
  12522. this.selectSWorks();
  12523. this.selectStudent();
  12524. })
  12525. .catch((err) => {
  12526. this.$message.error("提交失败");
  12527. console.error(err);
  12528. });
  12529. },
  12530. addCourseWorksGongTeacher(i, data, tool) {
  12531. let params = [
  12532. {
  12533. uid: this.sStudent.userid,
  12534. cid: this.id,
  12535. stage: this.courseType,
  12536. task: this.taskCount,
  12537. tool: i,
  12538. content: data,
  12539. type: 12,
  12540. atool: tool,
  12541. text: "",
  12542. },
  12543. ];
  12544. this.ajax
  12545. .post(this.$store.state.api + "addCourseWorks5", params)
  12546. .then((res) => {
  12547. this.$message({
  12548. message: "提交成功",
  12549. type: "success",
  12550. });
  12551. this.studyJuri[0].cover = [];
  12552. this.dialogVisibleWorks = false;
  12553. this.selectSWorks();
  12554. this.selectStudent();
  12555. })
  12556. .catch((err) => {
  12557. this.$message.error("提交失败");
  12558. console.error(err);
  12559. });
  12560. },
  12561. addCourseWorksGongPl(i, data, tool, type) {
  12562. let params = [
  12563. {
  12564. uid: this.sStudent.userid,
  12565. cid: this.id,
  12566. stage: this.courseType,
  12567. task: this.taskCount,
  12568. tool: i,
  12569. content: data,
  12570. type: type,
  12571. atool: tool,
  12572. text: "",
  12573. },
  12574. ];
  12575. this.ajax
  12576. .post(this.$store.state.api + "addCourseWorks5", params)
  12577. .then((res) => {
  12578. this.$message({
  12579. message: "提交成功",
  12580. type: "success",
  12581. });
  12582. this.studyJuri[0].cover = [];
  12583. this.dialogVisibleWorks = false;
  12584. this.selectSWorks();
  12585. this.selectStudent();
  12586. })
  12587. .catch((err) => {
  12588. this.$message.error("提交失败");
  12589. console.error(err);
  12590. });
  12591. },
  12592. addCourseWorksTeacher(i) {
  12593. var typesql;
  12594. if (this.sTool == 32) {
  12595. this.addCourseWorksGongTeacher(
  12596. this.toolindex,
  12597. this.studyJuri[0].cover[0].url,
  12598. this.sTool
  12599. );
  12600. return;
  12601. }
  12602. if (this.fileType === 0) {
  12603. typesql = 1;
  12604. } else if (this.fileType === 1) {
  12605. typesql = 4;
  12606. } else if (this.fileType === 2) {
  12607. typesql = 5;
  12608. } else if (this.fileType === 3) {
  12609. typesql = 12;
  12610. }
  12611. if (this.sTool == 50) {
  12612. this.addCourseWorksGongPl(
  12613. this.toolindex,
  12614. this.studyJuri[0].cover[0].url,
  12615. this.sTool,
  12616. typesql
  12617. );
  12618. return;
  12619. }
  12620. if (!this.studyJuri[0].cover[0].url) {
  12621. this.$message.error("请上传文件");
  12622. return;
  12623. }
  12624. let params = [
  12625. {
  12626. uid: this.sStudent.userid,
  12627. cid: this.id,
  12628. stage: this.courseType,
  12629. task: i,
  12630. tool: this.toolindex,
  12631. content: this.studyJuri[0].cover[0].url,
  12632. type: typesql,
  12633. ateacher: this.userid,
  12634. },
  12635. ];
  12636. this.ajax
  12637. .post(this.$store.state.api + "addCourseWorksTeacher", params)
  12638. .then((res) => {
  12639. this.$message({
  12640. message: "提交成功",
  12641. type: "success",
  12642. });
  12643. this.studyJuri[0].cover = [];
  12644. this.dialogVisibleWorks = false;
  12645. this.getCourseDetail(2);
  12646. })
  12647. .catch((err) => {
  12648. this.$message.error("提交失败");
  12649. console.error(err);
  12650. });
  12651. },
  12652. selectUploadStudent(type) {
  12653. const loading = this.$loading.service({
  12654. background: "rgba(255, 255, 255, 0.7)",
  12655. target: document.body,
  12656. });
  12657. let params = {
  12658. cid: this.uploadCid,
  12659. oid: this.oid,
  12660. cn: "",
  12661. };
  12662. this.ajax
  12663. .get(this.$store.state.api + "selectSnameByCidGroup", params)
  12664. .then((res) => {
  12665. loading.close();
  12666. var studentK = [];
  12667. if (this.isWorksS[this.toolindex].length > 0) {
  12668. for (var z = 0; z < this.isWorksS[this.toolindex].length; z++) {
  12669. studentK.push(this.isWorksS[this.toolindex][z].uid);
  12670. }
  12671. studentK = studentK.join(",");
  12672. }
  12673. this.uploadStudentJuri = res.data[0].filter((el) => {
  12674. return studentK.indexOf(el.userid) == -1;
  12675. });
  12676. if (this.worksSName && this.worksSid) {
  12677. this.uploadStudentJuri.push({
  12678. userid: this.worksSid,
  12679. name: this.worksSName,
  12680. });
  12681. }
  12682. if (type == 1) {
  12683. this.plworkFile = [];
  12684. this.dialogVisibleSname = true;
  12685. } else if (type == 2) {
  12686. this.dialogVisiblePl = true;
  12687. }
  12688. })
  12689. .catch((err) => {
  12690. loading.close();
  12691. console.error(err);
  12692. });
  12693. },
  12694. selectPickStudent() {
  12695. const loading = this.$loading.service({
  12696. background: "rgba(255, 255, 255, 0.7)",
  12697. target: document.body,
  12698. });
  12699. let params = {
  12700. cid: this.uploadCid,
  12701. oid: this.oid,
  12702. cn: "",
  12703. };
  12704. this.ajax
  12705. .get(this.$store.state.api + "selectSnameByCidGroup", params)
  12706. .then((res) => {
  12707. loading.close();
  12708. this.uploadStudentJuri = res.data[0];
  12709. this.dialogVisiblePickPeople = true;
  12710. })
  12711. .catch((err) => {
  12712. loading.close();
  12713. console.error(err);
  12714. });
  12715. },
  12716. arrayToArray(arrayo, arrayt) {
  12717. let array1 = arrayo;
  12718. let array2 = arrayt;
  12719. let commonElements = [];
  12720. for (let i = 0; i < array1.length; i++) {
  12721. for (let j = 0; j < array2.length; j++) {
  12722. if (array1[i] === array2[j]) {
  12723. commonElements.push(array1[i]);
  12724. }
  12725. }
  12726. }
  12727. return commonElements;
  12728. },
  12729. selectWorksStudent() {
  12730. let params = {
  12731. oid: this.oid,
  12732. cid: this.courseDetail.juri,
  12733. };
  12734. this.ajax
  12735. .get(this.$store.state.api + "selectWorksStudent", params)
  12736. .then((res) => {
  12737. var a = res.data[0];
  12738. for (var i = 0; i < this.isWorksS.length; i++) {
  12739. this.noWorksS[i] = [];
  12740. var studentK = [];
  12741. if (this.isWorksS[i].length > 0) {
  12742. for (var z = 0; z < this.isWorksS[i].length; z++) {
  12743. studentK.push(this.isWorksS[i][z].uid);
  12744. }
  12745. studentK = studentK.join(",");
  12746. for (var j = 0; j < a.length; j++) {
  12747. if (studentK.indexOf(a[j].userid) == -1) {
  12748. if (this.tcid) {
  12749. // a[j].classid.indexOf(this.tcid) != -1
  12750. if (
  12751. this.arrayToArray(
  12752. a[j].classid.split(","),
  12753. this.tcid.split(",")
  12754. ).length
  12755. ) {
  12756. this.noWorksS[i].push({
  12757. student: a[j].name,
  12758. userid: a[j].userid,
  12759. });
  12760. }
  12761. } else {
  12762. this.noWorksS[i].push({
  12763. student: a[j].name,
  12764. userid: a[j].userid,
  12765. });
  12766. }
  12767. }
  12768. }
  12769. } else {
  12770. for (var k = 0; k < a.length; k++) {
  12771. if (this.tcid) {
  12772. if (
  12773. this.arrayToArray(
  12774. a[k].classid.split(","),
  12775. this.tcid.split(",")
  12776. ).length
  12777. ) {
  12778. this.noWorksS[i].push({
  12779. student: a[k].name,
  12780. userid: a[k].userid,
  12781. });
  12782. }
  12783. } else {
  12784. this.noWorksS[i].push({
  12785. student: a[k].name,
  12786. userid: a[k].userid,
  12787. });
  12788. }
  12789. }
  12790. }
  12791. }
  12792. this.$forceUpdate();
  12793. if (
  12794. Object.keys(this.commentDetail).length &&
  12795. Object.keys(this.commentIndexJson).length &&
  12796. !this.dialogVisibleScore
  12797. ) {
  12798. let a = 1;
  12799. let c = this.commentIndexJson;
  12800. if (
  12801. this.commentIndexJson.gindex ||
  12802. this.commentIndexJson.gindex === 0
  12803. ) {
  12804. for (
  12805. var i = 0;
  12806. i < this.worksStudent[this.commentIndexJson.toolIndex].length;
  12807. i++
  12808. ) {
  12809. let _el = this.worksStudent[this.commentIndexJson.toolIndex][i];
  12810. groupA: for (var k = 0; k < _el.length; k++) {
  12811. let el = _el[k];
  12812. if (el.wid == this.commentDetail.wid) {
  12813. a = 2;
  12814. this.commentOther(
  12815. this.worksStudent[this.commentIndexJson.toolIndex][i][k],
  12816. this.commentIndexJson.toolIndex,
  12817. k,
  12818. this.commentIndexJson.gindex
  12819. );
  12820. break groupA;
  12821. }
  12822. }
  12823. }
  12824. if (a === 1) {
  12825. this.commentDetail = [];
  12826. this.commentIndexJson = {};
  12827. this.commentDialogVisible = false;
  12828. this.$message("此作业已被删除");
  12829. }
  12830. } else {
  12831. if (this.isGroup && this.commentIndexJson.gid) {
  12832. groupA: for (
  12833. var i = 0;
  12834. i < this.courseGroup.group.length;
  12835. i++
  12836. ) {
  12837. let _group = this.courseGroup.group[i];
  12838. if (_group.id == this.commentIndexJson.gid) {
  12839. let _el2 = _group.works[this.commentIndexJson.toolIndex];
  12840. for (var k = 0; k < _el2.length; k++) {
  12841. let el2 = _el2[k];
  12842. if (el2.wid == this.commentDetail.wid) {
  12843. a = 2;
  12844. this.commentOther(
  12845. _el2[k],
  12846. this.commentIndexJson.toolIndex,
  12847. k,
  12848. null,
  12849. this.commentIndexJson.gid
  12850. );
  12851. break groupA;
  12852. }
  12853. }
  12854. }
  12855. }
  12856. }
  12857. if (a == 1) {
  12858. for (
  12859. var i = 0;
  12860. i < this.worksStudent[this.commentIndexJson.toolIndex].length;
  12861. i++
  12862. ) {
  12863. let el =
  12864. this.worksStudent[this.commentIndexJson.toolIndex][i];
  12865. if (el.wid == this.commentDetail.wid) {
  12866. a = 2;
  12867. this.commentOther(
  12868. this.worksStudent[this.commentIndexJson.toolIndex][i],
  12869. this.commentIndexJson.toolIndex,
  12870. i
  12871. );
  12872. break;
  12873. }
  12874. }
  12875. }
  12876. if (a === 1) {
  12877. this.commentDetail = [];
  12878. this.commentIndexJson = {};
  12879. this.commentDialogVisible = false;
  12880. this.$message("此作业已被删除");
  12881. }
  12882. }
  12883. }
  12884. })
  12885. .catch((err) => {
  12886. console.error(err);
  12887. });
  12888. },
  12889. selectStudent() {
  12890. //学生查看自己作业
  12891. let params = {
  12892. uid: this.userid,
  12893. cid: this.id,
  12894. s: this.courseType,
  12895. t: this.taskCount,
  12896. };
  12897. this.ajax
  12898. .get(this.$store.state.api + "selectStudentWorks", params)
  12899. .then((res) => {
  12900. var a =
  12901. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  12902. this.taskCount
  12903. ].toolChoose;
  12904. var b = res.data[0];
  12905. var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  12906. var y = [
  12907. "AVI",
  12908. "NAVI",
  12909. "MPEG",
  12910. "ASF",
  12911. "MOV",
  12912. "WMV",
  12913. "3GP",
  12914. "RM",
  12915. "RMVB",
  12916. "FLV",
  12917. "F4V",
  12918. "H.264",
  12919. "H.265",
  12920. "REAL VIDEO",
  12921. "MKV",
  12922. "WebM",
  12923. "HDDVD",
  12924. "MP4",
  12925. "MPG",
  12926. "M4V",
  12927. "MGV",
  12928. "OGV",
  12929. "QTM",
  12930. "STR",
  12931. "AMC",
  12932. "DVX",
  12933. "EVO",
  12934. "DAT",
  12935. "OGG",
  12936. "OGM",
  12937. ];
  12938. for (var i = 0; i < a.length; i++) {
  12939. this.workStudent[i] = [];
  12940. for (var j = 0; j < b.length; j++) {
  12941. if (i == b[j].tool) {
  12942. if (
  12943. (b[j].type == 1 ||
  12944. b[j].type == 4 ||
  12945. b[j].type == 5 ||
  12946. b[j].type == 6 ||
  12947. b[j].type == 12 ||
  12948. b[j].type == 7) &&
  12949. a[i].tool[0] != 15 &&
  12950. a[i].tool[0] != 4 &&
  12951. a[i].tool[0] != 45 &&
  12952. a[i].tool[0] != 50 &&
  12953. a[i].tool[0] != 32 &&
  12954. a[i].tool[0] != 57 &&
  12955. a[i].tool[0] != 52 &&
  12956. a[i].tool[0] != 69
  12957. ) {
  12958. if (
  12959. c.indexOf(
  12960. b[j].content
  12961. .split(".")
  12962. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  12963. ) != -1 &&
  12964. a[i].tool[0] == 16 &&
  12965. b[j].atool != 50
  12966. ) {
  12967. this.workStudent[i].push({
  12968. works: b[j].content,
  12969. sName: b[j].name,
  12970. score: b[j].score,
  12971. img: b[j].img,
  12972. type: 1,
  12973. time: b[j].time,
  12974. userid: b[j].userid,
  12975. wid: b[j].id,
  12976. });
  12977. } else if (
  12978. y.indexOf(
  12979. b[j].content
  12980. .split(".")
  12981. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  12982. ) != -1 &&
  12983. a[i].tool[0] == 16 &&
  12984. b[j].atool != 50
  12985. ) {
  12986. this.workStudent[i].push({
  12987. userid: b[j].userid,
  12988. wid: b[j].id,
  12989. works: b[j].content,
  12990. sName: b[j].name,
  12991. score: b[j].score,
  12992. img: b[j].img,
  12993. type: 3,
  12994. time: b[j].time,
  12995. });
  12996. } else if (b[j].type == 6 && b[j].atool != 50) {
  12997. this.workStudent[i].push({
  12998. userid: b[j].userid,
  12999. wid: b[j].id,
  13000. works: b[j].content,
  13001. sName: b[j].name,
  13002. score: b[j].score,
  13003. img: b[j].img,
  13004. type: 4,
  13005. time: b[j].time,
  13006. });
  13007. } else if (b[j].type == 7 && b[j].atool != 50) {
  13008. this.workStudent[i].push({
  13009. userid: b[j].userid,
  13010. wid: b[j].id,
  13011. works: b[j].content,
  13012. sName: b[j].name,
  13013. score: b[j].score,
  13014. img: b[j].img,
  13015. type: 5,
  13016. time: b[j].time,
  13017. });
  13018. } else if (b[j].type == 12 && a[i].tool[0] == b[j].atool) {
  13019. this.workStudent[i].push({
  13020. works: b[j].content,
  13021. sName: b[j].name,
  13022. score: b[j].score,
  13023. img: b[j].img,
  13024. type: 12,
  13025. time: b[j].time,
  13026. userid: b[j].userid,
  13027. wid: b[j].id,
  13028. });
  13029. } else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
  13030. this.workStudent[i].push({
  13031. works: b[j].content,
  13032. sName: b[j].name,
  13033. score: b[j].score,
  13034. img: b[j].img,
  13035. type: 0,
  13036. time: b[j].time,
  13037. userid: b[j].userid,
  13038. wid: b[j].id,
  13039. });
  13040. } else if (b[j].type == 1 && !parseInt(b[j].atool)) {
  13041. this.workStudent[i].push({
  13042. works: b[j].content,
  13043. sName: b[j].name,
  13044. score: b[j].score,
  13045. img: b[j].img,
  13046. type: 0,
  13047. time: b[j].time,
  13048. userid: b[j].userid,
  13049. wid: b[j].id,
  13050. });
  13051. }
  13052. } else if (b[j].type == 3 && a[i].tool[0] == 15) {
  13053. this.workStudent[i].push({
  13054. works: b[j].content,
  13055. sName: b[j].name,
  13056. score: b[j].score,
  13057. img: b[j].img,
  13058. type: 2,
  13059. time: b[j].time,
  13060. userid: b[j].userid,
  13061. wid: b[j].id,
  13062. });
  13063. } else if (b[j].type == 2 && a[i].tool[0] == 4) {
  13064. //问卷
  13065. this.workStudent[i].push({
  13066. works: b[j].content,
  13067. sName: b[j].name,
  13068. score: b[j].score,
  13069. img: b[j].img,
  13070. type: 2,
  13071. time: b[j].time,
  13072. userid: b[j].userid,
  13073. wid: b[j].id,
  13074. });
  13075. } else if (b[j].type == 8 && a[i].tool[0] == 45) {
  13076. //选择题
  13077. this.workStudent[i].push({
  13078. works: b[j].content,
  13079. sName: b[j].name,
  13080. score: b[j].score,
  13081. img: b[j].img,
  13082. type: 8,
  13083. time: b[j].time,
  13084. userid: b[j].userid,
  13085. wid: b[j].id,
  13086. });
  13087. } else if (b[j].type == 9 && a[i].tool[0] == 47) {
  13088. //选择题
  13089. this.workStudent[i].push({
  13090. works: b[j].content,
  13091. sName: b[j].name,
  13092. score: b[j].score,
  13093. img: b[j].img,
  13094. type: 9,
  13095. time: b[j].time,
  13096. userid: b[j].userid,
  13097. wid: b[j].id,
  13098. });
  13099. } else if (b[j].type == 10 && a[i].tool[0] == 48) {
  13100. //选择题
  13101. this.workStudent[i].push({
  13102. works: b[j].content,
  13103. sName: b[j].name,
  13104. score: b[j].score,
  13105. img: b[j].img,
  13106. type: 10,
  13107. time: b[j].time,
  13108. userid: b[j].userid,
  13109. wid: b[j].id,
  13110. });
  13111. } else if (b[j].type == 13 && a[i].tool[0] == 52) {
  13112. //选择题
  13113. this.workStudent[i].push({
  13114. works: b[j].content,
  13115. sName: b[j].name,
  13116. score: b[j].score,
  13117. img: b[j].img,
  13118. type: 13,
  13119. time: b[j].time,
  13120. userid: b[j].userid,
  13121. wid: b[j].id,
  13122. });
  13123. } else if (b[j].type == 12 && a[i].tool[0] == 32) {
  13124. //选择题
  13125. this.workStudent[i].push({
  13126. works: b[j].content,
  13127. sName: b[j].name,
  13128. score: b[j].score,
  13129. img: b[j].img,
  13130. type: 12,
  13131. time: b[j].time,
  13132. userid: b[j].userid,
  13133. wid: b[j].id,
  13134. });
  13135. } else if (b[j].type == 12 && a[i].tool[0] == 57) {
  13136. //选择题
  13137. this.workStudent[i].push({
  13138. works: b[j].content,
  13139. sName: b[j].name,
  13140. score: b[j].score,
  13141. img: b[j].img,
  13142. type: 12,
  13143. time: b[j].time,
  13144. userid: b[j].userid,
  13145. wid: b[j].id,
  13146. });
  13147. } else if (b[j].type == 15 && a[i].tool[0] == 57) {
  13148. //选择题
  13149. this.workStudent[i].push({
  13150. works: b[j].content,
  13151. sName: b[j].name,
  13152. score: b[j].score,
  13153. img: b[j].img,
  13154. type: 15,
  13155. time: b[j].time,
  13156. userid: b[j].userid,
  13157. wid: b[j].id,
  13158. });
  13159. } else if (b[j].type == 16 && a[i].tool[0] == 69) {
  13160. //英语写作
  13161. this.workStudent[i].push({
  13162. works: b[j].content,
  13163. sName: b[j].name,
  13164. score: b[j].score,
  13165. img: b[j].img,
  13166. type: 16,
  13167. time: b[j].time,
  13168. userid: b[j].userid,
  13169. wid: b[j].id,
  13170. });
  13171. }
  13172. }
  13173. }
  13174. }
  13175. })
  13176. .catch((err) => {
  13177. console.error(err);
  13178. });
  13179. },
  13180. openVideo(w) {
  13181. this.videoDetail = {};
  13182. this.playerOptions1.sources[0].src = w.works;
  13183. this.videoDetail = this.playerOptions1;
  13184. this.videoVisible = true;
  13185. },
  13186. isLikes(wid, uid, t, c, isLikes) {
  13187. if (isLikes == false) {
  13188. let params = [
  13189. {
  13190. wid: wid,
  13191. lid: uid,
  13192. t: t,
  13193. c: c,
  13194. },
  13195. ];
  13196. this.ajax
  13197. .post(this.$store.state.api + "insertComment", params)
  13198. .then((res) => {
  13199. this.$message({
  13200. message: "点赞成功",
  13201. type: "success",
  13202. });
  13203. this.selectSWorks();
  13204. this.selectStudent();
  13205. })
  13206. .catch((err) => {
  13207. this.$message.error("点赞失败");
  13208. console.error(err);
  13209. });
  13210. } else {
  13211. let params = {
  13212. wid: wid,
  13213. lid: uid,
  13214. type: t,
  13215. };
  13216. this.ajax
  13217. .get(this.$store.state.api + "deleteComment", params)
  13218. .then((res) => {
  13219. this.$message({
  13220. message: "取消点赞成功",
  13221. type: "success",
  13222. });
  13223. this.selectSWorks();
  13224. this.selectStudent();
  13225. })
  13226. .catch((err) => {
  13227. console.error(err);
  13228. });
  13229. }
  13230. },
  13231. deleteComment(wid) {
  13232. this.$confirm("确定删除此评论吗?", "提示", {
  13233. confirmButtonText: "确定",
  13234. cancelButtonText: "取消",
  13235. type: "warning",
  13236. })
  13237. .then(() => {
  13238. let params = {
  13239. id: wid,
  13240. };
  13241. this.ajax
  13242. .get(this.$store.state.api + "deleteComment2", params)
  13243. .then((res) => {
  13244. this.$message({
  13245. message: "删除评论成功",
  13246. type: "success",
  13247. });
  13248. this.selectSWorks();
  13249. this.selectStudent();
  13250. })
  13251. .catch((err) => {
  13252. console.error(err);
  13253. });
  13254. })
  13255. .catch(() => {});
  13256. },
  13257. commentOther(w, toolIndex, wIndex, gindex, gid) {
  13258. this.commentIndexJson = {
  13259. toolIndex: toolIndex,
  13260. wIndex: wIndex,
  13261. gindex: gindex,
  13262. gid: gid,
  13263. };
  13264. this.commentDetail = [];
  13265. this.commentDialogVisible = true;
  13266. this.commentDetail = w;
  13267. if (w.works && w.type == 1) {
  13268. this.pptImgUrl = "";
  13269. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  13270. if (
  13271. a.indexOf(
  13272. w.works
  13273. .split(".")
  13274. [w.works.split(".").length - 1].toLocaleUpperCase()
  13275. ) != -1
  13276. ) {
  13277. this.pptImgUrl =
  13278. "https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
  13279. this.showPDF = false;
  13280. } else if (
  13281. w.works
  13282. .split(".")
  13283. [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
  13284. ) {
  13285. this.pptImgUrl = w.works;
  13286. this.showPDF = true;
  13287. }
  13288. } else if (w.works && w.type == 3) {
  13289. this.videoDetail = {};
  13290. this.playerOptions1.sources[0].src = w.works;
  13291. this.videoDetail = this.playerOptions1;
  13292. // this.videoVisible = true;
  13293. } else if (w.works && w.type == 4) {
  13294. this.eScore = JSON.parse(w.works);
  13295. this.rateJson =
  13296. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13297. this.taskCount
  13298. ].toolChoose[toolIndex].rateJson;
  13299. } else if (w.works && w.type == 10) {
  13300. this.commentDetail.works = JSON.parse(this.commentDetail.works);
  13301. } else if (w.works && w.type == 13) {
  13302. this.wordJson =
  13303. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13304. this.taskCount
  13305. ].toolChoose[toolIndex].wordJson;
  13306. }
  13307. },
  13308. openScore(w) {
  13309. this.wScore = 0;
  13310. this.wScore = w.score ? JSON.parse(w.score).wScore : 0;
  13311. this.scoreDetail = w.score ? JSON.parse(w.score).detail : "";
  13312. this.commentDetail = [];
  13313. this.dialogVisibleScore = true;
  13314. this.commentDetail = w;
  13315. if (w.works && w.type == 1) {
  13316. this.pptImgUrl = "";
  13317. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  13318. if (
  13319. a.indexOf(
  13320. w.works
  13321. .split(".")
  13322. [w.works.split(".").length - 1].toLocaleUpperCase()
  13323. ) != -1
  13324. ) {
  13325. this.pptImgUrl =
  13326. "https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
  13327. this.showPDF = false;
  13328. } else if (
  13329. w.works
  13330. .split(".")
  13331. [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
  13332. ) {
  13333. this.pptImgUrl = w.works;
  13334. this.showPDF = true;
  13335. }
  13336. } else if (w.works && w.type == 3) {
  13337. this.videoDetail = {};
  13338. this.playerOptions1.sources[0].src = w.works;
  13339. this.videoDetail = this.playerOptions1;
  13340. }
  13341. },
  13342. addComment(wid, uid, t) {
  13343. if (this.commentText == "") {
  13344. this.$message.error("请输入评论");
  13345. return;
  13346. }
  13347. let params2 = [
  13348. {
  13349. wid: wid,
  13350. lid: uid,
  13351. t: t,
  13352. },
  13353. ];
  13354. this.ajax
  13355. .post(this.$store.state.api + "getComment", params2)
  13356. .then((res) => {
  13357. if (res.data[0].length > 0) {
  13358. this.$message.error("一个作业只能评论一条");
  13359. } else {
  13360. let params = [
  13361. {
  13362. wid: wid,
  13363. lid: uid,
  13364. t: t,
  13365. c: this.commentText,
  13366. },
  13367. ];
  13368. this.ajax
  13369. .post(this.$store.state.api + "insertComment", params)
  13370. .then((res) => {
  13371. this.$message({
  13372. message: "评论成功",
  13373. type: "success",
  13374. });
  13375. this.commentText = "";
  13376. this.selectSWorks();
  13377. this.selectStudent();
  13378. })
  13379. .catch((err) => {
  13380. this.$message.error("评论失败");
  13381. console.error(err);
  13382. });
  13383. }
  13384. })
  13385. .catch((err) => {
  13386. // this.$message.error("评论失败");
  13387. console.error(err);
  13388. });
  13389. },
  13390. scoreWork(wid) {
  13391. if (this.wScore == 0) {
  13392. this.$message.error("请评分");
  13393. return;
  13394. }
  13395. let params = [
  13396. {
  13397. wid: wid,
  13398. score: JSON.stringify({
  13399. wScore: this.wScore,
  13400. detail: this.scoreDetail,
  13401. }),
  13402. },
  13403. ];
  13404. this.ajax
  13405. .post(this.$store.state.api + "scoreWork", params)
  13406. .then((res) => {
  13407. this.$message({
  13408. message: "评分成功",
  13409. type: "success",
  13410. });
  13411. this.wScore = 0;
  13412. this.scoreDetail = "";
  13413. this.dialogVisibleScore = false;
  13414. this.selectSWorks();
  13415. this.selectStudent();
  13416. })
  13417. .catch((err) => {
  13418. this.$message.error("评分失败");
  13419. console.error(err);
  13420. });
  13421. },
  13422. openXz(w, i) {
  13423. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  13424. .taskJson[this.taskCount].toolChoose[i].selectJson
  13425. ? JSON.parse(
  13426. JSON.stringify(
  13427. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13428. this.taskCount
  13429. ].toolChoose[i].selectJson
  13430. )
  13431. )
  13432. : { url: "", select: [], answer: [] };
  13433. var a = w.works.split(",");
  13434. for (var k = 0; k < a.length; k++) {
  13435. a[k] = parseInt(a[k]);
  13436. }
  13437. this.selectAnswer = { answer: a, stu: w.sName };
  13438. this.isSelect = true;
  13439. this.dialogVisibleSelect = true;
  13440. },
  13441. openSen(w, i) {
  13442. this.sentenceList1 = JSON.parse(w.works);
  13443. this.sentenceList1.stuName = w.sName;
  13444. this.dialogVisibleSentence1 = true;
  13445. },
  13446. openPj(w, toolindex) {
  13447. this.isStar = true;
  13448. this.eScore = JSON.parse(w);
  13449. this.rateJson =
  13450. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13451. this.taskCount
  13452. ].toolChoose[toolindex].rateJson;
  13453. this.studentEvalDialogVisible = true;
  13454. },
  13455. deleteWorks(id) {
  13456. this.$confirm("确定删除此作业吗?", "提示", {
  13457. confirmButtonText: "确定",
  13458. cancelButtonText: "取消",
  13459. type: "warning",
  13460. })
  13461. .then(() => {
  13462. let params = [
  13463. {
  13464. id: id,
  13465. },
  13466. ];
  13467. this.ajax
  13468. .post(this.$store.state.api + "deleteCourseWork", params)
  13469. .then((res) => {
  13470. this.$message({
  13471. message: "删除成功",
  13472. type: "success",
  13473. });
  13474. this.selectStudent();
  13475. this.selectSWorks();
  13476. this.selectSLook();
  13477. })
  13478. .catch((err) => {
  13479. this.$message.error("网络异常");
  13480. console.error(err);
  13481. });
  13482. })
  13483. .catch(() => {});
  13484. },
  13485. selectSWorks(gindex) {
  13486. //教师查看全部作业
  13487. let params = {
  13488. cid: this.id,
  13489. s: this.courseType,
  13490. t: this.taskCount,
  13491. };
  13492. this.ajax
  13493. .get(this.$store.state.api + "selectSWorks", params)
  13494. .then((res) => {
  13495. var a =
  13496. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13497. this.taskCount
  13498. ].toolChoose;
  13499. var b = res.data[0];
  13500. var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  13501. var y = [
  13502. "AVI",
  13503. "NAVI",
  13504. "MPEG",
  13505. "ASF",
  13506. "MOV",
  13507. "WMV",
  13508. "3GP",
  13509. "RM",
  13510. "RMVB",
  13511. "FLV",
  13512. "F4V",
  13513. "H.264",
  13514. "H.265",
  13515. "REAL VIDEO",
  13516. "MKV",
  13517. "WebM",
  13518. "HDDVD",
  13519. "MP4",
  13520. "MPG",
  13521. "M4V",
  13522. "MGV",
  13523. "OGV",
  13524. "QTM",
  13525. "STR",
  13526. "AMC",
  13527. "DVX",
  13528. "EVO",
  13529. "DAT",
  13530. "OGG",
  13531. "OGM",
  13532. ];
  13533. var d = res.data[1];
  13534. var e = res.data[2];
  13535. var f = res.data[3];
  13536. let _worksStudent = [];
  13537. var _worksStudent2 = [];
  13538. for (var i = 0; i < a.length; i++) {
  13539. _worksStudent[i] = [];
  13540. _worksStudent2[i] = [];
  13541. if (
  13542. !this.isCloseList[i] ||
  13543. this.isCloseList[i].isClose == undefined
  13544. ) {
  13545. this.isCloseList[i] = { isClose: 0 };
  13546. }
  13547. this.groupStudent[i] = [];
  13548. this.groupStudentUid[i] = [];
  13549. if (this.isGroup) {
  13550. for (
  13551. var groupI = 0;
  13552. groupI < this.courseGroup.group.length;
  13553. groupI++
  13554. ) {
  13555. this.courseGroup.group[groupI].works[i] = [];
  13556. }
  13557. }
  13558. this.isWorksS[i] = [];
  13559. this.checkJson[i] = [];
  13560. if (a[i].tool[0] == 49) {
  13561. for (var gA = 0; gA < a[i].groupJson.group.length; gA++) {
  13562. this.groupStudent[i][gA] = [];
  13563. this.groupStudentUid[i][gA] = [];
  13564. _worksStudent[i][gA] = [];
  13565. _worksStudent2[i][gA] = [];
  13566. this.isCloseList[i][gA] = [];
  13567. for (var g = 0; g < f.length; g++) {
  13568. if (
  13569. f[g].ttype == 2 &&
  13570. this.tcid &&
  13571. this.arrayToArray(
  13572. f[g].classid.split(","),
  13573. this.tcid.split(",")
  13574. ).length == 0
  13575. ) {
  13576. continue;
  13577. }
  13578. if (gA == f[g].group && f[g].tool == i) {
  13579. this.groupStudent[i][gA].push(f[g]);
  13580. this.groupStudentUid[i][gA].push(f[g].userid);
  13581. }
  13582. }
  13583. }
  13584. this.$forceUpdate();
  13585. }
  13586. for (var j = 0; j < b.length; j++) {
  13587. if (
  13588. b[j].ttype == 2 &&
  13589. this.tcid &&
  13590. this.arrayToArray(b[j].classid.split(","), this.tcid.split(","))
  13591. .length == 0
  13592. ) {
  13593. continue;
  13594. }
  13595. var likesCount = 0;
  13596. var commentCount = 0;
  13597. var isLikes = false;
  13598. var commentJson = [];
  13599. var data = b[j];
  13600. if (i == b[j].tool) {
  13601. if (data.type == 2 && a[i].tool[0] == 4) {
  13602. // if(JSON.parse(data.content)[0].anwer){
  13603. var checkL =
  13604. JSON.parse(data.content)[0].anwer instanceof Array
  13605. ? JSON.parse(data.content)[0].anwer
  13606. : JSON.parse(data.content)[0].anwer.split(",");
  13607. for (var z = 0; z < checkL.length; z++) {
  13608. if (!this.checkJson[i][z]) {
  13609. this.checkJson[i].push({
  13610. checkCount: [],
  13611. checkPerson: [],
  13612. rightPerson: [],
  13613. });
  13614. }
  13615. if (!this.checkJson[i][z].checkCount.length) {
  13616. this.checkJson[i][z].checkCount = [];
  13617. let _askItemCount = JSON.parse(data.content)[0].askJson
  13618. .askJson[z].askItem;
  13619. for (var aic = 0; aic < _askItemCount; aic++) {
  13620. this.checkJson[i][z].checkCount.push(0);
  13621. }
  13622. }
  13623. if (checkL[z] instanceof Array) {
  13624. if (
  13625. JSON.parse(data.content)[0].anwer.sort().join(",") ==
  13626. checkL[z].sort().join(",")
  13627. ) {
  13628. this.checkJson[i][z].rightPerson.push(data.name);
  13629. }
  13630. for (var q = 0; q < checkL[z].length; q++) {
  13631. this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
  13632. ? this.checkJson[i][z].checkPerson[
  13633. parseInt(checkL[z][q])
  13634. ].push(data.name)
  13635. : (this.checkJson[i][z].checkPerson[
  13636. parseInt(checkL[z][q])
  13637. ] = [data.name]);
  13638. this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
  13639. ? this.checkJson[i][z].checkCount[
  13640. parseInt(checkL[z][q])
  13641. ]++
  13642. : (this.checkJson[i][z].checkCount[
  13643. parseInt(checkL[z][q])
  13644. ] = 1);
  13645. }
  13646. } else {
  13647. if (JSON.parse(data.content)[0].anwer[z] == checkL[z]) {
  13648. this.checkJson[i][z].rightPerson.push(data.name);
  13649. }
  13650. if (parseInt(checkL[z]) || parseInt(checkL[z]) == 0) {
  13651. this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
  13652. ? this.checkJson[i][z].checkPerson[
  13653. parseInt(checkL[z])
  13654. ].push(data.name)
  13655. : (this.checkJson[i][z].checkPerson[
  13656. parseInt(checkL[z])
  13657. ] = [data.name]);
  13658. this.checkJson[i][z].checkCount[parseInt(checkL[z])]
  13659. ? this.checkJson[i][z].checkCount[
  13660. parseInt(checkL[z])
  13661. ]++
  13662. : (this.checkJson[i][z].checkCount[
  13663. parseInt(checkL[z])
  13664. ] = 1);
  13665. }
  13666. }
  13667. }
  13668. } else if (data.type == 8 && a[i].tool[0] == 45) {
  13669. var checkL = JSON.parse(data.content)[0].anwer;
  13670. for (var z = 0; z < checkL.length; z++) {
  13671. if (!this.checkJson[i][z]) {
  13672. this.checkJson[i].push({
  13673. checkCount: [],
  13674. checkPerson: [],
  13675. rightPerson: [],
  13676. });
  13677. }
  13678. if (!this.checkJson[i][z].checkCount.length) {
  13679. this.checkJson[i][z].checkCount = [];
  13680. let _askItemCount = JSON.parse(data.content)[0].testJson
  13681. .testJson[z].testItem;
  13682. for (var aic = 0; aic < _askItemCount; aic++) {
  13683. this.checkJson[i][z].checkCount.push(0);
  13684. }
  13685. }
  13686. if (checkL[z] instanceof Array) {
  13687. if (
  13688. JSON.parse(data.content)[0]
  13689. .testJson.testJson[z].answer.sort()
  13690. .join(",") == checkL[z].sort().join(",")
  13691. ) {
  13692. this.checkJson[i][z].rightPerson.push(data.name);
  13693. }
  13694. for (var q = 0; q < checkL[z].length; q++) {
  13695. this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
  13696. ? this.checkJson[i][z].checkPerson[
  13697. parseInt(checkL[z][q])
  13698. ].push(data.name)
  13699. : (this.checkJson[i][z].checkPerson[
  13700. parseInt(checkL[z][q])
  13701. ] = [data.name]);
  13702. this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
  13703. ? this.checkJson[i][z].checkCount[
  13704. parseInt(checkL[z][q])
  13705. ]++
  13706. : (this.checkJson[i][z].checkCount[
  13707. parseInt(checkL[z][q])
  13708. ] = 1);
  13709. }
  13710. } else {
  13711. if (
  13712. JSON.parse(data.content)[0].testJson.testJson[z]
  13713. .answer == checkL[z]
  13714. ) {
  13715. this.checkJson[i][z].rightPerson.push(data.name);
  13716. }
  13717. if (parseInt(checkL[z]) || parseInt(checkL[z]) == 0) {
  13718. this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
  13719. ? this.checkJson[i][z].checkPerson[
  13720. parseInt(checkL[z])
  13721. ].push(data.name)
  13722. : (this.checkJson[i][z].checkPerson[
  13723. parseInt(checkL[z])
  13724. ] = [data.name]);
  13725. this.checkJson[i][z].checkCount[parseInt(checkL[z])]
  13726. ? this.checkJson[i][z].checkCount[
  13727. parseInt(checkL[z])
  13728. ]++
  13729. : (this.checkJson[i][z].checkCount[
  13730. parseInt(checkL[z])
  13731. ] = 1);
  13732. }
  13733. }
  13734. }
  13735. } else if (data.type == 9 && a[i].tool[0] == 47) {
  13736. var checkL = JSON.parse(data.content);
  13737. for (var z = 0; z < checkL.length; z++) {
  13738. if (!this.checkJson[i][z]) {
  13739. this.checkJson[i].push({
  13740. checkCount: [],
  13741. checkPerson: [],
  13742. rightPerson: [],
  13743. });
  13744. }
  13745. this.checkJson[i][z].checkPerson.push(data.name);
  13746. if (
  13747. checkL[z].chooseSenList.toString() ==
  13748. checkL[z].rightAnswer.toString()
  13749. ) {
  13750. this.checkJson[i][z].rightPerson.push(data.name);
  13751. }
  13752. }
  13753. }
  13754. for (var k = 0; k < d.length; k++) {
  13755. //点赞
  13756. if (d[k].workId == b[j].id) {
  13757. likesCount++;
  13758. if (d[k].likesId == this.userid) {
  13759. isLikes = true;
  13760. }
  13761. }
  13762. }
  13763. for (var l = 0; l < e.length; l++) {
  13764. //评论
  13765. if (e[l].workId == b[j].id) {
  13766. if (e[l].comment != "") {
  13767. commentCount++;
  13768. commentJson.push({
  13769. commentText: e[l].comment,
  13770. commentTime: e[l].commentTime,
  13771. commentPeople: e[l].commentPeople,
  13772. userid: e[l].userid,
  13773. wid: e[l].id,
  13774. });
  13775. }
  13776. }
  13777. }
  13778. if (
  13779. (b[j].type == 1 ||
  13780. b[j].type == 4 ||
  13781. b[j].type == 5 ||
  13782. b[j].type == 6 ||
  13783. b[j].type == 12 ||
  13784. b[j].type == 7) &&
  13785. a[i].tool[0] != 15 &&
  13786. a[i].tool[0] != 4 &&
  13787. a[i].tool[0] != 45 &&
  13788. a[i].tool[0] != 50 &&
  13789. a[i].tool[0] != 32 &&
  13790. a[i].tool[0] != 57 &&
  13791. a[i].tool[0] != 52
  13792. ) {
  13793. if (
  13794. c.indexOf(
  13795. b[j].content
  13796. .split(".")
  13797. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  13798. ) != -1 &&
  13799. a[i].tool[0] == 16 &&
  13800. b[j].atool != 50
  13801. ) {
  13802. let _works = {
  13803. userid: b[j].userid,
  13804. ateacher: b[j].ateacher,
  13805. wid: b[j].id,
  13806. works: b[j].content,
  13807. sName: b[j].name,
  13808. type: 1,
  13809. time: b[j].time,
  13810. score: b[j].score,
  13811. img: b[j].img,
  13812. likesCount: likesCount,
  13813. commentCount: commentCount,
  13814. isLikes: isLikes,
  13815. commentJson: commentJson,
  13816. };
  13817. if (this.isGroup) {
  13818. let isGw = 1;
  13819. for (
  13820. var groupI = 0;
  13821. groupI < this.courseGroup.group.length;
  13822. groupI++
  13823. ) {
  13824. let gid = this.courseGroup.group[groupI].id;
  13825. if (
  13826. this.courseGroupStudentUid[gid].indexOf(
  13827. b[j].userid
  13828. ) != -1
  13829. ) {
  13830. isGw = 2;
  13831. this.courseGroup.group[groupI].works[i].push(_works);
  13832. break;
  13833. }
  13834. }
  13835. if (isGw == 1) {
  13836. _worksStudent[i].push(_works);
  13837. }
  13838. } else {
  13839. _worksStudent[i].push(_works);
  13840. }
  13841. _worksStudent2[i].push(_works);
  13842. this.isWorksS[i].push({
  13843. uid: b[j].userid,
  13844. sName: b[j].name,
  13845. });
  13846. } else if (
  13847. y.indexOf(
  13848. b[j].content
  13849. .split(".")
  13850. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  13851. ) != -1 &&
  13852. a[i].tool[0] == 16 &&
  13853. b[j].atool != 50
  13854. ) {
  13855. let _works = {
  13856. userid: b[j].userid,
  13857. ateacher: b[j].ateacher,
  13858. wid: b[j].id,
  13859. works: b[j].content,
  13860. sName: b[j].name,
  13861. type: 3,
  13862. time: b[j].time,
  13863. score: b[j].score,
  13864. img: b[j].img,
  13865. likesCount: likesCount,
  13866. commentCount: commentCount,
  13867. isLikes: isLikes,
  13868. commentJson: commentJson,
  13869. };
  13870. if (this.isGroup) {
  13871. let isGw = 1;
  13872. for (
  13873. var groupI = 0;
  13874. groupI < this.courseGroup.group.length;
  13875. groupI++
  13876. ) {
  13877. let gid = this.courseGroup.group[groupI].id;
  13878. if (
  13879. this.courseGroupStudentUid[gid].indexOf(
  13880. b[j].userid
  13881. ) != -1
  13882. ) {
  13883. isGw = 2;
  13884. this.courseGroup.group[groupI].works[i].push(_works);
  13885. break;
  13886. }
  13887. }
  13888. if (isGw == 1) {
  13889. _worksStudent[i].push(_works);
  13890. }
  13891. } else {
  13892. _worksStudent[i].push(_works);
  13893. }
  13894. _worksStudent2[i].push(_works);
  13895. this.isWorksS[i].push({
  13896. uid: b[j].userid,
  13897. sName: b[j].name,
  13898. });
  13899. } else if (b[j].type == 6 && b[j].atool != 50) {
  13900. let _works = {
  13901. userid: b[j].userid,
  13902. ateacher: b[j].ateacher,
  13903. wid: b[j].id,
  13904. works: b[j].content,
  13905. sName: b[j].name,
  13906. type: 4,
  13907. time: b[j].time,
  13908. score: b[j].score,
  13909. img: b[j].img,
  13910. likesCount: likesCount,
  13911. commentCount: commentCount,
  13912. isLikes: isLikes,
  13913. commentJson: commentJson,
  13914. };
  13915. _worksStudent[i].push(_works);
  13916. _worksStudent2[i].push(_works);
  13917. this.isWorksS[i].push({
  13918. uid: b[j].userid,
  13919. sName: b[j].name,
  13920. });
  13921. } else if (b[j].type == 7 && b[j].atool != 50) {
  13922. let _work = {
  13923. userid: b[j].userid,
  13924. ateacher: b[j].ateacher,
  13925. wid: b[j].id,
  13926. works: b[j].content,
  13927. sName: b[j].name,
  13928. type: 5,
  13929. time: b[j].time,
  13930. score: b[j].score,
  13931. img: b[j].img,
  13932. likesCount: likesCount,
  13933. commentCount: commentCount,
  13934. isLikes: isLikes,
  13935. commentJson: commentJson,
  13936. };
  13937. _worksStudent[i].push(_work);
  13938. _worksStudent2[i].push(_work);
  13939. this.isWorksS[i].push({
  13940. uid: b[j].userid,
  13941. sName: b[j].name,
  13942. });
  13943. } else if (b[j].type == 12 && a[i].tool[0] == b[j].atool) {
  13944. let _works = {
  13945. userid: b[j].userid,
  13946. ateacher: b[j].ateacher,
  13947. wid: b[j].id,
  13948. works: b[j].content,
  13949. sName: b[j].name,
  13950. type: 12,
  13951. time: b[j].time,
  13952. score: b[j].score,
  13953. img: b[j].img,
  13954. likesCount: likesCount,
  13955. commentCount: commentCount,
  13956. isLikes: isLikes,
  13957. commentJson: commentJson,
  13958. };
  13959. if (this.isGroup) {
  13960. let isGw = 1;
  13961. for (
  13962. var groupI = 0;
  13963. groupI < this.courseGroup.group.length;
  13964. groupI++
  13965. ) {
  13966. let gid = this.courseGroup.group[groupI].id;
  13967. if (
  13968. this.courseGroupStudentUid[gid].indexOf(
  13969. b[j].userid
  13970. ) != -1
  13971. ) {
  13972. isGw = 2;
  13973. this.courseGroup.group[groupI].works[i].push(_works);
  13974. break;
  13975. }
  13976. }
  13977. if (isGw == 1) {
  13978. _worksStudent[i].push(_works);
  13979. }
  13980. } else {
  13981. _worksStudent[i].push(_works);
  13982. }
  13983. _worksStudent2[i].push(_works);
  13984. this.isWorksS[i].push({
  13985. uid: b[j].userid,
  13986. sName: b[j].name,
  13987. });
  13988. } else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
  13989. let _works = {
  13990. userid: b[j].userid,
  13991. ateacher: b[j].ateacher,
  13992. wid: b[j].id,
  13993. works: b[j].content,
  13994. sName: b[j].name,
  13995. type: 0,
  13996. time: b[j].time,
  13997. score: b[j].score,
  13998. img: b[j].img,
  13999. likesCount: likesCount,
  14000. commentCount: commentCount,
  14001. isLikes: isLikes,
  14002. commentJson: commentJson,
  14003. };
  14004. if (this.isGroup) {
  14005. let isGw = 1;
  14006. for (
  14007. var groupI = 0;
  14008. groupI < this.courseGroup.group.length;
  14009. groupI++
  14010. ) {
  14011. let gid = this.courseGroup.group[groupI].id;
  14012. if (
  14013. this.courseGroupStudentUid[gid].indexOf(
  14014. b[j].userid
  14015. ) != -1
  14016. ) {
  14017. isGw = 2;
  14018. this.courseGroup.group[groupI].works[i].push(_works);
  14019. break;
  14020. }
  14021. }
  14022. if (isGw == 1) {
  14023. _worksStudent[i].push(_works);
  14024. }
  14025. } else {
  14026. _worksStudent[i].push(_works);
  14027. }
  14028. _worksStudent2[i].push(_works);
  14029. this.isWorksS[i].push({
  14030. uid: b[j].userid,
  14031. sName: b[j].name,
  14032. });
  14033. } else if (b[j].type == 1 && !parseInt(b[j].atool)) {
  14034. let _works = {
  14035. userid: b[j].userid,
  14036. ateacher: b[j].ateacher,
  14037. wid: b[j].id,
  14038. works: b[j].content,
  14039. sName: b[j].name,
  14040. type: 0,
  14041. time: b[j].time,
  14042. score: b[j].score,
  14043. img: b[j].img,
  14044. likesCount: likesCount,
  14045. commentCount: commentCount,
  14046. isLikes: isLikes,
  14047. commentJson: commentJson,
  14048. };
  14049. if (this.isGroup) {
  14050. let isGw = 1;
  14051. for (
  14052. var groupI = 0;
  14053. groupI < this.courseGroup.group.length;
  14054. groupI++
  14055. ) {
  14056. let gid = this.courseGroup.group[groupI].id;
  14057. if (
  14058. this.courseGroupStudentUid[gid].indexOf(
  14059. b[j].userid
  14060. ) != -1
  14061. ) {
  14062. isGw = 2;
  14063. this.courseGroup.group[groupI].works[i].push(_works);
  14064. break;
  14065. }
  14066. }
  14067. if (isGw == 1) {
  14068. _worksStudent[i].push(_works);
  14069. }
  14070. } else {
  14071. _worksStudent[i].push(_works);
  14072. }
  14073. _worksStudent2[i].push(_works);
  14074. this.isWorksS[i].push({
  14075. uid: b[j].userid,
  14076. sName: b[j].name,
  14077. });
  14078. }
  14079. } else if (b[j].type == 3 && a[i].tool[0] == 15) {
  14080. let _works = {
  14081. userid: b[j].userid,
  14082. ateacher: b[j].ateacher,
  14083. wid: b[j].id,
  14084. works: b[j].content,
  14085. sName: b[j].name,
  14086. type: 2,
  14087. time: b[j].time,
  14088. score: b[j].score,
  14089. img: b[j].img,
  14090. likesCount: likesCount,
  14091. commentCount: commentCount,
  14092. isLikes: isLikes,
  14093. commentJson: commentJson,
  14094. };
  14095. if (this.isGroup) {
  14096. let isGw = 1;
  14097. for (
  14098. var groupI = 0;
  14099. groupI < this.courseGroup.group.length;
  14100. groupI++
  14101. ) {
  14102. let gid = this.courseGroup.group[groupI].id;
  14103. if (
  14104. this.courseGroupStudentUid[gid].indexOf(b[j].userid) !=
  14105. -1
  14106. ) {
  14107. isGw = 2;
  14108. this.courseGroup.group[groupI].works[i].push(_works);
  14109. break;
  14110. }
  14111. }
  14112. if (isGw == 1) {
  14113. _worksStudent[i].push(_works);
  14114. }
  14115. } else {
  14116. _worksStudent[i].push(_works);
  14117. }
  14118. _worksStudent2[i].push(_works);
  14119. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14120. } else if (b[j].type == 2 && a[i].tool[0] == 4) {
  14121. //问卷
  14122. let _work = {
  14123. userid: b[j].userid,
  14124. ateacher: b[j].ateacher,
  14125. wid: b[j].id,
  14126. works: b[j].content,
  14127. sName: b[j].name,
  14128. type: 2,
  14129. time: b[j].time,
  14130. score: b[j].score,
  14131. img: b[j].img,
  14132. likesCount: likesCount,
  14133. commentCount: commentCount,
  14134. isLikes: isLikes,
  14135. commentJson: commentJson,
  14136. };
  14137. _worksStudent[i].push(_work);
  14138. _worksStudent2[i].push(_work);
  14139. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14140. } else if (b[j].type == 8 && a[i].tool[0] == 45) {
  14141. //选择题
  14142. let _work = {
  14143. userid: b[j].userid,
  14144. ateacher: b[j].ateacher,
  14145. wid: b[j].id,
  14146. works: b[j].content,
  14147. sName: b[j].name,
  14148. type: 8,
  14149. time: b[j].time,
  14150. score: b[j].score,
  14151. img: b[j].img,
  14152. likesCount: likesCount,
  14153. commentCount: commentCount,
  14154. isLikes: isLikes,
  14155. commentJson: commentJson,
  14156. };
  14157. _worksStudent[i].push(_work);
  14158. _worksStudent2[i].push(_work);
  14159. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14160. } else if (b[j].type == 9 && a[i].tool[0] == 47) {
  14161. //选择题
  14162. let _work = {
  14163. userid: b[j].userid,
  14164. ateacher: b[j].ateacher,
  14165. wid: b[j].id,
  14166. works: b[j].content,
  14167. sName: b[j].name,
  14168. type: 9,
  14169. time: b[j].time,
  14170. score: b[j].score,
  14171. img: b[j].img,
  14172. likesCount: likesCount,
  14173. commentCount: commentCount,
  14174. isLikes: isLikes,
  14175. commentJson: commentJson,
  14176. };
  14177. _worksStudent[i].push(_work);
  14178. _worksStudent2[i].push(_work);
  14179. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14180. } else if (b[j].type == 10 && a[i].tool[0] == 48) {
  14181. //选择题
  14182. let _work = {
  14183. userid: b[j].userid,
  14184. ateacher: b[j].ateacher,
  14185. wid: b[j].id,
  14186. works: b[j].content,
  14187. sName: b[j].name,
  14188. type: 10,
  14189. time: b[j].time,
  14190. score: b[j].score,
  14191. img: b[j].img,
  14192. likesCount: likesCount,
  14193. commentCount: commentCount,
  14194. isLikes: isLikes,
  14195. commentJson: commentJson,
  14196. };
  14197. _worksStudent[i].push(_work);
  14198. _worksStudent2[i].push(_work);
  14199. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14200. } else if (b[j].type == 13 && a[i].tool[0] == 52) {
  14201. //选择题
  14202. let _work = {
  14203. userid: b[j].userid,
  14204. ateacher: b[j].ateacher,
  14205. wid: b[j].id,
  14206. works: b[j].content,
  14207. sName: b[j].name,
  14208. type: 13,
  14209. time: b[j].time,
  14210. score: b[j].score,
  14211. img: b[j].img,
  14212. likesCount: likesCount,
  14213. commentCount: commentCount,
  14214. isLikes: isLikes,
  14215. commentJson: commentJson,
  14216. };
  14217. _worksStudent[i].push(_work);
  14218. _worksStudent2[i].push(_work);
  14219. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14220. } else if (b[j].type == 16 && a[i].tool[0] == 69) {
  14221. //选择题
  14222. let _work = {
  14223. userid: b[j].userid,
  14224. ateacher: b[j].ateacher,
  14225. wid: b[j].id,
  14226. works: b[j].content,
  14227. sName: b[j].name,
  14228. type: 16,
  14229. time: b[j].time,
  14230. score: b[j].score,
  14231. img: b[j].img,
  14232. likesCount: likesCount,
  14233. commentCount: commentCount,
  14234. isLikes: isLikes,
  14235. commentJson: commentJson,
  14236. };
  14237. _worksStudent[i].push(_work);
  14238. _worksStudent2[i].push(_work);
  14239. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14240. } else if (b[j].type == 11 && a[i].tool[0] == 49) {
  14241. let _gindex = JSON.parse(b[j].content);
  14242. if (
  14243. this.groupStudentUid[i][_gindex.groupIndex].indexOf(
  14244. b[j].userid
  14245. ) != -1
  14246. ) {
  14247. let _work = {
  14248. userid: b[j].userid,
  14249. ateacher: b[j].ateacher,
  14250. wid: b[j].id,
  14251. works: _gindex.url,
  14252. sName: b[j].name,
  14253. type: _gindex.type,
  14254. time: b[j].time,
  14255. score: b[j].score,
  14256. img: b[j].img,
  14257. likesCount: likesCount,
  14258. commentCount: commentCount,
  14259. isLikes: isLikes,
  14260. commentJson: commentJson,
  14261. };
  14262. _worksStudent[i][_gindex.groupIndex].push(_work);
  14263. _worksStudent2[i][_gindex.groupIndex].push(_work);
  14264. }
  14265. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14266. } else if (a[i].tool[0] == 50 && b[j].atool == 50) {
  14267. let _work = {
  14268. userid: b[j].userid,
  14269. ateacher: b[j].ateacher,
  14270. wid: b[j].id,
  14271. works: b[j].content,
  14272. sName: b[j].name ? b[j].name : b[j].userid,
  14273. type: b[j].type == 1 ? 0 : b[j].type == 4 ? 1 : 3,
  14274. time: b[j].time,
  14275. score: b[j].score,
  14276. img: b[j].img,
  14277. likesCount: likesCount,
  14278. commentCount: commentCount,
  14279. isLikes: isLikes,
  14280. commentJson: commentJson,
  14281. };
  14282. _worksStudent[i].push(_work);
  14283. _worksStudent2[i].push(_work);
  14284. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14285. } else if (a[i].tool[0] == 32 && b[j].atool == 32) {
  14286. let _work = {
  14287. userid: b[j].userid,
  14288. ateacher: b[j].ateacher,
  14289. wid: b[j].id,
  14290. works: b[j].content,
  14291. sName: b[j].name ? b[j].name : b[j].userid,
  14292. type: 12,
  14293. time: b[j].time,
  14294. score: b[j].score,
  14295. img: b[j].img,
  14296. likesCount: likesCount,
  14297. commentCount: commentCount,
  14298. isLikes: isLikes,
  14299. commentJson: commentJson,
  14300. };
  14301. _worksStudent[i].push(_work);
  14302. _worksStudent2[i].push(_work);
  14303. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14304. } else if (
  14305. a[i].tool[0] == 57 &&
  14306. b[j].atool == 57 &&
  14307. b[j].type == 12
  14308. ) {
  14309. let _work = {
  14310. userid: b[j].userid,
  14311. ateacher: b[j].ateacher,
  14312. wid: b[j].id,
  14313. works: b[j].content,
  14314. sName: b[j].name ? b[j].name : b[j].userid,
  14315. type: 12,
  14316. time: b[j].time,
  14317. score: b[j].score,
  14318. img: b[j].img,
  14319. likesCount: likesCount,
  14320. commentCount: commentCount,
  14321. isLikes: isLikes,
  14322. commentJson: commentJson,
  14323. };
  14324. _worksStudent[i].push(_work);
  14325. _worksStudent2[i].push(_work);
  14326. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14327. } else if (
  14328. a[i].tool[0] == 57 &&
  14329. b[j].atool == 57 &&
  14330. b[j].type == 15
  14331. ) {
  14332. let _work = {
  14333. userid: b[j].userid,
  14334. ateacher: b[j].ateacher,
  14335. wid: b[j].id,
  14336. works: b[j].content,
  14337. sName: b[j].name ? b[j].name : b[j].userid,
  14338. type: 15,
  14339. time: b[j].time,
  14340. score: b[j].score,
  14341. img: b[j].img,
  14342. likesCount: likesCount,
  14343. commentCount: commentCount,
  14344. isLikes: isLikes,
  14345. commentJson: commentJson,
  14346. };
  14347. _worksStudent[i].push(_work);
  14348. _worksStudent2[i].push(_work);
  14349. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14350. }
  14351. }
  14352. }
  14353. if (_worksStudent[i] && _worksStudent[i].length) {
  14354. _worksStudent[i] = _worksStudent[i].sort(function (a, b) {
  14355. let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
  14356. let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
  14357. var scoreA = parseFloat(jscoreA);
  14358. var scoreB = parseFloat(jscoreB);
  14359. if (scoreA == scoreB) {
  14360. return b.likesCount - a.likesCount;
  14361. }
  14362. return scoreB - scoreA;
  14363. });
  14364. if (this.isGroup) {
  14365. for (
  14366. var groupI = 0;
  14367. groupI < this.courseGroup.group.length;
  14368. groupI++
  14369. ) {
  14370. this.courseGroup.group[groupI].works[i] =
  14371. this.courseGroup.group[groupI].works[i].sort(function (
  14372. a,
  14373. b
  14374. ) {
  14375. let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
  14376. let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
  14377. var scoreA = parseFloat(jscoreA);
  14378. var scoreB = parseFloat(jscoreB);
  14379. if (scoreA == scoreB) {
  14380. return b.likesCount - a.likesCount;
  14381. }
  14382. return scoreB - scoreA;
  14383. });
  14384. }
  14385. }
  14386. }
  14387. }
  14388. this.timeWorkList = _worksStudent2;
  14389. for (var i = 0; i < a.length; i++) {
  14390. for (var j = 0; j < b.length; j++) {
  14391. var data = b[j];
  14392. if (i == b[j].tool) {
  14393. if (data.type == 2 || data.type == 8) {
  14394. for (var z = 0; z < this.checkJson[i].length; z++) {
  14395. this.checkJson[i][z].checkPerent = [];
  14396. this.checkJson[i][z].right = Math.round(
  14397. (this.checkJson[i][z].rightPerson.length /
  14398. parseInt(_worksStudent[i].length)) *
  14399. 100
  14400. );
  14401. let aaaa = this.checkJson[i][z];
  14402. for (
  14403. var k = 0;
  14404. k < this.checkJson[i][z].checkCount.length;
  14405. k++
  14406. ) {
  14407. this.checkJson[i][z].checkPerent.push(
  14408. Math.round(
  14409. (this.checkJson[i][z].checkCount[k] /
  14410. parseInt(_worksStudent[i].length)) *
  14411. 100
  14412. )
  14413. );
  14414. }
  14415. }
  14416. } else if (data.type == 9) {
  14417. for (var z = 0; z < this.checkJson[i].length; z++) {
  14418. this.checkJson[i][z].checkPerent = [];
  14419. this.checkJson[i][z].right = Math.round(
  14420. (this.checkJson[i][z].rightPerson.length /
  14421. this.checkJson[i][z].checkPerson.length) *
  14422. 100
  14423. );
  14424. }
  14425. }
  14426. }
  14427. }
  14428. }
  14429. if (this.dialogVisibleGroup && (gindex || gindex === 0)) {
  14430. this.joinGroup(gindex);
  14431. }
  14432. this.worksStudent = _worksStudent;
  14433. this.selectWorksStudent();
  14434. })
  14435. .catch((err) => {
  14436. console.error(err);
  14437. });
  14438. },
  14439. pngToWhiteBg(file) {
  14440. const _file = file;
  14441. let read = new FileReader();
  14442. read.readAsDataURL(file); // 文件转base64
  14443. return new Promise((resolve, reject) => {
  14444. read.onload = (e) => {
  14445. let img = new Image();
  14446. img.src = e.target.result;
  14447. img.onload = async () => {
  14448. // 生成canvas
  14449. let canvas = document.createElement("canvas");
  14450. let context = canvas.getContext("2d");
  14451. // 绘制图片到canvas上
  14452. canvas.width = img.width;
  14453. canvas.height = img.height;
  14454. // 在canvas绘制前填充白色背景
  14455. context.fillStyle = "#fff";
  14456. context.fillRect(0, 0, canvas.width, canvas.height);
  14457. context.drawImage(img, 0, 0);
  14458. let base64 = canvas.toDataURL(file["type"], 1);
  14459. let newFile = this.dataUrlToFile(base64, _file);
  14460. resolve(newFile);
  14461. };
  14462. };
  14463. });
  14464. },
  14465. dataUrlToFile(dataurl, file) {
  14466. let arr = dataurl.split(","),
  14467. mime = arr[0].match(/:(.*?);/)[1],
  14468. bstr = atob(arr[1]),
  14469. n = bstr.length,
  14470. u8arr = new Uint8Array(n);
  14471. while (n--) {
  14472. u8arr[n] = bstr.charCodeAt(n);
  14473. }
  14474. // return new Blob([u8arr], { type: mime });
  14475. return new File([new Blob([u8arr], { type: mime })], file.name, {
  14476. type: mime,
  14477. });
  14478. },
  14479. async beforeUpload1(event, type, i) {
  14480. // this.$message.success('进入上传')
  14481. var file = "";
  14482. if (type == 5) {
  14483. file = event;
  14484. } else {
  14485. file = event.target.files[0];
  14486. }
  14487. var credentials = {
  14488. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  14489. secretAccessKey: "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",
  14490. }; //秘钥形式的登录上传
  14491. window.AWS.config.update(credentials);
  14492. window.AWS.config.region = "cn-northwest-1"; //设置区域
  14493. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  14494. var _this = this;
  14495. _this.progress = 0;
  14496. _this.proVisible = true;
  14497. _this.isFinishSize = 0;
  14498. _this.isAllSize = (file.size / 1024 / 1024).toFixed(2);
  14499. var b = [
  14500. "DOC",
  14501. "DOCX",
  14502. "DOCM",
  14503. "DOTM",
  14504. "DOTX",
  14505. "PPTX",
  14506. "PPSX",
  14507. "PPT",
  14508. "PPS",
  14509. "PPTM",
  14510. "POTM",
  14511. "PPAM",
  14512. "POTX",
  14513. "PPSM",
  14514. ];
  14515. var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
  14516. var photoA = [
  14517. "BMP",
  14518. "GIF",
  14519. "PNG",
  14520. "JPGE",
  14521. "JPEG",
  14522. "JPG",
  14523. "TIF",
  14524. "PCX",
  14525. "TGA",
  14526. "EXIF",
  14527. "FPX",
  14528. "SVG",
  14529. "APNG",
  14530. ];
  14531. // if (
  14532. // b.indexOf(
  14533. // file.name
  14534. // .split(".")
  14535. // [file.name.split(".").length - 1].toLocaleUpperCase()
  14536. // ) != -1
  14537. // ) {
  14538. // if (file.size / 1024 / 1024 > 10) {
  14539. // this.$message.error("上传文件大于10兆,请重新选择文件!");
  14540. // return;
  14541. // }
  14542. // } else if (
  14543. // excelA.indexOf(
  14544. // file.name
  14545. // .split(".")
  14546. // [file.name.split(".").length - 1].toLocaleUpperCase()
  14547. // ) != "-1"
  14548. // ) {
  14549. // if (file.size / 1024 / 1024 > 5) {
  14550. // this.$message.error("添加成上传文件大于5兆,请重新选择文件!");
  14551. // return;
  14552. // }
  14553. // }
  14554. if (
  14555. photoA.indexOf(
  14556. file.name
  14557. .split(".")
  14558. [file.name.split(".").length - 1].toLocaleUpperCase()
  14559. ) != -1 &&
  14560. type != 4
  14561. ) {
  14562. // const blob = await imageConversion.compress(file, 0.8)
  14563. file = await this.pngToWhiteBg(file);
  14564. const blob = await imageConversion.compressAccurately(file, 256);
  14565. // const blob = await imageConversion.compressAccurately(file, {type:file.type});
  14566. file = new File([blob], file.name, { type: file.type });
  14567. }
  14568. if (file) {
  14569. var params = {
  14570. Key:
  14571. file.name.split(".")[0] +
  14572. new Date().getTime() +
  14573. "." +
  14574. file.name.split(".")[file.name.split(".").length - 1],
  14575. ContentType: file.type,
  14576. Body: file,
  14577. "Access-Control-Allow-Credentials": "*",
  14578. ACL: "public-read",
  14579. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  14580. var options = {
  14581. // partSize: 2048 * 1024 * 1024,
  14582. partSize: 1024 * 1024 * 1024,
  14583. queueSize: 2,
  14584. leavePartsOnError: true,
  14585. };
  14586. bucket
  14587. .upload(params, options)
  14588. .on("httpUploadProgress", function (evt) {
  14589. //这里可以写进度条
  14590. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  14591. _this.progress = parseInt((evt.loaded / evt.total) * 100);
  14592. _this.isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
  14593. })
  14594. .send(function (err, data) {
  14595. _this.progress = 100;
  14596. _this.isFinishSize = _this.isAllSize;
  14597. setTimeout(() => {
  14598. _this.proVisible = false;
  14599. }, 1000);
  14600. if (err) {
  14601. var a = _this.$refs.upload1.uploadFiles;
  14602. a.splice(a.length - 1, a.length);
  14603. _this.$message.error("上传失败");
  14604. } else {
  14605. // _this.$message.success('上传成功')
  14606. var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  14607. var c = [
  14608. "AVI",
  14609. "NAVI",
  14610. "MPEG",
  14611. "ASF",
  14612. "MOV",
  14613. "WMV",
  14614. "3GP",
  14615. "RM",
  14616. "RMVB",
  14617. "FLV",
  14618. "F4V",
  14619. "H.264",
  14620. "H.265",
  14621. "REAL VIDEO",
  14622. "MKV",
  14623. "WebM",
  14624. "HDDVD",
  14625. "MP4",
  14626. "MPG",
  14627. "M4V",
  14628. "MGV",
  14629. "OGV",
  14630. "QTM",
  14631. "STR",
  14632. "AMC",
  14633. "DVX",
  14634. "EVO",
  14635. "DAT",
  14636. "OGG",
  14637. "OGM",
  14638. ];
  14639. if (type == 1) {
  14640. _this.studyJuri[0].cover.push({
  14641. name: file.name,
  14642. url: data.Location,
  14643. uid: file.uid,
  14644. });
  14645. if (
  14646. c.indexOf(
  14647. _this.studyJuri[0].cover[0].url
  14648. .split(".")
  14649. [
  14650. _this.studyJuri[0].cover[0].url.split(".").length - 1
  14651. ].toLocaleUpperCase()
  14652. ) != -1
  14653. ) {
  14654. _this.fileType = 2;
  14655. } else if (
  14656. b.indexOf(
  14657. _this.studyJuri[0].cover[0].url
  14658. .split(".")
  14659. [
  14660. _this.studyJuri[0].cover[0].url.split(".").length - 1
  14661. ].toLocaleUpperCase()
  14662. ) != -1
  14663. ) {
  14664. _this.fileType = 1;
  14665. } else if (
  14666. photoA.indexOf(
  14667. _this.studyJuri[0].cover[0].url
  14668. .split(".")
  14669. [
  14670. _this.studyJuri[0].cover[0].url.split(".").length - 1
  14671. ].toLocaleUpperCase()
  14672. ) != -1
  14673. ) {
  14674. _this.fileType = 0;
  14675. } else {
  14676. _this.fileType = 3;
  14677. }
  14678. _this.imgChange(null, null, type);
  14679. } else if (type == 2) {
  14680. _this.upToolImg = data.Location;
  14681. _this.imgChange(null, null, type);
  14682. _this.addCourseWorks(i);
  14683. } else if (type == 4) {
  14684. _this.addPz("3", data.Location);
  14685. } else if (type == 5) {
  14686. _this.addImgDrawImG(data.Location);
  14687. } else if (type == 6) {
  14688. var _ftype = 1;
  14689. if (
  14690. c.indexOf(
  14691. data.Location.split(".")[
  14692. data.Location.split(".").length - 1
  14693. ].toLocaleUpperCase()
  14694. ) != -1
  14695. ) {
  14696. _ftype = 5;
  14697. } else if (
  14698. b.indexOf(
  14699. data.Location.split(".")[
  14700. data.Location.split(".").length - 1
  14701. ].toLocaleUpperCase()
  14702. ) != -1
  14703. ) {
  14704. _ftype = 4;
  14705. } else {
  14706. _ftype = 1;
  14707. }
  14708. _this.plworkFile.push({
  14709. name: file.name,
  14710. url: data.Location,
  14711. uid: file.uid,
  14712. fileType: _ftype,
  14713. username:
  14714. _this.plworkFile.length > 10
  14715. ? _this.plworkFile.length + 1
  14716. : "0" + (_this.plworkFile.length + 1),
  14717. });
  14718. } else if (type == 7) {
  14719. _this.addCourseWorksGong(i, data.Location, 32);
  14720. } else if (type == 8) {
  14721. _this.addCourseWorksGong(i, data.Location, 57);
  14722. }
  14723. _this.imgChange(null, null, type);
  14724. console.log(data.Location);
  14725. // _this.$message.success('上传成功'+data.Location)
  14726. }
  14727. });
  14728. }
  14729. },
  14730. async beforeUpload3(event, type, i) {
  14731. // this.$message.success('进入上传')
  14732. let file = "";
  14733. let cfindex2 = 0;
  14734. for (var cfindex = 0; cfindex < event.target.files.length; cfindex++) {
  14735. file = event.target.files[cfindex];
  14736. var credentials = {
  14737. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  14738. secretAccessKey: "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",
  14739. }; //秘钥形式的登录上传
  14740. window.AWS.config.update(credentials);
  14741. window.AWS.config.region = "cn-northwest-1"; //设置区域
  14742. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  14743. var _this = this;
  14744. // _this.progress = 0;
  14745. _this.proVisible2 = true;
  14746. var b = [
  14747. "DOC",
  14748. "DOCX",
  14749. "DOCM",
  14750. "DOTM",
  14751. "DOTX",
  14752. "PPTX",
  14753. "PPSX",
  14754. "PPT",
  14755. "PPS",
  14756. "PPTM",
  14757. "POTM",
  14758. "PPAM",
  14759. "POTX",
  14760. "PPSM",
  14761. ];
  14762. var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
  14763. var photoA = [
  14764. "BMP",
  14765. "GIF",
  14766. "PNG",
  14767. "JPGE",
  14768. "JPG",
  14769. "TIF",
  14770. "PCX",
  14771. "TGA",
  14772. "EXIF",
  14773. "FPX",
  14774. "SVG",
  14775. "APNG",
  14776. ];
  14777. if (
  14778. photoA.indexOf(
  14779. file.name
  14780. .split(".")
  14781. [file.name.split(".").length - 1].toLocaleUpperCase()
  14782. ) != -1 &&
  14783. type != 4
  14784. ) {
  14785. // const blob = await imageConversion.compress(file, 0.8)
  14786. file = await this.pngToWhiteBg(file);
  14787. const blob = await imageConversion.compressAccurately(file, 256);
  14788. // const blob = await imageConversion.compressAccurately(file, {type:file.type});
  14789. file = new File([blob], file.name, { type: file.type });
  14790. }
  14791. if (file) {
  14792. var params = {
  14793. Key:
  14794. file.name.split(".")[0] +
  14795. new Date().getTime() +
  14796. "." +
  14797. file.name.split(".")[file.name.split(".").length - 1],
  14798. ContentType: file.type,
  14799. Body: file,
  14800. "Access-Control-Allow-Credentials": "*",
  14801. ACL: "public-read",
  14802. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  14803. var options = {
  14804. // partSize: 2048 * 1024 * 1024,
  14805. partSize: 1024 * 1024 * 1024,
  14806. queueSize: 2,
  14807. leavePartsOnError: true,
  14808. };
  14809. bucket
  14810. .upload(params, options)
  14811. .on("httpUploadProgress", function (evt) {
  14812. //这里可以写进度条
  14813. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  14814. // _this.progress = parseInt((evt.loaded * 80) / evt.total);
  14815. })
  14816. .send(function (err, data) {
  14817. // _this.progress = 100;
  14818. cfindex2++;
  14819. setTimeout(() => {
  14820. if (
  14821. cfindex2 == event.target.files.length - 1 ||
  14822. cfindex2 > event.target.files.length - 1
  14823. ) {
  14824. _this.proVisible2 = false;
  14825. }
  14826. }, 1000);
  14827. if (err) {
  14828. var a = _this.$refs.upload1.uploadFiles;
  14829. a.splice(a.length - 1, a.length);
  14830. _this.$message.error("上传失败");
  14831. } else {
  14832. // _this.$message.success('上传成功')
  14833. var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  14834. var c = [
  14835. "AVI",
  14836. "NAVI",
  14837. "MPEG",
  14838. "ASF",
  14839. "MOV",
  14840. "WMV",
  14841. "3GP",
  14842. "RM",
  14843. "RMVB",
  14844. "FLV",
  14845. "F4V",
  14846. "H.264",
  14847. "H.265",
  14848. "REAL VIDEO",
  14849. "MKV",
  14850. "WebM",
  14851. "HDDVD",
  14852. "MP4",
  14853. "MPG",
  14854. "M4V",
  14855. "MGV",
  14856. "OGV",
  14857. "QTM",
  14858. "STR",
  14859. "AMC",
  14860. "DVX",
  14861. "EVO",
  14862. "DAT",
  14863. "OGG",
  14864. "OGM",
  14865. ];
  14866. if (type == 1) {
  14867. _this.studyJuri[0].cover.push({
  14868. name: file.name,
  14869. url: data.Location,
  14870. uid: file.uid,
  14871. });
  14872. if (
  14873. c.indexOf(
  14874. _this.studyJuri[0].cover[0].url
  14875. .split(".")
  14876. [
  14877. _this.studyJuri[0].cover[0].url.split(".").length - 1
  14878. ].toLocaleUpperCase()
  14879. ) != -1
  14880. ) {
  14881. _this.fileType = 2;
  14882. } else if (
  14883. b.indexOf(
  14884. _this.studyJuri[0].cover[0].url
  14885. .split(".")
  14886. [
  14887. _this.studyJuri[0].cover[0].url.split(".").length - 1
  14888. ].toLocaleUpperCase()
  14889. ) != -1
  14890. ) {
  14891. _this.fileType = 1;
  14892. } else {
  14893. _this.fileType = 0;
  14894. }
  14895. _this.imgChange(null, null, type);
  14896. } else if (type == 2) {
  14897. _this.upToolImg = data.Location;
  14898. _this.imgChange(null, null, type);
  14899. _this.addCourseWorks(i);
  14900. } else if (type == 4) {
  14901. _this.addPz("3", data.Location);
  14902. } else if (type == 5) {
  14903. _this.addImgDrawImG(data.Location);
  14904. } else if (type == 6) {
  14905. var _ftype = 1;
  14906. if (
  14907. c.indexOf(
  14908. data.Location.split(".")[
  14909. data.Location.split(".").length - 1
  14910. ].toLocaleUpperCase()
  14911. ) != -1
  14912. ) {
  14913. _ftype = 5;
  14914. } else if (
  14915. b.indexOf(
  14916. data.Location.split(".")[
  14917. data.Location.split(".").length - 1
  14918. ].toLocaleUpperCase()
  14919. ) != -1
  14920. ) {
  14921. _ftype = 4;
  14922. } else {
  14923. _ftype = 1;
  14924. }
  14925. _this.plworkFile.push({
  14926. name: file.name,
  14927. url: data.Location,
  14928. uid: file.uid,
  14929. fileType: _ftype,
  14930. username:
  14931. _this.plworkFile.length + 1 > 9
  14932. ? _this.plworkFile.length + 1
  14933. : "0" + (_this.plworkFile.length + 1),
  14934. });
  14935. }
  14936. _this.imgChange(null, null, type);
  14937. console.log(data.Location);
  14938. // _this.$message.success('上传成功'+data.Location)
  14939. }
  14940. });
  14941. }
  14942. }
  14943. },
  14944. beforeUpload2(event, type) {
  14945. var file = event.target.files[0];
  14946. var credentials = {
  14947. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  14948. secretAccessKey: "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",
  14949. }; //秘钥形式的登录上传
  14950. window.AWS.config.update(credentials);
  14951. window.AWS.config.region = "cn-northwest-1"; //设置区域
  14952. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  14953. var _this = this;
  14954. _this.progress = 0;
  14955. _this.proVisible = true;
  14956. if (file) {
  14957. var params = {
  14958. Key:
  14959. file.name.split(".")[0] +
  14960. new Date().getTime() +
  14961. "." +
  14962. file.name.split(".")[file.name.split(".").length - 1],
  14963. ContentType: file.type,
  14964. Body: file,
  14965. "Access-Control-Allow-Credentials": "*",
  14966. ACL: "public-read",
  14967. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  14968. var options = {
  14969. partSize: 2048 * 1024 * 1024,
  14970. queueSize: 2,
  14971. leavePartsOnError: true,
  14972. };
  14973. bucket
  14974. .upload(params, options)
  14975. .on("httpUploadProgress", function (evt) {
  14976. //这里可以写进度条
  14977. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  14978. _this.progress = parseInt((evt.loaded * 80) / evt.total);
  14979. })
  14980. .send(function (err, data) {
  14981. _this.progress = 100;
  14982. setTimeout(() => {
  14983. _this.proVisible = false;
  14984. }, 1000);
  14985. if (err) {
  14986. var a = _this.$refs.upload1.uploadFiles;
  14987. a.splice(a.length - 1, a.length);
  14988. _this.$message.error("上传失败");
  14989. } else {
  14990. if (type == 2) {
  14991. _this.studyJuri[0].upVedio.push({
  14992. name: file.name,
  14993. url: data.Location,
  14994. uid: file.uid,
  14995. });
  14996. _this.imgChange(null, null, type);
  14997. } else if (type == 3) {
  14998. _this.studyJuri[0].upFile.push({
  14999. name: file.name,
  15000. url: data.Location,
  15001. uid: file.uid,
  15002. });
  15003. _this.imgChange(null, null, type);
  15004. }
  15005. console.log(data.Location);
  15006. }
  15007. });
  15008. }
  15009. },
  15010. allScrell() {
  15011. window.parent.postMessage({ allScreen: this.screenType }, "*");
  15012. },
  15013. nextOrpreSteps(t) {
  15014. if (this.IsFollow && this.tType == 2) {
  15015. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  15016. return;
  15017. }
  15018. var b = this.chapInfoList.length - 1;
  15019. if (t == 0) {
  15020. if (this.courseType == 0) {
  15021. if (this.taskCount == 0) {
  15022. // console.log(this.navList[b].task[this.navList[b].task.length - 1].isLook);
  15023. if (this.IsLookOpen) {
  15024. if (
  15025. !this.navList[b].task[this.navList[b].task.length - 1].isLook
  15026. ) {
  15027. if (
  15028. this.courseDetail.userid != this.userid &&
  15029. this.courseDetail.course_teacher.indexOf(this.userid) == -1
  15030. ) {
  15031. this.$message.error("任务未解锁");
  15032. } else {
  15033. this.$message.error("上一任务未解锁");
  15034. }
  15035. return;
  15036. }
  15037. }
  15038. this.navList[this.courseType].isOpen = false;
  15039. this.courseType = b;
  15040. this.taskCount =
  15041. this.chapInfoList[this.courseType].chapterInfo[0].taskJson
  15042. .length - 1;
  15043. this.navList[this.courseType].isOpen = true;
  15044. } else {
  15045. this.taskCount--;
  15046. }
  15047. } else {
  15048. if (this.taskCount == 0) {
  15049. this.navList[this.courseType].isOpen = false;
  15050. this.courseType--;
  15051. this.taskCount =
  15052. this.chapInfoList[this.courseType].chapterInfo[0].taskJson
  15053. .length - 1;
  15054. this.navList[this.courseType].isOpen = true;
  15055. } else {
  15056. this.taskCount--;
  15057. }
  15058. }
  15059. } else {
  15060. if (this.courseType == b) {
  15061. if (
  15062. this.taskCount ==
  15063. this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
  15064. 1
  15065. ) {
  15066. this.navList[this.courseType].isOpen = false;
  15067. this.courseType = 0;
  15068. this.taskCount = 0;
  15069. this.navList[this.courseType].isOpen = true;
  15070. } else {
  15071. var bbb = parseInt(this.taskCount) + 1;
  15072. if (
  15073. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
  15074. .isLook &&
  15075. this.courseDetail.userid != this.userid &&
  15076. this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
  15077. this.IsLookOpen
  15078. ) {
  15079. this.$message.error("任务未解锁");
  15080. return;
  15081. }
  15082. this.taskCount++;
  15083. if (this.IsLookOpen) {
  15084. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  15085. this.taskCount
  15086. ].isLook = true;
  15087. this.addCourseState(3);
  15088. }
  15089. }
  15090. } else {
  15091. if (
  15092. this.taskCount ==
  15093. this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
  15094. 1
  15095. ) {
  15096. var bbb = parseInt(this.courseType) + 1;
  15097. if (
  15098. !this.chapInfoList[bbb].chapterInfo[0].taskJson[0].isLook &&
  15099. this.courseDetail.userid != this.userid &&
  15100. this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
  15101. this.IsLookOpen
  15102. ) {
  15103. this.$message.error("任务未解锁");
  15104. return;
  15105. }
  15106. this.navList[this.courseType].isOpen = false;
  15107. this.courseType++;
  15108. this.taskCount = 0;
  15109. this.navList[this.courseType].isOpen = true;
  15110. } else {
  15111. var bbb = parseInt(this.taskCount) + 1;
  15112. if (
  15113. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
  15114. .isLook &&
  15115. this.courseDetail.userid != this.userid &&
  15116. this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
  15117. this.IsLookOpen
  15118. ) {
  15119. this.$message.error("任务未解锁");
  15120. return;
  15121. }
  15122. this.taskCount++;
  15123. }
  15124. if (this.IsLookOpen) {
  15125. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  15126. this.taskCount
  15127. ].isLook = true;
  15128. this.addCourseState(3);
  15129. }
  15130. }
  15131. // if (
  15132. // this.taskCount ==
  15133. // this.chapInfo.chapterInfo[0].taskJson.length - 1
  15134. // ) {
  15135. // this.taskCount = this.chapInfo.chapterInfo[0].taskJson.length - 1;
  15136. // } else {
  15137. // this.taskCount++;
  15138. // }
  15139. }
  15140. document.scrollingElement.scrollTop = 0;
  15141. this.showType = 0;
  15142. this.navId = this.navList[this.courseType].task[this.taskCount].id;
  15143. // if (this.vedio[this.taskCount].length > 0) {
  15144. // var a =
  15145. // document.getElementsByClassName("box_course")[this.taskCount]
  15146. // .offsetHeight;
  15147. // document.getElementsByClassName("vedioList")[
  15148. // this.taskCount
  15149. // ].style.height = a + "px";
  15150. // document.getElementsByClassName("navBox")[this.taskCount].style.height =
  15151. // a - 40 + "px";
  15152. // }
  15153. this.isNoHomeWork = false;
  15154. (this.studyJuri = [
  15155. {
  15156. content: "",
  15157. cover: [],
  15158. upVedio: [],
  15159. upFile: [],
  15160. },
  15161. ]),
  15162. (this.radio = []);
  15163. this.isClickNav = "";
  15164. this.selectPz();
  15165. this.getHomeWork();
  15166. this.getCourseDetail(2);
  15167. this.$forceUpdate();
  15168. },
  15169. openTask(s, n, i) {
  15170. if (this.IsFollow && this.tType == 2) {
  15171. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  15172. return;
  15173. }
  15174. if (this.IsLookOpen) {
  15175. if (
  15176. !this.chapInfoList[s].chapterInfo[0].taskJson[n].isLook &&
  15177. this.courseDetail.userid != this.userid &&
  15178. this.courseDetail.course_teacher.indexOf(this.userid) == -1
  15179. ) {
  15180. this.$message.error("任务未解锁");
  15181. return;
  15182. }
  15183. if (this.courseType == s && this.taskCount != n && n > this.taskCount) {
  15184. if (
  15185. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[n - 1]
  15186. .isLook
  15187. ) {
  15188. this.$message.error("上一任务未解锁");
  15189. return;
  15190. }
  15191. } else if (s > this.courseType) {
  15192. if (n > 0) {
  15193. if (!this.chapInfoList[s].chapterInfo[0].taskJson[n - 1].isLook) {
  15194. this.$message.error("上一任务未解锁");
  15195. return;
  15196. }
  15197. } else {
  15198. if (
  15199. !this.chapInfoList[s - 1].chapterInfo[0].taskJson[
  15200. this.chapInfoList[s - 1].chapterInfo[0].taskJson.length - 1
  15201. ].isLook
  15202. ) {
  15203. this.$message.error("上一任务未解锁");
  15204. return;
  15205. }
  15206. }
  15207. }
  15208. }
  15209. if (this.navList[s].task[n].isOpen == true) {
  15210. this.navList[s].task[n].isOpen = !this.navList[s].task[n].isOpen;
  15211. return;
  15212. }
  15213. this.courseType = s;
  15214. this.navId = i;
  15215. this.taskCount = n;
  15216. this.navList[this.courseType].task[this.taskCount].isOpen =
  15217. !this.navList[this.courseType].task[this.taskCount].isOpen;
  15218. if (this.IsLookOpen) {
  15219. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  15220. this.taskCount
  15221. ].isLook = true;
  15222. this.addCourseState(3);
  15223. }
  15224. for (var ci = 0; ci < this.isCloseList.length; ci++) {
  15225. this.isCloseList[ci].isClose = 0;
  15226. }
  15227. this.showType = 0;
  15228. this.isNoHomeWork = false;
  15229. (this.studyJuri = [
  15230. {
  15231. content: "",
  15232. cover: [],
  15233. upVedio: [],
  15234. upFile: [],
  15235. },
  15236. ]),
  15237. (this.radio = []);
  15238. document.scrollingElement.scrollTop = 0;
  15239. // setTimeout(() => {
  15240. // let a = document.getElementById(i);
  15241. // if (a.offsetTop - 110 == 0) {
  15242. // window.scrollTo(0, 0);
  15243. // } else {
  15244. // window.scrollTo(0, a.offsetTop);
  15245. // }
  15246. // }, 0);
  15247. this.selectPz();
  15248. this.getHomeWork();
  15249. this.getCourseDetail(2);
  15250. },
  15251. get(i) {
  15252. if (this.IsFollow && this.tType == 2) {
  15253. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  15254. return;
  15255. }
  15256. // for(var k=0;k<this.navList.length;k++){
  15257. // this.navList[k].isOpen = false;
  15258. // }
  15259. // this.navList[i].isOpen = true;
  15260. this.navList[i].isOpen = !this.navList[i].isOpen;
  15261. if (this.navList[i].isOpen) {
  15262. this.openTask(i, 0, i + "-0");
  15263. }
  15264. },
  15265. addQuestion() {
  15266. this.answerList.push({
  15267. answerTitle: this.answerQ.replaceAll(/%/g, "%25"),
  15268. answer: this.questionAnswer.replaceAll(/%/g, "%25"),
  15269. });
  15270. let params = [
  15271. {
  15272. uid: this.userid,
  15273. cid: this.id,
  15274. stage: this.courseType,
  15275. task: this.taskCount,
  15276. tool: this.toolindex,
  15277. content: JSON.stringify(this.answerList),
  15278. type: 3,
  15279. },
  15280. ];
  15281. this.ajax
  15282. .post(this.$store.state.api + "addCourseWorks", params)
  15283. .then((res) => {
  15284. this.$message({
  15285. message: "提交成功",
  15286. type: "success",
  15287. });
  15288. this.answerList = [];
  15289. this.answerDialogVisible = false;
  15290. this.selectStudent();
  15291. this.selectSWorks();
  15292. this.selectSLook();
  15293. })
  15294. .catch((err) => {
  15295. this.$message.error("提交失败");
  15296. console.error(err);
  15297. });
  15298. },
  15299. addQuestionTeacher() {
  15300. this.answerList.push({
  15301. answerTitle: this.answerQ.replaceAll(/%/g, "%25"),
  15302. answer: this.questionAnswer.replaceAll(/%/g, "%25"),
  15303. });
  15304. let params = [
  15305. {
  15306. uid: this.sStudent.userid,
  15307. cid: this.id,
  15308. stage: this.courseType,
  15309. task: this.taskCount,
  15310. tool: this.toolindex,
  15311. content: JSON.stringify(this.answerList),
  15312. type: 3,
  15313. ateacher: this.userid,
  15314. },
  15315. ];
  15316. this.ajax
  15317. .post(this.$store.state.api + "addCourseWorksTeacher", params)
  15318. .then((res) => {
  15319. this.$message({
  15320. message: "提交成功",
  15321. type: "success",
  15322. });
  15323. this.answerList = [];
  15324. this.questionAnswer = "";
  15325. this.answerDialogVisibleTeacher = false;
  15326. this.selectStudent();
  15327. this.selectSWorks();
  15328. this.selectSLook();
  15329. })
  15330. .catch((err) => {
  15331. this.$message.error("提交失败");
  15332. console.error(err);
  15333. });
  15334. },
  15335. refreshCourse() {
  15336. // window.location.reload();
  15337. this.navList = [];
  15338. this.getCourseDetail(1);
  15339. },
  15340. getCourseDetail(type, gindex) {
  15341. let loading;
  15342. if (type != 2) {
  15343. loading = this.$loading.service({
  15344. background: "rgba(255, 255, 255, 0.7)",
  15345. target: document.querySelector(".student_table"),
  15346. });
  15347. }
  15348. // this.navList[0].isOpen = false;
  15349. // this.navList[this.courseType].isOpen = true;
  15350. // this.courseType = this.courseTypeLine;
  15351. // this.navId = this.navList[this.courseType].task[this.taskCount].id;
  15352. let params = {
  15353. courseId: this.id,
  15354. };
  15355. this.ajax
  15356. .get(this.$store.state.api + "selectCourseDetail3", params)
  15357. .then((res) => {
  15358. if (type != 2) {
  15359. loading.close();
  15360. if (
  15361. this.courseType >
  15362. JSON.parse(res.data[0][0].chapters).length - 1
  15363. ) {
  15364. this.courseType = JSON.parse(res.data[0][0].chapters).length - 1;
  15365. }
  15366. var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
  15367. .chapterInfo[0].taskJson;
  15368. var b = [
  15369. "AVI",
  15370. "NAVI",
  15371. "MPEG",
  15372. "ASF",
  15373. "MOV",
  15374. "WMV",
  15375. "3GP",
  15376. "RM",
  15377. "RMVB",
  15378. "FLV",
  15379. "F4V",
  15380. "H.264",
  15381. "H.265",
  15382. "REAL VIDEO",
  15383. "MKV",
  15384. "WebM",
  15385. "HDDVD",
  15386. "MP4",
  15387. "MPG",
  15388. "M4V",
  15389. "MGV",
  15390. "OGV",
  15391. "QTM",
  15392. "STR",
  15393. "AMC",
  15394. "DVX",
  15395. "EVO",
  15396. "DAT",
  15397. "OGG",
  15398. "OGM",
  15399. "MP3",
  15400. ];
  15401. let _chapterData = [];
  15402. for (var i = 0; i < a.length; i++) {
  15403. var c = a[i].chapterData;
  15404. this.vedio[i] = [];
  15405. this.textList[i] = [];
  15406. this.lineList[i] = [];
  15407. this.chapToolList[i] = [];
  15408. this.file[i] = [];
  15409. this.fileC[i] = [];
  15410. _chapterData[i] = c.filter((el) => {
  15411. return el.type != 12;
  15412. });
  15413. this.fileC[i] = c.filter((el) => {
  15414. return el.type == 12;
  15415. });
  15416. // else if (c[j].type == 12) {
  15417. // this.fileC[i].push(c[j]);
  15418. // }
  15419. for (var j = 0; j < c.length; j++) {
  15420. if (c[j].type == 7) {
  15421. this.chapToolList[i].push(c[j]);
  15422. } else if (c[j].type == 8 || c[j].type == 14) {
  15423. this.lineList[i].push(c[j]);
  15424. } else if (c[j].type == 6) {
  15425. this.textList[i].push(c[j]);
  15426. } else {
  15427. if (
  15428. b.indexOf(
  15429. c[j].url
  15430. .split(".")
  15431. [c[j].url.split(".").length - 1].toLocaleUpperCase()
  15432. ) != -1
  15433. ) {
  15434. this.vedio[i].push(c[j]);
  15435. } else {
  15436. this.file[i].push(c[j]);
  15437. }
  15438. }
  15439. }
  15440. var d = JSON.parse(JSON.stringify(this.playerOptions));
  15441. d.sources[0].src =
  15442. this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
  15443. this.playerO[i] = d;
  15444. }
  15445. this.courseDetail = res.data[0][0];
  15446. this.tcid = this.arrayToArray(
  15447. this.courseDetail.juri ? this.courseDetail.juri.split(",") : [],
  15448. this.tcid2 ? this.tcid2.split(",") : []
  15449. ).join(",");
  15450. this.evalua = res.data[0][0].evaId;
  15451. this.chapInfo = JSON.parse(this.courseDetail.chapters)[
  15452. this.courseType
  15453. ];
  15454. this.chapInfoList = JSON.parse(this.courseDetail.chapters);
  15455. if (this.tcid && res.data[1].length) {
  15456. let _inviteA = [];
  15457. for (var ik = 0; ik < res.data[1].length; ik++) {
  15458. _inviteA.push({
  15459. cid: res.data[1][ik].classid,
  15460. ic: res.data[1][ik].code,
  15461. });
  15462. }
  15463. for (var ik = 0; ik < _inviteA.length; ik++) {
  15464. if (
  15465. this.arrayToArray(
  15466. _inviteA[ik].cid.split(","),
  15467. this.tcid.split(",")
  15468. ).length
  15469. ) {
  15470. this.inviteCode = _inviteA[ik].ic;
  15471. break;
  15472. }
  15473. }
  15474. }
  15475. for (var l = 0; l < this.chapInfoList.length; l++) {
  15476. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  15477. for (var m = 0; m < w.length; m++) {
  15478. w[m].id = l + "-" + m;
  15479. }
  15480. }
  15481. if (
  15482. _chapterData[this.taskCount].length &&
  15483. _chapterData[this.taskCount][0].type == 2
  15484. ) {
  15485. this.showType = 0;
  15486. this.pptImgUrl1 = _chapterData[this.taskCount][0].url;
  15487. } else {
  15488. if (_chapterData[this.taskCount].length > 0) {
  15489. let _url = _chapterData[this.taskCount][0].url;
  15490. if (
  15491. _chapterData[this.taskCount][0].type == 8 ||
  15492. _chapterData[this.taskCount][0].type == 14
  15493. ) {
  15494. this.showType = 2;
  15495. if (
  15496. _url.indexOf("https://") == -1 &&
  15497. _url.indexOf("http://") == -1
  15498. ) {
  15499. _url = "https://" + _url;
  15500. }
  15501. this.pptImgUrl1 = _url;
  15502. } else if (_chapterData[this.taskCount][0].type == 3) {
  15503. if (
  15504. _url
  15505. .split(".")
  15506. [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
  15507. ) {
  15508. this.showType = 3;
  15509. this.pptImgUrl1 = _url;
  15510. } else if (
  15511. this.isAssetTypeAnImage(
  15512. _url
  15513. .split(".")
  15514. [_url.split(".").length - 1].toLocaleLowerCase()
  15515. )
  15516. ) {
  15517. this.showType = 4;
  15518. this.pptImgUrl1 = _url;
  15519. } else {
  15520. this.showType = 2;
  15521. this.pptImgUrl1 =
  15522. "https://view.officeapps.live.com/op/view.aspx?src=" +
  15523. _url;
  15524. }
  15525. } else if (_chapterData[this.taskCount][0].type == 13) {
  15526. this.showType = 4;
  15527. this.pptImgUrl1 = _url;
  15528. } else if (_chapterData[this.taskCount][0].type == 6) {
  15529. this.showType = 1;
  15530. this.text = this.textList[this.taskCount][0];
  15531. }
  15532. }
  15533. }
  15534. this.isClickNav = 0;
  15535. if (
  15536. !_chapterData[this.taskCount].length ||
  15537. _chapterData[this.taskCount][0].type == 12
  15538. ) {
  15539. this.isClickNav = "";
  15540. this.showType = "";
  15541. }
  15542. this.vChapterData = _chapterData;
  15543. } else {
  15544. this.showType = 0;
  15545. var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
  15546. .chapterInfo[0].taskJson;
  15547. var b = [
  15548. "AVI",
  15549. "NAVI",
  15550. "MPEG",
  15551. "ASF",
  15552. "MOV",
  15553. "WMV",
  15554. "3GP",
  15555. "RM",
  15556. "RMVB",
  15557. "FLV",
  15558. "F4V",
  15559. "H.264",
  15560. "H.265",
  15561. "REAL VIDEO",
  15562. "MKV",
  15563. "WebM",
  15564. "HDDVD",
  15565. "MP4",
  15566. "MPG",
  15567. "M4V",
  15568. "MGV",
  15569. "OGV",
  15570. "QTM",
  15571. "STR",
  15572. "AMC",
  15573. "DVX",
  15574. "EVO",
  15575. "DAT",
  15576. "OGG",
  15577. "OGM",
  15578. "MP3",
  15579. ];
  15580. let _chapterData = [];
  15581. for (var i = 0; i < a.length; i++) {
  15582. var c = a[i].chapterData;
  15583. this.vedio[i] = [];
  15584. this.textList[i] = [];
  15585. this.lineList[i] = [];
  15586. this.chapToolList[i] = [];
  15587. this.file[i] = [];
  15588. this.fileC[i] = [];
  15589. _chapterData[i] = c.filter((el) => {
  15590. return el.type != 12;
  15591. });
  15592. this.fileC[i] = c.filter((el) => {
  15593. return el.type == 12;
  15594. });
  15595. for (var j = 0; j < c.length; j++) {
  15596. if (c[j].type == 7) {
  15597. this.chapToolList[i].push(c[j]);
  15598. } else if (c[j].type == 8 || c[j].type == 14) {
  15599. this.lineList[i].push(c[j]);
  15600. } else if (c[j].type == 6) {
  15601. this.textList[i].push(c[j]);
  15602. } else {
  15603. if (
  15604. b.indexOf(
  15605. c[j].url
  15606. .split(".")
  15607. [c[j].url.split(".").length - 1].toLocaleUpperCase()
  15608. ) != -1
  15609. ) {
  15610. this.vedio[i].push(c[j]);
  15611. } else {
  15612. this.file[i].push(c[j]);
  15613. }
  15614. }
  15615. }
  15616. var d = JSON.parse(JSON.stringify(this.playerOptions));
  15617. d.sources[0].src =
  15618. this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
  15619. this.playerO[i] = d;
  15620. }
  15621. if (
  15622. _chapterData[this.taskCount].length &&
  15623. _chapterData[this.taskCount][0].type == 2
  15624. ) {
  15625. this.showType = 0;
  15626. this.pptImgUrl1 = _chapterData[this.taskCount][0].url;
  15627. } else {
  15628. if (_chapterData[this.taskCount].length > 0) {
  15629. let _url = _chapterData[this.taskCount][0].url;
  15630. if (
  15631. _chapterData[this.taskCount][0].type == 8 ||
  15632. _chapterData[this.taskCount][0].type == 14
  15633. ) {
  15634. this.showType = 2;
  15635. if (
  15636. _url.indexOf("https://") == -1 &&
  15637. _url.indexOf("http://") == -1
  15638. ) {
  15639. _url = "https://" + _url;
  15640. }
  15641. this.pptImgUrl1 = _url;
  15642. } else if (_chapterData[this.taskCount][0].type == 3) {
  15643. if (
  15644. _url
  15645. .split(".")
  15646. [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
  15647. ) {
  15648. this.showType = 3;
  15649. this.pptImgUrl1 = _url;
  15650. } else if (
  15651. this.isAssetTypeAnImage(
  15652. _url
  15653. .split(".")
  15654. [_url.split(".").length - 1].toLocaleLowerCase()
  15655. )
  15656. ) {
  15657. this.showType = 4;
  15658. this.pptImgUrl1 = _url;
  15659. } else {
  15660. this.showType = 2;
  15661. this.pptImgUrl1 =
  15662. "https://view.officeapps.live.com/op/view.aspx?src=" +
  15663. _url;
  15664. }
  15665. } else if (_chapterData[this.taskCount][0].type == 13) {
  15666. this.showType = 4;
  15667. this.pptImgUrl1 = _url;
  15668. } else if (_chapterData[this.taskCount][0].type == 6) {
  15669. this.showType = 1;
  15670. this.text = this.textList[this.taskCount][0];
  15671. }
  15672. }
  15673. }
  15674. this.isClickNav = 0;
  15675. if (
  15676. !_chapterData[this.taskCount].length ||
  15677. _chapterData[this.taskCount][0].type == 12
  15678. ) {
  15679. this.isClickNav = "";
  15680. this.showType = "";
  15681. }
  15682. this.vChapterData = _chapterData;
  15683. this.$forceUpdate();
  15684. }
  15685. // else {
  15686. // this.courseDetail = res.data[0][0];
  15687. // this.chapInfoList = JSON.parse(this.courseDetail.chapters);
  15688. // }
  15689. let _this = this;
  15690. if (_this.timer) {
  15691. clearInterval(_this.timer);
  15692. _this.timer = null;
  15693. }
  15694. if (_this.tcid) {
  15695. _this.getCourseGroup(gindex);
  15696. } else {
  15697. _this.selectSWorks(gindex);
  15698. }
  15699. _this.selectStudent();
  15700. _this.selectSLook();
  15701. _this.getPick();
  15702. if (_this.courseDetail.userid == _this.userid && _this.IsFollow) {
  15703. _this.setCTask();
  15704. }
  15705. if (_this.dialogVisibleGroup) {
  15706. _this.groupJson =
  15707. _this.chapInfoList[_this.courseType].chapterInfo[0].taskJson[
  15708. _this.taskCount
  15709. ].toolChoose[_this.toolindex].groupJson;
  15710. }
  15711. _this.$nextTick(() => {
  15712. setTimeout(() => {
  15713. _this.checkEva();
  15714. }, 1000);
  15715. });
  15716. _this.timer = setInterval(function () {
  15717. // _this.getCourseDetail(2);
  15718. if (_this.tcid) {
  15719. _this.getCourseGroup(gindex);
  15720. } else {
  15721. _this.selectSWorks(gindex);
  15722. }
  15723. _this.selectStudent();
  15724. _this.selectSLook();
  15725. _this.getPick();
  15726. if (_this.courseDetail.userid == _this.userid && _this.IsFollow) {
  15727. _this.setCTask();
  15728. }
  15729. if (_this.dialogVisibleGroup) {
  15730. _this.groupJson =
  15731. _this.chapInfoList[_this.courseType].chapterInfo[0].taskJson[
  15732. _this.taskCount
  15733. ].toolChoose[_this.toolindex].groupJson;
  15734. }
  15735. if (_this.tType == 4 || _this.ispzType == 4) {
  15736. _this.selectPz();
  15737. }
  15738. }, 5000);
  15739. _this.$nextTick(function () {
  15740. setTimeout(() => {
  15741. // var a =
  15742. // document.getElementsByClassName("box_course")[0].offsetHeight;
  15743. // document.getElementsByClassName("vedioList")[0].style.height =
  15744. // a + "px";
  15745. // document.getElementsByClassName("navBox")[0].style.height =
  15746. // a - 40 + "px";
  15747. // if (_this.vedio[_this.taskCount].length > 0) {
  15748. // _this.vedioTime = [];
  15749. // for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
  15750. // _this.vedioTime[i] = document.getElementsByClassName(
  15751. // "vjs-duration-display"
  15752. // )[i].textContent;
  15753. // }
  15754. // }
  15755. }, 1000);
  15756. });
  15757. })
  15758. .catch((err) => {
  15759. loading.close();
  15760. console.error(err);
  15761. });
  15762. },
  15763. getCourseGroup(gindex) {
  15764. let params = {
  15765. cid: this.id,
  15766. classid: this.tcid ? this.tcid : "1",
  15767. };
  15768. this.ajax
  15769. .get(this.$store.state.api + "getCourseGroup", params)
  15770. .then((res) => {
  15771. if (res.data && res.data[0].length) {
  15772. if (!this.isGroup) {
  15773. let courseGroup = JSON.parse(res.data[0][0].group);
  15774. courseGroup.group = courseGroup.group.filter((el) => {
  15775. el.works = [];
  15776. return el;
  15777. });
  15778. if (courseGroup.isopen == 2) {
  15779. this.isGroup = false;
  15780. this.selectSWorks(gindex);
  15781. return;
  15782. }
  15783. this.courseGroup = courseGroup;
  15784. let groupPerson = res.data[1];
  15785. let group = JSON.parse(res.data[0][0].group).group;
  15786. let courseGroupStudent = {};
  15787. let courseGroupStudentUid = {};
  15788. for (var i = 0; i < group.length; i++) {
  15789. courseGroupStudent[group[i].id] = [];
  15790. courseGroupStudentUid[group[i].id] = [];
  15791. for (var j = 0; j < groupPerson.length; j++) {
  15792. if (groupPerson[j].groupCid == group[i].id) {
  15793. courseGroupStudent[group[i].id].push(groupPerson[j]);
  15794. courseGroupStudentUid[group[i].id].push(
  15795. groupPerson[j].userid
  15796. );
  15797. }
  15798. }
  15799. }
  15800. this.courseGroupStudent = courseGroupStudent;
  15801. this.courseGroupStudentUid = courseGroupStudentUid;
  15802. }
  15803. if (this.courseGroup.isopen == 2) {
  15804. this.isGroup = false;
  15805. } else {
  15806. this.isGroup = true;
  15807. }
  15808. this.selectSWorks(gindex);
  15809. } else {
  15810. this.selectSWorks(gindex);
  15811. this.isGroup = false;
  15812. }
  15813. })
  15814. .catch((err) => {
  15815. // this.$message.error("网络不佳");
  15816. console.error(err);
  15817. });
  15818. },
  15819. setOperationTime() {
  15820. let _this = this;
  15821. if (_this.opertimer) {
  15822. clearInterval(_this.opertimer);
  15823. _this.opertimer = null;
  15824. }
  15825. _this.opertimer = setInterval(() => {
  15826. _this.setoTime("600");
  15827. }, 600000);
  15828. },
  15829. setoTime(time) {
  15830. let params = [
  15831. {
  15832. uid: this.userid,
  15833. cid: this.id,
  15834. type: "2",
  15835. time: time,
  15836. },
  15837. ];
  15838. this.ajax
  15839. .post(this.$store.state.api + "addOperationTimeT2", params)
  15840. .then((res) => {})
  15841. .catch((err) => {
  15842. console.error(err);
  15843. });
  15844. },
  15845. addPz(type, content) {
  15846. if (type == "1" && this.pzConText == "") {
  15847. this.$message.error("批注不能为空!");
  15848. return;
  15849. }
  15850. let params = [
  15851. {
  15852. cid: this.id,
  15853. uid: this.userid,
  15854. s: this.courseType,
  15855. t: this.taskCount,
  15856. c: type == "1" ? this.pzConText.replaceAll(/%/g, "%25") : content,
  15857. type: type,
  15858. },
  15859. ];
  15860. this.ajax
  15861. .post(this.$store.state.api + "addPz2", params)
  15862. .then((res) => {
  15863. this.$message({
  15864. message: "添加成功",
  15865. type: "success",
  15866. });
  15867. this.pzConText = "";
  15868. this.addPzDialog = false;
  15869. this.selectPz();
  15870. })
  15871. .catch((err) => {
  15872. this.$message.error("添加失败");
  15873. console.error(err);
  15874. });
  15875. },
  15876. setReplyIndex(id, i) {
  15877. this.replyIndex = i;
  15878. this.replyPid = id;
  15879. this.replyDialogVisible = true;
  15880. },
  15881. addHf() {
  15882. if (this.reply == "") {
  15883. this.$message.error("回复不能为空!");
  15884. return;
  15885. }
  15886. let params = [
  15887. {
  15888. cid: this.id,
  15889. uid: this.userid,
  15890. s: this.courseType,
  15891. t: this.taskCount,
  15892. type: "1",
  15893. ct: 2,
  15894. pid: this.replyPid,
  15895. c: this.reply.replaceAll(/%/g, "%25"),
  15896. },
  15897. ];
  15898. this.ajax
  15899. .post(this.$store.state.api + "addHf", params)
  15900. .then((res) => {
  15901. this.reply = "";
  15902. this.$message({
  15903. message: "回复成功",
  15904. type: "success",
  15905. });
  15906. this.replyDialogVisible = false;
  15907. this.selectPz();
  15908. })
  15909. .catch((err) => {
  15910. this.$message.error("回复失败");
  15911. console.error(err);
  15912. });
  15913. },
  15914. deletePz(id) {
  15915. this.$confirm("确定删除此批注吗?", "提示", {
  15916. confirmButtonText: "确定",
  15917. cancelButtonText: "取消",
  15918. type: "warning",
  15919. })
  15920. .then(() => {
  15921. let params = [
  15922. {
  15923. id: id,
  15924. },
  15925. ];
  15926. this.ajax
  15927. .post(this.$store.state.api + "deletePz", params)
  15928. .then((res) => {
  15929. this.$message({
  15930. message: "删除成功",
  15931. type: "success",
  15932. });
  15933. this.selectPz();
  15934. })
  15935. .catch((err) => {
  15936. this.$message.error("网络异常");
  15937. console.error(err);
  15938. });
  15939. })
  15940. .catch(() => {});
  15941. },
  15942. deleteReply(id) {
  15943. this.$confirm("确定删除此回复吗?", "提示", {
  15944. confirmButtonText: "确定",
  15945. cancelButtonText: "取消",
  15946. type: "warning",
  15947. })
  15948. .then(() => {
  15949. let params = [
  15950. {
  15951. id: id,
  15952. },
  15953. ];
  15954. this.ajax
  15955. .post(this.$store.state.api + "deleteReply", params)
  15956. .then((res) => {
  15957. this.$message({
  15958. message: "删除成功",
  15959. type: "success",
  15960. });
  15961. this.selectPz();
  15962. })
  15963. .catch((err) => {
  15964. this.$message.error("网络异常");
  15965. console.error(err);
  15966. });
  15967. })
  15968. .catch(() => {});
  15969. },
  15970. setPz() {
  15971. if (this.ispzType == 4) {
  15972. this.ispzType = 0;
  15973. this.pzDialog = false;
  15974. return;
  15975. }
  15976. this.ispzType = 4;
  15977. this.pzDialog = true;
  15978. this.selectPz();
  15979. },
  15980. selectPz() {
  15981. let params = {
  15982. cid: this.id,
  15983. s: this.courseType,
  15984. t: this.taskCount,
  15985. type: this.pzStype,
  15986. uid: this.userid,
  15987. };
  15988. this.ajax
  15989. .get(this.$store.state.api + "selectPzListType", params)
  15990. .then((res) => {
  15991. this.pzList = res.data[0];
  15992. var a = res.data[1];
  15993. for (var i = 0; i < a.length; i++) {
  15994. for (var j = 0; j < this.pzList.length; j++) {
  15995. if (!this.pzList[j].hfList) {
  15996. this.pzList[j].hfList = [];
  15997. }
  15998. if (a[i].pid == this.pzList[j].id) {
  15999. this.pzList[j].hfList.push(a[i]);
  16000. }
  16001. }
  16002. }
  16003. })
  16004. .catch((err) => {
  16005. console.error(err);
  16006. });
  16007. },
  16008. // selectHf() {
  16009. // let params = {
  16010. // cid: this.id,
  16011. // s: this.courseType,
  16012. // t: this.taskCount,
  16013. // };
  16014. // this.ajax
  16015. // .get(this.$store.state.api + "selectHfList", params)
  16016. // .then((res) => {
  16017. // var a = res.data[0];
  16018. // for (var i = 0; i < a.length; i++) {
  16019. // for (var j = 0; j < this.pzList.length; j++) {
  16020. // if (!this.pzList[i].hfList) {
  16021. // this.pzList[i].hfList = [];
  16022. // }
  16023. // if (a[i].pid == this.pzList[j].id) {
  16024. // this.pzList[i].hfList.push(a[i]);
  16025. // }
  16026. // }
  16027. // }
  16028. // })
  16029. // .catch((err) => {
  16030. // console.error(err);
  16031. // });
  16032. // },
  16033. updateSLook() {
  16034. let params = {
  16035. sopen: this.sIsOpen == false ? 1 : 2,
  16036. cid: this.id,
  16037. };
  16038. this.ajax
  16039. .get(this.$store.state.api + "updateCourseSLook", params)
  16040. .then((res) => {
  16041. if (this.sIsOpen == true) {
  16042. this.$message({
  16043. message: "权限设置成功",
  16044. type: "success",
  16045. });
  16046. } else {
  16047. this.$message({
  16048. message: "权限关闭成功",
  16049. type: "success",
  16050. });
  16051. }
  16052. })
  16053. .catch((err) => {
  16054. console.error(err);
  16055. });
  16056. },
  16057. updateFollow() {
  16058. let params = [
  16059. {
  16060. sopen: this.IsFollow == false ? 1 : 2,
  16061. cid: this.id,
  16062. },
  16063. ];
  16064. this.ajax
  16065. .post(this.$store.state.api + "updateCourseFollow", params)
  16066. .then((res) => {
  16067. if (this.IsFollow == true) {
  16068. this.$message({
  16069. message: "开启成功",
  16070. type: "success",
  16071. });
  16072. } else {
  16073. this.$message({
  16074. message: "关闭成功",
  16075. type: "success",
  16076. });
  16077. }
  16078. this.setCTask();
  16079. })
  16080. .catch((err) => {
  16081. console.error(err);
  16082. });
  16083. },
  16084. setCTask() {
  16085. let params = [
  16086. {
  16087. sopen: this.courseType + "-" + this.taskCount,
  16088. cid: this.id,
  16089. },
  16090. ];
  16091. this.ajax
  16092. .post(this.$store.state.api + "updateCourseFollowC", params)
  16093. .then((res) => {})
  16094. .catch((err) => {
  16095. console.error(err);
  16096. });
  16097. },
  16098. updateLookOpen() {
  16099. let params = [
  16100. {
  16101. sopen: this.IsLookOpen == false ? 1 : 2,
  16102. cid: this.id,
  16103. },
  16104. ];
  16105. this.ajax
  16106. .post(this.$store.state.api + "updateCourseLookOpen", params)
  16107. .then((res) => {
  16108. if (this.IsLookOpen == true) {
  16109. // if (this.courseType != 0 && this.taskCount != 0) {
  16110. // this.openTask(0, 0, "0-0");
  16111. // }
  16112. this.$message({
  16113. message: "权限设置成功",
  16114. type: "success",
  16115. });
  16116. } else {
  16117. this.$message({
  16118. message: "权限关闭成功",
  16119. type: "success",
  16120. });
  16121. }
  16122. this.getCourseState(2);
  16123. })
  16124. .catch((err) => {
  16125. console.error(err);
  16126. });
  16127. },
  16128. selectSLook() {
  16129. let params = {
  16130. cid: this.id,
  16131. };
  16132. this.ajax
  16133. .get(this.$store.state.api + "selectCourseSLook", params)
  16134. .then((res) => {
  16135. this.sIsOpen = res.data[0][0].sopen == 1 ? false : true;
  16136. this.IsLookOpen = res.data[0][0].look == 1 ? false : true;
  16137. this.IsFollow = res.data[0][0].follow == 1 ? false : true;
  16138. if (!this.IsLookOpen) {
  16139. this.setNavList();
  16140. } else {
  16141. this.getCourseState(1);
  16142. }
  16143. if (this.IsFollow && this.tType == 2) {
  16144. this.setContent2(false);
  16145. let _followC = res.data[0][0].followC.split("-");
  16146. if (
  16147. this.courseType != _followC[0] ||
  16148. this.taskCount != _followC[1]
  16149. ) {
  16150. this.navList[this.courseType].isOpen = false;
  16151. this.courseType = _followC[0];
  16152. this.navList[this.courseType].isOpen = true;
  16153. this.taskCount = parseInt(_followC[1]);
  16154. this.navId = res.data[0][0].followC;
  16155. document.scrollingElement.scrollTop = 0;
  16156. this.getCourseDetail(2);
  16157. }
  16158. }
  16159. })
  16160. .catch((err) => {
  16161. console.error(err);
  16162. });
  16163. },
  16164. setNavList() {
  16165. if (this.navList.length == 0) {
  16166. this.navList = [];
  16167. var copyList = [];
  16168. for (var l = 0; l < this.chapInfoList.length; l++) {
  16169. var q = this.chapInfoList[l].dyName;
  16170. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  16171. var e;
  16172. copyList.push({
  16173. dyName: q,
  16174. isOpen: l === 0 ? true : false,
  16175. task: [],
  16176. });
  16177. for (var r = 0; r < w.length; r++) {
  16178. e = w[r].task;
  16179. if (this.chapInfoList[l].easy == 1) {
  16180. copyList[l].task.push({
  16181. taskName: q,
  16182. id: l + "-" + r,
  16183. isLook: w[r].isLook,
  16184. isOpen: r === 0 ? true : false,
  16185. tool: [],
  16186. });
  16187. } else {
  16188. copyList[l].task.push({
  16189. taskName: e,
  16190. id: l + "-" + r,
  16191. isLook: w[r].isLook,
  16192. isOpen: r === 0 ? true : false,
  16193. tool: [],
  16194. });
  16195. }
  16196. var t = w[r].toolChoose;
  16197. for (var k = 0; k < t.length; k++) {
  16198. var tool = t[k].tool[0];
  16199. copyList[l].task[r].tool.push({
  16200. tool: tool,
  16201. isTool: false,
  16202. });
  16203. }
  16204. // this.navId = this.navId ? this.navId : l + "-" + r;
  16205. // this.navId = l + "-" + r;
  16206. }
  16207. }
  16208. this.navList = copyList;
  16209. this.navList[0].isOpen = false;
  16210. this.navList[this.courseType].isOpen = true;
  16211. this.navId = this.navList[this.courseType].task[this.taskCount].id;
  16212. } else {
  16213. this.setNavList2();
  16214. }
  16215. },
  16216. setNavList2() {
  16217. for (var l = 0; l < this.chapInfoList.length; l++) {
  16218. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  16219. for (var r = 0; r < w.length; r++) {
  16220. this.navList[l].task[r].isLook = w[r].isLook;
  16221. }
  16222. }
  16223. if (
  16224. this.IsLookOpen &&
  16225. !this.navList[this.courseType].task[this.taskCount].isLook
  16226. ) {
  16227. this.openTask(0, 0, "0-0");
  16228. }
  16229. this.$forceUpdate();
  16230. },
  16231. getCourseState(type) {
  16232. let params = {
  16233. cid: this.id,
  16234. };
  16235. this.ajax
  16236. .get(this.$store.state.api + "getCourseState", params)
  16237. .then((res) => {
  16238. if (res.data[0].length > 0 && this.IsLookOpen && type == 1) {
  16239. this.chapInfoList = JSON.parse(res.data[0][0].state);
  16240. this.setNavList();
  16241. this.$forceUpdate();
  16242. } else if (res.data[0].length > 0 && this.IsLookOpen && type == 2) {
  16243. this.addCourseState(2);
  16244. } else {
  16245. this.addCourseState(1);
  16246. }
  16247. })
  16248. .catch((err) => {
  16249. console.error(err);
  16250. });
  16251. },
  16252. addCourseState(type) {
  16253. let _state = this.chapInfoList;
  16254. // this.courseType this.taskCount
  16255. if (type == 1 || type == 2) {
  16256. for (var i = 0; i < _state.length; i++) {
  16257. let el = _state[i].chapterInfo[0].taskJson;
  16258. for (var j = 0; j < el.length; j++) {
  16259. // if (i == 0 && j == 0) {
  16260. // el[j].isLook = true;
  16261. // } else {
  16262. // el[j].isLook = false;
  16263. // }
  16264. if (
  16265. this.courseType > i ||
  16266. (this.courseType == i && this.taskCount + 1 > j)
  16267. ) {
  16268. el[j].isLook = true;
  16269. } else {
  16270. el[j].isLook = false;
  16271. }
  16272. }
  16273. }
  16274. }
  16275. let params = [
  16276. {
  16277. cid: this.id,
  16278. state: JSON.stringify(_state).replaceAll(/%/g, "%25"),
  16279. },
  16280. ];
  16281. this.ajax
  16282. .post(
  16283. this.$store.state.api +
  16284. (type == 1 ? "addCourseState" : "updateCourseSate"),
  16285. params
  16286. )
  16287. .then((res) => {
  16288. if (this.IsLookOpen) {
  16289. this.setNavList();
  16290. }
  16291. if (type == 3 && type == 2) {
  16292. this.getCourseState(1);
  16293. }
  16294. })
  16295. .catch((err) => {
  16296. console.error(err);
  16297. });
  16298. },
  16299. getHomeWork() {
  16300. let params = {
  16301. cid: this.id,
  16302. stage: this.courseType,
  16303. task: this.taskCount,
  16304. uid: this.userid,
  16305. };
  16306. this.ajax
  16307. .get(this.$store.state.api + "selectWork", params)
  16308. .then((res) => {
  16309. if (res.data[0].length > 0) {
  16310. this.studyJuri = JSON.parse(res.data[0][0].content);
  16311. this.isNoHomeWork = true;
  16312. }
  16313. })
  16314. .catch((err) => {
  16315. console.error(err);
  16316. });
  16317. },
  16318. isAssetTypeAnImage(ext) {
  16319. return (
  16320. [
  16321. "png",
  16322. "jpg",
  16323. "jpeg",
  16324. "bmp",
  16325. "gif",
  16326. "webp",
  16327. "psd",
  16328. "svg",
  16329. "tiff",
  16330. ].indexOf(ext) !== -1
  16331. );
  16332. },
  16333. switchVideo(media) {
  16334. this.playerO = {};
  16335. this.playerOptions.poster = "";
  16336. this.playerOptions.sources[0].src = media;
  16337. this.playerO = this.playerOptions;
  16338. },
  16339. onPlayerPlay() {},
  16340. onPlayerTimeupdate(player) {
  16341. let gklog = player.cache_.currentTime; //当前播放的秒数
  16342. let a = player.cache_.duration; //视频的总时长
  16343. let gklog2 = parseInt(gklog);
  16344. // if(gklog2 == '3'){
  16345. // player.pause()
  16346. // setTimeout(()=>{
  16347. // player.currentTime(gklog2+1)
  16348. // player.play()
  16349. // },1000)
  16350. // }
  16351. console.log(" onPlayerTimeupdate!", gklog);
  16352. console.log(" onPlayerTimeupdate!", gklog2);
  16353. },
  16354. lookVedio(u, i) {
  16355. this.isClickNav = "";
  16356. // this.playerOptions.sources[0].src = u;
  16357. var d = JSON.parse(JSON.stringify(this.playerOptions));
  16358. d.sources[0].src = u;
  16359. this.playerO[this.taskCount] = d;
  16360. this.showType = 0;
  16361. // this.isClickNav = "video" + i;
  16362. this.isClickNav = i;
  16363. this.$forceUpdate();
  16364. },
  16365. lookText(i, t) {
  16366. this.isClickNav = "";
  16367. // this.text = this.textList[i][t];
  16368. this.text = this.vChapterData[i][t];
  16369. // this.dialogVisible1 = true;
  16370. this.showType = 1;
  16371. // this.isClickNav = "text" + t;
  16372. this.isClickNav = t;
  16373. },
  16374. lookTools(i, t) {
  16375. this.chapTools = this.chapToolList[i][t];
  16376. this.dialogVisible2 = true;
  16377. },
  16378. openFile(f) {
  16379. this.pptImgUrl = "";
  16380. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  16381. if (
  16382. a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
  16383. -1
  16384. ) {
  16385. this.pptImgUrl =
  16386. "https://view.officeapps.live.com/op/view.aspx?src=" + f;
  16387. this.showPDF = false;
  16388. this.dialogVisible3 = true;
  16389. } else if (
  16390. f.split(".")[f.split(".").length - 1].toLocaleUpperCase() == "PDF"
  16391. ) {
  16392. this.pptImgUrl = f;
  16393. this.showPDF = true;
  16394. this.dialogVisible3 = true;
  16395. }
  16396. },
  16397. openTable(f) {
  16398. this.tableJson = JSON.parse(f.works);
  16399. this.dialogVisibleTable2 = true;
  16400. },
  16401. openWord(f) {
  16402. this.tableJson = JSON.parse(f.works);
  16403. this.dialogVisibleTable3 = true;
  16404. },
  16405. doUrl(url, i) {
  16406. this.isClickNav = "";
  16407. this.pptImgUrl1 = "";
  16408. this.showType = 2;
  16409. if (url.indexOf("https://") == -1 && url.indexOf("http://") == -1) {
  16410. url = "https://" + url;
  16411. }
  16412. this.pptImgUrl1 = "";
  16413. setTimeout(() => {
  16414. this.pptImgUrl1 = url;
  16415. }, 500);
  16416. // this.isClickNav = "line" + i;
  16417. this.isClickNav = i;
  16418. this.$forceUpdate();
  16419. },
  16420. checkPhoto(f, i) {
  16421. this.showType = 4;
  16422. this.pptImgUrl1 = f.url;
  16423. this.isClickNav = i;
  16424. this.$forceUpdate();
  16425. },
  16426. downFile(f, i) {
  16427. this.isClickNav = "";
  16428. this.pptImgUrl1 = "";
  16429. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"]; //"PDF",
  16430. if (
  16431. a.indexOf(
  16432. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase()
  16433. ) != -1
  16434. ) {
  16435. this.pptImgUrl1 =
  16436. "https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
  16437. // this.dialogVisible3 = true;
  16438. this.showType = 2;
  16439. } else if (
  16440. this.isAssetTypeAnImage(
  16441. f.url.split(".")[f.url.split(".").length - 1].toLocaleLowerCase()
  16442. )
  16443. ) {
  16444. this.showType = 4;
  16445. this.pptImgUrl1 = f.url;
  16446. } else if (
  16447. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
  16448. "PDF"
  16449. ) {
  16450. this.pptImgUrl1 = f.url;
  16451. // this.dialogVisible3 = true;
  16452. this.showType = 3;
  16453. } else {
  16454. window.open(this.file[i].url);
  16455. }
  16456. // this.isClickNav = "word" + i;
  16457. this.isClickNav = i;
  16458. },
  16459. downFileList(i) {
  16460. window.open(this.noImgList[i].url);
  16461. },
  16462. openAddWork() {
  16463. this.dialogVisible = true;
  16464. },
  16465. addBzWorks() {
  16466. let params = [
  16467. {
  16468. uid: this.userid,
  16469. cid: this.id,
  16470. stage: this.courseType,
  16471. task: this.taskCount,
  16472. tool: this.toolindex,
  16473. content: JSON.stringify(this.eScore),
  16474. type: 6,
  16475. },
  16476. ];
  16477. this.ajax
  16478. .post(this.$store.state.api + "addCourseWorks", params)
  16479. .then((res) => {
  16480. this.$message({
  16481. message: "提交成功",
  16482. type: "success",
  16483. });
  16484. this.eScore = { eBzText: "", eStar: [] };
  16485. this.studentEvalDialogVisible = false;
  16486. this.selectSWorks();
  16487. })
  16488. .catch((err) => {
  16489. this.$message.error("提交失败");
  16490. console.error(err);
  16491. });
  16492. },
  16493. addBzWorksTeacher() {
  16494. let params = [
  16495. {
  16496. uid: this.sStudent.userid,
  16497. cid: this.id,
  16498. stage: this.courseType,
  16499. task: this.taskCount,
  16500. tool: this.toolindex,
  16501. content: JSON.stringify(this.eScore),
  16502. type: 6,
  16503. },
  16504. ];
  16505. this.ajax
  16506. .post(this.$store.state.api + "addCourseWorks", params)
  16507. .then((res) => {
  16508. this.$message({
  16509. message: "提交成功",
  16510. type: "success",
  16511. });
  16512. this.eScore = { eBzText: "", eStar: [] };
  16513. this.studentEvalDialogVisibleTeacher = false;
  16514. this.selectSWorks();
  16515. })
  16516. .catch((err) => {
  16517. this.$message.error("提交失败");
  16518. console.error(err);
  16519. });
  16520. },
  16521. addStudentAsk() {
  16522. if (!this.radio.length) {
  16523. this.$message.error("请选择选项");
  16524. return;
  16525. }
  16526. for (var i = 0; i < this.askJson.askCount; i++) {
  16527. if (
  16528. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  16529. (this.radio[i] !== 0 && !this.radio[i])
  16530. ) {
  16531. this.$message.error("请选择选项");
  16532. return;
  16533. }
  16534. }
  16535. this.askList.push({ askJson: this.askJson, anwer: this.radio });
  16536. let params = [
  16537. {
  16538. uid: this.userid,
  16539. cid: this.id,
  16540. stage: this.courseType,
  16541. task: this.taskCount,
  16542. tool: this.toolindex,
  16543. content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
  16544. type: 2,
  16545. },
  16546. ];
  16547. this.ajax
  16548. .post(this.$store.state.api + "addCourseWorks", params)
  16549. .then((res) => {
  16550. this.$message({
  16551. message: "提交成功",
  16552. type: "success",
  16553. });
  16554. this.askList = [];
  16555. this.dialogVisible5 = false;
  16556. this.selectStudent();
  16557. this.selectSWorks();
  16558. this.selectSLook();
  16559. })
  16560. .catch((err) => {
  16561. this.$message.error("提交失败");
  16562. console.error(err);
  16563. });
  16564. },
  16565. addStudentAskTeacher() {
  16566. if (!this.radio.length) {
  16567. this.$message.error("请选择选项");
  16568. return;
  16569. }
  16570. for (var i = 0; i < this.askJson.askCount; i++) {
  16571. if (
  16572. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  16573. (this.radio[i] !== 0 && !this.radio[i])
  16574. ) {
  16575. this.$message.error("请选择选项");
  16576. return;
  16577. }
  16578. }
  16579. this.askList.push({ askJson: this.askJson, anwer: this.radio });
  16580. let params = [
  16581. {
  16582. uid: this.sStudent.userid,
  16583. cid: this.id,
  16584. stage: this.courseType,
  16585. task: this.taskCount,
  16586. tool: this.toolindex,
  16587. content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
  16588. type: 2,
  16589. },
  16590. ];
  16591. this.ajax
  16592. .post(this.$store.state.api + "addCourseWorks", params)
  16593. .then((res) => {
  16594. this.$message({
  16595. message: "提交成功",
  16596. type: "success",
  16597. });
  16598. this.askList = [];
  16599. this.dialogVisible5Teacher = false;
  16600. this.selectStudent();
  16601. this.selectSWorks();
  16602. this.selectSLook();
  16603. })
  16604. .catch((err) => {
  16605. this.$message.error("提交失败");
  16606. console.error(err);
  16607. });
  16608. },
  16609. addStudentTest() {
  16610. if (!this.radio.length) {
  16611. this.$message.error("请选择选项");
  16612. return;
  16613. }
  16614. for (var i = 0; i < this.testJson.testCount; i++) {
  16615. if (
  16616. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  16617. (this.radio[i] !== 0 && !this.radio[i])
  16618. ) {
  16619. this.$message.error("请选择选项");
  16620. return;
  16621. }
  16622. }
  16623. this.askList.push({ testJson: this.testJson, anwer: this.radio });
  16624. let params = [
  16625. {
  16626. uid: this.userid,
  16627. cid: this.id,
  16628. stage: this.courseType,
  16629. task: this.taskCount,
  16630. tool: this.toolindex,
  16631. content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
  16632. type: 8,
  16633. },
  16634. ];
  16635. this.ajax
  16636. .post(this.$store.state.api + "addCourseWorks", params)
  16637. .then((res) => {
  16638. this.$message({
  16639. message: "提交成功",
  16640. type: "success",
  16641. });
  16642. this.askList = [];
  16643. this.dialogVisibleChoice = false;
  16644. this.selectStudent();
  16645. this.selectSWorks();
  16646. this.selectSLook();
  16647. })
  16648. .catch((err) => {
  16649. this.$message.error("提交失败");
  16650. console.error(err);
  16651. });
  16652. },
  16653. addStudentTestTeacher() {
  16654. if (!this.radio.length) {
  16655. this.$message.error("请选择选项");
  16656. return;
  16657. }
  16658. for (var i = 0; i < this.testJson.testCount; i++) {
  16659. if (
  16660. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  16661. (this.radio[i] !== 0 && !this.radio[i])
  16662. ) {
  16663. this.$message.error("请选择选项");
  16664. return;
  16665. }
  16666. }
  16667. this.askList.push({ testJson: this.testJson, anwer: this.radio });
  16668. let params = [
  16669. {
  16670. uid: this.sStudent.userid,
  16671. cid: this.id,
  16672. stage: this.courseType,
  16673. task: this.taskCount,
  16674. tool: this.toolindex,
  16675. content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
  16676. type: 8,
  16677. },
  16678. ];
  16679. this.ajax
  16680. .post(this.$store.state.api + "addCourseWorks", params)
  16681. .then((res) => {
  16682. this.$message({
  16683. message: "提交成功",
  16684. type: "success",
  16685. });
  16686. this.askList = [];
  16687. this.dialogVisibleChoiceTeacher = false;
  16688. this.selectStudent();
  16689. this.selectSWorks();
  16690. this.selectSLook();
  16691. })
  16692. .catch((err) => {
  16693. this.$message.error("提交失败");
  16694. console.error(err);
  16695. });
  16696. },
  16697. addWork() {
  16698. if (this.studyJuri[0].content == "") {
  16699. this.$message.error("请将信息填写完整");
  16700. return;
  16701. } else if (this.studyJuri[0].cover.length == 0) {
  16702. this.$message.error("请将信息填写完整");
  16703. return;
  16704. } else if (this.studyJuri[0].upVedio.length == 0) {
  16705. this.$message.error("请将信息填写完整");
  16706. return;
  16707. }
  16708. if (this.isNoHomeWork) {
  16709. this.$confirm(
  16710. "您已经提交了该作业了,如果您再提交将覆盖上次提交的作业!",
  16711. "提示",
  16712. {
  16713. confirmButtonText: "确定",
  16714. cancelButtonText: "取消",
  16715. type: "warning",
  16716. }
  16717. )
  16718. .then(() => {
  16719. let params = [
  16720. {
  16721. uid: this.userid,
  16722. cid: this.id,
  16723. stage: this.courseType,
  16724. task: this.taskCount,
  16725. content: JSON.stringify(this.studyJuri),
  16726. },
  16727. ];
  16728. this.ajax
  16729. .post(this.$store.state.api + "addWorks", params)
  16730. .then((res) => {
  16731. this.$message({
  16732. message: "提交成功",
  16733. type: "success",
  16734. });
  16735. this.isNoHomeWork = true;
  16736. this.dialogVisible = false;
  16737. })
  16738. .catch((err) => {
  16739. this.$message.error("提交失败");
  16740. console.error(err);
  16741. });
  16742. })
  16743. .catch(() => {});
  16744. } else {
  16745. let params = [
  16746. {
  16747. uid: this.userid,
  16748. cid: this.id,
  16749. stage: this.courseType,
  16750. task: this.taskCount,
  16751. content: JSON.stringify(this.studyJuri),
  16752. },
  16753. ];
  16754. this.ajax
  16755. .post(this.$store.state.api + "addWorks", params)
  16756. .then((res) => {
  16757. this.$message({
  16758. message: "提交成功",
  16759. type: "success",
  16760. });
  16761. this.isNoHomeWork = true;
  16762. this.dialogVisible = false;
  16763. })
  16764. .catch((err) => {
  16765. this.$message.error("提交失败");
  16766. console.error(err);
  16767. });
  16768. }
  16769. },
  16770. selectCount() {
  16771. let params = {
  16772. cid: this.id,
  16773. chid: this.courseType,
  16774. uid: this.userid,
  16775. };
  16776. this.ajax
  16777. .get(this.$store.state.api + "selectToolsCount", params)
  16778. .then((res) => {
  16779. for (var i = 0; i < res.data[0].length; i++) {
  16780. if (res.data[0][i].tools == 1) {
  16781. this.wbCount = res.data[0][i].count;
  16782. } else if (res.data[0][i].tools == 2) {
  16783. this.wordCount = res.data[0][i].count;
  16784. } else if (res.data[0][i].tools == 3) {
  16785. this.mindCount = res.data[0][i].count;
  16786. } else if (res.data[0][i].tools == 4) {
  16787. this.askCount = res.data[0][i].count;
  16788. } else if (res.data[0][i].tools == 6) {
  16789. this.noteCount = res.data[0][i].count;
  16790. } else if (res.data[0][i].tools == 7) {
  16791. this.mindNetWorkCount = res.data[0][i].count;
  16792. } else if (res.data[0][i].tools == 8) {
  16793. this.libraryCount = res.data[0][i].count;
  16794. } else if (res.data[0][i].tools == 16) {
  16795. this.workCount = res.data[0][i].count;
  16796. } else if (res.data[0][i].tools == 10) {
  16797. this.timeCount = res.data[0][i].count;
  16798. } else if (res.data[0][i].tools == 15) {
  16799. this.answerCount = res.data[0][i].count;
  16800. } else if (res.data[0][i].tools == 18) {
  16801. this.trainCount = res.data[0][i].count;
  16802. }
  16803. }
  16804. })
  16805. .catch((err) => {
  16806. console.error(err);
  16807. });
  16808. },
  16809. openTools(t, i, index, c, sName,id) {
  16810. var z = JSON.parse(c);
  16811. this.noteName = sName;
  16812. if (t == 4) {
  16813. this.radio = [];
  16814. this.isAnswer = false;
  16815. let b = z[0].anwer;
  16816. this.radio = b;
  16817. this.askJson = z[0].askJson;
  16818. this.isAnswer = true;
  16819. this.dialogVisible5 = true;
  16820. } else if (t == 45) {
  16821. this.radio = [];
  16822. this.isAnswer = false;
  16823. let b = z[0].anwer;
  16824. this.radio = b;
  16825. this.testJson = z[0].testJson;
  16826. this.isAnswer = true;
  16827. this.dialogVisibleChoice = true;
  16828. }else if(t == 69){
  16829. this.englishList1 = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  16830. .toolChoose[i].englishList;
  16831. this.oldEnglishJson = z;
  16832. this.engWid = id;
  16833. this.newEnglishList = { engTitle:"",engText:"" }
  16834. this.selectEngC(id,z);
  16835. }
  16836. // else if (t == 15) {
  16837. // this.answerQ = "";
  16838. // this.questionAnswer = "";
  16839. // this.answerQ = z[0].answerTitle;
  16840. // this.questionAnswer = z[0].answer;
  16841. // this.answerDialogVisible = true;
  16842. // }
  16843. },
  16844. fastText(p, t) {
  16845. if (t == 1) {
  16846. this.commentText += p;
  16847. } else {
  16848. this.eScore.eBzText += p;
  16849. }
  16850. },
  16851. addTools(t, i, index) {
  16852. var a = 0;
  16853. // this.taskCount = index;
  16854. this.toolindex = i;
  16855. if (t == 1) {
  16856. if (this.wbCount > 0) {
  16857. this.updateCount(this.wbCount, t);
  16858. } else {
  16859. this.wbCount++;
  16860. a = this.wbCount;
  16861. this.toolsCount(a, t);
  16862. }
  16863. window.parent.postMessage(
  16864. {
  16865. tools: "1",
  16866. cid: this.id,
  16867. stage: this.courseType,
  16868. task: this.taskCount,
  16869. tool: i,
  16870. },
  16871. "*"
  16872. );
  16873. } else if (t == 2) {
  16874. if (this.wordCount > 0) {
  16875. this.updateCount(this.wordCount, t);
  16876. } else {
  16877. this.wordCount++;
  16878. a = this.wordCount;
  16879. this.toolsCount(a, t);
  16880. }
  16881. window.parent.postMessage({ tools: "2" }, "*");
  16882. } else if (t == 3) {
  16883. if (this.mindCount > 0) {
  16884. this.updateCount(this.mindCount, t);
  16885. } else {
  16886. this.mindCount++;
  16887. a = this.mindCount;
  16888. this.toolsCount(a, t);
  16889. }
  16890. window.parent.postMessage(
  16891. {
  16892. tools: "3",
  16893. cid: this.id,
  16894. stage: this.courseType,
  16895. task: this.taskCount,
  16896. tool: i,
  16897. },
  16898. "*"
  16899. );
  16900. } else if (t == 4) {
  16901. this.radio = [];
  16902. this.noteName = "";
  16903. this.isAnswer = false;
  16904. if (this.askCount > 0) {
  16905. this.updateCount(this.askCount, t);
  16906. } else {
  16907. this.askCount++;
  16908. a = this.askCount;
  16909. this.toolsCount(a, t);
  16910. }
  16911. if (!this.dialogVisible2) {
  16912. this.askJson.askJson =
  16913. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  16914. index
  16915. ].toolChoose[i].askJson;
  16916. this.askJson.askTitle =
  16917. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  16918. index
  16919. ].toolChoose[i].askTitle;
  16920. this.askJson.askCount =
  16921. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  16922. index
  16923. ].toolChoose[i].askCount;
  16924. } else {
  16925. this.askJson.askJson = this.chapTools.askJson.askJson;
  16926. this.askJson.askTitle = this.chapTools.askJson.askTitle;
  16927. this.askJson.askCount = this.chapTools.askJson.askCount;
  16928. }
  16929. for (var k = 0; k < this.askJson.askJson.length; k++) {
  16930. if (this.askJson.askJson[k].type == "2") {
  16931. this.radio.push([]);
  16932. } else {
  16933. this.radio.push("");
  16934. }
  16935. }
  16936. this.dialogVisible5 = true;
  16937. // window.parent.postMessage({ tools: "4" }, "*");
  16938. } else if (t == 45) {
  16939. this.noteName = "";
  16940. this.radio = [];
  16941. this.isAnswer = false;
  16942. if (this.askCount > 0) {
  16943. this.updateCount(this.askCount, t);
  16944. } else {
  16945. this.askCount++;
  16946. a = this.askCount;
  16947. this.toolsCount(a, t);
  16948. }
  16949. this.testJson =
  16950. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  16951. index
  16952. ].toolChoose[i].testJson;
  16953. for (var k = 0; k < this.testJson.testJson.length; k++) {
  16954. if (this.testJson.testJson[k].type == "2") {
  16955. this.radio.push([]);
  16956. } else {
  16957. this.radio.push("");
  16958. }
  16959. }
  16960. this.dialogVisibleChoice = true;
  16961. // window.parent.postMessage({ tools: "4" }, "*");
  16962. } else if (t == 5) {
  16963. if (this.scoreCount > 0) {
  16964. this.updateCount(this.scoreCount, t);
  16965. } else {
  16966. this.scoreCount++;
  16967. a = this.scoreCount;
  16968. this.toolsCount(a, t);
  16969. }
  16970. this.dialogVisible4 = true;
  16971. // window.parent.postMessage({ tools: "5" }, "*");
  16972. } else if (t == 6) {
  16973. if (this.noteCount > 0) {
  16974. this.updateCount(this.noteCount, t);
  16975. } else {
  16976. this.noteCount++;
  16977. a = this.noteCount;
  16978. this.toolsCount(a, t);
  16979. }
  16980. window.parent.postMessage(
  16981. {
  16982. tools: "6",
  16983. cid: this.id,
  16984. stage: this.courseType,
  16985. task: this.taskCount,
  16986. tool: i,
  16987. },
  16988. "*"
  16989. );
  16990. } else if (t == 7) {
  16991. if (this.mindNetWorkCount > 0) {
  16992. this.updateCount(this.mindNetWorkCount, t);
  16993. } else {
  16994. this.mindNetWorkCount++;
  16995. a = this.mindNetWorkCount;
  16996. this.toolsCount(a, t);
  16997. }
  16998. window.parent.postMessage(
  16999. {
  17000. tools: "7",
  17001. cid: this.id,
  17002. stage: this.courseType,
  17003. task: this.taskCount,
  17004. tool: i,
  17005. },
  17006. "*"
  17007. );
  17008. } else if (t == 16) {
  17009. if (this.workCount > 0) {
  17010. this.updateCount(this.workCount, t);
  17011. } else {
  17012. this.workCount++;
  17013. a = this.workCount;
  17014. this.toolsCount(a, t);
  17015. }
  17016. this.dialogVisible = true;
  17017. } else if (t == 50) {
  17018. if (this.tType == 2) {
  17019. this.$message.error("不支持学生使用");
  17020. return;
  17021. }
  17022. this.plworkFile = [];
  17023. this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
  17024. if (!this.uploadCid) {
  17025. this.$message.error(
  17026. "提示:批量上传未添加班级权限,请添加班级或从班级入口进入。"
  17027. );
  17028. return;
  17029. }
  17030. // this.uploadCid =
  17031. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17032. // index
  17033. // ].toolChoose[i].uploadJson[0];
  17034. this.selectUploadStudent(2);
  17035. } else if (t == 8) {
  17036. if (this.libraryCount > 0) {
  17037. this.updateCount(this.libraryCount, t);
  17038. } else {
  17039. this.libraryCount++;
  17040. a = this.libraryCount;
  17041. this.toolsCount(a, t);
  17042. }
  17043. window.parent.postMessage({ tools: "8" }, "*");
  17044. } else if (t == 17) {
  17045. if (this.libraryCount > 0) {
  17046. this.updateCount(this.libraryCount, t);
  17047. } else {
  17048. this.libraryCount++;
  17049. a = this.libraryCount;
  17050. this.toolsCount(a, t);
  17051. }
  17052. window.parent.postMessage({ tools: "17" }, "*");
  17053. } else if (t == 18) {
  17054. if (this.trainCount > 0) {
  17055. this.updateCount(this.trainCount, t);
  17056. } else {
  17057. this.trainCount++;
  17058. a = this.trainCount;
  17059. this.toolsCount(a, t);
  17060. }
  17061. window.parent.postMessage({ tools: "18" }, "*");
  17062. } else if (t == 10) {
  17063. if (this.timeCount > 0) {
  17064. this.updateCount(this.timeCount, t);
  17065. } else {
  17066. this.timeCount++;
  17067. a = this.timeCount;
  17068. this.toolsCount(a, t);
  17069. }
  17070. this.preTime = this.chapInfoList[this.courseType].chapterInfo[0]
  17071. .taskJson[index].toolChoose[i].preTime
  17072. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  17073. .toolChoose[i].preTime
  17074. : "";
  17075. this.timeDialogVisible = true;
  17076. } else if (t == 15) {
  17077. this.answerQ = "";
  17078. this.questionAnswer = "";
  17079. if (this.answerCount > 0) {
  17080. this.updateCount(this.answerCount, t);
  17081. } else {
  17082. this.answerCount++;
  17083. a = this.answerCount;
  17084. this.toolsCount(a, t);
  17085. }
  17086. this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
  17087. .taskJson[index].toolChoose[i].answerQ
  17088. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  17089. .toolChoose[i].answerQ
  17090. : "";
  17091. this.answerDialogVisible = true;
  17092. } else if (t == 21) {
  17093. window.parent.postMessage({ tools: "21" }, "*");
  17094. } else if (t == 22) {
  17095. window.parent.postMessage({ tools: "22" }, "*");
  17096. } else if (t == 23) {
  17097. window.parent.postMessage({ tools: "23" }, "*");
  17098. } else if (t == 24) {
  17099. window.parent.postMessage({ tools: "24" }, "*");
  17100. } else if (t == 25) {
  17101. window.parent.postMessage({ tools: "25" }, "*");
  17102. } else if (t == 31) {
  17103. window.parent.postMessage({ tools: "31" }, "*");
  17104. } else if (t == 28) {
  17105. window.parent.postMessage({ tools: "28" }, "*");
  17106. } else if (t == 37) {
  17107. window.parent.postMessage({ tools: "37" }, "*");
  17108. } else if (t == 38) {
  17109. window.parent.postMessage({ tools: "38" }, "*");
  17110. } else if (t == 39) {
  17111. window.parent.postMessage({ tools: "39" }, "*");
  17112. } else if (t == 32) {
  17113. window.parent.postMessage({ tools: "32" }, "*");
  17114. } else if (t == 66) {
  17115. window.parent.postMessage({ tools: "66" }, "*");
  17116. } else if (t == 67) {
  17117. window.parent.postMessage({ tools: "67" }, "*");
  17118. } else if (t == 68) {
  17119. window.parent.postMessage({ tools: "68" }, "*");
  17120. } else if (t == 57) {
  17121. // window.parent.postMessage({ tools: "57" }, "*");
  17122. window.parent.postMessage(
  17123. {
  17124. tools: "57u",
  17125. cid: this.id,
  17126. stage: this.courseType,
  17127. task: this.taskCount,
  17128. tool: i,
  17129. },
  17130. "*"
  17131. );
  17132. } else if (t == 58) {
  17133. window.parent.postMessage({ tools: "58" }, "*");
  17134. } else if (t == 59) {
  17135. window.parent.postMessage({ tools: "59" }, "*");
  17136. } else if (t == 60) {
  17137. window.parent.postMessage({ tools: "60" }, "*");
  17138. } else if (t == 61) {
  17139. window.parent.postMessage({ tools: "61" }, "*");
  17140. } else if (t == 63) {
  17141. window.parent.postMessage({ tools: "63" }, "*");
  17142. } else if (t == 69) {
  17143. this.englishList = this.chapInfoList[this.courseType].chapterInfo[0]
  17144. .taskJson[index].toolChoose[i].englishList
  17145. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  17146. .toolChoose[i].englishList
  17147. : {};
  17148. this.englishToolIndex = i;
  17149. this.engDialogVisible = true;
  17150. } else if (t == 65) {
  17151. if (this.tType == 2) {
  17152. this.$message.error("不支持学生使用");
  17153. return;
  17154. }
  17155. this.uploadCid = this.tcid;
  17156. if (!this.uploadCid) {
  17157. this.$message.error(
  17158. "提示:未添加班级权限,请添加班级或从班级入口进入。"
  17159. );
  17160. return;
  17161. }
  17162. this.selectPickStudent();
  17163. } else if (t == 26) {
  17164. window.parent.postMessage(
  17165. {
  17166. tools: "26",
  17167. cid: this.id,
  17168. stage: this.courseType,
  17169. task: this.taskCount,
  17170. tool: i,
  17171. },
  17172. "*"
  17173. );
  17174. } else if (t == 40) {
  17175. if (this.evalCount > 0) {
  17176. this.updateCount(this.evalCount, t);
  17177. } else {
  17178. this.evalCount++;
  17179. a = this.evalCount;
  17180. this.toolsCount(a, t);
  17181. }
  17182. this.eScore = { eBzText: "", eStar: [] };
  17183. if (this.worksStudent[i].length) {
  17184. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17185. if (this.userid == this.worksStudent[i][k].userid) {
  17186. this.eScore = JSON.parse(this.worksStudent[i][k].works);
  17187. this.rateJson =
  17188. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17189. index
  17190. ].toolChoose[i].rateJson;
  17191. break;
  17192. } else {
  17193. this.rateJson =
  17194. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17195. index
  17196. ].toolChoose[i].rateJson;
  17197. }
  17198. }
  17199. } else {
  17200. this.rateJson =
  17201. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17202. index
  17203. ].toolChoose[i].rateJson;
  17204. }
  17205. this.isStar = false;
  17206. this.studentEvalDialogVisible = true;
  17207. } else if (t == 41) {
  17208. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  17209. .taskJson[index].toolChoose[i].selectJson
  17210. ? JSON.parse(
  17211. JSON.stringify(
  17212. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17213. index
  17214. ].toolChoose[i].selectJson
  17215. )
  17216. )
  17217. : { url: "", select: [], answer: [] };
  17218. if (this.worksStudent[i].length) {
  17219. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17220. if (this.userid == this.worksStudent[i][k].userid) {
  17221. var a = this.worksStudent[i][k].works.split(",");
  17222. for (var ki = 0; ki < a.length; ki++) {
  17223. a[ki] = parseInt(a[ki]);
  17224. }
  17225. this.selectAnswer = {
  17226. answer: a,
  17227. stu: this.worksStudent[i][k].sName,
  17228. };
  17229. break;
  17230. } else {
  17231. this.selectAnswer = { answer: [], stu: "" };
  17232. }
  17233. }
  17234. } else {
  17235. this.selectAnswer = { answer: [], stu: "" };
  17236. }
  17237. this.isSelect = false;
  17238. this.dialogVisibleSelect = true;
  17239. } else if (t == 44) {
  17240. window.parent.postMessage({ tools: "44" }, "*");
  17241. } else if (t == 47) {
  17242. this.sentenceList = this.chapInfoList[this.courseType].chapterInfo[0]
  17243. .taskJson[index].toolChoose[i].sentenceList
  17244. ? JSON.parse(
  17245. JSON.stringify(
  17246. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17247. index
  17248. ].toolChoose[i].sentenceList
  17249. )
  17250. )
  17251. : [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }];
  17252. for (var q = 0; q < this.sentenceList.length; q++) {
  17253. this.sentenceList[q].chooseSenList = [];
  17254. this.sentenceList[q].addChangeSen = [];
  17255. this.sentenceList[q].addChangeSen = JSON.parse(
  17256. JSON.stringify(this.sentenceList[q].addSentence)
  17257. );
  17258. this.sentenceList[q].chooseSenList.length =
  17259. this.sentenceList[q].rightAnswer.length;
  17260. }
  17261. this.dialogVisibleSentence = true;
  17262. } else if (t == 48) {
  17263. this.tableJson = this.chapInfoList[this.courseType].chapterInfo[0]
  17264. .taskJson[index].toolChoose[i].tableJson
  17265. ? JSON.parse(
  17266. JSON.stringify(
  17267. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17268. index
  17269. ].toolChoose[i].tableJson
  17270. )
  17271. )
  17272. : { text: "" };
  17273. this.tableJsonO = JSON.parse(JSON.stringify(this.tableJson));
  17274. if (this.worksStudent[i].length) {
  17275. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17276. if (this.userid == this.worksStudent[i][k].userid) {
  17277. this.tableJson = JSON.parse(this.worksStudent[i][k].works);
  17278. break;
  17279. }
  17280. }
  17281. }
  17282. this.dialogVisibleTable = true;
  17283. } else if (t == 52) {
  17284. this.wordJson = this.chapInfoList[this.courseType].chapterInfo[0]
  17285. .taskJson[index].toolChoose[i].wordJson
  17286. ? JSON.parse(
  17287. JSON.stringify(
  17288. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17289. index
  17290. ].toolChoose[i].wordJson
  17291. )
  17292. )
  17293. : { text: "" };
  17294. this.wordJsonO = JSON.parse(JSON.stringify(this.wordJson));
  17295. if (this.worksStudent[i].length) {
  17296. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17297. if (this.userid == this.worksStudent[i][k].userid) {
  17298. this.wordJson = JSON.parse(this.worksStudent[i][k].works);
  17299. break;
  17300. }
  17301. }
  17302. }
  17303. this.dialogVisibleWord = true;
  17304. } else if (t == 49) {
  17305. this.groupJson =
  17306. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17307. index
  17308. ].toolChoose[i].groupJson;
  17309. this.islock = this.groupJson.islock == 1 ? true : false;
  17310. this.dialogVisibleGroup = true;
  17311. } else if (t == 62) {
  17312. this.videoJson =
  17313. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17314. index
  17315. ].toolChoose[i].videoJson;
  17316. this.dialogVisibleVideo = true;
  17317. }
  17318. },
  17319. teacherWorkSubmit(t, i, index, s) {
  17320. this.sStudent = s;
  17321. this.toolindex = i;
  17322. this.sTool = t;
  17323. if (this.tType !== "1" && this.tType !== "4") {
  17324. return;
  17325. }
  17326. if (t == 16 || t == 32 || t == 50) {
  17327. this.dialogVisibleWorks = true;
  17328. } else if (t == 15) {
  17329. this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
  17330. .taskJson[index].toolChoose[i].answerQ
  17331. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  17332. .toolChoose[i].answerQ
  17333. : "";
  17334. this.questionAnswer = "";
  17335. this.answerDialogVisibleTeacher = true; //问答
  17336. } else if (t == 52) {
  17337. this.wordJson = this.chapInfoList[this.courseType].chapterInfo[0]
  17338. .taskJson[index].toolChoose[i].wordJson
  17339. ? JSON.parse(
  17340. JSON.stringify(
  17341. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17342. index
  17343. ].toolChoose[i].wordJson
  17344. )
  17345. )
  17346. : { text: "" };
  17347. if (this.worksStudent[i].length) {
  17348. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17349. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  17350. this.wordJson = JSON.parse(this.worksStudent[i][k].works);
  17351. break;
  17352. }
  17353. }
  17354. }
  17355. this.dialogVisibleWordTeacher = true; //文档
  17356. } else if (t == 4) {
  17357. this.radio = [];
  17358. this.noteName = "";
  17359. this.isAnswer = false;
  17360. if (this.askCount > 0) {
  17361. this.updateCount(this.askCount, t);
  17362. } else {
  17363. this.askCount++;
  17364. a = this.askCount;
  17365. this.toolsCount(a, t);
  17366. }
  17367. if (!this.dialogVisible2) {
  17368. this.askJson.askJson =
  17369. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17370. index
  17371. ].toolChoose[i].askJson;
  17372. this.askJson.askTitle =
  17373. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17374. index
  17375. ].toolChoose[i].askTitle;
  17376. this.askJson.askCount =
  17377. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17378. index
  17379. ].toolChoose[i].askCount;
  17380. } else {
  17381. this.askJson.askJson = this.chapTools.askJson.askJson;
  17382. this.askJson.askTitle = this.chapTools.askJson.askTitle;
  17383. this.askJson.askCount = this.chapTools.askJson.askCount;
  17384. }
  17385. for (var k = 0; k < this.askJson.askJson.length; k++) {
  17386. if (this.askJson.askJson[k].type == "2") {
  17387. this.radio.push([]);
  17388. } else {
  17389. this.radio.push("");
  17390. }
  17391. }
  17392. this.dialogVisible5Teacher = true;
  17393. } else if (t == 45) {
  17394. this.noteName = "";
  17395. this.radio = [];
  17396. this.isAnswer = false;
  17397. if (this.askCount > 0) {
  17398. this.updateCount(this.askCount, t);
  17399. } else {
  17400. this.askCount++;
  17401. a = this.askCount;
  17402. this.toolsCount(a, t);
  17403. }
  17404. this.testJson =
  17405. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17406. index
  17407. ].toolChoose[i].testJson;
  17408. for (var k = 0; k < this.testJson.testJson.length; k++) {
  17409. if (this.testJson.testJson[k].type == "2") {
  17410. this.radio.push([]);
  17411. } else {
  17412. this.radio.push("");
  17413. }
  17414. }
  17415. this.dialogVisibleChoiceTeacher = true;
  17416. } else if (t == 41) {
  17417. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  17418. .taskJson[index].toolChoose[i].selectJson
  17419. ? JSON.parse(
  17420. JSON.stringify(
  17421. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17422. index
  17423. ].toolChoose[i].selectJson
  17424. )
  17425. )
  17426. : { url: "", select: [], answer: [] };
  17427. if (this.worksStudent[i].length) {
  17428. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17429. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  17430. var a = this.worksStudent[i][k].works.split(",");
  17431. for (var ki = 0; ki < a.length; ki++) {
  17432. a[ki] = parseInt(a[ki]);
  17433. }
  17434. this.selectAnswer = {
  17435. answer: a,
  17436. stu: this.worksStudent[i][k].sName,
  17437. };
  17438. break;
  17439. } else {
  17440. this.selectAnswer = { answer: [], stu: "" };
  17441. }
  17442. }
  17443. } else {
  17444. this.selectAnswer = { answer: [], stu: "" };
  17445. }
  17446. this.isSelect = false;
  17447. this.dialogVisibleSelectTeacher = true;
  17448. } else if (t == 47) {
  17449. this.sentenceList = this.chapInfoList[this.courseType].chapterInfo[0]
  17450. .taskJson[index].toolChoose[i].sentenceList
  17451. ? JSON.parse(
  17452. JSON.stringify(
  17453. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17454. index
  17455. ].toolChoose[i].sentenceList
  17456. )
  17457. )
  17458. : [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }];
  17459. for (var q = 0; q < this.sentenceList.length; q++) {
  17460. this.sentenceList[q].chooseSenList = [];
  17461. this.sentenceList[q].addChangeSen = [];
  17462. this.sentenceList[q].addChangeSen = JSON.parse(
  17463. JSON.stringify(this.sentenceList[q].addSentence)
  17464. );
  17465. this.sentenceList[q].chooseSenList.length =
  17466. this.sentenceList[q].rightAnswer.length;
  17467. }
  17468. this.dialogVisibleSentenceTeacher = true;
  17469. } else if (t == 48) {
  17470. this.tableJson = this.chapInfoList[this.courseType].chapterInfo[0]
  17471. .taskJson[index].toolChoose[i].tableJson
  17472. ? JSON.parse(
  17473. JSON.stringify(
  17474. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17475. index
  17476. ].toolChoose[i].tableJson
  17477. )
  17478. )
  17479. : { text: "" };
  17480. if (this.worksStudent[i].length) {
  17481. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17482. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  17483. this.tableJson = JSON.parse(this.worksStudent[i][k].works);
  17484. break;
  17485. }
  17486. }
  17487. }
  17488. this.dialogVisibleTableTeacher = true;
  17489. } else if (t == 40) {
  17490. if (this.evalCount > 0) {
  17491. this.updateCount(this.evalCount, t);
  17492. } else {
  17493. this.evalCount++;
  17494. a = this.evalCount;
  17495. this.toolsCount(a, t);
  17496. }
  17497. this.eScore = { eBzText: "", eStar: [] };
  17498. if (this.worksStudent[i].length) {
  17499. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17500. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  17501. this.eScore = JSON.parse(this.worksStudent[i][k].works);
  17502. this.rateJson =
  17503. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17504. index
  17505. ].toolChoose[i].rateJson;
  17506. break;
  17507. } else {
  17508. this.rateJson =
  17509. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17510. index
  17511. ].toolChoose[i].rateJson;
  17512. }
  17513. }
  17514. } else {
  17515. this.rateJson =
  17516. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17517. index
  17518. ].toolChoose[i].rateJson;
  17519. }
  17520. this.isStar = false;
  17521. this.studentEvalDialogVisibleTeacher = true;
  17522. } else if (t == 3 || t == 1 || t == 7 || t == 57) {
  17523. window.parent.postMessage(
  17524. {
  17525. tools: t + "teacher",
  17526. cid: this.id,
  17527. stage: this.courseType,
  17528. task: this.taskCount,
  17529. tool: i,
  17530. student: this.sStudent,
  17531. },
  17532. "*"
  17533. );
  17534. }
  17535. },
  17536. openCocoPi(tool, i, uid, uname) {
  17537. let student = {
  17538. userid: uid,
  17539. student: uname,
  17540. };
  17541. if (tool == 57) {
  17542. window.parent.postMessage(
  17543. {
  17544. tools: tool + "teacher",
  17545. cid: this.id,
  17546. stage: this.courseType,
  17547. task: this.taskCount,
  17548. tool: i,
  17549. student: student,
  17550. },
  17551. "*"
  17552. );
  17553. }
  17554. },
  17555. setRightAnswer(s, i, j) {
  17556. for (var q = 0; q < this.sentenceList[i].chooseSenList.length; q++) {
  17557. if (
  17558. this.sentenceList[i].chooseSenList[q] == undefined ||
  17559. this.sentenceList[i].chooseSenList[q] == ""
  17560. ) {
  17561. this.sentenceList[i].chooseSenList[q] = s;
  17562. this.sentenceList[i].addChangeSen[j] = "";
  17563. break;
  17564. }
  17565. }
  17566. this.$forceUpdate();
  17567. },
  17568. returnCard(r, i, j) {
  17569. var a = this.sentenceList[i].addSentence.indexOf(r);
  17570. this.sentenceList[i].chooseSenList[j] = "";
  17571. this.sentenceList[i].addChangeSen[a] = r;
  17572. this.$forceUpdate();
  17573. },
  17574. // addSentenceTool() {
  17575. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17576. // this.taskCount
  17577. // ].toolChoose[this.toolindex].sentenceList = this.sentenceList;
  17578. // this.sentenceList = [
  17579. // { sentenceTitle: "", addSentence: [], rightAnswer: [] },
  17580. // ];
  17581. // this.dialogVisibleSentence = false;
  17582. // },
  17583. toolsCount(a, t) {
  17584. let params = {
  17585. cid: this.id,
  17586. chid: this.courseType,
  17587. uid: this.userid,
  17588. tid: t,
  17589. count: a,
  17590. };
  17591. this.ajax
  17592. .get(this.$store.state.api + "insertToolsCount", params)
  17593. .then((res) => {
  17594. this.selectCount();
  17595. })
  17596. .catch((err) => {
  17597. console.error(err);
  17598. });
  17599. },
  17600. updateCount(c, t) {
  17601. c++;
  17602. let params = {
  17603. cid: this.id,
  17604. chid: this.courseType,
  17605. uid: this.userid,
  17606. tid: t,
  17607. count: c,
  17608. };
  17609. this.ajax
  17610. .get(this.$store.state.api + "updateToolsCount", params)
  17611. .then((res) => {
  17612. this.selectCount();
  17613. })
  17614. .catch((err) => {
  17615. console.error(err);
  17616. });
  17617. },
  17618. checkEva() {
  17619. if (this.evalua != "") {
  17620. for (var i = 0; i < this.evaJuri.length; i++) {
  17621. if (this.evalua == this.evaJuri[i].id) {
  17622. this.eTitle = this.evaJuri[i].title;
  17623. this.eJson = JSON.parse(this.evaJuri[i].content);
  17624. }
  17625. }
  17626. this.$forceUpdate();
  17627. setTimeout(() => {
  17628. this.setMindData();
  17629. }, 0);
  17630. }
  17631. },
  17632. selectEva() {
  17633. let params = {
  17634. oid: this.oid,
  17635. };
  17636. this.ajax
  17637. .get(this.$store.state.api + "selectAllEvaluation", params)
  17638. .then((res) => {
  17639. this.evaJuri = res.data[0];
  17640. })
  17641. .catch((err) => {
  17642. console.error(err);
  17643. });
  17644. },
  17645. setMindData() {
  17646. this.data.data = [];
  17647. this.data.data.push({ id: "root", isroot: true, topic: this.eTitle });
  17648. let _eJson = Object.keys(this.eJson);
  17649. let _e = this.eJson;
  17650. for (let i = 0; i < _eJson.length; i++) {
  17651. let element = _e[_eJson[i]];
  17652. this.data.data.push({
  17653. id: element.id,
  17654. parentid: "root",
  17655. topic: element.name,
  17656. });
  17657. let _eJsonc = Object.keys(element.child);
  17658. let _e2 = element.child;
  17659. for (let j = 0; j < _eJsonc.length; j++) {
  17660. let _ec = _e2[_eJsonc[j]];
  17661. this.data.data.push({
  17662. id: _ec.id,
  17663. parentid: element.id,
  17664. topic: _ec.name,
  17665. });
  17666. let _eJsonz = Object.keys(_ec.child);
  17667. let _e3 = _ec.child;
  17668. for (let z = 0; z < _eJsonz.length; z++) {
  17669. let _ez = _e3[_eJsonz[z]];
  17670. this.data.data.push({
  17671. id: _ez.id,
  17672. parentid: _ec.id,
  17673. topic: _ez.name,
  17674. });
  17675. }
  17676. }
  17677. }
  17678. this.$forceUpdate();
  17679. },
  17680. checkFileFull(type, url) {
  17681. this.fullDialogVisible = true;
  17682. this.fulltype = type;
  17683. this.fullUrl = url;
  17684. },
  17685. checkFileFull1(t, f) {
  17686. this.fullDialogVisible = true;
  17687. if (t == 6) {
  17688. this.fulltype = 1;
  17689. this.fullUrl = JSON.parse(JSON.stringify(f));
  17690. } else if (t == 8) {
  17691. this.fulltype = 2;
  17692. this.fullUrl = f.url;
  17693. } else if (
  17694. t == 3 &&
  17695. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
  17696. "PDF"
  17697. ) {
  17698. this.fulltype = 3;
  17699. this.fullUrl = f.url;
  17700. } else if (t == 3) {
  17701. this.fulltype = 2;
  17702. this.fullUrl =
  17703. "https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
  17704. }
  17705. },
  17706. openSname(n, id, i, uid) {
  17707. this.snameWid = id;
  17708. this.worksSName = n;
  17709. this.worksSid = uid == n ? "" : uid;
  17710. this.toolindex = i;
  17711. this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
  17712. if (!this.uploadCid) {
  17713. this.$message.error(
  17714. "提示:批量上传未添加班级权限,请添加班级或从班级入口进入。"
  17715. );
  17716. return;
  17717. }
  17718. this.selectUploadStudent(1);
  17719. },
  17720. updateName() {
  17721. let params = {
  17722. n: this.worksSName,
  17723. cid: this.snameWid,
  17724. };
  17725. this.ajax
  17726. .get(this.$store.state.api + "updateCourseWorksName", params)
  17727. .then((res) => {
  17728. this.$message({
  17729. message: "修改成功",
  17730. type: "success",
  17731. });
  17732. this.dialogVisibleSname = false;
  17733. this.getCourseDetail(2);
  17734. this.snameWid = "";
  17735. this.worksSName = "";
  17736. })
  17737. .catch((err) => {
  17738. console.error(err);
  17739. });
  17740. },
  17741. downloadFile2(f) {
  17742. // const loading = this.$loading.service({
  17743. // background: "rgba(255, 255, 255, 0.7)",
  17744. // target: document.body,
  17745. // text: "文件加载中...",
  17746. // });
  17747. // let url2 = f.url;
  17748. // let _url2 = "";
  17749. // if (
  17750. // url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  17751. // ) {
  17752. // _url2 = url2.split(
  17753. // "https://view.officeapps.live.com/op/view.aspx?src="
  17754. // )[1];
  17755. // } else {
  17756. // _url2 = url2;
  17757. // }
  17758. // let params = {
  17759. // url: _url2,
  17760. // name: f.name,
  17761. // };
  17762. // this.ajax
  17763. // .get(this.$store.state.api + "download", params)
  17764. // .then((res) => {
  17765. // loading.close();
  17766. // let content = res.data.data.data;
  17767. // let ab = new ArrayBuffer(content.length);
  17768. // let view = new Uint8Array(ab);
  17769. // for (var i = 0; i < content.length; ++i) {
  17770. // view[i] = content[i];
  17771. // }
  17772. // let elink = document.createElement("a");
  17773. // elink.download = f.name;
  17774. // elink.style.display = "none";
  17775. // let blob = new Blob([ab], {
  17776. // type: res.data.response.headers["content-type"] + ";charset=UTF-8",
  17777. // });
  17778. // elink.href = URL.createObjectURL(blob);
  17779. // document.body.appendChild(elink);
  17780. // elink.click();
  17781. // document.body.removeChild(elink);
  17782. // })
  17783. // .catch((err) => {
  17784. // loading.close();
  17785. // console.error(err);
  17786. // });
  17787. let url = f.url;
  17788. let _this = this;
  17789. let _url = "";
  17790. if (
  17791. url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  17792. ) {
  17793. _url = url.split(
  17794. "https://view.officeapps.live.com/op/view.aspx?src="
  17795. )[1];
  17796. } else {
  17797. _url = url;
  17798. }
  17799. const loading = _this.$loading.service({
  17800. background: "rgba(255, 255, 255, 0.7)",
  17801. target: document.body,
  17802. text: "文件加载中...",
  17803. });
  17804. let x = new XMLHttpRequest();
  17805. x.open("GET", _url, true);
  17806. x.responseType = "blob";
  17807. x.onload = function () {
  17808. loading.close();
  17809. let url = window.URL.createObjectURL(new Blob([x.response]));
  17810. let a = document.createElement("a");
  17811. a.name = f.name;
  17812. a.href = url;
  17813. a.download = f.name;
  17814. a.click();
  17815. };
  17816. x.send();
  17817. },
  17818. downloadFile(url) {
  17819. let _this = this;
  17820. let _url = "";
  17821. if (
  17822. url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  17823. ) {
  17824. _url = url.split(
  17825. "https://view.officeapps.live.com/op/view.aspx?src="
  17826. )[1];
  17827. } else {
  17828. _url = url;
  17829. }
  17830. const x = new XMLHttpRequest();
  17831. x.open("GET", _url, true);
  17832. x.responseType = "blob";
  17833. const loading = _this.$loading.service({
  17834. background: "rgba(255, 255, 255, 0.7)",
  17835. target: document.body,
  17836. text: "文件加载中...",
  17837. });
  17838. // _this.$message.success("文件下载中...");
  17839. x.onload = function (e) {
  17840. loading.close();
  17841. let content = x.response;
  17842. let elink = document.createElement("a");
  17843. elink.download = decodeURI(
  17844. _url.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1]
  17845. );
  17846. elink.style.display = "none";
  17847. let blob = new Blob([content]);
  17848. elink.href = URL.createObjectURL(blob);
  17849. document.body.appendChild(elink);
  17850. elink.click();
  17851. document.body.removeChild(elink);
  17852. };
  17853. x.send();
  17854. },
  17855. openLine(url) {
  17856. window.open(url);
  17857. },
  17858. resize() {
  17859. if (document.getElementsByClassName("box_course").length) {
  17860. var a = document.getElementsByClassName("box_course")[0].offsetHeight;
  17861. // document.getElementsByClassName("vedioList")[0].style.height = a + "px";
  17862. if (this.showType == 2 || this.showType == 3) {
  17863. document.getElementsByClassName("navBox")[0].style.height =
  17864. a - 40 + 46 + "px";
  17865. } else {
  17866. document.getElementsByClassName("navBox")[0].style.height =
  17867. a - 40 + "px";
  17868. }
  17869. }
  17870. this.Stbodywidth =
  17871. document.getElementsByClassName("student_body").length &&
  17872. document.getElementsByClassName("student_body")[0].offsetWidth;
  17873. },
  17874. closeDraw() {
  17875. this.bg = null;
  17876. this.drawShow = false;
  17877. },
  17878. showPicturePaint(url) {
  17879. let params = {
  17880. img: url,
  17881. };
  17882. this.ajax
  17883. .get(this.$store.state.api + "imgToBase64", params)
  17884. .then((res) => {
  17885. this.drawShow = true;
  17886. this.bg = res.data[0].img;
  17887. })
  17888. .catch((err) => {
  17889. console.error(err);
  17890. });
  17891. },
  17892. addImgDraw(base64) {
  17893. let file = { name: "批注图.png" };
  17894. let img = this.dataUrlToFile(base64, file);
  17895. this.beforeUpload1(img, 5);
  17896. },
  17897. addImgDrawImG(url) {
  17898. // console.log(url);
  17899. let params = [
  17900. {
  17901. wid: this.commentDetail.wid,
  17902. img: url,
  17903. },
  17904. ];
  17905. this.ajax
  17906. .post(this.$store.state.api + "updateCourseWorks", params)
  17907. .then((res) => {
  17908. this.$message({
  17909. message: "提交成功",
  17910. type: "success",
  17911. });
  17912. this.drawShow = false;
  17913. this.bg = "";
  17914. this.selectSWorks();
  17915. this.selectStudent();
  17916. })
  17917. .catch((err) => {
  17918. this.$message.error("提交失败");
  17919. console.error(err);
  17920. });
  17921. },
  17922. deletePicturePaint() {
  17923. this.$confirm("确定删除此批注吗?", "提示", {
  17924. confirmButtonText: "确定",
  17925. cancelButtonText: "取消",
  17926. type: "warning",
  17927. })
  17928. .then(() => {
  17929. let params = [
  17930. {
  17931. wid: this.commentDetail.wid,
  17932. img: "",
  17933. },
  17934. ];
  17935. this.ajax
  17936. .post(this.$store.state.api + "updateCourseWorks", params)
  17937. .then((res) => {
  17938. this.$message({
  17939. message: "删除成功",
  17940. type: "success",
  17941. });
  17942. this.selectSWorks();
  17943. this.selectStudent();
  17944. })
  17945. .catch((err) => {
  17946. this.$message.error("删除失败");
  17947. console.error(err);
  17948. });
  17949. })
  17950. .catch(() => {});
  17951. },
  17952. getAudioVideo(constraintsData) {
  17953. if (navigator.mediaDevices === undefined) {
  17954. navigator.mediaDevices = {};
  17955. }
  17956. if (navigator.mediaDevices.getUserMedia === undefined) {
  17957. navigator.mediaDevices.getUserMedia = function (constraints) {
  17958. // 首先,如果有getUserMedia的话,就获得它
  17959. var getUserMedia =
  17960. navigator.getUserMedia ||
  17961. navigator.webkitGetUserMedia ||
  17962. navigator.mozGetUserMedia ||
  17963. navigator.msGetUserMedia;
  17964. // 一些浏览器根本没实现它 - 那么就返回一个error到promise的reject来保持一个统一的接口
  17965. if (!getUserMedia) {
  17966. return Promise.reject({ code: 404 });
  17967. }
  17968. // 否则,为老的navigator.getUserMedia方法包裹一个Promise
  17969. return new Promise(function (resolve, reject) {
  17970. getUserMedia.call(navigator, constraints, resolve, reject);
  17971. });
  17972. };
  17973. }
  17974. return navigator.mediaDevices.getUserMedia(constraintsData);
  17975. },
  17976. /**
  17977. * 开始录制
  17978. */
  17979. startRecording(callback) {
  17980. let _function = (screenStream) => {
  17981. this.addStreamStopListener(screenStream, () => {
  17982. console.log("流停止监听");
  17983. this.stopRecording();
  17984. this.$emit("streamStop", {});
  17985. // this.stopRecording();
  17986. });
  17987. var options = {
  17988. type: "video",
  17989. mimeType: "video/webm",
  17990. disableLogs: false,
  17991. getNativeBlob: false, // enable it for longer recordings
  17992. ignoreMutedMedia: false,
  17993. };
  17994. // this.video.srcObject = screenStream;
  17995. this.recorder = RecordRTC(screenStream, options);
  17996. this.recorder.startRecording();
  17997. this.recorder.screen = screenStream;
  17998. this.videoStart = true;
  17999. // callback(true);
  18000. };
  18001. this.getAudioVideo({ audio: true })
  18002. .then((res) => {
  18003. this.captureScreen(_function, true);
  18004. console.log("已点击允许,开启成功");
  18005. })
  18006. .catch((err) => {
  18007. // console.log('浏览器不支持,请更换浏览器')
  18008. // } else {
  18009. this.captureScreen(_function, false);
  18010. console.log("请检查是否存在麦克风");
  18011. });
  18012. },
  18013. /**
  18014. * 停止录制
  18015. */
  18016. stopRecording(callback) {
  18017. this.recorder.stopRecording(() => {
  18018. // this.video.src = this.video.srcObject = null;
  18019. // this.video.src = URL.createObjectURL(this.recorder.getBlob());
  18020. const url = URL.createObjectURL(this.recorder.getBlob());
  18021. const a = document.createElement("a"); //this.fileName+
  18022. let videoFile = new File(
  18023. [this.recorder.getBlob()],
  18024. this.courseDetail.title + "录屏.mp4",
  18025. {
  18026. type: "video/mp4",
  18027. }
  18028. );
  18029. let downloadUrl = URL.createObjectURL(videoFile);
  18030. document.body.appendChild(a);
  18031. a.style.display = "none";
  18032. a.href = url;
  18033. a.download = this.courseDetail.title + "录屏.mp4"; //this.fileName +
  18034. a.click();
  18035. this.recorder.screen.stop();
  18036. this.recorder.destroy();
  18037. this.recorder = null;
  18038. this.videoStart = false;
  18039. // callback(false);
  18040. });
  18041. },
  18042. //初始化
  18043. captureScreen(callback, type) {
  18044. if (navigator.getDisplayMedia) {
  18045. //录制结束,文件下载
  18046. navigator
  18047. .getDisplayMedia({
  18048. video: true,
  18049. })
  18050. .then((screenStream) => {
  18051. if (type) {
  18052. navigator.mediaDevices
  18053. .getUserMedia({ audio: true })
  18054. .then((mic) => {
  18055. screenStream.addTrack(mic.getTracks()[0]);
  18056. callback(screenStream);
  18057. });
  18058. } else {
  18059. callback(screenStream);
  18060. }
  18061. })
  18062. .catch(function (error) {
  18063. console.log("error", error);
  18064. });
  18065. } else if (navigator.mediaDevices.getDisplayMedia) {
  18066. navigator.mediaDevices
  18067. .getDisplayMedia({
  18068. video: true,
  18069. })
  18070. .then((screenStream) => {
  18071. if (type) {
  18072. navigator.mediaDevices
  18073. .getUserMedia({ audio: true })
  18074. .then((mic) => {
  18075. screenStream.addTrack(mic.getTracks()[0]);
  18076. callback(screenStream);
  18077. });
  18078. } else {
  18079. callback(screenStream);
  18080. }
  18081. })
  18082. .catch(function (error) {
  18083. console.log("error", error);
  18084. });
  18085. } else {
  18086. var error = "getDisplayMedia API are not supported in this browser.";
  18087. console.log("error", error);
  18088. alert(error);
  18089. }
  18090. },
  18091. //流监听
  18092. addStreamStopListener(stream, callback) {
  18093. stream.addEventListener(
  18094. "ended",
  18095. function () {
  18096. callback();
  18097. callback = function () {};
  18098. },
  18099. false
  18100. );
  18101. stream.addEventListener(
  18102. "inactive",
  18103. function () {
  18104. callback();
  18105. callback = function () {};
  18106. },
  18107. false
  18108. );
  18109. stream.getTracks().forEach(function (track) {
  18110. track.addEventListener(
  18111. "ended",
  18112. function () {
  18113. callback();
  18114. callback = function () {};
  18115. },
  18116. false
  18117. );
  18118. track.addEventListener(
  18119. "inactive",
  18120. function () {
  18121. callback();
  18122. callback = function () {};
  18123. },
  18124. false
  18125. );
  18126. });
  18127. },
  18128. updateGroup() {
  18129. this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
  18130. this.dialogVisibleGroup2 = true;
  18131. },
  18132. numberPan() {
  18133. if (
  18134. /[^\d]/.test(this.groupJson.number) ||
  18135. this.groupJson.number < 2 ||
  18136. this.groupJson.number > 10
  18137. ) {
  18138. this.$message.error("请输入2-10的数字");
  18139. this.groupJson.number = "";
  18140. }
  18141. },
  18142. updateGroupJson() {
  18143. for (var i = 0; i < this.groupStudentUid[this.toolindex].length; i++) {
  18144. if (
  18145. this.groupStudentUid[this.toolindex][i].length >
  18146. this.groupJson2.number
  18147. ) {
  18148. this.$message.error("已经有小组比你设置的人数多,请重新设置");
  18149. return;
  18150. }
  18151. }
  18152. this.groupJson = JSON.parse(JSON.stringify(this.groupJson2));
  18153. this.islock = this.groupJson.islock == 1 ? true : false;
  18154. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18155. this.taskCount
  18156. ].toolChoose[this.toolindex].groupJson = this.groupJson;
  18157. let params = [
  18158. {
  18159. cid: this.id,
  18160. chapters: JSON.stringify(this.chapInfoList),
  18161. uid: this.userid,
  18162. unitIndex: this.courseType,
  18163. },
  18164. ];
  18165. this.ajax
  18166. .post(this.$store.state.api + "updateWorkNew4", params)
  18167. .then((res) => {
  18168. this.$message.success("设置成功");
  18169. this.getCourseDetail(2);
  18170. this.dialogVisibleGroup2 = false;
  18171. this.groupJson2 = {};
  18172. this.$forceUpdate();
  18173. })
  18174. .catch((err) => {
  18175. this.$message.error("网络不佳");
  18176. console.error(err);
  18177. });
  18178. },
  18179. lockChair() {
  18180. this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
  18181. this.groupJson2.islock = this.groupJson2.islock == 1 ? 2 : 1;
  18182. this.updateGroupJson();
  18183. },
  18184. selectGroup(index) {
  18185. this.getCourseDetail(2, index);
  18186. },
  18187. joinGroup(index) {
  18188. if (this.groupJson.islock == 2) {
  18189. this.$message.error("位置已被锁定,无法加入");
  18190. return;
  18191. }
  18192. if (
  18193. this.groupStudent[this.toolindex][index].length >
  18194. this.groupJson.number ||
  18195. this.groupStudent[this.toolindex][index].length == this.groupJson.number
  18196. ) {
  18197. this.$message.error("位置已满,无法加入");
  18198. return;
  18199. }
  18200. let params = [
  18201. {
  18202. cid: this.id,
  18203. stage: this.courseType,
  18204. task: this.taskCount,
  18205. tool: this.toolindex,
  18206. g: index,
  18207. uid: this.userid,
  18208. },
  18209. ];
  18210. this.ajax
  18211. .post(this.$store.state.api + "joinGroup", params)
  18212. .then((res) => {
  18213. this.$message.success("加入成功");
  18214. this.getCourseDetail(2);
  18215. })
  18216. .catch((err) => {
  18217. this.$message.error("网络不佳");
  18218. console.error(err);
  18219. });
  18220. },
  18221. exitGroup(id) {
  18222. if (this.groupJson.islock == 2) {
  18223. this.$message.error("位置已被锁定,无法退出");
  18224. return;
  18225. }
  18226. let params = [
  18227. {
  18228. gid: id,
  18229. },
  18230. ];
  18231. this.ajax
  18232. .post(this.$store.state.api + "exitGroup", params)
  18233. .then((res) => {
  18234. this.$message.success("退出成功");
  18235. this.getCourseDetail(2);
  18236. })
  18237. .catch((err) => {
  18238. this.$message.error("网络不佳");
  18239. console.error(err);
  18240. });
  18241. },
  18242. groupUpload(index, task, gindex) {
  18243. this.taskCount = task;
  18244. this.toolindex = index;
  18245. this.groupIndex = gindex;
  18246. this.dialogVisibleGroupWork = true;
  18247. },
  18248. updateGroupChair(user) {
  18249. this.updateGroupArray = this.groupJson.group.filter((el, index) => {
  18250. el.label = index;
  18251. return index != user.group;
  18252. });
  18253. this.updateGroupUser = user;
  18254. this.dialogVisibleUpdateGroup = true;
  18255. },
  18256. updateChair() {
  18257. if (
  18258. this.groupStudent[this.toolindex][this.checkChair].length >
  18259. this.groupJson.number ||
  18260. this.groupStudent[this.toolindex][this.checkChair].length ==
  18261. this.groupJson.number
  18262. ) {
  18263. this.$message.error("位置已满,无法加入");
  18264. return;
  18265. }
  18266. let params = [
  18267. {
  18268. cid: this.id,
  18269. stage: this.courseType,
  18270. task: this.taskCount,
  18271. tool: this.toolindex,
  18272. g: this.checkChair,
  18273. uid: this.updateGroupUser.userid,
  18274. },
  18275. ];
  18276. this.ajax
  18277. .post(this.$store.state.api + "joinGroup", params)
  18278. .then((res) => {
  18279. this.$message.success("修改成功");
  18280. this.updateGroupUser = {};
  18281. this.checkChair = "";
  18282. this.updateGroupArray = {};
  18283. this.dialogVisibleUpdateGroup = false;
  18284. this.getCourseDetail(2);
  18285. })
  18286. .catch((err) => {
  18287. this.$message.error("网络不佳");
  18288. console.error(err);
  18289. });
  18290. },
  18291. deleteGroupChair(gindex) {
  18292. this.checkDeleteGroup = [];
  18293. this.deleteGroupUser = JSON.parse(
  18294. JSON.stringify(this.groupStudent[this.toolindex][gindex])
  18295. );
  18296. this.deleteGroupArray = this.groupJson.group[gindex];
  18297. this.groupIndex = gindex;
  18298. this.dialogVisibleDeleteGroup = true;
  18299. },
  18300. async deleteChair() {
  18301. for (let i = 0; i < this.checkDeleteGroup.length; i++) {
  18302. const gid =
  18303. this.groupStudent[this.toolindex][this.groupIndex][
  18304. this.groupStudentUid[this.toolindex][this.groupIndex].indexOf(
  18305. this.checkDeleteGroup[i]
  18306. )
  18307. ];
  18308. let params = [
  18309. {
  18310. gid: gid.id,
  18311. },
  18312. ];
  18313. var a = await this.deleteChairA(params);
  18314. if (i == this.checkDeleteGroup.length - 1) {
  18315. this.$message.success("退出成功");
  18316. this.dialogVisibleDeleteGroup = false;
  18317. this.deleteGroupUser = [];
  18318. this.deleteGroupArray = {};
  18319. this.groupIndex = "";
  18320. this.checkDeleteGroup = [];
  18321. this.getCourseDetail(2);
  18322. }
  18323. }
  18324. },
  18325. deleteChairA(params) {
  18326. return new Promise((resolve, reject) => {
  18327. this.ajax
  18328. .post(this.$store.state.api + "exitGroup", params)
  18329. .then((res) => {
  18330. resolve(1);
  18331. })
  18332. .catch((err) => {
  18333. this.$message.error("网络不佳");
  18334. console.error(err);
  18335. });
  18336. });
  18337. },
  18338. contract(i) {
  18339. if (this.isCloseList[i].isClose == 0) {
  18340. this.isCloseList[i].isClose = 1;
  18341. } else {
  18342. this.isCloseList[i].isClose = 0;
  18343. }
  18344. this.$forceUpdate();
  18345. },
  18346. openWordCloud(toolindex) {
  18347. let array = [];
  18348. for (var i = 0; i < this.worksStudent[toolindex].length; i++) {
  18349. let works = JSON.parse(this.worksStudent[toolindex][i].works)[0].answer;
  18350. array.push({ name: works });
  18351. }
  18352. if (this.isGroup) {
  18353. for (var i = 0; i < this.courseGroup.group.length; i++) {
  18354. let works = this.courseGroup.group[i].works[toolindex];
  18355. for (var j = 0; j < works.length; j++) {
  18356. let answer = JSON.parse(works[j].works)[0].answer;
  18357. array.push({ name: answer });
  18358. }
  18359. }
  18360. }
  18361. this.wordCloudData = array;
  18362. this.dialogVisibleWordCloud = true;
  18363. },
  18364. uploadWorks(i) {
  18365. this.$confirm("确定导出作业吗?", "提示", {
  18366. confirmButtonText: "确定",
  18367. cancelButtonText: "取消",
  18368. type: "warning",
  18369. })
  18370. .then(() => {
  18371. const loading = this.$loading.service({
  18372. background: "rgba(255, 255, 255, 0.7)",
  18373. target: document.body,
  18374. text: "文件加载中...",
  18375. });
  18376. const _worksStudent = this.worksStudent;
  18377. let url = [];
  18378. var counts = {};
  18379. for (var l = 0; l < _worksStudent[i].length; l++) {
  18380. var item = _worksStudent[i][l];
  18381. var name = item.sName;
  18382. if (!counts.hasOwnProperty(name)) {
  18383. counts[name] = 0;
  18384. } else {
  18385. counts[name]++;
  18386. }
  18387. if (counts[name] > 0) {
  18388. item.sName += " (" + counts[name] + ")";
  18389. }
  18390. }
  18391. for (var l = 0; l < _worksStudent[i].length; l++) {
  18392. var item = _worksStudent[i][l];
  18393. if (
  18394. item.works.indexOf(
  18395. "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn"
  18396. ) !== -1 &&
  18397. item.works.indexOf("img") === -1
  18398. ) {
  18399. url.push({ name: item.sName, url: item.works });
  18400. }
  18401. }
  18402. // var toolList = [
  18403. // { name: "电子白板", tool: 1 },
  18404. // { name: "思维导图", tool: 3 },
  18405. // { name: "协同文档", tool: 6 },
  18406. // { name: "思维网格", tool: 7 },
  18407. // { name: "素材库", tool: 8 },
  18408. // { name: "学习资料", tool: 17 },
  18409. // { name: "便签", tool: 2 },
  18410. // { name: "问卷调查", tool: 4 },
  18411. // { name: "选择题", tool: 45 },
  18412. // { name: "倒计时", tool: 10 },
  18413. // { name: "问答", tool: 15 },
  18414. // { name: "课程设计", tool: 26 },
  18415. // { name: "训练服务器", tool: 18 },
  18416. // { name: "作业提交", tool: 16 },
  18417. // { name: "批量上传", tool: 50 },
  18418. // { name: "AIoT Blockly", tool: 21 },
  18419. // { name: "AI Python", tool: 23 },
  18420. // { name: "AI Blockly", tool: 24 },
  18421. // { name: "目标管理", tool: 25 },
  18422. // { name: "数学画板", tool: 31 },
  18423. // { name: "翻译", tool: 28 },
  18424. // { name: "魔盒识字", tool: 37 },
  18425. // { name: "数学画板", tool: 31 },
  18426. // { name: "24点", tool: 38 },
  18427. // { name: "GeoGebra", tool: 39 },
  18428. // { name: "源码编辑", tool: 32 },
  18429. // { name: "个人评价", tool: 40 },
  18430. // { name: "选择匹配", tool: 41 },
  18431. // { name: "汉字宫", tool: 44 },
  18432. // { name: "排序", tool: 47 },
  18433. // { name: "表格", tool: 48 },
  18434. // { name: "文档", tool: 52 },
  18435. // { name: "学生分组", tool: 49 },
  18436. // { name: "CocoPi", tool: 57 },
  18437. // { name: "模拟驾驶", tool: 58 },
  18438. // { name: "路径搜索", tool: 59 },
  18439. // { name: "深度学习", tool: 60 },
  18440. // { name: "全历史", tool: 61 },
  18441. // { name: "交互视频", tool: 62 },
  18442. // { name: "海龟编程", tool: 63 },
  18443. // { name: "挑人", tool: 65 },
  18444. // { name: "公式编辑", tool: 66 },
  18445. // { name: "分子结构", tool: 67 },
  18446. // { name: "时间轴", tool: 68 },
  18447. // ];
  18448. // var toolName = "";
  18449. // for(var w = 0;w<toolList.length;w++){
  18450. // if(this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].toolChoose[i].tool[0] == toolList[w].tool){
  18451. // toolName = toolList[w].name;
  18452. // }
  18453. // }
  18454. console.log(url);
  18455. this.downLoadAll(url, loading);
  18456. })
  18457. .catch(() => {});
  18458. },
  18459. downLoadAll(url, loading) {
  18460. const data = url; // 需要下载打包的路径, 可以是本地相对路径, 也可以是跨域的全路径
  18461. const zip = new JSZip();
  18462. const cache = {};
  18463. const promises = [];
  18464. data.forEach((item) => {
  18465. const promise = getFile(item.url).then((data) => {
  18466. if (data.data != 1) {
  18467. // 下载文件, 并存成ArrayBuffer对象
  18468. const file_name =
  18469. item.name +
  18470. "." +
  18471. item.url.split(".")[item.url.split(".").length - 1]; // 获取文件名
  18472. zip.file(file_name, data.data, { binary: true }); // 逐个添加文件
  18473. cache[file_name] = data.data;
  18474. }
  18475. });
  18476. promises.push(promise);
  18477. });
  18478. Promise.all(promises).then(() => {
  18479. zip.generateAsync({ type: "blob" }).then((content) => {
  18480. // 生成二进制流
  18481. FileSaver.saveAs(
  18482. content,
  18483. this.courseDetail.title + "-" + "作业提交工具.zip"
  18484. ); // 利用file-saver保存文件 自定义文件名
  18485. setTimeout(() => {
  18486. loading.close();
  18487. }, 2000);
  18488. });
  18489. });
  18490. },
  18491. pickStudent(stu) {
  18492. if (this.isPickStudent.indexOf(stu.userid) !== -1) {
  18493. return;
  18494. }
  18495. this.$confirm(`是否让${stu.name}同学回答问题?`, "提示", {
  18496. confirmButtonText: "确定",
  18497. cancelButtonText: "取消",
  18498. type: "warning",
  18499. })
  18500. .then(() => {
  18501. let params = [
  18502. {
  18503. uid: stu.userid,
  18504. cid: this.id,
  18505. stage: this.courseType,
  18506. task: this.taskCount,
  18507. tool: this.toolindex,
  18508. },
  18509. ];
  18510. this.ajax
  18511. .post(this.$store.state.api + "updateCoursePick", params)
  18512. .then((res) => {
  18513. this.$message.success("操作成功");
  18514. this.getPick();
  18515. })
  18516. .catch((err) => {
  18517. this.$message.error("网络不佳");
  18518. console.error(err);
  18519. });
  18520. })
  18521. .catch(() => {});
  18522. },
  18523. selectUser(){
  18524. let params = {
  18525. userid: this.userid,
  18526. };
  18527. this.ajax
  18528. .get(this.$store.state.api + "selectUser", params)
  18529. .then((res) => {
  18530. this.userMes = res.data[0];
  18531. })
  18532. .catch((err) => {
  18533. console.error(err);
  18534. });
  18535. },
  18536. setEngText(i){
  18537. this.newEngIndex = i;
  18538. this.$forceUpdate();
  18539. },
  18540. addCorrect(){
  18541. this.$confirm("你确定提交批改嘛?", "提示", {
  18542. confirmButtonText: "确定",
  18543. showCancelButton: false,
  18544. closeOnClickModal: false,
  18545. type: "warning",
  18546. })
  18547. .then(() => {
  18548. let params = {
  18549. cid: this.id,
  18550. s: parseInt(this.courseType),
  18551. t: this.taskCount,
  18552. tool: this.toolindex,
  18553. wid: this.engWid,
  18554. c: this.userid,
  18555. w: (this.newEngIndex == -1 && this.isNoUserid == true) ? JSON.stringify(this.oldEnglishJson1) : JSON.stringify(this.newEnglishList),
  18556. };
  18557. this.ajax
  18558. .get(this.$store.state.api + "addEngC", params)
  18559. .then((res) => {
  18560. this.$message.success("提交成功");
  18561. this.engUpdateDialogVisible = false;
  18562. this.newEngIndex = -1;
  18563. this.isNoUserid = false;
  18564. if(this.newEngIndex == -1 && this.isNoUserid == true){
  18565. this.oldEnglishJson1 = {}
  18566. }else{
  18567. this.newEnglishList = { engTitle:"",engText:"" }
  18568. }
  18569. })
  18570. .catch((err) => {
  18571. console.error(err);
  18572. });
  18573. })
  18574. .catch(() => {});
  18575. },
  18576. selectEngC(id,z){
  18577. let params = {
  18578. workid: id,
  18579. };
  18580. this.ajax
  18581. .get(this.$store.state.api + "selectEngC", params)
  18582. .then((res) => {
  18583. if(res.data[0].length == 0){
  18584. this.newEnglishList.engTitle = z.engTitle;
  18585. this.newEnglishList.engText = z.engText;
  18586. }else{
  18587. var a = res.data[0];
  18588. if(this.userMes[0].type == 2){
  18589. for(var i = 0;i<a.length;i++){
  18590. if(this.userMes[0].userid == a[i].correct){
  18591. this.newEnglishList = JSON.parse(a[i].cWork);
  18592. }
  18593. }
  18594. }else if(this.userMes[0].type == 1){
  18595. var num = 0;
  18596. for(var w= 0;w<a.length;w++){
  18597. if(this.userMes[0].userid == a[w].correct){
  18598. num = 1;
  18599. }
  18600. }
  18601. if(num == 0){
  18602. this.isNoUserid = true;
  18603. var c = JSON.parse(JSON.stringify(z));
  18604. this.oldEnglishJson1 = c;
  18605. }
  18606. var b = a.sort((item, index) => {
  18607. if (item.correct === this.userMes[0].userid) {
  18608. return -1; // 将a移到前面
  18609. } else if (index.correct === this.userMes[0].userid) {
  18610. return 1; // 将b移到前面
  18611. } else {
  18612. return 0; // 保持默认顺序
  18613. }
  18614. });
  18615. this.newEnglishList = b;
  18616. }
  18617. }
  18618. this.engUpdateDialogVisible = true;
  18619. this.$forceUpdate();
  18620. setTimeout(() => {
  18621. this.topHeight = document.querySelectorAll(".engUpTop")[0].offsetHeight;
  18622. if(this.newEnglishList.length > 0){
  18623. if(this.isNoUserid == true){
  18624. this.engListLength = this.newEnglishList.length + 1;
  18625. this.newEngIndex = -1;
  18626. }else{
  18627. this.engListLength = this.newEnglishList.length;
  18628. this.newEngIndex = 0;
  18629. }
  18630. }
  18631. }, 500);
  18632. })
  18633. .catch((err) => {
  18634. console.error(err);
  18635. });
  18636. },
  18637. getPick() {
  18638. let params = {
  18639. cid: this.id,
  18640. };
  18641. this.ajax
  18642. .get(this.$store.state.api + "getPick", params)
  18643. .then((res) => {
  18644. let array = [];
  18645. for (var i = 0; i < res.data[0].length; i++) {
  18646. array.push(res.data[0][i].userid);
  18647. }
  18648. this.isPickStudent = array;
  18649. if (array.indexOf(this.userid) !== -1) {
  18650. this.$confirm("你被老师选到啦!", "提示", {
  18651. confirmButtonText: "确定",
  18652. showCancelButton: false,
  18653. closeOnClickModal: false,
  18654. type: "warning",
  18655. })
  18656. .then(() => {
  18657. let pa = [
  18658. {
  18659. uid: this.userid,
  18660. cid: this.id,
  18661. },
  18662. ];
  18663. this.ajax
  18664. .post(this.$store.state.api + "deletePick", pa)
  18665. .then((res) => {
  18666. this.getPick();
  18667. })
  18668. .catch((err) => {
  18669. this.$message.error("网络不佳");
  18670. console.error(err);
  18671. });
  18672. })
  18673. .catch(() => {});
  18674. }
  18675. })
  18676. .catch((err) => {
  18677. this.$message.error("网络不佳");
  18678. console.error(err);
  18679. });
  18680. },
  18681. },
  18682. directives: {
  18683. // 使用局部注册指令的方式
  18684. resize: {
  18685. // 指令的名称
  18686. bind(el, binding) {
  18687. // el为绑定的元素,binding为绑定给指令的对象
  18688. let width = "",
  18689. height = "";
  18690. function isReize() {
  18691. const style = document.defaultView.getComputedStyle(el);
  18692. if (width !== style.width || height !== style.height) {
  18693. binding.value(); // 关键
  18694. }
  18695. width = style.width;
  18696. height = style.height;
  18697. }
  18698. el.__vueSetInterval__ = setInterval(isReize, 300);
  18699. },
  18700. unbind(el) {
  18701. clearInterval(el.__vueSetInterval__);
  18702. },
  18703. },
  18704. },
  18705. beforeDestroy() {
  18706. window.onresize = null;
  18707. clearInterval(this.timer);
  18708. this.timer = null;
  18709. clearInterval(this.opertimer);
  18710. this.opertimer = null;
  18711. },
  18712. computed: {
  18713. contentConvent() {
  18714. return function (c) {
  18715. return c
  18716. ? c
  18717. .replaceAll(/\r\n/g, "<br/>")
  18718. .replaceAll(/\n/g, "<br/>")
  18719. .replaceAll(/\s/g, " &nbsp")
  18720. : "";
  18721. };
  18722. },
  18723. checkUpload() {
  18724. return function () {
  18725. var studentK = [];
  18726. if (this.plworkFile.length > 0) {
  18727. for (var z = 0; z < this.plworkFile.length; z++) {
  18728. studentK.push(this.plworkFile[z].username);
  18729. }
  18730. studentK = studentK.join(",");
  18731. }
  18732. var a = this.uploadStudentJuri.filter((el) => {
  18733. return studentK.indexOf(el.userid) == -1;
  18734. });
  18735. return a;
  18736. };
  18737. },
  18738. getSName() {
  18739. return function (name) {
  18740. var check = name;
  18741. this.uploadStudentJuri.forEach((el) => {
  18742. if (el.userid == check) {
  18743. check = el.name ? el.name : el.username;
  18744. }
  18745. });
  18746. return check;
  18747. };
  18748. },
  18749. getImgList() {
  18750. return function (val) {
  18751. let srcList = []; // 定义一个数组用来接收后面的img地址
  18752. val.replace(
  18753. /<img [^>]*src=['"]([^'"]+)[^>]*>/g,
  18754. function (match, capture) {
  18755. // 查找匹配的元素 match为整个img标签 capture为src中的内容
  18756. srcList.push(capture);
  18757. }
  18758. );
  18759. return srcList;
  18760. };
  18761. },
  18762. },
  18763. mounted() {
  18764. document.body.addEventListener("click", (e) => {
  18765. if (this.isUpdateToolDetail1) {
  18766. this.updateToolDetail(this.toolDetailIndex);
  18767. }
  18768. });
  18769. if (this.screenType == 2) {
  18770. window.parent.postMessage({ allScreen: 4 }, "*");
  18771. } else if (this.screenType == 3) {
  18772. window.parent.postMessage({ allScreen: 5 }, "*");
  18773. } else if (this.screenType == 1) {
  18774. window.parent.postMessage({ allScreen: 6 }, "*");
  18775. }
  18776. this.setOperationTime();
  18777. this.selectEva();
  18778. this.getCourseDetail();
  18779. this.selectCount();
  18780. this.getHomeWork();
  18781. this.selectUser();
  18782. this.contentDialog = true;
  18783. this.setContent2(true);
  18784. if (this.tType == 4) {
  18785. this.pzDialog = true;
  18786. this.selectPz();
  18787. }
  18788. document.scrollingElement.scrollTop = 0;
  18789. window.addEventListener("resize", () => {
  18790. var a = document.getElementsByClassName("box_course")[0].offsetHeight;
  18791. // document.getElementsByClassName("vedioList")[0].style.height = a + "px";
  18792. if (this.showType == 2 || this.showType == 3) {
  18793. document.getElementsByClassName("navBox")[0].style.height =
  18794. a - 40 + 46 + "px";
  18795. } else {
  18796. document.getElementsByClassName("navBox")[0].style.height =
  18797. a - 40 + "px";
  18798. }
  18799. });
  18800. let _this = this;
  18801. setTimeout(() => {
  18802. // _this.vedioTime = [];
  18803. // for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
  18804. // _this.vedioTime[i] = document.getElementsByClassName(
  18805. // "vjs-duration-display"
  18806. // )[i].textContent;
  18807. // }
  18808. }, 1000);
  18809. },
  18810. };
  18811. </script>
  18812. <style scoped>
  18813. @media screen and (max-width: 1280px) {
  18814. /* .courseIndex > div:first-child(2) {
  18815. width: 15% !important;
  18816. } */
  18817. /* .navText {
  18818. width: 120px !important;
  18819. } */
  18820. .evaCss {
  18821. flex-direction: column !important;
  18822. align-items: center !important;
  18823. }
  18824. .elist_input {
  18825. width: 90% !important;
  18826. }
  18827. .dialog_diy1 >>> .el-dialog {
  18828. width: 100% !important;
  18829. }
  18830. .rightWidthCss {
  18831. width: 100% !important;
  18832. }
  18833. .dialog_diy3 >>> .el-dialog {
  18834. width: 100% !important;
  18835. }
  18836. .addToolCss {
  18837. right: 0 !important;
  18838. width: 100% !important;
  18839. min-width: unset !important;
  18840. }
  18841. /* .textTitle >>> .el-form-item__label {
  18842. width: 150px !important;
  18843. } */
  18844. /* .stageItemTitle > div:last-child{
  18845. max-width: 50px;
  18846. } */
  18847. }
  18848. .evaCssMax {
  18849. flex-direction: column !important;
  18850. align-items: center !important;
  18851. }
  18852. .dialog_diy >>> .el-dialog {
  18853. margin-top: 10vh !important;
  18854. }
  18855. .body_student {
  18856. width: 77%;
  18857. height: 100%;
  18858. position: absolute;
  18859. left: 22%;
  18860. top: 0;
  18861. }
  18862. .student_head {
  18863. width: 100%;
  18864. margin: 20px auto 0;
  18865. padding-bottom: 20px;
  18866. display: flex;
  18867. flex-direction: column;
  18868. flex-wrap: nowrap;
  18869. align-items: flex-start;
  18870. justify-content: flex-start;
  18871. }
  18872. .pb_left {
  18873. width: 20%;
  18874. margin-right: 10px;
  18875. background: rgb(255, 255, 255);
  18876. position: fixed;
  18877. height: calc(100% - 40px);
  18878. border-radius: 20px;
  18879. padding-bottom: 15px;
  18880. box-sizing: border-box;
  18881. }
  18882. .wheel > img,
  18883. .project > img,
  18884. .star > img,
  18885. .evaluate > img,
  18886. .up_photo > img,
  18887. .chapter_add > img,
  18888. .deleteWord > img,
  18889. .question > img,
  18890. .homework > img {
  18891. width: 100%;
  18892. height: 100%;
  18893. }
  18894. .upCover > img {
  18895. width: 131px;
  18896. height: 69px;
  18897. object-fit: cover;
  18898. }
  18899. .upCover {
  18900. width: calc(100% / 3.5);
  18901. position: relative;
  18902. margin: 0 15px 10px 0;
  18903. display: flex;
  18904. flex-direction: column;
  18905. flex-wrap: nowrap;
  18906. justify-content: center;
  18907. align-content: center;
  18908. align-items: center;
  18909. height: fit-content;
  18910. }
  18911. .upCover2 {
  18912. width: 100%;
  18913. position: relative;
  18914. margin: 0 15px 10px 0;
  18915. display: flex;
  18916. flex-direction: column;
  18917. flex-wrap: nowrap;
  18918. justify-content: center;
  18919. align-content: center;
  18920. align-items: center;
  18921. }
  18922. .upCover2 > img {
  18923. width: 100%;
  18924. height: 90px;
  18925. object-fit: contain;
  18926. }
  18927. .chapter_add {
  18928. width: 120px;
  18929. position: relative;
  18930. text-align: center;
  18931. }
  18932. .isAddThings {
  18933. margin-top: 20px;
  18934. position: relative;
  18935. text-align: center;
  18936. background: #f7f8fa;
  18937. height: 90px;
  18938. width: 90px;
  18939. display: flex;
  18940. flex-direction: column;
  18941. justify-content: center;
  18942. }
  18943. .deleteWord {
  18944. width: 22px;
  18945. height: 22px;
  18946. position: absolute;
  18947. right: -5px;
  18948. top: -5px;
  18949. cursor: pointer;
  18950. }
  18951. .box_course {
  18952. /* width: 60%; */
  18953. width: calc(100% - 300px);
  18954. }
  18955. .wheel {
  18956. width: 100%;
  18957. /* height: 100%; */
  18958. height: 650px;
  18959. }
  18960. .right_box {
  18961. display: flex;
  18962. flex-direction: column;
  18963. margin-left: 30px;
  18964. justify-content: space-around;
  18965. }
  18966. .right_box_title {
  18967. font-size: 23px;
  18968. }
  18969. .people {
  18970. display: flex;
  18971. }
  18972. .student_body {
  18973. width: 100%;
  18974. margin: 0 auto;
  18975. margin-top: 10px;
  18976. padding: 0 0 20px;
  18977. }
  18978. .study_top {
  18979. margin-top: 100px;
  18980. width: 100%;
  18981. height: auto;
  18982. padding-bottom: 20px;
  18983. }
  18984. .study_top .checkbox {
  18985. display: flex;
  18986. align-items: center;
  18987. padding: 15px 0 15px 30px;
  18988. flex: 0 0 auto;
  18989. font-weight: bold;
  18990. border-bottom: 1px solid #eee;
  18991. }
  18992. .study_top .check {
  18993. padding-bottom: 5px;
  18994. text-align: center;
  18995. cursor: pointer;
  18996. height: 30px;
  18997. box-sizing: border-box;
  18998. display: flex;
  18999. }
  19000. .study_top .checked {
  19001. border-bottom: 4px solid #3fc6a0;
  19002. padding-bottom: 5px;
  19003. color: #3fc6a0;
  19004. display: flex;
  19005. height: 35px;
  19006. }
  19007. .study_top .checked > div,
  19008. .study_top .check > div {
  19009. margin-right: 5px;
  19010. }
  19011. .videoTop {
  19012. display: flex;
  19013. flex-direction: row;
  19014. justify-content: space-between;
  19015. background: #fff;
  19016. align-items: center;
  19017. width: 95%;
  19018. padding: 20px;
  19019. }
  19020. .filebox {
  19021. display: flex;
  19022. flex-wrap: wrap;
  19023. flex-direction: column;
  19024. padding: 0 0 5px;
  19025. position: relative;
  19026. }
  19027. .filebox:before {
  19028. content: ""; /* 使用 :before 伪元素创建纵向虚线 */
  19029. position: absolute;
  19030. top: 20px;
  19031. left: 13px;
  19032. border-left: 2px dotted #cad1dc;
  19033. height: calc(100% - 15px);
  19034. }
  19035. .toolHeng2 > div:last-child::before {
  19036. height: calc(100% - 43px);
  19037. }
  19038. .filebox .tooldetail {
  19039. width: calc(100% - 280px);
  19040. margin: 0px 12px;
  19041. padding: 12px 25px 0 13px;
  19042. line-height: 30px;
  19043. word-break: break-word;
  19044. background: #ffffff;
  19045. border-radius: 8px 8px 8px 8px;
  19046. opacity: 1;
  19047. border: 1px solid #cad1dc;
  19048. }
  19049. .file {
  19050. display: flex;
  19051. flex-direction: column;
  19052. align-items: center;
  19053. justify-content: center;
  19054. cursor: pointer;
  19055. width: 200px;
  19056. }
  19057. .file div {
  19058. margin-top: 10px;
  19059. width: 150px;
  19060. text-align: center;
  19061. overflow: hidden;
  19062. white-space: nowrap;
  19063. text-overflow: ellipsis;
  19064. }
  19065. .media {
  19066. display: flex;
  19067. flex-direction: column;
  19068. align-items: center;
  19069. justify-content: center;
  19070. margin: 0 20px 20px 0;
  19071. cursor: pointer;
  19072. margin: 12px 0 5px 15px;
  19073. overflow: hidden;
  19074. box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%),
  19075. 0px 2px 1px -1px rgb(0 0 0 / 12%);
  19076. box-sizing: border-box;
  19077. }
  19078. .media img {
  19079. height: 90px;
  19080. width: 160px;
  19081. object-fit: cover;
  19082. }
  19083. .media .title {
  19084. padding: 5px;
  19085. text-align: left;
  19086. width: 100%;
  19087. box-sizing: border-box;
  19088. }
  19089. .media .btn {
  19090. width: 100%;
  19091. height: 35px;
  19092. line-height: 35px;
  19093. color: #fff;
  19094. background: #606060;
  19095. text-align: center;
  19096. overflow: hidden;
  19097. white-space: nowrap;
  19098. text-overflow: ellipsis;
  19099. }
  19100. .detail_content_top {
  19101. width: 100%;
  19102. padding: 25px 0 25px 0;
  19103. }
  19104. .detail_title {
  19105. text-align: center;
  19106. font-size: 24px;
  19107. }
  19108. .detail_time {
  19109. font-size: 13px;
  19110. padding: 15px 0 0 40px;
  19111. }
  19112. .detail_content {
  19113. line-height: 2pc;
  19114. width: 90%;
  19115. margin: 0 auto;
  19116. padding-top: 30px;
  19117. text-indent: 30px;
  19118. overflow: auto;
  19119. height: 200px;
  19120. }
  19121. .score_box >>> .el-rate {
  19122. margin-left: 10px;
  19123. }
  19124. .dialog_change >>> .el-dialog {
  19125. border-radius: 5px;
  19126. }
  19127. .dialog_change >>> .el-dialog__header {
  19128. background: #f2f2f2;
  19129. text-align: center;
  19130. }
  19131. .dialog_change >>> .el-dialog__title {
  19132. line-height: 5px;
  19133. }
  19134. .dialog_change >>> .el-dialog__body {
  19135. background: #fff;
  19136. padding: 10px 20px;
  19137. }
  19138. .score_box {
  19139. display: flex;
  19140. align-items: center;
  19141. margin-bottom: 18px;
  19142. margin-top: 20px;
  19143. }
  19144. .up_photo {
  19145. width: 120px;
  19146. cursor: pointer;
  19147. margin-top: 10px;
  19148. }
  19149. .up_photo2 {
  19150. width: 180px;
  19151. box-sizing: border-box;
  19152. min-width: 180px;
  19153. height: 180px;
  19154. max-height: 180px;
  19155. min-height: 180px;
  19156. cursor: pointer;
  19157. display: flex;
  19158. flex-direction: column;
  19159. align-items: center;
  19160. justify-content: center;
  19161. background: rgb(242, 246, 255);
  19162. /* padding: 25px; */
  19163. margin-bottom: 10px;
  19164. }
  19165. .up_photo2 img {
  19166. width: 50%;
  19167. height: auto;
  19168. }
  19169. .up_photo2 span {
  19170. color: #898989;
  19171. }
  19172. .plworkBox {
  19173. display: flex;
  19174. align-items: center;
  19175. margin-top: 10px;
  19176. flex-wrap: wrap;
  19177. }
  19178. .upload_send {
  19179. margin: 30px auto 30px;
  19180. width: 60%;
  19181. background: #3681fc;
  19182. text-align: center;
  19183. height: 35px;
  19184. line-height: 35px;
  19185. color: #fff;
  19186. border-radius: 5px;
  19187. cursor: pointer;
  19188. }
  19189. .marginT {
  19190. margin-top: 20px;
  19191. }
  19192. .cd_content_steps {
  19193. display: flex;
  19194. width: 90%;
  19195. justify-content: space-around;
  19196. border-top: 1px solid #eeeeee;
  19197. }
  19198. .cd_steps_box {
  19199. display: flex;
  19200. justify-content: center;
  19201. align-items: center;
  19202. flex-direction: column;
  19203. cursor: pointer;
  19204. }
  19205. .first {
  19206. display: flex;
  19207. align-items: center;
  19208. margin: 15px 0 20px 0;
  19209. font-size: 20px;
  19210. }
  19211. .first > div:nth-child(2) {
  19212. font-size: 16px !important;
  19213. padding-left: 10px;
  19214. line-height: 26px;
  19215. box-sizing: border-box;
  19216. }
  19217. .blue_box_one {
  19218. text-align: center;
  19219. color: #fff;
  19220. background-image: linear-gradient(90deg, #477cd7, #65b9fc);
  19221. border-radius: 7px;
  19222. margin: 10px;
  19223. cursor: pointer;
  19224. width: 95%;
  19225. height: 45px;
  19226. display: flex;
  19227. flex-direction: row;
  19228. justify-content: flex-start;
  19229. align-items: center;
  19230. }
  19231. .blue_box_one > div:nth-child(1) {
  19232. line-height: 30px;
  19233. margin: 0 5px 0 10px;
  19234. width: 30%;
  19235. min-width: 70px;
  19236. border-radius: 4px;
  19237. }
  19238. .blue_box_one > div:nth-child(2) {
  19239. white-space: nowrap;
  19240. text-overflow: ellipsis;
  19241. overflow: hidden;
  19242. word-break: break-all;
  19243. width: 70%;
  19244. text-align: left;
  19245. margin-right: 10px;
  19246. max-width: calc(100% - 85px);
  19247. }
  19248. .blue_box_one > div:nth-child(2):hover {
  19249. overflow: hidden;
  19250. text-overflow: ellipsis;
  19251. white-space: nowrap;
  19252. cursor: pointer;
  19253. }
  19254. .upFile {
  19255. margin: 0 auto;
  19256. width: 120px;
  19257. background: #3681fc;
  19258. color: #fff;
  19259. height: 30px;
  19260. text-align: center;
  19261. line-height: 30px;
  19262. border-radius: 5px;
  19263. font-size: 14px;
  19264. cursor: pointer;
  19265. }
  19266. .courseTitle {
  19267. width: 85%;
  19268. margin: 10px auto 20px auto;
  19269. display: flex;
  19270. flex-direction: row;
  19271. align-items: center;
  19272. justify-content: space-between;
  19273. text-align: center;
  19274. }
  19275. .courseTitle .ctitle {
  19276. font-size: 20px;
  19277. font-weight: bold;
  19278. color: #0e1e33;
  19279. white-space: nowrap;
  19280. overflow: hidden;
  19281. text-overflow: ellipsis;
  19282. }
  19283. .inviteBox {
  19284. font-size: 14px;
  19285. margin-top: 5px;
  19286. color: #a6cbff;
  19287. text-align: center;
  19288. }
  19289. .courseTitle >>> .el-tooltip {
  19290. width: 100%;
  19291. white-space: nowrap;
  19292. overflow: hidden;
  19293. text-overflow: ellipsis;
  19294. word-break: break-word;
  19295. }
  19296. .ml {
  19297. margin-left: 20px;
  19298. color: #5b7dba;
  19299. border-left: 3px solid #5b7dba;
  19300. padding-left: 5px;
  19301. font-weight: bold;
  19302. }
  19303. .return {
  19304. width: 2rem;
  19305. height: 2rem;
  19306. cursor: pointer;
  19307. }
  19308. .return > img {
  19309. width: 100%;
  19310. height: 100%;
  19311. }
  19312. .returnBtn {
  19313. width: 86px;
  19314. height: 36px;
  19315. background: #3681fc;
  19316. border-radius: 4px;
  19317. color: #fff;
  19318. text-align: center;
  19319. line-height: 36px;
  19320. margin-right: 20px;
  19321. cursor: pointer;
  19322. font-size: 14px;
  19323. font-weight: 400;
  19324. display: flex;
  19325. flex-direction: row;
  19326. flex-wrap: nowrap;
  19327. align-items: center;
  19328. justify-content: center;
  19329. }
  19330. .reBtnIcon,
  19331. .commentIcon,
  19332. .vedioIcon,
  19333. .vedioIcon1 {
  19334. /* width: 36px; */
  19335. height: 36px;
  19336. border-radius: 4px;
  19337. position: relative;
  19338. /* background: #e0eafb; */
  19339. background: #0061ff;
  19340. cursor: pointer;
  19341. margin-right: 12px;
  19342. display: flex;
  19343. align-items: center;
  19344. padding: 0 10px;
  19345. box-sizing: border-box;
  19346. font-size: 14px;
  19347. color: #fff;
  19348. }
  19349. .reBtnIcon::before,
  19350. .commentIcon::before,
  19351. .vedioIcon::before,
  19352. .vedioIcon1::before {
  19353. content: "";
  19354. display: block;
  19355. background-size: 100% 100%;
  19356. background-repeat: no-repeat;
  19357. width: 20px;
  19358. height: 20px;
  19359. margin-right: 5px;
  19360. /* position: absolute; */
  19361. /* top: 8px;
  19362. left: 8px; */
  19363. }
  19364. .vedioIcon1 {
  19365. background: #f63564;
  19366. }
  19367. .reBtnIcon::before {
  19368. background-image: url("../assets/icon/newIcons/refresh.png");
  19369. }
  19370. .commentIcon::before {
  19371. background-image: url("../assets/icon/newIcons/comment.png");
  19372. }
  19373. .vedioIcon::before {
  19374. background-image: url("../assets/icon/newIcons/transcribe.png");
  19375. }
  19376. .vedioIcon1::before {
  19377. /* background-image: url("../assets/icon/newIcons/istranscribe.png"); */
  19378. background-image: url("../assets/icon/newIcons/transcribe.png");
  19379. }
  19380. .tool {
  19381. display: flex;
  19382. flex-direction: column;
  19383. flex-wrap: nowrap;
  19384. width: 13%;
  19385. margin: 0 30px;
  19386. align-items: center;
  19387. position: relative;
  19388. padding: 10px 25px;
  19389. cursor: pointer;
  19390. }
  19391. .whiteBIcon {
  19392. width: 150px;
  19393. }
  19394. .whiteBIcon > img {
  19395. width: 100%;
  19396. height: 100%;
  19397. }
  19398. .mask {
  19399. background-color: rgba(0, 0, 0, 0);
  19400. position: fixed;
  19401. top: 0;
  19402. left: 0;
  19403. width: 100%;
  19404. height: 100%;
  19405. z-index: 20000;
  19406. display: flex;
  19407. align-items: center;
  19408. justify-content: center;
  19409. }
  19410. .progressBox {
  19411. width: 500px;
  19412. height: 180px;
  19413. background: #fff;
  19414. border-radius: 10px;
  19415. box-shadow: 0 0 6px 1px #bfbfbf;
  19416. display: flex;
  19417. align-items: center;
  19418. justify-content: center;
  19419. flex-direction: column;
  19420. position: relative;
  19421. color: #6c6c6c;
  19422. }
  19423. .progressBox >>> .el-progress-bar__outer {
  19424. background-color: #d1dfff !important;
  19425. }
  19426. .progressBox .lbox {
  19427. height: 50px;
  19428. font-size: 19px;
  19429. display: flex;
  19430. align-items: center;
  19431. color: #747474;
  19432. }
  19433. .progressBox .lbox img {
  19434. width: 40px;
  19435. margin-right: 20px;
  19436. }
  19437. .closeCss {
  19438. position: absolute;
  19439. top: 8px;
  19440. right: 8px;
  19441. cursor: pointer;
  19442. width: 20px;
  19443. height: 20px;
  19444. }
  19445. .closeCss > img {
  19446. width: 100%;
  19447. height: 100%;
  19448. }
  19449. .uploadVedio {
  19450. display: flex;
  19451. flex-direction: column;
  19452. flex-wrap: nowrap;
  19453. justify-content: center;
  19454. align-items: center;
  19455. margin: 0 15px 10px 0;
  19456. }
  19457. .uploadVedio > img {
  19458. width: 30px;
  19459. height: 30px;
  19460. }
  19461. .uploadVedio > span {
  19462. white-space: nowrap;
  19463. overflow: hidden;
  19464. text-overflow: ellipsis;
  19465. width: 75px;
  19466. margin-top: 7px;
  19467. }
  19468. .picName {
  19469. white-space: nowrap;
  19470. overflow: hidden;
  19471. text-overflow: ellipsis;
  19472. width: 75px;
  19473. margin-top: 7px;
  19474. }
  19475. .new_top {
  19476. display: flex;
  19477. background: #fff;
  19478. flex-direction: row;
  19479. justify-content: flex-start;
  19480. align-items: center;
  19481. height: 60px;
  19482. position: fixed;
  19483. top: 20px;
  19484. left: 22%;
  19485. width: 77%;
  19486. z-index: 999;
  19487. border-radius: 12px 12px 0 0;
  19488. border-bottom: 1px solid #cad1dc;
  19489. padding: 10px 0;
  19490. }
  19491. .new_topFixed {
  19492. width: 100%;
  19493. height: 40px;
  19494. position: fixed;
  19495. top: 0px;
  19496. display: block;
  19497. background: #f2f2f2;
  19498. z-index: 998;
  19499. }
  19500. .before {
  19501. position: absolute;
  19502. background: #c3dad4;
  19503. width: 6px;
  19504. height: 100%;
  19505. }
  19506. .courseIndex {
  19507. display: flex;
  19508. flex-direction: row;
  19509. align-items: center;
  19510. width: calc(100% - 745px);
  19511. }
  19512. .courseIndex > div:nth-child(1) {
  19513. margin: 0 0 0 10px;
  19514. font-size: 20px;
  19515. min-width: 100px;
  19516. font-weight: bold;
  19517. border-left: 4px solid #3363b9;
  19518. height: 32px;
  19519. text-align: center;
  19520. line-height: 35px;
  19521. }
  19522. .courseIndex > div:nth-child(2) {
  19523. font-size: 20px;
  19524. /* width: 300px; */
  19525. max-width: calc(100% - 105px);
  19526. white-space: nowrap;
  19527. overflow: hidden;
  19528. text-overflow: ellipsis;
  19529. }
  19530. .courseIndex > div:nth-child(3) {
  19531. border-bottom: 1px solid #d7d7d7;
  19532. padding-bottom: 5px;
  19533. background: #3681fc;
  19534. width: 55px;
  19535. min-width: 55px;
  19536. border-radius: 5px;
  19537. color: #fff;
  19538. text-align: center;
  19539. height: 20px;
  19540. line-height: 26px;
  19541. font-size: 14px;
  19542. margin: 0 0 0 10px;
  19543. }
  19544. .course_text {
  19545. padding: 20px 0 0 15px;
  19546. text-indent: 30px;
  19547. width: 80%;
  19548. min-height: 20px;
  19549. }
  19550. .vedioList {
  19551. background: #f2f2f2;
  19552. border: 1px solid #ececec;
  19553. /* width: 38.8%; */
  19554. width: 300px;
  19555. height: 445px;
  19556. border-radius: 10px;
  19557. overflow: hidden;
  19558. box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.16);
  19559. }
  19560. .vedioNav {
  19561. margin: 10px 0 0 15px;
  19562. border-bottom: 1px solid #d7d7d7;
  19563. padding-bottom: 5px;
  19564. background: #3681fc;
  19565. width: 55px;
  19566. min-width: 55px;
  19567. border-radius: 5px;
  19568. color: #fff;
  19569. text-align: center;
  19570. height: 20px;
  19571. line-height: 26px;
  19572. font-size: 14px;
  19573. }
  19574. .queTop {
  19575. display: flex;
  19576. padding: 20px 0 20px 30px;
  19577. width: 100%;
  19578. flex-direction: row;
  19579. justify-content: flex-start;
  19580. align-items: center;
  19581. box-sizing: border-box;
  19582. }
  19583. .queTopTitle {
  19584. display: flex;
  19585. flex-direction: row;
  19586. flex-wrap: nowrap;
  19587. align-items: center;
  19588. font-weight: bold;
  19589. font-size: 20px;
  19590. color: rgb(14, 30, 51);
  19591. }
  19592. .queTopTitle::before {
  19593. content: "";
  19594. width: 2px;
  19595. height: 22px;
  19596. background: #3681fc;
  19597. border-radius: 3px;
  19598. display: block;
  19599. margin: 2px 6px 0 0;
  19600. }
  19601. .queTopRight {
  19602. display: flex;
  19603. flex-direction: row;
  19604. flex-wrap: nowrap;
  19605. align-items: center;
  19606. }
  19607. .queTopClose {
  19608. margin-right: 20px;
  19609. cursor: pointer;
  19610. position: relative;
  19611. display: flex;
  19612. }
  19613. .closeImg,
  19614. .openImg {
  19615. width: 25px;
  19616. height: 25px;
  19617. position: absolute;
  19618. left: -20px;
  19619. top: -1px;
  19620. }
  19621. .closeImg > img,
  19622. .openImg > img {
  19623. width: 100%;
  19624. height: 100%;
  19625. }
  19626. .question {
  19627. width: 40px;
  19628. margin-right: 10px;
  19629. margin-top: 7px;
  19630. }
  19631. .queTitle {
  19632. margin-left: 5px;
  19633. font-size: 25px;
  19634. display: flex;
  19635. align-items: center;
  19636. }
  19637. .addEditor {
  19638. width: 100px;
  19639. height: 30px;
  19640. background: #42cda6;
  19641. color: #fff;
  19642. border-radius: 5px;
  19643. text-align: center;
  19644. line-height: 30px;
  19645. box-shadow: 1px 3px 6px 1px #bfbfbf;
  19646. cursor: pointer;
  19647. }
  19648. /* .vedioName {
  19649. cursor: pointer;
  19650. margin: 0px 0px 10px 5px;
  19651. white-space: nowrap;
  19652. overflow: hidden;
  19653. text-overflow: ellipsis;
  19654. width: 100%;
  19655. } */
  19656. .vedioTime {
  19657. width: 35px;
  19658. position: absolute;
  19659. color: #fff;
  19660. bottom: 0px;
  19661. right: 0px;
  19662. text-align: center;
  19663. background: #46411f;
  19664. height: 20px;
  19665. font-size: 14px;
  19666. line-height: 20px;
  19667. }
  19668. .homework {
  19669. width: 200px;
  19670. display: flex;
  19671. flex-direction: column;
  19672. flex-wrap: nowrap;
  19673. align-items: center;
  19674. cursor: pointer;
  19675. }
  19676. .homebox {
  19677. display: flex;
  19678. flex-wrap: wrap;
  19679. flex-direction: row;
  19680. justify-content: flex-start;
  19681. align-items: center;
  19682. padding: 15px 0;
  19683. }
  19684. .isChooseActive {
  19685. color: #3681fc !important;
  19686. font-weight: bold !important;
  19687. }
  19688. .chooseWho {
  19689. display: flex;
  19690. width: 100%;
  19691. flex-direction: row;
  19692. flex-wrap: nowrap;
  19693. justify-content: flex-start;
  19694. padding-bottom: 10px;
  19695. }
  19696. .chooseWho > div {
  19697. cursor: pointer;
  19698. padding-bottom: 10px;
  19699. margin: 0 30px 0 0;
  19700. font-weight: 400;
  19701. color: #0e1e33;
  19702. }
  19703. .addPoint > div > img {
  19704. cursor: pointer;
  19705. width: 85px;
  19706. border-radius: 15px;
  19707. box-shadow: 0px 1px 8px 0px rgb(20 20 20 / 14%);
  19708. }
  19709. .addPoint > div {
  19710. display: flex;
  19711. flex-direction: column;
  19712. flex-wrap: nowrap;
  19713. align-items: center;
  19714. }
  19715. .isBorder > div {
  19716. margin: 0 0 10px 0;
  19717. align-items: flex-start !important;
  19718. }
  19719. .noiframeBox {
  19720. display: flex;
  19721. flex-wrap: wrap;
  19722. }
  19723. .iframeBox iframe {
  19724. width: 100%;
  19725. height: 800px;
  19726. border: none;
  19727. margin-bottom: 20px;
  19728. border: 1px solid #ccc;
  19729. }
  19730. .upload_toolBtn {
  19731. background: #3681fc;
  19732. color: #fff;
  19733. width: 110px;
  19734. text-align: center;
  19735. height: 35px;
  19736. line-height: 35px;
  19737. font-size: 14px;
  19738. border-radius: 5px;
  19739. cursor: pointer;
  19740. position: absolute;
  19741. right: 10px;
  19742. bottom: 0;
  19743. }
  19744. .binfo_input,
  19745. .pj {
  19746. font: inherit;
  19747. color: currentColor;
  19748. width: 100%;
  19749. margin: 0;
  19750. padding: 15px 14px;
  19751. display: block;
  19752. min-width: 0;
  19753. outline: none;
  19754. box-sizing: content-box;
  19755. background: none;
  19756. -webkit-tap-highlight-color: transparent;
  19757. border: 1px solid rgba(0, 0, 0, 0.23);
  19758. border-radius: 4px;
  19759. box-sizing: border-box;
  19760. resize: none;
  19761. }
  19762. .binfo_input:focus-visible {
  19763. border: 1px solid rgba(61, 103, 188);
  19764. }
  19765. .dialog_diy >>> .el-dialog__header,
  19766. .dialog_diy1 >>> .el-dialog__header {
  19767. background: #454545 !important;
  19768. padding: 15px 20px;
  19769. }
  19770. .dialog_diy >>> .el-dialog__title,
  19771. .dialog_diy1 >>> .el-dialog__title {
  19772. color: #fff;
  19773. }
  19774. .dialog_diy >>> .el-dialog__headerbtn,
  19775. .dialog_diy1 >>> .el-dialog__headerbtn {
  19776. top: 19px;
  19777. }
  19778. .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close,
  19779. .dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close {
  19780. color: #fff;
  19781. }
  19782. .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover,
  19783. .dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover {
  19784. color: #fff;
  19785. }
  19786. .dialog_diy1 >>> .el-dialog__body {
  19787. padding: 0;
  19788. }
  19789. .dialog_diy >>> .el-dialog__body,
  19790. .dialog_diy >>> .el-dialog__footer,
  19791. .dialog_diy1 >>> .el-dialog__footer {
  19792. background: #fafafa;
  19793. }
  19794. .a_addBox {
  19795. padding: 0 0 0 15px;
  19796. }
  19797. .a_add_box {
  19798. padding: 10px;
  19799. background: #fff;
  19800. margin-bottom: 10px;
  19801. border-radius: 5px;
  19802. box-shadow: 0 0 5px 0 #d5d5d5;
  19803. }
  19804. .a_add_head {
  19805. display: flex;
  19806. align-items: flex-start;
  19807. /* justify-content: space-between; */
  19808. flex-direction: column;
  19809. /* flex-direction: row; */
  19810. margin: 10px 0 20px 0;
  19811. font-size: 18px;
  19812. width: 100%;
  19813. }
  19814. .askIndex {
  19815. background: #3681fc;
  19816. border-radius: 50%;
  19817. color: #fff;
  19818. width: 25px;
  19819. height: 25px;
  19820. min-width: 25px;
  19821. min-height: 25px;
  19822. text-align: center;
  19823. line-height: 25px;
  19824. margin-right: 5px;
  19825. }
  19826. .a_add_head .a_add_head_input {
  19827. width: 300px;
  19828. }
  19829. .a_add_head .a_add_head_div {
  19830. display: flex;
  19831. align-items: center;
  19832. justify-content: space-between;
  19833. }
  19834. .a_add_body {
  19835. display: flex;
  19836. align-items: center;
  19837. }
  19838. .a_add_input {
  19839. display: flex;
  19840. align-items: center;
  19841. flex-wrap: wrap;
  19842. width: 100%;
  19843. }
  19844. .a_add_input >>> .el-radio-group,
  19845. .a_add_input >>> .el-checkbox-group {
  19846. width: 100%;
  19847. }
  19848. .a_add_input >>> .el-radio,
  19849. .a_add_input >>> .el-checkbox {
  19850. display: flex;
  19851. flex-direction: row;
  19852. flex-wrap: nowrap;
  19853. align-items: center;
  19854. padding: 15px 0;
  19855. }
  19856. .a_add_input >>> .el-radio:not(:last-child),
  19857. .a_add_input >>> .el-checkbox:not(:last-child) {
  19858. width: 100%;
  19859. border-bottom: 1px solid #efefef;
  19860. }
  19861. .redioStyle >>> .el-radio__label {
  19862. font-size: 18px;
  19863. }
  19864. .redioStyle >>> .el-radio__label > span,
  19865. .redioStyle >>> .el-checkbox__label > span {
  19866. word-break: break-all;
  19867. white-space: normal;
  19868. }
  19869. .redioStyle >>> .el-checkbox__label {
  19870. font-size: 18px;
  19871. }
  19872. .toolHeng2 {
  19873. width: 100%;
  19874. padding-left: 37px;
  19875. box-sizing: border-box;
  19876. }
  19877. .workNav {
  19878. font-size: 20px;
  19879. font-weight: bold;
  19880. color: #0e1e33;
  19881. display: flex;
  19882. flex-direction: row;
  19883. flex-wrap: nowrap;
  19884. align-items: center;
  19885. padding: 15px 0 15px 0;
  19886. }
  19887. .workNav::before {
  19888. content: "";
  19889. width: 2px;
  19890. height: 22px;
  19891. background: #3681fc;
  19892. border-radius: 3px;
  19893. display: block;
  19894. margin: 2px 6px 0 0;
  19895. }
  19896. .toolHeng {
  19897. display: flex;
  19898. flex-direction: row;
  19899. flex-wrap: wrap;
  19900. justify-content: flex-start;
  19901. align-items: center;
  19902. width: 100%;
  19903. }
  19904. .toolHeng > div {
  19905. padding-left: 20px;
  19906. }
  19907. .isWidth {
  19908. width: 20%;
  19909. }
  19910. .textTitle {
  19911. display: flex;
  19912. flex-direction: row;
  19913. flex-wrap: nowrap;
  19914. align-items: center;
  19915. width: 95%;
  19916. }
  19917. .textTitle >>> .el-form-item__label {
  19918. font-size: 22px;
  19919. color: #918f8f;
  19920. width: 100px;
  19921. }
  19922. .textTitle >>> .el-form-item__content {
  19923. width: calc(100% - 100px);
  19924. }
  19925. .textCss >>> .el-dialog {
  19926. width: 800px !important;
  19927. height: 400px;
  19928. background: #fafafa;
  19929. }
  19930. .textCss >>> .el-dialog__body {
  19931. margin: 55px 8% 0 8%;
  19932. padding: 0 !important;
  19933. }
  19934. .textCss >>> .el-dialog__footer {
  19935. padding-top: 38px;
  19936. }
  19937. .toolsCss >>> .el-dialog__body {
  19938. padding: 20px;
  19939. }
  19940. .lineCss >>> .el-dialog__body {
  19941. display: flex;
  19942. flex-direction: row;
  19943. align-items: center;
  19944. justify-content: center;
  19945. }
  19946. .newNav {
  19947. display: flex;
  19948. flex-direction: row;
  19949. align-items: baseline;
  19950. justify-content: flex-start;
  19951. }
  19952. .navListItem {
  19953. width: 280px;
  19954. height: 50px;
  19955. margin: 0px auto 10px;
  19956. display: flex;
  19957. flex-direction: row;
  19958. flex-wrap: nowrap;
  19959. align-items: center;
  19960. justify-content: space-between;
  19961. background: #f0f4fa;
  19962. border-radius: 6px 6px 6px 6px;
  19963. }
  19964. .navText {
  19965. cursor: pointer;
  19966. white-space: nowrap;
  19967. overflow: hidden;
  19968. text-overflow: ellipsis;
  19969. width: 220px;
  19970. padding: 0 10px;
  19971. font-weight: 400;
  19972. color: #0e1e33;
  19973. }
  19974. .downIcon {
  19975. width: 20px;
  19976. min-width: 20px;
  19977. height: 20px;
  19978. margin-right: 15px;
  19979. cursor: pointer;
  19980. }
  19981. .downIcon > img {
  19982. width: 100%;
  19983. height: 100%;
  19984. }
  19985. .noVedio {
  19986. display: flex;
  19987. flex-direction: row;
  19988. justify-content: center;
  19989. align-content: center;
  19990. }
  19991. .noNavText {
  19992. cursor: pointer;
  19993. margin: 0px 0px 10px 5px;
  19994. width: 112px;
  19995. }
  19996. .listNoVedio {
  19997. margin: 0 0 0 30px;
  19998. width: 97%;
  19999. }
  20000. .video-player >>> .video-js {
  20001. height: 100%;
  20002. }
  20003. .hangVedioList {
  20004. width: 90% !important;
  20005. height: 150px !important;
  20006. margin: 20px 0 0 30px;
  20007. }
  20008. .hangVedio {
  20009. width: 100%;
  20010. height: 170px !important;
  20011. align-items: flex-start !important;
  20012. }
  20013. .hangHand {
  20014. height: 150px !important;
  20015. }
  20016. .twoChild {
  20017. width: 95%;
  20018. margin: 10px;
  20019. border-radius: 5px;
  20020. background: #f2f2f2;
  20021. display: flex;
  20022. flex-direction: column;
  20023. flex-wrap: nowrap;
  20024. justify-content: flex-start;
  20025. align-items: flex-start;
  20026. transition: all 0.5s;
  20027. overflow: hidden;
  20028. height: 0;
  20029. background: #e7f3ff;
  20030. }
  20031. .twoChild > div:nth-child(1) {
  20032. margin-top: 5px;
  20033. }
  20034. .navChild {
  20035. width: 100%;
  20036. cursor: pointer;
  20037. margin-bottom: 10px;
  20038. position: relative;
  20039. }
  20040. .navChild img {
  20041. position: absolute;
  20042. right: 11px;
  20043. width: 15px;
  20044. top: 50%;
  20045. transform: translateY(-50%);
  20046. }
  20047. .navActive,
  20048. .toolActive {
  20049. height: auto !important;
  20050. overflow: auto !important;
  20051. /* padding-bottom: 16px; */
  20052. }
  20053. .toolActive {
  20054. padding: 0;
  20055. }
  20056. .navTask {
  20057. display: flex;
  20058. flex-direction: row;
  20059. flex-wrap: nowrap;
  20060. align-items: center;
  20061. align-content: flex-start;
  20062. height: 40px;
  20063. justify-content: flex-start;
  20064. padding: 0 10px;
  20065. width: 100%;
  20066. box-sizing: border-box;
  20067. }
  20068. .navTaskname {
  20069. white-space: nowrap;
  20070. text-overflow: ellipsis;
  20071. overflow: hidden;
  20072. word-break: break-all;
  20073. padding-left: 5px;
  20074. }
  20075. .openTaskActive {
  20076. background-color: #e0eafb !important;
  20077. color: #0061ff;
  20078. }
  20079. .iframeName {
  20080. margin: 5px 0;
  20081. border-left: 4px solid #41c4a4;
  20082. padding-left: 4px;
  20083. }
  20084. .toolTitle {
  20085. margin: 0px 0px 20px;
  20086. font-size: 20px;
  20087. font-weight: 500;
  20088. border-left: 4px solid #41c4a4;
  20089. padding-left: 4px;
  20090. }
  20091. .cru_selectBox {
  20092. overflow: auto;
  20093. width: 95%;
  20094. margin: 17px auto 0;
  20095. height: calc(100% - 40px - 21px - 20px - 17px);
  20096. background: #fff;
  20097. border-radius: 8px;
  20098. }
  20099. .cru_selectBox::-webkit-scrollbar,
  20100. .study_top::-webkit-scrollbar,
  20101. .textContent::-webkit-scrollbar {
  20102. /*滚动条整体样式*/
  20103. width: 6px;
  20104. /*高宽分别对应横竖滚动条的尺寸*/
  20105. height: 6px;
  20106. }
  20107. /*定义滚动条轨道 内阴影+圆角*/
  20108. .cru_selectBox::-webkit-scrollbar-track,
  20109. .study_top::-webkit-scrollbar-track,
  20110. .textContent::-webkit-scrollbar {
  20111. border-radius: 10px;
  20112. background-color: #b8bdc9;
  20113. }
  20114. /*定义滑块 内阴影+圆角*/
  20115. .cru_selectBox::-webkit-scrollbar-thumb,
  20116. .study_top::-webkit-scrollbar-thumb,
  20117. .textContent::-webkit-scrollbar-thumb {
  20118. border-radius: 10px;
  20119. -webkit-box-shadow: inset 0 0 6px rgb(96, 125, 184);
  20120. background-color: #2c5ab3;
  20121. }
  20122. .vedioBox {
  20123. border-radius: 0 0 20px 20px;
  20124. background: #fff;
  20125. overflow: auto;
  20126. }
  20127. .taskBox {
  20128. width: 98%;
  20129. background: #f0f4fa;
  20130. margin: 10px auto;
  20131. padding: 0 10px;
  20132. border-radius: 4px;
  20133. box-sizing: border-box;
  20134. }
  20135. .vedioTaskBox {
  20136. width: 100%;
  20137. display: flex;
  20138. flex-direction: row;
  20139. flex-wrap: nowrap;
  20140. align-items: flex-start;
  20141. position: relative;
  20142. }
  20143. .toolBox {
  20144. margin: 15px 0 0 25px;
  20145. display: flex;
  20146. position: relative;
  20147. padding: 18px 20px;
  20148. border-top-left-radius: 5px;
  20149. border-top-right-radius: 5px;
  20150. width: 90%;
  20151. }
  20152. .btnAll {
  20153. position: absolute;
  20154. right: 0;
  20155. display: flex;
  20156. flex-direction: row;
  20157. flex-wrap: nowrap;
  20158. align-items: center;
  20159. }
  20160. .btnLeft,
  20161. .btnRight {
  20162. display: flex;
  20163. flex-direction: row;
  20164. flex-wrap: nowrap;
  20165. align-items: center;
  20166. padding: 5px 0;
  20167. }
  20168. .btnLeft {
  20169. border-right: 1px solid #cad1dc;
  20170. }
  20171. .btnLeft > .custom-tooltip {
  20172. background: #3681fc;
  20173. color: #fff;
  20174. }
  20175. .last:hover {
  20176. background: #3383fa !important;
  20177. color: #fff;
  20178. border: 1px solid #3383fa !important;
  20179. }
  20180. .last,
  20181. .returnBtn1 {
  20182. width: 90px;
  20183. height: 36px;
  20184. background: #ffffff;
  20185. border-radius: 4px;
  20186. border: 1px solid #0061ff;
  20187. color: #0061ff;
  20188. cursor: pointer;
  20189. display: flex;
  20190. flex-direction: row;
  20191. flex-wrap: nowrap;
  20192. align-items: center;
  20193. justify-content: center;
  20194. margin-left: 12px;
  20195. }
  20196. .returnBtn1 {
  20197. background: #f0f4fa;
  20198. border-radius: 4px;
  20199. border: 1px solid #cad1dc;
  20200. margin: 0 12px;
  20201. }
  20202. .lastImg {
  20203. min-width: 15px;
  20204. width: 15px;
  20205. height: 15px;
  20206. }
  20207. .lastText {
  20208. padding: 0 5px 2px 5px;
  20209. box-sizing: border-box;
  20210. font-size: 14px;
  20211. }
  20212. .lastImg > img {
  20213. width: 100%;
  20214. height: 100%;
  20215. }
  20216. /* .vedioTimeBox {
  20217. display: flex;
  20218. flex-direction: row;
  20219. align-items: center;
  20220. flex-wrap: nowrap;
  20221. position: relative;
  20222. } */
  20223. .navBox {
  20224. background: #fff;
  20225. height: calc(100% - 40px);
  20226. overflow-y: auto;
  20227. overflow-x: hidden;
  20228. }
  20229. .worksBox {
  20230. margin: 0 0 10px 25px;
  20231. border-bottom: 1px solid #eeeeee;
  20232. padding: 18px 20px;
  20233. border-radius: 4px;
  20234. width: 90%;
  20235. }
  20236. .worksBTitle {
  20237. font-size: 20px;
  20238. padding-bottom: 15px;
  20239. border-bottom: 1px solid #eeeeee;
  20240. display: flex;
  20241. align-items: center;
  20242. }
  20243. .greenBox {
  20244. width: 5px;
  20245. height: 30px;
  20246. background: #63b6fa;
  20247. margin-right: 5px;
  20248. }
  20249. .worksDetailBox {
  20250. display: flex;
  20251. width: 100%;
  20252. flex-direction: row;
  20253. flex-wrap: wrap;
  20254. align-items: flex-end;
  20255. justify-content: flex-start;
  20256. padding: 15px 0;
  20257. }
  20258. .works {
  20259. display: flex;
  20260. flex-direction: column;
  20261. flex-wrap: nowrap;
  20262. align-items: flex-start;
  20263. justify-content: flex-start;
  20264. align-content: center;
  20265. max-width: 240px;
  20266. width: calc(100% / 3 - 10px);
  20267. height: auto;
  20268. margin-right: 10px;
  20269. margin-bottom: 10px;
  20270. overflow: hidden;
  20271. height: 140px;
  20272. box-shadow: 0 0 6px 1px #dfdada;
  20273. border-radius: 15px;
  20274. }
  20275. .workImg {
  20276. width: 100%;
  20277. /* height: calc(100% - 40px); */
  20278. height: 105px;
  20279. position: relative;
  20280. }
  20281. .workImg > img {
  20282. width: 100%;
  20283. height: 100%;
  20284. object-fit: contain;
  20285. cursor: pointer;
  20286. }
  20287. .worksName {
  20288. height: 40px;
  20289. line-height: 40px;
  20290. display: flex;
  20291. width: 100%;
  20292. flex-direction: row;
  20293. flex-wrap: nowrap;
  20294. justify-content: space-between;
  20295. align-items: center;
  20296. margin: 0 0 0 10px;
  20297. }
  20298. .worksName > div:nth-child(1) {
  20299. width: 110px;
  20300. white-space: nowrap;
  20301. overflow: hidden;
  20302. text-overflow: ellipsis;
  20303. }
  20304. .worksName > div:nth-child(2) {
  20305. color: #b7b4b5;
  20306. }
  20307. .noWorksS {
  20308. padding: 15px 0;
  20309. display: flex;
  20310. flex-direction: row;
  20311. flex-wrap: wrap;
  20312. align-items: center;
  20313. justify-content: flex-start;
  20314. }
  20315. .noWorksName,
  20316. .isWorksName,
  20317. .isWorksName2 {
  20318. background: #ddebf8;
  20319. color: #000;
  20320. width: 90px;
  20321. height: 25px;
  20322. text-align: center;
  20323. line-height: 25px;
  20324. border-radius: 4px;
  20325. margin: 10px 15px 10px 0;
  20326. white-space: nowrap;
  20327. overflow: hidden;
  20328. padding: 5px;
  20329. text-overflow: ellipsis;
  20330. cursor: pointer;
  20331. border: 1px solid #ddebf8;
  20332. }
  20333. .noWorksName {
  20334. background: #fff;
  20335. color: #0061ff;
  20336. border: 1px solid #0061ff;
  20337. }
  20338. .isWorksName2 {
  20339. width: 100px;
  20340. height: 40px;
  20341. line-height: 40px;
  20342. position: relative;
  20343. background: #dae6f9;
  20344. }
  20345. .isWorksName {
  20346. background: #e7ebf1 !important;
  20347. width: 100px;
  20348. height: 40px;
  20349. line-height: 40px;
  20350. position: relative;
  20351. color: #acb4bf;
  20352. border: 1px solid #cad1dc !important;
  20353. }
  20354. .isSelectName,
  20355. .noWorksName:hover {
  20356. background: #3383fa !important;
  20357. color: #fff !important;
  20358. border: 1px solid #3383fa !important;
  20359. }
  20360. .title {
  20361. background: #1e5cc9;
  20362. /* width: 98%; */
  20363. height: 45px;
  20364. color: #fff;
  20365. line-height: 45px;
  20366. padding-left: 20px;
  20367. box-sizing: border-box;
  20368. }
  20369. .textBox {
  20370. font-size: 20px;
  20371. width: 90%;
  20372. display: flex;
  20373. flex-direction: column;
  20374. align-items: center;
  20375. margin: 20px auto 0;
  20376. max-height: calc(100% - 75px);
  20377. overflow: auto;
  20378. }
  20379. .textContent {
  20380. font-size: 18px;
  20381. width: 95%;
  20382. max-width: 95%;
  20383. }
  20384. .answerBg {
  20385. background: url("../assets/icon/answerBgNew.png") no-repeat;
  20386. background-size: 100% 100%;
  20387. width: 100%;
  20388. height: 100%;
  20389. color: #fff;
  20390. text-align: center;
  20391. display: flex;
  20392. flex-direction: column;
  20393. flex-wrap: nowrap;
  20394. align-items: center;
  20395. position: relative;
  20396. justify-content: center;
  20397. }
  20398. .answerBg > div:nth-child(1) {
  20399. /* font-size: 22px;
  20400. padding: 25px 0 10px; */
  20401. }
  20402. .answerContent {
  20403. width: 215px;
  20404. max-height: 60px;
  20405. word-break: break-all;
  20406. text-align: center;
  20407. /* white-space: nowrap; */
  20408. overflow: hidden;
  20409. text-overflow: ellipsis;
  20410. /* padding: 23px 0 0; */
  20411. -webkit-line-clamp: 3;
  20412. -webkit-box-orient: vertical;
  20413. display: -webkit-box;
  20414. font-size: 15px;
  20415. cursor: pointer;
  20416. }
  20417. .elist_input_box {
  20418. display: flex;
  20419. align-items: flex-start;
  20420. flex-wrap: nowrap;
  20421. padding: 10px 0 15px 30px;
  20422. flex-direction: column;
  20423. }
  20424. .elist_input {
  20425. /* width: 40%; */
  20426. width: 45%;
  20427. margin: 20px;
  20428. }
  20429. .elist_input .elist_input_box input {
  20430. font: inherit;
  20431. color: currentColor;
  20432. width: 200px;
  20433. padding: 8px 14px;
  20434. display: block;
  20435. min-width: 0;
  20436. outline: none;
  20437. border: 1px solid rgba(0, 0, 0, 0.23);
  20438. border-radius: 4px;
  20439. box-sizing: border-box;
  20440. background: #fff;
  20441. margin: 0 20px 0 0;
  20442. }
  20443. .elist_input .elist_input_box span {
  20444. height: 36px;
  20445. line-height: 36px;
  20446. color: rgb(82, 82, 82);
  20447. }
  20448. .elist_input .elist_input_box .remove {
  20449. height: 20px;
  20450. width: 20px;
  20451. background-size: 100% 100%;
  20452. background-position: unset;
  20453. margin-left: 5px;
  20454. }
  20455. .elist_input_box >>> .el-rate {
  20456. display: flex;
  20457. height: 36px;
  20458. align-items: center;
  20459. }
  20460. .elist_input_box .elist_inptu_text {
  20461. min-height: 50px;
  20462. /* width: 500px;
  20463. max-height: 150px; */
  20464. width: 100%;
  20465. line-height: 50px;
  20466. color: rgb(82, 82, 82);
  20467. overflow: auto;
  20468. text-indent: 5px;
  20469. background: #f7f6f9;
  20470. border-radius: 10px;
  20471. }
  20472. .elist_input_box .elist_inptu_text input {
  20473. width: 500px;
  20474. }
  20475. .elist_input_box >>> .el-rate__icon {
  20476. font-size: 24px;
  20477. }
  20478. .isClick {
  20479. background: #4d9def;
  20480. }
  20481. .bzBox {
  20482. display: flex;
  20483. flex-direction: row;
  20484. align-items: center;
  20485. }
  20486. .bzBox .yCss {
  20487. width: 7px;
  20488. height: 7px;
  20489. background: #fff;
  20490. margin: 0 16px 0 6px;
  20491. border-radius: 50%;
  20492. border: 5px solid #3681fc;
  20493. z-index: 99;
  20494. }
  20495. .bzBox > div:nth-child(2) {
  20496. font-size: 18px;
  20497. font-weight: bold;
  20498. color: #0e1e33;
  20499. }
  20500. .navTitile {
  20501. padding: 0 0px 0 15px;
  20502. font-size: 16px;
  20503. font-weight: bold;
  20504. color: #0e1e33;
  20505. height: 40px;
  20506. line-height: 40px;
  20507. }
  20508. .isTypeOne {
  20509. width: 240px;
  20510. height: 170px;
  20511. /* border: 1px solid #f8f8f8; */
  20512. border-radius: 10px;
  20513. box-shadow: 0 0 6px 1px #dfdada;
  20514. }
  20515. .e_add_top {
  20516. display: flex;
  20517. justify-content: space-between;
  20518. padding: 20px 20px 0 20px;
  20519. border-radius: 3px;
  20520. background: #fff;
  20521. }
  20522. .e_add_title2 {
  20523. display: flex;
  20524. align-items: center;
  20525. }
  20526. .e_add_title2 span {
  20527. width: 40px;
  20528. }
  20529. .e_add_title {
  20530. display: flex;
  20531. align-items: center;
  20532. color: #b8b8b8;
  20533. font-size: 18px;
  20534. position: relative;
  20535. height: 40px;
  20536. }
  20537. .e_add_title span {
  20538. margin-right: 10px;
  20539. }
  20540. .e_add_title .el_input {
  20541. width: 300px;
  20542. }
  20543. .e_add_title >>> .el-input__inner {
  20544. width: 400px;
  20545. }
  20546. .e_add_btn {
  20547. }
  20548. .e_add_content {
  20549. display: flex;
  20550. width: 100%;
  20551. max-width: 650px;
  20552. height: 550px;
  20553. }
  20554. .e_add_list {
  20555. background: #fff;
  20556. height: 500px;
  20557. width: 210px;
  20558. position: relative;
  20559. margin: 15px 5px 0 0;
  20560. flex-shrink: 0;
  20561. display: flex;
  20562. flex-direction: column;
  20563. }
  20564. .e_add_list_title {
  20565. font-size: 20px;
  20566. width: 100%;
  20567. box-sizing: border-box;
  20568. padding: 15px 40px;
  20569. text-align: center;
  20570. border-bottom: 1px solid #eaeaea;
  20571. position: relative;
  20572. display: flex;
  20573. align-items: center;
  20574. justify-content: center;
  20575. height: 57px;
  20576. background: #f6f6f6;
  20577. }
  20578. .e_add_list_title span {
  20579. overflow: hidden;
  20580. white-space: nowrap;
  20581. text-overflow: ellipsis;
  20582. }
  20583. .e_add_list_title img {
  20584. position: absolute;
  20585. right: 15px;
  20586. width: 25px;
  20587. cursor: pointer;
  20588. top: 50%;
  20589. transform: translateY(-50%);
  20590. }
  20591. .e_add_list_body {
  20592. height: calc(100% - 187px);
  20593. overflow: auto;
  20594. }
  20595. .e_add_list_child {
  20596. width: 100%;
  20597. display: flex;
  20598. align-items: center;
  20599. justify-content: center;
  20600. position: relative;
  20601. box-sizing: border-box;
  20602. padding: 15px 40px;
  20603. text-align: center;
  20604. }
  20605. .e_add_list_child span {
  20606. overflow: hidden;
  20607. white-space: nowrap;
  20608. text-overflow: ellipsis;
  20609. cursor: pointer;
  20610. }
  20611. .e_add_list_child img {
  20612. position: absolute;
  20613. right: 10px;
  20614. width: 21px;
  20615. cursor: pointer;
  20616. top: 50%;
  20617. transform: translateY(-50%);
  20618. }
  20619. .e_add_list_child + .e_add_list_child {
  20620. border-top: 1px solid #eaeaea;
  20621. }
  20622. .e_add_list_child .active {
  20623. color: #409eff;
  20624. }
  20625. .e_add_list_btn {
  20626. position: absolute;
  20627. bottom: 0;
  20628. height: 50px;
  20629. background: rgb(120, 120, 254);
  20630. width: 100%;
  20631. color: #fff;
  20632. font-size: 16px;
  20633. text-align: center;
  20634. line-height: 50px;
  20635. cursor: pointer;
  20636. }
  20637. .e_add_list_detail {
  20638. position: absolute;
  20639. bottom: 0;
  20640. height: 130px;
  20641. background: rgb(120, 120, 254);
  20642. width: 100%;
  20643. color: #fff;
  20644. font-size: 16px;
  20645. display: flex;
  20646. align-items: center;
  20647. justify-content: center;
  20648. }
  20649. .e_add_list_detail textarea {
  20650. height: 90%;
  20651. width: 95%;
  20652. border: none;
  20653. resize: none;
  20654. outline: none;
  20655. padding: 5px;
  20656. box-sizing: border-box;
  20657. }
  20658. .e_add_list_pbox {
  20659. width: 100%;
  20660. max-width: 650px;
  20661. /* height: 600px; */
  20662. }
  20663. .e_add_list_pbox_title {
  20664. height: 50px;
  20665. background: #fff;
  20666. display: flex;
  20667. align-items: center;
  20668. width: 100%;
  20669. box-sizing: border-box;
  20670. padding: 0 20px;
  20671. }
  20672. .type_title {
  20673. font-size: 18px;
  20674. font-weight: 700;
  20675. }
  20676. .type_content {
  20677. font-size: 16px;
  20678. margin-left: 30px;
  20679. }
  20680. .type_content span + span {
  20681. margin-left: 20px;
  20682. }
  20683. .type_content span {
  20684. cursor: pointer;
  20685. padding-bottom: 5px;
  20686. box-sizing: border-box;
  20687. }
  20688. .type_content .active {
  20689. color: #409eff;
  20690. border-bottom: 2px solid #409eff;
  20691. }
  20692. .e_add_list_pbox_content {
  20693. height: calc(100% - 50px);
  20694. display: flex;
  20695. align-items: center;
  20696. width: 100%;
  20697. background: #fff;
  20698. }
  20699. .evaCss {
  20700. display: flex;
  20701. flex-direction: row;
  20702. flex-wrap: nowrap;
  20703. align-items: flex-start;
  20704. padding: 0 0 20px;
  20705. }
  20706. .cru_line {
  20707. position: absolute;
  20708. bottom: 0px;
  20709. transition: all 0.5s;
  20710. left: 0px;
  20711. width: 125px;
  20712. margin-left: -25px;
  20713. }
  20714. .isNoMessage {
  20715. width: 20%;
  20716. margin: 25% auto 0;
  20717. }
  20718. .isNoMessage > img {
  20719. width: 100%;
  20720. height: 100%;
  20721. }
  20722. .fullStyle >>> .el-dialog__body {
  20723. height: 100% !important;
  20724. }
  20725. .fullStyle >>> .el-dialog,
  20726. .fullStyle {
  20727. width: 100% !important;
  20728. max-width: 100% !important;
  20729. height: 100% !important;
  20730. margin: 0 !important;
  20731. }
  20732. .full_diy >>> .el-dialog {
  20733. margin: 0 !important;
  20734. height: 100%;
  20735. padding: 4px;
  20736. }
  20737. .full_diy >>> .el-dialog__body {
  20738. height: calc(100% - 100px);
  20739. }
  20740. .full_diy2 >>> .el-dialog__body {
  20741. height: calc(100% - 50px);
  20742. padding: 0;
  20743. }
  20744. .switchCss {
  20745. /* width: 100%; */
  20746. display: flex;
  20747. flex-direction: row;
  20748. flex-wrap: nowrap;
  20749. align-items: center;
  20750. /* justify-content: center; */
  20751. }
  20752. .isClickNav {
  20753. /* color: #499eef; */
  20754. color: #000;
  20755. }
  20756. .commentImg {
  20757. width: 25px;
  20758. height: 25px;
  20759. cursor: pointer;
  20760. }
  20761. .commentImg > img {
  20762. width: 100%;
  20763. height: 100%;
  20764. }
  20765. .comment {
  20766. background: #f9f9f9;
  20767. border-radius: 0 0 4px 4px;
  20768. display: flex;
  20769. flex-direction: row;
  20770. flex-wrap: nowrap;
  20771. align-items: center;
  20772. justify-content: flex-end;
  20773. height: 35px;
  20774. }
  20775. .commentList {
  20776. display: flex;
  20777. flex-direction: row;
  20778. flex-wrap: nowrap;
  20779. align-items: center;
  20780. justify-content: center;
  20781. align-content: center;
  20782. /* margin-left: 15px; */
  20783. /* margin-left: 8px; */
  20784. }
  20785. .scoreImg {
  20786. width: 17px;
  20787. height: 17px;
  20788. }
  20789. .studentDetail {
  20790. display: flex;
  20791. flex-direction: row;
  20792. flex-wrap: nowrap;
  20793. /* align-items: center; */
  20794. align-items: flex-start;
  20795. }
  20796. .tx {
  20797. width: 50px;
  20798. }
  20799. .tx > img {
  20800. width: 100%;
  20801. height: 100%;
  20802. }
  20803. .nameAndTime {
  20804. display: flex;
  20805. flex-direction: column;
  20806. flex-wrap: nowrap;
  20807. align-items: flex-start;
  20808. margin-left: 10px;
  20809. }
  20810. .worksAnswer {
  20811. color: #4078dd;
  20812. margin: 10px 0;
  20813. font-size: 16px;
  20814. position: relative;
  20815. }
  20816. .worksAnswer > img {
  20817. width: 500px;
  20818. height: 300px;
  20819. object-fit: contain;
  20820. margin: 0 auto;
  20821. display: block;
  20822. }
  20823. .commentTop {
  20824. border-bottom: 1px solid #eaeaea;
  20825. padding-bottom: 10px;
  20826. }
  20827. .commentBox {
  20828. padding-top: 15px;
  20829. }
  20830. .pl {
  20831. font-size: 18px;
  20832. }
  20833. .plPerson {
  20834. width: 100%;
  20835. }
  20836. .plName {
  20837. display: flex;
  20838. flex-direction: row;
  20839. flex-wrap: nowrap;
  20840. align-items: baseline;
  20841. color: #78787a;
  20842. width: 100%;
  20843. }
  20844. .deleteComment {
  20845. cursor: pointer;
  20846. margin-left: auto;
  20847. color: #237ade;
  20848. }
  20849. .plContent {
  20850. margin-top: 5px;
  20851. }
  20852. .evalCss {
  20853. background: #fff;
  20854. font-size: 18px;
  20855. }
  20856. .nav {
  20857. color: #9d9d9d;
  20858. padding: 5px 0 15px 20px;
  20859. }
  20860. .middleBox {
  20861. padding: 5px 0 15px 20px;
  20862. }
  20863. .pfBox {
  20864. padding-bottom: 30px;
  20865. }
  20866. .nameAndrate {
  20867. display: flex;
  20868. flex-direction: row;
  20869. flex-wrap: nowrap;
  20870. align-items: center;
  20871. padding-bottom: 10px;
  20872. height: 30px;
  20873. line-height: 30px;
  20874. }
  20875. .nameAndrate > div {
  20876. margin-left: 10px;
  20877. color: #000;
  20878. height: 30px;
  20879. }
  20880. .nameAndrate >>> .el-rate__icon {
  20881. font-size: 28px !important;
  20882. }
  20883. .pfBox > div:nth-child(2) {
  20884. background: #f7f6f9;
  20885. width: 400px;
  20886. min-height: 45px;
  20887. border-radius: 10px;
  20888. font-size: 16px;
  20889. display: flex;
  20890. flex-wrap: wrap;
  20891. align-items: center;
  20892. padding: 10px 20px;
  20893. box-sizing: border-box;
  20894. color: #000;
  20895. }
  20896. .bz {
  20897. display: flex;
  20898. flex-direction: row;
  20899. flex-wrap: nowrap;
  20900. align-items: flex-start;
  20901. }
  20902. .bz > div {
  20903. padding: 0 10px;
  20904. }
  20905. .select_box2_title {
  20906. background: #fff;
  20907. border-radius: 5px;
  20908. padding: 15px 10px;
  20909. box-sizing: border-box;
  20910. margin-bottom: 10px;
  20911. display: flex;
  20912. flex-direction: row;
  20913. flex-wrap: nowrap;
  20914. align-items: center;
  20915. }
  20916. .select_box2_title > div:nth-child(2) {
  20917. margin-left: 10px;
  20918. color: #c4c4c4;
  20919. }
  20920. .select_box2_box {
  20921. display: flex;
  20922. height: 500px;
  20923. }
  20924. .select_box2_img {
  20925. width: calc(100% - 310px);
  20926. height: 100%;
  20927. overflow: auto;
  20928. background: #fff;
  20929. border-radius: 5px;
  20930. }
  20931. .select_box2_img img {
  20932. width: 100%;
  20933. }
  20934. .select_box2_answer {
  20935. background: #fff;
  20936. margin-left: 10px;
  20937. border-radius: 5px;
  20938. width: 300px;
  20939. overflow: auto;
  20940. height: 90%;
  20941. display: flex;
  20942. flex-direction: column;
  20943. align-items: flex-start;
  20944. padding-top: 10px;
  20945. box-sizing: border-box;
  20946. position: relative;
  20947. }
  20948. .select_answer_title {
  20949. padding: 0 0 15px 20px;
  20950. color: #c4c4c4;
  20951. }
  20952. .select_box2_answer_box {
  20953. margin: 0 0 10px 20px;
  20954. width: 85%;
  20955. display: flex;
  20956. flex-direction: row;
  20957. flex-wrap: nowrap;
  20958. align-items: center;
  20959. }
  20960. .select_box2_answer_box >>> .el-input.is-disabled .el-input__inner {
  20961. color: #000;
  20962. }
  20963. .upAnswerCss {
  20964. position: absolute;
  20965. bottom: 15px;
  20966. right: 15px;
  20967. }
  20968. .upAnswerCss >>> .el-button {
  20969. width: 95px;
  20970. height: 35px;
  20971. line-height: 35px;
  20972. padding: 0;
  20973. }
  20974. .rightWidthCss {
  20975. width: 60%;
  20976. display: flex;
  20977. flex-direction: row;
  20978. align-items: flex-start;
  20979. }
  20980. .rightAnswer {
  20981. display: flex;
  20982. flex-direction: row;
  20983. flex-wrap: nowrap;
  20984. align-items: center;
  20985. color: red;
  20986. margin-bottom: 31px;
  20987. }
  20988. .rightAnswerCss {
  20989. display: flex;
  20990. flex-direction: column;
  20991. flex-wrap: nowrap;
  20992. padding-top: 60px;
  20993. }
  20994. .blueCss {
  20995. color: #767de1;
  20996. margin-left: 10px;
  20997. }
  20998. .redCss {
  20999. color: red;
  21000. }
  21001. .redioStyle >>> .el-radio__input.is-checked + .el-radio__label {
  21002. color: rgb(0 123 255) !important;
  21003. }
  21004. .redioStyle >>> .el-checkbox__input.is-checked + .el-checkbox__label {
  21005. color: rgb(0 123 255) !important;
  21006. }
  21007. .zuoyeYulan {
  21008. padding-top: 0;
  21009. font-size: 18px;
  21010. display: flex;
  21011. align-items: flex-end;
  21012. }
  21013. .buttonA {
  21014. margin-left: 10px;
  21015. padding: 0;
  21016. }
  21017. .displayBox {
  21018. margin-bottom: 10px;
  21019. display: block;
  21020. border-bottom: 3px solid #eee;
  21021. display: flex;
  21022. align-items: center;
  21023. }
  21024. .easy_comment {
  21025. width: calc(100% - 90px);
  21026. margin-left: 10px;
  21027. display: flex;
  21028. flex-wrap: wrap;
  21029. }
  21030. .easy_comment > div {
  21031. border: 1px solid #4a4a4a;
  21032. color: #666;
  21033. border-radius: 15px;
  21034. padding: 5px 10px;
  21035. font-size: 16px;
  21036. margin-bottom: 10px;
  21037. margin-right: 5px;
  21038. cursor: pointer;
  21039. }
  21040. .easy_comment div:hover {
  21041. border: 1px solid #f7ba2a;
  21042. color: #c69217;
  21043. }
  21044. .xuan_right_box {
  21045. padding: 10px 0;
  21046. background: #f0f4fa;
  21047. margin: 0 15px 0 25px;
  21048. border-bottom-left-radius: 5px;
  21049. border-bottom-right-radius: 5px;
  21050. width: 91.5%;
  21051. }
  21052. .tool_right_box {
  21053. display: flex;
  21054. align-items: center;
  21055. }
  21056. .tool_right_box + .tool_right_box {
  21057. margin-top: 10px;
  21058. }
  21059. .right_box_xuan {
  21060. background: rgb(0 123 255);
  21061. color: #fff;
  21062. border-radius: 5px;
  21063. padding: 5px;
  21064. margin-left: 10px;
  21065. min-width: 95px;
  21066. }
  21067. .pButton:hover {
  21068. opacity: 1 !important;
  21069. }
  21070. .pButton {
  21071. position: fixed;
  21072. text-align: center;
  21073. cursor: pointer;
  21074. z-index: 999;
  21075. right: 20px;
  21076. top: 110px;
  21077. width: 50px;
  21078. height: 50px;
  21079. display: flex;
  21080. align-items: center;
  21081. justify-content: center;
  21082. border-radius: 5px;
  21083. }
  21084. .pzClass {
  21085. width: calc(100% - 340px);
  21086. }
  21087. .newDialogCss {
  21088. /* position: fixed;
  21089. right: 5%;
  21090. top: 50%;
  21091. width: 340px;
  21092. transform: translateY(-50%);
  21093. height: 60%;
  21094. box-shadow: 0px 0 8px 0px #555555;
  21095. border-radius: 15px;
  21096. z-index: 999; */
  21097. position: fixed;
  21098. right: 20px;
  21099. top: 101px;
  21100. width: 330px;
  21101. height: calc(100% - 80px);
  21102. z-index: 999;
  21103. background: #fff;
  21104. border-top-right-radius: 0px;
  21105. border-bottom-right-radius: 0px;
  21106. overflow: hidden;
  21107. }
  21108. .pzTop {
  21109. color: #fff;
  21110. background: #000;
  21111. display: flex;
  21112. flex-direction: row;
  21113. flex-wrap: nowrap;
  21114. align-items: center;
  21115. justify-content: space-between;
  21116. height: 40px;
  21117. border-radius: 15px 15px 0 0;
  21118. user-select: none;
  21119. }
  21120. .pzTop2 .checkbox {
  21121. display: flex;
  21122. align-items: center;
  21123. padding: 5px 30px;
  21124. flex: 0 0 auto;
  21125. font-weight: bold;
  21126. border-bottom: 1px solid #eee;
  21127. justify-content: space-between;
  21128. }
  21129. .pzTop2 .check {
  21130. text-align: center;
  21131. cursor: pointer;
  21132. box-sizing: border-box;
  21133. display: flex;
  21134. }
  21135. .pzTop2 img {
  21136. width: 25px;
  21137. cursor: pointer;
  21138. }
  21139. .pzTop > div:nth-child(1) {
  21140. padding-left: 10px;
  21141. }
  21142. .pzTop > div:nth-child(2) {
  21143. width: 15px;
  21144. height: 15px;
  21145. padding-right: 10px;
  21146. cursor: pointer;
  21147. }
  21148. .pzTop > div:nth-child(2) > img {
  21149. width: 100%;
  21150. height: 100%;
  21151. }
  21152. .pzBox,
  21153. .noPzBox {
  21154. height: calc(100% - 60px);
  21155. /* background: #ededed; */
  21156. background: #fff;
  21157. /* border-radius: 0 0 15px 15px; */
  21158. }
  21159. .noPzBox {
  21160. display: flex;
  21161. flex-direction: column;
  21162. flex-wrap: nowrap;
  21163. justify-content: center;
  21164. align-items: center;
  21165. }
  21166. .pzList {
  21167. background: #f7f7f7;
  21168. width: 90%;
  21169. margin: 0 auto 15px;
  21170. border-radius: 5px;
  21171. }
  21172. .pzNavTop {
  21173. display: flex;
  21174. flex-direction: row;
  21175. flex-wrap: nowrap;
  21176. padding: 10px 10px 0 10px;
  21177. align-items: center;
  21178. }
  21179. .pzDelete {
  21180. cursor: pointer;
  21181. margin-left: auto;
  21182. font-size: 14px;
  21183. color: #afafaf;
  21184. }
  21185. .pzNavTop > div:nth-child(1) {
  21186. background: #3760af;
  21187. width: 35px;
  21188. height: 35px;
  21189. color: #fff;
  21190. text-align: center;
  21191. line-height: 35px;
  21192. border-radius: 50%;
  21193. font-size: 14px;
  21194. }
  21195. .pzNavTop > div:nth-child(2) {
  21196. font-size: 18px;
  21197. color: #959595;
  21198. margin-left: 5px;
  21199. }
  21200. .pzContent {
  21201. padding: 10px;
  21202. word-break: break-word;
  21203. }
  21204. .pzContent audio {
  21205. width: 100%;
  21206. }
  21207. .pzContent audio::-webkit-media-controls-panel {
  21208. background: #fff;
  21209. }
  21210. .pzContent >>> img {
  21211. max-width: 100%;
  21212. }
  21213. .pzListBox {
  21214. padding-top: 15px;
  21215. height: calc(100% - 110px);
  21216. overflow: auto;
  21217. }
  21218. .addPzButton {
  21219. position: relative;
  21220. margin-top: 3px;
  21221. width: 100%;
  21222. }
  21223. .addPzButton .img1 {
  21224. position: absolute;
  21225. top: 50%;
  21226. right: 25px;
  21227. transform: translateY(-50%);
  21228. height: 100%;
  21229. display: flex;
  21230. align-items: center;
  21231. }
  21232. .addPzButton .img1 div {
  21233. display: flex;
  21234. }
  21235. .addPzButton .img1 div img {
  21236. width: 28px;
  21237. margin-left: 10px;
  21238. cursor: pointer;
  21239. }
  21240. .addPzButton .img1 div span {
  21241. font-size: 14px;
  21242. margin: 4px 0 0 3px;
  21243. color: #afafaf;
  21244. }
  21245. .addPz {
  21246. background: #4b79ce;
  21247. width: 100px;
  21248. color: #fff;
  21249. font-size: 12px;
  21250. height: 30px;
  21251. margin: 0 auto;
  21252. text-align: center;
  21253. line-height: 30px;
  21254. border-radius: 10px;
  21255. cursor: pointer;
  21256. }
  21257. .addDialogCss {
  21258. position: fixed;
  21259. width: 600px;
  21260. height: 70%;
  21261. min-height: 450px;
  21262. box-shadow: 0px 0 8px 0px #555555;
  21263. border-radius: 15px;
  21264. z-index: 999;
  21265. left: 50%;
  21266. top: 50%;
  21267. margin: -18% 0 0 -300px;
  21268. }
  21269. .teacherPz {
  21270. display: flex;
  21271. flex-direction: row;
  21272. align-items: center;
  21273. flex-wrap: nowrap;
  21274. }
  21275. .teacherPzImg {
  21276. width: 30px;
  21277. height: 30px;
  21278. }
  21279. .teacherPzImg > img {
  21280. width: 100%;
  21281. height: 100%;
  21282. }
  21283. .addPzBox {
  21284. height: calc(100% - 40px);
  21285. background: #ededed;
  21286. border-bottom-left-radius: 15px;
  21287. border-bottom-right-radius: 15px;
  21288. }
  21289. .pzAudioClass {
  21290. margin: 15px 14px;
  21291. background: #fff;
  21292. height: 100%;
  21293. display: flex;
  21294. justify-content: center;
  21295. align-items: center;
  21296. }
  21297. .pzConText {
  21298. width: 95%;
  21299. height: 100%;
  21300. margin: 10px auto 0;
  21301. border: none;
  21302. background: #fff;
  21303. border-radius: 0px;
  21304. }
  21305. .pzConText >>> .text {
  21306. height: calc(100% - 82px);
  21307. }
  21308. .addTextCss {
  21309. background: #4b79ce;
  21310. width: 80px;
  21311. height: 30px;
  21312. text-align: center;
  21313. color: #fff;
  21314. line-height: 30px;
  21315. border-radius: 10px;
  21316. margin: 10px auto 0;
  21317. cursor: pointer;
  21318. }
  21319. .pzConText:focus-visible {
  21320. border: none !important;
  21321. }
  21322. .maxWidth {
  21323. width: 1000px;
  21324. }
  21325. .noPz {
  21326. width: 150px;
  21327. margin: 0 auto 20%;
  21328. }
  21329. .noPz > img {
  21330. width: 100%;
  21331. height: 100%;
  21332. }
  21333. .timeAndReply {
  21334. display: flex;
  21335. flex-direction: row;
  21336. flex-wrap: nowrap;
  21337. justify-content: space-between;
  21338. align-items: center;
  21339. font-size: 14px;
  21340. box-sizing: border-box;
  21341. padding: 0 10px 10px 0px;
  21342. }
  21343. .timeAndReply .time {
  21344. color: #bfbfbf;
  21345. padding: 0 0 0 10px;
  21346. box-sizing: border-box;
  21347. }
  21348. .timeAndReply > div:last-child {
  21349. cursor: pointer;
  21350. color: #777;
  21351. }
  21352. /* table 样式 */
  21353. .cont >>> table {
  21354. border-top: 1px solid #ccc;
  21355. border-left: 1px solid #ccc;
  21356. }
  21357. .cont >>> table td,
  21358. .cont >>> table th {
  21359. border-bottom: 1px solid #ccc;
  21360. border-right: 1px solid #ccc;
  21361. /* padding: 20px 5px; */
  21362. padding: 5px 10px;
  21363. max-width: 0px;
  21364. height: 30px;
  21365. vertical-align: baseline;
  21366. box-sizing: border-box;
  21367. }
  21368. .cont >>> table th {
  21369. border-bottom: 2px solid #ccc;
  21370. text-align: center;
  21371. }
  21372. /* blockquote 样式 */
  21373. .cont >>> blockquote {
  21374. display: block;
  21375. border-left: 8px solid #d0e5f2;
  21376. padding: 5px 10px;
  21377. margin: 10px 0;
  21378. line-height: 1.4;
  21379. font-size: 100%;
  21380. background-color: #f1f1f1;
  21381. }
  21382. /* code 样式 */
  21383. .cont >>> code {
  21384. display: inline-block;
  21385. /* *display: inline; */
  21386. zoom: 1;
  21387. background-color: #f1f1f1;
  21388. border-radius: 3px;
  21389. padding: 3px 5px;
  21390. margin: 0 3px;
  21391. }
  21392. .cont >>> pre code {
  21393. display: block;
  21394. }
  21395. /* ul ol 样式 */
  21396. .cont >>> ul,
  21397. ol {
  21398. margin: 10px 0 10px 20px;
  21399. }
  21400. .addPzCheck {
  21401. display: flex;
  21402. flex-direction: row;
  21403. flex-wrap: nowrap;
  21404. padding: 10px 15px 0;
  21405. }
  21406. .addPzCheck span {
  21407. cursor: pointer;
  21408. padding-bottom: 5px;
  21409. font-weight: bold;
  21410. }
  21411. .addPzCheck span + span {
  21412. margin-left: 10px;
  21413. }
  21414. .addPzCheck .isChooseActive {
  21415. color: #3e88f4;
  21416. border-bottom: 2px solid #2f80f3;
  21417. }
  21418. /* code 样式 */
  21419. .cont {
  21420. /* -webkit-user-modify: read-write; */
  21421. overflow-wrap: break-word;
  21422. -webkit-line-break: after-white-space;
  21423. }
  21424. .scoreBox,
  21425. .scoreDetailBox {
  21426. display: flex;
  21427. align-items: center;
  21428. justify-content: flex-start;
  21429. margin-top: 20px;
  21430. font-size: 18px;
  21431. width: 100%;
  21432. }
  21433. .scoreBox .t,
  21434. .scoreDetailBox .t {
  21435. margin-right: 10px;
  21436. width: 100px;
  21437. text-align: right;
  21438. }
  21439. .scoreDetailBox {
  21440. align-items: flex-start;
  21441. }
  21442. .scoreDetailBox >>> .el-textarea {
  21443. width: calc(100% - 200px);
  21444. }
  21445. .scoreBox >>> .el-input {
  21446. width: 130px;
  21447. font-size: 38px;
  21448. }
  21449. .scoreBox >>> .el-input__inner {
  21450. height: 60px;
  21451. }
  21452. .answerScore {
  21453. position: absolute;
  21454. top: 10px;
  21455. right: 10px;
  21456. background: #0000008f;
  21457. border-radius: 5px;
  21458. padding: 3px 5px;
  21459. font-size: 14px;
  21460. color: #fff;
  21461. cursor: pointer;
  21462. }
  21463. .open_box .switch_box {
  21464. width: 100%;
  21465. margin: 0 auto;
  21466. display: flex;
  21467. justify-content: space-between;
  21468. }
  21469. .open_box .switch_box + .switch_box {
  21470. margin-top: 10px;
  21471. }
  21472. .deleteImg {
  21473. width: 25px !important;
  21474. height: 25px !important;
  21475. cursor: pointer;
  21476. position: absolute;
  21477. top: 10px;
  21478. right: 10px;
  21479. }
  21480. .deleteImg2 {
  21481. width: 15px !important;
  21482. height: 15px !important;
  21483. top: 5px;
  21484. right: 5px;
  21485. }
  21486. .rightW {
  21487. right: 40px;
  21488. }
  21489. .drawPBox {
  21490. display: flex;
  21491. flex-direction: column;
  21492. position: relative;
  21493. }
  21494. .drawPBox span {
  21495. font-size: 18px;
  21496. color: #606266;
  21497. padding-bottom: 10px;
  21498. margin: 10px 0;
  21499. border-bottom: 1px solid #eaeaea;
  21500. }
  21501. .drawPBox img {
  21502. width: 500px;
  21503. height: 300px;
  21504. object-fit: contain;
  21505. cursor: pointer;
  21506. margin: 0 auto;
  21507. }
  21508. .sentenBox {
  21509. background: #fff;
  21510. height: 450px;
  21511. overflow: auto;
  21512. background-image: url("../assets/icon/conSentences/stuBg.png");
  21513. background-position: 102%;
  21514. background-repeat: no-repeat;
  21515. background-size: 60%;
  21516. }
  21517. .addSen {
  21518. background: #409efe;
  21519. width: 90px;
  21520. color: #fff;
  21521. height: 35px;
  21522. text-align: center;
  21523. line-height: 35px;
  21524. border-radius: 5px;
  21525. float: right;
  21526. margin: 10px 20px 0 0;
  21527. cursor: pointer;
  21528. }
  21529. .sentenTop {
  21530. display: flex;
  21531. flex-direction: row;
  21532. flex-wrap: nowrap;
  21533. align-items: center;
  21534. padding: 55px 0 0 20px;
  21535. box-sizing: border-box;
  21536. }
  21537. .sentenTop > div:nth-child(2) {
  21538. width: 300px;
  21539. margin: 0 15px;
  21540. }
  21541. .sentenTop > div:nth-child(3) {
  21542. background: #409efe;
  21543. color: #fff;
  21544. width: 65px;
  21545. height: 35px;
  21546. text-align: center;
  21547. line-height: 35px;
  21548. border-radius: 5px;
  21549. cursor: pointer;
  21550. }
  21551. .cardList,
  21552. .cardList1 {
  21553. padding: 10px 0 10px 0;
  21554. display: flex;
  21555. flex-direction: row;
  21556. flex-wrap: wrap;
  21557. align-items: center;
  21558. box-sizing: border-box;
  21559. border-bottom: 1px solid #f4f4f4;
  21560. width: 98%;
  21561. margin: 0 auto;
  21562. min-width: 60%;
  21563. max-width: 85%;
  21564. }
  21565. .cardList1 {
  21566. padding: 10px 0 10px 10px !important;
  21567. margin: 0 !important;
  21568. }
  21569. .cardBox {
  21570. display: flex;
  21571. flex-direction: row;
  21572. flex-wrap: wrap;
  21573. align-items: center;
  21574. align-content: center;
  21575. }
  21576. .cardBox > div {
  21577. margin-bottom: 10px;
  21578. }
  21579. .isCard,
  21580. .isChooseCard,
  21581. .noCard,
  21582. .isCard1 {
  21583. width: 130px;
  21584. height: 60px;
  21585. text-align: center;
  21586. line-height: 60px;
  21587. font-size: 20px;
  21588. cursor: pointer;
  21589. background-image: url("../assets/icon/conSentences/titleBorder.png");
  21590. background-size: cover;
  21591. transition: all 2s;
  21592. margin-right: 20px;
  21593. }
  21594. .isCard > div,
  21595. .noCard > div,
  21596. .isCard1 > div {
  21597. white-space: nowrap;
  21598. overflow: hidden;
  21599. text-overflow: ellipsis;
  21600. width: 75%;
  21601. margin: 0 auto;
  21602. }
  21603. .noCard {
  21604. background-image: none;
  21605. }
  21606. .isCard1 {
  21607. background-image: url("../assets/icon/conSentences/answerBorder.png");
  21608. }
  21609. .isChooseCard {
  21610. background-image: none;
  21611. border: 1px dashed #b9b9b9;
  21612. border-radius: 10px;
  21613. }
  21614. .card {
  21615. width: 130px;
  21616. height: 60px;
  21617. }
  21618. .card > img {
  21619. width: 100%;
  21620. height: 100%;
  21621. }
  21622. .rightCardBox {
  21623. margin: 10px 0 0 10px;
  21624. }
  21625. .rightCardBox > div:nth-child(1) {
  21626. margin-bottom: 10px;
  21627. }
  21628. .cardCss {
  21629. display: flex;
  21630. flex-direction: column;
  21631. flex-wrap: nowrap;
  21632. align-items: center;
  21633. border-bottom: 3px solid #b4c3d3;
  21634. padding: 0 0 5px 0;
  21635. margin-right: 10px;
  21636. }
  21637. .cardCss > div:nth-child(2) {
  21638. background: #5b7b9d;
  21639. color: #fff;
  21640. width: 20px;
  21641. height: 20px;
  21642. border-radius: 50%;
  21643. text-align: center;
  21644. line-height: 20px;
  21645. }
  21646. .isWrong {
  21647. display: flex;
  21648. flex-direction: row;
  21649. flex-wrap: nowrap;
  21650. align-content: center;
  21651. align-items: center;
  21652. }
  21653. .answerRight {
  21654. width: 25%;
  21655. }
  21656. .isTj {
  21657. display: flex;
  21658. flex-direction: row;
  21659. flex-wrap: nowrap;
  21660. align-items: center;
  21661. }
  21662. .isTj > div:nth-child(2) {
  21663. color: #727070;
  21664. margin-left: 10px;
  21665. }
  21666. .isTjImg {
  21667. width: 30px;
  21668. height: 30px;
  21669. }
  21670. .isTjImg > img {
  21671. width: 100%;
  21672. height: 100%;
  21673. }
  21674. .cardAnswerBox {
  21675. font-size: 18px;
  21676. width: 97%;
  21677. border: 5px;
  21678. padding: 0;
  21679. border-radius: 5px;
  21680. margin: 10px auto;
  21681. word-break: break-word;
  21682. }
  21683. .w_name {
  21684. margin-bottom: 10px;
  21685. }
  21686. .w_name span {
  21687. font-size: 16px;
  21688. }
  21689. .w_teachert {
  21690. width: 50px !important;
  21691. position: absolute;
  21692. height: auto !important;
  21693. z-index: 10;
  21694. right: 25px;
  21695. top: -25px;
  21696. }
  21697. .group_workBox {
  21698. }
  21699. .group_workBox + .group_workBox {
  21700. margin-top: 20px;
  21701. }
  21702. .group_box {
  21703. padding-bottom: 20px;
  21704. border-bottom: 2px solid #f0f0f0;
  21705. margin-top: 10px;
  21706. }
  21707. .group_title {
  21708. display: flex;
  21709. align-items: center;
  21710. justify-content: space-between;
  21711. width: 95%;
  21712. }
  21713. .group_name {
  21714. background-image: url(../assets/icon/groupN.png);
  21715. width: 220px;
  21716. background-size: 100% 100%;
  21717. height: 67px;
  21718. padding: 0 20px 0 43px;
  21719. box-sizing: border-box;
  21720. line-height: 63px;
  21721. color: #fff;
  21722. overflow: hidden;
  21723. white-space: nowrap;
  21724. text-overflow: ellipsis;
  21725. }
  21726. .group_work {
  21727. width: 100%;
  21728. padding: 0 10px;
  21729. box-sizing: border-box;
  21730. display: flex;
  21731. flex-wrap: wrap;
  21732. }
  21733. .g_d_box {
  21734. display: flex;
  21735. flex-flow: wrap;
  21736. justify-content: space-around;
  21737. }
  21738. .g_d_box .isChair {
  21739. background-image: url(../assets/avatar.png) !important;
  21740. }
  21741. .g_d_group {
  21742. width: 500px;
  21743. margin-bottom: 80px;
  21744. }
  21745. .g_d_group_chair {
  21746. display: flex;
  21747. align-items: center;
  21748. justify-content: center;
  21749. }
  21750. .g_d_group_chair > div + div {
  21751. margin-left: 30px;
  21752. }
  21753. .g_d_group_chair > div,
  21754. .g_d_group_chair2 > div {
  21755. display: flex;
  21756. flex-direction: column;
  21757. align-items: center;
  21758. }
  21759. .g_d_group_chair > div > span:nth-child(1),
  21760. .g_d_group_chair2 > div > span:nth-child(1) {
  21761. background-image: url(../assets/icon/chair.png);
  21762. width: 50px;
  21763. height: 50px;
  21764. display: block;
  21765. background-size: 100% 100%;
  21766. }
  21767. .g_d_group_tableBox {
  21768. display: flex;
  21769. align-items: center;
  21770. justify-content: center;
  21771. }
  21772. .g_d_group_chair2 {
  21773. display: flex;
  21774. flex-direction: column;
  21775. align-items: center;
  21776. justify-content: center;
  21777. }
  21778. .g_d_group_chair2 > div + div {
  21779. margin-top: 10px;
  21780. }
  21781. .g_d_group_table {
  21782. background-image: url(../assets/icon/groupBg.png);
  21783. width: 354px;
  21784. height: 196px;
  21785. background-size: 100% 100%;
  21786. display: flex;
  21787. align-items: center;
  21788. justify-content: center;
  21789. flex-direction: column;
  21790. color: #fff;
  21791. }
  21792. .g_d_group_table > div:nth-child(1) {
  21793. font-size: 24px;
  21794. margin-bottom: 5px;
  21795. }
  21796. .g_d_group_table > div:nth-child(2) div {
  21797. cursor: pointer;
  21798. background: #2e77bf;
  21799. padding: 4px 10px;
  21800. border-radius: 5px;
  21801. }
  21802. .groupBox {
  21803. }
  21804. .groupContent + .groupContent {
  21805. margin-top: 30px;
  21806. }
  21807. .groupTitle {
  21808. font-size: 24px;
  21809. color: rgb(80, 80, 80);
  21810. margin-bottom: 20px;
  21811. }
  21812. .groupName {
  21813. display: flex;
  21814. align-items: center;
  21815. }
  21816. .groupn {
  21817. font-size: 15px;
  21818. margin-right: 10px;
  21819. }
  21820. .groupName + .groupName {
  21821. margin-top: 15px;
  21822. }
  21823. .groupBtn {
  21824. margin-left: 10px;
  21825. }
  21826. .groupContent >>> .el-input-number.is-without-controls .el-input__inner {
  21827. text-align: left;
  21828. }
  21829. .g_d_btnBox {
  21830. display: flex;
  21831. justify-content: flex-end;
  21832. align-items: center;
  21833. margin-bottom: 20px;
  21834. }
  21835. .updateChair {
  21836. position: relative;
  21837. }
  21838. .updateChairBtn {
  21839. position: absolute;
  21840. width: 50px;
  21841. height: 50px;
  21842. overflow: hidden;
  21843. /* display: flex; */
  21844. align-items: center;
  21845. justify-content: center;
  21846. background: #00000087;
  21847. color: #fff;
  21848. border-radius: 50px;
  21849. display: none;
  21850. cursor: pointer;
  21851. }
  21852. .updateChair:hover .updateChairBtn {
  21853. display: flex;
  21854. }
  21855. .group_staic_box {
  21856. display: flex;
  21857. padding: 30px 40px 10px;
  21858. flex-wrap: wrap;
  21859. }
  21860. .group_staic {
  21861. /* width: 50%; */
  21862. margin-bottom: 20px;
  21863. display: flex;
  21864. align-items: center;
  21865. }
  21866. .group_staic span:nth-child(1) {
  21867. width: 150px;
  21868. text-align: right;
  21869. margin-right: 15px;
  21870. }
  21871. .group_staic span:nth-child(2) {
  21872. background: rgb(0 123 255);
  21873. color: #fff;
  21874. border-radius: 5px;
  21875. padding: 5px;
  21876. }
  21877. .codeFileBox {
  21878. height: 300px;
  21879. background: #fff;
  21880. display: flex;
  21881. align-items: center;
  21882. justify-content: center;
  21883. }
  21884. .codeFileBox img {
  21885. width: 200px;
  21886. margin: 0;
  21887. height: auto;
  21888. }
  21889. .codeFileBox div {
  21890. background: rgb(80, 142, 226);
  21891. color: #fff;
  21892. padding: 10px 20px;
  21893. border-radius: 25px;
  21894. cursor: pointer;
  21895. margin-left: 15px;
  21896. }
  21897. .radioBox {
  21898. display: flex;
  21899. flex-direction: column;
  21900. flex-wrap: nowrap;
  21901. align-items: flex-start;
  21902. }
  21903. .radioBox > div {
  21904. margin: 10px 0 0 10px;
  21905. }
  21906. /* .radioBox >>> .el-radio__input,
  21907. .radioBox >>> .el-checkbox__inner {
  21908. margin-left: 10px;
  21909. } */
  21910. .radioBox >>> .el-radio__label,
  21911. .radioBox >>> .el-checkbox__label {
  21912. display: flex;
  21913. align-items: center;
  21914. width: 100%;
  21915. }
  21916. .radioBox >>> .el-radio__label > span {
  21917. width: 100%;
  21918. display: -webkit-box;
  21919. overflow: hidden;
  21920. white-space: normal !important;
  21921. text-overflow: ellipsis;
  21922. word-wrap: break-word;
  21923. }
  21924. .inImg {
  21925. width: 100px;
  21926. cursor: pointer;
  21927. }
  21928. .inImg > img {
  21929. width: 100%;
  21930. height: 100%;
  21931. object-fit: cover;
  21932. }
  21933. .timuImgBox {
  21934. margin: 10px 0;
  21935. display: flex;
  21936. flex-direction: column;
  21937. flex-wrap: wrap;
  21938. align-items: flex-start;
  21939. }
  21940. .timuImg {
  21941. width: 150px;
  21942. margin: 5px 0;
  21943. cursor: pointer;
  21944. }
  21945. .timuImg > img {
  21946. width: 100%;
  21947. height: 100%;
  21948. object-fit: cover;
  21949. }
  21950. .worksTop {
  21951. display: flex;
  21952. flex-direction: row;
  21953. align-items: flex-end;
  21954. }
  21955. .worksTitle{
  21956. display: flex;
  21957. flex-direction: row;
  21958. flex-wrap: nowrap;
  21959. align-items: center;
  21960. }
  21961. .worksTitle::before,.worksTop::before{
  21962. content: '';
  21963. display: block;
  21964. width: 3px;
  21965. height: 20px;
  21966. background: #0061FF;
  21967. border-radius: 3px;
  21968. margin: 0 5px 0 0;
  21969. }
  21970. .corOpen {
  21971. margin: 0 0 0 10px;
  21972. font-size: 14px;
  21973. cursor: pointer;
  21974. color: #505050;
  21975. }
  21976. .corOpen:hover {
  21977. color: #499eef;
  21978. }
  21979. .navCorOpenBox {
  21980. display: flex;
  21981. flex-direction: row;
  21982. align-items: center;
  21983. justify-content: space-between;
  21984. height: 55px;
  21985. background: #ffffff;
  21986. box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
  21987. border-radius: 8px 8px 0px 0px;
  21988. z-index: 9;
  21989. position: relative;
  21990. }
  21991. .navCorOpen {
  21992. padding-right: 15px;
  21993. cursor: pointer;
  21994. width: 45px;
  21995. display: flex;
  21996. }
  21997. .navCorOpen > img {
  21998. width: 100%;
  21999. height: 100%;
  22000. }
  22001. .mlImg {
  22002. width: 45px !important;
  22003. min-width: 45px;
  22004. cursor: pointer;
  22005. transform: rotate(180deg);
  22006. }
  22007. .mlImg > img {
  22008. width: 100%;
  22009. height: 100%;
  22010. }
  22011. .navLeftCss {
  22012. width: 100% !important;
  22013. left: 0 !important;
  22014. }
  22015. .isContentCss {
  22016. width: 100% !important;
  22017. }
  22018. .isAllWidth {
  22019. width: 100% !important;
  22020. }
  22021. .group_switch {
  22022. margin-right: 10px;
  22023. height: 30px;
  22024. display: flex;
  22025. align-items: center;
  22026. }
  22027. .group_switch > span {
  22028. margin-right: 5px;
  22029. }
  22030. .fileC_box {
  22031. padding-top: 15px;
  22032. }
  22033. .fileC_box > .fileC_title {
  22034. padding: 10px 5px 14px 11px;
  22035. border-top: 1px solid #cad1dc;
  22036. font-size: 14px;
  22037. font-weight: 400;
  22038. color: #cad1dc;
  22039. width: 88%;
  22040. margin: 0 auto;
  22041. }
  22042. .pl_select_box {
  22043. height: 40px;
  22044. line-height: 40px;
  22045. width: 100%;
  22046. cursor: pointer;
  22047. padding: 0 20px;
  22048. box-sizing: border-box;
  22049. border-radius: 5px;
  22050. border: 1px solid #d6d6d6;
  22051. white-space: nowrap;
  22052. overflow: hidden;
  22053. text-overflow: ellipsis;
  22054. background: #fff;
  22055. text-align: left;
  22056. }
  22057. .newButton {
  22058. width: 102px;
  22059. height: 36px;
  22060. background: #e7ebf1;
  22061. border-radius: 4px;
  22062. color: #0e1e33;
  22063. font-weight: 400;
  22064. font-size: 14px;
  22065. border: none;
  22066. float: right;
  22067. margin-left: 10px;
  22068. }
  22069. .el-table >>> .even_row {
  22070. background-color: #f0f4fa;
  22071. }
  22072. .stageBoxCss,
  22073. .stageBoxIsCss {
  22074. display: flex;
  22075. flex-direction: row;
  22076. flex-wrap: nowrap;
  22077. align-items: center;
  22078. height: 50px;
  22079. border-bottom: 1px solid #e2f5fc;
  22080. cursor: pointer;
  22081. width: 100%;
  22082. }
  22083. .stageBoxIsCss {
  22084. background: #0061ff;
  22085. color: #fff;
  22086. border-radius: 8px;
  22087. }
  22088. .stageItemTitle {
  22089. display: flex;
  22090. flex-direction: row;
  22091. flex-wrap: nowrap;
  22092. align-items: center;
  22093. margin-left: 15px;
  22094. width: calc(100% - 50px);
  22095. }
  22096. .stageItemTitle > div:first-child {
  22097. font-size: 16px;
  22098. font-weight: bold;
  22099. min-width: 55px;
  22100. }
  22101. .stageItemTitle > div:last-child {
  22102. font-size: 15px;
  22103. font-weight: 600;
  22104. max-width: 242px;
  22105. white-space: nowrap;
  22106. overflow: hidden;
  22107. text-overflow: ellipsis;
  22108. word-break: break-word;
  22109. width: calc(100% - 55px);
  22110. }
  22111. .closeTri,
  22112. .closeTri1 {
  22113. min-width: 15px;
  22114. width: 15px;
  22115. height: 15px;
  22116. }
  22117. .closeTri1 {
  22118. padding-left: 10px;
  22119. cursor: pointer;
  22120. }
  22121. .closeTri > img,
  22122. .closeTri1 > img {
  22123. width: 100%;
  22124. height: 100%;
  22125. }
  22126. .noToolBlue {
  22127. min-width: 10px;
  22128. width: 10px;
  22129. height: 10px;
  22130. background: #0061ff;
  22131. border-radius: 50%;
  22132. margin-left: 13px;
  22133. }
  22134. .stageChild,
  22135. .toolChild {
  22136. height: 0;
  22137. overflow: hidden;
  22138. transition: all 0.5s;
  22139. }
  22140. .toolChild {
  22141. margin: 0 0 0 17px;
  22142. padding: 0 0 0 20px;
  22143. border-left: 1px solid #d7d7d7;
  22144. }
  22145. .gjCss {
  22146. display: flex;
  22147. flex-direction: row;
  22148. flex-wrap: nowrap;
  22149. align-items: center;
  22150. padding: 15px 0;
  22151. box-sizing: border-box;
  22152. font-size: 14px;
  22153. cursor: pointer;
  22154. }
  22155. .toolChild > div {
  22156. position: relative;
  22157. }
  22158. .toolChild > div::before {
  22159. content: "";
  22160. width: 15px;
  22161. height: 1px;
  22162. background: #cad1dc;
  22163. position: absolute;
  22164. top: 24px;
  22165. left: -20px;
  22166. display: block;
  22167. }
  22168. .isGjCss {
  22169. color: #0061ff;
  22170. }
  22171. .navItem {
  22172. background: #ffffff;
  22173. border-radius: 4px;
  22174. width: 100%;
  22175. margin: 10px auto 0;
  22176. position: relative;
  22177. height: 40px;
  22178. display: flex;
  22179. flex-direction: row;
  22180. flex-wrap: nowrap;
  22181. align-items: center;
  22182. }
  22183. .navItemList {
  22184. display: flex;
  22185. flex-direction: row;
  22186. flex-wrap: nowrap;
  22187. align-items: center;
  22188. padding: 0 13px;
  22189. cursor: pointer;
  22190. width: calc(100% - 60px);
  22191. height: 100%;
  22192. }
  22193. .navItemList > div:first-child {
  22194. min-width: 60px;
  22195. }
  22196. .navItemList > div:last-child {
  22197. width: calc(100% - 80px);
  22198. white-space: nowrap;
  22199. overflow: hidden;
  22200. text-overflow: ellipsis;
  22201. word-break: break-word;
  22202. }
  22203. /* .isItemList > div {
  22204. color: #fff !important;
  22205. } */
  22206. .tool_work_box {
  22207. width: 100%;
  22208. padding: 0 37px 0;
  22209. box-sizing: border-box;
  22210. }
  22211. .tool_box {
  22212. width: 100%;
  22213. padding: 0 0 0 20px;
  22214. }
  22215. .tool_type_box {
  22216. display: flex;
  22217. flex-direction: row;
  22218. align-items: baseline;
  22219. flex-wrap: nowrap;
  22220. justify-content: flex-start;
  22221. position: relative;
  22222. }
  22223. .toolSort {
  22224. display: flex;
  22225. flex-direction: row;
  22226. flex-wrap: wrap;
  22227. justify-content: flex-start;
  22228. align-items: flex-start;
  22229. padding: 0 0 15px 0;
  22230. }
  22231. .toolSort > div {
  22232. margin: 0 10px 0 0;
  22233. width: 135px;
  22234. box-sizing: border-box;
  22235. border: 2px solid transparent;
  22236. }
  22237. .tools {
  22238. width: 100%;
  22239. display: flex;
  22240. flex-direction: column;
  22241. flex-wrap: nowrap;
  22242. align-items: flex-start;
  22243. }
  22244. .whiteBIcon {
  22245. width: fit-content;
  22246. cursor: pointer;
  22247. display: flex;
  22248. flex-direction: column;
  22249. flex-wrap: nowrap;
  22250. align-items: center;
  22251. font-size: 14px;
  22252. }
  22253. .tool:hover {
  22254. border: 2px solid #a5c7ff;
  22255. border-radius: 5px;
  22256. }
  22257. .whiteBIcon > img {
  22258. width: 65px;
  22259. height: 100%;
  22260. }
  22261. .whiteBIcon > img {
  22262. box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
  22263. border-radius: 15px;
  22264. }
  22265. .check {
  22266. /* width: 20px;
  22267. height: 20px; */
  22268. cursor: pointer;
  22269. margin: 10px 0;
  22270. position: absolute;
  22271. right: 2px;
  22272. top: -5px;
  22273. }
  22274. .noChoose,
  22275. .isChoose {
  22276. width: 15px;
  22277. height: 15px;
  22278. border-radius: 50%;
  22279. border: 1px solid #adadad;
  22280. }
  22281. .isChoose {
  22282. border: 4px solid #0363ff !important;
  22283. width: 10px;
  22284. height: 10px;
  22285. }
  22286. .isToolChoose {
  22287. border: 2px solid #5394ff !important;
  22288. border-radius: 5px;
  22289. box-shadow: 0 0 6px 0px #5394ff;
  22290. }
  22291. .checkDiv {
  22292. display: flex;
  22293. align-items: center;
  22294. }
  22295. .checkDiv span {
  22296. margin-left: 5px;
  22297. color: #858585;
  22298. }
  22299. .check img {
  22300. width: 20px;
  22301. height: 20px;
  22302. }
  22303. .lockTaskIcon {
  22304. width: 20px;
  22305. height: 20px;
  22306. position: absolute;
  22307. right: 10px;
  22308. top: 5px;
  22309. }
  22310. .lockTaskIcon > img {
  22311. width: 100%;
  22312. height: 100%;
  22313. }
  22314. .pick_box {
  22315. display: flex;
  22316. align-items: flex-start;
  22317. flex-wrap: wrap;
  22318. }
  22319. .selectBox {
  22320. width: 110px;
  22321. margin-left: 10px;
  22322. margin: 0 10px 0 auto;
  22323. }
  22324. .selectBox >>> .el-input__inner {
  22325. height: 30px;
  22326. line-height: 30px;
  22327. }
  22328. .selectBox >>> .el-input__icon {
  22329. line-height: 30px;
  22330. }
  22331. .sentenceTitle {
  22332. display: flex;
  22333. flex-direction: row;
  22334. flex-wrap: nowrap;
  22335. align-items: center;
  22336. }
  22337. .sentenceTitle::before {
  22338. content: attr(index);
  22339. background: #3681fc;
  22340. border-radius: 50%;
  22341. color: #fff;
  22342. width: 25px;
  22343. height: 25px;
  22344. min-width: 25px;
  22345. min-height: 25px;
  22346. text-align: center;
  22347. line-height: 25px;
  22348. margin-right: 5px;
  22349. }
  22350. .hfBox {
  22351. padding: 10px;
  22352. box-sizing: border-box;
  22353. }
  22354. .whoReplyWho {
  22355. display: flex;
  22356. flex-direction: row;
  22357. flex-wrap: nowrap;
  22358. align-items: baseline;
  22359. justify-content: flex-start;
  22360. }
  22361. .hfBottom {
  22362. display: flex;
  22363. flex-direction: row;
  22364. flex-wrap: nowrap;
  22365. align-items: center;
  22366. justify-content: space-between;
  22367. font-size: 14px;
  22368. }
  22369. .deleteHfItem {
  22370. cursor: pointer;
  22371. width: 20px;
  22372. height: 20px;
  22373. }
  22374. .deleteHfItem > img {
  22375. width: 100%;
  22376. height: 100%;
  22377. }
  22378. .whoReplyWho > .hfImg {
  22379. width: 12px;
  22380. height: 12px;
  22381. margin: 0 5px;
  22382. }
  22383. .whoReplyWho > .hfImg > img {
  22384. width: 100%;
  22385. height: 100%;
  22386. }
  22387. .hfContent {
  22388. padding-top: 10px;
  22389. box-sizing: border-box;
  22390. display: -webkit-box;
  22391. overflow: hidden;
  22392. white-space: normal !important;
  22393. text-overflow: ellipsis;
  22394. word-wrap: break-word;
  22395. -webkit-box-orient: vertical;
  22396. }
  22397. .hfTime {
  22398. text-align: left;
  22399. box-sizing: border-box;
  22400. padding: 10px 0 10px 0px;
  22401. color: #bfbfbf;
  22402. font-size: 14px;
  22403. }
  22404. .btnAllNT {
  22405. position: fixed;
  22406. bottom: 100px;
  22407. right: 40px;
  22408. z-index: 999;
  22409. display: flex;
  22410. flex-direction: row;
  22411. }
  22412. .btnAllNT > img {
  22413. cursor: pointer;
  22414. width: 80px;
  22415. }
  22416. .toolMask {
  22417. position: fixed;
  22418. width: 100%;
  22419. height: 100%;
  22420. background: #3f3c3c;
  22421. opacity: 0.5;
  22422. top: 0;
  22423. left: 0;
  22424. z-index: 999;
  22425. }
  22426. .addToolCss {
  22427. position: fixed;
  22428. z-index: 999;
  22429. background: #fff;
  22430. right: 5%;
  22431. bottom: 18%;
  22432. min-width: 1035px;
  22433. min-height: 300px;
  22434. border-radius: 10px;
  22435. box-shadow: 0 0 8px 1px #b2b2b2;
  22436. }
  22437. .toolTop {
  22438. display: flex;
  22439. flex-direction: row;
  22440. flex-wrap: nowrap;
  22441. justify-content: space-between;
  22442. align-items: center;
  22443. padding: 20px;
  22444. }
  22445. .toolTop > div:nth-child(2) {
  22446. width: 15px;
  22447. height: 15px;
  22448. padding-right: 10px;
  22449. cursor: pointer;
  22450. }
  22451. .toolTop > div:nth-child(2) > img {
  22452. width: 100%;
  22453. height: 100%;
  22454. }
  22455. .fullStyle>>>.el-dialog__body {
  22456. height: calc(100% - 125px) !important;
  22457. box-sizing: border-box;
  22458. padding: 30px 0 !important;
  22459. background: #fff !important;
  22460. }
  22461. .fullStyle>>>.el-dialog {
  22462. width: 100% !important;
  22463. max-width: 100% !important;
  22464. height: 100% !important;
  22465. margin: 0 !important;
  22466. }
  22467. .fullStyle {
  22468. width: 100% !important;
  22469. max-width: 100% !important;
  22470. height: 100% !important;
  22471. margin: 0 auto !important;
  22472. }
  22473. .fullStyle>>>.el-dialog__footer{
  22474. background: #fff !important;
  22475. }
  22476. .engUpBox {
  22477. width: 100%;
  22478. height: 100%;
  22479. }
  22480. .engTitle,
  22481. .engText {
  22482. display: flex;
  22483. flex-direction: row;
  22484. flex-wrap: nowrap;
  22485. align-items: flex-start;
  22486. padding: 0 20px 20px 20px;
  22487. box-sizing: border-box;
  22488. }
  22489. .engTitle > .div:first-child,
  22490. .engText > div:first-child {
  22491. min-width: 75px;
  22492. }
  22493. .correctBox{
  22494. width: 100%;
  22495. display: flex;
  22496. flex-direction: row;
  22497. flex-wrap: nowrap;
  22498. align-items: flex-start;
  22499. }
  22500. .oldBox{
  22501. width: 50%;
  22502. height: 100%;
  22503. display: flex;
  22504. flex-direction: column;
  22505. flex-wrap: nowrap;
  22506. align-items: center;
  22507. border-top: 1px solid #d9d9d9;
  22508. border-left: 1px solid #d9d9d9;
  22509. border-right: 1px solid #d9d9d9;
  22510. }
  22511. .oldBox>div:first-child{
  22512. width: 100%;
  22513. text-align: center;
  22514. background: #d9d9d9;
  22515. height: 35px;
  22516. line-height: 35px;
  22517. font-weight: bold;
  22518. }
  22519. .oldText{
  22520. width: 100%;
  22521. height: 100%;
  22522. display: flex;
  22523. flex-direction: column;
  22524. flex-wrap: nowrap;
  22525. align-content: center;
  22526. justify-content: center;
  22527. align-items: center;
  22528. }
  22529. .detailBox{
  22530. width: 50%;
  22531. padding: 10px;
  22532. background: #f6f6f6;
  22533. border-radius: 5px;
  22534. }
  22535. .oldDetail{
  22536. padding-bottom: 30px;
  22537. }
  22538. .allName{
  22539. min-width: 200px;
  22540. white-space: nowrap;
  22541. overflow: hidden;
  22542. text-overflow: ellipsis;
  22543. word-break: break-word;
  22544. cursor: pointer;
  22545. text-align: center;
  22546. border: 1px solid #bcc2cc;
  22547. box-sizing: border-box;
  22548. }
  22549. </style>