studyStudent.vue 878 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021402240234024402540264027402840294030403140324033403440354036403740384039404040414042404340444045404640474048404940504051405240534054405540564057405840594060406140624063406440654066406740684069407040714072407340744075407640774078407940804081408240834084408540864087408840894090409140924093409440954096409740984099410041014102410341044105410641074108410941104111411241134114411541164117411841194120412141224123412441254126412741284129413041314132413341344135413641374138413941404141414241434144414541464147414841494150415141524153415441554156415741584159416041614162416341644165416641674168416941704171417241734174417541764177417841794180418141824183418441854186418741884189419041914192419341944195419641974198419942004201420242034204420542064207420842094210421142124213421442154216421742184219422042214222422342244225422642274228422942304231423242334234423542364237423842394240424142424243424442454246424742484249425042514252425342544255425642574258425942604261426242634264426542664267426842694270427142724273427442754276427742784279428042814282428342844285428642874288428942904291429242934294429542964297429842994300430143024303430443054306430743084309431043114312431343144315431643174318431943204321432243234324432543264327432843294330433143324333433443354336433743384339434043414342434343444345434643474348434943504351435243534354435543564357435843594360436143624363436443654366436743684369437043714372437343744375437643774378437943804381438243834384438543864387438843894390439143924393439443954396439743984399440044014402440344044405440644074408440944104411441244134414441544164417441844194420442144224423442444254426442744284429443044314432443344344435443644374438443944404441444244434444444544464447444844494450445144524453445444554456445744584459446044614462446344644465446644674468446944704471447244734474447544764477447844794480448144824483448444854486448744884489449044914492449344944495449644974498449945004501450245034504450545064507450845094510451145124513451445154516451745184519452045214522452345244525452645274528452945304531453245334534453545364537453845394540454145424543454445454546454745484549455045514552455345544555455645574558455945604561456245634564456545664567456845694570457145724573457445754576457745784579458045814582458345844585458645874588458945904591459245934594459545964597459845994600460146024603460446054606460746084609461046114612461346144615461646174618461946204621462246234624462546264627462846294630463146324633463446354636463746384639464046414642464346444645464646474648464946504651465246534654465546564657465846594660466146624663466446654666466746684669467046714672467346744675467646774678467946804681468246834684468546864687468846894690469146924693469446954696469746984699470047014702470347044705470647074708470947104711471247134714471547164717471847194720472147224723472447254726472747284729473047314732473347344735473647374738473947404741474247434744474547464747474847494750475147524753475447554756475747584759476047614762476347644765476647674768476947704771477247734774477547764777477847794780478147824783478447854786478747884789479047914792479347944795479647974798479948004801480248034804480548064807480848094810481148124813481448154816481748184819482048214822482348244825482648274828482948304831483248334834483548364837483848394840484148424843484448454846484748484849485048514852485348544855485648574858485948604861486248634864486548664867486848694870487148724873487448754876487748784879488048814882488348844885488648874888488948904891489248934894489548964897489848994900490149024903490449054906490749084909491049114912491349144915491649174918491949204921492249234924492549264927492849294930493149324933493449354936493749384939494049414942494349444945494649474948494949504951495249534954495549564957495849594960496149624963496449654966496749684969497049714972497349744975497649774978497949804981498249834984498549864987498849894990499149924993499449954996499749984999500050015002500350045005500650075008500950105011501250135014501550165017501850195020502150225023502450255026502750285029503050315032503350345035503650375038503950405041504250435044504550465047504850495050505150525053505450555056505750585059506050615062506350645065506650675068506950705071507250735074507550765077507850795080508150825083508450855086508750885089509050915092509350945095509650975098509951005101510251035104510551065107510851095110511151125113511451155116511751185119512051215122512351245125512651275128512951305131513251335134513551365137513851395140514151425143514451455146514751485149515051515152515351545155515651575158515951605161516251635164516551665167516851695170517151725173517451755176517751785179518051815182518351845185518651875188518951905191519251935194519551965197519851995200520152025203520452055206520752085209521052115212521352145215521652175218521952205221522252235224522552265227522852295230523152325233523452355236523752385239524052415242524352445245524652475248524952505251525252535254525552565257525852595260526152625263526452655266526752685269527052715272527352745275527652775278527952805281528252835284528552865287528852895290529152925293529452955296529752985299530053015302530353045305530653075308530953105311531253135314531553165317531853195320532153225323532453255326532753285329533053315332533353345335533653375338533953405341534253435344534553465347534853495350535153525353535453555356535753585359536053615362536353645365536653675368536953705371537253735374537553765377537853795380538153825383538453855386538753885389539053915392539353945395539653975398539954005401540254035404540554065407540854095410541154125413541454155416541754185419542054215422542354245425542654275428542954305431543254335434543554365437543854395440544154425443544454455446544754485449545054515452545354545455545654575458545954605461546254635464546554665467546854695470547154725473547454755476547754785479548054815482548354845485548654875488548954905491549254935494549554965497549854995500550155025503550455055506550755085509551055115512551355145515551655175518551955205521552255235524552555265527552855295530553155325533553455355536553755385539554055415542554355445545554655475548554955505551555255535554555555565557555855595560556155625563556455655566556755685569557055715572557355745575557655775578557955805581558255835584558555865587558855895590559155925593559455955596559755985599560056015602560356045605560656075608560956105611561256135614561556165617561856195620562156225623562456255626562756285629563056315632563356345635563656375638563956405641564256435644564556465647564856495650565156525653565456555656565756585659566056615662566356645665566656675668566956705671567256735674567556765677567856795680568156825683568456855686568756885689569056915692569356945695569656975698569957005701570257035704570557065707570857095710571157125713571457155716571757185719572057215722572357245725572657275728572957305731573257335734573557365737573857395740574157425743574457455746574757485749575057515752575357545755575657575758575957605761576257635764576557665767576857695770577157725773577457755776577757785779578057815782578357845785578657875788578957905791579257935794579557965797579857995800580158025803580458055806580758085809581058115812581358145815581658175818581958205821582258235824582558265827582858295830583158325833583458355836583758385839584058415842584358445845584658475848584958505851585258535854585558565857585858595860586158625863586458655866586758685869587058715872587358745875587658775878587958805881588258835884588558865887588858895890589158925893589458955896589758985899590059015902590359045905590659075908590959105911591259135914591559165917591859195920592159225923592459255926592759285929593059315932593359345935593659375938593959405941594259435944594559465947594859495950595159525953595459555956595759585959596059615962596359645965596659675968596959705971597259735974597559765977597859795980598159825983598459855986598759885989599059915992599359945995599659975998599960006001600260036004600560066007600860096010601160126013601460156016601760186019602060216022602360246025602660276028602960306031603260336034603560366037603860396040604160426043604460456046604760486049605060516052605360546055605660576058605960606061606260636064606560666067606860696070607160726073607460756076607760786079608060816082608360846085608660876088608960906091609260936094609560966097609860996100610161026103610461056106610761086109611061116112611361146115611661176118611961206121612261236124612561266127612861296130613161326133613461356136613761386139614061416142614361446145614661476148614961506151615261536154615561566157615861596160616161626163616461656166616761686169617061716172617361746175617661776178617961806181618261836184618561866187618861896190619161926193619461956196619761986199620062016202620362046205620662076208620962106211621262136214621562166217621862196220622162226223622462256226622762286229623062316232623362346235623662376238623962406241624262436244624562466247624862496250625162526253625462556256625762586259626062616262626362646265626662676268626962706271627262736274627562766277627862796280628162826283628462856286628762886289629062916292629362946295629662976298629963006301630263036304630563066307630863096310631163126313631463156316631763186319632063216322632363246325632663276328632963306331633263336334633563366337633863396340634163426343634463456346634763486349635063516352635363546355635663576358635963606361636263636364636563666367636863696370637163726373637463756376637763786379638063816382638363846385638663876388638963906391639263936394639563966397639863996400640164026403640464056406640764086409641064116412641364146415641664176418641964206421642264236424642564266427642864296430643164326433643464356436643764386439644064416442644364446445644664476448644964506451645264536454645564566457645864596460646164626463646464656466646764686469647064716472647364746475647664776478647964806481648264836484648564866487648864896490649164926493649464956496649764986499650065016502650365046505650665076508650965106511651265136514651565166517651865196520652165226523652465256526652765286529653065316532653365346535653665376538653965406541654265436544654565466547654865496550655165526553655465556556655765586559656065616562656365646565656665676568656965706571657265736574657565766577657865796580658165826583658465856586658765886589659065916592659365946595659665976598659966006601660266036604660566066607660866096610661166126613661466156616661766186619662066216622662366246625662666276628662966306631663266336634663566366637663866396640664166426643664466456646664766486649665066516652665366546655665666576658665966606661666266636664666566666667666866696670667166726673667466756676667766786679668066816682668366846685668666876688668966906691669266936694669566966697669866996700670167026703670467056706670767086709671067116712671367146715671667176718671967206721672267236724672567266727672867296730673167326733673467356736673767386739674067416742674367446745674667476748674967506751675267536754675567566757675867596760676167626763676467656766676767686769677067716772677367746775677667776778677967806781678267836784678567866787678867896790679167926793679467956796679767986799680068016802680368046805680668076808680968106811681268136814681568166817681868196820682168226823682468256826682768286829683068316832683368346835683668376838683968406841684268436844684568466847684868496850685168526853685468556856685768586859686068616862686368646865686668676868686968706871687268736874687568766877687868796880688168826883688468856886688768886889689068916892689368946895689668976898689969006901690269036904690569066907690869096910691169126913691469156916691769186919692069216922692369246925692669276928692969306931693269336934693569366937693869396940694169426943694469456946694769486949695069516952695369546955695669576958695969606961696269636964696569666967696869696970697169726973697469756976697769786979698069816982698369846985698669876988698969906991699269936994699569966997699869997000700170027003700470057006700770087009701070117012701370147015701670177018701970207021702270237024702570267027702870297030703170327033703470357036703770387039704070417042704370447045704670477048704970507051705270537054705570567057705870597060706170627063706470657066706770687069707070717072707370747075707670777078707970807081708270837084708570867087708870897090709170927093709470957096709770987099710071017102710371047105710671077108710971107111711271137114711571167117711871197120712171227123712471257126712771287129713071317132713371347135713671377138713971407141714271437144714571467147714871497150715171527153715471557156715771587159716071617162716371647165716671677168716971707171717271737174717571767177717871797180718171827183718471857186718771887189719071917192719371947195719671977198719972007201720272037204720572067207720872097210721172127213721472157216721772187219722072217222722372247225722672277228722972307231723272337234723572367237723872397240724172427243724472457246724772487249725072517252725372547255725672577258725972607261726272637264726572667267726872697270727172727273727472757276727772787279728072817282728372847285728672877288728972907291729272937294729572967297729872997300730173027303730473057306730773087309731073117312731373147315731673177318731973207321732273237324732573267327732873297330733173327333733473357336733773387339734073417342734373447345734673477348734973507351735273537354735573567357735873597360736173627363736473657366736773687369737073717372737373747375737673777378737973807381738273837384738573867387738873897390739173927393739473957396739773987399740074017402740374047405740674077408740974107411741274137414741574167417741874197420742174227423742474257426742774287429743074317432743374347435743674377438743974407441744274437444744574467447744874497450745174527453745474557456745774587459746074617462746374647465746674677468746974707471747274737474747574767477747874797480748174827483748474857486748774887489749074917492749374947495749674977498749975007501750275037504750575067507750875097510751175127513751475157516751775187519752075217522752375247525752675277528752975307531753275337534753575367537753875397540754175427543754475457546754775487549755075517552755375547555755675577558755975607561756275637564756575667567756875697570757175727573757475757576757775787579758075817582758375847585758675877588758975907591759275937594759575967597759875997600760176027603760476057606760776087609761076117612761376147615761676177618761976207621762276237624762576267627762876297630763176327633763476357636763776387639764076417642764376447645764676477648764976507651765276537654765576567657765876597660766176627663766476657666766776687669767076717672767376747675767676777678767976807681768276837684768576867687768876897690769176927693769476957696769776987699770077017702770377047705770677077708770977107711771277137714771577167717771877197720772177227723772477257726772777287729773077317732773377347735773677377738773977407741774277437744774577467747774877497750775177527753775477557756775777587759776077617762776377647765776677677768776977707771777277737774777577767777777877797780778177827783778477857786778777887789779077917792779377947795779677977798779978007801780278037804780578067807780878097810781178127813781478157816781778187819782078217822782378247825782678277828782978307831783278337834783578367837783878397840784178427843784478457846784778487849785078517852785378547855785678577858785978607861786278637864786578667867786878697870787178727873787478757876787778787879788078817882788378847885788678877888788978907891789278937894789578967897789878997900790179027903790479057906790779087909791079117912791379147915791679177918791979207921792279237924792579267927792879297930793179327933793479357936793779387939794079417942794379447945794679477948794979507951795279537954795579567957795879597960796179627963796479657966796779687969797079717972797379747975797679777978797979807981798279837984798579867987798879897990799179927993799479957996799779987999800080018002800380048005800680078008800980108011801280138014801580168017801880198020802180228023802480258026802780288029803080318032803380348035803680378038803980408041804280438044804580468047804880498050805180528053805480558056805780588059806080618062806380648065806680678068806980708071807280738074807580768077807880798080808180828083808480858086808780888089809080918092809380948095809680978098809981008101810281038104810581068107810881098110811181128113811481158116811781188119812081218122812381248125812681278128812981308131813281338134813581368137813881398140814181428143814481458146814781488149815081518152815381548155815681578158815981608161816281638164816581668167816881698170817181728173817481758176817781788179818081818182818381848185818681878188818981908191819281938194819581968197819881998200820182028203820482058206820782088209821082118212821382148215821682178218821982208221822282238224822582268227822882298230823182328233823482358236823782388239824082418242824382448245824682478248824982508251825282538254825582568257825882598260826182628263826482658266826782688269827082718272827382748275827682778278827982808281828282838284828582868287828882898290829182928293829482958296829782988299830083018302830383048305830683078308830983108311831283138314831583168317831883198320832183228323832483258326832783288329833083318332833383348335833683378338833983408341834283438344834583468347834883498350835183528353835483558356835783588359836083618362836383648365836683678368836983708371837283738374837583768377837883798380838183828383838483858386838783888389839083918392839383948395839683978398839984008401840284038404840584068407840884098410841184128413841484158416841784188419842084218422842384248425842684278428842984308431843284338434843584368437843884398440844184428443844484458446844784488449845084518452845384548455845684578458845984608461846284638464846584668467846884698470847184728473847484758476847784788479848084818482848384848485848684878488848984908491849284938494849584968497849884998500850185028503850485058506850785088509851085118512851385148515851685178518851985208521852285238524852585268527852885298530853185328533853485358536853785388539854085418542854385448545854685478548854985508551855285538554855585568557855885598560856185628563856485658566856785688569857085718572857385748575857685778578857985808581858285838584858585868587858885898590859185928593859485958596859785988599860086018602860386048605860686078608860986108611861286138614861586168617861886198620862186228623862486258626862786288629863086318632863386348635863686378638863986408641864286438644864586468647864886498650865186528653865486558656865786588659866086618662866386648665866686678668866986708671867286738674867586768677867886798680868186828683868486858686868786888689869086918692869386948695869686978698869987008701870287038704870587068707870887098710871187128713871487158716871787188719872087218722872387248725872687278728872987308731873287338734873587368737873887398740874187428743874487458746874787488749875087518752875387548755875687578758875987608761876287638764876587668767876887698770877187728773877487758776877787788779878087818782878387848785878687878788878987908791879287938794879587968797879887998800880188028803880488058806880788088809881088118812881388148815881688178818881988208821882288238824882588268827882888298830883188328833883488358836883788388839884088418842884388448845884688478848884988508851885288538854885588568857885888598860886188628863886488658866886788688869887088718872887388748875887688778878887988808881888288838884888588868887888888898890889188928893889488958896889788988899890089018902890389048905890689078908890989108911891289138914891589168917891889198920892189228923892489258926892789288929893089318932893389348935893689378938893989408941894289438944894589468947894889498950895189528953895489558956895789588959896089618962896389648965896689678968896989708971897289738974897589768977897889798980898189828983898489858986898789888989899089918992899389948995899689978998899990009001900290039004900590069007900890099010901190129013901490159016901790189019902090219022902390249025902690279028902990309031903290339034903590369037903890399040904190429043904490459046904790489049905090519052905390549055905690579058905990609061906290639064906590669067906890699070907190729073907490759076907790789079908090819082908390849085908690879088908990909091909290939094909590969097909890999100910191029103910491059106910791089109911091119112911391149115911691179118911991209121912291239124912591269127912891299130913191329133913491359136913791389139914091419142914391449145914691479148914991509151915291539154915591569157915891599160916191629163916491659166916791689169917091719172917391749175917691779178917991809181918291839184918591869187918891899190919191929193919491959196919791989199920092019202920392049205920692079208920992109211921292139214921592169217921892199220922192229223922492259226922792289229923092319232923392349235923692379238923992409241924292439244924592469247924892499250925192529253925492559256925792589259926092619262926392649265926692679268926992709271927292739274927592769277927892799280928192829283928492859286928792889289929092919292929392949295929692979298929993009301930293039304930593069307930893099310931193129313931493159316931793189319932093219322932393249325932693279328932993309331933293339334933593369337933893399340934193429343934493459346934793489349935093519352935393549355935693579358935993609361936293639364936593669367936893699370937193729373937493759376937793789379938093819382938393849385938693879388938993909391939293939394939593969397939893999400940194029403940494059406940794089409941094119412941394149415941694179418941994209421942294239424942594269427942894299430943194329433943494359436943794389439944094419442944394449445944694479448944994509451945294539454945594569457945894599460946194629463946494659466946794689469947094719472947394749475947694779478947994809481948294839484948594869487948894899490949194929493949494959496949794989499950095019502950395049505950695079508950995109511951295139514951595169517951895199520952195229523952495259526952795289529953095319532953395349535953695379538953995409541954295439544954595469547954895499550955195529553955495559556955795589559956095619562956395649565956695679568956995709571957295739574957595769577957895799580958195829583958495859586958795889589959095919592959395949595959695979598959996009601960296039604960596069607960896099610961196129613961496159616961796189619962096219622962396249625962696279628962996309631963296339634963596369637963896399640964196429643964496459646964796489649965096519652965396549655965696579658965996609661966296639664966596669667966896699670967196729673967496759676967796789679968096819682968396849685968696879688968996909691969296939694969596969697969896999700970197029703970497059706970797089709971097119712971397149715971697179718971997209721972297239724972597269727972897299730973197329733973497359736973797389739974097419742974397449745974697479748974997509751975297539754975597569757975897599760976197629763976497659766976797689769977097719772977397749775977697779778977997809781978297839784978597869787978897899790979197929793979497959796979797989799980098019802980398049805980698079808980998109811981298139814981598169817981898199820982198229823982498259826982798289829983098319832983398349835983698379838983998409841984298439844984598469847984898499850985198529853985498559856985798589859986098619862986398649865986698679868986998709871987298739874987598769877987898799880988198829883988498859886988798889889989098919892989398949895989698979898989999009901990299039904990599069907990899099910991199129913991499159916991799189919992099219922992399249925992699279928992999309931993299339934993599369937993899399940994199429943994499459946994799489949995099519952995399549955995699579958995999609961996299639964996599669967996899699970997199729973997499759976997799789979998099819982998399849985998699879988998999909991999299939994999599969997999899991000010001100021000310004100051000610007100081000910010100111001210013100141001510016100171001810019100201002110022100231002410025100261002710028100291003010031100321003310034100351003610037100381003910040100411004210043100441004510046100471004810049100501005110052100531005410055100561005710058100591006010061100621006310064100651006610067100681006910070100711007210073100741007510076100771007810079100801008110082100831008410085100861008710088100891009010091100921009310094100951009610097100981009910100101011010210103101041010510106101071010810109101101011110112101131011410115101161011710118101191012010121101221012310124101251012610127101281012910130101311013210133101341013510136101371013810139101401014110142101431014410145101461014710148101491015010151101521015310154101551015610157101581015910160101611016210163101641016510166101671016810169101701017110172101731017410175101761017710178101791018010181101821018310184101851018610187101881018910190101911019210193101941019510196101971019810199102001020110202102031020410205102061020710208102091021010211102121021310214102151021610217102181021910220102211022210223102241022510226102271022810229102301023110232102331023410235102361023710238102391024010241102421024310244102451024610247102481024910250102511025210253102541025510256102571025810259102601026110262102631026410265102661026710268102691027010271102721027310274102751027610277102781027910280102811028210283102841028510286102871028810289102901029110292102931029410295102961029710298102991030010301103021030310304103051030610307103081030910310103111031210313103141031510316103171031810319103201032110322103231032410325103261032710328103291033010331103321033310334103351033610337103381033910340103411034210343103441034510346103471034810349103501035110352103531035410355103561035710358103591036010361103621036310364103651036610367103681036910370103711037210373103741037510376103771037810379103801038110382103831038410385103861038710388103891039010391103921039310394103951039610397103981039910400104011040210403104041040510406104071040810409104101041110412104131041410415104161041710418104191042010421104221042310424104251042610427104281042910430104311043210433104341043510436104371043810439104401044110442104431044410445104461044710448104491045010451104521045310454104551045610457104581045910460104611046210463104641046510466104671046810469104701047110472104731047410475104761047710478104791048010481104821048310484104851048610487104881048910490104911049210493104941049510496104971049810499105001050110502105031050410505105061050710508105091051010511105121051310514105151051610517105181051910520105211052210523105241052510526105271052810529105301053110532105331053410535105361053710538105391054010541105421054310544105451054610547105481054910550105511055210553105541055510556105571055810559105601056110562105631056410565105661056710568105691057010571105721057310574105751057610577105781057910580105811058210583105841058510586105871058810589105901059110592105931059410595105961059710598105991060010601106021060310604106051060610607106081060910610106111061210613106141061510616106171061810619106201062110622106231062410625106261062710628106291063010631106321063310634106351063610637106381063910640106411064210643106441064510646106471064810649106501065110652106531065410655106561065710658106591066010661106621066310664106651066610667106681066910670106711067210673106741067510676106771067810679106801068110682106831068410685106861068710688106891069010691106921069310694106951069610697106981069910700107011070210703107041070510706107071070810709107101071110712107131071410715107161071710718107191072010721107221072310724107251072610727107281072910730107311073210733107341073510736107371073810739107401074110742107431074410745107461074710748107491075010751107521075310754107551075610757107581075910760107611076210763107641076510766107671076810769107701077110772107731077410775107761077710778107791078010781107821078310784107851078610787107881078910790107911079210793107941079510796107971079810799108001080110802108031080410805108061080710808108091081010811108121081310814108151081610817108181081910820108211082210823108241082510826108271082810829108301083110832108331083410835108361083710838108391084010841108421084310844108451084610847108481084910850108511085210853108541085510856108571085810859108601086110862108631086410865108661086710868108691087010871108721087310874108751087610877108781087910880108811088210883108841088510886108871088810889108901089110892108931089410895108961089710898108991090010901109021090310904109051090610907109081090910910109111091210913109141091510916109171091810919109201092110922109231092410925109261092710928109291093010931109321093310934109351093610937109381093910940109411094210943109441094510946109471094810949109501095110952109531095410955109561095710958109591096010961109621096310964109651096610967109681096910970109711097210973109741097510976109771097810979109801098110982109831098410985109861098710988109891099010991109921099310994109951099610997109981099911000110011100211003110041100511006110071100811009110101101111012110131101411015110161101711018110191102011021110221102311024110251102611027110281102911030110311103211033110341103511036110371103811039110401104111042110431104411045110461104711048110491105011051110521105311054110551105611057110581105911060110611106211063110641106511066110671106811069110701107111072110731107411075110761107711078110791108011081110821108311084110851108611087110881108911090110911109211093110941109511096110971109811099111001110111102111031110411105111061110711108111091111011111111121111311114111151111611117111181111911120111211112211123111241112511126111271112811129111301113111132111331113411135111361113711138111391114011141111421114311144111451114611147111481114911150111511115211153111541115511156111571115811159111601116111162111631116411165111661116711168111691117011171111721117311174111751117611177111781117911180111811118211183111841118511186111871118811189111901119111192111931119411195111961119711198111991120011201112021120311204112051120611207112081120911210112111121211213112141121511216112171121811219112201122111222112231122411225112261122711228112291123011231112321123311234112351123611237112381123911240112411124211243112441124511246112471124811249112501125111252112531125411255112561125711258112591126011261112621126311264112651126611267112681126911270112711127211273112741127511276112771127811279112801128111282112831128411285112861128711288112891129011291112921129311294112951129611297112981129911300113011130211303113041130511306113071130811309113101131111312113131131411315113161131711318113191132011321113221132311324113251132611327113281132911330113311133211333113341133511336113371133811339113401134111342113431134411345113461134711348113491135011351113521135311354113551135611357113581135911360113611136211363113641136511366113671136811369113701137111372113731137411375113761137711378113791138011381113821138311384113851138611387113881138911390113911139211393113941139511396113971139811399114001140111402114031140411405114061140711408114091141011411114121141311414114151141611417114181141911420114211142211423114241142511426114271142811429114301143111432114331143411435114361143711438114391144011441114421144311444114451144611447114481144911450114511145211453114541145511456114571145811459114601146111462114631146411465114661146711468114691147011471114721147311474114751147611477114781147911480114811148211483114841148511486114871148811489114901149111492114931149411495114961149711498114991150011501115021150311504115051150611507115081150911510115111151211513115141151511516115171151811519115201152111522115231152411525115261152711528115291153011531115321153311534115351153611537115381153911540115411154211543115441154511546115471154811549115501155111552115531155411555115561155711558115591156011561115621156311564115651156611567115681156911570115711157211573115741157511576115771157811579115801158111582115831158411585115861158711588115891159011591115921159311594115951159611597115981159911600116011160211603116041160511606116071160811609116101161111612116131161411615116161161711618116191162011621116221162311624116251162611627116281162911630116311163211633116341163511636116371163811639116401164111642116431164411645116461164711648116491165011651116521165311654116551165611657116581165911660116611166211663116641166511666116671166811669116701167111672116731167411675116761167711678116791168011681116821168311684116851168611687116881168911690116911169211693116941169511696116971169811699117001170111702117031170411705117061170711708117091171011711117121171311714117151171611717117181171911720117211172211723117241172511726117271172811729117301173111732117331173411735117361173711738117391174011741117421174311744117451174611747117481174911750117511175211753117541175511756117571175811759117601176111762117631176411765117661176711768117691177011771117721177311774117751177611777117781177911780117811178211783117841178511786117871178811789117901179111792117931179411795117961179711798117991180011801118021180311804118051180611807118081180911810118111181211813118141181511816118171181811819118201182111822118231182411825118261182711828118291183011831118321183311834118351183611837118381183911840118411184211843118441184511846118471184811849118501185111852118531185411855118561185711858118591186011861118621186311864118651186611867118681186911870118711187211873118741187511876118771187811879118801188111882118831188411885118861188711888118891189011891118921189311894118951189611897118981189911900119011190211903119041190511906119071190811909119101191111912119131191411915119161191711918119191192011921119221192311924119251192611927119281192911930119311193211933119341193511936119371193811939119401194111942119431194411945119461194711948119491195011951119521195311954119551195611957119581195911960119611196211963119641196511966119671196811969119701197111972119731197411975119761197711978119791198011981119821198311984119851198611987119881198911990119911199211993119941199511996119971199811999120001200112002120031200412005120061200712008120091201012011120121201312014120151201612017120181201912020120211202212023120241202512026120271202812029120301203112032120331203412035120361203712038120391204012041120421204312044120451204612047120481204912050120511205212053120541205512056120571205812059120601206112062120631206412065120661206712068120691207012071120721207312074120751207612077120781207912080120811208212083120841208512086120871208812089120901209112092120931209412095120961209712098120991210012101121021210312104121051210612107121081210912110121111211212113121141211512116121171211812119121201212112122121231212412125121261212712128121291213012131121321213312134121351213612137121381213912140121411214212143121441214512146121471214812149121501215112152121531215412155121561215712158121591216012161121621216312164121651216612167121681216912170121711217212173121741217512176121771217812179121801218112182121831218412185121861218712188121891219012191121921219312194121951219612197121981219912200122011220212203122041220512206122071220812209122101221112212122131221412215122161221712218122191222012221122221222312224122251222612227122281222912230122311223212233122341223512236122371223812239122401224112242122431224412245122461224712248122491225012251122521225312254122551225612257122581225912260122611226212263122641226512266122671226812269122701227112272122731227412275122761227712278122791228012281122821228312284122851228612287122881228912290122911229212293122941229512296122971229812299123001230112302123031230412305123061230712308123091231012311123121231312314123151231612317123181231912320123211232212323123241232512326123271232812329123301233112332123331233412335123361233712338123391234012341123421234312344123451234612347123481234912350123511235212353123541235512356123571235812359123601236112362123631236412365123661236712368123691237012371123721237312374123751237612377123781237912380123811238212383123841238512386123871238812389123901239112392123931239412395123961239712398123991240012401124021240312404124051240612407124081240912410124111241212413124141241512416124171241812419124201242112422124231242412425124261242712428124291243012431124321243312434124351243612437124381243912440124411244212443124441244512446124471244812449124501245112452124531245412455124561245712458124591246012461124621246312464124651246612467124681246912470124711247212473124741247512476124771247812479124801248112482124831248412485124861248712488124891249012491124921249312494124951249612497124981249912500125011250212503125041250512506125071250812509125101251112512125131251412515125161251712518125191252012521125221252312524125251252612527125281252912530125311253212533125341253512536125371253812539125401254112542125431254412545125461254712548125491255012551125521255312554125551255612557125581255912560125611256212563125641256512566125671256812569125701257112572125731257412575125761257712578125791258012581125821258312584125851258612587125881258912590125911259212593125941259512596125971259812599126001260112602126031260412605126061260712608126091261012611126121261312614126151261612617126181261912620126211262212623126241262512626126271262812629126301263112632126331263412635126361263712638126391264012641126421264312644126451264612647126481264912650126511265212653126541265512656126571265812659126601266112662126631266412665126661266712668126691267012671126721267312674126751267612677126781267912680126811268212683126841268512686126871268812689126901269112692126931269412695126961269712698126991270012701127021270312704127051270612707127081270912710127111271212713127141271512716127171271812719127201272112722127231272412725127261272712728127291273012731127321273312734127351273612737127381273912740127411274212743127441274512746127471274812749127501275112752127531275412755127561275712758127591276012761127621276312764127651276612767127681276912770127711277212773127741277512776127771277812779127801278112782127831278412785127861278712788127891279012791127921279312794127951279612797127981279912800128011280212803128041280512806128071280812809128101281112812128131281412815128161281712818128191282012821128221282312824128251282612827128281282912830128311283212833128341283512836128371283812839128401284112842128431284412845128461284712848128491285012851128521285312854128551285612857128581285912860128611286212863128641286512866128671286812869128701287112872128731287412875128761287712878128791288012881128821288312884128851288612887128881288912890128911289212893128941289512896128971289812899129001290112902129031290412905129061290712908129091291012911129121291312914129151291612917129181291912920129211292212923129241292512926129271292812929129301293112932129331293412935129361293712938129391294012941129421294312944129451294612947129481294912950129511295212953129541295512956129571295812959129601296112962129631296412965129661296712968129691297012971129721297312974129751297612977129781297912980129811298212983129841298512986129871298812989129901299112992129931299412995129961299712998129991300013001130021300313004130051300613007130081300913010130111301213013130141301513016130171301813019130201302113022130231302413025130261302713028130291303013031130321303313034130351303613037130381303913040130411304213043130441304513046130471304813049130501305113052130531305413055130561305713058130591306013061130621306313064130651306613067130681306913070130711307213073130741307513076130771307813079130801308113082130831308413085130861308713088130891309013091130921309313094130951309613097130981309913100131011310213103131041310513106131071310813109131101311113112131131311413115131161311713118131191312013121131221312313124131251312613127131281312913130131311313213133131341313513136131371313813139131401314113142131431314413145131461314713148131491315013151131521315313154131551315613157131581315913160131611316213163131641316513166131671316813169131701317113172131731317413175131761317713178131791318013181131821318313184131851318613187131881318913190131911319213193131941319513196131971319813199132001320113202132031320413205132061320713208132091321013211132121321313214132151321613217132181321913220132211322213223132241322513226132271322813229132301323113232132331323413235132361323713238132391324013241132421324313244132451324613247132481324913250132511325213253132541325513256132571325813259132601326113262132631326413265132661326713268132691327013271132721327313274132751327613277132781327913280132811328213283132841328513286132871328813289132901329113292132931329413295132961329713298132991330013301133021330313304133051330613307133081330913310133111331213313133141331513316133171331813319133201332113322133231332413325133261332713328133291333013331133321333313334133351333613337133381333913340133411334213343133441334513346133471334813349133501335113352133531335413355133561335713358133591336013361133621336313364133651336613367133681336913370133711337213373133741337513376133771337813379133801338113382133831338413385133861338713388133891339013391133921339313394133951339613397133981339913400134011340213403134041340513406134071340813409134101341113412134131341413415134161341713418134191342013421134221342313424134251342613427134281342913430134311343213433134341343513436134371343813439134401344113442134431344413445134461344713448134491345013451134521345313454134551345613457134581345913460134611346213463134641346513466134671346813469134701347113472134731347413475134761347713478134791348013481134821348313484134851348613487134881348913490134911349213493134941349513496134971349813499135001350113502135031350413505135061350713508135091351013511135121351313514135151351613517135181351913520135211352213523135241352513526135271352813529135301353113532135331353413535135361353713538135391354013541135421354313544135451354613547135481354913550135511355213553135541355513556135571355813559135601356113562135631356413565135661356713568135691357013571135721357313574135751357613577135781357913580135811358213583135841358513586135871358813589135901359113592135931359413595135961359713598135991360013601136021360313604136051360613607136081360913610136111361213613136141361513616136171361813619136201362113622136231362413625136261362713628136291363013631136321363313634136351363613637136381363913640136411364213643136441364513646136471364813649136501365113652136531365413655136561365713658136591366013661136621366313664136651366613667136681366913670136711367213673136741367513676136771367813679136801368113682136831368413685136861368713688136891369013691136921369313694136951369613697136981369913700137011370213703137041370513706137071370813709137101371113712137131371413715137161371713718137191372013721137221372313724137251372613727137281372913730137311373213733137341373513736137371373813739137401374113742137431374413745137461374713748137491375013751137521375313754137551375613757137581375913760137611376213763137641376513766137671376813769137701377113772137731377413775137761377713778137791378013781137821378313784137851378613787137881378913790137911379213793137941379513796137971379813799138001380113802138031380413805138061380713808138091381013811138121381313814138151381613817138181381913820138211382213823138241382513826138271382813829138301383113832138331383413835138361383713838138391384013841138421384313844138451384613847138481384913850138511385213853138541385513856138571385813859138601386113862138631386413865138661386713868138691387013871138721387313874138751387613877138781387913880138811388213883138841388513886138871388813889138901389113892138931389413895138961389713898138991390013901139021390313904139051390613907139081390913910139111391213913139141391513916139171391813919139201392113922139231392413925139261392713928139291393013931139321393313934139351393613937139381393913940139411394213943139441394513946139471394813949139501395113952139531395413955139561395713958139591396013961139621396313964139651396613967139681396913970139711397213973139741397513976139771397813979139801398113982139831398413985139861398713988139891399013991139921399313994139951399613997139981399914000140011400214003140041400514006140071400814009140101401114012140131401414015140161401714018140191402014021140221402314024140251402614027140281402914030140311403214033140341403514036140371403814039140401404114042140431404414045140461404714048140491405014051140521405314054140551405614057140581405914060140611406214063140641406514066140671406814069140701407114072140731407414075140761407714078140791408014081140821408314084140851408614087140881408914090140911409214093140941409514096140971409814099141001410114102141031410414105141061410714108141091411014111141121411314114141151411614117141181411914120141211412214123141241412514126141271412814129141301413114132141331413414135141361413714138141391414014141141421414314144141451414614147141481414914150141511415214153141541415514156141571415814159141601416114162141631416414165141661416714168141691417014171141721417314174141751417614177141781417914180141811418214183141841418514186141871418814189141901419114192141931419414195141961419714198141991420014201142021420314204142051420614207142081420914210142111421214213142141421514216142171421814219142201422114222142231422414225142261422714228142291423014231142321423314234142351423614237142381423914240142411424214243142441424514246142471424814249142501425114252142531425414255142561425714258142591426014261142621426314264142651426614267142681426914270142711427214273142741427514276142771427814279142801428114282142831428414285142861428714288142891429014291142921429314294142951429614297142981429914300143011430214303143041430514306143071430814309143101431114312143131431414315143161431714318143191432014321143221432314324143251432614327143281432914330143311433214333143341433514336143371433814339143401434114342143431434414345143461434714348143491435014351143521435314354143551435614357143581435914360143611436214363143641436514366143671436814369143701437114372143731437414375143761437714378143791438014381143821438314384143851438614387143881438914390143911439214393143941439514396143971439814399144001440114402144031440414405144061440714408144091441014411144121441314414144151441614417144181441914420144211442214423144241442514426144271442814429144301443114432144331443414435144361443714438144391444014441144421444314444144451444614447144481444914450144511445214453144541445514456144571445814459144601446114462144631446414465144661446714468144691447014471144721447314474144751447614477144781447914480144811448214483144841448514486144871448814489144901449114492144931449414495144961449714498144991450014501145021450314504145051450614507145081450914510145111451214513145141451514516145171451814519145201452114522145231452414525145261452714528145291453014531145321453314534145351453614537145381453914540145411454214543145441454514546145471454814549145501455114552145531455414555145561455714558145591456014561145621456314564145651456614567145681456914570145711457214573145741457514576145771457814579145801458114582145831458414585145861458714588145891459014591145921459314594145951459614597145981459914600146011460214603146041460514606146071460814609146101461114612146131461414615146161461714618146191462014621146221462314624146251462614627146281462914630146311463214633146341463514636146371463814639146401464114642146431464414645146461464714648146491465014651146521465314654146551465614657146581465914660146611466214663146641466514666146671466814669146701467114672146731467414675146761467714678146791468014681146821468314684146851468614687146881468914690146911469214693146941469514696146971469814699147001470114702147031470414705147061470714708147091471014711147121471314714147151471614717147181471914720147211472214723147241472514726147271472814729147301473114732147331473414735147361473714738147391474014741147421474314744147451474614747147481474914750147511475214753147541475514756147571475814759147601476114762147631476414765147661476714768147691477014771147721477314774147751477614777147781477914780147811478214783147841478514786147871478814789147901479114792147931479414795147961479714798147991480014801148021480314804148051480614807148081480914810148111481214813148141481514816148171481814819148201482114822148231482414825148261482714828148291483014831148321483314834148351483614837148381483914840148411484214843148441484514846148471484814849148501485114852148531485414855148561485714858148591486014861148621486314864148651486614867148681486914870148711487214873148741487514876148771487814879148801488114882148831488414885148861488714888148891489014891148921489314894148951489614897148981489914900149011490214903149041490514906149071490814909149101491114912149131491414915149161491714918149191492014921149221492314924149251492614927149281492914930149311493214933149341493514936149371493814939149401494114942149431494414945149461494714948149491495014951149521495314954149551495614957149581495914960149611496214963149641496514966149671496814969149701497114972149731497414975149761497714978149791498014981149821498314984149851498614987149881498914990149911499214993149941499514996149971499814999150001500115002150031500415005150061500715008150091501015011150121501315014150151501615017150181501915020150211502215023150241502515026150271502815029150301503115032150331503415035150361503715038150391504015041150421504315044150451504615047150481504915050150511505215053150541505515056150571505815059150601506115062150631506415065150661506715068150691507015071150721507315074150751507615077150781507915080150811508215083150841508515086150871508815089150901509115092150931509415095150961509715098150991510015101151021510315104151051510615107151081510915110151111511215113151141511515116151171511815119151201512115122151231512415125151261512715128151291513015131151321513315134151351513615137151381513915140151411514215143151441514515146151471514815149151501515115152151531515415155151561515715158151591516015161151621516315164151651516615167151681516915170151711517215173151741517515176151771517815179151801518115182151831518415185151861518715188151891519015191151921519315194151951519615197151981519915200152011520215203152041520515206152071520815209152101521115212152131521415215152161521715218152191522015221152221522315224152251522615227152281522915230152311523215233152341523515236152371523815239152401524115242152431524415245152461524715248152491525015251152521525315254152551525615257152581525915260152611526215263152641526515266152671526815269152701527115272152731527415275152761527715278152791528015281152821528315284152851528615287152881528915290152911529215293152941529515296152971529815299153001530115302153031530415305153061530715308153091531015311153121531315314153151531615317153181531915320153211532215323153241532515326153271532815329153301533115332153331533415335153361533715338153391534015341153421534315344153451534615347153481534915350153511535215353153541535515356153571535815359153601536115362153631536415365153661536715368153691537015371153721537315374153751537615377153781537915380153811538215383153841538515386153871538815389153901539115392153931539415395153961539715398153991540015401154021540315404154051540615407154081540915410154111541215413154141541515416154171541815419154201542115422154231542415425154261542715428154291543015431154321543315434154351543615437154381543915440154411544215443154441544515446154471544815449154501545115452154531545415455154561545715458154591546015461154621546315464154651546615467154681546915470154711547215473154741547515476154771547815479154801548115482154831548415485154861548715488154891549015491154921549315494154951549615497154981549915500155011550215503155041550515506155071550815509155101551115512155131551415515155161551715518155191552015521155221552315524155251552615527155281552915530155311553215533155341553515536155371553815539155401554115542155431554415545155461554715548155491555015551155521555315554155551555615557155581555915560155611556215563155641556515566155671556815569155701557115572155731557415575155761557715578155791558015581155821558315584155851558615587155881558915590155911559215593155941559515596155971559815599156001560115602156031560415605156061560715608156091561015611156121561315614156151561615617156181561915620156211562215623156241562515626156271562815629156301563115632156331563415635156361563715638156391564015641156421564315644156451564615647156481564915650156511565215653156541565515656156571565815659156601566115662156631566415665156661566715668156691567015671156721567315674156751567615677156781567915680156811568215683156841568515686156871568815689156901569115692156931569415695156961569715698156991570015701157021570315704157051570615707157081570915710157111571215713157141571515716157171571815719157201572115722157231572415725157261572715728157291573015731157321573315734157351573615737157381573915740157411574215743157441574515746157471574815749157501575115752157531575415755157561575715758157591576015761157621576315764157651576615767157681576915770157711577215773157741577515776157771577815779157801578115782157831578415785157861578715788157891579015791157921579315794157951579615797157981579915800158011580215803158041580515806158071580815809158101581115812158131581415815158161581715818158191582015821158221582315824158251582615827158281582915830158311583215833158341583515836158371583815839158401584115842158431584415845158461584715848158491585015851158521585315854158551585615857158581585915860158611586215863158641586515866158671586815869158701587115872158731587415875158761587715878158791588015881158821588315884158851588615887158881588915890158911589215893158941589515896158971589815899159001590115902159031590415905159061590715908159091591015911159121591315914159151591615917159181591915920159211592215923159241592515926159271592815929159301593115932159331593415935159361593715938159391594015941159421594315944159451594615947159481594915950159511595215953159541595515956159571595815959159601596115962159631596415965159661596715968159691597015971159721597315974159751597615977159781597915980159811598215983159841598515986159871598815989159901599115992159931599415995159961599715998159991600016001160021600316004160051600616007160081600916010160111601216013160141601516016160171601816019160201602116022160231602416025160261602716028160291603016031160321603316034160351603616037160381603916040160411604216043160441604516046160471604816049160501605116052160531605416055160561605716058160591606016061160621606316064160651606616067160681606916070160711607216073160741607516076160771607816079160801608116082160831608416085160861608716088160891609016091160921609316094160951609616097160981609916100161011610216103161041610516106161071610816109161101611116112161131611416115161161611716118161191612016121161221612316124161251612616127161281612916130161311613216133161341613516136161371613816139161401614116142161431614416145161461614716148161491615016151161521615316154161551615616157161581615916160161611616216163161641616516166161671616816169161701617116172161731617416175161761617716178161791618016181161821618316184161851618616187161881618916190161911619216193161941619516196161971619816199162001620116202162031620416205162061620716208162091621016211162121621316214162151621616217162181621916220162211622216223162241622516226162271622816229162301623116232162331623416235162361623716238162391624016241162421624316244162451624616247162481624916250162511625216253162541625516256162571625816259162601626116262162631626416265162661626716268162691627016271162721627316274162751627616277162781627916280162811628216283162841628516286162871628816289162901629116292162931629416295162961629716298162991630016301163021630316304163051630616307163081630916310163111631216313163141631516316163171631816319163201632116322163231632416325163261632716328163291633016331163321633316334163351633616337163381633916340163411634216343163441634516346163471634816349163501635116352163531635416355163561635716358163591636016361163621636316364163651636616367163681636916370163711637216373163741637516376163771637816379163801638116382163831638416385163861638716388163891639016391163921639316394163951639616397163981639916400164011640216403164041640516406164071640816409164101641116412164131641416415164161641716418164191642016421164221642316424164251642616427164281642916430164311643216433164341643516436164371643816439164401644116442164431644416445164461644716448164491645016451164521645316454164551645616457164581645916460164611646216463164641646516466164671646816469164701647116472164731647416475164761647716478164791648016481164821648316484164851648616487164881648916490164911649216493164941649516496164971649816499165001650116502165031650416505165061650716508165091651016511165121651316514165151651616517165181651916520165211652216523165241652516526165271652816529165301653116532165331653416535165361653716538165391654016541165421654316544165451654616547165481654916550165511655216553165541655516556165571655816559165601656116562165631656416565165661656716568165691657016571165721657316574165751657616577165781657916580165811658216583165841658516586165871658816589165901659116592165931659416595165961659716598165991660016601166021660316604166051660616607166081660916610166111661216613166141661516616166171661816619166201662116622166231662416625166261662716628166291663016631166321663316634166351663616637166381663916640166411664216643166441664516646166471664816649166501665116652166531665416655166561665716658166591666016661166621666316664166651666616667166681666916670166711667216673166741667516676166771667816679166801668116682166831668416685166861668716688166891669016691166921669316694166951669616697166981669916700167011670216703167041670516706167071670816709167101671116712167131671416715167161671716718167191672016721167221672316724167251672616727167281672916730167311673216733167341673516736167371673816739167401674116742167431674416745167461674716748167491675016751167521675316754167551675616757167581675916760167611676216763167641676516766167671676816769167701677116772167731677416775167761677716778167791678016781167821678316784167851678616787167881678916790167911679216793167941679516796167971679816799168001680116802168031680416805168061680716808168091681016811168121681316814168151681616817168181681916820168211682216823168241682516826168271682816829168301683116832168331683416835168361683716838168391684016841168421684316844168451684616847168481684916850168511685216853168541685516856168571685816859168601686116862168631686416865168661686716868168691687016871168721687316874168751687616877168781687916880168811688216883168841688516886168871688816889168901689116892168931689416895168961689716898168991690016901169021690316904169051690616907169081690916910169111691216913169141691516916169171691816919169201692116922169231692416925169261692716928169291693016931169321693316934169351693616937169381693916940169411694216943169441694516946169471694816949169501695116952169531695416955169561695716958169591696016961169621696316964169651696616967169681696916970169711697216973169741697516976169771697816979169801698116982169831698416985169861698716988169891699016991169921699316994169951699616997169981699917000170011700217003170041700517006170071700817009170101701117012170131701417015170161701717018170191702017021170221702317024170251702617027170281702917030170311703217033170341703517036170371703817039170401704117042170431704417045170461704717048170491705017051170521705317054170551705617057170581705917060170611706217063170641706517066170671706817069170701707117072170731707417075170761707717078170791708017081170821708317084170851708617087170881708917090170911709217093170941709517096170971709817099171001710117102171031710417105171061710717108171091711017111171121711317114171151711617117171181711917120171211712217123171241712517126171271712817129171301713117132171331713417135171361713717138171391714017141171421714317144171451714617147171481714917150171511715217153171541715517156171571715817159171601716117162171631716417165171661716717168171691717017171171721717317174171751717617177171781717917180171811718217183171841718517186171871718817189171901719117192171931719417195171961719717198171991720017201172021720317204172051720617207172081720917210172111721217213172141721517216172171721817219172201722117222172231722417225172261722717228172291723017231172321723317234172351723617237172381723917240172411724217243172441724517246172471724817249172501725117252172531725417255172561725717258172591726017261172621726317264172651726617267172681726917270172711727217273172741727517276172771727817279172801728117282172831728417285172861728717288172891729017291172921729317294172951729617297172981729917300173011730217303173041730517306173071730817309173101731117312173131731417315173161731717318173191732017321173221732317324173251732617327173281732917330173311733217333173341733517336173371733817339173401734117342173431734417345173461734717348173491735017351173521735317354173551735617357173581735917360173611736217363173641736517366173671736817369173701737117372173731737417375173761737717378173791738017381173821738317384173851738617387173881738917390173911739217393173941739517396173971739817399174001740117402174031740417405174061740717408174091741017411174121741317414174151741617417174181741917420174211742217423174241742517426174271742817429174301743117432174331743417435174361743717438174391744017441174421744317444174451744617447174481744917450174511745217453174541745517456174571745817459174601746117462174631746417465174661746717468174691747017471174721747317474174751747617477174781747917480174811748217483174841748517486174871748817489174901749117492174931749417495174961749717498174991750017501175021750317504175051750617507175081750917510175111751217513175141751517516175171751817519175201752117522175231752417525175261752717528175291753017531175321753317534175351753617537175381753917540175411754217543175441754517546175471754817549175501755117552175531755417555175561755717558175591756017561175621756317564175651756617567175681756917570175711757217573175741757517576175771757817579175801758117582175831758417585175861758717588175891759017591175921759317594175951759617597175981759917600176011760217603176041760517606176071760817609176101761117612176131761417615176161761717618176191762017621176221762317624176251762617627176281762917630176311763217633176341763517636176371763817639176401764117642176431764417645176461764717648176491765017651176521765317654176551765617657176581765917660176611766217663176641766517666176671766817669176701767117672176731767417675176761767717678176791768017681176821768317684176851768617687176881768917690176911769217693176941769517696176971769817699177001770117702177031770417705177061770717708177091771017711177121771317714177151771617717177181771917720177211772217723177241772517726177271772817729177301773117732177331773417735177361773717738177391774017741177421774317744177451774617747177481774917750177511775217753177541775517756177571775817759177601776117762177631776417765177661776717768177691777017771177721777317774177751777617777177781777917780177811778217783177841778517786177871778817789177901779117792177931779417795177961779717798177991780017801178021780317804178051780617807178081780917810178111781217813178141781517816178171781817819178201782117822178231782417825178261782717828178291783017831178321783317834178351783617837178381783917840178411784217843178441784517846178471784817849178501785117852178531785417855178561785717858178591786017861178621786317864178651786617867178681786917870178711787217873178741787517876178771787817879178801788117882178831788417885178861788717888178891789017891178921789317894178951789617897178981789917900179011790217903179041790517906179071790817909179101791117912179131791417915179161791717918179191792017921179221792317924179251792617927179281792917930179311793217933179341793517936179371793817939179401794117942179431794417945179461794717948179491795017951179521795317954179551795617957179581795917960179611796217963179641796517966179671796817969179701797117972179731797417975179761797717978179791798017981179821798317984179851798617987179881798917990179911799217993179941799517996179971799817999180001800118002180031800418005180061800718008180091801018011180121801318014180151801618017180181801918020180211802218023180241802518026180271802818029180301803118032180331803418035180361803718038180391804018041180421804318044180451804618047180481804918050180511805218053180541805518056180571805818059180601806118062180631806418065180661806718068180691807018071180721807318074180751807618077180781807918080180811808218083180841808518086180871808818089180901809118092180931809418095180961809718098180991810018101181021810318104181051810618107181081810918110181111811218113181141811518116181171811818119181201812118122181231812418125181261812718128181291813018131181321813318134181351813618137181381813918140181411814218143181441814518146181471814818149181501815118152181531815418155181561815718158181591816018161181621816318164181651816618167181681816918170181711817218173181741817518176181771817818179181801818118182181831818418185181861818718188181891819018191181921819318194181951819618197181981819918200182011820218203182041820518206182071820818209182101821118212182131821418215182161821718218182191822018221182221822318224182251822618227182281822918230182311823218233182341823518236182371823818239182401824118242182431824418245182461824718248182491825018251182521825318254182551825618257182581825918260182611826218263182641826518266182671826818269182701827118272182731827418275182761827718278182791828018281182821828318284182851828618287182881828918290182911829218293182941829518296182971829818299183001830118302183031830418305183061830718308183091831018311183121831318314183151831618317183181831918320183211832218323183241832518326183271832818329183301833118332183331833418335183361833718338183391834018341183421834318344183451834618347183481834918350183511835218353183541835518356183571835818359183601836118362183631836418365183661836718368183691837018371183721837318374183751837618377183781837918380183811838218383183841838518386183871838818389183901839118392183931839418395183961839718398183991840018401184021840318404184051840618407184081840918410184111841218413184141841518416184171841818419184201842118422184231842418425184261842718428184291843018431184321843318434184351843618437184381843918440184411844218443184441844518446184471844818449184501845118452184531845418455184561845718458184591846018461184621846318464184651846618467184681846918470184711847218473184741847518476184771847818479184801848118482184831848418485184861848718488184891849018491184921849318494184951849618497184981849918500185011850218503185041850518506185071850818509185101851118512185131851418515185161851718518185191852018521185221852318524185251852618527185281852918530185311853218533185341853518536185371853818539185401854118542185431854418545185461854718548185491855018551185521855318554185551855618557185581855918560185611856218563185641856518566185671856818569185701857118572185731857418575185761857718578185791858018581185821858318584185851858618587185881858918590185911859218593185941859518596185971859818599186001860118602186031860418605186061860718608186091861018611186121861318614186151861618617186181861918620186211862218623186241862518626186271862818629186301863118632186331863418635186361863718638186391864018641186421864318644186451864618647186481864918650186511865218653186541865518656186571865818659186601866118662186631866418665186661866718668186691867018671186721867318674186751867618677186781867918680186811868218683186841868518686186871868818689186901869118692186931869418695186961869718698186991870018701187021870318704187051870618707187081870918710187111871218713187141871518716187171871818719187201872118722187231872418725187261872718728187291873018731187321873318734187351873618737187381873918740187411874218743187441874518746187471874818749187501875118752187531875418755187561875718758187591876018761187621876318764187651876618767187681876918770187711877218773187741877518776187771877818779187801878118782187831878418785187861878718788187891879018791187921879318794187951879618797187981879918800188011880218803188041880518806188071880818809188101881118812188131881418815188161881718818188191882018821188221882318824188251882618827188281882918830188311883218833188341883518836188371883818839188401884118842188431884418845188461884718848188491885018851188521885318854188551885618857188581885918860188611886218863188641886518866188671886818869188701887118872188731887418875188761887718878188791888018881188821888318884188851888618887188881888918890188911889218893188941889518896188971889818899189001890118902189031890418905189061890718908189091891018911189121891318914189151891618917189181891918920189211892218923189241892518926189271892818929189301893118932189331893418935189361893718938189391894018941189421894318944189451894618947189481894918950189511895218953189541895518956189571895818959189601896118962189631896418965189661896718968189691897018971189721897318974189751897618977189781897918980189811898218983189841898518986189871898818989189901899118992189931899418995189961899718998189991900019001190021900319004190051900619007190081900919010190111901219013190141901519016190171901819019190201902119022190231902419025190261902719028190291903019031190321903319034190351903619037190381903919040190411904219043190441904519046190471904819049190501905119052190531905419055190561905719058190591906019061190621906319064190651906619067190681906919070190711907219073190741907519076190771907819079190801908119082190831908419085190861908719088190891909019091190921909319094190951909619097190981909919100191011910219103191041910519106191071910819109191101911119112191131911419115191161911719118191191912019121191221912319124191251912619127191281912919130191311913219133191341913519136191371913819139191401914119142191431914419145191461914719148191491915019151191521915319154191551915619157191581915919160191611916219163191641916519166191671916819169191701917119172191731917419175191761917719178191791918019181191821918319184191851918619187191881918919190191911919219193191941919519196191971919819199192001920119202192031920419205192061920719208192091921019211192121921319214192151921619217192181921919220192211922219223192241922519226192271922819229192301923119232192331923419235192361923719238192391924019241192421924319244192451924619247192481924919250192511925219253192541925519256192571925819259192601926119262192631926419265192661926719268192691927019271192721927319274192751927619277192781927919280192811928219283192841928519286192871928819289192901929119292192931929419295192961929719298192991930019301193021930319304193051930619307193081930919310193111931219313193141931519316193171931819319193201932119322193231932419325193261932719328193291933019331193321933319334193351933619337193381933919340193411934219343193441934519346193471934819349193501935119352193531935419355193561935719358193591936019361193621936319364193651936619367193681936919370193711937219373193741937519376193771937819379193801938119382193831938419385193861938719388193891939019391193921939319394193951939619397193981939919400194011940219403194041940519406194071940819409194101941119412194131941419415194161941719418194191942019421194221942319424194251942619427194281942919430194311943219433194341943519436194371943819439194401944119442194431944419445194461944719448194491945019451194521945319454194551945619457194581945919460194611946219463194641946519466194671946819469194701947119472194731947419475194761947719478194791948019481194821948319484194851948619487194881948919490194911949219493194941949519496194971949819499195001950119502195031950419505195061950719508195091951019511195121951319514195151951619517195181951919520195211952219523195241952519526195271952819529195301953119532195331953419535195361953719538195391954019541195421954319544195451954619547195481954919550195511955219553195541955519556195571955819559195601956119562195631956419565195661956719568195691957019571195721957319574195751957619577195781957919580195811958219583195841958519586195871958819589195901959119592195931959419595195961959719598195991960019601196021960319604196051960619607196081960919610196111961219613196141961519616196171961819619196201962119622196231962419625196261962719628196291963019631196321963319634196351963619637196381963919640196411964219643196441964519646196471964819649196501965119652196531965419655196561965719658196591966019661196621966319664196651966619667196681966919670196711967219673196741967519676196771967819679196801968119682196831968419685196861968719688196891969019691196921969319694196951969619697196981969919700197011970219703197041970519706197071970819709197101971119712197131971419715197161971719718197191972019721197221972319724197251972619727197281972919730197311973219733197341973519736197371973819739197401974119742197431974419745197461974719748197491975019751197521975319754197551975619757197581975919760197611976219763197641976519766197671976819769197701977119772197731977419775197761977719778197791978019781197821978319784197851978619787197881978919790197911979219793197941979519796197971979819799198001980119802198031980419805198061980719808198091981019811198121981319814198151981619817198181981919820198211982219823198241982519826198271982819829198301983119832198331983419835198361983719838198391984019841198421984319844198451984619847198481984919850198511985219853198541985519856198571985819859198601986119862198631986419865198661986719868198691987019871198721987319874198751987619877198781987919880198811988219883198841988519886198871988819889198901989119892198931989419895198961989719898198991990019901199021990319904199051990619907199081990919910199111991219913199141991519916199171991819919199201992119922199231992419925199261992719928199291993019931199321993319934199351993619937199381993919940199411994219943199441994519946199471994819949199501995119952199531995419955199561995719958199591996019961199621996319964199651996619967199681996919970199711997219973199741997519976199771997819979199801998119982199831998419985199861998719988199891999019991199921999319994199951999619997199981999920000200012000220003200042000520006200072000820009200102001120012200132001420015200162001720018200192002020021200222002320024200252002620027200282002920030200312003220033200342003520036200372003820039200402004120042200432004420045200462004720048200492005020051200522005320054200552005620057200582005920060200612006220063200642006520066200672006820069200702007120072200732007420075200762007720078200792008020081200822008320084200852008620087200882008920090200912009220093200942009520096200972009820099201002010120102201032010420105201062010720108201092011020111201122011320114201152011620117201182011920120201212012220123201242012520126201272012820129201302013120132201332013420135201362013720138201392014020141201422014320144201452014620147201482014920150201512015220153201542015520156201572015820159201602016120162201632016420165201662016720168201692017020171201722017320174201752017620177201782017920180201812018220183201842018520186201872018820189201902019120192201932019420195201962019720198201992020020201202022020320204202052020620207202082020920210202112021220213202142021520216202172021820219202202022120222202232022420225202262022720228202292023020231202322023320234202352023620237202382023920240202412024220243202442024520246202472024820249202502025120252202532025420255202562025720258202592026020261202622026320264202652026620267202682026920270202712027220273202742027520276202772027820279202802028120282202832028420285202862028720288202892029020291202922029320294202952029620297202982029920300203012030220303203042030520306203072030820309203102031120312203132031420315203162031720318203192032020321203222032320324203252032620327203282032920330203312033220333203342033520336203372033820339203402034120342203432034420345203462034720348203492035020351203522035320354203552035620357203582035920360203612036220363203642036520366203672036820369203702037120372203732037420375203762037720378203792038020381203822038320384203852038620387203882038920390203912039220393203942039520396203972039820399204002040120402204032040420405204062040720408204092041020411204122041320414204152041620417204182041920420204212042220423204242042520426204272042820429204302043120432204332043420435204362043720438204392044020441204422044320444204452044620447204482044920450204512045220453204542045520456204572045820459204602046120462204632046420465204662046720468204692047020471204722047320474204752047620477204782047920480204812048220483204842048520486204872048820489204902049120492204932049420495204962049720498204992050020501205022050320504205052050620507205082050920510205112051220513205142051520516205172051820519205202052120522205232052420525205262052720528205292053020531205322053320534205352053620537205382053920540205412054220543205442054520546205472054820549205502055120552205532055420555205562055720558205592056020561205622056320564205652056620567205682056920570205712057220573205742057520576205772057820579205802058120582205832058420585205862058720588205892059020591205922059320594205952059620597205982059920600206012060220603206042060520606206072060820609206102061120612206132061420615206162061720618206192062020621206222062320624206252062620627206282062920630206312063220633206342063520636206372063820639206402064120642206432064420645206462064720648206492065020651206522065320654206552065620657206582065920660206612066220663206642066520666206672066820669206702067120672206732067420675206762067720678206792068020681206822068320684206852068620687206882068920690206912069220693206942069520696206972069820699207002070120702207032070420705207062070720708207092071020711207122071320714207152071620717207182071920720207212072220723207242072520726207272072820729207302073120732207332073420735207362073720738207392074020741207422074320744207452074620747207482074920750207512075220753207542075520756207572075820759207602076120762207632076420765207662076720768207692077020771207722077320774207752077620777207782077920780207812078220783207842078520786207872078820789207902079120792207932079420795207962079720798207992080020801208022080320804208052080620807208082080920810208112081220813208142081520816208172081820819208202082120822208232082420825208262082720828208292083020831208322083320834208352083620837208382083920840208412084220843208442084520846208472084820849208502085120852208532085420855208562085720858208592086020861208622086320864208652086620867208682086920870208712087220873208742087520876208772087820879208802088120882208832088420885208862088720888208892089020891208922089320894208952089620897208982089920900209012090220903209042090520906209072090820909209102091120912209132091420915209162091720918209192092020921209222092320924209252092620927209282092920930209312093220933209342093520936209372093820939209402094120942209432094420945209462094720948209492095020951209522095320954209552095620957209582095920960209612096220963209642096520966209672096820969209702097120972209732097420975209762097720978209792098020981209822098320984209852098620987209882098920990209912099220993209942099520996209972099820999210002100121002210032100421005210062100721008210092101021011210122101321014210152101621017210182101921020210212102221023210242102521026210272102821029210302103121032210332103421035210362103721038210392104021041210422104321044210452104621047210482104921050210512105221053210542105521056210572105821059210602106121062210632106421065210662106721068210692107021071210722107321074210752107621077210782107921080210812108221083210842108521086210872108821089210902109121092210932109421095210962109721098210992110021101211022110321104211052110621107211082110921110211112111221113211142111521116211172111821119211202112121122211232112421125211262112721128211292113021131211322113321134211352113621137211382113921140211412114221143211442114521146211472114821149211502115121152211532115421155211562115721158211592116021161211622116321164211652116621167211682116921170211712117221173211742117521176211772117821179211802118121182211832118421185211862118721188211892119021191211922119321194211952119621197211982119921200212012120221203212042120521206212072120821209212102121121212212132121421215212162121721218212192122021221212222122321224212252122621227212282122921230212312123221233212342123521236212372123821239212402124121242212432124421245212462124721248212492125021251212522125321254212552125621257212582125921260212612126221263212642126521266212672126821269212702127121272212732127421275212762127721278212792128021281212822128321284212852128621287212882128921290212912129221293212942129521296212972129821299213002130121302213032130421305213062130721308213092131021311213122131321314213152131621317213182131921320213212132221323213242132521326213272132821329213302133121332213332133421335213362133721338213392134021341213422134321344213452134621347213482134921350213512135221353213542135521356213572135821359213602136121362213632136421365213662136721368213692137021371213722137321374213752137621377213782137921380213812138221383213842138521386213872138821389213902139121392213932139421395213962139721398213992140021401214022140321404214052140621407214082140921410214112141221413214142141521416214172141821419214202142121422214232142421425214262142721428214292143021431214322143321434214352143621437214382143921440214412144221443214442144521446214472144821449214502145121452214532145421455214562145721458214592146021461214622146321464214652146621467214682146921470214712147221473214742147521476214772147821479214802148121482214832148421485214862148721488214892149021491214922149321494214952149621497214982149921500215012150221503215042150521506215072150821509215102151121512215132151421515215162151721518215192152021521215222152321524215252152621527215282152921530215312153221533215342153521536215372153821539215402154121542215432154421545215462154721548215492155021551215522155321554215552155621557215582155921560215612156221563215642156521566215672156821569215702157121572215732157421575215762157721578215792158021581215822158321584215852158621587215882158921590215912159221593215942159521596215972159821599216002160121602216032160421605216062160721608216092161021611216122161321614216152161621617216182161921620216212162221623216242162521626216272162821629216302163121632216332163421635216362163721638216392164021641216422164321644216452164621647216482164921650216512165221653216542165521656216572165821659216602166121662216632166421665216662166721668216692167021671216722167321674216752167621677216782167921680216812168221683216842168521686216872168821689216902169121692216932169421695216962169721698216992170021701217022170321704217052170621707217082170921710217112171221713217142171521716217172171821719217202172121722217232172421725217262172721728217292173021731217322173321734217352173621737217382173921740217412174221743217442174521746217472174821749217502175121752217532175421755217562175721758217592176021761217622176321764217652176621767217682176921770217712177221773217742177521776217772177821779217802178121782217832178421785217862178721788217892179021791217922179321794217952179621797217982179921800218012180221803218042180521806218072180821809218102181121812218132181421815218162181721818218192182021821218222182321824218252182621827218282182921830218312183221833218342183521836218372183821839218402184121842218432184421845218462184721848218492185021851218522185321854218552185621857218582185921860218612186221863218642186521866218672186821869218702187121872218732187421875218762187721878218792188021881218822188321884218852188621887218882188921890218912189221893218942189521896218972189821899219002190121902219032190421905219062190721908219092191021911219122191321914219152191621917219182191921920219212192221923219242192521926219272192821929219302193121932219332193421935219362193721938219392194021941219422194321944219452194621947219482194921950219512195221953219542195521956219572195821959219602196121962219632196421965219662196721968219692197021971219722197321974219752197621977219782197921980219812198221983219842198521986219872198821989219902199121992219932199421995219962199721998219992200022001220022200322004220052200622007220082200922010220112201222013220142201522016220172201822019220202202122022220232202422025220262202722028220292203022031220322203322034220352203622037220382203922040220412204222043220442204522046220472204822049220502205122052220532205422055220562205722058220592206022061220622206322064220652206622067220682206922070220712207222073220742207522076220772207822079220802208122082220832208422085220862208722088220892209022091220922209322094220952209622097220982209922100221012210222103221042210522106221072210822109221102211122112221132211422115221162211722118221192212022121221222212322124221252212622127221282212922130221312213222133221342213522136221372213822139221402214122142221432214422145221462214722148221492215022151221522215322154221552215622157221582215922160221612216222163221642216522166221672216822169221702217122172221732217422175221762217722178221792218022181221822218322184221852218622187221882218922190221912219222193221942219522196221972219822199222002220122202222032220422205222062220722208222092221022211222122221322214222152221622217222182221922220222212222222223222242222522226222272222822229222302223122232222332223422235222362223722238222392224022241222422224322244222452224622247222482224922250222512225222253222542225522256222572225822259222602226122262222632226422265222662226722268222692227022271222722227322274222752227622277222782227922280222812228222283222842228522286222872228822289222902229122292222932229422295222962229722298222992230022301223022230322304223052230622307223082230922310223112231222313223142231522316223172231822319223202232122322223232232422325223262232722328223292233022331223322233322334223352233622337223382233922340223412234222343223442234522346223472234822349223502235122352223532235422355223562235722358223592236022361223622236322364223652236622367223682236922370223712237222373223742237522376223772237822379223802238122382223832238422385223862238722388223892239022391223922239322394223952239622397223982239922400224012240222403224042240522406224072240822409224102241122412224132241422415224162241722418224192242022421224222242322424224252242622427224282242922430224312243222433224342243522436224372243822439224402244122442224432244422445224462244722448224492245022451224522245322454224552245622457224582245922460224612246222463224642246522466224672246822469224702247122472224732247422475224762247722478224792248022481224822248322484224852248622487224882248922490224912249222493224942249522496224972249822499225002250122502225032250422505225062250722508225092251022511225122251322514225152251622517225182251922520225212252222523225242252522526225272252822529225302253122532225332253422535225362253722538225392254022541225422254322544225452254622547225482254922550225512255222553225542255522556225572255822559225602256122562225632256422565225662256722568225692257022571225722257322574225752257622577225782257922580225812258222583225842258522586225872258822589225902259122592225932259422595225962259722598225992260022601226022260322604226052260622607226082260922610226112261222613226142261522616226172261822619226202262122622226232262422625226262262722628226292263022631226322263322634226352263622637226382263922640226412264222643226442264522646226472264822649226502265122652226532265422655226562265722658226592266022661226622266322664226652266622667226682266922670226712267222673226742267522676226772267822679226802268122682226832268422685226862268722688226892269022691226922269322694226952269622697226982269922700227012270222703227042270522706227072270822709227102271122712227132271422715227162271722718227192272022721227222272322724227252272622727227282272922730227312273222733227342273522736227372273822739227402274122742227432274422745227462274722748227492275022751227522275322754227552275622757227582275922760227612276222763227642276522766227672276822769227702277122772227732277422775227762277722778227792278022781227822278322784227852278622787227882278922790227912279222793227942279522796227972279822799228002280122802228032280422805228062280722808228092281022811228122281322814228152281622817228182281922820228212282222823228242282522826228272282822829228302283122832228332283422835228362283722838228392284022841228422284322844228452284622847228482284922850228512285222853228542285522856228572285822859228602286122862228632286422865228662286722868228692287022871228722287322874228752287622877228782287922880228812288222883228842288522886228872288822889228902289122892228932289422895228962289722898228992290022901229022290322904229052290622907229082290922910229112291222913229142291522916229172291822919229202292122922229232292422925229262292722928229292293022931229322293322934229352293622937229382293922940229412294222943229442294522946229472294822949229502295122952229532295422955229562295722958229592296022961229622296322964229652296622967229682296922970229712297222973229742297522976229772297822979229802298122982229832298422985229862298722988229892299022991229922299322994229952299622997229982299923000230012300223003230042300523006230072300823009230102301123012230132301423015230162301723018230192302023021230222302323024230252302623027230282302923030230312303223033230342303523036230372303823039230402304123042230432304423045230462304723048230492305023051230522305323054230552305623057230582305923060230612306223063230642306523066230672306823069230702307123072230732307423075230762307723078230792308023081230822308323084230852308623087230882308923090230912309223093230942309523096230972309823099231002310123102231032310423105231062310723108231092311023111231122311323114231152311623117231182311923120231212312223123231242312523126231272312823129231302313123132231332313423135231362313723138231392314023141231422314323144231452314623147231482314923150231512315223153231542315523156231572315823159231602316123162231632316423165231662316723168231692317023171231722317323174231752317623177231782317923180231812318223183231842318523186231872318823189231902319123192231932319423195231962319723198231992320023201232022320323204232052320623207232082320923210232112321223213232142321523216232172321823219232202322123222232232322423225232262322723228232292323023231232322323323234232352323623237232382323923240232412324223243232442324523246232472324823249232502325123252232532325423255232562325723258232592326023261232622326323264232652326623267232682326923270232712327223273232742327523276232772327823279232802328123282232832328423285232862328723288232892329023291232922329323294232952329623297232982329923300233012330223303233042330523306233072330823309233102331123312233132331423315233162331723318233192332023321233222332323324233252332623327233282332923330233312333223333233342333523336233372333823339233402334123342233432334423345233462334723348233492335023351233522335323354233552335623357233582335923360233612336223363233642336523366233672336823369233702337123372233732337423375233762337723378233792338023381233822338323384233852338623387233882338923390233912339223393233942339523396233972339823399234002340123402234032340423405234062340723408234092341023411234122341323414234152341623417234182341923420234212342223423234242342523426234272342823429234302343123432234332343423435234362343723438234392344023441234422344323444234452344623447234482344923450234512345223453234542345523456234572345823459234602346123462234632346423465234662346723468234692347023471234722347323474234752347623477234782347923480234812348223483234842348523486234872348823489234902349123492234932349423495234962349723498234992350023501235022350323504235052350623507235082350923510235112351223513235142351523516235172351823519235202352123522235232352423525235262352723528235292353023531235322353323534235352353623537235382353923540235412354223543235442354523546235472354823549235502355123552235532355423555235562355723558235592356023561235622356323564235652356623567235682356923570235712357223573235742357523576235772357823579235802358123582235832358423585235862358723588235892359023591235922359323594235952359623597235982359923600236012360223603236042360523606236072360823609236102361123612236132361423615236162361723618236192362023621236222362323624236252362623627236282362923630236312363223633236342363523636236372363823639236402364123642236432364423645236462364723648236492365023651236522365323654236552365623657236582365923660236612366223663236642366523666236672366823669236702367123672236732367423675236762367723678236792368023681236822368323684236852368623687236882368923690236912369223693236942369523696236972369823699237002370123702237032370423705237062370723708237092371023711237122371323714237152371623717237182371923720237212372223723237242372523726237272372823729237302373123732237332373423735237362373723738237392374023741237422374323744237452374623747237482374923750237512375223753237542375523756237572375823759237602376123762237632376423765237662376723768237692377023771237722377323774237752377623777237782377923780237812378223783237842378523786237872378823789237902379123792237932379423795237962379723798237992380023801238022380323804238052380623807238082380923810238112381223813238142381523816238172381823819238202382123822238232382423825238262382723828238292383023831238322383323834238352383623837238382383923840238412384223843238442384523846238472384823849238502385123852238532385423855238562385723858238592386023861238622386323864238652386623867238682386923870238712387223873238742387523876238772387823879238802388123882238832388423885238862388723888238892389023891238922389323894238952389623897238982389923900239012390223903239042390523906239072390823909239102391123912239132391423915239162391723918239192392023921239222392323924239252392623927239282392923930239312393223933239342393523936239372393823939239402394123942239432394423945239462394723948239492395023951239522395323954239552395623957239582395923960239612396223963239642396523966239672396823969239702397123972239732397423975239762397723978239792398023981239822398323984239852398623987239882398923990239912399223993239942399523996239972399823999240002400124002240032400424005240062400724008240092401024011240122401324014240152401624017240182401924020240212402224023240242402524026240272402824029240302403124032240332403424035240362403724038240392404024041240422404324044240452404624047240482404924050240512405224053240542405524056240572405824059240602406124062240632406424065240662406724068240692407024071240722407324074240752407624077240782407924080240812408224083240842408524086240872408824089240902409124092240932409424095240962409724098240992410024101241022410324104241052410624107241082410924110241112411224113241142411524116241172411824119241202412124122241232412424125241262412724128241292413024131241322413324134241352413624137241382413924140241412414224143241442414524146241472414824149241502415124152241532415424155241562415724158241592416024161241622416324164241652416624167241682416924170241712417224173241742417524176241772417824179241802418124182241832418424185241862418724188241892419024191241922419324194241952419624197241982419924200242012420224203242042420524206242072420824209242102421124212242132421424215242162421724218242192422024221242222422324224242252422624227242282422924230242312423224233242342423524236242372423824239242402424124242242432424424245242462424724248242492425024251242522425324254242552425624257242582425924260242612426224263242642426524266242672426824269242702427124272242732427424275242762427724278242792428024281242822428324284242852428624287242882428924290242912429224293242942429524296242972429824299243002430124302243032430424305243062430724308243092431024311243122431324314243152431624317243182431924320243212432224323243242432524326243272432824329243302433124332243332433424335243362433724338243392434024341243422434324344243452434624347243482434924350243512435224353243542435524356243572435824359243602436124362243632436424365243662436724368243692437024371243722437324374243752437624377243782437924380243812438224383243842438524386243872438824389243902439124392243932439424395243962439724398243992440024401244022440324404244052440624407244082440924410244112441224413244142441524416244172441824419244202442124422244232442424425244262442724428244292443024431244322443324434244352443624437244382443924440244412444224443244442444524446244472444824449244502445124452244532445424455244562445724458244592446024461244622446324464244652446624467244682446924470244712447224473244742447524476244772447824479244802448124482244832448424485244862448724488244892449024491244922449324494244952449624497244982449924500245012450224503245042450524506245072450824509245102451124512245132451424515245162451724518245192452024521245222452324524245252452624527245282452924530245312453224533245342453524536245372453824539245402454124542245432454424545245462454724548245492455024551245522455324554245552455624557245582455924560245612456224563245642456524566245672456824569245702457124572245732457424575245762457724578245792458024581245822458324584245852458624587245882458924590245912459224593245942459524596245972459824599246002460124602246032460424605246062460724608246092461024611246122461324614246152461624617246182461924620246212462224623246242462524626246272462824629246302463124632246332463424635246362463724638246392464024641246422464324644246452464624647246482464924650246512465224653246542465524656246572465824659246602466124662246632466424665246662466724668246692467024671246722467324674246752467624677246782467924680246812468224683246842468524686246872468824689246902469124692246932469424695246962469724698246992470024701247022470324704247052470624707247082470924710247112471224713247142471524716247172471824719247202472124722247232472424725247262472724728247292473024731247322473324734247352473624737247382473924740247412474224743247442474524746247472474824749247502475124752247532475424755247562475724758247592476024761247622476324764247652476624767247682476924770247712477224773247742477524776247772477824779247802478124782247832478424785247862478724788247892479024791247922479324794247952479624797247982479924800248012480224803248042480524806248072480824809248102481124812248132481424815248162481724818248192482024821248222482324824248252482624827248282482924830248312483224833248342483524836248372483824839248402484124842248432484424845248462484724848248492485024851248522485324854248552485624857248582485924860248612486224863248642486524866248672486824869248702487124872248732487424875248762487724878248792488024881248822488324884248852488624887248882488924890248912489224893248942489524896248972489824899249002490124902249032490424905249062490724908249092491024911249122491324914249152491624917249182491924920249212492224923249242492524926249272492824929249302493124932249332493424935249362493724938249392494024941249422494324944249452494624947249482494924950249512495224953249542495524956249572495824959249602496124962249632496424965249662496724968249692497024971249722497324974249752497624977249782497924980249812498224983249842498524986249872498824989249902499124992249932499424995249962499724998249992500025001250022500325004250052500625007250082500925010250112501225013250142501525016250172501825019250202502125022250232502425025250262502725028250292503025031250322503325034250352503625037250382503925040250412504225043250442504525046250472504825049250502505125052250532505425055250562505725058250592506025061250622506325064250652506625067250682506925070250712507225073250742507525076250772507825079250802508125082250832508425085250862508725088250892509025091250922509325094250952509625097250982509925100251012510225103251042510525106251072510825109251102511125112251132511425115251162511725118251192512025121251222512325124251252512625127251282512925130251312513225133251342513525136251372513825139251402514125142251432514425145251462514725148251492515025151251522515325154251552515625157251582515925160251612516225163251642516525166251672516825169251702517125172251732517425175251762517725178251792518025181251822518325184251852518625187251882518925190251912519225193251942519525196251972519825199252002520125202252032520425205252062520725208252092521025211252122521325214252152521625217252182521925220252212522225223252242522525226252272522825229252302523125232252332523425235252362523725238252392524025241252422524325244252452524625247252482524925250252512525225253252542525525256252572525825259252602526125262252632526425265252662526725268252692527025271252722527325274252752527625277252782527925280252812528225283252842528525286252872528825289252902529125292252932529425295252962529725298252992530025301253022530325304253052530625307253082530925310253112531225313253142531525316253172531825319253202532125322253232532425325253262532725328253292533025331253322533325334253352533625337253382533925340253412534225343253442534525346253472534825349253502535125352253532535425355253562535725358253592536025361253622536325364253652536625367253682536925370253712537225373253742537525376253772537825379253802538125382253832538425385253862538725388253892539025391253922539325394253952539625397253982539925400254012540225403254042540525406254072540825409254102541125412254132541425415254162541725418254192542025421254222542325424254252542625427254282542925430254312543225433254342543525436254372543825439254402544125442254432544425445254462544725448254492545025451254522545325454254552545625457254582545925460254612546225463254642546525466254672546825469254702547125472254732547425475254762547725478254792548025481254822548325484254852548625487254882548925490254912549225493254942549525496254972549825499255002550125502255032550425505255062550725508255092551025511255122551325514255152551625517255182551925520255212552225523255242552525526255272552825529255302553125532255332553425535255362553725538255392554025541255422554325544255452554625547255482554925550255512555225553255542555525556255572555825559255602556125562255632556425565255662556725568255692557025571255722557325574255752557625577255782557925580255812558225583255842558525586255872558825589255902559125592255932559425595255962559725598255992560025601256022560325604256052560625607256082560925610256112561225613256142561525616256172561825619256202562125622256232562425625256262562725628256292563025631256322563325634256352563625637256382563925640256412564225643256442564525646256472564825649256502565125652256532565425655256562565725658256592566025661256622566325664256652566625667256682566925670256712567225673256742567525676256772567825679256802568125682256832568425685256862568725688256892569025691256922569325694256952569625697256982569925700257012570225703257042570525706257072570825709257102571125712257132571425715257162571725718257192572025721257222572325724257252572625727257282572925730257312573225733257342573525736257372573825739257402574125742257432574425745257462574725748257492575025751257522575325754257552575625757257582575925760257612576225763257642576525766257672576825769257702577125772257732577425775257762577725778257792578025781257822578325784257852578625787257882578925790257912579225793257942579525796257972579825799258002580125802258032580425805258062580725808258092581025811258122581325814258152581625817258182581925820258212582225823258242582525826258272582825829258302583125832258332583425835258362583725838258392584025841258422584325844258452584625847258482584925850258512585225853258542585525856258572585825859258602586125862258632586425865258662586725868258692587025871258722587325874258752587625877258782587925880258812588225883258842588525886258872588825889258902589125892258932589425895258962589725898258992590025901259022590325904259052590625907259082590925910259112591225913259142591525916259172591825919259202592125922259232592425925259262592725928259292593025931259322593325934259352593625937259382593925940259412594225943259442594525946259472594825949259502595125952259532595425955259562595725958259592596025961259622596325964259652596625967259682596925970259712597225973259742597525976259772597825979259802598125982259832598425985259862598725988259892599025991259922599325994259952599625997259982599926000260012600226003260042600526006260072600826009260102601126012260132601426015260162601726018260192602026021260222602326024260252602626027260282602926030260312603226033260342603526036260372603826039260402604126042260432604426045260462604726048260492605026051260522605326054260552605626057260582605926060260612606226063260642606526066260672606826069260702607126072260732607426075260762607726078260792608026081260822608326084260852608626087260882608926090260912609226093260942609526096260972609826099261002610126102261032610426105261062610726108261092611026111261122611326114261152611626117261182611926120261212612226123261242612526126261272612826129261302613126132261332613426135
  1. <template>
  2. <div class="pb_content" style="height: 100%;overflow: unset;">
  3. <!-- 阶段模式 -->
  4. <div
  5. class="pb_content_body"
  6. style="
  7. display: flex;
  8. height: 100%;
  9. position: relative;
  10. padding: 20px 0 20px 20px;
  11. box-sizing: border-box;
  12. overflow: auto;
  13. "
  14. >
  15. <div class="btnAllNT" v-if="false">
  16. <!-- <img src="../../assets/icon/learn/screen.png" @click="allScrell" /> -->
  17. <img
  18. v-if="
  19. courseDetail.userid == userid ||
  20. (courseDetail.course_teacher &&
  21. courseDetail.course_teacher.indexOf(userid) != -1)
  22. "
  23. src="../assets/icon/learn/addTool.png"
  24. @click="openToolAll"
  25. style="position: relative"
  26. />
  27. </div>
  28. <div
  29. class="pButton"
  30. style="left: 0; top: 140px"
  31. v-if="mlDialog == false && !(IsFollow && tType == 2)"
  32. @click="setContent2(true)"
  33. >
  34. <!-- 批 , getCourseDetail()-->
  35. <img
  36. src="../assets/icon/newIcons/isRight.png"
  37. style="width: 45px"
  38. alt=""
  39. />
  40. </div>
  41. <div class="pb_left" v-else-if="!(IsFollow && tType == 2)">
  42. <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
  43. <div style="border-bottom: 1px solid #cad1dc; width: 100%">
  44. <div class="courseTitle" :style="{ margin: tcid && inviteCode && '10px auto 0px'}">
  45. <div
  46. style="
  47. max-width: calc(100% - 40px);
  48. width: auto;
  49. white-space: nowrap;
  50. overflow: hidden;
  51. text-overflow: ellipsis;
  52. word-break: break-word;
  53. display: block;
  54. "
  55. >
  56. <el-tooltip
  57. effect="light"
  58. :content="courseDetail.title"
  59. placement="top"
  60. >
  61. <div class="ctitle">
  62. {{ courseDetail.title }}
  63. </div>
  64. </el-tooltip>
  65. </div>
  66. <el-tooltip effect="light" content="收缩" placement="top">
  67. <div class="mlImg" @click="setContent2(false)">
  68. <img src="../assets/icon/newIcons/isRight.png" alt="" />
  69. </div>
  70. </el-tooltip>
  71. </div>
  72. <div
  73. class="inviteBox"
  74. v-if="tcid && inviteCode"
  75. style="padding: 0 0 8px 0"
  76. >
  77. <div>
  78. <span>随机码:{{ inviteCode }}</span>
  79. </div>
  80. </div>
  81. </div>
  82. <div class="cru_selectBox">
  83. <div
  84. style="background: #fff; margin: 0 10px; border-radius: 8px"
  85. v-for="(item, stageIndex) in navList"
  86. :key="stageIndex"
  87. >
  88. <div
  89. class="stageBoxCss"
  90. @click="get(stageIndex)"
  91. :class="{
  92. // stageBoxIsCss: stageIndex == courseType,
  93. }"
  94. >
  95. <div class="stageItemTitle" :class="{ stageNav: item.isOpen }">
  96. <div>阶段{{ stageIndex + 1 }}</div>
  97. <el-tooltip
  98. effect="light"
  99. :content="item.dyName"
  100. placement="top"
  101. >
  102. <div>
  103. {{ item.dyName }}
  104. </div>
  105. </el-tooltip>
  106. </div>
  107. <!-- <div class="closeTri" v-if="stageIndex == courseType" :style="{transform:item.isOpen ? 'rotate(0deg)' : 'rotate(-90deg)'}">
  108. <img src="../assets/icon/newIcons/downC.png" alt />
  109. </div> -->
  110. <div class="closeTri" :style="{transform:item.isOpen ? 'rotate(90deg)' : 'rotate(0deg)'}">
  111. <img src="../assets/icon/newIcons/right.png" alt />
  112. </div>
  113. </div>
  114. <div class="stageChild" :class="{ navActive: item.isOpen }">
  115. <div v-for="(nav, navIndex) in item.task" :key="navIndex">
  116. <div
  117. class="navItem"
  118. :class="{
  119. openTaskActive:
  120. navIndex == taskCount &&
  121. nav.id == navId &&
  122. stageIndex == courseType,
  123. }"
  124. >
  125. <div v-if="nav.tool[0].tool != undefined">
  126. <div
  127. class="closeTri1"
  128. v-if="navIndex == taskCount && nav.id == navId && stageIndex == courseType"
  129. @click="openTask(stageIndex, navIndex, nav.id)"
  130. >
  131. <img :style="{transform: nav.isOpen ? 'rotate(0deg)':'rotate(270deg)'}" src="../assets/icon/newIcons/bDown2.png" alt />
  132. </div>
  133. <div
  134. class="closeTri1"
  135. v-else
  136. @click="openTask(stageIndex, navIndex, nav.id)"
  137. >
  138. <img :style="{transform: nav.isOpen ? 'rotate(90deg)':'rotate(0deg)'}" src="../assets/icon/newIcons/right.png" alt />
  139. </div>
  140. </div>
  141. <div v-else class="noToolBlue"></div>
  142. <div
  143. @click="openTask(stageIndex, navIndex, nav.id)"
  144. class="navItemList"
  145. :class="{
  146. isItemList:
  147. navIndex == taskCount &&
  148. nav.id == navId &&
  149. stageIndex == courseType,
  150. }"
  151. >
  152. <div>任务{{ navIndex + 1 }}:</div>
  153. <el-tooltip
  154. effect="light"
  155. :content="nav.taskName"
  156. placement="top"
  157. >
  158. <div
  159. :style="{
  160. width:
  161. IsLookOpen &&
  162. !(
  163. navIndex == taskCount &&
  164. nav.id == navId &&
  165. stageIndex == courseType
  166. )
  167. ? 'calc(100% - 75px)'
  168. : 'auto',
  169. }"
  170. >
  171. {{ nav.taskName }}
  172. </div>
  173. </el-tooltip>
  174. </div>
  175. <div class="lockTaskIcon">
  176. <img
  177. src="../assets/lock.png"
  178. v-if="IsLookOpen && !nav.isLook && courseDetail.userid != userid &&
  179. courseDetail.course_teacher.indexOf(userid) ==-1"
  180. alt=""
  181. />
  182. </div>
  183. </div>
  184. <div
  185. v-if="nav.tool[0].tool != undefined"
  186. class="toolChild"
  187. :class="{ toolActive: nav.isOpen }"
  188. >
  189. <div v-for="(t, toolIndex) in nav.tool" :key="toolIndex">
  190. <div
  191. class="gjCss"
  192. :class="{ isGjCss: t.isTool }"
  193. @click="jumpGj(stageIndex, navIndex, toolIndex, nav.id)"
  194. >
  195. <div>工具{{ toolIndex + 1 }}:</div>
  196. <div v-if="t.tool == 58">模拟驾驶</div>
  197. <div v-if="t.tool == 59">路径搜索</div>
  198. <div v-if="t.tool == 60">深度学习</div>
  199. <div v-if="t.tool == 10">倒计时</div>
  200. <div v-if="t.tool == 65">挑人</div>
  201. <div v-if="t.tool == 7">思维网格</div>
  202. <div v-if="t.tool == 1">电子白板</div>
  203. <div v-if="t.tool == 52">文档</div>
  204. <div v-if="t.tool == 3">思维导图</div>
  205. <div v-if="t.tool == 48">表格</div>
  206. <div v-if="t.tool == 49">学生分组</div>
  207. <div v-if="t.tool == 4">问卷调查</div>
  208. <div v-if="t.tool == 45">选择题</div>
  209. <div v-if="t.tool == 15">问答</div>
  210. <div v-if="t.tool == 16">作业提交</div>
  211. <div v-if="t.tool == 50">批量上传</div>
  212. <div v-if="t.tool == 41">选择匹配</div>
  213. <div v-if="t.tool == 47">排序</div>
  214. <div v-if="t.tool == 40">个人评价</div>
  215. <div v-if="t.tool == 18">训练平台</div>
  216. <div v-if="t.tool == 21">AIoT Blockly</div>
  217. <div v-if="t.tool == 23">AI Python</div>
  218. <div v-if="t.tool == 24">AI Blockly</div>
  219. <div v-if="t.tool == 32">源码编辑</div>
  220. <div v-if="t.tool == 57">CocoPi</div>
  221. <div v-if="t.tool == 63">海龟编程</div>
  222. <div v-if="t.tool == 28">翻译</div>
  223. <div v-if="t.tool == 31">数字画板</div>
  224. <div v-if="t.tool == 39">GeoGebra</div>
  225. <div v-if="t.tool == 66">公式编辑</div>
  226. <div v-if="t.tool == 67">分子结构</div>
  227. <div v-if="t.tool == 68">时间轴</div>
  228. <div v-if="t.tool == 69">英语写作</div>
  229. <div v-if="t.tool == 70">英语口语</div>
  230. <div v-if="t.tool == 25">目标管理</div>
  231. <div v-if="t.tool == 26">课程设计</div>
  232. <div v-if="t.tool == 62">交互视频</div>
  233. <div v-if="t.tool == 71">AI智能体</div>
  234. <div v-if="t.tool == 72">应用中心</div>
  235. </div>
  236. </div>
  237. </div>
  238. </div>
  239. </div>
  240. </div>
  241. </div>
  242. </div>
  243. <!-- :class="{ navLeftCss: !mlDialog }" -->
  244. <div class="body_student" :style="{width: mlDialog ? 'calc(100% - '+`${classRoomHelperWidth}`+' - 20% - 40px)' : 'calc(100% - '+`${classRoomHelperWidth}`+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }">
  245. <div class="new_topFixed" :style="{width: mlDialog ? 'calc(100% - '+`${classRoomHelperWidth}`+' - 20% - 40px)' : 'calc(100% - '+`${classRoomHelperWidth}`+' - 10px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }"></div>
  246. <div class="new_top" :style="{width: mlDialog ? 'calc(100% - '+`${classRoomHelperWidth}`+' - 20% - 47px)' : 'calc(100% - '+`${classRoomHelperWidth}`+' - 18px)', left: mlDialog ? 'calc(20% + 35px)' : '10px' }">
  247. <div class="courseIndex" :style="{width: (orgArray.includes(org) || oidArray.includes(oid))? '100%' : 'calc(100% - 745px)'}">
  248. <div>任务{{ taskCount + 1 }}</div>
  249. <el-tooltip
  250. effect="light"
  251. :content="
  252. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].task
  253. "
  254. placement="top"
  255. >
  256. <div>
  257. {{
  258. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  259. .task
  260. }}
  261. </div>
  262. </el-tooltip>
  263. </div>
  264. <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'"-->
  265. <div class="btnLeft">
  266. <el-tooltip effect="light" content="刷新" placement="top">
  267. <div class="reBtnIcon" @click="refreshCourse">
  268. <span>刷新</span>
  269. </div>
  270. </el-tooltip>
  271. <el-tooltip effect="light" content="评论" placement="top">
  272. <div class="commentIcon" @click="setPz" v-if="tType == 1">
  273. <span>评论</span>
  274. </div>
  275. </el-tooltip>
  276. <div v-if="!videoStart && (tType == 1 || tType == 4)">
  277. <el-tooltip effect="light" content="录制" placement="top">
  278. <div class="vedioIcon" @click="startRecording">
  279. <span>录制</span>
  280. </div>
  281. </el-tooltip>
  282. </div>
  283. <div v-else-if="tType == 1 || tType == 4">
  284. <el-tooltip effect="light" content="下载" placement="top">
  285. <div class="vedioIcon1" @click="stopRecording">
  286. <span>下载</span>
  287. </div>
  288. </el-tooltip>
  289. </div>
  290. </div>
  291. <div class="btnRight">
  292. <div
  293. class="last"
  294. @click="nextOrpreSteps(0)"
  295. v-if="!(IsFollow && tType == 2)"
  296. @mouseover="isHovered = true"
  297. @mouseout="isHovered = false"
  298. >
  299. <div class="lastImg">
  300. <img
  301. :src="
  302. isHovered
  303. ? require('../assets/icon/newIcons/whiteLast.png')
  304. : require('../assets/icon/newIcons/last.png')
  305. "
  306. alt=""
  307. />
  308. </div>
  309. <div class="lastText">上一步</div>
  310. </div>
  311. <div
  312. class="last"
  313. @click="nextOrpreSteps(1)"
  314. v-if="!(IsFollow && tType == 2)"
  315. @mouseover="isHovered1 = true"
  316. @mouseout="isHovered1 = false"
  317. >
  318. <div class="lastText">下一步</div>
  319. <div class="lastImg">
  320. <img
  321. :src="
  322. isHovered1
  323. ? require('../assets/icon/newIcons/whiteNext.png')
  324. : require('../assets/icon/newIcons/next.png')
  325. "
  326. alt=""
  327. />
  328. </div>
  329. </div>
  330. <div
  331. class="last"
  332. @click="juriVisible = true"
  333. v-if="tType == 1"
  334. @mouseover="isHovered2 = true"
  335. @mouseout="isHovered2 = false"
  336. >
  337. <div class="lastImg">
  338. <img
  339. :src="
  340. isHovered2
  341. ? require('../assets/icon/newIcons/whiteLock.png')
  342. : require('../assets/icon/newIcons/lock.png')
  343. "
  344. alt=""
  345. />
  346. </div>
  347. <div class="lastText">权限</div>
  348. </div>
  349. <div
  350. class="returnBtn1 returnIcon"
  351. @click.stop="
  352. goTo(
  353. '/courseDetail?userid=' +
  354. userid +
  355. '&oid=' +
  356. oid +
  357. '&org=' +
  358. org +
  359. '&cid=' +
  360. classId +
  361. '&courseId=' +
  362. id +
  363. '&tType=' +
  364. tType +
  365. '&screenType=' +
  366. screenType
  367. )
  368. "
  369. >
  370. <div class="lastImg">
  371. <img src="../assets/icon/newIcon/return.png" alt="" />
  372. </div>
  373. <div class="lastText" style="color: #000">返回</div>
  374. </div>
  375. </div>
  376. <!-- <div
  377. class="returnBtn lockIcon"
  378. @click="juriVisible = true"
  379. v-if="tType == 1"
  380. >
  381. 权限
  382. </div>
  383. <div
  384. class="returnBtn vedioIcon"
  385. @click="startRecording"
  386. v-if="!videoStart && (tType == 1 || tType == 4)"
  387. >
  388. 录制
  389. </div>
  390. <div
  391. class="returnBtn"
  392. @click="stopRecording"
  393. v-else-if="tType == 1 || tType == 4"
  394. style="background: #ee5255"
  395. >
  396. 下载
  397. </div>
  398. <div class="returnBtn commentIcon" @click="setPz" v-if="tType == 1">
  399. 评论
  400. </div>
  401. <div
  402. class="returnBtn"
  403. @click="nextOrpreSteps(0)"
  404. v-if="!(IsFollow && tType == 2)"
  405. >
  406. 上一步
  407. </div>
  408. <div
  409. class="returnBtn"
  410. @click="nextOrpreSteps(1)"
  411. v-if="!(IsFollow && tType == 2)"
  412. >
  413. 下一步
  414. </div>
  415. <div class="returnBtn" @click="refreshCourse">刷新</div>
  416. <div
  417. class="returnBtn returnIcon"
  418. @click.stop="
  419. goTo(
  420. '/courseDetail?userid=' +
  421. userid +
  422. '&oid=' +
  423. oid +
  424. '&org=' +
  425. org +
  426. '&cid=' +
  427. classId +
  428. '&courseId=' +
  429. id +
  430. '&tType=' +
  431. tType +
  432. '&screenType=' +
  433. screenType
  434. )
  435. "
  436. >
  437. 返回
  438. </div> -->
  439. </div>
  440. </div>
  441. <div
  442. class="isNoMessage"
  443. v-if="
  444. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  445. .chapterData.length == 0 &&
  446. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  447. .toolChoose[0].tool.length == 0 &&
  448. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  449. .taskDetail == '' &&
  450. !chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  451. .eList &&
  452. !(
  453. courseDetail.userid == userid ||
  454. (courseDetail.course_teacher &&
  455. courseDetail.course_teacher.indexOf(userid) != -1)
  456. )
  457. "
  458. >
  459. <img src="../assets/icon/isNoMessage.png" alt />
  460. </div>
  461. <div class="study_top" :class="{ pzClass: pzDialog }">
  462. <div
  463. class="vedioBox"
  464. v-if="
  465. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  466. .taskDetail != '' ||
  467. vChapterData[taskCount].length > 0 ||
  468. fileC[taskCount].length > 0
  469. "
  470. style="border-radius: 0 0 20px 20px"
  471. >
  472. <div
  473. class="taskBox"
  474. v-if="
  475. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  476. .taskDetail != ''
  477. "
  478. >
  479. <div
  480. style="
  481. display: flex;
  482. flex-wrap: nowrap;
  483. flex-direction: column;
  484. position: relative;
  485. "
  486. >
  487. <div
  488. style="
  489. padding: 15px 0;
  490. line-height: 29px;
  491. font-size: 18px;
  492. color: #0e1e33;
  493. "
  494. class="cont"
  495. v-if="
  496. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  497. .taskDetail != ''
  498. "
  499. v-html="
  500. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  501. .taskDetail
  502. ? chapInfoList[courseType].chapterInfo[0].taskJson[
  503. taskCount
  504. ].taskDetail
  505. : '暂无描述'
  506. "
  507. ></div>
  508. </div>
  509. </div>
  510. <div
  511. class="student_head"
  512. v-if="
  513. vChapterData[taskCount].length > 0 ||
  514. fileC[taskCount].length > 0
  515. "
  516. >
  517. <div class="vedioTaskBox" v-loading="downLoading || showType == 7">
  518. <div
  519. :class="
  520. contentDialog == false
  521. ? 'box_course isContentCss'
  522. : 'box_course'
  523. "
  524. v-if="
  525. vChapterData.length > 0 &&
  526. vChapterData[taskCount] &&
  527. showType !== ''
  528. "
  529. >
  530. <div class="wheel" style="height: auto" v-if="showType === 0">
  531. <div
  532. class="workd_media"
  533. style="height: 650px; width: calc(100% - 50px)"
  534. >
  535. <video-player
  536. class="video-player vjs-custom-skin"
  537. :class="contentDialog == false ? 'isAllWidth' : ''"
  538. :playsinline="true"
  539. :options="playerO[taskCount]"
  540. @play="onPlayerPlay($event)"
  541. style="width: 100%; height: 100%; margin: 0 0 0 30px"
  542. ></video-player>
  543. </div>
  544. </div>
  545. <div
  546. class="wheel"
  547. v-if="showType == 1"
  548. style="
  549. box-shadow: 0 0 6px 1px #f2f2f2;
  550. width: 95%;
  551. margin: 0 auto;
  552. background: #f1f1f1;
  553. "
  554. >
  555. <div class="title">查看文档</div>
  556. <el-form class="textBox">
  557. <el-form-item class="textTitle">
  558. <div style="font-size: 22px">
  559. {{ text.name }}
  560. </div>
  561. </el-form-item>
  562. <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
  563. <div v-html="text.url" class="textContent cont"></div>
  564. </el-form>
  565. </div>
  566. <div
  567. class="wheel"
  568. v-if="
  569. pptImgUrl1.indexOf(
  570. 'https://view.officeapps.live.com/op/view.aspx?src='
  571. ) != -1 && showType == 2
  572. "
  573. style="width: 95%; margin: 0 auto"
  574. >
  575. <iframe
  576. style="width: 100%; height: 100%; border: none"
  577. :src="pptImgUrl1"
  578. ></iframe>
  579. </div>
  580. <div
  581. class="wheel"
  582. v-else-if="showType == 2"
  583. style="width: 95%; margin: 0 auto"
  584. >
  585. <iframe
  586. style="width: 100%; height: 100%; border: none"
  587. allow="camera *; microphone *;display-capture;midi;encrypted-media;"
  588. :key="diffKey"
  589. v-if="pptImgUrl1.indexOf('knowledge.cocorobo.cn')!=-1 || pptImgUrl1.indexOf('cloud.cocorobo.cn')!=-1 || pptImgUrl1.indexOf('app.cocorobo.cn')!=-1"
  590. :src="pptImgUrl1"
  591. ></iframe>
  592. <iframe
  593. style="width: 100%; height: 100%; border: none"
  594. security="restricted"
  595. v-else
  596. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  597. :src="pptImgUrl1"
  598. ></iframe>
  599. </div>
  600. <div
  601. class="wheel"
  602. v-if="showType === 16"
  603. style="width: 95%; margin: 0 auto"
  604. >
  605. <iframe
  606. style="width: 100%; height: 100%; border: none"
  607. :src="pptImgUrl1"
  608. ></iframe>
  609. </div>
  610. <div
  611. class="wheel"
  612. v-if="showType == 3"
  613. style="width: 95%; margin: 0 auto"
  614. >
  615. <pdf
  616. :pdfUrl="pptImgUrl1"
  617. style="width: 100%; height: 100%; overflow: auto"
  618. ></pdf>
  619. </div>
  620. <div
  621. class="wheel"
  622. v-if="showType == 4"
  623. style="width: 95%; margin: 0 auto"
  624. >
  625. <el-image
  626. :src="pptImgUrl1"
  627. fit="contain"
  628. style="width: 100%; height: 100%; cursor: pointer"
  629. @click="previewImg(pptImgUrl1)"
  630. ></el-image>
  631. </div>
  632. </div>
  633. <div
  634. class="pButton"
  635. style="position: absolute; right: 20px; top: 0; z-index: 998"
  636. v-if="!contentDialog"
  637. @click="setContent(true)"
  638. >
  639. <!-- 批 -->
  640. <img
  641. src="../assets/icon/newIcons/isLeft.png"
  642. style="width: 45px"
  643. alt=""
  644. />
  645. </div>
  646. <div
  647. v-if="contentDialog == true"
  648. :style="{
  649. width:
  650. (vChapterData[taskCount].length > 0 ||
  651. fileC[taskCount].length > 0) &&
  652. showType === ''
  653. ? 'calc(100%)'
  654. : '300px',
  655. margin:
  656. (vChapterData[taskCount].length > 0 ||
  657. fileC[taskCount].length > 0) &&
  658. showType === ''
  659. ? '0 15px'
  660. : '0 15px 0 0',
  661. }"
  662. >
  663. <div
  664. class="vedioList"
  665. v-if="
  666. vChapterData[taskCount].length > 0 ||
  667. fileC[taskCount].length > 0
  668. "
  669. style="height: 650px"
  670. >
  671. <div class="navCorOpenBox">
  672. <div class="navTitile">内容列表:</div>
  673. <div class="navCorOpen" @click="setContent(false)">
  674. <img src="../assets/icon/newIcons/isRight.png" alt="" />
  675. </div>
  676. </div>
  677. <div class="navBox">
  678. <div
  679. v-show="
  680. vChapterData[taskCount].length > 0 ||
  681. fileC[taskCount].length > 0
  682. "
  683. style="padding: 10px 0 25px 0"
  684. >
  685. <div
  686. class="vedioTimeBox"
  687. v-for="(vitem, vindex) in vChapterData[taskCount]"
  688. :key="vindex + '1'"
  689. >
  690. <div class="navListItem" v-if="vitem.type == 2">
  691. <div
  692. @click="lookVedio(vitem.url, vindex)"
  693. class="navText"
  694. :class="isClickNav == vindex ? 'isClickNav' : ''"
  695. >
  696. <span v-if="vitem.text">{{ vitem.text }}-</span
  697. >{{ vitem.name }}
  698. </div>
  699. <div class="downIcon" @click="downloadFile2(vitem)">
  700. <img src="../assets/icon/newIcon/down.png" alt />
  701. </div>
  702. </div>
  703. <div class="navListItem" v-if="vitem.type == 6">
  704. <div
  705. @click="lookText(taskCount, vindex)"
  706. class="navText"
  707. :class="isClickNav == vindex ? 'isClickNav' : ''"
  708. >
  709. {{ vitem.name }}.doc
  710. </div>
  711. <div
  712. class="downIcon"
  713. @click="checkFileFull1(vitem.type, vitem)"
  714. >
  715. <img
  716. src="../assets/icon/newIcon/allScreen.png"
  717. alt
  718. />
  719. </div>
  720. </div>
  721. <div
  722. class="navListItem"
  723. v-if="vitem.type == 8 || vitem.type == 14 || vitem.type == 15"
  724. >
  725. <div
  726. @click="doUrl(vitem.url, vindex)"
  727. class="navText"
  728. :class="isClickNav == vindex ? 'isClickNav' : ''"
  729. >
  730. {{ vitem.title ? vitem.title : vitem.url }}
  731. </div>
  732. <div
  733. class="downIcon"
  734. @click="checkFileFull1(vitem.type, vitem)"
  735. >
  736. <img
  737. src="../assets/icon/newIcon/allScreen.png"
  738. alt
  739. />
  740. </div>
  741. </div>
  742. <div class="navListItem" v-if="vitem.type == 3">
  743. <div
  744. @click="downFile(vitem, vindex)"
  745. class="navText"
  746. :class="isClickNav == vindex ? 'isClickNav' : ''"
  747. >
  748. <span v-if="vitem.text">{{ vitem.text }}-</span
  749. >{{ vitem.name }}
  750. </div>
  751. <div
  752. class="downIcon"
  753. @click="checkFileFull1(vitem.type, vitem)"
  754. >
  755. <img
  756. src="../assets/icon/newIcon/allScreen.png"
  757. alt
  758. />
  759. </div>
  760. <div class="downIcon" @click="downloadFile2(vitem)">
  761. <img src="../assets/icon/newIcon/down.png" alt />
  762. </div>
  763. </div>
  764. <div class="navListItem" v-if="vitem.type == 12">
  765. <div class="navText" @click="downloadFile2(vitem)">
  766. <span v-if="vitem.text">{{ vitem.text }}-</span
  767. >{{ vitem.name }}
  768. </div>
  769. <div
  770. class="downIcon"
  771. @click="checkFileFull1(vitem.type, vitem)"
  772. >
  773. <img
  774. src="../assets/icon/newIcon/allScreen.png"
  775. alt
  776. />
  777. </div>
  778. <div class="downIcon" @click="downloadFile2(vitem)">
  779. <img src="../assets/icon/newIcon/down.png" alt />
  780. </div>
  781. </div>
  782. <div class="navListItem" v-if="vitem.type == 13">
  783. <div
  784. class="navText"
  785. @click="checkPhoto(vitem, vindex)"
  786. :class="isClickNav == vindex ? 'isClickNav' : ''"
  787. >
  788. {{ vitem.name }}
  789. </div>
  790. <div class="downIcon" @click="downloadFile2(vitem)">
  791. <img src="../assets/icon/newIcon/down.png" alt />
  792. </div>
  793. </div>
  794. <div class="navListItem" v-if="vitem.type == 16">
  795. <div
  796. class="navText"
  797. @click="checkHtml(vitem, vindex)"
  798. :class="isClickNav == vindex ? 'isClickNav' : ''"
  799. >
  800. {{ vitem.name }}
  801. </div>
  802. <div
  803. class="downIcon"
  804. @click="checkFileFull1(vitem.type, vitem)"
  805. >
  806. <img
  807. src="../assets/icon/newIcon/allScreen.png"
  808. alt
  809. />
  810. </div>
  811. </div>
  812. </div>
  813. <div
  814. class="fileC_box"
  815. v-if="fileC[taskCount].length > 0"
  816. >
  817. <div class="fileC_title">以下文件不支持预览</div>
  818. <div
  819. class="vedioTimeBox"
  820. v-for="(vitem, vindex) in fileC[taskCount]"
  821. :key="vindex + '1'"
  822. >
  823. <div class="navListItem" v-if="vitem.type == 12">
  824. <div class="navText" style="color: #acb4bf">
  825. <span v-if="vitem.text">{{ vitem.text }}-</span
  826. >{{ vitem.name }}
  827. </div>
  828. <div
  829. class="downIcon"
  830. @click="downloadFile2(vitem)"
  831. >
  832. <img
  833. src="../assets/icon/newIcon/down.png"
  834. alt
  835. />
  836. </div>
  837. </div>
  838. </div>
  839. </div>
  840. </div>
  841. </div>
  842. </div>
  843. </div>
  844. </div>
  845. <div style="width: calc(100% - 315px)">
  846. <div style="padding: 10px 0 0; width: 95%; margin: 0 auto">
  847. <!-- <el-button
  848. type="primary"
  849. class="newButton"
  850. @click="checkFileFull(showType, pptImgUrl1)"
  851. >全屏查看</el-button
  852. >
  853. <el-button
  854. type="primary"
  855. class="newButton"
  856. @click="downloadFile(pptImgUrl1)"
  857. v-if="showType != 2"
  858. >文件下载</el-button
  859. > -->
  860. <el-button
  861. class="newButton"
  862. v-if="
  863. showType == 2 &&
  864. pptImgUrl1.indexOf(
  865. 'https://view.officeapps.live.com/op/view.aspx?src='
  866. ) == -1
  867. "
  868. type="primary"
  869. @click="openLine(pptImgUrl1)"
  870. >打开链接
  871. </el-button>
  872. </div>
  873. <!-- <div
  874. style="padding: 10px 0 0; width: 95%; margin: 0 auto"
  875. v-if="showType == 1"
  876. >
  877. <el-button
  878. type="primary"
  879. class="newButton"
  880. @click="checkFileFull(showType, text)"
  881. >全屏查看</el-button
  882. >
  883. </div> -->
  884. </div>
  885. </div>
  886. </div>
  887. <div class="student_body" v-resize="resize">
  888. <div
  889. class="vedioBox"
  890. :style="{
  891. borderRadius:
  892. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  893. .taskDetail == '' &&
  894. vChapterData[taskCount].length == 0 &&
  895. fileC[taskCount].length == 0
  896. ? '0 0 20px 20px'
  897. : '20px',
  898. }"
  899. v-if="
  900. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  901. .toolChoose[0].tool &&
  902. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  903. .toolChoose[0].tool.length > 0
  904. "
  905. >
  906. <div
  907. class="toolHeng2"
  908. style="position: relative"
  909. v-if="
  910. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  911. .toolChoose[0].tool &&
  912. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  913. .toolChoose[0].tool.length &&
  914. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  915. .toolChoose[0].tool.length > 0
  916. "
  917. >
  918. <div class="workNav">工作区</div>
  919. <div
  920. class="filebox"
  921. style="flex-wrap: nowrap"
  922. v-for="(tool, toolIndex) in chapInfoList[courseType]
  923. .chapterInfo[0].taskJson[taskCount].toolChoose"
  924. :key="toolIndex"
  925. >
  926. <div class="bzBox">
  927. <div class="yCss"></div>
  928. <div :ref="'bz' + toolIndex" :id="'gj' + toolIndex">
  929. 工具{{ toolIndex + 1 }}
  930. </div>
  931. <div
  932. v-if="timeWorkList[toolIndex].length > 0"
  933. style="margin: 0 0 0 10px"
  934. >
  935. {{
  936. timeWorkList[toolIndex][0].time
  937. ? "时间:" + timeWorkList[toolIndex][0].time
  938. : ""
  939. }}
  940. </div>
  941. </div>
  942. <div class="toolBox">
  943. <div>
  944. <!-- v-for="(itemTool, indexTool) in toolTypeList"
  945. :key="indexTool"-->
  946. <!-- <div class="iframeBox">
  947. <div
  948. class="addPoint isBorder"
  949. v-for="(tooC, toolCIndex) in tool.tool"
  950. :key="toolCIndex"
  951. >
  952. <div v-if="tooC == 1" style="border: 1px soild #ccc">
  953. <div
  954. class="iframeName"
  955. >
  956. 电子白板
  957. </div>
  958. <iframe
  959. src="https://iwb.cocorobo.cn/"
  960. ref="whiteBoard"
  961. ></iframe>
  962. </div>
  963. </div>
  964. </div>-->
  965. <div class="noiframeBox">
  966. <div
  967. class="addPoint"
  968. v-for="(tooC, toolCIndex) in tool.tool"
  969. :key="toolCIndex"
  970. >
  971. <div v-if="tooC == 1">
  972. <img
  973. src="../assets/icon/secondToolList/whiteBoard.png"
  974. alt
  975. @click="addTools(tooC, toolIndex, taskCount)"
  976. />
  977. <div style="margin: 5px 0">电子白板</div>
  978. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,1)"
  979. style="position: absolute;right: 33px;top: -30px;">
  980. 分析
  981. </div>
  982. </div>
  983. <div v-if="tooC == 3">
  984. <img
  985. src="../assets/icon/secondToolList/mindMapping.png"
  986. alt
  987. @click="addTools(tooC, toolIndex, taskCount)"
  988. />
  989. <div style="margin: 5px 0">思维导图</div>
  990. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,3)"
  991. style="position: absolute;right: 33px;top: -30px;">
  992. 分析
  993. </div>
  994. </div>
  995. <div v-if="tooC == 6">
  996. <img
  997. src="../assets/icon/secondToolList/doc.png"
  998. alt
  999. @click="addTools(tooC, toolIndex, taskCount)"
  1000. />
  1001. <div style="margin: 5px 0">协同文档</div>
  1002. </div>
  1003. <div v-if="tooC == 7">
  1004. <img
  1005. src="../assets/icon/secondToolList/mindNetwork.png"
  1006. alt
  1007. @click="addTools(tooC, toolIndex, taskCount)"
  1008. />
  1009. <div style="margin: 5px 0">思维网格</div>
  1010. <!-- && worksStudent[toolIndex].length>0 -->
  1011. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,7)"
  1012. style="position: absolute;right: 33px;top: -30px;">
  1013. 分析
  1014. </div>
  1015. </div>
  1016. <div v-if="tooC == 8">
  1017. <img
  1018. src="../assets/icon/secondToolList/library.png"
  1019. alt
  1020. @click="addTools(tooC, toolIndex, taskCount)"
  1021. />
  1022. <div style="margin: 5px 0">素材库</div>
  1023. </div>
  1024. <div v-if="tooC == 17">
  1025. <img
  1026. src="../assets/icon/secondToolList/library.png"
  1027. alt
  1028. @click="addTools(tooC, toolIndex, taskCount)"
  1029. />
  1030. <div style="margin: 5px 0">学习资料</div>
  1031. </div>
  1032. <div v-if="tooC == 2">
  1033. <img
  1034. @click="addTools(tooC, toolIndex, taskCount)"
  1035. src="../assets/icon/secondToolList/note.png"
  1036. alt
  1037. />
  1038. <div style="margin: 5px 0">便签</div>
  1039. </div>
  1040. <div v-if="tooC == 4">
  1041. <img
  1042. @click="addTools(tooC, toolIndex, taskCount)"
  1043. src="../assets/icon/thirdToolList/ask.png"
  1044. alt
  1045. />
  1046. <div style="margin: 5px 0">问卷调查</div>
  1047. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,4)"
  1048. style="position: absolute;right: 153px;top: -30px;">
  1049. 分析
  1050. </div>
  1051. <div class="upload_toolBtn" v-if="tType==='1'" @click="openStatisticalAnalysis(tooC,toolIndex,taskCount)"
  1052. style="position: absolute;right: 33px;top: -30px;">
  1053. 统计分析
  1054. </div>
  1055. </div>
  1056. <div v-if="tooC == 45">
  1057. <img
  1058. @click="addTools(tooC, toolIndex, taskCount)"
  1059. src="../assets/icon/thirdToolList/choose.png"
  1060. alt
  1061. />
  1062. <div style="margin: 5px 0">选择题</div>
  1063. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,45)"
  1064. style="position: absolute;right: 33px;top: -30px;">
  1065. 分析
  1066. </div>
  1067. </div>
  1068. <!-- <div v-if="tooC == 5">
  1069. <img
  1070. @click="addTools(tooC, toolIndex, taskCount)"
  1071. src="../assets/icon/thirdToolList/score.png"
  1072. alt
  1073. />
  1074. <div style="margin: 5px 0">量规评分</div>
  1075. </div> -->
  1076. <div v-if="tooC == 10">
  1077. <img
  1078. @click="addTools(tooC, toolIndex, taskCount)"
  1079. src="../assets/icon/thirdToolList/time.png"
  1080. alt
  1081. />
  1082. <div style="margin: 5px 0">倒计时</div>
  1083. </div>
  1084. <div v-if="tooC == 15">
  1085. <img
  1086. @click="addTools(tooC, toolIndex, taskCount)"
  1087. src="../assets/icon/thirdToolList/answer.png"
  1088. alt
  1089. />
  1090. <div style="margin: 5px 0">问答</div>
  1091. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,15)"
  1092. style="position: absolute;right: 135px;top: -45px;height: 40px;display: flex;align-items: center;justify-content: center;background: #409EFF;">
  1093. 分析
  1094. </div>
  1095. </div>
  1096. <div v-if="tooC == 26">
  1097. <img
  1098. @click="addTools(tooC, toolIndex, taskCount)"
  1099. src="../assets/icon/thirdToolList/courseDesign.png"
  1100. alt
  1101. />
  1102. <div style="margin: 5px 0">课程设计</div>
  1103. </div>
  1104. <div v-if="tooC == 18">
  1105. <img
  1106. @click="addTools(tooC, toolIndex, taskCount)"
  1107. src="../assets/icon/thirdToolList/trainPlatform.png"
  1108. alt
  1109. />
  1110. <div style="margin: 5px 0">训练服务器</div>
  1111. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,18)"
  1112. style="position: absolute;right: 33px;top: -30px;">
  1113. 分析
  1114. </div>
  1115. </div>
  1116. <div v-if="tooC == 16">
  1117. <img
  1118. @click="addTools(tooC, toolIndex, taskCount)"
  1119. src="../assets/icon/thirdToolList/work.png"
  1120. alt
  1121. />
  1122. <div style="margin: 5px 0">作业提交</div>
  1123. </div>
  1124. <div v-if="tooC == 50">
  1125. <img
  1126. @click="addTools(tooC, toolIndex, taskCount)"
  1127. src="../assets/icon/thirdToolList/plwork.png"
  1128. alt
  1129. />
  1130. <div style="margin: 5px 0">批量上传</div>
  1131. </div>
  1132. <div v-if="tooC == 21">
  1133. <img
  1134. @click="addTools(tooC, toolIndex, taskCount)"
  1135. src="../assets/icon/fourthToolList/program.png"
  1136. alt
  1137. />
  1138. <div style="margin: 5px 0">AIoT Blockly</div>
  1139. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,21)"
  1140. style="position: absolute;right: 33px;top: -30px;">
  1141. 分析
  1142. </div>
  1143. </div>
  1144. <!-- <div v-if="tooC == 22">
  1145. <img
  1146. @click="addTools(tooC, toolIndex, taskCount)"
  1147. src="../assets/icon/fourthToolList/program.png"
  1148. alt
  1149. />
  1150. <div style="margin: 5px 0">AI体验</div>
  1151. </div> -->
  1152. <div v-if="tooC == 23">
  1153. <img
  1154. @click="addTools(tooC, toolIndex, taskCount)"
  1155. src="../assets/icon/fourthToolList/Pythonprogram.png"
  1156. alt
  1157. />
  1158. <div style="margin: 5px 0">AI Python</div>
  1159. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,23)"
  1160. style="position: absolute;right: 33px;top: -30px;">
  1161. 分析
  1162. </div>
  1163. </div>
  1164. <div v-if="tooC == 24">
  1165. <img
  1166. @click="addTools(tooC, toolIndex, taskCount)"
  1167. src="../assets/icon/fourthToolList/AIprogram.png"
  1168. alt
  1169. />
  1170. <div style="margin: 5px 0">AI Blockly</div>
  1171. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,24)"
  1172. style="position: absolute;right: 33px;top: -30px;">
  1173. 分析
  1174. </div>
  1175. </div>
  1176. <div v-if="tooC == 25">
  1177. <img
  1178. @click="addTools(tooC, toolIndex, taskCount)"
  1179. src="../assets/icon/thirdToolList/evalua.png"
  1180. alt
  1181. />
  1182. <div style="margin: 5px 0">目标管理</div>
  1183. </div>
  1184. <div v-if="tooC == 31">
  1185. <img
  1186. @click="addTools(tooC, toolIndex, taskCount)"
  1187. src="../assets/icon/secondToolList/networkPanel.png"
  1188. alt
  1189. />
  1190. <div style="margin: 5px 0">数学画板</div>
  1191. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,31)"
  1192. style="position: absolute;right: 33px;top: -30px;">
  1193. 分析
  1194. </div>
  1195. </div>
  1196. <div v-if="tooC == 28">
  1197. <img
  1198. @click="addTools(tooC, toolIndex, taskCount)"
  1199. src="../assets/icon/secondToolList/translation.png"
  1200. alt
  1201. />
  1202. <div style="margin: 5px 0">翻译</div>
  1203. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,28)"
  1204. style="position: absolute;right: 33px;top: -30px;">
  1205. 分析
  1206. </div>
  1207. </div>
  1208. <div v-if="tooC == 37">
  1209. <img
  1210. @click="addTools(tooC, toolIndex, taskCount)"
  1211. src="../assets/icon/secondToolList/mohe.png"
  1212. alt
  1213. />
  1214. <div style="margin: 5px 0">魔盒识字</div>
  1215. </div>
  1216. <div v-if="tooC == 38">
  1217. <img
  1218. @click="addTools(tooC, toolIndex, taskCount)"
  1219. src="../assets/icon/secondToolList/24game.png"
  1220. alt
  1221. />
  1222. <div style="margin: 5px 0">24点</div>
  1223. </div>
  1224. <div v-if="tooC == 39">
  1225. <img
  1226. @click="addTools(tooC, toolIndex, taskCount)"
  1227. src="../assets/icon/secondToolList/GeoGebra.png"
  1228. alt
  1229. />
  1230. <div style="margin: 5px 0">GeoGebra</div>
  1231. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,39)"
  1232. style="position: absolute;right: 33px;top: -30px;">
  1233. 分析
  1234. </div>
  1235. </div>
  1236. <div v-if="tooC == 32">
  1237. <img
  1238. @click="addTools(tooC, toolIndex, taskCount)"
  1239. src="../assets/icon/thirdToolList/code.png"
  1240. alt
  1241. />
  1242. <div style="margin: 5px 0">源码编辑</div>
  1243. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,32)"
  1244. style="position: absolute;right: 153px;top: -42px;">
  1245. 分析
  1246. </div>
  1247. <!-- <div class="upload_toolBtn" @click="addImg($event)"
  1248. style="position: absolute;left: 110px;bottom: 30px;">
  1249. 上传文件
  1250. <input type="file" accept="*" style="display: none"
  1251. @change="beforeUpload1($event, 7, toolIndex)" />
  1252. </div> -->
  1253. </div>
  1254. <div v-if="tooC == 40">
  1255. <img
  1256. @click="addTools(tooC, toolIndex, taskCount)"
  1257. src="../assets/icon/secondToolList/eval.png"
  1258. alt
  1259. />
  1260. <div style="margin: 5px 0">个人评价</div>
  1261. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,40)"
  1262. style="position: absolute;right: 33px;top: -30px;">
  1263. 分析
  1264. </div>
  1265. </div>
  1266. <div v-if="tooC == 41">
  1267. <img
  1268. @click="addTools(tooC, toolIndex, taskCount)"
  1269. src="../assets/icon/thirdToolList/select.png"
  1270. alt
  1271. />
  1272. <div style="margin: 5px 0">选择匹配</div>
  1273. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,41)"
  1274. style="position: absolute;right: 33px;top: -30px;">
  1275. 分析
  1276. </div>
  1277. </div>
  1278. <div v-if="tooC == 44">
  1279. <img
  1280. @click="addTools(tooC, toolIndex, taskCount)"
  1281. src="../assets/icon/thirdToolList/hanClass.png"
  1282. alt
  1283. />
  1284. <div style="margin: 5px 0">汉字宫</div>
  1285. </div>
  1286. <div v-if="tooC == 47">
  1287. <img
  1288. @click="addTools(tooC, toolIndex, taskCount)"
  1289. src="../assets/icon/fourthToolList/conSentences.png"
  1290. alt
  1291. />
  1292. <div style="margin: 5px 0">排序</div>
  1293. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,47)"
  1294. style="position: absolute;right: 33px;top: -30px;">
  1295. 分析
  1296. </div>
  1297. </div>
  1298. <div v-if="tooC == 48">
  1299. <img
  1300. @click="addTools(tooC, toolIndex, taskCount)"
  1301. src="../assets/icon/fourthToolList/table.png"
  1302. alt
  1303. />
  1304. <div style="margin: 5px 0">表格</div>
  1305. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,48)"
  1306. style="position: absolute;right: 33px;top: -30px;">
  1307. 分析
  1308. </div>
  1309. </div>
  1310. <div v-if="tooC == 52">
  1311. <img
  1312. @click="addTools(tooC, toolIndex, taskCount)"
  1313. src="../assets/icon/fourthToolList/text.png"
  1314. alt
  1315. />
  1316. <div style="margin: 5px 0">文档</div>
  1317. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,52)"
  1318. style="position: absolute;right: 33px;top: -30px;">
  1319. 分析
  1320. </div>
  1321. </div>
  1322. <div v-if="tooC == 49">
  1323. <img
  1324. @click="addTools(tooC, toolIndex, taskCount)"
  1325. src="../assets/icon/fourthToolList/group.png"
  1326. alt
  1327. />
  1328. <div style="margin: 5px 0">学生分组</div>
  1329. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,49)"
  1330. style="position: absolute;right: 33px;top: -30px;">
  1331. 分析
  1332. </div>
  1333. </div>
  1334. <div v-if="tooC == 57">
  1335. <img
  1336. @click="addTools(tooC, toolIndex, taskCount)"
  1337. src="../assets/icon/fourthToolList/cocopi.png"
  1338. alt
  1339. />
  1340. <div style="margin: 5px 0">CocoPi</div>
  1341. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,57)"
  1342. style="position: absolute;right: 33px;top: -30px;">
  1343. 分析
  1344. </div>
  1345. </div>
  1346. <div v-if="tooC == 58">
  1347. <img
  1348. @click="addTools(tooC, toolIndex, taskCount)"
  1349. src="../assets/icon/fourthToolList/car.png"
  1350. alt
  1351. />
  1352. <div style="margin: 5px 0">模拟驾驶</div>
  1353. </div>
  1354. <div v-if="tooC == 59">
  1355. <img
  1356. @click="addTools(tooC, toolIndex, taskCount)"
  1357. src="../assets/icon/fourthToolList/lineSearch.png"
  1358. alt
  1359. />
  1360. <div style="margin: 5px 0">路径搜索</div>
  1361. </div>
  1362. <div v-if="tooC == 60">
  1363. <img
  1364. @click="addTools(tooC, toolIndex, taskCount)"
  1365. src="../assets/icon/fourthToolList/deepLearning.png"
  1366. alt
  1367. />
  1368. <div style="margin: 5px 0">深度学习</div>
  1369. </div>
  1370. <div v-if="tooC == 61">
  1371. <img
  1372. @click="addTools(tooC, toolIndex, taskCount)"
  1373. src="../assets/icon/fourthToolList/allHistory.png"
  1374. alt
  1375. />
  1376. <div style="margin: 5px 0">全历史</div>
  1377. </div>
  1378. <div v-if="tooC == 62">
  1379. <img
  1380. @click="addTools(tooC, toolIndex, taskCount)"
  1381. src="../assets/icon/fourthToolList/interVideo.png"
  1382. alt
  1383. />
  1384. <div style="margin: 5px 0">交互视频</div>
  1385. </div>
  1386. <div v-if="tooC == 63">
  1387. <img
  1388. @click="addTools(tooC, toolIndex, taskCount)"
  1389. src="../assets/icon/fourthToolList/Wood.png"
  1390. alt
  1391. />
  1392. <div style="margin: 5px 0">海龟编程</div>
  1393. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,63)"
  1394. style="position: absolute;right: 33px;top: -30px;">
  1395. 分析
  1396. </div>
  1397. </div>
  1398. <div v-if="tooC == 71">
  1399. <img
  1400. @click="addTools(tooC, toolIndex, taskCount)"
  1401. src="../assets/icon/fourthToolList/chatgpt.png"
  1402. alt
  1403. />
  1404. <div style="margin: 5px 0">AI智能体</div>
  1405. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,71)"
  1406. style="position: absolute;right: 33px;top: -30px;">
  1407. 分析
  1408. </div>
  1409. </div>
  1410. <div v-if="tooC == 72">
  1411. <img
  1412. style="height: 85px;object-fit: cover;"
  1413. v-if="tool.appJson && tool.appJson.json && tool.appJson.json.icon"
  1414. @click="addTools(tooC, toolIndex, taskCount)"
  1415. :src="tool.appJson.json.icon"
  1416. alt
  1417. />
  1418. <img
  1419. v-else
  1420. @click="addTools(tooC, toolIndex, taskCount)"
  1421. src="../assets/icon/firstToolList/appStore.png"
  1422. alt
  1423. />
  1424. <el-tooltip :content="tool.appJson && tool.appJson.name ? tool.appJson.name : '应用中心'" placement="top" effect="dark">
  1425. <!-- content to trigger tooltip here -->
  1426. <div class="Ovh">
  1427. {{tool.appJson && tool.appJson.name ? tool.appJson.name : '应用中心'}}
  1428. </div>
  1429. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,72)"
  1430. style="position: absolute;right: 33px;top: -30px;">
  1431. 分析
  1432. </div>
  1433. </el-tooltip>
  1434. </div>
  1435. <div v-if="tooC == 65">
  1436. <img
  1437. @click="addTools(tooC, toolIndex, taskCount)"
  1438. src="../assets/icon/firstToolList/pickPeople.png"
  1439. alt
  1440. />
  1441. <div style="margin: 5px 0">挑人</div>
  1442. </div>
  1443. <div v-if="tooC == 66">
  1444. <img
  1445. @click="addTools(tooC, toolIndex, taskCount)"
  1446. src="../assets/icon/secondToolList/formulaEdi.png"
  1447. alt
  1448. />
  1449. <div style="margin: 5px 0">公式编辑</div>
  1450. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,66)"
  1451. style="position: absolute;right: 33px;top: -30px;">
  1452. 分析
  1453. </div>
  1454. </div>
  1455. <div v-if="tooC == 67">
  1456. <img
  1457. @click="addTools(tooC, toolIndex, taskCount)"
  1458. src="../assets/icon/secondToolList/molStr.png"
  1459. alt
  1460. />
  1461. <div style="margin: 5px 0">分子结构</div>
  1462. </div>
  1463. <div v-if="tooC == 68">
  1464. <img
  1465. @click="addTools(tooC, toolIndex, taskCount)"
  1466. src="../assets/icon/secondToolList/timeAxis.png"
  1467. alt
  1468. />
  1469. <div style="margin: 5px 0">时间轴</div>
  1470. <!-- <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,68)"
  1471. style="position: absolute;right: 33px;top: -30px;">
  1472. 分析
  1473. </div> -->
  1474. </div>
  1475. <div v-if="tooC == 69">
  1476. <img
  1477. @click="addTools(tooC, toolIndex, taskCount)"
  1478. src="../assets/icon/secondToolList/english.png"
  1479. alt
  1480. />
  1481. <div style="margin: 5px 0">英语写作</div>
  1482. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,69)"
  1483. style="position: absolute;right: 33px;top: -30px;">
  1484. 分析
  1485. </div>
  1486. </div>
  1487. <div v-if="tooC == 70">
  1488. <img
  1489. @click="addTools(tooC, toolIndex, taskCount)"
  1490. src="../assets/icon/thirdToolList/englishVoice.png"
  1491. alt
  1492. />
  1493. <div style="margin: 5px 0">英语口语</div>
  1494. <div class="upload_toolBtn" @click="openChoseWorksDetailDialog(tooC,toolIndex,taskCount,70)"
  1495. style="position: absolute;right: 33px;top: -30px;">
  1496. 分析
  1497. </div>
  1498. </div>
  1499. </div>
  1500. </div>
  1501. </div>
  1502. <div class="tooldetail" v-if="tool.toolDetail != ''" :class="{isUpdateToolDetailClass:toolDetailIndex == toolIndex}">
  1503. <!-- <div class="toolTitle">工具描述</div> -->
  1504. <!-- @click.stop="updateToolDetail(toolIndex, 2)" -->
  1505. <div style="height:100%;"
  1506. v-html="contentConvent(tool.toolDetail)"
  1507. v-if="toolDetailIndex != toolIndex"
  1508. ></div>
  1509. <div v-else @click.stop="" style="height:100%;">
  1510. <textarea @change="() => { $forceUpdate() }" class="checkTextArea" rows="3" v-autoHeight="70" type="text" placeholder="请输入任务描述" v-model="updateToolDetailInner"></textarea>
  1511. </div>
  1512. </div>
  1513. <el-button
  1514. type="primary"
  1515. v-if="tool.tool[0] == 32"
  1516. style="position: absolute; right: 30px; top: -45px"
  1517. @click="addImg($event)"
  1518. >上传作业<input
  1519. type="file"
  1520. accept="*"
  1521. style="display: none"
  1522. @change="beforeUpload1($event, 7, toolIndex)"
  1523. /></el-button>
  1524. <el-button
  1525. type="primary"
  1526. v-if="tool.tool[0] == 15"
  1527. style="position: absolute; right: 30px; top: -45px"
  1528. @click="openWordCloud(toolIndex)"
  1529. >生成词云</el-button
  1530. >
  1531. <el-button
  1532. type="primary"
  1533. v-if="
  1534. tool.tool[0] == 16 && worksStudent[toolIndex].length > 0 && tType==1
  1535. "
  1536. style="position: absolute; right: 30px; top: -45px"
  1537. @click="uploadWorks(toolIndex)"
  1538. >导出作业</el-button
  1539. >
  1540. <!-- <el-button type="primary" v-if="tool.tool[0] == 57" style="
  1541. position: absolute;
  1542. right: 30px;
  1543. transform: translateY(-130%);
  1544. " @click="addImg($event)">上传作业<input type="file" accept="*" style="display: none"
  1545. @change="beforeUpload1($event, 8, toolIndex)" /></el-button> -->
  1546. </div>
  1547. <div
  1548. v-if="
  1549. tType &&
  1550. tType == 2 &&
  1551. !sIsOpen &&
  1552. tool.tool.indexOf(16) != -1
  1553. "
  1554. class="worksBox"
  1555. >
  1556. <div
  1557. class="zuoyeYulan"
  1558. v-if="workStudent[toolIndex].length > 0"
  1559. >
  1560. <span class="worksTitle">作业预览</span>
  1561. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1562. </div>
  1563. <div
  1564. class="worksDetailBox"
  1565. v-if="workStudent[toolIndex].length > 0"
  1566. >
  1567. <div
  1568. class="works"
  1569. style="
  1570. width: 200px;
  1571. height: 140px;
  1572. margin: 10px 10px 10px 0;
  1573. box-shadow: 0 0 6px 1px #dfdada;
  1574. "
  1575. v-for="(w, wIndex) in workStudent[toolIndex]"
  1576. :key="wIndex"
  1577. >
  1578. <div class="workImg" v-if="w.type == 0">
  1579. <img
  1580. :src="w.works"
  1581. @click="previewImg(w.works,w)"
  1582. alt
  1583. />
  1584. <div
  1585. class="answerScore"
  1586. v-if="w.score"
  1587. @click.stop="openScore(w)"
  1588. :class="{
  1589. rightW:
  1590. w.userid == userid || tType == 1 || tType == 4,
  1591. }"
  1592. >
  1593. {{ JSON.parse(w.score).wScore }}分
  1594. </div>
  1595. <div
  1596. class="answerScore"
  1597. @click.stop="openScore(w)"
  1598. v-else-if="courseDetail.userid == userid"
  1599. :class="{
  1600. rightW:
  1601. w.userid == userid || tType == 1 || tType == 4,
  1602. }"
  1603. >
  1604. 评分
  1605. </div>
  1606. <img
  1607. class="deleteImg"
  1608. src="../assets/deleteworks.png"
  1609. v-if="
  1610. w.userid == userid || tType == 1 || tType == 4
  1611. "
  1612. @click.stop="deleteWorks(w.wid)"
  1613. alt
  1614. />
  1615. </div>
  1616. <div class="workImg" v-if="w.type == 1">
  1617. <img :src="word" @click="openFile(w.works,w)" alt />
  1618. <div
  1619. class="answerScore"
  1620. v-if="w.score"
  1621. @click.stop="openScore(w)"
  1622. :class="{
  1623. rightW:
  1624. w.userid == userid || tType == 1 || tType == 4,
  1625. }"
  1626. >
  1627. {{ JSON.parse(w.score).wScore }}分
  1628. </div>
  1629. <div
  1630. class="answerScore"
  1631. @click.stop="openScore(w)"
  1632. v-else-if="courseDetail.userid == userid"
  1633. :class="{
  1634. rightW:
  1635. w.userid == userid || tType == 1 || tType == 4,
  1636. }"
  1637. >
  1638. 评分
  1639. </div>
  1640. <img
  1641. class="deleteImg"
  1642. src="../assets/deleteworks.png"
  1643. v-if="
  1644. w.userid == userid || tType == 1 || tType == 4
  1645. "
  1646. @click.stop="deleteWorks(w.wid)"
  1647. alt
  1648. />
  1649. </div>
  1650. <div class="workImg" v-if="w.type == 3">
  1651. <img
  1652. style="cursor: pointer"
  1653. :src="video"
  1654. @click="openVideo(w)"
  1655. alt
  1656. />
  1657. <div
  1658. class="answerScore"
  1659. v-if="w.score"
  1660. @click.stop="openScore(w)"
  1661. :class="{
  1662. rightW:
  1663. w.userid == userid || tType == 1 || tType == 4,
  1664. }"
  1665. >
  1666. {{ JSON.parse(w.score).wScore }}分
  1667. </div>
  1668. <div
  1669. class="answerScore"
  1670. @click.stop="openScore(w)"
  1671. v-else-if="courseDetail.userid == userid"
  1672. :class="{
  1673. rightW:
  1674. w.userid == userid || tType == 1 || tType == 4,
  1675. }"
  1676. >
  1677. 评分
  1678. </div>
  1679. <img
  1680. class="deleteImg"
  1681. src="../assets/deleteworks.png"
  1682. v-if="
  1683. w.userid == userid || tType == 1 || tType == 4
  1684. "
  1685. @click.stop="deleteWorks(w.wid)"
  1686. alt
  1687. />
  1688. </div>
  1689. <div class="workImg" v-if="w.type == 12">
  1690. <img
  1691. style="cursor: pointer"
  1692. :src="word2"
  1693. @click="downloadFile(w.works)"
  1694. alt
  1695. />
  1696. <div
  1697. class="answerScore"
  1698. v-if="w.score"
  1699. @click.stop="openScore(w)"
  1700. :class="{
  1701. rightW:
  1702. w.userid == userid || tType == 1 || tType == 4,
  1703. }"
  1704. >
  1705. {{ JSON.parse(w.score).wScore }}分
  1706. </div>
  1707. <div
  1708. class="answerScore"
  1709. @click.stop="openScore(w)"
  1710. v-else-if="courseDetail.userid == userid"
  1711. :class="{
  1712. rightW:
  1713. w.userid == userid || tType == 1 || tType == 4,
  1714. }"
  1715. >
  1716. 评分
  1717. </div>
  1718. <img
  1719. class="deleteImg"
  1720. src="../assets/deleteworks.png"
  1721. v-if="
  1722. w.userid == userid || tType == 1 || tType == 4
  1723. "
  1724. @click.stop="deleteWorks(w.wid)"
  1725. alt
  1726. />
  1727. </div>
  1728. <div class="worksName">
  1729. <div>{{ w.sName }}</div>
  1730. </div>
  1731. </div>
  1732. </div>
  1733. </div>
  1734. <div
  1735. v-if="
  1736. tType &&
  1737. tType == 2 &&
  1738. !sIsOpen &&
  1739. tool.tool.indexOf(32) != -1
  1740. "
  1741. class="worksBox"
  1742. >
  1743. <div
  1744. class="zuoyeYulan"
  1745. v-if="workStudent[toolIndex].length > 0"
  1746. >
  1747. <span class="worksTitle">作业预览</span>
  1748. </div>
  1749. <div
  1750. class="worksDetailBox"
  1751. v-if="workStudent[toolIndex].length > 0"
  1752. >
  1753. <div
  1754. class="works"
  1755. style="
  1756. width: 200px;
  1757. height: 140px;
  1758. margin: 10px 10px 10px 0;
  1759. box-shadow: 0 0 6px 1px #dfdada;
  1760. "
  1761. v-for="(w, wIndex) in workStudent[toolIndex]"
  1762. :key="wIndex"
  1763. >
  1764. <div class="workImg">
  1765. <img
  1766. :src="word2"
  1767. @click="downloadFile(w.works)"
  1768. alt
  1769. />
  1770. <div
  1771. class="answerScore"
  1772. v-if="w.score"
  1773. @click.stop="openScore(w)"
  1774. :class="{
  1775. rightW:
  1776. w.userid == userid || tType == 1 || tType == 4,
  1777. }"
  1778. >
  1779. {{ JSON.parse(w.score).wScore }}分
  1780. </div>
  1781. <div
  1782. class="answerScore"
  1783. @click.stop="openScore(w)"
  1784. v-else-if="courseDetail.userid == userid"
  1785. :class="{
  1786. rightW:
  1787. w.userid == userid || tType == 1 || tType == 4,
  1788. }"
  1789. >
  1790. 评分
  1791. </div>
  1792. <img
  1793. class="deleteImg"
  1794. src="../assets/deleteworks.png"
  1795. v-if="
  1796. w.userid == userid || tType == 1 || tType == 4
  1797. "
  1798. @click.stop="deleteWorks(w.wid)"
  1799. alt
  1800. />
  1801. </div>
  1802. <div class="worksName">
  1803. <div>{{ w.sName }}</div>
  1804. </div>
  1805. </div>
  1806. </div>
  1807. </div>
  1808. <div
  1809. v-if="
  1810. tType &&
  1811. tType == 2 &&
  1812. !sIsOpen &&
  1813. tool.tool.indexOf(57) != -1
  1814. "
  1815. class="worksBox"
  1816. >
  1817. <div
  1818. class="zuoyeYulan"
  1819. v-if="workStudent[toolIndex].length > 0"
  1820. >
  1821. <span class="worksTitle">作业预览</span>
  1822. </div>
  1823. <div
  1824. class="worksDetailBox"
  1825. v-if="workStudent[toolIndex].length > 0"
  1826. >
  1827. <div
  1828. class="works"
  1829. style="
  1830. width: 200px;
  1831. height: 140px;
  1832. margin: 10px 10px 10px 0;
  1833. box-shadow: 0 0 6px 1px #dfdada;
  1834. "
  1835. v-for="(w, wIndex) in workStudent[toolIndex]"
  1836. :key="wIndex"
  1837. >
  1838. <div class="workImg">
  1839. <img
  1840. :src="word2"
  1841. @click="downloadFile(w.works)"
  1842. v-if="w.type == 12"
  1843. alt
  1844. />
  1845. <img
  1846. :src="word2"
  1847. @click="
  1848. openCocoPi(57, toolIndex, w.userid, w.sName)
  1849. "
  1850. v-else-if="w.type == 15"
  1851. alt
  1852. />
  1853. <div
  1854. class="answerScore"
  1855. v-if="w.score"
  1856. @click.stop="openScore(w)"
  1857. :class="{
  1858. rightW:
  1859. w.userid == userid || tType == 1 || tType == 4,
  1860. }"
  1861. >
  1862. {{ JSON.parse(w.score).wScore }}分
  1863. </div>
  1864. <div
  1865. class="answerScore"
  1866. @click.stop="openScore(w)"
  1867. v-else-if="courseDetail.userid == userid"
  1868. :class="{
  1869. rightW:
  1870. w.userid == userid || tType == 1 || tType == 4,
  1871. }"
  1872. >
  1873. 评分
  1874. </div>
  1875. <img
  1876. class="deleteImg"
  1877. src="../assets/deleteworks.png"
  1878. v-if="
  1879. w.userid == userid || tType == 1 || tType == 4
  1880. "
  1881. @click.stop="deleteWorks(w.wid)"
  1882. alt
  1883. />
  1884. </div>
  1885. <div class="worksName">
  1886. <div>{{ w.sName }}</div>
  1887. </div>
  1888. </div>
  1889. </div>
  1890. </div>
  1891. <div
  1892. v-if="
  1893. tType &&
  1894. tType == 2 &&
  1895. !sIsOpen &&
  1896. tool.tool.indexOf(4) != -1
  1897. "
  1898. class="worksBox"
  1899. >
  1900. <div
  1901. class="zuoyeYulan"
  1902. v-if="workStudent[toolIndex].length > 0"
  1903. >
  1904. <span class="worksTitle">作业预览</span>
  1905. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  1906. </div>
  1907. <div
  1908. class="worksDetailBox"
  1909. v-if="workStudent[toolIndex].length > 0"
  1910. >
  1911. <div
  1912. class="isWorksName2"
  1913. v-for="(w, wIndex) in workStudent[toolIndex]"
  1914. :key="wIndex"
  1915. @click="
  1916. openTools(4, toolIndex, taskCount, w.works, w.sName)
  1917. "
  1918. >
  1919. {{ w.sName }}
  1920. <img
  1921. class="deleteImg deleteImg2"
  1922. src="../assets/deleteworks.png"
  1923. v-if="w.userid == userid || tType == 1 || tType == 4"
  1924. @click.stop="deleteWorks(w.wid)"
  1925. alt
  1926. />
  1927. </div>
  1928. <!-- <div
  1929. class="works"
  1930. style="
  1931. width: 200px;
  1932. height: 140px;
  1933. border-radius: 10px;
  1934. box-shadow: 0 0 6px 1px #dfdada;
  1935. overflow: hidden;
  1936. "
  1937. v-for="(w, wIndex) in workStudent[toolIndex]"
  1938. :key="wIndex"
  1939. >
  1940. <div class="workImg">
  1941. <img
  1942. src="../assets/icon/works/noImg.png"
  1943. @click="
  1944. openTools(
  1945. 4,
  1946. toolIndex,
  1947. taskCount,
  1948. w.works,
  1949. w.sName
  1950. )
  1951. "
  1952. alt
  1953. />
  1954. </div>
  1955. <div class="worksName">
  1956. <div>{{ w.sName }}</div>
  1957. <div>{{ w.time }}</div>
  1958. </div>
  1959. </div> -->
  1960. </div>
  1961. </div>
  1962. <div
  1963. v-if="
  1964. tType &&
  1965. ((tType == 2 && sIsOpen == true) ||
  1966. tType == 1 ||
  1967. tType == 4) &&
  1968. tool.tool.indexOf(62) != -1
  1969. "
  1970. class="worksBox"
  1971. >
  1972. <div
  1973. class="zuoyeYulan"
  1974. v-if="
  1975. worksStudent.length &&
  1976. worksStudent[toolIndex].length > 0
  1977. "
  1978. >
  1979. <div class="worksTop">
  1980. <div>作业预览</div>
  1981. <div
  1982. class="corOpen"
  1983. @click="contract(toolIndex)"
  1984. v-if="
  1985. (isCloseList[toolIndex].isCloseBoolean) &&
  1986. isCloseList[toolIndex].isClose == 0
  1987. "
  1988. >
  1989. 折叠
  1990. </div>
  1991. <div
  1992. class="corOpen"
  1993. @click="contract(toolIndex)"
  1994. v-if="isCloseList[toolIndex].isClose == 1"
  1995. >
  1996. 展开
  1997. </div>
  1998. </div>
  1999. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2000. </div>
  2001. <div>
  2002. <div
  2003. :id="'tool-' + toolIndex"
  2004. :style="{
  2005. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  2006. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  2007. }"
  2008. class="worksDetailBox"
  2009. v-if="
  2010. worksStudent.length &&
  2011. worksStudent[toolIndex].length > 0
  2012. "
  2013. >
  2014. <div
  2015. v-for="(w, wIndex) in worksStudent[toolIndex]"
  2016. :key="wIndex"
  2017. class="isWorksName2"
  2018. @click="
  2019. openTools(
  2020. 62,
  2021. toolIndex,
  2022. taskCount,
  2023. w.works,
  2024. w.sName
  2025. )
  2026. "
  2027. >
  2028. {{ w.sName }}
  2029. <img
  2030. class="deleteImg deleteImg2"
  2031. src="../assets/deleteworks.png"
  2032. v-if="
  2033. w.userid == userid || tType == 1 || tType == 4
  2034. "
  2035. @click.stop="deleteWorks(w.wid)"
  2036. alt
  2037. />
  2038. </div>
  2039. </div>
  2040. </div>
  2041. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  2042. 未提交
  2043. </div>
  2044. <div
  2045. class="noWorksS"
  2046. v-if="noWorksS && noWorksS[toolIndex].length"
  2047. >
  2048. <div
  2049. v-for="(s, sIndex) in noWorksS[toolIndex]"
  2050. :key="sIndex"
  2051. class="noWorksName"
  2052. >
  2053. <el-tooltip effect="dark" :content="s.student" placement="top">
  2054. <span>{{ s.student }}</span>
  2055. </el-tooltip>
  2056. </div>
  2057. </div>
  2058. </div>
  2059. <div
  2060. v-if="
  2061. tType &&
  2062. tType == 2 &&
  2063. !sIsOpen &&
  2064. tool.tool.indexOf(62) != -1
  2065. "
  2066. class="worksBox"
  2067. >
  2068. <div
  2069. class="zuoyeYulan"
  2070. v-if="workStudent[toolIndex].length > 0"
  2071. >
  2072. <span class="worksTitle">作业预览</span>
  2073. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2074. </div>
  2075. <div
  2076. class="worksDetailBox"
  2077. v-if="workStudent[toolIndex].length > 0"
  2078. >
  2079. <div
  2080. class="isWorksName2"
  2081. v-for="(w, wIndex) in workStudent[toolIndex]"
  2082. :key="wIndex"
  2083. @click="
  2084. openTools(62, toolIndex, taskCount, w.works, w.sName)
  2085. "
  2086. >
  2087. {{ w.sName }}
  2088. <img
  2089. class="deleteImg deleteImg2"
  2090. src="../assets/deleteworks.png"
  2091. v-if="w.userid == userid || tType == 1 || tType == 4"
  2092. @click.stop="deleteWorks(w.wid)"
  2093. alt
  2094. />
  2095. </div>
  2096. </div>
  2097. </div>
  2098. <div
  2099. v-if="
  2100. tType &&
  2101. tType == 2 &&
  2102. !sIsOpen &&
  2103. tool.tool.indexOf(45) != -1
  2104. "
  2105. class="worksBox"
  2106. >
  2107. <div
  2108. class="zuoyeYulan"
  2109. v-if="workStudent[toolIndex].length > 0"
  2110. >
  2111. <span class="worksTitle">作业预览</span>
  2112. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2113. </div>
  2114. <div
  2115. class="worksDetailBox"
  2116. v-if="workStudent[toolIndex].length > 0"
  2117. >
  2118. <div
  2119. class="isWorksName2"
  2120. v-for="(w, wIndex) in workStudent[toolIndex]"
  2121. :key="wIndex"
  2122. @click="
  2123. openTools(45, toolIndex, taskCount, w.works, w.sName)
  2124. "
  2125. >
  2126. {{ w.sName }}
  2127. <img
  2128. class="deleteImg deleteImg2"
  2129. src="../assets/deleteworks.png"
  2130. v-if="w.userid == userid || tType == 1 || tType == 4"
  2131. @click.stop="deleteWorks(w.wid)"
  2132. alt
  2133. />
  2134. </div>
  2135. </div>
  2136. </div>
  2137. <div
  2138. v-if="
  2139. tType &&
  2140. tType == 2 &&
  2141. !sIsOpen &&
  2142. tool.tool.indexOf(69) != -1
  2143. "
  2144. class="worksBox"
  2145. >
  2146. <div
  2147. class="zuoyeYulan"
  2148. v-if="workStudent[toolIndex].length > 0"
  2149. >
  2150. <span class="worksTitle">作业预览</span>
  2151. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2152. </div>
  2153. <div
  2154. class="worksDetailBox"
  2155. v-if="workStudent[toolIndex].length > 0"
  2156. >
  2157. <div
  2158. class="isWorksName2"
  2159. v-for="(w, wIndex) in workStudent[toolIndex]"
  2160. :key="wIndex"
  2161. @click="
  2162. openTools(69, toolIndex, taskCount, w.works, w.sName)
  2163. "
  2164. >
  2165. {{ w.sName }}
  2166. <img
  2167. class="deleteImg deleteImg2"
  2168. src="../assets/deleteworks.png"
  2169. v-if="w.userid == userid || tType == 1 || tType == 4"
  2170. @click.stop="deleteWorks(w.wid)"
  2171. alt
  2172. />
  2173. </div>
  2174. </div>
  2175. </div>
  2176. <div
  2177. v-if="
  2178. tType &&
  2179. tType == 2 &&
  2180. !sIsOpen &&
  2181. tool.tool.indexOf(15) != -1
  2182. "
  2183. class="worksBox"
  2184. >
  2185. <div
  2186. class="zuoyeYulan"
  2187. v-if="workStudent[toolIndex].length > 0"
  2188. >
  2189. <span class="worksTitle">作业预览</span>
  2190. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2191. </div>
  2192. <div
  2193. class="worksDetailBox"
  2194. v-if="workStudent[toolIndex].length > 0"
  2195. >
  2196. <div
  2197. class="works"
  2198. v-for="(w, wIndex) in workStudent[toolIndex]"
  2199. :key="wIndex"
  2200. >
  2201. <div class="workImg">
  2202. <!-- <img
  2203. src="../assets/icon/works/noImg.png"
  2204. @click="openTools(15, toolIndex, taskCount, w.works)"
  2205. alt=""
  2206. />-->
  2207. <div class="answerBg">
  2208. <!-- <div>{{ w.sName }}</div> -->
  2209. <el-tooltip
  2210. class="item"
  2211. effect="light"
  2212. :content="JSON.parse(w.works)[0].answer"
  2213. placement="top"
  2214. >
  2215. <div class="answerContent">
  2216. {{ JSON.parse(w.works)[0].answer }}
  2217. </div>
  2218. </el-tooltip>
  2219. <div
  2220. class="answerScore"
  2221. v-if="w.score"
  2222. @click.stop="openScore(w)"
  2223. :class="{
  2224. rightW:
  2225. w.userid == userid ||
  2226. tType == 1 ||
  2227. tType == 4,
  2228. }"
  2229. >
  2230. {{ JSON.parse(w.score).wScore }}分
  2231. </div>
  2232. <div
  2233. class="answerScore"
  2234. @click.stop="openScore(w)"
  2235. v-else-if="courseDetail.userid == userid"
  2236. :class="{
  2237. rightW:
  2238. w.userid == userid ||
  2239. tType == 1 ||
  2240. tType == 4,
  2241. }"
  2242. >
  2243. 评分
  2244. </div>
  2245. <img
  2246. class="deleteImg"
  2247. src="../assets/deleteworks.png"
  2248. v-if="
  2249. w.userid == userid || tType == 1 || tType == 4
  2250. "
  2251. @click.stop="deleteWorks(w.wid)"
  2252. alt
  2253. />
  2254. </div>
  2255. <div class="comment">
  2256. <div class="worksName">
  2257. <div>{{ w.sName }}</div>
  2258. </div>
  2259. </div>
  2260. </div>
  2261. </div>
  2262. </div>
  2263. </div>
  2264. <div
  2265. v-if="
  2266. tType &&
  2267. tType == 2 &&
  2268. !sIsOpen &&
  2269. tool.tool.indexOf(1) != -1
  2270. "
  2271. class="worksBox"
  2272. >
  2273. <div
  2274. class="zuoyeYulan"
  2275. v-if="workStudent[toolIndex].length > 0"
  2276. >
  2277. <span class="worksTitle">作业预览</span>
  2278. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2279. </div>
  2280. <div
  2281. class="worksDetailBox"
  2282. v-if="workStudent[toolIndex].length > 0"
  2283. >
  2284. <div
  2285. class="works"
  2286. style="
  2287. width: 200px;
  2288. height: 140px;
  2289. margin: 10px 10px 10px 0;
  2290. box-shadow: 0 0 6px 1px #dfdada;
  2291. "
  2292. v-for="(w, wIndex) in workStudent[toolIndex]"
  2293. :key="wIndex"
  2294. >
  2295. <div class="workImg">
  2296. <img
  2297. :src="w.works"
  2298. @click="previewImg(w.works,w)"
  2299. alt
  2300. />
  2301. <div
  2302. class="answerScore"
  2303. v-if="w.score"
  2304. @click.stop="openScore(w)"
  2305. :class="{
  2306. rightW:
  2307. w.userid == userid || tType == 1 || tType == 4,
  2308. }"
  2309. >
  2310. {{ JSON.parse(w.score).wScore }}分
  2311. </div>
  2312. <div
  2313. class="answerScore"
  2314. @click.stop="openScore(w)"
  2315. v-else-if="courseDetail.userid == userid"
  2316. :class="{
  2317. rightW:
  2318. w.userid == userid || tType == 1 || tType == 4,
  2319. }"
  2320. >
  2321. 评分
  2322. </div>
  2323. <img
  2324. class="deleteImg"
  2325. src="../assets/deleteworks.png"
  2326. v-if="
  2327. w.userid == userid || tType == 1 || tType == 4
  2328. "
  2329. @click.stop="deleteWorks(w.wid)"
  2330. alt
  2331. />
  2332. </div>
  2333. <div class="worksName">
  2334. <div>{{ w.sName }}</div>
  2335. </div>
  2336. </div>
  2337. </div>
  2338. </div>
  2339. <div
  2340. v-if="
  2341. tType &&
  2342. tType == 2 &&
  2343. !sIsOpen &&
  2344. tool.tool.indexOf(3) != -1
  2345. "
  2346. class="worksBox"
  2347. >
  2348. <div
  2349. class="zuoyeYulan"
  2350. v-if="workStudent[toolIndex].length > 0"
  2351. >
  2352. <span class="worksTitle">作业预览</span>
  2353. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2354. </div>
  2355. <div
  2356. class="worksDetailBox"
  2357. v-if="workStudent[toolIndex].length > 0"
  2358. >
  2359. <div
  2360. class="works"
  2361. style="
  2362. width: 200px;
  2363. height: 140px;
  2364. margin: 10px 10px 10px 0;
  2365. box-shadow: 0 0 6px 1px #dfdada;
  2366. "
  2367. v-for="(w, wIndex) in workStudent[toolIndex]"
  2368. :key="wIndex"
  2369. >
  2370. <div class="workImg">
  2371. <img
  2372. :src="w.works"
  2373. @click="previewImg(w.works,w)"
  2374. alt
  2375. />
  2376. <div
  2377. class="answerScore"
  2378. v-if="w.score"
  2379. @click.stop="openScore(w)"
  2380. :class="{
  2381. rightW:
  2382. w.userid == userid || tType == 1 || tType == 4,
  2383. }"
  2384. >
  2385. {{ JSON.parse(w.score).wScore }}分
  2386. </div>
  2387. <div
  2388. class="answerScore"
  2389. @click.stop="openScore(w)"
  2390. v-else-if="courseDetail.userid == userid"
  2391. :class="{
  2392. rightW:
  2393. w.userid == userid || tType == 1 || tType == 4,
  2394. }"
  2395. >
  2396. 评分
  2397. </div>
  2398. <img
  2399. class="deleteImg"
  2400. src="../assets/deleteworks.png"
  2401. v-if="
  2402. w.userid == userid || tType == 1 || tType == 4
  2403. "
  2404. @click.stop="deleteWorks(w.wid)"
  2405. alt
  2406. />
  2407. </div>
  2408. <div class="worksName">
  2409. <div>{{ w.sName }}</div>
  2410. </div>
  2411. </div>
  2412. </div>
  2413. </div>
  2414. <div
  2415. v-if="
  2416. tType &&
  2417. tType == 2 &&
  2418. !sIsOpen &&
  2419. tool.tool.indexOf(6) != -1
  2420. "
  2421. class="worksBox"
  2422. >
  2423. <div
  2424. class="zuoyeYulan"
  2425. v-if="workStudent[toolIndex].length > 0"
  2426. >
  2427. <span class="worksTitle">作业预览</span>
  2428. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2429. </div>
  2430. <div
  2431. class="worksDetailBox"
  2432. v-if="workStudent[toolIndex].length > 0"
  2433. >
  2434. <div
  2435. class="works"
  2436. style="
  2437. width: 200px;
  2438. height: 140px;
  2439. margin: 10px 10px 10px 0;
  2440. box-shadow: 0 0 6px 1px #dfdada;
  2441. "
  2442. v-for="(w, wIndex) in workStudent[toolIndex]"
  2443. :key="wIndex"
  2444. >
  2445. <div class="workImg">
  2446. <img
  2447. :src="w.works"
  2448. @click="previewImg(w.works,w)"
  2449. alt
  2450. />
  2451. <div
  2452. class="answerScore"
  2453. v-if="w.score"
  2454. @click.stop="openScore(w)"
  2455. :class="{
  2456. rightW:
  2457. w.userid == userid || tType == 1 || tType == 4,
  2458. }"
  2459. >
  2460. {{ JSON.parse(w.score).wScore }}分
  2461. </div>
  2462. <div
  2463. class="answerScore"
  2464. @click.stop="openScore(w)"
  2465. v-else-if="courseDetail.userid == userid"
  2466. :class="{
  2467. rightW:
  2468. w.userid == userid || tType == 1 || tType == 4,
  2469. }"
  2470. >
  2471. 评分
  2472. </div>
  2473. <img
  2474. class="deleteImg"
  2475. src="../assets/deleteworks.png"
  2476. v-if="
  2477. w.userid == userid || tType == 1 || tType == 4
  2478. "
  2479. @click.stop="deleteWorks(w.wid)"
  2480. alt
  2481. />
  2482. </div>
  2483. <div class="worksName">
  2484. <div>{{ w.sName }}</div>
  2485. </div>
  2486. </div>
  2487. </div>
  2488. </div>
  2489. <div
  2490. v-if="
  2491. tType &&
  2492. tType == 2 &&
  2493. !sIsOpen &&
  2494. tool.tool.indexOf(7) != -1
  2495. "
  2496. class="worksBox"
  2497. >
  2498. <div
  2499. class="zuoyeYulan"
  2500. v-if="workStudent[toolIndex].length > 0"
  2501. >
  2502. <span class="worksTitle">作业预览</span>
  2503. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2504. </div>
  2505. <div
  2506. class="worksDetailBox"
  2507. v-if="workStudent[toolIndex].length > 0"
  2508. >
  2509. <div
  2510. class="works"
  2511. style="
  2512. width: 200px;
  2513. height: 140px;
  2514. margin: 10px 10px 10px 0;
  2515. box-shadow: 0 0 6px 1px #dfdada;
  2516. "
  2517. v-for="(w, wIndex) in workStudent[toolIndex]"
  2518. :key="wIndex"
  2519. >
  2520. <div class="workImg">
  2521. <img
  2522. :src="w.works"
  2523. @click="previewImg(w.works,w)"
  2524. alt
  2525. />
  2526. <div
  2527. class="answerScore"
  2528. v-if="w.score"
  2529. @click.stop="openScore(w)"
  2530. :class="{
  2531. rightW:
  2532. w.userid == userid || tType == 1 || tType == 4,
  2533. }"
  2534. >
  2535. {{ JSON.parse(w.score).wScore }}分
  2536. </div>
  2537. <div
  2538. class="answerScore"
  2539. @click.stop="openScore(w)"
  2540. v-else-if="courseDetail.userid == userid"
  2541. :class="{
  2542. rightW:
  2543. w.userid == userid || tType == 1 || tType == 4,
  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="worksName">
  2559. <div>{{ w.sName }}</div>
  2560. </div>
  2561. </div>
  2562. </div>
  2563. </div>
  2564. <div
  2565. v-if="
  2566. tType &&
  2567. tType == 2 &&
  2568. !sIsOpen &&
  2569. tool.tool.indexOf(26) != -1
  2570. "
  2571. class="worksBox"
  2572. >
  2573. <div
  2574. class="zuoyeYulan"
  2575. v-if="workStudent[toolIndex].length > 0"
  2576. >
  2577. <span class="worksTitle">作业预览</span>
  2578. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2579. </div>
  2580. <div
  2581. class="worksDetailBox"
  2582. v-if="workStudent[toolIndex].length > 0"
  2583. >
  2584. <div
  2585. class="works"
  2586. style="
  2587. width: 200px;
  2588. height: 140px;
  2589. margin: 10px 10px 10px 0;
  2590. box-shadow: 0 0 6px 1px #dfdada;
  2591. "
  2592. v-for="(w, wIndex) in workStudent[toolIndex]"
  2593. :key="wIndex"
  2594. >
  2595. <div class="workImg">
  2596. <img
  2597. :src="w.works"
  2598. @click="previewImg(w.works,w)"
  2599. alt
  2600. />
  2601. <img
  2602. class="deleteImg"
  2603. src="../assets/deleteworks.png"
  2604. v-if="
  2605. w.userid == userid || tType == 1 || tType == 4
  2606. "
  2607. @click.stop="deleteWorks(w.wid)"
  2608. alt
  2609. />
  2610. </div>
  2611. <div class="worksName">
  2612. <div>{{ w.sName }}</div>
  2613. </div>
  2614. </div>
  2615. </div>
  2616. </div>
  2617. <div
  2618. v-if="
  2619. tType &&
  2620. ((tType == 2 && sIsOpen == true) ||
  2621. tType == 1 ||
  2622. tType == 4) &&
  2623. tool.tool.indexOf(16) != -1
  2624. "
  2625. class="worksBox"
  2626. >
  2627. <div
  2628. class="zuoyeYulan"
  2629. v-if="
  2630. (worksStudent.length &&
  2631. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  2632. "
  2633. >
  2634. <div class="worksTop">
  2635. <div>作业预览</div>
  2636. <div
  2637. class="corOpen"
  2638. @click="contract(toolIndex)"
  2639. v-if="
  2640. (isCloseList[toolIndex].isCloseBoolean) &&
  2641. isCloseList[toolIndex].isClose == 0
  2642. "
  2643. >
  2644. 折叠
  2645. </div>
  2646. <div
  2647. class="corOpen"
  2648. @click="contract(toolIndex)"
  2649. v-if="isCloseList[toolIndex].isClose == 1"
  2650. >
  2651. 展开
  2652. </div>
  2653. </div>
  2654. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  2655. </div>
  2656. <div
  2657. class="group_workBox"
  2658. v-for="(g, gindex) in courseGroup.group"
  2659. :key="gindex"
  2660. >
  2661. <div class="group_box">
  2662. <div class="group_title">
  2663. <el-tooltip
  2664. class="item"
  2665. effect="light"
  2666. :content="g.name"
  2667. placement="top"
  2668. >
  2669. <div class="group_name">{{ g.name }}</div>
  2670. </el-tooltip>
  2671. </div>
  2672. <div
  2673. class="group_work"
  2674. v-if="
  2675. g.works &&
  2676. g.works.length &&
  2677. g.works[toolIndex].length
  2678. "
  2679. >
  2680. <div
  2681. class="works"
  2682. style="
  2683. width: 200px;
  2684. height: 140px;
  2685. margin: 10px 10px 10px 0;
  2686. border-radius: 15px;
  2687. box-shadow: 0 0 6px 1px #dfdada;
  2688. "
  2689. v-for="(w, wIndex) in g.works[toolIndex]"
  2690. :key="wIndex"
  2691. :class="w.type == 1 ? 'isTypeOne' : ''"
  2692. >
  2693. <div class="workImg" v-if="w.type == 0">
  2694. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  2695. <img
  2696. :src="w.works"
  2697. @click="previewImg(w.works,w)"
  2698. alt
  2699. />
  2700. <div
  2701. class="answerScore"
  2702. v-if="w.score"
  2703. @click.stop="openScore(w)"
  2704. :class="{
  2705. rightW:
  2706. w.userid == userid ||
  2707. tType == 1 ||
  2708. tType == 4 ||
  2709. w.ateacher == userid,
  2710. }"
  2711. >
  2712. {{ JSON.parse(w.score).wScore }}分
  2713. </div>
  2714. <div
  2715. class="answerScore"
  2716. @click.stop="openScore(w)"
  2717. v-else-if="courseDetail.userid == userid"
  2718. :class="{
  2719. rightW:
  2720. w.userid == userid ||
  2721. tType == 1 ||
  2722. tType == 4 ||
  2723. w.ateacher == userid,
  2724. }"
  2725. >
  2726. 评分
  2727. </div>
  2728. <img
  2729. class="deleteImg"
  2730. src="../assets/deleteworks.png"
  2731. v-if="
  2732. w.userid == userid || tType == 1 || tType == 4
  2733. "
  2734. @click.stop="deleteWorks(w.wid)"
  2735. alt
  2736. />
  2737. </div>
  2738. <div class="workImg" v-if="w.type == 1">
  2739. <img :src="word" @click="openFile(w.works,w)" alt />
  2740. <!-- @click="openFile(w.works)" -->
  2741. <div
  2742. class="answerScore"
  2743. v-if="w.score"
  2744. @click.stop="openScore(w)"
  2745. :class="{
  2746. rightW:
  2747. w.userid == userid ||
  2748. tType == 1 ||
  2749. tType == 4 ||
  2750. w.ateacher == userid,
  2751. }"
  2752. >
  2753. {{ JSON.parse(w.score).wScore }}分
  2754. </div>
  2755. <div
  2756. class="answerScore"
  2757. @click.stop="openScore(w)"
  2758. v-else-if="courseDetail.userid == userid"
  2759. :class="{
  2760. rightW:
  2761. w.userid == userid ||
  2762. tType == 1 ||
  2763. tType == 4 ||
  2764. w.ateacher == userid,
  2765. }"
  2766. >
  2767. 评分
  2768. </div>
  2769. <img
  2770. class="deleteImg"
  2771. src="../assets/deleteworks.png"
  2772. v-if="
  2773. w.userid == userid || tType == 1 || tType == 4
  2774. "
  2775. @click.stop="deleteWorks(w.wid)"
  2776. alt
  2777. />
  2778. </div>
  2779. <div class="workImg" v-if="w.type == 3">
  2780. <img
  2781. style="cursor: pointer"
  2782. :src="video"
  2783. @click="openVideo(w)"
  2784. alt
  2785. />
  2786. <!-- @click="openVideo(w.works)" -->
  2787. <div
  2788. class="answerScore"
  2789. v-if="w.score"
  2790. @click.stop="openScore(w)"
  2791. :class="{
  2792. rightW:
  2793. w.userid == userid ||
  2794. tType == 1 ||
  2795. tType == 4 ||
  2796. w.ateacher == userid,
  2797. }"
  2798. >
  2799. {{ JSON.parse(w.score).wScore }}分
  2800. </div>
  2801. <div
  2802. class="answerScore"
  2803. @click.stop="openScore(w)"
  2804. v-else-if="courseDetail.userid == userid"
  2805. :class="{
  2806. rightW:
  2807. w.userid == userid ||
  2808. tType == 1 ||
  2809. tType == 4 ||
  2810. w.ateacher == userid,
  2811. }"
  2812. >
  2813. 评分
  2814. </div>
  2815. <img
  2816. class="deleteImg"
  2817. src="../assets/deleteworks.png"
  2818. v-if="
  2819. w.userid == userid || tType == 1 || tType == 4
  2820. "
  2821. @click.stop="deleteWorks(w.wid)"
  2822. alt
  2823. />
  2824. </div>
  2825. <div class="workImg" v-if="w.type == 12">
  2826. <img
  2827. style="cursor: pointer"
  2828. :src="word2"
  2829. @click="downloadFile(w.works)"
  2830. alt
  2831. />
  2832. <!-- @click="openVideo(w.works)" -->
  2833. <div
  2834. class="answerScore"
  2835. v-if="w.score"
  2836. @click.stop="openScore(w)"
  2837. :class="{
  2838. rightW:
  2839. w.userid == userid ||
  2840. tType == 1 ||
  2841. tType == 4 ||
  2842. w.ateacher == userid,
  2843. }"
  2844. >
  2845. {{ JSON.parse(w.score).wScore }}分
  2846. </div>
  2847. <div
  2848. class="answerScore"
  2849. @click.stop="openScore(w)"
  2850. v-else-if="courseDetail.userid == userid"
  2851. :class="{
  2852. rightW:
  2853. w.userid == userid ||
  2854. tType == 1 ||
  2855. tType == 4 ||
  2856. w.ateacher == userid,
  2857. }"
  2858. >
  2859. 评分
  2860. </div>
  2861. <img
  2862. class="deleteImg"
  2863. src="../assets/deleteworks.png"
  2864. v-if="
  2865. w.userid == userid || tType == 1 || tType == 4
  2866. "
  2867. @click.stop="deleteWorks(w.wid)"
  2868. alt
  2869. />
  2870. </div>
  2871. <div class="comment" style="min-width: 200px">
  2872. <div class="worksName">
  2873. <div>{{ w.sName }}</div>
  2874. </div>
  2875. <div class="commentList">
  2876. <div class="commentList">
  2877. <div
  2878. class="commentImg"
  2879. @click="
  2880. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  2881. "
  2882. >
  2883. <img
  2884. :src="w.isLikes == true ? likes : noLikes"
  2885. alt=""
  2886. />
  2887. </div>
  2888. <div>{{ w.likesCount }}</div>
  2889. </div>
  2890. <div
  2891. class="commentList"
  2892. style="margin-right: 15px"
  2893. >
  2894. <div
  2895. class="commentImg"
  2896. @click="
  2897. commentOther(
  2898. w,
  2899. toolIndex,
  2900. wIndex,
  2901. null,
  2902. g.id
  2903. )
  2904. "
  2905. >
  2906. <img
  2907. src="../assets/icon/comment/comment.png"
  2908. alt=""
  2909. />
  2910. </div>
  2911. <div>{{ w.commentCount }}</div>
  2912. </div>
  2913. </div>
  2914. </div>
  2915. </div>
  2916. </div>
  2917. <div class="group_work" v-else>暂无提交作业</div>
  2918. </div>
  2919. </div>
  2920. <div
  2921. :id="'tool-' + toolIndex"
  2922. :style="{
  2923. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  2924. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  2925. }"
  2926. class="worksDetailBox"
  2927. v-if="
  2928. worksStudent.length &&
  2929. worksStudent[toolIndex].length > 0
  2930. "
  2931. >
  2932. <div
  2933. class="works"
  2934. style="
  2935. width: 200px;
  2936. height: 140px;
  2937. margin: 10px 10px 10px 0;
  2938. border-radius: 15px;
  2939. box-shadow: 0 0 6px 1px #dfdada;
  2940. "
  2941. v-for="(w, wIndex) in worksStudent[toolIndex]"
  2942. :key="wIndex"
  2943. :class="w.type == 1 ? 'isTypeOne' : ''"
  2944. >
  2945. <div class="workImg" v-if="w.type == 0">
  2946. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  2947. <img
  2948. :src="w.works"
  2949. @click="previewImg(w.works,w)"
  2950. alt
  2951. />
  2952. <div
  2953. class="answerScore"
  2954. v-if="w.score"
  2955. @click.stop="openScore(w)"
  2956. :class="{
  2957. rightW:
  2958. w.userid == userid ||
  2959. tType == 1 ||
  2960. tType == 4 ||
  2961. w.ateacher == userid,
  2962. }"
  2963. >
  2964. {{ JSON.parse(w.score).wScore }}分
  2965. </div>
  2966. <div
  2967. class="answerScore"
  2968. @click.stop="openScore(w)"
  2969. v-else-if="courseDetail.userid == userid"
  2970. :class="{
  2971. rightW:
  2972. w.userid == userid ||
  2973. tType == 1 ||
  2974. tType == 4 ||
  2975. w.ateacher == userid,
  2976. }"
  2977. >
  2978. 评分
  2979. </div>
  2980. <img
  2981. class="deleteImg"
  2982. src="../assets/deleteworks.png"
  2983. v-if="
  2984. w.userid == userid || tType == 1 || tType == 4
  2985. "
  2986. @click.stop="deleteWorks(w.wid)"
  2987. alt
  2988. />
  2989. </div>
  2990. <div class="workImg" v-if="w.type == 1">
  2991. <img :src="word" @click="openFile(w.works,w)" alt />
  2992. <!-- @click="openFile(w.works)" -->
  2993. <div
  2994. class="answerScore"
  2995. v-if="w.score"
  2996. @click.stop="openScore(w)"
  2997. :class="{
  2998. rightW:
  2999. w.userid == userid ||
  3000. tType == 1 ||
  3001. tType == 4 ||
  3002. w.ateacher == userid,
  3003. }"
  3004. >
  3005. {{ JSON.parse(w.score).wScore }}分
  3006. </div>
  3007. <div
  3008. class="answerScore"
  3009. @click.stop="openScore(w)"
  3010. v-else-if="courseDetail.userid == userid"
  3011. :class="{
  3012. rightW:
  3013. w.userid == userid ||
  3014. tType == 1 ||
  3015. tType == 4 ||
  3016. w.ateacher == userid,
  3017. }"
  3018. >
  3019. 评分
  3020. </div>
  3021. <img
  3022. class="deleteImg"
  3023. src="../assets/deleteworks.png"
  3024. v-if="
  3025. w.userid == userid || tType == 1 || tType == 4
  3026. "
  3027. @click.stop="deleteWorks(w.wid)"
  3028. alt
  3029. />
  3030. </div>
  3031. <div class="workImg" v-if="w.type == 3">
  3032. <img
  3033. style="cursor: pointer"
  3034. :src="video"
  3035. @click="openVideo(w)"
  3036. alt
  3037. />
  3038. <!-- @click="openVideo(w.works)" -->
  3039. <div
  3040. class="answerScore"
  3041. v-if="w.score"
  3042. @click.stop="openScore(w)"
  3043. :class="{
  3044. rightW:
  3045. w.userid == userid ||
  3046. tType == 1 ||
  3047. tType == 4 ||
  3048. w.ateacher == userid,
  3049. }"
  3050. >
  3051. {{ JSON.parse(w.score).wScore }}分
  3052. </div>
  3053. <div
  3054. class="answerScore"
  3055. @click.stop="openScore(w)"
  3056. v-else-if="courseDetail.userid == userid"
  3057. :class="{
  3058. rightW:
  3059. w.userid == userid ||
  3060. tType == 1 ||
  3061. tType == 4 ||
  3062. w.ateacher == userid,
  3063. }"
  3064. >
  3065. 评分
  3066. </div>
  3067. <img
  3068. class="deleteImg"
  3069. src="../assets/deleteworks.png"
  3070. v-if="
  3071. w.userid == userid || tType == 1 || tType == 4
  3072. "
  3073. @click.stop="deleteWorks(w.wid)"
  3074. alt
  3075. />
  3076. </div>
  3077. <div class="workImg" v-if="w.type == 12">
  3078. <img
  3079. style="cursor: pointer"
  3080. :src="word2"
  3081. @click="downloadFile(w.works)"
  3082. alt
  3083. />
  3084. <!-- @click="openVideo(w.works)" -->
  3085. <div
  3086. class="answerScore"
  3087. v-if="w.score"
  3088. @click.stop="openScore(w)"
  3089. :class="{
  3090. rightW:
  3091. w.userid == userid ||
  3092. tType == 1 ||
  3093. tType == 4 ||
  3094. w.ateacher == userid,
  3095. }"
  3096. >
  3097. {{ JSON.parse(w.score).wScore }}分
  3098. </div>
  3099. <div
  3100. class="answerScore"
  3101. @click.stop="openScore(w)"
  3102. v-else-if="courseDetail.userid == userid"
  3103. :class="{
  3104. rightW:
  3105. w.userid == userid ||
  3106. tType == 1 ||
  3107. tType == 4 ||
  3108. w.ateacher == userid,
  3109. }"
  3110. >
  3111. 评分
  3112. </div>
  3113. <img
  3114. class="deleteImg"
  3115. src="../assets/deleteworks.png"
  3116. v-if="
  3117. w.userid == userid || tType == 1 || tType == 4
  3118. "
  3119. @click.stop="deleteWorks(w.wid)"
  3120. alt
  3121. />
  3122. </div>
  3123. <div class="comment" style="min-width: 200px">
  3124. <div class="worksName">
  3125. <div>{{ w.sName }}</div>
  3126. </div>
  3127. <div class="commentList">
  3128. <div class="commentList">
  3129. <div
  3130. class="commentImg"
  3131. @click="
  3132. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  3133. "
  3134. >
  3135. <img
  3136. :src="w.isLikes == true ? likes : noLikes"
  3137. alt=""
  3138. />
  3139. </div>
  3140. <div>{{ w.likesCount }}</div>
  3141. </div>
  3142. <div class="commentList" style="margin-right: 15px">
  3143. <div
  3144. class="commentImg"
  3145. @click="commentOther(w, toolIndex, wIndex)"
  3146. >
  3147. <img
  3148. src="../assets/icon/comment/comment.png"
  3149. alt=""
  3150. />
  3151. </div>
  3152. <div>{{ w.commentCount }}</div>
  3153. </div>
  3154. </div>
  3155. </div>
  3156. </div>
  3157. </div>
  3158. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3159. 未提交
  3160. </div>
  3161. <div
  3162. class="noWorksS"
  3163. v-if="noWorksS && noWorksS[toolIndex].length"
  3164. >
  3165. <div
  3166. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3167. :key="sIndex"
  3168. class="noWorksName"
  3169. @click="teacherWorkSubmit(16, toolIndex, taskCount, s)"
  3170. >
  3171. <el-tooltip effect="dark" :content="s.student" placement="top">
  3172. <span>{{ s.student }}</span>
  3173. </el-tooltip>
  3174. </div>
  3175. </div>
  3176. </div>
  3177. <div
  3178. v-if="
  3179. tType &&
  3180. ((tType == 2 && sIsOpen == true) ||
  3181. tType == 1 ||
  3182. tType == 4) &&
  3183. tool.tool.indexOf(70) != -1
  3184. "
  3185. class="worksBox"
  3186. >
  3187. <div
  3188. class="zuoyeYulan"
  3189. v-if="
  3190. (worksStudent.length &&
  3191. worksStudent[toolIndex].length > 0)
  3192. "
  3193. >
  3194. <div class="worksTop">
  3195. <div>作业预览</div>
  3196. <div
  3197. class="corOpen"
  3198. @click="contract(toolIndex)"
  3199. v-if="
  3200. (isCloseList[toolIndex].isCloseBoolean) &&
  3201. isCloseList[toolIndex].isClose == 0
  3202. "
  3203. >
  3204. 折叠
  3205. </div>
  3206. <div
  3207. class="corOpen"
  3208. @click="contract(toolIndex)"
  3209. v-if="isCloseList[toolIndex].isClose == 1"
  3210. >
  3211. 展开
  3212. </div>
  3213. </div>
  3214. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3215. </div>
  3216. <div
  3217. :id="'tool-' + toolIndex"
  3218. :style="{
  3219. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  3220. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  3221. }"
  3222. class="worksDetailBox"
  3223. v-if="
  3224. worksStudent.length &&
  3225. worksStudent[toolIndex].length > 0
  3226. "
  3227. >
  3228. <div
  3229. class="works"
  3230. style="
  3231. width: 200px;
  3232. height: 140px;
  3233. margin: 10px 10px 10px 0;
  3234. border-radius: 15px;
  3235. box-shadow: 0 0 6px 1px #dfdada;
  3236. "
  3237. v-for="(w, wIndex) in worksStudent[toolIndex]"
  3238. :key="wIndex"
  3239. :class="w.type == 1 ? 'isTypeOne' : ''"
  3240. >
  3241. <div class="workImg" @click.stop="openScore(w,toolIndex)">
  3242. <img :src="word" alt />
  3243. <img
  3244. class="deleteImg"
  3245. src="../assets/deleteworks.png"
  3246. v-if="
  3247. w.userid == userid || tType == 1 || tType == 4
  3248. "
  3249. @click.stop="deleteWorks(w.wid)"
  3250. alt
  3251. />
  3252. </div>
  3253. <div class="comment" style="min-width: 200px">
  3254. <div class="worksName">
  3255. <div>{{ w.sName }}</div>
  3256. </div>
  3257. </div>
  3258. </div>
  3259. </div>
  3260. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3261. 未提交
  3262. </div>
  3263. <div
  3264. class="noWorksS"
  3265. v-if="noWorksS && noWorksS[toolIndex].length"
  3266. >
  3267. <div
  3268. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3269. :key="sIndex"
  3270. class="noWorksName"
  3271. >
  3272. <el-tooltip effect="dark" :content="s.student" placement="top">
  3273. <span>{{ s.student }}</span>
  3274. </el-tooltip>
  3275. </div>
  3276. </div>
  3277. </div>
  3278. <div
  3279. v-if="
  3280. tType &&
  3281. tType == 2 &&
  3282. !sIsOpen &&
  3283. tool.tool.indexOf(70) != -1
  3284. "
  3285. class="worksBox"
  3286. >
  3287. <div
  3288. class="zuoyeYulan"
  3289. v-if="workStudent[toolIndex].length > 0"
  3290. >
  3291. <span class="worksTitle">作业预览</span>
  3292. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  3293. </div>
  3294. <div
  3295. class="worksDetailBox"
  3296. v-if="workStudent[toolIndex].length > 0"
  3297. >
  3298. <div
  3299. class="works"
  3300. style="
  3301. width: 200px;
  3302. height: 140px;
  3303. margin: 10px 10px 10px 0;
  3304. box-shadow: 0 0 6px 1px #dfdada;
  3305. "
  3306. v-for="(w, wIndex) in workStudent[toolIndex]"
  3307. :key="wIndex"
  3308. >
  3309. <div class="workImg" @click.stop="openScore(w,toolIndex)">
  3310. <img :src="word" alt />
  3311. <img
  3312. class="deleteImg"
  3313. src="../assets/deleteworks.png"
  3314. v-if="
  3315. w.userid == userid || tType == 1 || tType == 4
  3316. "
  3317. @click.stop="deleteWorks(w.wid)"
  3318. alt
  3319. />
  3320. </div>
  3321. <div class="worksName">
  3322. <div>{{ w.sName }}</div>
  3323. </div>
  3324. </div>
  3325. </div>
  3326. </div>
  3327. <div
  3328. v-if="
  3329. tType &&
  3330. ((tType == 2 && sIsOpen == true) ||
  3331. tType == 1 ||
  3332. tType == 4) &&
  3333. tool.tool.indexOf(32) != -1
  3334. "
  3335. class="worksBox"
  3336. >
  3337. <div
  3338. class="zuoyeYulan"
  3339. v-if="
  3340. worksStudent.length &&
  3341. worksStudent[toolIndex].length > 0
  3342. "
  3343. >
  3344. <div class="worksTop">
  3345. <div>作业预览</div>
  3346. <div
  3347. class="corOpen"
  3348. @click="contract(toolIndex)"
  3349. v-if="
  3350. (isCloseList[toolIndex].isCloseBoolean) &&
  3351. isCloseList[toolIndex].isClose == 0
  3352. "
  3353. >
  3354. 折叠
  3355. </div>
  3356. <div
  3357. class="corOpen"
  3358. @click="contract(toolIndex)"
  3359. v-if="isCloseList[toolIndex].isClose == 1"
  3360. >
  3361. 展开
  3362. </div>
  3363. </div>
  3364. </div>
  3365. <div
  3366. :id="'tool-' + toolIndex"
  3367. class="worksDetailBox"
  3368. :style="{
  3369. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  3370. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  3371. }"
  3372. v-if="
  3373. worksStudent.length &&
  3374. worksStudent[toolIndex].length > 0
  3375. "
  3376. >
  3377. <div
  3378. class="works"
  3379. style="
  3380. width: 200px;
  3381. height: 140px;
  3382. margin: 10px 10px 10px 0;
  3383. border-radius: 15px;
  3384. box-shadow: 0 0 6px 1px #dfdada;
  3385. "
  3386. v-for="(w, wIndex) in worksStudent[toolIndex]"
  3387. :key="wIndex"
  3388. :class="w.type == 1 ? 'isTypeOne' : ''"
  3389. >
  3390. <div class="workImg">
  3391. <img
  3392. :src="word2"
  3393. @click="downloadFile(w.works)"
  3394. alt
  3395. />
  3396. <div
  3397. class="answerScore"
  3398. v-if="w.score"
  3399. @click.stop="openScore(w)"
  3400. :class="{
  3401. rightW:
  3402. w.userid == userid ||
  3403. tType == 1 ||
  3404. tType == 4 ||
  3405. w.ateacher == userid,
  3406. }"
  3407. >
  3408. {{ JSON.parse(w.score).wScore }}分
  3409. </div>
  3410. <div
  3411. class="answerScore"
  3412. @click.stop="openScore(w)"
  3413. v-else-if="courseDetail.userid == userid"
  3414. :class="{
  3415. rightW:
  3416. w.userid == userid ||
  3417. tType == 1 ||
  3418. tType == 4 ||
  3419. w.ateacher == userid,
  3420. }"
  3421. >
  3422. 评分
  3423. </div>
  3424. <img
  3425. class="deleteImg"
  3426. src="../assets/deleteworks.png"
  3427. v-if="
  3428. w.userid == userid || tType == 1 || tType == 4
  3429. "
  3430. @click.stop="deleteWorks(w.wid)"
  3431. alt
  3432. />
  3433. </div>
  3434. <div class="comment" style="min-width: 200px">
  3435. <div class="worksName">
  3436. <div>{{ w.sName }}</div>
  3437. </div>
  3438. <div class="commentList">
  3439. <div class="commentList">
  3440. <div
  3441. class="commentImg"
  3442. @click="
  3443. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  3444. "
  3445. >
  3446. <img
  3447. :src="w.isLikes == true ? likes : noLikes"
  3448. alt=""
  3449. />
  3450. </div>
  3451. <div>{{ w.likesCount }}</div>
  3452. </div>
  3453. <div class="commentList" style="margin-right: 15px">
  3454. <div
  3455. class="commentImg"
  3456. @click="commentOther(w, toolIndex, wIndex)"
  3457. >
  3458. <img
  3459. src="../assets/icon/comment/comment.png"
  3460. alt=""
  3461. />
  3462. </div>
  3463. <div>{{ w.commentCount }}</div>
  3464. </div>
  3465. </div>
  3466. </div>
  3467. </div>
  3468. </div>
  3469. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3470. 未提交
  3471. </div>
  3472. <div
  3473. class="noWorksS"
  3474. v-if="noWorksS && noWorksS[toolIndex].length"
  3475. >
  3476. <div
  3477. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3478. :key="sIndex"
  3479. class="noWorksName"
  3480. @click="teacherWorkSubmit(32, toolIndex, taskCount, s)"
  3481. >
  3482. <el-tooltip effect="dark" :content="s.student" placement="top">
  3483. <span>{{ s.student }}</span>
  3484. </el-tooltip>
  3485. </div>
  3486. </div>
  3487. </div>
  3488. <div
  3489. v-if="
  3490. tType &&
  3491. ((tType == 2 && sIsOpen == true) ||
  3492. tType == 1 ||
  3493. tType == 4) &&
  3494. tool.tool.indexOf(57) != -1
  3495. "
  3496. class="worksBox"
  3497. >
  3498. <div
  3499. class="zuoyeYulan"
  3500. v-if="
  3501. worksStudent.length &&
  3502. worksStudent[toolIndex].length > 0
  3503. "
  3504. >
  3505. <div class="worksTop">
  3506. <div>作业预览</div>
  3507. <div
  3508. class="corOpen"
  3509. @click="contract(toolIndex)"
  3510. v-if="
  3511. (isCloseList[toolIndex].isCloseBoolean) &&
  3512. isCloseList[toolIndex].isClose == 0
  3513. "
  3514. >
  3515. 折叠
  3516. </div>
  3517. <div
  3518. class="corOpen"
  3519. @click="contract(toolIndex)"
  3520. v-if="isCloseList[toolIndex].isClose == 1"
  3521. >
  3522. 展开
  3523. </div>
  3524. </div>
  3525. </div>
  3526. <div
  3527. :id="'tool-' + toolIndex"
  3528. class="worksDetailBox"
  3529. :style="{
  3530. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  3531. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  3532. }"
  3533. v-if="
  3534. worksStudent.length &&
  3535. worksStudent[toolIndex].length > 0
  3536. "
  3537. >
  3538. <div
  3539. class="works"
  3540. style="
  3541. width: 200px;
  3542. height: 140px;
  3543. margin: 10px 10px 10px 0;
  3544. border-radius: 15px;
  3545. box-shadow: 0 0 6px 1px #dfdada;
  3546. "
  3547. v-for="(w, wIndex) in worksStudent[toolIndex]"
  3548. :key="wIndex"
  3549. :class="w.type == 1 ? 'isTypeOne' : ''"
  3550. >
  3551. <div class="workImg">
  3552. <img
  3553. :src="word2"
  3554. @click="downloadFile(w.works)"
  3555. v-if="w.type == 12"
  3556. alt
  3557. />
  3558. <img
  3559. :src="word2"
  3560. @click="
  3561. openCocoPi(57, toolIndex, w.userid, w.sName)
  3562. "
  3563. v-else-if="w.type == 15"
  3564. alt
  3565. />
  3566. <div
  3567. class="answerScore"
  3568. v-if="w.score"
  3569. @click.stop="openScore(w)"
  3570. :class="{
  3571. rightW:
  3572. w.userid == userid ||
  3573. tType == 1 ||
  3574. tType == 4 ||
  3575. w.ateacher == userid,
  3576. }"
  3577. >
  3578. {{ JSON.parse(w.score).wScore }}分
  3579. </div>
  3580. <div
  3581. class="answerScore"
  3582. @click.stop="openScore(w)"
  3583. v-else-if="courseDetail.userid == userid"
  3584. :class="{
  3585. rightW:
  3586. w.userid == userid ||
  3587. tType == 1 ||
  3588. tType == 4 ||
  3589. w.ateacher == userid,
  3590. }"
  3591. >
  3592. 评分
  3593. </div>
  3594. <img
  3595. class="deleteImg"
  3596. src="../assets/deleteworks.png"
  3597. v-if="
  3598. w.userid == userid || tType == 1 || tType == 4
  3599. "
  3600. @click.stop="deleteWorks(w.wid)"
  3601. alt
  3602. />
  3603. </div>
  3604. <div class="comment" style="min-width: 200px">
  3605. <div class="worksName">
  3606. <div>{{ w.sName }}</div>
  3607. </div>
  3608. <div class="commentList">
  3609. <div class="commentList">
  3610. <div
  3611. class="commentImg"
  3612. @click="
  3613. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  3614. "
  3615. >
  3616. <img
  3617. :src="w.isLikes == true ? likes : noLikes"
  3618. alt=""
  3619. />
  3620. </div>
  3621. <div>{{ w.likesCount }}</div>
  3622. </div>
  3623. <div class="commentList" style="margin-right: 15px">
  3624. <div
  3625. class="commentImg"
  3626. @click="commentOther(w, toolIndex, wIndex)"
  3627. >
  3628. <img
  3629. src="../assets/icon/comment/comment.png"
  3630. alt=""
  3631. />
  3632. </div>
  3633. <div>{{ w.commentCount }}</div>
  3634. </div>
  3635. </div>
  3636. </div>
  3637. </div>
  3638. </div>
  3639. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3640. 未提交
  3641. </div>
  3642. <div
  3643. class="noWorksS"
  3644. v-if="noWorksS && noWorksS[toolIndex].length"
  3645. >
  3646. <div
  3647. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3648. :key="sIndex"
  3649. class="noWorksName"
  3650. @click="teacherWorkSubmit(57, toolIndex, taskCount, s)"
  3651. >
  3652. <el-tooltip effect="dark" :content="s.student" placement="top">
  3653. <span>{{ s.student }}</span>
  3654. </el-tooltip>
  3655. </div>
  3656. </div>
  3657. </div>
  3658. <div
  3659. v-if="
  3660. tType &&
  3661. ((tType == 2 && sIsOpen == true) ||
  3662. tType == 1 ||
  3663. tType == 4) &&
  3664. tool.tool.indexOf(72) != -1
  3665. "
  3666. class="worksBox"
  3667. >
  3668. <div
  3669. class="zuoyeYulan"
  3670. v-if="
  3671. worksStudent.length &&
  3672. worksStudent[toolIndex].length > 0
  3673. "
  3674. >
  3675. <div class="worksTop">
  3676. <div>作业预览</div>
  3677. <div
  3678. class="corOpen"
  3679. @click="contract(toolIndex)"
  3680. v-if="
  3681. isCloseList[toolIndex].isCloseBoolean &&
  3682. isCloseList[toolIndex].isClose == 0
  3683. "
  3684. >
  3685. 折叠
  3686. </div>
  3687. <div
  3688. class="corOpen"
  3689. @click="contract(toolIndex)"
  3690. v-if="isCloseList[toolIndex].isClose == 1"
  3691. >
  3692. 展开
  3693. </div>
  3694. </div>
  3695. </div>
  3696. <div
  3697. :id="'tool-' + toolIndex"
  3698. :style="{
  3699. height:
  3700. isCloseList[toolIndex].isClose == 1
  3701. ? retrnToolHeight('tool-' + toolIndex)
  3702. : 'auto',
  3703. overflow:
  3704. isCloseList[toolIndex].isClose == 1
  3705. ? 'hidden'
  3706. : 'unset'
  3707. }"
  3708. class="worksDetailBox"
  3709. v-if="
  3710. worksStudent.length &&
  3711. worksStudent[toolIndex].length > 0
  3712. "
  3713. >
  3714. <div
  3715. class="works"
  3716. style="
  3717. width: 200px;
  3718. height: 140px;
  3719. margin: 10px 10px 10px 0;
  3720. border-radius: 15px;
  3721. box-shadow: 0 0 6px 1px #dfdada;
  3722. "
  3723. v-for="(w, wIndex) in worksStudent[toolIndex]"
  3724. :key="wIndex"
  3725. :class="w.type == 1 ? 'isTypeOne' : ''"
  3726. >
  3727. <div class="workImg">
  3728. <!-- <img
  3729. :src="word2"
  3730. @click="downloadFile(w.works)"
  3731. v-if="w.type == 12"
  3732. alt
  3733. /> -->
  3734. <img
  3735. :src="word2"
  3736. @click="
  3737. openCocoFlow(w)
  3738. "
  3739. alt
  3740. />
  3741. <div
  3742. class="answerScore"
  3743. v-if="w.score"
  3744. @click.stop="openScore(w)"
  3745. :class="{
  3746. rightW:
  3747. w.userid == userid ||
  3748. tType == 1 ||
  3749. tType == 4 ||
  3750. w.ateacher == userid
  3751. }"
  3752. >
  3753. {{ JSON.parse(w.score).wScore }}分
  3754. </div>
  3755. <div
  3756. class="answerScore"
  3757. @click.stop="openScore(w)"
  3758. v-else-if="
  3759. courseDetail.userid == userid &&
  3760. courseDetail.state != 5 &&
  3761. chapInfoList[courseType].chapterInfo[0]
  3762. .taskJson[taskCount].eList &&
  3763. chapInfoList[courseType].chapterInfo[0]
  3764. .taskJson[taskCount].eList.length
  3765. "
  3766. :class="{
  3767. rightW:
  3768. w.userid == userid ||
  3769. tType == 1 ||
  3770. tType == 4 ||
  3771. w.ateacher == userid
  3772. }"
  3773. >
  3774. 评分
  3775. </div>
  3776. <img
  3777. class="deleteImg"
  3778. src="../assets/deleteworks.png"
  3779. v-if="
  3780. w.userid == userid || tType == 1 || tType == 4
  3781. "
  3782. @click.stop="deleteWorks(w.wid)"
  3783. alt
  3784. />
  3785. </div>
  3786. <div class="comment" style="min-width: 200px">
  3787. <div class="worksName">
  3788. <div>{{ w.sName }}</div>
  3789. </div>
  3790. <div class="commentList">
  3791. <div class="commentList">
  3792. <div
  3793. class="commentImg"
  3794. @click="
  3795. isLikes(
  3796. w.wid,
  3797. userid,
  3798. 1,
  3799. null,
  3800. w.isLikes,
  3801. w.sName
  3802. )
  3803. "
  3804. >
  3805. <img
  3806. :src="w.isLikes == true ? likes : noLikes"
  3807. alt=""
  3808. />
  3809. </div>
  3810. <div>{{ w.likesCount }}</div>
  3811. </div>
  3812. <div class="commentList" style="margin-right: 15px">
  3813. <div
  3814. class="commentImg"
  3815. @click="commentOther(w, toolIndex, wIndex)"
  3816. >
  3817. <img
  3818. src="../assets/icon/comment/comment.png"
  3819. alt=""
  3820. />
  3821. </div>
  3822. <div>{{ w.commentCount }}</div>
  3823. </div>
  3824. </div>
  3825. </div>
  3826. </div>
  3827. </div>
  3828. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  3829. 未提交
  3830. </div>
  3831. <div
  3832. class="noWorksS"
  3833. v-if="noWorksS && noWorksS[toolIndex].length"
  3834. >
  3835. <div
  3836. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3837. :key="sIndex"
  3838. class="noWorksName"
  3839. @click="teacherWorkSubmit(72, toolIndex, taskCount, s)"
  3840. >
  3841. <el-tooltip
  3842. effect="dark"
  3843. :content="s.student"
  3844. placement="top"
  3845. >
  3846. <span>{{ s.student }}</span>
  3847. </el-tooltip>
  3848. </div>
  3849. </div>
  3850. </div>
  3851. <div
  3852. v-if="
  3853. tType &&
  3854. tType == 2 &&
  3855. !sIsOpen &&
  3856. tool.tool.indexOf(72) != -1
  3857. "
  3858. class="worksBox"
  3859. >
  3860. <div
  3861. class="zuoyeYulan"
  3862. v-if="workStudent[toolIndex].length > 0"
  3863. >
  3864. <span class="worksTitle">作业预览</span>
  3865. </div>
  3866. <div
  3867. class="worksDetailBox"
  3868. v-if="workStudent[toolIndex].length > 0"
  3869. >
  3870. <div
  3871. class="works"
  3872. style="
  3873. width: 200px;
  3874. height: 140px;
  3875. margin: 10px 10px 10px 0;
  3876. box-shadow: 0 0 6px 1px #dfdada;
  3877. "
  3878. v-for="(w, wIndex) in workStudent[toolIndex]"
  3879. :key="wIndex"
  3880. >
  3881. <div class="workImg">
  3882. <!-- <img
  3883. :src="word2"
  3884. @click="downloadFile(w.works)"
  3885. v-if="w.type == 12"
  3886. alt
  3887. /> -->
  3888. <img
  3889. :src="word2"
  3890. @click="
  3891. openCocoFlow(w)
  3892. "
  3893. alt
  3894. />
  3895. <div
  3896. class="answerScore"
  3897. v-if="w.score"
  3898. @click.stop="openScore(w)"
  3899. :class="{
  3900. rightW:
  3901. w.userid == userid || tType == 1 || tType == 4
  3902. }"
  3903. >
  3904. {{ JSON.parse(w.score).wScore }}分
  3905. </div>
  3906. <div
  3907. class="answerScore"
  3908. @click.stop="openScore(w)"
  3909. v-else-if="courseDetail.userid == userid"
  3910. :class="{
  3911. rightW:
  3912. w.userid == userid || tType == 1 || tType == 4
  3913. }"
  3914. >
  3915. 评分
  3916. </div>
  3917. <img
  3918. class="deleteImg"
  3919. src="../assets/deleteworks.png"
  3920. v-if="
  3921. w.userid == userid || tType == 1 || tType == 4
  3922. "
  3923. @click.stop="deleteWorks(w.wid)"
  3924. alt
  3925. />
  3926. </div>
  3927. <div class="worksName">
  3928. <div>{{ w.sName }}</div>
  3929. </div>
  3930. </div>
  3931. </div>
  3932. </div>
  3933. <div v-if="tool.tool.indexOf(50) != -1" class="worksBox">
  3934. <div
  3935. class="zuoyeYulan"
  3936. v-if="
  3937. worksStudent.length &&
  3938. worksStudent[toolIndex].length > 0
  3939. "
  3940. >
  3941. <span class="worksTitle">作业预览</span>
  3942. <div
  3943. class="corOpen"
  3944. @click="contract(toolIndex)"
  3945. v-if="
  3946. (isCloseList[toolIndex].isCloseBoolean) &&
  3947. isCloseList[toolIndex].isClose == 0
  3948. "
  3949. >
  3950. 折叠
  3951. </div>
  3952. <div
  3953. class="corOpen"
  3954. @click="contract(toolIndex)"
  3955. v-if="isCloseList[toolIndex].isClose == 1"
  3956. >
  3957. 展开
  3958. </div>
  3959. </div>
  3960. <div
  3961. :id="'tool-' + toolIndex"
  3962. :style="{
  3963. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  3964. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  3965. }"
  3966. class="worksDetailBox"
  3967. v-if="
  3968. worksStudent.length &&
  3969. worksStudent[toolIndex].length > 0
  3970. "
  3971. >
  3972. <div
  3973. class="works"
  3974. style="
  3975. width: 200px;
  3976. height: 140px;
  3977. margin: 10px 10px 10px 0;
  3978. border-radius: 15px;
  3979. box-shadow: 0 0 6px 1px #dfdada;
  3980. "
  3981. v-for="(w, wIndex) in worksStudent[toolIndex]"
  3982. :key="wIndex"
  3983. :class="w.type == 1 ? 'isTypeOne' : ''"
  3984. >
  3985. <div class="workImg" v-if="w.type == 0">
  3986. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  3987. <img
  3988. :src="w.works"
  3989. @click="previewImg(w.works,w)"
  3990. alt
  3991. />
  3992. <div
  3993. class="answerScore"
  3994. v-if="w.score"
  3995. @click.stop="openScore(w)"
  3996. :class="{
  3997. rightW:
  3998. w.userid == userid ||
  3999. tType == 1 ||
  4000. tType == 4 ||
  4001. w.ateacher == userid,
  4002. }"
  4003. >
  4004. {{ JSON.parse(w.score).wScore }}分
  4005. </div>
  4006. <div
  4007. class="answerScore"
  4008. @click.stop="openScore(w)"
  4009. v-else-if="courseDetail.userid == userid"
  4010. :class="{
  4011. rightW:
  4012. w.userid == userid ||
  4013. tType == 1 ||
  4014. tType == 4 ||
  4015. w.ateacher == userid,
  4016. }"
  4017. >
  4018. 评分
  4019. </div>
  4020. <img
  4021. class="deleteImg"
  4022. src="../assets/deleteworks.png"
  4023. v-if="
  4024. w.userid == userid || tType == 1 || tType == 4
  4025. "
  4026. @click.stop="deleteWorks(w.wid)"
  4027. alt
  4028. />
  4029. </div>
  4030. <div
  4031. class="workImg"
  4032. style="cursor: pointer"
  4033. v-if="w.type == 1"
  4034. >
  4035. <img :src="word" @click="openFile(w.works,w)" alt />
  4036. <!-- @click="openFile(w.works)" -->
  4037. <div
  4038. class="answerScore"
  4039. v-if="w.score"
  4040. @click.stop="openScore(w)"
  4041. :class="{
  4042. rightW:
  4043. w.userid == userid ||
  4044. tType == 1 ||
  4045. tType == 4 ||
  4046. w.ateacher == userid,
  4047. }"
  4048. >
  4049. {{ JSON.parse(w.score).wScore }}分
  4050. </div>
  4051. <div
  4052. class="answerScore"
  4053. @click.stop="openScore(w)"
  4054. v-else-if="courseDetail.userid == userid"
  4055. :class="{
  4056. rightW:
  4057. w.userid == userid ||
  4058. tType == 1 ||
  4059. tType == 4 ||
  4060. w.ateacher == userid,
  4061. }"
  4062. >
  4063. 评分
  4064. </div>
  4065. <img
  4066. class="deleteImg"
  4067. src="../assets/deleteworks.png"
  4068. v-if="
  4069. w.userid == userid || tType == 1 || tType == 4
  4070. "
  4071. @click.stop="deleteWorks(w.wid)"
  4072. alt
  4073. />
  4074. </div>
  4075. <div class="workImg" v-if="w.type == 3">
  4076. <img
  4077. style="cursor: pointer"
  4078. :src="video"
  4079. @click="openVideo(w)"
  4080. alt
  4081. />
  4082. <!-- @click="openVideo(w.works)" -->
  4083. <div
  4084. class="answerScore"
  4085. v-if="w.score"
  4086. @click.stop="openScore(w)"
  4087. :class="{
  4088. rightW:
  4089. w.userid == userid ||
  4090. tType == 1 ||
  4091. tType == 4 ||
  4092. w.ateacher == userid,
  4093. }"
  4094. >
  4095. {{ JSON.parse(w.score).wScore }}分
  4096. </div>
  4097. <div
  4098. class="answerScore"
  4099. @click.stop="openScore(w)"
  4100. v-else-if="courseDetail.userid == userid"
  4101. :class="{
  4102. rightW:
  4103. w.userid == userid ||
  4104. tType == 1 ||
  4105. tType == 4 ||
  4106. w.ateacher == userid,
  4107. }"
  4108. >
  4109. 评分
  4110. </div>
  4111. <img
  4112. class="deleteImg"
  4113. src="../assets/deleteworks.png"
  4114. v-if="
  4115. w.userid == userid || tType == 1 || tType == 4
  4116. "
  4117. @click.stop="deleteWorks(w.wid)"
  4118. alt
  4119. />
  4120. </div>
  4121. <div class="comment" style="min-width: 200px">
  4122. <div class="worksName">
  4123. <div
  4124. style="cursor: pointer"
  4125. @click="
  4126. openSname(w.sName, w.wid, toolIndex, w.userid)
  4127. "
  4128. >
  4129. {{ w.sName }}
  4130. </div>
  4131. </div>
  4132. <div class="commentList">
  4133. <div class="commentList">
  4134. <div
  4135. class="commentImg"
  4136. @click="
  4137. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  4138. "
  4139. >
  4140. <img
  4141. :src="w.isLikes == true ? likes : noLikes"
  4142. alt=""
  4143. />
  4144. </div>
  4145. <div>{{ w.likesCount }}</div>
  4146. </div>
  4147. <div class="commentList" style="margin-right: 15px">
  4148. <div
  4149. class="commentImg"
  4150. @click="commentOther(w, toolIndex, wIndex)"
  4151. >
  4152. <img
  4153. src="../assets/icon/comment/comment.png"
  4154. alt=""
  4155. />
  4156. </div>
  4157. <div>{{ w.commentCount }}</div>
  4158. </div>
  4159. </div>
  4160. </div>
  4161. </div>
  4162. </div>
  4163. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4164. 未提交
  4165. </div>
  4166. <div
  4167. class="noWorksS"
  4168. v-if="noWorksS && noWorksS[toolIndex].length"
  4169. >
  4170. <div
  4171. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4172. :key="sIndex"
  4173. class="noWorksName"
  4174. @click="teacherWorkSubmit(50, toolIndex, taskCount, s)"
  4175. >
  4176. <el-tooltip effect="dark" :content="s.student" placement="top">
  4177. <span>{{ s.student }}</span>
  4178. </el-tooltip>
  4179. </div>
  4180. </div>
  4181. </div>
  4182. <div
  4183. v-if="
  4184. tType &&
  4185. ((tType == 2 && sIsOpen == true) ||
  4186. tType == 1 ||
  4187. tType == 4) &&
  4188. tool.tool.indexOf(4) != -1 &&
  4189. (tool.askJson[0].answer ||
  4190. tool.askJson[0].answer === 0) &&
  4191. checkJson[toolIndex].length
  4192. "
  4193. class="xuan_right_box"
  4194. >
  4195. <div
  4196. class="tool_right_box"
  4197. v-for="(item, index) in tool.askJson"
  4198. :key="index"
  4199. >
  4200. <div style="width: calc(100% - 30px);">
  4201. <el-tooltip
  4202. effect="light"
  4203. :content="index + 1 + '、' + item.askstitle"
  4204. placement="top"
  4205. popper-class="text_tooltip"
  4206. >
  4207. <div
  4208. style="
  4209. width: calc(100% - 130px);
  4210. display: block;
  4211. white-space: nowrap;
  4212. overflow: hidden;
  4213. text-overflow: ellipsis;
  4214. word-break: break-word;
  4215. cursor: pointer;
  4216. "
  4217. >
  4218. {{ index + 1 + "、" + item.askstitle }}
  4219. </div>
  4220. </el-tooltip>
  4221. </div>
  4222. <div class="right_box_xuan">
  4223. <span>正确率</span>
  4224. <span>{{
  4225. (checkJson[toolIndex][index].right
  4226. ? checkJson[toolIndex][index].right
  4227. : 0) + "%"
  4228. }}</span>
  4229. </div>
  4230. </div>
  4231. </div>
  4232. <div
  4233. class="xuan_right_box"
  4234. style="background: unset; padding: 0 10px"
  4235. v-if="
  4236. tType &&
  4237. ((tType == 2 && sIsOpen == true) ||
  4238. tType == 1 ||
  4239. tType == 4) &&
  4240. tool.tool.indexOf(4) != -1
  4241. "
  4242. >
  4243. <AskStatic
  4244. v-if="
  4245. worksStudent.length &&
  4246. worksStudent[toolIndex].length > 0
  4247. "
  4248. :askJSON="tool"
  4249. :checkJson="checkJson[toolIndex]"
  4250. ></AskStatic>
  4251. </div>
  4252. <div
  4253. v-if="
  4254. tType &&
  4255. ((tType == 2 && sIsOpen == true) ||
  4256. tType == 1 ||
  4257. tType == 4) &&
  4258. tool.tool.indexOf(4) != -1
  4259. "
  4260. class="worksBox"
  4261. >
  4262. <div
  4263. class="zuoyeYulan"
  4264. v-if="
  4265. worksStudent.length &&
  4266. worksStudent[toolIndex].length > 0
  4267. "
  4268. >
  4269. <div class="worksTop">
  4270. <div>作业预览</div>
  4271. <div
  4272. class="corOpen"
  4273. @click="contract(toolIndex)"
  4274. v-if="
  4275. (isCloseList[toolIndex].isCloseBoolean) &&
  4276. isCloseList[toolIndex].isClose == 0
  4277. "
  4278. >
  4279. 折叠
  4280. </div>
  4281. <div
  4282. class="corOpen"
  4283. @click="contract(toolIndex)"
  4284. v-if="isCloseList[toolIndex].isClose == 1"
  4285. >
  4286. 展开
  4287. </div>
  4288. </div>
  4289. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4290. </div>
  4291. <div>
  4292. <div
  4293. :id="'tool-' + toolIndex"
  4294. :style="{
  4295. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  4296. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  4297. }"
  4298. class="worksDetailBox"
  4299. v-if="
  4300. worksStudent.length &&
  4301. worksStudent[toolIndex].length > 0
  4302. "
  4303. >
  4304. <div
  4305. v-for="(w, wIndex) in worksStudent[toolIndex]"
  4306. :key="wIndex"
  4307. class="isWorksName2"
  4308. @click="
  4309. openTools(4, toolIndex, taskCount, w.works, w.sName)
  4310. "
  4311. >
  4312. {{ w.sName }}
  4313. <img
  4314. class="deleteImg deleteImg2"
  4315. src="../assets/deleteworks.png"
  4316. v-if="
  4317. w.userid == userid || tType == 1 || tType == 4
  4318. "
  4319. @click.stop="deleteWorks(w.wid)"
  4320. alt
  4321. />
  4322. </div>
  4323. <!-- <div class="works" style="
  4324. width: 200px;
  4325. height: 140px;
  4326. border-radius: 10px;
  4327. box-shadow: 0 0 6px 1px #dfdada;
  4328. overflow: hidden;
  4329. " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex">
  4330. <div class="workImg">
  4331. <img src="../assets/icon/works/noImg.png" @click="
  4332. openTools(
  4333. 4,
  4334. toolIndex,
  4335. taskCount,
  4336. w.works,
  4337. w.sName
  4338. )
  4339. " alt />
  4340. </div>
  4341. <div class="worksName">
  4342. <div>{{ w.sName }}</div>
  4343. <div>{{ w.time }}</div>
  4344. </div>
  4345. </div> -->
  4346. </div>
  4347. </div>
  4348. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4349. 未提交
  4350. </div>
  4351. <div
  4352. class="noWorksS"
  4353. v-if="noWorksS && noWorksS[toolIndex].length"
  4354. >
  4355. <div
  4356. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4357. :key="sIndex"
  4358. class="noWorksName"
  4359. @click="teacherWorkSubmit(4, toolIndex, taskCount, s)"
  4360. >
  4361. <el-tooltip effect="dark" :content="s.student" placement="top">
  4362. <span>{{ s.student }}</span>
  4363. </el-tooltip>
  4364. </div>
  4365. </div>
  4366. </div>
  4367. <div
  4368. v-if="
  4369. tType &&
  4370. ((tType == 2 && sIsOpen == true) ||
  4371. tType == 1 ||
  4372. tType == 4) &&
  4373. tool.tool.indexOf(45) != -1 &&
  4374. (tool.testJson.testJson[0].answer ||
  4375. tool.testJson.testJson[0].answer === 0) &&
  4376. checkJson[toolIndex].length
  4377. "
  4378. class="xuan_right_box"
  4379. >
  4380. <div
  4381. class="tool_right_box"
  4382. v-for="(item, index) in tool.testJson.testJson"
  4383. :key="index"
  4384. >
  4385. <div class="right_box_xuan" style="margin-right: 10px">
  4386. <span>正确率</span>
  4387. <span>{{
  4388. (checkJson[toolIndex][index].right
  4389. ? checkJson[toolIndex][index].right
  4390. : 0) + "%"
  4391. }}</span>
  4392. </div>
  4393. <div style="width: calc(100% - 30px);">
  4394. <el-tooltip
  4395. effect="light"
  4396. :content="index + 1 + '、' + item.teststitle"
  4397. placement="top"
  4398. popper-class="text_tooltip"
  4399. >
  4400. <div
  4401. style="
  4402. width: calc(100% - 130px);
  4403. display: block;
  4404. white-space: nowrap;
  4405. overflow: hidden;
  4406. text-overflow: ellipsis;
  4407. word-break: break-word;
  4408. cursor: pointer;
  4409. "
  4410. >
  4411. {{ index + 1 + "、" + item.teststitle }}
  4412. </div>
  4413. </el-tooltip>
  4414. </div>
  4415. </div>
  4416. </div>
  4417. <div
  4418. class="xuan_right_box"
  4419. style="background: unset; padding: 0 10px; width: 91.5%"
  4420. v-if="
  4421. tType &&
  4422. ((tType == 2 && sIsOpen == true) ||
  4423. tType == 1 ||
  4424. tType == 4) &&
  4425. tool.tool.indexOf(45) != -1
  4426. "
  4427. >
  4428. <AskStatic2
  4429. v-if="
  4430. worksStudent.length &&
  4431. worksStudent[toolIndex].length > 0
  4432. "
  4433. :askJSON="tool"
  4434. :checkJson="checkJson[toolIndex]"
  4435. ></AskStatic2>
  4436. </div>
  4437. <div
  4438. v-if="
  4439. tType &&
  4440. ((tType == 2 && sIsOpen == true) ||
  4441. tType == 1 ||
  4442. tType == 4) &&
  4443. tool.tool.indexOf(45) != -1
  4444. "
  4445. class="worksBox"
  4446. >
  4447. <div
  4448. class="zuoyeYulan"
  4449. v-if="
  4450. worksStudent.length &&
  4451. worksStudent[toolIndex].length > 0
  4452. "
  4453. >
  4454. <div class="worksTop">
  4455. <div>作业预览</div>
  4456. <div
  4457. class="corOpen"
  4458. @click="contract(toolIndex)"
  4459. v-if="
  4460. (isCloseList[toolIndex].isCloseBoolean) &&
  4461. isCloseList[toolIndex].isClose == 0
  4462. "
  4463. >
  4464. 折叠
  4465. </div>
  4466. <div
  4467. class="corOpen"
  4468. @click="contract(toolIndex)"
  4469. v-if="isCloseList[toolIndex].isClose == 1"
  4470. >
  4471. 展开
  4472. </div>
  4473. </div>
  4474. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4475. </div>
  4476. <div>
  4477. <div
  4478. :id="'tool-' + toolIndex"
  4479. :style="{
  4480. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  4481. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  4482. }"
  4483. class="worksDetailBox"
  4484. v-if="
  4485. worksStudent.length &&
  4486. worksStudent[toolIndex].length > 0
  4487. "
  4488. >
  4489. <div
  4490. v-for="(w, wIndex) in worksStudent[toolIndex]"
  4491. :key="wIndex"
  4492. class="isWorksName2"
  4493. @click="
  4494. openTools(
  4495. 45,
  4496. toolIndex,
  4497. taskCount,
  4498. w.works,
  4499. w.sName
  4500. )
  4501. "
  4502. >
  4503. {{ w.sName }}
  4504. <img
  4505. class="deleteImg deleteImg2"
  4506. src="../assets/deleteworks.png"
  4507. v-if="
  4508. w.userid == userid || tType == 1 || tType == 4
  4509. "
  4510. @click.stop="deleteWorks(w.wid)"
  4511. alt
  4512. />
  4513. </div>
  4514. </div>
  4515. </div>
  4516. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4517. 未提交
  4518. </div>
  4519. <div
  4520. class="noWorksS"
  4521. v-if="noWorksS && noWorksS[toolIndex].length"
  4522. >
  4523. <div
  4524. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4525. :key="sIndex"
  4526. class="noWorksName"
  4527. @click="teacherWorkSubmit(45, toolIndex, taskCount, s)"
  4528. >
  4529. <el-tooltip effect="dark" :content="s.student" placement="top">
  4530. <span>{{ s.student }}</span>
  4531. </el-tooltip>
  4532. </div>
  4533. </div>
  4534. </div>
  4535. <div
  4536. v-if="
  4537. tType &&
  4538. ((tType == 2 && sIsOpen == true) ||
  4539. tType == 1 ||
  4540. tType == 4) &&
  4541. tool.tool.indexOf(69) != -1
  4542. "
  4543. class="worksBox"
  4544. >
  4545. <div
  4546. class="zuoyeYulan"
  4547. v-if="
  4548. worksStudent.length &&
  4549. worksStudent[toolIndex].length > 0
  4550. "
  4551. >
  4552. <div class="worksTop">
  4553. <div>作业预览</div>
  4554. <div
  4555. class="corOpen"
  4556. @click="contract(toolIndex)"
  4557. v-if="
  4558. (isCloseList[toolIndex].isCloseBoolean) &&
  4559. isCloseList[toolIndex].isClose == 0
  4560. "
  4561. >
  4562. 折叠
  4563. </div>
  4564. <div
  4565. class="corOpen"
  4566. @click="contract(toolIndex)"
  4567. v-if="isCloseList[toolIndex].isClose == 1"
  4568. >
  4569. 展开
  4570. </div>
  4571. </div>
  4572. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4573. </div>
  4574. <div>
  4575. <div
  4576. :id="'tool-' + toolIndex"
  4577. :style="{
  4578. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  4579. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  4580. }"
  4581. class="worksDetailBox"
  4582. v-if="
  4583. worksStudent.length &&
  4584. worksStudent[toolIndex].length > 0
  4585. "
  4586. >
  4587. <div
  4588. v-for="(w, wIndex) in worksStudent[toolIndex]"
  4589. :key="wIndex"
  4590. class="isWorksName2"
  4591. style="width: 160px;height: 65px;line-height: 65px;"
  4592. @click="
  4593. openTools(
  4594. 69,
  4595. toolIndex,
  4596. taskCount,
  4597. w.works,
  4598. w.sName,
  4599. w.wid
  4600. )
  4601. "
  4602. >
  4603. {{ w.sName }}
  4604. <img
  4605. class="deleteImg1"
  4606. src="../assets/evaEnglish.png"
  4607. @click.stop="openEnglishEva(w.wid,toolIndex)"
  4608. alt
  4609. v-if="(courseDetail && (courseDetail.userid == userid || (courseDetail.course_teacher && courseDetail.course_teacher.indexOf(userid) != -1))) || (w.aiCode || w.teacherCode)"
  4610. />
  4611. <img
  4612. class="deleteImg deleteImg2"
  4613. src="../assets/deleteworks.png"
  4614. v-if="
  4615. w.userid == userid || tType == 1 || tType == 4
  4616. "
  4617. @click.stop="deleteWorks(w.wid)"
  4618. alt
  4619. />
  4620. </div>
  4621. </div>
  4622. </div>
  4623. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4624. 未提交
  4625. </div>
  4626. <div
  4627. class="noWorksS"
  4628. v-if="noWorksS && noWorksS[toolIndex].length"
  4629. >
  4630. <div
  4631. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4632. :key="sIndex"
  4633. class="noWorksName"
  4634. @click="teacherWorkSubmit(69, toolIndex, taskCount, s)"
  4635. >
  4636. <el-tooltip effect="dark" :content="s.student" placement="top">
  4637. <span>{{ s.student }}</span>
  4638. </el-tooltip>
  4639. </div>
  4640. </div>
  4641. </div>
  4642. <div
  4643. v-if="
  4644. tType &&
  4645. ((tType == 2 && sIsOpen == true) ||
  4646. tType == 1 ||
  4647. tType == 4) &&
  4648. tool.tool.indexOf(15) != -1
  4649. "
  4650. class="worksBox"
  4651. >
  4652. <div
  4653. class="zuoyeYulan"
  4654. v-if="
  4655. (worksStudent.length &&
  4656. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  4657. "
  4658. >
  4659. <div class="worksTop">
  4660. <div>作业预览</div>
  4661. <div
  4662. class="corOpen"
  4663. @click="contract(toolIndex)"
  4664. v-if="
  4665. (isCloseList[toolIndex].isCloseBoolean) &&
  4666. isCloseList[toolIndex].isClose == 0
  4667. "
  4668. >
  4669. 折叠
  4670. </div>
  4671. <div
  4672. class="corOpen"
  4673. @click="contract(toolIndex)"
  4674. v-if="isCloseList[toolIndex].isClose == 1"
  4675. >
  4676. 展开
  4677. </div>
  4678. </div>
  4679. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4680. </div>
  4681. <div
  4682. class="group_workBox"
  4683. v-for="(g, gindex) in courseGroup.group"
  4684. :key="gindex"
  4685. >
  4686. <div class="group_box">
  4687. <div class="group_title">
  4688. <el-tooltip
  4689. class="item"
  4690. effect="light"
  4691. :content="g.name"
  4692. placement="top"
  4693. >
  4694. <div class="group_name">{{ g.name }}</div>
  4695. </el-tooltip>
  4696. </div>
  4697. <div
  4698. class="group_work"
  4699. v-if="
  4700. g.works &&
  4701. g.works.length &&
  4702. g.works[toolIndex].length
  4703. "
  4704. >
  4705. <div
  4706. class="works"
  4707. v-for="(w, wIndex) in g.works[toolIndex]"
  4708. :key="wIndex"
  4709. >
  4710. <div
  4711. class="workImg"
  4712. style="
  4713. border-radius: 15px;
  4714. box-shadow: 0px 0px 5px 5px #eee;
  4715. "
  4716. >
  4717. <div
  4718. class="answerBg"
  4719. style="border-radius: 15px 15px 0 0"
  4720. @click="
  4721. commentOther(w, toolIndex, wIndex, null, g.id)
  4722. "
  4723. >
  4724. <div class="answerContent">
  4725. {{ JSON.parse(w.works)[0].answer }}
  4726. </div>
  4727. <div
  4728. class="answerScore"
  4729. v-if="w.score"
  4730. @click.stop="openScore(w)"
  4731. :class="{
  4732. rightW:
  4733. w.userid == userid ||
  4734. tType == 1 ||
  4735. tType == 4,
  4736. }"
  4737. >
  4738. {{ JSON.parse(w.score).wScore }}分
  4739. </div>
  4740. <div
  4741. class="answerScore"
  4742. @click.stop="openScore(w)"
  4743. v-else-if="courseDetail.userid == userid"
  4744. :class="{
  4745. rightW:
  4746. w.userid == userid ||
  4747. tType == 1 ||
  4748. tType == 4,
  4749. }"
  4750. >
  4751. 评分
  4752. </div>
  4753. <img
  4754. class="deleteImg"
  4755. src="../assets/deleteworks.png"
  4756. v-if="
  4757. w.userid == userid ||
  4758. tType == 1 ||
  4759. tType == 4
  4760. "
  4761. @click.stop="deleteWorks(w.wid)"
  4762. alt
  4763. />
  4764. </div>
  4765. <div class="comment">
  4766. <div class="worksName">
  4767. <div>{{ w.sName }}</div>
  4768. </div>
  4769. <div class="commentList">
  4770. <div
  4771. class="commentImg"
  4772. @click="
  4773. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  4774. "
  4775. >
  4776. <img
  4777. :src="w.isLikes == true ? likes : noLikes"
  4778. alt=""
  4779. />
  4780. </div>
  4781. <div>{{ w.likesCount }}</div>
  4782. </div>
  4783. <div
  4784. class="commentList"
  4785. style="margin-right: 15px"
  4786. >
  4787. <div
  4788. class="commentImg"
  4789. @click="
  4790. commentOther(
  4791. w,
  4792. toolIndex,
  4793. wIndex,
  4794. null,
  4795. g.id
  4796. )
  4797. "
  4798. >
  4799. <img
  4800. src="../assets/icon/comment/comment.png"
  4801. alt=""
  4802. />
  4803. </div>
  4804. <div>{{ w.commentCount }}</div>
  4805. </div>
  4806. </div>
  4807. </div>
  4808. </div>
  4809. </div>
  4810. <div class="group_work" v-else>暂无提交作业</div>
  4811. </div>
  4812. </div>
  4813. <div
  4814. :id="'tool-' + toolIndex"
  4815. :style="{
  4816. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  4817. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  4818. }"
  4819. class="worksDetailBox"
  4820. v-if="
  4821. worksStudent.length &&
  4822. worksStudent[toolIndex].length > 0
  4823. "
  4824. >
  4825. <div
  4826. class="works"
  4827. v-for="(w, wIndex) in worksStudent[toolIndex]"
  4828. :key="wIndex"
  4829. >
  4830. <div
  4831. class="workImg"
  4832. style="
  4833. border-radius: 15px;
  4834. box-shadow: 0px 0px 5px 5px #eee;
  4835. "
  4836. >
  4837. <!-- <img
  4838. src="../assets/icon/works/noImg.png"
  4839. @click="openTools(15, toolIndex, taskCount, w.works)"
  4840. alt=""
  4841. />-->
  4842. <div
  4843. class="answerBg"
  4844. style="border-radius: 15px 15px 0 0"
  4845. @click="commentOther(w, toolIndex, wIndex)"
  4846. >
  4847. <!-- <div>{{ w.sName }}</div> -->
  4848. <div class="answerContent">
  4849. {{ JSON.parse(w.works)[0].answer }}
  4850. </div>
  4851. <div
  4852. class="answerScore"
  4853. v-if="w.score"
  4854. @click.stop="openScore(w)"
  4855. :class="{
  4856. rightW:
  4857. w.userid == userid ||
  4858. tType == 1 ||
  4859. tType == 4,
  4860. }"
  4861. >
  4862. {{ JSON.parse(w.score).wScore }}分
  4863. </div>
  4864. <div
  4865. class="answerScore"
  4866. @click.stop="openScore(w)"
  4867. v-else-if="courseDetail.userid == userid"
  4868. :class="{
  4869. rightW:
  4870. w.userid == userid ||
  4871. tType == 1 ||
  4872. tType == 4,
  4873. }"
  4874. >
  4875. 评分
  4876. </div>
  4877. <img
  4878. class="deleteImg"
  4879. src="../assets/deleteworks.png"
  4880. v-if="
  4881. w.userid == userid || tType == 1 || tType == 4
  4882. "
  4883. @click.stop="deleteWorks(w.wid)"
  4884. alt
  4885. />
  4886. </div>
  4887. <div class="comment">
  4888. <div class="worksName">
  4889. <div>{{ w.sName }}</div>
  4890. </div>
  4891. <div class="commentList">
  4892. <div
  4893. class="commentImg"
  4894. @click="
  4895. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  4896. "
  4897. >
  4898. <img
  4899. :src="w.isLikes == true ? likes : noLikes"
  4900. alt=""
  4901. />
  4902. </div>
  4903. <div>{{ w.likesCount }}</div>
  4904. </div>
  4905. <div class="commentList" style="margin-right: 15px">
  4906. <div
  4907. class="commentImg"
  4908. @click="commentOther(w, toolIndex, wIndex)"
  4909. >
  4910. <img
  4911. src="../assets/icon/comment/comment.png"
  4912. alt=""
  4913. />
  4914. </div>
  4915. <div>{{ w.commentCount }}</div>
  4916. </div>
  4917. </div>
  4918. </div>
  4919. </div>
  4920. </div>
  4921. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  4922. 未提交
  4923. </div>
  4924. <div
  4925. class="noWorksS"
  4926. v-if="noWorksS && noWorksS[toolIndex].length"
  4927. >
  4928. <div
  4929. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4930. :key="sIndex"
  4931. class="noWorksName"
  4932. @click="teacherWorkSubmit(15, toolIndex, taskCount, s)"
  4933. >
  4934. <el-tooltip effect="dark" :content="s.student" placement="top">
  4935. <span>{{ s.student }}</span>
  4936. </el-tooltip>
  4937. </div>
  4938. </div>
  4939. </div>
  4940. <div
  4941. v-if="
  4942. tType &&
  4943. ((tType == 2 && sIsOpen == true) ||
  4944. tType == 1 ||
  4945. tType == 4) &&
  4946. tool.tool.indexOf(1) != -1
  4947. "
  4948. class="worksBox"
  4949. >
  4950. <div
  4951. class="zuoyeYulan"
  4952. v-if="
  4953. (worksStudent.length &&
  4954. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  4955. "
  4956. >
  4957. <div class="worksTop">
  4958. <div>作业预览</div>
  4959. <div
  4960. class="corOpen"
  4961. @click="contract(toolIndex)"
  4962. v-if="
  4963. (isCloseList[toolIndex].isCloseBoolean) &&
  4964. isCloseList[toolIndex].isClose == 0
  4965. "
  4966. >
  4967. 折叠
  4968. </div>
  4969. <div
  4970. class="corOpen"
  4971. @click="contract(toolIndex)"
  4972. v-if="isCloseList[toolIndex].isClose == 1"
  4973. >
  4974. 展开
  4975. </div>
  4976. </div>
  4977. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  4978. </div>
  4979. <div
  4980. class="group_workBox"
  4981. v-for="(g, gindex) in courseGroup.group"
  4982. :key="gindex"
  4983. >
  4984. <div class="group_box">
  4985. <div class="group_title">
  4986. <el-tooltip
  4987. class="item"
  4988. effect="light"
  4989. :content="g.name"
  4990. placement="top"
  4991. >
  4992. <div class="group_name">{{ g.name }}</div>
  4993. </el-tooltip>
  4994. </div>
  4995. <div
  4996. class="group_work"
  4997. v-if="
  4998. g.works &&
  4999. g.works.length &&
  5000. g.works[toolIndex].length
  5001. "
  5002. >
  5003. <div
  5004. class="works"
  5005. style="
  5006. width: 200px;
  5007. height: 140px;
  5008. margin: 10px 10px 10px 0;
  5009. border-radius: 15px;
  5010. box-shadow: 0 0 6px 1px #dfdada;
  5011. "
  5012. v-for="(w, wIndex) in g.works[toolIndex]"
  5013. :key="wIndex"
  5014. :class="w.type == 1 ? 'isTypeOne' : ''"
  5015. >
  5016. <div class="workImg">
  5017. <img
  5018. :src="w.works"
  5019. @click="previewImg(w.works,w)"
  5020. alt
  5021. />
  5022. <div
  5023. class="answerScore"
  5024. v-if="w.score"
  5025. @click.stop="openScore(w)"
  5026. :class="{
  5027. rightW:
  5028. w.userid == userid ||
  5029. tType == 1 ||
  5030. tType == 4,
  5031. }"
  5032. >
  5033. {{ JSON.parse(w.score).wScore }}分
  5034. </div>
  5035. <div
  5036. class="answerScore"
  5037. @click.stop="openScore(w)"
  5038. v-else-if="courseDetail.userid == userid"
  5039. :class="{
  5040. rightW:
  5041. w.userid == userid ||
  5042. tType == 1 ||
  5043. tType == 4,
  5044. }"
  5045. >
  5046. 评分
  5047. </div>
  5048. <img
  5049. class="deleteImg"
  5050. src="../assets/deleteworks.png"
  5051. v-if="
  5052. w.userid == userid || tType == 1 || tType == 4
  5053. "
  5054. @click.stop="deleteWorks(w.wid)"
  5055. alt
  5056. />
  5057. </div>
  5058. <div class="comment" style="min-width: 200px">
  5059. <div class="worksName">
  5060. <div>{{ w.sName }}</div>
  5061. </div>
  5062. <div class="commentList">
  5063. <div class="commentList">
  5064. <div
  5065. class="commentImg"
  5066. @click="
  5067. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  5068. "
  5069. >
  5070. <img
  5071. :src="w.isLikes == true ? likes : noLikes"
  5072. alt=""
  5073. />
  5074. </div>
  5075. <div>{{ w.likesCount }}</div>
  5076. </div>
  5077. <div
  5078. class="commentList"
  5079. style="margin-right: 15px"
  5080. >
  5081. <div
  5082. class="commentImg"
  5083. @click="
  5084. commentOther(
  5085. w,
  5086. toolIndex,
  5087. wIndex,
  5088. null,
  5089. g.id
  5090. )
  5091. "
  5092. >
  5093. <img
  5094. src="../assets/icon/comment/comment.png"
  5095. alt=""
  5096. />
  5097. </div>
  5098. <div>{{ w.commentCount }}</div>
  5099. </div>
  5100. </div>
  5101. </div>
  5102. </div>
  5103. </div>
  5104. <div class="group_work" v-else>暂无提交作业</div>
  5105. </div>
  5106. </div>
  5107. <div
  5108. :id="'tool-' + toolIndex"
  5109. :style="{
  5110. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  5111. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  5112. }"
  5113. class="worksDetailBox"
  5114. v-if="
  5115. worksStudent.length &&
  5116. worksStudent[toolIndex].length > 0
  5117. "
  5118. >
  5119. <div
  5120. class="works"
  5121. style="
  5122. width: 200px;
  5123. height: 140px;
  5124. margin: 10px 10px 10px 0;
  5125. border-radius: 15px;
  5126. box-shadow: 0 0 6px 1px #dfdada;
  5127. "
  5128. v-for="(w, wIndex) in worksStudent[toolIndex]"
  5129. :key="wIndex"
  5130. >
  5131. <!-- @click="previewImg(w.works)" @click="commentOther(w, toolIndex, wIndex)"-->
  5132. <div class="workImg">
  5133. <img
  5134. :src="w.works"
  5135. @click="previewImg(w.works,w)"
  5136. alt
  5137. />
  5138. <div
  5139. class="answerScore"
  5140. v-if="w.score"
  5141. @click.stop="openScore(w)"
  5142. :class="{
  5143. rightW:
  5144. w.userid == userid || tType == 1 || tType == 4,
  5145. }"
  5146. >
  5147. {{ JSON.parse(w.score).wScore }}分
  5148. </div>
  5149. <div
  5150. class="answerScore"
  5151. @click.stop="openScore(w)"
  5152. v-else-if="courseDetail.userid == userid"
  5153. :class="{
  5154. rightW:
  5155. w.userid == userid || tType == 1 || tType == 4,
  5156. }"
  5157. >
  5158. 评分
  5159. </div>
  5160. <img
  5161. class="deleteImg"
  5162. src="../assets/deleteworks.png"
  5163. v-if="
  5164. w.userid == userid || tType == 1 || tType == 4
  5165. "
  5166. @click.stop="deleteWorks(w.wid)"
  5167. alt
  5168. />
  5169. </div>
  5170. <div class="comment" style="min-width: 200px">
  5171. <div class="worksName">
  5172. <div>{{ w.sName }}</div>
  5173. </div>
  5174. <div class="commentList">
  5175. <div class="commentList">
  5176. <div
  5177. class="commentImg"
  5178. @click="
  5179. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  5180. "
  5181. >
  5182. <img
  5183. :src="w.isLikes == true ? likes : noLikes"
  5184. alt=""
  5185. />
  5186. </div>
  5187. <div>{{ w.likesCount }}</div>
  5188. </div>
  5189. <div class="commentList" style="margin-right: 15px">
  5190. <div
  5191. class="commentImg"
  5192. @click="commentOther(w, toolIndex, wIndex)"
  5193. >
  5194. <img
  5195. src="../assets/icon/comment/comment.png"
  5196. alt=""
  5197. />
  5198. </div>
  5199. <div>{{ w.commentCount }}</div>
  5200. </div>
  5201. </div>
  5202. </div>
  5203. </div>
  5204. </div>
  5205. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5206. 未提交
  5207. </div>
  5208. <div
  5209. class="noWorksS"
  5210. v-if="noWorksS && noWorksS[toolIndex].length"
  5211. >
  5212. <div
  5213. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5214. :key="sIndex"
  5215. class="noWorksName"
  5216. @click="teacherWorkSubmit(1, toolIndex, taskCount, s)"
  5217. >
  5218. <el-tooltip effect="dark" :content="s.student" placement="top">
  5219. <span>{{ s.student }}</span>
  5220. </el-tooltip>
  5221. </div>
  5222. </div>
  5223. </div>
  5224. <div
  5225. v-if="
  5226. tType &&
  5227. ((tType == 2 && sIsOpen == true) ||
  5228. tType == 1 ||
  5229. tType == 4) &&
  5230. tool.tool.indexOf(3) != -1
  5231. "
  5232. class="worksBox"
  5233. >
  5234. <div
  5235. class="zuoyeYulan"
  5236. v-if="
  5237. (worksStudent.length &&
  5238. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  5239. "
  5240. >
  5241. <div class="worksTop">
  5242. <div>作业预览</div>
  5243. <div
  5244. class="corOpen"
  5245. @click="contract(toolIndex)"
  5246. v-if="
  5247. (isCloseList[toolIndex].isCloseBoolean) &&
  5248. isCloseList[toolIndex].isClose == 0
  5249. "
  5250. >
  5251. 折叠
  5252. </div>
  5253. <div
  5254. class="corOpen"
  5255. @click="contract(toolIndex)"
  5256. v-if="isCloseList[toolIndex].isClose == 1"
  5257. >
  5258. 展开
  5259. </div>
  5260. </div>
  5261. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5262. </div>
  5263. <div
  5264. class="group_workBox"
  5265. v-for="(g, gindex) in courseGroup.group"
  5266. :key="gindex"
  5267. >
  5268. <div class="group_box">
  5269. <div class="group_title">
  5270. <el-tooltip
  5271. class="item"
  5272. effect="light"
  5273. :content="g.name"
  5274. placement="top"
  5275. >
  5276. <div class="group_name">{{ g.name }}</div>
  5277. </el-tooltip>
  5278. </div>
  5279. <div
  5280. class="group_work"
  5281. v-if="
  5282. g.works &&
  5283. g.works.length &&
  5284. g.works[toolIndex].length
  5285. "
  5286. >
  5287. <div
  5288. class="works"
  5289. style="
  5290. width: 200px;
  5291. height: 140px;
  5292. margin: 10px 10px 10px 0;
  5293. border-radius: 15px;
  5294. box-shadow: 0 0 6px 1px #dfdada;
  5295. "
  5296. v-for="(w, wIndex) in g.works[toolIndex]"
  5297. :key="wIndex"
  5298. :class="w.type == 1 ? 'isTypeOne' : ''"
  5299. >
  5300. <div class="workImg">
  5301. <img
  5302. :src="w.works"
  5303. @click="previewImg(w.works,w)"
  5304. alt
  5305. />
  5306. <div
  5307. class="answerScore"
  5308. v-if="w.score"
  5309. @click.stop="openScore(w)"
  5310. :class="{
  5311. rightW:
  5312. w.userid == userid ||
  5313. tType == 1 ||
  5314. tType == 4,
  5315. }"
  5316. >
  5317. {{ JSON.parse(w.score).wScore }}分
  5318. </div>
  5319. <div
  5320. class="answerScore"
  5321. @click.stop="openScore(w)"
  5322. v-else-if="courseDetail.userid == userid"
  5323. :class="{
  5324. rightW:
  5325. w.userid == userid ||
  5326. tType == 1 ||
  5327. tType == 4,
  5328. }"
  5329. >
  5330. 评分
  5331. </div>
  5332. <img
  5333. class="deleteImg"
  5334. src="../assets/deleteworks.png"
  5335. v-if="
  5336. w.userid == userid || tType == 1 || tType == 4
  5337. "
  5338. @click.stop="deleteWorks(w.wid)"
  5339. alt
  5340. />
  5341. </div>
  5342. <div class="comment" style="min-width: 200px">
  5343. <div class="worksName">
  5344. <div>{{ w.sName }}</div>
  5345. </div>
  5346. <div class="commentList">
  5347. <div class="commentList">
  5348. <div
  5349. class="commentImg"
  5350. @click="
  5351. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  5352. "
  5353. >
  5354. <img
  5355. :src="w.isLikes == true ? likes : noLikes"
  5356. alt=""
  5357. />
  5358. </div>
  5359. <div>{{ w.likesCount }}</div>
  5360. </div>
  5361. <div
  5362. class="commentList"
  5363. style="margin-right: 15px"
  5364. >
  5365. <div
  5366. class="commentImg"
  5367. @click="
  5368. commentOther(
  5369. w,
  5370. toolIndex,
  5371. wIndex,
  5372. null,
  5373. g.id
  5374. )
  5375. "
  5376. >
  5377. <img
  5378. src="../assets/icon/comment/comment.png"
  5379. alt=""
  5380. />
  5381. </div>
  5382. <div>{{ w.commentCount }}</div>
  5383. </div>
  5384. </div>
  5385. </div>
  5386. </div>
  5387. </div>
  5388. <div class="group_work" v-else>暂无提交作业</div>
  5389. </div>
  5390. </div>
  5391. <div
  5392. :id="'tool-' + toolIndex"
  5393. :style="{
  5394. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  5395. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  5396. }"
  5397. class="worksDetailBox"
  5398. v-if="
  5399. worksStudent.length &&
  5400. worksStudent[toolIndex].length > 0
  5401. "
  5402. >
  5403. <div
  5404. class="works"
  5405. style="
  5406. width: 200px;
  5407. height: 140px;
  5408. margin: 10px 10px 10px 0;
  5409. border-radius: 15px;
  5410. box-shadow: 0 0 6px 1px #dfdada;
  5411. "
  5412. v-for="(w, wIndex) in worksStudent[toolIndex]"
  5413. :key="wIndex"
  5414. >
  5415. <!-- @click="previewImg(w.works)" -->
  5416. <div class="workImg">
  5417. <img
  5418. :src="w.works"
  5419. @click="previewImg(w.works,w)"
  5420. alt
  5421. />
  5422. <div
  5423. class="answerScore"
  5424. v-if="w.score"
  5425. @click.stop="openScore(w)"
  5426. :class="{
  5427. rightW:
  5428. w.userid == userid || tType == 1 || tType == 4,
  5429. }"
  5430. >
  5431. {{ JSON.parse(w.score).wScore }}分
  5432. </div>
  5433. <div
  5434. class="answerScore"
  5435. @click.stop="openScore(w)"
  5436. v-else-if="courseDetail.userid == userid"
  5437. :class="{
  5438. rightW:
  5439. w.userid == userid || tType == 1 || tType == 4,
  5440. }"
  5441. >
  5442. 评分
  5443. </div>
  5444. <img
  5445. class="deleteImg"
  5446. src="../assets/deleteworks.png"
  5447. v-if="
  5448. w.userid == userid || tType == 1 || tType == 4
  5449. "
  5450. @click.stop="deleteWorks(w.wid)"
  5451. alt
  5452. />
  5453. </div>
  5454. <div class="comment" style="min-width: 200px">
  5455. <div class="worksName">
  5456. <div>{{ w.sName }}</div>
  5457. </div>
  5458. <div class="commentList">
  5459. <div class="commentList">
  5460. <div
  5461. class="commentImg"
  5462. @click="
  5463. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  5464. "
  5465. >
  5466. <img
  5467. :src="w.isLikes == true ? likes : noLikes"
  5468. alt=""
  5469. />
  5470. </div>
  5471. <div>{{ w.likesCount }}</div>
  5472. </div>
  5473. <div class="commentList" style="margin-right: 15px">
  5474. <div
  5475. class="commentImg"
  5476. @click="commentOther(w, toolIndex, wIndex)"
  5477. >
  5478. <img
  5479. src="../assets/icon/comment/comment.png"
  5480. alt=""
  5481. />
  5482. </div>
  5483. <div>{{ w.commentCount }}</div>
  5484. </div>
  5485. </div>
  5486. </div>
  5487. </div>
  5488. </div>
  5489. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5490. 未提交
  5491. </div>
  5492. <div
  5493. class="noWorksS"
  5494. v-if="noWorksS && noWorksS[toolIndex].length"
  5495. >
  5496. <div
  5497. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5498. :key="sIndex"
  5499. class="noWorksName"
  5500. @click="teacherWorkSubmit(3, toolIndex, taskCount, s)"
  5501. >
  5502. <el-tooltip effect="dark" :content="s.student" placement="top">
  5503. <span>{{ s.student }}</span>
  5504. </el-tooltip>
  5505. </div>
  5506. </div>
  5507. </div>
  5508. <div
  5509. v-if="
  5510. tType &&
  5511. ((tType == 2 && sIsOpen == true) ||
  5512. tType == 1 ||
  5513. tType == 4) &&
  5514. tool.tool.indexOf(6) != -1
  5515. "
  5516. class="worksBox"
  5517. >
  5518. <div
  5519. class="zuoyeYulan"
  5520. v-if="
  5521. (worksStudent.length &&
  5522. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  5523. "
  5524. >
  5525. <div class="worksTop">
  5526. <div>作业预览</div>
  5527. <div
  5528. class="corOpen"
  5529. @click="contract(toolIndex)"
  5530. v-if="
  5531. (isCloseList[toolIndex].isCloseBoolean) &&
  5532. isCloseList[toolIndex].isClose == 0
  5533. "
  5534. >
  5535. 折叠
  5536. </div>
  5537. <div
  5538. class="corOpen"
  5539. @click="contract(toolIndex)"
  5540. v-if="isCloseList[toolIndex].isClose == 1"
  5541. >
  5542. 展开
  5543. </div>
  5544. </div>
  5545. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5546. </div>
  5547. <div
  5548. class="group_workBox"
  5549. v-for="(g, gindex) in courseGroup.group"
  5550. :key="gindex"
  5551. >
  5552. <div class="group_box">
  5553. <div class="group_title">
  5554. <el-tooltip
  5555. class="item"
  5556. effect="light"
  5557. :content="g.name"
  5558. placement="top"
  5559. >
  5560. <div class="group_name">{{ g.name }}</div>
  5561. </el-tooltip>
  5562. </div>
  5563. <div
  5564. class="group_work"
  5565. v-if="
  5566. g.works &&
  5567. g.works.length &&
  5568. g.works[toolIndex].length
  5569. "
  5570. >
  5571. <div
  5572. class="works"
  5573. style="
  5574. width: 200px;
  5575. height: 140px;
  5576. margin: 10px 10px 10px 0;
  5577. border-radius: 15px;
  5578. box-shadow: 0 0 6px 1px #dfdada;
  5579. "
  5580. v-for="(w, wIndex) in g.works[toolIndex]"
  5581. :key="wIndex"
  5582. :class="w.type == 1 ? 'isTypeOne' : ''"
  5583. >
  5584. <div class="workImg">
  5585. <img
  5586. :src="w.works"
  5587. @click="previewImg(w.works,w)"
  5588. alt
  5589. />
  5590. <div
  5591. class="answerScore"
  5592. v-if="w.score"
  5593. @click.stop="openScore(w)"
  5594. :class="{
  5595. rightW:
  5596. w.userid == userid ||
  5597. tType == 1 ||
  5598. tType == 4,
  5599. }"
  5600. >
  5601. {{ JSON.parse(w.score).wScore }}分
  5602. </div>
  5603. <div
  5604. class="answerScore"
  5605. @click.stop="openScore(w)"
  5606. v-else-if="courseDetail.userid == userid"
  5607. :class="{
  5608. rightW:
  5609. w.userid == userid ||
  5610. tType == 1 ||
  5611. tType == 4,
  5612. }"
  5613. >
  5614. 评分
  5615. </div>
  5616. <img
  5617. class="deleteImg"
  5618. src="../assets/deleteworks.png"
  5619. v-if="
  5620. w.userid == userid || tType == 1 || tType == 4
  5621. "
  5622. @click.stop="deleteWorks(w.wid)"
  5623. alt
  5624. />
  5625. </div>
  5626. <div class="comment" style="min-width: 200px">
  5627. <div class="worksName">
  5628. <div>{{ w.sName }}</div>
  5629. </div>
  5630. <div class="commentList">
  5631. <div class="commentList">
  5632. <div
  5633. class="commentImg"
  5634. @click="
  5635. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  5636. "
  5637. >
  5638. <img
  5639. :src="w.isLikes == true ? likes : noLikes"
  5640. alt=""
  5641. />
  5642. </div>
  5643. <div>{{ w.likesCount }}</div>
  5644. </div>
  5645. <div
  5646. class="commentList"
  5647. style="margin-right: 15px"
  5648. >
  5649. <div
  5650. class="commentImg"
  5651. @click="
  5652. commentOther(
  5653. w,
  5654. toolIndex,
  5655. wIndex,
  5656. null,
  5657. g.id
  5658. )
  5659. "
  5660. >
  5661. <img
  5662. src="../assets/icon/comment/comment.png"
  5663. alt=""
  5664. />
  5665. </div>
  5666. <div>{{ w.commentCount }}</div>
  5667. </div>
  5668. </div>
  5669. </div>
  5670. </div>
  5671. </div>
  5672. <div class="group_work" v-else>暂无提交作业</div>
  5673. </div>
  5674. </div>
  5675. <div
  5676. :id="'tool-' + toolIndex"
  5677. :style="{
  5678. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  5679. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  5680. }"
  5681. class="worksDetailBox"
  5682. v-if="
  5683. worksStudent.length &&
  5684. worksStudent[toolIndex].length > 0
  5685. "
  5686. >
  5687. <div
  5688. class="works"
  5689. style="
  5690. width: 200px;
  5691. height: 140px;
  5692. margin: 10px 10px 10px 0;
  5693. border-radius: 15px;
  5694. box-shadow: 0 0 6px 1px #dfdada;
  5695. "
  5696. v-for="(w, wIndex) in worksStudent[toolIndex]"
  5697. :key="wIndex"
  5698. >
  5699. <!-- @click="previewImg(w.works)" -->
  5700. <div class="workImg">
  5701. <img
  5702. :src="w.works"
  5703. @click="previewImg(w.works,w)"
  5704. alt
  5705. />
  5706. <div
  5707. class="answerScore"
  5708. v-if="w.score"
  5709. @click.stop="openScore(w)"
  5710. :class="{
  5711. rightW:
  5712. w.userid == userid || tType == 1 || tType == 4,
  5713. }"
  5714. >
  5715. {{ JSON.parse(w.score).wScore }}分
  5716. </div>
  5717. <div
  5718. class="answerScore"
  5719. @click.stop="openScore(w)"
  5720. v-else-if="courseDetail.userid == userid"
  5721. :class="{
  5722. rightW:
  5723. w.userid == userid || tType == 1 || tType == 4,
  5724. }"
  5725. >
  5726. 评分
  5727. </div>
  5728. <img
  5729. class="deleteImg"
  5730. src="../assets/deleteworks.png"
  5731. v-if="
  5732. w.userid == userid || tType == 1 || tType == 4
  5733. "
  5734. @click.stop="deleteWorks(w.wid)"
  5735. alt
  5736. />
  5737. </div>
  5738. <div class="comment" style="min-width: 200px">
  5739. <div class="worksName">
  5740. <div>{{ w.sName }}</div>
  5741. </div>
  5742. <div class="commentList">
  5743. <div class="commentList">
  5744. <div
  5745. class="commentImg"
  5746. @click="
  5747. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  5748. "
  5749. >
  5750. <img
  5751. :src="w.isLikes == true ? likes : noLikes"
  5752. alt=""
  5753. />
  5754. </div>
  5755. <div>{{ w.likesCount }}</div>
  5756. </div>
  5757. <div class="commentList" style="margin-right: 15px">
  5758. <div
  5759. class="commentImg"
  5760. @click="commentOther(w, toolIndex, wIndex)"
  5761. >
  5762. <img
  5763. src="../assets/icon/comment/comment.png"
  5764. alt=""
  5765. />
  5766. </div>
  5767. <div>{{ w.commentCount }}</div>
  5768. </div>
  5769. </div>
  5770. </div>
  5771. </div>
  5772. </div>
  5773. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  5774. 未提交
  5775. </div>
  5776. <div
  5777. class="noWorksS"
  5778. v-if="noWorksS && noWorksS[toolIndex].length"
  5779. >
  5780. <div
  5781. v-for="(s, sIndex) in noWorksS[toolIndex]"
  5782. :key="sIndex"
  5783. class="noWorksName"
  5784. >
  5785. <el-tooltip effect="dark" :content="s.student" placement="top">
  5786. <span>{{ s.student }}</span>
  5787. </el-tooltip>
  5788. </div>
  5789. </div>
  5790. </div>
  5791. <div
  5792. v-if="
  5793. tType &&
  5794. ((tType == 2 && sIsOpen == true) ||
  5795. tType == 1 ||
  5796. tType == 4) &&
  5797. tool.tool.indexOf(7) != -1
  5798. "
  5799. class="worksBox"
  5800. >
  5801. <div
  5802. class="zuoyeYulan"
  5803. v-if="
  5804. (worksStudent.length &&
  5805. worksStudent[toolIndex].length > 0) || (courseGroup.group && courseGroup.group.length)
  5806. "
  5807. >
  5808. <div class="worksTop">
  5809. <div>作业预览</div>
  5810. <div
  5811. class="corOpen"
  5812. @click="contract(toolIndex)"
  5813. v-if="
  5814. (isCloseList[toolIndex].isCloseBoolean) &&
  5815. isCloseList[toolIndex].isClose == 0
  5816. "
  5817. >
  5818. 折叠
  5819. </div>
  5820. <div
  5821. class="corOpen"
  5822. @click="contract(toolIndex)"
  5823. v-if="isCloseList[toolIndex].isClose == 1"
  5824. >
  5825. 展开
  5826. </div>
  5827. </div>
  5828. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  5829. </div>
  5830. <div
  5831. class="group_workBox"
  5832. v-for="(g, gindex) in courseGroup.group"
  5833. :key="gindex"
  5834. >
  5835. <div class="group_box">
  5836. <div class="group_title">
  5837. <el-tooltip
  5838. class="item"
  5839. effect="light"
  5840. :content="g.name"
  5841. placement="top"
  5842. >
  5843. <div class="group_name">{{ g.name }}</div>
  5844. </el-tooltip>
  5845. </div>
  5846. <div
  5847. class="group_work"
  5848. v-if="
  5849. g.works &&
  5850. g.works.length &&
  5851. g.works[toolIndex].length
  5852. "
  5853. >
  5854. <div
  5855. class="works"
  5856. style="
  5857. width: 200px;
  5858. height: 140px;
  5859. margin: 10px 10px 10px 0;
  5860. border-radius: 15px;
  5861. box-shadow: 0 0 6px 1px #dfdada;
  5862. "
  5863. v-for="(w, wIndex) in g.works[toolIndex]"
  5864. :key="wIndex"
  5865. :class="w.type == 1 ? 'isTypeOne' : ''"
  5866. >
  5867. <div class="workImg">
  5868. <img
  5869. :src="w.works"
  5870. @click="previewImg(w.works,w)"
  5871. alt
  5872. />
  5873. <div
  5874. class="answerScore"
  5875. v-if="w.score"
  5876. @click.stop="openScore(w)"
  5877. :class="{
  5878. rightW:
  5879. w.userid == userid ||
  5880. tType == 1 ||
  5881. tType == 4,
  5882. }"
  5883. >
  5884. {{ JSON.parse(w.score).wScore }}分
  5885. </div>
  5886. <div
  5887. class="answerScore"
  5888. @click.stop="openScore(w)"
  5889. v-else-if="courseDetail.userid == userid"
  5890. :class="{
  5891. rightW:
  5892. w.userid == userid ||
  5893. tType == 1 ||
  5894. tType == 4,
  5895. }"
  5896. >
  5897. 评分
  5898. </div>
  5899. <img
  5900. class="deleteImg"
  5901. src="../assets/deleteworks.png"
  5902. v-if="
  5903. w.userid == userid || tType == 1 || tType == 4
  5904. "
  5905. @click.stop="deleteWorks(w.wid)"
  5906. alt
  5907. />
  5908. </div>
  5909. <div class="comment" style="min-width: 200px">
  5910. <div class="worksName">
  5911. <div>{{ w.sName }}</div>
  5912. </div>
  5913. <div class="commentList">
  5914. <div class="commentList">
  5915. <div
  5916. class="commentImg"
  5917. @click="
  5918. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  5919. "
  5920. >
  5921. <img
  5922. :src="w.isLikes == true ? likes : noLikes"
  5923. alt=""
  5924. />
  5925. </div>
  5926. <div>{{ w.likesCount }}</div>
  5927. </div>
  5928. <div
  5929. class="commentList"
  5930. style="margin-right: 15px"
  5931. >
  5932. <div
  5933. class="commentImg"
  5934. @click="
  5935. commentOther(
  5936. w,
  5937. toolIndex,
  5938. wIndex,
  5939. null,
  5940. g.id
  5941. )
  5942. "
  5943. >
  5944. <img
  5945. src="../assets/icon/comment/comment.png"
  5946. alt=""
  5947. />
  5948. </div>
  5949. <div>{{ w.commentCount }}</div>
  5950. </div>
  5951. </div>
  5952. </div>
  5953. </div>
  5954. </div>
  5955. <div class="group_work" v-else>暂无提交作业</div>
  5956. </div>
  5957. </div>
  5958. <div
  5959. :id="'tool-' + toolIndex"
  5960. :style="{
  5961. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  5962. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  5963. }"
  5964. class="worksDetailBox"
  5965. v-if="
  5966. worksStudent.length &&
  5967. worksStudent[toolIndex].length > 0
  5968. "
  5969. >
  5970. <div
  5971. class="works"
  5972. style="
  5973. width: 200px;
  5974. height: 140px;
  5975. margin: 10px 10px 10px 0;
  5976. border-radius: 15px;
  5977. box-shadow: 0 0 6px 1px #dfdada;
  5978. "
  5979. v-for="(w, wIndex) in worksStudent[toolIndex]"
  5980. :key="wIndex"
  5981. >
  5982. <!-- @click="previewImg(w.works)" -->
  5983. <div class="workImg">
  5984. <img
  5985. :src="w.works"
  5986. @click="previewImg(w.works,w)"
  5987. alt
  5988. />
  5989. <div
  5990. class="answerScore"
  5991. v-if="w.score"
  5992. @click.stop="openScore(w)"
  5993. :class="{
  5994. rightW:
  5995. w.userid == userid || tType == 1 || tType == 4,
  5996. }"
  5997. >
  5998. {{ JSON.parse(w.score).wScore }}分
  5999. </div>
  6000. <div
  6001. class="answerScore"
  6002. @click.stop="openScore(w)"
  6003. v-else-if="courseDetail.userid == userid"
  6004. :class="{
  6005. rightW:
  6006. w.userid == userid || tType == 1 || tType == 4,
  6007. }"
  6008. >
  6009. 评分
  6010. </div>
  6011. <img
  6012. class="deleteImg"
  6013. src="../assets/deleteworks.png"
  6014. v-if="
  6015. w.userid == userid || tType == 1 || tType == 4
  6016. "
  6017. @click.stop="deleteWorks(w.wid)"
  6018. alt
  6019. />
  6020. </div>
  6021. <div class="comment" style="min-width: 200px">
  6022. <div class="worksName">
  6023. <div>{{ w.sName }}</div>
  6024. </div>
  6025. <div class="commentList">
  6026. <div class="commentList">
  6027. <div
  6028. class="commentImg"
  6029. @click="
  6030. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  6031. "
  6032. >
  6033. <img
  6034. :src="w.isLikes == true ? likes : noLikes"
  6035. alt=""
  6036. />
  6037. </div>
  6038. <div>{{ w.likesCount }}</div>
  6039. </div>
  6040. <div class="commentList" style="margin-right: 15px">
  6041. <div
  6042. class="commentImg"
  6043. @click="commentOther(w, toolIndex, wIndex)"
  6044. >
  6045. <img
  6046. src="../assets/icon/comment/comment.png"
  6047. alt=""
  6048. />
  6049. </div>
  6050. <div>{{ w.commentCount }}</div>
  6051. </div>
  6052. </div>
  6053. </div>
  6054. </div>
  6055. </div>
  6056. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  6057. 未提交
  6058. </div>
  6059. <div
  6060. class="noWorksS"
  6061. v-if="noWorksS && noWorksS[toolIndex].length"
  6062. >
  6063. <div
  6064. v-for="(s, sIndex) in noWorksS[toolIndex]"
  6065. :key="sIndex"
  6066. class="noWorksName"
  6067. @click="teacherWorkSubmit(7, toolIndex, taskCount, s)"
  6068. >
  6069. <el-tooltip effect="dark" :content="s.student" placement="top">
  6070. <span>{{ s.student }}</span>
  6071. </el-tooltip>
  6072. </div>
  6073. </div>
  6074. </div>
  6075. <div
  6076. v-if="
  6077. tType &&
  6078. ((tType == 2 && sIsOpen == true) ||
  6079. tType == 1 ||
  6080. tType == 4) &&
  6081. tool.tool.indexOf(26) != -1
  6082. "
  6083. class="worksBox"
  6084. >
  6085. <div
  6086. class="zuoyeYulan"
  6087. v-if="
  6088. worksStudent.length &&
  6089. worksStudent[toolIndex].length > 0
  6090. "
  6091. >
  6092. <div class="worksTop">
  6093. <div>作业预览</div>
  6094. <div
  6095. class="corOpen"
  6096. @click="contract(toolIndex)"
  6097. v-if="
  6098. (isCloseList[toolIndex].isCloseBoolean) &&
  6099. isCloseList[toolIndex].isClose == 0
  6100. "
  6101. >
  6102. 折叠
  6103. </div>
  6104. <div
  6105. class="corOpen"
  6106. @click="contract(toolIndex)"
  6107. v-if="isCloseList[toolIndex].isClose == 1"
  6108. >
  6109. 展开
  6110. </div>
  6111. </div>
  6112. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6113. </div>
  6114. <div
  6115. :id="'tool-' + toolIndex"
  6116. :style="{
  6117. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  6118. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  6119. }"
  6120. class="worksDetailBox"
  6121. v-if="
  6122. worksStudent.length &&
  6123. worksStudent[toolIndex].length > 0
  6124. "
  6125. >
  6126. <div
  6127. class="works"
  6128. style="width: 240px; height: 140px; overflow: hidden"
  6129. v-for="(w, wIndex) in worksStudent[toolIndex]"
  6130. :key="wIndex"
  6131. :class="w.type == 1 ? 'isTypeOne' : ''"
  6132. >
  6133. <div class="workImg" v-if="w.type == 0">
  6134. <img
  6135. :src="w.works"
  6136. @click="previewImg(w.works,w)"
  6137. alt
  6138. />
  6139. <img
  6140. class="deleteImg"
  6141. src="../assets/deleteworks.png"
  6142. v-if="
  6143. w.userid == userid || tType == 1 || tType == 4
  6144. "
  6145. @click.stop="deleteWorks(w.wid)"
  6146. alt
  6147. />
  6148. </div>
  6149. <div class="workImg" v-if="w.type == 1">
  6150. <img :src="word" @click="openFile(w.works,w)" alt />
  6151. <img
  6152. class="deleteImg"
  6153. src="../assets/deleteworks.png"
  6154. v-if="
  6155. w.userid == userid || tType == 1 || tType == 4
  6156. "
  6157. @click.stop="deleteWorks(w.wid)"
  6158. alt
  6159. />
  6160. </div>
  6161. <div class="worksName">
  6162. <div>{{ w.sName }}</div>
  6163. </div>
  6164. </div>
  6165. </div>
  6166. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  6167. 未提交
  6168. </div>
  6169. <div
  6170. class="noWorksS"
  6171. v-if="noWorksS && noWorksS[toolIndex].length"
  6172. >
  6173. <div
  6174. v-for="(s, sIndex) in noWorksS[toolIndex]"
  6175. :key="sIndex"
  6176. class="noWorksName"
  6177. >
  6178. <el-tooltip effect="dark" :content="s.student" placement="top">
  6179. <span>{{ s.student }}</span>
  6180. </el-tooltip>
  6181. </div>
  6182. </div>
  6183. </div>
  6184. <div
  6185. v-if="
  6186. tType &&
  6187. ((tType == 2 && sIsOpen == true) ||
  6188. tType == 1 ||
  6189. tType == 4) &&
  6190. tool.tool.indexOf(40) != -1
  6191. "
  6192. class="worksBox"
  6193. >
  6194. <div
  6195. class="zuoyeYulan"
  6196. v-if="
  6197. worksStudent.length &&
  6198. worksStudent[toolIndex].length > 0
  6199. "
  6200. >
  6201. <div class="worksTop">
  6202. <div>作业预览</div>
  6203. <div
  6204. class="corOpen"
  6205. @click="contract(toolIndex)"
  6206. v-if="
  6207. (isCloseList[toolIndex].isCloseBoolean) &&
  6208. isCloseList[toolIndex].isClose == 0
  6209. "
  6210. >
  6211. 折叠
  6212. </div>
  6213. <div
  6214. class="corOpen"
  6215. @click="contract(toolIndex)"
  6216. v-if="isCloseList[toolIndex].isClose == 1"
  6217. >
  6218. 展开
  6219. </div>
  6220. </div>
  6221. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6222. </div>
  6223. <div
  6224. :id="'tool-' + toolIndex"
  6225. :style="{
  6226. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  6227. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  6228. }"
  6229. class="worksDetailBox"
  6230. v-if="
  6231. worksStudent.length &&
  6232. worksStudent[toolIndex].length > 0
  6233. "
  6234. >
  6235. <div
  6236. class="works"
  6237. style="
  6238. width: 200px;
  6239. height: 140px;
  6240. margin: 10px 10px 10px 0;
  6241. border-radius: 15px;
  6242. box-shadow: 0 0 6px 1px #dfdada;
  6243. "
  6244. v-for="(w, wIndex) in worksStudent[toolIndex]"
  6245. :key="wIndex"
  6246. :class="w.type == 1 ? 'isTypeOne' : ''"
  6247. >
  6248. <div class="workImg">
  6249. <img
  6250. src="../assets/icon/works/noImg.png"
  6251. @click="openPj(w.works, toolIndex)"
  6252. alt
  6253. />
  6254. <img
  6255. class="deleteImg"
  6256. src="../assets/deleteworks.png"
  6257. v-if="
  6258. w.userid == userid || tType == 1 || tType == 4
  6259. "
  6260. @click.stop="deleteWorks(w.wid)"
  6261. alt
  6262. />
  6263. </div>
  6264. <div class="comment" style="min-width: 200px">
  6265. <div class="worksName">
  6266. <div>{{ w.sName }}</div>
  6267. </div>
  6268. <div class="commentList">
  6269. <div class="commentList">
  6270. <div
  6271. class="commentImg"
  6272. @click="
  6273. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  6274. "
  6275. >
  6276. <img
  6277. :src="w.isLikes == true ? likes : noLikes"
  6278. alt=""
  6279. />
  6280. </div>
  6281. <div>{{ w.likesCount }}</div>
  6282. </div>
  6283. <div class="commentList" style="margin-right: 15px">
  6284. <div
  6285. class="commentImg"
  6286. @click="commentOther(w, toolIndex, wIndex)"
  6287. >
  6288. <img
  6289. src="../assets/icon/comment/comment.png"
  6290. alt=""
  6291. />
  6292. </div>
  6293. <div>{{ w.commentCount }}</div>
  6294. </div>
  6295. </div>
  6296. </div>
  6297. </div>
  6298. </div>
  6299. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  6300. 未提交
  6301. </div>
  6302. <div
  6303. class="noWorksS"
  6304. v-if="noWorksS && noWorksS[toolIndex].length"
  6305. >
  6306. <div
  6307. v-for="(s, sIndex) in noWorksS[toolIndex]"
  6308. :key="sIndex"
  6309. class="noWorksName"
  6310. @click="teacherWorkSubmit(40, toolIndex, taskCount, s)"
  6311. >
  6312. <el-tooltip effect="dark" :content="s.student" placement="top">
  6313. <span>{{ s.student }}</span>
  6314. </el-tooltip>
  6315. </div>
  6316. </div>
  6317. </div>
  6318. <div
  6319. v-if="
  6320. tType &&
  6321. tType == 2 &&
  6322. !sIsOpen &&
  6323. tool.tool.indexOf(40) != -1
  6324. "
  6325. class="worksBox"
  6326. >
  6327. <div
  6328. class="zuoyeYulan"
  6329. v-if="workStudent[toolIndex].length > 0"
  6330. >
  6331. <span class="worksTitle">作业预览</span>
  6332. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6333. </div>
  6334. <div
  6335. class="worksDetailBox"
  6336. v-if="workStudent[toolIndex].length > 0"
  6337. >
  6338. <div
  6339. class="works"
  6340. style="
  6341. width: 200px;
  6342. height: 140px;
  6343. margin: 10px 10px 10px 0;
  6344. "
  6345. v-for="(w, wIndex) in workStudent[toolIndex]"
  6346. :key="wIndex"
  6347. >
  6348. <div class="workImg">
  6349. <img
  6350. src="../assets/icon/works/noImg.png"
  6351. @click="openPj(w.works, toolIndex)"
  6352. alt
  6353. />
  6354. <img
  6355. class="deleteImg"
  6356. src="../assets/deleteworks.png"
  6357. v-if="
  6358. w.userid == userid || tType == 1 || tType == 4
  6359. "
  6360. @click.stop="deleteWorks(w.wid)"
  6361. alt
  6362. />
  6363. </div>
  6364. <div class="worksName">
  6365. <div>{{ w.sName }}</div>
  6366. </div>
  6367. </div>
  6368. </div>
  6369. </div>
  6370. <div
  6371. v-if="
  6372. tType &&
  6373. ((tType == 2 && sIsOpen == true) ||
  6374. tType == 1 ||
  6375. tType == 4) &&
  6376. tool.tool.indexOf(41) != -1
  6377. "
  6378. >
  6379. <AnswerData2
  6380. v-if="
  6381. worksStudent.length &&
  6382. worksStudent[toolIndex].length > 0
  6383. "
  6384. :problemJson="tool.selectJson.answer"
  6385. :people="worksStudent[toolIndex]"
  6386. ></AnswerData2>
  6387. </div>
  6388. <div
  6389. v-if="
  6390. tType &&
  6391. ((tType == 2 && sIsOpen == true) ||
  6392. tType == 1 ||
  6393. tType == 4) &&
  6394. tool.tool.indexOf(41) != -1
  6395. "
  6396. class="worksBox"
  6397. >
  6398. <div
  6399. class="zuoyeYulan"
  6400. v-if="
  6401. worksStudent.length &&
  6402. worksStudent[toolIndex].length > 0
  6403. "
  6404. >
  6405. <div class="worksTop">
  6406. <div>作业预览</div>
  6407. <div
  6408. class="corOpen"
  6409. @click="contract(toolIndex)"
  6410. v-if="
  6411. (isCloseList[toolIndex].isCloseBoolean) &&
  6412. isCloseList[toolIndex].isClose == 0
  6413. "
  6414. >
  6415. 折叠
  6416. </div>
  6417. <div
  6418. class="corOpen"
  6419. @click="contract(toolIndex)"
  6420. v-if="isCloseList[toolIndex].isClose == 1"
  6421. >
  6422. 展开
  6423. </div>
  6424. </div>
  6425. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6426. </div>
  6427. <div
  6428. :id="'tool-' + toolIndex"
  6429. :style="{
  6430. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  6431. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  6432. }"
  6433. class="worksDetailBox"
  6434. v-if="
  6435. worksStudent.length &&
  6436. worksStudent[toolIndex].length > 0
  6437. "
  6438. >
  6439. <div
  6440. v-for="(w, wIndex) in worksStudent[toolIndex]"
  6441. :key="wIndex"
  6442. class="isWorksName2"
  6443. @click="openXz(w, toolIndex)"
  6444. >
  6445. {{ w.sName }}
  6446. <img
  6447. class="deleteImg deleteImg2"
  6448. src="../assets/deleteworks.png"
  6449. v-if="w.userid == userid || tType == 1 || tType == 4"
  6450. @click.stop="deleteWorks(w.wid)"
  6451. alt
  6452. />
  6453. </div>
  6454. <!-- <div
  6455. class="works"
  6456. style="
  6457. width: 200px;
  6458. height: 140px;
  6459. margin: 10px 10px 10px 0;
  6460. border-radius: 15px;
  6461. box-shadow: 0 0 6px 1px #dfdada;
  6462. " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex"
  6463. :class="w.type == 5 ? 'isTypeOne' : ''">
  6464. <div class="workImg">
  6465. <img src="../assets/icon/works/noImg.png" @click="openXz(w, toolIndex)" alt />
  6466. </div>
  6467. <div class="worksName">
  6468. <div>{{ w.sName }}</div>
  6469. </div>
  6470. </div> -->
  6471. </div>
  6472. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  6473. 未提交
  6474. </div>
  6475. <div
  6476. class="noWorksS"
  6477. v-if="noWorksS && noWorksS[toolIndex].length"
  6478. >
  6479. <div
  6480. v-for="(s, sIndex) in noWorksS[toolIndex]"
  6481. :key="sIndex"
  6482. class="noWorksName"
  6483. @click="teacherWorkSubmit(41, toolIndex, taskCount, s)"
  6484. >
  6485. <el-tooltip effect="dark" :content="s.student" placement="top">
  6486. <span>{{ s.student }}</span>
  6487. </el-tooltip>
  6488. </div>
  6489. </div>
  6490. </div>
  6491. <div
  6492. v-if="
  6493. tType &&
  6494. tType == 2 &&
  6495. !sIsOpen &&
  6496. tool.tool.indexOf(41) != -1
  6497. "
  6498. class="worksBox"
  6499. >
  6500. <div
  6501. class="zuoyeYulan"
  6502. v-if="workStudent[toolIndex].length > 0"
  6503. >
  6504. <span class="worksTitle">作业预览</span>
  6505. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6506. </div>
  6507. <div
  6508. class="worksDetailBox"
  6509. v-if="workStudent[toolIndex].length > 0"
  6510. >
  6511. <div
  6512. class="works"
  6513. style="
  6514. width: 200px;
  6515. height: 140px;
  6516. margin: 10px 10px 10px 0;
  6517. "
  6518. v-for="(w, wIndex) in workStudent[toolIndex]"
  6519. :key="wIndex"
  6520. >
  6521. <div class="workImg">
  6522. <img
  6523. src="../assets/icon/works/noImg.png"
  6524. @click="openXz(w, toolIndex)"
  6525. alt
  6526. />
  6527. <img
  6528. class="deleteImg"
  6529. src="../assets/deleteworks.png"
  6530. v-if="
  6531. w.userid == userid || tType == 1 || tType == 4
  6532. "
  6533. @click.stop="deleteWorks(w.wid)"
  6534. alt
  6535. />
  6536. </div>
  6537. <div class="worksName">
  6538. <div>{{ w.sName }}</div>
  6539. </div>
  6540. </div>
  6541. </div>
  6542. </div>
  6543. <div v-if="false" class="xuan_right_box">
  6544. <div
  6545. class="tool_right_box"
  6546. v-for="(item, index) in tool.sentenceList"
  6547. :key="index"
  6548. >
  6549. <div>
  6550. <span
  6551. style="word-break: break-all; white-space: normal"
  6552. >{{ index + 1 + "、" + item.sentenceTitle }}</span
  6553. >
  6554. </div>
  6555. <div class="right_box_xuan">
  6556. <span>正确率</span>
  6557. <span>{{
  6558. (checkJson[toolIndex][index].right
  6559. ? checkJson[toolIndex][index].right
  6560. : 0) + "%"
  6561. }}</span>
  6562. </div>
  6563. <div class="right_box_xuan">
  6564. <span>答对人数</span>
  6565. <span>{{
  6566. checkJson[toolIndex][index].rightPerson.length
  6567. }}</span>
  6568. </div>
  6569. </div>
  6570. </div>
  6571. <div
  6572. v-if="
  6573. tType &&
  6574. ((tType == 2 && sIsOpen == true) ||
  6575. tType == 1 ||
  6576. tType == 4) &&
  6577. tool.tool.indexOf(47) != -1
  6578. "
  6579. >
  6580. <AnswerData
  6581. v-if="
  6582. checkJson[toolIndex].length &&
  6583. (tool.sentenceList || tool.sentenceList.length > 0)
  6584. "
  6585. :people="checkJson[toolIndex]"
  6586. ></AnswerData>
  6587. </div>
  6588. <div
  6589. v-if="
  6590. tType &&
  6591. tType == 2 &&
  6592. !sIsOpen &&
  6593. tool.tool.indexOf(47) != -1
  6594. "
  6595. class="worksBox"
  6596. >
  6597. <div
  6598. class="zuoyeYulan"
  6599. v-if="workStudent[toolIndex].length > 0"
  6600. >
  6601. <span class="worksTitle">作业预览</span>
  6602. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6603. </div>
  6604. <div
  6605. class="worksDetailBox"
  6606. v-if="workStudent[toolIndex].length > 0"
  6607. >
  6608. <div
  6609. class="works"
  6610. style="
  6611. width: 200px;
  6612. height: 140px;
  6613. margin: 10px 10px 10px 0;
  6614. "
  6615. v-for="(w, wIndex) in workStudent[toolIndex]"
  6616. :key="wIndex"
  6617. >
  6618. <!-- @click="openXz(w, toolIndex)" -->
  6619. <div class="workImg" @click="openSen(w, toolIndex)">
  6620. <img src="../assets/icon/works/noImg.png" alt />
  6621. <img
  6622. class="deleteImg"
  6623. src="../assets/deleteworks.png"
  6624. v-if="
  6625. w.userid == userid || tType == 1 || tType == 4
  6626. "
  6627. @click.stop="deleteWorks(w.wid)"
  6628. alt
  6629. />
  6630. </div>
  6631. <div class="worksName">
  6632. <div>
  6633. {{ w.sName }}
  6634. </div>
  6635. </div>
  6636. </div>
  6637. </div>
  6638. </div>
  6639. <div
  6640. v-if="
  6641. tType &&
  6642. ((tType == 2 && sIsOpen == true) ||
  6643. tType == 1 ||
  6644. tType == 4) &&
  6645. tool.tool.indexOf(47) != -1
  6646. "
  6647. class="worksBox"
  6648. >
  6649. <div
  6650. class="zuoyeYulan"
  6651. v-if="
  6652. worksStudent.length &&
  6653. worksStudent[toolIndex].length > 0
  6654. "
  6655. >
  6656. <div class="worksTop">
  6657. <div>作业预览</div>
  6658. <div
  6659. class="corOpen"
  6660. @click="contract(toolIndex)"
  6661. v-if="
  6662. (isCloseList[toolIndex].isCloseBoolean) &&
  6663. isCloseList[toolIndex].isClose == 0
  6664. "
  6665. >
  6666. 折叠
  6667. </div>
  6668. <div
  6669. class="corOpen"
  6670. @click="contract(toolIndex)"
  6671. v-if="isCloseList[toolIndex].isClose == 1"
  6672. >
  6673. 展开
  6674. </div>
  6675. </div>
  6676. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6677. </div>
  6678. <div
  6679. :id="'tool-' + toolIndex"
  6680. :style="{
  6681. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  6682. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  6683. }"
  6684. class="worksDetailBox"
  6685. v-if="
  6686. worksStudent.length &&
  6687. worksStudent[toolIndex].length > 0
  6688. "
  6689. >
  6690. <!-- @click="openXz(w, toolIndex)" -->
  6691. <div
  6692. v-for="(w, wIndex) in worksStudent[toolIndex]"
  6693. :key="wIndex"
  6694. class="isWorksName2"
  6695. @click="openSen(w, toolIndex)"
  6696. >
  6697. {{ w.sName }}
  6698. <img
  6699. class="deleteImg deleteImg2"
  6700. src="../assets/deleteworks.png"
  6701. v-if="w.userid == userid || tType == 1 || tType == 4"
  6702. @click.stop="deleteWorks(w.wid)"
  6703. alt
  6704. />
  6705. </div>
  6706. </div>
  6707. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  6708. 未提交
  6709. </div>
  6710. <div
  6711. class="noWorksS"
  6712. v-if="noWorksS && noWorksS[toolIndex].length"
  6713. >
  6714. <div
  6715. v-for="(s, sIndex) in noWorksS[toolIndex]"
  6716. :key="sIndex"
  6717. class="noWorksName"
  6718. @click="teacherWorkSubmit(47, toolIndex, taskCount, s)"
  6719. >
  6720. <el-tooltip effect="dark" :content="s.student" placement="top">
  6721. <span>{{ s.student }}</span>
  6722. </el-tooltip>
  6723. </div>
  6724. </div>
  6725. </div>
  6726. <div
  6727. v-if="
  6728. tType &&
  6729. ((tType == 2 && sIsOpen == true) ||
  6730. tType == 1 ||
  6731. tType == 4) &&
  6732. tool.tool.indexOf(48) != -1
  6733. "
  6734. class="worksBox"
  6735. >
  6736. <div
  6737. class="zuoyeYulan"
  6738. v-if="
  6739. worksStudent.length &&
  6740. worksStudent[toolIndex].length > 0
  6741. "
  6742. >
  6743. <div class="worksTop">
  6744. <div>作业预览</div>
  6745. <div
  6746. class="corOpen"
  6747. @click="contract(toolIndex)"
  6748. v-if="
  6749. (isCloseList[toolIndex].isCloseBoolean) &&
  6750. isCloseList[toolIndex].isClose == 0
  6751. "
  6752. >
  6753. 折叠
  6754. </div>
  6755. <div
  6756. class="corOpen"
  6757. @click="contract(toolIndex)"
  6758. v-if="isCloseList[toolIndex].isClose == 1"
  6759. >
  6760. 展开
  6761. </div>
  6762. </div>
  6763. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6764. </div>
  6765. <div
  6766. :id="'tool-' + toolIndex"
  6767. :style="{
  6768. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  6769. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  6770. }"
  6771. class="worksDetailBox"
  6772. v-if="
  6773. worksStudent.length &&
  6774. worksStudent[toolIndex].length > 0
  6775. "
  6776. >
  6777. <div
  6778. class="works"
  6779. style="
  6780. width: 200px;
  6781. height: 140px;
  6782. margin: 10px 10px 10px 0;
  6783. border-radius: 15px;
  6784. box-shadow: 0 0 6px 1px #dfdada;
  6785. "
  6786. v-for="(w, wIndex) in worksStudent[toolIndex]"
  6787. :key="wIndex"
  6788. :class="w.type == 1 ? 'isTypeOne' : ''"
  6789. >
  6790. <div class="workImg">
  6791. <img :src="word" @click="openTable(w)" alt />
  6792. <!-- @click="openFile(w.works)" -->
  6793. <div
  6794. class="answerScore"
  6795. v-if="w.score"
  6796. @click.stop="openScore(w)"
  6797. :class="{
  6798. rightW:
  6799. w.userid == userid ||
  6800. tType == 1 ||
  6801. tType == 4 ||
  6802. w.ateacher == userid,
  6803. }"
  6804. >
  6805. {{ JSON.parse(w.score).wScore }}分
  6806. </div>
  6807. <div
  6808. class="answerScore"
  6809. @click.stop="openScore(w)"
  6810. v-else-if="courseDetail.userid == userid"
  6811. :class="{
  6812. rightW:
  6813. w.userid == userid ||
  6814. tType == 1 ||
  6815. tType == 4 ||
  6816. w.ateacher == userid,
  6817. }"
  6818. >
  6819. 评分
  6820. </div>
  6821. <img
  6822. class="deleteImg"
  6823. src="../assets/deleteworks.png"
  6824. v-if="
  6825. w.userid == userid || tType == 1 || tType == 4
  6826. "
  6827. @click.stop="deleteWorks(w.wid)"
  6828. alt
  6829. />
  6830. </div>
  6831. <div class="comment" style="min-width: 200px">
  6832. <div class="worksName">
  6833. <div>{{ w.sName }}</div>
  6834. </div>
  6835. <div class="commentList">
  6836. <div class="commentList">
  6837. <div
  6838. class="commentImg"
  6839. @click="
  6840. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  6841. "
  6842. >
  6843. <img
  6844. :src="w.isLikes == true ? likes : noLikes"
  6845. alt=""
  6846. />
  6847. </div>
  6848. <div>{{ w.likesCount }}</div>
  6849. </div>
  6850. <div class="commentList" style="margin-right: 15px">
  6851. <div
  6852. class="commentImg"
  6853. @click="commentOther(w, toolIndex, wIndex)"
  6854. >
  6855. <img
  6856. src="../assets/icon/comment/comment.png"
  6857. alt=""
  6858. />
  6859. </div>
  6860. <div>{{ w.commentCount }}</div>
  6861. </div>
  6862. </div>
  6863. </div>
  6864. </div>
  6865. </div>
  6866. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  6867. 未提交
  6868. </div>
  6869. <div
  6870. class="noWorksS"
  6871. v-if="noWorksS && noWorksS[toolIndex].length"
  6872. >
  6873. <div
  6874. v-for="(s, sIndex) in noWorksS[toolIndex]"
  6875. :key="sIndex"
  6876. class="noWorksName"
  6877. @click="teacherWorkSubmit(48, toolIndex, taskCount, s)"
  6878. >
  6879. <el-tooltip effect="dark" :content="s.student" placement="top">
  6880. <span>{{ s.student }}</span>
  6881. </el-tooltip>
  6882. </div>
  6883. </div>
  6884. </div>
  6885. <div
  6886. v-if="
  6887. tType &&
  6888. tType == 2 &&
  6889. !sIsOpen &&
  6890. tool.tool.indexOf(48) != -1
  6891. "
  6892. class="worksBox"
  6893. >
  6894. <div
  6895. class="zuoyeYulan"
  6896. v-if="workStudent[toolIndex].length > 0"
  6897. >
  6898. <span class="worksTitle">作业预览</span>
  6899. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6900. </div>
  6901. <div
  6902. class="worksDetailBox"
  6903. v-if="workStudent[toolIndex].length > 0"
  6904. >
  6905. <div
  6906. class="works"
  6907. style="
  6908. width: 200px;
  6909. height: 140px;
  6910. margin: 10px 10px 10px 0;
  6911. box-shadow: 0 0 6px 1px #dfdada;
  6912. "
  6913. v-for="(w, wIndex) in workStudent[toolIndex]"
  6914. :key="wIndex"
  6915. >
  6916. <div class="workImg">
  6917. <img :src="word" @click="openTable(w)" alt />
  6918. <div
  6919. class="answerScore"
  6920. v-if="w.score"
  6921. @click.stop="openScore(w)"
  6922. :class="{
  6923. rightW:
  6924. w.userid == userid || tType == 1 || tType == 4,
  6925. }"
  6926. >
  6927. {{ JSON.parse(w.score).wScore }}分
  6928. </div>
  6929. <div
  6930. class="answerScore"
  6931. @click.stop="openScore(w)"
  6932. v-else-if="courseDetail.userid == userid"
  6933. :class="{
  6934. rightW:
  6935. w.userid == userid || tType == 1 || tType == 4,
  6936. }"
  6937. >
  6938. 评分
  6939. </div>
  6940. <img
  6941. class="deleteImg"
  6942. src="../assets/deleteworks.png"
  6943. v-if="
  6944. w.userid == userid || tType == 1 || tType == 4
  6945. "
  6946. @click.stop="deleteWorks(w.wid)"
  6947. alt
  6948. />
  6949. </div>
  6950. <div class="worksName">
  6951. <div>{{ w.sName }}</div>
  6952. </div>
  6953. </div>
  6954. </div>
  6955. </div>
  6956. <div
  6957. v-if="
  6958. tType &&
  6959. ((tType == 2 && sIsOpen == true) ||
  6960. tType == 1 ||
  6961. tType == 4) &&
  6962. tool.tool.indexOf(52) != -1
  6963. "
  6964. class="worksBox"
  6965. >
  6966. <div
  6967. class="zuoyeYulan"
  6968. v-if="
  6969. worksStudent.length &&
  6970. worksStudent[toolIndex].length > 0
  6971. "
  6972. >
  6973. <div class="worksTop">
  6974. <div>作业预览</div>
  6975. <div
  6976. class="corOpen"
  6977. @click="contract(toolIndex)"
  6978. v-if="
  6979. (isCloseList[toolIndex].isCloseBoolean) &&
  6980. isCloseList[toolIndex].isClose == 0
  6981. "
  6982. >
  6983. 折叠
  6984. </div>
  6985. <div
  6986. class="corOpen"
  6987. @click="contract(toolIndex)"
  6988. v-if="isCloseList[toolIndex].isClose == 1"
  6989. >
  6990. 展开
  6991. </div>
  6992. </div>
  6993. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  6994. </div>
  6995. <div
  6996. :id="'tool-' + toolIndex"
  6997. :style="{
  6998. height:isCloseList[toolIndex].isClose == 1 ? retrnToolHeight('tool-' + toolIndex) : 'auto',
  6999. overflow: isCloseList[toolIndex].isClose == 1 ? 'hidden' : 'unset'
  7000. }"
  7001. class="worksDetailBox"
  7002. v-if="
  7003. worksStudent.length &&
  7004. worksStudent[toolIndex].length > 0
  7005. "
  7006. >
  7007. <div
  7008. class="works"
  7009. style="
  7010. width: 200px;
  7011. height: 140px;
  7012. margin: 10px 10px 10px 0;
  7013. border-radius: 15px;
  7014. box-shadow: 0 0 6px 1px #dfdada;
  7015. "
  7016. v-for="(w, wIndex) in worksStudent[toolIndex]"
  7017. :key="wIndex"
  7018. :class="w.type == 1 ? 'isTypeOne' : ''"
  7019. >
  7020. <div class="workImg">
  7021. <img :src="word" @click="openWord(w)" alt />
  7022. <!-- @click="openFile(w.works)" -->
  7023. <div
  7024. class="answerScore"
  7025. v-if="w.score"
  7026. @click.stop="openScore(w)"
  7027. :class="{
  7028. rightW:
  7029. w.userid == userid ||
  7030. tType == 1 ||
  7031. tType == 4 ||
  7032. w.ateacher == userid,
  7033. }"
  7034. >
  7035. {{ JSON.parse(w.score).wScore }}分
  7036. </div>
  7037. <div
  7038. class="answerScore"
  7039. @click.stop="openScore(w)"
  7040. v-else-if="courseDetail.userid == userid"
  7041. :class="{
  7042. rightW:
  7043. w.userid == userid ||
  7044. tType == 1 ||
  7045. tType == 4 ||
  7046. w.ateacher == userid,
  7047. }"
  7048. >
  7049. 评分
  7050. </div>
  7051. <img
  7052. class="deleteImg"
  7053. src="../assets/deleteworks.png"
  7054. v-if="
  7055. w.userid == userid || tType == 1 || tType == 4
  7056. "
  7057. @click.stop="deleteWorks(w.wid)"
  7058. alt
  7059. />
  7060. </div>
  7061. <div class="comment" style="min-width: 200px">
  7062. <div class="worksName">
  7063. <div>{{ w.sName }}</div>
  7064. </div>
  7065. <div class="commentList">
  7066. <div class="commentList">
  7067. <div
  7068. class="commentImg"
  7069. @click="
  7070. isLikes(w.wid, userid, 1, null, w.isLikes,w.sName)
  7071. "
  7072. >
  7073. <img
  7074. :src="w.isLikes == true ? likes : noLikes"
  7075. alt=""
  7076. />
  7077. </div>
  7078. <div>{{ w.likesCount }}</div>
  7079. </div>
  7080. <div class="commentList" style="margin-right: 15px">
  7081. <div
  7082. class="commentImg"
  7083. @click="commentOther(w, toolIndex, wIndex)"
  7084. >
  7085. <img
  7086. src="../assets/icon/comment/comment.png"
  7087. alt=""
  7088. />
  7089. </div>
  7090. <div>{{ w.commentCount }}</div>
  7091. </div>
  7092. </div>
  7093. </div>
  7094. </div>
  7095. </div>
  7096. <div style="font-size: 18px" v-if="courseDetail.juri != ''">
  7097. 未提交
  7098. </div>
  7099. <div
  7100. class="noWorksS"
  7101. v-if="noWorksS && noWorksS[toolIndex].length"
  7102. >
  7103. <div
  7104. v-for="(s, sIndex) in noWorksS[toolIndex]"
  7105. :key="sIndex"
  7106. class="noWorksName"
  7107. @click="teacherWorkSubmit(52, toolIndex, taskCount, s)"
  7108. >
  7109. <el-tooltip effect="dark" :content="s.student" placement="top">
  7110. <span>{{ s.student }}</span>
  7111. </el-tooltip>
  7112. </div>
  7113. </div>
  7114. </div>
  7115. <div
  7116. v-if="
  7117. tType &&
  7118. tType == 2 &&
  7119. !sIsOpen &&
  7120. tool.tool.indexOf(52) != -1
  7121. "
  7122. class="worksBox"
  7123. >
  7124. <div
  7125. class="zuoyeYulan"
  7126. v-if="workStudent[toolIndex].length > 0"
  7127. >
  7128. <span class="worksTitle">作业预览</span>
  7129. <!-- <el-button type="text" @click="jump()" v-if="tType == 2" class="buttonA">我的评价</el-button> -->
  7130. </div>
  7131. <div
  7132. class="worksDetailBox"
  7133. v-if="workStudent[toolIndex].length > 0"
  7134. >
  7135. <div
  7136. class="works"
  7137. style="
  7138. width: 200px;
  7139. height: 140px;
  7140. margin: 10px 10px 10px 0;
  7141. box-shadow: 0 0 6px 1px #dfdada;
  7142. "
  7143. v-for="(w, wIndex) in workStudent[toolIndex]"
  7144. :key="wIndex"
  7145. >
  7146. <div class="workImg">
  7147. <img :src="word" @click="openWord(w)" alt />
  7148. <div
  7149. class="answerScore"
  7150. v-if="w.score"
  7151. @click.stop="openScore(w)"
  7152. :class="{
  7153. rightW:
  7154. w.userid == userid || tType == 1 || tType == 4,
  7155. }"
  7156. >
  7157. {{ JSON.parse(w.score).wScore }}分
  7158. </div>
  7159. <div
  7160. class="answerScore"
  7161. @click.stop="openScore(w)"
  7162. v-else-if="courseDetail.userid == userid"
  7163. :class="{
  7164. rightW:
  7165. w.userid == userid || tType == 1 || tType == 4,
  7166. }"
  7167. >
  7168. 评分
  7169. </div>
  7170. <img
  7171. class="deleteImg"
  7172. src="../assets/deleteworks.png"
  7173. v-if="
  7174. w.userid == userid || tType == 1 || tType == 4
  7175. "
  7176. @click.stop="deleteWorks(w.wid)"
  7177. alt
  7178. />
  7179. </div>
  7180. <div class="worksName">
  7181. <div>{{ w.sName }}</div>
  7182. </div>
  7183. </div>
  7184. </div>
  7185. </div>
  7186. <div
  7187. v-if="tool.tool.indexOf(49) != -1"
  7188. class="xuan_right_box"
  7189. style="margin: 0 15px 0 25px; width: 93%"
  7190. >
  7191. <div
  7192. v-if="courseDetail.userid == userid"
  7193. style="
  7194. display: flex;
  7195. justify-content: flex-end;
  7196. margin-right: 10px;
  7197. "
  7198. >
  7199. <el-button
  7200. type="primary"
  7201. size="small"
  7202. @click="addTools(49, toolIndex, taskCount)"
  7203. >分组设置</el-button
  7204. >
  7205. </div>
  7206. <div
  7207. v-if="groupStudentUid[toolIndex]"
  7208. class="group_staic_box"
  7209. >
  7210. <div
  7211. v-for="(gp, gd) in tool.groupJson.group"
  7212. :key="gd"
  7213. class="group_staic"
  7214. >
  7215. <span> {{ gp.name }}</span>
  7216. <span>
  7217. 目前人数{{
  7218. groupStudentUid[toolIndex][gd].length
  7219. }}人</span
  7220. >
  7221. </div>
  7222. </div>
  7223. </div>
  7224. <div v-if="tool.tool.indexOf(49) != -1" class="worksBox">
  7225. <div
  7226. class="zuoyeYulan"
  7227. v-if="
  7228. worksStudent.length &&
  7229. worksStudent[toolIndex].length > 0
  7230. "
  7231. >
  7232. <span class="worksTitle">作业预览</span>
  7233. </div>
  7234. <div>
  7235. <div
  7236. class="group_workBox"
  7237. v-for="(g, gindex) in tool.groupJson.group"
  7238. :key="gindex"
  7239. >
  7240. <div
  7241. class="group_box"
  7242. v-if="
  7243. groupStudentUid[toolIndex] &&
  7244. worksStudent[toolIndex] &&
  7245. (worksStudent[toolIndex][gindex].length ||
  7246. groupStudentUid[toolIndex][gindex].indexOf(
  7247. userid
  7248. ) != -1)
  7249. "
  7250. >
  7251. <div class="group_title">
  7252. <el-tooltip
  7253. class="item"
  7254. effect="light"
  7255. :content="g.name"
  7256. placement="top"
  7257. >
  7258. <div class="group_name">{{ g.name }}</div>
  7259. </el-tooltip>
  7260. <el-button
  7261. type="primary"
  7262. v-if="
  7263. groupStudentUid[toolIndex][gindex].indexOf(
  7264. userid
  7265. ) != -1
  7266. "
  7267. @click="groupUpload(toolIndex, taskCount, gindex)"
  7268. >上传作业</el-button
  7269. >
  7270. </div>
  7271. <div class="group_work">
  7272. <div
  7273. class="works"
  7274. style="
  7275. width: 200px;
  7276. height: 140px;
  7277. margin: 10px 10px 10px 0;
  7278. border-radius: 15px;
  7279. box-shadow: 0 0 6px 1px #dfdada;
  7280. "
  7281. v-for="(w, wIndex) in worksStudent[toolIndex][
  7282. gindex
  7283. ]"
  7284. :key="wIndex"
  7285. :class="w.type == 1 ? 'isTypeOne' : ''"
  7286. >
  7287. <div class="workImg" v-if="w.type == 0">
  7288. <img
  7289. :src="w.works"
  7290. @click="previewImg(w.works,w)"
  7291. alt
  7292. />
  7293. <div
  7294. class="answerScore"
  7295. v-if="w.score"
  7296. @click.stop="openScore(w)"
  7297. :class="{
  7298. rightW:
  7299. w.userid == userid ||
  7300. tType == 1 ||
  7301. tType == 4 ||
  7302. w.ateacher == userid,
  7303. }"
  7304. >
  7305. {{ JSON.parse(w.score).wScore }}分
  7306. </div>
  7307. <div
  7308. class="answerScore"
  7309. @click.stop="openScore(w)"
  7310. v-else-if="courseDetail.userid == userid"
  7311. :class="{
  7312. rightW:
  7313. w.userid == userid ||
  7314. tType == 1 ||
  7315. tType == 4 ||
  7316. w.ateacher == userid,
  7317. }"
  7318. >
  7319. 评分
  7320. </div>
  7321. <img
  7322. class="deleteImg"
  7323. src="../assets/deleteworks.png"
  7324. v-if="
  7325. w.userid == userid ||
  7326. tType == 1 ||
  7327. tType == 4
  7328. "
  7329. @click.stop="deleteWorks(w.wid)"
  7330. alt
  7331. />
  7332. </div>
  7333. <div class="workImg" v-if="w.type == 1">
  7334. <img
  7335. :src="word"
  7336. @click="openFile(w.works,w)"
  7337. alt
  7338. />
  7339. <!-- @click="openFile(w.works)" -->
  7340. <div
  7341. class="answerScore"
  7342. v-if="w.score"
  7343. @click.stop="openScore(w)"
  7344. :class="{
  7345. rightW:
  7346. w.userid == userid ||
  7347. tType == 1 ||
  7348. tType == 4 ||
  7349. w.ateacher == userid,
  7350. }"
  7351. >
  7352. {{ JSON.parse(w.score).wScore }}分
  7353. </div>
  7354. <div
  7355. class="answerScore"
  7356. @click.stop="openScore(w)"
  7357. v-else-if="courseDetail.userid == userid"
  7358. :class="{
  7359. rightW:
  7360. w.userid == userid ||
  7361. tType == 1 ||
  7362. tType == 4 ||
  7363. w.ateacher == userid,
  7364. }"
  7365. >
  7366. 评分
  7367. </div>
  7368. <img
  7369. class="deleteImg"
  7370. src="../assets/deleteworks.png"
  7371. v-if="
  7372. w.userid == userid ||
  7373. tType == 1 ||
  7374. tType == 4
  7375. "
  7376. @click.stop="deleteWorks(w.wid)"
  7377. alt
  7378. />
  7379. </div>
  7380. <div class="workImg" v-if="w.type == 3">
  7381. <img
  7382. style="cursor: pointer"
  7383. :src="video"
  7384. @click="openVideo(w)"
  7385. alt
  7386. />
  7387. <!-- @click="openVideo(w.works)" -->
  7388. <div
  7389. class="answerScore"
  7390. v-if="w.score"
  7391. @click.stop="openScore(w)"
  7392. :class="{
  7393. rightW:
  7394. w.userid == userid ||
  7395. tType == 1 ||
  7396. tType == 4 ||
  7397. w.ateacher == userid,
  7398. }"
  7399. >
  7400. {{ JSON.parse(w.score).wScore }}分
  7401. </div>
  7402. <div
  7403. class="answerScore"
  7404. @click.stop="openScore(w)"
  7405. v-else-if="courseDetail.userid == userid"
  7406. :class="{
  7407. rightW:
  7408. w.userid == userid ||
  7409. tType == 1 ||
  7410. tType == 4 ||
  7411. w.ateacher == userid,
  7412. }"
  7413. >
  7414. 评分
  7415. </div>
  7416. <img
  7417. class="deleteImg"
  7418. src="../assets/deleteworks.png"
  7419. v-if="
  7420. w.userid == userid ||
  7421. tType == 1 ||
  7422. tType == 4
  7423. "
  7424. @click.stop="deleteWorks(w.wid)"
  7425. alt
  7426. />
  7427. </div>
  7428. <div class="workImg" v-if="w.type == 12">
  7429. <img
  7430. style="cursor: pointer"
  7431. :src="word2"
  7432. @click="downloadFile(w.works)"
  7433. alt
  7434. />
  7435. <!-- @click="openVideo(w.works)" -->
  7436. <div
  7437. class="answerScore"
  7438. v-if="w.score"
  7439. @click.stop="openScore(w)"
  7440. :class="{
  7441. rightW:
  7442. w.userid == userid ||
  7443. tType == 1 ||
  7444. tType == 4 ||
  7445. w.ateacher == userid,
  7446. }"
  7447. >
  7448. {{ JSON.parse(w.score).wScore }}分
  7449. </div>
  7450. <div
  7451. class="answerScore"
  7452. @click.stop="openScore(w)"
  7453. v-else-if="courseDetail.userid == userid"
  7454. :class="{
  7455. rightW:
  7456. w.userid == userid ||
  7457. tType == 1 ||
  7458. tType == 4 ||
  7459. w.ateacher == userid,
  7460. }"
  7461. >
  7462. 评分
  7463. </div>
  7464. <img
  7465. class="deleteImg"
  7466. src="../assets/deleteworks.png"
  7467. v-if="
  7468. w.userid == userid ||
  7469. tType == 1 ||
  7470. tType == 4
  7471. "
  7472. @click.stop="deleteWorks(w.wid)"
  7473. alt
  7474. />
  7475. </div>
  7476. <div class="comment" style="min-width: 200px">
  7477. <div class="worksName">
  7478. <div>{{ w.sName }}</div>
  7479. </div>
  7480. <div class="commentList">
  7481. <div class="commentList">
  7482. <div
  7483. class="commentImg"
  7484. @click="
  7485. isLikes(
  7486. w.wid,
  7487. userid,
  7488. 1,
  7489. null,
  7490. w.isLikes,
  7491. w.sName
  7492. )
  7493. "
  7494. >
  7495. <img
  7496. :src="
  7497. w.isLikes == true ? likes : noLikes
  7498. "
  7499. alt=""
  7500. />
  7501. </div>
  7502. <div>{{ w.likesCount }}</div>
  7503. </div>
  7504. <div
  7505. class="commentList"
  7506. style="margin-right: 15px"
  7507. >
  7508. <div
  7509. class="commentImg"
  7510. @click="
  7511. commentOther(
  7512. w,
  7513. toolIndex,
  7514. wIndex,
  7515. gindex
  7516. )
  7517. "
  7518. >
  7519. <img
  7520. src="../assets/icon/comment/comment.png"
  7521. alt=""
  7522. />
  7523. </div>
  7524. <div>{{ w.commentCount }}</div>
  7525. </div>
  7526. </div>
  7527. </div>
  7528. </div>
  7529. </div>
  7530. </div>
  7531. </div>
  7532. </div>
  7533. </div>
  7534. </div>
  7535. <!-- <div class="upload_toolBtn" @click="addImg($event)">
  7536. 上传文件
  7537. <input
  7538. type="file"
  7539. accept="image/png, image/gif, image/jpeg"
  7540. style="display: none"
  7541. @change="beforeUpload1($event, 2, index)"
  7542. />
  7543. </div>-->
  7544. </div>
  7545. </div>
  7546. <!-- <div
  7547. class="vedioBox"
  7548. style="margin-top: 10px"
  7549. v-if="
  7550. courseDetail.userid == userid ||
  7551. (courseDetail.course_teacher &&
  7552. courseDetail.course_teacher.indexOf(userid) != -1)
  7553. "
  7554. :style="{
  7555. borderRadius:
  7556. !(
  7557. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7558. .toolChoose[0].tool &&
  7559. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7560. .toolChoose[0].tool.length > 0
  7561. ) &&
  7562. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  7563. .taskDetail == '' &&
  7564. vChapterData[taskCount].length == 0 &&
  7565. fileC[taskCount].length == 0
  7566. ? '0 0 20px 20px'
  7567. : '20px',
  7568. }"
  7569. >
  7570. <div
  7571. class="queTop"
  7572. @click="isClose = !isClose"
  7573. style="
  7574. padding: 15px 0 15px 37px;
  7575. justify-content: space-between;
  7576. "
  7577. >
  7578. <div class="queTopTitle">新增工具</div>
  7579. <div class="queTopRight">
  7580. <div class="queTopClose" v-if="isClose == 0">
  7581. 展开
  7582. <div class="closeImg">
  7583. <img src="../assets/icon/newIcon/close.png" alt="" />
  7584. </div>
  7585. </div>
  7586. <div class="queTopClose" v-if="isClose == 1">
  7587. 折叠
  7588. <div class="openImg">
  7589. <img src="../assets/icon/newIcon/open.png" alt="" />
  7590. </div>
  7591. </div>
  7592. <el-button
  7593. style="margin: 0 30px 0 auto"
  7594. type="primary"
  7595. size="small"
  7596. v-if="isClose == 1 && checktoolArray.length > 0"
  7597. @click.stop="addToolChoose"
  7598. >确定</el-button
  7599. >
  7600. </div>
  7601. </div>
  7602. <div
  7603. class="tool_work_box"
  7604. :style="isClose == 0 ? 'display:none' : 'display:block'"
  7605. >
  7606. <div class="tool_box">
  7607. <div class="tool_type_box">
  7608. <div class="chooseWho">
  7609. <div
  7610. :class="toolType == 0 ? 'isChooseActive' : ''"
  7611. @click="(toolType = 0), $forceUpdate()"
  7612. >
  7613. 互动类
  7614. </div>
  7615. <div
  7616. :class="toolType == 1 ? 'isChooseActive' : ''"
  7617. @click="(toolType = 1), $forceUpdate()"
  7618. >
  7619. 思维类
  7620. </div>
  7621. <div
  7622. :class="toolType == 2 ? 'isChooseActive' : ''"
  7623. @click="(toolType = 2), $forceUpdate()"
  7624. >
  7625. 测评类
  7626. </div>
  7627. <div
  7628. :class="toolType == 3 ? 'isChooseActive' : ''"
  7629. @click="(toolType = 3), $forceUpdate()"
  7630. >
  7631. 编程类
  7632. </div>
  7633. <div
  7634. :class="toolType == 5 ? 'isChooseActive' : ''"
  7635. @click="(toolType = 5), $forceUpdate()"
  7636. >
  7637. 学科类
  7638. </div>
  7639. </div>
  7640. </div>
  7641. <div>
  7642. <div class="toolSort" v-if="toolType == 0">
  7643. <div class="tool">
  7644. <div class="whiteBIcon" @click="addTools2(10)">
  7645. <img
  7646. src="../assets/icon/thirdToolList/time.png"
  7647. alt
  7648. />
  7649. <div style="margin: 5px 0">倒计时</div>
  7650. </div>
  7651. <div class="check" @click="addTools2(10)">
  7652. <img
  7653. src="../assets/icon/checkNo.png"
  7654. alt
  7655. v-if="checktoolArray.indexOf(10) == -1"
  7656. />
  7657. <div class="checkDiv" v-else>
  7658. <img src="../assets/icon/checkedIs.png" alt /><span
  7659. >已选择</span
  7660. >
  7661. </div>
  7662. </div>
  7663. </div>
  7664. <div class="tool">
  7665. <div class="whiteBIcon" @click="addTools2(65)">
  7666. <img
  7667. src="../assets/icon/firstToolList/pickPeople.png"
  7668. alt
  7669. />
  7670. <div style="margin: 5px 0">挑人</div>
  7671. </div>
  7672. <div class="check" @click="addTools2(65)">
  7673. <img
  7674. src="../assets/icon/checkNo.png"
  7675. alt
  7676. v-if="checktoolArray.indexOf(65) == -1"
  7677. />
  7678. <div class="checkDiv" v-else>
  7679. <img src="../assets/icon/checkedIs.png" alt /><span
  7680. >已选择</span
  7681. >
  7682. </div>
  7683. </div>
  7684. </div>
  7685. </div>
  7686. <div class="toolSort" v-if="toolType == 1">
  7687. <div class="tool">
  7688. <div class="whiteBIcon" @click="addTools2(7)">
  7689. <img
  7690. src="../assets/icon/secondToolList/mindNetwork.png"
  7691. alt
  7692. />
  7693. <div style="margin: 5px 0">思维网格</div>
  7694. </div>
  7695. <div class="check" @click="addTools2(7)">
  7696. <img
  7697. src="../assets/icon/checkNo.png"
  7698. alt
  7699. v-if="checktoolArray.indexOf(7) == -1"
  7700. />
  7701. <div class="checkDiv" v-else>
  7702. <img src="../assets/icon/checkedIs.png" alt /><span
  7703. >已选择</span
  7704. >
  7705. </div>
  7706. </div>
  7707. </div>
  7708. <div class="tool">
  7709. <div class="whiteBIcon" @click="addTools2(1)">
  7710. <img
  7711. src="../assets/icon/secondToolList/whiteBoard.png"
  7712. alt
  7713. />
  7714. <div style="margin: 5px 0">电子白板</div>
  7715. </div>
  7716. <div class="check" @click="addTools2(1)">
  7717. <img
  7718. src="../assets/icon/checkNo.png"
  7719. alt
  7720. v-if="checktoolArray.indexOf(1) == -1"
  7721. />
  7722. <div class="checkDiv" v-else>
  7723. <img src="../assets/icon/checkedIs.png" alt /><span
  7724. >已选择</span
  7725. >
  7726. </div>
  7727. </div>
  7728. </div>
  7729. <div class="tool">
  7730. <div class="whiteBIcon" @click="addTools2(52)">
  7731. <img
  7732. src="../assets/icon/fourthToolList/text.png"
  7733. alt
  7734. />
  7735. <div style="margin: 5px 0">文档</div>
  7736. </div>
  7737. <div class="check" @click="addTools2(52)">
  7738. <img
  7739. src="../assets/icon/checkNo.png"
  7740. alt
  7741. v-if="checktoolArray.indexOf(52) == -1"
  7742. />
  7743. <div class="checkDiv" v-else>
  7744. <img src="../assets/icon/checkedIs.png" alt /><span
  7745. >已选择</span
  7746. >
  7747. </div>
  7748. </div>
  7749. </div>
  7750. <div class="tool">
  7751. <div class="whiteBIcon" @click="addTools2(3)">
  7752. <img
  7753. src="../assets/icon/secondToolList/mindMapping.png"
  7754. alt
  7755. />
  7756. <div style="margin: 5px 0">思维导图</div>
  7757. </div>
  7758. <div class="check" @click="addTools2(3)">
  7759. <img
  7760. src="../assets/icon/checkNo.png"
  7761. alt
  7762. v-if="checktoolArray.indexOf(3) == -1"
  7763. />
  7764. <div class="checkDiv" v-else>
  7765. <img src="../assets/icon/checkedIs.png" alt /><span
  7766. >已选择</span
  7767. >
  7768. </div>
  7769. </div>
  7770. </div>
  7771. <div class="tool">
  7772. <div class="whiteBIcon" @click="addTools2(48)">
  7773. <img
  7774. src="../assets/icon/fourthToolList/table.png"
  7775. alt
  7776. />
  7777. <div style="margin: 5px 0">表格</div>
  7778. </div>
  7779. <div class="check" @click="addTools2(48)">
  7780. <img
  7781. src="../assets/icon/checkNo.png"
  7782. alt
  7783. v-if="checktoolArray.indexOf(48) == -1"
  7784. />
  7785. <div class="checkDiv" v-else>
  7786. <img src="../assets/icon/checkedIs.png" alt /><span
  7787. >已选择</span
  7788. >
  7789. </div>
  7790. </div>
  7791. </div>
  7792. </div>
  7793. <div class="toolSort" v-if="toolType == 6">
  7794. <div v-show="tooC == 49">
  7795. <img
  7796. @click="addTools(tooC, toolIndex, taskCount)"
  7797. src="../assets/icon/fourthToolList/group.png"
  7798. alt
  7799. />
  7800. <div style="margin: 5px 0">学生分组</div>
  7801. </div>
  7802. </div>
  7803. <div class="toolSort" v-if="toolType == 2">
  7804. <div class="tool">
  7805. <div class="whiteBIcon" @click="addTools2(16)">
  7806. <img
  7807. src="../assets/icon/thirdToolList/work.png"
  7808. alt
  7809. />
  7810. <div style="margin: 5px 0">作业提交</div>
  7811. </div>
  7812. <div class="check" @click="addTools2(16)">
  7813. <img
  7814. src="../assets/icon/checkNo.png"
  7815. alt
  7816. v-if="checktoolArray.indexOf(16) == -1"
  7817. />
  7818. <div class="checkDiv" v-else>
  7819. <img src="../assets/icon/checkedIs.png" alt /><span
  7820. >已选择</span
  7821. >
  7822. </div>
  7823. </div>
  7824. </div>
  7825. <div class="tool">
  7826. <div class="whiteBIcon" @click="addTools2(50)">
  7827. <img
  7828. src="../assets/icon/thirdToolList/plwork.png"
  7829. alt
  7830. />
  7831. <div style="margin: 5px 0">批量上传</div>
  7832. </div>
  7833. <div class="check" @click="addTools2(50)">
  7834. <img
  7835. src="../assets/icon/checkNo.png"
  7836. alt
  7837. v-if="checktoolArray.indexOf(50) == -1"
  7838. />
  7839. <div class="checkDiv" v-else>
  7840. <img src="../assets/icon/checkedIs.png" alt /><span
  7841. >已选择</span
  7842. >
  7843. </div>
  7844. </div>
  7845. </div>
  7846. </div>
  7847. <div class="toolSort" v-if="toolType == 3">
  7848. <div class="tool">
  7849. <div class="whiteBIcon" @click="addTools2(18)">
  7850. <img
  7851. src="../assets/icon/thirdToolList/trainPlatform.png"
  7852. alt
  7853. />
  7854. <div style="margin: 5px 0">训练平台</div>
  7855. </div>
  7856. <div class="check" @click="addTools2(18)">
  7857. <img
  7858. src="../assets/icon/checkNo.png"
  7859. alt
  7860. v-if="checktoolArray.indexOf(18) == -1"
  7861. />
  7862. <div class="checkDiv" v-else>
  7863. <img src="../assets/icon/checkedIs.png" alt /><span
  7864. >已选择</span
  7865. >
  7866. </div>
  7867. </div>
  7868. </div>
  7869. <div class="tool">
  7870. <div class="whiteBIcon" @click="addTools2(21)">
  7871. <img
  7872. src="../assets/icon/fourthToolList/program.png"
  7873. alt
  7874. />
  7875. <div style="margin: 5px 0">AIoT Blockly</div>
  7876. </div>
  7877. <div class="check" @click="addTools2(21)">
  7878. <img
  7879. src="../assets/icon/checkNo.png"
  7880. alt
  7881. v-if="checktoolArray.indexOf(21) == -1"
  7882. />
  7883. <div class="checkDiv" v-else>
  7884. <img src="../assets/icon/checkedIs.png" alt /><span
  7885. >已选择</span
  7886. >
  7887. </div>
  7888. </div>
  7889. </div>
  7890. <div class="tool">
  7891. <div class="whiteBIcon" @click="addTools2(23)">
  7892. <img
  7893. src="../assets/icon/fourthToolList/Pythonprogram.png"
  7894. alt
  7895. />
  7896. <div style="margin: 5px 0">AI Python</div>
  7897. </div>
  7898. <div class="check" @click="addTools2(23)">
  7899. <img
  7900. src="../assets/icon/checkNo.png"
  7901. alt
  7902. v-if="checktoolArray.indexOf(23) == -1"
  7903. />
  7904. <div class="checkDiv" v-else>
  7905. <img src="../assets/icon/checkedIs.png" alt /><span
  7906. >已选择</span
  7907. >
  7908. </div>
  7909. </div>
  7910. </div>
  7911. <div class="tool">
  7912. <div class="whiteBIcon" @click="addTools2(24)">
  7913. <img
  7914. src="../assets/icon/fourthToolList/AIprogram.png"
  7915. alt
  7916. />
  7917. <div style="margin: 5px 0">AI Blockly</div>
  7918. </div>
  7919. <div class="check" @click="addTools2(24)">
  7920. <img
  7921. src="../assets/icon/checkNo.png"
  7922. alt
  7923. v-if="checktoolArray.indexOf(24) == -1"
  7924. />
  7925. <div class="checkDiv" v-else>
  7926. <img src="../assets/icon/checkedIs.png" alt /><span
  7927. >已选择</span
  7928. >
  7929. </div>
  7930. </div>
  7931. </div>
  7932. <div class="tool">
  7933. <div class="whiteBIcon" @click="addTools2(32)">
  7934. <img
  7935. src="../assets/icon/thirdToolList/code.png"
  7936. alt
  7937. />
  7938. <div style="margin: 5px 0">源码编辑</div>
  7939. </div>
  7940. <div class="check" @click="addTools2(32)">
  7941. <img
  7942. src="../assets/icon/checkNo.png"
  7943. alt
  7944. v-if="checktoolArray.indexOf(32) == -1"
  7945. />
  7946. <div class="checkDiv" v-else>
  7947. <img src="../assets/icon/checkedIs.png" alt /><span
  7948. >已选择</span
  7949. >
  7950. </div>
  7951. </div>
  7952. </div>
  7953. <div class="tool">
  7954. <div class="whiteBIcon" @click="addTools2(57)">
  7955. <img
  7956. src="../assets/icon/fourthToolList/cocopi.png"
  7957. alt
  7958. />
  7959. <div style="margin: 5px 0">CocoPi</div>
  7960. </div>
  7961. <div class="check" @click="addTools2(57)">
  7962. <img
  7963. src="../assets/icon/checkNo.png"
  7964. alt
  7965. v-if="checktoolArray.indexOf(57) == -1"
  7966. />
  7967. <div class="checkDiv" v-else>
  7968. <img src="../assets/icon/checkedIs.png" alt /><span
  7969. >已选择</span
  7970. >
  7971. </div>
  7972. </div>
  7973. </div>
  7974. <div class="tool">
  7975. <div class="whiteBIcon" @click="addTools2(63)">
  7976. <img
  7977. src="../assets/icon/fourthToolList/Wood.png"
  7978. alt
  7979. />
  7980. <div style="margin: 5px 0">海龟编程</div>
  7981. </div>
  7982. <div class="check" @click="addTools2(63)">
  7983. <img
  7984. src="../assets/icon/checkNo.png"
  7985. alt
  7986. v-if="checktoolArray.indexOf(63) == -1"
  7987. />
  7988. <div class="checkDiv" v-else>
  7989. <img src="../assets/icon/checkedIs.png" alt /><span
  7990. >已选择</span
  7991. >
  7992. </div>
  7993. </div>
  7994. </div>
  7995. </div>
  7996. <div class="toolSort" v-if="toolType == 5">
  7997. <div class="tool">
  7998. <div class="whiteBIcon" @click="addTools2(28)">
  7999. <img
  8000. src="../assets/icon/secondToolList/translation.png"
  8001. alt
  8002. />
  8003. <div style="margin: 5px 0">翻译</div>
  8004. </div>
  8005. <div class="check" @click="addTools2(28)">
  8006. <img
  8007. src="../assets/icon/checkNo.png"
  8008. alt
  8009. v-if="checktoolArray.indexOf(28) == -1"
  8010. />
  8011. <div class="checkDiv" v-else>
  8012. <img src="../assets/icon/checkedIs.png" alt /><span
  8013. >已选择</span
  8014. >
  8015. </div>
  8016. </div>
  8017. </div>
  8018. <div class="tool">
  8019. <div class="whiteBIcon" @click="addTools2(31)">
  8020. <img
  8021. src="../assets/icon/secondToolList/networkPanel.png"
  8022. alt
  8023. />
  8024. <div style="margin: 5px 0">数字画板</div>
  8025. </div>
  8026. <div class="check" @click="addTools2(31)">
  8027. <img
  8028. src="../assets/icon/checkNo.png"
  8029. alt
  8030. v-if="checktoolArray.indexOf(31) == -1"
  8031. />
  8032. <div class="checkDiv" v-else>
  8033. <img src="../assets/icon/checkedIs.png" alt /><span
  8034. >已选择</span
  8035. >
  8036. </div>
  8037. </div>
  8038. </div>
  8039. <div class="tool">
  8040. <div class="whiteBIcon" @click="addTools2(39)">
  8041. <img
  8042. src="../assets/icon/secondToolList/GeoGebra.png"
  8043. alt
  8044. />
  8045. <div style="margin: 5px 0">GeoGebra</div>
  8046. </div>
  8047. <div class="check" @click="addTools2(39)">
  8048. <img
  8049. src="../assets/icon/checkNo.png"
  8050. alt
  8051. v-if="checktoolArray.indexOf(39) == -1"
  8052. />
  8053. <div class="checkDiv" v-else>
  8054. <img src="../assets/icon/checkedIs.png" alt /><span
  8055. >已选择</span
  8056. >
  8057. </div>
  8058. </div>
  8059. </div>
  8060. <div class="tool">
  8061. <div class="whiteBIcon" @click="addTools2(66)">
  8062. <img
  8063. src="../assets/icon/secondToolList/formulaEdi.png"
  8064. alt
  8065. />
  8066. <div style="margin: 5px 0">公式编辑</div>
  8067. </div>
  8068. <div class="check" @click="addTools2(66)">
  8069. <img
  8070. src="../assets/icon/checkNo.png"
  8071. alt
  8072. v-if="checktoolArray.indexOf(66) == -1"
  8073. />
  8074. <div class="checkDiv" v-else>
  8075. <img src="../assets/icon/checkedIs.png" alt /><span
  8076. >已选择</span
  8077. >
  8078. </div>
  8079. </div>
  8080. </div>
  8081. <div class="tool">
  8082. <div class="whiteBIcon" @click="addTools2(67)">
  8083. <img
  8084. src="../assets/icon/secondToolList/molStr.png"
  8085. alt
  8086. />
  8087. <div style="margin: 5px 0">分子结构</div>
  8088. </div>
  8089. <div class="check" @click="addTools2(67)">
  8090. <img
  8091. src="../assets/icon/checkNo.png"
  8092. alt
  8093. v-if="checktoolArray.indexOf(67) == -1"
  8094. />
  8095. <div class="checkDiv" v-else>
  8096. <img src="../assets/icon/checkedIs.png" alt /><span
  8097. >已选择</span
  8098. >
  8099. </div>
  8100. </div>
  8101. </div>
  8102. <div class="tool">
  8103. <div class="whiteBIcon" @click="addTools2(68)">
  8104. <img
  8105. src="../assets/icon/secondToolList/timeAxis.png"
  8106. alt
  8107. />
  8108. <div style="margin: 5px 0">时间轴</div>
  8109. </div>
  8110. <div class="check" @click="addTools2(68)">
  8111. <img
  8112. src="../assets/icon/checkNo.png"
  8113. alt
  8114. v-if="checktoolArray.indexOf(68) == -1"
  8115. />
  8116. <div class="checkDiv" v-else>
  8117. <img src="../assets/icon/checkedIs.png" alt /><span
  8118. >已选择</span
  8119. >
  8120. </div>
  8121. </div>
  8122. </div>
  8123. </div>
  8124. <div class="toolSort" v-if="toolType == 7">
  8125. <div class="tool">
  8126. <div class="whiteBIcon" @click="addTools2(40)">
  8127. <img
  8128. src="../assets/icon/secondToolList/eval.png"
  8129. alt
  8130. />
  8131. <div style="margin: 5px 0">个人评价</div>
  8132. </div>
  8133. <div class="check" @click="addTools2(40)">
  8134. <img
  8135. src="../assets/icon/checkNo.png"
  8136. alt
  8137. v-if="checktoolArray.indexOf(40) == -1"
  8138. />
  8139. <div class="checkDiv" v-else>
  8140. <img src="../assets/icon/checkedIs.png" alt /><span
  8141. >已选择</span
  8142. >
  8143. </div>
  8144. </div>
  8145. </div>
  8146. </div>
  8147. <div class="toolSort" v-if="toolType == 4">
  8148. <div class="tool">
  8149. <div class="whiteBIcon" @click="addTools2(26)">
  8150. <img
  8151. src="../assets/icon/thirdToolList/courseDesign.png"
  8152. alt
  8153. />
  8154. <div style="margin: 5px 0">课程设计</div>
  8155. </div>
  8156. <div class="check" @click="addTools2(26)">
  8157. <img
  8158. src="../assets/icon/checkNo.png"
  8159. alt
  8160. v-if="checktoolArray.indexOf(26) == -1"
  8161. />
  8162. <div class="checkDiv" v-else>
  8163. <img src="../assets/icon/checkedIs.png" alt /><span
  8164. >已选择</span
  8165. >
  8166. </div>
  8167. </div>
  8168. </div>
  8169. <div class="tool">
  8170. <div class="whiteBIcon" @click="addTools2(25)">
  8171. <img
  8172. src="../assets/icon/thirdToolList/evalua.png"
  8173. alt
  8174. />
  8175. <div style="margin: 5px 0">目标管理</div>
  8176. </div>
  8177. <div class="check" @click="addTools2(25)">
  8178. <img
  8179. src="../assets/icon/checkNo.png"
  8180. alt
  8181. v-if="checktoolArray.indexOf(25) == -1"
  8182. />
  8183. <div class="checkDiv" v-else>
  8184. <img src="../assets/icon/checkedIs.png" alt /><span
  8185. >已选择</span
  8186. >
  8187. </div>
  8188. </div>
  8189. </div>
  8190. </div>
  8191. </div>
  8192. </div>
  8193. </div>
  8194. </div> -->
  8195. <div
  8196. class="vedioBox"
  8197. style="margin-top: 10px; border-radius: 20px"
  8198. v-if="
  8199. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  8200. .eList &&
  8201. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  8202. .eList.length &&
  8203. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  8204. .eList.length > 0 &&
  8205. tType != 2
  8206. "
  8207. >
  8208. <div
  8209. class="queTop"
  8210. style="
  8211. font-size: 20px;
  8212. padding: 15px 0 15px 37px;
  8213. font-weight: bold;
  8214. "
  8215. >
  8216. <!-- <div class="question" style="width: 30px">
  8217. <img src="../assets/icon/toolIcon.png" alt />
  8218. </div>
  8219. <div class="queTitle">
  8220. <div>工具</div>
  8221. </div>-->
  8222. 评一评
  8223. </div>
  8224. <div class="evaCss" :class="{ evaCssMax: Stbodywidth < 974 }">
  8225. <div class="elist_input" :style="{width:evalua ? chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2?'45%':'calc(100% - 180px)' : '100%'}">
  8226. <el-table
  8227. :data="
  8228. chapInfoList[courseType].chapterInfo[0].taskJson[
  8229. taskCount
  8230. ].eList
  8231. "
  8232. :header-cell-style="{ background: '#F0F4FA' }"
  8233. :row-class-name="tableRowClassName"
  8234. border
  8235. stripe
  8236. style="width: 100%"
  8237. >
  8238. <el-table-column
  8239. label="评价名称"
  8240. align="center"
  8241. >
  8242. <template slot-scope="scope"
  8243. ><div>{{ scope.row.value }}</div></template
  8244. >
  8245. </el-table-column>
  8246. <el-table-column
  8247. label="评价描述"
  8248. align="center"
  8249. >
  8250. <template slot-scope="scope"
  8251. ><div>
  8252. {{ scope.row.detail != "" ? scope.row.detail : "-" }}
  8253. </div></template
  8254. >
  8255. </el-table-column>
  8256. <el-table-column label="目标" align="center">
  8257. <template slot-scope="scope"
  8258. ><div>
  8259. {{
  8260. scope.row.target
  8261. ? scope.row.target[scope.row.target.length - 1]
  8262. : "-"
  8263. }}
  8264. </div></template
  8265. ></el-table-column
  8266. >
  8267. </el-table>
  8268. <!-- <div
  8269. v-for="(eItem, eIndex) in chapInfoList[courseType]
  8270. .chapterInfo[0].taskJson[taskCount].eList"
  8271. :key="eIndex"
  8272. class="elist_input_box"
  8273. >
  8274. <div style="width: 95%">
  8275. <div
  8276. style="
  8277. display: flex;
  8278. flex-direction: row;
  8279. flex-wrap: nowrap;
  8280. align-items: center;
  8281. "
  8282. >
  8283. <div style="max-width: calc(100% - 285px)">
  8284. <span>{{ eItem.value }}</span>
  8285. </div>
  8286. <div
  8287. style="
  8288. padding-left: 25px;
  8289. display: flex;
  8290. flex-direction: row;
  8291. align-items: center;
  8292. "
  8293. >
  8294. <el-rate
  8295. v-model="eItem.score"
  8296. :colors="colors"
  8297. disabled
  8298. ></el-rate>
  8299. </div>
  8300. </div>
  8301. <div class="elist_inptu_text" style="padding-left: 10px">
  8302. <span v-if="eItem.detail != ''">{{
  8303. eItem.detail
  8304. }}</span>
  8305. <span v-else style="color: #b2b1b3; font-size: 14px"
  8306. >暂无描述...</span
  8307. >
  8308. </div>
  8309. </div>
  8310. </div> -->
  8311. </div>
  8312. <div
  8313. v-if="evalua"
  8314. style="
  8315. border: 1px solid #e5e5e5;
  8316. max-width: 650px;
  8317. width: 100%;
  8318. margin-top: 20px;
  8319. box-shadow: 3px 1px 15px 3px #e0e0e0;
  8320. "
  8321. :style="{width:chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2?'100%':'116px'}"
  8322. >
  8323. <div class="e_add_top">
  8324. <div class="e_add_title" style="width: 100%">
  8325. <!-- <span>目标管理名称</span> -->
  8326. <span v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2">{{ eTitle }}</span>
  8327. <img
  8328. v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2"
  8329. src="../assets/line.png"
  8330. class="cru_line"
  8331. style="
  8332. width: 125px;
  8333. height: 20px;
  8334. bottom: -10px;
  8335. left: 5px;
  8336. "
  8337. />
  8338. <!-- <el-input
  8339. v-model="eTitle"
  8340. placeholder="请输入名称"
  8341. @change="setMindData"
  8342. ></el-input>-->
  8343. <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>
  8344. <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>
  8345. </div>
  8346. </div>
  8347. <div class="e_add_content" v-if="chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].isEvaFold2" >
  8348. <div class="e_add_list_pbox">
  8349. <div class="e_add_list_pbox_title">
  8350. <!-- <span class="type_title">切换模式</span> -->
  8351. <div class="type_content">
  8352. <span
  8353. :class="{ active: typeMode == 1 }"
  8354. @click="typeMode = 1"
  8355. >目标树</span
  8356. >
  8357. <span
  8358. :class="{ active: typeMode == 2 }"
  8359. @click="typeMode = 2"
  8360. >目标罗盘</span
  8361. >
  8362. <!-- <span
  8363. :class="{ active: typeMode == 3 }"
  8364. @click="typeMode = 3"
  8365. >目标看板</span
  8366. > -->
  8367. </div>
  8368. </div>
  8369. <div class="e_add_list_pbox_content" style="min-height: 200px;">
  8370. <Mind
  8371. :showBar="false"
  8372. :mindData="data"
  8373. style="width: 100%"
  8374. v-show="typeMode == 1"
  8375. ></Mind>
  8376. <Sunburst
  8377. :Josn="eJson"
  8378. :num="eJSONNum"
  8379. style="width: 100%"
  8380. v-if="typeMode == 2"
  8381. ></Sunburst>
  8382. <SeeBoard
  8383. :Josn="eJson"
  8384. :num="eJSONNum"
  8385. :ename="eTitle"
  8386. style="width: 100%"
  8387. v-if="typeMode == 3"
  8388. >
  8389. </SeeBoard>
  8390. </div>
  8391. </div>
  8392. </div>
  8393. </div>
  8394. </div>
  8395. </div>
  8396. <!-- <div
  8397. class="project_box"
  8398. style="margin-top: 15px; padding-bottom: 30px"
  8399. >
  8400. <div
  8401. style="
  8402. display: flex;
  8403. flex-wrap: nowrap;
  8404. flex-direction: column;
  8405. position: relative;
  8406. "
  8407. >
  8408. <div class="queTop">
  8409. <div class="question">
  8410. <img src="../assets/icon/homeWork.png" alt="" />
  8411. </div>
  8412. <div class="queTitle">
  8413. <div>作业提交<span>(提交图文视频等)</span></div>
  8414. <div>:任务:{{ task.task }}</div>
  8415. </div>
  8416. </div>
  8417. <div class="ediBottom">
  8418. <div
  8419. class="addEditor"
  8420. style="margin-top: 23px"
  8421. @click="openAddWork"
  8422. v-if="!isNoHomeWork"
  8423. >
  8424. 选择文件
  8425. </div>
  8426. <div
  8427. class="addEditor"
  8428. style="margin-top: 23px"
  8429. @click="openAddWork"
  8430. v-else
  8431. >
  8432. 已提交
  8433. </div>
  8434. </div>
  8435. </div>
  8436. </div>-->
  8437. </div>
  8438. </div>
  8439. <el-dialog
  8440. title="作业提交"
  8441. :visible.sync="dialogVisible"
  8442. :append-to-body="true"
  8443. width="500px"
  8444. :before-close="handleClose"
  8445. class="dialog_change"
  8446. >
  8447. <div class="marginT">
  8448. <div>上传文件</div>
  8449. <div style="display: flex; gap: 10px">
  8450. <div
  8451. class="chapter_add"
  8452. @click="addImg($event)"
  8453. v-if="studyJuri[0].cover.length == 0"
  8454. >
  8455. <div class="up_photo">
  8456. <img src="../assets/icon/uploadImg.png" alt />
  8457. </div>
  8458. <!-- <input
  8459. type="file"
  8460. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  8461. style="display: none"
  8462. @change="beforeUpload1($event, 1)"
  8463. /> -->
  8464. <input
  8465. type="file"
  8466. accept="*"
  8467. style="display: none"
  8468. @change="beforeUpload1($event, 1)"
  8469. />
  8470. <!-- <input
  8471. type="file"
  8472. accept="image/*"
  8473. capture="camera"
  8474. style="display: none"
  8475. @change="beforeUpload1($event, 1)"
  8476. /> -->
  8477. </div>
  8478. <div
  8479. class="chapter_add"
  8480. @click="addImg($event)"
  8481. v-if="studyJuri[0].cover.length == 0"
  8482. >
  8483. <div class="up_photo" style="background: rgb(232, 239, 248);width: 120px;height: 120px;display: flex;align-items: center;justify-content: center;">
  8484. <img src="../assets/icon/uploadImg2.png" style="width: 110px; height: 110px" alt />
  8485. </div>
  8486. <input
  8487. type="file"
  8488. accept="image/*"
  8489. capture="camera"
  8490. style="display: none"
  8491. @change="beforeUpload1($event, 1)"
  8492. />
  8493. </div>
  8494. </div>
  8495. <div
  8496. class="chapter_add"
  8497. style="
  8498. display: flex;
  8499. width: 100%;
  8500. flex-direction: row;
  8501. flex-wrap: wrap;
  8502. justify-content: flex-start;
  8503. padding: 15px 0;
  8504. "
  8505. v-if="studyJuri[0].cover.length > 0"
  8506. >
  8507. <div class="upCover">
  8508. <img
  8509. :src="studyJuri[0].cover[0].url"
  8510. alt
  8511. v-if="fileType == 0"
  8512. />
  8513. <img :src="word" alt v-else-if="fileType == 1" />
  8514. <img :src="video" alt v-else-if="fileType == 2" />
  8515. <img :src="word2" alt v-else-if="fileType == 3" />
  8516. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  8517. <div class="deleteWord" @click="clean(1)">
  8518. <img src="../assets/icon/deleteWorks.png" alt />
  8519. </div>
  8520. </div>
  8521. </div>
  8522. </div>
  8523. <div
  8524. class="upload_send"
  8525. @click="addCourseWorks(taskCount)"
  8526. v-if="!proVisible"
  8527. >
  8528. 提交
  8529. </div>
  8530. </el-dialog>
  8531. </div>
  8532. <!-- v-show="org == '1973f6c7-1561-11ee-91d8-005056b86db5' || org == '777559d2-7239-11ee-b98c-005056b86db5' || org == '884c5665-a453-46f3-b7b6-01d575290aa9'" -->
  8533. <classRoomHelper v-if="!['2'].includes(tType) || canUseCourseId.includes(id)" @studentFreePreview="studentFreePreview" @OpenJobPreview="OpenJobPreview" :videoStart="videoStart" :IsFollow="IsFollow" :sIsOpen="sIsOpen" :IsLookOpen="IsLookOpen" :splitScreenData="splitScreenData" @splitScreenBehavior="splitScreenBehavior" @startRecording="startRecording" @stopRecording="stopRecording" :fileList="vChapterData[taskCount]" :worksStudent="worksStudent" :courseType="parseInt(courseType)" :taskCount="taskCount" :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(
  8534. '/courseDetail?userid=' +
  8535. userid +
  8536. '&oid=' +
  8537. oid +
  8538. '&org=' +
  8539. org +
  8540. '&cid=' +
  8541. classId +
  8542. '&courseId=' +
  8543. id +
  8544. '&tType=' +
  8545. tType +
  8546. '&screenType=' +
  8547. screenType
  8548. )"></classRoomHelper>
  8549. <studentClassRoomHelper v-else-if="['2'].includes(tType)" @studentFreePreview="studentFreePreview" @OpenJobPreview="OpenJobPreview" :videoStart="videoStart" :IsFollow="IsFollow" :sIsOpen="sIsOpen" :IsLookOpen="IsLookOpen" :splitScreenData="splitScreenData" @splitScreenBehavior="splitScreenBehavior" @startRecording="startRecording" @stopRecording="stopRecording" :fileList="vChapterData[taskCount]" :worksStudent="worksStudent" :courseType="parseInt(courseType)" :taskCount="taskCount" :tcid="tcid" :navList="navList" v-show="orgArray.includes(org) || oidArray.includes(oid)" :courseDetail="courseDetail" :tType="tType" @setWidth="setClassRoomHelperWidth" @refresh="refreshCourse" @goStep="nextOrpreSteps" @authority="juriVisible = true" @review="setPz" @backPage="goTo(
  8550. '/courseDetail?userid=' +
  8551. userid +
  8552. '&oid=' +
  8553. oid +
  8554. '&org=' +
  8555. org +
  8556. '&cid=' +
  8557. classId +
  8558. '&courseId=' +
  8559. id +
  8560. '&tType=' +
  8561. tType +
  8562. '&screenType=' +
  8563. screenType
  8564. )"></studentClassRoomHelper>
  8565. </div>
  8566. <div
  8567. class="pButton"
  8568. @click="(pzDialog = true), selectPz()"
  8569. v-if="pzDialog == false && (tType == 4 || ispzType == 4)"
  8570. style="background-image: linear-gradient(90deg, #477cd7, #65b9fc)"
  8571. >
  8572. <!-- 批 -->
  8573. <img src="../assets/mlBtn.png" style="width: 25px" alt="" />
  8574. </div>
  8575. <div v-if="pzDialog == true" class="newDialogCss" :style="`right:${commentRight}`">
  8576. <div class="pzTop2">
  8577. <!-- <div>评论</div>
  8578. <div @click="pzDialog = false">
  8579. <img src="../assets/close1.png" alt="" />
  8580. </div> -->
  8581. <div class="checkbox">
  8582. <!-- <div class="check" style="font-size: 25px; position: unset">
  8583. 评论
  8584. </div> -->
  8585. <div class="cb-tabList">
  8586. <div :class="[commentTagShow==0?'cb-tabItem':'']" @click="commentTagShow=0">评论</div>
  8587. <!-- <div :class="[commentTagShow==1?'cb-tabItem':'']" @click="commentTagShow=1">评分</div> -->
  8588. <!-- v-show="oid == '4c686762-1d0a-11ed-8c78-005056b86db5'" -->
  8589. <div :class="[commentTagShow==2?'cb-tabItem':'']" @click="commentTagShow=2">总评</div>
  8590. </div>
  8591. <el-select v-model="pzStype" @change="selectPz" class="selectBox" v-show="commentTagShow == 0">
  8592. <el-option label="时间降序" :value="1"></el-option>
  8593. <el-option label="时间升序" :value="2"></el-option>
  8594. <el-option label="我的评课" :value="3"></el-option>
  8595. </el-select>
  8596. <img src="../assets/pzBtn.png" @click="pzDialog = false" alt="" />
  8597. </div>
  8598. </div>
  8599. <div :class="pzList && pzList.length ? 'pzBox' : 'noPzBox'" v-if="commentTagShow==0">
  8600. <div class="pzListBox" v-if="pzList && pzList.length">
  8601. <div class="pzList" v-for="(pz, pzIndex) in pzList" :key="pzIndex">
  8602. <div class="pzNavTop">
  8603. <div>评</div>
  8604. <div>
  8605. {{
  8606. pz.username && pz.username.length > 5
  8607. ? pz.username.substring(0, 5) + "..."
  8608. : pz.username
  8609. }}的评论
  8610. </div>
  8611. <div
  8612. class="pzDelete"
  8613. v-if="pz.userid == userid"
  8614. @click="deletePz(pz.id)"
  8615. >
  8616. 删除
  8617. </div>
  8618. </div>
  8619. <div
  8620. @click="checkImg(getImgList(pz.content))"
  8621. class="pzContent cont"
  8622. v-html="pz.content"
  8623. v-if="pz.type == '1'"
  8624. ></div>
  8625. <div class="pzContent" v-if="pz.type == '2'">
  8626. <audio :src="pz.content" controls="controls" ref="audio">
  8627. Your browser does not support the audio element.
  8628. </audio>
  8629. </div>
  8630. <div class="pzContent" v-if="pz.type == '3'">
  8631. <img
  8632. :src="pz.content"
  8633. style="width: 90%; margin: 0 auto; display: block"
  8634. @click="previewImg(pz.content)"
  8635. />
  8636. </div>
  8637. <div class="timeAndReply">
  8638. <div class="time">
  8639. {{ pz.time }}
  8640. </div>
  8641. <div @click="setReplyIndex(pz.id, pzIndex)">回复</div>
  8642. </div>
  8643. <div v-if="pz.hfList && pz.hfList.length > 0" class="hfBox">
  8644. <div
  8645. v-for="(h, hIndex) in pz.hfList"
  8646. :key="hIndex"
  8647. class="hfItem"
  8648. >
  8649. <div class="whoReplyWho">
  8650. <div class="hfName">{{ h.username }}</div>
  8651. <div class="hfImg">
  8652. <img src="../assets/icon/newIcons/right.png" alt="" />
  8653. </div>
  8654. <div class="hfName">{{ pz.username }}</div>
  8655. </div>
  8656. <div class="hfContent" v-html="h.content"></div>
  8657. <div class="hfBottom">
  8658. <div class="hfTime">{{ h.time }}</div>
  8659. <div
  8660. class="deleteHfItem"
  8661. @click="deleteReply(h.id)"
  8662. v-if="userid == h.userid"
  8663. >
  8664. <img src="../assets/icon/newIcons/delete.png" alt="" />
  8665. </div>
  8666. </div>
  8667. </div>
  8668. </div>
  8669. <!-- <div class="replyBox" v-if="replyIndex[pzIndex] && replyIndex[pzIndex] == true">
  8670. <div class="replyInput">
  8671. <el-input v-model="reply[pzIndex]"></el-input>
  8672. </div>
  8673. <el-button @click="addHf(pz.id, pzIndex)">回复</el-button>
  8674. </div> -->
  8675. </div>
  8676. </div>
  8677. <div class="noPz" v-else>
  8678. <img src="../assets/icon/noPz.png" alt="" />
  8679. </div>
  8680. <div class="addPzButton">
  8681. <div class="addPz" @click="(addPzDialog = true), (pzType = 1)">
  8682. 添加评论
  8683. </div>
  8684. <!-- <div class="img1">
  8685. <div @click="(addPzDialog = true), (pzType = 2)">
  8686. <img src="../assets/audio.png" /><span>音频</span>
  8687. </div>
  8688. </div> -->
  8689. </div>
  8690. </div>
  8691. <div class="scoreList" v-if="commentTagShow==1">
  8692. <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"/>
  8693. </div>
  8694. <div class="scoreList" v-if="commentTagShow==2" style="position: relative">
  8695. <scoreZong :courseid="id" :userid="userid" @insertMemorandum="insertMemorandum"></scoreZong>
  8696. </div>
  8697. </div>
  8698. <div
  8699. v-if="toolDialogVisible == true"
  8700. class="toolMask"
  8701. @click="toolDialogVisible = false"
  8702. ></div>
  8703. <div v-if="toolDialogVisible == true" class="addToolCss">
  8704. <div class="toolTop">
  8705. <div style="font-weight: bold">新增工具</div>
  8706. <div @click="toolDialogVisible = false">
  8707. <img src="../assets/icon/close.png" class="toolClose" alt="" />
  8708. </div>
  8709. </div>
  8710. <div class="tool_box">
  8711. <div class="tool_type_box">
  8712. <div class="chooseWho">
  8713. <div
  8714. :class="toolType == 0 ? 'isChooseActive' : ''"
  8715. @click="(toolType = 0), $forceUpdate()"
  8716. >
  8717. 互动类
  8718. </div>
  8719. <div
  8720. :class="toolType == 1 ? 'isChooseActive' : ''"
  8721. @click="(toolType = 1), $forceUpdate()"
  8722. >
  8723. 思维类
  8724. </div>
  8725. <div
  8726. :class="toolType == 2 ? 'isChooseActive' : ''"
  8727. @click="(toolType = 2), $forceUpdate()"
  8728. >
  8729. 测评类
  8730. </div>
  8731. <div
  8732. :class="toolType == 3 ? 'isChooseActive' : ''"
  8733. @click="(toolType = 3), $forceUpdate()"
  8734. >
  8735. 编程类
  8736. </div>
  8737. <div
  8738. :class="toolType == 5 ? 'isChooseActive' : ''"
  8739. @click="(toolType = 5), $forceUpdate()"
  8740. >
  8741. 学科类
  8742. </div>
  8743. </div>
  8744. </div>
  8745. <div>
  8746. <div class="toolSort" v-if="toolType == 0">
  8747. <div
  8748. class="tool"
  8749. :class="{ isToolChoose: checktoolArray.indexOf(10) != -1 }"
  8750. @click="addTools2(10)"
  8751. >
  8752. <div class="whiteBIcon">
  8753. <img src="../assets/icon/thirdToolList/time.png" alt />
  8754. <div style="margin: 5px 0">倒计时</div>
  8755. </div>
  8756. <div class="check">
  8757. <div
  8758. v-if="checktoolArray.indexOf(10) == -1"
  8759. class="noChoose"
  8760. ></div>
  8761. <div v-else class="isChoose"></div>
  8762. </div>
  8763. </div>
  8764. <div
  8765. class="tool"
  8766. :class="{ isToolChoose: checktoolArray.indexOf(65) != -1 }"
  8767. @click="addTools2(65)"
  8768. >
  8769. <div class="whiteBIcon">
  8770. <img src="../assets/icon/firstToolList/pickPeople.png" alt />
  8771. <div style="margin: 5px 0">挑人</div>
  8772. </div>
  8773. <div class="check">
  8774. <div
  8775. v-if="checktoolArray.indexOf(65) == -1"
  8776. class="noChoose"
  8777. ></div>
  8778. <div v-else class="isChoose"></div>
  8779. </div>
  8780. </div>
  8781. </div>
  8782. <div class="toolSort" v-if="toolType == 1">
  8783. <div
  8784. class="tool"
  8785. :class="{ isToolChoose: checktoolArray.indexOf(7) != -1 }"
  8786. @click="addTools2(7)"
  8787. >
  8788. <div class="whiteBIcon">
  8789. <img src="../assets/icon/secondToolList/mindNetwork.png" alt />
  8790. <div style="margin: 5px 0">思维网格</div>
  8791. </div>
  8792. <div class="check">
  8793. <div
  8794. v-if="checktoolArray.indexOf(7) == -1"
  8795. class="noChoose"
  8796. ></div>
  8797. <div v-else class="isChoose"></div>
  8798. </div>
  8799. </div>
  8800. <div
  8801. class="tool"
  8802. :class="{ isToolChoose: checktoolArray.indexOf(1) != -1 }"
  8803. @click="addTools2(1)"
  8804. >
  8805. <div class="whiteBIcon">
  8806. <img src="../assets/icon/secondToolList/whiteBoard.png" alt />
  8807. <div style="margin: 5px 0">电子白板</div>
  8808. </div>
  8809. <div class="check">
  8810. <div
  8811. v-if="checktoolArray.indexOf(1) == -1"
  8812. class="noChoose"
  8813. ></div>
  8814. <div v-else class="isChoose"></div>
  8815. </div>
  8816. </div>
  8817. <div
  8818. class="tool"
  8819. :class="{ isToolChoose: checktoolArray.indexOf(52) != -1 }"
  8820. @click="addTools2(52)"
  8821. >
  8822. <div class="whiteBIcon">
  8823. <img src="../assets/icon/fourthToolList/text.png" alt />
  8824. <div style="margin: 5px 0">文档</div>
  8825. </div>
  8826. <div class="check">
  8827. <div
  8828. v-if="checktoolArray.indexOf(52) == -1"
  8829. class="noChoose"
  8830. ></div>
  8831. <div v-else class="isChoose"></div>
  8832. </div>
  8833. </div>
  8834. <div
  8835. class="tool"
  8836. :class="{ isToolChoose: checktoolArray.indexOf(3) != -1 }"
  8837. @click="addTools2(3)"
  8838. >
  8839. <div class="whiteBIcon">
  8840. <img src="../assets/icon/secondToolList/mindMapping.png" alt />
  8841. <div style="margin: 5px 0">思维导图</div>
  8842. </div>
  8843. <div class="check">
  8844. <div
  8845. v-if="checktoolArray.indexOf(3) == -1"
  8846. class="noChoose"
  8847. ></div>
  8848. <div v-else class="isChoose"></div>
  8849. </div>
  8850. </div>
  8851. <div
  8852. class="tool"
  8853. :class="{ isToolChoose: checktoolArray.indexOf(48) != -1 }"
  8854. @click="addTools2(48)"
  8855. >
  8856. <div class="whiteBIcon">
  8857. <img src="../assets/icon/fourthToolList/table.png" alt />
  8858. <div style="margin: 5px 0">表格</div>
  8859. </div>
  8860. <div class="check">
  8861. <div
  8862. v-if="checktoolArray.indexOf(48) == -1"
  8863. class="noChoose"
  8864. ></div>
  8865. <div v-else class="isChoose"></div>
  8866. </div>
  8867. </div>
  8868. </div>
  8869. <div class="toolSort" v-if="toolType == 6">
  8870. <div v-show="tooC == 49">
  8871. <img
  8872. @click="addTools(tooC, toolIndex, taskCount)"
  8873. src="../assets/icon/fourthToolList/group.png"
  8874. alt
  8875. />
  8876. <div style="margin: 5px 0">学生分组</div>
  8877. </div>
  8878. </div>
  8879. <div class="toolSort" v-if="toolType == 2">
  8880. <div
  8881. class="tool"
  8882. :class="{ isToolChoose: checktoolArray.indexOf(16) != -1 }"
  8883. @click="addTools2(16)"
  8884. >
  8885. <div class="whiteBIcon">
  8886. <img src="../assets/icon/thirdToolList/work.png" alt />
  8887. <div style="margin: 5px 0">作业提交</div>
  8888. </div>
  8889. <div class="check">
  8890. <div
  8891. v-if="checktoolArray.indexOf(16) == -1"
  8892. class="noChoose"
  8893. ></div>
  8894. <div v-else class="isChoose"></div>
  8895. </div>
  8896. </div>
  8897. <div
  8898. class="tool"
  8899. :class="{ isToolChoose: checktoolArray.indexOf(50) != -1 }"
  8900. @click="addTools2(50)"
  8901. >
  8902. <div class="whiteBIcon">
  8903. <img src="../assets/icon/thirdToolList/plwork.png" alt />
  8904. <div style="margin: 5px 0">批量上传</div>
  8905. </div>
  8906. <div class="check">
  8907. <div
  8908. v-if="checktoolArray.indexOf(50) == -1"
  8909. class="noChoose"
  8910. ></div>
  8911. <div v-else class="isChoose"></div>
  8912. </div>
  8913. </div>
  8914. </div>
  8915. <div class="toolSort" v-if="toolType == 3">
  8916. <div
  8917. class="tool"
  8918. :class="{ isToolChoose: checktoolArray.indexOf(18) != -1 }"
  8919. @click="addTools2(18)"
  8920. >
  8921. <div class="whiteBIcon">
  8922. <img src="../assets/icon/thirdToolList/trainPlatform.png" alt />
  8923. <div style="margin: 5px 0">训练平台</div>
  8924. </div>
  8925. <div class="check">
  8926. <div
  8927. v-if="checktoolArray.indexOf(18) == -1"
  8928. class="noChoose"
  8929. ></div>
  8930. <div v-else class="isChoose"></div>
  8931. </div>
  8932. </div>
  8933. <div
  8934. class="tool"
  8935. :class="{ isToolChoose: checktoolArray.indexOf(21) != -1 }"
  8936. @click="addTools2(21)"
  8937. >
  8938. <div class="whiteBIcon">
  8939. <img src="../assets/icon/fourthToolList/program.png" alt />
  8940. <div style="margin: 5px 0">AIoT Blockly</div>
  8941. </div>
  8942. <div class="check">
  8943. <div
  8944. v-if="checktoolArray.indexOf(21) == -1"
  8945. class="noChoose"
  8946. ></div>
  8947. <div v-else class="isChoose"></div>
  8948. </div>
  8949. </div>
  8950. <div
  8951. class="tool"
  8952. :class="{ isToolChoose: checktoolArray.indexOf(23) != -1 }"
  8953. @click="addTools2(23)"
  8954. >
  8955. <div class="whiteBIcon">
  8956. <img
  8957. src="../assets/icon/fourthToolList/Pythonprogram.png"
  8958. alt
  8959. />
  8960. <div style="margin: 5px 0">AI Python</div>
  8961. </div>
  8962. <div class="check">
  8963. <div
  8964. v-if="checktoolArray.indexOf(23) == -1"
  8965. class="noChoose"
  8966. ></div>
  8967. <div v-else class="isChoose"></div>
  8968. </div>
  8969. </div>
  8970. <div
  8971. class="tool"
  8972. :class="{ isToolChoose: checktoolArray.indexOf(24) != -1 }"
  8973. @click="addTools2(24)"
  8974. >
  8975. <div class="whiteBIcon">
  8976. <img src="../assets/icon/fourthToolList/AIprogram.png" alt />
  8977. <div style="margin: 5px 0">AI Blockly</div>
  8978. </div>
  8979. <div class="check">
  8980. <div
  8981. v-if="checktoolArray.indexOf(24) == -1"
  8982. class="noChoose"
  8983. ></div>
  8984. <div v-else class="isChoose"></div>
  8985. </div>
  8986. </div>
  8987. <div
  8988. class="tool"
  8989. :class="{ isToolChoose: checktoolArray.indexOf(32) != -1 }"
  8990. @click="addTools2(32)"
  8991. >
  8992. <div class="whiteBIcon">
  8993. <img src="../assets/icon/thirdToolList/code.png" alt />
  8994. <div style="margin: 5px 0">源码编辑</div>
  8995. </div>
  8996. <div class="check">
  8997. <div
  8998. v-if="checktoolArray.indexOf(32) == -1"
  8999. class="noChoose"
  9000. ></div>
  9001. <div v-else class="isChoose"></div>
  9002. </div>
  9003. </div>
  9004. <div
  9005. class="tool"
  9006. :class="{ isToolChoose: checktoolArray.indexOf(57) != -1 }"
  9007. @click="addTools2(57)"
  9008. >
  9009. <div class="whiteBIcon">
  9010. <img src="../assets/icon/fourthToolList/cocopi.png" alt />
  9011. <div style="margin: 5px 0">CocoPi</div>
  9012. </div>
  9013. <div class="check">
  9014. <div
  9015. v-if="checktoolArray.indexOf(57) == -1"
  9016. class="noChoose"
  9017. ></div>
  9018. <div v-else class="isChoose"></div>
  9019. </div>
  9020. </div>
  9021. <div
  9022. class="tool"
  9023. :class="{ isToolChoose: checktoolArray.indexOf(63) != -1 }"
  9024. @click="addTools2(63)"
  9025. >
  9026. <div class="whiteBIcon">
  9027. <img src="../assets/icon/fourthToolList/Wood.png" alt />
  9028. <div style="margin: 5px 0">海龟编程</div>
  9029. </div>
  9030. <div class="check">
  9031. <div
  9032. v-if="checktoolArray.indexOf(63) == -1"
  9033. class="noChoose"
  9034. ></div>
  9035. <div v-else class="isChoose"></div>
  9036. </div>
  9037. </div>
  9038. <div
  9039. class="tool"
  9040. :class="{ isToolChoose: checktoolArray.indexOf(71) != -1 }"
  9041. @click="addTools2(71)"
  9042. >
  9043. <div class="whiteBIcon">
  9044. <img src="../assets/icon/fourthToolList/chatgpt.png" alt />
  9045. <div style="margin: 5px 0">AI智能体</div>
  9046. </div>
  9047. <div class="check">
  9048. <div
  9049. v-if="checktoolArray.indexOf(71) == -1"
  9050. class="noChoose"
  9051. ></div>
  9052. <div v-else class="isChoose"></div>
  9053. </div>
  9054. </div>
  9055. </div>
  9056. <div class="toolSort" v-if="toolType == 7">
  9057. <div
  9058. class="tool"
  9059. :class="{ isToolChoose: checktoolArray.indexOf(40) != -1 }"
  9060. @click="addTools2(40)"
  9061. >
  9062. <div class="whiteBIcon">
  9063. <img src="../assets/icon/secondToolList/eval.png" alt />
  9064. <div style="margin: 5px 0">个人评价</div>
  9065. </div>
  9066. <div class="check">
  9067. <div
  9068. v-if="checktoolArray.indexOf(40) == -1"
  9069. class="noChoose"
  9070. ></div>
  9071. <div v-else class="isChoose"></div>
  9072. </div>
  9073. </div>
  9074. </div>
  9075. <div class="toolSort" v-if="toolType == 5">
  9076. <div
  9077. class="tool"
  9078. :class="{ isToolChoose: checktoolArray.indexOf(28) != -1 }"
  9079. @click="addTools2(28)"
  9080. >
  9081. <div class="whiteBIcon">
  9082. <img src="../assets/icon/secondToolList/translation.png" alt />
  9083. <div style="margin: 5px 0">翻译</div>
  9084. </div>
  9085. <div class="check">
  9086. <div
  9087. v-if="checktoolArray.indexOf(28) == -1"
  9088. class="noChoose"
  9089. ></div>
  9090. <div v-else class="isChoose"></div>
  9091. </div>
  9092. </div>
  9093. <div
  9094. class="tool"
  9095. :class="{ isToolChoose: checktoolArray.indexOf(31) != -1 }"
  9096. @click="addTools2(31)"
  9097. >
  9098. <div class="whiteBIcon">
  9099. <img src="../assets/icon/secondToolList/networkPanel.png" alt />
  9100. <div style="margin: 5px 0">数字画板</div>
  9101. </div>
  9102. <div class="check">
  9103. <div
  9104. v-if="checktoolArray.indexOf(31) == -1"
  9105. class="noChoose"
  9106. ></div>
  9107. <div v-else class="isChoose"></div>
  9108. </div>
  9109. </div>
  9110. <div
  9111. class="tool"
  9112. :class="{ isToolChoose: checktoolArray.indexOf(39) != -1 }"
  9113. @click="addTools2(39)"
  9114. >
  9115. <div class="whiteBIcon">
  9116. <img src="../assets/icon/secondToolList/GeoGebra.png" alt />
  9117. <div style="margin: 5px 0">GeoGebra</div>
  9118. </div>
  9119. <div class="check">
  9120. <div
  9121. v-if="checktoolArray.indexOf(39) == -1"
  9122. class="noChoose"
  9123. ></div>
  9124. <div v-else class="isChoose"></div>
  9125. </div>
  9126. </div>
  9127. <div
  9128. class="tool"
  9129. :class="{ isToolChoose: checktoolArray.indexOf(66) != -1 }"
  9130. @click="addTools2(66)"
  9131. >
  9132. <div class="whiteBIcon">
  9133. <img src="../assets/icon/secondToolList/formulaEdi.png" alt />
  9134. <div style="margin: 5px 0">公式编辑</div>
  9135. </div>
  9136. <div class="check">
  9137. <div
  9138. v-if="checktoolArray.indexOf(66) == -1"
  9139. class="noChoose"
  9140. ></div>
  9141. <div v-else class="isChoose"></div>
  9142. </div>
  9143. </div>
  9144. <!-- <div class="tool" :class="{ isToolChoose : checktoolArray.indexOf(67) != -1 }">
  9145. <div class="whiteBIcon" @click="addTools2(67)">
  9146. <img src="../../assets/icon/secondToolList/molStr.png" alt />
  9147. <div style="margin: 5px 0">分子结构</div>
  9148. </div>
  9149. <div class="check" @click="addTools2(67)">
  9150. <div v-if="checktoolArray.indexOf(67) == -1" class="noChoose"></div>
  9151. <div v-else class="isChoose"></div>
  9152. </div>
  9153. </div> -->
  9154. <div
  9155. class="tool"
  9156. :class="{ isToolChoose: checktoolArray.indexOf(68) != -1 }"
  9157. @click="addTools2(68)"
  9158. >
  9159. <div class="whiteBIcon">
  9160. <img src="../assets/icon/secondToolList/timeAxis.png" alt />
  9161. <div style="margin: 5px 0">时间轴</div>
  9162. </div>
  9163. <div class="check">
  9164. <div
  9165. v-if="checktoolArray.indexOf(68) == -1"
  9166. class="noChoose"
  9167. ></div>
  9168. <div v-else class="isChoose"></div>
  9169. </div>
  9170. </div>
  9171. <!-- <div
  9172. class="tool"
  9173. :class="{ isToolChoose: checktoolArray.indexOf(69) != -1 }"
  9174. @click="addTools2(69)"
  9175. >
  9176. <div class="whiteBIcon">
  9177. <img src="../assets/icon/secondToolList/english.png" alt />
  9178. <div style="margin: 5px 0">英语写作</div>
  9179. </div>
  9180. <div class="check">
  9181. <div
  9182. v-if="checktoolArray.indexOf(69) == -1"
  9183. class="noChoose"
  9184. ></div>
  9185. <div v-else class="isChoose"></div>
  9186. </div>
  9187. </div> -->
  9188. </div>
  9189. <div class="toolSort" v-if="toolType == 4">
  9190. <div
  9191. class="tool"
  9192. :class="{ isToolChoose: checktoolArray.indexOf(26) != -1 }"
  9193. @click="addTools2(26)"
  9194. >
  9195. <div class="whiteBIcon">
  9196. <img src="../assets/icon/thirdToolList/courseDesign.png" alt />
  9197. <div style="margin: 5px 0">课程设计</div>
  9198. </div>
  9199. <div class="check">
  9200. <div
  9201. v-if="checktoolArray.indexOf(26) == -1"
  9202. class="noChoose"
  9203. ></div>
  9204. <div v-else class="isChoose"></div>
  9205. </div>
  9206. </div>
  9207. <div
  9208. class="tool"
  9209. :class="{ isToolChoose: checktoolArray.indexOf(25) != -1 }"
  9210. @click="addTools2(25)"
  9211. >
  9212. <div class="whiteBIcon">
  9213. <img src="../assets/icon/thirdToolList/evalua.png" alt />
  9214. <div style="margin: 5px 0">目标管理</div>
  9215. </div>
  9216. <div class="check">
  9217. <div
  9218. v-if="checktoolArray.indexOf(25) == -1"
  9219. class="noChoose"
  9220. ></div>
  9221. <div v-else class="isChoose"></div>
  9222. </div>
  9223. </div>
  9224. </div>
  9225. </div>
  9226. </div>
  9227. <span
  9228. slot="footer"
  9229. class="dialog-footer"
  9230. style="display: block; text-align: center; padding: 0 0 10px 0"
  9231. >
  9232. <el-button @click="toolDialogVisible = false">取 消</el-button>
  9233. <el-button type="primary" @click.stop="addToolChoose">确 定</el-button>
  9234. </span>
  9235. </div>
  9236. <div
  9237. v-if="replyDialogVisible == true"
  9238. class="addDialogCss"
  9239. v-el-drag-dialog
  9240. >
  9241. <div class="pzTop">
  9242. <div class="teacherPz">
  9243. <div class="teacherPzImg">
  9244. <img src="../assets/icon/teacherPz.png" alt="" />
  9245. </div>
  9246. <div style="margin-left: 10px; height: 25px">添加回复</div>
  9247. </div>
  9248. <div @click="replyDialogVisible = false">
  9249. <img src="../assets/close1.png" class="pzClose" alt="" />
  9250. </div>
  9251. </div>
  9252. <div class="addPzBox">
  9253. <!-- <div class="addPzCheck">
  9254. <span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1"
  9255. >文本</span
  9256. >
  9257. <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
  9258. >音频</span
  9259. >
  9260. </div> -->
  9261. <div style="height: calc(100% - 50px)">
  9262. <editor-bar
  9263. class="binfo_input pzConText"
  9264. style="width: 100% !important; margin: 0 auto"
  9265. placeholder="请输入回复描述"
  9266. v-model="reply"
  9267. @change="change"
  9268. ></editor-bar>
  9269. </div>
  9270. <div class="addTextCss" @click="addHf">确定</div>
  9271. </div>
  9272. </div>
  9273. <div v-if="addPzDialog == true" class="addDialogCss" v-el-drag-dialog>
  9274. <div class="pzTop">
  9275. <div class="teacherPz">
  9276. <div class="teacherPzImg">
  9277. <img src="../assets/icon/teacherPz.png" alt="" />
  9278. </div>
  9279. <div style="margin-left: 10px; height: 25px">教师评论</div>
  9280. </div>
  9281. <div @click="addPzDialog = false">
  9282. <img src="../assets/close1.png" class="pzClose" alt="" />
  9283. </div>
  9284. </div>
  9285. <div class="addPzBox">
  9286. <div class="addPzCheck">
  9287. <span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1"
  9288. >文本</span
  9289. >
  9290. <!-- <span :class="{isChooseActive:pzType==3}" @click="pzType = 3">图片</span> -->
  9291. <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
  9292. >音频</span
  9293. >
  9294. </div>
  9295. <div style="height: calc(100% - 95px)">
  9296. <!-- <textarea class="binfo_input pzConText" cols placeholder="请填写项目课程关键问题...." v-model="pzConText"
  9297. v-if="pzType == 1"></textarea> -->
  9298. <editor-bar
  9299. class="binfo_input pzConText"
  9300. style="width: 100% !important"
  9301. placeholder="请输入任务描述"
  9302. v-model="pzConText"
  9303. @change="change"
  9304. v-if="pzType == 1"
  9305. ></editor-bar>
  9306. <Audio @addPz="addPz" class="pzAudioClass" v-if="pzType == 2"></Audio>
  9307. <!-- <div class="pzAudioClass" v-if="pzType == 3">
  9308. <div @click="addImg($event)">
  9309. <el-button type="primary">上传图片</el-button>
  9310. <input type="file" accept="image/png, image/gif, image/jpeg" style="display: none"
  9311. @change="beforeUpload1($event, 4)" />
  9312. </div>
  9313. </div> -->
  9314. </div>
  9315. <div class="addTextCss" @click="addPz('1')" v-if="pzType == 1">
  9316. 确定
  9317. </div>
  9318. </div>
  9319. </div>
  9320. <div v-if="proVisible" class="mask">
  9321. <div class="progressBox">
  9322. <!-- <div id="closePro" class="closeCss">
  9323. <img src="../assets/icon/close.png" alt />
  9324. </div> -->
  9325. <div class="lbox">
  9326. <img src="../assets/loading.gif" />上传中,请稍后
  9327. </div>
  9328. <div style="margin-bottom: 10px">
  9329. <span>{{ isFinishSize }}M</span> / <span>{{ isAllSize }}M</span>
  9330. </div>
  9331. <el-progress
  9332. :text-inside="true"
  9333. :stroke-width="20"
  9334. :percentage="progress"
  9335. style="width: 80%"
  9336. ></el-progress>
  9337. </div>
  9338. </div>
  9339. <div v-if="proVisible2" class="mask">
  9340. <div class="progressBox">
  9341. <div class="lbox">
  9342. <img src="../assets/loading.gif" />上传中,请稍后
  9343. </div>
  9344. <!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="progress" style="width: 80%"></el-progress> -->
  9345. </div>
  9346. </div>
  9347. <el-dialog :visible.sync="pictureDialog" size="tiny">
  9348. <img width="100%" :src="dialogImageUrl" alt />
  9349. </el-dialog>
  9350. <el-dialog
  9351. :title="noteName != '' ? noteName : '查看问卷'"
  9352. :visible.sync="dialogVisible5"
  9353. :append-to-body="true"
  9354. width="1000px"
  9355. :before-close="handleClose"
  9356. class="dialog_diy dialog_diy3"
  9357. >
  9358. <div>
  9359. <div
  9360. class="a_add_title"
  9361. style="
  9362. display: flex;
  9363. flex-direction: row;
  9364. align-items: center;
  9365. justify-content: center;
  9366. "
  9367. >
  9368. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  9369. <div style="font-size: 20px">{{ askJson.askTitle }}</div>
  9370. </div>
  9371. <div class="a_addBox">
  9372. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  9373. 题目内容
  9374. </div>
  9375. <div
  9376. class="a_add_box"
  9377. v-for="(item1, index1) in askJson.askCount"
  9378. :key="index1"
  9379. >
  9380. <div class="a_add_head">
  9381. <div style="display: flex">
  9382. <span class="askIndex"> {{ index1 + 1 }}</span>
  9383. <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
  9384. </div>
  9385. <img
  9386. v-if="askJson.askJson[index1].img"
  9387. :src="askJson.askJson[index1].img"
  9388. style="height: 300px; margin-top: 10px; max-width: 100%"
  9389. />
  9390. </div>
  9391. <div class="a_add_body">
  9392. <div class="a_add_input">
  9393. <el-radio-group
  9394. v-model="radio[index1]"
  9395. v-if="
  9396. askJson.askJson[index1].type == '1' ||
  9397. !askJson.askJson[index1].type
  9398. "
  9399. >
  9400. <el-radio
  9401. v-for="(item2, checkIndex) in askJson.askJson[index1]
  9402. .checkList"
  9403. :key="checkIndex"
  9404. :label="checkIndex"
  9405. :disabled="isAnswer"
  9406. class="redioStyle"
  9407. ><span v-html="item2"></span
  9408. ></el-radio>
  9409. </el-radio-group>
  9410. <el-checkbox-group
  9411. v-model="radio[index1]"
  9412. v-if="askJson.askJson[index1].type == '2'"
  9413. >
  9414. <el-checkbox
  9415. v-for="(item2, checkIndex1) in askJson.askJson[index1]
  9416. .checkList"
  9417. :key="checkIndex1"
  9418. :label="checkIndex1"
  9419. :disabled="isAnswer"
  9420. class="redioStyle"
  9421. ><span v-html="item2"></span>
  9422. </el-checkbox>
  9423. </el-checkbox-group>
  9424. </div>
  9425. </div>
  9426. </div>
  9427. </div>
  9428. </div>
  9429. <span slot="footer" class="dialog-footer">
  9430. <el-button @click="dialogVisible5 = false" v-show="noteName == ''"
  9431. >取 消</el-button
  9432. >
  9433. <el-button type="primary" @click="addStudentAsk" v-show="noteName == ''"
  9434. >确 定</el-button
  9435. >
  9436. </span>
  9437. </el-dialog>
  9438. <el-dialog
  9439. :title="noteName != '' ? noteName : '查看问卷'"
  9440. :visible.sync="dialogVisible5Teacher"
  9441. :append-to-body="true"
  9442. width="1000px"
  9443. :before-close="handleClose"
  9444. class="dialog_diy dialog_diy3"
  9445. >
  9446. <div>
  9447. <div class="w_name">
  9448. 学生姓名:<span>{{ sStudent.student }}</span>
  9449. </div>
  9450. <div
  9451. class="a_add_title"
  9452. style="
  9453. display: flex;
  9454. flex-direction: row;
  9455. align-items: center;
  9456. justify-content: center;
  9457. "
  9458. >
  9459. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  9460. <div style="font-size: 20px">{{ askJson.askTitle }}</div>
  9461. </div>
  9462. <div class="a_addBox">
  9463. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  9464. 题目内容
  9465. </div>
  9466. <div
  9467. class="a_add_box"
  9468. v-for="(item1, index1) in askJson.askCount"
  9469. :key="index1"
  9470. >
  9471. <div class="a_add_head">
  9472. <div style="display: flex">
  9473. <span class="askIndex">{{ index1 + 1 }}</span>
  9474. <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
  9475. </div>
  9476. <img
  9477. v-if="askJson.askJson[index1].img"
  9478. :src="askJson.askJson[index1].img"
  9479. style="height: 300px; margin-top: 10px; max-width: 100%"
  9480. />
  9481. </div>
  9482. <div class="a_add_body">
  9483. <div class="a_add_input">
  9484. <el-radio-group
  9485. v-model="radio[index1]"
  9486. v-if="
  9487. askJson.askJson[index1].type == '1' ||
  9488. !askJson.askJson[index1].type
  9489. "
  9490. >
  9491. <el-radio
  9492. v-for="(item2, checkIndex) in askJson.askJson[index1]
  9493. .checkList"
  9494. :key="checkIndex"
  9495. :label="checkIndex"
  9496. :disabled="isAnswer"
  9497. class="redioStyle"
  9498. ><span v-html="item2"></span
  9499. ></el-radio>
  9500. </el-radio-group>
  9501. <el-checkbox-group
  9502. v-model="radio[index1]"
  9503. v-if="askJson.askJson[index1].type == '2'"
  9504. >
  9505. <el-checkbox
  9506. v-for="(item2, checkIndex1) in askJson.askJson[index1]
  9507. .checkList"
  9508. :key="checkIndex1"
  9509. :label="checkIndex1"
  9510. :disabled="isAnswer"
  9511. class="redioStyle"
  9512. ><span v-html="item2"></span>
  9513. </el-checkbox>
  9514. </el-checkbox-group>
  9515. </div>
  9516. </div>
  9517. </div>
  9518. </div>
  9519. </div>
  9520. <span slot="footer" class="dialog-footer">
  9521. <el-button
  9522. @click="dialogVisible5Teacher = false"
  9523. v-show="noteName == ''"
  9524. >取 消</el-button
  9525. >
  9526. <el-button
  9527. type="primary"
  9528. @click="addStudentAskTeacher"
  9529. v-show="noteName == ''"
  9530. >确 定</el-button
  9531. >
  9532. </span>
  9533. </el-dialog>
  9534. <el-dialog
  9535. :title="noteName != '' ? noteName : '查看选择题'"
  9536. :visible.sync="dialogVisibleChoice"
  9537. :append-to-body="true"
  9538. width="1000px"
  9539. :before-close="handleClose"
  9540. class="dialog_diy dialog_diy3"
  9541. >
  9542. <div>
  9543. <!-- <div class="a_add_title" style="
  9544. display: flex;
  9545. flex-direction: row;
  9546. align-items: center;
  9547. justify-content: center;
  9548. ">
  9549. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  9550. <div style="font-size: 20px">{{ testJson.testTitle }}</div>
  9551. </div> -->
  9552. <div class="a_addBox">
  9553. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  9554. 题目内容
  9555. </div>
  9556. <div
  9557. class="a_add_box"
  9558. v-for="(item1, index1) in testJson.testCount"
  9559. :key="index1"
  9560. >
  9561. <div class="a_add_head">
  9562. <div style="display: flex">
  9563. <span class="askIndex">{{ index1 + 1 }}</span>
  9564. <div
  9565. v-if="testJson.testJson[index1].type == '1'"
  9566. style="margin-right: 5px; min-width: 70px"
  9567. >
  9568. (单选题)
  9569. </div>
  9570. <div
  9571. v-if="testJson.testJson[index1].type == '2'"
  9572. style="margin-right: 5px; min-width: 70px"
  9573. >
  9574. (多选题)
  9575. </div>
  9576. <div>题目:{{ testJson.testJson[index1].teststitle }}</div>
  9577. </div>
  9578. <img
  9579. v-if="testJson.testJson[index1].img"
  9580. :src="testJson.testJson[index1].img"
  9581. style="height: 300px; margin-top: 10px; max-width: 100%"
  9582. />
  9583. </div>
  9584. <div
  9585. class="timuImgBox"
  9586. v-if="
  9587. testJson.testJson[index1].timuList &&
  9588. testJson.testJson[index1].timuList.length
  9589. "
  9590. >
  9591. <div
  9592. v-for="(timg, tIndex) in testJson.testJson[index1].timuList"
  9593. :key="tIndex"
  9594. class="timuImg"
  9595. @click.stop="previewImg(timg.src)"
  9596. >
  9597. <img :src="timg.src" alt="" />
  9598. </div>
  9599. </div>
  9600. <div class="a_add_body">
  9601. <div class="a_add_input">
  9602. <el-radio-group
  9603. v-model="radio[index1]"
  9604. v-if="testJson.testJson[index1].type == '1'"
  9605. >
  9606. <div class="radioBox">
  9607. <el-radio
  9608. v-for="(item2, checkIndex) in testJson.testJson[index1]
  9609. .checkList"
  9610. :key="checkIndex"
  9611. :label="checkIndex"
  9612. :disabled="isAnswer"
  9613. class="redioStyle"
  9614. >
  9615. <div
  9616. style="margin-right: 10px"
  9617. v-if="item2 && item2.imgType && item2.imgType == 1"
  9618. >
  9619. <div class="inImg" @click.stop="previewImg(item2.src)">
  9620. <img :src="item2.src" alt="" />
  9621. </div>
  9622. </div>
  9623. <span v-else v-html="item2"></span>
  9624. </el-radio>
  9625. </div>
  9626. </el-radio-group>
  9627. <el-checkbox-group
  9628. v-model="radio[index1]"
  9629. v-if="testJson.testJson[index1].type == '2'"
  9630. >
  9631. <div class="radioBox">
  9632. <el-checkbox
  9633. v-for="(item2, checkIndex) in testJson.testJson[index1]
  9634. .checkList"
  9635. :key="checkIndex"
  9636. :label="checkIndex"
  9637. :disabled="isAnswer"
  9638. class="redioStyle"
  9639. >
  9640. <div
  9641. style="margin-right: 10px"
  9642. v-if="item2 && item2.imgType && item2.imgType == 1"
  9643. >
  9644. <div class="inImg" @click.stop="previewImg(item2.src)">
  9645. <img :src="item2.src" alt="" />
  9646. </div>
  9647. </div>
  9648. <span v-else v-html="item2"></span>
  9649. </el-checkbox>
  9650. </div>
  9651. </el-checkbox-group>
  9652. </div>
  9653. </div>
  9654. </div>
  9655. </div>
  9656. </div>
  9657. <span slot="footer" class="dialog-footer">
  9658. <el-button @click="dialogVisibleChoice = false" v-show="noteName == ''"
  9659. >取 消</el-button
  9660. >
  9661. <el-button
  9662. type="primary"
  9663. @click="addStudentTest"
  9664. v-show="noteName == ''"
  9665. >确 定</el-button
  9666. >
  9667. </span>
  9668. </el-dialog>
  9669. <el-dialog
  9670. :title="noteName != '' ? noteName : '查看选择题'"
  9671. :visible.sync="dialogVisibleChoiceTeacher"
  9672. :append-to-body="true"
  9673. width="1000px"
  9674. :before-close="handleClose"
  9675. class="dialog_diy dialog_diy3"
  9676. >
  9677. <div>
  9678. <div class="w_name">
  9679. 学生姓名:<span>{{ sStudent.student }}</span>
  9680. </div>
  9681. <div class="a_addBox">
  9682. <div style="font-size: 16px; color: #c7c7c7; margin-bottom: 10px">
  9683. 题目内容
  9684. </div>
  9685. <div
  9686. class="a_add_box"
  9687. v-for="(item1, index1) in testJson.testCount"
  9688. :key="index1"
  9689. >
  9690. <div class="a_add_head">
  9691. <div style="display: flex">
  9692. <span class="askIndex">{{ index1 + 1 }}</span>
  9693. <div
  9694. v-if="testJson.testJson[index1].type == '1'"
  9695. style="margin-right: 5px; min-width: 70px"
  9696. >
  9697. (单选题)
  9698. </div>
  9699. <div
  9700. v-if="testJson.testJson[index1].type == '2'"
  9701. style="margin-right: 5px; min-width: 70px"
  9702. >
  9703. (多选题)
  9704. </div>
  9705. <div>题目:{{ testJson.testJson[index1].teststitle }}</div>
  9706. </div>
  9707. <img
  9708. v-if="testJson.testJson[index1].img"
  9709. :src="testJson.testJson[index1].img"
  9710. style="height: 300px; margin-top: 10px; max-width: 100%"
  9711. />
  9712. </div>
  9713. <div
  9714. class="timuImgBox"
  9715. v-if="
  9716. testJson.testJson[index1].timuList &&
  9717. testJson.testJson[index1].timuList.length
  9718. "
  9719. >
  9720. <div
  9721. v-for="(timg, tIndex) in testJson.testJson[index1].timuList"
  9722. :key="tIndex"
  9723. class="timuImg"
  9724. @click.stop="previewImg(timg.src)"
  9725. >
  9726. <img :src="timg.src" alt="" />
  9727. </div>
  9728. </div>
  9729. <div class="a_add_body">
  9730. <div class="a_add_input">
  9731. <el-radio-group
  9732. v-model="radio[index1]"
  9733. v-if="testJson.testJson[index1].type == '1'"
  9734. >
  9735. <div class="radioBox">
  9736. <el-radio
  9737. v-for="(item2, checkIndex) in testJson.testJson[index1]
  9738. .checkList"
  9739. :key="checkIndex"
  9740. :label="checkIndex"
  9741. :disabled="isAnswer"
  9742. class="redioStyle"
  9743. >
  9744. <div
  9745. style="margin-right: 10px"
  9746. v-if="item2 && item2.imgType && item2.imgType == 1"
  9747. >
  9748. <div class="inImg" @click.stop="previewImg(item2.src)">
  9749. <img :src="item2.src" alt="" />
  9750. </div>
  9751. </div>
  9752. <span v-else v-html="item2"></span>
  9753. </el-radio>
  9754. </div>
  9755. </el-radio-group>
  9756. <el-checkbox-group
  9757. v-model="radio[index1]"
  9758. v-if="testJson.testJson[index1].type == '2'"
  9759. >
  9760. <div class="radioBox">
  9761. <el-checkbox
  9762. v-for="(item2, checkIndex) in testJson.testJson[index1]
  9763. .checkList"
  9764. :key="checkIndex"
  9765. :label="checkIndex"
  9766. :disabled="isAnswer"
  9767. class="redioStyle"
  9768. >
  9769. <div
  9770. style="margin-right: 10px"
  9771. v-if="item2 && item2.imgType && item2.imgType == 1"
  9772. >
  9773. <div class="inImg" @click.stop="previewImg(item2.src)">
  9774. <img :src="item2.src" alt="" />
  9775. </div>
  9776. </div>
  9777. <span v-else v-html="item2"></span>
  9778. </el-checkbox>
  9779. </div>
  9780. </el-checkbox-group>
  9781. </div>
  9782. </div>
  9783. </div>
  9784. </div>
  9785. </div>
  9786. <span slot="footer" class="dialog-footer">
  9787. <el-button
  9788. @click="dialogVisibleChoiceTeacher = false"
  9789. v-show="noteName == ''"
  9790. >取 消</el-button
  9791. >
  9792. <el-button
  9793. type="primary"
  9794. @click="addStudentTestTeacher"
  9795. v-show="noteName == ''"
  9796. >确 定</el-button
  9797. >
  9798. </span>
  9799. </el-dialog>
  9800. <el-dialog
  9801. title="查看富文本"
  9802. :visible.sync="dialogVisible1"
  9803. :append-to-body="true"
  9804. width="500px"
  9805. :before-close="handleClose"
  9806. class="dialog_diy textCss"
  9807. >
  9808. <el-form style="font-size: 20px">
  9809. <el-form-item label="文本标题" class="textTitle">
  9810. <div style="font-size: 20px">{{ text.name }}</div>
  9811. </el-form-item>
  9812. <div>富文本内容</div>
  9813. <div
  9814. v-html="text.url"
  9815. style="font-size: 18px; padding: 40px 0 0 0"
  9816. ></div>
  9817. </el-form>
  9818. <span slot="footer" class="dialog-footer">
  9819. <el-button type="primary" @click="dialogVisible1 = false"
  9820. >确定</el-button
  9821. >
  9822. </span>
  9823. </el-dialog>
  9824. <el-dialog
  9825. title="文件预览"
  9826. :visible.sync="dialogVisible3"
  9827. width="50%"
  9828. :before-close="handleClose"
  9829. class="dialog_diy"
  9830. :class="{ fullStyle: full }"
  9831. >
  9832. <div slot="title" class="header-title">
  9833. <div style="color: #fff">文件预览</div>
  9834. <div style="position: absolute; top: 19px; right: 50px">
  9835. <img
  9836. src="../assets/full.png"
  9837. style="height: 16px; cursor: pointer"
  9838. alt=""
  9839. @click="fullTools"
  9840. />
  9841. </div>
  9842. </div>
  9843. <pdf
  9844. v-if="showPDF"
  9845. :pdfUrl="pptImgUrl"
  9846. style="width: 100%; height: 520px; overflow: auto"
  9847. :class="{ fullStyle: full }"
  9848. ></pdf>
  9849. <iframe
  9850. v-else
  9851. :src="pptImgUrl"
  9852. frameborder="0"
  9853. width="100%"
  9854. height="600"
  9855. :class="{ fullStyle: full }"
  9856. ></iframe>
  9857. </el-dialog>
  9858. <el-dialog
  9859. title="文件预览"
  9860. :visible.sync="dialogVisible6"
  9861. width="50%"
  9862. :before-close="handleClose"
  9863. class="dialog_diy"
  9864. >
  9865. <iframe
  9866. :src="pptImgUrl1"
  9867. frameborder="0"
  9868. width="100%"
  9869. height="600"
  9870. ></iframe>
  9871. </el-dialog>
  9872. <el-dialog
  9873. title="提示"
  9874. :visible.sync="dialogVisible4"
  9875. :append-to-body="true"
  9876. width="800px"
  9877. :before-close="handleClose"
  9878. class="dialog_diy notice"
  9879. >
  9880. <div>此功能暂未开放!</div>
  9881. <el-button type="primary" @click="dialogVisible4 = false">确定</el-button>
  9882. </el-dialog>
  9883. <el-dialog
  9884. title="问答"
  9885. :visible.sync="answerDialogVisible"
  9886. :append-to-body="true"
  9887. width="800px"
  9888. :before-close="handleClose"
  9889. class="dialog_diy"
  9890. >
  9891. <div>
  9892. <div
  9893. style="
  9894. display: flex;
  9895. flex-wrap: nowrap;
  9896. flex-direction: column;
  9897. position: relative;
  9898. "
  9899. >
  9900. <div class="queTop" style="padding: 20px 0 20px 0">
  9901. <div class="question">
  9902. <img src="../assets/icon/question.png" alt />
  9903. </div>
  9904. <div class="queTitle">
  9905. <div style="width: 90px; min-width: 90px">提问:</div>
  9906. <div>{{ answerQ }}</div>
  9907. </div>
  9908. </div>
  9909. <div class="ediBottom">
  9910. <textarea
  9911. rows="6"
  9912. class="binfo_input"
  9913. cols
  9914. style="width: 95%; height: 120px"
  9915. v-model="questionAnswer"
  9916. ></textarea>
  9917. </div>
  9918. </div>
  9919. </div>
  9920. <div slot="footer">
  9921. <el-button @click="answerDialogVisible = false">取 消</el-button>
  9922. <el-button type="primary" @click="addQuestion">提 交</el-button>
  9923. </div>
  9924. </el-dialog>
  9925. <el-dialog
  9926. title="问答"
  9927. :visible.sync="answerDialogVisibleTeacher"
  9928. :append-to-body="true"
  9929. width="800px"
  9930. :before-close="handleClose"
  9931. class="dialog_diy"
  9932. >
  9933. <div>
  9934. <div class="w_name">
  9935. 学生姓名:<span>{{ sStudent.student }}</span>
  9936. </div>
  9937. <div
  9938. style="
  9939. display: flex;
  9940. flex-wrap: nowrap;
  9941. flex-direction: column;
  9942. position: relative;
  9943. "
  9944. >
  9945. <div class="queTop" style="padding: 20px 0 20px 0">
  9946. <div class="question">
  9947. <img src="../assets/icon/question.png" alt />
  9948. </div>
  9949. <div class="queTitle">
  9950. <div style="width: 90px; min-width: 90px">提问:</div>
  9951. <div>{{ answerQ }}</div>
  9952. </div>
  9953. </div>
  9954. <div class="ediBottom">
  9955. <textarea
  9956. rows="6"
  9957. class="binfo_input"
  9958. cols
  9959. style="width: 95%; height: 120px"
  9960. v-model="questionAnswer"
  9961. ></textarea>
  9962. </div>
  9963. </div>
  9964. </div>
  9965. <div slot="footer">
  9966. <el-button @click="answerDialogVisibleTeacher = false">取 消</el-button>
  9967. <el-button type="primary" @click="addQuestionTeacher">提 交</el-button>
  9968. </div>
  9969. </el-dialog>
  9970. <el-dialog
  9971. title="倒计时"
  9972. :visible.sync="timeDialogVisible"
  9973. :append-to-body="true"
  9974. width="800px"
  9975. :before-close="handleClose"
  9976. class="dialog_diy"
  9977. >
  9978. <div>
  9979. <div style="margin-bottom: 20px; color: #999">
  9980. 提示:点击“+”或“-”修改倒计时时长。
  9981. </div>
  9982. <Time :preTime="preTime" v-if="timeDialogVisible"></Time>
  9983. </div>
  9984. <div slot="footer">
  9985. <el-button @click="timeDialogVisible = false">关 闭</el-button>
  9986. </div>
  9987. </el-dialog>
  9988. <el-dialog
  9989. title="权限设置"
  9990. :visible.sync="juriVisible"
  9991. :append-to-body="true"
  9992. width="400px"
  9993. :before-close="handleClose"
  9994. class="dialog_diy"
  9995. >
  9996. <div>
  9997. <div class="open_box">
  9998. <div class="switch_box">
  9999. <span>允许学生查看所有作业</span>
  10000. <el-switch
  10001. v-model="sIsOpen"
  10002. active-text=""
  10003. class="switchCss"
  10004. @change="updateSLook"
  10005. ></el-switch>
  10006. </div>
  10007. <div
  10008. class="switch_box"
  10009. v-if="
  10010. (courseDetail.userid == userid ||
  10011. (courseDetail.course_teacher &&
  10012. courseDetail.course_teacher.indexOf(userid) != -1)) && !splitScreenData.isOpen
  10013. "
  10014. >
  10015. <!-- v-if="courseDetail.userid == userid || courseDetail.course_teacher.indexOf(userid) != -1" -->
  10016. <span>禁止学生查看阶段</span>
  10017. <el-switch
  10018. v-model="IsLookOpen"
  10019. active-text=""
  10020. class="switchCss"
  10021. @change="updateLookOpen"
  10022. ></el-switch>
  10023. </div>
  10024. <div class="switch_box" v-if="courseDetail.userid == userid">
  10025. <span>开启跟随模式</span>
  10026. <el-switch
  10027. v-model="IsFollow"
  10028. active-text=""
  10029. class="switchCss"
  10030. @change="updateFollow"
  10031. ></el-switch>
  10032. </div>
  10033. </div>
  10034. </div>
  10035. <div slot="footer">
  10036. <el-button
  10037. style="background: #409efe; color: #fff"
  10038. @click="juriVisible = false"
  10039. >关 闭</el-button
  10040. >
  10041. </div>
  10042. </el-dialog>
  10043. <el-dialog
  10044. title="查看视频"
  10045. :visible.sync="videoVisible"
  10046. :append-to-body="true"
  10047. width="1000px"
  10048. :before-close="handleClose"
  10049. class="dialog_diy1"
  10050. >
  10051. <div class="workd_media" style="height: 100%" v-if="videoDetail.sources">
  10052. <video-player
  10053. class="video-player vjs-custom-skin"
  10054. :playsinline="true"
  10055. :options="videoDetail"
  10056. @play="onPlayerPlay($event)"
  10057. style="width: 100%; height: 100%"
  10058. ></video-player>
  10059. </div>
  10060. <div slot="footer">
  10061. <el-button
  10062. style="background: #409efe; color: #fff"
  10063. @click="(videoVisible = false), (videoDetail.sources[0].src = '')"
  10064. >
  10065. 关 闭</el-button
  10066. >
  10067. </div>
  10068. </el-dialog>
  10069. <el-dialog
  10070. title="查看详情"
  10071. :visible.sync="commentDialogVisible"
  10072. :append-to-body="true"
  10073. width="800px"
  10074. :before-close="handleClose"
  10075. class="dialog_diy"
  10076. >
  10077. <div class="commentTop">
  10078. <div class="studentDetail">
  10079. <div class="tx"><img src="../assets/avatar.png" alt="" /></div>
  10080. <div class="nameAndTime">
  10081. <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
  10082. <div>{{ commentDetail.time }}</div>
  10083. </div>
  10084. <div
  10085. class="returnBtn"
  10086. style="margin-left: auto; width: 80px"
  10087. v-if="
  10088. commentDetail.works &&
  10089. commentDetail.type == 0 &&
  10090. (tType == 1 || tType == 4)
  10091. "
  10092. @click="
  10093. showPicturePaint(
  10094. commentDetail.img ? commentDetail.img : commentDetail.works
  10095. )
  10096. "
  10097. >
  10098. 教师批注
  10099. </div>
  10100. </div>
  10101. <div
  10102. class="worksAnswer"
  10103. v-if="commentDetail.works && commentDetail.type == 2"
  10104. >
  10105. {{ JSON.parse(commentDetail.works)[0].answer }}
  10106. </div>
  10107. <div
  10108. class="worksAnswer"
  10109. v-if="commentDetail.works && commentDetail.type == 1"
  10110. >
  10111. <img
  10112. src="../assets/teacherWork.png"
  10113. v-if="commentDetail.ateacher"
  10114. class="w_teachert"
  10115. />
  10116. <pdf
  10117. v-if="showPDF"
  10118. :pdfUrl="pptImgUrl"
  10119. style="width: 100%; height: 520px; overflow: auto"
  10120. :class="{ fullStyle: full }"
  10121. ></pdf>
  10122. <iframe
  10123. v-else
  10124. :src="pptImgUrl"
  10125. frameborder="0"
  10126. width="100%"
  10127. height="600"
  10128. :class="{ fullStyle: full }"
  10129. ></iframe>
  10130. </div>
  10131. <div
  10132. class="worksAnswer"
  10133. v-if="commentDetail.works && commentDetail.type == 0"
  10134. >
  10135. <img
  10136. src="../assets/teacherWork.png"
  10137. v-if="commentDetail.ateacher"
  10138. class="w_teachert"
  10139. style="right: 105px"
  10140. />
  10141. <img
  10142. :src="commentDetail.works"
  10143. alt=""
  10144. @click="previewImg(commentDetail.works)"
  10145. />
  10146. </div>
  10147. <div
  10148. class="worksAnswer"
  10149. v-if="commentDetail.works && commentDetail.type == 3"
  10150. >
  10151. <img
  10152. src="../assets/teacherWork.png"
  10153. v-if="commentDetail.ateacher"
  10154. class="w_teachert"
  10155. />
  10156. <video-player
  10157. class="video-player vjs-custom-skin"
  10158. :playsinline="true"
  10159. :options="videoDetail"
  10160. @play="onPlayerPlay($event)"
  10161. style="width: 90%; height: 100%; margin: 0 0 0 30px"
  10162. ></video-player>
  10163. </div>
  10164. <div
  10165. class="worksAnswer"
  10166. v-if="commentDetail.works && commentDetail.type == 10"
  10167. >
  10168. <div class="cont" v-html="commentDetail.works.text"></div>
  10169. </div>
  10170. <div
  10171. class="worksAnswer codeFileBox"
  10172. v-if="commentDetail.works && commentDetail.type == 12"
  10173. @click="downloadFile(commentDetail.works)"
  10174. >
  10175. <img src="../assets/icon/codeFile.png" />
  10176. <div>点击下载文件</div>
  10177. </div>
  10178. <div
  10179. class="worksAnswer codeFileBox"
  10180. v-if="commentDetail.works && commentDetail.type == 15"
  10181. @click="
  10182. openCocoPi(
  10183. 57,
  10184. commentIndexJson.toolIndex,
  10185. commentDetail.userid,
  10186. commentDetail.sName
  10187. )
  10188. "
  10189. >
  10190. <img src="../assets/icon/codeFile.png" />
  10191. <div>点击打开CocoPi</div>
  10192. </div>
  10193. <div
  10194. class="worksAnswer"
  10195. v-if="commentDetail.works && commentDetail.type == 13"
  10196. >
  10197. <div v-html="JSON.parse(commentDetail.works).text"></div>
  10198. </div>
  10199. <div
  10200. class="worksAnswer"
  10201. v-if="commentDetail.works && commentDetail.type == 4"
  10202. >
  10203. <div class="evalCss">
  10204. <div class="nav">请选择星星进行评分</div>
  10205. <div class="middleBox" v-if="eScore.eStar">
  10206. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  10207. <div class="nameAndrate">
  10208. <div>{{ e.value }}</div>
  10209. <el-rate v-model="eScore.eStar[eIndex]" disabled></el-rate>
  10210. </div>
  10211. <div v-if="e.detail">{{ e.detail }}</div>
  10212. </div>
  10213. <div class="bz">
  10214. <textarea
  10215. disabled
  10216. rows="4"
  10217. class="pj"
  10218. style="
  10219. padding: 10px 5px;
  10220. width: 70%;
  10221. background: #f7f6f9;
  10222. font-size: 14px;
  10223. text-indent: 10px;
  10224. color: #000;
  10225. "
  10226. cols
  10227. v-model="eScore.eBzText"
  10228. placeholder="请输入评价内容..."
  10229. ></textarea>
  10230. </div>
  10231. </div>
  10232. </div>
  10233. </div>
  10234. <div class="comment">
  10235. <div class="commentList">
  10236. <div class="commentImg">
  10237. <img
  10238. @click="
  10239. isLikes(
  10240. commentDetail.wid,
  10241. userid,
  10242. 1,
  10243. null,
  10244. commentDetail.isLikes,
  10245. commentDetail.sName
  10246. )
  10247. "
  10248. :src="commentDetail.isLikes == true ? likes : noLikes"
  10249. alt=""
  10250. />
  10251. </div>
  10252. <div>{{ commentDetail.likesCount }}</div>
  10253. </div>
  10254. <div class="commentList">
  10255. <div class="commentImg">
  10256. <img src="../assets/icon/comment/comment.png" alt="" />
  10257. </div>
  10258. <div>{{ commentDetail.commentCount }}</div>
  10259. </div>
  10260. </div>
  10261. <div class="drawPBox" v-if="commentDetail.img">
  10262. <span>教师批注</span>
  10263. <img
  10264. :src="commentDetail.img"
  10265. alt=""
  10266. @click="previewImg(commentDetail.img)"
  10267. />
  10268. <span
  10269. class="deleteImg"
  10270. v-if="tType == 1 || tType == 4"
  10271. @click.stop="deletePicturePaint(commentDetail.wid)"
  10272. style="
  10273. font-size: 14px;
  10274. width: auto !important;
  10275. color: #b4b4b4;
  10276. top: unset;
  10277. bottom: 0;
  10278. border: none;
  10279. padding: 0;
  10280. height: auto !important;
  10281. margin: 0;
  10282. "
  10283. >删除</span
  10284. >
  10285. </div>
  10286. </div>
  10287. <div class="commentBox">
  10288. <div class="pl">评论:</div>
  10289. <div style="max-height: 200px; overflow: auto">
  10290. <div
  10291. v-if="commentDetail.commentJson && commentDetail.commentJson.length"
  10292. style="padding: 10px 0 0 0"
  10293. >
  10294. <div
  10295. class="studentDetail"
  10296. style="padding-top: 10px"
  10297. v-for="(co, coIndex) in commentDetail.commentJson"
  10298. :key="coIndex"
  10299. >
  10300. <div class="tx" style="min-width: 50px">
  10301. <img src="../assets/avatar.png" alt="" />
  10302. </div>
  10303. <div class="plPerson">
  10304. <div class="plName">
  10305. <div>{{ co.commentPeople }}</div>
  10306. <div style="margin-left: 5px">
  10307. {{ co.commentTime }}
  10308. </div>
  10309. <div
  10310. class="deleteComment"
  10311. v-if="userid == co.userid"
  10312. @click="deleteComment(co.wid)"
  10313. >
  10314. 删除
  10315. </div>
  10316. </div>
  10317. <div class="plContent">{{ co.commentText }}</div>
  10318. </div>
  10319. </div>
  10320. </div>
  10321. <div v-else style="padding: 10px 0 0 0">暂无评论</div>
  10322. </div>
  10323. </div>
  10324. <div style="margin-top: 10px">
  10325. <div class="displayBox">
  10326. <div
  10327. style="
  10328. color: #556db4;
  10329. font-size: 14px;
  10330. font-weight: bold;
  10331. padding-bottom: 10px;
  10332. "
  10333. >
  10334. 评价
  10335. </div>
  10336. <div class="easy_comment" v-if="false">
  10337. <div
  10338. v-for="(p, pIndex) in PlTextList"
  10339. :key="pIndex"
  10340. @click="fastText(p, 1)"
  10341. >
  10342. {{ p }}
  10343. </div>
  10344. </div>
  10345. </div>
  10346. <div>
  10347. <textarea
  10348. rows="3"
  10349. class="pj"
  10350. style="padding: 10px 5px"
  10351. cols
  10352. v-model="commentText"
  10353. placeholder="请输入评论"
  10354. ></textarea>
  10355. </div>
  10356. </div>
  10357. <div slot="footer">
  10358. <el-button
  10359. @click="
  10360. (commentDialogVisible = false),
  10361. (commentIndexJson = {}),
  10362. videoDetail.sources && videoDetail.sources[0]
  10363. ? (videoDetail.sources[0].src = '')
  10364. : ''
  10365. "
  10366. >取 消</el-button
  10367. >
  10368. <el-button
  10369. type="primary"
  10370. @click="addComment(commentDetail.wid, userid, 2,commentDetail)"
  10371. >确 定</el-button
  10372. >
  10373. </div>
  10374. </el-dialog>
  10375. <el-dialog
  10376. title="查看文档"
  10377. :visible.sync="fullDialogVisible"
  10378. :append-to-body="true"
  10379. width="100%"
  10380. :before-close="handleClose"
  10381. :show-close="false"
  10382. :class="['dialog_diy','full_diy', fulltype == 3 ? 'full_diy2' : '', (splitScreenData.isOpen && (splitScreenData.uid != splitScreenData.myUid)) ? 'dialog_diyCopy' : ''] "
  10383. >
  10384. <div slot="title" class="header-title">
  10385. <div v-if="fulltype == 4" style="color: #fff">AI应用</div>
  10386. <div v-else style="color: #fff">查看文档</div>
  10387. <div
  10388. @click="()=>{fullDialogVisible = false,changeSplitScreenBehavior({code:99})}"
  10389. style="
  10390. cursor: pointer;
  10391. position: absolute;
  10392. top: 20px;
  10393. right: 20px;
  10394. color: #fff;
  10395. "
  10396. >
  10397. 退出全屏
  10398. </div>
  10399. </div>
  10400. <div style="height: 100%;position: relative;">
  10401. <el-button
  10402. v-if="(splitScreenData.isOpen && (splitScreenData.uid != splitScreenData.myUid))"
  10403. size="medium"
  10404. type="primary"
  10405. @click="
  10406. () => {
  10407. (fullDialogVisible = false),
  10408. changeSplitScreenBehavior({ code: 99 });
  10409. }
  10410. "
  10411. style="
  10412. cursor: pointer;
  10413. position: absolute;
  10414. top: 10px;
  10415. right: 20px;
  10416. color: #fff;
  10417. "
  10418. >
  10419. 退出全屏
  10420. </el-button>
  10421. <div
  10422. class="wheel"
  10423. v-if="fulltype == 1"
  10424. style="
  10425. box-shadow: 0 0 6px 1px #f2f2f2;
  10426. width: 100%;
  10427. height:100%;
  10428. background: #f1f1f1;
  10429. "
  10430. >
  10431. <div class="title" style="width: 100%; box-sizing: border-box">
  10432. 查看文档
  10433. </div>
  10434. <el-form class="textBox" style="height: 90%">
  10435. <el-form-item class="textTitle">
  10436. <div style="font-size: 22px">
  10437. {{ fullUrl.name }}
  10438. </div>
  10439. </el-form-item>
  10440. <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
  10441. <div
  10442. v-html="fullUrl.url"
  10443. class="textContent"
  10444. style="height: auto"
  10445. ></div>
  10446. </el-form>
  10447. </div>
  10448. <div
  10449. class="wheel"
  10450. v-else-if="
  10451. (fulltype == 2 || fulltype == 4) &&
  10452. fullUrl.indexOf(
  10453. 'https://view.officeapps.live.com/op/view.aspx?src='
  10454. ) != -1
  10455. "
  10456. style="width: 100%;height:100%; margin: 0 auto"
  10457. >
  10458. <iframe
  10459. style="width: 100%; height: 100%; border: none"
  10460. :src="fullUrl"
  10461. ></iframe>
  10462. </div>
  10463. <!-- <iframe
  10464. v-else-if="fulltype == 2"
  10465. style="width: 100%; height: 100%; border: none"
  10466. :src="fullUrl"
  10467. security="restricted"
  10468. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  10469. ></iframe> -->
  10470. <iframe
  10471. style="width: 100%; height: 100%; border: none"
  10472. allow="camera *; microphone *;display-capture;midi;encrypted-media;"
  10473. v-else-if="(fulltype == 2 || fulltype == 4) && (fullUrl.indexOf('knowledge.cocorobo.cn')!=-1 || fullUrl.indexOf('cloud.cocorobo.cn')!=-1) || fullUrl.indexOf('app.cocorobo.cn')!=-1"
  10474. :src="fullUrl"
  10475. ></iframe>
  10476. <iframe
  10477. style="width: 100%; height: 100%; border: none"
  10478. security="restricted"
  10479. v-else-if="(fulltype == 2 || fulltype == 4)"
  10480. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  10481. :src="fullUrl"
  10482. ></iframe>
  10483. <pdf
  10484. v-else-if="fulltype == 3"
  10485. :pdfUrl="fullUrl"
  10486. style="width: 100%; height: 100%; overflow: auto"
  10487. ></pdf>
  10488. <iframe
  10489. style="width: 100%; height: 100%; border: none"
  10490. security="restricted"
  10491. v-if="(fulltype == 16)"
  10492. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  10493. :src="fullUrl"
  10494. ></iframe>
  10495. </div>
  10496. <!-- <div slot="footer">
  10497. <el-button @click="fullDialogVisible = false">关 闭</el-button>
  10498. </div> -->
  10499. </el-dialog>
  10500. <el-dialog
  10501. title="个人评价"
  10502. :visible.sync="studentEvalDialogVisible"
  10503. :append-to-body="true"
  10504. width="800px"
  10505. :before-close="handleClose"
  10506. class="dialog_diy"
  10507. >
  10508. <div class="evalCss">
  10509. <div class="nav">请选择星星进行评分</div>
  10510. <div class="middleBox" v-if="eScore.eStar">
  10511. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  10512. <div class="nameAndrate">
  10513. <div>{{ e.value }}</div>
  10514. <el-rate
  10515. v-model="eScore.eStar[eIndex]"
  10516. :disabled="isStar"
  10517. ></el-rate>
  10518. </div>
  10519. <div v-if="e.detail">{{ e.detail }}</div>
  10520. </div>
  10521. <div class="easy_comment" v-if="false">
  10522. <div
  10523. v-for="(p, pIndex) in PlTextList"
  10524. :key="pIndex"
  10525. @click="fastText(p, 2)"
  10526. >
  10527. {{ p }}
  10528. </div>
  10529. </div>
  10530. <div class="bz">
  10531. <textarea
  10532. :disabled="isStar"
  10533. rows="4"
  10534. class="pj"
  10535. style="
  10536. padding: 10px 5px;
  10537. width: 70%;
  10538. background: #f7f6f9;
  10539. font-size: 14px;
  10540. text-indent: 10px;
  10541. "
  10542. cols
  10543. v-model="eScore.eBzText"
  10544. placeholder="请输入评价内容..."
  10545. ></textarea>
  10546. </div>
  10547. </div>
  10548. </div>
  10549. <div slot="footer">
  10550. <el-button @click="studentEvalDialogVisible = false">取 消</el-button>
  10551. <el-button type="primary" @click="addBzWorks" v-if="!isStar"
  10552. >确 定</el-button
  10553. >
  10554. </div>
  10555. </el-dialog>
  10556. <el-dialog
  10557. title="个人评价"
  10558. :visible.sync="studentEvalDialogVisibleTeacher"
  10559. :append-to-body="true"
  10560. width="800px"
  10561. :before-close="handleClose"
  10562. class="dialog_diy"
  10563. >
  10564. <div class="w_name">
  10565. 学生姓名:<span>{{ sStudent.student }}</span>
  10566. </div>
  10567. <div class="evalCss">
  10568. <div class="nav">请选择星星进行评分</div>
  10569. <div class="middleBox" v-if="eScore.eStar">
  10570. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  10571. <div class="nameAndrate">
  10572. <div>{{ e.value }}</div>
  10573. <el-rate
  10574. v-model="eScore.eStar[eIndex]"
  10575. :disabled="isStar"
  10576. ></el-rate>
  10577. </div>
  10578. <div v-if="e.detail">{{ e.detail }}</div>
  10579. </div>
  10580. <div class="easy_comment" v-if="false">
  10581. <div
  10582. v-for="(p, pIndex) in PlTextList"
  10583. :key="pIndex"
  10584. @click="fastText(p, 2)"
  10585. >
  10586. {{ p }}
  10587. </div>
  10588. </div>
  10589. <div class="bz">
  10590. <textarea
  10591. :disabled="isStar"
  10592. rows="4"
  10593. class="pj"
  10594. style="
  10595. padding: 10px 5px;
  10596. width: 70%;
  10597. background: #f7f6f9;
  10598. font-size: 14px;
  10599. text-indent: 10px;
  10600. "
  10601. cols
  10602. v-model="eScore.eBzText"
  10603. placeholder="请输入评价内容..."
  10604. ></textarea>
  10605. </div>
  10606. </div>
  10607. </div>
  10608. <div slot="footer">
  10609. <el-button @click="studentEvalDialogVisibleTeacher = false"
  10610. >取 消</el-button
  10611. >
  10612. <el-button type="primary" @click="addBzWorksTeacher" v-if="!isStar"
  10613. >确 定</el-button
  10614. >
  10615. </div>
  10616. </el-dialog>
  10617. <el-dialog
  10618. title="选择匹配"
  10619. :visible.sync="dialogVisibleSelect"
  10620. :append-to-body="true"
  10621. width="90%"
  10622. :before-close="handleClose"
  10623. class="dialog_diy dialog_diy3"
  10624. >
  10625. <div v-if="selectJson">
  10626. <div class="select_box2">
  10627. <div class="select_box2_title">
  10628. <div>选择匹配</div>
  10629. <div>请选择对应的答案进行答题!</div>
  10630. </div>
  10631. <div class="select_box2_box">
  10632. <div class="select_box2_img">
  10633. <img
  10634. :src="selectJson.url"
  10635. @click="previewImg(selectJson.url)"
  10636. alt=""
  10637. />
  10638. </div>
  10639. <div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
  10640. <div style="padding-top: 15px">
  10641. <div class="select_answer_title" v-if="isSelect">
  10642. {{ selectAnswer.stu }}
  10643. </div>
  10644. <div class="select_answer_title" v-else>
  10645. 根据题目选择对应答案
  10646. </div>
  10647. <div
  10648. class="select_box2_answer_box"
  10649. v-for="(item2, checkIndex) in selectJson.select"
  10650. :key="checkIndex"
  10651. >
  10652. <span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
  10653. <el-select
  10654. :disabled="isSelect"
  10655. v-model="selectAnswer.answer[checkIndex]"
  10656. placeholder="请选择正确答案"
  10657. >
  10658. <el-option
  10659. v-for="(e, eIndex) in selectJson.select"
  10660. :key="eIndex"
  10661. :label="e"
  10662. :value="eIndex"
  10663. >
  10664. </el-option>
  10665. </el-select>
  10666. </div>
  10667. </div>
  10668. <div
  10669. class="rightAnswerCss"
  10670. v-if="isSelect && (tType == 1 || tType == 4)"
  10671. >
  10672. <div
  10673. v-for="(a, aIndex) in selectJson.answer"
  10674. :key="aIndex"
  10675. class="rightAnswer"
  10676. >
  10677. <div
  10678. v-if="selectAnswer.answer[aIndex] === a"
  10679. style="color: #767de1"
  10680. >
  10681. 回答正确
  10682. </div>
  10683. <div v-else>回答错误</div>
  10684. <div
  10685. style="margin-left: 10px"
  10686. v-if="selectAnswer.answer[aIndex] !== a"
  10687. >
  10688. 正确答案:
  10689. </div>
  10690. <div
  10691. :class="
  10692. selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
  10693. "
  10694. >
  10695. {{ selectJson.select[a] }}
  10696. </div>
  10697. </div>
  10698. </div>
  10699. </div>
  10700. <div class="upAnswerCss">
  10701. <el-button
  10702. type="primary"
  10703. @click="addSelectAnswer"
  10704. v-if="!isSelect"
  10705. >提交答案</el-button
  10706. >
  10707. </div>
  10708. </div>
  10709. </div>
  10710. </div>
  10711. </el-dialog>
  10712. <el-dialog
  10713. title="选择匹配"
  10714. :visible.sync="dialogVisibleSelectTeacher"
  10715. :append-to-body="true"
  10716. width="90%"
  10717. :before-close="handleClose"
  10718. class="dialog_diy dialog_diy3"
  10719. >
  10720. <div v-if="selectJson">
  10721. <div class="w_name">
  10722. 学生姓名:<span>{{ sStudent.student }}</span>
  10723. </div>
  10724. <div class="select_box2">
  10725. <div class="select_box2_title">
  10726. <div>选择匹配</div>
  10727. <div>请选择对应的答案进行答题!</div>
  10728. </div>
  10729. <div class="select_box2_box">
  10730. <div class="select_box2_img">
  10731. <img
  10732. :src="selectJson.url"
  10733. @click="previewImg(selectJson.url)"
  10734. alt=""
  10735. />
  10736. </div>
  10737. <div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
  10738. <div style="padding-top: 15px">
  10739. <div class="select_answer_title" v-if="isSelect">
  10740. {{ selectAnswer.stu }}
  10741. </div>
  10742. <div class="select_answer_title" v-else>
  10743. 根据题目选择对应答案
  10744. </div>
  10745. <div
  10746. class="select_box2_answer_box"
  10747. v-for="(item2, checkIndex) in selectJson.select"
  10748. :key="checkIndex"
  10749. >
  10750. <span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
  10751. <el-select
  10752. :disabled="isSelect"
  10753. v-model="selectAnswer.answer[checkIndex]"
  10754. placeholder="请选择正确答案"
  10755. >
  10756. <el-option
  10757. v-for="(e, eIndex) in selectJson.select"
  10758. :key="eIndex"
  10759. :label="e"
  10760. :value="eIndex"
  10761. >
  10762. </el-option>
  10763. </el-select>
  10764. </div>
  10765. </div>
  10766. <div
  10767. class="rightAnswerCss"
  10768. v-if="isSelect && (tType == 1 || tType == 4)"
  10769. >
  10770. <div
  10771. v-for="(a, aIndex) in selectJson.answer"
  10772. :key="aIndex"
  10773. class="rightAnswer"
  10774. >
  10775. <div
  10776. v-if="selectAnswer.answer[aIndex] === a"
  10777. style="color: #767de1"
  10778. >
  10779. 回答正确
  10780. </div>
  10781. <div v-else>回答错误</div>
  10782. <div
  10783. style="margin-left: 10px"
  10784. v-if="selectAnswer.answer[aIndex] !== a"
  10785. >
  10786. 正确答案:
  10787. </div>
  10788. <div
  10789. :class="
  10790. selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
  10791. "
  10792. >
  10793. {{ selectJson.select[a] }}
  10794. </div>
  10795. </div>
  10796. </div>
  10797. </div>
  10798. <div class="upAnswerCss">
  10799. <el-button
  10800. type="primary"
  10801. @click="addSelectAnswerTeacher"
  10802. v-if="!isSelect"
  10803. >提交答案</el-button
  10804. >
  10805. </div>
  10806. </div>
  10807. </div>
  10808. </div>
  10809. </el-dialog>
  10810. <el-dialog
  10811. title="教师评分"
  10812. :visible.sync="dialogVisibleScore"
  10813. :append-to-body="true"
  10814. width="800px"
  10815. :before-close="handleClose"
  10816. class="dialog_diy"
  10817. >
  10818. <div>
  10819. <div class="studentDetail">
  10820. <div class="tx"><img src="../assets/avatar.png" alt="" /></div>
  10821. <div class="nameAndTime">
  10822. <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
  10823. <div>{{ commentDetail.time }}</div>
  10824. </div>
  10825. </div>
  10826. <div
  10827. class="worksAnswer"
  10828. v-if="commentDetail.works && commentDetail.type == 2"
  10829. >
  10830. {{ JSON.parse(commentDetail.works)[0].answer }}
  10831. </div>
  10832. <div
  10833. class="worksAnswer"
  10834. v-if="commentDetail.works && commentDetail.type == 1"
  10835. >
  10836. <pdf
  10837. v-if="showPDF"
  10838. :pdfUrl="pptImgUrl"
  10839. style="width: 100%; height: 520px; overflow: auto"
  10840. :class="{ fullStyle: full }"
  10841. ></pdf>
  10842. <iframe
  10843. v-else
  10844. :src="pptImgUrl"
  10845. frameborder="0"
  10846. width="100%"
  10847. height="600"
  10848. :class="{ fullStyle: full }"
  10849. ></iframe>
  10850. </div>
  10851. <div
  10852. class="worksAnswer"
  10853. v-if="commentDetail.works && commentDetail.type == 0"
  10854. >
  10855. <img
  10856. :src="commentDetail.works"
  10857. alt=""
  10858. @click="previewImg(commentDetail.works)"
  10859. />
  10860. </div>
  10861. <div
  10862. class="worksAnswer"
  10863. v-if="commentDetail.works && commentDetail.type == 3"
  10864. >
  10865. <video-player
  10866. class="video-player vjs-custom-skin"
  10867. :playsinline="true"
  10868. :options="videoDetail"
  10869. @play="onPlayerPlay($event)"
  10870. style="width: 90%; height: 100%; margin: 0 0 0 30px"
  10871. ></video-player>
  10872. </div>
  10873. <div
  10874. class="worksAnswer codeFileBox"
  10875. v-if="commentDetail.works && commentDetail.type == 12"
  10876. @click="downloadFile(commentDetail.works)"
  10877. >
  10878. <img src="../assets/icon/codeFile.png" />
  10879. <div>点击下载文件</div>
  10880. </div>
  10881. <div
  10882. class="worksAnswer codeFileBox"
  10883. v-if="commentDetail.works && commentDetail.type == 15"
  10884. @click="
  10885. openCocoPi(
  10886. 57,
  10887. commentIndexJson.toolIndex,
  10888. commentDetail.userid,
  10889. commentDetail.sName
  10890. )
  10891. "
  10892. >
  10893. <img src="../assets/icon/codeFile.png" />
  10894. <div>点击打开CocoPi</div>
  10895. </div>
  10896. <div
  10897. class="worksAnswer"
  10898. v-if="commentDetail.works && commentDetail.type == 13"
  10899. >
  10900. <div v-html="JSON.parse(commentDetail.works).text"></div>
  10901. </div>
  10902. <div class="scoreBox">
  10903. <span class="t">请输入分数</span>
  10904. <el-input-number
  10905. :disabled="courseDetail.userid != userid"
  10906. v-model="wScore"
  10907. :controls="false"
  10908. :min="0"
  10909. :max="100"
  10910. ></el-input-number>
  10911. </div>
  10912. <div class="scoreDetailBox">
  10913. <span class="t">评分评论</span>
  10914. <el-input
  10915. type="textarea"
  10916. :rows="5"
  10917. :disabled="courseDetail.userid != userid"
  10918. resize="none"
  10919. v-model="scoreDetail"
  10920. placeholder="请输入对学生的评价"
  10921. >
  10922. </el-input>
  10923. </div>
  10924. </div>
  10925. <span slot="footer" class="dialog-footer">
  10926. <el-button
  10927. @click="
  10928. (dialogVisibleScore = false),
  10929. (commentIndexJson = {}),
  10930. videoDetail.sources && videoDetail.sources[0]
  10931. ? (videoDetail.sources[0].src = '')
  10932. : ''
  10933. "
  10934. >取 消</el-button
  10935. >
  10936. <el-button
  10937. type="primary"
  10938. v-if="courseDetail.userid == userid"
  10939. @click="scoreWork(commentDetail.wid,commentDetail.sName)"
  10940. >确 定
  10941. </el-button>
  10942. </span>
  10943. </el-dialog>
  10944. <el-dialog
  10945. title="排序"
  10946. :visible.sync="dialogVisibleSentence"
  10947. :append-to-body="true"
  10948. width="1000px"
  10949. :before-close="handleClose"
  10950. class="dialog_diy dialog_diy3"
  10951. >
  10952. <div>
  10953. <div class="sentenBox">
  10954. <div
  10955. v-for="(st, stIndex) in sentenceList"
  10956. :key="stIndex"
  10957. style="padding-bottom: 20px"
  10958. >
  10959. <div
  10960. style="padding: 15px 0 10px 20px"
  10961. class="sentenceTitle"
  10962. :index="stIndex + 1"
  10963. >
  10964. 题目{{ stIndex + 1 }}:请选择正确顺序
  10965. </div>
  10966. <div class="cardList" v-if="st.chooseSenList">
  10967. <div class="cardBox">
  10968. <div
  10969. v-for="(r, rIndex) in st.chooseSenList"
  10970. :key="rIndex"
  10971. @click="returnCard(r, stIndex, rIndex)"
  10972. >
  10973. <el-tooltip
  10974. class="item"
  10975. effect="light"
  10976. :content="r"
  10977. placement="top"
  10978. v-if="r != '' && r != undefined"
  10979. >
  10980. <div
  10981. :class="{
  10982. isCard: r,
  10983. isChooseCard: r == '' || r == undefined,
  10984. }"
  10985. >
  10986. <div>{{ r }}</div>
  10987. </div>
  10988. </el-tooltip>
  10989. <div
  10990. :class="{
  10991. isCard: r,
  10992. isChooseCard: r == '' || r == undefined,
  10993. }"
  10994. v-else
  10995. >
  10996. <div>{{ r }}</div>
  10997. </div>
  10998. </div>
  10999. </div>
  11000. </div>
  11001. <div class="cardList" v-if="st.addChangeSen">
  11002. <div class="cardBox">
  11003. <div
  11004. v-for="(s, sIndex) in st.addChangeSen"
  11005. :key="sIndex"
  11006. @click="setRightAnswer(s, stIndex, sIndex)"
  11007. >
  11008. <el-tooltip
  11009. class="item"
  11010. effect="light"
  11011. :content="s"
  11012. placement="top"
  11013. v-if="s != '' && s != undefined"
  11014. >
  11015. <div
  11016. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  11017. >
  11018. <div>{{ s }}</div>
  11019. </div>
  11020. </el-tooltip>
  11021. <div
  11022. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  11023. v-else
  11024. >
  11025. <div>{{ s }}</div>
  11026. </div>
  11027. </div>
  11028. </div>
  11029. </div>
  11030. </div>
  11031. </div>
  11032. </div>
  11033. <span slot="footer" class="dialog-footer">
  11034. <el-button @click="dialogVisibleSentence = false">取 消</el-button>
  11035. <el-button type="primary" @click="addSenWorks">确 定</el-button>
  11036. </span>
  11037. </el-dialog>
  11038. <el-dialog
  11039. title="排序"
  11040. :visible.sync="dialogVisibleSentenceTeacher"
  11041. :append-to-body="true"
  11042. width="1000px"
  11043. :before-close="handleClose"
  11044. class="dialog_diy dialog_diy3"
  11045. >
  11046. <div>
  11047. <div class="w_name">
  11048. 学生姓名:<span>{{ sStudent.student }}</span>
  11049. </div>
  11050. <div class="sentenBox">
  11051. <div
  11052. v-for="(st, stIndex) in sentenceList"
  11053. :key="stIndex"
  11054. style="padding-bottom: 20px"
  11055. >
  11056. <div
  11057. style="padding: 15px 0 10px 20px"
  11058. class="sentenceTitle"
  11059. :index="stIndex + 1"
  11060. >
  11061. 题目{{ stIndex + 1 }}:请选择正确顺序
  11062. </div>
  11063. <div class="cardList" v-if="st.chooseSenList">
  11064. <div class="cardBox">
  11065. <div
  11066. v-for="(r, rIndex) in st.chooseSenList"
  11067. :key="rIndex"
  11068. @click="returnCard(r, stIndex, rIndex)"
  11069. >
  11070. <el-tooltip
  11071. class="item"
  11072. effect="light"
  11073. :content="r"
  11074. placement="top"
  11075. v-if="r != '' && r != undefined"
  11076. >
  11077. <div
  11078. :class="{
  11079. isCard: r,
  11080. isChooseCard: r == '' || r == undefined,
  11081. }"
  11082. >
  11083. <div>{{ r }}</div>
  11084. </div>
  11085. </el-tooltip>
  11086. <div
  11087. :class="{
  11088. isCard: r,
  11089. isChooseCard: r == '' || r == undefined,
  11090. }"
  11091. v-else
  11092. >
  11093. <div>{{ r }}</div>
  11094. </div>
  11095. </div>
  11096. </div>
  11097. </div>
  11098. <div class="cardList" v-if="st.addChangeSen">
  11099. <div class="cardBox">
  11100. <div
  11101. v-for="(s, sIndex) in st.addChangeSen"
  11102. :key="sIndex"
  11103. @click="setRightAnswer(s, stIndex, sIndex)"
  11104. >
  11105. <el-tooltip
  11106. class="item"
  11107. effect="light"
  11108. :content="s"
  11109. placement="top"
  11110. v-if="s != '' && s != undefined"
  11111. >
  11112. <div
  11113. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  11114. >
  11115. <div>{{ s }}</div>
  11116. </div>
  11117. </el-tooltip>
  11118. <div
  11119. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  11120. v-else
  11121. >
  11122. <div>{{ s }}</div>
  11123. </div>
  11124. </div>
  11125. </div>
  11126. </div>
  11127. </div>
  11128. </div>
  11129. </div>
  11130. <span slot="footer" class="dialog-footer">
  11131. <el-button @click="dialogVisibleSentenceTeacher = false"
  11132. >取 消</el-button
  11133. >
  11134. <el-button type="primary" @click="addSenWorksTeacher">确 定</el-button>
  11135. </span>
  11136. </el-dialog>
  11137. <el-dialog
  11138. title="排序"
  11139. :visible.sync="dialogVisibleSentence1"
  11140. :append-to-body="true"
  11141. width="1000px"
  11142. :before-close="handleClose"
  11143. class="dialog_diy dialog_diy3"
  11144. >
  11145. <div>
  11146. <div class="sentenBox">
  11147. <div style="padding: 15px 0 10px 20px; font-size: 20px">
  11148. {{ sentenceList1.stuName }}的作业
  11149. </div>
  11150. <div
  11151. v-for="(st, stIndex) in sentenceList1"
  11152. :key="stIndex"
  11153. style="padding-bottom: 20px"
  11154. >
  11155. <div style="padding: 15px 0 10px 20px; font-size: 20px">
  11156. 第{{ stIndex + 1 }}题
  11157. </div>
  11158. <div class="isWrong">
  11159. <div class="cardList1" v-if="st.chooseSenList">
  11160. <div class="cardBox">
  11161. <div v-for="(s, sIndex) in st.chooseSenList" :key="sIndex">
  11162. <el-tooltip
  11163. class="item"
  11164. effect="light"
  11165. :content="s"
  11166. placement="top"
  11167. >
  11168. <div class="isCard">
  11169. <div>{{ s }}</div>
  11170. </div>
  11171. </el-tooltip>
  11172. </div>
  11173. </div>
  11174. <div class="cardAnswerBox">
  11175. 组成句子:{{ st.chooseSenList.join(" ") }}
  11176. </div>
  11177. </div>
  11178. <div v-if="tType == 2" class="isTj">
  11179. <div class="isTjImg">
  11180. <img src="../assets/icon/conSentences/right.png" alt="" />
  11181. </div>
  11182. <div>已提交</div>
  11183. </div>
  11184. <div
  11185. class="answerRight isTj"
  11186. v-if="
  11187. st.chooseSenList.toString() == st.rightAnswer.toString() &&
  11188. (tType == 1 || tType == 4)
  11189. "
  11190. >
  11191. <div class="isTjImg">
  11192. <img src="../assets/icon/conSentences/right.png" alt="" />
  11193. </div>
  11194. <div>回答正确</div>
  11195. </div>
  11196. <div
  11197. class="answerRight isTj"
  11198. v-if="
  11199. st.chooseSenList.toString() != st.rightAnswer.toString() &&
  11200. (tType == 1 || tType == 4)
  11201. "
  11202. >
  11203. <div class="isTjImg">
  11204. <img src="../assets/icon/conSentences/wrong.png" alt="" />
  11205. </div>
  11206. <div>回答错误</div>
  11207. </div>
  11208. </div>
  11209. <div
  11210. v-if="
  11211. st.chooseSenList.toString() != st.rightAnswer.toString() &&
  11212. (tType == 1 || tType == 4)
  11213. "
  11214. >
  11215. <div style="padding: 15px 0 10px 20px">正确答案如下:</div>
  11216. <div
  11217. class="cardList"
  11218. v-if="st.rightAnswer"
  11219. style="border: none; padding: 10px 0 10px 10px; margin: 0"
  11220. >
  11221. <div class="cardBox">
  11222. <div v-for="(r, rIndex) in st.rightAnswer" :key="rIndex">
  11223. <el-tooltip
  11224. class="item"
  11225. effect="light"
  11226. :content="r"
  11227. placement="top"
  11228. >
  11229. <div class="isCard1">
  11230. <div>{{ r }}</div>
  11231. </div>
  11232. </el-tooltip>
  11233. </div>
  11234. </div>
  11235. <div class="cardAnswerBox">
  11236. 组成句子:{{ st.rightAnswer.join(" ") }}
  11237. </div>
  11238. </div>
  11239. </div>
  11240. </div>
  11241. </div>
  11242. </div>
  11243. <span slot="footer" class="dialog-footer">
  11244. <el-button @click="dialogVisibleSentence1 = false">取 消</el-button>
  11245. <el-button type="primary" @click="dialogVisibleSentence1 = false"
  11246. >确 定</el-button
  11247. >
  11248. </span>
  11249. </el-dialog>
  11250. <el-dialog
  11251. title="教师提交作业"
  11252. :visible.sync="dialogVisibleWorks"
  11253. :append-to-body="true"
  11254. width="500px"
  11255. :before-close="handleClose"
  11256. class="dialog_change"
  11257. >
  11258. <div class="marginT">
  11259. <div class="w_name">
  11260. 学生姓名:<span>{{ sStudent.student }}</span>
  11261. </div>
  11262. <div>上传文件</div>
  11263. <div style="display: flex; gap: 10px">
  11264. <div
  11265. class="chapter_add"
  11266. @click="addImg($event)"
  11267. v-if="studyJuri[0].cover.length == 0"
  11268. >
  11269. <div class="up_photo">
  11270. <img src="../assets/icon/uploadImg.png" alt />
  11271. </div>
  11272. <!-- <input
  11273. type="file"
  11274. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  11275. style="display: none"
  11276. @change="beforeUpload1($event, 1)"
  11277. /> -->
  11278. <input
  11279. type="file"
  11280. accept="*"
  11281. style="display: none"
  11282. @change="beforeUpload1($event, 1)"
  11283. />
  11284. <!-- <input
  11285. type="file"
  11286. accept="image/*"
  11287. capture="camera"
  11288. style="display: none"
  11289. @change="beforeUpload1($event, 1)"
  11290. /> -->
  11291. </div>
  11292. <div
  11293. class="chapter_add"
  11294. @click="addImg($event)"
  11295. v-if="studyJuri[0].cover.length == 0"
  11296. >
  11297. <div class="up_photo" style="background: rgb(232, 239, 248);width: 120px;height: 120px;display: flex;align-items: center;justify-content: center;">
  11298. <img src="../assets/icon/uploadImg2.png" style="width: 110px; height: 110px" alt />
  11299. </div>
  11300. <input
  11301. type="file"
  11302. accept="image/*"
  11303. capture="camera"
  11304. style="display: none"
  11305. @change="beforeUpload1($event, 1)"
  11306. />
  11307. </div>
  11308. </div>
  11309. <!-- capture="camera" -->
  11310. <div
  11311. class="chapter_add"
  11312. style="
  11313. display: flex;
  11314. width: 100%;
  11315. flex-direction: row;
  11316. flex-wrap: wrap;
  11317. justify-content: flex-start;
  11318. padding: 15px 0;
  11319. "
  11320. v-if="studyJuri[0].cover.length > 0"
  11321. >
  11322. <div class="upCover">
  11323. <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
  11324. <img :src="word" alt v-else-if="fileType == 1" />
  11325. <img :src="video" alt v-else-if="fileType == 2" />
  11326. <img :src="word2" alt v-else-if="fileType == 3" />
  11327. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  11328. <div class="deleteWord" @click="clean(1)">
  11329. <img src="../assets/icon/deleteWorks.png" alt />
  11330. </div>
  11331. </div>
  11332. </div>
  11333. </div>
  11334. <div
  11335. class="upload_send"
  11336. @click="addCourseWorksTeacher(taskCount)"
  11337. v-if="!proVisible"
  11338. >
  11339. 提交
  11340. </div>
  11341. </el-dialog>
  11342. <ImgDraw
  11343. :drawShow="drawShow"
  11344. @closeDraw="closeDraw"
  11345. @addImgDraw="addImgDraw"
  11346. :bg="bg"
  11347. ></ImgDraw>
  11348. <el-dialog
  11349. title="表格"
  11350. :visible.sync="dialogVisibleTable"
  11351. :append-to-body="true"
  11352. width="95%"
  11353. :before-close="handleClose"
  11354. class="dialog_diy"
  11355. >
  11356. <el-form>
  11357. <div
  11358. style="
  11359. display: flex;
  11360. align-items: center;
  11361. justify-content: space-between;
  11362. "
  11363. >
  11364. <span>表格内容</span>
  11365. <el-button type="primary" size="small" @click="returnTableText"
  11366. >还原模板</el-button
  11367. >
  11368. </div>
  11369. <Table
  11370. v-model="tableJson.text"
  11371. @change="change"
  11372. v-if="dialogVisibleTable"
  11373. ></Table>
  11374. </el-form>
  11375. <span slot="footer" class="dialog-footer">
  11376. <el-button @click="dialogVisibleTable = false">取 消</el-button>
  11377. <el-button type="primary" @click="addTableWorks">确定</el-button>
  11378. </span>
  11379. </el-dialog>
  11380. <el-dialog
  11381. title="表格"
  11382. :visible.sync="dialogVisibleTableTeacher"
  11383. :append-to-body="true"
  11384. width="95%"
  11385. :before-close="handleClose"
  11386. class="dialog_diy"
  11387. >
  11388. <el-form>
  11389. <div class="w_name">
  11390. 学生姓名:<span>{{ sStudent.student }}</span>
  11391. </div>
  11392. <div>表格内容</div>
  11393. <Table
  11394. v-model="tableJson.text"
  11395. @change="change"
  11396. v-if="dialogVisibleTableTeacher"
  11397. ></Table>
  11398. </el-form>
  11399. <span slot="footer" class="dialog-footer">
  11400. <el-button @click="dialogVisibleTableTeacher = false">取 消</el-button>
  11401. <el-button type="primary" @click="addTableWorksTeacher">确定</el-button>
  11402. </span>
  11403. </el-dialog>
  11404. <el-dialog
  11405. title="文档"
  11406. :visible.sync="dialogVisibleWord"
  11407. :append-to-body="true"
  11408. width="95%"
  11409. :before-close="handleClose"
  11410. class="dialog_diy"
  11411. >
  11412. <el-form>
  11413. <div
  11414. style="
  11415. display: flex;
  11416. align-items: center;
  11417. justify-content: space-between;
  11418. "
  11419. >
  11420. <span>文档内容</span>
  11421. <el-button type="primary" size="small" @click="returnWordText"
  11422. >还原模板</el-button
  11423. >
  11424. </div>
  11425. <editor-bar
  11426. v-model="wordJson.text"
  11427. v-if="dialogVisibleWord"
  11428. ></editor-bar>
  11429. </el-form>
  11430. <span slot="footer" class="dialog-footer">
  11431. <el-button @click="dialogVisibleWord = false">取 消</el-button>
  11432. <el-button type="primary" @click="addWordWorks">确定</el-button>
  11433. </span>
  11434. </el-dialog>
  11435. <el-dialog
  11436. title="文档"
  11437. :visible.sync="dialogVisibleWordTeacher"
  11438. :append-to-body="true"
  11439. width="95%"
  11440. :before-close="handleClose"
  11441. class="dialog_diy"
  11442. >
  11443. <el-form>
  11444. <div class="w_name">
  11445. 学生姓名:<span>{{ sStudent.student }}</span>
  11446. </div>
  11447. <div>文档内容</div>
  11448. <editor-bar
  11449. v-model="wordJson.text"
  11450. v-if="dialogVisibleWordTeacher"
  11451. ></editor-bar>
  11452. </el-form>
  11453. <span slot="footer" class="dialog-footer">
  11454. <el-button @click="dialogVisibleWordTeacher = false">取 消</el-button>
  11455. <el-button type="primary" @click="addWordWorksTeacher">确定</el-button>
  11456. </span>
  11457. </el-dialog>
  11458. <el-dialog
  11459. title="表格"
  11460. :visible.sync="dialogVisibleTable2"
  11461. :append-to-body="true"
  11462. width="95%"
  11463. :before-close="handleClose"
  11464. class="dialog_diy"
  11465. >
  11466. <el-form>
  11467. <div class="cont" v-html="tableJson.text"></div>
  11468. </el-form>
  11469. <span slot="footer" class="dialog-footer">
  11470. <el-button @click="dialogVisibleTable2 = false">关 闭</el-button>
  11471. </span>
  11472. </el-dialog>
  11473. <el-dialog
  11474. title="文档"
  11475. :visible.sync="dialogVisibleTable3"
  11476. :append-to-body="true"
  11477. width="95%"
  11478. :before-close="handleClose"
  11479. class="dialog_diy"
  11480. >
  11481. <el-form>
  11482. <div class="cont" v-html="tableJson.text"></div>
  11483. </el-form>
  11484. <span slot="footer" class="dialog-footer">
  11485. <el-button @click="dialogVisibleTable3 = false">关 闭</el-button>
  11486. </span>
  11487. </el-dialog>
  11488. <el-dialog
  11489. title="分组设置"
  11490. :visible.sync="dialogVisibleGroup"
  11491. :append-to-body="true"
  11492. width="95%"
  11493. :before-close="handleClose"
  11494. class="dialog_diy"
  11495. >
  11496. <div v-if="dialogVisibleGroup">
  11497. <div v-if="courseDetail.userid == userid" class="g_d_btnBox">
  11498. <div style="color: rgb(171 171 171); margin: 0 10px 0 0">
  11499. 提示:开启【开放选座】,学生能够自由加入和退出小组。
  11500. </div>
  11501. <!-- <div type="primary" v-if="groupJson.islock == 1" class="returnBtn" style="background-color: #225bc7"
  11502. @click="lockChair">
  11503. 锁定位置
  11504. </div>
  11505. <div type="primary" v-else class="returnBtn" style="background-color: #225bc7" @click="lockChair">
  11506. 解锁位置
  11507. </div> -->
  11508. <div class="group_switch">
  11509. <span>开放选座</span>
  11510. <el-switch
  11511. v-model="islock"
  11512. active-text=""
  11513. class="switchCss"
  11514. @change="lockChair"
  11515. ></el-switch>
  11516. </div>
  11517. <div
  11518. type="primary"
  11519. @click="updateGroup"
  11520. class="returnBtn"
  11521. style="background-color: #225bc7"
  11522. >
  11523. 分组设置
  11524. </div>
  11525. </div>
  11526. <div>
  11527. <div
  11528. class="g_d_box"
  11529. v-if="groupJson.group && groupStudent[toolindex]"
  11530. >
  11531. <div
  11532. class="g_d_group"
  11533. v-for="(g, gindex) in groupJson.group"
  11534. :key="gindex"
  11535. >
  11536. <div class="g_d_group_chair">
  11537. <div v-if="groupJson.number > 1">
  11538. <span
  11539. :class="{
  11540. isChair:
  11541. groupStudent[toolindex][gindex] &&
  11542. groupStudent[toolindex][gindex][0],
  11543. updateChair:
  11544. courseDetail.userid == userid &&
  11545. groupStudent[toolindex][gindex] &&
  11546. groupStudent[toolindex][gindex][0] &&
  11547. groupJson.islock == 2,
  11548. }"
  11549. ><span
  11550. class="updateChairBtn"
  11551. @click="
  11552. updateGroupChair(
  11553. groupStudent[toolindex][gindex] &&
  11554. groupStudent[toolindex][gindex][0]
  11555. )
  11556. "
  11557. >修改</span
  11558. ></span
  11559. ><span>{{
  11560. groupStudent[toolindex][gindex] &&
  11561. groupStudent[toolindex][gindex][0]
  11562. ? groupStudent[toolindex][gindex] &&
  11563. groupStudent[toolindex][gindex][0].name
  11564. : "空位置"
  11565. }}</span>
  11566. </div>
  11567. <div v-if="groupJson.number > 4">
  11568. <span
  11569. :class="{
  11570. isChair:
  11571. groupStudent[toolindex][gindex] &&
  11572. groupStudent[toolindex][gindex][4],
  11573. updateChair:
  11574. courseDetail.userid == userid &&
  11575. groupStudent[toolindex][gindex] &&
  11576. groupStudent[toolindex][gindex][4] &&
  11577. groupJson.islock == 2,
  11578. }"
  11579. ><span
  11580. class="updateChairBtn"
  11581. @click="
  11582. updateGroupChair(
  11583. groupStudent[toolindex][gindex] &&
  11584. groupStudent[toolindex][gindex][4]
  11585. )
  11586. "
  11587. >修改</span
  11588. ></span
  11589. ><span>{{
  11590. groupStudent[toolindex][gindex] &&
  11591. groupStudent[toolindex][gindex][4]
  11592. ? groupStudent[toolindex][gindex] &&
  11593. groupStudent[toolindex][gindex][4].name
  11594. : "空位置"
  11595. }}</span>
  11596. </div>
  11597. <div v-if="groupJson.number > 8">
  11598. <span
  11599. :class="{
  11600. isChair:
  11601. groupStudent[toolindex][gindex] &&
  11602. groupStudent[toolindex][gindex][8],
  11603. updateChair:
  11604. courseDetail.userid == userid &&
  11605. groupStudent[toolindex][gindex] &&
  11606. groupStudent[toolindex][gindex][8] &&
  11607. groupJson.islock == 2,
  11608. }"
  11609. ><span
  11610. class="updateChairBtn"
  11611. @click="
  11612. updateGroupChair(
  11613. groupStudent[toolindex][gindex] &&
  11614. groupStudent[toolindex][gindex][8]
  11615. )
  11616. "
  11617. >修改</span
  11618. ></span
  11619. ><span>{{
  11620. groupStudent[toolindex][gindex] &&
  11621. groupStudent[toolindex][gindex][8]
  11622. ? groupStudent[toolindex][gindex] &&
  11623. groupStudent[toolindex][gindex][8].name
  11624. : "空位置"
  11625. }}</span>
  11626. </div>
  11627. </div>
  11628. <div class="g_d_group_tableBox">
  11629. <div class="g_d_group_chair2">
  11630. <div v-if="groupJson.number > 2">
  11631. <span
  11632. :class="{
  11633. isChair:
  11634. groupStudent[toolindex][gindex] &&
  11635. groupStudent[toolindex][gindex][2],
  11636. updateChair:
  11637. courseDetail.userid == userid &&
  11638. groupStudent[toolindex][gindex] &&
  11639. groupStudent[toolindex][gindex][2] &&
  11640. groupJson.islock == 2,
  11641. }"
  11642. ><span
  11643. class="updateChairBtn"
  11644. @click="
  11645. updateGroupChair(
  11646. groupStudent[toolindex][gindex] &&
  11647. groupStudent[toolindex][gindex][2]
  11648. )
  11649. "
  11650. >修改</span
  11651. ></span
  11652. ><span>{{
  11653. groupStudent[toolindex][gindex] &&
  11654. groupStudent[toolindex][gindex][2]
  11655. ? groupStudent[toolindex][gindex] &&
  11656. groupStudent[toolindex][gindex][2].name
  11657. : "空位置"
  11658. }}</span>
  11659. </div>
  11660. <div v-if="groupJson.number > 6">
  11661. <span
  11662. :class="{
  11663. isChair:
  11664. groupStudent[toolindex][gindex] &&
  11665. groupStudent[toolindex][gindex][6],
  11666. updateChair:
  11667. courseDetail.userid == userid &&
  11668. groupStudent[toolindex][gindex] &&
  11669. groupStudent[toolindex][gindex][6] &&
  11670. groupJson.islock == 2,
  11671. }"
  11672. ><span
  11673. class="updateChairBtn"
  11674. @click="
  11675. updateGroupChair(
  11676. groupStudent[toolindex][gindex] &&
  11677. groupStudent[toolindex][gindex][6]
  11678. )
  11679. "
  11680. >修改</span
  11681. ></span
  11682. ><span>{{
  11683. groupStudent[toolindex][gindex] &&
  11684. groupStudent[toolindex][gindex][6]
  11685. ? groupStudent[toolindex][gindex] &&
  11686. groupStudent[toolindex][gindex][6].name
  11687. : "空位置"
  11688. }}</span>
  11689. </div>
  11690. </div>
  11691. <div class="g_d_group_table">
  11692. <div>
  11693. {{ g.name }}
  11694. </div>
  11695. <div>
  11696. <div
  11697. v-if="
  11698. courseDetail.userid == userid && groupJson.islock == 2
  11699. "
  11700. @click="deleteGroupChair(gindex)"
  11701. >
  11702. 移除组员
  11703. </div>
  11704. <div
  11705. @click="selectGroup(gindex)"
  11706. v-else-if="
  11707. groupStudentUid[toolindex] &&
  11708. groupStudentUid[toolindex][gindex].indexOf(userid) == -1
  11709. "
  11710. >
  11711. 加入分组
  11712. </div>
  11713. <div
  11714. @click="
  11715. exitGroup(
  11716. groupStudent[toolindex][gindex] &&
  11717. groupStudent[toolindex][gindex][
  11718. groupStudentUid[toolindex][gindex].indexOf(userid)
  11719. ].id
  11720. )
  11721. "
  11722. v-else-if="
  11723. groupStudentUid[toolindex] &&
  11724. groupStudentUid[toolindex][gindex].indexOf(userid) != -1
  11725. "
  11726. >
  11727. 退出分组
  11728. </div>
  11729. </div>
  11730. </div>
  11731. <div class="g_d_group_chair2">
  11732. <div v-if="groupJson.number > 3">
  11733. <span
  11734. :class="{
  11735. isChair:
  11736. groupStudent[toolindex][gindex] &&
  11737. groupStudent[toolindex][gindex][3],
  11738. updateChair:
  11739. courseDetail.userid == userid &&
  11740. groupStudent[toolindex][gindex] &&
  11741. groupStudent[toolindex][gindex][3] &&
  11742. groupJson.islock == 2,
  11743. }"
  11744. ><span
  11745. class="updateChairBtn"
  11746. @click="
  11747. updateGroupChair(
  11748. groupStudent[toolindex][gindex] &&
  11749. groupStudent[toolindex][gindex][3]
  11750. )
  11751. "
  11752. >修改</span
  11753. ></span
  11754. ><span>{{
  11755. groupStudent[toolindex][gindex] &&
  11756. groupStudent[toolindex][gindex][3]
  11757. ? groupStudent[toolindex][gindex] &&
  11758. groupStudent[toolindex][gindex][3].name
  11759. : "空位置"
  11760. }}</span>
  11761. </div>
  11762. <div v-if="groupJson.number > 7">
  11763. <span
  11764. :class="{
  11765. isChair:
  11766. groupStudent[toolindex][gindex] &&
  11767. groupStudent[toolindex][gindex][7],
  11768. updateChair:
  11769. courseDetail.userid == userid &&
  11770. groupStudent[toolindex][gindex] &&
  11771. groupStudent[toolindex][gindex][7] &&
  11772. groupJson.islock == 2,
  11773. }"
  11774. ><span
  11775. class="updateChairBtn"
  11776. @click="
  11777. updateGroupChair(
  11778. groupStudent[toolindex][gindex] &&
  11779. groupStudent[toolindex][gindex][7]
  11780. )
  11781. "
  11782. >修改</span
  11783. ></span
  11784. ><span>{{
  11785. groupStudent[toolindex][gindex] &&
  11786. groupStudent[toolindex][gindex][7]
  11787. ? groupStudent[toolindex][gindex] &&
  11788. groupStudent[toolindex][gindex][7].name
  11789. : "空位置"
  11790. }}</span>
  11791. </div>
  11792. </div>
  11793. </div>
  11794. <div class="g_d_group_chair">
  11795. <div v-if="groupJson.number > 1">
  11796. <span
  11797. :class="{
  11798. isChair:
  11799. groupStudent[toolindex][gindex] &&
  11800. groupStudent[toolindex][gindex][1],
  11801. updateChair:
  11802. courseDetail.userid == userid &&
  11803. groupStudent[toolindex][gindex] &&
  11804. groupStudent[toolindex][gindex][1] &&
  11805. groupJson.islock == 2,
  11806. }"
  11807. ><span
  11808. class="updateChairBtn"
  11809. @click="
  11810. updateGroupChair(
  11811. groupStudent[toolindex][gindex] &&
  11812. groupStudent[toolindex][gindex][1]
  11813. )
  11814. "
  11815. >修改</span
  11816. ></span
  11817. ><span>{{
  11818. groupStudent[toolindex][gindex] &&
  11819. groupStudent[toolindex][gindex][1]
  11820. ? groupStudent[toolindex][gindex] &&
  11821. groupStudent[toolindex][gindex][1].name
  11822. : "空位置"
  11823. }}</span>
  11824. </div>
  11825. <div v-if="groupJson.number > 5">
  11826. <span
  11827. :class="{
  11828. isChair:
  11829. groupStudent[toolindex][gindex] &&
  11830. groupStudent[toolindex][gindex][5],
  11831. updateChair:
  11832. courseDetail.userid == userid &&
  11833. groupStudent[toolindex][gindex] &&
  11834. groupStudent[toolindex][gindex][5] &&
  11835. groupJson.islock == 2,
  11836. }"
  11837. ><span
  11838. class="updateChairBtn"
  11839. @click="
  11840. updateGroupChair(
  11841. groupStudent[toolindex][gindex] &&
  11842. groupStudent[toolindex][gindex][5]
  11843. )
  11844. "
  11845. >修改</span
  11846. ></span
  11847. ><span>{{
  11848. groupStudent[toolindex][gindex] &&
  11849. groupStudent[toolindex][gindex][5]
  11850. ? groupStudent[toolindex][gindex] &&
  11851. groupStudent[toolindex][gindex][5].name
  11852. : "空位置"
  11853. }}</span>
  11854. </div>
  11855. <div v-if="groupJson.number > 9">
  11856. <span
  11857. :class="{
  11858. isChair:
  11859. groupStudent[toolindex][gindex] &&
  11860. groupStudent[toolindex][gindex][9],
  11861. updateChair:
  11862. courseDetail.userid == userid &&
  11863. groupStudent[toolindex][gindex] &&
  11864. groupStudent[toolindex][gindex][9] &&
  11865. groupJson.islock == 2,
  11866. }"
  11867. ><span
  11868. class="updateChairBtn"
  11869. @click="
  11870. updateGroupChair(
  11871. groupStudent[toolindex][gindex] &&
  11872. groupStudent[toolindex][gindex][9]
  11873. )
  11874. "
  11875. >修改</span
  11876. ></span
  11877. ><span>{{
  11878. groupStudent[toolindex][gindex] &&
  11879. groupStudent[toolindex][gindex][9]
  11880. ? groupStudent[toolindex][gindex] &&
  11881. groupStudent[toolindex][gindex][9].name
  11882. : "空位置"
  11883. }}</span>
  11884. </div>
  11885. </div>
  11886. </div>
  11887. </div>
  11888. </div>
  11889. </div>
  11890. <span slot="footer" class="dialog-footer">
  11891. <!-- <el-button @click="(dialogVisibleGroup = false)">关 闭</el-button> -->
  11892. </span>
  11893. </el-dialog>
  11894. <el-dialog
  11895. title="分组设置"
  11896. :visible.sync="dialogVisibleGroup2"
  11897. :append-to-body="true"
  11898. width="650px"
  11899. :before-close="handleClose"
  11900. class="dialog_diy"
  11901. >
  11902. <div class="groupBox">
  11903. <div v-if="groupJson2.group" class="groupContent">
  11904. <div class="groupTitle">请设置小组数量及名称</div>
  11905. <div
  11906. v-for="(item, index) in groupJson2.group"
  11907. :key="index"
  11908. class="groupName"
  11909. >
  11910. <span class="groupn">第{{ index + 1 }}组名称:</span>
  11911. <el-input
  11912. v-model="item.name"
  11913. placeholder="请输入名称..."
  11914. style="width: 250px"
  11915. ></el-input>
  11916. <!-- <div class="groupBtn">
  11917. <el-button type="primary" size="small" @click="addGroup(index)">
  11918. 添加</el-button>
  11919. <el-button type="primary" size="small" @click="deleteGroup(index)"
  11920. v-if="groupJson2.group && groupJson2.group.length > 1">删除</el-button>
  11921. </div> -->
  11922. </div>
  11923. </div>
  11924. <div class="groupContent">
  11925. <div class="groupTitle">请设置每组人数</div>
  11926. <!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
  11927. style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
  11928. <el-input
  11929. v-model="groupJson2.number"
  11930. style="width: 150px"
  11931. placeholder="请输入2-10的数字"
  11932. @change="numberPan"
  11933. ></el-input>
  11934. </div>
  11935. </div>
  11936. <span slot="footer" class="dialog-footer">
  11937. <el-button @click="dialogVisibleGroup2 = false">取 消</el-button>
  11938. <el-button type="primary" @click="updateGroupJson">确定</el-button>
  11939. </span>
  11940. </el-dialog>
  11941. <el-dialog
  11942. title="作业提交"
  11943. :visible.sync="dialogVisibleGroupWork"
  11944. :append-to-body="true"
  11945. width="500px"
  11946. :before-close="handleClose"
  11947. class="dialog_change"
  11948. >
  11949. <div class="marginT">
  11950. <div>上传文件</div>
  11951. <div
  11952. class="chapter_add"
  11953. @click="addImg($event)"
  11954. v-if="studyJuri[0].cover.length == 0"
  11955. >
  11956. <div class="up_photo">
  11957. <img src="../assets/icon/uploadImg.png" alt />
  11958. </div>
  11959. <!-- <input
  11960. type="file"
  11961. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  11962. style="display: none"
  11963. @change="beforeUpload1($event, 1)"
  11964. /> -->
  11965. <input
  11966. type="file"
  11967. accept="*"
  11968. style="display: none"
  11969. @change="beforeUpload1($event, 1)"
  11970. />
  11971. </div>
  11972. <!-- capture="camera" -->
  11973. <div
  11974. class="chapter_add"
  11975. style="
  11976. display: flex;
  11977. width: 100%;
  11978. flex-direction: row;
  11979. flex-wrap: wrap;
  11980. justify-content: flex-start;
  11981. padding: 15px 0;
  11982. "
  11983. v-if="studyJuri[0].cover.length > 0"
  11984. >
  11985. <div class="upCover">
  11986. <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
  11987. <img :src="word" alt v-else-if="fileType == 1" />
  11988. <img :src="video" alt v-else-if="fileType == 2" />
  11989. <img :src="word2" alt v-else-if="fileType == 3" />
  11990. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  11991. <div class="deleteWord" @click="clean(1)">
  11992. <img src="../assets/icon/deleteWorks.png" alt />
  11993. </div>
  11994. </div>
  11995. </div>
  11996. </div>
  11997. <div
  11998. class="upload_send"
  11999. @click="addCourseWorks2(taskCount)"
  12000. v-if="!proVisible"
  12001. >
  12002. 提交
  12003. </div>
  12004. </el-dialog>
  12005. <el-dialog
  12006. title="修改分组"
  12007. :visible.sync="dialogVisibleUpdateGroup"
  12008. :append-to-body="true"
  12009. width="350px"
  12010. :before-close="handleClose"
  12011. class="dialog_diy"
  12012. >
  12013. <div>
  12014. <h2>
  12015. {{ this.updateGroupUser.name }}
  12016. </h2>
  12017. <div style="color: rgb(171 171 171); margin-top: 10px">
  12018. 请选择要进入的分组
  12019. </div>
  12020. <el-radio-group v-model="checkChair">
  12021. <el-radio
  12022. style="display: block; margin-top: 20px"
  12023. v-for="(item, index) in updateGroupArray"
  12024. :label="item.label"
  12025. :key="index"
  12026. >{{ item.name }}</el-radio
  12027. >
  12028. </el-radio-group>
  12029. </div>
  12030. <span slot="footer" class="dialog-footer">
  12031. <el-button @click="dialogVisibleUpdateGroup = false">取 消</el-button>
  12032. <el-button type="primary" @click="updateChair">确定</el-button>
  12033. </span>
  12034. </el-dialog>
  12035. <el-dialog
  12036. title="移除组员"
  12037. :visible.sync="dialogVisibleDeleteGroup"
  12038. :append-to-body="true"
  12039. width="350px"
  12040. :before-close="handleClose"
  12041. class="dialog_diy"
  12042. >
  12043. <div>
  12044. <h2>
  12045. {{ this.deleteGroupArray.name }}
  12046. </h2>
  12047. <div style="color: rgb(171 171 171); margin-top: 10px">
  12048. 请选择要删除的组员
  12049. </div>
  12050. <el-checkbox-group v-model="checkDeleteGroup">
  12051. <el-checkbox
  12052. style="display: flex; margin-top: 20px"
  12053. v-for="(item, index) in deleteGroupUser"
  12054. :label="item.userid"
  12055. :key="index"
  12056. >{{ item.name }}</el-checkbox
  12057. >
  12058. </el-checkbox-group>
  12059. </div>
  12060. <span slot="footer" class="dialog-footer">
  12061. <el-button @click="dialogVisibleDeleteGroup = false">取 消</el-button>
  12062. <el-button type="primary" @click="deleteChair">确定</el-button>
  12063. </span>
  12064. </el-dialog>
  12065. <el-dialog
  12066. title="批量上传"
  12067. :visible.sync="dialogVisiblePl"
  12068. :append-to-body="true"
  12069. width="700px"
  12070. :before-close="handleClose"
  12071. class="dialog_change"
  12072. >
  12073. <div class="marginT">
  12074. <div class="plworkBox">
  12075. <div
  12076. class="chapter_add"
  12077. style="
  12078. display: flex;
  12079. width: 150px;
  12080. flex-direction: row;
  12081. flex-wrap: wrap;
  12082. justify-content: flex-start;
  12083. margin: 0 10px 10px 0;
  12084. "
  12085. v-for="(item, index) in plworkFile"
  12086. :key="index"
  12087. >
  12088. <div class="upCover2">
  12089. <img
  12090. :src="item.url"
  12091. alt
  12092. v-if="item.fileType == 1"
  12093. @click="previewImg(item.url)"
  12094. />
  12095. <img :src="word" alt v-else-if="item.fileType == 4" />
  12096. <img :src="video" alt v-else />
  12097. <!-- <span class="picName">{{ item.name }}</span> -->
  12098. <!-- <el-input
  12099. v-model="item.username"
  12100. placeholder="请输入学生名字"
  12101. style="margin-top: 10px"
  12102. ></el-input> -->
  12103. <div
  12104. class="pl_select_box"
  12105. @click="
  12106. getUpdateMore(true, checkUpload(), item.username, index)
  12107. "
  12108. >
  12109. {{ getSName(item.username) }}
  12110. </div>
  12111. <!-- <el-select
  12112. style="margin-top: 10px"
  12113. v-model="item.username"
  12114. filterable
  12115. allow-create
  12116. placeholder="请选择学生"
  12117. >
  12118. <el-option
  12119. v-for="item1 in checkUpload()"
  12120. :key="item1.userid"
  12121. :label="item1.name ? item1.name : item1.username"
  12122. :value="item1.userid"
  12123. >
  12124. </el-option>
  12125. </el-select> -->
  12126. <div class="deleteWord" @click="clean2(index)">
  12127. <img src="../assets/icon/deleteWorks.png" alt />
  12128. </div>
  12129. </div>
  12130. </div>
  12131. <div class="chapter_add" style="width: auto" @click="addImg($event)">
  12132. <div class="up_photo2">
  12133. <img src="../assets/icon/plwork.png" alt />
  12134. <span>点击上传文件</span>
  12135. </div>
  12136. <input
  12137. type="file"
  12138. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  12139. multiple="multiple"
  12140. style="display: none"
  12141. @change="beforeUpload3($event, 6)"
  12142. />
  12143. </div>
  12144. </div>
  12145. </div>
  12146. <!-- capture="camera" -->
  12147. <div
  12148. class="upload_send"
  12149. @click="addCourseWorksPl(taskCount)"
  12150. v-if="!proVisible2"
  12151. >
  12152. 提交
  12153. </div>
  12154. </el-dialog>
  12155. <el-dialog
  12156. title="修改名称"
  12157. :visible.sync="dialogVisibleSname"
  12158. width="500px"
  12159. :before-close="handleClose"
  12160. class="dialog_diy"
  12161. center
  12162. >
  12163. <div
  12164. style="
  12165. text-align: center;
  12166. display: flex;
  12167. align-items: center;
  12168. justify-content: center;
  12169. "
  12170. >
  12171. <span class="tian1">名称</span>
  12172. <div
  12173. class="pl_select_box"
  12174. style="margin-left: 10px; width: 200px"
  12175. @click="getUpdateMore(true, uploadStudentJuri, worksSid)"
  12176. >
  12177. {{ getSName(worksSName) }}
  12178. </div>
  12179. <!-- <el-select v-model="worksSName" filterable allow-create style="width: 250px; margin: 15px 0px"
  12180. placeholder="请选择学生">
  12181. <el-option v-for="item in uploadStudentJuri" :key="item.userid" :label="item.name ? item.name : item.username"
  12182. :value="item.userid">
  12183. </el-option>
  12184. </el-select> -->
  12185. <!-- <el-input
  12186. v-model="worksSName"
  12187. style="width: 250px; margin: 15px 0px"
  12188. ></el-input> -->
  12189. </div>
  12190. <span slot="footer" class="dialog-footer" style="text-align: center;">
  12191. <el-button @click="dialogVisibleSname = false">取 消</el-button>
  12192. <el-button type="primary" @click="updateName">确 定</el-button>
  12193. </span>
  12194. </el-dialog>
  12195. <el-dialog
  12196. title="英语写作"
  12197. :visible.sync="engDialogVisible"
  12198. :append-to-body="true"
  12199. width="800px"
  12200. :before-close="handleClose"
  12201. class="dialog_diy"
  12202. >
  12203. <onlineWrite
  12204. v-if="engDialogVisible"
  12205. :englishList="englishList"
  12206. :myAnswerList1="myAnswerList1"
  12207. :userid="userid"
  12208. ref="engJson"
  12209. ></onlineWrite>
  12210. <span slot="footer" class="dialog-footer">
  12211. <el-button @click="engDialogVisible = false">取 消</el-button>
  12212. <el-button type="primary" @click="addEnglishWork">确 定</el-button>
  12213. </span>
  12214. </el-dialog>
  12215. <el-dialog
  12216. title="英语写作"
  12217. :visible.sync="engUpdateDialogVisible"
  12218. :append-to-body="true"
  12219. width="800px"
  12220. :before-close="handleClose"
  12221. class="dialog_diy fullStyle"
  12222. >
  12223. <div class="engUpBox">
  12224. <div class="engUpTop">
  12225. <div class="engTitle">
  12226. <div>作文题目:</div>
  12227. <div>{{ englishList1.engTitle }}</div>
  12228. </div>
  12229. <div class="engText">
  12230. <div>作文内容:</div>
  12231. <div class="cont" v-html="englishList1.englishText" style="white-space: pre-line;" @click="checkImg(getImgList(englishList1.englishText))"></div>
  12232. </div>
  12233. </div>
  12234. <div class="correctBox" :style="{height: `calc(100% - ${topHeight}px)` }">
  12235. <div class="oldBox">
  12236. <div class="oldMes">原文( 作者:{{ noteName }} )</div>
  12237. <div class="oldText">
  12238. <div class="detailBox">
  12239. <div class="oldDetail">
  12240. <div>标题:</div>
  12241. <div>{{ oldEnglishJson.engTitle }} </div>
  12242. </div>
  12243. <div class="oldDetail1">
  12244. <div>正文:</div>
  12245. <div v-html="oldEnglishJson.engText" style="white-space: pre-line;"></div>
  12246. </div>
  12247. <div class="oldDetail" v-if="oldEnglishJson.imgList && oldEnglishJson.imgList.length > 0">
  12248. <div>图片:</div>
  12249. <div class="oldImg"><img :src="oldEnglishJson.imgList[0].url" alt="" /></div>
  12250. </div>
  12251. </div>
  12252. </div>
  12253. </div>
  12254. <div class="oldBox loadingText" v-if="userMes[0].type == 2">
  12255. <div class="oldMes" style="background: #aacaff;">{{ userMes[0].username }}</div>
  12256. <div class="oldText">
  12257. <div class="detailBox" style="position: relative;">
  12258. <div class="oldDetail">
  12259. <div>标题:</div>
  12260. <el-input v-if="greyType" v-model="newEnglishList.engTitle" />
  12261. <div v-else v-html="newEnglishList.engTitle"></div>
  12262. </div>
  12263. <div class="oldDetail">
  12264. <div>正文:</div>
  12265. <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="newEnglishList.engText" @input="gx"/>
  12266. <correctText :newText="newEnglishList.engText" :oldData="oldEnglishJson.engText"/>
  12267. </div>
  12268. <div style="position: absolute;bottom: -25px;">注:红色划线字为删除,绿色背景白色字为新添加.</div>
  12269. <el-button @click="isUpdateCorrect(newEnglishList.engText,1)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
  12270. <el-button @click="aiCorrect(newEnglishList.engText,1)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">AI批注</el-button>
  12271. <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
  12272. </div>
  12273. </div>
  12274. </div>
  12275. <div class="oldBox loadingText" v-else-if="userMes[0].type == 1">
  12276. <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">
  12277. <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>
  12278. <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>
  12279. </div>
  12280. <div class="oldMes" style="background: #aacaff;" v-else>{{ userMes[0].username }}</div>
  12281. <div class="oldText" v-if="newEngIndex == -1 && isNoUserid == true && newEnglishList1.length">
  12282. <div class="detailBox" style="position: relative;">
  12283. <div class="oldDetail">
  12284. <div>标题:</div>
  12285. <el-input v-if="greyType" v-model="oldEnglishJson1.engTitle" />
  12286. <div v-else v-html="oldEnglishJson1.engTitle"></div>
  12287. </div>
  12288. <div class="oldDetail">
  12289. <div>正文:</div>
  12290. <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="oldEnglishJson1.engText" @input="gx"/>
  12291. <correctText v-else :newText="oldEnglishJson1.engText" :oldData="oldEnglishJson.engText"/>
  12292. </div>
  12293. <div style="position: absolute;bottom: -25px;">注:红色划线字为删除,绿色背景白色字为新添加.</div>
  12294. <el-button @click="isUpdateCorrect(oldEnglishJson1.engText,2)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
  12295. <el-button @click="aiCorrect(oldEnglishJson1.engText,2)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">AI批注</el-button>
  12296. <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
  12297. </div>
  12298. </div>
  12299. <div class="oldText" v-else-if="newEngIndex == -1">
  12300. <div class="detailBox" style="position: relative;">
  12301. <div class="oldDetail">
  12302. <div>标题:</div>
  12303. <el-input v-if="greyType" v-model="newEnglishList.engTitle" />
  12304. <div v-else v-html="newEnglishList.engTitle"></div>
  12305. </div>
  12306. <div class="oldDetail">
  12307. <div>正文:</div>
  12308. <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="newEnglishList.engText" @input="gx"/>
  12309. <correctText v-else :newText="newEnglishList.engText" :oldData="oldEnglishJson.engText"/>
  12310. </div>
  12311. <div style="position: absolute;bottom: -25px;">注:红色划线字为删除,绿色背景白色字为新添加.</div>
  12312. <el-button @click="isUpdateCorrect(newEnglishList.engText,3)" class="correctCss" :style="{right: greyType == false ? '0' : '80px' }">{{ greyType == false ? '添加批注' : '取消添加' }}</el-button>
  12313. <el-button @click="aiCorrect(newEnglishList.engText,3)" style="position: absolute;bottom: -70px;right: 110px;background: #409eff;color: #fff;" v-if="!greyType">AI批注</el-button>
  12314. <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
  12315. </div>
  12316. </div>
  12317. <div class="oldText" v-else-if="newEngIndex > -1 && newEnglishList1.length > 0">
  12318. <div class="detailBox" style="position: relative;">
  12319. <div class="oldDetail">
  12320. <div>标题:</div>
  12321. <div v-if="userMes[0].userid != newEnglishList1[newEngIndex].correct" v-html="newEnglishList1[newEngIndex].cWork.engTitle"></div>
  12322. <div v-else>
  12323. <el-input v-if="greyType" v-model="newEnglishList1[newEngIndex].cWork.engTitle"/>
  12324. <div v-else v-html="newEnglishList1[newEngIndex].cWork.engTitle"></div>
  12325. </div>
  12326. </div>
  12327. <div class="oldDetail">
  12328. <div>正文:</div>
  12329. <correctText v-if="userMes[0].userid != newEnglishList1[newEngIndex].correct" :newText="newEnglishList1[newEngIndex].cWork.engText" :oldData="oldEnglishJson.engText"/>
  12330. <div v-else>
  12331. <el-input v-if="greyType" type="textarea" :rows="10" resize="none" v-model="newEnglishList1[newEngIndex].cWork.engText" @input="gx"/>
  12332. <correctText v-else :newText="newEnglishList1[newEngIndex].cWork.engText" :oldData="oldEnglishJson.engText"/>
  12333. </div>
  12334. </div>
  12335. <div style="position: absolute;bottom: -25px;">注:红色划线字为删除,绿色背景白色字为新添加.</div>
  12336. <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>
  12337. <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>
  12338. <el-button @click="addCorrect" style="position: absolute;bottom: -70px;right: 0;background: #409eff;color: #fff;" v-if="greyType">确定</el-button>
  12339. </div>
  12340. </div>
  12341. </div>
  12342. </div>
  12343. </div>
  12344. <span slot="footer" class="dialog-footer">
  12345. <el-button @click="engUpdateDialogVisible = false">取 消</el-button>
  12346. <el-button type="primary" @click="addCorrect">确 定</el-button>
  12347. </span>
  12348. </el-dialog>
  12349. <englishEva :evaEngJson="evaEngJson" :engEvaDialogVisible.sync="engEvaDialogVisible" :uid="userid" :tType="tType" :courseDetail="courseDetail"></englishEva>
  12350. <interVideo
  12351. :dialogVisibleVideo.sync="dialogVisibleVideo"
  12352. :videoJson="videoJson"
  12353. :userid="userid"
  12354. :id="id"
  12355. :courseType="courseType"
  12356. :taskCount="taskCount"
  12357. :toolindex="toolindex"
  12358. :videoType="videoType"
  12359. ></interVideo>
  12360. <UpdateMore
  12361. :dialogVisibleMember.sync="dialogVisibleMember"
  12362. :cList="uploadStudentJuri"
  12363. :userid="userid"
  12364. :searchTN="worksSName2"
  12365. @setPlname="setPlname"
  12366. ></UpdateMore>
  12367. <!-- <wordCloud
  12368. :dialogVisibleWordCloud.sync="dialogVisibleWordCloud"
  12369. :data="wordCloudData"
  12370. ></wordCloud> -->
  12371. <el-dialog
  12372. title="词云"
  12373. :visible.sync="dialogVisibleWordCloud"
  12374. width="30%"
  12375. class="dialog_diy"
  12376. :before-close="handleClose">
  12377. <choseWordCloud :cloudData="wordCloudData" :key="wordCloudKey" :dialogVisibleWordCloud="dialogVisibleWordCloud"></choseWordCloud>
  12378. </el-dialog>
  12379. <el-dialog
  12380. title="挑人"
  12381. :visible.sync="dialogVisiblePickPeople"
  12382. width="650px"
  12383. :before-close="handleClose"
  12384. class="dialog_diy"
  12385. center
  12386. >
  12387. <div class="pick_box">
  12388. <div
  12389. class="noWorksName"
  12390. :class="{ isSelectName: isPickStudent.indexOf(item.userid) !== -1 }"
  12391. v-for="(item, index) in uploadStudentJuri"
  12392. :key="index"
  12393. @click="pickStudent(item)"
  12394. >
  12395. {{ item.name }}
  12396. </div>
  12397. </div>
  12398. </el-dialog>
  12399. <EnglishVoice :EnglishVoiceDialog.sync='EnglishVoiceDialog'
  12400. :englishVoiceJson='englishVoiceJson'
  12401. :userid="userid"
  12402. :id="id"
  12403. :courseType="courseType"
  12404. :taskCount="taskCount"
  12405. :toolindex="toolindex"
  12406. @selectSWorks="selectSWorks"
  12407. @selectStudent="selectStudent"
  12408. :englishVoiceJsonWork="englishVoiceJsonWork"></EnglishVoice>
  12409. <checkEnglishVoice :englishVoiceJson='englishVoiceJson'
  12410. :userid="userid"
  12411. :dialogVisibleENScore.sync='dialogVisibleENScore'
  12412. :commentDetail="commentDetail"
  12413. :courseDetail="courseDetail"
  12414. :wScore="wScore"
  12415. :scoreDetail="scoreDetail"
  12416. @selectSWorks="selectSWorks"
  12417. @selectStudent="selectStudent"></checkEnglishVoice>
  12418. <statisticalAnalysis ref="statisticalAnalysisRef" @refresh="statisticalAnalysisRefresh" @changeSplitScreenBehavior="changeSplitScreenBehavior" :courseType="courseType" :taskCount="taskCount"/>
  12419. <choseWorksDetailDialog
  12420. ref="choseWorksDetailDialogRef"
  12421. :worksStudentData="worksStudent"
  12422. :noWorksSData="noWorksS"
  12423. :chapInfoListData="chapInfoList"
  12424. :courseType="courseType"
  12425. :taskCount="taskCount"
  12426. :tType="tType"
  12427. :sIsOpen="sIsOpen"
  12428. :courseDetail="courseDetail"
  12429. :groupStudent2="groupStudent"
  12430. :groupStudentUid2="groupStudentUid"
  12431. :oid="oid"
  12432. :org="org"
  12433. @getCourseDetail="getCourseDetail"
  12434. @selectSLook="selectSLook"
  12435. @selectSWorks="selectSWorks"
  12436. @selectStudent="selectStudent"
  12437. @deleteWorks="deleteWorks"
  12438. @openTools="openTools"
  12439. @openWord="openWord"
  12440. @openScore="openScore"
  12441. @changeSplitScreenBehavior="changeSplitScreenBehavior"
  12442. />
  12443. <el-dialog
  12444. :visible.sync="confirmOpenDig"
  12445. width="500px"
  12446. :modal="false"
  12447. class="confirmOpenDigCss dialog_diyCopy"
  12448. :before-close="handleClose">
  12449. <div style="display: flex;align-items: center;">
  12450. <img src="../assets/icon/course/confirmOpenDig.svg" alt="">
  12451. <span>“{{ courseDetail.title }}”开课啦</span>
  12452. </div>
  12453. <div style="margin: 20px 0 35px;">
  12454. <div style="margin-bottom: 10px;">接下来你将跟随老师一起开始今天的学习! </div>
  12455. <div>要认真听讲哦~</div>
  12456. </div>
  12457. <div style="text-align: center;">
  12458. <el-button type="primary" style="width: 95%;" @click="confirmOpen">开始学习</el-button>
  12459. </div>
  12460. </el-dialog>
  12461. <appStoreC ref="appStoreC"
  12462. :sStudent="sStudent"
  12463. :courseType="courseType"
  12464. :taskCount="taskCount"
  12465. :toolindex="toolindex"
  12466. @selectSWorks="selectSWorks"
  12467. @selectStudent="selectStudent"
  12468. ></appStoreC>
  12469. <cocoFlowDia ref="cocoFlowDiaRef"></cocoFlowDia>
  12470. </div>
  12471. </template>
  12472. <script>
  12473. import "../common/aws-sdk-2.235.1.min.js";
  12474. // import pdf from "./components/pdf3";
  12475. import pdf from "./components/vpdf";
  12476. import AskStatic from "./components/askStatic";
  12477. import AskStatic2 from "./components/askStatic2";
  12478. import AnswerData2 from "./components/answerData2";
  12479. import AnswerData from "./components/answerData";
  12480. import EditorBar from "./tools/wangEnduit.vue";
  12481. import Table from "./tools/table.vue";
  12482. import Time from "./tools/time.vue";
  12483. import Mind from "./tools/jsmind.vue";
  12484. import Sunburst from "./tools/sunburst";
  12485. import SeeBoard from "./tools/seeBoard";
  12486. import * as imageConversion from "image-conversion";
  12487. import Audio from "./components/audio.vue";
  12488. import ImgDraw from "./tools/imgDraw/imgDraw";
  12489. import { Empty } from "element-ui";
  12490. import RecordRTC from "recordrtc";
  12491. import interVideo from "./interVideo/index.vue";
  12492. import UpdateMore from "./updateMore/updateMore.vue";
  12493. import wordCloud from "./wordCloud/index.vue";
  12494. import axios from "axios";
  12495. import JSZip from "jszip";
  12496. import FileSaver from "file-saver";
  12497. import onlineWrite from "./components/onlineWrite";
  12498. import englishEva from "./components/englishEva";
  12499. import * as Diff from 'diff'
  12500. import EnglishVoice from './EnglishVoice2/index.vue'
  12501. import checkEnglishVoice from './checkEnglishVoice/index.vue'
  12502. import correctText from './components/correctText.vue'
  12503. import scoreItem from './scoreList/scoreItem.vue'
  12504. import scoreZong from './scoreZong/index.vue'
  12505. import classRoomHelper from './classRoomHelper/index.vue'
  12506. import studentClassRoomHelper from './classRoomHelper/studentIndex.vue'
  12507. import statisticalAnalysis from "./components/statisticalAnalysis.vue";
  12508. import choseWorksDetailDialog from './components/choseWorksDetailDialog.vue';
  12509. import { v4 as uuidv4 } from "uuid";
  12510. var OpenCC = require("opencc-js");
  12511. import choseWordCloud from './components/choseWordCloud.vue'
  12512. import appStoreC from "./components/appStoreC.vue";
  12513. import cocoFlowDia from "./components/cocoFlowDia.vue";
  12514. import { myMixin } from "@/mixins/mixin.js"
  12515. import { tools as toolsList } from "@/common/tools2.js";
  12516. let converter = OpenCC.Converter({
  12517. from: "hk",
  12518. to: "cn"
  12519. });
  12520. const getFile = (url) => {
  12521. return new Promise((resolve, reject) => {
  12522. var credentials = {
  12523. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  12524. secretAccessKey: "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",
  12525. }; //秘钥形式的登录上传
  12526. window.AWS.config.update(credentials);
  12527. window.AWS.config.region = "cn-northwest-1"; //设置区域
  12528. let url2 = url;
  12529. let _url2 = "";
  12530. if (
  12531. url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  12532. ) {
  12533. _url2 = url2.split(
  12534. "https://view.officeapps.live.com/op/view.aspx?src="
  12535. )[1];
  12536. } else {
  12537. _url2 = url2;
  12538. }
  12539. var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
  12540. let name = decodeURIComponent(_url2.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1])
  12541. var params = {
  12542. Bucket: "ccrb",
  12543. Key: name
  12544. };
  12545. s3.getObject(params, function (err, data) {
  12546. if (err) {
  12547. console.log(err, err.stack)
  12548. resolve({ data: 1 });
  12549. }else {
  12550. resolve({ data: data.Body });
  12551. console.log(data);
  12552. } // sxuccessful response
  12553. });
  12554. // axios({
  12555. // method: "get",
  12556. // url,
  12557. // responseType: "blob",
  12558. // })
  12559. // .then((data) => {
  12560. // resolve({ data: data.data });
  12561. // })
  12562. // .catch((error) => {
  12563. // resolve({ data: 1 });
  12564. // // reject(error.toString());
  12565. // });
  12566. });
  12567. };
  12568. export default {
  12569. mixins: [ myMixin ],
  12570. components: {
  12571. choseWordCloud,
  12572. EditorBar,
  12573. Time,
  12574. pdf,
  12575. AskStatic,
  12576. AskStatic2,
  12577. Mind,
  12578. Sunburst,
  12579. SeeBoard,
  12580. AnswerData2,
  12581. AnswerData,
  12582. Audio,
  12583. ImgDraw,
  12584. Table,
  12585. interVideo,
  12586. UpdateMore,
  12587. wordCloud,
  12588. onlineWrite,
  12589. englishEva,
  12590. EnglishVoice,
  12591. checkEnglishVoice,
  12592. correctText,
  12593. scoreItem,
  12594. classRoomHelper,
  12595. scoreZong,
  12596. statisticalAnalysis,
  12597. choseWorksDetailDialog,
  12598. appStoreC,
  12599. cocoFlowDia,
  12600. studentClassRoomHelper
  12601. },
  12602. data() {
  12603. return {
  12604. homeWorkLoading:false,
  12605. wordCloudKey: 0,
  12606. bg: null,
  12607. drawShow: false,
  12608. dialogVisible: false,
  12609. dialogVisiblePl: false,
  12610. commentDialogVisible: false,
  12611. dialogVisibleMember: false,
  12612. dialogVisibleWordCloud: false,
  12613. videoVisible: false,
  12614. isStar: false,
  12615. studentEvalDialogVisible: false,
  12616. studentEvalDialogVisibleTeacher: false,
  12617. dialogVisibleSelect: false,
  12618. dialogVisibleSelectTeacher: false,
  12619. dialogVisibleScore: false,
  12620. dialogVisibleENScore: false,
  12621. dialogVisibleSentence: false,
  12622. dialogVisibleSentenceTeacher: false,
  12623. dialogVisibleSentence1: false,
  12624. dialogVisibleWorks: false,
  12625. dialogVisibleTable: false,
  12626. dialogVisibleTableTeacher: false,
  12627. dialogVisibleWord: false,
  12628. dialogVisibleWordTeacher: false,
  12629. dialogVisibleTable2: false,
  12630. dialogVisibleTable3: false,
  12631. dialogVisibleGroupWork: false,
  12632. dialogVisibleUpdateGroup: false,
  12633. dialogVisibleDeleteGroup: false,
  12634. dialogVisibleSname: false,
  12635. dialogVisibleVideo: false,
  12636. dialogVisiblePickPeople: false,
  12637. engDialogVisible: false,
  12638. engUpdateDialogVisible: false,
  12639. engEvaDialogVisible: false,
  12640. evaEngJson: {
  12641. teacherJson: {},
  12642. studentJson: {},
  12643. message: {},
  12644. },
  12645. isNoUserid:false,
  12646. engListLength:0,
  12647. engWid:"",
  12648. newEnglishList:{
  12649. engTitle:"",
  12650. engText:"",
  12651. },
  12652. newEnglishList1:[],
  12653. oldEnglishJson:{},
  12654. oldEnglishJson1:{},
  12655. englishList1:{},
  12656. englishList:{},
  12657. myAnswerList1:{},
  12658. topHeight:0,
  12659. newEngIndex:-1,
  12660. englishToolIndex:0,
  12661. worksSName: "",
  12662. classJuri: [],
  12663. uploadStudentJuri: [],
  12664. uploadCid: "",
  12665. snameWid: "",
  12666. sStudent: {},
  12667. sTool: "",
  12668. bzText: "",
  12669. commentDetail: [],
  12670. selectAnswer: [],
  12671. videoDetail: {},
  12672. selectJson: {},
  12673. eScore: { eBzText: "", eStar: [] },
  12674. id: this.$route.query.courseId,
  12675. userid: this.$route.query.userid,
  12676. classId: this.$route.query.cid,
  12677. // courseTypeLine: this.$route.query.type,
  12678. oid: this.$route.query.oid,
  12679. org: this.$route.query.org,
  12680. tType: this.$route.query.tType,
  12681. courseType: this.$route.query.type,
  12682. screenType: this.$route.query.screenType,
  12683. tcid2: this.$route.query.tcid,
  12684. tcid: "",
  12685. pptImgUrl: "",
  12686. pptImgUrl1: "",
  12687. commentText: "",
  12688. full: false,
  12689. sIsOpen: false,
  12690. IsLookOpen: false,
  12691. IsFollow: false,
  12692. pzDialog: false,
  12693. contentDialog: false,
  12694. mlDialog: false,
  12695. type: 1,
  12696. sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
  12697. sentenceList1: [],
  12698. tableJson: [],
  12699. tableJsonO: [],
  12700. wordJson: [],
  12701. wordJsonO: [],
  12702. vedio: [],
  12703. text: [],
  12704. textList: [],
  12705. line: [],
  12706. lineList: [],
  12707. chapTools: [],
  12708. chapToolList: [],
  12709. file: [],
  12710. fileC: [],
  12711. vedioTime: [],
  12712. upToolImg: "",
  12713. preTime: 0,
  12714. rateList: {
  12715. ca: 0,
  12716. },
  12717. rateParams: [],
  12718. colors: ["#DFDFDF", "#DFDFDF", "#DFDFDF"],
  12719. studyJuri: [
  12720. {
  12721. content: "",
  12722. cover: [],
  12723. upVedio: [],
  12724. upFile: [],
  12725. },
  12726. ],
  12727. isClose: 0,
  12728. plworkFile: [],
  12729. mr: require("../assets/vedioPic.png"),
  12730. word: require("../assets/icon/isWord.png"),
  12731. word2: require("../assets/icon/word2.png"),
  12732. video: require("../assets/icon/isVideo.png"),
  12733. noLikes: require("../assets/icon/comment/noLikes.png"),
  12734. likes: require("../assets/icon/comment/likes.png"),
  12735. scoreImg: require("../assets/score.png"),
  12736. courseDetail: {},
  12737. reply: "",
  12738. isSelect: false,
  12739. chapInfo: [],
  12740. chapInfoList: [],
  12741. taskCount: 0,
  12742. imgList: [],
  12743. noImgList: [],
  12744. pzList: [],
  12745. timeWorkList: [],
  12746. PlTextList: [
  12747. "Excellent!",
  12748. "nice!",
  12749. "很有创意!",
  12750. "还不错哦~",
  12751. "继续努力哦~",
  12752. ],
  12753. isClickNav: "",
  12754. navId: "",
  12755. playerOptions: {
  12756. playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
  12757. autoplay: false, //如果true,浏览器准备好时开始回放。
  12758. muted: false, // 默认情况下将会消除任何音频。
  12759. loop: false, // 导致视频一结束就重新开始。
  12760. preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
  12761. language: "zh-CN",
  12762. aspectRatio: "16:9", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
  12763. fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
  12764. sources: [
  12765. {
  12766. type: "video/mp4", //这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目 || "video/ogg"|| "video/webm"
  12767. src: "", //url地址require("../../assets/media/aaa.mp4")
  12768. },
  12769. ],
  12770. // poster: require("../../assets/tu31.png"), //你的封面地址
  12771. // poster: dataRes.imgUrl, //你的封面地址
  12772. notSupportedMessage: "此视频暂无法播放,请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
  12773. controlBar: {
  12774. timeDivider: true, //当前时间和持续时间的分隔符
  12775. durationDisplay: true, //显示持续时间
  12776. remainingTimeDisplay: false, //是否显示剩余时间功能
  12777. fullscreenToggle: true, //全屏按钮
  12778. },
  12779. },
  12780. playerOptions1: {
  12781. playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
  12782. autoplay: false, //如果true,浏览器准备好时开始回放。
  12783. muted: false, // 默认情况下将会消除任何音频。
  12784. loop: false, // 导致视频一结束就重新开始。
  12785. preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
  12786. language: "zh-CN",
  12787. aspectRatio: "16:9", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
  12788. fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
  12789. sources: [
  12790. {
  12791. type: "video/mp4", //这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目 || "video/ogg"|| "video/webm"
  12792. src: "", //url地址require("../../assets/media/aaa.mp4")
  12793. },
  12794. ],
  12795. // poster: require("../../assets/tu31.png"), //你的封面地址
  12796. // poster: dataRes.imgUrl, //你的封面地址
  12797. notSupportedMessage: "此视频暂无法播放,请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
  12798. controlBar: {
  12799. timeDivider: true, //当前时间和持续时间的分隔符
  12800. durationDisplay: true, //显示持续时间
  12801. remainingTimeDisplay: false, //是否显示剩余时间功能
  12802. fullscreenToggle: true, //全屏按钮
  12803. },
  12804. },
  12805. playerO: {},
  12806. noneBtnImg: false,
  12807. proVisible: false,
  12808. proVisible2: false,
  12809. progress: 0,
  12810. isFinishSize: 0,
  12811. isAllSize: 0,
  12812. questionAnswer: "",
  12813. answerQ: "", //问答标题
  12814. rateJson: [],
  12815. wbCount: 0,
  12816. wordCount: 0,
  12817. mindCount: 0,
  12818. askCount: 0,
  12819. noteCount: 0,
  12820. mindNetWorkCount: 0,
  12821. libraryCount: 0,
  12822. workCount: 0,
  12823. timeCount: 0,
  12824. answerCount: 0,
  12825. trainCount: 0,
  12826. evalCount: 0,
  12827. dialogImageUrl: "",
  12828. pictureDialog: false,
  12829. toolTypeList: [],
  12830. dialogVisible1: false,
  12831. dialogVisible2: false,
  12832. dialogVisible3: false,
  12833. dialogVisible6: false,
  12834. dialogVisible4: false,
  12835. isNoHomeWork: false,
  12836. dialogVisible5: false,
  12837. dialogVisible5Teacher: false,
  12838. dialogVisibleChoice: false,
  12839. dialogVisibleChoiceTeacher: false,
  12840. answerDialogVisible: false,
  12841. answerDialogVisibleTeacher: false,
  12842. juriVisible: false,
  12843. timeDialogVisible: false,
  12844. replyDialogVisible: false,
  12845. toolDialogVisible: false,
  12846. replyIndex: 0,
  12847. replyPid: "",
  12848. radio: [],
  12849. isAsk: false,
  12850. askJson: {
  12851. askCount: 1,
  12852. askTitle: "",
  12853. askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
  12854. },
  12855. testJson: {},
  12856. videoType:0,
  12857. checkJson: [],
  12858. askList: [],
  12859. answerList: [],
  12860. navList: [],
  12861. addPzDialog: false,
  12862. pzConText: "",
  12863. worksStudent: [],
  12864. isCloseList: [],
  12865. workStudent: [],
  12866. groupStudent: [],
  12867. groupStudentUid: [],
  12868. noWorksS: [],
  12869. isWorksS: [],
  12870. noWorksStudent: [],
  12871. toolindex: 0,
  12872. toolDetailIndex: null,
  12873. groupIndex: 0,
  12874. workTypeB: false,
  12875. workTypeC: false,
  12876. isAnswer: false,
  12877. isHovered: false,
  12878. isHovered1: false,
  12879. isHovered2: false,
  12880. commentTagShow:0,
  12881. timer: null,
  12882. timer2: null,
  12883. opertimer: null,
  12884. showType: 0,
  12885. fileType: 0,
  12886. showPDF: false,
  12887. noteName: "",
  12888. evaJuri: [],
  12889. evalua: "",
  12890. eTitle: "",
  12891. eName: "",
  12892. eJson: {},
  12893. fid: "", //一级
  12894. sid: "", //二级
  12895. tid: "", //二级
  12896. typeMode: 1,
  12897. eJSONNum: 0,
  12898. Etype: 1,
  12899. data: {
  12900. meta: {
  12901. name: "example",
  12902. author: "dd@163.com",
  12903. version: "0.2",
  12904. },
  12905. format: "node_array",
  12906. data: [{ id: "root", isroot: true, topic: "" }],
  12907. },
  12908. fullDialogVisible: false,
  12909. fulltype: "",
  12910. fullUrl: "",
  12911. commentIndexJson: {},
  12912. Stbodywidth: 0,
  12913. ispzType: 0,
  12914. pzType: 1,
  12915. wScore: 0,
  12916. scoreDetail: "",
  12917. videoStart: false,
  12918. recorder: null,
  12919. groupJson: {},
  12920. islock: false,
  12921. groupJson2: {},
  12922. dialogVisibleGroup: false,
  12923. dialogVisibleGroup2: false,
  12924. updateGroupArray: [],
  12925. updateGroupUser: {},
  12926. deleteGroupUser: [],
  12927. deleteGroupArray: {},
  12928. checkChair: "",
  12929. checkDeleteGroup: [],
  12930. inviteCode: "",
  12931. courseGroupStudent: [],
  12932. courseGroupStudentUid: [],
  12933. courseGroup: {},
  12934. isGroup: false,
  12935. // toolIndex: null,
  12936. tool: {},
  12937. isWorkTool: [
  12938. 16, 32, 57, 4, 45, 15, 1, 3, 6, 7, 26, 41, 47, 48, 52, 50, 40,
  12939. ], //, 40
  12940. videoJson: {},
  12941. toolType: 0,
  12942. checktoolArray: [],
  12943. vChapterData: [],
  12944. isUpdateToolDetail: false,
  12945. isUpdateToolDetail1: false,
  12946. updateToolDetailInner: "",
  12947. checkboxList: [],
  12948. plIndex: "",
  12949. worksSName2: "",
  12950. worksSid: "",
  12951. wordCloudData: [],
  12952. isPickStudent: [],
  12953. pzStype: 1,
  12954. myAnList: {},
  12955. userMes:{},
  12956. downLoading: false,
  12957. greyType: false,
  12958. correctWord: [],
  12959. isUpdateText: "",
  12960. EnglishVoiceDialog: false,
  12961. englishVoiceJson: {},
  12962. englishVoiceJsonWork:[],
  12963. scoreList:{
  12964. listdata:[],
  12965. isScoreList:[],
  12966. },
  12967. classRoomHelperWidth: '85px',
  12968. orgArray:[],
  12969. oidArray:[],
  12970. toolsList: toolsList,
  12971. splitScreenData:{
  12972. isOpen:false,
  12973. userId:"",
  12974. uid:"",
  12975. myUid:"",
  12976. loading:false,
  12977. behavior:null,
  12978. },
  12979. confirmOpenDig:false,
  12980. confirmOpenDigData:'',
  12981. canUseCourseId: ['bfbe1913-2f87-11ef-bf55-005056b86db5','3a64b199-d2eb-11ef-a2d1-005056b86db5', 'bb0b1995-0207-11ef-b534-005056b86db5', 'f77921c8-d2f1-11ef-a2d1-005056b86db5'],
  12982. diffKey:"1",
  12983. };
  12984. },
  12985. methods: {
  12986. //查看应用中心作业
  12987. openCocoFlow(w){
  12988. this.$refs.cocoFlowDiaRef.openAppWork(w)
  12989. },
  12990. getAIJ(){
  12991. this.ajax.get(this.$store.state.api+"getAIJ","").then(res=>{
  12992. let oid = res.data[0];
  12993. let org = res.data[1];
  12994. let oidArray = [];
  12995. let orgArray = [];
  12996. oid.forEach(i=>oidArray.push(i.oid))
  12997. org.forEach(i=>orgArray.push(i.oid))
  12998. this.orgArray = orgArray;
  12999. this.oidArray = oidArray;
  13000. })
  13001. },
  13002. insertMemorandum(_html){//保存行为操作
  13003. //variable
  13004. //btn
  13005. let params = [{
  13006. uid:this.userid,
  13007. courseId:this.id+(this.tcid2?this.tcid2:''),
  13008. content:_html
  13009. }]
  13010. console.log("👇👇")
  13011. console.log(params)
  13012. this.ajax.post(this.$store.state.api+'insert_systemOperation_countdownBehavior',params).then(res=>{
  13013. if(res.data==1){
  13014. console.log('保存操作成功')
  13015. }else{
  13016. console.log('保存操作失败')
  13017. }
  13018. }).catch(e=>{
  13019. console.log('保存操作失败')
  13020. console.log(e)
  13021. })
  13022. },
  13023. gx(){
  13024. this.$forceUpdate();
  13025. },
  13026. isUpdateCorrect(t,p){
  13027. if(this.greyType == false){
  13028. this.isUpdateText = t;
  13029. this.greyType = true;
  13030. }else{
  13031. if(p == 1){
  13032. this.newEnglishList.engText = this.isUpdateText;
  13033. }else if(p == 2){
  13034. this.oldEnglishJson1.engText = this.isUpdateText;
  13035. }else if(p == 3){
  13036. this.newEnglishList.engText = this.isUpdateText;
  13037. }else{
  13038. this.newEnglishList1[this.newEngIndex].cWork.engText = this.isUpdateText;
  13039. }
  13040. this.greyType = false
  13041. }
  13042. },
  13043. aiCorrect(t,p){
  13044. let aiText = "";
  13045. const loading = this.$loading.service({
  13046. background: "rgba(255, 255, 255)",
  13047. target: document.querySelectorAll(".loadingText")[0],
  13048. });
  13049. let param = {
  13050. model: "gpt-3.5-turbo",
  13051. temperature: 0,
  13052. max_tokens: 2048,
  13053. top_p: 1,
  13054. frequency_penalty: 0,
  13055. presence_penalty: 0,
  13056. messages: [
  13057. {
  13058. role: "user",
  13059. content:
  13060.  `Role: 你是一名小学英语作文的老师,根据这篇文章的内容你去批改这篇文章,然后仅输出一篇纠错好的文章。文章:${t}`,
  13061. },
  13062. ],
  13063. uid: this.userid,
  13064. stream: false,
  13065. };
  13066. this.ajax.post("https://gpt.cocorobo.cn/chat", param).then(
  13067. (res) => {
  13068. if (
  13069. res.data.FunctionResponse &&
  13070. res.data.FunctionResponse.result &&
  13071. res.data.FunctionResponse.result == "无效请求,请重新发起对话"
  13072. ) {
  13073. this.$message.error("你的作文内容太长,无法使用Ai批注!");
  13074. return;
  13075. }
  13076. aiText =
  13077. res.data.FunctionResponse.choices[0].message.content;
  13078. aiText = aiText.replace(/%/g,"%25");
  13079. // let w = "";
  13080. // let a = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,aiText);
  13081. // for(var k = 0;k<a.length;k++){
  13082. // //diffWordsWithSpace
  13083. // if(a.length > 1){
  13084. // if(a[k].added == true){
  13085. // w += '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
  13086. // }else if(a[k].removed == true){
  13087. // w += '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
  13088. // }else{
  13089. // w += '<span>' + a[k].value + '</span>';
  13090. // }
  13091. // }else{
  13092. // if(p == 1){
  13093. // w = this.newEnglishList.engText;
  13094. // }else if(p == 2){
  13095. // w = this.oldEnglishJson1.engText;
  13096. // }else if(p == 3){
  13097. // w = this.newEnglishList.engText;
  13098. // }else{
  13099. // w = this.newEnglishList1[this.newEngIndex].cWork.engText;
  13100. // }
  13101. // }
  13102. // }
  13103. if(p == 1){
  13104. this.newEnglishList.engText = aiText;
  13105. }else if(p == 2){
  13106. this.oldEnglishJson1.engText = aiText;
  13107. }else if(p == 3){
  13108. this.newEnglishList.engText = aiText;
  13109. }else{
  13110. this.newEnglishList1[this.newEngIndex].cWork.engText = aiText;
  13111. }
  13112. loading.close();
  13113. },
  13114. (err) => {
  13115. console.log(err);
  13116. loading.close();
  13117. }
  13118. );
  13119. },
  13120. addToolChoose() {
  13121. if (!this.checktoolArray.length) {
  13122. this.$message.error("请选择要添加的任务");
  13123. return;
  13124. }
  13125. if (
  13126. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13127. this.taskCount
  13128. ].toolChoose[0].tool.length
  13129. ) {
  13130. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13131. this.taskCount
  13132. ].toolChoose[0].tool = this.checktoolArray;
  13133. } else {
  13134. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13135. this.taskCount
  13136. ].toolChoose.push({
  13137. tool: this.checktoolArray,
  13138. toolDetail: "",
  13139. toolType: 0,
  13140. askCount: 1,
  13141. askTitle: "",
  13142. askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
  13143. });
  13144. }
  13145. let params = [
  13146. {
  13147. cid: this.id,
  13148. chapters: JSON.stringify(this.chapInfoList),
  13149. uid: this.userid,
  13150. unitIndex: this.courseType,
  13151. },
  13152. ];
  13153. this.ajax
  13154. .post(this.$store.state.api + "updateWorkNew4", params)
  13155. .then((res) => {
  13156. this.$message({
  13157. message: "添加成功",
  13158. type: "success",
  13159. });
  13160. this.checktoolArray = [];
  13161. this.getCourseDetail(2);
  13162. this.checkBz(
  13163. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13164. this.taskCount
  13165. ].toolChoose.length - 1
  13166. );
  13167. this.toolDialogVisible = false;
  13168. this.refreshCourse();
  13169. this.$forceUpdate();
  13170. })
  13171. .catch((err) => {
  13172. console.error(err);
  13173. });
  13174. },
  13175. checkBz(index) {
  13176. this.isUpdateToolDetail = false;
  13177. this.$forceUpdate();
  13178. setTimeout(() => {
  13179. document.scrollingElement.scrollTop =
  13180. document.querySelectorAll(".filebox")[index].offsetTop +
  13181. document.querySelector(".student_body").offsetTop;
  13182. }, 500);
  13183. },
  13184. updateToolDetail(i, type) {
  13185. if (!this.isUpdateToolDetail1 && type == 2 && (this.courseDetail.userid == this.userid || (this.courseDetail.course_teacher && this.courseDetail.course_teacher.indexOf(this.userid) != -1))) {
  13186. this.toolDetailIndex = i
  13187. this.isUpdateToolDetail1 = true;
  13188. setTimeout(() => {
  13189. this.updateToolDetailInner = JSON.parse(
  13190. JSON.stringify(
  13191. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13192. this.taskCount
  13193. ].toolChoose[i].toolDetail
  13194. )
  13195. );
  13196. document.querySelector(".checkTextArea").focus();
  13197. }, 0);
  13198. } else if((this.isUpdateToolDetail1 && type != 2)){
  13199. // this.toolDetailIndex = i;
  13200. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13201. this.taskCount
  13202. ].toolChoose[i].toolDetail = JSON.parse(
  13203. JSON.stringify(this.updateToolDetailInner)
  13204. );
  13205. let params = [
  13206. {
  13207. cid: this.id,
  13208. chapters: JSON.stringify(this.chapInfoList),
  13209. uid: this.userid,
  13210. unitIndex: this.courseType,
  13211. },
  13212. ];
  13213. this.ajax
  13214. .post(this.$store.state.api + "updateWorkNew4", params)
  13215. .then((res) => {
  13216. this.isUpdateToolDetail1 = false;
  13217. this.$message({
  13218. message: "修改成功",
  13219. type: "success",
  13220. });
  13221. this.toolDetailIndex = null;
  13222. this.updateToolDetailInner = "";
  13223. this.getCourseDetail(2);
  13224. this.$forceUpdate();
  13225. })
  13226. .catch((err) => {
  13227. console.error(err);
  13228. });
  13229. } else if((this.isUpdateToolDetail1 && type == 2)){
  13230. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13231. this.taskCount
  13232. ].toolChoose[this.toolDetailIndex].toolDetail = JSON.parse(
  13233. JSON.stringify(this.updateToolDetailInner)
  13234. );
  13235. let params = [
  13236. {
  13237. cid: this.id,
  13238. chapters: JSON.stringify(this.chapInfoList),
  13239. uid: this.userid,
  13240. unitIndex: this.courseType,
  13241. },
  13242. ];
  13243. this.ajax
  13244. .post(this.$store.state.api + "updateWorkNew4", params)
  13245. .then((res) => {
  13246. this.$message({
  13247. message: "修改成功",
  13248. type: "success",
  13249. });
  13250. this.toolDetailIndex = i;
  13251. this.isUpdateToolDetail1 = true;
  13252. setTimeout(() => {
  13253. this.updateToolDetailInner = JSON.parse(
  13254. JSON.stringify(
  13255. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  13256. this.taskCount
  13257. ].toolChoose[i].toolDetail
  13258. )
  13259. );
  13260. document.querySelector(".checkTextArea").focus();
  13261. }, 0);
  13262. this.getCourseDetail(2);
  13263. this.$forceUpdate();
  13264. })
  13265. .catch((err) => {
  13266. console.error(err);
  13267. });
  13268. }
  13269. },
  13270. jumpGj(i, j, k, l) {
  13271. for (var z = 0; z < this.navList.length; z++) {
  13272. for (var q = 0; q < this.navList[z].task.length; q++) {
  13273. for (var w = 0; w < this.navList[z].task[q].tool.length; w++) {
  13274. this.navList[z].task[q].tool[w].isTool = false;
  13275. }
  13276. }
  13277. }
  13278. this.navList[i].task[j].tool[k].isTool =
  13279. !this.navList[i].task[j].tool[k].isTool;
  13280. var a = document.scrollingElement;
  13281. this.navId = ""
  13282. let target = document.querySelector(`#gj${k}`);
  13283. if (target) {
  13284. // target.scrollIntoView(true);
  13285. // setTimeout(() => {
  13286. // a.scrollTop = a.scrollTop - 150;
  13287. // }, 0);
  13288. target.scrollIntoView();
  13289. setTimeout(()=>{
  13290. let scrollBody = document.querySelector('.body_student').parentElement
  13291. scrollBody.scrollTop = scrollBody.scrollTop - 100
  13292. }, 0);
  13293. }
  13294. let flag = this.courseType == i;
  13295. let flag2 = this.taskCount == j
  13296. if (l) {
  13297. this.courseType = i;
  13298. // this.navId = l;
  13299. this.taskCount = j;
  13300. this.selectPz();
  13301. this.getHomeWork();
  13302. this.getCourseDetail(2);
  13303. this.changeSplitScreenBehavior({form:{courseType:this.courseType,taskCount:this.taskCount,toolType:k}})
  13304. if(flag){
  13305. if(flag2){
  13306. this.insertMemorandum(`选择<span class="variable">工具${k+1}:${this.toolsList[this.navList[i].task[j].tool[k].tool]}</span>`)
  13307. }else{
  13308. this.insertMemorandum(`选择<span class="variable">任务${j+1}${this.navList[i].task[j].taskName?':'+this.navList[i].task[j].taskName:''}</span>→<span class="variable">工具${k+1}:${this.toolsList[this.navList[i].task[j].tool[k].tool]}</span>`)
  13309. }
  13310. }else{
  13311. this.insertMemorandum(`选择<span class="variable">阶段${i+1}${this.navList[i].dyName?':'+this.navList[i].dyName:''}</span>→<span class="variable">任务${j+1}${this.navList[i].task[j].taskName?':'+this.navList[i].task[j].taskName:''}</span>→<span class="variable">工具${k+1}:${this.toolsList[this.navList[i].task[j].tool[k].tool]}</span>`)
  13312. }
  13313. }
  13314. // var b = this.$refs["bz" + k][0];
  13315. // a.scrollTop = b.offsetTop;
  13316. },
  13317. addTools2(i) {
  13318. if (i == 4) {
  13319. // this.openTools2(4);
  13320. this.$message.error("暂未开放");
  13321. return;
  13322. }
  13323. if (i == 45) {
  13324. // this.openTools2(45);
  13325. this.$message.error("暂未开放");
  13326. return;
  13327. }
  13328. if (i == 47) {
  13329. // this.openTools2(47);
  13330. this.$message.error("暂未开放");
  13331. return;
  13332. }
  13333. if (i == 49) {
  13334. // this.openTools2(49);
  13335. this.$message.error("暂未开放");
  13336. return;
  13337. }
  13338. if (i == 62) {
  13339. // this.openTools(itemTaskIndex, 62, toolIndex);
  13340. this.$message.error("暂未开放");
  13341. return;
  13342. }
  13343. if (i == 15) {
  13344. // this.openTools(itemTaskIndex, 15, toolIndex);
  13345. this.$message.error("暂未开放");
  13346. return;
  13347. }
  13348. if (i == 40) {
  13349. // this.openTools(itemTaskIndex, 40, toolIndex);
  13350. this.$message.error("暂未开放");
  13351. return;
  13352. }
  13353. if (i == 41) {
  13354. // this.openTools(itemTaskIndex, 41, toolIndex);
  13355. this.$message.error("暂未开放");
  13356. return;
  13357. }
  13358. if (i == 42) {
  13359. // this.openTools(itemTaskIndex, 42, toolIndex);
  13360. this.$message.error("暂未开放");
  13361. return;
  13362. }
  13363. if (this.checktoolArray.length > 0) {
  13364. if (this.checktoolArray.indexOf(i) != -1) {
  13365. this.checktoolArray.splice(this.checktoolArray.indexOf(i), 1);
  13366. } else {
  13367. this.checktoolArray = [];
  13368. this.checktoolArray.push(i);
  13369. }
  13370. } else {
  13371. this.checktoolArray.push(i);
  13372. }
  13373. this.$forceUpdate();
  13374. },
  13375. jump() {
  13376. window.topU.postMessage({ tools: "43" }, "*");
  13377. },
  13378. getUpdateMore(f, checkboxList, searchTN, index) {
  13379. this.dialogVisibleMember = f;
  13380. this.checkboxList = checkboxList;
  13381. this.worksSName2 = JSON.parse(JSON.stringify(searchTN));
  13382. this.plIndex = index;
  13383. },
  13384. setPlname(a) {
  13385. if (this.plworkFile.length) {
  13386. this.plworkFile[this.plIndex].username = a;
  13387. } else {
  13388. this.worksSName = a;
  13389. }
  13390. this.dialogVisibleMember = false;
  13391. },
  13392. previewImg(url,w=null) {
  13393. this.$hevueImgPreview(url);
  13394. if(w){
  13395. this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
  13396. }
  13397. },
  13398. checkImg(list) {
  13399. if (!list.length) {
  13400. return;
  13401. }
  13402. this.$hevueImgPreview({
  13403. multiple: true, // 开启多图预览模式
  13404. imgList: list, // 需要预览的多图数组
  13405. });
  13406. },
  13407. change(val) {
  13408. console.log(val);
  13409. },
  13410. goTo(path) {
  13411. this.$router.push(path);
  13412. },
  13413. handlePictureCardPreview(url) {
  13414. this.dialogImageUrl = url;
  13415. this.pictureDialog = true;
  13416. },
  13417. clean(type) {
  13418. if (type == 1) {
  13419. this.studyJuri[0].cover.splice(0, 1);
  13420. } else if (type == 2) {
  13421. this.studyJuri[0].upVedio.splice(0, 1);
  13422. } else {
  13423. this.studyJuri[0].upFile.splice(0, 1);
  13424. }
  13425. },
  13426. clean2(index) {
  13427. this.plworkFile.splice(index, 1);
  13428. },
  13429. handleClose(done) {
  13430. if (this.videoDetail.sources && this.videoDetail.sources[0]) {
  13431. this.videoDetail.sources[0].src = "";
  13432. }
  13433. this.commentIndexJson = {};
  13434. done();
  13435. },
  13436. fullTools() {
  13437. this.full = !this.full;
  13438. },
  13439. imgChange(file, fileList, type) {
  13440. if (type == 1) {
  13441. var _tmp = this.studyJuri[0].cover;
  13442. } else if (type == 2) {
  13443. var _tmp = this.studyJuri[0].upVedio;
  13444. } else {
  13445. var _tmp = this.studyJuri[0].upFile;
  13446. }
  13447. this.noneBtnImg = _tmp.length >= 1;
  13448. },
  13449. setContent(bool) {
  13450. this.contentDialog = bool;
  13451. if (bool && this.mlDialog && document.querySelector(".workd_media")) {
  13452. document.querySelector(".workd_media").style.height = "650px";
  13453. } else if (document.querySelector(".workd_media")) {
  13454. document.querySelector(".workd_media").style.height = "auto";
  13455. }
  13456. },
  13457. setContent2(bool) {
  13458. this.mlDialog = bool;
  13459. if (
  13460. bool &&
  13461. this.contentDialog &&
  13462. document.querySelector(".workd_media")
  13463. ) {
  13464. document.querySelector(".workd_media").style.height = "650px";
  13465. } else if (document.querySelector(".workd_media")) {
  13466. document.querySelector(".workd_media").style.height = "auto";
  13467. }
  13468. this.$forceUpdate();
  13469. },
  13470. openToolAll() {
  13471. this.toolDialogVisible = true;
  13472. },
  13473. addImg(e) {
  13474. var el = e.currentTarget;
  13475. // this.$message.success('触发上传')
  13476. el.getElementsByTagName("input")[0].click();
  13477. e.target.value = "";
  13478. },
  13479. addSelectAnswer() {
  13480. let params = [
  13481. {
  13482. uid: this.userid,
  13483. cid: this.id,
  13484. stage: this.courseType,
  13485. task: this.taskCount,
  13486. tool: this.toolindex,
  13487. content: this.selectAnswer.answer,
  13488. type: 7,
  13489. },
  13490. ];
  13491. if (this.homeWorkLoading) return this.$message.info('点击过快,请稍后...')
  13492. this.homeWorkLoading = true
  13493. this.ajax
  13494. .post(this.$store.state.api + "addCourseWorks", params)
  13495. .then((res) => {
  13496. this.$message({
  13497. message: "提交成功",
  13498. type: "success",
  13499. });
  13500. this.addOp3('1', "", { courseid: this.id,tool:'选择匹配',data: JSON.stringify(this.selectAnswer.answer),type: "course_tool_sub" }, "success")
  13501. setTimeout(() => {
  13502. this.homeWorkLoading = false
  13503. }, 500);
  13504. this.dialogVisibleSelect = false;
  13505. // this.selectAnswer = {};
  13506. this.selectSWorks();
  13507. this.selectStudent();
  13508. })
  13509. .catch((err) => {
  13510. this.addOp3('1', "", { courseid: this.id,tool:'选择匹配',data: JSON.stringify(this.selectAnswer.answer),type: "course_tool_sub" }, err)
  13511. setTimeout(() => {
  13512. this.homeWorkLoading = false
  13513. }, 500);
  13514. this.$message.error("提交失败");
  13515. console.error(err);
  13516. });
  13517. },
  13518. addSelectAnswerTeacher() {
  13519. let params = [
  13520. {
  13521. uid: this.sStudent.userid,
  13522. cid: this.id,
  13523. stage: this.courseType,
  13524. task: this.taskCount,
  13525. tool: this.toolindex,
  13526. content: this.selectAnswer.answer,
  13527. type: 7,
  13528. },
  13529. ];
  13530. this.ajax
  13531. .post(this.$store.state.api + "addCourseWorks", params)
  13532. .then((res) => {
  13533. this.$message({
  13534. message: "提交成功",
  13535. type: "success",
  13536. });
  13537. this.dialogVisibleSelectTeacher = false;
  13538. // this.selectAnswer = {};
  13539. this.selectSWorks();
  13540. this.selectStudent();
  13541. })
  13542. .catch((err) => {
  13543. this.$message.error("提交失败");
  13544. console.error(err);
  13545. });
  13546. },
  13547. addSenWorks() {
  13548. for (var i = 0; i < this.sentenceList.length; i++) {
  13549. for (var j = 0; j < this.sentenceList[i].chooseSenList.length; j++) {
  13550. if (
  13551. this.sentenceList[i].chooseSenList[j] == undefined ||
  13552. this.sentenceList[i].chooseSenList[j] == ""
  13553. ) {
  13554. this.$message.error("请将答案填写完整!");
  13555. return;
  13556. }
  13557. }
  13558. }
  13559. let params = [
  13560. {
  13561. uid: this.userid,
  13562. cid: this.id,
  13563. stage: this.courseType,
  13564. task: this.taskCount,
  13565. tool: this.toolindex,
  13566. content: JSON.stringify(this.sentenceList),
  13567. type: 9,
  13568. },
  13569. ];
  13570. if (this.homeWorkLoading) return this.$message.info('点击过快,请稍后...')
  13571. this.homeWorkLoading = true
  13572. this.ajax
  13573. .post(this.$store.state.api + "addCourseWorks", params)
  13574. .then((res) => {
  13575. this.$message({
  13576. message: "提交成功",
  13577. type: "success",
  13578. });
  13579. this.addOp3('1', "", { courseid: this.id,tool:'排序',data: JSON.stringify(this.sentenceList),type: "course_tool_sub" }, "success")
  13580. setTimeout(() => {
  13581. this.homeWorkLoading = false
  13582. }, 500);
  13583. this.dialogVisibleSentence = false;
  13584. // this.selectAnswer = {};
  13585. this.selectSWorks();
  13586. this.selectStudent();
  13587. })
  13588. .catch((err) => {
  13589. this.addOp3('1', "", { courseid: this.id,tool:'排序',data: JSON.stringify(this.sentenceList),type: "course_tool_sub" }, err)
  13590. setTimeout(() => {
  13591. this.homeWorkLoading = false
  13592. }, 500);
  13593. this.$message.error("提交失败");
  13594. console.error(err);
  13595. });
  13596. },
  13597. addSenWorksTeacher() {
  13598. for (var i = 0; i < this.sentenceList.length; i++) {
  13599. for (var j = 0; j < this.sentenceList[i].chooseSenList.length; j++) {
  13600. if (
  13601. this.sentenceList[i].chooseSenList[j] == undefined ||
  13602. this.sentenceList[i].chooseSenList[j] == ""
  13603. ) {
  13604. this.$message.error("请将答案填写完整!");
  13605. return;
  13606. }
  13607. }
  13608. }
  13609. let params = [
  13610. {
  13611. uid: this.sStudent.userid,
  13612. cid: this.id,
  13613. stage: this.courseType,
  13614. task: this.taskCount,
  13615. tool: this.toolindex,
  13616. content: JSON.stringify(this.sentenceList),
  13617. type: 9,
  13618. },
  13619. ];
  13620. this.ajax
  13621. .post(this.$store.state.api + "addCourseWorks", params)
  13622. .then((res) => {
  13623. this.$message({
  13624. message: "提交成功",
  13625. type: "success",
  13626. });
  13627. this.dialogVisibleSentenceTeacher = false;
  13628. // this.selectAnswer = {};
  13629. this.selectSWorks();
  13630. this.selectStudent();
  13631. })
  13632. .catch((err) => {
  13633. this.$message.error("提交失败");
  13634. console.error(err);
  13635. });
  13636. },
  13637. returnTableText() {
  13638. this.$confirm("确定还原此模板吗?", "提示", {
  13639. confirmButtonText: "确定",
  13640. cancelButtonText: "取消",
  13641. type: "warning",
  13642. })
  13643. .then(() => {
  13644. this.tableJson = JSON.parse(JSON.stringify(this.tableJsonO));
  13645. })
  13646. .catch(() => {});
  13647. },
  13648. addTableWorks() {
  13649. if (this.homeWorkLoading) return this.$message.info('点击过快,请稍后...')
  13650. this.homeWorkLoading = true
  13651. let params = [
  13652. {
  13653. uid: this.userid,
  13654. cid: this.id,
  13655. stage: this.courseType,
  13656. task: this.taskCount,
  13657. tool: this.toolindex,
  13658. content: JSON.stringify(this.tableJson),
  13659. type: 10,
  13660. },
  13661. ];
  13662. this.ajax
  13663. .post(this.$store.state.api + "addCourseWorks", params)
  13664. .then((res) => {
  13665. this.addOp3('1', "", { courseid: this.id,tool:'表格',data:JSON.stringify(this.tableJson),type: "course_tool_sub" }, "success")
  13666. this.$message({
  13667. message: "提交成功",
  13668. type: "success",
  13669. });
  13670. this.dialogVisibleTable = false;
  13671. setTimeout(() => {
  13672. this.homeWorkLoading = false
  13673. }, 500);
  13674. // this.selectAnswer = {};
  13675. this.selectSWorks();
  13676. this.selectStudent();
  13677. })
  13678. .catch((err) => {
  13679. this.addOp3('1', "", { courseid: this.id,tool:'表格',data:JSON.stringify(this.tableJson),type: "course_tool_sub" }, err)
  13680. setTimeout(() => {
  13681. this.homeWorkLoading = false
  13682. }, 500);
  13683. this.$message.error("提交失败");
  13684. console.error(err);
  13685. });
  13686. },
  13687. tableRowClassName({ row, rowIndex }) {
  13688. if ((rowIndex + 1) % 2 === 0) {
  13689. return "even_row";
  13690. } else {
  13691. return "";
  13692. }
  13693. },
  13694. addTableWorksTeacher() {
  13695. let params = [
  13696. {
  13697. uid: this.sStudent.userid,
  13698. cid: this.id,
  13699. stage: this.courseType,
  13700. task: this.taskCount,
  13701. tool: this.toolindex,
  13702. content: JSON.stringify(this.tableJson),
  13703. type: 10,
  13704. },
  13705. ];
  13706. this.ajax
  13707. .post(this.$store.state.api + "addCourseWorks", params)
  13708. .then((res) => {
  13709. this.$message({
  13710. message: "提交成功",
  13711. type: "success",
  13712. });
  13713. this.dialogVisibleTableTeacher = false;
  13714. // this.selectAnswer = {};
  13715. this.selectSWorks();
  13716. this.selectStudent();
  13717. })
  13718. .catch((err) => {
  13719. this.$message.error("提交失败");
  13720. console.error(err);
  13721. });
  13722. },
  13723. returnWordText() {
  13724. this.$confirm("确定还原此模板吗?", "提示", {
  13725. confirmButtonText: "确定",
  13726. cancelButtonText: "取消",
  13727. type: "warning",
  13728. })
  13729. .then(() => {
  13730. this.wordJson = JSON.parse(JSON.stringify(this.wordJsonO));
  13731. })
  13732. .catch(() => {});
  13733. },
  13734. addWordWorks() {
  13735. if (this.homeWorkLoading) return this.$message.info('点击过快,请稍后...')
  13736. this.homeWorkLoading = true
  13737. let params = [
  13738. {
  13739. uid: this.userid,
  13740. cid: this.id,
  13741. stage: this.courseType,
  13742. task: this.taskCount,
  13743. tool: this.toolindex,
  13744. content: JSON.stringify(this.wordJson),
  13745. type: 13,
  13746. atool: 52,
  13747. },
  13748. ];
  13749. this.ajax
  13750. .post(this.$store.state.api + "addCourseWorks3-2", params)
  13751. .then((res) => {
  13752. this.addOp3('1', "", { courseid: this.id,tool:'文档',data:JSON.stringify(this.wordJson),type: "course_tool_sub" }, "success")
  13753. this.$message({
  13754. message: "提交成功",
  13755. type: "success",
  13756. });
  13757. this.dialogVisibleWord = false;
  13758. setTimeout(() => {
  13759. this.homeWorkLoading = false
  13760. }, 500);
  13761. // this.selectAnswer = {};
  13762. this.selectSWorks();
  13763. this.selectStudent();
  13764. })
  13765. .catch((err) => {
  13766. this.addOp3('1', "", { courseid: this.id,tool:'文档',data:JSON.stringify(this.wordJson),type: "course_tool_sub" }, err)
  13767. setTimeout(() => {
  13768. this.homeWorkLoading = false
  13769. }, 500);
  13770. this.$message.error("提交失败");
  13771. console.error(err);
  13772. });
  13773. },
  13774. addWordWorksTeacher() {
  13775. let params = [
  13776. {
  13777. uid: this.sStudent.userid,
  13778. cid: this.id,
  13779. stage: this.courseType,
  13780. task: this.taskCount,
  13781. tool: this.toolindex,
  13782. content: JSON.stringify(this.wordJson),
  13783. type: 13,
  13784. atool: 52,
  13785. },
  13786. ];
  13787. this.ajax
  13788. .post(this.$store.state.api + "addCourseWorks3-2", params)
  13789. .then((res) => {
  13790. this.$message({
  13791. message: "提交成功",
  13792. type: "success",
  13793. });
  13794. this.dialogVisibleWordTeacher = false;
  13795. // this.selectAnswer = {};
  13796. this.selectSWorks();
  13797. this.selectStudent();
  13798. })
  13799. .catch((err) => {
  13800. this.$message.error("提交失败");
  13801. console.error(err);
  13802. });
  13803. },
  13804. addCourseWorks(i) {
  13805. var typesql;
  13806. if (this.fileType === 0) {
  13807. typesql = 1;
  13808. } else if (this.fileType === 1) {
  13809. typesql = 4;
  13810. } else if (this.fileType === 2) {
  13811. typesql = 5;
  13812. } else if (this.fileType === 3) {
  13813. typesql = 12;
  13814. }
  13815. if (!this.studyJuri[0].cover[0].url) {
  13816. this.$message.error("请上传文件");
  13817. return;
  13818. }
  13819. if (this.homeWorkLoading) return this.$message.info('点击过快,请稍后...')
  13820. this.homeWorkLoading = true
  13821. let params = [
  13822. {
  13823. uid: this.userid,
  13824. cid: this.id,
  13825. stage: this.courseType,
  13826. task: i,
  13827. tool: this.toolindex,
  13828. content: this.studyJuri[0].cover[0].url,
  13829. type: typesql,
  13830. },
  13831. ];
  13832. this.ajax
  13833. .post(this.$store.state.api + "addCourseWorksR", params)
  13834. .then((res) => {
  13835. this.$message({
  13836. message: "提交成功",
  13837. type: "success",
  13838. });
  13839. this.addOp3('1', "", { courseid: this.id,tool:'作业提交',data: this.studyJuri[0].cover[0].url,type: "course_tool_sub" }, "success")
  13840. setTimeout(() => {
  13841. this.homeWorkLoading = false
  13842. }, 500);
  13843. this.studyJuri[0].cover = [];
  13844. this.dialogVisible = false;
  13845. this.getCourseDetail(2);
  13846. })
  13847. .catch((err) => {
  13848. this.addOp3('1', "", { courseid: this.id,tool:'作业提交',data: this.studyJuri[0].cover[0].url,type: "course_tool_sub" }, err)
  13849. setTimeout(() => {
  13850. this.homeWorkLoading = false
  13851. }, 500);
  13852. this.$message.error("提交失败");
  13853. console.error(err);
  13854. });
  13855. },
  13856. addCourseWorksPl(i) {
  13857. let _files = this.plworkFile;
  13858. var c = 1;
  13859. for (var k = 0; k < _files.length; k++) {
  13860. if (!_files[k].username) {
  13861. c = 2;
  13862. }
  13863. }
  13864. if (c == 2) {
  13865. this.$message.error("请填写学生姓名");
  13866. return;
  13867. }
  13868. let params = [
  13869. {
  13870. ateacher: this.userid,
  13871. cid: this.id,
  13872. stage: this.courseType,
  13873. task: i,
  13874. tool: this.toolindex,
  13875. content: JSON.stringify(_files),
  13876. },
  13877. ];
  13878. if (this.homeWorkLoading) return this.$message.info('点击过快,请稍后...')
  13879. this.homeWorkLoading = true
  13880. this.ajax
  13881. .post(this.$store.state.api + "addCourseWorksPl", params)
  13882. .then((res) => {
  13883. this.$message({
  13884. message: "提交成功",
  13885. type: "success",
  13886. });
  13887. this.addOp3('1', "", { courseid: this.id,tool:'批量上传',data: JSON.stringify(_files),type: "course_tool_sub" }, "success")
  13888. setTimeout(() => {
  13889. this.homeWorkLoading = false
  13890. }, 500);
  13891. this.plworkFile = [];
  13892. this.dialogVisiblePl = false;
  13893. this.getCourseDetail(2);
  13894. })
  13895. .catch((err) => {
  13896. this.$message.error("提交失败");
  13897. setTimeout(() => {
  13898. this.homeWorkLoading = false
  13899. }, 500);
  13900. console.error(err);
  13901. this.addOp3('1', "", { courseid: this.id,tool:'批量上传',data: JSON.stringify(_files),type: "course_tool_sub" }, err)
  13902. });
  13903. },
  13904. addCourseWorks2(i) {
  13905. var typesql;
  13906. if (this.fileType === 0) {
  13907. typesql = 0;
  13908. } else if (this.fileType === 1) {
  13909. typesql = 1;
  13910. } else if (this.fileType === 2) {
  13911. typesql = 3;
  13912. } else if (this.fileType === 3) {
  13913. typesql = 12;
  13914. }
  13915. if (!this.studyJuri[0].cover[0].url) {
  13916. this.$message.error("请上传文件");
  13917. return;
  13918. }
  13919. if (this.homeWorkLoading) return this.$message.info('点击过快,请稍后...')
  13920. this.homeWorkLoading = true
  13921. let params = [
  13922. {
  13923. uid: this.userid,
  13924. cid: this.id,
  13925. stage: this.courseType,
  13926. task: i,
  13927. tool: this.toolindex,
  13928. content: JSON.stringify({
  13929. type: typesql,
  13930. groupIndex: this.groupIndex,
  13931. url: this.studyJuri[0].cover[0].url,
  13932. }),
  13933. type: 11,
  13934. atool: 49,
  13935. text: "",
  13936. },
  13937. ];
  13938. this.ajax
  13939. .post(this.$store.state.api + "addCourseWorks5", params)
  13940. .then((res) => {
  13941. this.$message({
  13942. message: "提交成功",
  13943. type: "success",
  13944. });
  13945. setTimeout(() => {
  13946. this.homeWorkLoading = false
  13947. }, 500);
  13948. this.addOp3('1', "", { courseid: this.id,tool:'学生分组',data:JSON.stringify({
  13949. type: typesql,
  13950. groupIndex: this.groupIndex,
  13951. url: this.studyJuri[0].cover[0].url,
  13952. }),type: "course_tool_sub" }, "success")
  13953. this.studyJuri[0].cover = [];
  13954. this.dialogVisibleGroupWork = false;
  13955. this.getCourseDetail(2);
  13956. })
  13957. .catch((err) => {
  13958. this.$message.error("提交失败");
  13959. setTimeout(() => {
  13960. this.homeWorkLoading = false
  13961. }, 500);
  13962. console.error(err);
  13963. this.addOp3('1', "", { courseid: this.id,tool:'学生分组',data:JSON.stringify({
  13964. type: typesql,
  13965. groupIndex: this.groupIndex,
  13966. url: this.studyJuri[0].cover[0].url,
  13967. }),type: "course_tool_sub" }, err)
  13968. });
  13969. },
  13970. addEnglishWork() {
  13971. this.myAnList = this.$refs['engJson'].myAnswerList;
  13972. if (!this.myAnList.engTitle || !this.myAnList.engText || this.myAnList.engTitle == "" || this.myAnList.engText == "") {
  13973. this.$message.error("请输入作文标题和正文!");
  13974. return;
  13975. }
  13976. let params = [
  13977. {
  13978. uid: this.userid,
  13979. cid: this.id,
  13980. stage: this.courseType,
  13981. task: this.taskCount,
  13982. tool: this.englishToolIndex,
  13983. content: JSON.stringify(this.myAnList),
  13984. type: 16,
  13985. atool: 69,
  13986. text: "",
  13987. },
  13988. ];
  13989. if (this.homeWorkLoading) return this.$message.info('点击过快,请稍后...')
  13990. this.homeWorkLoading = true
  13991. this.ajax
  13992. .post(this.$store.state.api + "addCourseWorks5", params)
  13993. .then((res) => {
  13994. this.$message({
  13995. message: "提交成功",
  13996. type: "success",
  13997. });
  13998. setTimeout(() => {
  13999. this.homeWorkLoading = false
  14000. }, 500);
  14001. this.addOp3('1', "", { courseid: this.id,tool:'英语写作',
  14002. data: JSON.stringify(this.myAnList),
  14003. type: "course_tool_sub" }, "success")
  14004. this.myAnList = {};
  14005. this.englishList = {};
  14006. this.englishToolIndex = 0;
  14007. this.engDialogVisible = false;
  14008. this.selectSWorks();
  14009. this.selectStudent();
  14010. })
  14011. .catch((err) => {
  14012. this.$message.error("提交失败");
  14013. console.error(err);
  14014. setTimeout(() => {
  14015. this.homeWorkLoading = false
  14016. }, 500);
  14017. this.addOp3('1', "", { courseid: this.id,tool:'英语写作',
  14018. data: JSON.stringify(this.myAnList),
  14019. type: "course_tool_sub" }, err)
  14020. });
  14021. },
  14022. addCourseWorksGong(i, data, tool) {
  14023. let params = [
  14024. {
  14025. uid: this.userid,
  14026. cid: this.id,
  14027. stage: this.courseType,
  14028. task: this.taskCount,
  14029. tool: i,
  14030. content: data,
  14031. type: 12,
  14032. atool: tool,
  14033. text: "",
  14034. },
  14035. ];
  14036. this.ajax
  14037. .post(this.$store.state.api + "addCourseWorks5", params)
  14038. .then((res) => {
  14039. this.$message({
  14040. message: "提交成功",
  14041. type: "success",
  14042. });
  14043. this.studyJuri[0].cover = [];
  14044. this.selectSWorks();
  14045. this.selectStudent();
  14046. })
  14047. .catch((err) => {
  14048. this.$message.error("提交失败");
  14049. console.error(err);
  14050. });
  14051. },
  14052. addCourseWorksGongTeacher(i, data, tool) {
  14053. let params = [
  14054. {
  14055. uid: this.sStudent.userid,
  14056. cid: this.id,
  14057. stage: this.courseType,
  14058. task: this.taskCount,
  14059. tool: i,
  14060. content: data,
  14061. type: 12,
  14062. atool: tool,
  14063. text: "",
  14064. },
  14065. ];
  14066. this.ajax
  14067. .post(this.$store.state.api + "addCourseWorks5", params)
  14068. .then((res) => {
  14069. this.$message({
  14070. message: "提交成功",
  14071. type: "success",
  14072. });
  14073. this.studyJuri[0].cover = [];
  14074. this.dialogVisibleWorks = false;
  14075. this.selectSWorks();
  14076. this.selectStudent();
  14077. })
  14078. .catch((err) => {
  14079. this.$message.error("提交失败");
  14080. console.error(err);
  14081. });
  14082. },
  14083. addCourseWorksGongPl(i, data, tool, type) {
  14084. let params = [
  14085. {
  14086. uid: this.sStudent.userid,
  14087. cid: this.id,
  14088. stage: this.courseType,
  14089. task: this.taskCount,
  14090. tool: i,
  14091. content: data,
  14092. type: type,
  14093. atool: tool,
  14094. text: "",
  14095. },
  14096. ];
  14097. this.ajax
  14098. .post(this.$store.state.api + "addCourseWorks5", params)
  14099. .then((res) => {
  14100. this.$message({
  14101. message: "提交成功",
  14102. type: "success",
  14103. });
  14104. this.studyJuri[0].cover = [];
  14105. this.dialogVisibleWorks = false;
  14106. this.selectSWorks();
  14107. this.selectStudent();
  14108. })
  14109. .catch((err) => {
  14110. this.$message.error("提交失败");
  14111. console.error(err);
  14112. });
  14113. },
  14114. addCourseWorksTeacher(i) {
  14115. var typesql;
  14116. if (this.sTool == 32) {
  14117. this.addCourseWorksGongTeacher(
  14118. this.toolindex,
  14119. this.studyJuri[0].cover[0].url,
  14120. this.sTool
  14121. );
  14122. return;
  14123. }
  14124. if (this.fileType === 0) {
  14125. typesql = 1;
  14126. } else if (this.fileType === 1) {
  14127. typesql = 4;
  14128. } else if (this.fileType === 2) {
  14129. typesql = 5;
  14130. } else if (this.fileType === 3) {
  14131. typesql = 12;
  14132. }
  14133. if (this.sTool == 50) {
  14134. this.addCourseWorksGongPl(
  14135. this.toolindex,
  14136. this.studyJuri[0].cover[0].url,
  14137. this.sTool,
  14138. typesql
  14139. );
  14140. return;
  14141. }
  14142. if (!this.studyJuri[0].cover[0].url) {
  14143. this.$message.error("请上传文件");
  14144. return;
  14145. }
  14146. let params = [
  14147. {
  14148. uid: this.sStudent.userid,
  14149. cid: this.id,
  14150. stage: this.courseType,
  14151. task: i,
  14152. tool: this.toolindex,
  14153. content: this.studyJuri[0].cover[0].url,
  14154. type: typesql,
  14155. ateacher: this.userid,
  14156. },
  14157. ];
  14158. this.ajax
  14159. .post(this.$store.state.api + "addCourseWorksTeacher", params)
  14160. .then((res) => {
  14161. this.$message({
  14162. message: "提交成功",
  14163. type: "success",
  14164. });
  14165. this.studyJuri[0].cover = [];
  14166. this.dialogVisibleWorks = false;
  14167. this.getCourseDetail(2);
  14168. })
  14169. .catch((err) => {
  14170. this.$message.error("提交失败");
  14171. console.error(err);
  14172. });
  14173. },
  14174. selectUploadStudent(type) {
  14175. const loading = this.$loading.service({
  14176. background: "rgba(255, 255, 255, 0.7)",
  14177. target: document.body,
  14178. });
  14179. let params = {
  14180. cid: this.uploadCid,
  14181. oid: this.oid,
  14182. cn: "",
  14183. };
  14184. this.ajax
  14185. .get(this.$store.state.api + "selectSnameByCidGroup", params)
  14186. .then((res) => {
  14187. loading.close();
  14188. var studentK = [];
  14189. if (this.isWorksS[this.toolindex].length > 0) {
  14190. for (var z = 0; z < this.isWorksS[this.toolindex].length; z++) {
  14191. studentK.push(this.isWorksS[this.toolindex][z].uid);
  14192. }
  14193. studentK = studentK.join(",");
  14194. }
  14195. this.uploadStudentJuri = res.data[0].filter((el) => {
  14196. return studentK.indexOf(el.userid) == -1;
  14197. });
  14198. if (this.worksSName && this.worksSid) {
  14199. this.uploadStudentJuri.push({
  14200. userid: this.worksSid,
  14201. name: this.worksSName,
  14202. });
  14203. }
  14204. if (type == 1) {
  14205. this.plworkFile = [];
  14206. this.dialogVisibleSname = true;
  14207. } else if (type == 2) {
  14208. this.dialogVisiblePl = true;
  14209. }
  14210. })
  14211. .catch((err) => {
  14212. loading.close();
  14213. console.error(err);
  14214. });
  14215. },
  14216. selectPickStudent() {
  14217. const loading = this.$loading.service({
  14218. background: "rgba(255, 255, 255, 0.7)",
  14219. target: document.body,
  14220. });
  14221. let params = {
  14222. cid: this.uploadCid,
  14223. oid: this.oid,
  14224. cn: "",
  14225. };
  14226. this.ajax
  14227. .get(this.$store.state.api + "selectSnameByCidGroup", params)
  14228. .then((res) => {
  14229. loading.close();
  14230. this.uploadStudentJuri = res.data[0];
  14231. this.dialogVisiblePickPeople = true;
  14232. })
  14233. .catch((err) => {
  14234. loading.close();
  14235. console.error(err);
  14236. });
  14237. },
  14238. arrayToArray(arrayo, arrayt) {
  14239. let array1 = arrayo;
  14240. let array2 = arrayt;
  14241. let commonElements = [];
  14242. for (let i = 0; i < array1.length; i++) {
  14243. for (let j = 0; j < array2.length; j++) {
  14244. if (array1[i] === array2[j]) {
  14245. commonElements.push(array1[i]);
  14246. }
  14247. }
  14248. }
  14249. return commonElements;
  14250. },
  14251. selectWorksStudent() {
  14252. let params = {
  14253. oid: this.oid,
  14254. cid: this.courseDetail.juri,
  14255. };
  14256. this.ajax
  14257. .get(this.$store.state.api + "selectWorksStudent", params)
  14258. .then((res) => {
  14259. var a = res.data[0];
  14260. for (var i = 0; i < this.isWorksS.length; i++) {
  14261. this.noWorksS[i] = [];
  14262. var studentK = [];
  14263. if (this.isWorksS[i].length > 0) {
  14264. for (var z = 0; z < this.isWorksS[i].length; z++) {
  14265. studentK.push(this.isWorksS[i][z].uid);
  14266. }
  14267. studentK = studentK.join(",");
  14268. for (var j = 0; j < a.length; j++) {
  14269. if (studentK.indexOf(a[j].userid) == -1) {
  14270. if (this.tcid) {
  14271. // a[j].classid.indexOf(this.tcid) != -1
  14272. if (
  14273. this.arrayToArray(
  14274. a[j].classid.split(","),
  14275. this.tcid.split(",")
  14276. ).length
  14277. ) {
  14278. this.noWorksS[i].push({
  14279. student: a[j].name,
  14280. userid: a[j].userid,
  14281. });
  14282. }
  14283. } else {
  14284. this.noWorksS[i].push({
  14285. student: a[j].name,
  14286. userid: a[j].userid,
  14287. });
  14288. }
  14289. }
  14290. }
  14291. } else {
  14292. for (var k = 0; k < a.length; k++) {
  14293. if (this.tcid) {
  14294. if (
  14295. this.arrayToArray(
  14296. a[k].classid.split(","),
  14297. this.tcid.split(",")
  14298. ).length
  14299. ) {
  14300. this.noWorksS[i].push({
  14301. student: a[k].name,
  14302. userid: a[k].userid,
  14303. });
  14304. }
  14305. } else {
  14306. this.noWorksS[i].push({
  14307. student: a[k].name,
  14308. userid: a[k].userid,
  14309. });
  14310. }
  14311. }
  14312. }
  14313. }
  14314. this.$forceUpdate();
  14315. if (
  14316. Object.keys(this.commentDetail).length &&
  14317. Object.keys(this.commentIndexJson).length &&
  14318. !this.dialogVisibleScore && !this.dialogVisibleENScore
  14319. ) {
  14320. let a = 1;
  14321. let c = this.commentIndexJson;
  14322. if (
  14323. this.commentIndexJson.gindex ||
  14324. this.commentIndexJson.gindex === 0
  14325. ) {
  14326. for (
  14327. var i = 0;
  14328. i < this.worksStudent[this.commentIndexJson.toolIndex].length;
  14329. i++
  14330. ) {
  14331. let _el = this.worksStudent[this.commentIndexJson.toolIndex][i];
  14332. groupA: for (var k = 0; k < _el.length; k++) {
  14333. let el = _el[k];
  14334. if (el.wid == this.commentDetail.wid) {
  14335. a = 2;
  14336. this.commentOther(
  14337. this.worksStudent[this.commentIndexJson.toolIndex][i][k],
  14338. this.commentIndexJson.toolIndex,
  14339. k,
  14340. this.commentIndexJson.gindex
  14341. );
  14342. break groupA;
  14343. }
  14344. }
  14345. }
  14346. if (a === 1) {
  14347. this.commentDetail = [];
  14348. this.commentIndexJson = {};
  14349. this.commentDialogVisible = false;
  14350. this.$message("此作业已被删除");
  14351. }
  14352. } else {
  14353. if (this.isGroup && this.commentIndexJson.gid) {
  14354. groupA: for (
  14355. var i = 0;
  14356. i < this.courseGroup.group.length;
  14357. i++
  14358. ) {
  14359. let _group = this.courseGroup.group[i];
  14360. if (_group.id == this.commentIndexJson.gid) {
  14361. let _el2 = _group.works[this.commentIndexJson.toolIndex];
  14362. for (var k = 0; k < _el2.length; k++) {
  14363. let el2 = _el2[k];
  14364. if (el2.wid == this.commentDetail.wid) {
  14365. a = 2;
  14366. this.commentOther(
  14367. _el2[k],
  14368. this.commentIndexJson.toolIndex,
  14369. k,
  14370. null,
  14371. this.commentIndexJson.gid
  14372. );
  14373. break groupA;
  14374. }
  14375. }
  14376. }
  14377. }
  14378. }
  14379. if (a == 1) {
  14380. for (
  14381. var i = 0;
  14382. i < this.worksStudent[this.commentIndexJson.toolIndex].length;
  14383. i++
  14384. ) {
  14385. let el =
  14386. this.worksStudent[this.commentIndexJson.toolIndex][i];
  14387. if (el.wid == this.commentDetail.wid) {
  14388. a = 2;
  14389. this.commentOther(
  14390. this.worksStudent[this.commentIndexJson.toolIndex][i],
  14391. this.commentIndexJson.toolIndex,
  14392. i
  14393. );
  14394. break;
  14395. }
  14396. }
  14397. }
  14398. if (a === 1) {
  14399. this.commentDetail = [];
  14400. this.commentIndexJson = {};
  14401. this.commentDialogVisible = false;
  14402. this.$message("此作业已被删除");
  14403. }
  14404. }
  14405. }
  14406. })
  14407. .catch((err) => {
  14408. console.error(err);
  14409. });
  14410. },
  14411. selectStudent() {
  14412. //学生查看自己作业
  14413. let params = {
  14414. uid: this.userid,
  14415. cid: this.id,
  14416. s: this.courseType,
  14417. t: this.taskCount,
  14418. };
  14419. this.ajax
  14420. .get(this.$store.state.api + "selectStudentWorks", params)
  14421. .then((res) => {
  14422. var a =
  14423. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  14424. this.taskCount
  14425. ].toolChoose;
  14426. var b = res.data[0];
  14427. var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  14428. var y = [
  14429. "AVI",
  14430. "NAVI",
  14431. "MPEG",
  14432. "ASF",
  14433. "MOV",
  14434. "WMV",
  14435. "3GP",
  14436. "RM",
  14437. "RMVB",
  14438. "FLV",
  14439. "F4V",
  14440. "H.264",
  14441. "H.265",
  14442. "REAL VIDEO",
  14443. "MKV",
  14444. "WebM",
  14445. "HDDVD",
  14446. "MP4",
  14447. "MPG",
  14448. "M4V",
  14449. "MGV",
  14450. "OGV",
  14451. "QTM",
  14452. "STR",
  14453. "AMC",
  14454. "DVX",
  14455. "EVO",
  14456. "DAT",
  14457. "OGG",
  14458. "OGM",
  14459. ];
  14460. for (var i = 0; i < a.length; i++) {
  14461. this.workStudent[i] = [];
  14462. for (var j = 0; j < b.length; j++) {
  14463. if (i == b[j].tool) {
  14464. if (
  14465. (b[j].type == 1 ||
  14466. b[j].type == 4 ||
  14467. b[j].type == 5 ||
  14468. b[j].type == 6 ||
  14469. b[j].type == 12 ||
  14470. b[j].type == 7) &&
  14471. a[i].tool[0] != 15 &&
  14472. a[i].tool[0] != 4 &&
  14473. a[i].tool[0] != 45 &&
  14474. a[i].tool[0] != 50 &&
  14475. a[i].tool[0] != 32 &&
  14476. a[i].tool[0] != 57 &&
  14477. a[i].tool[0] != 52 &&
  14478. a[i].tool[0] != 69
  14479. ) {
  14480. if (
  14481. c.indexOf(
  14482. b[j].content
  14483. .split(".")
  14484. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  14485. ) != -1 &&
  14486. a[i].tool[0] == 16 &&
  14487. b[j].atool != 50
  14488. ) {
  14489. this.workStudent[i].push({
  14490. works: b[j].content,
  14491. sName: b[j].name,
  14492. score: b[j].score,
  14493. img: b[j].img,
  14494. type: 1,
  14495. time: b[j].time,
  14496. userid: b[j].userid,
  14497. wid: b[j].id,
  14498. });
  14499. } else if (
  14500. y.indexOf(
  14501. b[j].content
  14502. .split(".")
  14503. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  14504. ) != -1 &&
  14505. a[i].tool[0] == 16 &&
  14506. b[j].atool != 50
  14507. ) {
  14508. this.workStudent[i].push({
  14509. userid: b[j].userid,
  14510. wid: b[j].id,
  14511. works: b[j].content,
  14512. sName: b[j].name,
  14513. score: b[j].score,
  14514. img: b[j].img,
  14515. type: 3,
  14516. time: b[j].time,
  14517. });
  14518. } else if (b[j].type == 6 && b[j].atool != 50) {
  14519. this.workStudent[i].push({
  14520. userid: b[j].userid,
  14521. wid: b[j].id,
  14522. works: b[j].content,
  14523. sName: b[j].name,
  14524. score: b[j].score,
  14525. img: b[j].img,
  14526. type: 4,
  14527. time: b[j].time,
  14528. });
  14529. } else if (b[j].type == 7 && b[j].atool != 50) {
  14530. this.workStudent[i].push({
  14531. userid: b[j].userid,
  14532. wid: b[j].id,
  14533. works: b[j].content,
  14534. sName: b[j].name,
  14535. score: b[j].score,
  14536. img: b[j].img,
  14537. type: 5,
  14538. time: b[j].time,
  14539. });
  14540. } else if (b[j].type == 12 && a[i].tool[0] == b[j].atool) {
  14541. this.workStudent[i].push({
  14542. works: b[j].content,
  14543. sName: b[j].name,
  14544. score: b[j].score,
  14545. img: b[j].img,
  14546. type: 12,
  14547. time: b[j].time,
  14548. userid: b[j].userid,
  14549. wid: b[j].id,
  14550. });
  14551. } else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
  14552. this.workStudent[i].push({
  14553. works: b[j].content,
  14554. sName: b[j].name,
  14555. score: b[j].score,
  14556. img: b[j].img,
  14557. type: 0,
  14558. time: b[j].time,
  14559. userid: b[j].userid,
  14560. wid: b[j].id,
  14561. });
  14562. } else if (b[j].type == 1 && !parseInt(b[j].atool)) {
  14563. this.workStudent[i].push({
  14564. works: b[j].content,
  14565. sName: b[j].name,
  14566. score: b[j].score,
  14567. img: b[j].img,
  14568. type: 0,
  14569. time: b[j].time,
  14570. userid: b[j].userid,
  14571. wid: b[j].id,
  14572. });
  14573. }
  14574. } else if (b[j].type == 3 && a[i].tool[0] == 15) {
  14575. this.workStudent[i].push({
  14576. works: b[j].content,
  14577. sName: b[j].name,
  14578. score: b[j].score,
  14579. img: b[j].img,
  14580. type: 2,
  14581. time: b[j].time,
  14582. userid: b[j].userid,
  14583. wid: b[j].id,
  14584. });
  14585. } else if (b[j].type == 20 && a[i].tool[0] == 72) {
  14586. this.workStudent[i].push({
  14587. works: b[j].content,
  14588. sName: b[j].name,
  14589. score: b[j].score,
  14590. img: b[j].img,
  14591. type: 20,
  14592. time: b[j].time,
  14593. userid: b[j].userid,
  14594. wid: b[j].id,
  14595. });
  14596. } else if (b[j].type == 2 && a[i].tool[0] == 4) {
  14597. //问卷
  14598. this.workStudent[i].push({
  14599. works: b[j].content,
  14600. sName: b[j].name,
  14601. score: b[j].score,
  14602. img: b[j].img,
  14603. type: 2,
  14604. time: b[j].time,
  14605. userid: b[j].userid,
  14606. wid: b[j].id,
  14607. });
  14608. } else if (b[j].type == 8 && a[i].tool[0] == 45) {
  14609. //选择题
  14610. this.workStudent[i].push({
  14611. works: b[j].content,
  14612. sName: b[j].name,
  14613. score: b[j].score,
  14614. img: b[j].img,
  14615. type: 8,
  14616. time: b[j].time,
  14617. userid: b[j].userid,
  14618. wid: b[j].id,
  14619. });
  14620. } else if (b[j].type == 9 && a[i].tool[0] == 47) {
  14621. //选择题
  14622. this.workStudent[i].push({
  14623. works: b[j].content,
  14624. sName: b[j].name,
  14625. score: b[j].score,
  14626. img: b[j].img,
  14627. type: 9,
  14628. time: b[j].time,
  14629. userid: b[j].userid,
  14630. wid: b[j].id,
  14631. });
  14632. } else if (b[j].type == 10 && a[i].tool[0] == 48) {
  14633. //选择题
  14634. this.workStudent[i].push({
  14635. works: b[j].content,
  14636. sName: b[j].name,
  14637. score: b[j].score,
  14638. img: b[j].img,
  14639. type: 10,
  14640. time: b[j].time,
  14641. userid: b[j].userid,
  14642. wid: b[j].id,
  14643. });
  14644. } else if (b[j].type == 13 && a[i].tool[0] == 52) {
  14645. //选择题
  14646. this.workStudent[i].push({
  14647. works: b[j].content,
  14648. sName: b[j].name,
  14649. score: b[j].score,
  14650. img: b[j].img,
  14651. type: 13,
  14652. time: b[j].time,
  14653. userid: b[j].userid,
  14654. wid: b[j].id,
  14655. });
  14656. } else if (b[j].type == 12 && a[i].tool[0] == 32) {
  14657. //选择题
  14658. this.workStudent[i].push({
  14659. works: b[j].content,
  14660. sName: b[j].name,
  14661. score: b[j].score,
  14662. img: b[j].img,
  14663. type: 12,
  14664. time: b[j].time,
  14665. userid: b[j].userid,
  14666. wid: b[j].id,
  14667. });
  14668. } else if (b[j].type == 12 && a[i].tool[0] == 57) {
  14669. //选择题
  14670. this.workStudent[i].push({
  14671. works: b[j].content,
  14672. sName: b[j].name,
  14673. score: b[j].score,
  14674. img: b[j].img,
  14675. type: 12,
  14676. time: b[j].time,
  14677. userid: b[j].userid,
  14678. wid: b[j].id,
  14679. });
  14680. } else if (b[j].type == 15 && a[i].tool[0] == 57) {
  14681. //选择题
  14682. this.workStudent[i].push({
  14683. works: b[j].content,
  14684. sName: b[j].name,
  14685. score: b[j].score,
  14686. img: b[j].img,
  14687. type: 15,
  14688. time: b[j].time,
  14689. userid: b[j].userid,
  14690. wid: b[j].id,
  14691. });
  14692. } else if (b[j].type == 16 && a[i].tool[0] == 69) {
  14693. //英语写作
  14694. this.workStudent[i].push({
  14695. works: b[j].content,
  14696. sName: b[j].name,
  14697. score: b[j].score,
  14698. img: b[j].img,
  14699. type: 16,
  14700. time: b[j].time,
  14701. userid: b[j].userid,
  14702. wid: b[j].id,
  14703. aiCode: b[j].aiCode,
  14704. teacherCode: b[j].teacherCode
  14705. });
  14706. } else if (b[j].type == 17 && a[i].tool[0] == 70) {
  14707. //英语口语
  14708. this.workStudent[i].push({
  14709. works: b[j].content,
  14710. sName: b[j].name,
  14711. score: b[j].score,
  14712. img: b[j].img,
  14713. type: 17,
  14714. time: b[j].time,
  14715. userid: b[j].userid,
  14716. wid: b[j].id,
  14717. });
  14718. } else if (b[j].type == 14 && a[i].tool[0] == 62) {
  14719. //英语口语
  14720. this.workStudent[i].push({
  14721. works: b[j].content,
  14722. sName: b[j].name,
  14723. score: b[j].score,
  14724. img: b[j].img,
  14725. type: 14,
  14726. time: b[j].time,
  14727. userid: b[j].userid,
  14728. wid: b[j].id,
  14729. });
  14730. }
  14731. }
  14732. }
  14733. }
  14734. })
  14735. .catch((err) => {
  14736. console.error(err);
  14737. });
  14738. },
  14739. openVideo(w) {
  14740. this.videoDetail = {};
  14741. this.playerOptions1.sources[0].src = w.works;
  14742. this.videoDetail = this.playerOptions1;
  14743. this.videoVisible = true;
  14744. },
  14745. isLikes(wid, uid, t, c, isLikes,sName) {
  14746. if (isLikes == false) {
  14747. let params = [
  14748. {
  14749. wid: wid,
  14750. lid: uid,
  14751. t: t,
  14752. c: c,
  14753. },
  14754. ];
  14755. this.ajax
  14756. .post(this.$store.state.api + "insertComment", params)
  14757. .then((res) => {
  14758. this.$message({
  14759. message: "点赞成功",
  14760. type: "success",
  14761. });
  14762. this.selectSWorks();
  14763. this.selectStudent();
  14764. if(this.tType==1){
  14765. this.insertMemorandum(`对<span class="variable">${sName}</span>的作业进行<span class="btn">点赞</span>`)
  14766. }
  14767. })
  14768. .catch((err) => {
  14769. this.$message.error("点赞失败");
  14770. console.error(err);
  14771. });
  14772. } else {
  14773. let params = {
  14774. wid: wid,
  14775. lid: uid,
  14776. type: t,
  14777. };
  14778. this.ajax
  14779. .get(this.$store.state.api + "deleteComment", params)
  14780. .then((res) => {
  14781. this.$message({
  14782. message: "取消点赞成功",
  14783. type: "success",
  14784. });
  14785. this.selectSWorks();
  14786. this.selectStudent();
  14787. })
  14788. .catch((err) => {
  14789. console.error(err);
  14790. });
  14791. }
  14792. },
  14793. deleteComment(wid) {
  14794. this.$confirm("确定删除此评论吗?", "提示", {
  14795. confirmButtonText: "确定",
  14796. cancelButtonText: "取消",
  14797. type: "warning",
  14798. })
  14799. .then(() => {
  14800. let params = {
  14801. id: wid,
  14802. };
  14803. this.ajax
  14804. .get(this.$store.state.api + "deleteComment2", params)
  14805. .then((res) => {
  14806. this.$message({
  14807. message: "删除评论成功",
  14808. type: "success",
  14809. });
  14810. this.selectSWorks();
  14811. this.selectStudent();
  14812. })
  14813. .catch((err) => {
  14814. console.error(err);
  14815. });
  14816. })
  14817. .catch(() => {});
  14818. },
  14819. async commentOther(w, toolIndex, wIndex, gindex, gid) {
  14820. this.commentIndexJson = {
  14821. toolIndex: toolIndex,
  14822. wIndex: wIndex,
  14823. gindex: gindex,
  14824. gid: gid,
  14825. };
  14826. this.commentDetail = [];
  14827. this.commentDialogVisible = true;
  14828. this.commentDetail = w;
  14829. if (w.works && w.type == 1) {
  14830. // this.pptImgUrl = "";
  14831. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  14832. if (
  14833. a.indexOf(
  14834. w.works
  14835. .split(".")
  14836. [w.works.split(".").length - 1].toLocaleUpperCase()
  14837. ) != -1
  14838. ) {
  14839. let _uuurl = await this.checkLink(w.works);
  14840. this.pptImgUrl =
  14841. "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
  14842. this.showPDF = false;
  14843. } else if (
  14844. w.works
  14845. .split(".")
  14846. [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
  14847. ) {
  14848. this.pptImgUrl = w.works;
  14849. this.showPDF = true;
  14850. }
  14851. } else if (w.works && w.type == 3) {
  14852. this.videoDetail = {};
  14853. this.playerOptions1.sources[0].src = w.works;
  14854. this.videoDetail = this.playerOptions1;
  14855. // this.videoVisible = true;
  14856. } else if (w.works && w.type == 4) {
  14857. this.eScore = JSON.parse(w.works);
  14858. this.rateJson =
  14859. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  14860. this.taskCount
  14861. ].toolChoose[toolIndex].rateJson;
  14862. } else if (w.works && w.type == 10) {
  14863. this.commentDetail.works = JSON.parse(this.commentDetail.works);
  14864. } else if (w.works && w.type == 13) {
  14865. this.wordJson =
  14866. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  14867. this.taskCount
  14868. ].toolChoose[toolIndex].wordJson;
  14869. }
  14870. },
  14871. async openScore(w, index) {
  14872. this.wScore = 0;
  14873. this.wScore = w.score ? JSON.parse(w.score).wScore : 0;
  14874. this.scoreDetail = w.score ? JSON.parse(w.score).detail : "";
  14875. this.commentDetail = [];
  14876. if(w.type == 17){
  14877. this.dialogVisibleENScore = true;
  14878. }else{
  14879. this.dialogVisibleScore = true;
  14880. }
  14881. this.commentDetail = w;
  14882. if (w.works && w.type == 1) {
  14883. this.pptImgUrl = "";
  14884. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  14885. if (
  14886. a.indexOf(
  14887. w.works
  14888. .split(".")
  14889. [w.works.split(".").length - 1].toLocaleUpperCase()
  14890. ) != -1
  14891. ) {
  14892. let _uuurl = await this.checkLink(w.works);
  14893. this.pptImgUrl =
  14894. "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
  14895. this.showPDF = false;
  14896. } else if (
  14897. w.works
  14898. .split(".")
  14899. [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
  14900. ) {
  14901. this.pptImgUrl = w.works;
  14902. this.showPDF = true;
  14903. }
  14904. } else if (w.works && w.type == 3) {
  14905. this.videoDetail = {};
  14906. this.playerOptions1.sources[0].src = w.works;
  14907. this.videoDetail = this.playerOptions1;
  14908. }else if(w.type == 17){
  14909. let englishVoiceJson = {}
  14910. englishVoiceJson = this.chapInfoList[this.courseType].chapterInfo[0]
  14911. .taskJson[this.taskCount].toolChoose[index].englishVoiceJson
  14912. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
  14913. .toolChoose[index].englishVoiceJson
  14914. : {};
  14915. this.englishVoiceJson = JSON.parse(JSON.stringify(englishVoiceJson));
  14916. }
  14917. this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
  14918. },
  14919. addComment(wid, uid, t,detail) {
  14920. if (this.commentText == "") {
  14921. this.$message.error("请输入评论");
  14922. return;
  14923. }
  14924. let params2 = [
  14925. {
  14926. wid: wid,
  14927. lid: uid,
  14928. t: t,
  14929. },
  14930. ];
  14931. this.ajax
  14932. .post(this.$store.state.api + "getComment", params2)
  14933. .then((res) => {
  14934. if (res.data[0].length > 0) {
  14935. this.$message.error("一个作业只能评论一条");
  14936. } else {
  14937. let params = [
  14938. {
  14939. wid: wid,
  14940. lid: uid,
  14941. t: t,
  14942. c: this.commentText,
  14943. },
  14944. ];
  14945. this.ajax
  14946. .post(this.$store.state.api + "insertComment", params)
  14947. .then((res) => {
  14948. this.$message({
  14949. message: "评论成功",
  14950. type: "success",
  14951. });
  14952. this.commentText = "";
  14953. this.selectSWorks();
  14954. this.selectStudent();
  14955. if(this.tType!=2){
  14956. this.insertMemorandum(`对<span class="variable">${detail.sName}</span>的作业进行<span class="btn">评论</span>`)
  14957. }
  14958. })
  14959. .catch((err) => {
  14960. this.$message.error("评论失败");
  14961. console.error(err);
  14962. });
  14963. }
  14964. })
  14965. .catch((err) => {
  14966. // this.$message.error("评论失败");
  14967. console.error(err);
  14968. });
  14969. },
  14970. scoreWork(wid,sName) {
  14971. if (this.wScore == 0) {
  14972. this.$message.error("请评分");
  14973. return;
  14974. }
  14975. let params = [
  14976. {
  14977. wid: wid,
  14978. score: JSON.stringify({
  14979. wScore: this.wScore,
  14980. detail: this.scoreDetail,
  14981. }),
  14982. },
  14983. ];
  14984. this.ajax
  14985. .post(this.$store.state.api + "scoreWork", params)
  14986. .then((res) => {
  14987. this.$message({
  14988. message: "评分成功",
  14989. type: "success",
  14990. });
  14991. this.wScore = 0;
  14992. this.scoreDetail = "";
  14993. this.dialogVisibleScore = false;
  14994. this.selectSWorks();
  14995. this.selectStudent();
  14996. this.insertMemorandum(`对<span class="variable">${sName}</span>的作业进行<span class="btn">评分</span>`)
  14997. })
  14998. .catch((err) => {
  14999. this.$message.error("评分失败");
  15000. console.error(err);
  15001. });
  15002. },
  15003. openXz(w, i) {
  15004. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  15005. .taskJson[this.taskCount].toolChoose[i].selectJson
  15006. ? JSON.parse(
  15007. JSON.stringify(
  15008. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  15009. this.taskCount
  15010. ].toolChoose[i].selectJson
  15011. )
  15012. )
  15013. : { url: "", select: [], answer: [] };
  15014. var a = w.works.split(",");
  15015. for (var k = 0; k < a.length; k++) {
  15016. a[k] = parseInt(a[k]);
  15017. }
  15018. this.selectAnswer = { answer: a, stu: w.sName };
  15019. this.isSelect = true;
  15020. this.dialogVisibleSelect = true;
  15021. this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
  15022. },
  15023. openSen(w, i) {
  15024. console.log("openSen")
  15025. // this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
  15026. this.sentenceList1 = JSON.parse(w.works);
  15027. this.sentenceList1.stuName = w.sName;
  15028. this.dialogVisibleSentence1 = true;
  15029. },
  15030. openPj(w, toolindex) {
  15031. console.log("openPJ")
  15032. // this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
  15033. this.isStar = true;
  15034. this.eScore = JSON.parse(w);
  15035. this.rateJson =
  15036. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  15037. this.taskCount
  15038. ].toolChoose[toolindex].rateJson;
  15039. this.studentEvalDialogVisible = true;
  15040. },
  15041. openEnglishEva(id,i){
  15042. let params = {
  15043. wid: id
  15044. };
  15045. this.ajax
  15046. .get(this.$store.state.api + "selectEngWork", params)
  15047. .then((res) => {
  15048. this.evaEngJson.message = res.data[0][0];
  15049. this.evaEngJson.studentJson = JSON.parse(res.data[0][0].content);
  15050. this.evaEngJson.teacherJson = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount]
  15051. .toolChoose[i].englishList;
  15052. this.engEvaDialogVisible = true;
  15053. })
  15054. .catch((err) => {
  15055. console.error(err);
  15056. });
  15057. },
  15058. deleteWorks(id) {
  15059. this.$confirm("确定删除此作业吗?", "提示", {
  15060. confirmButtonText: "确定",
  15061. cancelButtonText: "取消",
  15062. type: "warning",
  15063. })
  15064. .then(() => {
  15065. let params = [
  15066. {
  15067. id: id,
  15068. },
  15069. ];
  15070. this.ajax
  15071. .post(this.$store.state.api + "deleteCourseWork", params)
  15072. .then((res) => {
  15073. this.$message({
  15074. message: "删除成功",
  15075. type: "success",
  15076. });
  15077. this.selectStudent();
  15078. this.selectSWorks();
  15079. this.selectSLook();
  15080. })
  15081. .catch((err) => {
  15082. this.$message.error("网络异常");
  15083. console.error(err);
  15084. });
  15085. })
  15086. .catch(() => {});
  15087. },
  15088. selectSWorks(gindex) {
  15089. //教师查看全部作业
  15090. let params = {
  15091. cid: this.id,
  15092. s: this.courseType,
  15093. t: this.taskCount,
  15094. };
  15095. this.ajax
  15096. .get(this.$store.state.api + "selectSWorks", params)
  15097. .then((res) => {
  15098. var a =
  15099. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  15100. this.taskCount
  15101. ].toolChoose;
  15102. var b = res.data[0];
  15103. var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  15104. var y = [
  15105. "AVI",
  15106. "NAVI",
  15107. "MPEG",
  15108. "ASF",
  15109. "MOV",
  15110. "WMV",
  15111. "3GP",
  15112. "RM",
  15113. "RMVB",
  15114. "FLV",
  15115. "F4V",
  15116. "H.264",
  15117. "H.265",
  15118. "REAL VIDEO",
  15119. "MKV",
  15120. "WebM",
  15121. "HDDVD",
  15122. "MP4",
  15123. "MPG",
  15124. "M4V",
  15125. "MGV",
  15126. "OGV",
  15127. "QTM",
  15128. "STR",
  15129. "AMC",
  15130. "DVX",
  15131. "EVO",
  15132. "DAT",
  15133. "OGG",
  15134. "OGM",
  15135. ];
  15136. var d = res.data[1];
  15137. var e = res.data[2];
  15138. var f = res.data[3];
  15139. let _worksStudent = [];
  15140. var _worksStudent2 = [];
  15141. for (var i = 0; i < a.length; i++) {
  15142. _worksStudent[i] = [];
  15143. _worksStudent2[i] = [];
  15144. if (
  15145. !this.isCloseList[i] ||
  15146. this.isCloseList[i].isClose == undefined
  15147. ) {
  15148. this.isCloseList[i] = { isClose: 0 };
  15149. }
  15150. this.groupStudent[i] = [];
  15151. this.groupStudentUid[i] = [];
  15152. if (this.isGroup) {
  15153. for (
  15154. var groupI = 0;
  15155. groupI < this.courseGroup.group.length;
  15156. groupI++
  15157. ) {
  15158. this.courseGroup.group[groupI].works[i] = [];
  15159. }
  15160. }
  15161. this.isWorksS[i] = [];
  15162. this.checkJson[i] = [];
  15163. if (a[i].tool[0] == 49) {
  15164. for (var gA = 0; gA < a[i].groupJson.group.length; gA++) {
  15165. this.groupStudent[i][gA] = [];
  15166. this.groupStudentUid[i][gA] = [];
  15167. _worksStudent[i][gA] = [];
  15168. _worksStudent2[i][gA] = [];
  15169. this.isCloseList[i][gA] = [];
  15170. // debugger
  15171. for (var g = 0; g < f.length; g++) {
  15172. if (
  15173. f[g].ttype == 2 &&
  15174. this.tcid &&
  15175. this.arrayToArray(
  15176. (f[g].classid ? f[g].classid.split(",") : []),
  15177. this.tcid.split(",")
  15178. ).length == 0
  15179. ) {
  15180. continue;
  15181. }
  15182. let _classId = this.arrayToArray(
  15183. this.courseDetail.juri ? this.courseDetail.juri.split(",") : [],
  15184. this.classId ? this.classId.split(",") : []
  15185. )
  15186. if (gA == f[g].group && f[g].tool == i && (this.arrayToArray(
  15187. (f[g].classid ? f[g].classid.split(",") : []),
  15188. this.tcid.split(",")
  15189. ).length !== 0 || this.arrayToArray(
  15190. (f[g].classid ? f[g].classid.split(",") : []),
  15191. _classId
  15192. ).length !== 0 || (!this.tcid && this.tType == '1') || (this.courseDetail.juri === '') || f[g].ttype == 1)) {
  15193. this.groupStudent[i][gA].push(f[g]);
  15194. this.groupStudentUid[i][gA].push(f[g].userid);
  15195. }
  15196. }
  15197. }
  15198. this.$forceUpdate();
  15199. }
  15200. for (var j = 0; j < b.length; j++) {
  15201. if (
  15202. b[j].ttype == 2 &&
  15203. this.tcid &&
  15204. this.arrayToArray(b[j].classid.split(","), this.tcid.split(","))
  15205. .length == 0
  15206. ) {
  15207. continue;
  15208. }
  15209. var likesCount = 0;
  15210. var commentCount = 0;
  15211. var isLikes = false;
  15212. var commentJson = [];
  15213. var likeJson = [];
  15214. var data = b[j];
  15215. if (i == b[j].tool) {
  15216. if (data.type == 2 && a[i].tool[0] == 4) {
  15217. // if(JSON.parse(data.content)[0].anwer){
  15218. var checkL =
  15219. JSON.parse(data.content)[0].anwer instanceof Array
  15220. ? JSON.parse(data.content)[0].anwer
  15221. : JSON.parse(data.content)[0].anwer.split(",");
  15222. for (var z = 0; z < checkL.length; z++) {
  15223. if (!this.checkJson[i][z]) {
  15224. this.checkJson[i].push({
  15225. checkCount: [],
  15226. checkPerson: [],
  15227. rightPerson: [],
  15228. });
  15229. }
  15230. if (!this.checkJson[i][z].checkCount.length) {
  15231. this.checkJson[i][z].checkCount = [];
  15232. let _askItemCount = JSON.parse(data.content)[0].askJson
  15233. .askJson[z].askItem;
  15234. for (var aic = 0; aic < _askItemCount; aic++) {
  15235. this.checkJson[i][z].checkCount.push(0);
  15236. }
  15237. }
  15238. if (checkL[z] instanceof Array) {
  15239. if (
  15240. JSON.parse(data.content)[0].anwer.sort().join(",") ==
  15241. checkL[z].sort().join(",")
  15242. ) {
  15243. this.checkJson[i][z].rightPerson.push(data.name);
  15244. }
  15245. for (var q = 0; q < checkL[z].length; q++) {
  15246. this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
  15247. ? this.checkJson[i][z].checkPerson[
  15248. parseInt(checkL[z][q])
  15249. ].push(data.name)
  15250. : (this.checkJson[i][z].checkPerson[
  15251. parseInt(checkL[z][q])
  15252. ] = [data.name]);
  15253. this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
  15254. ? this.checkJson[i][z].checkCount[
  15255. parseInt(checkL[z][q])
  15256. ]++
  15257. : (this.checkJson[i][z].checkCount[
  15258. parseInt(checkL[z][q])
  15259. ] = 1);
  15260. }
  15261. } else {
  15262. if (JSON.parse(data.content)[0].anwer[z] == checkL[z]) {
  15263. this.checkJson[i][z].rightPerson.push(data.name);
  15264. }
  15265. if (parseInt(checkL[z]) || parseInt(checkL[z]) == 0) {
  15266. this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
  15267. ? this.checkJson[i][z].checkPerson[
  15268. parseInt(checkL[z])
  15269. ].push(data.name)
  15270. : (this.checkJson[i][z].checkPerson[
  15271. parseInt(checkL[z])
  15272. ] = [data.name]);
  15273. this.checkJson[i][z].checkCount[parseInt(checkL[z])]
  15274. ? this.checkJson[i][z].checkCount[
  15275. parseInt(checkL[z])
  15276. ]++
  15277. : (this.checkJson[i][z].checkCount[
  15278. parseInt(checkL[z])
  15279. ] = 1);
  15280. }
  15281. }
  15282. }
  15283. } else if (data.type == 8 && a[i].tool[0] == 45) {
  15284. var checkL = JSON.parse(data.content)[0].anwer;
  15285. for (var z = 0; z < checkL.length; z++) {
  15286. if (!this.checkJson[i][z]) {
  15287. this.checkJson[i].push({
  15288. checkCount: [],
  15289. checkPerson: [],
  15290. rightPerson: [],
  15291. });
  15292. }
  15293. if (!this.checkJson[i][z].checkCount.length) {
  15294. this.checkJson[i][z].checkCount = [];
  15295. let _askItemCount = JSON.parse(data.content)[0].testJson
  15296. .testJson[z].testItem;
  15297. for (var aic = 0; aic < _askItemCount; aic++) {
  15298. this.checkJson[i][z].checkCount.push(0);
  15299. }
  15300. }
  15301. if (checkL[z] instanceof Array) {
  15302. if (
  15303. JSON.parse(data.content)[0]
  15304. .testJson.testJson[z].answer.sort()
  15305. .join(",") == checkL[z].sort().join(",")
  15306. ) {
  15307. this.checkJson[i][z].rightPerson.push(data.name);
  15308. }
  15309. for (var q = 0; q < checkL[z].length; q++) {
  15310. this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
  15311. ? this.checkJson[i][z].checkPerson[
  15312. parseInt(checkL[z][q])
  15313. ].push(data.name)
  15314. : (this.checkJson[i][z].checkPerson[
  15315. parseInt(checkL[z][q])
  15316. ] = [data.name]);
  15317. this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
  15318. ? this.checkJson[i][z].checkCount[
  15319. parseInt(checkL[z][q])
  15320. ]++
  15321. : (this.checkJson[i][z].checkCount[
  15322. parseInt(checkL[z][q])
  15323. ] = 1);
  15324. }
  15325. } else {
  15326. if (
  15327. JSON.parse(data.content)[0].testJson.testJson[z]
  15328. .answer == checkL[z]
  15329. ) {
  15330. this.checkJson[i][z].rightPerson.push(data.name);
  15331. }
  15332. if (parseInt(checkL[z]) || parseInt(checkL[z]) == 0) {
  15333. this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
  15334. ? this.checkJson[i][z].checkPerson[
  15335. parseInt(checkL[z])
  15336. ].push(data.name)
  15337. : (this.checkJson[i][z].checkPerson[
  15338. parseInt(checkL[z])
  15339. ] = [data.name]);
  15340. this.checkJson[i][z].checkCount[parseInt(checkL[z])]
  15341. ? this.checkJson[i][z].checkCount[
  15342. parseInt(checkL[z])
  15343. ]++
  15344. : (this.checkJson[i][z].checkCount[
  15345. parseInt(checkL[z])
  15346. ] = 1);
  15347. }
  15348. }
  15349. }
  15350. } else if (data.type == 9 && a[i].tool[0] == 47) {
  15351. var checkL = JSON.parse(data.content);
  15352. for (var z = 0; z < checkL.length; z++) {
  15353. if (!this.checkJson[i][z]) {
  15354. this.checkJson[i].push({
  15355. checkCount: [],
  15356. checkPerson: [],
  15357. rightPerson: [],
  15358. });
  15359. }
  15360. this.checkJson[i][z].checkPerson.push(data.name);
  15361. if (
  15362. checkL[z].chooseSenList.toString() ==
  15363. checkL[z].rightAnswer.toString()
  15364. ) {
  15365. this.checkJson[i][z].rightPerson.push(data.name);
  15366. }
  15367. }
  15368. }
  15369. for (var k = 0; k < d.length; k++) {
  15370. //点赞
  15371. if (d[k].workId == b[j].id) {
  15372. likesCount++;
  15373. likeJson.push(d[k])
  15374. if (d[k].likesId == this.userid) {
  15375. isLikes = true;
  15376. }
  15377. }
  15378. }
  15379. for (var l = 0; l < e.length; l++) {
  15380. //评论
  15381. if (e[l].workId == b[j].id) {
  15382. if (e[l].comment != "") {
  15383. commentCount++;
  15384. commentJson.push({
  15385. commentText: e[l].comment,
  15386. commentTime: e[l].commentTime,
  15387. commentPeople: e[l].commentPeople,
  15388. userid: e[l].userid,
  15389. wid: e[l].id,
  15390. });
  15391. }
  15392. }
  15393. }
  15394. if (
  15395. (b[j].type == 1 ||
  15396. b[j].type == 4 ||
  15397. b[j].type == 5 ||
  15398. b[j].type == 6 ||
  15399. b[j].type == 12 ||
  15400. b[j].type == 7) &&
  15401. a[i].tool[0] != 15 &&
  15402. a[i].tool[0] != 4 &&
  15403. a[i].tool[0] != 45 &&
  15404. a[i].tool[0] != 50 &&
  15405. a[i].tool[0] != 32 &&
  15406. a[i].tool[0] != 57 &&
  15407. a[i].tool[0] != 52
  15408. ) {
  15409. if (
  15410. c.indexOf(
  15411. b[j].content
  15412. .split(".")
  15413. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  15414. ) != -1 &&
  15415. a[i].tool[0] == 16 &&
  15416. b[j].atool != 50
  15417. ) {
  15418. let _works = {
  15419. userid: b[j].userid,
  15420. ateacher: b[j].ateacher,
  15421. wid: b[j].id,
  15422. works: b[j].content,
  15423. sName: b[j].name,
  15424. type: 1,
  15425. ttype:b[j].ttype,
  15426. time: b[j].time,
  15427. score: b[j].score,
  15428. img: b[j].img,
  15429. likesCount: likesCount,
  15430. commentCount: commentCount,
  15431. isLikes: isLikes,
  15432. commentJson: commentJson,
  15433. likeJson:likeJson
  15434. };
  15435. if (this.isGroup) {
  15436. let isGw = 1;
  15437. for (
  15438. var groupI = 0;
  15439. groupI < this.courseGroup.group.length;
  15440. groupI++
  15441. ) {
  15442. let gid = this.courseGroup.group[groupI].id;
  15443. if (
  15444. this.courseGroupStudentUid[gid].indexOf(
  15445. b[j].userid
  15446. ) != -1
  15447. ) {
  15448. isGw = 2;
  15449. this.courseGroup.group[groupI].works[i].push(_works);
  15450. break;
  15451. }
  15452. }
  15453. if (isGw == 1) {
  15454. _worksStudent[i].push(_works);
  15455. }
  15456. } else {
  15457. _worksStudent[i].push(_works);
  15458. }
  15459. _worksStudent2[i].push(_works);
  15460. this.isWorksS[i].push({
  15461. uid: b[j].userid,
  15462. sName: b[j].name,
  15463. });
  15464. } else if (
  15465. y.indexOf(
  15466. b[j].content
  15467. .split(".")
  15468. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  15469. ) != -1 &&
  15470. a[i].tool[0] == 16 &&
  15471. b[j].atool != 50
  15472. ) {
  15473. let _works = {
  15474. userid: b[j].userid,
  15475. ateacher: b[j].ateacher,
  15476. wid: b[j].id,
  15477. works: b[j].content,
  15478. sName: b[j].name,
  15479. type: 3,
  15480. ttype:b[j].ttype,
  15481. time: b[j].time,
  15482. score: b[j].score,
  15483. img: b[j].img,
  15484. likesCount: likesCount,
  15485. commentCount: commentCount,
  15486. isLikes: isLikes,
  15487. commentJson: commentJson,
  15488. likeJson:likeJson
  15489. };
  15490. if (this.isGroup) {
  15491. let isGw = 1;
  15492. for (
  15493. var groupI = 0;
  15494. groupI < this.courseGroup.group.length;
  15495. groupI++
  15496. ) {
  15497. let gid = this.courseGroup.group[groupI].id;
  15498. if (
  15499. this.courseGroupStudentUid[gid].indexOf(
  15500. b[j].userid
  15501. ) != -1
  15502. ) {
  15503. isGw = 2;
  15504. this.courseGroup.group[groupI].works[i].push(_works);
  15505. break;
  15506. }
  15507. }
  15508. if (isGw == 1) {
  15509. _worksStudent[i].push(_works);
  15510. }
  15511. } else {
  15512. _worksStudent[i].push(_works);
  15513. }
  15514. _worksStudent2[i].push(_works);
  15515. this.isWorksS[i].push({
  15516. uid: b[j].userid,
  15517. sName: b[j].name,
  15518. });
  15519. } else if (b[j].type == 6 && b[j].atool != 50) {
  15520. let _works = {
  15521. userid: b[j].userid,
  15522. ateacher: b[j].ateacher,
  15523. wid: b[j].id,
  15524. works: b[j].content,
  15525. sName: b[j].name,
  15526. type: 4,
  15527. ttype:b[j].ttype,
  15528. time: b[j].time,
  15529. score: b[j].score,
  15530. img: b[j].img,
  15531. likesCount: likesCount,
  15532. commentCount: commentCount,
  15533. isLikes: isLikes,
  15534. commentJson: commentJson,
  15535. likeJson:likeJson
  15536. };
  15537. _worksStudent[i].push(_works);
  15538. _worksStudent2[i].push(_works);
  15539. this.isWorksS[i].push({
  15540. uid: b[j].userid,
  15541. sName: b[j].name,
  15542. });
  15543. } else if (b[j].type == 7 && b[j].atool != 50) {
  15544. let _work = {
  15545. userid: b[j].userid,
  15546. ateacher: b[j].ateacher,
  15547. wid: b[j].id,
  15548. works: b[j].content,
  15549. sName: b[j].name,
  15550. type: 5,
  15551. ttype:b[j].ttype,
  15552. time: b[j].time,
  15553. score: b[j].score,
  15554. img: b[j].img,
  15555. likesCount: likesCount,
  15556. commentCount: commentCount,
  15557. isLikes: isLikes,
  15558. commentJson: commentJson,
  15559. likeJson:likeJson
  15560. };
  15561. _worksStudent[i].push(_work);
  15562. _worksStudent2[i].push(_work);
  15563. this.isWorksS[i].push({
  15564. uid: b[j].userid,
  15565. sName: b[j].name,
  15566. });
  15567. } else if (b[j].type == 12 && a[i].tool[0] == b[j].atool) {
  15568. let _works = {
  15569. userid: b[j].userid,
  15570. ateacher: b[j].ateacher,
  15571. wid: b[j].id,
  15572. works: b[j].content,
  15573. sName: b[j].name,
  15574. type: 12,
  15575. ttype:b[j].ttype,
  15576. time: b[j].time,
  15577. score: b[j].score,
  15578. img: b[j].img,
  15579. likesCount: likesCount,
  15580. commentCount: commentCount,
  15581. isLikes: isLikes,
  15582. commentJson: commentJson,
  15583. likeJson:likeJson
  15584. };
  15585. if (this.isGroup) {
  15586. let isGw = 1;
  15587. for (
  15588. var groupI = 0;
  15589. groupI < this.courseGroup.group.length;
  15590. groupI++
  15591. ) {
  15592. let gid = this.courseGroup.group[groupI].id;
  15593. if (
  15594. this.courseGroupStudentUid[gid].indexOf(
  15595. b[j].userid
  15596. ) != -1
  15597. ) {
  15598. isGw = 2;
  15599. this.courseGroup.group[groupI].works[i].push(_works);
  15600. break;
  15601. }
  15602. }
  15603. if (isGw == 1) {
  15604. _worksStudent[i].push(_works);
  15605. }
  15606. } else {
  15607. _worksStudent[i].push(_works);
  15608. }
  15609. _worksStudent2[i].push(_works);
  15610. this.isWorksS[i].push({
  15611. uid: b[j].userid,
  15612. sName: b[j].name,
  15613. });
  15614. } else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
  15615. let _works = {
  15616. userid: b[j].userid,
  15617. ateacher: b[j].ateacher,
  15618. wid: b[j].id,
  15619. works: b[j].content,
  15620. sName: b[j].name,
  15621. type: 0,
  15622. ttype:b[j].ttype,
  15623. time: b[j].time,
  15624. score: b[j].score,
  15625. img: b[j].img,
  15626. likesCount: likesCount,
  15627. commentCount: commentCount,
  15628. isLikes: isLikes,
  15629. commentJson: commentJson,
  15630. likeJson:likeJson
  15631. };
  15632. if (this.isGroup) {
  15633. let isGw = 1;
  15634. for (
  15635. var groupI = 0;
  15636. groupI < this.courseGroup.group.length;
  15637. groupI++
  15638. ) {
  15639. let gid = this.courseGroup.group[groupI].id;
  15640. if (
  15641. this.courseGroupStudentUid[gid].indexOf(
  15642. b[j].userid
  15643. ) != -1
  15644. ) {
  15645. isGw = 2;
  15646. this.courseGroup.group[groupI].works[i].push(_works);
  15647. break;
  15648. }
  15649. }
  15650. if (isGw == 1) {
  15651. _worksStudent[i].push(_works);
  15652. }
  15653. } else {
  15654. _worksStudent[i].push(_works);
  15655. }
  15656. _worksStudent2[i].push(_works);
  15657. this.isWorksS[i].push({
  15658. uid: b[j].userid,
  15659. sName: b[j].name,
  15660. });
  15661. } else if (b[j].type == 1 && !parseInt(b[j].atool)) {
  15662. let _works = {
  15663. userid: b[j].userid,
  15664. ateacher: b[j].ateacher,
  15665. wid: b[j].id,
  15666. works: b[j].content,
  15667. sName: b[j].name,
  15668. type: 0,
  15669. ttype:b[j].ttype,
  15670. time: b[j].time,
  15671. score: b[j].score,
  15672. img: b[j].img,
  15673. likesCount: likesCount,
  15674. commentCount: commentCount,
  15675. isLikes: isLikes,
  15676. commentJson: commentJson,
  15677. likeJson:likeJson
  15678. };
  15679. if (this.isGroup) {
  15680. let isGw = 1;
  15681. for (
  15682. var groupI = 0;
  15683. groupI < this.courseGroup.group.length;
  15684. groupI++
  15685. ) {
  15686. let gid = this.courseGroup.group[groupI].id;
  15687. if (
  15688. this.courseGroupStudentUid[gid].indexOf(
  15689. b[j].userid
  15690. ) != -1
  15691. ) {
  15692. isGw = 2;
  15693. this.courseGroup.group[groupI].works[i].push(_works);
  15694. break;
  15695. }
  15696. }
  15697. if (isGw == 1) {
  15698. _worksStudent[i].push(_works);
  15699. }
  15700. } else {
  15701. _worksStudent[i].push(_works);
  15702. }
  15703. _worksStudent2[i].push(_works);
  15704. this.isWorksS[i].push({
  15705. uid: b[j].userid,
  15706. sName: b[j].name,
  15707. });
  15708. }
  15709. } else if (b[j].type == 3 && a[i].tool[0] == 15) {
  15710. let _works = {
  15711. userid: b[j].userid,
  15712. ateacher: b[j].ateacher,
  15713. wid: b[j].id,
  15714. works: b[j].content,
  15715. sName: b[j].name,
  15716. type: 2,
  15717. ttype:b[j].ttype,
  15718. time: b[j].time,
  15719. score: b[j].score,
  15720. img: b[j].img,
  15721. likesCount: likesCount,
  15722. commentCount: commentCount,
  15723. isLikes: isLikes,
  15724. commentJson: commentJson,
  15725. likeJson:likeJson
  15726. };
  15727. if (this.isGroup) {
  15728. let isGw = 1;
  15729. for (
  15730. var groupI = 0;
  15731. groupI < this.courseGroup.group.length;
  15732. groupI++
  15733. ) {
  15734. let gid = this.courseGroup.group[groupI].id;
  15735. if (
  15736. this.courseGroupStudentUid[gid].indexOf(b[j].userid) !=
  15737. -1
  15738. ) {
  15739. isGw = 2;
  15740. this.courseGroup.group[groupI].works[i].push(_works);
  15741. break;
  15742. }
  15743. }
  15744. if (isGw == 1) {
  15745. _worksStudent[i].push(_works);
  15746. }
  15747. } else {
  15748. _worksStudent[i].push(_works);
  15749. }
  15750. _worksStudent2[i].push(_works);
  15751. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15752. } else if (b[j].type == 20 && a[i].tool[0] == 72) {
  15753. let _works = {
  15754. userid: b[j].userid,
  15755. ateacher: b[j].ateacher,
  15756. wid: b[j].id,
  15757. works: b[j].content,
  15758. sName: b[j].name,
  15759. type: 20,
  15760. ttype:b[j].ttype,
  15761. time: b[j].time,
  15762. score: b[j].score,
  15763. img: b[j].img,
  15764. likesCount: likesCount,
  15765. commentCount: commentCount,
  15766. isLikes: isLikes,
  15767. commentJson: commentJson,
  15768. likeJson:likeJson
  15769. };
  15770. if (this.isGroup) {
  15771. let isGw = 1;
  15772. for (
  15773. var groupI = 0;
  15774. groupI < this.courseGroup.group.length;
  15775. groupI++
  15776. ) {
  15777. let gid = this.courseGroup.group[groupI].id;
  15778. if (
  15779. this.courseGroupStudentUid[gid].indexOf(b[j].userid) !=
  15780. -1
  15781. ) {
  15782. isGw = 2;
  15783. this.courseGroup.group[groupI].works[i].push(_works);
  15784. break;
  15785. }
  15786. }
  15787. if (isGw == 1) {
  15788. _worksStudent[i].push(_works);
  15789. }
  15790. } else {
  15791. _worksStudent[i].push(_works);
  15792. }
  15793. _worksStudent2[i].push(_works);
  15794. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15795. } else if (b[j].type == 2 && a[i].tool[0] == 4) {
  15796. //问卷
  15797. let _work = {
  15798. userid: b[j].userid,
  15799. ateacher: b[j].ateacher,
  15800. wid: b[j].id,
  15801. works: b[j].content,
  15802. sName: b[j].name,
  15803. type: 2,
  15804. ttype:b[j].ttype,
  15805. time: b[j].time,
  15806. score: b[j].score,
  15807. img: b[j].img,
  15808. likesCount: likesCount,
  15809. commentCount: commentCount,
  15810. isLikes: isLikes,
  15811. commentJson: commentJson,
  15812. likeJson:likeJson
  15813. };
  15814. _worksStudent[i].push(_work);
  15815. _worksStudent2[i].push(_work);
  15816. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15817. } else if (b[j].type == 8 && a[i].tool[0] == 45) {
  15818. //选择题
  15819. let _work = {
  15820. userid: b[j].userid,
  15821. ateacher: b[j].ateacher,
  15822. wid: b[j].id,
  15823. works: b[j].content,
  15824. sName: b[j].name,
  15825. type: 8,
  15826. ttype:b[j].ttype,
  15827. time: b[j].time,
  15828. score: b[j].score,
  15829. img: b[j].img,
  15830. likesCount: likesCount,
  15831. commentCount: commentCount,
  15832. isLikes: isLikes,
  15833. commentJson: commentJson,
  15834. likeJson:likeJson
  15835. };
  15836. _worksStudent[i].push(_work);
  15837. _worksStudent2[i].push(_work);
  15838. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15839. } else if (b[j].type == 9 && a[i].tool[0] == 47) {
  15840. //选择题
  15841. let _work = {
  15842. userid: b[j].userid,
  15843. ateacher: b[j].ateacher,
  15844. wid: b[j].id,
  15845. works: b[j].content,
  15846. sName: b[j].name,
  15847. type: 9,
  15848. ttype:b[j].ttype,
  15849. time: b[j].time,
  15850. score: b[j].score,
  15851. img: b[j].img,
  15852. likesCount: likesCount,
  15853. commentCount: commentCount,
  15854. isLikes: isLikes,
  15855. commentJson: commentJson,
  15856. likeJson:likeJson
  15857. };
  15858. _worksStudent[i].push(_work);
  15859. _worksStudent2[i].push(_work);
  15860. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15861. } else if (b[j].type == 10 && a[i].tool[0] == 48) {
  15862. //选择题
  15863. let _work = {
  15864. userid: b[j].userid,
  15865. ateacher: b[j].ateacher,
  15866. wid: b[j].id,
  15867. works: b[j].content,
  15868. sName: b[j].name,
  15869. type: 10,
  15870. ttype:b[j].ttype,
  15871. time: b[j].time,
  15872. score: b[j].score,
  15873. img: b[j].img,
  15874. likesCount: likesCount,
  15875. commentCount: commentCount,
  15876. isLikes: isLikes,
  15877. commentJson: commentJson,
  15878. likeJson:likeJson
  15879. };
  15880. _worksStudent[i].push(_work);
  15881. _worksStudent2[i].push(_work);
  15882. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15883. } else if (b[j].type == 13 && a[i].tool[0] == 52) {
  15884. //选择题
  15885. let _work = {
  15886. userid: b[j].userid,
  15887. ateacher: b[j].ateacher,
  15888. wid: b[j].id,
  15889. works: b[j].content,
  15890. sName: b[j].name,
  15891. type: 13,
  15892. ttype:b[j].ttype,
  15893. time: b[j].time,
  15894. score: b[j].score,
  15895. img: b[j].img,
  15896. likesCount: likesCount,
  15897. commentCount: commentCount,
  15898. isLikes: isLikes,
  15899. commentJson: commentJson,
  15900. likeJson:likeJson
  15901. };
  15902. _worksStudent[i].push(_work);
  15903. _worksStudent2[i].push(_work);
  15904. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15905. } else if (b[j].type == 16 && a[i].tool[0] == 69) {
  15906. //选择题
  15907. let _work = {
  15908. userid: b[j].userid,
  15909. ateacher: b[j].ateacher,
  15910. wid: b[j].id,
  15911. works: b[j].content,
  15912. sName: b[j].name,
  15913. type: 16,
  15914. ttype:b[j].ttype,
  15915. time: b[j].time,
  15916. score: b[j].score,
  15917. img: b[j].img,
  15918. likesCount: likesCount,
  15919. commentCount: commentCount,
  15920. isLikes: isLikes,
  15921. commentJson: commentJson,
  15922. aiCode: b[j].aiCode,
  15923. teacherCode: b[j].teacherCode,
  15924. likeJson:likeJson
  15925. };
  15926. _worksStudent[i].push(_work);
  15927. _worksStudent2[i].push(_work);
  15928. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15929. } else if (b[j].type == 17 && a[i].tool[0] == 70) {
  15930. //英语口语
  15931. let _work = {
  15932. userid: b[j].userid,
  15933. ateacher: b[j].ateacher,
  15934. wid: b[j].id,
  15935. works: b[j].content,
  15936. sName: b[j].name,
  15937. type: 17,
  15938. ttype:b[j].ttype,
  15939. time: b[j].time,
  15940. score: b[j].score,
  15941. img: b[j].img,
  15942. likesCount: likesCount,
  15943. commentCount: commentCount,
  15944. isLikes: isLikes,
  15945. commentJson: commentJson,
  15946. likeJson:likeJson
  15947. };
  15948. _worksStudent[i].push(_work);
  15949. _worksStudent2[i].push(_work);
  15950. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15951. } else if (b[j].type == 14 && a[i].tool[0] == 62) {
  15952. //交互视频
  15953. let _work = {
  15954. userid: b[j].userid,
  15955. ateacher: b[j].ateacher,
  15956. wid: b[j].id,
  15957. works: b[j].content,
  15958. sName: b[j].name,
  15959. type: 14,
  15960. ttype:b[j].ttype,
  15961. time: b[j].time,
  15962. score: b[j].score,
  15963. img: b[j].img,
  15964. likesCount: likesCount,
  15965. commentCount: commentCount,
  15966. isLikes: isLikes,
  15967. commentJson: commentJson,
  15968. likeJson:likeJson
  15969. };
  15970. _worksStudent[i].push(_work);
  15971. _worksStudent2[i].push(_work);
  15972. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  15973. } else if (b[j].type == 11 && a[i].tool[0] == 49) {
  15974. let _gindex = JSON.parse(b[j].content);
  15975. if (
  15976. this.groupStudentUid[i][_gindex.groupIndex].indexOf(
  15977. b[j].userid
  15978. ) != -1
  15979. ) {
  15980. let _work = {
  15981. userid: b[j].userid,
  15982. ateacher: b[j].ateacher,
  15983. wid: b[j].id,
  15984. works: _gindex.url,
  15985. sName: b[j].name,
  15986. type: _gindex.type,
  15987. ttype:b[j].ttype,
  15988. time: b[j].time,
  15989. score: b[j].score,
  15990. img: b[j].img,
  15991. likesCount: likesCount,
  15992. commentCount: commentCount,
  15993. isLikes: isLikes,
  15994. commentJson: commentJson,
  15995. likeJson:likeJson
  15996. };
  15997. _worksStudent[i][_gindex.groupIndex].push(_work);
  15998. _worksStudent2[i][_gindex.groupIndex].push(_work);
  15999. }
  16000. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  16001. } else if (a[i].tool[0] == 50 && b[j].atool == 50) {
  16002. let _work = {
  16003. userid: b[j].userid,
  16004. ateacher: b[j].ateacher,
  16005. wid: b[j].id,
  16006. works: b[j].content,
  16007. sName: b[j].name ? b[j].name : b[j].userid,
  16008. type: b[j].type == 1 ? 0 : b[j].type == 4 ? 1 : 3,
  16009. ttype:b[j].ttype,
  16010. time: b[j].time,
  16011. score: b[j].score,
  16012. img: b[j].img,
  16013. likesCount: likesCount,
  16014. commentCount: commentCount,
  16015. isLikes: isLikes,
  16016. commentJson: commentJson,
  16017. likeJson:likeJson
  16018. };
  16019. _worksStudent[i].push(_work);
  16020. _worksStudent2[i].push(_work);
  16021. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  16022. } else if (a[i].tool[0] == 32 && b[j].atool == 32) {
  16023. let _work = {
  16024. userid: b[j].userid,
  16025. ateacher: b[j].ateacher,
  16026. wid: b[j].id,
  16027. works: b[j].content,
  16028. sName: b[j].name ? b[j].name : b[j].userid,
  16029. type: 12,
  16030. ttype:b[j].ttype,
  16031. time: b[j].time,
  16032. score: b[j].score,
  16033. img: b[j].img,
  16034. likesCount: likesCount,
  16035. commentCount: commentCount,
  16036. isLikes: isLikes,
  16037. commentJson: commentJson,
  16038. likeJson:likeJson
  16039. };
  16040. _worksStudent[i].push(_work);
  16041. _worksStudent2[i].push(_work);
  16042. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  16043. } else if (
  16044. a[i].tool[0] == 57 &&
  16045. b[j].atool == 57 &&
  16046. b[j].type == 12
  16047. ) {
  16048. let _work = {
  16049. userid: b[j].userid,
  16050. ateacher: b[j].ateacher,
  16051. wid: b[j].id,
  16052. works: b[j].content,
  16053. sName: b[j].name ? b[j].name : b[j].userid,
  16054. type: 12,
  16055. ttype:b[j].ttype,
  16056. time: b[j].time,
  16057. score: b[j].score,
  16058. img: b[j].img,
  16059. likesCount: likesCount,
  16060. commentCount: commentCount,
  16061. isLikes: isLikes,
  16062. commentJson: commentJson,
  16063. likeJson:likeJson
  16064. };
  16065. _worksStudent[i].push(_work);
  16066. _worksStudent2[i].push(_work);
  16067. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  16068. } else if (
  16069. a[i].tool[0] == 57 &&
  16070. b[j].atool == 57 &&
  16071. b[j].type == 15
  16072. ) {
  16073. let _work = {
  16074. userid: b[j].userid,
  16075. ateacher: b[j].ateacher,
  16076. wid: b[j].id,
  16077. works: b[j].content,
  16078. sName: b[j].name ? b[j].name : b[j].userid,
  16079. type: 15,
  16080. ttype:b[j].ttype,
  16081. time: b[j].time,
  16082. score: b[j].score,
  16083. img: b[j].img,
  16084. likesCount: likesCount,
  16085. commentCount: commentCount,
  16086. isLikes: isLikes,
  16087. commentJson: commentJson,
  16088. likeJson:likeJson
  16089. };
  16090. _worksStudent[i].push(_work);
  16091. _worksStudent2[i].push(_work);
  16092. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  16093. }
  16094. }
  16095. }
  16096. if (_worksStudent[i] && _worksStudent[i].length) {
  16097. _worksStudent[i] = _worksStudent[i].sort(function (a, b) {
  16098. let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
  16099. let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
  16100. var scoreA = parseFloat(jscoreA);
  16101. var scoreB = parseFloat(jscoreB);
  16102. if (scoreA == scoreB) {
  16103. return b.likesCount - a.likesCount;
  16104. }
  16105. return scoreB - scoreA;
  16106. });
  16107. if (this.isGroup) {
  16108. for (
  16109. var groupI = 0;
  16110. groupI < this.courseGroup.group.length;
  16111. groupI++
  16112. ) {
  16113. this.courseGroup.group[groupI].works[i] =
  16114. this.courseGroup.group[groupI].works[i].sort(function (
  16115. a,
  16116. b
  16117. ) {
  16118. let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
  16119. let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
  16120. var scoreA = parseFloat(jscoreA);
  16121. var scoreB = parseFloat(jscoreB);
  16122. if (scoreA == scoreB) {
  16123. return b.likesCount - a.likesCount;
  16124. }
  16125. return scoreB - scoreA;
  16126. });
  16127. }
  16128. }
  16129. }
  16130. }
  16131. this.timeWorkList = _worksStudent2;
  16132. for (var i = 0; i < a.length; i++) {
  16133. for (var j = 0; j < b.length; j++) {
  16134. var data = b[j];
  16135. if (i == b[j].tool) {
  16136. if (data.type == 2 || data.type == 8) {
  16137. for (var z = 0; z < this.checkJson[i].length; z++) {
  16138. this.checkJson[i][z].checkPerent = [];
  16139. this.checkJson[i][z].right = Math.round(
  16140. (this.checkJson[i][z].rightPerson.length /
  16141. parseInt(_worksStudent[i].length)) *
  16142. 100
  16143. );
  16144. let aaaa = this.checkJson[i][z];
  16145. for (
  16146. var k = 0;
  16147. k < this.checkJson[i][z].checkCount.length;
  16148. k++
  16149. ) {
  16150. this.checkJson[i][z].checkPerent.push(
  16151. Math.round(
  16152. (this.checkJson[i][z].checkCount[k] /
  16153. parseInt(_worksStudent[i].length)) *
  16154. 100
  16155. )
  16156. );
  16157. }
  16158. }
  16159. } else if (data.type == 9) {
  16160. for (var z = 0; z < this.checkJson[i].length; z++) {
  16161. this.checkJson[i][z].checkPerent = [];
  16162. this.checkJson[i][z].right = Math.round(
  16163. (this.checkJson[i][z].rightPerson.length /
  16164. this.checkJson[i][z].checkPerson.length) *
  16165. 100
  16166. );
  16167. }
  16168. }
  16169. }
  16170. }
  16171. }
  16172. if (this.dialogVisibleGroup && (gindex || gindex === 0)) {
  16173. this.joinGroup(gindex);
  16174. }
  16175. this.worksStudent = _worksStudent;
  16176. this.selectWorksStudent();
  16177. for (let ci = 0; ci < this.isCloseList.length; ci++) {
  16178. this.$nextTick(()=>{
  16179. setTimeout(()=>{
  16180. setTimeout(()=>{
  16181. this.panToolHeight('tool-'+ci);
  16182. }, 500)
  16183. }, 0)
  16184. })
  16185. }
  16186. })
  16187. .catch((err) => {
  16188. console.error(err);
  16189. });
  16190. },
  16191. pngToWhiteBg(file) {
  16192. const _file = file;
  16193. let read = new FileReader();
  16194. read.readAsDataURL(file); // 文件转base64
  16195. return new Promise((resolve, reject) => {
  16196. read.onload = (e) => {
  16197. let img = new Image();
  16198. img.src = e.target.result;
  16199. img.onload = async () => {
  16200. // 生成canvas
  16201. let canvas = document.createElement("canvas");
  16202. let context = canvas.getContext("2d");
  16203. // 绘制图片到canvas上
  16204. canvas.width = img.width;
  16205. canvas.height = img.height;
  16206. // 在canvas绘制前填充白色背景
  16207. context.fillStyle = "#fff";
  16208. context.fillRect(0, 0, canvas.width, canvas.height);
  16209. context.drawImage(img, 0, 0);
  16210. let base64 = canvas.toDataURL(file["type"], 1);
  16211. let newFile = this.dataUrlToFile(base64, _file);
  16212. resolve(newFile);
  16213. };
  16214. };
  16215. });
  16216. },
  16217. dataUrlToFile(dataurl, file) {
  16218. let arr = dataurl.split(","),
  16219. mime = arr[0].match(/:(.*?);/)[1],
  16220. bstr = atob(arr[1]),
  16221. n = bstr.length,
  16222. u8arr = new Uint8Array(n);
  16223. while (n--) {
  16224. u8arr[n] = bstr.charCodeAt(n);
  16225. }
  16226. // return new Blob([u8arr], { type: mime });
  16227. return new File([new Blob([u8arr], { type: mime })], file.name, {
  16228. type: mime,
  16229. });
  16230. },
  16231. async beforeUpload1(event, type, i) {
  16232. // this.$message.success('进入上传')
  16233. var file = "";
  16234. if (type == 5) {
  16235. file = event;
  16236. } else {
  16237. file = event.target.files[0];
  16238. }
  16239. var credentials = {
  16240. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  16241. secretAccessKey: "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",
  16242. }; //秘钥形式的登录上传
  16243. window.AWS.config.update(credentials);
  16244. window.AWS.config.region = "cn-northwest-1"; //设置区域
  16245. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  16246. var _this = this;
  16247. _this.progress = 0;
  16248. _this.proVisible = true;
  16249. _this.isFinishSize = 0;
  16250. _this.isAllSize = (file.size / 1024 / 1024).toFixed(2);
  16251. var b = [
  16252. "DOC",
  16253. "DOCX",
  16254. "DOCM",
  16255. "DOTM",
  16256. "DOTX",
  16257. "PPTX",
  16258. "PPSX",
  16259. "PPT",
  16260. "PPS",
  16261. "PPTM",
  16262. "POTM",
  16263. "PPAM",
  16264. "POTX",
  16265. "PPSM",
  16266. ];
  16267. var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
  16268. var photoA = [
  16269. "BMP",
  16270. "GIF",
  16271. "PNG",
  16272. "JPEG",
  16273. "JPEG",
  16274. "JPG",
  16275. "TIF",
  16276. "PCX",
  16277. "TGA",
  16278. "EXIF",
  16279. "FPX",
  16280. "SVG",
  16281. "APNG",
  16282. ];
  16283. // if (
  16284. // b.indexOf(
  16285. // file.name
  16286. // .split(".")
  16287. // [file.name.split(".").length - 1].toLocaleUpperCase()
  16288. // ) != -1
  16289. // ) {
  16290. // if (file.size / 1024 / 1024 > 10) {
  16291. // this.$message.error("上传文件大于10兆,请重新选择文件!");
  16292. // return;
  16293. // }
  16294. // } else if (
  16295. // excelA.indexOf(
  16296. // file.name
  16297. // .split(".")
  16298. // [file.name.split(".").length - 1].toLocaleUpperCase()
  16299. // ) != "-1"
  16300. // ) {
  16301. // if (file.size / 1024 / 1024 > 5) {
  16302. // this.$message.error("添加成上传文件大于5兆,请重新选择文件!");
  16303. // return;
  16304. // }
  16305. // }
  16306. if (
  16307. photoA.indexOf(
  16308. file.name
  16309. .split(".")
  16310. [file.name.split(".").length - 1].toLocaleUpperCase()
  16311. ) != -1 &&
  16312. type != 4
  16313. ) {
  16314. // const blob = await imageConversion.compress(file, 0.8)
  16315. file = await this.pngToWhiteBg(file);
  16316. const blob = await imageConversion.compressAccurately(file, 256);
  16317. // const blob = await imageConversion.compressAccurately(file, {type:file.type});
  16318. file = new File([blob], file.name, { type: file.type });
  16319. }
  16320. if (file) {
  16321. var params = {
  16322. Key:
  16323. file.name.split(".")[0] +
  16324. new Date().getTime() +
  16325. "." +
  16326. file.name.split(".")[file.name.split(".").length - 1],
  16327. ContentType: file.type,
  16328. Body: file,
  16329. "Access-Control-Allow-Credentials": "*",
  16330. ACL: "public-read",
  16331. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  16332. var options = {
  16333. // partSize: 2048 * 1024 * 1024,
  16334. partSize: 1024 * 1024 * 1024,
  16335. queueSize: 2,
  16336. leavePartsOnError: true,
  16337. };
  16338. bucket
  16339. .upload(params, options)
  16340. .on("httpUploadProgress", function (evt) {
  16341. //这里可以写进度条
  16342. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  16343. _this.progress = parseInt((evt.loaded / evt.total) * 100);
  16344. _this.isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
  16345. })
  16346. .send(function (err, data) {
  16347. _this.progress = 100;
  16348. _this.isFinishSize = _this.isAllSize;
  16349. setTimeout(() => {
  16350. _this.proVisible = false;
  16351. }, 1000);
  16352. if (err) {
  16353. var a = _this.$refs.upload1.uploadFiles;
  16354. a.splice(a.length - 1, a.length);
  16355. _this.$message.error("上传失败");
  16356. } else {
  16357. // _this.$message.success('上传成功')
  16358. var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  16359. var c = [
  16360. "AVI",
  16361. "NAVI",
  16362. "MPEG",
  16363. "ASF",
  16364. "MOV",
  16365. "WMV",
  16366. "3GP",
  16367. "RM",
  16368. "RMVB",
  16369. "FLV",
  16370. "F4V",
  16371. "H.264",
  16372. "H.265",
  16373. "REAL VIDEO",
  16374. "MKV",
  16375. "WebM",
  16376. "HDDVD",
  16377. "MP4",
  16378. "MPG",
  16379. "M4V",
  16380. "MGV",
  16381. "OGV",
  16382. "QTM",
  16383. "STR",
  16384. "AMC",
  16385. "DVX",
  16386. "EVO",
  16387. "DAT",
  16388. "OGG",
  16389. "OGM",
  16390. ];
  16391. if (type == 1) {
  16392. _this.studyJuri[0].cover.push({
  16393. name: file.name,
  16394. url: data.Location,
  16395. uid: file.uid,
  16396. });
  16397. if (
  16398. c.indexOf(
  16399. _this.studyJuri[0].cover[0].url
  16400. .split(".")
  16401. [
  16402. _this.studyJuri[0].cover[0].url.split(".").length - 1
  16403. ].toLocaleUpperCase()
  16404. ) != -1
  16405. ) {
  16406. _this.fileType = 2;
  16407. } else if (
  16408. b.indexOf(
  16409. _this.studyJuri[0].cover[0].url
  16410. .split(".")
  16411. [
  16412. _this.studyJuri[0].cover[0].url.split(".").length - 1
  16413. ].toLocaleUpperCase()
  16414. ) != -1
  16415. ) {
  16416. _this.fileType = 1;
  16417. } else if (
  16418. photoA.indexOf(
  16419. _this.studyJuri[0].cover[0].url
  16420. .split(".")
  16421. [
  16422. _this.studyJuri[0].cover[0].url.split(".").length - 1
  16423. ].toLocaleUpperCase()
  16424. ) != -1
  16425. ) {
  16426. _this.fileType = 0;
  16427. } else {
  16428. _this.fileType = 3;
  16429. }
  16430. _this.imgChange(null, null, type);
  16431. } else if (type == 2) {
  16432. _this.upToolImg = data.Location;
  16433. _this.imgChange(null, null, type);
  16434. _this.addCourseWorks(i);
  16435. } else if (type == 4) {
  16436. _this.addPz("3", data.Location);
  16437. } else if (type == 5) {
  16438. _this.addImgDrawImG(data.Location);
  16439. } else if (type == 6) {
  16440. var _ftype = 1;
  16441. if (
  16442. c.indexOf(
  16443. data.Location.split(".")[
  16444. data.Location.split(".").length - 1
  16445. ].toLocaleUpperCase()
  16446. ) != -1
  16447. ) {
  16448. _ftype = 5;
  16449. } else if (
  16450. b.indexOf(
  16451. data.Location.split(".")[
  16452. data.Location.split(".").length - 1
  16453. ].toLocaleUpperCase()
  16454. ) != -1
  16455. ) {
  16456. _ftype = 4;
  16457. } else {
  16458. _ftype = 1;
  16459. }
  16460. _this.plworkFile.push({
  16461. name: file.name,
  16462. url: data.Location,
  16463. uid: file.uid,
  16464. fileType: _ftype,
  16465. username:
  16466. _this.plworkFile.length > 10
  16467. ? _this.plworkFile.length + 1
  16468. : "0" + (_this.plworkFile.length + 1),
  16469. });
  16470. } else if (type == 7) {
  16471. _this.addCourseWorksGong(i, data.Location, 32);
  16472. } else if (type == 8) {
  16473. _this.addCourseWorksGong(i, data.Location, 57);
  16474. }
  16475. _this.imgChange(null, null, type);
  16476. console.log(data.Location);
  16477. // _this.$message.success('上传成功'+data.Location)
  16478. }
  16479. });
  16480. }
  16481. },
  16482. async beforeUpload3(event, type, i) {
  16483. // this.$message.success('进入上传')
  16484. let file = "";
  16485. let cfindex2 = 0;
  16486. for (var cfindex = 0; cfindex < event.target.files.length; cfindex++) {
  16487. file = event.target.files[cfindex];
  16488. var credentials = {
  16489. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  16490. secretAccessKey: "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",
  16491. }; //秘钥形式的登录上传
  16492. window.AWS.config.update(credentials);
  16493. window.AWS.config.region = "cn-northwest-1"; //设置区域
  16494. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  16495. var _this = this;
  16496. // _this.progress = 0;
  16497. _this.proVisible2 = true;
  16498. var b = [
  16499. "DOC",
  16500. "DOCX",
  16501. "DOCM",
  16502. "DOTM",
  16503. "DOTX",
  16504. "PPTX",
  16505. "PPSX",
  16506. "PPT",
  16507. "PPS",
  16508. "PPTM",
  16509. "POTM",
  16510. "PPAM",
  16511. "POTX",
  16512. "PPSM",
  16513. ];
  16514. var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
  16515. var photoA = [
  16516. "BMP",
  16517. "GIF",
  16518. "PNG",
  16519. "JPEG",
  16520. "JPG",
  16521. "TIF",
  16522. "PCX",
  16523. "TGA",
  16524. "EXIF",
  16525. "FPX",
  16526. "SVG",
  16527. "APNG",
  16528. ];
  16529. if (
  16530. photoA.indexOf(
  16531. file.name
  16532. .split(".")
  16533. [file.name.split(".").length - 1].toLocaleUpperCase()
  16534. ) != -1 &&
  16535. type != 4
  16536. ) {
  16537. // const blob = await imageConversion.compress(file, 0.8)
  16538. file = await this.pngToWhiteBg(file);
  16539. const blob = await imageConversion.compressAccurately(file, 256);
  16540. // const blob = await imageConversion.compressAccurately(file, {type:file.type});
  16541. file = new File([blob], file.name, { type: file.type });
  16542. }
  16543. if (file) {
  16544. var params = {
  16545. Key:
  16546. file.name.split(".")[0] +
  16547. new Date().getTime() +
  16548. "." +
  16549. file.name.split(".")[file.name.split(".").length - 1],
  16550. ContentType: file.type,
  16551. Body: file,
  16552. "Access-Control-Allow-Credentials": "*",
  16553. ACL: "public-read",
  16554. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  16555. var options = {
  16556. // partSize: 2048 * 1024 * 1024,
  16557. partSize: 1024 * 1024 * 1024,
  16558. queueSize: 2,
  16559. leavePartsOnError: true,
  16560. };
  16561. bucket
  16562. .upload(params, options)
  16563. .on("httpUploadProgress", function (evt) {
  16564. //这里可以写进度条
  16565. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  16566. // _this.progress = parseInt((evt.loaded * 80) / evt.total);
  16567. })
  16568. .send(function (err, data) {
  16569. // _this.progress = 100;
  16570. cfindex2++;
  16571. setTimeout(() => {
  16572. if (
  16573. cfindex2 == event.target.files.length - 1 ||
  16574. cfindex2 > event.target.files.length - 1
  16575. ) {
  16576. _this.proVisible2 = false;
  16577. }
  16578. }, 1000);
  16579. if (err) {
  16580. var a = _this.$refs.upload1.uploadFiles;
  16581. a.splice(a.length - 1, a.length);
  16582. _this.$message.error("上传失败");
  16583. } else {
  16584. // _this.$message.success('上传成功')
  16585. var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  16586. var c = [
  16587. "AVI",
  16588. "NAVI",
  16589. "MPEG",
  16590. "ASF",
  16591. "MOV",
  16592. "WMV",
  16593. "3GP",
  16594. "RM",
  16595. "RMVB",
  16596. "FLV",
  16597. "F4V",
  16598. "H.264",
  16599. "H.265",
  16600. "REAL VIDEO",
  16601. "MKV",
  16602. "WebM",
  16603. "HDDVD",
  16604. "MP4",
  16605. "MPG",
  16606. "M4V",
  16607. "MGV",
  16608. "OGV",
  16609. "QTM",
  16610. "STR",
  16611. "AMC",
  16612. "DVX",
  16613. "EVO",
  16614. "DAT",
  16615. "OGG",
  16616. "OGM",
  16617. ];
  16618. if (type == 1) {
  16619. _this.studyJuri[0].cover.push({
  16620. name: file.name,
  16621. url: data.Location,
  16622. uid: file.uid,
  16623. });
  16624. if (
  16625. c.indexOf(
  16626. _this.studyJuri[0].cover[0].url
  16627. .split(".")
  16628. [
  16629. _this.studyJuri[0].cover[0].url.split(".").length - 1
  16630. ].toLocaleUpperCase()
  16631. ) != -1
  16632. ) {
  16633. _this.fileType = 2;
  16634. } else if (
  16635. b.indexOf(
  16636. _this.studyJuri[0].cover[0].url
  16637. .split(".")
  16638. [
  16639. _this.studyJuri[0].cover[0].url.split(".").length - 1
  16640. ].toLocaleUpperCase()
  16641. ) != -1
  16642. ) {
  16643. _this.fileType = 1;
  16644. } else {
  16645. _this.fileType = 0;
  16646. }
  16647. _this.imgChange(null, null, type);
  16648. } else if (type == 2) {
  16649. _this.upToolImg = data.Location;
  16650. _this.imgChange(null, null, type);
  16651. _this.addCourseWorks(i);
  16652. } else if (type == 4) {
  16653. _this.addPz("3", data.Location);
  16654. } else if (type == 5) {
  16655. _this.addImgDrawImG(data.Location);
  16656. } else if (type == 6) {
  16657. var _ftype = 1;
  16658. if (
  16659. c.indexOf(
  16660. data.Location.split(".")[
  16661. data.Location.split(".").length - 1
  16662. ].toLocaleUpperCase()
  16663. ) != -1
  16664. ) {
  16665. _ftype = 5;
  16666. } else if (
  16667. b.indexOf(
  16668. data.Location.split(".")[
  16669. data.Location.split(".").length - 1
  16670. ].toLocaleUpperCase()
  16671. ) != -1
  16672. ) {
  16673. _ftype = 4;
  16674. } else {
  16675. _ftype = 1;
  16676. }
  16677. _this.plworkFile.push({
  16678. name: file.name,
  16679. url: data.Location,
  16680. uid: file.uid,
  16681. fileType: _ftype,
  16682. username:
  16683. _this.plworkFile.length + 1 > 9
  16684. ? _this.plworkFile.length + 1
  16685. : "0" + (_this.plworkFile.length + 1),
  16686. });
  16687. }
  16688. _this.imgChange(null, null, type);
  16689. console.log(data.Location);
  16690. // _this.$message.success('上传成功'+data.Location)
  16691. }
  16692. });
  16693. }
  16694. }
  16695. },
  16696. beforeUpload2(event, type) {
  16697. var file = event.target.files[0];
  16698. var credentials = {
  16699. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  16700. secretAccessKey: "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",
  16701. }; //秘钥形式的登录上传
  16702. window.AWS.config.update(credentials);
  16703. window.AWS.config.region = "cn-northwest-1"; //设置区域
  16704. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  16705. var _this = this;
  16706. _this.progress = 0;
  16707. _this.proVisible = true;
  16708. if (file) {
  16709. var params = {
  16710. Key:
  16711. file.name.split(".")[0] +
  16712. new Date().getTime() +
  16713. "." +
  16714. file.name.split(".")[file.name.split(".").length - 1],
  16715. ContentType: file.type,
  16716. Body: file,
  16717. "Access-Control-Allow-Credentials": "*",
  16718. ACL: "public-read",
  16719. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  16720. var options = {
  16721. partSize: 2048 * 1024 * 1024,
  16722. queueSize: 2,
  16723. leavePartsOnError: true,
  16724. };
  16725. bucket
  16726. .upload(params, options)
  16727. .on("httpUploadProgress", function (evt) {
  16728. //这里可以写进度条
  16729. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  16730. _this.progress = parseInt((evt.loaded * 80) / evt.total);
  16731. })
  16732. .send(function (err, data) {
  16733. _this.progress = 100;
  16734. setTimeout(() => {
  16735. _this.proVisible = false;
  16736. }, 1000);
  16737. if (err) {
  16738. var a = _this.$refs.upload1.uploadFiles;
  16739. a.splice(a.length - 1, a.length);
  16740. _this.$message.error("上传失败");
  16741. } else {
  16742. if (type == 2) {
  16743. _this.studyJuri[0].upVedio.push({
  16744. name: file.name,
  16745. url: data.Location,
  16746. uid: file.uid,
  16747. });
  16748. _this.imgChange(null, null, type);
  16749. } else if (type == 3) {
  16750. _this.studyJuri[0].upFile.push({
  16751. name: file.name,
  16752. url: data.Location,
  16753. uid: file.uid,
  16754. });
  16755. _this.imgChange(null, null, type);
  16756. }
  16757. console.log(data.Location);
  16758. }
  16759. });
  16760. }
  16761. },
  16762. allScrell() {
  16763. window.topU.postMessage({ allScreen: this.screenType }, "*");
  16764. },
  16765. nextOrpreSteps(t) {
  16766. if (this.IsFollow && this.tType == 2) {
  16767. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  16768. return;
  16769. }
  16770. var b = this.chapInfoList.length - 1;
  16771. if (t == 0) {
  16772. if (this.courseType == 0) {
  16773. if (this.taskCount == 0) {
  16774. // console.log(this.navList[b].task[this.navList[b].task.length - 1].isLook);
  16775. if (this.IsLookOpen) {
  16776. if (
  16777. !this.navList[b].task[this.navList[b].task.length - 1].isLook
  16778. ) {
  16779. if (
  16780. this.courseDetail.userid != this.userid &&
  16781. (!this.courseDetail.course_teacher ||
  16782. (this.courseDetail.course_teacher &&
  16783. this.courseDetail.course_teacher.indexOf(this.userid) == -1))
  16784. ) {
  16785. this.$message.error("任务未解锁");
  16786. } else {
  16787. this.$message.error("上一任务未解锁");
  16788. }
  16789. return;
  16790. }
  16791. }
  16792. this.navList[this.courseType].isOpen = false;
  16793. this.courseType = b;
  16794. this.taskCount =
  16795. this.chapInfoList[this.courseType].chapterInfo[0].taskJson
  16796. .length - 1;
  16797. this.navList[this.courseType].isOpen = true;
  16798. } else {
  16799. this.taskCount--;
  16800. }
  16801. } else {
  16802. if (this.taskCount == 0) {
  16803. this.navList[this.courseType].isOpen = false;
  16804. this.courseType--;
  16805. this.taskCount =
  16806. this.chapInfoList[this.courseType].chapterInfo[0].taskJson
  16807. .length - 1;
  16808. this.navList[this.courseType].isOpen = true;
  16809. } else {
  16810. this.taskCount--;
  16811. }
  16812. }
  16813. } else {
  16814. if (this.courseType == b) {
  16815. if (
  16816. this.taskCount ==
  16817. this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
  16818. 1
  16819. ) {
  16820. this.navList[this.courseType].isOpen = false;
  16821. this.courseType = 0;
  16822. this.taskCount = 0;
  16823. this.navList[this.courseType].isOpen = true;
  16824. } else {
  16825. var bbb = parseInt(this.taskCount) + 1;
  16826. if (
  16827. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
  16828. .isLook &&
  16829. this.courseDetail.userid != this.userid && (!this.courseDetail.course_teacher ||
  16830. (this.courseDetail.course_teacher &&
  16831. this.courseDetail.course_teacher.indexOf(this.userid) == -1)) &&
  16832. this.IsLookOpen
  16833. ) {
  16834. this.$message.error("任务未解锁");
  16835. return;
  16836. }
  16837. this.taskCount++;
  16838. if (this.IsLookOpen) {
  16839. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  16840. this.taskCount
  16841. ].isLook = true;
  16842. this.addCourseState(3);
  16843. }
  16844. }
  16845. } else {
  16846. if (
  16847. this.taskCount ==
  16848. this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
  16849. 1
  16850. ) {
  16851. var bbb = parseInt(this.courseType) + 1;
  16852. if (
  16853. !this.chapInfoList[bbb].chapterInfo[0].taskJson[0].isLook &&
  16854. this.courseDetail.userid != this.userid &&
  16855. (!this.courseDetail.course_teacher ||
  16856. (this.courseDetail.course_teacher &&
  16857. this.courseDetail.course_teacher.indexOf(this.userid) == -1)) &&
  16858. this.IsLookOpen
  16859. ) {
  16860. this.$message.error("任务未解锁");
  16861. return;
  16862. }
  16863. this.navList[this.courseType].isOpen = false;
  16864. this.courseType++;
  16865. this.taskCount = 0;
  16866. this.navList[this.courseType].isOpen = true;
  16867. } else {
  16868. var bbb = parseInt(this.taskCount) + 1;
  16869. if (
  16870. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
  16871. .isLook &&
  16872. this.courseDetail.userid != this.userid &&
  16873. (!this.courseDetail.course_teacher ||
  16874. (this.courseDetail.course_teacher &&
  16875. this.courseDetail.course_teacher.indexOf(this.userid) == -1)) &&
  16876. this.IsLookOpen
  16877. ) {
  16878. this.$message.error("任务未解锁");
  16879. return;
  16880. }
  16881. this.taskCount++;
  16882. }
  16883. if (this.IsLookOpen) {
  16884. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  16885. this.taskCount
  16886. ].isLook = true;
  16887. this.addCourseState(3);
  16888. }
  16889. }
  16890. // if (
  16891. // this.taskCount ==
  16892. // this.chapInfo.chapterInfo[0].taskJson.length - 1
  16893. // ) {
  16894. // this.taskCount = this.chapInfo.chapterInfo[0].taskJson.length - 1;
  16895. // } else {
  16896. // this.taskCount++;
  16897. // }
  16898. }
  16899. document.scrollingElement.scrollTop = 0;
  16900. this.showType = 7;
  16901. this.navId = this.navList[this.courseType].task[this.taskCount].id;
  16902. // if (this.vedio[this.taskCount].length > 0) {
  16903. // var a =
  16904. // document.getElementsByClassName("box_course")[this.taskCount]
  16905. // .offsetHeight;
  16906. // document.getElementsByClassName("vedioList")[
  16907. // this.taskCount
  16908. // ].style.height = a + "px";
  16909. // document.getElementsByClassName("navBox")[this.taskCount].style.height =
  16910. // a - 40 + "px";
  16911. // }
  16912. this.isNoHomeWork = false;
  16913. (this.studyJuri = [
  16914. {
  16915. content: "",
  16916. cover: [],
  16917. upVedio: [],
  16918. upFile: [],
  16919. },
  16920. ]),
  16921. (this.radio = []);
  16922. this.isClickNav = "";
  16923. this.selectPz();
  16924. this.getHomeWork();
  16925. this.getCourseDetail(2);
  16926. this.$forceUpdate();
  16927. if (this.courseDetail.userid == this.userid && this.IsFollow) {
  16928. this.setCTask();
  16929. }
  16930. },
  16931. openTask(s, n, i,ctype) {
  16932. if (this.IsFollow && this.tType == 2) {
  16933. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  16934. return;
  16935. }
  16936. if (this.IsLookOpen &&
  16937. this.courseDetail.userid != this.userid &&
  16938. this.courseDetail.course_teacher.indexOf(this.userid) ==-1) {
  16939. if (
  16940. !this.chapInfoList[s].chapterInfo[0].taskJson[n].isLook &&
  16941. this.courseDetail.userid != this.userid &&
  16942. (!this.courseDetail.course_teacher ||
  16943. (this.courseDetail.course_teacher &&
  16944. this.courseDetail.course_teacher.indexOf(this.userid) == -1))
  16945. ) {
  16946. this.$message.error("任务未解锁");
  16947. return;
  16948. }
  16949. if (this.courseType == s && this.taskCount != n && n > this.taskCount) {
  16950. if (
  16951. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[n - 1]
  16952. .isLook
  16953. ) {
  16954. this.$message.error("上一任务未解锁");
  16955. return;
  16956. }
  16957. } else if (s > this.courseType) {
  16958. if (n > 0) {
  16959. if (!this.chapInfoList[s].chapterInfo[0].taskJson[n - 1].isLook) {
  16960. this.$message.error("上一任务未解锁");
  16961. return;
  16962. }
  16963. } else {
  16964. if (
  16965. !this.chapInfoList[s - 1].chapterInfo[0].taskJson[
  16966. this.chapInfoList[s - 1].chapterInfo[0].taskJson.length - 1
  16967. ].isLook
  16968. ) {
  16969. this.$message.error("上一任务未解锁");
  16970. return;
  16971. }
  16972. }
  16973. }
  16974. }
  16975. if (this.navList[s].task[n].isOpen == true && ctype != 2) {
  16976. this.navList[s].task[n].isOpen = !this.navList[s].task[n].isOpen;
  16977. return;
  16978. }
  16979. let flag = this.courseType==s;
  16980. this.courseType = s;
  16981. this.navId = i;
  16982. this.taskCount = n;
  16983. this.changeSplitScreenBehavior({form:{courseType:this.courseType,taskCount:this.taskCount}})
  16984. if(ctype == 2){
  16985. this.navList[s].task[n].isOpen = true
  16986. }else{
  16987. this.navList[this.courseType].task[this.taskCount].isOpen =
  16988. !this.navList[this.courseType].task[this.taskCount].isOpen;
  16989. }
  16990. if (this.IsLookOpen) {
  16991. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  16992. this.taskCount
  16993. ].isLook = true;
  16994. let yym = JSON.parse(JSON.stringify(this.chapInfoList))
  16995. this.addCourseState(3,yym);
  16996. }
  16997. for (let ci = 0; ci < this.isCloseList.length; ci++) {
  16998. this.isCloseList[ci].isClose = 0;
  16999. this.isCloseList[ci].isCloseBoolean = false;
  17000. this.$nextTick(()=>{
  17001. setTimeout(()=>{
  17002. setTimeout(()=>{
  17003. this.panToolHeight('tool-'+ci);
  17004. }, 0)
  17005. }, 0)
  17006. })
  17007. }
  17008. this.showType = 0;
  17009. this.isNoHomeWork = false;
  17010. (this.studyJuri = [
  17011. {
  17012. content: "",
  17013. cover: [],
  17014. upVedio: [],
  17015. upFile: [],
  17016. },
  17017. ]),
  17018. (this.radio = []);
  17019. document.scrollingElement.scrollTop = 0;
  17020. // setTimeout(() => {
  17021. // let a = document.getElementById(i);
  17022. // if (a.offsetTop - 110 == 0) {
  17023. // window.scrollTo(0, 0);
  17024. // } else {
  17025. // window.scrollTo(0, a.offsetTop);
  17026. // }
  17027. // }, 0);
  17028. for (var z = 0; z < this.navList.length; z++) {
  17029. for (var q = 0; q < this.navList[z].task.length; q++) {
  17030. for (var w = 0; w < this.navList[z].task[q].tool.length; w++) {
  17031. this.navList[z].task[q].tool[w].isTool = false;
  17032. }
  17033. }
  17034. }
  17035. this.selectPz();
  17036. this.getHomeWork();
  17037. this.getCourseDetail(2);
  17038. if (this.courseDetail.userid == this.userid && this.IsFollow) {
  17039. this.setCTask();
  17040. }
  17041. if(flag){
  17042. this.insertMemorandum(`进入<span class="variable">任务${n+1}${this.navList[s].task[n].taskName?':'+this.navList[s].task[n].taskName:''}</span>`)
  17043. }else{
  17044. this.insertMemorandum(`进入<span class="variable">阶段${s+1}${this.navList[s].dyName?':'+this.navList[s].dyName:''}</span>→<span class="variable">任务${n+1}${this.navList[s].task[n].taskName?':'+this.navList[s].task[n].taskName:''}</span>`)
  17045. }
  17046. },
  17047. get(i) {
  17048. if (this.IsFollow && this.tType == 2) {
  17049. this.$message.error("已经开启跟随模式,请认真跟堂听讲");
  17050. return;
  17051. }
  17052. // for(var k=0;k<this.navList.length;k++){
  17053. // this.navList[k].isOpen = false;
  17054. // }
  17055. // this.navList[i].isOpen = true;
  17056. let a = this.navList[i].isOpen
  17057. this.navList[i].isOpen = !this.navList[i].isOpen;
  17058. this.$forceUpdate()
  17059. if (this.navList[i].isOpen) {
  17060. this.openTask(i, 0, (i + "-0"),2);
  17061. }
  17062. },
  17063. addQuestion() {
  17064. this.answerList.push({
  17065. answerTitle: this.answerQ,
  17066. answer: this.questionAnswer,
  17067. });
  17068. let params = [
  17069. {
  17070. uid: this.userid,
  17071. cid: this.id,
  17072. stage: this.courseType,
  17073. task: this.taskCount,
  17074. tool: this.toolindex,
  17075. content: JSON.stringify(this.answerList),
  17076. type: 3,
  17077. },
  17078. ];
  17079. if (this.homeWorkLoading) return this.$message.info('点击过快,请稍后...')
  17080. this.homeWorkLoading = true
  17081. this.ajax
  17082. .post(this.$store.state.api + "addCourseWorks", params)
  17083. .then((res) => {
  17084. this.$message({
  17085. message: "提交成功",
  17086. type: "success",
  17087. });
  17088. this.addOp3('1', "", { courseid: this.id,tool:'问答',data:JSON.stringify(this.answerList),type: "course_tool_sub" }, "success")
  17089. setTimeout(() => {
  17090. this.homeWorkLoading = false
  17091. }, 500);
  17092. this.answerList = [];
  17093. this.answerDialogVisible = false;
  17094. this.selectStudent();
  17095. this.selectSWorks();
  17096. this.selectSLook();
  17097. })
  17098. .catch((err) => {
  17099. this.addOp3('1', "", { courseid: this.id,tool:'问答',data:JSON.stringify(this.answerList),type: "course_tool_sub" }, err)
  17100. setTimeout(() => {
  17101. this.homeWorkLoading = false
  17102. }, 500);
  17103. this.$message.error("提交失败");
  17104. console.error(err);
  17105. });
  17106. },
  17107. addQuestionTeacher() {
  17108. this.answerList.push({
  17109. answerTitle: this.answerQ,
  17110. answer: this.questionAnswer,
  17111. });
  17112. let params = [
  17113. {
  17114. uid: this.sStudent.userid,
  17115. cid: this.id,
  17116. stage: this.courseType,
  17117. task: this.taskCount,
  17118. tool: this.toolindex,
  17119. content: JSON.stringify(this.answerList),
  17120. type: 3,
  17121. ateacher: this.userid,
  17122. },
  17123. ];
  17124. this.ajax
  17125. .post(this.$store.state.api + "addCourseWorksTeacher", params)
  17126. .then((res) => {
  17127. this.$message({
  17128. message: "提交成功",
  17129. type: "success",
  17130. });
  17131. this.answerList = [];
  17132. this.questionAnswer = "";
  17133. this.answerDialogVisibleTeacher = false;
  17134. this.selectStudent();
  17135. this.selectSWorks();
  17136. this.selectSLook();
  17137. })
  17138. .catch((err) => {
  17139. this.$message.error("提交失败");
  17140. console.error(err);
  17141. });
  17142. },
  17143. refreshCourse() {
  17144. // window.location.reload();
  17145. this.navList = [];
  17146. this.getCourseDetail(1);
  17147. },
  17148. getCourseDetail(type, gindex) {
  17149. let loading;
  17150. if (type != 2) {
  17151. loading = this.$loading.service({
  17152. background: "rgba(255, 255, 255, 0.7)",
  17153. target: document.querySelector(".student_table"),
  17154. });
  17155. }
  17156. this.downLoading = false
  17157. // this.navList[0].isOpen = false;
  17158. // this.navList[this.courseType].isOpen = true;
  17159. // this.courseType = this.courseTypeLine;
  17160. // this.navId = this.navList[this.courseType].task[this.taskCount].id;
  17161. let params = {
  17162. courseId: this.id,
  17163. };
  17164. this.ajax
  17165. .get(this.$store.state.api + "selectCourseDetail3", params)
  17166. .then((res) => {
  17167. this.addCourseState(1, JSON.parse(res.data[0][0].chapters));
  17168. if (type != 2) {
  17169. loading.close();
  17170. if (
  17171. this.courseType >
  17172. JSON.parse(res.data[0][0].chapters).length - 1
  17173. ) {
  17174. this.courseType = JSON.parse(res.data[0][0].chapters).length - 1;
  17175. }
  17176. var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
  17177. .chapterInfo[0].taskJson;
  17178. var b = [
  17179. "AVI",
  17180. "NAVI",
  17181. "MPEG",
  17182. "ASF",
  17183. "MOV",
  17184. "WMV",
  17185. "3GP",
  17186. "RM",
  17187. "RMVB",
  17188. "FLV",
  17189. "F4V",
  17190. "H.264",
  17191. "H.265",
  17192. "REAL VIDEO",
  17193. "MKV",
  17194. "WebM",
  17195. "HDDVD",
  17196. "MP4",
  17197. "MPG",
  17198. "M4V",
  17199. "MGV",
  17200. "OGV",
  17201. "QTM",
  17202. "STR",
  17203. "AMC",
  17204. "DVX",
  17205. "EVO",
  17206. "DAT",
  17207. "OGG",
  17208. "OGM",
  17209. "MP3",
  17210. ];
  17211. let _chapterData = [];
  17212. for (var i = 0; i < a.length; i++) {
  17213. var c = a[i].chapterData;
  17214. this.vedio[i] = [];
  17215. this.textList[i] = [];
  17216. this.lineList[i] = [];
  17217. this.chapToolList[i] = [];
  17218. this.file[i] = [];
  17219. this.fileC[i] = [];
  17220. _chapterData[i] = c.filter((el) => {
  17221. return el.type != 12;
  17222. });
  17223. this.fileC[i] = c.filter((el) => {
  17224. return el.type == 12;
  17225. });
  17226. if (this.tType == 2) {
  17227. if (this.fileC[i].length) {
  17228. let yym1 = this.fileC[i].filter(e=>{
  17229. if(!converter(e.name).includes(converter("教案"))){
  17230. return e
  17231. }
  17232. })
  17233. this.fileC[i] = yym1
  17234. }
  17235. }
  17236. // else if (c[j].type == 12) {
  17237. // this.fileC[i].push(c[j]);
  17238. // }
  17239. for (var j = 0; j < c.length; j++) {
  17240. if (c[j].type == 7) {
  17241. this.chapToolList[i].push(c[j]);
  17242. } else if (c[j].type == 8 || c[j].type == 14 || c[j].type == 15) {
  17243. this.lineList[i].push(c[j]);
  17244. } else if (c[j].type == 6) {
  17245. this.textList[i].push(c[j]);
  17246. } else {
  17247. if (
  17248. b.indexOf(
  17249. c[j].url
  17250. .split(".")
  17251. [c[j].url.split(".").length - 1].toLocaleUpperCase()
  17252. ) != -1
  17253. ) {
  17254. this.vedio[i].push(c[j]);
  17255. } else {
  17256. this.file[i].push(c[j]);
  17257. }
  17258. }
  17259. }
  17260. var d = JSON.parse(JSON.stringify(this.playerOptions));
  17261. d.sources[0].src =
  17262. this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
  17263. this.playerO[i] = d;
  17264. }
  17265. this.courseDetail = res.data[0][0];
  17266. if(this.tType == 2){
  17267. this.tcid = this.arrayToArray(
  17268. this.courseDetail.juri ? this.courseDetail.juri.split(",") : [],
  17269. this.classId ? this.classId.split(",") : []
  17270. ).join(",");
  17271. }else{
  17272. this.tcid = this.arrayToArray(
  17273. this.courseDetail.juri ? this.courseDetail.juri.split(",") : [],
  17274. this.tcid2 ? this.tcid2.split(",") : []
  17275. ).join(",");
  17276. }
  17277. this.evalua = res.data[0][0].evaId;
  17278. this.chapInfo = JSON.parse(this.courseDetail.chapters)[
  17279. this.courseType
  17280. ];
  17281. this.chapInfoList = JSON.parse(this.courseDetail.chapters);
  17282. if (this.tcid && res.data[1].length) {
  17283. let _inviteA = [];
  17284. for (var ik = 0; ik < res.data[1].length; ik++) {
  17285. _inviteA.push({
  17286. cid: res.data[1][ik].classid,
  17287. ic: res.data[1][ik].code,
  17288. });
  17289. }
  17290. for (var ik = 0; ik < _inviteA.length; ik++) {
  17291. if (
  17292. this.arrayToArray(
  17293. _inviteA[ik].cid.split(","),
  17294. this.tcid.split(",")
  17295. ).length
  17296. ) {
  17297. this.inviteCode = _inviteA[ik].ic;
  17298. break;
  17299. }
  17300. }
  17301. }
  17302. for (var l = 0; l < this.chapInfoList.length; l++) {
  17303. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  17304. for (var m = 0; m < w.length; m++) {
  17305. w[m].id = l + "-" + m;
  17306. }
  17307. }
  17308. if (
  17309. _chapterData[this.taskCount].length &&
  17310. _chapterData[this.taskCount][0].type == 2
  17311. ) {
  17312. this.showType = 0;
  17313. this.pptImgUrl1 = _chapterData[this.taskCount][0].url;
  17314. } else {
  17315. if (_chapterData[this.taskCount].length > 0) {
  17316. let _url = _chapterData[this.taskCount][0].url;
  17317. if (
  17318. _chapterData[this.taskCount][0].type == 8 ||
  17319. _chapterData[this.taskCount][0].type == 14 ||
  17320. _chapterData[this.taskCount][0].type == 15
  17321. ) {
  17322. this.showType = 2;
  17323. if (
  17324. _url.indexOf("https://") == -1 &&
  17325. _url.indexOf("http://") == -1
  17326. ) {
  17327. _url = "https://" + _url;
  17328. }
  17329. this.pptImgUrl1 = _url;
  17330. } else if (_chapterData[this.taskCount][0].type == 3) {
  17331. if (
  17332. _url
  17333. .split(".")
  17334. [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
  17335. ) {
  17336. this.showType = 3;
  17337. this.pptImgUrl1 = _url;
  17338. } else if (
  17339. this.isAssetTypeAnImage(
  17340. _url
  17341. .split(".")
  17342. [_url.split(".").length - 1].toLocaleLowerCase()
  17343. )
  17344. ) {
  17345. this.showType = 4;
  17346. this.pptImgUrl1 = _url;
  17347. } else {
  17348. this.showType = 2;
  17349. this.pptImgUrl1 =
  17350. "https://view.officeapps.live.com/op/view.aspx?src=" +
  17351. encodeURIComponent(_url);
  17352. }
  17353. } else if (_chapterData[this.taskCount][0].type == 13) {
  17354. this.showType = 4;
  17355. this.pptImgUrl1 = _url;
  17356. } else if (_chapterData[this.taskCount][0].type == 6) {
  17357. this.showType = 1;
  17358. this.text = this.textList[this.taskCount][0];
  17359. }
  17360. }
  17361. }
  17362. this.isClickNav = 0;
  17363. if (
  17364. !_chapterData[this.taskCount].length ||
  17365. _chapterData[this.taskCount][0].type == 12
  17366. ) {
  17367. this.isClickNav = "";
  17368. this.showType = "";
  17369. }
  17370. if (this.tType == 2) {
  17371. _chapterData.forEach((e,i)=>{
  17372. if (e.length) {
  17373. let yym = e.filter(k=>{
  17374. if(!converter(k.name).includes(converter("教案"))){
  17375. return k
  17376. }
  17377. })
  17378. _chapterData[i] = yym
  17379. }
  17380. })
  17381. }
  17382. this.vChapterData = _chapterData;
  17383. } else {
  17384. this.showType = 0;
  17385. var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
  17386. .chapterInfo[0].taskJson;
  17387. var b = [
  17388. "AVI",
  17389. "NAVI",
  17390. "MPEG",
  17391. "ASF",
  17392. "MOV",
  17393. "WMV",
  17394. "3GP",
  17395. "RM",
  17396. "RMVB",
  17397. "FLV",
  17398. "F4V",
  17399. "H.264",
  17400. "H.265",
  17401. "REAL VIDEO",
  17402. "MKV",
  17403. "WebM",
  17404. "HDDVD",
  17405. "MP4",
  17406. "MPG",
  17407. "M4V",
  17408. "MGV",
  17409. "OGV",
  17410. "QTM",
  17411. "STR",
  17412. "AMC",
  17413. "DVX",
  17414. "EVO",
  17415. "DAT",
  17416. "OGG",
  17417. "OGM",
  17418. "MP3",
  17419. ];
  17420. let _chapterData = [];
  17421. for (var i = 0; i < a.length; i++) {
  17422. var c = a[i].chapterData;
  17423. this.vedio[i] = [];
  17424. this.textList[i] = [];
  17425. this.lineList[i] = [];
  17426. this.chapToolList[i] = [];
  17427. this.file[i] = [];
  17428. this.fileC[i] = [];
  17429. _chapterData[i] = c.filter((el) => {
  17430. return el.type != 12;
  17431. });
  17432. this.fileC[i] = c.filter((el) => {
  17433. return el.type == 12;
  17434. });
  17435. if (this.tType == 2) {
  17436. if (this.fileC[i].length) {
  17437. let yym1 = this.fileC[i].filter(e=>{
  17438. if(!converter(e.name).includes(converter("教案"))){
  17439. return e
  17440. }
  17441. })
  17442. this.fileC[i] = yym1
  17443. }
  17444. }
  17445. for (var j = 0; j < c.length; j++) {
  17446. if (c[j].type == 7) {
  17447. this.chapToolList[i].push(c[j]);
  17448. } else if (c[j].type == 8 || c[j].type == 14 || c[j].type == 15) {
  17449. this.lineList[i].push(c[j]);
  17450. } else if (c[j].type == 6) {
  17451. this.textList[i].push(c[j]);
  17452. } else {
  17453. if (
  17454. b.indexOf(
  17455. c[j].url
  17456. .split(".")
  17457. [c[j].url.split(".").length - 1].toLocaleUpperCase()
  17458. ) != -1
  17459. ) {
  17460. this.vedio[i].push(c[j]);
  17461. } else {
  17462. this.file[i].push(c[j]);
  17463. }
  17464. }
  17465. }
  17466. var d = JSON.parse(JSON.stringify(this.playerOptions));
  17467. d.sources[0].src =
  17468. this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
  17469. this.playerO[i] = d;
  17470. }
  17471. if (
  17472. _chapterData[this.taskCount].length &&
  17473. _chapterData[this.taskCount][0].type == 2
  17474. ) {
  17475. this.showType = 0;
  17476. this.pptImgUrl1 = _chapterData[this.taskCount][0].url;
  17477. } else {
  17478. if (_chapterData[this.taskCount].length > 0) {
  17479. let _url = _chapterData[this.taskCount][0].url;
  17480. if (
  17481. _chapterData[this.taskCount][0].type == 8 ||
  17482. _chapterData[this.taskCount][0].type == 14 ||
  17483. _chapterData[this.taskCount][0].type == 15
  17484. ) {
  17485. this.showType = 2;
  17486. if (
  17487. _url.indexOf("https://") == -1 &&
  17488. _url.indexOf("http://") == -1
  17489. ) {
  17490. _url = "https://" + _url;
  17491. }
  17492. this.pptImgUrl1 = _url;
  17493. } else if (_chapterData[this.taskCount][0].type == 3) {
  17494. if (
  17495. _url
  17496. .split(".")
  17497. [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
  17498. ) {
  17499. this.showType = 3;
  17500. this.pptImgUrl1 = _url;
  17501. } else if (
  17502. this.isAssetTypeAnImage(
  17503. _url
  17504. .split(".")
  17505. [_url.split(".").length - 1].toLocaleLowerCase()
  17506. )
  17507. ) {
  17508. this.showType = 4;
  17509. this.pptImgUrl1 = _url;
  17510. } else {
  17511. this.showType = 2;
  17512. this.pptImgUrl1 =
  17513. "https://view.officeapps.live.com/op/view.aspx?src=" +
  17514. encodeURIComponent(_url);
  17515. }
  17516. } else if (_chapterData[this.taskCount][0].type == 13) {
  17517. this.showType = 4;
  17518. this.pptImgUrl1 = _url;
  17519. } else if (_chapterData[this.taskCount][0].type == 6) {
  17520. this.showType = 1;
  17521. this.text = this.textList[this.taskCount][0];
  17522. }
  17523. }
  17524. }
  17525. this.isClickNav = 0;
  17526. if (
  17527. !_chapterData[this.taskCount].length ||
  17528. _chapterData[this.taskCount][0].type == 12
  17529. ) {
  17530. this.isClickNav = "";
  17531. this.showType = "";
  17532. }
  17533. console.log('_chapterData66666',_chapterData);
  17534. if (this.tType == 2) {
  17535. _chapterData.forEach((e,i)=>{
  17536. if (e.length) {
  17537. let yym = e.filter(k=>{
  17538. if(!converter(k.name).includes(converter("教案"))){
  17539. return k
  17540. }
  17541. })
  17542. _chapterData[i] = yym
  17543. }
  17544. })
  17545. }
  17546. this.vChapterData = _chapterData;
  17547. this.$forceUpdate();
  17548. }
  17549. // else {
  17550. // this.courseDetail = res.data[0][0];
  17551. // this.chapInfoList = JSON.parse(this.courseDetail.chapters);
  17552. // }
  17553. let _this = this;
  17554. if (_this.timer) {
  17555. clearInterval(_this.timer);
  17556. _this.timer = null;
  17557. }
  17558. if (_this.tcid) {
  17559. _this.getCourseGroup(gindex);
  17560. } else {
  17561. _this.selectSWorks(gindex);
  17562. }
  17563. _this.selectStudent();
  17564. _this.selectSLook();
  17565. _this.getPick();
  17566. // if (_this.courseDetail.userid == _this.userid && _this.IsFollow) {
  17567. // _this.setCTask();
  17568. // }
  17569. if (_this.dialogVisibleGroup) {
  17570. _this.groupJson =
  17571. _this.chapInfoList[_this.courseType].chapterInfo[0].taskJson[
  17572. _this.taskCount
  17573. ].toolChoose[_this.toolindex].groupJson;
  17574. }
  17575. _this.$nextTick(() => {
  17576. setTimeout(() => {
  17577. _this.checkEva();
  17578. }, 1000);
  17579. });
  17580. _this.timer = setInterval(function () {
  17581. // _this.getCourseDetail(2);
  17582. if (_this.tcid) {
  17583. _this.getCourseGroup();
  17584. } else {
  17585. _this.selectSWorks();
  17586. }
  17587. _this.selectStudent();
  17588. _this.selectSLook();
  17589. _this.getPick();
  17590. // _this.getSplitScreenData();
  17591. // if (_this.courseDetail.userid == _this.userid && _this.IsFollow) {
  17592. // _this.setCTask();
  17593. // }
  17594. if (_this.dialogVisibleGroup) {
  17595. _this.groupJson =
  17596. _this.chapInfoList[_this.courseType].chapterInfo[0].taskJson[
  17597. _this.taskCount
  17598. ].toolChoose[_this.toolindex].groupJson;
  17599. }
  17600. if (_this.tType == 4 || _this.ispzType == 4) {
  17601. _this.selectPz();
  17602. }
  17603. }, 5000);
  17604. if (_this.timer2 == null) {
  17605. _this.timer2 = setInterval(()=> {
  17606. _this.getSplitScreenData();//获取分屏数据
  17607. }, 5000);
  17608. }
  17609. _this.$nextTick(function () {
  17610. setTimeout(() => {
  17611. // var a =
  17612. // document.getElementsByClassName("box_course")[0].offsetHeight;
  17613. // document.getElementsByClassName("vedioList")[0].style.height =
  17614. // a + "px";
  17615. // document.getElementsByClassName("navBox")[0].style.height =
  17616. // a - 40 + "px";
  17617. // if (_this.vedio[_this.taskCount].length > 0) {
  17618. // _this.vedioTime = [];
  17619. // for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
  17620. // _this.vedioTime[i] = document.getElementsByClassName(
  17621. // "vjs-duration-display"
  17622. // )[i].textContent;
  17623. // }
  17624. // }
  17625. }, 1000);
  17626. });
  17627. })
  17628. .catch((err) => {
  17629. loading.close();
  17630. console.error(err);
  17631. });
  17632. },
  17633. getCourseGroup(gindex) {
  17634. let params = {
  17635. cid: this.id,
  17636. classid: this.tcid ? this.tcid : "1",
  17637. };
  17638. this.ajax
  17639. .get(this.$store.state.api + "getCourseGroup", params)
  17640. .then((res) => {
  17641. if (res.data && res.data[0].length) {
  17642. if (!this.isGroup) {
  17643. let courseGroup = JSON.parse(res.data[0][0].group);
  17644. courseGroup.group = courseGroup.group.filter((el) => {
  17645. el.works = [];
  17646. return el;
  17647. });
  17648. if (courseGroup.isopen == 2) {
  17649. this.isGroup = false;
  17650. this.selectSWorks(gindex);
  17651. return;
  17652. }
  17653. this.courseGroup = courseGroup;
  17654. let groupPerson = res.data[1];
  17655. let group = JSON.parse(res.data[0][0].group).group;
  17656. let courseGroupStudent = {};
  17657. let courseGroupStudentUid = {};
  17658. for (var i = 0; i < group.length; i++) {
  17659. courseGroupStudent[group[i].id] = [];
  17660. courseGroupStudentUid[group[i].id] = [];
  17661. for (var j = 0; j < groupPerson.length; j++) {
  17662. if (groupPerson[j].groupCid == group[i].id) {
  17663. courseGroupStudent[group[i].id].push(groupPerson[j]);
  17664. courseGroupStudentUid[group[i].id].push(
  17665. groupPerson[j].userid
  17666. );
  17667. }
  17668. }
  17669. }
  17670. this.courseGroupStudent = courseGroupStudent;
  17671. this.courseGroupStudentUid = courseGroupStudentUid;
  17672. }
  17673. if (this.courseGroup.isopen == 2) {
  17674. this.isGroup = false;
  17675. } else {
  17676. this.isGroup = true;
  17677. }
  17678. this.selectSWorks(gindex);
  17679. } else {
  17680. this.selectSWorks(gindex);
  17681. this.isGroup = false;
  17682. }
  17683. })
  17684. .catch((err) => {
  17685. // this.$message.error("网络不佳");
  17686. console.error(err);
  17687. });
  17688. },
  17689. setOperationTime() {
  17690. let _this = this;
  17691. if (_this.opertimer) {
  17692. clearInterval(_this.opertimer);
  17693. _this.opertimer = null;
  17694. }
  17695. _this.opertimer = setInterval(() => {
  17696. _this.setoTime("600");
  17697. }, 600000);
  17698. },
  17699. setoTime(time) {
  17700. let params = [
  17701. {
  17702. uid: this.userid,
  17703. cid: this.id,
  17704. type: "2",
  17705. time: time,
  17706. },
  17707. ];
  17708. this.ajax
  17709. .post(this.$store.state.api + "addOperationTimeT2", params)
  17710. .then((res) => {})
  17711. .catch((err) => {
  17712. console.error(err);
  17713. });
  17714. },
  17715. addPz(type, content) {
  17716. if (type == "1" && this.pzConText == "") {
  17717. this.$message.error("评论不能为空!");
  17718. return;
  17719. }
  17720. let params = [
  17721. {
  17722. cid: this.id,
  17723. uid: this.userid,
  17724. s: this.courseType,
  17725. t: this.taskCount,
  17726. c: type == "1" ? this.pzConText : content,
  17727. type: type,
  17728. },
  17729. ];
  17730. this.ajax
  17731. .post(this.$store.state.api + "addPz2", params)
  17732. .then((res) => {
  17733. this.$message({
  17734. message: "添加成功",
  17735. type: "success",
  17736. });
  17737. this.pzConText = "";
  17738. this.addPzDialog = false;
  17739. this.selectPz();
  17740. if(this.tType!=2){
  17741. this.insertMemorandum(`使用<span class="btn">评论</span>功能,添加评论`)
  17742. }
  17743. })
  17744. .catch((err) => {
  17745. this.$message.error("添加失败");
  17746. console.error(err);
  17747. });
  17748. },
  17749. setReplyIndex(id, i) {
  17750. this.replyIndex = i;
  17751. this.replyPid = id;
  17752. this.replyDialogVisible = true;
  17753. },
  17754. addHf() {
  17755. if (this.reply == "") {
  17756. this.$message.error("回复不能为空!");
  17757. return;
  17758. }
  17759. let params = [
  17760. {
  17761. cid: this.id,
  17762. uid: this.userid,
  17763. s: this.courseType,
  17764. t: this.taskCount,
  17765. type: "1",
  17766. ct: 2,
  17767. pid: this.replyPid,
  17768. c: this.reply,
  17769. },
  17770. ];
  17771. this.ajax
  17772. .post(this.$store.state.api + "addHf", params)
  17773. .then((res) => {
  17774. this.reply = "";
  17775. this.$message({
  17776. message: "回复成功",
  17777. type: "success",
  17778. });
  17779. this.replyDialogVisible = false;
  17780. this.selectPz();
  17781. })
  17782. .catch((err) => {
  17783. this.$message.error("回复失败");
  17784. console.error(err);
  17785. });
  17786. },
  17787. deletePz(id) {
  17788. this.$confirm("确定删除此评论吗?", "提示", {
  17789. confirmButtonText: "确定",
  17790. cancelButtonText: "取消",
  17791. type: "warning",
  17792. })
  17793. .then(() => {
  17794. let params = [
  17795. {
  17796. id: id,
  17797. },
  17798. ];
  17799. this.ajax
  17800. .post(this.$store.state.api + "deletePz", params)
  17801. .then((res) => {
  17802. this.$message({
  17803. message: "删除成功",
  17804. type: "success",
  17805. });
  17806. this.selectPz();
  17807. })
  17808. .catch((err) => {
  17809. this.$message.error("网络异常");
  17810. console.error(err);
  17811. });
  17812. })
  17813. .catch(() => {});
  17814. },
  17815. deleteReply(id) {
  17816. this.$confirm("确定删除此回复吗?", "提示", {
  17817. confirmButtonText: "确定",
  17818. cancelButtonText: "取消",
  17819. type: "warning",
  17820. })
  17821. .then(() => {
  17822. let params = [
  17823. {
  17824. id: id,
  17825. },
  17826. ];
  17827. this.ajax
  17828. .post(this.$store.state.api + "deleteReply", params)
  17829. .then((res) => {
  17830. this.$message({
  17831. message: "删除成功",
  17832. type: "success",
  17833. });
  17834. this.selectPz();
  17835. })
  17836. .catch((err) => {
  17837. this.$message.error("网络异常");
  17838. console.error(err);
  17839. });
  17840. })
  17841. .catch(() => {});
  17842. },
  17843. setPz() {
  17844. if (this.ispzType == 4) {
  17845. this.ispzType = 0;
  17846. this.pzDialog = false;
  17847. return;
  17848. }
  17849. this.ispzType = 4;
  17850. this.pzDialog = true;
  17851. this.selectPz();
  17852. },
  17853. selectPz() {
  17854. let params = {
  17855. cid: this.id,
  17856. s: this.courseType,
  17857. t: this.taskCount,
  17858. type: this.pzStype,
  17859. uid: this.userid,
  17860. };
  17861. this.ajax
  17862. .get(this.$store.state.api + "selectPzListType", params)
  17863. .then((res) => {
  17864. this.pzList = res.data[0];
  17865. var a = res.data[1];
  17866. for (var i = 0; i < a.length; i++) {
  17867. for (var j = 0; j < this.pzList.length; j++) {
  17868. if (!this.pzList[j].hfList) {
  17869. this.pzList[j].hfList = [];
  17870. }
  17871. if (a[i].pid == this.pzList[j].id) {
  17872. this.pzList[j].hfList.push(a[i]);
  17873. }
  17874. }
  17875. }
  17876. })
  17877. .catch((err) => {
  17878. console.error(err);
  17879. });
  17880. },
  17881. // selectHf() {
  17882. // let params = {
  17883. // cid: this.id,
  17884. // s: this.courseType,
  17885. // t: this.taskCount,
  17886. // };
  17887. // this.ajax
  17888. // .get(this.$store.state.api + "selectHfList", params)
  17889. // .then((res) => {
  17890. // var a = res.data[0];
  17891. // for (var i = 0; i < a.length; i++) {
  17892. // for (var j = 0; j < this.pzList.length; j++) {
  17893. // if (!this.pzList[i].hfList) {
  17894. // this.pzList[i].hfList = [];
  17895. // }
  17896. // if (a[i].pid == this.pzList[j].id) {
  17897. // this.pzList[i].hfList.push(a[i]);
  17898. // }
  17899. // }
  17900. // }
  17901. // })
  17902. // .catch((err) => {
  17903. // console.error(err);
  17904. // });
  17905. // },
  17906. updateSLook() {
  17907. let params = {
  17908. sopen: this.sIsOpen == false ? 1 : 2,
  17909. cid: this.id,
  17910. };
  17911. this.ajax
  17912. .get(this.$store.state.api + "updateCourseSLook", params)
  17913. .then((res) => {
  17914. if (this.sIsOpen == true) {
  17915. this.$message({
  17916. message: "权限设置成功",
  17917. type: "success",
  17918. });
  17919. } else {
  17920. this.$message({
  17921. message: "权限关闭成功",
  17922. type: "success",
  17923. });
  17924. }
  17925. })
  17926. .catch((err) => {
  17927. console.error(err);
  17928. });
  17929. },
  17930. updateFollow() {
  17931. let params = [
  17932. {
  17933. sopen: this.IsFollow == false ? 1 : 2,
  17934. cid: this.id,
  17935. },
  17936. ];
  17937. this.ajax
  17938. .post(this.$store.state.api + "updateCourseFollow", params)
  17939. .then((res) => {
  17940. if (this.IsFollow == true) {
  17941. this.$message({
  17942. message: "开启成功",
  17943. type: "success",
  17944. });
  17945. } else {
  17946. this.$message({
  17947. message: "关闭成功",
  17948. type: "success",
  17949. });
  17950. }
  17951. this.setCTask();
  17952. })
  17953. .catch((err) => {
  17954. console.error(err);
  17955. });
  17956. },
  17957. setCTask() {
  17958. let params = [
  17959. {
  17960. sopen: this.courseType + "-" + this.taskCount,
  17961. cid: this.id,
  17962. },
  17963. ];
  17964. this.ajax
  17965. .post(this.$store.state.api + "updateCourseFollowC", params)
  17966. .then((res) => {})
  17967. .catch((err) => {
  17968. console.error(err);
  17969. });
  17970. },
  17971. updateLookOpen() {
  17972. let params = [
  17973. {
  17974. sopen: this.IsLookOpen == false ? 1 : 2,
  17975. cid: this.id,
  17976. },
  17977. ];
  17978. this.ajax
  17979. .post(this.$store.state.api + "updateCourseLookOpen", params)
  17980. .then((res) => {
  17981. if (this.IsLookOpen == true) {
  17982. // if (this.courseType != 0 && this.taskCount != 0) {
  17983. // this.openTask(0, 0, "0-0");
  17984. // }
  17985. this.$message({
  17986. message: "权限设置成功",
  17987. type: "success",
  17988. });
  17989. } else {
  17990. this.$message({
  17991. message: "权限关闭成功",
  17992. type: "success",
  17993. });
  17994. }
  17995. this.getCourseState(2);
  17996. })
  17997. .catch((err) => {
  17998. console.error(err);
  17999. });
  18000. },
  18001. selectSLook() {
  18002. let params = {
  18003. cid: this.id,
  18004. };
  18005. this.ajax
  18006. .get(this.$store.state.api + "selectCourseSLook", params)
  18007. .then((res) => {
  18008. this.sIsOpen = res.data[0][0].sopen == 1 ? false : true;
  18009. this.IsLookOpen = res.data[0][0].look == 1 ? false : true;
  18010. this.IsFollow = res.data[0][0].follow == 1 ? false : true;
  18011. if (!this.IsLookOpen) {
  18012. this.setNavList();
  18013. }
  18014. // else {
  18015. this.getCourseState(1);
  18016. // }
  18017. if ((this.IsFollow && this.tType == 2)) {
  18018. this.setContent2(false);
  18019. let _followC = res.data[0][0].followC.split("-");
  18020. if (
  18021. this.courseType != _followC[0] ||
  18022. this.taskCount != _followC[1]
  18023. ) {
  18024. this.navList[this.courseType].isOpen = false;
  18025. this.courseType = _followC[0];
  18026. this.navList[this.courseType].isOpen = true;
  18027. this.taskCount = parseInt(_followC[1]);
  18028. this.navId = res.data[0][0].followC;
  18029. document.scrollingElement.scrollTop = 0;
  18030. this.getCourseDetail(2);
  18031. }
  18032. }
  18033. })
  18034. .catch((err) => {
  18035. console.error(err);
  18036. });
  18037. },
  18038. setNavList() {
  18039. if (this.navList.length == 0) {
  18040. this.navList = [];
  18041. var copyList = [];
  18042. for (var l = 0; l < this.chapInfoList.length; l++) {
  18043. var q = this.chapInfoList[l].dyName;
  18044. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  18045. var e;
  18046. copyList.push({
  18047. dyName: q,
  18048. isOpen: l === 0 ? true : false,
  18049. task: [],
  18050. });
  18051. for (var r = 0; r < w.length; r++) {
  18052. e = w[r].task;
  18053. if (this.chapInfoList[l].easy == 1) {
  18054. copyList[l].task.push({
  18055. taskName: q,
  18056. id: l + "-" + r,
  18057. isLook: w[r].isLook,
  18058. isOpen: r === 0 ? true : false,
  18059. tool: [],
  18060. });
  18061. } else {
  18062. copyList[l].task.push({
  18063. taskName: e,
  18064. id: l + "-" + r,
  18065. isLook: w[r].isLook,
  18066. isOpen: r === 0 ? true : false,
  18067. tool: [],
  18068. });
  18069. }
  18070. var t = w[r].toolChoose;
  18071. for (var k = 0; k < t.length; k++) {
  18072. var tool = t[k].tool[0];
  18073. copyList[l].task[r].tool.push({
  18074. tool: tool,
  18075. isTool: false,
  18076. });
  18077. }
  18078. // this.navId = this.navId ? this.navId : l + "-" + r;
  18079. // this.navId = l + "-" + r;
  18080. }
  18081. }
  18082. this.navList = copyList;
  18083. this.navList[0].isOpen = false;
  18084. this.navList[this.courseType].isOpen = true;
  18085. this.navId = this.navList[this.courseType].task[this.taskCount].id;
  18086. } else {
  18087. this.setNavList2();
  18088. }
  18089. },
  18090. setNavList2() {
  18091. for (var l = 0; l < this.chapInfoList.length; l++) {
  18092. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  18093. for (var r = 0; r < w.length; r++) {
  18094. this.navList[l].task[r].isLook = w[r].isLook;
  18095. }
  18096. }
  18097. if (
  18098. this.IsLookOpen &&
  18099. !this.navList[this.courseType].task[this.taskCount].isLook
  18100. ) {
  18101. this.openTask(0, 0, "0-0");
  18102. }
  18103. this.$forceUpdate();
  18104. },
  18105. getCourseState(type) {
  18106. let params = {
  18107. cid: this.id,
  18108. };
  18109. this.ajax
  18110. .get(this.$store.state.api + "getCourseState", params)
  18111. .then((res) => {
  18112. // if (res.data[0].length > 0) {
  18113. // this.chapInfoList = JSON.parse(res.data[0][0].state);
  18114. // }
  18115. if (res.data[0].length > 0 && type == 1) {
  18116. this.chapInfoList = JSON.parse(res.data[0][0].state);
  18117. this.setNavList();
  18118. this.$forceUpdate();
  18119. } else if (res.data[0].length > 0 && type == 2) {
  18120. this.addCourseState(2);
  18121. } else {
  18122. // this.addCourseState(1);
  18123. }
  18124. })
  18125. .catch((err) => {
  18126. console.error(err);
  18127. });
  18128. },
  18129. addCourseState(type,val = '') {
  18130. let _state = val ? val : this.chapInfoList;
  18131. // this.courseType this.taskCount
  18132. if (type == 1 || type == 2) {
  18133. for (var i = 0; i < _state.length; i++) {
  18134. let el = _state[i].chapterInfo[0].taskJson;
  18135. for (var j = 0; j < el.length; j++) {
  18136. // if (i == 0 && j == 0) {
  18137. // el[j].isLook = true;
  18138. // } else {
  18139. // el[j].isLook = false;
  18140. // }
  18141. if (
  18142. this.courseType > i ||
  18143. (this.courseType == i && this.taskCount + 1 > j)
  18144. ) {
  18145. el[j].isLook = true;
  18146. } else {
  18147. el[j].isLook = false;
  18148. }
  18149. }
  18150. }
  18151. }
  18152. let params = [
  18153. {
  18154. cid: this.id,
  18155. state: JSON.stringify(_state),
  18156. },
  18157. ];
  18158. this.ajax
  18159. .post(
  18160. this.$store.state.api +
  18161. (type == 1 ? "addCourseState" : "updateCourseSate"),
  18162. params
  18163. )
  18164. .then((res) => {
  18165. if (this.IsLookOpen) {
  18166. this.setNavList();
  18167. }
  18168. if (type == 3 && type == 2) {
  18169. this.getCourseState(1);
  18170. }
  18171. })
  18172. .catch((err) => {
  18173. console.error(err);
  18174. });
  18175. },
  18176. getHomeWork() {
  18177. let params = {
  18178. cid: this.id,
  18179. stage: this.courseType,
  18180. task: this.taskCount,
  18181. uid: this.userid,
  18182. };
  18183. this.ajax
  18184. .get(this.$store.state.api + "selectWork", params)
  18185. .then((res) => {
  18186. if (res.data[0].length > 0) {
  18187. this.studyJuri = JSON.parse(res.data[0][0].content);
  18188. this.isNoHomeWork = true;
  18189. }
  18190. })
  18191. .catch((err) => {
  18192. console.error(err);
  18193. });
  18194. },
  18195. isAssetTypeAnImage(ext) {
  18196. return (
  18197. [
  18198. "png",
  18199. "jpg",
  18200. "jpeg",
  18201. "bmp",
  18202. "gif",
  18203. "webp",
  18204. "psd",
  18205. "svg",
  18206. "tiff",
  18207. ].indexOf(ext) !== -1
  18208. );
  18209. },
  18210. switchVideo(media) {
  18211. this.playerO = {};
  18212. this.playerOptions.poster = "";
  18213. this.playerOptions.sources[0].src = media;
  18214. this.playerO = this.playerOptions;
  18215. },
  18216. onPlayerPlay() {},
  18217. onPlayerTimeupdate(player) {
  18218. let gklog = player.cache_.currentTime; //当前播放的秒数
  18219. let a = player.cache_.duration; //视频的总时长
  18220. let gklog2 = parseInt(gklog);
  18221. // if(gklog2 == '3'){
  18222. // player.pause()
  18223. // setTimeout(()=>{
  18224. // player.currentTime(gklog2+1)
  18225. // player.play()
  18226. // },1000)
  18227. // }
  18228. console.log(" onPlayerTimeupdate!", gklog);
  18229. console.log(" onPlayerTimeupdate!", gklog2);
  18230. },
  18231. lookVedio(u, i) {
  18232. this.isClickNav = "";
  18233. // this.playerOptions.sources[0].src = u;
  18234. var d = JSON.parse(JSON.stringify(this.playerOptions));
  18235. d.sources[0].src = u;
  18236. this.playerO[this.taskCount] = d;
  18237. this.showType = 0;
  18238. // this.isClickNav = "video" + i;
  18239. this.isClickNav = i;
  18240. this.$forceUpdate();
  18241. this.insertMemorandum(`查看文件<span class="variable">任务${this.taskCount+1}:${this.vChapterData[this.taskCount].find(i=>i.url==u).name}</span>`)
  18242. },
  18243. lookText(i, t) {
  18244. this.isClickNav = "";
  18245. // this.text = this.textList[i][t];
  18246. this.text = this.vChapterData[i][t];
  18247. // this.dialogVisible1 = true;
  18248. this.showType = 1;
  18249. // this.isClickNav = "text" + t;
  18250. this.isClickNav = t;
  18251. this.insertMemorandum(`查看文件<span class="variable">任务${this.taskCount+1}:${this.vChapterData[this.taskCount][t].name}.doc</span>`)
  18252. },
  18253. lookTools(i, t) {
  18254. this.chapTools = this.chapToolList[i][t];
  18255. this.dialogVisible2 = true;
  18256. },
  18257. async openFile(f,w) {
  18258. this.pptImgUrl = "";
  18259. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  18260. if (
  18261. a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
  18262. -1
  18263. ) {
  18264. let _uuurl = await this.checkLink(f);
  18265. this.pptImgUrl =
  18266. "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
  18267. this.showPDF = false;
  18268. this.dialogVisible3 = true;
  18269. } else if (
  18270. f.split(".")[f.split(".").length - 1].toLocaleUpperCase() == "PDF"
  18271. ) {
  18272. this.pptImgUrl = f;
  18273. this.showPDF = true;
  18274. this.dialogVisible3 = true;
  18275. }
  18276. this.insertMemorandum(`查看<span class="variable">${w.sName}</span>的作业`)
  18277. },
  18278. openTable(f) {
  18279. this.tableJson = JSON.parse(f.works);
  18280. this.dialogVisibleTable2 = true;
  18281. this.insertMemorandum(`查看<span class="variable">${f.sName}的作业</span>`)
  18282. },
  18283. openWord(f) {
  18284. this.tableJson = JSON.parse(f.works);
  18285. this.dialogVisibleTable3 = true;
  18286. this.insertMemorandum(`查看<span class="variable">${f.sName}的作业</span>`)
  18287. },
  18288. doUrl(url, i) {
  18289. this.isClickNav = "";
  18290. this.pptImgUrl1 = "";
  18291. this.showType = 2;
  18292. if (url.indexOf("https://") == -1 && url.indexOf("http://") == -1) {
  18293. url = "https://" + url;
  18294. }
  18295. this.pptImgUrl1 = "";
  18296. this.diffKey = new Date().getTime();
  18297. setTimeout(() => {
  18298. this.pptImgUrl1 = url;
  18299. }, 500);
  18300. // this.isClickNav = "line" + i;
  18301. this.isClickNav = i;
  18302. this.$forceUpdate();
  18303. },
  18304. checkPhoto(f, i) {
  18305. this.showType = 4;
  18306. this.pptImgUrl1 = f.url;
  18307. this.isClickNav = i;
  18308. this.$forceUpdate();
  18309. this.insertMemorandum(`查看文件<span class="variable">任务${this.taskCount+1}:${this.vChapterData[this.taskCount][i].name}</span>`)
  18310. },
  18311. checkHtml(f, i){
  18312. this.showType = 16;
  18313. this.pptImgUrl1 = f.url;
  18314. this.isClickNav = i;
  18315. this.$forceUpdate();
  18316. },
  18317. async downFile(f, i) {
  18318. this.isClickNav = "";
  18319. this.pptImgUrl1 = "";
  18320. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"]; //"PDF",
  18321. if (
  18322. a.indexOf(
  18323. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase()
  18324. ) != -1
  18325. ) {
  18326. let _uuurl = await this.checkLink(f.url);
  18327. this.pptImgUrl1 =
  18328. "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
  18329. // this.dialogVisible3 = true;
  18330. this.showType = 2;
  18331. } else if (
  18332. this.isAssetTypeAnImage(
  18333. f.url.split(".")[f.url.split(".").length - 1].toLocaleLowerCase()
  18334. )
  18335. ) {
  18336. this.showType = 4;
  18337. this.pptImgUrl1 = f.url;
  18338. } else if (
  18339. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
  18340. "PDF"
  18341. ) {
  18342. this.pptImgUrl1 = f.url;
  18343. // this.dialogVisible3 = true;
  18344. this.showType = 3;
  18345. } else {
  18346. window.open(this.file[i].url);
  18347. }
  18348. // this.isClickNav = "word" + i;
  18349. this.isClickNav = i;
  18350. this.insertMemorandum(`查看文件<span class="variable">任务${this.taskCount+1}:${this.vChapterData[this.taskCount][i].name}</span>`)
  18351. },
  18352. downFileList(i) {
  18353. window.open(this.noImgList[i].url);
  18354. },
  18355. openAddWork() {
  18356. this.dialogVisible = true;
  18357. },
  18358. addBzWorks() {
  18359. let params = [
  18360. {
  18361. uid: this.userid,
  18362. cid: this.id,
  18363. stage: this.courseType,
  18364. task: this.taskCount,
  18365. tool: this.toolindex,
  18366. content: JSON.stringify(this.eScore),
  18367. type: 6,
  18368. },
  18369. ];
  18370. if (this.homeWorkLoading) return this.$message.info('点击过快,请稍后...')
  18371. this.homeWorkLoading = true
  18372. this.ajax
  18373. .post(this.$store.state.api + "addCourseWorks", params)
  18374. .then((res) => {
  18375. this.$message({
  18376. message: "提交成功",
  18377. type: "success",
  18378. });
  18379. this.addOp3('1', "", { courseid: this.id,tool:'个人评价',data: JSON.stringify(this.eScore),type: "course_tool_sub" }, "success")
  18380. setTimeout(() => {
  18381. this.homeWorkLoading = false
  18382. }, 500);
  18383. this.eScore = { eBzText: "", eStar: [] };
  18384. this.studentEvalDialogVisible = false;
  18385. this.selectSWorks();
  18386. })
  18387. .catch((err) => {
  18388. this.addOp3('1', "", { courseid: this.id,tool:'个人评价',data: JSON.stringify(this.eScore),type: "course_tool_sub" }, err)
  18389. setTimeout(() => {
  18390. this.homeWorkLoading = false
  18391. }, 500);
  18392. this.$message.error("提交失败");
  18393. console.error(err);
  18394. });
  18395. },
  18396. addBzWorksTeacher() {
  18397. let params = [
  18398. {
  18399. uid: this.sStudent.userid,
  18400. cid: this.id,
  18401. stage: this.courseType,
  18402. task: this.taskCount,
  18403. tool: this.toolindex,
  18404. content: JSON.stringify(this.eScore),
  18405. type: 6,
  18406. },
  18407. ];
  18408. this.ajax
  18409. .post(this.$store.state.api + "addCourseWorks", params)
  18410. .then((res) => {
  18411. this.$message({
  18412. message: "提交成功",
  18413. type: "success",
  18414. });
  18415. this.eScore = { eBzText: "", eStar: [] };
  18416. this.studentEvalDialogVisibleTeacher = false;
  18417. this.selectSWorks();
  18418. })
  18419. .catch((err) => {
  18420. this.$message.error("提交失败");
  18421. console.error(err);
  18422. });
  18423. },
  18424. addStudentAsk() {
  18425. if (!this.radio.length) {
  18426. this.$message.error("请选择选项");
  18427. return;
  18428. }
  18429. for (var i = 0; i < this.askJson.askCount; i++) {
  18430. if (
  18431. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  18432. (this.radio[i] !== 0 && !this.radio[i])
  18433. ) {
  18434. this.$message.error("请选择选项");
  18435. return;
  18436. }
  18437. }
  18438. this.askList.push({ askJson: this.askJson, anwer: this.radio });
  18439. let params = [
  18440. {
  18441. uid: this.userid,
  18442. cid: this.id,
  18443. stage: this.courseType,
  18444. task: this.taskCount,
  18445. tool: this.toolindex,
  18446. content: JSON.stringify(this.askList),
  18447. type: 2,
  18448. },
  18449. ];
  18450. // console.log('params',params);
  18451. if (this.homeWorkLoading) return this.$message.info('点击过快,请稍后...')
  18452. this.homeWorkLoading = true
  18453. this.ajax
  18454. .post(this.$store.state.api + "addCourseWorks", params)
  18455. .then((res) => {
  18456. this.$message({
  18457. message: "提交成功",
  18458. type: "success",
  18459. });
  18460. setTimeout(() => {
  18461. this.homeWorkLoading = false
  18462. }, 500);
  18463. this.askList = [];
  18464. this.dialogVisible5 = false;
  18465. this.selectStudent();
  18466. this.selectSWorks();
  18467. this.selectSLook();
  18468. this.addOp3('1', "", { courseid: this.id,tool:'问卷调查',data:JSON.stringify(this.askList),type: "course_tool_sub" }, "success")
  18469. })
  18470. .catch((err) => {
  18471. this.addOp3('1', "", { courseid: this.id,tool:'问卷调查',data:JSON.stringify(this.askList),type: "course_tool_sub" }, err)
  18472. setTimeout(() => {
  18473. this.homeWorkLoading = false
  18474. }, 500);
  18475. this.$message.error("提交失败");
  18476. console.error(err);
  18477. });
  18478. },
  18479. addStudentAskTeacher() {
  18480. if (!this.radio.length) {
  18481. this.$message.error("请选择选项");
  18482. return;
  18483. }
  18484. for (var i = 0; i < this.askJson.askCount; i++) {
  18485. if (
  18486. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  18487. (this.radio[i] !== 0 && !this.radio[i])
  18488. ) {
  18489. this.$message.error("请选择选项");
  18490. return;
  18491. }
  18492. }
  18493. this.askList.push({ askJson: this.askJson, anwer: this.radio });
  18494. let params = [
  18495. {
  18496. uid: this.sStudent.userid,
  18497. cid: this.id,
  18498. stage: this.courseType,
  18499. task: this.taskCount,
  18500. tool: this.toolindex,
  18501. content: JSON.stringify(this.askList),
  18502. type: 2,
  18503. },
  18504. ];
  18505. this.ajax
  18506. .post(this.$store.state.api + "addCourseWorks", params)
  18507. .then((res) => {
  18508. this.$message({
  18509. message: "提交成功",
  18510. type: "success",
  18511. });
  18512. this.askList = [];
  18513. this.dialogVisible5Teacher = false;
  18514. this.selectStudent();
  18515. this.selectSWorks();
  18516. this.selectSLook();
  18517. })
  18518. .catch((err) => {
  18519. this.$message.error("提交失败");
  18520. console.error(err);
  18521. });
  18522. },
  18523. addStudentTest() {
  18524. if (!this.radio.length) {
  18525. this.$message.error("请选择选项");
  18526. return;
  18527. }
  18528. for (var i = 0; i < this.testJson.testCount; i++) {
  18529. if (
  18530. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  18531. (this.radio[i] !== 0 && !this.radio[i])
  18532. ) {
  18533. this.$message.error("请选择选项");
  18534. return;
  18535. }
  18536. }
  18537. this.askList.push({ testJson: this.testJson, anwer: this.radio });
  18538. let params = [
  18539. {
  18540. uid: this.userid,
  18541. cid: this.id,
  18542. stage: this.courseType,
  18543. task: this.taskCount,
  18544. tool: this.toolindex,
  18545. content: JSON.stringify(this.askList),
  18546. type: 8,
  18547. },
  18548. ];
  18549. if (this.homeWorkLoading) return this.$message.info('点击过快,请稍后...')
  18550. this.homeWorkLoading = true
  18551. this.ajax
  18552. .post(this.$store.state.api + "addCourseWorks", params)
  18553. .then((res) => {
  18554. this.$message({
  18555. message: "提交成功",
  18556. type: "success",
  18557. });
  18558. this.addOp3('1', "", { courseid: this.id,tool:'选择题',data:JSON.stringify(this.askList),type: "course_tool_sub" }, "success")
  18559. setTimeout(() => {
  18560. this.homeWorkLoading = false
  18561. }, 500);
  18562. this.askList = [];
  18563. this.dialogVisibleChoice = false;
  18564. this.selectStudent();
  18565. this.selectSWorks();
  18566. this.selectSLook();
  18567. })
  18568. .catch((err) => {
  18569. this.addOp3('1', "", { courseid: this.id,tool:'选择题',data:JSON.stringify(this.askList),type: "course_tool_sub" }, err)
  18570. setTimeout(() => {
  18571. this.homeWorkLoading = false
  18572. }, 500);
  18573. this.$message.error("提交失败");
  18574. console.error(err);
  18575. });
  18576. },
  18577. addStudentTestTeacher() {
  18578. if (!this.radio.length) {
  18579. this.$message.error("请选择选项");
  18580. return;
  18581. }
  18582. for (var i = 0; i < this.testJson.testCount; i++) {
  18583. if (
  18584. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  18585. (this.radio[i] !== 0 && !this.radio[i])
  18586. ) {
  18587. this.$message.error("请选择选项");
  18588. return;
  18589. }
  18590. }
  18591. this.askList.push({ testJson: this.testJson, anwer: this.radio });
  18592. let params = [
  18593. {
  18594. uid: this.sStudent.userid,
  18595. cid: this.id,
  18596. stage: this.courseType,
  18597. task: this.taskCount,
  18598. tool: this.toolindex,
  18599. content: JSON.stringify(this.askList),
  18600. type: 8,
  18601. },
  18602. ];
  18603. this.ajax
  18604. .post(this.$store.state.api + "addCourseWorks", params)
  18605. .then((res) => {
  18606. this.$message({
  18607. message: "提交成功",
  18608. type: "success",
  18609. });
  18610. this.askList = [];
  18611. this.dialogVisibleChoiceTeacher = false;
  18612. this.selectStudent();
  18613. this.selectSWorks();
  18614. this.selectSLook();
  18615. })
  18616. .catch((err) => {
  18617. this.$message.error("提交失败");
  18618. console.error(err);
  18619. });
  18620. },
  18621. addWork() {
  18622. if (this.studyJuri[0].content == "") {
  18623. this.$message.error("请将信息填写完整");
  18624. return;
  18625. } else if (this.studyJuri[0].cover.length == 0) {
  18626. this.$message.error("请将信息填写完整");
  18627. return;
  18628. } else if (this.studyJuri[0].upVedio.length == 0) {
  18629. this.$message.error("请将信息填写完整");
  18630. return;
  18631. }
  18632. if (this.isNoHomeWork) {
  18633. this.$confirm(
  18634. "您已经提交了该作业了,如果您再提交将覆盖上次提交的作业!",
  18635. "提示",
  18636. {
  18637. confirmButtonText: "确定",
  18638. cancelButtonText: "取消",
  18639. type: "warning",
  18640. }
  18641. )
  18642. .then(() => {
  18643. let params = [
  18644. {
  18645. uid: this.userid,
  18646. cid: this.id,
  18647. stage: this.courseType,
  18648. task: this.taskCount,
  18649. content: JSON.stringify(this.studyJuri),
  18650. },
  18651. ];
  18652. this.ajax
  18653. .post(this.$store.state.api + "addWorks", params)
  18654. .then((res) => {
  18655. this.$message({
  18656. message: "提交成功",
  18657. type: "success",
  18658. });
  18659. this.isNoHomeWork = true;
  18660. this.dialogVisible = false;
  18661. })
  18662. .catch((err) => {
  18663. this.$message.error("提交失败");
  18664. console.error(err);
  18665. });
  18666. })
  18667. .catch(() => {});
  18668. } else {
  18669. let params = [
  18670. {
  18671. uid: this.userid,
  18672. cid: this.id,
  18673. stage: this.courseType,
  18674. task: this.taskCount,
  18675. content: JSON.stringify(this.studyJuri),
  18676. },
  18677. ];
  18678. this.ajax
  18679. .post(this.$store.state.api + "addWorks", params)
  18680. .then((res) => {
  18681. this.$message({
  18682. message: "提交成功",
  18683. type: "success",
  18684. });
  18685. this.isNoHomeWork = true;
  18686. this.dialogVisible = false;
  18687. })
  18688. .catch((err) => {
  18689. this.$message.error("提交失败");
  18690. console.error(err);
  18691. });
  18692. }
  18693. },
  18694. selectCount() {
  18695. let params = {
  18696. cid: this.id,
  18697. chid: this.courseType,
  18698. uid: this.userid,
  18699. };
  18700. this.ajax
  18701. .get(this.$store.state.api + "selectToolsCount", params)
  18702. .then((res) => {
  18703. for (var i = 0; i < res.data[0].length; i++) {
  18704. if (res.data[0][i].tools == 1) {
  18705. this.wbCount = res.data[0][i].count;
  18706. } else if (res.data[0][i].tools == 2) {
  18707. this.wordCount = res.data[0][i].count;
  18708. } else if (res.data[0][i].tools == 3) {
  18709. this.mindCount = res.data[0][i].count;
  18710. } else if (res.data[0][i].tools == 4) {
  18711. this.askCount = res.data[0][i].count;
  18712. } else if (res.data[0][i].tools == 6) {
  18713. this.noteCount = res.data[0][i].count;
  18714. } else if (res.data[0][i].tools == 7) {
  18715. this.mindNetWorkCount = res.data[0][i].count;
  18716. } else if (res.data[0][i].tools == 8) {
  18717. this.libraryCount = res.data[0][i].count;
  18718. } else if (res.data[0][i].tools == 16) {
  18719. this.workCount = res.data[0][i].count;
  18720. } else if (res.data[0][i].tools == 10) {
  18721. this.timeCount = res.data[0][i].count;
  18722. } else if (res.data[0][i].tools == 15) {
  18723. this.answerCount = res.data[0][i].count;
  18724. } else if (res.data[0][i].tools == 18) {
  18725. this.trainCount = res.data[0][i].count;
  18726. }
  18727. }
  18728. })
  18729. .catch((err) => {
  18730. console.error(err);
  18731. });
  18732. },
  18733. openTools(t, i, index, c, sName,id) {
  18734. var z = JSON.parse(c);
  18735. this.noteName = sName;
  18736. if (t == 4) {
  18737. this.radio = [];
  18738. this.isAnswer = false;
  18739. let b = z[0].anwer;
  18740. this.radio = b;
  18741. this.askJson = z[0].askJson;
  18742. this.isAnswer = true;
  18743. this.dialogVisible5 = true;
  18744. } else if (t == 45) {
  18745. this.radio = [];
  18746. this.isAnswer = false;
  18747. let b = z[0].anwer;
  18748. this.radio = b;
  18749. this.testJson = z[0].testJson;
  18750. this.isAnswer = true;
  18751. this.dialogVisibleChoice = true;
  18752. }else if(t == 69){
  18753. this.oldEnglishJson1 = {}
  18754. this.oldEnglishJson = {}
  18755. this.englishList1 = {}
  18756. this.newEngIndex = -1;
  18757. this.isNoUserid = false;
  18758. this.englishList1 = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  18759. .toolChoose[i].englishList;
  18760. this.oldEnglishJson = z;
  18761. this.engWid = id;
  18762. this.newEnglishList = { engTitle:"",engText:"" }
  18763. this.newEnglishList1 = []
  18764. this.selectEngC(id,z);
  18765. }else if(t == 62){
  18766. this.videoType = 1;
  18767. this.videoJson = {};
  18768. this.videoJson = JSON.parse(c);
  18769. // this.videoJson =
  18770. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18771. // index
  18772. // ].toolChoose[i].videoJson;
  18773. this.dialogVisibleVideo = true;
  18774. //this.dialog
  18775. }
  18776. // else if (t == 15) {
  18777. // this.answerQ = "";
  18778. // this.questionAnswer = "";
  18779. // this.answerQ = z[0].answerTitle;
  18780. // this.questionAnswer = z[0].answer;
  18781. // this.answerDialogVisible = true;
  18782. // }
  18783. this.insertMemorandum(`查看<span class="variable">${sName}</span>的作业`)
  18784. },
  18785. fastText(p, t) {
  18786. if (t == 1) {
  18787. this.commentText += p;
  18788. } else {
  18789. this.eScore.eBzText += p;
  18790. }
  18791. },
  18792. addTools(t, i, index) {
  18793. var a = 0;
  18794. // this.taskCount = index;
  18795. this.toolindex = i;
  18796. if (t == 1) {
  18797. if (this.wbCount > 0) {
  18798. this.updateCount(this.wbCount, t);
  18799. } else {
  18800. this.wbCount++;
  18801. a = this.wbCount;
  18802. this.toolsCount(a, t);
  18803. }
  18804. window.topU.postMessage(
  18805. {
  18806. tools: "1",
  18807. cid: this.id,
  18808. stage: this.courseType,
  18809. task: this.taskCount,
  18810. tool: i,
  18811. },
  18812. "*"
  18813. );
  18814. } else if (t == 2) {
  18815. if (this.wordCount > 0) {
  18816. this.updateCount(this.wordCount, t);
  18817. } else {
  18818. this.wordCount++;
  18819. a = this.wordCount;
  18820. this.toolsCount(a, t);
  18821. }
  18822. window.topU.postMessage({ tools: "2" }, "*");
  18823. } else if (t == 3) {
  18824. if (this.mindCount > 0) {
  18825. this.updateCount(this.mindCount, t);
  18826. } else {
  18827. this.mindCount++;
  18828. a = this.mindCount;
  18829. this.toolsCount(a, t);
  18830. }
  18831. window.topU.postMessage(
  18832. {
  18833. tools: "3",
  18834. cid: this.id,
  18835. stage: this.courseType,
  18836. task: this.taskCount,
  18837. tool: i,
  18838. },
  18839. "*"
  18840. );
  18841. } else if (t == 4) {
  18842. this.radio = [];
  18843. this.noteName = "";
  18844. this.isAnswer = false;
  18845. if (this.askCount > 0) {
  18846. this.updateCount(this.askCount, t);
  18847. } else {
  18848. this.askCount++;
  18849. a = this.askCount;
  18850. this.toolsCount(a, t);
  18851. }
  18852. if (!this.dialogVisible2) {
  18853. this.askJson.askJson =
  18854. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18855. index
  18856. ].toolChoose[i].askJson;
  18857. this.askJson.askTitle =
  18858. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18859. index
  18860. ].toolChoose[i].askTitle;
  18861. this.askJson.askCount =
  18862. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18863. index
  18864. ].toolChoose[i].askCount;
  18865. } else {
  18866. this.askJson.askJson = this.chapTools.askJson.askJson;
  18867. this.askJson.askTitle = this.chapTools.askJson.askTitle;
  18868. this.askJson.askCount = this.chapTools.askJson.askCount;
  18869. }
  18870. for (var k = 0; k < this.askJson.askJson.length; k++) {
  18871. if (this.askJson.askJson[k].type == "2") {
  18872. this.radio.push([]);
  18873. } else {
  18874. this.radio.push("");
  18875. }
  18876. }
  18877. this.dialogVisible5 = true;
  18878. // window.topU.postMessage({ tools: "4" }, "*");
  18879. } else if (t == 45) {
  18880. this.noteName = "";
  18881. this.radio = [];
  18882. this.isAnswer = false;
  18883. if (this.askCount > 0) {
  18884. this.updateCount(this.askCount, t);
  18885. } else {
  18886. this.askCount++;
  18887. a = this.askCount;
  18888. this.toolsCount(a, t);
  18889. }
  18890. this.testJson =
  18891. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18892. index
  18893. ].toolChoose[i].testJson;
  18894. for (var k = 0; k < this.testJson.testJson.length; k++) {
  18895. if (this.testJson.testJson[k].type == "2") {
  18896. this.radio.push([]);
  18897. } else {
  18898. this.radio.push("");
  18899. }
  18900. }
  18901. this.dialogVisibleChoice = true;
  18902. // window.topU.postMessage({ tools: "4" }, "*");
  18903. } else if (t == 5) {
  18904. if (this.scoreCount > 0) {
  18905. this.updateCount(this.scoreCount, t);
  18906. } else {
  18907. this.scoreCount++;
  18908. a = this.scoreCount;
  18909. this.toolsCount(a, t);
  18910. }
  18911. this.dialogVisible4 = true;
  18912. // window.topU.postMessage({ tools: "5" }, "*");
  18913. } else if (t == 6) {
  18914. if (this.noteCount > 0) {
  18915. this.updateCount(this.noteCount, t);
  18916. } else {
  18917. this.noteCount++;
  18918. a = this.noteCount;
  18919. this.toolsCount(a, t);
  18920. }
  18921. window.topU.postMessage(
  18922. {
  18923. tools: "6",
  18924. cid: this.id,
  18925. stage: this.courseType,
  18926. task: this.taskCount,
  18927. tool: i,
  18928. },
  18929. "*"
  18930. );
  18931. } else if (t == 7) {
  18932. if (this.mindNetWorkCount > 0) {
  18933. this.updateCount(this.mindNetWorkCount, t);
  18934. } else {
  18935. this.mindNetWorkCount++;
  18936. a = this.mindNetWorkCount;
  18937. this.toolsCount(a, t);
  18938. }
  18939. window.topU.postMessage(
  18940. {
  18941. tools: "7",
  18942. cid: this.id,
  18943. stage: this.courseType,
  18944. task: this.taskCount,
  18945. tool: i,
  18946. },
  18947. "*"
  18948. );
  18949. } else if (t == 16) {
  18950. if (this.workCount > 0) {
  18951. this.updateCount(this.workCount, t);
  18952. } else {
  18953. this.workCount++;
  18954. a = this.workCount;
  18955. this.toolsCount(a, t);
  18956. }
  18957. this.dialogVisible = true;
  18958. } else if (t == 50) {
  18959. if (this.tType == 2) {
  18960. this.$message.error("不支持学生使用");
  18961. return;
  18962. }
  18963. this.plworkFile = [];
  18964. this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
  18965. if (!this.uploadCid) {
  18966. this.$message.error(
  18967. "提示:批量上传未添加班级权限,请添加班级或从班级入口进入。"
  18968. );
  18969. return;
  18970. }
  18971. // this.uploadCid =
  18972. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  18973. // index
  18974. // ].toolChoose[i].uploadJson[0];
  18975. this.selectUploadStudent(2);
  18976. } else if (t == 8) {
  18977. if (this.libraryCount > 0) {
  18978. this.updateCount(this.libraryCount, t);
  18979. } else {
  18980. this.libraryCount++;
  18981. a = this.libraryCount;
  18982. this.toolsCount(a, t);
  18983. }
  18984. window.topU.postMessage({ tools: "8" }, "*");
  18985. } else if (t == 17) {
  18986. if (this.libraryCount > 0) {
  18987. this.updateCount(this.libraryCount, t);
  18988. } else {
  18989. this.libraryCount++;
  18990. a = this.libraryCount;
  18991. this.toolsCount(a, t);
  18992. }
  18993. window.topU.postMessage({ tools: "17" }, "*");
  18994. } else if (t == 18) {
  18995. if (this.trainCount > 0) {
  18996. this.updateCount(this.trainCount, t);
  18997. } else {
  18998. this.trainCount++;
  18999. a = this.trainCount;
  19000. this.toolsCount(a, t);
  19001. }
  19002. window.topU.postMessage({ tools: "18" }, "*");
  19003. } else if (t == 10) {
  19004. if (this.timeCount > 0) {
  19005. this.updateCount(this.timeCount, t);
  19006. } else {
  19007. this.timeCount++;
  19008. a = this.timeCount;
  19009. this.toolsCount(a, t);
  19010. }
  19011. this.preTime = this.chapInfoList[this.courseType].chapterInfo[0]
  19012. .taskJson[index].toolChoose[i].preTime
  19013. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  19014. .toolChoose[i].preTime
  19015. : "";
  19016. this.timeDialogVisible = true;
  19017. } else if (t == 15) {
  19018. this.answerQ = "";
  19019. this.questionAnswer = "";
  19020. if (this.answerCount > 0) {
  19021. this.updateCount(this.answerCount, t);
  19022. } else {
  19023. this.answerCount++;
  19024. a = this.answerCount;
  19025. this.toolsCount(a, t);
  19026. }
  19027. this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
  19028. .taskJson[index].toolChoose[i].answerQ
  19029. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  19030. .toolChoose[i].answerQ
  19031. : "";
  19032. this.answerDialogVisible = true;
  19033. } else if (t == 21) {
  19034. window.topU.postMessage({ tools: "21" }, "*");
  19035. } else if (t == 22) {
  19036. window.topU.postMessage({ tools: "22" }, "*");
  19037. } else if (t == 23) {
  19038. window.topU.postMessage({ tools: "23" }, "*");
  19039. } else if (t == 24) {
  19040. window.topU.postMessage({ tools: "24" }, "*");
  19041. } else if (t == 25) {
  19042. window.topU.postMessage({ tools: "25" }, "*");
  19043. } else if (t == 31) {
  19044. window.topU.postMessage({ tools: "31" }, "*");
  19045. } else if (t == 28) {
  19046. window.topU.postMessage({ tools: "28" }, "*");
  19047. } else if (t == 37) {
  19048. window.topU.postMessage({ tools: "37" }, "*");
  19049. } else if (t == 38) {
  19050. window.topU.postMessage({ tools: "38" }, "*");
  19051. } else if (t == 39) {
  19052. window.topU.postMessage({ tools: "39" }, "*");
  19053. } else if (t == 32) {
  19054. window.topU.postMessage({ tools: "32" }, "*");
  19055. } else if (t == 66) {
  19056. window.topU.postMessage({ tools: "66" }, "*");
  19057. } else if (t == 67) {
  19058. window.topU.postMessage({ tools: "67" }, "*");
  19059. } else if (t == 68) {
  19060. window.topU.postMessage({ tools: "68" }, "*");
  19061. } else if (t == 57) {
  19062. // window.topU.postMessage({ tools: "57" }, "*");
  19063. window.topU.postMessage(
  19064. {
  19065. tools: "57u",
  19066. cid: this.id,
  19067. stage: this.courseType,
  19068. task: this.taskCount,
  19069. tool: i,
  19070. },
  19071. "*"
  19072. );
  19073. } else if (t == 58) {
  19074. window.topU.postMessage({ tools: "58" }, "*");
  19075. } else if (t == 59) {
  19076. window.topU.postMessage({ tools: "59" }, "*");
  19077. } else if (t == 60) {
  19078. window.topU.postMessage({ tools: "60" }, "*");
  19079. } else if (t == 61) {
  19080. window.topU.postMessage({ tools: "61" }, "*");
  19081. } else if (t == 63) {
  19082. window.topU.postMessage({ tools: "63" }, "*");
  19083. } else if (t == 71) {
  19084. // if(this.org == '16ace517-b5c7-4168-a9bb-a9e0035df840'){
  19085. // this.$message.error("该工具不可使用");
  19086. // return
  19087. // }
  19088. window.topU.postMessage({ tools: "71" }, "*");
  19089. } else if (t == 72) {
  19090. let item = this.chapInfoList[this.courseType].chapterInfo[0]
  19091. .taskJson[index].toolChoose[i].appJson
  19092. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  19093. .toolChoose[i].appJson
  19094. : "";
  19095. if(!item || !item.url){
  19096. this.$message.error("应用连接为空, 请到课程管理中添加");
  19097. return;
  19098. }
  19099. if (!document.fullscreenElement) {
  19100. this.enterFullScreen();
  19101. }
  19102. this.$refs.appStoreC.getData(item.url,this.userid)
  19103. // window.open(item.url, "_blank");
  19104. // window.topU.postMessage({ tools: "72", data: item }, "*");
  19105. } else if (t == 69) {
  19106. if (this.worksStudent[i].length) {
  19107. for (var k = 0; k < this.worksStudent[i].length; k++) {
  19108. if (this.userid == this.worksStudent[i][k].userid) {
  19109. this.myAnswerList1 = JSON.parse(this.worksStudent[i][k].works)
  19110. break;
  19111. } else {
  19112. this.myAnswerList1 = {engTitle: "",engText: "",imgList: [],};
  19113. }
  19114. }
  19115. } else {
  19116. this.myAnswerList1 = {engTitle: "",engText: "",imgList: [],};
  19117. }
  19118. this.englishList = this.chapInfoList[this.courseType].chapterInfo[0]
  19119. .taskJson[index].toolChoose[i].englishList
  19120. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  19121. .toolChoose[i].englishList
  19122. : {};
  19123. this.englishToolIndex = i;
  19124. this.myAnList = this.myAnswerList1;
  19125. this.engDialogVisible = true;
  19126. } else if (t == 70) {
  19127. if (this.worksStudent[i].length) {
  19128. for (var k = 0; k < this.worksStudent[i].length; k++) {
  19129. if (this.userid == this.worksStudent[i][k].userid && this.worksStudent[i][k].type == 17) {
  19130. this.englishVoiceJsonWork = JSON.parse(this.worksStudent[i][k].works)
  19131. break;
  19132. } else {
  19133. this.englishVoiceJsonWork = [];
  19134. }
  19135. }
  19136. } else {
  19137. this.englishVoiceJsonWork = [];
  19138. }
  19139. let englishVoiceJson = {}
  19140. englishVoiceJson = this.chapInfoList[this.courseType].chapterInfo[0]
  19141. .taskJson[index].toolChoose[i].englishVoiceJson
  19142. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  19143. .toolChoose[i].englishVoiceJson
  19144. : {};
  19145. this.englishVoiceJson = JSON.parse(JSON.stringify(englishVoiceJson));
  19146. this.EnglishVoiceDialog = true;
  19147. } else if (t == 65) {
  19148. if (this.tType == 2) {
  19149. this.$message.error("不支持学生使用");
  19150. return;
  19151. }
  19152. this.uploadCid = this.tcid;
  19153. if (!this.uploadCid) {
  19154. this.$message.error(
  19155. "提示:未添加班级权限,请添加班级或从班级入口进入。"
  19156. );
  19157. return;
  19158. }
  19159. this.selectPickStudent();
  19160. } else if (t == 26) {
  19161. window.topU.postMessage(
  19162. {
  19163. tools: "26",
  19164. cid: this.id,
  19165. stage: this.courseType,
  19166. task: this.taskCount,
  19167. tool: i,
  19168. },
  19169. "*"
  19170. );
  19171. } else if (t == 40) {
  19172. if (this.evalCount > 0) {
  19173. this.updateCount(this.evalCount, t);
  19174. } else {
  19175. this.evalCount++;
  19176. a = this.evalCount;
  19177. this.toolsCount(a, t);
  19178. }
  19179. this.eScore = { eBzText: "", eStar: [] };
  19180. if (this.worksStudent[i].length) {
  19181. for (var k = 0; k < this.worksStudent[i].length; k++) {
  19182. if (this.userid == this.worksStudent[i][k].userid) {
  19183. this.eScore = JSON.parse(this.worksStudent[i][k].works);
  19184. this.rateJson =
  19185. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19186. index
  19187. ].toolChoose[i].rateJson;
  19188. break;
  19189. } else {
  19190. this.rateJson =
  19191. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19192. index
  19193. ].toolChoose[i].rateJson;
  19194. }
  19195. }
  19196. } else {
  19197. this.rateJson =
  19198. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19199. index
  19200. ].toolChoose[i].rateJson;
  19201. }
  19202. this.isStar = false;
  19203. this.studentEvalDialogVisible = true;
  19204. } else if (t == 41) {
  19205. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  19206. .taskJson[index].toolChoose[i].selectJson
  19207. ? JSON.parse(
  19208. JSON.stringify(
  19209. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19210. index
  19211. ].toolChoose[i].selectJson
  19212. )
  19213. )
  19214. : { url: "", select: [], answer: [] };
  19215. if (this.worksStudent[i].length) {
  19216. for (var k = 0; k < this.worksStudent[i].length; k++) {
  19217. if (this.userid == this.worksStudent[i][k].userid) {
  19218. var a = this.worksStudent[i][k].works.split(",");
  19219. for (var ki = 0; ki < a.length; ki++) {
  19220. a[ki] = parseInt(a[ki]);
  19221. }
  19222. this.selectAnswer = {
  19223. answer: a,
  19224. stu: this.worksStudent[i][k].sName,
  19225. };
  19226. break;
  19227. } else {
  19228. this.selectAnswer = { answer: [], stu: "" };
  19229. }
  19230. }
  19231. } else {
  19232. this.selectAnswer = { answer: [], stu: "" };
  19233. }
  19234. this.isSelect = false;
  19235. this.dialogVisibleSelect = true;
  19236. } else if (t == 44) {
  19237. window.topU.postMessage({ tools: "44" }, "*");
  19238. } else if (t == 47) {
  19239. this.sentenceList = this.chapInfoList[this.courseType].chapterInfo[0]
  19240. .taskJson[index].toolChoose[i].sentenceList
  19241. ? JSON.parse(
  19242. JSON.stringify(
  19243. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19244. index
  19245. ].toolChoose[i].sentenceList
  19246. )
  19247. )
  19248. : [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }];
  19249. for (var q = 0; q < this.sentenceList.length; q++) {
  19250. this.sentenceList[q].chooseSenList = [];
  19251. this.sentenceList[q].addChangeSen = [];
  19252. this.sentenceList[q].addChangeSen = JSON.parse(
  19253. JSON.stringify(this.sentenceList[q].addSentence)
  19254. );
  19255. this.sentenceList[q].chooseSenList.length =
  19256. this.sentenceList[q].rightAnswer.length;
  19257. }
  19258. this.dialogVisibleSentence = true;
  19259. } else if (t == 48) {
  19260. this.tableJson = this.chapInfoList[this.courseType].chapterInfo[0]
  19261. .taskJson[index].toolChoose[i].tableJson
  19262. ? JSON.parse(
  19263. JSON.stringify(
  19264. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19265. index
  19266. ].toolChoose[i].tableJson
  19267. )
  19268. )
  19269. : { text: "" };
  19270. this.tableJsonO = JSON.parse(JSON.stringify(this.tableJson));
  19271. if (this.worksStudent[i].length) {
  19272. for (var k = 0; k < this.worksStudent[i].length; k++) {
  19273. if (this.userid == this.worksStudent[i][k].userid) {
  19274. this.tableJson = JSON.parse(this.worksStudent[i][k].works);
  19275. break;
  19276. }
  19277. }
  19278. }
  19279. this.dialogVisibleTable = true;
  19280. } else if (t == 52) {
  19281. this.wordJson = this.chapInfoList[this.courseType].chapterInfo[0]
  19282. .taskJson[index].toolChoose[i].wordJson
  19283. ? JSON.parse(
  19284. JSON.stringify(
  19285. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19286. index
  19287. ].toolChoose[i].wordJson
  19288. )
  19289. )
  19290. : { text: "" };
  19291. this.wordJsonO = JSON.parse(JSON.stringify(this.wordJson));
  19292. if (this.worksStudent[i].length) {
  19293. for (var k = 0; k < this.worksStudent[i].length; k++) {
  19294. if (this.userid == this.worksStudent[i][k].userid) {
  19295. this.wordJson = JSON.parse(this.worksStudent[i][k].works);
  19296. break;
  19297. }
  19298. }
  19299. }
  19300. this.dialogVisibleWord = true;
  19301. } else if (t == 49) {
  19302. if(!this.tcid2 && this.courseDetail.juri != '' && this.tType == "1"){
  19303. return
  19304. }
  19305. this.groupJson =
  19306. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19307. index
  19308. ].toolChoose[i].groupJson;
  19309. this.islock = this.groupJson.islock == 1 ? true : false;
  19310. this.dialogVisibleGroup = true;
  19311. } else if (t == 62) {
  19312. this.videoType = 0;
  19313. this.videoJson = {};
  19314. this.videoJson =
  19315. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19316. index
  19317. ].toolChoose[i].videoJson;
  19318. this.dialogVisibleVideo = true;
  19319. }
  19320. this.addOp3('1', "", { courseid: this.id,tool: this.toolsList[t] ,type: "course_tool_open" }, 'success')
  19321. this.insertMemorandum(`点击工作区<span class="variable">工具${index+1}:${this.toolsList[t]}</span>`)
  19322. },
  19323. teacherWorkSubmit(t, i, index, s) {
  19324. this.sStudent = s;
  19325. this.toolindex = i;
  19326. this.sTool = t;
  19327. if (this.tType !== "1" && this.tType !== "4") {
  19328. return;
  19329. }
  19330. if (t == 16 || t == 32 || t == 50) {
  19331. this.dialogVisibleWorks = true;
  19332. } else if (t == 15) {
  19333. this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
  19334. .taskJson[index].toolChoose[i].answerQ
  19335. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  19336. .toolChoose[i].answerQ
  19337. : "";
  19338. this.questionAnswer = "";
  19339. this.answerDialogVisibleTeacher = true; //问答
  19340. } else if (t == 52) {
  19341. this.wordJson = this.chapInfoList[this.courseType].chapterInfo[0]
  19342. .taskJson[index].toolChoose[i].wordJson
  19343. ? JSON.parse(
  19344. JSON.stringify(
  19345. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19346. index
  19347. ].toolChoose[i].wordJson
  19348. )
  19349. )
  19350. : { text: "" };
  19351. if (this.worksStudent[i].length) {
  19352. for (var k = 0; k < this.worksStudent[i].length; k++) {
  19353. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  19354. this.wordJson = JSON.parse(this.worksStudent[i][k].works);
  19355. break;
  19356. }
  19357. }
  19358. }
  19359. this.dialogVisibleWordTeacher = true; //文档
  19360. } else if (t == 4) {
  19361. this.radio = [];
  19362. this.noteName = "";
  19363. this.isAnswer = false;
  19364. if (this.askCount > 0) {
  19365. this.updateCount(this.askCount, t);
  19366. } else {
  19367. this.askCount++;
  19368. a = this.askCount;
  19369. this.toolsCount(a, t);
  19370. }
  19371. if (!this.dialogVisible2) {
  19372. this.askJson.askJson =
  19373. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19374. index
  19375. ].toolChoose[i].askJson;
  19376. this.askJson.askTitle =
  19377. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19378. index
  19379. ].toolChoose[i].askTitle;
  19380. this.askJson.askCount =
  19381. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19382. index
  19383. ].toolChoose[i].askCount;
  19384. } else {
  19385. this.askJson.askJson = this.chapTools.askJson.askJson;
  19386. this.askJson.askTitle = this.chapTools.askJson.askTitle;
  19387. this.askJson.askCount = this.chapTools.askJson.askCount;
  19388. }
  19389. for (var k = 0; k < this.askJson.askJson.length; k++) {
  19390. if (this.askJson.askJson[k].type == "2") {
  19391. this.radio.push([]);
  19392. } else {
  19393. this.radio.push("");
  19394. }
  19395. }
  19396. this.dialogVisible5Teacher = true;
  19397. } else if (t == 45) {
  19398. this.noteName = "";
  19399. this.radio = [];
  19400. this.isAnswer = false;
  19401. if (this.askCount > 0) {
  19402. this.updateCount(this.askCount, t);
  19403. } else {
  19404. this.askCount++;
  19405. a = this.askCount;
  19406. this.toolsCount(a, t);
  19407. }
  19408. this.testJson =
  19409. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19410. index
  19411. ].toolChoose[i].testJson;
  19412. for (var k = 0; k < this.testJson.testJson.length; k++) {
  19413. if (this.testJson.testJson[k].type == "2") {
  19414. this.radio.push([]);
  19415. } else {
  19416. this.radio.push("");
  19417. }
  19418. }
  19419. this.dialogVisibleChoiceTeacher = true;
  19420. } else if (t == 41) {
  19421. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  19422. .taskJson[index].toolChoose[i].selectJson
  19423. ? JSON.parse(
  19424. JSON.stringify(
  19425. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19426. index
  19427. ].toolChoose[i].selectJson
  19428. )
  19429. )
  19430. : { url: "", select: [], answer: [] };
  19431. if (this.worksStudent[i].length) {
  19432. for (var k = 0; k < this.worksStudent[i].length; k++) {
  19433. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  19434. var a = this.worksStudent[i][k].works.split(",");
  19435. for (var ki = 0; ki < a.length; ki++) {
  19436. a[ki] = parseInt(a[ki]);
  19437. }
  19438. this.selectAnswer = {
  19439. answer: a,
  19440. stu: this.worksStudent[i][k].sName,
  19441. };
  19442. break;
  19443. } else {
  19444. this.selectAnswer = { answer: [], stu: "" };
  19445. }
  19446. }
  19447. } else {
  19448. this.selectAnswer = { answer: [], stu: "" };
  19449. }
  19450. this.isSelect = false;
  19451. this.dialogVisibleSelectTeacher = true;
  19452. } else if (t == 47) {
  19453. this.sentenceList = this.chapInfoList[this.courseType].chapterInfo[0]
  19454. .taskJson[index].toolChoose[i].sentenceList
  19455. ? JSON.parse(
  19456. JSON.stringify(
  19457. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19458. index
  19459. ].toolChoose[i].sentenceList
  19460. )
  19461. )
  19462. : [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }];
  19463. for (var q = 0; q < this.sentenceList.length; q++) {
  19464. this.sentenceList[q].chooseSenList = [];
  19465. this.sentenceList[q].addChangeSen = [];
  19466. this.sentenceList[q].addChangeSen = JSON.parse(
  19467. JSON.stringify(this.sentenceList[q].addSentence)
  19468. );
  19469. this.sentenceList[q].chooseSenList.length =
  19470. this.sentenceList[q].rightAnswer.length;
  19471. }
  19472. this.dialogVisibleSentenceTeacher = true;
  19473. } else if (t == 48) {
  19474. this.tableJson = this.chapInfoList[this.courseType].chapterInfo[0]
  19475. .taskJson[index].toolChoose[i].tableJson
  19476. ? JSON.parse(
  19477. JSON.stringify(
  19478. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19479. index
  19480. ].toolChoose[i].tableJson
  19481. )
  19482. )
  19483. : { text: "" };
  19484. if (this.worksStudent[i].length) {
  19485. for (var k = 0; k < this.worksStudent[i].length; k++) {
  19486. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  19487. this.tableJson = JSON.parse(this.worksStudent[i][k].works);
  19488. break;
  19489. }
  19490. }
  19491. }
  19492. this.dialogVisibleTableTeacher = true;
  19493. } else if (t == 40) {
  19494. if (this.evalCount > 0) {
  19495. this.updateCount(this.evalCount, t);
  19496. } else {
  19497. this.evalCount++;
  19498. a = this.evalCount;
  19499. this.toolsCount(a, t);
  19500. }
  19501. this.eScore = { eBzText: "", eStar: [] };
  19502. if (this.worksStudent[i].length) {
  19503. for (var k = 0; k < this.worksStudent[i].length; k++) {
  19504. if (this.sStudent.userid == this.worksStudent[i][k].userid) {
  19505. this.eScore = JSON.parse(this.worksStudent[i][k].works);
  19506. this.rateJson =
  19507. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19508. index
  19509. ].toolChoose[i].rateJson;
  19510. break;
  19511. } else {
  19512. this.rateJson =
  19513. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19514. index
  19515. ].toolChoose[i].rateJson;
  19516. }
  19517. }
  19518. } else {
  19519. this.rateJson =
  19520. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19521. index
  19522. ].toolChoose[i].rateJson;
  19523. }
  19524. this.isStar = false;
  19525. this.studentEvalDialogVisibleTeacher = true;
  19526. } else if (t == 3 || t == 1 || t == 7 || t == 57) {
  19527. window.topU.postMessage(
  19528. {
  19529. tools: t + "teacher",
  19530. cid: this.id,
  19531. stage: this.courseType,
  19532. task: this.taskCount,
  19533. tool: i,
  19534. student: this.sStudent,
  19535. },
  19536. "*"
  19537. );
  19538. }else if (t == 72) {
  19539. if (!document.fullscreenElement) {
  19540. this.enterFullScreen();
  19541. }
  19542. let url = this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index].toolChoose[i].appJson.url
  19543. this.$refs.appStoreC.getData(url,this.sStudent.userid)
  19544. }
  19545. },
  19546. openCocoPi(tool, i, uid, uname) {
  19547. let student = {
  19548. userid: uid,
  19549. student: uname,
  19550. };
  19551. if (tool == 57) {
  19552. window.topU.postMessage(
  19553. {
  19554. tools: tool + "teacher",
  19555. cid: this.id,
  19556. stage: this.courseType,
  19557. task: this.taskCount,
  19558. tool: i,
  19559. student: student,
  19560. },
  19561. "*"
  19562. );
  19563. }
  19564. },
  19565. setRightAnswer(s, i, j) {
  19566. for (var q = 0; q < this.sentenceList[i].chooseSenList.length; q++) {
  19567. if (
  19568. this.sentenceList[i].chooseSenList[q] == undefined ||
  19569. this.sentenceList[i].chooseSenList[q] == ""
  19570. ) {
  19571. this.sentenceList[i].chooseSenList[q] = s;
  19572. this.sentenceList[i].addChangeSen[j] = "";
  19573. break;
  19574. }
  19575. }
  19576. this.$forceUpdate();
  19577. },
  19578. returnCard(r, i, j) {
  19579. var a = this.sentenceList[i].addSentence.indexOf(r);
  19580. this.sentenceList[i].chooseSenList[j] = "";
  19581. this.sentenceList[i].addChangeSen[a] = r;
  19582. this.$forceUpdate();
  19583. },
  19584. // addSentenceTool() {
  19585. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  19586. // this.taskCount
  19587. // ].toolChoose[this.toolindex].sentenceList = this.sentenceList;
  19588. // this.sentenceList = [
  19589. // { sentenceTitle: "", addSentence: [], rightAnswer: [] },
  19590. // ];
  19591. // this.dialogVisibleSentence = false;
  19592. // },
  19593. toolsCount(a, t) {
  19594. let params = {
  19595. cid: this.id,
  19596. chid: this.courseType,
  19597. uid: this.userid,
  19598. tid: t,
  19599. count: a,
  19600. };
  19601. this.ajax
  19602. .get(this.$store.state.api + "insertToolsCount", params)
  19603. .then((res) => {
  19604. this.selectCount();
  19605. })
  19606. .catch((err) => {
  19607. console.error(err);
  19608. });
  19609. },
  19610. updateCount(c, t) {
  19611. c++;
  19612. let params = {
  19613. cid: this.id,
  19614. chid: this.courseType,
  19615. uid: this.userid,
  19616. tid: t,
  19617. count: c,
  19618. };
  19619. this.ajax
  19620. .get(this.$store.state.api + "updateToolsCount", params)
  19621. .then((res) => {
  19622. this.selectCount();
  19623. })
  19624. .catch((err) => {
  19625. console.error(err);
  19626. });
  19627. },
  19628. checkEva() {
  19629. if (this.evalua != "") {
  19630. for (var i = 0; i < this.evaJuri.length; i++) {
  19631. if (this.evalua == this.evaJuri[i].id) {
  19632. this.eTitle = this.evaJuri[i].title;
  19633. this.eJson = JSON.parse(this.evaJuri[i].content);
  19634. }
  19635. }
  19636. this.$forceUpdate();
  19637. setTimeout(() => {
  19638. this.setMindData();
  19639. }, 0);
  19640. }
  19641. },
  19642. selectEva() {
  19643. let params = {
  19644. oid: this.oid,
  19645. };
  19646. this.ajax
  19647. .get(this.$store.state.api + "selectAllEvaluation", params)
  19648. .then((res) => {
  19649. this.evaJuri = res.data[0];
  19650. })
  19651. .catch((err) => {
  19652. console.error(err);
  19653. });
  19654. },
  19655. setMindData() {
  19656. this.data.data = [];
  19657. this.data.data.push({ id: "root", isroot: true, topic: this.eTitle });
  19658. let _eJson = Object.keys(this.eJson);
  19659. let _e = this.eJson;
  19660. for (let i = 0; i < _eJson.length; i++) {
  19661. let element = _e[_eJson[i]];
  19662. this.data.data.push({
  19663. id: element.id,
  19664. parentid: "root",
  19665. topic: element.name,
  19666. });
  19667. let _eJsonc = Object.keys(element.child);
  19668. let _e2 = element.child;
  19669. for (let j = 0; j < _eJsonc.length; j++) {
  19670. let _ec = _e2[_eJsonc[j]];
  19671. this.data.data.push({
  19672. id: _ec.id,
  19673. parentid: element.id,
  19674. topic: _ec.name,
  19675. });
  19676. let _eJsonz = Object.keys(_ec.child);
  19677. let _e3 = _ec.child;
  19678. for (let z = 0; z < _eJsonz.length; z++) {
  19679. let _ez = _e3[_eJsonz[z]];
  19680. this.data.data.push({
  19681. id: _ez.id,
  19682. parentid: _ec.id,
  19683. topic: _ez.name,
  19684. });
  19685. }
  19686. }
  19687. }
  19688. this.$forceUpdate();
  19689. },
  19690. checkFileFull(type, url) {
  19691. this.fullDialogVisible = true;
  19692. this.fulltype = type;
  19693. this.fullUrl = url;
  19694. },
  19695. async checkFileFull1(t, f) {
  19696. this.fullDialogVisible = true;
  19697. if (t == 6) {
  19698. this.fulltype = 1;
  19699. this.fullUrl = JSON.parse(JSON.stringify(f));
  19700. } else if (t == 8 ) {
  19701. this.fulltype = 2;
  19702. this.fullUrl = f.url;
  19703. }else if (t == 15) {
  19704. this.diffKey = new Date().getTime();
  19705. this.fulltype = 4;
  19706. this.fullUrl = f.url;
  19707. } else if (t == 16) {
  19708. this.fulltype = 16;
  19709. this.fullUrl = f.url;
  19710. } else if (
  19711. t == 3 &&
  19712. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
  19713. "PDF"
  19714. ) {
  19715. this.fulltype = 3;
  19716. this.fullUrl = f.url;
  19717. } else if (t == 3) {
  19718. this.fulltype = 2;
  19719. let _uuurl = await this.checkLink(f.url);
  19720. this.fullUrl =
  19721. "https://view.officeapps.live.com/op/view.aspx?src=" + encodeURIComponent(_uuurl);
  19722. }
  19723. this.changeSplitScreenBehavior({code:0,form:{t:t,f:f}})
  19724. },
  19725. openSname(n, id, i, uid) {
  19726. this.snameWid = id;
  19727. this.worksSName = n;
  19728. this.worksSid = uid == n ? "" : uid;
  19729. this.toolindex = i;
  19730. this.uploadCid = this.tcid ? this.tcid : this.courseDetail.juri;
  19731. if (!this.uploadCid) {
  19732. this.$message.error(
  19733. "提示:批量上传未添加班级权限,请添加班级或从班级入口进入。"
  19734. );
  19735. return;
  19736. }
  19737. this.selectUploadStudent(1);
  19738. },
  19739. updateName() {
  19740. let params = {
  19741. n: this.worksSName,
  19742. cid: this.snameWid,
  19743. };
  19744. this.ajax
  19745. .get(this.$store.state.api + "updateCourseWorksName", params)
  19746. .then((res) => {
  19747. this.$message({
  19748. message: "修改成功",
  19749. type: "success",
  19750. });
  19751. this.dialogVisibleSname = false;
  19752. this.getCourseDetail(2);
  19753. this.snameWid = "";
  19754. this.worksSName = "";
  19755. })
  19756. .catch((err) => {
  19757. console.error(err);
  19758. });
  19759. },
  19760. downloadFile2(f) {
  19761. // const loading = this.$loading.service({
  19762. // background: "rgba(255, 255, 255, 0.7)",
  19763. // target: document.body,
  19764. // text: "文件加载中...",
  19765. // });
  19766. // let url2 = f.url;
  19767. // let _url2 = "";
  19768. // if (
  19769. // url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  19770. // ) {
  19771. // _url2 = url2.split(
  19772. // "https://view.officeapps.live.com/op/view.aspx?src="
  19773. // )[1];
  19774. // } else {
  19775. // _url2 = url2;
  19776. // }
  19777. // let params = {
  19778. // url: _url2,
  19779. // name: f.name,
  19780. // };
  19781. // this.ajax
  19782. // .get(this.$store.state.api + "download", params)
  19783. // .then((res) => {
  19784. // loading.close();
  19785. // let content = res.data.data.data;
  19786. // let ab = new ArrayBuffer(content.length);
  19787. // let view = new Uint8Array(ab);
  19788. // for (var i = 0; i < content.length; ++i) {
  19789. // view[i] = content[i];
  19790. // }
  19791. // let elink = document.createElement("a");
  19792. // elink.download = f.name;
  19793. // elink.style.display = "none";
  19794. // let blob = new Blob([ab], {
  19795. // type: res.data.response.headers["content-type"] + ";charset=UTF-8",
  19796. // });
  19797. // elink.href = URL.createObjectURL(blob);
  19798. // document.body.appendChild(elink);
  19799. // elink.click();
  19800. // document.body.removeChild(elink);
  19801. // })
  19802. // .catch((err) => {
  19803. // loading.close();
  19804. // console.error(err);
  19805. // });
  19806. var credentials = {
  19807. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  19808. secretAccessKey: "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",
  19809. }; //秘钥形式的登录上传
  19810. window.AWS.config.update(credentials);
  19811. window.AWS.config.region = "cn-northwest-1"; //设置区域
  19812. let url2 = f.url;
  19813. let _url2 = "";
  19814. if (
  19815. url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  19816. ) {
  19817. _url2 = url2.split(
  19818. "https://view.officeapps.live.com/op/view.aspx?src="
  19819. )[1];
  19820. } else {
  19821. _url2 = url2;
  19822. }
  19823. let _this = this;
  19824. _this.downLoading = true
  19825. var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
  19826. let name = decodeURIComponent(_url2.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1])
  19827. var params = {
  19828. Bucket: "ccrb",
  19829. Key: name
  19830. };
  19831. s3.getObject(params, function (err, data) {
  19832. _this.downLoading = false
  19833. if (err) console.log(err, err.stack); // an error occurred
  19834. else {
  19835. let url = window.URL.createObjectURL(new Blob([data.Body]));
  19836. let a = document.createElement("a");
  19837. a.name = f.name;
  19838. a.href = url;
  19839. a.download = f.name;
  19840. a.click();
  19841. console.log(data);
  19842. } // sxuccessful response
  19843. });
  19844. return;
  19845. let url = f.url;
  19846. let _url = "";
  19847. if (
  19848. url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  19849. ) {
  19850. _url = url.split(
  19851. "https://view.officeapps.live.com/op/view.aspx?src="
  19852. )[1];
  19853. } else {
  19854. _url = url;
  19855. }
  19856. _this.downLoading = true
  19857. let x = new XMLHttpRequest();
  19858. x.open("GET", _url, true);
  19859. x.responseType = "blob";
  19860. x.onload = function () {
  19861. _this.downLoading = false
  19862. let url = window.URL.createObjectURL(new Blob([x.response]));
  19863. let a = document.createElement("a");
  19864. a.name = f.name;
  19865. a.href = url;
  19866. a.download = f.name;
  19867. a.click();
  19868. };
  19869. x.send();
  19870. },
  19871. downloadFile(url) {
  19872. // this.$message.info("查看作业-下载文件")
  19873. var credentials = {
  19874. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  19875. secretAccessKey: "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",
  19876. }; //秘钥形式的登录上传
  19877. window.AWS.config.update(credentials);
  19878. window.AWS.config.region = "cn-northwest-1"; //设置区域
  19879. let url2 = url;
  19880. let _url2 = "";
  19881. if (
  19882. url2.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  19883. ) {
  19884. _url2 = url2.split(
  19885. "https://view.officeapps.live.com/op/view.aspx?src="
  19886. )[1];
  19887. } else {
  19888. _url2 = url2;
  19889. }
  19890. const loading2 = this.$loading.service({
  19891. background: "rgba(255, 255, 255, 0.7)",
  19892. target: document.body,
  19893. text: "文件加载中...",
  19894. });
  19895. var s3 = new window.AWS.S3({ params: { Bucket: "ccrb" } });
  19896. let name = decodeURIComponent(_url2.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1])
  19897. var params = {
  19898. Bucket: "ccrb",
  19899. Key: name
  19900. };
  19901. s3.getObject(params, function (err, data) {
  19902. loading2.close();
  19903. if (err) console.log(err, err.stack); // an error occurred
  19904. else {
  19905. let url = window.URL.createObjectURL(new Blob([data.Body]));
  19906. let a = document.createElement("a");
  19907. a.name = name;
  19908. a.href = url;
  19909. a.download = name;
  19910. a.click();
  19911. console.log(data);
  19912. } // sxuccessful response
  19913. });
  19914. return;
  19915. let _this = this;
  19916. let _url = "";
  19917. if (
  19918. url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  19919. ) {
  19920. _url = url.split(
  19921. "https://view.officeapps.live.com/op/view.aspx?src="
  19922. )[1];
  19923. } else {
  19924. _url = url;
  19925. }
  19926. const x = new XMLHttpRequest();
  19927. x.open("GET", _url, true);
  19928. x.responseType = "blob";
  19929. // this.downLoading = true
  19930. const loading = _this.$loading.service({
  19931. background: "rgba(255, 255, 255, 0.7)",
  19932. target: document.body,
  19933. text: "文件加载中...",
  19934. });
  19935. // _this.$message.success("文件下载中...");
  19936. x.onload = function (e) {
  19937. loading.close();
  19938. let content = x.response;
  19939. let elink = document.createElement("a");
  19940. elink.download = decodeURI(
  19941. _url.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1]
  19942. );
  19943. elink.style.display = "none";
  19944. let blob = new Blob([content]);
  19945. elink.href = URL.createObjectURL(blob);
  19946. document.body.appendChild(elink);
  19947. elink.click();
  19948. document.body.removeChild(elink);
  19949. };
  19950. x.send();
  19951. },
  19952. openLine(url) {
  19953. window.open(url);
  19954. },
  19955. resize() {
  19956. if (document.getElementsByClassName("box_course").length) {
  19957. var a = document.getElementsByClassName("box_course")[0].offsetHeight;
  19958. // document.getElementsByClassName("vedioList")[0].style.height = a + "px";
  19959. if (this.showType == 2 || this.showType == 3) {
  19960. document.getElementsByClassName("navBox")[0].style.height =
  19961. a - 40 + 0+ "px";
  19962. } else {
  19963. document.getElementsByClassName("navBox")[0].style.height =
  19964. a - 40 + "px";
  19965. }
  19966. }
  19967. this.Stbodywidth =
  19968. document.getElementsByClassName("student_body").length &&
  19969. document.getElementsByClassName("student_body")[0].offsetWidth;
  19970. },
  19971. closeDraw() {
  19972. this.bg = null;
  19973. this.drawShow = false;
  19974. },
  19975. showPicturePaint(url) {
  19976. let params = {
  19977. img: url,
  19978. };
  19979. this.ajax
  19980. .get(this.$store.state.api + "imgToBase64", params)
  19981. .then((res) => {
  19982. this.drawShow = true;
  19983. this.bg = res.data[0].img;
  19984. })
  19985. .catch((err) => {
  19986. console.error(err);
  19987. });
  19988. },
  19989. addImgDraw(base64) {
  19990. let file = { name: "批注图.png" };
  19991. let img = this.dataUrlToFile(base64, file);
  19992. this.beforeUpload1(img, 5);
  19993. },
  19994. addImgDrawImG(url) {
  19995. // console.log(url);
  19996. let params = [
  19997. {
  19998. wid: this.commentDetail.wid,
  19999. img: url,
  20000. },
  20001. ];
  20002. this.ajax
  20003. .post(this.$store.state.api + "updateCourseWorks", params)
  20004. .then((res) => {
  20005. this.$message({
  20006. message: "提交成功",
  20007. type: "success",
  20008. });
  20009. this.drawShow = false;
  20010. this.bg = "";
  20011. this.selectSWorks();
  20012. this.selectStudent();
  20013. })
  20014. .catch((err) => {
  20015. this.$message.error("提交失败");
  20016. console.error(err);
  20017. });
  20018. },
  20019. deletePicturePaint() {
  20020. this.$confirm("确定删除此批注吗?", "提示", {
  20021. confirmButtonText: "确定",
  20022. cancelButtonText: "取消",
  20023. type: "warning",
  20024. })
  20025. .then(() => {
  20026. let params = [
  20027. {
  20028. wid: this.commentDetail.wid,
  20029. img: "",
  20030. },
  20031. ];
  20032. this.ajax
  20033. .post(this.$store.state.api + "updateCourseWorks", params)
  20034. .then((res) => {
  20035. this.$message({
  20036. message: "删除成功",
  20037. type: "success",
  20038. });
  20039. this.selectSWorks();
  20040. this.selectStudent();
  20041. })
  20042. .catch((err) => {
  20043. this.$message.error("删除失败");
  20044. console.error(err);
  20045. });
  20046. })
  20047. .catch(() => {});
  20048. },
  20049. getAudioVideo(constraintsData) {
  20050. if (navigator.mediaDevices === undefined) {
  20051. navigator.mediaDevices = {};
  20052. }
  20053. if (navigator.mediaDevices.getUserMedia === undefined) {
  20054. navigator.mediaDevices.getUserMedia = function (constraints) {
  20055. // 首先,如果有getUserMedia的话,就获得它
  20056. var getUserMedia =
  20057. navigator.getUserMedia ||
  20058. navigator.webkitGetUserMedia ||
  20059. navigator.mozGetUserMedia ||
  20060. navigator.msGetUserMedia;
  20061. // 一些浏览器根本没实现它 - 那么就返回一个error到promise的reject来保持一个统一的接口
  20062. if (!getUserMedia) {
  20063. return Promise.reject({ code: 404 });
  20064. }
  20065. // 否则,为老的navigator.getUserMedia方法包裹一个Promise
  20066. return new Promise(function (resolve, reject) {
  20067. getUserMedia.call(navigator, constraints, resolve, reject);
  20068. });
  20069. };
  20070. }
  20071. return navigator.mediaDevices.getUserMedia(constraintsData);
  20072. },
  20073. /**
  20074. * 开始录制
  20075. */
  20076. startRecording(callback) {
  20077. let _function = (screenStream) => {
  20078. this.addStreamStopListener(screenStream, () => {
  20079. console.log("流停止监听");
  20080. this.stopRecording();
  20081. this.$emit("streamStop", {});
  20082. // this.stopRecording();
  20083. });
  20084. var options = {
  20085. type: "video",
  20086. mimeType: "video/webm",
  20087. disableLogs: false,
  20088. getNativeBlob: false, // enable it for longer recordings
  20089. ignoreMutedMedia: false,
  20090. };
  20091. // this.video.srcObject = screenStream;
  20092. this.recorder = RecordRTC(screenStream, options);
  20093. this.recorder.startRecording();
  20094. this.recorder.screen = screenStream;
  20095. this.videoStart = true;
  20096. // callback(true);
  20097. };
  20098. this.getAudioVideo({ audio: true })
  20099. .then((res) => {
  20100. this.captureScreen(_function, true);
  20101. console.log("已点击允许,开启成功");
  20102. })
  20103. .catch((err) => {
  20104. // console.log('浏览器不支持,请更换浏览器')
  20105. // } else {
  20106. this.captureScreen(_function, false);
  20107. console.log("请检查是否存在麦克风");
  20108. });
  20109. },
  20110. /**
  20111. * 停止录制
  20112. */
  20113. stopRecording(callback) {
  20114. this.recorder.stopRecording(() => {
  20115. // this.video.src = this.video.srcObject = null;
  20116. // this.video.src = URL.createObjectURL(this.recorder.getBlob());
  20117. const url = URL.createObjectURL(this.recorder.getBlob());
  20118. const a = document.createElement("a"); //this.fileName+
  20119. let videoFile = new File(
  20120. [this.recorder.getBlob()],
  20121. this.courseDetail.title + "录屏.mp4",
  20122. {
  20123. type: "video/mp4",
  20124. }
  20125. );
  20126. let downloadUrl = URL.createObjectURL(videoFile);
  20127. if(this.$refs.classRoomHelperRef){
  20128. this.$refs.classRoomHelperRef.checkUploadFile(videoFile)
  20129. }
  20130. document.body.appendChild(a);
  20131. a.style.display = "none";
  20132. a.href = url;
  20133. a.download = this.courseDetail.title + "录屏.mp4"; //this.fileName +
  20134. a.click();
  20135. this.recorder.screen.stop();
  20136. this.recorder.destroy();
  20137. this.recorder = null;
  20138. this.videoStart = false;
  20139. // callback(false);
  20140. });
  20141. },
  20142. //初始化
  20143. captureScreen(callback, type) {
  20144. if (navigator.getDisplayMedia) {
  20145. //录制结束,文件下载
  20146. navigator
  20147. .getDisplayMedia({
  20148. video: true,
  20149. })
  20150. .then((screenStream) => {
  20151. if (type) {
  20152. navigator.mediaDevices
  20153. .getUserMedia({ audio: true })
  20154. .then((mic) => {
  20155. screenStream.addTrack(mic.getTracks()[0]);
  20156. callback(screenStream);
  20157. });
  20158. } else {
  20159. callback(screenStream);
  20160. }
  20161. })
  20162. .catch(function (error) {
  20163. console.log("error", error);
  20164. });
  20165. } else if (navigator.mediaDevices.getDisplayMedia) {
  20166. navigator.mediaDevices
  20167. .getDisplayMedia({
  20168. video: true,
  20169. })
  20170. .then((screenStream) => {
  20171. if (type) {
  20172. navigator.mediaDevices
  20173. .getUserMedia({ audio: true })
  20174. .then((mic) => {
  20175. screenStream.addTrack(mic.getTracks()[0]);
  20176. callback(screenStream);
  20177. });
  20178. } else {
  20179. callback(screenStream);
  20180. }
  20181. })
  20182. .catch(function (error) {
  20183. console.log("error", error);
  20184. });
  20185. } else {
  20186. var error = "getDisplayMedia API are not supported in this browser.";
  20187. console.log("error", error);
  20188. alert(error);
  20189. }
  20190. },
  20191. //流监听
  20192. addStreamStopListener(stream, callback) {
  20193. stream.addEventListener(
  20194. "ended",
  20195. function () {
  20196. callback();
  20197. callback = function () {};
  20198. },
  20199. false
  20200. );
  20201. stream.addEventListener(
  20202. "inactive",
  20203. function () {
  20204. callback();
  20205. callback = function () {};
  20206. },
  20207. false
  20208. );
  20209. stream.getTracks().forEach(function (track) {
  20210. track.addEventListener(
  20211. "ended",
  20212. function () {
  20213. callback();
  20214. callback = function () {};
  20215. },
  20216. false
  20217. );
  20218. track.addEventListener(
  20219. "inactive",
  20220. function () {
  20221. callback();
  20222. callback = function () {};
  20223. },
  20224. false
  20225. );
  20226. });
  20227. },
  20228. updateGroup() {
  20229. this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
  20230. this.dialogVisibleGroup2 = true;
  20231. },
  20232. numberPan() {
  20233. if (
  20234. /[^\d]/.test(this.groupJson.number) ||
  20235. this.groupJson.number < 2 ||
  20236. this.groupJson.number > 10
  20237. ) {
  20238. this.$message.error("请输入2-10的数字");
  20239. this.groupJson.number = "";
  20240. }
  20241. },
  20242. updateGroupJson() {
  20243. for (var i = 0; i < this.groupStudentUid[this.toolindex].length; i++) {
  20244. if (
  20245. this.groupStudentUid[this.toolindex][i].length >
  20246. this.groupJson2.number
  20247. ) {
  20248. this.$message.error("已经有小组比你设置的人数多,请重新设置");
  20249. return;
  20250. }
  20251. }
  20252. this.groupJson = JSON.parse(JSON.stringify(this.groupJson2));
  20253. this.islock = this.groupJson.islock == 1 ? true : false;
  20254. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  20255. this.taskCount
  20256. ].toolChoose[this.toolindex].groupJson = this.groupJson;
  20257. let params = [
  20258. {
  20259. cid: this.id,
  20260. chapters: JSON.stringify(this.chapInfoList),
  20261. uid: this.userid,
  20262. unitIndex: this.courseType,
  20263. },
  20264. ];
  20265. this.ajax
  20266. .post(this.$store.state.api + "updateWorkNew4", params)
  20267. .then((res) => {
  20268. this.$message.success("设置成功");
  20269. this.getCourseDetail(2);
  20270. this.dialogVisibleGroup2 = false;
  20271. this.groupJson2 = {};
  20272. this.$forceUpdate();
  20273. })
  20274. .catch((err) => {
  20275. this.$message.error("网络不佳");
  20276. console.error(err);
  20277. });
  20278. },
  20279. lockChair() {
  20280. this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
  20281. this.groupJson2.islock = this.groupJson2.islock == 1 ? 2 : 1;
  20282. this.updateGroupJson();
  20283. },
  20284. selectGroup(index) {
  20285. this.getCourseDetail(2, index);
  20286. },
  20287. joinGroup(index) {
  20288. if (this.groupJson.islock == 2) {
  20289. this.$message.error("位置已被锁定,无法加入");
  20290. return;
  20291. }
  20292. if (
  20293. this.groupStudent[this.toolindex][index].length >
  20294. this.groupJson.number ||
  20295. this.groupStudent[this.toolindex][index].length == this.groupJson.number
  20296. ) {
  20297. this.$message.error("位置已满,无法加入");
  20298. return;
  20299. }
  20300. let params = [
  20301. {
  20302. cid: this.id,
  20303. stage: this.courseType,
  20304. task: this.taskCount,
  20305. tool: this.toolindex,
  20306. g: index,
  20307. uid: this.userid,
  20308. },
  20309. ];
  20310. this.ajax
  20311. .post(this.$store.state.api + "joinGroup", params)
  20312. .then((res) => {
  20313. this.$message.success("加入成功");
  20314. this.getCourseDetail(2);
  20315. })
  20316. .catch((err) => {
  20317. this.$message.error("网络不佳");
  20318. console.error(err);
  20319. });
  20320. },
  20321. exitGroup(id) {
  20322. if (this.groupJson.islock == 2) {
  20323. this.$message.error("位置已被锁定,无法退出");
  20324. return;
  20325. }
  20326. let params = [
  20327. {
  20328. gid: id,
  20329. },
  20330. ];
  20331. this.ajax
  20332. .post(this.$store.state.api + "exitGroup", params)
  20333. .then((res) => {
  20334. this.$message.success("退出成功");
  20335. this.getCourseDetail(2);
  20336. })
  20337. .catch((err) => {
  20338. this.$message.error("网络不佳");
  20339. console.error(err);
  20340. });
  20341. },
  20342. groupUpload(index, task, gindex) {
  20343. this.taskCount = task;
  20344. this.toolindex = index;
  20345. this.groupIndex = gindex;
  20346. this.dialogVisibleGroupWork = true;
  20347. },
  20348. updateGroupChair(user) {
  20349. this.updateGroupArray = this.groupJson.group.filter((el, index) => {
  20350. el.label = index;
  20351. return index != user.group;
  20352. });
  20353. this.updateGroupUser = user;
  20354. this.dialogVisibleUpdateGroup = true;
  20355. },
  20356. updateChair() {
  20357. if (
  20358. this.groupStudent[this.toolindex][this.checkChair].length >
  20359. this.groupJson.number ||
  20360. this.groupStudent[this.toolindex][this.checkChair].length ==
  20361. this.groupJson.number
  20362. ) {
  20363. this.$message.error("位置已满,无法加入");
  20364. return;
  20365. }
  20366. let params = [
  20367. {
  20368. cid: this.id,
  20369. stage: this.courseType,
  20370. task: this.taskCount,
  20371. tool: this.toolindex,
  20372. g: this.checkChair,
  20373. uid: this.updateGroupUser.userid,
  20374. },
  20375. ];
  20376. this.ajax
  20377. .post(this.$store.state.api + "joinGroup", params)
  20378. .then((res) => {
  20379. this.$message.success("修改成功");
  20380. this.updateGroupUser = {};
  20381. this.checkChair = "";
  20382. this.updateGroupArray = {};
  20383. this.dialogVisibleUpdateGroup = false;
  20384. this.getCourseDetail(2);
  20385. })
  20386. .catch((err) => {
  20387. this.$message.error("网络不佳");
  20388. console.error(err);
  20389. });
  20390. },
  20391. deleteGroupChair(gindex) {
  20392. this.checkDeleteGroup = [];
  20393. this.deleteGroupUser = JSON.parse(
  20394. JSON.stringify(this.groupStudent[this.toolindex][gindex])
  20395. );
  20396. this.deleteGroupArray = this.groupJson.group[gindex];
  20397. this.groupIndex = gindex;
  20398. this.dialogVisibleDeleteGroup = true;
  20399. },
  20400. async deleteChair() {
  20401. for (let i = 0; i < this.checkDeleteGroup.length; i++) {
  20402. const gid =
  20403. this.groupStudent[this.toolindex][this.groupIndex][
  20404. this.groupStudentUid[this.toolindex][this.groupIndex].indexOf(
  20405. this.checkDeleteGroup[i]
  20406. )
  20407. ];
  20408. let params = [
  20409. {
  20410. gid: gid.id,
  20411. },
  20412. ];
  20413. var a = await this.deleteChairA(params);
  20414. if (i == this.checkDeleteGroup.length - 1) {
  20415. this.$message.success("退出成功");
  20416. this.dialogVisibleDeleteGroup = false;
  20417. this.deleteGroupUser = [];
  20418. this.deleteGroupArray = {};
  20419. this.groupIndex = "";
  20420. this.checkDeleteGroup = [];
  20421. this.getCourseDetail(2);
  20422. }
  20423. }
  20424. },
  20425. deleteChairA(params) {
  20426. return new Promise((resolve, reject) => {
  20427. this.ajax
  20428. .post(this.$store.state.api + "exitGroup", params)
  20429. .then((res) => {
  20430. resolve(1);
  20431. })
  20432. .catch((err) => {
  20433. this.$message.error("网络不佳");
  20434. console.error(err);
  20435. });
  20436. });
  20437. },
  20438. contract(i) {
  20439. if (this.isCloseList[i].isClose == 0) {
  20440. this.isCloseList[i].isClose = 1;
  20441. } else {
  20442. this.isCloseList[i].isClose = 0;
  20443. }
  20444. this.$forceUpdate();
  20445. },
  20446. openWordCloud(toolindex) {
  20447. this.wordCloudData = '';
  20448. let array = [];
  20449. for (var i = 0; i < this.worksStudent[toolindex].length; i++) {
  20450. let works = JSON.parse(this.worksStudent[toolindex][i].works)[0].answer;
  20451. array.push({ name: works });
  20452. }
  20453. if (this.isGroup) {
  20454. for (var i = 0; i < this.courseGroup.group.length; i++) {
  20455. let works = this.courseGroup.group[i].works[toolindex];
  20456. for (var j = 0; j < works.length; j++) {
  20457. let answer = JSON.parse(works[j].works)[0].answer;
  20458. array.push({ name: answer });
  20459. }
  20460. }
  20461. }
  20462. let _result = ''
  20463. array.forEach(e=>{
  20464. _result +=e.name+','
  20465. })
  20466. this.wordCloudData = _result;
  20467. this.dialogVisibleWordCloud = true;
  20468. this.wordCloudKey += 1;
  20469. },
  20470. uploadWorks(i) {
  20471. this.$confirm("确定导出作业吗?", "提示", {
  20472. confirmButtonText: "确定",
  20473. cancelButtonText: "取消",
  20474. type: "warning",
  20475. })
  20476. .then(() => {
  20477. const loading = this.$loading.service({
  20478. background: "rgba(255, 255, 255, 0.7)",
  20479. target: document.body,
  20480. text: "文件加载中...",
  20481. });
  20482. const _worksStudent = this.worksStudent;
  20483. let url = [];
  20484. var counts = {};
  20485. for (var l = 0; l < _worksStudent[i].length; l++) {
  20486. var item = _worksStudent[i][l];
  20487. var name = item.sName;
  20488. if (!counts.hasOwnProperty(name)) {
  20489. counts[name] = 0;
  20490. } else {
  20491. counts[name]++;
  20492. }
  20493. if (counts[name] > 0) {
  20494. item.sName += " (" + counts[name] + ")";
  20495. }
  20496. }
  20497. for (var l = 0; l < _worksStudent[i].length; l++) {
  20498. var item = _worksStudent[i][l];
  20499. if (
  20500. item.works.indexOf(
  20501. "https://ccrb.s3.cn-northwest-1.amazonaws.com.cn"
  20502. ) !== -1 &&
  20503. item.works.indexOf("img") === -1
  20504. ) {
  20505. url.push({ name: item.sName, url: item.works });
  20506. }
  20507. }
  20508. // var toolList = [
  20509. // { name: "电子白板", tool: 1 },
  20510. // { name: "思维导图", tool: 3 },
  20511. // { name: "协同文档", tool: 6 },
  20512. // { name: "思维网格", tool: 7 },
  20513. // { name: "素材库", tool: 8 },
  20514. // { name: "学习资料", tool: 17 },
  20515. // { name: "便签", tool: 2 },
  20516. // { name: "问卷调查", tool: 4 },
  20517. // { name: "选择题", tool: 45 },
  20518. // { name: "倒计时", tool: 10 },
  20519. // { name: "问答", tool: 15 },
  20520. // { name: "课程设计", tool: 26 },
  20521. // { name: "训练服务器", tool: 18 },
  20522. // { name: "作业提交", tool: 16 },
  20523. // { name: "批量上传", tool: 50 },
  20524. // { name: "AIoT Blockly", tool: 21 },
  20525. // { name: "AI Python", tool: 23 },
  20526. // { name: "AI Blockly", tool: 24 },
  20527. // { name: "目标管理", tool: 25 },
  20528. // { name: "数学画板", tool: 31 },
  20529. // { name: "翻译", tool: 28 },
  20530. // { name: "魔盒识字", tool: 37 },
  20531. // { name: "数学画板", tool: 31 },
  20532. // { name: "24点", tool: 38 },
  20533. // { name: "GeoGebra", tool: 39 },
  20534. // { name: "源码编辑", tool: 32 },
  20535. // { name: "个人评价", tool: 40 },
  20536. // { name: "选择匹配", tool: 41 },
  20537. // { name: "汉字宫", tool: 44 },
  20538. // { name: "排序", tool: 47 },
  20539. // { name: "表格", tool: 48 },
  20540. // { name: "文档", tool: 52 },
  20541. // { name: "学生分组", tool: 49 },
  20542. // { name: "CocoPi", tool: 57 },
  20543. // { name: "模拟驾驶", tool: 58 },
  20544. // { name: "路径搜索", tool: 59 },
  20545. // { name: "深度学习", tool: 60 },
  20546. // { name: "全历史", tool: 61 },
  20547. // { name: "交互视频", tool: 62 },
  20548. // { name: "海龟编程", tool: 63 },
  20549. // { name: "挑人", tool: 65 },
  20550. // { name: "公式编辑", tool: 66 },
  20551. // { name: "分子结构", tool: 67 },
  20552. // { name: "时间轴", tool: 68 },
  20553. // ];
  20554. // var toolName = "";
  20555. // for(var w = 0;w<toolList.length;w++){
  20556. // if(this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].toolChoose[i].tool[0] == toolList[w].tool){
  20557. // toolName = toolList[w].name;
  20558. // }
  20559. // }
  20560. console.log(url);
  20561. this.downLoadAll(url, loading);
  20562. })
  20563. .catch(() => {});
  20564. },
  20565. downLoadAll(url, loading) {
  20566. const data = url; // 需要下载打包的路径, 可以是本地相对路径, 也可以是跨域的全路径
  20567. const zip = new JSZip();
  20568. const cache = {};
  20569. const promises = [];
  20570. data.forEach((item) => {
  20571. const promise = getFile(item.url).then((data) => {
  20572. if (data.data != 1) {
  20573. // 下载文件, 并存成ArrayBuffer对象
  20574. const file_name =
  20575. item.name +
  20576. "." +
  20577. item.url.split(".")[item.url.split(".").length - 1]; // 获取文件名
  20578. zip.file(file_name, data.data, { binary: true }); // 逐个添加文件
  20579. cache[file_name] = data.data;
  20580. }
  20581. });
  20582. promises.push(promise);
  20583. });
  20584. Promise.all(promises).then(() => {
  20585. zip.generateAsync({ type: "blob" }).then((content) => {
  20586. // 生成二进制流
  20587. FileSaver.saveAs(
  20588. content,
  20589. this.courseDetail.title + "-" + "作业提交工具.zip"
  20590. ); // 利用file-saver保存文件 自定义文件名
  20591. setTimeout(() => {
  20592. loading.close();
  20593. }, 2000);
  20594. });
  20595. });
  20596. },
  20597. pickStudent(stu) {
  20598. if (this.isPickStudent.indexOf(stu.userid) !== -1) {
  20599. return;
  20600. }
  20601. this.$confirm(`是否让${stu.name}同学回答问题?`, "提示", {
  20602. confirmButtonText: "确定",
  20603. cancelButtonText: "取消",
  20604. type: "warning",
  20605. })
  20606. .then(() => {
  20607. let params = [
  20608. {
  20609. uid: stu.userid,
  20610. cid: this.id,
  20611. stage: this.courseType,
  20612. task: this.taskCount,
  20613. tool: this.toolindex,
  20614. },
  20615. ];
  20616. this.ajax
  20617. .post(this.$store.state.api + "updateCoursePick", params)
  20618. .then((res) => {
  20619. this.$message.success("操作成功");
  20620. this.getPick();
  20621. })
  20622. .catch((err) => {
  20623. this.$message.error("网络不佳");
  20624. console.error(err);
  20625. });
  20626. })
  20627. .catch(() => {});
  20628. },
  20629. selectUser(){
  20630. let params = {
  20631. userid: this.userid,
  20632. };
  20633. this.ajax
  20634. .get(this.$store.state.api + "selectUser", params)
  20635. .then((res) => {
  20636. this.userMes = res.data[0];
  20637. })
  20638. .catch((err) => {
  20639. console.error(err);
  20640. });
  20641. },
  20642. setEngText(i){
  20643. this.newEngIndex = i;
  20644. this.$forceUpdate();
  20645. },
  20646. addCorrect(){
  20647. this.$confirm("你确定提交批改嘛?", "提示", {
  20648. confirmButtonText: "确定",
  20649. showCancelButton: false,
  20650. closeOnClickModal: false,
  20651. type: "warning",
  20652. })
  20653. .then(() => {
  20654. let params = {
  20655. cid: this.id,
  20656. s: parseInt(this.courseType),
  20657. t: this.taskCount,
  20658. tool: this.toolindex,
  20659. wid: this.engWid,
  20660. c: this.userid,
  20661. 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) : "",
  20662. };
  20663. this.ajax
  20664. .get(this.$store.state.api + "addEngC", params)
  20665. .then((res) => {
  20666. this.$message.success("提交成功");
  20667. this.engUpdateDialogVisible = false;
  20668. })
  20669. .catch((err) => {
  20670. console.error(err);
  20671. });
  20672. })
  20673. .catch(() => {});
  20674. },
  20675. selectEngC(id,z){
  20676. let params = {
  20677. workid: id,
  20678. };
  20679. this.ajax
  20680. .get(this.$store.state.api + "selectEngC", params)
  20681. .then((res) => {
  20682. if(res.data[0].length == 0){
  20683. this.newEnglishList.engTitle = z.engTitle;
  20684. this.newEnglishList.engText = z.engText;
  20685. }else{
  20686. var a = res.data[0];
  20687. var ppp = JSON.parse(JSON.stringify(res.data[0]));
  20688. if(this.userMes[0].type == 2){
  20689. var snum = 0;
  20690. for(var i = 0;i<a.length;i++){
  20691. if(this.userMes[0].userid == a[i].correct){
  20692. this.newEnglishList = JSON.parse(a[i].cWork);
  20693. snum = 1;
  20694. }
  20695. }
  20696. if(snum == 0){
  20697. this.newEnglishList = { engTitle:"",engText:"" };
  20698. this.newEnglishList.engTitle = z.engTitle;
  20699. this.newEnglishList.engText = z.engText;
  20700. }
  20701. }else if(this.userMes[0].type == 1){
  20702. var num = 0;
  20703. for(var w= 0;w<a.length;w++){
  20704. if(this.userMes[0].userid == a[w].correct){
  20705. num = 1;
  20706. }
  20707. }
  20708. if(num == 0){
  20709. this.isNoUserid = true;
  20710. var c = JSON.parse(JSON.stringify(z));
  20711. this.oldEnglishJson1 = c;
  20712. }else{
  20713. this.isNoUserid = false;
  20714. }
  20715. var b = a.sort((item, index) => {
  20716. console.log(item)
  20717. if (item.correct === this.userMes[0].userid) {
  20718. return -1; // 将a移到前面
  20719. } else if (index.correct === this.userMes[0].userid) {
  20720. return 1; // 将b移到前面
  20721. } else {
  20722. return 0; // 保持默认顺序
  20723. }
  20724. });
  20725. for(var p = 0;p<b.length;p++){
  20726. for(var y = 0;y<ppp.length;y++){
  20727. if(b[p].id == ppp[y].id){
  20728. b[p].cWork = JSON.parse(ppp[y].cWork);
  20729. break
  20730. }
  20731. }
  20732. }
  20733. this.newEnglishList1 = b;
  20734. }
  20735. }
  20736. this.greyType = false;
  20737. setTimeout(() => {
  20738. this.topHeight = document.querySelectorAll(".engUpTop")[0].offsetHeight;
  20739. if(this.newEnglishList1.length > 0){
  20740. if(this.isNoUserid == true){
  20741. this.engListLength = this.newEnglishList1.length + 1;
  20742. this.newEngIndex = -1;
  20743. }else{
  20744. this.engListLength = this.newEnglishList1.length;
  20745. this.newEngIndex = 0;
  20746. }
  20747. }
  20748. if(this.userMes[0].type == 2){
  20749. this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.newEnglishList.engText);
  20750. }else if(this.newEngIndex == -1 && this.isNoUserid == true && this.newEnglishList1.length){
  20751. this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.oldEnglishJson1.engText);
  20752. }else if(this.newEngIndex == -1){
  20753. this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.newEnglishList.engText);
  20754. }else if(this.newEngIndex > -1 && this.newEnglishList1.length > 0){
  20755. this.correctWord = Diff.diffWordsWithSpace(this.oldEnglishJson.engText,this.newEnglishList1[this.newEngIndex].cWork.engText);
  20756. }
  20757. }, 500);
  20758. this.engUpdateDialogVisible = true;
  20759. this.$forceUpdate();
  20760. })
  20761. .catch((err) => {
  20762. console.error(err);
  20763. });
  20764. },
  20765. getPick() {
  20766. let params = {
  20767. cid: this.id,
  20768. };
  20769. this.ajax
  20770. .get(this.$store.state.api + "getPick", params)
  20771. .then((res) => {
  20772. let array = [];
  20773. for (var i = 0; i < res.data[0].length; i++) {
  20774. array.push(res.data[0][i].userid);
  20775. }
  20776. this.isPickStudent = array;
  20777. if (array.indexOf(this.userid) !== -1) {
  20778. this.$confirm("你被老师选到啦!", "提示", {
  20779. confirmButtonText: "确定",
  20780. showCancelButton: false,
  20781. closeOnClickModal: false,
  20782. type: "warning",
  20783. })
  20784. .then(() => {
  20785. let pa = [
  20786. {
  20787. uid: this.userid,
  20788. cid: this.id,
  20789. },
  20790. ];
  20791. this.ajax
  20792. .post(this.$store.state.api + "deletePick", pa)
  20793. .then((res) => {
  20794. this.getPick();
  20795. })
  20796. .catch((err) => {
  20797. this.$message.error("网络不佳");
  20798. console.error(err);
  20799. });
  20800. })
  20801. .catch(() => {});
  20802. }
  20803. })
  20804. .catch((err) => {
  20805. this.$message.error("网络不佳");
  20806. console.error(err);
  20807. });
  20808. },
  20809. foldEva() {
  20810. if (this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].isEvaFold2) {
  20811. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].isEvaFold2 = false;
  20812. } else {
  20813. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[this.taskCount].isEvaFold2 = true;
  20814. setTimeout(() => {
  20815. this.checkEva();
  20816. setTimeout(() => {
  20817. this.checkEva();
  20818. }, 500);
  20819. }, 0);
  20820. }
  20821. this.$forceUpdate();
  20822. },
  20823. panToolHeight(tool) {
  20824. var _tool = document.querySelectorAll('#'+tool)[0]
  20825. var _toolA = _tool ? _tool.offsetHeight : 0
  20826. var _toolC = 0
  20827. var _toolC = _tool && _tool.children && _tool.children[0] ? _tool.children[0].offsetHeight + 50 : 0
  20828. let boolean2 = (_toolA > _toolC) ? true : false
  20829. this.isCloseList[tool.split('-')[1]].isCloseBoolean = boolean2
  20830. this.$forceUpdate();
  20831. },
  20832. async checkLink(url) {
  20833. console.log(url)
  20834. let _url = url
  20835. try {
  20836. const response = await fetch(url);
  20837. if(!response.ok){
  20838. _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]))
  20839. }
  20840. console.log(response.ok)
  20841. } catch (error) {
  20842. console.error('Error checking link:', error);
  20843. // console.log(false)
  20844. _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]))
  20845. }
  20846. // console.log(_url)
  20847. return _url
  20848. },
  20849. getScoreList(){
  20850. let params = {
  20851. cid: this.id,
  20852. };
  20853. this.ajax
  20854. .get(this.$store.state.api + "selectTestCourseByCid", params)
  20855. .then((res) => {
  20856. let result = res.data;
  20857. this.scoreList.datalist = result[0];
  20858. this.scoreList.isScoreList = result[1];
  20859. })
  20860. .catch((err) => {
  20861. console.error(err);
  20862. });
  20863. },
  20864. setClassRoomHelperWidth(width){
  20865. this.classRoomHelperWidth = width
  20866. },
  20867. openChoseWorksDetailDialog(tooC, toolIndex, taskCount,tooc) {
  20868. this.$refs.choseWorksDetailDialogRef.open({
  20869. toolType:tooc,
  20870. tType: this.tType,
  20871. toolIndex: toolIndex
  20872. });
  20873. this.changeSplitScreenBehavior({
  20874. code: 1,
  20875. form: {
  20876. toolType:tooc,
  20877. toolIndex: toolIndex,
  20878. courseType: this.courseType,
  20879. taskCount: this.taskCount,
  20880. type: 0
  20881. }
  20882. });
  20883. },
  20884. openStatisticalAnalysis(tooC, toolIndex, taskCount) {
  20885. this.$refs.statisticalAnalysisRef.open({
  20886. worksStudent: this.worksStudent[toolIndex],
  20887. tType: this.tType,
  20888. toolIndex: toolIndex
  20889. });
  20890. this.changeSplitScreenBehavior({
  20891. code: 2,
  20892. form: {
  20893. toolType:4,
  20894. courseType: this.courseType,
  20895. taskCount: this.taskCount,
  20896. toolIndex: toolIndex,
  20897. type: 0
  20898. }
  20899. });
  20900. },
  20901. statisticalAnalysisRefresh(toolIndex) {
  20902. this.$refs.statisticalAnalysisRef.refreshData({
  20903. worksStudent: this.worksStudent[toolIndex],
  20904. tType: this.tType,
  20905. toolIndex: toolIndex
  20906. });
  20907. },
  20908. async splitScreenBehavior(type = 0) {
  20909. // return;
  20910. if (this.splitScreenData.loading)
  20911. return this.$message.info("操作过快,请稍等");
  20912. if (type == 0) {
  20913. //关闭分屏
  20914. this.splitScreenData.isOpen = false;
  20915. // this.splitScreenData.userId = "";
  20916. // this.splitScreenData.uid = "";
  20917. this.splitScreenData.behavior = null;
  20918. await this.updateSplitScreenData(1);
  20919. this.$message.success("已关闭分屏模式");
  20920. this.studentFreePreview(false);
  20921. this.OpenJobPreview(false);
  20922. // this.followingMode(false);
  20923. } else if (type == 1) {
  20924. //开启分屏
  20925. this.splitScreenData.isOpen = true;
  20926. this.splitScreenData.userId = this.userid;
  20927. this.splitScreenData.uid = this.splitScreenData.myUid;
  20928. this.splitScreenData.behavior = null;
  20929. let status = await this.updateSplitScreenData(0);
  20930. this.changeSplitScreenBehavior({form:{}})
  20931. if (status == 1) {
  20932. this.$message.success("已开启分屏");
  20933. this.studentFreePreview(false);
  20934. this.OpenJobPreview(true);
  20935. // this.followingMode(true);
  20936. } else {
  20937. this.splitScreenData.isOpen = false;
  20938. this.splitScreenData.userId = "";
  20939. this.splitScreenData.uid = "";
  20940. this.splitScreenData.behavior = null;
  20941. this.$message.success("分屏开启失败");
  20942. }
  20943. }
  20944. },
  20945. enterFullScreen() {
  20946. let element = document.documentElement;
  20947. if (element.requestFullscreen) {
  20948. element.requestFullscreen();
  20949. } else if (element.mozRequestFullScreen) { /* Firefox */
  20950. element.mozRequestFullScreen();
  20951. } else if (element.webkitRequestFullscreen) { /* Chrome, Safari & Opera */
  20952. element.webkitRequestFullscreen();
  20953. } else if (element.msRequestFullscreen) { /* IE/Edge */
  20954. element.msRequestFullscreen();
  20955. }
  20956. },
  20957. exitFullScreen() {
  20958. if (document.exitFullscreen) {
  20959. document.exitFullscreen();
  20960. } else if (document.mozCancelFullScreen) { /* Firefox */
  20961. document.mozCancelFullScreen();
  20962. } else if (document.webkitExitFullscreen) { /* Chrome, Safari and Opera */
  20963. document.webkitExitFullscreen();
  20964. } else if (document.msExitFullscreen) { /* IE/Edge */
  20965. document.msExitFullscreen();
  20966. }
  20967. },
  20968. confirmOpen(){
  20969. this.splitScreenData.isOpen = true;
  20970. this.splitScreenData.uid = this.confirmOpenDigData.uid;
  20971. this.splitScreenData.userId = this.confirmOpenDigData.userId;
  20972. this.splitScreenData.behavior = this.confirmOpenDigData.behavior;
  20973. this.confirmOpenDig = false
  20974. if (!document.fullscreenElement) {
  20975. this.enterFullScreen();
  20976. }
  20977. // if (this.timer2) {
  20978. // clearInterval(this.timer2);
  20979. // this.timer2 = null;
  20980. // }
  20981. // this.timer2 = setInterval(()=> {
  20982. // this.getSplitScreenData();//获取分屏数据
  20983. // }, 5000);
  20984. this.$message.success("分屏模式已开启");
  20985. },
  20986. // 获取分屏数据
  20987. getSplitScreenData() {
  20988. // return;
  20989. // if (this.tType != 1) return;
  20990. let params = {
  20991. cid: this.id
  20992. };
  20993. this.ajax
  20994. .get(this.$store.state.api + "select_courseSplitScreenData", params)
  20995. .then(async res => {
  20996. let data = res.data[0][0]["splitScreenData"];
  20997. console.log("获取了分屏数:", data);
  20998. if (data) {
  20999. data = JSON.parse(data);
  21000. if (
  21001. !this.splitScreenData.isOpen &&
  21002. data.isOpen &&
  21003. this.splitScreenData.myUid == data.uid
  21004. ) {
  21005. this.splitScreenData.isOpen = false;
  21006. this.splitScreenData.userId = "";
  21007. this.splitScreenData.uid = "";
  21008. this.splitScreenData.behavior = null;
  21009. await this.updateSplitScreenData(1);
  21010. } else if (!this.splitScreenData.isOpen && data.isOpen) {
  21011. this.confirmOpenDig = true
  21012. this.confirmOpenDigData = data
  21013. } else if (this.splitScreenData.isOpen && !data.isOpen) {
  21014. this.splitScreenData.isOpen = false;
  21015. this.splitScreenData.userId = "";
  21016. this.splitScreenData.uid = "";
  21017. this.splitScreenData.behavior = null;
  21018. this.$message.error("已结束分屏模式");
  21019. } else if (this.splitScreenData.isOpen && data.isOpen) {
  21020. this.splitScreenData.isOpen = true;
  21021. this.splitScreenData.uid = data.uid;
  21022. this.splitScreenData.userId = data.userId;
  21023. this.splitScreenData.behavior = data.behavior;
  21024. }
  21025. this.doSplitScreenBehavior();
  21026. } else {
  21027. if (this.splitScreenData.isOpen) {
  21028. this.splitScreenData.isOpen = false;
  21029. this.splitScreenData.userId = "";
  21030. this.splitScreenData.uid = "";
  21031. this.splitScreenData.behavior = null;
  21032. this.$message.error("已结束分屏模式");
  21033. // if (this.timer2) {
  21034. // clearInterval(this.timer2);
  21035. // this.timer2 = null;
  21036. // }
  21037. // this.timer2 = setInterval(()=> {
  21038. // this.getSplitScreenData();//获取分屏数据
  21039. // }, 5000);
  21040. this.$confirm("教师已结束分屏,确定后自由预览。", "提示", {
  21041. confirmButtonText: '确定', //确认按钮的文字
  21042. showCancelButton: false, //是否显示取消按钮
  21043. showClose: false, //是否显示关闭按钮
  21044. closeOnClickModal: false, //是否可以通过点击空白处关闭弹窗
  21045. type: "warning",
  21046. })
  21047. .then(() => {
  21048. if (document.fullscreenElement) {
  21049. this.exitFullScreen();
  21050. }
  21051. })
  21052. .catch(() => {});
  21053. }
  21054. }
  21055. })
  21056. .catch(e => {
  21057. console.log("获取分屏数出错:", e);
  21058. });
  21059. },
  21060. // 操作
  21061. doSplitScreenBehavior() {
  21062. if (
  21063. this.splitScreenData.isOpen &&
  21064. this.splitScreenData.uid != this.splitScreenData.myUid
  21065. ) {
  21066. let behavior = this.splitScreenData.behavior;
  21067. if (behavior) {
  21068. // console.log('behavior',behavior);
  21069. // this.toolindex = behavior.form.toolType
  21070. // 初始状态
  21071. if (behavior.code === 99) {
  21072. //初始化
  21073. this.fullDialogVisible = false;
  21074. if(this.$refs.choseWorksDetailDialogRef.show){
  21075. this.$refs.choseWorksDetailDialogRef.close();
  21076. }
  21077. if(this.$refs.statisticalAnalysisRef.show){
  21078. this.$refs.statisticalAnalysisRef.close();
  21079. }
  21080. }
  21081. // 文件列表
  21082. if (behavior.code === 0) {
  21083. //开启内容列表弹窗
  21084. this.checkFileFull1(behavior.form.t, behavior.form.f);
  21085. }else{
  21086. this.fullDialogVisible = false;
  21087. }
  21088. // 打开工具
  21089. if (behavior.code === 1) {
  21090. //关于选择题的作业详细的操作
  21091. // toolIndex:toolIndex,courseType:this.courseType,taskCount:this.taskCount,type:0
  21092. if(this.courseType!==behavior.form.courseType || this.taskCount!==behavior.form.taskCount){
  21093. this.courseType = behavior.form.courseType;
  21094. this.taskCount = behavior.form.taskCount;
  21095. }
  21096. this.$nextTick(() => {
  21097. if (this.$refs.choseWorksDetailDialogRef.show) {
  21098. //已经打开了
  21099. this.$refs.choseWorksDetailDialogRef.splitScreenFn({toolType:behavior.form.toolType,type:behavior.form.type,showStatisticsType:behavior.form.showStatisticsType,lookWorks:behavior.form.lookWorks})
  21100. } else {
  21101. this.$refs.choseWorksDetailDialogRef.open({toolType:behavior.form.toolType,toolIndex:behavior.form.toolIndex,tType: this.tType,lookWorks:behavior.form.lookWorks})
  21102. }
  21103. });
  21104. }else{
  21105. this.$refs.choseWorksDetailDialogRef.close()
  21106. }
  21107. // 问卷调查
  21108. if(behavior.code === 2){
  21109. if(this.$refs.statisticalAnalysisRef.show){
  21110. this.$refs.statisticalAnalysisRef.splitScreenFn({type:behavior.form.type})
  21111. }else{
  21112. this.$refs.statisticalAnalysisRef.open({
  21113. worksStudent: this.worksStudent[behavior.form.toolIndex],
  21114. tType: this.tType,
  21115. toolIndex: behavior.form.toolIndex
  21116. });
  21117. }
  21118. }else{
  21119. this.$refs.statisticalAnalysisRef.close();
  21120. }
  21121. if(behavior.form.taskCount!=="" && behavior.form.courseType !==""){
  21122. let oldData = [parseInt(this.courseType),parseInt(this.taskCount)]
  21123. let newData = [parseInt(behavior.form.courseType),parseInt(behavior.form.taskCount)]
  21124. // console.log('behavior.form',behavior.form.courseType,behavior.form.taskCount,behavior.form.toolType);
  21125. // console.log('666666',this.courseType,this.taskCount,this.toolindex);
  21126. if (behavior.form.courseType != this.courseType ||
  21127. behavior.form.taskCount != this.taskCount ||
  21128. behavior.form.toolType != this.toolindex
  21129. ) {
  21130. var a = document.scrollingElement;
  21131. let target = document.querySelector(`#gj${behavior.form.toolType}`);
  21132. if (target) {
  21133. target.scrollIntoView(true);
  21134. setTimeout(()=>{
  21135. let scrollBody = document.querySelector('.body_student').parentElement
  21136. scrollBody.scrollTop = scrollBody.scrollTop - 100
  21137. }, 0);
  21138. // setTimeout(() => {
  21139. // a.scrollTop = 0
  21140. // }, 0);
  21141. }
  21142. }
  21143. if(this.courseType !=behavior.form.courseType){
  21144. this.courseType = behavior.form.courseType;
  21145. }
  21146. if(this.taskCount !=behavior.form.taskCount){
  21147. this.taskCount = behavior.form.taskCount;
  21148. }
  21149. if((behavior.form.toolType || behavior.form.toolType == 0) && this.toolindex != behavior.form.toolType){
  21150. this.toolindex = behavior.form.toolType;
  21151. }
  21152. // if(behavior.form.navId){
  21153. // this.navId = behavior.form.navId
  21154. // }
  21155. // console.log("分屏阶段和任务",JSON.stringify(oldData),JSON.stringify(newData))
  21156. if(JSON.stringify(oldData)!=JSON.stringify(newData)){
  21157. // console.log("分屏测试====",JSON.stringify(oldData),JSON.stringify(newData))
  21158. this.getCourseDetail()
  21159. }
  21160. this.setContent2(false)
  21161. }
  21162. } else {
  21163. }
  21164. }
  21165. },
  21166. // 修改分屏数据
  21167. updateSplitScreenData(empty = 0) {
  21168. return new Promise(resolve => {
  21169. if(this.userid!==this.courseDetail.userid){
  21170. if(!this.courseDetail.userid){
  21171. return setTimeout(()=>{
  21172. this.updateSplitScreenData(empty)
  21173. },2000)
  21174. }
  21175. return;
  21176. };
  21177. if (
  21178. this.splitScreenData.uid == this.splitScreenData.myUid &&
  21179. this.splitScreenData.userId == this.userid
  21180. ) {
  21181. this.splitScreenData.loading = true;
  21182. let params = [
  21183. {
  21184. cid: this.id,
  21185. nData: empty === 1 ? "" : JSON.stringify(this.splitScreenData)
  21186. }
  21187. ];
  21188. this.ajax
  21189. .post(
  21190. this.$store.state.api + "update_courseSplitScreenData",
  21191. params
  21192. )
  21193. .then(res => {
  21194. this.splitScreenData.loading = false;
  21195. if (res.data == 1) {
  21196. resolve(1);
  21197. console.log("修改分屏数据成功");
  21198. }
  21199. })
  21200. .catch(e => {
  21201. this.splitScreenData.loading = false;
  21202. console.log("修改分屏数据失败", e);
  21203. resoleve(0);
  21204. });
  21205. } else if (empty == 2 && this.tType == 1) {
  21206. console.log("清空清空清空清空")
  21207. let params = [
  21208. {
  21209. cid: this.id,
  21210. nData: ""
  21211. }
  21212. ];
  21213. return this.ajax
  21214. .post(
  21215. this.$store.state.api + "update_courseSplitScreenData",
  21216. params
  21217. )
  21218. .then(_ => resolve(1))
  21219. .catch(_ => resolve(0));
  21220. } else {
  21221. return resolve(0);
  21222. }
  21223. });
  21224. },
  21225. // 修改分屏数据
  21226. changeSplitScreenBehavior(newValue) {
  21227. if (
  21228. this.splitScreenData.isOpen &&
  21229. this.splitScreenData.uid == this.splitScreenData.myUid
  21230. ) {
  21231. let _behavior = null;
  21232. if(!newValue){
  21233. _behavior = {}
  21234. }else{
  21235. _behavior = newValue
  21236. }
  21237. if(_behavior.form){
  21238. _behavior.form.taskCount = this.taskCount;
  21239. _behavior.form.courseType = this.courseType
  21240. }else{
  21241. _behavior.form = {
  21242. taskCount:this.taskCount,
  21243. courseType:this.courseType,
  21244. }
  21245. }
  21246. this.splitScreenData.behavior = _behavior;
  21247. this.updateSplitScreenData(0);
  21248. }
  21249. },
  21250. studentFreePreview(flag) {
  21251. this.IsLookOpen = flag;
  21252. this.updateLookOpen();
  21253. this.followingMode(flag)
  21254. },
  21255. OpenJobPreview(flag) {
  21256. this.sIsOpen = flag;
  21257. this.updateSLook();
  21258. },
  21259. followingMode(flag) {
  21260. this.IsFollow = flag;
  21261. this.updateFollow();
  21262. }
  21263. },
  21264. directives: {
  21265. // 使用局部注册指令的方式
  21266. resize: {
  21267. // 指令的名称
  21268. bind(el, binding) {
  21269. // el为绑定的元素,binding为绑定给指令的对象
  21270. let width = "",
  21271. height = "";
  21272. function isReize() {
  21273. const style = document.defaultView.getComputedStyle(el);
  21274. if (width !== style.width || height !== style.height) {
  21275. binding.value(); // 关键
  21276. }
  21277. width = style.width;
  21278. height = style.height;
  21279. }
  21280. el.__vueSetInterval__ = setInterval(isReize, 300);
  21281. },
  21282. unbind(el) {
  21283. clearInterval(el.__vueSetInterval__);
  21284. },
  21285. },
  21286. autoHeight: {
  21287. update(el, binding) {
  21288. const { value } = binding
  21289. if (value && typeof value === 'number') {
  21290. el.style.height = `${value}px`
  21291. } else {
  21292. el.style.height = 'auto'
  21293. }
  21294. },
  21295. componentUpdated(el) {
  21296. el.style.height = `${el.scrollHeight}px`
  21297. },
  21298. },
  21299. },
  21300. beforeDestroy() {
  21301. window.onresize = null;
  21302. clearInterval(this.timer);
  21303. this.timer = null;
  21304. clearInterval(this.timer2);
  21305. this.timer2 = null;
  21306. clearInterval(this.opertimer);
  21307. this.opertimer = null;
  21308. this.updateSplitScreenData(1);
  21309. },
  21310. computed: {
  21311. isAndroid() {
  21312. return /Android/i.test(navigator.userAgent);
  21313. },
  21314. contentConvent() {
  21315. return function (c) {
  21316. return c
  21317. ? c
  21318. .replaceAll(/\r\n/g, "<br/>")
  21319. .replaceAll(/\n/g, "<br/>")
  21320. .replaceAll(/\s/g, " &nbsp")
  21321. : "";
  21322. };
  21323. },
  21324. commentRight(){
  21325. if(!this.orgArray.includes(this.org) && !this.oidArray.includes(this.oid)){
  21326. return "35px";
  21327. }
  21328. return `calc(${this.classRoomHelperWidth} + 5px)`
  21329. // if(this.$refs["classRoomHelperRef"].type==0){
  21330. // return "100px";
  21331. // }else if(this.$refs["classRoomHelperRef"].type==1){
  21332. // return "502px"
  21333. // }else{
  21334. // return "0px"
  21335. // }
  21336. },
  21337. checkUpload() {
  21338. return function () {
  21339. var studentK = [];
  21340. if (this.plworkFile.length > 0) {
  21341. for (var z = 0; z < this.plworkFile.length; z++) {
  21342. studentK.push(this.plworkFile[z].username);
  21343. }
  21344. studentK = studentK.join(",");
  21345. }
  21346. var a = this.uploadStudentJuri.filter((el) => {
  21347. return studentK.indexOf(el.userid) == -1;
  21348. });
  21349. return a;
  21350. };
  21351. },
  21352. getSName() {
  21353. return function (name) {
  21354. var check = name;
  21355. this.uploadStudentJuri.forEach((el) => {
  21356. if (el.userid == check) {
  21357. check = el.name ? el.name : el.username;
  21358. }
  21359. });
  21360. return check;
  21361. };
  21362. },
  21363. getImgList() {
  21364. return function (val) {
  21365. let srcList = []; // 定义一个数组用来接收后面的img地址
  21366. val.replace(
  21367. /<img [^>]*src=['"]([^'"]+)[^>]*>/g,
  21368. function (match, capture) {
  21369. // 查找匹配的元素 match为整个img标签 capture为src中的内容
  21370. srcList.push(capture);
  21371. }
  21372. );
  21373. return srcList;
  21374. };
  21375. },
  21376. retrnToolHeight(){
  21377. return function (tool) {
  21378. var _tool = document.querySelectorAll('#'+tool)[0]
  21379. return _tool ? document.querySelectorAll('#'+tool)[0].children[0].offsetHeight + 30 + 'px' : 0;
  21380. };
  21381. },
  21382. Correct() {
  21383. return function (c) {
  21384. let w = "";
  21385. let a = this.correctWord;
  21386. for(var k = 0;k<a.length;k++){
  21387. //diffWordsWithSpace
  21388. if(a.length > 1){
  21389. if(a[k].added == true){
  21390. w += '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
  21391. }else if(a[k].removed == true){
  21392. w += '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
  21393. }else{
  21394. w += '<span>' + a[k].value + '</span>';
  21395. }
  21396. }else{
  21397. w = c
  21398. }
  21399. //diffChars方法
  21400. // if(a.length > 1){
  21401. // if(w == ""){
  21402. // if(a[k].added == true){
  21403. // w = '<span>' + a[k - 1].value + '</span>' + '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
  21404. // }else if(a[k].removed == true){
  21405. // w = '<span>' + a[k - 1].value + '</span>' + '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
  21406. // }
  21407. // }else{
  21408. // if(k == a.length - 1){
  21409. // if(a[k].added == true){
  21410. // w += '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
  21411. // }else if(a[k].removed == true){
  21412. // w += '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
  21413. // }
  21414. // }else{
  21415. // if(a[k].added == true){
  21416. // w += '<span>' + a[k - 1].value + '</span>' + '<span style="background-color: green;color:#fff">' + a[k].value + '</span>';
  21417. // }else if(a[k].removed == true){
  21418. // w += '<span>' + a[k - 1].value + '</span>' + '<span style="text-decoration: line-through;color:red">' + a[k].value + '</span>';
  21419. // }
  21420. // }
  21421. // }
  21422. // }else{
  21423. // w = c
  21424. // }
  21425. }
  21426. c = w;
  21427. return c;
  21428. };
  21429. },
  21430. },
  21431. mounted() {
  21432. document.body.addEventListener("click", (e) => {
  21433. if (this.isUpdateToolDetail1) {
  21434. this.updateToolDetail(this.toolDetailIndex);
  21435. }
  21436. });
  21437. this.setOperationTime();
  21438. this.selectEva();
  21439. this.getCourseDetail();
  21440. this.selectCount();
  21441. this.getHomeWork();
  21442. this.selectUser();
  21443. this.getAIJ();
  21444. this.updateSplitScreenData(2);
  21445. this.splitScreenData.myUid = uuidv4();
  21446. this.contentDialog = true;
  21447. this.setContent2(true);
  21448. if (this.tType == 4) {
  21449. this.pzDialog = true;
  21450. this.selectPz();
  21451. }
  21452. // 获取评分列表
  21453. this.getScoreList()
  21454. document.scrollingElement.scrollTop = 0;
  21455. window.addEventListener("resize", () => {
  21456. var a = document.getElementsByClassName("box_course")[0].offsetHeight;
  21457. // document.getElementsByClassName("vedioList")[0].style.height = a + "px";
  21458. if (this.showType == 2 || this.showType == 3) {
  21459. document.getElementsByClassName("navBox")[0].style.height =
  21460. a - 40 + 0+ "px";
  21461. } else {
  21462. document.getElementsByClassName("navBox")[0].style.height =
  21463. a - 40 + "px";
  21464. }
  21465. });
  21466. let _this = this;
  21467. setTimeout(() => {
  21468. // _this.vedioTime = [];
  21469. // for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
  21470. // _this.vedioTime[i] = document.getElementsByClassName(
  21471. // "vjs-duration-display"
  21472. // )[i].textContent;
  21473. // }
  21474. }, 1000);
  21475. try{
  21476. if (this.screenType == 2) {
  21477. window.topU.postMessage({ allScreen: 4 }, "*");
  21478. } else if (this.screenType == 3) {
  21479. window.topU.postMessage({ allScreen: 5 }, "*");
  21480. } else if (this.screenType == 1) {
  21481. window.topU.postMessage({ allScreen: 6 }, "*");
  21482. }
  21483. }catch(e){
  21484. console.log(e)
  21485. }
  21486. },
  21487. };
  21488. </script>
  21489. <style scoped>
  21490. @media screen and (max-width: 1280px) {
  21491. /* .courseIndex > div:first-child(2) {
  21492. width: 15% !important;
  21493. } */
  21494. /* .navText {
  21495. width: 120px !important;
  21496. } */
  21497. .evaCss {
  21498. flex-direction: column !important;
  21499. align-items: center !important;
  21500. }
  21501. .elist_input {
  21502. width: 90% !important;
  21503. }
  21504. .dialog_diy1 >>> .el-dialog {
  21505. width: 100% !important;
  21506. }
  21507. .rightWidthCss {
  21508. width: 100% !important;
  21509. }
  21510. .dialog_diy3 >>> .el-dialog {
  21511. width: 100% !important;
  21512. }
  21513. .addToolCss {
  21514. right: 0 !important;
  21515. width: 100% !important;
  21516. min-width: unset !important;
  21517. }
  21518. }
  21519. .evaCssMax {
  21520. flex-direction: column !important;
  21521. align-items: center !important;
  21522. }
  21523. .dialog_diy >>> .el-dialog {
  21524. margin-top: 10vh !important;
  21525. }
  21526. .body_student {
  21527. width: 77%;
  21528. height: 100%;
  21529. position: absolute;
  21530. left: 22%;
  21531. top: 0;
  21532. }
  21533. .student_head {
  21534. width: 100%;
  21535. margin: 20px auto 0;
  21536. padding-bottom: 20px;
  21537. display: flex;
  21538. flex-direction: column;
  21539. flex-wrap: nowrap;
  21540. align-items: flex-start;
  21541. justify-content: flex-start;
  21542. }
  21543. .pb_left {
  21544. width: 20%;
  21545. margin-right: 10px;
  21546. background: rgb(255, 255, 255);
  21547. position: fixed;
  21548. height: calc(100% - 40px);
  21549. border-radius: 20px;
  21550. padding-bottom: 15px;
  21551. box-sizing: border-box;
  21552. }
  21553. .wheel > img,
  21554. .project > img,
  21555. .star > img,
  21556. .evaluate > img,
  21557. .up_photo > img,
  21558. .chapter_add > img,
  21559. .deleteWord > img,
  21560. .question > img,
  21561. .homework > img {
  21562. width: 100%;
  21563. height: 100%;
  21564. }
  21565. .upCover > img {
  21566. width: 131px;
  21567. height: 69px;
  21568. object-fit: cover;
  21569. }
  21570. .upCover {
  21571. width: calc(100% / 3.5);
  21572. position: relative;
  21573. margin: 0 15px 10px 0;
  21574. display: flex;
  21575. flex-direction: column;
  21576. flex-wrap: nowrap;
  21577. justify-content: center;
  21578. align-content: center;
  21579. align-items: center;
  21580. height: fit-content;
  21581. }
  21582. .upCover2 {
  21583. width: 100%;
  21584. position: relative;
  21585. margin: 0 15px 10px 0;
  21586. display: flex;
  21587. flex-direction: column;
  21588. flex-wrap: nowrap;
  21589. justify-content: center;
  21590. align-content: center;
  21591. align-items: center;
  21592. }
  21593. .upCover2 > img {
  21594. width: 100%;
  21595. height: 90px;
  21596. object-fit: contain;
  21597. }
  21598. .chapter_add {
  21599. width: 120px;
  21600. position: relative;
  21601. text-align: center;
  21602. }
  21603. .isAddThings {
  21604. margin-top: 20px;
  21605. position: relative;
  21606. text-align: center;
  21607. background: #f7f8fa;
  21608. height: 90px;
  21609. width: 90px;
  21610. display: flex;
  21611. flex-direction: column;
  21612. justify-content: center;
  21613. }
  21614. .deleteWord {
  21615. width: 22px;
  21616. height: 22px;
  21617. position: absolute;
  21618. right: -5px;
  21619. top: -5px;
  21620. cursor: pointer;
  21621. }
  21622. .box_course {
  21623. /* width: 60%; */
  21624. width: calc(100% - 300px);
  21625. }
  21626. .wheel {
  21627. width: 100%;
  21628. /* height: 100%; */
  21629. height: 650px;
  21630. }
  21631. .right_box {
  21632. display: flex;
  21633. flex-direction: column;
  21634. margin-left: 30px;
  21635. justify-content: space-around;
  21636. }
  21637. .right_box_title {
  21638. font-size: 23px;
  21639. }
  21640. .people {
  21641. display: flex;
  21642. }
  21643. .student_body {
  21644. width: 100%;
  21645. margin: 0 auto;
  21646. margin-top: 10px;
  21647. padding: 0 0 20px;
  21648. }
  21649. .study_top {
  21650. margin-top: 100px;
  21651. width: 100%;
  21652. height: auto;
  21653. padding-bottom: 20px;
  21654. margin-left: 2px;
  21655. min-height: 90%;
  21656. }
  21657. .study_top .checkbox {
  21658. display: flex;
  21659. align-items: center;
  21660. padding: 15px 0 15px 30px;
  21661. flex: 0 0 auto;
  21662. font-weight: bold;
  21663. border-bottom: 1px solid #eee;
  21664. }
  21665. .study_top .check {
  21666. padding-bottom: 5px;
  21667. text-align: center;
  21668. cursor: pointer;
  21669. height: 30px;
  21670. box-sizing: border-box;
  21671. display: flex;
  21672. }
  21673. .study_top .checked {
  21674. border-bottom: 4px solid #3fc6a0;
  21675. padding-bottom: 5px;
  21676. color: #3fc6a0;
  21677. display: flex;
  21678. height: 35px;
  21679. }
  21680. .study_top .checked > div,
  21681. .study_top .check > div {
  21682. margin-right: 5px;
  21683. }
  21684. .videoTop {
  21685. display: flex;
  21686. flex-direction: row;
  21687. justify-content: space-between;
  21688. background: #fff;
  21689. align-items: center;
  21690. width: 95%;
  21691. padding: 20px;
  21692. }
  21693. .filebox {
  21694. display: flex;
  21695. flex-wrap: wrap;
  21696. flex-direction: column;
  21697. padding: 0 0 5px;
  21698. position: relative;
  21699. }
  21700. .filebox:before {
  21701. content: ""; /* 使用 :before 伪元素创建纵向虚线 */
  21702. position: absolute;
  21703. top: 20px;
  21704. left: 13px;
  21705. border-left: 2px dotted #cad1dc;
  21706. height: calc(100% - 15px);
  21707. }
  21708. .toolHeng2 > div:last-child::before {
  21709. height: calc(100% - 43px);
  21710. }
  21711. .filebox .tooldetail {
  21712. width: calc(100%);
  21713. margin: 0px 12px;
  21714. padding: 12px;
  21715. line-height: 30px;
  21716. word-break: break-word;
  21717. background: #ffffff;
  21718. border-radius: 8px 8px 8px 8px;
  21719. opacity: 1;
  21720. border: 1px solid #cad1dc;
  21721. overflow:hidden;
  21722. box-sizing:border-box;
  21723. }
  21724. .file {
  21725. display: flex;
  21726. flex-direction: column;
  21727. align-items: center;
  21728. justify-content: center;
  21729. cursor: pointer;
  21730. width: 200px;
  21731. }
  21732. .file div {
  21733. margin-top: 10px;
  21734. width: 150px;
  21735. text-align: center;
  21736. overflow: hidden;
  21737. white-space: nowrap;
  21738. text-overflow: ellipsis;
  21739. }
  21740. .media {
  21741. display: flex;
  21742. flex-direction: column;
  21743. align-items: center;
  21744. justify-content: center;
  21745. margin: 0 20px 20px 0;
  21746. cursor: pointer;
  21747. margin: 12px 0 5px 15px;
  21748. overflow: hidden;
  21749. box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%),
  21750. 0px 2px 1px -1px rgb(0 0 0 / 12%);
  21751. box-sizing: border-box;
  21752. }
  21753. .media img {
  21754. height: 90px;
  21755. width: 160px;
  21756. object-fit: cover;
  21757. }
  21758. .media .title {
  21759. padding: 5px;
  21760. text-align: left;
  21761. width: 100%;
  21762. box-sizing: border-box;
  21763. }
  21764. .media .btn {
  21765. width: 100%;
  21766. height: 35px;
  21767. line-height: 35px;
  21768. color: #fff;
  21769. background: #606060;
  21770. text-align: center;
  21771. overflow: hidden;
  21772. white-space: nowrap;
  21773. text-overflow: ellipsis;
  21774. }
  21775. .detail_content_top {
  21776. width: 100%;
  21777. padding: 25px 0 25px 0;
  21778. }
  21779. .detail_title {
  21780. text-align: center;
  21781. font-size: 24px;
  21782. }
  21783. .detail_time {
  21784. font-size: 13px;
  21785. padding: 15px 0 0 40px;
  21786. }
  21787. .detail_content {
  21788. line-height: 2pc;
  21789. width: 90%;
  21790. margin: 0 auto;
  21791. padding-top: 30px;
  21792. text-indent: 30px;
  21793. overflow: auto;
  21794. height: 200px;
  21795. }
  21796. .score_box >>> .el-rate {
  21797. margin-left: 10px;
  21798. }
  21799. .dialog_change >>> .el-dialog {
  21800. border-radius: 5px;
  21801. }
  21802. .dialog_change >>> .el-dialog__header {
  21803. background: #f2f2f2;
  21804. text-align: center;
  21805. }
  21806. .dialog_change >>> .el-dialog__title {
  21807. line-height: 5px;
  21808. }
  21809. .dialog_change >>> .el-dialog__body {
  21810. background: #fff;
  21811. padding: 10px 20px;
  21812. }
  21813. .score_box {
  21814. display: flex;
  21815. align-items: center;
  21816. margin-bottom: 18px;
  21817. margin-top: 20px;
  21818. }
  21819. .up_photo {
  21820. width: 120px;
  21821. cursor: pointer;
  21822. margin-top: 10px;
  21823. }
  21824. .up_photo2 {
  21825. width: 180px;
  21826. box-sizing: border-box;
  21827. min-width: 180px;
  21828. height: 180px;
  21829. max-height: 180px;
  21830. min-height: 180px;
  21831. cursor: pointer;
  21832. display: flex;
  21833. flex-direction: column;
  21834. align-items: center;
  21835. justify-content: center;
  21836. background: rgb(242, 246, 255);
  21837. /* padding: 25px; */
  21838. margin-bottom: 10px;
  21839. }
  21840. .up_photo2 img {
  21841. width: 50%;
  21842. height: auto;
  21843. }
  21844. .up_photo2 span {
  21845. color: #898989;
  21846. }
  21847. .plworkBox {
  21848. display: flex;
  21849. align-items: center;
  21850. margin-top: 10px;
  21851. flex-wrap: wrap;
  21852. }
  21853. .upload_send {
  21854. margin: 30px auto 30px;
  21855. width: 60%;
  21856. background: #3681fc;
  21857. text-align: center;
  21858. height: 35px;
  21859. line-height: 35px;
  21860. color: #fff;
  21861. border-radius: 5px;
  21862. cursor: pointer;
  21863. }
  21864. .marginT {
  21865. margin-top: 20px;
  21866. }
  21867. .cd_content_steps {
  21868. display: flex;
  21869. width: 90%;
  21870. justify-content: space-around;
  21871. border-top: 1px solid #eeeeee;
  21872. }
  21873. .cd_steps_box {
  21874. display: flex;
  21875. justify-content: center;
  21876. align-items: center;
  21877. flex-direction: column;
  21878. cursor: pointer;
  21879. }
  21880. .first {
  21881. display: flex;
  21882. align-items: center;
  21883. margin: 15px 0 20px 0;
  21884. font-size: 20px;
  21885. }
  21886. .first > div:nth-child(2) {
  21887. font-size: 16px !important;
  21888. padding-left: 10px;
  21889. line-height: 26px;
  21890. box-sizing: border-box;
  21891. }
  21892. .blue_box_one {
  21893. text-align: center;
  21894. color: #fff;
  21895. background-image: linear-gradient(90deg, #477cd7, #65b9fc);
  21896. border-radius: 7px;
  21897. margin: 10px;
  21898. cursor: pointer;
  21899. width: 95%;
  21900. height: 45px;
  21901. display: flex;
  21902. flex-direction: row;
  21903. justify-content: flex-start;
  21904. align-items: center;
  21905. }
  21906. .blue_box_one > div:nth-child(1) {
  21907. line-height: 30px;
  21908. margin: 0 5px 0 10px;
  21909. width: 30%;
  21910. min-width: 70px;
  21911. border-radius: 4px;
  21912. }
  21913. .blue_box_one > div:nth-child(2) {
  21914. white-space: nowrap;
  21915. text-overflow: ellipsis;
  21916. overflow: hidden;
  21917. word-break: break-all;
  21918. width: 70%;
  21919. text-align: left;
  21920. margin-right: 10px;
  21921. max-width: calc(100% - 85px);
  21922. }
  21923. .blue_box_one > div:nth-child(2):hover {
  21924. overflow: hidden;
  21925. text-overflow: ellipsis;
  21926. white-space: nowrap;
  21927. cursor: pointer;
  21928. }
  21929. .upFile {
  21930. margin: 0 auto;
  21931. width: 120px;
  21932. background: #3681fc;
  21933. color: #fff;
  21934. height: 30px;
  21935. text-align: center;
  21936. line-height: 30px;
  21937. border-radius: 5px;
  21938. font-size: 14px;
  21939. cursor: pointer;
  21940. }
  21941. .courseTitle {
  21942. width: 85%;
  21943. margin: 10px auto 26px auto;
  21944. display: flex;
  21945. flex-direction: row;
  21946. align-items: center;
  21947. justify-content: space-between;
  21948. text-align: center;
  21949. }
  21950. .courseTitle .ctitle {
  21951. font-size: 20px;
  21952. font-weight: bold;
  21953. color: #0e1e33;
  21954. white-space: nowrap;
  21955. overflow: hidden;
  21956. text-overflow: ellipsis;
  21957. }
  21958. .inviteBox {
  21959. font-size: 14px;
  21960. /* margin-top: 5px; */
  21961. color: #00000099;
  21962. text-align: center;
  21963. }
  21964. .courseTitle >>> .el-tooltip {
  21965. width: 100%;
  21966. white-space: nowrap;
  21967. overflow: hidden;
  21968. text-overflow: ellipsis;
  21969. word-break: break-word;
  21970. }
  21971. .ml {
  21972. margin-left: 20px;
  21973. color: #5b7dba;
  21974. border-left: 3px solid #5b7dba;
  21975. padding-left: 5px;
  21976. font-weight: bold;
  21977. }
  21978. .return {
  21979. width: 2rem;
  21980. height: 2rem;
  21981. cursor: pointer;
  21982. }
  21983. .return > img {
  21984. width: 100%;
  21985. height: 100%;
  21986. }
  21987. .returnBtn {
  21988. width: 86px;
  21989. height: 36px;
  21990. background: #3681fc;
  21991. border-radius: 4px;
  21992. color: #fff;
  21993. text-align: center;
  21994. line-height: 36px;
  21995. margin-right: 20px;
  21996. cursor: pointer;
  21997. font-size: 14px;
  21998. font-weight: 400;
  21999. display: flex;
  22000. flex-direction: row;
  22001. flex-wrap: nowrap;
  22002. align-items: center;
  22003. justify-content: center;
  22004. }
  22005. .reBtnIcon,
  22006. .commentIcon,
  22007. .vedioIcon,
  22008. .vedioIcon1 {
  22009. /* width: 36px; */
  22010. height: 36px;
  22011. border-radius: 4px;
  22012. position: relative;
  22013. /* background: #e0eafb; */
  22014. background: #0061ff;
  22015. cursor: pointer;
  22016. margin-right: 12px;
  22017. display: flex;
  22018. align-items: center;
  22019. padding: 0 10px;
  22020. box-sizing: border-box;
  22021. font-size: 14px;
  22022. color: #fff;
  22023. }
  22024. .reBtnIcon::before,
  22025. .commentIcon::before,
  22026. .vedioIcon::before,
  22027. .vedioIcon1::before {
  22028. content: "";
  22029. display: block;
  22030. background-size: 100% 100%;
  22031. background-repeat: no-repeat;
  22032. width: 20px;
  22033. height: 20px;
  22034. margin-right: 5px;
  22035. /* position: absolute; */
  22036. /* top: 8px;
  22037. left: 8px; */
  22038. }
  22039. .vedioIcon1 {
  22040. background: #f63564;
  22041. }
  22042. .reBtnIcon::before {
  22043. background-image: url("../assets/icon/newIcons/refresh.png");
  22044. }
  22045. .commentIcon::before {
  22046. background-image: url("../assets/icon/newIcons/comment.png");
  22047. }
  22048. .vedioIcon::before {
  22049. background-image: url("../assets/icon/newIcons/transcribe.png");
  22050. }
  22051. .vedioIcon1::before {
  22052. /* background-image: url("../assets/icon/newIcons/istranscribe.png"); */
  22053. background-image: url("../assets/icon/newIcons/transcribe.png");
  22054. }
  22055. .tool {
  22056. display: flex;
  22057. flex-direction: column;
  22058. flex-wrap: nowrap;
  22059. width: 13%;
  22060. margin: 0 30px;
  22061. align-items: center;
  22062. position: relative;
  22063. padding: 10px 25px;
  22064. cursor: pointer;
  22065. }
  22066. .whiteBIcon {
  22067. width: 150px;
  22068. }
  22069. .whiteBIcon > img {
  22070. width: 100%;
  22071. height: 100%;
  22072. }
  22073. .mask {
  22074. background-color: rgba(0, 0, 0, 0);
  22075. position: fixed;
  22076. top: 0;
  22077. left: 0;
  22078. width: 100%;
  22079. height: 100%;
  22080. z-index: 20000;
  22081. display: flex;
  22082. align-items: center;
  22083. justify-content: center;
  22084. }
  22085. .progressBox {
  22086. width: 500px;
  22087. height: 180px;
  22088. background: #fff;
  22089. border-radius: 10px;
  22090. box-shadow: 0 0 6px 1px #bfbfbf;
  22091. display: flex;
  22092. align-items: center;
  22093. justify-content: center;
  22094. flex-direction: column;
  22095. position: relative;
  22096. color: #6c6c6c;
  22097. }
  22098. .progressBox >>> .el-progress-bar__outer {
  22099. background-color: #d1dfff !important;
  22100. }
  22101. .progressBox .lbox {
  22102. height: 50px;
  22103. font-size: 19px;
  22104. display: flex;
  22105. align-items: center;
  22106. color: #747474;
  22107. }
  22108. .progressBox .lbox img {
  22109. width: 40px;
  22110. margin-right: 20px;
  22111. }
  22112. .closeCss {
  22113. position: absolute;
  22114. top: 8px;
  22115. right: 8px;
  22116. cursor: pointer;
  22117. width: 20px;
  22118. height: 20px;
  22119. }
  22120. .closeCss > img {
  22121. width: 100%;
  22122. height: 100%;
  22123. }
  22124. .uploadVedio {
  22125. display: flex;
  22126. flex-direction: column;
  22127. flex-wrap: nowrap;
  22128. justify-content: center;
  22129. align-items: center;
  22130. margin: 0 15px 10px 0;
  22131. }
  22132. .uploadVedio > img {
  22133. width: 30px;
  22134. height: 30px;
  22135. }
  22136. .uploadVedio > span {
  22137. white-space: nowrap;
  22138. overflow: hidden;
  22139. text-overflow: ellipsis;
  22140. width: 75px;
  22141. margin-top: 7px;
  22142. }
  22143. .picName {
  22144. white-space: nowrap;
  22145. overflow: hidden;
  22146. text-overflow: ellipsis;
  22147. width: 75px;
  22148. margin-top: 7px;
  22149. }
  22150. .new_top {
  22151. display: flex;
  22152. background: #fff;
  22153. flex-direction: row;
  22154. justify-content: flex-start;
  22155. align-items: center;
  22156. height: 60px;
  22157. position: fixed;
  22158. top: 20px;
  22159. left: 22%;
  22160. width: 77%;
  22161. z-index: 999;
  22162. border-radius: 12px 12px 0 0;
  22163. border-bottom: 1px solid #cad1dc;
  22164. padding: 10px 0;
  22165. }
  22166. .new_topFixed {
  22167. width: 100%;
  22168. height: 40px;
  22169. position: fixed;
  22170. top: 0px;
  22171. display: block;
  22172. background: #f2f2f2;
  22173. z-index: 998;
  22174. }
  22175. .before {
  22176. position: absolute;
  22177. background: #c3dad4;
  22178. width: 6px;
  22179. height: 100%;
  22180. }
  22181. .courseIndex {
  22182. display: flex;
  22183. flex-direction: row;
  22184. align-items: center;
  22185. width: calc(100% - 745px);
  22186. }
  22187. .courseIndex > div:nth-child(1) {
  22188. margin: 0 0 0 10px;
  22189. font-size: 20px;
  22190. min-width: 100px;
  22191. font-weight: bold;
  22192. border-left: 4px solid #3363b9;
  22193. height: 32px;
  22194. text-align: center;
  22195. line-height: 35px;
  22196. }
  22197. .courseIndex > div:nth-child(2) {
  22198. font-size: 20px;
  22199. /* width: 300px; */
  22200. max-width: calc(100% - 105px);
  22201. white-space: nowrap;
  22202. overflow: hidden;
  22203. text-overflow: ellipsis;
  22204. }
  22205. .courseIndex > div:nth-child(3) {
  22206. border-bottom: 1px solid #d7d7d7;
  22207. padding-bottom: 5px;
  22208. background: #3681fc;
  22209. width: 55px;
  22210. min-width: 55px;
  22211. border-radius: 5px;
  22212. color: #fff;
  22213. text-align: center;
  22214. height: 20px;
  22215. line-height: 26px;
  22216. font-size: 14px;
  22217. margin: 0 0 0 10px;
  22218. }
  22219. .course_text {
  22220. padding: 20px 0 0 15px;
  22221. text-indent: 30px;
  22222. width: 80%;
  22223. min-height: 20px;
  22224. }
  22225. .vedioList {
  22226. background: #f2f2f2;
  22227. border: 1px solid #ececec;
  22228. /* width: 38.8%; */
  22229. /* width: 300px; */
  22230. width: 100%;
  22231. height: 445px;
  22232. border-radius: 10px;
  22233. overflow: hidden;
  22234. box-shadow: 0px 0px 12px 1px rgba(0, 0, 0, 0.16);
  22235. }
  22236. .vedioNav {
  22237. margin: 10px 0 0 15px;
  22238. border-bottom: 1px solid #d7d7d7;
  22239. padding-bottom: 5px;
  22240. background: #3681fc;
  22241. width: 55px;
  22242. min-width: 55px;
  22243. border-radius: 5px;
  22244. color: #fff;
  22245. text-align: center;
  22246. height: 20px;
  22247. line-height: 26px;
  22248. font-size: 14px;
  22249. }
  22250. .queTop {
  22251. display: flex;
  22252. padding: 20px 0 20px 30px;
  22253. width: 100%;
  22254. flex-direction: row;
  22255. justify-content: flex-start;
  22256. align-items: center;
  22257. box-sizing: border-box;
  22258. }
  22259. .queTopTitle {
  22260. display: flex;
  22261. flex-direction: row;
  22262. flex-wrap: nowrap;
  22263. align-items: center;
  22264. font-weight: bold;
  22265. font-size: 20px;
  22266. color: rgb(14, 30, 51);
  22267. }
  22268. .queTopTitle::before {
  22269. content: "";
  22270. width: 2px;
  22271. height: 22px;
  22272. background: #3681fc;
  22273. border-radius: 3px;
  22274. display: block;
  22275. margin: 2px 6px 0 0;
  22276. }
  22277. .queTopRight {
  22278. display: flex;
  22279. flex-direction: row;
  22280. flex-wrap: nowrap;
  22281. align-items: center;
  22282. }
  22283. .queTopClose {
  22284. margin-right: 20px;
  22285. cursor: pointer;
  22286. position: relative;
  22287. display: flex;
  22288. }
  22289. .closeImg,
  22290. .openImg {
  22291. width: 25px;
  22292. height: 25px;
  22293. position: absolute;
  22294. left: -20px;
  22295. top: -1px;
  22296. }
  22297. .closeImg > img,
  22298. .openImg > img {
  22299. width: 100%;
  22300. height: 100%;
  22301. }
  22302. .question {
  22303. width: 40px;
  22304. margin-right: 10px;
  22305. margin-top: 7px;
  22306. }
  22307. .queTitle {
  22308. margin-left: 5px;
  22309. font-size: 25px;
  22310. display: flex;
  22311. align-items: center;
  22312. }
  22313. .addEditor {
  22314. width: 100px;
  22315. height: 30px;
  22316. background: #42cda6;
  22317. color: #fff;
  22318. border-radius: 5px;
  22319. text-align: center;
  22320. line-height: 30px;
  22321. box-shadow: 1px 3px 6px 1px #bfbfbf;
  22322. cursor: pointer;
  22323. }
  22324. /* .vedioName {
  22325. cursor: pointer;
  22326. margin: 0px 0px 10px 5px;
  22327. white-space: nowrap;
  22328. overflow: hidden;
  22329. text-overflow: ellipsis;
  22330. width: 100%;
  22331. } */
  22332. .vedioTime {
  22333. width: 35px;
  22334. position: absolute;
  22335. color: #fff;
  22336. bottom: 0px;
  22337. right: 0px;
  22338. text-align: center;
  22339. background: #46411f;
  22340. height: 20px;
  22341. font-size: 14px;
  22342. line-height: 20px;
  22343. }
  22344. .homework {
  22345. width: 200px;
  22346. display: flex;
  22347. flex-direction: column;
  22348. flex-wrap: nowrap;
  22349. align-items: center;
  22350. cursor: pointer;
  22351. }
  22352. .homebox {
  22353. display: flex;
  22354. flex-wrap: wrap;
  22355. flex-direction: row;
  22356. justify-content: flex-start;
  22357. align-items: center;
  22358. padding: 15px 0;
  22359. }
  22360. .isChooseActive {
  22361. color: #3681fc !important;
  22362. font-weight: bold !important;
  22363. }
  22364. .chooseWho {
  22365. display: flex;
  22366. width: 100%;
  22367. flex-direction: row;
  22368. flex-wrap: nowrap;
  22369. justify-content: flex-start;
  22370. padding-bottom: 10px;
  22371. }
  22372. .chooseWho > div {
  22373. cursor: pointer;
  22374. padding-bottom: 10px;
  22375. margin: 0 30px 0 0;
  22376. font-weight: 400;
  22377. color: #0e1e33;
  22378. }
  22379. .addPoint > div > img {
  22380. cursor: pointer;
  22381. width: 85px;
  22382. border-radius: 15px;
  22383. box-shadow: 0px 1px 8px 0px rgb(20 20 20 / 14%);
  22384. }
  22385. .addPoint > div {
  22386. display: flex;
  22387. flex-direction: column;
  22388. flex-wrap: nowrap;
  22389. align-items: center;
  22390. }
  22391. .isBorder > div {
  22392. margin: 0 0 10px 0;
  22393. align-items: flex-start !important;
  22394. }
  22395. .noiframeBox {
  22396. display: flex;
  22397. flex-wrap: wrap;
  22398. }
  22399. .iframeBox iframe {
  22400. width: 100%;
  22401. height: 800px;
  22402. border: none;
  22403. margin-bottom: 20px;
  22404. border: 1px solid #ccc;
  22405. }
  22406. .upload_toolBtn {
  22407. background: #3681fc;
  22408. color: #fff;
  22409. width: 110px;
  22410. text-align: center;
  22411. height: 35px;
  22412. line-height: 35px;
  22413. font-size: 14px;
  22414. border-radius: 5px;
  22415. cursor: pointer;
  22416. position: absolute;
  22417. right: 10px;
  22418. bottom: 0;
  22419. }
  22420. .binfo_input,
  22421. .pj {
  22422. font: inherit;
  22423. color: currentColor;
  22424. width: 100%;
  22425. margin: 0;
  22426. padding: 15px 14px;
  22427. display: block;
  22428. min-width: 0;
  22429. outline: none;
  22430. box-sizing: content-box;
  22431. background: none;
  22432. -webkit-tap-highlight-color: transparent;
  22433. border: 1px solid rgba(0, 0, 0, 0.23);
  22434. border-radius: 4px;
  22435. box-sizing: border-box;
  22436. resize: none;
  22437. }
  22438. .binfo_input:focus-visible {
  22439. border: 1px solid rgba(61, 103, 188);
  22440. }
  22441. .dialog_diy >>> .el-dialog__header,
  22442. .dialog_diy1 >>> .el-dialog__header {
  22443. background: #454545 !important;
  22444. padding: 15px 20px;
  22445. }
  22446. .dialog_diy >>> .el-dialog__title,
  22447. .dialog_diy1 >>> .el-dialog__title {
  22448. color: #fff;
  22449. }
  22450. .dialog_diy >>> .el-dialog__headerbtn,
  22451. .dialog_diy1 >>> .el-dialog__headerbtn {
  22452. top: 19px;
  22453. }
  22454. .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close,
  22455. .dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close {
  22456. color: #fff;
  22457. }
  22458. .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover,
  22459. .dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover {
  22460. color: #fff;
  22461. }
  22462. .dialog_diy1 >>> .el-dialog__body {
  22463. padding: 0;
  22464. }
  22465. .dialog_diy >>> .el-dialog__body,
  22466. .dialog_diy >>> .el-dialog__footer,
  22467. .dialog_diy1 >>> .el-dialog__footer {
  22468. background: #fafafa;
  22469. }
  22470. .a_addBox {
  22471. padding: 0 0 0 15px;
  22472. }
  22473. .a_add_box {
  22474. padding: 10px;
  22475. background: #fff;
  22476. margin-bottom: 10px;
  22477. border-radius: 5px;
  22478. box-shadow: 0 0 5px 0 #d5d5d5;
  22479. }
  22480. .a_add_head {
  22481. display: flex;
  22482. align-items: flex-start;
  22483. /* justify-content: space-between; */
  22484. flex-direction: column;
  22485. /* flex-direction: row; */
  22486. margin: 10px 0 20px 0;
  22487. font-size: 18px;
  22488. width: 100%;
  22489. }
  22490. .askIndex {
  22491. background: #3681fc;
  22492. border-radius: 50%;
  22493. color: #fff;
  22494. width: 25px;
  22495. height: 25px;
  22496. min-width: 25px;
  22497. min-height: 25px;
  22498. text-align: center;
  22499. line-height: 25px;
  22500. margin-right: 5px;
  22501. }
  22502. .a_add_head .a_add_head_input {
  22503. width: 300px;
  22504. }
  22505. .a_add_head .a_add_head_div {
  22506. display: flex;
  22507. align-items: center;
  22508. justify-content: space-between;
  22509. }
  22510. .a_add_body {
  22511. display: flex;
  22512. align-items: center;
  22513. }
  22514. .a_add_input {
  22515. display: flex;
  22516. align-items: center;
  22517. flex-wrap: wrap;
  22518. width: 100%;
  22519. }
  22520. .a_add_input >>> .el-radio-group,
  22521. .a_add_input >>> .el-checkbox-group {
  22522. width: 100%;
  22523. }
  22524. .a_add_input >>> .el-radio,
  22525. .a_add_input >>> .el-checkbox {
  22526. display: flex;
  22527. flex-direction: row;
  22528. flex-wrap: nowrap;
  22529. align-items: center;
  22530. padding: 15px 0;
  22531. }
  22532. .a_add_input >>> .el-radio:not(:last-child),
  22533. .a_add_input >>> .el-checkbox:not(:last-child) {
  22534. width: 100%;
  22535. border-bottom: 1px solid #efefef;
  22536. }
  22537. .redioStyle >>> .el-radio__label {
  22538. font-size: 18px;
  22539. }
  22540. .redioStyle >>> .el-radio__label > span,
  22541. .redioStyle >>> .el-checkbox__label > span {
  22542. word-break: break-all;
  22543. white-space: normal;
  22544. }
  22545. .redioStyle >>> .el-checkbox__label {
  22546. font-size: 18px;
  22547. }
  22548. .toolHeng2 {
  22549. width: 100%;
  22550. padding-left: 15px;
  22551. box-sizing: border-box;
  22552. }
  22553. .workNav {
  22554. font-size: 20px;
  22555. font-weight: bold;
  22556. color: #0e1e33;
  22557. display: flex;
  22558. flex-direction: row;
  22559. flex-wrap: nowrap;
  22560. align-items: center;
  22561. padding: 15px 0 15px 0;
  22562. }
  22563. .workNav::before {
  22564. content: "";
  22565. width: 2px;
  22566. height: 22px;
  22567. background: #3681fc;
  22568. border-radius: 3px;
  22569. display: block;
  22570. margin: 2px 6px 0 0;
  22571. }
  22572. .toolHeng {
  22573. display: flex;
  22574. flex-direction: row;
  22575. flex-wrap: wrap;
  22576. justify-content: flex-start;
  22577. align-items: center;
  22578. width: 100%;
  22579. }
  22580. .toolHeng > div {
  22581. padding-left: 20px;
  22582. }
  22583. .isWidth {
  22584. width: 20%;
  22585. }
  22586. .textTitle {
  22587. display: flex;
  22588. flex-direction: row;
  22589. flex-wrap: nowrap;
  22590. align-items: center;
  22591. width: 95%;
  22592. }
  22593. .textTitle >>> .el-form-item__label {
  22594. font-size: 22px;
  22595. color: #918f8f;
  22596. width: 100px;
  22597. }
  22598. .textTitle >>> .el-form-item__content {
  22599. width: calc(100% - 100px);
  22600. }
  22601. .textCss >>> .el-dialog {
  22602. width: 800px !important;
  22603. height: 400px;
  22604. background: #fafafa;
  22605. }
  22606. .textCss >>> .el-dialog__body {
  22607. margin: 55px 8% 0 8%;
  22608. padding: 0 !important;
  22609. }
  22610. .textCss >>> .el-dialog__footer {
  22611. padding-top: 38px;
  22612. }
  22613. .toolsCss >>> .el-dialog__body {
  22614. padding: 20px;
  22615. }
  22616. .lineCss >>> .el-dialog__body {
  22617. display: flex;
  22618. flex-direction: row;
  22619. align-items: center;
  22620. justify-content: center;
  22621. }
  22622. .newNav {
  22623. display: flex;
  22624. flex-direction: row;
  22625. align-items: baseline;
  22626. justify-content: flex-start;
  22627. }
  22628. .navListItem {
  22629. width: calc(100% - 20px);
  22630. height: 50px;
  22631. margin: 0px auto 10px;
  22632. display: flex;
  22633. flex-direction: row;
  22634. flex-wrap: nowrap;
  22635. align-items: center;
  22636. justify-content: space-between;
  22637. background: #f0f4fa;
  22638. border-radius: 6px 6px 6px 6px;
  22639. }
  22640. .navText {
  22641. cursor: pointer;
  22642. white-space: nowrap;
  22643. overflow: hidden;
  22644. text-overflow: ellipsis;
  22645. width: 220px;
  22646. padding: 0 10px;
  22647. font-weight: 400;
  22648. color: #0e1e33;
  22649. }
  22650. .downIcon {
  22651. width: 20px;
  22652. min-width: 20px;
  22653. height: 20px;
  22654. margin-right: 15px;
  22655. cursor: pointer;
  22656. }
  22657. .downIcon > img {
  22658. width: 100%;
  22659. height: 100%;
  22660. }
  22661. .noVedio {
  22662. display: flex;
  22663. flex-direction: row;
  22664. justify-content: center;
  22665. align-content: center;
  22666. }
  22667. .noNavText {
  22668. cursor: pointer;
  22669. margin: 0px 0px 10px 5px;
  22670. width: 112px;
  22671. }
  22672. .listNoVedio {
  22673. margin: 0 0 0 30px;
  22674. width: 97%;
  22675. }
  22676. .video-player >>> .video-js {
  22677. height: 100%;
  22678. }
  22679. .hangVedioList {
  22680. width: 90% !important;
  22681. height: 150px !important;
  22682. margin: 20px 0 0 30px;
  22683. }
  22684. .hangVedio {
  22685. width: 100%;
  22686. height: 170px !important;
  22687. align-items: flex-start !important;
  22688. }
  22689. .hangHand {
  22690. height: 150px !important;
  22691. }
  22692. .twoChild {
  22693. width: 95%;
  22694. margin: 10px;
  22695. border-radius: 5px;
  22696. background: #f2f2f2;
  22697. display: flex;
  22698. flex-direction: column;
  22699. flex-wrap: nowrap;
  22700. justify-content: flex-start;
  22701. align-items: flex-start;
  22702. transition: all 0.5s;
  22703. overflow: hidden;
  22704. height: 0;
  22705. background: #e7f3ff;
  22706. }
  22707. .twoChild > div:nth-child(1) {
  22708. margin-top: 5px;
  22709. }
  22710. .navChild {
  22711. width: 100%;
  22712. cursor: pointer;
  22713. margin-bottom: 10px;
  22714. position: relative;
  22715. }
  22716. .navChild img {
  22717. position: absolute;
  22718. right: 11px;
  22719. width: 15px;
  22720. top: 50%;
  22721. transform: translateY(-50%);
  22722. }
  22723. .navActive,
  22724. .toolActive {
  22725. height: auto !important;
  22726. overflow: auto !important;
  22727. /* padding-bottom: 16px; */
  22728. }
  22729. .toolActive {
  22730. padding: 0;
  22731. }
  22732. .navTask {
  22733. display: flex;
  22734. flex-direction: row;
  22735. flex-wrap: nowrap;
  22736. align-items: center;
  22737. align-content: flex-start;
  22738. height: 40px;
  22739. justify-content: flex-start;
  22740. padding: 0 10px;
  22741. width: 100%;
  22742. box-sizing: border-box;
  22743. }
  22744. .navTaskname {
  22745. white-space: nowrap;
  22746. text-overflow: ellipsis;
  22747. overflow: hidden;
  22748. word-break: break-all;
  22749. padding-left: 5px;
  22750. }
  22751. .openTaskActive {
  22752. /* background-color: #e0eafb !important;
  22753. color: #0061ff; */
  22754. color:#fff;
  22755. background: rgb(55, 129, 252) !important;
  22756. }
  22757. .iframeName {
  22758. margin: 5px 0;
  22759. border-left: 4px solid #41c4a4;
  22760. padding-left: 4px;
  22761. }
  22762. .toolTitle {
  22763. margin: 0px 0px 20px;
  22764. font-size: 20px;
  22765. font-weight: 500;
  22766. border-left: 4px solid #41c4a4;
  22767. padding-left: 4px;
  22768. }
  22769. .cru_selectBox {
  22770. overflow: auto;
  22771. width: 95%;
  22772. margin: 17px auto 0;
  22773. height: calc(100% - 40px - 21px - 20px - 17px);
  22774. background: #fff;
  22775. border-radius: 8px;
  22776. }
  22777. .cru_selectBox::-webkit-scrollbar,
  22778. .study_top::-webkit-scrollbar,
  22779. .textContent::-webkit-scrollbar {
  22780. /*滚动条整体样式*/
  22781. width: 6px;
  22782. /*高宽分别对应横竖滚动条的尺寸*/
  22783. height: 6px;
  22784. }
  22785. /*定义滚动条轨道 内阴影+圆角*/
  22786. .cru_selectBox::-webkit-scrollbar-track,
  22787. .study_top::-webkit-scrollbar-track,
  22788. .textContent::-webkit-scrollbar {
  22789. border-radius: 10px;
  22790. background-color: #b8bdc9;
  22791. }
  22792. /*定义滑块 内阴影+圆角*/
  22793. .cru_selectBox::-webkit-scrollbar-thumb,
  22794. .study_top::-webkit-scrollbar-thumb,
  22795. .textContent::-webkit-scrollbar-thumb {
  22796. border-radius: 10px;
  22797. -webkit-box-shadow: inset 0 0 6px rgb(96, 125, 184);
  22798. background-color: #2c5ab3;
  22799. }
  22800. .vedioBox {
  22801. border-radius: 0 0 20px 20px;
  22802. background: #fff;
  22803. overflow: auto;
  22804. }
  22805. .taskBox {
  22806. width: 98%;
  22807. background: #f0f4fa;
  22808. margin: 10px auto;
  22809. padding: 0 10px;
  22810. border-radius: 4px;
  22811. box-sizing: border-box;
  22812. }
  22813. .vedioTaskBox {
  22814. width: 100%;
  22815. display: flex;
  22816. flex-direction: row;
  22817. flex-wrap: nowrap;
  22818. align-items: flex-start;
  22819. position: relative;
  22820. }
  22821. .toolBox {
  22822. margin: 15px 0 0 25px;
  22823. display: flex;
  22824. position: relative;
  22825. padding: 18px 20px;
  22826. border-top-left-radius: 5px;
  22827. border-top-right-radius: 5px;
  22828. width: 90%;
  22829. }
  22830. .btnAll {
  22831. position: absolute;
  22832. right: 0;
  22833. display: flex;
  22834. flex-direction: row;
  22835. flex-wrap: nowrap;
  22836. align-items: center;
  22837. }
  22838. .btnLeft,
  22839. .btnRight {
  22840. display: flex;
  22841. flex-direction: row;
  22842. flex-wrap: nowrap;
  22843. align-items: center;
  22844. padding: 5px 0;
  22845. }
  22846. .btnLeft {
  22847. border-right: 1px solid #cad1dc;
  22848. }
  22849. .btnLeft > .custom-tooltip {
  22850. background: #3681fc;
  22851. color: #fff;
  22852. }
  22853. .last:hover {
  22854. background: #3383fa !important;
  22855. color: #fff;
  22856. border: 1px solid #3383fa !important;
  22857. }
  22858. .last,
  22859. .returnBtn1 {
  22860. width: 90px;
  22861. height: 36px;
  22862. background: #ffffff;
  22863. border-radius: 4px;
  22864. border: 1px solid #0061ff;
  22865. color: #0061ff;
  22866. cursor: pointer;
  22867. display: flex;
  22868. flex-direction: row;
  22869. flex-wrap: nowrap;
  22870. align-items: center;
  22871. justify-content: center;
  22872. margin-left: 12px;
  22873. }
  22874. .returnBtn1 {
  22875. background: #f0f4fa;
  22876. border-radius: 4px;
  22877. border: 1px solid #cad1dc;
  22878. margin: 0 12px;
  22879. }
  22880. .lastImg {
  22881. min-width: 15px;
  22882. width: 15px;
  22883. height: 15px;
  22884. display: flex;
  22885. }
  22886. .lastText {
  22887. padding: 0 5px 0 5px;
  22888. box-sizing: border-box;
  22889. font-size: 14px;
  22890. }
  22891. .lastImg > img {
  22892. width: 100%;
  22893. height: 100%;
  22894. }
  22895. /* .vedioTimeBox {
  22896. display: flex;
  22897. flex-direction: row;
  22898. align-items: center;
  22899. flex-wrap: nowrap;
  22900. position: relative;
  22901. } */
  22902. .navBox {
  22903. background: #fff;
  22904. height: calc(100% - 40px);
  22905. overflow-y: auto;
  22906. overflow-x: hidden;
  22907. }
  22908. .worksBox {
  22909. margin: 0 0 10px 25px;
  22910. border-bottom: 1px solid #eeeeee;
  22911. padding: 18px 20px;
  22912. border-radius: 4px;
  22913. width: 90%;
  22914. }
  22915. .worksBTitle {
  22916. font-size: 20px;
  22917. padding-bottom: 15px;
  22918. border-bottom: 1px solid #eeeeee;
  22919. display: flex;
  22920. align-items: center;
  22921. }
  22922. .greenBox {
  22923. width: 5px;
  22924. height: 30px;
  22925. background: #63b6fa;
  22926. margin-right: 5px;
  22927. }
  22928. .worksDetailBox {
  22929. display: flex;
  22930. width: 100%;
  22931. flex-direction: row;
  22932. flex-wrap: wrap;
  22933. align-items: flex-end;
  22934. justify-content: flex-start;
  22935. padding: 15px 5px;
  22936. box-sizing: border-box;
  22937. }
  22938. .works {
  22939. display: flex;
  22940. flex-direction: column;
  22941. flex-wrap: nowrap;
  22942. align-items: flex-start;
  22943. justify-content: flex-start;
  22944. align-content: center;
  22945. max-width: 240px;
  22946. width: calc(100% / 3 - 10px);
  22947. height: auto;
  22948. margin-right: 10px;
  22949. margin-bottom: 10px;
  22950. overflow: hidden;
  22951. height: 140px;
  22952. box-shadow: 0 0 6px 1px #dfdada;
  22953. border-radius: 15px;
  22954. }
  22955. .workImg {
  22956. width: 100%;
  22957. /* height: calc(100% - 40px); */
  22958. height: 105px;
  22959. position: relative;
  22960. }
  22961. .workImg > img {
  22962. width: 100%;
  22963. height: 100%;
  22964. object-fit: contain;
  22965. cursor: pointer;
  22966. }
  22967. .worksName {
  22968. height: 40px;
  22969. line-height: 40px;
  22970. display: flex;
  22971. width: 100%;
  22972. flex-direction: row;
  22973. flex-wrap: nowrap;
  22974. justify-content: space-between;
  22975. align-items: center;
  22976. margin: 0 0 0 10px;
  22977. }
  22978. .worksName > div:nth-child(1) {
  22979. width: 110px;
  22980. white-space: nowrap;
  22981. overflow: hidden;
  22982. text-overflow: ellipsis;
  22983. }
  22984. .worksName > div:nth-child(2) {
  22985. color: #b7b4b5;
  22986. }
  22987. .noWorksS {
  22988. padding: 15px 0;
  22989. display: flex;
  22990. flex-direction: row;
  22991. flex-wrap: wrap;
  22992. align-items: center;
  22993. justify-content: flex-start;
  22994. }
  22995. .noWorksName,
  22996. .isWorksName,
  22997. .isWorksName2 {
  22998. background: #ddebf8;
  22999. color: #000;
  23000. width: 90px;
  23001. height: 25px;
  23002. text-align: center;
  23003. line-height: 25px;
  23004. border-radius: 4px;
  23005. margin: 10px 15px 10px 0;
  23006. white-space: nowrap;
  23007. overflow: hidden;
  23008. padding: 5px;
  23009. text-overflow: ellipsis;
  23010. cursor: pointer;
  23011. border: 1px solid #ddebf8;
  23012. }
  23013. .noWorksName {
  23014. background: #fff;
  23015. color: #0061ff;
  23016. border: 1px solid #0061ff;
  23017. }
  23018. .noWorksName > span{
  23019. max-width: 100%;
  23020. display: block;
  23021. overflow: hidden;
  23022. text-overflow: ellipsis;
  23023. white-space: nowrap;
  23024. }
  23025. .isWorksName2 {
  23026. width: 100px;
  23027. height: 40px;
  23028. line-height: 40px;
  23029. position: relative;
  23030. background: #dae6f9;
  23031. }
  23032. .isWorksName {
  23033. background: #e7ebf1 !important;
  23034. width: 100px;
  23035. height: 40px;
  23036. line-height: 40px;
  23037. position: relative;
  23038. color: #acb4bf;
  23039. border: 1px solid #cad1dc !important;
  23040. }
  23041. .isSelectName,
  23042. .noWorksName:hover {
  23043. background: #3383fa !important;
  23044. color: #fff !important;
  23045. border: 1px solid #3383fa !important;
  23046. }
  23047. .title {
  23048. background: #1e5cc9;
  23049. /* width: 98%; */
  23050. height: 45px;
  23051. color: #fff;
  23052. line-height: 45px;
  23053. padding-left: 20px;
  23054. box-sizing: border-box;
  23055. }
  23056. .textBox {
  23057. font-size: 20px;
  23058. width: 90%;
  23059. display: flex;
  23060. flex-direction: column;
  23061. align-items: center;
  23062. margin: 20px auto 0;
  23063. max-height: calc(100% - 75px);
  23064. overflow: auto;
  23065. }
  23066. .textContent {
  23067. font-size: 18px;
  23068. width: 95%;
  23069. max-width: 95%;
  23070. }
  23071. .answerBg {
  23072. background: url("../assets/icon/answerBgNew.png") no-repeat;
  23073. background-size: 100% 100%;
  23074. width: 100%;
  23075. height: 100%;
  23076. color: #fff;
  23077. text-align: center;
  23078. display: flex;
  23079. flex-direction: column;
  23080. flex-wrap: nowrap;
  23081. align-items: center;
  23082. position: relative;
  23083. justify-content: center;
  23084. }
  23085. .answerBg > div:nth-child(1) {
  23086. /* font-size: 22px;
  23087. padding: 25px 0 10px; */
  23088. }
  23089. .answerContent {
  23090. width: 215px;
  23091. max-height: 60px;
  23092. word-break: break-all;
  23093. text-align: center;
  23094. /* white-space: nowrap; */
  23095. overflow: hidden;
  23096. text-overflow: ellipsis;
  23097. /* padding: 23px 0 0; */
  23098. -webkit-line-clamp: 3;
  23099. -webkit-box-orient: vertical;
  23100. display: -webkit-box;
  23101. font-size: 15px;
  23102. cursor: pointer;
  23103. }
  23104. .elist_input_box {
  23105. display: flex;
  23106. align-items: flex-start;
  23107. flex-wrap: nowrap;
  23108. padding: 10px 0 15px 30px;
  23109. flex-direction: column;
  23110. }
  23111. .elist_input {
  23112. /* width: 40%; */
  23113. width: 45%;
  23114. margin: 20px;
  23115. }
  23116. .elist_input .elist_input_box input {
  23117. font: inherit;
  23118. color: currentColor;
  23119. width: 200px;
  23120. padding: 8px 14px;
  23121. display: block;
  23122. min-width: 0;
  23123. outline: none;
  23124. border: 1px solid rgba(0, 0, 0, 0.23);
  23125. border-radius: 4px;
  23126. box-sizing: border-box;
  23127. background: #fff;
  23128. margin: 0 20px 0 0;
  23129. }
  23130. .elist_input .elist_input_box span {
  23131. height: 36px;
  23132. line-height: 36px;
  23133. color: rgb(82, 82, 82);
  23134. }
  23135. .elist_input .elist_input_box .remove {
  23136. height: 20px;
  23137. width: 20px;
  23138. background-size: 100% 100%;
  23139. background-position: unset;
  23140. margin-left: 5px;
  23141. }
  23142. .elist_input_box >>> .el-rate {
  23143. display: flex;
  23144. height: 36px;
  23145. align-items: center;
  23146. }
  23147. .elist_input_box .elist_inptu_text {
  23148. min-height: 50px;
  23149. /* width: 500px;
  23150. max-height: 150px; */
  23151. width: 100%;
  23152. line-height: 50px;
  23153. color: rgb(82, 82, 82);
  23154. overflow: auto;
  23155. text-indent: 5px;
  23156. background: #f7f6f9;
  23157. border-radius: 10px;
  23158. }
  23159. .elist_input_box .elist_inptu_text input {
  23160. width: 500px;
  23161. }
  23162. .elist_input_box >>> .el-rate__icon {
  23163. font-size: 24px;
  23164. }
  23165. .isClick {
  23166. background: #4d9def;
  23167. }
  23168. .bzBox {
  23169. display: flex;
  23170. flex-direction: row;
  23171. align-items: center;
  23172. }
  23173. .bzBox .yCss {
  23174. width: 7px;
  23175. height: 7px;
  23176. background: #fff;
  23177. margin: 0 16px 0 6px;
  23178. border-radius: 50%;
  23179. border: 5px solid #3681fc;
  23180. z-index: 99;
  23181. }
  23182. .bzBox > div:nth-child(2) {
  23183. font-size: 18px;
  23184. font-weight: bold;
  23185. color: #0e1e33;
  23186. }
  23187. .navTitile {
  23188. padding: 0 0px 0 15px;
  23189. font-size: 16px;
  23190. font-weight: bold;
  23191. color: #0e1e33;
  23192. height: 40px;
  23193. line-height: 40px;
  23194. }
  23195. .isTypeOne {
  23196. width: 240px;
  23197. height: 170px;
  23198. /* border: 1px solid #f8f8f8; */
  23199. border-radius: 10px;
  23200. box-shadow: 0 0 6px 1px #dfdada;
  23201. }
  23202. .e_add_top {
  23203. display: flex;
  23204. justify-content: space-between;
  23205. padding: 10px 20px;
  23206. border-radius: 3px;
  23207. background: #fff;
  23208. }
  23209. .e_add_title2 {
  23210. display: flex;
  23211. align-items: center;
  23212. }
  23213. .e_add_title2 span {
  23214. width: 40px;
  23215. }
  23216. .e_add_title {
  23217. display: flex;
  23218. align-items: center;
  23219. color: #b8b8b8;
  23220. font-size: 18px;
  23221. position: relative;
  23222. height: 40px;
  23223. width: 100%;
  23224. }
  23225. .e_add_title span {
  23226. margin-right: 10px;
  23227. }
  23228. .e_add_title .el_input {
  23229. width: 300px;
  23230. }
  23231. .e_add_title >>> .el-input__inner {
  23232. width: 400px;
  23233. }
  23234. .e_add_btn {
  23235. }
  23236. .e_add_content {
  23237. display: flex;
  23238. width: 100%;
  23239. max-width: 650px;
  23240. height: 550px;
  23241. }
  23242. .e_add_list {
  23243. background: #fff;
  23244. height: 500px;
  23245. width: 210px;
  23246. position: relative;
  23247. margin: 15px 5px 0 0;
  23248. flex-shrink: 0;
  23249. display: flex;
  23250. flex-direction: column;
  23251. }
  23252. .e_add_list_title {
  23253. font-size: 20px;
  23254. width: 100%;
  23255. box-sizing: border-box;
  23256. padding: 15px 40px;
  23257. text-align: center;
  23258. border-bottom: 1px solid #eaeaea;
  23259. position: relative;
  23260. display: flex;
  23261. align-items: center;
  23262. justify-content: center;
  23263. height: 57px;
  23264. background: #f6f6f6;
  23265. }
  23266. .e_add_list_title span {
  23267. overflow: hidden;
  23268. white-space: nowrap;
  23269. text-overflow: ellipsis;
  23270. }
  23271. .e_add_list_title img {
  23272. position: absolute;
  23273. right: 15px;
  23274. width: 25px;
  23275. cursor: pointer;
  23276. top: 50%;
  23277. transform: translateY(-50%);
  23278. }
  23279. .e_add_list_body {
  23280. height: calc(100% - 187px);
  23281. overflow: auto;
  23282. }
  23283. .e_add_list_child {
  23284. width: 100%;
  23285. display: flex;
  23286. align-items: center;
  23287. justify-content: center;
  23288. position: relative;
  23289. box-sizing: border-box;
  23290. padding: 15px 40px;
  23291. text-align: center;
  23292. }
  23293. .e_add_list_child span {
  23294. overflow: hidden;
  23295. white-space: nowrap;
  23296. text-overflow: ellipsis;
  23297. cursor: pointer;
  23298. }
  23299. .e_add_list_child img {
  23300. position: absolute;
  23301. right: 10px;
  23302. width: 21px;
  23303. cursor: pointer;
  23304. top: 50%;
  23305. transform: translateY(-50%);
  23306. }
  23307. .e_add_list_child + .e_add_list_child {
  23308. border-top: 1px solid #eaeaea;
  23309. }
  23310. .e_add_list_child .active {
  23311. color: #409eff;
  23312. }
  23313. .e_add_list_btn {
  23314. position: absolute;
  23315. bottom: 0;
  23316. height: 50px;
  23317. background: rgb(120, 120, 254);
  23318. width: 100%;
  23319. color: #fff;
  23320. font-size: 16px;
  23321. text-align: center;
  23322. line-height: 50px;
  23323. cursor: pointer;
  23324. }
  23325. .e_add_list_detail {
  23326. position: absolute;
  23327. bottom: 0;
  23328. height: 130px;
  23329. background: rgb(120, 120, 254);
  23330. width: 100%;
  23331. color: #fff;
  23332. font-size: 16px;
  23333. display: flex;
  23334. align-items: center;
  23335. justify-content: center;
  23336. }
  23337. .e_add_list_detail textarea {
  23338. height: 90%;
  23339. width: 95%;
  23340. border: none;
  23341. resize: none;
  23342. outline: none;
  23343. padding: 5px;
  23344. box-sizing: border-box;
  23345. }
  23346. .e_add_list_pbox {
  23347. width: 100%;
  23348. max-width: 650px;
  23349. /* height: 600px; */
  23350. }
  23351. .e_add_list_pbox_title {
  23352. height: 50px;
  23353. background: #fff;
  23354. display: flex;
  23355. align-items: center;
  23356. width: 100%;
  23357. box-sizing: border-box;
  23358. padding: 0 20px;
  23359. }
  23360. .type_title {
  23361. font-size: 18px;
  23362. font-weight: 700;
  23363. }
  23364. .type_content {
  23365. font-size: 16px;
  23366. /* margin-left: 30px; */
  23367. }
  23368. .type_content span + span {
  23369. margin-left: 20px;
  23370. }
  23371. .type_content span {
  23372. cursor: pointer;
  23373. padding-bottom: 5px;
  23374. box-sizing: border-box;
  23375. }
  23376. .type_content .active {
  23377. color: #409eff;
  23378. border-bottom: 2px solid #409eff;
  23379. }
  23380. .e_add_list_pbox_content {
  23381. height: calc(100% - 50px);
  23382. display: flex;
  23383. align-items: center;
  23384. width: 100%;
  23385. background: #fff;
  23386. }
  23387. .evaCss {
  23388. display: flex;
  23389. flex-direction: row;
  23390. flex-wrap: nowrap;
  23391. align-items: flex-start;
  23392. padding: 0 0 20px;
  23393. }
  23394. .cru_line {
  23395. position: absolute;
  23396. bottom: 0px;
  23397. transition: all 0.5s;
  23398. left: 0px;
  23399. width: 125px;
  23400. margin-left: -25px;
  23401. }
  23402. .isNoMessage {
  23403. width: 20%;
  23404. margin: 25% auto 0;
  23405. }
  23406. .isNoMessage > img {
  23407. width: 100%;
  23408. height: 100%;
  23409. }
  23410. .fullStyle >>> .el-dialog__body {
  23411. height: 100% !important;
  23412. }
  23413. .fullStyle >>> .el-dialog,
  23414. .fullStyle {
  23415. width: 100% !important;
  23416. max-width: 100% !important;
  23417. height: 100% !important;
  23418. margin: 0 !important;
  23419. }
  23420. .full_diy >>> .el-dialog {
  23421. margin: 0 !important;
  23422. height: 100%;
  23423. padding: 4px;
  23424. }
  23425. .full_diy >>> .el-dialog__body {
  23426. height: calc(100% - 100px);
  23427. }
  23428. .full_diy2 >>> .el-dialog__body {
  23429. height: calc(100% - 50px);
  23430. padding: 0;
  23431. }
  23432. .switchCss {
  23433. /* width: 100%; */
  23434. display: flex;
  23435. flex-direction: row;
  23436. flex-wrap: nowrap;
  23437. align-items: center;
  23438. /* justify-content: center; */
  23439. }
  23440. .isClickNav {
  23441. /* color: #499eef; */
  23442. color: #000;
  23443. }
  23444. .commentImg {
  23445. width: 25px;
  23446. height: 25px;
  23447. cursor: pointer;
  23448. }
  23449. .commentImg > img {
  23450. width: 100%;
  23451. height: 100%;
  23452. }
  23453. .comment {
  23454. background: #f9f9f9;
  23455. border-radius: 0 0 4px 4px;
  23456. display: flex;
  23457. flex-direction: row;
  23458. flex-wrap: nowrap;
  23459. align-items: center;
  23460. justify-content: flex-end;
  23461. height: 35px;
  23462. }
  23463. .commentList {
  23464. display: flex;
  23465. flex-direction: row;
  23466. flex-wrap: nowrap;
  23467. align-items: center;
  23468. justify-content: center;
  23469. align-content: center;
  23470. /* margin-left: 15px; */
  23471. /* margin-left: 8px; */
  23472. }
  23473. .scoreImg {
  23474. width: 17px;
  23475. height: 17px;
  23476. }
  23477. .studentDetail {
  23478. display: flex;
  23479. flex-direction: row;
  23480. flex-wrap: nowrap;
  23481. /* align-items: center; */
  23482. align-items: flex-start;
  23483. }
  23484. .tx {
  23485. width: 50px;
  23486. }
  23487. .tx > img {
  23488. width: 100%;
  23489. height: 100%;
  23490. }
  23491. .nameAndTime {
  23492. display: flex;
  23493. flex-direction: column;
  23494. flex-wrap: nowrap;
  23495. align-items: flex-start;
  23496. margin-left: 10px;
  23497. }
  23498. .worksAnswer {
  23499. color: #4078dd;
  23500. margin: 10px 0;
  23501. font-size: 16px;
  23502. position: relative;
  23503. }
  23504. .worksAnswer > img {
  23505. width: 500px;
  23506. height: 300px;
  23507. object-fit: contain;
  23508. margin: 0 auto;
  23509. display: block;
  23510. }
  23511. .commentTop {
  23512. border-bottom: 1px solid #eaeaea;
  23513. padding-bottom: 10px;
  23514. }
  23515. .commentBox {
  23516. padding-top: 15px;
  23517. }
  23518. .pl {
  23519. font-size: 18px;
  23520. }
  23521. .plPerson {
  23522. width: 100%;
  23523. }
  23524. .plName {
  23525. display: flex;
  23526. flex-direction: row;
  23527. flex-wrap: nowrap;
  23528. align-items: baseline;
  23529. color: #78787a;
  23530. width: 100%;
  23531. }
  23532. .deleteComment {
  23533. cursor: pointer;
  23534. margin-left: auto;
  23535. color: #237ade;
  23536. }
  23537. .plContent {
  23538. margin-top: 5px;
  23539. }
  23540. .evalCss {
  23541. background: #fff;
  23542. font-size: 18px;
  23543. }
  23544. .nav {
  23545. color: #9d9d9d;
  23546. padding: 5px 0 15px 20px;
  23547. }
  23548. .middleBox {
  23549. padding: 5px 0 15px 20px;
  23550. }
  23551. .pfBox {
  23552. padding-bottom: 30px;
  23553. }
  23554. .nameAndrate {
  23555. display: flex;
  23556. flex-direction: row;
  23557. flex-wrap: nowrap;
  23558. align-items: center;
  23559. padding-bottom: 10px;
  23560. height: 30px;
  23561. line-height: 30px;
  23562. }
  23563. .nameAndrate > div {
  23564. margin-left: 10px;
  23565. color: #000;
  23566. height: 30px;
  23567. }
  23568. .nameAndrate >>> .el-rate__icon {
  23569. font-size: 28px !important;
  23570. }
  23571. .pfBox > div:nth-child(2) {
  23572. background: #f7f6f9;
  23573. width: 400px;
  23574. min-height: 45px;
  23575. border-radius: 10px;
  23576. font-size: 16px;
  23577. display: flex;
  23578. flex-wrap: wrap;
  23579. align-items: center;
  23580. padding: 10px 20px;
  23581. box-sizing: border-box;
  23582. color: #000;
  23583. }
  23584. .bz {
  23585. display: flex;
  23586. flex-direction: row;
  23587. flex-wrap: nowrap;
  23588. align-items: flex-start;
  23589. }
  23590. .bz > div {
  23591. padding: 0 10px;
  23592. }
  23593. .select_box2_title {
  23594. background: #fff;
  23595. border-radius: 5px;
  23596. padding: 15px 10px;
  23597. box-sizing: border-box;
  23598. margin-bottom: 10px;
  23599. display: flex;
  23600. flex-direction: row;
  23601. flex-wrap: nowrap;
  23602. align-items: center;
  23603. }
  23604. .select_box2_title > div:nth-child(2) {
  23605. margin-left: 10px;
  23606. color: #c4c4c4;
  23607. }
  23608. .select_box2_box {
  23609. display: flex;
  23610. height: 500px;
  23611. }
  23612. .select_box2_img {
  23613. width: calc(100% - 310px);
  23614. height: 100%;
  23615. overflow: auto;
  23616. background: #fff;
  23617. border-radius: 5px;
  23618. }
  23619. .select_box2_img img {
  23620. width: 100%;
  23621. }
  23622. .select_box2_answer {
  23623. background: #fff;
  23624. margin-left: 10px;
  23625. border-radius: 5px;
  23626. width: 300px;
  23627. overflow: auto;
  23628. height: 90%;
  23629. display: flex;
  23630. flex-direction: column;
  23631. align-items: flex-start;
  23632. padding-top: 10px;
  23633. box-sizing: border-box;
  23634. position: relative;
  23635. }
  23636. .select_answer_title {
  23637. padding: 0 0 15px 20px;
  23638. color: #c4c4c4;
  23639. }
  23640. .select_box2_answer_box {
  23641. margin: 0 0 10px 20px;
  23642. width: 85%;
  23643. display: flex;
  23644. flex-direction: row;
  23645. flex-wrap: nowrap;
  23646. align-items: center;
  23647. }
  23648. .select_box2_answer_box >>> .el-input.is-disabled .el-input__inner {
  23649. color: #000;
  23650. }
  23651. .upAnswerCss {
  23652. position: absolute;
  23653. bottom: 15px;
  23654. right: 15px;
  23655. }
  23656. .upAnswerCss >>> .el-button {
  23657. width: 95px;
  23658. height: 35px;
  23659. line-height: 35px;
  23660. padding: 0;
  23661. }
  23662. .rightWidthCss {
  23663. width: 60%;
  23664. display: flex;
  23665. flex-direction: row;
  23666. align-items: flex-start;
  23667. }
  23668. .rightAnswer {
  23669. display: flex;
  23670. flex-direction: row;
  23671. flex-wrap: nowrap;
  23672. align-items: center;
  23673. color: red;
  23674. margin-bottom: 31px;
  23675. }
  23676. .rightAnswerCss {
  23677. display: flex;
  23678. flex-direction: column;
  23679. flex-wrap: nowrap;
  23680. padding-top: 60px;
  23681. }
  23682. .blueCss {
  23683. color: #767de1;
  23684. margin-left: 10px;
  23685. }
  23686. .redCss {
  23687. color: red;
  23688. }
  23689. .redioStyle >>> .el-radio__input.is-checked + .el-radio__label {
  23690. color: rgb(0 123 255) !important;
  23691. }
  23692. .redioStyle >>> .el-checkbox__input.is-checked + .el-checkbox__label {
  23693. color: rgb(0 123 255) !important;
  23694. }
  23695. .zuoyeYulan {
  23696. padding-top: 0;
  23697. font-size: 18px;
  23698. display: flex;
  23699. align-items: flex-end;
  23700. }
  23701. .buttonA {
  23702. margin-left: 10px;
  23703. padding: 0;
  23704. }
  23705. .displayBox {
  23706. margin-bottom: 10px;
  23707. display: block;
  23708. border-bottom: 3px solid #eee;
  23709. display: flex;
  23710. align-items: center;
  23711. }
  23712. .easy_comment {
  23713. width: calc(100% - 90px);
  23714. margin-left: 10px;
  23715. display: flex;
  23716. flex-wrap: wrap;
  23717. }
  23718. .easy_comment > div {
  23719. border: 1px solid #4a4a4a;
  23720. color: #666;
  23721. border-radius: 15px;
  23722. padding: 5px 10px;
  23723. font-size: 16px;
  23724. margin-bottom: 10px;
  23725. margin-right: 5px;
  23726. cursor: pointer;
  23727. }
  23728. .easy_comment div:hover {
  23729. border: 1px solid #f7ba2a;
  23730. color: #c69217;
  23731. }
  23732. .xuan_right_box {
  23733. padding: 10px 0;
  23734. background: #f0f4fa;
  23735. margin: 0 15px 0 25px;
  23736. border-bottom-left-radius: 5px;
  23737. border-bottom-right-radius: 5px;
  23738. width: 91.5%;
  23739. }
  23740. .tool_right_box {
  23741. display: flex;
  23742. align-items: center;
  23743. }
  23744. .tool_right_box + .tool_right_box {
  23745. margin-top: 10px;
  23746. }
  23747. .right_box_xuan {
  23748. border-radius: 5px;
  23749. padding: 5px;
  23750. margin-left: 10px;
  23751. min-width: 85px;
  23752. background: #fff;
  23753. color: #0061ff;
  23754. border: 1px solid #0061ff;
  23755. font-size: 14px;
  23756. }
  23757. .pButton:hover {
  23758. opacity: 1 !important;
  23759. }
  23760. .pButton {
  23761. position: fixed;
  23762. text-align: center;
  23763. cursor: pointer;
  23764. z-index: 999;
  23765. right: 20px;
  23766. top: 110px;
  23767. width: 50px;
  23768. height: 50px;
  23769. display: flex;
  23770. align-items: center;
  23771. justify-content: center;
  23772. border-radius: 5px;
  23773. }
  23774. .pzClass {
  23775. width: calc(100% - 340px);
  23776. }
  23777. .newDialogCss {
  23778. /* position: fixed;
  23779. right: 5%;
  23780. top: 50%;
  23781. width: 340px;
  23782. transform: translateY(-50%);
  23783. height: 60%;
  23784. box-shadow: 0px 0 8px 0px #555555;
  23785. border-radius: 15px;
  23786. z-index: 999; */
  23787. position: fixed;
  23788. right: 20px;
  23789. top: 101px;
  23790. width: 330px;
  23791. height: calc(100% - 80px);
  23792. z-index: 999;
  23793. background: #fff;
  23794. border-top-right-radius: 0px;
  23795. border-bottom-right-radius: 0px;
  23796. overflow: hidden;
  23797. }
  23798. .newDialogCss>.scoreList{
  23799. width:100%;
  23800. height:100%;
  23801. box-sizing:border-box;
  23802. padding:10px 15px;
  23803. overflow:auto;
  23804. padding-bottom:80px;
  23805. }
  23806. .pzTop {
  23807. color: #fff;
  23808. background: #000;
  23809. display: flex;
  23810. flex-direction: row;
  23811. flex-wrap: nowrap;
  23812. align-items: center;
  23813. justify-content: space-between;
  23814. height: 40px;
  23815. border-radius: 15px 15px 0 0;
  23816. user-select: none;
  23817. }
  23818. .pzTop2 .checkbox {
  23819. display: flex;
  23820. align-items: center;
  23821. padding: 5px 10px;
  23822. flex: 0 0 auto;
  23823. font-weight: bold;
  23824. border-bottom: 1px solid #eee;
  23825. justify-content: space-between;
  23826. }
  23827. .checkbox>.cb-tabList{
  23828. display:flex;
  23829. align-items:center;
  23830. }
  23831. .cb-tabList>div{
  23832. margin-right:20px;
  23833. font-weight:400;
  23834. cursor:pointer;
  23835. }
  23836. .cb-tabList>.cb-tabItem{
  23837. color:#1684FC;
  23838. position:relative;
  23839. }
  23840. .cb-tabItem::after{
  23841. content:"";
  23842. width:100%;
  23843. height:2px;
  23844. background:#1684FC;
  23845. position:absolute;
  23846. bottom:-5px;
  23847. left:0
  23848. }
  23849. .pzTop2 .check {
  23850. text-align: center;
  23851. cursor: pointer;
  23852. box-sizing: border-box;
  23853. display: flex;
  23854. }
  23855. .pzTop2 img {
  23856. width: 25px;
  23857. cursor: pointer;
  23858. }
  23859. .pzTop > div:nth-child(1) {
  23860. padding-left: 10px;
  23861. }
  23862. .pzTop > div:nth-child(2) {
  23863. width: 15px;
  23864. height: 15px;
  23865. padding-right: 10px;
  23866. cursor: pointer;
  23867. }
  23868. .pzTop > div:nth-child(2) > img {
  23869. width: 100%;
  23870. height: 100%;
  23871. }
  23872. .pzBox,
  23873. .noPzBox {
  23874. height: calc(100% - 60px);
  23875. /* background: #ededed; */
  23876. background: #fff;
  23877. /* border-radius: 0 0 15px 15px; */
  23878. }
  23879. .noPzBox {
  23880. display: flex;
  23881. flex-direction: column;
  23882. flex-wrap: nowrap;
  23883. justify-content: center;
  23884. align-items: center;
  23885. }
  23886. .pzList {
  23887. background: #f7f7f7;
  23888. width: 90%;
  23889. margin: 0 auto 15px;
  23890. border-radius: 5px;
  23891. }
  23892. .pzNavTop {
  23893. display: flex;
  23894. flex-direction: row;
  23895. flex-wrap: nowrap;
  23896. padding: 10px 10px 0 10px;
  23897. align-items: center;
  23898. }
  23899. .pzDelete {
  23900. cursor: pointer;
  23901. margin-left: auto;
  23902. font-size: 14px;
  23903. color: #afafaf;
  23904. }
  23905. .pzNavTop > div:nth-child(1) {
  23906. background: #3760af;
  23907. width: 35px;
  23908. height: 35px;
  23909. color: #fff;
  23910. text-align: center;
  23911. line-height: 35px;
  23912. border-radius: 50%;
  23913. font-size: 14px;
  23914. }
  23915. .pzNavTop > div:nth-child(2) {
  23916. font-size: 18px;
  23917. color: #959595;
  23918. margin-left: 5px;
  23919. }
  23920. .pzContent {
  23921. padding: 10px;
  23922. word-break: break-word;
  23923. }
  23924. .pzContent audio {
  23925. width: 100%;
  23926. }
  23927. .pzContent audio::-webkit-media-controls-panel {
  23928. background: #fff;
  23929. }
  23930. .pzContent >>> img {
  23931. max-width: 100%;
  23932. }
  23933. .pzListBox {
  23934. padding-top: 15px;
  23935. height: calc(100% - 110px);
  23936. overflow: auto;
  23937. }
  23938. .addPzButton {
  23939. position: relative;
  23940. margin-top: 3px;
  23941. width: 100%;
  23942. }
  23943. .addPzButton .img1 {
  23944. position: absolute;
  23945. top: 50%;
  23946. right: 25px;
  23947. transform: translateY(-50%);
  23948. height: 100%;
  23949. display: flex;
  23950. align-items: center;
  23951. }
  23952. .addPzButton .img1 div {
  23953. display: flex;
  23954. }
  23955. .addPzButton .img1 div img {
  23956. width: 28px;
  23957. margin-left: 10px;
  23958. cursor: pointer;
  23959. }
  23960. .addPzButton .img1 div span {
  23961. font-size: 14px;
  23962. margin: 4px 0 0 3px;
  23963. color: #afafaf;
  23964. }
  23965. .addPz {
  23966. background: #4b79ce;
  23967. width: 100px;
  23968. color: #fff;
  23969. font-size: 12px;
  23970. height: 30px;
  23971. margin: 0 auto;
  23972. text-align: center;
  23973. line-height: 30px;
  23974. border-radius: 10px;
  23975. cursor: pointer;
  23976. }
  23977. .addDialogCss {
  23978. position: fixed;
  23979. width: 600px;
  23980. height: 70%;
  23981. min-height: 450px;
  23982. box-shadow: 0px 0 8px 0px #555555;
  23983. border-radius: 15px;
  23984. z-index: 999;
  23985. left: 50%;
  23986. top: 50%;
  23987. margin: -18% 0 0 -300px;
  23988. }
  23989. .teacherPz {
  23990. display: flex;
  23991. flex-direction: row;
  23992. align-items: center;
  23993. flex-wrap: nowrap;
  23994. }
  23995. .teacherPzImg {
  23996. width: 30px;
  23997. height: 30px;
  23998. }
  23999. .teacherPzImg > img {
  24000. width: 100%;
  24001. height: 100%;
  24002. }
  24003. .addPzBox {
  24004. height: calc(100% - 40px);
  24005. background: #ededed;
  24006. border-bottom-left-radius: 15px;
  24007. border-bottom-right-radius: 15px;
  24008. }
  24009. .pzAudioClass {
  24010. margin: 15px 14px;
  24011. background: #fff;
  24012. height: 100%;
  24013. display: flex;
  24014. justify-content: center;
  24015. align-items: center;
  24016. }
  24017. .pzConText {
  24018. width: 95%;
  24019. height: 100%;
  24020. margin: 10px auto 0;
  24021. border: none;
  24022. background: #fff;
  24023. border-radius: 0px;
  24024. }
  24025. .pzConText >>> .text {
  24026. height: calc(100% - 82px);
  24027. }
  24028. .addTextCss {
  24029. background: #4b79ce;
  24030. width: 80px;
  24031. height: 30px;
  24032. text-align: center;
  24033. color: #fff;
  24034. line-height: 30px;
  24035. border-radius: 10px;
  24036. margin: 10px auto 0;
  24037. cursor: pointer;
  24038. }
  24039. .pzConText:focus-visible {
  24040. border: none !important;
  24041. }
  24042. .maxWidth {
  24043. width: 1000px;
  24044. }
  24045. .noPz {
  24046. width: 150px;
  24047. margin: 0 auto 20%;
  24048. }
  24049. .noPz > img {
  24050. width: 100%;
  24051. height: 100%;
  24052. }
  24053. .timeAndReply {
  24054. display: flex;
  24055. flex-direction: row;
  24056. flex-wrap: nowrap;
  24057. justify-content: space-between;
  24058. align-items: center;
  24059. font-size: 14px;
  24060. box-sizing: border-box;
  24061. padding: 0 10px 10px 0px;
  24062. }
  24063. .timeAndReply .time {
  24064. color: #bfbfbf;
  24065. padding: 0 0 0 10px;
  24066. box-sizing: border-box;
  24067. }
  24068. .timeAndReply > div:last-child {
  24069. cursor: pointer;
  24070. color: #777;
  24071. }
  24072. /* table 样式 */
  24073. .cont >>> table {
  24074. border-top: 1px solid #ccc;
  24075. border-left: 1px solid #ccc;
  24076. }
  24077. .cont >>> table td,
  24078. .cont >>> table th {
  24079. border-bottom: 1px solid #ccc;
  24080. border-right: 1px solid #ccc;
  24081. /* padding: 20px 5px; */
  24082. padding: 5px 10px;
  24083. max-width: 0px;
  24084. height: 30px;
  24085. vertical-align: baseline;
  24086. box-sizing: border-box;
  24087. }
  24088. .cont >>> table th {
  24089. border-bottom: 2px solid #ccc;
  24090. text-align: center;
  24091. }
  24092. /* blockquote 样式 */
  24093. .cont >>> blockquote {
  24094. display: block;
  24095. border-left: 8px solid #d0e5f2;
  24096. padding: 5px 10px;
  24097. margin: 10px 0;
  24098. line-height: 1.4;
  24099. font-size: 100%;
  24100. background-color: #f1f1f1;
  24101. }
  24102. /* code 样式 */
  24103. .cont >>> code {
  24104. display: inline-block;
  24105. /* *display: inline; */
  24106. zoom: 1;
  24107. background-color: #f1f1f1;
  24108. border-radius: 3px;
  24109. padding: 3px 5px;
  24110. margin: 0 3px;
  24111. }
  24112. .cont >>> pre code {
  24113. display: block;
  24114. }
  24115. /* ul ol 样式 */
  24116. .cont >>> ul,
  24117. ol {
  24118. margin: 10px 0 10px 20px;
  24119. }
  24120. .addPzCheck {
  24121. display: flex;
  24122. flex-direction: row;
  24123. flex-wrap: nowrap;
  24124. padding: 10px 15px 0;
  24125. }
  24126. .addPzCheck span {
  24127. cursor: pointer;
  24128. padding-bottom: 5px;
  24129. font-weight: bold;
  24130. }
  24131. .addPzCheck span + span {
  24132. margin-left: 10px;
  24133. }
  24134. .addPzCheck .isChooseActive {
  24135. color: #3e88f4;
  24136. border-bottom: 2px solid #2f80f3;
  24137. }
  24138. /* code 样式 */
  24139. .cont {
  24140. /* -webkit-user-modify: read-write; */
  24141. overflow-wrap: break-word;
  24142. -webkit-line-break: after-white-space;
  24143. word-break: break-word;
  24144. white-space: pre-line;
  24145. }
  24146. .scoreBox,
  24147. .scoreDetailBox {
  24148. display: flex;
  24149. align-items: center;
  24150. justify-content: flex-start;
  24151. margin-top: 20px;
  24152. font-size: 18px;
  24153. width: 100%;
  24154. }
  24155. .scoreBox .t,
  24156. .scoreDetailBox .t {
  24157. margin-right: 10px;
  24158. width: 100px;
  24159. text-align: right;
  24160. }
  24161. .scoreDetailBox {
  24162. align-items: flex-start;
  24163. }
  24164. .scoreDetailBox >>> .el-textarea {
  24165. width: calc(100% - 200px);
  24166. }
  24167. .scoreBox >>> .el-input {
  24168. width: 130px;
  24169. font-size: 38px;
  24170. }
  24171. .scoreBox >>> .el-input__inner {
  24172. height: 60px;
  24173. }
  24174. .answerScore {
  24175. position: absolute;
  24176. top: 10px;
  24177. right: 10px;
  24178. background: #0000008f;
  24179. border-radius: 5px;
  24180. padding: 3px 5px;
  24181. font-size: 14px;
  24182. color: #fff;
  24183. cursor: pointer;
  24184. }
  24185. .open_box .switch_box {
  24186. width: 100%;
  24187. margin: 0 auto;
  24188. display: flex;
  24189. justify-content: space-between;
  24190. }
  24191. .open_box .switch_box + .switch_box {
  24192. margin-top: 10px;
  24193. }
  24194. .deleteImg,.deleteImg1 {
  24195. width: 25px !important;
  24196. height: 25px !important;
  24197. cursor: pointer;
  24198. position: absolute;
  24199. top: 10px;
  24200. right: 10px;
  24201. }
  24202. .deleteImg2 {
  24203. width: 23px !important;
  24204. height: 23px !important;
  24205. top: 5px;
  24206. right: 5px;
  24207. }
  24208. .deleteImg1{
  24209. width: 23px !important;
  24210. height: 23px !important;
  24211. top: 5px !important;
  24212. right: 30px !important;
  24213. }
  24214. .rightW {
  24215. right: 40px;
  24216. }
  24217. .drawPBox {
  24218. display: flex;
  24219. flex-direction: column;
  24220. position: relative;
  24221. }
  24222. .drawPBox span {
  24223. font-size: 18px;
  24224. color: #606266;
  24225. padding-bottom: 10px;
  24226. margin: 10px 0;
  24227. border-bottom: 1px solid #eaeaea;
  24228. }
  24229. .drawPBox img {
  24230. width: 500px;
  24231. height: 300px;
  24232. object-fit: contain;
  24233. cursor: pointer;
  24234. margin: 0 auto;
  24235. }
  24236. .sentenBox {
  24237. background: #fff;
  24238. height: 450px;
  24239. overflow: auto;
  24240. background-image: url("../assets/icon/conSentences/stuBg.png");
  24241. background-position: 102%;
  24242. background-repeat: no-repeat;
  24243. background-size: 60%;
  24244. }
  24245. .addSen {
  24246. background: #409efe;
  24247. width: 90px;
  24248. color: #fff;
  24249. height: 35px;
  24250. text-align: center;
  24251. line-height: 35px;
  24252. border-radius: 5px;
  24253. float: right;
  24254. margin: 10px 20px 0 0;
  24255. cursor: pointer;
  24256. }
  24257. .sentenTop {
  24258. display: flex;
  24259. flex-direction: row;
  24260. flex-wrap: nowrap;
  24261. align-items: center;
  24262. padding: 55px 0 0 20px;
  24263. box-sizing: border-box;
  24264. }
  24265. .sentenTop > div:nth-child(2) {
  24266. width: 300px;
  24267. margin: 0 15px;
  24268. }
  24269. .sentenTop > div:nth-child(3) {
  24270. background: #409efe;
  24271. color: #fff;
  24272. width: 65px;
  24273. height: 35px;
  24274. text-align: center;
  24275. line-height: 35px;
  24276. border-radius: 5px;
  24277. cursor: pointer;
  24278. }
  24279. .cardList,
  24280. .cardList1 {
  24281. padding: 10px 0 10px 0;
  24282. display: flex;
  24283. flex-direction: row;
  24284. flex-wrap: wrap;
  24285. align-items: center;
  24286. box-sizing: border-box;
  24287. border-bottom: 1px solid #f4f4f4;
  24288. width: 98%;
  24289. margin: 0 auto;
  24290. min-width: 60%;
  24291. max-width: 85%;
  24292. }
  24293. .cardList1 {
  24294. padding: 10px 0 10px 10px !important;
  24295. margin: 0 !important;
  24296. }
  24297. .cardBox {
  24298. display: flex;
  24299. flex-direction: row;
  24300. flex-wrap: wrap;
  24301. align-items: center;
  24302. align-content: center;
  24303. }
  24304. .cardBox > div {
  24305. margin-bottom: 10px;
  24306. }
  24307. .isCard,
  24308. .isChooseCard,
  24309. .noCard,
  24310. .isCard1 {
  24311. min-width: 130px;
  24312. width: auto;
  24313. height: 60px;
  24314. text-align: center;
  24315. line-height: 60px;
  24316. font-size: 20px;
  24317. cursor: pointer;
  24318. background-image: url("../assets/icon/conSentences/titleBorder.png");
  24319. background-size: cover;
  24320. transition: all 2s;
  24321. margin-right: 20px;
  24322. background-size: 100% 100%;
  24323. padding: 0 20px;
  24324. box-sizing: border-box;
  24325. }
  24326. .isCard > div,
  24327. .noCard > div,
  24328. .isCard1 > div {
  24329. white-space: nowrap;
  24330. overflow: hidden;
  24331. text-overflow: ellipsis;
  24332. width: 100%;
  24333. margin: 0 auto;
  24334. }
  24335. .noCard {
  24336. background-image: none;
  24337. }
  24338. .isCard1 {
  24339. background-image: url("../assets/icon/conSentences/answerBorder.png");
  24340. }
  24341. .isChooseCard {
  24342. background-image: none;
  24343. border: 1px dashed #b9b9b9;
  24344. border-radius: 10px;
  24345. }
  24346. .card {
  24347. width: 130px;
  24348. height: 60px;
  24349. }
  24350. .card > img {
  24351. width: 100%;
  24352. height: 100%;
  24353. }
  24354. .rightCardBox {
  24355. margin: 10px 0 0 10px;
  24356. }
  24357. .rightCardBox > div:nth-child(1) {
  24358. margin-bottom: 10px;
  24359. }
  24360. .cardCss {
  24361. display: flex;
  24362. flex-direction: column;
  24363. flex-wrap: nowrap;
  24364. align-items: center;
  24365. border-bottom: 3px solid #b4c3d3;
  24366. padding: 0 0 5px 0;
  24367. margin-right: 10px;
  24368. }
  24369. .cardCss > div:nth-child(2) {
  24370. background: #5b7b9d;
  24371. color: #fff;
  24372. width: 20px;
  24373. height: 20px;
  24374. border-radius: 50%;
  24375. text-align: center;
  24376. line-height: 20px;
  24377. }
  24378. .isWrong {
  24379. display: flex;
  24380. flex-direction: row;
  24381. flex-wrap: nowrap;
  24382. align-content: center;
  24383. align-items: center;
  24384. }
  24385. .answerRight {
  24386. width: 25%;
  24387. }
  24388. .isTj {
  24389. display: flex;
  24390. flex-direction: row;
  24391. flex-wrap: nowrap;
  24392. align-items: center;
  24393. }
  24394. .isTj > div:nth-child(2) {
  24395. color: #727070;
  24396. margin-left: 10px;
  24397. }
  24398. .isTjImg {
  24399. width: 30px;
  24400. height: 30px;
  24401. }
  24402. .isTjImg > img {
  24403. width: 100%;
  24404. height: 100%;
  24405. }
  24406. .cardAnswerBox {
  24407. font-size: 18px;
  24408. width: 97%;
  24409. border: 5px;
  24410. padding: 0;
  24411. border-radius: 5px;
  24412. margin: 10px auto;
  24413. word-break: break-word;
  24414. }
  24415. .w_name {
  24416. margin-bottom: 10px;
  24417. }
  24418. .w_name span {
  24419. font-size: 16px;
  24420. }
  24421. .w_teachert {
  24422. width: 50px !important;
  24423. position: absolute;
  24424. height: auto !important;
  24425. z-index: 10;
  24426. right: 25px;
  24427. top: -25px;
  24428. }
  24429. .group_workBox {
  24430. }
  24431. .group_workBox + .group_workBox {
  24432. margin-top: 20px;
  24433. }
  24434. .group_box {
  24435. padding-bottom: 20px;
  24436. border-bottom: 2px solid #f0f0f0;
  24437. margin-top: 10px;
  24438. }
  24439. .group_title {
  24440. display: flex;
  24441. align-items: center;
  24442. justify-content: space-between;
  24443. width: 95%;
  24444. }
  24445. .group_name {
  24446. background-image: url(../assets/icon/groupN.png);
  24447. width: 220px;
  24448. background-size: 100% 100%;
  24449. height: 67px;
  24450. padding: 0 20px 0 43px;
  24451. box-sizing: border-box;
  24452. line-height: 63px;
  24453. color: #fff;
  24454. overflow: hidden;
  24455. white-space: nowrap;
  24456. text-overflow: ellipsis;
  24457. }
  24458. .group_work {
  24459. width: 100%;
  24460. padding: 0 10px;
  24461. box-sizing: border-box;
  24462. display: flex;
  24463. flex-wrap: wrap;
  24464. }
  24465. .g_d_box {
  24466. display: flex;
  24467. flex-flow: wrap;
  24468. justify-content: space-around;
  24469. }
  24470. .g_d_box .isChair {
  24471. background-image: url(../assets/avatar.png) !important;
  24472. }
  24473. .g_d_group {
  24474. width: 500px;
  24475. margin-bottom: 80px;
  24476. }
  24477. .g_d_group_chair {
  24478. display: flex;
  24479. align-items: center;
  24480. justify-content: center;
  24481. }
  24482. .g_d_group_chair > div + div {
  24483. margin-left: 30px;
  24484. }
  24485. .g_d_group_chair > div,
  24486. .g_d_group_chair2 > div {
  24487. display: flex;
  24488. flex-direction: column;
  24489. align-items: center;
  24490. }
  24491. .g_d_group_chair > div > span:nth-child(1),
  24492. .g_d_group_chair2 > div > span:nth-child(1) {
  24493. background-image: url(../assets/icon/chair.png);
  24494. width: 50px;
  24495. height: 50px;
  24496. display: block;
  24497. background-size: 100% 100%;
  24498. }
  24499. .g_d_group_tableBox {
  24500. display: flex;
  24501. align-items: center;
  24502. justify-content: center;
  24503. }
  24504. .g_d_group_chair2 {
  24505. display: flex;
  24506. flex-direction: column;
  24507. align-items: center;
  24508. justify-content: center;
  24509. }
  24510. .g_d_group_chair2 > div + div {
  24511. margin-top: 10px;
  24512. }
  24513. .g_d_group_table {
  24514. background-image: url(../assets/icon/groupBg.png);
  24515. width: 354px;
  24516. height: 196px;
  24517. background-size: 100% 100%;
  24518. display: flex;
  24519. align-items: center;
  24520. justify-content: center;
  24521. flex-direction: column;
  24522. color: #fff;
  24523. }
  24524. .g_d_group_table > div:nth-child(1) {
  24525. font-size: 24px;
  24526. margin-bottom: 5px;
  24527. }
  24528. .g_d_group_table > div:nth-child(2) div {
  24529. cursor: pointer;
  24530. background: #2e77bf;
  24531. padding: 4px 10px;
  24532. border-radius: 5px;
  24533. }
  24534. .groupBox {
  24535. }
  24536. .groupContent + .groupContent {
  24537. margin-top: 30px;
  24538. }
  24539. .groupTitle {
  24540. font-size: 24px;
  24541. color: rgb(80, 80, 80);
  24542. margin-bottom: 20px;
  24543. }
  24544. .groupName {
  24545. display: flex;
  24546. align-items: center;
  24547. }
  24548. .groupn {
  24549. font-size: 15px;
  24550. margin-right: 10px;
  24551. }
  24552. .groupName + .groupName {
  24553. margin-top: 15px;
  24554. }
  24555. .groupBtn {
  24556. margin-left: 10px;
  24557. }
  24558. .groupContent >>> .el-input-number.is-without-controls .el-input__inner {
  24559. text-align: left;
  24560. }
  24561. .g_d_btnBox {
  24562. display: flex;
  24563. justify-content: flex-end;
  24564. align-items: center;
  24565. margin-bottom: 20px;
  24566. }
  24567. .updateChair {
  24568. position: relative;
  24569. }
  24570. .updateChairBtn {
  24571. position: absolute;
  24572. width: 50px;
  24573. height: 50px;
  24574. overflow: hidden;
  24575. /* display: flex; */
  24576. align-items: center;
  24577. justify-content: center;
  24578. background: #00000087;
  24579. color: #fff;
  24580. border-radius: 50px;
  24581. display: none;
  24582. cursor: pointer;
  24583. }
  24584. .updateChair:hover .updateChairBtn {
  24585. display: flex;
  24586. }
  24587. .group_staic_box {
  24588. display: flex;
  24589. padding: 30px 40px 10px;
  24590. flex-wrap: wrap;
  24591. }
  24592. .group_staic {
  24593. /* width: 50%; */
  24594. margin-bottom: 20px;
  24595. display: flex;
  24596. align-items: center;
  24597. }
  24598. .group_staic span:nth-child(1) {
  24599. width: 150px;
  24600. text-align: right;
  24601. margin-right: 15px;
  24602. }
  24603. .group_staic span:nth-child(2) {
  24604. background: rgb(0 123 255);
  24605. color: #fff;
  24606. border-radius: 5px;
  24607. padding: 5px;
  24608. }
  24609. .codeFileBox {
  24610. height: 300px;
  24611. background: #fff;
  24612. display: flex;
  24613. align-items: center;
  24614. justify-content: center;
  24615. }
  24616. .codeFileBox img {
  24617. width: 200px;
  24618. margin: 0;
  24619. height: auto;
  24620. }
  24621. .codeFileBox div {
  24622. background: rgb(80, 142, 226);
  24623. color: #fff;
  24624. padding: 10px 20px;
  24625. border-radius: 25px;
  24626. cursor: pointer;
  24627. margin-left: 15px;
  24628. }
  24629. .radioBox {
  24630. display: flex;
  24631. flex-direction: column;
  24632. flex-wrap: nowrap;
  24633. align-items: flex-start;
  24634. }
  24635. .radioBox > div {
  24636. margin: 10px 0 0 10px;
  24637. }
  24638. /* .radioBox >>> .el-radio__input,
  24639. .radioBox >>> .el-checkbox__inner {
  24640. margin-left: 10px;
  24641. } */
  24642. .radioBox >>> .el-radio__label,
  24643. .radioBox >>> .el-checkbox__label {
  24644. display: flex;
  24645. align-items: center;
  24646. width: 100%;
  24647. }
  24648. .radioBox >>> .el-radio__label > span {
  24649. width: 100%;
  24650. display: -webkit-box;
  24651. overflow: hidden;
  24652. white-space: normal !important;
  24653. text-overflow: ellipsis;
  24654. word-wrap: break-word;
  24655. }
  24656. .inImg {
  24657. width: 100px;
  24658. cursor: pointer;
  24659. }
  24660. .inImg > img {
  24661. width: 100%;
  24662. height: 100%;
  24663. object-fit: cover;
  24664. }
  24665. .timuImgBox {
  24666. margin: 10px 0;
  24667. display: flex;
  24668. flex-direction: column;
  24669. flex-wrap: wrap;
  24670. align-items: flex-start;
  24671. }
  24672. .timuImg {
  24673. width: 150px;
  24674. margin: 5px 0;
  24675. cursor: pointer;
  24676. }
  24677. .timuImg > img {
  24678. width: 100%;
  24679. height: 100%;
  24680. object-fit: cover;
  24681. }
  24682. .worksTop {
  24683. display: flex;
  24684. flex-direction: row;
  24685. align-items: flex-end;
  24686. }
  24687. .worksTitle{
  24688. display: flex;
  24689. flex-direction: row;
  24690. flex-wrap: nowrap;
  24691. align-items: center;
  24692. }
  24693. .worksTitle::before,.worksTop::before{
  24694. content: '';
  24695. display: block;
  24696. width: 3px;
  24697. height: 20px;
  24698. background: #0061FF;
  24699. border-radius: 3px;
  24700. margin: 0 5px 0 0;
  24701. }
  24702. .corOpen {
  24703. margin: 0 0 0 10px;
  24704. font-size: 14px;
  24705. cursor: pointer;
  24706. color: #505050;
  24707. }
  24708. .corOpen:hover {
  24709. color: #499eef;
  24710. }
  24711. .navCorOpenBox {
  24712. display: flex;
  24713. flex-direction: row;
  24714. align-items: center;
  24715. justify-content: space-between;
  24716. height: 55px;
  24717. background: #ffffff;
  24718. box-shadow: 0px 3px 6px 1px rgba(0, 0, 0, 0.1);
  24719. border-radius: 8px 8px 0px 0px;
  24720. z-index: 9;
  24721. position: relative;
  24722. }
  24723. .navCorOpen {
  24724. padding-right: 15px;
  24725. cursor: pointer;
  24726. width: 45px;
  24727. display: flex;
  24728. }
  24729. .navCorOpen > img {
  24730. width: 100%;
  24731. height: 100%;
  24732. }
  24733. .mlImg {
  24734. width: 40px !important;
  24735. min-width: 40px;
  24736. cursor: pointer;
  24737. transform: rotate(180deg);
  24738. }
  24739. .mlImg > img {
  24740. width: 100%;
  24741. height: 100%;
  24742. }
  24743. .navLeftCss {
  24744. width: 100% !important;
  24745. left: 0 !important;
  24746. }
  24747. .isContentCss {
  24748. width: 100% !important;
  24749. }
  24750. .isAllWidth {
  24751. width: 100% !important;
  24752. }
  24753. .group_switch {
  24754. margin-right: 10px;
  24755. height: 30px;
  24756. display: flex;
  24757. align-items: center;
  24758. }
  24759. .group_switch > span {
  24760. margin-right: 5px;
  24761. }
  24762. .fileC_box {
  24763. padding-top: 15px;
  24764. }
  24765. .fileC_box > .fileC_title {
  24766. padding: 10px 5px 14px 10px;
  24767. border-top: 1px solid #cad1dc;
  24768. font-size: 14px;
  24769. font-weight: 400;
  24770. color: #cad1dc;
  24771. width: calc(100% - 20px);
  24772. margin: 0 auto;
  24773. box-sizing: border-box;
  24774. }
  24775. .pl_select_box {
  24776. height: 40px;
  24777. line-height: 40px;
  24778. width: 100%;
  24779. cursor: pointer;
  24780. padding: 0 20px;
  24781. box-sizing: border-box;
  24782. border-radius: 5px;
  24783. border: 1px solid #d6d6d6;
  24784. white-space: nowrap;
  24785. overflow: hidden;
  24786. text-overflow: ellipsis;
  24787. background: #fff;
  24788. text-align: left;
  24789. }
  24790. .newButton {
  24791. width: 102px;
  24792. height: 36px;
  24793. background: #e7ebf1;
  24794. border-radius: 4px;
  24795. color: #0e1e33;
  24796. font-weight: 400;
  24797. font-size: 14px;
  24798. border: none;
  24799. float: right;
  24800. margin-left: 10px;
  24801. }
  24802. .el-table >>> .even_row {
  24803. background-color: #f0f4fa;
  24804. }
  24805. .stageBoxCss,
  24806. .stageBoxIsCss {
  24807. display: flex;
  24808. flex-direction: row;
  24809. flex-wrap: nowrap;
  24810. align-items: center;
  24811. height: 50px;
  24812. border-bottom: 1px solid #e2f5fc;
  24813. cursor: pointer;
  24814. width: 100%;
  24815. }
  24816. .stageBoxIsCss {
  24817. background: #0061ff;
  24818. color: #fff;
  24819. border-radius: 8px;
  24820. }
  24821. .stageItemTitle {
  24822. display: flex;
  24823. flex-direction: row;
  24824. flex-wrap: nowrap;
  24825. align-items: center;
  24826. margin-left: 15px;
  24827. width: calc(100% - 50px);
  24828. }
  24829. .stageNav{
  24830. /* font-weight: bold; */
  24831. }
  24832. .stageItemTitle > div:first-child {
  24833. min-width: 55px;
  24834. }
  24835. .stageItemTitle > div:last-child {
  24836. max-width: 242px;
  24837. white-space: nowrap;
  24838. overflow: hidden;
  24839. text-overflow: ellipsis;
  24840. word-break: break-word;
  24841. width: calc(100% - 55px);
  24842. }
  24843. .closeTri,
  24844. .closeTri1 {
  24845. min-width: 15px;
  24846. width: 15px;
  24847. height: 15px;
  24848. transition: all .5s;
  24849. }
  24850. .closeTri1 {
  24851. padding-left: 10px;
  24852. cursor: pointer;
  24853. }
  24854. .closeTri > img,
  24855. .closeTri1 > img {
  24856. width: 100%;
  24857. height: 100%;
  24858. /* transition: all .5s; */
  24859. }
  24860. .noToolBlue {
  24861. min-width: 10px;
  24862. width: 10px;
  24863. height: 10px;
  24864. background: #0061ff;
  24865. border-radius: 50%;
  24866. margin-left: 13px;
  24867. }
  24868. .stageChild,
  24869. .toolChild {
  24870. height: 0;
  24871. overflow: hidden;
  24872. transition: all 0.5s;
  24873. }
  24874. .toolChild {
  24875. /* margin: 0 0 0 17px;
  24876. padding: 0 0 0 20px;
  24877. border-left: 1px solid #d7d7d7; */
  24878. }
  24879. .toolChild > div + div{
  24880. margin-top:5px;
  24881. }
  24882. .gjCss {
  24883. display: flex;
  24884. flex-direction: row;
  24885. flex-wrap: nowrap;
  24886. align-items: center;
  24887. padding: 10px 0 10px 40px;
  24888. box-sizing: border-box;
  24889. font-size: 14px;
  24890. cursor: pointer;
  24891. border-radius:5px;
  24892. }
  24893. .toolChild > div {
  24894. position: relative;
  24895. width:100%;
  24896. }
  24897. .toolChild > div::before {
  24898. /* content: "";
  24899. width: 15px;
  24900. height: 1px;
  24901. background: #cad1dc;
  24902. position: absolute;
  24903. top: 24px;
  24904. left: -20px;
  24905. display: block; */
  24906. }
  24907. .isGjCss {
  24908. /* color: #0061ff; */
  24909. color:#fff;
  24910. background: rgb(55, 129, 252);
  24911. /* background-color: #e0eafb !important;
  24912. color: #0061ff !important; */
  24913. }
  24914. .navItem {
  24915. background: #ffffff;
  24916. border-radius: 4px;
  24917. width: 100%;
  24918. margin: 10px auto;
  24919. position: relative;
  24920. height: 40px;
  24921. display: flex;
  24922. flex-direction: row;
  24923. flex-wrap: nowrap;
  24924. align-items: center;
  24925. }
  24926. .navItemList {
  24927. display: flex;
  24928. flex-direction: row;
  24929. flex-wrap: nowrap;
  24930. align-items: center;
  24931. padding: 0 13px;
  24932. cursor: pointer;
  24933. width: calc(100% - 60px);
  24934. height: 100%;
  24935. }
  24936. .navItemList > div:first-child {
  24937. /* min-width: 60px; */
  24938. min-width:fit-content;
  24939. }
  24940. .navItemList > div:last-child {
  24941. width: calc(100% - 80px);
  24942. white-space: nowrap;
  24943. overflow: hidden;
  24944. text-overflow: ellipsis;
  24945. word-break: break-word;
  24946. }
  24947. /* .isItemList > div {
  24948. color: #fff !important;
  24949. } */
  24950. .tool_work_box {
  24951. width: 100%;
  24952. padding: 0 37px 0;
  24953. box-sizing: border-box;
  24954. }
  24955. .tool_box {
  24956. width: 100%;
  24957. padding: 0 0 0 20px;
  24958. }
  24959. .tool_type_box {
  24960. display: flex;
  24961. flex-direction: row;
  24962. align-items: baseline;
  24963. flex-wrap: nowrap;
  24964. justify-content: flex-start;
  24965. position: relative;
  24966. }
  24967. .toolSort {
  24968. display: flex;
  24969. flex-direction: row;
  24970. flex-wrap: wrap;
  24971. justify-content: flex-start;
  24972. align-items: flex-start;
  24973. padding: 0 0 15px 0;
  24974. }
  24975. .toolSort > div {
  24976. margin: 0 10px 0 0;
  24977. width: 135px;
  24978. box-sizing: border-box;
  24979. border: 2px solid transparent;
  24980. }
  24981. .tools {
  24982. width: 100%;
  24983. display: flex;
  24984. flex-direction: column;
  24985. flex-wrap: nowrap;
  24986. align-items: flex-start;
  24987. }
  24988. .whiteBIcon {
  24989. width: fit-content;
  24990. cursor: pointer;
  24991. display: flex;
  24992. flex-direction: column;
  24993. flex-wrap: nowrap;
  24994. align-items: center;
  24995. font-size: 14px;
  24996. }
  24997. .tool:hover {
  24998. border: 2px solid #a5c7ff;
  24999. border-radius: 5px;
  25000. }
  25001. .whiteBIcon > img {
  25002. width: 65px;
  25003. height: 100%;
  25004. }
  25005. .whiteBIcon > img {
  25006. box-shadow: 0px 4px 8px 0px rgb(44 133 255 / 14%);
  25007. border-radius: 15px;
  25008. }
  25009. .check {
  25010. /* width: 20px;
  25011. height: 20px; */
  25012. cursor: pointer;
  25013. margin: 10px 0;
  25014. position: absolute;
  25015. right: 2px;
  25016. top: -5px;
  25017. }
  25018. .noChoose,
  25019. .isChoose {
  25020. width: 15px;
  25021. height: 15px;
  25022. border-radius: 50%;
  25023. border: 1px solid #adadad;
  25024. }
  25025. .isChoose {
  25026. border: 4px solid #0363ff !important;
  25027. width: 10px;
  25028. height: 10px;
  25029. }
  25030. .isToolChoose {
  25031. border: 2px solid #5394ff !important;
  25032. border-radius: 5px;
  25033. box-shadow: 0 0 6px 0px #5394ff;
  25034. }
  25035. .checkDiv {
  25036. display: flex;
  25037. align-items: center;
  25038. }
  25039. .checkDiv span {
  25040. margin-left: 5px;
  25041. color: #858585;
  25042. }
  25043. .check img {
  25044. width: 20px;
  25045. height: 20px;
  25046. }
  25047. .lockTaskIcon {
  25048. width: 20px;
  25049. height: 20px;
  25050. position: absolute;
  25051. right: 10px;
  25052. top: 5px;
  25053. }
  25054. .lockTaskIcon > img {
  25055. width: 100%;
  25056. height: 100%;
  25057. }
  25058. .pick_box {
  25059. display: flex;
  25060. align-items: flex-start;
  25061. flex-wrap: wrap;
  25062. }
  25063. .selectBox {
  25064. width: 110px;
  25065. margin-left: 10px;
  25066. margin: 0 10px 0 auto;
  25067. }
  25068. .selectBox >>> .el-input__inner {
  25069. height: 30px;
  25070. line-height: 30px;
  25071. }
  25072. .selectBox >>> .el-input__icon {
  25073. line-height: 30px;
  25074. }
  25075. .sentenceTitle {
  25076. display: flex;
  25077. flex-direction: row;
  25078. flex-wrap: nowrap;
  25079. align-items: center;
  25080. }
  25081. .sentenceTitle::before {
  25082. content: attr(index);
  25083. background: #3681fc;
  25084. border-radius: 50%;
  25085. color: #fff;
  25086. width: 25px;
  25087. height: 25px;
  25088. min-width: 25px;
  25089. min-height: 25px;
  25090. text-align: center;
  25091. line-height: 25px;
  25092. margin-right: 5px;
  25093. }
  25094. .hfBox {
  25095. padding: 10px;
  25096. box-sizing: border-box;
  25097. }
  25098. .whoReplyWho {
  25099. display: flex;
  25100. flex-direction: row;
  25101. flex-wrap: nowrap;
  25102. align-items: baseline;
  25103. justify-content: flex-start;
  25104. }
  25105. .hfBottom {
  25106. display: flex;
  25107. flex-direction: row;
  25108. flex-wrap: nowrap;
  25109. align-items: center;
  25110. justify-content: space-between;
  25111. font-size: 14px;
  25112. }
  25113. .deleteHfItem {
  25114. cursor: pointer;
  25115. width: 20px;
  25116. height: 20px;
  25117. }
  25118. .deleteHfItem > img {
  25119. width: 100%;
  25120. height: 100%;
  25121. }
  25122. .whoReplyWho > .hfImg {
  25123. width: 12px;
  25124. height: 12px;
  25125. margin: 0 5px;
  25126. }
  25127. .whoReplyWho > .hfImg > img {
  25128. width: 100%;
  25129. height: 100%;
  25130. }
  25131. .hfContent {
  25132. padding-top: 10px;
  25133. box-sizing: border-box;
  25134. display: -webkit-box;
  25135. overflow: hidden;
  25136. white-space: normal !important;
  25137. text-overflow: ellipsis;
  25138. word-wrap: break-word;
  25139. -webkit-box-orient: vertical;
  25140. }
  25141. .hfTime {
  25142. text-align: left;
  25143. box-sizing: border-box;
  25144. padding: 10px 0 10px 0px;
  25145. color: #bfbfbf;
  25146. font-size: 14px;
  25147. }
  25148. .btnAllNT {
  25149. position: fixed;
  25150. bottom: 100px;
  25151. right: 40px;
  25152. z-index: 999;
  25153. display: flex;
  25154. flex-direction: row;
  25155. }
  25156. .btnAllNT > img {
  25157. cursor: pointer;
  25158. width: 80px;
  25159. }
  25160. .toolMask {
  25161. position: fixed;
  25162. width: 100%;
  25163. height: 100%;
  25164. background: #3f3c3c;
  25165. opacity: 0.5;
  25166. top: 0;
  25167. left: 0;
  25168. z-index: 999;
  25169. }
  25170. .addToolCss {
  25171. position: fixed;
  25172. z-index: 999;
  25173. background: #fff;
  25174. right: 5%;
  25175. bottom: 18%;
  25176. min-width: 1035px;
  25177. min-height: 300px;
  25178. border-radius: 10px;
  25179. box-shadow: 0 0 8px 1px #b2b2b2;
  25180. }
  25181. .toolTop {
  25182. display: flex;
  25183. flex-direction: row;
  25184. flex-wrap: nowrap;
  25185. justify-content: space-between;
  25186. align-items: center;
  25187. padding: 20px;
  25188. }
  25189. .toolTop > div:nth-child(2) {
  25190. width: 15px;
  25191. height: 15px;
  25192. padding-right: 10px;
  25193. cursor: pointer;
  25194. }
  25195. .toolTop > div:nth-child(2) > img {
  25196. width: 100%;
  25197. height: 100%;
  25198. }
  25199. .fullStyle>>>.el-dialog__body {
  25200. height: calc(100% - 125px) !important;
  25201. box-sizing: border-box;
  25202. padding: 30px 0 !important;
  25203. background: #fff !important;
  25204. }
  25205. .fullStyle>>>.el-dialog {
  25206. width: 100% !important;
  25207. max-width: 100% !important;
  25208. height: 100% !important;
  25209. margin: 0 !important;
  25210. }
  25211. .fullStyle {
  25212. width: 100% !important;
  25213. max-width: 100% !important;
  25214. height: 100% !important;
  25215. margin: 0 auto !important;
  25216. }
  25217. .fullStyle>>>.el-dialog__footer{
  25218. background: #fff !important;
  25219. }
  25220. .engUpBox {
  25221. width: 100%;
  25222. height: 100%;
  25223. }
  25224. .engTitle,
  25225. .engText {
  25226. display: flex;
  25227. flex-direction: row;
  25228. flex-wrap: nowrap;
  25229. align-items: flex-start;
  25230. padding: 0 20px 20px 20px;
  25231. box-sizing: border-box;
  25232. }
  25233. .engTitle > .div:first-child,
  25234. .engText > div:first-child {
  25235. min-width: 75px;
  25236. }
  25237. .correctBox{
  25238. width: 100%;
  25239. display: flex;
  25240. flex-direction: row;
  25241. flex-wrap: nowrap;
  25242. align-items: flex-start;
  25243. }
  25244. .oldBox{
  25245. width: 50%;
  25246. height: 100%;
  25247. display: flex;
  25248. flex-direction: column;
  25249. flex-wrap: nowrap;
  25250. align-items: center;
  25251. border-top: 1px solid #d9d9d9;
  25252. border-left: 1px solid #d9d9d9;
  25253. border-right: 1px solid #d9d9d9;
  25254. }
  25255. .oldBox>div:first-child{
  25256. width: 100%;
  25257. text-align: center;
  25258. background: #d9d9d9;
  25259. height: 35px;
  25260. line-height: 35px;
  25261. font-weight: bold;
  25262. }
  25263. .oldText{
  25264. width: 100%;
  25265. height: calc(100% - 35px);
  25266. overflow: auto;
  25267. margin: 10px 0;
  25268. display: flex;
  25269. flex-direction: column;
  25270. flex-wrap: nowrap;
  25271. align-content: center;
  25272. align-items: center;
  25273. }
  25274. .detailBox{
  25275. width: 50%;
  25276. padding: 10px;
  25277. background: #f6f6f6;
  25278. border-radius: 5px;
  25279. }
  25280. .oldDetail,.oldDetail1{
  25281. padding-bottom: 30px;
  25282. }
  25283. .oldImg{
  25284. width:30px;
  25285. height: 30px;
  25286. }
  25287. .oldImg>img{
  25288. width: 100%;
  25289. height: 100%;
  25290. }
  25291. .allName{
  25292. min-width: 200px;
  25293. white-space: nowrap;
  25294. overflow: hidden;
  25295. text-overflow: ellipsis;
  25296. word-break: break-word;
  25297. cursor: pointer;
  25298. text-align: center;
  25299. border: 1px solid #bcc2cc;
  25300. box-sizing: border-box;
  25301. }
  25302. .engUpTop{
  25303. max-height: 300px;
  25304. overflow: auto;
  25305. }
  25306. .isUpdateToolDetailClass{
  25307. padding: 0 !important;
  25308. }
  25309. .isUpdateToolDetailClass textarea{
  25310. padding:12px;
  25311. font-size: 16px;
  25312. min-height:100%;
  25313. width: 100%;
  25314. box-sizing:border-box;
  25315. outline: none;
  25316. border:none;
  25317. line-height: 30px;
  25318. resize: none;
  25319. font-family: "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
  25320. color: #838383;
  25321. }
  25322. .show_taskD {
  25323. min-width: fit-content;
  25324. margin-left: 10px;
  25325. display: flex;
  25326. align-items: center;
  25327. font-size: 14px;
  25328. cursor: pointer;
  25329. color: #717c8d;
  25330. }
  25331. .show_taskD > img {
  25332. width: 15px;
  25333. margin-right: 5px;
  25334. transition: 0.2s all;
  25335. transform: rotate(-90deg);
  25336. }
  25337. .show_taskD.show > img {
  25338. transform: rotate(0deg);
  25339. }
  25340. .correctCss{
  25341. position: absolute;
  25342. bottom: -70px;
  25343. background: #409eff;
  25344. color: #fff;
  25345. }
  25346. .dialog_diyCopy >>> .el-dialog__header {
  25347. display: none !important;
  25348. }
  25349. .dialog_diyCopy >>> .el-dialog__body {
  25350. padding: 0 !important;
  25351. height: 100% !important;
  25352. }
  25353. .confirmOpenDigCss > div{
  25354. font-size: 14px;
  25355. color: rgba(0, 0, 0, 0.6);
  25356. }
  25357. .confirmOpenDigCss >>> .el-dialog{
  25358. border-radius: 6px;
  25359. }
  25360. .confirmOpenDigCss >>> .el-dialog__body{
  25361. padding: 25px !important;
  25362. }
  25363. .confirmOpenDigCss > span{
  25364. font-size: 16px;
  25365. font-weight: 600;
  25366. color: rgba(0, 0, 0, 0.8);
  25367. }
  25368. div::-webkit-scrollbar {
  25369. width: 10px;
  25370. height: 6px;
  25371. }
  25372. .Ovh{
  25373. margin: 5px 0;
  25374. width: 4em;
  25375. -webkit-line-clamp: 2;
  25376. display: -webkit-box;
  25377. -webkit-box-orient: vertical;
  25378. overflow: hidden;
  25379. text-overflow: ellipsis;
  25380. }
  25381. </style>