studyStudent.vue 808 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063140641406514066140671406814069140701407114072140731407414075140761407714078140791408014081140821408314084140851408614087140881408914090140911409214093140941409514096140971409814099141001410114102141031410414105141061410714108141091411014111141121411314114141151411614117141181411914120141211412214123141241412514126141271412814129141301413114132141331413414135141361413714138141391414014141141421414314144141451414614147141481414914150141511415214153141541415514156141571415814159141601416114162141631416414165141661416714168141691417014171141721417314174141751417614177141781417914180141811418214183141841418514186141871418814189141901419114192141931419414195141961419714198141991420014201142021420314204142051420614207142081420914210142111421214213142141421514216142171421814219142201422114222142231422414225142261422714228142291423014231142321423314234142351423614237142381423914240142411424214243142441424514246142471424814249142501425114252142531425414255142561425714258142591426014261142621426314264142651426614267142681426914270142711427214273142741427514276142771427814279142801428114282142831428414285142861428714288142891429014291142921429314294142951429614297142981429914300143011430214303143041430514306143071430814309143101431114312143131431414315143161431714318143191432014321143221432314324143251432614327143281432914330143311433214333143341433514336143371433814339143401434114342143431434414345143461434714348143491435014351143521435314354143551435614357143581435914360143611436214363143641436514366143671436814369143701437114372143731437414375143761437714378143791438014381143821438314384143851438614387143881438914390143911439214393143941439514396143971439814399144001440114402144031440414405144061440714408144091441014411144121441314414144151441614417144181441914420144211442214423144241442514426144271442814429144301443114432144331443414435144361443714438144391444014441144421444314444144451444614447144481444914450144511445214453144541445514456144571445814459144601446114462144631446414465144661446714468144691447014471144721447314474144751447614477144781447914480144811448214483144841448514486144871448814489144901449114492144931449414495144961449714498144991450014501145021450314504145051450614507145081450914510145111451214513145141451514516145171451814519145201452114522145231452414525145261452714528145291453014531145321453314534145351453614537145381453914540145411454214543145441454514546145471454814549145501455114552145531455414555145561455714558145591456014561145621456314564145651456614567145681456914570145711457214573145741457514576145771457814579145801458114582145831458414585145861458714588145891459014591145921459314594145951459614597145981459914600146011460214603146041460514606146071460814609146101461114612146131461414615146161461714618146191462014621146221462314624146251462614627146281462914630146311463214633146341463514636146371463814639146401464114642146431464414645146461464714648146491465014651146521465314654146551465614657146581465914660146611466214663146641466514666146671466814669146701467114672146731467414675146761467714678146791468014681146821468314684146851468614687146881468914690146911469214693146941469514696146971469814699147001470114702147031470414705147061470714708147091471014711147121471314714147151471614717147181471914720147211472214723147241472514726147271472814729147301473114732147331473414735147361473714738147391474014741147421474314744147451474614747147481474914750147511475214753147541475514756147571475814759147601476114762147631476414765147661476714768147691477014771147721477314774147751477614777147781477914780147811478214783147841478514786147871478814789147901479114792147931479414795147961479714798147991480014801148021480314804148051480614807148081480914810148111481214813148141481514816148171481814819148201482114822148231482414825148261482714828148291483014831148321483314834148351483614837148381483914840148411484214843148441484514846148471484814849148501485114852148531485414855148561485714858148591486014861148621486314864148651486614867148681486914870148711487214873148741487514876148771487814879148801488114882148831488414885148861488714888148891489014891148921489314894148951489614897148981489914900149011490214903149041490514906149071490814909149101491114912149131491414915149161491714918149191492014921149221492314924149251492614927149281492914930149311493214933149341493514936149371493814939149401494114942149431494414945149461494714948149491495014951149521495314954149551495614957149581495914960149611496214963149641496514966149671496814969149701497114972149731497414975149761497714978149791498014981149821498314984149851498614987149881498914990149911499214993149941499514996149971499814999150001500115002150031500415005150061500715008150091501015011150121501315014150151501615017150181501915020150211502215023150241502515026150271502815029150301503115032150331503415035150361503715038150391504015041150421504315044150451504615047150481504915050150511505215053150541505515056150571505815059150601506115062150631506415065150661506715068150691507015071150721507315074150751507615077150781507915080150811508215083150841508515086150871508815089150901509115092150931509415095150961509715098150991510015101151021510315104151051510615107151081510915110151111511215113151141511515116151171511815119151201512115122151231512415125151261512715128151291513015131151321513315134151351513615137151381513915140151411514215143151441514515146151471514815149151501515115152151531515415155151561515715158151591516015161151621516315164151651516615167151681516915170151711517215173151741517515176151771517815179151801518115182151831518415185151861518715188151891519015191151921519315194151951519615197151981519915200152011520215203152041520515206152071520815209152101521115212152131521415215152161521715218152191522015221152221522315224152251522615227152281522915230152311523215233152341523515236152371523815239152401524115242152431524415245152461524715248152491525015251152521525315254152551525615257152581525915260152611526215263152641526515266152671526815269152701527115272152731527415275152761527715278152791528015281152821528315284152851528615287152881528915290152911529215293152941529515296152971529815299153001530115302153031530415305153061530715308153091531015311153121531315314153151531615317153181531915320153211532215323153241532515326153271532815329153301533115332153331533415335153361533715338153391534015341153421534315344153451534615347153481534915350153511535215353153541535515356153571535815359153601536115362153631536415365153661536715368153691537015371153721537315374153751537615377153781537915380153811538215383153841538515386153871538815389153901539115392153931539415395153961539715398153991540015401154021540315404154051540615407154081540915410154111541215413154141541515416154171541815419154201542115422154231542415425154261542715428154291543015431154321543315434154351543615437154381543915440154411544215443154441544515446154471544815449154501545115452154531545415455154561545715458154591546015461154621546315464154651546615467154681546915470154711547215473154741547515476154771547815479154801548115482154831548415485154861548715488154891549015491154921549315494154951549615497154981549915500155011550215503155041550515506155071550815509155101551115512155131551415515155161551715518155191552015521155221552315524155251552615527155281552915530155311553215533155341553515536155371553815539155401554115542155431554415545155461554715548155491555015551155521555315554155551555615557155581555915560155611556215563155641556515566155671556815569155701557115572155731557415575155761557715578155791558015581155821558315584155851558615587155881558915590155911559215593155941559515596155971559815599156001560115602156031560415605156061560715608156091561015611156121561315614156151561615617156181561915620156211562215623156241562515626156271562815629156301563115632156331563415635156361563715638156391564015641156421564315644156451564615647156481564915650156511565215653156541565515656156571565815659156601566115662156631566415665156661566715668156691567015671156721567315674156751567615677156781567915680156811568215683156841568515686156871568815689156901569115692156931569415695156961569715698156991570015701157021570315704157051570615707157081570915710157111571215713157141571515716157171571815719157201572115722157231572415725157261572715728157291573015731157321573315734157351573615737157381573915740157411574215743157441574515746157471574815749157501575115752157531575415755157561575715758157591576015761157621576315764157651576615767157681576915770157711577215773157741577515776157771577815779157801578115782157831578415785157861578715788157891579015791157921579315794157951579615797157981579915800158011580215803158041580515806158071580815809158101581115812158131581415815158161581715818158191582015821158221582315824158251582615827158281582915830158311583215833158341583515836158371583815839158401584115842158431584415845158461584715848158491585015851158521585315854158551585615857158581585915860158611586215863158641586515866158671586815869158701587115872158731587415875158761587715878158791588015881158821588315884158851588615887158881588915890158911589215893158941589515896158971589815899159001590115902159031590415905159061590715908159091591015911159121591315914159151591615917159181591915920159211592215923159241592515926159271592815929159301593115932159331593415935159361593715938159391594015941159421594315944159451594615947159481594915950159511595215953159541595515956159571595815959159601596115962159631596415965159661596715968159691597015971159721597315974159751597615977159781597915980159811598215983159841598515986159871598815989159901599115992159931599415995159961599715998159991600016001160021600316004160051600616007160081600916010160111601216013160141601516016160171601816019160201602116022160231602416025160261602716028160291603016031160321603316034160351603616037160381603916040160411604216043160441604516046160471604816049160501605116052160531605416055160561605716058160591606016061160621606316064160651606616067160681606916070160711607216073160741607516076160771607816079160801608116082160831608416085160861608716088160891609016091160921609316094160951609616097160981609916100161011610216103161041610516106161071610816109161101611116112161131611416115161161611716118161191612016121161221612316124161251612616127161281612916130161311613216133161341613516136161371613816139161401614116142161431614416145161461614716148161491615016151161521615316154161551615616157161581615916160161611616216163161641616516166161671616816169161701617116172161731617416175161761617716178161791618016181161821618316184161851618616187161881618916190161911619216193161941619516196161971619816199162001620116202162031620416205162061620716208162091621016211162121621316214162151621616217162181621916220162211622216223162241622516226162271622816229162301623116232162331623416235162361623716238162391624016241162421624316244162451624616247162481624916250162511625216253162541625516256162571625816259162601626116262162631626416265162661626716268162691627016271162721627316274162751627616277162781627916280162811628216283162841628516286162871628816289162901629116292162931629416295162961629716298162991630016301163021630316304163051630616307163081630916310163111631216313163141631516316163171631816319163201632116322163231632416325163261632716328163291633016331163321633316334163351633616337163381633916340163411634216343163441634516346163471634816349163501635116352163531635416355163561635716358163591636016361163621636316364163651636616367163681636916370163711637216373163741637516376163771637816379163801638116382163831638416385163861638716388163891639016391163921639316394163951639616397163981639916400164011640216403164041640516406164071640816409164101641116412164131641416415164161641716418164191642016421164221642316424164251642616427164281642916430164311643216433164341643516436164371643816439164401644116442164431644416445164461644716448164491645016451164521645316454164551645616457164581645916460164611646216463164641646516466164671646816469164701647116472164731647416475164761647716478164791648016481164821648316484164851648616487164881648916490164911649216493164941649516496164971649816499165001650116502165031650416505165061650716508165091651016511165121651316514165151651616517165181651916520165211652216523165241652516526165271652816529165301653116532165331653416535165361653716538165391654016541165421654316544165451654616547165481654916550165511655216553165541655516556165571655816559165601656116562165631656416565165661656716568165691657016571165721657316574165751657616577165781657916580165811658216583165841658516586165871658816589165901659116592165931659416595165961659716598165991660016601166021660316604166051660616607166081660916610166111661216613166141661516616166171661816619166201662116622166231662416625166261662716628166291663016631166321663316634166351663616637166381663916640166411664216643166441664516646166471664816649166501665116652166531665416655166561665716658166591666016661166621666316664166651666616667166681666916670166711667216673166741667516676166771667816679166801668116682166831668416685166861668716688166891669016691166921669316694166951669616697166981669916700167011670216703167041670516706167071670816709167101671116712167131671416715167161671716718167191672016721167221672316724167251672616727167281672916730167311673216733167341673516736167371673816739167401674116742167431674416745167461674716748167491675016751167521675316754167551675616757167581675916760167611676216763167641676516766167671676816769167701677116772167731677416775167761677716778167791678016781167821678316784167851678616787167881678916790167911679216793167941679516796167971679816799168001680116802168031680416805168061680716808168091681016811168121681316814168151681616817168181681916820168211682216823168241682516826168271682816829168301683116832168331683416835168361683716838168391684016841168421684316844168451684616847168481684916850168511685216853168541685516856168571685816859168601686116862168631686416865168661686716868168691687016871168721687316874168751687616877168781687916880168811688216883168841688516886168871688816889168901689116892168931689416895168961689716898168991690016901169021690316904169051690616907169081690916910169111691216913169141691516916169171691816919169201692116922169231692416925169261692716928169291693016931169321693316934169351693616937169381693916940169411694216943169441694516946169471694816949169501695116952169531695416955169561695716958169591696016961169621696316964169651696616967169681696916970169711697216973169741697516976169771697816979169801698116982169831698416985169861698716988169891699016991169921699316994169951699616997169981699917000170011700217003170041700517006170071700817009170101701117012170131701417015170161701717018170191702017021170221702317024170251702617027170281702917030170311703217033170341703517036170371703817039170401704117042170431704417045170461704717048170491705017051170521705317054170551705617057170581705917060170611706217063170641706517066170671706817069170701707117072170731707417075170761707717078170791708017081170821708317084170851708617087170881708917090170911709217093170941709517096170971709817099171001710117102171031710417105171061710717108171091711017111171121711317114171151711617117171181711917120171211712217123171241712517126171271712817129171301713117132171331713417135171361713717138171391714017141171421714317144171451714617147171481714917150171511715217153171541715517156171571715817159171601716117162171631716417165171661716717168171691717017171171721717317174171751717617177171781717917180171811718217183171841718517186171871718817189171901719117192171931719417195171961719717198171991720017201172021720317204172051720617207172081720917210172111721217213172141721517216172171721817219172201722117222172231722417225172261722717228172291723017231172321723317234172351723617237172381723917240172411724217243172441724517246172471724817249172501725117252172531725417255172561725717258172591726017261172621726317264172651726617267172681726917270172711727217273172741727517276172771727817279172801728117282172831728417285172861728717288172891729017291172921729317294172951729617297172981729917300173011730217303173041730517306173071730817309173101731117312173131731417315173161731717318173191732017321173221732317324173251732617327173281732917330173311733217333173341733517336173371733817339173401734117342173431734417345173461734717348173491735017351173521735317354173551735617357173581735917360173611736217363173641736517366173671736817369173701737117372173731737417375173761737717378173791738017381173821738317384173851738617387173881738917390173911739217393173941739517396173971739817399174001740117402174031740417405174061740717408174091741017411174121741317414174151741617417174181741917420174211742217423174241742517426174271742817429174301743117432174331743417435174361743717438174391744017441174421744317444174451744617447174481744917450174511745217453174541745517456174571745817459174601746117462174631746417465174661746717468174691747017471174721747317474174751747617477174781747917480174811748217483174841748517486174871748817489174901749117492174931749417495174961749717498174991750017501175021750317504175051750617507175081750917510175111751217513175141751517516175171751817519175201752117522175231752417525175261752717528175291753017531175321753317534175351753617537175381753917540175411754217543175441754517546175471754817549175501755117552175531755417555175561755717558175591756017561175621756317564175651756617567175681756917570175711757217573175741757517576175771757817579175801758117582175831758417585175861758717588175891759017591175921759317594175951759617597175981759917600176011760217603176041760517606176071760817609176101761117612176131761417615176161761717618176191762017621176221762317624176251762617627176281762917630176311763217633176341763517636176371763817639176401764117642176431764417645176461764717648176491765017651176521765317654176551765617657176581765917660176611766217663176641766517666176671766817669176701767117672176731767417675176761767717678176791768017681176821768317684176851768617687176881768917690176911769217693176941769517696176971769817699177001770117702177031770417705177061770717708177091771017711177121771317714177151771617717177181771917720177211772217723177241772517726177271772817729177301773117732177331773417735177361773717738177391774017741177421774317744177451774617747177481774917750177511775217753177541775517756177571775817759177601776117762177631776417765177661776717768177691777017771177721777317774177751777617777177781777917780177811778217783177841778517786177871778817789177901779117792177931779417795177961779717798177991780017801178021780317804178051780617807178081780917810178111781217813178141781517816178171781817819178201782117822178231782417825178261782717828178291783017831178321783317834178351783617837178381783917840178411784217843178441784517846178471784817849178501785117852178531785417855178561785717858178591786017861178621786317864178651786617867178681786917870178711787217873178741787517876178771787817879178801788117882178831788417885178861788717888178891789017891178921789317894178951789617897178981789917900179011790217903179041790517906179071790817909179101791117912179131791417915179161791717918179191792017921179221792317924179251792617927179281792917930179311793217933179341793517936179371793817939179401794117942179431794417945179461794717948179491795017951179521795317954179551795617957179581795917960179611796217963179641796517966179671796817969179701797117972179731797417975179761797717978179791798017981179821798317984179851798617987179881798917990179911799217993179941799517996179971799817999180001800118002180031800418005180061800718008180091801018011180121801318014180151801618017180181801918020180211802218023180241802518026180271802818029180301803118032180331803418035180361803718038180391804018041180421804318044180451804618047180481804918050180511805218053180541805518056180571805818059180601806118062180631806418065180661806718068180691807018071180721807318074180751807618077180781807918080180811808218083180841808518086180871808818089180901809118092180931809418095180961809718098180991810018101181021810318104181051810618107181081810918110181111811218113181141811518116181171811818119181201812118122181231812418125181261812718128181291813018131181321813318134181351813618137181381813918140181411814218143181441814518146181471814818149181501815118152181531815418155181561815718158181591816018161181621816318164181651816618167181681816918170181711817218173181741817518176181771817818179181801818118182181831818418185181861818718188181891819018191181921819318194181951819618197181981819918200182011820218203182041820518206182071820818209182101821118212182131821418215182161821718218182191822018221182221822318224182251822618227182281822918230182311823218233182341823518236182371823818239182401824118242182431824418245182461824718248182491825018251182521825318254182551825618257182581825918260182611826218263182641826518266182671826818269182701827118272182731827418275182761827718278182791828018281182821828318284182851828618287182881828918290182911829218293182941829518296182971829818299183001830118302183031830418305183061830718308183091831018311183121831318314183151831618317183181831918320183211832218323183241832518326183271832818329183301833118332183331833418335183361833718338183391834018341183421834318344183451834618347183481834918350183511835218353183541835518356183571835818359183601836118362183631836418365183661836718368183691837018371183721837318374183751837618377183781837918380183811838218383183841838518386183871838818389183901839118392183931839418395183961839718398183991840018401184021840318404184051840618407184081840918410184111841218413184141841518416184171841818419184201842118422184231842418425184261842718428184291843018431184321843318434184351843618437184381843918440184411844218443184441844518446184471844818449184501845118452184531845418455184561845718458184591846018461184621846318464184651846618467184681846918470184711847218473184741847518476184771847818479184801848118482184831848418485184861848718488184891849018491184921849318494184951849618497184981849918500185011850218503185041850518506185071850818509185101851118512185131851418515185161851718518185191852018521185221852318524185251852618527185281852918530185311853218533185341853518536185371853818539185401854118542185431854418545185461854718548185491855018551185521855318554185551855618557185581855918560185611856218563185641856518566185671856818569185701857118572185731857418575185761857718578185791858018581185821858318584185851858618587185881858918590185911859218593185941859518596185971859818599186001860118602186031860418605186061860718608186091861018611186121861318614186151861618617186181861918620186211862218623186241862518626186271862818629186301863118632186331863418635186361863718638186391864018641186421864318644186451864618647186481864918650186511865218653186541865518656186571865818659186601866118662186631866418665186661866718668186691867018671186721867318674186751867618677186781867918680186811868218683186841868518686186871868818689186901869118692186931869418695186961869718698186991870018701187021870318704187051870618707187081870918710187111871218713187141871518716187171871818719187201872118722187231872418725187261872718728187291873018731187321873318734187351873618737187381873918740187411874218743187441874518746187471874818749187501875118752187531875418755187561875718758187591876018761187621876318764187651876618767187681876918770187711877218773187741877518776187771877818779187801878118782187831878418785187861878718788187891879018791187921879318794187951879618797187981879918800188011880218803188041880518806188071880818809188101881118812188131881418815188161881718818188191882018821188221882318824188251882618827188281882918830188311883218833188341883518836188371883818839188401884118842188431884418845188461884718848188491885018851188521885318854188551885618857188581885918860188611886218863188641886518866188671886818869188701887118872188731887418875188761887718878188791888018881188821888318884188851888618887188881888918890188911889218893188941889518896188971889818899189001890118902189031890418905189061890718908189091891018911189121891318914189151891618917189181891918920189211892218923189241892518926189271892818929189301893118932189331893418935189361893718938189391894018941189421894318944189451894618947189481894918950189511895218953189541895518956189571895818959189601896118962189631896418965189661896718968189691897018971189721897318974189751897618977189781897918980189811898218983189841898518986189871898818989189901899118992189931899418995189961899718998189991900019001190021900319004190051900619007190081900919010190111901219013190141901519016190171901819019190201902119022190231902419025190261902719028190291903019031190321903319034190351903619037190381903919040190411904219043190441904519046190471904819049190501905119052190531905419055190561905719058190591906019061190621906319064190651906619067190681906919070190711907219073190741907519076190771907819079190801908119082190831908419085190861908719088190891909019091190921909319094190951909619097190981909919100191011910219103191041910519106191071910819109191101911119112191131911419115191161911719118191191912019121191221912319124191251912619127191281912919130191311913219133191341913519136191371913819139191401914119142191431914419145191461914719148191491915019151191521915319154191551915619157191581915919160191611916219163191641916519166191671916819169191701917119172191731917419175191761917719178191791918019181191821918319184191851918619187191881918919190191911919219193191941919519196191971919819199192001920119202192031920419205192061920719208192091921019211192121921319214192151921619217192181921919220192211922219223192241922519226192271922819229192301923119232192331923419235192361923719238192391924019241192421924319244192451924619247192481924919250192511925219253192541925519256192571925819259192601926119262192631926419265192661926719268192691927019271192721927319274192751927619277192781927919280192811928219283192841928519286192871928819289192901929119292192931929419295192961929719298192991930019301193021930319304193051930619307193081930919310193111931219313193141931519316193171931819319193201932119322193231932419325193261932719328193291933019331193321933319334193351933619337193381933919340193411934219343193441934519346193471934819349193501935119352193531935419355193561935719358193591936019361193621936319364193651936619367193681936919370193711937219373193741937519376193771937819379193801938119382193831938419385193861938719388193891939019391193921939319394193951939619397193981939919400194011940219403194041940519406194071940819409194101941119412194131941419415194161941719418194191942019421194221942319424194251942619427194281942919430194311943219433194341943519436194371943819439194401944119442194431944419445194461944719448194491945019451194521945319454194551945619457194581945919460194611946219463194641946519466194671946819469194701947119472194731947419475194761947719478194791948019481194821948319484194851948619487194881948919490194911949219493194941949519496194971949819499195001950119502195031950419505195061950719508195091951019511195121951319514195151951619517195181951919520195211952219523195241952519526195271952819529195301953119532195331953419535195361953719538195391954019541195421954319544195451954619547195481954919550195511955219553195541955519556195571955819559195601956119562195631956419565195661956719568195691957019571195721957319574195751957619577195781957919580195811958219583195841958519586195871958819589195901959119592195931959419595195961959719598195991960019601196021960319604196051960619607196081960919610196111961219613196141961519616196171961819619196201962119622196231962419625196261962719628196291963019631196321963319634196351963619637196381963919640196411964219643196441964519646196471964819649196501965119652196531965419655196561965719658196591966019661196621966319664196651966619667196681966919670196711967219673196741967519676196771967819679196801968119682196831968419685196861968719688196891969019691196921969319694196951969619697196981969919700197011970219703197041970519706197071970819709197101971119712197131971419715197161971719718197191972019721197221972319724197251972619727197281972919730197311973219733197341973519736197371973819739197401974119742197431974419745197461974719748197491975019751197521975319754197551975619757197581975919760197611976219763197641976519766197671976819769197701977119772197731977419775197761977719778197791978019781197821978319784197851978619787197881978919790197911979219793197941979519796197971979819799198001980119802198031980419805198061980719808198091981019811198121981319814198151981619817198181981919820198211982219823198241982519826198271982819829198301983119832198331983419835198361983719838198391984019841198421984319844198451984619847198481984919850198511985219853198541985519856198571985819859198601986119862198631986419865198661986719868198691987019871198721987319874198751987619877198781987919880198811988219883198841988519886198871988819889198901989119892198931989419895198961989719898198991990019901199021990319904199051990619907199081990919910199111991219913199141991519916199171991819919199201992119922199231992419925199261992719928199291993019931199321993319934199351993619937199381993919940199411994219943199441994519946199471994819949199501995119952199531995419955199561995719958199591996019961199621996319964199651996619967199681996919970199711997219973199741997519976199771997819979199801998119982199831998419985199861998719988199891999019991199921999319994199951999619997199981999920000200012000220003200042000520006200072000820009200102001120012200132001420015200162001720018200192002020021200222002320024200252002620027200282002920030200312003220033200342003520036200372003820039200402004120042200432004420045200462004720048200492005020051200522005320054200552005620057200582005920060200612006220063200642006520066200672006820069200702007120072200732007420075200762007720078200792008020081200822008320084200852008620087200882008920090200912009220093200942009520096200972009820099201002010120102201032010420105201062010720108201092011020111201122011320114201152011620117201182011920120201212012220123201242012520126201272012820129201302013120132201332013420135201362013720138201392014020141201422014320144201452014620147201482014920150201512015220153201542015520156201572015820159201602016120162201632016420165201662016720168201692017020171201722017320174201752017620177201782017920180201812018220183201842018520186201872018820189201902019120192201932019420195201962019720198201992020020201202022020320204202052020620207202082020920210202112021220213202142021520216202172021820219202202022120222202232022420225202262022720228202292023020231202322023320234202352023620237202382023920240202412024220243202442024520246202472024820249202502025120252202532025420255202562025720258202592026020261202622026320264202652026620267202682026920270202712027220273202742027520276202772027820279202802028120282202832028420285202862028720288202892029020291202922029320294202952029620297202982029920300203012030220303203042030520306203072030820309203102031120312203132031420315203162031720318203192032020321203222032320324203252032620327203282032920330203312033220333203342033520336203372033820339203402034120342203432034420345203462034720348203492035020351203522035320354203552035620357203582035920360203612036220363203642036520366203672036820369203702037120372203732037420375203762037720378203792038020381203822038320384203852038620387203882038920390203912039220393203942039520396203972039820399204002040120402204032040420405204062040720408204092041020411204122041320414204152041620417204182041920420204212042220423204242042520426204272042820429204302043120432204332043420435204362043720438204392044020441204422044320444204452044620447204482044920450204512045220453204542045520456204572045820459204602046120462204632046420465204662046720468204692047020471204722047320474204752047620477204782047920480204812048220483204842048520486204872048820489204902049120492204932049420495204962049720498204992050020501205022050320504205052050620507205082050920510205112051220513205142051520516205172051820519205202052120522205232052420525205262052720528205292053020531205322053320534205352053620537205382053920540205412054220543205442054520546205472054820549205502055120552205532055420555205562055720558205592056020561205622056320564205652056620567205682056920570205712057220573205742057520576205772057820579205802058120582205832058420585205862058720588205892059020591205922059320594205952059620597205982059920600206012060220603206042060520606206072060820609206102061120612206132061420615206162061720618206192062020621206222062320624206252062620627206282062920630206312063220633206342063520636206372063820639206402064120642206432064420645206462064720648206492065020651206522065320654206552065620657206582065920660206612066220663206642066520666206672066820669206702067120672206732067420675206762067720678206792068020681206822068320684206852068620687206882068920690206912069220693206942069520696206972069820699207002070120702207032070420705207062070720708207092071020711207122071320714207152071620717207182071920720207212072220723207242072520726207272072820729207302073120732207332073420735207362073720738207392074020741207422074320744207452074620747207482074920750207512075220753207542075520756207572075820759207602076120762207632076420765207662076720768207692077020771207722077320774207752077620777207782077920780207812078220783207842078520786207872078820789207902079120792207932079420795207962079720798207992080020801208022080320804208052080620807208082080920810208112081220813208142081520816208172081820819208202082120822208232082420825208262082720828208292083020831208322083320834208352083620837208382083920840208412084220843208442084520846208472084820849208502085120852208532085420855208562085720858208592086020861208622086320864208652086620867208682086920870208712087220873208742087520876208772087820879208802088120882208832088420885208862088720888208892089020891208922089320894208952089620897208982089920900209012090220903209042090520906209072090820909209102091120912209132091420915209162091720918209192092020921209222092320924209252092620927209282092920930209312093220933209342093520936209372093820939209402094120942209432094420945209462094720948209492095020951209522095320954209552095620957209582095920960209612096220963209642096520966209672096820969209702097120972209732097420975209762097720978209792098020981209822098320984209852098620987209882098920990209912099220993209942099520996209972099820999210002100121002210032100421005210062100721008210092101021011210122101321014210152101621017210182101921020210212102221023210242102521026210272102821029210302103121032210332103421035210362103721038210392104021041210422104321044210452104621047210482104921050210512105221053210542105521056210572105821059210602106121062210632106421065210662106721068210692107021071210722107321074210752107621077210782107921080210812108221083210842108521086210872108821089210902109121092210932109421095210962109721098210992110021101211022110321104211052110621107211082110921110211112111221113211142111521116211172111821119211202112121122211232112421125211262112721128211292113021131211322113321134211352113621137211382113921140211412114221143211442114521146211472114821149211502115121152211532115421155211562115721158211592116021161211622116321164211652116621167211682116921170211712117221173211742117521176211772117821179211802118121182211832118421185211862118721188211892119021191211922119321194211952119621197211982119921200212012120221203212042120521206212072120821209212102121121212212132121421215212162121721218212192122021221212222122321224212252122621227212282122921230212312123221233212342123521236212372123821239212402124121242212432124421245212462124721248212492125021251212522125321254212552125621257212582125921260212612126221263212642126521266212672126821269212702127121272212732127421275212762127721278212792128021281212822128321284212852128621287212882128921290212912129221293212942129521296212972129821299213002130121302213032130421305213062130721308213092131021311213122131321314213152131621317213182131921320213212132221323213242132521326213272132821329213302133121332213332133421335213362133721338213392134021341213422134321344213452134621347213482134921350213512135221353213542135521356213572135821359213602136121362213632136421365213662136721368213692137021371213722137321374213752137621377213782137921380213812138221383213842138521386213872138821389213902139121392213932139421395213962139721398213992140021401214022140321404214052140621407214082140921410214112141221413214142141521416214172141821419214202142121422214232142421425214262142721428214292143021431214322143321434214352143621437214382143921440214412144221443214442144521446214472144821449214502145121452214532145421455214562145721458214592146021461214622146321464214652146621467214682146921470214712147221473214742147521476214772147821479214802148121482214832148421485214862148721488214892149021491214922149321494214952149621497214982149921500215012150221503215042150521506215072150821509215102151121512215132151421515215162151721518215192152021521215222152321524215252152621527215282152921530215312153221533215342153521536215372153821539215402154121542215432154421545215462154721548215492155021551215522155321554215552155621557215582155921560215612156221563215642156521566215672156821569215702157121572215732157421575215762157721578215792158021581215822158321584215852158621587215882158921590215912159221593215942159521596215972159821599216002160121602216032160421605216062160721608216092161021611216122161321614216152161621617216182161921620216212162221623216242162521626216272162821629216302163121632216332163421635216362163721638216392164021641216422164321644216452164621647216482164921650216512165221653216542165521656216572165821659216602166121662216632166421665216662166721668216692167021671216722167321674216752167621677216782167921680216812168221683216842168521686216872168821689216902169121692216932169421695216962169721698216992170021701217022170321704217052170621707217082170921710217112171221713217142171521716217172171821719217202172121722217232172421725217262172721728217292173021731217322173321734217352173621737217382173921740217412174221743217442174521746217472174821749217502175121752217532175421755217562175721758217592176021761217622176321764217652176621767217682176921770217712177221773217742177521776217772177821779217802178121782217832178421785217862178721788217892179021791217922179321794217952179621797217982179921800218012180221803218042180521806218072180821809218102181121812218132181421815218162181721818218192182021821218222182321824218252182621827218282182921830218312183221833218342183521836218372183821839218402184121842218432184421845218462184721848218492185021851218522185321854218552185621857218582185921860218612186221863218642186521866218672186821869218702187121872218732187421875218762187721878218792188021881218822188321884218852188621887218882188921890218912189221893218942189521896218972189821899219002190121902219032190421905219062190721908219092191021911219122191321914219152191621917219182191921920219212192221923219242192521926219272192821929219302193121932219332193421935219362193721938219392194021941219422194321944219452194621947219482194921950219512195221953219542195521956219572195821959219602196121962219632196421965219662196721968219692197021971219722197321974219752197621977219782197921980219812198221983219842198521986219872198821989219902199121992219932199421995219962199721998219992200022001220022200322004220052200622007220082200922010220112201222013220142201522016220172201822019220202202122022220232202422025220262202722028220292203022031220322203322034220352203622037220382203922040220412204222043220442204522046220472204822049220502205122052220532205422055220562205722058220592206022061220622206322064220652206622067220682206922070220712207222073220742207522076220772207822079220802208122082220832208422085220862208722088220892209022091220922209322094220952209622097220982209922100221012210222103221042210522106221072210822109221102211122112221132211422115221162211722118221192212022121221222212322124221252212622127221282212922130221312213222133221342213522136221372213822139221402214122142221432214422145221462214722148221492215022151221522215322154221552215622157221582215922160221612216222163221642216522166221672216822169221702217122172221732217422175221762217722178221792218022181221822218322184221852218622187221882218922190221912219222193221942219522196221972219822199222002220122202222032220422205222062220722208222092221022211222122221322214222152221622217222182221922220222212222222223222242222522226222272222822229222302223122232222332223422235222362223722238222392224022241222422224322244222452224622247222482224922250222512225222253222542225522256222572225822259222602226122262222632226422265222662226722268222692227022271222722227322274222752227622277222782227922280222812228222283222842228522286222872228822289222902229122292222932229422295222962229722298222992230022301223022230322304223052230622307223082230922310223112231222313223142231522316223172231822319223202232122322223232232422325223262232722328223292233022331223322233322334223352233622337223382233922340223412234222343223442234522346223472234822349223502235122352223532235422355223562235722358223592236022361223622236322364223652236622367223682236922370223712237222373223742237522376223772237822379223802238122382223832238422385223862238722388223892239022391223922239322394223952239622397223982239922400224012240222403224042240522406224072240822409224102241122412224132241422415224162241722418224192242022421224222242322424224252242622427224282242922430224312243222433224342243522436224372243822439224402244122442224432244422445224462244722448224492245022451224522245322454224552245622457224582245922460224612246222463224642246522466224672246822469224702247122472224732247422475224762247722478224792248022481224822248322484224852248622487224882248922490224912249222493224942249522496224972249822499225002250122502225032250422505225062250722508225092251022511225122251322514225152251622517225182251922520225212252222523225242252522526225272252822529225302253122532225332253422535225362253722538225392254022541225422254322544225452254622547225482254922550225512255222553225542255522556225572255822559225602256122562225632256422565225662256722568225692257022571225722257322574225752257622577225782257922580225812258222583225842258522586225872258822589225902259122592225932259422595225962259722598225992260022601226022260322604226052260622607226082260922610226112261222613226142261522616226172261822619226202262122622226232262422625226262262722628226292263022631226322263322634226352263622637226382263922640226412264222643226442264522646226472264822649226502265122652226532265422655226562265722658226592266022661226622266322664226652266622667226682266922670226712267222673226742267522676226772267822679226802268122682226832268422685226862268722688226892269022691226922269322694226952269622697226982269922700227012270222703227042270522706227072270822709227102271122712227132271422715227162271722718227192272022721227222272322724227252272622727227282272922730227312273222733227342273522736227372273822739227402274122742227432274422745227462274722748227492275022751227522275322754227552275622757227582275922760227612276222763227642276522766227672276822769227702277122772227732277422775227762277722778227792278022781227822278322784227852278622787227882278922790227912279222793227942279522796227972279822799228002280122802228032280422805228062280722808228092281022811228122281322814228152281622817228182281922820228212282222823228242282522826228272282822829228302283122832228332283422835228362283722838228392284022841228422284322844228452284622847228482284922850228512285222853228542285522856228572285822859228602286122862228632286422865228662286722868228692287022871228722287322874228752287622877228782287922880228812288222883228842288522886228872288822889228902289122892228932289422895228962289722898228992290022901229022290322904229052290622907229082290922910229112291222913229142291522916229172291822919229202292122922229232292422925229262292722928229292293022931229322293322934229352293622937229382293922940229412294222943229442294522946229472294822949229502295122952229532295422955229562295722958229592296022961229622296322964229652296622967229682296922970229712297222973229742297522976229772297822979229802298122982229832298422985229862298722988229892299022991229922299322994229952299622997229982299923000230012300223003230042300523006230072300823009230102301123012230132301423015230162301723018230192302023021230222302323024230252302623027230282302923030230312303223033230342303523036230372303823039230402304123042230432304423045230462304723048230492305023051230522305323054230552305623057230582305923060230612306223063230642306523066230672306823069230702307123072230732307423075230762307723078230792308023081230822308323084230852308623087230882308923090230912309223093230942309523096230972309823099231002310123102231032310423105231062310723108231092311023111231122311323114231152311623117231182311923120231212312223123231242312523126231272312823129231302313123132231332313423135231362313723138231392314023141231422314323144231452314623147231482314923150231512315223153231542315523156231572315823159231602316123162231632316423165231662316723168231692317023171231722317323174231752317623177231782317923180231812318223183231842318523186231872318823189231902319123192231932319423195231962319723198231992320023201232022320323204232052320623207232082320923210232112321223213232142321523216232172321823219232202322123222232232322423225232262322723228232292323023231232322323323234232352323623237232382323923240232412324223243232442324523246232472324823249232502325123252232532325423255232562325723258232592326023261232622326323264232652326623267232682326923270232712327223273232742327523276232772327823279232802328123282232832328423285232862328723288232892329023291232922329323294232952329623297232982329923300233012330223303233042330523306233072330823309233102331123312233132331423315233162331723318233192332023321233222332323324233252332623327233282332923330233312333223333233342333523336233372333823339233402334123342233432334423345233462334723348233492335023351233522335323354233552335623357233582335923360233612336223363233642336523366233672336823369233702337123372233732337423375233762337723378233792338023381233822338323384233852338623387233882338923390233912339223393233942339523396233972339823399234002340123402234032340423405234062340723408234092341023411234122341323414234152341623417234182341923420234212342223423234242342523426234272342823429234302343123432234332343423435234362343723438234392344023441234422344323444234452344623447234482344923450234512345223453234542345523456234572345823459234602346123462234632346423465234662346723468234692347023471234722347323474234752347623477234782347923480234812348223483234842348523486234872348823489234902349123492234932349423495234962349723498234992350023501235022350323504235052350623507235082350923510235112351223513235142351523516235172351823519235202352123522235232352423525235262352723528235292353023531235322353323534235352353623537235382353923540235412354223543235442354523546235472354823549235502355123552235532355423555235562355723558235592356023561235622356323564235652356623567235682356923570235712357223573235742357523576235772357823579235802358123582235832358423585235862358723588235892359023591235922359323594235952359623597235982359923600236012360223603236042360523606236072360823609236102361123612236132361423615236162361723618236192362023621236222362323624236252362623627236282362923630236312363223633236342363523636236372363823639236402364123642236432364423645236462364723648236492365023651236522365323654236552365623657236582365923660236612366223663236642366523666236672366823669236702367123672236732367423675236762367723678236792368023681236822368323684236852368623687236882368923690236912369223693236942369523696236972369823699237002370123702237032370423705237062370723708237092371023711237122371323714237152371623717237182371923720237212372223723237242372523726237272372823729237302373123732237332373423735237362373723738237392374023741237422374323744237452374623747237482374923750237512375223753237542375523756237572375823759237602376123762237632376423765237662376723768237692377023771237722377323774237752377623777237782377923780237812378223783237842378523786237872378823789237902379123792237932379423795237962379723798237992380023801238022380323804238052380623807238082380923810238112381223813238142381523816238172381823819238202382123822238232382423825238262382723828238292383023831238322383323834238352383623837238382383923840238412384223843238442384523846238472384823849238502385123852238532385423855238562385723858238592386023861238622386323864238652386623867238682386923870238712387223873238742387523876238772387823879238802388123882238832388423885238862388723888238892389023891238922389323894238952389623897238982389923900239012390223903239042390523906239072390823909239102391123912239132391423915239162391723918239192392023921239222392323924239252392623927239282392923930239312393223933239342393523936239372393823939239402394123942239432394423945239462394723948239492395023951239522395323954239552395623957239582395923960239612396223963239642396523966239672396823969239702397123972239732397423975239762397723978239792398023981239822398323984239852398623987239882398923990239912399223993239942399523996239972399823999240002400124002240032400424005240062400724008240092401024011240122401324014240152401624017240182401924020240212402224023240242402524026240272402824029240302403124032240332403424035240362403724038240392404024041240422404324044240452404624047240482404924050240512405224053240542405524056240572405824059240602406124062240632406424065240662406724068240692407024071240722407324074240752407624077240782407924080240812408224083240842408524086240872408824089240902409124092240932409424095240962409724098240992410024101241022410324104241052410624107241082410924110241112411224113241142411524116241172411824119241202412124122241232412424125241262412724128241292413024131241322413324134241352413624137241382413924140241412414224143241442414524146241472414824149241502415124152241532415424155241562415724158241592416024161241622416324164241652416624167241682416924170241712417224173241742417524176241772417824179241802418124182241832418424185241862418724188241892419024191241922419324194241952419624197241982419924200242012420224203242042420524206242072420824209242102421124212242132421424215242162421724218242192422024221242222422324224242252422624227242282422924230242312423224233242342423524236242372423824239242402424124242242432424424245242462424724248242492425024251242522425324254242552425624257242582425924260242612426224263242642426524266242672426824269242702427124272242732427424275242762427724278242792428024281242822428324284242852428624287242882428924290242912429224293242942429524296242972429824299243002430124302243032430424305243062430724308243092431024311243122431324314243152431624317243182431924320243212432224323243242432524326243272432824329243302433124332243332433424335243362433724338243392434024341243422434324344243452434624347243482434924350243512435224353243542435524356243572435824359243602436124362243632436424365243662436724368243692437024371243722437324374243752437624377243782437924380243812438224383243842438524386243872438824389243902439124392243932439424395243962439724398243992440024401244022440324404244052440624407244082440924410244112441224413244142441524416244172441824419244202442124422244232442424425244262442724428244292443024431244322443324434244352443624437244382443924440244412444224443244442444524446244472444824449
  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" v-if="false">
  14. <!-- <img src="../../assets/icon/learn/screen.png" @click="allScrell" /> -->
  15. <img
  16. v-if="
  17. courseDetail.userid == userid ||
  18. (courseDetail.course_teacher &&
  19. courseDetail.course_teacher.indexOf(userid) != -1)
  20. "
  21. src="../assets/icon/learn/addTool.png"
  22. @click="openToolAll"
  23. style="position: relative"
  24. />
  25. </div>
  26. <div
  27. class="pButton"
  28. style="left: 0; top: 140px"
  29. v-if="mlDialog == false && !(IsFollow && tType == 2)"
  30. @click="setContent2(true)"
  31. >
  32. <!-- 批 , getCourseDetail()-->
  33. <img
  34. src="../assets/icon/newIcons/isRight.png"
  35. style="width: 45px"
  36. alt=""
  37. />
  38. </div>
  39. <div class="pb_left" v-else-if="!(IsFollow && tType == 2)">
  40. <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
  41. <div style="border-bottom: 1px solid #cad1dc; width: 100%">
  42. <div class="courseTitle" :style="{ margin: tcid && inviteCode && '10px auto 0px'}">
  43. <div
  44. style="
  45. max-width: calc(100% - 40px);
  46. width: auto;
  47. white-space: nowrap;
  48. overflow: hidden;
  49. text-overflow: ellipsis;
  50. word-break: break-word;
  51. display: block;
  52. "
  53. >
  54. <el-tooltip
  55. effect="light"
  56. :content="courseDetail.title"
  57. placement="top"
  58. >
  59. <div class="ctitle">
  60. {{ courseDetail.title }}
  61. </div>
  62. </el-tooltip>
  63. </div>
  64. <el-tooltip effect="light" content="收缩" placement="top">
  65. <div class="mlImg" @click="setContent2(false)">
  66. <img src="../assets/icon/newIcons/isRight.png" alt="" />
  67. </div>
  68. </el-tooltip>
  69. </div>
  70. <div
  71. class="inviteBox"
  72. v-if="tcid && inviteCode"
  73. style="padding: 0 0 8px 0"
  74. >
  75. <div>
  76. <span>随机码:{{ inviteCode }}</span>
  77. </div>
  78. </div>
  79. </div>
  80. <div class="cru_selectBox">
  81. <div
  82. style="background: #fff; margin: 0 10px; border-radius: 8px"
  83. v-for="(item, stageIndex) in navList"
  84. :key="stageIndex"
  85. >
  86. <div
  87. class="stageBoxCss"
  88. @click="get(stageIndex)"
  89. :class="{
  90. // stageBoxIsCss: stageIndex == courseType,
  91. }"
  92. >
  93. <div class="stageItemTitle" :class="{ stageNav: item.isOpen }">
  94. <div>阶段{{ stageIndex + 1 }}</div>
  95. <el-tooltip
  96. effect="light"
  97. :content="item.dyName"
  98. placement="top"
  99. >
  100. <div>
  101. {{ item.dyName }}
  102. </div>
  103. </el-tooltip>
  104. </div>
  105. <!-- <div class="closeTri" v-if="stageIndex == courseType" :style="{transform:item.isOpen ? 'rotate(0deg)' : 'rotate(-90deg)'}">
  106. <img src="../assets/icon/newIcons/downC.png" alt />
  107. </div> -->
  108. <div class="closeTri" :style="{transform:item.isOpen ? 'rotate(90deg)' : 'rotate(0deg)'}">
  109. <img src="../assets/icon/newIcons/right.png" alt />
  110. </div>
  111. </div>
  112. <div class="stageChild" :class="{ navActive: item.isOpen }">
  113. <div v-for="(nav, navIndex) in item.task" :key="navIndex">
  114. <div
  115. class="navItem"
  116. :class="{
  117. openTaskActive:
  118. navIndex == taskCount &&
  119. nav.id == navId &&
  120. stageIndex == courseType,
  121. }"
  122. >
  123. <div v-if="nav.tool[0].tool != undefined">
  124. <div
  125. class="closeTri1"
  126. v-if="navIndex == taskCount && nav.id == navId && stageIndex == courseType"
  127. @click="openTask(stageIndex, navIndex, nav.id)"
  128. >
  129. <img :style="{transform: nav.isOpen ? 'rotate(0deg)':'rotate(270deg)'}" src="../assets/icon/newIcons/bDown2.png" alt />
  130. </div>
  131. <div
  132. class="closeTri1"
  133. v-else
  134. @click="openTask(stageIndex, navIndex, nav.id)"
  135. >
  136. <img :style="{transform: nav.isOpen ? 'rotate(90deg)':'rotate(0deg)'}" src="../assets/icon/newIcons/right.png" alt />
  137. </div>
  138. </div>
  139. <div v-else class="noToolBlue"></div>
  140. <div
  141. @click="openTask(stageIndex, navIndex, nav.id)"
  142. class="navItemList"
  143. :class="{
  144. isItemList:
  145. navIndex == taskCount &&
  146. nav.id == navId &&
  147. stageIndex == courseType,
  148. }"
  149. >
  150. <div>任务{{ navIndex + 1 }}:</div>
  151. <el-tooltip
  152. effect="light"
  153. :content="nav.taskName"
  154. placement="top"
  155. >
  156. <div
  157. :style="{
  158. width:
  159. IsLookOpen &&
  160. !(
  161. navIndex == taskCount &&
  162. nav.id == navId &&
  163. stageIndex == courseType
  164. )
  165. ? 'calc(100% - 75px)'
  166. : 'auto',
  167. }"
  168. >
  169. {{ nav.taskName }}
  170. </div>
  171. </el-tooltip>
  172. </div>
  173. <div class="lockTaskIcon">
  174. <img
  175. src="../assets/lock.png"
  176. v-if="IsLookOpen && !nav.isLook"
  177. alt=""
  178. />
  179. </div>
  180. </div>
  181. <div
  182. v-if="nav.tool[0].tool != undefined"
  183. class="toolChild"
  184. :class="{ toolActive: nav.isOpen }"
  185. >
  186. <div v-for="(t, toolIndex) in nav.tool" :key="toolIndex">
  187. <div
  188. class="gjCss"
  189. :class="{ isGjCss: t.isTool }"
  190. @click="jumpGj(stageIndex, navIndex, toolIndex, nav.id)"
  191. >
  192. <div>工具{{ toolIndex + 1 }}:</div>
  193. <div v-if="t.tool == 58">模拟驾驶</div>
  194. <div v-if="t.tool == 59">路径搜索</div>
  195. <div v-if="t.tool == 60">深度学习</div>
  196. <div v-if="t.tool == 10">倒计时</div>
  197. <div v-if="t.tool == 65">挑人</div>
  198. <div v-if="t.tool == 7">思维网格</div>
  199. <div v-if="t.tool == 1">电子白板</div>
  200. <div v-if="t.tool == 52">文档</div>
  201. <div v-if="t.tool == 3">思维导图</div>
  202. <div v-if="t.tool == 48">表格</div>
  203. <div v-if="t.tool == 49">学生分组</div>
  204. <div v-if="t.tool == 4">问卷调查</div>
  205. <div v-if="t.tool == 45">选择题</div>
  206. <div v-if="t.tool == 15">问答</div>
  207. <div v-if="t.tool == 16">作业提交</div>
  208. <div v-if="t.tool == 50">批量上传</div>
  209. <div v-if="t.tool == 41">选择匹配</div>
  210. <div v-if="t.tool == 47">排序</div>
  211. <div v-if="t.tool == 40">个人评价</div>
  212. <div v-if="t.tool == 18">训练平台</div>
  213. <div v-if="t.tool == 21">AIoT Blockly</div>
  214. <div v-if="t.tool == 23">AI Python</div>
  215. <div v-if="t.tool == 24">AI Blockly</div>
  216. <div v-if="t.tool == 32">源码编辑</div>
  217. <div v-if="t.tool == 57">CocoPi</div>
  218. <div v-if="t.tool == 63">海龟编程</div>
  219. <div v-if="t.tool == 28">翻译</div>
  220. <div v-if="t.tool == 31">数字画板</div>
  221. <div v-if="t.tool == 39">GeoGebra</div>
  222. <div v-if="t.tool == 66">公式编辑</div>
  223. <div v-if="t.tool == 67">分子结构</div>
  224. <div v-if="t.tool == 68">时间轴</div>
  225. <div v-if="t.tool == 69">英语写作</div>
  226. <div v-if="t.tool == 70">英语口语</div>
  227. <div v-if="t.tool == 25">目标管理</div>
  228. <div v-if="t.tool == 26">课程设计</div>
  229. <div v-if="t.tool == 62">交互视频</div>
  230. <div v-if="t.tool == 71">AI智能体</div>
  231. </div>
  232. </div>
  233. </div>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. <!-- :class="{ navLeftCss: !mlDialog }" -->
  240. <div class="body_student" :style="{width: mlDialog ? 'calc(100% - '+classRoomHelperWidth+' - 20% - 40px)' : 'calc(100% - '+classRoomHelperWidth+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }">
  241. <div class="new_topFixed" :style="{width: mlDialog ? 'calc(100% - '+classRoomHelperWidth+' - 20% - 40px)' : 'calc(100% - '+classRoomHelperWidth+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }"></div>
  242. <div class="new_top" :style="{width: mlDialog ? 'calc(100% - '+classRoomHelperWidth+' - 20% - 40px)' : 'calc(100% - '+classRoomHelperWidth+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }">
  243. <div class="courseIndex">
  244. <div>任务{{ taskCount + 1 }}</div>
  245. <el-tooltip
  246. effect="light"
  247. :content="
  248. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].task
  249. "
  250. placement="top"
  251. >
  252. <div>
  253. {{
  254. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  255. .task
  256. }}
  257. </div>
  258. </el-tooltip>
  259. </div>
  260. <div class="btnAll" v-show="!orgArray.includes(org) && !oidArray.includes(oid)"><!--v-show="org !== '1973f6c7-1561-11ee-91d8-005056b86db5' || org !== '777559d2-7239-11ee-b98c-005056b86db5'"-->
  261. <div class="btnLeft">
  262. <el-tooltip effect="light" content="刷新" placement="top">
  263. <div class="reBtnIcon" @click="refreshCourse">
  264. <span>刷新</span>
  265. </div>
  266. </el-tooltip>
  267. <el-tooltip effect="light" content="评论" placement="top">
  268. <div class="commentIcon" @click="setPz" v-if="tType == 1">
  269. <span>评论</span>
  270. </div>
  271. </el-tooltip>
  272. <div v-if="!videoStart && (tType == 1 || tType == 4)">
  273. <el-tooltip effect="light" content="录制" placement="top">
  274. <div class="vedioIcon" @click="startRecording">
  275. <span>录制</span>
  276. </div>
  277. </el-tooltip>
  278. </div>
  279. <div v-else-if="tType == 1 || tType == 4">
  280. <el-tooltip effect="light" content="下载" placement="top">
  281. <div class="vedioIcon1" @click="stopRecording">
  282. <span>下载</span>
  283. </div>
  284. </el-tooltip>
  285. </div>
  286. </div>
  287. <div class="btnRight">
  288. <div
  289. class="last"
  290. @click="nextOrpreSteps(0)"
  291. v-if="!(IsFollow && tType == 2)"
  292. @mouseover="isHovered = true"
  293. @mouseout="isHovered = false"
  294. >
  295. <div class="lastImg">
  296. <img
  297. :src="
  298. isHovered
  299. ? require('../assets/icon/newIcons/whiteLast.png')
  300. : require('../assets/icon/newIcons/last.png')
  301. "
  302. alt=""
  303. />
  304. </div>
  305. <div class="lastText">上一步</div>
  306. </div>
  307. <div
  308. class="last"
  309. @click="nextOrpreSteps(1)"
  310. v-if="!(IsFollow && tType == 2)"
  311. @mouseover="isHovered1 = true"
  312. @mouseout="isHovered1 = false"
  313. >
  314. <div class="lastText">下一步</div>
  315. <div class="lastImg">
  316. <img
  317. :src="
  318. isHovered1
  319. ? require('../assets/icon/newIcons/whiteNext.png')
  320. : require('../assets/icon/newIcons/next.png')
  321. "
  322. alt=""
  323. />
  324. </div>
  325. </div>
  326. <div
  327. class="last"
  328. @click="juriVisible = true"
  329. v-if="tType == 1"
  330. @mouseover="isHovered2 = true"
  331. @mouseout="isHovered2 = false"
  332. >
  333. <div class="lastImg">
  334. <img
  335. :src="
  336. isHovered2
  337. ? require('../assets/icon/newIcons/whiteLock.png')
  338. : require('../assets/icon/newIcons/lock.png')
  339. "
  340. alt=""
  341. />
  342. </div>
  343. <div class="lastText">权限</div>
  344. </div>
  345. <div
  346. class="returnBtn1 returnIcon"
  347. @click.stop="
  348. goTo(
  349. '/courseDetail?userid=' +
  350. userid +
  351. '&oid=' +
  352. oid +
  353. '&org=' +
  354. org +
  355. '&cid=' +
  356. classId +
  357. '&courseId=' +
  358. id +
  359. '&tType=' +
  360. tType +
  361. '&screenType=' +
  362. screenType
  363. )
  364. "
  365. >
  366. <div class="lastImg">
  367. <img src="../assets/icon/newIcon/return.png" alt="" />
  368. </div>
  369. <div class="lastText" style="color: #000">返回</div>
  370. </div>
  371. </div>
  372. <!-- <div
  373. class="returnBtn lockIcon"
  374. @click="juriVisible = true"
  375. v-if="tType == 1"
  376. >
  377. 权限
  378. </div>
  379. <div
  380. class="returnBtn vedioIcon"
  381. @click="startRecording"
  382. v-if="!videoStart && (tType == 1 || tType == 4)"
  383. >
  384. 录制
  385. </div>
  386. <div
  387. class="returnBtn"
  388. @click="stopRecording"
  389. v-else-if="tType == 1 || tType == 4"
  390. style="background: #ee5255"
  391. >
  392. 下载
  393. </div>
  394. <div class="returnBtn commentIcon" @click="setPz" v-if="tType == 1">
  395. 评论
  396. </div>
  397. <div
  398. class="returnBtn"
  399. @click="nextOrpreSteps(0)"
  400. v-if="!(IsFollow && tType == 2)"
  401. >
  402. 上一步
  403. </div>
  404. <div
  405. class="returnBtn"
  406. @click="nextOrpreSteps(1)"
  407. v-if="!(IsFollow && tType == 2)"
  408. >
  409. 下一步
  410. </div>
  411. <div class="returnBtn" @click="refreshCourse">刷新</div>
  412. <div
  413. class="returnBtn returnIcon"
  414. @click.stop="
  415. goTo(
  416. '/courseDetail?userid=' +
  417. userid +
  418. '&oid=' +
  419. oid +
  420. '&org=' +
  421. org +
  422. '&cid=' +
  423. classId +
  424. '&courseId=' +
  425. id +
  426. '&tType=' +
  427. tType +
  428. '&screenType=' +
  429. screenType
  430. )
  431. "
  432. >
  433. 返回
  434. </div> -->
  435. </div>
  436. </div>
  437. <div
  438. class="isNoMessage"
  439. v-if="
  440. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  441. .chapterData.length == 0 &&
  442. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  443. .toolChoose[0].tool.length == 0 &&
  444. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  445. .taskDetail == '' &&
  446. !chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  447. .eList &&
  448. !(
  449. courseDetail.userid == userid ||
  450. (courseDetail.course_teacher &&
  451. courseDetail.course_teacher.indexOf(userid) != -1)
  452. )
  453. "
  454. >
  455. <img src="../assets/icon/isNoMessage.png" alt />
  456. </div>
  457. <div class="study_top" :class="{ pzClass: pzDialog }">
  458. <div
  459. class="vedioBox"
  460. v-if="
  461. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  462. .taskDetail != '' ||
  463. vChapterData[taskCount].length > 0 ||
  464. fileC[taskCount].length > 0
  465. "
  466. style="border-radius: 0 0 20px 20px"
  467. >
  468. <div
  469. class="taskBox"
  470. v-if="
  471. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  472. .taskDetail != ''
  473. "
  474. >
  475. <div
  476. style="
  477. display: flex;
  478. flex-wrap: nowrap;
  479. flex-direction: column;
  480. position: relative;
  481. "
  482. >
  483. <div
  484. style="
  485. padding: 15px 0;
  486. line-height: 29px;
  487. font-size: 18px;
  488. color: #0e1e33;
  489. "
  490. class="cont"
  491. v-if="
  492. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  493. .taskDetail != ''
  494. "
  495. v-html="
  496. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  497. .taskDetail
  498. ? chapInfoList[courseType].chapterInfo[0].taskJson[
  499. taskCount
  500. ].taskDetail
  501. : '暂无描述'
  502. "
  503. ></div>
  504. </div>
  505. </div>
  506. <div
  507. class="student_head"
  508. v-if="
  509. vChapterData[taskCount].length > 0 ||
  510. fileC[taskCount].length > 0
  511. "
  512. >
  513. <div class="vedioTaskBox" v-loading="downLoading || showType == 7">
  514. <div
  515. :class="
  516. contentDialog == false
  517. ? 'box_course isContentCss'
  518. : 'box_course'
  519. "
  520. v-if="
  521. vChapterData.length > 0 &&
  522. vChapterData[taskCount] &&
  523. showType !== ''
  524. "
  525. >
  526. <div class="wheel" style="height: auto" v-if="showType === 0">
  527. <div
  528. class="workd_media"
  529. style="height: 650px; width: calc(100% - 50px)"
  530. >
  531. <video-player
  532. class="video-player vjs-custom-skin"
  533. :class="contentDialog == false ? 'isAllWidth' : ''"
  534. :playsinline="true"
  535. :options="playerO[taskCount]"
  536. @play="onPlayerPlay($event)"
  537. style="width: 100%; height: 100%; margin: 0 0 0 30px"
  538. ></video-player>
  539. </div>
  540. </div>
  541. <div
  542. class="wheel"
  543. v-if="showType == 1"
  544. style="
  545. box-shadow: 0 0 6px 1px #f2f2f2;
  546. width: 95%;
  547. margin: 0 auto;
  548. background: #f1f1f1;
  549. "
  550. >
  551. <div class="title">查看文档</div>
  552. <el-form class="textBox">
  553. <el-form-item class="textTitle">
  554. <div style="font-size: 22px">
  555. {{ text.name }}
  556. </div>
  557. </el-form-item>
  558. <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
  559. <div v-html="text.url" class="textContent cont"></div>
  560. </el-form>
  561. </div>
  562. <div
  563. class="wheel"
  564. v-if="
  565. pptImgUrl1.indexOf(
  566. 'https://view.officeapps.live.com/op/view.aspx?src='
  567. ) != -1 && showType == 2
  568. "
  569. style="width: 95%; margin: 0 auto"
  570. >
  571. <iframe
  572. style="width: 100%; height: 100%; border: none"
  573. :src="pptImgUrl1"
  574. ></iframe>
  575. </div>
  576. <div
  577. class="wheel"
  578. v-else-if="showType == 2"
  579. style="width: 95%; margin: 0 auto"
  580. >
  581. <iframe
  582. style="width: 100%; height: 100%; border: none"
  583. security="restricted"
  584. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  585. :src="pptImgUrl1"
  586. ></iframe>
  587. </div>
  588. <div
  589. class="wheel"
  590. v-if="showType == 3"
  591. style="width: 95%; margin: 0 auto"
  592. >
  593. <pdf
  594. :pdfUrl="pptImgUrl1"
  595. style="width: 100%; height: 100%; overflow: auto"
  596. ></pdf>
  597. </div>
  598. <div
  599. class="wheel"
  600. v-if="showType == 4"
  601. style="width: 95%; margin: 0 auto"
  602. >
  603. <el-image
  604. :src="pptImgUrl1"
  605. fit="contain"
  606. style="width: 100%; height: 100%; cursor: pointer"
  607. @click="previewImg(pptImgUrl1)"
  608. ></el-image>
  609. </div>
  610. </div>
  611. <div
  612. class="pButton"
  613. style="position: absolute; right: 20px; top: 0; z-index: 998"
  614. v-if="!contentDialog"
  615. @click="setContent(true)"
  616. >
  617. <!-- 批 -->
  618. <img
  619. src="../assets/icon/newIcons/isLeft.png"
  620. style="width: 45px"
  621. alt=""
  622. />
  623. </div>
  624. <div
  625. v-if="contentDialog == true"
  626. :style="{
  627. width:
  628. (vChapterData[taskCount].length > 0 ||
  629. fileC[taskCount].length > 0) &&
  630. showType === ''
  631. ? 'calc(100%)'
  632. : '300px',
  633. margin:
  634. (vChapterData[taskCount].length > 0 ||
  635. fileC[taskCount].length > 0) &&
  636. showType === ''
  637. ? '0 15px'
  638. : '0 15px 0 0',
  639. }"
  640. >
  641. <div
  642. class="vedioList"
  643. v-if="
  644. vChapterData[taskCount].length > 0 ||
  645. fileC[taskCount].length > 0
  646. "
  647. style="height: 650px"
  648. >
  649. <div class="navCorOpenBox">
  650. <div class="navTitile">内容列表:</div>
  651. <div class="navCorOpen" @click="setContent(false)">
  652. <img src="../assets/icon/newIcons/isRight.png" alt="" />
  653. </div>
  654. </div>
  655. <div class="navBox">
  656. <div
  657. v-show="
  658. vChapterData[taskCount].length > 0 ||
  659. fileC[taskCount].length > 0
  660. "
  661. style="padding: 10px 0 25px 0"
  662. >
  663. <div
  664. class="vedioTimeBox"
  665. v-for="(vitem, vindex) in vChapterData[taskCount]"
  666. :key="vindex + '1'"
  667. >
  668. <div class="navListItem" v-if="vitem.type == 2">
  669. <div
  670. @click="lookVedio(vitem.url, vindex)"
  671. class="navText"
  672. :class="isClickNav == vindex ? 'isClickNav' : ''"
  673. >
  674. <span v-if="vitem.text">{{ vitem.text }}-</span
  675. >{{ vitem.name }}
  676. </div>
  677. <div class="downIcon" @click="downloadFile2(vitem)">
  678. <img src="../assets/icon/newIcon/down.png" alt />
  679. </div>
  680. </div>
  681. <div class="navListItem" v-if="vitem.type == 6">
  682. <div
  683. @click="lookText(taskCount, vindex)"
  684. class="navText"
  685. :class="isClickNav == vindex ? 'isClickNav' : ''"
  686. >
  687. {{ vitem.name }}.doc
  688. </div>
  689. <div
  690. class="downIcon"
  691. @click="checkFileFull1(vitem.type, vitem)"
  692. >
  693. <img
  694. src="../assets/icon/newIcon/allScreen.png"
  695. alt
  696. />
  697. </div>
  698. </div>
  699. <div
  700. class="navListItem"
  701. v-if="vitem.type == 8 || vitem.type == 14"
  702. >
  703. <div
  704. @click="doUrl(vitem.url, vindex)"
  705. class="navText"
  706. :class="isClickNav == vindex ? 'isClickNav' : ''"
  707. >
  708. {{ vitem.title ? vitem.title : vitem.url }}
  709. </div>
  710. <div
  711. class="downIcon"
  712. @click="checkFileFull1(vitem.type, vitem)"
  713. >
  714. <img
  715. src="../assets/icon/newIcon/allScreen.png"
  716. alt
  717. />
  718. </div>
  719. </div>
  720. <div class="navListItem" v-if="vitem.type == 3">
  721. <div
  722. @click="downFile(vitem, vindex)"
  723. class="navText"
  724. :class="isClickNav == vindex ? 'isClickNav' : ''"
  725. >
  726. <span v-if="vitem.text">{{ vitem.text }}-</span
  727. >{{ vitem.name }}
  728. </div>
  729. <div
  730. class="downIcon"
  731. @click="checkFileFull1(vitem.type, vitem)"
  732. >
  733. <img
  734. src="../assets/icon/newIcon/allScreen.png"
  735. alt
  736. />
  737. </div>
  738. <div class="downIcon" @click="downloadFile2(vitem)">
  739. <img src="../assets/icon/newIcon/down.png" alt />
  740. </div>
  741. </div>
  742. <div class="navListItem" v-if="vitem.type == 12">
  743. <div class="navText" @click="downloadFile2(vitem)">
  744. <span v-if="vitem.text">{{ vitem.text }}-</span
  745. >{{ vitem.name }}
  746. </div>
  747. <div
  748. class="downIcon"
  749. @click="checkFileFull1(vitem.type, vitem)"
  750. >
  751. <img
  752. src="../assets/icon/newIcon/allScreen.png"
  753. alt
  754. />
  755. </div>
  756. <div class="downIcon" @click="downloadFile2(vitem)">
  757. <img src="../assets/icon/newIcon/down.png" alt />
  758. </div>
  759. </div>
  760. <div class="navListItem" v-if="vitem.type == 13">
  761. <div
  762. class="navText"
  763. @click="checkPhoto(vitem, vindex)"
  764. :class="isClickNav == vindex ? 'isClickNav' : ''"
  765. >
  766. {{ vitem.name }}
  767. </div>
  768. <div class="downIcon" @click="downloadFile2(vitem)">
  769. <img src="../assets/icon/newIcon/down.png" alt />
  770. </div>
  771. </div>
  772. </div>
  773. <div
  774. class="fileC_box"
  775. v-if="fileC[taskCount].length > 0"
  776. >
  777. <div class="fileC_title">以下文件不支持预览</div>
  778. <div
  779. class="vedioTimeBox"
  780. v-for="(vitem, vindex) in fileC[taskCount]"
  781. :key="vindex + '1'"
  782. >
  783. <div class="navListItem" v-if="vitem.type == 12">
  784. <div class="navText" style="color: #acb4bf">
  785. <span v-if="vitem.text">{{ vitem.text }}-</span
  786. >{{ vitem.name }}
  787. </div>
  788. <div
  789. class="downIcon"
  790. @click="downloadFile2(vitem)"
  791. >
  792. <img
  793. src="../assets/icon/newIcon/down.png"
  794. alt
  795. />
  796. </div>
  797. </div>
  798. </div>
  799. </div>
  800. </div>
  801. </div>
  802. </div>
  803. </div>
  804. </div>
  805. <div style="width: calc(100% - 315px)">
  806. <div style="padding: 10px 0 0; width: 95%; margin: 0 auto">
  807. <!-- <el-button
  808. type="primary"
  809. class="newButton"
  810. @click="checkFileFull(showType, pptImgUrl1)"
  811. >全屏查看</el-button
  812. >
  813. <el-button
  814. type="primary"
  815. class="newButton"
  816. @click="downloadFile(pptImgUrl1)"
  817. v-if="showType != 2"
  818. >文件下载</el-button
  819. > -->
  820. <el-button
  821. class="newButton"
  822. v-if="
  823. showType == 2 &&
  824. pptImgUrl1.indexOf(
  825. 'https://view.officeapps.live.com/op/view.aspx?src='
  826. ) == -1
  827. "
  828. type="primary"
  829. @click="openLine(pptImgUrl1)"
  830. >打开链接
  831. </el-button>
  832. </div>
  833. <!-- <div
  834. style="padding: 10px 0 0; width: 95%; margin: 0 auto"
  835. v-if="showType == 1"
  836. >
  837. <el-button
  838. type="primary"
  839. class="newButton"
  840. @click="checkFileFull(showType, text)"
  841. >全屏查看</el-button
  842. >
  843. </div> -->
  844. </div>
  845. </div>
  846. </div>
  847. <div class="student_body" v-resize="resize">
  848. <div
  849. class="vedioBox"
  850. :style="{
  851. borderRadius:
  852. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  853. .taskDetail == '' &&
  854. vChapterData[taskCount].length == 0 &&
  855. fileC[taskCount].length == 0
  856. ? '0 0 20px 20px'
  857. : '20px',
  858. }"
  859. v-if="
  860. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  861. .toolChoose[0].tool &&
  862. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  863. .toolChoose[0].tool.length > 0
  864. "
  865. >
  866. <div
  867. class="toolHeng2"
  868. style="position: relative"
  869. v-if="
  870. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  871. .toolChoose[0].tool &&
  872. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  873. .toolChoose[0].tool.length &&
  874. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  875. .toolChoose[0].tool.length > 0
  876. "
  877. >
  878. <div class="workNav">工作区</div>
  879. <div
  880. class="filebox"
  881. style="flex-wrap: nowrap"
  882. v-for="(tool, toolIndex) in chapInfoList[courseType]
  883. .chapterInfo[0].taskJson[taskCount].toolChoose"
  884. :key="toolIndex"
  885. >
  886. <div class="bzBox">
  887. <div class="yCss"></div>
  888. <div :ref="'bz' + toolIndex" :id="'gj' + toolIndex">
  889. 工具{{ toolIndex + 1 }}
  890. </div>
  891. <div
  892. v-if="timeWorkList[toolIndex].length > 0"
  893. style="margin: 0 0 0 10px"
  894. >
  895. {{
  896. timeWorkList[toolIndex][0].time
  897. ? "时间:" + timeWorkList[toolIndex][0].time
  898. : ""
  899. }}
  900. </div>
  901. </div>
  902. <div class="toolBox">
  903. <div>
  904. <!-- v-for="(itemTool, indexTool) in toolTypeList"
  905. :key="indexTool"-->
  906. <!-- <div class="iframeBox">
  907. <div
  908. class="addPoint isBorder"
  909. v-for="(tooC, toolCIndex) in tool.tool"
  910. :key="toolCIndex"
  911. >
  912. <div v-if="tooC == 1" style="border: 1px soild #ccc">
  913. <div
  914. class="iframeName"
  915. >
  916. 电子白板
  917. </div>
  918. <iframe
  919. src="https://iwb.cocorobo.cn/"
  920. ref="whiteBoard"
  921. ></iframe>
  922. </div>
  923. </div>
  924. </div>-->
  925. <div class="noiframeBox">
  926. <div
  927. class="addPoint"
  928. v-for="(tooC, toolCIndex) in tool.tool"
  929. :key="toolCIndex"
  930. >
  931. <div v-if="tooC == 1">
  932. <img
  933. src="../assets/icon/secondToolList/whiteBoard.png"
  934. alt
  935. @click="addTools(tooC, toolIndex, taskCount)"
  936. />
  937. <div style="margin: 5px 0">电子白板</div>
  938. </div>
  939. <div v-if="tooC == 3">
  940. <img
  941. src="../assets/icon/secondToolList/mindMapping.png"
  942. alt
  943. @click="addTools(tooC, toolIndex, taskCount)"
  944. />
  945. <div style="margin: 5px 0">思维导图</div>
  946. </div>
  947. <div v-if="tooC == 6">
  948. <img
  949. src="../assets/icon/secondToolList/doc.png"
  950. alt
  951. @click="addTools(tooC, toolIndex, taskCount)"
  952. />
  953. <div style="margin: 5px 0">协同文档</div>
  954. </div>
  955. <div v-if="tooC == 7">
  956. <img
  957. src="../assets/icon/secondToolList/mindNetwork.png"
  958. alt
  959. @click="addTools(tooC, toolIndex, taskCount)"
  960. />
  961. <div style="margin: 5px 0">思维网格</div>
  962. </div>
  963. <div v-if="tooC == 8">
  964. <img
  965. src="../assets/icon/secondToolList/library.png"
  966. alt
  967. @click="addTools(tooC, toolIndex, taskCount)"
  968. />
  969. <div style="margin: 5px 0">素材库</div>
  970. </div>
  971. <div v-if="tooC == 17">
  972. <img
  973. src="../assets/icon/secondToolList/library.png"
  974. alt
  975. @click="addTools(tooC, toolIndex, taskCount)"
  976. />
  977. <div style="margin: 5px 0">学习资料</div>
  978. </div>
  979. <div v-if="tooC == 2">
  980. <img
  981. @click="addTools(tooC, toolIndex, taskCount)"
  982. src="../assets/icon/secondToolList/note.png"
  983. alt
  984. />
  985. <div style="margin: 5px 0">便签</div>
  986. </div>
  987. <div v-if="tooC == 4">
  988. <img
  989. @click="addTools(tooC, toolIndex, taskCount)"
  990. src="../assets/icon/thirdToolList/ask.png"
  991. alt
  992. />
  993. <div style="margin: 5px 0">问卷调查</div>
  994. </div>
  995. <div v-if="tooC == 45">
  996. <img
  997. @click="addTools(tooC, toolIndex, taskCount)"
  998. src="../assets/icon/thirdToolList/choose.png"
  999. alt
  1000. />
  1001. <div style="margin: 5px 0">选择题</div>
  1002. </div>
  1003. <!-- <div v-if="tooC == 5">
  1004. <img
  1005. @click="addTools(tooC, toolIndex, taskCount)"
  1006. src="../assets/icon/thirdToolList/score.png"
  1007. alt
  1008. />
  1009. <div style="margin: 5px 0">量规评分</div>
  1010. </div> -->
  1011. <div v-if="tooC == 10">
  1012. <img
  1013. @click="addTools(tooC, toolIndex, taskCount)"
  1014. src="../assets/icon/thirdToolList/time.png"
  1015. alt
  1016. />
  1017. <div style="margin: 5px 0">倒计时</div>
  1018. </div>
  1019. <div v-if="tooC == 15">
  1020. <img
  1021. @click="addTools(tooC, toolIndex, taskCount)"
  1022. src="../assets/icon/thirdToolList/answer.png"
  1023. alt
  1024. />
  1025. <div style="margin: 5px 0">问答</div>
  1026. </div>
  1027. <div v-if="tooC == 26">
  1028. <img
  1029. @click="addTools(tooC, toolIndex, taskCount)"
  1030. src="../assets/icon/thirdToolList/courseDesign.png"
  1031. alt
  1032. />
  1033. <div style="margin: 5px 0">课程设计</div>
  1034. </div>
  1035. <div v-if="tooC == 18">
  1036. <img
  1037. @click="addTools(tooC, toolIndex, taskCount)"
  1038. src="../assets/icon/thirdToolList/trainPlatform.png"
  1039. alt
  1040. />
  1041. <div style="margin: 5px 0">训练服务器</div>
  1042. </div>
  1043. <div v-if="tooC == 16">
  1044. <img
  1045. @click="addTools(tooC, toolIndex, taskCount)"
  1046. src="../assets/icon/thirdToolList/work.png"
  1047. alt
  1048. />
  1049. <div style="margin: 5px 0">作业提交</div>
  1050. </div>
  1051. <div v-if="tooC == 50">
  1052. <img
  1053. @click="addTools(tooC, toolIndex, taskCount)"
  1054. src="../assets/icon/thirdToolList/plwork.png"
  1055. alt
  1056. />
  1057. <div style="margin: 5px 0">批量上传</div>
  1058. </div>
  1059. <div v-if="tooC == 21">
  1060. <img
  1061. @click="addTools(tooC, toolIndex, taskCount)"
  1062. src="../assets/icon/fourthToolList/program.png"
  1063. alt
  1064. />
  1065. <div style="margin: 5px 0">AIoT Blockly</div>
  1066. </div>
  1067. <!-- <div v-if="tooC == 22">
  1068. <img
  1069. @click="addTools(tooC, toolIndex, taskCount)"
  1070. src="../assets/icon/fourthToolList/program.png"
  1071. alt
  1072. />
  1073. <div style="margin: 5px 0">AI体验</div>
  1074. </div> -->
  1075. <div v-if="tooC == 23">
  1076. <img
  1077. @click="addTools(tooC, toolIndex, taskCount)"
  1078. src="../assets/icon/fourthToolList/Pythonprogram.png"
  1079. alt
  1080. />
  1081. <div style="margin: 5px 0">AI Python</div>
  1082. </div>
  1083. <div v-if="tooC == 24">
  1084. <img
  1085. @click="addTools(tooC, toolIndex, taskCount)"
  1086. src="../assets/icon/fourthToolList/AIprogram.png"
  1087. alt
  1088. />
  1089. <div style="margin: 5px 0">AI Blockly</div>
  1090. </div>
  1091. <div v-if="tooC == 25">
  1092. <img
  1093. @click="addTools(tooC, toolIndex, taskCount)"
  1094. src="../assets/icon/thirdToolList/evalua.png"
  1095. alt
  1096. />
  1097. <div style="margin: 5px 0">目标管理</div>
  1098. </div>
  1099. <div v-if="tooC == 31">
  1100. <img
  1101. @click="addTools(tooC, toolIndex, taskCount)"
  1102. src="../assets/icon/secondToolList/networkPanel.png"
  1103. alt
  1104. />
  1105. <div style="margin: 5px 0">数学画板</div>
  1106. </div>
  1107. <div v-if="tooC == 28">
  1108. <img
  1109. @click="addTools(tooC, toolIndex, taskCount)"
  1110. src="../assets/icon/secondToolList/translation.png"
  1111. alt
  1112. />
  1113. <div style="margin: 5px 0">翻译</div>
  1114. </div>
  1115. <div v-if="tooC == 37">
  1116. <img
  1117. @click="addTools(tooC, toolIndex, taskCount)"
  1118. src="../assets/icon/secondToolList/mohe.png"
  1119. alt
  1120. />
  1121. <div style="margin: 5px 0">魔盒识字</div>
  1122. </div>
  1123. <div v-if="tooC == 38">
  1124. <img
  1125. @click="addTools(tooC, toolIndex, taskCount)"
  1126. src="../assets/icon/secondToolList/24game.png"
  1127. alt
  1128. />
  1129. <div style="margin: 5px 0">24点</div>
  1130. </div>
  1131. <div v-if="tooC == 39">
  1132. <img
  1133. @click="addTools(tooC, toolIndex, taskCount)"
  1134. src="../assets/icon/secondToolList/GeoGebra.png"
  1135. alt
  1136. />
  1137. <div style="margin: 5px 0">GeoGebra</div>
  1138. </div>
  1139. <div v-if="tooC == 32">
  1140. <img
  1141. @click="addTools(tooC, toolIndex, taskCount)"
  1142. src="../assets/icon/thirdToolList/code.png"
  1143. alt
  1144. />
  1145. <div style="margin: 5px 0">源码编辑</div>
  1146. <!-- <div class="upload_toolBtn" @click="addImg($event)"
  1147. style="position: absolute;left: 110px;bottom: 30px;">
  1148. 上传文件
  1149. <input type="file" accept="*" style="display: none"
  1150. @change="beforeUpload1($event, 7, toolIndex)" />
  1151. </div> -->
  1152. </div>
  1153. <div v-if="tooC == 40">
  1154. <img
  1155. @click="addTools(tooC, toolIndex, taskCount)"
  1156. src="../assets/icon/secondToolList/eval.png"
  1157. alt
  1158. />
  1159. <div style="margin: 5px 0">个人评价</div>
  1160. </div>
  1161. <div v-if="tooC == 41">
  1162. <img
  1163. @click="addTools(tooC, toolIndex, taskCount)"
  1164. src="../assets/icon/thirdToolList/select.png"
  1165. alt
  1166. />
  1167. <div style="margin: 5px 0">选择匹配</div>
  1168. </div>
  1169. <div v-if="tooC == 44">
  1170. <img
  1171. @click="addTools(tooC, toolIndex, taskCount)"
  1172. src="../assets/icon/thirdToolList/hanClass.png"
  1173. alt
  1174. />
  1175. <div style="margin: 5px 0">汉字宫</div>
  1176. </div>
  1177. <div v-if="tooC == 47">
  1178. <img
  1179. @click="addTools(tooC, toolIndex, taskCount)"
  1180. src="../assets/icon/fourthToolList/conSentences.png"
  1181. alt
  1182. />
  1183. <div style="margin: 5px 0">排序</div>
  1184. </div>
  1185. <div v-if="tooC == 48">
  1186. <img
  1187. @click="addTools(tooC, toolIndex, taskCount)"
  1188. src="../assets/icon/fourthToolList/table.png"
  1189. alt
  1190. />
  1191. <div style="margin: 5px 0">表格</div>
  1192. </div>
  1193. <div v-if="tooC == 52">
  1194. <img
  1195. @click="addTools(tooC, toolIndex, taskCount)"
  1196. src="../assets/icon/fourthToolList/text.png"
  1197. alt
  1198. />
  1199. <div style="margin: 5px 0">文档</div>
  1200. </div>
  1201. <div v-if="tooC == 49">
  1202. <img
  1203. @click="addTools(tooC, toolIndex, taskCount)"
  1204. src="../assets/icon/fourthToolList/group.png"
  1205. alt
  1206. />
  1207. <div style="margin: 5px 0">学生分组</div>
  1208. </div>
  1209. <div v-if="tooC == 57">
  1210. <img
  1211. @click="addTools(tooC, toolIndex, taskCount)"
  1212. src="../assets/icon/fourthToolList/cocopi.png"
  1213. alt
  1214. />
  1215. <div style="margin: 5px 0">CocoPi</div>
  1216. </div>
  1217. <div v-if="tooC == 58">
  1218. <img
  1219. @click="addTools(tooC, toolIndex, taskCount)"
  1220. src="../assets/icon/fourthToolList/car.png"
  1221. alt
  1222. />
  1223. <div style="margin: 5px 0">模拟驾驶</div>
  1224. </div>
  1225. <div v-if="tooC == 59">
  1226. <img
  1227. @click="addTools(tooC, toolIndex, taskCount)"
  1228. src="../assets/icon/fourthToolList/lineSearch.png"
  1229. alt
  1230. />
  1231. <div style="margin: 5px 0">路径搜索</div>
  1232. </div>
  1233. <div v-if="tooC == 60">
  1234. <img
  1235. @click="addTools(tooC, toolIndex, taskCount)"
  1236. src="../assets/icon/fourthToolList/deepLearning.png"
  1237. alt
  1238. />
  1239. <div style="margin: 5px 0">深度学习</div>
  1240. </div>
  1241. <div v-if="tooC == 61">
  1242. <img
  1243. @click="addTools(tooC, toolIndex, taskCount)"
  1244. src="../assets/icon/fourthToolList/allHistory.png"
  1245. alt
  1246. />
  1247. <div style="margin: 5px 0">全历史</div>
  1248. </div>
  1249. <div v-if="tooC == 62">
  1250. <img
  1251. @click="addTools(tooC, toolIndex, taskCount)"
  1252. src="../assets/icon/fourthToolList/interVideo.png"
  1253. alt
  1254. />
  1255. <div style="margin: 5px 0">交互视频</div>
  1256. </div>
  1257. <div v-if="tooC == 63">
  1258. <img
  1259. @click="addTools(tooC, toolIndex, taskCount)"
  1260. src="../assets/icon/fourthToolList/Wood.png"
  1261. alt
  1262. />
  1263. <div style="margin: 5px 0">海龟编程</div>
  1264. </div>
  1265. <div v-if="tooC == 71">
  1266. <img
  1267. @click="addTools(tooC, toolIndex, taskCount)"
  1268. src="../assets/icon/fourthToolList/chatgpt.png"
  1269. alt
  1270. />
  1271. <div style="margin: 5px 0">AI智能体</div>
  1272. </div>
  1273. <div v-if="tooC == 65">
  1274. <img
  1275. @click="addTools(tooC, toolIndex, taskCount)"
  1276. src="../assets/icon/firstToolList/pickPeople.png"
  1277. alt
  1278. />
  1279. <div style="margin: 5px 0">挑人</div>
  1280. </div>
  1281. <div v-if="tooC == 66">
  1282. <img
  1283. @click="addTools(tooC, toolIndex, taskCount)"
  1284. src="../assets/icon/secondToolList/formulaEdi.png"
  1285. alt
  1286. />
  1287. <div style="margin: 5px 0">公式编辑</div>
  1288. </div>
  1289. <div v-if="tooC == 67">
  1290. <img
  1291. @click="addTools(tooC, toolIndex, taskCount)"
  1292. src="../assets/icon/secondToolList/molStr.png"
  1293. alt
  1294. />
  1295. <div style="margin: 5px 0">分子结构</div>
  1296. </div>
  1297. <div v-if="tooC == 68">
  1298. <img
  1299. @click="addTools(tooC, toolIndex, taskCount)"
  1300. src="../assets/icon/secondToolList/timeAxis.png"
  1301. alt
  1302. />
  1303. <div style="margin: 5px 0">时间轴</div>
  1304. </div>
  1305. <div v-if="tooC == 69">
  1306. <img
  1307. @click="addTools(tooC, toolIndex, taskCount)"
  1308. src="../assets/icon/secondToolList/english.png"
  1309. alt
  1310. />
  1311. <div style="margin: 5px 0">英语写作</div>
  1312. </div>
  1313. <div v-if="tooC == 70">
  1314. <img
  1315. @click="addTools(tooC, toolIndex, taskCount)"
  1316. src="../assets/icon/thirdToolList/englishVoice.png"
  1317. alt
  1318. />
  1319. <div style="margin: 5px 0">英语口语</div>
  1320. </div>
  1321. </div>
  1322. </div>
  1323. </div>
  1324. <div class="tooldetail" v-if="tool.toolDetail != ''" :class="{isUpdateToolDetailClass:toolDetailIndex == toolIndex}">
  1325. <!-- <div class="toolTitle">工具描述</div> -->
  1326. <div style="height:100%;"
  1327. v-html="contentConvent(tool.toolDetail)"
  1328. v-if="toolDetailIndex != toolIndex"
  1329. @click.stop="updateToolDetail(toolIndex, 2)"
  1330. ></div>
  1331. <div v-else @click.stop="" style="height:100%;">
  1332. <textarea @change="() => { $forceUpdate() }" class="checkTextArea" rows="3" v-autoHeight="70" type="text" placeholder="请输入任务描述" v-model="updateToolDetailInner"></textarea>
  1333. </div>
  1334. </div>
  1335. <el-button
  1336. type="primary"
  1337. v-if="tool.tool[0] == 32"
  1338. style="position: absolute; right: 30px; top: 30px"
  1339. @click="addImg($event)"
  1340. >上传作业<input
  1341. type="file"
  1342. accept="*"
  1343. style="display: none"
  1344. @change="beforeUpload1($event, 7, toolIndex)"
  1345. /></el-button>
  1346. <el-button
  1347. type="primary"
  1348. v-if="tool.tool[0] == 15"
  1349. style="position: absolute; right: 30px; top: 30px"
  1350. @click="openWordCloud(toolIndex)"
  1351. >生成词云</el-button
  1352. >
  1353. <el-button
  1354. type="primary"
  1355. v-if="
  1356. tool.tool[0] == 16 && worksStudent[toolIndex].length > 0
  1357. "
  1358. style="position: absolute; right: 30px; top: 30px"
  1359. @click="uploadWorks(toolIndex)"
  1360. >导出作业</el-button
  1361. >
  1362. <!-- <el-button type="primary" v-if="tool.tool[0] == 57" style="
  1363. position: absolute;
  1364. right: 30px;
  1365. transform: translateY(-130%);
  1366. " @click="addImg($event)">上传作业<input type="file" accept="*" style="display: none"
  1367. @change="beforeUpload1($event, 8, toolIndex)" /></el-button> -->
  1368. </div>
  1369. <div
  1370. v-if="
  1371. tType &&
  1372. tType == 2 &&
  1373. !sIsOpen &&
  1374. tool.tool.indexOf(16) != -1
  1375. "
  1376. class="worksBox"
  1377. >
  1378. <div
  1379. class="zuoyeYulan"
  1380. v-if="workStudent[toolIndex].length > 0"
  1381. >
  1382. <span class="worksTitle">作业预览</span>
  1383. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1384. </div>
  1385. <div
  1386. class="worksDetailBox"
  1387. v-if="workStudent[toolIndex].length > 0"
  1388. >
  1389. <div
  1390. class="works"
  1391. style="
  1392. width: 200px;
  1393. height: 140px;
  1394. margin: 10px 10px 10px 0;
  1395. box-shadow: 0 0 6px 1px #dfdada;
  1396. "
  1397. v-for="(w, wIndex) in workStudent[toolIndex]"
  1398. :key="wIndex"
  1399. >
  1400. <div class="workImg" v-if="w.type == 0">
  1401. <img
  1402. :src="w.works"
  1403. @click="previewImg(w.works)"
  1404. alt
  1405. />
  1406. <div
  1407. class="answerScore"
  1408. v-if="w.score"
  1409. @click.stop="openScore(w)"
  1410. :class="{
  1411. rightW:
  1412. w.userid == userid || tType == 1 || tType == 4,
  1413. }"
  1414. >
  1415. {{ JSON.parse(w.score).wScore }}分
  1416. </div>
  1417. <div
  1418. class="answerScore"
  1419. @click.stop="openScore(w)"
  1420. v-else-if="courseDetail.userid == userid"
  1421. :class="{
  1422. rightW:
  1423. w.userid == userid || tType == 1 || tType == 4,
  1424. }"
  1425. >
  1426. 评分
  1427. </div>
  1428. <img
  1429. class="deleteImg"
  1430. src="../assets/deleteworks.png"
  1431. v-if="
  1432. w.userid == userid || tType == 1 || tType == 4
  1433. "
  1434. @click.stop="deleteWorks(w.wid)"
  1435. alt
  1436. />
  1437. </div>
  1438. <div class="workImg" v-if="w.type == 1">
  1439. <img :src="word" @click="openFile(w.works)" alt />
  1440. <div
  1441. class="answerScore"
  1442. v-if="w.score"
  1443. @click.stop="openScore(w)"
  1444. :class="{
  1445. rightW:
  1446. w.userid == userid || tType == 1 || tType == 4,
  1447. }"
  1448. >
  1449. {{ JSON.parse(w.score).wScore }}分
  1450. </div>
  1451. <div
  1452. class="answerScore"
  1453. @click.stop="openScore(w)"
  1454. v-else-if="courseDetail.userid == userid"
  1455. :class="{
  1456. rightW:
  1457. w.userid == userid || tType == 1 || tType == 4,
  1458. }"
  1459. >
  1460. 评分
  1461. </div>
  1462. <img
  1463. class="deleteImg"
  1464. src="../assets/deleteworks.png"
  1465. v-if="
  1466. w.userid == userid || tType == 1 || tType == 4
  1467. "
  1468. @click.stop="deleteWorks(w.wid)"
  1469. alt
  1470. />
  1471. </div>
  1472. <div class="workImg" v-if="w.type == 3">
  1473. <img
  1474. style="cursor: pointer"
  1475. :src="video"
  1476. @click="openVideo(w)"
  1477. alt
  1478. />
  1479. <div
  1480. class="answerScore"
  1481. v-if="w.score"
  1482. @click.stop="openScore(w)"
  1483. :class="{
  1484. rightW:
  1485. w.userid == userid || tType == 1 || tType == 4,
  1486. }"
  1487. >
  1488. {{ JSON.parse(w.score).wScore }}分
  1489. </div>
  1490. <div
  1491. class="answerScore"
  1492. @click.stop="openScore(w)"
  1493. v-else-if="courseDetail.userid == userid"
  1494. :class="{
  1495. rightW:
  1496. w.userid == userid || tType == 1 || tType == 4,
  1497. }"
  1498. >
  1499. 评分
  1500. </div>
  1501. <img
  1502. class="deleteImg"
  1503. src="../assets/deleteworks.png"
  1504. v-if="
  1505. w.userid == userid || tType == 1 || tType == 4
  1506. "
  1507. @click.stop="deleteWorks(w.wid)"
  1508. alt
  1509. />
  1510. </div>
  1511. <div class="workImg" v-if="w.type == 12">
  1512. <img
  1513. style="cursor: pointer"
  1514. :src="word2"
  1515. @click="downloadFile(w.works)"
  1516. alt
  1517. />
  1518. <div
  1519. class="answerScore"
  1520. v-if="w.score"
  1521. @click.stop="openScore(w)"
  1522. :class="{
  1523. rightW:
  1524. w.userid == userid || tType == 1 || tType == 4,
  1525. }"
  1526. >
  1527. {{ JSON.parse(w.score).wScore }}分
  1528. </div>
  1529. <div
  1530. class="answerScore"
  1531. @click.stop="openScore(w)"
  1532. v-else-if="courseDetail.userid == userid"
  1533. :class="{
  1534. rightW:
  1535. w.userid == userid || tType == 1 || tType == 4,
  1536. }"
  1537. >
  1538. 评分
  1539. </div>
  1540. <img
  1541. class="deleteImg"
  1542. src="../assets/deleteworks.png"
  1543. v-if="
  1544. w.userid == userid || tType == 1 || tType == 4
  1545. "
  1546. @click.stop="deleteWorks(w.wid)"
  1547. alt
  1548. />
  1549. </div>
  1550. <div class="worksName">
  1551. <div>{{ w.sName }}</div>
  1552. </div>
  1553. </div>
  1554. </div>
  1555. </div>
  1556. <div
  1557. v-if="
  1558. tType &&
  1559. tType == 2 &&
  1560. !sIsOpen &&
  1561. tool.tool.indexOf(32) != -1
  1562. "
  1563. class="worksBox"
  1564. >
  1565. <div
  1566. class="zuoyeYulan"
  1567. v-if="workStudent[toolIndex].length > 0"
  1568. >
  1569. <span class="worksTitle">作业预览</span>
  1570. </div>
  1571. <div
  1572. class="worksDetailBox"
  1573. v-if="workStudent[toolIndex].length > 0"
  1574. >
  1575. <div
  1576. class="works"
  1577. style="
  1578. width: 200px;
  1579. height: 140px;
  1580. margin: 10px 10px 10px 0;
  1581. box-shadow: 0 0 6px 1px #dfdada;
  1582. "
  1583. v-for="(w, wIndex) in workStudent[toolIndex]"
  1584. :key="wIndex"
  1585. >
  1586. <div class="workImg">
  1587. <img
  1588. :src="word2"
  1589. @click="downloadFile(w.works)"
  1590. alt
  1591. />
  1592. <div
  1593. class="answerScore"
  1594. v-if="w.score"
  1595. @click.stop="openScore(w)"
  1596. :class="{
  1597. rightW:
  1598. w.userid == userid || tType == 1 || tType == 4,
  1599. }"
  1600. >
  1601. {{ JSON.parse(w.score).wScore }}分
  1602. </div>
  1603. <div
  1604. class="answerScore"
  1605. @click.stop="openScore(w)"
  1606. v-else-if="courseDetail.userid == userid"
  1607. :class="{
  1608. rightW:
  1609. w.userid == userid || tType == 1 || tType == 4,
  1610. }"
  1611. >
  1612. 评分
  1613. </div>
  1614. <img
  1615. class="deleteImg"
  1616. src="../assets/deleteworks.png"
  1617. v-if="
  1618. w.userid == userid || tType == 1 || tType == 4
  1619. "
  1620. @click.stop="deleteWorks(w.wid)"
  1621. alt
  1622. />
  1623. </div>
  1624. <div class="worksName">
  1625. <div>{{ w.sName }}</div>
  1626. </div>
  1627. </div>
  1628. </div>
  1629. </div>
  1630. <div
  1631. v-if="
  1632. tType &&
  1633. tType == 2 &&
  1634. !sIsOpen &&
  1635. tool.tool.indexOf(57) != -1
  1636. "
  1637. class="worksBox"
  1638. >
  1639. <div
  1640. class="zuoyeYulan"
  1641. v-if="workStudent[toolIndex].length > 0"
  1642. >
  1643. <span class="worksTitle">作业预览</span>
  1644. </div>
  1645. <div
  1646. class="worksDetailBox"
  1647. v-if="workStudent[toolIndex].length > 0"
  1648. >
  1649. <div
  1650. class="works"
  1651. style="
  1652. width: 200px;
  1653. height: 140px;
  1654. margin: 10px 10px 10px 0;
  1655. box-shadow: 0 0 6px 1px #dfdada;
  1656. "
  1657. v-for="(w, wIndex) in workStudent[toolIndex]"
  1658. :key="wIndex"
  1659. >
  1660. <div class="workImg">
  1661. <img
  1662. :src="word2"
  1663. @click="downloadFile(w.works)"
  1664. v-if="w.type == 12"
  1665. alt
  1666. />
  1667. <img
  1668. :src="word2"
  1669. @click="
  1670. openCocoPi(57, toolIndex, w.userid, w.sName)
  1671. "
  1672. v-else-if="w.type == 15"
  1673. alt
  1674. />
  1675. <div
  1676. class="answerScore"
  1677. v-if="w.score"
  1678. @click.stop="openScore(w)"
  1679. :class="{
  1680. rightW:
  1681. w.userid == userid || tType == 1 || tType == 4,
  1682. }"
  1683. >
  1684. {{ JSON.parse(w.score).wScore }}分
  1685. </div>
  1686. <div
  1687. class="answerScore"
  1688. @click.stop="openScore(w)"
  1689. v-else-if="courseDetail.userid == userid"
  1690. :class="{
  1691. rightW:
  1692. w.userid == userid || tType == 1 || tType == 4,
  1693. }"
  1694. >
  1695. 评分
  1696. </div>
  1697. <img
  1698. class="deleteImg"
  1699. src="../assets/deleteworks.png"
  1700. v-if="
  1701. w.userid == userid || tType == 1 || tType == 4
  1702. "
  1703. @click.stop="deleteWorks(w.wid)"
  1704. alt
  1705. />
  1706. </div>
  1707. <div class="worksName">
  1708. <div>{{ w.sName }}</div>
  1709. </div>
  1710. </div>
  1711. </div>
  1712. </div>
  1713. <div
  1714. v-if="
  1715. tType &&
  1716. tType == 2 &&
  1717. !sIsOpen &&
  1718. tool.tool.indexOf(4) != -1
  1719. "
  1720. class="worksBox"
  1721. >
  1722. <div
  1723. class="zuoyeYulan"
  1724. v-if="workStudent[toolIndex].length > 0"
  1725. >
  1726. <span class="worksTitle">作业预览</span>
  1727. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1728. </div>
  1729. <div
  1730. class="worksDetailBox"
  1731. v-if="workStudent[toolIndex].length > 0"
  1732. >
  1733. <div
  1734. class="isWorksName2"
  1735. v-for="(w, wIndex) in workStudent[toolIndex]"
  1736. :key="wIndex"
  1737. @click="
  1738. openTools(4, toolIndex, taskCount, w.works, w.sName)
  1739. "
  1740. >
  1741. {{ w.sName }}
  1742. <img
  1743. class="deleteImg deleteImg2"
  1744. src="../assets/deleteworks.png"
  1745. v-if="w.userid == userid || tType == 1 || tType == 4"
  1746. @click.stop="deleteWorks(w.wid)"
  1747. alt
  1748. />
  1749. </div>
  1750. <!-- <div
  1751. class="works"
  1752. style="
  1753. width: 200px;
  1754. height: 140px;
  1755. border-radius: 10px;
  1756. box-shadow: 0 0 6px 1px #dfdada;
  1757. overflow: hidden;
  1758. "
  1759. v-for="(w, wIndex) in workStudent[toolIndex]"
  1760. :key="wIndex"
  1761. >
  1762. <div class="workImg">
  1763. <img
  1764. src="../assets/icon/works/noImg.png"
  1765. @click="
  1766. openTools(
  1767. 4,
  1768. toolIndex,
  1769. taskCount,
  1770. w.works,
  1771. w.sName
  1772. )
  1773. "
  1774. alt
  1775. />
  1776. </div>
  1777. <div class="worksName">
  1778. <div>{{ w.sName }}</div>
  1779. <div>{{ w.time }}</div>
  1780. </div>
  1781. </div> -->
  1782. </div>
  1783. </div>
  1784. <div
  1785. v-if="
  1786. tType &&
  1787. ((tType == 2 && sIsOpen == true) ||
  1788. tType == 1 ||
  1789. tType == 4) &&
  1790. tool.tool.indexOf(62) != -1
  1791. "
  1792. class="worksBox"
  1793. >
  1794. <div
  1795. class="zuoyeYulan"
  1796. v-if="
  1797. worksStudent.length &&
  1798. worksStudent[toolIndex].length > 0
  1799. "
  1800. >
  1801. <div class="worksTop">
  1802. <div>作业预览</div>
  1803. <div
  1804. class="corOpen"
  1805. @click="contract(toolIndex)"
  1806. v-if="
  1807. (isCloseList[toolIndex].isCloseBoolean) &&
  1808. isCloseList[toolIndex].isClose == 0
  1809. "
  1810. >
  1811. 折叠
  1812. </div>
  1813. <div
  1814. class="corOpen"
  1815. @click="contract(toolIndex)"
  1816. v-if="isCloseList[toolIndex].isClose == 1"
  1817. >
  1818. 展开
  1819. </div>
  1820. </div>
  1821. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1822. </div>
  1823. <div>
  1824. <div
  1825. :id="'tool-' + toolIndex"
  1826. :style="{
  1827. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  1828. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  1829. }"
  1830. class="worksDetailBox"
  1831. v-if="
  1832. worksStudent.length &&
  1833. worksStudent[toolIndex].length > 0
  1834. "
  1835. >
  1836. <div
  1837. v-for="(w, wIndex) in worksStudent[toolIndex]"
  1838. :key="wIndex"
  1839. class="isWorksName2"
  1840. @click="
  1841. openTools(
  1842. 62,
  1843. toolIndex,
  1844. taskCount,
  1845. w.works,
  1846. w.sName
  1847. )
  1848. "
  1849. >
  1850. {{ w.sName }}
  1851. <img
  1852. class="deleteImg deleteImg2"
  1853. src="../assets/deleteworks.png"
  1854. v-if="
  1855. w.userid == userid || tType == 1 || tType == 4
  1856. "
  1857. @click.stop="deleteWorks(w.wid)"
  1858. alt
  1859. />
  1860. </div>
  1861. </div>
  1862. </div>
  1863. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  1864. 未提交
  1865. </div>
  1866. <div
  1867. class="noWorksS"
  1868. v-if="noWorksS && noWorksS[toolIndex].length"
  1869. >
  1870. <div
  1871. v-for="(s, sIndex) in noWorksS[toolIndex]"
  1872. :key="sIndex"
  1873. class="noWorksName"
  1874. >
  1875. {{ s.student }}
  1876. </div>
  1877. </div>
  1878. </div>
  1879. <div
  1880. v-if="
  1881. tType &&
  1882. tType == 2 &&
  1883. !sIsOpen &&
  1884. tool.tool.indexOf(62) != -1
  1885. "
  1886. class="worksBox"
  1887. >
  1888. <div
  1889. class="zuoyeYulan"
  1890. v-if="workStudent[toolIndex].length > 0"
  1891. >
  1892. <span class="worksTitle">作业预览</span>
  1893. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1894. </div>
  1895. <div
  1896. class="worksDetailBox"
  1897. v-if="workStudent[toolIndex].length > 0"
  1898. >
  1899. <div
  1900. class="isWorksName2"
  1901. v-for="(w, wIndex) in workStudent[toolIndex]"
  1902. :key="wIndex"
  1903. @click="
  1904. openTools(62, toolIndex, taskCount, w.works, w.sName)
  1905. "
  1906. >
  1907. {{ w.sName }}
  1908. <img
  1909. class="deleteImg deleteImg2"
  1910. src="../assets/deleteworks.png"
  1911. v-if="w.userid == userid || tType == 1 || tType == 4"
  1912. @click.stop="deleteWorks(w.wid)"
  1913. alt
  1914. />
  1915. </div>
  1916. </div>
  1917. </div>
  1918. <div
  1919. v-if="
  1920. tType &&
  1921. tType == 2 &&
  1922. !sIsOpen &&
  1923. tool.tool.indexOf(45) != -1
  1924. "
  1925. class="worksBox"
  1926. >
  1927. <div
  1928. class="zuoyeYulan"
  1929. v-if="workStudent[toolIndex].length > 0"
  1930. >
  1931. <span class="worksTitle">作业预览</span>
  1932. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1933. </div>
  1934. <div
  1935. class="worksDetailBox"
  1936. v-if="workStudent[toolIndex].length > 0"
  1937. >
  1938. <div
  1939. class="isWorksName2"
  1940. v-for="(w, wIndex) in workStudent[toolIndex]"
  1941. :key="wIndex"
  1942. @click="
  1943. openTools(45, toolIndex, taskCount, w.works, w.sName)
  1944. "
  1945. >
  1946. {{ w.sName }}
  1947. <img
  1948. class="deleteImg deleteImg2"
  1949. src="../assets/deleteworks.png"
  1950. v-if="w.userid == userid || tType == 1 || tType == 4"
  1951. @click.stop="deleteWorks(w.wid)"
  1952. alt
  1953. />
  1954. </div>
  1955. </div>
  1956. </div>
  1957. <div
  1958. v-if="
  1959. tType &&
  1960. tType == 2 &&
  1961. !sIsOpen &&
  1962. tool.tool.indexOf(69) != -1
  1963. "
  1964. class="worksBox"
  1965. >
  1966. <div
  1967. class="zuoyeYulan"
  1968. v-if="workStudent[toolIndex].length > 0"
  1969. >
  1970. <span class="worksTitle">作业预览</span>
  1971. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1972. </div>
  1973. <div
  1974. class="worksDetailBox"
  1975. v-if="workStudent[toolIndex].length > 0"
  1976. >
  1977. <div
  1978. class="isWorksName2"
  1979. v-for="(w, wIndex) in workStudent[toolIndex]"
  1980. :key="wIndex"
  1981. @click="
  1982. openTools(69, toolIndex, taskCount, w.works, w.sName)
  1983. "
  1984. >
  1985. {{ w.sName }}
  1986. <img
  1987. class="deleteImg deleteImg2"
  1988. src="../assets/deleteworks.png"
  1989. v-if="w.userid == userid || tType == 1 || tType == 4"
  1990. @click.stop="deleteWorks(w.wid)"
  1991. alt
  1992. />
  1993. </div>
  1994. </div>
  1995. </div>
  1996. <div
  1997. v-if="
  1998. tType &&
  1999. tType == 2 &&
  2000. !sIsOpen &&
  2001. tool.tool.indexOf(15) != -1
  2002. "
  2003. class="worksBox"
  2004. >
  2005. <div
  2006. class="zuoyeYulan"
  2007. v-if="workStudent[toolIndex].length > 0"
  2008. >
  2009. <span class="worksTitle">作业预览</span>
  2010. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2011. </div>
  2012. <div
  2013. class="worksDetailBox"
  2014. v-if="workStudent[toolIndex].length > 0"
  2015. >
  2016. <div
  2017. class="works"
  2018. v-for="(w, wIndex) in workStudent[toolIndex]"
  2019. :key="wIndex"
  2020. >
  2021. <div class="workImg">
  2022. <!-- <img
  2023. src="../assets/icon/works/noImg.png"
  2024. @click="openTools(15, toolIndex, taskCount, w.works)"
  2025. alt=""
  2026. />-->
  2027. <div class="answerBg">
  2028. <!-- <div>{{ w.sName }}</div> -->
  2029. <el-tooltip
  2030. class="item"
  2031. effect="light"
  2032. :content="JSON.parse(w.works)[0].answer"
  2033. placement="top"
  2034. >
  2035. <div class="answerContent">
  2036. {{ JSON.parse(w.works)[0].answer }}
  2037. </div>
  2038. </el-tooltip>
  2039. <div
  2040. class="answerScore"
  2041. v-if="w.score"
  2042. @click.stop="openScore(w)"
  2043. :class="{
  2044. rightW:
  2045. w.userid == userid ||
  2046. tType == 1 ||
  2047. tType == 4,
  2048. }"
  2049. >
  2050. {{ JSON.parse(w.score).wScore }}分
  2051. </div>
  2052. <div
  2053. class="answerScore"
  2054. @click.stop="openScore(w)"
  2055. v-else-if="courseDetail.userid == userid"
  2056. :class="{
  2057. rightW:
  2058. w.userid == userid ||
  2059. tType == 1 ||
  2060. tType == 4,
  2061. }"
  2062. >
  2063. 评分
  2064. </div>
  2065. <img
  2066. class="deleteImg"
  2067. src="../assets/deleteworks.png"
  2068. v-if="
  2069. w.userid == userid || tType == 1 || tType == 4
  2070. "
  2071. @click.stop="deleteWorks(w.wid)"
  2072. alt
  2073. />
  2074. </div>
  2075. <div class="comment">
  2076. <div class="worksName">
  2077. <div>{{ w.sName }}</div>
  2078. </div>
  2079. </div>
  2080. </div>
  2081. </div>
  2082. </div>
  2083. </div>
  2084. <div
  2085. v-if="
  2086. tType &&
  2087. tType == 2 &&
  2088. !sIsOpen &&
  2089. tool.tool.indexOf(1) != -1
  2090. "
  2091. class="worksBox"
  2092. >
  2093. <div
  2094. class="zuoyeYulan"
  2095. v-if="workStudent[toolIndex].length > 0"
  2096. >
  2097. <span class="worksTitle">作业预览</span>
  2098. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2099. </div>
  2100. <div
  2101. class="worksDetailBox"
  2102. v-if="workStudent[toolIndex].length > 0"
  2103. >
  2104. <div
  2105. class="works"
  2106. style="
  2107. width: 200px;
  2108. height: 140px;
  2109. margin: 10px 10px 10px 0;
  2110. box-shadow: 0 0 6px 1px #dfdada;
  2111. "
  2112. v-for="(w, wIndex) in workStudent[toolIndex]"
  2113. :key="wIndex"
  2114. >
  2115. <div class="workImg">
  2116. <img
  2117. :src="w.works"
  2118. @click="previewImg(w.works)"
  2119. alt
  2120. />
  2121. <div
  2122. class="answerScore"
  2123. v-if="w.score"
  2124. @click.stop="openScore(w)"
  2125. :class="{
  2126. rightW:
  2127. w.userid == userid || tType == 1 || tType == 4,
  2128. }"
  2129. >
  2130. {{ JSON.parse(w.score).wScore }}分
  2131. </div>
  2132. <div
  2133. class="answerScore"
  2134. @click.stop="openScore(w)"
  2135. v-else-if="courseDetail.userid == userid"
  2136. :class="{
  2137. rightW:
  2138. w.userid == userid || tType == 1 || tType == 4,
  2139. }"
  2140. >
  2141. 评分
  2142. </div>
  2143. <img
  2144. class="deleteImg"
  2145. src="../assets/deleteworks.png"
  2146. v-if="
  2147. w.userid == userid || tType == 1 || tType == 4
  2148. "
  2149. @click.stop="deleteWorks(w.wid)"
  2150. alt
  2151. />
  2152. </div>
  2153. <div class="worksName">
  2154. <div>{{ w.sName }}</div>
  2155. </div>
  2156. </div>
  2157. </div>
  2158. </div>
  2159. <div
  2160. v-if="
  2161. tType &&
  2162. tType == 2 &&
  2163. !sIsOpen &&
  2164. tool.tool.indexOf(3) != -1
  2165. "
  2166. class="worksBox"
  2167. >
  2168. <div
  2169. class="zuoyeYulan"
  2170. v-if="workStudent[toolIndex].length > 0"
  2171. >
  2172. <span class="worksTitle">作业预览</span>
  2173. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2174. </div>
  2175. <div
  2176. class="worksDetailBox"
  2177. v-if="workStudent[toolIndex].length > 0"
  2178. >
  2179. <div
  2180. class="works"
  2181. style="
  2182. width: 200px;
  2183. height: 140px;
  2184. margin: 10px 10px 10px 0;
  2185. box-shadow: 0 0 6px 1px #dfdada;
  2186. "
  2187. v-for="(w, wIndex) in workStudent[toolIndex]"
  2188. :key="wIndex"
  2189. >
  2190. <div class="workImg">
  2191. <img
  2192. :src="w.works"
  2193. @click="previewImg(w.works)"
  2194. alt
  2195. />
  2196. <div
  2197. class="answerScore"
  2198. v-if="w.score"
  2199. @click.stop="openScore(w)"
  2200. :class="{
  2201. rightW:
  2202. w.userid == userid || tType == 1 || tType == 4,
  2203. }"
  2204. >
  2205. {{ JSON.parse(w.score).wScore }}分
  2206. </div>
  2207. <div
  2208. class="answerScore"
  2209. @click.stop="openScore(w)"
  2210. v-else-if="courseDetail.userid == userid"
  2211. :class="{
  2212. rightW:
  2213. w.userid == userid || tType == 1 || tType == 4,
  2214. }"
  2215. >
  2216. 评分
  2217. </div>
  2218. <img
  2219. class="deleteImg"
  2220. src="../assets/deleteworks.png"
  2221. v-if="
  2222. w.userid == userid || tType == 1 || tType == 4
  2223. "
  2224. @click.stop="deleteWorks(w.wid)"
  2225. alt
  2226. />
  2227. </div>
  2228. <div class="worksName">
  2229. <div>{{ w.sName }}</div>
  2230. </div>
  2231. </div>
  2232. </div>
  2233. </div>
  2234. <div
  2235. v-if="
  2236. tType &&
  2237. tType == 2 &&
  2238. !sIsOpen &&
  2239. tool.tool.indexOf(6) != -1
  2240. "
  2241. class="worksBox"
  2242. >
  2243. <div
  2244. class="zuoyeYulan"
  2245. v-if="workStudent[toolIndex].length > 0"
  2246. >
  2247. <span class="worksTitle">作业预览</span>
  2248. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2249. </div>
  2250. <div
  2251. class="worksDetailBox"
  2252. v-if="workStudent[toolIndex].length > 0"
  2253. >
  2254. <div
  2255. class="works"
  2256. style="
  2257. width: 200px;
  2258. height: 140px;
  2259. margin: 10px 10px 10px 0;
  2260. box-shadow: 0 0 6px 1px #dfdada;
  2261. "
  2262. v-for="(w, wIndex) in workStudent[toolIndex]"
  2263. :key="wIndex"
  2264. >
  2265. <div class="workImg">
  2266. <img
  2267. :src="w.works"
  2268. @click="previewImg(w.works)"
  2269. alt
  2270. />
  2271. <div
  2272. class="answerScore"
  2273. v-if="w.score"
  2274. @click.stop="openScore(w)"
  2275. :class="{
  2276. rightW:
  2277. w.userid == userid || tType == 1 || tType == 4,
  2278. }"
  2279. >
  2280. {{ JSON.parse(w.score).wScore }}分
  2281. </div>
  2282. <div
  2283. class="answerScore"
  2284. @click.stop="openScore(w)"
  2285. v-else-if="courseDetail.userid == userid"
  2286. :class="{
  2287. rightW:
  2288. w.userid == userid || tType == 1 || tType == 4,
  2289. }"
  2290. >
  2291. 评分
  2292. </div>
  2293. <img
  2294. class="deleteImg"
  2295. src="../assets/deleteworks.png"
  2296. v-if="
  2297. w.userid == userid || tType == 1 || tType == 4
  2298. "
  2299. @click.stop="deleteWorks(w.wid)"
  2300. alt
  2301. />
  2302. </div>
  2303. <div class="worksName">
  2304. <div>{{ w.sName }}</div>
  2305. </div>
  2306. </div>
  2307. </div>
  2308. </div>
  2309. <div
  2310. v-if="
  2311. tType &&
  2312. tType == 2 &&
  2313. !sIsOpen &&
  2314. tool.tool.indexOf(7) != -1
  2315. "
  2316. class="worksBox"
  2317. >
  2318. <div
  2319. class="zuoyeYulan"
  2320. v-if="workStudent[toolIndex].length > 0"
  2321. >
  2322. <span class="worksTitle">作业预览</span>
  2323. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2324. </div>
  2325. <div
  2326. class="worksDetailBox"
  2327. v-if="workStudent[toolIndex].length > 0"
  2328. >
  2329. <div
  2330. class="works"
  2331. style="
  2332. width: 200px;
  2333. height: 140px;
  2334. margin: 10px 10px 10px 0;
  2335. box-shadow: 0 0 6px 1px #dfdada;
  2336. "
  2337. v-for="(w, wIndex) in workStudent[toolIndex]"
  2338. :key="wIndex"
  2339. >
  2340. <div class="workImg">
  2341. <img
  2342. :src="w.works"
  2343. @click="previewImg(w.works)"
  2344. alt
  2345. />
  2346. <div
  2347. class="answerScore"
  2348. v-if="w.score"
  2349. @click.stop="openScore(w)"
  2350. :class="{
  2351. rightW:
  2352. w.userid == userid || tType == 1 || tType == 4,
  2353. }"
  2354. >
  2355. {{ JSON.parse(w.score).wScore }}分
  2356. </div>
  2357. <div
  2358. class="answerScore"
  2359. @click.stop="openScore(w)"
  2360. v-else-if="courseDetail.userid == userid"
  2361. :class="{
  2362. rightW:
  2363. w.userid == userid || tType == 1 || tType == 4,
  2364. }"
  2365. >
  2366. 评分
  2367. </div>
  2368. <img
  2369. class="deleteImg"
  2370. src="../assets/deleteworks.png"
  2371. v-if="
  2372. w.userid == userid || tType == 1 || tType == 4
  2373. "
  2374. @click.stop="deleteWorks(w.wid)"
  2375. alt
  2376. />
  2377. </div>
  2378. <div class="worksName">
  2379. <div>{{ w.sName }}</div>
  2380. </div>
  2381. </div>
  2382. </div>
  2383. </div>
  2384. <div
  2385. v-if="
  2386. tType &&
  2387. tType == 2 &&
  2388. !sIsOpen &&
  2389. tool.tool.indexOf(26) != -1
  2390. "
  2391. class="worksBox"
  2392. >
  2393. <div
  2394. class="zuoyeYulan"
  2395. v-if="workStudent[toolIndex].length > 0"
  2396. >
  2397. <span class="worksTitle">作业预览</span>
  2398. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2399. </div>
  2400. <div
  2401. class="worksDetailBox"
  2402. v-if="workStudent[toolIndex].length > 0"
  2403. >
  2404. <div
  2405. class="works"
  2406. style="
  2407. width: 200px;
  2408. height: 140px;
  2409. margin: 10px 10px 10px 0;
  2410. box-shadow: 0 0 6px 1px #dfdada;
  2411. "
  2412. v-for="(w, wIndex) in workStudent[toolIndex]"
  2413. :key="wIndex"
  2414. >
  2415. <div class="workImg">
  2416. <img
  2417. :src="w.works"
  2418. @click="previewImg(w.works)"
  2419. alt
  2420. />
  2421. <img
  2422. class="deleteImg"
  2423. src="../assets/deleteworks.png"
  2424. v-if="
  2425. w.userid == userid || tType == 1 || tType == 4
  2426. "
  2427. @click.stop="deleteWorks(w.wid)"
  2428. alt
  2429. />
  2430. </div>
  2431. <div class="worksName">
  2432. <div>{{ w.sName }}</div>
  2433. </div>
  2434. </div>
  2435. </div>
  2436. </div>
  2437. <div
  2438. v-if="
  2439. tType &&
  2440. ((tType == 2 && sIsOpen == true) ||
  2441. tType == 1 ||
  2442. tType == 4) &&
  2443. tool.tool.indexOf(16) != -1
  2444. "
  2445. class="worksBox"
  2446. >
  2447. <div
  2448. class="zuoyeYulan"
  2449. v-if="
  2450. (worksStudent.length &&
  2451. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  2452. "
  2453. >
  2454. <div class="worksTop">
  2455. <div>作业预览</div>
  2456. <div
  2457. class="corOpen"
  2458. @click="contract(toolIndex)"
  2459. v-if="
  2460. (isCloseList[toolIndex].isCloseBoolean) &&
  2461. isCloseList[toolIndex].isClose == 0
  2462. "
  2463. >
  2464. 折叠
  2465. </div>
  2466. <div
  2467. class="corOpen"
  2468. @click="contract(toolIndex)"
  2469. v-if="isCloseList[toolIndex].isClose == 1"
  2470. >
  2471. 展开
  2472. </div>
  2473. </div>
  2474. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2475. </div>
  2476. <div
  2477. class="group_workBox"
  2478. v-for="(g, gindex) in courseGroup.group"
  2479. :key="gindex"
  2480. >
  2481. <div class="group_box">
  2482. <div class="group_title">
  2483. <el-tooltip
  2484. class="item"
  2485. effect="light"
  2486. :content="g.name"
  2487. placement="top"
  2488. >
  2489. <div class="group_name">{{ g.name }}</div>
  2490. </el-tooltip>
  2491. </div>
  2492. <div
  2493. class="group_work"
  2494. v-if="
  2495. g.works &&
  2496. g.works.length &&
  2497. g.works[toolIndex].length
  2498. "
  2499. >
  2500. <div
  2501. class="works"
  2502. style="
  2503. width: 200px;
  2504. height: 140px;
  2505. margin: 10px 10px 10px 0;
  2506. border-radius: 15px;
  2507. box-shadow: 0 0 6px 1px #dfdada;
  2508. "
  2509. v-for="(w, wIndex) in g.works[toolIndex]"
  2510. :key="wIndex"
  2511. :class="w.type == 1 ? 'isTypeOne' : ''"
  2512. >
  2513. <div class="workImg" v-if="w.type == 0">
  2514. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  2515. <img
  2516. :src="w.works"
  2517. @click="previewImg(w.works)"
  2518. alt
  2519. />
  2520. <div
  2521. class="answerScore"
  2522. v-if="w.score"
  2523. @click.stop="openScore(w)"
  2524. :class="{
  2525. rightW:
  2526. w.userid == userid ||
  2527. tType == 1 ||
  2528. tType == 4 ||
  2529. w.ateacher == userid,
  2530. }"
  2531. >
  2532. {{ JSON.parse(w.score).wScore }}分
  2533. </div>
  2534. <div
  2535. class="answerScore"
  2536. @click.stop="openScore(w)"
  2537. v-else-if="courseDetail.userid == userid"
  2538. :class="{
  2539. rightW:
  2540. w.userid == userid ||
  2541. tType == 1 ||
  2542. tType == 4 ||
  2543. w.ateacher == userid,
  2544. }"
  2545. >
  2546. 评分
  2547. </div>
  2548. <img
  2549. class="deleteImg"
  2550. src="../assets/deleteworks.png"
  2551. v-if="
  2552. w.userid == userid || tType == 1 || tType == 4
  2553. "
  2554. @click.stop="deleteWorks(w.wid)"
  2555. alt
  2556. />
  2557. </div>
  2558. <div class="workImg" v-if="w.type == 1">
  2559. <img :src="word" @click="openFile(w.works)" alt />
  2560. <!-- @click="openFile(w.works)" -->
  2561. <div
  2562. class="answerScore"
  2563. v-if="w.score"
  2564. @click.stop="openScore(w)"
  2565. :class="{
  2566. rightW:
  2567. w.userid == userid ||
  2568. tType == 1 ||
  2569. tType == 4 ||
  2570. w.ateacher == userid,
  2571. }"
  2572. >
  2573. {{ JSON.parse(w.score).wScore }}分
  2574. </div>
  2575. <div
  2576. class="answerScore"
  2577. @click.stop="openScore(w)"
  2578. v-else-if="courseDetail.userid == userid"
  2579. :class="{
  2580. rightW:
  2581. w.userid == userid ||
  2582. tType == 1 ||
  2583. tType == 4 ||
  2584. w.ateacher == userid,
  2585. }"
  2586. >
  2587. 评分
  2588. </div>
  2589. <img
  2590. class="deleteImg"
  2591. src="../assets/deleteworks.png"
  2592. v-if="
  2593. w.userid == userid || tType == 1 || tType == 4
  2594. "
  2595. @click.stop="deleteWorks(w.wid)"
  2596. alt
  2597. />
  2598. </div>
  2599. <div class="workImg" v-if="w.type == 3">
  2600. <img
  2601. style="cursor: pointer"
  2602. :src="video"
  2603. @click="openVideo(w)"
  2604. alt
  2605. />
  2606. <!-- @click="openVideo(w.works)" -->
  2607. <div
  2608. class="answerScore"
  2609. v-if="w.score"
  2610. @click.stop="openScore(w)"
  2611. :class="{
  2612. rightW:
  2613. w.userid == userid ||
  2614. tType == 1 ||
  2615. tType == 4 ||
  2616. w.ateacher == userid,
  2617. }"
  2618. >
  2619. {{ JSON.parse(w.score).wScore }}分
  2620. </div>
  2621. <div
  2622. class="answerScore"
  2623. @click.stop="openScore(w)"
  2624. v-else-if="courseDetail.userid == userid"
  2625. :class="{
  2626. rightW:
  2627. w.userid == userid ||
  2628. tType == 1 ||
  2629. tType == 4 ||
  2630. w.ateacher == userid,
  2631. }"
  2632. >
  2633. 评分
  2634. </div>
  2635. <img
  2636. class="deleteImg"
  2637. src="../assets/deleteworks.png"
  2638. v-if="
  2639. w.userid == userid || tType == 1 || tType == 4
  2640. "
  2641. @click.stop="deleteWorks(w.wid)"
  2642. alt
  2643. />
  2644. </div>
  2645. <div class="workImg" v-if="w.type == 12">
  2646. <img
  2647. style="cursor: pointer"
  2648. :src="word2"
  2649. @click="downloadFile(w.works)"
  2650. alt
  2651. />
  2652. <!-- @click="openVideo(w.works)" -->
  2653. <div
  2654. class="answerScore"
  2655. v-if="w.score"
  2656. @click.stop="openScore(w)"
  2657. :class="{
  2658. rightW:
  2659. w.userid == userid ||
  2660. tType == 1 ||
  2661. tType == 4 ||
  2662. w.ateacher == userid,
  2663. }"
  2664. >
  2665. {{ JSON.parse(w.score).wScore }}分
  2666. </div>
  2667. <div
  2668. class="answerScore"
  2669. @click.stop="openScore(w)"
  2670. v-else-if="courseDetail.userid == userid"
  2671. :class="{
  2672. rightW:
  2673. w.userid == userid ||
  2674. tType == 1 ||
  2675. tType == 4 ||
  2676. w.ateacher == userid,
  2677. }"
  2678. >
  2679. 评分
  2680. </div>
  2681. <img
  2682. class="deleteImg"
  2683. src="../assets/deleteworks.png"
  2684. v-if="
  2685. w.userid == userid || tType == 1 || tType == 4
  2686. "
  2687. @click.stop="deleteWorks(w.wid)"
  2688. alt
  2689. />
  2690. </div>
  2691. <div class="comment" style="min-width: 200px">
  2692. <div class="worksName">
  2693. <div>{{ w.sName }}</div>
  2694. </div>
  2695. <div class="commentList">
  2696. <div class="commentList">
  2697. <div
  2698. class="commentImg"
  2699. @click="
  2700. isLikes(w.wid, userid, 1, null, w.isLikes)
  2701. "
  2702. >
  2703. <img
  2704. :src="w.isLikes == true ? likes : noLikes"
  2705. alt=""
  2706. />
  2707. </div>
  2708. <div>{{ w.likesCount }}</div>
  2709. </div>
  2710. <div
  2711. class="commentList"
  2712. style="margin-right: 15px"
  2713. >
  2714. <div
  2715. class="commentImg"
  2716. @click="
  2717. commentOther(
  2718. w,
  2719. toolIndex,
  2720. wIndex,
  2721. null,
  2722. g.id
  2723. )
  2724. "
  2725. >
  2726. <img
  2727. src="../assets/icon/comment/comment.png"
  2728. alt=""
  2729. />
  2730. </div>
  2731. <div>{{ w.commentCount }}</div>
  2732. </div>
  2733. </div>
  2734. </div>
  2735. </div>
  2736. </div>
  2737. <div class="group_work" v-else>暂无提交作业</div>
  2738. </div>
  2739. </div>
  2740. <div
  2741. :id="'tool-' + toolIndex"
  2742. :style="{
  2743. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  2744. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  2745. }"
  2746. class="worksDetailBox"
  2747. v-if="
  2748. worksStudent.length &&
  2749. worksStudent[toolIndex].length > 0
  2750. "
  2751. >
  2752. <div
  2753. class="works"
  2754. style="
  2755. width: 200px;
  2756. height: 140px;
  2757. margin: 10px 10px 10px 0;
  2758. border-radius: 15px;
  2759. box-shadow: 0 0 6px 1px #dfdada;
  2760. "
  2761. v-for="(w, wIndex) in worksStudent[toolIndex]"
  2762. :key="wIndex"
  2763. :class="w.type == 1 ? 'isTypeOne' : ''"
  2764. >
  2765. <div class="workImg" v-if="w.type == 0">
  2766. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  2767. <img
  2768. :src="w.works"
  2769. @click="previewImg(w.works)"
  2770. alt
  2771. />
  2772. <div
  2773. class="answerScore"
  2774. v-if="w.score"
  2775. @click.stop="openScore(w)"
  2776. :class="{
  2777. rightW:
  2778. w.userid == userid ||
  2779. tType == 1 ||
  2780. tType == 4 ||
  2781. w.ateacher == userid,
  2782. }"
  2783. >
  2784. {{ JSON.parse(w.score).wScore }}分
  2785. </div>
  2786. <div
  2787. class="answerScore"
  2788. @click.stop="openScore(w)"
  2789. v-else-if="courseDetail.userid == userid"
  2790. :class="{
  2791. rightW:
  2792. w.userid == userid ||
  2793. tType == 1 ||
  2794. tType == 4 ||
  2795. w.ateacher == userid,
  2796. }"
  2797. >
  2798. 评分
  2799. </div>
  2800. <img
  2801. class="deleteImg"
  2802. src="../assets/deleteworks.png"
  2803. v-if="
  2804. w.userid == userid || tType == 1 || tType == 4
  2805. "
  2806. @click.stop="deleteWorks(w.wid)"
  2807. alt
  2808. />
  2809. </div>
  2810. <div class="workImg" v-if="w.type == 1">
  2811. <img :src="word" @click="openFile(w.works)" alt />
  2812. <!-- @click="openFile(w.works)" -->
  2813. <div
  2814. class="answerScore"
  2815. v-if="w.score"
  2816. @click.stop="openScore(w)"
  2817. :class="{
  2818. rightW:
  2819. w.userid == userid ||
  2820. tType == 1 ||
  2821. tType == 4 ||
  2822. w.ateacher == userid,
  2823. }"
  2824. >
  2825. {{ JSON.parse(w.score).wScore }}分
  2826. </div>
  2827. <div
  2828. class="answerScore"
  2829. @click.stop="openScore(w)"
  2830. v-else-if="courseDetail.userid == userid"
  2831. :class="{
  2832. rightW:
  2833. w.userid == userid ||
  2834. tType == 1 ||
  2835. tType == 4 ||
  2836. w.ateacher == userid,
  2837. }"
  2838. >
  2839. 评分
  2840. </div>
  2841. <img
  2842. class="deleteImg"
  2843. src="../assets/deleteworks.png"
  2844. v-if="
  2845. w.userid == userid || tType == 1 || tType == 4
  2846. "
  2847. @click.stop="deleteWorks(w.wid)"
  2848. alt
  2849. />
  2850. </div>
  2851. <div class="workImg" v-if="w.type == 3">
  2852. <img
  2853. style="cursor: pointer"
  2854. :src="video"
  2855. @click="openVideo(w)"
  2856. alt
  2857. />
  2858. <!-- @click="openVideo(w.works)" -->
  2859. <div
  2860. class="answerScore"
  2861. v-if="w.score"
  2862. @click.stop="openScore(w)"
  2863. :class="{
  2864. rightW:
  2865. w.userid == userid ||
  2866. tType == 1 ||
  2867. tType == 4 ||
  2868. w.ateacher == userid,
  2869. }"
  2870. >
  2871. {{ JSON.parse(w.score).wScore }}分
  2872. </div>
  2873. <div
  2874. class="answerScore"
  2875. @click.stop="openScore(w)"
  2876. v-else-if="courseDetail.userid == userid"
  2877. :class="{
  2878. rightW:
  2879. w.userid == userid ||
  2880. tType == 1 ||
  2881. tType == 4 ||
  2882. w.ateacher == userid,
  2883. }"
  2884. >
  2885. 评分
  2886. </div>
  2887. <img
  2888. class="deleteImg"
  2889. src="../assets/deleteworks.png"
  2890. v-if="
  2891. w.userid == userid || tType == 1 || tType == 4
  2892. "
  2893. @click.stop="deleteWorks(w.wid)"
  2894. alt
  2895. />
  2896. </div>
  2897. <div class="workImg" v-if="w.type == 12">
  2898. <img
  2899. style="cursor: pointer"
  2900. :src="word2"
  2901. @click="downloadFile(w.works)"
  2902. alt
  2903. />
  2904. <!-- @click="openVideo(w.works)" -->
  2905. <div
  2906. class="answerScore"
  2907. v-if="w.score"
  2908. @click.stop="openScore(w)"
  2909. :class="{
  2910. rightW:
  2911. w.userid == userid ||
  2912. tType == 1 ||
  2913. tType == 4 ||
  2914. w.ateacher == userid,
  2915. }"
  2916. >
  2917. {{ JSON.parse(w.score).wScore }}分
  2918. </div>
  2919. <div
  2920. class="answerScore"
  2921. @click.stop="openScore(w)"
  2922. v-else-if="courseDetail.userid == userid"
  2923. :class="{
  2924. rightW:
  2925. w.userid == userid ||
  2926. tType == 1 ||
  2927. tType == 4 ||
  2928. w.ateacher == userid,
  2929. }"
  2930. >
  2931. 评分
  2932. </div>
  2933. <img
  2934. class="deleteImg"
  2935. src="../assets/deleteworks.png"
  2936. v-if="
  2937. w.userid == userid || tType == 1 || tType == 4
  2938. "
  2939. @click.stop="deleteWorks(w.wid)"
  2940. alt
  2941. />
  2942. </div>
  2943. <div class="comment" style="min-width: 200px">
  2944. <div class="worksName">
  2945. <div>{{ w.sName }}</div>
  2946. </div>
  2947. <div class="commentList">
  2948. <div class="commentList">
  2949. <div
  2950. class="commentImg"
  2951. @click="
  2952. isLikes(w.wid, userid, 1, null, w.isLikes)
  2953. "
  2954. >
  2955. <img
  2956. :src="w.isLikes == true ? likes : noLikes"
  2957. alt=""
  2958. />
  2959. </div>
  2960. <div>{{ w.likesCount }}</div>
  2961. </div>
  2962. <div class="commentList" style="margin-right: 15px">
  2963. <div
  2964. class="commentImg"
  2965. @click="commentOther(w, toolIndex, wIndex)"
  2966. >
  2967. <img
  2968. src="../assets/icon/comment/comment.png"
  2969. alt=""
  2970. />
  2971. </div>
  2972. <div>{{ w.commentCount }}</div>
  2973. </div>
  2974. </div>
  2975. </div>
  2976. </div>
  2977. </div>
  2978. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  2979. 未提交
  2980. </div>
  2981. <div
  2982. class="noWorksS"
  2983. v-if="noWorksS && noWorksS[toolIndex].length"
  2984. >
  2985. <div
  2986. v-for="(s, sIndex) in noWorksS[toolIndex]"
  2987. :key="sIndex"
  2988. class="noWorksName"
  2989. @click="teacherWorkSubmit(16, toolIndex, taskCount, s)"
  2990. >
  2991. {{ s.student }}
  2992. </div>
  2993. </div>
  2994. </div>
  2995. <div
  2996. v-if="
  2997. tType &&
  2998. ((tType == 2 && sIsOpen == true) ||
  2999. tType == 1 ||
  3000. tType == 4) &&
  3001. tool.tool.indexOf(70) != -1
  3002. "
  3003. class="worksBox"
  3004. >
  3005. <div
  3006. class="zuoyeYulan"
  3007. v-if="
  3008. (worksStudent.length &&
  3009. worksStudent[toolIndex].length > 0)
  3010. "
  3011. >
  3012. <div class="worksTop">
  3013. <div>作业预览</div>
  3014. <div
  3015. class="corOpen"
  3016. @click="contract(toolIndex)"
  3017. v-if="
  3018. (isCloseList[toolIndex].isCloseBoolean) &&
  3019. isCloseList[toolIndex].isClose == 0
  3020. "
  3021. >
  3022. 折叠
  3023. </div>
  3024. <div
  3025. class="corOpen"
  3026. @click="contract(toolIndex)"
  3027. v-if="isCloseList[toolIndex].isClose == 1"
  3028. >
  3029. 展开
  3030. </div>
  3031. </div>
  3032. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3033. </div>
  3034. <div
  3035. :id="'tool-' + toolIndex"
  3036. :style="{
  3037. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  3038. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  3039. }"
  3040. class="worksDetailBox"
  3041. v-if="
  3042. worksStudent.length &&
  3043. worksStudent[toolIndex].length > 0
  3044. "
  3045. >
  3046. <div
  3047. class="works"
  3048. style="
  3049. width: 200px;
  3050. height: 140px;
  3051. margin: 10px 10px 10px 0;
  3052. border-radius: 15px;
  3053. box-shadow: 0 0 6px 1px #dfdada;
  3054. "
  3055. v-for="(w, wIndex) in worksStudent[toolIndex]"
  3056. :key="wIndex"
  3057. :class="w.type == 1 ? 'isTypeOne' : ''"
  3058. >
  3059. <div class="workImg" @click.stop="openScore(w,toolIndex)">
  3060. <img :src="word" alt />
  3061. <img
  3062. class="deleteImg"
  3063. src="../assets/deleteworks.png"
  3064. v-if="
  3065. w.userid == userid || tType == 1 || tType == 4
  3066. "
  3067. @click.stop="deleteWorks(w.wid)"
  3068. alt
  3069. />
  3070. </div>
  3071. <div class="comment" style="min-width: 200px">
  3072. <div class="worksName">
  3073. <div>{{ w.sName }}</div>
  3074. </div>
  3075. </div>
  3076. </div>
  3077. </div>
  3078. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3079. 未提交
  3080. </div>
  3081. <div
  3082. class="noWorksS"
  3083. v-if="noWorksS && noWorksS[toolIndex].length"
  3084. >
  3085. <div
  3086. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3087. :key="sIndex"
  3088. class="noWorksName"
  3089. >
  3090. {{ s.student }}
  3091. </div>
  3092. </div>
  3093. </div>
  3094. <div
  3095. v-if="
  3096. tType &&
  3097. tType == 2 &&
  3098. !sIsOpen &&
  3099. tool.tool.indexOf(70) != -1
  3100. "
  3101. class="worksBox"
  3102. >
  3103. <div
  3104. class="zuoyeYulan"
  3105. v-if="workStudent[toolIndex].length > 0"
  3106. >
  3107. <span class="worksTitle">作业预览</span>
  3108. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3109. </div>
  3110. <div
  3111. class="worksDetailBox"
  3112. v-if="workStudent[toolIndex].length > 0"
  3113. >
  3114. <div
  3115. class="works"
  3116. style="
  3117. width: 200px;
  3118. height: 140px;
  3119. margin: 10px 10px 10px 0;
  3120. box-shadow: 0 0 6px 1px #dfdada;
  3121. "
  3122. v-for="(w, wIndex) in workStudent[toolIndex]"
  3123. :key="wIndex"
  3124. >
  3125. <div class="workImg" @click.stop="openScore(w,toolIndex)">
  3126. <img :src="word" alt />
  3127. <img
  3128. class="deleteImg"
  3129. src="../assets/deleteworks.png"
  3130. v-if="
  3131. w.userid == userid || tType == 1 || tType == 4
  3132. "
  3133. @click.stop="deleteWorks(w.wid)"
  3134. alt
  3135. />
  3136. </div>
  3137. <div class="worksName">
  3138. <div>{{ w.sName }}</div>
  3139. </div>
  3140. </div>
  3141. </div>
  3142. </div>
  3143. <div
  3144. v-if="
  3145. tType &&
  3146. ((tType == 2 && sIsOpen == true) ||
  3147. tType == 1 ||
  3148. tType == 4) &&
  3149. tool.tool.indexOf(32) != -1
  3150. "
  3151. class="worksBox"
  3152. >
  3153. <div
  3154. class="zuoyeYulan"
  3155. v-if="
  3156. worksStudent.length &&
  3157. worksStudent[toolIndex].length > 0
  3158. "
  3159. >
  3160. <div class="worksTop">
  3161. <div>作业预览</div>
  3162. <div
  3163. class="corOpen"
  3164. @click="contract(toolIndex)"
  3165. v-if="
  3166. (isCloseList[toolIndex].isCloseBoolean) &&
  3167. isCloseList[toolIndex].isClose == 0
  3168. "
  3169. >
  3170. 折叠
  3171. </div>
  3172. <div
  3173. class="corOpen"
  3174. @click="contract(toolIndex)"
  3175. v-if="isCloseList[toolIndex].isClose == 1"
  3176. >
  3177. 展开
  3178. </div>
  3179. </div>
  3180. </div>
  3181. <div
  3182. :id="'tool-' + toolIndex"
  3183. class="worksDetailBox"
  3184. :style="{
  3185. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  3186. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  3187. }"
  3188. v-if="
  3189. worksStudent.length &&
  3190. worksStudent[toolIndex].length > 0
  3191. "
  3192. >
  3193. <div
  3194. class="works"
  3195. style="
  3196. width: 200px;
  3197. height: 140px;
  3198. margin: 10px 10px 10px 0;
  3199. border-radius: 15px;
  3200. box-shadow: 0 0 6px 1px #dfdada;
  3201. "
  3202. v-for="(w, wIndex) in worksStudent[toolIndex]"
  3203. :key="wIndex"
  3204. :class="w.type == 1 ? 'isTypeOne' : ''"
  3205. >
  3206. <div class="workImg">
  3207. <img
  3208. :src="word2"
  3209. @click="downloadFile(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 class="comment" style="min-width: 200px">
  3251. <div class="worksName">
  3252. <div>{{ w.sName }}</div>
  3253. </div>
  3254. <div class="commentList">
  3255. <div class="commentList">
  3256. <div
  3257. class="commentImg"
  3258. @click="
  3259. isLikes(w.wid, userid, 1, null, w.isLikes)
  3260. "
  3261. >
  3262. <img
  3263. :src="w.isLikes == true ? likes : noLikes"
  3264. alt=""
  3265. />
  3266. </div>
  3267. <div>{{ w.likesCount }}</div>
  3268. </div>
  3269. <div class="commentList" style="margin-right: 15px">
  3270. <div
  3271. class="commentImg"
  3272. @click="commentOther(w, toolIndex, wIndex)"
  3273. >
  3274. <img
  3275. src="../assets/icon/comment/comment.png"
  3276. alt=""
  3277. />
  3278. </div>
  3279. <div>{{ w.commentCount }}</div>
  3280. </div>
  3281. </div>
  3282. </div>
  3283. </div>
  3284. </div>
  3285. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3286. 未提交
  3287. </div>
  3288. <div
  3289. class="noWorksS"
  3290. v-if="noWorksS && noWorksS[toolIndex].length"
  3291. >
  3292. <div
  3293. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3294. :key="sIndex"
  3295. class="noWorksName"
  3296. @click="teacherWorkSubmit(32, toolIndex, taskCount, s)"
  3297. >
  3298. {{ s.student }}
  3299. </div>
  3300. </div>
  3301. </div>
  3302. <div
  3303. v-if="
  3304. tType &&
  3305. ((tType == 2 && sIsOpen == true) ||
  3306. tType == 1 ||
  3307. tType == 4) &&
  3308. tool.tool.indexOf(57) != -1
  3309. "
  3310. class="worksBox"
  3311. >
  3312. <div
  3313. class="zuoyeYulan"
  3314. v-if="
  3315. worksStudent.length &&
  3316. worksStudent[toolIndex].length > 0
  3317. "
  3318. >
  3319. <div class="worksTop">
  3320. <div>作业预览</div>
  3321. <div
  3322. class="corOpen"
  3323. @click="contract(toolIndex)"
  3324. v-if="
  3325. (isCloseList[toolIndex].isCloseBoolean) &&
  3326. isCloseList[toolIndex].isClose == 0
  3327. "
  3328. >
  3329. 折叠
  3330. </div>
  3331. <div
  3332. class="corOpen"
  3333. @click="contract(toolIndex)"
  3334. v-if="isCloseList[toolIndex].isClose == 1"
  3335. >
  3336. 展开
  3337. </div>
  3338. </div>
  3339. </div>
  3340. <div
  3341. :id="'tool-' + toolIndex"
  3342. class="worksDetailBox"
  3343. :style="{
  3344. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  3345. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  3346. }"
  3347. v-if="
  3348. worksStudent.length &&
  3349. worksStudent[toolIndex].length > 0
  3350. "
  3351. >
  3352. <div
  3353. class="works"
  3354. style="
  3355. width: 200px;
  3356. height: 140px;
  3357. margin: 10px 10px 10px 0;
  3358. border-radius: 15px;
  3359. box-shadow: 0 0 6px 1px #dfdada;
  3360. "
  3361. v-for="(w, wIndex) in worksStudent[toolIndex]"
  3362. :key="wIndex"
  3363. :class="w.type == 1 ? 'isTypeOne' : ''"
  3364. >
  3365. <div class="workImg">
  3366. <img
  3367. :src="word2"
  3368. @click="downloadFile(w.works)"
  3369. v-if="w.type == 12"
  3370. alt
  3371. />
  3372. <img
  3373. :src="word2"
  3374. @click="
  3375. openCocoPi(57, toolIndex, w.userid, w.sName)
  3376. "
  3377. v-else-if="w.type == 15"
  3378. alt
  3379. />
  3380. <div
  3381. class="answerScore"
  3382. v-if="w.score"
  3383. @click.stop="openScore(w)"
  3384. :class="{
  3385. rightW:
  3386. w.userid == userid ||
  3387. tType == 1 ||
  3388. tType == 4 ||
  3389. w.ateacher == userid,
  3390. }"
  3391. >
  3392. {{ JSON.parse(w.score).wScore }}分
  3393. </div>
  3394. <div
  3395. class="answerScore"
  3396. @click.stop="openScore(w)"
  3397. v-else-if="courseDetail.userid == userid"
  3398. :class="{
  3399. rightW:
  3400. w.userid == userid ||
  3401. tType == 1 ||
  3402. tType == 4 ||
  3403. w.ateacher == userid,
  3404. }"
  3405. >
  3406. 评分
  3407. </div>
  3408. <img
  3409. class="deleteImg"
  3410. src="../assets/deleteworks.png"
  3411. v-if="
  3412. w.userid == userid || tType == 1 || tType == 4
  3413. "
  3414. @click.stop="deleteWorks(w.wid)"
  3415. alt
  3416. />
  3417. </div>
  3418. <div class="comment" style="min-width: 200px">
  3419. <div class="worksName">
  3420. <div>{{ w.sName }}</div>
  3421. </div>
  3422. <div class="commentList">
  3423. <div class="commentList">
  3424. <div
  3425. class="commentImg"
  3426. @click="
  3427. isLikes(w.wid, userid, 1, null, w.isLikes)
  3428. "
  3429. >
  3430. <img
  3431. :src="w.isLikes == true ? likes : noLikes"
  3432. alt=""
  3433. />
  3434. </div>
  3435. <div>{{ w.likesCount }}</div>
  3436. </div>
  3437. <div class="commentList" style="margin-right: 15px">
  3438. <div
  3439. class="commentImg"
  3440. @click="commentOther(w, toolIndex, wIndex)"
  3441. >
  3442. <img
  3443. src="../assets/icon/comment/comment.png"
  3444. alt=""
  3445. />
  3446. </div>
  3447. <div>{{ w.commentCount }}</div>
  3448. </div>
  3449. </div>
  3450. </div>
  3451. </div>
  3452. </div>
  3453. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3454. 未提交
  3455. </div>
  3456. <div
  3457. class="noWorksS"
  3458. v-if="noWorksS && noWorksS[toolIndex].length"
  3459. >
  3460. <div
  3461. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3462. :key="sIndex"
  3463. class="noWorksName"
  3464. @click="teacherWorkSubmit(57, toolIndex, taskCount, s)"
  3465. >
  3466. {{ s.student }}
  3467. </div>
  3468. </div>
  3469. </div>
  3470. <div v-if="tool.tool.indexOf(50) != -1" class="worksBox">
  3471. <div
  3472. class="zuoyeYulan"
  3473. v-if="
  3474. worksStudent.length &&
  3475. worksStudent[toolIndex].length > 0
  3476. "
  3477. >
  3478. <span class="worksTitle">作业预览</span>
  3479. <div
  3480. class="corOpen"
  3481. @click="contract(toolIndex)"
  3482. v-if="
  3483. (isCloseList[toolIndex].isCloseBoolean) &&
  3484. isCloseList[toolIndex].isClose == 0
  3485. "
  3486. >
  3487. 折叠
  3488. </div>
  3489. <div
  3490. class="corOpen"
  3491. @click="contract(toolIndex)"
  3492. v-if="isCloseList[toolIndex].isClose == 1"
  3493. >
  3494. 展开
  3495. </div>
  3496. </div>
  3497. <div
  3498. :id="'tool-' + toolIndex"
  3499. :style="{
  3500. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  3501. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  3502. }"
  3503. class="worksDetailBox"
  3504. v-if="
  3505. worksStudent.length &&
  3506. worksStudent[toolIndex].length > 0
  3507. "
  3508. >
  3509. <div
  3510. class="works"
  3511. style="
  3512. width: 200px;
  3513. height: 140px;
  3514. margin: 10px 10px 10px 0;
  3515. border-radius: 15px;
  3516. box-shadow: 0 0 6px 1px #dfdada;
  3517. "
  3518. v-for="(w, wIndex) in worksStudent[toolIndex]"
  3519. :key="wIndex"
  3520. :class="w.type == 1 ? 'isTypeOne' : ''"
  3521. >
  3522. <div class="workImg" v-if="w.type == 0">
  3523. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  3524. <img
  3525. :src="w.works"
  3526. @click="previewImg(w.works)"
  3527. alt
  3528. />
  3529. <div
  3530. class="answerScore"
  3531. v-if="w.score"
  3532. @click.stop="openScore(w)"
  3533. :class="{
  3534. rightW:
  3535. w.userid == userid ||
  3536. tType == 1 ||
  3537. tType == 4 ||
  3538. w.ateacher == userid,
  3539. }"
  3540. >
  3541. {{ JSON.parse(w.score).wScore }}分
  3542. </div>
  3543. <div
  3544. class="answerScore"
  3545. @click.stop="openScore(w)"
  3546. v-else-if="courseDetail.userid == userid"
  3547. :class="{
  3548. rightW:
  3549. w.userid == userid ||
  3550. tType == 1 ||
  3551. tType == 4 ||
  3552. w.ateacher == userid,
  3553. }"
  3554. >
  3555. 评分
  3556. </div>
  3557. <img
  3558. class="deleteImg"
  3559. src="../assets/deleteworks.png"
  3560. v-if="
  3561. w.userid == userid || tType == 1 || tType == 4
  3562. "
  3563. @click.stop="deleteWorks(w.wid)"
  3564. alt
  3565. />
  3566. </div>
  3567. <div
  3568. class="workImg"
  3569. style="cursor: pointer"
  3570. v-if="w.type == 1"
  3571. >
  3572. <img :src="word" @click="openFile(w.works)" alt />
  3573. <!-- @click="openFile(w.works)" -->
  3574. <div
  3575. class="answerScore"
  3576. v-if="w.score"
  3577. @click.stop="openScore(w)"
  3578. :class="{
  3579. rightW:
  3580. w.userid == userid ||
  3581. tType == 1 ||
  3582. tType == 4 ||
  3583. w.ateacher == userid,
  3584. }"
  3585. >
  3586. {{ JSON.parse(w.score).wScore }}分
  3587. </div>
  3588. <div
  3589. class="answerScore"
  3590. @click.stop="openScore(w)"
  3591. v-else-if="courseDetail.userid == userid"
  3592. :class="{
  3593. rightW:
  3594. w.userid == userid ||
  3595. tType == 1 ||
  3596. tType == 4 ||
  3597. w.ateacher == userid,
  3598. }"
  3599. >
  3600. 评分
  3601. </div>
  3602. <img
  3603. class="deleteImg"
  3604. src="../assets/deleteworks.png"
  3605. v-if="
  3606. w.userid == userid || tType == 1 || tType == 4
  3607. "
  3608. @click.stop="deleteWorks(w.wid)"
  3609. alt
  3610. />
  3611. </div>
  3612. <div class="workImg" v-if="w.type == 3">
  3613. <img
  3614. style="cursor: pointer"
  3615. :src="video"
  3616. @click="openVideo(w)"
  3617. alt
  3618. />
  3619. <!-- @click="openVideo(w.works)" -->
  3620. <div
  3621. class="answerScore"
  3622. v-if="w.score"
  3623. @click.stop="openScore(w)"
  3624. :class="{
  3625. rightW:
  3626. w.userid == userid ||
  3627. tType == 1 ||
  3628. tType == 4 ||
  3629. w.ateacher == userid,
  3630. }"
  3631. >
  3632. {{ JSON.parse(w.score).wScore }}分
  3633. </div>
  3634. <div
  3635. class="answerScore"
  3636. @click.stop="openScore(w)"
  3637. v-else-if="courseDetail.userid == userid"
  3638. :class="{
  3639. rightW:
  3640. w.userid == userid ||
  3641. tType == 1 ||
  3642. tType == 4 ||
  3643. w.ateacher == userid,
  3644. }"
  3645. >
  3646. 评分
  3647. </div>
  3648. <img
  3649. class="deleteImg"
  3650. src="../assets/deleteworks.png"
  3651. v-if="
  3652. w.userid == userid || tType == 1 || tType == 4
  3653. "
  3654. @click.stop="deleteWorks(w.wid)"
  3655. alt
  3656. />
  3657. </div>
  3658. <div class="comment" style="min-width: 200px">
  3659. <div class="worksName">
  3660. <div
  3661. style="cursor: pointer"
  3662. @click="
  3663. openSname(w.sName, w.wid, toolIndex, w.userid)
  3664. "
  3665. >
  3666. {{ w.sName }}
  3667. </div>
  3668. </div>
  3669. <div class="commentList">
  3670. <div class="commentList">
  3671. <div
  3672. class="commentImg"
  3673. @click="
  3674. isLikes(w.wid, userid, 1, null, w.isLikes)
  3675. "
  3676. >
  3677. <img
  3678. :src="w.isLikes == true ? likes : noLikes"
  3679. alt=""
  3680. />
  3681. </div>
  3682. <div>{{ w.likesCount }}</div>
  3683. </div>
  3684. <div class="commentList" style="margin-right: 15px">
  3685. <div
  3686. class="commentImg"
  3687. @click="commentOther(w, toolIndex, wIndex)"
  3688. >
  3689. <img
  3690. src="../assets/icon/comment/comment.png"
  3691. alt=""
  3692. />
  3693. </div>
  3694. <div>{{ w.commentCount }}</div>
  3695. </div>
  3696. </div>
  3697. </div>
  3698. </div>
  3699. </div>
  3700. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3701. 未提交
  3702. </div>
  3703. <div
  3704. class="noWorksS"
  3705. v-if="noWorksS && noWorksS[toolIndex].length"
  3706. >
  3707. <div
  3708. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3709. :key="sIndex"
  3710. class="noWorksName"
  3711. @click="teacherWorkSubmit(50, toolIndex, taskCount, s)"
  3712. >
  3713. {{ s.student }}
  3714. </div>
  3715. </div>
  3716. </div>
  3717. <div
  3718. v-if="
  3719. tType &&
  3720. ((tType == 2 && sIsOpen == true) ||
  3721. tType == 1 ||
  3722. tType == 4) &&
  3723. tool.tool.indexOf(4) != -1 &&
  3724. (tool.askJson[0].answer ||
  3725. tool.askJson[0].answer === 0) &&
  3726. checkJson[toolIndex].length
  3727. "
  3728. class="xuan_right_box"
  3729. >
  3730. <div
  3731. class="tool_right_box"
  3732. v-for="(item, index) in tool.askJson"
  3733. :key="index"
  3734. >
  3735. <div style="width: calc(100% - 30px);">
  3736. <el-tooltip
  3737. effect="light"
  3738. :content="index + 1 + '、' + item.askstitle"
  3739. placement="top"
  3740. popper-class="text_tooltip"
  3741. >
  3742. <div
  3743. style="
  3744. width: calc(100% - 130px);
  3745. display: block;
  3746. white-space: nowrap;
  3747. overflow: hidden;
  3748. text-overflow: ellipsis;
  3749. word-break: break-word;
  3750. cursor: pointer;
  3751. "
  3752. >
  3753. {{ index + 1 + "、" + item.askstitle }}
  3754. </div>
  3755. </el-tooltip>
  3756. </div>
  3757. <div class="right_box_xuan">
  3758. <span>正确率</span>
  3759. <span>{{
  3760. (checkJson[toolIndex][index].right
  3761. ? checkJson[toolIndex][index].right
  3762. : 0) + "%"
  3763. }}</span>
  3764. </div>
  3765. </div>
  3766. </div>
  3767. <div
  3768. class="xuan_right_box"
  3769. style="background: unset; padding: 0 10px"
  3770. v-if="
  3771. tType &&
  3772. ((tType == 2 && sIsOpen == true) ||
  3773. tType == 1 ||
  3774. tType == 4) &&
  3775. tool.tool.indexOf(4) != -1
  3776. "
  3777. >
  3778. <AskStatic
  3779. v-if="
  3780. worksStudent.length &&
  3781. worksStudent[toolIndex].length > 0
  3782. "
  3783. :askJSON="tool"
  3784. :checkJson="checkJson[toolIndex]"
  3785. ></AskStatic>
  3786. </div>
  3787. <div
  3788. v-if="
  3789. tType &&
  3790. ((tType == 2 && sIsOpen == true) ||
  3791. tType == 1 ||
  3792. tType == 4) &&
  3793. tool.tool.indexOf(4) != -1
  3794. "
  3795. class="worksBox"
  3796. >
  3797. <div
  3798. class="zuoyeYulan"
  3799. v-if="
  3800. worksStudent.length &&
  3801. worksStudent[toolIndex].length > 0
  3802. "
  3803. >
  3804. <div class="worksTop">
  3805. <div>作业预览</div>
  3806. <div
  3807. class="corOpen"
  3808. @click="contract(toolIndex)"
  3809. v-if="
  3810. (isCloseList[toolIndex].isCloseBoolean) &&
  3811. isCloseList[toolIndex].isClose == 0
  3812. "
  3813. >
  3814. 折叠
  3815. </div>
  3816. <div
  3817. class="corOpen"
  3818. @click="contract(toolIndex)"
  3819. v-if="isCloseList[toolIndex].isClose == 1"
  3820. >
  3821. 展开
  3822. </div>
  3823. </div>
  3824. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3825. </div>
  3826. <div>
  3827. <div
  3828. :id="'tool-' + toolIndex"
  3829. :style="{
  3830. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  3831. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  3832. }"
  3833. class="worksDetailBox"
  3834. v-if="
  3835. worksStudent.length &&
  3836. worksStudent[toolIndex].length > 0
  3837. "
  3838. >
  3839. <div
  3840. v-for="(w, wIndex) in worksStudent[toolIndex]"
  3841. :key="wIndex"
  3842. class="isWorksName2"
  3843. @click="
  3844. openTools(4, toolIndex, taskCount, w.works, w.sName)
  3845. "
  3846. >
  3847. {{ w.sName }}
  3848. <img
  3849. class="deleteImg deleteImg2"
  3850. src="../assets/deleteworks.png"
  3851. v-if="
  3852. w.userid == userid || tType == 1 || tType == 4
  3853. "
  3854. @click.stop="deleteWorks(w.wid)"
  3855. alt
  3856. />
  3857. </div>
  3858. <!-- <div class="works" style="
  3859. width: 200px;
  3860. height: 140px;
  3861. border-radius: 10px;
  3862. box-shadow: 0 0 6px 1px #dfdada;
  3863. overflow: hidden;
  3864. " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex">
  3865. <div class="workImg">
  3866. <img src="../assets/icon/works/noImg.png" @click="
  3867. openTools(
  3868. 4,
  3869. toolIndex,
  3870. taskCount,
  3871. w.works,
  3872. w.sName
  3873. )
  3874. " alt />
  3875. </div>
  3876. <div class="worksName">
  3877. <div>{{ w.sName }}</div>
  3878. <div>{{ w.time }}</div>
  3879. </div>
  3880. </div> -->
  3881. </div>
  3882. </div>
  3883. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3884. 未提交
  3885. </div>
  3886. <div
  3887. class="noWorksS"
  3888. v-if="noWorksS && noWorksS[toolIndex].length"
  3889. >
  3890. <div
  3891. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3892. :key="sIndex"
  3893. class="noWorksName"
  3894. @click="teacherWorkSubmit(4, toolIndex, taskCount, s)"
  3895. >
  3896. {{ s.student }}
  3897. </div>
  3898. </div>
  3899. </div>
  3900. <div
  3901. v-if="
  3902. tType &&
  3903. ((tType == 2 && sIsOpen == true) ||
  3904. tType == 1 ||
  3905. tType == 4) &&
  3906. tool.tool.indexOf(45) != -1 &&
  3907. (tool.testJson.testJson[0].answer ||
  3908. tool.testJson.testJson[0].answer === 0) &&
  3909. checkJson[toolIndex].length
  3910. "
  3911. class="xuan_right_box"
  3912. >
  3913. <div
  3914. class="tool_right_box"
  3915. v-for="(item, index) in tool.testJson.testJson"
  3916. :key="index"
  3917. >
  3918. <div class="right_box_xuan" style="margin-right: 10px">
  3919. <span>正确率</span>
  3920. <span>{{
  3921. (checkJson[toolIndex][index].right
  3922. ? checkJson[toolIndex][index].right
  3923. : 0) + "%"
  3924. }}</span>
  3925. </div>
  3926. <div style="width: calc(100% - 30px);">
  3927. <el-tooltip
  3928. effect="light"
  3929. :content="index + 1 + '、' + item.teststitle"
  3930. placement="top"
  3931. popper-class="text_tooltip"
  3932. >
  3933. <div
  3934. style="
  3935. width: calc(100% - 130px);
  3936. display: block;
  3937. white-space: nowrap;
  3938. overflow: hidden;
  3939. text-overflow: ellipsis;
  3940. word-break: break-word;
  3941. cursor: pointer;
  3942. "
  3943. >
  3944. {{ index + 1 + "、" + item.teststitle }}
  3945. </div>
  3946. </el-tooltip>
  3947. </div>
  3948. </div>
  3949. </div>
  3950. <div
  3951. class="xuan_right_box"
  3952. style="background: unset; padding: 0 10px; width: 91.5%"
  3953. v-if="
  3954. tType &&
  3955. ((tType == 2 && sIsOpen == true) ||
  3956. tType == 1 ||
  3957. tType == 4) &&
  3958. tool.tool.indexOf(45) != -1
  3959. "
  3960. >
  3961. <AskStatic2
  3962. v-if="
  3963. worksStudent.length &&
  3964. worksStudent[toolIndex].length > 0
  3965. "
  3966. :askJSON="tool"
  3967. :checkJson="checkJson[toolIndex]"
  3968. ></AskStatic2>
  3969. </div>
  3970. <div
  3971. v-if="
  3972. tType &&
  3973. ((tType == 2 && sIsOpen == true) ||
  3974. tType == 1 ||
  3975. tType == 4) &&
  3976. tool.tool.indexOf(45) != -1
  3977. "
  3978. class="worksBox"
  3979. >
  3980. <div
  3981. class="zuoyeYulan"
  3982. v-if="
  3983. worksStudent.length &&
  3984. worksStudent[toolIndex].length > 0
  3985. "
  3986. >
  3987. <div class="worksTop">
  3988. <div>作业预览</div>
  3989. <div
  3990. class="corOpen"
  3991. @click="contract(toolIndex)"
  3992. v-if="
  3993. (isCloseList[toolIndex].isCloseBoolean) &&
  3994. isCloseList[toolIndex].isClose == 0
  3995. "
  3996. >
  3997. 折叠
  3998. </div>
  3999. <div
  4000. class="corOpen"
  4001. @click="contract(toolIndex)"
  4002. v-if="isCloseList[toolIndex].isClose == 1"
  4003. >
  4004. 展开
  4005. </div>
  4006. </div>
  4007. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4008. </div>
  4009. <div>
  4010. <div
  4011. :id="'tool-' + toolIndex"
  4012. :style="{
  4013. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  4014. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  4015. }"
  4016. class="worksDetailBox"
  4017. v-if="
  4018. worksStudent.length &&
  4019. worksStudent[toolIndex].length > 0
  4020. "
  4021. >
  4022. <div
  4023. v-for="(w, wIndex) in worksStudent[toolIndex]"
  4024. :key="wIndex"
  4025. class="isWorksName2"
  4026. @click="
  4027. openTools(
  4028. 45,
  4029. toolIndex,
  4030. taskCount,
  4031. w.works,
  4032. w.sName
  4033. )
  4034. "
  4035. >
  4036. {{ w.sName }}
  4037. <img
  4038. class="deleteImg deleteImg2"
  4039. src="../assets/deleteworks.png"
  4040. v-if="
  4041. w.userid == userid || tType == 1 || tType == 4
  4042. "
  4043. @click.stop="deleteWorks(w.wid)"
  4044. alt
  4045. />
  4046. </div>
  4047. </div>
  4048. </div>
  4049. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4050. 未提交
  4051. </div>
  4052. <div
  4053. class="noWorksS"
  4054. v-if="noWorksS && noWorksS[toolIndex].length"
  4055. >
  4056. <div
  4057. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4058. :key="sIndex"
  4059. class="noWorksName"
  4060. @click="teacherWorkSubmit(45, toolIndex, taskCount, s)"
  4061. >
  4062. {{ s.student }}
  4063. </div>
  4064. </div>
  4065. </div>
  4066. <div
  4067. v-if="
  4068. tType &&
  4069. ((tType == 2 && sIsOpen == true) ||
  4070. tType == 1 ||
  4071. tType == 4) &&
  4072. tool.tool.indexOf(69) != -1
  4073. "
  4074. class="worksBox"
  4075. >
  4076. <div
  4077. class="zuoyeYulan"
  4078. v-if="
  4079. worksStudent.length &&
  4080. worksStudent[toolIndex].length > 0
  4081. "
  4082. >
  4083. <div class="worksTop">
  4084. <div>作业预览</div>
  4085. <div
  4086. class="corOpen"
  4087. @click="contract(toolIndex)"
  4088. v-if="
  4089. (isCloseList[toolIndex].isCloseBoolean) &&
  4090. isCloseList[toolIndex].isClose == 0
  4091. "
  4092. >
  4093. 折叠
  4094. </div>
  4095. <div
  4096. class="corOpen"
  4097. @click="contract(toolIndex)"
  4098. v-if="isCloseList[toolIndex].isClose == 1"
  4099. >
  4100. 展开
  4101. </div>
  4102. </div>
  4103. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4104. </div>
  4105. <div>
  4106. <div
  4107. :id="'tool-' + toolIndex"
  4108. :style="{
  4109. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  4110. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  4111. }"
  4112. class="worksDetailBox"
  4113. v-if="
  4114. worksStudent.length &&
  4115. worksStudent[toolIndex].length > 0
  4116. "
  4117. >
  4118. <div
  4119. v-for="(w, wIndex) in worksStudent[toolIndex]"
  4120. :key="wIndex"
  4121. class="isWorksName2"
  4122. style="width: 160px;height: 65px;line-height: 65px;"
  4123. @click="
  4124. openTools(
  4125. 69,
  4126. toolIndex,
  4127. taskCount,
  4128. w.works,
  4129. w.sName,
  4130. w.wid
  4131. )
  4132. "
  4133. >
  4134. {{ w.sName }}
  4135. <img
  4136. class="deleteImg1"
  4137. src="../assets/evaEnglish.png"
  4138. @click.stop="openEnglishEva(w.wid,toolIndex)"
  4139. alt
  4140. v-if="(courseDetail && (courseDetail.userid == userid || (courseDetail.course_teacher && courseDetail.course_teacher.indexOf(userid) != -1))) || (w.aiCode || w.teacherCode)"
  4141. />
  4142. <img
  4143. class="deleteImg deleteImg2"
  4144. src="../assets/deleteworks.png"
  4145. v-if="
  4146. w.userid == userid || tType == 1 || tType == 4
  4147. "
  4148. @click.stop="deleteWorks(w.wid)"
  4149. alt
  4150. />
  4151. </div>
  4152. </div>
  4153. </div>
  4154. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4155. 未提交
  4156. </div>
  4157. <div
  4158. class="noWorksS"
  4159. v-if="noWorksS && noWorksS[toolIndex].length"
  4160. >
  4161. <div
  4162. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4163. :key="sIndex"
  4164. class="noWorksName"
  4165. @click="teacherWorkSubmit(69, toolIndex, taskCount, s)"
  4166. >
  4167. {{ s.student }}
  4168. </div>
  4169. </div>
  4170. </div>
  4171. <div
  4172. v-if="
  4173. tType &&
  4174. ((tType == 2 && sIsOpen == true) ||
  4175. tType == 1 ||
  4176. tType == 4) &&
  4177. tool.tool.indexOf(15) != -1
  4178. "
  4179. class="worksBox"
  4180. >
  4181. <div
  4182. class="zuoyeYulan"
  4183. v-if="
  4184. (worksStudent.length &&
  4185. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  4186. "
  4187. >
  4188. <div class="worksTop">
  4189. <div>作业预览</div>
  4190. <div
  4191. class="corOpen"
  4192. @click="contract(toolIndex)"
  4193. v-if="
  4194. (isCloseList[toolIndex].isCloseBoolean) &&
  4195. isCloseList[toolIndex].isClose == 0
  4196. "
  4197. >
  4198. 折叠
  4199. </div>
  4200. <div
  4201. class="corOpen"
  4202. @click="contract(toolIndex)"
  4203. v-if="isCloseList[toolIndex].isClose == 1"
  4204. >
  4205. 展开
  4206. </div>
  4207. </div>
  4208. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4209. </div>
  4210. <div
  4211. class="group_workBox"
  4212. v-for="(g, gindex) in courseGroup.group"
  4213. :key="gindex"
  4214. >
  4215. <div class="group_box">
  4216. <div class="group_title">
  4217. <el-tooltip
  4218. class="item"
  4219. effect="light"
  4220. :content="g.name"
  4221. placement="top"
  4222. >
  4223. <div class="group_name">{{ g.name }}</div>
  4224. </el-tooltip>
  4225. </div>
  4226. <div
  4227. class="group_work"
  4228. v-if="
  4229. g.works &&
  4230. g.works.length &&
  4231. g.works[toolIndex].length
  4232. "
  4233. >
  4234. <div
  4235. class="works"
  4236. v-for="(w, wIndex) in g.works[toolIndex]"
  4237. :key="wIndex"
  4238. >
  4239. <div
  4240. class="workImg"
  4241. style="
  4242. border-radius: 15px;
  4243. box-shadow: 0px 0px 5px 5px #eee;
  4244. "
  4245. >
  4246. <div
  4247. class="answerBg"
  4248. style="border-radius: 15px 15px 0 0"
  4249. @click="
  4250. commentOther(w, toolIndex, wIndex, null, g.id)
  4251. "
  4252. >
  4253. <div class="answerContent">
  4254. {{ JSON.parse(w.works)[0].answer }}
  4255. </div>
  4256. <div
  4257. class="answerScore"
  4258. v-if="w.score"
  4259. @click.stop="openScore(w)"
  4260. :class="{
  4261. rightW:
  4262. w.userid == userid ||
  4263. tType == 1 ||
  4264. tType == 4,
  4265. }"
  4266. >
  4267. {{ JSON.parse(w.score).wScore }}分
  4268. </div>
  4269. <div
  4270. class="answerScore"
  4271. @click.stop="openScore(w)"
  4272. v-else-if="courseDetail.userid == userid"
  4273. :class="{
  4274. rightW:
  4275. w.userid == userid ||
  4276. tType == 1 ||
  4277. tType == 4,
  4278. }"
  4279. >
  4280. 评分
  4281. </div>
  4282. <img
  4283. class="deleteImg"
  4284. src="../assets/deleteworks.png"
  4285. v-if="
  4286. w.userid == userid ||
  4287. tType == 1 ||
  4288. tType == 4
  4289. "
  4290. @click.stop="deleteWorks(w.wid)"
  4291. alt
  4292. />
  4293. </div>
  4294. <div class="comment">
  4295. <div class="worksName">
  4296. <div>{{ w.sName }}</div>
  4297. </div>
  4298. <div class="commentList">
  4299. <div
  4300. class="commentImg"
  4301. @click="
  4302. isLikes(w.wid, userid, 1, null, w.isLikes)
  4303. "
  4304. >
  4305. <img
  4306. :src="w.isLikes == true ? likes : noLikes"
  4307. alt=""
  4308. />
  4309. </div>
  4310. <div>{{ w.likesCount }}</div>
  4311. </div>
  4312. <div
  4313. class="commentList"
  4314. style="margin-right: 15px"
  4315. >
  4316. <div
  4317. class="commentImg"
  4318. @click="
  4319. commentOther(
  4320. w,
  4321. toolIndex,
  4322. wIndex,
  4323. null,
  4324. g.id
  4325. )
  4326. "
  4327. >
  4328. <img
  4329. src="../assets/icon/comment/comment.png"
  4330. alt=""
  4331. />
  4332. </div>
  4333. <div>{{ w.commentCount }}</div>
  4334. </div>
  4335. </div>
  4336. </div>
  4337. </div>
  4338. </div>
  4339. <div class="group_work" v-else>暂无提交作业</div>
  4340. </div>
  4341. </div>
  4342. <div
  4343. :id="'tool-' + toolIndex"
  4344. :style="{
  4345. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  4346. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  4347. }"
  4348. class="worksDetailBox"
  4349. v-if="
  4350. worksStudent.length &&
  4351. worksStudent[toolIndex].length > 0
  4352. "
  4353. >
  4354. <div
  4355. class="works"
  4356. v-for="(w, wIndex) in worksStudent[toolIndex]"
  4357. :key="wIndex"
  4358. >
  4359. <div
  4360. class="workImg"
  4361. style="
  4362. border-radius: 15px;
  4363. box-shadow: 0px 0px 5px 5px #eee;
  4364. "
  4365. >
  4366. <!-- <img
  4367. src="../assets/icon/works/noImg.png"
  4368. @click="openTools(15, toolIndex, taskCount, w.works)"
  4369. alt=""
  4370. />-->
  4371. <div
  4372. class="answerBg"
  4373. style="border-radius: 15px 15px 0 0"
  4374. @click="commentOther(w, toolIndex, wIndex)"
  4375. >
  4376. <!-- <div>{{ w.sName }}</div> -->
  4377. <div class="answerContent">
  4378. {{ JSON.parse(w.works)[0].answer }}
  4379. </div>
  4380. <div
  4381. class="answerScore"
  4382. v-if="w.score"
  4383. @click.stop="openScore(w)"
  4384. :class="{
  4385. rightW:
  4386. w.userid == userid ||
  4387. tType == 1 ||
  4388. tType == 4,
  4389. }"
  4390. >
  4391. {{ JSON.parse(w.score).wScore }}分
  4392. </div>
  4393. <div
  4394. class="answerScore"
  4395. @click.stop="openScore(w)"
  4396. v-else-if="courseDetail.userid == userid"
  4397. :class="{
  4398. rightW:
  4399. w.userid == userid ||
  4400. tType == 1 ||
  4401. tType == 4,
  4402. }"
  4403. >
  4404. 评分
  4405. </div>
  4406. <img
  4407. class="deleteImg"
  4408. src="../assets/deleteworks.png"
  4409. v-if="
  4410. w.userid == userid || tType == 1 || tType == 4
  4411. "
  4412. @click.stop="deleteWorks(w.wid)"
  4413. alt
  4414. />
  4415. </div>
  4416. <div class="comment">
  4417. <div class="worksName">
  4418. <div>{{ w.sName }}</div>
  4419. </div>
  4420. <div class="commentList">
  4421. <div
  4422. class="commentImg"
  4423. @click="
  4424. isLikes(w.wid, userid, 1, null, w.isLikes)
  4425. "
  4426. >
  4427. <img
  4428. :src="w.isLikes == true ? likes : noLikes"
  4429. alt=""
  4430. />
  4431. </div>
  4432. <div>{{ w.likesCount }}</div>
  4433. </div>
  4434. <div class="commentList" style="margin-right: 15px">
  4435. <div
  4436. class="commentImg"
  4437. @click="commentOther(w, toolIndex, wIndex)"
  4438. >
  4439. <img
  4440. src="../assets/icon/comment/comment.png"
  4441. alt=""
  4442. />
  4443. </div>
  4444. <div>{{ w.commentCount }}</div>
  4445. </div>
  4446. </div>
  4447. </div>
  4448. </div>
  4449. </div>
  4450. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4451. 未提交
  4452. </div>
  4453. <div
  4454. class="noWorksS"
  4455. v-if="noWorksS && noWorksS[toolIndex].length"
  4456. >
  4457. <div
  4458. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4459. :key="sIndex"
  4460. class="noWorksName"
  4461. @click="teacherWorkSubmit(15, toolIndex, taskCount, s)"
  4462. >
  4463. {{ s.student }}
  4464. </div>
  4465. </div>
  4466. </div>
  4467. <div
  4468. v-if="
  4469. tType &&
  4470. ((tType == 2 && sIsOpen == true) ||
  4471. tType == 1 ||
  4472. tType == 4) &&
  4473. tool.tool.indexOf(1) != -1
  4474. "
  4475. class="worksBox"
  4476. >
  4477. <div
  4478. class="zuoyeYulan"
  4479. v-if="
  4480. (worksStudent.length &&
  4481. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  4482. "
  4483. >
  4484. <div class="worksTop">
  4485. <div>作业预览</div>
  4486. <div
  4487. class="corOpen"
  4488. @click="contract(toolIndex)"
  4489. v-if="
  4490. (isCloseList[toolIndex].isCloseBoolean) &&
  4491. isCloseList[toolIndex].isClose == 0
  4492. "
  4493. >
  4494. 折叠
  4495. </div>
  4496. <div
  4497. class="corOpen"
  4498. @click="contract(toolIndex)"
  4499. v-if="isCloseList[toolIndex].isClose == 1"
  4500. >
  4501. 展开
  4502. </div>
  4503. </div>
  4504. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4505. </div>
  4506. <div
  4507. class="group_workBox"
  4508. v-for="(g, gindex) in courseGroup.group"
  4509. :key="gindex"
  4510. >
  4511. <div class="group_box">
  4512. <div class="group_title">
  4513. <el-tooltip
  4514. class="item"
  4515. effect="light"
  4516. :content="g.name"
  4517. placement="top"
  4518. >
  4519. <div class="group_name">{{ g.name }}</div>
  4520. </el-tooltip>
  4521. </div>
  4522. <div
  4523. class="group_work"
  4524. v-if="
  4525. g.works &&
  4526. g.works.length &&
  4527. g.works[toolIndex].length
  4528. "
  4529. >
  4530. <div
  4531. class="works"
  4532. style="
  4533. width: 200px;
  4534. height: 140px;
  4535. margin: 10px 10px 10px 0;
  4536. border-radius: 15px;
  4537. box-shadow: 0 0 6px 1px #dfdada;
  4538. "
  4539. v-for="(w, wIndex) in g.works[toolIndex]"
  4540. :key="wIndex"
  4541. :class="w.type == 1 ? 'isTypeOne' : ''"
  4542. >
  4543. <div class="workImg">
  4544. <img
  4545. :src="w.works"
  4546. @click="previewImg(w.works)"
  4547. alt
  4548. />
  4549. <div
  4550. class="answerScore"
  4551. v-if="w.score"
  4552. @click.stop="openScore(w)"
  4553. :class="{
  4554. rightW:
  4555. w.userid == userid ||
  4556. tType == 1 ||
  4557. tType == 4,
  4558. }"
  4559. >
  4560. {{ JSON.parse(w.score).wScore }}分
  4561. </div>
  4562. <div
  4563. class="answerScore"
  4564. @click.stop="openScore(w)"
  4565. v-else-if="courseDetail.userid == userid"
  4566. :class="{
  4567. rightW:
  4568. w.userid == userid ||
  4569. tType == 1 ||
  4570. tType == 4,
  4571. }"
  4572. >
  4573. 评分
  4574. </div>
  4575. <img
  4576. class="deleteImg"
  4577. src="../assets/deleteworks.png"
  4578. v-if="
  4579. w.userid == userid || tType == 1 || tType == 4
  4580. "
  4581. @click.stop="deleteWorks(w.wid)"
  4582. alt
  4583. />
  4584. </div>
  4585. <div class="comment" style="min-width: 200px">
  4586. <div class="worksName">
  4587. <div>{{ w.sName }}</div>
  4588. </div>
  4589. <div class="commentList">
  4590. <div class="commentList">
  4591. <div
  4592. class="commentImg"
  4593. @click="
  4594. isLikes(w.wid, userid, 1, null, w.isLikes)
  4595. "
  4596. >
  4597. <img
  4598. :src="w.isLikes == true ? likes : noLikes"
  4599. alt=""
  4600. />
  4601. </div>
  4602. <div>{{ w.likesCount }}</div>
  4603. </div>
  4604. <div
  4605. class="commentList"
  4606. style="margin-right: 15px"
  4607. >
  4608. <div
  4609. class="commentImg"
  4610. @click="
  4611. commentOther(
  4612. w,
  4613. toolIndex,
  4614. wIndex,
  4615. null,
  4616. g.id
  4617. )
  4618. "
  4619. >
  4620. <img
  4621. src="../assets/icon/comment/comment.png"
  4622. alt=""
  4623. />
  4624. </div>
  4625. <div>{{ w.commentCount }}</div>
  4626. </div>
  4627. </div>
  4628. </div>
  4629. </div>
  4630. </div>
  4631. <div class="group_work" v-else>暂无提交作业</div>
  4632. </div>
  4633. </div>
  4634. <div
  4635. :id="'tool-' + toolIndex"
  4636. :style="{
  4637. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  4638. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  4639. }"
  4640. class="worksDetailBox"
  4641. v-if="
  4642. worksStudent.length &&
  4643. worksStudent[toolIndex].length > 0
  4644. "
  4645. >
  4646. <div
  4647. class="works"
  4648. style="
  4649. width: 200px;
  4650. height: 140px;
  4651. margin: 10px 10px 10px 0;
  4652. border-radius: 15px;
  4653. box-shadow: 0 0 6px 1px #dfdada;
  4654. "
  4655. v-for="(w, wIndex) in worksStudent[toolIndex]"
  4656. :key="wIndex"
  4657. >
  4658. <!-- @click="previewImg(w.works)" @click="commentOther(w, toolIndex, wIndex)"-->
  4659. <div class="workImg">
  4660. <img
  4661. :src="w.works"
  4662. @click="previewImg(w.works)"
  4663. alt
  4664. />
  4665. <div
  4666. class="answerScore"
  4667. v-if="w.score"
  4668. @click.stop="openScore(w)"
  4669. :class="{
  4670. rightW:
  4671. w.userid == userid || tType == 1 || tType == 4,
  4672. }"
  4673. >
  4674. {{ JSON.parse(w.score).wScore }}分
  4675. </div>
  4676. <div
  4677. class="answerScore"
  4678. @click.stop="openScore(w)"
  4679. v-else-if="courseDetail.userid == userid"
  4680. :class="{
  4681. rightW:
  4682. w.userid == userid || tType == 1 || tType == 4,
  4683. }"
  4684. >
  4685. 评分
  4686. </div>
  4687. <img
  4688. class="deleteImg"
  4689. src="../assets/deleteworks.png"
  4690. v-if="
  4691. w.userid == userid || tType == 1 || tType == 4
  4692. "
  4693. @click.stop="deleteWorks(w.wid)"
  4694. alt
  4695. />
  4696. </div>
  4697. <div class="comment" style="min-width: 200px">
  4698. <div class="worksName">
  4699. <div>{{ w.sName }}</div>
  4700. </div>
  4701. <div class="commentList">
  4702. <div class="commentList">
  4703. <div
  4704. class="commentImg"
  4705. @click="
  4706. isLikes(w.wid, userid, 1, null, w.isLikes)
  4707. "
  4708. >
  4709. <img
  4710. :src="w.isLikes == true ? likes : noLikes"
  4711. alt=""
  4712. />
  4713. </div>
  4714. <div>{{ w.likesCount }}</div>
  4715. </div>
  4716. <div class="commentList" style="margin-right: 15px">
  4717. <div
  4718. class="commentImg"
  4719. @click="commentOther(w, toolIndex, wIndex)"
  4720. >
  4721. <img
  4722. src="../assets/icon/comment/comment.png"
  4723. alt=""
  4724. />
  4725. </div>
  4726. <div>{{ w.commentCount }}</div>
  4727. </div>
  4728. </div>
  4729. </div>
  4730. </div>
  4731. </div>
  4732. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4733. 未提交
  4734. </div>
  4735. <div
  4736. class="noWorksS"
  4737. v-if="noWorksS && noWorksS[toolIndex].length"
  4738. >
  4739. <div
  4740. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4741. :key="sIndex"
  4742. class="noWorksName"
  4743. @click="teacherWorkSubmit(1, toolIndex, taskCount, s)"
  4744. >
  4745. {{ s.student }}
  4746. </div>
  4747. </div>
  4748. </div>
  4749. <div
  4750. v-if="
  4751. tType &&
  4752. ((tType == 2 && sIsOpen == true) ||
  4753. tType == 1 ||
  4754. tType == 4) &&
  4755. tool.tool.indexOf(3) != -1
  4756. "
  4757. class="worksBox"
  4758. >
  4759. <div
  4760. class="zuoyeYulan"
  4761. v-if="
  4762. (worksStudent.length &&
  4763. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  4764. "
  4765. >
  4766. <div class="worksTop">
  4767. <div>作业预览</div>
  4768. <div
  4769. class="corOpen"
  4770. @click="contract(toolIndex)"
  4771. v-if="
  4772. (isCloseList[toolIndex].isCloseBoolean) &&
  4773. isCloseList[toolIndex].isClose == 0
  4774. "
  4775. >
  4776. 折叠
  4777. </div>
  4778. <div
  4779. class="corOpen"
  4780. @click="contract(toolIndex)"
  4781. v-if="isCloseList[toolIndex].isClose == 1"
  4782. >
  4783. 展开
  4784. </div>
  4785. </div>
  4786. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4787. </div>
  4788. <div
  4789. class="group_workBox"
  4790. v-for="(g, gindex) in courseGroup.group"
  4791. :key="gindex"
  4792. >
  4793. <div class="group_box">
  4794. <div class="group_title">
  4795. <el-tooltip
  4796. class="item"
  4797. effect="light"
  4798. :content="g.name"
  4799. placement="top"
  4800. >
  4801. <div class="group_name">{{ g.name }}</div>
  4802. </el-tooltip>
  4803. </div>
  4804. <div
  4805. class="group_work"
  4806. v-if="
  4807. g.works &&
  4808. g.works.length &&
  4809. g.works[toolIndex].length
  4810. "
  4811. >
  4812. <div
  4813. class="works"
  4814. style="
  4815. width: 200px;
  4816. height: 140px;
  4817. margin: 10px 10px 10px 0;
  4818. border-radius: 15px;
  4819. box-shadow: 0 0 6px 1px #dfdada;
  4820. "
  4821. v-for="(w, wIndex) in g.works[toolIndex]"
  4822. :key="wIndex"
  4823. :class="w.type == 1 ? 'isTypeOne' : ''"
  4824. >
  4825. <div class="workImg">
  4826. <img
  4827. :src="w.works"
  4828. @click="previewImg(w.works)"
  4829. alt
  4830. />
  4831. <div
  4832. class="answerScore"
  4833. v-if="w.score"
  4834. @click.stop="openScore(w)"
  4835. :class="{
  4836. rightW:
  4837. w.userid == userid ||
  4838. tType == 1 ||
  4839. tType == 4,
  4840. }"
  4841. >
  4842. {{ JSON.parse(w.score).wScore }}分
  4843. </div>
  4844. <div
  4845. class="answerScore"
  4846. @click.stop="openScore(w)"
  4847. v-else-if="courseDetail.userid == userid"
  4848. :class="{
  4849. rightW:
  4850. w.userid == userid ||
  4851. tType == 1 ||
  4852. tType == 4,
  4853. }"
  4854. >
  4855. 评分
  4856. </div>
  4857. <img
  4858. class="deleteImg"
  4859. src="../assets/deleteworks.png"
  4860. v-if="
  4861. w.userid == userid || tType == 1 || tType == 4
  4862. "
  4863. @click.stop="deleteWorks(w.wid)"
  4864. alt
  4865. />
  4866. </div>
  4867. <div class="comment" style="min-width: 200px">
  4868. <div class="worksName">
  4869. <div>{{ w.sName }}</div>
  4870. </div>
  4871. <div class="commentList">
  4872. <div class="commentList">
  4873. <div
  4874. class="commentImg"
  4875. @click="
  4876. isLikes(w.wid, userid, 1, null, w.isLikes)
  4877. "
  4878. >
  4879. <img
  4880. :src="w.isLikes == true ? likes : noLikes"
  4881. alt=""
  4882. />
  4883. </div>
  4884. <div>{{ w.likesCount }}</div>
  4885. </div>
  4886. <div
  4887. class="commentList"
  4888. style="margin-right: 15px"
  4889. >
  4890. <div
  4891. class="commentImg"
  4892. @click="
  4893. commentOther(
  4894. w,
  4895. toolIndex,
  4896. wIndex,
  4897. null,
  4898. g.id
  4899. )
  4900. "
  4901. >
  4902. <img
  4903. src="../assets/icon/comment/comment.png"
  4904. alt=""
  4905. />
  4906. </div>
  4907. <div>{{ w.commentCount }}</div>
  4908. </div>
  4909. </div>
  4910. </div>
  4911. </div>
  4912. </div>
  4913. <div class="group_work" v-else>暂无提交作业</div>
  4914. </div>
  4915. </div>
  4916. <div
  4917. :id="'tool-' + toolIndex"
  4918. :style="{
  4919. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  4920. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  4921. }"
  4922. class="worksDetailBox"
  4923. v-if="
  4924. worksStudent.length &&
  4925. worksStudent[toolIndex].length > 0
  4926. "
  4927. >
  4928. <div
  4929. class="works"
  4930. style="
  4931. width: 200px;
  4932. height: 140px;
  4933. margin: 10px 10px 10px 0;
  4934. border-radius: 15px;
  4935. box-shadow: 0 0 6px 1px #dfdada;
  4936. "
  4937. v-for="(w, wIndex) in worksStudent[toolIndex]"
  4938. :key="wIndex"
  4939. >
  4940. <!-- @click="previewImg(w.works)" -->
  4941. <div class="workImg">
  4942. <img
  4943. :src="w.works"
  4944. @click="previewImg(w.works)"
  4945. alt
  4946. />
  4947. <div
  4948. class="answerScore"
  4949. v-if="w.score"
  4950. @click.stop="openScore(w)"
  4951. :class="{
  4952. rightW:
  4953. w.userid == userid || tType == 1 || tType == 4,
  4954. }"
  4955. >
  4956. {{ JSON.parse(w.score).wScore }}分
  4957. </div>
  4958. <div
  4959. class="answerScore"
  4960. @click.stop="openScore(w)"
  4961. v-else-if="courseDetail.userid == userid"
  4962. :class="{
  4963. rightW:
  4964. w.userid == userid || tType == 1 || tType == 4,
  4965. }"
  4966. >
  4967. 评分
  4968. </div>
  4969. <img
  4970. class="deleteImg"
  4971. src="../assets/deleteworks.png"
  4972. v-if="
  4973. w.userid == userid || tType == 1 || tType == 4
  4974. "
  4975. @click.stop="deleteWorks(w.wid)"
  4976. alt
  4977. />
  4978. </div>
  4979. <div class="comment" style="min-width: 200px">
  4980. <div class="worksName">
  4981. <div>{{ w.sName }}</div>
  4982. </div>
  4983. <div class="commentList">
  4984. <div class="commentList">
  4985. <div
  4986. class="commentImg"
  4987. @click="
  4988. isLikes(w.wid, userid, 1, null, w.isLikes)
  4989. "
  4990. >
  4991. <img
  4992. :src="w.isLikes == true ? likes : noLikes"
  4993. alt=""
  4994. />
  4995. </div>
  4996. <div>{{ w.likesCount }}</div>
  4997. </div>
  4998. <div class="commentList" style="margin-right: 15px">
  4999. <div
  5000. class="commentImg"
  5001. @click="commentOther(w, toolIndex, wIndex)"
  5002. >
  5003. <img
  5004. src="../assets/icon/comment/comment.png"
  5005. alt=""
  5006. />
  5007. </div>
  5008. <div>{{ w.commentCount }}</div>
  5009. </div>
  5010. </div>
  5011. </div>
  5012. </div>
  5013. </div>
  5014. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5015. 未提交
  5016. </div>
  5017. <div
  5018. class="noWorksS"
  5019. v-if="noWorksS && noWorksS[toolIndex].length"
  5020. >
  5021. <div
  5022. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5023. :key="sIndex"
  5024. class="noWorksName"
  5025. @click="teacherWorkSubmit(3, toolIndex, taskCount, s)"
  5026. >
  5027. {{ s.student }}
  5028. </div>
  5029. </div>
  5030. </div>
  5031. <div
  5032. v-if="
  5033. tType &&
  5034. ((tType == 2 && sIsOpen == true) ||
  5035. tType == 1 ||
  5036. tType == 4) &&
  5037. tool.tool.indexOf(6) != -1
  5038. "
  5039. class="worksBox"
  5040. >
  5041. <div
  5042. class="zuoyeYulan"
  5043. v-if="
  5044. (worksStudent.length &&
  5045. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  5046. "
  5047. >
  5048. <div class="worksTop">
  5049. <div>作业预览</div>
  5050. <div
  5051. class="corOpen"
  5052. @click="contract(toolIndex)"
  5053. v-if="
  5054. (isCloseList[toolIndex].isCloseBoolean) &&
  5055. isCloseList[toolIndex].isClose == 0
  5056. "
  5057. >
  5058. 折叠
  5059. </div>
  5060. <div
  5061. class="corOpen"
  5062. @click="contract(toolIndex)"
  5063. v-if="isCloseList[toolIndex].isClose == 1"
  5064. >
  5065. 展开
  5066. </div>
  5067. </div>
  5068. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5069. </div>
  5070. <div
  5071. class="group_workBox"
  5072. v-for="(g, gindex) in courseGroup.group"
  5073. :key="gindex"
  5074. >
  5075. <div class="group_box">
  5076. <div class="group_title">
  5077. <el-tooltip
  5078. class="item"
  5079. effect="light"
  5080. :content="g.name"
  5081. placement="top"
  5082. >
  5083. <div class="group_name">{{ g.name }}</div>
  5084. </el-tooltip>
  5085. </div>
  5086. <div
  5087. class="group_work"
  5088. v-if="
  5089. g.works &&
  5090. g.works.length &&
  5091. g.works[toolIndex].length
  5092. "
  5093. >
  5094. <div
  5095. class="works"
  5096. style="
  5097. width: 200px;
  5098. height: 140px;
  5099. margin: 10px 10px 10px 0;
  5100. border-radius: 15px;
  5101. box-shadow: 0 0 6px 1px #dfdada;
  5102. "
  5103. v-for="(w, wIndex) in g.works[toolIndex]"
  5104. :key="wIndex"
  5105. :class="w.type == 1 ? 'isTypeOne' : ''"
  5106. >
  5107. <div class="workImg">
  5108. <img
  5109. :src="w.works"
  5110. @click="previewImg(w.works)"
  5111. alt
  5112. />
  5113. <div
  5114. class="answerScore"
  5115. v-if="w.score"
  5116. @click.stop="openScore(w)"
  5117. :class="{
  5118. rightW:
  5119. w.userid == userid ||
  5120. tType == 1 ||
  5121. tType == 4,
  5122. }"
  5123. >
  5124. {{ JSON.parse(w.score).wScore }}分
  5125. </div>
  5126. <div
  5127. class="answerScore"
  5128. @click.stop="openScore(w)"
  5129. v-else-if="courseDetail.userid == userid"
  5130. :class="{
  5131. rightW:
  5132. w.userid == userid ||
  5133. tType == 1 ||
  5134. tType == 4,
  5135. }"
  5136. >
  5137. 评分
  5138. </div>
  5139. <img
  5140. class="deleteImg"
  5141. src="../assets/deleteworks.png"
  5142. v-if="
  5143. w.userid == userid || tType == 1 || tType == 4
  5144. "
  5145. @click.stop="deleteWorks(w.wid)"
  5146. alt
  5147. />
  5148. </div>
  5149. <div class="comment" style="min-width: 200px">
  5150. <div class="worksName">
  5151. <div>{{ w.sName }}</div>
  5152. </div>
  5153. <div class="commentList">
  5154. <div class="commentList">
  5155. <div
  5156. class="commentImg"
  5157. @click="
  5158. isLikes(w.wid, userid, 1, null, w.isLikes)
  5159. "
  5160. >
  5161. <img
  5162. :src="w.isLikes == true ? likes : noLikes"
  5163. alt=""
  5164. />
  5165. </div>
  5166. <div>{{ w.likesCount }}</div>
  5167. </div>
  5168. <div
  5169. class="commentList"
  5170. style="margin-right: 15px"
  5171. >
  5172. <div
  5173. class="commentImg"
  5174. @click="
  5175. commentOther(
  5176. w,
  5177. toolIndex,
  5178. wIndex,
  5179. null,
  5180. g.id
  5181. )
  5182. "
  5183. >
  5184. <img
  5185. src="../assets/icon/comment/comment.png"
  5186. alt=""
  5187. />
  5188. </div>
  5189. <div>{{ w.commentCount }}</div>
  5190. </div>
  5191. </div>
  5192. </div>
  5193. </div>
  5194. </div>
  5195. <div class="group_work" v-else>暂无提交作业</div>
  5196. </div>
  5197. </div>
  5198. <div
  5199. :id="'tool-' + toolIndex"
  5200. :style="{
  5201. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  5202. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  5203. }"
  5204. class="worksDetailBox"
  5205. v-if="
  5206. worksStudent.length &&
  5207. worksStudent[toolIndex].length > 0
  5208. "
  5209. >
  5210. <div
  5211. class="works"
  5212. style="
  5213. width: 200px;
  5214. height: 140px;
  5215. margin: 10px 10px 10px 0;
  5216. border-radius: 15px;
  5217. box-shadow: 0 0 6px 1px #dfdada;
  5218. "
  5219. v-for="(w, wIndex) in worksStudent[toolIndex]"
  5220. :key="wIndex"
  5221. >
  5222. <!-- @click="previewImg(w.works)" -->
  5223. <div class="workImg">
  5224. <img
  5225. :src="w.works"
  5226. @click="previewImg(w.works)"
  5227. alt
  5228. />
  5229. <div
  5230. class="answerScore"
  5231. v-if="w.score"
  5232. @click.stop="openScore(w)"
  5233. :class="{
  5234. rightW:
  5235. w.userid == userid || tType == 1 || tType == 4,
  5236. }"
  5237. >
  5238. {{ JSON.parse(w.score).wScore }}分
  5239. </div>
  5240. <div
  5241. class="answerScore"
  5242. @click.stop="openScore(w)"
  5243. v-else-if="courseDetail.userid == userid"
  5244. :class="{
  5245. rightW:
  5246. w.userid == userid || tType == 1 || tType == 4,
  5247. }"
  5248. >
  5249. 评分
  5250. </div>
  5251. <img
  5252. class="deleteImg"
  5253. src="../assets/deleteworks.png"
  5254. v-if="
  5255. w.userid == userid || tType == 1 || tType == 4
  5256. "
  5257. @click.stop="deleteWorks(w.wid)"
  5258. alt
  5259. />
  5260. </div>
  5261. <div class="comment" style="min-width: 200px">
  5262. <div class="worksName">
  5263. <div>{{ w.sName }}</div>
  5264. </div>
  5265. <div class="commentList">
  5266. <div class="commentList">
  5267. <div
  5268. class="commentImg"
  5269. @click="
  5270. isLikes(w.wid, userid, 1, null, w.isLikes)
  5271. "
  5272. >
  5273. <img
  5274. :src="w.isLikes == true ? likes : noLikes"
  5275. alt=""
  5276. />
  5277. </div>
  5278. <div>{{ w.likesCount }}</div>
  5279. </div>
  5280. <div class="commentList" style="margin-right: 15px">
  5281. <div
  5282. class="commentImg"
  5283. @click="commentOther(w, toolIndex, wIndex)"
  5284. >
  5285. <img
  5286. src="../assets/icon/comment/comment.png"
  5287. alt=""
  5288. />
  5289. </div>
  5290. <div>{{ w.commentCount }}</div>
  5291. </div>
  5292. </div>
  5293. </div>
  5294. </div>
  5295. </div>
  5296. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5297. 未提交
  5298. </div>
  5299. <div
  5300. class="noWorksS"
  5301. v-if="noWorksS && noWorksS[toolIndex].length"
  5302. >
  5303. <div
  5304. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5305. :key="sIndex"
  5306. class="noWorksName"
  5307. >
  5308. {{ s.student }}
  5309. </div>
  5310. </div>
  5311. </div>
  5312. <div
  5313. v-if="
  5314. tType &&
  5315. ((tType == 2 && sIsOpen == true) ||
  5316. tType == 1 ||
  5317. tType == 4) &&
  5318. tool.tool.indexOf(7) != -1
  5319. "
  5320. class="worksBox"
  5321. >
  5322. <div
  5323. class="zuoyeYulan"
  5324. v-if="
  5325. (worksStudent.length &&
  5326. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  5327. "
  5328. >
  5329. <div class="worksTop">
  5330. <div>作业预览</div>
  5331. <div
  5332. class="corOpen"
  5333. @click="contract(toolIndex)"
  5334. v-if="
  5335. (isCloseList[toolIndex].isCloseBoolean) &&
  5336. isCloseList[toolIndex].isClose == 0
  5337. "
  5338. >
  5339. 折叠
  5340. </div>
  5341. <div
  5342. class="corOpen"
  5343. @click="contract(toolIndex)"
  5344. v-if="isCloseList[toolIndex].isClose == 1"
  5345. >
  5346. 展开
  5347. </div>
  5348. </div>
  5349. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5350. </div>
  5351. <div
  5352. class="group_workBox"
  5353. v-for="(g, gindex) in courseGroup.group"
  5354. :key="gindex"
  5355. >
  5356. <div class="group_box">
  5357. <div class="group_title">
  5358. <el-tooltip
  5359. class="item"
  5360. effect="light"
  5361. :content="g.name"
  5362. placement="top"
  5363. >
  5364. <div class="group_name">{{ g.name }}</div>
  5365. </el-tooltip>
  5366. </div>
  5367. <div
  5368. class="group_work"
  5369. v-if="
  5370. g.works &&
  5371. g.works.length &&
  5372. g.works[toolIndex].length
  5373. "
  5374. >
  5375. <div
  5376. class="works"
  5377. style="
  5378. width: 200px;
  5379. height: 140px;
  5380. margin: 10px 10px 10px 0;
  5381. border-radius: 15px;
  5382. box-shadow: 0 0 6px 1px #dfdada;
  5383. "
  5384. v-for="(w, wIndex) in g.works[toolIndex]"
  5385. :key="wIndex"
  5386. :class="w.type == 1 ? 'isTypeOne' : ''"
  5387. >
  5388. <div class="workImg">
  5389. <img
  5390. :src="w.works"
  5391. @click="previewImg(w.works)"
  5392. alt
  5393. />
  5394. <div
  5395. class="answerScore"
  5396. v-if="w.score"
  5397. @click.stop="openScore(w)"
  5398. :class="{
  5399. rightW:
  5400. w.userid == userid ||
  5401. tType == 1 ||
  5402. tType == 4,
  5403. }"
  5404. >
  5405. {{ JSON.parse(w.score).wScore }}分
  5406. </div>
  5407. <div
  5408. class="answerScore"
  5409. @click.stop="openScore(w)"
  5410. v-else-if="courseDetail.userid == userid"
  5411. :class="{
  5412. rightW:
  5413. w.userid == userid ||
  5414. tType == 1 ||
  5415. tType == 4,
  5416. }"
  5417. >
  5418. 评分
  5419. </div>
  5420. <img
  5421. class="deleteImg"
  5422. src="../assets/deleteworks.png"
  5423. v-if="
  5424. w.userid == userid || tType == 1 || tType == 4
  5425. "
  5426. @click.stop="deleteWorks(w.wid)"
  5427. alt
  5428. />
  5429. </div>
  5430. <div class="comment" style="min-width: 200px">
  5431. <div class="worksName">
  5432. <div>{{ w.sName }}</div>
  5433. </div>
  5434. <div class="commentList">
  5435. <div class="commentList">
  5436. <div
  5437. class="commentImg"
  5438. @click="
  5439. isLikes(w.wid, userid, 1, null, w.isLikes)
  5440. "
  5441. >
  5442. <img
  5443. :src="w.isLikes == true ? likes : noLikes"
  5444. alt=""
  5445. />
  5446. </div>
  5447. <div>{{ w.likesCount }}</div>
  5448. </div>
  5449. <div
  5450. class="commentList"
  5451. style="margin-right: 15px"
  5452. >
  5453. <div
  5454. class="commentImg"
  5455. @click="
  5456. commentOther(
  5457. w,
  5458. toolIndex,
  5459. wIndex,
  5460. null,
  5461. g.id
  5462. )
  5463. "
  5464. >
  5465. <img
  5466. src="../assets/icon/comment/comment.png"
  5467. alt=""
  5468. />
  5469. </div>
  5470. <div>{{ w.commentCount }}</div>
  5471. </div>
  5472. </div>
  5473. </div>
  5474. </div>
  5475. </div>
  5476. <div class="group_work" v-else>暂无提交作业</div>
  5477. </div>
  5478. </div>
  5479. <div
  5480. :id="'tool-' + toolIndex"
  5481. :style="{
  5482. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  5483. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  5484. }"
  5485. class="worksDetailBox"
  5486. v-if="
  5487. worksStudent.length &&
  5488. worksStudent[toolIndex].length > 0
  5489. "
  5490. >
  5491. <div
  5492. class="works"
  5493. style="
  5494. width: 200px;
  5495. height: 140px;
  5496. margin: 10px 10px 10px 0;
  5497. border-radius: 15px;
  5498. box-shadow: 0 0 6px 1px #dfdada;
  5499. "
  5500. v-for="(w, wIndex) in worksStudent[toolIndex]"
  5501. :key="wIndex"
  5502. >
  5503. <!-- @click="previewImg(w.works)" -->
  5504. <div class="workImg">
  5505. <img
  5506. :src="w.works"
  5507. @click="previewImg(w.works)"
  5508. alt
  5509. />
  5510. <div
  5511. class="answerScore"
  5512. v-if="w.score"
  5513. @click.stop="openScore(w)"
  5514. :class="{
  5515. rightW:
  5516. w.userid == userid || tType == 1 || tType == 4,
  5517. }"
  5518. >
  5519. {{ JSON.parse(w.score).wScore }}分
  5520. </div>
  5521. <div
  5522. class="answerScore"
  5523. @click.stop="openScore(w)"
  5524. v-else-if="courseDetail.userid == userid"
  5525. :class="{
  5526. rightW:
  5527. w.userid == userid || tType == 1 || tType == 4,
  5528. }"
  5529. >
  5530. 评分
  5531. </div>
  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="comment" style="min-width: 200px">
  5543. <div class="worksName">
  5544. <div>{{ w.sName }}</div>
  5545. </div>
  5546. <div class="commentList">
  5547. <div class="commentList">
  5548. <div
  5549. class="commentImg"
  5550. @click="
  5551. isLikes(w.wid, userid, 1, null, w.isLikes)
  5552. "
  5553. >
  5554. <img
  5555. :src="w.isLikes == true ? likes : noLikes"
  5556. alt=""
  5557. />
  5558. </div>
  5559. <div>{{ w.likesCount }}</div>
  5560. </div>
  5561. <div class="commentList" style="margin-right: 15px">
  5562. <div
  5563. class="commentImg"
  5564. @click="commentOther(w, toolIndex, wIndex)"
  5565. >
  5566. <img
  5567. src="../assets/icon/comment/comment.png"
  5568. alt=""
  5569. />
  5570. </div>
  5571. <div>{{ w.commentCount }}</div>
  5572. </div>
  5573. </div>
  5574. </div>
  5575. </div>
  5576. </div>
  5577. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5578. 未提交
  5579. </div>
  5580. <div
  5581. class="noWorksS"
  5582. v-if="noWorksS && noWorksS[toolIndex].length"
  5583. >
  5584. <div
  5585. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5586. :key="sIndex"
  5587. class="noWorksName"
  5588. @click="teacherWorkSubmit(7, toolIndex, taskCount, s)"
  5589. >
  5590. {{ s.student }}
  5591. </div>
  5592. </div>
  5593. </div>
  5594. <div
  5595. v-if="
  5596. tType &&
  5597. ((tType == 2 && sIsOpen == true) ||
  5598. tType == 1 ||
  5599. tType == 4) &&
  5600. tool.tool.indexOf(26) != -1
  5601. "
  5602. class="worksBox"
  5603. >
  5604. <div
  5605. class="zuoyeYulan"
  5606. v-if="
  5607. worksStudent.length &&
  5608. worksStudent[toolIndex].length > 0
  5609. "
  5610. >
  5611. <div class="worksTop">
  5612. <div>作业预览</div>
  5613. <div
  5614. class="corOpen"
  5615. @click="contract(toolIndex)"
  5616. v-if="
  5617. (isCloseList[toolIndex].isCloseBoolean) &&
  5618. isCloseList[toolIndex].isClose == 0
  5619. "
  5620. >
  5621. 折叠
  5622. </div>
  5623. <div
  5624. class="corOpen"
  5625. @click="contract(toolIndex)"
  5626. v-if="isCloseList[toolIndex].isClose == 1"
  5627. >
  5628. 展开
  5629. </div>
  5630. </div>
  5631. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5632. </div>
  5633. <div
  5634. :id="'tool-' + toolIndex"
  5635. :style="{
  5636. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  5637. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  5638. }"
  5639. class="worksDetailBox"
  5640. v-if="
  5641. worksStudent.length &&
  5642. worksStudent[toolIndex].length > 0
  5643. "
  5644. >
  5645. <div
  5646. class="works"
  5647. style="width: 240px; height: 140px; overflow: hidden"
  5648. v-for="(w, wIndex) in worksStudent[toolIndex]"
  5649. :key="wIndex"
  5650. :class="w.type == 1 ? 'isTypeOne' : ''"
  5651. >
  5652. <div class="workImg" v-if="w.type == 0">
  5653. <img
  5654. :src="w.works"
  5655. @click="previewImg(w.works)"
  5656. alt
  5657. />
  5658. <img
  5659. class="deleteImg"
  5660. src="../assets/deleteworks.png"
  5661. v-if="
  5662. w.userid == userid || tType == 1 || tType == 4
  5663. "
  5664. @click.stop="deleteWorks(w.wid)"
  5665. alt
  5666. />
  5667. </div>
  5668. <div class="workImg" v-if="w.type == 1">
  5669. <img :src="word" @click="openFile(w.works)" alt />
  5670. <img
  5671. class="deleteImg"
  5672. src="../assets/deleteworks.png"
  5673. v-if="
  5674. w.userid == userid || tType == 1 || tType == 4
  5675. "
  5676. @click.stop="deleteWorks(w.wid)"
  5677. alt
  5678. />
  5679. </div>
  5680. <div class="worksName">
  5681. <div>{{ w.sName }}</div>
  5682. </div>
  5683. </div>
  5684. </div>
  5685. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5686. 未提交
  5687. </div>
  5688. <div
  5689. class="noWorksS"
  5690. v-if="noWorksS && noWorksS[toolIndex].length"
  5691. >
  5692. <div
  5693. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5694. :key="sIndex"
  5695. class="noWorksName"
  5696. >
  5697. {{ s.student }}
  5698. </div>
  5699. </div>
  5700. </div>
  5701. <div
  5702. v-if="
  5703. tType &&
  5704. ((tType == 2 && sIsOpen == true) ||
  5705. tType == 1 ||
  5706. tType == 4) &&
  5707. tool.tool.indexOf(40) != -1
  5708. "
  5709. class="worksBox"
  5710. >
  5711. <div
  5712. class="zuoyeYulan"
  5713. v-if="
  5714. worksStudent.length &&
  5715. worksStudent[toolIndex].length > 0
  5716. "
  5717. >
  5718. <div class="worksTop">
  5719. <div>作业预览</div>
  5720. <div
  5721. class="corOpen"
  5722. @click="contract(toolIndex)"
  5723. v-if="
  5724. (isCloseList[toolIndex].isCloseBoolean) &&
  5725. isCloseList[toolIndex].isClose == 0
  5726. "
  5727. >
  5728. 折叠
  5729. </div>
  5730. <div
  5731. class="corOpen"
  5732. @click="contract(toolIndex)"
  5733. v-if="isCloseList[toolIndex].isClose == 1"
  5734. >
  5735. 展开
  5736. </div>
  5737. </div>
  5738. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5739. </div>
  5740. <div
  5741. :id="'tool-' + toolIndex"
  5742. :style="{
  5743. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  5744. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  5745. }"
  5746. class="worksDetailBox"
  5747. v-if="
  5748. worksStudent.length &&
  5749. worksStudent[toolIndex].length > 0
  5750. "
  5751. >
  5752. <div
  5753. class="works"
  5754. style="
  5755. width: 200px;
  5756. height: 140px;
  5757. margin: 10px 10px 10px 0;
  5758. border-radius: 15px;
  5759. box-shadow: 0 0 6px 1px #dfdada;
  5760. "
  5761. v-for="(w, wIndex) in worksStudent[toolIndex]"
  5762. :key="wIndex"
  5763. :class="w.type == 1 ? 'isTypeOne' : ''"
  5764. >
  5765. <div class="workImg">
  5766. <img
  5767. src="../assets/icon/works/noImg.png"
  5768. @click="openPj(w.works, toolIndex)"
  5769. alt
  5770. />
  5771. <img
  5772. class="deleteImg"
  5773. src="../assets/deleteworks.png"
  5774. v-if="
  5775. w.userid == userid || tType == 1 || tType == 4
  5776. "
  5777. @click.stop="deleteWorks(w.wid)"
  5778. alt
  5779. />
  5780. </div>
  5781. <div class="comment" style="min-width: 200px">
  5782. <div class="worksName">
  5783. <div>{{ w.sName }}</div>
  5784. </div>
  5785. <div class="commentList">
  5786. <div class="commentList">
  5787. <div
  5788. class="commentImg"
  5789. @click="
  5790. isLikes(w.wid, userid, 1, null, w.isLikes)
  5791. "
  5792. >
  5793. <img
  5794. :src="w.isLikes == true ? likes : noLikes"
  5795. alt=""
  5796. />
  5797. </div>
  5798. <div>{{ w.likesCount }}</div>
  5799. </div>
  5800. <div class="commentList" style="margin-right: 15px">
  5801. <div
  5802. class="commentImg"
  5803. @click="commentOther(w, toolIndex, wIndex)"
  5804. >
  5805. <img
  5806. src="../assets/icon/comment/comment.png"
  5807. alt=""
  5808. />
  5809. </div>
  5810. <div>{{ w.commentCount }}</div>
  5811. </div>
  5812. </div>
  5813. </div>
  5814. </div>
  5815. </div>
  5816. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5817. 未提交
  5818. </div>
  5819. <div
  5820. class="noWorksS"
  5821. v-if="noWorksS && noWorksS[toolIndex].length"
  5822. >
  5823. <div
  5824. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5825. :key="sIndex"
  5826. class="noWorksName"
  5827. @click="teacherWorkSubmit(40, toolIndex, taskCount, s)"
  5828. >
  5829. {{ s.student }}
  5830. </div>
  5831. </div>
  5832. </div>
  5833. <div
  5834. v-if="
  5835. tType &&
  5836. tType == 2 &&
  5837. !sIsOpen &&
  5838. tool.tool.indexOf(40) != -1
  5839. "
  5840. class="worksBox"
  5841. >
  5842. <div
  5843. class="zuoyeYulan"
  5844. v-if="workStudent[toolIndex].length > 0"
  5845. >
  5846. <span class="worksTitle">作业预览</span>
  5847. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5848. </div>
  5849. <div
  5850. class="worksDetailBox"
  5851. v-if="workStudent[toolIndex].length > 0"
  5852. >
  5853. <div
  5854. class="works"
  5855. style="
  5856. width: 200px;
  5857. height: 140px;
  5858. margin: 10px 10px 10px 0;
  5859. "
  5860. v-for="(w, wIndex) in workStudent[toolIndex]"
  5861. :key="wIndex"
  5862. >
  5863. <div class="workImg">
  5864. <img
  5865. src="../assets/icon/works/noImg.png"
  5866. @click="openPj(w.works, toolIndex)"
  5867. alt
  5868. />
  5869. <img
  5870. class="deleteImg"
  5871. src="../assets/deleteworks.png"
  5872. v-if="
  5873. w.userid == userid || tType == 1 || tType == 4
  5874. "
  5875. @click.stop="deleteWorks(w.wid)"
  5876. alt
  5877. />
  5878. </div>
  5879. <div class="worksName">
  5880. <div>{{ w.sName }}</div>
  5881. </div>
  5882. </div>
  5883. </div>
  5884. </div>
  5885. <div
  5886. v-if="
  5887. tType &&
  5888. ((tType == 2 && sIsOpen == true) ||
  5889. tType == 1 ||
  5890. tType == 4) &&
  5891. tool.tool.indexOf(41) != -1
  5892. "
  5893. >
  5894. <AnswerData2
  5895. v-if="
  5896. worksStudent.length &&
  5897. worksStudent[toolIndex].length > 0
  5898. "
  5899. :problemJson="tool.selectJson.answer"
  5900. :people="worksStudent[toolIndex]"
  5901. ></AnswerData2>
  5902. </div>
  5903. <div
  5904. v-if="
  5905. tType &&
  5906. ((tType == 2 && sIsOpen == true) ||
  5907. tType == 1 ||
  5908. tType == 4) &&
  5909. tool.tool.indexOf(41) != -1
  5910. "
  5911. class="worksBox"
  5912. >
  5913. <div
  5914. class="zuoyeYulan"
  5915. v-if="
  5916. worksStudent.length &&
  5917. worksStudent[toolIndex].length > 0
  5918. "
  5919. >
  5920. <div class="worksTop">
  5921. <div>作业预览</div>
  5922. <div
  5923. class="corOpen"
  5924. @click="contract(toolIndex)"
  5925. v-if="
  5926. (isCloseList[toolIndex].isCloseBoolean) &&
  5927. isCloseList[toolIndex].isClose == 0
  5928. "
  5929. >
  5930. 折叠
  5931. </div>
  5932. <div
  5933. class="corOpen"
  5934. @click="contract(toolIndex)"
  5935. v-if="isCloseList[toolIndex].isClose == 1"
  5936. >
  5937. 展开
  5938. </div>
  5939. </div>
  5940. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5941. </div>
  5942. <div
  5943. :id="'tool-' + toolIndex"
  5944. :style="{
  5945. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  5946. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  5947. }"
  5948. class="worksDetailBox"
  5949. v-if="
  5950. worksStudent.length &&
  5951. worksStudent[toolIndex].length > 0
  5952. "
  5953. >
  5954. <div
  5955. v-for="(w, wIndex) in worksStudent[toolIndex]"
  5956. :key="wIndex"
  5957. class="isWorksName2"
  5958. @click="openXz(w, toolIndex)"
  5959. >
  5960. {{ w.sName }}
  5961. <img
  5962. class="deleteImg deleteImg2"
  5963. src="../assets/deleteworks.png"
  5964. v-if="w.userid == userid || tType == 1 || tType == 4"
  5965. @click.stop="deleteWorks(w.wid)"
  5966. alt
  5967. />
  5968. </div>
  5969. <!-- <div
  5970. class="works"
  5971. style="
  5972. width: 200px;
  5973. height: 140px;
  5974. margin: 10px 10px 10px 0;
  5975. border-radius: 15px;
  5976. box-shadow: 0 0 6px 1px #dfdada;
  5977. " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex"
  5978. :class="w.type == 5 ? 'isTypeOne' : ''">
  5979. <div class="workImg">
  5980. <img src="../assets/icon/works/noImg.png" @click="openXz(w, toolIndex)" alt />
  5981. </div>
  5982. <div class="worksName">
  5983. <div>{{ w.sName }}</div>
  5984. </div>
  5985. </div> -->
  5986. </div>
  5987. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5988. 未提交
  5989. </div>
  5990. <div
  5991. class="noWorksS"
  5992. v-if="noWorksS && noWorksS[toolIndex].length"
  5993. >
  5994. <div
  5995. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5996. :key="sIndex"
  5997. class="noWorksName"
  5998. @click="teacherWorkSubmit(41, toolIndex, taskCount, s)"
  5999. >
  6000. {{ s.student }}
  6001. </div>
  6002. </div>
  6003. </div>
  6004. <div
  6005. v-if="
  6006. tType &&
  6007. tType == 2 &&
  6008. !sIsOpen &&
  6009. tool.tool.indexOf(41) != -1
  6010. "
  6011. class="worksBox"
  6012. >
  6013. <div
  6014. class="zuoyeYulan"
  6015. v-if="workStudent[toolIndex].length > 0"
  6016. >
  6017. <span class="worksTitle">作业预览</span>
  6018. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6019. </div>
  6020. <div
  6021. class="worksDetailBox"
  6022. v-if="workStudent[toolIndex].length > 0"
  6023. >
  6024. <div
  6025. class="works"
  6026. style="
  6027. width: 200px;
  6028. height: 140px;
  6029. margin: 10px 10px 10px 0;
  6030. "
  6031. v-for="(w, wIndex) in workStudent[toolIndex]"
  6032. :key="wIndex"
  6033. >
  6034. <div class="workImg">
  6035. <img
  6036. src="../assets/icon/works/noImg.png"
  6037. @click="openXz(w, toolIndex)"
  6038. alt
  6039. />
  6040. <img
  6041. class="deleteImg"
  6042. src="../assets/deleteworks.png"
  6043. v-if="
  6044. w.userid == userid || tType == 1 || tType == 4
  6045. "
  6046. @click.stop="deleteWorks(w.wid)"
  6047. alt
  6048. />
  6049. </div>
  6050. <div class="worksName">
  6051. <div>{{ w.sName }}</div>
  6052. </div>
  6053. </div>
  6054. </div>
  6055. </div>
  6056. <div v-if="false" class="xuan_right_box">
  6057. <div
  6058. class="tool_right_box"
  6059. v-for="(item, index) in tool.sentenceList"
  6060. :key="index"
  6061. >
  6062. <div>
  6063. <span
  6064. style="word-break: break-all; white-space: normal"
  6065. >{{ index + 1 + "、" + item.sentenceTitle }}</span
  6066. >
  6067. </div>
  6068. <div class="right_box_xuan">
  6069. <span>正确率</span>
  6070. <span>{{
  6071. (checkJson[toolIndex][index].right
  6072. ? checkJson[toolIndex][index].right
  6073. : 0) + "%"
  6074. }}</span>
  6075. </div>
  6076. <div class="right_box_xuan">
  6077. <span>答对人数</span>
  6078. <span>{{
  6079. checkJson[toolIndex][index].rightPerson.length
  6080. }}</span>
  6081. </div>
  6082. </div>
  6083. </div>
  6084. <div
  6085. v-if="
  6086. tType &&
  6087. ((tType == 2 && sIsOpen == true) ||
  6088. tType == 1 ||
  6089. tType == 4) &&
  6090. tool.tool.indexOf(47) != -1
  6091. "
  6092. >
  6093. <AnswerData
  6094. v-if="
  6095. checkJson[toolIndex].length &&
  6096. (tool.sentenceList || tool.sentenceList.length > 0)
  6097. "
  6098. :people="checkJson[toolIndex]"
  6099. ></AnswerData>
  6100. </div>
  6101. <div
  6102. v-if="
  6103. tType &&
  6104. tType == 2 &&
  6105. !sIsOpen &&
  6106. tool.tool.indexOf(47) != -1
  6107. "
  6108. class="worksBox"
  6109. >
  6110. <div
  6111. class="zuoyeYulan"
  6112. v-if="workStudent[toolIndex].length > 0"
  6113. >
  6114. <span class="worksTitle">作业预览</span>
  6115. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6116. </div>
  6117. <div
  6118. class="worksDetailBox"
  6119. v-if="workStudent[toolIndex].length > 0"
  6120. >
  6121. <div
  6122. class="works"
  6123. style="
  6124. width: 200px;
  6125. height: 140px;
  6126. margin: 10px 10px 10px 0;
  6127. "
  6128. v-for="(w, wIndex) in workStudent[toolIndex]"
  6129. :key="wIndex"
  6130. >
  6131. <!-- @click="openXz(w, toolIndex)" -->
  6132. <div class="workImg" @click="openSen(w, toolIndex)">
  6133. <img src="../assets/icon/works/noImg.png" alt />
  6134. <img
  6135. class="deleteImg"
  6136. src="../assets/deleteworks.png"
  6137. v-if="
  6138. w.userid == userid || tType == 1 || tType == 4
  6139. "
  6140. @click.stop="deleteWorks(w.wid)"
  6141. alt
  6142. />
  6143. </div>
  6144. <div class="worksName">
  6145. <div>
  6146. {{ w.sName }}
  6147. </div>
  6148. </div>
  6149. </div>
  6150. </div>
  6151. </div>
  6152. <div
  6153. v-if="
  6154. tType &&
  6155. ((tType == 2 && sIsOpen == true) ||
  6156. tType == 1 ||
  6157. tType == 4) &&
  6158. tool.tool.indexOf(47) != -1
  6159. "
  6160. class="worksBox"
  6161. >
  6162. <div
  6163. class="zuoyeYulan"
  6164. v-if="
  6165. worksStudent.length &&
  6166. worksStudent[toolIndex].length > 0
  6167. "
  6168. >
  6169. <div class="worksTop">
  6170. <div>作业预览</div>
  6171. <div
  6172. class="corOpen"
  6173. @click="contract(toolIndex)"
  6174. v-if="
  6175. (isCloseList[toolIndex].isCloseBoolean) &&
  6176. isCloseList[toolIndex].isClose == 0
  6177. "
  6178. >
  6179. 折叠
  6180. </div>
  6181. <div
  6182. class="corOpen"
  6183. @click="contract(toolIndex)"
  6184. v-if="isCloseList[toolIndex].isClose == 1"
  6185. >
  6186. 展开
  6187. </div>
  6188. </div>
  6189. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6190. </div>
  6191. <div
  6192. :id="'tool-' + toolIndex"
  6193. :style="{
  6194. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  6195. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  6196. }"
  6197. class="worksDetailBox"
  6198. v-if="
  6199. worksStudent.length &&
  6200. worksStudent[toolIndex].length > 0
  6201. "
  6202. >
  6203. <!-- @click="openXz(w, toolIndex)" -->
  6204. <div
  6205. v-for="(w, wIndex) in worksStudent[toolIndex]"
  6206. :key="wIndex"
  6207. class="isWorksName2"
  6208. @click="openSen(w, toolIndex)"
  6209. >
  6210. {{ w.sName }}
  6211. <img
  6212. class="deleteImg deleteImg2"
  6213. src="../assets/deleteworks.png"
  6214. v-if="w.userid == userid || tType == 1 || tType == 4"
  6215. @click.stop="deleteWorks(w.wid)"
  6216. alt
  6217. />
  6218. </div>
  6219. </div>
  6220. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  6221. 未提交
  6222. </div>
  6223. <div
  6224. class="noWorksS"
  6225. v-if="noWorksS && noWorksS[toolIndex].length"
  6226. >
  6227. <div
  6228. v-for="(s, sIndex) in noWorksS[toolIndex]"
  6229. :key="sIndex"
  6230. class="noWorksName"
  6231. @click="teacherWorkSubmit(47, toolIndex, taskCount, s)"
  6232. >
  6233. {{ s.student }}
  6234. </div>
  6235. </div>
  6236. </div>
  6237. <div
  6238. v-if="
  6239. tType &&
  6240. ((tType == 2 && sIsOpen == true) ||
  6241. tType == 1 ||
  6242. tType == 4) &&
  6243. tool.tool.indexOf(48) != -1
  6244. "
  6245. class="worksBox"
  6246. >
  6247. <div
  6248. class="zuoyeYulan"
  6249. v-if="
  6250. worksStudent.length &&
  6251. worksStudent[toolIndex].length > 0
  6252. "
  6253. >
  6254. <div class="worksTop">
  6255. <div>作业预览</div>
  6256. <div
  6257. class="corOpen"
  6258. @click="contract(toolIndex)"
  6259. v-if="
  6260. (isCloseList[toolIndex].isCloseBoolean) &&
  6261. isCloseList[toolIndex].isClose == 0
  6262. "
  6263. >
  6264. 折叠
  6265. </div>
  6266. <div
  6267. class="corOpen"
  6268. @click="contract(toolIndex)"
  6269. v-if="isCloseList[toolIndex].isClose == 1"
  6270. >
  6271. 展开
  6272. </div>
  6273. </div>
  6274. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6275. </div>
  6276. <div
  6277. :id="'tool-' + toolIndex"
  6278. :style="{
  6279. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  6280. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  6281. }"
  6282. class="worksDetailBox"
  6283. v-if="
  6284. worksStudent.length &&
  6285. worksStudent[toolIndex].length > 0
  6286. "
  6287. >
  6288. <div
  6289. class="works"
  6290. style="
  6291. width: 200px;
  6292. height: 140px;
  6293. margin: 10px 10px 10px 0;
  6294. border-radius: 15px;
  6295. box-shadow: 0 0 6px 1px #dfdada;
  6296. "
  6297. v-for="(w, wIndex) in worksStudent[toolIndex]"
  6298. :key="wIndex"
  6299. :class="w.type == 1 ? 'isTypeOne' : ''"
  6300. >
  6301. <div class="workImg">
  6302. <img :src="word" @click="openTable(w)" alt />
  6303. <!-- @click="openFile(w.works)" -->
  6304. <div
  6305. class="answerScore"
  6306. v-if="w.score"
  6307. @click.stop="openScore(w)"
  6308. :class="{
  6309. rightW:
  6310. w.userid == userid ||
  6311. tType == 1 ||
  6312. tType == 4 ||
  6313. w.ateacher == userid,
  6314. }"
  6315. >
  6316. {{ JSON.parse(w.score).wScore }}分
  6317. </div>
  6318. <div
  6319. class="answerScore"
  6320. @click.stop="openScore(w)"
  6321. v-else-if="courseDetail.userid == userid"
  6322. :class="{
  6323. rightW:
  6324. w.userid == userid ||
  6325. tType == 1 ||
  6326. tType == 4 ||
  6327. w.ateacher == userid,
  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="comment" style="min-width: 200px">
  6343. <div class="worksName">
  6344. <div>{{ w.sName }}</div>
  6345. </div>
  6346. <div class="commentList">
  6347. <div class="commentList">
  6348. <div
  6349. class="commentImg"
  6350. @click="
  6351. isLikes(w.wid, userid, 1, null, w.isLikes)
  6352. "
  6353. >
  6354. <img
  6355. :src="w.isLikes == true ? likes : noLikes"
  6356. alt=""
  6357. />
  6358. </div>
  6359. <div>{{ w.likesCount }}</div>
  6360. </div>
  6361. <div class="commentList" style="margin-right: 15px">
  6362. <div
  6363. class="commentImg"
  6364. @click="commentOther(w, toolIndex, wIndex)"
  6365. >
  6366. <img
  6367. src="../assets/icon/comment/comment.png"
  6368. alt=""
  6369. />
  6370. </div>
  6371. <div>{{ w.commentCount }}</div>
  6372. </div>
  6373. </div>
  6374. </div>
  6375. </div>
  6376. </div>
  6377. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  6378. 未提交
  6379. </div>
  6380. <div
  6381. class="noWorksS"
  6382. v-if="noWorksS && noWorksS[toolIndex].length"
  6383. >
  6384. <div
  6385. v-for="(s, sIndex) in noWorksS[toolIndex]"
  6386. :key="sIndex"
  6387. class="noWorksName"
  6388. @click="teacherWorkSubmit(48, toolIndex, taskCount, s)"
  6389. >
  6390. {{ s.student }}
  6391. </div>
  6392. </div>
  6393. </div>
  6394. <div
  6395. v-if="
  6396. tType &&
  6397. tType == 2 &&
  6398. !sIsOpen &&
  6399. tool.tool.indexOf(48) != -1
  6400. "
  6401. class="worksBox"
  6402. >
  6403. <div
  6404. class="zuoyeYulan"
  6405. v-if="workStudent[toolIndex].length > 0"
  6406. >
  6407. <span class="worksTitle">作业预览</span>
  6408. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6409. </div>
  6410. <div
  6411. class="worksDetailBox"
  6412. v-if="workStudent[toolIndex].length > 0"
  6413. >
  6414. <div
  6415. class="works"
  6416. style="
  6417. width: 200px;
  6418. height: 140px;
  6419. margin: 10px 10px 10px 0;
  6420. box-shadow: 0 0 6px 1px #dfdada;
  6421. "
  6422. v-for="(w, wIndex) in workStudent[toolIndex]"
  6423. :key="wIndex"
  6424. >
  6425. <div class="workImg">
  6426. <img :src="word" @click="openTable(w)" alt />
  6427. <div
  6428. class="answerScore"
  6429. v-if="w.score"
  6430. @click.stop="openScore(w)"
  6431. :class="{
  6432. rightW:
  6433. w.userid == userid || tType == 1 || tType == 4,
  6434. }"
  6435. >
  6436. {{ JSON.parse(w.score).wScore }}分
  6437. </div>
  6438. <div
  6439. class="answerScore"
  6440. @click.stop="openScore(w)"
  6441. v-else-if="courseDetail.userid == userid"
  6442. :class="{
  6443. rightW:
  6444. w.userid == userid || tType == 1 || tType == 4,
  6445. }"
  6446. >
  6447. 评分
  6448. </div>
  6449. <img
  6450. class="deleteImg"
  6451. src="../assets/deleteworks.png"
  6452. v-if="
  6453. w.userid == userid || tType == 1 || tType == 4
  6454. "
  6455. @click.stop="deleteWorks(w.wid)"
  6456. alt
  6457. />
  6458. </div>
  6459. <div class="worksName">
  6460. <div>{{ w.sName }}</div>
  6461. </div>
  6462. </div>
  6463. </div>
  6464. </div>
  6465. <div
  6466. v-if="
  6467. tType &&
  6468. ((tType == 2 && sIsOpen == true) ||
  6469. tType == 1 ||
  6470. tType == 4) &&
  6471. tool.tool.indexOf(52) != -1
  6472. "
  6473. class="worksBox"
  6474. >
  6475. <div
  6476. class="zuoyeYulan"
  6477. v-if="
  6478. worksStudent.length &&
  6479. worksStudent[toolIndex].length > 0
  6480. "
  6481. >
  6482. <div class="worksTop">
  6483. <div>作业预览</div>
  6484. <div
  6485. class="corOpen"
  6486. @click="contract(toolIndex)"
  6487. v-if="
  6488. (isCloseList[toolIndex].isCloseBoolean) &&
  6489. isCloseList[toolIndex].isClose == 0
  6490. "
  6491. >
  6492. 折叠
  6493. </div>
  6494. <div
  6495. class="corOpen"
  6496. @click="contract(toolIndex)"
  6497. v-if="isCloseList[toolIndex].isClose == 1"
  6498. >
  6499. 展开
  6500. </div>
  6501. </div>
  6502. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6503. </div>
  6504. <div
  6505. :id="'tool-' + toolIndex"
  6506. :style="{
  6507. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  6508. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  6509. }"
  6510. class="worksDetailBox"
  6511. v-if="
  6512. worksStudent.length &&
  6513. worksStudent[toolIndex].length > 0
  6514. "
  6515. >
  6516. <div
  6517. class="works"
  6518. style="
  6519. width: 200px;
  6520. height: 140px;
  6521. margin: 10px 10px 10px 0;
  6522. border-radius: 15px;
  6523. box-shadow: 0 0 6px 1px #dfdada;
  6524. "
  6525. v-for="(w, wIndex) in worksStudent[toolIndex]"
  6526. :key="wIndex"
  6527. :class="w.type == 1 ? 'isTypeOne' : ''"
  6528. >
  6529. <div class="workImg">
  6530. <img :src="word" @click="openWord(w)" alt />
  6531. <!-- @click="openFile(w.works)" -->
  6532. <div
  6533. class="answerScore"
  6534. v-if="w.score"
  6535. @click.stop="openScore(w)"
  6536. :class="{
  6537. rightW:
  6538. w.userid == userid ||
  6539. tType == 1 ||
  6540. tType == 4 ||
  6541. w.ateacher == userid,
  6542. }"
  6543. >
  6544. {{ JSON.parse(w.score).wScore }}分
  6545. </div>
  6546. <div
  6547. class="answerScore"
  6548. @click.stop="openScore(w)"
  6549. v-else-if="courseDetail.userid == userid"
  6550. :class="{
  6551. rightW:
  6552. w.userid == userid ||
  6553. tType == 1 ||
  6554. tType == 4 ||
  6555. w.ateacher == userid,
  6556. }"
  6557. >
  6558. 评分
  6559. </div>
  6560. <img
  6561. class="deleteImg"
  6562. src="../assets/deleteworks.png"
  6563. v-if="
  6564. w.userid == userid || tType == 1 || tType == 4
  6565. "
  6566. @click.stop="deleteWorks(w.wid)"
  6567. alt
  6568. />
  6569. </div>
  6570. <div class="comment" style="min-width: 200px">
  6571. <div class="worksName">
  6572. <div>{{ w.sName }}</div>
  6573. </div>
  6574. <div class="commentList">
  6575. <div class="commentList">
  6576. <div
  6577. class="commentImg"
  6578. @click="
  6579. isLikes(w.wid, userid, 1, null, w.isLikes)
  6580. "
  6581. >
  6582. <img
  6583. :src="w.isLikes == true ? likes : noLikes"
  6584. alt=""
  6585. />
  6586. </div>
  6587. <div>{{ w.likesCount }}</div>
  6588. </div>
  6589. <div class="commentList" style="margin-right: 15px">
  6590. <div
  6591. class="commentImg"
  6592. @click="commentOther(w, toolIndex, wIndex)"
  6593. >
  6594. <img
  6595. src="../assets/icon/comment/comment.png"
  6596. alt=""
  6597. />
  6598. </div>
  6599. <div>{{ w.commentCount }}</div>
  6600. </div>
  6601. </div>
  6602. </div>
  6603. </div>
  6604. </div>
  6605. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  6606. 未提交
  6607. </div>
  6608. <div
  6609. class="noWorksS"
  6610. v-if="noWorksS && noWorksS[toolIndex].length"
  6611. >
  6612. <div
  6613. v-for="(s, sIndex) in noWorksS[toolIndex]"
  6614. :key="sIndex"
  6615. class="noWorksName"
  6616. @click="teacherWorkSubmit(52, toolIndex, taskCount, s)"
  6617. >
  6618. {{ s.student }}
  6619. </div>
  6620. </div>
  6621. </div>
  6622. <div
  6623. v-if="
  6624. tType &&
  6625. tType == 2 &&
  6626. !sIsOpen &&
  6627. tool.tool.indexOf(52) != -1
  6628. "
  6629. class="worksBox"
  6630. >
  6631. <div
  6632. class="zuoyeYulan"
  6633. v-if="workStudent[toolIndex].length > 0"
  6634. >
  6635. <span class="worksTitle">作业预览</span>
  6636. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6637. </div>
  6638. <div
  6639. class="worksDetailBox"
  6640. v-if="workStudent[toolIndex].length > 0"
  6641. >
  6642. <div
  6643. class="works"
  6644. style="
  6645. width: 200px;
  6646. height: 140px;
  6647. margin: 10px 10px 10px 0;
  6648. box-shadow: 0 0 6px 1px #dfdada;
  6649. "
  6650. v-for="(w, wIndex) in workStudent[toolIndex]"
  6651. :key="wIndex"
  6652. >
  6653. <div class="workImg">
  6654. <img :src="word" @click="openWord(w)" alt />
  6655. <div
  6656. class="answerScore"
  6657. v-if="w.score"
  6658. @click.stop="openScore(w)"
  6659. :class="{
  6660. rightW:
  6661. w.userid == userid || tType == 1 || tType == 4,
  6662. }"
  6663. >
  6664. {{ JSON.parse(w.score).wScore }}分
  6665. </div>
  6666. <div
  6667. class="answerScore"
  6668. @click.stop="openScore(w)"
  6669. v-else-if="courseDetail.userid == userid"
  6670. :class="{
  6671. rightW:
  6672. w.userid == userid || tType == 1 || tType == 4,
  6673. }"
  6674. >
  6675. 评分
  6676. </div>
  6677. <img
  6678. class="deleteImg"
  6679. src="../assets/deleteworks.png"
  6680. v-if="
  6681. w.userid == userid || tType == 1 || tType == 4
  6682. "
  6683. @click.stop="deleteWorks(w.wid)"
  6684. alt
  6685. />
  6686. </div>
  6687. <div class="worksName">
  6688. <div>{{ w.sName }}</div>
  6689. </div>
  6690. </div>
  6691. </div>
  6692. </div>
  6693. <div
  6694. v-if="tool.tool.indexOf(49) != -1"
  6695. class="xuan_right_box"
  6696. style="margin: 0 15px 0 25px; width: 93%"
  6697. >
  6698. <div
  6699. v-if="courseDetail.userid == userid"
  6700. style="
  6701. display: flex;
  6702. justify-content: flex-end;
  6703. margin-right: 10px;
  6704. "
  6705. >
  6706. <el-button
  6707. type="primary"
  6708. size="small"
  6709. @click="addTools(49, toolIndex, taskCount)"
  6710. >分组设置</el-button
  6711. >
  6712. </div>
  6713. <div
  6714. v-if="groupStudentUid[toolIndex]"
  6715. class="group_staic_box"
  6716. >
  6717. <div
  6718. v-for="(gp, gd) in tool.groupJson.group"
  6719. :key="gd"
  6720. class="group_staic"
  6721. >
  6722. <span> {{ gp.name }}</span>
  6723. <span>
  6724. 目前人数{{
  6725. groupStudentUid[toolIndex][gd].length
  6726. }}人</span
  6727. >
  6728. </div>
  6729. </div>
  6730. </div>
  6731. <div v-if="tool.tool.indexOf(49) != -1" class="worksBox">
  6732. <div
  6733. class="zuoyeYulan"
  6734. v-if="
  6735. worksStudent.length &&
  6736. worksStudent[toolIndex].length > 0
  6737. "
  6738. >
  6739. <span class="worksTitle">作业预览</span>
  6740. </div>
  6741. <div>
  6742. <div
  6743. class="group_workBox"
  6744. v-for="(g, gindex) in tool.groupJson.group"
  6745. :key="gindex"
  6746. >
  6747. <div
  6748. class="group_box"
  6749. v-if="
  6750. groupStudentUid[toolIndex] &&
  6751. worksStudent[toolIndex] &&
  6752. (worksStudent[toolIndex][gindex].length ||
  6753. groupStudentUid[toolIndex][gindex].indexOf(
  6754. userid
  6755. ) != -1)
  6756. "
  6757. >
  6758. <div class="group_title">
  6759. <el-tooltip
  6760. class="item"
  6761. effect="light"
  6762. :content="g.name"
  6763. placement="top"
  6764. >
  6765. <div class="group_name">{{ g.name }}</div>
  6766. </el-tooltip>
  6767. <el-button
  6768. type="primary"
  6769. v-if="
  6770. groupStudentUid[toolIndex][gindex].indexOf(
  6771. userid
  6772. ) != -1
  6773. "
  6774. @click="groupUpload(toolIndex, taskCount, gindex)"
  6775. >上传作业</el-button
  6776. >
  6777. </div>
  6778. <div class="group_work">
  6779. <div
  6780. class="works"
  6781. style="
  6782. width: 200px;
  6783. height: 140px;
  6784. margin: 10px 10px 10px 0;
  6785. border-radius: 15px;
  6786. box-shadow: 0 0 6px 1px #dfdada;
  6787. "
  6788. v-for="(w, wIndex) in worksStudent[toolIndex][
  6789. gindex
  6790. ]"
  6791. :key="wIndex"
  6792. :class="w.type == 1 ? 'isTypeOne' : ''"
  6793. >
  6794. <div class="workImg" v-if="w.type == 0">
  6795. <img
  6796. :src="w.works"
  6797. @click="previewImg(w.works)"
  6798. alt
  6799. />
  6800. <div
  6801. class="answerScore"
  6802. v-if="w.score"
  6803. @click.stop="openScore(w)"
  6804. :class="{
  6805. rightW:
  6806. w.userid == userid ||
  6807. tType == 1 ||
  6808. tType == 4 ||
  6809. w.ateacher == userid,
  6810. }"
  6811. >
  6812. {{ JSON.parse(w.score).wScore }}分
  6813. </div>
  6814. <div
  6815. class="answerScore"
  6816. @click.stop="openScore(w)"
  6817. v-else-if="courseDetail.userid == userid"
  6818. :class="{
  6819. rightW:
  6820. w.userid == userid ||
  6821. tType == 1 ||
  6822. tType == 4 ||
  6823. w.ateacher == userid,
  6824. }"
  6825. >
  6826. 评分
  6827. </div>
  6828. <img
  6829. class="deleteImg"
  6830. src="../assets/deleteworks.png"
  6831. v-if="
  6832. w.userid == userid ||
  6833. tType == 1 ||
  6834. tType == 4
  6835. "
  6836. @click.stop="deleteWorks(w.wid)"
  6837. alt
  6838. />
  6839. </div>
  6840. <div class="workImg" v-if="w.type == 1">
  6841. <img
  6842. :src="word"
  6843. @click="openFile(w.works)"
  6844. alt
  6845. />
  6846. <!-- @click="openFile(w.works)" -->
  6847. <div
  6848. class="answerScore"
  6849. v-if="w.score"
  6850. @click.stop="openScore(w)"
  6851. :class="{
  6852. rightW:
  6853. w.userid == userid ||
  6854. tType == 1 ||
  6855. tType == 4 ||
  6856. w.ateacher == userid,
  6857. }"
  6858. >
  6859. {{ JSON.parse(w.score).wScore }}分
  6860. </div>
  6861. <div
  6862. class="answerScore"
  6863. @click.stop="openScore(w)"
  6864. v-else-if="courseDetail.userid == userid"
  6865. :class="{
  6866. rightW:
  6867. w.userid == userid ||
  6868. tType == 1 ||
  6869. tType == 4 ||
  6870. w.ateacher == userid,
  6871. }"
  6872. >
  6873. 评分
  6874. </div>
  6875. <img
  6876. class="deleteImg"
  6877. src="../assets/deleteworks.png"
  6878. v-if="
  6879. w.userid == userid ||
  6880. tType == 1 ||
  6881. tType == 4
  6882. "
  6883. @click.stop="deleteWorks(w.wid)"
  6884. alt
  6885. />
  6886. </div>
  6887. <div class="workImg" v-if="w.type == 3">
  6888. <img
  6889. style="cursor: pointer"
  6890. :src="video"
  6891. @click="openVideo(w)"
  6892. alt
  6893. />
  6894. <!-- @click="openVideo(w.works)" -->
  6895. <div
  6896. class="answerScore"
  6897. v-if="w.score"
  6898. @click.stop="openScore(w)"
  6899. :class="{
  6900. rightW:
  6901. w.userid == userid ||
  6902. tType == 1 ||
  6903. tType == 4 ||
  6904. w.ateacher == userid,
  6905. }"
  6906. >
  6907. {{ JSON.parse(w.score).wScore }}分
  6908. </div>
  6909. <div
  6910. class="answerScore"
  6911. @click.stop="openScore(w)"
  6912. v-else-if="courseDetail.userid == userid"
  6913. :class="{
  6914. rightW:
  6915. w.userid == userid ||
  6916. tType == 1 ||
  6917. tType == 4 ||
  6918. w.ateacher == userid,
  6919. }"
  6920. >
  6921. 评分
  6922. </div>
  6923. <img
  6924. class="deleteImg"
  6925. src="../assets/deleteworks.png"
  6926. v-if="
  6927. w.userid == userid ||
  6928. tType == 1 ||
  6929. tType == 4
  6930. "
  6931. @click.stop="deleteWorks(w.wid)"
  6932. alt
  6933. />
  6934. </div>
  6935. <div class="workImg" v-if="w.type == 12">
  6936. <img
  6937. style="cursor: pointer"
  6938. :src="word2"
  6939. @click="downloadFile(w.works)"
  6940. alt
  6941. />
  6942. <!-- @click="openVideo(w.works)" -->
  6943. <div
  6944. class="answerScore"
  6945. v-if="w.score"
  6946. @click.stop="openScore(w)"
  6947. :class="{
  6948. rightW:
  6949. w.userid == userid ||
  6950. tType == 1 ||
  6951. tType == 4 ||
  6952. w.ateacher == userid,
  6953. }"
  6954. >
  6955. {{ JSON.parse(w.score).wScore }}分
  6956. </div>
  6957. <div
  6958. class="answerScore"
  6959. @click.stop="openScore(w)"
  6960. v-else-if="courseDetail.userid == userid"
  6961. :class="{
  6962. rightW:
  6963. w.userid == userid ||
  6964. tType == 1 ||
  6965. tType == 4 ||
  6966. w.ateacher == userid,
  6967. }"
  6968. >
  6969. 评分
  6970. </div>
  6971. <img
  6972. class="deleteImg"
  6973. src="../assets/deleteworks.png"
  6974. v-if="
  6975. w.userid == userid ||
  6976. tType == 1 ||
  6977. tType == 4
  6978. "
  6979. @click.stop="deleteWorks(w.wid)"
  6980. alt
  6981. />
  6982. </div>
  6983. <div class="comment" style="min-width: 200px">
  6984. <div class="worksName">
  6985. <div>{{ w.sName }}</div>
  6986. </div>
  6987. <div class="commentList">
  6988. <div class="commentList">
  6989. <div
  6990. class="commentImg"
  6991. @click="
  6992. isLikes(
  6993. w.wid,
  6994. userid,
  6995. 1,
  6996. null,
  6997. w.isLikes
  6998. )
  6999. "
  7000. >
  7001. <img
  7002. :src="
  7003. w.isLikes == true ? likes : noLikes
  7004. "
  7005. alt=""
  7006. />
  7007. </div>
  7008. <div>{{ w.likesCount }}</div>
  7009. </div>
  7010. <div
  7011. class="commentList"
  7012. style="margin-right: 15px"
  7013. >
  7014. <div
  7015. class="commentImg"
  7016. @click="
  7017. commentOther(
  7018. w,
  7019. toolIndex,
  7020. wIndex,
  7021. gindex
  7022. )
  7023. "
  7024. >
  7025. <img
  7026. src="../assets/icon/comment/comment.png"
  7027. alt=""
  7028. />
  7029. </div>
  7030. <div>{{ w.commentCount }}</div>
  7031. </div>
  7032. </div>
  7033. </div>
  7034. </div>
  7035. </div>
  7036. </div>
  7037. </div>
  7038. </div>
  7039. </div>
  7040. </div>
  7041. <!-- <div class="upload_toolBtn" @click="addImg($event)">
  7042. 上传文件
  7043. <input
  7044. type="file"
  7045. accept="image/png, image/gif, image/jpeg"
  7046. style="display: none"
  7047. @change="beforeUpload1($event, 2, index)"
  7048. />
  7049. </div>-->
  7050. </div>
  7051. </div>
  7052. <!-- <div
  7053. class="vedioBox"
  7054. style="margin-top: 10px"
  7055. v-if="
  7056. courseDetail.userid == userid ||
  7057. (courseDetail.course_teacher &&
  7058. courseDetail.course_teacher.indexOf(userid) != -1)
  7059. "
  7060. :style="{
  7061. borderRadius:
  7062. !(
  7063. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7064. .toolChoose[0].tool &&
  7065. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7066. .toolChoose[0].tool.length > 0
  7067. ) &&
  7068. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7069. .taskDetail == '' &&
  7070. vChapterData[taskCount].length == 0 &&
  7071. fileC[taskCount].length == 0
  7072. ? '0 0 20px 20px'
  7073. : '20px',
  7074. }"
  7075. >
  7076. <div
  7077. class="queTop"
  7078. @click="isClose = !isClose"
  7079. style="
  7080. padding: 15px 0 15px 37px;
  7081. justify-content: space-between;
  7082. "
  7083. >
  7084. <div class="queTopTitle">新增工具</div>
  7085. <div class="queTopRight">
  7086. <div class="queTopClose" v-if="isClose == 0">
  7087. 展开
  7088. <div class="closeImg">
  7089. <img src="../assets/icon/newIcon/close.png" alt="" />
  7090. </div>
  7091. </div>
  7092. <div class="queTopClose" v-if="isClose == 1">
  7093. 折叠
  7094. <div class="openImg">
  7095. <img src="../assets/icon/newIcon/open.png" alt="" />
  7096. </div>
  7097. </div>
  7098. <el-button
  7099. style="margin: 0 30px 0 auto"
  7100. type="primary"
  7101. size="small"
  7102. v-if="isClose == 1 && checktoolArray.length > 0"
  7103. @click.stop="addToolChoose"
  7104. >确定</el-button
  7105. >
  7106. </div>
  7107. </div>
  7108. <div
  7109. class="tool_work_box"
  7110. :style="isClose == 0 ? 'display:none' : 'display:block'"
  7111. >
  7112. <div class="tool_box">
  7113. <div class="tool_type_box">
  7114. <div class="chooseWho">
  7115. <div
  7116. :class="toolType == 0 ? 'isChooseActive' : ''"
  7117. @click="(toolType = 0), $forceUpdate()"
  7118. >
  7119. 互动类
  7120. </div>
  7121. <div
  7122. :class="toolType == 1 ? 'isChooseActive' : ''"
  7123. @click="(toolType = 1), $forceUpdate()"
  7124. >
  7125. 思维类
  7126. </div>
  7127. <div
  7128. :class="toolType == 2 ? 'isChooseActive' : ''"
  7129. @click="(toolType = 2), $forceUpdate()"
  7130. >
  7131. 测评类
  7132. </div>
  7133. <div
  7134. :class="toolType == 3 ? 'isChooseActive' : ''"
  7135. @click="(toolType = 3), $forceUpdate()"
  7136. >
  7137. 编程类
  7138. </div>
  7139. <div
  7140. :class="toolType == 5 ? 'isChooseActive' : ''"
  7141. @click="(toolType = 5), $forceUpdate()"
  7142. >
  7143. 学科类
  7144. </div>
  7145. </div>
  7146. </div>
  7147. <div>
  7148. <div class="toolSort" v-if="toolType == 0">
  7149. <div class="tool">
  7150. <div class="whiteBIcon" @click="addTools2(10)">
  7151. <img
  7152. src="../assets/icon/thirdToolList/time.png"
  7153. alt
  7154. />
  7155. <div style="margin: 5px 0">倒计时</div>
  7156. </div>
  7157. <div class="check" @click="addTools2(10)">
  7158. <img
  7159. src="../assets/icon/checkNo.png"
  7160. alt
  7161. v-if="checktoolArray.indexOf(10) == -1"
  7162. />
  7163. <div class="checkDiv" v-else>
  7164. <img src="../assets/icon/checkedIs.png" alt /><span
  7165. >已选择</span
  7166. >
  7167. </div>
  7168. </div>
  7169. </div>
  7170. <div class="tool">
  7171. <div class="whiteBIcon" @click="addTools2(65)">
  7172. <img
  7173. src="../assets/icon/firstToolList/pickPeople.png"
  7174. alt
  7175. />
  7176. <div style="margin: 5px 0">挑人</div>
  7177. </div>
  7178. <div class="check" @click="addTools2(65)">
  7179. <img
  7180. src="../assets/icon/checkNo.png"
  7181. alt
  7182. v-if="checktoolArray.indexOf(65) == -1"
  7183. />
  7184. <div class="checkDiv" v-else>
  7185. <img src="../assets/icon/checkedIs.png" alt /><span
  7186. >已选择</span
  7187. >
  7188. </div>
  7189. </div>
  7190. </div>
  7191. </div>
  7192. <div class="toolSort" v-if="toolType == 1">
  7193. <div class="tool">
  7194. <div class="whiteBIcon" @click="addTools2(7)">
  7195. <img
  7196. src="../assets/icon/secondToolList/mindNetwork.png"
  7197. alt
  7198. />
  7199. <div style="margin: 5px 0">思维网格</div>
  7200. </div>
  7201. <div class="check" @click="addTools2(7)">
  7202. <img
  7203. src="../assets/icon/checkNo.png"
  7204. alt
  7205. v-if="checktoolArray.indexOf(7) == -1"
  7206. />
  7207. <div class="checkDiv" v-else>
  7208. <img src="../assets/icon/checkedIs.png" alt /><span
  7209. >已选择</span
  7210. >
  7211. </div>
  7212. </div>
  7213. </div>
  7214. <div class="tool">
  7215. <div class="whiteBIcon" @click="addTools2(1)">
  7216. <img
  7217. src="../assets/icon/secondToolList/whiteBoard.png"
  7218. alt
  7219. />
  7220. <div style="margin: 5px 0">电子白板</div>
  7221. </div>
  7222. <div class="check" @click="addTools2(1)">
  7223. <img
  7224. src="../assets/icon/checkNo.png"
  7225. alt
  7226. v-if="checktoolArray.indexOf(1) == -1"
  7227. />
  7228. <div class="checkDiv" v-else>
  7229. <img src="../assets/icon/checkedIs.png" alt /><span
  7230. >已选择</span
  7231. >
  7232. </div>
  7233. </div>
  7234. </div>
  7235. <div class="tool">
  7236. <div class="whiteBIcon" @click="addTools2(52)">
  7237. <img
  7238. src="../assets/icon/fourthToolList/text.png"
  7239. alt
  7240. />
  7241. <div style="margin: 5px 0">文档</div>
  7242. </div>
  7243. <div class="check" @click="addTools2(52)">
  7244. <img
  7245. src="../assets/icon/checkNo.png"
  7246. alt
  7247. v-if="checktoolArray.indexOf(52) == -1"
  7248. />
  7249. <div class="checkDiv" v-else>
  7250. <img src="../assets/icon/checkedIs.png" alt /><span
  7251. >已选择</span
  7252. >
  7253. </div>
  7254. </div>
  7255. </div>
  7256. <div class="tool">
  7257. <div class="whiteBIcon" @click="addTools2(3)">
  7258. <img
  7259. src="../assets/icon/secondToolList/mindMapping.png"
  7260. alt
  7261. />
  7262. <div style="margin: 5px 0">思维导图</div>
  7263. </div>
  7264. <div class="check" @click="addTools2(3)">
  7265. <img
  7266. src="../assets/icon/checkNo.png"
  7267. alt
  7268. v-if="checktoolArray.indexOf(3) == -1"
  7269. />
  7270. <div class="checkDiv" v-else>
  7271. <img src="../assets/icon/checkedIs.png" alt /><span
  7272. >已选择</span
  7273. >
  7274. </div>
  7275. </div>
  7276. </div>
  7277. <div class="tool">
  7278. <div class="whiteBIcon" @click="addTools2(48)">
  7279. <img
  7280. src="../assets/icon/fourthToolList/table.png"
  7281. alt
  7282. />
  7283. <div style="margin: 5px 0">表格</div>
  7284. </div>
  7285. <div class="check" @click="addTools2(48)">
  7286. <img
  7287. src="../assets/icon/checkNo.png"
  7288. alt
  7289. v-if="checktoolArray.indexOf(48) == -1"
  7290. />
  7291. <div class="checkDiv" v-else>
  7292. <img src="../assets/icon/checkedIs.png" alt /><span
  7293. >已选择</span
  7294. >
  7295. </div>
  7296. </div>
  7297. </div>
  7298. </div>
  7299. <div class="toolSort" v-if="toolType == 6">
  7300. <div v-show="tooC == 49">
  7301. <img
  7302. @click="addTools(tooC, toolIndex, taskCount)"
  7303. src="../assets/icon/fourthToolList/group.png"
  7304. alt
  7305. />
  7306. <div style="margin: 5px 0">学生分组</div>
  7307. </div>
  7308. </div>
  7309. <div class="toolSort" v-if="toolType == 2">
  7310. <div class="tool">
  7311. <div class="whiteBIcon" @click="addTools2(16)">
  7312. <img
  7313. src="../assets/icon/thirdToolList/work.png"
  7314. alt
  7315. />
  7316. <div style="margin: 5px 0">作业提交</div>
  7317. </div>
  7318. <div class="check" @click="addTools2(16)">
  7319. <img
  7320. src="../assets/icon/checkNo.png"
  7321. alt
  7322. v-if="checktoolArray.indexOf(16) == -1"
  7323. />
  7324. <div class="checkDiv" v-else>
  7325. <img src="../assets/icon/checkedIs.png" alt /><span
  7326. >已选择</span
  7327. >
  7328. </div>
  7329. </div>
  7330. </div>
  7331. <div class="tool">
  7332. <div class="whiteBIcon" @click="addTools2(50)">
  7333. <img
  7334. src="../assets/icon/thirdToolList/plwork.png"
  7335. alt
  7336. />
  7337. <div style="margin: 5px 0">批量上传</div>
  7338. </div>
  7339. <div class="check" @click="addTools2(50)">
  7340. <img
  7341. src="../assets/icon/checkNo.png"
  7342. alt
  7343. v-if="checktoolArray.indexOf(50) == -1"
  7344. />
  7345. <div class="checkDiv" v-else>
  7346. <img src="../assets/icon/checkedIs.png" alt /><span
  7347. >已选择</span
  7348. >
  7349. </div>
  7350. </div>
  7351. </div>
  7352. </div>
  7353. <div class="toolSort" v-if="toolType == 3">
  7354. <div class="tool">
  7355. <div class="whiteBIcon" @click="addTools2(18)">
  7356. <img
  7357. src="../assets/icon/thirdToolList/trainPlatform.png"
  7358. alt
  7359. />
  7360. <div style="margin: 5px 0">训练平台</div>
  7361. </div>
  7362. <div class="check" @click="addTools2(18)">
  7363. <img
  7364. src="../assets/icon/checkNo.png"
  7365. alt
  7366. v-if="checktoolArray.indexOf(18) == -1"
  7367. />
  7368. <div class="checkDiv" v-else>
  7369. <img src="../assets/icon/checkedIs.png" alt /><span
  7370. >已选择</span
  7371. >
  7372. </div>
  7373. </div>
  7374. </div>
  7375. <div class="tool">
  7376. <div class="whiteBIcon" @click="addTools2(21)">
  7377. <img
  7378. src="../assets/icon/fourthToolList/program.png"
  7379. alt
  7380. />
  7381. <div style="margin: 5px 0">AIoT Blockly</div>
  7382. </div>
  7383. <div class="check" @click="addTools2(21)">
  7384. <img
  7385. src="../assets/icon/checkNo.png"
  7386. alt
  7387. v-if="checktoolArray.indexOf(21) == -1"
  7388. />
  7389. <div class="checkDiv" v-else>
  7390. <img src="../assets/icon/checkedIs.png" alt /><span
  7391. >已选择</span
  7392. >
  7393. </div>
  7394. </div>
  7395. </div>
  7396. <div class="tool">
  7397. <div class="whiteBIcon" @click="addTools2(23)">
  7398. <img
  7399. src="../assets/icon/fourthToolList/Pythonprogram.png"
  7400. alt
  7401. />
  7402. <div style="margin: 5px 0">AI Python</div>
  7403. </div>
  7404. <div class="check" @click="addTools2(23)">
  7405. <img
  7406. src="../assets/icon/checkNo.png"
  7407. alt
  7408. v-if="checktoolArray.indexOf(23) == -1"
  7409. />
  7410. <div class="checkDiv" v-else>
  7411. <img src="../assets/icon/checkedIs.png" alt /><span
  7412. >已选择</span
  7413. >
  7414. </div>
  7415. </div>
  7416. </div>
  7417. <div class="tool">
  7418. <div class="whiteBIcon" @click="addTools2(24)">
  7419. <img
  7420. src="../assets/icon/fourthToolList/AIprogram.png"
  7421. alt
  7422. />
  7423. <div style="margin: 5px 0">AI Blockly</div>
  7424. </div>
  7425. <div class="check" @click="addTools2(24)">
  7426. <img
  7427. src="../assets/icon/checkNo.png"
  7428. alt
  7429. v-if="checktoolArray.indexOf(24) == -1"
  7430. />
  7431. <div class="checkDiv" v-else>
  7432. <img src="../assets/icon/checkedIs.png" alt /><span
  7433. >已选择</span
  7434. >
  7435. </div>
  7436. </div>
  7437. </div>
  7438. <div class="tool">
  7439. <div class="whiteBIcon" @click="addTools2(32)">
  7440. <img
  7441. src="../assets/icon/thirdToolList/code.png"
  7442. alt
  7443. />
  7444. <div style="margin: 5px 0">源码编辑</div>
  7445. </div>
  7446. <div class="check" @click="addTools2(32)">
  7447. <img
  7448. src="../assets/icon/checkNo.png"
  7449. alt
  7450. v-if="checktoolArray.indexOf(32) == -1"
  7451. />
  7452. <div class="checkDiv" v-else>
  7453. <img src="../assets/icon/checkedIs.png" alt /><span
  7454. >已选择</span
  7455. >
  7456. </div>
  7457. </div>
  7458. </div>
  7459. <div class="tool">
  7460. <div class="whiteBIcon" @click="addTools2(57)">
  7461. <img
  7462. src="../assets/icon/fourthToolList/cocopi.png"
  7463. alt
  7464. />
  7465. <div style="margin: 5px 0">CocoPi</div>
  7466. </div>
  7467. <div class="check" @click="addTools2(57)">
  7468. <img
  7469. src="../assets/icon/checkNo.png"
  7470. alt
  7471. v-if="checktoolArray.indexOf(57) == -1"
  7472. />
  7473. <div class="checkDiv" v-else>
  7474. <img src="../assets/icon/checkedIs.png" alt /><span
  7475. >已选择</span
  7476. >
  7477. </div>
  7478. </div>
  7479. </div>
  7480. <div class="tool">
  7481. <div class="whiteBIcon" @click="addTools2(63)">
  7482. <img
  7483. src="../assets/icon/fourthToolList/Wood.png"
  7484. alt
  7485. />
  7486. <div style="margin: 5px 0">海龟编程</div>
  7487. </div>
  7488. <div class="check" @click="addTools2(63)">
  7489. <img
  7490. src="../assets/icon/checkNo.png"
  7491. alt
  7492. v-if="checktoolArray.indexOf(63) == -1"
  7493. />
  7494. <div class="checkDiv" v-else>
  7495. <img src="../assets/icon/checkedIs.png" alt /><span
  7496. >已选择</span
  7497. >
  7498. </div>
  7499. </div>
  7500. </div>
  7501. </div>
  7502. <div class="toolSort" v-if="toolType == 5">
  7503. <div class="tool">
  7504. <div class="whiteBIcon" @click="addTools2(28)">
  7505. <img
  7506. src="../assets/icon/secondToolList/translation.png"
  7507. alt
  7508. />
  7509. <div style="margin: 5px 0">翻译</div>
  7510. </div>
  7511. <div class="check" @click="addTools2(28)">
  7512. <img
  7513. src="../assets/icon/checkNo.png"
  7514. alt
  7515. v-if="checktoolArray.indexOf(28) == -1"
  7516. />
  7517. <div class="checkDiv" v-else>
  7518. <img src="../assets/icon/checkedIs.png" alt /><span
  7519. >已选择</span
  7520. >
  7521. </div>
  7522. </div>
  7523. </div>
  7524. <div class="tool">
  7525. <div class="whiteBIcon" @click="addTools2(31)">
  7526. <img
  7527. src="../assets/icon/secondToolList/networkPanel.png"
  7528. alt
  7529. />
  7530. <div style="margin: 5px 0">数字画板</div>
  7531. </div>
  7532. <div class="check" @click="addTools2(31)">
  7533. <img
  7534. src="../assets/icon/checkNo.png"
  7535. alt
  7536. v-if="checktoolArray.indexOf(31) == -1"
  7537. />
  7538. <div class="checkDiv" v-else>
  7539. <img src="../assets/icon/checkedIs.png" alt /><span
  7540. >已选择</span
  7541. >
  7542. </div>
  7543. </div>
  7544. </div>
  7545. <div class="tool">
  7546. <div class="whiteBIcon" @click="addTools2(39)">
  7547. <img
  7548. src="../assets/icon/secondToolList/GeoGebra.png"
  7549. alt
  7550. />
  7551. <div style="margin: 5px 0">GeoGebra</div>
  7552. </div>
  7553. <div class="check" @click="addTools2(39)">
  7554. <img
  7555. src="../assets/icon/checkNo.png"
  7556. alt
  7557. v-if="checktoolArray.indexOf(39) == -1"
  7558. />
  7559. <div class="checkDiv" v-else>
  7560. <img src="../assets/icon/checkedIs.png" alt /><span
  7561. >已选择</span
  7562. >
  7563. </div>
  7564. </div>
  7565. </div>
  7566. <div class="tool">
  7567. <div class="whiteBIcon" @click="addTools2(66)">
  7568. <img
  7569. src="../assets/icon/secondToolList/formulaEdi.png"
  7570. alt
  7571. />
  7572. <div style="margin: 5px 0">公式编辑</div>
  7573. </div>
  7574. <div class="check" @click="addTools2(66)">
  7575. <img
  7576. src="../assets/icon/checkNo.png"
  7577. alt
  7578. v-if="checktoolArray.indexOf(66) == -1"
  7579. />
  7580. <div class="checkDiv" v-else>
  7581. <img src="../assets/icon/checkedIs.png" alt /><span
  7582. >已选择</span
  7583. >
  7584. </div>
  7585. </div>
  7586. </div>
  7587. <div class="tool">
  7588. <div class="whiteBIcon" @click="addTools2(67)">
  7589. <img
  7590. src="../assets/icon/secondToolList/molStr.png"
  7591. alt
  7592. />
  7593. <div style="margin: 5px 0">分子结构</div>
  7594. </div>
  7595. <div class="check" @click="addTools2(67)">
  7596. <img
  7597. src="../assets/icon/checkNo.png"
  7598. alt
  7599. v-if="checktoolArray.indexOf(67) == -1"
  7600. />
  7601. <div class="checkDiv" v-else>
  7602. <img src="../assets/icon/checkedIs.png" alt /><span
  7603. >已选择</span
  7604. >
  7605. </div>
  7606. </div>
  7607. </div>
  7608. <div class="tool">
  7609. <div class="whiteBIcon" @click="addTools2(68)">
  7610. <img
  7611. src="../assets/icon/secondToolList/timeAxis.png"
  7612. alt
  7613. />
  7614. <div style="margin: 5px 0">时间轴</div>
  7615. </div>
  7616. <div class="check" @click="addTools2(68)">
  7617. <img
  7618. src="../assets/icon/checkNo.png"
  7619. alt
  7620. v-if="checktoolArray.indexOf(68) == -1"
  7621. />
  7622. <div class="checkDiv" v-else>
  7623. <img src="../assets/icon/checkedIs.png" alt /><span
  7624. >已选择</span
  7625. >
  7626. </div>
  7627. </div>
  7628. </div>
  7629. </div>
  7630. <div class="toolSort" v-if="toolType == 7">
  7631. <div class="tool">
  7632. <div class="whiteBIcon" @click="addTools2(40)">
  7633. <img
  7634. src="../assets/icon/secondToolList/eval.png"
  7635. alt
  7636. />
  7637. <div style="margin: 5px 0">个人评价</div>
  7638. </div>
  7639. <div class="check" @click="addTools2(40)">
  7640. <img
  7641. src="../assets/icon/checkNo.png"
  7642. alt
  7643. v-if="checktoolArray.indexOf(40) == -1"
  7644. />
  7645. <div class="checkDiv" v-else>
  7646. <img src="../assets/icon/checkedIs.png" alt /><span
  7647. >已选择</span
  7648. >
  7649. </div>
  7650. </div>
  7651. </div>
  7652. </div>
  7653. <div class="toolSort" v-if="toolType == 4">
  7654. <div class="tool">
  7655. <div class="whiteBIcon" @click="addTools2(26)">
  7656. <img
  7657. src="../assets/icon/thirdToolList/courseDesign.png"
  7658. alt
  7659. />
  7660. <div style="margin: 5px 0">课程设计</div>
  7661. </div>
  7662. <div class="check" @click="addTools2(26)">
  7663. <img
  7664. src="../assets/icon/checkNo.png"
  7665. alt
  7666. v-if="checktoolArray.indexOf(26) == -1"
  7667. />
  7668. <div class="checkDiv" v-else>
  7669. <img src="../assets/icon/checkedIs.png" alt /><span
  7670. >已选择</span
  7671. >
  7672. </div>
  7673. </div>
  7674. </div>
  7675. <div class="tool">
  7676. <div class="whiteBIcon" @click="addTools2(25)">
  7677. <img
  7678. src="../assets/icon/thirdToolList/evalua.png"
  7679. alt
  7680. />
  7681. <div style="margin: 5px 0">目标管理</div>
  7682. </div>
  7683. <div class="check" @click="addTools2(25)">
  7684. <img
  7685. src="../assets/icon/checkNo.png"
  7686. alt
  7687. v-if="checktoolArray.indexOf(25) == -1"
  7688. />
  7689. <div class="checkDiv" v-else>
  7690. <img src="../assets/icon/checkedIs.png" alt /><span
  7691. >已选择</span
  7692. >
  7693. </div>
  7694. </div>
  7695. </div>
  7696. </div>
  7697. </div>
  7698. </div>
  7699. </div>
  7700. </div> -->
  7701. <div
  7702. class="vedioBox"
  7703. style="margin-top: 10px; border-radius: 20px"
  7704. v-if="
  7705. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7706. .eList &&
  7707. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7708. .eList.length &&
  7709. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7710. .eList.length > 0 &&
  7711. tType != 2
  7712. "
  7713. >
  7714. <div
  7715. class="queTop"
  7716. style="
  7717. font-size: 20px;
  7718. padding: 15px 0 15px 37px;
  7719. font-weight: bold;
  7720. "
  7721. >
  7722. <!-- <div class="question" style="width: 30px">
  7723. <img src="../assets/icon/toolIcon.png" alt />
  7724. </div>
  7725. <div class="queTitle">
  7726. <div>工具</div>
  7727. </div>-->
  7728. 评一评
  7729. </div>
  7730. <div class="evaCss" :class="{ evaCssMax: Stbodywidth < 974 }">
  7731. <div class="elist_input" :style="{width:evalua ? chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2?'45%':'calc(100% - 180px)' : '100%'}">
  7732. <el-table
  7733. :data="
  7734. chapInfoList[courseType].chapterInfo[0].taskJson[
  7735. taskCount
  7736. ].eList
  7737. "
  7738. :header-cell-style="{ background: '#F0F4FA' }"
  7739. :row-class-name="tableRowClassName"
  7740. border
  7741. stripe
  7742. style="width: 100%"
  7743. >
  7744. <el-table-column
  7745. label="评价名称"
  7746. align="center"
  7747. >
  7748. <template slot-scope="scope"
  7749. ><div>{{ scope.row.value }}</div></template
  7750. >
  7751. </el-table-column>
  7752. <el-table-column
  7753. label="评价描述"
  7754. align="center"
  7755. >
  7756. <template slot-scope="scope"
  7757. ><div>
  7758. {{ scope.row.detail != "" ? scope.row.detail : "-" }}
  7759. </div></template
  7760. >
  7761. </el-table-column>
  7762. <el-table-column label="目标" align="center">
  7763. <template slot-scope="scope"
  7764. ><div>
  7765. {{
  7766. scope.row.target
  7767. ? scope.row.target[scope.row.target.length - 1]
  7768. : "-"
  7769. }}
  7770. </div></template
  7771. ></el-table-column
  7772. >
  7773. </el-table>
  7774. <!-- <div
  7775. v-for="(eItem, eIndex) in chapInfoList[courseType]
  7776. .chapterInfo[0].taskJson[taskCount].eList"
  7777. :key="eIndex"
  7778. class="elist_input_box"
  7779. >
  7780. <div style="width: 95%">
  7781. <div
  7782. style="
  7783. display: flex;
  7784. flex-direction: row;
  7785. flex-wrap: nowrap;
  7786. align-items: center;
  7787. "
  7788. >
  7789. <div style="max-width: calc(100% - 285px)">
  7790. <span>{{ eItem.value }}</span>
  7791. </div>
  7792. <div
  7793. style="
  7794. padding-left: 25px;
  7795. display: flex;
  7796. flex-direction: row;
  7797. align-items: center;
  7798. "
  7799. >
  7800. <el-rate
  7801. v-model="eItem.score"
  7802. :colors="colors"
  7803. disabled
  7804. ></el-rate>
  7805. </div>
  7806. </div>
  7807. <div class="elist_inptu_text" style="padding-left: 10px">
  7808. <span v-if="eItem.detail != ''">{{
  7809. eItem.detail
  7810. }}</span>
  7811. <span v-else style="color: #b2b1b3; font-size: 14px"
  7812. >暂无描述...</span
  7813. >
  7814. </div>
  7815. </div>
  7816. </div> -->
  7817. </div>
  7818. <div
  7819. v-if="evalua"
  7820. style="
  7821. border: 1px solid #e5e5e5;
  7822. max-width: 650px;
  7823. width: 100%;
  7824. margin-top: 20px;
  7825. box-shadow: 3px 1px 15px 3px #e0e0e0;
  7826. "
  7827. :style="{width:chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2?'100%':'116px'}"
  7828. >
  7829. <div class="e_add_top">
  7830. <div class="e_add_title" style="width: 100%">
  7831. <!-- <span>目标管理名称</span> -->
  7832. <span v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2">{{ eTitle }}</span>
  7833. <img
  7834. v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2"
  7835. src="../assets/line.png"
  7836. class="cru_line"
  7837. style="
  7838. width: 125px;
  7839. height: 20px;
  7840. bottom: -10px;
  7841. left: 5px;
  7842. "
  7843. />
  7844. <!-- <el-input
  7845. v-model="eTitle"
  7846. placeholder="请输入名称"
  7847. @change="setMindData"
  7848. ></el-input>-->
  7849. <div v-show="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2" class="show_taskD show" style="margin:0 0 0 auto" @click="foldEva()"><img src="../assets/icon/newIcon/icon-slide.png" />收起目标</div>
  7850. <div v-show="!chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2" style="margin:0 0 0 auto" class="show_taskD" @click="foldEva()"><img src="../assets/icon/newIcon/icon-slide.png" />展开目标</div>
  7851. </div>
  7852. </div>
  7853. <div class="e_add_content" v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2" >
  7854. <div class="e_add_list_pbox">
  7855. <div class="e_add_list_pbox_title">
  7856. <!-- <span class="type_title">切换模式</span> -->
  7857. <div class="type_content">
  7858. <span
  7859. :class="{ active: typeMode == 1 }"
  7860. @click="typeMode = 1"
  7861. >目标树</span
  7862. >
  7863. <span
  7864. :class="{ active: typeMode == 2 }"
  7865. @click="typeMode = 2"
  7866. >目标罗盘</span
  7867. >
  7868. <!-- <span
  7869. :class="{ active: typeMode == 3 }"
  7870. @click="typeMode = 3"
  7871. >目标看板</span
  7872. > -->
  7873. </div>
  7874. </div>
  7875. <div class="e_add_list_pbox_content" style="min-height: 200px;">
  7876. <Mind
  7877. :showBar="false"
  7878. :mindData="data"
  7879. style="width: 100%"
  7880. v-show="typeMode == 1"
  7881. ></Mind>
  7882. <Sunburst
  7883. :Josn="eJson"
  7884. :num="eJSONNum"
  7885. style="width: 100%"
  7886. v-if="typeMode == 2"
  7887. ></Sunburst>
  7888. <SeeBoard
  7889. :Josn="eJson"
  7890. :num="eJSONNum"
  7891. :ename="eTitle"
  7892. style="width: 100%"
  7893. v-if="typeMode == 3"
  7894. >
  7895. </SeeBoard>
  7896. </div>
  7897. </div>
  7898. </div>
  7899. </div>
  7900. </div>
  7901. </div>
  7902. <!-- <div
  7903. class="project_box"
  7904. style="margin-top: 15px; padding-bottom: 30px"
  7905. >
  7906. <div
  7907. style="
  7908. display: flex;
  7909. flex-wrap: nowrap;
  7910. flex-direction: column;
  7911. position: relative;
  7912. "
  7913. >
  7914. <div class="queTop">
  7915. <div class="question">
  7916. <img src="../assets/icon/homeWork.png" alt="" />
  7917. </div>
  7918. <div class="queTitle">
  7919. <div>作业提交<span>(提交图文视频等)</span></div>
  7920. <div>:任务:{{ task.task }}</div>
  7921. </div>
  7922. </div>
  7923. <div class="ediBottom">
  7924. <div
  7925. class="addEditor"
  7926. style="margin-top: 23px"
  7927. @click="openAddWork"
  7928. v-if="!isNoHomeWork"
  7929. >
  7930. 选择文件
  7931. </div>
  7932. <div
  7933. class="addEditor"
  7934. style="margin-top: 23px"
  7935. @click="openAddWork"
  7936. v-else
  7937. >
  7938. 已提交
  7939. </div>
  7940. </div>
  7941. </div>
  7942. </div>-->
  7943. </div>
  7944. </div>
  7945. <el-dialog
  7946. title="作业提交"
  7947. :visible.sync="dialogVisible"
  7948. :append-to-body="true"
  7949. width="500px"
  7950. :before-close="handleClose"
  7951. class="dialog_change"
  7952. >
  7953. <div class="marginT">
  7954. <div>上传文件</div>
  7955. <div
  7956. class="chapter_add"
  7957. @click="addImg($event)"
  7958. v-if="studyJuri[0].cover.length == 0"
  7959. >
  7960. <div class="up_photo">
  7961. <img src="../assets/icon/uploadImg.png" alt />
  7962. </div>
  7963. <!-- <input
  7964. type="file"
  7965. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  7966. style="display: none"
  7967. @change="beforeUpload1($event, 1)"
  7968. /> -->
  7969. <input
  7970. type="file"
  7971. accept="*"
  7972. style="display: none"
  7973. @change="beforeUpload1($event, 1)"
  7974. />
  7975. <!-- <input
  7976. type="file"
  7977. accept="image/*"
  7978. capture="camera"
  7979. style="display: none"
  7980. @change="beforeUpload1($event, 1)"
  7981. /> -->
  7982. </div>
  7983. <div
  7984. class="chapter_add"
  7985. style="
  7986. display: flex;
  7987. width: 100%;
  7988. flex-direction: row;
  7989. flex-wrap: wrap;
  7990. justify-content: flex-start;
  7991. padding: 15px 0;
  7992. "
  7993. v-if="studyJuri[0].cover.length > 0"
  7994. >
  7995. <div class="upCover">
  7996. <img
  7997. :src="studyJuri[0].cover[0].url"
  7998. alt
  7999. v-if="fileType == 0"
  8000. />
  8001. <img :src="word" alt v-else-if="fileType == 1" />
  8002. <img :src="video" alt v-else-if="fileType == 2" />
  8003. <img :src="word2" alt v-else-if="fileType == 3" />
  8004. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  8005. <div class="deleteWord" @click="clean(1)">
  8006. <img src="../assets/icon/deleteWorks.png" alt />
  8007. </div>
  8008. </div>
  8009. </div>
  8010. </div>
  8011. <div
  8012. class="upload_send"
  8013. @click="addCourseWorks(taskCount)"
  8014. v-if="!proVisible"
  8015. >
  8016. 提交
  8017. </div>
  8018. </el-dialog>
  8019. </div>
  8020. <!-- v-show="org == '1973f6c7-1561-11ee-91d8-005056b86db5' || org == '777559d2-7239-11ee-b98c-005056b86db5' || org == '884c5665-a453-46f3-b7b6-01d575290aa9'" -->
  8021. <classRoomHelper :tcid="tcid" :navList="navList" v-show="orgArray.includes(org) || oidArray.includes(oid)" ref="classRoomHelperRef" :courseDetail="courseDetail" :tType="tType" @setWidth="setClassRoomHelperWidth" @refresh="refreshCourse" @goStep="nextOrpreSteps" @authority="juriVisible = true" @review="setPz" @backPage="goTo(
  8022. '/courseDetail?userid=' +
  8023. userid +
  8024. '&oid=' +
  8025. oid +
  8026. '&org=' +
  8027. org +
  8028. '&cid=' +
  8029. classId +
  8030. '&courseId=' +
  8031. id +
  8032. '&tType=' +
  8033. tType +
  8034. '&screenType=' +
  8035. screenType
  8036. )"></classRoomHelper>
  8037. </div>
  8038. <div
  8039. class="pButton"
  8040. @click="(pzDialog = true), selectPz()"
  8041. v-if="pzDialog == false && (tType == 4 || ispzType == 4)"
  8042. style="background-image: linear-gradient(90deg, #477cd7, #65b9fc)"
  8043. >
  8044. <!-- 批 -->
  8045. <img src="../assets/mlBtn.png" style="width: 25px" alt="" />
  8046. </div>
  8047. <div v-if="pzDialog == true" class="newDialogCss" :style="`right:${commentRight}`">
  8048. <div class="pzTop2">
  8049. <!-- <div>评论</div>
  8050. <div @click="pzDialog = false">
  8051. <img src="../assets/close1.png" alt="" />
  8052. </div> -->
  8053. <div class="checkbox">
  8054. <!-- <div class="check" style="font-size: 25px; position: unset">
  8055. 评论
  8056. </div> -->
  8057. <div class="cb-tabList">
  8058. <div :class="[commentTagShow==0?'cb-tabItem':'']" @click="commentTagShow=0">评论</div>
  8059. <!-- <div :class="[commentTagShow==1?'cb-tabItem':'']" @click="commentTagShow=1">评分</div> -->
  8060. <!-- v-show="oid == '4c686762-1d0a-11ed-8c78-005056b86db5'" -->
  8061. <div :class="[commentTagShow==2?'cb-tabItem':'']" @click="commentTagShow=2">总评</div>
  8062. </div>
  8063. <el-select v-model="pzStype" @change="selectPz" class="selectBox" v-show="commentTagShow == 0">
  8064. <el-option label="时间降序" :value="1"></el-option>
  8065. <el-option label="时间升序" :value="2"></el-option>
  8066. <el-option label="我的评课" :value="3"></el-option>
  8067. </el-select>
  8068. <img src="../assets/pzBtn.png" @click="pzDialog = false" alt="" />
  8069. </div>
  8070. </div>
  8071. <div :class="pzList && pzList.length ? 'pzBox' : 'noPzBox'" v-if="commentTagShow==0">
  8072. <div class="pzListBox" v-if="pzList && pzList.length">
  8073. <div class="pzList" v-for="(pz, pzIndex) in pzList" :key="pzIndex">
  8074. <div class="pzNavTop">
  8075. <div>评</div>
  8076. <div>
  8077. {{
  8078. pz.username && pz.username.length > 5
  8079. ? pz.username.substring(0, 5) + "..."
  8080. : pz.username
  8081. }}的评论
  8082. </div>
  8083. <div
  8084. class="pzDelete"
  8085. v-if="pz.userid == userid"
  8086. @click="deletePz(pz.id)"
  8087. >
  8088. 删除
  8089. </div>
  8090. </div>
  8091. <div
  8092. @click="checkImg(getImgList(pz.content))"
  8093. class="pzContent cont"
  8094. v-html="pz.content"
  8095. v-if="pz.type == '1'"
  8096. ></div>
  8097. <div class="pzContent" v-if="pz.type == '2'">
  8098. <audio :src="pz.content" controls="controls" ref="audio">
  8099. Your browser does not support the audio element.
  8100. </audio>
  8101. </div>
  8102. <div class="pzContent" v-if="pz.type == '3'">
  8103. <img
  8104. :src="pz.content"
  8105. style="width: 90%; margin: 0 auto; display: block"
  8106. @click="previewImg(pz.content)"
  8107. />
  8108. </div>
  8109. <div class="timeAndReply">
  8110. <div class="time">
  8111. {{ pz.time }}
  8112. </div>
  8113. <div @click="setReplyIndex(pz.id, pzIndex)">回复</div>
  8114. </div>
  8115. <div v-if="pz.hfList && pz.hfList.length > 0" class="hfBox">
  8116. <div
  8117. v-for="(h, hIndex) in pz.hfList"
  8118. :key="hIndex"
  8119. class="hfItem"
  8120. >
  8121. <div class="whoReplyWho">
  8122. <div class="hfName">{{ h.username }}</div>
  8123. <div class="hfImg">
  8124. <img src="../assets/icon/newIcons/right.png" alt="" />
  8125. </div>
  8126. <div class="hfName">{{ pz.username }}</div>
  8127. </div>
  8128. <div class="hfContent" v-html="h.content"></div>
  8129. <div class="hfBottom">
  8130. <div class="hfTime">{{ h.time }}</div>
  8131. <div
  8132. class="deleteHfItem"
  8133. @click="deleteReply(h.id)"
  8134. v-if="userid == h.userid"
  8135. >
  8136. <img src="../assets/icon/newIcons/delete.png" alt="" />
  8137. </div>
  8138. </div>
  8139. </div>
  8140. </div>
  8141. <!-- <div class="replyBox" v-if="replyIndex[pzIndex] && replyIndex[pzIndex] == true">
  8142. <div class="replyInput">
  8143. <el-input v-model="reply[pzIndex]"></el-input>
  8144. </div>
  8145. <el-button @click="addHf(pz.id, pzIndex)">回复</el-button>
  8146. </div> -->
  8147. </div>
  8148. </div>
  8149. <div class="noPz" v-else>
  8150. <img src="../assets/icon/noPz.png" alt="" />
  8151. </div>
  8152. <div class="addPzButton">
  8153. <div class="addPz" @click="(addPzDialog = true), (pzType = 1)">
  8154. 添加评论
  8155. </div>
  8156. <!-- <div class="img1">
  8157. <div @click="(addPzDialog = true), (pzType = 2)">
  8158. <img src="../assets/audio.png" /><span>音频</span>
  8159. </div>
  8160. </div> -->
  8161. </div>
  8162. </div>
  8163. <div class="scoreList" v-if="commentTagShow==1">
  8164. <scoreItem v-for="item in scoreList.datalist" @refresh="getScoreList" :data="item" :isScore="scoreList.isScoreList.filter(i=>(i.userid==item.userid && i.courseid == item.courseId))" :key="item.courseId"/>
  8165. </div>
  8166. <div class="scoreList" v-if="commentTagShow==2" style="position: relative">
  8167. <scoreZong :courseid="id" :userid="userid"></scoreZong>
  8168. </div>
  8169. </div>
  8170. <div
  8171. v-if="toolDialogVisible == true"
  8172. class="toolMask"
  8173. @click="toolDialogVisible = false"
  8174. ></div>
  8175. <div v-if="toolDialogVisible == true" class="addToolCss">
  8176. <div class="toolTop">
  8177. <div style="font-weight: bold">新增工具</div>
  8178. <div @click="toolDialogVisible = false">
  8179. <img src="../assets/icon/close.png" class="toolClose" alt="" />
  8180. </div>
  8181. </div>
  8182. <div class="tool_box">
  8183. <div class="tool_type_box">
  8184. <div class="chooseWho">
  8185. <div
  8186. :class="toolType == 0 ? 'isChooseActive' : ''"
  8187. @click="(toolType = 0), $forceUpdate()"
  8188. >
  8189. 互动类
  8190. </div>
  8191. <div
  8192. :class="toolType == 1 ? 'isChooseActive' : ''"
  8193. @click="(toolType = 1), $forceUpdate()"
  8194. >
  8195. 思维类
  8196. </div>
  8197. <div
  8198. :class="toolType == 2 ? 'isChooseActive' : ''"
  8199. @click="(toolType = 2), $forceUpdate()"
  8200. >
  8201. 测评类
  8202. </div>
  8203. <div
  8204. :class="toolType == 3 ? 'isChooseActive' : ''"
  8205. @click="(toolType = 3), $forceUpdate()"
  8206. >
  8207. 编程类
  8208. </div>
  8209. <div
  8210. :class="toolType == 5 ? 'isChooseActive' : ''"
  8211. @click="(toolType = 5), $forceUpdate()"
  8212. >
  8213. 学科类
  8214. </div>
  8215. </div>
  8216. </div>
  8217. <div>
  8218. <div class="toolSort" v-if="toolType == 0">
  8219. <div
  8220. class="tool"
  8221. :class="{ isToolChoose: checktoolArray.indexOf(10) != -1 }"
  8222. @click="addTools2(10)"
  8223. >
  8224. <div class="whiteBIcon">
  8225. <img src="../assets/icon/thirdToolList/time.png" alt />
  8226. <div style="margin: 5px 0">倒计时</div>
  8227. </div>
  8228. <div class="check">
  8229. <div
  8230. v-if="checktoolArray.indexOf(10) == -1"
  8231. class="noChoose"
  8232. ></div>
  8233. <div v-else class="isChoose"></div>
  8234. </div>
  8235. </div>
  8236. <div
  8237. class="tool"
  8238. :class="{ isToolChoose: checktoolArray.indexOf(65) != -1 }"
  8239. @click="addTools2(65)"
  8240. >
  8241. <div class="whiteBIcon">
  8242. <img src="../assets/icon/firstToolList/pickPeople.png" alt />
  8243. <div style="margin: 5px 0">挑人</div>
  8244. </div>
  8245. <div class="check">
  8246. <div
  8247. v-if="checktoolArray.indexOf(65) == -1"
  8248. class="noChoose"
  8249. ></div>
  8250. <div v-else class="isChoose"></div>
  8251. </div>
  8252. </div>
  8253. </div>
  8254. <div class="toolSort" v-if="toolType == 1">
  8255. <div
  8256. class="tool"
  8257. :class="{ isToolChoose: checktoolArray.indexOf(7) != -1 }"
  8258. @click="addTools2(7)"
  8259. >
  8260. <div class="whiteBIcon">
  8261. <img src="../assets/icon/secondToolList/mindNetwork.png" alt />
  8262. <div style="margin: 5px 0">思维网格</div>
  8263. </div>
  8264. <div class="check">
  8265. <div
  8266. v-if="checktoolArray.indexOf(7) == -1"
  8267. class="noChoose"
  8268. ></div>
  8269. <div v-else class="isChoose"></div>
  8270. </div>
  8271. </div>
  8272. <div
  8273. class="tool"
  8274. :class="{ isToolChoose: checktoolArray.indexOf(1) != -1 }"
  8275. @click="addTools2(1)"
  8276. >
  8277. <div class="whiteBIcon">
  8278. <img src="../assets/icon/secondToolList/whiteBoard.png" alt />
  8279. <div style="margin: 5px 0">电子白板</div>
  8280. </div>
  8281. <div class="check">
  8282. <div
  8283. v-if="checktoolArray.indexOf(1) == -1"
  8284. class="noChoose"
  8285. ></div>
  8286. <div v-else class="isChoose"></div>
  8287. </div>
  8288. </div>
  8289. <div
  8290. class="tool"
  8291. :class="{ isToolChoose: checktoolArray.indexOf(52) != -1 }"
  8292. @click="addTools2(52)"
  8293. >
  8294. <div class="whiteBIcon">
  8295. <img src="../assets/icon/fourthToolList/text.png" alt />
  8296. <div style="margin: 5px 0">文档</div>
  8297. </div>
  8298. <div class="check">
  8299. <div
  8300. v-if="checktoolArray.indexOf(52) == -1"
  8301. class="noChoose"
  8302. ></div>
  8303. <div v-else class="isChoose"></div>
  8304. </div>
  8305. </div>
  8306. <div
  8307. class="tool"
  8308. :class="{ isToolChoose: checktoolArray.indexOf(3) != -1 }"
  8309. @click="addTools2(3)"
  8310. >
  8311. <div class="whiteBIcon">
  8312. <img src="../assets/icon/secondToolList/mindMapping.png" alt />
  8313. <div style="margin: 5px 0">思维导图</div>
  8314. </div>
  8315. <div class="check">
  8316. <div
  8317. v-if="checktoolArray.indexOf(3) == -1"
  8318. class="noChoose"
  8319. ></div>
  8320. <div v-else class="isChoose"></div>
  8321. </div>
  8322. </div>
  8323. <div
  8324. class="tool"
  8325. :class="{ isToolChoose: checktoolArray.indexOf(48) != -1 }"
  8326. @click="addTools2(48)"
  8327. >
  8328. <div class="whiteBIcon">
  8329. <img src="../assets/icon/fourthToolList/table.png" alt />
  8330. <div style="margin: 5px 0">表格</div>
  8331. </div>
  8332. <div class="check">
  8333. <div
  8334. v-if="checktoolArray.indexOf(48) == -1"
  8335. class="noChoose"
  8336. ></div>
  8337. <div v-else class="isChoose"></div>
  8338. </div>
  8339. </div>
  8340. </div>
  8341. <div class="toolSort" v-if="toolType == 6">
  8342. <div v-show="tooC == 49">
  8343. <img
  8344. @click="addTools(tooC, toolIndex, taskCount)"
  8345. src="../assets/icon/fourthToolList/group.png"
  8346. alt
  8347. />
  8348. <div style="margin: 5px 0">学生分组</div>
  8349. </div>
  8350. </div>
  8351. <div class="toolSort" v-if="toolType == 2">
  8352. <div
  8353. class="tool"
  8354. :class="{ isToolChoose: checktoolArray.indexOf(16) != -1 }"
  8355. @click="addTools2(16)"
  8356. >
  8357. <div class="whiteBIcon">
  8358. <img src="../assets/icon/thirdToolList/work.png" alt />
  8359. <div style="margin: 5px 0">作业提交</div>
  8360. </div>
  8361. <div class="check">
  8362. <div
  8363. v-if="checktoolArray.indexOf(16) == -1"
  8364. class="noChoose"
  8365. ></div>
  8366. <div v-else class="isChoose"></div>
  8367. </div>
  8368. </div>
  8369. <div
  8370. class="tool"
  8371. :class="{ isToolChoose: checktoolArray.indexOf(50) != -1 }"
  8372. @click="addTools2(50)"
  8373. >
  8374. <div class="whiteBIcon">
  8375. <img src="../assets/icon/thirdToolList/plwork.png" alt />
  8376. <div style="margin: 5px 0">批量上传</div>
  8377. </div>
  8378. <div class="check">
  8379. <div
  8380. v-if="checktoolArray.indexOf(50) == -1"
  8381. class="noChoose"
  8382. ></div>
  8383. <div v-else class="isChoose"></div>
  8384. </div>
  8385. </div>
  8386. </div>
  8387. <div class="toolSort" v-if="toolType == 3">
  8388. <div
  8389. class="tool"
  8390. :class="{ isToolChoose: checktoolArray.indexOf(18) != -1 }"
  8391. @click="addTools2(18)"
  8392. >
  8393. <div class="whiteBIcon">
  8394. <img src="../assets/icon/thirdToolList/trainPlatform.png" alt />
  8395. <div style="margin: 5px 0">训练平台</div>
  8396. </div>
  8397. <div class="check">
  8398. <div
  8399. v-if="checktoolArray.indexOf(18) == -1"
  8400. class="noChoose"
  8401. ></div>
  8402. <div v-else class="isChoose"></div>
  8403. </div>
  8404. </div>
  8405. <div
  8406. class="tool"
  8407. :class="{ isToolChoose: checktoolArray.indexOf(21) != -1 }"
  8408. @click="addTools2(21)"
  8409. >
  8410. <div class="whiteBIcon">
  8411. <img src="../assets/icon/fourthToolList/program.png" alt />
  8412. <div style="margin: 5px 0">AIoT Blockly</div>
  8413. </div>
  8414. <div class="check">
  8415. <div
  8416. v-if="checktoolArray.indexOf(21) == -1"
  8417. class="noChoose"
  8418. ></div>
  8419. <div v-else class="isChoose"></div>
  8420. </div>
  8421. </div>
  8422. <div
  8423. class="tool"
  8424. :class="{ isToolChoose: checktoolArray.indexOf(23) != -1 }"
  8425. @click="addTools2(23)"
  8426. >
  8427. <div class="whiteBIcon">
  8428. <img
  8429. src="../assets/icon/fourthToolList/Pythonprogram.png"
  8430. alt
  8431. />
  8432. <div style="margin: 5px 0">AI Python</div>
  8433. </div>
  8434. <div class="check">
  8435. <div
  8436. v-if="checktoolArray.indexOf(23) == -1"
  8437. class="noChoose"
  8438. ></div>
  8439. <div v-else class="isChoose"></div>
  8440. </div>
  8441. </div>
  8442. <div
  8443. class="tool"
  8444. :class="{ isToolChoose: checktoolArray.indexOf(24) != -1 }"
  8445. @click="addTools2(24)"
  8446. >
  8447. <div class="whiteBIcon">
  8448. <img src="../assets/icon/fourthToolList/AIprogram.png" alt />
  8449. <div style="margin: 5px 0">AI Blockly</div>
  8450. </div>
  8451. <div class="check">
  8452. <div
  8453. v-if="checktoolArray.indexOf(24) == -1"
  8454. class="noChoose"
  8455. ></div>
  8456. <div v-else class="isChoose"></div>
  8457. </div>
  8458. </div>
  8459. <div
  8460. class="tool"
  8461. :class="{ isToolChoose: checktoolArray.indexOf(32) != -1 }"
  8462. @click="addTools2(32)"
  8463. >
  8464. <div class="whiteBIcon">
  8465. <img src="../assets/icon/thirdToolList/code.png" alt />
  8466. <div style="margin: 5px 0">源码编辑</div>
  8467. </div>
  8468. <div class="check">
  8469. <div
  8470. v-if="checktoolArray.indexOf(32) == -1"
  8471. class="noChoose"
  8472. ></div>
  8473. <div v-else class="isChoose"></div>
  8474. </div>
  8475. </div>
  8476. <div
  8477. class="tool"
  8478. :class="{ isToolChoose: checktoolArray.indexOf(57) != -1 }"
  8479. @click="addTools2(57)"
  8480. >
  8481. <div class="whiteBIcon">
  8482. <img src="../assets/icon/fourthToolList/cocopi.png" alt />
  8483. <div style="margin: 5px 0">CocoPi</div>
  8484. </div>
  8485. <div class="check">
  8486. <div
  8487. v-if="checktoolArray.indexOf(57) == -1"
  8488. class="noChoose"
  8489. ></div>
  8490. <div v-else class="isChoose"></div>
  8491. </div>
  8492. </div>
  8493. <div
  8494. class="tool"
  8495. :class="{ isToolChoose: checktoolArray.indexOf(63) != -1 }"
  8496. @click="addTools2(63)"
  8497. >
  8498. <div class="whiteBIcon">
  8499. <img src="../assets/icon/fourthToolList/Wood.png" alt />
  8500. <div style="margin: 5px 0">海龟编程</div>
  8501. </div>
  8502. <div class="check">
  8503. <div
  8504. v-if="checktoolArray.indexOf(63) == -1"
  8505. class="noChoose"
  8506. ></div>
  8507. <div v-else class="isChoose"></div>
  8508. </div>
  8509. </div>
  8510. <div
  8511. class="tool"
  8512. :class="{ isToolChoose: checktoolArray.indexOf(71) != -1 }"
  8513. @click="addTools2(71)"
  8514. >
  8515. <div class="whiteBIcon">
  8516. <img src="../assets/icon/fourthToolList/chatgpt.png" alt />
  8517. <div style="margin: 5px 0">AI智能体</div>
  8518. </div>
  8519. <div class="check">
  8520. <div
  8521. v-if="checktoolArray.indexOf(71) == -1"
  8522. class="noChoose"
  8523. ></div>
  8524. <div v-else class="isChoose"></div>
  8525. </div>
  8526. </div>
  8527. </div>
  8528. <div class="toolSort" v-if="toolType == 7">
  8529. <div
  8530. class="tool"
  8531. :class="{ isToolChoose: checktoolArray.indexOf(40) != -1 }"
  8532. @click="addTools2(40)"
  8533. >
  8534. <div class="whiteBIcon">
  8535. <img src="../assets/icon/secondToolList/eval.png" alt />
  8536. <div style="margin: 5px 0">个人评价</div>
  8537. </div>
  8538. <div class="check">
  8539. <div
  8540. v-if="checktoolArray.indexOf(40) == -1"
  8541. class="noChoose"
  8542. ></div>
  8543. <div v-else class="isChoose"></div>
  8544. </div>
  8545. </div>
  8546. </div>
  8547. <div class="toolSort" v-if="toolType == 5">
  8548. <div
  8549. class="tool"
  8550. :class="{ isToolChoose: checktoolArray.indexOf(28) != -1 }"
  8551. @click="addTools2(28)"
  8552. >
  8553. <div class="whiteBIcon">
  8554. <img src="../assets/icon/secondToolList/translation.png" alt />
  8555. <div style="margin: 5px 0">翻译</div>
  8556. </div>
  8557. <div class="check">
  8558. <div
  8559. v-if="checktoolArray.indexOf(28) == -1"
  8560. class="noChoose"
  8561. ></div>
  8562. <div v-else class="isChoose"></div>
  8563. </div>
  8564. </div>
  8565. <div
  8566. class="tool"
  8567. :class="{ isToolChoose: checktoolArray.indexOf(31) != -1 }"
  8568. @click="addTools2(31)"
  8569. >
  8570. <div class="whiteBIcon">
  8571. <img src="../assets/icon/secondToolList/networkPanel.png" alt />
  8572. <div style="margin: 5px 0">数字画板</div>
  8573. </div>
  8574. <div class="check">
  8575. <div
  8576. v-if="checktoolArray.indexOf(31) == -1"
  8577. class="noChoose"
  8578. ></div>
  8579. <div v-else class="isChoose"></div>
  8580. </div>
  8581. </div>
  8582. <div
  8583. class="tool"
  8584. :class="{ isToolChoose: checktoolArray.indexOf(39) != -1 }"
  8585. @click="addTools2(39)"
  8586. >
  8587. <div class="whiteBIcon">
  8588. <img src="../assets/icon/secondToolList/GeoGebra.png" alt />
  8589. <div style="margin: 5px 0">GeoGebra</div>
  8590. </div>
  8591. <div class="check">
  8592. <div
  8593. v-if="checktoolArray.indexOf(39) == -1"
  8594. class="noChoose"
  8595. ></div>
  8596. <div v-else class="isChoose"></div>
  8597. </div>
  8598. </div>
  8599. <div
  8600. class="tool"
  8601. :class="{ isToolChoose: checktoolArray.indexOf(66) != -1 }"
  8602. @click="addTools2(66)"
  8603. >
  8604. <div class="whiteBIcon">
  8605. <img src="../assets/icon/secondToolList/formulaEdi.png" alt />
  8606. <div style="margin: 5px 0">公式编辑</div>
  8607. </div>
  8608. <div class="check">
  8609. <div
  8610. v-if="checktoolArray.indexOf(66) == -1"
  8611. class="noChoose"
  8612. ></div>
  8613. <div v-else class="isChoose"></div>
  8614. </div>
  8615. </div>
  8616. <!-- <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(67) != -1 }">
  8617. <div class="whiteBIcon" @click="addTools2(67)">
  8618. <img src="../../assets/icon/secondToolList/molStr.png" alt />
  8619. <div style="margin: 5px 0">分子结构</div>
  8620. </div>
  8621. <div class="check" @click="addTools2(67)">
  8622. <div v-if="checktoolArray.indexOf(67) == -1" class="noChoose"></div>
  8623. <div v-else class="isChoose"></div>
  8624. </div>
  8625. </div> -->
  8626. <div
  8627. class="tool"
  8628. :class="{ isToolChoose: checktoolArray.indexOf(68) != -1 }"
  8629. @click="addTools2(68)"
  8630. >
  8631. <div class="whiteBIcon">
  8632. <img src="../assets/icon/secondToolList/timeAxis.png" alt />
  8633. <div style="margin: 5px 0">时间轴</div>
  8634. </div>
  8635. <div class="check">
  8636. <div
  8637. v-if="checktoolArray.indexOf(68) == -1"
  8638. class="noChoose"
  8639. ></div>
  8640. <div v-else class="isChoose"></div>
  8641. </div>
  8642. </div>
  8643. <!-- <div
  8644. class="tool"
  8645. :class="{ isToolChoose: checktoolArray.indexOf(69) != -1 }"
  8646. @click="addTools2(69)"
  8647. >
  8648. <div class="whiteBIcon">
  8649. <img src="../assets/icon/secondToolList/english.png" alt />
  8650. <div style="margin: 5px 0">英语写作</div>
  8651. </div>
  8652. <div class="check">
  8653. <div
  8654. v-if="checktoolArray.indexOf(69) == -1"
  8655. class="noChoose"
  8656. ></div>
  8657. <div v-else class="isChoose"></div>
  8658. </div>
  8659. </div> -->
  8660. </div>
  8661. <div class="toolSort" v-if="toolType == 4">
  8662. <div
  8663. class="tool"
  8664. :class="{ isToolChoose: checktoolArray.indexOf(26) != -1 }"
  8665. @click="addTools2(26)"
  8666. >
  8667. <div class="whiteBIcon">
  8668. <img src="../assets/icon/thirdToolList/courseDesign.png" alt />
  8669. <div style="margin: 5px 0">课程设计</div>
  8670. </div>
  8671. <div class="check">
  8672. <div
  8673. v-if="checktoolArray.indexOf(26) == -1"
  8674. class="noChoose"
  8675. ></div>
  8676. <div v-else class="isChoose"></div>
  8677. </div>
  8678. </div>
  8679. <div
  8680. class="tool"
  8681. :class="{ isToolChoose: checktoolArray.indexOf(25) != -1 }"
  8682. @click="addTools2(25)"
  8683. >
  8684. <div class="whiteBIcon">
  8685. <img src="../assets/icon/thirdToolList/evalua.png" alt />
  8686. <div style="margin: 5px 0">目标管理</div>
  8687. </div>
  8688. <div class="check">
  8689. <div
  8690. v-if="checktoolArray.indexOf(25) == -1"
  8691. class="noChoose"
  8692. ></div>
  8693. <div v-else class="isChoose"></div>
  8694. </div>
  8695. </div>
  8696. </div>
  8697. </div>
  8698. </div>
  8699. <span
  8700. slot="footer"
  8701. class="dialog-footer"
  8702. style="display: block; text-align: center; padding: 0 0 10px 0"
  8703. >
  8704. <el-button @click="toolDialogVisible = false">取 消</el-button>
  8705. <el-button type="primary" @click.stop="addToolChoose">确 定</el-button>
  8706. </span>
  8707. </div>
  8708. <div
  8709. v-if="replyDialogVisible == true"
  8710. class="addDialogCss"
  8711. v-el-drag-dialog
  8712. >
  8713. <div class="pzTop">
  8714. <div class="teacherPz">
  8715. <div class="teacherPzImg">
  8716. <img src="../assets/icon/teacherPz.png" alt="" />
  8717. </div>
  8718. <div style="margin-left: 10px; height: 25px">添加回复</div>
  8719. </div>
  8720. <div @click="replyDialogVisible = false">
  8721. <img src="../assets/close1.png" class="pzClose" alt="" />
  8722. </div>
  8723. </div>
  8724. <div class="addPzBox">
  8725. <!-- <div class="addPzCheck">
  8726. <span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1"
  8727. >文本</span
  8728. >
  8729. <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
  8730. >音频</span
  8731. >
  8732. </div> -->
  8733. <div style="height: calc(100% - 50px)">
  8734. <editor-bar
  8735. class="binfo_input pzConText"
  8736. style="width: 100% !important; margin: 0 auto"
  8737. placeholder="请输入回复描述"
  8738. v-model="reply"
  8739. @change="change"
  8740. ></editor-bar>
  8741. </div>
  8742. <div class="addTextCss" @click="addHf">确定</div>
  8743. </div>
  8744. </div>
  8745. <div v-if="addPzDialog == true" class="addDialogCss" v-el-drag-dialog>
  8746. <div class="pzTop">
  8747. <div class="teacherPz">
  8748. <div class="teacherPzImg">
  8749. <img src="../assets/icon/teacherPz.png" alt="" />
  8750. </div>
  8751. <div style="margin-left: 10px; height: 25px">教师评论</div>
  8752. </div>
  8753. <div @click="addPzDialog = false">
  8754. <img src="../assets/close1.png" class="pzClose" alt="" />
  8755. </div>
  8756. </div>
  8757. <div class="addPzBox">
  8758. <div class="addPzCheck">
  8759. <span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1"
  8760. >文本</span
  8761. >
  8762. <!-- <span :class="{isChooseActive:pzType==3}" @click="pzType = 3">图片</span> -->
  8763. <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
  8764. >音频</span
  8765. >
  8766. </div>
  8767. <div style="height: calc(100% - 95px)">
  8768. <!-- <textarea class="binfo_input pzConText" cols placeholder="请填写项目课程关键问题...." v-model="pzConText"
  8769. v-if="pzType == 1"></textarea> -->
  8770. <editor-bar
  8771. class="binfo_input pzConText"
  8772. style="width: 100% !important"
  8773. placeholder="请输入任务描述"
  8774. v-model="pzConText"
  8775. @change="change"
  8776. v-if="pzType == 1"
  8777. ></editor-bar>
  8778. <Audio @addPz="addPz" class="pzAudioClass" v-if="pzType == 2"></Audio>
  8779. <!-- <div class="pzAudioClass" v-if="pzType == 3">
  8780. <div @click="addImg($event)">
  8781. <el-button type="primary">上传图片</el-button>
  8782. <input type="file" accept="image/png, image/gif, image/jpeg" style="display: none"
  8783. @change="beforeUpload1($event, 4)" />
  8784. </div>
  8785. </div> -->
  8786. </div>
  8787. <div class="addTextCss" @click="addPz('1')" v-if="pzType == 1">
  8788. 确定
  8789. </div>
  8790. </div>
  8791. </div>
  8792. <div v-if="proVisible" class="mask">
  8793. <div class="progressBox">
  8794. <!-- <div id="closePro" class="closeCss">
  8795. <img src="../assets/icon/close.png" alt />
  8796. </div> -->
  8797. <div class="lbox">
  8798. <img src="../assets/loading.gif" />上传中,请稍后
  8799. </div>
  8800. <div style="margin-bottom: 10px">
  8801. <span>{{ isFinishSize }}M</span> / <span>{{ isAllSize }}M</span>
  8802. </div>
  8803. <el-progress
  8804. :text-inside="true"
  8805. :stroke-width="20"
  8806. :percentage="progress"
  8807. style="width: 80%"
  8808. ></el-progress>
  8809. </div>
  8810. </div>
  8811. <div v-if="proVisible2" class="mask">
  8812. <div class="progressBox">
  8813. <div class="lbox">
  8814. <img src="../assets/loading.gif" />上传中,请稍后
  8815. </div>
  8816. <!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="progress" style="width: 80%"></el-progress> -->
  8817. </div>
  8818. </div>
  8819. <el-dialog :visible.sync="pictureDialog" size="tiny">
  8820. <img width="100%" :src="dialogImageUrl" alt />
  8821. </el-dialog>
  8822. <el-dialog
  8823. :title="noteName != '' ? noteName : '查看问卷'"
  8824. :visible.sync="dialogVisible5"
  8825. :append-to-body="true"
  8826. width="1000px"
  8827. :before-close="handleClose"
  8828. class="dialog_diy dialog_diy3"
  8829. >
  8830. <div>
  8831. <div
  8832. class="a_add_title"
  8833. style="
  8834. display: flex;
  8835. flex-direction: row;
  8836. align-items: center;
  8837. justify-content: center;
  8838. "
  8839. >
  8840. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  8841. <div style="font-size: 20px">{{ askJson.askTitle }}</div>
  8842. </div>
  8843. <div class="a_addBox">
  8844. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  8845. 题目内容
  8846. </div>
  8847. <div
  8848. class="a_add_box"
  8849. v-for="(item1, index1) in askJson.askCount"
  8850. :key="index1"
  8851. >
  8852. <div class="a_add_head">
  8853. <div style="display: flex">
  8854. <span class="askIndex"> {{ index1 + 1 }}</span>
  8855. <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
  8856. </div>
  8857. <img
  8858. v-if="askJson.askJson[index1].img"
  8859. :src="askJson.askJson[index1].img"
  8860. style="height: 300px; margin-top: 10px; max-width: 100%"
  8861. />
  8862. </div>
  8863. <div class="a_add_body">
  8864. <div class="a_add_input">
  8865. <el-radio-group
  8866. v-model="radio[index1]"
  8867. v-if="
  8868. askJson.askJson[index1].type == '1' ||
  8869. !askJson.askJson[index1].type
  8870. "
  8871. >
  8872. <el-radio
  8873. v-for="(item2, checkIndex) in askJson.askJson[index1]
  8874. .checkList"
  8875. :key="checkIndex"
  8876. :label="checkIndex"
  8877. :disabled="isAnswer"
  8878. class="redioStyle"
  8879. ><span v-html="item2"></span
  8880. ></el-radio>
  8881. </el-radio-group>
  8882. <el-checkbox-group
  8883. v-model="radio[index1]"
  8884. v-if="askJson.askJson[index1].type == '2'"
  8885. >
  8886. <el-checkbox
  8887. v-for="(item2, checkIndex1) in askJson.askJson[index1]
  8888. .checkList"
  8889. :key="checkIndex1"
  8890. :label="checkIndex1"
  8891. :disabled="isAnswer"
  8892. class="redioStyle"
  8893. ><span v-html="item2"></span>
  8894. </el-checkbox>
  8895. </el-checkbox-group>
  8896. </div>
  8897. </div>
  8898. </div>
  8899. </div>
  8900. </div>
  8901. <span slot="footer" class="dialog-footer">
  8902. <el-button @click="dialogVisible5 = false" v-show="noteName == ''"
  8903. >取 消</el-button
  8904. >
  8905. <el-button type="primary" @click="addStudentAsk" v-show="noteName == ''"
  8906. >确 定</el-button
  8907. >
  8908. </span>
  8909. </el-dialog>
  8910. <el-dialog
  8911. :title="noteName != '' ? noteName : '查看问卷'"
  8912. :visible.sync="dialogVisible5Teacher"
  8913. :append-to-body="true"
  8914. width="1000px"
  8915. :before-close="handleClose"
  8916. class="dialog_diy dialog_diy3"
  8917. >
  8918. <div>
  8919. <div class="w_name">
  8920. 学生姓名:<span>{{ sStudent.student }}</span>
  8921. </div>
  8922. <div
  8923. class="a_add_title"
  8924. style="
  8925. display: flex;
  8926. flex-direction: row;
  8927. align-items: center;
  8928. justify-content: center;
  8929. "
  8930. >
  8931. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  8932. <div style="font-size: 20px">{{ askJson.askTitle }}</div>
  8933. </div>
  8934. <div class="a_addBox">
  8935. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  8936. 题目内容
  8937. </div>
  8938. <div
  8939. class="a_add_box"
  8940. v-for="(item1, index1) in askJson.askCount"
  8941. :key="index1"
  8942. >
  8943. <div class="a_add_head">
  8944. <div style="display: flex">
  8945. <span class="askIndex">{{ index1 + 1 }}</span>
  8946. <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
  8947. </div>
  8948. <img
  8949. v-if="askJson.askJson[index1].img"
  8950. :src="askJson.askJson[index1].img"
  8951. style="height: 300px; margin-top: 10px; max-width: 100%"
  8952. />
  8953. </div>
  8954. <div class="a_add_body">
  8955. <div class="a_add_input">
  8956. <el-radio-group
  8957. v-model="radio[index1]"
  8958. v-if="
  8959. askJson.askJson[index1].type == '1' ||
  8960. !askJson.askJson[index1].type
  8961. "
  8962. >
  8963. <el-radio
  8964. v-for="(item2, checkIndex) in askJson.askJson[index1]
  8965. .checkList"
  8966. :key="checkIndex"
  8967. :label="checkIndex"
  8968. :disabled="isAnswer"
  8969. class="redioStyle"
  8970. ><span v-html="item2"></span
  8971. ></el-radio>
  8972. </el-radio-group>
  8973. <el-checkbox-group
  8974. v-model="radio[index1]"
  8975. v-if="askJson.askJson[index1].type == '2'"
  8976. >
  8977. <el-checkbox
  8978. v-for="(item2, checkIndex1) in askJson.askJson[index1]
  8979. .checkList"
  8980. :key="checkIndex1"
  8981. :label="checkIndex1"
  8982. :disabled="isAnswer"
  8983. class="redioStyle"
  8984. ><span v-html="item2"></span>
  8985. </el-checkbox>
  8986. </el-checkbox-group>
  8987. </div>
  8988. </div>
  8989. </div>
  8990. </div>
  8991. </div>
  8992. <span slot="footer" class="dialog-footer">
  8993. <el-button
  8994. @click="dialogVisible5Teacher = false"
  8995. v-show="noteName == ''"
  8996. >取 消</el-button
  8997. >
  8998. <el-button
  8999. type="primary"
  9000. @click="addStudentAskTeacher"
  9001. v-show="noteName == ''"
  9002. >确 定</el-button
  9003. >
  9004. </span>
  9005. </el-dialog>
  9006. <el-dialog
  9007. :title="noteName != '' ? noteName : '查看选择题'"
  9008. :visible.sync="dialogVisibleChoice"
  9009. :append-to-body="true"
  9010. width="1000px"
  9011. :before-close="handleClose"
  9012. class="dialog_diy dialog_diy3"
  9013. >
  9014. <div>
  9015. <!-- <div class="a_add_title" style="
  9016. display: flex;
  9017. flex-direction: row;
  9018. align-items: center;
  9019. justify-content: center;
  9020. ">
  9021. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  9022. <div style="font-size: 20px">{{ testJson.testTitle }}</div>
  9023. </div> -->
  9024. <div class="a_addBox">
  9025. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  9026. 题目内容
  9027. </div>
  9028. <div
  9029. class="a_add_box"
  9030. v-for="(item1, index1) in testJson.testCount"
  9031. :key="index1"
  9032. >
  9033. <div class="a_add_head">
  9034. <div style="display: flex">
  9035. <span class="askIndex">{{ index1 + 1 }}</span>
  9036. <div
  9037. v-if="testJson.testJson[index1].type == '1'"
  9038. style="margin-right: 5px; min-width: 70px"
  9039. >
  9040. (单选题)
  9041. </div>
  9042. <div
  9043. v-if="testJson.testJson[index1].type == '2'"
  9044. style="margin-right: 5px; min-width: 70px"
  9045. >
  9046. (多选题)
  9047. </div>
  9048. <div>题目:{{ testJson.testJson[index1].teststitle }}</div>
  9049. </div>
  9050. <img
  9051. v-if="testJson.testJson[index1].img"
  9052. :src="testJson.testJson[index1].img"
  9053. style="height: 300px; margin-top: 10px; max-width: 100%"
  9054. />
  9055. </div>
  9056. <div
  9057. class="timuImgBox"
  9058. v-if="
  9059. testJson.testJson[index1].timuList &&
  9060. testJson.testJson[index1].timuList.length
  9061. "
  9062. >
  9063. <div
  9064. v-for="(timg, tIndex) in testJson.testJson[index1].timuList"
  9065. :key="tIndex"
  9066. class="timuImg"
  9067. @click.stop="previewImg(timg.src)"
  9068. >
  9069. <img :src="timg.src" alt="" />
  9070. </div>
  9071. </div>
  9072. <div class="a_add_body">
  9073. <div class="a_add_input">
  9074. <el-radio-group
  9075. v-model="radio[index1]"
  9076. v-if="testJson.testJson[index1].type == '1'"
  9077. >
  9078. <div class="radioBox">
  9079. <el-radio
  9080. v-for="(item2, checkIndex) in testJson.testJson[index1]
  9081. .checkList"
  9082. :key="checkIndex"
  9083. :label="checkIndex"
  9084. :disabled="isAnswer"
  9085. class="redioStyle"
  9086. >
  9087. <div
  9088. style="margin-right: 10px"
  9089. v-if="item2 && item2.imgType && item2.imgType == 1"
  9090. >
  9091. <div class="inImg" @click.stop="previewImg(item2.src)">
  9092. <img :src="item2.src" alt="" />
  9093. </div>
  9094. </div>
  9095. <span v-else v-html="item2"></span>
  9096. </el-radio>
  9097. </div>
  9098. </el-radio-group>
  9099. <el-checkbox-group
  9100. v-model="radio[index1]"
  9101. v-if="testJson.testJson[index1].type == '2'"
  9102. >
  9103. <div class="radioBox">
  9104. <el-checkbox
  9105. v-for="(item2, checkIndex) in testJson.testJson[index1]
  9106. .checkList"
  9107. :key="checkIndex"
  9108. :label="checkIndex"
  9109. :disabled="isAnswer"
  9110. class="redioStyle"
  9111. >
  9112. <div
  9113. style="margin-right: 10px"
  9114. v-if="item2 && item2.imgType && item2.imgType == 1"
  9115. >
  9116. <div class="inImg" @click.stop="previewImg(item2.src)">
  9117. <img :src="item2.src" alt="" />
  9118. </div>
  9119. </div>
  9120. <span v-else v-html="item2"></span>
  9121. </el-checkbox>
  9122. </div>
  9123. </el-checkbox-group>
  9124. </div>
  9125. </div>
  9126. </div>
  9127. </div>
  9128. </div>
  9129. <span slot="footer" class="dialog-footer">
  9130. <el-button @click="dialogVisibleChoice = false" v-show="noteName == ''"
  9131. >取 消</el-button
  9132. >
  9133. <el-button
  9134. type="primary"
  9135. @click="addStudentTest"
  9136. v-show="noteName == ''"
  9137. >确 定</el-button
  9138. >
  9139. </span>
  9140. </el-dialog>
  9141. <el-dialog
  9142. :title="noteName != '' ? noteName : '查看选择题'"
  9143. :visible.sync="dialogVisibleChoiceTeacher"
  9144. :append-to-body="true"
  9145. width="1000px"
  9146. :before-close="handleClose"
  9147. class="dialog_diy dialog_diy3"
  9148. >
  9149. <div>
  9150. <div class="w_name">
  9151. 学生姓名:<span>{{ sStudent.student }}</span>
  9152. </div>
  9153. <div class="a_addBox">
  9154. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  9155. 题目内容
  9156. </div>
  9157. <div
  9158. class="a_add_box"
  9159. v-for="(item1, index1) in testJson.testCount"
  9160. :key="index1"
  9161. >
  9162. <div class="a_add_head">
  9163. <div style="display: flex">
  9164. <span class="askIndex">{{ index1 + 1 }}</span>
  9165. <div
  9166. v-if="testJson.testJson[index1].type == '1'"
  9167. style="margin-right: 5px; min-width: 70px"
  9168. >
  9169. (单选题)
  9170. </div>
  9171. <div
  9172. v-if="testJson.testJson[index1].type == '2'"
  9173. style="margin-right: 5px; min-width: 70px"
  9174. >
  9175. (多选题)
  9176. </div>
  9177. <div>题目:{{ testJson.testJson[index1].teststitle }}</div>
  9178. </div>
  9179. <img
  9180. v-if="testJson.testJson[index1].img"
  9181. :src="testJson.testJson[index1].img"
  9182. style="height: 300px; margin-top: 10px; max-width: 100%"
  9183. />
  9184. </div>
  9185. <div
  9186. class="timuImgBox"
  9187. v-if="
  9188. testJson.testJson[index1].timuList &&
  9189. testJson.testJson[index1].timuList.length
  9190. "
  9191. >
  9192. <div
  9193. v-for="(timg, tIndex) in testJson.testJson[index1].timuList"
  9194. :key="tIndex"
  9195. class="timuImg"
  9196. @click.stop="previewImg(timg.src)"
  9197. >
  9198. <img :src="timg.src" alt="" />
  9199. </div>
  9200. </div>
  9201. <div class="a_add_body">
  9202. <div class="a_add_input">
  9203. <el-radio-group
  9204. v-model="radio[index1]"
  9205. v-if="testJson.testJson[index1].type == '1'"
  9206. >
  9207. <div class="radioBox">
  9208. <el-radio
  9209. v-for="(item2, checkIndex) in testJson.testJson[index1]
  9210. .checkList"
  9211. :key="checkIndex"
  9212. :label="checkIndex"
  9213. :disabled="isAnswer"
  9214. class="redioStyle"
  9215. >
  9216. <div
  9217. style="margin-right: 10px"
  9218. v-if="item2 && item2.imgType && item2.imgType == 1"
  9219. >
  9220. <div class="inImg" @click.stop="previewImg(item2.src)">
  9221. <img :src="item2.src" alt="" />
  9222. </div>
  9223. </div>
  9224. <span v-else v-html="item2"></span>
  9225. </el-radio>
  9226. </div>
  9227. </el-radio-group>
  9228. <el-checkbox-group
  9229. v-model="radio[index1]"
  9230. v-if="testJson.testJson[index1].type == '2'"
  9231. >
  9232. <div class="radioBox">
  9233. <el-checkbox
  9234. v-for="(item2, checkIndex) in testJson.testJson[index1]
  9235. .checkList"
  9236. :key="checkIndex"
  9237. :label="checkIndex"
  9238. :disabled="isAnswer"
  9239. class="redioStyle"
  9240. >
  9241. <div
  9242. style="margin-right: 10px"
  9243. v-if="item2 && item2.imgType && item2.imgType == 1"
  9244. >
  9245. <div class="inImg" @click.stop="previewImg(item2.src)">
  9246. <img :src="item2.src" alt="" />
  9247. </div>
  9248. </div>
  9249. <span v-else v-html="item2"></span>
  9250. </el-checkbox>
  9251. </div>
  9252. </el-checkbox-group>
  9253. </div>
  9254. </div>
  9255. </div>
  9256. </div>
  9257. </div>
  9258. <span slot="footer" class="dialog-footer">
  9259. <el-button
  9260. @click="dialogVisibleChoiceTeacher = false"
  9261. v-show="noteName == ''"
  9262. >取 消</el-button
  9263. >
  9264. <el-button
  9265. type="primary"
  9266. @click="addStudentTestTeacher"
  9267. v-show="noteName == ''"
  9268. >确 定</el-button
  9269. >
  9270. </span>
  9271. </el-dialog>
  9272. <el-dialog
  9273. title="查看富文本"
  9274. :visible.sync="dialogVisible1"
  9275. :append-to-body="true"
  9276. width="500px"
  9277. :before-close="handleClose"
  9278. class="dialog_diy textCss"
  9279. >
  9280. <el-form style="font-size: 20px">
  9281. <el-form-item label="文本标题" class="textTitle">
  9282. <div style="font-size: 20px">{{ text.name }}</div>
  9283. </el-form-item>
  9284. <div>富文本内容</div>
  9285. <div
  9286. v-html="text.url"
  9287. style="font-size: 18px; padding: 40px 0 0 0"
  9288. ></div>
  9289. </el-form>
  9290. <span slot="footer" class="dialog-footer">
  9291. <el-button type="primary" @click="dialogVisible1 = false"
  9292. >确定</el-button
  9293. >
  9294. </span>
  9295. </el-dialog>
  9296. <el-dialog
  9297. title="文件预览"
  9298. :visible.sync="dialogVisible3"
  9299. width="50%"
  9300. :before-close="handleClose"
  9301. class="dialog_diy"
  9302. :class="{ fullStyle: full }"
  9303. >
  9304. <div slot="title" class="header-title">
  9305. <div style="color: #fff">文件预览</div>
  9306. <div style="position: absolute; top: 19px; right: 50px">
  9307. <img
  9308. src="../assets/full.png"
  9309. style="height: 16px; cursor: pointer"
  9310. alt=""
  9311. @click="fullTools"
  9312. />
  9313. </div>
  9314. </div>
  9315. <pdf
  9316. v-if="showPDF"
  9317. :pdfUrl="pptImgUrl"
  9318. style="width: 100%; height: 520px; overflow: auto"
  9319. :class="{ fullStyle: full }"
  9320. ></pdf>
  9321. <iframe
  9322. v-else
  9323. :src="pptImgUrl"
  9324. frameborder="0"
  9325. width="100%"
  9326. height="600"
  9327. :class="{ fullStyle: full }"
  9328. ></iframe>
  9329. </el-dialog>
  9330. <el-dialog
  9331. title="文件预览"
  9332. :visible.sync="dialogVisible6"
  9333. width="50%"
  9334. :before-close="handleClose"
  9335. class="dialog_diy"
  9336. >
  9337. <iframe
  9338. :src="pptImgUrl1"
  9339. frameborder="0"
  9340. width="100%"
  9341. height="600"
  9342. ></iframe>
  9343. </el-dialog>
  9344. <el-dialog
  9345. title="提示"
  9346. :visible.sync="dialogVisible4"
  9347. :append-to-body="true"
  9348. width="800px"
  9349. :before-close="handleClose"
  9350. class="dialog_diy notice"
  9351. >
  9352. <div>此功能暂未开放!</div>
  9353. <el-button type="primary" @click="dialogVisible4 = false">确定</el-button>
  9354. </el-dialog>
  9355. <el-dialog
  9356. title="问答"
  9357. :visible.sync="answerDialogVisible"
  9358. :append-to-body="true"
  9359. width="800px"
  9360. :before-close="handleClose"
  9361. class="dialog_diy"
  9362. >
  9363. <div>
  9364. <div
  9365. style="
  9366. display: flex;
  9367. flex-wrap: nowrap;
  9368. flex-direction: column;
  9369. position: relative;
  9370. "
  9371. >
  9372. <div class="queTop" style="padding: 20px 0 20px 0">
  9373. <div class="question">
  9374. <img src="../assets/icon/question.png" alt />
  9375. </div>
  9376. <div class="queTitle">
  9377. <div style="width: 90px; min-width: 90px">提问:</div>
  9378. <div>{{ answerQ }}</div>
  9379. </div>
  9380. </div>
  9381. <div class="ediBottom">
  9382. <textarea
  9383. rows="6"
  9384. class="binfo_input"
  9385. cols
  9386. style="width: 95%; height: 120px"
  9387. v-model="questionAnswer"
  9388. ></textarea>
  9389. </div>
  9390. </div>
  9391. </div>
  9392. <div slot="footer">
  9393. <el-button @click="answerDialogVisible = false">取 消</el-button>
  9394. <el-button type="primary" @click="addQuestion">提 交</el-button>
  9395. </div>
  9396. </el-dialog>
  9397. <el-dialog
  9398. title="问答"
  9399. :visible.sync="answerDialogVisibleTeacher"
  9400. :append-to-body="true"
  9401. width="800px"
  9402. :before-close="handleClose"
  9403. class="dialog_diy"
  9404. >
  9405. <div>
  9406. <div class="w_name">
  9407. 学生姓名:<span>{{ sStudent.student }}</span>
  9408. </div>
  9409. <div
  9410. style="
  9411. display: flex;
  9412. flex-wrap: nowrap;
  9413. flex-direction: column;
  9414. position: relative;
  9415. "
  9416. >
  9417. <div class="queTop" style="padding: 20px 0 20px 0">
  9418. <div class="question">
  9419. <img src="../assets/icon/question.png" alt />
  9420. </div>
  9421. <div class="queTitle">
  9422. <div style="width: 90px; min-width: 90px">提问:</div>
  9423. <div>{{ answerQ }}</div>
  9424. </div>
  9425. </div>
  9426. <div class="ediBottom">
  9427. <textarea
  9428. rows="6"
  9429. class="binfo_input"
  9430. cols
  9431. style="width: 95%; height: 120px"
  9432. v-model="questionAnswer"
  9433. ></textarea>
  9434. </div>
  9435. </div>
  9436. </div>
  9437. <div slot="footer">
  9438. <el-button @click="answerDialogVisibleTeacher = false">取 消</el-button>
  9439. <el-button type="primary" @click="addQuestionTeacher">提 交</el-button>
  9440. </div>
  9441. </el-dialog>
  9442. <el-dialog
  9443. title="倒计时"
  9444. :visible.sync="timeDialogVisible"
  9445. :append-to-body="true"
  9446. width="800px"
  9447. :before-close="handleClose"
  9448. class="dialog_diy"
  9449. >
  9450. <div>
  9451. <div style="margin-bottom: 20px; color: #999">
  9452. 提示:点击“+”或“-”修改倒计时时长。
  9453. </div>
  9454. <Time :preTime="preTime" v-if="timeDialogVisible"></Time>
  9455. </div>
  9456. <div slot="footer">
  9457. <el-button @click="timeDialogVisible = false">关 闭</el-button>
  9458. </div>
  9459. </el-dialog>
  9460. <el-dialog
  9461. title="权限设置"
  9462. :visible.sync="juriVisible"
  9463. :append-to-body="true"
  9464. width="400px"
  9465. :before-close="handleClose"
  9466. class="dialog_diy"
  9467. >
  9468. <div>
  9469. <div class="open_box">
  9470. <div class="switch_box">
  9471. <span>允许学生查看所有作业</span>
  9472. <el-switch
  9473. v-model="sIsOpen"
  9474. active-text=""
  9475. class="switchCss"
  9476. @change="updateSLook"
  9477. ></el-switch>
  9478. </div>
  9479. <div
  9480. class="switch_box"
  9481. v-if="
  9482. courseDetail.userid == userid ||
  9483. (courseDetail.course_teacher &&
  9484. courseDetail.course_teacher.indexOf(userid) != -1)
  9485. "
  9486. >
  9487. <!-- v-if="courseDetail.userid == userid || courseDetail.course_teacher.indexOf(userid) != -1" -->
  9488. <span>禁止学生查看所有阶段</span>
  9489. <el-switch
  9490. v-model="IsLookOpen"
  9491. active-text=""
  9492. class="switchCss"
  9493. @change="updateLookOpen"
  9494. ></el-switch>
  9495. </div>
  9496. <div class="switch_box" v-if="courseDetail.userid == userid">
  9497. <span>开启跟随模式</span>
  9498. <el-switch
  9499. v-model="IsFollow"
  9500. active-text=""
  9501. class="switchCss"
  9502. @change="updateFollow"
  9503. ></el-switch>
  9504. </div>
  9505. </div>
  9506. </div>
  9507. <div slot="footer">
  9508. <el-button
  9509. style="background: #409efe; color: #fff"
  9510. @click="juriVisible = false"
  9511. >关 闭</el-button
  9512. >
  9513. </div>
  9514. </el-dialog>
  9515. <el-dialog
  9516. title="查看视频"
  9517. :visible.sync="videoVisible"
  9518. :append-to-body="true"
  9519. width="1000px"
  9520. :before-close="handleClose"
  9521. class="dialog_diy1"
  9522. >
  9523. <div class="workd_media" style="height: 100%" v-if="videoDetail.sources">
  9524. <video-player
  9525. class="video-player vjs-custom-skin"
  9526. :playsinline="true"
  9527. :options="videoDetail"
  9528. @play="onPlayerPlay($event)"
  9529. style="width: 100%; height: 100%"
  9530. ></video-player>
  9531. </div>
  9532. <div slot="footer">
  9533. <el-button
  9534. style="background: #409efe; color: #fff"
  9535. @click="(videoVisible = false), (videoDetail.sources[0].src = '')"
  9536. >
  9537. 关 闭</el-button
  9538. >
  9539. </div>
  9540. </el-dialog>
  9541. <el-dialog
  9542. title="查看详情"
  9543. :visible.sync="commentDialogVisible"
  9544. :append-to-body="true"
  9545. width="800px"
  9546. :before-close="handleClose"
  9547. class="dialog_diy"
  9548. >
  9549. <div class="commentTop">
  9550. <div class="studentDetail">
  9551. <div class="tx"><img src="../assets/avatar.png" alt="" /></div>
  9552. <div class="nameAndTime">
  9553. <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
  9554. <div>{{ commentDetail.time }}</div>
  9555. </div>
  9556. <div
  9557. class="returnBtn"
  9558. style="margin-left: auto; width: 80px"
  9559. v-if="
  9560. commentDetail.works &&
  9561. commentDetail.type == 0 &&
  9562. (tType == 1 || tType == 4)
  9563. "
  9564. @click="
  9565. showPicturePaint(
  9566. commentDetail.img ? commentDetail.img : commentDetail.works
  9567. )
  9568. "
  9569. >
  9570. 教师批注
  9571. </div>
  9572. </div>
  9573. <div
  9574. class="worksAnswer"
  9575. v-if="commentDetail.works && commentDetail.type == 2"
  9576. >
  9577. {{ JSON.parse(commentDetail.works)[0].answer }}
  9578. </div>
  9579. <div
  9580. class="worksAnswer"
  9581. v-if="commentDetail.works && commentDetail.type == 1"
  9582. >
  9583. <img
  9584. src="../assets/teacherWork.png"
  9585. v-if="commentDetail.ateacher"
  9586. class="w_teachert"
  9587. />
  9588. <pdf
  9589. v-if="showPDF"
  9590. :pdfUrl="pptImgUrl"
  9591. style="width: 100%; height: 520px; overflow: auto"
  9592. :class="{ fullStyle: full }"
  9593. ></pdf>
  9594. <iframe
  9595. v-else
  9596. :src="pptImgUrl"
  9597. frameborder="0"
  9598. width="100%"
  9599. height="600"
  9600. :class="{ fullStyle: full }"
  9601. ></iframe>
  9602. </div>
  9603. <div
  9604. class="worksAnswer"
  9605. v-if="commentDetail.works && commentDetail.type == 0"
  9606. >
  9607. <img
  9608. src="../assets/teacherWork.png"
  9609. v-if="commentDetail.ateacher"
  9610. class="w_teachert"
  9611. style="right: 105px"
  9612. />
  9613. <img
  9614. :src="commentDetail.works"
  9615. alt=""
  9616. @click="previewImg(commentDetail.works)"
  9617. />
  9618. </div>
  9619. <div
  9620. class="worksAnswer"
  9621. v-if="commentDetail.works && commentDetail.type == 3"
  9622. >
  9623. <img
  9624. src="../assets/teacherWork.png"
  9625. v-if="commentDetail.ateacher"
  9626. class="w_teachert"
  9627. />
  9628. <video-player
  9629. class="video-player vjs-custom-skin"
  9630. :playsinline="true"
  9631. :options="videoDetail"
  9632. @play="onPlayerPlay($event)"
  9633. style="width: 90%; height: 100%; margin: 0 0 0 30px"
  9634. ></video-player>
  9635. </div>
  9636. <div
  9637. class="worksAnswer"
  9638. v-if="commentDetail.works && commentDetail.type == 10"
  9639. >
  9640. <div class="cont" v-html="commentDetail.works.text"></div>
  9641. </div>
  9642. <div
  9643. class="worksAnswer codeFileBox"
  9644. v-if="commentDetail.works && commentDetail.type == 12"
  9645. @click="downloadFile(commentDetail.works)"
  9646. >
  9647. <img src="../assets/icon/codeFile.png" />
  9648. <div>点击下载文件</div>
  9649. </div>
  9650. <div
  9651. class="worksAnswer codeFileBox"
  9652. v-if="commentDetail.works && commentDetail.type == 15"
  9653. @click="
  9654. openCocoPi(
  9655. 57,
  9656. commentIndexJson.toolIndex,
  9657. commentDetail.userid,
  9658. commentDetail.sName
  9659. )
  9660. "
  9661. >
  9662. <img src="../assets/icon/codeFile.png" />
  9663. <div>点击打开CocoPi</div>
  9664. </div>
  9665. <div
  9666. class="worksAnswer"
  9667. v-if="commentDetail.works && commentDetail.type == 13"
  9668. >
  9669. <div v-html="JSON.parse(commentDetail.works).text"></div>
  9670. </div>
  9671. <div
  9672. class="worksAnswer"
  9673. v-if="commentDetail.works && commentDetail.type == 4"
  9674. >
  9675. <div class="evalCss">
  9676. <div class="nav">请选择星星进行评分</div>
  9677. <div class="middleBox" v-if="eScore.eStar">
  9678. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  9679. <div class="nameAndrate">
  9680. <div>{{ e.value }}</div>
  9681. <el-rate v-model="eScore.eStar[eIndex]" disabled></el-rate>
  9682. </div>
  9683. <div v-if="e.detail">{{ e.detail }}</div>
  9684. </div>
  9685. <div class="bz">
  9686. <textarea
  9687. disabled
  9688. rows="4"
  9689. class="pj"
  9690. style="
  9691. padding: 10px 5px;
  9692. width: 70%;
  9693. background: #f7f6f9;
  9694. font-size: 14px;
  9695. text-indent: 10px;
  9696. color: #000;
  9697. "
  9698. cols
  9699. v-model="eScore.eBzText"
  9700. placeholder="请输入评价内容..."
  9701. ></textarea>
  9702. </div>
  9703. </div>
  9704. </div>
  9705. </div>
  9706. <div class="comment">
  9707. <div class="commentList">
  9708. <div class="commentImg">
  9709. <img
  9710. @click="
  9711. isLikes(
  9712. commentDetail.wid,
  9713. userid,
  9714. 1,
  9715. null,
  9716. commentDetail.isLikes
  9717. )
  9718. "
  9719. :src="commentDetail.isLikes == true ? likes : noLikes"
  9720. alt=""
  9721. />
  9722. </div>
  9723. <div>{{ commentDetail.likesCount }}</div>
  9724. </div>
  9725. <div class="commentList">
  9726. <div class="commentImg">
  9727. <img src="../assets/icon/comment/comment.png" alt="" />
  9728. </div>
  9729. <div>{{ commentDetail.commentCount }}</div>
  9730. </div>
  9731. </div>
  9732. <div class="drawPBox" v-if="commentDetail.img">
  9733. <span>教师批注</span>
  9734. <img
  9735. :src="commentDetail.img"
  9736. alt=""
  9737. @click="previewImg(commentDetail.img)"
  9738. />
  9739. <span
  9740. class="deleteImg"
  9741. v-if="tType == 1 || tType == 4"
  9742. @click.stop="deletePicturePaint(commentDetail.wid)"
  9743. style="
  9744. font-size: 14px;
  9745. width: auto !important;
  9746. color: #b4b4b4;
  9747. top: unset;
  9748. bottom: 0;
  9749. border: none;
  9750. padding: 0;
  9751. height: auto !important;
  9752. margin: 0;
  9753. "
  9754. >删除</span
  9755. >
  9756. </div>
  9757. </div>
  9758. <div class="commentBox">
  9759. <div class="pl">评论:</div>
  9760. <div style="max-height: 200px; overflow: auto">
  9761. <div
  9762. v-if="commentDetail.commentJson && commentDetail.commentJson.length"
  9763. style="padding: 10px 0 0 0"
  9764. >
  9765. <div
  9766. class="studentDetail"
  9767. style="padding-top: 10px"
  9768. v-for="(co, coIndex) in commentDetail.commentJson"
  9769. :key="coIndex"
  9770. >
  9771. <div class="tx" style="min-width: 50px">
  9772. <img src="../assets/avatar.png" alt="" />
  9773. </div>
  9774. <div class="plPerson">
  9775. <div class="plName">
  9776. <div>{{ co.commentPeople }}</div>
  9777. <div style="margin-left: 5px">
  9778. {{ co.commentTime }}
  9779. </div>
  9780. <div
  9781. class="deleteComment"
  9782. v-if="userid == co.userid"
  9783. @click="deleteComment(co.wid)"
  9784. >
  9785. 删除
  9786. </div>
  9787. </div>
  9788. <div class="plContent">{{ co.commentText }}</div>
  9789. </div>
  9790. </div>
  9791. </div>
  9792. <div v-else style="padding: 10px 0 0 0">暂无评论</div>
  9793. </div>
  9794. </div>
  9795. <div style="margin-top: 10px">
  9796. <div class="displayBox">
  9797. <div
  9798. style="
  9799. color: #556db4;
  9800. font-size: 14px;
  9801. font-weight: bold;
  9802. padding-bottom: 10px;
  9803. "
  9804. >
  9805. 评价
  9806. </div>
  9807. <div class="easy_comment" v-if="false">
  9808. <div
  9809. v-for="(p, pIndex) in PlTextList"
  9810. :key="pIndex"
  9811. @click="fastText(p, 1)"
  9812. >
  9813. {{ p }}
  9814. </div>
  9815. </div>
  9816. </div>
  9817. <div>
  9818. <textarea
  9819. rows="3"
  9820. class="pj"
  9821. style="padding: 10px 5px"
  9822. cols
  9823. v-model="commentText"
  9824. placeholder="请输入评论"
  9825. ></textarea>
  9826. </div>
  9827. </div>
  9828. <div slot="footer">
  9829. <el-button
  9830. @click="
  9831. (commentDialogVisible = false),
  9832. (commentIndexJson = {}),
  9833. videoDetail.sources && videoDetail.sources[0]
  9834. ? (videoDetail.sources[0].src = '')
  9835. : ''
  9836. "
  9837. >取 消</el-button
  9838. >
  9839. <el-button
  9840. type="primary"
  9841. @click="addComment(commentDetail.wid, userid, 2)"
  9842. >确 定</el-button
  9843. >
  9844. </div>
  9845. </el-dialog>
  9846. <el-dialog
  9847. title="查看文档"
  9848. :visible.sync="fullDialogVisible"
  9849. :append-to-body="true"
  9850. width="100%"
  9851. :before-close="handleClose"
  9852. :show-close="false"
  9853. class="dialog_diy full_diy"
  9854. :class="{ full_diy2: fulltype == 3 }"
  9855. >
  9856. <div slot="title" class="header-title">
  9857. <div style="color: #fff">查看文档</div>
  9858. <div
  9859. @click="fullDialogVisible = false"
  9860. style="
  9861. cursor: pointer;
  9862. position: absolute;
  9863. top: 20px;
  9864. right: 20px;
  9865. color: #fff;
  9866. "
  9867. >
  9868. 退出全屏
  9869. </div>
  9870. </div>
  9871. <div style="height: 100%">
  9872. <div
  9873. class="wheel"
  9874. v-if="
  9875. fulltype == 2 &&
  9876. fullUrl.indexOf(
  9877. 'https://view.officeapps.live.com/op/view.aspx?src='
  9878. ) != -1
  9879. "
  9880. style="width: 95%; margin: 0 auto"
  9881. >
  9882. <iframe
  9883. style="width: 100%; height: 100%; border: none"
  9884. :src="fullUrl"
  9885. ></iframe>
  9886. </div>
  9887. <iframe
  9888. v-else-if="fulltype == 2"
  9889. style="width: 100%; height: 100%; border: none"
  9890. :src="fullUrl"
  9891. security="restricted"
  9892. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  9893. ></iframe>
  9894. <pdf
  9895. v-else-if="fulltype == 3"
  9896. :pdfUrl="fullUrl"
  9897. style="width: 100%; height: 100%; overflow: auto"
  9898. ></pdf>
  9899. <div
  9900. class="wheel"
  9901. v-if="fulltype == 1"
  9902. style="
  9903. box-shadow: 0 0 6px 1px #f2f2f2;
  9904. width: 100%;
  9905. background: #f1f1f1;
  9906. "
  9907. >
  9908. <div class="title" style="width: 100%; box-sizing: border-box">
  9909. 查看文档
  9910. </div>
  9911. <el-form class="textBox" style="height: 90%">
  9912. <el-form-item class="textTitle">
  9913. <div style="font-size: 22px">
  9914. {{ fullUrl.name }}
  9915. </div>
  9916. </el-form-item>
  9917. <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
  9918. <div
  9919. v-html="fullUrl.url"
  9920. class="textContent"
  9921. style="height: auto"
  9922. ></div>
  9923. </el-form>
  9924. </div>
  9925. </div>
  9926. <!-- <div slot="footer">
  9927. <el-button @click="fullDialogVisible = false">关 闭</el-button>
  9928. </div> -->
  9929. </el-dialog>
  9930. <el-dialog
  9931. title="个人评价"
  9932. :visible.sync="studentEvalDialogVisible"
  9933. :append-to-body="true"
  9934. width="800px"
  9935. :before-close="handleClose"
  9936. class="dialog_diy"
  9937. >
  9938. <div class="evalCss">
  9939. <div class="nav">请选择星星进行评分</div>
  9940. <div class="middleBox" v-if="eScore.eStar">
  9941. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  9942. <div class="nameAndrate">
  9943. <div>{{ e.value }}</div>
  9944. <el-rate
  9945. v-model="eScore.eStar[eIndex]"
  9946. :disabled="isStar"
  9947. ></el-rate>
  9948. </div>
  9949. <div v-if="e.detail">{{ e.detail }}</div>
  9950. </div>
  9951. <div class="easy_comment" v-if="false">
  9952. <div
  9953. v-for="(p, pIndex) in PlTextList"
  9954. :key="pIndex"
  9955. @click="fastText(p, 2)"
  9956. >
  9957. {{ p }}
  9958. </div>
  9959. </div>
  9960. <div class="bz">
  9961. <textarea
  9962. :disabled="isStar"
  9963. rows="4"
  9964. class="pj"
  9965. style="
  9966. padding: 10px 5px;
  9967. width: 70%;
  9968. background: #f7f6f9;
  9969. font-size: 14px;
  9970. text-indent: 10px;
  9971. "
  9972. cols
  9973. v-model="eScore.eBzText"
  9974. placeholder="请输入评价内容..."
  9975. ></textarea>
  9976. </div>
  9977. </div>
  9978. </div>
  9979. <div slot="footer">
  9980. <el-button @click="studentEvalDialogVisible = false">取 消</el-button>
  9981. <el-button type="primary" @click="addBzWorks" v-if="!isStar"
  9982. >确 定</el-button
  9983. >
  9984. </div>
  9985. </el-dialog>
  9986. <el-dialog
  9987. title="个人评价"
  9988. :visible.sync="studentEvalDialogVisibleTeacher"
  9989. :append-to-body="true"
  9990. width="800px"
  9991. :before-close="handleClose"
  9992. class="dialog_diy"
  9993. >
  9994. <div class="w_name">
  9995. 学生姓名:<span>{{ sStudent.student }}</span>
  9996. </div>
  9997. <div class="evalCss">
  9998. <div class="nav">请选择星星进行评分</div>
  9999. <div class="middleBox" v-if="eScore.eStar">
  10000. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  10001. <div class="nameAndrate">
  10002. <div>{{ e.value }}</div>
  10003. <el-rate
  10004. v-model="eScore.eStar[eIndex]"
  10005. :disabled="isStar"
  10006. ></el-rate>
  10007. </div>
  10008. <div v-if="e.detail">{{ e.detail }}</div>
  10009. </div>
  10010. <div class="easy_comment" v-if="false">
  10011. <div
  10012. v-for="(p, pIndex) in PlTextList"
  10013. :key="pIndex"
  10014. @click="fastText(p, 2)"
  10015. >
  10016. {{ p }}
  10017. </div>
  10018. </div>
  10019. <div class="bz">
  10020. <textarea
  10021. :disabled="isStar"
  10022. rows="4"
  10023. class="pj"
  10024. style="
  10025. padding: 10px 5px;
  10026. width: 70%;
  10027. background: #f7f6f9;
  10028. font-size: 14px;
  10029. text-indent: 10px;
  10030. "
  10031. cols
  10032. v-model="eScore.eBzText"
  10033. placeholder="请输入评价内容..."
  10034. ></textarea>
  10035. </div>
  10036. </div>
  10037. </div>
  10038. <div slot="footer">
  10039. <el-button @click="studentEvalDialogVisibleTeacher = false"
  10040. >取 消</el-button
  10041. >
  10042. <el-button type="primary" @click="addBzWorksTeacher" v-if="!isStar"
  10043. >确 定</el-button
  10044. >
  10045. </div>
  10046. </el-dialog>
  10047. <el-dialog
  10048. title="选择匹配"
  10049. :visible.sync="dialogVisibleSelect"
  10050. :append-to-body="true"
  10051. width="90%"
  10052. :before-close="handleClose"
  10053. class="dialog_diy dialog_diy3"
  10054. >
  10055. <div v-if="selectJson">
  10056. <div class="select_box2">
  10057. <div class="select_box2_title">
  10058. <div>选择匹配</div>
  10059. <div>请选择对应的答案进行答题!</div>
  10060. </div>
  10061. <div class="select_box2_box">
  10062. <div class="select_box2_img">
  10063. <img
  10064. :src="selectJson.url"
  10065. @click="previewImg(selectJson.url)"
  10066. alt=""
  10067. />
  10068. </div>
  10069. <div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
  10070. <div style="padding-top: 15px">
  10071. <div class="select_answer_title" v-if="isSelect">
  10072. {{ selectAnswer.stu }}
  10073. </div>
  10074. <div class="select_answer_title" v-else>
  10075. 根据题目选择对应答案
  10076. </div>
  10077. <div
  10078. class="select_box2_answer_box"
  10079. v-for="(item2, checkIndex) in selectJson.select"
  10080. :key="checkIndex"
  10081. >
  10082. <span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
  10083. <el-select
  10084. :disabled="isSelect"
  10085. v-model="selectAnswer.answer[checkIndex]"
  10086. placeholder="请选择正确答案"
  10087. >
  10088. <el-option
  10089. v-for="(e, eIndex) in selectJson.select"
  10090. :key="eIndex"
  10091. :label="e"
  10092. :value="eIndex"
  10093. >
  10094. </el-option>
  10095. </el-select>
  10096. </div>
  10097. </div>
  10098. <div
  10099. class="rightAnswerCss"
  10100. v-if="isSelect && (tType == 1 || tType == 4)"
  10101. >
  10102. <div
  10103. v-for="(a, aIndex) in selectJson.answer"
  10104. :key="aIndex"
  10105. class="rightAnswer"
  10106. >
  10107. <div
  10108. v-if="selectAnswer.answer[aIndex] === a"
  10109. style="color: #767de1"
  10110. >
  10111. 回答正确
  10112. </div>
  10113. <div v-else>回答错误</div>
  10114. <div
  10115. style="margin-left: 10px"
  10116. v-if="selectAnswer.answer[aIndex] !== a"
  10117. >
  10118. 正确答案:
  10119. </div>
  10120. <div
  10121. :class="
  10122. selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
  10123. "
  10124. >
  10125. {{ selectJson.select[a] }}
  10126. </div>
  10127. </div>
  10128. </div>
  10129. </div>
  10130. <div class="upAnswerCss">
  10131. <el-button
  10132. type="primary"
  10133. @click="addSelectAnswer"
  10134. v-if="!isSelect"
  10135. >提交答案</el-button
  10136. >
  10137. </div>
  10138. </div>
  10139. </div>
  10140. </div>
  10141. </el-dialog>
  10142. <el-dialog
  10143. title="选择匹配"
  10144. :visible.sync="dialogVisibleSelectTeacher"
  10145. :append-to-body="true"
  10146. width="90%"
  10147. :before-close="handleClose"
  10148. class="dialog_diy dialog_diy3"
  10149. >
  10150. <div v-if="selectJson">
  10151. <div class="w_name">
  10152. 学生姓名:<span>{{ sStudent.student }}</span>
  10153. </div>
  10154. <div class="select_box2">
  10155. <div class="select_box2_title">
  10156. <div>选择匹配</div>
  10157. <div>请选择对应的答案进行答题!</div>
  10158. </div>
  10159. <div class="select_box2_box">
  10160. <div class="select_box2_img">
  10161. <img
  10162. :src="selectJson.url"
  10163. @click="previewImg(selectJson.url)"
  10164. alt=""
  10165. />
  10166. </div>
  10167. <div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
  10168. <div style="padding-top: 15px">
  10169. <div class="select_answer_title" v-if="isSelect">
  10170. {{ selectAnswer.stu }}
  10171. </div>
  10172. <div class="select_answer_title" v-else>
  10173. 根据题目选择对应答案
  10174. </div>
  10175. <div
  10176. class="select_box2_answer_box"
  10177. v-for="(item2, checkIndex) in selectJson.select"
  10178. :key="checkIndex"
  10179. >
  10180. <span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
  10181. <el-select
  10182. :disabled="isSelect"
  10183. v-model="selectAnswer.answer[checkIndex]"
  10184. placeholder="请选择正确答案"
  10185. >
  10186. <el-option
  10187. v-for="(e, eIndex) in selectJson.select"
  10188. :key="eIndex"
  10189. :label="e"
  10190. :value="eIndex"
  10191. >
  10192. </el-option>
  10193. </el-select>
  10194. </div>
  10195. </div>
  10196. <div
  10197. class="rightAnswerCss"
  10198. v-if="isSelect && (tType == 1 || tType == 4)"
  10199. >
  10200. <div
  10201. v-for="(a, aIndex) in selectJson.answer"
  10202. :key="aIndex"
  10203. class="rightAnswer"
  10204. >
  10205. <div
  10206. v-if="selectAnswer.answer[aIndex] === a"
  10207. style="color: #767de1"
  10208. >
  10209. 回答正确
  10210. </div>
  10211. <div v-else>回答错误</div>
  10212. <div
  10213. style="margin-left: 10px"
  10214. v-if="selectAnswer.answer[aIndex] !== a"
  10215. >
  10216. 正确答案:
  10217. </div>
  10218. <div
  10219. :class="
  10220. selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
  10221. "
  10222. >
  10223. {{ selectJson.select[a] }}
  10224. </div>
  10225. </div>
  10226. </div>
  10227. </div>
  10228. <div class="upAnswerCss">
  10229. <el-button
  10230. type="primary"
  10231. @click="addSelectAnswerTeacher"
  10232. v-if="!isSelect"
  10233. >提交答案</el-button
  10234. >
  10235. </div>
  10236. </div>
  10237. </div>
  10238. </div>
  10239. </el-dialog>
  10240. <el-dialog
  10241. title="教师评分"
  10242. :visible.sync="dialogVisibleScore"
  10243. :append-to-body="true"
  10244. width="800px"
  10245. :before-close="handleClose"
  10246. class="dialog_diy"
  10247. >
  10248. <div>
  10249. <div class="studentDetail">
  10250. <div class="tx"><img src="../assets/avatar.png" alt="" /></div>
  10251. <div class="nameAndTime">
  10252. <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
  10253. <div>{{ commentDetail.time }}</div>
  10254. </div>
  10255. </div>
  10256. <div
  10257. class="worksAnswer"
  10258. v-if="commentDetail.works && commentDetail.type == 2"
  10259. >
  10260. {{ JSON.parse(commentDetail.works)[0].answer }}
  10261. </div>
  10262. <div
  10263. class="worksAnswer"
  10264. v-if="commentDetail.works && commentDetail.type == 1"
  10265. >
  10266. <pdf
  10267. v-if="showPDF"
  10268. :pdfUrl="pptImgUrl"
  10269. style="width: 100%; height: 520px; overflow: auto"
  10270. :class="{ fullStyle: full }"
  10271. ></pdf>
  10272. <iframe
  10273. v-else
  10274. :src="pptImgUrl"
  10275. frameborder="0"
  10276. width="100%"
  10277. height="600"
  10278. :class="{ fullStyle: full }"
  10279. ></iframe>
  10280. </div>
  10281. <div
  10282. class="worksAnswer"
  10283. v-if="commentDetail.works && commentDetail.type == 0"
  10284. >
  10285. <img
  10286. :src="commentDetail.works"
  10287. alt=""
  10288. @click="previewImg(commentDetail.works)"
  10289. />
  10290. </div>
  10291. <div
  10292. class="worksAnswer"
  10293. v-if="commentDetail.works && commentDetail.type == 3"
  10294. >
  10295. <video-player
  10296. class="video-player vjs-custom-skin"
  10297. :playsinline="true"
  10298. :options="videoDetail"
  10299. @play="onPlayerPlay($event)"
  10300. style="width: 90%; height: 100%; margin: 0 0 0 30px"
  10301. ></video-player>
  10302. </div>
  10303. <div
  10304. class="worksAnswer codeFileBox"
  10305. v-if="commentDetail.works && commentDetail.type == 12"
  10306. @click="downloadFile(commentDetail.works)"
  10307. >
  10308. <img src="../assets/icon/codeFile.png" />
  10309. <div>点击下载文件</div>
  10310. </div>
  10311. <div
  10312. class="worksAnswer codeFileBox"
  10313. v-if="commentDetail.works && commentDetail.type == 15"
  10314. @click="
  10315. openCocoPi(
  10316. 57,
  10317. commentIndexJson.toolIndex,
  10318. commentDetail.userid,
  10319. commentDetail.sName
  10320. )
  10321. "
  10322. >
  10323. <img src="../assets/icon/codeFile.png" />
  10324. <div>点击打开CocoPi</div>
  10325. </div>
  10326. <div
  10327. class="worksAnswer"
  10328. v-if="commentDetail.works && commentDetail.type == 13"
  10329. >
  10330. <div v-html="JSON.parse(commentDetail.works).text"></div>
  10331. </div>
  10332. <div class="scoreBox">
  10333. <span class="t">请输入分数</span>
  10334. <el-input-number
  10335. :disabled="courseDetail.userid != userid"
  10336. v-model="wScore"
  10337. :controls="false"
  10338. :min="0"
  10339. :max="100"
  10340. ></el-input-number>
  10341. </div>
  10342. <div class="scoreDetailBox">
  10343. <span class="t">评分评论</span>
  10344. <el-input
  10345. type="textarea"
  10346. :rows="5"
  10347. :disabled="courseDetail.userid != userid"
  10348. resize="none"
  10349. v-model="scoreDetail"
  10350. placeholder="请输入对学生的评价"
  10351. >
  10352. </el-input>
  10353. </div>
  10354. </div>
  10355. <span slot="footer" class="dialog-footer">
  10356. <el-button
  10357. @click="
  10358. (dialogVisibleScore = false),
  10359. (commentIndexJson = {}),
  10360. videoDetail.sources && videoDetail.sources[0]
  10361. ? (videoDetail.sources[0].src = '')
  10362. : ''
  10363. "
  10364. >取 消</el-button
  10365. >
  10366. <el-button
  10367. type="primary"
  10368. v-if="courseDetail.userid == userid"
  10369. @click="scoreWork(commentDetail.wid)"
  10370. >确 定
  10371. </el-button>
  10372. </span>
  10373. </el-dialog>
  10374. <el-dialog
  10375. title="排序"
  10376. :visible.sync="dialogVisibleSentence"
  10377. :append-to-body="true"
  10378. width="1000px"
  10379. :before-close="handleClose"
  10380. class="dialog_diy dialog_diy3"
  10381. >
  10382. <div>
  10383. <div class="sentenBox">
  10384. <div
  10385. v-for="(st, stIndex) in sentenceList"
  10386. :key="stIndex"
  10387. style="padding-bottom: 20px"
  10388. >
  10389. <div
  10390. style="padding: 15px 0 10px 20px"
  10391. class="sentenceTitle"
  10392. :index="stIndex + 1"
  10393. >
  10394. 题目{{ stIndex + 1 }}:请选择正确顺序
  10395. </div>
  10396. <div class="cardList" v-if="st.chooseSenList">
  10397. <div class="cardBox">
  10398. <div
  10399. v-for="(r, rIndex) in st.chooseSenList"
  10400. :key="rIndex"
  10401. @click="returnCard(r, stIndex, rIndex)"
  10402. >
  10403. <el-tooltip
  10404. class="item"
  10405. effect="light"
  10406. :content="r"
  10407. placement="top"
  10408. v-if="r != '' && r != undefined"
  10409. >
  10410. <div
  10411. :class="{
  10412. isCard: r,
  10413. isChooseCard: r == '' || r == undefined,
  10414. }"
  10415. >
  10416. <div>{{ r }}</div>
  10417. </div>
  10418. </el-tooltip>
  10419. <div
  10420. :class="{
  10421. isCard: r,
  10422. isChooseCard: r == '' || r == undefined,
  10423. }"
  10424. v-else
  10425. >
  10426. <div>{{ r }}</div>
  10427. </div>
  10428. </div>
  10429. </div>
  10430. </div>
  10431. <div class="cardList" v-if="st.addChangeSen">
  10432. <div class="cardBox">
  10433. <div
  10434. v-for="(s, sIndex) in st.addChangeSen"
  10435. :key="sIndex"
  10436. @click="setRightAnswer(s, stIndex, sIndex)"
  10437. >
  10438. <el-tooltip
  10439. class="item"
  10440. effect="light"
  10441. :content="s"
  10442. placement="top"
  10443. v-if="s != '' && s != undefined"
  10444. >
  10445. <div
  10446. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  10447. >
  10448. <div>{{ s }}</div>
  10449. </div>
  10450. </el-tooltip>
  10451. <div
  10452. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  10453. v-else
  10454. >
  10455. <div>{{ s }}</div>
  10456. </div>
  10457. </div>
  10458. </div>
  10459. </div>
  10460. </div>
  10461. </div>
  10462. </div>
  10463. <span slot="footer" class="dialog-footer">
  10464. <el-button @click="dialogVisibleSentence = false">取 消</el-button>
  10465. <el-button type="primary" @click="addSenWorks">确 定</el-button>
  10466. </span>
  10467. </el-dialog>
  10468. <el-dialog
  10469. title="排序"
  10470. :visible.sync="dialogVisibleSentenceTeacher"
  10471. :append-to-body="true"
  10472. width="1000px"
  10473. :before-close="handleClose"
  10474. class="dialog_diy dialog_diy3"
  10475. >
  10476. <div>
  10477. <div class="w_name">
  10478. 学生姓名:<span>{{ sStudent.student }}</span>
  10479. </div>
  10480. <div class="sentenBox">
  10481. <div
  10482. v-for="(st, stIndex) in sentenceList"
  10483. :key="stIndex"
  10484. style="padding-bottom: 20px"
  10485. >
  10486. <div
  10487. style="padding: 15px 0 10px 20px"
  10488. class="sentenceTitle"
  10489. :index="stIndex + 1"
  10490. >
  10491. 题目{{ stIndex + 1 }}:请选择正确顺序
  10492. </div>
  10493. <div class="cardList" v-if="st.chooseSenList">
  10494. <div class="cardBox">
  10495. <div
  10496. v-for="(r, rIndex) in st.chooseSenList"
  10497. :key="rIndex"
  10498. @click="returnCard(r, stIndex, rIndex)"
  10499. >
  10500. <el-tooltip
  10501. class="item"
  10502. effect="light"
  10503. :content="r"
  10504. placement="top"
  10505. v-if="r != '' && r != undefined"
  10506. >
  10507. <div
  10508. :class="{
  10509. isCard: r,
  10510. isChooseCard: r == '' || r == undefined,
  10511. }"
  10512. >
  10513. <div>{{ r }}</div>
  10514. </div>
  10515. </el-tooltip>
  10516. <div
  10517. :class="{
  10518. isCard: r,
  10519. isChooseCard: r == '' || r == undefined,
  10520. }"
  10521. v-else
  10522. >
  10523. <div>{{ r }}</div>
  10524. </div>
  10525. </div>
  10526. </div>
  10527. </div>
  10528. <div class="cardList" v-if="st.addChangeSen">
  10529. <div class="cardBox">
  10530. <div
  10531. v-for="(s, sIndex) in st.addChangeSen"
  10532. :key="sIndex"
  10533. @click="setRightAnswer(s, stIndex, sIndex)"
  10534. >
  10535. <el-tooltip
  10536. class="item"
  10537. effect="light"
  10538. :content="s"
  10539. placement="top"
  10540. v-if="s != '' && s != undefined"
  10541. >
  10542. <div
  10543. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  10544. >
  10545. <div>{{ s }}</div>
  10546. </div>
  10547. </el-tooltip>
  10548. <div
  10549. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  10550. v-else
  10551. >
  10552. <div>{{ s }}</div>
  10553. </div>
  10554. </div>
  10555. </div>
  10556. </div>
  10557. </div>
  10558. </div>
  10559. </div>
  10560. <span slot="footer" class="dialog-footer">
  10561. <el-button @click="dialogVisibleSentenceTeacher = false"
  10562. >取 消</el-button
  10563. >
  10564. <el-button type="primary" @click="addSenWorksTeacher">确 定</el-button>
  10565. </span>
  10566. </el-dialog>
  10567. <el-dialog
  10568. title="排序"
  10569. :visible.sync="dialogVisibleSentence1"
  10570. :append-to-body="true"
  10571. width="1000px"
  10572. :before-close="handleClose"
  10573. class="dialog_diy dialog_diy3"
  10574. >
  10575. <div>
  10576. <div class="sentenBox">
  10577. <div style="padding: 15px 0 10px 20px; font-size: 20px">
  10578. {{ sentenceList1.stuName }}的作业
  10579. </div>
  10580. <div
  10581. v-for="(st, stIndex) in sentenceList1"
  10582. :key="stIndex"
  10583. style="padding-bottom: 20px"
  10584. >
  10585. <div style="padding: 15px 0 10px 20px; font-size: 20px">
  10586. 第{{ stIndex + 1 }}题
  10587. </div>
  10588. <div class="isWrong">
  10589. <div class="cardList1" v-if="st.chooseSenList">
  10590. <div class="cardBox">
  10591. <div v-for="(s, sIndex) in st.chooseSenList" :key="sIndex">
  10592. <el-tooltip
  10593. class="item"
  10594. effect="light"
  10595. :content="s"
  10596. placement="top"
  10597. >
  10598. <div class="isCard">
  10599. <div>{{ s }}</div>
  10600. </div>
  10601. </el-tooltip>
  10602. </div>
  10603. </div>
  10604. <div class="cardAnswerBox">
  10605. 组成句子:{{ st.chooseSenList.join(" ") }}
  10606. </div>
  10607. </div>
  10608. <div v-if="tType == 2" class="isTj">
  10609. <div class="isTjImg">
  10610. <img src="../assets/icon/conSentences/right.png" alt="" />
  10611. </div>
  10612. <div>已提交</div>
  10613. </div>
  10614. <div
  10615. class="answerRight isTj"
  10616. v-if="
  10617. st.chooseSenList.toString() == st.rightAnswer.toString() &&
  10618. (tType == 1 || tType == 4)
  10619. "
  10620. >
  10621. <div class="isTjImg">
  10622. <img src="../assets/icon/conSentences/right.png" alt="" />
  10623. </div>
  10624. <div>回答正确</div>
  10625. </div>
  10626. <div
  10627. class="answerRight isTj"
  10628. v-if="
  10629. st.chooseSenList.toString() != st.rightAnswer.toString() &&
  10630. (tType == 1 || tType == 4)
  10631. "
  10632. >
  10633. <div class="isTjImg">
  10634. <img src="../assets/icon/conSentences/wrong.png" alt="" />
  10635. </div>
  10636. <div>回答错误</div>
  10637. </div>
  10638. </div>
  10639. <div
  10640. v-if="
  10641. st.chooseSenList.toString() != st.rightAnswer.toString() &&
  10642. (tType == 1 || tType == 4)
  10643. "
  10644. >
  10645. <div style="padding: 15px 0 10px 20px">正确答案如下:</div>
  10646. <div
  10647. class="cardList"
  10648. v-if="st.rightAnswer"
  10649. style="border: none; padding: 10px 0 10px 10px; margin: 0"
  10650. >
  10651. <div class="cardBox">
  10652. <div v-for="(r, rIndex) in st.rightAnswer" :key="rIndex">
  10653. <el-tooltip
  10654. class="item"
  10655. effect="light"
  10656. :content="r"
  10657. placement="top"
  10658. >
  10659. <div class="isCard1">
  10660. <div>{{ r }}</div>
  10661. </div>
  10662. </el-tooltip>
  10663. </div>
  10664. </div>
  10665. <div class="cardAnswerBox">
  10666. 组成句子:{{ st.rightAnswer.join(" ") }}
  10667. </div>
  10668. </div>
  10669. </div>
  10670. </div>
  10671. </div>
  10672. </div>
  10673. <span slot="footer" class="dialog-footer">
  10674. <el-button @click="dialogVisibleSentence1 = false">取 消</el-button>
  10675. <el-button type="primary" @click="dialogVisibleSentence1 = false"
  10676. >确 定</el-button
  10677. >
  10678. </span>
  10679. </el-dialog>
  10680. <el-dialog
  10681. title="教师提交作业"
  10682. :visible.sync="dialogVisibleWorks"
  10683. :append-to-body="true"
  10684. width="500px"
  10685. :before-close="handleClose"
  10686. class="dialog_change"
  10687. >
  10688. <div class="marginT">
  10689. <div class="w_name">
  10690. 学生姓名:<span>{{ sStudent.student }}</span>
  10691. </div>
  10692. <div>上传文件</div>
  10693. <div
  10694. class="chapter_add"
  10695. @click="addImg($event)"
  10696. v-if="studyJuri[0].cover.length == 0"
  10697. >
  10698. <div class="up_photo">
  10699. <img src="../assets/uploadImg2.png" alt />
  10700. </div>
  10701. <!-- <input
  10702. type="file"
  10703. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  10704. style="display: none"
  10705. @change="beforeUpload1($event, 1)"
  10706. /> -->
  10707. <input
  10708. type="file"
  10709. accept="*"
  10710. style="display: none"
  10711. @change="beforeUpload1($event, 1)"
  10712. />
  10713. </div>
  10714. <!-- capture="camera" -->
  10715. <div
  10716. class="chapter_add"
  10717. style="
  10718. display: flex;
  10719. width: 100%;
  10720. flex-direction: row;
  10721. flex-wrap: wrap;
  10722. justify-content: flex-start;
  10723. padding: 15px 0;
  10724. "
  10725. v-if="studyJuri[0].cover.length > 0"
  10726. >
  10727. <div class="upCover">
  10728. <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
  10729. <img :src="word" alt v-else-if="fileType == 1" />
  10730. <img :src="video" alt v-else-if="fileType == 2" />
  10731. <img :src="word2" alt v-else-if="fileType == 3" />
  10732. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  10733. <div class="deleteWord" @click="clean(1)">
  10734. <img src="../assets/icon/deleteWorks.png" alt />
  10735. </div>
  10736. </div>
  10737. </div>
  10738. </div>
  10739. <div
  10740. class="upload_send"
  10741. @click="addCourseWorksTeacher(taskCount)"
  10742. v-if="!proVisible"
  10743. >
  10744. 提交
  10745. </div>
  10746. </el-dialog>
  10747. <ImgDraw
  10748. :drawShow="drawShow"
  10749. @closeDraw="closeDraw"
  10750. @addImgDraw="addImgDraw"
  10751. :bg="bg"
  10752. ></ImgDraw>
  10753. <el-dialog
  10754. title="表格"
  10755. :visible.sync="dialogVisibleTable"
  10756. :append-to-body="true"
  10757. width="95%"
  10758. :before-close="handleClose"
  10759. class="dialog_diy"
  10760. >
  10761. <el-form>
  10762. <div
  10763. style="
  10764. display: flex;
  10765. align-items: center;
  10766. justify-content: space-between;
  10767. "
  10768. >
  10769. <span>表格内容</span>
  10770. <el-button type="primary" size="small" @click="returnTableText"
  10771. >还原模板</el-button
  10772. >
  10773. </div>
  10774. <Table
  10775. v-model="tableJson.text"
  10776. @change="change"
  10777. v-if="dialogVisibleTable"
  10778. ></Table>
  10779. </el-form>
  10780. <span slot="footer" class="dialog-footer">
  10781. <el-button @click="dialogVisibleTable = false">取 消</el-button>
  10782. <el-button type="primary" @click="addTableWorks">确定</el-button>
  10783. </span>
  10784. </el-dialog>
  10785. <el-dialog
  10786. title="表格"
  10787. :visible.sync="dialogVisibleTableTeacher"
  10788. :append-to-body="true"
  10789. width="95%"
  10790. :before-close="handleClose"
  10791. class="dialog_diy"
  10792. >
  10793. <el-form>
  10794. <div class="w_name">
  10795. 学生姓名:<span>{{ sStudent.student }}</span>
  10796. </div>
  10797. <div>表格内容</div>
  10798. <Table
  10799. v-model="tableJson.text"
  10800. @change="change"
  10801. v-if="dialogVisibleTableTeacher"
  10802. ></Table>
  10803. </el-form>
  10804. <span slot="footer" class="dialog-footer">
  10805. <el-button @click="dialogVisibleTableTeacher = false">取 消</el-button>
  10806. <el-button type="primary" @click="addTableWorksTeacher">确定</el-button>
  10807. </span>
  10808. </el-dialog>
  10809. <el-dialog
  10810. title="文档"
  10811. :visible.sync="dialogVisibleWord"
  10812. :append-to-body="true"
  10813. width="95%"
  10814. :before-close="handleClose"
  10815. class="dialog_diy"
  10816. >
  10817. <el-form>
  10818. <div
  10819. style="
  10820. display: flex;
  10821. align-items: center;
  10822. justify-content: space-between;
  10823. "
  10824. >
  10825. <span>文档内容</span>
  10826. <el-button type="primary" size="small" @click="returnWordText"
  10827. >还原模板</el-button
  10828. >
  10829. </div>
  10830. <editor-bar
  10831. v-model="wordJson.text"
  10832. v-if="dialogVisibleWord"
  10833. ></editor-bar>
  10834. </el-form>
  10835. <span slot="footer" class="dialog-footer">
  10836. <el-button @click="dialogVisibleWord = false">取 消</el-button>
  10837. <el-button type="primary" @click="addWordWorks">确定</el-button>
  10838. </span>
  10839. </el-dialog>
  10840. <el-dialog
  10841. title="文档"
  10842. :visible.sync="dialogVisibleWordTeacher"
  10843. :append-to-body="true"
  10844. width="95%"
  10845. :before-close="handleClose"
  10846. class="dialog_diy"
  10847. >
  10848. <el-form>
  10849. <div class="w_name">
  10850. 学生姓名:<span>{{ sStudent.student }}</span>
  10851. </div>
  10852. <div>文档内容</div>
  10853. <editor-bar
  10854. v-model="wordJson.text"
  10855. v-if="dialogVisibleWordTeacher"
  10856. ></editor-bar>
  10857. </el-form>
  10858. <span slot="footer" class="dialog-footer">
  10859. <el-button @click="dialogVisibleWordTeacher = false">取 消</el-button>
  10860. <el-button type="primary" @click="addWordWorksTeacher">确定</el-button>
  10861. </span>
  10862. </el-dialog>
  10863. <el-dialog
  10864. title="表格"
  10865. :visible.sync="dialogVisibleTable2"
  10866. :append-to-body="true"
  10867. width="95%"
  10868. :before-close="handleClose"
  10869. class="dialog_diy"
  10870. >
  10871. <el-form>
  10872. <div class="cont" v-html="tableJson.text"></div>
  10873. </el-form>
  10874. <span slot="footer" class="dialog-footer">
  10875. <el-button @click="dialogVisibleTable2 = false">关 闭</el-button>
  10876. </span>
  10877. </el-dialog>
  10878. <el-dialog
  10879. title="文档"
  10880. :visible.sync="dialogVisibleTable3"
  10881. :append-to-body="true"
  10882. width="95%"
  10883. :before-close="handleClose"
  10884. class="dialog_diy"
  10885. >
  10886. <el-form>
  10887. <div class="cont" v-html="tableJson.text"></div>
  10888. </el-form>
  10889. <span slot="footer" class="dialog-footer">
  10890. <el-button @click="dialogVisibleTable3 = false">关 闭</el-button>
  10891. </span>
  10892. </el-dialog>
  10893. <el-dialog
  10894. title="分组设置"
  10895. :visible.sync="dialogVisibleGroup"
  10896. :append-to-body="true"
  10897. width="95%"
  10898. :before-close="handleClose"
  10899. class="dialog_diy"
  10900. >
  10901. <div v-if="dialogVisibleGroup">
  10902. <div v-if="courseDetail.userid == userid" class="g_d_btnBox">
  10903. <div style="color: rgb(171 171 171); margin: 0 10px 0 0">
  10904. 提示:开启【开放选座】,学生能够自由加入和退出小组。
  10905. </div>
  10906. <!-- <div type="primary" v-if="groupJson.islock == 1" class="returnBtn" style="background-color: #225bc7"
  10907. @click="lockChair">
  10908. 锁定位置
  10909. </div>
  10910. <div type="primary" v-else class="returnBtn" style="background-color: #225bc7" @click="lockChair">
  10911. 解锁位置
  10912. </div> -->
  10913. <div class="group_switch">
  10914. <span>开放选座</span>
  10915. <el-switch
  10916. v-model="islock"
  10917. active-text=""
  10918. class="switchCss"
  10919. @change="lockChair"
  10920. ></el-switch>
  10921. </div>
  10922. <div
  10923. type="primary"
  10924. @click="updateGroup"
  10925. class="returnBtn"
  10926. style="background-color: #225bc7"
  10927. >
  10928. 分组设置
  10929. </div>
  10930. </div>
  10931. <div>
  10932. <div
  10933. class="g_d_box"
  10934. v-if="groupJson.group && groupStudent[toolindex]"
  10935. >
  10936. <div
  10937. class="g_d_group"
  10938. v-for="(g, gindex) in groupJson.group"
  10939. :key="gindex"
  10940. >
  10941. <div class="g_d_group_chair">
  10942. <div v-if="groupJson.number > 1">
  10943. <span
  10944. :class="{
  10945. isChair:
  10946. groupStudent[toolindex][gindex] &&
  10947. groupStudent[toolindex][gindex][0],
  10948. updateChair:
  10949. courseDetail.userid == userid &&
  10950. groupStudent[toolindex][gindex] &&
  10951. groupStudent[toolindex][gindex][0] &&
  10952. groupJson.islock == 2,
  10953. }"
  10954. ><span
  10955. class="updateChairBtn"
  10956. @click="
  10957. updateGroupChair(
  10958. groupStudent[toolindex][gindex] &&
  10959. groupStudent[toolindex][gindex][0]
  10960. )
  10961. "
  10962. >修改</span
  10963. ></span
  10964. ><span>{{
  10965. groupStudent[toolindex][gindex] &&
  10966. groupStudent[toolindex][gindex][0]
  10967. ? groupStudent[toolindex][gindex] &&
  10968. groupStudent[toolindex][gindex][0].name
  10969. : "空位置"
  10970. }}</span>
  10971. </div>
  10972. <div v-if="groupJson.number > 4">
  10973. <span
  10974. :class="{
  10975. isChair:
  10976. groupStudent[toolindex][gindex] &&
  10977. groupStudent[toolindex][gindex][4],
  10978. updateChair:
  10979. courseDetail.userid == userid &&
  10980. groupStudent[toolindex][gindex] &&
  10981. groupStudent[toolindex][gindex][4] &&
  10982. groupJson.islock == 2,
  10983. }"
  10984. ><span
  10985. class="updateChairBtn"
  10986. @click="
  10987. updateGroupChair(
  10988. groupStudent[toolindex][gindex] &&
  10989. groupStudent[toolindex][gindex][4]
  10990. )
  10991. "
  10992. >修改</span
  10993. ></span
  10994. ><span>{{
  10995. groupStudent[toolindex][gindex] &&
  10996. groupStudent[toolindex][gindex][4]
  10997. ? groupStudent[toolindex][gindex] &&
  10998. groupStudent[toolindex][gindex][4].name
  10999. : "空位置"
  11000. }}</span>
  11001. </div>
  11002. <div v-if="groupJson.number > 8">
  11003. <span
  11004. :class="{
  11005. isChair:
  11006. groupStudent[toolindex][gindex] &&
  11007. groupStudent[toolindex][gindex][8],
  11008. updateChair:
  11009. courseDetail.userid == userid &&
  11010. groupStudent[toolindex][gindex] &&
  11011. groupStudent[toolindex][gindex][8] &&
  11012. groupJson.islock == 2,
  11013. }"
  11014. ><span
  11015. class="updateChairBtn"
  11016. @click="
  11017. updateGroupChair(
  11018. groupStudent[toolindex][gindex] &&
  11019. groupStudent[toolindex][gindex][8]
  11020. )
  11021. "
  11022. >修改</span
  11023. ></span
  11024. ><span>{{
  11025. groupStudent[toolindex][gindex] &&
  11026. groupStudent[toolindex][gindex][8]
  11027. ? groupStudent[toolindex][gindex] &&
  11028. groupStudent[toolindex][gindex][8].name
  11029. : "空位置"
  11030. }}</span>
  11031. </div>
  11032. </div>
  11033. <div class="g_d_group_tableBox">
  11034. <div class="g_d_group_chair2">
  11035. <div v-if="groupJson.number > 2">
  11036. <span
  11037. :class="{
  11038. isChair:
  11039. groupStudent[toolindex][gindex] &&
  11040. groupStudent[toolindex][gindex][2],
  11041. updateChair:
  11042. courseDetail.userid == userid &&
  11043. groupStudent[toolindex][gindex] &&
  11044. groupStudent[toolindex][gindex][2] &&
  11045. groupJson.islock == 2,
  11046. }"
  11047. ><span
  11048. class="updateChairBtn"
  11049. @click="
  11050. updateGroupChair(
  11051. groupStudent[toolindex][gindex] &&
  11052. groupStudent[toolindex][gindex][2]
  11053. )
  11054. "
  11055. >修改</span
  11056. ></span
  11057. ><span>{{
  11058. groupStudent[toolindex][gindex] &&
  11059. groupStudent[toolindex][gindex][2]
  11060. ? groupStudent[toolindex][gindex] &&
  11061. groupStudent[toolindex][gindex][2].name
  11062. : "空位置"
  11063. }}</span>
  11064. </div>
  11065. <div v-if="groupJson.number > 6">
  11066. <span
  11067. :class="{
  11068. isChair:
  11069. groupStudent[toolindex][gindex] &&
  11070. groupStudent[toolindex][gindex][6],
  11071. updateChair:
  11072. courseDetail.userid == userid &&
  11073. groupStudent[toolindex][gindex] &&
  11074. groupStudent[toolindex][gindex][6] &&
  11075. groupJson.islock == 2,
  11076. }"
  11077. ><span
  11078. class="updateChairBtn"
  11079. @click="
  11080. updateGroupChair(
  11081. groupStudent[toolindex][gindex] &&
  11082. groupStudent[toolindex][gindex][6]
  11083. )
  11084. "
  11085. >修改</span
  11086. ></span
  11087. ><span>{{
  11088. groupStudent[toolindex][gindex] &&
  11089. groupStudent[toolindex][gindex][6]
  11090. ? groupStudent[toolindex][gindex] &&
  11091. groupStudent[toolindex][gindex][6].name
  11092. : "空位置"
  11093. }}</span>
  11094. </div>
  11095. </div>
  11096. <div class="g_d_group_table">
  11097. <div>
  11098. {{ g.name }}
  11099. </div>
  11100. <div>
  11101. <div
  11102. v-if="
  11103. courseDetail.userid == userid && groupJson.islock == 2
  11104. "
  11105. @click="deleteGroupChair(gindex)"
  11106. >
  11107. 移除组员
  11108. </div>
  11109. <div
  11110. @click="selectGroup(gindex)"
  11111. v-else-if="
  11112. groupStudentUid[toolindex] &&
  11113. groupStudentUid[toolindex][gindex].indexOf(userid) == -1
  11114. "
  11115. >
  11116. 加入分组
  11117. </div>
  11118. <div
  11119. @click="
  11120. exitGroup(
  11121. groupStudent[toolindex][gindex] &&
  11122. groupStudent[toolindex][gindex][
  11123. groupStudentUid[toolindex][gindex].indexOf(userid)
  11124. ].id
  11125. )
  11126. "
  11127. v-else-if="
  11128. groupStudentUid[toolindex] &&
  11129. groupStudentUid[toolindex][gindex].indexOf(userid) != -1
  11130. "
  11131. >
  11132. 退出分组
  11133. </div>
  11134. </div>
  11135. </div>
  11136. <div class="g_d_group_chair2">
  11137. <div v-if="groupJson.number > 3">
  11138. <span
  11139. :class="{
  11140. isChair:
  11141. groupStudent[toolindex][gindex] &&
  11142. groupStudent[toolindex][gindex][3],
  11143. updateChair:
  11144. courseDetail.userid == userid &&
  11145. groupStudent[toolindex][gindex] &&
  11146. groupStudent[toolindex][gindex][3] &&
  11147. groupJson.islock == 2,
  11148. }"
  11149. ><span
  11150. class="updateChairBtn"
  11151. @click="
  11152. updateGroupChair(
  11153. groupStudent[toolindex][gindex] &&
  11154. groupStudent[toolindex][gindex][3]
  11155. )
  11156. "
  11157. >修改</span
  11158. ></span
  11159. ><span>{{
  11160. groupStudent[toolindex][gindex] &&
  11161. groupStudent[toolindex][gindex][3]
  11162. ? groupStudent[toolindex][gindex] &&
  11163. groupStudent[toolindex][gindex][3].name
  11164. : "空位置"
  11165. }}</span>
  11166. </div>
  11167. <div v-if="groupJson.number > 7">
  11168. <span
  11169. :class="{
  11170. isChair:
  11171. groupStudent[toolindex][gindex] &&
  11172. groupStudent[toolindex][gindex][7],
  11173. updateChair:
  11174. courseDetail.userid == userid &&
  11175. groupStudent[toolindex][gindex] &&
  11176. groupStudent[toolindex][gindex][7] &&
  11177. groupJson.islock == 2,
  11178. }"
  11179. ><span
  11180. class="updateChairBtn"
  11181. @click="
  11182. updateGroupChair(
  11183. groupStudent[toolindex][gindex] &&
  11184. groupStudent[toolindex][gindex][7]
  11185. )
  11186. "
  11187. >修改</span
  11188. ></span
  11189. ><span>{{
  11190. groupStudent[toolindex][gindex] &&
  11191. groupStudent[toolindex][gindex][7]
  11192. ? groupStudent[toolindex][gindex] &&
  11193. groupStudent[toolindex][gindex][7].name
  11194. : "空位置"
  11195. }}</span>
  11196. </div>
  11197. </div>
  11198. </div>
  11199. <div class="g_d_group_chair">
  11200. <div v-if="groupJson.number > 1">
  11201. <span
  11202. :class="{
  11203. isChair:
  11204. groupStudent[toolindex][gindex] &&
  11205. groupStudent[toolindex][gindex][1],
  11206. updateChair:
  11207. courseDetail.userid == userid &&
  11208. groupStudent[toolindex][gindex] &&
  11209. groupStudent[toolindex][gindex][1] &&
  11210. groupJson.islock == 2,
  11211. }"
  11212. ><span
  11213. class="updateChairBtn"
  11214. @click="
  11215. updateGroupChair(
  11216. groupStudent[toolindex][gindex] &&
  11217. groupStudent[toolindex][gindex][1]
  11218. )
  11219. "
  11220. >修改</span
  11221. ></span
  11222. ><span>{{
  11223. groupStudent[toolindex][gindex] &&
  11224. groupStudent[toolindex][gindex][1]
  11225. ? groupStudent[toolindex][gindex] &&
  11226. groupStudent[toolindex][gindex][1].name
  11227. : "空位置"
  11228. }}</span>
  11229. </div>
  11230. <div v-if="groupJson.number > 5">
  11231. <span
  11232. :class="{
  11233. isChair:
  11234. groupStudent[toolindex][gindex] &&
  11235. groupStudent[toolindex][gindex][5],
  11236. updateChair:
  11237. courseDetail.userid == userid &&
  11238. groupStudent[toolindex][gindex] &&
  11239. groupStudent[toolindex][gindex][5] &&
  11240. groupJson.islock == 2,
  11241. }"
  11242. ><span
  11243. class="updateChairBtn"
  11244. @click="
  11245. updateGroupChair(
  11246. groupStudent[toolindex][gindex] &&
  11247. groupStudent[toolindex][gindex][5]
  11248. )
  11249. "
  11250. >修改</span
  11251. ></span
  11252. ><span>{{
  11253. groupStudent[toolindex][gindex] &&
  11254. groupStudent[toolindex][gindex][5]
  11255. ? groupStudent[toolindex][gindex] &&
  11256. groupStudent[toolindex][gindex][5].name
  11257. : "空位置"
  11258. }}</span>
  11259. </div>
  11260. <div v-if="groupJson.number > 9">
  11261. <span
  11262. :class="{
  11263. isChair:
  11264. groupStudent[toolindex][gindex] &&
  11265. groupStudent[toolindex][gindex][9],
  11266. updateChair:
  11267. courseDetail.userid == userid &&
  11268. groupStudent[toolindex][gindex] &&
  11269. groupStudent[toolindex][gindex][9] &&
  11270. groupJson.islock == 2,
  11271. }"
  11272. ><span
  11273. class="updateChairBtn"
  11274. @click="
  11275. updateGroupChair(
  11276. groupStudent[toolindex][gindex] &&
  11277. groupStudent[toolindex][gindex][9]
  11278. )
  11279. "
  11280. >修改</span
  11281. ></span
  11282. ><span>{{
  11283. groupStudent[toolindex][gindex] &&
  11284. groupStudent[toolindex][gindex][9]
  11285. ? groupStudent[toolindex][gindex] &&
  11286. groupStudent[toolindex][gindex][9].name
  11287. : "空位置"
  11288. }}</span>
  11289. </div>
  11290. </div>
  11291. </div>
  11292. </div>
  11293. </div>
  11294. </div>
  11295. <span slot="footer" class="dialog-footer">
  11296. <!-- <el-button @click="(dialogVisibleGroup = false)">关 闭</el-button> -->
  11297. </span>
  11298. </el-dialog>
  11299. <el-dialog
  11300. title="分组设置"
  11301. :visible.sync="dialogVisibleGroup2"
  11302. :append-to-body="true"
  11303. width="650px"
  11304. :before-close="handleClose"
  11305. class="dialog_diy"
  11306. >
  11307. <div class="groupBox">
  11308. <div v-if="groupJson2.group" class="groupContent">
  11309. <div class="groupTitle">请设置小组数量及名称</div>
  11310. <div
  11311. v-for="(item, index) in groupJson2.group"
  11312. :key="index"
  11313. class="groupName"
  11314. >
  11315. <span class="groupn">第{{ index + 1 }}组名称:</span>
  11316. <el-input
  11317. v-model="item.name"
  11318. placeholder="请输入名称..."
  11319. style="width: 250px"
  11320. ></el-input>
  11321. <!-- <div class="groupBtn">
  11322. <el-button type="primary" size="small" @click="addGroup(index)">
  11323. 添加</el-button>
  11324. <el-button type="primary" size="small" @click="deleteGroup(index)"
  11325. v-if="groupJson2.group && groupJson2.group.length > 1">删除</el-button>
  11326. </div> -->
  11327. </div>
  11328. </div>
  11329. <div class="groupContent">
  11330. <div class="groupTitle">请设置每组人数</div>
  11331. <!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
  11332. style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
  11333. <el-input
  11334. v-model="groupJson.number"
  11335. style="width: 150px"
  11336. placeholder="请输入2-10的数字"
  11337. @change="numberPan"
  11338. ></el-input>
  11339. </div>
  11340. </div>
  11341. <span slot="footer" class="dialog-footer">
  11342. <el-button @click="dialogVisibleGroup2 = false">取 消</el-button>
  11343. <el-button type="primary" @click="updateGroupJson">确定</el-button>
  11344. </span>
  11345. </el-dialog>
  11346. <el-dialog
  11347. title="作业提交"
  11348. :visible.sync="dialogVisibleGroupWork"
  11349. :append-to-body="true"
  11350. width="500px"
  11351. :before-close="handleClose"
  11352. class="dialog_change"
  11353. >
  11354. <div class="marginT">
  11355. <div>上传文件</div>
  11356. <div
  11357. class="chapter_add"
  11358. @click="addImg($event)"
  11359. v-if="studyJuri[0].cover.length == 0"
  11360. >
  11361. <div class="up_photo">
  11362. <img src="../assets/icon/uploadImg.png" alt />
  11363. </div>
  11364. <!-- <input
  11365. type="file"
  11366. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  11367. style="display: none"
  11368. @change="beforeUpload1($event, 1)"
  11369. /> -->
  11370. <input
  11371. type="file"
  11372. accept="*"
  11373. style="display: none"
  11374. @change="beforeUpload1($event, 1)"
  11375. />
  11376. </div>
  11377. <!-- capture="camera" -->
  11378. <div
  11379. class="chapter_add"
  11380. style="
  11381. display: flex;
  11382. width: 100%;
  11383. flex-direction: row;
  11384. flex-wrap: wrap;
  11385. justify-content: flex-start;
  11386. padding: 15px 0;
  11387. "
  11388. v-if="studyJuri[0].cover.length > 0"
  11389. >
  11390. <div class="upCover">
  11391. <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
  11392. <img :src="word" alt v-else-if="fileType == 1" />
  11393. <img :src="video" alt v-else-if="fileType == 2" />
  11394. <img :src="word2" alt v-else-if="fileType == 3" />
  11395. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  11396. <div class="deleteWord" @click="clean(1)">
  11397. <img src="../assets/icon/deleteWorks.png" alt />
  11398. </div>
  11399. </div>
  11400. </div>
  11401. </div>
  11402. <div
  11403. class="upload_send"
  11404. @click="addCourseWorks2(taskCount)"
  11405. v-if="!proVisible"
  11406. >
  11407. 提交
  11408. </div>
  11409. </el-dialog>
  11410. <el-dialog
  11411. title="修改分组"
  11412. :visible.sync="dialogVisibleUpdateGroup"
  11413. :append-to-body="true"
  11414. width="350px"
  11415. :before-close="handleClose"
  11416. class="dialog_diy"
  11417. >
  11418. <div>
  11419. <h2>
  11420. {{ this.updateGroupUser.name }}
  11421. </h2>
  11422. <div style="color: rgb(171 171 171); margin-top: 10px">
  11423. 请选择要进入的分组
  11424. </div>
  11425. <el-radio-group v-model="checkChair">
  11426. <el-radio
  11427. style="display: block; margin-top: 20px"
  11428. v-for="(item, index) in updateGroupArray"
  11429. :label="item.label"
  11430. :key="index"
  11431. >{{ item.name }}</el-radio
  11432. >
  11433. </el-radio-group>
  11434. </div>
  11435. <span slot="footer" class="dialog-footer">
  11436. <el-button @click="dialogVisibleUpdateGroup = false">取 消</el-button>
  11437. <el-button type="primary" @click="updateChair">确定</el-button>
  11438. </span>
  11439. </el-dialog>
  11440. <el-dialog
  11441. title="移除组员"
  11442. :visible.sync="dialogVisibleDeleteGroup"
  11443. :append-to-body="true"
  11444. width="350px"
  11445. :before-close="handleClose"
  11446. class="dialog_diy"
  11447. >
  11448. <div>
  11449. <h2>
  11450. {{ this.deleteGroupArray.name }}
  11451. </h2>
  11452. <div style="color: rgb(171 171 171); margin-top: 10px">
  11453. 请选择要删除的组员
  11454. </div>
  11455. <el-checkbox-group v-model="checkDeleteGroup">
  11456. <el-checkbox
  11457. style="display: flex; margin-top: 20px"
  11458. v-for="(item, index) in deleteGroupUser"
  11459. :label="item.userid"
  11460. :key="index"
  11461. >{{ item.name }}</el-checkbox
  11462. >
  11463. </el-checkbox-group>
  11464. </div>
  11465. <span slot="footer" class="dialog-footer">
  11466. <el-button @click="dialogVisibleDeleteGroup = false">取 消</el-button>
  11467. <el-button type="primary" @click="deleteChair">确定</el-button>
  11468. </span>
  11469. </el-dialog>
  11470. <el-dialog
  11471. title="批量上传"
  11472. :visible.sync="dialogVisiblePl"
  11473. :append-to-body="true"
  11474. width="700px"
  11475. :before-close="handleClose"
  11476. class="dialog_change"
  11477. >
  11478. <div class="marginT">
  11479. <div class="plworkBox">
  11480. <div
  11481. class="chapter_add"
  11482. style="
  11483. display: flex;
  11484. width: 150px;
  11485. flex-direction: row;
  11486. flex-wrap: wrap;
  11487. justify-content: flex-start;
  11488. margin: 0 10px 10px 0;
  11489. "
  11490. v-for="(item, index) in plworkFile"
  11491. :key="index"
  11492. >
  11493. <div class="upCover2">
  11494. <img
  11495. :src="item.url"
  11496. alt
  11497. v-if="item.fileType == 1"
  11498. @click="previewImg(item.url)"
  11499. />
  11500. <img :src="word" alt v-else-if="item.fileType == 4" />
  11501. <img :src="video" alt v-else />
  11502. <!-- <span class="picName">{{ item.name }}</span> -->
  11503. <!-- <el-input
  11504. v-model="item.username"
  11505. placeholder="请输入学生名字"
  11506. style="margin-top: 10px"
  11507. ></el-input> -->
  11508. <div
  11509. class="pl_select_box"
  11510. @click="
  11511. getUpdateMore(true, checkUpload(), item.username, index)
  11512. "
  11513. >
  11514. {{ getSName(item.username) }}
  11515. </div>
  11516. <!-- <el-select
  11517. style="margin-top: 10px"
  11518. v-model="item.username"
  11519. filterable
  11520. allow-create
  11521. placeholder="请选择学生"
  11522. >
  11523. <el-option
  11524. v-for="item1 in checkUpload()"
  11525. :key="item1.userid"
  11526. :label="item1.name ? item1.name : item1.username"
  11527. :value="item1.userid"
  11528. >
  11529. </el-option>
  11530. </el-select> -->
  11531. <div class="deleteWord" @click="clean2(index)">
  11532. <img src="../assets/icon/deleteWorks.png" alt />
  11533. </div>
  11534. </div>
  11535. </div>
  11536. <div class="chapter_add" style="width: auto" @click="addImg($event)">
  11537. <div class="up_photo2">
  11538. <img src="../assets/icon/plwork.png" alt />
  11539. <span>点击上传文件</span>
  11540. </div>
  11541. <input
  11542. type="file"
  11543. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  11544. multiple="multiple"
  11545. style="display: none"
  11546. @change="beforeUpload3($event, 6)"
  11547. />
  11548. </div>
  11549. </div>
  11550. </div>
  11551. <!-- capture="camera" -->
  11552. <div
  11553. class="upload_send"
  11554. @click="addCourseWorksPl(taskCount)"
  11555. v-if="!proVisible2"
  11556. >
  11557. 提交
  11558. </div>
  11559. </el-dialog>
  11560. <el-dialog
  11561. title="修改名称"
  11562. :visible.sync="dialogVisibleSname"
  11563. width="500px"
  11564. :before-close="handleClose"
  11565. class="dialog_diy"
  11566. center
  11567. >
  11568. <div
  11569. style="
  11570. text-align: center;
  11571. display: flex;
  11572. align-items: center;
  11573. justify-content: center;
  11574. "
  11575. >
  11576. <span class="tian1">名称</span>
  11577. <div
  11578. class="pl_select_box"
  11579. style="margin-left: 10px; width: 200px"
  11580. @click="getUpdateMore(true, uploadStudentJuri, worksSid)"
  11581. >
  11582. {{ getSName(worksSName) }}
  11583. </div>
  11584. <!-- <el-select v-model="worksSName" filterable allow-create style="width: 250px; margin: 15px 0px"
  11585. placeholder="请选择学生">
  11586. <el-option v-for="item in uploadStudentJuri" :key="item.userid" :label="item.name ? item.name : item.username"
  11587. :value="item.userid">
  11588. </el-option>
  11589. </el-select> -->
  11590. <!-- <el-input
  11591. v-model="worksSName"
  11592. style="width: 250px; margin: 15px 0px"
  11593. ></el-input> -->
  11594. </div>
  11595. <span slot="footer" class="dialog-footer" style="text-align: center;">
  11596. <el-button @click="dialogVisibleSname = false">取 消</el-button>
  11597. <el-button type="primary" @click="updateName">确 定</el-button>
  11598. </span>
  11599. </el-dialog>
  11600. <el-dialog
  11601. title="英语写作"
  11602. :visible.sync="engDialogVisible"
  11603. :append-to-body="true"
  11604. width="800px"
  11605. :before-close="handleClose"
  11606. class="dialog_diy"
  11607. >
  11608. <onlineWrite
  11609. v-if="engDialogVisible"
  11610. :englishList="englishList"
  11611. :myAnswerList1="myAnswerList1"
  11612. :userid="userid"
  11613. ref="engJson"
  11614. ></onlineWrite>
  11615. <span slot="footer" class="dialog-footer">
  11616. <el-button @click="engDialogVisible = false">取 消</el-button>
  11617. <el-button type="primary" @click="addEnglishWork">确 定</el-button>
  11618. </span>
  11619. </el-dialog>
  11620. <el-dialog
  11621. title="英语写作"
  11622. :visible.sync="engUpdateDialogVisible"
  11623. :append-to-body="true"
  11624. width="800px"
  11625. :before-close="handleClose"
  11626. class="dialog_diy fullStyle"
  11627. >
  11628. <div class="engUpBox">
  11629. <div class="engUpTop">
  11630. <div class="engTitle">
  11631. <div>作文题目:</div>
  11632. <div>{{ englishList1.engTitle }}</div>
  11633. </div>
  11634. <div class="engText">
  11635. <div>作文内容:</div>
  11636. <div class="cont" v-html="englishList1.englishText" style="white-space: pre-line;" @click="checkImg(getImgList(englishList1.englishText))"></div>
  11637. </div>
  11638. </div>
  11639. <div class="correctBox" :style="{height: `calc(100% - ${topHeight}px)` }">
  11640. <div class="oldBox">
  11641. <div class="oldMes">原文( 作者:{{ noteName }} )</div>
  11642. <div class="oldText">
  11643. <div class="detailBox">
  11644. <div class="oldDetail">
  11645. <div>标题:</div>
  11646. <div>{{ oldEnglishJson.engTitle }} </div>
  11647. </div>
  11648. <div class="oldDetail1">
  11649. <div>正文:</div>
  11650. <div v-html="oldEnglishJson.engText" style="white-space: pre-line;"></div>
  11651. </div>
  11652. <div class="oldDetail" v-if="oldEnglishJson.imgList && oldEnglishJson.imgList.length > 0">
  11653. <div>图片:</div>
  11654. <div class="oldImg"><img :src="oldEnglishJson.imgList[0].url" alt="" /></div>
  11655. </div>
  11656. </div>
  11657. </div>
  11658. </div>
  11659. <div class="oldBox loadingText" v-if="userMes[0].type == 2">
  11660. <div class="oldMes" style="background: #aacaff;">{{ userMes[0].username }}</div>
  11661. <div class="oldText">
  11662. <div class="detailBox" style="position: relative;">
  11663. <div class="oldDetail">
  11664. <div>标题:</div>
  11665. <el-input v-if="greyType" v-model="newEnglishList.engTitle" />
  11666. <div v-else v-html="newEnglishList.engTitle"></div>
  11667. </div>
  11668. <div class="oldDetail">
  11669. <div>正文:</div>
  11670. <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="newEnglishList.engText" @input="gx"/>
  11671. <correctText :newText="newEnglishList.engText" :oldData="oldEnglishJson.engText"/>
  11672. </div>
  11673. <div style="position: absolute;bottom: -25px;">注:红色划线字为删除,绿色背景白色字为新添加.</div>
  11674. <el-button @click="isUpdateCorrect(newEnglishList.engText,1)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
  11675. <el-button @click="aiCorrect(newEnglishList.engText,1)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">AI批注</el-button>
  11676. <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
  11677. </div>
  11678. </div>
  11679. </div>
  11680. <div class="oldBox loadingText" v-else-if="userMes[0].type == 1">
  11681. <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">
  11682. <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>
  11683. <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>
  11684. </div>
  11685. <div class="oldMes" style="background: #aacaff;" v-else>{{ userMes[0].username }}</div>
  11686. <div class="oldText" v-if="newEngIndex == -1 && isNoUserid == true && newEnglishList1.length">
  11687. <div class="detailBox" style="position: relative;">
  11688. <div class="oldDetail">
  11689. <div>标题:</div>
  11690. <el-input v-if="greyType" v-model="oldEnglishJson1.engTitle" />
  11691. <div v-else v-html="oldEnglishJson1.engTitle"></div>
  11692. </div>
  11693. <div class="oldDetail">
  11694. <div>正文:</div>
  11695. <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="oldEnglishJson1.engText" @input="gx"/>
  11696. <correctText v-else :newText="oldEnglishJson1.engText" :oldData="oldEnglishJson.engText"/>
  11697. </div>
  11698. <div style="position: absolute;bottom: -25px;">注:红色划线字为删除,绿色背景白色字为新添加.</div>
  11699. <el-button @click="isUpdateCorrect(oldEnglishJson1.engText,2)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
  11700. <el-button @click="aiCorrect(oldEnglishJson1.engText,2)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">AI批注</el-button>
  11701. <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
  11702. </div>
  11703. </div>
  11704. <div class="oldText" v-else-if="newEngIndex == -1">
  11705. <div class="detailBox" style="position: relative;">
  11706. <div class="oldDetail">
  11707. <div>标题:</div>
  11708. <el-input v-if="greyType" v-model="newEnglishList.engTitle" />
  11709. <div v-else v-html="newEnglishList.engTitle"></div>
  11710. </div>
  11711. <div class="oldDetail">
  11712. <div>正文:</div>
  11713. <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="newEnglishList.engText" @input="gx"/>
  11714. <correctText v-else :newText="newEnglishList.engText" :oldData="oldEnglishJson.engText"/>
  11715. </div>
  11716. <div style="position: absolute;bottom: -25px;">注:红色划线字为删除,绿色背景白色字为新添加.</div>
  11717. <el-button @click="isUpdateCorrect(newEnglishList.engText,3)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
  11718. <el-button @click="aiCorrect(newEnglishList.engText,3)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">AI批注</el-button>
  11719. <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
  11720. </div>
  11721. </div>
  11722. <div class="oldText" v-else-if="newEngIndex > -1 && newEnglishList1.length > 0">
  11723. <div class="detailBox" style="position: relative;">
  11724. <div class="oldDetail">
  11725. <div>标题:</div>
  11726. <div v-if="userMes[0].userid != newEnglishList1[newEngIndex].correct" v-html="newEnglishList1[newEngIndex].cWork.engTitle"></div>
  11727. <div v-else>
  11728. <el-input v-if="greyType" v-model="newEnglishList1[newEngIndex].cWork.engTitle"/>
  11729. <div v-else v-html="newEnglishList1[newEngIndex].cWork.engTitle"></div>
  11730. </div>
  11731. </div>
  11732. <div class="oldDetail">
  11733. <div>正文:</div>
  11734. <correctText v-if="userMes[0].userid != newEnglishList1[newEngIndex].correct" :newText="newEnglishList1[newEngIndex].cWork.engText" :oldData="oldEnglishJson.engText"/>
  11735. <div v-else>
  11736. <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="newEnglishList1[newEngIndex].cWork.engText" @input="gx"/>
  11737. <correctText v-else :newText="newEnglishList1[newEngIndex].cWork.engText" :oldData="oldEnglishJson.engText"/>
  11738. </div>
  11739. </div>
  11740. <div style="position: absolute;bottom: -25px;">注:红色划线字为删除,绿色背景白色字为新添加.</div>
  11741. <el-button @click="isUpdateCorrect(newEnglishList1[newEngIndex].cWork.engText,4)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }" v-if="!greyType && userMes[0].userid == newEnglishList1[newEngIndex].correct">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
  11742. <el-button @click="aiCorrect(newEnglishList1[newEngIndex].cWork.engText,4)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType && userMes[0].userid == newEnglishList1[newEngIndex].correct">AI批注</el-button>
  11743. <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
  11744. </div>
  11745. </div>
  11746. </div>
  11747. </div>
  11748. </div>
  11749. <span slot="footer" class="dialog-footer">
  11750. <el-button @click="engUpdateDialogVisible = false">取 消</el-button>
  11751. <el-button type="primary" @click="addCorrect">确 定</el-button>
  11752. </span>
  11753. </el-dialog>
  11754. <englishEva :evaEngJson="evaEngJson" :engEvaDialogVisible.sync="engEvaDialogVisible" :uid="userid" :tType="tType" :courseDetail="courseDetail"></englishEva>
  11755. <interVideo
  11756. :dialogVisibleVideo.sync="dialogVisibleVideo"
  11757. :videoJson="videoJson"
  11758. :userid="userid"
  11759. :id="id"
  11760. :courseType="courseType"
  11761. :taskCount="taskCount"
  11762. :toolindex="toolindex"
  11763. :videoType="videoType"
  11764. ></interVideo>
  11765. <UpdateMore
  11766. :dialogVisibleMember.sync="dialogVisibleMember"
  11767. :cList="uploadStudentJuri"
  11768. :userid="userid"
  11769. :searchTN="worksSName2"
  11770. @setPlname="setPlname"
  11771. ></UpdateMore>
  11772. <wordCloud
  11773. :dialogVisibleWordCloud.sync="dialogVisibleWordCloud"
  11774. :data="wordCloudData"
  11775. ></wordCloud>
  11776. <el-dialog
  11777. title="挑人"
  11778. :visible.sync="dialogVisiblePickPeople"
  11779. width="650px"
  11780. :before-close="handleClose"
  11781. class="dialog_diy"
  11782. center
  11783. >
  11784. <div class="pick_box">
  11785. <div
  11786. class="noWorksName"
  11787. :class="{ isSelectName: isPickStudent.indexOf(item.userid) !== -1 }"
  11788. v-for="(item, index) in uploadStudentJuri"
  11789. :key="index"
  11790. @click="pickStudent(item)"
  11791. >
  11792. {{ item.name }}
  11793. </div>
  11794. </div>
  11795. </el-dialog>
  11796. <EnglishVoice :EnglishVoiceDialog.sync='EnglishVoiceDialog'
  11797. :englishVoiceJson='englishVoiceJson'
  11798. :userid="userid"
  11799. :id="id"
  11800. :courseType="courseType"
  11801. :taskCount="taskCount"
  11802. :toolindex="toolindex"
  11803. @selectSWorks="selectSWorks"
  11804. @selectStudent="selectStudent"
  11805. :englishVoiceJsonWork="englishVoiceJsonWork"></EnglishVoice>
  11806. <checkEnglishVoice :englishVoiceJson='englishVoiceJson'
  11807. :userid="userid"
  11808. :dialogVisibleENScore.sync='dialogVisibleENScore'
  11809. :commentDetail="commentDetail"
  11810. :courseDetail="courseDetail"
  11811. :wScore="wScore"
  11812. :scoreDetail="scoreDetail"
  11813. @selectSWorks="selectSWorks"
  11814. @selectStudent="selectStudent"></checkEnglishVoice>
  11815. </div>
  11816. </template>
  11817. <script>
  11818. import "../common/aws-sdk-2.235.1.min.js";
  11819. // import pdf from "./components/pdf3";
  11820. import pdf from "./components/vpdf";
  11821. import AskStatic from "./components/askStatic";
  11822. import AskStatic2 from "./components/askStatic2";
  11823. import AnswerData2 from "./components/answerData2";
  11824. import AnswerData from "./components/answerData";
  11825. import EditorBar from "./tools/wangEnduit.vue";
  11826. import Table from "./tools/table.vue";
  11827. import Time from "./tools/time.vue";
  11828. import Mind from "./tools/jsmind.vue";
  11829. import Sunburst from "./tools/sunburst";
  11830. import SeeBoard from "./tools/seeBoard";
  11831. import * as imageConversion from "image-conversion";
  11832. import Audio from "./components/audio.vue";
  11833. import ImgDraw from "./tools/imgDraw/imgDraw";
  11834. import { Empty } from "element-ui";
  11835. import RecordRTC from "recordrtc";
  11836. import interVideo from "./interVideo/index.vue";
  11837. import UpdateMore from "./updateMore/updateMore.vue";
  11838. import wordCloud from "./wordCloud/index.vue";
  11839. import axios from "axios";
  11840. import JSZip from "jszip";
  11841. import FileSaver from "file-saver";
  11842. import onlineWrite from "./components/onlineWrite";
  11843. import englishEva from "./components/englishEva";
  11844. import * as Diff from 'diff'
  11845. import EnglishVoice from './EnglishVoice2/index.vue'
  11846. import checkEnglishVoice from './checkEnglishVoice/index.vue'
  11847. import correctText from './components/correctText.vue'
  11848. import scoreItem from './scoreList/scoreItem.vue'
  11849. import scoreZong from './scoreZong/index.vue'
  11850. import classRoomHelper from './classRoomHelper/index.vue'
  11851. const getFile = (url) => {
  11852. return new Promise((resolve, reject) => {
  11853. var credentials = {
  11854. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  11855. secretAccessKey: "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",
  11856. }; //秘钥形式的登录上传
  11857. window.AWS.config.update(credentials);
  11858. window.AWS.config.region = "cn-northwest-1"; //设置区域
  11859. let url2 = url;
  11860. let _url2 = "";
  11861. if (
  11862. url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  11863. ) {
  11864. _url2 = url2.split(
  11865. "https://view.officeapps.live.com/op/view.aspx?src="
  11866. )[1];
  11867. } else {
  11868. _url2 = url2;
  11869. }
  11870. var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
  11871. let name = decodeURIComponent(_url2.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1])
  11872. var params = {
  11873. Bucket: "ccrb",
  11874. Key: name
  11875. };
  11876. s3.getObject(params, function (err, data) {
  11877. if (err) {
  11878. console.log(err, err.stack)
  11879. resolve({ data: 1 });
  11880. }else {
  11881. resolve({ data: data.Body });
  11882. console.log(data);
  11883. } // sxuccessful response
  11884. });
  11885. // axios({
  11886. // method: "get",
  11887. // url,
  11888. // responseType: "blob",
  11889. // })
  11890. // .then((data) => {
  11891. // resolve({ data: data.data });
  11892. // })
  11893. // .catch((error) => {
  11894. // resolve({ data: 1 });
  11895. // // reject(error.toString());
  11896. // });
  11897. });
  11898. };
  11899. export default {
  11900. components: {
  11901. EditorBar,
  11902. Time,
  11903. pdf,
  11904. AskStatic,
  11905. AskStatic2,
  11906. Mind,
  11907. Sunburst,
  11908. SeeBoard,
  11909. AnswerData2,
  11910. AnswerData,
  11911. Audio,
  11912. ImgDraw,
  11913. Table,
  11914. interVideo,
  11915. UpdateMore,
  11916. wordCloud,
  11917. onlineWrite,
  11918. englishEva,
  11919. EnglishVoice,
  11920. checkEnglishVoice,
  11921. correctText,
  11922. scoreItem,
  11923. classRoomHelper,
  11924. scoreZong
  11925. },
  11926. data() {
  11927. return {
  11928. bg: null,
  11929. drawShow: false,
  11930. dialogVisible: false,
  11931. dialogVisiblePl: false,
  11932. commentDialogVisible: false,
  11933. dialogVisibleMember: false,
  11934. dialogVisibleWordCloud: false,
  11935. videoVisible: false,
  11936. isStar: false,
  11937. studentEvalDialogVisible: false,
  11938. studentEvalDialogVisibleTeacher: false,
  11939. dialogVisibleSelect: false,
  11940. dialogVisibleSelectTeacher: false,
  11941. dialogVisibleScore: false,
  11942. dialogVisibleENScore: false,
  11943. dialogVisibleSentence: false,
  11944. dialogVisibleSentenceTeacher: false,
  11945. dialogVisibleSentence1: false,
  11946. dialogVisibleWorks: false,
  11947. dialogVisibleTable: false,
  11948. dialogVisibleTableTeacher: false,
  11949. dialogVisibleWord: false,
  11950. dialogVisibleWordTeacher: false,
  11951. dialogVisibleTable2: false,
  11952. dialogVisibleTable3: false,
  11953. dialogVisibleGroupWork: false,
  11954. dialogVisibleUpdateGroup: false,
  11955. dialogVisibleDeleteGroup: false,
  11956. dialogVisibleSname: false,
  11957. dialogVisibleVideo: false,
  11958. dialogVisiblePickPeople: false,
  11959. engDialogVisible: false,
  11960. engUpdateDialogVisible: false,
  11961. engEvaDialogVisible: false,
  11962. evaEngJson: {
  11963. teacherJson: {},
  11964. studentJson: {},
  11965. message: {},
  11966. },
  11967. isNoUserid:false,
  11968. engListLength:0,
  11969. engWid:"",
  11970. newEnglishList:{
  11971. engTitle:"",
  11972. engText:"",
  11973. },
  11974. newEnglishList1:[],
  11975. oldEnglishJson:{},
  11976. oldEnglishJson1:{},
  11977. englishList1:{},
  11978. englishList:{},
  11979. myAnswerList1:{},
  11980. topHeight:0,
  11981. newEngIndex:-1,
  11982. englishToolIndex:0,
  11983. worksSName: "",
  11984. classJuri: [],
  11985. uploadStudentJuri: [],
  11986. uploadCid: "",
  11987. snameWid: "",
  11988. sStudent: {},
  11989. sTool: "",
  11990. bzText: "",
  11991. commentDetail: [],
  11992. selectAnswer: [],
  11993. videoDetail: {},
  11994. selectJson: {},
  11995. eScore: { eBzText: "", eStar: [] },
  11996. id: this.$route.query.courseId,
  11997. userid: this.$route.query.userid,
  11998. classId: this.$route.query.cid,
  11999. // courseTypeLine: this.$route.query.type,
  12000. oid: this.$route.query.oid,
  12001. org: this.$route.query.org,
  12002. tType: this.$route.query.tType,
  12003. courseType: this.$route.query.type,
  12004. screenType: this.$route.query.screenType,
  12005. tcid2: this.$route.query.tcid,
  12006. tcid: "",
  12007. pptImgUrl: "",
  12008. pptImgUrl1: "",
  12009. commentText: "",
  12010. full: false,
  12011. sIsOpen: false,
  12012. IsLookOpen: false,
  12013. IsFollow: false,
  12014. pzDialog: false,
  12015. contentDialog: false,
  12016. mlDialog: false,
  12017. type: 1,
  12018. sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
  12019. sentenceList1: [],
  12020. tableJson: [],
  12021. tableJsonO: [],
  12022. wordJson: [],
  12023. wordJsonO: [],
  12024. vedio: [],
  12025. text: [],
  12026. textList: [],
  12027. line: [],
  12028. lineList: [],
  12029. chapTools: [],
  12030. chapToolList: [],
  12031. file: [],
  12032. fileC: [],
  12033. vedioTime: [],
  12034. upToolImg: "",
  12035. preTime: 0,
  12036. rateList: {
  12037. ca: 0,
  12038. },
  12039. rateParams: [],
  12040. colors: ["#DFDFDF", "#DFDFDF", "#DFDFDF"],
  12041. studyJuri: [
  12042. {
  12043. content: "",
  12044. cover: [],
  12045. upVedio: [],
  12046. upFile: [],
  12047. },
  12048. ],
  12049. isClose: 0,
  12050. plworkFile: [],
  12051. mr: require("../assets/vedioPic.png"),
  12052. word: require("../assets/icon/isWord.png"),
  12053. word2: require("../assets/icon/word2.png"),
  12054. video: require("../assets/icon/isVideo.png"),
  12055. noLikes: require("../assets/icon/comment/noLikes.png"),
  12056. likes: require("../assets/icon/comment/likes.png"),
  12057. scoreImg: require("../assets/score.png"),
  12058. courseDetail: {},
  12059. reply: "",
  12060. isSelect: false,
  12061. chapInfo: [],
  12062. chapInfoList: [],
  12063. taskCount: 0,
  12064. imgList: [],
  12065. noImgList: [],
  12066. pzList: [],
  12067. timeWorkList: [],
  12068. PlTextList: [
  12069. "Excellent!",
  12070. "nice!",
  12071. "很有创意!",
  12072. "还不错哦~",
  12073. "继续努力哦~",
  12074. ],
  12075. isClickNav: "",
  12076. navId: "",
  12077. playerOptions: {
  12078. playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
  12079. autoplay: false, //如果true,浏览器准备好时开始回放。
  12080. muted: false, // 默认情况下将会消除任何音频。
  12081. loop: false, // 导致视频一结束就重新开始。
  12082. preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
  12083. language: "zh-CN",
  12084. aspectRatio: "16:9", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
  12085. fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
  12086. sources: [
  12087. {
  12088. type: "video/mp4", //这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目 || "video/ogg"|| "video/webm"
  12089. src: "", //url地址require("../../assets/media/aaa.mp4")
  12090. },
  12091. ],
  12092. // poster: require("../../assets/tu31.png"), //你的封面地址
  12093. // poster: dataRes.imgUrl, //你的封面地址
  12094. notSupportedMessage: "此视频暂无法播放,请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
  12095. controlBar: {
  12096. timeDivider: true, //当前时间和持续时间的分隔符
  12097. durationDisplay: true, //显示持续时间
  12098. remainingTimeDisplay: false, //是否显示剩余时间功能
  12099. fullscreenToggle: true, //全屏按钮
  12100. },
  12101. },
  12102. playerOptions1: {
  12103. playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
  12104. autoplay: false, //如果true,浏览器准备好时开始回放。
  12105. muted: false, // 默认情况下将会消除任何音频。
  12106. loop: false, // 导致视频一结束就重新开始。
  12107. preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
  12108. language: "zh-CN",
  12109. aspectRatio: "16:9", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
  12110. fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
  12111. sources: [
  12112. {
  12113. type: "video/mp4", //这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目 || "video/ogg"|| "video/webm"
  12114. src: "", //url地址require("../../assets/media/aaa.mp4")
  12115. },
  12116. ],
  12117. // poster: require("../../assets/tu31.png"), //你的封面地址
  12118. // poster: dataRes.imgUrl, //你的封面地址
  12119. notSupportedMessage: "此视频暂无法播放,请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
  12120. controlBar: {
  12121. timeDivider: true, //当前时间和持续时间的分隔符
  12122. durationDisplay: true, //显示持续时间
  12123. remainingTimeDisplay: false, //是否显示剩余时间功能
  12124. fullscreenToggle: true, //全屏按钮
  12125. },
  12126. },
  12127. playerO: {},
  12128. noneBtnImg: false,
  12129. proVisible: false,
  12130. proVisible2: false,
  12131. progress: 0,
  12132. isFinishSize: 0,
  12133. isAllSize: 0,
  12134. questionAnswer: "",
  12135. answerQ: "", //问答标题
  12136. rateJson: [],
  12137. wbCount: 0,
  12138. wordCount: 0,
  12139. mindCount: 0,
  12140. askCount: 0,
  12141. noteCount: 0,
  12142. mindNetWorkCount: 0,
  12143. libraryCount: 0,
  12144. workCount: 0,
  12145. timeCount: 0,
  12146. answerCount: 0,
  12147. trainCount: 0,
  12148. evalCount: 0,
  12149. dialogImageUrl: "",
  12150. pictureDialog: false,
  12151. toolTypeList: [],
  12152. dialogVisible1: false,
  12153. dialogVisible2: false,
  12154. dialogVisible3: false,
  12155. dialogVisible6: false,
  12156. dialogVisible4: false,
  12157. isNoHomeWork: false,
  12158. dialogVisible5: false,
  12159. dialogVisible5Teacher: false,
  12160. dialogVisibleChoice: false,
  12161. dialogVisibleChoiceTeacher: false,
  12162. answerDialogVisible: false,
  12163. answerDialogVisibleTeacher: false,
  12164. juriVisible: false,
  12165. timeDialogVisible: false,
  12166. replyDialogVisible: false,
  12167. toolDialogVisible: false,
  12168. replyIndex: 0,
  12169. replyPid: "",
  12170. radio: [],
  12171. isAsk: false,
  12172. askJson: {
  12173. askCount: 1,
  12174. askTitle: "",
  12175. askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
  12176. },
  12177. testJson: {},
  12178. videoType:0,
  12179. checkJson: [],
  12180. askList: [],
  12181. answerList: [],
  12182. navList: [],
  12183. addPzDialog: false,
  12184. pzConText: "",
  12185. worksStudent: [],
  12186. isCloseList: [],
  12187. workStudent: [],
  12188. groupStudent: [],
  12189. groupStudentUid: [],
  12190. noWorksS: [],
  12191. isWorksS: [],
  12192. noWorksStudent: [],
  12193. toolindex: 0,
  12194. toolDetailIndex: null,
  12195. groupIndex: 0,
  12196. workTypeB: false,
  12197. workTypeC: false,
  12198. isAnswer: false,
  12199. isHovered: false,
  12200. isHovered1: false,
  12201. isHovered2: false,
  12202. commentTagShow:0,
  12203. timer: null,
  12204. opertimer: null,
  12205. showType: 0,
  12206. fileType: 0,
  12207. showPDF: false,
  12208. noteName: "",
  12209. evaJuri: [],
  12210. evalua: "",
  12211. eTitle: "",
  12212. eName: "",
  12213. eJson: {},
  12214. fid: "", //一级
  12215. sid: "", //二级
  12216. tid: "", //二级
  12217. typeMode: 1,
  12218. eJSONNum: 0,
  12219. Etype: 1,
  12220. data: {
  12221. meta: {
  12222. name: "example",
  12223. author: "dd@163.com",
  12224. version: "0.2",
  12225. },
  12226. format: "node_array",
  12227. data: [{ id: "root", isroot: true, topic: "" }],
  12228. },
  12229. fullDialogVisible: false,
  12230. fulltype: "",
  12231. fullUrl: "",
  12232. commentIndexJson: {},
  12233. Stbodywidth: 0,
  12234. ispzType: 0,
  12235. pzType: 1,
  12236. wScore: 0,
  12237. scoreDetail: "",
  12238. videoStart: false,
  12239. recorder: null,
  12240. groupJson: {},
  12241. islock: false,
  12242. groupJson2: {},
  12243. dialogVisibleGroup: false,
  12244. dialogVisibleGroup2: false,
  12245. updateGroupArray: [],
  12246. updateGroupUser: {},
  12247. deleteGroupUser: [],
  12248. deleteGroupArray: {},
  12249. checkChair: "",
  12250. checkDeleteGroup: [],
  12251. inviteCode: "",
  12252. courseGroupStudent: [],
  12253. courseGroupStudentUid: [],
  12254. courseGroup: {},
  12255. isGroup: false,
  12256. // toolIndex: null,
  12257. tool: {},
  12258. isWorkTool: [
  12259. 16, 32, 57, 4, 45, 15, 1, 3, 6, 7, 26, 41, 47, 48, 52, 50, 40,
  12260. ], //, 40
  12261. videoJson: {},
  12262. toolType: 0,
  12263. checktoolArray: [],
  12264. vChapterData: [],
  12265. isUpdateToolDetail: false,
  12266. isUpdateToolDetail1: false,
  12267. updateToolDetailInner: "",
  12268. checkboxList: [],
  12269. plIndex: "",
  12270. worksSName2: "",
  12271. worksSid: "",
  12272. wordCloudData: [],
  12273. isPickStudent: [],
  12274. pzStype: 1,
  12275. myAnList: {},
  12276. userMes:{},
  12277. downLoading: false,
  12278. greyType: false,
  12279. correctWord: [],
  12280. isUpdateText: "",
  12281. EnglishVoiceDialog: false,
  12282. englishVoiceJson: {},
  12283. englishVoiceJsonWork:[],
  12284. scoreList:{
  12285. listdata:[],
  12286. isScoreList:[],
  12287. },
  12288. classRoomHelperWidth: '85px',
  12289. orgArray:['1973f6c7-1561-11ee-91d8-005056b86db5','777559d2-7239-11ee-b98c-005056b86db5','884c5665-a453-46f3-b7b6-01d575290aa9'],
  12290. oidArray:['f297fbdc-f0a0-11ee-b534-005056b86db5']
  12291. };
  12292. },
  12293. methods: {
  12294. gx(){
  12295. this.$forceUpdate();
  12296. },
  12297. isUpdateCorrect(t,p){
  12298. if(this.greyType == false){
  12299. this.isUpdateText = t;
  12300. this.greyType = true;
  12301. }else{
  12302. if(p == 1){
  12303. this.newEnglishList.engText = this.isUpdateText;
  12304. }else if(p == 2){
  12305. this.oldEnglishJson1.engText = this.isUpdateText;
  12306. }else if(p == 3){
  12307. this.newEnglishList.engText = this.isUpdateText;
  12308. }else{
  12309. this.newEnglishList1[this.newEngIndex].cWork.engText = this.isUpdateText;
  12310. }
  12311. this.greyType = false
  12312. }
  12313. },
  12314. aiCorrect(t,p){
  12315. let aiText = "";
  12316. const loading = this.$loading.service({
  12317. background: "rgba(255, 255, 255)",
  12318. target: document.querySelectorAll(".loadingText")[0],
  12319. });
  12320. let param = {
  12321. model: "gpt-3.5-turbo",
  12322. temperature: 0,
  12323. max_tokens: 2048,
  12324. top_p: 1,
  12325. frequency_penalty: 0,
  12326. presence_penalty: 0,
  12327. messages: [
  12328. {
  12329. role: "user",
  12330. content:
  12331.  `Role: 你是一名小学英语作文的老师,根据这篇文章的内容你去批改这篇文章,然后仅输出一篇纠错好的文章。文章:${t}`,
  12332. },
  12333. ],
  12334. uid: this.userid,
  12335. stream: false,
  12336. };
  12337. this.ajax.post("https://gpt.cocorobo.cn/chat", param).then(
  12338. (res) => {
  12339. if (
  12340. res.data.FunctionResponse &&
  12341. res.data.FunctionResponse.result &&
  12342. res.data.FunctionResponse.result == "无效请求,请重新发起对话"
  12343. ) {
  12344. this.$message.error("你的作文内容太长,无法使用Ai批注!");
  12345. return;
  12346. }
  12347. aiText =
  12348. res.data.FunctionResponse.choices[0].message.content;
  12349. aiText = aiText.replace(/%/g,"%25");
  12350. // let w = "";
  12351. // let a = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,aiText);
  12352. // for(var k = 0;k<a.length;k++){
  12353. // //diffWordsWithSpace
  12354. // if(a.length > 1){
  12355. // if(a[k].added == true){
  12356. // w += '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
  12357. // }else if(a[k].removed == true){
  12358. // w += '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
  12359. // }else{
  12360. // w += '<span>' + a[k].value + '</span>';
  12361. // }
  12362. // }else{
  12363. // if(p == 1){
  12364. // w = this.newEnglishList.engText;
  12365. // }else if(p == 2){
  12366. // w = this.oldEnglishJson1.engText;
  12367. // }else if(p == 3){
  12368. // w = this.newEnglishList.engText;
  12369. // }else{
  12370. // w = this.newEnglishList1[this.newEngIndex].cWork.engText;
  12371. // }
  12372. // }
  12373. // }
  12374. if(p == 1){
  12375. this.newEnglishList.engText = aiText;
  12376. }else if(p == 2){
  12377. this.oldEnglishJson1.engText = aiText;
  12378. }else if(p == 3){
  12379. this.newEnglishList.engText = aiText;
  12380. }else{
  12381. this.newEnglishList1[this.newEngIndex].cWork.engText = aiText;
  12382. }
  12383. loading.close();
  12384. },
  12385. (err) => {
  12386. console.log(err);
  12387. loading.close();
  12388. }
  12389. );
  12390. },
  12391. addToolChoose() {
  12392. if (!this.checktoolArray.length) {
  12393. this.$message.error("请选择要添加的任务");
  12394. return;
  12395. }
  12396. if (
  12397. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  12398. this.taskCount
  12399. ].toolChoose[0].tool.length
  12400. ) {
  12401. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  12402. this.taskCount
  12403. ].toolChoose[0].tool = this.checktoolArray;
  12404. } else {
  12405. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  12406. this.taskCount
  12407. ].toolChoose.push({
  12408. tool: this.checktoolArray,
  12409. toolDetail: "",
  12410. toolType: 0,
  12411. askCount: 1,
  12412. askTitle: "",
  12413. askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
  12414. });
  12415. }
  12416. let params = [
  12417. {
  12418. cid: this.id,
  12419. chapters: JSON.stringify(this.chapInfoList),
  12420. uid: this.userid,
  12421. unitIndex: this.courseType,
  12422. },
  12423. ];
  12424. this.ajax
  12425. .post(this.$store.state.api + "updateWorkNew4", params)
  12426. .then((res) => {
  12427. this.$message({
  12428. message: "添加成功",
  12429. type: "success",
  12430. });
  12431. this.checktoolArray = [];
  12432. this.getCourseDetail(2);
  12433. this.checkBz(
  12434. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  12435. this.taskCount
  12436. ].toolChoose.length - 1
  12437. );
  12438. this.toolDialogVisible = false;
  12439. this.refreshCourse();
  12440. this.$forceUpdate();
  12441. })
  12442. .catch((err) => {
  12443. console.error(err);
  12444. });
  12445. },
  12446. checkBz(index) {
  12447. this.isUpdateToolDetail = false;
  12448. this.$forceUpdate();
  12449. setTimeout(() => {
  12450. document.scrollingElement.scrollTop =
  12451. document.querySelectorAll(".filebox")[index].offsetTop +
  12452. document.querySelector(".student_body").offsetTop;
  12453. }, 500);
  12454. },
  12455. updateToolDetail(i, type) {
  12456. if (!this.isUpdateToolDetail1 && type == 2 && (this.courseDetail.userid == this.userid || (this.courseDetail.course_teacher && this.courseDetail.course_teacher.indexOf(this.userid) != -1))) {
  12457. this.toolDetailIndex = i
  12458. this.isUpdateToolDetail1 = true;
  12459. setTimeout(() => {
  12460. this.updateToolDetailInner = JSON.parse(
  12461. JSON.stringify(
  12462. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  12463. this.taskCount
  12464. ].toolChoose[i].toolDetail
  12465. )
  12466. );
  12467. document.querySelector(".checkTextArea").focus();
  12468. }, 0);
  12469. } else if((this.isUpdateToolDetail1 && type != 2)){
  12470. // this.toolDetailIndex = i;
  12471. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  12472. this.taskCount
  12473. ].toolChoose[i].toolDetail = JSON.parse(
  12474. JSON.stringify(this.updateToolDetailInner)
  12475. );
  12476. let params = [
  12477. {
  12478. cid: this.id,
  12479. chapters: JSON.stringify(this.chapInfoList),
  12480. uid: this.userid,
  12481. unitIndex: this.courseType,
  12482. },
  12483. ];
  12484. this.ajax
  12485. .post(this.$store.state.api + "updateWorkNew4", params)
  12486. .then((res) => {
  12487. this.isUpdateToolDetail1 = false;
  12488. this.$message({
  12489. message: "修改成功",
  12490. type: "success",
  12491. });
  12492. this.toolDetailIndex = null;
  12493. this.updateToolDetailInner = "";
  12494. this.getCourseDetail(2);
  12495. this.$forceUpdate();
  12496. })
  12497. .catch((err) => {
  12498. console.error(err);
  12499. });
  12500. } else if((this.isUpdateToolDetail1 && type == 2)){
  12501. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  12502. this.taskCount
  12503. ].toolChoose[this.toolDetailIndex].toolDetail = JSON.parse(
  12504. JSON.stringify(this.updateToolDetailInner)
  12505. );
  12506. let params = [
  12507. {
  12508. cid: this.id,
  12509. chapters: JSON.stringify(this.chapInfoList),
  12510. uid: this.userid,
  12511. unitIndex: this.courseType,
  12512. },
  12513. ];
  12514. this.ajax
  12515. .post(this.$store.state.api + "updateWorkNew4", params)
  12516. .then((res) => {
  12517. this.$message({
  12518. message: "修改成功",
  12519. type: "success",
  12520. });
  12521. this.toolDetailIndex = i;
  12522. this.isUpdateToolDetail1 = true;
  12523. setTimeout(() => {
  12524. this.updateToolDetailInner = JSON.parse(
  12525. JSON.stringify(
  12526. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  12527. this.taskCount
  12528. ].toolChoose[i].toolDetail
  12529. )
  12530. );
  12531. document.querySelector(".checkTextArea").focus();
  12532. }, 0);
  12533. this.getCourseDetail(2);
  12534. this.$forceUpdate();
  12535. })
  12536. .catch((err) => {
  12537. console.error(err);
  12538. });
  12539. }
  12540. },
  12541. jumpGj(i, j, k, l) {
  12542. for (var z = 0; z < this.navList.length; z++) {
  12543. for (var q = 0; q < this.navList[z].task.length; q++) {
  12544. for (var w = 0; w < this.navList[z].task[q].tool.length; w++) {
  12545. this.navList[z].task[q].tool[w].isTool = false;
  12546. }
  12547. }
  12548. }
  12549. this.navList[i].task[j].tool[k].isTool =
  12550. !this.navList[i].task[j].tool[k].isTool;
  12551. var a = document.scrollingElement;
  12552. this.navId = ""
  12553. let target = document.querySelector(`#gj${k}`);
  12554. if (target) {
  12555. target.scrollIntoView(true);
  12556. setTimeout(() => {
  12557. a.scrollTop = a.scrollTop - 150;
  12558. }, 0);
  12559. }
  12560. if (l) {
  12561. this.courseType = i;
  12562. // this.navId = l;
  12563. this.taskCount = j;
  12564. this.selectPz();
  12565. this.getHomeWork();
  12566. this.getCourseDetail(2);
  12567. }
  12568. // var b = this.$refs["bz" + k][0];
  12569. // a.scrollTop = b.offsetTop;
  12570. },
  12571. addTools2(i) {
  12572. if (i == 4) {
  12573. // this.openTools2(4);
  12574. this.$message.error("暂未开放");
  12575. return;
  12576. }
  12577. if (i == 45) {
  12578. // this.openTools2(45);
  12579. this.$message.error("暂未开放");
  12580. return;
  12581. }
  12582. if (i == 47) {
  12583. // this.openTools2(47);
  12584. this.$message.error("暂未开放");
  12585. return;
  12586. }
  12587. if (i == 49) {
  12588. // this.openTools2(49);
  12589. this.$message.error("暂未开放");
  12590. return;
  12591. }
  12592. if (i == 62) {
  12593. // this.openTools(itemTaskIndex, 62, toolIndex);
  12594. this.$message.error("暂未开放");
  12595. return;
  12596. }
  12597. if (i == 15) {
  12598. // this.openTools(itemTaskIndex, 15, toolIndex);
  12599. this.$message.error("暂未开放");
  12600. return;
  12601. }
  12602. if (i == 40) {
  12603. // this.openTools(itemTaskIndex, 40, toolIndex);
  12604. this.$message.error("暂未开放");
  12605. return;
  12606. }
  12607. if (i == 41) {
  12608. // this.openTools(itemTaskIndex, 41, toolIndex);
  12609. this.$message.error("暂未开放");
  12610. return;
  12611. }
  12612. if (i == 42) {
  12613. // this.openTools(itemTaskIndex, 42, toolIndex);
  12614. this.$message.error("暂未开放");
  12615. return;
  12616. }
  12617. if (this.checktoolArray.length > 0) {
  12618. if (this.checktoolArray.indexOf(i) != -1) {
  12619. this.checktoolArray.splice(this.checktoolArray.indexOf(i), 1);
  12620. } else {
  12621. this.checktoolArray = [];
  12622. this.checktoolArray.push(i);
  12623. }
  12624. } else {
  12625. this.checktoolArray.push(i);
  12626. }
  12627. this.$forceUpdate();
  12628. },
  12629. jump() {
  12630. window.parent.postMessage({ tools: "43" }, "*");
  12631. },
  12632. getUpdateMore(f, checkboxList, searchTN, index) {
  12633. this.dialogVisibleMember = f;
  12634. this.checkboxList = checkboxList;
  12635. this.worksSName2 = JSON.parse(JSON.stringify(searchTN));
  12636. this.plIndex = index;
  12637. },
  12638. setPlname(a) {
  12639. if (this.plworkFile.length) {
  12640. this.plworkFile[this.plIndex].username = a;
  12641. } else {
  12642. this.worksSName = a;
  12643. }
  12644. this.dialogVisibleMember = false;
  12645. },
  12646. previewImg(url) {
  12647. this.$hevueImgPreview(url);
  12648. },
  12649. checkImg(list) {
  12650. if (!list.length) {
  12651. return;
  12652. }
  12653. this.$hevueImgPreview({
  12654. multiple: true, // 开启多图预览模式
  12655. imgList: list, // 需要预览的多图数组
  12656. });
  12657. },
  12658. change(val) {
  12659. console.log(val);
  12660. },
  12661. goTo(path) {
  12662. this.$router.push(path);
  12663. },
  12664. handlePictureCardPreview(url) {
  12665. this.dialogImageUrl = url;
  12666. this.pictureDialog = true;
  12667. },
  12668. clean(type) {
  12669. if (type == 1) {
  12670. this.studyJuri[0].cover.splice(0, 1);
  12671. } else if (type == 2) {
  12672. this.studyJuri[0].upVedio.splice(0, 1);
  12673. } else {
  12674. this.studyJuri[0].upFile.splice(0, 1);
  12675. }
  12676. },
  12677. clean2(index) {
  12678. this.plworkFile.splice(index, 1);
  12679. },
  12680. handleClose(done) {
  12681. if (this.videoDetail.sources && this.videoDetail.sources[0]) {
  12682. this.videoDetail.sources[0].src = "";
  12683. }
  12684. this.commentIndexJson = {};
  12685. done();
  12686. },
  12687. fullTools() {
  12688. this.full = !this.full;
  12689. },
  12690. imgChange(file, fileList, type) {
  12691. if (type == 1) {
  12692. var _tmp = this.studyJuri[0].cover;
  12693. } else if (type == 2) {
  12694. var _tmp = this.studyJuri[0].upVedio;
  12695. } else {
  12696. var _tmp = this.studyJuri[0].upFile;
  12697. }
  12698. this.noneBtnImg = _tmp.length >= 1;
  12699. },
  12700. setContent(bool) {
  12701. this.contentDialog = bool;
  12702. if (bool && this.mlDialog && document.querySelector(".workd_media")) {
  12703. document.querySelector(".workd_media").style.height = "650px";
  12704. } else if (document.querySelector(".workd_media")) {
  12705. document.querySelector(".workd_media").style.height = "auto";
  12706. }
  12707. },
  12708. setContent2(bool) {
  12709. this.mlDialog = bool;
  12710. if (
  12711. bool &&
  12712. this.contentDialog &&
  12713. document.querySelector(".workd_media")
  12714. ) {
  12715. document.querySelector(".workd_media").style.height = "650px";
  12716. } else if (document.querySelector(".workd_media")) {
  12717. document.querySelector(".workd_media").style.height = "auto";
  12718. }
  12719. this.$forceUpdate();
  12720. },
  12721. openToolAll() {
  12722. this.toolDialogVisible = true;
  12723. },
  12724. addImg(e) {
  12725. var el = e.currentTarget;
  12726. // this.$message.success('触发上传')
  12727. el.getElementsByTagName("input")[0].click();
  12728. e.target.value = "";
  12729. },
  12730. addSelectAnswer() {
  12731. let params = [
  12732. {
  12733. uid: this.userid,
  12734. cid: this.id,
  12735. stage: this.courseType,
  12736. task: this.taskCount,
  12737. tool: this.toolindex,
  12738. content: this.selectAnswer.answer,
  12739. type: 7,
  12740. },
  12741. ];
  12742. this.ajax
  12743. .post(this.$store.state.api + "addCourseWorks", params)
  12744. .then((res) => {
  12745. this.$message({
  12746. message: "提交成功",
  12747. type: "success",
  12748. });
  12749. this.dialogVisibleSelect = false;
  12750. // this.selectAnswer = {};
  12751. this.selectSWorks();
  12752. this.selectStudent();
  12753. })
  12754. .catch((err) => {
  12755. this.$message.error("提交失败");
  12756. console.error(err);
  12757. });
  12758. },
  12759. addSelectAnswerTeacher() {
  12760. let params = [
  12761. {
  12762. uid: this.sStudent.userid,
  12763. cid: this.id,
  12764. stage: this.courseType,
  12765. task: this.taskCount,
  12766. tool: this.toolindex,
  12767. content: this.selectAnswer.answer,
  12768. type: 7,
  12769. },
  12770. ];
  12771. this.ajax
  12772. .post(this.$store.state.api + "addCourseWorks", params)
  12773. .then((res) => {
  12774. this.$message({
  12775. message: "提交成功",
  12776. type: "success",
  12777. });
  12778. this.dialogVisibleSelectTeacher = false;
  12779. // this.selectAnswer = {};
  12780. this.selectSWorks();
  12781. this.selectStudent();
  12782. })
  12783. .catch((err) => {
  12784. this.$message.error("提交失败");
  12785. console.error(err);
  12786. });
  12787. },
  12788. addSenWorks() {
  12789. for (var i = 0; i < this.sentenceList.length; i++) {
  12790. for (var j = 0; j < this.sentenceList[i].chooseSenList.length; j++) {
  12791. if (
  12792. this.sentenceList[i].chooseSenList[j] == undefined ||
  12793. this.sentenceList[i].chooseSenList[j] == ""
  12794. ) {
  12795. this.$message.error("请将答案填写完整!");
  12796. return;
  12797. }
  12798. }
  12799. }
  12800. let params = [
  12801. {
  12802. uid: this.userid,
  12803. cid: this.id,
  12804. stage: this.courseType,
  12805. task: this.taskCount,
  12806. tool: this.toolindex,
  12807. content: JSON.stringify(this.sentenceList),
  12808. type: 9,
  12809. },
  12810. ];
  12811. this.ajax
  12812. .post(this.$store.state.api + "addCourseWorks", params)
  12813. .then((res) => {
  12814. this.$message({
  12815. message: "提交成功",
  12816. type: "success",
  12817. });
  12818. this.dialogVisibleSentence = false;
  12819. // this.selectAnswer = {};
  12820. this.selectSWorks();
  12821. this.selectStudent();
  12822. })
  12823. .catch((err) => {
  12824. this.$message.error("提交失败");
  12825. console.error(err);
  12826. });
  12827. },
  12828. addSenWorksTeacher() {
  12829. for (var i = 0; i < this.sentenceList.length; i++) {
  12830. for (var j = 0; j < this.sentenceList[i].chooseSenList.length; j++) {
  12831. if (
  12832. this.sentenceList[i].chooseSenList[j] == undefined ||
  12833. this.sentenceList[i].chooseSenList[j] == ""
  12834. ) {
  12835. this.$message.error("请将答案填写完整!");
  12836. return;
  12837. }
  12838. }
  12839. }
  12840. let params = [
  12841. {
  12842. uid: this.sStudent.userid,
  12843. cid: this.id,
  12844. stage: this.courseType,
  12845. task: this.taskCount,
  12846. tool: this.toolindex,
  12847. content: JSON.stringify(this.sentenceList),
  12848. type: 9,
  12849. },
  12850. ];
  12851. this.ajax
  12852. .post(this.$store.state.api + "addCourseWorks", params)
  12853. .then((res) => {
  12854. this.$message({
  12855. message: "提交成功",
  12856. type: "success",
  12857. });
  12858. this.dialogVisibleSentenceTeacher = false;
  12859. // this.selectAnswer = {};
  12860. this.selectSWorks();
  12861. this.selectStudent();
  12862. })
  12863. .catch((err) => {
  12864. this.$message.error("提交失败");
  12865. console.error(err);
  12866. });
  12867. },
  12868. returnTableText() {
  12869. this.$confirm("确定还原此模板吗?", "提示", {
  12870. confirmButtonText: "确定",
  12871. cancelButtonText: "取消",
  12872. type: "warning",
  12873. })
  12874. .then(() => {
  12875. this.tableJson = JSON.parse(JSON.stringify(this.tableJsonO));
  12876. })
  12877. .catch(() => {});
  12878. },
  12879. addTableWorks() {
  12880. let params = [
  12881. {
  12882. uid: this.userid,
  12883. cid: this.id,
  12884. stage: this.courseType,
  12885. task: this.taskCount,
  12886. tool: this.toolindex,
  12887. content: JSON.stringify(this.tableJson),
  12888. type: 10,
  12889. },
  12890. ];
  12891. this.ajax
  12892. .post(this.$store.state.api + "addCourseWorks", params)
  12893. .then((res) => {
  12894. this.$message({
  12895. message: "提交成功",
  12896. type: "success",
  12897. });
  12898. this.dialogVisibleTable = false;
  12899. // this.selectAnswer = {};
  12900. this.selectSWorks();
  12901. this.selectStudent();
  12902. })
  12903. .catch((err) => {
  12904. this.$message.error("提交失败");
  12905. console.error(err);
  12906. });
  12907. },
  12908. tableRowClassName({ row, rowIndex }) {
  12909. if ((rowIndex + 1) % 2 === 0) {
  12910. return "even_row";
  12911. } else {
  12912. return "";
  12913. }
  12914. },
  12915. addTableWorksTeacher() {
  12916. let params = [
  12917. {
  12918. uid: this.sStudent.userid,
  12919. cid: this.id,
  12920. stage: this.courseType,
  12921. task: this.taskCount,
  12922. tool: this.toolindex,
  12923. content: JSON.stringify(this.tableJson),
  12924. type: 10,
  12925. },
  12926. ];
  12927. this.ajax
  12928. .post(this.$store.state.api + "addCourseWorks", params)
  12929. .then((res) => {
  12930. this.$message({
  12931. message: "提交成功",
  12932. type: "success",
  12933. });
  12934. this.dialogVisibleTableTeacher = false;
  12935. // this.selectAnswer = {};
  12936. this.selectSWorks();
  12937. this.selectStudent();
  12938. })
  12939. .catch((err) => {
  12940. this.$message.error("提交失败");
  12941. console.error(err);
  12942. });
  12943. },
  12944. returnWordText() {
  12945. this.$confirm("确定还原此模板吗?", "提示", {
  12946. confirmButtonText: "确定",
  12947. cancelButtonText: "取消",
  12948. type: "warning",
  12949. })
  12950. .then(() => {
  12951. this.wordJson = JSON.parse(JSON.stringify(this.wordJsonO));
  12952. })
  12953. .catch(() => {});
  12954. },
  12955. addWordWorks() {
  12956. let params = [
  12957. {
  12958. uid: this.userid,
  12959. cid: this.id,
  12960. stage: this.courseType,
  12961. task: this.taskCount,
  12962. tool: this.toolindex,
  12963. content: JSON.stringify(this.wordJson),
  12964. type: 13,
  12965. atool: 52,
  12966. },
  12967. ];
  12968. this.ajax
  12969. .post(this.$store.state.api + "addCourseWorks3-2", params)
  12970. .then((res) => {
  12971. this.$message({
  12972. message: "提交成功",
  12973. type: "success",
  12974. });
  12975. this.dialogVisibleWord = false;
  12976. // this.selectAnswer = {};
  12977. this.selectSWorks();
  12978. this.selectStudent();
  12979. })
  12980. .catch((err) => {
  12981. this.$message.error("提交失败");
  12982. console.error(err);
  12983. });
  12984. },
  12985. addWordWorksTeacher() {
  12986. let params = [
  12987. {
  12988. uid: this.sStudent.userid,
  12989. cid: this.id,
  12990. stage: this.courseType,
  12991. task: this.taskCount,
  12992. tool: this.toolindex,
  12993. content: JSON.stringify(this.wordJson),
  12994. type: 13,
  12995. atool: 52,
  12996. },
  12997. ];
  12998. this.ajax
  12999. .post(this.$store.state.api + "addCourseWorks3-2", params)
  13000. .then((res) => {
  13001. this.$message({
  13002. message: "提交成功",
  13003. type: "success",
  13004. });
  13005. this.dialogVisibleWordTeacher = false;
  13006. // this.selectAnswer = {};
  13007. this.selectSWorks();
  13008. this.selectStudent();
  13009. })
  13010. .catch((err) => {
  13011. this.$message.error("提交失败");
  13012. console.error(err);
  13013. });
  13014. },
  13015. addCourseWorks(i) {
  13016. var typesql;
  13017. if (this.fileType === 0) {
  13018. typesql = 1;
  13019. } else if (this.fileType === 1) {
  13020. typesql = 4;
  13021. } else if (this.fileType === 2) {
  13022. typesql = 5;
  13023. } else if (this.fileType === 3) {
  13024. typesql = 12;
  13025. }
  13026. if (!this.studyJuri[0].cover[0].url) {
  13027. this.$message.error("请上传文件");
  13028. return;
  13029. }
  13030. let params = [
  13031. {
  13032. uid: this.userid,
  13033. cid: this.id,
  13034. stage: this.courseType,
  13035. task: i,
  13036. tool: this.toolindex,
  13037. content: this.studyJuri[0].cover[0].url,
  13038. type: typesql,
  13039. },
  13040. ];
  13041. this.ajax
  13042. .post(this.$store.state.api + "addCourseWorksR", params)
  13043. .then((res) => {
  13044. this.$message({
  13045. message: "提交成功",
  13046. type: "success",
  13047. });
  13048. this.studyJuri[0].cover = [];
  13049. this.dialogVisible = false;
  13050. this.getCourseDetail(2);
  13051. })
  13052. .catch((err) => {
  13053. this.$message.error("提交失败");
  13054. console.error(err);
  13055. });
  13056. },
  13057. addCourseWorksPl(i) {
  13058. let _files = this.plworkFile;
  13059. var c = 1;
  13060. for (var k = 0; k < _files.length; k++) {
  13061. if (!_files[k].username) {
  13062. c = 2;
  13063. }
  13064. }
  13065. if (c == 2) {
  13066. this.$message.error("请填写学生姓名");
  13067. return;
  13068. }
  13069. let params = [
  13070. {
  13071. ateacher: this.userid,
  13072. cid: this.id,
  13073. stage: this.courseType,
  13074. task: i,
  13075. tool: this.toolindex,
  13076. content: JSON.stringify(_files),
  13077. },
  13078. ];
  13079. this.ajax
  13080. .post(this.$store.state.api + "addCourseWorksPl", params)
  13081. .then((res) => {
  13082. this.$message({
  13083. message: "提交成功",
  13084. type: "success",
  13085. });
  13086. this.plworkFile = [];
  13087. this.dialogVisiblePl = false;
  13088. this.getCourseDetail(2);
  13089. })
  13090. .catch((err) => {
  13091. this.$message.error("提交失败");
  13092. console.error(err);
  13093. });
  13094. },
  13095. addCourseWorks2(i) {
  13096. var typesql;
  13097. if (this.fileType === 0) {
  13098. typesql = 0;
  13099. } else if (this.fileType === 1) {
  13100. typesql = 1;
  13101. } else if (this.fileType === 2) {
  13102. typesql = 3;
  13103. } else if (this.fileType === 3) {
  13104. typesql = 12;
  13105. }
  13106. if (!this.studyJuri[0].cover[0].url) {
  13107. this.$message.error("请上传文件");
  13108. return;
  13109. }
  13110. let params = [
  13111. {
  13112. uid: this.userid,
  13113. cid: this.id,
  13114. stage: this.courseType,
  13115. task: i,
  13116. tool: this.toolindex,
  13117. content: JSON.stringify({
  13118. type: typesql,
  13119. groupIndex: this.groupIndex,
  13120. url: this.studyJuri[0].cover[0].url,
  13121. }),
  13122. type: 11,
  13123. atool: 49,
  13124. text: "",
  13125. },
  13126. ];
  13127. this.ajax
  13128. .post(this.$store.state.api + "addCourseWorks5", params)
  13129. .then((res) => {
  13130. this.$message({
  13131. message: "提交成功",
  13132. type: "success",
  13133. });
  13134. this.studyJuri[0].cover = [];
  13135. this.dialogVisibleGroupWork = false;
  13136. this.getCourseDetail(2);
  13137. })
  13138. .catch((err) => {
  13139. this.$message.error("提交失败");
  13140. console.error(err);
  13141. });
  13142. },
  13143. addEnglishWork() {
  13144. this.myAnList = this.$refs['engJson'].myAnswerList;
  13145. if (!this.myAnList.engTitle || !this.myAnList.engText || this.myAnList.engTitle == "" || this.myAnList.engText == "") {
  13146. this.$message.error("请输入作文标题和正文!");
  13147. return;
  13148. }
  13149. let params = [
  13150. {
  13151. uid: this.userid,
  13152. cid: this.id,
  13153. stage: this.courseType,
  13154. task: this.taskCount,
  13155. tool: this.englishToolIndex,
  13156. content: JSON.stringify(this.myAnList),
  13157. type: 16,
  13158. atool: 69,
  13159. text: "",
  13160. },
  13161. ];
  13162. this.ajax
  13163. .post(this.$store.state.api + "addCourseWorks5", params)
  13164. .then((res) => {
  13165. this.$message({
  13166. message: "提交成功",
  13167. type: "success",
  13168. });
  13169. this.myAnList = {};
  13170. this.englishList = {};
  13171. this.englishToolIndex = 0;
  13172. this.engDialogVisible = false;
  13173. this.selectSWorks();
  13174. this.selectStudent();
  13175. })
  13176. .catch((err) => {
  13177. this.$message.error("提交失败");
  13178. console.error(err);
  13179. });
  13180. },
  13181. addCourseWorksGong(i, data, tool) {
  13182. let params = [
  13183. {
  13184. uid: this.userid,
  13185. cid: this.id,
  13186. stage: this.courseType,
  13187. task: this.taskCount,
  13188. tool: i,
  13189. content: data,
  13190. type: 12,
  13191. atool: tool,
  13192. text: "",
  13193. },
  13194. ];
  13195. this.ajax
  13196. .post(this.$store.state.api + "addCourseWorks5", params)
  13197. .then((res) => {
  13198. this.$message({
  13199. message: "提交成功",
  13200. type: "success",
  13201. });
  13202. this.studyJuri[0].cover = [];
  13203. this.selectSWorks();
  13204. this.selectStudent();
  13205. })
  13206. .catch((err) => {
  13207. this.$message.error("提交失败");
  13208. console.error(err);
  13209. });
  13210. },
  13211. addCourseWorksGongTeacher(i, data, tool) {
  13212. let params = [
  13213. {
  13214. uid: this.sStudent.userid,
  13215. cid: this.id,
  13216. stage: this.courseType,
  13217. task: this.taskCount,
  13218. tool: i,
  13219. content: data,
  13220. type: 12,
  13221. atool: tool,
  13222. text: "",
  13223. },
  13224. ];
  13225. this.ajax
  13226. .post(this.$store.state.api + "addCourseWorks5", params)
  13227. .then((res) => {
  13228. this.$message({
  13229. message: "提交成功",
  13230. type: "success",
  13231. });
  13232. this.studyJuri[0].cover = [];
  13233. this.dialogVisibleWorks = false;
  13234. this.selectSWorks();
  13235. this.selectStudent();
  13236. })
  13237. .catch((err) => {
  13238. this.$message.error("提交失败");
  13239. console.error(err);
  13240. });
  13241. },
  13242. addCourseWorksGongPl(i, data, tool, type) {
  13243. let params = [
  13244. {
  13245. uid: this.sStudent.userid,
  13246. cid: this.id,
  13247. stage: this.courseType,
  13248. task: this.taskCount,
  13249. tool: i,
  13250. content: data,
  13251. type: type,
  13252. atool: tool,
  13253. text: "",
  13254. },
  13255. ];
  13256. this.ajax
  13257. .post(this.$store.state.api + "addCourseWorks5", params)
  13258. .then((res) => {
  13259. this.$message({
  13260. message: "提交成功",
  13261. type: "success",
  13262. });
  13263. this.studyJuri[0].cover = [];
  13264. this.dialogVisibleWorks = false;
  13265. this.selectSWorks();
  13266. this.selectStudent();
  13267. })
  13268. .catch((err) => {
  13269. this.$message.error("提交失败");
  13270. console.error(err);
  13271. });
  13272. },
  13273. addCourseWorksTeacher(i) {
  13274. var typesql;
  13275. if (this.sTool == 32) {
  13276. this.addCourseWorksGongTeacher(
  13277. this.toolindex,
  13278. this.studyJuri[0].cover[0].url,
  13279. this.sTool
  13280. );
  13281. return;
  13282. }
  13283. if (this.fileType === 0) {
  13284. typesql = 1;
  13285. } else if (this.fileType === 1) {
  13286. typesql = 4;
  13287. } else if (this.fileType === 2) {
  13288. typesql = 5;
  13289. } else if (this.fileType === 3) {
  13290. typesql = 12;
  13291. }
  13292. if (this.sTool == 50) {
  13293. this.addCourseWorksGongPl(
  13294. this.toolindex,
  13295. this.studyJuri[0].cover[0].url,
  13296. this.sTool,
  13297. typesql
  13298. );
  13299. return;
  13300. }
  13301. if (!this.studyJuri[0].cover[0].url) {
  13302. this.$message.error("请上传文件");
  13303. return;
  13304. }
  13305. let params = [
  13306. {
  13307. uid: this.sStudent.userid,
  13308. cid: this.id,
  13309. stage: this.courseType,
  13310. task: i,
  13311. tool: this.toolindex,
  13312. content: this.studyJuri[0].cover[0].url,
  13313. type: typesql,
  13314. ateacher: this.userid,
  13315. },
  13316. ];
  13317. this.ajax
  13318. .post(this.$store.state.api + "addCourseWorksTeacher", params)
  13319. .then((res) => {
  13320. this.$message({
  13321. message: "提交成功",
  13322. type: "success",
  13323. });
  13324. this.studyJuri[0].cover = [];
  13325. this.dialogVisibleWorks = false;
  13326. this.getCourseDetail(2);
  13327. })
  13328. .catch((err) => {
  13329. this.$message.error("提交失败");
  13330. console.error(err);
  13331. });
  13332. },
  13333. selectUploadStudent(type) {
  13334. const loading = this.$loading.service({
  13335. background: "rgba(255, 255, 255, 0.7)",
  13336. target: document.body,
  13337. });
  13338. let params = {
  13339. cid: this.uploadCid,
  13340. oid: this.oid,
  13341. cn: "",
  13342. };
  13343. this.ajax
  13344. .get(this.$store.state.api + "selectSnameByCidGroup", params)
  13345. .then((res) => {
  13346. loading.close();
  13347. var studentK = [];
  13348. if (this.isWorksS[this.toolindex].length > 0) {
  13349. for (var z = 0; z < this.isWorksS[this.toolindex].length; z++) {
  13350. studentK.push(this.isWorksS[this.toolindex][z].uid);
  13351. }
  13352. studentK = studentK.join(",");
  13353. }
  13354. this.uploadStudentJuri = res.data[0].filter((el) => {
  13355. return studentK.indexOf(el.userid) == -1;
  13356. });
  13357. if (this.worksSName && this.worksSid) {
  13358. this.uploadStudentJuri.push({
  13359. userid: this.worksSid,
  13360. name: this.worksSName,
  13361. });
  13362. }
  13363. if (type == 1) {
  13364. this.plworkFile = [];
  13365. this.dialogVisibleSname = true;
  13366. } else if (type == 2) {
  13367. this.dialogVisiblePl = true;
  13368. }
  13369. })
  13370. .catch((err) => {
  13371. loading.close();
  13372. console.error(err);
  13373. });
  13374. },
  13375. selectPickStudent() {
  13376. const loading = this.$loading.service({
  13377. background: "rgba(255, 255, 255, 0.7)",
  13378. target: document.body,
  13379. });
  13380. let params = {
  13381. cid: this.uploadCid,
  13382. oid: this.oid,
  13383. cn: "",
  13384. };
  13385. this.ajax
  13386. .get(this.$store.state.api + "selectSnameByCidGroup", params)
  13387. .then((res) => {
  13388. loading.close();
  13389. this.uploadStudentJuri = res.data[0];
  13390. this.dialogVisiblePickPeople = true;
  13391. })
  13392. .catch((err) => {
  13393. loading.close();
  13394. console.error(err);
  13395. });
  13396. },
  13397. arrayToArray(arrayo, arrayt) {
  13398. let array1 = arrayo;
  13399. let array2 = arrayt;
  13400. let commonElements = [];
  13401. for (let i = 0; i < array1.length; i++) {
  13402. for (let j = 0; j < array2.length; j++) {
  13403. if (array1[i] === array2[j]) {
  13404. commonElements.push(array1[i]);
  13405. }
  13406. }
  13407. }
  13408. return commonElements;
  13409. },
  13410. selectWorksStudent() {
  13411. let params = {
  13412. oid: this.oid,
  13413. cid: this.courseDetail.juri,
  13414. };
  13415. this.ajax
  13416. .get(this.$store.state.api + "selectWorksStudent", params)
  13417. .then((res) => {
  13418. var a = res.data[0];
  13419. for (var i = 0; i < this.isWorksS.length; i++) {
  13420. this.noWorksS[i] = [];
  13421. var studentK = [];
  13422. if (this.isWorksS[i].length > 0) {
  13423. for (var z = 0; z < this.isWorksS[i].length; z++) {
  13424. studentK.push(this.isWorksS[i][z].uid);
  13425. }
  13426. studentK = studentK.join(",");
  13427. for (var j = 0; j < a.length; j++) {
  13428. if (studentK.indexOf(a[j].userid) == -1) {
  13429. if (this.tcid) {
  13430. // a[j].classid.indexOf(this.tcid) != -1
  13431. if (
  13432. this.arrayToArray(
  13433. a[j].classid.split(","),
  13434. this.tcid.split(",")
  13435. ).length
  13436. ) {
  13437. this.noWorksS[i].push({
  13438. student: a[j].name,
  13439. userid: a[j].userid,
  13440. });
  13441. }
  13442. } else {
  13443. this.noWorksS[i].push({
  13444. student: a[j].name,
  13445. userid: a[j].userid,
  13446. });
  13447. }
  13448. }
  13449. }
  13450. } else {
  13451. for (var k = 0; k < a.length; k++) {
  13452. if (this.tcid) {
  13453. if (
  13454. this.arrayToArray(
  13455. a[k].classid.split(","),
  13456. this.tcid.split(",")
  13457. ).length
  13458. ) {
  13459. this.noWorksS[i].push({
  13460. student: a[k].name,
  13461. userid: a[k].userid,
  13462. });
  13463. }
  13464. } else {
  13465. this.noWorksS[i].push({
  13466. student: a[k].name,
  13467. userid: a[k].userid,
  13468. });
  13469. }
  13470. }
  13471. }
  13472. }
  13473. this.$forceUpdate();
  13474. if (
  13475. Object.keys(this.commentDetail).length &&
  13476. Object.keys(this.commentIndexJson).length &&
  13477. !this.dialogVisibleScore && !this.dialogVisibleENScore
  13478. ) {
  13479. let a = 1;
  13480. let c = this.commentIndexJson;
  13481. if (
  13482. this.commentIndexJson.gindex ||
  13483. this.commentIndexJson.gindex === 0
  13484. ) {
  13485. for (
  13486. var i = 0;
  13487. i < this.worksStudent[this.commentIndexJson.toolIndex].length;
  13488. i++
  13489. ) {
  13490. let _el = this.worksStudent[this.commentIndexJson.toolIndex][i];
  13491. groupA: for (var k = 0; k < _el.length; k++) {
  13492. let el = _el[k];
  13493. if (el.wid == this.commentDetail.wid) {
  13494. a = 2;
  13495. this.commentOther(
  13496. this.worksStudent[this.commentIndexJson.toolIndex][i][k],
  13497. this.commentIndexJson.toolIndex,
  13498. k,
  13499. this.commentIndexJson.gindex
  13500. );
  13501. break groupA;
  13502. }
  13503. }
  13504. }
  13505. if (a === 1) {
  13506. this.commentDetail = [];
  13507. this.commentIndexJson = {};
  13508. this.commentDialogVisible = false;
  13509. this.$message("此作业已被删除");
  13510. }
  13511. } else {
  13512. if (this.isGroup && this.commentIndexJson.gid) {
  13513. groupA: for (
  13514. var i = 0;
  13515. i < this.courseGroup.group.length;
  13516. i++
  13517. ) {
  13518. let _group = this.courseGroup.group[i];
  13519. if (_group.id == this.commentIndexJson.gid) {
  13520. let _el2 = _group.works[this.commentIndexJson.toolIndex];
  13521. for (var k = 0; k < _el2.length; k++) {
  13522. let el2 = _el2[k];
  13523. if (el2.wid == this.commentDetail.wid) {
  13524. a = 2;
  13525. this.commentOther(
  13526. _el2[k],
  13527. this.commentIndexJson.toolIndex,
  13528. k,
  13529. null,
  13530. this.commentIndexJson.gid
  13531. );
  13532. break groupA;
  13533. }
  13534. }
  13535. }
  13536. }
  13537. }
  13538. if (a == 1) {
  13539. for (
  13540. var i = 0;
  13541. i < this.worksStudent[this.commentIndexJson.toolIndex].length;
  13542. i++
  13543. ) {
  13544. let el =
  13545. this.worksStudent[this.commentIndexJson.toolIndex][i];
  13546. if (el.wid == this.commentDetail.wid) {
  13547. a = 2;
  13548. this.commentOther(
  13549. this.worksStudent[this.commentIndexJson.toolIndex][i],
  13550. this.commentIndexJson.toolIndex,
  13551. i
  13552. );
  13553. break;
  13554. }
  13555. }
  13556. }
  13557. if (a === 1) {
  13558. this.commentDetail = [];
  13559. this.commentIndexJson = {};
  13560. this.commentDialogVisible = false;
  13561. this.$message("此作业已被删除");
  13562. }
  13563. }
  13564. }
  13565. })
  13566. .catch((err) => {
  13567. console.error(err);
  13568. });
  13569. },
  13570. selectStudent() {
  13571. //学生查看自己作业
  13572. let params = {
  13573. uid: this.userid,
  13574. cid: this.id,
  13575. s: this.courseType,
  13576. t: this.taskCount,
  13577. };
  13578. this.ajax
  13579. .get(this.$store.state.api + "selectStudentWorks", params)
  13580. .then((res) => {
  13581. var a =
  13582. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13583. this.taskCount
  13584. ].toolChoose;
  13585. var b = res.data[0];
  13586. var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  13587. var y = [
  13588. "AVI",
  13589. "NAVI",
  13590. "MPEG",
  13591. "ASF",
  13592. "MOV",
  13593. "WMV",
  13594. "3GP",
  13595. "RM",
  13596. "RMVB",
  13597. "FLV",
  13598. "F4V",
  13599. "H.264",
  13600. "H.265",
  13601. "REAL VIDEO",
  13602. "MKV",
  13603. "WebM",
  13604. "HDDVD",
  13605. "MP4",
  13606. "MPG",
  13607. "M4V",
  13608. "MGV",
  13609. "OGV",
  13610. "QTM",
  13611. "STR",
  13612. "AMC",
  13613. "DVX",
  13614. "EVO",
  13615. "DAT",
  13616. "OGG",
  13617. "OGM",
  13618. ];
  13619. for (var i = 0; i < a.length; i++) {
  13620. this.workStudent[i] = [];
  13621. for (var j = 0; j < b.length; j++) {
  13622. if (i == b[j].tool) {
  13623. if (
  13624. (b[j].type == 1 ||
  13625. b[j].type == 4 ||
  13626. b[j].type == 5 ||
  13627. b[j].type == 6 ||
  13628. b[j].type == 12 ||
  13629. b[j].type == 7) &&
  13630. a[i].tool[0] != 15 &&
  13631. a[i].tool[0] != 4 &&
  13632. a[i].tool[0] != 45 &&
  13633. a[i].tool[0] != 50 &&
  13634. a[i].tool[0] != 32 &&
  13635. a[i].tool[0] != 57 &&
  13636. a[i].tool[0] != 52 &&
  13637. a[i].tool[0] != 69
  13638. ) {
  13639. if (
  13640. c.indexOf(
  13641. b[j].content
  13642. .split(".")
  13643. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  13644. ) != -1 &&
  13645. a[i].tool[0] == 16 &&
  13646. b[j].atool != 50
  13647. ) {
  13648. this.workStudent[i].push({
  13649. works: b[j].content,
  13650. sName: b[j].name,
  13651. score: b[j].score,
  13652. img: b[j].img,
  13653. type: 1,
  13654. time: b[j].time,
  13655. userid: b[j].userid,
  13656. wid: b[j].id,
  13657. });
  13658. } else if (
  13659. y.indexOf(
  13660. b[j].content
  13661. .split(".")
  13662. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  13663. ) != -1 &&
  13664. a[i].tool[0] == 16 &&
  13665. b[j].atool != 50
  13666. ) {
  13667. this.workStudent[i].push({
  13668. userid: b[j].userid,
  13669. wid: b[j].id,
  13670. works: b[j].content,
  13671. sName: b[j].name,
  13672. score: b[j].score,
  13673. img: b[j].img,
  13674. type: 3,
  13675. time: b[j].time,
  13676. });
  13677. } else if (b[j].type == 6 && b[j].atool != 50) {
  13678. this.workStudent[i].push({
  13679. userid: b[j].userid,
  13680. wid: b[j].id,
  13681. works: b[j].content,
  13682. sName: b[j].name,
  13683. score: b[j].score,
  13684. img: b[j].img,
  13685. type: 4,
  13686. time: b[j].time,
  13687. });
  13688. } else if (b[j].type == 7 && b[j].atool != 50) {
  13689. this.workStudent[i].push({
  13690. userid: b[j].userid,
  13691. wid: b[j].id,
  13692. works: b[j].content,
  13693. sName: b[j].name,
  13694. score: b[j].score,
  13695. img: b[j].img,
  13696. type: 5,
  13697. time: b[j].time,
  13698. });
  13699. } else if (b[j].type == 12 && a[i].tool[0] == b[j].atool) {
  13700. this.workStudent[i].push({
  13701. works: b[j].content,
  13702. sName: b[j].name,
  13703. score: b[j].score,
  13704. img: b[j].img,
  13705. type: 12,
  13706. time: b[j].time,
  13707. userid: b[j].userid,
  13708. wid: b[j].id,
  13709. });
  13710. } else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
  13711. this.workStudent[i].push({
  13712. works: b[j].content,
  13713. sName: b[j].name,
  13714. score: b[j].score,
  13715. img: b[j].img,
  13716. type: 0,
  13717. time: b[j].time,
  13718. userid: b[j].userid,
  13719. wid: b[j].id,
  13720. });
  13721. } else if (b[j].type == 1 && !parseInt(b[j].atool)) {
  13722. this.workStudent[i].push({
  13723. works: b[j].content,
  13724. sName: b[j].name,
  13725. score: b[j].score,
  13726. img: b[j].img,
  13727. type: 0,
  13728. time: b[j].time,
  13729. userid: b[j].userid,
  13730. wid: b[j].id,
  13731. });
  13732. }
  13733. } else if (b[j].type == 3 && a[i].tool[0] == 15) {
  13734. this.workStudent[i].push({
  13735. works: b[j].content,
  13736. sName: b[j].name,
  13737. score: b[j].score,
  13738. img: b[j].img,
  13739. type: 2,
  13740. time: b[j].time,
  13741. userid: b[j].userid,
  13742. wid: b[j].id,
  13743. });
  13744. } else if (b[j].type == 2 && a[i].tool[0] == 4) {
  13745. //问卷
  13746. this.workStudent[i].push({
  13747. works: b[j].content,
  13748. sName: b[j].name,
  13749. score: b[j].score,
  13750. img: b[j].img,
  13751. type: 2,
  13752. time: b[j].time,
  13753. userid: b[j].userid,
  13754. wid: b[j].id,
  13755. });
  13756. } else if (b[j].type == 8 && a[i].tool[0] == 45) {
  13757. //选择题
  13758. this.workStudent[i].push({
  13759. works: b[j].content,
  13760. sName: b[j].name,
  13761. score: b[j].score,
  13762. img: b[j].img,
  13763. type: 8,
  13764. time: b[j].time,
  13765. userid: b[j].userid,
  13766. wid: b[j].id,
  13767. });
  13768. } else if (b[j].type == 9 && a[i].tool[0] == 47) {
  13769. //选择题
  13770. this.workStudent[i].push({
  13771. works: b[j].content,
  13772. sName: b[j].name,
  13773. score: b[j].score,
  13774. img: b[j].img,
  13775. type: 9,
  13776. time: b[j].time,
  13777. userid: b[j].userid,
  13778. wid: b[j].id,
  13779. });
  13780. } else if (b[j].type == 10 && a[i].tool[0] == 48) {
  13781. //选择题
  13782. this.workStudent[i].push({
  13783. works: b[j].content,
  13784. sName: b[j].name,
  13785. score: b[j].score,
  13786. img: b[j].img,
  13787. type: 10,
  13788. time: b[j].time,
  13789. userid: b[j].userid,
  13790. wid: b[j].id,
  13791. });
  13792. } else if (b[j].type == 13 && a[i].tool[0] == 52) {
  13793. //选择题
  13794. this.workStudent[i].push({
  13795. works: b[j].content,
  13796. sName: b[j].name,
  13797. score: b[j].score,
  13798. img: b[j].img,
  13799. type: 13,
  13800. time: b[j].time,
  13801. userid: b[j].userid,
  13802. wid: b[j].id,
  13803. });
  13804. } else if (b[j].type == 12 && a[i].tool[0] == 32) {
  13805. //选择题
  13806. this.workStudent[i].push({
  13807. works: b[j].content,
  13808. sName: b[j].name,
  13809. score: b[j].score,
  13810. img: b[j].img,
  13811. type: 12,
  13812. time: b[j].time,
  13813. userid: b[j].userid,
  13814. wid: b[j].id,
  13815. });
  13816. } else if (b[j].type == 12 && a[i].tool[0] == 57) {
  13817. //选择题
  13818. this.workStudent[i].push({
  13819. works: b[j].content,
  13820. sName: b[j].name,
  13821. score: b[j].score,
  13822. img: b[j].img,
  13823. type: 12,
  13824. time: b[j].time,
  13825. userid: b[j].userid,
  13826. wid: b[j].id,
  13827. });
  13828. } else if (b[j].type == 15 && a[i].tool[0] == 57) {
  13829. //选择题
  13830. this.workStudent[i].push({
  13831. works: b[j].content,
  13832. sName: b[j].name,
  13833. score: b[j].score,
  13834. img: b[j].img,
  13835. type: 15,
  13836. time: b[j].time,
  13837. userid: b[j].userid,
  13838. wid: b[j].id,
  13839. });
  13840. } else if (b[j].type == 16 && a[i].tool[0] == 69) {
  13841. //英语写作
  13842. this.workStudent[i].push({
  13843. works: b[j].content,
  13844. sName: b[j].name,
  13845. score: b[j].score,
  13846. img: b[j].img,
  13847. type: 16,
  13848. time: b[j].time,
  13849. userid: b[j].userid,
  13850. wid: b[j].id,
  13851. aiCode: b[j].aiCode,
  13852. teacherCode: b[j].teacherCode
  13853. });
  13854. } else if (b[j].type == 17 && a[i].tool[0] == 70) {
  13855. //英语口语
  13856. this.workStudent[i].push({
  13857. works: b[j].content,
  13858. sName: b[j].name,
  13859. score: b[j].score,
  13860. img: b[j].img,
  13861. type: 17,
  13862. time: b[j].time,
  13863. userid: b[j].userid,
  13864. wid: b[j].id,
  13865. });
  13866. } else if (b[j].type == 14 && a[i].tool[0] == 62) {
  13867. //英语口语
  13868. this.workStudent[i].push({
  13869. works: b[j].content,
  13870. sName: b[j].name,
  13871. score: b[j].score,
  13872. img: b[j].img,
  13873. type: 14,
  13874. time: b[j].time,
  13875. userid: b[j].userid,
  13876. wid: b[j].id,
  13877. });
  13878. }
  13879. }
  13880. }
  13881. }
  13882. })
  13883. .catch((err) => {
  13884. console.error(err);
  13885. });
  13886. },
  13887. openVideo(w) {
  13888. this.videoDetail = {};
  13889. this.playerOptions1.sources[0].src = w.works;
  13890. this.videoDetail = this.playerOptions1;
  13891. this.videoVisible = true;
  13892. },
  13893. isLikes(wid, uid, t, c, isLikes) {
  13894. if (isLikes == false) {
  13895. let params = [
  13896. {
  13897. wid: wid,
  13898. lid: uid,
  13899. t: t,
  13900. c: c,
  13901. },
  13902. ];
  13903. this.ajax
  13904. .post(this.$store.state.api + "insertComment", params)
  13905. .then((res) => {
  13906. this.$message({
  13907. message: "点赞成功",
  13908. type: "success",
  13909. });
  13910. this.selectSWorks();
  13911. this.selectStudent();
  13912. })
  13913. .catch((err) => {
  13914. this.$message.error("点赞失败");
  13915. console.error(err);
  13916. });
  13917. } else {
  13918. let params = {
  13919. wid: wid,
  13920. lid: uid,
  13921. type: t,
  13922. };
  13923. this.ajax
  13924. .get(this.$store.state.api + "deleteComment", params)
  13925. .then((res) => {
  13926. this.$message({
  13927. message: "取消点赞成功",
  13928. type: "success",
  13929. });
  13930. this.selectSWorks();
  13931. this.selectStudent();
  13932. })
  13933. .catch((err) => {
  13934. console.error(err);
  13935. });
  13936. }
  13937. },
  13938. deleteComment(wid) {
  13939. this.$confirm("确定删除此评论吗?", "提示", {
  13940. confirmButtonText: "确定",
  13941. cancelButtonText: "取消",
  13942. type: "warning",
  13943. })
  13944. .then(() => {
  13945. let params = {
  13946. id: wid,
  13947. };
  13948. this.ajax
  13949. .get(this.$store.state.api + "deleteComment2", params)
  13950. .then((res) => {
  13951. this.$message({
  13952. message: "删除评论成功",
  13953. type: "success",
  13954. });
  13955. this.selectSWorks();
  13956. this.selectStudent();
  13957. })
  13958. .catch((err) => {
  13959. console.error(err);
  13960. });
  13961. })
  13962. .catch(() => {});
  13963. },
  13964. async commentOther(w, toolIndex, wIndex, gindex, gid) {
  13965. this.commentIndexJson = {
  13966. toolIndex: toolIndex,
  13967. wIndex: wIndex,
  13968. gindex: gindex,
  13969. gid: gid,
  13970. };
  13971. this.commentDetail = [];
  13972. this.commentDialogVisible = true;
  13973. this.commentDetail = w;
  13974. if (w.works && w.type == 1) {
  13975. // this.pptImgUrl = "";
  13976. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  13977. if (
  13978. a.indexOf(
  13979. w.works
  13980. .split(".")
  13981. [w.works.split(".").length - 1].toLocaleUpperCase()
  13982. ) != -1
  13983. ) {
  13984. let _uuurl = await this.checkLink(w.works);
  13985. this.pptImgUrl =
  13986. "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
  13987. this.showPDF = false;
  13988. } else if (
  13989. w.works
  13990. .split(".")
  13991. [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
  13992. ) {
  13993. this.pptImgUrl = w.works;
  13994. this.showPDF = true;
  13995. }
  13996. } else if (w.works && w.type == 3) {
  13997. this.videoDetail = {};
  13998. this.playerOptions1.sources[0].src = w.works;
  13999. this.videoDetail = this.playerOptions1;
  14000. // this.videoVisible = true;
  14001. } else if (w.works && w.type == 4) {
  14002. this.eScore = JSON.parse(w.works);
  14003. this.rateJson =
  14004. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  14005. this.taskCount
  14006. ].toolChoose[toolIndex].rateJson;
  14007. } else if (w.works && w.type == 10) {
  14008. this.commentDetail.works = JSON.parse(this.commentDetail.works);
  14009. } else if (w.works && w.type == 13) {
  14010. this.wordJson =
  14011. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  14012. this.taskCount
  14013. ].toolChoose[toolIndex].wordJson;
  14014. }
  14015. },
  14016. async openScore(w, index) {
  14017. this.wScore = 0;
  14018. this.wScore = w.score ? JSON.parse(w.score).wScore : 0;
  14019. this.scoreDetail = w.score ? JSON.parse(w.score).detail : "";
  14020. this.commentDetail = [];
  14021. if(w.type == 17){
  14022. this.dialogVisibleENScore = true;
  14023. }else{
  14024. this.dialogVisibleScore = true;
  14025. }
  14026. this.commentDetail = w;
  14027. if (w.works && w.type == 1) {
  14028. this.pptImgUrl = "";
  14029. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  14030. if (
  14031. a.indexOf(
  14032. w.works
  14033. .split(".")
  14034. [w.works.split(".").length - 1].toLocaleUpperCase()
  14035. ) != -1
  14036. ) {
  14037. let _uuurl = await this.checkLink(w.works);
  14038. this.pptImgUrl =
  14039. "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
  14040. this.showPDF = false;
  14041. } else if (
  14042. w.works
  14043. .split(".")
  14044. [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
  14045. ) {
  14046. this.pptImgUrl = w.works;
  14047. this.showPDF = true;
  14048. }
  14049. } else if (w.works && w.type == 3) {
  14050. this.videoDetail = {};
  14051. this.playerOptions1.sources[0].src = w.works;
  14052. this.videoDetail = this.playerOptions1;
  14053. }else if(w.type == 17){
  14054. let englishVoiceJson = {}
  14055. englishVoiceJson = this.chapInfoList[this.courseType].chapterInfo[0]
  14056. .taskJson[this.taskCount].toolChoose[index].englishVoiceJson
  14057. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
  14058. .toolChoose[index].englishVoiceJson
  14059. : {};
  14060. this.englishVoiceJson = JSON.parse(JSON.stringify(englishVoiceJson));
  14061. }
  14062. },
  14063. addComment(wid, uid, t) {
  14064. if (this.commentText == "") {
  14065. this.$message.error("请输入评论");
  14066. return;
  14067. }
  14068. let params2 = [
  14069. {
  14070. wid: wid,
  14071. lid: uid,
  14072. t: t,
  14073. },
  14074. ];
  14075. this.ajax
  14076. .post(this.$store.state.api + "getComment", params2)
  14077. .then((res) => {
  14078. if (res.data[0].length > 0) {
  14079. this.$message.error("一个作业只能评论一条");
  14080. } else {
  14081. let params = [
  14082. {
  14083. wid: wid,
  14084. lid: uid,
  14085. t: t,
  14086. c: this.commentText,
  14087. },
  14088. ];
  14089. this.ajax
  14090. .post(this.$store.state.api + "insertComment", params)
  14091. .then((res) => {
  14092. this.$message({
  14093. message: "评论成功",
  14094. type: "success",
  14095. });
  14096. this.commentText = "";
  14097. this.selectSWorks();
  14098. this.selectStudent();
  14099. })
  14100. .catch((err) => {
  14101. this.$message.error("评论失败");
  14102. console.error(err);
  14103. });
  14104. }
  14105. })
  14106. .catch((err) => {
  14107. // this.$message.error("评论失败");
  14108. console.error(err);
  14109. });
  14110. },
  14111. scoreWork(wid) {
  14112. if (this.wScore == 0) {
  14113. this.$message.error("请评分");
  14114. return;
  14115. }
  14116. let params = [
  14117. {
  14118. wid: wid,
  14119. score: JSON.stringify({
  14120. wScore: this.wScore,
  14121. detail: this.scoreDetail,
  14122. }),
  14123. },
  14124. ];
  14125. this.ajax
  14126. .post(this.$store.state.api + "scoreWork", params)
  14127. .then((res) => {
  14128. this.$message({
  14129. message: "评分成功",
  14130. type: "success",
  14131. });
  14132. this.wScore = 0;
  14133. this.scoreDetail = "";
  14134. this.dialogVisibleScore = false;
  14135. this.selectSWorks();
  14136. this.selectStudent();
  14137. })
  14138. .catch((err) => {
  14139. this.$message.error("评分失败");
  14140. console.error(err);
  14141. });
  14142. },
  14143. openXz(w, i) {
  14144. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  14145. .taskJson[this.taskCount].toolChoose[i].selectJson
  14146. ? JSON.parse(
  14147. JSON.stringify(
  14148. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  14149. this.taskCount
  14150. ].toolChoose[i].selectJson
  14151. )
  14152. )
  14153. : { url: "", select: [], answer: [] };
  14154. var a = w.works.split(",");
  14155. for (var k = 0; k < a.length; k++) {
  14156. a[k] = parseInt(a[k]);
  14157. }
  14158. this.selectAnswer = { answer: a, stu: w.sName };
  14159. this.isSelect = true;
  14160. this.dialogVisibleSelect = true;
  14161. },
  14162. openSen(w, i) {
  14163. this.sentenceList1 = JSON.parse(w.works);
  14164. this.sentenceList1.stuName = w.sName;
  14165. this.dialogVisibleSentence1 = true;
  14166. },
  14167. openPj(w, toolindex) {
  14168. this.isStar = true;
  14169. this.eScore = JSON.parse(w);
  14170. this.rateJson =
  14171. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  14172. this.taskCount
  14173. ].toolChoose[toolindex].rateJson;
  14174. this.studentEvalDialogVisible = true;
  14175. },
  14176. openEnglishEva(id,i){
  14177. let params = {
  14178. wid: id
  14179. };
  14180. this.ajax
  14181. .get(this.$store.state.api + "selectEngWork", params)
  14182. .then((res) => {
  14183. this.evaEngJson.message = res.data[0][0];
  14184. this.evaEngJson.studentJson = JSON.parse(res.data[0][0].content);
  14185. this.evaEngJson.teacherJson = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
  14186. .toolChoose[i].englishList;
  14187. this.engEvaDialogVisible = true;
  14188. })
  14189. .catch((err) => {
  14190. console.error(err);
  14191. });
  14192. },
  14193. deleteWorks(id) {
  14194. this.$confirm("确定删除此作业吗?", "提示", {
  14195. confirmButtonText: "确定",
  14196. cancelButtonText: "取消",
  14197. type: "warning",
  14198. })
  14199. .then(() => {
  14200. let params = [
  14201. {
  14202. id: id,
  14203. },
  14204. ];
  14205. this.ajax
  14206. .post(this.$store.state.api + "deleteCourseWork", params)
  14207. .then((res) => {
  14208. this.$message({
  14209. message: "删除成功",
  14210. type: "success",
  14211. });
  14212. this.selectStudent();
  14213. this.selectSWorks();
  14214. this.selectSLook();
  14215. })
  14216. .catch((err) => {
  14217. this.$message.error("网络异常");
  14218. console.error(err);
  14219. });
  14220. })
  14221. .catch(() => {});
  14222. },
  14223. selectSWorks(gindex) {
  14224. //教师查看全部作业
  14225. let params = {
  14226. cid: this.id,
  14227. s: this.courseType,
  14228. t: this.taskCount,
  14229. };
  14230. this.ajax
  14231. .get(this.$store.state.api + "selectSWorks", params)
  14232. .then((res) => {
  14233. var a =
  14234. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  14235. this.taskCount
  14236. ].toolChoose;
  14237. var b = res.data[0];
  14238. var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  14239. var y = [
  14240. "AVI",
  14241. "NAVI",
  14242. "MPEG",
  14243. "ASF",
  14244. "MOV",
  14245. "WMV",
  14246. "3GP",
  14247. "RM",
  14248. "RMVB",
  14249. "FLV",
  14250. "F4V",
  14251. "H.264",
  14252. "H.265",
  14253. "REAL VIDEO",
  14254. "MKV",
  14255. "WebM",
  14256. "HDDVD",
  14257. "MP4",
  14258. "MPG",
  14259. "M4V",
  14260. "MGV",
  14261. "OGV",
  14262. "QTM",
  14263. "STR",
  14264. "AMC",
  14265. "DVX",
  14266. "EVO",
  14267. "DAT",
  14268. "OGG",
  14269. "OGM",
  14270. ];
  14271. var d = res.data[1];
  14272. var e = res.data[2];
  14273. var f = res.data[3];
  14274. let _worksStudent = [];
  14275. var _worksStudent2 = [];
  14276. for (var i = 0; i < a.length; i++) {
  14277. _worksStudent[i] = [];
  14278. _worksStudent2[i] = [];
  14279. if (
  14280. !this.isCloseList[i] ||
  14281. this.isCloseList[i].isClose == undefined
  14282. ) {
  14283. this.isCloseList[i] = { isClose: 0 };
  14284. }
  14285. this.groupStudent[i] = [];
  14286. this.groupStudentUid[i] = [];
  14287. if (this.isGroup) {
  14288. for (
  14289. var groupI = 0;
  14290. groupI < this.courseGroup.group.length;
  14291. groupI++
  14292. ) {
  14293. this.courseGroup.group[groupI].works[i] = [];
  14294. }
  14295. }
  14296. this.isWorksS[i] = [];
  14297. this.checkJson[i] = [];
  14298. if (a[i].tool[0] == 49) {
  14299. for (var gA = 0; gA < a[i].groupJson.group.length; gA++) {
  14300. this.groupStudent[i][gA] = [];
  14301. this.groupStudentUid[i][gA] = [];
  14302. _worksStudent[i][gA] = [];
  14303. _worksStudent2[i][gA] = [];
  14304. this.isCloseList[i][gA] = [];
  14305. // debugger
  14306. for (var g = 0; g < f.length; g++) {
  14307. if (
  14308. f[g].ttype == 2 &&
  14309. this.tcid &&
  14310. this.arrayToArray(
  14311. f[g].classid.split(","),
  14312. this.tcid.split(",")
  14313. ).length == 0
  14314. ) {
  14315. continue;
  14316. }
  14317. if (gA == f[g].group && f[g].tool == i && (this.arrayToArray(
  14318. f[g].classid.split(","),
  14319. this.tcid.split(",")
  14320. ).length !== 0 || this.arrayToArray(
  14321. f[g].classid.split(","),
  14322. this.classId ? this.classId.split(",") : []
  14323. ).length !== 0 || (!this.tcid && this.tType == '1') || (this.courseDetail.juri === '') || f[g].ttype == 1)) {
  14324. this.groupStudent[i][gA].push(f[g]);
  14325. this.groupStudentUid[i][gA].push(f[g].userid);
  14326. }
  14327. }
  14328. }
  14329. this.$forceUpdate();
  14330. }
  14331. for (var j = 0; j < b.length; j++) {
  14332. if (
  14333. b[j].ttype == 2 &&
  14334. this.tcid &&
  14335. this.arrayToArray(b[j].classid.split(","), this.tcid.split(","))
  14336. .length == 0
  14337. ) {
  14338. continue;
  14339. }
  14340. var likesCount = 0;
  14341. var commentCount = 0;
  14342. var isLikes = false;
  14343. var commentJson = [];
  14344. var data = b[j];
  14345. if (i == b[j].tool) {
  14346. if (data.type == 2 && a[i].tool[0] == 4) {
  14347. // if(JSON.parse(data.content)[0].anwer){
  14348. var checkL =
  14349. JSON.parse(data.content)[0].anwer instanceof Array
  14350. ? JSON.parse(data.content)[0].anwer
  14351. : JSON.parse(data.content)[0].anwer.split(",");
  14352. for (var z = 0; z < checkL.length; z++) {
  14353. if (!this.checkJson[i][z]) {
  14354. this.checkJson[i].push({
  14355. checkCount: [],
  14356. checkPerson: [],
  14357. rightPerson: [],
  14358. });
  14359. }
  14360. if (!this.checkJson[i][z].checkCount.length) {
  14361. this.checkJson[i][z].checkCount = [];
  14362. let _askItemCount = JSON.parse(data.content)[0].askJson
  14363. .askJson[z].askItem;
  14364. for (var aic = 0; aic < _askItemCount; aic++) {
  14365. this.checkJson[i][z].checkCount.push(0);
  14366. }
  14367. }
  14368. if (checkL[z] instanceof Array) {
  14369. if (
  14370. JSON.parse(data.content)[0].anwer.sort().join(",") ==
  14371. checkL[z].sort().join(",")
  14372. ) {
  14373. this.checkJson[i][z].rightPerson.push(data.name);
  14374. }
  14375. for (var q = 0; q < checkL[z].length; q++) {
  14376. this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
  14377. ? this.checkJson[i][z].checkPerson[
  14378. parseInt(checkL[z][q])
  14379. ].push(data.name)
  14380. : (this.checkJson[i][z].checkPerson[
  14381. parseInt(checkL[z][q])
  14382. ] = [data.name]);
  14383. this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
  14384. ? this.checkJson[i][z].checkCount[
  14385. parseInt(checkL[z][q])
  14386. ]++
  14387. : (this.checkJson[i][z].checkCount[
  14388. parseInt(checkL[z][q])
  14389. ] = 1);
  14390. }
  14391. } else {
  14392. if (JSON.parse(data.content)[0].anwer[z] == checkL[z]) {
  14393. this.checkJson[i][z].rightPerson.push(data.name);
  14394. }
  14395. if (parseInt(checkL[z]) || parseInt(checkL[z]) == 0) {
  14396. this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
  14397. ? this.checkJson[i][z].checkPerson[
  14398. parseInt(checkL[z])
  14399. ].push(data.name)
  14400. : (this.checkJson[i][z].checkPerson[
  14401. parseInt(checkL[z])
  14402. ] = [data.name]);
  14403. this.checkJson[i][z].checkCount[parseInt(checkL[z])]
  14404. ? this.checkJson[i][z].checkCount[
  14405. parseInt(checkL[z])
  14406. ]++
  14407. : (this.checkJson[i][z].checkCount[
  14408. parseInt(checkL[z])
  14409. ] = 1);
  14410. }
  14411. }
  14412. }
  14413. } else if (data.type == 8 && a[i].tool[0] == 45) {
  14414. var checkL = JSON.parse(data.content)[0].anwer;
  14415. for (var z = 0; z < checkL.length; z++) {
  14416. if (!this.checkJson[i][z]) {
  14417. this.checkJson[i].push({
  14418. checkCount: [],
  14419. checkPerson: [],
  14420. rightPerson: [],
  14421. });
  14422. }
  14423. if (!this.checkJson[i][z].checkCount.length) {
  14424. this.checkJson[i][z].checkCount = [];
  14425. let _askItemCount = JSON.parse(data.content)[0].testJson
  14426. .testJson[z].testItem;
  14427. for (var aic = 0; aic < _askItemCount; aic++) {
  14428. this.checkJson[i][z].checkCount.push(0);
  14429. }
  14430. }
  14431. if (checkL[z] instanceof Array) {
  14432. if (
  14433. JSON.parse(data.content)[0]
  14434. .testJson.testJson[z].answer.sort()
  14435. .join(",") == checkL[z].sort().join(",")
  14436. ) {
  14437. this.checkJson[i][z].rightPerson.push(data.name);
  14438. }
  14439. for (var q = 0; q < checkL[z].length; q++) {
  14440. this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
  14441. ? this.checkJson[i][z].checkPerson[
  14442. parseInt(checkL[z][q])
  14443. ].push(data.name)
  14444. : (this.checkJson[i][z].checkPerson[
  14445. parseInt(checkL[z][q])
  14446. ] = [data.name]);
  14447. this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
  14448. ? this.checkJson[i][z].checkCount[
  14449. parseInt(checkL[z][q])
  14450. ]++
  14451. : (this.checkJson[i][z].checkCount[
  14452. parseInt(checkL[z][q])
  14453. ] = 1);
  14454. }
  14455. } else {
  14456. if (
  14457. JSON.parse(data.content)[0].testJson.testJson[z]
  14458. .answer == checkL[z]
  14459. ) {
  14460. this.checkJson[i][z].rightPerson.push(data.name);
  14461. }
  14462. if (parseInt(checkL[z]) || parseInt(checkL[z]) == 0) {
  14463. this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
  14464. ? this.checkJson[i][z].checkPerson[
  14465. parseInt(checkL[z])
  14466. ].push(data.name)
  14467. : (this.checkJson[i][z].checkPerson[
  14468. parseInt(checkL[z])
  14469. ] = [data.name]);
  14470. this.checkJson[i][z].checkCount[parseInt(checkL[z])]
  14471. ? this.checkJson[i][z].checkCount[
  14472. parseInt(checkL[z])
  14473. ]++
  14474. : (this.checkJson[i][z].checkCount[
  14475. parseInt(checkL[z])
  14476. ] = 1);
  14477. }
  14478. }
  14479. }
  14480. } else if (data.type == 9 && a[i].tool[0] == 47) {
  14481. var checkL = JSON.parse(data.content);
  14482. for (var z = 0; z < checkL.length; z++) {
  14483. if (!this.checkJson[i][z]) {
  14484. this.checkJson[i].push({
  14485. checkCount: [],
  14486. checkPerson: [],
  14487. rightPerson: [],
  14488. });
  14489. }
  14490. this.checkJson[i][z].checkPerson.push(data.name);
  14491. if (
  14492. checkL[z].chooseSenList.toString() ==
  14493. checkL[z].rightAnswer.toString()
  14494. ) {
  14495. this.checkJson[i][z].rightPerson.push(data.name);
  14496. }
  14497. }
  14498. }
  14499. for (var k = 0; k < d.length; k++) {
  14500. //点赞
  14501. if (d[k].workId == b[j].id) {
  14502. likesCount++;
  14503. if (d[k].likesId == this.userid) {
  14504. isLikes = true;
  14505. }
  14506. }
  14507. }
  14508. for (var l = 0; l < e.length; l++) {
  14509. //评论
  14510. if (e[l].workId == b[j].id) {
  14511. if (e[l].comment != "") {
  14512. commentCount++;
  14513. commentJson.push({
  14514. commentText: e[l].comment,
  14515. commentTime: e[l].commentTime,
  14516. commentPeople: e[l].commentPeople,
  14517. userid: e[l].userid,
  14518. wid: e[l].id,
  14519. });
  14520. }
  14521. }
  14522. }
  14523. if (
  14524. (b[j].type == 1 ||
  14525. b[j].type == 4 ||
  14526. b[j].type == 5 ||
  14527. b[j].type == 6 ||
  14528. b[j].type == 12 ||
  14529. b[j].type == 7) &&
  14530. a[i].tool[0] != 15 &&
  14531. a[i].tool[0] != 4 &&
  14532. a[i].tool[0] != 45 &&
  14533. a[i].tool[0] != 50 &&
  14534. a[i].tool[0] != 32 &&
  14535. a[i].tool[0] != 57 &&
  14536. a[i].tool[0] != 52
  14537. ) {
  14538. if (
  14539. c.indexOf(
  14540. b[j].content
  14541. .split(".")
  14542. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  14543. ) != -1 &&
  14544. a[i].tool[0] == 16 &&
  14545. b[j].atool != 50
  14546. ) {
  14547. let _works = {
  14548. userid: b[j].userid,
  14549. ateacher: b[j].ateacher,
  14550. wid: b[j].id,
  14551. works: b[j].content,
  14552. sName: b[j].name,
  14553. type: 1,
  14554. time: b[j].time,
  14555. score: b[j].score,
  14556. img: b[j].img,
  14557. likesCount: likesCount,
  14558. commentCount: commentCount,
  14559. isLikes: isLikes,
  14560. commentJson: commentJson,
  14561. };
  14562. if (this.isGroup) {
  14563. let isGw = 1;
  14564. for (
  14565. var groupI = 0;
  14566. groupI < this.courseGroup.group.length;
  14567. groupI++
  14568. ) {
  14569. let gid = this.courseGroup.group[groupI].id;
  14570. if (
  14571. this.courseGroupStudentUid[gid].indexOf(
  14572. b[j].userid
  14573. ) != -1
  14574. ) {
  14575. isGw = 2;
  14576. this.courseGroup.group[groupI].works[i].push(_works);
  14577. break;
  14578. }
  14579. }
  14580. if (isGw == 1) {
  14581. _worksStudent[i].push(_works);
  14582. }
  14583. } else {
  14584. _worksStudent[i].push(_works);
  14585. }
  14586. _worksStudent2[i].push(_works);
  14587. this.isWorksS[i].push({
  14588. uid: b[j].userid,
  14589. sName: b[j].name,
  14590. });
  14591. } else if (
  14592. y.indexOf(
  14593. b[j].content
  14594. .split(".")
  14595. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  14596. ) != -1 &&
  14597. a[i].tool[0] == 16 &&
  14598. b[j].atool != 50
  14599. ) {
  14600. let _works = {
  14601. userid: b[j].userid,
  14602. ateacher: b[j].ateacher,
  14603. wid: b[j].id,
  14604. works: b[j].content,
  14605. sName: b[j].name,
  14606. type: 3,
  14607. time: b[j].time,
  14608. score: b[j].score,
  14609. img: b[j].img,
  14610. likesCount: likesCount,
  14611. commentCount: commentCount,
  14612. isLikes: isLikes,
  14613. commentJson: commentJson,
  14614. };
  14615. if (this.isGroup) {
  14616. let isGw = 1;
  14617. for (
  14618. var groupI = 0;
  14619. groupI < this.courseGroup.group.length;
  14620. groupI++
  14621. ) {
  14622. let gid = this.courseGroup.group[groupI].id;
  14623. if (
  14624. this.courseGroupStudentUid[gid].indexOf(
  14625. b[j].userid
  14626. ) != -1
  14627. ) {
  14628. isGw = 2;
  14629. this.courseGroup.group[groupI].works[i].push(_works);
  14630. break;
  14631. }
  14632. }
  14633. if (isGw == 1) {
  14634. _worksStudent[i].push(_works);
  14635. }
  14636. } else {
  14637. _worksStudent[i].push(_works);
  14638. }
  14639. _worksStudent2[i].push(_works);
  14640. this.isWorksS[i].push({
  14641. uid: b[j].userid,
  14642. sName: b[j].name,
  14643. });
  14644. } else if (b[j].type == 6 && b[j].atool != 50) {
  14645. let _works = {
  14646. userid: b[j].userid,
  14647. ateacher: b[j].ateacher,
  14648. wid: b[j].id,
  14649. works: b[j].content,
  14650. sName: b[j].name,
  14651. type: 4,
  14652. time: b[j].time,
  14653. score: b[j].score,
  14654. img: b[j].img,
  14655. likesCount: likesCount,
  14656. commentCount: commentCount,
  14657. isLikes: isLikes,
  14658. commentJson: commentJson,
  14659. };
  14660. _worksStudent[i].push(_works);
  14661. _worksStudent2[i].push(_works);
  14662. this.isWorksS[i].push({
  14663. uid: b[j].userid,
  14664. sName: b[j].name,
  14665. });
  14666. } else if (b[j].type == 7 && b[j].atool != 50) {
  14667. let _work = {
  14668. userid: b[j].userid,
  14669. ateacher: b[j].ateacher,
  14670. wid: b[j].id,
  14671. works: b[j].content,
  14672. sName: b[j].name,
  14673. type: 5,
  14674. time: b[j].time,
  14675. score: b[j].score,
  14676. img: b[j].img,
  14677. likesCount: likesCount,
  14678. commentCount: commentCount,
  14679. isLikes: isLikes,
  14680. commentJson: commentJson,
  14681. };
  14682. _worksStudent[i].push(_work);
  14683. _worksStudent2[i].push(_work);
  14684. this.isWorksS[i].push({
  14685. uid: b[j].userid,
  14686. sName: b[j].name,
  14687. });
  14688. } else if (b[j].type == 12 && a[i].tool[0] == b[j].atool) {
  14689. let _works = {
  14690. userid: b[j].userid,
  14691. ateacher: b[j].ateacher,
  14692. wid: b[j].id,
  14693. works: b[j].content,
  14694. sName: b[j].name,
  14695. type: 12,
  14696. time: b[j].time,
  14697. score: b[j].score,
  14698. img: b[j].img,
  14699. likesCount: likesCount,
  14700. commentCount: commentCount,
  14701. isLikes: isLikes,
  14702. commentJson: commentJson,
  14703. };
  14704. if (this.isGroup) {
  14705. let isGw = 1;
  14706. for (
  14707. var groupI = 0;
  14708. groupI < this.courseGroup.group.length;
  14709. groupI++
  14710. ) {
  14711. let gid = this.courseGroup.group[groupI].id;
  14712. if (
  14713. this.courseGroupStudentUid[gid].indexOf(
  14714. b[j].userid
  14715. ) != -1
  14716. ) {
  14717. isGw = 2;
  14718. this.courseGroup.group[groupI].works[i].push(_works);
  14719. break;
  14720. }
  14721. }
  14722. if (isGw == 1) {
  14723. _worksStudent[i].push(_works);
  14724. }
  14725. } else {
  14726. _worksStudent[i].push(_works);
  14727. }
  14728. _worksStudent2[i].push(_works);
  14729. this.isWorksS[i].push({
  14730. uid: b[j].userid,
  14731. sName: b[j].name,
  14732. });
  14733. } else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
  14734. let _works = {
  14735. userid: b[j].userid,
  14736. ateacher: b[j].ateacher,
  14737. wid: b[j].id,
  14738. works: b[j].content,
  14739. sName: b[j].name,
  14740. type: 0,
  14741. time: b[j].time,
  14742. score: b[j].score,
  14743. img: b[j].img,
  14744. likesCount: likesCount,
  14745. commentCount: commentCount,
  14746. isLikes: isLikes,
  14747. commentJson: commentJson,
  14748. };
  14749. if (this.isGroup) {
  14750. let isGw = 1;
  14751. for (
  14752. var groupI = 0;
  14753. groupI < this.courseGroup.group.length;
  14754. groupI++
  14755. ) {
  14756. let gid = this.courseGroup.group[groupI].id;
  14757. if (
  14758. this.courseGroupStudentUid[gid].indexOf(
  14759. b[j].userid
  14760. ) != -1
  14761. ) {
  14762. isGw = 2;
  14763. this.courseGroup.group[groupI].works[i].push(_works);
  14764. break;
  14765. }
  14766. }
  14767. if (isGw == 1) {
  14768. _worksStudent[i].push(_works);
  14769. }
  14770. } else {
  14771. _worksStudent[i].push(_works);
  14772. }
  14773. _worksStudent2[i].push(_works);
  14774. this.isWorksS[i].push({
  14775. uid: b[j].userid,
  14776. sName: b[j].name,
  14777. });
  14778. } else if (b[j].type == 1 && !parseInt(b[j].atool)) {
  14779. let _works = {
  14780. userid: b[j].userid,
  14781. ateacher: b[j].ateacher,
  14782. wid: b[j].id,
  14783. works: b[j].content,
  14784. sName: b[j].name,
  14785. type: 0,
  14786. time: b[j].time,
  14787. score: b[j].score,
  14788. img: b[j].img,
  14789. likesCount: likesCount,
  14790. commentCount: commentCount,
  14791. isLikes: isLikes,
  14792. commentJson: commentJson,
  14793. };
  14794. if (this.isGroup) {
  14795. let isGw = 1;
  14796. for (
  14797. var groupI = 0;
  14798. groupI < this.courseGroup.group.length;
  14799. groupI++
  14800. ) {
  14801. let gid = this.courseGroup.group[groupI].id;
  14802. if (
  14803. this.courseGroupStudentUid[gid].indexOf(
  14804. b[j].userid
  14805. ) != -1
  14806. ) {
  14807. isGw = 2;
  14808. this.courseGroup.group[groupI].works[i].push(_works);
  14809. break;
  14810. }
  14811. }
  14812. if (isGw == 1) {
  14813. _worksStudent[i].push(_works);
  14814. }
  14815. } else {
  14816. _worksStudent[i].push(_works);
  14817. }
  14818. _worksStudent2[i].push(_works);
  14819. this.isWorksS[i].push({
  14820. uid: b[j].userid,
  14821. sName: b[j].name,
  14822. });
  14823. }
  14824. } else if (b[j].type == 3 && a[i].tool[0] == 15) {
  14825. let _works = {
  14826. userid: b[j].userid,
  14827. ateacher: b[j].ateacher,
  14828. wid: b[j].id,
  14829. works: b[j].content,
  14830. sName: b[j].name,
  14831. type: 2,
  14832. time: b[j].time,
  14833. score: b[j].score,
  14834. img: b[j].img,
  14835. likesCount: likesCount,
  14836. commentCount: commentCount,
  14837. isLikes: isLikes,
  14838. commentJson: commentJson,
  14839. };
  14840. if (this.isGroup) {
  14841. let isGw = 1;
  14842. for (
  14843. var groupI = 0;
  14844. groupI < this.courseGroup.group.length;
  14845. groupI++
  14846. ) {
  14847. let gid = this.courseGroup.group[groupI].id;
  14848. if (
  14849. this.courseGroupStudentUid[gid].indexOf(b[j].userid) !=
  14850. -1
  14851. ) {
  14852. isGw = 2;
  14853. this.courseGroup.group[groupI].works[i].push(_works);
  14854. break;
  14855. }
  14856. }
  14857. if (isGw == 1) {
  14858. _worksStudent[i].push(_works);
  14859. }
  14860. } else {
  14861. _worksStudent[i].push(_works);
  14862. }
  14863. _worksStudent2[i].push(_works);
  14864. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14865. } else if (b[j].type == 2 && a[i].tool[0] == 4) {
  14866. //问卷
  14867. let _work = {
  14868. userid: b[j].userid,
  14869. ateacher: b[j].ateacher,
  14870. wid: b[j].id,
  14871. works: b[j].content,
  14872. sName: b[j].name,
  14873. type: 2,
  14874. time: b[j].time,
  14875. score: b[j].score,
  14876. img: b[j].img,
  14877. likesCount: likesCount,
  14878. commentCount: commentCount,
  14879. isLikes: isLikes,
  14880. commentJson: commentJson,
  14881. };
  14882. _worksStudent[i].push(_work);
  14883. _worksStudent2[i].push(_work);
  14884. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14885. } else if (b[j].type == 8 && a[i].tool[0] == 45) {
  14886. //选择题
  14887. let _work = {
  14888. userid: b[j].userid,
  14889. ateacher: b[j].ateacher,
  14890. wid: b[j].id,
  14891. works: b[j].content,
  14892. sName: b[j].name,
  14893. type: 8,
  14894. time: b[j].time,
  14895. score: b[j].score,
  14896. img: b[j].img,
  14897. likesCount: likesCount,
  14898. commentCount: commentCount,
  14899. isLikes: isLikes,
  14900. commentJson: commentJson,
  14901. };
  14902. _worksStudent[i].push(_work);
  14903. _worksStudent2[i].push(_work);
  14904. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14905. } else if (b[j].type == 9 && a[i].tool[0] == 47) {
  14906. //选择题
  14907. let _work = {
  14908. userid: b[j].userid,
  14909. ateacher: b[j].ateacher,
  14910. wid: b[j].id,
  14911. works: b[j].content,
  14912. sName: b[j].name,
  14913. type: 9,
  14914. time: b[j].time,
  14915. score: b[j].score,
  14916. img: b[j].img,
  14917. likesCount: likesCount,
  14918. commentCount: commentCount,
  14919. isLikes: isLikes,
  14920. commentJson: commentJson,
  14921. };
  14922. _worksStudent[i].push(_work);
  14923. _worksStudent2[i].push(_work);
  14924. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14925. } else if (b[j].type == 10 && a[i].tool[0] == 48) {
  14926. //选择题
  14927. let _work = {
  14928. userid: b[j].userid,
  14929. ateacher: b[j].ateacher,
  14930. wid: b[j].id,
  14931. works: b[j].content,
  14932. sName: b[j].name,
  14933. type: 10,
  14934. time: b[j].time,
  14935. score: b[j].score,
  14936. img: b[j].img,
  14937. likesCount: likesCount,
  14938. commentCount: commentCount,
  14939. isLikes: isLikes,
  14940. commentJson: commentJson,
  14941. };
  14942. _worksStudent[i].push(_work);
  14943. _worksStudent2[i].push(_work);
  14944. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14945. } else if (b[j].type == 13 && a[i].tool[0] == 52) {
  14946. //选择题
  14947. let _work = {
  14948. userid: b[j].userid,
  14949. ateacher: b[j].ateacher,
  14950. wid: b[j].id,
  14951. works: b[j].content,
  14952. sName: b[j].name,
  14953. type: 13,
  14954. time: b[j].time,
  14955. score: b[j].score,
  14956. img: b[j].img,
  14957. likesCount: likesCount,
  14958. commentCount: commentCount,
  14959. isLikes: isLikes,
  14960. commentJson: commentJson,
  14961. };
  14962. _worksStudent[i].push(_work);
  14963. _worksStudent2[i].push(_work);
  14964. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14965. } else if (b[j].type == 16 && a[i].tool[0] == 69) {
  14966. //选择题
  14967. let _work = {
  14968. userid: b[j].userid,
  14969. ateacher: b[j].ateacher,
  14970. wid: b[j].id,
  14971. works: b[j].content,
  14972. sName: b[j].name,
  14973. type: 16,
  14974. time: b[j].time,
  14975. score: b[j].score,
  14976. img: b[j].img,
  14977. likesCount: likesCount,
  14978. commentCount: commentCount,
  14979. isLikes: isLikes,
  14980. commentJson: commentJson,
  14981. aiCode: b[j].aiCode,
  14982. teacherCode: b[j].teacherCode
  14983. };
  14984. _worksStudent[i].push(_work);
  14985. _worksStudent2[i].push(_work);
  14986. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  14987. } else if (b[j].type == 17 && a[i].tool[0] == 70) {
  14988. //英语口语
  14989. let _work = {
  14990. userid: b[j].userid,
  14991. ateacher: b[j].ateacher,
  14992. wid: b[j].id,
  14993. works: b[j].content,
  14994. sName: b[j].name,
  14995. type: 17,
  14996. time: b[j].time,
  14997. score: b[j].score,
  14998. img: b[j].img,
  14999. likesCount: likesCount,
  15000. commentCount: commentCount,
  15001. isLikes: isLikes,
  15002. commentJson: commentJson,
  15003. };
  15004. _worksStudent[i].push(_work);
  15005. _worksStudent2[i].push(_work);
  15006. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15007. } else if (b[j].type == 14 && a[i].tool[0] == 62) {
  15008. //交互视频
  15009. let _work = {
  15010. userid: b[j].userid,
  15011. ateacher: b[j].ateacher,
  15012. wid: b[j].id,
  15013. works: b[j].content,
  15014. sName: b[j].name,
  15015. type: 14,
  15016. time: b[j].time,
  15017. score: b[j].score,
  15018. img: b[j].img,
  15019. likesCount: likesCount,
  15020. commentCount: commentCount,
  15021. isLikes: isLikes,
  15022. commentJson: commentJson,
  15023. };
  15024. _worksStudent[i].push(_work);
  15025. _worksStudent2[i].push(_work);
  15026. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15027. } else if (b[j].type == 11 && a[i].tool[0] == 49) {
  15028. let _gindex = JSON.parse(b[j].content);
  15029. if (
  15030. this.groupStudentUid[i][_gindex.groupIndex].indexOf(
  15031. b[j].userid
  15032. ) != -1
  15033. ) {
  15034. let _work = {
  15035. userid: b[j].userid,
  15036. ateacher: b[j].ateacher,
  15037. wid: b[j].id,
  15038. works: _gindex.url,
  15039. sName: b[j].name,
  15040. type: _gindex.type,
  15041. time: b[j].time,
  15042. score: b[j].score,
  15043. img: b[j].img,
  15044. likesCount: likesCount,
  15045. commentCount: commentCount,
  15046. isLikes: isLikes,
  15047. commentJson: commentJson,
  15048. };
  15049. _worksStudent[i][_gindex.groupIndex].push(_work);
  15050. _worksStudent2[i][_gindex.groupIndex].push(_work);
  15051. }
  15052. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15053. } else if (a[i].tool[0] == 50 && b[j].atool == 50) {
  15054. let _work = {
  15055. userid: b[j].userid,
  15056. ateacher: b[j].ateacher,
  15057. wid: b[j].id,
  15058. works: b[j].content,
  15059. sName: b[j].name ? b[j].name : b[j].userid,
  15060. type: b[j].type == 1 ? 0 : b[j].type == 4 ? 1 : 3,
  15061. time: b[j].time,
  15062. score: b[j].score,
  15063. img: b[j].img,
  15064. likesCount: likesCount,
  15065. commentCount: commentCount,
  15066. isLikes: isLikes,
  15067. commentJson: commentJson,
  15068. };
  15069. _worksStudent[i].push(_work);
  15070. _worksStudent2[i].push(_work);
  15071. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15072. } else if (a[i].tool[0] == 32 && b[j].atool == 32) {
  15073. let _work = {
  15074. userid: b[j].userid,
  15075. ateacher: b[j].ateacher,
  15076. wid: b[j].id,
  15077. works: b[j].content,
  15078. sName: b[j].name ? b[j].name : b[j].userid,
  15079. type: 12,
  15080. time: b[j].time,
  15081. score: b[j].score,
  15082. img: b[j].img,
  15083. likesCount: likesCount,
  15084. commentCount: commentCount,
  15085. isLikes: isLikes,
  15086. commentJson: commentJson,
  15087. };
  15088. _worksStudent[i].push(_work);
  15089. _worksStudent2[i].push(_work);
  15090. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15091. } else if (
  15092. a[i].tool[0] == 57 &&
  15093. b[j].atool == 57 &&
  15094. b[j].type == 12
  15095. ) {
  15096. let _work = {
  15097. userid: b[j].userid,
  15098. ateacher: b[j].ateacher,
  15099. wid: b[j].id,
  15100. works: b[j].content,
  15101. sName: b[j].name ? b[j].name : b[j].userid,
  15102. type: 12,
  15103. time: b[j].time,
  15104. score: b[j].score,
  15105. img: b[j].img,
  15106. likesCount: likesCount,
  15107. commentCount: commentCount,
  15108. isLikes: isLikes,
  15109. commentJson: commentJson,
  15110. };
  15111. _worksStudent[i].push(_work);
  15112. _worksStudent2[i].push(_work);
  15113. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15114. } else if (
  15115. a[i].tool[0] == 57 &&
  15116. b[j].atool == 57 &&
  15117. b[j].type == 15
  15118. ) {
  15119. let _work = {
  15120. userid: b[j].userid,
  15121. ateacher: b[j].ateacher,
  15122. wid: b[j].id,
  15123. works: b[j].content,
  15124. sName: b[j].name ? b[j].name : b[j].userid,
  15125. type: 15,
  15126. time: b[j].time,
  15127. score: b[j].score,
  15128. img: b[j].img,
  15129. likesCount: likesCount,
  15130. commentCount: commentCount,
  15131. isLikes: isLikes,
  15132. commentJson: commentJson,
  15133. };
  15134. _worksStudent[i].push(_work);
  15135. _worksStudent2[i].push(_work);
  15136. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15137. }
  15138. }
  15139. }
  15140. if (_worksStudent[i] && _worksStudent[i].length) {
  15141. _worksStudent[i] = _worksStudent[i].sort(function (a, b) {
  15142. let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
  15143. let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
  15144. var scoreA = parseFloat(jscoreA);
  15145. var scoreB = parseFloat(jscoreB);
  15146. if (scoreA == scoreB) {
  15147. return b.likesCount - a.likesCount;
  15148. }
  15149. return scoreB - scoreA;
  15150. });
  15151. if (this.isGroup) {
  15152. for (
  15153. var groupI = 0;
  15154. groupI < this.courseGroup.group.length;
  15155. groupI++
  15156. ) {
  15157. this.courseGroup.group[groupI].works[i] =
  15158. this.courseGroup.group[groupI].works[i].sort(function (
  15159. a,
  15160. b
  15161. ) {
  15162. let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
  15163. let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
  15164. var scoreA = parseFloat(jscoreA);
  15165. var scoreB = parseFloat(jscoreB);
  15166. if (scoreA == scoreB) {
  15167. return b.likesCount - a.likesCount;
  15168. }
  15169. return scoreB - scoreA;
  15170. });
  15171. }
  15172. }
  15173. }
  15174. }
  15175. this.timeWorkList = _worksStudent2;
  15176. for (var i = 0; i < a.length; i++) {
  15177. for (var j = 0; j < b.length; j++) {
  15178. var data = b[j];
  15179. if (i == b[j].tool) {
  15180. if (data.type == 2 || data.type == 8) {
  15181. for (var z = 0; z < this.checkJson[i].length; z++) {
  15182. this.checkJson[i][z].checkPerent = [];
  15183. this.checkJson[i][z].right = Math.round(
  15184. (this.checkJson[i][z].rightPerson.length /
  15185. parseInt(_worksStudent[i].length)) *
  15186. 100
  15187. );
  15188. let aaaa = this.checkJson[i][z];
  15189. for (
  15190. var k = 0;
  15191. k < this.checkJson[i][z].checkCount.length;
  15192. k++
  15193. ) {
  15194. this.checkJson[i][z].checkPerent.push(
  15195. Math.round(
  15196. (this.checkJson[i][z].checkCount[k] /
  15197. parseInt(_worksStudent[i].length)) *
  15198. 100
  15199. )
  15200. );
  15201. }
  15202. }
  15203. } else if (data.type == 9) {
  15204. for (var z = 0; z < this.checkJson[i].length; z++) {
  15205. this.checkJson[i][z].checkPerent = [];
  15206. this.checkJson[i][z].right = Math.round(
  15207. (this.checkJson[i][z].rightPerson.length /
  15208. this.checkJson[i][z].checkPerson.length) *
  15209. 100
  15210. );
  15211. }
  15212. }
  15213. }
  15214. }
  15215. }
  15216. if (this.dialogVisibleGroup && (gindex || gindex === 0)) {
  15217. this.joinGroup(gindex);
  15218. }
  15219. this.worksStudent = _worksStudent;
  15220. this.selectWorksStudent();
  15221. for (let ci = 0; ci < this.isCloseList.length; ci++) {
  15222. this.$nextTick(()=>{
  15223. setTimeout(()=>{
  15224. setTimeout(()=>{
  15225. this.panToolHeight('tool-'+ci);
  15226. }, 500)
  15227. }, 0)
  15228. })
  15229. }
  15230. })
  15231. .catch((err) => {
  15232. console.error(err);
  15233. });
  15234. },
  15235. pngToWhiteBg(file) {
  15236. const _file = file;
  15237. let read = new FileReader();
  15238. read.readAsDataURL(file); // 文件转base64
  15239. return new Promise((resolve, reject) => {
  15240. read.onload = (e) => {
  15241. let img = new Image();
  15242. img.src = e.target.result;
  15243. img.onload = async () => {
  15244. // 生成canvas
  15245. let canvas = document.createElement("canvas");
  15246. let context = canvas.getContext("2d");
  15247. // 绘制图片到canvas上
  15248. canvas.width = img.width;
  15249. canvas.height = img.height;
  15250. // 在canvas绘制前填充白色背景
  15251. context.fillStyle = "#fff";
  15252. context.fillRect(0, 0, canvas.width, canvas.height);
  15253. context.drawImage(img, 0, 0);
  15254. let base64 = canvas.toDataURL(file["type"], 1);
  15255. let newFile = this.dataUrlToFile(base64, _file);
  15256. resolve(newFile);
  15257. };
  15258. };
  15259. });
  15260. },
  15261. dataUrlToFile(dataurl, file) {
  15262. let arr = dataurl.split(","),
  15263. mime = arr[0].match(/:(.*?);/)[1],
  15264. bstr = atob(arr[1]),
  15265. n = bstr.length,
  15266. u8arr = new Uint8Array(n);
  15267. while (n--) {
  15268. u8arr[n] = bstr.charCodeAt(n);
  15269. }
  15270. // return new Blob([u8arr], { type: mime });
  15271. return new File([new Blob([u8arr], { type: mime })], file.name, {
  15272. type: mime,
  15273. });
  15274. },
  15275. async beforeUpload1(event, type, i) {
  15276. // this.$message.success('进入上传')
  15277. var file = "";
  15278. if (type == 5) {
  15279. file = event;
  15280. } else {
  15281. file = event.target.files[0];
  15282. }
  15283. var credentials = {
  15284. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  15285. secretAccessKey: "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",
  15286. }; //秘钥形式的登录上传
  15287. window.AWS.config.update(credentials);
  15288. window.AWS.config.region = "cn-northwest-1"; //设置区域
  15289. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  15290. var _this = this;
  15291. _this.progress = 0;
  15292. _this.proVisible = true;
  15293. _this.isFinishSize = 0;
  15294. _this.isAllSize = (file.size / 1024 / 1024).toFixed(2);
  15295. var b = [
  15296. "DOC",
  15297. "DOCX",
  15298. "DOCM",
  15299. "DOTM",
  15300. "DOTX",
  15301. "PPTX",
  15302. "PPSX",
  15303. "PPT",
  15304. "PPS",
  15305. "PPTM",
  15306. "POTM",
  15307. "PPAM",
  15308. "POTX",
  15309. "PPSM",
  15310. ];
  15311. var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
  15312. var photoA = [
  15313. "BMP",
  15314. "GIF",
  15315. "PNG",
  15316. "JPEG",
  15317. "JPEG",
  15318. "JPG",
  15319. "TIF",
  15320. "PCX",
  15321. "TGA",
  15322. "EXIF",
  15323. "FPX",
  15324. "SVG",
  15325. "APNG",
  15326. ];
  15327. // if (
  15328. // b.indexOf(
  15329. // file.name
  15330. // .split(".")
  15331. // [file.name.split(".").length - 1].toLocaleUpperCase()
  15332. // ) != -1
  15333. // ) {
  15334. // if (file.size / 1024 / 1024 > 10) {
  15335. // this.$message.error("上传文件大于10兆,请重新选择文件!");
  15336. // return;
  15337. // }
  15338. // } else if (
  15339. // excelA.indexOf(
  15340. // file.name
  15341. // .split(".")
  15342. // [file.name.split(".").length - 1].toLocaleUpperCase()
  15343. // ) != "-1"
  15344. // ) {
  15345. // if (file.size / 1024 / 1024 > 5) {
  15346. // this.$message.error("添加成上传文件大于5兆,请重新选择文件!");
  15347. // return;
  15348. // }
  15349. // }
  15350. if (
  15351. photoA.indexOf(
  15352. file.name
  15353. .split(".")
  15354. [file.name.split(".").length - 1].toLocaleUpperCase()
  15355. ) != -1 &&
  15356. type != 4
  15357. ) {
  15358. // const blob = await imageConversion.compress(file, 0.8)
  15359. file = await this.pngToWhiteBg(file);
  15360. const blob = await imageConversion.compressAccurately(file, 256);
  15361. // const blob = await imageConversion.compressAccurately(file, {type:file.type});
  15362. file = new File([blob], file.name, { type: file.type });
  15363. }
  15364. if (file) {
  15365. var params = {
  15366. Key:
  15367. file.name.split(".")[0] +
  15368. new Date().getTime() +
  15369. "." +
  15370. file.name.split(".")[file.name.split(".").length - 1],
  15371. ContentType: file.type,
  15372. Body: file,
  15373. "Access-Control-Allow-Credentials": "*",
  15374. ACL: "public-read",
  15375. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  15376. var options = {
  15377. // partSize: 2048 * 1024 * 1024,
  15378. partSize: 1024 * 1024 * 1024,
  15379. queueSize: 2,
  15380. leavePartsOnError: true,
  15381. };
  15382. bucket
  15383. .upload(params, options)
  15384. .on("httpUploadProgress", function (evt) {
  15385. //这里可以写进度条
  15386. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  15387. _this.progress = parseInt((evt.loaded / evt.total) * 100);
  15388. _this.isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
  15389. })
  15390. .send(function (err, data) {
  15391. _this.progress = 100;
  15392. _this.isFinishSize = _this.isAllSize;
  15393. setTimeout(() => {
  15394. _this.proVisible = false;
  15395. }, 1000);
  15396. if (err) {
  15397. var a = _this.$refs.upload1.uploadFiles;
  15398. a.splice(a.length - 1, a.length);
  15399. _this.$message.error("上传失败");
  15400. } else {
  15401. // _this.$message.success('上传成功')
  15402. var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  15403. var c = [
  15404. "AVI",
  15405. "NAVI",
  15406. "MPEG",
  15407. "ASF",
  15408. "MOV",
  15409. "WMV",
  15410. "3GP",
  15411. "RM",
  15412. "RMVB",
  15413. "FLV",
  15414. "F4V",
  15415. "H.264",
  15416. "H.265",
  15417. "REAL VIDEO",
  15418. "MKV",
  15419. "WebM",
  15420. "HDDVD",
  15421. "MP4",
  15422. "MPG",
  15423. "M4V",
  15424. "MGV",
  15425. "OGV",
  15426. "QTM",
  15427. "STR",
  15428. "AMC",
  15429. "DVX",
  15430. "EVO",
  15431. "DAT",
  15432. "OGG",
  15433. "OGM",
  15434. ];
  15435. if (type == 1) {
  15436. _this.studyJuri[0].cover.push({
  15437. name: file.name,
  15438. url: data.Location,
  15439. uid: file.uid,
  15440. });
  15441. if (
  15442. c.indexOf(
  15443. _this.studyJuri[0].cover[0].url
  15444. .split(".")
  15445. [
  15446. _this.studyJuri[0].cover[0].url.split(".").length - 1
  15447. ].toLocaleUpperCase()
  15448. ) != -1
  15449. ) {
  15450. _this.fileType = 2;
  15451. } else if (
  15452. b.indexOf(
  15453. _this.studyJuri[0].cover[0].url
  15454. .split(".")
  15455. [
  15456. _this.studyJuri[0].cover[0].url.split(".").length - 1
  15457. ].toLocaleUpperCase()
  15458. ) != -1
  15459. ) {
  15460. _this.fileType = 1;
  15461. } else if (
  15462. photoA.indexOf(
  15463. _this.studyJuri[0].cover[0].url
  15464. .split(".")
  15465. [
  15466. _this.studyJuri[0].cover[0].url.split(".").length - 1
  15467. ].toLocaleUpperCase()
  15468. ) != -1
  15469. ) {
  15470. _this.fileType = 0;
  15471. } else {
  15472. _this.fileType = 3;
  15473. }
  15474. _this.imgChange(null, null, type);
  15475. } else if (type == 2) {
  15476. _this.upToolImg = data.Location;
  15477. _this.imgChange(null, null, type);
  15478. _this.addCourseWorks(i);
  15479. } else if (type == 4) {
  15480. _this.addPz("3", data.Location);
  15481. } else if (type == 5) {
  15482. _this.addImgDrawImG(data.Location);
  15483. } else if (type == 6) {
  15484. var _ftype = 1;
  15485. if (
  15486. c.indexOf(
  15487. data.Location.split(".")[
  15488. data.Location.split(".").length - 1
  15489. ].toLocaleUpperCase()
  15490. ) != -1
  15491. ) {
  15492. _ftype = 5;
  15493. } else if (
  15494. b.indexOf(
  15495. data.Location.split(".")[
  15496. data.Location.split(".").length - 1
  15497. ].toLocaleUpperCase()
  15498. ) != -1
  15499. ) {
  15500. _ftype = 4;
  15501. } else {
  15502. _ftype = 1;
  15503. }
  15504. _this.plworkFile.push({
  15505. name: file.name,
  15506. url: data.Location,
  15507. uid: file.uid,
  15508. fileType: _ftype,
  15509. username:
  15510. _this.plworkFile.length > 10
  15511. ? _this.plworkFile.length + 1
  15512. : "0" + (_this.plworkFile.length + 1),
  15513. });
  15514. } else if (type == 7) {
  15515. _this.addCourseWorksGong(i, data.Location, 32);
  15516. } else if (type == 8) {
  15517. _this.addCourseWorksGong(i, data.Location, 57);
  15518. }
  15519. _this.imgChange(null, null, type);
  15520. console.log(data.Location);
  15521. // _this.$message.success('上传成功'+data.Location)
  15522. }
  15523. });
  15524. }
  15525. },
  15526. async beforeUpload3(event, type, i) {
  15527. // this.$message.success('进入上传')
  15528. let file = "";
  15529. let cfindex2 = 0;
  15530. for (var cfindex = 0; cfindex < event.target.files.length; cfindex++) {
  15531. file = event.target.files[cfindex];
  15532. var credentials = {
  15533. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  15534. secretAccessKey: "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",
  15535. }; //秘钥形式的登录上传
  15536. window.AWS.config.update(credentials);
  15537. window.AWS.config.region = "cn-northwest-1"; //设置区域
  15538. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  15539. var _this = this;
  15540. // _this.progress = 0;
  15541. _this.proVisible2 = true;
  15542. var b = [
  15543. "DOC",
  15544. "DOCX",
  15545. "DOCM",
  15546. "DOTM",
  15547. "DOTX",
  15548. "PPTX",
  15549. "PPSX",
  15550. "PPT",
  15551. "PPS",
  15552. "PPTM",
  15553. "POTM",
  15554. "PPAM",
  15555. "POTX",
  15556. "PPSM",
  15557. ];
  15558. var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
  15559. var photoA = [
  15560. "BMP",
  15561. "GIF",
  15562. "PNG",
  15563. "JPEG",
  15564. "JPG",
  15565. "TIF",
  15566. "PCX",
  15567. "TGA",
  15568. "EXIF",
  15569. "FPX",
  15570. "SVG",
  15571. "APNG",
  15572. ];
  15573. if (
  15574. photoA.indexOf(
  15575. file.name
  15576. .split(".")
  15577. [file.name.split(".").length - 1].toLocaleUpperCase()
  15578. ) != -1 &&
  15579. type != 4
  15580. ) {
  15581. // const blob = await imageConversion.compress(file, 0.8)
  15582. file = await this.pngToWhiteBg(file);
  15583. const blob = await imageConversion.compressAccurately(file, 256);
  15584. // const blob = await imageConversion.compressAccurately(file, {type:file.type});
  15585. file = new File([blob], file.name, { type: file.type });
  15586. }
  15587. if (file) {
  15588. var params = {
  15589. Key:
  15590. file.name.split(".")[0] +
  15591. new Date().getTime() +
  15592. "." +
  15593. file.name.split(".")[file.name.split(".").length - 1],
  15594. ContentType: file.type,
  15595. Body: file,
  15596. "Access-Control-Allow-Credentials": "*",
  15597. ACL: "public-read",
  15598. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  15599. var options = {
  15600. // partSize: 2048 * 1024 * 1024,
  15601. partSize: 1024 * 1024 * 1024,
  15602. queueSize: 2,
  15603. leavePartsOnError: true,
  15604. };
  15605. bucket
  15606. .upload(params, options)
  15607. .on("httpUploadProgress", function (evt) {
  15608. //这里可以写进度条
  15609. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  15610. // _this.progress = parseInt((evt.loaded * 80) / evt.total);
  15611. })
  15612. .send(function (err, data) {
  15613. // _this.progress = 100;
  15614. cfindex2++;
  15615. setTimeout(() => {
  15616. if (
  15617. cfindex2 == event.target.files.length - 1 ||
  15618. cfindex2 > event.target.files.length - 1
  15619. ) {
  15620. _this.proVisible2 = false;
  15621. }
  15622. }, 1000);
  15623. if (err) {
  15624. var a = _this.$refs.upload1.uploadFiles;
  15625. a.splice(a.length - 1, a.length);
  15626. _this.$message.error("上传失败");
  15627. } else {
  15628. // _this.$message.success('上传成功')
  15629. var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  15630. var c = [
  15631. "AVI",
  15632. "NAVI",
  15633. "MPEG",
  15634. "ASF",
  15635. "MOV",
  15636. "WMV",
  15637. "3GP",
  15638. "RM",
  15639. "RMVB",
  15640. "FLV",
  15641. "F4V",
  15642. "H.264",
  15643. "H.265",
  15644. "REAL VIDEO",
  15645. "MKV",
  15646. "WebM",
  15647. "HDDVD",
  15648. "MP4",
  15649. "MPG",
  15650. "M4V",
  15651. "MGV",
  15652. "OGV",
  15653. "QTM",
  15654. "STR",
  15655. "AMC",
  15656. "DVX",
  15657. "EVO",
  15658. "DAT",
  15659. "OGG",
  15660. "OGM",
  15661. ];
  15662. if (type == 1) {
  15663. _this.studyJuri[0].cover.push({
  15664. name: file.name,
  15665. url: data.Location,
  15666. uid: file.uid,
  15667. });
  15668. if (
  15669. c.indexOf(
  15670. _this.studyJuri[0].cover[0].url
  15671. .split(".")
  15672. [
  15673. _this.studyJuri[0].cover[0].url.split(".").length - 1
  15674. ].toLocaleUpperCase()
  15675. ) != -1
  15676. ) {
  15677. _this.fileType = 2;
  15678. } else if (
  15679. b.indexOf(
  15680. _this.studyJuri[0].cover[0].url
  15681. .split(".")
  15682. [
  15683. _this.studyJuri[0].cover[0].url.split(".").length - 1
  15684. ].toLocaleUpperCase()
  15685. ) != -1
  15686. ) {
  15687. _this.fileType = 1;
  15688. } else {
  15689. _this.fileType = 0;
  15690. }
  15691. _this.imgChange(null, null, type);
  15692. } else if (type == 2) {
  15693. _this.upToolImg = data.Location;
  15694. _this.imgChange(null, null, type);
  15695. _this.addCourseWorks(i);
  15696. } else if (type == 4) {
  15697. _this.addPz("3", data.Location);
  15698. } else if (type == 5) {
  15699. _this.addImgDrawImG(data.Location);
  15700. } else if (type == 6) {
  15701. var _ftype = 1;
  15702. if (
  15703. c.indexOf(
  15704. data.Location.split(".")[
  15705. data.Location.split(".").length - 1
  15706. ].toLocaleUpperCase()
  15707. ) != -1
  15708. ) {
  15709. _ftype = 5;
  15710. } else if (
  15711. b.indexOf(
  15712. data.Location.split(".")[
  15713. data.Location.split(".").length - 1
  15714. ].toLocaleUpperCase()
  15715. ) != -1
  15716. ) {
  15717. _ftype = 4;
  15718. } else {
  15719. _ftype = 1;
  15720. }
  15721. _this.plworkFile.push({
  15722. name: file.name,
  15723. url: data.Location,
  15724. uid: file.uid,
  15725. fileType: _ftype,
  15726. username:
  15727. _this.plworkFile.length + 1 > 9
  15728. ? _this.plworkFile.length + 1
  15729. : "0" + (_this.plworkFile.length + 1),
  15730. });
  15731. }
  15732. _this.imgChange(null, null, type);
  15733. console.log(data.Location);
  15734. // _this.$message.success('上传成功'+data.Location)
  15735. }
  15736. });
  15737. }
  15738. }
  15739. },
  15740. beforeUpload2(event, type) {
  15741. var file = event.target.files[0];
  15742. var credentials = {
  15743. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  15744. secretAccessKey: "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",
  15745. }; //秘钥形式的登录上传
  15746. window.AWS.config.update(credentials);
  15747. window.AWS.config.region = "cn-northwest-1"; //设置区域
  15748. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  15749. var _this = this;
  15750. _this.progress = 0;
  15751. _this.proVisible = true;
  15752. if (file) {
  15753. var params = {
  15754. Key:
  15755. file.name.split(".")[0] +
  15756. new Date().getTime() +
  15757. "." +
  15758. file.name.split(".")[file.name.split(".").length - 1],
  15759. ContentType: file.type,
  15760. Body: file,
  15761. "Access-Control-Allow-Credentials": "*",
  15762. ACL: "public-read",
  15763. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  15764. var options = {
  15765. partSize: 2048 * 1024 * 1024,
  15766. queueSize: 2,
  15767. leavePartsOnError: true,
  15768. };
  15769. bucket
  15770. .upload(params, options)
  15771. .on("httpUploadProgress", function (evt) {
  15772. //这里可以写进度条
  15773. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  15774. _this.progress = parseInt((evt.loaded * 80) / evt.total);
  15775. })
  15776. .send(function (err, data) {
  15777. _this.progress = 100;
  15778. setTimeout(() => {
  15779. _this.proVisible = false;
  15780. }, 1000);
  15781. if (err) {
  15782. var a = _this.$refs.upload1.uploadFiles;
  15783. a.splice(a.length - 1, a.length);
  15784. _this.$message.error("上传失败");
  15785. } else {
  15786. if (type == 2) {
  15787. _this.studyJuri[0].upVedio.push({
  15788. name: file.name,
  15789. url: data.Location,
  15790. uid: file.uid,
  15791. });
  15792. _this.imgChange(null, null, type);
  15793. } else if (type == 3) {
  15794. _this.studyJuri[0].upFile.push({
  15795. name: file.name,
  15796. url: data.Location,
  15797. uid: file.uid,
  15798. });
  15799. _this.imgChange(null, null, type);
  15800. }
  15801. console.log(data.Location);
  15802. }
  15803. });
  15804. }
  15805. },
  15806. allScrell() {
  15807. window.parent.postMessage({ allScreen: this.screenType }, "*");
  15808. },
  15809. nextOrpreSteps(t) {
  15810. if (this.IsFollow && this.tType == 2) {
  15811. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  15812. return;
  15813. }
  15814. var b = this.chapInfoList.length - 1;
  15815. if (t == 0) {
  15816. if (this.courseType == 0) {
  15817. if (this.taskCount == 0) {
  15818. // console.log(this.navList[b].task[this.navList[b].task.length - 1].isLook);
  15819. if (this.IsLookOpen) {
  15820. if (
  15821. !this.navList[b].task[this.navList[b].task.length - 1].isLook
  15822. ) {
  15823. if (
  15824. this.courseDetail.userid != this.userid &&
  15825. (!this.courseDetail.course_teacher ||
  15826. (this.courseDetail.course_teacher &&
  15827. this.courseDetail.course_teacher.indexOf(this.userid) == -1))
  15828. ) {
  15829. this.$message.error("任务未解锁");
  15830. } else {
  15831. this.$message.error("上一任务未解锁");
  15832. }
  15833. return;
  15834. }
  15835. }
  15836. this.navList[this.courseType].isOpen = false;
  15837. this.courseType = b;
  15838. this.taskCount =
  15839. this.chapInfoList[this.courseType].chapterInfo[0].taskJson
  15840. .length - 1;
  15841. this.navList[this.courseType].isOpen = true;
  15842. } else {
  15843. this.taskCount--;
  15844. }
  15845. } else {
  15846. if (this.taskCount == 0) {
  15847. this.navList[this.courseType].isOpen = false;
  15848. this.courseType--;
  15849. this.taskCount =
  15850. this.chapInfoList[this.courseType].chapterInfo[0].taskJson
  15851. .length - 1;
  15852. this.navList[this.courseType].isOpen = true;
  15853. } else {
  15854. this.taskCount--;
  15855. }
  15856. }
  15857. } else {
  15858. if (this.courseType == b) {
  15859. if (
  15860. this.taskCount ==
  15861. this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
  15862. 1
  15863. ) {
  15864. this.navList[this.courseType].isOpen = false;
  15865. this.courseType = 0;
  15866. this.taskCount = 0;
  15867. this.navList[this.courseType].isOpen = true;
  15868. } else {
  15869. var bbb = parseInt(this.taskCount) + 1;
  15870. if (
  15871. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
  15872. .isLook &&
  15873. this.courseDetail.userid != this.userid && (!this.courseDetail.course_teacher ||
  15874. (this.courseDetail.course_teacher &&
  15875. this.courseDetail.course_teacher.indexOf(this.userid) == -1)) &&
  15876. this.IsLookOpen
  15877. ) {
  15878. this.$message.error("任务未解锁");
  15879. return;
  15880. }
  15881. this.taskCount++;
  15882. if (this.IsLookOpen) {
  15883. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  15884. this.taskCount
  15885. ].isLook = true;
  15886. this.addCourseState(3);
  15887. }
  15888. }
  15889. } else {
  15890. if (
  15891. this.taskCount ==
  15892. this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
  15893. 1
  15894. ) {
  15895. var bbb = parseInt(this.courseType) + 1;
  15896. if (
  15897. !this.chapInfoList[bbb].chapterInfo[0].taskJson[0].isLook &&
  15898. this.courseDetail.userid != this.userid &&
  15899. (!this.courseDetail.course_teacher ||
  15900. (this.courseDetail.course_teacher &&
  15901. this.courseDetail.course_teacher.indexOf(this.userid) == -1)) &&
  15902. this.IsLookOpen
  15903. ) {
  15904. this.$message.error("任务未解锁");
  15905. return;
  15906. }
  15907. this.navList[this.courseType].isOpen = false;
  15908. this.courseType++;
  15909. this.taskCount = 0;
  15910. this.navList[this.courseType].isOpen = true;
  15911. } else {
  15912. var bbb = parseInt(this.taskCount) + 1;
  15913. if (
  15914. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
  15915. .isLook &&
  15916. this.courseDetail.userid != this.userid &&
  15917. (!this.courseDetail.course_teacher ||
  15918. (this.courseDetail.course_teacher &&
  15919. this.courseDetail.course_teacher.indexOf(this.userid) == -1)) &&
  15920. this.IsLookOpen
  15921. ) {
  15922. this.$message.error("任务未解锁");
  15923. return;
  15924. }
  15925. this.taskCount++;
  15926. }
  15927. if (this.IsLookOpen) {
  15928. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  15929. this.taskCount
  15930. ].isLook = true;
  15931. this.addCourseState(3);
  15932. }
  15933. }
  15934. // if (
  15935. // this.taskCount ==
  15936. // this.chapInfo.chapterInfo[0].taskJson.length - 1
  15937. // ) {
  15938. // this.taskCount = this.chapInfo.chapterInfo[0].taskJson.length - 1;
  15939. // } else {
  15940. // this.taskCount++;
  15941. // }
  15942. }
  15943. document.scrollingElement.scrollTop = 0;
  15944. this.showType = 7;
  15945. this.navId = this.navList[this.courseType].task[this.taskCount].id;
  15946. // if (this.vedio[this.taskCount].length > 0) {
  15947. // var a =
  15948. // document.getElementsByClassName("box_course")[this.taskCount]
  15949. // .offsetHeight;
  15950. // document.getElementsByClassName("vedioList")[
  15951. // this.taskCount
  15952. // ].style.height = a + "px";
  15953. // document.getElementsByClassName("navBox")[this.taskCount].style.height =
  15954. // a - 40 + "px";
  15955. // }
  15956. this.isNoHomeWork = false;
  15957. (this.studyJuri = [
  15958. {
  15959. content: "",
  15960. cover: [],
  15961. upVedio: [],
  15962. upFile: [],
  15963. },
  15964. ]),
  15965. (this.radio = []);
  15966. this.isClickNav = "";
  15967. this.selectPz();
  15968. this.getHomeWork();
  15969. this.getCourseDetail(2);
  15970. this.$forceUpdate();
  15971. },
  15972. openTask(s, n, i,ctype) {
  15973. if (this.IsFollow && this.tType == 2) {
  15974. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  15975. return;
  15976. }
  15977. if (this.IsLookOpen) {
  15978. if (
  15979. !this.chapInfoList[s].chapterInfo[0].taskJson[n].isLook &&
  15980. this.courseDetail.userid != this.userid &&
  15981. (!this.courseDetail.course_teacher ||
  15982. (this.courseDetail.course_teacher &&
  15983. this.courseDetail.course_teacher.indexOf(this.userid) == -1))
  15984. ) {
  15985. this.$message.error("任务未解锁");
  15986. return;
  15987. }
  15988. if (this.courseType == s && this.taskCount != n && n > this.taskCount) {
  15989. if (
  15990. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[n - 1]
  15991. .isLook
  15992. ) {
  15993. this.$message.error("上一任务未解锁");
  15994. return;
  15995. }
  15996. } else if (s > this.courseType) {
  15997. if (n > 0) {
  15998. if (!this.chapInfoList[s].chapterInfo[0].taskJson[n - 1].isLook) {
  15999. this.$message.error("上一任务未解锁");
  16000. return;
  16001. }
  16002. } else {
  16003. if (
  16004. !this.chapInfoList[s - 1].chapterInfo[0].taskJson[
  16005. this.chapInfoList[s - 1].chapterInfo[0].taskJson.length - 1
  16006. ].isLook
  16007. ) {
  16008. this.$message.error("上一任务未解锁");
  16009. return;
  16010. }
  16011. }
  16012. }
  16013. }
  16014. if (this.navList[s].task[n].isOpen == true && ctype != 2) {
  16015. this.navList[s].task[n].isOpen = !this.navList[s].task[n].isOpen;
  16016. return;
  16017. }
  16018. this.courseType = s;
  16019. this.navId = i;
  16020. this.taskCount = n;
  16021. if(ctype == 2){
  16022. this.navList[s].task[n].isOpen = true
  16023. }else{
  16024. this.navList[this.courseType].task[this.taskCount].isOpen =
  16025. !this.navList[this.courseType].task[this.taskCount].isOpen;
  16026. }
  16027. if (this.IsLookOpen) {
  16028. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  16029. this.taskCount
  16030. ].isLook = true;
  16031. this.addCourseState(3);
  16032. }
  16033. for (let ci = 0; ci < this.isCloseList.length; ci++) {
  16034. this.isCloseList[ci].isClose = 0;
  16035. this.isCloseList[ci].isCloseBoolean = false;
  16036. this.$nextTick(()=>{
  16037. setTimeout(()=>{
  16038. setTimeout(()=>{
  16039. this.panToolHeight('tool-'+ci);
  16040. }, 0)
  16041. }, 0)
  16042. })
  16043. }
  16044. this.showType = 0;
  16045. this.isNoHomeWork = false;
  16046. (this.studyJuri = [
  16047. {
  16048. content: "",
  16049. cover: [],
  16050. upVedio: [],
  16051. upFile: [],
  16052. },
  16053. ]),
  16054. (this.radio = []);
  16055. document.scrollingElement.scrollTop = 0;
  16056. // setTimeout(() => {
  16057. // let a = document.getElementById(i);
  16058. // if (a.offsetTop - 110 == 0) {
  16059. // window.scrollTo(0, 0);
  16060. // } else {
  16061. // window.scrollTo(0, a.offsetTop);
  16062. // }
  16063. // }, 0);
  16064. for (var z = 0; z < this.navList.length; z++) {
  16065. for (var q = 0; q < this.navList[z].task.length; q++) {
  16066. for (var w = 0; w < this.navList[z].task[q].tool.length; w++) {
  16067. this.navList[z].task[q].tool[w].isTool = false;
  16068. }
  16069. }
  16070. }
  16071. this.selectPz();
  16072. this.getHomeWork();
  16073. this.getCourseDetail(2);
  16074. },
  16075. get(i) {
  16076. if (this.IsFollow && this.tType == 2) {
  16077. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  16078. return;
  16079. }
  16080. // for(var k=0;k<this.navList.length;k++){
  16081. // this.navList[k].isOpen = false;
  16082. // }
  16083. // this.navList[i].isOpen = true;
  16084. let a = this.navList[i].isOpen
  16085. this.navList[i].isOpen = !this.navList[i].isOpen;
  16086. this.$forceUpdate()
  16087. if (this.navList[i].isOpen) {
  16088. this.openTask(i, 0, (i + "-0"),2);
  16089. }
  16090. },
  16091. addQuestion() {
  16092. this.answerList.push({
  16093. answerTitle: this.answerQ,
  16094. answer: this.questionAnswer,
  16095. });
  16096. let params = [
  16097. {
  16098. uid: this.userid,
  16099. cid: this.id,
  16100. stage: this.courseType,
  16101. task: this.taskCount,
  16102. tool: this.toolindex,
  16103. content: JSON.stringify(this.answerList),
  16104. type: 3,
  16105. },
  16106. ];
  16107. this.ajax
  16108. .post(this.$store.state.api + "addCourseWorks", params)
  16109. .then((res) => {
  16110. this.$message({
  16111. message: "提交成功",
  16112. type: "success",
  16113. });
  16114. this.answerList = [];
  16115. this.answerDialogVisible = false;
  16116. this.selectStudent();
  16117. this.selectSWorks();
  16118. this.selectSLook();
  16119. })
  16120. .catch((err) => {
  16121. this.$message.error("提交失败");
  16122. console.error(err);
  16123. });
  16124. },
  16125. addQuestionTeacher() {
  16126. this.answerList.push({
  16127. answerTitle: this.answerQ,
  16128. answer: this.questionAnswer,
  16129. });
  16130. let params = [
  16131. {
  16132. uid: this.sStudent.userid,
  16133. cid: this.id,
  16134. stage: this.courseType,
  16135. task: this.taskCount,
  16136. tool: this.toolindex,
  16137. content: JSON.stringify(this.answerList),
  16138. type: 3,
  16139. ateacher: this.userid,
  16140. },
  16141. ];
  16142. this.ajax
  16143. .post(this.$store.state.api + "addCourseWorksTeacher", params)
  16144. .then((res) => {
  16145. this.$message({
  16146. message: "提交成功",
  16147. type: "success",
  16148. });
  16149. this.answerList = [];
  16150. this.questionAnswer = "";
  16151. this.answerDialogVisibleTeacher = false;
  16152. this.selectStudent();
  16153. this.selectSWorks();
  16154. this.selectSLook();
  16155. })
  16156. .catch((err) => {
  16157. this.$message.error("提交失败");
  16158. console.error(err);
  16159. });
  16160. },
  16161. refreshCourse() {
  16162. // window.location.reload();
  16163. this.navList = [];
  16164. this.getCourseDetail(1);
  16165. },
  16166. getCourseDetail(type, gindex) {
  16167. let loading;
  16168. if (type != 2) {
  16169. loading = this.$loading.service({
  16170. background: "rgba(255, 255, 255, 0.7)",
  16171. target: document.querySelector(".student_table"),
  16172. });
  16173. }
  16174. this.downLoading = false
  16175. // this.navList[0].isOpen = false;
  16176. // this.navList[this.courseType].isOpen = true;
  16177. // this.courseType = this.courseTypeLine;
  16178. // this.navId = this.navList[this.courseType].task[this.taskCount].id;
  16179. let params = {
  16180. courseId: this.id,
  16181. };
  16182. this.ajax
  16183. .get(this.$store.state.api + "selectCourseDetail3", params)
  16184. .then((res) => {
  16185. if (type != 2) {
  16186. loading.close();
  16187. if (
  16188. this.courseType >
  16189. JSON.parse(res.data[0][0].chapters).length - 1
  16190. ) {
  16191. this.courseType = JSON.parse(res.data[0][0].chapters).length - 1;
  16192. }
  16193. var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
  16194. .chapterInfo[0].taskJson;
  16195. var b = [
  16196. "AVI",
  16197. "NAVI",
  16198. "MPEG",
  16199. "ASF",
  16200. "MOV",
  16201. "WMV",
  16202. "3GP",
  16203. "RM",
  16204. "RMVB",
  16205. "FLV",
  16206. "F4V",
  16207. "H.264",
  16208. "H.265",
  16209. "REAL VIDEO",
  16210. "MKV",
  16211. "WebM",
  16212. "HDDVD",
  16213. "MP4",
  16214. "MPG",
  16215. "M4V",
  16216. "MGV",
  16217. "OGV",
  16218. "QTM",
  16219. "STR",
  16220. "AMC",
  16221. "DVX",
  16222. "EVO",
  16223. "DAT",
  16224. "OGG",
  16225. "OGM",
  16226. "MP3",
  16227. ];
  16228. let _chapterData = [];
  16229. for (var i = 0; i < a.length; i++) {
  16230. var c = a[i].chapterData;
  16231. this.vedio[i] = [];
  16232. this.textList[i] = [];
  16233. this.lineList[i] = [];
  16234. this.chapToolList[i] = [];
  16235. this.file[i] = [];
  16236. this.fileC[i] = [];
  16237. _chapterData[i] = c.filter((el) => {
  16238. return el.type != 12;
  16239. });
  16240. this.fileC[i] = c.filter((el) => {
  16241. return el.type == 12;
  16242. });
  16243. // else if (c[j].type == 12) {
  16244. // this.fileC[i].push(c[j]);
  16245. // }
  16246. for (var j = 0; j < c.length; j++) {
  16247. if (c[j].type == 7) {
  16248. this.chapToolList[i].push(c[j]);
  16249. } else if (c[j].type == 8 || c[j].type == 14) {
  16250. this.lineList[i].push(c[j]);
  16251. } else if (c[j].type == 6) {
  16252. this.textList[i].push(c[j]);
  16253. } else {
  16254. if (
  16255. b.indexOf(
  16256. c[j].url
  16257. .split(".")
  16258. [c[j].url.split(".").length - 1].toLocaleUpperCase()
  16259. ) != -1
  16260. ) {
  16261. this.vedio[i].push(c[j]);
  16262. } else {
  16263. this.file[i].push(c[j]);
  16264. }
  16265. }
  16266. }
  16267. var d = JSON.parse(JSON.stringify(this.playerOptions));
  16268. d.sources[0].src =
  16269. this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
  16270. this.playerO[i] = d;
  16271. }
  16272. this.courseDetail = res.data[0][0];
  16273. this.tcid = this.arrayToArray(
  16274. this.courseDetail.juri ? this.courseDetail.juri.split(",") : [],
  16275. this.tcid2 ? this.tcid2.split(",") : []
  16276. ).join(",");
  16277. this.evalua = res.data[0][0].evaId;
  16278. this.chapInfo = JSON.parse(this.courseDetail.chapters)[
  16279. this.courseType
  16280. ];
  16281. this.chapInfoList = JSON.parse(this.courseDetail.chapters);
  16282. if (this.tcid && res.data[1].length) {
  16283. let _inviteA = [];
  16284. for (var ik = 0; ik < res.data[1].length; ik++) {
  16285. _inviteA.push({
  16286. cid: res.data[1][ik].classid,
  16287. ic: res.data[1][ik].code,
  16288. });
  16289. }
  16290. for (var ik = 0; ik < _inviteA.length; ik++) {
  16291. if (
  16292. this.arrayToArray(
  16293. _inviteA[ik].cid.split(","),
  16294. this.tcid.split(",")
  16295. ).length
  16296. ) {
  16297. this.inviteCode = _inviteA[ik].ic;
  16298. break;
  16299. }
  16300. }
  16301. }
  16302. for (var l = 0; l < this.chapInfoList.length; l++) {
  16303. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  16304. for (var m = 0; m < w.length; m++) {
  16305. w[m].id = l + "-" + m;
  16306. }
  16307. }
  16308. if (
  16309. _chapterData[this.taskCount].length &&
  16310. _chapterData[this.taskCount][0].type == 2
  16311. ) {
  16312. this.showType = 0;
  16313. this.pptImgUrl1 = _chapterData[this.taskCount][0].url;
  16314. } else {
  16315. if (_chapterData[this.taskCount].length > 0) {
  16316. let _url = _chapterData[this.taskCount][0].url;
  16317. if (
  16318. _chapterData[this.taskCount][0].type == 8 ||
  16319. _chapterData[this.taskCount][0].type == 14
  16320. ) {
  16321. this.showType = 2;
  16322. if (
  16323. _url.indexOf("https://") == -1 &&
  16324. _url.indexOf("http://") == -1
  16325. ) {
  16326. _url = "https://" + _url;
  16327. }
  16328. this.pptImgUrl1 = _url;
  16329. } else if (_chapterData[this.taskCount][0].type == 3) {
  16330. if (
  16331. _url
  16332. .split(".")
  16333. [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
  16334. ) {
  16335. this.showType = 3;
  16336. this.pptImgUrl1 = _url;
  16337. } else if (
  16338. this.isAssetTypeAnImage(
  16339. _url
  16340. .split(".")
  16341. [_url.split(".").length - 1].toLocaleLowerCase()
  16342. )
  16343. ) {
  16344. this.showType = 4;
  16345. this.pptImgUrl1 = _url;
  16346. } else {
  16347. this.showType = 2;
  16348. this.pptImgUrl1 =
  16349. "https://view.officeapps.live.com/op/view.aspx?src=" +
  16350. encodeURIComponent(_url);
  16351. }
  16352. } else if (_chapterData[this.taskCount][0].type == 13) {
  16353. this.showType = 4;
  16354. this.pptImgUrl1 = _url;
  16355. } else if (_chapterData[this.taskCount][0].type == 6) {
  16356. this.showType = 1;
  16357. this.text = this.textList[this.taskCount][0];
  16358. }
  16359. }
  16360. }
  16361. this.isClickNav = 0;
  16362. if (
  16363. !_chapterData[this.taskCount].length ||
  16364. _chapterData[this.taskCount][0].type == 12
  16365. ) {
  16366. this.isClickNav = "";
  16367. this.showType = "";
  16368. }
  16369. this.vChapterData = _chapterData;
  16370. } else {
  16371. this.showType = 0;
  16372. var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
  16373. .chapterInfo[0].taskJson;
  16374. var b = [
  16375. "AVI",
  16376. "NAVI",
  16377. "MPEG",
  16378. "ASF",
  16379. "MOV",
  16380. "WMV",
  16381. "3GP",
  16382. "RM",
  16383. "RMVB",
  16384. "FLV",
  16385. "F4V",
  16386. "H.264",
  16387. "H.265",
  16388. "REAL VIDEO",
  16389. "MKV",
  16390. "WebM",
  16391. "HDDVD",
  16392. "MP4",
  16393. "MPG",
  16394. "M4V",
  16395. "MGV",
  16396. "OGV",
  16397. "QTM",
  16398. "STR",
  16399. "AMC",
  16400. "DVX",
  16401. "EVO",
  16402. "DAT",
  16403. "OGG",
  16404. "OGM",
  16405. "MP3",
  16406. ];
  16407. let _chapterData = [];
  16408. for (var i = 0; i < a.length; i++) {
  16409. var c = a[i].chapterData;
  16410. this.vedio[i] = [];
  16411. this.textList[i] = [];
  16412. this.lineList[i] = [];
  16413. this.chapToolList[i] = [];
  16414. this.file[i] = [];
  16415. this.fileC[i] = [];
  16416. _chapterData[i] = c.filter((el) => {
  16417. return el.type != 12;
  16418. });
  16419. this.fileC[i] = c.filter((el) => {
  16420. return el.type == 12;
  16421. });
  16422. for (var j = 0; j < c.length; j++) {
  16423. if (c[j].type == 7) {
  16424. this.chapToolList[i].push(c[j]);
  16425. } else if (c[j].type == 8 || c[j].type == 14) {
  16426. this.lineList[i].push(c[j]);
  16427. } else if (c[j].type == 6) {
  16428. this.textList[i].push(c[j]);
  16429. } else {
  16430. if (
  16431. b.indexOf(
  16432. c[j].url
  16433. .split(".")
  16434. [c[j].url.split(".").length - 1].toLocaleUpperCase()
  16435. ) != -1
  16436. ) {
  16437. this.vedio[i].push(c[j]);
  16438. } else {
  16439. this.file[i].push(c[j]);
  16440. }
  16441. }
  16442. }
  16443. var d = JSON.parse(JSON.stringify(this.playerOptions));
  16444. d.sources[0].src =
  16445. this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
  16446. this.playerO[i] = d;
  16447. }
  16448. if (
  16449. _chapterData[this.taskCount].length &&
  16450. _chapterData[this.taskCount][0].type == 2
  16451. ) {
  16452. this.showType = 0;
  16453. this.pptImgUrl1 = _chapterData[this.taskCount][0].url;
  16454. } else {
  16455. if (_chapterData[this.taskCount].length > 0) {
  16456. let _url = _chapterData[this.taskCount][0].url;
  16457. if (
  16458. _chapterData[this.taskCount][0].type == 8 ||
  16459. _chapterData[this.taskCount][0].type == 14
  16460. ) {
  16461. this.showType = 2;
  16462. if (
  16463. _url.indexOf("https://") == -1 &&
  16464. _url.indexOf("http://") == -1
  16465. ) {
  16466. _url = "https://" + _url;
  16467. }
  16468. this.pptImgUrl1 = _url;
  16469. } else if (_chapterData[this.taskCount][0].type == 3) {
  16470. if (
  16471. _url
  16472. .split(".")
  16473. [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
  16474. ) {
  16475. this.showType = 3;
  16476. this.pptImgUrl1 = _url;
  16477. } else if (
  16478. this.isAssetTypeAnImage(
  16479. _url
  16480. .split(".")
  16481. [_url.split(".").length - 1].toLocaleLowerCase()
  16482. )
  16483. ) {
  16484. this.showType = 4;
  16485. this.pptImgUrl1 = _url;
  16486. } else {
  16487. this.showType = 2;
  16488. this.pptImgUrl1 =
  16489. "https://view.officeapps.live.com/op/view.aspx?src=" +
  16490. encodeURIComponent(_url);
  16491. }
  16492. } else if (_chapterData[this.taskCount][0].type == 13) {
  16493. this.showType = 4;
  16494. this.pptImgUrl1 = _url;
  16495. } else if (_chapterData[this.taskCount][0].type == 6) {
  16496. this.showType = 1;
  16497. this.text = this.textList[this.taskCount][0];
  16498. }
  16499. }
  16500. }
  16501. this.isClickNav = 0;
  16502. if (
  16503. !_chapterData[this.taskCount].length ||
  16504. _chapterData[this.taskCount][0].type == 12
  16505. ) {
  16506. this.isClickNav = "";
  16507. this.showType = "";
  16508. }
  16509. this.vChapterData = _chapterData;
  16510. this.$forceUpdate();
  16511. }
  16512. // else {
  16513. // this.courseDetail = res.data[0][0];
  16514. // this.chapInfoList = JSON.parse(this.courseDetail.chapters);
  16515. // }
  16516. let _this = this;
  16517. if (_this.timer) {
  16518. clearInterval(_this.timer);
  16519. _this.timer = null;
  16520. }
  16521. if (_this.tcid) {
  16522. _this.getCourseGroup(gindex);
  16523. } else {
  16524. _this.selectSWorks(gindex);
  16525. }
  16526. _this.selectStudent();
  16527. _this.selectSLook();
  16528. _this.getPick();
  16529. if (_this.courseDetail.userid == _this.userid && _this.IsFollow) {
  16530. _this.setCTask();
  16531. }
  16532. if (_this.dialogVisibleGroup) {
  16533. _this.groupJson =
  16534. _this.chapInfoList[_this.courseType].chapterInfo[0].taskJson[
  16535. _this.taskCount
  16536. ].toolChoose[_this.toolindex].groupJson;
  16537. }
  16538. _this.$nextTick(() => {
  16539. setTimeout(() => {
  16540. _this.checkEva();
  16541. }, 1000);
  16542. });
  16543. _this.timer = setInterval(function () {
  16544. // _this.getCourseDetail(2);
  16545. if (_this.tcid) {
  16546. _this.getCourseGroup(gindex);
  16547. } else {
  16548. _this.selectSWorks(gindex);
  16549. }
  16550. _this.selectStudent();
  16551. _this.selectSLook();
  16552. _this.getPick();
  16553. if (_this.courseDetail.userid == _this.userid && _this.IsFollow) {
  16554. _this.setCTask();
  16555. }
  16556. if (_this.dialogVisibleGroup) {
  16557. _this.groupJson =
  16558. _this.chapInfoList[_this.courseType].chapterInfo[0].taskJson[
  16559. _this.taskCount
  16560. ].toolChoose[_this.toolindex].groupJson;
  16561. }
  16562. if (_this.tType == 4 || _this.ispzType == 4) {
  16563. _this.selectPz();
  16564. }
  16565. }, 5000);
  16566. _this.$nextTick(function () {
  16567. setTimeout(() => {
  16568. // var a =
  16569. // document.getElementsByClassName("box_course")[0].offsetHeight;
  16570. // document.getElementsByClassName("vedioList")[0].style.height =
  16571. // a + "px";
  16572. // document.getElementsByClassName("navBox")[0].style.height =
  16573. // a - 40 + "px";
  16574. // if (_this.vedio[_this.taskCount].length > 0) {
  16575. // _this.vedioTime = [];
  16576. // for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
  16577. // _this.vedioTime[i] = document.getElementsByClassName(
  16578. // "vjs-duration-display"
  16579. // )[i].textContent;
  16580. // }
  16581. // }
  16582. }, 1000);
  16583. });
  16584. })
  16585. .catch((err) => {
  16586. loading.close();
  16587. console.error(err);
  16588. });
  16589. },
  16590. getCourseGroup(gindex) {
  16591. let params = {
  16592. cid: this.id,
  16593. classid: this.tcid ? this.tcid : "1",
  16594. };
  16595. this.ajax
  16596. .get(this.$store.state.api + "getCourseGroup", params)
  16597. .then((res) => {
  16598. if (res.data && res.data[0].length) {
  16599. if (!this.isGroup) {
  16600. let courseGroup = JSON.parse(res.data[0][0].group);
  16601. courseGroup.group = courseGroup.group.filter((el) => {
  16602. el.works = [];
  16603. return el;
  16604. });
  16605. if (courseGroup.isopen == 2) {
  16606. this.isGroup = false;
  16607. this.selectSWorks(gindex);
  16608. return;
  16609. }
  16610. this.courseGroup = courseGroup;
  16611. let groupPerson = res.data[1];
  16612. let group = JSON.parse(res.data[0][0].group).group;
  16613. let courseGroupStudent = {};
  16614. let courseGroupStudentUid = {};
  16615. for (var i = 0; i < group.length; i++) {
  16616. courseGroupStudent[group[i].id] = [];
  16617. courseGroupStudentUid[group[i].id] = [];
  16618. for (var j = 0; j < groupPerson.length; j++) {
  16619. if (groupPerson[j].groupCid == group[i].id) {
  16620. courseGroupStudent[group[i].id].push(groupPerson[j]);
  16621. courseGroupStudentUid[group[i].id].push(
  16622. groupPerson[j].userid
  16623. );
  16624. }
  16625. }
  16626. }
  16627. this.courseGroupStudent = courseGroupStudent;
  16628. this.courseGroupStudentUid = courseGroupStudentUid;
  16629. }
  16630. if (this.courseGroup.isopen == 2) {
  16631. this.isGroup = false;
  16632. } else {
  16633. this.isGroup = true;
  16634. }
  16635. this.selectSWorks(gindex);
  16636. } else {
  16637. this.selectSWorks(gindex);
  16638. this.isGroup = false;
  16639. }
  16640. })
  16641. .catch((err) => {
  16642. // this.$message.error("网络不佳");
  16643. console.error(err);
  16644. });
  16645. },
  16646. setOperationTime() {
  16647. let _this = this;
  16648. if (_this.opertimer) {
  16649. clearInterval(_this.opertimer);
  16650. _this.opertimer = null;
  16651. }
  16652. _this.opertimer = setInterval(() => {
  16653. _this.setoTime("600");
  16654. }, 600000);
  16655. },
  16656. setoTime(time) {
  16657. let params = [
  16658. {
  16659. uid: this.userid,
  16660. cid: this.id,
  16661. type: "2",
  16662. time: time,
  16663. },
  16664. ];
  16665. this.ajax
  16666. .post(this.$store.state.api + "addOperationTimeT2", params)
  16667. .then((res) => {})
  16668. .catch((err) => {
  16669. console.error(err);
  16670. });
  16671. },
  16672. addPz(type, content) {
  16673. if (type == "1" && this.pzConText == "") {
  16674. this.$message.error("评论不能为空!");
  16675. return;
  16676. }
  16677. let params = [
  16678. {
  16679. cid: this.id,
  16680. uid: this.userid,
  16681. s: this.courseType,
  16682. t: this.taskCount,
  16683. c: type == "1" ? this.pzConText : content,
  16684. type: type,
  16685. },
  16686. ];
  16687. this.ajax
  16688. .post(this.$store.state.api + "addPz2", params)
  16689. .then((res) => {
  16690. this.$message({
  16691. message: "添加成功",
  16692. type: "success",
  16693. });
  16694. this.pzConText = "";
  16695. this.addPzDialog = false;
  16696. this.selectPz();
  16697. })
  16698. .catch((err) => {
  16699. this.$message.error("添加失败");
  16700. console.error(err);
  16701. });
  16702. },
  16703. setReplyIndex(id, i) {
  16704. this.replyIndex = i;
  16705. this.replyPid = id;
  16706. this.replyDialogVisible = true;
  16707. },
  16708. addHf() {
  16709. if (this.reply == "") {
  16710. this.$message.error("回复不能为空!");
  16711. return;
  16712. }
  16713. let params = [
  16714. {
  16715. cid: this.id,
  16716. uid: this.userid,
  16717. s: this.courseType,
  16718. t: this.taskCount,
  16719. type: "1",
  16720. ct: 2,
  16721. pid: this.replyPid,
  16722. c: this.reply,
  16723. },
  16724. ];
  16725. this.ajax
  16726. .post(this.$store.state.api + "addHf", params)
  16727. .then((res) => {
  16728. this.reply = "";
  16729. this.$message({
  16730. message: "回复成功",
  16731. type: "success",
  16732. });
  16733. this.replyDialogVisible = false;
  16734. this.selectPz();
  16735. })
  16736. .catch((err) => {
  16737. this.$message.error("回复失败");
  16738. console.error(err);
  16739. });
  16740. },
  16741. deletePz(id) {
  16742. this.$confirm("确定删除此评论吗?", "提示", {
  16743. confirmButtonText: "确定",
  16744. cancelButtonText: "取消",
  16745. type: "warning",
  16746. })
  16747. .then(() => {
  16748. let params = [
  16749. {
  16750. id: id,
  16751. },
  16752. ];
  16753. this.ajax
  16754. .post(this.$store.state.api + "deletePz", params)
  16755. .then((res) => {
  16756. this.$message({
  16757. message: "删除成功",
  16758. type: "success",
  16759. });
  16760. this.selectPz();
  16761. })
  16762. .catch((err) => {
  16763. this.$message.error("网络异常");
  16764. console.error(err);
  16765. });
  16766. })
  16767. .catch(() => {});
  16768. },
  16769. deleteReply(id) {
  16770. this.$confirm("确定删除此回复吗?", "提示", {
  16771. confirmButtonText: "确定",
  16772. cancelButtonText: "取消",
  16773. type: "warning",
  16774. })
  16775. .then(() => {
  16776. let params = [
  16777. {
  16778. id: id,
  16779. },
  16780. ];
  16781. this.ajax
  16782. .post(this.$store.state.api + "deleteReply", params)
  16783. .then((res) => {
  16784. this.$message({
  16785. message: "删除成功",
  16786. type: "success",
  16787. });
  16788. this.selectPz();
  16789. })
  16790. .catch((err) => {
  16791. this.$message.error("网络异常");
  16792. console.error(err);
  16793. });
  16794. })
  16795. .catch(() => {});
  16796. },
  16797. setPz() {
  16798. if (this.ispzType == 4) {
  16799. this.ispzType = 0;
  16800. this.pzDialog = false;
  16801. return;
  16802. }
  16803. this.ispzType = 4;
  16804. this.pzDialog = true;
  16805. this.selectPz();
  16806. },
  16807. selectPz() {
  16808. let params = {
  16809. cid: this.id,
  16810. s: this.courseType,
  16811. t: this.taskCount,
  16812. type: this.pzStype,
  16813. uid: this.userid,
  16814. };
  16815. this.ajax
  16816. .get(this.$store.state.api + "selectPzListType", params)
  16817. .then((res) => {
  16818. this.pzList = res.data[0];
  16819. var a = res.data[1];
  16820. for (var i = 0; i < a.length; i++) {
  16821. for (var j = 0; j < this.pzList.length; j++) {
  16822. if (!this.pzList[j].hfList) {
  16823. this.pzList[j].hfList = [];
  16824. }
  16825. if (a[i].pid == this.pzList[j].id) {
  16826. this.pzList[j].hfList.push(a[i]);
  16827. }
  16828. }
  16829. }
  16830. })
  16831. .catch((err) => {
  16832. console.error(err);
  16833. });
  16834. },
  16835. // selectHf() {
  16836. // let params = {
  16837. // cid: this.id,
  16838. // s: this.courseType,
  16839. // t: this.taskCount,
  16840. // };
  16841. // this.ajax
  16842. // .get(this.$store.state.api + "selectHfList", params)
  16843. // .then((res) => {
  16844. // var a = res.data[0];
  16845. // for (var i = 0; i < a.length; i++) {
  16846. // for (var j = 0; j < this.pzList.length; j++) {
  16847. // if (!this.pzList[i].hfList) {
  16848. // this.pzList[i].hfList = [];
  16849. // }
  16850. // if (a[i].pid == this.pzList[j].id) {
  16851. // this.pzList[i].hfList.push(a[i]);
  16852. // }
  16853. // }
  16854. // }
  16855. // })
  16856. // .catch((err) => {
  16857. // console.error(err);
  16858. // });
  16859. // },
  16860. updateSLook() {
  16861. let params = {
  16862. sopen: this.sIsOpen == false ? 1 : 2,
  16863. cid: this.id,
  16864. };
  16865. this.ajax
  16866. .get(this.$store.state.api + "updateCourseSLook", params)
  16867. .then((res) => {
  16868. if (this.sIsOpen == true) {
  16869. this.$message({
  16870. message: "权限设置成功",
  16871. type: "success",
  16872. });
  16873. } else {
  16874. this.$message({
  16875. message: "权限关闭成功",
  16876. type: "success",
  16877. });
  16878. }
  16879. })
  16880. .catch((err) => {
  16881. console.error(err);
  16882. });
  16883. },
  16884. updateFollow() {
  16885. let params = [
  16886. {
  16887. sopen: this.IsFollow == false ? 1 : 2,
  16888. cid: this.id,
  16889. },
  16890. ];
  16891. this.ajax
  16892. .post(this.$store.state.api + "updateCourseFollow", params)
  16893. .then((res) => {
  16894. if (this.IsFollow == true) {
  16895. this.$message({
  16896. message: "开启成功",
  16897. type: "success",
  16898. });
  16899. } else {
  16900. this.$message({
  16901. message: "关闭成功",
  16902. type: "success",
  16903. });
  16904. }
  16905. this.setCTask();
  16906. })
  16907. .catch((err) => {
  16908. console.error(err);
  16909. });
  16910. },
  16911. setCTask() {
  16912. let params = [
  16913. {
  16914. sopen: this.courseType + "-" + this.taskCount,
  16915. cid: this.id,
  16916. },
  16917. ];
  16918. this.ajax
  16919. .post(this.$store.state.api + "updateCourseFollowC", params)
  16920. .then((res) => {})
  16921. .catch((err) => {
  16922. console.error(err);
  16923. });
  16924. },
  16925. updateLookOpen() {
  16926. let params = [
  16927. {
  16928. sopen: this.IsLookOpen == false ? 1 : 2,
  16929. cid: this.id,
  16930. },
  16931. ];
  16932. this.ajax
  16933. .post(this.$store.state.api + "updateCourseLookOpen", params)
  16934. .then((res) => {
  16935. if (this.IsLookOpen == true) {
  16936. // if (this.courseType != 0 && this.taskCount != 0) {
  16937. // this.openTask(0, 0, "0-0");
  16938. // }
  16939. this.$message({
  16940. message: "权限设置成功",
  16941. type: "success",
  16942. });
  16943. } else {
  16944. this.$message({
  16945. message: "权限关闭成功",
  16946. type: "success",
  16947. });
  16948. }
  16949. this.getCourseState(2);
  16950. })
  16951. .catch((err) => {
  16952. console.error(err);
  16953. });
  16954. },
  16955. selectSLook() {
  16956. let params = {
  16957. cid: this.id,
  16958. };
  16959. this.ajax
  16960. .get(this.$store.state.api + "selectCourseSLook", params)
  16961. .then((res) => {
  16962. this.sIsOpen = res.data[0][0].sopen == 1 ? false : true;
  16963. this.IsLookOpen = res.data[0][0].look == 1 ? false : true;
  16964. this.IsFollow = res.data[0][0].follow == 1 ? false : true;
  16965. if (!this.IsLookOpen) {
  16966. this.setNavList();
  16967. } else {
  16968. this.getCourseState(1);
  16969. }
  16970. if (this.IsFollow && this.tType == 2) {
  16971. this.setContent2(false);
  16972. let _followC = res.data[0][0].followC.split("-");
  16973. if (
  16974. this.courseType != _followC[0] ||
  16975. this.taskCount != _followC[1]
  16976. ) {
  16977. this.navList[this.courseType].isOpen = false;
  16978. this.courseType = _followC[0];
  16979. this.navList[this.courseType].isOpen = true;
  16980. this.taskCount = parseInt(_followC[1]);
  16981. this.navId = res.data[0][0].followC;
  16982. document.scrollingElement.scrollTop = 0;
  16983. this.getCourseDetail(2);
  16984. }
  16985. }
  16986. })
  16987. .catch((err) => {
  16988. console.error(err);
  16989. });
  16990. },
  16991. setNavList() {
  16992. if (this.navList.length == 0) {
  16993. this.navList = [];
  16994. var copyList = [];
  16995. for (var l = 0; l < this.chapInfoList.length; l++) {
  16996. var q = this.chapInfoList[l].dyName;
  16997. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  16998. var e;
  16999. copyList.push({
  17000. dyName: q,
  17001. isOpen: l === 0 ? true : false,
  17002. task: [],
  17003. });
  17004. for (var r = 0; r < w.length; r++) {
  17005. e = w[r].task;
  17006. if (this.chapInfoList[l].easy == 1) {
  17007. copyList[l].task.push({
  17008. taskName: q,
  17009. id: l + "-" + r,
  17010. isLook: w[r].isLook,
  17011. isOpen: r === 0 ? true : false,
  17012. tool: [],
  17013. });
  17014. } else {
  17015. copyList[l].task.push({
  17016. taskName: e,
  17017. id: l + "-" + r,
  17018. isLook: w[r].isLook,
  17019. isOpen: r === 0 ? true : false,
  17020. tool: [],
  17021. });
  17022. }
  17023. var t = w[r].toolChoose;
  17024. for (var k = 0; k < t.length; k++) {
  17025. var tool = t[k].tool[0];
  17026. copyList[l].task[r].tool.push({
  17027. tool: tool,
  17028. isTool: false,
  17029. });
  17030. }
  17031. // this.navId = this.navId ? this.navId : l + "-" + r;
  17032. // this.navId = l + "-" + r;
  17033. }
  17034. }
  17035. this.navList = copyList;
  17036. this.navList[0].isOpen = false;
  17037. this.navList[this.courseType].isOpen = true;
  17038. this.navId = this.navList[this.courseType].task[this.taskCount].id;
  17039. } else {
  17040. this.setNavList2();
  17041. }
  17042. },
  17043. setNavList2() {
  17044. for (var l = 0; l < this.chapInfoList.length; l++) {
  17045. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  17046. for (var r = 0; r < w.length; r++) {
  17047. this.navList[l].task[r].isLook = w[r].isLook;
  17048. }
  17049. }
  17050. if (
  17051. this.IsLookOpen &&
  17052. !this.navList[this.courseType].task[this.taskCount].isLook
  17053. ) {
  17054. this.openTask(0, 0, "0-0");
  17055. }
  17056. this.$forceUpdate();
  17057. },
  17058. getCourseState(type) {
  17059. let params = {
  17060. cid: this.id,
  17061. };
  17062. this.ajax
  17063. .get(this.$store.state.api + "getCourseState", params)
  17064. .then((res) => {
  17065. if (res.data[0].length > 0 && this.IsLookOpen && type == 1) {
  17066. this.chapInfoList = JSON.parse(res.data[0][0].state);
  17067. this.setNavList();
  17068. this.$forceUpdate();
  17069. } else if (res.data[0].length > 0 && this.IsLookOpen && type == 2) {
  17070. this.addCourseState(2);
  17071. } else {
  17072. this.addCourseState(1);
  17073. }
  17074. })
  17075. .catch((err) => {
  17076. console.error(err);
  17077. });
  17078. },
  17079. addCourseState(type) {
  17080. let _state = this.chapInfoList;
  17081. // this.courseType this.taskCount
  17082. if (type == 1 || type == 2) {
  17083. for (var i = 0; i < _state.length; i++) {
  17084. let el = _state[i].chapterInfo[0].taskJson;
  17085. for (var j = 0; j < el.length; j++) {
  17086. // if (i == 0 && j == 0) {
  17087. // el[j].isLook = true;
  17088. // } else {
  17089. // el[j].isLook = false;
  17090. // }
  17091. if (
  17092. this.courseType > i ||
  17093. (this.courseType == i && this.taskCount + 1 > j)
  17094. ) {
  17095. el[j].isLook = true;
  17096. } else {
  17097. el[j].isLook = false;
  17098. }
  17099. }
  17100. }
  17101. }
  17102. let params = [
  17103. {
  17104. cid: this.id,
  17105. state: JSON.stringify(_state),
  17106. },
  17107. ];
  17108. this.ajax
  17109. .post(
  17110. this.$store.state.api +
  17111. (type == 1 ? "addCourseState" : "updateCourseSate"),
  17112. params
  17113. )
  17114. .then((res) => {
  17115. if (this.IsLookOpen) {
  17116. this.setNavList();
  17117. }
  17118. if (type == 3 && type == 2) {
  17119. this.getCourseState(1);
  17120. }
  17121. })
  17122. .catch((err) => {
  17123. console.error(err);
  17124. });
  17125. },
  17126. getHomeWork() {
  17127. let params = {
  17128. cid: this.id,
  17129. stage: this.courseType,
  17130. task: this.taskCount,
  17131. uid: this.userid,
  17132. };
  17133. this.ajax
  17134. .get(this.$store.state.api + "selectWork", params)
  17135. .then((res) => {
  17136. if (res.data[0].length > 0) {
  17137. this.studyJuri = JSON.parse(res.data[0][0].content);
  17138. this.isNoHomeWork = true;
  17139. }
  17140. })
  17141. .catch((err) => {
  17142. console.error(err);
  17143. });
  17144. },
  17145. isAssetTypeAnImage(ext) {
  17146. return (
  17147. [
  17148. "png",
  17149. "jpg",
  17150. "jpeg",
  17151. "bmp",
  17152. "gif",
  17153. "webp",
  17154. "psd",
  17155. "svg",
  17156. "tiff",
  17157. ].indexOf(ext) !== -1
  17158. );
  17159. },
  17160. switchVideo(media) {
  17161. this.playerO = {};
  17162. this.playerOptions.poster = "";
  17163. this.playerOptions.sources[0].src = media;
  17164. this.playerO = this.playerOptions;
  17165. },
  17166. onPlayerPlay() {},
  17167. onPlayerTimeupdate(player) {
  17168. let gklog = player.cache_.currentTime; //当前播放的秒数
  17169. let a = player.cache_.duration; //视频的总时长
  17170. let gklog2 = parseInt(gklog);
  17171. // if(gklog2 == '3'){
  17172. // player.pause()
  17173. // setTimeout(()=>{
  17174. // player.currentTime(gklog2+1)
  17175. // player.play()
  17176. // },1000)
  17177. // }
  17178. console.log(" onPlayerTimeupdate!", gklog);
  17179. console.log(" onPlayerTimeupdate!", gklog2);
  17180. },
  17181. lookVedio(u, i) {
  17182. this.isClickNav = "";
  17183. // this.playerOptions.sources[0].src = u;
  17184. var d = JSON.parse(JSON.stringify(this.playerOptions));
  17185. d.sources[0].src = u;
  17186. this.playerO[this.taskCount] = d;
  17187. this.showType = 0;
  17188. // this.isClickNav = "video" + i;
  17189. this.isClickNav = i;
  17190. this.$forceUpdate();
  17191. },
  17192. lookText(i, t) {
  17193. this.isClickNav = "";
  17194. // this.text = this.textList[i][t];
  17195. this.text = this.vChapterData[i][t];
  17196. // this.dialogVisible1 = true;
  17197. this.showType = 1;
  17198. // this.isClickNav = "text" + t;
  17199. this.isClickNav = t;
  17200. },
  17201. lookTools(i, t) {
  17202. this.chapTools = this.chapToolList[i][t];
  17203. this.dialogVisible2 = true;
  17204. },
  17205. async openFile(f) {
  17206. this.pptImgUrl = "";
  17207. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  17208. if (
  17209. a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
  17210. -1
  17211. ) {
  17212. let _uuurl = await this.checkLink(f);
  17213. this.pptImgUrl =
  17214. "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
  17215. this.showPDF = false;
  17216. this.dialogVisible3 = true;
  17217. } else if (
  17218. f.split(".")[f.split(".").length - 1].toLocaleUpperCase() == "PDF"
  17219. ) {
  17220. this.pptImgUrl = f;
  17221. this.showPDF = true;
  17222. this.dialogVisible3 = true;
  17223. }
  17224. },
  17225. openTable(f) {
  17226. this.tableJson = JSON.parse(f.works);
  17227. this.dialogVisibleTable2 = true;
  17228. },
  17229. openWord(f) {
  17230. this.tableJson = JSON.parse(f.works);
  17231. this.dialogVisibleTable3 = true;
  17232. },
  17233. doUrl(url, i) {
  17234. this.isClickNav = "";
  17235. this.pptImgUrl1 = "";
  17236. this.showType = 2;
  17237. if (url.indexOf("https://") == -1 && url.indexOf("http://") == -1) {
  17238. url = "https://" + url;
  17239. }
  17240. this.pptImgUrl1 = "";
  17241. setTimeout(() => {
  17242. this.pptImgUrl1 = url;
  17243. }, 500);
  17244. // this.isClickNav = "line" + i;
  17245. this.isClickNav = i;
  17246. this.$forceUpdate();
  17247. },
  17248. checkPhoto(f, i) {
  17249. this.showType = 4;
  17250. this.pptImgUrl1 = f.url;
  17251. this.isClickNav = i;
  17252. this.$forceUpdate();
  17253. },
  17254. async downFile(f, i) {
  17255. this.isClickNav = "";
  17256. this.pptImgUrl1 = "";
  17257. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"]; //"PDF",
  17258. if (
  17259. a.indexOf(
  17260. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase()
  17261. ) != -1
  17262. ) {
  17263. let _uuurl = await this.checkLink(f.url);
  17264. this.pptImgUrl1 =
  17265. "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
  17266. // this.dialogVisible3 = true;
  17267. this.showType = 2;
  17268. } else if (
  17269. this.isAssetTypeAnImage(
  17270. f.url.split(".")[f.url.split(".").length - 1].toLocaleLowerCase()
  17271. )
  17272. ) {
  17273. this.showType = 4;
  17274. this.pptImgUrl1 = f.url;
  17275. } else if (
  17276. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
  17277. "PDF"
  17278. ) {
  17279. this.pptImgUrl1 = f.url;
  17280. // this.dialogVisible3 = true;
  17281. this.showType = 3;
  17282. } else {
  17283. window.open(this.file[i].url);
  17284. }
  17285. // this.isClickNav = "word" + i;
  17286. this.isClickNav = i;
  17287. },
  17288. downFileList(i) {
  17289. window.open(this.noImgList[i].url);
  17290. },
  17291. openAddWork() {
  17292. this.dialogVisible = true;
  17293. },
  17294. addBzWorks() {
  17295. let params = [
  17296. {
  17297. uid: this.userid,
  17298. cid: this.id,
  17299. stage: this.courseType,
  17300. task: this.taskCount,
  17301. tool: this.toolindex,
  17302. content: JSON.stringify(this.eScore),
  17303. type: 6,
  17304. },
  17305. ];
  17306. this.ajax
  17307. .post(this.$store.state.api + "addCourseWorks", params)
  17308. .then((res) => {
  17309. this.$message({
  17310. message: "提交成功",
  17311. type: "success",
  17312. });
  17313. this.eScore = { eBzText: "", eStar: [] };
  17314. this.studentEvalDialogVisible = false;
  17315. this.selectSWorks();
  17316. })
  17317. .catch((err) => {
  17318. this.$message.error("提交失败");
  17319. console.error(err);
  17320. });
  17321. },
  17322. addBzWorksTeacher() {
  17323. let params = [
  17324. {
  17325. uid: this.sStudent.userid,
  17326. cid: this.id,
  17327. stage: this.courseType,
  17328. task: this.taskCount,
  17329. tool: this.toolindex,
  17330. content: JSON.stringify(this.eScore),
  17331. type: 6,
  17332. },
  17333. ];
  17334. this.ajax
  17335. .post(this.$store.state.api + "addCourseWorks", params)
  17336. .then((res) => {
  17337. this.$message({
  17338. message: "提交成功",
  17339. type: "success",
  17340. });
  17341. this.eScore = { eBzText: "", eStar: [] };
  17342. this.studentEvalDialogVisibleTeacher = false;
  17343. this.selectSWorks();
  17344. })
  17345. .catch((err) => {
  17346. this.$message.error("提交失败");
  17347. console.error(err);
  17348. });
  17349. },
  17350. addStudentAsk() {
  17351. if (!this.radio.length) {
  17352. this.$message.error("请选择选项");
  17353. return;
  17354. }
  17355. for (var i = 0; i < this.askJson.askCount; i++) {
  17356. if (
  17357. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  17358. (this.radio[i] !== 0 && !this.radio[i])
  17359. ) {
  17360. this.$message.error("请选择选项");
  17361. return;
  17362. }
  17363. }
  17364. this.askList.push({ askJson: this.askJson, anwer: this.radio });
  17365. let params = [
  17366. {
  17367. uid: this.userid,
  17368. cid: this.id,
  17369. stage: this.courseType,
  17370. task: this.taskCount,
  17371. tool: this.toolindex,
  17372. content: JSON.stringify(this.askList),
  17373. type: 2,
  17374. },
  17375. ];
  17376. this.ajax
  17377. .post(this.$store.state.api + "addCourseWorks", params)
  17378. .then((res) => {
  17379. this.$message({
  17380. message: "提交成功",
  17381. type: "success",
  17382. });
  17383. this.askList = [];
  17384. this.dialogVisible5 = false;
  17385. this.selectStudent();
  17386. this.selectSWorks();
  17387. this.selectSLook();
  17388. })
  17389. .catch((err) => {
  17390. this.$message.error("提交失败");
  17391. console.error(err);
  17392. });
  17393. },
  17394. addStudentAskTeacher() {
  17395. if (!this.radio.length) {
  17396. this.$message.error("请选择选项");
  17397. return;
  17398. }
  17399. for (var i = 0; i < this.askJson.askCount; i++) {
  17400. if (
  17401. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  17402. (this.radio[i] !== 0 && !this.radio[i])
  17403. ) {
  17404. this.$message.error("请选择选项");
  17405. return;
  17406. }
  17407. }
  17408. this.askList.push({ askJson: this.askJson, anwer: this.radio });
  17409. let params = [
  17410. {
  17411. uid: this.sStudent.userid,
  17412. cid: this.id,
  17413. stage: this.courseType,
  17414. task: this.taskCount,
  17415. tool: this.toolindex,
  17416. content: JSON.stringify(this.askList),
  17417. type: 2,
  17418. },
  17419. ];
  17420. this.ajax
  17421. .post(this.$store.state.api + "addCourseWorks", params)
  17422. .then((res) => {
  17423. this.$message({
  17424. message: "提交成功",
  17425. type: "success",
  17426. });
  17427. this.askList = [];
  17428. this.dialogVisible5Teacher = false;
  17429. this.selectStudent();
  17430. this.selectSWorks();
  17431. this.selectSLook();
  17432. })
  17433. .catch((err) => {
  17434. this.$message.error("提交失败");
  17435. console.error(err);
  17436. });
  17437. },
  17438. addStudentTest() {
  17439. if (!this.radio.length) {
  17440. this.$message.error("请选择选项");
  17441. return;
  17442. }
  17443. for (var i = 0; i < this.testJson.testCount; i++) {
  17444. if (
  17445. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  17446. (this.radio[i] !== 0 && !this.radio[i])
  17447. ) {
  17448. this.$message.error("请选择选项");
  17449. return;
  17450. }
  17451. }
  17452. this.askList.push({ testJson: this.testJson, anwer: this.radio });
  17453. let params = [
  17454. {
  17455. uid: this.userid,
  17456. cid: this.id,
  17457. stage: this.courseType,
  17458. task: this.taskCount,
  17459. tool: this.toolindex,
  17460. content: JSON.stringify(this.askList),
  17461. type: 8,
  17462. },
  17463. ];
  17464. this.ajax
  17465. .post(this.$store.state.api + "addCourseWorks", params)
  17466. .then((res) => {
  17467. this.$message({
  17468. message: "提交成功",
  17469. type: "success",
  17470. });
  17471. this.askList = [];
  17472. this.dialogVisibleChoice = false;
  17473. this.selectStudent();
  17474. this.selectSWorks();
  17475. this.selectSLook();
  17476. })
  17477. .catch((err) => {
  17478. this.$message.error("提交失败");
  17479. console.error(err);
  17480. });
  17481. },
  17482. addStudentTestTeacher() {
  17483. if (!this.radio.length) {
  17484. this.$message.error("请选择选项");
  17485. return;
  17486. }
  17487. for (var i = 0; i < this.testJson.testCount; i++) {
  17488. if (
  17489. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  17490. (this.radio[i] !== 0 && !this.radio[i])
  17491. ) {
  17492. this.$message.error("请选择选项");
  17493. return;
  17494. }
  17495. }
  17496. this.askList.push({ testJson: this.testJson, anwer: this.radio });
  17497. let params = [
  17498. {
  17499. uid: this.sStudent.userid,
  17500. cid: this.id,
  17501. stage: this.courseType,
  17502. task: this.taskCount,
  17503. tool: this.toolindex,
  17504. content: JSON.stringify(this.askList),
  17505. type: 8,
  17506. },
  17507. ];
  17508. this.ajax
  17509. .post(this.$store.state.api + "addCourseWorks", params)
  17510. .then((res) => {
  17511. this.$message({
  17512. message: "提交成功",
  17513. type: "success",
  17514. });
  17515. this.askList = [];
  17516. this.dialogVisibleChoiceTeacher = false;
  17517. this.selectStudent();
  17518. this.selectSWorks();
  17519. this.selectSLook();
  17520. })
  17521. .catch((err) => {
  17522. this.$message.error("提交失败");
  17523. console.error(err);
  17524. });
  17525. },
  17526. addWork() {
  17527. if (this.studyJuri[0].content == "") {
  17528. this.$message.error("请将信息填写完整");
  17529. return;
  17530. } else if (this.studyJuri[0].cover.length == 0) {
  17531. this.$message.error("请将信息填写完整");
  17532. return;
  17533. } else if (this.studyJuri[0].upVedio.length == 0) {
  17534. this.$message.error("请将信息填写完整");
  17535. return;
  17536. }
  17537. if (this.isNoHomeWork) {
  17538. this.$confirm(
  17539. "您已经提交了该作业了,如果您再提交将覆盖上次提交的作业!",
  17540. "提示",
  17541. {
  17542. confirmButtonText: "确定",
  17543. cancelButtonText: "取消",
  17544. type: "warning",
  17545. }
  17546. )
  17547. .then(() => {
  17548. let params = [
  17549. {
  17550. uid: this.userid,
  17551. cid: this.id,
  17552. stage: this.courseType,
  17553. task: this.taskCount,
  17554. content: JSON.stringify(this.studyJuri),
  17555. },
  17556. ];
  17557. this.ajax
  17558. .post(this.$store.state.api + "addWorks", params)
  17559. .then((res) => {
  17560. this.$message({
  17561. message: "提交成功",
  17562. type: "success",
  17563. });
  17564. this.isNoHomeWork = true;
  17565. this.dialogVisible = false;
  17566. })
  17567. .catch((err) => {
  17568. this.$message.error("提交失败");
  17569. console.error(err);
  17570. });
  17571. })
  17572. .catch(() => {});
  17573. } else {
  17574. let params = [
  17575. {
  17576. uid: this.userid,
  17577. cid: this.id,
  17578. stage: this.courseType,
  17579. task: this.taskCount,
  17580. content: JSON.stringify(this.studyJuri),
  17581. },
  17582. ];
  17583. this.ajax
  17584. .post(this.$store.state.api + "addWorks", params)
  17585. .then((res) => {
  17586. this.$message({
  17587. message: "提交成功",
  17588. type: "success",
  17589. });
  17590. this.isNoHomeWork = true;
  17591. this.dialogVisible = false;
  17592. })
  17593. .catch((err) => {
  17594. this.$message.error("提交失败");
  17595. console.error(err);
  17596. });
  17597. }
  17598. },
  17599. selectCount() {
  17600. let params = {
  17601. cid: this.id,
  17602. chid: this.courseType,
  17603. uid: this.userid,
  17604. };
  17605. this.ajax
  17606. .get(this.$store.state.api + "selectToolsCount", params)
  17607. .then((res) => {
  17608. for (var i = 0; i < res.data[0].length; i++) {
  17609. if (res.data[0][i].tools == 1) {
  17610. this.wbCount = res.data[0][i].count;
  17611. } else if (res.data[0][i].tools == 2) {
  17612. this.wordCount = res.data[0][i].count;
  17613. } else if (res.data[0][i].tools == 3) {
  17614. this.mindCount = res.data[0][i].count;
  17615. } else if (res.data[0][i].tools == 4) {
  17616. this.askCount = res.data[0][i].count;
  17617. } else if (res.data[0][i].tools == 6) {
  17618. this.noteCount = res.data[0][i].count;
  17619. } else if (res.data[0][i].tools == 7) {
  17620. this.mindNetWorkCount = res.data[0][i].count;
  17621. } else if (res.data[0][i].tools == 8) {
  17622. this.libraryCount = res.data[0][i].count;
  17623. } else if (res.data[0][i].tools == 16) {
  17624. this.workCount = res.data[0][i].count;
  17625. } else if (res.data[0][i].tools == 10) {
  17626. this.timeCount = res.data[0][i].count;
  17627. } else if (res.data[0][i].tools == 15) {
  17628. this.answerCount = res.data[0][i].count;
  17629. } else if (res.data[0][i].tools == 18) {
  17630. this.trainCount = res.data[0][i].count;
  17631. }
  17632. }
  17633. })
  17634. .catch((err) => {
  17635. console.error(err);
  17636. });
  17637. },
  17638. openTools(t, i, index, c, sName,id) {
  17639. var z = JSON.parse(c);
  17640. this.noteName = sName;
  17641. if (t == 4) {
  17642. this.radio = [];
  17643. this.isAnswer = false;
  17644. let b = z[0].anwer;
  17645. this.radio = b;
  17646. this.askJson = z[0].askJson;
  17647. this.isAnswer = true;
  17648. this.dialogVisible5 = true;
  17649. } else if (t == 45) {
  17650. this.radio = [];
  17651. this.isAnswer = false;
  17652. let b = z[0].anwer;
  17653. this.radio = b;
  17654. this.testJson = z[0].testJson;
  17655. this.isAnswer = true;
  17656. this.dialogVisibleChoice = true;
  17657. }else if(t == 69){
  17658. this.oldEnglishJson1 = {}
  17659. this.oldEnglishJson = {}
  17660. this.englishList1 = {}
  17661. this.newEngIndex = -1;
  17662. this.isNoUserid = false;
  17663. this.englishList1 = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  17664. .toolChoose[i].englishList;
  17665. this.oldEnglishJson = z;
  17666. this.engWid = id;
  17667. this.newEnglishList = { engTitle:"",engText:"" }
  17668. this.newEnglishList1 = []
  17669. this.selectEngC(id,z);
  17670. }else if(t == 62){
  17671. this.videoType = 1;
  17672. this.videoJson = {};
  17673. this.videoJson = JSON.parse(c);
  17674. // this.videoJson =
  17675. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17676. // index
  17677. // ].toolChoose[i].videoJson;
  17678. this.dialogVisibleVideo = true;
  17679. //this.dialog
  17680. }
  17681. // else if (t == 15) {
  17682. // this.answerQ = "";
  17683. // this.questionAnswer = "";
  17684. // this.answerQ = z[0].answerTitle;
  17685. // this.questionAnswer = z[0].answer;
  17686. // this.answerDialogVisible = true;
  17687. // }
  17688. },
  17689. fastText(p, t) {
  17690. if (t == 1) {
  17691. this.commentText += p;
  17692. } else {
  17693. this.eScore.eBzText += p;
  17694. }
  17695. },
  17696. addTools(t, i, index) {
  17697. var a = 0;
  17698. // this.taskCount = index;
  17699. this.toolindex = i;
  17700. if (t == 1) {
  17701. if (this.wbCount > 0) {
  17702. this.updateCount(this.wbCount, t);
  17703. } else {
  17704. this.wbCount++;
  17705. a = this.wbCount;
  17706. this.toolsCount(a, t);
  17707. }
  17708. window.parent.postMessage(
  17709. {
  17710. tools: "1",
  17711. cid: this.id,
  17712. stage: this.courseType,
  17713. task: this.taskCount,
  17714. tool: i,
  17715. },
  17716. "*"
  17717. );
  17718. } else if (t == 2) {
  17719. if (this.wordCount > 0) {
  17720. this.updateCount(this.wordCount, t);
  17721. } else {
  17722. this.wordCount++;
  17723. a = this.wordCount;
  17724. this.toolsCount(a, t);
  17725. }
  17726. window.parent.postMessage({ tools: "2" }, "*");
  17727. } else if (t == 3) {
  17728. if (this.mindCount > 0) {
  17729. this.updateCount(this.mindCount, t);
  17730. } else {
  17731. this.mindCount++;
  17732. a = this.mindCount;
  17733. this.toolsCount(a, t);
  17734. }
  17735. window.parent.postMessage(
  17736. {
  17737. tools: "3",
  17738. cid: this.id,
  17739. stage: this.courseType,
  17740. task: this.taskCount,
  17741. tool: i,
  17742. },
  17743. "*"
  17744. );
  17745. } else if (t == 4) {
  17746. this.radio = [];
  17747. this.noteName = "";
  17748. this.isAnswer = false;
  17749. if (this.askCount > 0) {
  17750. this.updateCount(this.askCount, t);
  17751. } else {
  17752. this.askCount++;
  17753. a = this.askCount;
  17754. this.toolsCount(a, t);
  17755. }
  17756. if (!this.dialogVisible2) {
  17757. this.askJson.askJson =
  17758. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17759. index
  17760. ].toolChoose[i].askJson;
  17761. this.askJson.askTitle =
  17762. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17763. index
  17764. ].toolChoose[i].askTitle;
  17765. this.askJson.askCount =
  17766. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17767. index
  17768. ].toolChoose[i].askCount;
  17769. } else {
  17770. this.askJson.askJson = this.chapTools.askJson.askJson;
  17771. this.askJson.askTitle = this.chapTools.askJson.askTitle;
  17772. this.askJson.askCount = this.chapTools.askJson.askCount;
  17773. }
  17774. for (var k = 0; k < this.askJson.askJson.length; k++) {
  17775. if (this.askJson.askJson[k].type == "2") {
  17776. this.radio.push([]);
  17777. } else {
  17778. this.radio.push("");
  17779. }
  17780. }
  17781. this.dialogVisible5 = true;
  17782. // window.parent.postMessage({ tools: "4" }, "*");
  17783. } else if (t == 45) {
  17784. this.noteName = "";
  17785. this.radio = [];
  17786. this.isAnswer = false;
  17787. if (this.askCount > 0) {
  17788. this.updateCount(this.askCount, t);
  17789. } else {
  17790. this.askCount++;
  17791. a = this.askCount;
  17792. this.toolsCount(a, t);
  17793. }
  17794. this.testJson =
  17795. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17796. index
  17797. ].toolChoose[i].testJson;
  17798. for (var k = 0; k < this.testJson.testJson.length; k++) {
  17799. if (this.testJson.testJson[k].type == "2") {
  17800. this.radio.push([]);
  17801. } else {
  17802. this.radio.push("");
  17803. }
  17804. }
  17805. this.dialogVisibleChoice = true;
  17806. // window.parent.postMessage({ tools: "4" }, "*");
  17807. } else if (t == 5) {
  17808. if (this.scoreCount > 0) {
  17809. this.updateCount(this.scoreCount, t);
  17810. } else {
  17811. this.scoreCount++;
  17812. a = this.scoreCount;
  17813. this.toolsCount(a, t);
  17814. }
  17815. this.dialogVisible4 = true;
  17816. // window.parent.postMessage({ tools: "5" }, "*");
  17817. } else if (t == 6) {
  17818. if (this.noteCount > 0) {
  17819. this.updateCount(this.noteCount, t);
  17820. } else {
  17821. this.noteCount++;
  17822. a = this.noteCount;
  17823. this.toolsCount(a, t);
  17824. }
  17825. window.parent.postMessage(
  17826. {
  17827. tools: "6",
  17828. cid: this.id,
  17829. stage: this.courseType,
  17830. task: this.taskCount,
  17831. tool: i,
  17832. },
  17833. "*"
  17834. );
  17835. } else if (t == 7) {
  17836. if (this.mindNetWorkCount > 0) {
  17837. this.updateCount(this.mindNetWorkCount, t);
  17838. } else {
  17839. this.mindNetWorkCount++;
  17840. a = this.mindNetWorkCount;
  17841. this.toolsCount(a, t);
  17842. }
  17843. window.parent.postMessage(
  17844. {
  17845. tools: "7",
  17846. cid: this.id,
  17847. stage: this.courseType,
  17848. task: this.taskCount,
  17849. tool: i,
  17850. },
  17851. "*"
  17852. );
  17853. } else if (t == 16) {
  17854. if (this.workCount > 0) {
  17855. this.updateCount(this.workCount, t);
  17856. } else {
  17857. this.workCount++;
  17858. a = this.workCount;
  17859. this.toolsCount(a, t);
  17860. }
  17861. this.dialogVisible = true;
  17862. } else if (t == 50) {
  17863. if (this.tType == 2) {
  17864. this.$message.error("不支持学生使用");
  17865. return;
  17866. }
  17867. this.plworkFile = [];
  17868. this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
  17869. if (!this.uploadCid) {
  17870. this.$message.error(
  17871. "提示:批量上传未添加班级权限,请添加班级或从班级入口进入。"
  17872. );
  17873. return;
  17874. }
  17875. // this.uploadCid =
  17876. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  17877. // index
  17878. // ].toolChoose[i].uploadJson[0];
  17879. this.selectUploadStudent(2);
  17880. } else if (t == 8) {
  17881. if (this.libraryCount > 0) {
  17882. this.updateCount(this.libraryCount, t);
  17883. } else {
  17884. this.libraryCount++;
  17885. a = this.libraryCount;
  17886. this.toolsCount(a, t);
  17887. }
  17888. window.parent.postMessage({ tools: "8" }, "*");
  17889. } else if (t == 17) {
  17890. if (this.libraryCount > 0) {
  17891. this.updateCount(this.libraryCount, t);
  17892. } else {
  17893. this.libraryCount++;
  17894. a = this.libraryCount;
  17895. this.toolsCount(a, t);
  17896. }
  17897. window.parent.postMessage({ tools: "17" }, "*");
  17898. } else if (t == 18) {
  17899. if (this.trainCount > 0) {
  17900. this.updateCount(this.trainCount, t);
  17901. } else {
  17902. this.trainCount++;
  17903. a = this.trainCount;
  17904. this.toolsCount(a, t);
  17905. }
  17906. window.parent.postMessage({ tools: "18" }, "*");
  17907. } else if (t == 10) {
  17908. if (this.timeCount > 0) {
  17909. this.updateCount(this.timeCount, t);
  17910. } else {
  17911. this.timeCount++;
  17912. a = this.timeCount;
  17913. this.toolsCount(a, t);
  17914. }
  17915. this.preTime = this.chapInfoList[this.courseType].chapterInfo[0]
  17916. .taskJson[index].toolChoose[i].preTime
  17917. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  17918. .toolChoose[i].preTime
  17919. : "";
  17920. this.timeDialogVisible = true;
  17921. } else if (t == 15) {
  17922. this.answerQ = "";
  17923. this.questionAnswer = "";
  17924. if (this.answerCount > 0) {
  17925. this.updateCount(this.answerCount, t);
  17926. } else {
  17927. this.answerCount++;
  17928. a = this.answerCount;
  17929. this.toolsCount(a, t);
  17930. }
  17931. this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
  17932. .taskJson[index].toolChoose[i].answerQ
  17933. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  17934. .toolChoose[i].answerQ
  17935. : "";
  17936. this.answerDialogVisible = true;
  17937. } else if (t == 21) {
  17938. window.parent.postMessage({ tools: "21" }, "*");
  17939. } else if (t == 22) {
  17940. window.parent.postMessage({ tools: "22" }, "*");
  17941. } else if (t == 23) {
  17942. window.parent.postMessage({ tools: "23" }, "*");
  17943. } else if (t == 24) {
  17944. window.parent.postMessage({ tools: "24" }, "*");
  17945. } else if (t == 25) {
  17946. window.parent.postMessage({ tools: "25" }, "*");
  17947. } else if (t == 31) {
  17948. window.parent.postMessage({ tools: "31" }, "*");
  17949. } else if (t == 28) {
  17950. window.parent.postMessage({ tools: "28" }, "*");
  17951. } else if (t == 37) {
  17952. window.parent.postMessage({ tools: "37" }, "*");
  17953. } else if (t == 38) {
  17954. window.parent.postMessage({ tools: "38" }, "*");
  17955. } else if (t == 39) {
  17956. window.parent.postMessage({ tools: "39" }, "*");
  17957. } else if (t == 32) {
  17958. window.parent.postMessage({ tools: "32" }, "*");
  17959. } else if (t == 66) {
  17960. window.parent.postMessage({ tools: "66" }, "*");
  17961. } else if (t == 67) {
  17962. window.parent.postMessage({ tools: "67" }, "*");
  17963. } else if (t == 68) {
  17964. window.parent.postMessage({ tools: "68" }, "*");
  17965. } else if (t == 57) {
  17966. // window.parent.postMessage({ tools: "57" }, "*");
  17967. window.parent.postMessage(
  17968. {
  17969. tools: "57u",
  17970. cid: this.id,
  17971. stage: this.courseType,
  17972. task: this.taskCount,
  17973. tool: i,
  17974. },
  17975. "*"
  17976. );
  17977. } else if (t == 58) {
  17978. window.parent.postMessage({ tools: "58" }, "*");
  17979. } else if (t == 59) {
  17980. window.parent.postMessage({ tools: "59" }, "*");
  17981. } else if (t == 60) {
  17982. window.parent.postMessage({ tools: "60" }, "*");
  17983. } else if (t == 61) {
  17984. window.parent.postMessage({ tools: "61" }, "*");
  17985. } else if (t == 63) {
  17986. window.parent.postMessage({ tools: "63" }, "*");
  17987. } else if (t == 71) {
  17988. window.parent.postMessage({ tools: "71" }, "*");
  17989. } else if (t == 69) {
  17990. if (this.worksStudent[i].length) {
  17991. for (var k = 0; k < this.worksStudent[i].length; k++) {
  17992. if (this.userid == this.worksStudent[i][k].userid) {
  17993. this.myAnswerList1 = JSON.parse(this.worksStudent[i][k].works)
  17994. break;
  17995. } else {
  17996. this.myAnswerList1 = {engTitle: "",engText: "",imgList: [],};
  17997. }
  17998. }
  17999. } else {
  18000. this.myAnswerList1 = {engTitle: "",engText: "",imgList: [],};
  18001. }
  18002. this.englishList = this.chapInfoList[this.courseType].chapterInfo[0]
  18003. .taskJson[index].toolChoose[i].englishList
  18004. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  18005. .toolChoose[i].englishList
  18006. : {};
  18007. this.englishToolIndex = i;
  18008. this.myAnList = this.myAnswerList1;
  18009. this.engDialogVisible = true;
  18010. } else if (t == 70) {
  18011. if (this.worksStudent[i].length) {
  18012. for (var k = 0; k < this.worksStudent[i].length; k++) {
  18013. if (this.userid == this.worksStudent[i][k].userid && this.worksStudent[i][k].type == 17) {
  18014. this.englishVoiceJsonWork = JSON.parse(this.worksStudent[i][k].works)
  18015. break;
  18016. } else {
  18017. this.englishVoiceJsonWork = [];
  18018. }
  18019. }
  18020. } else {
  18021. this.englishVoiceJsonWork = [];
  18022. }
  18023. let englishVoiceJson = {}
  18024. englishVoiceJson = this.chapInfoList[this.courseType].chapterInfo[0]
  18025. .taskJson[index].toolChoose[i].englishVoiceJson
  18026. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  18027. .toolChoose[i].englishVoiceJson
  18028. : {};
  18029. this.englishVoiceJson = JSON.parse(JSON.stringify(englishVoiceJson));
  18030. this.EnglishVoiceDialog = true;
  18031. } else if (t == 65) {
  18032. if (this.tType == 2) {
  18033. this.$message.error("不支持学生使用");
  18034. return;
  18035. }
  18036. this.uploadCid = this.tcid;
  18037. if (!this.uploadCid) {
  18038. this.$message.error(
  18039. "提示:未添加班级权限,请添加班级或从班级入口进入。"
  18040. );
  18041. return;
  18042. }
  18043. this.selectPickStudent();
  18044. } else if (t == 26) {
  18045. window.parent.postMessage(
  18046. {
  18047. tools: "26",
  18048. cid: this.id,
  18049. stage: this.courseType,
  18050. task: this.taskCount,
  18051. tool: i,
  18052. },
  18053. "*"
  18054. );
  18055. } else if (t == 40) {
  18056. if (this.evalCount > 0) {
  18057. this.updateCount(this.evalCount, t);
  18058. } else {
  18059. this.evalCount++;
  18060. a = this.evalCount;
  18061. this.toolsCount(a, t);
  18062. }
  18063. this.eScore = { eBzText: "", eStar: [] };
  18064. if (this.worksStudent[i].length) {
  18065. for (var k = 0; k < this.worksStudent[i].length; k++) {
  18066. if (this.userid == this.worksStudent[i][k].userid) {
  18067. this.eScore = JSON.parse(this.worksStudent[i][k].works);
  18068. this.rateJson =
  18069. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18070. index
  18071. ].toolChoose[i].rateJson;
  18072. break;
  18073. } else {
  18074. this.rateJson =
  18075. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18076. index
  18077. ].toolChoose[i].rateJson;
  18078. }
  18079. }
  18080. } else {
  18081. this.rateJson =
  18082. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18083. index
  18084. ].toolChoose[i].rateJson;
  18085. }
  18086. this.isStar = false;
  18087. this.studentEvalDialogVisible = true;
  18088. } else if (t == 41) {
  18089. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  18090. .taskJson[index].toolChoose[i].selectJson
  18091. ? JSON.parse(
  18092. JSON.stringify(
  18093. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18094. index
  18095. ].toolChoose[i].selectJson
  18096. )
  18097. )
  18098. : { url: "", select: [], answer: [] };
  18099. if (this.worksStudent[i].length) {
  18100. for (var k = 0; k < this.worksStudent[i].length; k++) {
  18101. if (this.userid == this.worksStudent[i][k].userid) {
  18102. var a = this.worksStudent[i][k].works.split(",");
  18103. for (var ki = 0; ki < a.length; ki++) {
  18104. a[ki] = parseInt(a[ki]);
  18105. }
  18106. this.selectAnswer = {
  18107. answer: a,
  18108. stu: this.worksStudent[i][k].sName,
  18109. };
  18110. break;
  18111. } else {
  18112. this.selectAnswer = { answer: [], stu: "" };
  18113. }
  18114. }
  18115. } else {
  18116. this.selectAnswer = { answer: [], stu: "" };
  18117. }
  18118. this.isSelect = false;
  18119. this.dialogVisibleSelect = true;
  18120. } else if (t == 44) {
  18121. window.parent.postMessage({ tools: "44" }, "*");
  18122. } else if (t == 47) {
  18123. this.sentenceList = this.chapInfoList[this.courseType].chapterInfo[0]
  18124. .taskJson[index].toolChoose[i].sentenceList
  18125. ? JSON.parse(
  18126. JSON.stringify(
  18127. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18128. index
  18129. ].toolChoose[i].sentenceList
  18130. )
  18131. )
  18132. : [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }];
  18133. for (var q = 0; q < this.sentenceList.length; q++) {
  18134. this.sentenceList[q].chooseSenList = [];
  18135. this.sentenceList[q].addChangeSen = [];
  18136. this.sentenceList[q].addChangeSen = JSON.parse(
  18137. JSON.stringify(this.sentenceList[q].addSentence)
  18138. );
  18139. this.sentenceList[q].chooseSenList.length =
  18140. this.sentenceList[q].rightAnswer.length;
  18141. }
  18142. this.dialogVisibleSentence = true;
  18143. } else if (t == 48) {
  18144. this.tableJson = this.chapInfoList[this.courseType].chapterInfo[0]
  18145. .taskJson[index].toolChoose[i].tableJson
  18146. ? JSON.parse(
  18147. JSON.stringify(
  18148. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18149. index
  18150. ].toolChoose[i].tableJson
  18151. )
  18152. )
  18153. : { text: "" };
  18154. this.tableJsonO = JSON.parse(JSON.stringify(this.tableJson));
  18155. if (this.worksStudent[i].length) {
  18156. for (var k = 0; k < this.worksStudent[i].length; k++) {
  18157. if (this.userid == this.worksStudent[i][k].userid) {
  18158. this.tableJson = JSON.parse(this.worksStudent[i][k].works);
  18159. break;
  18160. }
  18161. }
  18162. }
  18163. this.dialogVisibleTable = true;
  18164. } else if (t == 52) {
  18165. this.wordJson = this.chapInfoList[this.courseType].chapterInfo[0]
  18166. .taskJson[index].toolChoose[i].wordJson
  18167. ? JSON.parse(
  18168. JSON.stringify(
  18169. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18170. index
  18171. ].toolChoose[i].wordJson
  18172. )
  18173. )
  18174. : { text: "" };
  18175. this.wordJsonO = JSON.parse(JSON.stringify(this.wordJson));
  18176. if (this.worksStudent[i].length) {
  18177. for (var k = 0; k < this.worksStudent[i].length; k++) {
  18178. if (this.userid == this.worksStudent[i][k].userid) {
  18179. this.wordJson = JSON.parse(this.worksStudent[i][k].works);
  18180. break;
  18181. }
  18182. }
  18183. }
  18184. this.dialogVisibleWord = true;
  18185. } else if (t == 49) {
  18186. if(!this.tcid2 && this.courseDetail.juri != '' && this.tType == "1"){
  18187. return
  18188. }
  18189. this.groupJson =
  18190. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18191. index
  18192. ].toolChoose[i].groupJson;
  18193. this.islock = this.groupJson.islock == 1 ? true : false;
  18194. this.dialogVisibleGroup = true;
  18195. } else if (t == 62) {
  18196. this.videoType = 0;
  18197. this.videoJson = {};
  18198. this.videoJson =
  18199. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18200. index
  18201. ].toolChoose[i].videoJson;
  18202. this.dialogVisibleVideo = true;
  18203. }
  18204. },
  18205. teacherWorkSubmit(t, i, index, s) {
  18206. this.sStudent = s;
  18207. this.toolindex = i;
  18208. this.sTool = t;
  18209. if (this.tType !== "1" && this.tType !== "4") {
  18210. return;
  18211. }
  18212. if (t == 16 || t == 32 || t == 50) {
  18213. this.dialogVisibleWorks = true;
  18214. } else if (t == 15) {
  18215. this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
  18216. .taskJson[index].toolChoose[i].answerQ
  18217. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  18218. .toolChoose[i].answerQ
  18219. : "";
  18220. this.questionAnswer = "";
  18221. this.answerDialogVisibleTeacher = true; //问答
  18222. } else if (t == 52) {
  18223. this.wordJson = this.chapInfoList[this.courseType].chapterInfo[0]
  18224. .taskJson[index].toolChoose[i].wordJson
  18225. ? JSON.parse(
  18226. JSON.stringify(
  18227. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18228. index
  18229. ].toolChoose[i].wordJson
  18230. )
  18231. )
  18232. : { text: "" };
  18233. if (this.worksStudent[i].length) {
  18234. for (var k = 0; k < this.worksStudent[i].length; k++) {
  18235. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  18236. this.wordJson = JSON.parse(this.worksStudent[i][k].works);
  18237. break;
  18238. }
  18239. }
  18240. }
  18241. this.dialogVisibleWordTeacher = true; //文档
  18242. } else if (t == 4) {
  18243. this.radio = [];
  18244. this.noteName = "";
  18245. this.isAnswer = false;
  18246. if (this.askCount > 0) {
  18247. this.updateCount(this.askCount, t);
  18248. } else {
  18249. this.askCount++;
  18250. a = this.askCount;
  18251. this.toolsCount(a, t);
  18252. }
  18253. if (!this.dialogVisible2) {
  18254. this.askJson.askJson =
  18255. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18256. index
  18257. ].toolChoose[i].askJson;
  18258. this.askJson.askTitle =
  18259. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18260. index
  18261. ].toolChoose[i].askTitle;
  18262. this.askJson.askCount =
  18263. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18264. index
  18265. ].toolChoose[i].askCount;
  18266. } else {
  18267. this.askJson.askJson = this.chapTools.askJson.askJson;
  18268. this.askJson.askTitle = this.chapTools.askJson.askTitle;
  18269. this.askJson.askCount = this.chapTools.askJson.askCount;
  18270. }
  18271. for (var k = 0; k < this.askJson.askJson.length; k++) {
  18272. if (this.askJson.askJson[k].type == "2") {
  18273. this.radio.push([]);
  18274. } else {
  18275. this.radio.push("");
  18276. }
  18277. }
  18278. this.dialogVisible5Teacher = true;
  18279. } else if (t == 45) {
  18280. this.noteName = "";
  18281. this.radio = [];
  18282. this.isAnswer = false;
  18283. if (this.askCount > 0) {
  18284. this.updateCount(this.askCount, t);
  18285. } else {
  18286. this.askCount++;
  18287. a = this.askCount;
  18288. this.toolsCount(a, t);
  18289. }
  18290. this.testJson =
  18291. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18292. index
  18293. ].toolChoose[i].testJson;
  18294. for (var k = 0; k < this.testJson.testJson.length; k++) {
  18295. if (this.testJson.testJson[k].type == "2") {
  18296. this.radio.push([]);
  18297. } else {
  18298. this.radio.push("");
  18299. }
  18300. }
  18301. this.dialogVisibleChoiceTeacher = true;
  18302. } else if (t == 41) {
  18303. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  18304. .taskJson[index].toolChoose[i].selectJson
  18305. ? JSON.parse(
  18306. JSON.stringify(
  18307. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18308. index
  18309. ].toolChoose[i].selectJson
  18310. )
  18311. )
  18312. : { url: "", select: [], answer: [] };
  18313. if (this.worksStudent[i].length) {
  18314. for (var k = 0; k < this.worksStudent[i].length; k++) {
  18315. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  18316. var a = this.worksStudent[i][k].works.split(",");
  18317. for (var ki = 0; ki < a.length; ki++) {
  18318. a[ki] = parseInt(a[ki]);
  18319. }
  18320. this.selectAnswer = {
  18321. answer: a,
  18322. stu: this.worksStudent[i][k].sName,
  18323. };
  18324. break;
  18325. } else {
  18326. this.selectAnswer = { answer: [], stu: "" };
  18327. }
  18328. }
  18329. } else {
  18330. this.selectAnswer = { answer: [], stu: "" };
  18331. }
  18332. this.isSelect = false;
  18333. this.dialogVisibleSelectTeacher = true;
  18334. } else if (t == 47) {
  18335. this.sentenceList = this.chapInfoList[this.courseType].chapterInfo[0]
  18336. .taskJson[index].toolChoose[i].sentenceList
  18337. ? JSON.parse(
  18338. JSON.stringify(
  18339. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18340. index
  18341. ].toolChoose[i].sentenceList
  18342. )
  18343. )
  18344. : [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }];
  18345. for (var q = 0; q < this.sentenceList.length; q++) {
  18346. this.sentenceList[q].chooseSenList = [];
  18347. this.sentenceList[q].addChangeSen = [];
  18348. this.sentenceList[q].addChangeSen = JSON.parse(
  18349. JSON.stringify(this.sentenceList[q].addSentence)
  18350. );
  18351. this.sentenceList[q].chooseSenList.length =
  18352. this.sentenceList[q].rightAnswer.length;
  18353. }
  18354. this.dialogVisibleSentenceTeacher = true;
  18355. } else if (t == 48) {
  18356. this.tableJson = this.chapInfoList[this.courseType].chapterInfo[0]
  18357. .taskJson[index].toolChoose[i].tableJson
  18358. ? JSON.parse(
  18359. JSON.stringify(
  18360. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18361. index
  18362. ].toolChoose[i].tableJson
  18363. )
  18364. )
  18365. : { text: "" };
  18366. if (this.worksStudent[i].length) {
  18367. for (var k = 0; k < this.worksStudent[i].length; k++) {
  18368. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  18369. this.tableJson = JSON.parse(this.worksStudent[i][k].works);
  18370. break;
  18371. }
  18372. }
  18373. }
  18374. this.dialogVisibleTableTeacher = true;
  18375. } else if (t == 40) {
  18376. if (this.evalCount > 0) {
  18377. this.updateCount(this.evalCount, t);
  18378. } else {
  18379. this.evalCount++;
  18380. a = this.evalCount;
  18381. this.toolsCount(a, t);
  18382. }
  18383. this.eScore = { eBzText: "", eStar: [] };
  18384. if (this.worksStudent[i].length) {
  18385. for (var k = 0; k < this.worksStudent[i].length; k++) {
  18386. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  18387. this.eScore = JSON.parse(this.worksStudent[i][k].works);
  18388. this.rateJson =
  18389. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18390. index
  18391. ].toolChoose[i].rateJson;
  18392. break;
  18393. } else {
  18394. this.rateJson =
  18395. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18396. index
  18397. ].toolChoose[i].rateJson;
  18398. }
  18399. }
  18400. } else {
  18401. this.rateJson =
  18402. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18403. index
  18404. ].toolChoose[i].rateJson;
  18405. }
  18406. this.isStar = false;
  18407. this.studentEvalDialogVisibleTeacher = true;
  18408. } else if (t == 3 || t == 1 || t == 7 || t == 57) {
  18409. window.parent.postMessage(
  18410. {
  18411. tools: t + "teacher",
  18412. cid: this.id,
  18413. stage: this.courseType,
  18414. task: this.taskCount,
  18415. tool: i,
  18416. student: this.sStudent,
  18417. },
  18418. "*"
  18419. );
  18420. }
  18421. },
  18422. openCocoPi(tool, i, uid, uname) {
  18423. let student = {
  18424. userid: uid,
  18425. student: uname,
  18426. };
  18427. if (tool == 57) {
  18428. window.parent.postMessage(
  18429. {
  18430. tools: tool + "teacher",
  18431. cid: this.id,
  18432. stage: this.courseType,
  18433. task: this.taskCount,
  18434. tool: i,
  18435. student: student,
  18436. },
  18437. "*"
  18438. );
  18439. }
  18440. },
  18441. setRightAnswer(s, i, j) {
  18442. for (var q = 0; q < this.sentenceList[i].chooseSenList.length; q++) {
  18443. if (
  18444. this.sentenceList[i].chooseSenList[q] == undefined ||
  18445. this.sentenceList[i].chooseSenList[q] == ""
  18446. ) {
  18447. this.sentenceList[i].chooseSenList[q] = s;
  18448. this.sentenceList[i].addChangeSen[j] = "";
  18449. break;
  18450. }
  18451. }
  18452. this.$forceUpdate();
  18453. },
  18454. returnCard(r, i, j) {
  18455. var a = this.sentenceList[i].addSentence.indexOf(r);
  18456. this.sentenceList[i].chooseSenList[j] = "";
  18457. this.sentenceList[i].addChangeSen[a] = r;
  18458. this.$forceUpdate();
  18459. },
  18460. // addSentenceTool() {
  18461. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18462. // this.taskCount
  18463. // ].toolChoose[this.toolindex].sentenceList = this.sentenceList;
  18464. // this.sentenceList = [
  18465. // { sentenceTitle: "", addSentence: [], rightAnswer: [] },
  18466. // ];
  18467. // this.dialogVisibleSentence = false;
  18468. // },
  18469. toolsCount(a, t) {
  18470. let params = {
  18471. cid: this.id,
  18472. chid: this.courseType,
  18473. uid: this.userid,
  18474. tid: t,
  18475. count: a,
  18476. };
  18477. this.ajax
  18478. .get(this.$store.state.api + "insertToolsCount", params)
  18479. .then((res) => {
  18480. this.selectCount();
  18481. })
  18482. .catch((err) => {
  18483. console.error(err);
  18484. });
  18485. },
  18486. updateCount(c, t) {
  18487. c++;
  18488. let params = {
  18489. cid: this.id,
  18490. chid: this.courseType,
  18491. uid: this.userid,
  18492. tid: t,
  18493. count: c,
  18494. };
  18495. this.ajax
  18496. .get(this.$store.state.api + "updateToolsCount", params)
  18497. .then((res) => {
  18498. this.selectCount();
  18499. })
  18500. .catch((err) => {
  18501. console.error(err);
  18502. });
  18503. },
  18504. checkEva() {
  18505. if (this.evalua != "") {
  18506. for (var i = 0; i < this.evaJuri.length; i++) {
  18507. if (this.evalua == this.evaJuri[i].id) {
  18508. this.eTitle = this.evaJuri[i].title;
  18509. this.eJson = JSON.parse(this.evaJuri[i].content);
  18510. }
  18511. }
  18512. this.$forceUpdate();
  18513. setTimeout(() => {
  18514. this.setMindData();
  18515. }, 0);
  18516. }
  18517. },
  18518. selectEva() {
  18519. let params = {
  18520. oid: this.oid,
  18521. };
  18522. this.ajax
  18523. .get(this.$store.state.api + "selectAllEvaluation", params)
  18524. .then((res) => {
  18525. this.evaJuri = res.data[0];
  18526. })
  18527. .catch((err) => {
  18528. console.error(err);
  18529. });
  18530. },
  18531. setMindData() {
  18532. this.data.data = [];
  18533. this.data.data.push({ id: "root", isroot: true, topic: this.eTitle });
  18534. let _eJson = Object.keys(this.eJson);
  18535. let _e = this.eJson;
  18536. for (let i = 0; i < _eJson.length; i++) {
  18537. let element = _e[_eJson[i]];
  18538. this.data.data.push({
  18539. id: element.id,
  18540. parentid: "root",
  18541. topic: element.name,
  18542. });
  18543. let _eJsonc = Object.keys(element.child);
  18544. let _e2 = element.child;
  18545. for (let j = 0; j < _eJsonc.length; j++) {
  18546. let _ec = _e2[_eJsonc[j]];
  18547. this.data.data.push({
  18548. id: _ec.id,
  18549. parentid: element.id,
  18550. topic: _ec.name,
  18551. });
  18552. let _eJsonz = Object.keys(_ec.child);
  18553. let _e3 = _ec.child;
  18554. for (let z = 0; z < _eJsonz.length; z++) {
  18555. let _ez = _e3[_eJsonz[z]];
  18556. this.data.data.push({
  18557. id: _ez.id,
  18558. parentid: _ec.id,
  18559. topic: _ez.name,
  18560. });
  18561. }
  18562. }
  18563. }
  18564. this.$forceUpdate();
  18565. },
  18566. checkFileFull(type, url) {
  18567. this.fullDialogVisible = true;
  18568. this.fulltype = type;
  18569. this.fullUrl = url;
  18570. },
  18571. async checkFileFull1(t, f) {
  18572. this.fullDialogVisible = true;
  18573. if (t == 6) {
  18574. this.fulltype = 1;
  18575. this.fullUrl = JSON.parse(JSON.stringify(f));
  18576. } else if (t == 8) {
  18577. this.fulltype = 2;
  18578. this.fullUrl = f.url;
  18579. } else if (
  18580. t == 3 &&
  18581. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
  18582. "PDF"
  18583. ) {
  18584. this.fulltype = 3;
  18585. this.fullUrl = f.url;
  18586. } else if (t == 3) {
  18587. this.fulltype = 2;
  18588. let _uuurl = await this.checkLink(f.url);
  18589. this.fullUrl =
  18590. "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
  18591. }
  18592. },
  18593. openSname(n, id, i, uid) {
  18594. this.snameWid = id;
  18595. this.worksSName = n;
  18596. this.worksSid = uid == n ? "" : uid;
  18597. this.toolindex = i;
  18598. this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
  18599. if (!this.uploadCid) {
  18600. this.$message.error(
  18601. "提示:批量上传未添加班级权限,请添加班级或从班级入口进入。"
  18602. );
  18603. return;
  18604. }
  18605. this.selectUploadStudent(1);
  18606. },
  18607. updateName() {
  18608. let params = {
  18609. n: this.worksSName,
  18610. cid: this.snameWid,
  18611. };
  18612. this.ajax
  18613. .get(this.$store.state.api + "updateCourseWorksName", params)
  18614. .then((res) => {
  18615. this.$message({
  18616. message: "修改成功",
  18617. type: "success",
  18618. });
  18619. this.dialogVisibleSname = false;
  18620. this.getCourseDetail(2);
  18621. this.snameWid = "";
  18622. this.worksSName = "";
  18623. })
  18624. .catch((err) => {
  18625. console.error(err);
  18626. });
  18627. },
  18628. downloadFile2(f) {
  18629. // const loading = this.$loading.service({
  18630. // background: "rgba(255, 255, 255, 0.7)",
  18631. // target: document.body,
  18632. // text: "文件加载中...",
  18633. // });
  18634. // let url2 = f.url;
  18635. // let _url2 = "";
  18636. // if (
  18637. // url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  18638. // ) {
  18639. // _url2 = url2.split(
  18640. // "https://view.officeapps.live.com/op/view.aspx?src="
  18641. // )[1];
  18642. // } else {
  18643. // _url2 = url2;
  18644. // }
  18645. // let params = {
  18646. // url: _url2,
  18647. // name: f.name,
  18648. // };
  18649. // this.ajax
  18650. // .get(this.$store.state.api + "download", params)
  18651. // .then((res) => {
  18652. // loading.close();
  18653. // let content = res.data.data.data;
  18654. // let ab = new ArrayBuffer(content.length);
  18655. // let view = new Uint8Array(ab);
  18656. // for (var i = 0; i < content.length; ++i) {
  18657. // view[i] = content[i];
  18658. // }
  18659. // let elink = document.createElement("a");
  18660. // elink.download = f.name;
  18661. // elink.style.display = "none";
  18662. // let blob = new Blob([ab], {
  18663. // type: res.data.response.headers["content-type"] + ";charset=UTF-8",
  18664. // });
  18665. // elink.href = URL.createObjectURL(blob);
  18666. // document.body.appendChild(elink);
  18667. // elink.click();
  18668. // document.body.removeChild(elink);
  18669. // })
  18670. // .catch((err) => {
  18671. // loading.close();
  18672. // console.error(err);
  18673. // });
  18674. var credentials = {
  18675. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  18676. secretAccessKey: "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",
  18677. }; //秘钥形式的登录上传
  18678. window.AWS.config.update(credentials);
  18679. window.AWS.config.region = "cn-northwest-1"; //设置区域
  18680. let url2 = f.url;
  18681. let _url2 = "";
  18682. if (
  18683. url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  18684. ) {
  18685. _url2 = url2.split(
  18686. "https://view.officeapps.live.com/op/view.aspx?src="
  18687. )[1];
  18688. } else {
  18689. _url2 = url2;
  18690. }
  18691. let _this = this;
  18692. _this.downLoading = true
  18693. var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
  18694. let name = decodeURIComponent(_url2.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1])
  18695. var params = {
  18696. Bucket: "ccrb",
  18697. Key: name
  18698. };
  18699. s3.getObject(params, function (err, data) {
  18700. _this.downLoading = false
  18701. if (err) console.log(err, err.stack); // an error occurred
  18702. else {
  18703. let url = window.URL.createObjectURL(new Blob([data.Body]));
  18704. let a = document.createElement("a");
  18705. a.name = f.name;
  18706. a.href = url;
  18707. a.download = f.name;
  18708. a.click();
  18709. console.log(data);
  18710. } // sxuccessful response
  18711. });
  18712. return;
  18713. let url = f.url;
  18714. let _url = "";
  18715. if (
  18716. url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  18717. ) {
  18718. _url = url.split(
  18719. "https://view.officeapps.live.com/op/view.aspx?src="
  18720. )[1];
  18721. } else {
  18722. _url = url;
  18723. }
  18724. _this.downLoading = true
  18725. let x = new XMLHttpRequest();
  18726. x.open("GET", _url, true);
  18727. x.responseType = "blob";
  18728. x.onload = function () {
  18729. _this.downLoading = false
  18730. let url = window.URL.createObjectURL(new Blob([x.response]));
  18731. let a = document.createElement("a");
  18732. a.name = f.name;
  18733. a.href = url;
  18734. a.download = f.name;
  18735. a.click();
  18736. };
  18737. x.send();
  18738. },
  18739. downloadFile(url) {
  18740. var credentials = {
  18741. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  18742. secretAccessKey: "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",
  18743. }; //秘钥形式的登录上传
  18744. window.AWS.config.update(credentials);
  18745. window.AWS.config.region = "cn-northwest-1"; //设置区域
  18746. let url2 = url;
  18747. let _url2 = "";
  18748. if (
  18749. url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  18750. ) {
  18751. _url2 = url2.split(
  18752. "https://view.officeapps.live.com/op/view.aspx?src="
  18753. )[1];
  18754. } else {
  18755. _url2 = url2;
  18756. }
  18757. const loading2 = this.$loading.service({
  18758. background: "rgba(255, 255, 255, 0.7)",
  18759. target: document.body,
  18760. text: "文件加载中...",
  18761. });
  18762. var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
  18763. let name = decodeURIComponent(_url2.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1])
  18764. var params = {
  18765. Bucket: "ccrb",
  18766. Key: name
  18767. };
  18768. s3.getObject(params, function (err, data) {
  18769. loading2.close();
  18770. if (err) console.log(err, err.stack); // an error occurred
  18771. else {
  18772. let url = window.URL.createObjectURL(new Blob([data.Body]));
  18773. let a = document.createElement("a");
  18774. a.name = name;
  18775. a.href = url;
  18776. a.download = name;
  18777. a.click();
  18778. console.log(data);
  18779. } // sxuccessful response
  18780. });
  18781. return;
  18782. let _this = this;
  18783. let _url = "";
  18784. if (
  18785. url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  18786. ) {
  18787. _url = url.split(
  18788. "https://view.officeapps.live.com/op/view.aspx?src="
  18789. )[1];
  18790. } else {
  18791. _url = url;
  18792. }
  18793. const x = new XMLHttpRequest();
  18794. x.open("GET", _url, true);
  18795. x.responseType = "blob";
  18796. // this.downLoading = true
  18797. const loading = _this.$loading.service({
  18798. background: "rgba(255, 255, 255, 0.7)",
  18799. target: document.body,
  18800. text: "文件加载中...",
  18801. });
  18802. // _this.$message.success("文件下载中...");
  18803. x.onload = function (e) {
  18804. loading.close();
  18805. let content = x.response;
  18806. let elink = document.createElement("a");
  18807. elink.download = decodeURI(
  18808. _url.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1]
  18809. );
  18810. elink.style.display = "none";
  18811. let blob = new Blob([content]);
  18812. elink.href = URL.createObjectURL(blob);
  18813. document.body.appendChild(elink);
  18814. elink.click();
  18815. document.body.removeChild(elink);
  18816. };
  18817. x.send();
  18818. },
  18819. openLine(url) {
  18820. window.open(url);
  18821. },
  18822. resize() {
  18823. if (document.getElementsByClassName("box_course").length) {
  18824. var a = document.getElementsByClassName("box_course")[0].offsetHeight;
  18825. // document.getElementsByClassName("vedioList")[0].style.height = a + "px";
  18826. if (this.showType == 2 || this.showType == 3) {
  18827. document.getElementsByClassName("navBox")[0].style.height =
  18828. a - 40 + 46 + "px";
  18829. } else {
  18830. document.getElementsByClassName("navBox")[0].style.height =
  18831. a - 40 + "px";
  18832. }
  18833. }
  18834. this.Stbodywidth =
  18835. document.getElementsByClassName("student_body").length &&
  18836. document.getElementsByClassName("student_body")[0].offsetWidth;
  18837. },
  18838. closeDraw() {
  18839. this.bg = null;
  18840. this.drawShow = false;
  18841. },
  18842. showPicturePaint(url) {
  18843. let params = {
  18844. img: url,
  18845. };
  18846. this.ajax
  18847. .get(this.$store.state.api + "imgToBase64", params)
  18848. .then((res) => {
  18849. this.drawShow = true;
  18850. this.bg = res.data[0].img;
  18851. })
  18852. .catch((err) => {
  18853. console.error(err);
  18854. });
  18855. },
  18856. addImgDraw(base64) {
  18857. let file = { name: "批注图.png" };
  18858. let img = this.dataUrlToFile(base64, file);
  18859. this.beforeUpload1(img, 5);
  18860. },
  18861. addImgDrawImG(url) {
  18862. // console.log(url);
  18863. let params = [
  18864. {
  18865. wid: this.commentDetail.wid,
  18866. img: url,
  18867. },
  18868. ];
  18869. this.ajax
  18870. .post(this.$store.state.api + "updateCourseWorks", params)
  18871. .then((res) => {
  18872. this.$message({
  18873. message: "提交成功",
  18874. type: "success",
  18875. });
  18876. this.drawShow = false;
  18877. this.bg = "";
  18878. this.selectSWorks();
  18879. this.selectStudent();
  18880. })
  18881. .catch((err) => {
  18882. this.$message.error("提交失败");
  18883. console.error(err);
  18884. });
  18885. },
  18886. deletePicturePaint() {
  18887. this.$confirm("确定删除此批注吗?", "提示", {
  18888. confirmButtonText: "确定",
  18889. cancelButtonText: "取消",
  18890. type: "warning",
  18891. })
  18892. .then(() => {
  18893. let params = [
  18894. {
  18895. wid: this.commentDetail.wid,
  18896. img: "",
  18897. },
  18898. ];
  18899. this.ajax
  18900. .post(this.$store.state.api + "updateCourseWorks", params)
  18901. .then((res) => {
  18902. this.$message({
  18903. message: "删除成功",
  18904. type: "success",
  18905. });
  18906. this.selectSWorks();
  18907. this.selectStudent();
  18908. })
  18909. .catch((err) => {
  18910. this.$message.error("删除失败");
  18911. console.error(err);
  18912. });
  18913. })
  18914. .catch(() => {});
  18915. },
  18916. getAudioVideo(constraintsData) {
  18917. if (navigator.mediaDevices === undefined) {
  18918. navigator.mediaDevices = {};
  18919. }
  18920. if (navigator.mediaDevices.getUserMedia === undefined) {
  18921. navigator.mediaDevices.getUserMedia = function (constraints) {
  18922. // 首先,如果有getUserMedia的话,就获得它
  18923. var getUserMedia =
  18924. navigator.getUserMedia ||
  18925. navigator.webkitGetUserMedia ||
  18926. navigator.mozGetUserMedia ||
  18927. navigator.msGetUserMedia;
  18928. // 一些浏览器根本没实现它 - 那么就返回一个error到promise的reject来保持一个统一的接口
  18929. if (!getUserMedia) {
  18930. return Promise.reject({ code: 404 });
  18931. }
  18932. // 否则,为老的navigator.getUserMedia方法包裹一个Promise
  18933. return new Promise(function (resolve, reject) {
  18934. getUserMedia.call(navigator, constraints, resolve, reject);
  18935. });
  18936. };
  18937. }
  18938. return navigator.mediaDevices.getUserMedia(constraintsData);
  18939. },
  18940. /**
  18941. * 开始录制
  18942. */
  18943. startRecording(callback) {
  18944. let _function = (screenStream) => {
  18945. this.addStreamStopListener(screenStream, () => {
  18946. console.log("流停止监听");
  18947. this.stopRecording();
  18948. this.$emit("streamStop", {});
  18949. // this.stopRecording();
  18950. });
  18951. var options = {
  18952. type: "video",
  18953. mimeType: "video/webm",
  18954. disableLogs: false,
  18955. getNativeBlob: false, // enable it for longer recordings
  18956. ignoreMutedMedia: false,
  18957. };
  18958. // this.video.srcObject = screenStream;
  18959. this.recorder = RecordRTC(screenStream, options);
  18960. this.recorder.startRecording();
  18961. this.recorder.screen = screenStream;
  18962. this.videoStart = true;
  18963. // callback(true);
  18964. };
  18965. this.getAudioVideo({ audio: true })
  18966. .then((res) => {
  18967. this.captureScreen(_function, true);
  18968. console.log("已点击允许,开启成功");
  18969. })
  18970. .catch((err) => {
  18971. // console.log('浏览器不支持,请更换浏览器')
  18972. // } else {
  18973. this.captureScreen(_function, false);
  18974. console.log("请检查是否存在麦克风");
  18975. });
  18976. },
  18977. /**
  18978. * 停止录制
  18979. */
  18980. stopRecording(callback) {
  18981. this.recorder.stopRecording(() => {
  18982. // this.video.src = this.video.srcObject = null;
  18983. // this.video.src = URL.createObjectURL(this.recorder.getBlob());
  18984. const url = URL.createObjectURL(this.recorder.getBlob());
  18985. const a = document.createElement("a"); //this.fileName+
  18986. let videoFile = new File(
  18987. [this.recorder.getBlob()],
  18988. this.courseDetail.title + "录屏.mp4",
  18989. {
  18990. type: "video/mp4",
  18991. }
  18992. );
  18993. let downloadUrl = URL.createObjectURL(videoFile);
  18994. document.body.appendChild(a);
  18995. a.style.display = "none";
  18996. a.href = url;
  18997. a.download = this.courseDetail.title + "录屏.mp4"; //this.fileName +
  18998. a.click();
  18999. this.recorder.screen.stop();
  19000. this.recorder.destroy();
  19001. this.recorder = null;
  19002. this.videoStart = false;
  19003. // callback(false);
  19004. });
  19005. },
  19006. //初始化
  19007. captureScreen(callback, type) {
  19008. if (navigator.getDisplayMedia) {
  19009. //录制结束,文件下载
  19010. navigator
  19011. .getDisplayMedia({
  19012. video: true,
  19013. })
  19014. .then((screenStream) => {
  19015. if (type) {
  19016. navigator.mediaDevices
  19017. .getUserMedia({ audio: true })
  19018. .then((mic) => {
  19019. screenStream.addTrack(mic.getTracks()[0]);
  19020. callback(screenStream);
  19021. });
  19022. } else {
  19023. callback(screenStream);
  19024. }
  19025. })
  19026. .catch(function (error) {
  19027. console.log("error", error);
  19028. });
  19029. } else if (navigator.mediaDevices.getDisplayMedia) {
  19030. navigator.mediaDevices
  19031. .getDisplayMedia({
  19032. video: true,
  19033. })
  19034. .then((screenStream) => {
  19035. if (type) {
  19036. navigator.mediaDevices
  19037. .getUserMedia({ audio: true })
  19038. .then((mic) => {
  19039. screenStream.addTrack(mic.getTracks()[0]);
  19040. callback(screenStream);
  19041. });
  19042. } else {
  19043. callback(screenStream);
  19044. }
  19045. })
  19046. .catch(function (error) {
  19047. console.log("error", error);
  19048. });
  19049. } else {
  19050. var error = "getDisplayMedia API are not supported in this browser.";
  19051. console.log("error", error);
  19052. alert(error);
  19053. }
  19054. },
  19055. //流监听
  19056. addStreamStopListener(stream, callback) {
  19057. stream.addEventListener(
  19058. "ended",
  19059. function () {
  19060. callback();
  19061. callback = function () {};
  19062. },
  19063. false
  19064. );
  19065. stream.addEventListener(
  19066. "inactive",
  19067. function () {
  19068. callback();
  19069. callback = function () {};
  19070. },
  19071. false
  19072. );
  19073. stream.getTracks().forEach(function (track) {
  19074. track.addEventListener(
  19075. "ended",
  19076. function () {
  19077. callback();
  19078. callback = function () {};
  19079. },
  19080. false
  19081. );
  19082. track.addEventListener(
  19083. "inactive",
  19084. function () {
  19085. callback();
  19086. callback = function () {};
  19087. },
  19088. false
  19089. );
  19090. });
  19091. },
  19092. updateGroup() {
  19093. this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
  19094. this.dialogVisibleGroup2 = true;
  19095. },
  19096. numberPan() {
  19097. if (
  19098. /[^\d]/.test(this.groupJson.number) ||
  19099. this.groupJson.number < 2 ||
  19100. this.groupJson.number > 10
  19101. ) {
  19102. this.$message.error("请输入2-10的数字");
  19103. this.groupJson.number = "";
  19104. }
  19105. },
  19106. updateGroupJson() {
  19107. for (var i = 0; i < this.groupStudentUid[this.toolindex].length; i++) {
  19108. if (
  19109. this.groupStudentUid[this.toolindex][i].length >
  19110. this.groupJson2.number
  19111. ) {
  19112. this.$message.error("已经有小组比你设置的人数多,请重新设置");
  19113. return;
  19114. }
  19115. }
  19116. this.groupJson = JSON.parse(JSON.stringify(this.groupJson2));
  19117. this.islock = this.groupJson.islock == 1 ? true : false;
  19118. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19119. this.taskCount
  19120. ].toolChoose[this.toolindex].groupJson = this.groupJson;
  19121. let params = [
  19122. {
  19123. cid: this.id,
  19124. chapters: JSON.stringify(this.chapInfoList),
  19125. uid: this.userid,
  19126. unitIndex: this.courseType,
  19127. },
  19128. ];
  19129. this.ajax
  19130. .post(this.$store.state.api + "updateWorkNew4", params)
  19131. .then((res) => {
  19132. this.$message.success("设置成功");
  19133. this.getCourseDetail(2);
  19134. this.dialogVisibleGroup2 = false;
  19135. this.groupJson2 = {};
  19136. this.$forceUpdate();
  19137. })
  19138. .catch((err) => {
  19139. this.$message.error("网络不佳");
  19140. console.error(err);
  19141. });
  19142. },
  19143. lockChair() {
  19144. this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
  19145. this.groupJson2.islock = this.groupJson2.islock == 1 ? 2 : 1;
  19146. this.updateGroupJson();
  19147. },
  19148. selectGroup(index) {
  19149. this.getCourseDetail(2, index);
  19150. },
  19151. joinGroup(index) {
  19152. if (this.groupJson.islock == 2) {
  19153. this.$message.error("位置已被锁定,无法加入");
  19154. return;
  19155. }
  19156. if (
  19157. this.groupStudent[this.toolindex][index].length >
  19158. this.groupJson.number ||
  19159. this.groupStudent[this.toolindex][index].length == this.groupJson.number
  19160. ) {
  19161. this.$message.error("位置已满,无法加入");
  19162. return;
  19163. }
  19164. let params = [
  19165. {
  19166. cid: this.id,
  19167. stage: this.courseType,
  19168. task: this.taskCount,
  19169. tool: this.toolindex,
  19170. g: index,
  19171. uid: this.userid,
  19172. },
  19173. ];
  19174. this.ajax
  19175. .post(this.$store.state.api + "joinGroup", params)
  19176. .then((res) => {
  19177. this.$message.success("加入成功");
  19178. this.getCourseDetail(2);
  19179. })
  19180. .catch((err) => {
  19181. this.$message.error("网络不佳");
  19182. console.error(err);
  19183. });
  19184. },
  19185. exitGroup(id) {
  19186. if (this.groupJson.islock == 2) {
  19187. this.$message.error("位置已被锁定,无法退出");
  19188. return;
  19189. }
  19190. let params = [
  19191. {
  19192. gid: id,
  19193. },
  19194. ];
  19195. this.ajax
  19196. .post(this.$store.state.api + "exitGroup", params)
  19197. .then((res) => {
  19198. this.$message.success("退出成功");
  19199. this.getCourseDetail(2);
  19200. })
  19201. .catch((err) => {
  19202. this.$message.error("网络不佳");
  19203. console.error(err);
  19204. });
  19205. },
  19206. groupUpload(index, task, gindex) {
  19207. this.taskCount = task;
  19208. this.toolindex = index;
  19209. this.groupIndex = gindex;
  19210. this.dialogVisibleGroupWork = true;
  19211. },
  19212. updateGroupChair(user) {
  19213. this.updateGroupArray = this.groupJson.group.filter((el, index) => {
  19214. el.label = index;
  19215. return index != user.group;
  19216. });
  19217. this.updateGroupUser = user;
  19218. this.dialogVisibleUpdateGroup = true;
  19219. },
  19220. updateChair() {
  19221. if (
  19222. this.groupStudent[this.toolindex][this.checkChair].length >
  19223. this.groupJson.number ||
  19224. this.groupStudent[this.toolindex][this.checkChair].length ==
  19225. this.groupJson.number
  19226. ) {
  19227. this.$message.error("位置已满,无法加入");
  19228. return;
  19229. }
  19230. let params = [
  19231. {
  19232. cid: this.id,
  19233. stage: this.courseType,
  19234. task: this.taskCount,
  19235. tool: this.toolindex,
  19236. g: this.checkChair,
  19237. uid: this.updateGroupUser.userid,
  19238. },
  19239. ];
  19240. this.ajax
  19241. .post(this.$store.state.api + "joinGroup", params)
  19242. .then((res) => {
  19243. this.$message.success("修改成功");
  19244. this.updateGroupUser = {};
  19245. this.checkChair = "";
  19246. this.updateGroupArray = {};
  19247. this.dialogVisibleUpdateGroup = false;
  19248. this.getCourseDetail(2);
  19249. })
  19250. .catch((err) => {
  19251. this.$message.error("网络不佳");
  19252. console.error(err);
  19253. });
  19254. },
  19255. deleteGroupChair(gindex) {
  19256. this.checkDeleteGroup = [];
  19257. this.deleteGroupUser = JSON.parse(
  19258. JSON.stringify(this.groupStudent[this.toolindex][gindex])
  19259. );
  19260. this.deleteGroupArray = this.groupJson.group[gindex];
  19261. this.groupIndex = gindex;
  19262. this.dialogVisibleDeleteGroup = true;
  19263. },
  19264. async deleteChair() {
  19265. for (let i = 0; i < this.checkDeleteGroup.length; i++) {
  19266. const gid =
  19267. this.groupStudent[this.toolindex][this.groupIndex][
  19268. this.groupStudentUid[this.toolindex][this.groupIndex].indexOf(
  19269. this.checkDeleteGroup[i]
  19270. )
  19271. ];
  19272. let params = [
  19273. {
  19274. gid: gid.id,
  19275. },
  19276. ];
  19277. var a = await this.deleteChairA(params);
  19278. if (i == this.checkDeleteGroup.length - 1) {
  19279. this.$message.success("退出成功");
  19280. this.dialogVisibleDeleteGroup = false;
  19281. this.deleteGroupUser = [];
  19282. this.deleteGroupArray = {};
  19283. this.groupIndex = "";
  19284. this.checkDeleteGroup = [];
  19285. this.getCourseDetail(2);
  19286. }
  19287. }
  19288. },
  19289. deleteChairA(params) {
  19290. return new Promise((resolve, reject) => {
  19291. this.ajax
  19292. .post(this.$store.state.api + "exitGroup", params)
  19293. .then((res) => {
  19294. resolve(1);
  19295. })
  19296. .catch((err) => {
  19297. this.$message.error("网络不佳");
  19298. console.error(err);
  19299. });
  19300. });
  19301. },
  19302. contract(i) {
  19303. if (this.isCloseList[i].isClose == 0) {
  19304. this.isCloseList[i].isClose = 1;
  19305. } else {
  19306. this.isCloseList[i].isClose = 0;
  19307. }
  19308. this.$forceUpdate();
  19309. },
  19310. openWordCloud(toolindex) {
  19311. let array = [];
  19312. for (var i = 0; i < this.worksStudent[toolindex].length; i++) {
  19313. let works = JSON.parse(this.worksStudent[toolindex][i].works)[0].answer;
  19314. array.push({ name: works });
  19315. }
  19316. if (this.isGroup) {
  19317. for (var i = 0; i < this.courseGroup.group.length; i++) {
  19318. let works = this.courseGroup.group[i].works[toolindex];
  19319. for (var j = 0; j < works.length; j++) {
  19320. let answer = JSON.parse(works[j].works)[0].answer;
  19321. array.push({ name: answer });
  19322. }
  19323. }
  19324. }
  19325. this.wordCloudData = array;
  19326. this.dialogVisibleWordCloud = true;
  19327. },
  19328. uploadWorks(i) {
  19329. this.$confirm("确定导出作业吗?", "提示", {
  19330. confirmButtonText: "确定",
  19331. cancelButtonText: "取消",
  19332. type: "warning",
  19333. })
  19334. .then(() => {
  19335. const loading = this.$loading.service({
  19336. background: "rgba(255, 255, 255, 0.7)",
  19337. target: document.body,
  19338. text: "文件加载中...",
  19339. });
  19340. const _worksStudent = this.worksStudent;
  19341. let url = [];
  19342. var counts = {};
  19343. for (var l = 0; l < _worksStudent[i].length; l++) {
  19344. var item = _worksStudent[i][l];
  19345. var name = item.sName;
  19346. if (!counts.hasOwnProperty(name)) {
  19347. counts[name] = 0;
  19348. } else {
  19349. counts[name]++;
  19350. }
  19351. if (counts[name] > 0) {
  19352. item.sName += " (" + counts[name] + ")";
  19353. }
  19354. }
  19355. for (var l = 0; l < _worksStudent[i].length; l++) {
  19356. var item = _worksStudent[i][l];
  19357. if (
  19358. item.works.indexOf(
  19359. "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn"
  19360. ) !== -1 &&
  19361. item.works.indexOf("img") === -1
  19362. ) {
  19363. url.push({ name: item.sName, url: item.works });
  19364. }
  19365. }
  19366. // var toolList = [
  19367. // { name: "电子白板", tool: 1 },
  19368. // { name: "思维导图", tool: 3 },
  19369. // { name: "协同文档", tool: 6 },
  19370. // { name: "思维网格", tool: 7 },
  19371. // { name: "素材库", tool: 8 },
  19372. // { name: "学习资料", tool: 17 },
  19373. // { name: "便签", tool: 2 },
  19374. // { name: "问卷调查", tool: 4 },
  19375. // { name: "选择题", tool: 45 },
  19376. // { name: "倒计时", tool: 10 },
  19377. // { name: "问答", tool: 15 },
  19378. // { name: "课程设计", tool: 26 },
  19379. // { name: "训练服务器", tool: 18 },
  19380. // { name: "作业提交", tool: 16 },
  19381. // { name: "批量上传", tool: 50 },
  19382. // { name: "AIoT Blockly", tool: 21 },
  19383. // { name: "AI Python", tool: 23 },
  19384. // { name: "AI Blockly", tool: 24 },
  19385. // { name: "目标管理", tool: 25 },
  19386. // { name: "数学画板", tool: 31 },
  19387. // { name: "翻译", tool: 28 },
  19388. // { name: "魔盒识字", tool: 37 },
  19389. // { name: "数学画板", tool: 31 },
  19390. // { name: "24点", tool: 38 },
  19391. // { name: "GeoGebra", tool: 39 },
  19392. // { name: "源码编辑", tool: 32 },
  19393. // { name: "个人评价", tool: 40 },
  19394. // { name: "选择匹配", tool: 41 },
  19395. // { name: "汉字宫", tool: 44 },
  19396. // { name: "排序", tool: 47 },
  19397. // { name: "表格", tool: 48 },
  19398. // { name: "文档", tool: 52 },
  19399. // { name: "学生分组", tool: 49 },
  19400. // { name: "CocoPi", tool: 57 },
  19401. // { name: "模拟驾驶", tool: 58 },
  19402. // { name: "路径搜索", tool: 59 },
  19403. // { name: "深度学习", tool: 60 },
  19404. // { name: "全历史", tool: 61 },
  19405. // { name: "交互视频", tool: 62 },
  19406. // { name: "海龟编程", tool: 63 },
  19407. // { name: "挑人", tool: 65 },
  19408. // { name: "公式编辑", tool: 66 },
  19409. // { name: "分子结构", tool: 67 },
  19410. // { name: "时间轴", tool: 68 },
  19411. // ];
  19412. // var toolName = "";
  19413. // for(var w = 0;w<toolList.length;w++){
  19414. // if(this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].toolChoose[i].tool[0] == toolList[w].tool){
  19415. // toolName = toolList[w].name;
  19416. // }
  19417. // }
  19418. console.log(url);
  19419. this.downLoadAll(url, loading);
  19420. })
  19421. .catch(() => {});
  19422. },
  19423. downLoadAll(url, loading) {
  19424. const data = url; // 需要下载打包的路径, 可以是本地相对路径, 也可以是跨域的全路径
  19425. const zip = new JSZip();
  19426. const cache = {};
  19427. const promises = [];
  19428. data.forEach((item) => {
  19429. const promise = getFile(item.url).then((data) => {
  19430. if (data.data != 1) {
  19431. // 下载文件, 并存成ArrayBuffer对象
  19432. const file_name =
  19433. item.name +
  19434. "." +
  19435. item.url.split(".")[item.url.split(".").length - 1]; // 获取文件名
  19436. zip.file(file_name, data.data, { binary: true }); // 逐个添加文件
  19437. cache[file_name] = data.data;
  19438. }
  19439. });
  19440. promises.push(promise);
  19441. });
  19442. Promise.all(promises).then(() => {
  19443. zip.generateAsync({ type: "blob" }).then((content) => {
  19444. // 生成二进制流
  19445. FileSaver.saveAs(
  19446. content,
  19447. this.courseDetail.title + "-" + "作业提交工具.zip"
  19448. ); // 利用file-saver保存文件 自定义文件名
  19449. setTimeout(() => {
  19450. loading.close();
  19451. }, 2000);
  19452. });
  19453. });
  19454. },
  19455. pickStudent(stu) {
  19456. if (this.isPickStudent.indexOf(stu.userid) !== -1) {
  19457. return;
  19458. }
  19459. this.$confirm(`是否让${stu.name}同学回答问题?`, "提示", {
  19460. confirmButtonText: "确定",
  19461. cancelButtonText: "取消",
  19462. type: "warning",
  19463. })
  19464. .then(() => {
  19465. let params = [
  19466. {
  19467. uid: stu.userid,
  19468. cid: this.id,
  19469. stage: this.courseType,
  19470. task: this.taskCount,
  19471. tool: this.toolindex,
  19472. },
  19473. ];
  19474. this.ajax
  19475. .post(this.$store.state.api + "updateCoursePick", params)
  19476. .then((res) => {
  19477. this.$message.success("操作成功");
  19478. this.getPick();
  19479. })
  19480. .catch((err) => {
  19481. this.$message.error("网络不佳");
  19482. console.error(err);
  19483. });
  19484. })
  19485. .catch(() => {});
  19486. },
  19487. selectUser(){
  19488. let params = {
  19489. userid: this.userid,
  19490. };
  19491. this.ajax
  19492. .get(this.$store.state.api + "selectUser", params)
  19493. .then((res) => {
  19494. this.userMes = res.data[0];
  19495. })
  19496. .catch((err) => {
  19497. console.error(err);
  19498. });
  19499. },
  19500. setEngText(i){
  19501. this.newEngIndex = i;
  19502. this.$forceUpdate();
  19503. },
  19504. addCorrect(){
  19505. this.$confirm("你确定提交批改嘛?", "提示", {
  19506. confirmButtonText: "确定",
  19507. showCancelButton: false,
  19508. closeOnClickModal: false,
  19509. type: "warning",
  19510. })
  19511. .then(() => {
  19512. let params = {
  19513. cid: this.id,
  19514. s: parseInt(this.courseType),
  19515. t: this.taskCount,
  19516. tool: this.toolindex,
  19517. wid: this.engWid,
  19518. c: this.userid,
  19519. w: this.userMes[0].type == 2 ? JSON.parse(this.newEnglishList) : (this.newEngIndex == -1 && this.isNoUserid == true && this.newEnglishList1.length) ? JSON.stringify(this.oldEnglishJson1) : this.newEngIndex == -1 ? JSON.stringify(this.newEnglishList) : (this.newEngIndex > -1 && this.newEnglishList1.length > 0) ? JSON.stringify(this.newEnglishList1[this.newEngIndex].cWork) : "",
  19520. };
  19521. this.ajax
  19522. .get(this.$store.state.api + "addEngC", params)
  19523. .then((res) => {
  19524. this.$message.success("提交成功");
  19525. this.engUpdateDialogVisible = false;
  19526. })
  19527. .catch((err) => {
  19528. console.error(err);
  19529. });
  19530. })
  19531. .catch(() => {});
  19532. },
  19533. selectEngC(id,z){
  19534. let params = {
  19535. workid: id,
  19536. };
  19537. this.ajax
  19538. .get(this.$store.state.api + "selectEngC", params)
  19539. .then((res) => {
  19540. if(res.data[0].length == 0){
  19541. this.newEnglishList.engTitle = z.engTitle;
  19542. this.newEnglishList.engText = z.engText;
  19543. }else{
  19544. var a = res.data[0];
  19545. var ppp = JSON.parse(JSON.stringify(res.data[0]));
  19546. if(this.userMes[0].type == 2){
  19547. var snum = 0;
  19548. for(var i = 0;i<a.length;i++){
  19549. if(this.userMes[0].userid == a[i].correct){
  19550. this.newEnglishList = JSON.parse(a[i].cWork);
  19551. snum = 1;
  19552. }
  19553. }
  19554. if(snum == 0){
  19555. this.newEnglishList = { engTitle:"",engText:"" };
  19556. this.newEnglishList.engTitle = z.engTitle;
  19557. this.newEnglishList.engText = z.engText;
  19558. }
  19559. }else if(this.userMes[0].type == 1){
  19560. var num = 0;
  19561. for(var w= 0;w<a.length;w++){
  19562. if(this.userMes[0].userid == a[w].correct){
  19563. num = 1;
  19564. }
  19565. }
  19566. if(num == 0){
  19567. this.isNoUserid = true;
  19568. var c = JSON.parse(JSON.stringify(z));
  19569. this.oldEnglishJson1 = c;
  19570. }else{
  19571. this.isNoUserid = false;
  19572. }
  19573. var b = a.sort((item, index) => {
  19574. console.log(item)
  19575. if (item.correct === this.userMes[0].userid) {
  19576. return -1; // 将a移到前面
  19577. } else if (index.correct === this.userMes[0].userid) {
  19578. return 1; // 将b移到前面
  19579. } else {
  19580. return 0; // 保持默认顺序
  19581. }
  19582. });
  19583. for(var p = 0;p<b.length;p++){
  19584. for(var y = 0;y<ppp.length;y++){
  19585. if(b[p].id == ppp[y].id){
  19586. b[p].cWork = JSON.parse(ppp[y].cWork);
  19587. break
  19588. }
  19589. }
  19590. }
  19591. this.newEnglishList1 = b;
  19592. }
  19593. }
  19594. this.greyType = false;
  19595. setTimeout(() => {
  19596. this.topHeight = document.querySelectorAll(".engUpTop")[0].offsetHeight;
  19597. if(this.newEnglishList1.length > 0){
  19598. if(this.isNoUserid == true){
  19599. this.engListLength = this.newEnglishList1.length + 1;
  19600. this.newEngIndex = -1;
  19601. }else{
  19602. this.engListLength = this.newEnglishList1.length;
  19603. this.newEngIndex = 0;
  19604. }
  19605. }
  19606. if(this.userMes[0].type == 2){
  19607. this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.newEnglishList.engText);
  19608. }else if(this.newEngIndex == -1 && this.isNoUserid == true && this.newEnglishList1.length){
  19609. this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.oldEnglishJson1.engText);
  19610. }else if(this.newEngIndex == -1){
  19611. this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.newEnglishList.engText);
  19612. }else if(this.newEngIndex > -1 && this.newEnglishList1.length > 0){
  19613. this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.newEnglishList1[this.newEngIndex].cWork.engText);
  19614. }
  19615. }, 500);
  19616. this.engUpdateDialogVisible = true;
  19617. this.$forceUpdate();
  19618. })
  19619. .catch((err) => {
  19620. console.error(err);
  19621. });
  19622. },
  19623. getPick() {
  19624. let params = {
  19625. cid: this.id,
  19626. };
  19627. this.ajax
  19628. .get(this.$store.state.api + "getPick", params)
  19629. .then((res) => {
  19630. let array = [];
  19631. for (var i = 0; i < res.data[0].length; i++) {
  19632. array.push(res.data[0][i].userid);
  19633. }
  19634. this.isPickStudent = array;
  19635. if (array.indexOf(this.userid) !== -1) {
  19636. this.$confirm("你被老师选到啦!", "提示", {
  19637. confirmButtonText: "确定",
  19638. showCancelButton: false,
  19639. closeOnClickModal: false,
  19640. type: "warning",
  19641. })
  19642. .then(() => {
  19643. let pa = [
  19644. {
  19645. uid: this.userid,
  19646. cid: this.id,
  19647. },
  19648. ];
  19649. this.ajax
  19650. .post(this.$store.state.api + "deletePick", pa)
  19651. .then((res) => {
  19652. this.getPick();
  19653. })
  19654. .catch((err) => {
  19655. this.$message.error("网络不佳");
  19656. console.error(err);
  19657. });
  19658. })
  19659. .catch(() => {});
  19660. }
  19661. })
  19662. .catch((err) => {
  19663. this.$message.error("网络不佳");
  19664. console.error(err);
  19665. });
  19666. },
  19667. foldEva() {
  19668. if (this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].isEvaFold2) {
  19669. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].isEvaFold2 = false;
  19670. } else {
  19671. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].isEvaFold2 = true;
  19672. setTimeout(() => {
  19673. this.checkEva();
  19674. setTimeout(() => {
  19675. this.checkEva();
  19676. }, 500);
  19677. }, 0);
  19678. }
  19679. this.$forceUpdate();
  19680. },
  19681. panToolHeight(tool) {
  19682. var _tool = document.querySelectorAll('#'+tool)[0]
  19683. var _toolA = _tool ? _tool.offsetHeight : 0
  19684. var _toolC = 0
  19685. var _toolC = _tool && _tool.children && _tool.children[0] ? _tool.children[0].offsetHeight + 50 : 0
  19686. let boolean2 = (_toolA > _toolC) ? true : false
  19687. this.isCloseList[tool.split('-')[1]].isCloseBoolean = boolean2
  19688. this.$forceUpdate();
  19689. },
  19690. async checkLink(url) {
  19691. console.log(url)
  19692. let _url = url
  19693. try {
  19694. const response = await fetch(url);
  19695. if(!response.ok){
  19696. _url = await this.checkLink("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/" + encodeURIComponent(_url.split('https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/')[1]))
  19697. }
  19698. console.log(response.ok)
  19699. } catch (error) {
  19700. console.error('Error checking link:', error);
  19701. // console.log(false)
  19702. _url = await this.checkLink("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/" + encodeURIComponent(_url.split('https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/')[1]))
  19703. }
  19704. // console.log(_url)
  19705. return _url
  19706. },
  19707. getScoreList(){
  19708. let params = {
  19709. cid: this.id,
  19710. };
  19711. this.ajax
  19712. .get(this.$store.state.api + "selectTestCourseByCid", params)
  19713. .then((res) => {
  19714. let result = res.data;
  19715. this.scoreList.datalist = result[0];
  19716. this.scoreList.isScoreList = result[1];
  19717. })
  19718. .catch((err) => {
  19719. console.error(err);
  19720. });
  19721. },
  19722. setClassRoomHelperWidth(width){
  19723. this.classRoomHelperWidth = width
  19724. }
  19725. },
  19726. directives: {
  19727. // 使用局部注册指令的方式
  19728. resize: {
  19729. // 指令的名称
  19730. bind(el, binding) {
  19731. // el为绑定的元素,binding为绑定给指令的对象
  19732. let width = "",
  19733. height = "";
  19734. function isReize() {
  19735. const style = document.defaultView.getComputedStyle(el);
  19736. if (width !== style.width || height !== style.height) {
  19737. binding.value(); // 关键
  19738. }
  19739. width = style.width;
  19740. height = style.height;
  19741. }
  19742. el.__vueSetInterval__ = setInterval(isReize, 300);
  19743. },
  19744. unbind(el) {
  19745. clearInterval(el.__vueSetInterval__);
  19746. },
  19747. },
  19748. autoHeight: {
  19749. update(el, binding) {
  19750. const { value } = binding
  19751. if (value && typeof value === 'number') {
  19752. el.style.height = `${value}px`
  19753. } else {
  19754. el.style.height = 'auto'
  19755. }
  19756. },
  19757. componentUpdated(el) {
  19758. el.style.height = `${el.scrollHeight}px`
  19759. },
  19760. },
  19761. },
  19762. beforeDestroy() {
  19763. window.onresize = null;
  19764. clearInterval(this.timer);
  19765. this.timer = null;
  19766. clearInterval(this.opertimer);
  19767. this.opertimer = null;
  19768. },
  19769. computed: {
  19770. contentConvent() {
  19771. return function (c) {
  19772. return c
  19773. ? c
  19774. .replaceAll(/\r\n/g, "<br/>")
  19775. .replaceAll(/\n/g, "<br/>")
  19776. .replaceAll(/\s/g, " &nbsp")
  19777. : "";
  19778. };
  19779. },
  19780. commentRight(){
  19781. if(!this.orgArray.includes(this.org) && !this.oidArray.includes(this.oid)){
  19782. return "35px";
  19783. }
  19784. return `calc(${this.classRoomHelperWidth} + 5px)`
  19785. // if(this.$refs["classRoomHelperRef"].type==0){
  19786. // return "100px";
  19787. // }else if(this.$refs["classRoomHelperRef"].type==1){
  19788. // return "502px"
  19789. // }else{
  19790. // return "0px"
  19791. // }
  19792. },
  19793. checkUpload() {
  19794. return function () {
  19795. var studentK = [];
  19796. if (this.plworkFile.length > 0) {
  19797. for (var z = 0; z < this.plworkFile.length; z++) {
  19798. studentK.push(this.plworkFile[z].username);
  19799. }
  19800. studentK = studentK.join(",");
  19801. }
  19802. var a = this.uploadStudentJuri.filter((el) => {
  19803. return studentK.indexOf(el.userid) == -1;
  19804. });
  19805. return a;
  19806. };
  19807. },
  19808. getSName() {
  19809. return function (name) {
  19810. var check = name;
  19811. this.uploadStudentJuri.forEach((el) => {
  19812. if (el.userid == check) {
  19813. check = el.name ? el.name : el.username;
  19814. }
  19815. });
  19816. return check;
  19817. };
  19818. },
  19819. getImgList() {
  19820. return function (val) {
  19821. let srcList = []; // 定义一个数组用来接收后面的img地址
  19822. val.replace(
  19823. /<img [^>]*src=['"]([^'"]+)[^>]*>/g,
  19824. function (match, capture) {
  19825. // 查找匹配的元素 match为整个img标签 capture为src中的内容
  19826. srcList.push(capture);
  19827. }
  19828. );
  19829. return srcList;
  19830. };
  19831. },
  19832. retrnToolHeight(){
  19833. return function (tool) {
  19834. var _tool = document.querySelectorAll('#'+tool)[0]
  19835. return _tool ? document.querySelectorAll('#'+tool)[0].children[0].offsetHeight + 30 + 'px' : 0;
  19836. };
  19837. },
  19838. Correct() {
  19839. return function (c) {
  19840. let w = "";
  19841. let a = this.correctWord;
  19842. for(var k = 0;k<a.length;k++){
  19843. //diffWordsWithSpace
  19844. if(a.length > 1){
  19845. if(a[k].added == true){
  19846. w += '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
  19847. }else if(a[k].removed == true){
  19848. w += '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
  19849. }else{
  19850. w += '<span>' + a[k].value + '</span>';
  19851. }
  19852. }else{
  19853. w = c
  19854. }
  19855. //diffChars方法
  19856. // if(a.length > 1){
  19857. // if(w == ""){
  19858. // if(a[k].added == true){
  19859. // w = '<span>' + a[k - 1].value + '</span>' + '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
  19860. // }else if(a[k].removed == true){
  19861. // w = '<span>' + a[k - 1].value + '</span>' + '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
  19862. // }
  19863. // }else{
  19864. // if(k == a.length - 1){
  19865. // if(a[k].added == true){
  19866. // w += '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
  19867. // }else if(a[k].removed == true){
  19868. // w += '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
  19869. // }
  19870. // }else{
  19871. // if(a[k].added == true){
  19872. // w += '<span>' + a[k - 1].value + '</span>' + '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
  19873. // }else if(a[k].removed == true){
  19874. // w += '<span>' + a[k - 1].value + '</span>' + '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
  19875. // }
  19876. // }
  19877. // }
  19878. // }else{
  19879. // w = c
  19880. // }
  19881. }
  19882. c = w;
  19883. return c;
  19884. };
  19885. },
  19886. },
  19887. mounted() {
  19888. document.body.addEventListener("click", (e) => {
  19889. if (this.isUpdateToolDetail1) {
  19890. this.updateToolDetail(this.toolDetailIndex);
  19891. }
  19892. });
  19893. if (this.screenType == 2) {
  19894. window.parent.postMessage({ allScreen: 4 }, "*");
  19895. } else if (this.screenType == 3) {
  19896. window.parent.postMessage({ allScreen: 5 }, "*");
  19897. } else if (this.screenType == 1) {
  19898. window.parent.postMessage({ allScreen: 6 }, "*");
  19899. }
  19900. this.setOperationTime();
  19901. this.selectEva();
  19902. this.getCourseDetail();
  19903. this.selectCount();
  19904. this.getHomeWork();
  19905. this.selectUser();
  19906. this.contentDialog = true;
  19907. this.setContent2(true);
  19908. if (this.tType == 4) {
  19909. this.pzDialog = true;
  19910. this.selectPz();
  19911. }
  19912. // 获取评分列表
  19913. this.getScoreList()
  19914. document.scrollingElement.scrollTop = 0;
  19915. window.addEventListener("resize", () => {
  19916. var a = document.getElementsByClassName("box_course")[0].offsetHeight;
  19917. // document.getElementsByClassName("vedioList")[0].style.height = a + "px";
  19918. if (this.showType == 2 || this.showType == 3) {
  19919. document.getElementsByClassName("navBox")[0].style.height =
  19920. a - 40 + 46 + "px";
  19921. } else {
  19922. document.getElementsByClassName("navBox")[0].style.height =
  19923. a - 40 + "px";
  19924. }
  19925. });
  19926. let _this = this;
  19927. setTimeout(() => {
  19928. // _this.vedioTime = [];
  19929. // for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
  19930. // _this.vedioTime[i] = document.getElementsByClassName(
  19931. // "vjs-duration-display"
  19932. // )[i].textContent;
  19933. // }
  19934. }, 1000);
  19935. },
  19936. };
  19937. </script>
  19938. <style scoped>
  19939. @media screen and (max-width: 1280px) {
  19940. /* .courseIndex > div:first-child(2) {
  19941. width: 15% !important;
  19942. } */
  19943. /* .navText {
  19944. width: 120px !important;
  19945. } */
  19946. .evaCss {
  19947. flex-direction: column !important;
  19948. align-items: center !important;
  19949. }
  19950. .elist_input {
  19951. width: 90% !important;
  19952. }
  19953. .dialog_diy1 >>> .el-dialog {
  19954. width: 100% !important;
  19955. }
  19956. .rightWidthCss {
  19957. width: 100% !important;
  19958. }
  19959. .dialog_diy3 >>> .el-dialog {
  19960. width: 100% !important;
  19961. }
  19962. .addToolCss {
  19963. right: 0 !important;
  19964. width: 100% !important;
  19965. min-width: unset !important;
  19966. }
  19967. }
  19968. .evaCssMax {
  19969. flex-direction: column !important;
  19970. align-items: center !important;
  19971. }
  19972. .dialog_diy >>> .el-dialog {
  19973. margin-top: 10vh !important;
  19974. }
  19975. .body_student {
  19976. width: 77%;
  19977. height: 100%;
  19978. position: absolute;
  19979. left: 22%;
  19980. top: 0;
  19981. }
  19982. .student_head {
  19983. width: 100%;
  19984. margin: 20px auto 0;
  19985. padding-bottom: 20px;
  19986. display: flex;
  19987. flex-direction: column;
  19988. flex-wrap: nowrap;
  19989. align-items: flex-start;
  19990. justify-content: flex-start;
  19991. }
  19992. .pb_left {
  19993. width: 20%;
  19994. margin-right: 10px;
  19995. background: rgb(255, 255, 255);
  19996. position: fixed;
  19997. height: calc(100% - 40px);
  19998. border-radius: 20px;
  19999. padding-bottom: 15px;
  20000. box-sizing: border-box;
  20001. }
  20002. .wheel > img,
  20003. .project > img,
  20004. .star > img,
  20005. .evaluate > img,
  20006. .up_photo > img,
  20007. .chapter_add > img,
  20008. .deleteWord > img,
  20009. .question > img,
  20010. .homework > img {
  20011. width: 100%;
  20012. height: 100%;
  20013. }
  20014. .upCover > img {
  20015. width: 131px;
  20016. height: 69px;
  20017. object-fit: cover;
  20018. }
  20019. .upCover {
  20020. width: calc(100% / 3.5);
  20021. position: relative;
  20022. margin: 0 15px 10px 0;
  20023. display: flex;
  20024. flex-direction: column;
  20025. flex-wrap: nowrap;
  20026. justify-content: center;
  20027. align-content: center;
  20028. align-items: center;
  20029. height: fit-content;
  20030. }
  20031. .upCover2 {
  20032. width: 100%;
  20033. position: relative;
  20034. margin: 0 15px 10px 0;
  20035. display: flex;
  20036. flex-direction: column;
  20037. flex-wrap: nowrap;
  20038. justify-content: center;
  20039. align-content: center;
  20040. align-items: center;
  20041. }
  20042. .upCover2 > img {
  20043. width: 100%;
  20044. height: 90px;
  20045. object-fit: contain;
  20046. }
  20047. .chapter_add {
  20048. width: 120px;
  20049. position: relative;
  20050. text-align: center;
  20051. }
  20052. .isAddThings {
  20053. margin-top: 20px;
  20054. position: relative;
  20055. text-align: center;
  20056. background: #f7f8fa;
  20057. height: 90px;
  20058. width: 90px;
  20059. display: flex;
  20060. flex-direction: column;
  20061. justify-content: center;
  20062. }
  20063. .deleteWord {
  20064. width: 22px;
  20065. height: 22px;
  20066. position: absolute;
  20067. right: -5px;
  20068. top: -5px;
  20069. cursor: pointer;
  20070. }
  20071. .box_course {
  20072. /* width: 60%; */
  20073. width: calc(100% - 300px);
  20074. }
  20075. .wheel {
  20076. width: 100%;
  20077. /* height: 100%; */
  20078. height: 650px;
  20079. }
  20080. .right_box {
  20081. display: flex;
  20082. flex-direction: column;
  20083. margin-left: 30px;
  20084. justify-content: space-around;
  20085. }
  20086. .right_box_title {
  20087. font-size: 23px;
  20088. }
  20089. .people {
  20090. display: flex;
  20091. }
  20092. .student_body {
  20093. width: 100%;
  20094. margin: 0 auto;
  20095. margin-top: 10px;
  20096. padding: 0 0 20px;
  20097. }
  20098. .study_top {
  20099. margin-top: 100px;
  20100. width: 100%;
  20101. height: auto;
  20102. padding-bottom: 20px;
  20103. }
  20104. .study_top .checkbox {
  20105. display: flex;
  20106. align-items: center;
  20107. padding: 15px 0 15px 30px;
  20108. flex: 0 0 auto;
  20109. font-weight: bold;
  20110. border-bottom: 1px solid #eee;
  20111. }
  20112. .study_top .check {
  20113. padding-bottom: 5px;
  20114. text-align: center;
  20115. cursor: pointer;
  20116. height: 30px;
  20117. box-sizing: border-box;
  20118. display: flex;
  20119. }
  20120. .study_top .checked {
  20121. border-bottom: 4px solid #3fc6a0;
  20122. padding-bottom: 5px;
  20123. color: #3fc6a0;
  20124. display: flex;
  20125. height: 35px;
  20126. }
  20127. .study_top .checked > div,
  20128. .study_top .check > div {
  20129. margin-right: 5px;
  20130. }
  20131. .videoTop {
  20132. display: flex;
  20133. flex-direction: row;
  20134. justify-content: space-between;
  20135. background: #fff;
  20136. align-items: center;
  20137. width: 95%;
  20138. padding: 20px;
  20139. }
  20140. .filebox {
  20141. display: flex;
  20142. flex-wrap: wrap;
  20143. flex-direction: column;
  20144. padding: 0 0 5px;
  20145. position: relative;
  20146. }
  20147. .filebox:before {
  20148. content: ""; /* 使用 :before 伪元素创建纵向虚线 */
  20149. position: absolute;
  20150. top: 20px;
  20151. left: 13px;
  20152. border-left: 2px dotted #cad1dc;
  20153. height: calc(100% - 15px);
  20154. }
  20155. .toolHeng2 > div:last-child::before {
  20156. height: calc(100% - 43px);
  20157. }
  20158. .filebox .tooldetail {
  20159. width: calc(100% - 280px);
  20160. margin: 0px 12px;
  20161. padding: 12px;
  20162. line-height: 30px;
  20163. word-break: break-word;
  20164. background: #ffffff;
  20165. border-radius: 8px 8px 8px 8px;
  20166. opacity: 1;
  20167. border: 1px solid #cad1dc;
  20168. overflow:hidden;
  20169. box-sizing:border-box;
  20170. }
  20171. .file {
  20172. display: flex;
  20173. flex-direction: column;
  20174. align-items: center;
  20175. justify-content: center;
  20176. cursor: pointer;
  20177. width: 200px;
  20178. }
  20179. .file div {
  20180. margin-top: 10px;
  20181. width: 150px;
  20182. text-align: center;
  20183. overflow: hidden;
  20184. white-space: nowrap;
  20185. text-overflow: ellipsis;
  20186. }
  20187. .media {
  20188. display: flex;
  20189. flex-direction: column;
  20190. align-items: center;
  20191. justify-content: center;
  20192. margin: 0 20px 20px 0;
  20193. cursor: pointer;
  20194. margin: 12px 0 5px 15px;
  20195. overflow: hidden;
  20196. box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%),
  20197. 0px 2px 1px -1px rgb(0 0 0 / 12%);
  20198. box-sizing: border-box;
  20199. }
  20200. .media img {
  20201. height: 90px;
  20202. width: 160px;
  20203. object-fit: cover;
  20204. }
  20205. .media .title {
  20206. padding: 5px;
  20207. text-align: left;
  20208. width: 100%;
  20209. box-sizing: border-box;
  20210. }
  20211. .media .btn {
  20212. width: 100%;
  20213. height: 35px;
  20214. line-height: 35px;
  20215. color: #fff;
  20216. background: #606060;
  20217. text-align: center;
  20218. overflow: hidden;
  20219. white-space: nowrap;
  20220. text-overflow: ellipsis;
  20221. }
  20222. .detail_content_top {
  20223. width: 100%;
  20224. padding: 25px 0 25px 0;
  20225. }
  20226. .detail_title {
  20227. text-align: center;
  20228. font-size: 24px;
  20229. }
  20230. .detail_time {
  20231. font-size: 13px;
  20232. padding: 15px 0 0 40px;
  20233. }
  20234. .detail_content {
  20235. line-height: 2pc;
  20236. width: 90%;
  20237. margin: 0 auto;
  20238. padding-top: 30px;
  20239. text-indent: 30px;
  20240. overflow: auto;
  20241. height: 200px;
  20242. }
  20243. .score_box >>> .el-rate {
  20244. margin-left: 10px;
  20245. }
  20246. .dialog_change >>> .el-dialog {
  20247. border-radius: 5px;
  20248. }
  20249. .dialog_change >>> .el-dialog__header {
  20250. background: #f2f2f2;
  20251. text-align: center;
  20252. }
  20253. .dialog_change >>> .el-dialog__title {
  20254. line-height: 5px;
  20255. }
  20256. .dialog_change >>> .el-dialog__body {
  20257. background: #fff;
  20258. padding: 10px 20px;
  20259. }
  20260. .score_box {
  20261. display: flex;
  20262. align-items: center;
  20263. margin-bottom: 18px;
  20264. margin-top: 20px;
  20265. }
  20266. .up_photo {
  20267. width: 120px;
  20268. cursor: pointer;
  20269. margin-top: 10px;
  20270. }
  20271. .up_photo2 {
  20272. width: 180px;
  20273. box-sizing: border-box;
  20274. min-width: 180px;
  20275. height: 180px;
  20276. max-height: 180px;
  20277. min-height: 180px;
  20278. cursor: pointer;
  20279. display: flex;
  20280. flex-direction: column;
  20281. align-items: center;
  20282. justify-content: center;
  20283. background: rgb(242, 246, 255);
  20284. /* padding: 25px; */
  20285. margin-bottom: 10px;
  20286. }
  20287. .up_photo2 img {
  20288. width: 50%;
  20289. height: auto;
  20290. }
  20291. .up_photo2 span {
  20292. color: #898989;
  20293. }
  20294. .plworkBox {
  20295. display: flex;
  20296. align-items: center;
  20297. margin-top: 10px;
  20298. flex-wrap: wrap;
  20299. }
  20300. .upload_send {
  20301. margin: 30px auto 30px;
  20302. width: 60%;
  20303. background: #3681fc;
  20304. text-align: center;
  20305. height: 35px;
  20306. line-height: 35px;
  20307. color: #fff;
  20308. border-radius: 5px;
  20309. cursor: pointer;
  20310. }
  20311. .marginT {
  20312. margin-top: 20px;
  20313. }
  20314. .cd_content_steps {
  20315. display: flex;
  20316. width: 90%;
  20317. justify-content: space-around;
  20318. border-top: 1px solid #eeeeee;
  20319. }
  20320. .cd_steps_box {
  20321. display: flex;
  20322. justify-content: center;
  20323. align-items: center;
  20324. flex-direction: column;
  20325. cursor: pointer;
  20326. }
  20327. .first {
  20328. display: flex;
  20329. align-items: center;
  20330. margin: 15px 0 20px 0;
  20331. font-size: 20px;
  20332. }
  20333. .first > div:nth-child(2) {
  20334. font-size: 16px !important;
  20335. padding-left: 10px;
  20336. line-height: 26px;
  20337. box-sizing: border-box;
  20338. }
  20339. .blue_box_one {
  20340. text-align: center;
  20341. color: #fff;
  20342. background-image: linear-gradient(90deg, #477cd7, #65b9fc);
  20343. border-radius: 7px;
  20344. margin: 10px;
  20345. cursor: pointer;
  20346. width: 95%;
  20347. height: 45px;
  20348. display: flex;
  20349. flex-direction: row;
  20350. justify-content: flex-start;
  20351. align-items: center;
  20352. }
  20353. .blue_box_one > div:nth-child(1) {
  20354. line-height: 30px;
  20355. margin: 0 5px 0 10px;
  20356. width: 30%;
  20357. min-width: 70px;
  20358. border-radius: 4px;
  20359. }
  20360. .blue_box_one > div:nth-child(2) {
  20361. white-space: nowrap;
  20362. text-overflow: ellipsis;
  20363. overflow: hidden;
  20364. word-break: break-all;
  20365. width: 70%;
  20366. text-align: left;
  20367. margin-right: 10px;
  20368. max-width: calc(100% - 85px);
  20369. }
  20370. .blue_box_one > div:nth-child(2):hover {
  20371. overflow: hidden;
  20372. text-overflow: ellipsis;
  20373. white-space: nowrap;
  20374. cursor: pointer;
  20375. }
  20376. .upFile {
  20377. margin: 0 auto;
  20378. width: 120px;
  20379. background: #3681fc;
  20380. color: #fff;
  20381. height: 30px;
  20382. text-align: center;
  20383. line-height: 30px;
  20384. border-radius: 5px;
  20385. font-size: 14px;
  20386. cursor: pointer;
  20387. }
  20388. .courseTitle {
  20389. width: 85%;
  20390. margin: 10px auto 26px auto;
  20391. display: flex;
  20392. flex-direction: row;
  20393. align-items: center;
  20394. justify-content: space-between;
  20395. text-align: center;
  20396. }
  20397. .courseTitle .ctitle {
  20398. font-size: 20px;
  20399. font-weight: bold;
  20400. color: #0e1e33;
  20401. white-space: nowrap;
  20402. overflow: hidden;
  20403. text-overflow: ellipsis;
  20404. }
  20405. .inviteBox {
  20406. font-size: 14px;
  20407. /* margin-top: 5px; */
  20408. color: #00000099;
  20409. text-align: center;
  20410. }
  20411. .courseTitle >>> .el-tooltip {
  20412. width: 100%;
  20413. white-space: nowrap;
  20414. overflow: hidden;
  20415. text-overflow: ellipsis;
  20416. word-break: break-word;
  20417. }
  20418. .ml {
  20419. margin-left: 20px;
  20420. color: #5b7dba;
  20421. border-left: 3px solid #5b7dba;
  20422. padding-left: 5px;
  20423. font-weight: bold;
  20424. }
  20425. .return {
  20426. width: 2rem;
  20427. height: 2rem;
  20428. cursor: pointer;
  20429. }
  20430. .return > img {
  20431. width: 100%;
  20432. height: 100%;
  20433. }
  20434. .returnBtn {
  20435. width: 86px;
  20436. height: 36px;
  20437. background: #3681fc;
  20438. border-radius: 4px;
  20439. color: #fff;
  20440. text-align: center;
  20441. line-height: 36px;
  20442. margin-right: 20px;
  20443. cursor: pointer;
  20444. font-size: 14px;
  20445. font-weight: 400;
  20446. display: flex;
  20447. flex-direction: row;
  20448. flex-wrap: nowrap;
  20449. align-items: center;
  20450. justify-content: center;
  20451. }
  20452. .reBtnIcon,
  20453. .commentIcon,
  20454. .vedioIcon,
  20455. .vedioIcon1 {
  20456. /* width: 36px; */
  20457. height: 36px;
  20458. border-radius: 4px;
  20459. position: relative;
  20460. /* background: #e0eafb; */
  20461. background: #0061ff;
  20462. cursor: pointer;
  20463. margin-right: 12px;
  20464. display: flex;
  20465. align-items: center;
  20466. padding: 0 10px;
  20467. box-sizing: border-box;
  20468. font-size: 14px;
  20469. color: #fff;
  20470. }
  20471. .reBtnIcon::before,
  20472. .commentIcon::before,
  20473. .vedioIcon::before,
  20474. .vedioIcon1::before {
  20475. content: "";
  20476. display: block;
  20477. background-size: 100% 100%;
  20478. background-repeat: no-repeat;
  20479. width: 20px;
  20480. height: 20px;
  20481. margin-right: 5px;
  20482. /* position: absolute; */
  20483. /* top: 8px;
  20484. left: 8px; */
  20485. }
  20486. .vedioIcon1 {
  20487. background: #f63564;
  20488. }
  20489. .reBtnIcon::before {
  20490. background-image: url("../assets/icon/newIcons/refresh.png");
  20491. }
  20492. .commentIcon::before {
  20493. background-image: url("../assets/icon/newIcons/comment.png");
  20494. }
  20495. .vedioIcon::before {
  20496. background-image: url("../assets/icon/newIcons/transcribe.png");
  20497. }
  20498. .vedioIcon1::before {
  20499. /* background-image: url("../assets/icon/newIcons/istranscribe.png"); */
  20500. background-image: url("../assets/icon/newIcons/transcribe.png");
  20501. }
  20502. .tool {
  20503. display: flex;
  20504. flex-direction: column;
  20505. flex-wrap: nowrap;
  20506. width: 13%;
  20507. margin: 0 30px;
  20508. align-items: center;
  20509. position: relative;
  20510. padding: 10px 25px;
  20511. cursor: pointer;
  20512. }
  20513. .whiteBIcon {
  20514. width: 150px;
  20515. }
  20516. .whiteBIcon > img {
  20517. width: 100%;
  20518. height: 100%;
  20519. }
  20520. .mask {
  20521. background-color: rgba(0, 0, 0, 0);
  20522. position: fixed;
  20523. top: 0;
  20524. left: 0;
  20525. width: 100%;
  20526. height: 100%;
  20527. z-index: 20000;
  20528. display: flex;
  20529. align-items: center;
  20530. justify-content: center;
  20531. }
  20532. .progressBox {
  20533. width: 500px;
  20534. height: 180px;
  20535. background: #fff;
  20536. border-radius: 10px;
  20537. box-shadow: 0 0 6px 1px #bfbfbf;
  20538. display: flex;
  20539. align-items: center;
  20540. justify-content: center;
  20541. flex-direction: column;
  20542. position: relative;
  20543. color: #6c6c6c;
  20544. }
  20545. .progressBox >>> .el-progress-bar__outer {
  20546. background-color: #d1dfff !important;
  20547. }
  20548. .progressBox .lbox {
  20549. height: 50px;
  20550. font-size: 19px;
  20551. display: flex;
  20552. align-items: center;
  20553. color: #747474;
  20554. }
  20555. .progressBox .lbox img {
  20556. width: 40px;
  20557. margin-right: 20px;
  20558. }
  20559. .closeCss {
  20560. position: absolute;
  20561. top: 8px;
  20562. right: 8px;
  20563. cursor: pointer;
  20564. width: 20px;
  20565. height: 20px;
  20566. }
  20567. .closeCss > img {
  20568. width: 100%;
  20569. height: 100%;
  20570. }
  20571. .uploadVedio {
  20572. display: flex;
  20573. flex-direction: column;
  20574. flex-wrap: nowrap;
  20575. justify-content: center;
  20576. align-items: center;
  20577. margin: 0 15px 10px 0;
  20578. }
  20579. .uploadVedio > img {
  20580. width: 30px;
  20581. height: 30px;
  20582. }
  20583. .uploadVedio > span {
  20584. white-space: nowrap;
  20585. overflow: hidden;
  20586. text-overflow: ellipsis;
  20587. width: 75px;
  20588. margin-top: 7px;
  20589. }
  20590. .picName {
  20591. white-space: nowrap;
  20592. overflow: hidden;
  20593. text-overflow: ellipsis;
  20594. width: 75px;
  20595. margin-top: 7px;
  20596. }
  20597. .new_top {
  20598. display: flex;
  20599. background: #fff;
  20600. flex-direction: row;
  20601. justify-content: flex-start;
  20602. align-items: center;
  20603. height: 60px;
  20604. position: fixed;
  20605. top: 20px;
  20606. left: 22%;
  20607. width: 77%;
  20608. z-index: 999;
  20609. border-radius: 12px 12px 0 0;
  20610. border-bottom: 1px solid #cad1dc;
  20611. padding: 10px 0;
  20612. }
  20613. .new_topFixed {
  20614. width: 100%;
  20615. height: 40px;
  20616. position: fixed;
  20617. top: 0px;
  20618. display: block;
  20619. background: #f2f2f2;
  20620. z-index: 998;
  20621. }
  20622. .before {
  20623. position: absolute;
  20624. background: #c3dad4;
  20625. width: 6px;
  20626. height: 100%;
  20627. }
  20628. .courseIndex {
  20629. display: flex;
  20630. flex-direction: row;
  20631. align-items: center;
  20632. width: calc(100% - 745px);
  20633. }
  20634. .courseIndex > div:nth-child(1) {
  20635. margin: 0 0 0 10px;
  20636. font-size: 20px;
  20637. min-width: 100px;
  20638. font-weight: bold;
  20639. border-left: 4px solid #3363b9;
  20640. height: 32px;
  20641. text-align: center;
  20642. line-height: 35px;
  20643. }
  20644. .courseIndex > div:nth-child(2) {
  20645. font-size: 20px;
  20646. /* width: 300px; */
  20647. max-width: calc(100% - 105px);
  20648. white-space: nowrap;
  20649. overflow: hidden;
  20650. text-overflow: ellipsis;
  20651. }
  20652. .courseIndex > div:nth-child(3) {
  20653. border-bottom: 1px solid #d7d7d7;
  20654. padding-bottom: 5px;
  20655. background: #3681fc;
  20656. width: 55px;
  20657. min-width: 55px;
  20658. border-radius: 5px;
  20659. color: #fff;
  20660. text-align: center;
  20661. height: 20px;
  20662. line-height: 26px;
  20663. font-size: 14px;
  20664. margin: 0 0 0 10px;
  20665. }
  20666. .course_text {
  20667. padding: 20px 0 0 15px;
  20668. text-indent: 30px;
  20669. width: 80%;
  20670. min-height: 20px;
  20671. }
  20672. .vedioList {
  20673. background: #f2f2f2;
  20674. border: 1px solid #ececec;
  20675. /* width: 38.8%; */
  20676. /* width: 300px; */
  20677. width: 100%;
  20678. height: 445px;
  20679. border-radius: 10px;
  20680. overflow: hidden;
  20681. box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.16);
  20682. }
  20683. .vedioNav {
  20684. margin: 10px 0 0 15px;
  20685. border-bottom: 1px solid #d7d7d7;
  20686. padding-bottom: 5px;
  20687. background: #3681fc;
  20688. width: 55px;
  20689. min-width: 55px;
  20690. border-radius: 5px;
  20691. color: #fff;
  20692. text-align: center;
  20693. height: 20px;
  20694. line-height: 26px;
  20695. font-size: 14px;
  20696. }
  20697. .queTop {
  20698. display: flex;
  20699. padding: 20px 0 20px 30px;
  20700. width: 100%;
  20701. flex-direction: row;
  20702. justify-content: flex-start;
  20703. align-items: center;
  20704. box-sizing: border-box;
  20705. }
  20706. .queTopTitle {
  20707. display: flex;
  20708. flex-direction: row;
  20709. flex-wrap: nowrap;
  20710. align-items: center;
  20711. font-weight: bold;
  20712. font-size: 20px;
  20713. color: rgb(14, 30, 51);
  20714. }
  20715. .queTopTitle::before {
  20716. content: "";
  20717. width: 2px;
  20718. height: 22px;
  20719. background: #3681fc;
  20720. border-radius: 3px;
  20721. display: block;
  20722. margin: 2px 6px 0 0;
  20723. }
  20724. .queTopRight {
  20725. display: flex;
  20726. flex-direction: row;
  20727. flex-wrap: nowrap;
  20728. align-items: center;
  20729. }
  20730. .queTopClose {
  20731. margin-right: 20px;
  20732. cursor: pointer;
  20733. position: relative;
  20734. display: flex;
  20735. }
  20736. .closeImg,
  20737. .openImg {
  20738. width: 25px;
  20739. height: 25px;
  20740. position: absolute;
  20741. left: -20px;
  20742. top: -1px;
  20743. }
  20744. .closeImg > img,
  20745. .openImg > img {
  20746. width: 100%;
  20747. height: 100%;
  20748. }
  20749. .question {
  20750. width: 40px;
  20751. margin-right: 10px;
  20752. margin-top: 7px;
  20753. }
  20754. .queTitle {
  20755. margin-left: 5px;
  20756. font-size: 25px;
  20757. display: flex;
  20758. align-items: center;
  20759. }
  20760. .addEditor {
  20761. width: 100px;
  20762. height: 30px;
  20763. background: #42cda6;
  20764. color: #fff;
  20765. border-radius: 5px;
  20766. text-align: center;
  20767. line-height: 30px;
  20768. box-shadow: 1px 3px 6px 1px #bfbfbf;
  20769. cursor: pointer;
  20770. }
  20771. /* .vedioName {
  20772. cursor: pointer;
  20773. margin: 0px 0px 10px 5px;
  20774. white-space: nowrap;
  20775. overflow: hidden;
  20776. text-overflow: ellipsis;
  20777. width: 100%;
  20778. } */
  20779. .vedioTime {
  20780. width: 35px;
  20781. position: absolute;
  20782. color: #fff;
  20783. bottom: 0px;
  20784. right: 0px;
  20785. text-align: center;
  20786. background: #46411f;
  20787. height: 20px;
  20788. font-size: 14px;
  20789. line-height: 20px;
  20790. }
  20791. .homework {
  20792. width: 200px;
  20793. display: flex;
  20794. flex-direction: column;
  20795. flex-wrap: nowrap;
  20796. align-items: center;
  20797. cursor: pointer;
  20798. }
  20799. .homebox {
  20800. display: flex;
  20801. flex-wrap: wrap;
  20802. flex-direction: row;
  20803. justify-content: flex-start;
  20804. align-items: center;
  20805. padding: 15px 0;
  20806. }
  20807. .isChooseActive {
  20808. color: #3681fc !important;
  20809. font-weight: bold !important;
  20810. }
  20811. .chooseWho {
  20812. display: flex;
  20813. width: 100%;
  20814. flex-direction: row;
  20815. flex-wrap: nowrap;
  20816. justify-content: flex-start;
  20817. padding-bottom: 10px;
  20818. }
  20819. .chooseWho > div {
  20820. cursor: pointer;
  20821. padding-bottom: 10px;
  20822. margin: 0 30px 0 0;
  20823. font-weight: 400;
  20824. color: #0e1e33;
  20825. }
  20826. .addPoint > div > img {
  20827. cursor: pointer;
  20828. width: 85px;
  20829. border-radius: 15px;
  20830. box-shadow: 0px 1px 8px 0px rgb(20 20 20 / 14%);
  20831. }
  20832. .addPoint > div {
  20833. display: flex;
  20834. flex-direction: column;
  20835. flex-wrap: nowrap;
  20836. align-items: center;
  20837. }
  20838. .isBorder > div {
  20839. margin: 0 0 10px 0;
  20840. align-items: flex-start !important;
  20841. }
  20842. .noiframeBox {
  20843. display: flex;
  20844. flex-wrap: wrap;
  20845. }
  20846. .iframeBox iframe {
  20847. width: 100%;
  20848. height: 800px;
  20849. border: none;
  20850. margin-bottom: 20px;
  20851. border: 1px solid #ccc;
  20852. }
  20853. .upload_toolBtn {
  20854. background: #3681fc;
  20855. color: #fff;
  20856. width: 110px;
  20857. text-align: center;
  20858. height: 35px;
  20859. line-height: 35px;
  20860. font-size: 14px;
  20861. border-radius: 5px;
  20862. cursor: pointer;
  20863. position: absolute;
  20864. right: 10px;
  20865. bottom: 0;
  20866. }
  20867. .binfo_input,
  20868. .pj {
  20869. font: inherit;
  20870. color: currentColor;
  20871. width: 100%;
  20872. margin: 0;
  20873. padding: 15px 14px;
  20874. display: block;
  20875. min-width: 0;
  20876. outline: none;
  20877. box-sizing: content-box;
  20878. background: none;
  20879. -webkit-tap-highlight-color: transparent;
  20880. border: 1px solid rgba(0, 0, 0, 0.23);
  20881. border-radius: 4px;
  20882. box-sizing: border-box;
  20883. resize: none;
  20884. }
  20885. .binfo_input:focus-visible {
  20886. border: 1px solid rgba(61, 103, 188);
  20887. }
  20888. .dialog_diy >>> .el-dialog__header,
  20889. .dialog_diy1 >>> .el-dialog__header {
  20890. background: #454545 !important;
  20891. padding: 15px 20px;
  20892. }
  20893. .dialog_diy >>> .el-dialog__title,
  20894. .dialog_diy1 >>> .el-dialog__title {
  20895. color: #fff;
  20896. }
  20897. .dialog_diy >>> .el-dialog__headerbtn,
  20898. .dialog_diy1 >>> .el-dialog__headerbtn {
  20899. top: 19px;
  20900. }
  20901. .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close,
  20902. .dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close {
  20903. color: #fff;
  20904. }
  20905. .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover,
  20906. .dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover {
  20907. color: #fff;
  20908. }
  20909. .dialog_diy1 >>> .el-dialog__body {
  20910. padding: 0;
  20911. }
  20912. .dialog_diy >>> .el-dialog__body,
  20913. .dialog_diy >>> .el-dialog__footer,
  20914. .dialog_diy1 >>> .el-dialog__footer {
  20915. background: #fafafa;
  20916. }
  20917. .a_addBox {
  20918. padding: 0 0 0 15px;
  20919. }
  20920. .a_add_box {
  20921. padding: 10px;
  20922. background: #fff;
  20923. margin-bottom: 10px;
  20924. border-radius: 5px;
  20925. box-shadow: 0 0 5px 0 #d5d5d5;
  20926. }
  20927. .a_add_head {
  20928. display: flex;
  20929. align-items: flex-start;
  20930. /* justify-content: space-between; */
  20931. flex-direction: column;
  20932. /* flex-direction: row; */
  20933. margin: 10px 0 20px 0;
  20934. font-size: 18px;
  20935. width: 100%;
  20936. }
  20937. .askIndex {
  20938. background: #3681fc;
  20939. border-radius: 50%;
  20940. color: #fff;
  20941. width: 25px;
  20942. height: 25px;
  20943. min-width: 25px;
  20944. min-height: 25px;
  20945. text-align: center;
  20946. line-height: 25px;
  20947. margin-right: 5px;
  20948. }
  20949. .a_add_head .a_add_head_input {
  20950. width: 300px;
  20951. }
  20952. .a_add_head .a_add_head_div {
  20953. display: flex;
  20954. align-items: center;
  20955. justify-content: space-between;
  20956. }
  20957. .a_add_body {
  20958. display: flex;
  20959. align-items: center;
  20960. }
  20961. .a_add_input {
  20962. display: flex;
  20963. align-items: center;
  20964. flex-wrap: wrap;
  20965. width: 100%;
  20966. }
  20967. .a_add_input >>> .el-radio-group,
  20968. .a_add_input >>> .el-checkbox-group {
  20969. width: 100%;
  20970. }
  20971. .a_add_input >>> .el-radio,
  20972. .a_add_input >>> .el-checkbox {
  20973. display: flex;
  20974. flex-direction: row;
  20975. flex-wrap: nowrap;
  20976. align-items: center;
  20977. padding: 15px 0;
  20978. }
  20979. .a_add_input >>> .el-radio:not(:last-child),
  20980. .a_add_input >>> .el-checkbox:not(:last-child) {
  20981. width: 100%;
  20982. border-bottom: 1px solid #efefef;
  20983. }
  20984. .redioStyle >>> .el-radio__label {
  20985. font-size: 18px;
  20986. }
  20987. .redioStyle >>> .el-radio__label > span,
  20988. .redioStyle >>> .el-checkbox__label > span {
  20989. word-break: break-all;
  20990. white-space: normal;
  20991. }
  20992. .redioStyle >>> .el-checkbox__label {
  20993. font-size: 18px;
  20994. }
  20995. .toolHeng2 {
  20996. width: 100%;
  20997. padding-left: 37px;
  20998. box-sizing: border-box;
  20999. }
  21000. .workNav {
  21001. font-size: 20px;
  21002. font-weight: bold;
  21003. color: #0e1e33;
  21004. display: flex;
  21005. flex-direction: row;
  21006. flex-wrap: nowrap;
  21007. align-items: center;
  21008. padding: 15px 0 15px 0;
  21009. }
  21010. .workNav::before {
  21011. content: "";
  21012. width: 2px;
  21013. height: 22px;
  21014. background: #3681fc;
  21015. border-radius: 3px;
  21016. display: block;
  21017. margin: 2px 6px 0 0;
  21018. }
  21019. .toolHeng {
  21020. display: flex;
  21021. flex-direction: row;
  21022. flex-wrap: wrap;
  21023. justify-content: flex-start;
  21024. align-items: center;
  21025. width: 100%;
  21026. }
  21027. .toolHeng > div {
  21028. padding-left: 20px;
  21029. }
  21030. .isWidth {
  21031. width: 20%;
  21032. }
  21033. .textTitle {
  21034. display: flex;
  21035. flex-direction: row;
  21036. flex-wrap: nowrap;
  21037. align-items: center;
  21038. width: 95%;
  21039. }
  21040. .textTitle >>> .el-form-item__label {
  21041. font-size: 22px;
  21042. color: #918f8f;
  21043. width: 100px;
  21044. }
  21045. .textTitle >>> .el-form-item__content {
  21046. width: calc(100% - 100px);
  21047. }
  21048. .textCss >>> .el-dialog {
  21049. width: 800px !important;
  21050. height: 400px;
  21051. background: #fafafa;
  21052. }
  21053. .textCss >>> .el-dialog__body {
  21054. margin: 55px 8% 0 8%;
  21055. padding: 0 !important;
  21056. }
  21057. .textCss >>> .el-dialog__footer {
  21058. padding-top: 38px;
  21059. }
  21060. .toolsCss >>> .el-dialog__body {
  21061. padding: 20px;
  21062. }
  21063. .lineCss >>> .el-dialog__body {
  21064. display: flex;
  21065. flex-direction: row;
  21066. align-items: center;
  21067. justify-content: center;
  21068. }
  21069. .newNav {
  21070. display: flex;
  21071. flex-direction: row;
  21072. align-items: baseline;
  21073. justify-content: flex-start;
  21074. }
  21075. .navListItem {
  21076. width: calc(100% - 20px);
  21077. height: 50px;
  21078. margin: 0px auto 10px;
  21079. display: flex;
  21080. flex-direction: row;
  21081. flex-wrap: nowrap;
  21082. align-items: center;
  21083. justify-content: space-between;
  21084. background: #f0f4fa;
  21085. border-radius: 6px 6px 6px 6px;
  21086. }
  21087. .navText {
  21088. cursor: pointer;
  21089. white-space: nowrap;
  21090. overflow: hidden;
  21091. text-overflow: ellipsis;
  21092. width: 220px;
  21093. padding: 0 10px;
  21094. font-weight: 400;
  21095. color: #0e1e33;
  21096. }
  21097. .downIcon {
  21098. width: 20px;
  21099. min-width: 20px;
  21100. height: 20px;
  21101. margin-right: 15px;
  21102. cursor: pointer;
  21103. }
  21104. .downIcon > img {
  21105. width: 100%;
  21106. height: 100%;
  21107. }
  21108. .noVedio {
  21109. display: flex;
  21110. flex-direction: row;
  21111. justify-content: center;
  21112. align-content: center;
  21113. }
  21114. .noNavText {
  21115. cursor: pointer;
  21116. margin: 0px 0px 10px 5px;
  21117. width: 112px;
  21118. }
  21119. .listNoVedio {
  21120. margin: 0 0 0 30px;
  21121. width: 97%;
  21122. }
  21123. .video-player >>> .video-js {
  21124. height: 100%;
  21125. }
  21126. .hangVedioList {
  21127. width: 90% !important;
  21128. height: 150px !important;
  21129. margin: 20px 0 0 30px;
  21130. }
  21131. .hangVedio {
  21132. width: 100%;
  21133. height: 170px !important;
  21134. align-items: flex-start !important;
  21135. }
  21136. .hangHand {
  21137. height: 150px !important;
  21138. }
  21139. .twoChild {
  21140. width: 95%;
  21141. margin: 10px;
  21142. border-radius: 5px;
  21143. background: #f2f2f2;
  21144. display: flex;
  21145. flex-direction: column;
  21146. flex-wrap: nowrap;
  21147. justify-content: flex-start;
  21148. align-items: flex-start;
  21149. transition: all 0.5s;
  21150. overflow: hidden;
  21151. height: 0;
  21152. background: #e7f3ff;
  21153. }
  21154. .twoChild > div:nth-child(1) {
  21155. margin-top: 5px;
  21156. }
  21157. .navChild {
  21158. width: 100%;
  21159. cursor: pointer;
  21160. margin-bottom: 10px;
  21161. position: relative;
  21162. }
  21163. .navChild img {
  21164. position: absolute;
  21165. right: 11px;
  21166. width: 15px;
  21167. top: 50%;
  21168. transform: translateY(-50%);
  21169. }
  21170. .navActive,
  21171. .toolActive {
  21172. height: auto !important;
  21173. overflow: auto !important;
  21174. /* padding-bottom: 16px; */
  21175. }
  21176. .toolActive {
  21177. padding: 0;
  21178. }
  21179. .navTask {
  21180. display: flex;
  21181. flex-direction: row;
  21182. flex-wrap: nowrap;
  21183. align-items: center;
  21184. align-content: flex-start;
  21185. height: 40px;
  21186. justify-content: flex-start;
  21187. padding: 0 10px;
  21188. width: 100%;
  21189. box-sizing: border-box;
  21190. }
  21191. .navTaskname {
  21192. white-space: nowrap;
  21193. text-overflow: ellipsis;
  21194. overflow: hidden;
  21195. word-break: break-all;
  21196. padding-left: 5px;
  21197. }
  21198. .openTaskActive {
  21199. /* background-color: #e0eafb !important;
  21200. color: #0061ff; */
  21201. color:#fff;
  21202. background: rgb(55, 129, 252) !important;
  21203. }
  21204. .iframeName {
  21205. margin: 5px 0;
  21206. border-left: 4px solid #41c4a4;
  21207. padding-left: 4px;
  21208. }
  21209. .toolTitle {
  21210. margin: 0px 0px 20px;
  21211. font-size: 20px;
  21212. font-weight: 500;
  21213. border-left: 4px solid #41c4a4;
  21214. padding-left: 4px;
  21215. }
  21216. .cru_selectBox {
  21217. overflow: auto;
  21218. width: 95%;
  21219. margin: 17px auto 0;
  21220. height: calc(100% - 40px - 21px - 20px - 17px);
  21221. background: #fff;
  21222. border-radius: 8px;
  21223. }
  21224. .cru_selectBox::-webkit-scrollbar,
  21225. .study_top::-webkit-scrollbar,
  21226. .textContent::-webkit-scrollbar {
  21227. /*滚动条整体样式*/
  21228. width: 6px;
  21229. /*高宽分别对应横竖滚动条的尺寸*/
  21230. height: 6px;
  21231. }
  21232. /*定义滚动条轨道 内阴影+圆角*/
  21233. .cru_selectBox::-webkit-scrollbar-track,
  21234. .study_top::-webkit-scrollbar-track,
  21235. .textContent::-webkit-scrollbar {
  21236. border-radius: 10px;
  21237. background-color: #b8bdc9;
  21238. }
  21239. /*定义滑块 内阴影+圆角*/
  21240. .cru_selectBox::-webkit-scrollbar-thumb,
  21241. .study_top::-webkit-scrollbar-thumb,
  21242. .textContent::-webkit-scrollbar-thumb {
  21243. border-radius: 10px;
  21244. -webkit-box-shadow: inset 0 0 6px rgb(96, 125, 184);
  21245. background-color: #2c5ab3;
  21246. }
  21247. .vedioBox {
  21248. border-radius: 0 0 20px 20px;
  21249. background: #fff;
  21250. overflow: auto;
  21251. }
  21252. .taskBox {
  21253. width: 98%;
  21254. background: #f0f4fa;
  21255. margin: 10px auto;
  21256. padding: 0 10px;
  21257. border-radius: 4px;
  21258. box-sizing: border-box;
  21259. }
  21260. .vedioTaskBox {
  21261. width: 100%;
  21262. display: flex;
  21263. flex-direction: row;
  21264. flex-wrap: nowrap;
  21265. align-items: flex-start;
  21266. position: relative;
  21267. }
  21268. .toolBox {
  21269. margin: 15px 0 0 25px;
  21270. display: flex;
  21271. position: relative;
  21272. padding: 18px 20px;
  21273. border-top-left-radius: 5px;
  21274. border-top-right-radius: 5px;
  21275. width: 90%;
  21276. }
  21277. .btnAll {
  21278. position: absolute;
  21279. right: 0;
  21280. display: flex;
  21281. flex-direction: row;
  21282. flex-wrap: nowrap;
  21283. align-items: center;
  21284. }
  21285. .btnLeft,
  21286. .btnRight {
  21287. display: flex;
  21288. flex-direction: row;
  21289. flex-wrap: nowrap;
  21290. align-items: center;
  21291. padding: 5px 0;
  21292. }
  21293. .btnLeft {
  21294. border-right: 1px solid #cad1dc;
  21295. }
  21296. .btnLeft > .custom-tooltip {
  21297. background: #3681fc;
  21298. color: #fff;
  21299. }
  21300. .last:hover {
  21301. background: #3383fa !important;
  21302. color: #fff;
  21303. border: 1px solid #3383fa !important;
  21304. }
  21305. .last,
  21306. .returnBtn1 {
  21307. width: 90px;
  21308. height: 36px;
  21309. background: #ffffff;
  21310. border-radius: 4px;
  21311. border: 1px solid #0061ff;
  21312. color: #0061ff;
  21313. cursor: pointer;
  21314. display: flex;
  21315. flex-direction: row;
  21316. flex-wrap: nowrap;
  21317. align-items: center;
  21318. justify-content: center;
  21319. margin-left: 12px;
  21320. }
  21321. .returnBtn1 {
  21322. background: #f0f4fa;
  21323. border-radius: 4px;
  21324. border: 1px solid #cad1dc;
  21325. margin: 0 12px;
  21326. }
  21327. .lastImg {
  21328. min-width: 15px;
  21329. width: 15px;
  21330. height: 15px;
  21331. display: flex;
  21332. }
  21333. .lastText {
  21334. padding: 0 5px 0 5px;
  21335. box-sizing: border-box;
  21336. font-size: 14px;
  21337. }
  21338. .lastImg > img {
  21339. width: 100%;
  21340. height: 100%;
  21341. }
  21342. /* .vedioTimeBox {
  21343. display: flex;
  21344. flex-direction: row;
  21345. align-items: center;
  21346. flex-wrap: nowrap;
  21347. position: relative;
  21348. } */
  21349. .navBox {
  21350. background: #fff;
  21351. height: calc(100% - 40px);
  21352. overflow-y: auto;
  21353. overflow-x: hidden;
  21354. }
  21355. .worksBox {
  21356. margin: 0 0 10px 25px;
  21357. border-bottom: 1px solid #eeeeee;
  21358. padding: 18px 20px;
  21359. border-radius: 4px;
  21360. width: 90%;
  21361. }
  21362. .worksBTitle {
  21363. font-size: 20px;
  21364. padding-bottom: 15px;
  21365. border-bottom: 1px solid #eeeeee;
  21366. display: flex;
  21367. align-items: center;
  21368. }
  21369. .greenBox {
  21370. width: 5px;
  21371. height: 30px;
  21372. background: #63b6fa;
  21373. margin-right: 5px;
  21374. }
  21375. .worksDetailBox {
  21376. display: flex;
  21377. width: 100%;
  21378. flex-direction: row;
  21379. flex-wrap: wrap;
  21380. align-items: flex-end;
  21381. justify-content: flex-start;
  21382. padding: 15px 5px;
  21383. box-sizing: border-box;
  21384. }
  21385. .works {
  21386. display: flex;
  21387. flex-direction: column;
  21388. flex-wrap: nowrap;
  21389. align-items: flex-start;
  21390. justify-content: flex-start;
  21391. align-content: center;
  21392. max-width: 240px;
  21393. width: calc(100% / 3 - 10px);
  21394. height: auto;
  21395. margin-right: 10px;
  21396. margin-bottom: 10px;
  21397. overflow: hidden;
  21398. height: 140px;
  21399. box-shadow: 0 0 6px 1px #dfdada;
  21400. border-radius: 15px;
  21401. }
  21402. .workImg {
  21403. width: 100%;
  21404. /* height: calc(100% - 40px); */
  21405. height: 105px;
  21406. position: relative;
  21407. }
  21408. .workImg > img {
  21409. width: 100%;
  21410. height: 100%;
  21411. object-fit: contain;
  21412. cursor: pointer;
  21413. }
  21414. .worksName {
  21415. height: 40px;
  21416. line-height: 40px;
  21417. display: flex;
  21418. width: 100%;
  21419. flex-direction: row;
  21420. flex-wrap: nowrap;
  21421. justify-content: space-between;
  21422. align-items: center;
  21423. margin: 0 0 0 10px;
  21424. }
  21425. .worksName > div:nth-child(1) {
  21426. width: 110px;
  21427. white-space: nowrap;
  21428. overflow: hidden;
  21429. text-overflow: ellipsis;
  21430. }
  21431. .worksName > div:nth-child(2) {
  21432. color: #b7b4b5;
  21433. }
  21434. .noWorksS {
  21435. padding: 15px 0;
  21436. display: flex;
  21437. flex-direction: row;
  21438. flex-wrap: wrap;
  21439. align-items: center;
  21440. justify-content: flex-start;
  21441. }
  21442. .noWorksName,
  21443. .isWorksName,
  21444. .isWorksName2 {
  21445. background: #ddebf8;
  21446. color: #000;
  21447. width: 90px;
  21448. height: 25px;
  21449. text-align: center;
  21450. line-height: 25px;
  21451. border-radius: 4px;
  21452. margin: 10px 15px 10px 0;
  21453. white-space: nowrap;
  21454. overflow: hidden;
  21455. padding: 5px;
  21456. text-overflow: ellipsis;
  21457. cursor: pointer;
  21458. border: 1px solid #ddebf8;
  21459. }
  21460. .noWorksName {
  21461. background: #fff;
  21462. color: #0061ff;
  21463. border: 1px solid #0061ff;
  21464. }
  21465. .isWorksName2 {
  21466. width: 100px;
  21467. height: 40px;
  21468. line-height: 40px;
  21469. position: relative;
  21470. background: #dae6f9;
  21471. }
  21472. .isWorksName {
  21473. background: #e7ebf1 !important;
  21474. width: 100px;
  21475. height: 40px;
  21476. line-height: 40px;
  21477. position: relative;
  21478. color: #acb4bf;
  21479. border: 1px solid #cad1dc !important;
  21480. }
  21481. .isSelectName,
  21482. .noWorksName:hover {
  21483. background: #3383fa !important;
  21484. color: #fff !important;
  21485. border: 1px solid #3383fa !important;
  21486. }
  21487. .title {
  21488. background: #1e5cc9;
  21489. /* width: 98%; */
  21490. height: 45px;
  21491. color: #fff;
  21492. line-height: 45px;
  21493. padding-left: 20px;
  21494. box-sizing: border-box;
  21495. }
  21496. .textBox {
  21497. font-size: 20px;
  21498. width: 90%;
  21499. display: flex;
  21500. flex-direction: column;
  21501. align-items: center;
  21502. margin: 20px auto 0;
  21503. max-height: calc(100% - 75px);
  21504. overflow: auto;
  21505. }
  21506. .textContent {
  21507. font-size: 18px;
  21508. width: 95%;
  21509. max-width: 95%;
  21510. }
  21511. .answerBg {
  21512. background: url("../assets/icon/answerBgNew.png") no-repeat;
  21513. background-size: 100% 100%;
  21514. width: 100%;
  21515. height: 100%;
  21516. color: #fff;
  21517. text-align: center;
  21518. display: flex;
  21519. flex-direction: column;
  21520. flex-wrap: nowrap;
  21521. align-items: center;
  21522. position: relative;
  21523. justify-content: center;
  21524. }
  21525. .answerBg > div:nth-child(1) {
  21526. /* font-size: 22px;
  21527. padding: 25px 0 10px; */
  21528. }
  21529. .answerContent {
  21530. width: 215px;
  21531. max-height: 60px;
  21532. word-break: break-all;
  21533. text-align: center;
  21534. /* white-space: nowrap; */
  21535. overflow: hidden;
  21536. text-overflow: ellipsis;
  21537. /* padding: 23px 0 0; */
  21538. -webkit-line-clamp: 3;
  21539. -webkit-box-orient: vertical;
  21540. display: -webkit-box;
  21541. font-size: 15px;
  21542. cursor: pointer;
  21543. }
  21544. .elist_input_box {
  21545. display: flex;
  21546. align-items: flex-start;
  21547. flex-wrap: nowrap;
  21548. padding: 10px 0 15px 30px;
  21549. flex-direction: column;
  21550. }
  21551. .elist_input {
  21552. /* width: 40%; */
  21553. width: 45%;
  21554. margin: 20px;
  21555. }
  21556. .elist_input .elist_input_box input {
  21557. font: inherit;
  21558. color: currentColor;
  21559. width: 200px;
  21560. padding: 8px 14px;
  21561. display: block;
  21562. min-width: 0;
  21563. outline: none;
  21564. border: 1px solid rgba(0, 0, 0, 0.23);
  21565. border-radius: 4px;
  21566. box-sizing: border-box;
  21567. background: #fff;
  21568. margin: 0 20px 0 0;
  21569. }
  21570. .elist_input .elist_input_box span {
  21571. height: 36px;
  21572. line-height: 36px;
  21573. color: rgb(82, 82, 82);
  21574. }
  21575. .elist_input .elist_input_box .remove {
  21576. height: 20px;
  21577. width: 20px;
  21578. background-size: 100% 100%;
  21579. background-position: unset;
  21580. margin-left: 5px;
  21581. }
  21582. .elist_input_box >>> .el-rate {
  21583. display: flex;
  21584. height: 36px;
  21585. align-items: center;
  21586. }
  21587. .elist_input_box .elist_inptu_text {
  21588. min-height: 50px;
  21589. /* width: 500px;
  21590. max-height: 150px; */
  21591. width: 100%;
  21592. line-height: 50px;
  21593. color: rgb(82, 82, 82);
  21594. overflow: auto;
  21595. text-indent: 5px;
  21596. background: #f7f6f9;
  21597. border-radius: 10px;
  21598. }
  21599. .elist_input_box .elist_inptu_text input {
  21600. width: 500px;
  21601. }
  21602. .elist_input_box >>> .el-rate__icon {
  21603. font-size: 24px;
  21604. }
  21605. .isClick {
  21606. background: #4d9def;
  21607. }
  21608. .bzBox {
  21609. display: flex;
  21610. flex-direction: row;
  21611. align-items: center;
  21612. }
  21613. .bzBox .yCss {
  21614. width: 7px;
  21615. height: 7px;
  21616. background: #fff;
  21617. margin: 0 16px 0 6px;
  21618. border-radius: 50%;
  21619. border: 5px solid #3681fc;
  21620. z-index: 99;
  21621. }
  21622. .bzBox > div:nth-child(2) {
  21623. font-size: 18px;
  21624. font-weight: bold;
  21625. color: #0e1e33;
  21626. }
  21627. .navTitile {
  21628. padding: 0 0px 0 15px;
  21629. font-size: 16px;
  21630. font-weight: bold;
  21631. color: #0e1e33;
  21632. height: 40px;
  21633. line-height: 40px;
  21634. }
  21635. .isTypeOne {
  21636. width: 240px;
  21637. height: 170px;
  21638. /* border: 1px solid #f8f8f8; */
  21639. border-radius: 10px;
  21640. box-shadow: 0 0 6px 1px #dfdada;
  21641. }
  21642. .e_add_top {
  21643. display: flex;
  21644. justify-content: space-between;
  21645. padding: 10px 20px;
  21646. border-radius: 3px;
  21647. background: #fff;
  21648. }
  21649. .e_add_title2 {
  21650. display: flex;
  21651. align-items: center;
  21652. }
  21653. .e_add_title2 span {
  21654. width: 40px;
  21655. }
  21656. .e_add_title {
  21657. display: flex;
  21658. align-items: center;
  21659. color: #b8b8b8;
  21660. font-size: 18px;
  21661. position: relative;
  21662. height: 40px;
  21663. width: 100%;
  21664. }
  21665. .e_add_title span {
  21666. margin-right: 10px;
  21667. }
  21668. .e_add_title .el_input {
  21669. width: 300px;
  21670. }
  21671. .e_add_title >>> .el-input__inner {
  21672. width: 400px;
  21673. }
  21674. .e_add_btn {
  21675. }
  21676. .e_add_content {
  21677. display: flex;
  21678. width: 100%;
  21679. max-width: 650px;
  21680. height: 550px;
  21681. }
  21682. .e_add_list {
  21683. background: #fff;
  21684. height: 500px;
  21685. width: 210px;
  21686. position: relative;
  21687. margin: 15px 5px 0 0;
  21688. flex-shrink: 0;
  21689. display: flex;
  21690. flex-direction: column;
  21691. }
  21692. .e_add_list_title {
  21693. font-size: 20px;
  21694. width: 100%;
  21695. box-sizing: border-box;
  21696. padding: 15px 40px;
  21697. text-align: center;
  21698. border-bottom: 1px solid #eaeaea;
  21699. position: relative;
  21700. display: flex;
  21701. align-items: center;
  21702. justify-content: center;
  21703. height: 57px;
  21704. background: #f6f6f6;
  21705. }
  21706. .e_add_list_title span {
  21707. overflow: hidden;
  21708. white-space: nowrap;
  21709. text-overflow: ellipsis;
  21710. }
  21711. .e_add_list_title img {
  21712. position: absolute;
  21713. right: 15px;
  21714. width: 25px;
  21715. cursor: pointer;
  21716. top: 50%;
  21717. transform: translateY(-50%);
  21718. }
  21719. .e_add_list_body {
  21720. height: calc(100% - 187px);
  21721. overflow: auto;
  21722. }
  21723. .e_add_list_child {
  21724. width: 100%;
  21725. display: flex;
  21726. align-items: center;
  21727. justify-content: center;
  21728. position: relative;
  21729. box-sizing: border-box;
  21730. padding: 15px 40px;
  21731. text-align: center;
  21732. }
  21733. .e_add_list_child span {
  21734. overflow: hidden;
  21735. white-space: nowrap;
  21736. text-overflow: ellipsis;
  21737. cursor: pointer;
  21738. }
  21739. .e_add_list_child img {
  21740. position: absolute;
  21741. right: 10px;
  21742. width: 21px;
  21743. cursor: pointer;
  21744. top: 50%;
  21745. transform: translateY(-50%);
  21746. }
  21747. .e_add_list_child + .e_add_list_child {
  21748. border-top: 1px solid #eaeaea;
  21749. }
  21750. .e_add_list_child .active {
  21751. color: #409eff;
  21752. }
  21753. .e_add_list_btn {
  21754. position: absolute;
  21755. bottom: 0;
  21756. height: 50px;
  21757. background: rgb(120, 120, 254);
  21758. width: 100%;
  21759. color: #fff;
  21760. font-size: 16px;
  21761. text-align: center;
  21762. line-height: 50px;
  21763. cursor: pointer;
  21764. }
  21765. .e_add_list_detail {
  21766. position: absolute;
  21767. bottom: 0;
  21768. height: 130px;
  21769. background: rgb(120, 120, 254);
  21770. width: 100%;
  21771. color: #fff;
  21772. font-size: 16px;
  21773. display: flex;
  21774. align-items: center;
  21775. justify-content: center;
  21776. }
  21777. .e_add_list_detail textarea {
  21778. height: 90%;
  21779. width: 95%;
  21780. border: none;
  21781. resize: none;
  21782. outline: none;
  21783. padding: 5px;
  21784. box-sizing: border-box;
  21785. }
  21786. .e_add_list_pbox {
  21787. width: 100%;
  21788. max-width: 650px;
  21789. /* height: 600px; */
  21790. }
  21791. .e_add_list_pbox_title {
  21792. height: 50px;
  21793. background: #fff;
  21794. display: flex;
  21795. align-items: center;
  21796. width: 100%;
  21797. box-sizing: border-box;
  21798. padding: 0 20px;
  21799. }
  21800. .type_title {
  21801. font-size: 18px;
  21802. font-weight: 700;
  21803. }
  21804. .type_content {
  21805. font-size: 16px;
  21806. /* margin-left: 30px; */
  21807. }
  21808. .type_content span + span {
  21809. margin-left: 20px;
  21810. }
  21811. .type_content span {
  21812. cursor: pointer;
  21813. padding-bottom: 5px;
  21814. box-sizing: border-box;
  21815. }
  21816. .type_content .active {
  21817. color: #409eff;
  21818. border-bottom: 2px solid #409eff;
  21819. }
  21820. .e_add_list_pbox_content {
  21821. height: calc(100% - 50px);
  21822. display: flex;
  21823. align-items: center;
  21824. width: 100%;
  21825. background: #fff;
  21826. }
  21827. .evaCss {
  21828. display: flex;
  21829. flex-direction: row;
  21830. flex-wrap: nowrap;
  21831. align-items: flex-start;
  21832. padding: 0 0 20px;
  21833. }
  21834. .cru_line {
  21835. position: absolute;
  21836. bottom: 0px;
  21837. transition: all 0.5s;
  21838. left: 0px;
  21839. width: 125px;
  21840. margin-left: -25px;
  21841. }
  21842. .isNoMessage {
  21843. width: 20%;
  21844. margin: 25% auto 0;
  21845. }
  21846. .isNoMessage > img {
  21847. width: 100%;
  21848. height: 100%;
  21849. }
  21850. .fullStyle >>> .el-dialog__body {
  21851. height: 100% !important;
  21852. }
  21853. .fullStyle >>> .el-dialog,
  21854. .fullStyle {
  21855. width: 100% !important;
  21856. max-width: 100% !important;
  21857. height: 100% !important;
  21858. margin: 0 !important;
  21859. }
  21860. .full_diy >>> .el-dialog {
  21861. margin: 0 !important;
  21862. height: 100%;
  21863. padding: 4px;
  21864. }
  21865. .full_diy >>> .el-dialog__body {
  21866. height: calc(100% - 100px);
  21867. }
  21868. .full_diy2 >>> .el-dialog__body {
  21869. height: calc(100% - 50px);
  21870. padding: 0;
  21871. }
  21872. .switchCss {
  21873. /* width: 100%; */
  21874. display: flex;
  21875. flex-direction: row;
  21876. flex-wrap: nowrap;
  21877. align-items: center;
  21878. /* justify-content: center; */
  21879. }
  21880. .isClickNav {
  21881. /* color: #499eef; */
  21882. color: #000;
  21883. }
  21884. .commentImg {
  21885. width: 25px;
  21886. height: 25px;
  21887. cursor: pointer;
  21888. }
  21889. .commentImg > img {
  21890. width: 100%;
  21891. height: 100%;
  21892. }
  21893. .comment {
  21894. background: #f9f9f9;
  21895. border-radius: 0 0 4px 4px;
  21896. display: flex;
  21897. flex-direction: row;
  21898. flex-wrap: nowrap;
  21899. align-items: center;
  21900. justify-content: flex-end;
  21901. height: 35px;
  21902. }
  21903. .commentList {
  21904. display: flex;
  21905. flex-direction: row;
  21906. flex-wrap: nowrap;
  21907. align-items: center;
  21908. justify-content: center;
  21909. align-content: center;
  21910. /* margin-left: 15px; */
  21911. /* margin-left: 8px; */
  21912. }
  21913. .scoreImg {
  21914. width: 17px;
  21915. height: 17px;
  21916. }
  21917. .studentDetail {
  21918. display: flex;
  21919. flex-direction: row;
  21920. flex-wrap: nowrap;
  21921. /* align-items: center; */
  21922. align-items: flex-start;
  21923. }
  21924. .tx {
  21925. width: 50px;
  21926. }
  21927. .tx > img {
  21928. width: 100%;
  21929. height: 100%;
  21930. }
  21931. .nameAndTime {
  21932. display: flex;
  21933. flex-direction: column;
  21934. flex-wrap: nowrap;
  21935. align-items: flex-start;
  21936. margin-left: 10px;
  21937. }
  21938. .worksAnswer {
  21939. color: #4078dd;
  21940. margin: 10px 0;
  21941. font-size: 16px;
  21942. position: relative;
  21943. }
  21944. .worksAnswer > img {
  21945. width: 500px;
  21946. height: 300px;
  21947. object-fit: contain;
  21948. margin: 0 auto;
  21949. display: block;
  21950. }
  21951. .commentTop {
  21952. border-bottom: 1px solid #eaeaea;
  21953. padding-bottom: 10px;
  21954. }
  21955. .commentBox {
  21956. padding-top: 15px;
  21957. }
  21958. .pl {
  21959. font-size: 18px;
  21960. }
  21961. .plPerson {
  21962. width: 100%;
  21963. }
  21964. .plName {
  21965. display: flex;
  21966. flex-direction: row;
  21967. flex-wrap: nowrap;
  21968. align-items: baseline;
  21969. color: #78787a;
  21970. width: 100%;
  21971. }
  21972. .deleteComment {
  21973. cursor: pointer;
  21974. margin-left: auto;
  21975. color: #237ade;
  21976. }
  21977. .plContent {
  21978. margin-top: 5px;
  21979. }
  21980. .evalCss {
  21981. background: #fff;
  21982. font-size: 18px;
  21983. }
  21984. .nav {
  21985. color: #9d9d9d;
  21986. padding: 5px 0 15px 20px;
  21987. }
  21988. .middleBox {
  21989. padding: 5px 0 15px 20px;
  21990. }
  21991. .pfBox {
  21992. padding-bottom: 30px;
  21993. }
  21994. .nameAndrate {
  21995. display: flex;
  21996. flex-direction: row;
  21997. flex-wrap: nowrap;
  21998. align-items: center;
  21999. padding-bottom: 10px;
  22000. height: 30px;
  22001. line-height: 30px;
  22002. }
  22003. .nameAndrate > div {
  22004. margin-left: 10px;
  22005. color: #000;
  22006. height: 30px;
  22007. }
  22008. .nameAndrate >>> .el-rate__icon {
  22009. font-size: 28px !important;
  22010. }
  22011. .pfBox > div:nth-child(2) {
  22012. background: #f7f6f9;
  22013. width: 400px;
  22014. min-height: 45px;
  22015. border-radius: 10px;
  22016. font-size: 16px;
  22017. display: flex;
  22018. flex-wrap: wrap;
  22019. align-items: center;
  22020. padding: 10px 20px;
  22021. box-sizing: border-box;
  22022. color: #000;
  22023. }
  22024. .bz {
  22025. display: flex;
  22026. flex-direction: row;
  22027. flex-wrap: nowrap;
  22028. align-items: flex-start;
  22029. }
  22030. .bz > div {
  22031. padding: 0 10px;
  22032. }
  22033. .select_box2_title {
  22034. background: #fff;
  22035. border-radius: 5px;
  22036. padding: 15px 10px;
  22037. box-sizing: border-box;
  22038. margin-bottom: 10px;
  22039. display: flex;
  22040. flex-direction: row;
  22041. flex-wrap: nowrap;
  22042. align-items: center;
  22043. }
  22044. .select_box2_title > div:nth-child(2) {
  22045. margin-left: 10px;
  22046. color: #c4c4c4;
  22047. }
  22048. .select_box2_box {
  22049. display: flex;
  22050. height: 500px;
  22051. }
  22052. .select_box2_img {
  22053. width: calc(100% - 310px);
  22054. height: 100%;
  22055. overflow: auto;
  22056. background: #fff;
  22057. border-radius: 5px;
  22058. }
  22059. .select_box2_img img {
  22060. width: 100%;
  22061. }
  22062. .select_box2_answer {
  22063. background: #fff;
  22064. margin-left: 10px;
  22065. border-radius: 5px;
  22066. width: 300px;
  22067. overflow: auto;
  22068. height: 90%;
  22069. display: flex;
  22070. flex-direction: column;
  22071. align-items: flex-start;
  22072. padding-top: 10px;
  22073. box-sizing: border-box;
  22074. position: relative;
  22075. }
  22076. .select_answer_title {
  22077. padding: 0 0 15px 20px;
  22078. color: #c4c4c4;
  22079. }
  22080. .select_box2_answer_box {
  22081. margin: 0 0 10px 20px;
  22082. width: 85%;
  22083. display: flex;
  22084. flex-direction: row;
  22085. flex-wrap: nowrap;
  22086. align-items: center;
  22087. }
  22088. .select_box2_answer_box >>> .el-input.is-disabled .el-input__inner {
  22089. color: #000;
  22090. }
  22091. .upAnswerCss {
  22092. position: absolute;
  22093. bottom: 15px;
  22094. right: 15px;
  22095. }
  22096. .upAnswerCss >>> .el-button {
  22097. width: 95px;
  22098. height: 35px;
  22099. line-height: 35px;
  22100. padding: 0;
  22101. }
  22102. .rightWidthCss {
  22103. width: 60%;
  22104. display: flex;
  22105. flex-direction: row;
  22106. align-items: flex-start;
  22107. }
  22108. .rightAnswer {
  22109. display: flex;
  22110. flex-direction: row;
  22111. flex-wrap: nowrap;
  22112. align-items: center;
  22113. color: red;
  22114. margin-bottom: 31px;
  22115. }
  22116. .rightAnswerCss {
  22117. display: flex;
  22118. flex-direction: column;
  22119. flex-wrap: nowrap;
  22120. padding-top: 60px;
  22121. }
  22122. .blueCss {
  22123. color: #767de1;
  22124. margin-left: 10px;
  22125. }
  22126. .redCss {
  22127. color: red;
  22128. }
  22129. .redioStyle >>> .el-radio__input.is-checked + .el-radio__label {
  22130. color: rgb(0 123 255) !important;
  22131. }
  22132. .redioStyle >>> .el-checkbox__input.is-checked + .el-checkbox__label {
  22133. color: rgb(0 123 255) !important;
  22134. }
  22135. .zuoyeYulan {
  22136. padding-top: 0;
  22137. font-size: 18px;
  22138. display: flex;
  22139. align-items: flex-end;
  22140. }
  22141. .buttonA {
  22142. margin-left: 10px;
  22143. padding: 0;
  22144. }
  22145. .displayBox {
  22146. margin-bottom: 10px;
  22147. display: block;
  22148. border-bottom: 3px solid #eee;
  22149. display: flex;
  22150. align-items: center;
  22151. }
  22152. .easy_comment {
  22153. width: calc(100% - 90px);
  22154. margin-left: 10px;
  22155. display: flex;
  22156. flex-wrap: wrap;
  22157. }
  22158. .easy_comment > div {
  22159. border: 1px solid #4a4a4a;
  22160. color: #666;
  22161. border-radius: 15px;
  22162. padding: 5px 10px;
  22163. font-size: 16px;
  22164. margin-bottom: 10px;
  22165. margin-right: 5px;
  22166. cursor: pointer;
  22167. }
  22168. .easy_comment div:hover {
  22169. border: 1px solid #f7ba2a;
  22170. color: #c69217;
  22171. }
  22172. .xuan_right_box {
  22173. padding: 10px 0;
  22174. background: #f0f4fa;
  22175. margin: 0 15px 0 25px;
  22176. border-bottom-left-radius: 5px;
  22177. border-bottom-right-radius: 5px;
  22178. width: 91.5%;
  22179. }
  22180. .tool_right_box {
  22181. display: flex;
  22182. align-items: center;
  22183. }
  22184. .tool_right_box + .tool_right_box {
  22185. margin-top: 10px;
  22186. }
  22187. .right_box_xuan {
  22188. border-radius: 5px;
  22189. padding: 5px;
  22190. margin-left: 10px;
  22191. min-width: 85px;
  22192. background: #fff;
  22193. color: #0061ff;
  22194. border: 1px solid #0061ff;
  22195. font-size: 14px;
  22196. }
  22197. .pButton:hover {
  22198. opacity: 1 !important;
  22199. }
  22200. .pButton {
  22201. position: fixed;
  22202. text-align: center;
  22203. cursor: pointer;
  22204. z-index: 999;
  22205. right: 20px;
  22206. top: 110px;
  22207. width: 50px;
  22208. height: 50px;
  22209. display: flex;
  22210. align-items: center;
  22211. justify-content: center;
  22212. border-radius: 5px;
  22213. }
  22214. .pzClass {
  22215. width: calc(100% - 340px);
  22216. }
  22217. .newDialogCss {
  22218. /* position: fixed;
  22219. right: 5%;
  22220. top: 50%;
  22221. width: 340px;
  22222. transform: translateY(-50%);
  22223. height: 60%;
  22224. box-shadow: 0px 0 8px 0px #555555;
  22225. border-radius: 15px;
  22226. z-index: 999; */
  22227. position: fixed;
  22228. right: 20px;
  22229. top: 101px;
  22230. width: 330px;
  22231. height: calc(100% - 80px);
  22232. z-index: 999;
  22233. background: #fff;
  22234. border-top-right-radius: 0px;
  22235. border-bottom-right-radius: 0px;
  22236. overflow: hidden;
  22237. }
  22238. .newDialogCss>.scoreList{
  22239. width:100%;
  22240. height:100%;
  22241. box-sizing:border-box;
  22242. padding:10px 15px;
  22243. overflow:auto;
  22244. padding-bottom:80px;
  22245. }
  22246. .pzTop {
  22247. color: #fff;
  22248. background: #000;
  22249. display: flex;
  22250. flex-direction: row;
  22251. flex-wrap: nowrap;
  22252. align-items: center;
  22253. justify-content: space-between;
  22254. height: 40px;
  22255. border-radius: 15px 15px 0 0;
  22256. user-select: none;
  22257. }
  22258. .pzTop2 .checkbox {
  22259. display: flex;
  22260. align-items: center;
  22261. padding: 5px 10px;
  22262. flex: 0 0 auto;
  22263. font-weight: bold;
  22264. border-bottom: 1px solid #eee;
  22265. justify-content: space-between;
  22266. }
  22267. .checkbox>.cb-tabList{
  22268. display:flex;
  22269. align-items:center;
  22270. }
  22271. .cb-tabList>div{
  22272. margin-right:20px;
  22273. font-weight:400;
  22274. cursor:pointer;
  22275. }
  22276. .cb-tabList>.cb-tabItem{
  22277. color:#1684FC;
  22278. position:relative;
  22279. }
  22280. .cb-tabItem::after{
  22281. content:"";
  22282. width:100%;
  22283. height:2px;
  22284. background:#1684FC;
  22285. position:absolute;
  22286. bottom:-5px;
  22287. left:0
  22288. }
  22289. .pzTop2 .check {
  22290. text-align: center;
  22291. cursor: pointer;
  22292. box-sizing: border-box;
  22293. display: flex;
  22294. }
  22295. .pzTop2 img {
  22296. width: 25px;
  22297. cursor: pointer;
  22298. }
  22299. .pzTop > div:nth-child(1) {
  22300. padding-left: 10px;
  22301. }
  22302. .pzTop > div:nth-child(2) {
  22303. width: 15px;
  22304. height: 15px;
  22305. padding-right: 10px;
  22306. cursor: pointer;
  22307. }
  22308. .pzTop > div:nth-child(2) > img {
  22309. width: 100%;
  22310. height: 100%;
  22311. }
  22312. .pzBox,
  22313. .noPzBox {
  22314. height: calc(100% - 60px);
  22315. /* background: #ededed; */
  22316. background: #fff;
  22317. /* border-radius: 0 0 15px 15px; */
  22318. }
  22319. .noPzBox {
  22320. display: flex;
  22321. flex-direction: column;
  22322. flex-wrap: nowrap;
  22323. justify-content: center;
  22324. align-items: center;
  22325. }
  22326. .pzList {
  22327. background: #f7f7f7;
  22328. width: 90%;
  22329. margin: 0 auto 15px;
  22330. border-radius: 5px;
  22331. }
  22332. .pzNavTop {
  22333. display: flex;
  22334. flex-direction: row;
  22335. flex-wrap: nowrap;
  22336. padding: 10px 10px 0 10px;
  22337. align-items: center;
  22338. }
  22339. .pzDelete {
  22340. cursor: pointer;
  22341. margin-left: auto;
  22342. font-size: 14px;
  22343. color: #afafaf;
  22344. }
  22345. .pzNavTop > div:nth-child(1) {
  22346. background: #3760af;
  22347. width: 35px;
  22348. height: 35px;
  22349. color: #fff;
  22350. text-align: center;
  22351. line-height: 35px;
  22352. border-radius: 50%;
  22353. font-size: 14px;
  22354. }
  22355. .pzNavTop > div:nth-child(2) {
  22356. font-size: 18px;
  22357. color: #959595;
  22358. margin-left: 5px;
  22359. }
  22360. .pzContent {
  22361. padding: 10px;
  22362. word-break: break-word;
  22363. }
  22364. .pzContent audio {
  22365. width: 100%;
  22366. }
  22367. .pzContent audio::-webkit-media-controls-panel {
  22368. background: #fff;
  22369. }
  22370. .pzContent >>> img {
  22371. max-width: 100%;
  22372. }
  22373. .pzListBox {
  22374. padding-top: 15px;
  22375. height: calc(100% - 110px);
  22376. overflow: auto;
  22377. }
  22378. .addPzButton {
  22379. position: relative;
  22380. margin-top: 3px;
  22381. width: 100%;
  22382. }
  22383. .addPzButton .img1 {
  22384. position: absolute;
  22385. top: 50%;
  22386. right: 25px;
  22387. transform: translateY(-50%);
  22388. height: 100%;
  22389. display: flex;
  22390. align-items: center;
  22391. }
  22392. .addPzButton .img1 div {
  22393. display: flex;
  22394. }
  22395. .addPzButton .img1 div img {
  22396. width: 28px;
  22397. margin-left: 10px;
  22398. cursor: pointer;
  22399. }
  22400. .addPzButton .img1 div span {
  22401. font-size: 14px;
  22402. margin: 4px 0 0 3px;
  22403. color: #afafaf;
  22404. }
  22405. .addPz {
  22406. background: #4b79ce;
  22407. width: 100px;
  22408. color: #fff;
  22409. font-size: 12px;
  22410. height: 30px;
  22411. margin: 0 auto;
  22412. text-align: center;
  22413. line-height: 30px;
  22414. border-radius: 10px;
  22415. cursor: pointer;
  22416. }
  22417. .addDialogCss {
  22418. position: fixed;
  22419. width: 600px;
  22420. height: 70%;
  22421. min-height: 450px;
  22422. box-shadow: 0px 0 8px 0px #555555;
  22423. border-radius: 15px;
  22424. z-index: 999;
  22425. left: 50%;
  22426. top: 50%;
  22427. margin: -18% 0 0 -300px;
  22428. }
  22429. .teacherPz {
  22430. display: flex;
  22431. flex-direction: row;
  22432. align-items: center;
  22433. flex-wrap: nowrap;
  22434. }
  22435. .teacherPzImg {
  22436. width: 30px;
  22437. height: 30px;
  22438. }
  22439. .teacherPzImg > img {
  22440. width: 100%;
  22441. height: 100%;
  22442. }
  22443. .addPzBox {
  22444. height: calc(100% - 40px);
  22445. background: #ededed;
  22446. border-bottom-left-radius: 15px;
  22447. border-bottom-right-radius: 15px;
  22448. }
  22449. .pzAudioClass {
  22450. margin: 15px 14px;
  22451. background: #fff;
  22452. height: 100%;
  22453. display: flex;
  22454. justify-content: center;
  22455. align-items: center;
  22456. }
  22457. .pzConText {
  22458. width: 95%;
  22459. height: 100%;
  22460. margin: 10px auto 0;
  22461. border: none;
  22462. background: #fff;
  22463. border-radius: 0px;
  22464. }
  22465. .pzConText >>> .text {
  22466. height: calc(100% - 82px);
  22467. }
  22468. .addTextCss {
  22469. background: #4b79ce;
  22470. width: 80px;
  22471. height: 30px;
  22472. text-align: center;
  22473. color: #fff;
  22474. line-height: 30px;
  22475. border-radius: 10px;
  22476. margin: 10px auto 0;
  22477. cursor: pointer;
  22478. }
  22479. .pzConText:focus-visible {
  22480. border: none !important;
  22481. }
  22482. .maxWidth {
  22483. width: 1000px;
  22484. }
  22485. .noPz {
  22486. width: 150px;
  22487. margin: 0 auto 20%;
  22488. }
  22489. .noPz > img {
  22490. width: 100%;
  22491. height: 100%;
  22492. }
  22493. .timeAndReply {
  22494. display: flex;
  22495. flex-direction: row;
  22496. flex-wrap: nowrap;
  22497. justify-content: space-between;
  22498. align-items: center;
  22499. font-size: 14px;
  22500. box-sizing: border-box;
  22501. padding: 0 10px 10px 0px;
  22502. }
  22503. .timeAndReply .time {
  22504. color: #bfbfbf;
  22505. padding: 0 0 0 10px;
  22506. box-sizing: border-box;
  22507. }
  22508. .timeAndReply > div:last-child {
  22509. cursor: pointer;
  22510. color: #777;
  22511. }
  22512. /* table 样式 */
  22513. .cont >>> table {
  22514. border-top: 1px solid #ccc;
  22515. border-left: 1px solid #ccc;
  22516. }
  22517. .cont >>> table td,
  22518. .cont >>> table th {
  22519. border-bottom: 1px solid #ccc;
  22520. border-right: 1px solid #ccc;
  22521. /* padding: 20px 5px; */
  22522. padding: 5px 10px;
  22523. max-width: 0px;
  22524. height: 30px;
  22525. vertical-align: baseline;
  22526. box-sizing: border-box;
  22527. }
  22528. .cont >>> table th {
  22529. border-bottom: 2px solid #ccc;
  22530. text-align: center;
  22531. }
  22532. /* blockquote 样式 */
  22533. .cont >>> blockquote {
  22534. display: block;
  22535. border-left: 8px solid #d0e5f2;
  22536. padding: 5px 10px;
  22537. margin: 10px 0;
  22538. line-height: 1.4;
  22539. font-size: 100%;
  22540. background-color: #f1f1f1;
  22541. }
  22542. /* code 样式 */
  22543. .cont >>> code {
  22544. display: inline-block;
  22545. /* *display: inline; */
  22546. zoom: 1;
  22547. background-color: #f1f1f1;
  22548. border-radius: 3px;
  22549. padding: 3px 5px;
  22550. margin: 0 3px;
  22551. }
  22552. .cont >>> pre code {
  22553. display: block;
  22554. }
  22555. /* ul ol 样式 */
  22556. .cont >>> ul,
  22557. ol {
  22558. margin: 10px 0 10px 20px;
  22559. }
  22560. .addPzCheck {
  22561. display: flex;
  22562. flex-direction: row;
  22563. flex-wrap: nowrap;
  22564. padding: 10px 15px 0;
  22565. }
  22566. .addPzCheck span {
  22567. cursor: pointer;
  22568. padding-bottom: 5px;
  22569. font-weight: bold;
  22570. }
  22571. .addPzCheck span + span {
  22572. margin-left: 10px;
  22573. }
  22574. .addPzCheck .isChooseActive {
  22575. color: #3e88f4;
  22576. border-bottom: 2px solid #2f80f3;
  22577. }
  22578. /* code 样式 */
  22579. .cont {
  22580. /* -webkit-user-modify: read-write; */
  22581. overflow-wrap: break-word;
  22582. -webkit-line-break: after-white-space;
  22583. }
  22584. .scoreBox,
  22585. .scoreDetailBox {
  22586. display: flex;
  22587. align-items: center;
  22588. justify-content: flex-start;
  22589. margin-top: 20px;
  22590. font-size: 18px;
  22591. width: 100%;
  22592. }
  22593. .scoreBox .t,
  22594. .scoreDetailBox .t {
  22595. margin-right: 10px;
  22596. width: 100px;
  22597. text-align: right;
  22598. }
  22599. .scoreDetailBox {
  22600. align-items: flex-start;
  22601. }
  22602. .scoreDetailBox >>> .el-textarea {
  22603. width: calc(100% - 200px);
  22604. }
  22605. .scoreBox >>> .el-input {
  22606. width: 130px;
  22607. font-size: 38px;
  22608. }
  22609. .scoreBox >>> .el-input__inner {
  22610. height: 60px;
  22611. }
  22612. .answerScore {
  22613. position: absolute;
  22614. top: 10px;
  22615. right: 10px;
  22616. background: #0000008f;
  22617. border-radius: 5px;
  22618. padding: 3px 5px;
  22619. font-size: 14px;
  22620. color: #fff;
  22621. cursor: pointer;
  22622. }
  22623. .open_box .switch_box {
  22624. width: 100%;
  22625. margin: 0 auto;
  22626. display: flex;
  22627. justify-content: space-between;
  22628. }
  22629. .open_box .switch_box + .switch_box {
  22630. margin-top: 10px;
  22631. }
  22632. .deleteImg,.deleteImg1 {
  22633. width: 25px !important;
  22634. height: 25px !important;
  22635. cursor: pointer;
  22636. position: absolute;
  22637. top: 10px;
  22638. right: 10px;
  22639. }
  22640. .deleteImg2 {
  22641. width: 23px !important;
  22642. height: 23px !important;
  22643. top: 5px;
  22644. right: 5px;
  22645. }
  22646. .deleteImg1{
  22647. width: 23px !important;
  22648. height: 23px !important;
  22649. top: 5px !important;
  22650. right: 30px !important;
  22651. }
  22652. .rightW {
  22653. right: 40px;
  22654. }
  22655. .drawPBox {
  22656. display: flex;
  22657. flex-direction: column;
  22658. position: relative;
  22659. }
  22660. .drawPBox span {
  22661. font-size: 18px;
  22662. color: #606266;
  22663. padding-bottom: 10px;
  22664. margin: 10px 0;
  22665. border-bottom: 1px solid #eaeaea;
  22666. }
  22667. .drawPBox img {
  22668. width: 500px;
  22669. height: 300px;
  22670. object-fit: contain;
  22671. cursor: pointer;
  22672. margin: 0 auto;
  22673. }
  22674. .sentenBox {
  22675. background: #fff;
  22676. height: 450px;
  22677. overflow: auto;
  22678. background-image: url("../assets/icon/conSentences/stuBg.png");
  22679. background-position: 102%;
  22680. background-repeat: no-repeat;
  22681. background-size: 60%;
  22682. }
  22683. .addSen {
  22684. background: #409efe;
  22685. width: 90px;
  22686. color: #fff;
  22687. height: 35px;
  22688. text-align: center;
  22689. line-height: 35px;
  22690. border-radius: 5px;
  22691. float: right;
  22692. margin: 10px 20px 0 0;
  22693. cursor: pointer;
  22694. }
  22695. .sentenTop {
  22696. display: flex;
  22697. flex-direction: row;
  22698. flex-wrap: nowrap;
  22699. align-items: center;
  22700. padding: 55px 0 0 20px;
  22701. box-sizing: border-box;
  22702. }
  22703. .sentenTop > div:nth-child(2) {
  22704. width: 300px;
  22705. margin: 0 15px;
  22706. }
  22707. .sentenTop > div:nth-child(3) {
  22708. background: #409efe;
  22709. color: #fff;
  22710. width: 65px;
  22711. height: 35px;
  22712. text-align: center;
  22713. line-height: 35px;
  22714. border-radius: 5px;
  22715. cursor: pointer;
  22716. }
  22717. .cardList,
  22718. .cardList1 {
  22719. padding: 10px 0 10px 0;
  22720. display: flex;
  22721. flex-direction: row;
  22722. flex-wrap: wrap;
  22723. align-items: center;
  22724. box-sizing: border-box;
  22725. border-bottom: 1px solid #f4f4f4;
  22726. width: 98%;
  22727. margin: 0 auto;
  22728. min-width: 60%;
  22729. max-width: 85%;
  22730. }
  22731. .cardList1 {
  22732. padding: 10px 0 10px 10px !important;
  22733. margin: 0 !important;
  22734. }
  22735. .cardBox {
  22736. display: flex;
  22737. flex-direction: row;
  22738. flex-wrap: wrap;
  22739. align-items: center;
  22740. align-content: center;
  22741. }
  22742. .cardBox > div {
  22743. margin-bottom: 10px;
  22744. }
  22745. .isCard,
  22746. .isChooseCard,
  22747. .noCard,
  22748. .isCard1 {
  22749. width: 130px;
  22750. height: 60px;
  22751. text-align: center;
  22752. line-height: 60px;
  22753. font-size: 20px;
  22754. cursor: pointer;
  22755. background-image: url("../assets/icon/conSentences/titleBorder.png");
  22756. background-size: cover;
  22757. transition: all 2s;
  22758. margin-right: 20px;
  22759. }
  22760. .isCard > div,
  22761. .noCard > div,
  22762. .isCard1 > div {
  22763. white-space: nowrap;
  22764. overflow: hidden;
  22765. text-overflow: ellipsis;
  22766. width: 75%;
  22767. margin: 0 auto;
  22768. }
  22769. .noCard {
  22770. background-image: none;
  22771. }
  22772. .isCard1 {
  22773. background-image: url("../assets/icon/conSentences/answerBorder.png");
  22774. }
  22775. .isChooseCard {
  22776. background-image: none;
  22777. border: 1px dashed #b9b9b9;
  22778. border-radius: 10px;
  22779. }
  22780. .card {
  22781. width: 130px;
  22782. height: 60px;
  22783. }
  22784. .card > img {
  22785. width: 100%;
  22786. height: 100%;
  22787. }
  22788. .rightCardBox {
  22789. margin: 10px 0 0 10px;
  22790. }
  22791. .rightCardBox > div:nth-child(1) {
  22792. margin-bottom: 10px;
  22793. }
  22794. .cardCss {
  22795. display: flex;
  22796. flex-direction: column;
  22797. flex-wrap: nowrap;
  22798. align-items: center;
  22799. border-bottom: 3px solid #b4c3d3;
  22800. padding: 0 0 5px 0;
  22801. margin-right: 10px;
  22802. }
  22803. .cardCss > div:nth-child(2) {
  22804. background: #5b7b9d;
  22805. color: #fff;
  22806. width: 20px;
  22807. height: 20px;
  22808. border-radius: 50%;
  22809. text-align: center;
  22810. line-height: 20px;
  22811. }
  22812. .isWrong {
  22813. display: flex;
  22814. flex-direction: row;
  22815. flex-wrap: nowrap;
  22816. align-content: center;
  22817. align-items: center;
  22818. }
  22819. .answerRight {
  22820. width: 25%;
  22821. }
  22822. .isTj {
  22823. display: flex;
  22824. flex-direction: row;
  22825. flex-wrap: nowrap;
  22826. align-items: center;
  22827. }
  22828. .isTj > div:nth-child(2) {
  22829. color: #727070;
  22830. margin-left: 10px;
  22831. }
  22832. .isTjImg {
  22833. width: 30px;
  22834. height: 30px;
  22835. }
  22836. .isTjImg > img {
  22837. width: 100%;
  22838. height: 100%;
  22839. }
  22840. .cardAnswerBox {
  22841. font-size: 18px;
  22842. width: 97%;
  22843. border: 5px;
  22844. padding: 0;
  22845. border-radius: 5px;
  22846. margin: 10px auto;
  22847. word-break: break-word;
  22848. }
  22849. .w_name {
  22850. margin-bottom: 10px;
  22851. }
  22852. .w_name span {
  22853. font-size: 16px;
  22854. }
  22855. .w_teachert {
  22856. width: 50px !important;
  22857. position: absolute;
  22858. height: auto !important;
  22859. z-index: 10;
  22860. right: 25px;
  22861. top: -25px;
  22862. }
  22863. .group_workBox {
  22864. }
  22865. .group_workBox + .group_workBox {
  22866. margin-top: 20px;
  22867. }
  22868. .group_box {
  22869. padding-bottom: 20px;
  22870. border-bottom: 2px solid #f0f0f0;
  22871. margin-top: 10px;
  22872. }
  22873. .group_title {
  22874. display: flex;
  22875. align-items: center;
  22876. justify-content: space-between;
  22877. width: 95%;
  22878. }
  22879. .group_name {
  22880. background-image: url(../assets/icon/groupN.png);
  22881. width: 220px;
  22882. background-size: 100% 100%;
  22883. height: 67px;
  22884. padding: 0 20px 0 43px;
  22885. box-sizing: border-box;
  22886. line-height: 63px;
  22887. color: #fff;
  22888. overflow: hidden;
  22889. white-space: nowrap;
  22890. text-overflow: ellipsis;
  22891. }
  22892. .group_work {
  22893. width: 100%;
  22894. padding: 0 10px;
  22895. box-sizing: border-box;
  22896. display: flex;
  22897. flex-wrap: wrap;
  22898. }
  22899. .g_d_box {
  22900. display: flex;
  22901. flex-flow: wrap;
  22902. justify-content: space-around;
  22903. }
  22904. .g_d_box .isChair {
  22905. background-image: url(../assets/avatar.png) !important;
  22906. }
  22907. .g_d_group {
  22908. width: 500px;
  22909. margin-bottom: 80px;
  22910. }
  22911. .g_d_group_chair {
  22912. display: flex;
  22913. align-items: center;
  22914. justify-content: center;
  22915. }
  22916. .g_d_group_chair > div + div {
  22917. margin-left: 30px;
  22918. }
  22919. .g_d_group_chair > div,
  22920. .g_d_group_chair2 > div {
  22921. display: flex;
  22922. flex-direction: column;
  22923. align-items: center;
  22924. }
  22925. .g_d_group_chair > div > span:nth-child(1),
  22926. .g_d_group_chair2 > div > span:nth-child(1) {
  22927. background-image: url(../assets/icon/chair.png);
  22928. width: 50px;
  22929. height: 50px;
  22930. display: block;
  22931. background-size: 100% 100%;
  22932. }
  22933. .g_d_group_tableBox {
  22934. display: flex;
  22935. align-items: center;
  22936. justify-content: center;
  22937. }
  22938. .g_d_group_chair2 {
  22939. display: flex;
  22940. flex-direction: column;
  22941. align-items: center;
  22942. justify-content: center;
  22943. }
  22944. .g_d_group_chair2 > div + div {
  22945. margin-top: 10px;
  22946. }
  22947. .g_d_group_table {
  22948. background-image: url(../assets/icon/groupBg.png);
  22949. width: 354px;
  22950. height: 196px;
  22951. background-size: 100% 100%;
  22952. display: flex;
  22953. align-items: center;
  22954. justify-content: center;
  22955. flex-direction: column;
  22956. color: #fff;
  22957. }
  22958. .g_d_group_table > div:nth-child(1) {
  22959. font-size: 24px;
  22960. margin-bottom: 5px;
  22961. }
  22962. .g_d_group_table > div:nth-child(2) div {
  22963. cursor: pointer;
  22964. background: #2e77bf;
  22965. padding: 4px 10px;
  22966. border-radius: 5px;
  22967. }
  22968. .groupBox {
  22969. }
  22970. .groupContent + .groupContent {
  22971. margin-top: 30px;
  22972. }
  22973. .groupTitle {
  22974. font-size: 24px;
  22975. color: rgb(80, 80, 80);
  22976. margin-bottom: 20px;
  22977. }
  22978. .groupName {
  22979. display: flex;
  22980. align-items: center;
  22981. }
  22982. .groupn {
  22983. font-size: 15px;
  22984. margin-right: 10px;
  22985. }
  22986. .groupName + .groupName {
  22987. margin-top: 15px;
  22988. }
  22989. .groupBtn {
  22990. margin-left: 10px;
  22991. }
  22992. .groupContent >>> .el-input-number.is-without-controls .el-input__inner {
  22993. text-align: left;
  22994. }
  22995. .g_d_btnBox {
  22996. display: flex;
  22997. justify-content: flex-end;
  22998. align-items: center;
  22999. margin-bottom: 20px;
  23000. }
  23001. .updateChair {
  23002. position: relative;
  23003. }
  23004. .updateChairBtn {
  23005. position: absolute;
  23006. width: 50px;
  23007. height: 50px;
  23008. overflow: hidden;
  23009. /* display: flex; */
  23010. align-items: center;
  23011. justify-content: center;
  23012. background: #00000087;
  23013. color: #fff;
  23014. border-radius: 50px;
  23015. display: none;
  23016. cursor: pointer;
  23017. }
  23018. .updateChair:hover .updateChairBtn {
  23019. display: flex;
  23020. }
  23021. .group_staic_box {
  23022. display: flex;
  23023. padding: 30px 40px 10px;
  23024. flex-wrap: wrap;
  23025. }
  23026. .group_staic {
  23027. /* width: 50%; */
  23028. margin-bottom: 20px;
  23029. display: flex;
  23030. align-items: center;
  23031. }
  23032. .group_staic span:nth-child(1) {
  23033. width: 150px;
  23034. text-align: right;
  23035. margin-right: 15px;
  23036. }
  23037. .group_staic span:nth-child(2) {
  23038. background: rgb(0 123 255);
  23039. color: #fff;
  23040. border-radius: 5px;
  23041. padding: 5px;
  23042. }
  23043. .codeFileBox {
  23044. height: 300px;
  23045. background: #fff;
  23046. display: flex;
  23047. align-items: center;
  23048. justify-content: center;
  23049. }
  23050. .codeFileBox img {
  23051. width: 200px;
  23052. margin: 0;
  23053. height: auto;
  23054. }
  23055. .codeFileBox div {
  23056. background: rgb(80, 142, 226);
  23057. color: #fff;
  23058. padding: 10px 20px;
  23059. border-radius: 25px;
  23060. cursor: pointer;
  23061. margin-left: 15px;
  23062. }
  23063. .radioBox {
  23064. display: flex;
  23065. flex-direction: column;
  23066. flex-wrap: nowrap;
  23067. align-items: flex-start;
  23068. }
  23069. .radioBox > div {
  23070. margin: 10px 0 0 10px;
  23071. }
  23072. /* .radioBox >>> .el-radio__input,
  23073. .radioBox >>> .el-checkbox__inner {
  23074. margin-left: 10px;
  23075. } */
  23076. .radioBox >>> .el-radio__label,
  23077. .radioBox >>> .el-checkbox__label {
  23078. display: flex;
  23079. align-items: center;
  23080. width: 100%;
  23081. }
  23082. .radioBox >>> .el-radio__label > span {
  23083. width: 100%;
  23084. display: -webkit-box;
  23085. overflow: hidden;
  23086. white-space: normal !important;
  23087. text-overflow: ellipsis;
  23088. word-wrap: break-word;
  23089. }
  23090. .inImg {
  23091. width: 100px;
  23092. cursor: pointer;
  23093. }
  23094. .inImg > img {
  23095. width: 100%;
  23096. height: 100%;
  23097. object-fit: cover;
  23098. }
  23099. .timuImgBox {
  23100. margin: 10px 0;
  23101. display: flex;
  23102. flex-direction: column;
  23103. flex-wrap: wrap;
  23104. align-items: flex-start;
  23105. }
  23106. .timuImg {
  23107. width: 150px;
  23108. margin: 5px 0;
  23109. cursor: pointer;
  23110. }
  23111. .timuImg > img {
  23112. width: 100%;
  23113. height: 100%;
  23114. object-fit: cover;
  23115. }
  23116. .worksTop {
  23117. display: flex;
  23118. flex-direction: row;
  23119. align-items: flex-end;
  23120. }
  23121. .worksTitle{
  23122. display: flex;
  23123. flex-direction: row;
  23124. flex-wrap: nowrap;
  23125. align-items: center;
  23126. }
  23127. .worksTitle::before,.worksTop::before{
  23128. content: '';
  23129. display: block;
  23130. width: 3px;
  23131. height: 20px;
  23132. background: #0061FF;
  23133. border-radius: 3px;
  23134. margin: 0 5px 0 0;
  23135. }
  23136. .corOpen {
  23137. margin: 0 0 0 10px;
  23138. font-size: 14px;
  23139. cursor: pointer;
  23140. color: #505050;
  23141. }
  23142. .corOpen:hover {
  23143. color: #499eef;
  23144. }
  23145. .navCorOpenBox {
  23146. display: flex;
  23147. flex-direction: row;
  23148. align-items: center;
  23149. justify-content: space-between;
  23150. height: 55px;
  23151. background: #ffffff;
  23152. box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
  23153. border-radius: 8px 8px 0px 0px;
  23154. z-index: 9;
  23155. position: relative;
  23156. }
  23157. .navCorOpen {
  23158. padding-right: 15px;
  23159. cursor: pointer;
  23160. width: 45px;
  23161. display: flex;
  23162. }
  23163. .navCorOpen > img {
  23164. width: 100%;
  23165. height: 100%;
  23166. }
  23167. .mlImg {
  23168. width: 40px !important;
  23169. min-width: 40px;
  23170. cursor: pointer;
  23171. transform: rotate(180deg);
  23172. }
  23173. .mlImg > img {
  23174. width: 100%;
  23175. height: 100%;
  23176. }
  23177. .navLeftCss {
  23178. width: 100% !important;
  23179. left: 0 !important;
  23180. }
  23181. .isContentCss {
  23182. width: 100% !important;
  23183. }
  23184. .isAllWidth {
  23185. width: 100% !important;
  23186. }
  23187. .group_switch {
  23188. margin-right: 10px;
  23189. height: 30px;
  23190. display: flex;
  23191. align-items: center;
  23192. }
  23193. .group_switch > span {
  23194. margin-right: 5px;
  23195. }
  23196. .fileC_box {
  23197. padding-top: 15px;
  23198. }
  23199. .fileC_box > .fileC_title {
  23200. padding: 10px 5px 14px 10px;
  23201. border-top: 1px solid #cad1dc;
  23202. font-size: 14px;
  23203. font-weight: 400;
  23204. color: #cad1dc;
  23205. width: calc(100% - 20px);
  23206. margin: 0 auto;
  23207. box-sizing: border-box;
  23208. }
  23209. .pl_select_box {
  23210. height: 40px;
  23211. line-height: 40px;
  23212. width: 100%;
  23213. cursor: pointer;
  23214. padding: 0 20px;
  23215. box-sizing: border-box;
  23216. border-radius: 5px;
  23217. border: 1px solid #d6d6d6;
  23218. white-space: nowrap;
  23219. overflow: hidden;
  23220. text-overflow: ellipsis;
  23221. background: #fff;
  23222. text-align: left;
  23223. }
  23224. .newButton {
  23225. width: 102px;
  23226. height: 36px;
  23227. background: #e7ebf1;
  23228. border-radius: 4px;
  23229. color: #0e1e33;
  23230. font-weight: 400;
  23231. font-size: 14px;
  23232. border: none;
  23233. float: right;
  23234. margin-left: 10px;
  23235. }
  23236. .el-table >>> .even_row {
  23237. background-color: #f0f4fa;
  23238. }
  23239. .stageBoxCss,
  23240. .stageBoxIsCss {
  23241. display: flex;
  23242. flex-direction: row;
  23243. flex-wrap: nowrap;
  23244. align-items: center;
  23245. height: 50px;
  23246. border-bottom: 1px solid #e2f5fc;
  23247. cursor: pointer;
  23248. width: 100%;
  23249. }
  23250. .stageBoxIsCss {
  23251. background: #0061ff;
  23252. color: #fff;
  23253. border-radius: 8px;
  23254. }
  23255. .stageItemTitle {
  23256. display: flex;
  23257. flex-direction: row;
  23258. flex-wrap: nowrap;
  23259. align-items: center;
  23260. margin-left: 15px;
  23261. width: calc(100% - 50px);
  23262. }
  23263. .stageNav{
  23264. /* font-weight: bold; */
  23265. }
  23266. .stageItemTitle > div:first-child {
  23267. min-width: 55px;
  23268. }
  23269. .stageItemTitle > div:last-child {
  23270. max-width: 242px;
  23271. white-space: nowrap;
  23272. overflow: hidden;
  23273. text-overflow: ellipsis;
  23274. word-break: break-word;
  23275. width: calc(100% - 55px);
  23276. }
  23277. .closeTri,
  23278. .closeTri1 {
  23279. min-width: 15px;
  23280. width: 15px;
  23281. height: 15px;
  23282. transition: all .5s;
  23283. }
  23284. .closeTri1 {
  23285. padding-left: 10px;
  23286. cursor: pointer;
  23287. }
  23288. .closeTri > img,
  23289. .closeTri1 > img {
  23290. width: 100%;
  23291. height: 100%;
  23292. /* transition: all .5s; */
  23293. }
  23294. .noToolBlue {
  23295. min-width: 10px;
  23296. width: 10px;
  23297. height: 10px;
  23298. background: #0061ff;
  23299. border-radius: 50%;
  23300. margin-left: 13px;
  23301. }
  23302. .stageChild,
  23303. .toolChild {
  23304. height: 0;
  23305. overflow: hidden;
  23306. transition: all 0.5s;
  23307. }
  23308. .toolChild {
  23309. /* margin: 0 0 0 17px;
  23310. padding: 0 0 0 20px;
  23311. border-left: 1px solid #d7d7d7; */
  23312. }
  23313. .toolChild > div + div{
  23314. margin-top:5px;
  23315. }
  23316. .gjCss {
  23317. display: flex;
  23318. flex-direction: row;
  23319. flex-wrap: nowrap;
  23320. align-items: center;
  23321. padding: 10px 0 10px 40px;
  23322. box-sizing: border-box;
  23323. font-size: 14px;
  23324. cursor: pointer;
  23325. border-radius:5px;
  23326. }
  23327. .toolChild > div {
  23328. position: relative;
  23329. width:100%;
  23330. }
  23331. .toolChild > div::before {
  23332. /* content: "";
  23333. width: 15px;
  23334. height: 1px;
  23335. background: #cad1dc;
  23336. position: absolute;
  23337. top: 24px;
  23338. left: -20px;
  23339. display: block; */
  23340. }
  23341. .isGjCss {
  23342. /* color: #0061ff; */
  23343. color:#fff;
  23344. background: rgb(55, 129, 252);
  23345. /* background-color: #e0eafb !important;
  23346. color: #0061ff !important; */
  23347. }
  23348. .navItem {
  23349. background: #ffffff;
  23350. border-radius: 4px;
  23351. width: 100%;
  23352. margin: 10px auto;
  23353. position: relative;
  23354. height: 40px;
  23355. display: flex;
  23356. flex-direction: row;
  23357. flex-wrap: nowrap;
  23358. align-items: center;
  23359. }
  23360. .navItemList {
  23361. display: flex;
  23362. flex-direction: row;
  23363. flex-wrap: nowrap;
  23364. align-items: center;
  23365. padding: 0 13px;
  23366. cursor: pointer;
  23367. width: calc(100% - 60px);
  23368. height: 100%;
  23369. }
  23370. .navItemList > div:first-child {
  23371. min-width: 60px;
  23372. }
  23373. .navItemList > div:last-child {
  23374. width: calc(100% - 80px);
  23375. white-space: nowrap;
  23376. overflow: hidden;
  23377. text-overflow: ellipsis;
  23378. word-break: break-word;
  23379. }
  23380. /* .isItemList > div {
  23381. color: #fff !important;
  23382. } */
  23383. .tool_work_box {
  23384. width: 100%;
  23385. padding: 0 37px 0;
  23386. box-sizing: border-box;
  23387. }
  23388. .tool_box {
  23389. width: 100%;
  23390. padding: 0 0 0 20px;
  23391. }
  23392. .tool_type_box {
  23393. display: flex;
  23394. flex-direction: row;
  23395. align-items: baseline;
  23396. flex-wrap: nowrap;
  23397. justify-content: flex-start;
  23398. position: relative;
  23399. }
  23400. .toolSort {
  23401. display: flex;
  23402. flex-direction: row;
  23403. flex-wrap: wrap;
  23404. justify-content: flex-start;
  23405. align-items: flex-start;
  23406. padding: 0 0 15px 0;
  23407. }
  23408. .toolSort > div {
  23409. margin: 0 10px 0 0;
  23410. width: 135px;
  23411. box-sizing: border-box;
  23412. border: 2px solid transparent;
  23413. }
  23414. .tools {
  23415. width: 100%;
  23416. display: flex;
  23417. flex-direction: column;
  23418. flex-wrap: nowrap;
  23419. align-items: flex-start;
  23420. }
  23421. .whiteBIcon {
  23422. width: fit-content;
  23423. cursor: pointer;
  23424. display: flex;
  23425. flex-direction: column;
  23426. flex-wrap: nowrap;
  23427. align-items: center;
  23428. font-size: 14px;
  23429. }
  23430. .tool:hover {
  23431. border: 2px solid #a5c7ff;
  23432. border-radius: 5px;
  23433. }
  23434. .whiteBIcon > img {
  23435. width: 65px;
  23436. height: 100%;
  23437. }
  23438. .whiteBIcon > img {
  23439. box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
  23440. border-radius: 15px;
  23441. }
  23442. .check {
  23443. /* width: 20px;
  23444. height: 20px; */
  23445. cursor: pointer;
  23446. margin: 10px 0;
  23447. position: absolute;
  23448. right: 2px;
  23449. top: -5px;
  23450. }
  23451. .noChoose,
  23452. .isChoose {
  23453. width: 15px;
  23454. height: 15px;
  23455. border-radius: 50%;
  23456. border: 1px solid #adadad;
  23457. }
  23458. .isChoose {
  23459. border: 4px solid #0363ff !important;
  23460. width: 10px;
  23461. height: 10px;
  23462. }
  23463. .isToolChoose {
  23464. border: 2px solid #5394ff !important;
  23465. border-radius: 5px;
  23466. box-shadow: 0 0 6px 0px #5394ff;
  23467. }
  23468. .checkDiv {
  23469. display: flex;
  23470. align-items: center;
  23471. }
  23472. .checkDiv span {
  23473. margin-left: 5px;
  23474. color: #858585;
  23475. }
  23476. .check img {
  23477. width: 20px;
  23478. height: 20px;
  23479. }
  23480. .lockTaskIcon {
  23481. width: 20px;
  23482. height: 20px;
  23483. position: absolute;
  23484. right: 10px;
  23485. top: 5px;
  23486. }
  23487. .lockTaskIcon > img {
  23488. width: 100%;
  23489. height: 100%;
  23490. }
  23491. .pick_box {
  23492. display: flex;
  23493. align-items: flex-start;
  23494. flex-wrap: wrap;
  23495. }
  23496. .selectBox {
  23497. width: 110px;
  23498. margin-left: 10px;
  23499. margin: 0 10px 0 auto;
  23500. }
  23501. .selectBox >>> .el-input__inner {
  23502. height: 30px;
  23503. line-height: 30px;
  23504. }
  23505. .selectBox >>> .el-input__icon {
  23506. line-height: 30px;
  23507. }
  23508. .sentenceTitle {
  23509. display: flex;
  23510. flex-direction: row;
  23511. flex-wrap: nowrap;
  23512. align-items: center;
  23513. }
  23514. .sentenceTitle::before {
  23515. content: attr(index);
  23516. background: #3681fc;
  23517. border-radius: 50%;
  23518. color: #fff;
  23519. width: 25px;
  23520. height: 25px;
  23521. min-width: 25px;
  23522. min-height: 25px;
  23523. text-align: center;
  23524. line-height: 25px;
  23525. margin-right: 5px;
  23526. }
  23527. .hfBox {
  23528. padding: 10px;
  23529. box-sizing: border-box;
  23530. }
  23531. .whoReplyWho {
  23532. display: flex;
  23533. flex-direction: row;
  23534. flex-wrap: nowrap;
  23535. align-items: baseline;
  23536. justify-content: flex-start;
  23537. }
  23538. .hfBottom {
  23539. display: flex;
  23540. flex-direction: row;
  23541. flex-wrap: nowrap;
  23542. align-items: center;
  23543. justify-content: space-between;
  23544. font-size: 14px;
  23545. }
  23546. .deleteHfItem {
  23547. cursor: pointer;
  23548. width: 20px;
  23549. height: 20px;
  23550. }
  23551. .deleteHfItem > img {
  23552. width: 100%;
  23553. height: 100%;
  23554. }
  23555. .whoReplyWho > .hfImg {
  23556. width: 12px;
  23557. height: 12px;
  23558. margin: 0 5px;
  23559. }
  23560. .whoReplyWho > .hfImg > img {
  23561. width: 100%;
  23562. height: 100%;
  23563. }
  23564. .hfContent {
  23565. padding-top: 10px;
  23566. box-sizing: border-box;
  23567. display: -webkit-box;
  23568. overflow: hidden;
  23569. white-space: normal !important;
  23570. text-overflow: ellipsis;
  23571. word-wrap: break-word;
  23572. -webkit-box-orient: vertical;
  23573. }
  23574. .hfTime {
  23575. text-align: left;
  23576. box-sizing: border-box;
  23577. padding: 10px 0 10px 0px;
  23578. color: #bfbfbf;
  23579. font-size: 14px;
  23580. }
  23581. .btnAllNT {
  23582. position: fixed;
  23583. bottom: 100px;
  23584. right: 40px;
  23585. z-index: 999;
  23586. display: flex;
  23587. flex-direction: row;
  23588. }
  23589. .btnAllNT > img {
  23590. cursor: pointer;
  23591. width: 80px;
  23592. }
  23593. .toolMask {
  23594. position: fixed;
  23595. width: 100%;
  23596. height: 100%;
  23597. background: #3f3c3c;
  23598. opacity: 0.5;
  23599. top: 0;
  23600. left: 0;
  23601. z-index: 999;
  23602. }
  23603. .addToolCss {
  23604. position: fixed;
  23605. z-index: 999;
  23606. background: #fff;
  23607. right: 5%;
  23608. bottom: 18%;
  23609. min-width: 1035px;
  23610. min-height: 300px;
  23611. border-radius: 10px;
  23612. box-shadow: 0 0 8px 1px #b2b2b2;
  23613. }
  23614. .toolTop {
  23615. display: flex;
  23616. flex-direction: row;
  23617. flex-wrap: nowrap;
  23618. justify-content: space-between;
  23619. align-items: center;
  23620. padding: 20px;
  23621. }
  23622. .toolTop > div:nth-child(2) {
  23623. width: 15px;
  23624. height: 15px;
  23625. padding-right: 10px;
  23626. cursor: pointer;
  23627. }
  23628. .toolTop > div:nth-child(2) > img {
  23629. width: 100%;
  23630. height: 100%;
  23631. }
  23632. .fullStyle>>>.el-dialog__body {
  23633. height: calc(100% - 125px) !important;
  23634. box-sizing: border-box;
  23635. padding: 30px 0 !important;
  23636. background: #fff !important;
  23637. }
  23638. .fullStyle>>>.el-dialog {
  23639. width: 100% !important;
  23640. max-width: 100% !important;
  23641. height: 100% !important;
  23642. margin: 0 !important;
  23643. }
  23644. .fullStyle {
  23645. width: 100% !important;
  23646. max-width: 100% !important;
  23647. height: 100% !important;
  23648. margin: 0 auto !important;
  23649. }
  23650. .fullStyle>>>.el-dialog__footer{
  23651. background: #fff !important;
  23652. }
  23653. .engUpBox {
  23654. width: 100%;
  23655. height: 100%;
  23656. }
  23657. .engTitle,
  23658. .engText {
  23659. display: flex;
  23660. flex-direction: row;
  23661. flex-wrap: nowrap;
  23662. align-items: flex-start;
  23663. padding: 0 20px 20px 20px;
  23664. box-sizing: border-box;
  23665. }
  23666. .engTitle > .div:first-child,
  23667. .engText > div:first-child {
  23668. min-width: 75px;
  23669. }
  23670. .correctBox{
  23671. width: 100%;
  23672. display: flex;
  23673. flex-direction: row;
  23674. flex-wrap: nowrap;
  23675. align-items: flex-start;
  23676. }
  23677. .oldBox{
  23678. width: 50%;
  23679. height: 100%;
  23680. display: flex;
  23681. flex-direction: column;
  23682. flex-wrap: nowrap;
  23683. align-items: center;
  23684. border-top: 1px solid #d9d9d9;
  23685. border-left: 1px solid #d9d9d9;
  23686. border-right: 1px solid #d9d9d9;
  23687. }
  23688. .oldBox>div:first-child{
  23689. width: 100%;
  23690. text-align: center;
  23691. background: #d9d9d9;
  23692. height: 35px;
  23693. line-height: 35px;
  23694. font-weight: bold;
  23695. }
  23696. .oldText{
  23697. width: 100%;
  23698. height: calc(100% - 35px);
  23699. overflow: auto;
  23700. margin: 10px 0;
  23701. display: flex;
  23702. flex-direction: column;
  23703. flex-wrap: nowrap;
  23704. align-content: center;
  23705. align-items: center;
  23706. }
  23707. .detailBox{
  23708. width: 50%;
  23709. padding: 10px;
  23710. background: #f6f6f6;
  23711. border-radius: 5px;
  23712. }
  23713. .oldDetail,.oldDetail1{
  23714. padding-bottom: 30px;
  23715. }
  23716. .oldImg{
  23717. width:30px;
  23718. height: 30px;
  23719. }
  23720. .oldImg>img{
  23721. width: 100%;
  23722. height: 100%;
  23723. }
  23724. .allName{
  23725. min-width: 200px;
  23726. white-space: nowrap;
  23727. overflow: hidden;
  23728. text-overflow: ellipsis;
  23729. word-break: break-word;
  23730. cursor: pointer;
  23731. text-align: center;
  23732. border: 1px solid #bcc2cc;
  23733. box-sizing: border-box;
  23734. }
  23735. .engUpTop{
  23736. max-height: 300px;
  23737. overflow: auto;
  23738. }
  23739. .isUpdateToolDetailClass{
  23740. padding: 0 !important;
  23741. }
  23742. .isUpdateToolDetailClass textarea{
  23743. padding:12px;
  23744. font-size: 16px;
  23745. min-height:100%;
  23746. width: 100%;
  23747. box-sizing:border-box;
  23748. outline: none;
  23749. border:none;
  23750. line-height: 30px;
  23751. resize: none;
  23752. font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
  23753. color: #838383;
  23754. }
  23755. .show_taskD {
  23756. min-width: fit-content;
  23757. margin-left: 10px;
  23758. display: flex;
  23759. align-items: center;
  23760. font-size: 14px;
  23761. cursor: pointer;
  23762. color: #717c8d;
  23763. }
  23764. .show_taskD > img {
  23765. width: 15px;
  23766. margin-right: 5px;
  23767. transition: 0.2s all;
  23768. transform: rotate(-90deg);
  23769. }
  23770. .show_taskD.show > img {
  23771. transform: rotate(0deg);
  23772. }
  23773. .correctCss{
  23774. position: absolute;
  23775. bottom: -70px;
  23776. background: #409eff;
  23777. color: #fff;
  23778. }
  23779. </style>