studyStudent.vue 762 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063140641406514066140671406814069140701407114072140731407414075140761407714078140791408014081140821408314084140851408614087140881408914090140911409214093140941409514096140971409814099141001410114102141031410414105141061410714108141091411014111141121411314114141151411614117141181411914120141211412214123141241412514126141271412814129141301413114132141331413414135141361413714138141391414014141141421414314144141451414614147141481414914150141511415214153141541415514156141571415814159141601416114162141631416414165141661416714168141691417014171141721417314174141751417614177141781417914180141811418214183141841418514186141871418814189141901419114192141931419414195141961419714198141991420014201142021420314204142051420614207142081420914210142111421214213142141421514216142171421814219142201422114222142231422414225142261422714228142291423014231142321423314234142351423614237142381423914240142411424214243142441424514246142471424814249142501425114252142531425414255142561425714258142591426014261142621426314264142651426614267142681426914270142711427214273142741427514276142771427814279142801428114282142831428414285142861428714288142891429014291142921429314294142951429614297142981429914300143011430214303143041430514306143071430814309143101431114312143131431414315143161431714318143191432014321143221432314324143251432614327143281432914330143311433214333143341433514336143371433814339143401434114342143431434414345143461434714348143491435014351143521435314354143551435614357143581435914360143611436214363143641436514366143671436814369143701437114372143731437414375143761437714378143791438014381143821438314384143851438614387143881438914390143911439214393143941439514396143971439814399144001440114402144031440414405144061440714408144091441014411144121441314414144151441614417144181441914420144211442214423144241442514426144271442814429144301443114432144331443414435144361443714438144391444014441144421444314444144451444614447144481444914450144511445214453144541445514456144571445814459144601446114462144631446414465144661446714468144691447014471144721447314474144751447614477144781447914480144811448214483144841448514486144871448814489144901449114492144931449414495144961449714498144991450014501145021450314504145051450614507145081450914510145111451214513145141451514516145171451814519145201452114522145231452414525145261452714528145291453014531145321453314534145351453614537145381453914540145411454214543145441454514546145471454814549145501455114552145531455414555145561455714558145591456014561145621456314564145651456614567145681456914570145711457214573145741457514576145771457814579145801458114582145831458414585145861458714588145891459014591145921459314594145951459614597145981459914600146011460214603146041460514606146071460814609146101461114612146131461414615146161461714618146191462014621146221462314624146251462614627146281462914630146311463214633146341463514636146371463814639146401464114642146431464414645146461464714648146491465014651146521465314654146551465614657146581465914660146611466214663146641466514666146671466814669146701467114672146731467414675146761467714678146791468014681146821468314684146851468614687146881468914690146911469214693146941469514696146971469814699147001470114702147031470414705147061470714708147091471014711147121471314714147151471614717147181471914720147211472214723147241472514726147271472814729147301473114732147331473414735147361473714738147391474014741147421474314744147451474614747147481474914750147511475214753147541475514756147571475814759147601476114762147631476414765147661476714768147691477014771147721477314774147751477614777147781477914780147811478214783147841478514786147871478814789147901479114792147931479414795147961479714798147991480014801148021480314804148051480614807148081480914810148111481214813148141481514816148171481814819148201482114822148231482414825148261482714828148291483014831148321483314834148351483614837148381483914840148411484214843148441484514846148471484814849148501485114852148531485414855148561485714858148591486014861148621486314864148651486614867148681486914870148711487214873148741487514876148771487814879148801488114882148831488414885148861488714888148891489014891148921489314894148951489614897148981489914900149011490214903149041490514906149071490814909149101491114912149131491414915149161491714918149191492014921149221492314924149251492614927149281492914930149311493214933149341493514936149371493814939149401494114942149431494414945149461494714948149491495014951149521495314954149551495614957149581495914960149611496214963149641496514966149671496814969149701497114972149731497414975149761497714978149791498014981149821498314984149851498614987149881498914990149911499214993149941499514996149971499814999150001500115002150031500415005150061500715008150091501015011150121501315014150151501615017150181501915020150211502215023150241502515026150271502815029150301503115032150331503415035150361503715038150391504015041150421504315044150451504615047150481504915050150511505215053150541505515056150571505815059150601506115062150631506415065150661506715068150691507015071150721507315074150751507615077150781507915080150811508215083150841508515086150871508815089150901509115092150931509415095150961509715098150991510015101151021510315104151051510615107151081510915110151111511215113151141511515116151171511815119151201512115122151231512415125151261512715128151291513015131151321513315134151351513615137151381513915140151411514215143151441514515146151471514815149151501515115152151531515415155151561515715158151591516015161151621516315164151651516615167151681516915170151711517215173151741517515176151771517815179151801518115182151831518415185151861518715188151891519015191151921519315194151951519615197151981519915200152011520215203152041520515206152071520815209152101521115212152131521415215152161521715218152191522015221152221522315224152251522615227152281522915230152311523215233152341523515236152371523815239152401524115242152431524415245152461524715248152491525015251152521525315254152551525615257152581525915260152611526215263152641526515266152671526815269152701527115272152731527415275152761527715278152791528015281152821528315284152851528615287152881528915290152911529215293152941529515296152971529815299153001530115302153031530415305153061530715308153091531015311153121531315314153151531615317153181531915320153211532215323153241532515326153271532815329153301533115332153331533415335153361533715338153391534015341153421534315344153451534615347153481534915350153511535215353153541535515356153571535815359153601536115362153631536415365153661536715368153691537015371153721537315374153751537615377153781537915380153811538215383153841538515386153871538815389153901539115392153931539415395153961539715398153991540015401154021540315404154051540615407154081540915410154111541215413154141541515416154171541815419154201542115422154231542415425154261542715428154291543015431154321543315434154351543615437154381543915440154411544215443154441544515446154471544815449154501545115452154531545415455154561545715458154591546015461154621546315464154651546615467154681546915470154711547215473154741547515476154771547815479154801548115482154831548415485154861548715488154891549015491154921549315494154951549615497154981549915500155011550215503155041550515506155071550815509155101551115512155131551415515155161551715518155191552015521155221552315524155251552615527155281552915530155311553215533155341553515536155371553815539155401554115542155431554415545155461554715548155491555015551155521555315554155551555615557155581555915560155611556215563155641556515566155671556815569155701557115572155731557415575155761557715578155791558015581155821558315584155851558615587155881558915590155911559215593155941559515596155971559815599156001560115602156031560415605156061560715608156091561015611156121561315614156151561615617156181561915620156211562215623156241562515626156271562815629156301563115632156331563415635156361563715638156391564015641156421564315644156451564615647156481564915650156511565215653156541565515656156571565815659156601566115662156631566415665156661566715668156691567015671156721567315674156751567615677156781567915680156811568215683156841568515686156871568815689156901569115692156931569415695156961569715698156991570015701157021570315704157051570615707157081570915710157111571215713157141571515716157171571815719157201572115722157231572415725157261572715728157291573015731157321573315734157351573615737157381573915740157411574215743157441574515746157471574815749157501575115752157531575415755157561575715758157591576015761157621576315764157651576615767157681576915770157711577215773157741577515776157771577815779157801578115782157831578415785157861578715788157891579015791157921579315794157951579615797157981579915800158011580215803158041580515806158071580815809158101581115812158131581415815158161581715818158191582015821158221582315824158251582615827158281582915830158311583215833158341583515836158371583815839158401584115842158431584415845158461584715848158491585015851158521585315854158551585615857158581585915860158611586215863158641586515866158671586815869158701587115872158731587415875158761587715878158791588015881158821588315884158851588615887158881588915890158911589215893158941589515896158971589815899159001590115902159031590415905159061590715908159091591015911159121591315914159151591615917159181591915920159211592215923159241592515926159271592815929159301593115932159331593415935159361593715938159391594015941159421594315944159451594615947159481594915950159511595215953159541595515956159571595815959159601596115962159631596415965159661596715968159691597015971159721597315974159751597615977159781597915980159811598215983159841598515986159871598815989159901599115992159931599415995159961599715998159991600016001160021600316004160051600616007160081600916010160111601216013160141601516016160171601816019160201602116022160231602416025160261602716028160291603016031160321603316034160351603616037160381603916040160411604216043160441604516046160471604816049160501605116052160531605416055160561605716058160591606016061160621606316064160651606616067160681606916070160711607216073160741607516076160771607816079160801608116082160831608416085160861608716088160891609016091160921609316094160951609616097160981609916100161011610216103161041610516106161071610816109161101611116112161131611416115161161611716118161191612016121161221612316124161251612616127161281612916130161311613216133161341613516136161371613816139161401614116142161431614416145161461614716148161491615016151161521615316154161551615616157161581615916160161611616216163161641616516166161671616816169161701617116172161731617416175161761617716178161791618016181161821618316184161851618616187161881618916190161911619216193161941619516196161971619816199162001620116202162031620416205162061620716208162091621016211162121621316214162151621616217162181621916220162211622216223162241622516226162271622816229162301623116232162331623416235162361623716238162391624016241162421624316244162451624616247162481624916250162511625216253162541625516256162571625816259162601626116262162631626416265162661626716268162691627016271162721627316274162751627616277162781627916280162811628216283162841628516286162871628816289162901629116292162931629416295162961629716298162991630016301163021630316304163051630616307163081630916310163111631216313163141631516316163171631816319163201632116322163231632416325163261632716328163291633016331163321633316334163351633616337163381633916340163411634216343163441634516346163471634816349163501635116352163531635416355163561635716358163591636016361163621636316364163651636616367163681636916370163711637216373163741637516376163771637816379163801638116382163831638416385163861638716388163891639016391163921639316394163951639616397163981639916400164011640216403164041640516406164071640816409164101641116412164131641416415164161641716418164191642016421164221642316424164251642616427164281642916430164311643216433164341643516436164371643816439164401644116442164431644416445164461644716448164491645016451164521645316454164551645616457164581645916460164611646216463164641646516466164671646816469164701647116472164731647416475164761647716478164791648016481164821648316484164851648616487164881648916490164911649216493164941649516496164971649816499165001650116502165031650416505165061650716508165091651016511165121651316514165151651616517165181651916520165211652216523165241652516526165271652816529165301653116532165331653416535165361653716538165391654016541165421654316544165451654616547165481654916550165511655216553165541655516556165571655816559165601656116562165631656416565165661656716568165691657016571165721657316574165751657616577165781657916580165811658216583165841658516586165871658816589165901659116592165931659416595165961659716598165991660016601166021660316604166051660616607166081660916610166111661216613166141661516616166171661816619166201662116622166231662416625166261662716628166291663016631166321663316634166351663616637166381663916640166411664216643166441664516646166471664816649166501665116652166531665416655166561665716658166591666016661166621666316664166651666616667166681666916670166711667216673166741667516676166771667816679166801668116682166831668416685166861668716688166891669016691166921669316694166951669616697166981669916700167011670216703167041670516706167071670816709167101671116712167131671416715167161671716718167191672016721167221672316724167251672616727167281672916730167311673216733167341673516736167371673816739167401674116742167431674416745167461674716748167491675016751167521675316754167551675616757167581675916760167611676216763167641676516766167671676816769167701677116772167731677416775167761677716778167791678016781167821678316784167851678616787167881678916790167911679216793167941679516796167971679816799168001680116802168031680416805168061680716808168091681016811168121681316814168151681616817168181681916820168211682216823168241682516826168271682816829168301683116832168331683416835168361683716838168391684016841168421684316844168451684616847168481684916850168511685216853168541685516856168571685816859168601686116862168631686416865168661686716868168691687016871168721687316874168751687616877168781687916880168811688216883168841688516886168871688816889168901689116892168931689416895168961689716898168991690016901169021690316904169051690616907169081690916910169111691216913169141691516916169171691816919169201692116922169231692416925169261692716928169291693016931169321693316934169351693616937169381693916940169411694216943169441694516946169471694816949169501695116952169531695416955169561695716958169591696016961169621696316964169651696616967169681696916970169711697216973169741697516976169771697816979169801698116982169831698416985169861698716988169891699016991169921699316994169951699616997169981699917000170011700217003170041700517006170071700817009170101701117012170131701417015170161701717018170191702017021170221702317024170251702617027170281702917030170311703217033170341703517036170371703817039170401704117042170431704417045170461704717048170491705017051170521705317054170551705617057170581705917060170611706217063170641706517066170671706817069170701707117072170731707417075170761707717078170791708017081170821708317084170851708617087170881708917090170911709217093170941709517096170971709817099171001710117102171031710417105171061710717108171091711017111171121711317114171151711617117171181711917120171211712217123171241712517126171271712817129171301713117132171331713417135171361713717138171391714017141171421714317144171451714617147171481714917150171511715217153171541715517156171571715817159171601716117162171631716417165171661716717168171691717017171171721717317174171751717617177171781717917180171811718217183171841718517186171871718817189171901719117192171931719417195171961719717198171991720017201172021720317204172051720617207172081720917210172111721217213172141721517216172171721817219172201722117222172231722417225172261722717228172291723017231172321723317234172351723617237172381723917240172411724217243172441724517246172471724817249172501725117252172531725417255172561725717258172591726017261172621726317264172651726617267172681726917270172711727217273172741727517276172771727817279172801728117282172831728417285172861728717288172891729017291172921729317294172951729617297172981729917300173011730217303173041730517306173071730817309173101731117312173131731417315173161731717318173191732017321173221732317324173251732617327173281732917330173311733217333173341733517336173371733817339173401734117342173431734417345173461734717348173491735017351173521735317354173551735617357173581735917360173611736217363173641736517366173671736817369173701737117372173731737417375173761737717378173791738017381173821738317384173851738617387173881738917390173911739217393173941739517396173971739817399174001740117402174031740417405174061740717408174091741017411174121741317414174151741617417174181741917420174211742217423174241742517426174271742817429174301743117432174331743417435174361743717438174391744017441174421744317444174451744617447174481744917450174511745217453174541745517456174571745817459174601746117462174631746417465174661746717468174691747017471174721747317474174751747617477174781747917480174811748217483174841748517486174871748817489174901749117492174931749417495174961749717498174991750017501175021750317504175051750617507175081750917510175111751217513175141751517516175171751817519175201752117522175231752417525175261752717528175291753017531175321753317534175351753617537175381753917540175411754217543175441754517546175471754817549175501755117552175531755417555175561755717558175591756017561175621756317564175651756617567175681756917570175711757217573175741757517576175771757817579175801758117582175831758417585175861758717588175891759017591175921759317594175951759617597175981759917600176011760217603176041760517606176071760817609176101761117612176131761417615176161761717618176191762017621176221762317624176251762617627176281762917630176311763217633176341763517636176371763817639176401764117642176431764417645176461764717648176491765017651176521765317654176551765617657176581765917660176611766217663176641766517666176671766817669176701767117672176731767417675176761767717678176791768017681176821768317684176851768617687176881768917690176911769217693176941769517696176971769817699177001770117702177031770417705177061770717708177091771017711177121771317714177151771617717177181771917720177211772217723177241772517726177271772817729177301773117732177331773417735177361773717738177391774017741177421774317744177451774617747177481774917750177511775217753177541775517756177571775817759177601776117762177631776417765177661776717768177691777017771177721777317774177751777617777177781777917780177811778217783177841778517786177871778817789177901779117792177931779417795177961779717798177991780017801178021780317804178051780617807178081780917810178111781217813178141781517816178171781817819178201782117822178231782417825178261782717828178291783017831178321783317834178351783617837178381783917840178411784217843178441784517846178471784817849178501785117852178531785417855178561785717858178591786017861178621786317864178651786617867178681786917870178711787217873178741787517876178771787817879178801788117882178831788417885178861788717888178891789017891178921789317894178951789617897178981789917900179011790217903179041790517906179071790817909179101791117912179131791417915179161791717918179191792017921179221792317924179251792617927179281792917930179311793217933179341793517936179371793817939179401794117942179431794417945179461794717948179491795017951179521795317954179551795617957179581795917960179611796217963179641796517966179671796817969179701797117972179731797417975179761797717978179791798017981179821798317984179851798617987179881798917990179911799217993179941799517996179971799817999180001800118002180031800418005180061800718008180091801018011180121801318014180151801618017180181801918020180211802218023180241802518026180271802818029180301803118032180331803418035180361803718038180391804018041180421804318044180451804618047180481804918050180511805218053180541805518056180571805818059180601806118062180631806418065180661806718068180691807018071180721807318074180751807618077180781807918080180811808218083180841808518086180871808818089180901809118092180931809418095180961809718098180991810018101181021810318104181051810618107181081810918110181111811218113181141811518116181171811818119181201812118122181231812418125181261812718128181291813018131181321813318134181351813618137181381813918140181411814218143181441814518146181471814818149181501815118152181531815418155181561815718158181591816018161181621816318164181651816618167181681816918170181711817218173181741817518176181771817818179181801818118182181831818418185181861818718188181891819018191181921819318194181951819618197181981819918200182011820218203182041820518206182071820818209182101821118212182131821418215182161821718218182191822018221182221822318224182251822618227182281822918230182311823218233182341823518236182371823818239182401824118242182431824418245182461824718248182491825018251182521825318254182551825618257182581825918260182611826218263182641826518266182671826818269182701827118272182731827418275182761827718278182791828018281182821828318284182851828618287182881828918290182911829218293182941829518296182971829818299183001830118302183031830418305183061830718308183091831018311183121831318314183151831618317183181831918320183211832218323183241832518326183271832818329183301833118332183331833418335183361833718338183391834018341183421834318344183451834618347183481834918350183511835218353183541835518356183571835818359183601836118362183631836418365183661836718368183691837018371183721837318374183751837618377183781837918380183811838218383183841838518386183871838818389183901839118392183931839418395183961839718398183991840018401184021840318404184051840618407184081840918410184111841218413184141841518416184171841818419184201842118422184231842418425184261842718428184291843018431184321843318434184351843618437184381843918440184411844218443184441844518446184471844818449184501845118452184531845418455184561845718458184591846018461184621846318464184651846618467184681846918470184711847218473184741847518476184771847818479184801848118482184831848418485184861848718488184891849018491184921849318494184951849618497184981849918500185011850218503185041850518506185071850818509185101851118512185131851418515185161851718518185191852018521185221852318524185251852618527185281852918530185311853218533185341853518536185371853818539185401854118542185431854418545185461854718548185491855018551185521855318554185551855618557185581855918560185611856218563185641856518566185671856818569185701857118572185731857418575185761857718578185791858018581185821858318584185851858618587185881858918590185911859218593185941859518596185971859818599186001860118602186031860418605186061860718608186091861018611186121861318614186151861618617186181861918620186211862218623186241862518626186271862818629186301863118632186331863418635186361863718638186391864018641186421864318644186451864618647186481864918650186511865218653186541865518656186571865818659186601866118662186631866418665186661866718668186691867018671186721867318674186751867618677186781867918680186811868218683186841868518686186871868818689186901869118692186931869418695186961869718698186991870018701187021870318704187051870618707187081870918710187111871218713187141871518716187171871818719187201872118722187231872418725187261872718728187291873018731187321873318734187351873618737187381873918740187411874218743187441874518746187471874818749187501875118752187531875418755187561875718758187591876018761187621876318764187651876618767187681876918770187711877218773187741877518776187771877818779187801878118782187831878418785187861878718788187891879018791187921879318794187951879618797187981879918800188011880218803188041880518806188071880818809188101881118812188131881418815188161881718818188191882018821188221882318824188251882618827188281882918830188311883218833188341883518836188371883818839188401884118842188431884418845188461884718848188491885018851188521885318854188551885618857188581885918860188611886218863188641886518866188671886818869188701887118872188731887418875188761887718878188791888018881188821888318884188851888618887188881888918890188911889218893188941889518896188971889818899189001890118902189031890418905189061890718908189091891018911189121891318914189151891618917189181891918920189211892218923189241892518926189271892818929189301893118932189331893418935189361893718938189391894018941189421894318944189451894618947189481894918950189511895218953189541895518956189571895818959189601896118962189631896418965189661896718968189691897018971189721897318974189751897618977189781897918980189811898218983189841898518986189871898818989189901899118992189931899418995189961899718998189991900019001190021900319004190051900619007190081900919010190111901219013190141901519016190171901819019190201902119022190231902419025190261902719028190291903019031190321903319034190351903619037190381903919040190411904219043190441904519046190471904819049190501905119052190531905419055190561905719058190591906019061190621906319064190651906619067190681906919070190711907219073190741907519076190771907819079190801908119082190831908419085190861908719088190891909019091190921909319094190951909619097190981909919100191011910219103191041910519106191071910819109191101911119112191131911419115191161911719118191191912019121191221912319124191251912619127191281912919130191311913219133191341913519136191371913819139191401914119142191431914419145191461914719148191491915019151191521915319154191551915619157191581915919160191611916219163191641916519166191671916819169191701917119172191731917419175191761917719178191791918019181191821918319184191851918619187191881918919190191911919219193191941919519196191971919819199192001920119202192031920419205192061920719208192091921019211192121921319214192151921619217192181921919220192211922219223192241922519226192271922819229192301923119232192331923419235192361923719238192391924019241192421924319244192451924619247192481924919250192511925219253192541925519256192571925819259192601926119262192631926419265192661926719268192691927019271192721927319274192751927619277192781927919280192811928219283192841928519286192871928819289192901929119292192931929419295192961929719298192991930019301193021930319304193051930619307193081930919310193111931219313193141931519316193171931819319193201932119322193231932419325193261932719328193291933019331193321933319334193351933619337193381933919340193411934219343193441934519346193471934819349193501935119352193531935419355193561935719358193591936019361193621936319364193651936619367193681936919370193711937219373193741937519376193771937819379193801938119382193831938419385193861938719388193891939019391193921939319394193951939619397193981939919400194011940219403194041940519406194071940819409194101941119412194131941419415194161941719418194191942019421194221942319424194251942619427194281942919430194311943219433194341943519436194371943819439194401944119442194431944419445194461944719448194491945019451194521945319454194551945619457194581945919460194611946219463194641946519466194671946819469194701947119472194731947419475194761947719478194791948019481194821948319484194851948619487194881948919490194911949219493194941949519496194971949819499195001950119502195031950419505195061950719508195091951019511195121951319514195151951619517195181951919520195211952219523195241952519526195271952819529195301953119532195331953419535195361953719538195391954019541195421954319544195451954619547195481954919550195511955219553195541955519556195571955819559195601956119562195631956419565195661956719568195691957019571195721957319574195751957619577195781957919580195811958219583195841958519586195871958819589195901959119592195931959419595195961959719598195991960019601196021960319604196051960619607196081960919610196111961219613196141961519616196171961819619196201962119622196231962419625196261962719628196291963019631196321963319634196351963619637196381963919640196411964219643196441964519646196471964819649196501965119652196531965419655196561965719658196591966019661196621966319664196651966619667196681966919670196711967219673196741967519676196771967819679196801968119682196831968419685196861968719688196891969019691196921969319694196951969619697196981969919700197011970219703197041970519706197071970819709197101971119712197131971419715197161971719718197191972019721197221972319724197251972619727197281972919730197311973219733197341973519736197371973819739197401974119742197431974419745197461974719748197491975019751197521975319754197551975619757197581975919760197611976219763197641976519766197671976819769197701977119772197731977419775197761977719778197791978019781197821978319784197851978619787197881978919790197911979219793197941979519796197971979819799198001980119802198031980419805198061980719808198091981019811198121981319814198151981619817198181981919820198211982219823198241982519826198271982819829198301983119832198331983419835198361983719838198391984019841198421984319844198451984619847198481984919850198511985219853198541985519856198571985819859198601986119862198631986419865198661986719868198691987019871198721987319874198751987619877198781987919880198811988219883198841988519886198871988819889198901989119892198931989419895198961989719898198991990019901199021990319904199051990619907199081990919910199111991219913199141991519916199171991819919199201992119922199231992419925199261992719928199291993019931199321993319934199351993619937199381993919940199411994219943199441994519946199471994819949199501995119952199531995419955199561995719958199591996019961199621996319964199651996619967199681996919970199711997219973199741997519976199771997819979199801998119982199831998419985199861998719988199891999019991199921999319994199951999619997199981999920000200012000220003200042000520006200072000820009200102001120012200132001420015200162001720018200192002020021200222002320024200252002620027200282002920030200312003220033200342003520036200372003820039200402004120042200432004420045200462004720048200492005020051200522005320054200552005620057200582005920060200612006220063200642006520066200672006820069200702007120072200732007420075200762007720078200792008020081200822008320084200852008620087200882008920090200912009220093200942009520096200972009820099201002010120102201032010420105201062010720108201092011020111201122011320114201152011620117201182011920120201212012220123201242012520126201272012820129201302013120132201332013420135201362013720138201392014020141201422014320144201452014620147201482014920150201512015220153201542015520156201572015820159201602016120162201632016420165201662016720168201692017020171201722017320174201752017620177201782017920180201812018220183201842018520186201872018820189201902019120192201932019420195201962019720198201992020020201202022020320204202052020620207202082020920210202112021220213202142021520216202172021820219202202022120222202232022420225202262022720228202292023020231202322023320234202352023620237202382023920240202412024220243202442024520246202472024820249202502025120252202532025420255202562025720258202592026020261202622026320264202652026620267202682026920270202712027220273202742027520276202772027820279202802028120282202832028420285202862028720288202892029020291202922029320294202952029620297202982029920300203012030220303203042030520306203072030820309203102031120312203132031420315203162031720318203192032020321203222032320324203252032620327203282032920330203312033220333203342033520336203372033820339203402034120342203432034420345203462034720348203492035020351203522035320354203552035620357203582035920360203612036220363203642036520366203672036820369203702037120372203732037420375203762037720378203792038020381203822038320384203852038620387203882038920390203912039220393203942039520396203972039820399204002040120402204032040420405204062040720408204092041020411204122041320414204152041620417204182041920420204212042220423204242042520426204272042820429204302043120432204332043420435204362043720438204392044020441204422044320444204452044620447204482044920450204512045220453204542045520456204572045820459204602046120462204632046420465204662046720468204692047020471204722047320474204752047620477204782047920480204812048220483204842048520486204872048820489204902049120492204932049420495204962049720498204992050020501205022050320504205052050620507205082050920510205112051220513205142051520516205172051820519205202052120522205232052420525205262052720528205292053020531205322053320534205352053620537205382053920540205412054220543205442054520546205472054820549205502055120552205532055420555205562055720558205592056020561205622056320564205652056620567205682056920570205712057220573205742057520576205772057820579205802058120582205832058420585205862058720588205892059020591205922059320594205952059620597205982059920600206012060220603206042060520606206072060820609206102061120612206132061420615206162061720618206192062020621206222062320624206252062620627206282062920630206312063220633206342063520636206372063820639206402064120642206432064420645206462064720648206492065020651206522065320654206552065620657206582065920660206612066220663206642066520666206672066820669206702067120672206732067420675206762067720678206792068020681206822068320684206852068620687206882068920690206912069220693206942069520696206972069820699207002070120702207032070420705207062070720708207092071020711207122071320714207152071620717207182071920720207212072220723207242072520726207272072820729207302073120732207332073420735207362073720738207392074020741207422074320744207452074620747207482074920750207512075220753207542075520756207572075820759207602076120762207632076420765207662076720768207692077020771207722077320774207752077620777207782077920780207812078220783207842078520786207872078820789207902079120792207932079420795207962079720798207992080020801208022080320804208052080620807208082080920810208112081220813208142081520816208172081820819208202082120822208232082420825208262082720828208292083020831208322083320834208352083620837208382083920840208412084220843208442084520846208472084820849208502085120852208532085420855208562085720858208592086020861208622086320864208652086620867208682086920870208712087220873208742087520876208772087820879208802088120882208832088420885208862088720888208892089020891208922089320894208952089620897208982089920900209012090220903209042090520906209072090820909209102091120912209132091420915209162091720918209192092020921209222092320924209252092620927209282092920930209312093220933209342093520936209372093820939209402094120942209432094420945209462094720948209492095020951209522095320954209552095620957209582095920960209612096220963209642096520966209672096820969209702097120972209732097420975209762097720978209792098020981209822098320984209852098620987209882098920990209912099220993209942099520996209972099820999210002100121002210032100421005210062100721008210092101021011210122101321014210152101621017210182101921020210212102221023210242102521026210272102821029210302103121032210332103421035210362103721038210392104021041210422104321044210452104621047210482104921050210512105221053210542105521056210572105821059210602106121062210632106421065210662106721068210692107021071210722107321074210752107621077210782107921080210812108221083210842108521086210872108821089210902109121092210932109421095210962109721098210992110021101211022110321104211052110621107211082110921110211112111221113211142111521116211172111821119211202112121122211232112421125211262112721128211292113021131211322113321134211352113621137211382113921140211412114221143211442114521146211472114821149211502115121152211532115421155211562115721158211592116021161211622116321164211652116621167211682116921170211712117221173211742117521176211772117821179211802118121182211832118421185211862118721188211892119021191211922119321194211952119621197211982119921200212012120221203212042120521206212072120821209212102121121212212132121421215212162121721218212192122021221212222122321224212252122621227212282122921230212312123221233212342123521236212372123821239212402124121242212432124421245212462124721248212492125021251212522125321254212552125621257212582125921260212612126221263212642126521266212672126821269212702127121272212732127421275212762127721278212792128021281212822128321284212852128621287212882128921290212912129221293212942129521296212972129821299213002130121302213032130421305213062130721308213092131021311213122131321314213152131621317213182131921320213212132221323213242132521326213272132821329213302133121332213332133421335213362133721338213392134021341213422134321344213452134621347213482134921350213512135221353213542135521356213572135821359213602136121362213632136421365213662136721368213692137021371213722137321374213752137621377213782137921380213812138221383213842138521386213872138821389213902139121392213932139421395213962139721398213992140021401214022140321404214052140621407214082140921410214112141221413214142141521416214172141821419214202142121422214232142421425214262142721428214292143021431214322143321434214352143621437214382143921440214412144221443214442144521446214472144821449214502145121452214532145421455214562145721458214592146021461214622146321464214652146621467214682146921470214712147221473214742147521476214772147821479214802148121482214832148421485214862148721488214892149021491214922149321494214952149621497214982149921500215012150221503215042150521506215072150821509215102151121512215132151421515215162151721518215192152021521215222152321524215252152621527215282152921530215312153221533215342153521536215372153821539215402154121542215432154421545215462154721548215492155021551215522155321554215552155621557215582155921560215612156221563215642156521566215672156821569215702157121572215732157421575215762157721578215792158021581215822158321584215852158621587215882158921590215912159221593215942159521596215972159821599216002160121602216032160421605216062160721608216092161021611216122161321614216152161621617216182161921620216212162221623216242162521626216272162821629216302163121632216332163421635216362163721638216392164021641216422164321644216452164621647216482164921650216512165221653216542165521656216572165821659216602166121662216632166421665216662166721668216692167021671216722167321674216752167621677216782167921680216812168221683216842168521686216872168821689216902169121692216932169421695216962169721698216992170021701217022170321704217052170621707217082170921710217112171221713217142171521716217172171821719217202172121722217232172421725217262172721728217292173021731217322173321734217352173621737217382173921740217412174221743217442174521746217472174821749217502175121752217532175421755217562175721758217592176021761217622176321764217652176621767217682176921770217712177221773217742177521776217772177821779217802178121782217832178421785217862178721788217892179021791217922179321794217952179621797217982179921800218012180221803218042180521806218072180821809218102181121812218132181421815218162181721818218192182021821218222182321824218252182621827218282182921830218312183221833218342183521836218372183821839218402184121842218432184421845218462184721848218492185021851218522185321854218552185621857218582185921860218612186221863218642186521866218672186821869218702187121872218732187421875218762187721878218792188021881218822188321884218852188621887218882188921890218912189221893218942189521896218972189821899219002190121902219032190421905219062190721908219092191021911219122191321914219152191621917219182191921920219212192221923219242192521926219272192821929219302193121932219332193421935219362193721938219392194021941219422194321944219452194621947219482194921950219512195221953219542195521956219572195821959219602196121962219632196421965219662196721968219692197021971219722197321974219752197621977219782197921980219812198221983219842198521986219872198821989219902199121992219932199421995219962199721998219992200022001220022200322004220052200622007220082200922010220112201222013220142201522016220172201822019220202202122022220232202422025220262202722028220292203022031220322203322034220352203622037220382203922040220412204222043220442204522046220472204822049220502205122052220532205422055220562205722058220592206022061220622206322064220652206622067220682206922070220712207222073220742207522076220772207822079220802208122082220832208422085220862208722088220892209022091220922209322094220952209622097220982209922100221012210222103221042210522106221072210822109221102211122112221132211422115221162211722118221192212022121221222212322124221252212622127221282212922130221312213222133221342213522136221372213822139221402214122142221432214422145221462214722148221492215022151221522215322154221552215622157221582215922160221612216222163221642216522166221672216822169221702217122172221732217422175221762217722178221792218022181221822218322184221852218622187221882218922190221912219222193221942219522196221972219822199222002220122202222032220422205222062220722208222092221022211222122221322214222152221622217222182221922220222212222222223222242222522226222272222822229222302223122232222332223422235222362223722238222392224022241222422224322244222452224622247222482224922250222512225222253222542225522256222572225822259222602226122262222632226422265222662226722268222692227022271222722227322274222752227622277222782227922280222812228222283222842228522286222872228822289222902229122292222932229422295222962229722298222992230022301223022230322304223052230622307223082230922310223112231222313223142231522316223172231822319223202232122322223232232422325223262232722328223292233022331223322233322334223352233622337223382233922340223412234222343223442234522346223472234822349223502235122352223532235422355223562235722358223592236022361223622236322364223652236622367223682236922370223712237222373223742237522376223772237822379223802238122382223832238422385223862238722388223892239022391223922239322394223952239622397223982239922400224012240222403224042240522406224072240822409224102241122412224132241422415224162241722418224192242022421224222242322424224252242622427224282242922430224312243222433224342243522436224372243822439224402244122442224432244422445224462244722448224492245022451224522245322454224552245622457224582245922460224612246222463224642246522466224672246822469224702247122472224732247422475224762247722478224792248022481224822248322484224852248622487224882248922490224912249222493224942249522496224972249822499225002250122502225032250422505225062250722508225092251022511225122251322514225152251622517225182251922520225212252222523225242252522526225272252822529225302253122532225332253422535225362253722538225392254022541225422254322544225452254622547225482254922550225512255222553225542255522556225572255822559225602256122562225632256422565225662256722568225692257022571225722257322574225752257622577225782257922580225812258222583225842258522586225872258822589225902259122592225932259422595225962259722598225992260022601226022260322604226052260622607226082260922610226112261222613226142261522616226172261822619226202262122622226232262422625226262262722628226292263022631226322263322634226352263622637226382263922640226412264222643226442264522646226472264822649226502265122652226532265422655226562265722658226592266022661226622266322664226652266622667226682266922670226712267222673226742267522676226772267822679226802268122682226832268422685226862268722688226892269022691226922269322694226952269622697226982269922700227012270222703227042270522706227072270822709227102271122712227132271422715227162271722718227192272022721227222272322724227252272622727227282272922730227312273222733227342273522736227372273822739227402274122742227432274422745227462274722748227492275022751227522275322754227552275622757227582275922760227612276222763227642276522766227672276822769227702277122772227732277422775227762277722778227792278022781227822278322784227852278622787227882278922790227912279222793227942279522796227972279822799228002280122802228032280422805228062280722808228092281022811228122281322814228152281622817228182281922820228212282222823228242282522826228272282822829228302283122832228332283422835228362283722838228392284022841228422284322844228452284622847228482284922850228512285222853228542285522856228572285822859228602286122862228632286422865228662286722868228692287022871228722287322874228752287622877228782287922880228812288222883228842288522886228872288822889228902289122892228932289422895228962289722898228992290022901229022290322904229052290622907229082290922910229112291222913229142291522916229172291822919229202292122922229232292422925229262292722928229292293022931229322293322934229352293622937229382293922940229412294222943229442294522946229472294822949229502295122952229532295422955229562295722958229592296022961229622296322964229652296622967229682296922970229712297222973229742297522976229772297822979229802298122982229832298422985229862298722988229892299022991229922299322994229952299622997229982299923000230012300223003230042300523006230072300823009230102301123012230132301423015230162301723018230192302023021230222302323024230252302623027230282302923030230312303223033230342303523036230372303823039230402304123042230432304423045230462304723048230492305023051230522305323054230552305623057230582305923060230612306223063230642306523066230672306823069230702307123072230732307423075230762307723078230792308023081230822308323084230852308623087230882308923090230912309223093230942309523096230972309823099231002310123102231032310423105231062310723108231092311023111231122311323114231152311623117231182311923120231212312223123231242312523126231272312823129231302313123132231332313423135231362313723138231392314023141231422314323144231452314623147231482314923150231512315223153231542315523156231572315823159231602316123162231632316423165231662316723168231692317023171231722317323174231752317623177231782317923180231812318223183231842318523186231872318823189231902319123192231932319423195231962319723198231992320023201232022320323204232052320623207232082320923210232112321223213232142321523216232172321823219232202322123222232232322423225232262322723228232292323023231232322323323234232352323623237232382323923240232412324223243232442324523246232472324823249232502325123252232532325423255232562325723258232592326023261232622326323264232652326623267232682326923270232712327223273232742327523276232772327823279232802328123282232832328423285232862328723288232892329023291232922329323294232952329623297232982329923300233012330223303233042330523306233072330823309233102331123312233132331423315233162331723318233192332023321233222332323324233252332623327233282332923330233312333223333233342333523336233372333823339233402334123342233432334423345233462334723348233492335023351233522335323354233552335623357233582335923360233612336223363233642336523366233672336823369233702337123372233732337423375233762337723378233792338023381233822338323384233852338623387
  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. <img
  26. src="../../assets/icon/learn/last.png"
  27. @click="nextOrpreSteps(0)"
  28. />
  29. <img
  30. src="../../assets/icon/learn/next.png"
  31. @click="nextOrpreSteps(1)"
  32. />
  33. <img
  34. src="../../assets/icon/learn/return.png"
  35. @click.stop="
  36. goTo(
  37. '/courseDetail?userid=' +
  38. userid +
  39. '&oid=' +
  40. oid +
  41. '&org=' +
  42. org +
  43. '&cid=' +
  44. classId +
  45. '&courseId=' +
  46. id +
  47. '&tType=' +
  48. tType +
  49. '&screenType=' +
  50. screenType
  51. )
  52. "
  53. />
  54. </div>
  55. <div
  56. class="pButton"
  57. style="left: 0; top: 140px"
  58. v-if="mlDialog == false && !(IsFollow && tType == 2)"
  59. @click="setContent2(true)"
  60. >
  61. <!-- 批 , getCourseDetail()-->
  62. <img
  63. src="../../assets/icon/newIcons/isRight.png"
  64. style="width: 45px"
  65. alt=""
  66. />
  67. </div>
  68. <div class="pb_left" v-else-if="!(IsFollow && tType == 2)">
  69. <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
  70. <div style="border-bottom: 1px solid #cad1dc; width: 100%">
  71. <div class="courseTitle" :style="{ margin: tcid && inviteCode && '10px auto 0px'}">
  72. <div
  73. style="
  74. max-width: calc(100% - 40px);
  75. width: auto;
  76. white-space: nowrap;
  77. overflow: hidden;
  78. text-overflow: ellipsis;
  79. word-break: break-word;
  80. display: block;
  81. "
  82. >
  83. <el-tooltip
  84. effect="light"
  85. :content="courseDetail.title"
  86. placement="top"
  87. >
  88. <div class="ctitle">
  89. {{ courseDetail.title }}
  90. </div>
  91. </el-tooltip>
  92. </div>
  93. <el-tooltip effect="light" content="收缩" placement="top">
  94. <div class="mlImg" @click="setContent2(false)">
  95. <img src="../../assets/icon/newIcons/isRight.png" alt="" />
  96. </div>
  97. </el-tooltip>
  98. </div>
  99. <div
  100. class="inviteBox"
  101. v-if="tcid && inviteCode"
  102. style="padding: 0 0 8px 0"
  103. >
  104. <div>
  105. <span>随机码:{{ inviteCode }}</span>
  106. </div>
  107. </div>
  108. </div>
  109. <div class="cru_selectBox">
  110. <div v-for="(item, stageIndex) in navList" :key="stageIndex">
  111. <div class="stageChild" :class="{ navActive: item.isOpen }">
  112. <div v-for="(nav, navIndex) in item.task" :key="navIndex">
  113. <div
  114. class="navItem"
  115. :class="{
  116. openTaskActive:
  117. navIndex == taskCount &&
  118. nav.id == navId &&
  119. stageIndex == courseType,
  120. }"
  121. >
  122. <div v-if="nav.tool[0].tool != undefined">
  123. <div
  124. class="closeTri1"
  125. v-if="nav.isOpen"
  126. @click="openTask(stageIndex, navIndex, nav.id)"
  127. >
  128. <img src="../../assets/icon/newIcons/bDown.png" alt />
  129. </div>
  130. <div
  131. class="closeTri1"
  132. v-else
  133. @click="openTask(stageIndex, navIndex, nav.id)"
  134. >
  135. <img src="../../assets/icon/newIcons/right.png" alt />
  136. </div>
  137. </div>
  138. <div v-else class="noToolBlue"></div>
  139. <div
  140. @click="openTask(stageIndex, navIndex, nav.id)"
  141. class="navItemList"
  142. :class="{
  143. isItemList:
  144. navIndex == taskCount &&
  145. nav.id == navId &&
  146. stageIndex == courseType,
  147. }"
  148. >
  149. <div>任务{{ navIndex + 1 }}:</div>
  150. <el-tooltip
  151. effect="light"
  152. :content="nav.taskName"
  153. placement="top"
  154. >
  155. <div
  156. :style="{
  157. width:
  158. IsLookOpen && !nav.isLook
  159. ? 'calc(100% - 75px)'
  160. : 'auto',
  161. }"
  162. >
  163. {{ nav.taskName }}
  164. </div>
  165. </el-tooltip>
  166. </div>
  167. </div>
  168. <div
  169. v-if="nav.tool[0].tool != undefined"
  170. class="toolChild"
  171. :class="{ toolActive: nav.isOpen }"
  172. >
  173. <div v-for="(t, toolIndex2) in nav.tool" :key="toolIndex2">
  174. <div
  175. class="gjCss"
  176. :class="{
  177. isGjCss: t.isTool,
  178. }"
  179. @click="jumpGj(courseType, navIndex, toolIndex2, nav.id)"
  180. >
  181. <div>工具{{ toolIndex2 + 1 }}:</div>
  182. <div v-if="t.tool == 58">模拟驾驶</div>
  183. <div v-if="t.tool == 59">路径搜索</div>
  184. <div v-if="t.tool == 60">深度学习</div>
  185. <div v-if="t.tool == 10">倒计时</div>
  186. <div v-if="t.tool == 65">挑人</div>
  187. <div v-if="t.tool == 7">思维网格</div>
  188. <div v-if="t.tool == 1">电子白板</div>
  189. <div v-if="t.tool == 52">文档</div>
  190. <div v-if="t.tool == 3">思维导图</div>
  191. <div v-if="t.tool == 48">表格</div>
  192. <div v-if="t.tool == 49">学生分组</div>
  193. <div v-if="t.tool == 4">问卷调查</div>
  194. <div v-if="t.tool == 45">选择题</div>
  195. <div v-if="t.tool == 15">问答</div>
  196. <div v-if="t.tool == 16">作业提交</div>
  197. <div v-if="t.tool == 50">批量上传</div>
  198. <div v-if="t.tool == 41">选择匹配</div>
  199. <div v-if="t.tool == 47">排序</div>
  200. <div v-if="t.tool == 40">个人评价</div>
  201. <div v-if="t.tool == 18">训练平台</div>
  202. <div v-if="t.tool == 21">AIoT Blockly</div>
  203. <div v-if="t.tool == 23">AI Python</div>
  204. <div v-if="t.tool == 24">AI Blockly</div>
  205. <div v-if="t.tool == 32">源码编辑</div>
  206. <div v-if="t.tool == 57">CocoPi</div>
  207. <div v-if="t.tool == 63">海龟编程</div>
  208. <div v-if="t.tool == 28">翻译</div>
  209. <div v-if="t.tool == 31">数字画板</div>
  210. <div v-if="t.tool == 39">GeoGebra</div>
  211. <div v-if="t.tool == 66">公式编辑</div>
  212. <div v-if="t.tool == 67">分子结构</div>
  213. <div v-if="t.tool == 68">时间轴</div>
  214. <div v-if="t.tool == 69">英语写作</div>
  215. <div v-if="t.tool == 25">目标管理</div>
  216. <div v-if="t.tool == 26">课程设计</div>
  217. <div v-if="t.tool == 62">交互视频</div>
  218. </div>
  219. </div>
  220. </div>
  221. </div>
  222. </div>
  223. </div>
  224. </div>
  225. </div>
  226. <div class="body_student" :class="{ navLeftCss: !mlDialog }">
  227. <div class="new_topFixed"></div>
  228. <div class="new_top" :class="{ navLeftCss: !mlDialog }">
  229. <div class="courseIndex">
  230. <div>任务{{ taskCount + 1 }}</div>
  231. <el-tooltip
  232. effect="light"
  233. :content="
  234. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].task
  235. "
  236. placement="top"
  237. >
  238. <div>
  239. {{
  240. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  241. .task
  242. }}
  243. </div>
  244. </el-tooltip>
  245. </div>
  246. <div class="btnAll">
  247. <div class="btnLeft">
  248. <el-tooltip effect="light" content="刷新" placement="top">
  249. <div class="reBtnIcon" @click="refreshCourse">
  250. <span>刷新</span>
  251. </div>
  252. </el-tooltip>
  253. <el-tooltip effect="light" content="评论" placement="top">
  254. <div class="commentIcon" @click="setPz" v-if="tType == 1">
  255. <span>评论</span>
  256. </div>
  257. </el-tooltip>
  258. <div v-if="!videoStart && (tType == 1 || tType == 4)">
  259. <el-tooltip effect="light" content="录制" placement="top">
  260. <div class="vedioIcon" @click="startRecording">
  261. <span>录制</span>
  262. </div>
  263. </el-tooltip>
  264. </div>
  265. <div v-else-if="tType == 1 || tType == 4">
  266. <el-tooltip effect="light" content="下载" placement="top">
  267. <div class="vedioIcon1" @click="stopRecording">
  268. <span>下载</span>
  269. </div>
  270. </el-tooltip>
  271. </div>
  272. </div>
  273. <div class="btnRight">
  274. <div
  275. class="last"
  276. @click="nextOrpreSteps(0)"
  277. v-if="!(IsFollow && tType == 2)"
  278. @mouseover="isHovered = true"
  279. @mouseout="isHovered = false"
  280. >
  281. <div class="lastImg">
  282. <img
  283. :src="
  284. isHovered
  285. ? require('../../assets/icon/newIcons/whiteLast.png')
  286. : require('../../assets/icon/newIcons/last.png')
  287. "
  288. alt=""
  289. />
  290. </div>
  291. <div class="lastText">上一步</div>
  292. </div>
  293. <div
  294. class="last"
  295. @click="nextOrpreSteps(1)"
  296. v-if="!(IsFollow && tType == 2)"
  297. @mouseover="isHovered1 = true"
  298. @mouseout="isHovered1 = false"
  299. >
  300. <div class="lastText">下一步</div>
  301. <div class="lastImg">
  302. <img
  303. :src="
  304. isHovered1
  305. ? require('../../assets/icon/newIcons/whiteNext.png')
  306. : require('../../assets/icon/newIcons/next.png')
  307. "
  308. alt=""
  309. />
  310. </div>
  311. </div>
  312. <!-- <div
  313. class="last"
  314. @click="juriVisible = true"
  315. v-if="tType == 1"
  316. @mouseover="isHovered2 = true"
  317. @mouseout="isHovered2 = false"
  318. >
  319. <div class="lastImg">
  320. <img
  321. :src="
  322. isHovered2
  323. ? require('../../assets/icon/newIcons/whiteLock.png')
  324. : require('../../assets/icon/newIcons/lock.png')
  325. "
  326. alt=""
  327. />
  328. </div>
  329. <div class="lastText">权限</div>
  330. </div> -->
  331. <div
  332. class="returnBtn1 returnIcon"
  333. @click.stop="
  334. goTo(
  335. '/courseDetail?userid=' +
  336. userid +
  337. '&oid=' +
  338. oid +
  339. '&org=' +
  340. org +
  341. '&cid=' +
  342. classId +
  343. '&courseId=' +
  344. id +
  345. '&tType=' +
  346. tType +
  347. '&screenType=' +
  348. screenType
  349. )
  350. "
  351. >
  352. <div class="lastImg">
  353. <img src="../../assets/icon/newIcon/return.png" alt="" />
  354. </div>
  355. <div class="lastText" style="color: #000">返回</div>
  356. </div>
  357. </div>
  358. <!-- <div
  359. class="returnBtn lockIcon"
  360. @click="juriVisible = true"
  361. v-if="tType == 1"
  362. >
  363. 权限
  364. </div>
  365. <div
  366. class="returnBtn vedioIcon"
  367. @click="startRecording"
  368. v-if="!videoStart && (tType == 1 || tType == 4)"
  369. >
  370. 录制
  371. </div>
  372. <div
  373. class="returnBtn"
  374. @click="stopRecording"
  375. v-else-if="tType == 1 || tType == 4"
  376. style="background: #ee5255"
  377. >
  378. 下载
  379. </div>
  380. <div class="returnBtn commentIcon" @click="setPz" v-if="tType == 1">
  381. 评论
  382. </div>
  383. <div
  384. class="returnBtn"
  385. @click="nextOrpreSteps(0)"
  386. v-if="!(IsFollow && tType == 2)"
  387. >
  388. 上一步
  389. </div>
  390. <div
  391. class="returnBtn"
  392. @click="nextOrpreSteps(1)"
  393. v-if="!(IsFollow && tType == 2)"
  394. >
  395. 下一步
  396. </div>
  397. <div class="returnBtn" @click="refreshCourse">刷新</div>
  398. <div
  399. class="returnBtn returnIcon"
  400. @click.stop="
  401. goTo(
  402. '/courseDetail?userid=' +
  403. userid +
  404. '&oid=' +
  405. oid +
  406. '&org=' +
  407. org +
  408. '&cid=' +
  409. classId +
  410. '&courseId=' +
  411. id +
  412. '&tType=' +
  413. tType +
  414. '&screenType=' +
  415. screenType
  416. )
  417. "
  418. >
  419. 返回
  420. </div> -->
  421. </div>
  422. </div>
  423. <div
  424. class="isNoMessage"
  425. v-if="
  426. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  427. .chapterData.length == 0 &&
  428. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  429. .toolChoose[0].tool.length == 0 &&
  430. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  431. .taskDetail == '' &&
  432. !chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  433. .eList &&
  434. !(
  435. courseDetail.userid == userid ||
  436. (courseDetail.course_teacher &&
  437. courseDetail.course_teacher.indexOf(userid) != -1)
  438. )
  439. "
  440. >
  441. <img src="../../assets/icon/isNoMessage.png" alt />
  442. </div>
  443. <div class="study_top" :class="{ pzClass: pzDialog }">
  444. <div
  445. class="vedioBox"
  446. v-if="
  447. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  448. .taskDetail != '' ||
  449. vChapterData[0].length > 0 ||
  450. fileC[0].length > 0
  451. "
  452. style="border-radius: 0 0 20px 20px"
  453. >
  454. <div
  455. class="taskBox"
  456. v-if="
  457. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  458. .taskDetail != ''
  459. "
  460. >
  461. <div
  462. style="
  463. display: flex;
  464. flex-wrap: nowrap;
  465. flex-direction: column;
  466. position: relative;
  467. "
  468. >
  469. <div
  470. style="
  471. padding: 15px 0;
  472. line-height: 29px;
  473. font-size: 18px;
  474. color: #0e1e33;
  475. "
  476. class="cont"
  477. v-if="
  478. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  479. .taskDetail != ''
  480. "
  481. v-html="
  482. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  483. .taskDetail
  484. ? chapInfoList[courseType].chapterInfo[0].taskJson[
  485. taskCount
  486. ].taskDetail
  487. : '暂无描述'
  488. "
  489. ></div>
  490. </div>
  491. </div>
  492. <div
  493. class="student_head"
  494. v-if="vChapterData[0].length > 0 || fileC[0].length > 0"
  495. >
  496. <div class="vedioTaskBox">
  497. <div
  498. :class="
  499. contentDialog == false
  500. ? 'box_course isContentCss'
  501. : 'box_course'
  502. "
  503. v-if="
  504. vChapterData.length > 0 &&
  505. vChapterData[0] &&
  506. showType !== ''
  507. "
  508. >
  509. <div class="wheel" style="height: auto" v-if="showType === 0">
  510. <div
  511. class="workd_media"
  512. style="height: 650px; width: calc(100% - 50px)"
  513. >
  514. <video-player
  515. class="video-player vjs-custom-skin"
  516. :class="contentDialog == false ? 'isAllWidth' : ''"
  517. :playsinline="true"
  518. :options="playerO[0]"
  519. @play="onPlayerPlay($event)"
  520. style="width: 100%; height: 100%; margin: 0 0 0 30px"
  521. ></video-player>
  522. </div>
  523. </div>
  524. <div
  525. class="wheel"
  526. v-if="showType == 1"
  527. style="
  528. box-shadow: 0 0 6px 1px #f2f2f2;
  529. width: 95%;
  530. margin: 0 auto;
  531. background: #f1f1f1;
  532. "
  533. >
  534. <div class="title">查看文档</div>
  535. <el-form class="textBox">
  536. <el-form-item class="textTitle">
  537. <div style="font-size: 22px">
  538. {{ text.name }}
  539. </div>
  540. </el-form-item>
  541. <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
  542. <div v-html="text.url" class="textContent cont"></div>
  543. </el-form>
  544. </div>
  545. <div
  546. class="wheel"
  547. v-if="
  548. pptImgUrl1.indexOf(
  549. 'https://view.officeapps.live.com/op/view.aspx?src='
  550. ) != -1 && showType == 2
  551. "
  552. style="width: 95%; margin: 0 auto"
  553. >
  554. <iframe
  555. style="width: 100%; height: 100%; border: none"
  556. :src="pptImgUrl1"
  557. ></iframe>
  558. </div>
  559. <div
  560. class="wheel"
  561. v-else-if="showType == 2"
  562. style="width: 95%; margin: 0 auto"
  563. >
  564. <iframe
  565. style="width: 100%; height: 100%; border: none"
  566. security="restricted"
  567. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  568. :src="pptImgUrl1"
  569. ></iframe>
  570. </div>
  571. <div
  572. class="wheel"
  573. v-if="showType == 3"
  574. style="width: 95%; margin: 0 auto"
  575. >
  576. <pdf
  577. :pdfUrl="pptImgUrl1"
  578. style="width: 100%; height: 100%; overflow: auto"
  579. ></pdf>
  580. </div>
  581. <div
  582. class="wheel"
  583. v-if="showType == 4"
  584. style="width: 95%; margin: 0 auto"
  585. >
  586. <el-image
  587. :src="pptImgUrl1"
  588. fit="contain"
  589. style="width: 100%; height: 100%; cursor: pointer"
  590. @click="previewImg(pptImgUrl1)"
  591. ></el-image>
  592. </div>
  593. </div>
  594. <div
  595. class="pButton"
  596. style="position: absolute; right: 20px; top: 0; z-index: 998"
  597. v-if="!contentDialog"
  598. @click="setContent(true)"
  599. >
  600. <!-- 批 -->
  601. <img
  602. src="../../assets/icon/newIcons/isLeft.png"
  603. style="width: 45px"
  604. alt=""
  605. />
  606. </div>
  607. <div
  608. v-if="contentDialog == true"
  609. :style="{
  610. width:
  611. (vChapterData[0].length > 0 || fileC[0].length > 0) &&
  612. showType === ''
  613. ? 'calc(100%)'
  614. : '300px',
  615. margin:
  616. (vChapterData[0].length > 0 || fileC[0].length > 0) &&
  617. showType === ''
  618. ? '0 15px'
  619. : '0 15px 0 0',
  620. }"
  621. >
  622. <div
  623. class="vedioList"
  624. v-if="vChapterData[0].length > 0 || fileC[0].length > 0"
  625. style="height: 650px"
  626. >
  627. <div class="navCorOpenBox">
  628. <div class="navTitile">内容列表:</div>
  629. <div class="navCorOpen" @click="setContent(false)">
  630. <img
  631. src="../../assets/icon/newIcons/isRight.png"
  632. alt=""
  633. />
  634. </div>
  635. </div>
  636. <div class="navBox">
  637. <div
  638. v-show="
  639. vChapterData[0].length > 0 || fileC[0].length > 0
  640. "
  641. style="padding: 10px 0 25px 0"
  642. >
  643. <div
  644. class="vedioTimeBox"
  645. v-for="(vitem, vindex) in vChapterData[0]"
  646. :key="vindex + '1'"
  647. >
  648. <div class="navListItem" v-if="vitem.type == 2">
  649. <div
  650. @click="lookVedio(vitem.url, vindex)"
  651. class="navText"
  652. :class="isClickNav == vindex ? 'isClickNav' : ''"
  653. >
  654. <span v-if="vitem.text">{{ vitem.text }}-</span
  655. >{{ vitem.name }}
  656. </div>
  657. <div class="downIcon" @click="downloadFile2(vitem)">
  658. <img
  659. src="../../assets/icon/newIcon/down.png"
  660. alt
  661. />
  662. </div>
  663. </div>
  664. <div class="navListItem" v-if="vitem.type == 6">
  665. <div
  666. @click="lookText(0, vindex)"
  667. class="navText"
  668. :class="isClickNav == vindex ? 'isClickNav' : ''"
  669. >
  670. {{ vitem.name }}.doc
  671. </div>
  672. <div
  673. class="downIcon"
  674. @click="checkFileFull1(vitem.type, vitem)"
  675. >
  676. <img
  677. src="../../assets/icon/newIcon/allScreen.png"
  678. alt
  679. />
  680. </div>
  681. </div>
  682. <div
  683. class="navListItem"
  684. v-if="vitem.type == 8 || vitem.type == 14"
  685. >
  686. <div
  687. @click="doUrl(vitem.url, vindex)"
  688. class="navText"
  689. :class="isClickNav == vindex ? 'isClickNav' : ''"
  690. >
  691. {{ vitem.title ? vitem.title : vitem.url }}
  692. </div>
  693. <div
  694. class="downIcon"
  695. @click="checkFileFull1(vitem.type, vitem)"
  696. >
  697. <img
  698. src="../../assets/icon/newIcon/allScreen.png"
  699. alt
  700. />
  701. </div>
  702. </div>
  703. <div class="navListItem" v-if="vitem.type == 3">
  704. <div
  705. @click="downFile(vitem, vindex)"
  706. class="navText"
  707. :class="isClickNav == vindex ? 'isClickNav' : ''"
  708. >
  709. <span v-if="vitem.text">{{ vitem.text }}-</span
  710. >{{ vitem.name }}
  711. </div>
  712. <div
  713. class="downIcon"
  714. @click="checkFileFull1(vitem.type, vitem)"
  715. >
  716. <img
  717. src="../../assets/icon/newIcon/allScreen.png"
  718. alt
  719. />
  720. </div>
  721. <div class="downIcon" @click="downloadFile2(vitem)">
  722. <img
  723. src="../../assets/icon/newIcon/down.png"
  724. alt
  725. />
  726. </div>
  727. </div>
  728. <div class="navListItem" v-if="vitem.type == 12">
  729. <div class="navText" @click="downloadFile2(vitem)">
  730. <span v-if="vitem.text">{{ vitem.text }}-</span
  731. >{{ vitem.name }}
  732. </div>
  733. <div
  734. class="downIcon"
  735. @click="checkFileFull1(vitem.type, vitem)"
  736. >
  737. <img
  738. src="../../assets/icon/newIcon/allScreen.png"
  739. alt
  740. />
  741. </div>
  742. <div class="downIcon" @click="downloadFile2(vitem)">
  743. <img
  744. src="../../assets/icon/newIcon/down.png"
  745. alt
  746. />
  747. </div>
  748. </div>
  749. <div class="navListItem" v-if="vitem.type == 13">
  750. <div
  751. class="navText"
  752. @click="checkPhoto(vitem, vindex)"
  753. :class="isClickNav == vindex ? 'isClickNav' : ''"
  754. >
  755. {{ vitem.name }}
  756. </div>
  757. <div class="downIcon" @click="downloadFile2(vitem)">
  758. <img
  759. src="../../assets/icon/newIcon/down.png"
  760. alt
  761. />
  762. </div>
  763. </div>
  764. </div>
  765. <div class="fileC_box" v-if="fileC[0].length > 0">
  766. <div class="fileC_title">以下文件不支持预览</div>
  767. <div
  768. class="vedioTimeBox"
  769. v-for="(vitem, vindex) in fileC[0]"
  770. :key="vindex + '1'"
  771. >
  772. <div class="navListItem" v-if="vitem.type == 12">
  773. <div class="navText" style="color: #acb4bf">
  774. <span v-if="vitem.text">{{ vitem.text }}-</span
  775. >{{ vitem.name }}
  776. </div>
  777. <div
  778. class="downIcon"
  779. @click="downloadFile2(vitem)"
  780. >
  781. <img
  782. src="../../assets/icon/newIcon/down.png"
  783. alt
  784. />
  785. </div>
  786. </div>
  787. </div>
  788. </div>
  789. </div>
  790. </div>
  791. </div>
  792. </div>
  793. </div>
  794. <div style="width: calc(100% - 315px)">
  795. <div style="padding: 10px 0 0; width: 95%; margin: 0 auto">
  796. <!-- <el-button
  797. type="primary"
  798. class="newButton"
  799. @click="checkFileFull(showType, pptImgUrl1)"
  800. >全屏查看</el-button
  801. >
  802. <el-button
  803. type="primary"
  804. class="newButton"
  805. @click="downloadFile(pptImgUrl1)"
  806. v-if="showType != 2"
  807. >文件下载</el-button
  808. > -->
  809. <el-button
  810. v-if="
  811. showType == 2 &&
  812. pptImgUrl1.indexOf(
  813. 'https://view.officeapps.live.com/op/view.aspx?src='
  814. ) == -1
  815. "
  816. type="primary"
  817. class="newButton"
  818. @click="openLine(pptImgUrl1)"
  819. >打开链接
  820. </el-button>
  821. </div>
  822. <!-- <div
  823. style="padding: 10px 0 0; width: 95%; margin: 0 auto"
  824. v-if="showType == 1"
  825. >
  826. <el-button
  827. type="primary"
  828. class="newButton"
  829. @click="checkFileFull(showType, text)"
  830. >全屏查看</el-button
  831. >
  832. </div> -->
  833. </div>
  834. </div>
  835. </div>
  836. <div class="student_body" v-resize="resize">
  837. <div
  838. class="vedioBox"
  839. :style="{
  840. borderRadius:
  841. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  842. .taskDetail == '' &&
  843. vChapterData[taskCount].length == 0 &&
  844. fileC[taskCount].length == 0
  845. ? '0 0 20px 20px'
  846. : '20px',
  847. }"
  848. v-if="
  849. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  850. .toolChoose[0].tool &&
  851. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  852. .toolChoose[0].tool.length > 0
  853. "
  854. >
  855. <div
  856. class="toolHeng2"
  857. style="position: relative"
  858. v-if="
  859. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  860. .toolChoose[0].tool &&
  861. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  862. .toolChoose[0].tool.length &&
  863. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  864. .toolChoose[0].tool.length > 0
  865. "
  866. >
  867. <div class="workNav">工作区</div>
  868. <div
  869. class="filebox"
  870. style="flex-wrap: nowrap"
  871. v-for="(tool, toolIndex) in chapInfoList[courseType]
  872. .chapterInfo[0].taskJson[taskCount].toolChoose"
  873. :key="toolIndex"
  874. >
  875. <div class="bzBox">
  876. <div class="yCss"></div>
  877. <div :ref="'bz' + toolIndex" :id="'gj' + toolIndex">
  878. 工具{{ toolIndex + 1 }}
  879. </div>
  880. <div
  881. v-if="timeWorkList[toolIndex].length > 0"
  882. style="margin: 0 0 0 10px"
  883. >
  884. {{
  885. timeWorkList[toolIndex][0].time
  886. ? "时间:" + timeWorkList[toolIndex][0].time
  887. : ""
  888. }}
  889. </div>
  890. </div>
  891. <div class="toolBox">
  892. <div>
  893. <!-- v-for="(itemTool, indexTool) in toolTypeList"
  894. :key="indexTool"-->
  895. <!-- <div class="iframeBox">
  896. <div
  897. class="addPoint isBorder"
  898. v-for="(tooC, toolCIndex) in tool.tool"
  899. :key="toolCIndex"
  900. >
  901. <div v-if="tooC == 1" style="border: 1px soild #ccc">
  902. <div
  903. class="iframeName"
  904. >
  905. 电子白板
  906. </div>
  907. <iframe
  908. src="https://iwb.cocorobo.cn/"
  909. ref="whiteBoard"
  910. ></iframe>
  911. </div>
  912. </div>
  913. </div>-->
  914. <div class="noiframeBox">
  915. <div
  916. class="addPoint"
  917. v-for="(tooC, toolCIndex) in tool.tool"
  918. :key="toolCIndex"
  919. >
  920. <div v-if="tooC == 1">
  921. <img
  922. src="../../assets/icon/secondToolList/whiteBoard.png"
  923. alt
  924. @click="addTools(tooC, toolIndex, taskCount)"
  925. />
  926. <div style="margin: 5px 0">电子白板</div>
  927. </div>
  928. <div v-if="tooC == 3">
  929. <img
  930. src="../../assets/icon/secondToolList/mindMapping.png"
  931. alt
  932. @click="addTools(tooC, toolIndex, taskCount)"
  933. />
  934. <div style="margin: 5px 0">思维导图</div>
  935. </div>
  936. <div v-if="tooC == 6">
  937. <img
  938. src="../../assets/icon/secondToolList/doc.png"
  939. alt
  940. @click="addTools(tooC, toolIndex, taskCount)"
  941. />
  942. <div style="margin: 5px 0">协同文档</div>
  943. </div>
  944. <div v-if="tooC == 7">
  945. <img
  946. src="../../assets/icon/secondToolList/mindNetwork.png"
  947. alt
  948. @click="addTools(tooC, toolIndex, taskCount)"
  949. />
  950. <div style="margin: 5px 0">思维网格</div>
  951. </div>
  952. <div v-if="tooC == 8">
  953. <img
  954. src="../../assets/icon/secondToolList/library.png"
  955. alt
  956. @click="addTools(tooC, toolIndex, taskCount)"
  957. />
  958. <div style="margin: 5px 0">素材库</div>
  959. </div>
  960. <div v-if="tooC == 17">
  961. <img
  962. src="../../assets/icon/secondToolList/library.png"
  963. alt
  964. @click="addTools(tooC, toolIndex, taskCount)"
  965. />
  966. <div style="margin: 5px 0">学习资料</div>
  967. </div>
  968. <div v-if="tooC == 2">
  969. <img
  970. @click="addTools(tooC, toolIndex, taskCount)"
  971. src="../../assets/icon/secondToolList/note.png"
  972. alt
  973. />
  974. <div style="margin: 5px 0">便签</div>
  975. </div>
  976. <div v-if="tooC == 4">
  977. <img
  978. @click="addTools(tooC, toolIndex, taskCount)"
  979. src="../../assets/icon/thirdToolList/ask.png"
  980. alt
  981. />
  982. <div style="margin: 5px 0">问卷调查</div>
  983. </div>
  984. <div v-if="tooC == 45">
  985. <img
  986. @click="addTools(tooC, toolIndex, taskCount)"
  987. src="../../assets/icon/thirdToolList/choose.png"
  988. alt
  989. />
  990. <div style="margin: 5px 0">选择题</div>
  991. </div>
  992. <!-- <div v-if="tooC == 5">
  993. <img
  994. @click="addTools(tooC, toolIndex, taskCount)"
  995. src="../../assets/icon/thirdToolList/score.png"
  996. alt
  997. />
  998. <div style="margin: 5px 0">量规评分</div>
  999. </div> -->
  1000. <div v-if="tooC == 10">
  1001. <img
  1002. @click="addTools(tooC, toolIndex, taskCount)"
  1003. src="../../assets/icon/thirdToolList/time.png"
  1004. alt
  1005. />
  1006. <div style="margin: 5px 0">倒计时</div>
  1007. </div>
  1008. <div v-if="tooC == 15">
  1009. <img
  1010. @click="addTools(tooC, toolIndex, taskCount)"
  1011. src="../../assets/icon/thirdToolList/answer.png"
  1012. alt
  1013. />
  1014. <div style="margin: 5px 0">问答</div>
  1015. </div>
  1016. <div v-if="tooC == 26">
  1017. <img
  1018. @click="addTools(tooC, toolIndex, taskCount)"
  1019. src="../../assets/icon/thirdToolList/courseDesign.png"
  1020. alt
  1021. />
  1022. <div style="margin: 5px 0">课程设计</div>
  1023. </div>
  1024. <div v-if="tooC == 18">
  1025. <img
  1026. @click="addTools(tooC, toolIndex, taskCount)"
  1027. src="../../assets/icon/thirdToolList/trainPlatform.png"
  1028. alt
  1029. />
  1030. <div style="margin: 5px 0">训练服务器</div>
  1031. </div>
  1032. <div v-if="tooC == 16">
  1033. <img
  1034. @click="addTools(tooC, toolIndex, taskCount)"
  1035. src="../../assets/icon/thirdToolList/work.png"
  1036. alt
  1037. />
  1038. <div style="margin: 5px 0">作业提交</div>
  1039. </div>
  1040. <div v-if="tooC == 50">
  1041. <img
  1042. @click="addTools(tooC, toolIndex, taskCount)"
  1043. src="../../assets/icon/thirdToolList/plwork.png"
  1044. alt
  1045. />
  1046. <div style="margin: 5px 0">批量上传</div>
  1047. </div>
  1048. <div v-if="tooC == 21">
  1049. <img
  1050. @click="addTools(tooC, toolIndex, taskCount)"
  1051. src="../../assets/icon/fourthToolList/program.png"
  1052. alt
  1053. />
  1054. <div style="margin: 5px 0">AIoT Blockly</div>
  1055. </div>
  1056. <!-- <div v-if="tooC == 22">
  1057. <img
  1058. @click="addTools(tooC, toolIndex, taskCount)"
  1059. src="../../assets/icon/fourthToolList/program.png"
  1060. alt
  1061. />
  1062. <div style="margin: 5px 0">AI体验</div>
  1063. </div> -->
  1064. <div v-if="tooC == 23">
  1065. <img
  1066. @click="addTools(tooC, toolIndex, taskCount)"
  1067. src="../../assets/icon/fourthToolList/Pythonprogram.png"
  1068. alt
  1069. />
  1070. <div style="margin: 5px 0">AI Python</div>
  1071. </div>
  1072. <div v-if="tooC == 24">
  1073. <img
  1074. @click="addTools(tooC, toolIndex, taskCount)"
  1075. src="../../assets/icon/fourthToolList/AIprogram.png"
  1076. alt
  1077. />
  1078. <div style="margin: 5px 0">AI Blockly</div>
  1079. </div>
  1080. <div v-if="tooC == 25">
  1081. <img
  1082. @click="addTools(tooC, toolIndex, taskCount)"
  1083. src="../../assets/icon/thirdToolList/evalua.png"
  1084. alt
  1085. />
  1086. <div style="margin: 5px 0">目标管理</div>
  1087. </div>
  1088. <div v-if="tooC == 31">
  1089. <img
  1090. @click="addTools(tooC, toolIndex, taskCount)"
  1091. src="../../assets/icon/secondToolList/networkPanel.png"
  1092. alt
  1093. />
  1094. <div style="margin: 5px 0">数学画板</div>
  1095. </div>
  1096. <div v-if="tooC == 28">
  1097. <img
  1098. @click="addTools(tooC, toolIndex, taskCount)"
  1099. src="../../assets/icon/secondToolList/translation.png"
  1100. alt
  1101. />
  1102. <div style="margin: 5px 0">翻译</div>
  1103. </div>
  1104. <div v-if="tooC == 37">
  1105. <img
  1106. @click="addTools(tooC, toolIndex, taskCount)"
  1107. src="../../assets/icon/secondToolList/mohe.png"
  1108. alt
  1109. />
  1110. <div style="margin: 5px 0">魔盒识字</div>
  1111. </div>
  1112. <div v-if="tooC == 38">
  1113. <img
  1114. @click="addTools(tooC, toolIndex, taskCount)"
  1115. src="../../assets/icon/secondToolList/24game.png"
  1116. alt
  1117. />
  1118. <div style="margin: 5px 0">24点</div>
  1119. </div>
  1120. <div v-if="tooC == 39">
  1121. <img
  1122. @click="addTools(tooC, toolIndex, taskCount)"
  1123. src="../../assets/icon/secondToolList/GeoGebra.png"
  1124. alt
  1125. />
  1126. <div style="margin: 5px 0">GeoGebra</div>
  1127. </div>
  1128. <div v-if="tooC == 32">
  1129. <img
  1130. @click="addTools(tooC, toolIndex, taskCount)"
  1131. src="../../assets/icon/thirdToolList/code.png"
  1132. alt
  1133. />
  1134. <div style="margin: 5px 0">源码编辑</div>
  1135. <!-- <div class="upload_toolBtn" @click="addImg($event)"
  1136. style="position: absolute;left: 110px;bottom: 30px;">
  1137. 上传文件
  1138. <input type="file" accept="*" style="display: none"
  1139. @change="beforeUpload1($event, 7, toolIndex)" />
  1140. </div> -->
  1141. </div>
  1142. <div v-if="tooC == 40">
  1143. <img
  1144. @click="addTools(tooC, toolIndex, taskCount)"
  1145. src="../../assets/icon/secondToolList/eval.png"
  1146. alt
  1147. />
  1148. <div style="margin: 5px 0">个人评价</div>
  1149. </div>
  1150. <div v-if="tooC == 41">
  1151. <img
  1152. @click="addTools(tooC, toolIndex, taskCount)"
  1153. src="../../assets/icon/thirdToolList/select.png"
  1154. alt
  1155. />
  1156. <div style="margin: 5px 0">选择匹配</div>
  1157. </div>
  1158. <div v-if="tooC == 44">
  1159. <img
  1160. @click="addTools(tooC, toolIndex, taskCount)"
  1161. src="../../assets/icon/thirdToolList/hanClass.png"
  1162. alt
  1163. />
  1164. <div style="margin: 5px 0">汉字宫</div>
  1165. </div>
  1166. <div v-if="tooC == 47">
  1167. <img
  1168. @click="addTools(tooC, toolIndex, taskCount)"
  1169. src="../../assets/icon/fourthToolList/conSentences.png"
  1170. alt
  1171. />
  1172. <div style="margin: 5px 0">排序</div>
  1173. </div>
  1174. <div v-if="tooC == 48">
  1175. <img
  1176. @click="addTools(tooC, toolIndex, taskCount)"
  1177. src="../../assets/icon/fourthToolList/table.png"
  1178. alt
  1179. />
  1180. <div style="margin: 5px 0">表格</div>
  1181. </div>
  1182. <div v-if="tooC == 52">
  1183. <img
  1184. @click="addTools(tooC, toolIndex, taskCount)"
  1185. src="../../assets/icon/fourthToolList/text.png"
  1186. alt
  1187. />
  1188. <div style="margin: 5px 0">文档</div>
  1189. </div>
  1190. <div v-if="tooC == 49">
  1191. <img
  1192. @click="addTools(tooC, toolIndex, taskCount)"
  1193. src="../../assets/icon/fourthToolList/group.png"
  1194. alt
  1195. />
  1196. <div style="margin: 5px 0">学生分组</div>
  1197. </div>
  1198. <div v-if="tooC == 57">
  1199. <img
  1200. @click="addTools(tooC, toolIndex, taskCount)"
  1201. src="../../assets/icon/fourthToolList/cocopi.png"
  1202. alt
  1203. />
  1204. <div style="margin: 5px 0">CocoPi</div>
  1205. </div>
  1206. <div v-if="tooC == 58">
  1207. <img
  1208. @click="addTools(tooC, toolIndex, taskCount)"
  1209. src="../../assets/icon/fourthToolList/car.png"
  1210. alt
  1211. />
  1212. <div style="margin: 5px 0">模拟驾驶</div>
  1213. </div>
  1214. <div v-if="tooC == 59">
  1215. <img
  1216. @click="addTools(tooC, toolIndex, taskCount)"
  1217. src="../../assets/icon/fourthToolList/lineSearch.png"
  1218. alt
  1219. />
  1220. <div style="margin: 5px 0">路径搜索</div>
  1221. </div>
  1222. <div v-if="tooC == 60">
  1223. <img
  1224. @click="addTools(tooC, toolIndex, taskCount)"
  1225. src="../../assets/icon/fourthToolList/deepLearning.png"
  1226. alt
  1227. />
  1228. <div style="margin: 5px 0">深度学习</div>
  1229. </div>
  1230. <div v-if="tooC == 61">
  1231. <img
  1232. @click="addTools(tooC, toolIndex, taskCount)"
  1233. src="../../assets/icon/fourthToolList/allHistory.png"
  1234. alt
  1235. />
  1236. <div style="margin: 5px 0">全历史</div>
  1237. </div>
  1238. <div v-if="tooC == 62">
  1239. <img
  1240. @click="addTools(tooC, toolIndex, taskCount)"
  1241. src="../../assets/icon/fourthToolList/interVideo.png"
  1242. alt
  1243. />
  1244. <div style="margin: 5px 0">交互视频</div>
  1245. </div>
  1246. <div v-if="tooC == 63">
  1247. <img
  1248. @click="addTools(tooC, toolIndex, taskCount)"
  1249. src="../../assets/icon/fourthToolList/Wood.png"
  1250. alt
  1251. />
  1252. <div style="margin: 5px 0">海龟编程</div>
  1253. </div>
  1254. <div v-if="tooC == 65">
  1255. <img
  1256. @click="addTools(tooC, toolIndex, taskCount)"
  1257. src="../../assets/icon/firstToolList/pickPeople.png"
  1258. alt
  1259. />
  1260. <div style="margin: 5px 0">挑人</div>
  1261. </div>
  1262. <div v-if="tooC == 66">
  1263. <img
  1264. @click="addTools(tooC, toolIndex, taskCount)"
  1265. src="../../assets/icon/secondToolList/formulaEdi.png"
  1266. alt
  1267. />
  1268. <div style="margin: 5px 0">公式编辑</div>
  1269. </div>
  1270. <div v-if="tooC == 67">
  1271. <img
  1272. @click="addTools(tooC, toolIndex, taskCount)"
  1273. src="../../assets/icon/secondToolList/molStr.png"
  1274. alt
  1275. />
  1276. <div style="margin: 5px 0">分子结构</div>
  1277. </div>
  1278. <div v-if="tooC == 68">
  1279. <img
  1280. @click="addTools(tooC, toolIndex, taskCount)"
  1281. src="../../assets/icon/secondToolList/timeAxis.png"
  1282. alt
  1283. />
  1284. <div style="margin: 5px 0">时间轴</div>
  1285. </div>
  1286. <div v-if="tooC == 69">
  1287. <img
  1288. @click="addTools(tooC, toolIndex, taskCount)"
  1289. src="../../assets/icon/secondToolList/english.png"
  1290. alt
  1291. />
  1292. <div style="margin: 5px 0">英语写作</div>
  1293. </div>
  1294. </div>
  1295. </div>
  1296. </div>
  1297. <div class="tooldetail" v-if="tool.toolDetail != ''" :class="{isUpdateToolDetailClass:toolDetailIndex == toolIndex}">
  1298. <!-- <div class="toolTitle">工具描述</div> -->
  1299. <div style="height:100%;"
  1300. v-html="contentConvent(tool.toolDetail)"
  1301. v-if="toolDetailIndex != toolIndex"
  1302. @click.stop="updateToolDetail(toolIndex, 2)"
  1303. ></div>
  1304. <div v-else @click.stop="" style="height:100%;">
  1305. <textarea @change="() => { $forceUpdate() }" class="checkTextArea" rows="3" v-autoHeight="70" type="text" placeholder="请输入任务描述" v-model="updateToolDetailInner"></textarea>
  1306. </div>
  1307. </div>
  1308. <el-button
  1309. type="primary"
  1310. v-if="tool.tool[0] == 32"
  1311. style="position: absolute; right: 30px; top: 30px"
  1312. @click="addImg($event)"
  1313. >上传作业<input
  1314. type="file"
  1315. accept="*"
  1316. style="display: none"
  1317. @change="beforeUpload1($event, 7, toolIndex)"
  1318. /></el-button>
  1319. <el-button
  1320. type="primary"
  1321. v-if="tool.tool[0] == 15"
  1322. style="position: absolute; right: 30px; top: 30px"
  1323. @click="openWordCloud(toolIndex)"
  1324. >生成词云</el-button
  1325. >
  1326. <el-button
  1327. type="primary"
  1328. v-if="
  1329. tool.tool[0] == 16 && worksStudent[toolIndex].length > 0
  1330. "
  1331. style="position: absolute; right: 30px; top: 30px"
  1332. @click="uploadWorks(toolIndex)"
  1333. >导出作业</el-button
  1334. >
  1335. <!-- <el-button type="primary" v-if="tool.tool[0] == 57" style="
  1336. position: absolute;
  1337. right: 30px;
  1338. transform: translateY(-130%);
  1339. " @click="addImg($event)">上传作业<input type="file" accept="*" style="display: none"
  1340. @change="beforeUpload1($event, 8, toolIndex)" /></el-button> -->
  1341. </div>
  1342. <div
  1343. v-if="
  1344. tType &&
  1345. tType == 2 &&
  1346. !sIsOpen &&
  1347. tool.tool.indexOf(16) != -1
  1348. "
  1349. class="worksBox"
  1350. >
  1351. <div
  1352. class="zuoyeYulan"
  1353. v-if="workStudent[toolIndex].length > 0"
  1354. >
  1355. <span class="worksTitle">作业预览</span>
  1356. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1357. </div>
  1358. <div
  1359. class="worksDetailBox"
  1360. v-if="workStudent[toolIndex].length > 0"
  1361. >
  1362. <div
  1363. class="works"
  1364. style="
  1365. width: 200px;
  1366. height: 140px;
  1367. margin: 10px 10px 10px 0;
  1368. box-shadow: 0 0 6px 1px #dfdada;
  1369. "
  1370. v-for="(w, wIndex) in workStudent[toolIndex]"
  1371. :key="wIndex"
  1372. >
  1373. <div class="workImg" v-if="w.type == 0">
  1374. <img
  1375. :src="w.works"
  1376. @click="previewImg(w.works)"
  1377. alt
  1378. />
  1379. <div
  1380. class="answerScore"
  1381. v-if="w.score"
  1382. @click.stop="openScore(w)"
  1383. :class="{
  1384. rightW:
  1385. w.userid == userid || tType == 1 || tType == 4,
  1386. }"
  1387. >
  1388. {{ JSON.parse(w.score).wScore }}分
  1389. </div>
  1390. <div
  1391. class="answerScore"
  1392. @click.stop="openScore(w)"
  1393. v-else-if="courseDetail.userid == userid"
  1394. :class="{
  1395. rightW:
  1396. w.userid == userid || tType == 1 || tType == 4,
  1397. }"
  1398. >
  1399. 评分
  1400. </div>
  1401. <img
  1402. class="deleteImg"
  1403. src="../../assets/deleteworks.png"
  1404. v-if="
  1405. w.userid == userid || tType == 1 || tType == 4
  1406. "
  1407. @click.stop="deleteWorks(w.wid)"
  1408. alt
  1409. />
  1410. </div>
  1411. <div class="workImg" v-if="w.type == 1">
  1412. <img :src="word" @click="openFile(w.works)" alt />
  1413. <div
  1414. class="answerScore"
  1415. v-if="w.score"
  1416. @click.stop="openScore(w)"
  1417. :class="{
  1418. rightW:
  1419. w.userid == userid || tType == 1 || tType == 4,
  1420. }"
  1421. >
  1422. {{ JSON.parse(w.score).wScore }}分
  1423. </div>
  1424. <div
  1425. class="answerScore"
  1426. @click.stop="openScore(w)"
  1427. v-else-if="courseDetail.userid == userid"
  1428. :class="{
  1429. rightW:
  1430. w.userid == userid || tType == 1 || tType == 4,
  1431. }"
  1432. >
  1433. 评分
  1434. </div>
  1435. <img
  1436. class="deleteImg"
  1437. src="../../assets/deleteworks.png"
  1438. v-if="
  1439. w.userid == userid || tType == 1 || tType == 4
  1440. "
  1441. @click.stop="deleteWorks(w.wid)"
  1442. alt
  1443. />
  1444. </div>
  1445. <div class="workImg" v-if="w.type == 3">
  1446. <img
  1447. style="cursor: pointer"
  1448. :src="video"
  1449. @click="openVideo(w)"
  1450. alt
  1451. />
  1452. <div
  1453. class="answerScore"
  1454. v-if="w.score"
  1455. @click.stop="openScore(w)"
  1456. :class="{
  1457. rightW:
  1458. w.userid == userid || tType == 1 || tType == 4,
  1459. }"
  1460. >
  1461. {{ JSON.parse(w.score).wScore }}分
  1462. </div>
  1463. <div
  1464. class="answerScore"
  1465. @click.stop="openScore(w)"
  1466. v-else-if="courseDetail.userid == userid"
  1467. :class="{
  1468. rightW:
  1469. w.userid == userid || tType == 1 || tType == 4,
  1470. }"
  1471. >
  1472. 评分
  1473. </div>
  1474. <img
  1475. class="deleteImg"
  1476. src="../../assets/deleteworks.png"
  1477. v-if="
  1478. w.userid == userid || tType == 1 || tType == 4
  1479. "
  1480. @click.stop="deleteWorks(w.wid)"
  1481. alt
  1482. />
  1483. </div>
  1484. <div class="workImg" v-if="w.type == 12">
  1485. <img
  1486. style="cursor: pointer"
  1487. :src="word2"
  1488. @click="downloadFile(w.works)"
  1489. alt
  1490. />
  1491. <div
  1492. class="answerScore"
  1493. v-if="w.score"
  1494. @click.stop="openScore(w)"
  1495. :class="{
  1496. rightW:
  1497. w.userid == userid || tType == 1 || tType == 4,
  1498. }"
  1499. >
  1500. {{ JSON.parse(w.score).wScore }}分
  1501. </div>
  1502. <div
  1503. class="answerScore"
  1504. @click.stop="openScore(w)"
  1505. v-else-if="courseDetail.userid == userid"
  1506. :class="{
  1507. rightW:
  1508. w.userid == userid || tType == 1 || tType == 4,
  1509. }"
  1510. >
  1511. 评分
  1512. </div>
  1513. <img
  1514. class="deleteImg"
  1515. src="../../assets/deleteworks.png"
  1516. v-if="
  1517. w.userid == userid || tType == 1 || tType == 4
  1518. "
  1519. @click.stop="deleteWorks(w.wid)"
  1520. alt
  1521. />
  1522. </div>
  1523. <div class="worksName">
  1524. <div>{{ w.sName }}</div>
  1525. </div>
  1526. </div>
  1527. </div>
  1528. </div>
  1529. <div
  1530. v-if="
  1531. tType &&
  1532. tType == 2 &&
  1533. !sIsOpen &&
  1534. tool.tool.indexOf(32) != -1
  1535. "
  1536. class="worksBox"
  1537. >
  1538. <div
  1539. class="zuoyeYulan"
  1540. v-if="workStudent[toolIndex].length > 0"
  1541. >
  1542. <span class="worksTitle">作业预览</span>
  1543. </div>
  1544. <div
  1545. class="worksDetailBox"
  1546. v-if="workStudent[toolIndex].length > 0"
  1547. >
  1548. <div
  1549. class="works"
  1550. style="
  1551. width: 200px;
  1552. height: 140px;
  1553. margin: 10px 10px 10px 0;
  1554. box-shadow: 0 0 6px 1px #dfdada;
  1555. "
  1556. v-for="(w, wIndex) in workStudent[toolIndex]"
  1557. :key="wIndex"
  1558. >
  1559. <div class="workImg">
  1560. <img
  1561. :src="word2"
  1562. @click="downloadFile(w.works)"
  1563. alt
  1564. />
  1565. <div
  1566. class="answerScore"
  1567. v-if="w.score"
  1568. @click.stop="openScore(w)"
  1569. :class="{
  1570. rightW:
  1571. w.userid == userid || tType == 1 || tType == 4,
  1572. }"
  1573. >
  1574. {{ JSON.parse(w.score).wScore }}分
  1575. </div>
  1576. <div
  1577. class="answerScore"
  1578. @click.stop="openScore(w)"
  1579. v-else-if="courseDetail.userid == userid"
  1580. :class="{
  1581. rightW:
  1582. w.userid == userid || tType == 1 || tType == 4,
  1583. }"
  1584. >
  1585. 评分
  1586. </div>
  1587. <img
  1588. class="deleteImg"
  1589. src="../../assets/deleteworks.png"
  1590. v-if="
  1591. w.userid == userid || tType == 1 || tType == 4
  1592. "
  1593. @click.stop="deleteWorks(w.wid)"
  1594. alt
  1595. />
  1596. </div>
  1597. <div class="worksName">
  1598. <div>{{ w.sName }}</div>
  1599. </div>
  1600. </div>
  1601. </div>
  1602. </div>
  1603. <div
  1604. v-if="
  1605. tType &&
  1606. tType == 2 &&
  1607. !sIsOpen &&
  1608. tool.tool.indexOf(57) != -1
  1609. "
  1610. class="worksBox"
  1611. >
  1612. <div
  1613. class="zuoyeYulan"
  1614. v-if="workStudent[toolIndex].length > 0"
  1615. >
  1616. <span class="worksTitle">作业预览</span>
  1617. </div>
  1618. <div
  1619. class="worksDetailBox"
  1620. v-if="workStudent[toolIndex].length > 0"
  1621. >
  1622. <div
  1623. class="works"
  1624. style="
  1625. width: 200px;
  1626. height: 140px;
  1627. margin: 10px 10px 10px 0;
  1628. box-shadow: 0 0 6px 1px #dfdada;
  1629. "
  1630. v-for="(w, wIndex) in workStudent[toolIndex]"
  1631. :key="wIndex"
  1632. >
  1633. <div class="workImg">
  1634. <img
  1635. :src="word2"
  1636. @click="downloadFile(w.works)"
  1637. v-if="w.type == 12"
  1638. alt
  1639. />
  1640. <img
  1641. :src="word2"
  1642. @click="
  1643. openCocoPi(57, toolIndex, w.userid, w.sName)
  1644. "
  1645. v-else-if="w.type == 15"
  1646. alt
  1647. />
  1648. <div
  1649. class="answerScore"
  1650. v-if="w.score"
  1651. @click.stop="openScore(w)"
  1652. :class="{
  1653. rightW:
  1654. w.userid == userid || tType == 1 || tType == 4,
  1655. }"
  1656. >
  1657. {{ JSON.parse(w.score).wScore }}分
  1658. </div>
  1659. <div
  1660. class="answerScore"
  1661. @click.stop="openScore(w)"
  1662. v-else-if="courseDetail.userid == userid"
  1663. :class="{
  1664. rightW:
  1665. w.userid == userid || tType == 1 || tType == 4,
  1666. }"
  1667. >
  1668. 评分
  1669. </div>
  1670. <img
  1671. class="deleteImg"
  1672. src="../../assets/deleteworks.png"
  1673. v-if="
  1674. w.userid == userid || tType == 1 || tType == 4
  1675. "
  1676. @click.stop="deleteWorks(w.wid)"
  1677. alt
  1678. />
  1679. </div>
  1680. <div class="worksName">
  1681. <div>{{ w.sName }}</div>
  1682. </div>
  1683. </div>
  1684. </div>
  1685. </div>
  1686. <div
  1687. v-if="
  1688. tType &&
  1689. tType == 2 &&
  1690. !sIsOpen &&
  1691. tool.tool.indexOf(4) != -1
  1692. "
  1693. class="worksBox"
  1694. >
  1695. <div
  1696. class="zuoyeYulan"
  1697. v-if="workStudent[toolIndex].length > 0"
  1698. >
  1699. <span class="worksTitle">作业预览</span>
  1700. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1701. </div>
  1702. <div
  1703. class="worksDetailBox"
  1704. v-if="workStudent[toolIndex].length > 0"
  1705. >
  1706. <div
  1707. class="isWorksName2"
  1708. v-for="(w, wIndex) in workStudent[toolIndex]"
  1709. :key="wIndex"
  1710. @click="
  1711. openTools(4, toolIndex, taskCount, w.works, w.sName)
  1712. "
  1713. >
  1714. {{ w.sName }}
  1715. <img
  1716. class="deleteImg deleteImg2"
  1717. src="../../assets/deleteworks.png"
  1718. v-if="w.userid == userid || tType == 1 || tType == 4"
  1719. @click.stop="deleteWorks(w.wid)"
  1720. alt
  1721. />
  1722. </div>
  1723. <!-- <div
  1724. class="works"
  1725. style="
  1726. width: 200px;
  1727. height: 140px;
  1728. border-radius: 10px;
  1729. box-shadow: 0 0 6px 1px #dfdada;
  1730. overflow: hidden;
  1731. "
  1732. v-for="(w, wIndex) in workStudent[toolIndex]"
  1733. :key="wIndex"
  1734. >
  1735. <div class="workImg">
  1736. <img
  1737. src="../../assets/icon/works/noImg.png"
  1738. @click="
  1739. openTools(
  1740. 4,
  1741. toolIndex,
  1742. taskCount,
  1743. w.works,
  1744. w.sName
  1745. )
  1746. "
  1747. alt
  1748. />
  1749. </div>
  1750. <div class="worksName">
  1751. <div>{{ w.sName }}</div>
  1752. <div>{{ w.time }}</div>
  1753. </div>
  1754. </div> -->
  1755. </div>
  1756. </div>
  1757. <div
  1758. v-if="
  1759. tType &&
  1760. tType == 2 &&
  1761. !sIsOpen &&
  1762. tool.tool.indexOf(45) != -1
  1763. "
  1764. class="worksBox"
  1765. >
  1766. <div
  1767. class="zuoyeYulan"
  1768. v-if="workStudent[toolIndex].length > 0"
  1769. >
  1770. <span class="worksTitle">作业预览</span>
  1771. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1772. </div>
  1773. <div
  1774. class="worksDetailBox"
  1775. v-if="workStudent[toolIndex].length > 0"
  1776. >
  1777. <div
  1778. class="isWorksName2"
  1779. v-for="(w, wIndex) in workStudent[toolIndex]"
  1780. :key="wIndex"
  1781. @click="
  1782. openTools(45, toolIndex, taskCount, w.works, w.sName)
  1783. "
  1784. >
  1785. {{ w.sName }}
  1786. <img
  1787. class="deleteImg deleteImg2"
  1788. src="../../assets/deleteworks.png"
  1789. v-if="w.userid == userid || tType == 1 || tType == 4"
  1790. @click.stop="deleteWorks(w.wid)"
  1791. alt
  1792. />
  1793. </div>
  1794. </div>
  1795. </div>
  1796. <div
  1797. v-if="
  1798. tType &&
  1799. tType == 2 &&
  1800. !sIsOpen &&
  1801. tool.tool.indexOf(69) != -1
  1802. "
  1803. class="worksBox"
  1804. >
  1805. <div
  1806. class="zuoyeYulan"
  1807. v-if="workStudent[toolIndex].length > 0"
  1808. >
  1809. <span class="worksTitle">作业预览</span>
  1810. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1811. </div>
  1812. <div
  1813. class="worksDetailBox"
  1814. v-if="workStudent[toolIndex].length > 0"
  1815. >
  1816. <div
  1817. class="isWorksName2"
  1818. v-for="(w, wIndex) in workStudent[toolIndex]"
  1819. :key="wIndex"
  1820. @click="
  1821. openTools(69, toolIndex, taskCount, w.works, w.sName)
  1822. "
  1823. >
  1824. {{ w.sName }}
  1825. <img
  1826. class="deleteImg deleteImg2"
  1827. src="../../assets/deleteworks.png"
  1828. v-if="w.userid == userid || tType == 1 || tType == 4"
  1829. @click.stop="deleteWorks(w.wid)"
  1830. alt
  1831. />
  1832. </div>
  1833. </div>
  1834. </div>
  1835. <div
  1836. v-if="
  1837. tType &&
  1838. tType == 2 &&
  1839. !sIsOpen &&
  1840. tool.tool.indexOf(15) != -1
  1841. "
  1842. class="worksBox"
  1843. >
  1844. <div
  1845. class="zuoyeYulan"
  1846. v-if="workStudent[toolIndex].length > 0"
  1847. >
  1848. <span class="worksTitle">作业预览</span>
  1849. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1850. </div>
  1851. <div
  1852. class="worksDetailBox"
  1853. v-if="workStudent[toolIndex].length > 0"
  1854. >
  1855. <div
  1856. class="works"
  1857. v-for="(w, wIndex) in workStudent[toolIndex]"
  1858. :key="wIndex"
  1859. >
  1860. <div class="workImg">
  1861. <!-- <img
  1862. src="../../assets/icon/works/noImg.png"
  1863. @click="openTools(15, toolIndex, taskCount, w.works)"
  1864. alt=""
  1865. />-->
  1866. <div class="answerBg">
  1867. <!-- <div>{{ w.sName }}</div> -->
  1868. <el-tooltip
  1869. class="item"
  1870. effect="light"
  1871. :content="JSON.parse(w.works)[0].answer"
  1872. placement="top"
  1873. >
  1874. <div class="answerContent">
  1875. {{ JSON.parse(w.works)[0].answer }}
  1876. </div>
  1877. </el-tooltip>
  1878. <div
  1879. class="answerScore"
  1880. v-if="w.score"
  1881. @click.stop="openScore(w)"
  1882. :class="{
  1883. rightW:
  1884. w.userid == userid ||
  1885. tType == 1 ||
  1886. tType == 4,
  1887. }"
  1888. >
  1889. {{ JSON.parse(w.score).wScore }}分
  1890. </div>
  1891. <div
  1892. class="answerScore"
  1893. @click.stop="openScore(w)"
  1894. v-else-if="courseDetail.userid == userid"
  1895. :class="{
  1896. rightW:
  1897. w.userid == userid ||
  1898. tType == 1 ||
  1899. tType == 4,
  1900. }"
  1901. >
  1902. 评分
  1903. </div>
  1904. <img
  1905. class="deleteImg"
  1906. src="../../assets/deleteworks.png"
  1907. v-if="
  1908. w.userid == userid || tType == 1 || tType == 4
  1909. "
  1910. @click.stop="deleteWorks(w.wid)"
  1911. alt
  1912. />
  1913. </div>
  1914. <div class="comment">
  1915. <div class="worksName">
  1916. <div>{{ w.sName }}</div>
  1917. </div>
  1918. </div>
  1919. </div>
  1920. </div>
  1921. </div>
  1922. </div>
  1923. <div
  1924. v-if="
  1925. tType &&
  1926. tType == 2 &&
  1927. !sIsOpen &&
  1928. tool.tool.indexOf(1) != -1
  1929. "
  1930. class="worksBox"
  1931. >
  1932. <div
  1933. class="zuoyeYulan"
  1934. v-if="workStudent[toolIndex].length > 0"
  1935. >
  1936. <span class="worksTitle">作业预览</span>
  1937. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1938. </div>
  1939. <div
  1940. class="worksDetailBox"
  1941. v-if="workStudent[toolIndex].length > 0"
  1942. >
  1943. <div
  1944. class="works"
  1945. style="
  1946. width: 200px;
  1947. height: 140px;
  1948. margin: 10px 10px 10px 0;
  1949. box-shadow: 0 0 6px 1px #dfdada;
  1950. "
  1951. v-for="(w, wIndex) in workStudent[toolIndex]"
  1952. :key="wIndex"
  1953. >
  1954. <div class="workImg">
  1955. <img
  1956. :src="w.works"
  1957. @click="previewImg(w.works)"
  1958. alt
  1959. />
  1960. <div
  1961. class="answerScore"
  1962. v-if="w.score"
  1963. @click.stop="openScore(w)"
  1964. :class="{
  1965. rightW:
  1966. w.userid == userid || tType == 1 || tType == 4,
  1967. }"
  1968. >
  1969. {{ JSON.parse(w.score).wScore }}分
  1970. </div>
  1971. <div
  1972. class="answerScore"
  1973. @click.stop="openScore(w)"
  1974. v-else-if="courseDetail.userid == userid"
  1975. :class="{
  1976. rightW:
  1977. w.userid == userid || tType == 1 || tType == 4,
  1978. }"
  1979. >
  1980. 评分
  1981. </div>
  1982. <img
  1983. class="deleteImg"
  1984. src="../../assets/deleteworks.png"
  1985. v-if="
  1986. w.userid == userid || tType == 1 || tType == 4
  1987. "
  1988. @click.stop="deleteWorks(w.wid)"
  1989. alt
  1990. />
  1991. </div>
  1992. <div class="worksName">
  1993. <div>{{ w.sName }}</div>
  1994. </div>
  1995. </div>
  1996. </div>
  1997. </div>
  1998. <div
  1999. v-if="
  2000. tType &&
  2001. tType == 2 &&
  2002. !sIsOpen &&
  2003. tool.tool.indexOf(3) != -1
  2004. "
  2005. class="worksBox"
  2006. >
  2007. <div
  2008. class="zuoyeYulan"
  2009. v-if="workStudent[toolIndex].length > 0"
  2010. >
  2011. <span class="worksTitle">作业预览</span>
  2012. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2013. </div>
  2014. <div
  2015. class="worksDetailBox"
  2016. v-if="workStudent[toolIndex].length > 0"
  2017. >
  2018. <div
  2019. class="works"
  2020. style="
  2021. width: 200px;
  2022. height: 140px;
  2023. margin: 10px 10px 10px 0;
  2024. box-shadow: 0 0 6px 1px #dfdada;
  2025. "
  2026. v-for="(w, wIndex) in workStudent[toolIndex]"
  2027. :key="wIndex"
  2028. >
  2029. <div class="workImg">
  2030. <img
  2031. :src="w.works"
  2032. @click="previewImg(w.works)"
  2033. alt
  2034. />
  2035. <div
  2036. class="answerScore"
  2037. v-if="w.score"
  2038. @click.stop="openScore(w)"
  2039. :class="{
  2040. rightW:
  2041. w.userid == userid || tType == 1 || tType == 4,
  2042. }"
  2043. >
  2044. {{ JSON.parse(w.score).wScore }}分
  2045. </div>
  2046. <div
  2047. class="answerScore"
  2048. @click.stop="openScore(w)"
  2049. v-else-if="courseDetail.userid == userid"
  2050. :class="{
  2051. rightW:
  2052. w.userid == userid || tType == 1 || tType == 4,
  2053. }"
  2054. >
  2055. 评分
  2056. </div>
  2057. <img
  2058. class="deleteImg"
  2059. src="../../assets/deleteworks.png"
  2060. v-if="
  2061. w.userid == userid || tType == 1 || tType == 4
  2062. "
  2063. @click.stop="deleteWorks(w.wid)"
  2064. alt
  2065. />
  2066. </div>
  2067. <div class="worksName">
  2068. <div>{{ w.sName }}</div>
  2069. </div>
  2070. </div>
  2071. </div>
  2072. </div>
  2073. <div
  2074. v-if="
  2075. tType &&
  2076. tType == 2 &&
  2077. !sIsOpen &&
  2078. tool.tool.indexOf(6) != -1
  2079. "
  2080. class="worksBox"
  2081. >
  2082. <div
  2083. class="zuoyeYulan"
  2084. v-if="workStudent[toolIndex].length > 0"
  2085. >
  2086. <span class="worksTitle">作业预览</span>
  2087. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2088. </div>
  2089. <div
  2090. class="worksDetailBox"
  2091. v-if="workStudent[toolIndex].length > 0"
  2092. >
  2093. <div
  2094. class="works"
  2095. style="
  2096. width: 200px;
  2097. height: 140px;
  2098. margin: 10px 10px 10px 0;
  2099. box-shadow: 0 0 6px 1px #dfdada;
  2100. "
  2101. v-for="(w, wIndex) in workStudent[toolIndex]"
  2102. :key="wIndex"
  2103. >
  2104. <div class="workImg">
  2105. <img
  2106. :src="w.works"
  2107. @click="previewImg(w.works)"
  2108. alt
  2109. />
  2110. <div
  2111. class="answerScore"
  2112. v-if="w.score"
  2113. @click.stop="openScore(w)"
  2114. :class="{
  2115. rightW:
  2116. w.userid == userid || tType == 1 || tType == 4,
  2117. }"
  2118. >
  2119. {{ JSON.parse(w.score).wScore }}分
  2120. </div>
  2121. <div
  2122. class="answerScore"
  2123. @click.stop="openScore(w)"
  2124. v-else-if="courseDetail.userid == userid"
  2125. :class="{
  2126. rightW:
  2127. w.userid == userid || tType == 1 || tType == 4,
  2128. }"
  2129. >
  2130. 评分
  2131. </div>
  2132. <img
  2133. class="deleteImg"
  2134. src="../../assets/deleteworks.png"
  2135. v-if="
  2136. w.userid == userid || tType == 1 || tType == 4
  2137. "
  2138. @click.stop="deleteWorks(w.wid)"
  2139. alt
  2140. />
  2141. </div>
  2142. <div class="worksName">
  2143. <div>{{ w.sName }}</div>
  2144. </div>
  2145. </div>
  2146. </div>
  2147. </div>
  2148. <div
  2149. v-if="
  2150. tType &&
  2151. tType == 2 &&
  2152. !sIsOpen &&
  2153. tool.tool.indexOf(7) != -1
  2154. "
  2155. class="worksBox"
  2156. >
  2157. <div
  2158. class="zuoyeYulan"
  2159. v-if="workStudent[toolIndex].length > 0"
  2160. >
  2161. <span class="worksTitle">作业预览</span>
  2162. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2163. </div>
  2164. <div
  2165. class="worksDetailBox"
  2166. v-if="workStudent[toolIndex].length > 0"
  2167. >
  2168. <div
  2169. class="works"
  2170. style="
  2171. width: 200px;
  2172. height: 140px;
  2173. margin: 10px 10px 10px 0;
  2174. box-shadow: 0 0 6px 1px #dfdada;
  2175. "
  2176. v-for="(w, wIndex) in workStudent[toolIndex]"
  2177. :key="wIndex"
  2178. >
  2179. <div class="workImg">
  2180. <img
  2181. :src="w.works"
  2182. @click="previewImg(w.works)"
  2183. alt
  2184. />
  2185. <div
  2186. class="answerScore"
  2187. v-if="w.score"
  2188. @click.stop="openScore(w)"
  2189. :class="{
  2190. rightW:
  2191. w.userid == userid || tType == 1 || tType == 4,
  2192. }"
  2193. >
  2194. {{ JSON.parse(w.score).wScore }}分
  2195. </div>
  2196. <div
  2197. class="answerScore"
  2198. @click.stop="openScore(w)"
  2199. v-else-if="courseDetail.userid == userid"
  2200. :class="{
  2201. rightW:
  2202. w.userid == userid || tType == 1 || tType == 4,
  2203. }"
  2204. >
  2205. 评分
  2206. </div>
  2207. <img
  2208. class="deleteImg"
  2209. src="../../assets/deleteworks.png"
  2210. v-if="
  2211. w.userid == userid || tType == 1 || tType == 4
  2212. "
  2213. @click.stop="deleteWorks(w.wid)"
  2214. alt
  2215. />
  2216. </div>
  2217. <div class="worksName">
  2218. <div>{{ w.sName }}</div>
  2219. </div>
  2220. </div>
  2221. </div>
  2222. </div>
  2223. <div
  2224. v-if="
  2225. tType &&
  2226. tType == 2 &&
  2227. !sIsOpen &&
  2228. tool.tool.indexOf(26) != -1
  2229. "
  2230. class="worksBox"
  2231. >
  2232. <div
  2233. class="zuoyeYulan"
  2234. v-if="workStudent[toolIndex].length > 0"
  2235. >
  2236. <span class="worksTitle">作业预览</span>
  2237. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2238. </div>
  2239. <div
  2240. class="worksDetailBox"
  2241. v-if="workStudent[toolIndex].length > 0"
  2242. >
  2243. <div
  2244. class="works"
  2245. style="
  2246. width: 200px;
  2247. height: 140px;
  2248. margin: 10px 10px 10px 0;
  2249. box-shadow: 0 0 6px 1px #dfdada;
  2250. "
  2251. v-for="(w, wIndex) in workStudent[toolIndex]"
  2252. :key="wIndex"
  2253. >
  2254. <div class="workImg">
  2255. <img
  2256. :src="w.works"
  2257. @click="previewImg(w.works)"
  2258. alt
  2259. />
  2260. <img
  2261. class="deleteImg"
  2262. src="../../assets/deleteworks.png"
  2263. v-if="
  2264. w.userid == userid || tType == 1 || tType == 4
  2265. "
  2266. @click.stop="deleteWorks(w.wid)"
  2267. alt
  2268. />
  2269. </div>
  2270. <div class="worksName">
  2271. <div>{{ w.sName }}</div>
  2272. </div>
  2273. </div>
  2274. </div>
  2275. </div>
  2276. <div
  2277. v-if="
  2278. tType &&
  2279. ((tType == 2 && sIsOpen == true) ||
  2280. tType == 1 ||
  2281. tType == 4) &&
  2282. tool.tool.indexOf(16) != -1
  2283. "
  2284. class="worksBox"
  2285. >
  2286. <div
  2287. class="zuoyeYulan"
  2288. v-if="
  2289. (worksStudent.length &&
  2290. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  2291. "
  2292. >
  2293. <div class="worksTop">
  2294. <div>作业预览</div>
  2295. <div
  2296. class="corOpen"
  2297. @click="contract(toolIndex)"
  2298. v-if="
  2299. worksStudent[toolIndex].length > 3 &&
  2300. isCloseList[toolIndex].isClose == 0
  2301. "
  2302. >
  2303. 折叠
  2304. </div>
  2305. <div
  2306. class="corOpen"
  2307. @click="contract(toolIndex)"
  2308. v-if="isCloseList[toolIndex].isClose == 1"
  2309. >
  2310. 展开
  2311. </div>
  2312. </div>
  2313. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2314. </div>
  2315. <div
  2316. class="group_workBox"
  2317. v-for="(g, gindex) in courseGroup.group"
  2318. :key="gindex"
  2319. >
  2320. <div class="group_box">
  2321. <div class="group_title">
  2322. <el-tooltip
  2323. class="item"
  2324. effect="light"
  2325. :content="g.name"
  2326. placement="top"
  2327. >
  2328. <div class="group_name">{{ g.name }}</div>
  2329. </el-tooltip>
  2330. </div>
  2331. <div
  2332. class="group_work"
  2333. v-if="
  2334. g.works &&
  2335. g.works.length &&
  2336. g.works[toolIndex].length
  2337. "
  2338. >
  2339. <div
  2340. class="works"
  2341. style="
  2342. width: 200px;
  2343. height: 140px;
  2344. margin: 10px 10px 10px 0;
  2345. border-radius: 15px;
  2346. box-shadow: 0 0 6px 1px #dfdada;
  2347. "
  2348. v-for="(w, wIndex) in g.works[toolIndex]"
  2349. :key="wIndex"
  2350. :class="w.type == 1 ? 'isTypeOne' : ''"
  2351. >
  2352. <div class="workImg" v-if="w.type == 0">
  2353. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  2354. <img
  2355. :src="w.works"
  2356. @click="previewImg(w.works)"
  2357. alt
  2358. />
  2359. <div
  2360. class="answerScore"
  2361. v-if="w.score"
  2362. @click.stop="openScore(w)"
  2363. :class="{
  2364. rightW:
  2365. w.userid == userid ||
  2366. tType == 1 ||
  2367. tType == 4 ||
  2368. w.ateacher == userid,
  2369. }"
  2370. >
  2371. {{ JSON.parse(w.score).wScore }}分
  2372. </div>
  2373. <div
  2374. class="answerScore"
  2375. @click.stop="openScore(w)"
  2376. v-else-if="courseDetail.userid == userid"
  2377. :class="{
  2378. rightW:
  2379. w.userid == userid ||
  2380. tType == 1 ||
  2381. tType == 4 ||
  2382. w.ateacher == userid,
  2383. }"
  2384. >
  2385. 评分
  2386. </div>
  2387. <img
  2388. class="deleteImg"
  2389. src="../../assets/deleteworks.png"
  2390. v-if="
  2391. w.userid == userid || tType == 1 || tType == 4
  2392. "
  2393. @click.stop="deleteWorks(w.wid)"
  2394. alt
  2395. />
  2396. </div>
  2397. <div class="workImg" v-if="w.type == 1">
  2398. <img :src="word" @click="openFile(w.works)" alt />
  2399. <!-- @click="openFile(w.works)" -->
  2400. <div
  2401. class="answerScore"
  2402. v-if="w.score"
  2403. @click.stop="openScore(w)"
  2404. :class="{
  2405. rightW:
  2406. w.userid == userid ||
  2407. tType == 1 ||
  2408. tType == 4 ||
  2409. w.ateacher == userid,
  2410. }"
  2411. >
  2412. {{ JSON.parse(w.score).wScore }}分
  2413. </div>
  2414. <div
  2415. class="answerScore"
  2416. @click.stop="openScore(w)"
  2417. v-else-if="courseDetail.userid == userid"
  2418. :class="{
  2419. rightW:
  2420. w.userid == userid ||
  2421. tType == 1 ||
  2422. tType == 4 ||
  2423. w.ateacher == userid,
  2424. }"
  2425. >
  2426. 评分
  2427. </div>
  2428. <img
  2429. class="deleteImg"
  2430. src="../../assets/deleteworks.png"
  2431. v-if="
  2432. w.userid == userid || tType == 1 || tType == 4
  2433. "
  2434. @click.stop="deleteWorks(w.wid)"
  2435. alt
  2436. />
  2437. </div>
  2438. <div class="workImg" v-if="w.type == 3">
  2439. <img
  2440. style="cursor: pointer"
  2441. :src="video"
  2442. @click="openVideo(w)"
  2443. alt
  2444. />
  2445. <!-- @click="openVideo(w.works)" -->
  2446. <div
  2447. class="answerScore"
  2448. v-if="w.score"
  2449. @click.stop="openScore(w)"
  2450. :class="{
  2451. rightW:
  2452. w.userid == userid ||
  2453. tType == 1 ||
  2454. tType == 4 ||
  2455. w.ateacher == userid,
  2456. }"
  2457. >
  2458. {{ JSON.parse(w.score).wScore }}分
  2459. </div>
  2460. <div
  2461. class="answerScore"
  2462. @click.stop="openScore(w)"
  2463. v-else-if="courseDetail.userid == userid"
  2464. :class="{
  2465. rightW:
  2466. w.userid == userid ||
  2467. tType == 1 ||
  2468. tType == 4 ||
  2469. w.ateacher == userid,
  2470. }"
  2471. >
  2472. 评分
  2473. </div>
  2474. <img
  2475. class="deleteImg"
  2476. src="../../assets/deleteworks.png"
  2477. v-if="
  2478. w.userid == userid || tType == 1 || tType == 4
  2479. "
  2480. @click.stop="deleteWorks(w.wid)"
  2481. alt
  2482. />
  2483. </div>
  2484. <div class="workImg" v-if="w.type == 12">
  2485. <img
  2486. style="cursor: pointer"
  2487. :src="word2"
  2488. @click="downloadFile(w.works)"
  2489. alt
  2490. />
  2491. <!-- @click="openVideo(w.works)" -->
  2492. <div
  2493. class="answerScore"
  2494. v-if="w.score"
  2495. @click.stop="openScore(w)"
  2496. :class="{
  2497. rightW:
  2498. w.userid == userid ||
  2499. tType == 1 ||
  2500. tType == 4 ||
  2501. w.ateacher == userid,
  2502. }"
  2503. >
  2504. {{ JSON.parse(w.score).wScore }}分
  2505. </div>
  2506. <div
  2507. class="answerScore"
  2508. @click.stop="openScore(w)"
  2509. v-else-if="courseDetail.userid == userid"
  2510. :class="{
  2511. rightW:
  2512. w.userid == userid ||
  2513. tType == 1 ||
  2514. tType == 4 ||
  2515. w.ateacher == userid,
  2516. }"
  2517. >
  2518. 评分
  2519. </div>
  2520. <img
  2521. class="deleteImg"
  2522. src="../../assets/deleteworks.png"
  2523. v-if="
  2524. w.userid == userid || tType == 1 || tType == 4
  2525. "
  2526. @click.stop="deleteWorks(w.wid)"
  2527. alt
  2528. />
  2529. </div>
  2530. <div class="comment" style="min-width: 200px">
  2531. <div class="worksName">
  2532. <div>{{ w.sName }}</div>
  2533. </div>
  2534. <div class="commentList">
  2535. <div class="commentList">
  2536. <div
  2537. class="commentImg"
  2538. @click="
  2539. isLikes(w.wid, userid, 1, null, w.isLikes)
  2540. "
  2541. >
  2542. <img
  2543. :src="w.isLikes == true ? likes : noLikes"
  2544. alt=""
  2545. />
  2546. </div>
  2547. <div>{{ w.likesCount }}</div>
  2548. </div>
  2549. <div
  2550. class="commentList"
  2551. style="margin-right: 15px"
  2552. >
  2553. <div
  2554. class="commentImg"
  2555. @click="
  2556. commentOther(
  2557. w,
  2558. toolIndex,
  2559. wIndex,
  2560. null,
  2561. g.id
  2562. )
  2563. "
  2564. >
  2565. <img
  2566. src="../../assets/icon/comment/comment.png"
  2567. alt=""
  2568. />
  2569. </div>
  2570. <div>{{ w.commentCount }}</div>
  2571. </div>
  2572. </div>
  2573. </div>
  2574. </div>
  2575. </div>
  2576. <div class="group_work" v-else>暂无提交作业</div>
  2577. </div>
  2578. </div>
  2579. <div
  2580. class="worksDetailBox"
  2581. v-if="
  2582. worksStudent.length &&
  2583. worksStudent[toolIndex].length > 0
  2584. "
  2585. >
  2586. <div
  2587. class="works"
  2588. style="
  2589. width: 200px;
  2590. height: 140px;
  2591. margin: 10px 10px 10px 0;
  2592. border-radius: 15px;
  2593. box-shadow: 0 0 6px 1px #dfdada;
  2594. "
  2595. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  2596. 0
  2597. ? worksStudent[toolIndex]
  2598. : worksStudent[toolIndex].slice(0, 3)"
  2599. :key="wIndex"
  2600. :class="w.type == 1 ? 'isTypeOne' : ''"
  2601. >
  2602. <div class="workImg" v-if="w.type == 0">
  2603. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  2604. <img
  2605. :src="w.works"
  2606. @click="previewImg(w.works)"
  2607. alt
  2608. />
  2609. <div
  2610. class="answerScore"
  2611. v-if="w.score"
  2612. @click.stop="openScore(w)"
  2613. :class="{
  2614. rightW:
  2615. w.userid == userid ||
  2616. tType == 1 ||
  2617. tType == 4 ||
  2618. w.ateacher == userid,
  2619. }"
  2620. >
  2621. {{ JSON.parse(w.score).wScore }}分
  2622. </div>
  2623. <div
  2624. class="answerScore"
  2625. @click.stop="openScore(w)"
  2626. v-else-if="courseDetail.userid == userid"
  2627. :class="{
  2628. rightW:
  2629. w.userid == userid ||
  2630. tType == 1 ||
  2631. tType == 4 ||
  2632. w.ateacher == userid,
  2633. }"
  2634. >
  2635. 评分
  2636. </div>
  2637. <img
  2638. class="deleteImg"
  2639. src="../../assets/deleteworks.png"
  2640. v-if="
  2641. w.userid == userid || tType == 1 || tType == 4
  2642. "
  2643. @click.stop="deleteWorks(w.wid)"
  2644. alt
  2645. />
  2646. </div>
  2647. <div class="workImg" v-if="w.type == 1">
  2648. <img :src="word" @click="openFile(w.works)" alt />
  2649. <!-- @click="openFile(w.works)" -->
  2650. <div
  2651. class="answerScore"
  2652. v-if="w.score"
  2653. @click.stop="openScore(w)"
  2654. :class="{
  2655. rightW:
  2656. w.userid == userid ||
  2657. tType == 1 ||
  2658. tType == 4 ||
  2659. w.ateacher == userid,
  2660. }"
  2661. >
  2662. {{ JSON.parse(w.score).wScore }}分
  2663. </div>
  2664. <div
  2665. class="answerScore"
  2666. @click.stop="openScore(w)"
  2667. v-else-if="courseDetail.userid == userid"
  2668. :class="{
  2669. rightW:
  2670. w.userid == userid ||
  2671. tType == 1 ||
  2672. tType == 4 ||
  2673. w.ateacher == userid,
  2674. }"
  2675. >
  2676. 评分
  2677. </div>
  2678. <img
  2679. class="deleteImg"
  2680. src="../../assets/deleteworks.png"
  2681. v-if="
  2682. w.userid == userid || tType == 1 || tType == 4
  2683. "
  2684. @click.stop="deleteWorks(w.wid)"
  2685. alt
  2686. />
  2687. </div>
  2688. <div class="workImg" v-if="w.type == 3">
  2689. <img
  2690. style="cursor: pointer"
  2691. :src="video"
  2692. @click="openVideo(w)"
  2693. alt
  2694. />
  2695. <!-- @click="openVideo(w.works)" -->
  2696. <div
  2697. class="answerScore"
  2698. v-if="w.score"
  2699. @click.stop="openScore(w)"
  2700. :class="{
  2701. rightW:
  2702. w.userid == userid ||
  2703. tType == 1 ||
  2704. tType == 4 ||
  2705. w.ateacher == userid,
  2706. }"
  2707. >
  2708. {{ JSON.parse(w.score).wScore }}分
  2709. </div>
  2710. <div
  2711. class="answerScore"
  2712. @click.stop="openScore(w)"
  2713. v-else-if="courseDetail.userid == userid"
  2714. :class="{
  2715. rightW:
  2716. w.userid == userid ||
  2717. tType == 1 ||
  2718. tType == 4 ||
  2719. w.ateacher == userid,
  2720. }"
  2721. >
  2722. 评分
  2723. </div>
  2724. <img
  2725. class="deleteImg"
  2726. src="../../assets/deleteworks.png"
  2727. v-if="
  2728. w.userid == userid || tType == 1 || tType == 4
  2729. "
  2730. @click.stop="deleteWorks(w.wid)"
  2731. alt
  2732. />
  2733. </div>
  2734. <div class="workImg" v-if="w.type == 12">
  2735. <img
  2736. style="cursor: pointer"
  2737. :src="word2"
  2738. @click="downloadFile(w.works)"
  2739. alt
  2740. />
  2741. <!-- @click="openVideo(w.works)" -->
  2742. <div
  2743. class="answerScore"
  2744. v-if="w.score"
  2745. @click.stop="openScore(w)"
  2746. :class="{
  2747. rightW:
  2748. w.userid == userid ||
  2749. tType == 1 ||
  2750. tType == 4 ||
  2751. w.ateacher == userid,
  2752. }"
  2753. >
  2754. {{ JSON.parse(w.score).wScore }}分
  2755. </div>
  2756. <div
  2757. class="answerScore"
  2758. @click.stop="openScore(w)"
  2759. v-else-if="courseDetail.userid == userid"
  2760. :class="{
  2761. rightW:
  2762. w.userid == userid ||
  2763. tType == 1 ||
  2764. tType == 4 ||
  2765. w.ateacher == userid,
  2766. }"
  2767. >
  2768. 评分
  2769. </div>
  2770. <img
  2771. class="deleteImg"
  2772. src="../../assets/deleteworks.png"
  2773. v-if="
  2774. w.userid == userid || tType == 1 || tType == 4
  2775. "
  2776. @click.stop="deleteWorks(w.wid)"
  2777. alt
  2778. />
  2779. </div>
  2780. <div class="comment" style="min-width: 200px">
  2781. <div class="worksName">
  2782. <div>{{ w.sName }}</div>
  2783. </div>
  2784. <div class="commentList">
  2785. <div class="commentList">
  2786. <div
  2787. class="commentImg"
  2788. @click="
  2789. isLikes(w.wid, userid, 1, null, w.isLikes)
  2790. "
  2791. >
  2792. <img
  2793. :src="w.isLikes == true ? likes : noLikes"
  2794. alt=""
  2795. />
  2796. </div>
  2797. <div>{{ w.likesCount }}</div>
  2798. </div>
  2799. <div class="commentList" style="margin-right: 15px">
  2800. <div
  2801. class="commentImg"
  2802. @click="commentOther(w, toolIndex, wIndex)"
  2803. >
  2804. <img
  2805. src="../../assets/icon/comment/comment.png"
  2806. alt=""
  2807. />
  2808. </div>
  2809. <div>{{ w.commentCount }}</div>
  2810. </div>
  2811. </div>
  2812. </div>
  2813. </div>
  2814. </div>
  2815. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  2816. 未提交
  2817. </div>
  2818. <div
  2819. class="noWorksS"
  2820. v-if="noWorksS && noWorksS[toolIndex].length"
  2821. >
  2822. <div
  2823. v-for="(s, sIndex) in noWorksS[toolIndex]"
  2824. :key="sIndex"
  2825. class="noWorksName"
  2826. @click="teacherWorkSubmit(16, toolIndex, taskCount, s)"
  2827. >
  2828. {{ s.student }}
  2829. </div>
  2830. </div>
  2831. </div>
  2832. <div
  2833. v-if="
  2834. tType &&
  2835. ((tType == 2 && sIsOpen == true) ||
  2836. tType == 1 ||
  2837. tType == 4) &&
  2838. tool.tool.indexOf(32) != -1
  2839. "
  2840. class="worksBox"
  2841. >
  2842. <div
  2843. class="zuoyeYulan"
  2844. v-if="
  2845. worksStudent.length &&
  2846. worksStudent[toolIndex].length > 0
  2847. "
  2848. >
  2849. <div class="worksTop">
  2850. <div>作业预览</div>
  2851. <div
  2852. class="corOpen"
  2853. @click="contract(toolIndex)"
  2854. v-if="
  2855. worksStudent[toolIndex].length > 3 &&
  2856. isCloseList[toolIndex].isClose == 0
  2857. "
  2858. >
  2859. 折叠
  2860. </div>
  2861. <div
  2862. class="corOpen"
  2863. @click="contract(toolIndex)"
  2864. v-if="isCloseList[toolIndex].isClose == 1"
  2865. >
  2866. 展开
  2867. </div>
  2868. </div>
  2869. </div>
  2870. <div
  2871. class="worksDetailBox"
  2872. v-if="
  2873. worksStudent.length &&
  2874. worksStudent[toolIndex].length > 0
  2875. "
  2876. >
  2877. <div
  2878. class="works"
  2879. style="
  2880. width: 200px;
  2881. height: 140px;
  2882. margin: 10px 10px 10px 0;
  2883. border-radius: 15px;
  2884. box-shadow: 0 0 6px 1px #dfdada;
  2885. "
  2886. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  2887. 0
  2888. ? worksStudent[toolIndex]
  2889. : worksStudent[toolIndex].slice(0, 3)"
  2890. :key="wIndex"
  2891. :class="w.type == 1 ? 'isTypeOne' : ''"
  2892. >
  2893. <div class="workImg">
  2894. <img
  2895. :src="word2"
  2896. @click="downloadFile(w.works)"
  2897. alt
  2898. />
  2899. <div
  2900. class="answerScore"
  2901. v-if="w.score"
  2902. @click.stop="openScore(w)"
  2903. :class="{
  2904. rightW:
  2905. w.userid == userid ||
  2906. tType == 1 ||
  2907. tType == 4 ||
  2908. w.ateacher == userid,
  2909. }"
  2910. >
  2911. {{ JSON.parse(w.score).wScore }}分
  2912. </div>
  2913. <div
  2914. class="answerScore"
  2915. @click.stop="openScore(w)"
  2916. v-else-if="courseDetail.userid == userid"
  2917. :class="{
  2918. rightW:
  2919. w.userid == userid ||
  2920. tType == 1 ||
  2921. tType == 4 ||
  2922. w.ateacher == userid,
  2923. }"
  2924. >
  2925. 评分
  2926. </div>
  2927. <img
  2928. class="deleteImg"
  2929. src="../../assets/deleteworks.png"
  2930. v-if="
  2931. w.userid == userid || tType == 1 || tType == 4
  2932. "
  2933. @click.stop="deleteWorks(w.wid)"
  2934. alt
  2935. />
  2936. </div>
  2937. <div class="comment" style="min-width: 200px">
  2938. <div class="worksName">
  2939. <div>{{ w.sName }}</div>
  2940. </div>
  2941. <div class="commentList">
  2942. <div class="commentList">
  2943. <div
  2944. class="commentImg"
  2945. @click="
  2946. isLikes(w.wid, userid, 1, null, w.isLikes)
  2947. "
  2948. >
  2949. <img
  2950. :src="w.isLikes == true ? likes : noLikes"
  2951. alt=""
  2952. />
  2953. </div>
  2954. <div>{{ w.likesCount }}</div>
  2955. </div>
  2956. <div class="commentList" style="margin-right: 15px">
  2957. <div
  2958. class="commentImg"
  2959. @click="commentOther(w, toolIndex, wIndex)"
  2960. >
  2961. <img
  2962. src="../../assets/icon/comment/comment.png"
  2963. alt=""
  2964. />
  2965. </div>
  2966. <div>{{ w.commentCount }}</div>
  2967. </div>
  2968. </div>
  2969. </div>
  2970. </div>
  2971. </div>
  2972. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  2973. 未提交
  2974. </div>
  2975. <div
  2976. class="noWorksS"
  2977. v-if="noWorksS && noWorksS[toolIndex].length"
  2978. >
  2979. <div
  2980. v-for="(s, sIndex) in noWorksS[toolIndex]"
  2981. :key="sIndex"
  2982. class="noWorksName"
  2983. @click="teacherWorkSubmit(32, toolIndex, taskCount, s)"
  2984. >
  2985. {{ s.student }}
  2986. </div>
  2987. </div>
  2988. </div>
  2989. <div
  2990. v-if="
  2991. tType &&
  2992. ((tType == 2 && sIsOpen == true) ||
  2993. tType == 1 ||
  2994. tType == 4) &&
  2995. tool.tool.indexOf(57) != -1
  2996. "
  2997. class="worksBox"
  2998. >
  2999. <div
  3000. class="zuoyeYulan"
  3001. v-if="
  3002. worksStudent.length &&
  3003. worksStudent[toolIndex].length > 0
  3004. "
  3005. >
  3006. <div class="worksTop">
  3007. <div>作业预览</div>
  3008. <div
  3009. class="corOpen"
  3010. @click="contract(toolIndex)"
  3011. v-if="
  3012. worksStudent[toolIndex].length > 3 &&
  3013. isCloseList[toolIndex].isClose == 0
  3014. "
  3015. >
  3016. 折叠
  3017. </div>
  3018. <div
  3019. class="corOpen"
  3020. @click="contract(toolIndex)"
  3021. v-if="isCloseList[toolIndex].isClose == 1"
  3022. >
  3023. 展开
  3024. </div>
  3025. </div>
  3026. </div>
  3027. <div
  3028. class="worksDetailBox"
  3029. v-if="
  3030. worksStudent.length &&
  3031. worksStudent[toolIndex].length > 0
  3032. "
  3033. >
  3034. <div
  3035. class="works"
  3036. style="
  3037. width: 200px;
  3038. height: 140px;
  3039. margin: 10px 10px 10px 0;
  3040. border-radius: 15px;
  3041. box-shadow: 0 0 6px 1px #dfdada;
  3042. "
  3043. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  3044. 0
  3045. ? worksStudent[toolIndex]
  3046. : worksStudent[toolIndex].slice(0, 3)"
  3047. :key="wIndex"
  3048. :class="w.type == 1 ? 'isTypeOne' : ''"
  3049. >
  3050. <div class="workImg">
  3051. <img
  3052. :src="word2"
  3053. @click="downloadFile(w.works)"
  3054. v-if="w.type == 12"
  3055. alt
  3056. />
  3057. <img
  3058. :src="word2"
  3059. @click="
  3060. openCocoPi(57, toolIndex, w.userid, w.sName)
  3061. "
  3062. v-else-if="w.type == 15"
  3063. alt
  3064. />
  3065. <div
  3066. class="answerScore"
  3067. v-if="w.score"
  3068. @click.stop="openScore(w)"
  3069. :class="{
  3070. rightW:
  3071. w.userid == userid ||
  3072. tType == 1 ||
  3073. tType == 4 ||
  3074. w.ateacher == userid,
  3075. }"
  3076. >
  3077. {{ JSON.parse(w.score).wScore }}分
  3078. </div>
  3079. <div
  3080. class="answerScore"
  3081. @click.stop="openScore(w)"
  3082. v-else-if="courseDetail.userid == userid"
  3083. :class="{
  3084. rightW:
  3085. w.userid == userid ||
  3086. tType == 1 ||
  3087. tType == 4 ||
  3088. w.ateacher == userid,
  3089. }"
  3090. >
  3091. 评分
  3092. </div>
  3093. <img
  3094. class="deleteImg"
  3095. src="../../assets/deleteworks.png"
  3096. v-if="
  3097. w.userid == userid || tType == 1 || tType == 4
  3098. "
  3099. @click.stop="deleteWorks(w.wid)"
  3100. alt
  3101. />
  3102. </div>
  3103. <div class="comment" style="min-width: 200px">
  3104. <div class="worksName">
  3105. <div>{{ w.sName }}</div>
  3106. </div>
  3107. <div class="commentList">
  3108. <div class="commentList">
  3109. <div
  3110. class="commentImg"
  3111. @click="
  3112. isLikes(w.wid, userid, 1, null, w.isLikes)
  3113. "
  3114. >
  3115. <img
  3116. :src="w.isLikes == true ? likes : noLikes"
  3117. alt=""
  3118. />
  3119. </div>
  3120. <div>{{ w.likesCount }}</div>
  3121. </div>
  3122. <div class="commentList" style="margin-right: 15px">
  3123. <div
  3124. class="commentImg"
  3125. @click="commentOther(w, toolIndex, wIndex)"
  3126. >
  3127. <img
  3128. src="../../assets/icon/comment/comment.png"
  3129. alt=""
  3130. />
  3131. </div>
  3132. <div>{{ w.commentCount }}</div>
  3133. </div>
  3134. </div>
  3135. </div>
  3136. </div>
  3137. </div>
  3138. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3139. 未提交
  3140. </div>
  3141. <div
  3142. class="noWorksS"
  3143. v-if="noWorksS && noWorksS[toolIndex].length"
  3144. >
  3145. <div
  3146. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3147. :key="sIndex"
  3148. class="noWorksName"
  3149. @click="teacherWorkSubmit(57, toolIndex, taskCount, s)"
  3150. >
  3151. {{ s.student }}
  3152. </div>
  3153. </div>
  3154. </div>
  3155. <div v-if="tool.tool.indexOf(50) != -1" class="worksBox">
  3156. <div
  3157. class="zuoyeYulan"
  3158. v-if="
  3159. worksStudent.length &&
  3160. worksStudent[toolIndex].length > 0
  3161. "
  3162. >
  3163. <span class="worksTitle">作业预览</span>
  3164. <div
  3165. class="corOpen"
  3166. @click="contract(toolIndex)"
  3167. v-if="
  3168. worksStudent[toolIndex].length > 3 &&
  3169. isCloseList[toolIndex].isClose == 0
  3170. "
  3171. >
  3172. 折叠
  3173. </div>
  3174. <div
  3175. class="corOpen"
  3176. @click="contract(toolIndex)"
  3177. v-if="isCloseList[toolIndex].isClose == 1"
  3178. >
  3179. 展开
  3180. </div>
  3181. </div>
  3182. <div
  3183. class="worksDetailBox"
  3184. v-if="
  3185. worksStudent.length &&
  3186. worksStudent[toolIndex].length > 0
  3187. "
  3188. >
  3189. <div
  3190. class="works"
  3191. style="
  3192. width: 200px;
  3193. height: 140px;
  3194. margin: 10px 10px 10px 0;
  3195. border-radius: 15px;
  3196. box-shadow: 0 0 6px 1px #dfdada;
  3197. "
  3198. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  3199. 0
  3200. ? worksStudent[toolIndex]
  3201. : worksStudent[toolIndex].slice(0, 3)"
  3202. :key="wIndex"
  3203. :class="w.type == 1 ? 'isTypeOne' : ''"
  3204. >
  3205. <div class="workImg" v-if="w.type == 0">
  3206. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  3207. <img
  3208. :src="w.works"
  3209. @click="previewImg(w.works)"
  3210. alt
  3211. />
  3212. <div
  3213. class="answerScore"
  3214. v-if="w.score"
  3215. @click.stop="openScore(w)"
  3216. :class="{
  3217. rightW:
  3218. w.userid == userid ||
  3219. tType == 1 ||
  3220. tType == 4 ||
  3221. w.ateacher == userid,
  3222. }"
  3223. >
  3224. {{ JSON.parse(w.score).wScore }}分
  3225. </div>
  3226. <div
  3227. class="answerScore"
  3228. @click.stop="openScore(w)"
  3229. v-else-if="courseDetail.userid == userid"
  3230. :class="{
  3231. rightW:
  3232. w.userid == userid ||
  3233. tType == 1 ||
  3234. tType == 4 ||
  3235. w.ateacher == userid,
  3236. }"
  3237. >
  3238. 评分
  3239. </div>
  3240. <img
  3241. class="deleteImg"
  3242. src="../../assets/deleteworks.png"
  3243. v-if="
  3244. w.userid == userid || tType == 1 || tType == 4
  3245. "
  3246. @click.stop="deleteWorks(w.wid)"
  3247. alt
  3248. />
  3249. </div>
  3250. <div
  3251. class="workImg"
  3252. style="cursor: pointer"
  3253. v-if="w.type == 1"
  3254. >
  3255. <img :src="word" @click="openFile(w.works)" alt />
  3256. <!-- @click="openFile(w.works)" -->
  3257. <div
  3258. class="answerScore"
  3259. v-if="w.score"
  3260. @click.stop="openScore(w)"
  3261. :class="{
  3262. rightW:
  3263. w.userid == userid ||
  3264. tType == 1 ||
  3265. tType == 4 ||
  3266. w.ateacher == userid,
  3267. }"
  3268. >
  3269. {{ JSON.parse(w.score).wScore }}分
  3270. </div>
  3271. <div
  3272. class="answerScore"
  3273. @click.stop="openScore(w)"
  3274. v-else-if="courseDetail.userid == userid"
  3275. :class="{
  3276. rightW:
  3277. w.userid == userid ||
  3278. tType == 1 ||
  3279. tType == 4 ||
  3280. w.ateacher == userid,
  3281. }"
  3282. >
  3283. 评分
  3284. </div>
  3285. <img
  3286. class="deleteImg"
  3287. src="../../assets/deleteworks.png"
  3288. v-if="
  3289. w.userid == userid || tType == 1 || tType == 4
  3290. "
  3291. @click.stop="deleteWorks(w.wid)"
  3292. alt
  3293. />
  3294. </div>
  3295. <div class="workImg" v-if="w.type == 3">
  3296. <img
  3297. style="cursor: pointer"
  3298. :src="video"
  3299. @click="openVideo(w)"
  3300. alt
  3301. />
  3302. <!-- @click="openVideo(w.works)" -->
  3303. <div
  3304. class="answerScore"
  3305. v-if="w.score"
  3306. @click.stop="openScore(w)"
  3307. :class="{
  3308. rightW:
  3309. w.userid == userid ||
  3310. tType == 1 ||
  3311. tType == 4 ||
  3312. w.ateacher == userid,
  3313. }"
  3314. >
  3315. {{ JSON.parse(w.score).wScore }}分
  3316. </div>
  3317. <div
  3318. class="answerScore"
  3319. @click.stop="openScore(w)"
  3320. v-else-if="courseDetail.userid == userid"
  3321. :class="{
  3322. rightW:
  3323. w.userid == userid ||
  3324. tType == 1 ||
  3325. tType == 4 ||
  3326. w.ateacher == userid,
  3327. }"
  3328. >
  3329. 评分
  3330. </div>
  3331. <img
  3332. class="deleteImg"
  3333. src="../../assets/deleteworks.png"
  3334. v-if="
  3335. w.userid == userid || tType == 1 || tType == 4
  3336. "
  3337. @click.stop="deleteWorks(w.wid)"
  3338. alt
  3339. />
  3340. </div>
  3341. <div class="comment" style="min-width: 200px">
  3342. <div class="worksName">
  3343. <div
  3344. style="cursor: pointer"
  3345. @click="
  3346. openSname(w.sName, w.wid, toolIndex, w.userid)
  3347. "
  3348. >
  3349. {{ w.sName }}
  3350. </div>
  3351. </div>
  3352. <div class="commentList">
  3353. <div class="commentList">
  3354. <div
  3355. class="commentImg"
  3356. @click="
  3357. isLikes(w.wid, userid, 1, null, w.isLikes)
  3358. "
  3359. >
  3360. <img
  3361. :src="w.isLikes == true ? likes : noLikes"
  3362. alt=""
  3363. />
  3364. </div>
  3365. <div>{{ w.likesCount }}</div>
  3366. </div>
  3367. <div class="commentList" style="margin-right: 15px">
  3368. <div
  3369. class="commentImg"
  3370. @click="commentOther(w, toolIndex, wIndex)"
  3371. >
  3372. <img
  3373. src="../../assets/icon/comment/comment.png"
  3374. alt=""
  3375. />
  3376. </div>
  3377. <div>{{ w.commentCount }}</div>
  3378. </div>
  3379. </div>
  3380. </div>
  3381. </div>
  3382. </div>
  3383. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3384. 未提交
  3385. </div>
  3386. <div
  3387. class="noWorksS"
  3388. v-if="noWorksS && noWorksS[toolIndex].length"
  3389. >
  3390. <div
  3391. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3392. :key="sIndex"
  3393. class="noWorksName"
  3394. @click="teacherWorkSubmit(50, toolIndex, taskCount, s)"
  3395. >
  3396. {{ s.student }}
  3397. </div>
  3398. </div>
  3399. </div>
  3400. <div
  3401. v-if="
  3402. tType &&
  3403. ((tType == 2 && sIsOpen == true) ||
  3404. tType == 1 ||
  3405. tType == 4) &&
  3406. tool.tool.indexOf(4) != -1 &&
  3407. (tool.askJson[0].answer ||
  3408. tool.askJson[0].answer === 0) &&
  3409. checkJson[toolIndex].length
  3410. "
  3411. class="xuan_right_box"
  3412. >
  3413. <div
  3414. class="tool_right_box"
  3415. v-for="(item, index) in tool.askJson"
  3416. :key="index"
  3417. >
  3418. <div style="width: calc(100% - 30px);">
  3419. <el-tooltip
  3420. effect="light"
  3421. :content="index + 1 + '、' + item.askstitle"
  3422. placement="top"
  3423. popper-class="text_tooltip"
  3424. >
  3425. <div
  3426. style="
  3427. width: calc(100% - 130px);
  3428. display: block;
  3429. white-space: nowrap;
  3430. overflow: hidden;
  3431. text-overflow: ellipsis;
  3432. word-break: break-word;
  3433. cursor: pointer;
  3434. "
  3435. >
  3436. {{ index + 1 + "、" + item.askstitle }}
  3437. </div>
  3438. </el-tooltip>
  3439. </div>
  3440. <div class="right_box_xuan">
  3441. <span>正确率</span>
  3442. <span>{{
  3443. (checkJson[toolIndex][index].right
  3444. ? checkJson[toolIndex][index].right
  3445. : 0) + "%"
  3446. }}</span>
  3447. </div>
  3448. </div>
  3449. </div>
  3450. <div
  3451. class="xuan_right_box"
  3452. style="background: unset; padding: 0 10px"
  3453. v-if="
  3454. tType &&
  3455. ((tType == 2 && sIsOpen == true) ||
  3456. tType == 1 ||
  3457. tType == 4) &&
  3458. tool.tool.indexOf(4) != -1
  3459. "
  3460. >
  3461. <AskStatic
  3462. v-if="
  3463. worksStudent.length &&
  3464. worksStudent[toolIndex].length > 0
  3465. "
  3466. :askJSON="tool"
  3467. :checkJson="checkJson[toolIndex]"
  3468. ></AskStatic>
  3469. </div>
  3470. <div
  3471. v-if="
  3472. tType &&
  3473. ((tType == 2 && sIsOpen == true) ||
  3474. tType == 1 ||
  3475. tType == 4) &&
  3476. tool.tool.indexOf(4) != -1
  3477. "
  3478. class="worksBox"
  3479. >
  3480. <div
  3481. class="zuoyeYulan"
  3482. v-if="
  3483. worksStudent.length &&
  3484. worksStudent[toolIndex].length > 0
  3485. "
  3486. >
  3487. <div class="worksTop">
  3488. <div>作业预览</div>
  3489. <div
  3490. class="corOpen"
  3491. @click="contract(toolIndex)"
  3492. v-if="
  3493. worksStudent[toolIndex].length > 3 &&
  3494. isCloseList[toolIndex].isClose == 0
  3495. "
  3496. >
  3497. 折叠
  3498. </div>
  3499. <div
  3500. class="corOpen"
  3501. @click="contract(toolIndex)"
  3502. v-if="isCloseList[toolIndex].isClose == 1"
  3503. >
  3504. 展开
  3505. </div>
  3506. </div>
  3507. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3508. </div>
  3509. <div>
  3510. <div
  3511. class="worksDetailBox"
  3512. v-if="
  3513. worksStudent.length &&
  3514. worksStudent[toolIndex].length > 0
  3515. "
  3516. >
  3517. <div
  3518. v-for="(w, wIndex) in isCloseList[toolIndex]
  3519. .isClose == 0
  3520. ? worksStudent[toolIndex]
  3521. : worksStudent[toolIndex].slice(0, 3)"
  3522. :key="wIndex"
  3523. class="isWorksName2"
  3524. @click="
  3525. openTools(4, toolIndex, taskCount, w.works, w.sName)
  3526. "
  3527. >
  3528. {{ w.sName }}
  3529. <img
  3530. class="deleteImg deleteImg2"
  3531. src="../../assets/deleteworks.png"
  3532. v-if="
  3533. w.userid == userid || tType == 1 || tType == 4
  3534. "
  3535. @click.stop="deleteWorks(w.wid)"
  3536. alt
  3537. />
  3538. </div>
  3539. <!-- <div class="works" style="
  3540. width: 200px;
  3541. height: 140px;
  3542. border-radius: 10px;
  3543. box-shadow: 0 0 6px 1px #dfdada;
  3544. overflow: hidden;
  3545. " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex">
  3546. <div class="workImg">
  3547. <img src="../../assets/icon/works/noImg.png" @click="
  3548. openTools(
  3549. 4,
  3550. toolIndex,
  3551. taskCount,
  3552. w.works,
  3553. w.sName
  3554. )
  3555. " alt />
  3556. </div>
  3557. <div class="worksName">
  3558. <div>{{ w.sName }}</div>
  3559. <div>{{ w.time }}</div>
  3560. </div>
  3561. </div> -->
  3562. </div>
  3563. </div>
  3564. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3565. 未提交
  3566. </div>
  3567. <div
  3568. class="noWorksS"
  3569. v-if="noWorksS && noWorksS[toolIndex].length"
  3570. >
  3571. <div
  3572. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3573. :key="sIndex"
  3574. class="noWorksName"
  3575. @click="teacherWorkSubmit(4, toolIndex, taskCount, s)"
  3576. >
  3577. {{ s.student }}
  3578. </div>
  3579. </div>
  3580. </div>
  3581. <div
  3582. v-if="
  3583. tType &&
  3584. ((tType == 2 && sIsOpen == true) ||
  3585. tType == 1 ||
  3586. tType == 4) &&
  3587. tool.tool.indexOf(45) != -1 &&
  3588. (tool.testJson.testJson[0].answer ||
  3589. tool.testJson.testJson[0].answer === 0) &&
  3590. checkJson[toolIndex].length
  3591. "
  3592. class="xuan_right_box"
  3593. >
  3594. <div
  3595. class="tool_right_box"
  3596. v-for="(item, index) in tool.testJson.testJson"
  3597. :key="index"
  3598. >
  3599. <div class="right_box_xuan" style="margin-right: 10px">
  3600. <span>正确率</span>
  3601. <span>{{
  3602. (checkJson[toolIndex][index].right
  3603. ? checkJson[toolIndex][index].right
  3604. : 0) + "%"
  3605. }}</span>
  3606. </div>
  3607. <div style="width: calc(100% - 30px);">
  3608. <el-tooltip
  3609. effect="light"
  3610. :content="index + 1 + '、' + item.teststitle"
  3611. placement="top"
  3612. popper-class="text_tooltip"
  3613. >
  3614. <div
  3615. style="
  3616. width: calc(100% - 130px);
  3617. display: block;
  3618. white-space: nowrap;
  3619. overflow: hidden;
  3620. text-overflow: ellipsis;
  3621. word-break: break-word;
  3622. cursor: pointer;
  3623. "
  3624. >
  3625. {{ index + 1 + "、" + item.teststitle }}
  3626. </div>
  3627. </el-tooltip>
  3628. </div>
  3629. </div>
  3630. </div>
  3631. <div
  3632. class="xuan_right_box"
  3633. style="background: unset; padding: 0 10px; width: 91.5%"
  3634. v-if="
  3635. tType &&
  3636. ((tType == 2 && sIsOpen == true) ||
  3637. tType == 1 ||
  3638. tType == 4) &&
  3639. tool.tool.indexOf(45) != -1
  3640. "
  3641. >
  3642. <AskStatic2
  3643. v-if="
  3644. worksStudent.length &&
  3645. worksStudent[toolIndex].length > 0
  3646. "
  3647. :askJSON="tool"
  3648. :checkJson="checkJson[toolIndex]"
  3649. ></AskStatic2>
  3650. </div>
  3651. <div
  3652. v-if="
  3653. tType &&
  3654. ((tType == 2 && sIsOpen == true) ||
  3655. tType == 1 ||
  3656. tType == 4) &&
  3657. tool.tool.indexOf(45) != -1
  3658. "
  3659. class="worksBox"
  3660. >
  3661. <div
  3662. class="zuoyeYulan"
  3663. v-if="
  3664. worksStudent.length &&
  3665. worksStudent[toolIndex].length > 0
  3666. "
  3667. >
  3668. <div class="worksTop">
  3669. <div>作业预览</div>
  3670. <div
  3671. class="corOpen"
  3672. @click="contract(toolIndex)"
  3673. v-if="
  3674. worksStudent[toolIndex].length > 3 &&
  3675. isCloseList[toolIndex].isClose == 0
  3676. "
  3677. >
  3678. 折叠
  3679. </div>
  3680. <div
  3681. class="corOpen"
  3682. @click="contract(toolIndex)"
  3683. v-if="isCloseList[toolIndex].isClose == 1"
  3684. >
  3685. 展开
  3686. </div>
  3687. </div>
  3688. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3689. </div>
  3690. <div>
  3691. <div
  3692. class="worksDetailBox"
  3693. v-if="
  3694. worksStudent.length &&
  3695. worksStudent[toolIndex].length > 0
  3696. "
  3697. >
  3698. <div
  3699. v-for="(w, wIndex) in isCloseList[toolIndex]
  3700. .isClose == 0
  3701. ? worksStudent[toolIndex]
  3702. : worksStudent[toolIndex].slice(0, 3)"
  3703. :key="wIndex"
  3704. class="isWorksName2"
  3705. @click="
  3706. openTools(
  3707. 45,
  3708. toolIndex,
  3709. taskCount,
  3710. w.works,
  3711. w.sName
  3712. )
  3713. "
  3714. >
  3715. {{ w.sName }}
  3716. <img
  3717. class="deleteImg deleteImg2"
  3718. src="../../assets/deleteworks.png"
  3719. v-if="
  3720. w.userid == userid || tType == 1 || tType == 4
  3721. "
  3722. @click.stop="deleteWorks(w.wid)"
  3723. alt
  3724. />
  3725. </div>
  3726. </div>
  3727. </div>
  3728. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3729. 未提交
  3730. </div>
  3731. <div
  3732. class="noWorksS"
  3733. v-if="noWorksS && noWorksS[toolIndex].length"
  3734. >
  3735. <div
  3736. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3737. :key="sIndex"
  3738. class="noWorksName"
  3739. @click="teacherWorkSubmit(45, toolIndex, taskCount, s)"
  3740. >
  3741. {{ s.student }}
  3742. </div>
  3743. </div>
  3744. </div>
  3745. <div
  3746. v-if="
  3747. tType &&
  3748. ((tType == 2 && sIsOpen == true) ||
  3749. tType == 1 ||
  3750. tType == 4) &&
  3751. tool.tool.indexOf(69) != -1
  3752. "
  3753. class="worksBox"
  3754. >
  3755. <div
  3756. class="zuoyeYulan"
  3757. v-if="
  3758. worksStudent.length &&
  3759. worksStudent[toolIndex].length > 0
  3760. "
  3761. >
  3762. <div class="worksTop">
  3763. <div>作业预览</div>
  3764. <div
  3765. class="corOpen"
  3766. @click="contract(toolIndex)"
  3767. v-if="
  3768. worksStudent[toolIndex].length > 3 &&
  3769. isCloseList[toolIndex].isClose == 0
  3770. "
  3771. >
  3772. 折叠
  3773. </div>
  3774. <div
  3775. class="corOpen"
  3776. @click="contract(toolIndex)"
  3777. v-if="isCloseList[toolIndex].isClose == 1"
  3778. >
  3779. 展开
  3780. </div>
  3781. </div>
  3782. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3783. </div>
  3784. <div>
  3785. <div
  3786. class="worksDetailBox"
  3787. v-if="
  3788. worksStudent.length &&
  3789. worksStudent[toolIndex].length > 0
  3790. "
  3791. >
  3792. <div
  3793. v-for="(w, wIndex) in isCloseList[toolIndex]
  3794. .isClose == 0
  3795. ? worksStudent[toolIndex]
  3796. : worksStudent[toolIndex].slice(0, 3)"
  3797. :key="wIndex"
  3798. class="isWorksName2"
  3799. style="width: 160px;height: 65px;line-height: 65px;"
  3800. @click="
  3801. openTools(
  3802. 69,
  3803. toolIndex,
  3804. taskCount,
  3805. w.works,
  3806. w.sName,
  3807. w.wid
  3808. )
  3809. "
  3810. >
  3811. {{ w.sName }}
  3812. <img
  3813. v-show="false"
  3814. class="deleteImg1"
  3815. src="../../assets/evaEnglish.png"
  3816. @click.stop="openEnglishEva(w.wid,toolIndex)"
  3817. alt
  3818. />
  3819. <img
  3820. class="deleteImg deleteImg2"
  3821. src="../../assets/deleteworks.png"
  3822. v-if="
  3823. w.userid == userid || tType == 1 || tType == 4
  3824. "
  3825. @click.stop="deleteWorks(w.wid)"
  3826. alt
  3827. />
  3828. </div>
  3829. </div>
  3830. </div>
  3831. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3832. 未提交
  3833. </div>
  3834. <div
  3835. class="noWorksS"
  3836. v-if="noWorksS && noWorksS[toolIndex].length"
  3837. >
  3838. <div
  3839. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3840. :key="sIndex"
  3841. class="noWorksName"
  3842. @click="teacherWorkSubmit(69, toolIndex, taskCount, s)"
  3843. >
  3844. {{ s.student }}
  3845. </div>
  3846. </div>
  3847. </div>
  3848. <div
  3849. v-if="
  3850. tType &&
  3851. ((tType == 2 && sIsOpen == true) ||
  3852. tType == 1 ||
  3853. tType == 4) &&
  3854. tool.tool.indexOf(15) != -1
  3855. "
  3856. class="worksBox"
  3857. >
  3858. <div
  3859. class="zuoyeYulan"
  3860. v-if="
  3861. (worksStudent.length &&
  3862. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  3863. "
  3864. >
  3865. <div class="worksTop">
  3866. <div>作业预览</div>
  3867. <div
  3868. class="corOpen"
  3869. @click="contract(toolIndex)"
  3870. v-if="
  3871. worksStudent[toolIndex].length > 3 &&
  3872. isCloseList[toolIndex].isClose == 0
  3873. "
  3874. >
  3875. 折叠
  3876. </div>
  3877. <div
  3878. class="corOpen"
  3879. @click="contract(toolIndex)"
  3880. v-if="isCloseList[toolIndex].isClose == 1"
  3881. >
  3882. 展开
  3883. </div>
  3884. </div>
  3885. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3886. </div>
  3887. <div
  3888. class="group_workBox"
  3889. v-for="(g, gindex) in courseGroup.group"
  3890. :key="gindex"
  3891. >
  3892. <div class="group_box">
  3893. <div class="group_title">
  3894. <el-tooltip
  3895. class="item"
  3896. effect="light"
  3897. :content="g.name"
  3898. placement="top"
  3899. >
  3900. <div class="group_name">{{ g.name }}</div>
  3901. </el-tooltip>
  3902. </div>
  3903. <div
  3904. class="group_work"
  3905. v-if="
  3906. g.works &&
  3907. g.works.length &&
  3908. g.works[toolIndex].length
  3909. "
  3910. >
  3911. <div
  3912. class="works"
  3913. v-for="(w, wIndex) in g.works[toolIndex]"
  3914. :key="wIndex"
  3915. >
  3916. <div
  3917. class="workImg"
  3918. style="
  3919. border-radius: 15px;
  3920. box-shadow: #eee 0px 0px 5px 5px;
  3921. "
  3922. >
  3923. <div
  3924. class="answerBg"
  3925. style="border-radius: 15px 15px 0 0"
  3926. @click="
  3927. commentOther(w, toolIndex, wIndex, null, g.id)
  3928. "
  3929. >
  3930. <div class="answerContent">
  3931. {{ JSON.parse(w.works)[0].answer }}
  3932. </div>
  3933. <div
  3934. class="answerScore"
  3935. v-if="w.score"
  3936. @click.stop="openScore(w)"
  3937. :class="{
  3938. rightW:
  3939. w.userid == userid ||
  3940. tType == 1 ||
  3941. tType == 4,
  3942. }"
  3943. >
  3944. {{ JSON.parse(w.score).wScore }}分
  3945. </div>
  3946. <div
  3947. class="answerScore"
  3948. @click.stop="openScore(w)"
  3949. v-else-if="courseDetail.userid == userid"
  3950. :class="{
  3951. rightW:
  3952. w.userid == userid ||
  3953. tType == 1 ||
  3954. tType == 4,
  3955. }"
  3956. >
  3957. 评分
  3958. </div>
  3959. <img
  3960. class="deleteImg"
  3961. src="../../assets/deleteworks.png"
  3962. v-if="
  3963. w.userid == userid ||
  3964. tType == 1 ||
  3965. tType == 4
  3966. "
  3967. @click.stop="deleteWorks(w.wid)"
  3968. alt
  3969. />
  3970. </div>
  3971. <div class="comment">
  3972. <div class="worksName">
  3973. <div>{{ w.sName }}</div>
  3974. </div>
  3975. <div class="commentList">
  3976. <div
  3977. class="commentImg"
  3978. @click="
  3979. isLikes(w.wid, userid, 1, null, w.isLikes)
  3980. "
  3981. >
  3982. <img
  3983. :src="w.isLikes == true ? likes : noLikes"
  3984. alt=""
  3985. />
  3986. </div>
  3987. <div>{{ w.likesCount }}</div>
  3988. </div>
  3989. <div
  3990. class="commentList"
  3991. style="margin-right: 15px"
  3992. >
  3993. <div
  3994. class="commentImg"
  3995. @click="
  3996. commentOther(
  3997. w,
  3998. toolIndex,
  3999. wIndex,
  4000. null,
  4001. g.id
  4002. )
  4003. "
  4004. >
  4005. <img
  4006. src="../../assets/icon/comment/comment.png"
  4007. alt=""
  4008. />
  4009. </div>
  4010. <div>{{ w.commentCount }}</div>
  4011. </div>
  4012. </div>
  4013. </div>
  4014. </div>
  4015. </div>
  4016. <div class="group_work" v-else>暂无提交作业</div>
  4017. </div>
  4018. </div>
  4019. <div
  4020. class="worksDetailBox"
  4021. v-if="
  4022. worksStudent.length &&
  4023. worksStudent[toolIndex].length > 0
  4024. "
  4025. >
  4026. <div
  4027. class="works"
  4028. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  4029. 0
  4030. ? worksStudent[toolIndex]
  4031. : worksStudent[toolIndex].slice(0, 3)"
  4032. :key="wIndex"
  4033. >
  4034. <div
  4035. class="workImg"
  4036. style="
  4037. border-radius: 15px;
  4038. box-shadow: #eee 0px 0px 5px 5px;
  4039. "
  4040. >
  4041. <!-- <img
  4042. src="../../assets/icon/works/noImg.png"
  4043. @click="openTools(15, toolIndex, taskCount, w.works)"
  4044. alt=""
  4045. />-->
  4046. <div
  4047. class="answerBg"
  4048. style="border-radius: 15px 15px 0 0"
  4049. @click="commentOther(w, toolIndex, wIndex)"
  4050. >
  4051. <!-- <div>{{ w.sName }}</div> -->
  4052. <div class="answerContent">
  4053. {{ JSON.parse(w.works)[0].answer }}
  4054. </div>
  4055. <div
  4056. class="answerScore"
  4057. v-if="w.score"
  4058. @click.stop="openScore(w)"
  4059. :class="{
  4060. rightW:
  4061. w.userid == userid ||
  4062. tType == 1 ||
  4063. tType == 4,
  4064. }"
  4065. >
  4066. {{ JSON.parse(w.score).wScore }}分
  4067. </div>
  4068. <div
  4069. class="answerScore"
  4070. @click.stop="openScore(w)"
  4071. v-else-if="courseDetail.userid == userid"
  4072. :class="{
  4073. rightW:
  4074. w.userid == userid ||
  4075. tType == 1 ||
  4076. tType == 4,
  4077. }"
  4078. >
  4079. 评分
  4080. </div>
  4081. <img
  4082. class="deleteImg"
  4083. src="../../assets/deleteworks.png"
  4084. v-if="
  4085. w.userid == userid || tType == 1 || tType == 4
  4086. "
  4087. @click.stop="deleteWorks(w.wid)"
  4088. alt
  4089. />
  4090. </div>
  4091. <div class="comment">
  4092. <div class="worksName">
  4093. <div>{{ w.sName }}</div>
  4094. </div>
  4095. <div class="commentList">
  4096. <div
  4097. class="commentImg"
  4098. @click="
  4099. isLikes(w.wid, userid, 1, null, w.isLikes)
  4100. "
  4101. >
  4102. <img
  4103. :src="w.isLikes == true ? likes : noLikes"
  4104. alt=""
  4105. />
  4106. </div>
  4107. <div>{{ w.likesCount }}</div>
  4108. </div>
  4109. <div class="commentList" style="margin-right: 15px">
  4110. <div
  4111. class="commentImg"
  4112. @click="commentOther(w, toolIndex, wIndex)"
  4113. >
  4114. <img
  4115. src="../../assets/icon/comment/comment.png"
  4116. alt=""
  4117. />
  4118. </div>
  4119. <div>{{ w.commentCount }}</div>
  4120. </div>
  4121. </div>
  4122. </div>
  4123. </div>
  4124. </div>
  4125. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4126. 未提交
  4127. </div>
  4128. <div
  4129. class="noWorksS"
  4130. v-if="noWorksS && noWorksS[toolIndex].length"
  4131. >
  4132. <div
  4133. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4134. :key="sIndex"
  4135. class="noWorksName"
  4136. @click="teacherWorkSubmit(15, toolIndex, taskCount, s)"
  4137. >
  4138. {{ s.student }}
  4139. </div>
  4140. </div>
  4141. </div>
  4142. <div
  4143. v-if="
  4144. tType &&
  4145. ((tType == 2 && sIsOpen == true) ||
  4146. tType == 1 ||
  4147. tType == 4) &&
  4148. tool.tool.indexOf(1) != -1
  4149. "
  4150. class="worksBox"
  4151. >
  4152. <div
  4153. class="zuoyeYulan"
  4154. v-if="
  4155. (worksStudent.length &&
  4156. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  4157. "
  4158. >
  4159. <div class="worksTop">
  4160. <div>作业预览</div>
  4161. <div
  4162. class="corOpen"
  4163. @click="contract(toolIndex)"
  4164. v-if="
  4165. worksStudent[toolIndex].length > 3 &&
  4166. isCloseList[toolIndex].isClose == 0
  4167. "
  4168. >
  4169. 折叠
  4170. </div>
  4171. <div
  4172. class="corOpen"
  4173. @click="contract(toolIndex)"
  4174. v-if="isCloseList[toolIndex].isClose == 1"
  4175. >
  4176. 展开
  4177. </div>
  4178. </div>
  4179. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4180. </div>
  4181. <div
  4182. class="group_workBox"
  4183. v-for="(g, gindex) in courseGroup.group"
  4184. :key="gindex"
  4185. >
  4186. <div class="group_box">
  4187. <div class="group_title">
  4188. <el-tooltip
  4189. class="item"
  4190. effect="light"
  4191. :content="g.name"
  4192. placement="top"
  4193. >
  4194. <div class="group_name">{{ g.name }}</div>
  4195. </el-tooltip>
  4196. </div>
  4197. <div
  4198. class="group_work"
  4199. v-if="
  4200. g.works &&
  4201. g.works.length &&
  4202. g.works[toolIndex].length
  4203. "
  4204. >
  4205. <div
  4206. class="works"
  4207. style="
  4208. width: 200px;
  4209. height: 140px;
  4210. margin: 10px 10px 10px 0;
  4211. border-radius: 15px;
  4212. box-shadow: 0 0 6px 1px #dfdada;
  4213. "
  4214. v-for="(w, wIndex) in g.works[toolIndex]"
  4215. :key="wIndex"
  4216. :class="w.type == 1 ? 'isTypeOne' : ''"
  4217. >
  4218. <div class="workImg">
  4219. <img
  4220. :src="w.works"
  4221. @click="previewImg(w.works)"
  4222. alt
  4223. />
  4224. <div
  4225. class="answerScore"
  4226. v-if="w.score"
  4227. @click.stop="openScore(w)"
  4228. :class="{
  4229. rightW:
  4230. w.userid == userid ||
  4231. tType == 1 ||
  4232. tType == 4,
  4233. }"
  4234. >
  4235. {{ JSON.parse(w.score).wScore }}分
  4236. </div>
  4237. <div
  4238. class="answerScore"
  4239. @click.stop="openScore(w)"
  4240. v-else-if="courseDetail.userid == userid"
  4241. :class="{
  4242. rightW:
  4243. w.userid == userid ||
  4244. tType == 1 ||
  4245. tType == 4,
  4246. }"
  4247. >
  4248. 评分
  4249. </div>
  4250. <img
  4251. class="deleteImg"
  4252. src="../../assets/deleteworks.png"
  4253. v-if="
  4254. w.userid == userid || tType == 1 || tType == 4
  4255. "
  4256. @click.stop="deleteWorks(w.wid)"
  4257. alt
  4258. />
  4259. </div>
  4260. <div class="comment" style="min-width: 200px">
  4261. <div class="worksName">
  4262. <div>{{ w.sName }}</div>
  4263. </div>
  4264. <div class="commentList">
  4265. <div class="commentList">
  4266. <div
  4267. class="commentImg"
  4268. @click="
  4269. isLikes(w.wid, userid, 1, null, w.isLikes)
  4270. "
  4271. >
  4272. <img
  4273. :src="w.isLikes == true ? likes : noLikes"
  4274. alt=""
  4275. />
  4276. </div>
  4277. <div>{{ w.likesCount }}</div>
  4278. </div>
  4279. <div
  4280. class="commentList"
  4281. style="margin-right: 15px"
  4282. >
  4283. <div
  4284. class="commentImg"
  4285. @click="
  4286. commentOther(
  4287. w,
  4288. toolIndex,
  4289. wIndex,
  4290. null,
  4291. g.id
  4292. )
  4293. "
  4294. >
  4295. <img
  4296. src="../../assets/icon/comment/comment.png"
  4297. alt=""
  4298. />
  4299. </div>
  4300. <div>{{ w.commentCount }}</div>
  4301. </div>
  4302. </div>
  4303. </div>
  4304. </div>
  4305. </div>
  4306. <div class="group_work" v-else>暂无提交作业</div>
  4307. </div>
  4308. </div>
  4309. <div
  4310. class="worksDetailBox"
  4311. v-if="
  4312. worksStudent.length &&
  4313. worksStudent[toolIndex].length > 0
  4314. "
  4315. >
  4316. <div
  4317. class="works"
  4318. style="
  4319. width: 200px;
  4320. height: 140px;
  4321. margin: 10px 10px 10px 0;
  4322. border-radius: 15px;
  4323. box-shadow: 0 0 6px 1px #dfdada;
  4324. "
  4325. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  4326. 0
  4327. ? worksStudent[toolIndex]
  4328. : worksStudent[toolIndex].slice(0, 3)"
  4329. :key="wIndex"
  4330. >
  4331. <!-- @click="previewImg(w.works)" @click="commentOther(w, toolIndex, wIndex)"-->
  4332. <div class="workImg">
  4333. <img
  4334. :src="w.works"
  4335. @click="previewImg(w.works)"
  4336. alt
  4337. />
  4338. <div
  4339. class="answerScore"
  4340. v-if="w.score"
  4341. @click.stop="openScore(w)"
  4342. :class="{
  4343. rightW:
  4344. w.userid == userid || tType == 1 || tType == 4,
  4345. }"
  4346. >
  4347. {{ JSON.parse(w.score).wScore }}分
  4348. </div>
  4349. <div
  4350. class="answerScore"
  4351. @click.stop="openScore(w)"
  4352. v-else-if="courseDetail.userid == userid"
  4353. :class="{
  4354. rightW:
  4355. w.userid == userid || tType == 1 || tType == 4,
  4356. }"
  4357. >
  4358. 评分
  4359. </div>
  4360. <img
  4361. class="deleteImg"
  4362. src="../../assets/deleteworks.png"
  4363. v-if="
  4364. w.userid == userid || tType == 1 || tType == 4
  4365. "
  4366. @click.stop="deleteWorks(w.wid)"
  4367. alt
  4368. />
  4369. </div>
  4370. <div class="comment" style="min-width: 200px">
  4371. <div class="worksName">
  4372. <div>{{ w.sName }}</div>
  4373. </div>
  4374. <div class="commentList">
  4375. <div class="commentList">
  4376. <div
  4377. class="commentImg"
  4378. @click="
  4379. isLikes(w.wid, userid, 1, null, w.isLikes)
  4380. "
  4381. >
  4382. <img
  4383. :src="w.isLikes == true ? likes : noLikes"
  4384. alt=""
  4385. />
  4386. </div>
  4387. <div>{{ w.likesCount }}</div>
  4388. </div>
  4389. <div class="commentList" style="margin-right: 15px">
  4390. <div
  4391. class="commentImg"
  4392. @click="commentOther(w, toolIndex, wIndex)"
  4393. >
  4394. <img
  4395. src="../../assets/icon/comment/comment.png"
  4396. alt=""
  4397. />
  4398. </div>
  4399. <div>{{ w.commentCount }}</div>
  4400. </div>
  4401. </div>
  4402. </div>
  4403. </div>
  4404. </div>
  4405. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4406. 未提交
  4407. </div>
  4408. <div
  4409. class="noWorksS"
  4410. v-if="noWorksS && noWorksS[toolIndex].length"
  4411. >
  4412. <div
  4413. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4414. :key="sIndex"
  4415. class="noWorksName"
  4416. @click="teacherWorkSubmit(1, toolIndex, taskCount, s)"
  4417. >
  4418. {{ s.student }}
  4419. </div>
  4420. </div>
  4421. </div>
  4422. <div
  4423. v-if="
  4424. tType &&
  4425. ((tType == 2 && sIsOpen == true) ||
  4426. tType == 1 ||
  4427. tType == 4) &&
  4428. tool.tool.indexOf(3) != -1
  4429. "
  4430. class="worksBox"
  4431. >
  4432. <div
  4433. class="zuoyeYulan"
  4434. v-if="
  4435. (worksStudent.length &&
  4436. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  4437. "
  4438. >
  4439. <div class="worksTop">
  4440. <div>作业预览</div>
  4441. <div
  4442. class="corOpen"
  4443. @click="contract(toolIndex)"
  4444. v-if="
  4445. worksStudent[toolIndex].length > 3 &&
  4446. isCloseList[toolIndex].isClose == 0
  4447. "
  4448. >
  4449. 折叠
  4450. </div>
  4451. <div
  4452. class="corOpen"
  4453. @click="contract(toolIndex)"
  4454. v-if="isCloseList[toolIndex].isClose == 1"
  4455. >
  4456. 展开
  4457. </div>
  4458. </div>
  4459. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4460. </div>
  4461. <div
  4462. class="group_workBox"
  4463. v-for="(g, gindex) in courseGroup.group"
  4464. :key="gindex"
  4465. >
  4466. <div class="group_box">
  4467. <div class="group_title">
  4468. <el-tooltip
  4469. class="item"
  4470. effect="light"
  4471. :content="g.name"
  4472. placement="top"
  4473. >
  4474. <div class="group_name">{{ g.name }}</div>
  4475. </el-tooltip>
  4476. </div>
  4477. <div
  4478. class="group_work"
  4479. v-if="
  4480. g.works &&
  4481. g.works.length &&
  4482. g.works[toolIndex].length
  4483. "
  4484. >
  4485. <div
  4486. class="works"
  4487. style="
  4488. width: 200px;
  4489. height: 140px;
  4490. margin: 10px 10px 10px 0;
  4491. border-radius: 15px;
  4492. box-shadow: 0 0 6px 1px #dfdada;
  4493. "
  4494. v-for="(w, wIndex) in g.works[toolIndex]"
  4495. :key="wIndex"
  4496. :class="w.type == 1 ? 'isTypeOne' : ''"
  4497. >
  4498. <div class="workImg">
  4499. <img
  4500. :src="w.works"
  4501. @click="previewImg(w.works)"
  4502. alt
  4503. />
  4504. <div
  4505. class="answerScore"
  4506. v-if="w.score"
  4507. @click.stop="openScore(w)"
  4508. :class="{
  4509. rightW:
  4510. w.userid == userid ||
  4511. tType == 1 ||
  4512. tType == 4,
  4513. }"
  4514. >
  4515. {{ JSON.parse(w.score).wScore }}分
  4516. </div>
  4517. <div
  4518. class="answerScore"
  4519. @click.stop="openScore(w)"
  4520. v-else-if="courseDetail.userid == userid"
  4521. :class="{
  4522. rightW:
  4523. w.userid == userid ||
  4524. tType == 1 ||
  4525. tType == 4,
  4526. }"
  4527. >
  4528. 评分
  4529. </div>
  4530. <img
  4531. class="deleteImg"
  4532. src="../../assets/deleteworks.png"
  4533. v-if="
  4534. w.userid == userid || tType == 1 || tType == 4
  4535. "
  4536. @click.stop="deleteWorks(w.wid)"
  4537. alt
  4538. />
  4539. </div>
  4540. <div class="comment" style="min-width: 200px">
  4541. <div class="worksName">
  4542. <div>{{ w.sName }}</div>
  4543. </div>
  4544. <div class="commentList">
  4545. <div class="commentList">
  4546. <div
  4547. class="commentImg"
  4548. @click="
  4549. isLikes(w.wid, userid, 1, null, w.isLikes)
  4550. "
  4551. >
  4552. <img
  4553. :src="w.isLikes == true ? likes : noLikes"
  4554. alt=""
  4555. />
  4556. </div>
  4557. <div>{{ w.likesCount }}</div>
  4558. </div>
  4559. <div
  4560. class="commentList"
  4561. style="margin-right: 15px"
  4562. >
  4563. <div
  4564. class="commentImg"
  4565. @click="
  4566. commentOther(
  4567. w,
  4568. toolIndex,
  4569. wIndex,
  4570. null,
  4571. g.id
  4572. )
  4573. "
  4574. >
  4575. <img
  4576. src="../../assets/icon/comment/comment.png"
  4577. alt=""
  4578. />
  4579. </div>
  4580. <div>{{ w.commentCount }}</div>
  4581. </div>
  4582. </div>
  4583. </div>
  4584. </div>
  4585. </div>
  4586. <div class="group_work" v-else>暂无提交作业</div>
  4587. </div>
  4588. </div>
  4589. <div
  4590. class="worksDetailBox"
  4591. v-if="
  4592. worksStudent.length &&
  4593. worksStudent[toolIndex].length > 0
  4594. "
  4595. >
  4596. <div
  4597. class="works"
  4598. style="
  4599. width: 200px;
  4600. height: 140px;
  4601. margin: 10px 10px 10px 0;
  4602. border-radius: 15px;
  4603. box-shadow: 0 0 6px 1px #dfdada;
  4604. "
  4605. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  4606. 0
  4607. ? worksStudent[toolIndex]
  4608. : worksStudent[toolIndex].slice(0, 3)"
  4609. :key="wIndex"
  4610. >
  4611. <!-- @click="previewImg(w.works)" -->
  4612. <div class="workImg">
  4613. <img
  4614. :src="w.works"
  4615. @click="previewImg(w.works)"
  4616. alt
  4617. />
  4618. <div
  4619. class="answerScore"
  4620. v-if="w.score"
  4621. @click.stop="openScore(w)"
  4622. :class="{
  4623. rightW:
  4624. w.userid == userid || tType == 1 || tType == 4,
  4625. }"
  4626. >
  4627. {{ JSON.parse(w.score).wScore }}分
  4628. </div>
  4629. <div
  4630. class="answerScore"
  4631. @click.stop="openScore(w)"
  4632. v-else-if="courseDetail.userid == userid"
  4633. :class="{
  4634. rightW:
  4635. w.userid == userid || tType == 1 || tType == 4,
  4636. }"
  4637. >
  4638. 评分
  4639. </div>
  4640. <img
  4641. class="deleteImg"
  4642. src="../../assets/deleteworks.png"
  4643. v-if="
  4644. w.userid == userid || tType == 1 || tType == 4
  4645. "
  4646. @click.stop="deleteWorks(w.wid)"
  4647. alt
  4648. />
  4649. </div>
  4650. <div class="comment" style="min-width: 200px">
  4651. <div class="worksName">
  4652. <div>{{ w.sName }}</div>
  4653. </div>
  4654. <div class="commentList">
  4655. <div class="commentList">
  4656. <div
  4657. class="commentImg"
  4658. @click="
  4659. isLikes(w.wid, userid, 1, null, w.isLikes)
  4660. "
  4661. >
  4662. <img
  4663. :src="w.isLikes == true ? likes : noLikes"
  4664. alt=""
  4665. />
  4666. </div>
  4667. <div>{{ w.likesCount }}</div>
  4668. </div>
  4669. <div class="commentList" style="margin-right: 15px">
  4670. <div
  4671. class="commentImg"
  4672. @click="commentOther(w, toolIndex, wIndex)"
  4673. >
  4674. <img
  4675. src="../../assets/icon/comment/comment.png"
  4676. alt=""
  4677. />
  4678. </div>
  4679. <div>{{ w.commentCount }}</div>
  4680. </div>
  4681. </div>
  4682. </div>
  4683. </div>
  4684. </div>
  4685. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4686. 未提交
  4687. </div>
  4688. <div
  4689. class="noWorksS"
  4690. v-if="noWorksS && noWorksS[toolIndex].length"
  4691. >
  4692. <div
  4693. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4694. :key="sIndex"
  4695. class="noWorksName"
  4696. @click="teacherWorkSubmit(3, toolIndex, taskCount, s)"
  4697. >
  4698. {{ s.student }}
  4699. </div>
  4700. </div>
  4701. </div>
  4702. <div
  4703. v-if="
  4704. tType &&
  4705. ((tType == 2 && sIsOpen == true) ||
  4706. tType == 1 ||
  4707. tType == 4) &&
  4708. tool.tool.indexOf(6) != -1
  4709. "
  4710. class="worksBox"
  4711. >
  4712. <div
  4713. class="zuoyeYulan"
  4714. v-if="
  4715. (worksStudent.length &&
  4716. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  4717. "
  4718. >
  4719. <div class="worksTop">
  4720. <div>作业预览</div>
  4721. <div
  4722. class="corOpen"
  4723. @click="contract(toolIndex)"
  4724. v-if="
  4725. worksStudent[toolIndex].length > 3 &&
  4726. isCloseList[toolIndex].isClose == 0
  4727. "
  4728. >
  4729. 折叠
  4730. </div>
  4731. <div
  4732. class="corOpen"
  4733. @click="contract(toolIndex)"
  4734. v-if="isCloseList[toolIndex].isClose == 1"
  4735. >
  4736. 展开
  4737. </div>
  4738. </div>
  4739. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4740. </div>
  4741. <div
  4742. class="group_workBox"
  4743. v-for="(g, gindex) in courseGroup.group"
  4744. :key="gindex"
  4745. >
  4746. <div class="group_box">
  4747. <div class="group_title">
  4748. <el-tooltip
  4749. class="item"
  4750. effect="light"
  4751. :content="g.name"
  4752. placement="top"
  4753. >
  4754. <div class="group_name">{{ g.name }}</div>
  4755. </el-tooltip>
  4756. </div>
  4757. <div
  4758. class="group_work"
  4759. v-if="
  4760. g.works &&
  4761. g.works.length &&
  4762. g.works[toolIndex].length
  4763. "
  4764. >
  4765. <div
  4766. class="works"
  4767. style="
  4768. width: 200px;
  4769. height: 140px;
  4770. margin: 10px 10px 10px 0;
  4771. border-radius: 15px;
  4772. box-shadow: 0 0 6px 1px #dfdada;
  4773. "
  4774. v-for="(w, wIndex) in g.works[toolIndex]"
  4775. :key="wIndex"
  4776. :class="w.type == 1 ? 'isTypeOne' : ''"
  4777. >
  4778. <div class="workImg">
  4779. <img
  4780. :src="w.works"
  4781. @click="previewImg(w.works)"
  4782. alt
  4783. />
  4784. <div
  4785. class="answerScore"
  4786. v-if="w.score"
  4787. @click.stop="openScore(w)"
  4788. :class="{
  4789. rightW:
  4790. w.userid == userid ||
  4791. tType == 1 ||
  4792. tType == 4,
  4793. }"
  4794. >
  4795. {{ JSON.parse(w.score).wScore }}分
  4796. </div>
  4797. <div
  4798. class="answerScore"
  4799. @click.stop="openScore(w)"
  4800. v-else-if="courseDetail.userid == userid"
  4801. :class="{
  4802. rightW:
  4803. w.userid == userid ||
  4804. tType == 1 ||
  4805. tType == 4,
  4806. }"
  4807. >
  4808. 评分
  4809. </div>
  4810. <img
  4811. class="deleteImg"
  4812. src="../../assets/deleteworks.png"
  4813. v-if="
  4814. w.userid == userid || tType == 1 || tType == 4
  4815. "
  4816. @click.stop="deleteWorks(w.wid)"
  4817. alt
  4818. />
  4819. </div>
  4820. <div class="comment" style="min-width: 200px">
  4821. <div class="worksName">
  4822. <div>{{ w.sName }}</div>
  4823. </div>
  4824. <div class="commentList">
  4825. <div class="commentList">
  4826. <div
  4827. class="commentImg"
  4828. @click="
  4829. isLikes(w.wid, userid, 1, null, w.isLikes)
  4830. "
  4831. >
  4832. <img
  4833. :src="w.isLikes == true ? likes : noLikes"
  4834. alt=""
  4835. />
  4836. </div>
  4837. <div>{{ w.likesCount }}</div>
  4838. </div>
  4839. <div
  4840. class="commentList"
  4841. style="margin-right: 15px"
  4842. >
  4843. <div
  4844. class="commentImg"
  4845. @click="
  4846. commentOther(
  4847. w,
  4848. toolIndex,
  4849. wIndex,
  4850. null,
  4851. g.id
  4852. )
  4853. "
  4854. >
  4855. <img
  4856. src="../../assets/icon/comment/comment.png"
  4857. alt=""
  4858. />
  4859. </div>
  4860. <div>{{ w.commentCount }}</div>
  4861. </div>
  4862. </div>
  4863. </div>
  4864. </div>
  4865. </div>
  4866. <div class="group_work" v-else>暂无提交作业</div>
  4867. </div>
  4868. </div>
  4869. <div
  4870. class="worksDetailBox"
  4871. v-if="
  4872. worksStudent.length &&
  4873. worksStudent[toolIndex].length > 0
  4874. "
  4875. >
  4876. <div
  4877. class="works"
  4878. style="
  4879. width: 200px;
  4880. height: 140px;
  4881. margin: 10px 10px 10px 0;
  4882. border-radius: 15px;
  4883. box-shadow: 0 0 6px 1px #dfdada;
  4884. "
  4885. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  4886. 0
  4887. ? worksStudent[toolIndex]
  4888. : worksStudent[toolIndex].slice(0, 3)"
  4889. :key="wIndex"
  4890. >
  4891. <!-- @click="previewImg(w.works)" -->
  4892. <div class="workImg">
  4893. <img
  4894. :src="w.works"
  4895. @click="previewImg(w.works)"
  4896. alt
  4897. />
  4898. <div
  4899. class="answerScore"
  4900. v-if="w.score"
  4901. @click.stop="openScore(w)"
  4902. :class="{
  4903. rightW:
  4904. w.userid == userid || tType == 1 || tType == 4,
  4905. }"
  4906. >
  4907. {{ JSON.parse(w.score).wScore }}分
  4908. </div>
  4909. <div
  4910. class="answerScore"
  4911. @click.stop="openScore(w)"
  4912. v-else-if="courseDetail.userid == userid"
  4913. :class="{
  4914. rightW:
  4915. w.userid == userid || tType == 1 || tType == 4,
  4916. }"
  4917. >
  4918. 评分
  4919. </div>
  4920. <img
  4921. class="deleteImg"
  4922. src="../../assets/deleteworks.png"
  4923. v-if="
  4924. w.userid == userid || tType == 1 || tType == 4
  4925. "
  4926. @click.stop="deleteWorks(w.wid)"
  4927. alt
  4928. />
  4929. </div>
  4930. <div class="comment" style="min-width: 200px">
  4931. <div class="worksName">
  4932. <div>{{ w.sName }}</div>
  4933. </div>
  4934. <div class="commentList">
  4935. <div class="commentList">
  4936. <div
  4937. class="commentImg"
  4938. @click="
  4939. isLikes(w.wid, userid, 1, null, w.isLikes)
  4940. "
  4941. >
  4942. <img
  4943. :src="w.isLikes == true ? likes : noLikes"
  4944. alt=""
  4945. />
  4946. </div>
  4947. <div>{{ w.likesCount }}</div>
  4948. </div>
  4949. <div class="commentList" style="margin-right: 15px">
  4950. <div
  4951. class="commentImg"
  4952. @click="commentOther(w, toolIndex, wIndex)"
  4953. >
  4954. <img
  4955. src="../../assets/icon/comment/comment.png"
  4956. alt=""
  4957. />
  4958. </div>
  4959. <div>{{ w.commentCount }}</div>
  4960. </div>
  4961. </div>
  4962. </div>
  4963. </div>
  4964. </div>
  4965. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4966. 未提交
  4967. </div>
  4968. <div
  4969. class="noWorksS"
  4970. v-if="noWorksS && noWorksS[toolIndex].length"
  4971. >
  4972. <div
  4973. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4974. :key="sIndex"
  4975. class="noWorksName"
  4976. >
  4977. {{ s.student }}
  4978. </div>
  4979. </div>
  4980. </div>
  4981. <div
  4982. v-if="
  4983. tType &&
  4984. ((tType == 2 && sIsOpen == true) ||
  4985. tType == 1 ||
  4986. tType == 4) &&
  4987. tool.tool.indexOf(7) != -1
  4988. "
  4989. class="worksBox"
  4990. >
  4991. <div
  4992. class="zuoyeYulan"
  4993. v-if="
  4994. (worksStudent.length &&
  4995. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  4996. "
  4997. >
  4998. <div class="worksTop">
  4999. <div>作业预览</div>
  5000. <div
  5001. class="corOpen"
  5002. @click="contract(toolIndex)"
  5003. v-if="
  5004. worksStudent[toolIndex].length > 3 &&
  5005. isCloseList[toolIndex].isClose == 0
  5006. "
  5007. >
  5008. 折叠
  5009. </div>
  5010. <div
  5011. class="corOpen"
  5012. @click="contract(toolIndex)"
  5013. v-if="isCloseList[toolIndex].isClose == 1"
  5014. >
  5015. 展开
  5016. </div>
  5017. </div>
  5018. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5019. </div>
  5020. <div
  5021. class="group_workBox"
  5022. v-for="(g, gindex) in courseGroup.group"
  5023. :key="gindex"
  5024. >
  5025. <div class="group_box">
  5026. <div class="group_title">
  5027. <el-tooltip
  5028. class="item"
  5029. effect="light"
  5030. :content="g.name"
  5031. placement="top"
  5032. >
  5033. <div class="group_name">{{ g.name }}</div>
  5034. </el-tooltip>
  5035. </div>
  5036. <div
  5037. class="group_work"
  5038. v-if="
  5039. g.works &&
  5040. g.works.length &&
  5041. g.works[toolIndex].length
  5042. "
  5043. >
  5044. <div
  5045. class="works"
  5046. style="
  5047. width: 200px;
  5048. height: 140px;
  5049. margin: 10px 10px 10px 0;
  5050. border-radius: 15px;
  5051. box-shadow: 0 0 6px 1px #dfdada;
  5052. "
  5053. v-for="(w, wIndex) in g.works[toolIndex]"
  5054. :key="wIndex"
  5055. :class="w.type == 1 ? 'isTypeOne' : ''"
  5056. >
  5057. <div class="workImg">
  5058. <img
  5059. :src="w.works"
  5060. @click="previewImg(w.works)"
  5061. alt
  5062. />
  5063. <div
  5064. class="answerScore"
  5065. v-if="w.score"
  5066. @click.stop="openScore(w)"
  5067. :class="{
  5068. rightW:
  5069. w.userid == userid ||
  5070. tType == 1 ||
  5071. tType == 4,
  5072. }"
  5073. >
  5074. {{ JSON.parse(w.score).wScore }}分
  5075. </div>
  5076. <div
  5077. class="answerScore"
  5078. @click.stop="openScore(w)"
  5079. v-else-if="courseDetail.userid == userid"
  5080. :class="{
  5081. rightW:
  5082. w.userid == userid ||
  5083. tType == 1 ||
  5084. tType == 4,
  5085. }"
  5086. >
  5087. 评分
  5088. </div>
  5089. <img
  5090. class="deleteImg"
  5091. src="../../assets/deleteworks.png"
  5092. v-if="
  5093. w.userid == userid || tType == 1 || tType == 4
  5094. "
  5095. @click.stop="deleteWorks(w.wid)"
  5096. alt
  5097. />
  5098. </div>
  5099. <div class="comment" style="min-width: 200px">
  5100. <div class="worksName">
  5101. <div>{{ w.sName }}</div>
  5102. </div>
  5103. <div class="commentList">
  5104. <div class="commentList">
  5105. <div
  5106. class="commentImg"
  5107. @click="
  5108. isLikes(w.wid, userid, 1, null, w.isLikes)
  5109. "
  5110. >
  5111. <img
  5112. :src="w.isLikes == true ? likes : noLikes"
  5113. alt=""
  5114. />
  5115. </div>
  5116. <div>{{ w.likesCount }}</div>
  5117. </div>
  5118. <div
  5119. class="commentList"
  5120. style="margin-right: 15px"
  5121. >
  5122. <div
  5123. class="commentImg"
  5124. @click="
  5125. commentOther(
  5126. w,
  5127. toolIndex,
  5128. wIndex,
  5129. null,
  5130. g.id
  5131. )
  5132. "
  5133. >
  5134. <img
  5135. src="../../assets/icon/comment/comment.png"
  5136. alt=""
  5137. />
  5138. </div>
  5139. <div>{{ w.commentCount }}</div>
  5140. </div>
  5141. </div>
  5142. </div>
  5143. </div>
  5144. </div>
  5145. <div class="group_work" v-else>暂无提交作业</div>
  5146. </div>
  5147. </div>
  5148. <div
  5149. class="worksDetailBox"
  5150. v-if="
  5151. worksStudent.length &&
  5152. worksStudent[toolIndex].length > 0
  5153. "
  5154. >
  5155. <div
  5156. class="works"
  5157. style="
  5158. width: 200px;
  5159. height: 140px;
  5160. margin: 10px 10px 10px 0;
  5161. border-radius: 15px;
  5162. box-shadow: 0 0 6px 1px #dfdada;
  5163. "
  5164. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  5165. 0
  5166. ? worksStudent[toolIndex]
  5167. : worksStudent[toolIndex].slice(0, 3)"
  5168. :key="wIndex"
  5169. >
  5170. <!-- @click="previewImg(w.works)" -->
  5171. <div class="workImg">
  5172. <img
  5173. :src="w.works"
  5174. @click="previewImg(w.works)"
  5175. alt
  5176. />
  5177. <div
  5178. class="answerScore"
  5179. v-if="w.score"
  5180. @click.stop="openScore(w)"
  5181. :class="{
  5182. rightW:
  5183. w.userid == userid || tType == 1 || tType == 4,
  5184. }"
  5185. >
  5186. {{ JSON.parse(w.score).wScore }}分
  5187. </div>
  5188. <div
  5189. class="answerScore"
  5190. @click.stop="openScore(w)"
  5191. v-else-if="courseDetail.userid == userid"
  5192. :class="{
  5193. rightW:
  5194. w.userid == userid || tType == 1 || tType == 4,
  5195. }"
  5196. >
  5197. 评分
  5198. </div>
  5199. <img
  5200. class="deleteImg"
  5201. src="../../assets/deleteworks.png"
  5202. v-if="
  5203. w.userid == userid || tType == 1 || tType == 4
  5204. "
  5205. @click.stop="deleteWorks(w.wid)"
  5206. alt
  5207. />
  5208. </div>
  5209. <div class="comment" style="min-width: 200px">
  5210. <div class="worksName">
  5211. <div>{{ w.sName }}</div>
  5212. </div>
  5213. <div class="commentList">
  5214. <div class="commentList">
  5215. <div
  5216. class="commentImg"
  5217. @click="
  5218. isLikes(w.wid, userid, 1, null, w.isLikes)
  5219. "
  5220. >
  5221. <img
  5222. :src="w.isLikes == true ? likes : noLikes"
  5223. alt=""
  5224. />
  5225. </div>
  5226. <div>{{ w.likesCount }}</div>
  5227. </div>
  5228. <div class="commentList" style="margin-right: 15px">
  5229. <div
  5230. class="commentImg"
  5231. @click="commentOther(w, toolIndex, wIndex)"
  5232. >
  5233. <img
  5234. src="../../assets/icon/comment/comment.png"
  5235. alt=""
  5236. />
  5237. </div>
  5238. <div>{{ w.commentCount }}</div>
  5239. </div>
  5240. </div>
  5241. </div>
  5242. </div>
  5243. </div>
  5244. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5245. 未提交
  5246. </div>
  5247. <div
  5248. class="noWorksS"
  5249. v-if="noWorksS && noWorksS[toolIndex].length"
  5250. >
  5251. <div
  5252. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5253. :key="sIndex"
  5254. class="noWorksName"
  5255. @click="teacherWorkSubmit(7, toolIndex, taskCount, s)"
  5256. >
  5257. {{ s.student }}
  5258. </div>
  5259. </div>
  5260. </div>
  5261. <div
  5262. v-if="
  5263. tType &&
  5264. ((tType == 2 && sIsOpen == true) ||
  5265. tType == 1 ||
  5266. tType == 4) &&
  5267. tool.tool.indexOf(26) != -1
  5268. "
  5269. class="worksBox"
  5270. >
  5271. <div
  5272. class="zuoyeYulan"
  5273. v-if="
  5274. worksStudent.length &&
  5275. worksStudent[toolIndex].length > 0
  5276. "
  5277. >
  5278. <div class="worksTop">
  5279. <div>作业预览</div>
  5280. <div
  5281. class="corOpen"
  5282. @click="contract(toolIndex)"
  5283. v-if="
  5284. worksStudent[toolIndex].length > 3 &&
  5285. isCloseList[toolIndex].isClose == 0
  5286. "
  5287. >
  5288. 折叠
  5289. </div>
  5290. <div
  5291. class="corOpen"
  5292. @click="contract(toolIndex)"
  5293. v-if="isCloseList[toolIndex].isClose == 1"
  5294. >
  5295. 展开
  5296. </div>
  5297. </div>
  5298. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5299. </div>
  5300. <div
  5301. class="worksDetailBox"
  5302. v-if="
  5303. worksStudent.length &&
  5304. worksStudent[toolIndex].length > 0
  5305. "
  5306. >
  5307. <div
  5308. class="works"
  5309. style="width: 240px; height: 140px; overflow: hidden"
  5310. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  5311. 0
  5312. ? worksStudent[toolIndex]
  5313. : worksStudent[toolIndex].slice(0, 3)"
  5314. :key="wIndex"
  5315. :class="w.type == 1 ? 'isTypeOne' : ''"
  5316. >
  5317. <div class="workImg" v-if="w.type == 0">
  5318. <img
  5319. :src="w.works"
  5320. @click="previewImg(w.works)"
  5321. alt
  5322. />
  5323. <img
  5324. class="deleteImg"
  5325. src="../../assets/deleteworks.png"
  5326. v-if="
  5327. w.userid == userid || tType == 1 || tType == 4
  5328. "
  5329. @click.stop="deleteWorks(w.wid)"
  5330. alt
  5331. />
  5332. </div>
  5333. <div class="workImg" v-if="w.type == 1">
  5334. <img :src="word" @click="openFile(w.works)" alt />
  5335. <img
  5336. class="deleteImg"
  5337. src="../../assets/deleteworks.png"
  5338. v-if="
  5339. w.userid == userid || tType == 1 || tType == 4
  5340. "
  5341. @click.stop="deleteWorks(w.wid)"
  5342. alt
  5343. />
  5344. </div>
  5345. <div class="worksName">
  5346. <div>{{ w.sName }}</div>
  5347. </div>
  5348. </div>
  5349. </div>
  5350. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5351. 未提交
  5352. </div>
  5353. <div
  5354. class="noWorksS"
  5355. v-if="noWorksS && noWorksS[toolIndex].length"
  5356. >
  5357. <div
  5358. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5359. :key="sIndex"
  5360. class="noWorksName"
  5361. >
  5362. {{ s.student }}
  5363. </div>
  5364. </div>
  5365. </div>
  5366. <div
  5367. v-if="
  5368. tType &&
  5369. ((tType == 2 && sIsOpen == true) ||
  5370. tType == 1 ||
  5371. tType == 4) &&
  5372. tool.tool.indexOf(40) != -1
  5373. "
  5374. class="worksBox"
  5375. >
  5376. <div
  5377. class="zuoyeYulan"
  5378. v-if="
  5379. worksStudent.length &&
  5380. worksStudent[toolIndex].length > 0
  5381. "
  5382. >
  5383. <div class="worksTop">
  5384. <div>作业预览</div>
  5385. <div
  5386. class="corOpen"
  5387. @click="contract(toolIndex)"
  5388. v-if="
  5389. worksStudent[toolIndex].length > 3 &&
  5390. isCloseList[toolIndex].isClose == 0
  5391. "
  5392. >
  5393. 折叠
  5394. </div>
  5395. <div
  5396. class="corOpen"
  5397. @click="contract(toolIndex)"
  5398. v-if="isCloseList[toolIndex].isClose == 1"
  5399. >
  5400. 展开
  5401. </div>
  5402. </div>
  5403. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5404. </div>
  5405. <div
  5406. class="worksDetailBox"
  5407. v-if="
  5408. worksStudent.length &&
  5409. worksStudent[toolIndex].length > 0
  5410. "
  5411. >
  5412. <div
  5413. class="works"
  5414. style="
  5415. width: 200px;
  5416. height: 140px;
  5417. margin: 10px 10px 10px 0;
  5418. border-radius: 15px;
  5419. box-shadow: 0 0 6px 1px #dfdada;
  5420. "
  5421. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  5422. 0
  5423. ? worksStudent[toolIndex]
  5424. : worksStudent[toolIndex].slice(0, 3)"
  5425. :key="wIndex"
  5426. :class="w.type == 1 ? 'isTypeOne' : ''"
  5427. >
  5428. <div class="workImg">
  5429. <img
  5430. src="../../assets/icon/works/noImg.png"
  5431. @click="openPj(w.works, toolIndex)"
  5432. alt
  5433. />
  5434. <img
  5435. class="deleteImg"
  5436. src="../../assets/deleteworks.png"
  5437. v-if="
  5438. w.userid == userid || tType == 1 || tType == 4
  5439. "
  5440. @click.stop="deleteWorks(w.wid)"
  5441. alt
  5442. />
  5443. </div>
  5444. <div class="comment" style="min-width: 200px">
  5445. <div class="worksName">
  5446. <div>{{ w.sName }}</div>
  5447. </div>
  5448. <div class="commentList">
  5449. <div class="commentList">
  5450. <div
  5451. class="commentImg"
  5452. @click="
  5453. isLikes(w.wid, userid, 1, null, w.isLikes)
  5454. "
  5455. >
  5456. <img
  5457. :src="w.isLikes == true ? likes : noLikes"
  5458. alt=""
  5459. />
  5460. </div>
  5461. <div>{{ w.likesCount }}</div>
  5462. </div>
  5463. <div class="commentList" style="margin-right: 15px">
  5464. <div
  5465. class="commentImg"
  5466. @click="commentOther(w, toolIndex, wIndex)"
  5467. >
  5468. <img
  5469. src="../../assets/icon/comment/comment.png"
  5470. alt=""
  5471. />
  5472. </div>
  5473. <div>{{ w.commentCount }}</div>
  5474. </div>
  5475. </div>
  5476. </div>
  5477. </div>
  5478. </div>
  5479. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5480. 未提交
  5481. </div>
  5482. <div
  5483. class="noWorksS"
  5484. v-if="noWorksS && noWorksS[toolIndex].length"
  5485. >
  5486. <div
  5487. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5488. :key="sIndex"
  5489. class="noWorksName"
  5490. @click="teacherWorkSubmit(40, toolIndex, taskCount, s)"
  5491. >
  5492. {{ s.student }}
  5493. </div>
  5494. </div>
  5495. </div>
  5496. <div
  5497. v-if="
  5498. tType &&
  5499. tType == 2 &&
  5500. !sIsOpen &&
  5501. tool.tool.indexOf(40) != -1
  5502. "
  5503. class="worksBox"
  5504. >
  5505. <div
  5506. class="zuoyeYulan"
  5507. v-if="workStudent[toolIndex].length > 0"
  5508. >
  5509. <span class="worksTitle">作业预览</span>
  5510. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5511. </div>
  5512. <div
  5513. class="worksDetailBox"
  5514. v-if="workStudent[toolIndex].length > 0"
  5515. >
  5516. <div
  5517. class="works"
  5518. style="
  5519. width: 200px;
  5520. height: 140px;
  5521. margin: 10px 10px 10px 0;
  5522. "
  5523. v-for="(w, wIndex) in workStudent[toolIndex]"
  5524. :key="wIndex"
  5525. >
  5526. <div class="workImg">
  5527. <img
  5528. src="../../assets/icon/works/noImg.png"
  5529. @click="openPj(w.works, toolIndex)"
  5530. alt
  5531. />
  5532. <img
  5533. class="deleteImg"
  5534. src="../../assets/deleteworks.png"
  5535. v-if="
  5536. w.userid == userid || tType == 1 || tType == 4
  5537. "
  5538. @click.stop="deleteWorks(w.wid)"
  5539. alt
  5540. />
  5541. </div>
  5542. <div class="worksName">
  5543. <div>{{ w.sName }}</div>
  5544. </div>
  5545. </div>
  5546. </div>
  5547. </div>
  5548. <div
  5549. v-if="
  5550. tType &&
  5551. ((tType == 2 && sIsOpen == true) ||
  5552. tType == 1 ||
  5553. tType == 4) &&
  5554. tool.tool.indexOf(41) != -1
  5555. "
  5556. >
  5557. <AnswerData2
  5558. v-if="
  5559. worksStudent.length &&
  5560. worksStudent[toolIndex].length > 0
  5561. "
  5562. :problemJson="tool.selectJson.answer"
  5563. :people="worksStudent[toolIndex]"
  5564. ></AnswerData2>
  5565. </div>
  5566. <div
  5567. v-if="
  5568. tType &&
  5569. ((tType == 2 && sIsOpen == true) ||
  5570. tType == 1 ||
  5571. tType == 4) &&
  5572. tool.tool.indexOf(41) != -1
  5573. "
  5574. class="worksBox"
  5575. >
  5576. <div
  5577. class="zuoyeYulan"
  5578. v-if="
  5579. worksStudent.length &&
  5580. worksStudent[toolIndex].length > 0
  5581. "
  5582. >
  5583. <div class="worksTop">
  5584. <div>作业预览</div>
  5585. <div
  5586. class="corOpen"
  5587. @click="contract(toolIndex)"
  5588. v-if="
  5589. worksStudent[toolIndex].length > 3 &&
  5590. isCloseList[toolIndex].isClose == 0
  5591. "
  5592. >
  5593. 折叠
  5594. </div>
  5595. <div
  5596. class="corOpen"
  5597. @click="contract(toolIndex)"
  5598. v-if="isCloseList[toolIndex].isClose == 1"
  5599. >
  5600. 展开
  5601. </div>
  5602. </div>
  5603. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5604. </div>
  5605. <div
  5606. class="worksDetailBox"
  5607. v-if="
  5608. worksStudent.length &&
  5609. worksStudent[toolIndex].length > 0
  5610. "
  5611. >
  5612. <div
  5613. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  5614. 0
  5615. ? worksStudent[toolIndex]
  5616. : worksStudent[toolIndex].slice(0, 3)"
  5617. :key="wIndex"
  5618. class="isWorksName2"
  5619. @click="openXz(w, toolIndex)"
  5620. >
  5621. {{ w.sName }}
  5622. <img
  5623. class="deleteImg deleteImg2"
  5624. src="../../assets/deleteworks.png"
  5625. v-if="w.userid == userid || tType == 1 || tType == 4"
  5626. @click.stop="deleteWorks(w.wid)"
  5627. alt
  5628. />
  5629. </div>
  5630. <!-- <div
  5631. class="works"
  5632. style="
  5633. width: 200px;
  5634. height: 140px;
  5635. margin: 10px 10px 10px 0;
  5636. border-radius: 15px;
  5637. box-shadow: 0 0 6px 1px #dfdada;
  5638. " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex"
  5639. :class="w.type == 5 ? 'isTypeOne' : ''">
  5640. <div class="workImg">
  5641. <img src="../../assets/icon/works/noImg.png" @click="openXz(w, toolIndex)" alt />
  5642. </div>
  5643. <div class="worksName">
  5644. <div>{{ w.sName }}</div>
  5645. </div>
  5646. </div> -->
  5647. </div>
  5648. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5649. 未提交
  5650. </div>
  5651. <div
  5652. class="noWorksS"
  5653. v-if="noWorksS && noWorksS[toolIndex].length"
  5654. >
  5655. <div
  5656. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5657. :key="sIndex"
  5658. class="noWorksName"
  5659. @click="teacherWorkSubmit(41, toolIndex, taskCount, s)"
  5660. >
  5661. {{ s.student }}
  5662. </div>
  5663. </div>
  5664. </div>
  5665. <div
  5666. v-if="
  5667. tType &&
  5668. tType == 2 &&
  5669. !sIsOpen &&
  5670. tool.tool.indexOf(41) != -1
  5671. "
  5672. class="worksBox"
  5673. >
  5674. <div
  5675. class="zuoyeYulan"
  5676. v-if="workStudent[toolIndex].length > 0"
  5677. >
  5678. <span class="worksTitle">作业预览</span>
  5679. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5680. </div>
  5681. <div
  5682. class="worksDetailBox"
  5683. v-if="workStudent[toolIndex].length > 0"
  5684. >
  5685. <div
  5686. class="works"
  5687. style="
  5688. width: 200px;
  5689. height: 140px;
  5690. margin: 10px 10px 10px 0;
  5691. "
  5692. v-for="(w, wIndex) in workStudent[toolIndex]"
  5693. :key="wIndex"
  5694. >
  5695. <div class="workImg">
  5696. <img
  5697. src="../../assets/icon/works/noImg.png"
  5698. @click="openXz(w, toolIndex)"
  5699. alt
  5700. />
  5701. <img
  5702. class="deleteImg"
  5703. src="../../assets/deleteworks.png"
  5704. v-if="
  5705. w.userid == userid || tType == 1 || tType == 4
  5706. "
  5707. @click.stop="deleteWorks(w.wid)"
  5708. alt
  5709. />
  5710. </div>
  5711. <div class="worksName">
  5712. <div>{{ w.sName }}</div>
  5713. </div>
  5714. </div>
  5715. </div>
  5716. </div>
  5717. <div v-if="false" class="xuan_right_box">
  5718. <div
  5719. class="tool_right_box"
  5720. v-for="(item, index) in tool.sentenceList"
  5721. :key="index"
  5722. >
  5723. <div>
  5724. <span
  5725. style="word-break: break-all; white-space: normal"
  5726. >{{ index + 1 + "、" + item.sentenceTitle }}</span
  5727. >
  5728. </div>
  5729. <div class="right_box_xuan">
  5730. <span>正确率</span>
  5731. <span>{{
  5732. (checkJson[toolIndex][index].right
  5733. ? checkJson[toolIndex][index].right
  5734. : 0) + "%"
  5735. }}</span>
  5736. </div>
  5737. <div class="right_box_xuan">
  5738. <span>答对人数</span>
  5739. <span>{{
  5740. checkJson[toolIndex][index].rightPerson.length
  5741. }}</span>
  5742. </div>
  5743. </div>
  5744. </div>
  5745. <div
  5746. v-if="
  5747. tType &&
  5748. ((tType == 2 && sIsOpen == true) ||
  5749. tType == 1 ||
  5750. tType == 4) &&
  5751. tool.tool.indexOf(47) != -1
  5752. "
  5753. >
  5754. <AnswerData
  5755. v-if="
  5756. checkJson[toolIndex].length &&
  5757. (tool.sentenceList || tool.sentenceList.length > 0)
  5758. "
  5759. :people="checkJson[toolIndex]"
  5760. ></AnswerData>
  5761. </div>
  5762. <div
  5763. v-if="
  5764. tType &&
  5765. tType == 2 &&
  5766. !sIsOpen &&
  5767. tool.tool.indexOf(47) != -1
  5768. "
  5769. class="worksBox"
  5770. >
  5771. <div
  5772. class="zuoyeYulan"
  5773. v-if="workStudent[toolIndex].length > 0"
  5774. >
  5775. <span class="worksTitle">作业预览</span>
  5776. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5777. </div>
  5778. <div
  5779. class="worksDetailBox"
  5780. v-if="workStudent[toolIndex].length > 0"
  5781. >
  5782. <div
  5783. class="works"
  5784. style="
  5785. width: 200px;
  5786. height: 140px;
  5787. margin: 10px 10px 10px 0;
  5788. "
  5789. v-for="(w, wIndex) in workStudent[toolIndex]"
  5790. :key="wIndex"
  5791. >
  5792. <!-- @click="openXz(w, toolIndex)" -->
  5793. <div class="workImg" @click="openSen(w, toolIndex)">
  5794. <img src="../../assets/icon/works/noImg.png" alt />
  5795. <img
  5796. class="deleteImg"
  5797. src="../../assets/deleteworks.png"
  5798. v-if="
  5799. w.userid == userid || tType == 1 || tType == 4
  5800. "
  5801. @click.stop="deleteWorks(w.wid)"
  5802. alt
  5803. />
  5804. </div>
  5805. <div class="worksName">
  5806. <div>
  5807. {{ w.sName }}
  5808. </div>
  5809. </div>
  5810. </div>
  5811. </div>
  5812. </div>
  5813. <div
  5814. v-if="
  5815. tType &&
  5816. ((tType == 2 && sIsOpen == true) ||
  5817. tType == 1 ||
  5818. tType == 4) &&
  5819. tool.tool.indexOf(47) != -1
  5820. "
  5821. class="worksBox"
  5822. >
  5823. <div
  5824. class="zuoyeYulan"
  5825. v-if="
  5826. worksStudent.length &&
  5827. worksStudent[toolIndex].length > 0
  5828. "
  5829. >
  5830. <div class="worksTop">
  5831. <div>作业预览</div>
  5832. <div
  5833. class="corOpen"
  5834. @click="contract(toolIndex)"
  5835. v-if="
  5836. worksStudent[toolIndex].length > 3 &&
  5837. isCloseList[toolIndex].isClose == 0
  5838. "
  5839. >
  5840. 折叠
  5841. </div>
  5842. <div
  5843. class="corOpen"
  5844. @click="contract(toolIndex)"
  5845. v-if="isCloseList[toolIndex].isClose == 1"
  5846. >
  5847. 展开
  5848. </div>
  5849. </div>
  5850. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5851. </div>
  5852. <div
  5853. class="worksDetailBox"
  5854. v-if="
  5855. worksStudent.length &&
  5856. worksStudent[toolIndex].length > 0
  5857. "
  5858. >
  5859. <!-- @click="openXz(w, toolIndex)" -->
  5860. <div
  5861. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  5862. 0
  5863. ? worksStudent[toolIndex]
  5864. : worksStudent[toolIndex].slice(0, 3)"
  5865. :key="wIndex"
  5866. class="isWorksName2"
  5867. @click="openSen(w, toolIndex)"
  5868. >
  5869. {{ w.sName }}
  5870. <img
  5871. class="deleteImg deleteImg2"
  5872. src="../../assets/deleteworks.png"
  5873. v-if="w.userid == userid || tType == 1 || tType == 4"
  5874. @click.stop="deleteWorks(w.wid)"
  5875. alt
  5876. />
  5877. </div>
  5878. </div>
  5879. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5880. 未提交
  5881. </div>
  5882. <div
  5883. class="noWorksS"
  5884. v-if="noWorksS && noWorksS[toolIndex].length"
  5885. >
  5886. <div
  5887. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5888. :key="sIndex"
  5889. class="noWorksName"
  5890. @click="teacherWorkSubmit(47, toolIndex, taskCount, s)"
  5891. >
  5892. {{ s.student }}
  5893. </div>
  5894. </div>
  5895. </div>
  5896. <div
  5897. v-if="
  5898. tType &&
  5899. ((tType == 2 && sIsOpen == true) ||
  5900. tType == 1 ||
  5901. tType == 4) &&
  5902. tool.tool.indexOf(48) != -1
  5903. "
  5904. class="worksBox"
  5905. >
  5906. <div
  5907. class="zuoyeYulan"
  5908. v-if="
  5909. worksStudent.length &&
  5910. worksStudent[toolIndex].length > 0
  5911. "
  5912. >
  5913. <div class="worksTop">
  5914. <div>作业预览</div>
  5915. <div
  5916. class="corOpen"
  5917. @click="contract(toolIndex)"
  5918. v-if="
  5919. worksStudent[toolIndex].length > 3 &&
  5920. isCloseList[toolIndex].isClose == 0
  5921. "
  5922. >
  5923. 折叠
  5924. </div>
  5925. <div
  5926. class="corOpen"
  5927. @click="contract(toolIndex)"
  5928. v-if="isCloseList[toolIndex].isClose == 1"
  5929. >
  5930. 展开
  5931. </div>
  5932. </div>
  5933. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5934. </div>
  5935. <div
  5936. class="worksDetailBox"
  5937. v-if="
  5938. worksStudent.length &&
  5939. worksStudent[toolIndex].length > 0
  5940. "
  5941. >
  5942. <div
  5943. class="works"
  5944. style="
  5945. width: 200px;
  5946. height: 140px;
  5947. margin: 10px 10px 10px 0;
  5948. border-radius: 15px;
  5949. box-shadow: 0 0 6px 1px #dfdada;
  5950. "
  5951. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  5952. 0
  5953. ? worksStudent[toolIndex]
  5954. : worksStudent[toolIndex].slice(0, 3)"
  5955. :key="wIndex"
  5956. :class="w.type == 1 ? 'isTypeOne' : ''"
  5957. >
  5958. <div class="workImg">
  5959. <img :src="word" @click="openTable(w)" alt />
  5960. <!-- @click="openFile(w.works)" -->
  5961. <div
  5962. class="answerScore"
  5963. v-if="w.score"
  5964. @click.stop="openScore(w)"
  5965. :class="{
  5966. rightW:
  5967. w.userid == userid ||
  5968. tType == 1 ||
  5969. tType == 4 ||
  5970. w.ateacher == userid,
  5971. }"
  5972. >
  5973. {{ JSON.parse(w.score).wScore }}分
  5974. </div>
  5975. <div
  5976. class="answerScore"
  5977. @click.stop="openScore(w)"
  5978. v-else-if="courseDetail.userid == userid"
  5979. :class="{
  5980. rightW:
  5981. w.userid == userid ||
  5982. tType == 1 ||
  5983. tType == 4 ||
  5984. w.ateacher == userid,
  5985. }"
  5986. >
  5987. 评分
  5988. </div>
  5989. <img
  5990. class="deleteImg"
  5991. src="../../assets/deleteworks.png"
  5992. v-if="
  5993. w.userid == userid || tType == 1 || tType == 4
  5994. "
  5995. @click.stop="deleteWorks(w.wid)"
  5996. alt
  5997. />
  5998. </div>
  5999. <div class="comment" style="min-width: 200px">
  6000. <div class="worksName">
  6001. <div>{{ w.sName }}</div>
  6002. </div>
  6003. <div class="commentList">
  6004. <div class="commentList">
  6005. <div
  6006. class="commentImg"
  6007. @click="
  6008. isLikes(w.wid, userid, 1, null, w.isLikes)
  6009. "
  6010. >
  6011. <img
  6012. :src="w.isLikes == true ? likes : noLikes"
  6013. alt=""
  6014. />
  6015. </div>
  6016. <div>{{ w.likesCount }}</div>
  6017. </div>
  6018. <div class="commentList" style="margin-right: 15px">
  6019. <div
  6020. class="commentImg"
  6021. @click="commentOther(w, toolIndex, wIndex)"
  6022. >
  6023. <img
  6024. src="../../assets/icon/comment/comment.png"
  6025. alt=""
  6026. />
  6027. </div>
  6028. <div>{{ w.commentCount }}</div>
  6029. </div>
  6030. </div>
  6031. </div>
  6032. </div>
  6033. </div>
  6034. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  6035. 未提交
  6036. </div>
  6037. <div
  6038. class="noWorksS"
  6039. v-if="noWorksS && noWorksS[toolIndex].length"
  6040. >
  6041. <div
  6042. v-for="(s, sIndex) in noWorksS[toolIndex]"
  6043. :key="sIndex"
  6044. class="noWorksName"
  6045. @click="teacherWorkSubmit(48, toolIndex, taskCount, s)"
  6046. >
  6047. {{ s.student }}
  6048. </div>
  6049. </div>
  6050. </div>
  6051. <div
  6052. v-if="
  6053. tType &&
  6054. tType == 2 &&
  6055. !sIsOpen &&
  6056. tool.tool.indexOf(48) != -1
  6057. "
  6058. class="worksBox"
  6059. >
  6060. <div
  6061. class="zuoyeYulan"
  6062. v-if="workStudent[toolIndex].length > 0"
  6063. >
  6064. <span class="worksTitle">作业预览</span>
  6065. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6066. </div>
  6067. <div
  6068. class="worksDetailBox"
  6069. v-if="workStudent[toolIndex].length > 0"
  6070. >
  6071. <div
  6072. class="works"
  6073. style="
  6074. width: 200px;
  6075. height: 140px;
  6076. margin: 10px 10px 10px 0;
  6077. box-shadow: 0 0 6px 1px #dfdada;
  6078. "
  6079. v-for="(w, wIndex) in workStudent[toolIndex]"
  6080. :key="wIndex"
  6081. >
  6082. <div class="workImg">
  6083. <img :src="word" @click="openTable(w)" alt />
  6084. <div
  6085. class="answerScore"
  6086. v-if="w.score"
  6087. @click.stop="openScore(w)"
  6088. :class="{
  6089. rightW:
  6090. w.userid == userid || tType == 1 || tType == 4,
  6091. }"
  6092. >
  6093. {{ JSON.parse(w.score).wScore }}分
  6094. </div>
  6095. <div
  6096. class="answerScore"
  6097. @click.stop="openScore(w)"
  6098. v-else-if="courseDetail.userid == userid"
  6099. :class="{
  6100. rightW:
  6101. w.userid == userid || tType == 1 || tType == 4,
  6102. }"
  6103. >
  6104. 评分
  6105. </div>
  6106. <img
  6107. class="deleteImg"
  6108. src="../../assets/deleteworks.png"
  6109. v-if="
  6110. w.userid == userid || tType == 1 || tType == 4
  6111. "
  6112. @click.stop="deleteWorks(w.wid)"
  6113. alt
  6114. />
  6115. </div>
  6116. <div class="worksName">
  6117. <div>{{ w.sName }}</div>
  6118. </div>
  6119. </div>
  6120. </div>
  6121. </div>
  6122. <div
  6123. v-if="
  6124. tType &&
  6125. ((tType == 2 && sIsOpen == true) ||
  6126. tType == 1 ||
  6127. tType == 4) &&
  6128. tool.tool.indexOf(52) != -1
  6129. "
  6130. class="worksBox"
  6131. >
  6132. <div
  6133. class="zuoyeYulan"
  6134. v-if="
  6135. worksStudent.length &&
  6136. worksStudent[toolIndex].length > 0
  6137. "
  6138. >
  6139. <div class="worksTop">
  6140. <div>作业预览</div>
  6141. <div
  6142. class="corOpen"
  6143. @click="contract(toolIndex)"
  6144. v-if="
  6145. worksStudent[toolIndex].length > 3 &&
  6146. isCloseList[toolIndex].isClose == 0
  6147. "
  6148. >
  6149. 折叠
  6150. </div>
  6151. <div
  6152. class="corOpen"
  6153. @click="contract(toolIndex)"
  6154. v-if="isCloseList[toolIndex].isClose == 1"
  6155. >
  6156. 展开
  6157. </div>
  6158. </div>
  6159. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6160. </div>
  6161. <div
  6162. class="worksDetailBox"
  6163. v-if="
  6164. worksStudent.length &&
  6165. worksStudent[toolIndex].length > 0
  6166. "
  6167. >
  6168. <div
  6169. class="works"
  6170. style="
  6171. width: 200px;
  6172. height: 140px;
  6173. margin: 10px 10px 10px 0;
  6174. border-radius: 15px;
  6175. box-shadow: 0 0 6px 1px #dfdada;
  6176. "
  6177. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  6178. 0
  6179. ? worksStudent[toolIndex]
  6180. : worksStudent[toolIndex].slice(0, 3)"
  6181. :key="wIndex"
  6182. :class="w.type == 1 ? 'isTypeOne' : ''"
  6183. >
  6184. <div class="workImg">
  6185. <img :src="word" @click="openWord(w)" alt />
  6186. <!-- @click="openFile(w.works)" -->
  6187. <div
  6188. class="answerScore"
  6189. v-if="w.score"
  6190. @click.stop="openScore(w)"
  6191. :class="{
  6192. rightW:
  6193. w.userid == userid ||
  6194. tType == 1 ||
  6195. tType == 4 ||
  6196. w.ateacher == userid,
  6197. }"
  6198. >
  6199. {{ JSON.parse(w.score).wScore }}分
  6200. </div>
  6201. <div
  6202. class="answerScore"
  6203. @click.stop="openScore(w)"
  6204. v-else-if="courseDetail.userid == userid"
  6205. :class="{
  6206. rightW:
  6207. w.userid == userid ||
  6208. tType == 1 ||
  6209. tType == 4 ||
  6210. w.ateacher == userid,
  6211. }"
  6212. >
  6213. 评分
  6214. </div>
  6215. <img
  6216. class="deleteImg"
  6217. src="../../assets/deleteworks.png"
  6218. v-if="
  6219. w.userid == userid || tType == 1 || tType == 4
  6220. "
  6221. @click.stop="deleteWorks(w.wid)"
  6222. alt
  6223. />
  6224. </div>
  6225. <div class="comment" style="min-width: 200px">
  6226. <div class="worksName">
  6227. <div>{{ w.sName }}</div>
  6228. </div>
  6229. <div class="commentList">
  6230. <div class="commentList">
  6231. <div
  6232. class="commentImg"
  6233. @click="
  6234. isLikes(w.wid, userid, 1, null, w.isLikes)
  6235. "
  6236. >
  6237. <img
  6238. :src="w.isLikes == true ? likes : noLikes"
  6239. alt=""
  6240. />
  6241. </div>
  6242. <div>{{ w.likesCount }}</div>
  6243. </div>
  6244. <div class="commentList" style="margin-right: 15px">
  6245. <div
  6246. class="commentImg"
  6247. @click="commentOther(w, toolIndex, wIndex)"
  6248. >
  6249. <img
  6250. src="../../assets/icon/comment/comment.png"
  6251. alt=""
  6252. />
  6253. </div>
  6254. <div>{{ w.commentCount }}</div>
  6255. </div>
  6256. </div>
  6257. </div>
  6258. </div>
  6259. </div>
  6260. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  6261. 未提交
  6262. </div>
  6263. <div
  6264. class="noWorksS"
  6265. v-if="noWorksS && noWorksS[toolIndex].length"
  6266. >
  6267. <div
  6268. v-for="(s, sIndex) in noWorksS[toolIndex]"
  6269. :key="sIndex"
  6270. class="noWorksName"
  6271. @click="teacherWorkSubmit(52, toolIndex, taskCount, s)"
  6272. >
  6273. {{ s.student }}
  6274. </div>
  6275. </div>
  6276. </div>
  6277. <div
  6278. v-if="
  6279. tType &&
  6280. tType == 2 &&
  6281. !sIsOpen &&
  6282. tool.tool.indexOf(52) != -1
  6283. "
  6284. class="worksBox"
  6285. >
  6286. <div
  6287. class="zuoyeYulan"
  6288. v-if="workStudent[toolIndex].length > 0"
  6289. >
  6290. <span class="worksTitle">作业预览</span>
  6291. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6292. </div>
  6293. <div
  6294. class="worksDetailBox"
  6295. v-if="workStudent[toolIndex].length > 0"
  6296. >
  6297. <div
  6298. class="works"
  6299. style="
  6300. width: 200px;
  6301. height: 140px;
  6302. margin: 10px 10px 10px 0;
  6303. box-shadow: 0 0 6px 1px #dfdada;
  6304. "
  6305. v-for="(w, wIndex) in workStudent[toolIndex]"
  6306. :key="wIndex"
  6307. >
  6308. <div class="workImg">
  6309. <img :src="word" @click="openWord(w)" alt />
  6310. <div
  6311. class="answerScore"
  6312. v-if="w.score"
  6313. @click.stop="openScore(w)"
  6314. :class="{
  6315. rightW:
  6316. w.userid == userid || tType == 1 || tType == 4,
  6317. }"
  6318. >
  6319. {{ JSON.parse(w.score).wScore }}分
  6320. </div>
  6321. <div
  6322. class="answerScore"
  6323. @click.stop="openScore(w)"
  6324. v-else-if="courseDetail.userid == userid"
  6325. :class="{
  6326. rightW:
  6327. w.userid == userid || tType == 1 || tType == 4,
  6328. }"
  6329. >
  6330. 评分
  6331. </div>
  6332. <img
  6333. class="deleteImg"
  6334. src="../../assets/deleteworks.png"
  6335. v-if="
  6336. w.userid == userid || tType == 1 || tType == 4
  6337. "
  6338. @click.stop="deleteWorks(w.wid)"
  6339. alt
  6340. />
  6341. </div>
  6342. <div class="worksName">
  6343. <div>{{ w.sName }}</div>
  6344. </div>
  6345. </div>
  6346. </div>
  6347. </div>
  6348. <div
  6349. v-if="tool.tool.indexOf(49) != -1"
  6350. class="xuan_right_box"
  6351. style="margin: 0 15px 0 25px; width: 93%"
  6352. >
  6353. <div
  6354. v-if="courseDetail.userid == userid"
  6355. style="
  6356. display: flex;
  6357. justify-content: flex-end;
  6358. margin-right: 10px;
  6359. "
  6360. >
  6361. <el-button
  6362. type="primary"
  6363. size="small"
  6364. @click="addTools(49, toolIndex, taskCount)"
  6365. >分组设置</el-button
  6366. >
  6367. </div>
  6368. <div
  6369. v-if="groupStudentUid[toolIndex]"
  6370. class="group_staic_box"
  6371. >
  6372. <div
  6373. v-for="(gp, gd) in tool.groupJson.group"
  6374. :key="gd"
  6375. class="group_staic"
  6376. >
  6377. <span> {{ gp.name }}</span>
  6378. <span>
  6379. 目前人数{{
  6380. groupStudentUid[toolIndex][gd].length
  6381. }}人</span
  6382. >
  6383. </div>
  6384. </div>
  6385. </div>
  6386. <div v-if="tool.tool.indexOf(49) != -1" class="worksBox">
  6387. <div
  6388. class="zuoyeYulan"
  6389. v-if="
  6390. worksStudent.length &&
  6391. worksStudent[toolIndex].length > 0
  6392. "
  6393. >
  6394. <span class="worksTitle">作业预览</span>
  6395. </div>
  6396. <div>
  6397. <div
  6398. class="group_workBox"
  6399. v-for="(g, gindex) in tool.groupJson.group"
  6400. :key="gindex"
  6401. >
  6402. <div
  6403. class="group_box"
  6404. v-if="
  6405. groupStudentUid[toolIndex] &&
  6406. worksStudent[toolIndex] &&
  6407. (worksStudent[toolIndex][gindex].length ||
  6408. groupStudentUid[toolIndex][gindex].indexOf(
  6409. userid
  6410. ) != -1)
  6411. "
  6412. >
  6413. <div class="group_title">
  6414. <el-tooltip
  6415. class="item"
  6416. effect="light"
  6417. :content="g.name"
  6418. placement="top"
  6419. >
  6420. <div class="group_name">{{ g.name }}</div>
  6421. </el-tooltip>
  6422. <el-button
  6423. type="primary"
  6424. v-if="
  6425. groupStudentUid[toolIndex][gindex].indexOf(
  6426. userid
  6427. ) != -1
  6428. "
  6429. @click="groupUpload(toolIndex, taskCount, gindex)"
  6430. >上传作业</el-button
  6431. >
  6432. </div>
  6433. <div class="group_work">
  6434. <div
  6435. class="works"
  6436. style="
  6437. width: 200px;
  6438. height: 140px;
  6439. margin: 10px 10px 10px 0;
  6440. border-radius: 15px;
  6441. box-shadow: 0 0 6px 1px #dfdada;
  6442. "
  6443. v-for="(w, wIndex) in worksStudent[toolIndex][
  6444. gindex
  6445. ]"
  6446. :key="wIndex"
  6447. :class="w.type == 1 ? 'isTypeOne' : ''"
  6448. >
  6449. <div class="workImg" v-if="w.type == 0">
  6450. <img
  6451. :src="w.works"
  6452. @click="previewImg(w.works)"
  6453. alt
  6454. />
  6455. <div
  6456. class="answerScore"
  6457. v-if="w.score"
  6458. @click.stop="openScore(w)"
  6459. :class="{
  6460. rightW:
  6461. w.userid == userid ||
  6462. tType == 1 ||
  6463. tType == 4 ||
  6464. w.ateacher == userid,
  6465. }"
  6466. >
  6467. {{ JSON.parse(w.score).wScore }}分
  6468. </div>
  6469. <div
  6470. class="answerScore"
  6471. @click.stop="openScore(w)"
  6472. v-else-if="courseDetail.userid == userid"
  6473. :class="{
  6474. rightW:
  6475. w.userid == userid ||
  6476. tType == 1 ||
  6477. tType == 4 ||
  6478. w.ateacher == userid,
  6479. }"
  6480. >
  6481. 评分
  6482. </div>
  6483. <img
  6484. class="deleteImg"
  6485. src="../../assets/deleteworks.png"
  6486. v-if="
  6487. w.userid == userid ||
  6488. tType == 1 ||
  6489. tType == 4
  6490. "
  6491. @click.stop="deleteWorks(w.wid)"
  6492. alt
  6493. />
  6494. </div>
  6495. <div class="workImg" v-if="w.type == 1">
  6496. <img
  6497. :src="word"
  6498. @click="openFile(w.works)"
  6499. alt
  6500. />
  6501. <!-- @click="openFile(w.works)" -->
  6502. <div
  6503. class="answerScore"
  6504. v-if="w.score"
  6505. @click.stop="openScore(w)"
  6506. :class="{
  6507. rightW:
  6508. w.userid == userid ||
  6509. tType == 1 ||
  6510. tType == 4 ||
  6511. w.ateacher == userid,
  6512. }"
  6513. >
  6514. {{ JSON.parse(w.score).wScore }}分
  6515. </div>
  6516. <div
  6517. class="answerScore"
  6518. @click.stop="openScore(w)"
  6519. v-else-if="courseDetail.userid == userid"
  6520. :class="{
  6521. rightW:
  6522. w.userid == userid ||
  6523. tType == 1 ||
  6524. tType == 4 ||
  6525. w.ateacher == userid,
  6526. }"
  6527. >
  6528. 评分
  6529. </div>
  6530. <img
  6531. class="deleteImg"
  6532. src="../../assets/deleteworks.png"
  6533. v-if="
  6534. w.userid == userid ||
  6535. tType == 1 ||
  6536. tType == 4
  6537. "
  6538. @click.stop="deleteWorks(w.wid)"
  6539. alt
  6540. />
  6541. </div>
  6542. <div class="workImg" v-if="w.type == 3">
  6543. <img
  6544. style="cursor: pointer"
  6545. :src="video"
  6546. @click="openVideo(w)"
  6547. alt
  6548. />
  6549. <!-- @click="openVideo(w.works)" -->
  6550. <div
  6551. class="answerScore"
  6552. v-if="w.score"
  6553. @click.stop="openScore(w)"
  6554. :class="{
  6555. rightW:
  6556. w.userid == userid ||
  6557. tType == 1 ||
  6558. tType == 4 ||
  6559. w.ateacher == userid,
  6560. }"
  6561. >
  6562. {{ JSON.parse(w.score).wScore }}分
  6563. </div>
  6564. <div
  6565. class="answerScore"
  6566. @click.stop="openScore(w)"
  6567. v-else-if="courseDetail.userid == userid"
  6568. :class="{
  6569. rightW:
  6570. w.userid == userid ||
  6571. tType == 1 ||
  6572. tType == 4 ||
  6573. w.ateacher == userid,
  6574. }"
  6575. >
  6576. 评分
  6577. </div>
  6578. <img
  6579. class="deleteImg"
  6580. src="../../assets/deleteworks.png"
  6581. v-if="
  6582. w.userid == userid ||
  6583. tType == 1 ||
  6584. tType == 4
  6585. "
  6586. @click.stop="deleteWorks(w.wid)"
  6587. alt
  6588. />
  6589. </div>
  6590. <div class="workImg" v-if="w.type == 12">
  6591. <img
  6592. style="cursor: pointer"
  6593. :src="word2"
  6594. @click="downloadFile(w.works)"
  6595. alt
  6596. />
  6597. <!-- @click="openVideo(w.works)" -->
  6598. <div
  6599. class="answerScore"
  6600. v-if="w.score"
  6601. @click.stop="openScore(w)"
  6602. :class="{
  6603. rightW:
  6604. w.userid == userid ||
  6605. tType == 1 ||
  6606. tType == 4 ||
  6607. w.ateacher == userid,
  6608. }"
  6609. >
  6610. {{ JSON.parse(w.score).wScore }}分
  6611. </div>
  6612. <div
  6613. class="answerScore"
  6614. @click.stop="openScore(w)"
  6615. v-else-if="courseDetail.userid == userid"
  6616. :class="{
  6617. rightW:
  6618. w.userid == userid ||
  6619. tType == 1 ||
  6620. tType == 4 ||
  6621. w.ateacher == userid,
  6622. }"
  6623. >
  6624. 评分
  6625. </div>
  6626. <img
  6627. class="deleteImg"
  6628. src="../../assets/deleteworks.png"
  6629. v-if="
  6630. w.userid == userid ||
  6631. tType == 1 ||
  6632. tType == 4
  6633. "
  6634. @click.stop="deleteWorks(w.wid)"
  6635. alt
  6636. />
  6637. </div>
  6638. <div class="comment" style="min-width: 200px">
  6639. <div class="worksName">
  6640. <div>{{ w.sName }}</div>
  6641. </div>
  6642. <div class="commentList">
  6643. <div class="commentList">
  6644. <div
  6645. class="commentImg"
  6646. @click="
  6647. isLikes(
  6648. w.wid,
  6649. userid,
  6650. 1,
  6651. null,
  6652. w.isLikes
  6653. )
  6654. "
  6655. >
  6656. <img
  6657. :src="
  6658. w.isLikes == true ? likes : noLikes
  6659. "
  6660. alt=""
  6661. />
  6662. </div>
  6663. <div>{{ w.likesCount }}</div>
  6664. </div>
  6665. <div
  6666. class="commentList"
  6667. style="margin-right: 15px"
  6668. >
  6669. <div
  6670. class="commentImg"
  6671. @click="
  6672. commentOther(
  6673. w,
  6674. toolIndex,
  6675. wIndex,
  6676. gindex
  6677. )
  6678. "
  6679. >
  6680. <img
  6681. src="../../assets/icon/comment/comment.png"
  6682. alt=""
  6683. />
  6684. </div>
  6685. <div>{{ w.commentCount }}</div>
  6686. </div>
  6687. </div>
  6688. </div>
  6689. </div>
  6690. </div>
  6691. </div>
  6692. </div>
  6693. </div>
  6694. </div>
  6695. </div>
  6696. <!-- <div class="upload_toolBtn" @click="addImg($event)">
  6697. 上传文件
  6698. <input
  6699. type="file"
  6700. accept="image/png, image/gif, image/jpeg"
  6701. style="display: none"
  6702. @change="beforeUpload1($event, 2, index)"
  6703. />
  6704. </div>-->
  6705. </div>
  6706. </div>
  6707. <!-- <div
  6708. class="vedioBox"
  6709. style="margin-top: 10px"
  6710. v-if="
  6711. courseDetail.userid == userid ||
  6712. (courseDetail.course_teacher &&
  6713. courseDetail.course_teacher.indexOf(userid) != -1)
  6714. "
  6715. :style="{
  6716. borderRadius:
  6717. !(
  6718. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  6719. .toolChoose[0].tool &&
  6720. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  6721. .toolChoose[0].tool.length > 0
  6722. ) &&
  6723. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  6724. .taskDetail == '' &&
  6725. vChapterData[taskCount].length == 0 &&
  6726. fileC[taskCount].length == 0
  6727. ? '0 0 20px 20px'
  6728. : '20px',
  6729. }"
  6730. >
  6731. <div
  6732. class="queTop"
  6733. @click="isClose = !isClose"
  6734. style="
  6735. padding: 15px 0 15px 37px;
  6736. justify-content: space-between;
  6737. "
  6738. >
  6739. <div class="queTopTitle">新增工具</div>
  6740. <div class="queTopRight">
  6741. <div class="queTopClose" v-if="isClose == 0">
  6742. 展开
  6743. <div class="closeImg">
  6744. <img src="../../assets/icon/newIcon/close.png" alt="" />
  6745. </div>
  6746. </div>
  6747. <div class="queTopClose" v-if="isClose == 1">
  6748. 折叠
  6749. <div class="openImg">
  6750. <img src="../../assets/icon/newIcon/open.png" alt="" />
  6751. </div>
  6752. </div>
  6753. <el-button
  6754. style="margin: 0 30px 0 auto"
  6755. type="primary"
  6756. size="small"
  6757. v-if="isClose == 1 && checktoolArray.length > 0"
  6758. @click.stop="addToolChoose"
  6759. >确定</el-button
  6760. >
  6761. </div>
  6762. </div>
  6763. <div
  6764. class="tool_work_box"
  6765. :style="isClose == 0 ? 'display:none' : 'display:block'"
  6766. >
  6767. <div class="tool_box">
  6768. <div class="tool_type_box">
  6769. <div class="chooseWho">
  6770. <div
  6771. :class="toolType == 0 ? 'isChooseActive' : ''"
  6772. @click="(toolType = 0), $forceUpdate()"
  6773. >
  6774. 互动类
  6775. </div>
  6776. <div
  6777. :class="toolType == 1 ? 'isChooseActive' : ''"
  6778. @click="(toolType = 1), $forceUpdate()"
  6779. >
  6780. 思维类
  6781. </div>
  6782. <div
  6783. :class="toolType == 2 ? 'isChooseActive' : ''"
  6784. @click="(toolType = 2), $forceUpdate()"
  6785. >
  6786. 测评类
  6787. </div>
  6788. <div
  6789. :class="toolType == 3 ? 'isChooseActive' : ''"
  6790. @click="(toolType = 3), $forceUpdate()"
  6791. >
  6792. 编程类
  6793. </div>
  6794. <div
  6795. :class="toolType == 5 ? 'isChooseActive' : ''"
  6796. @click="(toolType = 5), $forceUpdate()"
  6797. >
  6798. 学科类
  6799. </div>
  6800. </div>
  6801. </div>
  6802. <div>
  6803. <div class="toolSort" v-if="toolType == 0">
  6804. <div class="tool">
  6805. <div class="whiteBIcon" @click="addTools2(10)">
  6806. <img
  6807. src="../../assets/icon/thirdToolList/time.png"
  6808. alt
  6809. />
  6810. <div style="margin: 5px 0">倒计时</div>
  6811. </div>
  6812. <div class="check" @click="addTools2(10)">
  6813. <img
  6814. src="../../assets/icon/checkNo.png"
  6815. alt
  6816. v-if="checktoolArray.indexOf(10) == -1"
  6817. />
  6818. <div class="checkDiv" v-else>
  6819. <img src="../../assets/icon/checkedIs.png" alt /><span
  6820. >已选择</span
  6821. >
  6822. </div>
  6823. </div>
  6824. </div>
  6825. <div class="tool">
  6826. <div class="whiteBIcon" @click="addTools2(65)">
  6827. <img
  6828. src="../../assets/icon/firstToolList/pickPeople.png"
  6829. alt
  6830. />
  6831. <div style="margin: 5px 0">挑人</div>
  6832. </div>
  6833. <div class="check" @click="addTools2(65)">
  6834. <img
  6835. src="../../assets/icon/checkNo.png"
  6836. alt
  6837. v-if="checktoolArray.indexOf(65) == -1"
  6838. />
  6839. <div class="checkDiv" v-else>
  6840. <img src="../../assets/icon/checkedIs.png" alt /><span
  6841. >已选择</span
  6842. >
  6843. </div>
  6844. </div>
  6845. </div>
  6846. </div>
  6847. <div class="toolSort" v-if="toolType == 1">
  6848. <div class="tool">
  6849. <div class="whiteBIcon" @click="addTools2(7)">
  6850. <img
  6851. src="../../assets/icon/secondToolList/mindNetwork.png"
  6852. alt
  6853. />
  6854. <div style="margin: 5px 0">思维网格</div>
  6855. </div>
  6856. <div class="check" @click="addTools2(7)">
  6857. <img
  6858. src="../../assets/icon/checkNo.png"
  6859. alt
  6860. v-if="checktoolArray.indexOf(7) == -1"
  6861. />
  6862. <div class="checkDiv" v-else>
  6863. <img src="../../assets/icon/checkedIs.png" alt /><span
  6864. >已选择</span
  6865. >
  6866. </div>
  6867. </div>
  6868. </div>
  6869. <div class="tool">
  6870. <div class="whiteBIcon" @click="addTools2(1)">
  6871. <img
  6872. src="../../assets/icon/secondToolList/whiteBoard.png"
  6873. alt
  6874. />
  6875. <div style="margin: 5px 0">电子白板</div>
  6876. </div>
  6877. <div class="check" @click="addTools2(1)">
  6878. <img
  6879. src="../../assets/icon/checkNo.png"
  6880. alt
  6881. v-if="checktoolArray.indexOf(1) == -1"
  6882. />
  6883. <div class="checkDiv" v-else>
  6884. <img src="../../assets/icon/checkedIs.png" alt /><span
  6885. >已选择</span
  6886. >
  6887. </div>
  6888. </div>
  6889. </div>
  6890. <div class="tool">
  6891. <div class="whiteBIcon" @click="addTools2(52)">
  6892. <img
  6893. src="../../assets/icon/fourthToolList/text.png"
  6894. alt
  6895. />
  6896. <div style="margin: 5px 0">文档</div>
  6897. </div>
  6898. <div class="check" @click="addTools2(52)">
  6899. <img
  6900. src="../../assets/icon/checkNo.png"
  6901. alt
  6902. v-if="checktoolArray.indexOf(52) == -1"
  6903. />
  6904. <div class="checkDiv" v-else>
  6905. <img src="../../assets/icon/checkedIs.png" alt /><span
  6906. >已选择</span
  6907. >
  6908. </div>
  6909. </div>
  6910. </div>
  6911. <div class="tool">
  6912. <div class="whiteBIcon" @click="addTools2(3)">
  6913. <img
  6914. src="../../assets/icon/secondToolList/mindMapping.png"
  6915. alt
  6916. />
  6917. <div style="margin: 5px 0">思维导图</div>
  6918. </div>
  6919. <div class="check" @click="addTools2(3)">
  6920. <img
  6921. src="../../assets/icon/checkNo.png"
  6922. alt
  6923. v-if="checktoolArray.indexOf(3) == -1"
  6924. />
  6925. <div class="checkDiv" v-else>
  6926. <img src="../../assets/icon/checkedIs.png" alt /><span
  6927. >已选择</span
  6928. >
  6929. </div>
  6930. </div>
  6931. </div>
  6932. <div class="tool">
  6933. <div class="whiteBIcon" @click="addTools2(48)">
  6934. <img
  6935. src="../../assets/icon/fourthToolList/table.png"
  6936. alt
  6937. />
  6938. <div style="margin: 5px 0">表格</div>
  6939. </div>
  6940. <div class="check" @click="addTools2(48)">
  6941. <img
  6942. src="../../assets/icon/checkNo.png"
  6943. alt
  6944. v-if="checktoolArray.indexOf(48) == -1"
  6945. />
  6946. <div class="checkDiv" v-else>
  6947. <img src="../../assets/icon/checkedIs.png" alt /><span
  6948. >已选择</span
  6949. >
  6950. </div>
  6951. </div>
  6952. </div>
  6953. </div>
  6954. <div class="toolSort" v-if="toolType == 6">
  6955. <div v-show="tooC == 49">
  6956. <img
  6957. @click="addTools(tooC, toolIndex, taskCount)"
  6958. src="../../assets/icon/fourthToolList/group.png"
  6959. alt
  6960. />
  6961. <div style="margin: 5px 0">学生分组</div>
  6962. </div>
  6963. </div>
  6964. <div class="toolSort" v-if="toolType == 2">
  6965. <div class="tool">
  6966. <div class="whiteBIcon" @click="addTools2(16)">
  6967. <img
  6968. src="../../assets/icon/thirdToolList/work.png"
  6969. alt
  6970. />
  6971. <div style="margin: 5px 0">作业提交</div>
  6972. </div>
  6973. <div class="check" @click="addTools2(16)">
  6974. <img
  6975. src="../../assets/icon/checkNo.png"
  6976. alt
  6977. v-if="checktoolArray.indexOf(16) == -1"
  6978. />
  6979. <div class="checkDiv" v-else>
  6980. <img src="../../assets/icon/checkedIs.png" alt /><span
  6981. >已选择</span
  6982. >
  6983. </div>
  6984. </div>
  6985. </div>
  6986. <div class="tool">
  6987. <div class="whiteBIcon" @click="addTools2(50)">
  6988. <img
  6989. src="../../assets/icon/thirdToolList/plwork.png"
  6990. alt
  6991. />
  6992. <div style="margin: 5px 0">批量上传</div>
  6993. </div>
  6994. <div class="check" @click="addTools2(50)">
  6995. <img
  6996. src="../../assets/icon/checkNo.png"
  6997. alt
  6998. v-if="checktoolArray.indexOf(50) == -1"
  6999. />
  7000. <div class="checkDiv" v-else>
  7001. <img src="../../assets/icon/checkedIs.png" alt /><span
  7002. >已选择</span
  7003. >
  7004. </div>
  7005. </div>
  7006. </div>
  7007. </div>
  7008. <div class="toolSort" v-if="toolType == 3">
  7009. <div class="tool">
  7010. <div class="whiteBIcon" @click="addTools2(18)">
  7011. <img
  7012. src="../../assets/icon/thirdToolList/trainPlatform.png"
  7013. alt
  7014. />
  7015. <div style="margin: 5px 0">训练平台</div>
  7016. </div>
  7017. <div class="check" @click="addTools2(18)">
  7018. <img
  7019. src="../../assets/icon/checkNo.png"
  7020. alt
  7021. v-if="checktoolArray.indexOf(18) == -1"
  7022. />
  7023. <div class="checkDiv" v-else>
  7024. <img src="../../assets/icon/checkedIs.png" alt /><span
  7025. >已选择</span
  7026. >
  7027. </div>
  7028. </div>
  7029. </div>
  7030. <div class="tool">
  7031. <div class="whiteBIcon" @click="addTools2(21)">
  7032. <img
  7033. src="../../assets/icon/fourthToolList/program.png"
  7034. alt
  7035. />
  7036. <div style="margin: 5px 0">AIoT Blockly</div>
  7037. </div>
  7038. <div class="check" @click="addTools2(21)">
  7039. <img
  7040. src="../../assets/icon/checkNo.png"
  7041. alt
  7042. v-if="checktoolArray.indexOf(21) == -1"
  7043. />
  7044. <div class="checkDiv" v-else>
  7045. <img src="../../assets/icon/checkedIs.png" alt /><span
  7046. >已选择</span
  7047. >
  7048. </div>
  7049. </div>
  7050. </div>
  7051. <div class="tool">
  7052. <div class="whiteBIcon" @click="addTools2(23)">
  7053. <img
  7054. src="../../assets/icon/fourthToolList/Pythonprogram.png"
  7055. alt
  7056. />
  7057. <div style="margin: 5px 0">AI Python</div>
  7058. </div>
  7059. <div class="check" @click="addTools2(23)">
  7060. <img
  7061. src="../../assets/icon/checkNo.png"
  7062. alt
  7063. v-if="checktoolArray.indexOf(23) == -1"
  7064. />
  7065. <div class="checkDiv" v-else>
  7066. <img src="../../assets/icon/checkedIs.png" alt /><span
  7067. >已选择</span
  7068. >
  7069. </div>
  7070. </div>
  7071. </div>
  7072. <div class="tool">
  7073. <div class="whiteBIcon" @click="addTools2(24)">
  7074. <img
  7075. src="../../assets/icon/fourthToolList/AIprogram.png"
  7076. alt
  7077. />
  7078. <div style="margin: 5px 0">AI Blockly</div>
  7079. </div>
  7080. <div class="check" @click="addTools2(24)">
  7081. <img
  7082. src="../../assets/icon/checkNo.png"
  7083. alt
  7084. v-if="checktoolArray.indexOf(24) == -1"
  7085. />
  7086. <div class="checkDiv" v-else>
  7087. <img src="../../assets/icon/checkedIs.png" alt /><span
  7088. >已选择</span
  7089. >
  7090. </div>
  7091. </div>
  7092. </div>
  7093. <div class="tool">
  7094. <div class="whiteBIcon" @click="addTools2(32)">
  7095. <img
  7096. src="../../assets/icon/thirdToolList/code.png"
  7097. alt
  7098. />
  7099. <div style="margin: 5px 0">源码编辑</div>
  7100. </div>
  7101. <div class="check" @click="addTools2(32)">
  7102. <img
  7103. src="../../assets/icon/checkNo.png"
  7104. alt
  7105. v-if="checktoolArray.indexOf(32) == -1"
  7106. />
  7107. <div class="checkDiv" v-else>
  7108. <img src="../../assets/icon/checkedIs.png" alt /><span
  7109. >已选择</span
  7110. >
  7111. </div>
  7112. </div>
  7113. </div>
  7114. <div class="tool">
  7115. <div class="whiteBIcon" @click="addTools2(57)">
  7116. <img
  7117. src="../../assets/icon/fourthToolList/cocopi.png"
  7118. alt
  7119. />
  7120. <div style="margin: 5px 0">CocoPi</div>
  7121. </div>
  7122. <div class="check" @click="addTools2(57)">
  7123. <img
  7124. src="../../assets/icon/checkNo.png"
  7125. alt
  7126. v-if="checktoolArray.indexOf(57) == -1"
  7127. />
  7128. <div class="checkDiv" v-else>
  7129. <img src="../../assets/icon/checkedIs.png" alt /><span
  7130. >已选择</span
  7131. >
  7132. </div>
  7133. </div>
  7134. </div>
  7135. <div class="tool">
  7136. <div class="whiteBIcon" @click="addTools2(63)">
  7137. <img
  7138. src="../../assets/icon/fourthToolList/Wood.png"
  7139. alt
  7140. />
  7141. <div style="margin: 5px 0">海龟编程</div>
  7142. </div>
  7143. <div class="check" @click="addTools2(63)">
  7144. <img
  7145. src="../../assets/icon/checkNo.png"
  7146. alt
  7147. v-if="checktoolArray.indexOf(63) == -1"
  7148. />
  7149. <div class="checkDiv" v-else>
  7150. <img src="../../assets/icon/checkedIs.png" alt /><span
  7151. >已选择</span
  7152. >
  7153. </div>
  7154. </div>
  7155. </div>
  7156. </div>
  7157. <div class="toolSort" v-if="toolType == 5">
  7158. <div class="tool">
  7159. <div class="whiteBIcon" @click="addTools2(28)">
  7160. <img
  7161. src="../../assets/icon/secondToolList/translation.png"
  7162. alt
  7163. />
  7164. <div style="margin: 5px 0">翻译</div>
  7165. </div>
  7166. <div class="check" @click="addTools2(28)">
  7167. <img
  7168. src="../../assets/icon/checkNo.png"
  7169. alt
  7170. v-if="checktoolArray.indexOf(28) == -1"
  7171. />
  7172. <div class="checkDiv" v-else>
  7173. <img src="../../assets/icon/checkedIs.png" alt /><span
  7174. >已选择</span
  7175. >
  7176. </div>
  7177. </div>
  7178. </div>
  7179. <div class="tool">
  7180. <div class="whiteBIcon" @click="addTools2(31)">
  7181. <img
  7182. src="../../assets/icon/secondToolList/networkPanel.png"
  7183. alt
  7184. />
  7185. <div style="margin: 5px 0">数字画板</div>
  7186. </div>
  7187. <div class="check" @click="addTools2(31)">
  7188. <img
  7189. src="../../assets/icon/checkNo.png"
  7190. alt
  7191. v-if="checktoolArray.indexOf(31) == -1"
  7192. />
  7193. <div class="checkDiv" v-else>
  7194. <img src="../../assets/icon/checkedIs.png" alt /><span
  7195. >已选择</span
  7196. >
  7197. </div>
  7198. </div>
  7199. </div>
  7200. <div class="tool">
  7201. <div class="whiteBIcon" @click="addTools2(39)">
  7202. <img
  7203. src="../../assets/icon/secondToolList/GeoGebra.png"
  7204. alt
  7205. />
  7206. <div style="margin: 5px 0">GeoGebra</div>
  7207. </div>
  7208. <div class="check" @click="addTools2(39)">
  7209. <img
  7210. src="../../assets/icon/checkNo.png"
  7211. alt
  7212. v-if="checktoolArray.indexOf(39) == -1"
  7213. />
  7214. <div class="checkDiv" v-else>
  7215. <img src="../../assets/icon/checkedIs.png" alt /><span
  7216. >已选择</span
  7217. >
  7218. </div>
  7219. </div>
  7220. </div>
  7221. <div class="tool">
  7222. <div class="whiteBIcon" @click="addTools2(66)">
  7223. <img
  7224. src="../../assets/icon/secondToolList/formulaEdi.png"
  7225. alt
  7226. />
  7227. <div style="margin: 5px 0">公式编辑</div>
  7228. </div>
  7229. <div class="check" @click="addTools2(66)">
  7230. <img
  7231. src="../../assets/icon/checkNo.png"
  7232. alt
  7233. v-if="checktoolArray.indexOf(66) == -1"
  7234. />
  7235. <div class="checkDiv" v-else>
  7236. <img src="../../assets/icon/checkedIs.png" alt /><span
  7237. >已选择</span
  7238. >
  7239. </div>
  7240. </div>
  7241. </div>
  7242. <div class="tool">
  7243. <div class="whiteBIcon" @click="addTools2(67)">
  7244. <img
  7245. src="../../assets/icon/secondToolList/molStr.png"
  7246. alt
  7247. />
  7248. <div style="margin: 5px 0">分子结构</div>
  7249. </div>
  7250. <div class="check" @click="addTools2(67)">
  7251. <img
  7252. src="../../assets/icon/checkNo.png"
  7253. alt
  7254. v-if="checktoolArray.indexOf(67) == -1"
  7255. />
  7256. <div class="checkDiv" v-else>
  7257. <img src="../../assets/icon/checkedIs.png" alt /><span
  7258. >已选择</span
  7259. >
  7260. </div>
  7261. </div>
  7262. </div>
  7263. <div class="tool">
  7264. <div class="whiteBIcon" @click="addTools2(68)">
  7265. <img
  7266. src="../../assets/icon/secondToolList/timeAxis.png"
  7267. alt
  7268. />
  7269. <div style="margin: 5px 0">时间轴</div>
  7270. </div>
  7271. <div class="check" @click="addTools2(68)">
  7272. <img
  7273. src="../../assets/icon/checkNo.png"
  7274. alt
  7275. v-if="checktoolArray.indexOf(68) == -1"
  7276. />
  7277. <div class="checkDiv" v-else>
  7278. <img src="../../assets/icon/checkedIs.png" alt /><span
  7279. >已选择</span
  7280. >
  7281. </div>
  7282. </div>
  7283. </div>
  7284. </div>
  7285. <div class="toolSort" v-if="toolType == 7">
  7286. <div class="tool">
  7287. <div class="whiteBIcon" @click="addTools2(40)">
  7288. <img
  7289. src="../../assets/icon/secondToolList/eval.png"
  7290. alt
  7291. />
  7292. <div style="margin: 5px 0">个人评价</div>
  7293. </div>
  7294. <div class="check" @click="addTools2(40)">
  7295. <img
  7296. src="../../assets/icon/checkNo.png"
  7297. alt
  7298. v-if="checktoolArray.indexOf(40) == -1"
  7299. />
  7300. <div class="checkDiv" v-else>
  7301. <img src="../../assets/icon/checkedIs.png" alt /><span
  7302. >已选择</span
  7303. >
  7304. </div>
  7305. </div>
  7306. </div>
  7307. </div>
  7308. <div class="toolSort" v-if="toolType == 4">
  7309. <div class="tool">
  7310. <div class="whiteBIcon" @click="addTools2(26)">
  7311. <img
  7312. src="../../assets/icon/thirdToolList/courseDesign.png"
  7313. alt
  7314. />
  7315. <div style="margin: 5px 0">课程设计</div>
  7316. </div>
  7317. <div class="check" @click="addTools2(26)">
  7318. <img
  7319. src="../../assets/icon/checkNo.png"
  7320. alt
  7321. v-if="checktoolArray.indexOf(26) == -1"
  7322. />
  7323. <div class="checkDiv" v-else>
  7324. <img src="../../assets/icon/checkedIs.png" alt /><span
  7325. >已选择</span
  7326. >
  7327. </div>
  7328. </div>
  7329. </div>
  7330. <div class="tool">
  7331. <div class="whiteBIcon" @click="addTools2(25)">
  7332. <img
  7333. src="../../assets/icon/thirdToolList/evalua.png"
  7334. alt
  7335. />
  7336. <div style="margin: 5px 0">目标管理</div>
  7337. </div>
  7338. <div class="check" @click="addTools2(25)">
  7339. <img
  7340. src="../../assets/icon/checkNo.png"
  7341. alt
  7342. v-if="checktoolArray.indexOf(25) == -1"
  7343. />
  7344. <div class="checkDiv" v-else>
  7345. <img src="../../assets/icon/checkedIs.png" alt /><span
  7346. >已选择</span
  7347. >
  7348. </div>
  7349. </div>
  7350. </div>
  7351. </div>
  7352. </div>
  7353. </div>
  7354. </div>
  7355. </div> -->
  7356. <div
  7357. class="vedioBox"
  7358. style="margin-top: 10px; border-radius: 20px"
  7359. v-if="
  7360. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7361. .eList &&
  7362. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7363. .eList.length &&
  7364. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7365. .eList.length > 0 &&
  7366. tType != 2
  7367. "
  7368. >
  7369. <div
  7370. class="queTop"
  7371. style="
  7372. font-size: 20px;
  7373. padding: 15px 0 15px 37px;
  7374. font-weight: bold;
  7375. "
  7376. >
  7377. <!-- <div class="question" style="width: 30px">
  7378. <img src="../../assets/icon/toolIcon.png" alt />
  7379. </div>
  7380. <div class="queTitle">
  7381. <div>工具</div>
  7382. </div>-->
  7383. 评一评
  7384. </div>
  7385. <div class="evaCss" :class="{ evaCssMax: Stbodywidth < 974 }">
  7386. <div class="elist_input">
  7387. <el-table
  7388. :data="
  7389. chapInfoList[courseType].chapterInfo[0].taskJson[
  7390. taskCount
  7391. ].eList
  7392. "
  7393. :header-cell-style="{ background: '#F0F4FA' }"
  7394. :row-class-name="tableRowClassName"
  7395. border
  7396. stripe
  7397. style="width: 100%"
  7398. >
  7399. <el-table-column
  7400. label="评价名称"
  7401. width="180"
  7402. align="center"
  7403. >
  7404. <template slot-scope="scope"
  7405. ><div>{{ scope.row.value }}</div></template
  7406. >
  7407. </el-table-column>
  7408. <el-table-column
  7409. label="评价描述"
  7410. width="180"
  7411. align="center"
  7412. >
  7413. <template slot-scope="scope"
  7414. ><div>
  7415. {{ scope.row.detail != "" ? scope.row.detail : "-" }}
  7416. </div></template
  7417. >
  7418. </el-table-column>
  7419. <el-table-column label="目标" align="center">
  7420. <template slot-scope="scope"
  7421. ><div>
  7422. {{
  7423. scope.row.target
  7424. ? scope.row.target[scope.row.target.length - 1]
  7425. : "-"
  7426. }}
  7427. </div></template
  7428. ></el-table-column
  7429. >
  7430. </el-table>
  7431. <!-- <div
  7432. v-for="(eItem, eIndex) in chapInfoList[courseType]
  7433. .chapterInfo[0].taskJson[taskCount].eList"
  7434. :key="eIndex"
  7435. class="elist_input_box"
  7436. >
  7437. <div style="width: 95%">
  7438. <div
  7439. style="
  7440. display: flex;
  7441. flex-direction: row;
  7442. flex-wrap: nowrap;
  7443. align-items: center;
  7444. "
  7445. >
  7446. <div style="max-width: calc(100% - 285px)">
  7447. <span>{{ eItem.value }}</span>
  7448. </div>
  7449. <div
  7450. style="
  7451. padding-left: 25px;
  7452. display: flex;
  7453. flex-direction: row;
  7454. align-items: center;
  7455. "
  7456. >
  7457. <el-rate
  7458. v-model="eItem.score"
  7459. :colors="colors"
  7460. disabled
  7461. ></el-rate>
  7462. </div>
  7463. </div>
  7464. <div class="elist_inptu_text" style="padding-left: 10px">
  7465. <span v-if="eItem.detail != ''">{{
  7466. eItem.detail
  7467. }}</span>
  7468. <span v-else style="color: #b2b1b3; font-size: 14px"
  7469. >暂无描述...</span
  7470. >
  7471. </div>
  7472. </div>
  7473. </div> -->
  7474. </div>
  7475. <div
  7476. v-if="evalua"
  7477. style="
  7478. border: 1px solid #e5e5e5;
  7479. max-width: 650px;
  7480. width: 100%;
  7481. margin-top: 20px;
  7482. box-shadow: 3px 1px 15px 3px #e0e0e0;
  7483. "
  7484. >
  7485. <div class="e_add_top">
  7486. <div class="e_add_title">
  7487. <!-- <span>目标管理名称</span> -->
  7488. <span>{{ eTitle }}</span>
  7489. <img
  7490. src="../../assets/line.png"
  7491. class="cru_line"
  7492. style="
  7493. width: 125px;
  7494. height: 20px;
  7495. bottom: -10px;
  7496. left: 5px;
  7497. "
  7498. />
  7499. <!-- <el-input
  7500. v-model="eTitle"
  7501. placeholder="请输入名称"
  7502. @change="setMindData"
  7503. ></el-input>-->
  7504. </div>
  7505. </div>
  7506. <div class="e_add_content">
  7507. <div class="e_add_list_pbox">
  7508. <div class="e_add_list_pbox_title">
  7509. <!-- <span class="type_title">切换模式</span> -->
  7510. <div class="type_content">
  7511. <span
  7512. :class="{ active: typeMode == 1 }"
  7513. @click="typeMode = 1"
  7514. >目标树</span
  7515. >
  7516. <span
  7517. :class="{ active: typeMode == 2 }"
  7518. @click="typeMode = 2"
  7519. >目标罗盘</span
  7520. >
  7521. <span
  7522. :class="{ active: typeMode == 3 }"
  7523. @click="typeMode = 3"
  7524. >目标看板</span
  7525. >
  7526. </div>
  7527. </div>
  7528. <div class="e_add_list_pbox_content">
  7529. <Mind
  7530. :showBar="false"
  7531. :mindData="data"
  7532. style="width: 100%"
  7533. v-show="typeMode == 1"
  7534. ></Mind>
  7535. <Sunburst
  7536. :Josn="eJson"
  7537. :num="eJSONNum"
  7538. style="width: 100%"
  7539. v-if="typeMode == 2"
  7540. ></Sunburst>
  7541. <SeeBoard
  7542. :Josn="eJson"
  7543. :num="eJSONNum"
  7544. :ename="eTitle"
  7545. style="width: 100%"
  7546. v-if="typeMode == 3"
  7547. >
  7548. </SeeBoard>
  7549. </div>
  7550. </div>
  7551. </div>
  7552. </div>
  7553. </div>
  7554. </div>
  7555. <!-- <div
  7556. class="project_box"
  7557. style="margin-top: 15px; padding-bottom: 30px"
  7558. >
  7559. <div
  7560. style="
  7561. display: flex;
  7562. flex-wrap: nowrap;
  7563. flex-direction: column;
  7564. position: relative;
  7565. "
  7566. >
  7567. <div class="queTop">
  7568. <div class="question">
  7569. <img src="../../assets/icon/homeWork.png" alt="" />
  7570. </div>
  7571. <div class="queTitle">
  7572. <div>作业提交<span>(提交图文视频等)</span></div>
  7573. <div>:任务:{{ task.task }}</div>
  7574. </div>
  7575. </div>
  7576. <div class="ediBottom">
  7577. <div
  7578. class="addEditor"
  7579. style="margin-top: 23px"
  7580. @click="openAddWork"
  7581. v-if="!isNoHomeWork"
  7582. >
  7583. 选择文件
  7584. </div>
  7585. <div
  7586. class="addEditor"
  7587. style="margin-top: 23px"
  7588. @click="openAddWork"
  7589. v-else
  7590. >
  7591. 已提交
  7592. </div>
  7593. </div>
  7594. </div>
  7595. </div>-->
  7596. </div>
  7597. </div>
  7598. <el-dialog
  7599. title="作业提交"
  7600. :visible.sync="dialogVisible"
  7601. :append-to-body="true"
  7602. width="500px"
  7603. :before-close="handleClose"
  7604. class="dialog_change"
  7605. >
  7606. <div class="marginT">
  7607. <div>上传文件</div>
  7608. <div
  7609. class="chapter_add"
  7610. @click="addImg($event)"
  7611. v-if="studyJuri[0].cover.length == 0"
  7612. >
  7613. <div class="up_photo">
  7614. <img src="../../assets/icon/uploadImg.png" alt />
  7615. </div>
  7616. <!-- <input
  7617. type="file"
  7618. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  7619. style="display: none"
  7620. @change="beforeUpload1($event, 1)"
  7621. /> -->
  7622. <input
  7623. type="file"
  7624. accept="*"
  7625. style="display: none"
  7626. @change="beforeUpload1($event, 1)"
  7627. />
  7628. <!-- <input
  7629. type="file"
  7630. accept="image/*"
  7631. capture="camera"
  7632. style="display: none"
  7633. @change="beforeUpload1($event, 1)"
  7634. /> -->
  7635. </div>
  7636. <div
  7637. class="chapter_add"
  7638. style="
  7639. display: flex;
  7640. width: 100%;
  7641. flex-direction: row;
  7642. flex-wrap: wrap;
  7643. justify-content: flex-start;
  7644. padding: 15px 0;
  7645. "
  7646. v-if="studyJuri[0].cover.length > 0"
  7647. >
  7648. <div class="upCover">
  7649. <img
  7650. :src="studyJuri[0].cover[0].url"
  7651. alt
  7652. v-if="fileType == 0"
  7653. />
  7654. <img :src="word" alt v-else-if="fileType == 1" />
  7655. <img :src="video" alt v-else-if="fileType == 2" />
  7656. <img :src="word2" alt v-else-if="fileType == 3" />
  7657. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  7658. <div class="deleteWord" @click="clean(1)">
  7659. <img src="../../assets/icon/deleteWorks.png" alt />
  7660. </div>
  7661. </div>
  7662. </div>
  7663. </div>
  7664. <div
  7665. class="upload_send"
  7666. @click="addCourseWorks(taskCount)"
  7667. v-if="!proVisible"
  7668. >
  7669. 提交
  7670. </div>
  7671. </el-dialog>
  7672. </div>
  7673. </div>
  7674. <div
  7675. class="pButton"
  7676. @click="(pzDialog = true), selectPz()"
  7677. v-if="pzDialog == false && (tType == 4 || ispzType == 4)"
  7678. style="background-image: linear-gradient(90deg, #477cd7, #65b9fc)"
  7679. >
  7680. <!-- 批 -->
  7681. <img src="../../assets/mlBtn.png" style="width: 25px" alt="" />
  7682. </div>
  7683. <div v-if="pzDialog == true" class="newDialogCss">
  7684. <div class="pzTop2">
  7685. <!-- <div>评论</div>
  7686. <div @click="pzDialog = false">
  7687. <img src="../../assets/close1.png" alt="" />
  7688. </div> -->
  7689. <div class="checkbox">
  7690. <div class="check" style="font-size: 25px; position: unset">
  7691. 评论
  7692. </div>
  7693. <el-select v-model="pzStype" @change="selectPz" class="selectBox">
  7694. <el-option label="时间降序" :value="1"></el-option>
  7695. <el-option label="时间升序" :value="2"></el-option>
  7696. <el-option label="我的评课" :value="3"></el-option>
  7697. </el-select>
  7698. <img src="../../assets/pzBtn.png" @click="pzDialog = false" alt="" />
  7699. </div>
  7700. </div>
  7701. <div :class="pzList && pzList.length ? 'pzBox' : 'noPzBox'">
  7702. <div class="pzListBox" v-if="pzList && pzList.length">
  7703. <div class="pzList" v-for="(pz, pzIndex) in pzList" :key="pzIndex">
  7704. <div class="pzNavTop">
  7705. <div>评</div>
  7706. <div>
  7707. {{
  7708. pz.username && pz.username.length > 5
  7709. ? pz.username.substring(0, 5) + "..."
  7710. : pz.username
  7711. }}的评论
  7712. </div>
  7713. <div
  7714. class="pzDelete"
  7715. v-if="pz.userid == userid"
  7716. @click="deletePz(pz.id)"
  7717. >
  7718. 删除
  7719. </div>
  7720. </div>
  7721. <div
  7722. @click="checkImg(getImgList(pz.content))"
  7723. class="pzContent cont"
  7724. v-html="pz.content"
  7725. v-if="pz.type == '1'"
  7726. ></div>
  7727. <div class="pzContent" v-if="pz.type == '2'">
  7728. <audio :src="pz.content" controls="controls" ref="audio">
  7729. Your browser does not support the audio element.
  7730. </audio>
  7731. </div>
  7732. <div class="pzContent" v-if="pz.type == '3'">
  7733. <img
  7734. :src="pz.content"
  7735. style="width: 90%; margin: 0 auto; display: block"
  7736. @click="previewImg(pz.content)"
  7737. />
  7738. </div>
  7739. <div class="timeAndReply">
  7740. <div class="time">
  7741. {{ pz.time }}
  7742. </div>
  7743. <div @click="setReplyIndex(pz.id, pzIndex)">回复</div>
  7744. </div>
  7745. <div v-if="pz.hfList && pz.hfList.length > 0" class="hfBox">
  7746. <div
  7747. v-for="(h, hIndex) in pz.hfList"
  7748. :key="hIndex"
  7749. class="hfItem"
  7750. >
  7751. <div class="whoReplyWho">
  7752. <div class="hfName">{{ h.username }}</div>
  7753. <div class="hfImg">
  7754. <img src="../../assets/icon/newIcons/right.png" alt="" />
  7755. </div>
  7756. <div class="hfName">{{ pz.username }}</div>
  7757. </div>
  7758. <div class="hfContent" v-html="h.content"></div>
  7759. <div class="hfBottom">
  7760. <div class="hfTime">{{ h.time }}</div>
  7761. <div
  7762. class="deleteHfItem"
  7763. @click="deleteReply(h.id)"
  7764. v-if="userid == h.userid"
  7765. >
  7766. <img src="../../assets/icon/newIcons/delete.png" alt="" />
  7767. </div>
  7768. </div>
  7769. </div>
  7770. </div>
  7771. <!-- <div class="replyBox" v-if="replyIndex[pzIndex] && replyIndex[pzIndex] == true">
  7772. <div class="replyInput">
  7773. <el-input v-model="reply[pzIndex]"></el-input>
  7774. </div>
  7775. <el-button @click="addHf(pz.id, pzIndex)">回复</el-button>
  7776. </div> -->
  7777. </div>
  7778. </div>
  7779. <div class="noPz" v-else>
  7780. <img src="../../assets/icon/noPz.png" alt="" />
  7781. </div>
  7782. <div class="addPzButton">
  7783. <div class="addPz" @click="(addPzDialog = true), (pzType = 1)">
  7784. 添加评论
  7785. </div>
  7786. <!-- <div class="img1">
  7787. <div @click="(addPzDialog = true), (pzType = 2)">
  7788. <img src="../../assets/audio.png" /><span>音频</span>
  7789. </div>
  7790. </div> -->
  7791. </div>
  7792. </div>
  7793. </div>
  7794. <div
  7795. v-if="toolDialogVisible == true"
  7796. class="toolMask"
  7797. @click="toolDialogVisible = false"
  7798. ></div>
  7799. <div v-if="toolDialogVisible == true" class="addToolCss">
  7800. <div class="toolTop">
  7801. <div style="font-weight: bold">新增工具</div>
  7802. <div @click="toolDialogVisible = false">
  7803. <img src="../../assets/icon/close.png" class="toolClose" alt="" />
  7804. </div>
  7805. </div>
  7806. <div class="tool_box">
  7807. <div class="tool_type_box">
  7808. <div class="chooseWho">
  7809. <div
  7810. :class="toolType == 0 ? 'isChooseActive' : ''"
  7811. @click="(toolType = 0), $forceUpdate()"
  7812. >
  7813. 互动类
  7814. </div>
  7815. <div
  7816. :class="toolType == 1 ? 'isChooseActive' : ''"
  7817. @click="(toolType = 1), $forceUpdate()"
  7818. >
  7819. 思维类
  7820. </div>
  7821. <div
  7822. :class="toolType == 2 ? 'isChooseActive' : ''"
  7823. @click="(toolType = 2), $forceUpdate()"
  7824. >
  7825. 测评类
  7826. </div>
  7827. <div
  7828. :class="toolType == 3 ? 'isChooseActive' : ''"
  7829. @click="(toolType = 3), $forceUpdate()"
  7830. >
  7831. 编程类
  7832. </div>
  7833. <div
  7834. :class="toolType == 5 ? 'isChooseActive' : ''"
  7835. @click="(toolType = 5), $forceUpdate()"
  7836. >
  7837. 学科类
  7838. </div>
  7839. </div>
  7840. </div>
  7841. <div>
  7842. <div class="toolSort" v-if="toolType == 0">
  7843. <div
  7844. class="tool"
  7845. :class="{ isToolChoose: checktoolArray.indexOf(10) != -1 }"
  7846. @click="addTools2(10)"
  7847. >
  7848. <div class="whiteBIcon">
  7849. <img src="../../assets/icon/thirdToolList/time.png" alt />
  7850. <div style="margin: 5px 0">倒计时</div>
  7851. </div>
  7852. <div class="check">
  7853. <div
  7854. v-if="checktoolArray.indexOf(10) == -1"
  7855. class="noChoose"
  7856. ></div>
  7857. <div v-else class="isChoose"></div>
  7858. </div>
  7859. </div>
  7860. <div
  7861. class="tool"
  7862. :class="{ isToolChoose: checktoolArray.indexOf(65) != -1 }"
  7863. @click="addTools2(65)"
  7864. >
  7865. <div class="whiteBIcon">
  7866. <img src="../../assets/icon/firstToolList/pickPeople.png" alt />
  7867. <div style="margin: 5px 0">挑人</div>
  7868. </div>
  7869. <div class="check">
  7870. <div
  7871. v-if="checktoolArray.indexOf(65) == -1"
  7872. class="noChoose"
  7873. ></div>
  7874. <div v-else class="isChoose"></div>
  7875. </div>
  7876. </div>
  7877. </div>
  7878. <div class="toolSort" v-if="toolType == 1">
  7879. <div
  7880. class="tool"
  7881. :class="{ isToolChoose: checktoolArray.indexOf(7) != -1 }"
  7882. @click="addTools2(7)"
  7883. >
  7884. <div class="whiteBIcon">
  7885. <img
  7886. src="../../assets/icon/secondToolList/mindNetwork.png"
  7887. alt
  7888. />
  7889. <div style="margin: 5px 0">思维网格</div>
  7890. </div>
  7891. <div class="check">
  7892. <div
  7893. v-if="checktoolArray.indexOf(7) == -1"
  7894. class="noChoose"
  7895. ></div>
  7896. <div v-else class="isChoose"></div>
  7897. </div>
  7898. </div>
  7899. <div
  7900. class="tool"
  7901. :class="{ isToolChoose: checktoolArray.indexOf(1) != -1 }"
  7902. @click="addTools2(1)"
  7903. >
  7904. <div class="whiteBIcon">
  7905. <img
  7906. src="../../assets/icon/secondToolList/whiteBoard.png"
  7907. alt
  7908. />
  7909. <div style="margin: 5px 0">电子白板</div>
  7910. </div>
  7911. <div class="check">
  7912. <div
  7913. v-if="checktoolArray.indexOf(1) == -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(52) != -1 }"
  7922. @click="addTools2(52)"
  7923. >
  7924. <div class="whiteBIcon">
  7925. <img src="../../assets/icon/fourthToolList/text.png" alt />
  7926. <div style="margin: 5px 0">文档</div>
  7927. </div>
  7928. <div class="check">
  7929. <div
  7930. v-if="checktoolArray.indexOf(52) == -1"
  7931. class="noChoose"
  7932. ></div>
  7933. <div v-else class="isChoose"></div>
  7934. </div>
  7935. </div>
  7936. <div
  7937. class="tool"
  7938. :class="{ isToolChoose: checktoolArray.indexOf(3) != -1 }"
  7939. @click="addTools2(3)"
  7940. >
  7941. <div class="whiteBIcon">
  7942. <img
  7943. src="../../assets/icon/secondToolList/mindMapping.png"
  7944. alt
  7945. />
  7946. <div style="margin: 5px 0">思维导图</div>
  7947. </div>
  7948. <div class="check">
  7949. <div
  7950. v-if="checktoolArray.indexOf(3) == -1"
  7951. class="noChoose"
  7952. ></div>
  7953. <div v-else class="isChoose"></div>
  7954. </div>
  7955. </div>
  7956. <div
  7957. class="tool"
  7958. :class="{ isToolChoose: checktoolArray.indexOf(48) != -1 }"
  7959. @click="addTools2(48)"
  7960. >
  7961. <div class="whiteBIcon">
  7962. <img src="../../assets/icon/fourthToolList/table.png" alt />
  7963. <div style="margin: 5px 0">表格</div>
  7964. </div>
  7965. <div class="check">
  7966. <div
  7967. v-if="checktoolArray.indexOf(48) == -1"
  7968. class="noChoose"
  7969. ></div>
  7970. <div v-else class="isChoose"></div>
  7971. </div>
  7972. </div>
  7973. </div>
  7974. <div class="toolSort" v-if="toolType == 6">
  7975. <div v-show="tooC == 49">
  7976. <img
  7977. @click="addTools(tooC, toolIndex, taskCount)"
  7978. src="../../assets/icon/fourthToolList/group.png"
  7979. alt
  7980. />
  7981. <div style="margin: 5px 0">学生分组</div>
  7982. </div>
  7983. </div>
  7984. <div class="toolSort" v-if="toolType == 2">
  7985. <div
  7986. class="tool"
  7987. :class="{ isToolChoose: checktoolArray.indexOf(16) != -1 }"
  7988. @click="addTools2(16)"
  7989. >
  7990. <div class="whiteBIcon">
  7991. <img src="../../assets/icon/thirdToolList/work.png" alt />
  7992. <div style="margin: 5px 0">作业提交</div>
  7993. </div>
  7994. <div class="check">
  7995. <div
  7996. v-if="checktoolArray.indexOf(16) == -1"
  7997. class="noChoose"
  7998. ></div>
  7999. <div v-else class="isChoose"></div>
  8000. </div>
  8001. </div>
  8002. <div
  8003. class="tool"
  8004. :class="{ isToolChoose: checktoolArray.indexOf(50) != -1 }"
  8005. @click="addTools2(50)"
  8006. >
  8007. <div class="whiteBIcon">
  8008. <img src="../../assets/icon/thirdToolList/plwork.png" alt />
  8009. <div style="margin: 5px 0">批量上传</div>
  8010. </div>
  8011. <div class="check">
  8012. <div
  8013. v-if="checktoolArray.indexOf(50) == -1"
  8014. class="noChoose"
  8015. ></div>
  8016. <div v-else class="isChoose"></div>
  8017. </div>
  8018. </div>
  8019. </div>
  8020. <div class="toolSort" v-if="toolType == 3">
  8021. <div
  8022. class="tool"
  8023. :class="{ isToolChoose: checktoolArray.indexOf(18) != -1 }"
  8024. @click="addTools2(18)"
  8025. >
  8026. <div class="whiteBIcon">
  8027. <img
  8028. src="../../assets/icon/thirdToolList/trainPlatform.png"
  8029. alt
  8030. />
  8031. <div style="margin: 5px 0">训练平台</div>
  8032. </div>
  8033. <div class="check">
  8034. <div
  8035. v-if="checktoolArray.indexOf(18) == -1"
  8036. class="noChoose"
  8037. ></div>
  8038. <div v-else class="isChoose"></div>
  8039. </div>
  8040. </div>
  8041. <div
  8042. class="tool"
  8043. :class="{ isToolChoose: checktoolArray.indexOf(21) != -1 }"
  8044. @click="addTools2(21)"
  8045. >
  8046. <div class="whiteBIcon">
  8047. <img src="../../assets/icon/fourthToolList/program.png" alt />
  8048. <div style="margin: 5px 0">AIoT Blockly</div>
  8049. </div>
  8050. <div class="check">
  8051. <div
  8052. v-if="checktoolArray.indexOf(21) == -1"
  8053. class="noChoose"
  8054. ></div>
  8055. <div v-else class="isChoose"></div>
  8056. </div>
  8057. </div>
  8058. <div
  8059. class="tool"
  8060. :class="{ isToolChoose: checktoolArray.indexOf(23) != -1 }"
  8061. @click="addTools2(23)"
  8062. >
  8063. <div class="whiteBIcon">
  8064. <img
  8065. src="../../assets/icon/fourthToolList/Pythonprogram.png"
  8066. alt
  8067. />
  8068. <div style="margin: 5px 0">AI Python</div>
  8069. </div>
  8070. <div class="check">
  8071. <div
  8072. v-if="checktoolArray.indexOf(23) == -1"
  8073. class="noChoose"
  8074. ></div>
  8075. <div v-else class="isChoose"></div>
  8076. </div>
  8077. </div>
  8078. <div
  8079. class="tool"
  8080. :class="{ isToolChoose: checktoolArray.indexOf(24) != -1 }"
  8081. @click="addTools2(24)"
  8082. >
  8083. <div class="whiteBIcon">
  8084. <img src="../../assets/icon/fourthToolList/AIprogram.png" alt />
  8085. <div style="margin: 5px 0">AI Blockly</div>
  8086. </div>
  8087. <div class="check">
  8088. <div
  8089. v-if="checktoolArray.indexOf(24) == -1"
  8090. class="noChoose"
  8091. ></div>
  8092. <div v-else class="isChoose"></div>
  8093. </div>
  8094. </div>
  8095. <div
  8096. class="tool"
  8097. :class="{ isToolChoose: checktoolArray.indexOf(32) != -1 }"
  8098. @click="addTools2(32)"
  8099. >
  8100. <div class="whiteBIcon">
  8101. <img src="../../assets/icon/thirdToolList/code.png" alt />
  8102. <div style="margin: 5px 0">源码编辑</div>
  8103. </div>
  8104. <div class="check">
  8105. <div
  8106. v-if="checktoolArray.indexOf(32) == -1"
  8107. class="noChoose"
  8108. ></div>
  8109. <div v-else class="isChoose"></div>
  8110. </div>
  8111. </div>
  8112. <div
  8113. class="tool"
  8114. :class="{ isToolChoose: checktoolArray.indexOf(57) != -1 }"
  8115. @click="addTools2(57)"
  8116. >
  8117. <div class="whiteBIcon">
  8118. <img src="../../assets/icon/fourthToolList/cocopi.png" alt />
  8119. <div style="margin: 5px 0">CocoPi</div>
  8120. </div>
  8121. <div class="check">
  8122. <div
  8123. v-if="checktoolArray.indexOf(57) == -1"
  8124. class="noChoose"
  8125. ></div>
  8126. <div v-else class="isChoose"></div>
  8127. </div>
  8128. </div>
  8129. <div
  8130. class="tool"
  8131. :class="{ isToolChoose: checktoolArray.indexOf(63) != -1 }"
  8132. @click="addTools2(63)"
  8133. >
  8134. <div class="whiteBIcon">
  8135. <img src="../../assets/icon/fourthToolList/Wood.png" alt />
  8136. <div style="margin: 5px 0">海龟编程</div>
  8137. </div>
  8138. <div class="check">
  8139. <div
  8140. v-if="checktoolArray.indexOf(63) == -1"
  8141. class="noChoose"
  8142. ></div>
  8143. <div v-else class="isChoose"></div>
  8144. </div>
  8145. </div>
  8146. </div>
  8147. <div class="toolSort" v-if="toolType == 7">
  8148. <div
  8149. class="tool"
  8150. :class="{ isToolChoose: checktoolArray.indexOf(40) != -1 }"
  8151. @click="addTools2(40)"
  8152. >
  8153. <div class="whiteBIcon">
  8154. <img src="../../assets/icon/secondToolList/eval.png" alt />
  8155. <div style="margin: 5px 0">个人评价</div>
  8156. </div>
  8157. <div class="check">
  8158. <div
  8159. v-if="checktoolArray.indexOf(40) == -1"
  8160. class="noChoose"
  8161. ></div>
  8162. <div v-else class="isChoose"></div>
  8163. </div>
  8164. </div>
  8165. </div>
  8166. <div class="toolSort" v-if="toolType == 5">
  8167. <div
  8168. class="tool"
  8169. :class="{ isToolChoose: checktoolArray.indexOf(28) != -1 }"
  8170. @click="addTools2(28)"
  8171. >
  8172. <div class="whiteBIcon">
  8173. <img
  8174. src="../../assets/icon/secondToolList/translation.png"
  8175. alt
  8176. />
  8177. <div style="margin: 5px 0">翻译</div>
  8178. </div>
  8179. <div class="check">
  8180. <div
  8181. v-if="checktoolArray.indexOf(28) == -1"
  8182. class="noChoose"
  8183. ></div>
  8184. <div v-else class="isChoose"></div>
  8185. </div>
  8186. </div>
  8187. <div
  8188. class="tool"
  8189. :class="{ isToolChoose: checktoolArray.indexOf(31) != -1 }"
  8190. @click="addTools2(31)"
  8191. >
  8192. <div class="whiteBIcon">
  8193. <img
  8194. src="../../assets/icon/secondToolList/networkPanel.png"
  8195. alt
  8196. />
  8197. <div style="margin: 5px 0">数字画板</div>
  8198. </div>
  8199. <div class="check">
  8200. <div
  8201. v-if="checktoolArray.indexOf(31) == -1"
  8202. class="noChoose"
  8203. ></div>
  8204. <div v-else class="isChoose"></div>
  8205. </div>
  8206. </div>
  8207. <div
  8208. class="tool"
  8209. :class="{ isToolChoose: checktoolArray.indexOf(39) != -1 }"
  8210. @click="addTools2(39)"
  8211. >
  8212. <div class="whiteBIcon">
  8213. <img src="../../assets/icon/secondToolList/GeoGebra.png" alt />
  8214. <div style="margin: 5px 0">GeoGebra</div>
  8215. </div>
  8216. <div class="check">
  8217. <div
  8218. v-if="checktoolArray.indexOf(39) == -1"
  8219. class="noChoose"
  8220. ></div>
  8221. <div v-else class="isChoose"></div>
  8222. </div>
  8223. </div>
  8224. <div
  8225. class="tool"
  8226. :class="{ isToolChoose: checktoolArray.indexOf(66) != -1 }"
  8227. @click="addTools2(66)"
  8228. >
  8229. <div class="whiteBIcon">
  8230. <img
  8231. src="../../assets/icon/secondToolList/formulaEdi.png"
  8232. alt
  8233. />
  8234. <div style="margin: 5px 0">公式编辑</div>
  8235. </div>
  8236. <div class="check">
  8237. <div
  8238. v-if="checktoolArray.indexOf(66) == -1"
  8239. class="noChoose"
  8240. ></div>
  8241. <div v-else class="isChoose"></div>
  8242. </div>
  8243. </div>
  8244. <!-- <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(67) != -1 }">
  8245. <div class="whiteBIcon" @click="addTools2(67)">
  8246. <img src="../../../assets/icon/secondToolList/molStr.png" alt />
  8247. <div style="margin: 5px 0">分子结构</div>
  8248. </div>
  8249. <div class="check" @click="addTools2(67)">
  8250. <div v-if="checktoolArray.indexOf(67) == -1" class="noChoose"></div>
  8251. <div v-else class="isChoose"></div>
  8252. </div>
  8253. </div> -->
  8254. <div
  8255. class="tool"
  8256. :class="{ isToolChoose: checktoolArray.indexOf(68) != -1 }"
  8257. @click="addTools2(68)"
  8258. >
  8259. <div class="whiteBIcon">
  8260. <img src="../../assets/icon/secondToolList/timeAxis.png" alt />
  8261. <div style="margin: 5px 0">时间轴</div>
  8262. </div>
  8263. <div class="check">
  8264. <div
  8265. v-if="checktoolArray.indexOf(68) == -1"
  8266. class="noChoose"
  8267. ></div>
  8268. <div v-else class="isChoose"></div>
  8269. </div>
  8270. </div>
  8271. <!-- <div
  8272. class="tool"
  8273. :class="{ isToolChoose: checktoolArray.indexOf(69) != -1 }"
  8274. @click="addTools2(69)"
  8275. >
  8276. <div class="whiteBIcon">
  8277. <img src="../../assets/icon/secondToolList/english.png" alt />
  8278. <div style="margin: 5px 0">英语写作</div>
  8279. </div>
  8280. <div class="check">
  8281. <div
  8282. v-if="checktoolArray.indexOf(69) == -1"
  8283. class="noChoose"
  8284. ></div>
  8285. <div v-else class="isChoose"></div>
  8286. </div>
  8287. </div> -->
  8288. </div>
  8289. <div class="toolSort" v-if="toolType == 4">
  8290. <div
  8291. class="tool"
  8292. :class="{ isToolChoose: checktoolArray.indexOf(26) != -1 }"
  8293. @click="addTools2(26)"
  8294. >
  8295. <div class="whiteBIcon">
  8296. <img
  8297. src="../../assets/icon/thirdToolList/courseDesign.png"
  8298. alt
  8299. />
  8300. <div style="margin: 5px 0">课程设计</div>
  8301. </div>
  8302. <div class="check">
  8303. <div
  8304. v-if="checktoolArray.indexOf(26) == -1"
  8305. class="noChoose"
  8306. ></div>
  8307. <div v-else class="isChoose"></div>
  8308. </div>
  8309. </div>
  8310. <div
  8311. class="tool"
  8312. :class="{ isToolChoose: checktoolArray.indexOf(25) != -1 }"
  8313. @click="addTools2(25)"
  8314. >
  8315. <div class="whiteBIcon">
  8316. <img src="../../assets/icon/thirdToolList/evalua.png" alt />
  8317. <div style="margin: 5px 0">目标管理</div>
  8318. </div>
  8319. <div class="check">
  8320. <div
  8321. v-if="checktoolArray.indexOf(25) == -1"
  8322. class="noChoose"
  8323. ></div>
  8324. <div v-else class="isChoose"></div>
  8325. </div>
  8326. </div>
  8327. </div>
  8328. </div>
  8329. </div>
  8330. <span
  8331. slot="footer"
  8332. class="dialog-footer"
  8333. style="display: block; text-align: center; padding: 0 0 10px 0"
  8334. >
  8335. <el-button @click="toolDialogVisible = false">取 消</el-button>
  8336. <el-button type="primary" @click.stop="addToolChoose">确 定</el-button>
  8337. </span>
  8338. </div>
  8339. <div
  8340. v-if="replyDialogVisible == true"
  8341. class="addDialogCss"
  8342. v-el-drag-dialog
  8343. >
  8344. <div class="pzTop">
  8345. <div class="teacherPz">
  8346. <div class="teacherPzImg">
  8347. <img src="../../assets/icon/teacherPz.png" alt="" />
  8348. </div>
  8349. <div style="margin-left: 10px; height: 25px">添加回复</div>
  8350. </div>
  8351. <div @click="replyDialogVisible = false">
  8352. <img src="../../assets/close1.png" class="pzClose" alt="" />
  8353. </div>
  8354. </div>
  8355. <div class="addPzBox">
  8356. <!-- <div class="addPzCheck">
  8357. <span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1"
  8358. >文本</span
  8359. >
  8360. <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
  8361. >音频</span
  8362. >
  8363. </div> -->
  8364. <div style="height: calc(100% - 50px)">
  8365. <editor-bar
  8366. class="binfo_input pzConText"
  8367. style="width: 100% !important; margin: 0 auto"
  8368. placeholder="请输入回复描述"
  8369. v-model="reply"
  8370. @change="change"
  8371. ></editor-bar>
  8372. </div>
  8373. <div class="addTextCss" @click="addHf">确定</div>
  8374. </div>
  8375. </div>
  8376. <div v-if="addPzDialog == true" class="addDialogCss" v-el-drag-dialog>
  8377. <div class="pzTop">
  8378. <div class="teacherPz">
  8379. <div class="teacherPzImg">
  8380. <img src="../../assets/icon/teacherPz.png" alt="" />
  8381. </div>
  8382. <div style="margin-left: 10px; height: 25px">教师评论</div>
  8383. </div>
  8384. <div @click="addPzDialog = false">
  8385. <img src="../../assets/close1.png" class="pzClose" alt="" />
  8386. </div>
  8387. </div>
  8388. <div class="addPzBox">
  8389. <div class="addPzCheck">
  8390. <span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1"
  8391. >文本</span
  8392. >
  8393. <!-- <span :class="{isChooseActive:pzType==3}" @click="pzType = 3">图片</span> -->
  8394. <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
  8395. >音频</span
  8396. >
  8397. </div>
  8398. <div style="height: calc(100% - 95px)">
  8399. <!-- <textarea class="binfo_input pzConText" cols placeholder="请填写项目课程关键问题...." v-model="pzConText"
  8400. v-if="pzType == 1"></textarea> -->
  8401. <editor-bar
  8402. class="binfo_input pzConText"
  8403. style="width: 100% !important"
  8404. placeholder="请输入任务描述"
  8405. v-model="pzConText"
  8406. @change="change"
  8407. v-if="pzType == 1"
  8408. ></editor-bar>
  8409. <Audio @addPz="addPz" class="pzAudioClass" v-if="pzType == 2"></Audio>
  8410. <!-- <div class="pzAudioClass" v-if="pzType == 3">
  8411. <div @click="addImg($event)">
  8412. <el-button type="primary">上传图片</el-button>
  8413. <input type="file" accept="image/png, image/gif, image/jpeg" style="display: none"
  8414. @change="beforeUpload1($event, 4)" />
  8415. </div>
  8416. </div> -->
  8417. </div>
  8418. <div class="addTextCss" @click="addPz('1')" v-if="pzType == 1">
  8419. 确定
  8420. </div>
  8421. </div>
  8422. </div>
  8423. <div v-if="proVisible" class="mask">
  8424. <div class="progressBox">
  8425. <!-- <div id="closePro" class="closeCss">
  8426. <img src="../../assets/icon/close.png" alt />
  8427. </div> -->
  8428. <div class="lbox">
  8429. <img src="../../assets/loading.gif" />上传中,请稍后
  8430. </div>
  8431. <div style="margin-bottom: 10px">
  8432. <span>{{ isFinishSize }}M</span> / <span>{{ isAllSize }}M</span>
  8433. </div>
  8434. <el-progress
  8435. :text-inside="true"
  8436. :stroke-width="20"
  8437. :percentage="progress"
  8438. style="width: 80%"
  8439. ></el-progress>
  8440. </div>
  8441. </div>
  8442. <div v-if="proVisible2" class="mask">
  8443. <div class="progressBox">
  8444. <div class="lbox">
  8445. <img src="../../assets/loading.gif" />上传中,请稍后
  8446. </div>
  8447. <!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="progress" style="width: 80%"></el-progress> -->
  8448. </div>
  8449. </div>
  8450. <el-dialog :visible.sync="pictureDialog" size="tiny">
  8451. <img width="100%" :src="dialogImageUrl" alt />
  8452. </el-dialog>
  8453. <el-dialog
  8454. :title="noteName != '' ? noteName : '查看问卷'"
  8455. :visible.sync="dialogVisible5"
  8456. :append-to-body="true"
  8457. width="1000px"
  8458. :before-close="handleClose"
  8459. class="dialog_diy dialog_diy3"
  8460. >
  8461. <div>
  8462. <div
  8463. class="a_add_title"
  8464. style="
  8465. display: flex;
  8466. flex-direction: row;
  8467. align-items: center;
  8468. justify-content: center;
  8469. "
  8470. >
  8471. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  8472. <div style="font-size: 20px">{{ askJson.askTitle }}</div>
  8473. </div>
  8474. <div class="a_addBox">
  8475. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  8476. 题目内容
  8477. </div>
  8478. <div
  8479. class="a_add_box"
  8480. v-for="(item1, index1) in askJson.askCount"
  8481. :key="index1"
  8482. >
  8483. <div class="a_add_head">
  8484. <div style="display: flex">
  8485. <span class="askIndex"> {{ index1 + 1 }}</span>
  8486. <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
  8487. </div>
  8488. <img
  8489. v-if="askJson.askJson[index1].img"
  8490. :src="askJson.askJson[index1].img"
  8491. style="height: 300px; margin-top: 10px; max-width: 100%"
  8492. />
  8493. </div>
  8494. <div class="a_add_body">
  8495. <div class="a_add_input">
  8496. <el-radio-group
  8497. v-model="radio[index1]"
  8498. v-if="
  8499. askJson.askJson[index1].type == '1' ||
  8500. !askJson.askJson[index1].type
  8501. "
  8502. >
  8503. <el-radio
  8504. v-for="(item2, checkIndex) in askJson.askJson[index1]
  8505. .checkList"
  8506. :key="checkIndex"
  8507. :label="checkIndex"
  8508. :disabled="isAnswer"
  8509. class="redioStyle"
  8510. ><span v-html="item2"></span
  8511. ></el-radio>
  8512. </el-radio-group>
  8513. <el-checkbox-group
  8514. v-model="radio[index1]"
  8515. v-if="askJson.askJson[index1].type == '2'"
  8516. >
  8517. <el-checkbox
  8518. v-for="(item2, checkIndex1) in askJson.askJson[index1]
  8519. .checkList"
  8520. :key="checkIndex1"
  8521. :label="checkIndex1"
  8522. :disabled="isAnswer"
  8523. class="redioStyle"
  8524. ><span v-html="item2"></span>
  8525. </el-checkbox>
  8526. </el-checkbox-group>
  8527. </div>
  8528. </div>
  8529. </div>
  8530. </div>
  8531. </div>
  8532. <span slot="footer" class="dialog-footer">
  8533. <el-button @click="dialogVisible5 = false" v-show="noteName == ''"
  8534. >取 消</el-button
  8535. >
  8536. <el-button type="primary" @click="addStudentAsk" v-show="noteName == ''"
  8537. >确 定</el-button
  8538. >
  8539. </span>
  8540. </el-dialog>
  8541. <el-dialog
  8542. :title="noteName != '' ? noteName : '查看问卷'"
  8543. :visible.sync="dialogVisible5Teacher"
  8544. :append-to-body="true"
  8545. width="1000px"
  8546. :before-close="handleClose"
  8547. class="dialog_diy dialog_diy3"
  8548. >
  8549. <div>
  8550. <div class="w_name">
  8551. 学生姓名:<span>{{ sStudent.student }}</span>
  8552. </div>
  8553. <div
  8554. class="a_add_title"
  8555. style="
  8556. display: flex;
  8557. flex-direction: row;
  8558. align-items: center;
  8559. justify-content: center;
  8560. "
  8561. >
  8562. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  8563. <div style="font-size: 20px">{{ askJson.askTitle }}</div>
  8564. </div>
  8565. <div class="a_addBox">
  8566. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  8567. 题目内容
  8568. </div>
  8569. <div
  8570. class="a_add_box"
  8571. v-for="(item1, index1) in askJson.askCount"
  8572. :key="index1"
  8573. >
  8574. <div class="a_add_head">
  8575. <div style="display: flex">
  8576. <span class="askIndex">{{ index1 + 1 }}</span>
  8577. <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
  8578. </div>
  8579. <img
  8580. v-if="askJson.askJson[index1].img"
  8581. :src="askJson.askJson[index1].img"
  8582. style="height: 300px; margin-top: 10px; max-width: 100%"
  8583. />
  8584. </div>
  8585. <div class="a_add_body">
  8586. <div class="a_add_input">
  8587. <el-radio-group
  8588. v-model="radio[index1]"
  8589. v-if="
  8590. askJson.askJson[index1].type == '1' ||
  8591. !askJson.askJson[index1].type
  8592. "
  8593. >
  8594. <el-radio
  8595. v-for="(item2, checkIndex) in askJson.askJson[index1]
  8596. .checkList"
  8597. :key="checkIndex"
  8598. :label="checkIndex"
  8599. :disabled="isAnswer"
  8600. class="redioStyle"
  8601. ><span v-html="item2"></span
  8602. ></el-radio>
  8603. </el-radio-group>
  8604. <el-checkbox-group
  8605. v-model="radio[index1]"
  8606. v-if="askJson.askJson[index1].type == '2'"
  8607. >
  8608. <el-checkbox
  8609. v-for="(item2, checkIndex1) in askJson.askJson[index1]
  8610. .checkList"
  8611. :key="checkIndex1"
  8612. :label="checkIndex1"
  8613. :disabled="isAnswer"
  8614. class="redioStyle"
  8615. ><span v-html="item2"></span>
  8616. </el-checkbox>
  8617. </el-checkbox-group>
  8618. </div>
  8619. </div>
  8620. </div>
  8621. </div>
  8622. </div>
  8623. <span slot="footer" class="dialog-footer">
  8624. <el-button
  8625. @click="dialogVisible5Teacher = false"
  8626. v-show="noteName == ''"
  8627. >取 消</el-button
  8628. >
  8629. <el-button
  8630. type="primary"
  8631. @click="addStudentAskTeacher"
  8632. v-show="noteName == ''"
  8633. >确 定</el-button
  8634. >
  8635. </span>
  8636. </el-dialog>
  8637. <el-dialog
  8638. :title="noteName != '' ? noteName : '查看选择题'"
  8639. :visible.sync="dialogVisibleChoice"
  8640. :append-to-body="true"
  8641. width="1000px"
  8642. :before-close="handleClose"
  8643. class="dialog_diy dialog_diy3"
  8644. >
  8645. <div>
  8646. <!-- <div class="a_add_title" style="
  8647. display: flex;
  8648. flex-direction: row;
  8649. align-items: center;
  8650. justify-content: center;
  8651. ">
  8652. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  8653. <div style="font-size: 20px">{{ testJson.testTitle }}</div>
  8654. </div> -->
  8655. <div class="a_addBox">
  8656. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  8657. 题目内容
  8658. </div>
  8659. <div
  8660. class="a_add_box"
  8661. v-for="(item1, index1) in testJson.testCount"
  8662. :key="index1"
  8663. >
  8664. <div class="a_add_head">
  8665. <div style="display: flex">
  8666. <span class="askIndex">{{ index1 + 1 }}</span>
  8667. <div
  8668. v-if="testJson.testJson[index1].type == '1'"
  8669. style="margin-right: 5px; min-width: 70px"
  8670. >
  8671. (单选题)
  8672. </div>
  8673. <div
  8674. v-if="testJson.testJson[index1].type == '2'"
  8675. style="margin-right: 5px; min-width: 70px"
  8676. >
  8677. (多选题)
  8678. </div>
  8679. <div>题目:{{ testJson.testJson[index1].teststitle }}</div>
  8680. </div>
  8681. <img
  8682. v-if="testJson.testJson[index1].img"
  8683. :src="testJson.testJson[index1].img"
  8684. style="height: 300px; margin-top: 10px; max-width: 100%"
  8685. />
  8686. </div>
  8687. <div
  8688. class="timuImgBox"
  8689. v-if="
  8690. testJson.testJson[index1].timuList &&
  8691. testJson.testJson[index1].timuList.length
  8692. "
  8693. >
  8694. <div
  8695. v-for="(timg, tIndex) in testJson.testJson[index1].timuList"
  8696. :key="tIndex"
  8697. class="timuImg"
  8698. @click.stop="previewImg(timg.src)"
  8699. >
  8700. <img :src="timg.src" alt="" />
  8701. </div>
  8702. </div>
  8703. <div class="a_add_body">
  8704. <div class="a_add_input">
  8705. <el-radio-group
  8706. v-model="radio[index1]"
  8707. v-if="testJson.testJson[index1].type == '1'"
  8708. >
  8709. <div class="radioBox">
  8710. <el-radio
  8711. v-for="(item2, checkIndex) in testJson.testJson[index1]
  8712. .checkList"
  8713. :key="checkIndex"
  8714. :label="checkIndex"
  8715. :disabled="isAnswer"
  8716. class="redioStyle"
  8717. >
  8718. <div
  8719. style="margin-right: 10px"
  8720. v-if="item2 && item2.imgType && item2.imgType == 1"
  8721. >
  8722. <div class="inImg" @click.stop="previewImg(item2.src)">
  8723. <img :src="item2.src" alt="" />
  8724. </div>
  8725. </div>
  8726. <span v-else v-html="item2"></span>
  8727. </el-radio>
  8728. </div>
  8729. </el-radio-group>
  8730. <el-checkbox-group
  8731. v-model="radio[index1]"
  8732. v-if="testJson.testJson[index1].type == '2'"
  8733. >
  8734. <div class="radioBox">
  8735. <el-checkbox
  8736. v-for="(item2, checkIndex) in testJson.testJson[index1]
  8737. .checkList"
  8738. :key="checkIndex"
  8739. :label="checkIndex"
  8740. :disabled="isAnswer"
  8741. class="redioStyle"
  8742. >
  8743. <div
  8744. style="margin-right: 10px"
  8745. v-if="item2 && item2.imgType && item2.imgType == 1"
  8746. >
  8747. <div class="inImg" @click.stop="previewImg(item2.src)">
  8748. <img :src="item2.src" alt="" />
  8749. </div>
  8750. </div>
  8751. <span v-else v-html="item2"></span>
  8752. </el-checkbox>
  8753. </div>
  8754. </el-checkbox-group>
  8755. </div>
  8756. </div>
  8757. </div>
  8758. </div>
  8759. </div>
  8760. <span slot="footer" class="dialog-footer">
  8761. <el-button @click="dialogVisibleChoice = false" v-show="noteName == ''"
  8762. >取 消</el-button
  8763. >
  8764. <el-button
  8765. type="primary"
  8766. @click="addStudentTest"
  8767. v-show="noteName == ''"
  8768. >确 定</el-button
  8769. >
  8770. </span>
  8771. </el-dialog>
  8772. <el-dialog
  8773. :title="noteName != '' ? noteName : '查看选择题'"
  8774. :visible.sync="dialogVisibleChoiceTeacher"
  8775. :append-to-body="true"
  8776. width="1000px"
  8777. :before-close="handleClose"
  8778. class="dialog_diy dialog_diy3"
  8779. >
  8780. <div>
  8781. <div class="w_name">
  8782. 学生姓名:<span>{{ sStudent.student }}</span>
  8783. </div>
  8784. <div class="a_addBox">
  8785. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  8786. 题目内容
  8787. </div>
  8788. <div
  8789. class="a_add_box"
  8790. v-for="(item1, index1) in testJson.testCount"
  8791. :key="index1"
  8792. >
  8793. <div class="a_add_head">
  8794. <div style="display: flex">
  8795. <span class="askIndex">{{ index1 + 1 }}</span>
  8796. <div
  8797. v-if="testJson.testJson[index1].type == '1'"
  8798. style="margin-right: 5px; min-width: 70px"
  8799. >
  8800. (单选题)
  8801. </div>
  8802. <div
  8803. v-if="testJson.testJson[index1].type == '2'"
  8804. style="margin-right: 5px; min-width: 70px"
  8805. >
  8806. (多选题)
  8807. </div>
  8808. <div>题目:{{ testJson.testJson[index1].teststitle }}</div>
  8809. </div>
  8810. <img
  8811. v-if="testJson.testJson[index1].img"
  8812. :src="testJson.testJson[index1].img"
  8813. style="height: 300px; margin-top: 10px; max-width: 100%"
  8814. />
  8815. </div>
  8816. <div
  8817. class="timuImgBox"
  8818. v-if="
  8819. testJson.testJson[index1].timuList &&
  8820. testJson.testJson[index1].timuList.length
  8821. "
  8822. >
  8823. <div
  8824. v-for="(timg, tIndex) in testJson.testJson[index1].timuList"
  8825. :key="tIndex"
  8826. class="timuImg"
  8827. @click.stop="previewImg(timg.src)"
  8828. >
  8829. <img :src="timg.src" alt="" />
  8830. </div>
  8831. </div>
  8832. <div class="a_add_body">
  8833. <div class="a_add_input">
  8834. <el-radio-group
  8835. v-model="radio[index1]"
  8836. v-if="testJson.testJson[index1].type == '1'"
  8837. >
  8838. <div class="radioBox">
  8839. <el-radio
  8840. v-for="(item2, checkIndex) in testJson.testJson[index1]
  8841. .checkList"
  8842. :key="checkIndex"
  8843. :label="checkIndex"
  8844. :disabled="isAnswer"
  8845. class="redioStyle"
  8846. >
  8847. <div
  8848. style="margin-right: 10px"
  8849. v-if="item2 && item2.imgType && item2.imgType == 1"
  8850. >
  8851. <div class="inImg" @click.stop="previewImg(item2.src)">
  8852. <img :src="item2.src" alt="" />
  8853. </div>
  8854. </div>
  8855. <span v-else v-html="item2"></span>
  8856. </el-radio>
  8857. </div>
  8858. </el-radio-group>
  8859. <el-checkbox-group
  8860. v-model="radio[index1]"
  8861. v-if="testJson.testJson[index1].type == '2'"
  8862. >
  8863. <div class="radioBox">
  8864. <el-checkbox
  8865. v-for="(item2, checkIndex) in testJson.testJson[index1]
  8866. .checkList"
  8867. :key="checkIndex"
  8868. :label="checkIndex"
  8869. :disabled="isAnswer"
  8870. class="redioStyle"
  8871. >
  8872. <div
  8873. style="margin-right: 10px"
  8874. v-if="item2 && item2.imgType && item2.imgType == 1"
  8875. >
  8876. <div class="inImg" @click.stop="previewImg(item2.src)">
  8877. <img :src="item2.src" alt="" />
  8878. </div>
  8879. </div>
  8880. <span v-else v-html="item2"></span>
  8881. </el-checkbox>
  8882. </div>
  8883. </el-checkbox-group>
  8884. </div>
  8885. </div>
  8886. </div>
  8887. </div>
  8888. </div>
  8889. <span slot="footer" class="dialog-footer">
  8890. <el-button
  8891. @click="dialogVisibleChoiceTeacher = false"
  8892. v-show="noteName == ''"
  8893. >取 消</el-button
  8894. >
  8895. <el-button
  8896. type="primary"
  8897. @click="addStudentTestTeacher"
  8898. v-show="noteName == ''"
  8899. >确 定</el-button
  8900. >
  8901. </span>
  8902. </el-dialog>
  8903. <el-dialog
  8904. title="查看富文本"
  8905. :visible.sync="dialogVisible1"
  8906. :append-to-body="true"
  8907. width="500px"
  8908. :before-close="handleClose"
  8909. class="dialog_diy textCss"
  8910. >
  8911. <el-form style="font-size: 20px">
  8912. <el-form-item label="文本标题" class="textTitle">
  8913. <div style="font-size: 20px">{{ text.name }}</div>
  8914. </el-form-item>
  8915. <div>富文本内容</div>
  8916. <div
  8917. v-html="text.url"
  8918. style="font-size: 18px; padding: 40px 0 0 0"
  8919. ></div>
  8920. </el-form>
  8921. <span slot="footer" class="dialog-footer">
  8922. <el-button type="primary" @click="dialogVisible1 = false"
  8923. >确定</el-button
  8924. >
  8925. </span>
  8926. </el-dialog>
  8927. <el-dialog
  8928. title="文件预览"
  8929. :visible.sync="dialogVisible3"
  8930. width="50%"
  8931. :before-close="handleClose"
  8932. class="dialog_diy"
  8933. :class="{ fullStyle: full }"
  8934. >
  8935. <div slot="title" class="header-title">
  8936. <div style="color: #fff">文件预览</div>
  8937. <div style="position: absolute; top: 19px; right: 50px">
  8938. <img
  8939. src="../../assets/full.png"
  8940. style="height: 16px; cursor: pointer"
  8941. alt=""
  8942. @click="fullTools"
  8943. />
  8944. </div>
  8945. </div>
  8946. <pdf
  8947. v-if="showPDF"
  8948. :pdfUrl="pptImgUrl"
  8949. style="width: 100%; height: 520px; overflow: auto"
  8950. :class="{ fullStyle: full }"
  8951. ></pdf>
  8952. <iframe
  8953. v-else
  8954. :src="pptImgUrl"
  8955. frameborder="0"
  8956. width="100%"
  8957. height="600"
  8958. :class="{ fullStyle: full }"
  8959. ></iframe>
  8960. </el-dialog>
  8961. <el-dialog
  8962. title="文件预览"
  8963. :visible.sync="dialogVisible6"
  8964. width="50%"
  8965. :before-close="handleClose"
  8966. class="dialog_diy"
  8967. >
  8968. <iframe
  8969. :src="pptImgUrl1"
  8970. frameborder="0"
  8971. width="100%"
  8972. height="600"
  8973. ></iframe>
  8974. </el-dialog>
  8975. <el-dialog
  8976. title="提示"
  8977. :visible.sync="dialogVisible4"
  8978. :append-to-body="true"
  8979. width="800px"
  8980. :before-close="handleClose"
  8981. class="dialog_diy notice"
  8982. >
  8983. <div>此功能暂未开放!</div>
  8984. <el-button type="primary" @click="dialogVisible4 = false">确定</el-button>
  8985. </el-dialog>
  8986. <el-dialog
  8987. title="问答"
  8988. :visible.sync="answerDialogVisible"
  8989. :append-to-body="true"
  8990. width="800px"
  8991. :before-close="handleClose"
  8992. class="dialog_diy"
  8993. >
  8994. <div>
  8995. <div
  8996. style="
  8997. display: flex;
  8998. flex-wrap: nowrap;
  8999. flex-direction: column;
  9000. position: relative;
  9001. "
  9002. >
  9003. <div class="queTop" style="padding: 20px 0 20px 0">
  9004. <div class="question">
  9005. <img src="../../assets/icon/question.png" alt />
  9006. </div>
  9007. <div class="queTitle">
  9008. <div style="width: 90px; min-width: 90px">提问:</div>
  9009. <div>{{ answerQ }}</div>
  9010. </div>
  9011. </div>
  9012. <div class="ediBottom">
  9013. <textarea
  9014. rows="6"
  9015. class="binfo_input"
  9016. cols
  9017. style="width: 95%; height: 120px"
  9018. v-model="questionAnswer"
  9019. ></textarea>
  9020. </div>
  9021. </div>
  9022. </div>
  9023. <div slot="footer">
  9024. <el-button @click="answerDialogVisible = false">取 消</el-button>
  9025. <el-button type="primary" @click="addQuestion">提 交</el-button>
  9026. </div>
  9027. </el-dialog>
  9028. <el-dialog
  9029. title="问答"
  9030. :visible.sync="answerDialogVisibleTeacher"
  9031. :append-to-body="true"
  9032. width="800px"
  9033. :before-close="handleClose"
  9034. class="dialog_diy"
  9035. >
  9036. <div>
  9037. <div class="w_name">
  9038. 学生姓名:<span>{{ sStudent.student }}</span>
  9039. </div>
  9040. <div
  9041. style="
  9042. display: flex;
  9043. flex-wrap: nowrap;
  9044. flex-direction: column;
  9045. position: relative;
  9046. "
  9047. >
  9048. <div class="queTop" style="padding: 20px 0 20px 0">
  9049. <div class="question">
  9050. <img src="../../assets/icon/question.png" alt />
  9051. </div>
  9052. <div class="queTitle">
  9053. <div style="width: 90px; min-width: 90px">提问:</div>
  9054. <div>{{ answerQ }}</div>
  9055. </div>
  9056. </div>
  9057. <div class="ediBottom">
  9058. <textarea
  9059. rows="6"
  9060. class="binfo_input"
  9061. cols
  9062. style="width: 95%; height: 120px"
  9063. v-model="questionAnswer"
  9064. ></textarea>
  9065. </div>
  9066. </div>
  9067. </div>
  9068. <div slot="footer">
  9069. <el-button @click="answerDialogVisibleTeacher = false">取 消</el-button>
  9070. <el-button type="primary" @click="addQuestionTeacher">提 交</el-button>
  9071. </div>
  9072. </el-dialog>
  9073. <el-dialog
  9074. title="倒计时"
  9075. :visible.sync="timeDialogVisible"
  9076. :append-to-body="true"
  9077. width="800px"
  9078. :before-close="handleClose"
  9079. class="dialog_diy"
  9080. >
  9081. <div>
  9082. <div style="margin-bottom: 20px; color: #999">
  9083. 提示:点击“+”或“-”修改倒计时时长。
  9084. </div>
  9085. <Time :preTime="preTime" v-if="timeDialogVisible"></Time>
  9086. </div>
  9087. <div slot="footer">
  9088. <el-button @click="timeDialogVisible = false">关 闭</el-button>
  9089. </div>
  9090. </el-dialog>
  9091. <el-dialog
  9092. title="权限设置"
  9093. :visible.sync="juriVisible"
  9094. :append-to-body="true"
  9095. width="400px"
  9096. :before-close="handleClose"
  9097. class="dialog_diy"
  9098. >
  9099. <div>
  9100. <div class="open_box">
  9101. <div class="switch_box">
  9102. <span>允许学生查看所有作业</span>
  9103. <el-switch
  9104. v-model="sIsOpen"
  9105. active-text=""
  9106. class="switchCss"
  9107. @change="updateSLook"
  9108. ></el-switch>
  9109. </div>
  9110. <div
  9111. class="switch_box"
  9112. v-if="
  9113. courseDetail.userid == userid ||
  9114. (courseDetail.course_teacher &&
  9115. courseDetail.course_teacher.indexOf(userid) != -1)
  9116. "
  9117. >
  9118. <!-- v-if="courseDetail.userid == userid || courseDetail.course_teacher.indexOf(userid) != -1" -->
  9119. <span>禁止学生查看所有阶段</span>
  9120. <el-switch
  9121. v-model="IsLookOpen"
  9122. active-text=""
  9123. class="switchCss"
  9124. @change="updateLookOpen"
  9125. ></el-switch>
  9126. </div>
  9127. <div class="switch_box" v-if="courseDetail.userid == userid">
  9128. <span>开启跟随模式</span>
  9129. <el-switch
  9130. v-model="IsFollow"
  9131. active-text=""
  9132. class="switchCss"
  9133. @change="updateFollow"
  9134. ></el-switch>
  9135. </div>
  9136. </div>
  9137. </div>
  9138. <div slot="footer">
  9139. <el-button
  9140. style="background: #409efe; color: #fff"
  9141. @click="juriVisible = false"
  9142. >关 闭</el-button
  9143. >
  9144. </div>
  9145. </el-dialog>
  9146. <el-dialog
  9147. title="查看视频"
  9148. :visible.sync="videoVisible"
  9149. :append-to-body="true"
  9150. width="1000px"
  9151. :before-close="handleClose"
  9152. class="dialog_diy1"
  9153. >
  9154. <div class="workd_media" style="height: 100%" v-if="videoDetail.sources">
  9155. <video-player
  9156. class="video-player vjs-custom-skin"
  9157. :playsinline="true"
  9158. :options="videoDetail"
  9159. @play="onPlayerPlay($event)"
  9160. style="width: 100%; height: 100%"
  9161. ></video-player>
  9162. </div>
  9163. <div slot="footer">
  9164. <el-button
  9165. style="background: #409efe; color: #fff"
  9166. @click="(videoVisible = false), (videoDetail.sources[0].src = '')"
  9167. >
  9168. 关 闭</el-button
  9169. >
  9170. </div>
  9171. </el-dialog>
  9172. <el-dialog
  9173. title="查看详情"
  9174. :visible.sync="commentDialogVisible"
  9175. :append-to-body="true"
  9176. width="800px"
  9177. :before-close="handleClose"
  9178. class="dialog_diy"
  9179. >
  9180. <div class="commentTop">
  9181. <div class="studentDetail">
  9182. <div class="tx"><img src="../../assets/avatar.png" alt="" /></div>
  9183. <div class="nameAndTime">
  9184. <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
  9185. <div>{{ commentDetail.time }}</div>
  9186. </div>
  9187. <div
  9188. class="returnBtn"
  9189. style="margin-left: auto; width: 80px"
  9190. v-if="
  9191. commentDetail.works &&
  9192. commentDetail.type == 0 &&
  9193. (tType == 1 || tType == 4)
  9194. "
  9195. @click="
  9196. showPicturePaint(
  9197. commentDetail.img ? commentDetail.img : commentDetail.works
  9198. )
  9199. "
  9200. >
  9201. 教师批注
  9202. </div>
  9203. </div>
  9204. <div
  9205. class="worksAnswer"
  9206. v-if="commentDetail.works && commentDetail.type == 2"
  9207. >
  9208. {{ JSON.parse(commentDetail.works)[0].answer }}
  9209. </div>
  9210. <div
  9211. class="worksAnswer"
  9212. v-if="commentDetail.works && commentDetail.type == 1"
  9213. >
  9214. <img
  9215. src="../../assets/teacherWork.png"
  9216. v-if="commentDetail.ateacher"
  9217. class="w_teachert"
  9218. />
  9219. <pdf
  9220. v-if="showPDF"
  9221. :pdfUrl="pptImgUrl"
  9222. style="width: 100%; height: 520px; overflow: auto"
  9223. :class="{ fullStyle: full }"
  9224. ></pdf>
  9225. <iframe
  9226. v-else
  9227. :src="pptImgUrl"
  9228. frameborder="0"
  9229. width="100%"
  9230. height="600"
  9231. :class="{ fullStyle: full }"
  9232. ></iframe>
  9233. </div>
  9234. <div
  9235. class="worksAnswer"
  9236. v-if="commentDetail.works && commentDetail.type == 0"
  9237. >
  9238. <img
  9239. src="../../assets/teacherWork.png"
  9240. v-if="commentDetail.ateacher"
  9241. class="w_teachert"
  9242. style="right: 105px"
  9243. />
  9244. <img
  9245. :src="commentDetail.works"
  9246. alt=""
  9247. @click="previewImg(commentDetail.works)"
  9248. />
  9249. </div>
  9250. <div
  9251. class="worksAnswer"
  9252. v-if="commentDetail.works && commentDetail.type == 3"
  9253. >
  9254. <img
  9255. src="../../assets/teacherWork.png"
  9256. v-if="commentDetail.ateacher"
  9257. class="w_teachert"
  9258. />
  9259. <video-player
  9260. class="video-player vjs-custom-skin"
  9261. :playsinline="true"
  9262. :options="videoDetail"
  9263. @play="onPlayerPlay($event)"
  9264. style="width: 90%; height: 100%; margin: 0 0 0 30px"
  9265. ></video-player>
  9266. </div>
  9267. <div
  9268. class="worksAnswer"
  9269. v-if="commentDetail.works && commentDetail.type == 10"
  9270. >
  9271. <div class="cont" v-html="commentDetail.works.text"></div>
  9272. </div>
  9273. <div
  9274. class="worksAnswer codeFileBox"
  9275. v-if="commentDetail.works && commentDetail.type == 12"
  9276. @click="downloadFile(commentDetail.works)"
  9277. >
  9278. <img src="../../assets/icon/codeFile.png" />
  9279. <div>点击下载文件</div>
  9280. </div>
  9281. <div
  9282. class="worksAnswer codeFileBox"
  9283. v-if="commentDetail.works && commentDetail.type == 15"
  9284. @click="
  9285. openCocoPi(
  9286. 57,
  9287. commentIndexJson.toolIndex,
  9288. commentDetail.userid,
  9289. commentDetail.sName
  9290. )
  9291. "
  9292. >
  9293. <img src="../../assets/icon/codeFile.png" />
  9294. <div>点击打开CocoPi</div>
  9295. </div>
  9296. <div
  9297. class="worksAnswer"
  9298. v-if="commentDetail.works && commentDetail.type == 13"
  9299. >
  9300. <div v-html="JSON.parse(commentDetail.works).text"></div>
  9301. </div>
  9302. <div
  9303. class="worksAnswer"
  9304. v-if="commentDetail.works && commentDetail.type == 4"
  9305. >
  9306. <div class="evalCss">
  9307. <div class="nav">请选择星星进行评分</div>
  9308. <div class="middleBox" v-if="eScore.eStar">
  9309. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  9310. <div class="nameAndrate">
  9311. <div>{{ e.value }}</div>
  9312. <el-rate v-model="eScore.eStar[eIndex]" disabled></el-rate>
  9313. </div>
  9314. <div v-if="e.detail">{{ e.detail }}</div>
  9315. </div>
  9316. <div class="bz">
  9317. <textarea
  9318. disabled
  9319. rows="4"
  9320. class="pj"
  9321. style="
  9322. padding: 10px 5px;
  9323. width: 70%;
  9324. background: #f7f6f9;
  9325. font-size: 14px;
  9326. text-indent: 10px;
  9327. color: #000;
  9328. "
  9329. cols
  9330. v-model="eScore.eBzText"
  9331. placeholder="请输入评价内容..."
  9332. ></textarea>
  9333. </div>
  9334. </div>
  9335. </div>
  9336. </div>
  9337. <div class="comment">
  9338. <div class="commentList">
  9339. <div class="commentImg">
  9340. <img
  9341. @click="
  9342. isLikes(
  9343. commentDetail.wid,
  9344. userid,
  9345. 1,
  9346. null,
  9347. commentDetail.isLikes
  9348. )
  9349. "
  9350. :src="commentDetail.isLikes == true ? likes : noLikes"
  9351. alt=""
  9352. />
  9353. </div>
  9354. <div>{{ commentDetail.likesCount }}</div>
  9355. </div>
  9356. <div class="commentList">
  9357. <div class="commentImg">
  9358. <img src="../../assets/icon/comment/comment.png" alt="" />
  9359. </div>
  9360. <div>{{ commentDetail.commentCount }}</div>
  9361. </div>
  9362. </div>
  9363. <div class="drawPBox" v-if="commentDetail.img">
  9364. <span>教师批注</span>
  9365. <img
  9366. :src="commentDetail.img"
  9367. alt=""
  9368. @click="previewImg(commentDetail.img)"
  9369. />
  9370. <span
  9371. class="deleteImg"
  9372. v-if="tType == 1 || tType == 4"
  9373. @click.stop="deletePicturePaint(commentDetail.wid)"
  9374. style="
  9375. font-size: 14px;
  9376. width: auto !important;
  9377. color: #b4b4b4;
  9378. top: unset;
  9379. bottom: 0;
  9380. border: none;
  9381. padding: 0;
  9382. height: auto !important;
  9383. margin: 0;
  9384. "
  9385. >删除</span
  9386. >
  9387. </div>
  9388. </div>
  9389. <div class="commentBox">
  9390. <div class="pl">评论:</div>
  9391. <div style="max-height: 200px; overflow: auto">
  9392. <div
  9393. v-if="commentDetail.commentJson && commentDetail.commentJson.length"
  9394. style="padding: 10px 0 0 0"
  9395. >
  9396. <div
  9397. class="studentDetail"
  9398. style="padding-top: 10px"
  9399. v-for="(co, coIndex) in commentDetail.commentJson"
  9400. :key="coIndex"
  9401. >
  9402. <div class="tx" style="min-width: 50px">
  9403. <img src="../../assets/avatar.png" alt="" />
  9404. </div>
  9405. <div class="plPerson">
  9406. <div class="plName">
  9407. <div>{{ co.commentPeople }}</div>
  9408. <div style="margin-left: 5px">
  9409. {{ co.commentTime }}
  9410. </div>
  9411. <div
  9412. class="deleteComment"
  9413. v-if="userid == co.userid"
  9414. @click="deleteComment(co.wid)"
  9415. >
  9416. 删除
  9417. </div>
  9418. </div>
  9419. <div class="plContent">{{ co.commentText }}</div>
  9420. </div>
  9421. </div>
  9422. </div>
  9423. <div v-else style="padding: 10px 0 0 0">暂无评论</div>
  9424. </div>
  9425. </div>
  9426. <div style="margin-top: 10px">
  9427. <div class="displayBox">
  9428. <div
  9429. style="
  9430. color: #556db4;
  9431. font-size: 14px;
  9432. font-weight: bold;
  9433. padding-bottom: 10px;
  9434. "
  9435. >
  9436. 评价
  9437. </div>
  9438. <div class="easy_comment" v-if="false">
  9439. <div
  9440. v-for="(p, pIndex) in PlTextList"
  9441. :key="pIndex"
  9442. @click="fastText(p, 1)"
  9443. >
  9444. {{ p }}
  9445. </div>
  9446. </div>
  9447. </div>
  9448. <div>
  9449. <textarea
  9450. rows="3"
  9451. class="pj"
  9452. style="padding: 10px 5px"
  9453. cols
  9454. v-model="commentText"
  9455. placeholder="请输入评论"
  9456. ></textarea>
  9457. </div>
  9458. </div>
  9459. <div slot="footer">
  9460. <el-button
  9461. @click="
  9462. (commentDialogVisible = false),
  9463. (commentIndexJson = {}),
  9464. videoDetail.sources && videoDetail.sources[0]
  9465. ? (videoDetail.sources[0].src = '')
  9466. : ''
  9467. "
  9468. >取 消</el-button
  9469. >
  9470. <el-button
  9471. type="primary"
  9472. @click="addComment(commentDetail.wid, userid, 2)"
  9473. >确 定</el-button
  9474. >
  9475. </div>
  9476. </el-dialog>
  9477. <el-dialog
  9478. title="查看文档"
  9479. :visible.sync="fullDialogVisible"
  9480. :append-to-body="true"
  9481. width="100%"
  9482. :before-close="handleClose"
  9483. :show-close="false"
  9484. class="dialog_diy full_diy"
  9485. :class="{ full_diy2: fulltype == 3 }"
  9486. >
  9487. <div slot="title" class="header-title">
  9488. <div style="color: #fff">查看文档</div>
  9489. <div
  9490. @click="fullDialogVisible = false"
  9491. style="
  9492. cursor: pointer;
  9493. position: absolute;
  9494. top: 20px;
  9495. right: 20px;
  9496. color: #fff;
  9497. "
  9498. >
  9499. 退出全屏
  9500. </div>
  9501. </div>
  9502. <div style="height: 100%">
  9503. <div
  9504. class="wheel"
  9505. v-if="
  9506. fulltype == 2 &&
  9507. fullUrl.indexOf(
  9508. 'https://view.officeapps.live.com/op/view.aspx?src='
  9509. ) != -1
  9510. "
  9511. style="width: 95%; margin: 0 auto"
  9512. >
  9513. <iframe
  9514. style="width: 100%; height: 100%; border: none"
  9515. :src="fullUrl"
  9516. ></iframe>
  9517. </div>
  9518. <iframe
  9519. v-else-if="fulltype == 2"
  9520. style="width: 100%; height: 100%; border: none"
  9521. :src="fullUrl"
  9522. security="restricted"
  9523. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  9524. ></iframe>
  9525. <pdf
  9526. v-else-if="fulltype == 3"
  9527. :pdfUrl="fullUrl"
  9528. style="width: 100%; height: 100%; overflow: auto"
  9529. ></pdf>
  9530. <div
  9531. class="wheel"
  9532. v-if="fulltype == 1"
  9533. style="
  9534. box-shadow: 0 0 6px 1px #f2f2f2;
  9535. width: 100%;
  9536. background: #f1f1f1;
  9537. "
  9538. >
  9539. <div class="title" style="width: 100%; box-sizing: border-box">
  9540. 查看文档
  9541. </div>
  9542. <el-form class="textBox" style="height: 90%">
  9543. <el-form-item class="textTitle">
  9544. <div style="font-size: 22px">
  9545. {{ fullUrl.name }}
  9546. </div>
  9547. </el-form-item>
  9548. <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
  9549. <div
  9550. v-html="fullUrl.url"
  9551. class="textContent"
  9552. style="height: auto"
  9553. ></div>
  9554. </el-form>
  9555. </div>
  9556. </div>
  9557. <!-- <div slot="footer">
  9558. <el-button @click="fullDialogVisible = false">关 闭</el-button>
  9559. </div> -->
  9560. </el-dialog>
  9561. <el-dialog
  9562. title="个人评价"
  9563. :visible.sync="studentEvalDialogVisible"
  9564. :append-to-body="true"
  9565. width="800px"
  9566. :before-close="handleClose"
  9567. class="dialog_diy"
  9568. >
  9569. <div class="evalCss">
  9570. <div class="nav">请选择星星进行评分</div>
  9571. <div class="middleBox" v-if="eScore.eStar">
  9572. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  9573. <div class="nameAndrate">
  9574. <div>{{ e.value }}</div>
  9575. <el-rate
  9576. v-model="eScore.eStar[eIndex]"
  9577. :disabled="isStar"
  9578. ></el-rate>
  9579. </div>
  9580. <div v-if="e.detail">{{ e.detail }}</div>
  9581. </div>
  9582. <div class="easy_comment" v-if="false">
  9583. <div
  9584. v-for="(p, pIndex) in PlTextList"
  9585. :key="pIndex"
  9586. @click="fastText(p, 2)"
  9587. >
  9588. {{ p }}
  9589. </div>
  9590. </div>
  9591. <div class="bz">
  9592. <textarea
  9593. :disabled="isStar"
  9594. rows="4"
  9595. class="pj"
  9596. style="
  9597. padding: 10px 5px;
  9598. width: 70%;
  9599. background: #f7f6f9;
  9600. font-size: 14px;
  9601. text-indent: 10px;
  9602. "
  9603. cols
  9604. v-model="eScore.eBzText"
  9605. placeholder="请输入评价内容..."
  9606. ></textarea>
  9607. </div>
  9608. </div>
  9609. </div>
  9610. <div slot="footer">
  9611. <el-button @click="studentEvalDialogVisible = false">取 消</el-button>
  9612. <el-button type="primary" @click="addBzWorks" v-if="!isStar"
  9613. >确 定</el-button
  9614. >
  9615. </div>
  9616. </el-dialog>
  9617. <el-dialog
  9618. title="个人评价"
  9619. :visible.sync="studentEvalDialogVisibleTeacher"
  9620. :append-to-body="true"
  9621. width="800px"
  9622. :before-close="handleClose"
  9623. class="dialog_diy"
  9624. >
  9625. <div class="w_name">
  9626. 学生姓名:<span>{{ sStudent.student }}</span>
  9627. </div>
  9628. <div class="evalCss">
  9629. <div class="nav">请选择星星进行评分</div>
  9630. <div class="middleBox" v-if="eScore.eStar">
  9631. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  9632. <div class="nameAndrate">
  9633. <div>{{ e.value }}</div>
  9634. <el-rate
  9635. v-model="eScore.eStar[eIndex]"
  9636. :disabled="isStar"
  9637. ></el-rate>
  9638. </div>
  9639. <div v-if="e.detail">{{ e.detail }}</div>
  9640. </div>
  9641. <div class="easy_comment" v-if="false">
  9642. <div
  9643. v-for="(p, pIndex) in PlTextList"
  9644. :key="pIndex"
  9645. @click="fastText(p, 2)"
  9646. >
  9647. {{ p }}
  9648. </div>
  9649. </div>
  9650. <div class="bz">
  9651. <textarea
  9652. :disabled="isStar"
  9653. rows="4"
  9654. class="pj"
  9655. style="
  9656. padding: 10px 5px;
  9657. width: 70%;
  9658. background: #f7f6f9;
  9659. font-size: 14px;
  9660. text-indent: 10px;
  9661. "
  9662. cols
  9663. v-model="eScore.eBzText"
  9664. placeholder="请输入评价内容..."
  9665. ></textarea>
  9666. </div>
  9667. </div>
  9668. </div>
  9669. <div slot="footer">
  9670. <el-button @click="studentEvalDialogVisibleTeacher = false"
  9671. >取 消</el-button
  9672. >
  9673. <el-button type="primary" @click="addBzWorksTeacher" v-if="!isStar"
  9674. >确 定</el-button
  9675. >
  9676. </div>
  9677. </el-dialog>
  9678. <el-dialog
  9679. title="选择匹配"
  9680. :visible.sync="dialogVisibleSelect"
  9681. :append-to-body="true"
  9682. width="90%"
  9683. :before-close="handleClose"
  9684. class="dialog_diy dialog_diy3"
  9685. >
  9686. <div v-if="selectJson">
  9687. <div class="select_box2">
  9688. <div class="select_box2_title">
  9689. <div>选择匹配</div>
  9690. <div>请选择对应的答案进行答题!</div>
  9691. </div>
  9692. <div class="select_box2_box">
  9693. <div class="select_box2_img">
  9694. <img
  9695. :src="selectJson.url"
  9696. @click="previewImg(selectJson.url)"
  9697. alt=""
  9698. />
  9699. </div>
  9700. <div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
  9701. <div style="padding-top: 15px">
  9702. <div class="select_answer_title" v-if="isSelect">
  9703. {{ selectAnswer.stu }}
  9704. </div>
  9705. <div class="select_answer_title" v-else>
  9706. 根据题目选择对应答案
  9707. </div>
  9708. <div
  9709. class="select_box2_answer_box"
  9710. v-for="(item2, checkIndex) in selectJson.select"
  9711. :key="checkIndex"
  9712. >
  9713. <span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
  9714. <el-select
  9715. :disabled="isSelect"
  9716. v-model="selectAnswer.answer[checkIndex]"
  9717. placeholder="请选择正确答案"
  9718. >
  9719. <el-option
  9720. v-for="(e, eIndex) in selectJson.select"
  9721. :key="eIndex"
  9722. :label="e"
  9723. :value="eIndex"
  9724. >
  9725. </el-option>
  9726. </el-select>
  9727. </div>
  9728. </div>
  9729. <div
  9730. class="rightAnswerCss"
  9731. v-if="isSelect && (tType == 1 || tType == 4)"
  9732. >
  9733. <div
  9734. v-for="(a, aIndex) in selectJson.answer"
  9735. :key="aIndex"
  9736. class="rightAnswer"
  9737. >
  9738. <div
  9739. v-if="selectAnswer.answer[aIndex] === a"
  9740. style="color: #767de1"
  9741. >
  9742. 回答正确
  9743. </div>
  9744. <div v-else>回答错误</div>
  9745. <div
  9746. style="margin-left: 10px"
  9747. v-if="selectAnswer.answer[aIndex] !== a"
  9748. >
  9749. 正确答案:
  9750. </div>
  9751. <div
  9752. :class="
  9753. selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
  9754. "
  9755. >
  9756. {{ selectJson.select[a] }}
  9757. </div>
  9758. </div>
  9759. </div>
  9760. </div>
  9761. <div class="upAnswerCss">
  9762. <el-button
  9763. type="primary"
  9764. @click="addSelectAnswer"
  9765. v-if="!isSelect"
  9766. >提交答案</el-button
  9767. >
  9768. </div>
  9769. </div>
  9770. </div>
  9771. </div>
  9772. </el-dialog>
  9773. <el-dialog
  9774. title="选择匹配"
  9775. :visible.sync="dialogVisibleSelectTeacher"
  9776. :append-to-body="true"
  9777. width="90%"
  9778. :before-close="handleClose"
  9779. class="dialog_diy dialog_diy3"
  9780. >
  9781. <div v-if="selectJson">
  9782. <div class="w_name">
  9783. 学生姓名:<span>{{ sStudent.student }}</span>
  9784. </div>
  9785. <div class="select_box2">
  9786. <div class="select_box2_title">
  9787. <div>选择匹配</div>
  9788. <div>请选择对应的答案进行答题!</div>
  9789. </div>
  9790. <div class="select_box2_box">
  9791. <div class="select_box2_img">
  9792. <img
  9793. :src="selectJson.url"
  9794. @click="previewImg(selectJson.url)"
  9795. alt=""
  9796. />
  9797. </div>
  9798. <div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
  9799. <div style="padding-top: 15px">
  9800. <div class="select_answer_title" v-if="isSelect">
  9801. {{ selectAnswer.stu }}
  9802. </div>
  9803. <div class="select_answer_title" v-else>
  9804. 根据题目选择对应答案
  9805. </div>
  9806. <div
  9807. class="select_box2_answer_box"
  9808. v-for="(item2, checkIndex) in selectJson.select"
  9809. :key="checkIndex"
  9810. >
  9811. <span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
  9812. <el-select
  9813. :disabled="isSelect"
  9814. v-model="selectAnswer.answer[checkIndex]"
  9815. placeholder="请选择正确答案"
  9816. >
  9817. <el-option
  9818. v-for="(e, eIndex) in selectJson.select"
  9819. :key="eIndex"
  9820. :label="e"
  9821. :value="eIndex"
  9822. >
  9823. </el-option>
  9824. </el-select>
  9825. </div>
  9826. </div>
  9827. <div
  9828. class="rightAnswerCss"
  9829. v-if="isSelect && (tType == 1 || tType == 4)"
  9830. >
  9831. <div
  9832. v-for="(a, aIndex) in selectJson.answer"
  9833. :key="aIndex"
  9834. class="rightAnswer"
  9835. >
  9836. <div
  9837. v-if="selectAnswer.answer[aIndex] === a"
  9838. style="color: #767de1"
  9839. >
  9840. 回答正确
  9841. </div>
  9842. <div v-else>回答错误</div>
  9843. <div
  9844. style="margin-left: 10px"
  9845. v-if="selectAnswer.answer[aIndex] !== a"
  9846. >
  9847. 正确答案:
  9848. </div>
  9849. <div
  9850. :class="
  9851. selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
  9852. "
  9853. >
  9854. {{ selectJson.select[a] }}
  9855. </div>
  9856. </div>
  9857. </div>
  9858. </div>
  9859. <div class="upAnswerCss">
  9860. <el-button
  9861. type="primary"
  9862. @click="addSelectAnswerTeacher"
  9863. v-if="!isSelect"
  9864. >提交答案</el-button
  9865. >
  9866. </div>
  9867. </div>
  9868. </div>
  9869. </div>
  9870. </el-dialog>
  9871. <el-dialog
  9872. title="教师评分"
  9873. :visible.sync="dialogVisibleScore"
  9874. :append-to-body="true"
  9875. width="800px"
  9876. :before-close="handleClose"
  9877. class="dialog_diy"
  9878. >
  9879. <div>
  9880. <div class="studentDetail">
  9881. <div class="tx"><img src="../../assets/avatar.png" alt="" /></div>
  9882. <div class="nameAndTime">
  9883. <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
  9884. <div>{{ commentDetail.time }}</div>
  9885. </div>
  9886. </div>
  9887. <div
  9888. class="worksAnswer"
  9889. v-if="commentDetail.works && commentDetail.type == 2"
  9890. >
  9891. {{ JSON.parse(commentDetail.works)[0].answer }}
  9892. </div>
  9893. <div
  9894. class="worksAnswer"
  9895. v-if="commentDetail.works && commentDetail.type == 1"
  9896. >
  9897. <pdf
  9898. v-if="showPDF"
  9899. :pdfUrl="pptImgUrl"
  9900. style="width: 100%; height: 520px; overflow: auto"
  9901. :class="{ fullStyle: full }"
  9902. ></pdf>
  9903. <iframe
  9904. v-else
  9905. :src="pptImgUrl"
  9906. frameborder="0"
  9907. width="100%"
  9908. height="600"
  9909. :class="{ fullStyle: full }"
  9910. ></iframe>
  9911. </div>
  9912. <div
  9913. class="worksAnswer"
  9914. v-if="commentDetail.works && commentDetail.type == 0"
  9915. >
  9916. <img
  9917. :src="commentDetail.works"
  9918. alt=""
  9919. @click="previewImg(commentDetail.works)"
  9920. />
  9921. </div>
  9922. <div
  9923. class="worksAnswer"
  9924. v-if="commentDetail.works && commentDetail.type == 3"
  9925. >
  9926. <video-player
  9927. class="video-player vjs-custom-skin"
  9928. :playsinline="true"
  9929. :options="videoDetail"
  9930. @play="onPlayerPlay($event)"
  9931. style="width: 90%; height: 100%; margin: 0 0 0 30px"
  9932. ></video-player>
  9933. </div>
  9934. <div
  9935. class="worksAnswer codeFileBox"
  9936. v-if="commentDetail.works && commentDetail.type == 12"
  9937. @click="downloadFile(commentDetail.works)"
  9938. >
  9939. <img src="../../assets/icon/codeFile.png" />
  9940. <div>点击下载文件</div>
  9941. </div>
  9942. <div
  9943. class="worksAnswer codeFileBox"
  9944. v-if="commentDetail.works && commentDetail.type == 15"
  9945. @click="
  9946. openCocoPi(
  9947. 57,
  9948. commentIndexJson.toolIndex,
  9949. commentDetail.userid,
  9950. commentDetail.sName
  9951. )
  9952. "
  9953. >
  9954. <img src="../../assets/icon/codeFile.png" />
  9955. <div>点击打开CocoPi</div>
  9956. </div>
  9957. <div
  9958. class="worksAnswer"
  9959. v-if="commentDetail.works && commentDetail.type == 13"
  9960. >
  9961. <div v-html="JSON.parse(commentDetail.works).text"></div>
  9962. </div>
  9963. <div class="scoreBox">
  9964. <span class="t">请输入分数</span>
  9965. <el-input-number
  9966. :disabled="courseDetail.userid != userid"
  9967. v-model="wScore"
  9968. :controls="false"
  9969. :min="0"
  9970. :max="100"
  9971. ></el-input-number>
  9972. </div>
  9973. <div class="scoreDetailBox">
  9974. <span class="t">评分评论</span>
  9975. <el-input
  9976. type="textarea"
  9977. :rows="5"
  9978. :disabled="courseDetail.userid != userid"
  9979. resize="none"
  9980. v-model="scoreDetail"
  9981. placeholder="请输入对学生的评价"
  9982. >
  9983. </el-input>
  9984. </div>
  9985. </div>
  9986. <span slot="footer" class="dialog-footer">
  9987. <el-button
  9988. @click="
  9989. (dialogVisibleScore = false),
  9990. (commentIndexJson = {}),
  9991. videoDetail.sources && videoDetail.sources[0]
  9992. ? (videoDetail.sources[0].src = '')
  9993. : ''
  9994. "
  9995. >取 消</el-button
  9996. >
  9997. <el-button
  9998. type="primary"
  9999. v-if="courseDetail.userid == userid"
  10000. @click="scoreWork(commentDetail.wid)"
  10001. >确 定
  10002. </el-button>
  10003. </span>
  10004. </el-dialog>
  10005. <el-dialog
  10006. title="排序"
  10007. :visible.sync="dialogVisibleSentence"
  10008. :append-to-body="true"
  10009. width="1000px"
  10010. :before-close="handleClose"
  10011. class="dialog_diy dialog_diy3"
  10012. >
  10013. <div>
  10014. <div class="sentenBox">
  10015. <div
  10016. v-for="(st, stIndex) in sentenceList"
  10017. :key="stIndex"
  10018. style="padding-bottom: 20px"
  10019. >
  10020. <div
  10021. style="padding: 15px 0 10px 20px"
  10022. class="sentenceTitle"
  10023. :index="stIndex + 1"
  10024. >
  10025. 题目{{ stIndex + 1 }}:请选择正确顺序
  10026. </div>
  10027. <div class="cardList" v-if="st.chooseSenList">
  10028. <div class="cardBox">
  10029. <div
  10030. v-for="(r, rIndex) in st.chooseSenList"
  10031. :key="rIndex"
  10032. @click="returnCard(r, stIndex, rIndex)"
  10033. >
  10034. <el-tooltip
  10035. class="item"
  10036. effect="light"
  10037. :content="r"
  10038. placement="top"
  10039. v-if="r != '' && r != undefined"
  10040. >
  10041. <div
  10042. :class="{
  10043. isCard: r,
  10044. isChooseCard: r == '' || r == undefined,
  10045. }"
  10046. >
  10047. <div>{{ r }}</div>
  10048. </div>
  10049. </el-tooltip>
  10050. <div
  10051. :class="{
  10052. isCard: r,
  10053. isChooseCard: r == '' || r == undefined,
  10054. }"
  10055. v-else
  10056. >
  10057. <div>{{ r }}</div>
  10058. </div>
  10059. </div>
  10060. </div>
  10061. </div>
  10062. <div class="cardList" v-if="st.addChangeSen">
  10063. <div class="cardBox">
  10064. <div
  10065. v-for="(s, sIndex) in st.addChangeSen"
  10066. :key="sIndex"
  10067. @click="setRightAnswer(s, stIndex, sIndex)"
  10068. >
  10069. <el-tooltip
  10070. class="item"
  10071. effect="light"
  10072. :content="s"
  10073. placement="top"
  10074. v-if="s != '' && s != undefined"
  10075. >
  10076. <div
  10077. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  10078. >
  10079. <div>{{ s }}</div>
  10080. </div>
  10081. </el-tooltip>
  10082. <div
  10083. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  10084. v-else
  10085. >
  10086. <div>{{ s }}</div>
  10087. </div>
  10088. </div>
  10089. </div>
  10090. </div>
  10091. </div>
  10092. </div>
  10093. </div>
  10094. <span slot="footer" class="dialog-footer">
  10095. <el-button @click="dialogVisibleSentence = false">取 消</el-button>
  10096. <el-button type="primary" @click="addSenWorks">确 定</el-button>
  10097. </span>
  10098. </el-dialog>
  10099. <el-dialog
  10100. title="排序"
  10101. :visible.sync="dialogVisibleSentenceTeacher"
  10102. :append-to-body="true"
  10103. width="1000px"
  10104. :before-close="handleClose"
  10105. class="dialog_diy dialog_diy3"
  10106. >
  10107. <div>
  10108. <div class="w_name">
  10109. 学生姓名:<span>{{ sStudent.student }}</span>
  10110. </div>
  10111. <div class="sentenBox">
  10112. <div
  10113. v-for="(st, stIndex) in sentenceList"
  10114. :key="stIndex"
  10115. style="padding-bottom: 20px"
  10116. >
  10117. <div
  10118. style="padding: 15px 0 10px 20px"
  10119. class="sentenceTitle"
  10120. :index="stIndex + 1"
  10121. >
  10122. 题目{{ stIndex + 1 }}:请选择正确顺序
  10123. </div>
  10124. <div class="cardList" v-if="st.chooseSenList">
  10125. <div class="cardBox">
  10126. <div
  10127. v-for="(r, rIndex) in st.chooseSenList"
  10128. :key="rIndex"
  10129. @click="returnCard(r, stIndex, rIndex)"
  10130. >
  10131. <el-tooltip
  10132. class="item"
  10133. effect="light"
  10134. :content="r"
  10135. placement="top"
  10136. v-if="r != '' && r != undefined"
  10137. >
  10138. <div
  10139. :class="{
  10140. isCard: r,
  10141. isChooseCard: r == '' || r == undefined,
  10142. }"
  10143. >
  10144. <div>{{ r }}</div>
  10145. </div>
  10146. </el-tooltip>
  10147. <div
  10148. :class="{
  10149. isCard: r,
  10150. isChooseCard: r == '' || r == undefined,
  10151. }"
  10152. v-else
  10153. >
  10154. <div>{{ r }}</div>
  10155. </div>
  10156. </div>
  10157. </div>
  10158. </div>
  10159. <div class="cardList" v-if="st.addChangeSen">
  10160. <div class="cardBox">
  10161. <div
  10162. v-for="(s, sIndex) in st.addChangeSen"
  10163. :key="sIndex"
  10164. @click="setRightAnswer(s, stIndex, sIndex)"
  10165. >
  10166. <el-tooltip
  10167. class="item"
  10168. effect="light"
  10169. :content="s"
  10170. placement="top"
  10171. v-if="s != '' && s != undefined"
  10172. >
  10173. <div
  10174. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  10175. >
  10176. <div>{{ s }}</div>
  10177. </div>
  10178. </el-tooltip>
  10179. <div
  10180. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  10181. v-else
  10182. >
  10183. <div>{{ s }}</div>
  10184. </div>
  10185. </div>
  10186. </div>
  10187. </div>
  10188. </div>
  10189. </div>
  10190. </div>
  10191. <span slot="footer" class="dialog-footer">
  10192. <el-button @click="dialogVisibleSentenceTeacher = false"
  10193. >取 消</el-button
  10194. >
  10195. <el-button type="primary" @click="addSenWorksTeacher">确 定</el-button>
  10196. </span>
  10197. </el-dialog>
  10198. <el-dialog
  10199. title="排序"
  10200. :visible.sync="dialogVisibleSentence1"
  10201. :append-to-body="true"
  10202. width="1000px"
  10203. :before-close="handleClose"
  10204. class="dialog_diy dialog_diy3"
  10205. >
  10206. <div>
  10207. <div class="sentenBox">
  10208. <div style="padding: 15px 0 10px 20px; font-size: 20px">
  10209. {{ sentenceList1.stuName }}的作业
  10210. </div>
  10211. <div
  10212. v-for="(st, stIndex) in sentenceList1"
  10213. :key="stIndex"
  10214. style="padding-bottom: 20px"
  10215. >
  10216. <div style="padding: 15px 0 10px 20px; font-size: 20px">
  10217. 第{{ stIndex + 1 }}题
  10218. </div>
  10219. <div class="isWrong">
  10220. <div class="cardList1" v-if="st.chooseSenList">
  10221. <div class="cardBox">
  10222. <div v-for="(s, sIndex) in st.chooseSenList" :key="sIndex">
  10223. <el-tooltip
  10224. class="item"
  10225. effect="light"
  10226. :content="s"
  10227. placement="top"
  10228. >
  10229. <div class="isCard">
  10230. <div>{{ s }}</div>
  10231. </div>
  10232. </el-tooltip>
  10233. </div>
  10234. </div>
  10235. <div class="cardAnswerBox">
  10236. 组成句子:{{ st.chooseSenList.join(" ") }}
  10237. </div>
  10238. </div>
  10239. <div v-if="tType == 2" class="isTj">
  10240. <div class="isTjImg">
  10241. <img src="../../assets/icon/conSentences/right.png" alt="" />
  10242. </div>
  10243. <div>已提交</div>
  10244. </div>
  10245. <div
  10246. class="answerRight isTj"
  10247. v-if="
  10248. st.chooseSenList.toString() == st.rightAnswer.toString() &&
  10249. (tType == 1 || tType == 4)
  10250. "
  10251. >
  10252. <div class="isTjImg">
  10253. <img src="../../assets/icon/conSentences/right.png" alt="" />
  10254. </div>
  10255. <div>回答正确</div>
  10256. </div>
  10257. <div
  10258. class="answerRight isTj"
  10259. v-if="
  10260. st.chooseSenList.toString() != st.rightAnswer.toString() &&
  10261. (tType == 1 || tType == 4)
  10262. "
  10263. >
  10264. <div class="isTjImg">
  10265. <img src="../../assets/icon/conSentences/wrong.png" alt="" />
  10266. </div>
  10267. <div>回答错误</div>
  10268. </div>
  10269. </div>
  10270. <div
  10271. v-if="
  10272. st.chooseSenList.toString() != st.rightAnswer.toString() &&
  10273. (tType == 1 || tType == 4)
  10274. "
  10275. >
  10276. <div style="padding: 15px 0 10px 20px">正确答案如下:</div>
  10277. <div
  10278. class="cardList"
  10279. v-if="st.rightAnswer"
  10280. style="border: none; padding: 10px 0 10px 10px; margin: 0"
  10281. >
  10282. <div class="cardBox">
  10283. <div v-for="(r, rIndex) in st.rightAnswer" :key="rIndex">
  10284. <el-tooltip
  10285. class="item"
  10286. effect="light"
  10287. :content="r"
  10288. placement="top"
  10289. >
  10290. <div class="isCard1">
  10291. <div>{{ r }}</div>
  10292. </div>
  10293. </el-tooltip>
  10294. </div>
  10295. </div>
  10296. <div class="cardAnswerBox">
  10297. 组成句子:{{ st.rightAnswer.join(" ") }}
  10298. </div>
  10299. </div>
  10300. </div>
  10301. </div>
  10302. </div>
  10303. </div>
  10304. <span slot="footer" class="dialog-footer">
  10305. <el-button @click="dialogVisibleSentence1 = false">取 消</el-button>
  10306. <el-button type="primary" @click="dialogVisibleSentence1 = false"
  10307. >确 定</el-button
  10308. >
  10309. </span>
  10310. </el-dialog>
  10311. <el-dialog
  10312. title="教师提交作业"
  10313. :visible.sync="dialogVisibleWorks"
  10314. :append-to-body="true"
  10315. width="500px"
  10316. :before-close="handleClose"
  10317. class="dialog_change"
  10318. >
  10319. <div class="marginT">
  10320. <div class="w_name">
  10321. 学生姓名:<span>{{ sStudent.student }}</span>
  10322. </div>
  10323. <div>上传文件</div>
  10324. <div
  10325. class="chapter_add"
  10326. @click="addImg($event)"
  10327. v-if="studyJuri[0].cover.length == 0"
  10328. >
  10329. <div class="up_photo">
  10330. <img src="../../assets/uploadImg2.png" alt />
  10331. </div>
  10332. <!-- <input
  10333. type="file"
  10334. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  10335. style="display: none"
  10336. @change="beforeUpload1($event, 1)"
  10337. /> -->
  10338. <input
  10339. type="file"
  10340. accept="*"
  10341. style="display: none"
  10342. @change="beforeUpload1($event, 1)"
  10343. />
  10344. </div>
  10345. <!-- capture="camera" -->
  10346. <div
  10347. class="chapter_add"
  10348. style="
  10349. display: flex;
  10350. width: 100%;
  10351. flex-direction: row;
  10352. flex-wrap: wrap;
  10353. justify-content: flex-start;
  10354. padding: 15px 0;
  10355. "
  10356. v-if="studyJuri[0].cover.length > 0"
  10357. >
  10358. <div class="upCover">
  10359. <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
  10360. <img :src="word" alt v-else-if="fileType == 1" />
  10361. <img :src="video" alt v-else-if="fileType == 2" />
  10362. <img :src="word2" alt v-else-if="fileType == 3" />
  10363. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  10364. <div class="deleteWord" @click="clean(1)">
  10365. <img src="../../assets/icon/deleteWorks.png" alt />
  10366. </div>
  10367. </div>
  10368. </div>
  10369. </div>
  10370. <div
  10371. class="upload_send"
  10372. @click="addCourseWorksTeacher(taskCount)"
  10373. v-if="!proVisible"
  10374. >
  10375. 提交
  10376. </div>
  10377. </el-dialog>
  10378. <ImgDraw
  10379. :drawShow="drawShow"
  10380. @closeDraw="closeDraw"
  10381. @addImgDraw="addImgDraw"
  10382. :bg="bg"
  10383. ></ImgDraw>
  10384. <el-dialog
  10385. title="表格"
  10386. :visible.sync="dialogVisibleTable"
  10387. :append-to-body="true"
  10388. width="95%"
  10389. :before-close="handleClose"
  10390. class="dialog_diy"
  10391. >
  10392. <el-form>
  10393. <div
  10394. style="
  10395. display: flex;
  10396. align-items: center;
  10397. justify-content: space-between;
  10398. "
  10399. >
  10400. <span>表格内容</span>
  10401. <el-button type="primary" size="small" @click="returnTableText"
  10402. >还原模板</el-button
  10403. >
  10404. </div>
  10405. <Table
  10406. v-model="tableJson.text"
  10407. @change="change"
  10408. v-if="dialogVisibleTable"
  10409. ></Table>
  10410. </el-form>
  10411. <span slot="footer" class="dialog-footer">
  10412. <el-button @click="dialogVisibleTable = false">取 消</el-button>
  10413. <el-button type="primary" @click="addTableWorks">确定</el-button>
  10414. </span>
  10415. </el-dialog>
  10416. <el-dialog
  10417. title="表格"
  10418. :visible.sync="dialogVisibleTableTeacher"
  10419. :append-to-body="true"
  10420. width="95%"
  10421. :before-close="handleClose"
  10422. class="dialog_diy"
  10423. >
  10424. <el-form>
  10425. <div class="w_name">
  10426. 学生姓名:<span>{{ sStudent.student }}</span>
  10427. </div>
  10428. <div>表格内容</div>
  10429. <Table
  10430. v-model="tableJson.text"
  10431. @change="change"
  10432. v-if="dialogVisibleTableTeacher"
  10433. ></Table>
  10434. </el-form>
  10435. <span slot="footer" class="dialog-footer">
  10436. <el-button @click="dialogVisibleTableTeacher = false">取 消</el-button>
  10437. <el-button type="primary" @click="addTableWorksTeacher">确定</el-button>
  10438. </span>
  10439. </el-dialog>
  10440. <el-dialog
  10441. title="文档"
  10442. :visible.sync="dialogVisibleWord"
  10443. :append-to-body="true"
  10444. width="95%"
  10445. :before-close="handleClose"
  10446. class="dialog_diy"
  10447. >
  10448. <el-form>
  10449. <div
  10450. style="
  10451. display: flex;
  10452. align-items: center;
  10453. justify-content: space-between;
  10454. "
  10455. >
  10456. <span>文档内容</span>
  10457. <el-button type="primary" size="small" @click="returnWordText"
  10458. >还原模板</el-button
  10459. >
  10460. </div>
  10461. <editor-bar
  10462. v-model="wordJson.text"
  10463. v-if="dialogVisibleWord"
  10464. ></editor-bar>
  10465. </el-form>
  10466. <span slot="footer" class="dialog-footer">
  10467. <el-button @click="dialogVisibleWord = false">取 消</el-button>
  10468. <el-button type="primary" @click="addWordWorks">确定</el-button>
  10469. </span>
  10470. </el-dialog>
  10471. <el-dialog
  10472. title="文档"
  10473. :visible.sync="dialogVisibleWordTeacher"
  10474. :append-to-body="true"
  10475. width="95%"
  10476. :before-close="handleClose"
  10477. class="dialog_diy"
  10478. >
  10479. <el-form>
  10480. <div class="w_name">
  10481. 学生姓名:<span>{{ sStudent.student }}</span>
  10482. </div>
  10483. <div>文档内容</div>
  10484. <editor-bar
  10485. v-model="wordJson.text"
  10486. v-if="dialogVisibleWordTeacher"
  10487. ></editor-bar>
  10488. </el-form>
  10489. <span slot="footer" class="dialog-footer">
  10490. <el-button @click="dialogVisibleWordTeacher = false">取 消</el-button>
  10491. <el-button type="primary" @click="addWordWorksTeacher">确定</el-button>
  10492. </span>
  10493. </el-dialog>
  10494. <el-dialog
  10495. title="表格"
  10496. :visible.sync="dialogVisibleTable2"
  10497. :append-to-body="true"
  10498. width="95%"
  10499. :before-close="handleClose"
  10500. class="dialog_diy"
  10501. >
  10502. <el-form>
  10503. <div class="cont" v-html="tableJson.text"></div>
  10504. </el-form>
  10505. <span slot="footer" class="dialog-footer">
  10506. <el-button @click="dialogVisibleTable2 = false">关 闭</el-button>
  10507. </span>
  10508. </el-dialog>
  10509. <el-dialog
  10510. title="文档"
  10511. :visible.sync="dialogVisibleTable3"
  10512. :append-to-body="true"
  10513. width="95%"
  10514. :before-close="handleClose"
  10515. class="dialog_diy"
  10516. >
  10517. <el-form>
  10518. <div class="cont" v-html="tableJson.text"></div>
  10519. </el-form>
  10520. <span slot="footer" class="dialog-footer">
  10521. <el-button @click="dialogVisibleTable3 = false">关 闭</el-button>
  10522. </span>
  10523. </el-dialog>
  10524. <el-dialog
  10525. title="分组设置"
  10526. :visible.sync="dialogVisibleGroup"
  10527. :append-to-body="true"
  10528. width="95%"
  10529. :before-close="handleClose"
  10530. class="dialog_diy"
  10531. >
  10532. <div v-if="dialogVisibleGroup">
  10533. <div v-if="courseDetail.userid == userid" class="g_d_btnBox">
  10534. <div style="color: rgb(171 171 171); margin: 0 10px 0 0">
  10535. 提示:开启【开放选座】,学生能够自由加入和退出小组。
  10536. </div>
  10537. <!-- <div type="primary" v-if="groupJson.islock == 1" class="returnBtn" style="background-color: #225bc7"
  10538. @click="lockChair">
  10539. 锁定位置
  10540. </div>
  10541. <div type="primary" v-else class="returnBtn" style="background-color: #225bc7" @click="lockChair">
  10542. 解锁位置
  10543. </div> -->
  10544. <div class="group_switch">
  10545. <span>开放选座</span>
  10546. <el-switch
  10547. v-model="islock"
  10548. active-text=""
  10549. class="switchCss"
  10550. @change="lockChair"
  10551. ></el-switch>
  10552. </div>
  10553. <div
  10554. type="primary"
  10555. @click="updateGroup"
  10556. class="returnBtn"
  10557. style="background-color: #225bc7"
  10558. >
  10559. 分组设置
  10560. </div>
  10561. </div>
  10562. <div>
  10563. <div
  10564. class="g_d_box"
  10565. v-if="groupJson.group && groupStudent[toolindex]"
  10566. >
  10567. <div
  10568. class="g_d_group"
  10569. v-for="(g, gindex) in groupJson.group"
  10570. :key="gindex"
  10571. >
  10572. <div class="g_d_group_chair">
  10573. <div v-if="groupJson.number > 1">
  10574. <span
  10575. :class="{
  10576. isChair:
  10577. groupStudent[toolindex][gindex] &&
  10578. groupStudent[toolindex][gindex][0],
  10579. updateChair:
  10580. courseDetail.userid == userid &&
  10581. groupStudent[toolindex][gindex] &&
  10582. groupStudent[toolindex][gindex][0] &&
  10583. groupJson.islock == 2,
  10584. }"
  10585. ><span
  10586. class="updateChairBtn"
  10587. @click="
  10588. updateGroupChair(
  10589. groupStudent[toolindex][gindex] &&
  10590. groupStudent[toolindex][gindex][0]
  10591. )
  10592. "
  10593. >修改</span
  10594. ></span
  10595. ><span>{{
  10596. groupStudent[toolindex][gindex] &&
  10597. groupStudent[toolindex][gindex][0]
  10598. ? groupStudent[toolindex][gindex] &&
  10599. groupStudent[toolindex][gindex][0].name
  10600. : "空位置"
  10601. }}</span>
  10602. </div>
  10603. <div v-if="groupJson.number > 4">
  10604. <span
  10605. :class="{
  10606. isChair:
  10607. groupStudent[toolindex][gindex] &&
  10608. groupStudent[toolindex][gindex][4],
  10609. updateChair:
  10610. courseDetail.userid == userid &&
  10611. groupStudent[toolindex][gindex] &&
  10612. groupStudent[toolindex][gindex][4] &&
  10613. groupJson.islock == 2,
  10614. }"
  10615. ><span
  10616. class="updateChairBtn"
  10617. @click="
  10618. updateGroupChair(
  10619. groupStudent[toolindex][gindex] &&
  10620. groupStudent[toolindex][gindex][4]
  10621. )
  10622. "
  10623. >修改</span
  10624. ></span
  10625. ><span>{{
  10626. groupStudent[toolindex][gindex] &&
  10627. groupStudent[toolindex][gindex][4]
  10628. ? groupStudent[toolindex][gindex] &&
  10629. groupStudent[toolindex][gindex][4].name
  10630. : "空位置"
  10631. }}</span>
  10632. </div>
  10633. <div v-if="groupJson.number > 8">
  10634. <span
  10635. :class="{
  10636. isChair:
  10637. groupStudent[toolindex][gindex] &&
  10638. groupStudent[toolindex][gindex][8],
  10639. updateChair:
  10640. courseDetail.userid == userid &&
  10641. groupStudent[toolindex][gindex] &&
  10642. groupStudent[toolindex][gindex][8] &&
  10643. groupJson.islock == 2,
  10644. }"
  10645. ><span
  10646. class="updateChairBtn"
  10647. @click="
  10648. updateGroupChair(
  10649. groupStudent[toolindex][gindex] &&
  10650. groupStudent[toolindex][gindex][8]
  10651. )
  10652. "
  10653. >修改</span
  10654. ></span
  10655. ><span>{{
  10656. groupStudent[toolindex][gindex] &&
  10657. groupStudent[toolindex][gindex][8]
  10658. ? groupStudent[toolindex][gindex] &&
  10659. groupStudent[toolindex][gindex][8].name
  10660. : "空位置"
  10661. }}</span>
  10662. </div>
  10663. </div>
  10664. <div class="g_d_group_tableBox">
  10665. <div class="g_d_group_chair2">
  10666. <div v-if="groupJson.number > 2">
  10667. <span
  10668. :class="{
  10669. isChair:
  10670. groupStudent[toolindex][gindex] &&
  10671. groupStudent[toolindex][gindex][2],
  10672. updateChair:
  10673. courseDetail.userid == userid &&
  10674. groupStudent[toolindex][gindex] &&
  10675. groupStudent[toolindex][gindex][2] &&
  10676. groupJson.islock == 2,
  10677. }"
  10678. ><span
  10679. class="updateChairBtn"
  10680. @click="
  10681. updateGroupChair(
  10682. groupStudent[toolindex][gindex] &&
  10683. groupStudent[toolindex][gindex][2]
  10684. )
  10685. "
  10686. >修改</span
  10687. ></span
  10688. ><span>{{
  10689. groupStudent[toolindex][gindex] &&
  10690. groupStudent[toolindex][gindex][2]
  10691. ? groupStudent[toolindex][gindex] &&
  10692. groupStudent[toolindex][gindex][2].name
  10693. : "空位置"
  10694. }}</span>
  10695. </div>
  10696. <div v-if="groupJson.number > 6">
  10697. <span
  10698. :class="{
  10699. isChair:
  10700. groupStudent[toolindex][gindex] &&
  10701. groupStudent[toolindex][gindex][6],
  10702. updateChair:
  10703. courseDetail.userid == userid &&
  10704. groupStudent[toolindex][gindex] &&
  10705. groupStudent[toolindex][gindex][6] &&
  10706. groupJson.islock == 2,
  10707. }"
  10708. ><span
  10709. class="updateChairBtn"
  10710. @click="
  10711. updateGroupChair(
  10712. groupStudent[toolindex][gindex] &&
  10713. groupStudent[toolindex][gindex][6]
  10714. )
  10715. "
  10716. >修改</span
  10717. ></span
  10718. ><span>{{
  10719. groupStudent[toolindex][gindex] &&
  10720. groupStudent[toolindex][gindex][6]
  10721. ? groupStudent[toolindex][gindex] &&
  10722. groupStudent[toolindex][gindex][6].name
  10723. : "空位置"
  10724. }}</span>
  10725. </div>
  10726. </div>
  10727. <div class="g_d_group_table">
  10728. <div>
  10729. {{ g.name }}
  10730. </div>
  10731. <div>
  10732. <div
  10733. v-if="
  10734. courseDetail.userid == userid && groupJson.islock == 2
  10735. "
  10736. @click="deleteGroupChair(gindex)"
  10737. >
  10738. 移除组员
  10739. </div>
  10740. <div
  10741. @click="selectGroup(gindex)"
  10742. v-else-if="
  10743. groupStudentUid[toolindex] &&
  10744. groupStudentUid[toolindex][gindex].indexOf(userid) == -1
  10745. "
  10746. >
  10747. 加入分组
  10748. </div>
  10749. <div
  10750. @click="
  10751. exitGroup(
  10752. groupStudent[toolindex][gindex] &&
  10753. groupStudent[toolindex][gindex][
  10754. groupStudentUid[toolindex][gindex].indexOf(userid)
  10755. ].id
  10756. )
  10757. "
  10758. v-else-if="
  10759. groupStudentUid[toolindex] &&
  10760. groupStudentUid[toolindex][gindex].indexOf(userid) != -1
  10761. "
  10762. >
  10763. 退出分组
  10764. </div>
  10765. </div>
  10766. </div>
  10767. <div class="g_d_group_chair2">
  10768. <div v-if="groupJson.number > 3">
  10769. <span
  10770. :class="{
  10771. isChair:
  10772. groupStudent[toolindex][gindex] &&
  10773. groupStudent[toolindex][gindex][3],
  10774. updateChair:
  10775. courseDetail.userid == userid &&
  10776. groupStudent[toolindex][gindex] &&
  10777. groupStudent[toolindex][gindex][3] &&
  10778. groupJson.islock == 2,
  10779. }"
  10780. ><span
  10781. class="updateChairBtn"
  10782. @click="
  10783. updateGroupChair(
  10784. groupStudent[toolindex][gindex] &&
  10785. groupStudent[toolindex][gindex][3]
  10786. )
  10787. "
  10788. >修改</span
  10789. ></span
  10790. ><span>{{
  10791. groupStudent[toolindex][gindex] &&
  10792. groupStudent[toolindex][gindex][3]
  10793. ? groupStudent[toolindex][gindex] &&
  10794. groupStudent[toolindex][gindex][3].name
  10795. : "空位置"
  10796. }}</span>
  10797. </div>
  10798. <div v-if="groupJson.number > 7">
  10799. <span
  10800. :class="{
  10801. isChair:
  10802. groupStudent[toolindex][gindex] &&
  10803. groupStudent[toolindex][gindex][7],
  10804. updateChair:
  10805. courseDetail.userid == userid &&
  10806. groupStudent[toolindex][gindex] &&
  10807. groupStudent[toolindex][gindex][7] &&
  10808. groupJson.islock == 2,
  10809. }"
  10810. ><span
  10811. class="updateChairBtn"
  10812. @click="
  10813. updateGroupChair(
  10814. groupStudent[toolindex][gindex] &&
  10815. groupStudent[toolindex][gindex][7]
  10816. )
  10817. "
  10818. >修改</span
  10819. ></span
  10820. ><span>{{
  10821. groupStudent[toolindex][gindex] &&
  10822. groupStudent[toolindex][gindex][7]
  10823. ? groupStudent[toolindex][gindex] &&
  10824. groupStudent[toolindex][gindex][7].name
  10825. : "空位置"
  10826. }}</span>
  10827. </div>
  10828. </div>
  10829. </div>
  10830. <div class="g_d_group_chair">
  10831. <div v-if="groupJson.number > 1">
  10832. <span
  10833. :class="{
  10834. isChair:
  10835. groupStudent[toolindex][gindex] &&
  10836. groupStudent[toolindex][gindex][1],
  10837. updateChair:
  10838. courseDetail.userid == userid &&
  10839. groupStudent[toolindex][gindex] &&
  10840. groupStudent[toolindex][gindex][1] &&
  10841. groupJson.islock == 2,
  10842. }"
  10843. ><span
  10844. class="updateChairBtn"
  10845. @click="
  10846. updateGroupChair(
  10847. groupStudent[toolindex][gindex] &&
  10848. groupStudent[toolindex][gindex][1]
  10849. )
  10850. "
  10851. >修改</span
  10852. ></span
  10853. ><span>{{
  10854. groupStudent[toolindex][gindex] &&
  10855. groupStudent[toolindex][gindex][1]
  10856. ? groupStudent[toolindex][gindex] &&
  10857. groupStudent[toolindex][gindex][1].name
  10858. : "空位置"
  10859. }}</span>
  10860. </div>
  10861. <div v-if="groupJson.number > 5">
  10862. <span
  10863. :class="{
  10864. isChair:
  10865. groupStudent[toolindex][gindex] &&
  10866. groupStudent[toolindex][gindex][5],
  10867. updateChair:
  10868. courseDetail.userid == userid &&
  10869. groupStudent[toolindex][gindex] &&
  10870. groupStudent[toolindex][gindex][5] &&
  10871. groupJson.islock == 2,
  10872. }"
  10873. ><span
  10874. class="updateChairBtn"
  10875. @click="
  10876. updateGroupChair(
  10877. groupStudent[toolindex][gindex] &&
  10878. groupStudent[toolindex][gindex][5]
  10879. )
  10880. "
  10881. >修改</span
  10882. ></span
  10883. ><span>{{
  10884. groupStudent[toolindex][gindex] &&
  10885. groupStudent[toolindex][gindex][5]
  10886. ? groupStudent[toolindex][gindex] &&
  10887. groupStudent[toolindex][gindex][5].name
  10888. : "空位置"
  10889. }}</span>
  10890. </div>
  10891. <div v-if="groupJson.number > 9">
  10892. <span
  10893. :class="{
  10894. isChair:
  10895. groupStudent[toolindex][gindex] &&
  10896. groupStudent[toolindex][gindex][9],
  10897. updateChair:
  10898. courseDetail.userid == userid &&
  10899. groupStudent[toolindex][gindex] &&
  10900. groupStudent[toolindex][gindex][9] &&
  10901. groupJson.islock == 2,
  10902. }"
  10903. ><span
  10904. class="updateChairBtn"
  10905. @click="
  10906. updateGroupChair(
  10907. groupStudent[toolindex][gindex] &&
  10908. groupStudent[toolindex][gindex][9]
  10909. )
  10910. "
  10911. >修改</span
  10912. ></span
  10913. ><span>{{
  10914. groupStudent[toolindex][gindex] &&
  10915. groupStudent[toolindex][gindex][9]
  10916. ? groupStudent[toolindex][gindex] &&
  10917. groupStudent[toolindex][gindex][9].name
  10918. : "空位置"
  10919. }}</span>
  10920. </div>
  10921. </div>
  10922. </div>
  10923. </div>
  10924. </div>
  10925. </div>
  10926. <span slot="footer" class="dialog-footer">
  10927. <!-- <el-button @click="(dialogVisibleGroup = false)">关 闭</el-button> -->
  10928. </span>
  10929. </el-dialog>
  10930. <el-dialog
  10931. title="分组设置"
  10932. :visible.sync="dialogVisibleGroup2"
  10933. :append-to-body="true"
  10934. width="650px"
  10935. :before-close="handleClose"
  10936. class="dialog_diy"
  10937. >
  10938. <div class="groupBox">
  10939. <div v-if="groupJson2.group" class="groupContent">
  10940. <div class="groupTitle">请设置小组数量及名称</div>
  10941. <div
  10942. v-for="(item, index) in groupJson2.group"
  10943. :key="index"
  10944. class="groupName"
  10945. >
  10946. <span class="groupn">第{{ index + 1 }}组名称:</span>
  10947. <el-input
  10948. v-model="item.name"
  10949. placeholder="请输入名称..."
  10950. style="width: 250px"
  10951. ></el-input>
  10952. <!-- <div class="groupBtn">
  10953. <el-button type="primary" size="small" @click="addGroup(index)">
  10954. 添加</el-button>
  10955. <el-button type="primary" size="small" @click="deleteGroup(index)"
  10956. v-if="groupJson2.group && groupJson2.group.length > 1">删除</el-button>
  10957. </div> -->
  10958. </div>
  10959. </div>
  10960. <div class="groupContent">
  10961. <div class="groupTitle">请设置每组人数</div>
  10962. <!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
  10963. style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
  10964. <el-input
  10965. v-model="groupJson.number"
  10966. style="width: 150px"
  10967. placeholder="请输入2-10的数字"
  10968. @change="numberPan"
  10969. ></el-input>
  10970. </div>
  10971. </div>
  10972. <span slot="footer" class="dialog-footer">
  10973. <el-button @click="dialogVisibleGroup2 = false">取 消</el-button>
  10974. <el-button type="primary" @click="updateGroupJson">确定</el-button>
  10975. </span>
  10976. </el-dialog>
  10977. <el-dialog
  10978. title="作业提交"
  10979. :visible.sync="dialogVisibleGroupWork"
  10980. :append-to-body="true"
  10981. width="500px"
  10982. :before-close="handleClose"
  10983. class="dialog_change"
  10984. >
  10985. <div class="marginT">
  10986. <div>上传文件</div>
  10987. <div
  10988. class="chapter_add"
  10989. @click="addImg($event)"
  10990. v-if="studyJuri[0].cover.length == 0"
  10991. >
  10992. <div class="up_photo">
  10993. <img src="../../assets/icon/uploadImg.png" alt />
  10994. </div>
  10995. <!-- <input
  10996. type="file"
  10997. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  10998. style="display: none"
  10999. @change="beforeUpload1($event, 1)"
  11000. /> -->
  11001. <input
  11002. type="file"
  11003. accept="*"
  11004. style="display: none"
  11005. @change="beforeUpload1($event, 1)"
  11006. />
  11007. </div>
  11008. <!-- capture="camera" -->
  11009. <div
  11010. class="chapter_add"
  11011. style="
  11012. display: flex;
  11013. width: 100%;
  11014. flex-direction: row;
  11015. flex-wrap: wrap;
  11016. justify-content: flex-start;
  11017. padding: 15px 0;
  11018. "
  11019. v-if="studyJuri[0].cover.length > 0"
  11020. >
  11021. <div class="upCover">
  11022. <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
  11023. <img :src="word" alt v-else-if="fileType == 1" />
  11024. <img :src="video" alt v-else-if="fileType == 2" />
  11025. <img :src="word2" alt v-else-if="fileType == 3" />
  11026. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  11027. <div class="deleteWord" @click="clean(1)">
  11028. <img src="../../assets/icon/deleteWorks.png" alt />
  11029. </div>
  11030. </div>
  11031. </div>
  11032. </div>
  11033. <div
  11034. class="upload_send"
  11035. @click="addCourseWorks2(taskCount)"
  11036. v-if="!proVisible"
  11037. >
  11038. 提交
  11039. </div>
  11040. </el-dialog>
  11041. <el-dialog
  11042. title="修改分组"
  11043. :visible.sync="dialogVisibleUpdateGroup"
  11044. :append-to-body="true"
  11045. width="350px"
  11046. :before-close="handleClose"
  11047. class="dialog_diy"
  11048. >
  11049. <div>
  11050. <h2>
  11051. {{ this.updateGroupUser.name }}
  11052. </h2>
  11053. <div style="color: rgb(171 171 171); margin-top: 10px">
  11054. 请选择要进入的分组
  11055. </div>
  11056. <el-radio-group v-model="checkChair">
  11057. <el-radio
  11058. style="display: block; margin-top: 20px"
  11059. v-for="(item, index) in updateGroupArray"
  11060. :label="item.label"
  11061. :key="index"
  11062. >{{ item.name }}</el-radio
  11063. >
  11064. </el-radio-group>
  11065. </div>
  11066. <span slot="footer" class="dialog-footer">
  11067. <el-button @click="dialogVisibleUpdateGroup = false">取 消</el-button>
  11068. <el-button type="primary" @click="updateChair">确定</el-button>
  11069. </span>
  11070. </el-dialog>
  11071. <el-dialog
  11072. title="移除组员"
  11073. :visible.sync="dialogVisibleDeleteGroup"
  11074. :append-to-body="true"
  11075. width="350px"
  11076. :before-close="handleClose"
  11077. class="dialog_diy"
  11078. >
  11079. <div>
  11080. <h2>
  11081. {{ this.deleteGroupArray.name }}
  11082. </h2>
  11083. <div style="color: rgb(171 171 171); margin-top: 10px">
  11084. 请选择要删除的组员
  11085. </div>
  11086. <el-checkbox-group v-model="checkDeleteGroup">
  11087. <el-checkbox
  11088. style="display: flex; margin-top: 20px"
  11089. v-for="(item, index) in deleteGroupUser"
  11090. :label="item.userid"
  11091. :key="index"
  11092. >{{ item.name }}</el-checkbox
  11093. >
  11094. </el-checkbox-group>
  11095. </div>
  11096. <span slot="footer" class="dialog-footer">
  11097. <el-button @click="dialogVisibleDeleteGroup = false">取 消</el-button>
  11098. <el-button type="primary" @click="deleteChair">确定</el-button>
  11099. </span>
  11100. </el-dialog>
  11101. <el-dialog
  11102. title="批量上传"
  11103. :visible.sync="dialogVisiblePl"
  11104. :append-to-body="true"
  11105. width="700px"
  11106. :before-close="handleClose"
  11107. class="dialog_change"
  11108. >
  11109. <div class="marginT">
  11110. <div class="plworkBox">
  11111. <div
  11112. class="chapter_add"
  11113. style="
  11114. display: flex;
  11115. width: 150px;
  11116. flex-direction: row;
  11117. flex-wrap: wrap;
  11118. justify-content: flex-start;
  11119. margin: 0 10px 10px 0;
  11120. "
  11121. v-for="(item, index) in plworkFile"
  11122. :key="index"
  11123. >
  11124. <div class="upCover2">
  11125. <img
  11126. :src="item.url"
  11127. alt
  11128. v-if="item.fileType == 1"
  11129. @click="previewImg(item.url)"
  11130. />
  11131. <img :src="word" alt v-else-if="item.fileType == 4" />
  11132. <img :src="video" alt v-else />
  11133. <!-- <span class="picName">{{ item.name }}</span> -->
  11134. <!-- <el-input
  11135. v-model="item.username"
  11136. placeholder="请输入学生名字"
  11137. style="margin-top: 10px"
  11138. ></el-input> -->
  11139. <div
  11140. class="pl_select_box"
  11141. @click="
  11142. getUpdateMore(true, checkUpload(), item.username, index)
  11143. "
  11144. >
  11145. {{ getSName(item.username) }}
  11146. </div>
  11147. <!-- <el-select
  11148. style="margin-top: 10px"
  11149. v-model="item.username"
  11150. filterable
  11151. allow-create
  11152. placeholder="请选择学生"
  11153. >
  11154. <el-option
  11155. v-for="item1 in checkUpload()"
  11156. :key="item1.userid"
  11157. :label="item1.name ? item1.name : item1.username"
  11158. :value="item1.userid"
  11159. >
  11160. </el-option>
  11161. </el-select> -->
  11162. <div class="deleteWord" @click="clean2(index)">
  11163. <img src="../../assets/icon/deleteWorks.png" alt />
  11164. </div>
  11165. </div>
  11166. </div>
  11167. <div class="chapter_add" style="width: auto" @click="addImg($event)">
  11168. <div class="up_photo2">
  11169. <img src="../../assets/icon/plwork.png" alt />
  11170. <span>点击上传文件</span>
  11171. </div>
  11172. <input
  11173. type="file"
  11174. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  11175. multiple="multiple"
  11176. style="display: none"
  11177. @change="beforeUpload3($event, 6)"
  11178. />
  11179. </div>
  11180. </div>
  11181. </div>
  11182. <!-- capture="camera" -->
  11183. <div
  11184. class="upload_send"
  11185. @click="addCourseWorksPl(taskCount)"
  11186. v-if="!proVisible2"
  11187. >
  11188. 提交
  11189. </div>
  11190. </el-dialog>
  11191. <el-dialog
  11192. title="修改名称"
  11193. :visible.sync="dialogVisibleSname"
  11194. width="500px"
  11195. :before-close="handleClose"
  11196. class="dialog_diy"
  11197. center
  11198. >
  11199. <div
  11200. style="
  11201. text-align: center;
  11202. display: flex;
  11203. align-items: center;
  11204. justify-content: center;
  11205. "
  11206. >
  11207. <span class="tian1">名称</span>
  11208. <div
  11209. class="pl_select_box"
  11210. style="margin-left: 10px; width: 200px"
  11211. @click="getUpdateMore(true, uploadStudentJuri, worksSid)"
  11212. >
  11213. {{ getSName(worksSName) }}
  11214. </div>
  11215. <!-- <el-select v-model="worksSName" filterable allow-create style="width: 250px; margin: 15px 0px"
  11216. placeholder="请选择学生">
  11217. <el-option v-for="item in uploadStudentJuri" :key="item.userid" :label="item.name ? item.name : item.username"
  11218. :value="item.userid">
  11219. </el-option>
  11220. </el-select> -->
  11221. <!-- <el-input
  11222. v-model="worksSName"
  11223. style="width: 250px; margin: 15px 0px"
  11224. ></el-input> -->
  11225. </div>
  11226. <span slot="footer" class="dialog-footer">
  11227. <el-button @click="dialogVisibleSname = false">取 消</el-button>
  11228. <el-button type="primary" @click="updateName">确 定</el-button>
  11229. </span>
  11230. </el-dialog>
  11231. <el-dialog
  11232. title="英语写作"
  11233. :visible.sync="engDialogVisible"
  11234. :append-to-body="true"
  11235. width="800px"
  11236. :before-close="handleClose"
  11237. class="dialog_diy"
  11238. >
  11239. <onlineWrite
  11240. v-if="engDialogVisible"
  11241. @setEnglish="setEnglishList"
  11242. :englishList="englishList"
  11243. :myAnswerList1="myAnswerList1"
  11244. ></onlineWrite>
  11245. <span slot="footer" class="dialog-footer" style="text-align: center;">
  11246. <el-button @click="engDialogVisible = false">取 消</el-button>
  11247. <el-button type="primary" @click="addEnglishWork">确 定</el-button>
  11248. </span>
  11249. </el-dialog>
  11250. <el-dialog
  11251. title="英语写作"
  11252. :visible.sync="engUpdateDialogVisible"
  11253. :append-to-body="true"
  11254. width="800px"
  11255. :before-close="handleClose"
  11256. class="dialog_diy fullStyle"
  11257. >
  11258. <div class="engUpBox">
  11259. <div class="engUpTop">
  11260. <div class="engTitle">
  11261. <div>作文题目:</div>
  11262. <div>{{ englishList1.engTitle }}</div>
  11263. </div>
  11264. <div class="engText">
  11265. <div>作文内容:</div>
  11266. <div class="cont" v-html="englishList1.englishText" @click="checkImg(getImgList(englishList1.englishText))"></div>
  11267. </div>
  11268. </div>
  11269. <div class="correctBox" :style="{height: `calc(100% - ${topHeight}px)` }">
  11270. <div class="oldBox">
  11271. <div class="oldMes">原文( 作者:{{ noteName }} )</div>
  11272. <div class="oldText">
  11273. <div class="detailBox">
  11274. <div class="oldDetail">
  11275. <div>标题:</div>
  11276. <div>{{ oldEnglishJson.engTitle }} </div>
  11277. </div>
  11278. <div class="oldDetail1">
  11279. <div>正文:</div>
  11280. <div v-html="oldEnglishJson.engText"></div>
  11281. </div>
  11282. <div class="oldDetail" v-if="oldEnglishJson.imgList && oldEnglishJson.imgList.length > 0">
  11283. <div>图片:</div>
  11284. <div class="oldImg"><img :src="oldEnglishJson.imgList[0].url" alt="" /></div>
  11285. </div>
  11286. </div>
  11287. </div>
  11288. </div>
  11289. <div class="oldBox" v-if="userMes[0].type == 2">
  11290. <div class="oldMes" style="background: #aacaff;">{{ userMes[0].username }}</div>
  11291. <div class="oldText">
  11292. <div class="detailBox">
  11293. <div class="oldDetail">
  11294. <div>标题:</div>
  11295. <el-input v-model="newEnglishList.engTitle" />
  11296. </div>
  11297. <div class="oldDetail">
  11298. <div>正文:</div>
  11299. <el-input type="textarea"
  11300. :rows="10"
  11301. resize="none" v-model="newEnglishList.engText" />
  11302. </div>
  11303. </div>
  11304. </div>
  11305. </div>
  11306. <div class="oldBox" v-else-if="userMes[0].type == 1">
  11307. <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="newEnglishList1.length > 0">
  11308. <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>
  11309. <div v-for="(item,index) in newEnglishList1" :key="index" class="allName" :style="{minWidth: `calc(100% / ${engListLength})`,background: index == newEngIndex ? '#aacaff' : ''}" @click="setEngText(index)">{{ item.username }}</div>
  11310. </div>
  11311. <div class="oldMes" style="background: #aacaff;" v-else>{{ userMes[0].username }}</div>
  11312. <div class="oldText" v-if="newEngIndex == -1 && isNoUserid == true && newEnglishList1.length">
  11313. <div class="detailBox">
  11314. <div class="oldDetail">
  11315. <div>标题:</div>
  11316. <el-input v-model="oldEnglishJson1.engTitle" />
  11317. </div>
  11318. <div class="oldDetail">
  11319. <div>正文:</div>
  11320. <el-input type="textarea"
  11321. :rows="10"
  11322. resize="none" v-model="oldEnglishJson1.engText" />
  11323. </div>
  11324. </div>
  11325. </div>
  11326. <div class="oldText" v-else-if="newEngIndex == -1">
  11327. <div class="detailBox">
  11328. <div class="oldDetail">
  11329. <div>标题:</div>
  11330. <el-input v-model="newEnglishList.engTitle" />
  11331. </div>
  11332. <div class="oldDetail">
  11333. <div>正文:</div>
  11334. <el-input type="textarea"
  11335. :rows="10"
  11336. resize="none" v-model="newEnglishList.engText" />
  11337. </div>
  11338. </div>
  11339. </div>
  11340. <div class="oldText" v-else-if="newEngIndex > -1 && newEnglishList1.length > 0">
  11341. <div class="detailBox">
  11342. <div class="oldDetail">
  11343. <div>标题:</div>
  11344. <div v-if="userMes[0].userid != newEnglishList1[newEngIndex].correct" v-html="JSON.parse(newEnglishList1[newEngIndex].cWork).engTitle"></div>
  11345. <el-input v-else v-model="JSON.parse(newEnglishList1[newEngIndex].cWork).engTitle" />
  11346. </div>
  11347. <div class="oldDetail">
  11348. <div>正文:</div>
  11349. <div v-if="userMes[0].userid != newEnglishList1[newEngIndex].correct" v-html="JSON.parse(newEnglishList1[newEngIndex].cWork).engText"></div>
  11350. <el-input v-else type="textarea"
  11351. :rows="10"
  11352. resize="none" v-model="JSON.parse(newEnglishList1[newEngIndex].cWork).engText" />
  11353. </div>
  11354. </div>
  11355. </div>
  11356. </div>
  11357. </div>
  11358. </div>
  11359. <span slot="footer" class="dialog-footer">
  11360. <el-button @click="engUpdateDialogVisible = false">取 消</el-button>
  11361. <el-button type="primary" @click="addCorrect">确 定</el-button>
  11362. </span>
  11363. </el-dialog>
  11364. <englishEva :evaEngJson="evaEngJson" :engEvaDialogVisible.sync="engEvaDialogVisible" :uid="userid"></englishEva>
  11365. <interVideo
  11366. :dialogVisibleVideo.sync="dialogVisibleVideo"
  11367. :videoJson="videoJson"
  11368. :userid="userid"
  11369. :id="id"
  11370. :courseType="courseType"
  11371. :taskCount="taskCount"
  11372. :toolindex="toolindex"
  11373. ></interVideo>
  11374. <UpdateMore
  11375. :dialogVisibleMember.sync="dialogVisibleMember"
  11376. :cList="uploadStudentJuri"
  11377. :userid="userid"
  11378. :searchTN="worksSName2"
  11379. @setPlname="setPlname"
  11380. ></UpdateMore>
  11381. <wordCloud
  11382. :dialogVisibleWordCloud.sync="dialogVisibleWordCloud"
  11383. :data="wordCloudData"
  11384. ></wordCloud>
  11385. <el-dialog
  11386. title="挑人"
  11387. :visible.sync="dialogVisiblePickPeople"
  11388. width="650px"
  11389. :before-close="handleClose"
  11390. class="dialog_diy"
  11391. center
  11392. >
  11393. <div class="pick_box">
  11394. <div
  11395. class="noWorksName"
  11396. :class="{ isSelectName: isPickStudent.indexOf(item.userid) !== -1 }"
  11397. v-for="(item, index) in uploadStudentJuri"
  11398. :key="index"
  11399. @click="pickStudent(item)"
  11400. >
  11401. {{ item.name }}
  11402. </div>
  11403. </div>
  11404. </el-dialog>
  11405. </div>
  11406. </template>
  11407. <script>
  11408. import "../../common/aws-sdk-2.235.1.min.js";
  11409. // import pdf from "../components/pdf3";
  11410. import pdf from "../components/vpdf";
  11411. import AskStatic from "../components/askStatic";
  11412. import AskStatic2 from "../components/askStatic2";
  11413. import AnswerData2 from "../components/answerData2";
  11414. import AnswerData from "../components/answerData";
  11415. import EditorBar from "../tools/wangEnduit.vue";
  11416. import Table from "../tools/table.vue";
  11417. import Time from "../tools/time.vue";
  11418. import Mind from "../tools/jsmind.vue";
  11419. import Sunburst from "../tools/sunburst";
  11420. import SeeBoard from "../tools/seeBoard";
  11421. import * as imageConversion from "image-conversion";
  11422. import Audio from "../components/audio.vue";
  11423. import ImgDraw from "../tools/imgDraw/imgDraw";
  11424. import { Empty } from "element-ui";
  11425. import RecordRTC from "recordrtc";
  11426. import interVideo from "../interVideo/index.vue";
  11427. import UpdateMore from "../updateMore/updateMore.vue";
  11428. import wordCloud from "../wordCloud/index.vue";
  11429. import axios from "axios";
  11430. import JSZip from "jszip";
  11431. import FileSaver from "file-saver";
  11432. import onlineWrite from "./commpont/onlineWrite";
  11433. import englishEva from "../components/englishEva";
  11434. const getFile = (url) => {
  11435. return new Promise((resolve, reject) => {
  11436. axios({
  11437. method: "get",
  11438. url,
  11439. responseType: "blob",
  11440. })
  11441. .then((data) => {
  11442. resolve({ data: data.data });
  11443. })
  11444. .catch((error) => {
  11445. resolve({ data: 1 });
  11446. // reject(error.toString());
  11447. });
  11448. });
  11449. };
  11450. export default {
  11451. components: {
  11452. EditorBar,
  11453. Time,
  11454. pdf,
  11455. AskStatic,
  11456. AskStatic2,
  11457. Mind,
  11458. Sunburst,
  11459. SeeBoard,
  11460. AnswerData2,
  11461. AnswerData,
  11462. Audio,
  11463. ImgDraw,
  11464. Table,
  11465. interVideo,
  11466. UpdateMore,
  11467. wordCloud,
  11468. onlineWrite,
  11469. englishEva,
  11470. },
  11471. data() {
  11472. return {
  11473. bg: null,
  11474. drawShow: false,
  11475. dialogVisible: false,
  11476. dialogVisiblePl: false,
  11477. commentDialogVisible: false,
  11478. dialogVisibleMember: false,
  11479. dialogVisibleWordCloud: false,
  11480. videoVisible: false,
  11481. isStar: false,
  11482. studentEvalDialogVisible: false,
  11483. studentEvalDialogVisibleTeacher: false,
  11484. dialogVisibleSelect: false,
  11485. dialogVisibleSelectTeacher: false,
  11486. dialogVisibleScore: false,
  11487. dialogVisibleSentence: false,
  11488. dialogVisibleSentenceTeacher: false,
  11489. dialogVisibleSentence1: false,
  11490. dialogVisibleWorks: false,
  11491. dialogVisibleTable: false,
  11492. dialogVisibleTableTeacher: false,
  11493. dialogVisibleWord: false,
  11494. dialogVisibleWordTeacher: false,
  11495. dialogVisibleTable2: false,
  11496. dialogVisibleTable3: false,
  11497. dialogVisibleGroupWork: false,
  11498. dialogVisibleUpdateGroup: false,
  11499. dialogVisibleDeleteGroup: false,
  11500. dialogVisibleSname: false,
  11501. dialogVisibleVideo: false,
  11502. dialogVisiblePickPeople: false,
  11503. worksSName: "",
  11504. classJuri: [],
  11505. uploadStudentJuri: [],
  11506. uploadCid: "",
  11507. snameWid: "",
  11508. sStudent: {},
  11509. sTool: "",
  11510. bzText: "",
  11511. commentDetail: [],
  11512. selectAnswer: [],
  11513. videoDetail: {},
  11514. selectJson: {},
  11515. eScore: { eBzText: "", eStar: [] },
  11516. id: this.$route.query.courseId,
  11517. userid: this.$route.query.userid,
  11518. classId: this.$route.query.cid,
  11519. // courseTypeLine: this.$route.query.type,
  11520. oid: this.$route.query.oid,
  11521. org: this.$route.query.org,
  11522. tType: this.$route.query.tType,
  11523. courseType: this.$route.query.type,
  11524. screenType: this.$route.query.screenType,
  11525. tcid2: this.$route.query.tcid,
  11526. tcid: "",
  11527. pptImgUrl: "",
  11528. pptImgUrl1: "",
  11529. commentText: "",
  11530. full: false,
  11531. sIsOpen: false,
  11532. IsLookOpen: false,
  11533. IsFollow: false,
  11534. pzDialog: false,
  11535. contentDialog: false,
  11536. mlDialog: false,
  11537. type: 1,
  11538. sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
  11539. sentenceList1: [],
  11540. tableJson: [],
  11541. tableJsonO: [],
  11542. wordJson: [],
  11543. wordJsonO: [],
  11544. vedio: [],
  11545. text: [],
  11546. textList: [],
  11547. line: [],
  11548. lineList: [],
  11549. chapTools: [],
  11550. chapToolList: [],
  11551. file: [],
  11552. fileC: [],
  11553. vedioTime: [],
  11554. upToolImg: "",
  11555. preTime: 0,
  11556. rateList: {
  11557. ca: 0,
  11558. },
  11559. rateParams: [],
  11560. colors: ["#DFDFDF", "#DFDFDF", "#DFDFDF"],
  11561. studyJuri: [
  11562. {
  11563. content: "",
  11564. cover: [],
  11565. upVedio: [],
  11566. upFile: [],
  11567. },
  11568. ],
  11569. isClose: 0,
  11570. plworkFile: [],
  11571. mr: require("../../assets/vedioPic.png"),
  11572. word: require("../../assets/icon/isWord.png"),
  11573. word2: require("../../assets/icon/word2.png"),
  11574. video: require("../../assets/icon/isVideo.png"),
  11575. noLikes: require("../../assets/icon/comment/noLikes.png"),
  11576. likes: require("../../assets/icon/comment/likes.png"),
  11577. scoreImg: require("../../assets/score.png"),
  11578. courseDetail: {},
  11579. reply: "",
  11580. isSelect: false,
  11581. chapInfo: [],
  11582. chapInfoList: [],
  11583. taskCount: 0,
  11584. imgList: [],
  11585. noImgList: [],
  11586. pzList: [],
  11587. timeWorkList: [],
  11588. PlTextList: [
  11589. "Excellent!",
  11590. "nice!",
  11591. "很有创意!",
  11592. "还不错哦~",
  11593. "继续努力哦~",
  11594. ],
  11595. isClickNav: "",
  11596. navId: "",
  11597. playerOptions: {
  11598. playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
  11599. autoplay: false, //如果true,浏览器准备好时开始回放。
  11600. muted: false, // 默认情况下将会消除任何音频。
  11601. loop: false, // 导致视频一结束就重新开始。
  11602. preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
  11603. language: "zh-CN",
  11604. aspectRatio: "16:9", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
  11605. fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
  11606. sources: [
  11607. {
  11608. type: "video/mp4", //这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目 || "video/ogg"|| "video/webm"
  11609. src: "", //url地址require("../../../assets/media/aaa.mp4")
  11610. },
  11611. ],
  11612. // poster: require("../../../assets/tu31.png"), //你的封面地址
  11613. // poster: dataRes.imgUrl, //你的封面地址
  11614. notSupportedMessage: "此视频暂无法播放,请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
  11615. controlBar: {
  11616. timeDivider: true, //当前时间和持续时间的分隔符
  11617. durationDisplay: true, //显示持续时间
  11618. remainingTimeDisplay: false, //是否显示剩余时间功能
  11619. fullscreenToggle: true, //全屏按钮
  11620. },
  11621. },
  11622. playerOptions1: {
  11623. playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
  11624. autoplay: false, //如果true,浏览器准备好时开始回放。
  11625. muted: false, // 默认情况下将会消除任何音频。
  11626. loop: false, // 导致视频一结束就重新开始。
  11627. preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
  11628. language: "zh-CN",
  11629. aspectRatio: "16:9", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
  11630. fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
  11631. sources: [
  11632. {
  11633. type: "video/mp4", //这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目 || "video/ogg"|| "video/webm"
  11634. src: "", //url地址require("../../../assets/media/aaa.mp4")
  11635. },
  11636. ],
  11637. // poster: require("../../../assets/tu31.png"), //你的封面地址
  11638. // poster: dataRes.imgUrl, //你的封面地址
  11639. notSupportedMessage: "此视频暂无法播放,请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
  11640. controlBar: {
  11641. timeDivider: true, //当前时间和持续时间的分隔符
  11642. durationDisplay: true, //显示持续时间
  11643. remainingTimeDisplay: false, //是否显示剩余时间功能
  11644. fullscreenToggle: true, //全屏按钮
  11645. },
  11646. },
  11647. playerO: {},
  11648. noneBtnImg: false,
  11649. proVisible: false,
  11650. proVisible2: false,
  11651. progress: 0,
  11652. isFinishSize: 0,
  11653. isAllSize: 0,
  11654. questionAnswer: "",
  11655. answerQ: "", //问答标题
  11656. rateJson: [],
  11657. wbCount: 0,
  11658. wordCount: 0,
  11659. mindCount: 0,
  11660. askCount: 0,
  11661. noteCount: 0,
  11662. mindNetWorkCount: 0,
  11663. libraryCount: 0,
  11664. workCount: 0,
  11665. timeCount: 0,
  11666. answerCount: 0,
  11667. trainCount: 0,
  11668. evalCount: 0,
  11669. dialogImageUrl: "",
  11670. pictureDialog: false,
  11671. toolTypeList: [],
  11672. dialogVisible1: false,
  11673. dialogVisible2: false,
  11674. dialogVisible3: false,
  11675. dialogVisible6: false,
  11676. dialogVisible4: false,
  11677. isNoHomeWork: false,
  11678. dialogVisible5: false,
  11679. dialogVisible5Teacher: false,
  11680. dialogVisibleChoice: false,
  11681. dialogVisibleChoiceTeacher: false,
  11682. answerDialogVisible: false,
  11683. answerDialogVisibleTeacher: false,
  11684. juriVisible: false,
  11685. timeDialogVisible: false,
  11686. replyDialogVisible: false,
  11687. toolDialogVisible: false,
  11688. engDialogVisible: false,
  11689. engUpdateDialogVisible:false,
  11690. engEvaDialogVisible: false,
  11691. evaEngJson: {
  11692. teacherJson: {},
  11693. studentJson: {},
  11694. message: {},
  11695. },
  11696. isNoUserid:false,
  11697. engListLength:0,
  11698. engWid:"",
  11699. newEnglishList:{
  11700. engTitle:"",
  11701. engText:"",
  11702. },
  11703. newEnglishList1:[],
  11704. oldEnglishJson:{},
  11705. oldEnglishJson1:{},
  11706. englishList1:{},
  11707. englishList:{},
  11708. myAnswerList1:{},
  11709. topHeight:0,
  11710. newEngIndex:-1,
  11711. englishToolIndex:0,
  11712. userMes:{},
  11713. englishToolIndex:0,
  11714. replyIndex: 0,
  11715. replyPid: "",
  11716. radio: [],
  11717. isAsk: false,
  11718. askJson: {
  11719. askCount: 1,
  11720. askTitle: "",
  11721. askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
  11722. },
  11723. testJson: {},
  11724. englishList: {},
  11725. topHeight:0,
  11726. checkJson: [],
  11727. askList: [],
  11728. answerList: [],
  11729. navList: [],
  11730. addPzDialog: false,
  11731. pzConText: "",
  11732. worksStudent: [],
  11733. isCloseList: [],
  11734. workStudent: [],
  11735. groupStudent: [],
  11736. groupStudentUid: [],
  11737. noWorksS: [],
  11738. isWorksS: [],
  11739. noWorksStudent: [],
  11740. toolindex: 0,
  11741. toolDetailIndex: null,
  11742. groupIndex: 0,
  11743. workTypeB: false,
  11744. workTypeC: false,
  11745. isAnswer: false,
  11746. isHovered: false,
  11747. isHovered1: false,
  11748. isHovered2: false,
  11749. timer: null,
  11750. opertimer: null,
  11751. showType: 0,
  11752. fileType: 0,
  11753. showPDF: false,
  11754. noteName: "",
  11755. evaJuri: [],
  11756. evalua: "",
  11757. eTitle: "",
  11758. eName: "",
  11759. eJson: {},
  11760. fid: "", //一级
  11761. sid: "", //二级
  11762. tid: "", //二级
  11763. typeMode: 1,
  11764. eJSONNum: 0,
  11765. Etype: 1,
  11766. data: {
  11767. meta: {
  11768. name: "example",
  11769. author: "dd@163.com",
  11770. version: "0.2",
  11771. },
  11772. format: "node_array",
  11773. data: [{ id: "root", isroot: true, topic: "" }],
  11774. },
  11775. fullDialogVisible: false,
  11776. fulltype: "",
  11777. fullUrl: "",
  11778. commentIndexJson: {},
  11779. Stbodywidth: 0,
  11780. ispzType: 0,
  11781. pzType: 1,
  11782. wScore: 0,
  11783. scoreDetail: "",
  11784. videoStart: false,
  11785. recorder: null,
  11786. groupJson: {},
  11787. islock: false,
  11788. groupJson2: {},
  11789. dialogVisibleGroup: false,
  11790. dialogVisibleGroup2: false,
  11791. updateGroupArray: [],
  11792. updateGroupUser: {},
  11793. deleteGroupUser: [],
  11794. deleteGroupArray: {},
  11795. checkChair: "",
  11796. checkDeleteGroup: [],
  11797. inviteCode: "",
  11798. courseGroupStudent: [],
  11799. courseGroupStudentUid: [],
  11800. courseGroup: {},
  11801. isGroup: false,
  11802. toolIndex: null,
  11803. tool: {},
  11804. isWorkTool: [
  11805. 16, 32, 57, 4, 45, 15, 1, 3, 6, 7, 26, 41, 47, 48, 52, 50, 40,
  11806. ], //, 40
  11807. videoJson: {},
  11808. toolType: 0,
  11809. checktoolArray: [],
  11810. vChapterData: [],
  11811. isUpdateToolDetail: false,
  11812. isUpdateToolDetail1: false,
  11813. updateToolDetailInner: "",
  11814. checkboxList: [],
  11815. plIndex: "",
  11816. worksSName2: "",
  11817. worksSid: "",
  11818. wordCloudData: [],
  11819. isPickStudent: [],
  11820. pzStype: 1,
  11821. myAnList: {},
  11822. };
  11823. },
  11824. methods: {
  11825. setEnglishList(engList) {
  11826. this.myAnList = engList;
  11827. },
  11828. addToolChoose() {
  11829. if (!this.checktoolArray.length) {
  11830. this.$message.error("请选择要添加的任务");
  11831. return;
  11832. }
  11833. if (
  11834. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11835. this.taskCount
  11836. ].toolChoose[0].tool.length
  11837. ) {
  11838. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11839. this.taskCount
  11840. ].toolChoose[0].tool = this.checktoolArray;
  11841. } else {
  11842. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11843. this.taskCount
  11844. ].toolChoose.push({
  11845. tool: this.checktoolArray,
  11846. toolDetail: "",
  11847. toolType: 0,
  11848. askCount: 1,
  11849. askTitle: "",
  11850. askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
  11851. });
  11852. }
  11853. let params = [
  11854. {
  11855. cid: this.id,
  11856. chapters: JSON.stringify(this.chapInfoList),
  11857. uid: this.userid,
  11858. unitIndex: this.courseType,
  11859. },
  11860. ];
  11861. this.ajax
  11862. .post(this.$store.state.api + "updateWorkNew4", params)
  11863. .then((res) => {
  11864. this.$message({
  11865. message: "添加成功",
  11866. type: "success",
  11867. });
  11868. this.checktoolArray = [];
  11869. this.getCourseDetail(2);
  11870. this.checkBz(
  11871. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11872. this.taskCount
  11873. ].toolChoose.length - 1
  11874. );
  11875. this.toolDialogVisible = false;
  11876. this.refreshCourse();
  11877. this.$forceUpdate();
  11878. })
  11879. .catch((err) => {
  11880. console.error(err);
  11881. });
  11882. },
  11883. checkBz(index) {
  11884. this.isUpdateToolDetail = false;
  11885. this.$forceUpdate();
  11886. setTimeout(() => {
  11887. document.scrollingElement.scrollTop =
  11888. document.querySelectorAll(".filebox")[index].offsetTop +
  11889. document.querySelector(".student_body").offsetTop;
  11890. }, 500);
  11891. },
  11892. updateToolDetail(i, type) {
  11893. if (!this.isUpdateToolDetail1 && type == 2) {
  11894. this.toolDetailIndex = i
  11895. this.isUpdateToolDetail1 = true;
  11896. setTimeout(() => {
  11897. this.updateToolDetailInner = JSON.parse(
  11898. JSON.stringify(
  11899. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11900. this.taskCount
  11901. ].toolChoose[i].toolDetail
  11902. )
  11903. );
  11904. document.querySelector(".checkTextArea").focus();
  11905. }, 0);
  11906. } else if((this.isUpdateToolDetail1 && type != 2)){
  11907. // this.toolDetailIndex = i;
  11908. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11909. this.taskCount
  11910. ].toolChoose[i].toolDetail = JSON.parse(
  11911. JSON.stringify(this.updateToolDetailInner)
  11912. );
  11913. let params = [
  11914. {
  11915. cid: this.id,
  11916. chapters: JSON.stringify(this.chapInfoList),
  11917. uid: this.userid,
  11918. unitIndex: this.courseType,
  11919. },
  11920. ];
  11921. this.ajax
  11922. .post(this.$store.state.api + "updateWorkNew4", params)
  11923. .then((res) => {
  11924. this.isUpdateToolDetail1 = false;
  11925. this.$message({
  11926. message: "修改成功",
  11927. type: "success",
  11928. });
  11929. this.toolDetailIndex = null;
  11930. this.updateToolDetailInner = "";
  11931. this.getCourseDetail(2);
  11932. this.$forceUpdate();
  11933. })
  11934. .catch((err) => {
  11935. console.error(err);
  11936. });
  11937. } else if((this.isUpdateToolDetail1 && type == 2)){
  11938. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11939. this.taskCount
  11940. ].toolChoose[this.toolDetailIndex].toolDetail = JSON.parse(
  11941. JSON.stringify(this.updateToolDetailInner)
  11942. );
  11943. let params = [
  11944. {
  11945. cid: this.id,
  11946. chapters: JSON.stringify(this.chapInfoList),
  11947. uid: this.userid,
  11948. unitIndex: this.courseType,
  11949. },
  11950. ];
  11951. this.ajax
  11952. .post(this.$store.state.api + "updateWorkNew4", params)
  11953. .then((res) => {
  11954. this.$message({
  11955. message: "修改成功",
  11956. type: "success",
  11957. });
  11958. this.toolDetailIndex = i;
  11959. this.isUpdateToolDetail1 = true;
  11960. setTimeout(() => {
  11961. this.updateToolDetailInner = JSON.parse(
  11962. JSON.stringify(
  11963. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11964. this.taskCount
  11965. ].toolChoose[i].toolDetail
  11966. )
  11967. );
  11968. document.querySelector(".checkTextArea").focus();
  11969. }, 0);
  11970. this.getCourseDetail(2);
  11971. this.$forceUpdate();
  11972. })
  11973. .catch((err) => {
  11974. console.error(err);
  11975. });
  11976. }
  11977. },
  11978. jumpGj(i, j, k, l) {
  11979. for (var z = 0; z < this.navList.length; z++) {
  11980. for (var q = 0; q < this.navList[z].task.length; q++) {
  11981. for (var w = 0; w < this.navList[z].task[q].tool.length; w++) {
  11982. this.navList[z].task[q].tool[w].isTool = false;
  11983. }
  11984. }
  11985. }
  11986. console.log(this.navList);
  11987. this.navList[i].task[j].tool[k].isTool =
  11988. !this.navList[i].task[j].tool[k].isTool;
  11989. var a = document.scrollingElement;
  11990. let target = document.querySelector(`#gj${k}`);
  11991. if (target) {
  11992. target.scrollIntoView(true);
  11993. setTimeout(() => {
  11994. a.scrollTop = a.scrollTop - 150;
  11995. }, 0);
  11996. }
  11997. this.navId = ""
  11998. if (l) {
  11999. this.courseType = i;
  12000. // this.navId = l;
  12001. this.taskCount = j;
  12002. this.selectPz();
  12003. this.getHomeWork();
  12004. this.getCourseDetail(2);
  12005. }
  12006. // var b = this.$refs["bz" + k][0];
  12007. // a.scrollTop = b.offsetTop;
  12008. },
  12009. addTools2(i) {
  12010. if (i == 4) {
  12011. // this.openTools2(4);
  12012. this.$message.error("暂未开放");
  12013. return;
  12014. }
  12015. if (i == 45) {
  12016. // this.openTools2(45);
  12017. this.$message.error("暂未开放");
  12018. return;
  12019. }
  12020. if (i == 47) {
  12021. // this.openTools2(47);
  12022. this.$message.error("暂未开放");
  12023. return;
  12024. }
  12025. if (i == 49) {
  12026. // this.openTools2(49);
  12027. this.$message.error("暂未开放");
  12028. return;
  12029. }
  12030. if (i == 62) {
  12031. // this.openTools(itemTaskIndex, 62, toolIndex);
  12032. this.$message.error("暂未开放");
  12033. return;
  12034. }
  12035. if (i == 15) {
  12036. // this.openTools(itemTaskIndex, 15, toolIndex);
  12037. this.$message.error("暂未开放");
  12038. return;
  12039. }
  12040. if (i == 40) {
  12041. // this.openTools(itemTaskIndex, 40, toolIndex);
  12042. this.$message.error("暂未开放");
  12043. return;
  12044. }
  12045. if (i == 41) {
  12046. // this.openTools(itemTaskIndex, 41, toolIndex);
  12047. this.$message.error("暂未开放");
  12048. return;
  12049. }
  12050. if (i == 42) {
  12051. // this.openTools(itemTaskIndex, 42, toolIndex);
  12052. this.$message.error("暂未开放");
  12053. return;
  12054. }
  12055. if (this.checktoolArray.length > 0) {
  12056. if (this.checktoolArray.indexOf(i) != -1) {
  12057. this.checktoolArray.splice(this.checktoolArray.indexOf(i), 1);
  12058. } else {
  12059. this.checktoolArray = [];
  12060. this.checktoolArray.push(i);
  12061. }
  12062. } else {
  12063. this.checktoolArray.push(i);
  12064. }
  12065. this.$forceUpdate();
  12066. },
  12067. jump() {
  12068. window.parent.postMessage({ tools: "43" }, "*");
  12069. },
  12070. getUpdateMore(f, checkboxList, searchTN, index) {
  12071. this.dialogVisibleMember = f;
  12072. this.checkboxList = checkboxList;
  12073. this.worksSName2 = JSON.parse(JSON.stringify(searchTN));
  12074. this.plIndex = index;
  12075. },
  12076. setPlname(a) {
  12077. if (this.plworkFile.length) {
  12078. this.plworkFile[this.plIndex].username = a;
  12079. } else {
  12080. this.worksSName = a;
  12081. }
  12082. this.dialogVisibleMember = false;
  12083. },
  12084. previewImg(url) {
  12085. this.$hevueImgPreview(url);
  12086. },
  12087. checkImg(list) {
  12088. if (!list.length) {
  12089. return;
  12090. }
  12091. this.$hevueImgPreview({
  12092. multiple: true, // 开启多图预览模式
  12093. imgList: list, // 需要预览的多图数组
  12094. });
  12095. },
  12096. change(val) {
  12097. console.log(val);
  12098. },
  12099. goTo(path) {
  12100. this.$router.push(path);
  12101. },
  12102. handlePictureCardPreview(url) {
  12103. this.dialogImageUrl = url;
  12104. this.pictureDialog = true;
  12105. },
  12106. clean(type) {
  12107. if (type == 1) {
  12108. this.studyJuri[0].cover.splice(0, 1);
  12109. } else if (type == 2) {
  12110. this.studyJuri[0].upVedio.splice(0, 1);
  12111. } else {
  12112. this.studyJuri[0].upFile.splice(0, 1);
  12113. }
  12114. },
  12115. clean2(index) {
  12116. this.plworkFile.splice(index, 1);
  12117. },
  12118. handleClose(done) {
  12119. if (this.videoDetail.sources && this.videoDetail.sources[0]) {
  12120. this.videoDetail.sources[0].src = "";
  12121. }
  12122. this.commentIndexJson = {};
  12123. done();
  12124. },
  12125. fullTools() {
  12126. this.full = !this.full;
  12127. },
  12128. imgChange(file, fileList, type) {
  12129. if (type == 1) {
  12130. var _tmp = this.studyJuri[0].cover;
  12131. } else if (type == 2) {
  12132. var _tmp = this.studyJuri[0].upVedio;
  12133. } else {
  12134. var _tmp = this.studyJuri[0].upFile;
  12135. }
  12136. this.noneBtnImg = _tmp.length >= 1;
  12137. },
  12138. setContent(bool) {
  12139. this.contentDialog = bool;
  12140. if (bool && this.mlDialog && document.querySelector(".workd_media")) {
  12141. document.querySelector(".workd_media").style.height = "650px";
  12142. } else if (document.querySelector(".workd_media")) {
  12143. document.querySelector(".workd_media").style.height = "auto";
  12144. }
  12145. },
  12146. setContent2(bool) {
  12147. this.mlDialog = bool;
  12148. if (
  12149. bool &&
  12150. this.contentDialog &&
  12151. document.querySelector(".workd_media")
  12152. ) {
  12153. document.querySelector(".workd_media").style.height = "650px";
  12154. } else if (document.querySelector(".workd_media")) {
  12155. document.querySelector(".workd_media").style.height = "auto";
  12156. }
  12157. },
  12158. openToolAll() {
  12159. this.toolDialogVisible = true;
  12160. },
  12161. addImg(e) {
  12162. var el = e.currentTarget;
  12163. // this.$message.success('触发上传')
  12164. el.getElementsByTagName("input")[0].click();
  12165. e.target.value = "";
  12166. },
  12167. addSelectAnswer() {
  12168. let params = [
  12169. {
  12170. uid: this.userid,
  12171. cid: this.id,
  12172. stage: this.courseType,
  12173. task: this.taskCount,
  12174. tool: this.toolindex,
  12175. content: this.selectAnswer.answer,
  12176. type: 7,
  12177. },
  12178. ];
  12179. this.ajax
  12180. .post(this.$store.state.api + "addCourseWorks", params)
  12181. .then((res) => {
  12182. this.$message({
  12183. message: "提交成功",
  12184. type: "success",
  12185. });
  12186. this.dialogVisibleSelect = false;
  12187. // this.selectAnswer = {};
  12188. this.selectSWorks();
  12189. this.selectStudent();
  12190. })
  12191. .catch((err) => {
  12192. this.$message.error("提交失败");
  12193. console.error(err);
  12194. });
  12195. },
  12196. addSelectAnswerTeacher() {
  12197. let params = [
  12198. {
  12199. uid: this.sStudent.userid,
  12200. cid: this.id,
  12201. stage: this.courseType,
  12202. task: this.taskCount,
  12203. tool: this.toolindex,
  12204. content: this.selectAnswer.answer,
  12205. type: 7,
  12206. },
  12207. ];
  12208. this.ajax
  12209. .post(this.$store.state.api + "addCourseWorks", params)
  12210. .then((res) => {
  12211. this.$message({
  12212. message: "提交成功",
  12213. type: "success",
  12214. });
  12215. this.dialogVisibleSelectTeacher = false;
  12216. // this.selectAnswer = {};
  12217. this.selectSWorks();
  12218. this.selectStudent();
  12219. })
  12220. .catch((err) => {
  12221. this.$message.error("提交失败");
  12222. console.error(err);
  12223. });
  12224. },
  12225. addSenWorks() {
  12226. for (var i = 0; i < this.sentenceList.length; i++) {
  12227. for (var j = 0; j < this.sentenceList[i].chooseSenList.length; j++) {
  12228. if (
  12229. this.sentenceList[i].chooseSenList[j] == undefined ||
  12230. this.sentenceList[i].chooseSenList[j] == ""
  12231. ) {
  12232. this.$message.error("请将答案填写完整!");
  12233. return;
  12234. }
  12235. }
  12236. }
  12237. let params = [
  12238. {
  12239. uid: this.userid,
  12240. cid: this.id,
  12241. stage: this.courseType,
  12242. task: this.taskCount,
  12243. tool: this.toolindex,
  12244. content: JSON.stringify(this.sentenceList),
  12245. type: 9,
  12246. },
  12247. ];
  12248. this.ajax
  12249. .post(this.$store.state.api + "addCourseWorks", params)
  12250. .then((res) => {
  12251. this.$message({
  12252. message: "提交成功",
  12253. type: "success",
  12254. });
  12255. this.dialogVisibleSentence = false;
  12256. // this.selectAnswer = {};
  12257. this.selectSWorks();
  12258. this.selectStudent();
  12259. })
  12260. .catch((err) => {
  12261. this.$message.error("提交失败");
  12262. console.error(err);
  12263. });
  12264. },
  12265. addSenWorksTeacher() {
  12266. for (var i = 0; i < this.sentenceList.length; i++) {
  12267. for (var j = 0; j < this.sentenceList[i].chooseSenList.length; j++) {
  12268. if (
  12269. this.sentenceList[i].chooseSenList[j] == undefined ||
  12270. this.sentenceList[i].chooseSenList[j] == ""
  12271. ) {
  12272. this.$message.error("请将答案填写完整!");
  12273. return;
  12274. }
  12275. }
  12276. }
  12277. let params = [
  12278. {
  12279. uid: this.sStudent.userid,
  12280. cid: this.id,
  12281. stage: this.courseType,
  12282. task: this.taskCount,
  12283. tool: this.toolindex,
  12284. content: JSON.stringify(this.sentenceList),
  12285. type: 9,
  12286. },
  12287. ];
  12288. this.ajax
  12289. .post(this.$store.state.api + "addCourseWorks", params)
  12290. .then((res) => {
  12291. this.$message({
  12292. message: "提交成功",
  12293. type: "success",
  12294. });
  12295. this.dialogVisibleSentenceTeacher = 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. returnTableText() {
  12306. this.$confirm("确定还原此模板吗?", "提示", {
  12307. confirmButtonText: "确定",
  12308. cancelButtonText: "取消",
  12309. type: "warning",
  12310. })
  12311. .then(() => {
  12312. this.tableJson = JSON.parse(JSON.stringify(this.tableJsonO));
  12313. })
  12314. .catch(() => {});
  12315. },
  12316. addTableWorks() {
  12317. let params = [
  12318. {
  12319. uid: this.userid,
  12320. cid: this.id,
  12321. stage: this.courseType,
  12322. task: this.taskCount,
  12323. tool: this.toolindex,
  12324. content: JSON.stringify(this.tableJson).replaceAll(/%/g, "%25"),
  12325. type: 10,
  12326. },
  12327. ];
  12328. this.ajax
  12329. .post(this.$store.state.api + "addCourseWorks", params)
  12330. .then((res) => {
  12331. this.$message({
  12332. message: "提交成功",
  12333. type: "success",
  12334. });
  12335. this.dialogVisibleTable = false;
  12336. // this.selectAnswer = {};
  12337. this.selectSWorks();
  12338. this.selectStudent();
  12339. })
  12340. .catch((err) => {
  12341. this.$message.error("提交失败");
  12342. console.error(err);
  12343. });
  12344. },
  12345. tableRowClassName({ row, rowIndex }) {
  12346. if ((rowIndex + 1) % 2 === 0) {
  12347. return "even_row";
  12348. } else {
  12349. return "";
  12350. }
  12351. },
  12352. addTableWorksTeacher() {
  12353. let params = [
  12354. {
  12355. uid: this.sStudent.userid,
  12356. cid: this.id,
  12357. stage: this.courseType,
  12358. task: this.taskCount,
  12359. tool: this.toolindex,
  12360. content: JSON.stringify(this.tableJson).replaceAll(/%/g, "%25"),
  12361. type: 10,
  12362. },
  12363. ];
  12364. this.ajax
  12365. .post(this.$store.state.api + "addCourseWorks", params)
  12366. .then((res) => {
  12367. this.$message({
  12368. message: "提交成功",
  12369. type: "success",
  12370. });
  12371. this.dialogVisibleTableTeacher = false;
  12372. // this.selectAnswer = {};
  12373. this.selectSWorks();
  12374. this.selectStudent();
  12375. })
  12376. .catch((err) => {
  12377. this.$message.error("提交失败");
  12378. console.error(err);
  12379. });
  12380. },
  12381. returnWordText() {
  12382. this.$confirm("确定还原此模板吗?", "提示", {
  12383. confirmButtonText: "确定",
  12384. cancelButtonText: "取消",
  12385. type: "warning",
  12386. })
  12387. .then(() => {
  12388. this.wordJson = JSON.parse(JSON.stringify(this.wordJsonO));
  12389. })
  12390. .catch(() => {});
  12391. },
  12392. addWordWorks() {
  12393. let params = [
  12394. {
  12395. uid: this.userid,
  12396. cid: this.id,
  12397. stage: this.courseType,
  12398. task: this.taskCount,
  12399. tool: this.toolindex,
  12400. content: JSON.stringify(this.wordJson).replaceAll(/%/g, "%25"),
  12401. type: 13,
  12402. atool: 52,
  12403. },
  12404. ];
  12405. this.ajax
  12406. .post(this.$store.state.api + "addCourseWorks3-2", params)
  12407. .then((res) => {
  12408. this.$message({
  12409. message: "提交成功",
  12410. type: "success",
  12411. });
  12412. this.dialogVisibleWord = false;
  12413. // this.selectAnswer = {};
  12414. this.selectSWorks();
  12415. this.selectStudent();
  12416. })
  12417. .catch((err) => {
  12418. this.$message.error("提交失败");
  12419. console.error(err);
  12420. });
  12421. },
  12422. addWordWorksTeacher() {
  12423. let params = [
  12424. {
  12425. uid: this.sStudent.userid,
  12426. cid: this.id,
  12427. stage: this.courseType,
  12428. task: this.taskCount,
  12429. tool: this.toolindex,
  12430. content: JSON.stringify(this.wordJson).replaceAll(/%/g, "%25"),
  12431. type: 13,
  12432. atool: 52,
  12433. },
  12434. ];
  12435. this.ajax
  12436. .post(this.$store.state.api + "addCourseWorks3-2", params)
  12437. .then((res) => {
  12438. this.$message({
  12439. message: "提交成功",
  12440. type: "success",
  12441. });
  12442. this.dialogVisibleWordTeacher = false;
  12443. // this.selectAnswer = {};
  12444. this.selectSWorks();
  12445. this.selectStudent();
  12446. })
  12447. .catch((err) => {
  12448. this.$message.error("提交失败");
  12449. console.error(err);
  12450. });
  12451. },
  12452. addCourseWorks(i) {
  12453. var typesql;
  12454. if (this.fileType === 0) {
  12455. typesql = 1;
  12456. } else if (this.fileType === 1) {
  12457. typesql = 4;
  12458. } else if (this.fileType === 2) {
  12459. typesql = 5;
  12460. } else if (this.fileType === 3) {
  12461. typesql = 12;
  12462. }
  12463. if (!this.studyJuri[0].cover[0].url) {
  12464. this.$message.error("请上传文件");
  12465. return;
  12466. }
  12467. let params = [
  12468. {
  12469. uid: this.userid,
  12470. cid: this.id,
  12471. stage: this.courseType,
  12472. task: i,
  12473. tool: this.toolindex,
  12474. content: this.studyJuri[0].cover[0].url,
  12475. type: typesql,
  12476. },
  12477. ];
  12478. this.ajax
  12479. .post(this.$store.state.api + "addCourseWorksR", params)
  12480. .then((res) => {
  12481. this.$message({
  12482. message: "提交成功",
  12483. type: "success",
  12484. });
  12485. this.studyJuri[0].cover = [];
  12486. this.dialogVisible = false;
  12487. this.getCourseDetail(2);
  12488. })
  12489. .catch((err) => {
  12490. this.$message.error("提交失败");
  12491. console.error(err);
  12492. });
  12493. },
  12494. addCourseWorksPl(i) {
  12495. let _files = this.plworkFile;
  12496. var c = 1;
  12497. for (var k = 0; k < _files.length; k++) {
  12498. if (!_files[k].username) {
  12499. c = 2;
  12500. }
  12501. }
  12502. if (c == 2) {
  12503. this.$message.error("请填写学生姓名");
  12504. return;
  12505. }
  12506. let params = [
  12507. {
  12508. ateacher: this.userid,
  12509. cid: this.id,
  12510. stage: this.courseType,
  12511. task: i,
  12512. tool: this.toolindex,
  12513. content: JSON.stringify(_files).replaceAll(/%/g, "%25"),
  12514. },
  12515. ];
  12516. this.ajax
  12517. .post(this.$store.state.api + "addCourseWorksPl", params)
  12518. .then((res) => {
  12519. this.$message({
  12520. message: "提交成功",
  12521. type: "success",
  12522. });
  12523. this.plworkFile = [];
  12524. this.dialogVisiblePl = false;
  12525. this.getCourseDetail(2);
  12526. })
  12527. .catch((err) => {
  12528. this.$message.error("提交失败");
  12529. console.error(err);
  12530. });
  12531. },
  12532. addCourseWorks2(i) {
  12533. var typesql;
  12534. if (this.fileType === 0) {
  12535. typesql = 0;
  12536. } else if (this.fileType === 1) {
  12537. typesql = 1;
  12538. } else if (this.fileType === 2) {
  12539. typesql = 3;
  12540. } else if (this.fileType === 3) {
  12541. typesql = 12;
  12542. }
  12543. if (!this.studyJuri[0].cover[0].url) {
  12544. this.$message.error("请上传文件");
  12545. return;
  12546. }
  12547. let params = [
  12548. {
  12549. uid: this.userid,
  12550. cid: this.id,
  12551. stage: this.courseType,
  12552. task: i,
  12553. tool: this.toolindex,
  12554. content: JSON.stringify({
  12555. type: typesql,
  12556. groupIndex: this.groupIndex,
  12557. url: this.studyJuri[0].cover[0].url,
  12558. }).replaceAll(/%/g, "%25"),
  12559. type: 11,
  12560. atool: 49,
  12561. text: "",
  12562. },
  12563. ];
  12564. this.ajax
  12565. .post(this.$store.state.api + "addCourseWorks5", params)
  12566. .then((res) => {
  12567. this.$message({
  12568. message: "提交成功",
  12569. type: "success",
  12570. });
  12571. this.studyJuri[0].cover = [];
  12572. this.dialogVisibleGroupWork = false;
  12573. this.getCourseDetail(2);
  12574. })
  12575. .catch((err) => {
  12576. this.$message.error("提交失败");
  12577. console.error(err);
  12578. });
  12579. },
  12580. addEnglishWork() {
  12581. if (!this.myAnList.engTitle || !this.myAnList.engText || this.myAnList.engTitle == "" || this.myAnList.engText == "") {
  12582. this.$message.error("请输入作文标题和正文!");
  12583. return;
  12584. }
  12585. let params = [
  12586. {
  12587. uid: this.userid,
  12588. cid: this.id,
  12589. stage: this.courseType,
  12590. task: this.taskCount,
  12591. tool: this.englishToolIndex,
  12592. content: JSON.stringify(this.myAnList),
  12593. type: 16,
  12594. atool: 69,
  12595. text: "",
  12596. },
  12597. ];
  12598. this.ajax
  12599. .post(this.$store.state.api + "addCourseWorks5", params)
  12600. .then((res) => {
  12601. this.$message({
  12602. message: "提交成功",
  12603. type: "success",
  12604. });
  12605. this.myAnList = {};
  12606. this.englishList = {};
  12607. this.englishToolIndex = 0;
  12608. this.engDialogVisible = false;
  12609. this.selectSWorks();
  12610. this.selectStudent();
  12611. })
  12612. .catch((err) => {
  12613. this.$message.error("提交失败");
  12614. console.error(err);
  12615. });
  12616. },
  12617. addCourseWorksGong(i, data, tool) {
  12618. let params = [
  12619. {
  12620. uid: this.userid,
  12621. cid: this.id,
  12622. stage: this.courseType,
  12623. task: this.taskCount,
  12624. tool: i,
  12625. content: data,
  12626. type: 12,
  12627. atool: tool,
  12628. text: "",
  12629. },
  12630. ];
  12631. this.ajax
  12632. .post(this.$store.state.api + "addCourseWorks5", params)
  12633. .then((res) => {
  12634. this.$message({
  12635. message: "提交成功",
  12636. type: "success",
  12637. });
  12638. this.studyJuri[0].cover = [];
  12639. this.selectSWorks();
  12640. this.selectStudent();
  12641. })
  12642. .catch((err) => {
  12643. this.$message.error("提交失败");
  12644. console.error(err);
  12645. });
  12646. },
  12647. addCourseWorksGongTeacher(i, data, tool) {
  12648. let params = [
  12649. {
  12650. uid: this.sStudent.userid,
  12651. cid: this.id,
  12652. stage: this.courseType,
  12653. task: this.taskCount,
  12654. tool: i,
  12655. content: data,
  12656. type: 12,
  12657. atool: tool,
  12658. text: "",
  12659. },
  12660. ];
  12661. this.ajax
  12662. .post(this.$store.state.api + "addCourseWorks5", params)
  12663. .then((res) => {
  12664. this.$message({
  12665. message: "提交成功",
  12666. type: "success",
  12667. });
  12668. this.studyJuri[0].cover = [];
  12669. this.dialogVisibleWorks = false;
  12670. this.selectSWorks();
  12671. this.selectStudent();
  12672. })
  12673. .catch((err) => {
  12674. this.$message.error("提交失败");
  12675. console.error(err);
  12676. });
  12677. },
  12678. addCourseWorksGongPl(i, data, tool, type) {
  12679. let params = [
  12680. {
  12681. uid: this.sStudent.userid,
  12682. cid: this.id,
  12683. stage: this.courseType,
  12684. task: this.taskCount,
  12685. tool: i,
  12686. content: data,
  12687. type: type,
  12688. atool: tool,
  12689. text: "",
  12690. },
  12691. ];
  12692. this.ajax
  12693. .post(this.$store.state.api + "addCourseWorks5", params)
  12694. .then((res) => {
  12695. this.$message({
  12696. message: "提交成功",
  12697. type: "success",
  12698. });
  12699. this.studyJuri[0].cover = [];
  12700. this.dialogVisibleWorks = false;
  12701. this.selectSWorks();
  12702. this.selectStudent();
  12703. })
  12704. .catch((err) => {
  12705. this.$message.error("提交失败");
  12706. console.error(err);
  12707. });
  12708. },
  12709. addCourseWorksTeacher(i) {
  12710. var typesql;
  12711. if (this.sTool == 32) {
  12712. this.addCourseWorksGongTeacher(
  12713. this.toolindex,
  12714. this.studyJuri[0].cover[0].url,
  12715. this.sTool
  12716. );
  12717. return;
  12718. }
  12719. if (this.fileType === 0) {
  12720. typesql = 1;
  12721. } else if (this.fileType === 1) {
  12722. typesql = 4;
  12723. } else if (this.fileType === 2) {
  12724. typesql = 5;
  12725. } else if (this.fileType === 3) {
  12726. typesql = 12;
  12727. }
  12728. if (this.sTool == 50) {
  12729. this.addCourseWorksGongPl(
  12730. this.toolindex,
  12731. this.studyJuri[0].cover[0].url,
  12732. this.sTool,
  12733. typesql
  12734. );
  12735. return;
  12736. }
  12737. if (!this.studyJuri[0].cover[0].url) {
  12738. this.$message.error("请上传文件");
  12739. return;
  12740. }
  12741. let params = [
  12742. {
  12743. uid: this.sStudent.userid,
  12744. cid: this.id,
  12745. stage: this.courseType,
  12746. task: i,
  12747. tool: this.toolindex,
  12748. content: this.studyJuri[0].cover[0].url,
  12749. type: typesql,
  12750. ateacher: this.userid,
  12751. },
  12752. ];
  12753. this.ajax
  12754. .post(this.$store.state.api + "addCourseWorksTeacher", params)
  12755. .then((res) => {
  12756. this.$message({
  12757. message: "提交成功",
  12758. type: "success",
  12759. });
  12760. this.studyJuri[0].cover = [];
  12761. this.dialogVisibleWorks = false;
  12762. this.getCourseDetail(2);
  12763. })
  12764. .catch((err) => {
  12765. this.$message.error("提交失败");
  12766. console.error(err);
  12767. });
  12768. },
  12769. selectUploadStudent(type) {
  12770. const loading = this.$loading.service({
  12771. background: "rgba(255, 255, 255, 0.7)",
  12772. target: document.body,
  12773. });
  12774. let params = {
  12775. cid: this.uploadCid,
  12776. oid: this.oid,
  12777. cn: "",
  12778. };
  12779. this.ajax
  12780. .get(this.$store.state.api + "selectSnameByCidGroup", params)
  12781. .then((res) => {
  12782. loading.close();
  12783. var studentK = [];
  12784. if (this.isWorksS[this.toolindex].length > 0) {
  12785. for (var z = 0; z < this.isWorksS[this.toolindex].length; z++) {
  12786. studentK.push(this.isWorksS[this.toolindex][z].uid);
  12787. }
  12788. studentK = studentK.join(",");
  12789. }
  12790. this.uploadStudentJuri = res.data[0].filter((el) => {
  12791. return studentK.indexOf(el.userid) == -1;
  12792. });
  12793. if (this.worksSName && this.worksSid) {
  12794. this.uploadStudentJuri.push({
  12795. userid: this.worksSid,
  12796. name: this.worksSName,
  12797. });
  12798. }
  12799. if (type == 1) {
  12800. this.plworkFile = [];
  12801. this.dialogVisibleSname = true;
  12802. } else if (type == 2) {
  12803. this.dialogVisiblePl = true;
  12804. }
  12805. })
  12806. .catch((err) => {
  12807. loading.close();
  12808. console.error(err);
  12809. });
  12810. },
  12811. selectPickStudent() {
  12812. const loading = this.$loading.service({
  12813. background: "rgba(255, 255, 255, 0.7)",
  12814. target: document.body,
  12815. });
  12816. let params = {
  12817. cid: this.uploadCid,
  12818. oid: this.oid,
  12819. cn: "",
  12820. };
  12821. this.ajax
  12822. .get(this.$store.state.api + "selectSnameByCidGroup", params)
  12823. .then((res) => {
  12824. loading.close();
  12825. this.uploadStudentJuri = res.data[0];
  12826. this.dialogVisiblePickPeople = true;
  12827. })
  12828. .catch((err) => {
  12829. loading.close();
  12830. console.error(err);
  12831. });
  12832. },
  12833. arrayToArray(arrayo, arrayt) {
  12834. let array1 = arrayo;
  12835. let array2 = arrayt;
  12836. let commonElements = [];
  12837. for (let i = 0; i < array1.length; i++) {
  12838. for (let j = 0; j < array2.length; j++) {
  12839. if (array1[i] === array2[j]) {
  12840. commonElements.push(array1[i]);
  12841. }
  12842. }
  12843. }
  12844. return commonElements;
  12845. },
  12846. selectWorksStudent() {
  12847. let params = {
  12848. oid: this.oid,
  12849. cid: this.courseDetail.juri,
  12850. };
  12851. this.ajax
  12852. .get(this.$store.state.api + "selectWorksStudent", params)
  12853. .then((res) => {
  12854. var a = res.data[0];
  12855. for (var i = 0; i < this.isWorksS.length; i++) {
  12856. this.noWorksS[i] = [];
  12857. var studentK = [];
  12858. if (this.isWorksS[i].length > 0) {
  12859. for (var z = 0; z < this.isWorksS[i].length; z++) {
  12860. studentK.push(this.isWorksS[i][z].uid);
  12861. }
  12862. studentK = studentK.join(",");
  12863. for (var j = 0; j < a.length; j++) {
  12864. if (studentK.indexOf(a[j].userid) == -1) {
  12865. if (this.tcid) {
  12866. // a[j].classid.indexOf(this.tcid) != -1
  12867. if (
  12868. this.arrayToArray(
  12869. a[j].classid.split(","),
  12870. this.tcid.split(",")
  12871. ).length
  12872. ) {
  12873. this.noWorksS[i].push({
  12874. student: a[j].name,
  12875. userid: a[j].userid,
  12876. });
  12877. }
  12878. } else {
  12879. this.noWorksS[i].push({
  12880. student: a[j].name,
  12881. userid: a[j].userid,
  12882. });
  12883. }
  12884. }
  12885. }
  12886. } else {
  12887. for (var k = 0; k < a.length; k++) {
  12888. if (this.tcid) {
  12889. if (
  12890. this.arrayToArray(
  12891. a[k].classid.split(","),
  12892. this.tcid.split(",")
  12893. ).length
  12894. ) {
  12895. this.noWorksS[i].push({
  12896. student: a[k].name,
  12897. userid: a[k].userid,
  12898. });
  12899. }
  12900. } else {
  12901. this.noWorksS[i].push({
  12902. student: a[k].name,
  12903. userid: a[k].userid,
  12904. });
  12905. }
  12906. }
  12907. }
  12908. }
  12909. this.$forceUpdate();
  12910. if (
  12911. Object.keys(this.commentDetail).length &&
  12912. Object.keys(this.commentIndexJson).length &&
  12913. !this.dialogVisibleScore
  12914. ) {
  12915. let a = 1;
  12916. let c = this.commentIndexJson;
  12917. if (
  12918. this.commentIndexJson.gindex ||
  12919. this.commentIndexJson.gindex === 0
  12920. ) {
  12921. for (
  12922. var i = 0;
  12923. i < this.worksStudent[this.commentIndexJson.toolIndex].length;
  12924. i++
  12925. ) {
  12926. let _el = this.worksStudent[this.commentIndexJson.toolIndex][i];
  12927. groupA: for (var k = 0; k < _el.length; k++) {
  12928. let el = _el[k];
  12929. if (el.wid == this.commentDetail.wid) {
  12930. a = 2;
  12931. this.commentOther(
  12932. this.worksStudent[this.commentIndexJson.toolIndex][i][k],
  12933. this.commentIndexJson.toolIndex,
  12934. k,
  12935. this.commentIndexJson.gindex
  12936. );
  12937. break groupA;
  12938. }
  12939. }
  12940. }
  12941. if (a === 1) {
  12942. this.commentDetail = [];
  12943. this.commentIndexJson = {};
  12944. this.commentDialogVisible = false;
  12945. this.$message("此作业已被删除");
  12946. }
  12947. } else {
  12948. if (this.isGroup && this.commentIndexJson.gid) {
  12949. groupA: for (
  12950. var i = 0;
  12951. i < this.courseGroup.group.length;
  12952. i++
  12953. ) {
  12954. let _group = this.courseGroup.group[i];
  12955. if (_group.id == this.commentIndexJson.gid) {
  12956. let _el2 = _group.works[this.commentIndexJson.toolIndex];
  12957. for (var k = 0; k < _el2.length; k++) {
  12958. let el2 = _el2[k];
  12959. if (el2.wid == this.commentDetail.wid) {
  12960. a = 2;
  12961. this.commentOther(
  12962. _el2[k],
  12963. this.commentIndexJson.toolIndex,
  12964. k,
  12965. null,
  12966. this.commentIndexJson.gid
  12967. );
  12968. break groupA;
  12969. }
  12970. }
  12971. }
  12972. }
  12973. }
  12974. if (a == 1) {
  12975. for (
  12976. var i = 0;
  12977. i < this.worksStudent[this.commentIndexJson.toolIndex].length;
  12978. i++
  12979. ) {
  12980. let el =
  12981. this.worksStudent[this.commentIndexJson.toolIndex][i];
  12982. if (el.wid == this.commentDetail.wid) {
  12983. a = 2;
  12984. this.commentOther(
  12985. this.worksStudent[this.commentIndexJson.toolIndex][i],
  12986. this.commentIndexJson.toolIndex,
  12987. i
  12988. );
  12989. break;
  12990. }
  12991. }
  12992. }
  12993. if (a === 1) {
  12994. this.commentDetail = [];
  12995. this.commentIndexJson = {};
  12996. this.commentDialogVisible = false;
  12997. this.$message("此作业已被删除");
  12998. }
  12999. }
  13000. }
  13001. })
  13002. .catch((err) => {
  13003. console.error(err);
  13004. });
  13005. },
  13006. selectStudent() {
  13007. //学生查看自己作业
  13008. let params = {
  13009. uid: this.userid,
  13010. cid: this.id,
  13011. s: this.courseType,
  13012. t: this.taskCount,
  13013. };
  13014. this.ajax
  13015. .get(this.$store.state.api + "selectStudentWorks", params)
  13016. .then((res) => {
  13017. var a =
  13018. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13019. this.taskCount
  13020. ].toolChoose;
  13021. var b = res.data[0];
  13022. var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  13023. var y = [
  13024. "AVI",
  13025. "NAVI",
  13026. "MPEG",
  13027. "ASF",
  13028. "MOV",
  13029. "WMV",
  13030. "3GP",
  13031. "RM",
  13032. "RMVB",
  13033. "FLV",
  13034. "F4V",
  13035. "H.264",
  13036. "H.265",
  13037. "REAL VIDEO",
  13038. "MKV",
  13039. "WebM",
  13040. "HDDVD",
  13041. "MP4",
  13042. "MPG",
  13043. "M4V",
  13044. "MGV",
  13045. "OGV",
  13046. "QTM",
  13047. "STR",
  13048. "AMC",
  13049. "DVX",
  13050. "EVO",
  13051. "DAT",
  13052. "OGG",
  13053. "OGM",
  13054. ];
  13055. for (var i = 0; i < a.length; i++) {
  13056. this.workStudent[i] = [];
  13057. for (var j = 0; j < b.length; j++) {
  13058. if (i == b[j].tool) {
  13059. if (
  13060. (b[j].type == 1 ||
  13061. b[j].type == 4 ||
  13062. b[j].type == 5 ||
  13063. b[j].type == 6 ||
  13064. b[j].type == 12 ||
  13065. b[j].type == 7) &&
  13066. a[i].tool[0] != 15 &&
  13067. a[i].tool[0] != 4 &&
  13068. a[i].tool[0] != 45 &&
  13069. a[i].tool[0] != 50 &&
  13070. a[i].tool[0] != 32 &&
  13071. a[i].tool[0] != 57 &&
  13072. a[i].tool[0] != 52 &&
  13073. a[i].tool[0] != 69
  13074. ) {
  13075. if (
  13076. c.indexOf(
  13077. b[j].content
  13078. .split(".")
  13079. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  13080. ) != -1 &&
  13081. a[i].tool[0] == 16 &&
  13082. b[j].atool != 50
  13083. ) {
  13084. this.workStudent[i].push({
  13085. works: b[j].content,
  13086. sName: b[j].name,
  13087. score: b[j].score,
  13088. img: b[j].img,
  13089. type: 1,
  13090. time: b[j].time,
  13091. userid: b[j].userid,
  13092. wid: b[j].id,
  13093. });
  13094. } else if (
  13095. y.indexOf(
  13096. b[j].content
  13097. .split(".")
  13098. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  13099. ) != -1 &&
  13100. a[i].tool[0] == 16 &&
  13101. b[j].atool != 50
  13102. ) {
  13103. this.workStudent[i].push({
  13104. userid: b[j].userid,
  13105. wid: b[j].id,
  13106. works: b[j].content,
  13107. sName: b[j].name,
  13108. score: b[j].score,
  13109. img: b[j].img,
  13110. type: 3,
  13111. time: b[j].time,
  13112. });
  13113. } else if (b[j].type == 6 && b[j].atool != 50) {
  13114. this.workStudent[i].push({
  13115. userid: b[j].userid,
  13116. wid: b[j].id,
  13117. works: b[j].content,
  13118. sName: b[j].name,
  13119. score: b[j].score,
  13120. img: b[j].img,
  13121. type: 4,
  13122. time: b[j].time,
  13123. });
  13124. } else if (b[j].type == 7 && b[j].atool != 50) {
  13125. this.workStudent[i].push({
  13126. userid: b[j].userid,
  13127. wid: b[j].id,
  13128. works: b[j].content,
  13129. sName: b[j].name,
  13130. score: b[j].score,
  13131. img: b[j].img,
  13132. type: 5,
  13133. time: b[j].time,
  13134. });
  13135. } else if (b[j].type == 12 && a[i].tool[0] == b[j].atool) {
  13136. this.workStudent[i].push({
  13137. works: b[j].content,
  13138. sName: b[j].name,
  13139. score: b[j].score,
  13140. img: b[j].img,
  13141. type: 12,
  13142. time: b[j].time,
  13143. userid: b[j].userid,
  13144. wid: b[j].id,
  13145. });
  13146. } else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
  13147. this.workStudent[i].push({
  13148. works: b[j].content,
  13149. sName: b[j].name,
  13150. score: b[j].score,
  13151. img: b[j].img,
  13152. type: 0,
  13153. time: b[j].time,
  13154. userid: b[j].userid,
  13155. wid: b[j].id,
  13156. });
  13157. } else if (b[j].type == 1 && !parseInt(b[j].atool)) {
  13158. this.workStudent[i].push({
  13159. works: b[j].content,
  13160. sName: b[j].name,
  13161. score: b[j].score,
  13162. img: b[j].img,
  13163. type: 0,
  13164. time: b[j].time,
  13165. userid: b[j].userid,
  13166. wid: b[j].id,
  13167. });
  13168. }
  13169. } else if (b[j].type == 3 && a[i].tool[0] == 15) {
  13170. this.workStudent[i].push({
  13171. works: b[j].content,
  13172. sName: b[j].name,
  13173. score: b[j].score,
  13174. img: b[j].img,
  13175. type: 2,
  13176. time: b[j].time,
  13177. userid: b[j].userid,
  13178. wid: b[j].id,
  13179. });
  13180. } else if (b[j].type == 2 && a[i].tool[0] == 4) {
  13181. //问卷
  13182. this.workStudent[i].push({
  13183. works: b[j].content,
  13184. sName: b[j].name,
  13185. score: b[j].score,
  13186. img: b[j].img,
  13187. type: 2,
  13188. time: b[j].time,
  13189. userid: b[j].userid,
  13190. wid: b[j].id,
  13191. });
  13192. } else if (b[j].type == 8 && a[i].tool[0] == 45) {
  13193. //选择题
  13194. this.workStudent[i].push({
  13195. works: b[j].content,
  13196. sName: b[j].name,
  13197. score: b[j].score,
  13198. img: b[j].img,
  13199. type: 8,
  13200. time: b[j].time,
  13201. userid: b[j].userid,
  13202. wid: b[j].id,
  13203. });
  13204. } else if (b[j].type == 9 && a[i].tool[0] == 47) {
  13205. //选择题
  13206. this.workStudent[i].push({
  13207. works: b[j].content,
  13208. sName: b[j].name,
  13209. score: b[j].score,
  13210. img: b[j].img,
  13211. type: 9,
  13212. time: b[j].time,
  13213. userid: b[j].userid,
  13214. wid: b[j].id,
  13215. });
  13216. } else if (b[j].type == 10 && a[i].tool[0] == 48) {
  13217. //选择题
  13218. this.workStudent[i].push({
  13219. works: b[j].content,
  13220. sName: b[j].name,
  13221. score: b[j].score,
  13222. img: b[j].img,
  13223. type: 10,
  13224. time: b[j].time,
  13225. userid: b[j].userid,
  13226. wid: b[j].id,
  13227. });
  13228. } else if (b[j].type == 13 && a[i].tool[0] == 52) {
  13229. //选择题
  13230. this.workStudent[i].push({
  13231. works: b[j].content,
  13232. sName: b[j].name,
  13233. score: b[j].score,
  13234. img: b[j].img,
  13235. type: 13,
  13236. time: b[j].time,
  13237. userid: b[j].userid,
  13238. wid: b[j].id,
  13239. });
  13240. } else if (b[j].type == 12 && a[i].tool[0] == 32) {
  13241. //选择题
  13242. this.workStudent[i].push({
  13243. works: b[j].content,
  13244. sName: b[j].name,
  13245. score: b[j].score,
  13246. img: b[j].img,
  13247. type: 12,
  13248. time: b[j].time,
  13249. userid: b[j].userid,
  13250. wid: b[j].id,
  13251. });
  13252. } else if (b[j].type == 12 && a[i].tool[0] == 57) {
  13253. //选择题
  13254. this.workStudent[i].push({
  13255. works: b[j].content,
  13256. sName: b[j].name,
  13257. score: b[j].score,
  13258. img: b[j].img,
  13259. type: 12,
  13260. time: b[j].time,
  13261. userid: b[j].userid,
  13262. wid: b[j].id,
  13263. });
  13264. } else if (b[j].type == 15 && a[i].tool[0] == 57) {
  13265. //选择题
  13266. this.workStudent[i].push({
  13267. works: b[j].content,
  13268. sName: b[j].name,
  13269. score: b[j].score,
  13270. img: b[j].img,
  13271. type: 15,
  13272. time: b[j].time,
  13273. userid: b[j].userid,
  13274. wid: b[j].id,
  13275. });
  13276. } else if (b[j].type == 16 && a[i].tool[0] == 69) {
  13277. //英语写作
  13278. this.workStudent[i].push({
  13279. works: b[j].content,
  13280. sName: b[j].name,
  13281. score: b[j].score,
  13282. img: b[j].img,
  13283. type: 16,
  13284. time: b[j].time,
  13285. userid: b[j].userid,
  13286. wid: b[j].id,
  13287. });
  13288. }
  13289. }
  13290. }
  13291. }
  13292. })
  13293. .catch((err) => {
  13294. console.error(err);
  13295. });
  13296. },
  13297. openVideo(w) {
  13298. this.videoDetail = {};
  13299. this.playerOptions1.sources[0].src = w.works;
  13300. this.videoDetail = this.playerOptions1;
  13301. this.videoVisible = true;
  13302. },
  13303. isLikes(wid, uid, t, c, isLikes) {
  13304. if (isLikes == false) {
  13305. let params = [
  13306. {
  13307. wid: wid,
  13308. lid: uid,
  13309. t: t,
  13310. c: c,
  13311. },
  13312. ];
  13313. this.ajax
  13314. .post(this.$store.state.api + "insertComment", params)
  13315. .then((res) => {
  13316. this.$message({
  13317. message: "点赞成功",
  13318. type: "success",
  13319. });
  13320. this.selectSWorks();
  13321. this.selectStudent();
  13322. })
  13323. .catch((err) => {
  13324. this.$message.error("点赞失败");
  13325. console.error(err);
  13326. });
  13327. } else {
  13328. let params = {
  13329. wid: wid,
  13330. lid: uid,
  13331. type: t,
  13332. };
  13333. this.ajax
  13334. .get(this.$store.state.api + "deleteComment", params)
  13335. .then((res) => {
  13336. this.$message({
  13337. message: "取消点赞成功",
  13338. type: "success",
  13339. });
  13340. this.selectSWorks();
  13341. this.selectStudent();
  13342. })
  13343. .catch((err) => {
  13344. console.error(err);
  13345. });
  13346. }
  13347. },
  13348. deleteComment(wid) {
  13349. this.$confirm("确定删除此评论吗?", "提示", {
  13350. confirmButtonText: "确定",
  13351. cancelButtonText: "取消",
  13352. type: "warning",
  13353. })
  13354. .then(() => {
  13355. let params = {
  13356. id: wid,
  13357. };
  13358. this.ajax
  13359. .get(this.$store.state.api + "deleteComment2", params)
  13360. .then((res) => {
  13361. this.$message({
  13362. message: "删除评论成功",
  13363. type: "success",
  13364. });
  13365. this.selectSWorks();
  13366. this.selectStudent();
  13367. })
  13368. .catch((err) => {
  13369. console.error(err);
  13370. });
  13371. })
  13372. .catch(() => {});
  13373. },
  13374. commentOther(w, toolIndex, wIndex, gindex, gid) {
  13375. this.commentIndexJson = {
  13376. toolIndex: toolIndex,
  13377. wIndex: wIndex,
  13378. gindex: gindex,
  13379. gid: gid,
  13380. };
  13381. this.commentDetail = [];
  13382. this.commentDialogVisible = true;
  13383. this.commentDetail = w;
  13384. if (w.works && w.type == 1) {
  13385. this.pptImgUrl = "";
  13386. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  13387. if (
  13388. a.indexOf(
  13389. w.works
  13390. .split(".")
  13391. [w.works.split(".").length - 1].toLocaleUpperCase()
  13392. ) != -1
  13393. ) {
  13394. this.pptImgUrl =
  13395. "https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
  13396. this.showPDF = false;
  13397. } else if (
  13398. w.works
  13399. .split(".")
  13400. [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
  13401. ) {
  13402. this.pptImgUrl = w.works;
  13403. this.showPDF = true;
  13404. }
  13405. } else if (w.works && w.type == 3) {
  13406. this.videoDetail = {};
  13407. this.playerOptions1.sources[0].src = w.works;
  13408. this.videoDetail = this.playerOptions1;
  13409. // this.videoVisible = true;
  13410. } else if (w.works && w.type == 4) {
  13411. this.eScore = JSON.parse(w.works);
  13412. this.rateJson =
  13413. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13414. this.taskCount
  13415. ].toolChoose[toolIndex].rateJson;
  13416. } else if (w.works && w.type == 10) {
  13417. this.commentDetail.works = JSON.parse(this.commentDetail.works);
  13418. } else if (w.works && w.type == 13) {
  13419. this.wordJson =
  13420. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13421. this.taskCount
  13422. ].toolChoose[toolIndex].wordJson;
  13423. }
  13424. },
  13425. openScore(w) {
  13426. this.wScore = 0;
  13427. this.wScore = w.score ? JSON.parse(w.score).wScore : 0;
  13428. this.scoreDetail = w.score ? JSON.parse(w.score).detail : "";
  13429. this.commentDetail = [];
  13430. this.dialogVisibleScore = true;
  13431. this.commentDetail = w;
  13432. if (w.works && w.type == 1) {
  13433. this.pptImgUrl = "";
  13434. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  13435. if (
  13436. a.indexOf(
  13437. w.works
  13438. .split(".")
  13439. [w.works.split(".").length - 1].toLocaleUpperCase()
  13440. ) != -1
  13441. ) {
  13442. this.pptImgUrl =
  13443. "https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
  13444. this.showPDF = false;
  13445. } else if (
  13446. w.works
  13447. .split(".")
  13448. [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
  13449. ) {
  13450. this.pptImgUrl = w.works;
  13451. this.showPDF = true;
  13452. }
  13453. } else if (w.works && w.type == 3) {
  13454. this.videoDetail = {};
  13455. this.playerOptions1.sources[0].src = w.works;
  13456. this.videoDetail = this.playerOptions1;
  13457. }
  13458. },
  13459. addComment(wid, uid, t) {
  13460. if (this.commentText == "") {
  13461. this.$message.error("请输入评论");
  13462. return;
  13463. }
  13464. let params2 = [
  13465. {
  13466. wid: wid,
  13467. lid: uid,
  13468. t: t,
  13469. },
  13470. ];
  13471. this.ajax
  13472. .post(this.$store.state.api + "getComment", params2)
  13473. .then((res) => {
  13474. if (res.data[0].length > 0) {
  13475. this.$message.error("一个作业只能评论一条");
  13476. } else {
  13477. let params = [
  13478. {
  13479. wid: wid,
  13480. lid: uid,
  13481. t: t,
  13482. c: this.commentText,
  13483. },
  13484. ];
  13485. this.ajax
  13486. .post(this.$store.state.api + "insertComment", params)
  13487. .then((res) => {
  13488. this.$message({
  13489. message: "评论成功",
  13490. type: "success",
  13491. });
  13492. this.commentText = "";
  13493. this.selectSWorks();
  13494. this.selectStudent();
  13495. })
  13496. .catch((err) => {
  13497. this.$message.error("评论失败");
  13498. console.error(err);
  13499. });
  13500. }
  13501. })
  13502. .catch((err) => {
  13503. // this.$message.error("评论失败");
  13504. console.error(err);
  13505. });
  13506. },
  13507. scoreWork(wid) {
  13508. if (this.wScore == 0) {
  13509. this.$message.error("请评分");
  13510. return;
  13511. }
  13512. let params = [
  13513. {
  13514. wid: wid,
  13515. score: JSON.stringify({
  13516. wScore: this.wScore,
  13517. detail: this.scoreDetail,
  13518. }),
  13519. },
  13520. ];
  13521. this.ajax
  13522. .post(this.$store.state.api + "scoreWork", params)
  13523. .then((res) => {
  13524. this.$message({
  13525. message: "评分成功",
  13526. type: "success",
  13527. });
  13528. this.wScore = 0;
  13529. this.scoreDetail = "";
  13530. this.dialogVisibleScore = false;
  13531. this.selectSWorks();
  13532. this.selectStudent();
  13533. })
  13534. .catch((err) => {
  13535. this.$message.error("评分失败");
  13536. console.error(err);
  13537. });
  13538. },
  13539. openXz(w, i) {
  13540. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  13541. .taskJson[this.taskCount].toolChoose[i].selectJson
  13542. ? JSON.parse(
  13543. JSON.stringify(
  13544. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13545. this.taskCount
  13546. ].toolChoose[i].selectJson
  13547. )
  13548. )
  13549. : { url: "", select: [], answer: [] };
  13550. var a = w.works.split(",");
  13551. for (var k = 0; k < a.length; k++) {
  13552. a[k] = parseInt(a[k]);
  13553. }
  13554. this.selectAnswer = { answer: a, stu: w.sName };
  13555. this.isSelect = true;
  13556. this.dialogVisibleSelect = true;
  13557. },
  13558. openSen(w, i) {
  13559. this.sentenceList1 = JSON.parse(w.works);
  13560. this.sentenceList1.stuName = w.sName;
  13561. this.dialogVisibleSentence1 = true;
  13562. },
  13563. openPj(w, toolindex) {
  13564. this.isStar = true;
  13565. this.eScore = JSON.parse(w);
  13566. this.rateJson =
  13567. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13568. this.taskCount
  13569. ].toolChoose[toolindex].rateJson;
  13570. this.studentEvalDialogVisible = true;
  13571. },
  13572. openEnglishEva(id,i){
  13573. let params = {
  13574. wid: id
  13575. };
  13576. this.ajax
  13577. .get(this.$store.state.api + "selectEngWork", params)
  13578. .then((res) => {
  13579. this.evaEngJson.message = res.data[0][0];
  13580. this.evaEngJson.studentJson = JSON.parse(res.data[0][0].content);
  13581. this.evaEngJson.teacherJson = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
  13582. .toolChoose[i].englishList;
  13583. this.engEvaDialogVisible = true;
  13584. })
  13585. .catch((err) => {
  13586. console.error(err);
  13587. });
  13588. },
  13589. deleteWorks(id) {
  13590. this.$confirm("确定删除此作业吗?", "提示", {
  13591. confirmButtonText: "确定",
  13592. cancelButtonText: "取消",
  13593. type: "warning",
  13594. })
  13595. .then(() => {
  13596. let params = [
  13597. {
  13598. id: id,
  13599. },
  13600. ];
  13601. this.ajax
  13602. .post(this.$store.state.api + "deleteCourseWork", params)
  13603. .then((res) => {
  13604. this.$message({
  13605. message: "删除成功",
  13606. type: "success",
  13607. });
  13608. this.selectStudent();
  13609. this.selectSWorks();
  13610. this.selectSLook();
  13611. })
  13612. .catch((err) => {
  13613. this.$message.error("网络异常");
  13614. console.error(err);
  13615. });
  13616. })
  13617. .catch(() => {});
  13618. },
  13619. selectSWorks(gindex) {
  13620. //教师查看全部作业
  13621. let params = {
  13622. cid: this.id,
  13623. s: this.courseType,
  13624. t: this.taskCount,
  13625. };
  13626. this.ajax
  13627. .get(this.$store.state.api + "selectSWorks", params)
  13628. .then((res) => {
  13629. var a =
  13630. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13631. this.taskCount
  13632. ].toolChoose;
  13633. var b = res.data[0];
  13634. var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  13635. var y = [
  13636. "AVI",
  13637. "NAVI",
  13638. "MPEG",
  13639. "ASF",
  13640. "MOV",
  13641. "WMV",
  13642. "3GP",
  13643. "RM",
  13644. "RMVB",
  13645. "FLV",
  13646. "F4V",
  13647. "H.264",
  13648. "H.265",
  13649. "REAL VIDEO",
  13650. "MKV",
  13651. "WebM",
  13652. "HDDVD",
  13653. "MP4",
  13654. "MPG",
  13655. "M4V",
  13656. "MGV",
  13657. "OGV",
  13658. "QTM",
  13659. "STR",
  13660. "AMC",
  13661. "DVX",
  13662. "EVO",
  13663. "DAT",
  13664. "OGG",
  13665. "OGM",
  13666. ];
  13667. var d = res.data[1];
  13668. var e = res.data[2];
  13669. var f = res.data[3];
  13670. let _worksStudent = [];
  13671. var _worksStudent2 = [];
  13672. for (var i = 0; i < a.length; i++) {
  13673. _worksStudent[i] = [];
  13674. _worksStudent2[i] = [];
  13675. if (
  13676. !this.isCloseList[i] ||
  13677. this.isCloseList[i].isClose == undefined
  13678. ) {
  13679. this.isCloseList[i] = { isClose: 0 };
  13680. }
  13681. this.groupStudent[i] = [];
  13682. this.groupStudentUid[i] = [];
  13683. if (this.isGroup) {
  13684. for (
  13685. var groupI = 0;
  13686. groupI < this.courseGroup.group.length;
  13687. groupI++
  13688. ) {
  13689. this.courseGroup.group[groupI].works[i] = [];
  13690. }
  13691. }
  13692. this.isWorksS[i] = [];
  13693. this.checkJson[i] = [];
  13694. if (a[i].tool[0] == 49) {
  13695. for (var gA = 0; gA < a[i].groupJson.group.length; gA++) {
  13696. this.groupStudent[i][gA] = [];
  13697. this.groupStudentUid[i][gA] = [];
  13698. _worksStudent[i][gA] = [];
  13699. _worksStudent2[i][gA] = [];
  13700. this.isCloseList[i][gA] = [];
  13701. for (var g = 0; g < f.length; g++) {
  13702. if (
  13703. f[g].ttype == 2 &&
  13704. this.tcid &&
  13705. this.arrayToArray(
  13706. f[g].classid.split(","),
  13707. this.tcid.split(",")
  13708. ).length == 0
  13709. ) {
  13710. continue;
  13711. }
  13712. if (gA == f[g].group && f[g].tool == i) {
  13713. this.groupStudent[i][gA].push(f[g]);
  13714. this.groupStudentUid[i][gA].push(f[g].userid);
  13715. }
  13716. }
  13717. }
  13718. this.$forceUpdate();
  13719. }
  13720. for (var j = 0; j < b.length; j++) {
  13721. if (
  13722. b[j].ttype == 2 &&
  13723. this.tcid &&
  13724. this.arrayToArray(b[j].classid.split(","), this.tcid.split(","))
  13725. .length == 0
  13726. ) {
  13727. continue;
  13728. }
  13729. var likesCount = 0;
  13730. var commentCount = 0;
  13731. var isLikes = false;
  13732. var commentJson = [];
  13733. var data = b[j];
  13734. if (i == b[j].tool) {
  13735. if (data.type == 2 && a[i].tool[0] == 4) {
  13736. // if(JSON.parse(data.content)[0].anwer){
  13737. var checkL =
  13738. JSON.parse(data.content)[0].anwer instanceof Array
  13739. ? JSON.parse(data.content)[0].anwer
  13740. : JSON.parse(data.content)[0].anwer.split(",");
  13741. for (var z = 0; z < checkL.length; z++) {
  13742. if (!this.checkJson[i][z]) {
  13743. this.checkJson[i].push({
  13744. checkCount: [],
  13745. checkPerson: [],
  13746. rightPerson: [],
  13747. });
  13748. }
  13749. if (!this.checkJson[i][z].checkCount.length) {
  13750. this.checkJson[i][z].checkCount = [];
  13751. let _askItemCount = JSON.parse(data.content)[0].askJson
  13752. .askJson[z].askItem;
  13753. for (var aic = 0; aic < _askItemCount; aic++) {
  13754. this.checkJson[i][z].checkCount.push(0);
  13755. }
  13756. }
  13757. if (checkL[z] instanceof Array) {
  13758. if (
  13759. JSON.parse(data.content)[0].anwer.sort().join(",") ==
  13760. checkL[z].sort().join(",")
  13761. ) {
  13762. this.checkJson[i][z].rightPerson.push(data.name);
  13763. }
  13764. for (var q = 0; q < checkL[z].length; q++) {
  13765. this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
  13766. ? this.checkJson[i][z].checkPerson[
  13767. parseInt(checkL[z][q])
  13768. ].push(data.name)
  13769. : (this.checkJson[i][z].checkPerson[
  13770. parseInt(checkL[z][q])
  13771. ] = [data.name]);
  13772. this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
  13773. ? this.checkJson[i][z].checkCount[
  13774. parseInt(checkL[z][q])
  13775. ]++
  13776. : (this.checkJson[i][z].checkCount[
  13777. parseInt(checkL[z][q])
  13778. ] = 1);
  13779. }
  13780. } else {
  13781. if (JSON.parse(data.content)[0].anwer[z] == checkL[z]) {
  13782. this.checkJson[i][z].rightPerson.push(data.name);
  13783. }
  13784. if (parseInt(checkL[z]) || parseInt(checkL[z]) == 0) {
  13785. this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
  13786. ? this.checkJson[i][z].checkPerson[
  13787. parseInt(checkL[z])
  13788. ].push(data.name)
  13789. : (this.checkJson[i][z].checkPerson[
  13790. parseInt(checkL[z])
  13791. ] = [data.name]);
  13792. this.checkJson[i][z].checkCount[parseInt(checkL[z])]
  13793. ? this.checkJson[i][z].checkCount[
  13794. parseInt(checkL[z])
  13795. ]++
  13796. : (this.checkJson[i][z].checkCount[
  13797. parseInt(checkL[z])
  13798. ] = 1);
  13799. }
  13800. }
  13801. }
  13802. } else if (data.type == 8 && a[i].tool[0] == 45) {
  13803. var checkL = JSON.parse(data.content)[0].anwer;
  13804. for (var z = 0; z < checkL.length; z++) {
  13805. if (!this.checkJson[i][z]) {
  13806. this.checkJson[i].push({
  13807. checkCount: [],
  13808. checkPerson: [],
  13809. rightPerson: [],
  13810. });
  13811. }
  13812. if (!this.checkJson[i][z].checkCount.length) {
  13813. this.checkJson[i][z].checkCount = [];
  13814. let _askItemCount = JSON.parse(data.content)[0].testJson
  13815. .testJson[z].testItem;
  13816. for (var aic = 0; aic < _askItemCount; aic++) {
  13817. this.checkJson[i][z].checkCount.push(0);
  13818. }
  13819. }
  13820. if (checkL[z] instanceof Array) {
  13821. if (
  13822. JSON.parse(data.content)[0]
  13823. .testJson.testJson[z].answer.sort()
  13824. .join(",") == checkL[z].sort().join(",")
  13825. ) {
  13826. this.checkJson[i][z].rightPerson.push(data.name);
  13827. }
  13828. for (var q = 0; q < checkL[z].length; q++) {
  13829. this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
  13830. ? this.checkJson[i][z].checkPerson[
  13831. parseInt(checkL[z][q])
  13832. ].push(data.name)
  13833. : (this.checkJson[i][z].checkPerson[
  13834. parseInt(checkL[z][q])
  13835. ] = [data.name]);
  13836. this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
  13837. ? this.checkJson[i][z].checkCount[
  13838. parseInt(checkL[z][q])
  13839. ]++
  13840. : (this.checkJson[i][z].checkCount[
  13841. parseInt(checkL[z][q])
  13842. ] = 1);
  13843. }
  13844. } else {
  13845. if (
  13846. JSON.parse(data.content)[0].testJson.testJson[z]
  13847. .answer == checkL[z]
  13848. ) {
  13849. this.checkJson[i][z].rightPerson.push(data.name);
  13850. }
  13851. if (parseInt(checkL[z]) || parseInt(checkL[z]) == 0) {
  13852. this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
  13853. ? this.checkJson[i][z].checkPerson[
  13854. parseInt(checkL[z])
  13855. ].push(data.name)
  13856. : (this.checkJson[i][z].checkPerson[
  13857. parseInt(checkL[z])
  13858. ] = [data.name]);
  13859. this.checkJson[i][z].checkCount[parseInt(checkL[z])]
  13860. ? this.checkJson[i][z].checkCount[
  13861. parseInt(checkL[z])
  13862. ]++
  13863. : (this.checkJson[i][z].checkCount[
  13864. parseInt(checkL[z])
  13865. ] = 1);
  13866. }
  13867. }
  13868. }
  13869. } else if (data.type == 9 && a[i].tool[0] == 47) {
  13870. var checkL = JSON.parse(data.content);
  13871. for (var z = 0; z < checkL.length; z++) {
  13872. if (!this.checkJson[i][z]) {
  13873. this.checkJson[i].push({
  13874. checkCount: [],
  13875. checkPerson: [],
  13876. rightPerson: [],
  13877. });
  13878. }
  13879. this.checkJson[i][z].checkPerson.push(data.name);
  13880. if (
  13881. checkL[z].chooseSenList.toString() ==
  13882. checkL[z].rightAnswer.toString()
  13883. ) {
  13884. this.checkJson[i][z].rightPerson.push(data.name);
  13885. }
  13886. }
  13887. }
  13888. for (var k = 0; k < d.length; k++) {
  13889. //点赞
  13890. if (d[k].workId == b[j].id) {
  13891. likesCount++;
  13892. if (d[k].likesId == this.userid) {
  13893. isLikes = true;
  13894. }
  13895. }
  13896. }
  13897. for (var l = 0; l < e.length; l++) {
  13898. //评论
  13899. if (e[l].workId == b[j].id) {
  13900. if (e[l].comment != "") {
  13901. commentCount++;
  13902. commentJson.push({
  13903. commentText: e[l].comment,
  13904. commentTime: e[l].commentTime,
  13905. commentPeople: e[l].commentPeople,
  13906. userid: e[l].userid,
  13907. wid: e[l].id,
  13908. });
  13909. }
  13910. }
  13911. }
  13912. if (
  13913. (b[j].type == 1 ||
  13914. b[j].type == 4 ||
  13915. b[j].type == 5 ||
  13916. b[j].type == 6 ||
  13917. b[j].type == 12 ||
  13918. b[j].type == 7) &&
  13919. a[i].tool[0] != 15 &&
  13920. a[i].tool[0] != 4 &&
  13921. a[i].tool[0] != 45 &&
  13922. a[i].tool[0] != 50 &&
  13923. a[i].tool[0] != 32 &&
  13924. a[i].tool[0] != 57 &&
  13925. a[i].tool[0] != 52
  13926. ) {
  13927. if (
  13928. c.indexOf(
  13929. b[j].content
  13930. .split(".")
  13931. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  13932. ) != -1 &&
  13933. a[i].tool[0] == 16 &&
  13934. b[j].atool != 50
  13935. ) {
  13936. let _works = {
  13937. userid: b[j].userid,
  13938. ateacher: b[j].ateacher,
  13939. wid: b[j].id,
  13940. works: b[j].content,
  13941. sName: b[j].name,
  13942. type: 1,
  13943. time: b[j].time,
  13944. score: b[j].score,
  13945. img: b[j].img,
  13946. likesCount: likesCount,
  13947. commentCount: commentCount,
  13948. isLikes: isLikes,
  13949. commentJson: commentJson,
  13950. };
  13951. if (this.isGroup) {
  13952. let isGw = 1;
  13953. for (
  13954. var groupI = 0;
  13955. groupI < this.courseGroup.group.length;
  13956. groupI++
  13957. ) {
  13958. let gid = this.courseGroup.group[groupI].id;
  13959. if (
  13960. this.courseGroupStudentUid[gid].indexOf(
  13961. b[j].userid
  13962. ) != -1
  13963. ) {
  13964. isGw = 2;
  13965. this.courseGroup.group[groupI].works[i].push(_works);
  13966. break;
  13967. }
  13968. }
  13969. if (isGw == 1) {
  13970. _worksStudent[i].push(_works);
  13971. }
  13972. } else {
  13973. _worksStudent[i].push(_works);
  13974. }
  13975. _worksStudent2[i].push(_works);
  13976. this.isWorksS[i].push({
  13977. uid: b[j].userid,
  13978. sName: b[j].name,
  13979. });
  13980. } else if (
  13981. y.indexOf(
  13982. b[j].content
  13983. .split(".")
  13984. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  13985. ) != -1 &&
  13986. a[i].tool[0] == 16 &&
  13987. b[j].atool != 50
  13988. ) {
  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: 3,
  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 == 6 && b[j].atool != 50) {
  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: 4,
  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. _worksStudent[i].push(_works);
  14050. _worksStudent2[i].push(_works);
  14051. this.isWorksS[i].push({
  14052. uid: b[j].userid,
  14053. sName: b[j].name,
  14054. });
  14055. } else if (b[j].type == 7 && b[j].atool != 50) {
  14056. let _work = {
  14057. userid: b[j].userid,
  14058. ateacher: b[j].ateacher,
  14059. wid: b[j].id,
  14060. works: b[j].content,
  14061. sName: b[j].name,
  14062. type: 5,
  14063. time: b[j].time,
  14064. score: b[j].score,
  14065. img: b[j].img,
  14066. likesCount: likesCount,
  14067. commentCount: commentCount,
  14068. isLikes: isLikes,
  14069. commentJson: commentJson,
  14070. };
  14071. _worksStudent[i].push(_work);
  14072. _worksStudent2[i].push(_work);
  14073. this.isWorksS[i].push({
  14074. uid: b[j].userid,
  14075. sName: b[j].name,
  14076. });
  14077. } else if (b[j].type == 12 && a[i].tool[0] == b[j].atool) {
  14078. let _works = {
  14079. userid: b[j].userid,
  14080. ateacher: b[j].ateacher,
  14081. wid: b[j].id,
  14082. works: b[j].content,
  14083. sName: b[j].name,
  14084. type: 12,
  14085. time: b[j].time,
  14086. score: b[j].score,
  14087. img: b[j].img,
  14088. likesCount: likesCount,
  14089. commentCount: commentCount,
  14090. isLikes: isLikes,
  14091. commentJson: commentJson,
  14092. };
  14093. if (this.isGroup) {
  14094. let isGw = 1;
  14095. for (
  14096. var groupI = 0;
  14097. groupI < this.courseGroup.group.length;
  14098. groupI++
  14099. ) {
  14100. let gid = this.courseGroup.group[groupI].id;
  14101. if (
  14102. this.courseGroupStudentUid[gid].indexOf(
  14103. b[j].userid
  14104. ) != -1
  14105. ) {
  14106. isGw = 2;
  14107. this.courseGroup.group[groupI].works[i].push(_works);
  14108. break;
  14109. }
  14110. }
  14111. if (isGw == 1) {
  14112. _worksStudent[i].push(_works);
  14113. }
  14114. } else {
  14115. _worksStudent[i].push(_works);
  14116. }
  14117. _worksStudent2[i].push(_works);
  14118. this.isWorksS[i].push({
  14119. uid: b[j].userid,
  14120. sName: b[j].name,
  14121. });
  14122. } else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
  14123. let _works = {
  14124. userid: b[j].userid,
  14125. ateacher: b[j].ateacher,
  14126. wid: b[j].id,
  14127. works: b[j].content,
  14128. sName: b[j].name,
  14129. type: 0,
  14130. time: b[j].time,
  14131. score: b[j].score,
  14132. img: b[j].img,
  14133. likesCount: likesCount,
  14134. commentCount: commentCount,
  14135. isLikes: isLikes,
  14136. commentJson: commentJson,
  14137. };
  14138. if (this.isGroup) {
  14139. let isGw = 1;
  14140. for (
  14141. var groupI = 0;
  14142. groupI < this.courseGroup.group.length;
  14143. groupI++
  14144. ) {
  14145. let gid = this.courseGroup.group[groupI].id;
  14146. if (
  14147. this.courseGroupStudentUid[gid].indexOf(
  14148. b[j].userid
  14149. ) != -1
  14150. ) {
  14151. isGw = 2;
  14152. this.courseGroup.group[groupI].works[i].push(_works);
  14153. break;
  14154. }
  14155. }
  14156. if (isGw == 1) {
  14157. _worksStudent[i].push(_works);
  14158. }
  14159. } else {
  14160. _worksStudent[i].push(_works);
  14161. }
  14162. _worksStudent2[i].push(_works);
  14163. this.isWorksS[i].push({
  14164. uid: b[j].userid,
  14165. sName: b[j].name,
  14166. });
  14167. } else if (b[j].type == 1 && !parseInt(b[j].atool)) {
  14168. let _works = {
  14169. userid: b[j].userid,
  14170. ateacher: b[j].ateacher,
  14171. wid: b[j].id,
  14172. works: b[j].content,
  14173. sName: b[j].name,
  14174. type: 0,
  14175. time: b[j].time,
  14176. score: b[j].score,
  14177. img: b[j].img,
  14178. likesCount: likesCount,
  14179. commentCount: commentCount,
  14180. isLikes: isLikes,
  14181. commentJson: commentJson,
  14182. };
  14183. if (this.isGroup) {
  14184. let isGw = 1;
  14185. for (
  14186. var groupI = 0;
  14187. groupI < this.courseGroup.group.length;
  14188. groupI++
  14189. ) {
  14190. let gid = this.courseGroup.group[groupI].id;
  14191. if (
  14192. this.courseGroupStudentUid[gid].indexOf(
  14193. b[j].userid
  14194. ) != -1
  14195. ) {
  14196. isGw = 2;
  14197. this.courseGroup.group[groupI].works[i].push(_works);
  14198. break;
  14199. }
  14200. }
  14201. if (isGw == 1) {
  14202. _worksStudent[i].push(_works);
  14203. }
  14204. } else {
  14205. _worksStudent[i].push(_works);
  14206. }
  14207. _worksStudent2[i].push(_works);
  14208. this.isWorksS[i].push({
  14209. uid: b[j].userid,
  14210. sName: b[j].name,
  14211. });
  14212. }
  14213. } else if (b[j].type == 3 && a[i].tool[0] == 15) {
  14214. let _works = {
  14215. userid: b[j].userid,
  14216. ateacher: b[j].ateacher,
  14217. wid: b[j].id,
  14218. works: b[j].content,
  14219. sName: b[j].name,
  14220. type: 2,
  14221. time: b[j].time,
  14222. score: b[j].score,
  14223. img: b[j].img,
  14224. likesCount: likesCount,
  14225. commentCount: commentCount,
  14226. isLikes: isLikes,
  14227. commentJson: commentJson,
  14228. };
  14229. if (this.isGroup) {
  14230. let isGw = 1;
  14231. for (
  14232. var groupI = 0;
  14233. groupI < this.courseGroup.group.length;
  14234. groupI++
  14235. ) {
  14236. let gid = this.courseGroup.group[groupI].id;
  14237. if (
  14238. this.courseGroupStudentUid[gid].indexOf(b[j].userid) !=
  14239. -1
  14240. ) {
  14241. isGw = 2;
  14242. this.courseGroup.group[groupI].works[i].push(_works);
  14243. break;
  14244. }
  14245. }
  14246. if (isGw == 1) {
  14247. _worksStudent[i].push(_works);
  14248. }
  14249. } else {
  14250. _worksStudent[i].push(_works);
  14251. }
  14252. _worksStudent2[i].push(_works);
  14253. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14254. } else if (b[j].type == 2 && a[i].tool[0] == 4) {
  14255. //问卷
  14256. let _work = {
  14257. userid: b[j].userid,
  14258. ateacher: b[j].ateacher,
  14259. wid: b[j].id,
  14260. works: b[j].content,
  14261. sName: b[j].name,
  14262. type: 2,
  14263. time: b[j].time,
  14264. score: b[j].score,
  14265. img: b[j].img,
  14266. likesCount: likesCount,
  14267. commentCount: commentCount,
  14268. isLikes: isLikes,
  14269. commentJson: commentJson,
  14270. };
  14271. _worksStudent[i].push(_work);
  14272. _worksStudent2[i].push(_work);
  14273. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14274. } else if (b[j].type == 8 && a[i].tool[0] == 45) {
  14275. //选择题
  14276. let _work = {
  14277. userid: b[j].userid,
  14278. ateacher: b[j].ateacher,
  14279. wid: b[j].id,
  14280. works: b[j].content,
  14281. sName: b[j].name,
  14282. type: 8,
  14283. time: b[j].time,
  14284. score: b[j].score,
  14285. img: b[j].img,
  14286. likesCount: likesCount,
  14287. commentCount: commentCount,
  14288. isLikes: isLikes,
  14289. commentJson: commentJson,
  14290. };
  14291. _worksStudent[i].push(_work);
  14292. _worksStudent2[i].push(_work);
  14293. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14294. } else if (b[j].type == 9 && a[i].tool[0] == 47) {
  14295. //选择题
  14296. let _work = {
  14297. userid: b[j].userid,
  14298. ateacher: b[j].ateacher,
  14299. wid: b[j].id,
  14300. works: b[j].content,
  14301. sName: b[j].name,
  14302. type: 9,
  14303. time: b[j].time,
  14304. score: b[j].score,
  14305. img: b[j].img,
  14306. likesCount: likesCount,
  14307. commentCount: commentCount,
  14308. isLikes: isLikes,
  14309. commentJson: commentJson,
  14310. };
  14311. _worksStudent[i].push(_work);
  14312. _worksStudent2[i].push(_work);
  14313. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14314. } else if (b[j].type == 10 && a[i].tool[0] == 48) {
  14315. //选择题
  14316. let _work = {
  14317. userid: b[j].userid,
  14318. ateacher: b[j].ateacher,
  14319. wid: b[j].id,
  14320. works: b[j].content,
  14321. sName: b[j].name,
  14322. type: 10,
  14323. time: b[j].time,
  14324. score: b[j].score,
  14325. img: b[j].img,
  14326. likesCount: likesCount,
  14327. commentCount: commentCount,
  14328. isLikes: isLikes,
  14329. commentJson: commentJson,
  14330. };
  14331. _worksStudent[i].push(_work);
  14332. _worksStudent2[i].push(_work);
  14333. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14334. } else if (b[j].type == 13 && a[i].tool[0] == 52) {
  14335. //选择题
  14336. let _work = {
  14337. userid: b[j].userid,
  14338. ateacher: b[j].ateacher,
  14339. wid: b[j].id,
  14340. works: b[j].content,
  14341. sName: b[j].name,
  14342. type: 13,
  14343. time: b[j].time,
  14344. score: b[j].score,
  14345. img: b[j].img,
  14346. likesCount: likesCount,
  14347. commentCount: commentCount,
  14348. isLikes: isLikes,
  14349. commentJson: commentJson,
  14350. };
  14351. _worksStudent[i].push(_work);
  14352. _worksStudent2[i].push(_work);
  14353. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14354. } else if (b[j].type == 16 && a[i].tool[0] == 69) {
  14355. //选择题
  14356. let _work = {
  14357. userid: b[j].userid,
  14358. ateacher: b[j].ateacher,
  14359. wid: b[j].id,
  14360. works: b[j].content,
  14361. sName: b[j].name,
  14362. type: 16,
  14363. time: b[j].time,
  14364. score: b[j].score,
  14365. img: b[j].img,
  14366. likesCount: likesCount,
  14367. commentCount: commentCount,
  14368. isLikes: isLikes,
  14369. commentJson: commentJson,
  14370. };
  14371. _worksStudent[i].push(_work);
  14372. _worksStudent2[i].push(_work);
  14373. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14374. } else if (b[j].type == 11 && a[i].tool[0] == 49) {
  14375. let _gindex = JSON.parse(b[j].content);
  14376. if (
  14377. this.groupStudentUid[i][_gindex.groupIndex].indexOf(
  14378. b[j].userid
  14379. ) != -1
  14380. ) {
  14381. let _work = {
  14382. userid: b[j].userid,
  14383. ateacher: b[j].ateacher,
  14384. wid: b[j].id,
  14385. works: _gindex.url,
  14386. sName: b[j].name,
  14387. type: _gindex.type,
  14388. time: b[j].time,
  14389. score: b[j].score,
  14390. img: b[j].img,
  14391. likesCount: likesCount,
  14392. commentCount: commentCount,
  14393. isLikes: isLikes,
  14394. commentJson: commentJson,
  14395. };
  14396. _worksStudent[i][_gindex.groupIndex].push(_work);
  14397. _worksStudent2[i][_gindex.groupIndex].push(_work);
  14398. }
  14399. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14400. } else if (a[i].tool[0] == 50 && b[j].atool == 50) {
  14401. let _work = {
  14402. userid: b[j].userid,
  14403. ateacher: b[j].ateacher,
  14404. wid: b[j].id,
  14405. works: b[j].content,
  14406. sName: b[j].name ? b[j].name : b[j].userid,
  14407. type: b[j].type == 1 ? 0 : b[j].type == 4 ? 1 : 3,
  14408. time: b[j].time,
  14409. score: b[j].score,
  14410. img: b[j].img,
  14411. likesCount: likesCount,
  14412. commentCount: commentCount,
  14413. isLikes: isLikes,
  14414. commentJson: commentJson,
  14415. };
  14416. _worksStudent[i].push(_work);
  14417. _worksStudent2[i].push(_work);
  14418. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14419. } else if (a[i].tool[0] == 32 && b[j].atool == 32) {
  14420. let _work = {
  14421. userid: b[j].userid,
  14422. ateacher: b[j].ateacher,
  14423. wid: b[j].id,
  14424. works: b[j].content,
  14425. sName: b[j].name ? b[j].name : b[j].userid,
  14426. type: 12,
  14427. time: b[j].time,
  14428. score: b[j].score,
  14429. img: b[j].img,
  14430. likesCount: likesCount,
  14431. commentCount: commentCount,
  14432. isLikes: isLikes,
  14433. commentJson: commentJson,
  14434. };
  14435. _worksStudent[i].push(_work);
  14436. _worksStudent2[i].push(_work);
  14437. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14438. } else if (
  14439. a[i].tool[0] == 57 &&
  14440. b[j].atool == 57 &&
  14441. b[j].type == 12
  14442. ) {
  14443. let _work = {
  14444. userid: b[j].userid,
  14445. ateacher: b[j].ateacher,
  14446. wid: b[j].id,
  14447. works: b[j].content,
  14448. sName: b[j].name ? b[j].name : b[j].userid,
  14449. type: 12,
  14450. time: b[j].time,
  14451. score: b[j].score,
  14452. img: b[j].img,
  14453. likesCount: likesCount,
  14454. commentCount: commentCount,
  14455. isLikes: isLikes,
  14456. commentJson: commentJson,
  14457. };
  14458. _worksStudent[i].push(_work);
  14459. _worksStudent2[i].push(_work);
  14460. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14461. } else if (
  14462. a[i].tool[0] == 57 &&
  14463. b[j].atool == 57 &&
  14464. b[j].type == 15
  14465. ) {
  14466. let _work = {
  14467. userid: b[j].userid,
  14468. ateacher: b[j].ateacher,
  14469. wid: b[j].id,
  14470. works: b[j].content,
  14471. sName: b[j].name ? b[j].name : b[j].userid,
  14472. type: 15,
  14473. time: b[j].time,
  14474. score: b[j].score,
  14475. img: b[j].img,
  14476. likesCount: likesCount,
  14477. commentCount: commentCount,
  14478. isLikes: isLikes,
  14479. commentJson: commentJson,
  14480. };
  14481. _worksStudent[i].push(_work);
  14482. _worksStudent2[i].push(_work);
  14483. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14484. }
  14485. }
  14486. }
  14487. if (_worksStudent[i] && _worksStudent[i].length) {
  14488. _worksStudent[i] = _worksStudent[i].sort(function (a, b) {
  14489. let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
  14490. let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
  14491. var scoreA = parseFloat(jscoreA);
  14492. var scoreB = parseFloat(jscoreB);
  14493. if (scoreA == scoreB) {
  14494. return b.likesCount - a.likesCount;
  14495. }
  14496. return scoreB - scoreA;
  14497. });
  14498. if (this.isGroup) {
  14499. for (
  14500. var groupI = 0;
  14501. groupI < this.courseGroup.group.length;
  14502. groupI++
  14503. ) {
  14504. this.courseGroup.group[groupI].works[i] =
  14505. this.courseGroup.group[groupI].works[i].sort(function (
  14506. a,
  14507. b
  14508. ) {
  14509. let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
  14510. let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
  14511. var scoreA = parseFloat(jscoreA);
  14512. var scoreB = parseFloat(jscoreB);
  14513. if (scoreA == scoreB) {
  14514. return b.likesCount - a.likesCount;
  14515. }
  14516. return scoreB - scoreA;
  14517. });
  14518. }
  14519. }
  14520. }
  14521. }
  14522. this.timeWorkList = _worksStudent2;
  14523. for (var i = 0; i < a.length; i++) {
  14524. for (var j = 0; j < b.length; j++) {
  14525. var data = b[j];
  14526. if (i == b[j].tool) {
  14527. if (data.type == 2 || data.type == 8) {
  14528. for (var z = 0; z < this.checkJson[i].length; z++) {
  14529. this.checkJson[i][z].checkPerent = [];
  14530. this.checkJson[i][z].right = Math.round(
  14531. (this.checkJson[i][z].rightPerson.length /
  14532. parseInt(_worksStudent[i].length)) *
  14533. 100
  14534. );
  14535. let aaaa = this.checkJson[i][z];
  14536. for (
  14537. var k = 0;
  14538. k < this.checkJson[i][z].checkCount.length;
  14539. k++
  14540. ) {
  14541. this.checkJson[i][z].checkPerent.push(
  14542. Math.round(
  14543. (this.checkJson[i][z].checkCount[k] /
  14544. parseInt(_worksStudent[i].length)) *
  14545. 100
  14546. )
  14547. );
  14548. }
  14549. }
  14550. } else if (data.type == 9) {
  14551. for (var z = 0; z < this.checkJson[i].length; z++) {
  14552. this.checkJson[i][z].checkPerent = [];
  14553. this.checkJson[i][z].right = Math.round(
  14554. (this.checkJson[i][z].rightPerson.length /
  14555. this.checkJson[i][z].checkPerson.length) *
  14556. 100
  14557. );
  14558. }
  14559. }
  14560. }
  14561. }
  14562. }
  14563. if (this.dialogVisibleGroup && (gindex || gindex === 0)) {
  14564. this.joinGroup(gindex);
  14565. }
  14566. this.worksStudent = _worksStudent;
  14567. this.selectWorksStudent();
  14568. })
  14569. .catch((err) => {
  14570. console.error(err);
  14571. });
  14572. },
  14573. pngToWhiteBg(file) {
  14574. const _file = file;
  14575. let read = new FileReader();
  14576. read.readAsDataURL(file); // 文件转base64
  14577. return new Promise((resolve, reject) => {
  14578. read.onload = (e) => {
  14579. let img = new Image();
  14580. img.src = e.target.result;
  14581. img.onload = async () => {
  14582. // 生成canvas
  14583. let canvas = document.createElement("canvas");
  14584. let context = canvas.getContext("2d");
  14585. // 绘制图片到canvas上
  14586. canvas.width = img.width;
  14587. canvas.height = img.height;
  14588. // 在canvas绘制前填充白色背景
  14589. context.fillStyle = "#fff";
  14590. context.fillRect(0, 0, canvas.width, canvas.height);
  14591. context.drawImage(img, 0, 0);
  14592. let base64 = canvas.toDataURL(file["type"], 1);
  14593. let newFile = this.dataUrlToFile(base64, _file);
  14594. resolve(newFile);
  14595. };
  14596. };
  14597. });
  14598. },
  14599. dataUrlToFile(dataurl, file) {
  14600. let arr = dataurl.split(","),
  14601. mime = arr[0].match(/:(.*?);/)[1],
  14602. bstr = atob(arr[1]),
  14603. n = bstr.length,
  14604. u8arr = new Uint8Array(n);
  14605. while (n--) {
  14606. u8arr[n] = bstr.charCodeAt(n);
  14607. }
  14608. // return new Blob([u8arr], { type: mime });
  14609. return new File([new Blob([u8arr], { type: mime })], file.name, {
  14610. type: mime,
  14611. });
  14612. },
  14613. async beforeUpload1(event, type, i) {
  14614. // this.$message.success('进入上传')
  14615. var file = "";
  14616. if (type == 5) {
  14617. file = event;
  14618. } else {
  14619. file = event.target.files[0];
  14620. }
  14621. var credentials = {
  14622. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  14623. secretAccessKey: "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",
  14624. }; //秘钥形式的登录上传
  14625. window.AWS.config.update(credentials);
  14626. window.AWS.config.region = "cn-northwest-1"; //设置区域
  14627. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  14628. var _this = this;
  14629. _this.progress = 0;
  14630. _this.proVisible = true;
  14631. _this.isFinishSize = 0;
  14632. _this.isAllSize = (file.size / 1024 / 1024).toFixed(2);
  14633. var b = [
  14634. "DOC",
  14635. "DOCX",
  14636. "DOCM",
  14637. "DOTM",
  14638. "DOTX",
  14639. "PPTX",
  14640. "PPSX",
  14641. "PPT",
  14642. "PPS",
  14643. "PPTM",
  14644. "POTM",
  14645. "PPAM",
  14646. "POTX",
  14647. "PPSM",
  14648. ];
  14649. var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
  14650. var photoA = [
  14651. "BMP",
  14652. "GIF",
  14653. "PNG",
  14654. "JPGE",
  14655. "JPEG",
  14656. "JPG",
  14657. "TIF",
  14658. "PCX",
  14659. "TGA",
  14660. "EXIF",
  14661. "FPX",
  14662. "SVG",
  14663. "APNG",
  14664. ];
  14665. // if (
  14666. // b.indexOf(
  14667. // file.name
  14668. // .split(".")
  14669. // [file.name.split(".").length - 1].toLocaleUpperCase()
  14670. // ) != -1
  14671. // ) {
  14672. // if (file.size / 1024 / 1024 > 10) {
  14673. // this.$message.error("上传文件大于10兆,请重新选择文件!");
  14674. // return;
  14675. // }
  14676. // } else if (
  14677. // excelA.indexOf(
  14678. // file.name
  14679. // .split(".")
  14680. // [file.name.split(".").length - 1].toLocaleUpperCase()
  14681. // ) != "-1"
  14682. // ) {
  14683. // if (file.size / 1024 / 1024 > 5) {
  14684. // this.$message.error("添加成上传文件大于5兆,请重新选择文件!");
  14685. // return;
  14686. // }
  14687. // }
  14688. if (
  14689. photoA.indexOf(
  14690. file.name
  14691. .split(".")
  14692. [file.name.split(".").length - 1].toLocaleUpperCase()
  14693. ) != -1 &&
  14694. type != 4
  14695. ) {
  14696. // const blob = await imageConversion.compress(file, 0.8)
  14697. file = await this.pngToWhiteBg(file);
  14698. const blob = await imageConversion.compressAccurately(file, 256);
  14699. // const blob = await imageConversion.compressAccurately(file, {type:file.type});
  14700. file = new File([blob], file.name, { type: file.type });
  14701. }
  14702. if (file) {
  14703. var params = {
  14704. Key:
  14705. file.name.split(".")[0] +
  14706. new Date().getTime() +
  14707. "." +
  14708. file.name.split(".")[file.name.split(".").length - 1],
  14709. ContentType: file.type,
  14710. Body: file,
  14711. "Access-Control-Allow-Credentials": "*",
  14712. ACL: "public-read",
  14713. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  14714. var options = {
  14715. // partSize: 2048 * 1024 * 1024,
  14716. partSize: 1024 * 1024 * 1024,
  14717. queueSize: 2,
  14718. leavePartsOnError: true,
  14719. };
  14720. bucket
  14721. .upload(params, options)
  14722. .on("httpUploadProgress", function (evt) {
  14723. //这里可以写进度条
  14724. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  14725. _this.progress = parseInt((evt.loaded / evt.total) * 100);
  14726. _this.isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
  14727. })
  14728. .send(function (err, data) {
  14729. _this.progress = 100;
  14730. _this.isFinishSize = _this.isAllSize;
  14731. setTimeout(() => {
  14732. _this.proVisible = false;
  14733. }, 1000);
  14734. if (err) {
  14735. var a = _this.$refs.upload1.uploadFiles;
  14736. a.splice(a.length - 1, a.length);
  14737. _this.$message.error("上传失败");
  14738. } else {
  14739. // _this.$message.success('上传成功')
  14740. var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  14741. var c = [
  14742. "AVI",
  14743. "NAVI",
  14744. "MPEG",
  14745. "ASF",
  14746. "MOV",
  14747. "WMV",
  14748. "3GP",
  14749. "RM",
  14750. "RMVB",
  14751. "FLV",
  14752. "F4V",
  14753. "H.264",
  14754. "H.265",
  14755. "REAL VIDEO",
  14756. "MKV",
  14757. "WebM",
  14758. "HDDVD",
  14759. "MP4",
  14760. "MPG",
  14761. "M4V",
  14762. "MGV",
  14763. "OGV",
  14764. "QTM",
  14765. "STR",
  14766. "AMC",
  14767. "DVX",
  14768. "EVO",
  14769. "DAT",
  14770. "OGG",
  14771. "OGM",
  14772. ];
  14773. if (type == 1) {
  14774. _this.studyJuri[0].cover.push({
  14775. name: file.name,
  14776. url: data.Location,
  14777. uid: file.uid,
  14778. });
  14779. if (
  14780. c.indexOf(
  14781. _this.studyJuri[0].cover[0].url
  14782. .split(".")
  14783. [
  14784. _this.studyJuri[0].cover[0].url.split(".").length - 1
  14785. ].toLocaleUpperCase()
  14786. ) != -1
  14787. ) {
  14788. _this.fileType = 2;
  14789. } else if (
  14790. b.indexOf(
  14791. _this.studyJuri[0].cover[0].url
  14792. .split(".")
  14793. [
  14794. _this.studyJuri[0].cover[0].url.split(".").length - 1
  14795. ].toLocaleUpperCase()
  14796. ) != -1
  14797. ) {
  14798. _this.fileType = 1;
  14799. } else if (
  14800. photoA.indexOf(
  14801. _this.studyJuri[0].cover[0].url
  14802. .split(".")
  14803. [
  14804. _this.studyJuri[0].cover[0].url.split(".").length - 1
  14805. ].toLocaleUpperCase()
  14806. ) != -1
  14807. ) {
  14808. _this.fileType = 0;
  14809. } else {
  14810. _this.fileType = 3;
  14811. }
  14812. _this.imgChange(null, null, type);
  14813. } else if (type == 2) {
  14814. _this.upToolImg = data.Location;
  14815. _this.imgChange(null, null, type);
  14816. _this.addCourseWorks(i);
  14817. } else if (type == 4) {
  14818. _this.addPz("3", data.Location);
  14819. } else if (type == 5) {
  14820. _this.addImgDrawImG(data.Location);
  14821. } else if (type == 6) {
  14822. var _ftype = 1;
  14823. if (
  14824. c.indexOf(
  14825. data.Location.split(".")[
  14826. data.Location.split(".").length - 1
  14827. ].toLocaleUpperCase()
  14828. ) != -1
  14829. ) {
  14830. _ftype = 5;
  14831. } else if (
  14832. b.indexOf(
  14833. data.Location.split(".")[
  14834. data.Location.split(".").length - 1
  14835. ].toLocaleUpperCase()
  14836. ) != -1
  14837. ) {
  14838. _ftype = 4;
  14839. } else {
  14840. _ftype = 1;
  14841. }
  14842. _this.plworkFile.push({
  14843. name: file.name,
  14844. url: data.Location,
  14845. uid: file.uid,
  14846. fileType: _ftype,
  14847. username:
  14848. _this.plworkFile.length > 10
  14849. ? _this.plworkFile.length + 1
  14850. : "0" + (_this.plworkFile.length + 1),
  14851. });
  14852. } else if (type == 7) {
  14853. _this.addCourseWorksGong(i, data.Location, 32);
  14854. } else if (type == 8) {
  14855. _this.addCourseWorksGong(i, data.Location, 57);
  14856. }
  14857. _this.imgChange(null, null, type);
  14858. console.log(data.Location);
  14859. // _this.$message.success('上传成功'+data.Location)
  14860. }
  14861. });
  14862. }
  14863. },
  14864. async beforeUpload3(event, type, i) {
  14865. // this.$message.success('进入上传')
  14866. let file = "";
  14867. let cfindex2 = 0;
  14868. for (var cfindex = 0; cfindex < event.target.files.length; cfindex++) {
  14869. file = event.target.files[cfindex];
  14870. var credentials = {
  14871. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  14872. secretAccessKey: "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",
  14873. }; //秘钥形式的登录上传
  14874. window.AWS.config.update(credentials);
  14875. window.AWS.config.region = "cn-northwest-1"; //设置区域
  14876. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  14877. var _this = this;
  14878. // _this.progress = 0;
  14879. _this.proVisible2 = true;
  14880. var b = [
  14881. "DOC",
  14882. "DOCX",
  14883. "DOCM",
  14884. "DOTM",
  14885. "DOTX",
  14886. "PPTX",
  14887. "PPSX",
  14888. "PPT",
  14889. "PPS",
  14890. "PPTM",
  14891. "POTM",
  14892. "PPAM",
  14893. "POTX",
  14894. "PPSM",
  14895. ];
  14896. var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
  14897. var photoA = [
  14898. "BMP",
  14899. "GIF",
  14900. "PNG",
  14901. "JPGE",
  14902. "JPG",
  14903. "TIF",
  14904. "PCX",
  14905. "TGA",
  14906. "EXIF",
  14907. "FPX",
  14908. "SVG",
  14909. "APNG",
  14910. ];
  14911. if (
  14912. photoA.indexOf(
  14913. file.name
  14914. .split(".")
  14915. [file.name.split(".").length - 1].toLocaleUpperCase()
  14916. ) != -1 &&
  14917. type != 4
  14918. ) {
  14919. // const blob = await imageConversion.compress(file, 0.8)
  14920. file = await this.pngToWhiteBg(file);
  14921. const blob = await imageConversion.compressAccurately(file, 256);
  14922. // const blob = await imageConversion.compressAccurately(file, {type:file.type});
  14923. file = new File([blob], file.name, { type: file.type });
  14924. }
  14925. if (file) {
  14926. var params = {
  14927. Key:
  14928. file.name.split(".")[0] +
  14929. new Date().getTime() +
  14930. "." +
  14931. file.name.split(".")[file.name.split(".").length - 1],
  14932. ContentType: file.type,
  14933. Body: file,
  14934. "Access-Control-Allow-Credentials": "*",
  14935. ACL: "public-read",
  14936. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  14937. var options = {
  14938. // partSize: 2048 * 1024 * 1024,
  14939. partSize: 1024 * 1024 * 1024,
  14940. queueSize: 2,
  14941. leavePartsOnError: true,
  14942. };
  14943. bucket
  14944. .upload(params, options)
  14945. .on("httpUploadProgress", function (evt) {
  14946. //这里可以写进度条
  14947. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  14948. // _this.progress = parseInt((evt.loaded * 80) / evt.total);
  14949. })
  14950. .send(function (err, data) {
  14951. // _this.progress = 100;
  14952. cfindex2++;
  14953. setTimeout(() => {
  14954. if (
  14955. cfindex2 == event.target.files.length - 1 ||
  14956. cfindex2 > event.target.files.length - 1
  14957. ) {
  14958. _this.proVisible2 = false;
  14959. }
  14960. }, 1000);
  14961. if (err) {
  14962. var a = _this.$refs.upload1.uploadFiles;
  14963. a.splice(a.length - 1, a.length);
  14964. _this.$message.error("上传失败");
  14965. } else {
  14966. // _this.$message.success('上传成功')
  14967. var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  14968. var c = [
  14969. "AVI",
  14970. "NAVI",
  14971. "MPEG",
  14972. "ASF",
  14973. "MOV",
  14974. "WMV",
  14975. "3GP",
  14976. "RM",
  14977. "RMVB",
  14978. "FLV",
  14979. "F4V",
  14980. "H.264",
  14981. "H.265",
  14982. "REAL VIDEO",
  14983. "MKV",
  14984. "WebM",
  14985. "HDDVD",
  14986. "MP4",
  14987. "MPG",
  14988. "M4V",
  14989. "MGV",
  14990. "OGV",
  14991. "QTM",
  14992. "STR",
  14993. "AMC",
  14994. "DVX",
  14995. "EVO",
  14996. "DAT",
  14997. "OGG",
  14998. "OGM",
  14999. ];
  15000. if (type == 1) {
  15001. _this.studyJuri[0].cover.push({
  15002. name: file.name,
  15003. url: data.Location,
  15004. uid: file.uid,
  15005. });
  15006. if (
  15007. c.indexOf(
  15008. _this.studyJuri[0].cover[0].url
  15009. .split(".")
  15010. [
  15011. _this.studyJuri[0].cover[0].url.split(".").length - 1
  15012. ].toLocaleUpperCase()
  15013. ) != -1
  15014. ) {
  15015. _this.fileType = 2;
  15016. } else if (
  15017. b.indexOf(
  15018. _this.studyJuri[0].cover[0].url
  15019. .split(".")
  15020. [
  15021. _this.studyJuri[0].cover[0].url.split(".").length - 1
  15022. ].toLocaleUpperCase()
  15023. ) != -1
  15024. ) {
  15025. _this.fileType = 1;
  15026. } else {
  15027. _this.fileType = 0;
  15028. }
  15029. _this.imgChange(null, null, type);
  15030. } else if (type == 2) {
  15031. _this.upToolImg = data.Location;
  15032. _this.imgChange(null, null, type);
  15033. _this.addCourseWorks(i);
  15034. } else if (type == 4) {
  15035. _this.addPz("3", data.Location);
  15036. } else if (type == 5) {
  15037. _this.addImgDrawImG(data.Location);
  15038. } else if (type == 6) {
  15039. var _ftype = 1;
  15040. if (
  15041. c.indexOf(
  15042. data.Location.split(".")[
  15043. data.Location.split(".").length - 1
  15044. ].toLocaleUpperCase()
  15045. ) != -1
  15046. ) {
  15047. _ftype = 5;
  15048. } else if (
  15049. b.indexOf(
  15050. data.Location.split(".")[
  15051. data.Location.split(".").length - 1
  15052. ].toLocaleUpperCase()
  15053. ) != -1
  15054. ) {
  15055. _ftype = 4;
  15056. } else {
  15057. _ftype = 1;
  15058. }
  15059. _this.plworkFile.push({
  15060. name: file.name,
  15061. url: data.Location,
  15062. uid: file.uid,
  15063. fileType: _ftype,
  15064. username:
  15065. _this.plworkFile.length + 1 > 9
  15066. ? _this.plworkFile.length + 1
  15067. : "0" + (_this.plworkFile.length + 1),
  15068. });
  15069. }
  15070. _this.imgChange(null, null, type);
  15071. console.log(data.Location);
  15072. // _this.$message.success('上传成功'+data.Location)
  15073. }
  15074. });
  15075. }
  15076. }
  15077. },
  15078. beforeUpload2(event, type) {
  15079. var file = event.target.files[0];
  15080. var credentials = {
  15081. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  15082. secretAccessKey: "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",
  15083. }; //秘钥形式的登录上传
  15084. window.AWS.config.update(credentials);
  15085. window.AWS.config.region = "cn-northwest-1"; //设置区域
  15086. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  15087. var _this = this;
  15088. _this.progress = 0;
  15089. _this.proVisible = true;
  15090. if (file) {
  15091. var params = {
  15092. Key:
  15093. file.name.split(".")[0] +
  15094. new Date().getTime() +
  15095. "." +
  15096. file.name.split(".")[file.name.split(".").length - 1],
  15097. ContentType: file.type,
  15098. Body: file,
  15099. "Access-Control-Allow-Credentials": "*",
  15100. ACL: "public-read",
  15101. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  15102. var options = {
  15103. partSize: 2048 * 1024 * 1024,
  15104. queueSize: 2,
  15105. leavePartsOnError: true,
  15106. };
  15107. bucket
  15108. .upload(params, options)
  15109. .on("httpUploadProgress", function (evt) {
  15110. //这里可以写进度条
  15111. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  15112. _this.progress = parseInt((evt.loaded * 80) / evt.total);
  15113. })
  15114. .send(function (err, data) {
  15115. _this.progress = 100;
  15116. setTimeout(() => {
  15117. _this.proVisible = false;
  15118. }, 1000);
  15119. if (err) {
  15120. var a = _this.$refs.upload1.uploadFiles;
  15121. a.splice(a.length - 1, a.length);
  15122. _this.$message.error("上传失败");
  15123. } else {
  15124. if (type == 2) {
  15125. _this.studyJuri[0].upVedio.push({
  15126. name: file.name,
  15127. url: data.Location,
  15128. uid: file.uid,
  15129. });
  15130. _this.imgChange(null, null, type);
  15131. } else if (type == 3) {
  15132. _this.studyJuri[0].upFile.push({
  15133. name: file.name,
  15134. url: data.Location,
  15135. uid: file.uid,
  15136. });
  15137. _this.imgChange(null, null, type);
  15138. }
  15139. console.log(data.Location);
  15140. }
  15141. });
  15142. }
  15143. },
  15144. allScrell() {
  15145. window.parent.postMessage({ allScreen: this.screenType }, "*");
  15146. },
  15147. nextOrpreSteps(t) {
  15148. if (this.IsFollow && this.tType == 2) {
  15149. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  15150. return;
  15151. }
  15152. var b = this.chapInfoList.length - 1;
  15153. if (t == 0) {
  15154. if (this.courseType == 0) {
  15155. if (this.taskCount == 0) {
  15156. // console.log(this.navList[b].task[this.navList[b].task.length - 1].isLook);
  15157. if (this.IsLookOpen) {
  15158. if (
  15159. !this.navList[b].task[this.navList[b].task.length - 1].isLook
  15160. ) {
  15161. if (
  15162. this.courseDetail.userid != this.userid &&
  15163. this.courseDetail.course_teacher.indexOf(this.userid) == -1
  15164. ) {
  15165. this.$message.error("任务未解锁");
  15166. } else {
  15167. this.$message.error("上一任务未解锁");
  15168. }
  15169. return;
  15170. }
  15171. }
  15172. this.navList[this.courseType].isOpen = false;
  15173. this.courseType = b;
  15174. this.taskCount =
  15175. this.chapInfoList[this.courseType].chapterInfo[0].taskJson
  15176. .length - 1;
  15177. this.navList[this.courseType].isOpen = true;
  15178. } else {
  15179. this.taskCount--;
  15180. }
  15181. } else {
  15182. if (this.taskCount == 0) {
  15183. this.navList[this.courseType].isOpen = false;
  15184. this.courseType--;
  15185. this.taskCount =
  15186. this.chapInfoList[this.courseType].chapterInfo[0].taskJson
  15187. .length - 1;
  15188. this.navList[this.courseType].isOpen = true;
  15189. } else {
  15190. this.taskCount--;
  15191. }
  15192. }
  15193. } else {
  15194. if (this.courseType == b) {
  15195. if (
  15196. this.taskCount ==
  15197. this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
  15198. 1
  15199. ) {
  15200. this.navList[this.courseType].isOpen = false;
  15201. this.courseType = 0;
  15202. this.taskCount = 0;
  15203. this.navList[this.courseType].isOpen = true;
  15204. } else {
  15205. var bbb = parseInt(this.taskCount) + 1;
  15206. if (
  15207. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
  15208. .isLook &&
  15209. this.courseDetail.userid != this.userid &&
  15210. this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
  15211. this.IsLookOpen
  15212. ) {
  15213. this.$message.error("任务未解锁");
  15214. return;
  15215. }
  15216. this.taskCount++;
  15217. if (this.IsLookOpen) {
  15218. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  15219. this.taskCount
  15220. ].isLook = true;
  15221. this.addCourseState(3);
  15222. }
  15223. }
  15224. } else {
  15225. if (
  15226. this.taskCount ==
  15227. this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
  15228. 1
  15229. ) {
  15230. var bbb = parseInt(this.courseType) + 1;
  15231. if (
  15232. !this.chapInfoList[bbb].chapterInfo[0].taskJson[0].isLook &&
  15233. this.courseDetail.userid != this.userid &&
  15234. this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
  15235. this.IsLookOpen
  15236. ) {
  15237. this.$message.error("任务未解锁");
  15238. return;
  15239. }
  15240. this.navList[this.courseType].isOpen = false;
  15241. this.courseType++;
  15242. this.taskCount = 0;
  15243. this.navList[this.courseType].isOpen = true;
  15244. } else {
  15245. var bbb = parseInt(this.taskCount) + 1;
  15246. if (
  15247. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
  15248. .isLook &&
  15249. this.courseDetail.userid != this.userid &&
  15250. this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
  15251. this.IsLookOpen
  15252. ) {
  15253. this.$message.error("任务未解锁");
  15254. return;
  15255. }
  15256. this.taskCount++;
  15257. }
  15258. if (this.IsLookOpen) {
  15259. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  15260. this.taskCount
  15261. ].isLook = true;
  15262. this.addCourseState(3);
  15263. }
  15264. }
  15265. // if (
  15266. // this.taskCount ==
  15267. // this.chapInfo.chapterInfo[0].taskJson.length - 1
  15268. // ) {
  15269. // this.taskCount = this.chapInfo.chapterInfo[0].taskJson.length - 1;
  15270. // } else {
  15271. // this.taskCount++;
  15272. // }
  15273. }
  15274. document.scrollingElement.scrollTop = 0;
  15275. this.showType = 0;
  15276. this.navId = this.navList[this.courseType].task[this.taskCount].id;
  15277. // if (this.vedio[this.taskCount].length > 0) {
  15278. // var a =
  15279. // document.getElementsByClassName("box_course")[this.taskCount]
  15280. // .offsetHeight;
  15281. // document.getElementsByClassName("vedioList")[
  15282. // this.taskCount
  15283. // ].style.height = a + "px";
  15284. // document.getElementsByClassName("navBox")[this.taskCount].style.height =
  15285. // a - 40 + "px";
  15286. // }
  15287. this.isNoHomeWork = false;
  15288. (this.studyJuri = [
  15289. {
  15290. content: "",
  15291. cover: [],
  15292. upVedio: [],
  15293. upFile: [],
  15294. },
  15295. ]),
  15296. (this.radio = []);
  15297. this.isClickNav = "";
  15298. this.selectPz();
  15299. this.getHomeWork();
  15300. this.getCourseDetail(2);
  15301. this.$forceUpdate();
  15302. },
  15303. openTask(s, n, i) {
  15304. if (this.IsFollow && this.tType == 2) {
  15305. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  15306. return;
  15307. }
  15308. if (this.IsLookOpen) {
  15309. if (
  15310. !this.chapInfoList[s].chapterInfo[0].taskJson[n].isLook &&
  15311. this.courseDetail.userid != this.userid &&
  15312. this.courseDetail.course_teacher.indexOf(this.userid) == -1
  15313. ) {
  15314. this.$message.error("任务未解锁");
  15315. return;
  15316. }
  15317. if (this.courseType == s && this.taskCount != n && n > this.taskCount) {
  15318. if (
  15319. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[n - 1]
  15320. .isLook
  15321. ) {
  15322. this.$message.error("上一任务未解锁");
  15323. return;
  15324. }
  15325. } else if (s > this.courseType) {
  15326. if (n > 0) {
  15327. if (!this.chapInfoList[s].chapterInfo[0].taskJson[n - 1].isLook) {
  15328. this.$message.error("上一任务未解锁");
  15329. return;
  15330. }
  15331. } else {
  15332. if (
  15333. !this.chapInfoList[s - 1].chapterInfo[0].taskJson[
  15334. this.chapInfoList[s - 1].chapterInfo[0].taskJson.length - 1
  15335. ].isLook
  15336. ) {
  15337. this.$message.error("上一任务未解锁");
  15338. return;
  15339. }
  15340. }
  15341. }
  15342. }
  15343. if (this.navList[s].task[n].isOpen == true) {
  15344. this.navList[s].task[n].isOpen = !this.navList[s].task[n].isOpen;
  15345. return;
  15346. }
  15347. this.courseType = s;
  15348. this.navId = i;
  15349. this.taskCount = n;
  15350. this.navList[this.courseType].task[this.taskCount].isOpen =
  15351. !this.navList[this.courseType].task[this.taskCount].isOpen;
  15352. if (this.IsLookOpen) {
  15353. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  15354. this.taskCount
  15355. ].isLook = true;
  15356. this.addCourseState(3);
  15357. }
  15358. for (var ci = 0; ci < this.isCloseList.length; ci++) {
  15359. this.isCloseList[ci].isClose = 0;
  15360. }
  15361. this.showType = 0;
  15362. this.isNoHomeWork = false;
  15363. (this.studyJuri = [
  15364. {
  15365. content: "",
  15366. cover: [],
  15367. upVedio: [],
  15368. upFile: [],
  15369. },
  15370. ]),
  15371. (this.radio = []);
  15372. document.scrollingElement.scrollTop = 0;
  15373. // setTimeout(() => {
  15374. // let a = document.getElementById(i);
  15375. // if (a.offsetTop - 110 == 0) {
  15376. // window.scrollTo(0, 0);
  15377. // } else {
  15378. // window.scrollTo(0, a.offsetTop);
  15379. // }
  15380. // }, 0);
  15381. for (var z = 0; z < this.navList.length; z++) {
  15382. for (var q = 0; q < this.navList[z].task.length; q++) {
  15383. for (var w = 0; w < this.navList[z].task[q].tool.length; w++) {
  15384. this.navList[z].task[q].tool[w].isTool = false;
  15385. }
  15386. }
  15387. }
  15388. this.selectPz();
  15389. this.getHomeWork();
  15390. this.getCourseDetail(2);
  15391. },
  15392. get(i) {
  15393. if (this.IsFollow && this.tType == 2) {
  15394. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  15395. return;
  15396. }
  15397. // for(var k=0;k<this.navList.length;k++){
  15398. // this.navList[k].isOpen = false;
  15399. // }
  15400. // this.navList[i].isOpen = true;
  15401. this.navList[i].isOpen = !this.navList[i].isOpen;
  15402. if (this.navList[i].isOpen) {
  15403. this.openTask(i, 0, i + "-0");
  15404. }
  15405. },
  15406. addQuestion() {
  15407. this.answerList.push({
  15408. answerTitle: this.answerQ.replaceAll(/%/g, "%25"),
  15409. answer: this.questionAnswer.replaceAll(/%/g, "%25"),
  15410. });
  15411. let params = [
  15412. {
  15413. uid: this.userid,
  15414. cid: this.id,
  15415. stage: this.courseType,
  15416. task: this.taskCount,
  15417. tool: this.toolindex,
  15418. content: JSON.stringify(this.answerList),
  15419. type: 3,
  15420. },
  15421. ];
  15422. this.ajax
  15423. .post(this.$store.state.api + "addCourseWorks", params)
  15424. .then((res) => {
  15425. this.$message({
  15426. message: "提交成功",
  15427. type: "success",
  15428. });
  15429. this.answerList = [];
  15430. this.answerDialogVisible = false;
  15431. this.selectStudent();
  15432. this.selectSWorks();
  15433. this.selectSLook();
  15434. })
  15435. .catch((err) => {
  15436. this.$message.error("提交失败");
  15437. console.error(err);
  15438. });
  15439. },
  15440. addQuestionTeacher() {
  15441. this.answerList.push({
  15442. answerTitle: this.answerQ.replaceAll(/%/g, "%25"),
  15443. answer: this.questionAnswer.replaceAll(/%/g, "%25"),
  15444. });
  15445. let params = [
  15446. {
  15447. uid: this.sStudent.userid,
  15448. cid: this.id,
  15449. stage: this.courseType,
  15450. task: this.taskCount,
  15451. tool: this.toolindex,
  15452. content: JSON.stringify(this.answerList),
  15453. type: 3,
  15454. ateacher: this.userid,
  15455. },
  15456. ];
  15457. this.ajax
  15458. .post(this.$store.state.api + "addCourseWorksTeacher", params)
  15459. .then((res) => {
  15460. this.$message({
  15461. message: "提交成功",
  15462. type: "success",
  15463. });
  15464. this.answerList = [];
  15465. this.questionAnswer = "";
  15466. this.answerDialogVisibleTeacher = false;
  15467. this.selectStudent();
  15468. this.selectSWorks();
  15469. this.selectSLook();
  15470. })
  15471. .catch((err) => {
  15472. this.$message.error("提交失败");
  15473. console.error(err);
  15474. });
  15475. },
  15476. refreshCourse() {
  15477. // window.location.reload();
  15478. this.navList = [];
  15479. this.getCourseDetail(1);
  15480. },
  15481. getCourseDetail(type, gindex) {
  15482. let loading;
  15483. if (type != 2) {
  15484. loading = this.$loading.service({
  15485. background: "rgba(255, 255, 255, 0.7)",
  15486. target: document.querySelector(".student_table"),
  15487. });
  15488. }
  15489. // this.navList[0].isOpen = false;
  15490. // this.navList[this.courseType].isOpen = true;
  15491. // this.courseType = this.courseTypeLine;
  15492. // this.navId = this.navList[this.courseType].task[this.taskCount].id;
  15493. let params = {
  15494. courseId: this.id,
  15495. };
  15496. this.ajax
  15497. .get(this.$store.state.api + "selectCourseDetail3", params)
  15498. .then((res) => {
  15499. if (type != 2) {
  15500. loading.close();
  15501. if (
  15502. this.courseType >
  15503. JSON.parse(res.data[0][0].chapters).length - 1
  15504. ) {
  15505. this.courseType = JSON.parse(res.data[0][0].chapters).length - 1;
  15506. }
  15507. var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
  15508. .chapterInfo[0].taskJson;
  15509. var b = [
  15510. "AVI",
  15511. "NAVI",
  15512. "MPEG",
  15513. "ASF",
  15514. "MOV",
  15515. "WMV",
  15516. "3GP",
  15517. "RM",
  15518. "RMVB",
  15519. "FLV",
  15520. "F4V",
  15521. "H.264",
  15522. "H.265",
  15523. "REAL VIDEO",
  15524. "MKV",
  15525. "WebM",
  15526. "HDDVD",
  15527. "MP4",
  15528. "MPG",
  15529. "M4V",
  15530. "MGV",
  15531. "OGV",
  15532. "QTM",
  15533. "STR",
  15534. "AMC",
  15535. "DVX",
  15536. "EVO",
  15537. "DAT",
  15538. "OGG",
  15539. "OGM",
  15540. "MP3",
  15541. ];
  15542. let _chapterData = [];
  15543. for (var i = 0; i < a.length; i++) {
  15544. var c = a[i].chapterData;
  15545. this.vedio[i] = [];
  15546. this.textList[i] = [];
  15547. this.lineList[i] = [];
  15548. this.chapToolList[i] = [];
  15549. this.file[i] = [];
  15550. this.fileC[i] = [];
  15551. _chapterData[i] = c.filter((el) => {
  15552. return el.type != 12;
  15553. });
  15554. this.fileC[i] = c.filter((el) => {
  15555. return el.type == 12;
  15556. });
  15557. // else if (c[j].type == 12) {
  15558. // this.fileC[i].push(c[j]);
  15559. // }
  15560. for (var j = 0; j < c.length; j++) {
  15561. if (c[j].type == 7) {
  15562. this.chapToolList[i].push(c[j]);
  15563. } else if (c[j].type == 8 || c[j].type == 14) {
  15564. this.lineList[i].push(c[j]);
  15565. } else if (c[j].type == 6) {
  15566. this.textList[i].push(c[j]);
  15567. } else {
  15568. if (
  15569. b.indexOf(
  15570. c[j].url
  15571. .split(".")
  15572. [c[j].url.split(".").length - 1].toLocaleUpperCase()
  15573. ) != -1
  15574. ) {
  15575. this.vedio[i].push(c[j]);
  15576. } else {
  15577. this.file[i].push(c[j]);
  15578. }
  15579. }
  15580. }
  15581. var d = JSON.parse(JSON.stringify(this.playerOptions));
  15582. d.sources[0].src =
  15583. this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
  15584. this.playerO[i] = d;
  15585. }
  15586. this.courseDetail = res.data[0][0];
  15587. this.tcid = this.arrayToArray(
  15588. this.courseDetail.juri ? this.courseDetail.juri.split(",") : [],
  15589. this.tcid2 ? this.tcid2.split(",") : []
  15590. ).join(",");
  15591. this.evalua = res.data[0][0].evaId;
  15592. this.chapInfo = JSON.parse(this.courseDetail.chapters)[
  15593. this.courseType
  15594. ];
  15595. this.chapInfoList = JSON.parse(this.courseDetail.chapters);
  15596. if (this.tcid && res.data[1].length) {
  15597. let _inviteA = [];
  15598. for (var ik = 0; ik < res.data[1].length; ik++) {
  15599. _inviteA.push({
  15600. cid: res.data[1][ik].classid,
  15601. ic: res.data[1][ik].code,
  15602. });
  15603. }
  15604. for (var ik = 0; ik < _inviteA.length; ik++) {
  15605. if (
  15606. this.arrayToArray(
  15607. _inviteA[ik].cid.split(","),
  15608. this.tcid.split(",")
  15609. ).length
  15610. ) {
  15611. this.inviteCode = _inviteA[ik].ic;
  15612. break;
  15613. }
  15614. }
  15615. }
  15616. for (var l = 0; l < this.chapInfoList.length; l++) {
  15617. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  15618. for (var m = 0; m < w.length; m++) {
  15619. w[m].id = l + "-" + m;
  15620. }
  15621. }
  15622. let taskCount = 0;
  15623. if (
  15624. _chapterData[taskCount].length &&
  15625. _chapterData[taskCount][0].type == 2
  15626. ) {
  15627. this.showType = 0;
  15628. this.pptImgUrl1 = _chapterData[taskCount][0].url;
  15629. } else {
  15630. if (_chapterData[taskCount].length > 0) {
  15631. let _url = _chapterData[taskCount][0].url;
  15632. if (
  15633. _chapterData[taskCount][0].type == 8 ||
  15634. _chapterData[taskCount][0].type == 14
  15635. ) {
  15636. this.showType = 2;
  15637. if (
  15638. _url.indexOf("https://") == -1 &&
  15639. _url.indexOf("http://") == -1
  15640. ) {
  15641. _url = "https://" + _url;
  15642. }
  15643. this.pptImgUrl1 = _url;
  15644. } else if (_chapterData[taskCount][0].type == 3) {
  15645. if (
  15646. _url
  15647. .split(".")
  15648. [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
  15649. ) {
  15650. this.showType = 3;
  15651. this.pptImgUrl1 = _url;
  15652. } else if (
  15653. this.isAssetTypeAnImage(
  15654. _url
  15655. .split(".")
  15656. [_url.split(".").length - 1].toLocaleLowerCase()
  15657. )
  15658. ) {
  15659. this.showType = 4;
  15660. this.pptImgUrl1 = _url;
  15661. } else {
  15662. this.showType = 2;
  15663. this.pptImgUrl1 =
  15664. "https://view.officeapps.live.com/op/view.aspx?src=" +
  15665. _url;
  15666. }
  15667. } else if (_chapterData[taskCount][0].type == 13) {
  15668. this.showType = 4;
  15669. this.pptImgUrl1 = _url;
  15670. } else if (_chapterData[taskCount][0].type == 6) {
  15671. this.showType = 1;
  15672. this.text = this.textList[taskCount][0];
  15673. }
  15674. }
  15675. }
  15676. this.isClickNav = 0;
  15677. if (
  15678. !_chapterData[taskCount].length ||
  15679. _chapterData[taskCount][0].type == 12
  15680. ) {
  15681. this.isClickNav = "";
  15682. this.showType = "";
  15683. }
  15684. this.vChapterData = _chapterData;
  15685. } else {
  15686. this.showType = 0;
  15687. var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
  15688. .chapterInfo[0].taskJson;
  15689. var b = [
  15690. "AVI",
  15691. "NAVI",
  15692. "MPEG",
  15693. "ASF",
  15694. "MOV",
  15695. "WMV",
  15696. "3GP",
  15697. "RM",
  15698. "RMVB",
  15699. "FLV",
  15700. "F4V",
  15701. "H.264",
  15702. "H.265",
  15703. "REAL VIDEO",
  15704. "MKV",
  15705. "WebM",
  15706. "HDDVD",
  15707. "MP4",
  15708. "MPG",
  15709. "M4V",
  15710. "MGV",
  15711. "OGV",
  15712. "QTM",
  15713. "STR",
  15714. "AMC",
  15715. "DVX",
  15716. "EVO",
  15717. "DAT",
  15718. "OGG",
  15719. "OGM",
  15720. "MP3",
  15721. ];
  15722. let _chapterData = [];
  15723. for (var i = 0; i < a.length; i++) {
  15724. var c = a[i].chapterData;
  15725. this.vedio[i] = [];
  15726. this.textList[i] = [];
  15727. this.lineList[i] = [];
  15728. this.chapToolList[i] = [];
  15729. this.file[i] = [];
  15730. this.fileC[i] = [];
  15731. _chapterData[i] = c.filter((el) => {
  15732. return el.type != 12;
  15733. });
  15734. this.fileC[i] = c.filter((el) => {
  15735. return el.type == 12;
  15736. });
  15737. for (var j = 0; j < c.length; j++) {
  15738. if (c[j].type == 7) {
  15739. this.chapToolList[i].push(c[j]);
  15740. } else if (c[j].type == 8 || c[j].type == 14) {
  15741. this.lineList[i].push(c[j]);
  15742. } else if (c[j].type == 6) {
  15743. this.textList[i].push(c[j]);
  15744. } else {
  15745. if (
  15746. b.indexOf(
  15747. c[j].url
  15748. .split(".")
  15749. [c[j].url.split(".").length - 1].toLocaleUpperCase()
  15750. ) != -1
  15751. ) {
  15752. this.vedio[i].push(c[j]);
  15753. } else {
  15754. this.file[i].push(c[j]);
  15755. }
  15756. }
  15757. }
  15758. var d = JSON.parse(JSON.stringify(this.playerOptions));
  15759. d.sources[0].src =
  15760. this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
  15761. this.playerO[i] = d;
  15762. }
  15763. let taskCount = 0;
  15764. if (
  15765. _chapterData[taskCount].length &&
  15766. _chapterData[taskCount][0].type == 2
  15767. ) {
  15768. this.showType = 0;
  15769. this.pptImgUrl1 = _chapterData[taskCount][0].url;
  15770. } else {
  15771. if (_chapterData[taskCount].length > 0) {
  15772. let _url = _chapterData[taskCount][0].url;
  15773. if (
  15774. _chapterData[taskCount][0].type == 8 ||
  15775. _chapterData[taskCount][0].type == 14
  15776. ) {
  15777. this.showType = 2;
  15778. if (
  15779. _url.indexOf("https://") == -1 &&
  15780. _url.indexOf("http://") == -1
  15781. ) {
  15782. _url = "https://" + _url;
  15783. }
  15784. this.pptImgUrl1 = _url;
  15785. } else if (_chapterData[taskCount][0].type == 3) {
  15786. if (
  15787. _url
  15788. .split(".")
  15789. [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
  15790. ) {
  15791. this.showType = 3;
  15792. this.pptImgUrl1 = _url;
  15793. } else if (
  15794. this.isAssetTypeAnImage(
  15795. _url
  15796. .split(".")
  15797. [_url.split(".").length - 1].toLocaleLowerCase()
  15798. )
  15799. ) {
  15800. this.showType = 4;
  15801. this.pptImgUrl1 = _url;
  15802. } else {
  15803. this.showType = 2;
  15804. this.pptImgUrl1 =
  15805. "https://view.officeapps.live.com/op/view.aspx?src=" +
  15806. _url;
  15807. }
  15808. } else if (_chapterData[taskCount][0].type == 13) {
  15809. this.showType = 4;
  15810. this.pptImgUrl1 = _url;
  15811. } else if (_chapterData[taskCount][0].type == 6) {
  15812. this.showType = 1;
  15813. this.text = this.textList[taskCount][0];
  15814. }
  15815. }
  15816. }
  15817. this.isClickNav = 0;
  15818. if (
  15819. !_chapterData[taskCount].length ||
  15820. _chapterData[taskCount][0].type == 12
  15821. ) {
  15822. this.isClickNav = "";
  15823. this.showType = "";
  15824. }
  15825. this.vChapterData = _chapterData;
  15826. this.$forceUpdate();
  15827. }
  15828. // else {
  15829. // this.courseDetail = res.data[0][0];
  15830. // this.chapInfoList = JSON.parse(this.courseDetail.chapters);
  15831. // }
  15832. let _this = this;
  15833. if (_this.timer) {
  15834. clearInterval(_this.timer);
  15835. _this.timer = null;
  15836. }
  15837. if (_this.tcid) {
  15838. _this.getCourseGroup(gindex);
  15839. } else {
  15840. _this.selectSWorks(gindex);
  15841. }
  15842. _this.selectStudent();
  15843. _this.selectSLook();
  15844. _this.getPick();
  15845. if (_this.courseDetail.userid == _this.userid && _this.IsFollow) {
  15846. _this.setCTask();
  15847. }
  15848. if (_this.dialogVisibleGroup) {
  15849. _this.groupJson =
  15850. _this.chapInfoList[_this.courseType].chapterInfo[0].taskJson[
  15851. _this.taskCount
  15852. ].toolChoose[_this.toolindex].groupJson;
  15853. }
  15854. _this.$nextTick(() => {
  15855. setTimeout(() => {
  15856. _this.checkEva();
  15857. }, 1000);
  15858. });
  15859. _this.timer = setInterval(function () {
  15860. // _this.getCourseDetail(2);
  15861. if (_this.tcid) {
  15862. _this.getCourseGroup(gindex);
  15863. } else {
  15864. _this.selectSWorks(gindex);
  15865. }
  15866. _this.selectStudent();
  15867. _this.selectSLook();
  15868. _this.getPick();
  15869. if (_this.courseDetail.userid == _this.userid && _this.IsFollow) {
  15870. _this.setCTask();
  15871. }
  15872. if (_this.dialogVisibleGroup) {
  15873. _this.groupJson =
  15874. _this.chapInfoList[_this.courseType].chapterInfo[0].taskJson[
  15875. _this.taskCount
  15876. ].toolChoose[_this.toolindex].groupJson;
  15877. }
  15878. if (_this.tType == 4 || _this.ispzType == 4) {
  15879. _this.selectPz();
  15880. }
  15881. }, 5000);
  15882. _this.$nextTick(function () {
  15883. setTimeout(() => {
  15884. // var a =
  15885. // document.getElementsByClassName("box_course")[0].offsetHeight;
  15886. // document.getElementsByClassName("vedioList")[0].style.height =
  15887. // a + "px";
  15888. // document.getElementsByClassName("navBox")[0].style.height =
  15889. // a - 40 + "px";
  15890. // if (_this.vedio[_this.taskCount].length > 0) {
  15891. // _this.vedioTime = [];
  15892. // for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
  15893. // _this.vedioTime[i] = document.getElementsByClassName(
  15894. // "vjs-duration-display"
  15895. // )[i].textContent;
  15896. // }
  15897. // }
  15898. }, 1000);
  15899. });
  15900. })
  15901. .catch((err) => {
  15902. loading.close();
  15903. console.error(err);
  15904. });
  15905. },
  15906. getCourseGroup(gindex) {
  15907. let params = {
  15908. cid: this.id,
  15909. classid: this.tcid ? this.tcid : "1",
  15910. };
  15911. this.ajax
  15912. .get(this.$store.state.api + "getCourseGroup", params)
  15913. .then((res) => {
  15914. if (res.data && res.data[0].length) {
  15915. if (!this.isGroup) {
  15916. let courseGroup = JSON.parse(res.data[0][0].group);
  15917. courseGroup.group = courseGroup.group.filter((el) => {
  15918. el.works = [];
  15919. return el;
  15920. });
  15921. if (courseGroup.isopen == 2) {
  15922. this.isGroup = false;
  15923. this.selectSWorks(gindex);
  15924. return;
  15925. }
  15926. this.courseGroup = courseGroup;
  15927. let groupPerson = res.data[1];
  15928. let group = JSON.parse(res.data[0][0].group).group;
  15929. let courseGroupStudent = {};
  15930. let courseGroupStudentUid = {};
  15931. for (var i = 0; i < group.length; i++) {
  15932. courseGroupStudent[group[i].id] = [];
  15933. courseGroupStudentUid[group[i].id] = [];
  15934. for (var j = 0; j < groupPerson.length; j++) {
  15935. if (groupPerson[j].groupCid == group[i].id) {
  15936. courseGroupStudent[group[i].id].push(groupPerson[j]);
  15937. courseGroupStudentUid[group[i].id].push(
  15938. groupPerson[j].userid
  15939. );
  15940. }
  15941. }
  15942. }
  15943. this.courseGroupStudent = courseGroupStudent;
  15944. this.courseGroupStudentUid = courseGroupStudentUid;
  15945. }
  15946. if (this.courseGroup.isopen == 2) {
  15947. this.isGroup = false;
  15948. } else {
  15949. this.isGroup = true;
  15950. }
  15951. this.selectSWorks(gindex);
  15952. } else {
  15953. this.selectSWorks(gindex);
  15954. this.isGroup = false;
  15955. }
  15956. })
  15957. .catch((err) => {
  15958. // this.$message.error("网络不佳");
  15959. console.error(err);
  15960. });
  15961. },
  15962. setOperationTime() {
  15963. let _this = this;
  15964. if (_this.opertimer) {
  15965. clearInterval(_this.opertimer);
  15966. _this.opertimer = null;
  15967. }
  15968. _this.opertimer = setInterval(() => {
  15969. _this.setoTime("600");
  15970. }, 600000);
  15971. },
  15972. setoTime(time) {
  15973. let params = [
  15974. {
  15975. uid: this.userid,
  15976. cid: this.id,
  15977. type: "2",
  15978. time: time,
  15979. },
  15980. ];
  15981. this.ajax
  15982. .post(this.$store.state.api + "addOperationTimeT2", params)
  15983. .then((res) => {})
  15984. .catch((err) => {
  15985. console.error(err);
  15986. });
  15987. },
  15988. addPz(type, content) {
  15989. if (type == "1" && this.pzConText == "") {
  15990. this.$message.error("评论不能为空!");
  15991. return;
  15992. }
  15993. let params = [
  15994. {
  15995. cid: this.id,
  15996. uid: this.userid,
  15997. s: this.courseType,
  15998. t: this.taskCount,
  15999. c: type == "1" ? this.pzConText.replaceAll(/%/g, "%25") : content,
  16000. type: type,
  16001. },
  16002. ];
  16003. this.ajax
  16004. .post(this.$store.state.api + "addPz2", params)
  16005. .then((res) => {
  16006. this.$message({
  16007. message: "添加成功",
  16008. type: "success",
  16009. });
  16010. this.pzConText = "";
  16011. this.addPzDialog = false;
  16012. this.selectPz();
  16013. })
  16014. .catch((err) => {
  16015. this.$message.error("添加失败");
  16016. console.error(err);
  16017. });
  16018. },
  16019. setReplyIndex(id, i) {
  16020. this.replyIndex = i;
  16021. this.replyPid = id;
  16022. this.replyDialogVisible = true;
  16023. },
  16024. addHf() {
  16025. if (this.reply == "") {
  16026. this.$message.error("回复不能为空!");
  16027. return;
  16028. }
  16029. let params = [
  16030. {
  16031. cid: this.id,
  16032. uid: this.userid,
  16033. s: this.courseType,
  16034. t: this.taskCount,
  16035. type: "1",
  16036. ct: 2,
  16037. pid: this.replyPid,
  16038. c: this.reply.replaceAll(/%/g, "%25"),
  16039. },
  16040. ];
  16041. this.ajax
  16042. .post(this.$store.state.api + "addHf", params)
  16043. .then((res) => {
  16044. this.reply = "";
  16045. this.$message({
  16046. message: "回复成功",
  16047. type: "success",
  16048. });
  16049. this.replyDialogVisible = false;
  16050. this.selectPz();
  16051. })
  16052. .catch((err) => {
  16053. this.$message.error("回复失败");
  16054. console.error(err);
  16055. });
  16056. },
  16057. deletePz(id) {
  16058. this.$confirm("确定删除此评论吗?", "提示", {
  16059. confirmButtonText: "确定",
  16060. cancelButtonText: "取消",
  16061. type: "warning",
  16062. })
  16063. .then(() => {
  16064. let params = [
  16065. {
  16066. id: id,
  16067. },
  16068. ];
  16069. this.ajax
  16070. .post(this.$store.state.api + "deletePz", params)
  16071. .then((res) => {
  16072. this.$message({
  16073. message: "删除成功",
  16074. type: "success",
  16075. });
  16076. this.selectPz();
  16077. })
  16078. .catch((err) => {
  16079. this.$message.error("网络异常");
  16080. console.error(err);
  16081. });
  16082. })
  16083. .catch(() => {});
  16084. },
  16085. deleteReply(id) {
  16086. this.$confirm("确定删除此回复吗?", "提示", {
  16087. confirmButtonText: "确定",
  16088. cancelButtonText: "取消",
  16089. type: "warning",
  16090. })
  16091. .then(() => {
  16092. let params = [
  16093. {
  16094. id: id,
  16095. },
  16096. ];
  16097. this.ajax
  16098. .post(this.$store.state.api + "deleteReply", params)
  16099. .then((res) => {
  16100. this.$message({
  16101. message: "删除成功",
  16102. type: "success",
  16103. });
  16104. this.selectPz();
  16105. })
  16106. .catch((err) => {
  16107. this.$message.error("网络异常");
  16108. console.error(err);
  16109. });
  16110. })
  16111. .catch(() => {});
  16112. },
  16113. setPz() {
  16114. if (this.ispzType == 4) {
  16115. this.ispzType = 0;
  16116. this.pzDialog = false;
  16117. return;
  16118. }
  16119. this.ispzType = 4;
  16120. this.pzDialog = true;
  16121. this.selectPz();
  16122. },
  16123. selectPz() {
  16124. let params = {
  16125. cid: this.id,
  16126. s: this.courseType,
  16127. t: this.taskCount,
  16128. type: this.pzStype,
  16129. uid: this.userid,
  16130. };
  16131. this.ajax
  16132. .get(this.$store.state.api + "selectPzListType", params)
  16133. .then((res) => {
  16134. this.pzList = res.data[0];
  16135. var a = res.data[1];
  16136. for (var i = 0; i < a.length; i++) {
  16137. for (var j = 0; j < this.pzList.length; j++) {
  16138. if (!this.pzList[j].hfList) {
  16139. this.pzList[j].hfList = [];
  16140. }
  16141. if (a[i].pid == this.pzList[j].id) {
  16142. this.pzList[j].hfList.push(a[i]);
  16143. }
  16144. }
  16145. }
  16146. })
  16147. .catch((err) => {
  16148. console.error(err);
  16149. });
  16150. },
  16151. // selectHf() {
  16152. // let params = {
  16153. // cid: this.id,
  16154. // s: this.courseType,
  16155. // t: this.taskCount,
  16156. // };
  16157. // this.ajax
  16158. // .get(this.$store.state.api + "selectHfList", params)
  16159. // .then((res) => {
  16160. // var a = res.data[0];
  16161. // for (var i = 0; i < a.length; i++) {
  16162. // for (var j = 0; j < this.pzList.length; j++) {
  16163. // if (!this.pzList[i].hfList) {
  16164. // this.pzList[i].hfList = [];
  16165. // }
  16166. // if (a[i].pid == this.pzList[j].id) {
  16167. // this.pzList[i].hfList.push(a[i]);
  16168. // }
  16169. // }
  16170. // }
  16171. // })
  16172. // .catch((err) => {
  16173. // console.error(err);
  16174. // });
  16175. // },
  16176. updateSLook() {
  16177. let params = {
  16178. sopen: this.sIsOpen == false ? 1 : 2,
  16179. cid: this.id,
  16180. };
  16181. this.ajax
  16182. .get(this.$store.state.api + "updateCourseSLook", params)
  16183. .then((res) => {
  16184. if (this.sIsOpen == true) {
  16185. this.$message({
  16186. message: "权限设置成功",
  16187. type: "success",
  16188. });
  16189. } else {
  16190. this.$message({
  16191. message: "权限关闭成功",
  16192. type: "success",
  16193. });
  16194. }
  16195. })
  16196. .catch((err) => {
  16197. console.error(err);
  16198. });
  16199. },
  16200. updateFollow() {
  16201. let params = [
  16202. {
  16203. sopen: this.IsFollow == false ? 1 : 2,
  16204. cid: this.id,
  16205. },
  16206. ];
  16207. this.ajax
  16208. .post(this.$store.state.api + "updateCourseFollow", params)
  16209. .then((res) => {
  16210. if (this.IsFollow == true) {
  16211. this.$message({
  16212. message: "开启成功",
  16213. type: "success",
  16214. });
  16215. } else {
  16216. this.$message({
  16217. message: "关闭成功",
  16218. type: "success",
  16219. });
  16220. }
  16221. this.setCTask();
  16222. })
  16223. .catch((err) => {
  16224. console.error(err);
  16225. });
  16226. },
  16227. setCTask() {
  16228. let params = [
  16229. {
  16230. sopen: this.courseType + "-" + this.taskCount,
  16231. cid: this.id,
  16232. },
  16233. ];
  16234. this.ajax
  16235. .post(this.$store.state.api + "updateCourseFollowC", params)
  16236. .then((res) => {})
  16237. .catch((err) => {
  16238. console.error(err);
  16239. });
  16240. },
  16241. updateLookOpen() {
  16242. let params = [
  16243. {
  16244. sopen: this.IsLookOpen == false ? 1 : 2,
  16245. cid: this.id,
  16246. },
  16247. ];
  16248. this.ajax
  16249. .post(this.$store.state.api + "updateCourseLookOpen", params)
  16250. .then((res) => {
  16251. if (this.IsLookOpen == true) {
  16252. // if (this.courseType != 0 && this.taskCount != 0) {
  16253. // this.openTask(0, 0, "0-0");
  16254. // }
  16255. this.$message({
  16256. message: "权限设置成功",
  16257. type: "success",
  16258. });
  16259. } else {
  16260. this.$message({
  16261. message: "权限关闭成功",
  16262. type: "success",
  16263. });
  16264. }
  16265. this.getCourseState(2);
  16266. })
  16267. .catch((err) => {
  16268. console.error(err);
  16269. });
  16270. },
  16271. selectSLook() {
  16272. let params = {
  16273. cid: this.id,
  16274. };
  16275. this.ajax
  16276. .get(this.$store.state.api + "selectCourseSLook", params)
  16277. .then((res) => {
  16278. this.sIsOpen = res.data[0][0].sopen == 1 ? false : true;
  16279. this.IsLookOpen = res.data[0][0].look == 1 ? false : true;
  16280. this.IsFollow = res.data[0][0].follow == 1 ? false : true;
  16281. if (!this.IsLookOpen) {
  16282. this.setNavList();
  16283. } else {
  16284. this.getCourseState(1);
  16285. }
  16286. if (this.IsFollow && this.tType == 2) {
  16287. this.setContent2(false);
  16288. let _followC = res.data[0][0].followC.split("-");
  16289. if (
  16290. this.courseType != _followC[0] ||
  16291. this.taskCount != _followC[1]
  16292. ) {
  16293. this.navList[this.courseType].isOpen = false;
  16294. this.courseType = _followC[0];
  16295. this.navList[this.courseType].isOpen = true;
  16296. this.taskCount = parseInt(_followC[1]);
  16297. this.navId = res.data[0][0].followC;
  16298. document.scrollingElement.scrollTop = 0;
  16299. this.getCourseDetail(2);
  16300. }
  16301. }
  16302. })
  16303. .catch((err) => {
  16304. console.error(err);
  16305. });
  16306. },
  16307. setNavList() {
  16308. if (this.navList.length == 0) {
  16309. this.navList = [];
  16310. var copyList = [];
  16311. for (var l = 0; l < this.chapInfoList.length; l++) {
  16312. var q = this.chapInfoList[l].dyName;
  16313. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  16314. var e;
  16315. copyList.push({
  16316. dyName: q,
  16317. isOpen: l === 0 ? true : false,
  16318. task: [],
  16319. });
  16320. for (var r = 0; r < w.length; r++) {
  16321. e = w[r].task;
  16322. if (this.chapInfoList[l].easy == 1) {
  16323. copyList[l].task.push({
  16324. taskName: q,
  16325. id: l + "-" + r,
  16326. isLook: w[r].isLook,
  16327. isOpen: r === 0 ? true : false,
  16328. tool: [],
  16329. });
  16330. } else {
  16331. copyList[l].task.push({
  16332. taskName: e,
  16333. id: l + "-" + r,
  16334. isLook: w[r].isLook,
  16335. isOpen: r === 0 ? true : false,
  16336. tool: [],
  16337. });
  16338. }
  16339. var t = w[r].toolChoose;
  16340. for (var k = 0; k < t.length; k++) {
  16341. var tool = t[k].tool[0];
  16342. copyList[l].task[r].tool.push({
  16343. tool: tool,
  16344. isTool: false,
  16345. });
  16346. }
  16347. // this.navId = this.navId ? this.navId : l + "-" + r;
  16348. // this.navId = l + "-" + r;
  16349. }
  16350. }
  16351. this.navList = copyList;
  16352. this.navList[0].isOpen = false;
  16353. this.navList[this.courseType].isOpen = true;
  16354. this.navId = this.navList[this.courseType].task[this.taskCount].id;
  16355. } else {
  16356. this.setNavList2();
  16357. }
  16358. },
  16359. setNavList2() {
  16360. for (var l = 0; l < this.chapInfoList.length; l++) {
  16361. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  16362. for (var r = 0; r < w.length; r++) {
  16363. this.navList[l].task[r].isLook = w[r].isLook;
  16364. }
  16365. }
  16366. if (
  16367. this.IsLookOpen &&
  16368. !this.navList[this.courseType].task[this.taskCount].isLook
  16369. ) {
  16370. this.openTask(0, 0, "0-0");
  16371. }
  16372. this.$forceUpdate();
  16373. },
  16374. getCourseState(type) {
  16375. let params = {
  16376. cid: this.id,
  16377. };
  16378. this.ajax
  16379. .get(this.$store.state.api + "getCourseState", params)
  16380. .then((res) => {
  16381. if (res.data[0].length > 0 && this.IsLookOpen && type == 1) {
  16382. this.chapInfoList = JSON.parse(res.data[0][0].state);
  16383. this.setNavList();
  16384. this.$forceUpdate();
  16385. } else if (res.data[0].length > 0 && this.IsLookOpen && type == 2) {
  16386. this.addCourseState(2);
  16387. } else {
  16388. this.addCourseState(1);
  16389. }
  16390. })
  16391. .catch((err) => {
  16392. console.error(err);
  16393. });
  16394. },
  16395. addCourseState(type) {
  16396. let _state = this.chapInfoList;
  16397. // this.courseType this.taskCount
  16398. if (type == 1 || type == 2) {
  16399. for (var i = 0; i < _state.length; i++) {
  16400. let el = _state[i].chapterInfo[0].taskJson;
  16401. for (var j = 0; j < el.length; j++) {
  16402. // if (i == 0 && j == 0) {
  16403. // el[j].isLook = true;
  16404. // } else {
  16405. // el[j].isLook = false;
  16406. // }
  16407. if (
  16408. this.courseType > i ||
  16409. (this.courseType == i && this.taskCount + 1 > j)
  16410. ) {
  16411. el[j].isLook = true;
  16412. } else {
  16413. el[j].isLook = false;
  16414. }
  16415. }
  16416. }
  16417. }
  16418. let params = [
  16419. {
  16420. cid: this.id,
  16421. state: JSON.stringify(_state).replaceAll(/%/g, "%25"),
  16422. },
  16423. ];
  16424. this.ajax
  16425. .post(
  16426. this.$store.state.api +
  16427. (type == 1 ? "addCourseState" : "updateCourseSate"),
  16428. params
  16429. )
  16430. .then((res) => {
  16431. if (this.IsLookOpen) {
  16432. this.setNavList();
  16433. }
  16434. if (type == 3 && type == 2) {
  16435. this.getCourseState(1);
  16436. }
  16437. })
  16438. .catch((err) => {
  16439. console.error(err);
  16440. });
  16441. },
  16442. getHomeWork() {
  16443. let params = {
  16444. cid: this.id,
  16445. stage: this.courseType,
  16446. task: this.taskCount,
  16447. uid: this.userid,
  16448. };
  16449. this.ajax
  16450. .get(this.$store.state.api + "selectWork", params)
  16451. .then((res) => {
  16452. if (res.data[0].length > 0) {
  16453. this.studyJuri = JSON.parse(res.data[0][0].content);
  16454. this.isNoHomeWork = true;
  16455. }
  16456. })
  16457. .catch((err) => {
  16458. console.error(err);
  16459. });
  16460. },
  16461. isAssetTypeAnImage(ext) {
  16462. return (
  16463. [
  16464. "png",
  16465. "jpg",
  16466. "jpeg",
  16467. "bmp",
  16468. "gif",
  16469. "webp",
  16470. "psd",
  16471. "svg",
  16472. "tiff",
  16473. ].indexOf(ext) !== -1
  16474. );
  16475. },
  16476. switchVideo(media) {
  16477. this.playerO = {};
  16478. this.playerOptions.poster = "";
  16479. this.playerOptions.sources[0].src = media;
  16480. this.playerO = this.playerOptions;
  16481. },
  16482. onPlayerPlay() {},
  16483. onPlayerTimeupdate(player) {
  16484. let gklog = player.cache_.currentTime; //当前播放的秒数
  16485. let a = player.cache_.duration; //视频的总时长
  16486. let gklog2 = parseInt(gklog);
  16487. // if(gklog2 == '3'){
  16488. // player.pause()
  16489. // setTimeout(()=>{
  16490. // player.currentTime(gklog2+1)
  16491. // player.play()
  16492. // },1000)
  16493. // }
  16494. console.log(" onPlayerTimeupdate!", gklog);
  16495. console.log(" onPlayerTimeupdate!", gklog2);
  16496. },
  16497. lookVedio(u, i) {
  16498. this.isClickNav = "";
  16499. // this.playerOptions.sources[0].src = u;
  16500. var d = JSON.parse(JSON.stringify(this.playerOptions));
  16501. d.sources[0].src = u;
  16502. this.playerO[0] = d;
  16503. this.showType = 0;
  16504. // this.isClickNav = "video" + i;
  16505. this.isClickNav = i;
  16506. this.$forceUpdate();
  16507. },
  16508. lookText(i, t) {
  16509. this.isClickNav = "";
  16510. // this.text = this.textList[i][t];
  16511. this.text = this.vChapterData[i][t];
  16512. // this.dialogVisible1 = true;
  16513. this.showType = 1;
  16514. // this.isClickNav = "text" + t;
  16515. this.isClickNav = t;
  16516. },
  16517. lookTools(i, t) {
  16518. this.chapTools = this.chapToolList[i][t];
  16519. this.dialogVisible2 = true;
  16520. },
  16521. openFile(f) {
  16522. this.pptImgUrl = "";
  16523. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  16524. if (
  16525. a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
  16526. -1
  16527. ) {
  16528. this.pptImgUrl =
  16529. "https://view.officeapps.live.com/op/view.aspx?src=" + f;
  16530. this.showPDF = false;
  16531. this.dialogVisible3 = true;
  16532. } else if (
  16533. f.split(".")[f.split(".").length - 1].toLocaleUpperCase() == "PDF"
  16534. ) {
  16535. this.pptImgUrl = f;
  16536. this.showPDF = true;
  16537. this.dialogVisible3 = true;
  16538. }
  16539. },
  16540. openTable(f) {
  16541. this.tableJson = JSON.parse(f.works);
  16542. this.dialogVisibleTable2 = true;
  16543. },
  16544. openWord(f) {
  16545. this.tableJson = JSON.parse(f.works);
  16546. this.dialogVisibleTable3 = true;
  16547. },
  16548. doUrl(url, i) {
  16549. this.isClickNav = "";
  16550. this.pptImgUrl1 = "";
  16551. this.showType = 2;
  16552. if (url.indexOf("https://") == -1 && url.indexOf("http://") == -1) {
  16553. url = "https://" + url;
  16554. }
  16555. this.pptImgUrl1 = "";
  16556. setTimeout(() => {
  16557. this.pptImgUrl1 = url;
  16558. }, 500);
  16559. // this.isClickNav = "line" + i;
  16560. this.isClickNav = i;
  16561. this.$forceUpdate();
  16562. },
  16563. checkPhoto(f, i) {
  16564. this.showType = 4;
  16565. this.pptImgUrl1 = f.url;
  16566. this.isClickNav = i;
  16567. this.$forceUpdate();
  16568. },
  16569. downFile(f, i) {
  16570. this.isClickNav = "";
  16571. this.pptImgUrl1 = "";
  16572. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"]; //"PDF",
  16573. if (
  16574. a.indexOf(
  16575. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase()
  16576. ) != -1
  16577. ) {
  16578. this.pptImgUrl1 =
  16579. "https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
  16580. // this.dialogVisible3 = true;
  16581. this.showType = 2;
  16582. } else if (
  16583. this.isAssetTypeAnImage(
  16584. f.url.split(".")[f.url.split(".").length - 1].toLocaleLowerCase()
  16585. )
  16586. ) {
  16587. this.showType = 4;
  16588. this.pptImgUrl1 = f.url;
  16589. } else if (
  16590. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
  16591. "PDF"
  16592. ) {
  16593. this.pptImgUrl1 = f.url;
  16594. // this.dialogVisible3 = true;
  16595. this.showType = 3;
  16596. } else {
  16597. window.open(this.file[i].url);
  16598. }
  16599. // this.isClickNav = "word" + i;
  16600. this.isClickNav = i;
  16601. },
  16602. downFileList(i) {
  16603. window.open(this.noImgList[i].url);
  16604. },
  16605. openAddWork() {
  16606. this.dialogVisible = true;
  16607. },
  16608. addBzWorks() {
  16609. let params = [
  16610. {
  16611. uid: this.userid,
  16612. cid: this.id,
  16613. stage: this.courseType,
  16614. task: this.taskCount,
  16615. tool: this.toolindex,
  16616. content: JSON.stringify(this.eScore),
  16617. type: 6,
  16618. },
  16619. ];
  16620. this.ajax
  16621. .post(this.$store.state.api + "addCourseWorks", params)
  16622. .then((res) => {
  16623. this.$message({
  16624. message: "提交成功",
  16625. type: "success",
  16626. });
  16627. this.eScore = { eBzText: "", eStar: [] };
  16628. this.studentEvalDialogVisible = false;
  16629. this.selectSWorks();
  16630. })
  16631. .catch((err) => {
  16632. this.$message.error("提交失败");
  16633. console.error(err);
  16634. });
  16635. },
  16636. addBzWorksTeacher() {
  16637. let params = [
  16638. {
  16639. uid: this.sStudent.userid,
  16640. cid: this.id,
  16641. stage: this.courseType,
  16642. task: this.taskCount,
  16643. tool: this.toolindex,
  16644. content: JSON.stringify(this.eScore),
  16645. type: 6,
  16646. },
  16647. ];
  16648. this.ajax
  16649. .post(this.$store.state.api + "addCourseWorks", params)
  16650. .then((res) => {
  16651. this.$message({
  16652. message: "提交成功",
  16653. type: "success",
  16654. });
  16655. this.eScore = { eBzText: "", eStar: [] };
  16656. this.studentEvalDialogVisibleTeacher = false;
  16657. this.selectSWorks();
  16658. })
  16659. .catch((err) => {
  16660. this.$message.error("提交失败");
  16661. console.error(err);
  16662. });
  16663. },
  16664. addStudentAsk() {
  16665. if (!this.radio.length) {
  16666. this.$message.error("请选择选项");
  16667. return;
  16668. }
  16669. for (var i = 0; i < this.askJson.askCount; i++) {
  16670. if (
  16671. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  16672. (this.radio[i] !== 0 && !this.radio[i])
  16673. ) {
  16674. this.$message.error("请选择选项");
  16675. return;
  16676. }
  16677. }
  16678. this.askList.push({ askJson: this.askJson, anwer: this.radio });
  16679. let params = [
  16680. {
  16681. uid: this.userid,
  16682. cid: this.id,
  16683. stage: this.courseType,
  16684. task: this.taskCount,
  16685. tool: this.toolindex,
  16686. content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
  16687. type: 2,
  16688. },
  16689. ];
  16690. this.ajax
  16691. .post(this.$store.state.api + "addCourseWorks", params)
  16692. .then((res) => {
  16693. this.$message({
  16694. message: "提交成功",
  16695. type: "success",
  16696. });
  16697. this.askList = [];
  16698. this.dialogVisible5 = false;
  16699. this.selectStudent();
  16700. this.selectSWorks();
  16701. this.selectSLook();
  16702. })
  16703. .catch((err) => {
  16704. this.$message.error("提交失败");
  16705. console.error(err);
  16706. });
  16707. },
  16708. addStudentAskTeacher() {
  16709. if (!this.radio.length) {
  16710. this.$message.error("请选择选项");
  16711. return;
  16712. }
  16713. for (var i = 0; i < this.askJson.askCount; i++) {
  16714. if (
  16715. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  16716. (this.radio[i] !== 0 && !this.radio[i])
  16717. ) {
  16718. this.$message.error("请选择选项");
  16719. return;
  16720. }
  16721. }
  16722. this.askList.push({ askJson: this.askJson, anwer: this.radio });
  16723. let params = [
  16724. {
  16725. uid: this.sStudent.userid,
  16726. cid: this.id,
  16727. stage: this.courseType,
  16728. task: this.taskCount,
  16729. tool: this.toolindex,
  16730. content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
  16731. type: 2,
  16732. },
  16733. ];
  16734. this.ajax
  16735. .post(this.$store.state.api + "addCourseWorks", params)
  16736. .then((res) => {
  16737. this.$message({
  16738. message: "提交成功",
  16739. type: "success",
  16740. });
  16741. this.askList = [];
  16742. this.dialogVisible5Teacher = false;
  16743. this.selectStudent();
  16744. this.selectSWorks();
  16745. this.selectSLook();
  16746. })
  16747. .catch((err) => {
  16748. this.$message.error("提交失败");
  16749. console.error(err);
  16750. });
  16751. },
  16752. addStudentTest() {
  16753. if (!this.radio.length) {
  16754. this.$message.error("请选择选项");
  16755. return;
  16756. }
  16757. for (var i = 0; i < this.testJson.testCount; i++) {
  16758. if (
  16759. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  16760. (this.radio[i] !== 0 && !this.radio[i])
  16761. ) {
  16762. this.$message.error("请选择选项");
  16763. return;
  16764. }
  16765. }
  16766. this.askList.push({ testJson: this.testJson, anwer: this.radio });
  16767. let params = [
  16768. {
  16769. uid: this.userid,
  16770. cid: this.id,
  16771. stage: this.courseType,
  16772. task: this.taskCount,
  16773. tool: this.toolindex,
  16774. content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
  16775. type: 8,
  16776. },
  16777. ];
  16778. this.ajax
  16779. .post(this.$store.state.api + "addCourseWorks", params)
  16780. .then((res) => {
  16781. this.$message({
  16782. message: "提交成功",
  16783. type: "success",
  16784. });
  16785. this.askList = [];
  16786. this.dialogVisibleChoice = false;
  16787. this.selectStudent();
  16788. this.selectSWorks();
  16789. this.selectSLook();
  16790. })
  16791. .catch((err) => {
  16792. this.$message.error("提交失败");
  16793. console.error(err);
  16794. });
  16795. },
  16796. addStudentTestTeacher() {
  16797. if (!this.radio.length) {
  16798. this.$message.error("请选择选项");
  16799. return;
  16800. }
  16801. for (var i = 0; i < this.testJson.testCount; i++) {
  16802. if (
  16803. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  16804. (this.radio[i] !== 0 && !this.radio[i])
  16805. ) {
  16806. this.$message.error("请选择选项");
  16807. return;
  16808. }
  16809. }
  16810. this.askList.push({ testJson: this.testJson, anwer: this.radio });
  16811. let params = [
  16812. {
  16813. uid: this.sStudent.userid,
  16814. cid: this.id,
  16815. stage: this.courseType,
  16816. task: this.taskCount,
  16817. tool: this.toolindex,
  16818. content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
  16819. type: 8,
  16820. },
  16821. ];
  16822. this.ajax
  16823. .post(this.$store.state.api + "addCourseWorks", params)
  16824. .then((res) => {
  16825. this.$message({
  16826. message: "提交成功",
  16827. type: "success",
  16828. });
  16829. this.askList = [];
  16830. this.dialogVisibleChoiceTeacher = false;
  16831. this.selectStudent();
  16832. this.selectSWorks();
  16833. this.selectSLook();
  16834. })
  16835. .catch((err) => {
  16836. this.$message.error("提交失败");
  16837. console.error(err);
  16838. });
  16839. },
  16840. addWork() {
  16841. if (this.studyJuri[0].content == "") {
  16842. this.$message.error("请将信息填写完整");
  16843. return;
  16844. } else if (this.studyJuri[0].cover.length == 0) {
  16845. this.$message.error("请将信息填写完整");
  16846. return;
  16847. } else if (this.studyJuri[0].upVedio.length == 0) {
  16848. this.$message.error("请将信息填写完整");
  16849. return;
  16850. }
  16851. if (this.isNoHomeWork) {
  16852. this.$confirm(
  16853. "您已经提交了该作业了,如果您再提交将覆盖上次提交的作业!",
  16854. "提示",
  16855. {
  16856. confirmButtonText: "确定",
  16857. cancelButtonText: "取消",
  16858. type: "warning",
  16859. }
  16860. )
  16861. .then(() => {
  16862. let params = [
  16863. {
  16864. uid: this.userid,
  16865. cid: this.id,
  16866. stage: this.courseType,
  16867. task: this.taskCount,
  16868. content: JSON.stringify(this.studyJuri),
  16869. },
  16870. ];
  16871. this.ajax
  16872. .post(this.$store.state.api + "addWorks", params)
  16873. .then((res) => {
  16874. this.$message({
  16875. message: "提交成功",
  16876. type: "success",
  16877. });
  16878. this.isNoHomeWork = true;
  16879. this.dialogVisible = false;
  16880. })
  16881. .catch((err) => {
  16882. this.$message.error("提交失败");
  16883. console.error(err);
  16884. });
  16885. })
  16886. .catch(() => {});
  16887. } else {
  16888. let params = [
  16889. {
  16890. uid: this.userid,
  16891. cid: this.id,
  16892. stage: this.courseType,
  16893. task: this.taskCount,
  16894. content: JSON.stringify(this.studyJuri),
  16895. },
  16896. ];
  16897. this.ajax
  16898. .post(this.$store.state.api + "addWorks", params)
  16899. .then((res) => {
  16900. this.$message({
  16901. message: "提交成功",
  16902. type: "success",
  16903. });
  16904. this.isNoHomeWork = true;
  16905. this.dialogVisible = false;
  16906. })
  16907. .catch((err) => {
  16908. this.$message.error("提交失败");
  16909. console.error(err);
  16910. });
  16911. }
  16912. },
  16913. selectCount() {
  16914. let params = {
  16915. cid: this.id,
  16916. chid: this.courseType,
  16917. uid: this.userid,
  16918. };
  16919. this.ajax
  16920. .get(this.$store.state.api + "selectToolsCount", params)
  16921. .then((res) => {
  16922. for (var i = 0; i < res.data[0].length; i++) {
  16923. if (res.data[0][i].tools == 1) {
  16924. this.wbCount = res.data[0][i].count;
  16925. } else if (res.data[0][i].tools == 2) {
  16926. this.wordCount = res.data[0][i].count;
  16927. } else if (res.data[0][i].tools == 3) {
  16928. this.mindCount = res.data[0][i].count;
  16929. } else if (res.data[0][i].tools == 4) {
  16930. this.askCount = res.data[0][i].count;
  16931. } else if (res.data[0][i].tools == 6) {
  16932. this.noteCount = res.data[0][i].count;
  16933. } else if (res.data[0][i].tools == 7) {
  16934. this.mindNetWorkCount = res.data[0][i].count;
  16935. } else if (res.data[0][i].tools == 8) {
  16936. this.libraryCount = res.data[0][i].count;
  16937. } else if (res.data[0][i].tools == 16) {
  16938. this.workCount = res.data[0][i].count;
  16939. } else if (res.data[0][i].tools == 10) {
  16940. this.timeCount = res.data[0][i].count;
  16941. } else if (res.data[0][i].tools == 15) {
  16942. this.answerCount = res.data[0][i].count;
  16943. } else if (res.data[0][i].tools == 18) {
  16944. this.trainCount = res.data[0][i].count;
  16945. }
  16946. }
  16947. })
  16948. .catch((err) => {
  16949. console.error(err);
  16950. });
  16951. },
  16952. openTools(t, i, index, c, sName,id) {
  16953. var z = JSON.parse(c);
  16954. this.noteName = sName;
  16955. if (t == 4) {
  16956. this.radio = [];
  16957. this.isAnswer = false;
  16958. let b = z[0].anwer;
  16959. this.radio = b;
  16960. this.askJson = z[0].askJson;
  16961. this.isAnswer = true;
  16962. this.dialogVisible5 = true;
  16963. } else if (t == 45) {
  16964. this.radio = [];
  16965. this.isAnswer = false;
  16966. let b = z[0].anwer;
  16967. this.radio = b;
  16968. this.testJson = z[0].testJson;
  16969. this.isAnswer = true;
  16970. this.dialogVisibleChoice = true;
  16971. }else if(t == 69){
  16972. this.oldEnglishJson1 = {}
  16973. this.oldEnglishJson = {}
  16974. this.englishList1 = {}
  16975. this.newEngIndex = -1;
  16976. this.isNoUserid = false;
  16977. this.englishList1 = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  16978. .toolChoose[i].englishList;
  16979. this.oldEnglishJson = z;
  16980. this.engWid = id;
  16981. this.newEnglishList = { engTitle:"",engText:"" }
  16982. this.newEnglishList1 = []
  16983. this.selectEngC(id,z);
  16984. }
  16985. // else if (t == 15) {
  16986. // this.answerQ = "";
  16987. // this.questionAnswer = "";
  16988. // this.answerQ = z[0].answerTitle;
  16989. // this.questionAnswer = z[0].answer;
  16990. // this.answerDialogVisible = true;
  16991. // }
  16992. },
  16993. fastText(p, t) {
  16994. if (t == 1) {
  16995. this.commentText += p;
  16996. } else {
  16997. this.eScore.eBzText += p;
  16998. }
  16999. },
  17000. addTools(t, i, index) {
  17001. var a = 0;
  17002. // this.taskCount = index;
  17003. this.toolindex = i;
  17004. if (t == 1) {
  17005. if (this.wbCount > 0) {
  17006. this.updateCount(this.wbCount, t);
  17007. } else {
  17008. this.wbCount++;
  17009. a = this.wbCount;
  17010. this.toolsCount(a, t);
  17011. }
  17012. window.parent.postMessage(
  17013. {
  17014. tools: "1",
  17015. cid: this.id,
  17016. stage: this.courseType,
  17017. task: this.taskCount,
  17018. tool: i,
  17019. },
  17020. "*"
  17021. );
  17022. } else if (t == 2) {
  17023. if (this.wordCount > 0) {
  17024. this.updateCount(this.wordCount, t);
  17025. } else {
  17026. this.wordCount++;
  17027. a = this.wordCount;
  17028. this.toolsCount(a, t);
  17029. }
  17030. window.parent.postMessage({ tools: "2" }, "*");
  17031. } else if (t == 3) {
  17032. if (this.mindCount > 0) {
  17033. this.updateCount(this.mindCount, t);
  17034. } else {
  17035. this.mindCount++;
  17036. a = this.mindCount;
  17037. this.toolsCount(a, t);
  17038. }
  17039. window.parent.postMessage(
  17040. {
  17041. tools: "3",
  17042. cid: this.id,
  17043. stage: this.courseType,
  17044. task: this.taskCount,
  17045. tool: i,
  17046. },
  17047. "*"
  17048. );
  17049. } else if (t == 4) {
  17050. this.radio = [];
  17051. this.noteName = "";
  17052. this.isAnswer = false;
  17053. if (this.askCount > 0) {
  17054. this.updateCount(this.askCount, t);
  17055. } else {
  17056. this.askCount++;
  17057. a = this.askCount;
  17058. this.toolsCount(a, t);
  17059. }
  17060. if (!this.dialogVisible2) {
  17061. this.askJson.askJson =
  17062. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17063. index
  17064. ].toolChoose[i].askJson;
  17065. this.askJson.askTitle =
  17066. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17067. index
  17068. ].toolChoose[i].askTitle;
  17069. this.askJson.askCount =
  17070. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17071. index
  17072. ].toolChoose[i].askCount;
  17073. } else {
  17074. this.askJson.askJson = this.chapTools.askJson.askJson;
  17075. this.askJson.askTitle = this.chapTools.askJson.askTitle;
  17076. this.askJson.askCount = this.chapTools.askJson.askCount;
  17077. }
  17078. for (var k = 0; k < this.askJson.askJson.length; k++) {
  17079. if (this.askJson.askJson[k].type == "2") {
  17080. this.radio.push([]);
  17081. } else {
  17082. this.radio.push("");
  17083. }
  17084. }
  17085. this.dialogVisible5 = true;
  17086. // window.parent.postMessage({ tools: "4" }, "*");
  17087. } else if (t == 45) {
  17088. this.noteName = "";
  17089. this.radio = [];
  17090. this.isAnswer = false;
  17091. if (this.askCount > 0) {
  17092. this.updateCount(this.askCount, t);
  17093. } else {
  17094. this.askCount++;
  17095. a = this.askCount;
  17096. this.toolsCount(a, t);
  17097. }
  17098. this.testJson =
  17099. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17100. index
  17101. ].toolChoose[i].testJson;
  17102. for (var k = 0; k < this.testJson.testJson.length; k++) {
  17103. if (this.testJson.testJson[k].type == "2") {
  17104. this.radio.push([]);
  17105. } else {
  17106. this.radio.push("");
  17107. }
  17108. }
  17109. this.dialogVisibleChoice = true;
  17110. // window.parent.postMessage({ tools: "4" }, "*");
  17111. } else if (t == 5) {
  17112. if (this.scoreCount > 0) {
  17113. this.updateCount(this.scoreCount, t);
  17114. } else {
  17115. this.scoreCount++;
  17116. a = this.scoreCount;
  17117. this.toolsCount(a, t);
  17118. }
  17119. this.dialogVisible4 = true;
  17120. // window.parent.postMessage({ tools: "5" }, "*");
  17121. } else if (t == 6) {
  17122. if (this.noteCount > 0) {
  17123. this.updateCount(this.noteCount, t);
  17124. } else {
  17125. this.noteCount++;
  17126. a = this.noteCount;
  17127. this.toolsCount(a, t);
  17128. }
  17129. window.parent.postMessage(
  17130. {
  17131. tools: "6",
  17132. cid: this.id,
  17133. stage: this.courseType,
  17134. task: this.taskCount,
  17135. tool: i,
  17136. },
  17137. "*"
  17138. );
  17139. } else if (t == 7) {
  17140. if (this.mindNetWorkCount > 0) {
  17141. this.updateCount(this.mindNetWorkCount, t);
  17142. } else {
  17143. this.mindNetWorkCount++;
  17144. a = this.mindNetWorkCount;
  17145. this.toolsCount(a, t);
  17146. }
  17147. window.parent.postMessage(
  17148. {
  17149. tools: "7",
  17150. cid: this.id,
  17151. stage: this.courseType,
  17152. task: this.taskCount,
  17153. tool: i,
  17154. },
  17155. "*"
  17156. );
  17157. } else if (t == 16) {
  17158. if (this.workCount > 0) {
  17159. this.updateCount(this.workCount, t);
  17160. } else {
  17161. this.workCount++;
  17162. a = this.workCount;
  17163. this.toolsCount(a, t);
  17164. }
  17165. this.dialogVisible = true;
  17166. } else if (t == 50) {
  17167. if (this.tType == 2) {
  17168. this.$message.error("不支持学生使用");
  17169. return;
  17170. }
  17171. this.plworkFile = [];
  17172. this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
  17173. if (!this.uploadCid) {
  17174. this.$message.error(
  17175. "提示:批量上传未添加班级权限,请添加班级或从班级入口进入。"
  17176. );
  17177. return;
  17178. }
  17179. // this.uploadCid =
  17180. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17181. // index
  17182. // ].toolChoose[i].uploadJson[0];
  17183. this.selectUploadStudent(2);
  17184. } else if (t == 8) {
  17185. if (this.libraryCount > 0) {
  17186. this.updateCount(this.libraryCount, t);
  17187. } else {
  17188. this.libraryCount++;
  17189. a = this.libraryCount;
  17190. this.toolsCount(a, t);
  17191. }
  17192. window.parent.postMessage({ tools: "8" }, "*");
  17193. } else if (t == 17) {
  17194. if (this.libraryCount > 0) {
  17195. this.updateCount(this.libraryCount, t);
  17196. } else {
  17197. this.libraryCount++;
  17198. a = this.libraryCount;
  17199. this.toolsCount(a, t);
  17200. }
  17201. window.parent.postMessage({ tools: "17" }, "*");
  17202. } else if (t == 18) {
  17203. if (this.trainCount > 0) {
  17204. this.updateCount(this.trainCount, t);
  17205. } else {
  17206. this.trainCount++;
  17207. a = this.trainCount;
  17208. this.toolsCount(a, t);
  17209. }
  17210. window.parent.postMessage({ tools: "18" }, "*");
  17211. } else if (t == 10) {
  17212. if (this.timeCount > 0) {
  17213. this.updateCount(this.timeCount, t);
  17214. } else {
  17215. this.timeCount++;
  17216. a = this.timeCount;
  17217. this.toolsCount(a, t);
  17218. }
  17219. this.preTime = this.chapInfoList[this.courseType].chapterInfo[0]
  17220. .taskJson[index].toolChoose[i].preTime
  17221. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  17222. .toolChoose[i].preTime
  17223. : "";
  17224. this.timeDialogVisible = true;
  17225. } else if (t == 15) {
  17226. this.answerQ = "";
  17227. this.questionAnswer = "";
  17228. if (this.answerCount > 0) {
  17229. this.updateCount(this.answerCount, t);
  17230. } else {
  17231. this.answerCount++;
  17232. a = this.answerCount;
  17233. this.toolsCount(a, t);
  17234. }
  17235. this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
  17236. .taskJson[index].toolChoose[i].answerQ
  17237. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  17238. .toolChoose[i].answerQ
  17239. : "";
  17240. this.answerDialogVisible = true;
  17241. } else if (t == 21) {
  17242. window.parent.postMessage({ tools: "21" }, "*");
  17243. } else if (t == 22) {
  17244. window.parent.postMessage({ tools: "22" }, "*");
  17245. } else if (t == 23) {
  17246. window.parent.postMessage({ tools: "23" }, "*");
  17247. } else if (t == 24) {
  17248. window.parent.postMessage({ tools: "24" }, "*");
  17249. } else if (t == 25) {
  17250. window.parent.postMessage({ tools: "25" }, "*");
  17251. } else if (t == 31) {
  17252. window.parent.postMessage({ tools: "31" }, "*");
  17253. } else if (t == 28) {
  17254. window.parent.postMessage({ tools: "28" }, "*");
  17255. } else if (t == 37) {
  17256. window.parent.postMessage({ tools: "37" }, "*");
  17257. } else if (t == 38) {
  17258. window.parent.postMessage({ tools: "38" }, "*");
  17259. } else if (t == 39) {
  17260. window.parent.postMessage({ tools: "39" }, "*");
  17261. } else if (t == 32) {
  17262. window.parent.postMessage({ tools: "32" }, "*");
  17263. } else if (t == 66) {
  17264. window.parent.postMessage({ tools: "66" }, "*");
  17265. } else if (t == 67) {
  17266. window.parent.postMessage({ tools: "67" }, "*");
  17267. } else if (t == 68) {
  17268. window.parent.postMessage({ tools: "68" }, "*");
  17269. } else if (t == 57) {
  17270. // window.parent.postMessage({ tools: "57" }, "*");
  17271. window.parent.postMessage(
  17272. {
  17273. tools: "57u",
  17274. cid: this.id,
  17275. stage: this.courseType,
  17276. task: this.taskCount,
  17277. tool: i,
  17278. },
  17279. "*"
  17280. );
  17281. } else if (t == 58) {
  17282. window.parent.postMessage({ tools: "58" }, "*");
  17283. } else if (t == 59) {
  17284. window.parent.postMessage({ tools: "59" }, "*");
  17285. } else if (t == 60) {
  17286. window.parent.postMessage({ tools: "60" }, "*");
  17287. } else if (t == 61) {
  17288. window.parent.postMessage({ tools: "61" }, "*");
  17289. } else if (t == 63) {
  17290. window.parent.postMessage({ tools: "63" }, "*");
  17291. } else if (t == 69) {
  17292. if (this.worksStudent[i].length) {
  17293. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17294. if (this.userid == this.worksStudent[i][k].userid) {
  17295. this.myAnswerList1 = JSON.parse(this.worksStudent[i][k].works)
  17296. break;
  17297. } else {
  17298. this.myAnswerList1 = {engTitle: "",engText: "",imgList: [],};
  17299. }
  17300. }
  17301. } else {
  17302. this.myAnswerList1 = {engTitle: "",engText: "",imgList: [],};
  17303. }
  17304. this.englishList = this.chapInfoList[this.courseType].chapterInfo[0]
  17305. .taskJson[index].toolChoose[i].englishList
  17306. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  17307. .toolChoose[i].englishList
  17308. : {};
  17309. this.englishToolIndex = i;
  17310. this.engDialogVisible = true;
  17311. } else if (t == 65) {
  17312. if (this.tType == 2) {
  17313. this.$message.error("不支持学生使用");
  17314. return;
  17315. }
  17316. this.uploadCid = this.tcid;
  17317. if (!this.uploadCid) {
  17318. this.$message.error(
  17319. "提示:未添加班级权限,请添加班级或从班级入口进入。"
  17320. );
  17321. return;
  17322. }
  17323. this.selectPickStudent();
  17324. } else if (t == 26) {
  17325. window.parent.postMessage(
  17326. {
  17327. tools: "26",
  17328. cid: this.id,
  17329. stage: this.courseType,
  17330. task: this.taskCount,
  17331. tool: i,
  17332. },
  17333. "*"
  17334. );
  17335. } else if (t == 40) {
  17336. if (this.evalCount > 0) {
  17337. this.updateCount(this.evalCount, t);
  17338. } else {
  17339. this.evalCount++;
  17340. a = this.evalCount;
  17341. this.toolsCount(a, t);
  17342. }
  17343. this.eScore = { eBzText: "", eStar: [] };
  17344. if (this.worksStudent[i].length) {
  17345. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17346. if (this.userid == this.worksStudent[i][k].userid) {
  17347. this.eScore = JSON.parse(this.worksStudent[i][k].works);
  17348. this.rateJson =
  17349. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17350. index
  17351. ].toolChoose[i].rateJson;
  17352. break;
  17353. } else {
  17354. this.rateJson =
  17355. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17356. index
  17357. ].toolChoose[i].rateJson;
  17358. }
  17359. }
  17360. } else {
  17361. this.rateJson =
  17362. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17363. index
  17364. ].toolChoose[i].rateJson;
  17365. }
  17366. this.isStar = false;
  17367. this.studentEvalDialogVisible = true;
  17368. } else if (t == 41) {
  17369. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  17370. .taskJson[index].toolChoose[i].selectJson
  17371. ? JSON.parse(
  17372. JSON.stringify(
  17373. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17374. index
  17375. ].toolChoose[i].selectJson
  17376. )
  17377. )
  17378. : { url: "", select: [], answer: [] };
  17379. if (this.worksStudent[i].length) {
  17380. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17381. if (this.userid == this.worksStudent[i][k].userid) {
  17382. var a = this.worksStudent[i][k].works.split(",");
  17383. for (var ki = 0; ki < a.length; ki++) {
  17384. a[ki] = parseInt(a[ki]);
  17385. }
  17386. this.selectAnswer = {
  17387. answer: a,
  17388. stu: this.worksStudent[i][k].sName,
  17389. };
  17390. break;
  17391. } else {
  17392. this.selectAnswer = { answer: [], stu: "" };
  17393. }
  17394. }
  17395. } else {
  17396. this.selectAnswer = { answer: [], stu: "" };
  17397. }
  17398. this.isSelect = false;
  17399. this.dialogVisibleSelect = true;
  17400. } else if (t == 44) {
  17401. window.parent.postMessage({ tools: "44" }, "*");
  17402. } else if (t == 47) {
  17403. this.sentenceList = this.chapInfoList[this.courseType].chapterInfo[0]
  17404. .taskJson[index].toolChoose[i].sentenceList
  17405. ? JSON.parse(
  17406. JSON.stringify(
  17407. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17408. index
  17409. ].toolChoose[i].sentenceList
  17410. )
  17411. )
  17412. : [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }];
  17413. for (var q = 0; q < this.sentenceList.length; q++) {
  17414. this.sentenceList[q].chooseSenList = [];
  17415. this.sentenceList[q].addChangeSen = [];
  17416. this.sentenceList[q].addChangeSen = JSON.parse(
  17417. JSON.stringify(this.sentenceList[q].addSentence)
  17418. );
  17419. this.sentenceList[q].chooseSenList.length =
  17420. this.sentenceList[q].rightAnswer.length;
  17421. }
  17422. this.dialogVisibleSentence = true;
  17423. } else if (t == 48) {
  17424. this.tableJson = this.chapInfoList[this.courseType].chapterInfo[0]
  17425. .taskJson[index].toolChoose[i].tableJson
  17426. ? JSON.parse(
  17427. JSON.stringify(
  17428. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17429. index
  17430. ].toolChoose[i].tableJson
  17431. )
  17432. )
  17433. : { text: "" };
  17434. this.tableJsonO = JSON.parse(JSON.stringify(this.tableJson));
  17435. if (this.worksStudent[i].length) {
  17436. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17437. if (this.userid == this.worksStudent[i][k].userid) {
  17438. this.tableJson = JSON.parse(this.worksStudent[i][k].works);
  17439. break;
  17440. }
  17441. }
  17442. }
  17443. this.dialogVisibleTable = true;
  17444. } else if (t == 52) {
  17445. this.wordJson = this.chapInfoList[this.courseType].chapterInfo[0]
  17446. .taskJson[index].toolChoose[i].wordJson
  17447. ? JSON.parse(
  17448. JSON.stringify(
  17449. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17450. index
  17451. ].toolChoose[i].wordJson
  17452. )
  17453. )
  17454. : { text: "" };
  17455. this.wordJsonO = JSON.parse(JSON.stringify(this.wordJson));
  17456. if (this.worksStudent[i].length) {
  17457. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17458. if (this.userid == this.worksStudent[i][k].userid) {
  17459. this.wordJson = JSON.parse(this.worksStudent[i][k].works);
  17460. break;
  17461. }
  17462. }
  17463. }
  17464. this.dialogVisibleWord = true;
  17465. } else if (t == 49) {
  17466. this.groupJson =
  17467. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17468. index
  17469. ].toolChoose[i].groupJson;
  17470. this.islock = this.groupJson.islock == 1 ? true : false;
  17471. this.dialogVisibleGroup = true;
  17472. } else if (t == 62) {
  17473. this.videoJson =
  17474. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17475. index
  17476. ].toolChoose[i].videoJson;
  17477. this.dialogVisibleVideo = true;
  17478. }
  17479. },
  17480. teacherWorkSubmit(t, i, index, s) {
  17481. this.sStudent = s;
  17482. this.toolindex = i;
  17483. this.sTool = t;
  17484. if (this.tType !== "1" && this.tType !== "4") {
  17485. return;
  17486. }
  17487. if (t == 16 || t == 32 || t == 50) {
  17488. this.dialogVisibleWorks = true;
  17489. } else if (t == 15) {
  17490. this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
  17491. .taskJson[index].toolChoose[i].answerQ
  17492. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  17493. .toolChoose[i].answerQ
  17494. : "";
  17495. this.questionAnswer = "";
  17496. this.answerDialogVisibleTeacher = true; //问答
  17497. } else if (t == 52) {
  17498. this.wordJson = this.chapInfoList[this.courseType].chapterInfo[0]
  17499. .taskJson[index].toolChoose[i].wordJson
  17500. ? JSON.parse(
  17501. JSON.stringify(
  17502. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17503. index
  17504. ].toolChoose[i].wordJson
  17505. )
  17506. )
  17507. : { text: "" };
  17508. if (this.worksStudent[i].length) {
  17509. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17510. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  17511. this.wordJson = JSON.parse(this.worksStudent[i][k].works);
  17512. break;
  17513. }
  17514. }
  17515. }
  17516. this.dialogVisibleWordTeacher = true; //文档
  17517. } else if (t == 4) {
  17518. this.radio = [];
  17519. this.noteName = "";
  17520. this.isAnswer = false;
  17521. if (this.askCount > 0) {
  17522. this.updateCount(this.askCount, t);
  17523. } else {
  17524. this.askCount++;
  17525. a = this.askCount;
  17526. this.toolsCount(a, t);
  17527. }
  17528. if (!this.dialogVisible2) {
  17529. this.askJson.askJson =
  17530. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17531. index
  17532. ].toolChoose[i].askJson;
  17533. this.askJson.askTitle =
  17534. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17535. index
  17536. ].toolChoose[i].askTitle;
  17537. this.askJson.askCount =
  17538. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17539. index
  17540. ].toolChoose[i].askCount;
  17541. } else {
  17542. this.askJson.askJson = this.chapTools.askJson.askJson;
  17543. this.askJson.askTitle = this.chapTools.askJson.askTitle;
  17544. this.askJson.askCount = this.chapTools.askJson.askCount;
  17545. }
  17546. for (var k = 0; k < this.askJson.askJson.length; k++) {
  17547. if (this.askJson.askJson[k].type == "2") {
  17548. this.radio.push([]);
  17549. } else {
  17550. this.radio.push("");
  17551. }
  17552. }
  17553. this.dialogVisible5Teacher = true;
  17554. } else if (t == 45) {
  17555. this.noteName = "";
  17556. this.radio = [];
  17557. this.isAnswer = false;
  17558. if (this.askCount > 0) {
  17559. this.updateCount(this.askCount, t);
  17560. } else {
  17561. this.askCount++;
  17562. a = this.askCount;
  17563. this.toolsCount(a, t);
  17564. }
  17565. this.testJson =
  17566. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17567. index
  17568. ].toolChoose[i].testJson;
  17569. for (var k = 0; k < this.testJson.testJson.length; k++) {
  17570. if (this.testJson.testJson[k].type == "2") {
  17571. this.radio.push([]);
  17572. } else {
  17573. this.radio.push("");
  17574. }
  17575. }
  17576. this.dialogVisibleChoiceTeacher = true;
  17577. } else if (t == 41) {
  17578. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  17579. .taskJson[index].toolChoose[i].selectJson
  17580. ? JSON.parse(
  17581. JSON.stringify(
  17582. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17583. index
  17584. ].toolChoose[i].selectJson
  17585. )
  17586. )
  17587. : { url: "", select: [], answer: [] };
  17588. if (this.worksStudent[i].length) {
  17589. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17590. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  17591. var a = this.worksStudent[i][k].works.split(",");
  17592. for (var ki = 0; ki < a.length; ki++) {
  17593. a[ki] = parseInt(a[ki]);
  17594. }
  17595. this.selectAnswer = {
  17596. answer: a,
  17597. stu: this.worksStudent[i][k].sName,
  17598. };
  17599. break;
  17600. } else {
  17601. this.selectAnswer = { answer: [], stu: "" };
  17602. }
  17603. }
  17604. } else {
  17605. this.selectAnswer = { answer: [], stu: "" };
  17606. }
  17607. this.isSelect = false;
  17608. this.dialogVisibleSelectTeacher = true;
  17609. } else if (t == 47) {
  17610. this.sentenceList = this.chapInfoList[this.courseType].chapterInfo[0]
  17611. .taskJson[index].toolChoose[i].sentenceList
  17612. ? JSON.parse(
  17613. JSON.stringify(
  17614. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17615. index
  17616. ].toolChoose[i].sentenceList
  17617. )
  17618. )
  17619. : [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }];
  17620. for (var q = 0; q < this.sentenceList.length; q++) {
  17621. this.sentenceList[q].chooseSenList = [];
  17622. this.sentenceList[q].addChangeSen = [];
  17623. this.sentenceList[q].addChangeSen = JSON.parse(
  17624. JSON.stringify(this.sentenceList[q].addSentence)
  17625. );
  17626. this.sentenceList[q].chooseSenList.length =
  17627. this.sentenceList[q].rightAnswer.length;
  17628. }
  17629. this.dialogVisibleSentenceTeacher = true;
  17630. } else if (t == 48) {
  17631. this.tableJson = this.chapInfoList[this.courseType].chapterInfo[0]
  17632. .taskJson[index].toolChoose[i].tableJson
  17633. ? JSON.parse(
  17634. JSON.stringify(
  17635. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17636. index
  17637. ].toolChoose[i].tableJson
  17638. )
  17639. )
  17640. : { text: "" };
  17641. if (this.worksStudent[i].length) {
  17642. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17643. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  17644. this.tableJson = JSON.parse(this.worksStudent[i][k].works);
  17645. break;
  17646. }
  17647. }
  17648. }
  17649. this.dialogVisibleTableTeacher = true;
  17650. } else if (t == 40) {
  17651. if (this.evalCount > 0) {
  17652. this.updateCount(this.evalCount, t);
  17653. } else {
  17654. this.evalCount++;
  17655. a = this.evalCount;
  17656. this.toolsCount(a, t);
  17657. }
  17658. this.eScore = { eBzText: "", eStar: [] };
  17659. if (this.worksStudent[i].length) {
  17660. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17661. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  17662. this.eScore = JSON.parse(this.worksStudent[i][k].works);
  17663. this.rateJson =
  17664. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17665. index
  17666. ].toolChoose[i].rateJson;
  17667. break;
  17668. } else {
  17669. this.rateJson =
  17670. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17671. index
  17672. ].toolChoose[i].rateJson;
  17673. }
  17674. }
  17675. } else {
  17676. this.rateJson =
  17677. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17678. index
  17679. ].toolChoose[i].rateJson;
  17680. }
  17681. this.isStar = false;
  17682. this.studentEvalDialogVisibleTeacher = true;
  17683. } else if (t == 3 || t == 1 || t == 7 || t == 57) {
  17684. window.parent.postMessage(
  17685. {
  17686. tools: t + "teacher",
  17687. cid: this.id,
  17688. stage: this.courseType,
  17689. task: this.taskCount,
  17690. tool: i,
  17691. student: this.sStudent,
  17692. },
  17693. "*"
  17694. );
  17695. }
  17696. },
  17697. openCocoPi(tool, i, uid, uname) {
  17698. let student = {
  17699. userid: uid,
  17700. student: uname,
  17701. };
  17702. if (tool == 57) {
  17703. window.parent.postMessage(
  17704. {
  17705. tools: tool + "teacher",
  17706. cid: this.id,
  17707. stage: this.courseType,
  17708. task: this.taskCount,
  17709. tool: i,
  17710. student: student,
  17711. },
  17712. "*"
  17713. );
  17714. }
  17715. },
  17716. setRightAnswer(s, i, j) {
  17717. for (var q = 0; q < this.sentenceList[i].chooseSenList.length; q++) {
  17718. if (
  17719. this.sentenceList[i].chooseSenList[q] == undefined ||
  17720. this.sentenceList[i].chooseSenList[q] == ""
  17721. ) {
  17722. this.sentenceList[i].chooseSenList[q] = s;
  17723. this.sentenceList[i].addChangeSen[j] = "";
  17724. break;
  17725. }
  17726. }
  17727. this.$forceUpdate();
  17728. },
  17729. returnCard(r, i, j) {
  17730. var a = this.sentenceList[i].addSentence.indexOf(r);
  17731. this.sentenceList[i].chooseSenList[j] = "";
  17732. this.sentenceList[i].addChangeSen[a] = r;
  17733. this.$forceUpdate();
  17734. },
  17735. // addSentenceTool() {
  17736. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17737. // this.taskCount
  17738. // ].toolChoose[this.toolindex].sentenceList = this.sentenceList;
  17739. // this.sentenceList = [
  17740. // { sentenceTitle: "", addSentence: [], rightAnswer: [] },
  17741. // ];
  17742. // this.dialogVisibleSentence = false;
  17743. // },
  17744. toolsCount(a, t) {
  17745. let params = {
  17746. cid: this.id,
  17747. chid: this.courseType,
  17748. uid: this.userid,
  17749. tid: t,
  17750. count: a,
  17751. };
  17752. this.ajax
  17753. .get(this.$store.state.api + "insertToolsCount", params)
  17754. .then((res) => {
  17755. this.selectCount();
  17756. })
  17757. .catch((err) => {
  17758. console.error(err);
  17759. });
  17760. },
  17761. updateCount(c, t) {
  17762. c++;
  17763. let params = {
  17764. cid: this.id,
  17765. chid: this.courseType,
  17766. uid: this.userid,
  17767. tid: t,
  17768. count: c,
  17769. };
  17770. this.ajax
  17771. .get(this.$store.state.api + "updateToolsCount", params)
  17772. .then((res) => {
  17773. this.selectCount();
  17774. })
  17775. .catch((err) => {
  17776. console.error(err);
  17777. });
  17778. },
  17779. checkEva() {
  17780. if (this.evalua != "") {
  17781. for (var i = 0; i < this.evaJuri.length; i++) {
  17782. if (this.evalua == this.evaJuri[i].id) {
  17783. this.eTitle = this.evaJuri[i].title;
  17784. this.eJson = JSON.parse(this.evaJuri[i].content);
  17785. }
  17786. }
  17787. this.$forceUpdate();
  17788. setTimeout(() => {
  17789. this.setMindData();
  17790. }, 0);
  17791. }
  17792. },
  17793. selectEva() {
  17794. let params = {
  17795. oid: this.oid,
  17796. };
  17797. this.ajax
  17798. .get(this.$store.state.api + "selectAllEvaluation", params)
  17799. .then((res) => {
  17800. this.evaJuri = res.data[0];
  17801. })
  17802. .catch((err) => {
  17803. console.error(err);
  17804. });
  17805. },
  17806. setMindData() {
  17807. this.data.data = [];
  17808. this.data.data.push({ id: "root", isroot: true, topic: this.eTitle });
  17809. let _eJson = Object.keys(this.eJson);
  17810. let _e = this.eJson;
  17811. for (let i = 0; i < _eJson.length; i++) {
  17812. let element = _e[_eJson[i]];
  17813. this.data.data.push({
  17814. id: element.id,
  17815. parentid: "root",
  17816. topic: element.name,
  17817. });
  17818. let _eJsonc = Object.keys(element.child);
  17819. let _e2 = element.child;
  17820. for (let j = 0; j < _eJsonc.length; j++) {
  17821. let _ec = _e2[_eJsonc[j]];
  17822. this.data.data.push({
  17823. id: _ec.id,
  17824. parentid: element.id,
  17825. topic: _ec.name,
  17826. });
  17827. let _eJsonz = Object.keys(_ec.child);
  17828. let _e3 = _ec.child;
  17829. for (let z = 0; z < _eJsonz.length; z++) {
  17830. let _ez = _e3[_eJsonz[z]];
  17831. this.data.data.push({
  17832. id: _ez.id,
  17833. parentid: _ec.id,
  17834. topic: _ez.name,
  17835. });
  17836. }
  17837. }
  17838. }
  17839. this.$forceUpdate();
  17840. },
  17841. checkFileFull(type, url) {
  17842. this.fullDialogVisible = true;
  17843. this.fulltype = type;
  17844. this.fullUrl = url;
  17845. },
  17846. checkFileFull1(t, f) {
  17847. this.fullDialogVisible = true;
  17848. if (t == 6) {
  17849. this.fulltype = 1;
  17850. this.fullUrl = JSON.parse(JSON.stringify(f));
  17851. } else if (t == 8) {
  17852. this.fulltype = 2;
  17853. this.fullUrl = f.url;
  17854. } else if (
  17855. t == 3 &&
  17856. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
  17857. "PDF"
  17858. ) {
  17859. this.fulltype = 3;
  17860. this.fullUrl = f.url;
  17861. } else if (t == 3) {
  17862. this.fulltype = 2;
  17863. this.fullUrl =
  17864. "https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
  17865. }
  17866. },
  17867. openSname(n, id, i, uid) {
  17868. this.snameWid = id;
  17869. this.worksSName = n;
  17870. this.worksSid = uid == n ? "" : uid;
  17871. this.toolindex = i;
  17872. this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
  17873. if (!this.uploadCid) {
  17874. this.$message.error(
  17875. "提示:批量上传未添加班级权限,请添加班级或从班级入口进入。"
  17876. );
  17877. return;
  17878. }
  17879. this.selectUploadStudent(1);
  17880. },
  17881. updateName() {
  17882. let params = {
  17883. n: this.worksSName,
  17884. cid: this.snameWid,
  17885. };
  17886. this.ajax
  17887. .get(this.$store.state.api + "updateCourseWorksName", params)
  17888. .then((res) => {
  17889. this.$message({
  17890. message: "修改成功",
  17891. type: "success",
  17892. });
  17893. this.dialogVisibleSname = false;
  17894. this.getCourseDetail(2);
  17895. this.snameWid = "";
  17896. this.worksSName = "";
  17897. })
  17898. .catch((err) => {
  17899. console.error(err);
  17900. });
  17901. },
  17902. downloadFile2(f) {
  17903. // const loading = this.$loading.service({
  17904. // background: "rgba(255, 255, 255, 0.7)",
  17905. // target: document.body,
  17906. // text: "文件加载中...",
  17907. // });
  17908. // let url2 = f.url;
  17909. // let _url2 = "";
  17910. // if (
  17911. // url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  17912. // ) {
  17913. // _url2 = url2.split(
  17914. // "https://view.officeapps.live.com/op/view.aspx?src="
  17915. // )[1];
  17916. // } else {
  17917. // _url2 = url2;
  17918. // }
  17919. // let params = {
  17920. // url: _url2,
  17921. // name: f.name,
  17922. // };
  17923. // this.ajax
  17924. // .get(this.$store.state.api + "download", params)
  17925. // .then((res) => {
  17926. // loading.close();
  17927. // let content = res.data.data.data;
  17928. // let ab = new ArrayBuffer(content.length);
  17929. // let view = new Uint8Array(ab);
  17930. // for (var i = 0; i < content.length; ++i) {
  17931. // view[i] = content[i];
  17932. // }
  17933. // let elink = document.createElement("a");
  17934. // elink.download = f.name;
  17935. // elink.style.display = "none";
  17936. // let blob = new Blob([ab], {
  17937. // type: res.data.response.headers["content-type"] + ";charset=UTF-8",
  17938. // });
  17939. // elink.href = URL.createObjectURL(blob);
  17940. // document.body.appendChild(elink);
  17941. // elink.click();
  17942. // document.body.removeChild(elink);
  17943. // })
  17944. // .catch((err) => {
  17945. // loading.close();
  17946. // console.error(err);
  17947. // });
  17948. let url = f.url;
  17949. let _this = this;
  17950. let _url = "";
  17951. if (
  17952. url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  17953. ) {
  17954. _url = url.split(
  17955. "https://view.officeapps.live.com/op/view.aspx?src="
  17956. )[1];
  17957. } else {
  17958. _url = url;
  17959. }
  17960. const loading = _this.$loading.service({
  17961. background: "rgba(255, 255, 255, 0.7)",
  17962. target: document.body,
  17963. text: "文件加载中...",
  17964. });
  17965. let x = new XMLHttpRequest();
  17966. x.open("GET", _url, true);
  17967. x.responseType = "blob";
  17968. x.onload = function () {
  17969. loading.close();
  17970. let url = window.URL.createObjectURL(new Blob([x.response]));
  17971. let a = document.createElement("a");
  17972. a.name = f.name;
  17973. a.href = url;
  17974. a.download = f.name;
  17975. a.click();
  17976. };
  17977. x.send();
  17978. },
  17979. downloadFile(url) {
  17980. let _this = this;
  17981. let _url = "";
  17982. if (
  17983. url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  17984. ) {
  17985. _url = url.split(
  17986. "https://view.officeapps.live.com/op/view.aspx?src="
  17987. )[1];
  17988. } else {
  17989. _url = url;
  17990. }
  17991. const x = new XMLHttpRequest();
  17992. x.open("GET", _url, true);
  17993. x.responseType = "blob";
  17994. const loading = _this.$loading.service({
  17995. background: "rgba(255, 255, 255, 0.7)",
  17996. target: document.body,
  17997. text: "文件加载中...",
  17998. });
  17999. // _this.$message.success("文件下载中...");
  18000. x.onload = function (e) {
  18001. loading.close();
  18002. let content = x.response;
  18003. let elink = document.createElement("a");
  18004. elink.download = decodeURI(
  18005. _url.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1]
  18006. );
  18007. elink.style.display = "none";
  18008. let blob = new Blob([content]);
  18009. elink.href = URL.createObjectURL(blob);
  18010. document.body.appendChild(elink);
  18011. elink.click();
  18012. document.body.removeChild(elink);
  18013. };
  18014. x.send();
  18015. },
  18016. openLine(url) {
  18017. window.open(url);
  18018. },
  18019. resize() {
  18020. if (document.getElementsByClassName("box_course").length) {
  18021. var a = document.getElementsByClassName("box_course")[0].offsetHeight;
  18022. // document.getElementsByClassName("vedioList")[0].style.height = a + "px";
  18023. if (this.showType == 2 || this.showType == 3) {
  18024. document.getElementsByClassName("navBox")[0].style.height =
  18025. a - 40 + 46 + "px";
  18026. } else {
  18027. document.getElementsByClassName("navBox")[0].style.height =
  18028. a - 40 + "px";
  18029. }
  18030. }
  18031. this.Stbodywidth =
  18032. document.getElementsByClassName("student_body").length &&
  18033. document.getElementsByClassName("student_body")[0].offsetWidth;
  18034. },
  18035. closeDraw() {
  18036. this.bg = null;
  18037. this.drawShow = false;
  18038. },
  18039. showPicturePaint(url) {
  18040. let params = {
  18041. img: url,
  18042. };
  18043. this.ajax
  18044. .get(this.$store.state.api + "imgToBase64", params)
  18045. .then((res) => {
  18046. this.drawShow = true;
  18047. this.bg = res.data[0].img;
  18048. })
  18049. .catch((err) => {
  18050. console.error(err);
  18051. });
  18052. },
  18053. addImgDraw(base64) {
  18054. let file = { name: "批注图.png" };
  18055. let img = this.dataUrlToFile(base64, file);
  18056. this.beforeUpload1(img, 5);
  18057. },
  18058. addImgDrawImG(url) {
  18059. // console.log(url);
  18060. let params = [
  18061. {
  18062. wid: this.commentDetail.wid,
  18063. img: url,
  18064. },
  18065. ];
  18066. this.ajax
  18067. .post(this.$store.state.api + "updateCourseWorks", params)
  18068. .then((res) => {
  18069. this.$message({
  18070. message: "提交成功",
  18071. type: "success",
  18072. });
  18073. this.drawShow = false;
  18074. this.bg = "";
  18075. this.selectSWorks();
  18076. this.selectStudent();
  18077. })
  18078. .catch((err) => {
  18079. this.$message.error("提交失败");
  18080. console.error(err);
  18081. });
  18082. },
  18083. deletePicturePaint() {
  18084. this.$confirm("确定删除此批注吗?", "提示", {
  18085. confirmButtonText: "确定",
  18086. cancelButtonText: "取消",
  18087. type: "warning",
  18088. })
  18089. .then(() => {
  18090. let params = [
  18091. {
  18092. wid: this.commentDetail.wid,
  18093. img: "",
  18094. },
  18095. ];
  18096. this.ajax
  18097. .post(this.$store.state.api + "updateCourseWorks", params)
  18098. .then((res) => {
  18099. this.$message({
  18100. message: "删除成功",
  18101. type: "success",
  18102. });
  18103. this.selectSWorks();
  18104. this.selectStudent();
  18105. })
  18106. .catch((err) => {
  18107. this.$message.error("删除失败");
  18108. console.error(err);
  18109. });
  18110. })
  18111. .catch(() => {});
  18112. },
  18113. getAudioVideo(constraintsData) {
  18114. if (navigator.mediaDevices === undefined) {
  18115. navigator.mediaDevices = {};
  18116. }
  18117. if (navigator.mediaDevices.getUserMedia === undefined) {
  18118. navigator.mediaDevices.getUserMedia = function (constraints) {
  18119. // 首先,如果有getUserMedia的话,就获得它
  18120. var getUserMedia =
  18121. navigator.getUserMedia ||
  18122. navigator.webkitGetUserMedia ||
  18123. navigator.mozGetUserMedia ||
  18124. navigator.msGetUserMedia;
  18125. // 一些浏览器根本没实现它 - 那么就返回一个error到promise的reject来保持一个统一的接口
  18126. if (!getUserMedia) {
  18127. return Promise.reject({ code: 404 });
  18128. }
  18129. // 否则,为老的navigator.getUserMedia方法包裹一个Promise
  18130. return new Promise(function (resolve, reject) {
  18131. getUserMedia.call(navigator, constraints, resolve, reject);
  18132. });
  18133. };
  18134. }
  18135. return navigator.mediaDevices.getUserMedia(constraintsData);
  18136. },
  18137. /**
  18138. * 开始录制
  18139. */
  18140. startRecording(callback) {
  18141. let _function = (screenStream) => {
  18142. this.addStreamStopListener(screenStream, () => {
  18143. console.log("流停止监听");
  18144. this.stopRecording();
  18145. this.$emit("streamStop", {});
  18146. // this.stopRecording();
  18147. });
  18148. var options = {
  18149. type: "video",
  18150. mimeType: "video/webm",
  18151. disableLogs: false,
  18152. getNativeBlob: false, // enable it for longer recordings
  18153. ignoreMutedMedia: false,
  18154. };
  18155. // this.video.srcObject = screenStream;
  18156. this.recorder = RecordRTC(screenStream, options);
  18157. this.recorder.startRecording();
  18158. this.recorder.screen = screenStream;
  18159. this.videoStart = true;
  18160. // callback(true);
  18161. };
  18162. this.getAudioVideo({ audio: true })
  18163. .then((res) => {
  18164. this.captureScreen(_function, true);
  18165. console.log("已点击允许,开启成功");
  18166. })
  18167. .catch((err) => {
  18168. // console.log('浏览器不支持,请更换浏览器')
  18169. // } else {
  18170. this.captureScreen(_function, false);
  18171. console.log("请检查是否存在麦克风");
  18172. });
  18173. },
  18174. /**
  18175. * 停止录制
  18176. */
  18177. stopRecording(callback) {
  18178. this.recorder.stopRecording(() => {
  18179. // this.video.src = this.video.srcObject = null;
  18180. // this.video.src = URL.createObjectURL(this.recorder.getBlob());
  18181. const url = URL.createObjectURL(this.recorder.getBlob());
  18182. const a = document.createElement("a"); //this.fileName+
  18183. let videoFile = new File(
  18184. [this.recorder.getBlob()],
  18185. this.courseDetail.title + "录屏.mp4",
  18186. {
  18187. type: "video/mp4",
  18188. }
  18189. );
  18190. let downloadUrl = URL.createObjectURL(videoFile);
  18191. document.body.appendChild(a);
  18192. a.style.display = "none";
  18193. a.href = url;
  18194. a.download = this.courseDetail.title + "录屏.mp4"; //this.fileName +
  18195. a.click();
  18196. this.recorder.screen.stop();
  18197. this.recorder.destroy();
  18198. this.recorder = null;
  18199. this.videoStart = false;
  18200. // callback(false);
  18201. });
  18202. },
  18203. //初始化
  18204. captureScreen(callback, type) {
  18205. if (navigator.getDisplayMedia) {
  18206. //录制结束,文件下载
  18207. navigator
  18208. .getDisplayMedia({
  18209. video: true,
  18210. })
  18211. .then((screenStream) => {
  18212. if (type) {
  18213. navigator.mediaDevices
  18214. .getUserMedia({ audio: true })
  18215. .then((mic) => {
  18216. screenStream.addTrack(mic.getTracks()[0]);
  18217. callback(screenStream);
  18218. });
  18219. } else {
  18220. callback(screenStream);
  18221. }
  18222. })
  18223. .catch(function (error) {
  18224. console.log("error", error);
  18225. });
  18226. } else if (navigator.mediaDevices.getDisplayMedia) {
  18227. navigator.mediaDevices
  18228. .getDisplayMedia({
  18229. video: true,
  18230. })
  18231. .then((screenStream) => {
  18232. if (type) {
  18233. navigator.mediaDevices
  18234. .getUserMedia({ audio: true })
  18235. .then((mic) => {
  18236. screenStream.addTrack(mic.getTracks()[0]);
  18237. callback(screenStream);
  18238. });
  18239. } else {
  18240. callback(screenStream);
  18241. }
  18242. })
  18243. .catch(function (error) {
  18244. console.log("error", error);
  18245. });
  18246. } else {
  18247. var error = "getDisplayMedia API are not supported in this browser.";
  18248. console.log("error", error);
  18249. alert(error);
  18250. }
  18251. },
  18252. //流监听
  18253. addStreamStopListener(stream, callback) {
  18254. stream.addEventListener(
  18255. "ended",
  18256. function () {
  18257. callback();
  18258. callback = function () {};
  18259. },
  18260. false
  18261. );
  18262. stream.addEventListener(
  18263. "inactive",
  18264. function () {
  18265. callback();
  18266. callback = function () {};
  18267. },
  18268. false
  18269. );
  18270. stream.getTracks().forEach(function (track) {
  18271. track.addEventListener(
  18272. "ended",
  18273. function () {
  18274. callback();
  18275. callback = function () {};
  18276. },
  18277. false
  18278. );
  18279. track.addEventListener(
  18280. "inactive",
  18281. function () {
  18282. callback();
  18283. callback = function () {};
  18284. },
  18285. false
  18286. );
  18287. });
  18288. },
  18289. updateGroup() {
  18290. this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
  18291. this.dialogVisibleGroup2 = true;
  18292. },
  18293. numberPan() {
  18294. if (
  18295. /[^\d]/.test(this.groupJson.number) ||
  18296. this.groupJson.number < 2 ||
  18297. this.groupJson.number > 10
  18298. ) {
  18299. this.$message.error("请输入2-10的数字");
  18300. this.groupJson.number = "";
  18301. }
  18302. },
  18303. updateGroupJson() {
  18304. for (var i = 0; i < this.groupStudentUid[this.toolindex].length; i++) {
  18305. if (
  18306. this.groupStudentUid[this.toolindex][i].length >
  18307. this.groupJson2.number
  18308. ) {
  18309. this.$message.error("已经有小组比你设置的人数多,请重新设置");
  18310. return;
  18311. }
  18312. }
  18313. this.groupJson = JSON.parse(JSON.stringify(this.groupJson2));
  18314. this.islock = this.groupJson.islock == 1 ? true : false;
  18315. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18316. this.taskCount
  18317. ].toolChoose[this.toolindex].groupJson = this.groupJson;
  18318. let params = [
  18319. {
  18320. cid: this.id,
  18321. chapters: JSON.stringify(this.chapInfoList),
  18322. uid: this.userid,
  18323. unitIndex: this.courseType,
  18324. },
  18325. ];
  18326. this.ajax
  18327. .post(this.$store.state.api + "updateWorkNew4", params)
  18328. .then((res) => {
  18329. this.$message.success("设置成功");
  18330. this.getCourseDetail(2);
  18331. this.dialogVisibleGroup2 = false;
  18332. this.groupJson2 = {};
  18333. this.$forceUpdate();
  18334. })
  18335. .catch((err) => {
  18336. this.$message.error("网络不佳");
  18337. console.error(err);
  18338. });
  18339. },
  18340. lockChair() {
  18341. this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
  18342. this.groupJson2.islock = this.groupJson2.islock == 1 ? 2 : 1;
  18343. this.updateGroupJson();
  18344. },
  18345. selectGroup(index) {
  18346. this.getCourseDetail(2, index);
  18347. },
  18348. joinGroup(index) {
  18349. if (this.groupJson.islock == 2) {
  18350. this.$message.error("位置已被锁定,无法加入");
  18351. return;
  18352. }
  18353. if (
  18354. this.groupStudent[this.toolindex][index].length >
  18355. this.groupJson.number ||
  18356. this.groupStudent[this.toolindex][index].length == this.groupJson.number
  18357. ) {
  18358. this.$message.error("位置已满,无法加入");
  18359. return;
  18360. }
  18361. let params = [
  18362. {
  18363. cid: this.id,
  18364. stage: this.courseType,
  18365. task: this.taskCount,
  18366. tool: this.toolindex,
  18367. g: index,
  18368. uid: this.userid,
  18369. },
  18370. ];
  18371. this.ajax
  18372. .post(this.$store.state.api + "joinGroup", params)
  18373. .then((res) => {
  18374. this.$message.success("加入成功");
  18375. this.getCourseDetail(2);
  18376. })
  18377. .catch((err) => {
  18378. this.$message.error("网络不佳");
  18379. console.error(err);
  18380. });
  18381. },
  18382. exitGroup(id) {
  18383. if (this.groupJson.islock == 2) {
  18384. this.$message.error("位置已被锁定,无法退出");
  18385. return;
  18386. }
  18387. let params = [
  18388. {
  18389. gid: id,
  18390. },
  18391. ];
  18392. this.ajax
  18393. .post(this.$store.state.api + "exitGroup", params)
  18394. .then((res) => {
  18395. this.$message.success("退出成功");
  18396. this.getCourseDetail(2);
  18397. })
  18398. .catch((err) => {
  18399. this.$message.error("网络不佳");
  18400. console.error(err);
  18401. });
  18402. },
  18403. groupUpload(index, task, gindex) {
  18404. this.taskCount = task;
  18405. this.toolindex = index;
  18406. this.groupIndex = gindex;
  18407. this.dialogVisibleGroupWork = true;
  18408. },
  18409. updateGroupChair(user) {
  18410. this.updateGroupArray = this.groupJson.group.filter((el, index) => {
  18411. el.label = index;
  18412. return index != user.group;
  18413. });
  18414. this.updateGroupUser = user;
  18415. this.dialogVisibleUpdateGroup = true;
  18416. },
  18417. updateChair() {
  18418. if (
  18419. this.groupStudent[this.toolindex][this.checkChair].length >
  18420. this.groupJson.number ||
  18421. this.groupStudent[this.toolindex][this.checkChair].length ==
  18422. this.groupJson.number
  18423. ) {
  18424. this.$message.error("位置已满,无法加入");
  18425. return;
  18426. }
  18427. let params = [
  18428. {
  18429. cid: this.id,
  18430. stage: this.courseType,
  18431. task: this.taskCount,
  18432. tool: this.toolindex,
  18433. g: this.checkChair,
  18434. uid: this.updateGroupUser.userid,
  18435. },
  18436. ];
  18437. this.ajax
  18438. .post(this.$store.state.api + "joinGroup", params)
  18439. .then((res) => {
  18440. this.$message.success("修改成功");
  18441. this.updateGroupUser = {};
  18442. this.checkChair = "";
  18443. this.updateGroupArray = {};
  18444. this.dialogVisibleUpdateGroup = false;
  18445. this.getCourseDetail(2);
  18446. })
  18447. .catch((err) => {
  18448. this.$message.error("网络不佳");
  18449. console.error(err);
  18450. });
  18451. },
  18452. deleteGroupChair(gindex) {
  18453. this.checkDeleteGroup = [];
  18454. this.deleteGroupUser = JSON.parse(
  18455. JSON.stringify(this.groupStudent[this.toolindex][gindex])
  18456. );
  18457. this.deleteGroupArray = this.groupJson.group[gindex];
  18458. this.groupIndex = gindex;
  18459. this.dialogVisibleDeleteGroup = true;
  18460. },
  18461. async deleteChair() {
  18462. for (let i = 0; i < this.checkDeleteGroup.length; i++) {
  18463. const gid =
  18464. this.groupStudent[this.toolindex][this.groupIndex][
  18465. this.groupStudentUid[this.toolindex][this.groupIndex].indexOf(
  18466. this.checkDeleteGroup[i]
  18467. )
  18468. ];
  18469. let params = [
  18470. {
  18471. gid: gid.id,
  18472. },
  18473. ];
  18474. var a = await this.deleteChairA(params);
  18475. if (i == this.checkDeleteGroup.length - 1) {
  18476. this.$message.success("退出成功");
  18477. this.dialogVisibleDeleteGroup = false;
  18478. this.deleteGroupUser = [];
  18479. this.deleteGroupArray = {};
  18480. this.groupIndex = "";
  18481. this.checkDeleteGroup = [];
  18482. this.getCourseDetail(2);
  18483. }
  18484. }
  18485. },
  18486. deleteChairA(params) {
  18487. return new Promise((resolve, reject) => {
  18488. this.ajax
  18489. .post(this.$store.state.api + "exitGroup", params)
  18490. .then((res) => {
  18491. resolve(1);
  18492. })
  18493. .catch((err) => {
  18494. this.$message.error("网络不佳");
  18495. console.error(err);
  18496. });
  18497. });
  18498. },
  18499. contract(i) {
  18500. if (this.isCloseList[i].isClose == 0) {
  18501. this.isCloseList[i].isClose = 1;
  18502. } else {
  18503. this.isCloseList[i].isClose = 0;
  18504. }
  18505. this.$forceUpdate();
  18506. },
  18507. openWordCloud(toolindex) {
  18508. let array = [];
  18509. for (var i = 0; i < this.worksStudent[toolindex].length; i++) {
  18510. let works = JSON.parse(this.worksStudent[toolindex][i].works)[0].answer;
  18511. array.push({ name: works });
  18512. }
  18513. if (this.isGroup) {
  18514. for (var i = 0; i < this.courseGroup.group.length; i++) {
  18515. let works = this.courseGroup.group[i].works[toolindex];
  18516. for (var j = 0; j < works.length; j++) {
  18517. let answer = JSON.parse(works[j].works)[0].answer;
  18518. array.push({ name: answer });
  18519. }
  18520. }
  18521. }
  18522. this.wordCloudData = array;
  18523. this.dialogVisibleWordCloud = true;
  18524. },
  18525. uploadWorks(i) {
  18526. this.$confirm("确定导出作业吗?", "提示", {
  18527. confirmButtonText: "确定",
  18528. cancelButtonText: "取消",
  18529. type: "warning",
  18530. })
  18531. .then(() => {
  18532. const loading = this.$loading.service({
  18533. background: "rgba(255, 255, 255, 0.7)",
  18534. target: document.body,
  18535. text: "文件加载中...",
  18536. });
  18537. const _worksStudent = this.worksStudent;
  18538. let url = [];
  18539. var counts = {};
  18540. for (var l = 0; l < _worksStudent[i].length; l++) {
  18541. var item = _worksStudent[i][l];
  18542. var name = item.sName;
  18543. if (!counts.hasOwnProperty(name)) {
  18544. counts[name] = 0;
  18545. } else {
  18546. counts[name]++;
  18547. }
  18548. if (counts[name] > 0) {
  18549. item.sName += " (" + counts[name] + ")";
  18550. }
  18551. }
  18552. for (var l = 0; l < _worksStudent[i].length; l++) {
  18553. var item = _worksStudent[i][l];
  18554. if (
  18555. item.works.indexOf(
  18556. "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn"
  18557. ) !== -1 &&
  18558. item.works.indexOf("img") === -1
  18559. ) {
  18560. url.push({ name: item.sName, url: item.works });
  18561. }
  18562. }
  18563. // var toolList = [
  18564. // { name: "电子白板", tool: 1 },
  18565. // { name: "思维导图", tool: 3 },
  18566. // { name: "协同文档", tool: 6 },
  18567. // { name: "思维网格", tool: 7 },
  18568. // { name: "素材库", tool: 8 },
  18569. // { name: "学习资料", tool: 17 },
  18570. // { name: "便签", tool: 2 },
  18571. // { name: "问卷调查", tool: 4 },
  18572. // { name: "选择题", tool: 45 },
  18573. // { name: "倒计时", tool: 10 },
  18574. // { name: "问答", tool: 15 },
  18575. // { name: "课程设计", tool: 26 },
  18576. // { name: "训练服务器", tool: 18 },
  18577. // { name: "作业提交", tool: 16 },
  18578. // { name: "批量上传", tool: 50 },
  18579. // { name: "AIoT Blockly", tool: 21 },
  18580. // { name: "AI Python", tool: 23 },
  18581. // { name: "AI Blockly", tool: 24 },
  18582. // { name: "目标管理", tool: 25 },
  18583. // { name: "数学画板", tool: 31 },
  18584. // { name: "翻译", tool: 28 },
  18585. // { name: "魔盒识字", tool: 37 },
  18586. // { name: "数学画板", tool: 31 },
  18587. // { name: "24点", tool: 38 },
  18588. // { name: "GeoGebra", tool: 39 },
  18589. // { name: "源码编辑", tool: 32 },
  18590. // { name: "个人评价", tool: 40 },
  18591. // { name: "选择匹配", tool: 41 },
  18592. // { name: "汉字宫", tool: 44 },
  18593. // { name: "排序", tool: 47 },
  18594. // { name: "表格", tool: 48 },
  18595. // { name: "文档", tool: 52 },
  18596. // { name: "学生分组", tool: 49 },
  18597. // { name: "CocoPi", tool: 57 },
  18598. // { name: "模拟驾驶", tool: 58 },
  18599. // { name: "路径搜索", tool: 59 },
  18600. // { name: "深度学习", tool: 60 },
  18601. // { name: "全历史", tool: 61 },
  18602. // { name: "交互视频", tool: 62 },
  18603. // { name: "海龟编程", tool: 63 },
  18604. // { name: "挑人", tool: 65 },
  18605. // { name: "公式编辑", tool: 66 },
  18606. // { name: "分子结构", tool: 67 },
  18607. // { name: "时间轴", tool: 68 },
  18608. // ];
  18609. // var toolName = "";
  18610. // for(var w = 0;w<toolList.length;w++){
  18611. // if(this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].toolChoose[i].tool[0] == toolList[w].tool){
  18612. // toolName = toolList[w].name;
  18613. // }
  18614. // }
  18615. console.log(url);
  18616. this.downLoadAll(url, loading);
  18617. })
  18618. .catch(() => {});
  18619. },
  18620. downLoadAll(url, loading) {
  18621. const data = url; // 需要下载打包的路径, 可以是本地相对路径, 也可以是跨域的全路径
  18622. const zip = new JSZip();
  18623. const cache = {};
  18624. const promises = [];
  18625. data.forEach((item) => {
  18626. const promise = getFile(item.url).then((data) => {
  18627. if (data.data != 1) {
  18628. // 下载文件, 并存成ArrayBuffer对象
  18629. const file_name =
  18630. item.name +
  18631. "." +
  18632. item.url.split(".")[item.url.split(".").length - 1]; // 获取文件名
  18633. zip.file(file_name, data.data, { binary: true }); // 逐个添加文件
  18634. cache[file_name] = data.data;
  18635. }
  18636. });
  18637. promises.push(promise);
  18638. });
  18639. Promise.all(promises).then(() => {
  18640. zip.generateAsync({ type: "blob" }).then((content) => {
  18641. // 生成二进制流
  18642. FileSaver.saveAs(
  18643. content,
  18644. this.courseDetail.title + "-" + "作业提交工具.zip"
  18645. ); // 利用file-saver保存文件 自定义文件名
  18646. setTimeout(() => {
  18647. loading.close();
  18648. }, 2000);
  18649. });
  18650. });
  18651. },
  18652. pickStudent(stu) {
  18653. if (this.isPickStudent.indexOf(stu.userid) !== -1) {
  18654. return;
  18655. }
  18656. this.$confirm(`是否让${stu.name}同学回答问题?`, "提示", {
  18657. confirmButtonText: "确定",
  18658. cancelButtonText: "取消",
  18659. type: "warning",
  18660. })
  18661. .then(() => {
  18662. let params = [
  18663. {
  18664. uid: stu.userid,
  18665. cid: this.id,
  18666. stage: this.courseType,
  18667. task: this.taskCount,
  18668. tool: this.toolindex,
  18669. },
  18670. ];
  18671. this.ajax
  18672. .post(this.$store.state.api + "updateCoursePick", params)
  18673. .then((res) => {
  18674. this.$message.success("操作成功");
  18675. this.getPick();
  18676. })
  18677. .catch((err) => {
  18678. this.$message.error("网络不佳");
  18679. console.error(err);
  18680. });
  18681. })
  18682. .catch(() => {});
  18683. },
  18684. selectUser(){
  18685. let params = {
  18686. userid: this.userid,
  18687. };
  18688. this.ajax
  18689. .get(this.$store.state.api + "selectUser", params)
  18690. .then((res) => {
  18691. this.userMes = res.data[0];
  18692. })
  18693. .catch((err) => {
  18694. console.error(err);
  18695. });
  18696. },
  18697. setEngText(i){
  18698. this.newEngIndex = i;
  18699. this.$forceUpdate();
  18700. },
  18701. addCorrect(){
  18702. this.$confirm("你确定提交批改嘛?", "提示", {
  18703. confirmButtonText: "确定",
  18704. showCancelButton: false,
  18705. closeOnClickModal: false,
  18706. type: "warning",
  18707. })
  18708. .then(() => {
  18709. let params = {
  18710. cid: this.id,
  18711. s: parseInt(this.courseType),
  18712. t: this.taskCount,
  18713. tool: this.toolindex,
  18714. wid: this.engWid,
  18715. c: this.userid,
  18716. w: (this.newEngIndex == -1 && this.isNoUserid == true && this.newEnglishList1.length) ? JSON.stringify(this.oldEnglishJson1) : JSON.stringify(this.newEnglishList),
  18717. };
  18718. this.ajax
  18719. .get(this.$store.state.api + "addEngC", params)
  18720. .then((res) => {
  18721. this.$message.success("提交成功");
  18722. this.engUpdateDialogVisible = false;
  18723. })
  18724. .catch((err) => {
  18725. console.error(err);
  18726. });
  18727. })
  18728. .catch(() => {});
  18729. },
  18730. selectEngC(id,z){
  18731. let params = {
  18732. workid: id,
  18733. };
  18734. this.ajax
  18735. .get(this.$store.state.api + "selectEngC", params)
  18736. .then((res) => {
  18737. if(res.data[0].length == 0){
  18738. this.newEnglishList.engTitle = z.engTitle;
  18739. this.newEnglishList.engText = z.engText;
  18740. }else{
  18741. var a = res.data[0];
  18742. if(this.userMes[0].type == 2){
  18743. var snum = 0;
  18744. for(var i = 0;i<a.length;i++){
  18745. if(this.userMes[0].userid == a[i].correct){
  18746. this.newEnglishList = JSON.parse(a[i].cWork);
  18747. snum = 1;
  18748. }
  18749. }
  18750. if(snum == 0){
  18751. this.newEnglishList = { engTitle:"",engText:"" };
  18752. this.newEnglishList.engTitle = z.engTitle;
  18753. this.newEnglishList.engText = z.engText;
  18754. }
  18755. }else if(this.userMes[0].type == 1){
  18756. var num = 0;
  18757. for(var w= 0;w<a.length;w++){
  18758. if(this.userMes[0].userid == a[w].correct){
  18759. num = 1;
  18760. }
  18761. }
  18762. if(num == 0){
  18763. this.isNoUserid = true;
  18764. var c = JSON.parse(JSON.stringify(z));
  18765. this.oldEnglishJson1 = c;
  18766. }else{
  18767. this.isNoUserid = false;
  18768. }
  18769. var b = a.sort((item, index) => {
  18770. if (item.correct === this.userMes[0].userid) {
  18771. return -1; // 将a移到前面
  18772. } else if (index.correct === this.userMes[0].userid) {
  18773. return 1; // 将b移到前面
  18774. } else {
  18775. return 0; // 保持默认顺序
  18776. }
  18777. });
  18778. this.newEnglishList1 = b;
  18779. }
  18780. }
  18781. this.engUpdateDialogVisible = true;
  18782. this.$forceUpdate();
  18783. setTimeout(() => {
  18784. this.topHeight = document.querySelectorAll(".engUpTop")[0].offsetHeight;
  18785. if(this.newEnglishList1.length > 0){
  18786. if(this.isNoUserid == true){
  18787. this.engListLength = this.newEnglishList1.length + 1;
  18788. this.newEngIndex = -1;
  18789. }else{
  18790. this.engListLength = this.newEnglishList1.length;
  18791. this.newEngIndex = 0;
  18792. }
  18793. }
  18794. }, 500);
  18795. })
  18796. .catch((err) => {
  18797. console.error(err);
  18798. });
  18799. },
  18800. getPick() {
  18801. let params = {
  18802. cid: this.id,
  18803. };
  18804. this.ajax
  18805. .get(this.$store.state.api + "getPick", params)
  18806. .then((res) => {
  18807. let array = [];
  18808. for (var i = 0; i < res.data[0].length; i++) {
  18809. array.push(res.data[0][i].userid);
  18810. }
  18811. this.isPickStudent = array;
  18812. if (array.indexOf(this.userid) !== -1) {
  18813. this.$confirm("你被老师选到啦!", "提示", {
  18814. confirmButtonText: "确定",
  18815. showCancelButton: false,
  18816. closeOnClickModal: false,
  18817. type: "warning",
  18818. })
  18819. .then(() => {
  18820. let pa = [
  18821. {
  18822. uid: this.userid,
  18823. cid: this.id,
  18824. },
  18825. ];
  18826. this.ajax
  18827. .post(this.$store.state.api + "deletePick", pa)
  18828. .then((res) => {
  18829. this.getPick();
  18830. })
  18831. .catch((err) => {
  18832. this.$message.error("网络不佳");
  18833. console.error(err);
  18834. });
  18835. })
  18836. .catch(() => {});
  18837. }
  18838. })
  18839. .catch((err) => {
  18840. this.$message.error("网络不佳");
  18841. console.error(err);
  18842. });
  18843. },
  18844. },
  18845. directives: {
  18846. // 使用局部注册指令的方式
  18847. resize: {
  18848. // 指令的名称
  18849. bind(el, binding) {
  18850. // el为绑定的元素,binding为绑定给指令的对象
  18851. let width = "",
  18852. height = "";
  18853. function isReize() {
  18854. const style = document.defaultView.getComputedStyle(el);
  18855. if (width !== style.width || height !== style.height) {
  18856. binding.value(); // 关键
  18857. }
  18858. width = style.width;
  18859. height = style.height;
  18860. }
  18861. el.__vueSetInterval__ = setInterval(isReize, 300);
  18862. },
  18863. unbind(el) {
  18864. clearInterval(el.__vueSetInterval__);
  18865. },
  18866. },
  18867. autoHeight: {
  18868. update(el, binding) {
  18869. const { value } = binding
  18870. if (value && typeof value === 'number') {
  18871. el.style.height = `${value}px`
  18872. } else {
  18873. el.style.height = 'auto'
  18874. }
  18875. },
  18876. componentUpdated(el) {
  18877. el.style.height = `${el.scrollHeight + 5}px`
  18878. },
  18879. },
  18880. },
  18881. beforeDestroy() {
  18882. window.onresize = null;
  18883. clearInterval(this.timer);
  18884. this.timer = null;
  18885. clearInterval(this.opertimer);
  18886. this.opertimer = null;
  18887. },
  18888. computed: {
  18889. getHeight(){
  18890. return document.querySelectorAll(".engUpTop")[0].offsetHeight;
  18891. },
  18892. contentConvent() {
  18893. return function (c) {
  18894. return c
  18895. ? c
  18896. .replaceAll(/\r\n/g, "<br/>")
  18897. .replaceAll(/\n/g, "<br/>")
  18898. .replaceAll(/\s/g, " &nbsp")
  18899. : "";
  18900. };
  18901. },
  18902. checkUpload() {
  18903. return function () {
  18904. var studentK = [];
  18905. if (this.plworkFile.length > 0) {
  18906. for (var z = 0; z < this.plworkFile.length; z++) {
  18907. studentK.push(this.plworkFile[z].username);
  18908. }
  18909. studentK = studentK.join(",");
  18910. }
  18911. var a = this.uploadStudentJuri.filter((el) => {
  18912. return studentK.indexOf(el.userid) == -1;
  18913. });
  18914. return a;
  18915. };
  18916. },
  18917. getSName() {
  18918. return function (name) {
  18919. var check = name;
  18920. this.uploadStudentJuri.forEach((el) => {
  18921. if (el.userid == check) {
  18922. check = el.name ? el.name : el.username;
  18923. }
  18924. });
  18925. return check;
  18926. };
  18927. },
  18928. getImgList() {
  18929. return function (val) {
  18930. let srcList = []; // 定义一个数组用来接收后面的img地址
  18931. val.replace(
  18932. /<img [^>]*src=['"]([^'"]+)[^>]*>/g,
  18933. function (match, capture) {
  18934. // 查找匹配的元素 match为整个img标签 capture为src中的内容
  18935. srcList.push(capture);
  18936. }
  18937. );
  18938. return srcList;
  18939. };
  18940. },
  18941. },
  18942. mounted() {
  18943. document.body.addEventListener("click", (e) => {
  18944. if (this.isUpdateToolDetail1) {
  18945. this.updateToolDetail(this.toolDetailIndex);
  18946. }
  18947. });
  18948. if (this.screenType == 2) {
  18949. window.parent.postMessage({ allScreen: 4 }, "*");
  18950. } else if (this.screenType == 3) {
  18951. window.parent.postMessage({ allScreen: 5 }, "*");
  18952. } else if (this.screenType == 1) {
  18953. window.parent.postMessage({ allScreen: 6 }, "*");
  18954. }
  18955. this.setOperationTime();
  18956. this.selectEva();
  18957. this.getCourseDetail();
  18958. this.selectCount();
  18959. this.getHomeWork();
  18960. this.selectUser();
  18961. this.contentDialog = true;
  18962. this.setContent2(true);
  18963. if (this.tType == 4) {
  18964. this.pzDialog = true;
  18965. this.selectPz();
  18966. }
  18967. document.scrollingElement.scrollTop = 0;
  18968. window.addEventListener("resize", () => {
  18969. var a = document.getElementsByClassName("box_course")[0].offsetHeight;
  18970. // document.getElementsByClassName("vedioList")[0].style.height = a + "px";
  18971. if (this.showType == 2 || this.showType == 3) {
  18972. document.getElementsByClassName("navBox")[0].style.height =
  18973. a - 40 + 46 + "px";
  18974. } else {
  18975. document.getElementsByClassName("navBox")[0].style.height =
  18976. a - 40 + "px";
  18977. }
  18978. });
  18979. let _this = this;
  18980. setTimeout(() => {
  18981. // _this.vedioTime = [];
  18982. // for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
  18983. // _this.vedioTime[i] = document.getElementsByClassName(
  18984. // "vjs-duration-display"
  18985. // )[i].textContent;
  18986. // }
  18987. }, 1000);
  18988. },
  18989. };
  18990. </script>
  18991. <style scoped>
  18992. @media screen and (max-width: 1280px) {
  18993. /* .courseIndex > div:first-child(2) {
  18994. width: 15% !important;
  18995. } */
  18996. /* .navText {
  18997. width: 120px !important;
  18998. } */
  18999. .evaCss {
  19000. flex-direction: column !important;
  19001. align-items: center !important;
  19002. }
  19003. .elist_input {
  19004. width: 90% !important;
  19005. }
  19006. .dialog_diy1 >>> .el-dialog {
  19007. width: 100% !important;
  19008. }
  19009. .rightWidthCss {
  19010. width: 100% !important;
  19011. }
  19012. .dialog_diy3 >>> .el-dialog {
  19013. width: 100% !important;
  19014. }
  19015. .addToolCss {
  19016. right: 0 !important;
  19017. width: 100% !important;
  19018. min-width: unset !important;
  19019. }
  19020. }
  19021. .evaCssMax {
  19022. flex-direction: column !important;
  19023. align-items: center !important;
  19024. }
  19025. .dialog_diy >>> .el-dialog {
  19026. margin-top: 10vh !important;
  19027. }
  19028. .body_student {
  19029. width: 77%;
  19030. height: 100%;
  19031. position: absolute;
  19032. left: 22%;
  19033. top: 0;
  19034. }
  19035. .student_head {
  19036. width: 100%;
  19037. margin: 20px auto 0;
  19038. padding-bottom: 20px;
  19039. display: flex;
  19040. flex-direction: column;
  19041. flex-wrap: nowrap;
  19042. align-items: flex-start;
  19043. justify-content: flex-start;
  19044. }
  19045. .pb_left {
  19046. width: 20%;
  19047. margin-right: 10px;
  19048. background: rgb(255, 255, 255);
  19049. position: fixed;
  19050. height: calc(100% - 40px);
  19051. border-radius: 20px;
  19052. padding-bottom: 15px;
  19053. box-sizing: border-box;
  19054. }
  19055. .wheel > img,
  19056. .project > img,
  19057. .star > img,
  19058. .evaluate > img,
  19059. .up_photo > img,
  19060. .chapter_add > img,
  19061. .deleteWord > img,
  19062. .question > img,
  19063. .homework > img {
  19064. width: 100%;
  19065. height: 100%;
  19066. }
  19067. .upCover > img {
  19068. width: 131px;
  19069. height: 69px;
  19070. object-fit: cover;
  19071. }
  19072. .upCover {
  19073. width: calc(100% / 3.5);
  19074. position: relative;
  19075. margin: 0 15px 10px 0;
  19076. display: flex;
  19077. flex-direction: column;
  19078. flex-wrap: nowrap;
  19079. justify-content: center;
  19080. align-content: center;
  19081. align-items: center;
  19082. height: fit-content;
  19083. }
  19084. .upCover2 {
  19085. width: 100%;
  19086. position: relative;
  19087. margin: 0 15px 10px 0;
  19088. display: flex;
  19089. flex-direction: column;
  19090. flex-wrap: nowrap;
  19091. justify-content: center;
  19092. align-content: center;
  19093. align-items: center;
  19094. }
  19095. .upCover2 > img {
  19096. width: 100%;
  19097. height: 90px;
  19098. object-fit: contain;
  19099. }
  19100. .chapter_add {
  19101. width: 120px;
  19102. position: relative;
  19103. text-align: center;
  19104. }
  19105. .isAddThings {
  19106. margin-top: 20px;
  19107. position: relative;
  19108. text-align: center;
  19109. background: #f7f8fa;
  19110. height: 90px;
  19111. width: 90px;
  19112. display: flex;
  19113. flex-direction: column;
  19114. justify-content: center;
  19115. }
  19116. .deleteWord {
  19117. width: 22px;
  19118. height: 22px;
  19119. position: absolute;
  19120. right: -5px;
  19121. top: -5px;
  19122. cursor: pointer;
  19123. }
  19124. .box_course {
  19125. /* width: 60%; */
  19126. width: calc(100% - 300px);
  19127. }
  19128. .wheel {
  19129. width: 100%;
  19130. /* height: 100%; */
  19131. height: 650px;
  19132. }
  19133. .right_box {
  19134. display: flex;
  19135. flex-direction: column;
  19136. margin-left: 30px;
  19137. justify-content: space-around;
  19138. }
  19139. .right_box_title {
  19140. font-size: 23px;
  19141. }
  19142. .people {
  19143. display: flex;
  19144. }
  19145. .student_body {
  19146. width: 100%;
  19147. margin: 0 auto;
  19148. margin-top: 10px;
  19149. padding: 0 0 20px;
  19150. }
  19151. .study_top {
  19152. margin-top: 100px;
  19153. width: 100%;
  19154. height: auto;
  19155. padding-bottom: 20px;
  19156. }
  19157. .study_top .checkbox {
  19158. display: flex;
  19159. align-items: center;
  19160. padding: 15px 0 15px 30px;
  19161. flex: 0 0 auto;
  19162. font-weight: bold;
  19163. border-bottom: 1px solid #eee;
  19164. }
  19165. .study_top .check {
  19166. padding-bottom: 5px;
  19167. text-align: center;
  19168. cursor: pointer;
  19169. height: 30px;
  19170. box-sizing: border-box;
  19171. display: flex;
  19172. }
  19173. .study_top .checked {
  19174. border-bottom: 4px solid #3fc6a0;
  19175. padding-bottom: 5px;
  19176. color: #3fc6a0;
  19177. display: flex;
  19178. height: 35px;
  19179. }
  19180. .study_top .checked > div,
  19181. .study_top .check > div {
  19182. margin-right: 5px;
  19183. }
  19184. .videoTop {
  19185. display: flex;
  19186. flex-direction: row;
  19187. justify-content: space-between;
  19188. background: #fff;
  19189. align-items: center;
  19190. width: 95%;
  19191. padding: 20px;
  19192. }
  19193. .filebox {
  19194. display: flex;
  19195. flex-wrap: wrap;
  19196. flex-direction: column;
  19197. padding: 0 0 5px;
  19198. position: relative;
  19199. }
  19200. .filebox:before {
  19201. content: ""; /* 使用 :before 伪元素创建纵向虚线 */
  19202. position: absolute;
  19203. top: 20px;
  19204. left: 13px;
  19205. border-left: 2px dotted #cad1dc;
  19206. height: calc(100% - 15px);
  19207. }
  19208. .toolHeng2 > div:last-child::before {
  19209. height: calc(100% - 43px);
  19210. }
  19211. .filebox .tooldetail {
  19212. width: calc(100% - 280px);
  19213. margin: 0px 12px;
  19214. padding: 12px;
  19215. line-height: 30px;
  19216. word-break: break-word;
  19217. background: #ffffff;
  19218. border-radius: 8px 8px 8px 8px;
  19219. opacity: 1;
  19220. border: 1px solid #cad1dc;
  19221. overflow:hidden;
  19222. box-sizing:border-box;
  19223. }
  19224. .file {
  19225. display: flex;
  19226. flex-direction: column;
  19227. align-items: center;
  19228. justify-content: center;
  19229. cursor: pointer;
  19230. width: 200px;
  19231. }
  19232. .file div {
  19233. margin-top: 10px;
  19234. width: 150px;
  19235. text-align: center;
  19236. overflow: hidden;
  19237. white-space: nowrap;
  19238. text-overflow: ellipsis;
  19239. }
  19240. .media {
  19241. display: flex;
  19242. flex-direction: column;
  19243. align-items: center;
  19244. justify-content: center;
  19245. margin: 0 20px 20px 0;
  19246. cursor: pointer;
  19247. margin: 12px 0 5px 15px;
  19248. overflow: hidden;
  19249. box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%),
  19250. 0px 2px 1px -1px rgb(0 0 0 / 12%);
  19251. box-sizing: border-box;
  19252. }
  19253. .media img {
  19254. height: 90px;
  19255. width: 160px;
  19256. object-fit: cover;
  19257. }
  19258. .media .title {
  19259. padding: 5px;
  19260. text-align: left;
  19261. width: 100%;
  19262. box-sizing: border-box;
  19263. }
  19264. .media .btn {
  19265. width: 100%;
  19266. height: 35px;
  19267. line-height: 35px;
  19268. color: #fff;
  19269. background: #606060;
  19270. text-align: center;
  19271. overflow: hidden;
  19272. white-space: nowrap;
  19273. text-overflow: ellipsis;
  19274. }
  19275. .detail_content_top {
  19276. width: 100%;
  19277. padding: 25px 0 25px 0;
  19278. }
  19279. .detail_title {
  19280. text-align: center;
  19281. font-size: 24px;
  19282. }
  19283. .detail_time {
  19284. font-size: 13px;
  19285. padding: 15px 0 0 40px;
  19286. }
  19287. .detail_content {
  19288. line-height: 2pc;
  19289. width: 90%;
  19290. margin: 0 auto;
  19291. padding-top: 30px;
  19292. text-indent: 30px;
  19293. overflow: auto;
  19294. height: 200px;
  19295. }
  19296. .score_box >>> .el-rate {
  19297. margin-left: 10px;
  19298. }
  19299. .dialog_change >>> .el-dialog {
  19300. border-radius: 5px;
  19301. }
  19302. .dialog_change >>> .el-dialog__header {
  19303. background: #f2f2f2;
  19304. text-align: center;
  19305. }
  19306. .dialog_change >>> .el-dialog__title {
  19307. line-height: 5px;
  19308. }
  19309. .dialog_change >>> .el-dialog__body {
  19310. background: #fff;
  19311. padding: 10px 20px;
  19312. }
  19313. .score_box {
  19314. display: flex;
  19315. align-items: center;
  19316. margin-bottom: 18px;
  19317. margin-top: 20px;
  19318. }
  19319. .up_photo {
  19320. width: 120px;
  19321. cursor: pointer;
  19322. margin-top: 10px;
  19323. }
  19324. .up_photo2 {
  19325. width: 180px;
  19326. box-sizing: border-box;
  19327. min-width: 180px;
  19328. height: 180px;
  19329. max-height: 180px;
  19330. min-height: 180px;
  19331. cursor: pointer;
  19332. display: flex;
  19333. flex-direction: column;
  19334. align-items: center;
  19335. justify-content: center;
  19336. background: rgb(242, 246, 255);
  19337. /* padding: 25px; */
  19338. margin-bottom: 10px;
  19339. }
  19340. .up_photo2 img {
  19341. width: 50%;
  19342. height: auto;
  19343. }
  19344. .up_photo2 span {
  19345. color: #898989;
  19346. }
  19347. .plworkBox {
  19348. display: flex;
  19349. align-items: center;
  19350. margin-top: 10px;
  19351. flex-wrap: wrap;
  19352. }
  19353. .upload_send {
  19354. margin: 30px auto 30px;
  19355. width: 60%;
  19356. background: #3681fc;
  19357. text-align: center;
  19358. height: 35px;
  19359. line-height: 35px;
  19360. color: #fff;
  19361. border-radius: 5px;
  19362. cursor: pointer;
  19363. }
  19364. .marginT {
  19365. margin-top: 20px;
  19366. }
  19367. .cd_content_steps {
  19368. display: flex;
  19369. width: 90%;
  19370. justify-content: space-around;
  19371. border-top: 1px solid #eeeeee;
  19372. }
  19373. .cd_steps_box {
  19374. display: flex;
  19375. justify-content: center;
  19376. align-items: center;
  19377. flex-direction: column;
  19378. cursor: pointer;
  19379. }
  19380. .first {
  19381. display: flex;
  19382. align-items: center;
  19383. margin: 15px 0 20px 0;
  19384. font-size: 20px;
  19385. }
  19386. .first > div:nth-child(2) {
  19387. font-size: 16px !important;
  19388. padding-left: 10px;
  19389. line-height: 26px;
  19390. box-sizing: border-box;
  19391. }
  19392. .blue_box_one {
  19393. text-align: center;
  19394. color: #fff;
  19395. background-image: linear-gradient(90deg, #477cd7, #65b9fc);
  19396. border-radius: 7px;
  19397. margin: 10px;
  19398. cursor: pointer;
  19399. width: 95%;
  19400. height: 45px;
  19401. display: flex;
  19402. flex-direction: row;
  19403. justify-content: flex-start;
  19404. align-items: center;
  19405. }
  19406. .blue_box_one > div:nth-child(1) {
  19407. line-height: 30px;
  19408. margin: 0 5px 0 10px;
  19409. width: 30%;
  19410. min-width: 70px;
  19411. border-radius: 4px;
  19412. }
  19413. .blue_box_one > div:nth-child(2) {
  19414. white-space: nowrap;
  19415. text-overflow: ellipsis;
  19416. overflow: hidden;
  19417. word-break: break-all;
  19418. width: 70%;
  19419. text-align: left;
  19420. margin-right: 10px;
  19421. max-width: calc(100% - 85px);
  19422. }
  19423. .blue_box_one > div:nth-child(2):hover {
  19424. overflow: hidden;
  19425. text-overflow: ellipsis;
  19426. white-space: nowrap;
  19427. cursor: pointer;
  19428. }
  19429. .upFile {
  19430. margin: 0 auto;
  19431. width: 120px;
  19432. background: #3681fc;
  19433. color: #fff;
  19434. height: 30px;
  19435. text-align: center;
  19436. line-height: 30px;
  19437. border-radius: 5px;
  19438. font-size: 14px;
  19439. cursor: pointer;
  19440. }
  19441. .courseTitle {
  19442. width: 85%;
  19443. margin: 10px auto 26px auto;
  19444. display: flex;
  19445. flex-direction: row;
  19446. align-items: center;
  19447. justify-content: space-between;
  19448. text-align: center;
  19449. }
  19450. .courseTitle .ctitle {
  19451. font-size: 20px;
  19452. font-weight: bold;
  19453. color: #0e1e33;
  19454. white-space: nowrap;
  19455. overflow: hidden;
  19456. text-overflow: ellipsis;
  19457. }
  19458. .inviteBox {
  19459. font-size: 14px;
  19460. /* margin-top: 5px; */
  19461. color: #00000099;
  19462. text-align: center;
  19463. }
  19464. .courseTitle >>> .el-tooltip {
  19465. width: 100%;
  19466. white-space: nowrap;
  19467. overflow: hidden;
  19468. text-overflow: ellipsis;
  19469. word-break: break-word;
  19470. }
  19471. .ml {
  19472. margin-left: 20px;
  19473. color: #5b7dba;
  19474. border-left: 3px solid #5b7dba;
  19475. padding-left: 5px;
  19476. font-weight: bold;
  19477. }
  19478. .return {
  19479. width: 2rem;
  19480. height: 2rem;
  19481. cursor: pointer;
  19482. }
  19483. .return > img {
  19484. width: 100%;
  19485. height: 100%;
  19486. }
  19487. .returnBtn {
  19488. width: 86px;
  19489. height: 36px;
  19490. background: #3681fc;
  19491. border-radius: 4px;
  19492. color: #fff;
  19493. text-align: center;
  19494. line-height: 36px;
  19495. margin-right: 20px;
  19496. cursor: pointer;
  19497. font-size: 14px;
  19498. font-weight: 400;
  19499. display: flex;
  19500. flex-direction: row;
  19501. flex-wrap: nowrap;
  19502. align-items: center;
  19503. justify-content: center;
  19504. }
  19505. .reBtnIcon,
  19506. .commentIcon,
  19507. .vedioIcon,
  19508. .vedioIcon1 {
  19509. /* width: 36px; */
  19510. height: 36px;
  19511. border-radius: 4px;
  19512. position: relative;
  19513. /* background: #e0eafb; */
  19514. background: #0061ff;
  19515. cursor: pointer;
  19516. margin-right: 12px;
  19517. display: flex;
  19518. align-items: center;
  19519. padding: 0 10px;
  19520. box-sizing: border-box;
  19521. font-size: 14px;
  19522. color: #fff;
  19523. }
  19524. .reBtnIcon::before,
  19525. .commentIcon::before,
  19526. .vedioIcon::before,
  19527. .vedioIcon1::before {
  19528. content: "";
  19529. display: block;
  19530. background-size: 100% 100%;
  19531. background-repeat: no-repeat;
  19532. width: 20px;
  19533. height: 20px;
  19534. margin-right: 5px;
  19535. /* position: absolute; */
  19536. /* top: 8px;
  19537. left: 8px; */
  19538. }
  19539. .vedioIcon1 {
  19540. background: #f63564;
  19541. }
  19542. .reBtnIcon::before {
  19543. background-image: url("../../assets/icon/newIcons/refresh.png");
  19544. }
  19545. .commentIcon::before {
  19546. background-image: url("../../assets/icon/newIcons/comment.png");
  19547. }
  19548. .vedioIcon::before {
  19549. background-image: url("../../assets/icon/newIcons/transcribe.png");
  19550. }
  19551. .vedioIcon1::before {
  19552. /* background-image: url("../../assets/icon/newIcons/istranscribe.png"); */
  19553. background-image: url("../../assets/icon/newIcons/transcribe.png");
  19554. }
  19555. .tool {
  19556. display: flex;
  19557. flex-direction: column;
  19558. flex-wrap: nowrap;
  19559. width: 13%;
  19560. margin: 0 30px;
  19561. align-items: center;
  19562. position: relative;
  19563. padding: 10px 25px;
  19564. cursor: pointer;
  19565. }
  19566. .whiteBIcon {
  19567. width: 150px;
  19568. }
  19569. .whiteBIcon > img {
  19570. width: 100%;
  19571. height: 100%;
  19572. }
  19573. .mask {
  19574. background-color: rgba(0, 0, 0, 0);
  19575. position: fixed;
  19576. top: 0;
  19577. left: 0;
  19578. width: 100%;
  19579. height: 100%;
  19580. z-index: 20000;
  19581. display: flex;
  19582. align-items: center;
  19583. justify-content: center;
  19584. }
  19585. .progressBox {
  19586. width: 500px;
  19587. height: 180px;
  19588. background: #fff;
  19589. border-radius: 10px;
  19590. box-shadow: 0 0 6px 1px #bfbfbf;
  19591. display: flex;
  19592. align-items: center;
  19593. justify-content: center;
  19594. flex-direction: column;
  19595. position: relative;
  19596. color: #6c6c6c;
  19597. }
  19598. .progressBox >>> .el-progress-bar__outer {
  19599. background-color: #d1dfff !important;
  19600. }
  19601. .progressBox .lbox {
  19602. height: 50px;
  19603. font-size: 19px;
  19604. display: flex;
  19605. align-items: center;
  19606. color: #747474;
  19607. }
  19608. .progressBox .lbox img {
  19609. width: 40px;
  19610. margin-right: 20px;
  19611. }
  19612. .closeCss {
  19613. position: absolute;
  19614. top: 8px;
  19615. right: 8px;
  19616. cursor: pointer;
  19617. width: 20px;
  19618. height: 20px;
  19619. }
  19620. .closeCss > img {
  19621. width: 100%;
  19622. height: 100%;
  19623. }
  19624. .uploadVedio {
  19625. display: flex;
  19626. flex-direction: column;
  19627. flex-wrap: nowrap;
  19628. justify-content: center;
  19629. align-items: center;
  19630. margin: 0 15px 10px 0;
  19631. }
  19632. .uploadVedio > img {
  19633. width: 30px;
  19634. height: 30px;
  19635. }
  19636. .uploadVedio > span {
  19637. white-space: nowrap;
  19638. overflow: hidden;
  19639. text-overflow: ellipsis;
  19640. width: 75px;
  19641. margin-top: 7px;
  19642. }
  19643. .picName {
  19644. white-space: nowrap;
  19645. overflow: hidden;
  19646. text-overflow: ellipsis;
  19647. width: 75px;
  19648. margin-top: 7px;
  19649. }
  19650. .new_top {
  19651. display: flex;
  19652. background: #fff;
  19653. flex-direction: row;
  19654. justify-content: flex-start;
  19655. align-items: center;
  19656. height: 60px;
  19657. position: fixed;
  19658. top: 20px;
  19659. left: 22%;
  19660. width: 77%;
  19661. z-index: 999;
  19662. border-radius: 12px 12px 0 0;
  19663. border-bottom: 1px solid #cad1dc;
  19664. padding: 10px 0;
  19665. }
  19666. .new_topFixed {
  19667. width: 100%;
  19668. height: 40px;
  19669. position: fixed;
  19670. top: 0px;
  19671. display: block;
  19672. background: #f2f2f2;
  19673. z-index: 998;
  19674. }
  19675. .before {
  19676. position: absolute;
  19677. background: #c3dad4;
  19678. width: 6px;
  19679. height: 100%;
  19680. }
  19681. .courseIndex {
  19682. display: flex;
  19683. flex-direction: row;
  19684. align-items: center;
  19685. width: calc(100% - 745px);
  19686. }
  19687. .courseIndex > div:nth-child(1) {
  19688. margin: 0 0 0 10px;
  19689. font-size: 20px;
  19690. min-width: 100px;
  19691. font-weight: bold;
  19692. border-left: 4px solid #3363b9;
  19693. height: 32px;
  19694. text-align: center;
  19695. line-height: 35px;
  19696. }
  19697. .courseIndex > div:nth-child(2) {
  19698. font-size: 20px;
  19699. /* width: 300px; */
  19700. max-width: calc(100% - 105px);
  19701. white-space: nowrap;
  19702. overflow: hidden;
  19703. text-overflow: ellipsis;
  19704. }
  19705. .courseIndex > div:nth-child(3) {
  19706. border-bottom: 1px solid #d7d7d7;
  19707. padding-bottom: 5px;
  19708. background: #3681fc;
  19709. width: 55px;
  19710. min-width: 55px;
  19711. border-radius: 5px;
  19712. color: #fff;
  19713. text-align: center;
  19714. height: 20px;
  19715. line-height: 26px;
  19716. font-size: 14px;
  19717. margin: 0 0 0 10px;
  19718. }
  19719. .course_text {
  19720. padding: 20px 0 0 15px;
  19721. text-indent: 30px;
  19722. width: 80%;
  19723. min-height: 20px;
  19724. }
  19725. .vedioList {
  19726. background: #f2f2f2;
  19727. border: 1px solid #ececec;
  19728. /* width: 38.8%; */
  19729. width: 300px;
  19730. height: 445px;
  19731. border-radius: 10px;
  19732. overflow: hidden;
  19733. box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.16);
  19734. }
  19735. .vedioNav {
  19736. margin: 10px 0 0 15px;
  19737. border-bottom: 1px solid #d7d7d7;
  19738. padding-bottom: 5px;
  19739. background: #3681fc;
  19740. width: 55px;
  19741. min-width: 55px;
  19742. border-radius: 5px;
  19743. color: #fff;
  19744. text-align: center;
  19745. height: 20px;
  19746. line-height: 26px;
  19747. font-size: 14px;
  19748. }
  19749. .queTop {
  19750. display: flex;
  19751. padding: 20px 0 20px 30px;
  19752. width: 100%;
  19753. flex-direction: row;
  19754. justify-content: flex-start;
  19755. align-items: center;
  19756. box-sizing: border-box;
  19757. }
  19758. .queTopTitle {
  19759. display: flex;
  19760. flex-direction: row;
  19761. flex-wrap: nowrap;
  19762. align-items: center;
  19763. font-weight: bold;
  19764. font-size: 20px;
  19765. color: rgb(14, 30, 51);
  19766. }
  19767. .queTopTitle::before {
  19768. content: "";
  19769. width: 2px;
  19770. height: 22px;
  19771. background: #3681fc;
  19772. border-radius: 3px;
  19773. display: block;
  19774. margin: 2px 6px 0 0;
  19775. }
  19776. .queTopRight {
  19777. display: flex;
  19778. flex-direction: row;
  19779. flex-wrap: nowrap;
  19780. align-items: center;
  19781. }
  19782. .queTopClose {
  19783. margin-right: 20px;
  19784. cursor: pointer;
  19785. position: relative;
  19786. display: flex;
  19787. }
  19788. .closeImg,
  19789. .openImg {
  19790. width: 25px;
  19791. height: 25px;
  19792. position: absolute;
  19793. left: -20px;
  19794. top: -1px;
  19795. }
  19796. .closeImg > img,
  19797. .openImg > img {
  19798. width: 100%;
  19799. height: 100%;
  19800. }
  19801. .question {
  19802. width: 40px;
  19803. margin-right: 10px;
  19804. margin-top: 7px;
  19805. }
  19806. .queTitle {
  19807. margin-left: 5px;
  19808. font-size: 25px;
  19809. display: flex;
  19810. align-items: center;
  19811. }
  19812. .addEditor {
  19813. width: 100px;
  19814. height: 30px;
  19815. background: #42cda6;
  19816. color: #fff;
  19817. border-radius: 5px;
  19818. text-align: center;
  19819. line-height: 30px;
  19820. box-shadow: 1px 3px 6px 1px #bfbfbf;
  19821. cursor: pointer;
  19822. }
  19823. /* .vedioName {
  19824. cursor: pointer;
  19825. margin: 0px 0px 10px 5px;
  19826. white-space: nowrap;
  19827. overflow: hidden;
  19828. text-overflow: ellipsis;
  19829. width: 100%;
  19830. } */
  19831. .vedioTime {
  19832. width: 35px;
  19833. position: absolute;
  19834. color: #fff;
  19835. bottom: 0px;
  19836. right: 0px;
  19837. text-align: center;
  19838. background: #46411f;
  19839. height: 20px;
  19840. font-size: 14px;
  19841. line-height: 20px;
  19842. }
  19843. .homework {
  19844. width: 200px;
  19845. display: flex;
  19846. flex-direction: column;
  19847. flex-wrap: nowrap;
  19848. align-items: center;
  19849. cursor: pointer;
  19850. }
  19851. .homebox {
  19852. display: flex;
  19853. flex-wrap: wrap;
  19854. flex-direction: row;
  19855. justify-content: flex-start;
  19856. align-items: center;
  19857. padding: 15px 0;
  19858. }
  19859. .isChooseActive {
  19860. color: #3681fc !important;
  19861. font-weight: bold !important;
  19862. }
  19863. .chooseWho {
  19864. display: flex;
  19865. width: 100%;
  19866. flex-direction: row;
  19867. flex-wrap: nowrap;
  19868. justify-content: flex-start;
  19869. padding-bottom: 10px;
  19870. }
  19871. .chooseWho > div {
  19872. cursor: pointer;
  19873. padding-bottom: 10px;
  19874. margin: 0 30px 0 0;
  19875. font-weight: 400;
  19876. color: #0e1e33;
  19877. }
  19878. .addPoint > div > img {
  19879. cursor: pointer;
  19880. width: 85px;
  19881. border-radius: 15px;
  19882. box-shadow: 0px 1px 8px 0px rgb(20 20 20 / 14%);
  19883. }
  19884. .addPoint > div {
  19885. display: flex;
  19886. flex-direction: column;
  19887. flex-wrap: nowrap;
  19888. align-items: center;
  19889. }
  19890. .isBorder > div {
  19891. margin: 0 0 10px 0;
  19892. align-items: flex-start !important;
  19893. }
  19894. .noiframeBox {
  19895. display: flex;
  19896. flex-wrap: wrap;
  19897. }
  19898. .iframeBox iframe {
  19899. width: 100%;
  19900. height: 800px;
  19901. border: none;
  19902. margin-bottom: 20px;
  19903. border: 1px solid #ccc;
  19904. }
  19905. .upload_toolBtn {
  19906. background: #3681fc;
  19907. color: #fff;
  19908. width: 110px;
  19909. text-align: center;
  19910. height: 35px;
  19911. line-height: 35px;
  19912. font-size: 14px;
  19913. border-radius: 5px;
  19914. cursor: pointer;
  19915. position: absolute;
  19916. right: 10px;
  19917. bottom: 0;
  19918. }
  19919. .binfo_input,
  19920. .pj {
  19921. font: inherit;
  19922. color: currentColor;
  19923. width: 100%;
  19924. margin: 0;
  19925. padding: 15px 14px;
  19926. display: block;
  19927. min-width: 0;
  19928. outline: none;
  19929. box-sizing: content-box;
  19930. background: none;
  19931. -webkit-tap-highlight-color: transparent;
  19932. border: 1px solid rgba(0, 0, 0, 0.23);
  19933. border-radius: 4px;
  19934. box-sizing: border-box;
  19935. resize: none;
  19936. }
  19937. .binfo_input:focus-visible {
  19938. border: 1px solid rgba(61, 103, 188);
  19939. }
  19940. .dialog_diy >>> .el-dialog__header,
  19941. .dialog_diy1 >>> .el-dialog__header {
  19942. background: #454545 !important;
  19943. padding: 15px 20px;
  19944. }
  19945. .dialog_diy >>> .el-dialog__title,
  19946. .dialog_diy1 >>> .el-dialog__title {
  19947. color: #fff;
  19948. }
  19949. .dialog_diy >>> .el-dialog__headerbtn,
  19950. .dialog_diy1 >>> .el-dialog__headerbtn {
  19951. top: 19px;
  19952. }
  19953. .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close,
  19954. .dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close {
  19955. color: #fff;
  19956. }
  19957. .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover,
  19958. .dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover {
  19959. color: #fff;
  19960. }
  19961. .dialog_diy1 >>> .el-dialog__body {
  19962. padding: 0;
  19963. }
  19964. .dialog_diy >>> .el-dialog__body,
  19965. .dialog_diy >>> .el-dialog__footer,
  19966. .dialog_diy1 >>> .el-dialog__footer {
  19967. background: #fafafa;
  19968. }
  19969. .a_addBox {
  19970. padding: 0 0 0 15px;
  19971. }
  19972. .a_add_box {
  19973. padding: 10px;
  19974. background: #fff;
  19975. margin-bottom: 10px;
  19976. border-radius: 5px;
  19977. box-shadow: 0 0 5px 0 #d5d5d5;
  19978. }
  19979. .a_add_head {
  19980. display: flex;
  19981. align-items: flex-start;
  19982. /* justify-content: space-between; */
  19983. flex-direction: column;
  19984. /* flex-direction: row; */
  19985. margin: 10px 0 20px 0;
  19986. font-size: 18px;
  19987. width: 100%;
  19988. }
  19989. .askIndex {
  19990. background: #3681fc;
  19991. border-radius: 50%;
  19992. color: #fff;
  19993. width: 25px;
  19994. height: 25px;
  19995. min-width: 25px;
  19996. min-height: 25px;
  19997. text-align: center;
  19998. line-height: 25px;
  19999. margin-right: 5px;
  20000. }
  20001. .a_add_head .a_add_head_input {
  20002. width: 300px;
  20003. }
  20004. .a_add_head .a_add_head_div {
  20005. display: flex;
  20006. align-items: center;
  20007. justify-content: space-between;
  20008. }
  20009. .a_add_body {
  20010. display: flex;
  20011. align-items: center;
  20012. }
  20013. .a_add_input {
  20014. display: flex;
  20015. align-items: center;
  20016. flex-wrap: wrap;
  20017. width: 100%;
  20018. }
  20019. .a_add_input >>> .el-radio-group,
  20020. .a_add_input >>> .el-checkbox-group {
  20021. width: 100%;
  20022. }
  20023. .a_add_input >>> .el-radio,
  20024. .a_add_input >>> .el-checkbox {
  20025. display: flex;
  20026. flex-direction: row;
  20027. flex-wrap: nowrap;
  20028. align-items: center;
  20029. padding: 15px 0;
  20030. }
  20031. .a_add_input >>> .el-radio:not(:last-child),
  20032. .a_add_input >>> .el-checkbox:not(:last-child) {
  20033. width: 100%;
  20034. border-bottom: 1px solid #efefef;
  20035. }
  20036. .redioStyle >>> .el-radio__label {
  20037. font-size: 18px;
  20038. }
  20039. .redioStyle >>> .el-radio__label > span,
  20040. .redioStyle >>> .el-checkbox__label > span {
  20041. word-break: break-all;
  20042. white-space: normal;
  20043. }
  20044. .redioStyle >>> .el-checkbox__label {
  20045. font-size: 18px;
  20046. }
  20047. .toolHeng2 {
  20048. width: 100%;
  20049. padding-left: 37px;
  20050. box-sizing: border-box;
  20051. }
  20052. .workNav {
  20053. font-size: 20px;
  20054. font-weight: bold;
  20055. color: #0e1e33;
  20056. display: flex;
  20057. flex-direction: row;
  20058. flex-wrap: nowrap;
  20059. align-items: center;
  20060. padding: 15px 0 15px 0;
  20061. }
  20062. .workNav::before {
  20063. content: "";
  20064. width: 2px;
  20065. height: 22px;
  20066. background: #3681fc;
  20067. border-radius: 3px;
  20068. display: block;
  20069. margin: 2px 6px 0 0;
  20070. }
  20071. .toolHeng {
  20072. display: flex;
  20073. flex-direction: row;
  20074. flex-wrap: wrap;
  20075. justify-content: flex-start;
  20076. align-items: center;
  20077. width: 100%;
  20078. }
  20079. .toolHeng > div {
  20080. padding-left: 20px;
  20081. }
  20082. .isWidth {
  20083. width: 20%;
  20084. }
  20085. .textTitle {
  20086. display: flex;
  20087. flex-direction: row;
  20088. flex-wrap: nowrap;
  20089. align-items: center;
  20090. width: 95%;
  20091. }
  20092. .textTitle >>> .el-form-item__label {
  20093. font-size: 22px;
  20094. color: #918f8f;
  20095. width: 100px;
  20096. }
  20097. .textTitle >>> .el-form-item__content {
  20098. width: calc(100% - 100px);
  20099. }
  20100. .textCss >>> .el-dialog {
  20101. width: 800px !important;
  20102. height: 400px;
  20103. background: #fafafa;
  20104. }
  20105. .textCss >>> .el-dialog__body {
  20106. margin: 55px 8% 0 8%;
  20107. padding: 0 !important;
  20108. }
  20109. .textCss >>> .el-dialog__footer {
  20110. padding-top: 38px;
  20111. }
  20112. .toolsCss >>> .el-dialog__body {
  20113. padding: 20px;
  20114. }
  20115. .lineCss >>> .el-dialog__body {
  20116. display: flex;
  20117. flex-direction: row;
  20118. align-items: center;
  20119. justify-content: center;
  20120. }
  20121. .newNav {
  20122. display: flex;
  20123. flex-direction: row;
  20124. align-items: baseline;
  20125. justify-content: flex-start;
  20126. }
  20127. .navListItem {
  20128. width: 280px;
  20129. height: 50px;
  20130. margin: 0px auto 10px;
  20131. display: flex;
  20132. flex-direction: row;
  20133. flex-wrap: nowrap;
  20134. align-items: center;
  20135. justify-content: space-between;
  20136. background: #f0f4fa;
  20137. border-radius: 6px 6px 6px 6px;
  20138. }
  20139. .navText {
  20140. cursor: pointer;
  20141. white-space: nowrap;
  20142. overflow: hidden;
  20143. text-overflow: ellipsis;
  20144. width: 220px;
  20145. padding: 0 10px;
  20146. font-weight: 400;
  20147. color: #0e1e33;
  20148. }
  20149. .downIcon {
  20150. width: 20px;
  20151. min-width: 20px;
  20152. height: 20px;
  20153. margin-right: 15px;
  20154. cursor: pointer;
  20155. }
  20156. .downIcon > img {
  20157. width: 100%;
  20158. height: 100%;
  20159. }
  20160. .noVedio {
  20161. display: flex;
  20162. flex-direction: row;
  20163. justify-content: center;
  20164. align-content: center;
  20165. }
  20166. .noNavText {
  20167. cursor: pointer;
  20168. margin: 0px 0px 10px 5px;
  20169. width: 112px;
  20170. }
  20171. .listNoVedio {
  20172. margin: 0 0 0 30px;
  20173. width: 97%;
  20174. }
  20175. .video-player >>> .video-js {
  20176. height: 100%;
  20177. }
  20178. .hangVedioList {
  20179. width: 90% !important;
  20180. height: 150px !important;
  20181. margin: 20px 0 0 30px;
  20182. }
  20183. .hangVedio {
  20184. width: 100%;
  20185. height: 170px !important;
  20186. align-items: flex-start !important;
  20187. }
  20188. .hangHand {
  20189. height: 150px !important;
  20190. }
  20191. .twoChild {
  20192. width: 95%;
  20193. margin: 10px;
  20194. border-radius: 5px;
  20195. background: #f2f2f2;
  20196. display: flex;
  20197. flex-direction: column;
  20198. flex-wrap: nowrap;
  20199. justify-content: flex-start;
  20200. align-items: flex-start;
  20201. transition: all 0.5s;
  20202. overflow: hidden;
  20203. height: 0;
  20204. background: #e7f3ff;
  20205. }
  20206. .twoChild > div:nth-child(1) {
  20207. margin-top: 5px;
  20208. }
  20209. .navChild {
  20210. width: 100%;
  20211. cursor: pointer;
  20212. margin-bottom: 10px;
  20213. position: relative;
  20214. }
  20215. .navChild img {
  20216. position: absolute;
  20217. right: 11px;
  20218. width: 15px;
  20219. top: 50%;
  20220. transform: translateY(-50%);
  20221. }
  20222. .navActive,
  20223. .toolActive {
  20224. height: auto !important;
  20225. overflow: auto !important;
  20226. /* padding-bottom: 16px; */
  20227. }
  20228. .toolActive {
  20229. padding: 0;
  20230. }
  20231. .navTask {
  20232. display: flex;
  20233. flex-direction: row;
  20234. flex-wrap: nowrap;
  20235. align-items: center;
  20236. align-content: flex-start;
  20237. height: 40px;
  20238. justify-content: flex-start;
  20239. padding: 0 10px;
  20240. width: 100%;
  20241. box-sizing: border-box;
  20242. }
  20243. .navTaskname {
  20244. white-space: nowrap;
  20245. text-overflow: ellipsis;
  20246. overflow: hidden;
  20247. word-break: break-all;
  20248. padding-left: 5px;
  20249. }
  20250. .openTaskActive {
  20251. background-color: #e0eafb !important;
  20252. color: #0061ff;
  20253. }
  20254. .iframeName {
  20255. margin: 5px 0;
  20256. border-left: 4px solid #41c4a4;
  20257. padding-left: 4px;
  20258. }
  20259. .toolTitle {
  20260. margin: 0px 0px 20px;
  20261. font-size: 20px;
  20262. font-weight: 500;
  20263. border-left: 4px solid #41c4a4;
  20264. padding-left: 4px;
  20265. }
  20266. .cru_selectBox {
  20267. overflow: auto;
  20268. width: 95%;
  20269. margin: 17px auto 0;
  20270. height: calc(100% - 40px - 21px - 20px - 17px);
  20271. background: #fff;
  20272. border-radius: 8px;
  20273. }
  20274. .cru_selectBox::-webkit-scrollbar,
  20275. .study_top::-webkit-scrollbar,
  20276. .textContent::-webkit-scrollbar {
  20277. /*滚动条整体样式*/
  20278. width: 6px;
  20279. /*高宽分别对应横竖滚动条的尺寸*/
  20280. height: 6px;
  20281. }
  20282. /*定义滚动条轨道 内阴影+圆角*/
  20283. .cru_selectBox::-webkit-scrollbar-track,
  20284. .study_top::-webkit-scrollbar-track,
  20285. .textContent::-webkit-scrollbar {
  20286. border-radius: 10px;
  20287. background-color: #b8bdc9;
  20288. }
  20289. /*定义滑块 内阴影+圆角*/
  20290. .cru_selectBox::-webkit-scrollbar-thumb,
  20291. .study_top::-webkit-scrollbar-thumb,
  20292. .textContent::-webkit-scrollbar-thumb {
  20293. border-radius: 10px;
  20294. -webkit-box-shadow: inset 0 0 6px rgb(96, 125, 184);
  20295. background-color: #2c5ab3;
  20296. }
  20297. .vedioBox {
  20298. border-radius: 0 0 20px 20px;
  20299. background: #fff;
  20300. overflow: auto;
  20301. }
  20302. .taskBox {
  20303. width: 98%;
  20304. background: #f0f4fa;
  20305. margin: 10px auto;
  20306. padding: 0 10px;
  20307. border-radius: 4px;
  20308. box-sizing: border-box;
  20309. }
  20310. .vedioTaskBox {
  20311. width: 100%;
  20312. display: flex;
  20313. flex-direction: row;
  20314. flex-wrap: nowrap;
  20315. align-items: flex-start;
  20316. position: relative;
  20317. }
  20318. .toolBox {
  20319. margin: 15px 0 0 25px;
  20320. display: flex;
  20321. position: relative;
  20322. padding: 18px 20px;
  20323. border-top-left-radius: 5px;
  20324. border-top-right-radius: 5px;
  20325. width: 90%;
  20326. }
  20327. .btnAll {
  20328. position: absolute;
  20329. right: 0;
  20330. display: flex;
  20331. flex-direction: row;
  20332. flex-wrap: nowrap;
  20333. align-items: center;
  20334. }
  20335. .btnLeft,
  20336. .btnRight {
  20337. display: flex;
  20338. flex-direction: row;
  20339. flex-wrap: nowrap;
  20340. align-items: center;
  20341. padding: 5px 0;
  20342. }
  20343. .btnLeft {
  20344. border-right: 1px solid #cad1dc;
  20345. }
  20346. .btnLeft > .custom-tooltip {
  20347. background: #3681fc;
  20348. color: #fff;
  20349. }
  20350. .last:hover {
  20351. background: #3383fa !important;
  20352. color: #fff;
  20353. border: 1px solid #3383fa !important;
  20354. }
  20355. .last,
  20356. .returnBtn1 {
  20357. width: 90px;
  20358. height: 36px;
  20359. background: #ffffff;
  20360. border-radius: 4px;
  20361. border: 1px solid #0061ff;
  20362. color: #0061ff;
  20363. cursor: pointer;
  20364. display: flex;
  20365. flex-direction: row;
  20366. flex-wrap: nowrap;
  20367. align-items: center;
  20368. justify-content: center;
  20369. margin-left: 12px;
  20370. }
  20371. .returnBtn1 {
  20372. background: #f0f4fa;
  20373. border-radius: 4px;
  20374. border: 1px solid #cad1dc;
  20375. margin: 0 12px;
  20376. }
  20377. .lastImg {
  20378. min-width: 15px;
  20379. width: 15px;
  20380. height: 15px;
  20381. }
  20382. .lastText {
  20383. padding: 0 5px 2px 5px;
  20384. box-sizing: border-box;
  20385. font-size: 14px;
  20386. }
  20387. .lastImg > img {
  20388. width: 100%;
  20389. height: 100%;
  20390. }
  20391. /* .vedioTimeBox {
  20392. display: flex;
  20393. flex-direction: row;
  20394. align-items: center;
  20395. flex-wrap: nowrap;
  20396. position: relative;
  20397. } */
  20398. .navBox {
  20399. background: #fff;
  20400. height: calc(100% - 40px);
  20401. overflow-y: auto;
  20402. overflow-x: hidden;
  20403. }
  20404. .worksBox {
  20405. margin: 0 0 10px 25px;
  20406. border-bottom: 1px solid #eeeeee;
  20407. padding: 18px 20px;
  20408. border-radius: 4px;
  20409. width: 90%;
  20410. }
  20411. .worksBTitle {
  20412. font-size: 20px;
  20413. padding-bottom: 15px;
  20414. border-bottom: 1px solid #eeeeee;
  20415. display: flex;
  20416. align-items: center;
  20417. }
  20418. .greenBox {
  20419. width: 5px;
  20420. height: 30px;
  20421. background: #63b6fa;
  20422. margin-right: 5px;
  20423. }
  20424. .worksDetailBox {
  20425. display: flex;
  20426. width: 100%;
  20427. flex-direction: row;
  20428. flex-wrap: wrap;
  20429. align-items: flex-end;
  20430. justify-content: flex-start;
  20431. padding: 15px 0;
  20432. }
  20433. .works {
  20434. display: flex;
  20435. flex-direction: column;
  20436. flex-wrap: nowrap;
  20437. align-items: flex-start;
  20438. justify-content: flex-start;
  20439. align-content: center;
  20440. max-width: 240px;
  20441. width: calc(100% / 3 - 10px);
  20442. height: auto;
  20443. margin-right: 10px;
  20444. margin-bottom: 10px;
  20445. overflow: hidden;
  20446. height: 140px;
  20447. box-shadow: 0 0 6px 1px #dfdada;
  20448. border-radius: 15px;
  20449. }
  20450. .workImg {
  20451. width: 100%;
  20452. /* height: calc(100% - 40px); */
  20453. height: 105px;
  20454. position: relative;
  20455. }
  20456. .workImg > img {
  20457. width: 100%;
  20458. height: 100%;
  20459. object-fit: contain;
  20460. cursor: pointer;
  20461. }
  20462. .worksName {
  20463. height: 40px;
  20464. line-height: 40px;
  20465. display: flex;
  20466. width: 100%;
  20467. flex-direction: row;
  20468. flex-wrap: nowrap;
  20469. justify-content: space-between;
  20470. align-items: center;
  20471. margin: 0 0 0 10px;
  20472. }
  20473. .worksName > div:nth-child(1) {
  20474. width: 110px;
  20475. white-space: nowrap;
  20476. overflow: hidden;
  20477. text-overflow: ellipsis;
  20478. }
  20479. .worksName > div:nth-child(2) {
  20480. color: #b7b4b5;
  20481. }
  20482. .noWorksS {
  20483. padding: 15px 0;
  20484. display: flex;
  20485. flex-direction: row;
  20486. flex-wrap: wrap;
  20487. align-items: center;
  20488. justify-content: flex-start;
  20489. }
  20490. .noWorksName,
  20491. .isWorksName,
  20492. .isWorksName2 {
  20493. background: #ddebf8;
  20494. color: #000;
  20495. width: 90px;
  20496. height: 25px;
  20497. text-align: center;
  20498. line-height: 25px;
  20499. border-radius: 4px;
  20500. margin: 10px 15px 10px 0;
  20501. white-space: nowrap;
  20502. overflow: hidden;
  20503. padding: 5px;
  20504. text-overflow: ellipsis;
  20505. cursor: pointer;
  20506. border: 1px solid #ddebf8;
  20507. }
  20508. .noWorksName {
  20509. background: #fff;
  20510. color: #0061ff;
  20511. border: 1px solid #0061ff;
  20512. }
  20513. .isWorksName2 {
  20514. width: 100px;
  20515. height: 40px;
  20516. line-height: 40px;
  20517. position: relative;
  20518. background: #dae6f9;
  20519. }
  20520. .isWorksName {
  20521. background: #e7ebf1 !important;
  20522. width: 100px;
  20523. height: 40px;
  20524. line-height: 40px;
  20525. position: relative;
  20526. color: #acb4bf;
  20527. border: 1px solid #cad1dc !important;
  20528. }
  20529. .isSelectName,
  20530. .noWorksName:hover {
  20531. background: #3383fa !important;
  20532. color: #fff !important;
  20533. border: 1px solid #3383fa !important;
  20534. }
  20535. .title {
  20536. background: #1e5cc9;
  20537. /* width: 98%; */
  20538. height: 45px;
  20539. color: #fff;
  20540. line-height: 45px;
  20541. padding-left: 20px;
  20542. box-sizing: border-box;
  20543. }
  20544. .textBox {
  20545. font-size: 20px;
  20546. width: 90%;
  20547. display: flex;
  20548. flex-direction: column;
  20549. align-items: center;
  20550. margin: 20px auto 0;
  20551. max-height: calc(100% - 75px);
  20552. overflow: auto;
  20553. }
  20554. .textContent {
  20555. font-size: 18px;
  20556. width: 95%;
  20557. max-width: 95%;
  20558. }
  20559. .answerBg {
  20560. background: url("../../assets/icon/answerBgNew.png") no-repeat;
  20561. background-size: 100% 100%;
  20562. width: 100%;
  20563. height: 100%;
  20564. color: #fff;
  20565. text-align: center;
  20566. display: flex;
  20567. flex-direction: column;
  20568. flex-wrap: nowrap;
  20569. align-items: center;
  20570. position: relative;
  20571. justify-content: center;
  20572. }
  20573. .answerBg > div:nth-child(1) {
  20574. /* font-size: 22px;
  20575. padding: 25px 0 10px; */
  20576. }
  20577. .answerContent {
  20578. width: 215px;
  20579. max-height: 60px;
  20580. word-break: break-all;
  20581. text-align: center;
  20582. /* white-space: nowrap; */
  20583. overflow: hidden;
  20584. text-overflow: ellipsis;
  20585. /* padding: 23px 0 0; */
  20586. -webkit-line-clamp: 3;
  20587. -webkit-box-orient: vertical;
  20588. display: -webkit-box;
  20589. font-size: 15px;
  20590. cursor: pointer;
  20591. }
  20592. .elist_input_box {
  20593. display: flex;
  20594. align-items: flex-start;
  20595. flex-wrap: nowrap;
  20596. padding: 10px 0 15px 30px;
  20597. flex-direction: column;
  20598. }
  20599. .elist_input {
  20600. /* width: 40%; */
  20601. width: 45%;
  20602. margin: 20px;
  20603. }
  20604. .elist_input .elist_input_box input {
  20605. font: inherit;
  20606. color: currentColor;
  20607. width: 200px;
  20608. padding: 8px 14px;
  20609. display: block;
  20610. min-width: 0;
  20611. outline: none;
  20612. border: 1px solid rgba(0, 0, 0, 0.23);
  20613. border-radius: 4px;
  20614. box-sizing: border-box;
  20615. background: #fff;
  20616. margin: 0 20px 0 0;
  20617. }
  20618. .elist_input .elist_input_box span {
  20619. height: 36px;
  20620. line-height: 36px;
  20621. color: rgb(82, 82, 82);
  20622. }
  20623. .elist_input .elist_input_box .remove {
  20624. height: 20px;
  20625. width: 20px;
  20626. background-size: 100% 100%;
  20627. background-position: unset;
  20628. margin-left: 5px;
  20629. }
  20630. .elist_input_box >>> .el-rate {
  20631. display: flex;
  20632. height: 36px;
  20633. align-items: center;
  20634. }
  20635. .elist_input_box .elist_inptu_text {
  20636. min-height: 50px;
  20637. /* width: 500px;
  20638. max-height: 150px; */
  20639. width: 100%;
  20640. line-height: 50px;
  20641. color: rgb(82, 82, 82);
  20642. overflow: auto;
  20643. text-indent: 5px;
  20644. background: #f7f6f9;
  20645. border-radius: 10px;
  20646. }
  20647. .elist_input_box .elist_inptu_text input {
  20648. width: 500px;
  20649. }
  20650. .elist_input_box >>> .el-rate__icon {
  20651. font-size: 24px;
  20652. }
  20653. .isClick {
  20654. background: #4d9def;
  20655. }
  20656. .bzBox {
  20657. display: flex;
  20658. flex-direction: row;
  20659. align-items: center;
  20660. }
  20661. .bzBox .yCss {
  20662. width: 7px;
  20663. height: 7px;
  20664. background: #fff;
  20665. margin: 0 16px 0 6px;
  20666. border-radius: 50%;
  20667. border: 5px solid #3681fc;
  20668. z-index: 99;
  20669. }
  20670. .bzBox > div:nth-child(2) {
  20671. font-size: 18px;
  20672. font-weight: bold;
  20673. color: #0e1e33;
  20674. }
  20675. .navTitile {
  20676. padding: 0 0px 0 15px;
  20677. font-size: 16px;
  20678. font-weight: bold;
  20679. color: #0e1e33;
  20680. height: 40px;
  20681. line-height: 40px;
  20682. }
  20683. .isTypeOne {
  20684. width: 240px;
  20685. height: 170px;
  20686. /* border: 1px solid #f8f8f8; */
  20687. border-radius: 10px;
  20688. box-shadow: 0 0 6px 1px #dfdada;
  20689. }
  20690. .e_add_top {
  20691. display: flex;
  20692. justify-content: space-between;
  20693. padding: 20px 20px 0 20px;
  20694. border-radius: 3px;
  20695. background: #fff;
  20696. }
  20697. .e_add_title2 {
  20698. display: flex;
  20699. align-items: center;
  20700. }
  20701. .e_add_title2 span {
  20702. width: 40px;
  20703. }
  20704. .e_add_title {
  20705. display: flex;
  20706. align-items: center;
  20707. color: #b8b8b8;
  20708. font-size: 18px;
  20709. position: relative;
  20710. height: 40px;
  20711. }
  20712. .e_add_title span {
  20713. margin-right: 10px;
  20714. }
  20715. .e_add_title .el_input {
  20716. width: 300px;
  20717. }
  20718. .e_add_title >>> .el-input__inner {
  20719. width: 400px;
  20720. }
  20721. .e_add_btn {
  20722. }
  20723. .e_add_content {
  20724. display: flex;
  20725. width: 100%;
  20726. max-width: 650px;
  20727. height: 550px;
  20728. }
  20729. .e_add_list {
  20730. background: #fff;
  20731. height: 500px;
  20732. width: 210px;
  20733. position: relative;
  20734. margin: 15px 5px 0 0;
  20735. flex-shrink: 0;
  20736. display: flex;
  20737. flex-direction: column;
  20738. }
  20739. .e_add_list_title {
  20740. font-size: 20px;
  20741. width: 100%;
  20742. box-sizing: border-box;
  20743. padding: 15px 40px;
  20744. text-align: center;
  20745. border-bottom: 1px solid #eaeaea;
  20746. position: relative;
  20747. display: flex;
  20748. align-items: center;
  20749. justify-content: center;
  20750. height: 57px;
  20751. background: #f6f6f6;
  20752. }
  20753. .e_add_list_title span {
  20754. overflow: hidden;
  20755. white-space: nowrap;
  20756. text-overflow: ellipsis;
  20757. }
  20758. .e_add_list_title img {
  20759. position: absolute;
  20760. right: 15px;
  20761. width: 25px;
  20762. cursor: pointer;
  20763. top: 50%;
  20764. transform: translateY(-50%);
  20765. }
  20766. .e_add_list_body {
  20767. height: calc(100% - 187px);
  20768. overflow: auto;
  20769. }
  20770. .e_add_list_child {
  20771. width: 100%;
  20772. display: flex;
  20773. align-items: center;
  20774. justify-content: center;
  20775. position: relative;
  20776. box-sizing: border-box;
  20777. padding: 15px 40px;
  20778. text-align: center;
  20779. }
  20780. .e_add_list_child span {
  20781. overflow: hidden;
  20782. white-space: nowrap;
  20783. text-overflow: ellipsis;
  20784. cursor: pointer;
  20785. }
  20786. .e_add_list_child img {
  20787. position: absolute;
  20788. right: 10px;
  20789. width: 21px;
  20790. cursor: pointer;
  20791. top: 50%;
  20792. transform: translateY(-50%);
  20793. }
  20794. .e_add_list_child + .e_add_list_child {
  20795. border-top: 1px solid #eaeaea;
  20796. }
  20797. .e_add_list_child .active {
  20798. color: #409eff;
  20799. }
  20800. .e_add_list_btn {
  20801. position: absolute;
  20802. bottom: 0;
  20803. height: 50px;
  20804. background: rgb(120, 120, 254);
  20805. width: 100%;
  20806. color: #fff;
  20807. font-size: 16px;
  20808. text-align: center;
  20809. line-height: 50px;
  20810. cursor: pointer;
  20811. }
  20812. .e_add_list_detail {
  20813. position: absolute;
  20814. bottom: 0;
  20815. height: 130px;
  20816. background: rgb(120, 120, 254);
  20817. width: 100%;
  20818. color: #fff;
  20819. font-size: 16px;
  20820. display: flex;
  20821. align-items: center;
  20822. justify-content: center;
  20823. }
  20824. .e_add_list_detail textarea {
  20825. height: 90%;
  20826. width: 95%;
  20827. border: none;
  20828. resize: none;
  20829. outline: none;
  20830. padding: 5px;
  20831. box-sizing: border-box;
  20832. }
  20833. .e_add_list_pbox {
  20834. width: 100%;
  20835. max-width: 650px;
  20836. /* height: 600px; */
  20837. }
  20838. .e_add_list_pbox_title {
  20839. height: 50px;
  20840. background: #fff;
  20841. display: flex;
  20842. align-items: center;
  20843. width: 100%;
  20844. box-sizing: border-box;
  20845. padding: 0 20px;
  20846. }
  20847. .type_title {
  20848. font-size: 18px;
  20849. font-weight: 700;
  20850. }
  20851. .type_content {
  20852. font-size: 16px;
  20853. /* margin-left: 30px; */
  20854. }
  20855. .type_content span + span {
  20856. margin-left: 20px;
  20857. }
  20858. .type_content span {
  20859. cursor: pointer;
  20860. padding-bottom: 5px;
  20861. box-sizing: border-box;
  20862. }
  20863. .type_content .active {
  20864. color: #409eff;
  20865. border-bottom: 2px solid #409eff;
  20866. }
  20867. .e_add_list_pbox_content {
  20868. height: calc(100% - 50px);
  20869. display: flex;
  20870. align-items: center;
  20871. width: 100%;
  20872. background: #fff;
  20873. }
  20874. .evaCss {
  20875. display: flex;
  20876. flex-direction: row;
  20877. flex-wrap: nowrap;
  20878. align-items: flex-start;
  20879. padding: 0 0 20px;
  20880. }
  20881. .cru_line {
  20882. position: absolute;
  20883. bottom: 0px;
  20884. transition: all 0.5s;
  20885. left: 0px;
  20886. width: 125px;
  20887. margin-left: -25px;
  20888. }
  20889. .isNoMessage {
  20890. width: 20%;
  20891. margin: 25% auto 0;
  20892. }
  20893. .isNoMessage > img {
  20894. width: 100%;
  20895. height: 100%;
  20896. }
  20897. .fullStyle >>> .el-dialog__body {
  20898. height: 100% !important;
  20899. }
  20900. .fullStyle >>> .el-dialog,
  20901. .fullStyle {
  20902. width: 100% !important;
  20903. max-width: 100% !important;
  20904. height: 100% !important;
  20905. margin: 0 !important;
  20906. }
  20907. .full_diy >>> .el-dialog {
  20908. margin: 0 !important;
  20909. height: 100%;
  20910. padding: 4px;
  20911. }
  20912. .full_diy >>> .el-dialog__body {
  20913. height: calc(100% - 100px);
  20914. }
  20915. .full_diy2 >>> .el-dialog__body {
  20916. height: calc(100% - 50px);
  20917. padding: 0;
  20918. }
  20919. .switchCss {
  20920. /* width: 100%; */
  20921. display: flex;
  20922. flex-direction: row;
  20923. flex-wrap: nowrap;
  20924. align-items: center;
  20925. /* justify-content: center; */
  20926. }
  20927. .isClickNav {
  20928. /* color: #499eef; */
  20929. color: #000;
  20930. }
  20931. .commentImg {
  20932. width: 25px;
  20933. height: 25px;
  20934. cursor: pointer;
  20935. }
  20936. .commentImg > img {
  20937. width: 100%;
  20938. height: 100%;
  20939. }
  20940. .comment {
  20941. background: #f9f9f9;
  20942. border-radius: 0 0 4px 4px;
  20943. display: flex;
  20944. flex-direction: row;
  20945. flex-wrap: nowrap;
  20946. align-items: center;
  20947. justify-content: flex-end;
  20948. height: 35px;
  20949. }
  20950. .commentList {
  20951. display: flex;
  20952. flex-direction: row;
  20953. flex-wrap: nowrap;
  20954. align-items: center;
  20955. justify-content: center;
  20956. align-content: center;
  20957. /* margin-left: 15px; */
  20958. /* margin-left: 8px; */
  20959. }
  20960. .scoreImg {
  20961. width: 17px;
  20962. height: 17px;
  20963. }
  20964. .studentDetail {
  20965. display: flex;
  20966. flex-direction: row;
  20967. flex-wrap: nowrap;
  20968. /* align-items: center; */
  20969. align-items: flex-start;
  20970. }
  20971. .tx {
  20972. width: 50px;
  20973. }
  20974. .tx > img {
  20975. width: 100%;
  20976. height: 100%;
  20977. }
  20978. .nameAndTime {
  20979. display: flex;
  20980. flex-direction: column;
  20981. flex-wrap: nowrap;
  20982. align-items: flex-start;
  20983. margin-left: 10px;
  20984. }
  20985. .worksAnswer {
  20986. color: #4078dd;
  20987. margin: 10px 0;
  20988. font-size: 16px;
  20989. position: relative;
  20990. }
  20991. .worksAnswer > img {
  20992. width: 500px;
  20993. height: 300px;
  20994. object-fit: contain;
  20995. margin: 0 auto;
  20996. display: block;
  20997. }
  20998. .commentTop {
  20999. border-bottom: 1px solid #eaeaea;
  21000. padding-bottom: 10px;
  21001. }
  21002. .commentBox {
  21003. padding-top: 15px;
  21004. }
  21005. .pl {
  21006. font-size: 18px;
  21007. }
  21008. .plPerson {
  21009. width: 100%;
  21010. }
  21011. .plName {
  21012. display: flex;
  21013. flex-direction: row;
  21014. flex-wrap: nowrap;
  21015. align-items: baseline;
  21016. color: #78787a;
  21017. width: 100%;
  21018. }
  21019. .deleteComment {
  21020. cursor: pointer;
  21021. margin-left: auto;
  21022. color: #237ade;
  21023. }
  21024. .plContent {
  21025. margin-top: 5px;
  21026. }
  21027. .evalCss {
  21028. background: #fff;
  21029. font-size: 18px;
  21030. }
  21031. .nav {
  21032. color: #9d9d9d;
  21033. padding: 5px 0 15px 20px;
  21034. }
  21035. .middleBox {
  21036. padding: 5px 0 15px 20px;
  21037. }
  21038. .pfBox {
  21039. padding-bottom: 30px;
  21040. }
  21041. .nameAndrate {
  21042. display: flex;
  21043. flex-direction: row;
  21044. flex-wrap: nowrap;
  21045. align-items: center;
  21046. padding-bottom: 10px;
  21047. height: 30px;
  21048. line-height: 30px;
  21049. }
  21050. .nameAndrate > div {
  21051. margin-left: 10px;
  21052. color: #000;
  21053. height: 30px;
  21054. }
  21055. .nameAndrate >>> .el-rate__icon {
  21056. font-size: 28px !important;
  21057. }
  21058. .pfBox > div:nth-child(2) {
  21059. background: #f7f6f9;
  21060. width: 400px;
  21061. min-height: 45px;
  21062. border-radius: 10px;
  21063. font-size: 16px;
  21064. display: flex;
  21065. flex-wrap: wrap;
  21066. align-items: center;
  21067. padding: 10px 20px;
  21068. box-sizing: border-box;
  21069. color: #000;
  21070. }
  21071. .bz {
  21072. display: flex;
  21073. flex-direction: row;
  21074. flex-wrap: nowrap;
  21075. align-items: flex-start;
  21076. }
  21077. .bz > div {
  21078. padding: 0 10px;
  21079. }
  21080. .select_box2_title {
  21081. background: #fff;
  21082. border-radius: 5px;
  21083. padding: 15px 10px;
  21084. box-sizing: border-box;
  21085. margin-bottom: 10px;
  21086. display: flex;
  21087. flex-direction: row;
  21088. flex-wrap: nowrap;
  21089. align-items: center;
  21090. }
  21091. .select_box2_title > div:nth-child(2) {
  21092. margin-left: 10px;
  21093. color: #c4c4c4;
  21094. }
  21095. .select_box2_box {
  21096. display: flex;
  21097. height: 500px;
  21098. }
  21099. .select_box2_img {
  21100. width: calc(100% - 310px);
  21101. height: 100%;
  21102. overflow: auto;
  21103. background: #fff;
  21104. border-radius: 5px;
  21105. }
  21106. .select_box2_img img {
  21107. width: 100%;
  21108. }
  21109. .select_box2_answer {
  21110. background: #fff;
  21111. margin-left: 10px;
  21112. border-radius: 5px;
  21113. width: 300px;
  21114. overflow: auto;
  21115. height: 90%;
  21116. display: flex;
  21117. flex-direction: column;
  21118. align-items: flex-start;
  21119. padding-top: 10px;
  21120. box-sizing: border-box;
  21121. position: relative;
  21122. }
  21123. .select_answer_title {
  21124. padding: 0 0 15px 20px;
  21125. color: #c4c4c4;
  21126. }
  21127. .select_box2_answer_box {
  21128. margin: 0 0 10px 20px;
  21129. width: 85%;
  21130. display: flex;
  21131. flex-direction: row;
  21132. flex-wrap: nowrap;
  21133. align-items: center;
  21134. }
  21135. .select_box2_answer_box >>> .el-input.is-disabled .el-input__inner {
  21136. color: #000;
  21137. }
  21138. .upAnswerCss {
  21139. position: absolute;
  21140. bottom: 15px;
  21141. right: 15px;
  21142. }
  21143. .upAnswerCss >>> .el-button {
  21144. width: 95px;
  21145. height: 35px;
  21146. line-height: 35px;
  21147. padding: 0;
  21148. }
  21149. .rightWidthCss {
  21150. width: 60%;
  21151. display: flex;
  21152. flex-direction: row;
  21153. align-items: flex-start;
  21154. }
  21155. .rightAnswer {
  21156. display: flex;
  21157. flex-direction: row;
  21158. flex-wrap: nowrap;
  21159. align-items: center;
  21160. color: red;
  21161. margin-bottom: 31px;
  21162. }
  21163. .rightAnswerCss {
  21164. display: flex;
  21165. flex-direction: column;
  21166. flex-wrap: nowrap;
  21167. padding-top: 60px;
  21168. }
  21169. .blueCss {
  21170. color: #767de1;
  21171. margin-left: 10px;
  21172. }
  21173. .redCss {
  21174. color: red;
  21175. }
  21176. .redioStyle >>> .el-radio__input.is-checked + .el-radio__label {
  21177. color: rgb(0 123 255) !important;
  21178. }
  21179. .redioStyle >>> .el-checkbox__input.is-checked + .el-checkbox__label {
  21180. color: rgb(0 123 255) !important;
  21181. }
  21182. .zuoyeYulan {
  21183. padding-top: 0;
  21184. font-size: 18px;
  21185. display: flex;
  21186. align-items: flex-end;
  21187. }
  21188. .buttonA {
  21189. margin-left: 10px;
  21190. padding: 0;
  21191. }
  21192. .displayBox {
  21193. margin-bottom: 10px;
  21194. display: block;
  21195. border-bottom: 3px solid #eee;
  21196. display: flex;
  21197. align-items: center;
  21198. }
  21199. .easy_comment {
  21200. width: calc(100% - 90px);
  21201. margin-left: 10px;
  21202. display: flex;
  21203. flex-wrap: wrap;
  21204. }
  21205. .easy_comment > div {
  21206. border: 1px solid #4a4a4a;
  21207. color: #666;
  21208. border-radius: 15px;
  21209. padding: 5px 10px;
  21210. font-size: 16px;
  21211. margin-bottom: 10px;
  21212. margin-right: 5px;
  21213. cursor: pointer;
  21214. }
  21215. .easy_comment div:hover {
  21216. border: 1px solid #f7ba2a;
  21217. color: #c69217;
  21218. }
  21219. .xuan_right_box {
  21220. padding: 10px 0;
  21221. background: #f0f4fa;
  21222. margin: 0 15px 0 25px;
  21223. border-bottom-left-radius: 5px;
  21224. border-bottom-right-radius: 5px;
  21225. width: 91.5%;
  21226. }
  21227. .tool_right_box {
  21228. display: flex;
  21229. align-items: center;
  21230. }
  21231. .tool_right_box + .tool_right_box {
  21232. margin-top: 10px;
  21233. }
  21234. .right_box_xuan {
  21235. border-radius: 5px;
  21236. padding: 5px;
  21237. margin-left: 10px;
  21238. min-width: 85px;
  21239. background: #fff;
  21240. color: #0061ff;
  21241. border: 1px solid #0061ff;
  21242. font-size: 14px;
  21243. }
  21244. .pButton:hover {
  21245. opacity: 1 !important;
  21246. }
  21247. .pButton {
  21248. position: fixed;
  21249. text-align: center;
  21250. cursor: pointer;
  21251. z-index: 999;
  21252. right: 20px;
  21253. top: 110px;
  21254. width: 50px;
  21255. height: 50px;
  21256. display: flex;
  21257. align-items: center;
  21258. justify-content: center;
  21259. border-radius: 5px;
  21260. }
  21261. .pzClass {
  21262. width: calc(100% - 340px);
  21263. }
  21264. .newDialogCss {
  21265. /* position: fixed;
  21266. right: 5%;
  21267. top: 50%;
  21268. width: 340px;
  21269. transform: translateY(-50%);
  21270. height: 60%;
  21271. box-shadow: 0px 0 8px 0px #555555;
  21272. border-radius: 15px;
  21273. z-index: 999; */
  21274. position: fixed;
  21275. right: 20px;
  21276. top: 101px;
  21277. width: 330px;
  21278. height: calc(100% - 80px);
  21279. z-index: 999;
  21280. background: #fff;
  21281. border-top-right-radius: 0px;
  21282. border-bottom-right-radius: 0px;
  21283. overflow: hidden;
  21284. }
  21285. .pzTop {
  21286. color: #fff;
  21287. background: #000;
  21288. display: flex;
  21289. flex-direction: row;
  21290. flex-wrap: nowrap;
  21291. align-items: center;
  21292. justify-content: space-between;
  21293. height: 40px;
  21294. border-radius: 15px 15px 0 0;
  21295. user-select: none;
  21296. }
  21297. .pzTop2 .checkbox {
  21298. display: flex;
  21299. align-items: center;
  21300. padding: 5px 30px;
  21301. flex: 0 0 auto;
  21302. font-weight: bold;
  21303. border-bottom: 1px solid #eee;
  21304. justify-content: space-between;
  21305. }
  21306. .pzTop2 .check {
  21307. text-align: center;
  21308. cursor: pointer;
  21309. box-sizing: border-box;
  21310. display: flex;
  21311. }
  21312. .pzTop2 img {
  21313. width: 25px;
  21314. cursor: pointer;
  21315. }
  21316. .pzTop > div:nth-child(1) {
  21317. padding-left: 10px;
  21318. }
  21319. .pzTop > div:nth-child(2) {
  21320. width: 15px;
  21321. height: 15px;
  21322. padding-right: 10px;
  21323. cursor: pointer;
  21324. }
  21325. .pzTop > div:nth-child(2) > img {
  21326. width: 100%;
  21327. height: 100%;
  21328. }
  21329. .pzBox,
  21330. .noPzBox {
  21331. height: calc(100% - 60px);
  21332. /* background: #ededed; */
  21333. background: #fff;
  21334. /* border-radius: 0 0 15px 15px; */
  21335. }
  21336. .noPzBox {
  21337. display: flex;
  21338. flex-direction: column;
  21339. flex-wrap: nowrap;
  21340. justify-content: center;
  21341. align-items: center;
  21342. }
  21343. .pzList {
  21344. background: #f7f7f7;
  21345. width: 90%;
  21346. margin: 0 auto 15px;
  21347. border-radius: 5px;
  21348. }
  21349. .pzNavTop {
  21350. display: flex;
  21351. flex-direction: row;
  21352. flex-wrap: nowrap;
  21353. padding: 10px 10px 0 10px;
  21354. align-items: center;
  21355. }
  21356. .pzDelete {
  21357. cursor: pointer;
  21358. margin-left: auto;
  21359. font-size: 14px;
  21360. color: #afafaf;
  21361. }
  21362. .pzNavTop > div:nth-child(1) {
  21363. background: #3760af;
  21364. width: 35px;
  21365. height: 35px;
  21366. color: #fff;
  21367. text-align: center;
  21368. line-height: 35px;
  21369. border-radius: 50%;
  21370. font-size: 14px;
  21371. }
  21372. .pzNavTop > div:nth-child(2) {
  21373. font-size: 18px;
  21374. color: #959595;
  21375. margin-left: 5px;
  21376. }
  21377. .pzContent {
  21378. padding: 10px;
  21379. word-break: break-word;
  21380. }
  21381. .pzContent audio {
  21382. width: 100%;
  21383. }
  21384. .pzContent audio::-webkit-media-controls-panel {
  21385. background: #fff;
  21386. }
  21387. .pzContent >>> img {
  21388. max-width: 100%;
  21389. }
  21390. .pzListBox {
  21391. padding-top: 15px;
  21392. height: calc(100% - 110px);
  21393. overflow: auto;
  21394. }
  21395. .addPzButton {
  21396. position: relative;
  21397. margin-top: 3px;
  21398. width: 100%;
  21399. }
  21400. .addPzButton .img1 {
  21401. position: absolute;
  21402. top: 50%;
  21403. right: 25px;
  21404. transform: translateY(-50%);
  21405. height: 100%;
  21406. display: flex;
  21407. align-items: center;
  21408. }
  21409. .addPzButton .img1 div {
  21410. display: flex;
  21411. }
  21412. .addPzButton .img1 div img {
  21413. width: 28px;
  21414. margin-left: 10px;
  21415. cursor: pointer;
  21416. }
  21417. .addPzButton .img1 div span {
  21418. font-size: 14px;
  21419. margin: 4px 0 0 3px;
  21420. color: #afafaf;
  21421. }
  21422. .addPz {
  21423. background: #4b79ce;
  21424. width: 100px;
  21425. color: #fff;
  21426. font-size: 12px;
  21427. height: 30px;
  21428. margin: 0 auto;
  21429. text-align: center;
  21430. line-height: 30px;
  21431. border-radius: 10px;
  21432. cursor: pointer;
  21433. }
  21434. .addDialogCss {
  21435. position: fixed;
  21436. width: 600px;
  21437. height: 70%;
  21438. min-height: 450px;
  21439. box-shadow: 0px 0 8px 0px #555555;
  21440. border-radius: 15px;
  21441. z-index: 999;
  21442. left: 50%;
  21443. top: 50%;
  21444. margin: -18% 0 0 -300px;
  21445. }
  21446. .teacherPz {
  21447. display: flex;
  21448. flex-direction: row;
  21449. align-items: center;
  21450. flex-wrap: nowrap;
  21451. }
  21452. .teacherPzImg {
  21453. width: 30px;
  21454. height: 30px;
  21455. }
  21456. .teacherPzImg > img {
  21457. width: 100%;
  21458. height: 100%;
  21459. }
  21460. .addPzBox {
  21461. height: calc(100% - 40px);
  21462. background: #ededed;
  21463. border-bottom-left-radius: 15px;
  21464. border-bottom-right-radius: 15px;
  21465. }
  21466. .pzAudioClass {
  21467. margin: 15px 14px;
  21468. background: #fff;
  21469. height: 100%;
  21470. display: flex;
  21471. justify-content: center;
  21472. align-items: center;
  21473. }
  21474. .pzConText {
  21475. width: 95%;
  21476. height: 100%;
  21477. margin: 10px auto 0;
  21478. border: none;
  21479. background: #fff;
  21480. border-radius: 0px;
  21481. }
  21482. .pzConText >>> .text {
  21483. height: calc(100% - 82px);
  21484. }
  21485. .addTextCss {
  21486. background: #4b79ce;
  21487. width: 80px;
  21488. height: 30px;
  21489. text-align: center;
  21490. color: #fff;
  21491. line-height: 30px;
  21492. border-radius: 10px;
  21493. margin: 10px auto 0;
  21494. cursor: pointer;
  21495. }
  21496. .pzConText:focus-visible {
  21497. border: none !important;
  21498. }
  21499. .maxWidth {
  21500. width: 1000px;
  21501. }
  21502. .noPz {
  21503. width: 150px;
  21504. margin: 0 auto 20%;
  21505. }
  21506. .noPz > img {
  21507. width: 100%;
  21508. height: 100%;
  21509. }
  21510. .timeAndReply {
  21511. display: flex;
  21512. flex-direction: row;
  21513. flex-wrap: nowrap;
  21514. justify-content: space-between;
  21515. align-items: center;
  21516. font-size: 14px;
  21517. box-sizing: border-box;
  21518. padding: 0 10px 10px 0px;
  21519. }
  21520. .timeAndReply .time {
  21521. color: #bfbfbf;
  21522. padding: 0 0 0 10px;
  21523. box-sizing: border-box;
  21524. }
  21525. .timeAndReply > div:last-child {
  21526. cursor: pointer;
  21527. color: #777;
  21528. }
  21529. /* table 样式 */
  21530. .cont >>> table {
  21531. border-top: 1px solid #ccc;
  21532. border-left: 1px solid #ccc;
  21533. }
  21534. .cont >>> table td,
  21535. .cont >>> table th {
  21536. border-bottom: 1px solid #ccc;
  21537. border-right: 1px solid #ccc;
  21538. /* padding: 20px 5px; */
  21539. padding: 5px 10px;
  21540. max-width: 0px;
  21541. height: 30px;
  21542. vertical-align: baseline;
  21543. box-sizing: border-box;
  21544. }
  21545. .cont >>> table th {
  21546. border-bottom: 2px solid #ccc;
  21547. text-align: center;
  21548. }
  21549. /* blockquote 样式 */
  21550. .cont >>> blockquote {
  21551. display: block;
  21552. border-left: 8px solid #d0e5f2;
  21553. padding: 5px 10px;
  21554. margin: 10px 0;
  21555. line-height: 1.4;
  21556. font-size: 100%;
  21557. background-color: #f1f1f1;
  21558. }
  21559. /* code 样式 */
  21560. .cont >>> code {
  21561. display: inline-block;
  21562. /* *display: inline; */
  21563. zoom: 1;
  21564. background-color: #f1f1f1;
  21565. border-radius: 3px;
  21566. padding: 3px 5px;
  21567. margin: 0 3px;
  21568. }
  21569. .cont >>> pre code {
  21570. display: block;
  21571. }
  21572. /* ul ol 样式 */
  21573. .cont >>> ul,
  21574. ol {
  21575. margin: 10px 0 10px 20px;
  21576. }
  21577. .addPzCheck {
  21578. display: flex;
  21579. flex-direction: row;
  21580. flex-wrap: nowrap;
  21581. padding: 10px 15px 0;
  21582. }
  21583. .addPzCheck span {
  21584. cursor: pointer;
  21585. padding-bottom: 5px;
  21586. font-weight: bold;
  21587. }
  21588. .addPzCheck span + span {
  21589. margin-left: 10px;
  21590. }
  21591. .addPzCheck .isChooseActive {
  21592. color: #3e88f4;
  21593. border-bottom: 2px solid #2f80f3;
  21594. }
  21595. /* code 样式 */
  21596. .cont {
  21597. /* -webkit-user-modify: read-write; */
  21598. overflow-wrap: break-word;
  21599. -webkit-line-break: after-white-space;
  21600. }
  21601. .scoreBox,
  21602. .scoreDetailBox {
  21603. display: flex;
  21604. align-items: center;
  21605. justify-content: flex-start;
  21606. margin-top: 20px;
  21607. font-size: 18px;
  21608. width: 100%;
  21609. }
  21610. .scoreBox .t,
  21611. .scoreDetailBox .t {
  21612. margin-right: 10px;
  21613. width: 100px;
  21614. text-align: right;
  21615. }
  21616. .scoreDetailBox {
  21617. align-items: flex-start;
  21618. }
  21619. .scoreDetailBox >>> .el-textarea {
  21620. width: calc(100% - 200px);
  21621. }
  21622. .scoreBox >>> .el-input {
  21623. width: 130px;
  21624. font-size: 38px;
  21625. }
  21626. .scoreBox >>> .el-input__inner {
  21627. height: 60px;
  21628. }
  21629. .answerScore {
  21630. position: absolute;
  21631. top: 10px;
  21632. right: 10px;
  21633. background: #0000008f;
  21634. border-radius: 5px;
  21635. padding: 3px 5px;
  21636. font-size: 14px;
  21637. color: #fff;
  21638. cursor: pointer;
  21639. }
  21640. .open_box .switch_box {
  21641. width: 100%;
  21642. margin: 0 auto;
  21643. display: flex;
  21644. justify-content: space-between;
  21645. }
  21646. .open_box .switch_box + .switch_box {
  21647. margin-top: 10px;
  21648. }
  21649. .deleteImg,.deleteImg1 {
  21650. width: 25px !important;
  21651. height: 25px !important;
  21652. cursor: pointer;
  21653. position: absolute;
  21654. top: 10px;
  21655. right: 10px;
  21656. }
  21657. .deleteImg2 {
  21658. width: 23px !important;
  21659. height: 23px !important;
  21660. top: 5px;
  21661. right: 5px;
  21662. }
  21663. .deleteImg1{
  21664. width: 23px !important;
  21665. height: 23px !important;
  21666. top: 5px !important;
  21667. right: 30px !important;
  21668. }
  21669. .rightW {
  21670. right: 40px;
  21671. }
  21672. .drawPBox {
  21673. display: flex;
  21674. flex-direction: column;
  21675. position: relative;
  21676. }
  21677. .drawPBox span {
  21678. font-size: 18px;
  21679. color: #606266;
  21680. padding-bottom: 10px;
  21681. margin: 10px 0;
  21682. border-bottom: 1px solid #eaeaea;
  21683. }
  21684. .drawPBox img {
  21685. width: 500px;
  21686. height: 300px;
  21687. object-fit: contain;
  21688. cursor: pointer;
  21689. margin: 0 auto;
  21690. }
  21691. .sentenBox {
  21692. background: #fff;
  21693. height: 450px;
  21694. overflow: auto;
  21695. background-image: url("../../assets/icon/conSentences/stuBg.png");
  21696. background-position: 102%;
  21697. background-repeat: no-repeat;
  21698. background-size: 60%;
  21699. }
  21700. .addSen {
  21701. background: #409efe;
  21702. width: 90px;
  21703. color: #fff;
  21704. height: 35px;
  21705. text-align: center;
  21706. line-height: 35px;
  21707. border-radius: 5px;
  21708. float: right;
  21709. margin: 10px 20px 0 0;
  21710. cursor: pointer;
  21711. }
  21712. .sentenTop {
  21713. display: flex;
  21714. flex-direction: row;
  21715. flex-wrap: nowrap;
  21716. align-items: center;
  21717. padding: 55px 0 0 20px;
  21718. box-sizing: border-box;
  21719. }
  21720. .sentenTop > div:nth-child(2) {
  21721. width: 300px;
  21722. margin: 0 15px;
  21723. }
  21724. .sentenTop > div:nth-child(3) {
  21725. background: #409efe;
  21726. color: #fff;
  21727. width: 65px;
  21728. height: 35px;
  21729. text-align: center;
  21730. line-height: 35px;
  21731. border-radius: 5px;
  21732. cursor: pointer;
  21733. }
  21734. .cardList,
  21735. .cardList1 {
  21736. padding: 10px 0 10px 0;
  21737. display: flex;
  21738. flex-direction: row;
  21739. flex-wrap: wrap;
  21740. align-items: center;
  21741. box-sizing: border-box;
  21742. border-bottom: 1px solid #f4f4f4;
  21743. width: 98%;
  21744. margin: 0 auto;
  21745. min-width: 60%;
  21746. max-width: 85%;
  21747. }
  21748. .cardList1 {
  21749. padding: 10px 0 10px 10px !important;
  21750. margin: 0 !important;
  21751. }
  21752. .cardBox {
  21753. display: flex;
  21754. flex-direction: row;
  21755. flex-wrap: wrap;
  21756. align-items: center;
  21757. align-content: center;
  21758. }
  21759. .cardBox > div {
  21760. margin-bottom: 10px;
  21761. }
  21762. .isCard,
  21763. .isChooseCard,
  21764. .noCard,
  21765. .isCard1 {
  21766. width: 130px;
  21767. height: 60px;
  21768. text-align: center;
  21769. line-height: 60px;
  21770. font-size: 20px;
  21771. cursor: pointer;
  21772. background-image: url("../../assets/icon/conSentences/titleBorder.png");
  21773. background-size: cover;
  21774. transition: all 2s;
  21775. margin-right: 20px;
  21776. }
  21777. .isCard > div,
  21778. .noCard > div,
  21779. .isCard1 > div {
  21780. white-space: nowrap;
  21781. overflow: hidden;
  21782. text-overflow: ellipsis;
  21783. width: 75%;
  21784. margin: 0 auto;
  21785. }
  21786. .noCard {
  21787. background-image: none;
  21788. }
  21789. .isCard1 {
  21790. background-image: url("../../assets/icon/conSentences/answerBorder.png");
  21791. }
  21792. .isChooseCard {
  21793. background-image: none;
  21794. border: 1px dashed #b9b9b9;
  21795. border-radius: 10px;
  21796. }
  21797. .card {
  21798. width: 130px;
  21799. height: 60px;
  21800. }
  21801. .card > img {
  21802. width: 100%;
  21803. height: 100%;
  21804. }
  21805. .rightCardBox {
  21806. margin: 10px 0 0 10px;
  21807. }
  21808. .rightCardBox > div:nth-child(1) {
  21809. margin-bottom: 10px;
  21810. }
  21811. .cardCss {
  21812. display: flex;
  21813. flex-direction: column;
  21814. flex-wrap: nowrap;
  21815. align-items: center;
  21816. border-bottom: 3px solid #b4c3d3;
  21817. padding: 0 0 5px 0;
  21818. margin-right: 10px;
  21819. }
  21820. .cardCss > div:nth-child(2) {
  21821. background: #5b7b9d;
  21822. color: #fff;
  21823. width: 20px;
  21824. height: 20px;
  21825. border-radius: 50%;
  21826. text-align: center;
  21827. line-height: 20px;
  21828. }
  21829. .isWrong {
  21830. display: flex;
  21831. flex-direction: row;
  21832. flex-wrap: nowrap;
  21833. align-content: center;
  21834. align-items: center;
  21835. }
  21836. .answerRight {
  21837. width: 25%;
  21838. }
  21839. .isTj {
  21840. display: flex;
  21841. flex-direction: row;
  21842. flex-wrap: nowrap;
  21843. align-items: center;
  21844. }
  21845. .isTj > div:nth-child(2) {
  21846. color: #727070;
  21847. margin-left: 10px;
  21848. }
  21849. .isTjImg {
  21850. width: 30px;
  21851. height: 30px;
  21852. }
  21853. .isTjImg > img {
  21854. width: 100%;
  21855. height: 100%;
  21856. }
  21857. .cardAnswerBox {
  21858. font-size: 18px;
  21859. width: 97%;
  21860. border: 5px;
  21861. padding: 0;
  21862. border-radius: 5px;
  21863. margin: 10px auto;
  21864. word-break: break-word;
  21865. }
  21866. .w_name {
  21867. margin-bottom: 10px;
  21868. }
  21869. .w_name span {
  21870. font-size: 16px;
  21871. }
  21872. .w_teachert {
  21873. width: 50px !important;
  21874. position: absolute;
  21875. height: auto !important;
  21876. z-index: 10;
  21877. right: 25px;
  21878. top: -25px;
  21879. }
  21880. .group_workBox {
  21881. }
  21882. .group_workBox + .group_workBox {
  21883. margin-top: 20px;
  21884. }
  21885. .group_box {
  21886. padding-bottom: 20px;
  21887. border-bottom: 2px solid #f0f0f0;
  21888. margin-top: 10px;
  21889. }
  21890. .group_title {
  21891. display: flex;
  21892. align-items: center;
  21893. justify-content: space-between;
  21894. width: 95%;
  21895. }
  21896. .group_name {
  21897. background-image: url(../../assets/icon/groupN.png);
  21898. width: 220px;
  21899. background-size: 100% 100%;
  21900. height: 67px;
  21901. padding: 0 20px 0 43px;
  21902. box-sizing: border-box;
  21903. line-height: 63px;
  21904. color: #fff;
  21905. overflow: hidden;
  21906. white-space: nowrap;
  21907. text-overflow: ellipsis;
  21908. }
  21909. .group_work {
  21910. width: 100%;
  21911. padding: 0 10px;
  21912. box-sizing: border-box;
  21913. display: flex;
  21914. flex-wrap: wrap;
  21915. }
  21916. .g_d_box {
  21917. display: flex;
  21918. flex-flow: wrap;
  21919. justify-content: space-around;
  21920. }
  21921. .g_d_box .isChair {
  21922. background-image: url(../../assets/avatar.png) !important;
  21923. }
  21924. .g_d_group {
  21925. width: 500px;
  21926. margin-bottom: 80px;
  21927. }
  21928. .g_d_group_chair {
  21929. display: flex;
  21930. align-items: center;
  21931. justify-content: center;
  21932. }
  21933. .g_d_group_chair > div + div {
  21934. margin-left: 30px;
  21935. }
  21936. .g_d_group_chair > div,
  21937. .g_d_group_chair2 > div {
  21938. display: flex;
  21939. flex-direction: column;
  21940. align-items: center;
  21941. }
  21942. .g_d_group_chair > div > span:nth-child(1),
  21943. .g_d_group_chair2 > div > span:nth-child(1) {
  21944. background-image: url(../../assets/icon/chair.png);
  21945. width: 50px;
  21946. height: 50px;
  21947. display: block;
  21948. background-size: 100% 100%;
  21949. }
  21950. .g_d_group_tableBox {
  21951. display: flex;
  21952. align-items: center;
  21953. justify-content: center;
  21954. }
  21955. .g_d_group_chair2 {
  21956. display: flex;
  21957. flex-direction: column;
  21958. align-items: center;
  21959. justify-content: center;
  21960. }
  21961. .g_d_group_chair2 > div + div {
  21962. margin-top: 10px;
  21963. }
  21964. .g_d_group_table {
  21965. background-image: url(../../assets/icon/groupBg.png);
  21966. width: 354px;
  21967. height: 196px;
  21968. background-size: 100% 100%;
  21969. display: flex;
  21970. align-items: center;
  21971. justify-content: center;
  21972. flex-direction: column;
  21973. color: #fff;
  21974. }
  21975. .g_d_group_table > div:nth-child(1) {
  21976. font-size: 24px;
  21977. margin-bottom: 5px;
  21978. }
  21979. .g_d_group_table > div:nth-child(2) div {
  21980. cursor: pointer;
  21981. background: #2e77bf;
  21982. padding: 4px 10px;
  21983. border-radius: 5px;
  21984. }
  21985. .groupBox {
  21986. }
  21987. .groupContent + .groupContent {
  21988. margin-top: 30px;
  21989. }
  21990. .groupTitle {
  21991. font-size: 24px;
  21992. color: rgb(80, 80, 80);
  21993. margin-bottom: 20px;
  21994. }
  21995. .groupName {
  21996. display: flex;
  21997. align-items: center;
  21998. }
  21999. .groupn {
  22000. font-size: 15px;
  22001. margin-right: 10px;
  22002. }
  22003. .groupName + .groupName {
  22004. margin-top: 15px;
  22005. }
  22006. .groupBtn {
  22007. margin-left: 10px;
  22008. }
  22009. .groupContent >>> .el-input-number.is-without-controls .el-input__inner {
  22010. text-align: left;
  22011. }
  22012. .g_d_btnBox {
  22013. display: flex;
  22014. justify-content: flex-end;
  22015. align-items: center;
  22016. margin-bottom: 20px;
  22017. }
  22018. .updateChair {
  22019. position: relative;
  22020. }
  22021. .updateChairBtn {
  22022. position: absolute;
  22023. width: 50px;
  22024. height: 50px;
  22025. overflow: hidden;
  22026. /* display: flex; */
  22027. align-items: center;
  22028. justify-content: center;
  22029. background: #00000087;
  22030. color: #fff;
  22031. border-radius: 50px;
  22032. display: none;
  22033. cursor: pointer;
  22034. }
  22035. .updateChair:hover .updateChairBtn {
  22036. display: flex;
  22037. }
  22038. .group_staic_box {
  22039. display: flex;
  22040. padding: 30px 40px 10px;
  22041. flex-wrap: wrap;
  22042. }
  22043. .group_staic {
  22044. /* width: 50%; */
  22045. margin-bottom: 20px;
  22046. display: flex;
  22047. align-items: center;
  22048. }
  22049. .group_staic span:nth-child(1) {
  22050. width: 150px;
  22051. text-align: right;
  22052. margin-right: 15px;
  22053. }
  22054. .group_staic span:nth-child(2) {
  22055. background: rgb(0 123 255);
  22056. color: #fff;
  22057. border-radius: 5px;
  22058. padding: 5px;
  22059. }
  22060. .codeFileBox {
  22061. height: 300px;
  22062. background: #fff;
  22063. display: flex;
  22064. align-items: center;
  22065. justify-content: center;
  22066. }
  22067. .codeFileBox img {
  22068. width: 200px;
  22069. margin: 0;
  22070. height: auto;
  22071. }
  22072. .codeFileBox div {
  22073. background: rgb(80, 142, 226);
  22074. color: #fff;
  22075. padding: 10px 20px;
  22076. border-radius: 25px;
  22077. cursor: pointer;
  22078. margin-left: 15px;
  22079. }
  22080. .radioBox {
  22081. display: flex;
  22082. flex-direction: column;
  22083. flex-wrap: nowrap;
  22084. align-items: flex-start;
  22085. }
  22086. .radioBox > div {
  22087. margin: 10px 0 0 10px;
  22088. }
  22089. /* .radioBox >>> .el-radio__input,
  22090. .radioBox >>> .el-checkbox__inner {
  22091. margin-left: 10px;
  22092. } */
  22093. .radioBox >>> .el-radio__label,
  22094. .radioBox >>> .el-checkbox__label {
  22095. display: flex;
  22096. align-items: center;
  22097. width: 100%;
  22098. }
  22099. .radioBox >>> .el-radio__label > span {
  22100. width: 100%;
  22101. display: -webkit-box;
  22102. overflow: hidden;
  22103. white-space: normal !important;
  22104. text-overflow: ellipsis;
  22105. word-wrap: break-word;
  22106. }
  22107. .inImg {
  22108. width: 100px;
  22109. cursor: pointer;
  22110. }
  22111. .inImg > img {
  22112. width: 100%;
  22113. height: 100%;
  22114. object-fit: cover;
  22115. }
  22116. .timuImgBox {
  22117. margin: 10px 0;
  22118. display: flex;
  22119. flex-direction: column;
  22120. flex-wrap: wrap;
  22121. align-items: flex-start;
  22122. }
  22123. .timuImg {
  22124. width: 150px;
  22125. margin: 5px 0;
  22126. cursor: pointer;
  22127. }
  22128. .timuImg > img {
  22129. width: 100%;
  22130. height: 100%;
  22131. object-fit: cover;
  22132. }
  22133. .worksTop {
  22134. display: flex;
  22135. flex-direction: row;
  22136. align-items: flex-end;
  22137. }
  22138. .worksTitle {
  22139. display: flex;
  22140. flex-direction: row;
  22141. flex-wrap: nowrap;
  22142. align-items: center;
  22143. }
  22144. .worksTitle::before,
  22145. .worksTop::before {
  22146. content: "";
  22147. display: block;
  22148. width: 3px;
  22149. height: 20px;
  22150. background: #0061ff;
  22151. border-radius: 3px;
  22152. margin: 0 5px 0 0;
  22153. }
  22154. .corOpen {
  22155. margin: 0 0 0 10px;
  22156. font-size: 14px;
  22157. cursor: pointer;
  22158. color: #505050;
  22159. }
  22160. .corOpen:hover {
  22161. color: #499eef;
  22162. }
  22163. .navCorOpenBox {
  22164. display: flex;
  22165. flex-direction: row;
  22166. align-items: center;
  22167. justify-content: space-between;
  22168. height: 55px;
  22169. background: #ffffff;
  22170. box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
  22171. border-radius: 8px 8px 0px 0px;
  22172. z-index: 9;
  22173. position: relative;
  22174. }
  22175. .navCorOpen {
  22176. padding-right: 15px;
  22177. cursor: pointer;
  22178. width: 45px;
  22179. display: flex;
  22180. }
  22181. .navCorOpen > img {
  22182. width: 100%;
  22183. height: 100%;
  22184. }
  22185. .mlImg {
  22186. width: 40px !important;
  22187. min-width: 40px;
  22188. cursor: pointer;
  22189. transform: rotate(180deg);
  22190. }
  22191. .mlImg > img {
  22192. width: 100%;
  22193. height: 100%;
  22194. }
  22195. .navLeftCss {
  22196. width: 100% !important;
  22197. left: 0 !important;
  22198. }
  22199. .isContentCss {
  22200. width: 100% !important;
  22201. }
  22202. .isAllWidth {
  22203. width: 100% !important;
  22204. }
  22205. .group_switch {
  22206. margin-right: 10px;
  22207. height: 30px;
  22208. display: flex;
  22209. align-items: center;
  22210. }
  22211. .group_switch > span {
  22212. margin-right: 5px;
  22213. }
  22214. .fileC_box {
  22215. padding-top: 15px;
  22216. }
  22217. .fileC_box > .fileC_title {
  22218. padding: 10px 5px 14px 11px;
  22219. border-top: 1px solid #cad1dc;
  22220. font-size: 14px;
  22221. font-weight: 400;
  22222. color: #cad1dc;
  22223. width: 88%;
  22224. margin: 0 auto;
  22225. }
  22226. .pl_select_box {
  22227. height: 40px;
  22228. line-height: 40px;
  22229. width: 100%;
  22230. cursor: pointer;
  22231. padding: 0 20px;
  22232. box-sizing: border-box;
  22233. border-radius: 5px;
  22234. border: 1px solid #d6d6d6;
  22235. white-space: nowrap;
  22236. overflow: hidden;
  22237. text-overflow: ellipsis;
  22238. background: #fff;
  22239. text-align: left;
  22240. }
  22241. .newButton {
  22242. width: 102px;
  22243. height: 36px;
  22244. background: #e7ebf1;
  22245. border-radius: 4px;
  22246. color: #0e1e33;
  22247. font-weight: 400;
  22248. font-size: 14px;
  22249. border: none;
  22250. float: right;
  22251. margin-left: 10px;
  22252. }
  22253. .el-table >>> .even_row {
  22254. background-color: #f0f4fa;
  22255. }
  22256. .stageBoxCss,
  22257. .stageBoxIsCss {
  22258. display: flex;
  22259. flex-direction: row;
  22260. flex-wrap: nowrap;
  22261. align-items: center;
  22262. height: 50px;
  22263. border-bottom: 1px solid #e2f5fc;
  22264. cursor: pointer;
  22265. width: 100%;
  22266. }
  22267. .stageBoxIsCss {
  22268. background: #0061ff;
  22269. color: #fff;
  22270. border-radius: 8px;
  22271. }
  22272. .closeTri,
  22273. .closeTri1 {
  22274. min-width: 15px;
  22275. width: 15px;
  22276. height: 15px;
  22277. }
  22278. .closeTri1 {
  22279. padding-left: 10px;
  22280. cursor: pointer;
  22281. }
  22282. .closeTri > img,
  22283. .closeTri1 > img {
  22284. width: 100%;
  22285. height: 100%;
  22286. }
  22287. .noToolBlue {
  22288. min-width: 10px;
  22289. width: 10px;
  22290. height: 10px;
  22291. background: #0061ff;
  22292. border-radius: 50%;
  22293. margin-left: 13px;
  22294. }
  22295. .stageChild,
  22296. .toolChild {
  22297. height: 0;
  22298. overflow: hidden;
  22299. transition: all 0.5s;
  22300. }
  22301. .toolChild {
  22302. /* margin: 0 0 0 17px;
  22303. padding: 0 0 0 20px;
  22304. border-left: 1px solid #d7d7d7; */
  22305. }
  22306. .gjCss {
  22307. display: flex;
  22308. flex-direction: row;
  22309. flex-wrap: nowrap;
  22310. align-items: center;
  22311. padding: 15px 0 15px 40px;
  22312. box-sizing: border-box;
  22313. font-size: 14px;
  22314. cursor: pointer;
  22315. border-radius:5px;
  22316. }
  22317. .toolChild > div {
  22318. position: relative;
  22319. width: 100%;
  22320. }
  22321. .toolChild > div::before {
  22322. /* content: "";
  22323. width: 15px;
  22324. height: 1px;
  22325. background: #cad1dc;
  22326. position: absolute;
  22327. top: 24px;
  22328. left: -20px;
  22329. display: block; */
  22330. }
  22331. .isGjCss {
  22332. /* color: #0061ff; */
  22333. color:#fff;
  22334. background: rgb(55, 129, 252);
  22335. }
  22336. .navItem {
  22337. background: #ffffff;
  22338. border-radius: 4px;
  22339. width: 100%;
  22340. margin: 10px auto;
  22341. position: relative;
  22342. height: 40px;
  22343. display: flex;
  22344. flex-direction: row;
  22345. flex-wrap: nowrap;
  22346. align-items: center;
  22347. }
  22348. .navItemList {
  22349. display: flex;
  22350. flex-direction: row;
  22351. flex-wrap: nowrap;
  22352. align-items: center;
  22353. padding: 0 13px;
  22354. cursor: pointer;
  22355. width: calc(100% - 60px);
  22356. height: 100%;
  22357. }
  22358. .navItemList > div:first-child {
  22359. min-width: 60px;
  22360. }
  22361. .navItemList > div:last-child {
  22362. width: calc(100% - 80px);
  22363. white-space: nowrap;
  22364. overflow: hidden;
  22365. text-overflow: ellipsis;
  22366. word-break: break-word;
  22367. }
  22368. /* .isItemList > div {
  22369. color: #fff !important;
  22370. } */
  22371. .tool_work_box {
  22372. width: 100%;
  22373. padding: 0 37px 0;
  22374. box-sizing: border-box;
  22375. }
  22376. .tool_box {
  22377. width: 100%;
  22378. padding: 0 0 0 20px;
  22379. }
  22380. .tool_type_box {
  22381. display: flex;
  22382. flex-direction: row;
  22383. align-items: baseline;
  22384. flex-wrap: nowrap;
  22385. justify-content: flex-start;
  22386. position: relative;
  22387. }
  22388. .toolSort {
  22389. display: flex;
  22390. flex-direction: row;
  22391. flex-wrap: wrap;
  22392. justify-content: flex-start;
  22393. align-items: flex-start;
  22394. padding: 0 0 15px 0;
  22395. }
  22396. .toolSort > div {
  22397. margin: 0 10px 0 0;
  22398. width: 135px;
  22399. box-sizing: border-box;
  22400. border: 2px solid transparent;
  22401. }
  22402. .tools {
  22403. width: 100%;
  22404. display: flex;
  22405. flex-direction: column;
  22406. flex-wrap: nowrap;
  22407. align-items: flex-start;
  22408. }
  22409. .whiteBIcon {
  22410. width: fit-content;
  22411. cursor: pointer;
  22412. display: flex;
  22413. flex-direction: column;
  22414. flex-wrap: nowrap;
  22415. align-items: center;
  22416. font-size: 14px;
  22417. }
  22418. .tool:hover {
  22419. border: 2px solid #a5c7ff;
  22420. border-radius: 5px;
  22421. }
  22422. .whiteBIcon > img {
  22423. width: 65px;
  22424. height: 100%;
  22425. }
  22426. .whiteBIcon > img {
  22427. box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
  22428. border-radius: 15px;
  22429. }
  22430. .check {
  22431. /* width: 20px;
  22432. height: 20px; */
  22433. cursor: pointer;
  22434. margin: 10px 0;
  22435. position: absolute;
  22436. right: 2px;
  22437. top: -5px;
  22438. }
  22439. .noChoose,
  22440. .isChoose {
  22441. width: 15px;
  22442. height: 15px;
  22443. border-radius: 50%;
  22444. border: 1px solid #adadad;
  22445. }
  22446. .isChoose {
  22447. border: 4px solid #0363ff !important;
  22448. width: 10px;
  22449. height: 10px;
  22450. }
  22451. .isToolChoose {
  22452. border: 2px solid #5394ff !important;
  22453. border-radius: 5px;
  22454. box-shadow: 0 0 6px 0px #5394ff;
  22455. }
  22456. .checkDiv {
  22457. display: flex;
  22458. align-items: center;
  22459. }
  22460. .checkDiv span {
  22461. margin-left: 5px;
  22462. color: #858585;
  22463. }
  22464. .check img {
  22465. width: 20px;
  22466. height: 20px;
  22467. }
  22468. .lockTaskIcon {
  22469. width: 20px;
  22470. height: 20px;
  22471. position: absolute;
  22472. right: 10px;
  22473. top: 10px;
  22474. }
  22475. .lockTaskIcon > img {
  22476. width: 100%;
  22477. height: 100%;
  22478. }
  22479. .pick_box {
  22480. display: flex;
  22481. align-items: flex-start;
  22482. flex-wrap: wrap;
  22483. }
  22484. .selectBox {
  22485. width: 110px;
  22486. margin-left: 10px;
  22487. margin: 0 10px 0 auto;
  22488. }
  22489. .selectBox >>> .el-input__inner {
  22490. height: 30px;
  22491. line-height: 30px;
  22492. }
  22493. .selectBox >>> .el-input__icon {
  22494. line-height: 30px;
  22495. }
  22496. .sentenceTitle {
  22497. display: flex;
  22498. flex-direction: row;
  22499. flex-wrap: nowrap;
  22500. align-items: center;
  22501. }
  22502. .sentenceTitle::before {
  22503. content: attr(index);
  22504. background: #3681fc;
  22505. border-radius: 50%;
  22506. color: #fff;
  22507. width: 25px;
  22508. height: 25px;
  22509. min-width: 25px;
  22510. min-height: 25px;
  22511. text-align: center;
  22512. line-height: 25px;
  22513. margin-right: 5px;
  22514. }
  22515. .hfBox {
  22516. padding: 10px;
  22517. box-sizing: border-box;
  22518. }
  22519. .whoReplyWho {
  22520. display: flex;
  22521. flex-direction: row;
  22522. flex-wrap: nowrap;
  22523. align-items: baseline;
  22524. justify-content: flex-start;
  22525. }
  22526. .hfBottom {
  22527. display: flex;
  22528. flex-direction: row;
  22529. flex-wrap: nowrap;
  22530. align-items: center;
  22531. justify-content: space-between;
  22532. font-size: 14px;
  22533. }
  22534. .deleteHfItem {
  22535. cursor: pointer;
  22536. width: 20px;
  22537. height: 20px;
  22538. }
  22539. .deleteHfItem > img {
  22540. width: 100%;
  22541. height: 100%;
  22542. }
  22543. .whoReplyWho > .hfImg {
  22544. width: 12px;
  22545. height: 12px;
  22546. margin: 0 5px;
  22547. }
  22548. .whoReplyWho > .hfImg > img {
  22549. width: 100%;
  22550. height: 100%;
  22551. }
  22552. .hfContent {
  22553. padding-top: 10px;
  22554. box-sizing: border-box;
  22555. display: -webkit-box;
  22556. overflow: hidden;
  22557. white-space: normal !important;
  22558. text-overflow: ellipsis;
  22559. word-wrap: break-word;
  22560. -webkit-box-orient: vertical;
  22561. }
  22562. .hfTime {
  22563. text-align: left;
  22564. box-sizing: border-box;
  22565. padding: 10px 0 10px 0px;
  22566. color: #bfbfbf;
  22567. font-size: 14px;
  22568. }
  22569. .btnAllNT {
  22570. position: fixed;
  22571. bottom: 100px;
  22572. right: 40px;
  22573. z-index: 999;
  22574. display: flex;
  22575. flex-direction: row;
  22576. }
  22577. .btnAllNT > img {
  22578. cursor: pointer;
  22579. width: 80px;
  22580. }
  22581. .toolMask {
  22582. position: fixed;
  22583. width: 100%;
  22584. height: 100%;
  22585. background: #3f3c3c;
  22586. opacity: 0.5;
  22587. top: 0;
  22588. left: 0;
  22589. z-index: 999;
  22590. }
  22591. .addToolCss {
  22592. position: fixed;
  22593. z-index: 999;
  22594. background: #fff;
  22595. right: 5%;
  22596. bottom: 18%;
  22597. min-width: 1035px;
  22598. min-height: 300px;
  22599. border-radius: 10px;
  22600. box-shadow: 0 0 8px 1px #b2b2b2;
  22601. }
  22602. .toolTop {
  22603. display: flex;
  22604. flex-direction: row;
  22605. flex-wrap: nowrap;
  22606. justify-content: space-between;
  22607. align-items: center;
  22608. padding: 20px;
  22609. }
  22610. .toolTop > div:nth-child(2) {
  22611. width: 15px;
  22612. height: 15px;
  22613. padding-right: 10px;
  22614. cursor: pointer;
  22615. }
  22616. .toolTop > div:nth-child(2) > img {
  22617. width: 100%;
  22618. height: 100%;
  22619. }
  22620. .fullStyle>>>.el-dialog__body {
  22621. height: calc(100% - 125px) !important;
  22622. box-sizing: border-box;
  22623. padding: 30px 0 !important;
  22624. background: #fff !important;
  22625. }
  22626. .fullStyle>>>.el-dialog {
  22627. width: 100% !important;
  22628. max-width: 100% !important;
  22629. height: 100% !important;
  22630. margin: 0 !important;
  22631. }
  22632. .fullStyle {
  22633. width: 100% !important;
  22634. max-width: 100% !important;
  22635. height: 100% !important;
  22636. margin: 0 auto !important;
  22637. }
  22638. .fullStyle>>>.el-dialog__footer{
  22639. background: #fff !important;
  22640. }
  22641. .engUpBox {
  22642. width: 100%;
  22643. height: 100%;
  22644. }
  22645. .engTitle,
  22646. .engText {
  22647. display: flex;
  22648. flex-direction: row;
  22649. flex-wrap: nowrap;
  22650. align-items: flex-start;
  22651. padding: 0 20px 20px 20px;
  22652. box-sizing: border-box;
  22653. }
  22654. .engTitle > .div:first-child,
  22655. .engText > div:first-child {
  22656. min-width: 75px;
  22657. }
  22658. .correctBox{
  22659. width: 100%;
  22660. display: flex;
  22661. flex-direction: row;
  22662. flex-wrap: nowrap;
  22663. align-items: flex-start;
  22664. }
  22665. .oldBox{
  22666. width: 50%;
  22667. height: 100%;
  22668. display: flex;
  22669. flex-direction: column;
  22670. flex-wrap: nowrap;
  22671. align-items: center;
  22672. border-top: 1px solid #d9d9d9;
  22673. border-left: 1px solid #d9d9d9;
  22674. border-right: 1px solid #d9d9d9;
  22675. }
  22676. .oldBox>div:first-child{
  22677. width: 100%;
  22678. text-align: center;
  22679. background: #d9d9d9;
  22680. height: 35px;
  22681. line-height: 35px;
  22682. font-weight: bold;
  22683. }
  22684. .oldText{
  22685. width: 100%;
  22686. height: calc(100% - 35px);
  22687. overflow: auto;
  22688. margin: 10px 0;
  22689. display: flex;
  22690. flex-direction: column;
  22691. flex-wrap: nowrap;
  22692. align-content: center;
  22693. align-items: center;
  22694. }
  22695. .detailBox{
  22696. width: 50%;
  22697. padding: 10px;
  22698. background: #f6f6f6;
  22699. border-radius: 5px;
  22700. }
  22701. .oldDetail,.oldDetail1{
  22702. padding-bottom: 30px;
  22703. }
  22704. .oldImg{
  22705. width:30px;
  22706. height: 30px;
  22707. }
  22708. .oldImg>img{
  22709. width: 100%;
  22710. height: 100%;
  22711. }
  22712. .allName{
  22713. min-width: 200px;
  22714. white-space: nowrap;
  22715. overflow: hidden;
  22716. text-overflow: ellipsis;
  22717. word-break: break-word;
  22718. cursor: pointer;
  22719. text-align: center;
  22720. border: 1px solid #bcc2cc;
  22721. box-sizing: border-box;
  22722. }
  22723. .engUpTop{
  22724. max-height: 300px;
  22725. overflow: auto;
  22726. }
  22727. .isUpdateToolDetailClass{
  22728. padding: 0 !important;
  22729. }
  22730. .isUpdateToolDetailClass textarea{
  22731. padding:12px;
  22732. font-size: 16px;
  22733. min-height:100%;
  22734. width: 100%;
  22735. box-sizing:border-box;
  22736. outline: none;
  22737. border:none;
  22738. line-height: 30px;
  22739. resize: none;
  22740. font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
  22741. color: #838383;
  22742. }
  22743. </style>