studyStudent.vue 497 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616161716181619162016211622162316241625162616271628162916301631163216331634163516361637163816391640164116421643164416451646164716481649165016511652165316541655165616571658165916601661166216631664166516661667166816691670167116721673167416751676167716781679168016811682168316841685168616871688168916901691169216931694169516961697169816991700170117021703170417051706170717081709171017111712171317141715171617171718171917201721172217231724172517261727172817291730173117321733173417351736173717381739174017411742174317441745174617471748174917501751175217531754175517561757175817591760176117621763176417651766176717681769177017711772177317741775177617771778177917801781178217831784178517861787178817891790179117921793179417951796179717981799180018011802180318041805180618071808180918101811181218131814181518161817181818191820182118221823182418251826182718281829183018311832183318341835183618371838183918401841184218431844184518461847184818491850185118521853185418551856185718581859186018611862186318641865186618671868186918701871187218731874187518761877187818791880188118821883188418851886188718881889189018911892189318941895189618971898189919001901190219031904190519061907190819091910191119121913191419151916191719181919192019211922192319241925192619271928192919301931193219331934193519361937193819391940194119421943194419451946194719481949195019511952195319541955195619571958195919601961196219631964196519661967196819691970197119721973197419751976197719781979198019811982198319841985198619871988198919901991199219931994199519961997199819992000200120022003200420052006200720082009201020112012201320142015201620172018201920202021202220232024202520262027202820292030203120322033203420352036203720382039204020412042204320442045204620472048204920502051205220532054205520562057205820592060206120622063206420652066206720682069207020712072207320742075207620772078207920802081208220832084208520862087208820892090209120922093209420952096209720982099210021012102210321042105210621072108210921102111211221132114211521162117211821192120212121222123212421252126212721282129213021312132213321342135213621372138213921402141214221432144214521462147214821492150215121522153215421552156215721582159216021612162216321642165216621672168216921702171217221732174217521762177217821792180218121822183218421852186218721882189219021912192219321942195219621972198219922002201220222032204220522062207220822092210221122122213221422152216221722182219222022212222222322242225222622272228222922302231223222332234223522362237223822392240224122422243224422452246224722482249225022512252225322542255225622572258225922602261226222632264226522662267226822692270227122722273227422752276227722782279228022812282228322842285228622872288228922902291229222932294229522962297229822992300230123022303230423052306230723082309231023112312231323142315231623172318231923202321232223232324232523262327232823292330233123322333233423352336233723382339234023412342234323442345234623472348234923502351235223532354235523562357235823592360236123622363236423652366236723682369237023712372237323742375237623772378237923802381238223832384238523862387238823892390239123922393239423952396239723982399240024012402240324042405240624072408240924102411241224132414241524162417241824192420242124222423242424252426242724282429243024312432243324342435243624372438243924402441244224432444244524462447244824492450245124522453245424552456245724582459246024612462246324642465246624672468246924702471247224732474247524762477247824792480248124822483248424852486248724882489249024912492249324942495249624972498249925002501250225032504250525062507250825092510251125122513251425152516251725182519252025212522252325242525252625272528252925302531253225332534253525362537253825392540254125422543254425452546254725482549255025512552255325542555255625572558255925602561256225632564256525662567256825692570257125722573257425752576257725782579258025812582258325842585258625872588258925902591259225932594259525962597259825992600260126022603260426052606260726082609261026112612261326142615261626172618261926202621262226232624262526262627262826292630263126322633263426352636263726382639264026412642264326442645264626472648264926502651265226532654265526562657265826592660266126622663266426652666266726682669267026712672267326742675267626772678267926802681268226832684268526862687268826892690269126922693269426952696269726982699270027012702270327042705270627072708270927102711271227132714271527162717271827192720272127222723272427252726272727282729273027312732273327342735273627372738273927402741274227432744274527462747274827492750275127522753275427552756275727582759276027612762276327642765276627672768276927702771277227732774277527762777277827792780278127822783278427852786278727882789279027912792279327942795279627972798279928002801280228032804280528062807280828092810281128122813281428152816281728182819282028212822282328242825282628272828282928302831283228332834283528362837283828392840284128422843284428452846284728482849285028512852285328542855285628572858285928602861286228632864286528662867286828692870287128722873287428752876287728782879288028812882288328842885288628872888288928902891289228932894289528962897289828992900290129022903290429052906290729082909291029112912291329142915291629172918291929202921292229232924292529262927292829292930293129322933293429352936293729382939294029412942294329442945294629472948294929502951295229532954295529562957295829592960296129622963296429652966296729682969297029712972297329742975297629772978297929802981298229832984298529862987298829892990299129922993299429952996299729982999300030013002300330043005300630073008300930103011301230133014301530163017301830193020302130223023302430253026302730283029303030313032303330343035303630373038303930403041304230433044304530463047304830493050305130523053305430553056305730583059306030613062306330643065306630673068306930703071307230733074307530763077307830793080308130823083308430853086308730883089309030913092309330943095309630973098309931003101310231033104310531063107310831093110311131123113311431153116311731183119312031213122312331243125312631273128312931303131313231333134313531363137313831393140314131423143314431453146314731483149315031513152315331543155315631573158315931603161316231633164316531663167316831693170317131723173317431753176317731783179318031813182318331843185318631873188318931903191319231933194319531963197319831993200320132023203320432053206320732083209321032113212321332143215321632173218321932203221322232233224322532263227322832293230323132323233323432353236323732383239324032413242324332443245324632473248324932503251325232533254325532563257325832593260326132623263326432653266326732683269327032713272327332743275327632773278327932803281328232833284328532863287328832893290329132923293329432953296329732983299330033013302330333043305330633073308330933103311331233133314331533163317331833193320332133223323332433253326332733283329333033313332333333343335333633373338333933403341334233433344334533463347334833493350335133523353335433553356335733583359336033613362336333643365336633673368336933703371337233733374337533763377337833793380338133823383338433853386338733883389339033913392339333943395339633973398339934003401340234033404340534063407340834093410341134123413341434153416341734183419342034213422342334243425342634273428342934303431343234333434343534363437343834393440344134423443344434453446344734483449345034513452345334543455345634573458345934603461346234633464346534663467346834693470347134723473347434753476347734783479348034813482348334843485348634873488348934903491349234933494349534963497349834993500350135023503350435053506350735083509351035113512351335143515351635173518351935203521352235233524352535263527352835293530353135323533353435353536353735383539354035413542354335443545354635473548354935503551355235533554355535563557355835593560356135623563356435653566356735683569357035713572357335743575357635773578357935803581358235833584358535863587358835893590359135923593359435953596359735983599360036013602360336043605360636073608360936103611361236133614361536163617361836193620362136223623362436253626362736283629363036313632363336343635363636373638363936403641364236433644364536463647364836493650365136523653365436553656365736583659366036613662366336643665366636673668366936703671367236733674367536763677367836793680368136823683368436853686368736883689369036913692369336943695369636973698369937003701370237033704370537063707370837093710371137123713371437153716371737183719372037213722372337243725372637273728372937303731373237333734373537363737373837393740374137423743374437453746374737483749375037513752375337543755375637573758375937603761376237633764376537663767376837693770377137723773377437753776377737783779378037813782378337843785378637873788378937903791379237933794379537963797379837993800380138023803380438053806380738083809381038113812381338143815381638173818381938203821382238233824382538263827382838293830383138323833383438353836383738383839384038413842384338443845384638473848384938503851385238533854385538563857385838593860386138623863386438653866386738683869387038713872387338743875387638773878387938803881388238833884388538863887388838893890389138923893389438953896389738983899390039013902390339043905390639073908390939103911391239133914391539163917391839193920392139223923392439253926392739283929393039313932393339343935393639373938393939403941394239433944394539463947394839493950395139523953395439553956395739583959396039613962396339643965396639673968396939703971397239733974397539763977397839793980398139823983398439853986398739883989399039913992399339943995399639973998399940004001400240034004400540064007400840094010401140124013401440154016401740184019402040214022402340244025402640274028402940304031403240334034403540364037403840394040404140424043404440454046404740484049405040514052405340544055405640574058405940604061406240634064406540664067406840694070407140724073407440754076407740784079408040814082408340844085408640874088408940904091409240934094409540964097409840994100410141024103410441054106410741084109411041114112411341144115411641174118411941204121412241234124412541264127412841294130413141324133413441354136413741384139414041414142414341444145414641474148414941504151415241534154415541564157415841594160416141624163416441654166416741684169417041714172417341744175417641774178417941804181418241834184418541864187418841894190419141924193419441954196419741984199420042014202420342044205420642074208420942104211421242134214421542164217421842194220422142224223422442254226422742284229423042314232423342344235423642374238423942404241424242434244424542464247424842494250425142524253425442554256425742584259426042614262426342644265426642674268426942704271427242734274427542764277427842794280428142824283428442854286428742884289429042914292429342944295429642974298429943004301430243034304430543064307430843094310431143124313431443154316431743184319432043214322432343244325432643274328432943304331433243334334433543364337433843394340434143424343434443454346434743484349435043514352435343544355435643574358435943604361436243634364436543664367436843694370437143724373437443754376437743784379438043814382438343844385438643874388438943904391439243934394439543964397439843994400440144024403440444054406440744084409441044114412441344144415441644174418441944204421442244234424442544264427442844294430443144324433443444354436443744384439444044414442444344444445444644474448444944504451445244534454445544564457445844594460446144624463446444654466446744684469447044714472447344744475447644774478447944804481448244834484448544864487448844894490449144924493449444954496449744984499450045014502450345044505450645074508450945104511451245134514451545164517451845194520452145224523452445254526452745284529453045314532453345344535453645374538453945404541454245434544454545464547454845494550455145524553455445554556455745584559456045614562456345644565456645674568456945704571457245734574457545764577457845794580458145824583458445854586458745884589459045914592459345944595459645974598459946004601460246034604460546064607460846094610461146124613461446154616461746184619462046214622462346244625462646274628462946304631463246334634463546364637463846394640464146424643464446454646464746484649465046514652465346544655465646574658465946604661466246634664466546664667466846694670467146724673467446754676467746784679468046814682468346844685468646874688468946904691469246934694469546964697469846994700470147024703470447054706470747084709471047114712471347144715471647174718471947204721472247234724472547264727472847294730473147324733473447354736473747384739474047414742474347444745474647474748474947504751475247534754475547564757475847594760476147624763476447654766476747684769477047714772477347744775477647774778477947804781478247834784478547864787478847894790479147924793479447954796479747984799480048014802480348044805480648074808480948104811481248134814481548164817481848194820482148224823482448254826482748284829483048314832483348344835483648374838483948404841484248434844484548464847484848494850485148524853485448554856485748584859486048614862486348644865486648674868486948704871487248734874487548764877487848794880488148824883488448854886488748884889489048914892489348944895489648974898489949004901490249034904490549064907490849094910491149124913491449154916491749184919492049214922492349244925492649274928492949304931493249334934493549364937493849394940494149424943494449454946494749484949495049514952495349544955495649574958495949604961496249634964496549664967496849694970497149724973497449754976497749784979498049814982498349844985498649874988498949904991499249934994499549964997499849995000500150025003500450055006500750085009501050115012501350145015501650175018501950205021502250235024502550265027502850295030503150325033503450355036503750385039504050415042504350445045504650475048504950505051505250535054505550565057505850595060506150625063506450655066506750685069507050715072507350745075507650775078507950805081508250835084508550865087508850895090509150925093509450955096509750985099510051015102510351045105510651075108510951105111511251135114511551165117511851195120512151225123512451255126512751285129513051315132513351345135513651375138513951405141514251435144514551465147514851495150515151525153515451555156515751585159516051615162516351645165516651675168516951705171517251735174517551765177517851795180518151825183518451855186518751885189519051915192519351945195519651975198519952005201520252035204520552065207520852095210521152125213521452155216521752185219522052215222522352245225522652275228522952305231523252335234523552365237523852395240524152425243524452455246524752485249525052515252525352545255525652575258525952605261526252635264526552665267526852695270527152725273527452755276527752785279528052815282528352845285528652875288528952905291529252935294529552965297529852995300530153025303530453055306530753085309531053115312531353145315531653175318531953205321532253235324532553265327532853295330533153325333533453355336533753385339534053415342534353445345534653475348534953505351535253535354535553565357535853595360536153625363536453655366536753685369537053715372537353745375537653775378537953805381538253835384538553865387538853895390539153925393539453955396539753985399540054015402540354045405540654075408540954105411541254135414541554165417541854195420542154225423542454255426542754285429543054315432543354345435543654375438543954405441544254435444544554465447544854495450545154525453545454555456545754585459546054615462546354645465546654675468546954705471547254735474547554765477547854795480548154825483548454855486548754885489549054915492549354945495549654975498549955005501550255035504550555065507550855095510551155125513551455155516551755185519552055215522552355245525552655275528552955305531553255335534553555365537553855395540554155425543554455455546554755485549555055515552555355545555555655575558555955605561556255635564556555665567556855695570557155725573557455755576557755785579558055815582558355845585558655875588558955905591559255935594559555965597559855995600560156025603560456055606560756085609561056115612561356145615561656175618561956205621562256235624562556265627562856295630563156325633563456355636563756385639564056415642564356445645564656475648564956505651565256535654565556565657565856595660566156625663566456655666566756685669567056715672567356745675567656775678567956805681568256835684568556865687568856895690569156925693569456955696569756985699570057015702570357045705570657075708570957105711571257135714571557165717571857195720572157225723572457255726572757285729573057315732573357345735573657375738573957405741574257435744574557465747574857495750575157525753575457555756575757585759576057615762576357645765576657675768576957705771577257735774577557765777577857795780578157825783578457855786578757885789579057915792579357945795579657975798579958005801580258035804580558065807580858095810581158125813581458155816581758185819582058215822582358245825582658275828582958305831583258335834583558365837583858395840584158425843584458455846584758485849585058515852585358545855585658575858585958605861586258635864586558665867586858695870587158725873587458755876587758785879588058815882588358845885588658875888588958905891589258935894589558965897589858995900590159025903590459055906590759085909591059115912591359145915591659175918591959205921592259235924592559265927592859295930593159325933593459355936593759385939594059415942594359445945594659475948594959505951595259535954595559565957595859595960596159625963596459655966596759685969597059715972597359745975597659775978597959805981598259835984598559865987598859895990599159925993599459955996599759985999600060016002600360046005600660076008600960106011601260136014601560166017601860196020602160226023602460256026602760286029603060316032603360346035603660376038603960406041604260436044604560466047604860496050605160526053605460556056605760586059606060616062606360646065606660676068606960706071607260736074607560766077607860796080608160826083608460856086608760886089609060916092609360946095609660976098609961006101610261036104610561066107610861096110611161126113611461156116611761186119612061216122612361246125612661276128612961306131613261336134613561366137613861396140614161426143614461456146614761486149615061516152615361546155615661576158615961606161616261636164616561666167616861696170617161726173617461756176617761786179618061816182618361846185618661876188618961906191619261936194619561966197619861996200620162026203620462056206620762086209621062116212621362146215621662176218621962206221622262236224622562266227622862296230623162326233623462356236623762386239624062416242624362446245624662476248624962506251625262536254625562566257625862596260626162626263626462656266626762686269627062716272627362746275627662776278627962806281628262836284628562866287628862896290629162926293629462956296629762986299630063016302630363046305630663076308630963106311631263136314631563166317631863196320632163226323632463256326632763286329633063316332633363346335633663376338633963406341634263436344634563466347634863496350635163526353635463556356635763586359636063616362636363646365636663676368636963706371637263736374637563766377637863796380638163826383638463856386638763886389639063916392639363946395639663976398639964006401640264036404640564066407640864096410641164126413641464156416641764186419642064216422642364246425642664276428642964306431643264336434643564366437643864396440644164426443644464456446644764486449645064516452645364546455645664576458645964606461646264636464646564666467646864696470647164726473647464756476647764786479648064816482648364846485648664876488648964906491649264936494649564966497649864996500650165026503650465056506650765086509651065116512651365146515651665176518651965206521652265236524652565266527652865296530653165326533653465356536653765386539654065416542654365446545654665476548654965506551655265536554655565566557655865596560656165626563656465656566656765686569657065716572657365746575657665776578657965806581658265836584658565866587658865896590659165926593659465956596659765986599660066016602660366046605660666076608660966106611661266136614661566166617661866196620662166226623662466256626662766286629663066316632663366346635663666376638663966406641664266436644664566466647664866496650665166526653665466556656665766586659666066616662666366646665666666676668666966706671667266736674667566766677667866796680668166826683668466856686668766886689669066916692669366946695669666976698669967006701670267036704670567066707670867096710671167126713671467156716671767186719672067216722672367246725672667276728672967306731673267336734673567366737673867396740674167426743674467456746674767486749675067516752675367546755675667576758675967606761676267636764676567666767676867696770677167726773677467756776677767786779678067816782678367846785678667876788678967906791679267936794679567966797679867996800680168026803680468056806680768086809681068116812681368146815681668176818681968206821682268236824682568266827682868296830683168326833683468356836683768386839684068416842684368446845684668476848684968506851685268536854685568566857685868596860686168626863686468656866686768686869687068716872687368746875687668776878687968806881688268836884688568866887688868896890689168926893689468956896689768986899690069016902690369046905690669076908690969106911691269136914691569166917691869196920692169226923692469256926692769286929693069316932693369346935693669376938693969406941694269436944694569466947694869496950695169526953695469556956695769586959696069616962696369646965696669676968696969706971697269736974697569766977697869796980698169826983698469856986698769886989699069916992699369946995699669976998699970007001700270037004700570067007700870097010701170127013701470157016701770187019702070217022702370247025702670277028702970307031703270337034703570367037703870397040704170427043704470457046704770487049705070517052705370547055705670577058705970607061706270637064706570667067706870697070707170727073707470757076707770787079708070817082708370847085708670877088708970907091709270937094709570967097709870997100710171027103710471057106710771087109711071117112711371147115711671177118711971207121712271237124712571267127712871297130713171327133713471357136713771387139714071417142714371447145714671477148714971507151715271537154715571567157715871597160716171627163716471657166716771687169717071717172717371747175717671777178717971807181718271837184718571867187718871897190719171927193719471957196719771987199720072017202720372047205720672077208720972107211721272137214721572167217721872197220722172227223722472257226722772287229723072317232723372347235723672377238723972407241724272437244724572467247724872497250725172527253725472557256725772587259726072617262726372647265726672677268726972707271727272737274727572767277727872797280728172827283728472857286728772887289729072917292729372947295729672977298729973007301730273037304730573067307730873097310731173127313731473157316731773187319732073217322732373247325732673277328732973307331733273337334733573367337733873397340734173427343734473457346734773487349735073517352735373547355735673577358735973607361736273637364736573667367736873697370737173727373737473757376737773787379738073817382738373847385738673877388738973907391739273937394739573967397739873997400740174027403740474057406740774087409741074117412741374147415741674177418741974207421742274237424742574267427742874297430743174327433743474357436743774387439744074417442744374447445744674477448744974507451745274537454745574567457745874597460746174627463746474657466746774687469747074717472747374747475747674777478747974807481748274837484748574867487748874897490749174927493749474957496749774987499750075017502750375047505750675077508750975107511751275137514751575167517751875197520752175227523752475257526752775287529753075317532753375347535753675377538753975407541754275437544754575467547754875497550755175527553755475557556755775587559756075617562756375647565756675677568756975707571757275737574757575767577757875797580758175827583758475857586758775887589759075917592759375947595759675977598759976007601760276037604760576067607760876097610761176127613761476157616761776187619762076217622762376247625762676277628762976307631763276337634763576367637763876397640764176427643764476457646764776487649765076517652765376547655765676577658765976607661766276637664766576667667766876697670767176727673767476757676767776787679768076817682768376847685768676877688768976907691769276937694769576967697769876997700770177027703770477057706770777087709771077117712771377147715771677177718771977207721772277237724772577267727772877297730773177327733773477357736773777387739774077417742774377447745774677477748774977507751775277537754775577567757775877597760776177627763776477657766776777687769777077717772777377747775777677777778777977807781778277837784778577867787778877897790779177927793779477957796779777987799780078017802780378047805780678077808780978107811781278137814781578167817781878197820782178227823782478257826782778287829783078317832783378347835783678377838783978407841784278437844784578467847784878497850785178527853785478557856785778587859786078617862786378647865786678677868786978707871787278737874787578767877787878797880788178827883788478857886788778887889789078917892789378947895789678977898789979007901790279037904790579067907790879097910791179127913791479157916791779187919792079217922792379247925792679277928792979307931793279337934793579367937793879397940794179427943794479457946794779487949795079517952795379547955795679577958795979607961796279637964796579667967796879697970797179727973797479757976797779787979798079817982798379847985798679877988798979907991799279937994799579967997799879998000800180028003800480058006800780088009801080118012801380148015801680178018801980208021802280238024802580268027802880298030803180328033803480358036803780388039804080418042804380448045804680478048804980508051805280538054805580568057805880598060806180628063806480658066806780688069807080718072807380748075807680778078807980808081808280838084808580868087808880898090809180928093809480958096809780988099810081018102810381048105810681078108810981108111811281138114811581168117811881198120812181228123812481258126812781288129813081318132813381348135813681378138813981408141814281438144814581468147814881498150815181528153815481558156815781588159816081618162816381648165816681678168816981708171817281738174817581768177817881798180818181828183818481858186818781888189819081918192819381948195819681978198819982008201820282038204820582068207820882098210821182128213821482158216821782188219822082218222822382248225822682278228822982308231823282338234823582368237823882398240824182428243824482458246824782488249825082518252825382548255825682578258825982608261826282638264826582668267826882698270827182728273827482758276827782788279828082818282828382848285828682878288828982908291829282938294829582968297829882998300830183028303830483058306830783088309831083118312831383148315831683178318831983208321832283238324832583268327832883298330833183328333833483358336833783388339834083418342834383448345834683478348834983508351835283538354835583568357835883598360836183628363836483658366836783688369837083718372837383748375837683778378837983808381838283838384838583868387838883898390839183928393839483958396839783988399840084018402840384048405840684078408840984108411841284138414841584168417841884198420842184228423842484258426842784288429843084318432843384348435843684378438843984408441844284438444844584468447844884498450845184528453845484558456845784588459846084618462846384648465846684678468846984708471847284738474847584768477847884798480848184828483848484858486848784888489849084918492849384948495849684978498849985008501850285038504850585068507850885098510851185128513851485158516851785188519852085218522852385248525852685278528852985308531853285338534853585368537853885398540854185428543854485458546854785488549855085518552855385548555855685578558855985608561856285638564856585668567856885698570857185728573857485758576857785788579858085818582858385848585858685878588858985908591859285938594859585968597859885998600860186028603860486058606860786088609861086118612861386148615861686178618861986208621862286238624862586268627862886298630863186328633863486358636863786388639864086418642864386448645864686478648864986508651865286538654865586568657865886598660866186628663866486658666866786688669867086718672867386748675867686778678867986808681868286838684868586868687868886898690869186928693869486958696869786988699870087018702870387048705870687078708870987108711871287138714871587168717871887198720872187228723872487258726872787288729873087318732873387348735873687378738873987408741874287438744874587468747874887498750875187528753875487558756875787588759876087618762876387648765876687678768876987708771877287738774877587768777877887798780878187828783878487858786878787888789879087918792879387948795879687978798879988008801880288038804880588068807880888098810881188128813881488158816881788188819882088218822882388248825882688278828882988308831883288338834883588368837883888398840884188428843884488458846884788488849885088518852885388548855885688578858885988608861886288638864886588668867886888698870887188728873887488758876887788788879888088818882888388848885888688878888888988908891889288938894889588968897889888998900890189028903890489058906890789088909891089118912891389148915891689178918891989208921892289238924892589268927892889298930893189328933893489358936893789388939894089418942894389448945894689478948894989508951895289538954895589568957895889598960896189628963896489658966896789688969897089718972897389748975897689778978897989808981898289838984898589868987898889898990899189928993899489958996899789988999900090019002900390049005900690079008900990109011901290139014901590169017901890199020902190229023902490259026902790289029903090319032903390349035903690379038903990409041904290439044904590469047904890499050905190529053905490559056905790589059906090619062906390649065906690679068906990709071907290739074907590769077907890799080908190829083908490859086908790889089909090919092909390949095909690979098909991009101910291039104910591069107910891099110911191129113911491159116911791189119912091219122912391249125912691279128912991309131913291339134913591369137913891399140914191429143914491459146914791489149915091519152915391549155915691579158915991609161916291639164916591669167916891699170917191729173917491759176917791789179918091819182918391849185918691879188918991909191919291939194919591969197919891999200920192029203920492059206920792089209921092119212921392149215921692179218921992209221922292239224922592269227922892299230923192329233923492359236923792389239924092419242924392449245924692479248924992509251925292539254925592569257925892599260926192629263926492659266926792689269927092719272927392749275927692779278927992809281928292839284928592869287928892899290929192929293929492959296929792989299930093019302930393049305930693079308930993109311931293139314931593169317931893199320932193229323932493259326932793289329933093319332933393349335933693379338933993409341934293439344934593469347934893499350935193529353935493559356935793589359936093619362936393649365936693679368936993709371937293739374937593769377937893799380938193829383938493859386938793889389939093919392939393949395939693979398939994009401940294039404940594069407940894099410941194129413941494159416941794189419942094219422942394249425942694279428942994309431943294339434943594369437943894399440944194429443944494459446944794489449945094519452945394549455945694579458945994609461946294639464946594669467946894699470947194729473947494759476947794789479948094819482948394849485948694879488948994909491949294939494949594969497949894999500950195029503950495059506950795089509951095119512951395149515951695179518951995209521952295239524952595269527952895299530953195329533953495359536953795389539954095419542954395449545954695479548954995509551955295539554955595569557955895599560956195629563956495659566956795689569957095719572957395749575957695779578957995809581958295839584958595869587958895899590959195929593959495959596959795989599960096019602960396049605960696079608960996109611961296139614961596169617961896199620962196229623962496259626962796289629963096319632963396349635963696379638963996409641964296439644964596469647964896499650965196529653965496559656965796589659966096619662966396649665966696679668966996709671967296739674967596769677967896799680968196829683968496859686968796889689969096919692969396949695969696979698969997009701970297039704970597069707970897099710971197129713971497159716971797189719972097219722972397249725972697279728972997309731973297339734973597369737973897399740974197429743974497459746974797489749975097519752975397549755975697579758975997609761976297639764976597669767976897699770977197729773977497759776977797789779978097819782978397849785978697879788978997909791979297939794979597969797979897999800980198029803980498059806980798089809981098119812981398149815981698179818981998209821982298239824982598269827982898299830983198329833983498359836983798389839984098419842984398449845984698479848984998509851985298539854985598569857985898599860986198629863986498659866986798689869987098719872987398749875987698779878987998809881988298839884988598869887988898899890989198929893989498959896989798989899990099019902990399049905990699079908990999109911991299139914991599169917991899199920992199229923992499259926992799289929993099319932993399349935993699379938993999409941994299439944994599469947994899499950995199529953995499559956995799589959996099619962996399649965996699679968996999709971997299739974997599769977997899799980998199829983998499859986998799889989999099919992999399949995999699979998999910000100011000210003100041000510006100071000810009100101001110012100131001410015100161001710018100191002010021100221002310024100251002610027100281002910030100311003210033100341003510036100371003810039100401004110042100431004410045100461004710048100491005010051100521005310054100551005610057100581005910060100611006210063100641006510066100671006810069100701007110072100731007410075100761007710078100791008010081100821008310084100851008610087100881008910090100911009210093100941009510096100971009810099101001010110102101031010410105101061010710108101091011010111101121011310114101151011610117101181011910120101211012210123101241012510126101271012810129101301013110132101331013410135101361013710138101391014010141101421014310144101451014610147101481014910150101511015210153101541015510156101571015810159101601016110162101631016410165101661016710168101691017010171101721017310174101751017610177101781017910180101811018210183101841018510186101871018810189101901019110192101931019410195101961019710198101991020010201102021020310204102051020610207102081020910210102111021210213102141021510216102171021810219102201022110222102231022410225102261022710228102291023010231102321023310234102351023610237102381023910240102411024210243102441024510246102471024810249102501025110252102531025410255102561025710258102591026010261102621026310264102651026610267102681026910270102711027210273102741027510276102771027810279102801028110282102831028410285102861028710288102891029010291102921029310294102951029610297102981029910300103011030210303103041030510306103071030810309103101031110312103131031410315103161031710318103191032010321103221032310324103251032610327103281032910330103311033210333103341033510336103371033810339103401034110342103431034410345103461034710348103491035010351103521035310354103551035610357103581035910360103611036210363103641036510366103671036810369103701037110372103731037410375103761037710378103791038010381103821038310384103851038610387103881038910390103911039210393103941039510396103971039810399104001040110402104031040410405104061040710408104091041010411104121041310414104151041610417104181041910420104211042210423104241042510426104271042810429104301043110432104331043410435104361043710438104391044010441104421044310444104451044610447104481044910450104511045210453104541045510456104571045810459104601046110462104631046410465104661046710468104691047010471104721047310474104751047610477104781047910480104811048210483104841048510486104871048810489104901049110492104931049410495104961049710498104991050010501105021050310504105051050610507105081050910510105111051210513105141051510516105171051810519105201052110522105231052410525105261052710528105291053010531105321053310534105351053610537105381053910540105411054210543105441054510546105471054810549105501055110552105531055410555105561055710558105591056010561105621056310564105651056610567105681056910570105711057210573105741057510576105771057810579105801058110582105831058410585105861058710588105891059010591105921059310594105951059610597105981059910600106011060210603106041060510606106071060810609106101061110612106131061410615106161061710618106191062010621106221062310624106251062610627106281062910630106311063210633106341063510636106371063810639106401064110642106431064410645106461064710648106491065010651106521065310654106551065610657106581065910660106611066210663106641066510666106671066810669106701067110672106731067410675106761067710678106791068010681106821068310684106851068610687106881068910690106911069210693106941069510696106971069810699107001070110702107031070410705107061070710708107091071010711107121071310714107151071610717107181071910720107211072210723107241072510726107271072810729107301073110732107331073410735107361073710738107391074010741107421074310744107451074610747107481074910750107511075210753107541075510756107571075810759107601076110762107631076410765107661076710768107691077010771107721077310774107751077610777107781077910780107811078210783107841078510786107871078810789107901079110792107931079410795107961079710798107991080010801108021080310804108051080610807108081080910810108111081210813108141081510816108171081810819108201082110822108231082410825108261082710828108291083010831108321083310834108351083610837108381083910840108411084210843108441084510846108471084810849108501085110852108531085410855108561085710858108591086010861108621086310864108651086610867108681086910870108711087210873108741087510876108771087810879108801088110882108831088410885108861088710888108891089010891108921089310894108951089610897108981089910900109011090210903109041090510906109071090810909109101091110912109131091410915109161091710918109191092010921109221092310924109251092610927109281092910930109311093210933109341093510936109371093810939109401094110942109431094410945109461094710948109491095010951109521095310954109551095610957109581095910960109611096210963109641096510966109671096810969109701097110972109731097410975109761097710978109791098010981109821098310984109851098610987109881098910990109911099210993109941099510996109971099810999110001100111002110031100411005110061100711008110091101011011110121101311014110151101611017110181101911020110211102211023110241102511026110271102811029110301103111032110331103411035110361103711038110391104011041110421104311044110451104611047110481104911050110511105211053110541105511056110571105811059110601106111062110631106411065110661106711068110691107011071110721107311074110751107611077110781107911080110811108211083110841108511086110871108811089110901109111092110931109411095110961109711098110991110011101111021110311104111051110611107111081110911110111111111211113111141111511116111171111811119111201112111122111231112411125111261112711128111291113011131111321113311134111351113611137111381113911140111411114211143111441114511146111471114811149111501115111152111531115411155111561115711158111591116011161111621116311164111651116611167111681116911170111711117211173111741117511176111771117811179111801118111182111831118411185111861118711188111891119011191111921119311194111951119611197111981119911200112011120211203112041120511206112071120811209112101121111212112131121411215112161121711218112191122011221112221122311224112251122611227112281122911230112311123211233112341123511236112371123811239112401124111242112431124411245112461124711248112491125011251112521125311254112551125611257112581125911260112611126211263112641126511266112671126811269112701127111272112731127411275112761127711278112791128011281112821128311284112851128611287112881128911290112911129211293112941129511296112971129811299113001130111302113031130411305113061130711308113091131011311113121131311314113151131611317113181131911320113211132211323113241132511326113271132811329113301133111332113331133411335113361133711338113391134011341113421134311344113451134611347113481134911350113511135211353113541135511356113571135811359113601136111362113631136411365113661136711368113691137011371113721137311374113751137611377113781137911380113811138211383113841138511386113871138811389113901139111392113931139411395113961139711398113991140011401114021140311404114051140611407114081140911410114111141211413114141141511416114171141811419114201142111422114231142411425114261142711428114291143011431114321143311434114351143611437114381143911440114411144211443114441144511446114471144811449114501145111452114531145411455114561145711458114591146011461114621146311464114651146611467114681146911470114711147211473114741147511476114771147811479114801148111482114831148411485114861148711488114891149011491114921149311494114951149611497114981149911500115011150211503115041150511506115071150811509115101151111512115131151411515115161151711518115191152011521115221152311524115251152611527115281152911530115311153211533115341153511536115371153811539115401154111542115431154411545115461154711548115491155011551115521155311554115551155611557115581155911560115611156211563115641156511566115671156811569115701157111572115731157411575115761157711578115791158011581115821158311584115851158611587115881158911590115911159211593115941159511596115971159811599116001160111602116031160411605116061160711608116091161011611116121161311614116151161611617116181161911620116211162211623116241162511626116271162811629116301163111632116331163411635116361163711638116391164011641116421164311644116451164611647116481164911650116511165211653116541165511656116571165811659116601166111662116631166411665116661166711668116691167011671116721167311674116751167611677116781167911680116811168211683116841168511686116871168811689116901169111692116931169411695116961169711698116991170011701117021170311704117051170611707117081170911710117111171211713117141171511716117171171811719117201172111722117231172411725117261172711728117291173011731117321173311734117351173611737117381173911740117411174211743117441174511746117471174811749117501175111752117531175411755117561175711758117591176011761117621176311764117651176611767117681176911770117711177211773117741177511776117771177811779117801178111782117831178411785117861178711788117891179011791117921179311794117951179611797117981179911800118011180211803118041180511806118071180811809118101181111812118131181411815118161181711818118191182011821118221182311824118251182611827118281182911830118311183211833118341183511836118371183811839118401184111842118431184411845118461184711848118491185011851118521185311854118551185611857118581185911860118611186211863118641186511866118671186811869118701187111872118731187411875118761187711878118791188011881118821188311884118851188611887118881188911890118911189211893118941189511896118971189811899119001190111902119031190411905119061190711908119091191011911119121191311914119151191611917119181191911920119211192211923119241192511926119271192811929119301193111932119331193411935119361193711938119391194011941119421194311944119451194611947119481194911950119511195211953119541195511956119571195811959119601196111962119631196411965119661196711968119691197011971119721197311974119751197611977119781197911980119811198211983119841198511986119871198811989119901199111992119931199411995119961199711998119991200012001120021200312004120051200612007120081200912010120111201212013120141201512016120171201812019120201202112022120231202412025120261202712028120291203012031120321203312034120351203612037120381203912040120411204212043120441204512046120471204812049120501205112052120531205412055120561205712058120591206012061120621206312064120651206612067120681206912070120711207212073120741207512076120771207812079120801208112082120831208412085120861208712088120891209012091120921209312094120951209612097120981209912100121011210212103121041210512106121071210812109121101211112112121131211412115121161211712118121191212012121121221212312124121251212612127121281212912130121311213212133121341213512136121371213812139121401214112142121431214412145121461214712148121491215012151121521215312154121551215612157121581215912160121611216212163121641216512166121671216812169121701217112172121731217412175121761217712178121791218012181121821218312184121851218612187121881218912190121911219212193121941219512196121971219812199122001220112202122031220412205122061220712208122091221012211122121221312214122151221612217122181221912220122211222212223122241222512226122271222812229122301223112232122331223412235122361223712238122391224012241122421224312244122451224612247122481224912250122511225212253122541225512256122571225812259122601226112262122631226412265122661226712268122691227012271122721227312274122751227612277122781227912280122811228212283122841228512286122871228812289122901229112292122931229412295122961229712298122991230012301123021230312304123051230612307123081230912310123111231212313123141231512316123171231812319123201232112322123231232412325123261232712328123291233012331123321233312334123351233612337123381233912340123411234212343123441234512346123471234812349123501235112352123531235412355123561235712358123591236012361123621236312364123651236612367123681236912370123711237212373123741237512376123771237812379123801238112382123831238412385123861238712388123891239012391123921239312394123951239612397123981239912400124011240212403124041240512406124071240812409124101241112412124131241412415124161241712418124191242012421124221242312424124251242612427124281242912430124311243212433124341243512436124371243812439124401244112442124431244412445124461244712448124491245012451124521245312454124551245612457124581245912460124611246212463124641246512466124671246812469124701247112472124731247412475124761247712478124791248012481124821248312484124851248612487124881248912490124911249212493124941249512496124971249812499125001250112502125031250412505125061250712508125091251012511125121251312514125151251612517125181251912520125211252212523125241252512526125271252812529125301253112532125331253412535125361253712538125391254012541125421254312544125451254612547125481254912550125511255212553125541255512556125571255812559125601256112562125631256412565125661256712568125691257012571125721257312574125751257612577125781257912580125811258212583125841258512586125871258812589125901259112592125931259412595125961259712598125991260012601126021260312604126051260612607126081260912610126111261212613126141261512616126171261812619126201262112622126231262412625126261262712628126291263012631126321263312634126351263612637126381263912640126411264212643126441264512646126471264812649126501265112652126531265412655126561265712658126591266012661126621266312664126651266612667126681266912670126711267212673126741267512676126771267812679126801268112682126831268412685126861268712688126891269012691126921269312694126951269612697126981269912700127011270212703127041270512706127071270812709127101271112712127131271412715127161271712718127191272012721127221272312724127251272612727127281272912730127311273212733127341273512736127371273812739127401274112742127431274412745127461274712748127491275012751127521275312754127551275612757127581275912760127611276212763127641276512766127671276812769127701277112772127731277412775127761277712778127791278012781127821278312784127851278612787127881278912790127911279212793127941279512796127971279812799128001280112802128031280412805128061280712808128091281012811128121281312814128151281612817128181281912820128211282212823128241282512826128271282812829128301283112832128331283412835128361283712838128391284012841128421284312844128451284612847128481284912850128511285212853128541285512856128571285812859128601286112862128631286412865128661286712868128691287012871128721287312874128751287612877128781287912880128811288212883128841288512886128871288812889128901289112892128931289412895128961289712898128991290012901129021290312904129051290612907129081290912910129111291212913129141291512916129171291812919129201292112922129231292412925129261292712928129291293012931129321293312934129351293612937129381293912940129411294212943129441294512946129471294812949129501295112952129531295412955129561295712958129591296012961129621296312964129651296612967129681296912970129711297212973129741297512976129771297812979129801298112982129831298412985129861298712988129891299012991129921299312994129951299612997129981299913000130011300213003130041300513006130071300813009130101301113012130131301413015130161301713018130191302013021130221302313024130251302613027130281302913030130311303213033130341303513036130371303813039130401304113042130431304413045130461304713048130491305013051130521305313054130551305613057130581305913060130611306213063130641306513066130671306813069130701307113072130731307413075130761307713078130791308013081130821308313084130851308613087130881308913090130911309213093130941309513096130971309813099131001310113102131031310413105131061310713108131091311013111131121311313114131151311613117131181311913120131211312213123131241312513126131271312813129131301313113132131331313413135131361313713138131391314013141131421314313144131451314613147131481314913150131511315213153131541315513156131571315813159131601316113162131631316413165131661316713168131691317013171131721317313174131751317613177131781317913180131811318213183131841318513186131871318813189131901319113192131931319413195131961319713198131991320013201132021320313204132051320613207132081320913210132111321213213132141321513216132171321813219132201322113222132231322413225132261322713228132291323013231132321323313234132351323613237132381323913240132411324213243132441324513246132471324813249132501325113252132531325413255132561325713258132591326013261132621326313264132651326613267132681326913270132711327213273132741327513276132771327813279132801328113282132831328413285132861328713288132891329013291132921329313294132951329613297132981329913300133011330213303133041330513306133071330813309133101331113312133131331413315133161331713318133191332013321133221332313324133251332613327133281332913330133311333213333133341333513336133371333813339133401334113342133431334413345133461334713348133491335013351133521335313354133551335613357133581335913360133611336213363133641336513366133671336813369133701337113372133731337413375133761337713378133791338013381133821338313384133851338613387133881338913390133911339213393133941339513396133971339813399134001340113402134031340413405134061340713408134091341013411134121341313414134151341613417134181341913420134211342213423134241342513426134271342813429134301343113432134331343413435134361343713438134391344013441134421344313444134451344613447134481344913450134511345213453134541345513456134571345813459134601346113462134631346413465134661346713468134691347013471134721347313474134751347613477134781347913480134811348213483134841348513486134871348813489134901349113492134931349413495134961349713498134991350013501135021350313504135051350613507135081350913510135111351213513135141351513516135171351813519135201352113522135231352413525135261352713528135291353013531135321353313534135351353613537135381353913540135411354213543135441354513546135471354813549135501355113552135531355413555135561355713558135591356013561135621356313564135651356613567135681356913570135711357213573135741357513576135771357813579135801358113582135831358413585135861358713588135891359013591135921359313594135951359613597135981359913600136011360213603136041360513606136071360813609136101361113612136131361413615136161361713618136191362013621136221362313624136251362613627136281362913630136311363213633136341363513636136371363813639136401364113642136431364413645136461364713648136491365013651136521365313654136551365613657136581365913660136611366213663136641366513666136671366813669136701367113672136731367413675136761367713678136791368013681136821368313684136851368613687136881368913690136911369213693136941369513696136971369813699137001370113702137031370413705137061370713708137091371013711137121371313714137151371613717137181371913720137211372213723137241372513726137271372813729137301373113732137331373413735137361373713738137391374013741137421374313744137451374613747137481374913750137511375213753137541375513756137571375813759137601376113762137631376413765137661376713768137691377013771137721377313774137751377613777137781377913780137811378213783137841378513786137871378813789137901379113792137931379413795137961379713798137991380013801138021380313804138051380613807138081380913810138111381213813138141381513816138171381813819138201382113822138231382413825138261382713828138291383013831138321383313834138351383613837138381383913840138411384213843138441384513846138471384813849138501385113852138531385413855138561385713858138591386013861138621386313864138651386613867138681386913870138711387213873138741387513876138771387813879138801388113882138831388413885138861388713888138891389013891138921389313894138951389613897138981389913900139011390213903139041390513906139071390813909139101391113912139131391413915139161391713918139191392013921139221392313924139251392613927139281392913930139311393213933139341393513936139371393813939139401394113942139431394413945139461394713948139491395013951139521395313954139551395613957139581395913960139611396213963139641396513966139671396813969139701397113972139731397413975139761397713978139791398013981139821398313984139851398613987139881398913990139911399213993139941399513996139971399813999140001400114002140031400414005140061400714008140091401014011140121401314014140151401614017140181401914020140211402214023140241402514026140271402814029140301403114032140331403414035140361403714038140391404014041140421404314044140451404614047140481404914050140511405214053140541405514056140571405814059140601406114062140631406414065140661406714068140691407014071140721407314074140751407614077140781407914080140811408214083140841408514086140871408814089140901409114092140931409414095140961409714098140991410014101141021410314104141051410614107141081410914110141111411214113141141411514116141171411814119141201412114122141231412414125141261412714128141291413014131141321413314134141351413614137141381413914140141411414214143141441414514146141471414814149141501415114152141531415414155141561415714158141591416014161141621416314164141651416614167141681416914170141711417214173141741417514176141771417814179141801418114182141831418414185141861418714188141891419014191141921419314194141951419614197141981419914200142011420214203142041420514206142071420814209142101421114212142131421414215142161421714218142191422014221142221422314224142251422614227142281422914230142311423214233142341423514236142371423814239142401424114242142431424414245142461424714248142491425014251142521425314254142551425614257142581425914260142611426214263142641426514266142671426814269142701427114272142731427414275142761427714278142791428014281142821428314284142851428614287142881428914290142911429214293142941429514296142971429814299143001430114302143031430414305143061430714308143091431014311143121431314314143151431614317143181431914320143211432214323143241432514326143271432814329143301433114332143331433414335143361433714338143391434014341143421434314344143451434614347143481434914350143511435214353143541435514356143571435814359143601436114362143631436414365143661436714368143691437014371143721437314374143751437614377143781437914380143811438214383143841438514386143871438814389143901439114392143931439414395143961439714398143991440014401144021440314404144051440614407144081440914410144111441214413144141441514416144171441814419144201442114422144231442414425144261442714428144291443014431144321443314434144351443614437144381443914440144411444214443144441444514446144471444814449144501445114452144531445414455144561445714458144591446014461144621446314464144651446614467144681446914470144711447214473144741447514476144771447814479144801448114482144831448414485144861448714488144891449014491144921449314494144951449614497144981449914500145011450214503145041450514506145071450814509145101451114512145131451414515145161451714518145191452014521145221452314524145251452614527145281452914530145311453214533145341453514536145371453814539145401454114542145431454414545145461454714548145491455014551145521455314554145551455614557145581455914560145611456214563145641456514566145671456814569145701457114572145731457414575145761457714578145791458014581145821458314584145851458614587145881458914590145911459214593145941459514596145971459814599146001460114602146031460414605146061460714608146091461014611146121461314614146151461614617146181461914620146211462214623146241462514626146271462814629146301463114632146331463414635146361463714638146391464014641146421464314644146451464614647146481464914650146511465214653146541465514656146571465814659146601466114662146631466414665146661466714668146691467014671146721467314674146751467614677146781467914680146811468214683146841468514686146871468814689146901469114692146931469414695146961469714698146991470014701147021470314704147051470614707147081470914710147111471214713147141471514716147171471814719147201472114722147231472414725147261472714728147291473014731147321473314734147351473614737147381473914740147411474214743147441474514746147471474814749147501475114752147531475414755147561475714758147591476014761147621476314764147651476614767147681476914770147711477214773147741477514776147771477814779147801478114782147831478414785147861478714788147891479014791147921479314794147951479614797147981479914800148011480214803148041480514806148071480814809148101481114812148131481414815148161481714818148191482014821148221482314824148251482614827148281482914830148311483214833148341483514836148371483814839148401484114842148431484414845148461484714848148491485014851148521485314854148551485614857148581485914860148611486214863148641486514866148671486814869148701487114872148731487414875148761487714878148791488014881148821488314884148851488614887148881488914890148911489214893148941489514896148971489814899149001490114902149031490414905149061490714908149091491014911149121491314914149151491614917149181491914920149211492214923149241492514926149271492814929149301493114932149331493414935149361493714938149391494014941149421494314944149451494614947149481494914950149511495214953149541495514956149571495814959149601496114962149631496414965149661496714968149691497014971149721497314974149751497614977149781497914980149811498214983149841498514986149871498814989149901499114992149931499414995149961499714998149991500015001150021500315004150051500615007150081500915010150111501215013150141501515016150171501815019150201502115022150231502415025150261502715028150291503015031150321503315034150351503615037150381503915040150411504215043150441504515046150471504815049150501505115052150531505415055150561505715058150591506015061150621506315064150651506615067150681506915070150711507215073150741507515076150771507815079150801508115082150831508415085150861508715088150891509015091150921509315094150951509615097150981509915100151011510215103151041510515106151071510815109151101511115112151131511415115151161511715118151191512015121151221512315124151251512615127151281512915130151311513215133151341513515136151371513815139151401514115142151431514415145151461514715148151491515015151151521515315154151551515615157151581515915160151611516215163151641516515166151671516815169151701517115172151731517415175151761517715178151791518015181151821518315184151851518615187151881518915190151911519215193151941519515196151971519815199152001520115202152031520415205152061520715208152091521015211152121521315214152151521615217152181521915220152211522215223152241522515226152271522815229152301523115232152331523415235152361523715238152391524015241152421524315244152451524615247152481524915250152511525215253152541525515256152571525815259152601526115262152631526415265152661526715268152691527015271152721527315274152751527615277152781527915280152811528215283152841528515286152871528815289152901529115292152931529415295152961529715298152991530015301153021530315304153051530615307153081530915310153111531215313153141531515316153171531815319153201532115322153231532415325153261532715328153291533015331153321533315334153351533615337153381533915340153411534215343153441534515346153471534815349153501535115352153531535415355153561535715358153591536015361153621536315364153651536615367153681536915370153711537215373153741537515376153771537815379153801538115382153831538415385153861538715388153891539015391153921539315394153951539615397153981539915400154011540215403154041540515406154071540815409154101541115412154131541415415154161541715418154191542015421154221542315424154251542615427154281542915430154311543215433154341543515436154371543815439154401544115442154431544415445154461544715448154491545015451154521545315454154551545615457154581545915460154611546215463154641546515466154671546815469154701547115472154731547415475154761547715478154791548015481154821548315484154851548615487154881548915490154911549215493154941549515496154971549815499155001550115502155031550415505155061550715508155091551015511155121551315514155151551615517155181551915520155211552215523155241552515526155271552815529155301553115532155331553415535155361553715538155391554015541155421554315544155451554615547155481554915550155511555215553155541555515556155571555815559155601556115562155631556415565155661556715568155691557015571155721557315574155751557615577155781557915580155811558215583155841558515586155871558815589155901559115592155931559415595155961559715598155991560015601156021560315604156051560615607156081560915610156111561215613156141561515616156171561815619156201562115622156231562415625156261562715628156291563015631156321563315634156351563615637156381563915640156411564215643156441564515646156471564815649156501565115652156531565415655156561565715658156591566015661156621566315664156651566615667156681566915670156711567215673156741567515676156771567815679156801568115682156831568415685156861568715688156891569015691156921569315694156951569615697156981569915700157011570215703157041570515706157071570815709157101571115712157131571415715157161571715718157191572015721157221572315724157251572615727157281572915730157311573215733157341573515736157371573815739157401574115742157431574415745157461574715748157491575015751157521575315754157551575615757157581575915760157611576215763157641576515766157671576815769157701577115772157731577415775157761577715778157791578015781157821578315784157851578615787157881578915790157911579215793157941579515796157971579815799158001580115802158031580415805158061580715808
  1. <template>
  2. <div class="pb_content" style="overflow: unset">
  3. <div
  4. class="pb_content_body"
  5. style="display: flex; height: 900px; position: relative"
  6. >
  7. <div
  8. class="pButton"
  9. style="
  10. left: 0;
  11. background-image: linear-gradient(90deg, #477cd7, #65b9fc);
  12. "
  13. v-if="mlDialog == false"
  14. @click="(mlDialog = true), getCourseDetail()"
  15. >
  16. <!-- 批 -->
  17. <img src="../assets/mlBtn.png" style="width: 25px" alt="" />
  18. </div>
  19. <div class="pb_left" v-else>
  20. <!-- <div class="courseTitle">{{ courseDetail.title }}</div> -->
  21. <div class="courseTitle" @click="mlDialog = false">
  22. <el-tooltip
  23. effect="light"
  24. :content="courseDetail.title"
  25. placement="top"
  26. >
  27. <div>{{ courseDetail.title }}</div>
  28. </el-tooltip>
  29. <el-tooltip effect="light" content="收缩" placement="top">
  30. <div class="mlImg">
  31. <img src="../assets/mlBtn.png" alt="" />
  32. </div>
  33. </el-tooltip>
  34. </div>
  35. <div class="ml">目录</div>
  36. <div class="cru_selectBox">
  37. <div v-for="(item, stageIndex) in navList" :key="stageIndex">
  38. <div class="blue_box_one" @click="get(stageIndex)">
  39. <div>第{{ stageIndex + 1 }}阶段</div>
  40. <div>{{ item.dyName }}</div>
  41. </div>
  42. <div class="twoChild" :class="{ navActive: item.isOpen }">
  43. <div
  44. class="navChild"
  45. v-for="(nav, navIndex) in item.task"
  46. :key="navIndex"
  47. >
  48. <div
  49. class="navTask"
  50. @click="openTask(stageIndex, navIndex, nav.id)"
  51. :class="{
  52. openTaskActive:
  53. navIndex == taskCount &&
  54. nav.id == navId &&
  55. stageIndex == courseType,
  56. }"
  57. >
  58. <div
  59. class="vedioNav"
  60. :class="{
  61. isClick:
  62. navIndex == taskCount &&
  63. nav.id == navId &&
  64. stageIndex == courseType,
  65. }"
  66. style="margin: 0"
  67. >
  68. 任务{{ navIndex + 1 }}
  69. </div>
  70. <el-tooltip
  71. class="navTaskname item"
  72. effect="light"
  73. :content="nav.taskName"
  74. placement="top"
  75. >
  76. <div
  77. :style="{
  78. width:
  79. IsLookOpen && !nav.isLook
  80. ? 'calc(100% - 75px)'
  81. : 'auto',
  82. }"
  83. >
  84. {{ nav.taskName }}
  85. </div>
  86. </el-tooltip>
  87. <img
  88. src="../assets/lock.png"
  89. v-if="IsLookOpen && !nav.isLook"
  90. alt=""
  91. />
  92. </div>
  93. </div>
  94. </div>
  95. </div>
  96. </div>
  97. </div>
  98. <div class="body_student" :class="{ navLeftCss: !mlDialog }">
  99. <div
  100. class="new_top"
  101. style="
  102. position: fixed;
  103. top: 0;
  104. left: 20.7%;
  105. width: 80%;
  106. z-index: 999;
  107. box-shadow: 0px 9px 0 0 #f2f2f2;
  108. "
  109. :class="{ navLeftCss: !mlDialog }"
  110. >
  111. <div class="courseIndex">
  112. <div>第{{ courseType - 0 + 1 }}阶段</div>
  113. <el-tooltip
  114. effect="light"
  115. :content="chapInfoList[courseType].dyName"
  116. placement="top"
  117. >
  118. <div>{{ chapInfoList[courseType].dyName }}</div>
  119. </el-tooltip>
  120. <div>任务{{ taskCount + 1 }}</div>
  121. </div>
  122. <div class="btnAll">
  123. <div class="returnBtn" @click="nextOrpreSteps(0)">上一步</div>
  124. <div class="returnBtn" @click="nextOrpreSteps(1)">下一步</div>
  125. <div class="returnBtn" @click="allScrell">全屏</div>
  126. <div
  127. class="returnBtn"
  128. @click="startRecording"
  129. v-if="!videoStart && (tType == 1 || tType == 4)"
  130. >
  131. 开始录制
  132. </div>
  133. <div
  134. class="returnBtn"
  135. @click="stopRecording"
  136. v-else-if="tType == 1 || tType == 4"
  137. style="background: #ee5255"
  138. >
  139. 下载录制
  140. </div>
  141. <div
  142. class="returnBtn"
  143. @click="juriVisible = true"
  144. v-if="tType == 1"
  145. >
  146. 权限
  147. </div>
  148. <div
  149. class="returnBtn"
  150. style="background: #225bc7"
  151. @click.stop="
  152. goTo(
  153. '/courseDetail?userid=' +
  154. userid +
  155. '&oid=' +
  156. oid +
  157. '&org=' +
  158. org +
  159. '&cid=' +
  160. classId +
  161. '&courseId=' +
  162. id +
  163. '&tType=' +
  164. tType +
  165. '&screenType=' +
  166. screenType
  167. )
  168. "
  169. >
  170. 返回
  171. </div>
  172. </div>
  173. </div>
  174. <!-- v-for="(task, index) in chapInfoList[courseType].chapterInfo[0]
  175. .taskJson"
  176. :key="index"-->
  177. <div
  178. class="isNoMessage"
  179. v-if="
  180. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  181. .chapterData.length == 0 &&
  182. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  183. .toolChoose[0].tool.length == 0 &&
  184. chapInfoList[courseType].chapterInfo[0].video.length == 0 &&
  185. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  186. .taskDetail == '' &&
  187. !chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].eList
  188. "
  189. >
  190. <img src="../assets/icon/isNoMessage.png" alt />
  191. </div>
  192. <div class="study_top" :class="{ pzClass: pzDialog }">
  193. <div
  194. class="vedioBox"
  195. v-if="
  196. vedio[taskCount].length > 0 ||
  197. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  198. .taskDetail != '' ||
  199. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  200. .chapterData.length > 0
  201. "
  202. >
  203. <div class="checkbox">
  204. <div
  205. class="check"
  206. style="font-size: 25px"
  207. :id="
  208. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].id
  209. "
  210. >
  211. <!-- {{ taskCount + 1 }}
  212. {{ chapInfoList[courseType].chapterInfo[0].taskJson[taskCount].task }}-->
  213. 学一学
  214. </div>
  215. </div>
  216. <div
  217. class="student_head"
  218. v-if="
  219. vedio[taskCount].length > 0 ||
  220. textList[taskCount].length > 0 ||
  221. lineList[taskCount].length > 0 ||
  222. file[taskCount].length > 0 ||
  223. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  224. .taskDetail != ''
  225. "
  226. >
  227. <div class="taskBox">
  228. <div
  229. style="
  230. display: flex;
  231. flex-wrap: nowrap;
  232. flex-direction: column;
  233. position: relative;
  234. "
  235. >
  236. <div
  237. style="padding: 15px 0 15px 20px; line-height: 25px"
  238. class="cont"
  239. v-if="
  240. chapInfoList[courseType].chapterInfo[0].taskJson[
  241. taskCount
  242. ].taskDetail != ''
  243. "
  244. v-html="
  245. chapInfoList[courseType].chapterInfo[0].taskJson[
  246. taskCount
  247. ].taskDetail
  248. ? chapInfoList[courseType].chapterInfo[0].taskJson[
  249. taskCount
  250. ].taskDetail
  251. : '暂无描述'
  252. "
  253. ></div>
  254. </div>
  255. </div>
  256. <div class="vedioTaskBox">
  257. <div
  258. :class="
  259. contentDialog == false
  260. ? 'box_course isContentCss'
  261. : 'box_course'
  262. "
  263. v-if="
  264. vedio[taskCount].length > 0 ||
  265. textList[taskCount].length > 0 ||
  266. lineList[taskCount].length > 0 ||
  267. file[taskCount].length > 0
  268. "
  269. >
  270. <div
  271. class="wheel"
  272. style="height: auto; min-height: 650px"
  273. v-if="
  274. vedio.length &&
  275. vedio[taskCount] &&
  276. vedio[taskCount].length > 0 &&
  277. showType == 0
  278. "
  279. >
  280. <div class="workd_media" style="height: 100%; width: 90%">
  281. <video-player
  282. class="video-player vjs-custom-skin"
  283. :class="contentDialog == false ? 'isAllWidth' : ''"
  284. :playsinline="true"
  285. :options="playerO[taskCount]"
  286. @play="onPlayerPlay($event)"
  287. style="width: 100%; height: 100%; margin: 0 0 0 30px"
  288. ></video-player>
  289. </div>
  290. </div>
  291. <div
  292. class="wheel"
  293. v-if="showType == 1"
  294. style="
  295. box-shadow: 0 0 6px 1px #f2f2f2;
  296. width: 95%;
  297. margin: 0 auto;
  298. background: #f1f1f1;
  299. "
  300. >
  301. <div class="title">查看文档</div>
  302. <el-form class="textBox">
  303. <el-form-item class="textTitle">
  304. <div style="font-size: 22px">
  305. {{ text.name }}
  306. </div>
  307. </el-form-item>
  308. <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
  309. <div v-html="text.url" class="textContent cont"></div>
  310. </el-form>
  311. </div>
  312. <div
  313. class="wheel"
  314. v-if="showType == 2"
  315. style="width: 95%; margin: 0 auto"
  316. >
  317. <iframe
  318. style="width: 100%; height: 100%; border: none"
  319. security="restricted"
  320. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  321. :src="pptImgUrl1"
  322. ></iframe>
  323. </div>
  324. <div
  325. class="wheel"
  326. v-if="showType == 3"
  327. style="width: 95%; margin: 0 auto"
  328. >
  329. <!-- <iframe
  330. style="width: 100%; height: 100%; border: none"
  331. :src="pptImgUrl1"
  332. ></iframe>-->
  333. <pdf
  334. :pdfUrl="pptImgUrl1"
  335. style="width: 100%; height: 100%; overflow: auto"
  336. ></pdf>
  337. </div>
  338. <div
  339. class="wheel"
  340. v-if="showType == 4"
  341. style="width: 95%; margin: 0 auto"
  342. >
  343. <el-image
  344. :src="pptImgUrl1"
  345. fit="cover"
  346. style="width: 100%"
  347. ></el-image>
  348. </div>
  349. </div>
  350. <!-- :class="
  351. vedio[taskCount].length == 0 && file[taskCount].length == 0
  352. ? 'listNoVedio'
  353. : ''
  354. "-->
  355. <!-- :class="
  356. vedio[taskCount].length == 0 &&
  357. file[taskCount].length == 0 &&
  358. textList[taskCount].length == 0
  359. ? 'listNoVedio'
  360. : ''
  361. " -->
  362. <div
  363. class="pButton"
  364. style="
  365. position: absolute;
  366. right: 20px;
  367. top: 0;
  368. background: #205cc6;
  369. z-index: 998;
  370. "
  371. v-if="!contentDialog"
  372. @click="contentDialog = true"
  373. >
  374. <!-- 批 -->
  375. <img src="../assets/navBtn.png" style="width: 25px" alt="" />
  376. </div>
  377. <div
  378. v-if="contentDialog == true"
  379. style="width: calc(100% - 83%); margin-right: 15px"
  380. >
  381. <div
  382. class="vedioList"
  383. v-if="
  384. (vedio.length &&
  385. vedio[taskCount] &&
  386. vedio[taskCount].length > 0) ||
  387. (textList.length &&
  388. textList[taskCount] &&
  389. textList[taskCount].length > 0) ||
  390. (lineList.length &&
  391. lineList[taskCount] &&
  392. lineList[taskCount].length > 0) ||
  393. (file.length &&
  394. file[taskCount] &&
  395. file[taskCount].length > 0)
  396. "
  397. style="height: 605px"
  398. >
  399. <div class="navCorOpenBox">
  400. <div class="navTitile">内容列表:</div>
  401. <div class="navCorOpen" @click="contentDialog = false">
  402. <img src="../assets/navBtn.png" alt="" />
  403. </div>
  404. </div>
  405. <div class="navBox">
  406. <div
  407. v-show="
  408. vedio.length &&
  409. vedio[taskCount] &&
  410. vedio[taskCount].length > 0
  411. "
  412. >
  413. <!-- <div
  414. class="vedioNav"
  415. style="
  416. width: 80px;
  417. min-width: 80px;
  418. height: 30px;
  419. line-height: 36px;
  420. font-size: 16px;
  421. border-radius: 10px;
  422. "
  423. >
  424. 视频
  425. </div> -->
  426. <div
  427. class="vedioTimeBox"
  428. v-for="(media, vedioIndex) in vedio[taskCount]"
  429. :key="vedioIndex + '1'"
  430. @click="lookVedio(media.url, vedioIndex)"
  431. >
  432. <!-- <div class="media" style="width: 90px; height: 60px; position: relative">
  433. <img style="height: 90px; width: 160px" :src="
  434. media.cover != null && media.cover != ''
  435. ? JSON.parse(media.cover).length > 0
  436. ? JSON.parse(media.cover)[0].url
  437. : mr
  438. : mr
  439. " alt />
  440. </div> -->
  441. <!-- <div class="vedioTime">
  442. {{ vedioTime[vedioIndex] }}
  443. </div> -->
  444. <!-- <div class="vedioName">{{ media.name }}</div> -->
  445. <div
  446. class="vedioName"
  447. :class="
  448. isClickNav == 'video' + vedioIndex
  449. ? 'isClickNav'
  450. : ''
  451. "
  452. >
  453. <span v-if="media.text">{{ media.text }}-</span
  454. >{{ media.name }}
  455. </div>
  456. </div>
  457. </div>
  458. <div
  459. v-show="
  460. textList.length &&
  461. textList[taskCount] &&
  462. textList[taskCount].length > 0
  463. "
  464. class="newNav"
  465. v-for="(text, textIndex) in textList[taskCount]"
  466. :key="textIndex + '2'"
  467. @click="lookText(taskCount, textIndex)"
  468. >
  469. <!-- <div
  470. class="vedioNav"
  471. style="
  472. width: 80px;
  473. min-width: 80px;
  474. height: 30px;
  475. line-height: 36px;
  476. font-size: 16px;
  477. border-radius: 10px;
  478. "
  479. >
  480. 文档
  481. </div> -->
  482. <div style="width: calc(100% - 0px)">
  483. <div
  484. class="navText"
  485. :class="
  486. isClickNav == 'text' + textIndex
  487. ? 'isClickNav'
  488. : ''
  489. "
  490. >
  491. {{
  492. textList[taskCount].length > 0 ? text.name : ""
  493. }}.doc
  494. </div>
  495. </div>
  496. </div>
  497. <!-- <div
  498. v-show="
  499. chapInfoList.length &&
  500. chapToolList[taskCount] &&
  501. chapToolList[taskCount].length > 0
  502. "
  503. class="newNav"
  504. v-for="(tools, toolsIndex) in chapToolList[taskCount]"
  505. :key="toolsIndex + '3'"
  506. >
  507. <div class="vedioNav">工具</div>
  508. <div>
  509. <div
  510. class="navText"
  511. @click="lookTools(taskCount, toolsIndex)"
  512. >
  513. {{
  514. chapToolList[taskCount].length > 0 ? tools.name : ""
  515. }}
  516. </div>
  517. </div>
  518. </div>-->
  519. <div
  520. v-show="
  521. lineList.length &&
  522. lineList[taskCount] &&
  523. lineList[taskCount].length > 0
  524. "
  525. class="newNav"
  526. v-for="(lines, lineIndex) in lineList[taskCount]"
  527. :key="lineIndex + '4'"
  528. @click="doUrl(lines.url, lineIndex)"
  529. >
  530. <!-- <div
  531. class="vedioNav"
  532. style="
  533. width: 80px;
  534. min-width: 80px;
  535. height: 30px;
  536. line-height: 36px;
  537. font-size: 16px;
  538. border-radius: 10px;
  539. "
  540. >
  541. 链接
  542. </div> -->
  543. <!-- <div style="width: calc(100% - 0px)">
  544. <div
  545. class="navText"
  546. :class="isClickNav == lineIndex ? 'isClickNav' : ''"
  547. >
  548. <a
  549. style="text-decoration: none; color: #000"
  550. target="_Blank"
  551. >{{ lines.url }}</a
  552. >
  553. </div>
  554. </div> -->
  555. <div style="width: calc(100% - 0px)">
  556. <div
  557. class="navText"
  558. :class="
  559. isClickNav == 'line' + lineIndex
  560. ? 'isClickNav'
  561. : ''
  562. "
  563. >
  564. {{ lines.title ? lines.title : lines.url }}
  565. </div>
  566. </div>
  567. </div>
  568. <div
  569. class="newNav"
  570. v-show="
  571. file.length &&
  572. file[taskCount] &&
  573. file[taskCount].length > 0
  574. "
  575. v-for="(f, fileIndex) in file[taskCount]"
  576. :key="fileIndex"
  577. @click="downFile(f, fileIndex)"
  578. >
  579. <!-- <div
  580. class="vedioNav"
  581. style="
  582. width: 80px;
  583. min-width: 80px;
  584. height: 30px;
  585. line-height: 36px;
  586. font-size: 16px;
  587. border-radius: 10px;
  588. "
  589. >
  590. 文档
  591. </div> -->
  592. <div style="width: calc(100% - 0px)">
  593. <div
  594. class="navText"
  595. :class="
  596. isClickNav == 'word' + fileIndex
  597. ? 'isClickNav'
  598. : ''
  599. "
  600. >
  601. <span v-if="f.text">{{ f.text }}-</span>{{ f.name }}
  602. </div>
  603. </div>
  604. </div>
  605. </div>
  606. </div>
  607. </div>
  608. </div>
  609. <div style="width: 81%">
  610. <div
  611. style="padding: 10px 0 0; width: 95%; margin: 0 auto"
  612. v-if="showType == 2 || showType == 3"
  613. >
  614. <el-button
  615. type="primary"
  616. @click="checkFileFull(showType, pptImgUrl1)"
  617. >全屏查看</el-button
  618. >
  619. <el-button
  620. type="primary"
  621. @click="downloadFile(pptImgUrl1)"
  622. v-if="isClickNav.indexOf('line') == -1"
  623. >文件下载</el-button
  624. >
  625. <el-button
  626. v-if="isClickNav.indexOf('line') != -1"
  627. type="primary"
  628. @click="openLine(pptImgUrl1)"
  629. >打开链接
  630. </el-button>
  631. </div>
  632. <div
  633. style="padding: 10px 0 0; width: 95%; margin: 0 auto"
  634. v-if="showType == 1"
  635. >
  636. <el-button
  637. type="primary"
  638. @click="checkFileFull(showType, text)"
  639. >全屏查看</el-button
  640. >
  641. </div>
  642. </div>
  643. </div>
  644. </div>
  645. <div class="student_body" v-resize="resize">
  646. <!-- <div
  647. class="vedioBox"
  648. v-if="
  649. file.length && file[taskCount] && file[taskCount].length > 0
  650. "
  651. >
  652. <div class="queTop">
  653. <div class="question" style="width: 30px; margin-top: 5px">
  654. <img src="../assets/icon/fileIcon.png" alt />
  655. </div>
  656. <div class="queTitle">
  657. <div>附件</div>
  658. </div>
  659. </div>
  660. <div class="filebox" style="width: 100%">
  661. <div
  662. class="file"
  663. v-for="(f, fileIndex) in file[taskCount]"
  664. :key="fileIndex"
  665. @click="downFile(f, fileIndex)"
  666. >
  667. <img :src="require('../assets/file.png')" alt />
  668. <div>{{ f.name }}</div>
  669. </div>
  670. </div>
  671. <div class="upFile" v-if="type == 3">提交</div>
  672. </div>-->
  673. <div
  674. class="vedioBox"
  675. v-if="
  676. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  677. .toolChoose[0].tool &&
  678. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  679. .toolChoose[0].tool.length &&
  680. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  681. .toolChoose[0].tool.length > 0
  682. "
  683. >
  684. <div
  685. class="queTop"
  686. style="
  687. font-size: 25px;
  688. padding: 15px 0 15px 30px;
  689. font-weight: bold;
  690. "
  691. >
  692. <!-- <div class="question" style="width: 30px">
  693. <img src="../assets/icon/toolIcon.png" alt />
  694. </div>
  695. <div class="queTitle">
  696. <div>工具</div>
  697. </div>-->
  698. 练一练
  699. </div>
  700. <div class="toolHeng2" style="position: relative">
  701. <div
  702. class="filebox"
  703. style="flex-wrap: nowrap; margin: 0 20px"
  704. v-for="(tool, toolIndex) in chapInfoList[courseType]
  705. .chapterInfo[0].taskJson[taskCount].toolChoose"
  706. :key="toolIndex"
  707. >
  708. <div class="bzBox">
  709. <div></div>
  710. <div>步骤{{ toolIndex + 1 }}</div>
  711. </div>
  712. <div class="toolBox">
  713. <div>
  714. <!-- v-for="(itemTool, indexTool) in toolTypeList"
  715. :key="indexTool"-->
  716. <!-- <div class="iframeBox">
  717. <div
  718. class="addPoint isBorder"
  719. v-for="(tooC, toolCIndex) in tool.tool"
  720. :key="toolCIndex"
  721. >
  722. <div v-if="tooC == 1" style="border: 1px soild #ccc">
  723. <div
  724. class="iframeName"
  725. >
  726. 电子白板
  727. </div>
  728. <iframe
  729. src="https://iwb.cocorobo.cn/"
  730. ref="whiteBoard"
  731. ></iframe>
  732. </div>
  733. </div>
  734. </div>-->
  735. <div class="noiframeBox">
  736. <div
  737. class="addPoint"
  738. v-for="(tooC, toolCIndex) in tool.tool"
  739. :key="toolCIndex"
  740. >
  741. <div v-if="tooC == 1">
  742. <img
  743. src="../assets/icon/secondToolList/whiteBoard.png"
  744. alt
  745. @click="addTools(tooC, toolIndex, taskCount)"
  746. />
  747. <div style="margin: 5px 0">电子白板</div>
  748. </div>
  749. <div v-if="tooC == 3">
  750. <img
  751. src="../assets/icon/secondToolList/mindMapping.png"
  752. alt
  753. @click="addTools(tooC, toolIndex, taskCount)"
  754. />
  755. <div style="margin: 5px 0">思维导图</div>
  756. </div>
  757. <div v-if="tooC == 6">
  758. <img
  759. src="../assets/icon/secondToolList/doc.png"
  760. alt
  761. @click="addTools(tooC, toolIndex, taskCount)"
  762. />
  763. <div style="margin: 5px 0">协同文档</div>
  764. </div>
  765. <div v-if="tooC == 7">
  766. <img
  767. src="../assets/icon/secondToolList/mindNetwork.png"
  768. alt
  769. @click="addTools(tooC, toolIndex, taskCount)"
  770. />
  771. <div style="margin: 5px 0">思维网格</div>
  772. </div>
  773. <div v-if="tooC == 8">
  774. <img
  775. src="../assets/icon/secondToolList/library.png"
  776. alt
  777. @click="addTools(tooC, toolIndex, taskCount)"
  778. />
  779. <div style="margin: 5px 0">素材库</div>
  780. </div>
  781. <div v-if="tooC == 17">
  782. <img
  783. src="../assets/icon/secondToolList/library.png"
  784. alt
  785. @click="addTools(tooC, toolIndex, taskCount)"
  786. />
  787. <div style="margin: 5px 0">学习资料</div>
  788. </div>
  789. <div v-if="tooC == 2">
  790. <img
  791. @click="addTools(tooC, toolIndex, taskCount)"
  792. src="../assets/icon/secondToolList/note.png"
  793. alt
  794. />
  795. <div style="margin: 5px 0">便签</div>
  796. </div>
  797. <div v-if="tooC == 4">
  798. <img
  799. @click="addTools(tooC, toolIndex, taskCount)"
  800. src="../assets/icon/thirdToolList/ask.png"
  801. alt
  802. />
  803. <div style="margin: 5px 0">问卷调查</div>
  804. </div>
  805. <div v-if="tooC == 45">
  806. <img
  807. @click="addTools(tooC, toolIndex, taskCount)"
  808. src="../assets/icon/thirdToolList/choose.png"
  809. alt
  810. />
  811. <div style="margin: 5px 0">选择题</div>
  812. </div>
  813. <!-- <div v-if="tooC == 5">
  814. <img
  815. @click="addTools(tooC, toolIndex, taskCount)"
  816. src="../assets/icon/thirdToolList/score.png"
  817. alt
  818. />
  819. <div style="margin: 5px 0">量规评分</div>
  820. </div> -->
  821. <div v-if="tooC == 10">
  822. <img
  823. @click="addTools(tooC, toolIndex, taskCount)"
  824. src="../assets/icon/thirdToolList/time.png"
  825. alt
  826. />
  827. <div style="margin: 5px 0">倒计时</div>
  828. </div>
  829. <div v-if="tooC == 15">
  830. <img
  831. @click="addTools(tooC, toolIndex, taskCount)"
  832. src="../assets/icon/thirdToolList/answer.png"
  833. alt
  834. />
  835. <div style="margin: 5px 0">问答工具</div>
  836. </div>
  837. <div v-if="tooC == 26">
  838. <img
  839. @click="addTools(tooC, toolIndex, taskCount)"
  840. src="../assets/icon/thirdToolList/courseDesign.png"
  841. alt
  842. />
  843. <div style="margin: 5px 0">课程设计</div>
  844. </div>
  845. <div v-if="tooC == 18">
  846. <img
  847. @click="addTools(tooC, toolIndex, taskCount)"
  848. src="../assets/icon/thirdToolList/trainPlatform.png"
  849. alt
  850. />
  851. <div style="margin: 5px 0">训练服务器</div>
  852. </div>
  853. <div v-if="tooC == 16">
  854. <img
  855. @click="addTools(tooC, toolIndex, taskCount)"
  856. src="../assets/icon/thirdToolList/work.png"
  857. alt
  858. />
  859. <div style="margin: 5px 0">作业提交</div>
  860. </div>
  861. <div v-if="tooC == 50">
  862. <img
  863. @click="addTools(tooC, toolIndex, taskCount)"
  864. src="../assets/icon/thirdToolList/plwork.png"
  865. alt
  866. />
  867. <div style="margin: 5px 0">批量上传</div>
  868. </div>
  869. <div v-if="tooC == 21">
  870. <img
  871. @click="addTools(tooC, toolIndex, taskCount)"
  872. src="../assets/icon/fourthToolList/program.png"
  873. alt
  874. />
  875. <div style="margin: 5px 0">编程平台</div>
  876. </div>
  877. <div v-if="tooC == 22">
  878. <img
  879. @click="addTools(tooC, toolIndex, taskCount)"
  880. src="../assets/icon/fourthToolList/program.png"
  881. alt
  882. />
  883. <div style="margin: 5px 0">AI体验</div>
  884. </div>
  885. <div v-if="tooC == 23">
  886. <img
  887. @click="addTools(tooC, toolIndex, taskCount)"
  888. src="../assets/icon/fourthToolList/program.png"
  889. alt
  890. />
  891. <div style="margin: 5px 0">Python</div>
  892. </div>
  893. <div v-if="tooC == 24">
  894. <img
  895. @click="addTools(tooC, toolIndex, taskCount)"
  896. src="../assets/icon/fourthToolList/AIprogram.png"
  897. alt
  898. />
  899. <div style="margin: 5px 0">AI平台</div>
  900. </div>
  901. <div v-if="tooC == 25">
  902. <img
  903. @click="addTools(tooC, toolIndex, taskCount)"
  904. src="../assets/icon/thirdToolList/evalua.png"
  905. alt
  906. />
  907. <div style="margin: 5px 0">目标管理</div>
  908. </div>
  909. <div v-if="tooC == 31">
  910. <img
  911. @click="addTools(tooC, toolIndex, taskCount)"
  912. src="../assets/icon/secondToolList/networkPanel.png"
  913. alt
  914. />
  915. <div style="margin: 5px 0">数学画板</div>
  916. </div>
  917. <div v-if="tooC == 28">
  918. <img
  919. @click="addTools(tooC, toolIndex, taskCount)"
  920. src="../assets/icon/secondToolList/translation.png"
  921. alt
  922. />
  923. <div style="margin: 5px 0">翻译</div>
  924. </div>
  925. <div v-if="tooC == 37">
  926. <img
  927. @click="addTools(tooC, toolIndex, taskCount)"
  928. src="../assets/icon/secondToolList/mohe.png"
  929. alt
  930. />
  931. <div style="margin: 5px 0">魔盒识字</div>
  932. </div>
  933. <div v-if="tooC == 38">
  934. <img
  935. @click="addTools(tooC, toolIndex, taskCount)"
  936. src="../assets/icon/secondToolList/24game.png"
  937. alt
  938. />
  939. <div style="margin: 5px 0">24点</div>
  940. </div>
  941. <div v-if="tooC == 39">
  942. <img
  943. @click="addTools(tooC, toolIndex, taskCount)"
  944. src="../assets/icon/secondToolList/GeoGebra.png"
  945. alt
  946. />
  947. <div style="margin: 5px 0">GeoGebra</div>
  948. </div>
  949. <div v-if="tooC == 32">
  950. <img
  951. @click="addTools(tooC, toolIndex, taskCount)"
  952. src="../assets/icon/thirdToolList/code.png"
  953. alt
  954. />
  955. <div style="margin: 5px 0">源码编辑</div>
  956. <!-- <div class="upload_toolBtn" @click="addImg($event)"
  957. style="position: absolute;left: 110px;bottom: 30px;">
  958. 上传文件
  959. <input type="file" accept="*" style="display: none"
  960. @change="beforeUpload1($event, 7, toolIndex)" />
  961. </div> -->
  962. </div>
  963. <div v-if="tooC == 40">
  964. <img
  965. @click="addTools(tooC, toolIndex, taskCount)"
  966. src="../assets/icon/secondToolList/eval.png"
  967. alt
  968. />
  969. <div style="margin: 5px 0">个人评价</div>
  970. </div>
  971. <div v-if="tooC == 41">
  972. <img
  973. @click="addTools(tooC, toolIndex, taskCount)"
  974. src="../assets/icon/thirdToolList/select.png"
  975. alt
  976. />
  977. <div style="margin: 5px 0">选择填空</div>
  978. </div>
  979. <div v-if="tooC == 44">
  980. <img
  981. @click="addTools(tooC, toolIndex, taskCount)"
  982. src="../assets/icon/thirdToolList/hanClass.png"
  983. alt
  984. />
  985. <div style="margin: 5px 0">汉字宫</div>
  986. </div>
  987. <div v-if="tooC == 47">
  988. <img
  989. @click="addTools(tooC, toolIndex, taskCount)"
  990. src="../assets/icon/fourthToolList/conSentences.png"
  991. alt
  992. />
  993. <div style="margin: 5px 0">连词成句</div>
  994. </div>
  995. <div v-if="tooC == 48">
  996. <img
  997. @click="addTools(tooC, toolIndex, taskCount)"
  998. src="../assets/icon/fourthToolList/table.png"
  999. alt
  1000. />
  1001. <div style="margin: 5px 0">表格</div>
  1002. </div>
  1003. <div v-if="tooC == 52">
  1004. <img
  1005. @click="addTools(tooC, toolIndex, taskCount)"
  1006. src="../assets/icon/fourthToolList/text.png"
  1007. alt
  1008. />
  1009. <div style="margin: 5px 0">文档</div>
  1010. </div>
  1011. <div v-if="tooC == 49">
  1012. <img
  1013. @click="addTools(tooC, toolIndex, taskCount)"
  1014. src="../assets/icon/fourthToolList/group.png"
  1015. alt
  1016. />
  1017. <div style="margin: 5px 0">学生分组</div>
  1018. </div>
  1019. <div v-if="tooC == 57">
  1020. <img
  1021. @click="addTools(tooC, toolIndex, taskCount)"
  1022. src="../assets/icon/fourthToolList/cocopi.png"
  1023. alt
  1024. />
  1025. <div style="margin: 5px 0">CocoPi</div>
  1026. </div>
  1027. </div>
  1028. </div>
  1029. </div>
  1030. <div class="tooldetail" v-if="tool.toolDetail != ''">
  1031. <!-- <div class="toolTitle">工具描述</div> -->
  1032. <div v-html="contentConvent(tool.toolDetail)"></div>
  1033. </div>
  1034. <el-button
  1035. type="primary"
  1036. v-if="tool.tool[0] == 32"
  1037. style="
  1038. position: absolute;
  1039. right: 30px;
  1040. transform: translateY(-130%);
  1041. "
  1042. @click="addImg($event)"
  1043. >上传作业<input
  1044. type="file"
  1045. accept="*"
  1046. style="display: none"
  1047. @change="beforeUpload1($event, 7, toolIndex)"
  1048. /></el-button>
  1049. </div>
  1050. <div
  1051. v-if="
  1052. tType &&
  1053. tType == 2 &&
  1054. !sIsOpen &&
  1055. tool.tool.indexOf(16) != -1
  1056. "
  1057. class="worksBox"
  1058. >
  1059. <div
  1060. class="zuoyeYulan"
  1061. v-if="workStudent[toolIndex].length > 0"
  1062. >
  1063. <span>作业预览</span>
  1064. <el-button
  1065. type="text"
  1066. @click="jump()"
  1067. v-if="tType == 2"
  1068. class="buttonA"
  1069. >我的评价</el-button
  1070. >
  1071. </div>
  1072. <div
  1073. class="worksDetailBox"
  1074. v-if="workStudent[toolIndex].length > 0"
  1075. >
  1076. <div
  1077. class="works"
  1078. style="
  1079. width: 200px;
  1080. height: 140px;
  1081. margin: 10px 10px 10px 0;
  1082. box-shadow: 0 0 6px 1px #dfdada;
  1083. "
  1084. v-for="(w, wIndex) in workStudent[toolIndex]"
  1085. :key="wIndex"
  1086. >
  1087. <div class="workImg" v-if="w.type == 0">
  1088. <img
  1089. :src="w.works"
  1090. @click="previewImg(w.works)"
  1091. alt
  1092. />
  1093. <div
  1094. class="answerScore"
  1095. v-if="w.score"
  1096. @click.stop="openScore(w)"
  1097. :class="{
  1098. rightW:
  1099. w.userid == userid || tType == 1 || tType == 4,
  1100. }"
  1101. >
  1102. {{ JSON.parse(w.score).wScore }}分
  1103. </div>
  1104. <div
  1105. class="answerScore"
  1106. @click.stop="openScore(w)"
  1107. v-else-if="courseDetail.userid == userid"
  1108. :class="{
  1109. rightW:
  1110. w.userid == userid || tType == 1 || tType == 4,
  1111. }"
  1112. >
  1113. 评分
  1114. </div>
  1115. <img
  1116. class="deleteImg"
  1117. src="../assets/deleteworks.png"
  1118. v-if="
  1119. w.userid == userid || tType == 1 || tType == 4
  1120. "
  1121. @click.stop="deleteWorks(w.wid)"
  1122. alt
  1123. />
  1124. </div>
  1125. <div class="workImg" v-if="w.type == 1">
  1126. <img :src="word" @click="openFile(w.works)" alt />
  1127. <div
  1128. class="answerScore"
  1129. v-if="w.score"
  1130. @click.stop="openScore(w)"
  1131. :class="{
  1132. rightW:
  1133. w.userid == userid || tType == 1 || tType == 4,
  1134. }"
  1135. >
  1136. {{ JSON.parse(w.score).wScore }}分
  1137. </div>
  1138. <div
  1139. class="answerScore"
  1140. @click.stop="openScore(w)"
  1141. v-else-if="courseDetail.userid == userid"
  1142. :class="{
  1143. rightW:
  1144. w.userid == userid || tType == 1 || tType == 4,
  1145. }"
  1146. >
  1147. 评分
  1148. </div>
  1149. <img
  1150. class="deleteImg"
  1151. src="../assets/deleteworks.png"
  1152. v-if="
  1153. w.userid == userid || tType == 1 || tType == 4
  1154. "
  1155. @click.stop="deleteWorks(w.wid)"
  1156. alt
  1157. />
  1158. </div>
  1159. <div class="workImg" v-if="w.type == 3">
  1160. <img
  1161. style="cursor: pointer"
  1162. :src="video"
  1163. @click="openVideo(w)"
  1164. alt
  1165. />
  1166. <div
  1167. class="answerScore"
  1168. v-if="w.score"
  1169. @click.stop="openScore(w)"
  1170. :class="{
  1171. rightW:
  1172. w.userid == userid || tType == 1 || tType == 4,
  1173. }"
  1174. >
  1175. {{ JSON.parse(w.score).wScore }}分
  1176. </div>
  1177. <div
  1178. class="answerScore"
  1179. @click.stop="openScore(w)"
  1180. v-else-if="courseDetail.userid == userid"
  1181. :class="{
  1182. rightW:
  1183. w.userid == userid || tType == 1 || tType == 4,
  1184. }"
  1185. >
  1186. 评分
  1187. </div>
  1188. <img
  1189. class="deleteImg"
  1190. src="../assets/deleteworks.png"
  1191. v-if="
  1192. w.userid == userid || tType == 1 || tType == 4
  1193. "
  1194. @click.stop="deleteWorks(w.wid)"
  1195. alt
  1196. />
  1197. </div>
  1198. <div class="worksName">
  1199. <div>{{ w.sName }}</div>
  1200. </div>
  1201. </div>
  1202. </div>
  1203. </div>
  1204. <div
  1205. v-if="
  1206. tType &&
  1207. tType == 2 &&
  1208. !sIsOpen &&
  1209. tool.tool.indexOf(32) != -1
  1210. "
  1211. class="worksBox"
  1212. >
  1213. <div
  1214. class="zuoyeYulan"
  1215. v-if="workStudent[toolIndex].length > 0"
  1216. >
  1217. <span>作业预览</span>
  1218. </div>
  1219. <div
  1220. class="worksDetailBox"
  1221. v-if="workStudent[toolIndex].length > 0"
  1222. >
  1223. <div
  1224. class="works"
  1225. style="
  1226. width: 200px;
  1227. height: 140px;
  1228. margin: 10px 10px 10px 0;
  1229. box-shadow: 0 0 6px 1px #dfdada;
  1230. "
  1231. v-for="(w, wIndex) in workStudent[toolIndex]"
  1232. :key="wIndex"
  1233. >
  1234. <div class="workImg">
  1235. <img
  1236. :src="word2"
  1237. @click="downloadFile(w.works)"
  1238. alt
  1239. />
  1240. <div
  1241. class="answerScore"
  1242. v-if="w.score"
  1243. @click.stop="openScore(w)"
  1244. :class="{
  1245. rightW:
  1246. w.userid == userid || tType == 1 || tType == 4,
  1247. }"
  1248. >
  1249. {{ JSON.parse(w.score).wScore }}分
  1250. </div>
  1251. <div
  1252. class="answerScore"
  1253. @click.stop="openScore(w)"
  1254. v-else-if="courseDetail.userid == userid"
  1255. :class="{
  1256. rightW:
  1257. w.userid == userid || tType == 1 || tType == 4,
  1258. }"
  1259. >
  1260. 评分
  1261. </div>
  1262. <img
  1263. class="deleteImg"
  1264. src="../assets/deleteworks.png"
  1265. v-if="
  1266. w.userid == userid || tType == 1 || tType == 4
  1267. "
  1268. @click.stop="deleteWorks(w.wid)"
  1269. alt
  1270. />
  1271. </div>
  1272. <div class="worksName">
  1273. <div>{{ w.sName }}</div>
  1274. </div>
  1275. </div>
  1276. </div>
  1277. </div>
  1278. <div
  1279. v-if="
  1280. tType &&
  1281. tType == 2 &&
  1282. !sIsOpen &&
  1283. tool.tool.indexOf(4) != -1
  1284. "
  1285. class="worksBox"
  1286. >
  1287. <div
  1288. class="zuoyeYulan"
  1289. v-if="workStudent[toolIndex].length > 0"
  1290. >
  1291. <span>作业预览</span>
  1292. <el-button
  1293. type="text"
  1294. @click="jump()"
  1295. v-if="tType == 2"
  1296. class="buttonA"
  1297. >我的评价</el-button
  1298. >
  1299. </div>
  1300. <div
  1301. class="worksDetailBox"
  1302. v-if="workStudent[toolIndex].length > 0"
  1303. >
  1304. <div
  1305. class="isWorksName"
  1306. v-for="(w, wIndex) in workStudent[toolIndex]"
  1307. :key="wIndex"
  1308. @click="
  1309. openTools(4, toolIndex, taskCount, w.works, w.sName)
  1310. "
  1311. >
  1312. {{ w.sName }}
  1313. <img
  1314. class="deleteImg deleteImg2"
  1315. src="../assets/deleteworks.png"
  1316. v-if="w.userid == userid || tType == 1 || tType == 4"
  1317. @click.stop="deleteWorks(w.wid)"
  1318. alt
  1319. />
  1320. </div>
  1321. <!-- <div
  1322. class="works"
  1323. style="
  1324. width: 200px;
  1325. height: 140px;
  1326. border-radius: 10px;
  1327. box-shadow: 0 0 6px 1px #dfdada;
  1328. overflow: hidden;
  1329. "
  1330. v-for="(w, wIndex) in workStudent[toolIndex]"
  1331. :key="wIndex"
  1332. >
  1333. <div class="workImg">
  1334. <img
  1335. src="../assets/icon/works/noImg.png"
  1336. @click="
  1337. openTools(
  1338. 4,
  1339. toolIndex,
  1340. taskCount,
  1341. w.works,
  1342. w.sName
  1343. )
  1344. "
  1345. alt
  1346. />
  1347. </div>
  1348. <div class="worksName">
  1349. <div>{{ w.sName }}</div>
  1350. <div>{{ w.time }}</div>
  1351. </div>
  1352. </div> -->
  1353. </div>
  1354. </div>
  1355. <div
  1356. v-if="
  1357. tType &&
  1358. tType == 2 &&
  1359. !sIsOpen &&
  1360. tool.tool.indexOf(45) != -1
  1361. "
  1362. class="worksBox"
  1363. >
  1364. <div
  1365. class="zuoyeYulan"
  1366. v-if="workStudent[toolIndex].length > 0"
  1367. >
  1368. <span>作业预览</span>
  1369. <el-button
  1370. type="text"
  1371. @click="jump()"
  1372. v-if="tType == 2"
  1373. class="buttonA"
  1374. >我的评价</el-button
  1375. >
  1376. </div>
  1377. <div
  1378. class="worksDetailBox"
  1379. v-if="workStudent[toolIndex].length > 0"
  1380. >
  1381. <div
  1382. class="isWorksName"
  1383. v-for="(w, wIndex) in workStudent[toolIndex]"
  1384. :key="wIndex"
  1385. @click="
  1386. openTools(45, toolIndex, taskCount, w.works, w.sName)
  1387. "
  1388. >
  1389. {{ w.sName }}
  1390. <img
  1391. class="deleteImg deleteImg2"
  1392. src="../assets/deleteworks.png"
  1393. v-if="w.userid == userid || tType == 1 || tType == 4"
  1394. @click.stop="deleteWorks(w.wid)"
  1395. alt
  1396. />
  1397. </div>
  1398. </div>
  1399. </div>
  1400. <div
  1401. v-if="
  1402. tType &&
  1403. tType == 2 &&
  1404. !sIsOpen &&
  1405. tool.tool.indexOf(15) != -1
  1406. "
  1407. class="worksBox"
  1408. >
  1409. <div
  1410. class="zuoyeYulan"
  1411. v-if="workStudent[toolIndex].length > 0"
  1412. >
  1413. <span>作业预览</span>
  1414. <el-button
  1415. type="text"
  1416. @click="jump()"
  1417. v-if="tType == 2"
  1418. class="buttonA"
  1419. >我的评价</el-button
  1420. >
  1421. </div>
  1422. <div
  1423. class="worksDetailBox"
  1424. v-if="workStudent[toolIndex].length > 0"
  1425. >
  1426. <div
  1427. class="works"
  1428. v-for="(w, wIndex) in workStudent[toolIndex]"
  1429. :key="wIndex"
  1430. >
  1431. <div class="workImg">
  1432. <!-- <img
  1433. src="../assets/icon/works/noImg.png"
  1434. @click="openTools(15, toolIndex, taskCount, w.works)"
  1435. alt=""
  1436. />-->
  1437. <div class="answerBg">
  1438. <!-- <div>{{ w.sName }}</div> -->
  1439. <el-tooltip
  1440. class="item"
  1441. effect="light"
  1442. :content="JSON.parse(w.works)[0].answer"
  1443. placement="top"
  1444. >
  1445. <div class="answerContent">
  1446. {{ JSON.parse(w.works)[0].answer }}
  1447. </div>
  1448. </el-tooltip>
  1449. <div
  1450. class="answerScore"
  1451. v-if="w.score"
  1452. @click.stop="openScore(w)"
  1453. :class="{
  1454. rightW:
  1455. w.userid == userid ||
  1456. tType == 1 ||
  1457. tType == 4,
  1458. }"
  1459. >
  1460. {{ JSON.parse(w.score).wScore }}分
  1461. </div>
  1462. <div
  1463. class="answerScore"
  1464. @click.stop="openScore(w)"
  1465. v-else-if="courseDetail.userid == userid"
  1466. :class="{
  1467. rightW:
  1468. w.userid == userid ||
  1469. tType == 1 ||
  1470. tType == 4,
  1471. }"
  1472. >
  1473. 评分
  1474. </div>
  1475. <img
  1476. class="deleteImg"
  1477. src="../assets/deleteworks.png"
  1478. v-if="
  1479. w.userid == userid || tType == 1 || tType == 4
  1480. "
  1481. @click.stop="deleteWorks(w.wid)"
  1482. alt
  1483. />
  1484. </div>
  1485. <div class="comment">
  1486. <div class="worksName">
  1487. <div>{{ w.sName }}</div>
  1488. </div>
  1489. </div>
  1490. </div>
  1491. </div>
  1492. </div>
  1493. </div>
  1494. <div
  1495. v-if="
  1496. tType &&
  1497. tType == 2 &&
  1498. !sIsOpen &&
  1499. tool.tool.indexOf(1) != -1
  1500. "
  1501. class="worksBox"
  1502. >
  1503. <div
  1504. class="zuoyeYulan"
  1505. v-if="workStudent[toolIndex].length > 0"
  1506. >
  1507. <span>作业预览</span>
  1508. <el-button
  1509. type="text"
  1510. @click="jump()"
  1511. v-if="tType == 2"
  1512. class="buttonA"
  1513. >我的评价</el-button
  1514. >
  1515. </div>
  1516. <div
  1517. class="worksDetailBox"
  1518. v-if="workStudent[toolIndex].length > 0"
  1519. >
  1520. <div
  1521. class="works"
  1522. style="
  1523. width: 200px;
  1524. height: 140px;
  1525. margin: 10px 10px 10px 0;
  1526. box-shadow: 0 0 6px 1px #dfdada;
  1527. "
  1528. v-for="(w, wIndex) in workStudent[toolIndex]"
  1529. :key="wIndex"
  1530. >
  1531. <div class="workImg">
  1532. <img
  1533. :src="w.works"
  1534. @click="previewImg(w.works)"
  1535. alt
  1536. />
  1537. <div
  1538. class="answerScore"
  1539. v-if="w.score"
  1540. @click.stop="openScore(w)"
  1541. :class="{
  1542. rightW:
  1543. w.userid == userid || tType == 1 || tType == 4,
  1544. }"
  1545. >
  1546. {{ JSON.parse(w.score).wScore }}分
  1547. </div>
  1548. <div
  1549. class="answerScore"
  1550. @click.stop="openScore(w)"
  1551. v-else-if="courseDetail.userid == userid"
  1552. :class="{
  1553. rightW:
  1554. w.userid == userid || tType == 1 || tType == 4,
  1555. }"
  1556. >
  1557. 评分
  1558. </div>
  1559. <img
  1560. class="deleteImg"
  1561. src="../assets/deleteworks.png"
  1562. v-if="
  1563. w.userid == userid || tType == 1 || tType == 4
  1564. "
  1565. @click.stop="deleteWorks(w.wid)"
  1566. alt
  1567. />
  1568. </div>
  1569. <div class="worksName">
  1570. <div>{{ w.sName }}</div>
  1571. </div>
  1572. </div>
  1573. </div>
  1574. </div>
  1575. <div
  1576. v-if="
  1577. tType &&
  1578. tType == 2 &&
  1579. !sIsOpen &&
  1580. tool.tool.indexOf(3) != -1
  1581. "
  1582. class="worksBox"
  1583. >
  1584. <div
  1585. class="zuoyeYulan"
  1586. v-if="workStudent[toolIndex].length > 0"
  1587. >
  1588. <span>作业预览</span>
  1589. <el-button
  1590. type="text"
  1591. @click="jump()"
  1592. v-if="tType == 2"
  1593. class="buttonA"
  1594. >我的评价</el-button
  1595. >
  1596. </div>
  1597. <div
  1598. class="worksDetailBox"
  1599. v-if="workStudent[toolIndex].length > 0"
  1600. >
  1601. <div
  1602. class="works"
  1603. style="
  1604. width: 200px;
  1605. height: 140px;
  1606. margin: 10px 10px 10px 0;
  1607. box-shadow: 0 0 6px 1px #dfdada;
  1608. "
  1609. v-for="(w, wIndex) in workStudent[toolIndex]"
  1610. :key="wIndex"
  1611. >
  1612. <div class="workImg">
  1613. <img
  1614. :src="w.works"
  1615. @click="previewImg(w.works)"
  1616. alt
  1617. />
  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="worksName">
  1651. <div>{{ w.sName }}</div>
  1652. </div>
  1653. </div>
  1654. </div>
  1655. </div>
  1656. <div
  1657. v-if="
  1658. tType &&
  1659. tType == 2 &&
  1660. !sIsOpen &&
  1661. tool.tool.indexOf(6) != -1
  1662. "
  1663. class="worksBox"
  1664. >
  1665. <div
  1666. class="zuoyeYulan"
  1667. v-if="workStudent[toolIndex].length > 0"
  1668. >
  1669. <span>作业预览</span>
  1670. <el-button
  1671. type="text"
  1672. @click="jump()"
  1673. v-if="tType == 2"
  1674. class="buttonA"
  1675. >我的评价</el-button
  1676. >
  1677. </div>
  1678. <div
  1679. class="worksDetailBox"
  1680. v-if="workStudent[toolIndex].length > 0"
  1681. >
  1682. <div
  1683. class="works"
  1684. style="
  1685. width: 200px;
  1686. height: 140px;
  1687. margin: 10px 10px 10px 0;
  1688. box-shadow: 0 0 6px 1px #dfdada;
  1689. "
  1690. v-for="(w, wIndex) in workStudent[toolIndex]"
  1691. :key="wIndex"
  1692. >
  1693. <div class="workImg">
  1694. <img
  1695. :src="w.works"
  1696. @click="previewImg(w.works)"
  1697. alt
  1698. />
  1699. <div
  1700. class="answerScore"
  1701. v-if="w.score"
  1702. @click.stop="openScore(w)"
  1703. :class="{
  1704. rightW:
  1705. w.userid == userid || tType == 1 || tType == 4,
  1706. }"
  1707. >
  1708. {{ JSON.parse(w.score).wScore }}分
  1709. </div>
  1710. <div
  1711. class="answerScore"
  1712. @click.stop="openScore(w)"
  1713. v-else-if="courseDetail.userid == userid"
  1714. :class="{
  1715. rightW:
  1716. w.userid == userid || tType == 1 || tType == 4,
  1717. }"
  1718. >
  1719. 评分
  1720. </div>
  1721. <img
  1722. class="deleteImg"
  1723. src="../assets/deleteworks.png"
  1724. v-if="
  1725. w.userid == userid || tType == 1 || tType == 4
  1726. "
  1727. @click.stop="deleteWorks(w.wid)"
  1728. alt
  1729. />
  1730. </div>
  1731. <div class="worksName">
  1732. <div>{{ w.sName }}</div>
  1733. </div>
  1734. </div>
  1735. </div>
  1736. </div>
  1737. <div
  1738. v-if="
  1739. tType &&
  1740. tType == 2 &&
  1741. !sIsOpen &&
  1742. tool.tool.indexOf(7) != -1
  1743. "
  1744. class="worksBox"
  1745. >
  1746. <div
  1747. class="zuoyeYulan"
  1748. v-if="workStudent[toolIndex].length > 0"
  1749. >
  1750. <span>作业预览</span>
  1751. <el-button
  1752. type="text"
  1753. @click="jump()"
  1754. v-if="tType == 2"
  1755. class="buttonA"
  1756. >我的评价</el-button
  1757. >
  1758. </div>
  1759. <div
  1760. class="worksDetailBox"
  1761. v-if="workStudent[toolIndex].length > 0"
  1762. >
  1763. <div
  1764. class="works"
  1765. style="
  1766. width: 200px;
  1767. height: 140px;
  1768. margin: 10px 10px 10px 0;
  1769. box-shadow: 0 0 6px 1px #dfdada;
  1770. "
  1771. v-for="(w, wIndex) in workStudent[toolIndex]"
  1772. :key="wIndex"
  1773. >
  1774. <div class="workImg">
  1775. <img
  1776. :src="w.works"
  1777. @click="previewImg(w.works)"
  1778. alt
  1779. />
  1780. <div
  1781. class="answerScore"
  1782. v-if="w.score"
  1783. @click.stop="openScore(w)"
  1784. :class="{
  1785. rightW:
  1786. w.userid == userid || tType == 1 || tType == 4,
  1787. }"
  1788. >
  1789. {{ JSON.parse(w.score).wScore }}分
  1790. </div>
  1791. <div
  1792. class="answerScore"
  1793. @click.stop="openScore(w)"
  1794. v-else-if="courseDetail.userid == userid"
  1795. :class="{
  1796. rightW:
  1797. w.userid == userid || tType == 1 || tType == 4,
  1798. }"
  1799. >
  1800. 评分
  1801. </div>
  1802. <img
  1803. class="deleteImg"
  1804. src="../assets/deleteworks.png"
  1805. v-if="
  1806. w.userid == userid || tType == 1 || tType == 4
  1807. "
  1808. @click.stop="deleteWorks(w.wid)"
  1809. alt
  1810. />
  1811. </div>
  1812. <div class="worksName">
  1813. <div>{{ w.sName }}</div>
  1814. </div>
  1815. </div>
  1816. </div>
  1817. </div>
  1818. <div
  1819. v-if="
  1820. tType &&
  1821. tType == 2 &&
  1822. !sIsOpen &&
  1823. tool.tool.indexOf(26) != -1
  1824. "
  1825. class="worksBox"
  1826. >
  1827. <div
  1828. class="zuoyeYulan"
  1829. v-if="workStudent[toolIndex].length > 0"
  1830. >
  1831. <span>作业预览</span>
  1832. <el-button
  1833. type="text"
  1834. @click="jump()"
  1835. v-if="tType == 2"
  1836. class="buttonA"
  1837. >我的评价</el-button
  1838. >
  1839. </div>
  1840. <div
  1841. class="worksDetailBox"
  1842. v-if="workStudent[toolIndex].length > 0"
  1843. >
  1844. <div
  1845. class="works"
  1846. style="
  1847. width: 200px;
  1848. height: 140px;
  1849. margin: 10px 10px 10px 0;
  1850. box-shadow: 0 0 6px 1px #dfdada;
  1851. "
  1852. v-for="(w, wIndex) in workStudent[toolIndex]"
  1853. :key="wIndex"
  1854. >
  1855. <div class="workImg">
  1856. <img
  1857. :src="w.works"
  1858. @click="previewImg(w.works)"
  1859. alt
  1860. />
  1861. <img
  1862. class="deleteImg"
  1863. src="../assets/deleteworks.png"
  1864. v-if="
  1865. w.userid == userid || tType == 1 || tType == 4
  1866. "
  1867. @click.stop="deleteWorks(w.wid)"
  1868. alt
  1869. />
  1870. </div>
  1871. <div class="worksName">
  1872. <div>{{ w.sName }}</div>
  1873. </div>
  1874. </div>
  1875. </div>
  1876. </div>
  1877. <div
  1878. v-if="
  1879. tType &&
  1880. ((tType == 2 && sIsOpen == true) ||
  1881. tType == 1 ||
  1882. tType == 4) &&
  1883. tool.tool.indexOf(16) != -1
  1884. "
  1885. class="worksBox"
  1886. >
  1887. <div
  1888. class="zuoyeYulan"
  1889. v-if="
  1890. worksStudent.length &&
  1891. worksStudent[toolIndex].length > 0
  1892. "
  1893. >
  1894. <div class="worksTop">
  1895. <div>作业预览</div>
  1896. <div
  1897. class="corOpen"
  1898. @click="contract(toolIndex)"
  1899. v-if="
  1900. worksStudent[toolIndex].length > 6 &&
  1901. isCloseList[toolIndex].isClose == 0
  1902. "
  1903. >
  1904. 收缩
  1905. </div>
  1906. <div
  1907. class="corOpen"
  1908. @click="contract(toolIndex)"
  1909. v-if="isCloseList[toolIndex].isClose == 1"
  1910. >
  1911. 展开
  1912. </div>
  1913. </div>
  1914. <el-button
  1915. type="text"
  1916. @click="jump()"
  1917. v-if="tType == 2"
  1918. class="buttonA"
  1919. >我的评价</el-button
  1920. >
  1921. </div>
  1922. <div
  1923. class="worksDetailBox"
  1924. v-if="
  1925. worksStudent.length &&
  1926. worksStudent[toolIndex].length > 0
  1927. "
  1928. >
  1929. <div
  1930. class="works"
  1931. style="
  1932. width: 200px;
  1933. height: 140px;
  1934. margin: 10px 10px 10px 0;
  1935. border-radius: 15px;
  1936. box-shadow: 0 0 6px 1px #dfdada;
  1937. "
  1938. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  1939. 0
  1940. ? worksStudent[toolIndex]
  1941. : worksStudent[toolIndex].slice(0, 6)"
  1942. :key="wIndex"
  1943. :class="w.type == 1 ? 'isTypeOne' : ''"
  1944. >
  1945. <div class="workImg" v-if="w.type == 0">
  1946. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  1947. <img
  1948. :src="w.works"
  1949. @click="previewImg(w.works)"
  1950. alt
  1951. />
  1952. <div
  1953. class="answerScore"
  1954. v-if="w.score"
  1955. @click.stop="openScore(w)"
  1956. :class="{
  1957. rightW:
  1958. w.userid == userid ||
  1959. tType == 1 ||
  1960. tType == 4 ||
  1961. w.ateacher == userid,
  1962. }"
  1963. >
  1964. {{ JSON.parse(w.score).wScore }}分
  1965. </div>
  1966. <div
  1967. class="answerScore"
  1968. @click.stop="openScore(w)"
  1969. v-else-if="courseDetail.userid == userid"
  1970. :class="{
  1971. rightW:
  1972. w.userid == userid ||
  1973. tType == 1 ||
  1974. tType == 4 ||
  1975. w.ateacher == userid,
  1976. }"
  1977. >
  1978. 评分
  1979. </div>
  1980. <img
  1981. class="deleteImg"
  1982. src="../assets/deleteworks.png"
  1983. v-if="
  1984. w.userid == userid || tType == 1 || tType == 4
  1985. "
  1986. @click.stop="deleteWorks(w.wid)"
  1987. alt
  1988. />
  1989. </div>
  1990. <div class="workImg" v-if="w.type == 1">
  1991. <img :src="word" @click="openFile(w.works)" alt />
  1992. <!-- @click="openFile(w.works)" -->
  1993. <div
  1994. class="answerScore"
  1995. v-if="w.score"
  1996. @click.stop="openScore(w)"
  1997. :class="{
  1998. rightW:
  1999. w.userid == userid ||
  2000. tType == 1 ||
  2001. tType == 4 ||
  2002. w.ateacher == userid,
  2003. }"
  2004. >
  2005. {{ JSON.parse(w.score).wScore }}分
  2006. </div>
  2007. <div
  2008. class="answerScore"
  2009. @click.stop="openScore(w)"
  2010. v-else-if="courseDetail.userid == userid"
  2011. :class="{
  2012. rightW:
  2013. w.userid == userid ||
  2014. tType == 1 ||
  2015. tType == 4 ||
  2016. w.ateacher == userid,
  2017. }"
  2018. >
  2019. 评分
  2020. </div>
  2021. <img
  2022. class="deleteImg"
  2023. src="../assets/deleteworks.png"
  2024. v-if="
  2025. w.userid == userid || tType == 1 || tType == 4
  2026. "
  2027. @click.stop="deleteWorks(w.wid)"
  2028. alt
  2029. />
  2030. </div>
  2031. <div class="workImg" v-if="w.type == 3">
  2032. <img
  2033. style="cursor: pointer"
  2034. :src="video"
  2035. @click="openVideo(w)"
  2036. alt
  2037. />
  2038. <!-- @click="openVideo(w.works)" -->
  2039. <div
  2040. class="answerScore"
  2041. v-if="w.score"
  2042. @click.stop="openScore(w)"
  2043. :class="{
  2044. rightW:
  2045. w.userid == userid ||
  2046. tType == 1 ||
  2047. tType == 4 ||
  2048. w.ateacher == userid,
  2049. }"
  2050. >
  2051. {{ JSON.parse(w.score).wScore }}分
  2052. </div>
  2053. <div
  2054. class="answerScore"
  2055. @click.stop="openScore(w)"
  2056. v-else-if="courseDetail.userid == userid"
  2057. :class="{
  2058. rightW:
  2059. w.userid == userid ||
  2060. tType == 1 ||
  2061. tType == 4 ||
  2062. w.ateacher == userid,
  2063. }"
  2064. >
  2065. 评分
  2066. </div>
  2067. <img
  2068. class="deleteImg"
  2069. src="../assets/deleteworks.png"
  2070. v-if="
  2071. w.userid == userid || tType == 1 || tType == 4
  2072. "
  2073. @click.stop="deleteWorks(w.wid)"
  2074. alt
  2075. />
  2076. </div>
  2077. <div class="comment" style="min-width: 200px">
  2078. <div class="worksName">
  2079. <div>{{ w.sName }}</div>
  2080. </div>
  2081. <div class="commentList">
  2082. <div class="commentList">
  2083. <div
  2084. class="commentImg"
  2085. @click="
  2086. isLikes(w.wid, userid, 1, null, w.isLikes)
  2087. "
  2088. >
  2089. <img
  2090. :src="w.isLikes == true ? likes : noLikes"
  2091. alt=""
  2092. />
  2093. </div>
  2094. <div>{{ w.likesCount }}</div>
  2095. </div>
  2096. <div class="commentList" style="margin-right: 15px">
  2097. <div
  2098. class="commentImg"
  2099. @click="commentOther(w, toolIndex, wIndex)"
  2100. >
  2101. <img
  2102. src="../assets/icon/comment/comment.png"
  2103. alt=""
  2104. />
  2105. </div>
  2106. <div>{{ w.commentCount }}</div>
  2107. </div>
  2108. </div>
  2109. </div>
  2110. </div>
  2111. </div>
  2112. <div style="font-size: 18px">未提交</div>
  2113. <div class="noWorksS">
  2114. <div
  2115. v-for="(s, sIndex) in noWorksS[toolIndex]"
  2116. :key="sIndex"
  2117. class="noWorksName"
  2118. @click="teacherWorkSubmit(16, toolIndex, taskCount, s)"
  2119. >
  2120. {{ s.student }}
  2121. </div>
  2122. </div>
  2123. </div>
  2124. <div
  2125. v-if="
  2126. tType &&
  2127. ((tType == 2 && sIsOpen == true) ||
  2128. tType == 1 ||
  2129. tType == 4) &&
  2130. tool.tool.indexOf(32) != -1
  2131. "
  2132. class="worksBox"
  2133. >
  2134. <div
  2135. class="zuoyeYulan"
  2136. v-if="
  2137. worksStudent.length &&
  2138. worksStudent[toolIndex].length > 0
  2139. "
  2140. >
  2141. <div class="worksTop">
  2142. <div>作业预览</div>
  2143. <div
  2144. class="corOpen"
  2145. @click="contract(toolIndex)"
  2146. v-if="
  2147. worksStudent[toolIndex].length > 6 &&
  2148. isCloseList[toolIndex].isClose == 0
  2149. "
  2150. >
  2151. 收缩
  2152. </div>
  2153. <div
  2154. class="corOpen"
  2155. @click="contract(toolIndex)"
  2156. v-if="isCloseList[toolIndex].isClose == 1"
  2157. >
  2158. 展开
  2159. </div>
  2160. </div>
  2161. </div>
  2162. <div
  2163. class="worksDetailBox"
  2164. v-if="
  2165. worksStudent.length &&
  2166. worksStudent[toolIndex].length > 0
  2167. "
  2168. >
  2169. <div
  2170. class="works"
  2171. style="
  2172. width: 200px;
  2173. height: 140px;
  2174. margin: 10px 10px 10px 0;
  2175. border-radius: 15px;
  2176. box-shadow: 0 0 6px 1px #dfdada;
  2177. "
  2178. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  2179. 0
  2180. ? worksStudent[toolIndex]
  2181. : worksStudent[toolIndex].slice(0, 6)"
  2182. :key="wIndex"
  2183. :class="w.type == 1 ? 'isTypeOne' : ''"
  2184. >
  2185. <div class="workImg">
  2186. <img
  2187. :src="word2"
  2188. @click="downloadFile(w.works)"
  2189. alt
  2190. />
  2191. <div
  2192. class="answerScore"
  2193. v-if="w.score"
  2194. @click.stop="openScore(w)"
  2195. :class="{
  2196. rightW:
  2197. w.userid == userid ||
  2198. tType == 1 ||
  2199. tType == 4 ||
  2200. w.ateacher == userid,
  2201. }"
  2202. >
  2203. {{ JSON.parse(w.score).wScore }}分
  2204. </div>
  2205. <div
  2206. class="answerScore"
  2207. @click.stop="openScore(w)"
  2208. v-else-if="courseDetail.userid == userid"
  2209. :class="{
  2210. rightW:
  2211. w.userid == userid ||
  2212. tType == 1 ||
  2213. tType == 4 ||
  2214. w.ateacher == userid,
  2215. }"
  2216. >
  2217. 评分
  2218. </div>
  2219. <img
  2220. class="deleteImg"
  2221. src="../assets/deleteworks.png"
  2222. v-if="
  2223. w.userid == userid || tType == 1 || tType == 4
  2224. "
  2225. @click.stop="deleteWorks(w.wid)"
  2226. alt
  2227. />
  2228. </div>
  2229. <div class="comment" style="min-width: 200px">
  2230. <div class="worksName">
  2231. <div>{{ w.sName }}</div>
  2232. </div>
  2233. <div class="commentList">
  2234. <div class="commentList">
  2235. <div
  2236. class="commentImg"
  2237. @click="
  2238. isLikes(w.wid, userid, 1, null, w.isLikes)
  2239. "
  2240. >
  2241. <img
  2242. :src="w.isLikes == true ? likes : noLikes"
  2243. alt=""
  2244. />
  2245. </div>
  2246. <div>{{ w.likesCount }}</div>
  2247. </div>
  2248. <div class="commentList" style="margin-right: 15px">
  2249. <div
  2250. class="commentImg"
  2251. @click="commentOther(w, toolIndex, wIndex)"
  2252. >
  2253. <img
  2254. src="../assets/icon/comment/comment.png"
  2255. alt=""
  2256. />
  2257. </div>
  2258. <div>{{ w.commentCount }}</div>
  2259. </div>
  2260. </div>
  2261. </div>
  2262. </div>
  2263. </div>
  2264. <div style="font-size: 18px">未提交</div>
  2265. <div class="noWorksS">
  2266. <div
  2267. v-for="(s, sIndex) in noWorksS[toolIndex]"
  2268. :key="sIndex"
  2269. class="noWorksName"
  2270. @click="teacherWorkSubmit(16, toolIndex, taskCount, s)"
  2271. >
  2272. {{ s.student }}
  2273. </div>
  2274. </div>
  2275. </div>
  2276. <div v-if="tool.tool.indexOf(50) != -1" class="worksBox">
  2277. <div
  2278. class="zuoyeYulan"
  2279. v-if="
  2280. worksStudent.length &&
  2281. worksStudent[toolIndex].length > 0
  2282. "
  2283. >
  2284. <span>作业预览</span>
  2285. <el-button
  2286. type="text"
  2287. @click="jump()"
  2288. v-if="tType == 2"
  2289. class="buttonA"
  2290. >我的评价</el-button
  2291. >
  2292. </div>
  2293. <div
  2294. class="worksDetailBox"
  2295. v-if="
  2296. worksStudent.length &&
  2297. worksStudent[toolIndex].length > 0
  2298. "
  2299. >
  2300. <div
  2301. class="works"
  2302. style="
  2303. width: 200px;
  2304. height: 140px;
  2305. margin: 10px 10px 10px 0;
  2306. border-radius: 15px;
  2307. box-shadow: 0 0 6px 1px #dfdada;
  2308. "
  2309. v-for="(w, wIndex) in worksStudent[toolIndex]"
  2310. :key="wIndex"
  2311. :class="w.type == 1 ? 'isTypeOne' : ''"
  2312. >
  2313. <div class="workImg" v-if="w.type == 0">
  2314. <!-- @click="commentOther(w, toolIndex, wIndex)" -->
  2315. <img
  2316. :src="w.works"
  2317. @click="previewImg(w.works)"
  2318. alt
  2319. />
  2320. <div
  2321. class="answerScore"
  2322. v-if="w.score"
  2323. @click.stop="openScore(w)"
  2324. :class="{
  2325. rightW:
  2326. w.userid == userid ||
  2327. tType == 1 ||
  2328. tType == 4 ||
  2329. w.ateacher == userid,
  2330. }"
  2331. >
  2332. {{ JSON.parse(w.score).wScore }}分
  2333. </div>
  2334. <div
  2335. class="answerScore"
  2336. @click.stop="openScore(w)"
  2337. v-else-if="courseDetail.userid == userid"
  2338. :class="{
  2339. rightW:
  2340. w.userid == userid ||
  2341. tType == 1 ||
  2342. tType == 4 ||
  2343. w.ateacher == userid,
  2344. }"
  2345. >
  2346. 评分
  2347. </div>
  2348. <img
  2349. class="deleteImg"
  2350. src="../assets/deleteworks.png"
  2351. v-if="
  2352. w.userid == userid || tType == 1 || tType == 4
  2353. "
  2354. @click.stop="deleteWorks(w.wid)"
  2355. alt
  2356. />
  2357. </div>
  2358. <div
  2359. class="workImg"
  2360. style="cursor: pointer"
  2361. v-if="w.type == 1"
  2362. >
  2363. <img :src="word" @click="openFile(w.works)" alt />
  2364. <!-- @click="openFile(w.works)" -->
  2365. <div
  2366. class="answerScore"
  2367. v-if="w.score"
  2368. @click.stop="openScore(w)"
  2369. :class="{
  2370. rightW:
  2371. w.userid == userid ||
  2372. tType == 1 ||
  2373. tType == 4 ||
  2374. w.ateacher == userid,
  2375. }"
  2376. >
  2377. {{ JSON.parse(w.score).wScore }}分
  2378. </div>
  2379. <div
  2380. class="answerScore"
  2381. @click.stop="openScore(w)"
  2382. v-else-if="courseDetail.userid == userid"
  2383. :class="{
  2384. rightW:
  2385. w.userid == userid ||
  2386. tType == 1 ||
  2387. tType == 4 ||
  2388. w.ateacher == userid,
  2389. }"
  2390. >
  2391. 评分
  2392. </div>
  2393. <img
  2394. class="deleteImg"
  2395. src="../assets/deleteworks.png"
  2396. v-if="
  2397. w.userid == userid || tType == 1 || tType == 4
  2398. "
  2399. @click.stop="deleteWorks(w.wid)"
  2400. alt
  2401. />
  2402. </div>
  2403. <div class="workImg" v-if="w.type == 3">
  2404. <img
  2405. style="cursor: pointer"
  2406. :src="video"
  2407. @click="openVideo(w)"
  2408. alt
  2409. />
  2410. <!-- @click="openVideo(w.works)" -->
  2411. <div
  2412. class="answerScore"
  2413. v-if="w.score"
  2414. @click.stop="openScore(w)"
  2415. :class="{
  2416. rightW:
  2417. w.userid == userid ||
  2418. tType == 1 ||
  2419. tType == 4 ||
  2420. w.ateacher == userid,
  2421. }"
  2422. >
  2423. {{ JSON.parse(w.score).wScore }}分
  2424. </div>
  2425. <div
  2426. class="answerScore"
  2427. @click.stop="openScore(w)"
  2428. v-else-if="courseDetail.userid == userid"
  2429. :class="{
  2430. rightW:
  2431. w.userid == userid ||
  2432. tType == 1 ||
  2433. tType == 4 ||
  2434. w.ateacher == userid,
  2435. }"
  2436. >
  2437. 评分
  2438. </div>
  2439. <img
  2440. class="deleteImg"
  2441. src="../assets/deleteworks.png"
  2442. v-if="
  2443. w.userid == userid || tType == 1 || tType == 4
  2444. "
  2445. @click.stop="deleteWorks(w.wid)"
  2446. alt
  2447. />
  2448. </div>
  2449. <div class="comment" style="min-width: 200px">
  2450. <div class="worksName">
  2451. <div
  2452. style="cursor: pointer"
  2453. @click="openSname(w.sName, w.wid)"
  2454. >
  2455. {{ w.sName }}
  2456. </div>
  2457. </div>
  2458. <div class="commentList">
  2459. <div class="commentList">
  2460. <div
  2461. class="commentImg"
  2462. @click="
  2463. isLikes(w.wid, userid, 1, null, w.isLikes)
  2464. "
  2465. >
  2466. <img
  2467. :src="w.isLikes == true ? likes : noLikes"
  2468. alt=""
  2469. />
  2470. </div>
  2471. <div>{{ w.likesCount }}</div>
  2472. </div>
  2473. <div class="commentList" style="margin-right: 15px">
  2474. <div
  2475. class="commentImg"
  2476. @click="commentOther(w, toolIndex, wIndex)"
  2477. >
  2478. <img
  2479. src="../assets/icon/comment/comment.png"
  2480. alt=""
  2481. />
  2482. </div>
  2483. <div>{{ w.commentCount }}</div>
  2484. </div>
  2485. </div>
  2486. </div>
  2487. </div>
  2488. </div>
  2489. <div style="font-size: 18px">未提交</div>
  2490. <div class="noWorksS">
  2491. <div
  2492. v-for="(s, sIndex) in noWorksS[toolIndex]"
  2493. :key="sIndex"
  2494. class="noWorksName"
  2495. @click="teacherWorkSubmit(16, toolIndex, taskCount, s)"
  2496. >
  2497. {{ s.student }}
  2498. </div>
  2499. </div>
  2500. </div>
  2501. <div
  2502. v-if="
  2503. tType &&
  2504. ((tType == 2 && sIsOpen == true) ||
  2505. tType == 1 ||
  2506. tType == 4) &&
  2507. tool.tool.indexOf(4) != -1 &&
  2508. (tool.askJson[0].answer ||
  2509. tool.askJson[0].answer === 0) &&
  2510. checkJson[toolIndex].length
  2511. "
  2512. class="xuan_right_box"
  2513. >
  2514. <div
  2515. class="tool_right_box"
  2516. v-for="(item, index) in tool.askJson"
  2517. :key="index"
  2518. >
  2519. <div>
  2520. <span>{{ index + 1 + "、" + item.askstitle }}</span>
  2521. </div>
  2522. <div class="right_box_xuan">
  2523. <span>正确率</span>
  2524. <span>{{
  2525. (checkJson[toolIndex][index].right
  2526. ? checkJson[toolIndex][index].right
  2527. : 0) + "%"
  2528. }}</span>
  2529. </div>
  2530. </div>
  2531. </div>
  2532. <div
  2533. class="xuan_right_box"
  2534. style="background: unset"
  2535. v-if="
  2536. tType &&
  2537. ((tType == 2 && sIsOpen == true) ||
  2538. tType == 1 ||
  2539. tType == 4) &&
  2540. tool.tool.indexOf(4) != -1
  2541. "
  2542. >
  2543. <AskStatic
  2544. v-if="
  2545. worksStudent.length &&
  2546. worksStudent[toolIndex].length > 0
  2547. "
  2548. :askJSON="tool"
  2549. :checkJson="checkJson[toolIndex]"
  2550. ></AskStatic>
  2551. </div>
  2552. <div
  2553. v-if="
  2554. tType &&
  2555. ((tType == 2 && sIsOpen == true) ||
  2556. tType == 1 ||
  2557. tType == 4) &&
  2558. tool.tool.indexOf(4) != -1
  2559. "
  2560. class="worksBox"
  2561. >
  2562. <div
  2563. class="zuoyeYulan"
  2564. v-if="
  2565. worksStudent.length &&
  2566. worksStudent[toolIndex].length > 0
  2567. "
  2568. >
  2569. <div class="worksTop">
  2570. <div>作业预览</div>
  2571. <div
  2572. class="corOpen"
  2573. @click="contract(toolIndex)"
  2574. v-if="
  2575. worksStudent[toolIndex].length > 6 &&
  2576. isCloseList[toolIndex].isClose == 0
  2577. "
  2578. >
  2579. 收缩
  2580. </div>
  2581. <div
  2582. class="corOpen"
  2583. @click="contract(toolIndex)"
  2584. v-if="isCloseList[toolIndex].isClose == 1"
  2585. >
  2586. 展开
  2587. </div>
  2588. </div>
  2589. <el-button
  2590. type="text"
  2591. @click="jump()"
  2592. v-if="tType == 2"
  2593. class="buttonA"
  2594. >我的评价</el-button
  2595. >
  2596. </div>
  2597. <div>
  2598. <div
  2599. class="worksDetailBox"
  2600. v-if="
  2601. worksStudent.length &&
  2602. worksStudent[toolIndex].length > 0
  2603. "
  2604. >
  2605. <div
  2606. v-for="(w, wIndex) in isCloseList[toolIndex]
  2607. .isClose == 0
  2608. ? worksStudent[toolIndex]
  2609. : worksStudent[toolIndex].slice(0, 6)"
  2610. :key="wIndex"
  2611. class="isWorksName"
  2612. @click="
  2613. openTools(4, toolIndex, taskCount, w.works, w.sName)
  2614. "
  2615. >
  2616. {{ w.sName }}
  2617. <img
  2618. class="deleteImg deleteImg2"
  2619. src="../assets/deleteworks.png"
  2620. v-if="
  2621. w.userid == userid || tType == 1 || tType == 4
  2622. "
  2623. @click.stop="deleteWorks(w.wid)"
  2624. alt
  2625. />
  2626. </div>
  2627. <!-- <div class="works" style="
  2628. width: 200px;
  2629. height: 140px;
  2630. border-radius: 10px;
  2631. box-shadow: 0 0 6px 1px #dfdada;
  2632. overflow: hidden;
  2633. " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex">
  2634. <div class="workImg">
  2635. <img src="../assets/icon/works/noImg.png" @click="
  2636. openTools(
  2637. 4,
  2638. toolIndex,
  2639. taskCount,
  2640. w.works,
  2641. w.sName
  2642. )
  2643. " alt />
  2644. </div>
  2645. <div class="worksName">
  2646. <div>{{ w.sName }}</div>
  2647. <div>{{ w.time }}</div>
  2648. </div>
  2649. </div> -->
  2650. </div>
  2651. </div>
  2652. <div style="font-size: 18px">未提交</div>
  2653. <div class="noWorksS">
  2654. <div
  2655. v-for="(s, sIndex) in noWorksS[toolIndex]"
  2656. :key="sIndex"
  2657. class="noWorksName"
  2658. >
  2659. {{ s.student }}
  2660. </div>
  2661. </div>
  2662. </div>
  2663. <div
  2664. v-if="
  2665. tType &&
  2666. ((tType == 2 && sIsOpen == true) ||
  2667. tType == 1 ||
  2668. tType == 4) &&
  2669. tool.tool.indexOf(45) != -1 &&
  2670. (tool.testJson.testJson[0].answer ||
  2671. tool.testJson.testJson[0].answer === 0) &&
  2672. checkJson[toolIndex].length
  2673. "
  2674. class="xuan_right_box"
  2675. >
  2676. <div
  2677. class="tool_right_box"
  2678. v-for="(item, index) in tool.testJson.testJson"
  2679. :key="index"
  2680. >
  2681. <div>
  2682. <span>{{ index + 1 + "、" + item.teststitle }}</span>
  2683. </div>
  2684. <div class="right_box_xuan">
  2685. <span>正确率</span>
  2686. <span>{{
  2687. (checkJson[toolIndex][index].right
  2688. ? checkJson[toolIndex][index].right
  2689. : 0) + "%"
  2690. }}</span>
  2691. </div>
  2692. </div>
  2693. </div>
  2694. <div
  2695. class="xuan_right_box"
  2696. style="background: unset"
  2697. v-if="
  2698. tType &&
  2699. ((tType == 2 && sIsOpen == true) ||
  2700. tType == 1 ||
  2701. tType == 4) &&
  2702. tool.tool.indexOf(45) != -1
  2703. "
  2704. >
  2705. <AskStatic2
  2706. v-if="
  2707. worksStudent.length &&
  2708. worksStudent[toolIndex].length > 0
  2709. "
  2710. :askJSON="tool"
  2711. :checkJson="checkJson[toolIndex]"
  2712. ></AskStatic2>
  2713. </div>
  2714. <div
  2715. v-if="
  2716. tType &&
  2717. ((tType == 2 && sIsOpen == true) ||
  2718. tType == 1 ||
  2719. tType == 4) &&
  2720. tool.tool.indexOf(45) != -1
  2721. "
  2722. class="worksBox"
  2723. >
  2724. <div
  2725. class="zuoyeYulan"
  2726. v-if="
  2727. worksStudent.length &&
  2728. worksStudent[toolIndex].length > 0
  2729. "
  2730. >
  2731. <div class="worksTop">
  2732. <div>作业预览</div>
  2733. <div
  2734. class="corOpen"
  2735. @click="contract(toolIndex)"
  2736. v-if="
  2737. worksStudent[toolIndex].length > 6 &&
  2738. isCloseList[toolIndex].isClose == 0
  2739. "
  2740. >
  2741. 收缩
  2742. </div>
  2743. <div
  2744. class="corOpen"
  2745. @click="contract(toolIndex)"
  2746. v-if="isCloseList[toolIndex].isClose == 1"
  2747. >
  2748. 展开
  2749. </div>
  2750. </div>
  2751. <el-button
  2752. type="text"
  2753. @click="jump()"
  2754. v-if="tType == 2"
  2755. class="buttonA"
  2756. >我的评价</el-button
  2757. >
  2758. </div>
  2759. <div>
  2760. <div
  2761. class="worksDetailBox"
  2762. v-if="
  2763. worksStudent.length &&
  2764. worksStudent[toolIndex].length > 0
  2765. "
  2766. >
  2767. <div
  2768. v-for="(w, wIndex) in isCloseList[toolIndex]
  2769. .isClose == 0
  2770. ? worksStudent[toolIndex]
  2771. : worksStudent[toolIndex].slice(0, 6)"
  2772. :key="wIndex"
  2773. class="isWorksName"
  2774. @click="
  2775. openTools(
  2776. 45,
  2777. toolIndex,
  2778. taskCount,
  2779. w.works,
  2780. w.sName
  2781. )
  2782. "
  2783. >
  2784. {{ w.sName }}
  2785. <img
  2786. class="deleteImg deleteImg2"
  2787. src="../assets/deleteworks.png"
  2788. v-if="
  2789. w.userid == userid || tType == 1 || tType == 4
  2790. "
  2791. @click.stop="deleteWorks(w.wid)"
  2792. alt
  2793. />
  2794. </div>
  2795. </div>
  2796. </div>
  2797. <div style="font-size: 18px">未提交</div>
  2798. <div class="noWorksS">
  2799. <div
  2800. v-for="(s, sIndex) in noWorksS[toolIndex]"
  2801. :key="sIndex"
  2802. class="noWorksName"
  2803. >
  2804. {{ s.student }}
  2805. </div>
  2806. </div>
  2807. </div>
  2808. <div
  2809. v-if="
  2810. tType &&
  2811. ((tType == 2 && sIsOpen == true) ||
  2812. tType == 1 ||
  2813. tType == 4) &&
  2814. tool.tool.indexOf(15) != -1
  2815. "
  2816. class="worksBox"
  2817. >
  2818. <div
  2819. class="zuoyeYulan"
  2820. v-if="
  2821. worksStudent.length &&
  2822. worksStudent[toolIndex].length > 0
  2823. "
  2824. >
  2825. <div class="worksTop">
  2826. <div>作业预览</div>
  2827. <div
  2828. class="corOpen"
  2829. @click="contract(toolIndex)"
  2830. v-if="
  2831. worksStudent[toolIndex].length > 6 &&
  2832. isCloseList[toolIndex].isClose == 0
  2833. "
  2834. >
  2835. 收缩
  2836. </div>
  2837. <div
  2838. class="corOpen"
  2839. @click="contract(toolIndex)"
  2840. v-if="isCloseList[toolIndex].isClose == 1"
  2841. >
  2842. 展开
  2843. </div>
  2844. </div>
  2845. <el-button
  2846. type="text"
  2847. @click="jump()"
  2848. v-if="tType == 2"
  2849. class="buttonA"
  2850. >我的评价</el-button
  2851. >
  2852. </div>
  2853. <div
  2854. class="worksDetailBox"
  2855. v-if="
  2856. worksStudent.length &&
  2857. worksStudent[toolIndex].length > 0
  2858. "
  2859. >
  2860. <div
  2861. class="works"
  2862. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  2863. 0
  2864. ? worksStudent[toolIndex]
  2865. : worksStudent[toolIndex].slice(0, 6)"
  2866. :key="wIndex"
  2867. >
  2868. <div
  2869. class="workImg"
  2870. style="
  2871. border-radius: 15px;
  2872. box-shadow: #eee 0px 0px 5px 5px;
  2873. "
  2874. >
  2875. <!-- <img
  2876. src="../assets/icon/works/noImg.png"
  2877. @click="openTools(15, toolIndex, taskCount, w.works)"
  2878. alt=""
  2879. />-->
  2880. <div
  2881. class="answerBg"
  2882. style="border-radius: 15px 15px 0 0"
  2883. @click="commentOther(w, toolIndex, wIndex)"
  2884. >
  2885. <!-- <div>{{ w.sName }}</div> -->
  2886. <el-tooltip
  2887. class="item"
  2888. effect="light"
  2889. :content="JSON.parse(w.works)[0].answer"
  2890. placement="top"
  2891. >
  2892. <div class="answerContent">
  2893. {{ JSON.parse(w.works)[0].answer }}
  2894. </div>
  2895. </el-tooltip>
  2896. <div
  2897. class="answerScore"
  2898. v-if="w.score"
  2899. @click.stop="openScore(w)"
  2900. :class="{
  2901. rightW:
  2902. w.userid == userid ||
  2903. tType == 1 ||
  2904. tType == 4,
  2905. }"
  2906. >
  2907. {{ JSON.parse(w.score).wScore }}分
  2908. </div>
  2909. <div
  2910. class="answerScore"
  2911. @click.stop="openScore(w)"
  2912. v-else-if="courseDetail.userid == userid"
  2913. :class="{
  2914. rightW:
  2915. w.userid == userid ||
  2916. tType == 1 ||
  2917. tType == 4,
  2918. }"
  2919. >
  2920. 评分
  2921. </div>
  2922. <img
  2923. class="deleteImg"
  2924. src="../assets/deleteworks.png"
  2925. v-if="
  2926. w.userid == userid || tType == 1 || tType == 4
  2927. "
  2928. @click.stop="deleteWorks(w.wid)"
  2929. alt
  2930. />
  2931. </div>
  2932. <div class="comment">
  2933. <div class="worksName">
  2934. <div>{{ w.sName }}</div>
  2935. </div>
  2936. <div class="commentList">
  2937. <div
  2938. class="commentImg"
  2939. @click="
  2940. isLikes(w.wid, userid, 1, null, w.isLikes)
  2941. "
  2942. >
  2943. <img
  2944. :src="w.isLikes == true ? likes : noLikes"
  2945. alt=""
  2946. />
  2947. </div>
  2948. <div>{{ w.likesCount }}</div>
  2949. </div>
  2950. <div class="commentList" style="margin-right: 15px">
  2951. <div
  2952. class="commentImg"
  2953. @click="commentOther(w, toolIndex, wIndex)"
  2954. >
  2955. <img
  2956. src="../assets/icon/comment/comment.png"
  2957. alt=""
  2958. />
  2959. </div>
  2960. <div>{{ w.commentCount }}</div>
  2961. </div>
  2962. </div>
  2963. </div>
  2964. </div>
  2965. </div>
  2966. <div style="font-size: 18px">未提交</div>
  2967. <div class="noWorksS">
  2968. <div
  2969. v-for="(s, sIndex) in noWorksS[toolIndex]"
  2970. :key="sIndex"
  2971. class="noWorksName"
  2972. >
  2973. {{ s.student }}
  2974. </div>
  2975. </div>
  2976. </div>
  2977. <div
  2978. v-if="
  2979. tType &&
  2980. ((tType == 2 && sIsOpen == true) ||
  2981. tType == 1 ||
  2982. tType == 4) &&
  2983. tool.tool.indexOf(1) != -1
  2984. "
  2985. class="worksBox"
  2986. >
  2987. <div
  2988. class="zuoyeYulan"
  2989. v-if="
  2990. worksStudent.length &&
  2991. worksStudent[toolIndex].length > 0
  2992. "
  2993. >
  2994. <div class="worksTop">
  2995. <div>作业预览</div>
  2996. <div
  2997. class="corOpen"
  2998. @click="contract(toolIndex)"
  2999. v-if="
  3000. worksStudent[toolIndex].length > 6 &&
  3001. isCloseList[toolIndex].isClose == 0
  3002. "
  3003. >
  3004. 收缩
  3005. </div>
  3006. <div
  3007. class="corOpen"
  3008. @click="contract(toolIndex)"
  3009. v-if="isCloseList[toolIndex].isClose == 1"
  3010. >
  3011. 展开
  3012. </div>
  3013. </div>
  3014. <el-button
  3015. type="text"
  3016. @click="jump()"
  3017. v-if="tType == 2"
  3018. class="buttonA"
  3019. >我的评价</el-button
  3020. >
  3021. </div>
  3022. <div
  3023. class="worksDetailBox"
  3024. v-if="
  3025. worksStudent.length &&
  3026. worksStudent[toolIndex].length > 0
  3027. "
  3028. >
  3029. <div
  3030. class="works"
  3031. style="
  3032. width: 200px;
  3033. height: 140px;
  3034. margin: 10px 10px 10px 0;
  3035. border-radius: 15px;
  3036. box-shadow: 0 0 6px 1px #dfdada;
  3037. "
  3038. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  3039. 0
  3040. ? worksStudent[toolIndex]
  3041. : worksStudent[toolIndex].slice(0, 6)"
  3042. :key="wIndex"
  3043. >
  3044. <!-- @click="previewImg(w.works)" @click="commentOther(w, toolIndex, wIndex)"-->
  3045. <div class="workImg">
  3046. <img
  3047. :src="w.works"
  3048. @click="previewImg(w.works)"
  3049. alt
  3050. />
  3051. <div
  3052. class="answerScore"
  3053. v-if="w.score"
  3054. @click.stop="openScore(w)"
  3055. :class="{
  3056. rightW:
  3057. w.userid == userid || tType == 1 || tType == 4,
  3058. }"
  3059. >
  3060. {{ JSON.parse(w.score).wScore }}分
  3061. </div>
  3062. <div
  3063. class="answerScore"
  3064. @click.stop="openScore(w)"
  3065. v-else-if="courseDetail.userid == userid"
  3066. :class="{
  3067. rightW:
  3068. w.userid == userid || tType == 1 || tType == 4,
  3069. }"
  3070. >
  3071. 评分
  3072. </div>
  3073. <img
  3074. class="deleteImg"
  3075. src="../assets/deleteworks.png"
  3076. v-if="
  3077. w.userid == userid || tType == 1 || tType == 4
  3078. "
  3079. @click.stop="deleteWorks(w.wid)"
  3080. alt
  3081. />
  3082. </div>
  3083. <div class="comment" style="min-width: 200px">
  3084. <div class="worksName">
  3085. <div>{{ w.sName }}</div>
  3086. </div>
  3087. <div class="commentList">
  3088. <div class="commentList">
  3089. <div
  3090. class="commentImg"
  3091. @click="
  3092. isLikes(w.wid, userid, 1, null, w.isLikes)
  3093. "
  3094. >
  3095. <img
  3096. :src="w.isLikes == true ? likes : noLikes"
  3097. alt=""
  3098. />
  3099. </div>
  3100. <div>{{ w.likesCount }}</div>
  3101. </div>
  3102. <div class="commentList" style="margin-right: 15px">
  3103. <div
  3104. class="commentImg"
  3105. @click="commentOther(w, toolIndex, wIndex)"
  3106. >
  3107. <img
  3108. src="../assets/icon/comment/comment.png"
  3109. alt=""
  3110. />
  3111. </div>
  3112. <div>{{ w.commentCount }}</div>
  3113. </div>
  3114. </div>
  3115. </div>
  3116. </div>
  3117. </div>
  3118. <div style="font-size: 18px">未提交</div>
  3119. <div class="noWorksS">
  3120. <div
  3121. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3122. :key="sIndex"
  3123. class="noWorksName"
  3124. >
  3125. {{ s.student }}
  3126. </div>
  3127. </div>
  3128. </div>
  3129. <div
  3130. v-if="
  3131. tType &&
  3132. ((tType == 2 && sIsOpen == true) ||
  3133. tType == 1 ||
  3134. tType == 4) &&
  3135. tool.tool.indexOf(3) != -1
  3136. "
  3137. class="worksBox"
  3138. >
  3139. <div
  3140. class="zuoyeYulan"
  3141. v-if="
  3142. worksStudent.length &&
  3143. worksStudent[toolIndex].length > 0
  3144. "
  3145. >
  3146. <div class="worksTop">
  3147. <div>作业预览</div>
  3148. <div
  3149. class="corOpen"
  3150. @click="contract(toolIndex)"
  3151. v-if="
  3152. worksStudent[toolIndex].length > 6 &&
  3153. isCloseList[toolIndex].isClose == 0
  3154. "
  3155. >
  3156. 收缩
  3157. </div>
  3158. <div
  3159. class="corOpen"
  3160. @click="contract(toolIndex)"
  3161. v-if="isCloseList[toolIndex].isClose == 1"
  3162. >
  3163. 展开
  3164. </div>
  3165. </div>
  3166. <el-button
  3167. type="text"
  3168. @click="jump()"
  3169. v-if="tType == 2"
  3170. class="buttonA"
  3171. >我的评价</el-button
  3172. >
  3173. </div>
  3174. <div
  3175. class="worksDetailBox"
  3176. v-if="
  3177. worksStudent.length &&
  3178. worksStudent[toolIndex].length > 0
  3179. "
  3180. >
  3181. <div
  3182. class="works"
  3183. style="
  3184. width: 200px;
  3185. height: 140px;
  3186. margin: 10px 10px 10px 0;
  3187. border-radius: 15px;
  3188. box-shadow: 0 0 6px 1px #dfdada;
  3189. "
  3190. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  3191. 0
  3192. ? worksStudent[toolIndex]
  3193. : worksStudent[toolIndex].slice(0, 6)"
  3194. :key="wIndex"
  3195. >
  3196. <!-- @click="previewImg(w.works)" -->
  3197. <div class="workImg">
  3198. <img
  3199. :src="w.works"
  3200. @click="previewImg(w.works)"
  3201. alt
  3202. />
  3203. <div
  3204. class="answerScore"
  3205. v-if="w.score"
  3206. @click.stop="openScore(w)"
  3207. :class="{
  3208. rightW:
  3209. w.userid == userid || tType == 1 || tType == 4,
  3210. }"
  3211. >
  3212. {{ JSON.parse(w.score).wScore }}分
  3213. </div>
  3214. <div
  3215. class="answerScore"
  3216. @click.stop="openScore(w)"
  3217. v-else-if="courseDetail.userid == userid"
  3218. :class="{
  3219. rightW:
  3220. w.userid == userid || tType == 1 || tType == 4,
  3221. }"
  3222. >
  3223. 评分
  3224. </div>
  3225. <img
  3226. class="deleteImg"
  3227. src="../assets/deleteworks.png"
  3228. v-if="
  3229. w.userid == userid || tType == 1 || tType == 4
  3230. "
  3231. @click.stop="deleteWorks(w.wid)"
  3232. alt
  3233. />
  3234. </div>
  3235. <div class="comment" style="min-width: 200px">
  3236. <div class="worksName">
  3237. <div>{{ w.sName }}</div>
  3238. </div>
  3239. <div class="commentList">
  3240. <div class="commentList">
  3241. <div
  3242. class="commentImg"
  3243. @click="
  3244. isLikes(w.wid, userid, 1, null, w.isLikes)
  3245. "
  3246. >
  3247. <img
  3248. :src="w.isLikes == true ? likes : noLikes"
  3249. alt=""
  3250. />
  3251. </div>
  3252. <div>{{ w.likesCount }}</div>
  3253. </div>
  3254. <div class="commentList" style="margin-right: 15px">
  3255. <div
  3256. class="commentImg"
  3257. @click="commentOther(w, toolIndex, wIndex)"
  3258. >
  3259. <img
  3260. src="../assets/icon/comment/comment.png"
  3261. alt=""
  3262. />
  3263. </div>
  3264. <div>{{ w.commentCount }}</div>
  3265. </div>
  3266. </div>
  3267. </div>
  3268. </div>
  3269. </div>
  3270. <div style="font-size: 18px">未提交</div>
  3271. <div class="noWorksS">
  3272. <div
  3273. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3274. :key="sIndex"
  3275. class="noWorksName"
  3276. >
  3277. {{ s.student }}
  3278. </div>
  3279. </div>
  3280. </div>
  3281. <div
  3282. v-if="
  3283. tType &&
  3284. ((tType == 2 && sIsOpen == true) ||
  3285. tType == 1 ||
  3286. tType == 4) &&
  3287. tool.tool.indexOf(6) != -1
  3288. "
  3289. class="worksBox"
  3290. >
  3291. <div
  3292. class="zuoyeYulan"
  3293. v-if="
  3294. worksStudent.length &&
  3295. worksStudent[toolIndex].length > 0
  3296. "
  3297. >
  3298. <div class="worksTop">
  3299. <div>作业预览</div>
  3300. <div
  3301. class="corOpen"
  3302. @click="contract(toolIndex)"
  3303. v-if="
  3304. worksStudent[toolIndex].length > 6 &&
  3305. isCloseList[toolIndex].isClose == 0
  3306. "
  3307. >
  3308. 收缩
  3309. </div>
  3310. <div
  3311. class="corOpen"
  3312. @click="contract(toolIndex)"
  3313. v-if="isCloseList[toolIndex].isClose == 1"
  3314. >
  3315. 展开
  3316. </div>
  3317. </div>
  3318. <el-button
  3319. type="text"
  3320. @click="jump()"
  3321. v-if="tType == 2"
  3322. class="buttonA"
  3323. >我的评价</el-button
  3324. >
  3325. </div>
  3326. <div
  3327. class="worksDetailBox"
  3328. v-if="
  3329. worksStudent.length &&
  3330. worksStudent[toolIndex].length > 0
  3331. "
  3332. >
  3333. <div
  3334. class="works"
  3335. style="
  3336. width: 200px;
  3337. height: 140px;
  3338. margin: 10px 10px 10px 0;
  3339. border-radius: 15px;
  3340. box-shadow: 0 0 6px 1px #dfdada;
  3341. "
  3342. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  3343. 0
  3344. ? worksStudent[toolIndex]
  3345. : worksStudent[toolIndex].slice(0, 6)"
  3346. :key="wIndex"
  3347. >
  3348. <!-- @click="previewImg(w.works)" -->
  3349. <div class="workImg">
  3350. <img
  3351. :src="w.works"
  3352. @click="previewImg(w.works)"
  3353. alt
  3354. />
  3355. <div
  3356. class="answerScore"
  3357. v-if="w.score"
  3358. @click.stop="openScore(w)"
  3359. :class="{
  3360. rightW:
  3361. w.userid == userid || tType == 1 || tType == 4,
  3362. }"
  3363. >
  3364. {{ JSON.parse(w.score).wScore }}分
  3365. </div>
  3366. <div
  3367. class="answerScore"
  3368. @click.stop="openScore(w)"
  3369. v-else-if="courseDetail.userid == userid"
  3370. :class="{
  3371. rightW:
  3372. w.userid == userid || tType == 1 || tType == 4,
  3373. }"
  3374. >
  3375. 评分
  3376. </div>
  3377. <img
  3378. class="deleteImg"
  3379. src="../assets/deleteworks.png"
  3380. v-if="
  3381. w.userid == userid || tType == 1 || tType == 4
  3382. "
  3383. @click.stop="deleteWorks(w.wid)"
  3384. alt
  3385. />
  3386. </div>
  3387. <div class="comment" style="min-width: 200px">
  3388. <div class="worksName">
  3389. <div>{{ w.sName }}</div>
  3390. </div>
  3391. <div class="commentList">
  3392. <div class="commentList">
  3393. <div
  3394. class="commentImg"
  3395. @click="
  3396. isLikes(w.wid, userid, 1, null, w.isLikes)
  3397. "
  3398. >
  3399. <img
  3400. :src="w.isLikes == true ? likes : noLikes"
  3401. alt=""
  3402. />
  3403. </div>
  3404. <div>{{ w.likesCount }}</div>
  3405. </div>
  3406. <div class="commentList" style="margin-right: 15px">
  3407. <div
  3408. class="commentImg"
  3409. @click="commentOther(w, toolIndex, wIndex)"
  3410. >
  3411. <img
  3412. src="../assets/icon/comment/comment.png"
  3413. alt=""
  3414. />
  3415. </div>
  3416. <div>{{ w.commentCount }}</div>
  3417. </div>
  3418. </div>
  3419. </div>
  3420. </div>
  3421. </div>
  3422. <div style="font-size: 18px">未提交</div>
  3423. <div class="noWorksS">
  3424. <div
  3425. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3426. :key="sIndex"
  3427. class="noWorksName"
  3428. >
  3429. {{ s.student }}
  3430. </div>
  3431. </div>
  3432. </div>
  3433. <div
  3434. v-if="
  3435. tType &&
  3436. ((tType == 2 && sIsOpen == true) ||
  3437. tType == 1 ||
  3438. tType == 4) &&
  3439. tool.tool.indexOf(7) != -1
  3440. "
  3441. class="worksBox"
  3442. >
  3443. <div
  3444. class="zuoyeYulan"
  3445. v-if="
  3446. worksStudent.length &&
  3447. worksStudent[toolIndex].length > 0
  3448. "
  3449. >
  3450. <div class="worksTop">
  3451. <div>作业预览</div>
  3452. <div
  3453. class="corOpen"
  3454. @click="contract(toolIndex)"
  3455. v-if="
  3456. worksStudent[toolIndex].length > 6 &&
  3457. isCloseList[toolIndex].isClose == 0
  3458. "
  3459. >
  3460. 收缩
  3461. </div>
  3462. <div
  3463. class="corOpen"
  3464. @click="contract(toolIndex)"
  3465. v-if="isCloseList[toolIndex].isClose == 1"
  3466. >
  3467. 展开
  3468. </div>
  3469. </div>
  3470. <el-button
  3471. type="text"
  3472. @click="jump()"
  3473. v-if="tType == 2"
  3474. class="buttonA"
  3475. >我的评价</el-button
  3476. >
  3477. </div>
  3478. <div
  3479. class="worksDetailBox"
  3480. v-if="
  3481. worksStudent.length &&
  3482. worksStudent[toolIndex].length > 0
  3483. "
  3484. >
  3485. <div
  3486. class="works"
  3487. style="
  3488. width: 200px;
  3489. height: 140px;
  3490. margin: 10px 10px 10px 0;
  3491. border-radius: 15px;
  3492. box-shadow: 0 0 6px 1px #dfdada;
  3493. "
  3494. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  3495. 0
  3496. ? worksStudent[toolIndex]
  3497. : worksStudent[toolIndex].slice(0, 6)"
  3498. :key="wIndex"
  3499. >
  3500. <!-- @click="previewImg(w.works)" -->
  3501. <div class="workImg">
  3502. <img
  3503. :src="w.works"
  3504. @click="previewImg(w.works)"
  3505. alt
  3506. />
  3507. <div
  3508. class="answerScore"
  3509. v-if="w.score"
  3510. @click.stop="openScore(w)"
  3511. :class="{
  3512. rightW:
  3513. w.userid == userid || tType == 1 || tType == 4,
  3514. }"
  3515. >
  3516. {{ JSON.parse(w.score).wScore }}分
  3517. </div>
  3518. <div
  3519. class="answerScore"
  3520. @click.stop="openScore(w)"
  3521. v-else-if="courseDetail.userid == userid"
  3522. :class="{
  3523. rightW:
  3524. w.userid == userid || tType == 1 || tType == 4,
  3525. }"
  3526. >
  3527. 评分
  3528. </div>
  3529. <img
  3530. class="deleteImg"
  3531. src="../assets/deleteworks.png"
  3532. v-if="
  3533. w.userid == userid || tType == 1 || tType == 4
  3534. "
  3535. @click.stop="deleteWorks(w.wid)"
  3536. alt
  3537. />
  3538. </div>
  3539. <div class="comment" style="min-width: 200px">
  3540. <div class="worksName">
  3541. <div>{{ w.sName }}</div>
  3542. </div>
  3543. <div class="commentList">
  3544. <div class="commentList">
  3545. <div
  3546. class="commentImg"
  3547. @click="
  3548. isLikes(w.wid, userid, 1, null, w.isLikes)
  3549. "
  3550. >
  3551. <img
  3552. :src="w.isLikes == true ? likes : noLikes"
  3553. alt=""
  3554. />
  3555. </div>
  3556. <div>{{ w.likesCount }}</div>
  3557. </div>
  3558. <div class="commentList" style="margin-right: 15px">
  3559. <div
  3560. class="commentImg"
  3561. @click="commentOther(w, toolIndex, wIndex)"
  3562. >
  3563. <img
  3564. src="../assets/icon/comment/comment.png"
  3565. alt=""
  3566. />
  3567. </div>
  3568. <div>{{ w.commentCount }}</div>
  3569. </div>
  3570. </div>
  3571. </div>
  3572. </div>
  3573. </div>
  3574. <div style="font-size: 18px">未提交</div>
  3575. <div class="noWorksS">
  3576. <div
  3577. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3578. :key="sIndex"
  3579. class="noWorksName"
  3580. >
  3581. {{ s.student }}
  3582. </div>
  3583. </div>
  3584. </div>
  3585. <div
  3586. v-if="
  3587. tType &&
  3588. ((tType == 2 && sIsOpen == true) ||
  3589. tType == 1 ||
  3590. tType == 4) &&
  3591. tool.tool.indexOf(26) != -1
  3592. "
  3593. class="worksBox"
  3594. >
  3595. <div
  3596. class="zuoyeYulan"
  3597. v-if="
  3598. worksStudent.length &&
  3599. worksStudent[toolIndex].length > 0
  3600. "
  3601. >
  3602. <div class="worksTop">
  3603. <div>作业预览</div>
  3604. <div
  3605. class="corOpen"
  3606. @click="contract(toolIndex)"
  3607. v-if="
  3608. worksStudent[toolIndex].length > 6 &&
  3609. isCloseList[toolIndex].isClose == 0
  3610. "
  3611. >
  3612. 收缩
  3613. </div>
  3614. <div
  3615. class="corOpen"
  3616. @click="contract(toolIndex)"
  3617. v-if="isCloseList[toolIndex].isClose == 1"
  3618. >
  3619. 展开
  3620. </div>
  3621. </div>
  3622. <el-button
  3623. type="text"
  3624. @click="jump()"
  3625. v-if="tType == 2"
  3626. class="buttonA"
  3627. >我的评价</el-button
  3628. >
  3629. </div>
  3630. <div
  3631. class="worksDetailBox"
  3632. v-if="
  3633. worksStudent.length &&
  3634. worksStudent[toolIndex].length > 0
  3635. "
  3636. >
  3637. <div
  3638. class="works"
  3639. style="width: 240px; height: 140px; overflow: hidden"
  3640. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  3641. 0
  3642. ? worksStudent[toolIndex]
  3643. : worksStudent[toolIndex].slice(0, 6)"
  3644. :key="wIndex"
  3645. :class="w.type == 1 ? 'isTypeOne' : ''"
  3646. >
  3647. <div class="workImg" v-if="w.type == 0">
  3648. <img
  3649. :src="w.works"
  3650. @click="previewImg(w.works)"
  3651. alt
  3652. />
  3653. <img
  3654. class="deleteImg"
  3655. src="../assets/deleteworks.png"
  3656. v-if="
  3657. w.userid == userid || tType == 1 || tType == 4
  3658. "
  3659. @click.stop="deleteWorks(w.wid)"
  3660. alt
  3661. />
  3662. </div>
  3663. <div class="workImg" v-if="w.type == 1">
  3664. <img :src="word" @click="openFile(w.works)" alt />
  3665. <img
  3666. class="deleteImg"
  3667. src="../assets/deleteworks.png"
  3668. v-if="
  3669. w.userid == userid || tType == 1 || tType == 4
  3670. "
  3671. @click.stop="deleteWorks(w.wid)"
  3672. alt
  3673. />
  3674. </div>
  3675. <div class="worksName">
  3676. <div>{{ w.sName }}</div>
  3677. </div>
  3678. </div>
  3679. </div>
  3680. <div style="font-size: 18px">未提交</div>
  3681. <div class="noWorksS">
  3682. <div
  3683. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3684. :key="sIndex"
  3685. class="noWorksName"
  3686. >
  3687. {{ s.student }}
  3688. </div>
  3689. </div>
  3690. </div>
  3691. <div
  3692. v-if="
  3693. tType &&
  3694. ((tType == 2 && sIsOpen == true) ||
  3695. tType == 1 ||
  3696. tType == 4) &&
  3697. tool.tool.indexOf(40) != -1
  3698. "
  3699. class="worksBox"
  3700. >
  3701. <div
  3702. class="zuoyeYulan"
  3703. v-if="
  3704. worksStudent.length &&
  3705. worksStudent[toolIndex].length > 0
  3706. "
  3707. >
  3708. <div class="worksTop">
  3709. <div>作业预览</div>
  3710. <div
  3711. class="corOpen"
  3712. @click="contract(toolIndex)"
  3713. v-if="
  3714. worksStudent[toolIndex].length > 6 &&
  3715. isCloseList[toolIndex].isClose == 0
  3716. "
  3717. >
  3718. 收缩
  3719. </div>
  3720. <div
  3721. class="corOpen"
  3722. @click="contract(toolIndex)"
  3723. v-if="isCloseList[toolIndex].isClose == 1"
  3724. >
  3725. 展开
  3726. </div>
  3727. </div>
  3728. <el-button
  3729. type="text"
  3730. @click="jump()"
  3731. v-if="tType == 2"
  3732. class="buttonA"
  3733. >我的评价</el-button
  3734. >
  3735. </div>
  3736. <div
  3737. class="worksDetailBox"
  3738. v-if="
  3739. worksStudent.length &&
  3740. worksStudent[toolIndex].length > 0
  3741. "
  3742. >
  3743. <div
  3744. class="works"
  3745. style="
  3746. width: 200px;
  3747. height: 140px;
  3748. margin: 10px 10px 10px 0;
  3749. border-radius: 15px;
  3750. box-shadow: 0 0 6px 1px #dfdada;
  3751. "
  3752. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  3753. 0
  3754. ? worksStudent[toolIndex]
  3755. : worksStudent[toolIndex].slice(0, 6)"
  3756. :key="wIndex"
  3757. :class="w.type == 1 ? 'isTypeOne' : ''"
  3758. >
  3759. <div class="workImg">
  3760. <img
  3761. src="../assets/icon/works/noImg.png"
  3762. @click="openPj(w.works, toolIndex)"
  3763. alt
  3764. />
  3765. <img
  3766. class="deleteImg"
  3767. src="../assets/deleteworks.png"
  3768. v-if="
  3769. w.userid == userid || tType == 1 || tType == 4
  3770. "
  3771. @click.stop="deleteWorks(w.wid)"
  3772. alt
  3773. />
  3774. </div>
  3775. <div class="comment" style="min-width: 200px">
  3776. <div class="worksName">
  3777. <div>{{ w.sName }}</div>
  3778. </div>
  3779. <div class="commentList">
  3780. <div class="commentList">
  3781. <div
  3782. class="commentImg"
  3783. @click="
  3784. isLikes(w.wid, userid, 1, null, w.isLikes)
  3785. "
  3786. >
  3787. <img
  3788. :src="w.isLikes == true ? likes : noLikes"
  3789. alt=""
  3790. />
  3791. </div>
  3792. <div>{{ w.likesCount }}</div>
  3793. </div>
  3794. <div class="commentList" style="margin-right: 15px">
  3795. <div
  3796. class="commentImg"
  3797. @click="commentOther(w, toolIndex, wIndex)"
  3798. >
  3799. <img
  3800. src="../assets/icon/comment/comment.png"
  3801. alt=""
  3802. />
  3803. </div>
  3804. <div>{{ w.commentCount }}</div>
  3805. </div>
  3806. </div>
  3807. </div>
  3808. </div>
  3809. </div>
  3810. <div style="font-size: 18px">未提交</div>
  3811. <div class="noWorksS">
  3812. <div
  3813. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3814. :key="sIndex"
  3815. class="noWorksName"
  3816. >
  3817. {{ s.student }}
  3818. </div>
  3819. </div>
  3820. </div>
  3821. <div
  3822. v-if="
  3823. tType &&
  3824. tType == 2 &&
  3825. !sIsOpen &&
  3826. tool.tool.indexOf(40) != -1
  3827. "
  3828. class="worksBox"
  3829. >
  3830. <div
  3831. class="zuoyeYulan"
  3832. v-if="workStudent[toolIndex].length > 0"
  3833. >
  3834. <span>作业预览</span>
  3835. <el-button
  3836. type="text"
  3837. @click="jump()"
  3838. v-if="tType == 2"
  3839. class="buttonA"
  3840. >我的评价</el-button
  3841. >
  3842. </div>
  3843. <div
  3844. class="worksDetailBox"
  3845. v-if="workStudent[toolIndex].length > 0"
  3846. >
  3847. <div
  3848. class="works"
  3849. style="
  3850. width: 200px;
  3851. height: 140px;
  3852. margin: 10px 10px 10px 0;
  3853. "
  3854. v-for="(w, wIndex) in workStudent[toolIndex]"
  3855. :key="wIndex"
  3856. >
  3857. <div class="workImg">
  3858. <img
  3859. src="../assets/icon/works/noImg.png"
  3860. @click="openPj(w.works, toolIndex)"
  3861. alt
  3862. />
  3863. <img
  3864. class="deleteImg"
  3865. src="../assets/deleteworks.png"
  3866. v-if="
  3867. w.userid == userid || tType == 1 || tType == 4
  3868. "
  3869. @click.stop="deleteWorks(w.wid)"
  3870. alt
  3871. />
  3872. </div>
  3873. <div class="worksName">
  3874. <div>{{ w.sName }}</div>
  3875. </div>
  3876. </div>
  3877. </div>
  3878. </div>
  3879. <div
  3880. v-if="
  3881. tType &&
  3882. ((tType == 2 && sIsOpen == true) ||
  3883. tType == 1 ||
  3884. tType == 4) &&
  3885. tool.tool.indexOf(41) != -1
  3886. "
  3887. >
  3888. <AnswerData2
  3889. v-if="
  3890. worksStudent.length &&
  3891. worksStudent[toolIndex].length > 0
  3892. "
  3893. :problemJson="tool.selectJson.answer"
  3894. :people="worksStudent[toolIndex]"
  3895. ></AnswerData2>
  3896. </div>
  3897. <div
  3898. v-if="
  3899. tType &&
  3900. ((tType == 2 && sIsOpen == true) ||
  3901. tType == 1 ||
  3902. tType == 4) &&
  3903. tool.tool.indexOf(41) != -1
  3904. "
  3905. class="worksBox"
  3906. >
  3907. <div
  3908. class="zuoyeYulan"
  3909. v-if="
  3910. worksStudent.length &&
  3911. worksStudent[toolIndex].length > 0
  3912. "
  3913. >
  3914. <div class="worksTop">
  3915. <div>作业预览</div>
  3916. <div
  3917. class="corOpen"
  3918. @click="contract(toolIndex)"
  3919. v-if="
  3920. worksStudent[toolIndex].length > 6 &&
  3921. isCloseList[toolIndex].isClose == 0
  3922. "
  3923. >
  3924. 收缩
  3925. </div>
  3926. <div
  3927. class="corOpen"
  3928. @click="contract(toolIndex)"
  3929. v-if="isCloseList[toolIndex].isClose == 1"
  3930. >
  3931. 展开
  3932. </div>
  3933. </div>
  3934. <el-button
  3935. type="text"
  3936. @click="jump()"
  3937. v-if="tType == 2"
  3938. class="buttonA"
  3939. >我的评价</el-button
  3940. >
  3941. </div>
  3942. <div
  3943. class="worksDetailBox"
  3944. v-if="
  3945. worksStudent.length &&
  3946. worksStudent[toolIndex].length > 0
  3947. "
  3948. >
  3949. <div
  3950. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  3951. 0
  3952. ? worksStudent[toolIndex]
  3953. : worksStudent[toolIndex].slice(0, 6)"
  3954. :key="wIndex"
  3955. class="isWorksName"
  3956. @click="openXz(w, toolIndex)"
  3957. >
  3958. {{ w.sName }}
  3959. <img
  3960. class="deleteImg deleteImg2"
  3961. src="../assets/deleteworks.png"
  3962. v-if="w.userid == userid || tType == 1 || tType == 4"
  3963. @click.stop="deleteWorks(w.wid)"
  3964. alt
  3965. />
  3966. </div>
  3967. <!-- <div
  3968. class="works"
  3969. style="
  3970. width: 200px;
  3971. height: 140px;
  3972. margin: 10px 10px 10px 0;
  3973. border-radius: 15px;
  3974. box-shadow: 0 0 6px 1px #dfdada;
  3975. " v-for="(w, wIndex) in worksStudent[toolIndex]" :key="wIndex"
  3976. :class="w.type == 5 ? 'isTypeOne' : ''">
  3977. <div class="workImg">
  3978. <img src="../assets/icon/works/noImg.png" @click="openXz(w, toolIndex)" alt />
  3979. </div>
  3980. <div class="worksName">
  3981. <div>{{ w.sName }}</div>
  3982. </div>
  3983. </div> -->
  3984. </div>
  3985. <div style="font-size: 18px">未提交</div>
  3986. <div class="noWorksS">
  3987. <div
  3988. v-for="(s, sIndex) in noWorksS[toolIndex]"
  3989. :key="sIndex"
  3990. class="noWorksName"
  3991. >
  3992. {{ s.student }}
  3993. </div>
  3994. </div>
  3995. </div>
  3996. <div
  3997. v-if="
  3998. tType &&
  3999. tType == 2 &&
  4000. !sIsOpen &&
  4001. tool.tool.indexOf(41) != -1
  4002. "
  4003. class="worksBox"
  4004. >
  4005. <div
  4006. class="zuoyeYulan"
  4007. v-if="workStudent[toolIndex].length > 0"
  4008. >
  4009. <span>作业预览</span>
  4010. <el-button
  4011. type="text"
  4012. @click="jump()"
  4013. v-if="tType == 2"
  4014. class="buttonA"
  4015. >我的评价</el-button
  4016. >
  4017. </div>
  4018. <div
  4019. class="worksDetailBox"
  4020. v-if="workStudent[toolIndex].length > 0"
  4021. >
  4022. <div
  4023. class="works"
  4024. style="
  4025. width: 200px;
  4026. height: 140px;
  4027. margin: 10px 10px 10px 0;
  4028. "
  4029. v-for="(w, wIndex) in workStudent[toolIndex]"
  4030. :key="wIndex"
  4031. >
  4032. <div class="workImg">
  4033. <img
  4034. src="../assets/icon/works/noImg.png"
  4035. @click="openXz(w, toolIndex)"
  4036. alt
  4037. />
  4038. <img
  4039. class="deleteImg"
  4040. src="../assets/deleteworks.png"
  4041. v-if="
  4042. w.userid == userid || tType == 1 || tType == 4
  4043. "
  4044. @click.stop="deleteWorks(w.wid)"
  4045. alt
  4046. />
  4047. </div>
  4048. <div class="worksName">
  4049. <div>{{ w.sName }}</div>
  4050. </div>
  4051. </div>
  4052. </div>
  4053. </div>
  4054. <div v-if="false" class="xuan_right_box">
  4055. <div
  4056. class="tool_right_box"
  4057. v-for="(item, index) in tool.sentenceList"
  4058. :key="index"
  4059. >
  4060. <div>
  4061. <span>{{ index + 1 + "、" + item.sentenceTitle }}</span>
  4062. </div>
  4063. <div class="right_box_xuan">
  4064. <span>正确率</span>
  4065. <span>{{
  4066. (checkJson[toolIndex][index].right
  4067. ? checkJson[toolIndex][index].right
  4068. : 0) + "%"
  4069. }}</span>
  4070. </div>
  4071. <div class="right_box_xuan">
  4072. <span>答对人数</span>
  4073. <span>{{
  4074. checkJson[toolIndex][index].rightPerson.length
  4075. }}</span>
  4076. </div>
  4077. </div>
  4078. </div>
  4079. <div
  4080. v-if="
  4081. tType &&
  4082. ((tType == 2 && sIsOpen == true) ||
  4083. tType == 1 ||
  4084. tType == 4) &&
  4085. tool.tool.indexOf(47) != -1
  4086. "
  4087. >
  4088. <AnswerData
  4089. v-if="
  4090. checkJson[toolIndex].length &&
  4091. (tool.sentenceList || tool.sentenceList.length > 0)
  4092. "
  4093. :people="checkJson[toolIndex]"
  4094. ></AnswerData>
  4095. </div>
  4096. <div
  4097. v-if="
  4098. tType &&
  4099. tType == 2 &&
  4100. !sIsOpen &&
  4101. tool.tool.indexOf(47) != -1
  4102. "
  4103. class="worksBox"
  4104. >
  4105. <div
  4106. class="zuoyeYulan"
  4107. v-if="workStudent[toolIndex].length > 0"
  4108. >
  4109. <span>作业预览</span>
  4110. <el-button
  4111. type="text"
  4112. @click="jump()"
  4113. v-if="tType == 2"
  4114. class="buttonA"
  4115. >我的评价</el-button
  4116. >
  4117. </div>
  4118. <div
  4119. class="worksDetailBox"
  4120. v-if="workStudent[toolIndex].length > 0"
  4121. >
  4122. <div
  4123. class="works"
  4124. style="
  4125. width: 200px;
  4126. height: 140px;
  4127. margin: 10px 10px 10px 0;
  4128. "
  4129. v-for="(w, wIndex) in workStudent[toolIndex]"
  4130. :key="wIndex"
  4131. >
  4132. <!-- @click="openXz(w, toolIndex)" -->
  4133. <div class="workImg" @click="openSen(w, toolIndex)">
  4134. <img src="../assets/icon/works/noImg.png" alt />
  4135. <img
  4136. class="deleteImg"
  4137. src="../assets/deleteworks.png"
  4138. v-if="
  4139. w.userid == userid || tType == 1 || tType == 4
  4140. "
  4141. @click.stop="deleteWorks(w.wid)"
  4142. alt
  4143. />
  4144. </div>
  4145. <div class="worksName">
  4146. <div>
  4147. {{ w.sName }}
  4148. </div>
  4149. </div>
  4150. </div>
  4151. </div>
  4152. </div>
  4153. <div
  4154. v-if="
  4155. tType &&
  4156. ((tType == 2 && sIsOpen == true) ||
  4157. tType == 1 ||
  4158. tType == 4) &&
  4159. tool.tool.indexOf(47) != -1
  4160. "
  4161. class="worksBox"
  4162. >
  4163. <div
  4164. class="zuoyeYulan"
  4165. v-if="
  4166. worksStudent.length &&
  4167. worksStudent[toolIndex].length > 0
  4168. "
  4169. >
  4170. <div class="worksTop">
  4171. <div>作业预览</div>
  4172. <div
  4173. class="corOpen"
  4174. @click="contract(toolIndex)"
  4175. v-if="
  4176. worksStudent[toolIndex].length > 6 &&
  4177. isCloseList[toolIndex].isClose == 0
  4178. "
  4179. >
  4180. 收缩
  4181. </div>
  4182. <div
  4183. class="corOpen"
  4184. @click="contract(toolIndex)"
  4185. v-if="isCloseList[toolIndex].isClose == 1"
  4186. >
  4187. 展开
  4188. </div>
  4189. </div>
  4190. <el-button
  4191. type="text"
  4192. @click="jump()"
  4193. v-if="tType == 2"
  4194. class="buttonA"
  4195. >我的评价</el-button
  4196. >
  4197. </div>
  4198. <div
  4199. class="worksDetailBox"
  4200. v-if="
  4201. worksStudent.length &&
  4202. worksStudent[toolIndex].length > 0
  4203. "
  4204. >
  4205. <!-- @click="openXz(w, toolIndex)" -->
  4206. <div
  4207. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  4208. 0
  4209. ? worksStudent[toolIndex]
  4210. : worksStudent[toolIndex].slice(0, 6)"
  4211. :key="wIndex"
  4212. class="isWorksName"
  4213. @click="openSen(w, toolIndex)"
  4214. >
  4215. {{ w.sName }}
  4216. <img
  4217. class="deleteImg deleteImg2"
  4218. src="../assets/deleteworks.png"
  4219. v-if="w.userid == userid || tType == 1 || tType == 4"
  4220. @click.stop="deleteWorks(w.wid)"
  4221. alt
  4222. />
  4223. </div>
  4224. </div>
  4225. <div style="font-size: 18px">未提交</div>
  4226. <div class="noWorksS">
  4227. <div
  4228. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4229. :key="sIndex"
  4230. class="noWorksName"
  4231. >
  4232. {{ s.student }}
  4233. </div>
  4234. </div>
  4235. </div>
  4236. <div
  4237. v-if="
  4238. tType &&
  4239. ((tType == 2 && sIsOpen == true) ||
  4240. tType == 1 ||
  4241. tType == 4) &&
  4242. tool.tool.indexOf(48) != -1
  4243. "
  4244. class="worksBox"
  4245. >
  4246. <div
  4247. class="zuoyeYulan"
  4248. v-if="
  4249. worksStudent.length &&
  4250. worksStudent[toolIndex].length > 0
  4251. "
  4252. >
  4253. <div class="worksTop">
  4254. <div>作业预览</div>
  4255. <div
  4256. class="corOpen"
  4257. @click="contract(toolIndex)"
  4258. v-if="
  4259. worksStudent[toolIndex].length > 6 &&
  4260. isCloseList[toolIndex].isClose == 0
  4261. "
  4262. >
  4263. 收缩
  4264. </div>
  4265. <div
  4266. class="corOpen"
  4267. @click="contract(toolIndex)"
  4268. v-if="isCloseList[toolIndex].isClose == 1"
  4269. >
  4270. 展开
  4271. </div>
  4272. </div>
  4273. <el-button
  4274. type="text"
  4275. @click="jump()"
  4276. v-if="tType == 2"
  4277. class="buttonA"
  4278. >我的评价</el-button
  4279. >
  4280. </div>
  4281. <div
  4282. class="worksDetailBox"
  4283. v-if="
  4284. worksStudent.length &&
  4285. worksStudent[toolIndex].length > 0
  4286. "
  4287. >
  4288. <div
  4289. class="works"
  4290. style="
  4291. width: 200px;
  4292. height: 140px;
  4293. margin: 10px 10px 10px 0;
  4294. border-radius: 15px;
  4295. box-shadow: 0 0 6px 1px #dfdada;
  4296. "
  4297. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  4298. 0
  4299. ? worksStudent[toolIndex]
  4300. : worksStudent[toolIndex].slice(0, 6)"
  4301. :key="wIndex"
  4302. :class="w.type == 1 ? 'isTypeOne' : ''"
  4303. >
  4304. <div class="workImg">
  4305. <img :src="word" @click="openTable(w)" alt />
  4306. <!-- @click="openFile(w.works)" -->
  4307. <div
  4308. class="answerScore"
  4309. v-if="w.score"
  4310. @click.stop="openScore(w)"
  4311. :class="{
  4312. rightW:
  4313. w.userid == userid ||
  4314. tType == 1 ||
  4315. tType == 4 ||
  4316. w.ateacher == userid,
  4317. }"
  4318. >
  4319. {{ JSON.parse(w.score).wScore }}分
  4320. </div>
  4321. <div
  4322. class="answerScore"
  4323. @click.stop="openScore(w)"
  4324. v-else-if="courseDetail.userid == userid"
  4325. :class="{
  4326. rightW:
  4327. w.userid == userid ||
  4328. tType == 1 ||
  4329. tType == 4 ||
  4330. w.ateacher == userid,
  4331. }"
  4332. >
  4333. 评分
  4334. </div>
  4335. <img
  4336. class="deleteImg"
  4337. src="../assets/deleteworks.png"
  4338. v-if="
  4339. w.userid == userid || tType == 1 || tType == 4
  4340. "
  4341. @click.stop="deleteWorks(w.wid)"
  4342. alt
  4343. />
  4344. </div>
  4345. <div class="comment" style="min-width: 200px">
  4346. <div class="worksName">
  4347. <div>{{ w.sName }}</div>
  4348. </div>
  4349. <div class="commentList">
  4350. <div class="commentList">
  4351. <div
  4352. class="commentImg"
  4353. @click="
  4354. isLikes(w.wid, userid, 1, null, w.isLikes)
  4355. "
  4356. >
  4357. <img
  4358. :src="w.isLikes == true ? likes : noLikes"
  4359. alt=""
  4360. />
  4361. </div>
  4362. <div>{{ w.likesCount }}</div>
  4363. </div>
  4364. <div class="commentList" style="margin-right: 15px">
  4365. <div
  4366. class="commentImg"
  4367. @click="commentOther(w, toolIndex, wIndex)"
  4368. >
  4369. <img
  4370. src="../assets/icon/comment/comment.png"
  4371. alt=""
  4372. />
  4373. </div>
  4374. <div>{{ w.commentCount }}</div>
  4375. </div>
  4376. </div>
  4377. </div>
  4378. </div>
  4379. </div>
  4380. <div style="font-size: 18px">未提交</div>
  4381. <div class="noWorksS">
  4382. <div
  4383. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4384. :key="sIndex"
  4385. class="noWorksName"
  4386. >
  4387. {{ s.student }}
  4388. </div>
  4389. </div>
  4390. </div>
  4391. <div
  4392. v-if="
  4393. tType &&
  4394. tType == 2 &&
  4395. !sIsOpen &&
  4396. tool.tool.indexOf(48) != -1
  4397. "
  4398. class="worksBox"
  4399. >
  4400. <div
  4401. class="zuoyeYulan"
  4402. v-if="workStudent[toolIndex].length > 0"
  4403. >
  4404. <span>作业预览</span>
  4405. <el-button
  4406. type="text"
  4407. @click="jump()"
  4408. v-if="tType == 2"
  4409. class="buttonA"
  4410. >我的评价</el-button
  4411. >
  4412. </div>
  4413. <div
  4414. class="worksDetailBox"
  4415. v-if="workStudent[toolIndex].length > 0"
  4416. >
  4417. <div
  4418. class="works"
  4419. style="
  4420. width: 200px;
  4421. height: 140px;
  4422. margin: 10px 10px 10px 0;
  4423. box-shadow: 0 0 6px 1px #dfdada;
  4424. "
  4425. v-for="(w, wIndex) in workStudent[toolIndex]"
  4426. :key="wIndex"
  4427. >
  4428. <div class="workImg">
  4429. <img :src="word" @click="openTable(w)" alt />
  4430. <div
  4431. class="answerScore"
  4432. v-if="w.score"
  4433. @click.stop="openScore(w)"
  4434. :class="{
  4435. rightW:
  4436. w.userid == userid || tType == 1 || tType == 4,
  4437. }"
  4438. >
  4439. {{ JSON.parse(w.score).wScore }}分
  4440. </div>
  4441. <div
  4442. class="answerScore"
  4443. @click.stop="openScore(w)"
  4444. v-else-if="courseDetail.userid == userid"
  4445. :class="{
  4446. rightW:
  4447. w.userid == userid || tType == 1 || tType == 4,
  4448. }"
  4449. >
  4450. 评分
  4451. </div>
  4452. <img
  4453. class="deleteImg"
  4454. src="../assets/deleteworks.png"
  4455. v-if="
  4456. w.userid == userid || tType == 1 || tType == 4
  4457. "
  4458. @click.stop="deleteWorks(w.wid)"
  4459. alt
  4460. />
  4461. </div>
  4462. <div class="worksName">
  4463. <div>{{ w.sName }}</div>
  4464. </div>
  4465. </div>
  4466. </div>
  4467. </div>
  4468. <div
  4469. v-if="
  4470. tType &&
  4471. ((tType == 2 && sIsOpen == true) ||
  4472. tType == 1 ||
  4473. tType == 4) &&
  4474. tool.tool.indexOf(52) != -1
  4475. "
  4476. class="worksBox"
  4477. >
  4478. <div
  4479. class="zuoyeYulan"
  4480. v-if="
  4481. worksStudent.length &&
  4482. worksStudent[toolIndex].length > 0
  4483. "
  4484. >
  4485. <div class="worksTop">
  4486. <div>作业预览</div>
  4487. <div
  4488. class="corOpen"
  4489. @click="contract(toolIndex)"
  4490. v-if="
  4491. worksStudent[toolIndex].length > 6 &&
  4492. isCloseList[toolIndex].isClose == 0
  4493. "
  4494. >
  4495. 收缩
  4496. </div>
  4497. <div
  4498. class="corOpen"
  4499. @click="contract(toolIndex)"
  4500. v-if="isCloseList[toolIndex].isClose == 1"
  4501. >
  4502. 展开
  4503. </div>
  4504. </div>
  4505. <el-button
  4506. type="text"
  4507. @click="jump()"
  4508. v-if="tType == 2"
  4509. class="buttonA"
  4510. >我的评价</el-button
  4511. >
  4512. </div>
  4513. <div
  4514. class="worksDetailBox"
  4515. v-if="
  4516. worksStudent.length &&
  4517. worksStudent[toolIndex].length > 0
  4518. "
  4519. >
  4520. <div
  4521. class="works"
  4522. style="
  4523. width: 200px;
  4524. height: 140px;
  4525. margin: 10px 10px 10px 0;
  4526. border-radius: 15px;
  4527. box-shadow: 0 0 6px 1px #dfdada;
  4528. "
  4529. v-for="(w, wIndex) in isCloseList[toolIndex].isClose ==
  4530. 0
  4531. ? worksStudent[toolIndex]
  4532. : worksStudent[toolIndex].slice(0, 6)"
  4533. :key="wIndex"
  4534. :class="w.type == 1 ? 'isTypeOne' : ''"
  4535. >
  4536. <div class="workImg">
  4537. <img :src="word" @click="openTable(w)" alt />
  4538. <!-- @click="openFile(w.works)" -->
  4539. <div
  4540. class="answerScore"
  4541. v-if="w.score"
  4542. @click.stop="openScore(w)"
  4543. :class="{
  4544. rightW:
  4545. w.userid == userid ||
  4546. tType == 1 ||
  4547. tType == 4 ||
  4548. w.ateacher == userid,
  4549. }"
  4550. >
  4551. {{ JSON.parse(w.score).wScore }}分
  4552. </div>
  4553. <div
  4554. class="answerScore"
  4555. @click.stop="openScore(w)"
  4556. v-else-if="courseDetail.userid == userid"
  4557. :class="{
  4558. rightW:
  4559. w.userid == userid ||
  4560. tType == 1 ||
  4561. tType == 4 ||
  4562. w.ateacher == userid,
  4563. }"
  4564. >
  4565. 评分
  4566. </div>
  4567. <img
  4568. class="deleteImg"
  4569. src="../assets/deleteworks.png"
  4570. v-if="
  4571. w.userid == userid || tType == 1 || tType == 4
  4572. "
  4573. @click.stop="deleteWorks(w.wid)"
  4574. alt
  4575. />
  4576. </div>
  4577. <div class="comment" style="min-width: 200px">
  4578. <div class="worksName">
  4579. <div>{{ w.sName }}</div>
  4580. </div>
  4581. <div class="commentList">
  4582. <div class="commentList">
  4583. <div
  4584. class="commentImg"
  4585. @click="
  4586. isLikes(w.wid, userid, 1, null, w.isLikes)
  4587. "
  4588. >
  4589. <img
  4590. :src="w.isLikes == true ? likes : noLikes"
  4591. alt=""
  4592. />
  4593. </div>
  4594. <div>{{ w.likesCount }}</div>
  4595. </div>
  4596. <div class="commentList" style="margin-right: 15px">
  4597. <div
  4598. class="commentImg"
  4599. @click="commentOther(w, toolIndex, wIndex)"
  4600. >
  4601. <img
  4602. src="../assets/icon/comment/comment.png"
  4603. alt=""
  4604. />
  4605. </div>
  4606. <div>{{ w.commentCount }}</div>
  4607. </div>
  4608. </div>
  4609. </div>
  4610. </div>
  4611. </div>
  4612. <div style="font-size: 18px">未提交</div>
  4613. <div class="noWorksS">
  4614. <div
  4615. v-for="(s, sIndex) in noWorksS[toolIndex]"
  4616. :key="sIndex"
  4617. class="noWorksName"
  4618. >
  4619. {{ s.student }}
  4620. </div>
  4621. </div>
  4622. </div>
  4623. <div
  4624. v-if="
  4625. tType &&
  4626. tType == 2 &&
  4627. !sIsOpen &&
  4628. tool.tool.indexOf(52) != -1
  4629. "
  4630. class="worksBox"
  4631. >
  4632. <div
  4633. class="zuoyeYulan"
  4634. v-if="workStudent[toolIndex].length > 0"
  4635. >
  4636. <span>作业预览</span>
  4637. <el-button
  4638. type="text"
  4639. @click="jump()"
  4640. v-if="tType == 2"
  4641. class="buttonA"
  4642. >我的评价</el-button
  4643. >
  4644. </div>
  4645. <div
  4646. class="worksDetailBox"
  4647. v-if="workStudent[toolIndex].length > 0"
  4648. >
  4649. <div
  4650. class="works"
  4651. style="
  4652. width: 200px;
  4653. height: 140px;
  4654. margin: 10px 10px 10px 0;
  4655. box-shadow: 0 0 6px 1px #dfdada;
  4656. "
  4657. v-for="(w, wIndex) in workStudent[toolIndex]"
  4658. :key="wIndex"
  4659. >
  4660. <div class="workImg">
  4661. <img :src="word" @click="openTable(w)" alt />
  4662. <div
  4663. class="answerScore"
  4664. v-if="w.score"
  4665. @click.stop="openScore(w)"
  4666. :class="{
  4667. rightW:
  4668. w.userid == userid || tType == 1 || tType == 4,
  4669. }"
  4670. >
  4671. {{ JSON.parse(w.score).wScore }}分
  4672. </div>
  4673. <div
  4674. class="answerScore"
  4675. @click.stop="openScore(w)"
  4676. v-else-if="courseDetail.userid == userid"
  4677. :class="{
  4678. rightW:
  4679. w.userid == userid || tType == 1 || tType == 4,
  4680. }"
  4681. >
  4682. 评分
  4683. </div>
  4684. <img
  4685. class="deleteImg"
  4686. src="../assets/deleteworks.png"
  4687. v-if="
  4688. w.userid == userid || tType == 1 || tType == 4
  4689. "
  4690. @click.stop="deleteWorks(w.wid)"
  4691. alt
  4692. />
  4693. </div>
  4694. <div class="worksName">
  4695. <div>{{ w.sName }}</div>
  4696. </div>
  4697. </div>
  4698. </div>
  4699. </div>
  4700. <div
  4701. v-if="tool.tool.indexOf(49) != -1"
  4702. class="xuan_right_box"
  4703. >
  4704. <div
  4705. v-if="courseDetail.userid == userid"
  4706. style="display: flex; justify-content: flex-end"
  4707. >
  4708. <el-button
  4709. type="primary"
  4710. size="small"
  4711. @click="addTools(49, toolIndex, taskCount)"
  4712. >分组设置</el-button
  4713. >
  4714. </div>
  4715. <div
  4716. v-if="groupStudentUid[toolIndex]"
  4717. class="group_staic_box"
  4718. >
  4719. <div
  4720. v-for="(gp, gd) in tool.groupJson.group"
  4721. :key="gd"
  4722. class="group_staic"
  4723. >
  4724. <span> {{ gp.name }}</span>
  4725. <span>
  4726. 目前人数{{
  4727. groupStudentUid[toolIndex][gd].length
  4728. }}人</span
  4729. >
  4730. </div>
  4731. </div>
  4732. </div>
  4733. <div v-if="tool.tool.indexOf(49) != -1" class="worksBox">
  4734. <div
  4735. class="zuoyeYulan"
  4736. v-if="
  4737. worksStudent.length &&
  4738. worksStudent[toolIndex].length > 0
  4739. "
  4740. >
  4741. <span>作业预览</span>
  4742. </div>
  4743. <div>
  4744. <div
  4745. class="group_workBox"
  4746. v-for="(g, gindex) in tool.groupJson.group"
  4747. :key="gindex"
  4748. >
  4749. <div
  4750. class="group_box"
  4751. v-if="
  4752. groupStudentUid[toolIndex] &&
  4753. worksStudent[toolIndex] &&
  4754. (worksStudent[toolIndex][gindex].length ||
  4755. groupStudentUid[toolIndex][gindex].indexOf(
  4756. userid
  4757. ) != -1)
  4758. "
  4759. >
  4760. <div class="group_title">
  4761. <el-tooltip
  4762. class="item"
  4763. effect="light"
  4764. :content="g.name"
  4765. placement="top"
  4766. >
  4767. <div class="group_name">{{ g.name }}</div>
  4768. </el-tooltip>
  4769. <el-button
  4770. type="primary"
  4771. v-if="
  4772. groupStudentUid[toolIndex][gindex].indexOf(
  4773. userid
  4774. ) != -1
  4775. "
  4776. @click="groupUpload(toolIndex, taskCount, gindex)"
  4777. >上传作业</el-button
  4778. >
  4779. </div>
  4780. <div class="group_work">
  4781. <div
  4782. class="works"
  4783. style="
  4784. width: 200px;
  4785. height: 140px;
  4786. margin: 10px 10px 10px 0;
  4787. border-radius: 15px;
  4788. box-shadow: 0 0 6px 1px #dfdada;
  4789. "
  4790. v-for="(w, wIndex) in worksStudent[toolIndex][
  4791. gindex
  4792. ]"
  4793. :key="wIndex"
  4794. :class="w.type == 1 ? 'isTypeOne' : ''"
  4795. >
  4796. <div class="workImg" v-if="w.type == 0">
  4797. <img
  4798. :src="w.works"
  4799. @click="previewImg(w.works)"
  4800. alt
  4801. />
  4802. <div
  4803. class="answerScore"
  4804. v-if="w.score"
  4805. @click.stop="openScore(w)"
  4806. :class="{
  4807. rightW:
  4808. w.userid == userid ||
  4809. tType == 1 ||
  4810. tType == 4 ||
  4811. w.ateacher == userid,
  4812. }"
  4813. >
  4814. {{ JSON.parse(w.score).wScore }}分
  4815. </div>
  4816. <div
  4817. class="answerScore"
  4818. @click.stop="openScore(w)"
  4819. v-else-if="courseDetail.userid == userid"
  4820. :class="{
  4821. rightW:
  4822. w.userid == userid ||
  4823. tType == 1 ||
  4824. tType == 4 ||
  4825. w.ateacher == userid,
  4826. }"
  4827. >
  4828. 评分
  4829. </div>
  4830. <img
  4831. class="deleteImg"
  4832. src="../assets/deleteworks.png"
  4833. v-if="
  4834. w.userid == userid ||
  4835. tType == 1 ||
  4836. tType == 4
  4837. "
  4838. @click.stop="deleteWorks(w.wid)"
  4839. alt
  4840. />
  4841. </div>
  4842. <div class="workImg" v-if="w.type == 1">
  4843. <img
  4844. :src="word"
  4845. @click="openFile(w.works)"
  4846. alt
  4847. />
  4848. <!-- @click="openFile(w.works)" -->
  4849. <div
  4850. class="answerScore"
  4851. v-if="w.score"
  4852. @click.stop="openScore(w)"
  4853. :class="{
  4854. rightW:
  4855. w.userid == userid ||
  4856. tType == 1 ||
  4857. tType == 4 ||
  4858. w.ateacher == userid,
  4859. }"
  4860. >
  4861. {{ JSON.parse(w.score).wScore }}分
  4862. </div>
  4863. <div
  4864. class="answerScore"
  4865. @click.stop="openScore(w)"
  4866. v-else-if="courseDetail.userid == userid"
  4867. :class="{
  4868. rightW:
  4869. w.userid == userid ||
  4870. tType == 1 ||
  4871. tType == 4 ||
  4872. w.ateacher == userid,
  4873. }"
  4874. >
  4875. 评分
  4876. </div>
  4877. <img
  4878. class="deleteImg"
  4879. src="../assets/deleteworks.png"
  4880. v-if="
  4881. w.userid == userid ||
  4882. tType == 1 ||
  4883. tType == 4
  4884. "
  4885. @click.stop="deleteWorks(w.wid)"
  4886. alt
  4887. />
  4888. </div>
  4889. <div class="workImg" v-if="w.type == 3">
  4890. <img
  4891. style="cursor: pointer"
  4892. :src="video"
  4893. @click="openVideo(w)"
  4894. alt
  4895. />
  4896. <!-- @click="openVideo(w.works)" -->
  4897. <div
  4898. class="answerScore"
  4899. v-if="w.score"
  4900. @click.stop="openScore(w)"
  4901. :class="{
  4902. rightW:
  4903. w.userid == userid ||
  4904. tType == 1 ||
  4905. tType == 4 ||
  4906. w.ateacher == userid,
  4907. }"
  4908. >
  4909. {{ JSON.parse(w.score).wScore }}分
  4910. </div>
  4911. <div
  4912. class="answerScore"
  4913. @click.stop="openScore(w)"
  4914. v-else-if="courseDetail.userid == userid"
  4915. :class="{
  4916. rightW:
  4917. w.userid == userid ||
  4918. tType == 1 ||
  4919. tType == 4 ||
  4920. w.ateacher == userid,
  4921. }"
  4922. >
  4923. 评分
  4924. </div>
  4925. <img
  4926. class="deleteImg"
  4927. src="../assets/deleteworks.png"
  4928. v-if="
  4929. w.userid == userid ||
  4930. tType == 1 ||
  4931. tType == 4
  4932. "
  4933. @click.stop="deleteWorks(w.wid)"
  4934. alt
  4935. />
  4936. </div>
  4937. <div class="comment" style="min-width: 200px">
  4938. <div class="worksName">
  4939. <div>{{ w.sName }}</div>
  4940. </div>
  4941. <div class="commentList">
  4942. <div class="commentList">
  4943. <div
  4944. class="commentImg"
  4945. @click="
  4946. isLikes(
  4947. w.wid,
  4948. userid,
  4949. 1,
  4950. null,
  4951. w.isLikes
  4952. )
  4953. "
  4954. >
  4955. <img
  4956. :src="
  4957. w.isLikes == true ? likes : noLikes
  4958. "
  4959. alt=""
  4960. />
  4961. </div>
  4962. <div>{{ w.likesCount }}</div>
  4963. </div>
  4964. <div
  4965. class="commentList"
  4966. style="margin-right: 15px"
  4967. >
  4968. <div
  4969. class="commentImg"
  4970. @click="
  4971. commentOther(
  4972. w,
  4973. toolIndex,
  4974. wIndex,
  4975. gindex
  4976. )
  4977. "
  4978. >
  4979. <img
  4980. src="../assets/icon/comment/comment.png"
  4981. alt=""
  4982. />
  4983. </div>
  4984. <div>{{ w.commentCount }}</div>
  4985. </div>
  4986. </div>
  4987. </div>
  4988. </div>
  4989. </div>
  4990. </div>
  4991. </div>
  4992. </div>
  4993. </div>
  4994. </div>
  4995. <!-- <div class="upload_toolBtn" @click="addImg($event)">
  4996. 上传文件
  4997. <input
  4998. type="file"
  4999. accept="image/png, image/gif, image/jpeg"
  5000. style="display: none"
  5001. @change="beforeUpload1($event, 2, index)"
  5002. />
  5003. </div>-->
  5004. </div>
  5005. </div>
  5006. <div
  5007. class="vedioBox"
  5008. v-if="
  5009. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  5010. .eList &&
  5011. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  5012. .eList.length &&
  5013. chapInfoList[courseType].chapterInfo[0].taskJson[taskCount]
  5014. .eList.length > 0 &&
  5015. tType != 2
  5016. "
  5017. >
  5018. <div
  5019. class="queTop"
  5020. style="
  5021. font-size: 25px;
  5022. padding: 15px 0 15px 30px;
  5023. font-weight: bold;
  5024. "
  5025. >
  5026. <!-- <div class="question" style="width: 30px">
  5027. <img src="../assets/icon/toolIcon.png" alt />
  5028. </div>
  5029. <div class="queTitle">
  5030. <div>工具</div>
  5031. </div>-->
  5032. 评一评
  5033. </div>
  5034. <div class="evaCss" :class="{ evaCssMax: Stbodywidth < 974 }">
  5035. <div class="elist_input">
  5036. <div
  5037. v-for="(eItem, eIndex) in chapInfoList[courseType]
  5038. .chapterInfo[0].taskJson[taskCount].eList"
  5039. :key="eIndex"
  5040. class="elist_input_box"
  5041. >
  5042. <div style="width: 95%">
  5043. <div
  5044. style="
  5045. display: flex;
  5046. flex-direction: row;
  5047. flex-wrap: nowrap;
  5048. align-items: center;
  5049. "
  5050. >
  5051. <div style="max-width: calc(100% - 285px)">
  5052. <span>{{ eItem.value }}</span>
  5053. </div>
  5054. <div
  5055. style="
  5056. padding-left: 25px;
  5057. display: flex;
  5058. flex-direction: row;
  5059. align-items: center;
  5060. "
  5061. >
  5062. <el-rate
  5063. v-model="eItem.score"
  5064. :colors="colors"
  5065. disabled
  5066. ></el-rate>
  5067. </div>
  5068. </div>
  5069. <div class="elist_inptu_text" style="padding-left: 10px">
  5070. <span v-if="eItem.detail != ''">{{
  5071. eItem.detail
  5072. }}</span>
  5073. <span v-else style="color: #b2b1b3; font-size: 14px"
  5074. >暂无描述...</span
  5075. >
  5076. </div>
  5077. </div>
  5078. </div>
  5079. </div>
  5080. <div
  5081. v-if="evalua"
  5082. style="
  5083. border: 1px solid #e5e5e5;
  5084. max-width: 650px;
  5085. width: 100%;
  5086. margin-top: 20px;
  5087. box-shadow: 3px 1px 15px 3px #e0e0e0;
  5088. "
  5089. >
  5090. <div class="e_add_top">
  5091. <div class="e_add_title">
  5092. <span>目标管理名称</span>
  5093. <span>{{ eTitle }}</span>
  5094. <img
  5095. src="../assets/line.png"
  5096. class="cru_line"
  5097. style="
  5098. width: 125px;
  5099. height: 20px;
  5100. bottom: -10px;
  5101. left: 120px;
  5102. "
  5103. />
  5104. <!-- <el-input
  5105. v-model="eTitle"
  5106. placeholder="请输入名称"
  5107. @change="setMindData"
  5108. ></el-input>-->
  5109. </div>
  5110. </div>
  5111. <div class="e_add_content">
  5112. <div class="e_add_list_pbox">
  5113. <div class="e_add_list_pbox_title">
  5114. <span class="type_title">切换模式</span>
  5115. <div class="type_content">
  5116. <span
  5117. :class="{ active: typeMode == 1 }"
  5118. @click="typeMode = 1"
  5119. >目标树</span
  5120. >
  5121. <span
  5122. :class="{ active: typeMode == 2 }"
  5123. @click="typeMode = 2"
  5124. >目标罗盘</span
  5125. >
  5126. <span
  5127. :class="{ active: typeMode == 3 }"
  5128. @click="typeMode = 3"
  5129. >目标看板</span
  5130. >
  5131. </div>
  5132. </div>
  5133. <div class="e_add_list_pbox_content">
  5134. <Mind
  5135. :showBar="false"
  5136. :mindData="data"
  5137. style="width: 100%"
  5138. v-show="typeMode == 1"
  5139. ></Mind>
  5140. <Sunburst
  5141. :Josn="eJson"
  5142. :num="eJSONNum"
  5143. style="width: 100%"
  5144. v-if="typeMode == 2"
  5145. ></Sunburst>
  5146. <SeeBoard
  5147. :Josn="eJson"
  5148. :num="eJSONNum"
  5149. :ename="eTitle"
  5150. style="width: 100%"
  5151. v-if="typeMode == 3"
  5152. >
  5153. </SeeBoard>
  5154. </div>
  5155. </div>
  5156. </div>
  5157. </div>
  5158. </div>
  5159. </div>
  5160. <!-- <div
  5161. class="project_box"
  5162. style="margin-top: 15px; padding-bottom: 30px"
  5163. >
  5164. <div
  5165. style="
  5166. display: flex;
  5167. flex-wrap: nowrap;
  5168. flex-direction: column;
  5169. position: relative;
  5170. "
  5171. >
  5172. <div class="queTop">
  5173. <div class="question">
  5174. <img src="../assets/icon/homeWork.png" alt="" />
  5175. </div>
  5176. <div class="queTitle">
  5177. <div>作业提交<span>(提交图文视频等)</span></div>
  5178. <div>:任务:{{ task.task }}</div>
  5179. </div>
  5180. </div>
  5181. <div class="ediBottom">
  5182. <div
  5183. class="addEditor"
  5184. style="margin-top: 23px"
  5185. @click="openAddWork"
  5186. v-if="!isNoHomeWork"
  5187. >
  5188. 选择文件
  5189. </div>
  5190. <div
  5191. class="addEditor"
  5192. style="margin-top: 23px"
  5193. @click="openAddWork"
  5194. v-else
  5195. >
  5196. 已提交
  5197. </div>
  5198. </div>
  5199. </div>
  5200. </div>-->
  5201. </div>
  5202. </div>
  5203. <el-dialog
  5204. title="作业提交"
  5205. :visible.sync="dialogVisible"
  5206. :append-to-body="true"
  5207. width="500px"
  5208. :before-close="handleClose"
  5209. class="dialog_change"
  5210. >
  5211. <div class="marginT">
  5212. <div>上传文件</div>
  5213. <div
  5214. class="chapter_add"
  5215. @click="addImg($event)"
  5216. v-if="studyJuri[0].cover.length == 0"
  5217. >
  5218. <div class="up_photo">
  5219. <img src="../assets/icon/uploadImg.png" alt />
  5220. </div>
  5221. <input
  5222. type="file"
  5223. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  5224. style="display: none"
  5225. @change="beforeUpload1($event, 1)"
  5226. />
  5227. <!-- <input
  5228. type="file"
  5229. accept="image/*"
  5230. capture="camera"
  5231. style="display: none"
  5232. @change="beforeUpload1($event, 1)"
  5233. /> -->
  5234. </div>
  5235. <div
  5236. class="chapter_add"
  5237. style="
  5238. display: flex;
  5239. width: 100%;
  5240. flex-direction: row;
  5241. flex-wrap: wrap;
  5242. justify-content: flex-start;
  5243. padding: 15px 0;
  5244. "
  5245. v-if="studyJuri[0].cover.length > 0"
  5246. >
  5247. <div class="upCover">
  5248. <img
  5249. :src="studyJuri[0].cover[0].url"
  5250. alt
  5251. v-if="fileType == 0"
  5252. />
  5253. <img :src="word" alt v-else-if="fileType == 1" />
  5254. <img :src="video" alt v-else />
  5255. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  5256. <div class="deleteWord" @click="clean(1)">
  5257. <img src="../assets/icon/deleteWorks.png" alt />
  5258. </div>
  5259. </div>
  5260. </div>
  5261. </div>
  5262. <!-- <div class="first">
  5263. <div>作业名称:</div>
  5264. <div>{{ chapInfoList[courseType].dyName }}</div>
  5265. </div>
  5266. <div style="font-size: 20px; margin-bottom: 10px">上传作业</div>
  5267. <el-input
  5268. type="textarea"
  5269. resize="none"
  5270. rows="7"
  5271. placeholder="输入文字描述..."
  5272. v-model="studyJuri[0].content"
  5273. ></el-input>
  5274. <div class="marginT">
  5275. <div>上传图片</div>
  5276. <div class="chapter_add" @click="addImg($event)">
  5277. <div class="up_photo">
  5278. <img src="../assets/photo.png" alt />
  5279. </div>
  5280. <input
  5281. type="file"
  5282. accept="image/png, image/gif, image/jpeg"
  5283. style="display: none"
  5284. @change="beforeUpload1($event, 1)"
  5285. />
  5286. </div>
  5287. <div
  5288. class="chapter_add"
  5289. style="
  5290. display: flex;
  5291. width: 100%;
  5292. flex-direction: row;
  5293. flex-wrap: wrap;
  5294. justify-content: flex-start;
  5295. "
  5296. v-if="studyJuri[0].cover.length > 0"
  5297. >
  5298. <div
  5299. v-for="(c, cIndex) in studyJuri[0].cover"
  5300. :key="cIndex"
  5301. class="upCover"
  5302. >
  5303. <img :src="c.url != null && c.url != '' ? c.url : mr" alt />
  5304. <span class="picName">{{ c.name }}</span>
  5305. <div class="deleteWord" @click="clean(1)">
  5306. <img src="../assets/icon/delete.png" alt />
  5307. </div>
  5308. </div>
  5309. </div>
  5310. </div>
  5311. <div class="marginT">
  5312. <div>上传视频</div>
  5313. <div class="chapter_add" @click="addImg($event)">
  5314. <div class="up_photo">
  5315. <img src="../assets/vidio.png" alt />
  5316. </div>
  5317. <input
  5318. type="file"
  5319. accept="video/mp4, video/quicktime, video/x-msvideo"
  5320. style="display: none"
  5321. @change="beforeUpload2($event, 2)"
  5322. />
  5323. </div>
  5324. <div
  5325. class="chapter_add"
  5326. style="
  5327. display: flex;
  5328. flex-direction: row;
  5329. flex-wrap: wrap;
  5330. width: 100%;
  5331. justify-content: flex-start;
  5332. "
  5333. v-if="studyJuri[0].upVedio.length > 0"
  5334. >
  5335. <div
  5336. style="
  5337. width: 100%;
  5338. display: flex;
  5339. flex-direction: row;
  5340. flex-wrap: wrap;
  5341. align-content: flex-start;
  5342. justify-content: flex-start;
  5343. align-items: center;
  5344. "
  5345. >
  5346. <div
  5347. class="uploadVedio isAddThings"
  5348. v-for="(v, vIndex) in studyJuri[0].upVedio"
  5349. :key="vIndex"
  5350. >
  5351. <img src="../assets/uploadMp4.png" alt />
  5352. <span>{{ v.name }}</span>
  5353. <div class="deleteWord" @click="clean(2)">
  5354. <img src="../assets/icon/delete.png" alt />
  5355. </div>
  5356. </div>
  5357. </div>
  5358. </div>
  5359. </div>-->
  5360. <div
  5361. class="upload_send"
  5362. @click="addCourseWorks(taskCount)"
  5363. v-if="!proVisible"
  5364. >
  5365. 提交
  5366. </div>
  5367. </el-dialog>
  5368. </div>
  5369. </div>
  5370. <div
  5371. class="pButton"
  5372. @click="(pzDialog = true), selectPz()"
  5373. v-if="tType == 4"
  5374. >
  5375. <!-- 批 -->
  5376. <img src="../assets/pzBtn2.png" style="width: 25px" alt="" />
  5377. </div>
  5378. <div v-if="pzDialog == true" class="newDialogCss">
  5379. <div class="pzTop2">
  5380. <!-- <div>批注</div>
  5381. <div @click="pzDialog = false">
  5382. <img src="../assets/close1.png" alt="" />
  5383. </div> -->
  5384. <div class="checkbox">
  5385. <div class="check" style="font-size: 25px">评课笔记</div>
  5386. <img src="../assets/pzBtn.png" @click="pzDialog = false" alt="" />
  5387. </div>
  5388. </div>
  5389. <div :class="pzList && pzList.length ? 'pzBox' : 'noPzBox'">
  5390. <div class="pzListBox" v-if="pzList && pzList.length">
  5391. <div class="pzList" v-for="(pz, pzIndex) in pzList" :key="pzIndex">
  5392. <div class="pzNavTop">
  5393. <div>批</div>
  5394. <div>
  5395. {{
  5396. pz.username && pz.username.length > 5
  5397. ? pz.username.substring(0, 5) + "..."
  5398. : pz.username
  5399. }}的批注
  5400. </div>
  5401. <div
  5402. class="pzDelete"
  5403. v-if="pz.userid == userid"
  5404. @click="deletePz(pz.id)"
  5405. >
  5406. 删除
  5407. </div>
  5408. </div>
  5409. <div
  5410. class="pzContent cont"
  5411. v-html="pz.content"
  5412. v-if="pz.type == '1'"
  5413. ></div>
  5414. <div class="pzContent" v-if="pz.type == '2'">
  5415. <audio :src="pz.content" controls="controls" ref="audio">
  5416. Your browser does not support the audio element.
  5417. </audio>
  5418. </div>
  5419. <div class="pzContent" v-if="pz.type == '3'">
  5420. <img
  5421. :src="pz.content"
  5422. style="width: 90%; margin: 0 auto; display: block"
  5423. @click="previewImg(pz.content)"
  5424. />
  5425. </div>
  5426. <div class="time">
  5427. {{ pz.time }}
  5428. </div>
  5429. </div>
  5430. </div>
  5431. <div class="noPz" v-else>
  5432. <img src="../assets/icon/noPz.png" alt="" />
  5433. </div>
  5434. <div class="addPzButton">
  5435. <div class="addPz" @click="(addPzDialog = true), (pzType = 1)">
  5436. 添加批注
  5437. </div>
  5438. <!-- <div class="img1">
  5439. <div @click="(addPzDialog = true), (pzType = 2)">
  5440. <img src="../assets/audio.png" /><span>音频</span>
  5441. </div>
  5442. </div> -->
  5443. </div>
  5444. </div>
  5445. </div>
  5446. <div v-if="addPzDialog == true" class="addDialogCss">
  5447. <div class="pzTop">
  5448. <div class="teacherPz">
  5449. <div class="teacherPzImg">
  5450. <img src="../assets/icon/teacherPz.png" alt="" />
  5451. </div>
  5452. <div style="margin-left: 10px; height: 25px">教师批注</div>
  5453. </div>
  5454. <div @click="addPzDialog = false">
  5455. <img src="../assets/close1.png" alt="" />
  5456. </div>
  5457. </div>
  5458. <div class="addPzBox">
  5459. <div class="addPzCheck">
  5460. <span :class="{ isChooseActive: pzType == 1 }" @click="pzType = 1"
  5461. >文本</span
  5462. >
  5463. <!-- <span :class="{isChooseActive:pzType==3}" @click="pzType = 3">图片</span> -->
  5464. <span :class="{ isChooseActive: pzType == 2 }" @click="pzType = 2"
  5465. >音频</span
  5466. >
  5467. </div>
  5468. <div style="height: calc(100% - 95px)">
  5469. <!-- <textarea class="binfo_input pzConText" cols placeholder="请填写项目课程关键问题...." v-model="pzConText"
  5470. v-if="pzType == 1"></textarea> -->
  5471. <editor-bar
  5472. class="binfo_input pzConText"
  5473. style="width: 100% !important"
  5474. placeholder="请输入任务描述"
  5475. v-model="pzConText"
  5476. @change="change"
  5477. v-if="pzType == 1"
  5478. ></editor-bar>
  5479. <Audio @addPz="addPz" class="pzAudioClass" v-if="pzType == 2"></Audio>
  5480. <!-- <div class="pzAudioClass" v-if="pzType == 3">
  5481. <div @click="addImg($event)">
  5482. <el-button type="primary">上传图片</el-button>
  5483. <input type="file" accept="image/png, image/gif, image/jpeg" style="display: none"
  5484. @change="beforeUpload1($event, 4)" />
  5485. </div>
  5486. </div> -->
  5487. </div>
  5488. <div class="addTextCss" @click="addPz('1')" v-if="pzType == 1">
  5489. 确定
  5490. </div>
  5491. </div>
  5492. </div>
  5493. <div v-if="proVisible" class="mask">
  5494. <div class="progressBox">
  5495. <!-- <div id="closePro" class="closeCss">
  5496. <img src="../assets/icon/close.png" alt />
  5497. </div> -->
  5498. <div class="lbox">
  5499. <img src="../assets/loading.gif" />上传中,请稍后
  5500. </div>
  5501. <div style="margin-bottom: 10px">
  5502. <span>{{ isFinishSize }}M</span> / <span>{{ isAllSize }}M</span>
  5503. </div>
  5504. <el-progress
  5505. :text-inside="true"
  5506. :stroke-width="20"
  5507. :percentage="progress"
  5508. style="width: 80%"
  5509. ></el-progress>
  5510. </div>
  5511. </div>
  5512. <div v-if="proVisible2" class="mask">
  5513. <div class="progressBox">
  5514. <div class="lbox">
  5515. <img src="../assets/loading.gif" />上传中,请稍后
  5516. </div>
  5517. <!-- <el-progress :text-inside="true" :stroke-width="20" :percentage="progress" style="width: 80%"></el-progress> -->
  5518. </div>
  5519. </div>
  5520. <el-dialog :visible.sync="pictureDialog" size="tiny">
  5521. <img width="100%" :src="dialogImageUrl" alt />
  5522. </el-dialog>
  5523. <el-dialog
  5524. :title="noteName != '' ? noteName : '查看问卷'"
  5525. :visible.sync="dialogVisible5"
  5526. :append-to-body="true"
  5527. width="1000px"
  5528. :before-close="handleClose"
  5529. class="dialog_diy dialog_diy3"
  5530. >
  5531. <div>
  5532. <div
  5533. class="a_add_title"
  5534. style="
  5535. display: flex;
  5536. flex-direction: row;
  5537. align-items: center;
  5538. justify-content: center;
  5539. "
  5540. >
  5541. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  5542. <div style="font-size: 20px">{{ askJson.askTitle }}</div>
  5543. </div>
  5544. <div class="a_addBox">
  5545. <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
  5546. <div
  5547. class="a_add_box"
  5548. v-for="(item1, index1) in askJson.askCount"
  5549. :key="index1"
  5550. >
  5551. <div class="a_add_head">
  5552. <div style="display: flex">
  5553. {{ index1 + 1 + "、" }}
  5554. <div>题目:{{ askJson.askJson[index1].askstitle }}</div>
  5555. </div>
  5556. <img
  5557. v-if="askJson.askJson[index1].img"
  5558. :src="askJson.askJson[index1].img"
  5559. style="height: 300px; margin-top: 10px; max-width: 100%"
  5560. />
  5561. </div>
  5562. <div class="a_add_body">
  5563. <div class="a_add_input">
  5564. <el-radio-group v-model="radio[index1]">
  5565. <el-radio
  5566. v-for="(item2, checkIndex) in askJson.askJson[index1]
  5567. .checkList"
  5568. :key="checkIndex"
  5569. :label="checkIndex"
  5570. :disabled="isAnswer"
  5571. class="redioStyle"
  5572. ><span v-html="item2"></span
  5573. ></el-radio>
  5574. </el-radio-group>
  5575. </div>
  5576. </div>
  5577. </div>
  5578. </div>
  5579. </div>
  5580. <span slot="footer" class="dialog-footer">
  5581. <el-button @click="dialogVisible5 = false" v-show="noteName == ''"
  5582. >取 消</el-button
  5583. >
  5584. <el-button type="primary" @click="addStudentAsk" v-show="noteName == ''"
  5585. >确 定</el-button
  5586. >
  5587. </span>
  5588. </el-dialog>
  5589. <el-dialog
  5590. :title="noteName != '' ? noteName : '查看选择题'"
  5591. :visible.sync="dialogVisibleChoice"
  5592. :append-to-body="true"
  5593. width="1000px"
  5594. :before-close="handleClose"
  5595. class="dialog_diy dialog_diy3"
  5596. >
  5597. <div>
  5598. <!-- <div class="a_add_title" style="
  5599. display: flex;
  5600. flex-direction: row;
  5601. align-items: center;
  5602. justify-content: center;
  5603. ">
  5604. <div style="margin-right: 20px; font-size: 20px">标题:</div>
  5605. <div style="font-size: 20px">{{ testJson.testTitle }}</div>
  5606. </div> -->
  5607. <div class="a_addBox">
  5608. <div style="font-size: 16px; color: #c7c7c7">题目内容</div>
  5609. <div
  5610. class="a_add_box"
  5611. v-for="(item1, index1) in testJson.testCount"
  5612. :key="index1"
  5613. >
  5614. <div class="a_add_head">
  5615. <div style="display: flex">
  5616. {{ index1 + 1 + "、" }}
  5617. <div
  5618. v-if="testJson.testJson[index1].type == '1'"
  5619. style="margin-right: 5px"
  5620. >
  5621. (单选题)
  5622. </div>
  5623. <div
  5624. v-if="testJson.testJson[index1].type == '2'"
  5625. style="margin-right: 5px"
  5626. >
  5627. (多选题)
  5628. </div>
  5629. <div>题目:{{ testJson.testJson[index1].teststitle }}</div>
  5630. </div>
  5631. <img
  5632. v-if="testJson.testJson[index1].img"
  5633. :src="testJson.testJson[index1].img"
  5634. style="height: 300px; margin-top: 10px; max-width: 100%"
  5635. />
  5636. </div>
  5637. <div
  5638. class="timuImgBox"
  5639. v-if="
  5640. testJson.testJson[index1].timuList &&
  5641. testJson.testJson[index1].timuList.length
  5642. "
  5643. >
  5644. <div
  5645. v-for="(timg, tIndex) in testJson.testJson[index1].timuList"
  5646. :key="tIndex"
  5647. class="timuImg"
  5648. @click.stop="previewImg(timg.src)"
  5649. >
  5650. <img :src="timg.src" alt="" />
  5651. </div>
  5652. </div>
  5653. <div class="a_add_body">
  5654. <div class="a_add_input">
  5655. <el-radio-group
  5656. v-model="radio[index1]"
  5657. v-if="testJson.testJson[index1].type == '1'"
  5658. >
  5659. <div class="radioBox">
  5660. <el-radio
  5661. v-for="(item2, checkIndex) in testJson.testJson[index1]
  5662. .checkList"
  5663. :key="checkIndex"
  5664. :label="checkIndex"
  5665. :disabled="isAnswer"
  5666. class="redioStyle"
  5667. >
  5668. <div
  5669. style="margin-right: 10px"
  5670. v-if="item2 && item2.imgType && item2.imgType == 1"
  5671. >
  5672. <div class="inImg" @click.stop="previewImg(item2.src)">
  5673. <img :src="item2.src" alt="" />
  5674. </div>
  5675. </div>
  5676. <span v-else v-html="item2"></span>
  5677. </el-radio>
  5678. </div>
  5679. </el-radio-group>
  5680. <el-checkbox-group
  5681. v-model="radio[index1]"
  5682. v-if="testJson.testJson[index1].type == '2'"
  5683. >
  5684. <div class="radioBox">
  5685. <el-checkbox
  5686. v-for="(item2, checkIndex) in testJson.testJson[index1]
  5687. .checkList"
  5688. :key="checkIndex"
  5689. :label="checkIndex"
  5690. :disabled="isAnswer"
  5691. class="redioStyle"
  5692. >
  5693. <div
  5694. style="margin-right: 10px"
  5695. v-if="item2 && item2.imgType && item2.imgType == 1"
  5696. >
  5697. <div class="inImg" @click.stop="previewImg(item2.src)">
  5698. <img :src="item2.src" alt="" />
  5699. </div>
  5700. </div>
  5701. <span v-else v-html="item2"></span>
  5702. </el-checkbox>
  5703. </div>
  5704. </el-checkbox-group>
  5705. </div>
  5706. </div>
  5707. </div>
  5708. </div>
  5709. </div>
  5710. <span slot="footer" class="dialog-footer">
  5711. <el-button @click="dialogVisibleChoice = false" v-show="noteName == ''"
  5712. >取 消</el-button
  5713. >
  5714. <el-button
  5715. type="primary"
  5716. @click="addStudentTest"
  5717. v-show="noteName == ''"
  5718. >确 定</el-button
  5719. >
  5720. </span>
  5721. </el-dialog>
  5722. <el-dialog
  5723. title="查看富文本"
  5724. :visible.sync="dialogVisible1"
  5725. :append-to-body="true"
  5726. width="500px"
  5727. :before-close="handleClose"
  5728. class="dialog_diy textCss"
  5729. >
  5730. <el-form style="font-size: 20px">
  5731. <el-form-item label="文本标题" class="textTitle">
  5732. <div style="font-size: 20px">{{ text.name }}</div>
  5733. </el-form-item>
  5734. <div>富文本内容</div>
  5735. <div
  5736. v-html="text.url"
  5737. style="font-size: 18px; padding: 40px 0 0 0"
  5738. ></div>
  5739. </el-form>
  5740. <span slot="footer" class="dialog-footer">
  5741. <el-button type="primary" @click="dialogVisible1 = false"
  5742. >确定</el-button
  5743. >
  5744. </span>
  5745. </el-dialog>
  5746. <el-dialog
  5747. title="文件预览"
  5748. :visible.sync="dialogVisible3"
  5749. width="50%"
  5750. :before-close="handleClose"
  5751. class="dialog_diy"
  5752. :class="{ fullStyle: full }"
  5753. >
  5754. <div slot="title" class="header-title">
  5755. <div style="color: #fff">文件预览</div>
  5756. <div style="position: absolute; top: 19px; right: 50px">
  5757. <img
  5758. src="../assets/full.png"
  5759. style="height: 16px; cursor: pointer"
  5760. alt=""
  5761. @click="fullTools"
  5762. />
  5763. </div>
  5764. </div>
  5765. <pdf
  5766. v-if="showPDF"
  5767. :pdfUrl="pptImgUrl"
  5768. style="width: 100%; height: 520px; overflow: auto"
  5769. :class="{ fullStyle: full }"
  5770. ></pdf>
  5771. <iframe
  5772. v-else
  5773. :src="pptImgUrl"
  5774. frameborder="0"
  5775. width="100%"
  5776. height="600"
  5777. :class="{ fullStyle: full }"
  5778. security="restricted"
  5779. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  5780. ></iframe>
  5781. </el-dialog>
  5782. <el-dialog
  5783. title="文件预览"
  5784. :visible.sync="dialogVisible6"
  5785. width="50%"
  5786. :before-close="handleClose"
  5787. class="dialog_diy"
  5788. >
  5789. <iframe
  5790. :src="pptImgUrl1"
  5791. frameborder="0"
  5792. width="100%"
  5793. height="600"
  5794. security="restricted"
  5795. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  5796. ></iframe>
  5797. </el-dialog>
  5798. <el-dialog
  5799. title="提示"
  5800. :visible.sync="dialogVisible4"
  5801. :append-to-body="true"
  5802. width="800px"
  5803. :before-close="handleClose"
  5804. class="dialog_diy notice"
  5805. >
  5806. <div>此功能暂未开放!</div>
  5807. <el-button type="primary" @click="dialogVisible4 = false">确定</el-button>
  5808. </el-dialog>
  5809. <el-dialog
  5810. title="问答"
  5811. :visible.sync="answerDialogVisible"
  5812. :append-to-body="true"
  5813. width="800px"
  5814. :before-close="handleClose"
  5815. class="dialog_diy"
  5816. >
  5817. <div>
  5818. <div
  5819. style="
  5820. display: flex;
  5821. flex-wrap: nowrap;
  5822. flex-direction: column;
  5823. position: relative;
  5824. "
  5825. >
  5826. <div class="queTop" style="padding: 20px 0 20px 0">
  5827. <div class="question">
  5828. <img src="../assets/icon/question.png" alt />
  5829. </div>
  5830. <div class="queTitle">
  5831. <div style="width: 90px; min-width: 90px">提问:</div>
  5832. <div>{{ answerQ }}</div>
  5833. </div>
  5834. </div>
  5835. <div class="ediBottom">
  5836. <textarea
  5837. rows="6"
  5838. class="binfo_input"
  5839. cols
  5840. style="width: 95%; height: 120px"
  5841. v-model="questionAnswer"
  5842. ></textarea>
  5843. </div>
  5844. </div>
  5845. </div>
  5846. <div slot="footer">
  5847. <el-button @click="answerDialogVisible = false">取 消</el-button>
  5848. <el-button type="primary" @click="addQuestion">提 交</el-button>
  5849. </div>
  5850. </el-dialog>
  5851. <el-dialog
  5852. title="倒计时"
  5853. :visible.sync="timeDialogVisible"
  5854. :append-to-body="true"
  5855. width="800px"
  5856. :before-close="handleClose"
  5857. class="dialog_diy"
  5858. >
  5859. <div>
  5860. <Time :preTime="preTime" v-if="timeDialogVisible"></Time>
  5861. </div>
  5862. <div slot="footer">
  5863. <el-button @click="timeDialogVisible = false">关 闭</el-button>
  5864. </div>
  5865. </el-dialog>
  5866. <el-dialog
  5867. title="权限设置"
  5868. :visible.sync="juriVisible"
  5869. :append-to-body="true"
  5870. width="400px"
  5871. :before-close="handleClose"
  5872. class="dialog_diy"
  5873. >
  5874. <div>
  5875. <div class="open_box">
  5876. <div class="switch_box">
  5877. <span>允许学生查看所有作业</span>
  5878. <el-switch
  5879. v-model="sIsOpen"
  5880. active-text=""
  5881. class="switchCss"
  5882. @change="updateSLook"
  5883. ></el-switch>
  5884. </div>
  5885. <div
  5886. class="switch_box"
  5887. v-if="
  5888. courseDetail.userid == userid ||
  5889. (courseDetail.course_teacher &&
  5890. courseDetail.course_teacher.indexOf(userid) != -1)
  5891. "
  5892. >
  5893. <!-- v-if="courseDetail.userid == userid || courseDetail.course_teacher.indexOf(userid) != -1" -->
  5894. <span>禁止学生查看所有阶段</span>
  5895. <el-switch
  5896. v-model="IsLookOpen"
  5897. active-text=""
  5898. class="switchCss"
  5899. @change="updateLookOpen"
  5900. ></el-switch>
  5901. </div>
  5902. </div>
  5903. </div>
  5904. <div slot="footer">
  5905. <el-button
  5906. style="background: #409efe; color: #fff"
  5907. @click="juriVisible = false"
  5908. >关 闭</el-button
  5909. >
  5910. </div>
  5911. </el-dialog>
  5912. <el-dialog
  5913. title="查看视频"
  5914. :visible.sync="videoVisible"
  5915. :append-to-body="true"
  5916. width="1000px"
  5917. :before-close="handleClose"
  5918. class="dialog_diy1"
  5919. >
  5920. <div class="workd_media" style="height: 100%" v-if="videoDetail.sources">
  5921. <video-player
  5922. class="video-player vjs-custom-skin"
  5923. :playsinline="true"
  5924. :options="videoDetail"
  5925. @play="onPlayerPlay($event)"
  5926. style="width: 100%; height: 100%"
  5927. ></video-player>
  5928. </div>
  5929. <div slot="footer">
  5930. <el-button
  5931. style="background: #409efe; color: #fff"
  5932. @click="(videoVisible = false), (videoDetail.sources[0].src = '')"
  5933. >
  5934. 关 闭</el-button
  5935. >
  5936. </div>
  5937. </el-dialog>
  5938. <el-dialog
  5939. title="查看详情"
  5940. :visible.sync="commentDialogVisible"
  5941. :append-to-body="true"
  5942. width="800px"
  5943. :before-close="handleClose"
  5944. class="dialog_diy"
  5945. >
  5946. <div class="commentTop">
  5947. <div class="studentDetail">
  5948. <div class="tx"><img src="../assets/avatar.png" alt="" /></div>
  5949. <div class="nameAndTime">
  5950. <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
  5951. <div>{{ commentDetail.time }}</div>
  5952. </div>
  5953. <div
  5954. class="returnBtn"
  5955. style="margin-left: auto; width: 80px"
  5956. v-if="
  5957. commentDetail.works &&
  5958. commentDetail.type == 0 &&
  5959. (tType == 1 || tType == 4)
  5960. "
  5961. @click="
  5962. showPicturePaint(
  5963. commentDetail.img ? commentDetail.img : commentDetail.works
  5964. )
  5965. "
  5966. >
  5967. 教师批注
  5968. </div>
  5969. </div>
  5970. <div
  5971. class="worksAnswer"
  5972. v-if="commentDetail.works && commentDetail.type == 2"
  5973. >
  5974. {{ JSON.parse(commentDetail.works)[0].answer }}
  5975. </div>
  5976. <div
  5977. class="worksAnswer"
  5978. v-if="commentDetail.works && commentDetail.type == 1"
  5979. >
  5980. <img
  5981. src="../assets/teacherWork.png"
  5982. v-if="commentDetail.ateacher"
  5983. class="w_teachert"
  5984. />
  5985. <pdf
  5986. v-if="showPDF"
  5987. :pdfUrl="pptImgUrl"
  5988. style="width: 100%; height: 520px; overflow: auto"
  5989. :class="{ fullStyle: full }"
  5990. ></pdf>
  5991. <iframe
  5992. v-else
  5993. :src="pptImgUrl"
  5994. frameborder="0"
  5995. width="100%"
  5996. height="600"
  5997. :class="{ fullStyle: full }"
  5998. security="restricted"
  5999. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  6000. ></iframe>
  6001. </div>
  6002. <div
  6003. class="worksAnswer"
  6004. v-if="commentDetail.works && commentDetail.type == 0"
  6005. >
  6006. <img
  6007. src="../assets/teacherWork.png"
  6008. v-if="commentDetail.ateacher"
  6009. class="w_teachert"
  6010. style="right: 105px"
  6011. />
  6012. <img
  6013. :src="commentDetail.works"
  6014. alt=""
  6015. @click="previewImg(commentDetail.works)"
  6016. />
  6017. </div>
  6018. <div
  6019. class="worksAnswer"
  6020. v-if="commentDetail.works && commentDetail.type == 3"
  6021. >
  6022. <img
  6023. src="../assets/teacherWork.png"
  6024. v-if="commentDetail.ateacher"
  6025. class="w_teachert"
  6026. />
  6027. <video-player
  6028. class="video-player vjs-custom-skin"
  6029. :playsinline="true"
  6030. :options="videoDetail"
  6031. @play="onPlayerPlay($event)"
  6032. style="width: 90%; height: 100%; margin: 0 0 0 30px"
  6033. ></video-player>
  6034. </div>
  6035. <div
  6036. class="worksAnswer"
  6037. v-if="commentDetail.works && commentDetail.type == 10"
  6038. >
  6039. <div class="cont" v-html="commentDetail.works.text"></div>
  6040. </div>
  6041. <div
  6042. class="worksAnswer codeFileBox"
  6043. v-if="commentDetail.works && commentDetail.type == 12"
  6044. @click="downloadFile(commentDetail.works)"
  6045. >
  6046. <img src="../assets/icon/codeFile.png" />
  6047. <div>点击下载文件</div>
  6048. </div>
  6049. <div
  6050. class="worksAnswer"
  6051. v-if="commentDetail.works && commentDetail.type == 13"
  6052. >
  6053. <div v-html="JSON.parse(commentDetail.works).text"></div>
  6054. </div>
  6055. <div
  6056. class="worksAnswer"
  6057. v-if="commentDetail.works && commentDetail.type == 4"
  6058. >
  6059. <div class="evalCss">
  6060. <div class="nav">请选择星星进行评分</div>
  6061. <div class="middleBox" v-if="eScore.eStar">
  6062. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  6063. <div class="nameAndrate">
  6064. <div>{{ e.value }}</div>
  6065. <el-rate v-model="eScore.eStar[eIndex]" disabled></el-rate>
  6066. </div>
  6067. <div v-if="e.detail">{{ e.detail }}</div>
  6068. </div>
  6069. <div class="bz">
  6070. <textarea
  6071. disabled
  6072. rows="4"
  6073. class="pj"
  6074. style="
  6075. padding: 10px 5px;
  6076. width: 70%;
  6077. background: #f7f6f9;
  6078. font-size: 14px;
  6079. text-indent: 10px;
  6080. color: #000;
  6081. "
  6082. cols
  6083. v-model="eScore.eBzText"
  6084. placeholder="请输入评价内容..."
  6085. ></textarea>
  6086. </div>
  6087. </div>
  6088. </div>
  6089. </div>
  6090. <div class="comment">
  6091. <div class="commentList">
  6092. <div class="commentImg">
  6093. <img
  6094. @click="
  6095. isLikes(
  6096. commentDetail.wid,
  6097. userid,
  6098. 1,
  6099. null,
  6100. commentDetail.isLikes
  6101. )
  6102. "
  6103. :src="commentDetail.isLikes == true ? likes : noLikes"
  6104. alt=""
  6105. />
  6106. </div>
  6107. <div>{{ commentDetail.likesCount }}</div>
  6108. </div>
  6109. <div class="commentList">
  6110. <div class="commentImg">
  6111. <img src="../assets/icon/comment/comment.png" alt="" />
  6112. </div>
  6113. <div>{{ commentDetail.commentCount }}</div>
  6114. </div>
  6115. </div>
  6116. <div class="drawPBox" v-if="commentDetail.img">
  6117. <span>教师批注</span>
  6118. <img
  6119. :src="commentDetail.img"
  6120. alt=""
  6121. @click="previewImg(commentDetail.img)"
  6122. />
  6123. <span
  6124. class="deleteImg"
  6125. v-if="tType == 1 || tType == 4"
  6126. @click.stop="deletePicturePaint(commentDetail.wid)"
  6127. style="
  6128. font-size: 14px;
  6129. width: auto !important;
  6130. color: #b4b4b4;
  6131. top: unset;
  6132. bottom: 0;
  6133. border: none;
  6134. padding: 0;
  6135. height: auto !important;
  6136. margin: 0;
  6137. "
  6138. >删除</span
  6139. >
  6140. </div>
  6141. </div>
  6142. <div class="commentBox">
  6143. <div class="pl">评论:</div>
  6144. <div style="max-height: 200px; overflow: auto">
  6145. <div v-if="commentDetail.commentJson" style="padding: 10px 0 0 0">
  6146. <div
  6147. class="studentDetail"
  6148. style="padding-top: 10px"
  6149. v-for="(co, coIndex) in commentDetail.commentJson"
  6150. :key="coIndex"
  6151. >
  6152. <div class="tx" style="min-width: 50px">
  6153. <img src="../assets/avatar.png" alt="" />
  6154. </div>
  6155. <div class="plPerson">
  6156. <div class="plName">
  6157. <div>{{ co.commentPeople }}</div>
  6158. <div style="margin-left: 5px">
  6159. {{ co.commentTime }}
  6160. </div>
  6161. </div>
  6162. <div class="plContent">{{ co.commentText }}</div>
  6163. </div>
  6164. </div>
  6165. </div>
  6166. <div v-else style="padding: 10px 0 0 0">暂无评论</div>
  6167. </div>
  6168. </div>
  6169. <div style="margin-top: 10px">
  6170. <div class="displayBox">
  6171. <div
  6172. style="
  6173. color: #556db4;
  6174. font-size: 14px;
  6175. font-weight: bold;
  6176. padding-bottom: 10px;
  6177. "
  6178. >
  6179. 评价
  6180. </div>
  6181. <div class="easy_comment">
  6182. <div
  6183. v-for="(p, pIndex) in PlTextList"
  6184. :key="pIndex"
  6185. @click="fastText(p, 1)"
  6186. >
  6187. {{ p }}
  6188. </div>
  6189. </div>
  6190. </div>
  6191. <div>
  6192. <textarea
  6193. rows="3"
  6194. class="pj"
  6195. style="padding: 10px 5px"
  6196. cols
  6197. v-model="commentText"
  6198. placeholder="请输入对该学生的评价"
  6199. ></textarea>
  6200. </div>
  6201. </div>
  6202. <div slot="footer">
  6203. <el-button
  6204. @click="
  6205. (commentDialogVisible = false),
  6206. (commentIndexJson = {}),
  6207. videoDetail.sources && videoDetail.sources[0]
  6208. ? (videoDetail.sources[0].src = '')
  6209. : ''
  6210. "
  6211. >取 消</el-button
  6212. >
  6213. <el-button
  6214. type="primary"
  6215. @click="addComment(commentDetail.wid, userid, 2)"
  6216. >确 定</el-button
  6217. >
  6218. </div>
  6219. </el-dialog>
  6220. <el-dialog
  6221. title="查看文档"
  6222. :visible.sync="fullDialogVisible"
  6223. :append-to-body="true"
  6224. width="100%"
  6225. :before-close="handleClose"
  6226. :show-close="false"
  6227. class="dialog_diy full_diy"
  6228. :class="{ full_diy2: fulltype == 3 }"
  6229. >
  6230. <div slot="title" class="header-title">
  6231. <div style="color: #fff">查看文档</div>
  6232. <div
  6233. @click="fullDialogVisible = false"
  6234. style="
  6235. cursor: pointer;
  6236. position: absolute;
  6237. top: 20px;
  6238. right: 20px;
  6239. color: #fff;
  6240. "
  6241. >
  6242. 退出全屏
  6243. </div>
  6244. </div>
  6245. <div style="height: 100%">
  6246. <iframe
  6247. v-if="fulltype == 2"
  6248. style="width: 100%; height: 100%; border: none"
  6249. :src="fullUrl"
  6250. security="restricted"
  6251. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  6252. ></iframe>
  6253. <pdf
  6254. v-else-if="fulltype == 3"
  6255. :pdfUrl="fullUrl"
  6256. style="width: 100%; height: 100%; overflow: auto"
  6257. ></pdf>
  6258. <div
  6259. class="wheel"
  6260. v-if="fulltype == 1"
  6261. style="
  6262. box-shadow: 0 0 6px 1px #f2f2f2;
  6263. width: 100%;
  6264. background: #f1f1f1;
  6265. "
  6266. >
  6267. <div class="title" style="width: 100%; box-sizing: border-box">
  6268. 查看文档
  6269. </div>
  6270. <el-form class="textBox" style="height: 90%">
  6271. <el-form-item class="textTitle">
  6272. <div style="font-size: 22px">
  6273. {{ fullUrl.name }}
  6274. </div>
  6275. </el-form-item>
  6276. <!-- <div style="color: #918f8f; width: 85%">文档内容</div> -->
  6277. <div
  6278. v-html="fullUrl.url"
  6279. class="textContent"
  6280. style="height: auto"
  6281. ></div>
  6282. </el-form>
  6283. </div>
  6284. </div>
  6285. <!-- <div slot="footer">
  6286. <el-button @click="fullDialogVisible = false">关 闭</el-button>
  6287. </div> -->
  6288. </el-dialog>
  6289. <el-dialog
  6290. title="个人评价"
  6291. :visible.sync="studentEvalDialogVisible"
  6292. :append-to-body="true"
  6293. width="800px"
  6294. :before-close="handleClose"
  6295. class="dialog_diy"
  6296. >
  6297. <div class="evalCss">
  6298. <div class="nav">请选择星星进行评分</div>
  6299. <div class="middleBox" v-if="eScore.eStar">
  6300. <div class="pfBox" v-for="(e, eIndex) in rateJson" :key="eIndex">
  6301. <div class="nameAndrate">
  6302. <div>{{ e.value }}</div>
  6303. <el-rate
  6304. v-model="eScore.eStar[eIndex]"
  6305. :disabled="isStar"
  6306. ></el-rate>
  6307. </div>
  6308. <div v-if="e.detail">{{ e.detail }}</div>
  6309. </div>
  6310. <div class="easy_comment" v-if="isStar == false">
  6311. <div
  6312. v-for="(p, pIndex) in PlTextList"
  6313. :key="pIndex"
  6314. @click="fastText(p, 2)"
  6315. >
  6316. {{ p }}
  6317. </div>
  6318. </div>
  6319. <div class="bz">
  6320. <textarea
  6321. :disabled="isStar"
  6322. rows="4"
  6323. class="pj"
  6324. style="
  6325. padding: 10px 5px;
  6326. width: 70%;
  6327. background: #f7f6f9;
  6328. font-size: 14px;
  6329. text-indent: 10px;
  6330. "
  6331. cols
  6332. v-model="eScore.eBzText"
  6333. placeholder="请输入评价内容..."
  6334. ></textarea>
  6335. </div>
  6336. </div>
  6337. </div>
  6338. <div slot="footer">
  6339. <el-button @click="studentEvalDialogVisible = false">取 消</el-button>
  6340. <el-button type="primary" @click="addBzWorks" v-if="!isStar"
  6341. >确 定</el-button
  6342. >
  6343. </div>
  6344. </el-dialog>
  6345. <el-dialog
  6346. title="选择填空"
  6347. :visible.sync="dialogVisibleSelect"
  6348. :append-to-body="true"
  6349. width="90%"
  6350. :before-close="handleClose"
  6351. class="dialog_diy dialog_diy3"
  6352. >
  6353. <div v-if="selectJson">
  6354. <div class="select_box2">
  6355. <div class="select_box2_title">
  6356. <div>选择填空</div>
  6357. <div>请选择对应的答案进行答题!</div>
  6358. </div>
  6359. <div class="select_box2_box">
  6360. <div class="select_box2_img">
  6361. <img
  6362. :src="selectJson.url"
  6363. @click="previewImg(selectJson.url)"
  6364. alt=""
  6365. />
  6366. </div>
  6367. <div :class="isSelect ? 'rightWidthCss' : 'select_box2_answer'">
  6368. <div style="padding-top: 15px">
  6369. <div class="select_answer_title" v-if="isSelect">
  6370. {{ selectAnswer.stu }}
  6371. </div>
  6372. <div class="select_answer_title" v-else>
  6373. 根据题目选择对应答案
  6374. </div>
  6375. <div
  6376. class="select_box2_answer_box"
  6377. v-for="(item2, checkIndex) in selectJson.select"
  6378. :key="checkIndex"
  6379. >
  6380. <span style="min-width: 30px">{{ checkIndex + 1 }}、</span>
  6381. <el-select
  6382. :disabled="isSelect"
  6383. v-model="selectAnswer.answer[checkIndex]"
  6384. placeholder="请选择正确答案"
  6385. >
  6386. <el-option
  6387. v-for="(e, eIndex) in selectJson.select"
  6388. :key="eIndex"
  6389. :label="e"
  6390. :value="eIndex"
  6391. >
  6392. </el-option>
  6393. </el-select>
  6394. </div>
  6395. </div>
  6396. <div
  6397. class="rightAnswerCss"
  6398. v-if="isSelect && (tType == 1 || tType == 4)"
  6399. >
  6400. <div
  6401. v-for="(a, aIndex) in selectJson.answer"
  6402. :key="aIndex"
  6403. class="rightAnswer"
  6404. >
  6405. <div
  6406. v-if="selectAnswer.answer[aIndex] === a"
  6407. style="color: #767de1"
  6408. >
  6409. 回答正确
  6410. </div>
  6411. <div v-else>回答错误</div>
  6412. <div
  6413. style="margin-left: 10px"
  6414. v-if="selectAnswer.answer[aIndex] !== a"
  6415. >
  6416. 正确答案:
  6417. </div>
  6418. <div
  6419. :class="
  6420. selectAnswer.answer[aIndex] === a ? 'blueCss' : 'redCss'
  6421. "
  6422. >
  6423. {{ selectJson.select[a] }}
  6424. </div>
  6425. </div>
  6426. </div>
  6427. </div>
  6428. <div class="upAnswerCss">
  6429. <el-button
  6430. type="primary"
  6431. @click="addSelectAnswer"
  6432. v-if="!isSelect"
  6433. >提交答案</el-button
  6434. >
  6435. </div>
  6436. </div>
  6437. </div>
  6438. </div>
  6439. </el-dialog>
  6440. <el-dialog
  6441. title="教师评分"
  6442. :visible.sync="dialogVisibleScore"
  6443. :append-to-body="true"
  6444. width="800px"
  6445. :before-close="handleClose"
  6446. class="dialog_diy"
  6447. >
  6448. <div>
  6449. <div class="studentDetail">
  6450. <div class="tx"><img src="../assets/avatar.png" alt="" /></div>
  6451. <div class="nameAndTime">
  6452. <div style="margin-bottom: 5px">{{ commentDetail.sName }}</div>
  6453. <div>{{ commentDetail.time }}</div>
  6454. </div>
  6455. </div>
  6456. <div
  6457. class="worksAnswer"
  6458. v-if="commentDetail.works && commentDetail.type == 2"
  6459. >
  6460. {{ JSON.parse(commentDetail.works)[0].answer }}
  6461. </div>
  6462. <div
  6463. class="worksAnswer"
  6464. v-if="commentDetail.works && commentDetail.type == 1"
  6465. >
  6466. <pdf
  6467. v-if="showPDF"
  6468. :pdfUrl="pptImgUrl"
  6469. style="width: 100%; height: 520px; overflow: auto"
  6470. :class="{ fullStyle: full }"
  6471. ></pdf>
  6472. <iframe
  6473. v-else
  6474. :src="pptImgUrl"
  6475. frameborder="0"
  6476. width="100%"
  6477. height="600"
  6478. :class="{ fullStyle: full }"
  6479. security="restricted"
  6480. sandbox="allow-top-navigation allow-same-origin allow-forms allow-scripts allow-popups"
  6481. ></iframe>
  6482. </div>
  6483. <div
  6484. class="worksAnswer"
  6485. v-if="commentDetail.works && commentDetail.type == 0"
  6486. >
  6487. <img
  6488. :src="commentDetail.works"
  6489. alt=""
  6490. @click="previewImg(commentDetail.works)"
  6491. />
  6492. </div>
  6493. <div
  6494. class="worksAnswer"
  6495. v-if="commentDetail.works && commentDetail.type == 3"
  6496. >
  6497. <video-player
  6498. class="video-player vjs-custom-skin"
  6499. :playsinline="true"
  6500. :options="videoDetail"
  6501. @play="onPlayerPlay($event)"
  6502. style="width: 90%; height: 100%; margin: 0 0 0 30px"
  6503. ></video-player>
  6504. </div>
  6505. <div
  6506. class="worksAnswer codeFileBox"
  6507. v-if="commentDetail.works && commentDetail.type == 12"
  6508. @click="downloadFile(commentDetail.works)"
  6509. >
  6510. <img src="../assets/icon/codeFile.png" />
  6511. <div>点击下载文件</div>
  6512. </div>
  6513. <div
  6514. class="worksAnswer"
  6515. v-if="commentDetail.works && commentDetail.type == 13"
  6516. >
  6517. <div v-html="JSON.parse(commentDetail.works).text"></div>
  6518. </div>
  6519. <div class="scoreBox">
  6520. <span class="t">请输入分数</span>
  6521. <el-input-number
  6522. :disabled="courseDetail.userid != userid"
  6523. v-model="wScore"
  6524. :controls="false"
  6525. :min="0"
  6526. :max="100"
  6527. ></el-input-number>
  6528. </div>
  6529. <div class="scoreDetailBox">
  6530. <span class="t">评分评论</span>
  6531. <el-input
  6532. type="textarea"
  6533. :rows="5"
  6534. :disabled="courseDetail.userid != userid"
  6535. resize="none"
  6536. v-model="scoreDetail"
  6537. placeholder="请输入对学生的评价"
  6538. >
  6539. </el-input>
  6540. </div>
  6541. </div>
  6542. <span slot="footer" class="dialog-footer">
  6543. <el-button
  6544. @click="
  6545. (dialogVisibleScore = false),
  6546. (commentIndexJson = {}),
  6547. videoDetail.sources && videoDetail.sources[0]
  6548. ? (videoDetail.sources[0].src = '')
  6549. : ''
  6550. "
  6551. >取 消</el-button
  6552. >
  6553. <el-button
  6554. type="primary"
  6555. v-if="courseDetail.userid == userid"
  6556. @click="scoreWork(commentDetail.wid)"
  6557. >确 定
  6558. </el-button>
  6559. </span>
  6560. </el-dialog>
  6561. <el-dialog
  6562. title="连词成句"
  6563. :visible.sync="dialogVisibleSentence"
  6564. :append-to-body="true"
  6565. width="1000px"
  6566. :before-close="handleClose"
  6567. class="dialog_diy dialog_diy3"
  6568. >
  6569. <div>
  6570. <div class="sentenBox">
  6571. <div
  6572. v-for="(st, stIndex) in sentenceList"
  6573. :key="stIndex"
  6574. style="padding-bottom: 20px"
  6575. >
  6576. <div style="padding: 15px 0 10px 20px">请选择正确顺序</div>
  6577. <div class="cardList" v-if="st.chooseSenList">
  6578. <div class="cardBox">
  6579. <div
  6580. v-for="(r, rIndex) in st.chooseSenList"
  6581. :key="rIndex"
  6582. @click="returnCard(r, stIndex, rIndex)"
  6583. >
  6584. <el-tooltip
  6585. class="item"
  6586. effect="light"
  6587. :content="r"
  6588. placement="top"
  6589. v-if="r != '' && r != undefined"
  6590. >
  6591. <div
  6592. :class="{
  6593. isCard: r,
  6594. isChooseCard: r == '' || r == undefined,
  6595. }"
  6596. >
  6597. <div>{{ r }}</div>
  6598. </div>
  6599. </el-tooltip>
  6600. <div
  6601. :class="{
  6602. isCard: r,
  6603. isChooseCard: r == '' || r == undefined,
  6604. }"
  6605. v-else
  6606. >
  6607. <div>{{ r }}</div>
  6608. </div>
  6609. </div>
  6610. </div>
  6611. </div>
  6612. <div class="cardList" v-if="st.addChangeSen">
  6613. <div class="cardBox">
  6614. <div
  6615. v-for="(s, sIndex) in st.addChangeSen"
  6616. :key="sIndex"
  6617. @click="setRightAnswer(s, stIndex, sIndex)"
  6618. >
  6619. <el-tooltip
  6620. class="item"
  6621. effect="light"
  6622. :content="s"
  6623. placement="top"
  6624. v-if="s != '' && s != undefined"
  6625. >
  6626. <div
  6627. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  6628. >
  6629. <div>{{ s }}</div>
  6630. </div>
  6631. </el-tooltip>
  6632. <div
  6633. :class="{ noCard: s == '' || s == undefined, isCard: s }"
  6634. v-else
  6635. >
  6636. <div>{{ s }}</div>
  6637. </div>
  6638. </div>
  6639. </div>
  6640. </div>
  6641. </div>
  6642. </div>
  6643. </div>
  6644. <span slot="footer" class="dialog-footer">
  6645. <el-button @click="dialogVisibleSentence = false">取 消</el-button>
  6646. <el-button type="primary" @click="addSenWorks">确 定</el-button>
  6647. </span>
  6648. </el-dialog>
  6649. <el-dialog
  6650. title="连词成句"
  6651. :visible.sync="dialogVisibleSentence1"
  6652. :append-to-body="true"
  6653. width="1000px"
  6654. :before-close="handleClose"
  6655. class="dialog_diy dialog_diy3"
  6656. >
  6657. <div>
  6658. <div class="sentenBox">
  6659. <div style="padding: 15px 0 10px 20px; font-size: 20px">
  6660. {{ sentenceList1.stuName }}的作业
  6661. </div>
  6662. <div
  6663. v-for="(st, stIndex) in sentenceList1"
  6664. :key="stIndex"
  6665. style="padding-bottom: 20px"
  6666. >
  6667. <div style="padding: 15px 0 10px 20px; font-size: 20px">
  6668. 第{{ stIndex + 1 }}题
  6669. </div>
  6670. <div class="isWrong">
  6671. <div class="cardList1" v-if="st.chooseSenList">
  6672. <div class="cardBox">
  6673. <div v-for="(s, sIndex) in st.chooseSenList" :key="sIndex">
  6674. <el-tooltip
  6675. class="item"
  6676. effect="light"
  6677. :content="s"
  6678. placement="top"
  6679. >
  6680. <div class="isCard">
  6681. <div>{{ s }}</div>
  6682. </div>
  6683. </el-tooltip>
  6684. </div>
  6685. </div>
  6686. <div class="cardAnswerBox">
  6687. 组成句子:{{ st.chooseSenList.join(" ") }}
  6688. </div>
  6689. </div>
  6690. <div v-if="tType == 2" class="isTj">
  6691. <div class="isTjImg">
  6692. <img src="../assets/icon/conSentences/right.png" alt="" />
  6693. </div>
  6694. <div>已提交</div>
  6695. </div>
  6696. <div
  6697. class="answerRight isTj"
  6698. v-if="
  6699. st.chooseSenList.toString() == st.rightAnswer.toString() &&
  6700. (tType == 1 || tType == 4)
  6701. "
  6702. >
  6703. <div class="isTjImg">
  6704. <img src="../assets/icon/conSentences/right.png" alt="" />
  6705. </div>
  6706. <div>回答正确</div>
  6707. </div>
  6708. <div
  6709. class="answerRight isTj"
  6710. v-if="
  6711. st.chooseSenList.toString() != st.rightAnswer.toString() &&
  6712. (tType == 1 || tType == 4)
  6713. "
  6714. >
  6715. <div class="isTjImg">
  6716. <img src="../assets/icon/conSentences/wrong.png" alt="" />
  6717. </div>
  6718. <div>回答错误</div>
  6719. </div>
  6720. </div>
  6721. <div
  6722. v-if="
  6723. st.chooseSenList.toString() != st.rightAnswer.toString() &&
  6724. (tType == 1 || tType == 4)
  6725. "
  6726. >
  6727. <div style="padding: 15px 0 10px 20px">正确答案如下:</div>
  6728. <div
  6729. class="cardList"
  6730. v-if="st.rightAnswer"
  6731. style="border: none; padding: 10px 0 10px 10px; margin: 0"
  6732. >
  6733. <div class="cardBox">
  6734. <div v-for="(r, rIndex) in st.rightAnswer" :key="rIndex">
  6735. <el-tooltip
  6736. class="item"
  6737. effect="light"
  6738. :content="r"
  6739. placement="top"
  6740. >
  6741. <div class="isCard1">
  6742. <div>{{ r }}</div>
  6743. </div>
  6744. </el-tooltip>
  6745. </div>
  6746. </div>
  6747. <div class="cardAnswerBox">
  6748. 组成句子:{{ st.rightAnswer.join(" ") }}
  6749. </div>
  6750. </div>
  6751. </div>
  6752. </div>
  6753. </div>
  6754. </div>
  6755. <span slot="footer" class="dialog-footer">
  6756. <el-button @click="dialogVisibleSentence1 = false">取 消</el-button>
  6757. <el-button type="primary" @click="dialogVisibleSentence1 = false"
  6758. >确 定</el-button
  6759. >
  6760. </span>
  6761. </el-dialog>
  6762. <el-dialog
  6763. title="教师提交作业"
  6764. :visible.sync="dialogVisibleWorks"
  6765. :append-to-body="true"
  6766. width="500px"
  6767. :before-close="handleClose"
  6768. class="dialog_change"
  6769. >
  6770. <div class="marginT">
  6771. <div class="w_name">
  6772. 学生姓名:<span>{{ sStudent.student }}</span>
  6773. </div>
  6774. <div>上传文件</div>
  6775. <div
  6776. class="chapter_add"
  6777. @click="addImg($event)"
  6778. v-if="studyJuri[0].cover.length == 0"
  6779. >
  6780. <div class="up_photo">
  6781. <img src="../assets/uploadImg2.png" alt />
  6782. </div>
  6783. <input
  6784. type="file"
  6785. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  6786. style="display: none"
  6787. @change="beforeUpload1($event, 1)"
  6788. />
  6789. </div>
  6790. <!-- capture="camera" -->
  6791. <div
  6792. class="chapter_add"
  6793. style="
  6794. display: flex;
  6795. width: 100%;
  6796. flex-direction: row;
  6797. flex-wrap: wrap;
  6798. justify-content: flex-start;
  6799. padding: 15px 0;
  6800. "
  6801. v-if="studyJuri[0].cover.length > 0"
  6802. >
  6803. <div class="upCover">
  6804. <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
  6805. <img :src="word" alt v-else-if="fileType == 1" />
  6806. <img :src="video" alt v-else />
  6807. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  6808. <div class="deleteWord" @click="clean(1)">
  6809. <img src="../assets/icon/deleteWorks.png" alt />
  6810. </div>
  6811. </div>
  6812. </div>
  6813. </div>
  6814. <div
  6815. class="upload_send"
  6816. @click="addCourseWorksTeacher(taskCount)"
  6817. v-if="!proVisible"
  6818. >
  6819. 提交
  6820. </div>
  6821. </el-dialog>
  6822. <ImgDraw
  6823. :drawShow="drawShow"
  6824. @closeDraw="closeDraw"
  6825. @addImgDraw="addImgDraw"
  6826. :bg="bg"
  6827. ></ImgDraw>
  6828. <el-dialog
  6829. title="表格"
  6830. :visible.sync="dialogVisibleTable"
  6831. :append-to-body="true"
  6832. width="95%"
  6833. :before-close="handleClose"
  6834. class="dialog_diy"
  6835. >
  6836. <el-form>
  6837. <div>表格内容</div>
  6838. <Table v-model="tableJson.text" @change="change"></Table>
  6839. </el-form>
  6840. <span slot="footer" class="dialog-footer">
  6841. <el-button @click="dialogVisibleTable = false">取 消</el-button>
  6842. <el-button type="primary" @click="addTableWorks">确定</el-button>
  6843. </span>
  6844. </el-dialog>
  6845. <el-dialog
  6846. title="文档"
  6847. :visible.sync="dialogVisibleWord"
  6848. :append-to-body="true"
  6849. width="95%"
  6850. :before-close="handleClose"
  6851. class="dialog_diy"
  6852. >
  6853. <el-form>
  6854. <div>文档内容</div>
  6855. <editor-bar v-model="wordJson.text"></editor-bar>
  6856. </el-form>
  6857. <span slot="footer" class="dialog-footer">
  6858. <el-button @click="dialogVisibleWord = false">取 消</el-button>
  6859. <el-button type="primary" @click="addWordWorks">确定</el-button>
  6860. </span>
  6861. </el-dialog>
  6862. <el-dialog
  6863. title="表格"
  6864. :visible.sync="dialogVisibleTable2"
  6865. :append-to-body="true"
  6866. width="95%"
  6867. :before-close="handleClose"
  6868. class="dialog_diy"
  6869. >
  6870. <el-form>
  6871. <div class="cont" v-html="tableJson.text"></div>
  6872. </el-form>
  6873. <span slot="footer" class="dialog-footer">
  6874. <el-button @click="dialogVisibleTable2 = false">关 闭</el-button>
  6875. </span>
  6876. </el-dialog>
  6877. <el-dialog
  6878. title="分组设置"
  6879. :visible.sync="dialogVisibleGroup"
  6880. :append-to-body="true"
  6881. width="95%"
  6882. :before-close="handleClose"
  6883. class="dialog_diy"
  6884. >
  6885. <div v-if="dialogVisibleGroup">
  6886. <div v-if="courseDetail.userid == userid" class="g_d_btnBox">
  6887. <div style="color: rgb(171 171 171); margin: 0 10px 0 0">
  6888. 提示:需要锁定位置,才能点击头像修改座位。
  6889. </div>
  6890. <div
  6891. type="primary"
  6892. v-if="groupJson.islock == 1"
  6893. class="returnBtn"
  6894. style="background-color: #225bc7"
  6895. @click="lockChair"
  6896. >
  6897. 锁定位置
  6898. </div>
  6899. <div
  6900. type="primary"
  6901. v-else
  6902. class="returnBtn"
  6903. style="background-color: #225bc7"
  6904. @click="lockChair"
  6905. >
  6906. 解锁位置
  6907. </div>
  6908. <div
  6909. type="primary"
  6910. @click="updateGroup"
  6911. class="returnBtn"
  6912. style="background-color: #225bc7"
  6913. >
  6914. 分组设置
  6915. </div>
  6916. </div>
  6917. <div>
  6918. <div
  6919. class="g_d_box"
  6920. v-if="groupJson.group && groupStudent[toolindex]"
  6921. >
  6922. <div
  6923. class="g_d_group"
  6924. v-for="(g, gindex) in groupJson.group"
  6925. :key="gindex"
  6926. >
  6927. <div class="g_d_group_chair">
  6928. <div v-if="groupJson.number > 1">
  6929. <span
  6930. :class="{
  6931. isChair:
  6932. groupStudent[toolindex][gindex] &&
  6933. groupStudent[toolindex][gindex][0],
  6934. updateChair:
  6935. courseDetail.userid == userid &&
  6936. groupStudent[toolindex][gindex] &&
  6937. groupStudent[toolindex][gindex][0] &&
  6938. groupJson.islock == 2,
  6939. }"
  6940. ><span
  6941. class="updateChairBtn"
  6942. @click="
  6943. updateGroupChair(
  6944. groupStudent[toolindex][gindex] &&
  6945. groupStudent[toolindex][gindex][0]
  6946. )
  6947. "
  6948. >修改</span
  6949. ></span
  6950. ><span>{{
  6951. groupStudent[toolindex][gindex] &&
  6952. groupStudent[toolindex][gindex][0]
  6953. ? groupStudent[toolindex][gindex] &&
  6954. groupStudent[toolindex][gindex][0].name
  6955. : "空位置"
  6956. }}</span>
  6957. </div>
  6958. <div v-if="groupJson.number > 4">
  6959. <span
  6960. :class="{
  6961. isChair:
  6962. groupStudent[toolindex][gindex] &&
  6963. groupStudent[toolindex][gindex][4],
  6964. updateChair:
  6965. courseDetail.userid == userid &&
  6966. groupStudent[toolindex][gindex] &&
  6967. groupStudent[toolindex][gindex][4] &&
  6968. groupJson.islock == 2,
  6969. }"
  6970. ><span
  6971. class="updateChairBtn"
  6972. @click="
  6973. updateGroupChair(
  6974. groupStudent[toolindex][gindex] &&
  6975. groupStudent[toolindex][gindex][4]
  6976. )
  6977. "
  6978. >修改</span
  6979. ></span
  6980. ><span>{{
  6981. groupStudent[toolindex][gindex] &&
  6982. groupStudent[toolindex][gindex][4]
  6983. ? groupStudent[toolindex][gindex] &&
  6984. groupStudent[toolindex][gindex][4].name
  6985. : "空位置"
  6986. }}</span>
  6987. </div>
  6988. <div v-if="groupJson.number > 8">
  6989. <span
  6990. :class="{
  6991. isChair:
  6992. groupStudent[toolindex][gindex] &&
  6993. groupStudent[toolindex][gindex][8],
  6994. updateChair:
  6995. courseDetail.userid == userid &&
  6996. groupStudent[toolindex][gindex] &&
  6997. groupStudent[toolindex][gindex][8] &&
  6998. groupJson.islock == 2,
  6999. }"
  7000. ><span
  7001. class="updateChairBtn"
  7002. @click="
  7003. updateGroupChair(
  7004. groupStudent[toolindex][gindex] &&
  7005. groupStudent[toolindex][gindex][8]
  7006. )
  7007. "
  7008. >修改</span
  7009. ></span
  7010. ><span>{{
  7011. groupStudent[toolindex][gindex] &&
  7012. groupStudent[toolindex][gindex][8]
  7013. ? groupStudent[toolindex][gindex] &&
  7014. groupStudent[toolindex][gindex][8].name
  7015. : "空位置"
  7016. }}</span>
  7017. </div>
  7018. </div>
  7019. <div class="g_d_group_tableBox">
  7020. <div class="g_d_group_chair2">
  7021. <div v-if="groupJson.number > 2">
  7022. <span
  7023. :class="{
  7024. isChair:
  7025. groupStudent[toolindex][gindex] &&
  7026. groupStudent[toolindex][gindex][2],
  7027. updateChair:
  7028. courseDetail.userid == userid &&
  7029. groupStudent[toolindex][gindex] &&
  7030. groupStudent[toolindex][gindex][2] &&
  7031. groupJson.islock == 2,
  7032. }"
  7033. ><span
  7034. class="updateChairBtn"
  7035. @click="
  7036. updateGroupChair(
  7037. groupStudent[toolindex][gindex] &&
  7038. groupStudent[toolindex][gindex][2]
  7039. )
  7040. "
  7041. >修改</span
  7042. ></span
  7043. ><span>{{
  7044. groupStudent[toolindex][gindex] &&
  7045. groupStudent[toolindex][gindex][2]
  7046. ? groupStudent[toolindex][gindex] &&
  7047. groupStudent[toolindex][gindex][2].name
  7048. : "空位置"
  7049. }}</span>
  7050. </div>
  7051. <div v-if="groupJson.number > 6">
  7052. <span
  7053. :class="{
  7054. isChair:
  7055. groupStudent[toolindex][gindex] &&
  7056. groupStudent[toolindex][gindex][6],
  7057. updateChair:
  7058. courseDetail.userid == userid &&
  7059. groupStudent[toolindex][gindex] &&
  7060. groupStudent[toolindex][gindex][6] &&
  7061. groupJson.islock == 2,
  7062. }"
  7063. ><span
  7064. class="updateChairBtn"
  7065. @click="
  7066. updateGroupChair(
  7067. groupStudent[toolindex][gindex] &&
  7068. groupStudent[toolindex][gindex][6]
  7069. )
  7070. "
  7071. >修改</span
  7072. ></span
  7073. ><span>{{
  7074. groupStudent[toolindex][gindex] &&
  7075. groupStudent[toolindex][gindex][6]
  7076. ? groupStudent[toolindex][gindex] &&
  7077. groupStudent[toolindex][gindex][6].name
  7078. : "空位置"
  7079. }}</span>
  7080. </div>
  7081. </div>
  7082. <div class="g_d_group_table">
  7083. <div>
  7084. {{ g.name }}
  7085. </div>
  7086. <div>
  7087. <div
  7088. v-if="
  7089. courseDetail.userid == userid && groupJson.islock == 2
  7090. "
  7091. @click="deleteGroupChair(gindex)"
  7092. >
  7093. 移除组员
  7094. </div>
  7095. <div
  7096. @click="selectGroup(gindex)"
  7097. v-else-if="
  7098. groupStudentUid[toolindex] &&
  7099. groupStudentUid[toolindex][gindex].indexOf(userid) == -1
  7100. "
  7101. >
  7102. 加入分组
  7103. </div>
  7104. <div
  7105. @click="
  7106. exitGroup(
  7107. groupStudent[toolindex][gindex] &&
  7108. groupStudent[toolindex][gindex][
  7109. groupStudentUid[toolindex][gindex].indexOf(userid)
  7110. ].id
  7111. )
  7112. "
  7113. v-else-if="
  7114. groupStudentUid[toolindex] &&
  7115. groupStudentUid[toolindex][gindex].indexOf(userid) != -1
  7116. "
  7117. >
  7118. 退出分组
  7119. </div>
  7120. </div>
  7121. </div>
  7122. <div class="g_d_group_chair2">
  7123. <div v-if="groupJson.number > 3">
  7124. <span
  7125. :class="{
  7126. isChair:
  7127. groupStudent[toolindex][gindex] &&
  7128. groupStudent[toolindex][gindex][3],
  7129. updateChair:
  7130. courseDetail.userid == userid &&
  7131. groupStudent[toolindex][gindex] &&
  7132. groupStudent[toolindex][gindex][3] &&
  7133. groupJson.islock == 2,
  7134. }"
  7135. ><span
  7136. class="updateChairBtn"
  7137. @click="
  7138. updateGroupChair(
  7139. groupStudent[toolindex][gindex] &&
  7140. groupStudent[toolindex][gindex][3]
  7141. )
  7142. "
  7143. >修改</span
  7144. ></span
  7145. ><span>{{
  7146. groupStudent[toolindex][gindex] &&
  7147. groupStudent[toolindex][gindex][3]
  7148. ? groupStudent[toolindex][gindex] &&
  7149. groupStudent[toolindex][gindex][3].name
  7150. : "空位置"
  7151. }}</span>
  7152. </div>
  7153. <div v-if="groupJson.number > 7">
  7154. <span
  7155. :class="{
  7156. isChair:
  7157. groupStudent[toolindex][gindex] &&
  7158. groupStudent[toolindex][gindex][7],
  7159. updateChair:
  7160. courseDetail.userid == userid &&
  7161. groupStudent[toolindex][gindex] &&
  7162. groupStudent[toolindex][gindex][7] &&
  7163. groupJson.islock == 2,
  7164. }"
  7165. ><span
  7166. class="updateChairBtn"
  7167. @click="
  7168. updateGroupChair(
  7169. groupStudent[toolindex][gindex] &&
  7170. groupStudent[toolindex][gindex][7]
  7171. )
  7172. "
  7173. >修改</span
  7174. ></span
  7175. ><span>{{
  7176. groupStudent[toolindex][gindex] &&
  7177. groupStudent[toolindex][gindex][7]
  7178. ? groupStudent[toolindex][gindex] &&
  7179. groupStudent[toolindex][gindex][7].name
  7180. : "空位置"
  7181. }}</span>
  7182. </div>
  7183. </div>
  7184. </div>
  7185. <div class="g_d_group_chair">
  7186. <div v-if="groupJson.number > 1">
  7187. <span
  7188. :class="{
  7189. isChair:
  7190. groupStudent[toolindex][gindex] &&
  7191. groupStudent[toolindex][gindex][1],
  7192. updateChair:
  7193. courseDetail.userid == userid &&
  7194. groupStudent[toolindex][gindex] &&
  7195. groupStudent[toolindex][gindex][1] &&
  7196. groupJson.islock == 2,
  7197. }"
  7198. ><span
  7199. class="updateChairBtn"
  7200. @click="
  7201. updateGroupChair(
  7202. groupStudent[toolindex][gindex] &&
  7203. groupStudent[toolindex][gindex][1]
  7204. )
  7205. "
  7206. >修改</span
  7207. ></span
  7208. ><span>{{
  7209. groupStudent[toolindex][gindex] &&
  7210. groupStudent[toolindex][gindex][1]
  7211. ? groupStudent[toolindex][gindex] &&
  7212. groupStudent[toolindex][gindex][1].name
  7213. : "空位置"
  7214. }}</span>
  7215. </div>
  7216. <div v-if="groupJson.number > 5">
  7217. <span
  7218. :class="{
  7219. isChair:
  7220. groupStudent[toolindex][gindex] &&
  7221. groupStudent[toolindex][gindex][5],
  7222. updateChair:
  7223. courseDetail.userid == userid &&
  7224. groupStudent[toolindex][gindex] &&
  7225. groupStudent[toolindex][gindex][5] &&
  7226. groupJson.islock == 2,
  7227. }"
  7228. ><span
  7229. class="updateChairBtn"
  7230. @click="
  7231. updateGroupChair(
  7232. groupStudent[toolindex][gindex] &&
  7233. groupStudent[toolindex][gindex][5]
  7234. )
  7235. "
  7236. >修改</span
  7237. ></span
  7238. ><span>{{
  7239. groupStudent[toolindex][gindex] &&
  7240. groupStudent[toolindex][gindex][5]
  7241. ? groupStudent[toolindex][gindex] &&
  7242. groupStudent[toolindex][gindex][5].name
  7243. : "空位置"
  7244. }}</span>
  7245. </div>
  7246. <div v-if="groupJson.number > 9">
  7247. <span
  7248. :class="{
  7249. isChair:
  7250. groupStudent[toolindex][gindex] &&
  7251. groupStudent[toolindex][gindex][9],
  7252. updateChair:
  7253. courseDetail.userid == userid &&
  7254. groupStudent[toolindex][gindex] &&
  7255. groupStudent[toolindex][gindex][9] &&
  7256. groupJson.islock == 2,
  7257. }"
  7258. ><span
  7259. class="updateChairBtn"
  7260. @click="
  7261. updateGroupChair(
  7262. groupStudent[toolindex][gindex] &&
  7263. groupStudent[toolindex][gindex][9]
  7264. )
  7265. "
  7266. >修改</span
  7267. ></span
  7268. ><span>{{
  7269. groupStudent[toolindex][gindex] &&
  7270. groupStudent[toolindex][gindex][9]
  7271. ? groupStudent[toolindex][gindex] &&
  7272. groupStudent[toolindex][gindex][9].name
  7273. : "空位置"
  7274. }}</span>
  7275. </div>
  7276. </div>
  7277. </div>
  7278. </div>
  7279. </div>
  7280. </div>
  7281. <span slot="footer" class="dialog-footer">
  7282. <!-- <el-button @click="(dialogVisibleGroup = false)">关 闭</el-button> -->
  7283. </span>
  7284. </el-dialog>
  7285. <el-dialog
  7286. title="分组设置"
  7287. :visible.sync="dialogVisibleGroup2"
  7288. :append-to-body="true"
  7289. width="650px"
  7290. :before-close="handleClose"
  7291. class="dialog_diy"
  7292. >
  7293. <div class="groupBox">
  7294. <div v-if="groupJson2.group" class="groupContent">
  7295. <div class="groupTitle">请设置小组数量</div>
  7296. <div
  7297. v-for="(item, index) in groupJson2.group"
  7298. :key="index"
  7299. class="groupName"
  7300. >
  7301. <span class="groupn">组{{ index + 1 }}名称:</span>
  7302. <el-input
  7303. v-model="item.name"
  7304. placeholder="请输入名称..."
  7305. style="width: 250px"
  7306. ></el-input>
  7307. <!-- <div class="groupBtn">
  7308. <el-button type="primary" size="small" @click="addGroup(index)">
  7309. 添加</el-button>
  7310. <el-button type="primary" size="small" @click="deleteGroup(index)"
  7311. v-if="groupJson2.group && groupJson2.group.length > 1">删除</el-button>
  7312. </div> -->
  7313. </div>
  7314. </div>
  7315. <div class="groupContent">
  7316. <div class="groupTitle">请设置每组人数数量</div>
  7317. <!-- <el-input v-model="groupJson.number" placeholder="2-10人以内"
  7318. style="width: 150px; margin: 10px 10px 0 0"></el-input> -->
  7319. <el-input-number
  7320. v-model="groupJson2.number"
  7321. :controls="false"
  7322. :min="2"
  7323. :max="10"
  7324. placeholder="2-10人以内"
  7325. ></el-input-number>
  7326. </div>
  7327. </div>
  7328. <span slot="footer" class="dialog-footer">
  7329. <el-button @click="dialogVisibleGroup2 = false">取 消</el-button>
  7330. <el-button type="primary" @click="updateGroupJson">确定</el-button>
  7331. </span>
  7332. </el-dialog>
  7333. <el-dialog
  7334. title="作业提交"
  7335. :visible.sync="dialogVisibleGroupWork"
  7336. :append-to-body="true"
  7337. width="500px"
  7338. :before-close="handleClose"
  7339. class="dialog_change"
  7340. >
  7341. <div class="marginT">
  7342. <div>上传文件</div>
  7343. <div
  7344. class="chapter_add"
  7345. @click="addImg($event)"
  7346. v-if="studyJuri[0].cover.length == 0"
  7347. >
  7348. <div class="up_photo">
  7349. <img src="../assets/icon/uploadImg.png" alt />
  7350. </div>
  7351. <input
  7352. type="file"
  7353. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  7354. style="display: none"
  7355. @change="beforeUpload1($event, 1)"
  7356. />
  7357. </div>
  7358. <!-- capture="camera" -->
  7359. <div
  7360. class="chapter_add"
  7361. style="
  7362. display: flex;
  7363. width: 100%;
  7364. flex-direction: row;
  7365. flex-wrap: wrap;
  7366. justify-content: flex-start;
  7367. padding: 15px 0;
  7368. "
  7369. v-if="studyJuri[0].cover.length > 0"
  7370. >
  7371. <div class="upCover">
  7372. <img :src="studyJuri[0].cover[0].url" alt v-if="fileType == 0" />
  7373. <img :src="word" alt v-else-if="fileType == 1" />
  7374. <img :src="video" alt v-else />
  7375. <span class="picName">{{ studyJuri[0].cover[0].name }}</span>
  7376. <div class="deleteWord" @click="clean(1)">
  7377. <img src="../assets/icon/deleteWorks.png" alt />
  7378. </div>
  7379. </div>
  7380. </div>
  7381. </div>
  7382. <div
  7383. class="upload_send"
  7384. @click="addCourseWorks2(taskCount)"
  7385. v-if="!proVisible"
  7386. >
  7387. 提交
  7388. </div>
  7389. </el-dialog>
  7390. <el-dialog
  7391. title="修改分组"
  7392. :visible.sync="dialogVisibleUpdateGroup"
  7393. :append-to-body="true"
  7394. width="350px"
  7395. :before-close="handleClose"
  7396. class="dialog_diy"
  7397. >
  7398. <div>
  7399. <h2>
  7400. {{ this.updateGroupUser.name }}
  7401. </h2>
  7402. <div style="color: rgb(171 171 171); margin-top: 10px">
  7403. 请选择要进入的分组
  7404. </div>
  7405. <el-radio-group v-model="checkChair">
  7406. <el-radio
  7407. style="display: block; margin-top: 20px"
  7408. v-for="(item, index) in updateGroupArray"
  7409. :label="item.label"
  7410. :key="index"
  7411. >{{ item.name }}</el-radio
  7412. >
  7413. </el-radio-group>
  7414. </div>
  7415. <span slot="footer" class="dialog-footer">
  7416. <el-button @click="dialogVisibleUpdateGroup = false">取 消</el-button>
  7417. <el-button type="primary" @click="updateChair">确定</el-button>
  7418. </span>
  7419. </el-dialog>
  7420. <el-dialog
  7421. title="移除组员"
  7422. :visible.sync="dialogVisibleDeleteGroup"
  7423. :append-to-body="true"
  7424. width="350px"
  7425. :before-close="handleClose"
  7426. class="dialog_diy"
  7427. >
  7428. <div>
  7429. <h2>
  7430. {{ this.deleteGroupArray.name }}
  7431. </h2>
  7432. <div style="color: rgb(171 171 171); margin-top: 10px">
  7433. 请选择要删除的组员
  7434. </div>
  7435. <el-checkbox-group v-model="checkDeleteGroup">
  7436. <el-checkbox
  7437. style="display: block; margin-top: 20px"
  7438. v-for="(item, index) in deleteGroupUser"
  7439. :label="item.userid"
  7440. :key="index"
  7441. >{{ item.name }}</el-checkbox
  7442. >
  7443. </el-checkbox-group>
  7444. </div>
  7445. <span slot="footer" class="dialog-footer">
  7446. <el-button @click="dialogVisibleDeleteGroup = false">取 消</el-button>
  7447. <el-button type="primary" @click="deleteChair">确定</el-button>
  7448. </span>
  7449. </el-dialog>
  7450. <el-dialog
  7451. title="批量上传"
  7452. :visible.sync="dialogVisiblePl"
  7453. :append-to-body="true"
  7454. width="700px"
  7455. :before-close="handleClose"
  7456. class="dialog_change"
  7457. >
  7458. <div class="marginT">
  7459. <div>上传文件</div>
  7460. <div class="plworkBox">
  7461. <div
  7462. class="chapter_add"
  7463. style="
  7464. display: flex;
  7465. width: 150px;
  7466. flex-direction: row;
  7467. flex-wrap: wrap;
  7468. justify-content: flex-start;
  7469. margin: 0 10px 10px 0;
  7470. "
  7471. v-for="(item, index) in plworkFile"
  7472. :key="index"
  7473. >
  7474. <div class="upCover2">
  7475. <img :src="item.url" alt v-if="item.fileType == 1" />
  7476. <img :src="word" alt v-else-if="item.fileType == 4" />
  7477. <img :src="video" alt v-else />
  7478. <!-- <span class="picName">{{ item.name }}</span> -->
  7479. <!-- <el-input
  7480. v-model="item.username"
  7481. placeholder="请输入学生名字"
  7482. style="margin-top: 10px"
  7483. ></el-input> -->
  7484. <el-select
  7485. style="margin-top: 10px"
  7486. v-model="item.username"
  7487. filterable
  7488. allow-create
  7489. placeholder="请选择学生"
  7490. >
  7491. <el-option
  7492. v-for="item1 in uploadStudentJuri"
  7493. :key="item1.userid"
  7494. :label="item1.name ? item1.name : item1.username"
  7495. :value="item1.userid"
  7496. >
  7497. </el-option>
  7498. </el-select>
  7499. <div class="deleteWord" @click="clean2(index)">
  7500. <img src="../assets/icon/deleteWorks.png" alt />
  7501. </div>
  7502. </div>
  7503. </div>
  7504. <div class="chapter_add" style="width: auto" @click="addImg($event)">
  7505. <div class="up_photo2">
  7506. <img src="../assets/icon/plwork.png" alt />
  7507. <span>点击批量上传文件</span>
  7508. </div>
  7509. <input
  7510. type="file"
  7511. accept="video/mp4, video/quicktime, video/x-msvideo,application/pdf, application/.ppt, .pptx, .xlsx, .xls, application/msword, application/vnd.openxmlformats-officedocument.wordprocessingml.document, image/*"
  7512. multiple="multiple"
  7513. style="display: none"
  7514. @change="beforeUpload3($event, 6)"
  7515. />
  7516. </div>
  7517. </div>
  7518. </div>
  7519. <!-- capture="camera" -->
  7520. <div
  7521. class="upload_send"
  7522. @click="addCourseWorksPl(taskCount)"
  7523. v-if="!proVisible2"
  7524. >
  7525. 提交
  7526. </div>
  7527. </el-dialog>
  7528. <el-dialog
  7529. title="修改名称"
  7530. :visible.sync="dialogVisibleSname"
  7531. width="500px"
  7532. :before-close="handleClose"
  7533. class="dialog_diy"
  7534. center
  7535. >
  7536. <div style="text-align: center">
  7537. <span class="tian1">名称</span>
  7538. <el-select
  7539. v-model="worksSName"
  7540. filterable
  7541. allow-create
  7542. style="width: 250px; margin: 15px 0px"
  7543. placeholder="请选择学生"
  7544. >
  7545. <el-option
  7546. v-for="item in classJuri"
  7547. :key="item.userid"
  7548. :label="item.name ? item.name : item.username"
  7549. :value="item.userid"
  7550. >
  7551. </el-option>
  7552. </el-select>
  7553. <!-- <el-input
  7554. v-model="worksSName"
  7555. style="width: 250px; margin: 15px 0px"
  7556. ></el-input> -->
  7557. </div>
  7558. <span slot="footer" class="dialog-footer">
  7559. <el-button @click="dialogVisibleSname = false">取 消</el-button>
  7560. <el-button type="primary" @click="updateName">确 定</el-button>
  7561. </span>
  7562. </el-dialog>
  7563. </div>
  7564. </template>
  7565. <script>
  7566. import "../common/aws-sdk-2.235.1.min.js";
  7567. // import pdf from "./components/pdf3";
  7568. import pdf from "./components/vpdf";
  7569. import AskStatic from "./components/askStatic";
  7570. import AskStatic2 from "./components/askStatic2";
  7571. import AnswerData2 from "./components/answerData2";
  7572. import AnswerData from "./components/answerData";
  7573. import EditorBar from "./tools/wangEnduit.vue";
  7574. import Table from "./tools/table.vue";
  7575. import Time from "./tools/time.vue";
  7576. import Mind from "./tools/jsmind.vue";
  7577. import Sunburst from "./tools/sunburst";
  7578. import SeeBoard from "./tools/seeBoard";
  7579. import * as imageConversion from "image-conversion";
  7580. import Audio from "./components/audio.vue";
  7581. import ImgDraw from "./tools/imgDraw/imgDraw";
  7582. import { Empty } from "element-ui";
  7583. import RecordRTC from "recordrtc";
  7584. export default {
  7585. components: {
  7586. EditorBar,
  7587. Time,
  7588. pdf,
  7589. AskStatic,
  7590. AskStatic2,
  7591. Mind,
  7592. Sunburst,
  7593. SeeBoard,
  7594. AnswerData2,
  7595. AnswerData,
  7596. Audio,
  7597. ImgDraw,
  7598. Table,
  7599. },
  7600. data() {
  7601. return {
  7602. bg: null,
  7603. drawShow: false,
  7604. dialogVisible: false,
  7605. dialogVisiblePl: false,
  7606. commentDialogVisible: false,
  7607. videoVisible: false,
  7608. isStar: false,
  7609. studentEvalDialogVisible: false,
  7610. dialogVisibleSelect: false,
  7611. dialogVisibleScore: false,
  7612. dialogVisibleSentence: false,
  7613. dialogVisibleSentence1: false,
  7614. dialogVisibleWorks: false,
  7615. dialogVisibleTable: false,
  7616. dialogVisibleWord: false,
  7617. dialogVisibleTable2: false,
  7618. dialogVisibleGroupWork: false,
  7619. dialogVisibleUpdateGroup: false,
  7620. dialogVisibleDeleteGroup: false,
  7621. dialogVisibleSname: false,
  7622. worksSName: "",
  7623. classJuri: [],
  7624. uploadStudentJuri: [],
  7625. uploadCid: "",
  7626. snameWid: "",
  7627. sStudent: {},
  7628. bzText: "",
  7629. commentDetail: [],
  7630. selectAnswer: [],
  7631. videoDetail: {},
  7632. selectJson: {},
  7633. eScore: { eBzText: "", eStar: [] },
  7634. id: this.$route.query.courseId,
  7635. userid: this.$route.query.userid,
  7636. classId: this.$route.query.cid,
  7637. // courseTypeLine: this.$route.query.type,
  7638. oid: this.$route.query.oid,
  7639. org: this.$route.query.org,
  7640. tType: this.$route.query.tType,
  7641. courseType: this.$route.query.type,
  7642. screenType: this.$route.query.screenType,
  7643. tcid: this.$route.query.tcid,
  7644. pptImgUrl: "",
  7645. pptImgUrl1: "",
  7646. commentText: "",
  7647. full: false,
  7648. sIsOpen: false,
  7649. IsLookOpen: false,
  7650. pzDialog: false,
  7651. contentDialog: false,
  7652. mlDialog: false,
  7653. type: 1,
  7654. sentenceList: [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }],
  7655. sentenceList1: [],
  7656. tableJson: [],
  7657. wordJson: [],
  7658. vedio: [],
  7659. text: [],
  7660. textList: [],
  7661. line: [],
  7662. lineList: [],
  7663. chapTools: [],
  7664. chapToolList: [],
  7665. file: [],
  7666. vedioTime: [],
  7667. upToolImg: "",
  7668. preTime: 0,
  7669. rateList: {
  7670. ca: 0,
  7671. },
  7672. rateParams: [],
  7673. colors: ["#DFDFDF", "#DFDFDF", "#DFDFDF"],
  7674. studyJuri: [
  7675. {
  7676. content: "",
  7677. cover: [],
  7678. upVedio: [],
  7679. upFile: [],
  7680. },
  7681. ],
  7682. plworkFile: [],
  7683. mr: require("../assets/vedioPic.png"),
  7684. word: require("../assets/icon/isWord.png"),
  7685. word2: require("../assets/icon/word2.png"),
  7686. video: require("../assets/icon/isVideo.png"),
  7687. noLikes: require("../assets/icon/comment/noLikes.png"),
  7688. likes: require("../assets/icon/comment/likes.png"),
  7689. scoreImg: require("../assets/score.png"),
  7690. courseDetail: {},
  7691. isSelect: false,
  7692. chapInfo: [],
  7693. chapInfoList: [],
  7694. taskCount: 0,
  7695. imgList: [],
  7696. noImgList: [],
  7697. pzList: [],
  7698. PlTextList: [
  7699. "Excellent!",
  7700. "nice!",
  7701. "很有创意!",
  7702. "还不错哦~",
  7703. "继续努力哦~",
  7704. ],
  7705. isClickNav: "",
  7706. navId: "",
  7707. playerOptions: {
  7708. playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
  7709. autoplay: false, //如果true,浏览器准备好时开始回放。
  7710. muted: false, // 默认情况下将会消除任何音频。
  7711. loop: false, // 导致视频一结束就重新开始。
  7712. preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
  7713. language: "zh-CN",
  7714. aspectRatio: "16:9", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
  7715. fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
  7716. sources: [
  7717. {
  7718. type: "video/mp4", //这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目 || "video/ogg"|| "video/webm"
  7719. src: "", //url地址require("../../assets/media/aaa.mp4")
  7720. },
  7721. ],
  7722. // poster: require("../../assets/tu31.png"), //你的封面地址
  7723. // poster: dataRes.imgUrl, //你的封面地址
  7724. notSupportedMessage: "此视频暂无法播放,请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
  7725. controlBar: {
  7726. timeDivider: true, //当前时间和持续时间的分隔符
  7727. durationDisplay: true, //显示持续时间
  7728. remainingTimeDisplay: false, //是否显示剩余时间功能
  7729. fullscreenToggle: true, //全屏按钮
  7730. },
  7731. },
  7732. playerOptions1: {
  7733. playbackRates: [0.7, 1.0, 1.5, 2.0], //播放速度
  7734. autoplay: false, //如果true,浏览器准备好时开始回放。
  7735. muted: false, // 默认情况下将会消除任何音频。
  7736. loop: false, // 导致视频一结束就重新开始。
  7737. preload: "auto", // 建议浏览器在<video>加载元素后是否应该开始下载视频数据。auto浏览器选择最佳行为,立即开始加载视频(如果浏览器支持)
  7738. language: "zh-CN",
  7739. aspectRatio: "16:9", // 将播放器置于流畅模式,并在计算播放器的动态大小时使用该值。值应该代表一个比例 - 用冒号分隔的两个数字(例如"16:9"或"4:3")
  7740. fluid: true, // 当true时,Video.js player将拥有流体大小。换句话说,它将按比例缩放以适应其容器。
  7741. sources: [
  7742. {
  7743. type: "video/mp4", //这里的种类支持很多种:基本视频格式、直播、流媒体等,具体可以参看git网址项目 || "video/ogg"|| "video/webm"
  7744. src: "", //url地址require("../../assets/media/aaa.mp4")
  7745. },
  7746. ],
  7747. // poster: require("../../assets/tu31.png"), //你的封面地址
  7748. // poster: dataRes.imgUrl, //你的封面地址
  7749. notSupportedMessage: "此视频暂无法播放,请稍后再试", //允许覆盖Video.js无法播放媒体源时显示的默认信息。
  7750. controlBar: {
  7751. timeDivider: true, //当前时间和持续时间的分隔符
  7752. durationDisplay: true, //显示持续时间
  7753. remainingTimeDisplay: false, //是否显示剩余时间功能
  7754. fullscreenToggle: true, //全屏按钮
  7755. },
  7756. },
  7757. playerO: {},
  7758. noneBtnImg: false,
  7759. proVisible: false,
  7760. proVisible2: false,
  7761. progress: 0,
  7762. isFinishSize: 0,
  7763. isAllSize: 0,
  7764. questionAnswer: "",
  7765. answerQ: "", //问答标题
  7766. rateJson: [],
  7767. wbCount: 0,
  7768. wordCount: 0,
  7769. mindCount: 0,
  7770. askCount: 0,
  7771. noteCount: 0,
  7772. mindNetWorkCount: 0,
  7773. libraryCount: 0,
  7774. workCount: 0,
  7775. timeCount: 0,
  7776. answerCount: 0,
  7777. trainCount: 0,
  7778. evalCount: 0,
  7779. dialogImageUrl: "",
  7780. pictureDialog: false,
  7781. toolTypeList: [],
  7782. dialogVisible1: false,
  7783. dialogVisible2: false,
  7784. dialogVisible3: false,
  7785. dialogVisible6: false,
  7786. dialogVisible4: false,
  7787. isNoHomeWork: false,
  7788. dialogVisible5: false,
  7789. dialogVisibleChoice: false,
  7790. answerDialogVisible: false,
  7791. juriVisible: false,
  7792. timeDialogVisible: false,
  7793. radio: [],
  7794. isAsk: false,
  7795. askJson: {
  7796. askCount: 1,
  7797. askTitle: "",
  7798. askJson: [{ askstitle: "", askItem: 1, checkList: [] }],
  7799. },
  7800. testJson: {},
  7801. checkJson: [],
  7802. askList: [],
  7803. answerList: [],
  7804. navList: [],
  7805. addPzDialog: false,
  7806. pzConText: "",
  7807. worksStudent: [],
  7808. isCloseList: [],
  7809. workStudent: [],
  7810. groupStudent: [],
  7811. groupStudentUid: [],
  7812. noWorksS: [],
  7813. isWorksS: [],
  7814. noWorksStudent: [],
  7815. toolindex: 0,
  7816. groupIndex: 0,
  7817. workTypeB: false,
  7818. workTypeC: false,
  7819. isAnswer: false,
  7820. timer: null,
  7821. showType: 0,
  7822. fileType: 0,
  7823. showPDF: false,
  7824. noteName: "",
  7825. evaJuri: [],
  7826. evalua: "",
  7827. eTitle: "",
  7828. eName: "",
  7829. eJson: {},
  7830. fid: "", //一级
  7831. sid: "", //二级
  7832. tid: "", //二级
  7833. typeMode: 1,
  7834. eJSONNum: 0,
  7835. Etype: 1,
  7836. data: {
  7837. meta: {
  7838. name: "example",
  7839. author: "dd@163.com",
  7840. version: "0.2",
  7841. },
  7842. format: "node_array",
  7843. data: [{ id: "root", isroot: true, topic: "" }],
  7844. },
  7845. fullDialogVisible: false,
  7846. fulltype: "",
  7847. fullUrl: "",
  7848. commentIndexJson: {},
  7849. Stbodywidth: 0,
  7850. pzType: 1,
  7851. wScore: 0,
  7852. scoreDetail: "",
  7853. videoStart: false,
  7854. recorder: null,
  7855. groupJson: {},
  7856. groupJson2: {},
  7857. dialogVisibleGroup: false,
  7858. dialogVisibleGroup2: false,
  7859. updateGroupArray: [],
  7860. updateGroupUser: {},
  7861. deleteGroupUser: [],
  7862. deleteGroupArray: {},
  7863. checkChair: "",
  7864. checkDeleteGroup: [],
  7865. };
  7866. },
  7867. methods: {
  7868. jump() {
  7869. window.parent.postMessage({ tools: "43" }, "*");
  7870. },
  7871. previewImg(url) {
  7872. this.$hevueImgPreview(url);
  7873. },
  7874. change(val) {
  7875. console.log(val);
  7876. },
  7877. goTo(path) {
  7878. this.$router.push(path);
  7879. },
  7880. handlePictureCardPreview(url) {
  7881. this.dialogImageUrl = url;
  7882. this.pictureDialog = true;
  7883. },
  7884. clean(type) {
  7885. if (type == 1) {
  7886. this.studyJuri[0].cover.splice(0, 1);
  7887. } else if (type == 2) {
  7888. this.studyJuri[0].upVedio.splice(0, 1);
  7889. } else {
  7890. this.studyJuri[0].upFile.splice(0, 1);
  7891. }
  7892. },
  7893. clean2(index) {
  7894. this.plworkFile.splice(index, 1);
  7895. },
  7896. handleClose(done) {
  7897. if (this.videoDetail.sources && this.videoDetail.sources[0]) {
  7898. this.videoDetail.sources[0].src = "";
  7899. }
  7900. this.commentIndexJson = {};
  7901. done();
  7902. },
  7903. fullTools() {
  7904. this.full = !this.full;
  7905. },
  7906. imgChange(file, fileList, type) {
  7907. if (type == 1) {
  7908. var _tmp = this.studyJuri[0].cover;
  7909. } else if (type == 2) {
  7910. var _tmp = this.studyJuri[0].upVedio;
  7911. } else {
  7912. var _tmp = this.studyJuri[0].upFile;
  7913. }
  7914. this.noneBtnImg = _tmp.length >= 1;
  7915. },
  7916. addImg(e) {
  7917. var el = e.currentTarget;
  7918. // this.$message.success('触发上传')
  7919. el.getElementsByTagName("input")[0].click();
  7920. e.target.value = "";
  7921. },
  7922. addSelectAnswer() {
  7923. let params = [
  7924. {
  7925. uid: this.userid,
  7926. cid: this.id,
  7927. stage: this.courseType,
  7928. task: this.taskCount,
  7929. tool: this.toolindex,
  7930. content: this.selectAnswer.answer,
  7931. type: 7,
  7932. },
  7933. ];
  7934. this.ajax
  7935. .post(this.$store.state.api + "addCourseWorks", params)
  7936. .then((res) => {
  7937. this.$message({
  7938. message: "提交成功",
  7939. type: "success",
  7940. });
  7941. this.dialogVisibleSelect = false;
  7942. // this.selectAnswer = {};
  7943. this.selectSWorks();
  7944. this.selectStudent();
  7945. })
  7946. .catch((err) => {
  7947. this.$message.error("提交失败");
  7948. console.error(err);
  7949. });
  7950. },
  7951. addSenWorks() {
  7952. for (var i = 0; i < this.sentenceList.length; i++) {
  7953. for (var j = 0; j < this.sentenceList[i].chooseSenList.length; j++) {
  7954. if (
  7955. this.sentenceList[i].chooseSenList[j] == undefined ||
  7956. this.sentenceList[i].chooseSenList[j] == ""
  7957. ) {
  7958. this.$message.error("请将答案填写完整!");
  7959. return;
  7960. }
  7961. }
  7962. }
  7963. let params = [
  7964. {
  7965. uid: this.userid,
  7966. cid: this.id,
  7967. stage: this.courseType,
  7968. task: this.taskCount,
  7969. tool: this.toolindex,
  7970. content: JSON.stringify(this.sentenceList),
  7971. type: 9,
  7972. },
  7973. ];
  7974. this.ajax
  7975. .post(this.$store.state.api + "addCourseWorks", params)
  7976. .then((res) => {
  7977. this.$message({
  7978. message: "提交成功",
  7979. type: "success",
  7980. });
  7981. this.dialogVisibleSentence = false;
  7982. // this.selectAnswer = {};
  7983. this.selectSWorks();
  7984. this.selectStudent();
  7985. })
  7986. .catch((err) => {
  7987. this.$message.error("提交失败");
  7988. console.error(err);
  7989. });
  7990. },
  7991. addTableWorks() {
  7992. let params = [
  7993. {
  7994. uid: this.userid,
  7995. cid: this.id,
  7996. stage: this.courseType,
  7997. task: this.taskCount,
  7998. tool: this.toolindex,
  7999. content: JSON.stringify(this.tableJson).replaceAll(/%/g, "%25"),
  8000. type: 10,
  8001. },
  8002. ];
  8003. this.ajax
  8004. .post(this.$store.state.api + "addCourseWorks", params)
  8005. .then((res) => {
  8006. this.$message({
  8007. message: "提交成功",
  8008. type: "success",
  8009. });
  8010. this.dialogVisibleTable = false;
  8011. // this.selectAnswer = {};
  8012. this.selectSWorks();
  8013. this.selectStudent();
  8014. })
  8015. .catch((err) => {
  8016. this.$message.error("提交失败");
  8017. console.error(err);
  8018. });
  8019. },
  8020. addWordWorks() {
  8021. let params = {
  8022. uid: this.userid,
  8023. cid: this.id,
  8024. stage: this.courseType,
  8025. task: this.taskCount,
  8026. tool: this.toolindex,
  8027. content: JSON.stringify(this.wordJson).replaceAll(/%/g, "%25"),
  8028. type: 13,
  8029. atool: 52,
  8030. };
  8031. console.log(params);
  8032. this.ajax
  8033. .get(this.$store.state.api + "addCourseWorks3", params)
  8034. .then((res) => {
  8035. this.$message({
  8036. message: "提交成功",
  8037. type: "success",
  8038. });
  8039. this.dialogVisibleWord = false;
  8040. // this.selectAnswer = {};
  8041. this.selectSWorks();
  8042. this.selectStudent();
  8043. })
  8044. .catch((err) => {
  8045. this.$message.error("提交失败");
  8046. console.error(err);
  8047. });
  8048. },
  8049. addCourseWorks(i) {
  8050. var typesql;
  8051. if (this.fileType === 0) {
  8052. typesql = 1;
  8053. } else if (this.fileType === 1) {
  8054. typesql = 4;
  8055. } else {
  8056. typesql = 5;
  8057. }
  8058. if (!this.studyJuri[0].cover[0].url) {
  8059. this.$message.error("请上传文件");
  8060. return;
  8061. }
  8062. let params = [
  8063. {
  8064. uid: this.userid,
  8065. cid: this.id,
  8066. stage: this.courseType,
  8067. task: i,
  8068. tool: this.toolindex,
  8069. content: this.studyJuri[0].cover[0].url,
  8070. type: typesql,
  8071. },
  8072. ];
  8073. this.ajax
  8074. .post(this.$store.state.api + "addCourseWorksR", params)
  8075. .then((res) => {
  8076. this.$message({
  8077. message: "提交成功",
  8078. type: "success",
  8079. });
  8080. this.studyJuri[0].cover = [];
  8081. this.dialogVisible = false;
  8082. this.getCourseDetail();
  8083. })
  8084. .catch((err) => {
  8085. this.$message.error("提交失败");
  8086. console.error(err);
  8087. });
  8088. },
  8089. addCourseWorksPl(i) {
  8090. let _files = this.plworkFile;
  8091. var c = 1;
  8092. for (var k = 0; k < _files.length; k++) {
  8093. if (!_files[k].username) {
  8094. c = 2;
  8095. }
  8096. }
  8097. if (c == 2) {
  8098. this.$message.error("请填写学生姓名");
  8099. return;
  8100. }
  8101. let params = [
  8102. {
  8103. ateacher: this.userid,
  8104. cid: this.id,
  8105. stage: this.courseType,
  8106. task: i,
  8107. tool: this.toolindex,
  8108. content: JSON.stringify(_files).replaceAll(/%/g, "%25"),
  8109. },
  8110. ];
  8111. this.ajax
  8112. .post(this.$store.state.api + "addCourseWorksPl", params)
  8113. .then((res) => {
  8114. this.$message({
  8115. message: "提交成功",
  8116. type: "success",
  8117. });
  8118. this.plworkFile = [];
  8119. this.dialogVisiblePl = false;
  8120. this.getCourseDetail();
  8121. })
  8122. .catch((err) => {
  8123. this.$message.error("提交失败");
  8124. console.error(err);
  8125. });
  8126. },
  8127. addCourseWorks2(i) {
  8128. var typesql;
  8129. if (this.fileType === 0) {
  8130. typesql = 0;
  8131. } else if (this.fileType === 1) {
  8132. typesql = 1;
  8133. } else {
  8134. typesql = 3;
  8135. }
  8136. if (!this.studyJuri[0].cover[0].url) {
  8137. this.$message.error("请上传文件");
  8138. return;
  8139. }
  8140. let params = [
  8141. {
  8142. uid: this.userid,
  8143. cid: this.id,
  8144. stage: this.courseType,
  8145. task: i,
  8146. tool: this.toolindex,
  8147. content: JSON.stringify({
  8148. type: typesql,
  8149. groupIndex: this.groupIndex,
  8150. url: this.studyJuri[0].cover[0].url,
  8151. }).replaceAll(/%/g, "%25"),
  8152. type: 11,
  8153. atool: 49,
  8154. text: "",
  8155. },
  8156. ];
  8157. this.ajax
  8158. .post(this.$store.state.api + "addCourseWorks5", params)
  8159. .then((res) => {
  8160. this.$message({
  8161. message: "提交成功",
  8162. type: "success",
  8163. });
  8164. this.studyJuri[0].cover = [];
  8165. this.dialogVisibleGroupWork = false;
  8166. this.getCourseDetail();
  8167. })
  8168. .catch((err) => {
  8169. this.$message.error("提交失败");
  8170. console.error(err);
  8171. });
  8172. },
  8173. addCourseWorksGong(i, data) {
  8174. let params = [
  8175. {
  8176. uid: this.userid,
  8177. cid: this.id,
  8178. stage: this.courseType,
  8179. task: this.taskCount,
  8180. tool: i,
  8181. content: data,
  8182. type: 12,
  8183. atool: 32,
  8184. text: "",
  8185. },
  8186. ];
  8187. this.ajax
  8188. .post(this.$store.state.api + "addCourseWorks5", params)
  8189. .then((res) => {
  8190. this.$message({
  8191. message: "提交成功",
  8192. type: "success",
  8193. });
  8194. this.studyJuri[0].cover = [];
  8195. this.selectSWorks();
  8196. this.selectStudent();
  8197. })
  8198. .catch((err) => {
  8199. this.$message.error("提交失败");
  8200. console.error(err);
  8201. });
  8202. },
  8203. addCourseWorksTeacher(i) {
  8204. var typesql;
  8205. if (this.fileType === 0) {
  8206. typesql = 1;
  8207. } else if (this.fileType === 1) {
  8208. typesql = 4;
  8209. } else {
  8210. typesql = 5;
  8211. }
  8212. if (!this.studyJuri[0].cover[0].url) {
  8213. this.$message.error("请上传文件");
  8214. return;
  8215. }
  8216. let params = [
  8217. {
  8218. uid: this.sStudent.userid,
  8219. cid: this.id,
  8220. stage: this.courseType,
  8221. task: i,
  8222. tool: this.toolindex,
  8223. content: this.studyJuri[0].cover[0].url,
  8224. type: typesql,
  8225. ateacher: this.userid,
  8226. },
  8227. ];
  8228. this.ajax
  8229. .post(this.$store.state.api + "addCourseWorksTeacher", params)
  8230. .then((res) => {
  8231. this.$message({
  8232. message: "提交成功",
  8233. type: "success",
  8234. });
  8235. this.studyJuri[0].cover = [];
  8236. this.dialogVisibleWorks = false;
  8237. this.getCourseDetail();
  8238. })
  8239. .catch((err) => {
  8240. this.$message.error("提交失败");
  8241. console.error(err);
  8242. });
  8243. },
  8244. selectCStudent() {
  8245. let params = {
  8246. cid: this.classId,
  8247. };
  8248. this.ajax
  8249. .get(this.$store.state.api + "selectSnameByCid", params)
  8250. .then((res) => {
  8251. this.classJuri = res.data[0];
  8252. })
  8253. .catch((err) => {
  8254. console.error(err);
  8255. });
  8256. },
  8257. selectUploadStudent() {
  8258. let params = {
  8259. cid: this.uploadCid,
  8260. };
  8261. this.ajax
  8262. .get(this.$store.state.api + "selectSnameByCid", params)
  8263. .then((res) => {
  8264. this.uploadStudentJuri = res.data[0];
  8265. })
  8266. .catch((err) => {
  8267. console.error(err);
  8268. });
  8269. },
  8270. selectWorksStudent() {
  8271. let params = {
  8272. oid: this.oid,
  8273. cid: this.courseDetail.juri,
  8274. };
  8275. this.ajax
  8276. .get(this.$store.state.api + "selectWorksStudent", params)
  8277. .then((res) => {
  8278. var a = res.data[0];
  8279. for (var i = 0; i < this.isWorksS.length; i++) {
  8280. this.noWorksS[i] = [];
  8281. var studentK = [];
  8282. if (this.isWorksS[i].length > 0) {
  8283. for (var z = 0; z < this.isWorksS[i].length; z++) {
  8284. studentK.push(this.isWorksS[i][z].uid);
  8285. }
  8286. studentK = studentK.join(",");
  8287. for (var j = 0; j < a.length; j++) {
  8288. if (studentK.indexOf(a[j].userid) == -1) {
  8289. if (this.tcid) {
  8290. if (this.tcid == a[j].classid) {
  8291. this.noWorksS[i].push({
  8292. student: a[j].name,
  8293. userid: a[j].userid,
  8294. });
  8295. }
  8296. } else {
  8297. this.noWorksS[i].push({
  8298. student: a[j].name,
  8299. userid: a[j].userid,
  8300. });
  8301. }
  8302. }
  8303. }
  8304. } else {
  8305. for (var k = 0; k < a.length; k++) {
  8306. if (this.tcid) {
  8307. if (this.tcid == a[k].classid) {
  8308. this.noWorksS[i].push({
  8309. student: a[k].name,
  8310. userid: a[k].userid,
  8311. });
  8312. }
  8313. } else {
  8314. this.noWorksS[i].push({
  8315. student: a[k].name,
  8316. userid: a[k].userid,
  8317. });
  8318. }
  8319. }
  8320. }
  8321. }
  8322. this.$forceUpdate();
  8323. if (
  8324. Object.keys(this.commentDetail).length &&
  8325. Object.keys(this.commentIndexJson).length &&
  8326. !this.dialogVisibleScore
  8327. ) {
  8328. let a = 1;
  8329. let c = this.commentIndexJson;
  8330. console.log(c);
  8331. if (
  8332. this.commentIndexJson.gindex ||
  8333. this.commentIndexJson.gindex === 0
  8334. ) {
  8335. for (
  8336. var i = 0;
  8337. i < this.worksStudent[this.commentIndexJson.toolIndex].length;
  8338. i++
  8339. ) {
  8340. let _el = this.worksStudent[this.commentIndexJson.toolIndex][i];
  8341. for (var k = 0; k < _el.length; k++) {
  8342. let el = _el[k];
  8343. if (el.wid == this.commentDetail.wid) {
  8344. a = 2;
  8345. this.commentOther(
  8346. this.worksStudent[this.commentIndexJson.toolIndex][i][k],
  8347. this.commentIndexJson.toolIndex,
  8348. k,
  8349. this.commentIndexJson.gindex
  8350. );
  8351. }
  8352. break;
  8353. }
  8354. }
  8355. if (a === 1) {
  8356. this.commentDetail = [];
  8357. this.commentIndexJson = {};
  8358. this.commentDialogVisible = false;
  8359. this.$message("此作业已被删除");
  8360. }
  8361. } else {
  8362. for (
  8363. var i = 0;
  8364. i < this.worksStudent[this.commentIndexJson.toolIndex].length;
  8365. i++
  8366. ) {
  8367. let el = this.worksStudent[this.commentIndexJson.toolIndex][i];
  8368. if (el.wid == this.commentDetail.wid) {
  8369. a = 2;
  8370. this.commentOther(
  8371. this.worksStudent[this.commentIndexJson.toolIndex][i],
  8372. this.commentIndexJson.toolIndex,
  8373. i
  8374. );
  8375. break;
  8376. }
  8377. }
  8378. if (a === 1) {
  8379. this.commentDetail = [];
  8380. this.commentIndexJson = {};
  8381. this.commentDialogVisible = false;
  8382. this.$message("此作业已被删除");
  8383. }
  8384. }
  8385. }
  8386. })
  8387. .catch((err) => {
  8388. console.error(err);
  8389. });
  8390. },
  8391. selectStudent() {
  8392. //学生查看自己作业
  8393. let params = {
  8394. uid: this.userid,
  8395. cid: this.id,
  8396. s: this.courseType,
  8397. t: this.taskCount,
  8398. };
  8399. this.ajax
  8400. .get(this.$store.state.api + "selectStudentWorks", params)
  8401. .then((res) => {
  8402. var a =
  8403. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  8404. this.taskCount
  8405. ].toolChoose;
  8406. var b = res.data[0];
  8407. var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  8408. var y = [
  8409. "AVI",
  8410. "NAVI",
  8411. "MPEG",
  8412. "ASF",
  8413. "MOV",
  8414. "WMV",
  8415. "3GP",
  8416. "RM",
  8417. "RMVB",
  8418. "FLV",
  8419. "F4V",
  8420. "H.264",
  8421. "H.265",
  8422. "REAL VIDEO",
  8423. "MKV",
  8424. "WebM",
  8425. "HDDVD",
  8426. "MP4",
  8427. "MPG",
  8428. "M4V",
  8429. "MGV",
  8430. "OGV",
  8431. "QTM",
  8432. "STR",
  8433. "AMC",
  8434. "DVX",
  8435. "EVO",
  8436. "DAT",
  8437. "OGG",
  8438. "OGM",
  8439. ];
  8440. for (var i = 0; i < a.length; i++) {
  8441. this.workStudent[i] = [];
  8442. for (var j = 0; j < b.length; j++) {
  8443. if (i == b[j].tool) {
  8444. if (
  8445. (b[j].type == 1 ||
  8446. b[j].type == 4 ||
  8447. b[j].type == 5 ||
  8448. b[j].type == 6 ||
  8449. b[j].type == 7) &&
  8450. a[i].tool[0] != 15 &&
  8451. a[i].tool[0] != 4 &&
  8452. a[i].tool[0] != 45 &&
  8453. a[i].tool[0] != 50 &&
  8454. a[i].tool[0] != 52
  8455. ) {
  8456. if (
  8457. c.indexOf(
  8458. b[j].content
  8459. .split(".")
  8460. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  8461. ) != -1 &&
  8462. a[i].tool[0] == 16 &&
  8463. b[j].atool != 50
  8464. ) {
  8465. this.workStudent[i].push({
  8466. works: b[j].content,
  8467. sName: b[j].name,
  8468. score: b[j].score,
  8469. img: b[j].img,
  8470. type: 1,
  8471. time: b[j].time,
  8472. userid: b[j].userid,
  8473. wid: b[j].id,
  8474. });
  8475. } else if (
  8476. y.indexOf(
  8477. b[j].content
  8478. .split(".")
  8479. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  8480. ) != -1 &&
  8481. a[i].tool[0] == 16 &&
  8482. b[j].atool != 50
  8483. ) {
  8484. this.workStudent[i].push({
  8485. userid: b[j].userid,
  8486. wid: b[j].id,
  8487. works: b[j].content,
  8488. sName: b[j].name,
  8489. score: b[j].score,
  8490. img: b[j].img,
  8491. type: 3,
  8492. time: b[j].time,
  8493. });
  8494. } else if (b[j].type == 6 && b[j].atool != 50) {
  8495. this.workStudent[i].push({
  8496. userid: b[j].userid,
  8497. wid: b[j].id,
  8498. works: b[j].content,
  8499. sName: b[j].name,
  8500. score: b[j].score,
  8501. img: b[j].img,
  8502. type: 4,
  8503. time: b[j].time,
  8504. });
  8505. } else if (b[j].type == 7 && b[j].atool != 50) {
  8506. this.workStudent[i].push({
  8507. userid: b[j].userid,
  8508. wid: b[j].id,
  8509. works: b[j].content,
  8510. sName: b[j].name,
  8511. score: b[j].score,
  8512. img: b[j].img,
  8513. type: 5,
  8514. time: b[j].time,
  8515. });
  8516. } else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
  8517. this.workStudent[i].push({
  8518. works: b[j].content,
  8519. sName: b[j].name,
  8520. score: b[j].score,
  8521. img: b[j].img,
  8522. type: 0,
  8523. time: b[j].time,
  8524. userid: b[j].userid,
  8525. wid: b[j].id,
  8526. });
  8527. } else if (b[j].type == 1 && !parseInt(b[j].atool)) {
  8528. this.workStudent[i].push({
  8529. works: b[j].content,
  8530. sName: b[j].name,
  8531. score: b[j].score,
  8532. img: b[j].img,
  8533. type: 0,
  8534. time: b[j].time,
  8535. userid: b[j].userid,
  8536. wid: b[j].id,
  8537. });
  8538. }
  8539. } else if (b[j].type == 3 && a[i].tool[0] == 15) {
  8540. this.workStudent[i].push({
  8541. works: b[j].content,
  8542. sName: b[j].name,
  8543. score: b[j].score,
  8544. img: b[j].img,
  8545. type: 2,
  8546. time: b[j].time,
  8547. userid: b[j].userid,
  8548. wid: b[j].id,
  8549. });
  8550. } else if (b[j].type == 2 && a[i].tool[0] == 4) {
  8551. //问卷
  8552. this.workStudent[i].push({
  8553. works: b[j].content,
  8554. sName: b[j].name,
  8555. score: b[j].score,
  8556. img: b[j].img,
  8557. type: 2,
  8558. time: b[j].time,
  8559. userid: b[j].userid,
  8560. wid: b[j].id,
  8561. });
  8562. } else if (b[j].type == 8 && a[i].tool[0] == 45) {
  8563. //选择题
  8564. this.workStudent[i].push({
  8565. works: b[j].content,
  8566. sName: b[j].name,
  8567. score: b[j].score,
  8568. img: b[j].img,
  8569. type: 8,
  8570. time: b[j].time,
  8571. userid: b[j].userid,
  8572. wid: b[j].id,
  8573. });
  8574. } else if (b[j].type == 9 && a[i].tool[0] == 47) {
  8575. //选择题
  8576. this.workStudent[i].push({
  8577. works: b[j].content,
  8578. sName: b[j].name,
  8579. score: b[j].score,
  8580. img: b[j].img,
  8581. type: 9,
  8582. time: b[j].time,
  8583. userid: b[j].userid,
  8584. wid: b[j].id,
  8585. });
  8586. } else if (b[j].type == 10 && a[i].tool[0] == 48) {
  8587. //选择题
  8588. this.workStudent[i].push({
  8589. works: b[j].content,
  8590. sName: b[j].name,
  8591. score: b[j].score,
  8592. img: b[j].img,
  8593. type: 10,
  8594. time: b[j].time,
  8595. userid: b[j].userid,
  8596. wid: b[j].id,
  8597. });
  8598. } else if (b[j].type == 13 && a[i].tool[0] == 52) {
  8599. //选择题
  8600. this.workStudent[i].push({
  8601. works: b[j].content,
  8602. sName: b[j].name,
  8603. score: b[j].score,
  8604. img: b[j].img,
  8605. type: 13,
  8606. time: b[j].time,
  8607. userid: b[j].userid,
  8608. wid: b[j].id,
  8609. });
  8610. } else if (b[j].type == 12 && a[i].tool[0] == 32) {
  8611. //选择题
  8612. this.workStudent[i].push({
  8613. works: b[j].content,
  8614. sName: b[j].name,
  8615. score: b[j].score,
  8616. img: b[j].img,
  8617. type: 12,
  8618. time: b[j].time,
  8619. userid: b[j].userid,
  8620. wid: b[j].id,
  8621. });
  8622. }
  8623. }
  8624. }
  8625. }
  8626. })
  8627. .catch((err) => {
  8628. console.error(err);
  8629. });
  8630. },
  8631. openVideo(w) {
  8632. this.videoDetail = {};
  8633. this.playerOptions1.sources[0].src = w.works;
  8634. this.videoDetail = this.playerOptions1;
  8635. this.videoVisible = true;
  8636. },
  8637. isLikes(wid, uid, t, c, isLikes) {
  8638. if (isLikes == false) {
  8639. let params = [
  8640. {
  8641. wid: wid,
  8642. lid: uid,
  8643. t: t,
  8644. c: c,
  8645. },
  8646. ];
  8647. this.ajax
  8648. .post(this.$store.state.api + "insertComment", params)
  8649. .then((res) => {
  8650. this.$message({
  8651. message: "点赞成功",
  8652. type: "success",
  8653. });
  8654. this.selectSWorks();
  8655. this.selectStudent();
  8656. })
  8657. .catch((err) => {
  8658. this.$message.error("点赞失败");
  8659. console.error(err);
  8660. });
  8661. } else {
  8662. let params = {
  8663. wid: wid,
  8664. lid: uid,
  8665. type: t,
  8666. };
  8667. this.ajax
  8668. .get(this.$store.state.api + "deleteComment", params)
  8669. .then((res) => {
  8670. this.$message({
  8671. message: "取消点赞成功",
  8672. type: "success",
  8673. });
  8674. this.selectSWorks();
  8675. this.selectStudent();
  8676. })
  8677. .catch((err) => {
  8678. console.error(err);
  8679. });
  8680. }
  8681. },
  8682. commentOther(w, toolIndex, wIndex, gindex) {
  8683. this.commentIndexJson = {
  8684. toolIndex: toolIndex,
  8685. wIndex: wIndex,
  8686. gindex: gindex,
  8687. };
  8688. this.commentDetail = [];
  8689. this.commentDialogVisible = true;
  8690. this.commentDetail = w;
  8691. if (w.works && w.type == 1) {
  8692. this.pptImgUrl = "";
  8693. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  8694. if (
  8695. a.indexOf(
  8696. w.works
  8697. .split(".")
  8698. [w.works.split(".").length - 1].toLocaleUpperCase()
  8699. ) != -1
  8700. ) {
  8701. this.pptImgUrl =
  8702. "https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
  8703. this.showPDF = false;
  8704. } else if (
  8705. w.works
  8706. .split(".")
  8707. [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
  8708. ) {
  8709. this.pptImgUrl = w.works;
  8710. this.showPDF = true;
  8711. }
  8712. } else if (w.works && w.type == 3) {
  8713. this.videoDetail = {};
  8714. this.playerOptions1.sources[0].src = w.works;
  8715. this.videoDetail = this.playerOptions1;
  8716. // this.videoVisible = true;
  8717. } else if (w.works && w.type == 4) {
  8718. this.eScore = JSON.parse(w.works);
  8719. this.rateJson =
  8720. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  8721. this.taskCount
  8722. ].toolChoose[toolIndex].rateJson;
  8723. } else if (w.works && w.type == 10) {
  8724. this.commentDetail.works = JSON.parse(this.commentDetail.works);
  8725. } else if (w.works && w.type == 13) {
  8726. this.wordJson =
  8727. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  8728. this.taskCount
  8729. ].toolChoose[toolIndex].wordJson;
  8730. }
  8731. },
  8732. openScore(w) {
  8733. this.wScore = 0;
  8734. this.wScore = w.score ? JSON.parse(w.score).wScore : 0;
  8735. this.scoreDetail = w.score ? JSON.parse(w.score).detail : "";
  8736. this.commentDetail = [];
  8737. this.dialogVisibleScore = true;
  8738. this.commentDetail = w;
  8739. if (w.works && w.type == 1) {
  8740. this.pptImgUrl = "";
  8741. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  8742. if (
  8743. a.indexOf(
  8744. w.works
  8745. .split(".")
  8746. [w.works.split(".").length - 1].toLocaleUpperCase()
  8747. ) != -1
  8748. ) {
  8749. this.pptImgUrl =
  8750. "https://view.officeapps.live.com/op/view.aspx?src=" + w.works;
  8751. this.showPDF = false;
  8752. } else if (
  8753. w.works
  8754. .split(".")
  8755. [w.works.split(".").length - 1].toLocaleUpperCase() == "PDF"
  8756. ) {
  8757. this.pptImgUrl = w.works;
  8758. this.showPDF = true;
  8759. }
  8760. } else if (w.works && w.type == 3) {
  8761. this.videoDetail = {};
  8762. this.playerOptions1.sources[0].src = w.works;
  8763. this.videoDetail = this.playerOptions1;
  8764. }
  8765. },
  8766. addComment(wid, uid, t) {
  8767. if (this.commentText == "") {
  8768. this.$message.error("请输入对该学生的评价");
  8769. return;
  8770. }
  8771. let params2 = [
  8772. {
  8773. wid: wid,
  8774. lid: uid,
  8775. t: t,
  8776. },
  8777. ];
  8778. this.ajax
  8779. .post(this.$store.state.api + "getComment", params2)
  8780. .then((res) => {
  8781. if (res.data[0].length > 0) {
  8782. this.$message.error("一个作业只能评论一条");
  8783. } else {
  8784. let params = [
  8785. {
  8786. wid: wid,
  8787. lid: uid,
  8788. t: t,
  8789. c: this.commentText,
  8790. },
  8791. ];
  8792. this.ajax
  8793. .post(this.$store.state.api + "insertComment", params)
  8794. .then((res) => {
  8795. this.$message({
  8796. message: "评论成功",
  8797. type: "success",
  8798. });
  8799. this.commentText = "";
  8800. this.selectSWorks();
  8801. this.selectStudent();
  8802. })
  8803. .catch((err) => {
  8804. this.$message.error("评论失败");
  8805. console.error(err);
  8806. });
  8807. }
  8808. })
  8809. .catch((err) => {
  8810. // this.$message.error("评论失败");
  8811. console.error(err);
  8812. });
  8813. },
  8814. scoreWork(wid) {
  8815. if (this.wScore == 0) {
  8816. this.$message.error("请评分");
  8817. return;
  8818. }
  8819. let params = [
  8820. {
  8821. wid: wid,
  8822. score: JSON.stringify({
  8823. wScore: this.wScore,
  8824. detail: this.scoreDetail,
  8825. }),
  8826. },
  8827. ];
  8828. this.ajax
  8829. .post(this.$store.state.api + "scoreWork", params)
  8830. .then((res) => {
  8831. this.$message({
  8832. message: "评分成功",
  8833. type: "success",
  8834. });
  8835. this.wScore = 0;
  8836. this.scoreDetail = "";
  8837. this.dialogVisibleScore = false;
  8838. this.selectSWorks();
  8839. this.selectStudent();
  8840. })
  8841. .catch((err) => {
  8842. this.$message.error("评分失败");
  8843. console.error(err);
  8844. });
  8845. },
  8846. openXz(w, i) {
  8847. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  8848. .taskJson[this.taskCount].toolChoose[i].selectJson
  8849. ? JSON.parse(
  8850. JSON.stringify(
  8851. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  8852. this.taskCount
  8853. ].toolChoose[i].selectJson
  8854. )
  8855. )
  8856. : { url: "", select: [], answer: [] };
  8857. var a = w.works.split(",");
  8858. for (var k = 0; k < a.length; k++) {
  8859. a[k] = parseInt(a[k]);
  8860. }
  8861. this.selectAnswer = { answer: a, stu: w.sName };
  8862. this.isSelect = true;
  8863. this.dialogVisibleSelect = true;
  8864. },
  8865. openSen(w, i) {
  8866. this.sentenceList1 = JSON.parse(w.works);
  8867. this.sentenceList1.stuName = w.sName;
  8868. this.dialogVisibleSentence1 = true;
  8869. },
  8870. openPj(w, toolindex) {
  8871. this.isStar = true;
  8872. this.eScore = JSON.parse(w);
  8873. this.rateJson =
  8874. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  8875. this.taskCount
  8876. ].toolChoose[toolindex].rateJson;
  8877. this.studentEvalDialogVisible = true;
  8878. },
  8879. deleteWorks(id) {
  8880. this.$confirm("确定删除此作业吗?", "提示", {
  8881. confirmButtonText: "确定",
  8882. cancelButtonText: "取消",
  8883. type: "warning",
  8884. })
  8885. .then(() => {
  8886. let params = [
  8887. {
  8888. id: id,
  8889. },
  8890. ];
  8891. this.ajax
  8892. .post(this.$store.state.api + "deleteCourseWork", params)
  8893. .then((res) => {
  8894. this.$message({
  8895. message: "删除成功",
  8896. type: "success",
  8897. });
  8898. this.selectStudent();
  8899. this.selectSWorks();
  8900. this.selectSLook();
  8901. })
  8902. .catch((err) => {
  8903. this.$message.error("网络异常");
  8904. console.error(err);
  8905. });
  8906. })
  8907. .catch(() => {});
  8908. },
  8909. selectSWorks(gindex) {
  8910. //教师查看全部作业
  8911. let params = {
  8912. cid: this.id,
  8913. s: this.courseType,
  8914. t: this.taskCount,
  8915. };
  8916. this.ajax
  8917. .get(this.$store.state.api + "selectSWorks", params)
  8918. .then((res) => {
  8919. var a =
  8920. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  8921. this.taskCount
  8922. ].toolChoose;
  8923. var b = res.data[0];
  8924. var c = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  8925. var y = [
  8926. "AVI",
  8927. "NAVI",
  8928. "MPEG",
  8929. "ASF",
  8930. "MOV",
  8931. "WMV",
  8932. "3GP",
  8933. "RM",
  8934. "RMVB",
  8935. "FLV",
  8936. "F4V",
  8937. "H.264",
  8938. "H.265",
  8939. "REAL VIDEO",
  8940. "MKV",
  8941. "WebM",
  8942. "HDDVD",
  8943. "MP4",
  8944. "MPG",
  8945. "M4V",
  8946. "MGV",
  8947. "OGV",
  8948. "QTM",
  8949. "STR",
  8950. "AMC",
  8951. "DVX",
  8952. "EVO",
  8953. "DAT",
  8954. "OGG",
  8955. "OGM",
  8956. ];
  8957. var d = res.data[1];
  8958. var e = res.data[2];
  8959. var f = res.data[3];
  8960. for (var i = 0; i < a.length; i++) {
  8961. this.worksStudent[i] = [];
  8962. if (
  8963. !this.isCloseList[i] ||
  8964. this.isCloseList[i].isClose == undefined
  8965. ) {
  8966. this.isCloseList[i] = { isClose: 0 };
  8967. }
  8968. this.groupStudent[i] = [];
  8969. this.groupStudentUid[i] = [];
  8970. this.isWorksS[i] = [];
  8971. this.checkJson[i] = [];
  8972. if (a[i].tool[0] == 49) {
  8973. for (var gA = 0; gA < a[i].groupJson.group.length; gA++) {
  8974. this.groupStudent[i][gA] = [];
  8975. this.groupStudentUid[i][gA] = [];
  8976. this.worksStudent[i][gA] = [];
  8977. this.isCloseList[i][gA] = [];
  8978. for (var g = 0; g < f.length; g++) {
  8979. if (
  8980. this.tcid &&
  8981. this.tcid != f[g].classid &&
  8982. f[g].ttype == 2
  8983. ) {
  8984. continue;
  8985. }
  8986. if (gA == f[g].group && f[g].tool == i) {
  8987. this.groupStudent[i][gA].push(f[g]);
  8988. this.groupStudentUid[i][gA].push(f[g].userid);
  8989. }
  8990. }
  8991. }
  8992. this.$forceUpdate();
  8993. }
  8994. for (var j = 0; j < b.length; j++) {
  8995. if (this.tcid && this.tcid != b[j].classid && b[j].ttype == 2) {
  8996. continue;
  8997. }
  8998. var likesCount = 0;
  8999. var commentCount = 0;
  9000. var isLikes = false;
  9001. var commentJson = [];
  9002. var data = b[j];
  9003. if (i == b[j].tool) {
  9004. if (data.type == 2 && a[i].tool[0] == 4) {
  9005. // if(JSON.parse(data.content)[0].anwer){
  9006. var checkL = JSON.parse(data.content)[0].anwer.split(",");
  9007. for (var z = 0; z < checkL.length; z++) {
  9008. if (!this.checkJson[i][z]) {
  9009. this.checkJson[i].push({
  9010. checkCount: [],
  9011. checkPerson: [],
  9012. rightPerson: [],
  9013. });
  9014. }
  9015. if (!this.checkJson[i][z].checkCount.length) {
  9016. this.checkJson[i][z].checkCount = [];
  9017. let _askItemCount = JSON.parse(data.content)[0].askJson
  9018. .askJson[z].askItem;
  9019. for (var aic = 0; aic < _askItemCount; aic++) {
  9020. this.checkJson[i][z].checkCount.push(0);
  9021. }
  9022. }
  9023. if (
  9024. (JSON.parse(data.content)[0].askJson.askJson[z].answer ||
  9025. JSON.parse(data.content)[0].askJson.askJson[z].answer ==
  9026. 0) &&
  9027. JSON.parse(data.content)[0].askJson.askJson[z].answer ==
  9028. checkL[z]
  9029. ) {
  9030. this.checkJson[i][z].rightPerson.push(data.name);
  9031. }
  9032. this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
  9033. ? this.checkJson[i][z].checkPerson[
  9034. parseInt(checkL[z])
  9035. ].push(data.name)
  9036. : (this.checkJson[i][z].checkPerson[parseInt(checkL[z])] =
  9037. [data.name]);
  9038. this.checkJson[i][z].checkCount[parseInt(checkL[z])]
  9039. ? this.checkJson[i][z].checkCount[parseInt(checkL[z])]++
  9040. : (this.checkJson[i][z].checkCount[
  9041. parseInt(checkL[z])
  9042. ] = 1);
  9043. // }
  9044. }
  9045. } else if (data.type == 8 && a[i].tool[0] == 45) {
  9046. var checkL = JSON.parse(data.content)[0].anwer;
  9047. for (var z = 0; z < checkL.length; z++) {
  9048. if (!this.checkJson[i][z]) {
  9049. this.checkJson[i].push({
  9050. checkCount: [],
  9051. checkPerson: [],
  9052. rightPerson: [],
  9053. });
  9054. }
  9055. if (!this.checkJson[i][z].checkCount.length) {
  9056. this.checkJson[i][z].checkCount = [];
  9057. let _askItemCount = JSON.parse(data.content)[0].testJson
  9058. .testJson[z].testItem;
  9059. console.log(_askItemCount);
  9060. for (var aic = 0; aic < _askItemCount; aic++) {
  9061. this.checkJson[i][z].checkCount.push(0);
  9062. }
  9063. }
  9064. if (checkL[z] instanceof Array) {
  9065. if (
  9066. JSON.parse(data.content)[0]
  9067. .testJson.testJson[z].answer.sort()
  9068. .join(",") == checkL[z].sort().join(",")
  9069. ) {
  9070. this.checkJson[i][z].rightPerson.push(data.name);
  9071. }
  9072. for (var q = 0; q < checkL[z].length; q++) {
  9073. this.checkJson[i][z].checkPerson[parseInt(checkL[z][q])]
  9074. ? this.checkJson[i][z].checkPerson[
  9075. parseInt(checkL[z][q])
  9076. ].push(data.name)
  9077. : (this.checkJson[i][z].checkPerson[
  9078. parseInt(checkL[z][q])
  9079. ] = [data.name]);
  9080. this.checkJson[i][z].checkCount[parseInt(checkL[z][q])]
  9081. ? this.checkJson[i][z].checkCount[
  9082. parseInt(checkL[z][q])
  9083. ]++
  9084. : (this.checkJson[i][z].checkCount[
  9085. parseInt(checkL[z][q])
  9086. ] = 1);
  9087. }
  9088. } else {
  9089. if (
  9090. JSON.parse(data.content)[0].testJson.testJson[z]
  9091. .answer == checkL[z]
  9092. ) {
  9093. this.checkJson[i][z].rightPerson.push(data.name);
  9094. }
  9095. if (parseInt(checkL[z]) || parseInt(checkL[z]) == 0) {
  9096. this.checkJson[i][z].checkPerson[parseInt(checkL[z])]
  9097. ? this.checkJson[i][z].checkPerson[
  9098. parseInt(checkL[z])
  9099. ].push(data.name)
  9100. : (this.checkJson[i][z].checkPerson[
  9101. parseInt(checkL[z])
  9102. ] = [data.name]);
  9103. this.checkJson[i][z].checkCount[parseInt(checkL[z])]
  9104. ? this.checkJson[i][z].checkCount[
  9105. parseInt(checkL[z])
  9106. ]++
  9107. : (this.checkJson[i][z].checkCount[
  9108. parseInt(checkL[z])
  9109. ] = 1);
  9110. }
  9111. }
  9112. }
  9113. } else if (data.type == 9 && a[i].tool[0] == 47) {
  9114. var checkL = JSON.parse(data.content);
  9115. for (var z = 0; z < checkL.length; z++) {
  9116. if (!this.checkJson[i][z]) {
  9117. this.checkJson[i].push({
  9118. checkCount: [],
  9119. checkPerson: [],
  9120. rightPerson: [],
  9121. });
  9122. }
  9123. this.checkJson[i][z].checkPerson.push(data.name);
  9124. if (
  9125. checkL[z].chooseSenList.toString() ==
  9126. checkL[z].rightAnswer.toString()
  9127. ) {
  9128. this.checkJson[i][z].rightPerson.push(data.name);
  9129. }
  9130. }
  9131. }
  9132. for (var k = 0; k < d.length; k++) {
  9133. //点赞
  9134. if (d[k].workId == b[j].id) {
  9135. likesCount++;
  9136. if (d[k].likesId == this.userid) {
  9137. isLikes = true;
  9138. }
  9139. }
  9140. }
  9141. for (var l = 0; l < e.length; l++) {
  9142. //评论
  9143. if (e[l].workId == b[j].id) {
  9144. if (e[l].comment != "") {
  9145. commentCount++;
  9146. commentJson.push({
  9147. commentText: e[l].comment,
  9148. commentTime: e[l].commentTime,
  9149. commentPeople: e[l].commentPeople,
  9150. });
  9151. }
  9152. }
  9153. }
  9154. if (
  9155. (b[j].type == 1 ||
  9156. b[j].type == 4 ||
  9157. b[j].type == 5 ||
  9158. b[j].type == 6 ||
  9159. b[j].type == 7) &&
  9160. a[i].tool[0] != 15 &&
  9161. a[i].tool[0] != 4 &&
  9162. a[i].tool[0] != 45 &&
  9163. a[i].tool[0] != 50 &&
  9164. a[i].tool[0] != 52
  9165. ) {
  9166. if (
  9167. c.indexOf(
  9168. b[j].content
  9169. .split(".")
  9170. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  9171. ) != -1 &&
  9172. a[i].tool[0] == 16 &&
  9173. b[j].atool != 50
  9174. ) {
  9175. this.worksStudent[i].push({
  9176. userid: b[j].userid,
  9177. ateacher: b[j].ateacher,
  9178. wid: b[j].id,
  9179. works: b[j].content,
  9180. sName: b[j].name,
  9181. type: 1,
  9182. time: b[j].time,
  9183. score: b[j].score,
  9184. img: b[j].img,
  9185. likesCount: likesCount,
  9186. commentCount: commentCount,
  9187. isLikes: isLikes,
  9188. commentJson: commentJson,
  9189. });
  9190. } else if (
  9191. y.indexOf(
  9192. b[j].content
  9193. .split(".")
  9194. [b[j].content.split(".").length - 1].toLocaleUpperCase()
  9195. ) != -1 &&
  9196. a[i].tool[0] == 16 &&
  9197. b[j].atool != 50
  9198. ) {
  9199. this.worksStudent[i].push({
  9200. userid: b[j].userid,
  9201. ateacher: b[j].ateacher,
  9202. wid: b[j].id,
  9203. works: b[j].content,
  9204. sName: b[j].name,
  9205. type: 3,
  9206. time: b[j].time,
  9207. score: b[j].score,
  9208. img: b[j].img,
  9209. likesCount: likesCount,
  9210. commentCount: commentCount,
  9211. isLikes: isLikes,
  9212. commentJson: commentJson,
  9213. });
  9214. } else if (b[j].type == 6 && b[j].atool != 50) {
  9215. this.worksStudent[i].push({
  9216. userid: b[j].userid,
  9217. ateacher: b[j].ateacher,
  9218. wid: b[j].id,
  9219. works: b[j].content,
  9220. sName: b[j].name,
  9221. type: 4,
  9222. time: b[j].time,
  9223. score: b[j].score,
  9224. img: b[j].img,
  9225. likesCount: likesCount,
  9226. commentCount: commentCount,
  9227. isLikes: isLikes,
  9228. commentJson: commentJson,
  9229. });
  9230. } else if (b[j].type == 7 && b[j].atool != 50) {
  9231. this.worksStudent[i].push({
  9232. userid: b[j].userid,
  9233. ateacher: b[j].ateacher,
  9234. wid: b[j].id,
  9235. works: b[j].content,
  9236. sName: b[j].name,
  9237. type: 5,
  9238. time: b[j].time,
  9239. score: b[j].score,
  9240. img: b[j].img,
  9241. likesCount: likesCount,
  9242. commentCount: commentCount,
  9243. isLikes: isLikes,
  9244. commentJson: commentJson,
  9245. });
  9246. } else if (b[j].type == 1 && a[i].tool[0] == b[j].atool) {
  9247. this.worksStudent[i].push({
  9248. userid: b[j].userid,
  9249. ateacher: b[j].ateacher,
  9250. wid: b[j].id,
  9251. works: b[j].content,
  9252. sName: b[j].name,
  9253. type: 0,
  9254. time: b[j].time,
  9255. score: b[j].score,
  9256. img: b[j].img,
  9257. likesCount: likesCount,
  9258. commentCount: commentCount,
  9259. isLikes: isLikes,
  9260. commentJson: commentJson,
  9261. });
  9262. } else if (b[j].type == 1 && !parseInt(b[j].atool)) {
  9263. this.worksStudent[i].push({
  9264. userid: b[j].userid,
  9265. ateacher: b[j].ateacher,
  9266. wid: b[j].id,
  9267. works: b[j].content,
  9268. sName: b[j].name,
  9269. type: 0,
  9270. time: b[j].time,
  9271. score: b[j].score,
  9272. img: b[j].img,
  9273. likesCount: likesCount,
  9274. commentCount: commentCount,
  9275. isLikes: isLikes,
  9276. commentJson: commentJson,
  9277. });
  9278. }
  9279. } else if (b[j].type == 3 && a[i].tool[0] == 15) {
  9280. this.worksStudent[i].push({
  9281. userid: b[j].userid,
  9282. ateacher: b[j].ateacher,
  9283. wid: b[j].id,
  9284. works: b[j].content,
  9285. sName: b[j].name,
  9286. type: 2,
  9287. time: b[j].time,
  9288. score: b[j].score,
  9289. img: b[j].img,
  9290. likesCount: likesCount,
  9291. commentCount: commentCount,
  9292. isLikes: isLikes,
  9293. commentJson: commentJson,
  9294. });
  9295. } else if (b[j].type == 2 && a[i].tool[0] == 4) {
  9296. //问卷
  9297. this.worksStudent[i].push({
  9298. userid: b[j].userid,
  9299. ateacher: b[j].ateacher,
  9300. wid: b[j].id,
  9301. works: b[j].content,
  9302. sName: b[j].name,
  9303. type: 2,
  9304. time: b[j].time,
  9305. score: b[j].score,
  9306. img: b[j].img,
  9307. likesCount: likesCount,
  9308. commentCount: commentCount,
  9309. isLikes: isLikes,
  9310. commentJson: commentJson,
  9311. });
  9312. } else if (b[j].type == 8 && a[i].tool[0] == 45) {
  9313. //选择题
  9314. this.worksStudent[i].push({
  9315. userid: b[j].userid,
  9316. ateacher: b[j].ateacher,
  9317. wid: b[j].id,
  9318. works: b[j].content,
  9319. sName: b[j].name,
  9320. type: 8,
  9321. time: b[j].time,
  9322. score: b[j].score,
  9323. img: b[j].img,
  9324. likesCount: likesCount,
  9325. commentCount: commentCount,
  9326. isLikes: isLikes,
  9327. commentJson: commentJson,
  9328. });
  9329. } else if (b[j].type == 9 && a[i].tool[0] == 47) {
  9330. //选择题
  9331. this.worksStudent[i].push({
  9332. userid: b[j].userid,
  9333. ateacher: b[j].ateacher,
  9334. wid: b[j].id,
  9335. works: b[j].content,
  9336. sName: b[j].name,
  9337. type: 9,
  9338. time: b[j].time,
  9339. score: b[j].score,
  9340. img: b[j].img,
  9341. likesCount: likesCount,
  9342. commentCount: commentCount,
  9343. isLikes: isLikes,
  9344. commentJson: commentJson,
  9345. });
  9346. } else if (b[j].type == 10 && a[i].tool[0] == 48) {
  9347. //选择题
  9348. this.worksStudent[i].push({
  9349. userid: b[j].userid,
  9350. ateacher: b[j].ateacher,
  9351. wid: b[j].id,
  9352. works: b[j].content,
  9353. sName: b[j].name,
  9354. type: 10,
  9355. time: b[j].time,
  9356. score: b[j].score,
  9357. img: b[j].img,
  9358. likesCount: likesCount,
  9359. commentCount: commentCount,
  9360. isLikes: isLikes,
  9361. commentJson: commentJson,
  9362. });
  9363. } else if (b[j].type == 13 && a[i].tool[0] == 52) {
  9364. //选择题
  9365. this.worksStudent[i].push({
  9366. userid: b[j].userid,
  9367. ateacher: b[j].ateacher,
  9368. wid: b[j].id,
  9369. works: b[j].content,
  9370. sName: b[j].name,
  9371. type: 13,
  9372. time: b[j].time,
  9373. score: b[j].score,
  9374. img: b[j].img,
  9375. likesCount: likesCount,
  9376. commentCount: commentCount,
  9377. isLikes: isLikes,
  9378. commentJson: commentJson,
  9379. });
  9380. } else if (b[j].type == 11 && a[i].tool[0] == 49) {
  9381. let _gindex = JSON.parse(b[j].content);
  9382. if (
  9383. this.groupStudentUid[i][_gindex.groupIndex].indexOf(
  9384. b[j].userid
  9385. ) != -1
  9386. ) {
  9387. this.worksStudent[i][_gindex.groupIndex].push({
  9388. userid: b[j].userid,
  9389. ateacher: b[j].ateacher,
  9390. wid: b[j].id,
  9391. works: _gindex.url,
  9392. sName: b[j].name,
  9393. type: _gindex.type,
  9394. time: b[j].time,
  9395. score: b[j].score,
  9396. img: b[j].img,
  9397. likesCount: likesCount,
  9398. commentCount: commentCount,
  9399. isLikes: isLikes,
  9400. commentJson: commentJson,
  9401. });
  9402. }
  9403. } else if (a[i].tool[0] == 50 && b[j].atool == 50) {
  9404. this.worksStudent[i].push({
  9405. userid: b[j].userid,
  9406. ateacher: b[j].ateacher,
  9407. wid: b[j].id,
  9408. works: b[j].content,
  9409. sName: b[j].name ? b[j].name : b[j].userid,
  9410. type: b[j].type == 1 ? 0 : b[j].type == 4 ? 1 : 3,
  9411. time: b[j].time,
  9412. score: b[j].score,
  9413. img: b[j].img,
  9414. likesCount: likesCount,
  9415. commentCount: commentCount,
  9416. isLikes: isLikes,
  9417. commentJson: commentJson,
  9418. });
  9419. } else if (a[i].tool[0] == 32 && b[j].atool == 32) {
  9420. this.worksStudent[i].push({
  9421. userid: b[j].userid,
  9422. ateacher: b[j].ateacher,
  9423. wid: b[j].id,
  9424. works: b[j].content,
  9425. sName: b[j].name ? b[j].name : b[j].userid,
  9426. type: 12,
  9427. time: b[j].time,
  9428. score: b[j].score,
  9429. img: b[j].img,
  9430. likesCount: likesCount,
  9431. commentCount: commentCount,
  9432. isLikes: isLikes,
  9433. commentJson: commentJson,
  9434. });
  9435. }
  9436. this.isWorksS[i].push({ uid: b[j].userid, sName: b[j].name });
  9437. }
  9438. }
  9439. if (this.worksStudent[i] && this.worksStudent[i].length) {
  9440. this.worksStudent[i] = this.worksStudent[i].sort(function (a, b) {
  9441. let jscoreA = a.score ? JSON.parse(a.score).wScore : 0;
  9442. let jscoreB = b.score ? JSON.parse(b.score).wScore : 0;
  9443. var scoreA = parseFloat(jscoreA);
  9444. var scoreB = parseFloat(jscoreB);
  9445. if (scoreA == scoreB) {
  9446. return b.likesCount - a.likesCount;
  9447. }
  9448. return scoreB - scoreA;
  9449. });
  9450. }
  9451. }
  9452. for (var i = 0; i < a.length; i++) {
  9453. for (var j = 0; j < b.length; j++) {
  9454. var data = b[j];
  9455. if (i == b[j].tool) {
  9456. if (data.type == 2 || data.type == 8) {
  9457. for (var z = 0; z < this.checkJson[i].length; z++) {
  9458. this.checkJson[i][z].checkPerent = [];
  9459. this.checkJson[i][z].right = Math.round(
  9460. (this.checkJson[i][z].rightPerson.length /
  9461. parseInt(this.worksStudent[i].length)) *
  9462. 100
  9463. );
  9464. let aaaa = this.checkJson[i][z];
  9465. console.log(aaaa);
  9466. for (
  9467. var k = 0;
  9468. k < this.checkJson[i][z].checkCount.length;
  9469. k++
  9470. ) {
  9471. this.checkJson[i][z].checkPerent.push(
  9472. Math.round(
  9473. (this.checkJson[i][z].checkCount[k] /
  9474. parseInt(this.worksStudent[i].length)) *
  9475. 100
  9476. )
  9477. );
  9478. }
  9479. }
  9480. } else if (data.type == 9) {
  9481. for (var z = 0; z < this.checkJson[i].length; z++) {
  9482. this.checkJson[i][z].checkPerent = [];
  9483. this.checkJson[i][z].right = Math.round(
  9484. (this.checkJson[i][z].rightPerson.length /
  9485. this.checkJson[i][z].checkPerson.length) *
  9486. 100
  9487. );
  9488. }
  9489. }
  9490. }
  9491. }
  9492. }
  9493. if (this.dialogVisibleGroup && (gindex || gindex === 0)) {
  9494. this.joinGroup(gindex);
  9495. }
  9496. this.selectWorksStudent();
  9497. })
  9498. .catch((err) => {
  9499. console.error(err);
  9500. });
  9501. },
  9502. pngToWhiteBg(file) {
  9503. const _file = file;
  9504. let read = new FileReader();
  9505. read.readAsDataURL(file); // 文件转base64
  9506. return new Promise((resolve, reject) => {
  9507. read.onload = (e) => {
  9508. let img = new Image();
  9509. img.src = e.target.result;
  9510. img.onload = async () => {
  9511. // 生成canvas
  9512. let canvas = document.createElement("canvas");
  9513. let context = canvas.getContext("2d");
  9514. // 绘制图片到canvas上
  9515. canvas.width = img.width;
  9516. canvas.height = img.height;
  9517. // 在canvas绘制前填充白色背景
  9518. context.fillStyle = "#fff";
  9519. context.fillRect(0, 0, canvas.width, canvas.height);
  9520. context.drawImage(img, 0, 0);
  9521. let base64 = canvas.toDataURL(file["type"], 1);
  9522. let newFile = this.dataUrlToFile(base64, _file);
  9523. resolve(newFile);
  9524. };
  9525. };
  9526. });
  9527. },
  9528. dataUrlToFile(dataurl, file) {
  9529. let arr = dataurl.split(","),
  9530. mime = arr[0].match(/:(.*?);/)[1],
  9531. bstr = atob(arr[1]),
  9532. n = bstr.length,
  9533. u8arr = new Uint8Array(n);
  9534. while (n--) {
  9535. u8arr[n] = bstr.charCodeAt(n);
  9536. }
  9537. // return new Blob([u8arr], { type: mime });
  9538. return new File([new Blob([u8arr], { type: mime })], file.name, {
  9539. type: mime,
  9540. });
  9541. },
  9542. async beforeUpload1(event, type, i) {
  9543. // this.$message.success('进入上传')
  9544. var file = "";
  9545. if (type == 5) {
  9546. file = event;
  9547. } else {
  9548. file = event.target.files[0];
  9549. }
  9550. var credentials = {
  9551. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  9552. secretAccessKey: "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",
  9553. }; //秘钥形式的登录上传
  9554. window.AWS.config.update(credentials);
  9555. window.AWS.config.region = "cn-northwest-1"; //设置区域
  9556. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  9557. var _this = this;
  9558. _this.progress = 0;
  9559. _this.proVisible = true;
  9560. _this.isFinishSize = 0;
  9561. _this.isAllSize = (file.size / 1024 / 1024).toFixed(2);
  9562. var b = [
  9563. "DOC",
  9564. "DOCX",
  9565. "DOCM",
  9566. "DOTM",
  9567. "DOTX",
  9568. "PPTX",
  9569. "PPSX",
  9570. "PPT",
  9571. "PPS",
  9572. "PPTM",
  9573. "POTM",
  9574. "PPAM",
  9575. "POTX",
  9576. "PPSM",
  9577. ];
  9578. var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
  9579. var photoA = [
  9580. "BMP",
  9581. "GIF",
  9582. "PNG",
  9583. "JPGE",
  9584. "JPG",
  9585. "TIF",
  9586. "PCX",
  9587. "TGA",
  9588. "EXIF",
  9589. "FPX",
  9590. "SVG",
  9591. "APNG",
  9592. ];
  9593. // if (
  9594. // b.indexOf(
  9595. // file.name
  9596. // .split(".")
  9597. // [file.name.split(".").length - 1].toLocaleUpperCase()
  9598. // ) != -1
  9599. // ) {
  9600. // if (file.size / 1024 / 1024 > 10) {
  9601. // this.$message.error("上传文件大于10兆,请重新选择文件!");
  9602. // return;
  9603. // }
  9604. // } else if (
  9605. // excelA.indexOf(
  9606. // file.name
  9607. // .split(".")
  9608. // [file.name.split(".").length - 1].toLocaleUpperCase()
  9609. // ) != "-1"
  9610. // ) {
  9611. // if (file.size / 1024 / 1024 > 5) {
  9612. // this.$message.error("添加成上传文件大于5兆,请重新选择文件!");
  9613. // return;
  9614. // }
  9615. // }
  9616. if (
  9617. photoA.indexOf(
  9618. file.name
  9619. .split(".")
  9620. [file.name.split(".").length - 1].toLocaleUpperCase()
  9621. ) != -1 &&
  9622. type != 4
  9623. ) {
  9624. // const blob = await imageConversion.compress(file, 0.8)
  9625. file = await this.pngToWhiteBg(file);
  9626. const blob = await imageConversion.compressAccurately(file, 256);
  9627. // const blob = await imageConversion.compressAccurately(file, {type:file.type});
  9628. file = new File([blob], file.name, { type: file.type });
  9629. }
  9630. if (file) {
  9631. var params = {
  9632. Key:
  9633. file.name.split(".")[0] +
  9634. new Date().getTime() +
  9635. "." +
  9636. file.name.split(".")[file.name.split(".").length - 1],
  9637. ContentType: file.type,
  9638. Body: file,
  9639. "Access-Control-Allow-Credentials": "*",
  9640. ACL: "public-read",
  9641. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  9642. var options = {
  9643. // partSize: 2048 * 1024 * 1024,
  9644. partSize: 1024 * 1024 * 1024,
  9645. queueSize: 2,
  9646. leavePartsOnError: true,
  9647. };
  9648. bucket
  9649. .upload(params, options)
  9650. .on("httpUploadProgress", function (evt) {
  9651. //这里可以写进度条
  9652. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  9653. _this.progress = parseInt((evt.loaded / evt.total) * 100);
  9654. _this.isFinishSize = (evt.loaded / 1024 / 1024).toFixed(2);
  9655. })
  9656. .send(function (err, data) {
  9657. _this.progress = 100;
  9658. _this.isFinishSize = _this.isAllSize;
  9659. setTimeout(() => {
  9660. _this.proVisible = false;
  9661. }, 1000);
  9662. if (err) {
  9663. var a = _this.$refs.upload1.uploadFiles;
  9664. a.splice(a.length - 1, a.length);
  9665. _this.$message.error("上传失败");
  9666. } else {
  9667. // _this.$message.success('上传成功')
  9668. var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  9669. var c = [
  9670. "AVI",
  9671. "NAVI",
  9672. "MPEG",
  9673. "ASF",
  9674. "MOV",
  9675. "WMV",
  9676. "3GP",
  9677. "RM",
  9678. "RMVB",
  9679. "FLV",
  9680. "F4V",
  9681. "H.264",
  9682. "H.265",
  9683. "REAL VIDEO",
  9684. "MKV",
  9685. "WebM",
  9686. "HDDVD",
  9687. "MP4",
  9688. "MPG",
  9689. "M4V",
  9690. "MGV",
  9691. "OGV",
  9692. "QTM",
  9693. "STR",
  9694. "AMC",
  9695. "DVX",
  9696. "EVO",
  9697. "DAT",
  9698. "OGG",
  9699. "OGM",
  9700. ];
  9701. if (type == 1) {
  9702. _this.studyJuri[0].cover.push({
  9703. name: file.name,
  9704. url: data.Location,
  9705. uid: file.uid,
  9706. });
  9707. if (
  9708. c.indexOf(
  9709. _this.studyJuri[0].cover[0].url
  9710. .split(".")
  9711. [
  9712. _this.studyJuri[0].cover[0].url.split(".").length - 1
  9713. ].toLocaleUpperCase()
  9714. ) != -1
  9715. ) {
  9716. _this.fileType = 2;
  9717. } else if (
  9718. b.indexOf(
  9719. _this.studyJuri[0].cover[0].url
  9720. .split(".")
  9721. [
  9722. _this.studyJuri[0].cover[0].url.split(".").length - 1
  9723. ].toLocaleUpperCase()
  9724. ) != -1
  9725. ) {
  9726. _this.fileType = 1;
  9727. } else {
  9728. _this.fileType = 0;
  9729. }
  9730. _this.imgChange(null, null, type);
  9731. } else if (type == 2) {
  9732. _this.upToolImg = data.Location;
  9733. _this.imgChange(null, null, type);
  9734. _this.addCourseWorks(i);
  9735. } else if (type == 4) {
  9736. _this.addPz("3", data.Location);
  9737. } else if (type == 5) {
  9738. _this.addImgDrawImG(data.Location);
  9739. } else if (type == 6) {
  9740. var _ftype = 1;
  9741. if (
  9742. c.indexOf(
  9743. data.Location.split(".")[
  9744. data.Location.split(".").length - 1
  9745. ].toLocaleUpperCase()
  9746. ) != -1
  9747. ) {
  9748. _ftype = 5;
  9749. } else if (
  9750. b.indexOf(
  9751. data.Location.split(".")[
  9752. data.Location.split(".").length - 1
  9753. ].toLocaleUpperCase()
  9754. ) != -1
  9755. ) {
  9756. _ftype = 4;
  9757. } else {
  9758. _ftype = 1;
  9759. }
  9760. _this.plworkFile.push({
  9761. name: file.name,
  9762. url: data.Location,
  9763. uid: file.uid,
  9764. fileType: _ftype,
  9765. username:
  9766. _this.plworkFile.length + 1 > 10
  9767. ? _this.plworkFile.length + 1
  9768. : "0" + (_this.plworkFile.length + 1),
  9769. });
  9770. } else if (type == 7) {
  9771. _this.addCourseWorksGong(i, data.Location);
  9772. }
  9773. _this.imgChange(null, null, type);
  9774. console.log(data.Location);
  9775. // _this.$message.success('上传成功'+data.Location)
  9776. }
  9777. });
  9778. }
  9779. },
  9780. async beforeUpload3(event, type, i) {
  9781. // this.$message.success('进入上传')
  9782. let file = "";
  9783. let cfindex2 = 0;
  9784. for (var cfindex = 0; cfindex < event.target.files.length; cfindex++) {
  9785. file = event.target.files[cfindex];
  9786. var credentials = {
  9787. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  9788. secretAccessKey: "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",
  9789. }; //秘钥形式的登录上传
  9790. window.AWS.config.update(credentials);
  9791. window.AWS.config.region = "cn-northwest-1"; //设置区域
  9792. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  9793. var _this = this;
  9794. // _this.progress = 0;
  9795. _this.proVisible2 = true;
  9796. var b = [
  9797. "DOC",
  9798. "DOCX",
  9799. "DOCM",
  9800. "DOTM",
  9801. "DOTX",
  9802. "PPTX",
  9803. "PPSX",
  9804. "PPT",
  9805. "PPS",
  9806. "PPTM",
  9807. "POTM",
  9808. "PPAM",
  9809. "POTX",
  9810. "PPSM",
  9811. ];
  9812. var excelA = ["XLSX", "XLXB", "XLS", "XLSM"];
  9813. var photoA = [
  9814. "BMP",
  9815. "GIF",
  9816. "PNG",
  9817. "JPGE",
  9818. "JPG",
  9819. "TIF",
  9820. "PCX",
  9821. "TGA",
  9822. "EXIF",
  9823. "FPX",
  9824. "SVG",
  9825. "APNG",
  9826. ];
  9827. if (
  9828. photoA.indexOf(
  9829. file.name
  9830. .split(".")
  9831. [file.name.split(".").length - 1].toLocaleUpperCase()
  9832. ) != -1 &&
  9833. type != 4
  9834. ) {
  9835. // const blob = await imageConversion.compress(file, 0.8)
  9836. file = await this.pngToWhiteBg(file);
  9837. const blob = await imageConversion.compressAccurately(file, 256);
  9838. // const blob = await imageConversion.compressAccurately(file, {type:file.type});
  9839. file = new File([blob], file.name, { type: file.type });
  9840. }
  9841. if (file) {
  9842. var params = {
  9843. Key:
  9844. file.name.split(".")[0] +
  9845. new Date().getTime() +
  9846. "." +
  9847. file.name.split(".")[file.name.split(".").length - 1],
  9848. ContentType: file.type,
  9849. Body: file,
  9850. "Access-Control-Allow-Credentials": "*",
  9851. ACL: "public-read",
  9852. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  9853. var options = {
  9854. // partSize: 2048 * 1024 * 1024,
  9855. partSize: 1024 * 1024 * 1024,
  9856. queueSize: 2,
  9857. leavePartsOnError: true,
  9858. };
  9859. bucket
  9860. .upload(params, options)
  9861. .on("httpUploadProgress", function (evt) {
  9862. //这里可以写进度条
  9863. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  9864. // _this.progress = parseInt((evt.loaded * 80) / evt.total);
  9865. })
  9866. .send(function (err, data) {
  9867. // _this.progress = 100;
  9868. cfindex2++;
  9869. setTimeout(() => {
  9870. if (
  9871. cfindex2 == event.target.files.length - 1 ||
  9872. cfindex2 > event.target.files.length - 1
  9873. ) {
  9874. _this.proVisible2 = false;
  9875. }
  9876. }, 1000);
  9877. if (err) {
  9878. var a = _this.$refs.upload1.uploadFiles;
  9879. a.splice(a.length - 1, a.length);
  9880. _this.$message.error("上传失败");
  9881. } else {
  9882. // _this.$message.success('上传成功')
  9883. var b = ["PDF", "DOC", "DOCX", "PPT", "PPTX", "XLSX", "XLS"];
  9884. var c = [
  9885. "AVI",
  9886. "NAVI",
  9887. "MPEG",
  9888. "ASF",
  9889. "MOV",
  9890. "WMV",
  9891. "3GP",
  9892. "RM",
  9893. "RMVB",
  9894. "FLV",
  9895. "F4V",
  9896. "H.264",
  9897. "H.265",
  9898. "REAL VIDEO",
  9899. "MKV",
  9900. "WebM",
  9901. "HDDVD",
  9902. "MP4",
  9903. "MPG",
  9904. "M4V",
  9905. "MGV",
  9906. "OGV",
  9907. "QTM",
  9908. "STR",
  9909. "AMC",
  9910. "DVX",
  9911. "EVO",
  9912. "DAT",
  9913. "OGG",
  9914. "OGM",
  9915. ];
  9916. if (type == 1) {
  9917. _this.studyJuri[0].cover.push({
  9918. name: file.name,
  9919. url: data.Location,
  9920. uid: file.uid,
  9921. });
  9922. if (
  9923. c.indexOf(
  9924. _this.studyJuri[0].cover[0].url
  9925. .split(".")
  9926. [
  9927. _this.studyJuri[0].cover[0].url.split(".").length - 1
  9928. ].toLocaleUpperCase()
  9929. ) != -1
  9930. ) {
  9931. _this.fileType = 2;
  9932. } else if (
  9933. b.indexOf(
  9934. _this.studyJuri[0].cover[0].url
  9935. .split(".")
  9936. [
  9937. _this.studyJuri[0].cover[0].url.split(".").length - 1
  9938. ].toLocaleUpperCase()
  9939. ) != -1
  9940. ) {
  9941. _this.fileType = 1;
  9942. } else {
  9943. _this.fileType = 0;
  9944. }
  9945. _this.imgChange(null, null, type);
  9946. } else if (type == 2) {
  9947. _this.upToolImg = data.Location;
  9948. _this.imgChange(null, null, type);
  9949. _this.addCourseWorks(i);
  9950. } else if (type == 4) {
  9951. _this.addPz("3", data.Location);
  9952. } else if (type == 5) {
  9953. _this.addImgDrawImG(data.Location);
  9954. } else if (type == 6) {
  9955. var _ftype = 1;
  9956. if (
  9957. c.indexOf(
  9958. data.Location.split(".")[
  9959. data.Location.split(".").length - 1
  9960. ].toLocaleUpperCase()
  9961. ) != -1
  9962. ) {
  9963. _ftype = 5;
  9964. } else if (
  9965. b.indexOf(
  9966. data.Location.split(".")[
  9967. data.Location.split(".").length - 1
  9968. ].toLocaleUpperCase()
  9969. ) != -1
  9970. ) {
  9971. _ftype = 4;
  9972. } else {
  9973. _ftype = 1;
  9974. }
  9975. _this.plworkFile.push({
  9976. name: file.name,
  9977. url: data.Location,
  9978. uid: file.uid,
  9979. fileType: _ftype,
  9980. username:
  9981. _this.plworkFile.length + 1 > 10
  9982. ? _this.plworkFile.length + 1
  9983. : "0" + (_this.plworkFile.length + 1),
  9984. });
  9985. }
  9986. _this.imgChange(null, null, type);
  9987. console.log(data.Location);
  9988. // _this.$message.success('上传成功'+data.Location)
  9989. }
  9990. });
  9991. }
  9992. }
  9993. },
  9994. beforeUpload2(event, type) {
  9995. var file = event.target.files[0];
  9996. var credentials = {
  9997. accessKeyId: "AKIATLPEDU37QV5CHLMH",
  9998. secretAccessKey: "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",
  9999. }; //秘钥形式的登录上传
  10000. window.AWS.config.update(credentials);
  10001. window.AWS.config.region = "cn-northwest-1"; //设置区域
  10002. var bucket = new window.AWS.S3({ params: { Bucket: "ccrb" } }); //选择桶
  10003. var _this = this;
  10004. _this.progress = 0;
  10005. _this.proVisible = true;
  10006. if (file) {
  10007. var params = {
  10008. Key:
  10009. file.name.split(".")[0] +
  10010. new Date().getTime() +
  10011. "." +
  10012. file.name.split(".")[file.name.split(".").length - 1],
  10013. ContentType: file.type,
  10014. Body: file,
  10015. "Access-Control-Allow-Credentials": "*",
  10016. ACL: "public-read",
  10017. }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
  10018. var options = {
  10019. partSize: 2048 * 1024 * 1024,
  10020. queueSize: 2,
  10021. leavePartsOnError: true,
  10022. };
  10023. bucket
  10024. .upload(params, options)
  10025. .on("httpUploadProgress", function (evt) {
  10026. //这里可以写进度条
  10027. // console.log("Uploaded : " + parseInt((evt.loaded * 80) / evt.total) + '%');
  10028. _this.progress = parseInt((evt.loaded * 80) / evt.total);
  10029. })
  10030. .send(function (err, data) {
  10031. _this.progress = 100;
  10032. setTimeout(() => {
  10033. _this.proVisible = false;
  10034. }, 1000);
  10035. if (err) {
  10036. var a = _this.$refs.upload1.uploadFiles;
  10037. a.splice(a.length - 1, a.length);
  10038. _this.$message.error("上传失败");
  10039. } else {
  10040. if (type == 2) {
  10041. _this.studyJuri[0].upVedio.push({
  10042. name: file.name,
  10043. url: data.Location,
  10044. uid: file.uid,
  10045. });
  10046. _this.imgChange(null, null, type);
  10047. } else if (type == 3) {
  10048. _this.studyJuri[0].upFile.push({
  10049. name: file.name,
  10050. url: data.Location,
  10051. uid: file.uid,
  10052. });
  10053. _this.imgChange(null, null, type);
  10054. }
  10055. console.log(data.Location);
  10056. }
  10057. });
  10058. }
  10059. },
  10060. allScrell() {
  10061. window.parent.postMessage({ allScreen: this.screenType }, "*");
  10062. },
  10063. nextOrpreSteps(t) {
  10064. var b = this.chapInfoList.length - 1;
  10065. if (t == 0) {
  10066. if (this.courseType == 0) {
  10067. if (this.taskCount == 0) {
  10068. // console.log(this.navList[b].task[this.navList[b].task.length - 1].isLook);
  10069. if (this.IsLookOpen) {
  10070. if (
  10071. !this.navList[b].task[this.navList[b].task.length - 1].isLook
  10072. ) {
  10073. if (
  10074. this.courseDetail.userid != this.userid &&
  10075. this.courseDetail.course_teacher.indexOf(this.userid) == -1
  10076. ) {
  10077. this.$message.error("任务未解锁");
  10078. } else {
  10079. this.$message.error("上一任务未解锁");
  10080. }
  10081. return;
  10082. }
  10083. }
  10084. this.navList[this.courseType].isOpen = false;
  10085. this.courseType = b;
  10086. this.taskCount =
  10087. this.chapInfoList[this.courseType].chapterInfo[0].taskJson
  10088. .length - 1;
  10089. this.navList[this.courseType].isOpen = true;
  10090. } else {
  10091. this.taskCount--;
  10092. }
  10093. } else {
  10094. if (this.taskCount == 0) {
  10095. this.navList[this.courseType].isOpen = false;
  10096. this.courseType--;
  10097. this.taskCount =
  10098. this.chapInfoList[this.courseType].chapterInfo[0].taskJson
  10099. .length - 1;
  10100. this.navList[this.courseType].isOpen = true;
  10101. } else {
  10102. this.taskCount--;
  10103. }
  10104. }
  10105. } else {
  10106. if (this.courseType == b) {
  10107. if (
  10108. this.taskCount ==
  10109. this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
  10110. 1
  10111. ) {
  10112. this.navList[this.courseType].isOpen = false;
  10113. this.courseType = 0;
  10114. this.taskCount = 0;
  10115. this.navList[this.courseType].isOpen = true;
  10116. } else {
  10117. var bbb = parseInt(this.taskCount) + 1;
  10118. if (
  10119. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
  10120. .isLook &&
  10121. this.courseDetail.userid != this.userid &&
  10122. this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
  10123. this.IsLookOpen
  10124. ) {
  10125. this.$message.error("任务未解锁");
  10126. return;
  10127. }
  10128. this.taskCount++;
  10129. if (this.IsLookOpen) {
  10130. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10131. this.taskCount
  10132. ].isLook = true;
  10133. this.addCourseState(3);
  10134. }
  10135. }
  10136. } else {
  10137. if (
  10138. this.taskCount ==
  10139. this.chapInfoList[this.courseType].chapterInfo[0].taskJson.length -
  10140. 1
  10141. ) {
  10142. var bbb = parseInt(this.courseType) + 1;
  10143. if (
  10144. !this.chapInfoList[bbb].chapterInfo[0].taskJson[0].isLook &&
  10145. this.courseDetail.userid != this.userid &&
  10146. this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
  10147. this.IsLookOpen
  10148. ) {
  10149. this.$message.error("任务未解锁");
  10150. return;
  10151. }
  10152. this.navList[this.courseType].isOpen = false;
  10153. this.courseType++;
  10154. this.taskCount = 0;
  10155. this.navList[this.courseType].isOpen = true;
  10156. } else {
  10157. var bbb = parseInt(this.taskCount) + 1;
  10158. if (
  10159. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[bbb]
  10160. .isLook &&
  10161. this.courseDetail.userid != this.userid &&
  10162. this.courseDetail.course_teacher.indexOf(this.userid) == -1 &&
  10163. this.IsLookOpen
  10164. ) {
  10165. this.$message.error("任务未解锁");
  10166. return;
  10167. }
  10168. this.taskCount++;
  10169. }
  10170. if (this.IsLookOpen) {
  10171. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10172. this.taskCount
  10173. ].isLook = true;
  10174. this.addCourseState(3);
  10175. }
  10176. }
  10177. // if (
  10178. // this.taskCount ==
  10179. // this.chapInfo.chapterInfo[0].taskJson.length - 1
  10180. // ) {
  10181. // this.taskCount = this.chapInfo.chapterInfo[0].taskJson.length - 1;
  10182. // } else {
  10183. // this.taskCount++;
  10184. // }
  10185. }
  10186. document.scrollingElement.scrollTop = 0;
  10187. this.showType = 0;
  10188. this.navId = this.navList[this.courseType].task[this.taskCount].id;
  10189. // if (this.vedio[this.taskCount].length > 0) {
  10190. // var a =
  10191. // document.getElementsByClassName("box_course")[this.taskCount]
  10192. // .offsetHeight;
  10193. // document.getElementsByClassName("vedioList")[
  10194. // this.taskCount
  10195. // ].style.height = a + "px";
  10196. // document.getElementsByClassName("navBox")[this.taskCount].style.height =
  10197. // a - 40 + "px";
  10198. // }
  10199. this.isNoHomeWork = false;
  10200. (this.studyJuri = [
  10201. {
  10202. content: "",
  10203. cover: [],
  10204. upVedio: [],
  10205. upFile: [],
  10206. },
  10207. ]),
  10208. (this.radio = []);
  10209. this.isClickNav = "";
  10210. this.selectPz();
  10211. this.getHomeWork();
  10212. this.getCourseDetail();
  10213. this.$forceUpdate();
  10214. },
  10215. openTask(s, n, i) {
  10216. if (this.IsLookOpen) {
  10217. if (
  10218. !this.chapInfoList[s].chapterInfo[0].taskJson[n].isLook &&
  10219. this.courseDetail.userid != this.userid &&
  10220. this.courseDetail.course_teacher.indexOf(this.userid) == -1
  10221. ) {
  10222. this.$message.error("任务未解锁");
  10223. return;
  10224. }
  10225. if (this.courseType == s && this.taskCount != n && n > this.taskCount) {
  10226. if (
  10227. !this.chapInfoList[this.courseType].chapterInfo[0].taskJson[n - 1]
  10228. .isLook
  10229. ) {
  10230. this.$message.error("上一任务未解锁");
  10231. return;
  10232. }
  10233. } else if (s > this.courseType) {
  10234. if (n > 0) {
  10235. if (!this.chapInfoList[s].chapterInfo[0].taskJson[n - 1].isLook) {
  10236. this.$message.error("上一任务未解锁");
  10237. return;
  10238. }
  10239. } else {
  10240. if (
  10241. !this.chapInfoList[s - 1].chapterInfo[0].taskJson[
  10242. this.chapInfoList[s - 1].chapterInfo[0].taskJson.length - 1
  10243. ].isLook
  10244. ) {
  10245. this.$message.error("上一任务未解锁");
  10246. return;
  10247. }
  10248. }
  10249. }
  10250. }
  10251. this.courseType = s;
  10252. this.navId = i;
  10253. this.taskCount = n;
  10254. if (this.IsLookOpen) {
  10255. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10256. this.taskCount
  10257. ].isLook = true;
  10258. this.addCourseState(3);
  10259. }
  10260. for (var ci = 0; ci < this.isCloseList.length; ci++) {
  10261. this.isCloseList[ci].isClose = 0;
  10262. }
  10263. this.showType = 0;
  10264. this.isNoHomeWork = false;
  10265. (this.studyJuri = [
  10266. {
  10267. content: "",
  10268. cover: [],
  10269. upVedio: [],
  10270. upFile: [],
  10271. },
  10272. ]),
  10273. (this.radio = []);
  10274. document.scrollingElement.scrollTop = 0;
  10275. // setTimeout(() => {
  10276. // let a = document.getElementById(i);
  10277. // if (a.offsetTop - 110 == 0) {
  10278. // window.scrollTo(0, 0);
  10279. // } else {
  10280. // window.scrollTo(0, a.offsetTop);
  10281. // }
  10282. // }, 0);
  10283. this.selectPz();
  10284. this.getHomeWork();
  10285. this.getCourseDetail();
  10286. },
  10287. get(i) {
  10288. this.navList[i].isOpen = !this.navList[i].isOpen;
  10289. },
  10290. addQuestion() {
  10291. this.answerList.push({
  10292. answerTitle: this.answerQ.replaceAll(/%/g, "%25"),
  10293. answer: this.questionAnswer.replaceAll(/%/g, "%25"),
  10294. });
  10295. let params = [
  10296. {
  10297. uid: this.userid,
  10298. cid: this.id,
  10299. stage: this.courseType,
  10300. task: this.taskCount,
  10301. tool: this.toolindex,
  10302. content: JSON.stringify(this.answerList),
  10303. type: 3,
  10304. },
  10305. ];
  10306. this.ajax
  10307. .post(this.$store.state.api + "addCourseWorks", params)
  10308. .then((res) => {
  10309. this.$message({
  10310. message: "提交成功",
  10311. type: "success",
  10312. });
  10313. this.answerList = [];
  10314. this.answerDialogVisible = false;
  10315. this.selectStudent();
  10316. this.selectSWorks();
  10317. this.selectSLook();
  10318. })
  10319. .catch((err) => {
  10320. this.$message.error("提交失败");
  10321. console.error(err);
  10322. });
  10323. },
  10324. getCourseDetail(type, gindex) {
  10325. let loading;
  10326. if (type != 2) {
  10327. loading = this.$loading.service({
  10328. background: "rgba(255, 255, 255, 0.7)",
  10329. target: document.querySelector(".student_table"),
  10330. });
  10331. }
  10332. // this.navList[0].isOpen = false;
  10333. // this.navList[this.courseType].isOpen = true;
  10334. // this.courseType = this.courseTypeLine;
  10335. // this.navId = this.navList[this.courseType].task[this.taskCount].id;
  10336. let params = {
  10337. courseId: this.id,
  10338. };
  10339. this.ajax
  10340. .get(this.$store.state.api + "selectCourseDetail2", params)
  10341. .then((res) => {
  10342. if (type != 2) {
  10343. loading.close();
  10344. var a = JSON.parse(res.data[0][0].chapters)[this.courseType]
  10345. .chapterInfo[0].taskJson;
  10346. var b = [
  10347. "AVI",
  10348. "NAVI",
  10349. "MPEG",
  10350. "ASF",
  10351. "MOV",
  10352. "WMV",
  10353. "3GP",
  10354. "RM",
  10355. "RMVB",
  10356. "FLV",
  10357. "F4V",
  10358. "H.264",
  10359. "H.265",
  10360. "REAL VIDEO",
  10361. "MKV",
  10362. "WebM",
  10363. "HDDVD",
  10364. "MP4",
  10365. "MPG",
  10366. "M4V",
  10367. "MGV",
  10368. "OGV",
  10369. "QTM",
  10370. "STR",
  10371. "AMC",
  10372. "DVX",
  10373. "EVO",
  10374. "DAT",
  10375. "OGG",
  10376. "OGM",
  10377. "MP3",
  10378. ];
  10379. for (var i = 0; i < a.length; i++) {
  10380. var c = a[i].chapterData;
  10381. this.vedio[i] = [];
  10382. this.textList[i] = [];
  10383. this.lineList[i] = [];
  10384. this.chapToolList[i] = [];
  10385. this.file[i] = [];
  10386. for (var j = 0; j < c.length; j++) {
  10387. if (c[j].type == 7) {
  10388. this.chapToolList[i].push(c[j]);
  10389. } else if (c[j].type == 8) {
  10390. this.lineList[i].push(c[j]);
  10391. } else if (c[j].type == 6) {
  10392. this.textList[i].push(c[j]);
  10393. } else {
  10394. if (
  10395. b.indexOf(
  10396. c[j].url
  10397. .split(".")
  10398. [c[j].url.split(".").length - 1].toLocaleUpperCase()
  10399. ) != -1
  10400. ) {
  10401. this.vedio[i].push(c[j]);
  10402. } else {
  10403. this.file[i].push(c[j]);
  10404. }
  10405. }
  10406. }
  10407. var d = JSON.parse(JSON.stringify(this.playerOptions));
  10408. d.sources[0].src =
  10409. this.vedio[i].length > 0 ? this.vedio[i][0].url : this.mr;
  10410. this.playerO[i] = d;
  10411. }
  10412. this.courseDetail = res.data[0][0];
  10413. this.evalua = res.data[0][0].evaId;
  10414. this.chapInfo = JSON.parse(this.courseDetail.chapters)[
  10415. this.courseType
  10416. ];
  10417. this.chapInfoList = JSON.parse(this.courseDetail.chapters);
  10418. // if (this.navList.length == 0) {
  10419. // this.navList = [];
  10420. // for (var l = 0; l < this.chapInfoList.length; l++) {
  10421. // var q = this.chapInfoList[l].dyName;
  10422. // var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  10423. // var e;
  10424. // this.navList.push({
  10425. // dyName: q,
  10426. // isOpen: l === 0 ? true : false,
  10427. // task: [],
  10428. // });
  10429. // for (var r = 0; r < w.length; r++) {
  10430. // e = w[r].task;
  10431. // this.navList[l].task.push({ taskName: e, id: l + "-" + r });
  10432. // this.navId = this.navId ? this.navId : l + "-" + r;
  10433. // }
  10434. // }
  10435. // }
  10436. // this.navList[0].isOpen = false;
  10437. // this.navList[this.courseType].isOpen = true;
  10438. // this.navId = this.navList[this.courseType].task[this.taskCount].id;
  10439. for (var l = 0; l < this.chapInfoList.length; l++) {
  10440. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  10441. for (var m = 0; m < w.length; m++) {
  10442. w[m].id = l + "-" + m;
  10443. }
  10444. }
  10445. if (
  10446. !this.vedio[this.taskCount][0] ||
  10447. this.vedio[this.taskCount][0].url == ""
  10448. ) {
  10449. if (
  10450. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10451. this.taskCount
  10452. ].chapterData.length > 0
  10453. ) {
  10454. // if (
  10455. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10456. // this.taskCount
  10457. // ].chapterData[0].type != 8
  10458. // ) {
  10459. let _url =
  10460. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10461. this.taskCount
  10462. ].chapterData[0].url;
  10463. if (
  10464. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10465. this.taskCount
  10466. ].chapterData[0].type == 8
  10467. ) {
  10468. this.showType = 2;
  10469. if (
  10470. _url.indexOf("https://") == -1 &&
  10471. _url.indexOf("http://") == -1
  10472. ) {
  10473. _url = "https://" + _url;
  10474. }
  10475. this.pptImgUrl1 = _url;
  10476. this.isClickNav = "line0";
  10477. } else if (
  10478. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10479. this.taskCount
  10480. ].chapterData[0].type == 3
  10481. ) {
  10482. if (
  10483. _url
  10484. .split(".")
  10485. [_url.split(".").length - 1].toLocaleUpperCase() == "PDF"
  10486. ) {
  10487. this.showType = 3;
  10488. this.pptImgUrl1 = _url;
  10489. this.isClickNav = "word0";
  10490. } else if (
  10491. this.isAssetTypeAnImage(
  10492. _url
  10493. .split(".")
  10494. [_url.split(".").length - 1].toLocaleLowerCase()
  10495. )
  10496. ) {
  10497. this.showType = 4;
  10498. this.pptImgUrl1 = _url;
  10499. this.isClickNav = "word0";
  10500. } else {
  10501. this.showType = 2;
  10502. this.pptImgUrl1 =
  10503. "https://view.officeapps.live.com/op/view.aspx?src=" +
  10504. _url;
  10505. this.isClickNav = "word0";
  10506. }
  10507. } else if (
  10508. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10509. this.taskCount
  10510. ].chapterData[0].type == 6
  10511. ) {
  10512. this.showType = 1;
  10513. this.text = this.textList[this.taskCount][0];
  10514. this.isClickNav = "text0";
  10515. }
  10516. // }
  10517. // else {
  10518. // for (
  10519. // var y = 0;
  10520. // y <
  10521. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10522. // this.taskCount
  10523. // ].chapterData.length;
  10524. // y++
  10525. // ) {
  10526. // if (
  10527. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10528. // this.taskCount
  10529. // ].chapterData[y].type != 8
  10530. // ) {
  10531. // if (
  10532. // this.chapInfoList[this.courseType].chapterInfo[0]
  10533. // .taskJson[this.taskCount].chapterData[y].type == 3
  10534. // ) {
  10535. // let _url =
  10536. // this.chapInfoList[this.courseType].chapterInfo[0]
  10537. // .taskJson[this.taskCount].chapterData[y].url;
  10538. // if (
  10539. // _url
  10540. // .split(".")
  10541. // [_url.split(".").length - 1].toLocaleUpperCase() ==
  10542. // "PDF"
  10543. // ) {
  10544. // this.showType = 3;
  10545. // this.pptImgUrl1 = _url;
  10546. // } else if (
  10547. // this.isAssetTypeAnImage(
  10548. // _url
  10549. // .split(".")
  10550. // [_url.split(".").length - 1].toLocaleLowerCase()
  10551. // )
  10552. // ) {
  10553. // this.showType = 4;
  10554. // this.pptImgUrl1 = _url;
  10555. // } else {
  10556. // this.showType = 2;
  10557. // this.pptImgUrl1 =
  10558. // "https://view.officeapps.live.com/op/view.aspx?src=" +
  10559. // _url;
  10560. // }
  10561. // } else if (
  10562. // this.chapInfoList[this.courseType].chapterInfo[0]
  10563. // .taskJson[this.taskCount].chapterData[y].type == 6
  10564. // ) {
  10565. // this.showType = 1;
  10566. // this.text = this.textList[this.taskCount][0];
  10567. // }
  10568. // } else {
  10569. // this.showType = 2;
  10570. // this.pptImgUrl1 =
  10571. // "https://view.officeapps.live.com/op/view.aspx?src=" +
  10572. // _url;
  10573. // }
  10574. // }
  10575. // }
  10576. }
  10577. } else {
  10578. this.isClickNav = "video0";
  10579. }
  10580. } else {
  10581. this.courseDetail = res.data[0][0];
  10582. this.chapInfoList = JSON.parse(this.courseDetail.chapters);
  10583. }
  10584. this.$nextTick(() => {
  10585. setTimeout(() => {
  10586. this.checkEva();
  10587. }, 1000);
  10588. });
  10589. this.selectStudent();
  10590. this.selectSWorks(gindex);
  10591. this.selectSLook();
  10592. let _this = this;
  10593. if (_this.timer) {
  10594. clearInterval(_this.timer);
  10595. _this.timer = null;
  10596. }
  10597. if (this.dialogVisibleGroup) {
  10598. this.groupJson =
  10599. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  10600. this.taskCount
  10601. ].toolChoose[this.toolindex].groupJson;
  10602. // this.$forceUpdate();
  10603. }
  10604. _this.timer = setInterval(function () {
  10605. // _this.selectSWorks();
  10606. // _this.selectStudent();
  10607. // _this.selectSLook();
  10608. _this.getCourseDetail(2);
  10609. if (_this.tType == 4) {
  10610. _this.selectPz();
  10611. }
  10612. }, 5000);
  10613. _this.$nextTick(function () {
  10614. setTimeout(() => {
  10615. // var a =
  10616. // document.getElementsByClassName("box_course")[0].offsetHeight;
  10617. // document.getElementsByClassName("vedioList")[0].style.height =
  10618. // a + "px";
  10619. // document.getElementsByClassName("navBox")[0].style.height =
  10620. // a - 40 + "px";
  10621. if (_this.vedio[_this.taskCount].length > 0) {
  10622. _this.vedioTime = [];
  10623. for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
  10624. _this.vedioTime[i] = document.getElementsByClassName(
  10625. "vjs-duration-display"
  10626. )[i].textContent;
  10627. }
  10628. }
  10629. }, 1000);
  10630. });
  10631. })
  10632. .catch((err) => {
  10633. loading.close();
  10634. console.error(err);
  10635. });
  10636. },
  10637. addPz(type, content) {
  10638. if (type == "1" && this.pzConText == "") {
  10639. this.$message.error("批注不能为空!");
  10640. return;
  10641. }
  10642. let params = [
  10643. {
  10644. cid: this.id,
  10645. uid: this.userid,
  10646. s: this.courseType,
  10647. t: this.taskCount,
  10648. c: type == "1" ? this.pzConText.replaceAll(/%/g, "%25") : content,
  10649. type: type,
  10650. },
  10651. ];
  10652. this.ajax
  10653. .post(this.$store.state.api + "addPz2", params)
  10654. .then((res) => {
  10655. this.$message({
  10656. message: "添加成功",
  10657. type: "success",
  10658. });
  10659. this.pzConText = "";
  10660. this.addPzDialog = false;
  10661. this.selectPz();
  10662. })
  10663. .catch((err) => {
  10664. this.$message.error("添加失败");
  10665. console.error(err);
  10666. });
  10667. },
  10668. deletePz(id) {
  10669. this.$confirm("确定删除此批注吗?", "提示", {
  10670. confirmButtonText: "确定",
  10671. cancelButtonText: "取消",
  10672. type: "warning",
  10673. })
  10674. .then(() => {
  10675. let params = [
  10676. {
  10677. id: id,
  10678. },
  10679. ];
  10680. this.ajax
  10681. .post(this.$store.state.api + "deletePz", params)
  10682. .then((res) => {
  10683. this.$message({
  10684. message: "删除成功",
  10685. type: "success",
  10686. });
  10687. this.selectPz();
  10688. })
  10689. .catch((err) => {
  10690. this.$message.error("网络异常");
  10691. console.error(err);
  10692. });
  10693. })
  10694. .catch(() => {});
  10695. },
  10696. selectPz() {
  10697. let params = {
  10698. cid: this.id,
  10699. s: this.courseType,
  10700. t: this.taskCount,
  10701. };
  10702. this.ajax
  10703. .get(this.$store.state.api + "selectPzList", params)
  10704. .then((res) => {
  10705. this.pzList = res.data[0];
  10706. })
  10707. .catch((err) => {
  10708. console.error(err);
  10709. });
  10710. },
  10711. updateSLook() {
  10712. let params = {
  10713. sopen: this.sIsOpen == false ? 1 : 2,
  10714. cid: this.id,
  10715. };
  10716. this.ajax
  10717. .get(this.$store.state.api + "updateCourseSLook", params)
  10718. .then((res) => {
  10719. if (this.sIsOpen == true) {
  10720. this.$message({
  10721. message: "权限设置成功",
  10722. type: "success",
  10723. });
  10724. } else {
  10725. this.$message({
  10726. message: "权限关闭成功",
  10727. type: "success",
  10728. });
  10729. }
  10730. })
  10731. .catch((err) => {
  10732. console.error(err);
  10733. });
  10734. },
  10735. updateLookOpen() {
  10736. let params = [
  10737. {
  10738. sopen: this.IsLookOpen == false ? 1 : 2,
  10739. cid: this.id,
  10740. },
  10741. ];
  10742. this.ajax
  10743. .post(this.$store.state.api + "updateCourseLookOpen", params)
  10744. .then((res) => {
  10745. if (this.IsLookOpen == true) {
  10746. // if (this.courseType != 0 && this.taskCount != 0) {
  10747. // this.openTask(0, 0, "0-0");
  10748. // }
  10749. this.$message({
  10750. message: "权限设置成功",
  10751. type: "success",
  10752. });
  10753. } else {
  10754. this.$message({
  10755. message: "权限关闭成功",
  10756. type: "success",
  10757. });
  10758. }
  10759. this.getCourseState(2);
  10760. })
  10761. .catch((err) => {
  10762. console.error(err);
  10763. });
  10764. },
  10765. selectSLook() {
  10766. let params = {
  10767. cid: this.id,
  10768. };
  10769. this.ajax
  10770. .get(this.$store.state.api + "selectCourseSLook", params)
  10771. .then((res) => {
  10772. this.sIsOpen = res.data[0][0].sopen == 1 ? false : true;
  10773. this.IsLookOpen = res.data[0][0].look == 1 ? false : true;
  10774. if (!this.IsLookOpen) {
  10775. this.setNavList();
  10776. } else {
  10777. this.getCourseState(1);
  10778. }
  10779. })
  10780. .catch((err) => {
  10781. console.error(err);
  10782. });
  10783. },
  10784. setNavList() {
  10785. if (this.navList.length == 0) {
  10786. this.navList = [];
  10787. for (var l = 0; l < this.chapInfoList.length; l++) {
  10788. var q = this.chapInfoList[l].dyName;
  10789. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  10790. var e;
  10791. this.navList.push({
  10792. dyName: q,
  10793. isOpen: l === 0 ? true : false,
  10794. task: [],
  10795. });
  10796. for (var r = 0; r < w.length; r++) {
  10797. e = w[r].task;
  10798. if (this.chapInfoList[l].easy) {
  10799. this.navList[l].task.push({
  10800. taskName: q,
  10801. id: l + "-" + r,
  10802. isLook: w[r].isLook,
  10803. });
  10804. } else {
  10805. this.navList[l].task.push({
  10806. taskName: e,
  10807. id: l + "-" + r,
  10808. isLook: w[r].isLook,
  10809. });
  10810. }
  10811. // this.navId = this.navId ? this.navId : l + "-" + r;
  10812. // this.navId = l + "-" + r;
  10813. }
  10814. }
  10815. this.navList[0].isOpen = false;
  10816. this.navList[this.courseType].isOpen = true;
  10817. this.navId = this.navList[this.courseType].task[this.taskCount].id;
  10818. } else {
  10819. this.setNavList2();
  10820. }
  10821. },
  10822. setNavList2() {
  10823. for (var l = 0; l < this.chapInfoList.length; l++) {
  10824. var w = this.chapInfoList[l].chapterInfo[0].taskJson;
  10825. for (var r = 0; r < w.length; r++) {
  10826. this.navList[l].task[r].isLook = w[r].isLook;
  10827. }
  10828. }
  10829. if (
  10830. this.IsLookOpen &&
  10831. !this.navList[this.courseType].task[this.taskCount].isLook
  10832. ) {
  10833. this.openTask(0, 0, "0-0");
  10834. }
  10835. this.$forceUpdate();
  10836. },
  10837. getCourseState(type) {
  10838. let params = {
  10839. cid: this.id,
  10840. };
  10841. this.ajax
  10842. .get(this.$store.state.api + "getCourseState", params)
  10843. .then((res) => {
  10844. if (res.data[0].length > 0 && this.IsLookOpen && type == 1) {
  10845. this.chapInfoList = JSON.parse(res.data[0][0].state);
  10846. this.setNavList();
  10847. this.$forceUpdate();
  10848. } else if (res.data[0].length > 0 && this.IsLookOpen && type == 2) {
  10849. this.addCourseState(2);
  10850. } else {
  10851. this.addCourseState(1);
  10852. }
  10853. })
  10854. .catch((err) => {
  10855. console.error(err);
  10856. });
  10857. },
  10858. addCourseState(type) {
  10859. let _state = this.chapInfoList;
  10860. // this.courseType this.taskCount
  10861. if (type == 1 || type == 2) {
  10862. for (var i = 0; i < _state.length; i++) {
  10863. let el = _state[i].chapterInfo[0].taskJson;
  10864. for (var j = 0; j < el.length; j++) {
  10865. // if (i == 0 && j == 0) {
  10866. // el[j].isLook = true;
  10867. // } else {
  10868. // el[j].isLook = false;
  10869. // }
  10870. if (
  10871. this.courseType > i ||
  10872. (this.courseType == i && this.taskCount + 1 > j)
  10873. ) {
  10874. el[j].isLook = true;
  10875. } else {
  10876. el[j].isLook = false;
  10877. }
  10878. }
  10879. }
  10880. }
  10881. let params = [
  10882. {
  10883. cid: this.id,
  10884. state: JSON.stringify(_state).replaceAll(/%/g, "%25"),
  10885. },
  10886. ];
  10887. this.ajax
  10888. .post(
  10889. this.$store.state.api +
  10890. (type == 1 ? "addCourseState" : "updateCourseSate"),
  10891. params
  10892. )
  10893. .then((res) => {
  10894. if (this.IsLookOpen) {
  10895. this.setNavList();
  10896. }
  10897. if (type == 3 && type == 2) {
  10898. this.getCourseState(1);
  10899. }
  10900. })
  10901. .catch((err) => {
  10902. console.error(err);
  10903. });
  10904. },
  10905. getHomeWork() {
  10906. let params = {
  10907. cid: this.id,
  10908. stage: this.courseType,
  10909. task: this.taskCount,
  10910. uid: this.userid,
  10911. };
  10912. this.ajax
  10913. .get(this.$store.state.api + "selectWork", params)
  10914. .then((res) => {
  10915. if (res.data[0].length > 0) {
  10916. this.studyJuri = JSON.parse(res.data[0][0].content);
  10917. this.isNoHomeWork = true;
  10918. }
  10919. })
  10920. .catch((err) => {
  10921. console.error(err);
  10922. });
  10923. },
  10924. isAssetTypeAnImage(ext) {
  10925. return (
  10926. [
  10927. "png",
  10928. "jpg",
  10929. "jpeg",
  10930. "bmp",
  10931. "gif",
  10932. "webp",
  10933. "psd",
  10934. "svg",
  10935. "tiff",
  10936. ].indexOf(ext) !== -1
  10937. );
  10938. },
  10939. switchVideo(media) {
  10940. this.playerO = {};
  10941. this.playerOptions.poster = "";
  10942. this.playerOptions.sources[0].src = media;
  10943. this.playerO = this.playerOptions;
  10944. },
  10945. onPlayerPlay() {},
  10946. lookVedio(u, i) {
  10947. this.isClickNav = "";
  10948. // this.playerOptions.sources[0].src = u;
  10949. var d = JSON.parse(JSON.stringify(this.playerOptions));
  10950. d.sources[0].src = u;
  10951. this.playerO[this.taskCount] = d;
  10952. this.showType = 0;
  10953. this.isClickNav = "video" + i;
  10954. this.$forceUpdate();
  10955. },
  10956. lookText(i, t) {
  10957. this.isClickNav = "";
  10958. this.text = this.textList[i][t];
  10959. // this.dialogVisible1 = true;
  10960. this.showType = 1;
  10961. this.isClickNav = "text" + t;
  10962. },
  10963. lookTools(i, t) {
  10964. this.chapTools = this.chapToolList[i][t];
  10965. this.dialogVisible2 = true;
  10966. },
  10967. openFile(f) {
  10968. this.pptImgUrl = "";
  10969. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"];
  10970. if (
  10971. a.indexOf(f.split(".")[f.split(".").length - 1].toLocaleUpperCase()) !=
  10972. -1
  10973. ) {
  10974. this.pptImgUrl =
  10975. "https://view.officeapps.live.com/op/view.aspx?src=" + f;
  10976. this.showPDF = false;
  10977. this.dialogVisible3 = true;
  10978. } else if (
  10979. f.split(".")[f.split(".").length - 1].toLocaleUpperCase() == "PDF"
  10980. ) {
  10981. this.pptImgUrl = f;
  10982. this.showPDF = true;
  10983. this.dialogVisible3 = true;
  10984. }
  10985. },
  10986. openTable(f) {
  10987. this.tableJson = JSON.parse(f.works);
  10988. this.dialogVisibleTable2 = true;
  10989. },
  10990. doUrl(url, i) {
  10991. this.isClickNav = "";
  10992. this.pptImgUrl1 = "";
  10993. this.showType = 2;
  10994. if (url.indexOf("https://") == -1 && url.indexOf("http://") == -1) {
  10995. url = "https://" + url;
  10996. }
  10997. this.pptImgUrl1 = url;
  10998. this.isClickNav = "line" + i;
  10999. },
  11000. downFile(f, i) {
  11001. this.isClickNav = "";
  11002. this.pptImgUrl1 = "";
  11003. var a = ["PPT", "PPTX", "XLSX", "XLS", "DOC", "DOCX"]; //"PDF",
  11004. if (
  11005. a.indexOf(
  11006. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase()
  11007. ) != -1
  11008. ) {
  11009. this.pptImgUrl1 =
  11010. "https://view.officeapps.live.com/op/view.aspx?src=" + f.url;
  11011. // this.dialogVisible3 = true;
  11012. this.showType = 2;
  11013. } else if (
  11014. this.isAssetTypeAnImage(
  11015. f.url.split(".")[f.url.split(".").length - 1].toLocaleLowerCase()
  11016. )
  11017. ) {
  11018. this.showType = 4;
  11019. this.pptImgUrl1 = f.url;
  11020. } else if (
  11021. f.url.split(".")[f.url.split(".").length - 1].toLocaleUpperCase() ==
  11022. "PDF"
  11023. ) {
  11024. this.pptImgUrl1 = f.url;
  11025. // this.dialogVisible3 = true;
  11026. this.showType = 3;
  11027. } else {
  11028. window.open(this.file[i].url);
  11029. }
  11030. this.isClickNav = "word" + i;
  11031. },
  11032. downFileList(i) {
  11033. window.open(this.noImgList[i].url);
  11034. },
  11035. openAddWork() {
  11036. this.dialogVisible = true;
  11037. },
  11038. addBzWorks() {
  11039. let params = [
  11040. {
  11041. uid: this.userid,
  11042. cid: this.id,
  11043. stage: this.courseType,
  11044. task: this.taskCount,
  11045. tool: this.toolindex,
  11046. content: JSON.stringify(this.eScore),
  11047. type: 6,
  11048. },
  11049. ];
  11050. this.ajax
  11051. .post(this.$store.state.api + "addCourseWorks", params)
  11052. .then((res) => {
  11053. this.$message({
  11054. message: "提交成功",
  11055. type: "success",
  11056. });
  11057. this.eScore = { eBzText: "", eStar: [] };
  11058. this.studentEvalDialogVisible = false;
  11059. this.selectSWorks();
  11060. })
  11061. .catch((err) => {
  11062. this.$message.error("提交失败");
  11063. console.error(err);
  11064. });
  11065. },
  11066. addStudentAsk() {
  11067. if (!this.radio.length) {
  11068. this.$message.error("请选择选项");
  11069. return;
  11070. }
  11071. for (var i = 0; i < this.askJson.askCount; i++) {
  11072. if (this.radio[i] !== 0 && !this.radio[i]) {
  11073. this.$message.error("请选择选项");
  11074. return;
  11075. }
  11076. }
  11077. this.askList.push({ askJson: this.askJson, anwer: this.radio.join(",") });
  11078. let params = [
  11079. {
  11080. uid: this.userid,
  11081. cid: this.id,
  11082. stage: this.courseType,
  11083. task: this.taskCount,
  11084. tool: this.toolindex,
  11085. content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
  11086. type: 2,
  11087. },
  11088. ];
  11089. this.ajax
  11090. .post(this.$store.state.api + "addCourseWorks", params)
  11091. .then((res) => {
  11092. this.$message({
  11093. message: "提交成功",
  11094. type: "success",
  11095. });
  11096. this.askList = [];
  11097. this.dialogVisible5 = false;
  11098. this.selectStudent();
  11099. this.selectSWorks();
  11100. this.selectSLook();
  11101. })
  11102. .catch((err) => {
  11103. this.$message.error("提交失败");
  11104. console.error(err);
  11105. });
  11106. },
  11107. addStudentTest() {
  11108. if (!this.radio.length) {
  11109. this.$message.error("请选择选项");
  11110. return;
  11111. }
  11112. for (var i = 0; i < this.testJson.testCount; i++) {
  11113. if (
  11114. (this.radio[i] instanceof Array && !this.radio[i].length) ||
  11115. (this.radio[i] !== 0 && !this.radio[i])
  11116. ) {
  11117. this.$message.error("请选择选项");
  11118. return;
  11119. }
  11120. }
  11121. this.askList.push({ testJson: this.testJson, anwer: this.radio });
  11122. let params = [
  11123. {
  11124. uid: this.userid,
  11125. cid: this.id,
  11126. stage: this.courseType,
  11127. task: this.taskCount,
  11128. tool: this.toolindex,
  11129. content: JSON.stringify(this.askList).replaceAll(/%/g, "%25"),
  11130. type: 8,
  11131. },
  11132. ];
  11133. this.ajax
  11134. .post(this.$store.state.api + "addCourseWorks", params)
  11135. .then((res) => {
  11136. this.$message({
  11137. message: "提交成功",
  11138. type: "success",
  11139. });
  11140. this.askList = [];
  11141. this.dialogVisibleChoice = false;
  11142. this.selectStudent();
  11143. this.selectSWorks();
  11144. this.selectSLook();
  11145. })
  11146. .catch((err) => {
  11147. this.$message.error("提交失败");
  11148. console.error(err);
  11149. });
  11150. },
  11151. addWork() {
  11152. if (this.studyJuri[0].content == "") {
  11153. this.$message.error("请将信息填写完整");
  11154. return;
  11155. } else if (this.studyJuri[0].cover.length == 0) {
  11156. this.$message.error("请将信息填写完整");
  11157. return;
  11158. } else if (this.studyJuri[0].upVedio.length == 0) {
  11159. this.$message.error("请将信息填写完整");
  11160. return;
  11161. }
  11162. if (this.isNoHomeWork) {
  11163. this.$confirm(
  11164. "您已经提交了该作业了,如果您再提交将覆盖上次提交的作业!",
  11165. "提示",
  11166. {
  11167. confirmButtonText: "确定",
  11168. cancelButtonText: "取消",
  11169. type: "warning",
  11170. }
  11171. )
  11172. .then(() => {
  11173. let params = [
  11174. {
  11175. uid: this.userid,
  11176. cid: this.id,
  11177. stage: this.courseType,
  11178. task: this.taskCount,
  11179. content: JSON.stringify(this.studyJuri),
  11180. },
  11181. ];
  11182. this.ajax
  11183. .post(this.$store.state.api + "addWorks", params)
  11184. .then((res) => {
  11185. this.$message({
  11186. message: "提交成功",
  11187. type: "success",
  11188. });
  11189. this.isNoHomeWork = true;
  11190. this.dialogVisible = false;
  11191. })
  11192. .catch((err) => {
  11193. this.$message.error("提交失败");
  11194. console.error(err);
  11195. });
  11196. })
  11197. .catch(() => {});
  11198. } else {
  11199. let params = [
  11200. {
  11201. uid: this.userid,
  11202. cid: this.id,
  11203. stage: this.courseType,
  11204. task: this.taskCount,
  11205. content: JSON.stringify(this.studyJuri),
  11206. },
  11207. ];
  11208. this.ajax
  11209. .post(this.$store.state.api + "addWorks", params)
  11210. .then((res) => {
  11211. this.$message({
  11212. message: "提交成功",
  11213. type: "success",
  11214. });
  11215. this.isNoHomeWork = true;
  11216. this.dialogVisible = false;
  11217. })
  11218. .catch((err) => {
  11219. this.$message.error("提交失败");
  11220. console.error(err);
  11221. });
  11222. }
  11223. },
  11224. selectCount() {
  11225. let params = {
  11226. cid: this.id,
  11227. chid: this.courseType,
  11228. uid: this.userid,
  11229. };
  11230. this.ajax
  11231. .get(this.$store.state.api + "selectToolsCount", params)
  11232. .then((res) => {
  11233. for (var i = 0; i < res.data[0].length; i++) {
  11234. if (res.data[0][i].tools == 1) {
  11235. this.wbCount = res.data[0][i].count;
  11236. } else if (res.data[0][i].tools == 2) {
  11237. this.wordCount = res.data[0][i].count;
  11238. } else if (res.data[0][i].tools == 3) {
  11239. this.mindCount = res.data[0][i].count;
  11240. } else if (res.data[0][i].tools == 4) {
  11241. this.askCount = res.data[0][i].count;
  11242. } else if (res.data[0][i].tools == 6) {
  11243. this.noteCount = res.data[0][i].count;
  11244. } else if (res.data[0][i].tools == 7) {
  11245. this.mindNetWorkCount = res.data[0][i].count;
  11246. } else if (res.data[0][i].tools == 8) {
  11247. this.libraryCount = res.data[0][i].count;
  11248. } else if (res.data[0][i].tools == 16) {
  11249. this.workCount = res.data[0][i].count;
  11250. } else if (res.data[0][i].tools == 10) {
  11251. this.timeCount = res.data[0][i].count;
  11252. } else if (res.data[0][i].tools == 15) {
  11253. this.answerCount = res.data[0][i].count;
  11254. } else if (res.data[0][i].tools == 18) {
  11255. this.trainCount = res.data[0][i].count;
  11256. }
  11257. }
  11258. })
  11259. .catch((err) => {
  11260. console.error(err);
  11261. });
  11262. },
  11263. openTools(t, i, index, c, sName) {
  11264. var z = JSON.parse(c);
  11265. this.noteName = sName;
  11266. if (t == 4) {
  11267. this.radio = [];
  11268. this.isAnswer = false;
  11269. for (var i = 0; i < z.length; i++) {
  11270. let a = z[i];
  11271. let b = a.anwer.split(",");
  11272. let d = [];
  11273. for (var j = 0; j < b.length; j++) {
  11274. d.push(parseInt(b[j]));
  11275. }
  11276. this.radio = d;
  11277. this.askJson = a.askJson;
  11278. }
  11279. this.isAnswer = true;
  11280. this.dialogVisible5 = true;
  11281. } else if (t == 45) {
  11282. this.radio = [];
  11283. this.isAnswer = false;
  11284. let b = z[0].anwer;
  11285. this.radio = b;
  11286. this.testJson = z[0].testJson;
  11287. this.isAnswer = true;
  11288. this.dialogVisibleChoice = true;
  11289. }
  11290. // else if (t == 15) {
  11291. // this.answerQ = "";
  11292. // this.questionAnswer = "";
  11293. // this.answerQ = z[0].answerTitle;
  11294. // this.questionAnswer = z[0].answer;
  11295. // this.answerDialogVisible = true;
  11296. // }
  11297. },
  11298. fastText(p, t) {
  11299. if (t == 1) {
  11300. this.commentText += p;
  11301. } else {
  11302. this.eScore.eBzText += p;
  11303. }
  11304. },
  11305. addTools(t, i, index) {
  11306. var a = 0;
  11307. // this.taskCount = index;
  11308. this.toolindex = i;
  11309. if (t == 1) {
  11310. if (this.wbCount > 0) {
  11311. this.updateCount(this.wbCount, t);
  11312. } else {
  11313. this.wbCount++;
  11314. a = this.wbCount;
  11315. this.toolsCount(a, t);
  11316. }
  11317. window.parent.postMessage(
  11318. {
  11319. tools: "1",
  11320. cid: this.id,
  11321. stage: this.courseType,
  11322. task: this.taskCount,
  11323. tool: i,
  11324. },
  11325. "*"
  11326. );
  11327. } else if (t == 2) {
  11328. if (this.wordCount > 0) {
  11329. this.updateCount(this.wordCount, t);
  11330. } else {
  11331. this.wordCount++;
  11332. a = this.wordCount;
  11333. this.toolsCount(a, t);
  11334. }
  11335. window.parent.postMessage({ tools: "2" }, "*");
  11336. } else if (t == 3) {
  11337. if (this.mindCount > 0) {
  11338. this.updateCount(this.mindCount, t);
  11339. } else {
  11340. this.mindCount++;
  11341. a = this.mindCount;
  11342. this.toolsCount(a, t);
  11343. }
  11344. window.parent.postMessage(
  11345. {
  11346. tools: "3",
  11347. cid: this.id,
  11348. stage: this.courseType,
  11349. task: this.taskCount,
  11350. tool: i,
  11351. },
  11352. "*"
  11353. );
  11354. } else if (t == 4) {
  11355. this.radio = [];
  11356. this.noteName = "";
  11357. this.isAnswer = false;
  11358. if (this.askCount > 0) {
  11359. this.updateCount(this.askCount, t);
  11360. } else {
  11361. this.askCount++;
  11362. a = this.askCount;
  11363. this.toolsCount(a, t);
  11364. }
  11365. if (!this.dialogVisible2) {
  11366. this.askJson.askJson =
  11367. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11368. index
  11369. ].toolChoose[i].askJson;
  11370. this.askJson.askTitle =
  11371. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11372. index
  11373. ].toolChoose[i].askTitle;
  11374. this.askJson.askCount =
  11375. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11376. index
  11377. ].toolChoose[i].askCount;
  11378. } else {
  11379. this.askJson.askJson = this.chapTools.askJson.askJson;
  11380. this.askJson.askTitle = this.chapTools.askJson.askTitle;
  11381. this.askJson.askCount = this.chapTools.askJson.askCount;
  11382. }
  11383. this.dialogVisible5 = true;
  11384. // window.parent.postMessage({ tools: "4" }, "*");
  11385. } else if (t == 45) {
  11386. this.noteName = "";
  11387. this.radio = [];
  11388. this.isAnswer = false;
  11389. if (this.askCount > 0) {
  11390. this.updateCount(this.askCount, t);
  11391. } else {
  11392. this.askCount++;
  11393. a = this.askCount;
  11394. this.toolsCount(a, t);
  11395. }
  11396. this.testJson =
  11397. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11398. index
  11399. ].toolChoose[i].testJson;
  11400. for (var k = 0; k < this.testJson.testJson.length; k++) {
  11401. if (this.testJson.testJson[k].type == "2") {
  11402. this.radio.push([]);
  11403. } else {
  11404. this.radio.push("");
  11405. }
  11406. }
  11407. this.dialogVisibleChoice = true;
  11408. // window.parent.postMessage({ tools: "4" }, "*");
  11409. } else if (t == 5) {
  11410. if (this.scoreCount > 0) {
  11411. this.updateCount(this.scoreCount, t);
  11412. } else {
  11413. this.scoreCount++;
  11414. a = this.scoreCount;
  11415. this.toolsCount(a, t);
  11416. }
  11417. this.dialogVisible4 = true;
  11418. // window.parent.postMessage({ tools: "5" }, "*");
  11419. } else if (t == 6) {
  11420. if (this.noteCount > 0) {
  11421. this.updateCount(this.noteCount, t);
  11422. } else {
  11423. this.noteCount++;
  11424. a = this.noteCount;
  11425. this.toolsCount(a, t);
  11426. }
  11427. window.parent.postMessage(
  11428. {
  11429. tools: "6",
  11430. cid: this.id,
  11431. stage: this.courseType,
  11432. task: this.taskCount,
  11433. tool: i,
  11434. },
  11435. "*"
  11436. );
  11437. } else if (t == 7) {
  11438. if (this.mindNetWorkCount > 0) {
  11439. this.updateCount(this.mindNetWorkCount, t);
  11440. } else {
  11441. this.mindNetWorkCount++;
  11442. a = this.mindNetWorkCount;
  11443. this.toolsCount(a, t);
  11444. }
  11445. window.parent.postMessage(
  11446. {
  11447. tools: "7",
  11448. cid: this.id,
  11449. stage: this.courseType,
  11450. task: this.taskCount,
  11451. tool: i,
  11452. },
  11453. "*"
  11454. );
  11455. } else if (t == 16) {
  11456. if (this.workCount > 0) {
  11457. this.updateCount(this.workCount, t);
  11458. } else {
  11459. this.workCount++;
  11460. a = this.workCount;
  11461. this.toolsCount(a, t);
  11462. }
  11463. this.dialogVisible = true;
  11464. } else if (t == 50) {
  11465. if (this.tType == 2) {
  11466. this.$message.error("不支持学生使用");
  11467. return;
  11468. }
  11469. this.plworkFile = [];
  11470. this.uploadCid =
  11471. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11472. index
  11473. ].toolChoose[i].uploadJson[0];
  11474. this.selectUploadStudent();
  11475. this.dialogVisiblePl = true;
  11476. } else if (t == 8) {
  11477. if (this.libraryCount > 0) {
  11478. this.updateCount(this.libraryCount, t);
  11479. } else {
  11480. this.libraryCount++;
  11481. a = this.libraryCount;
  11482. this.toolsCount(a, t);
  11483. }
  11484. window.parent.postMessage({ tools: "8" }, "*");
  11485. } else if (t == 17) {
  11486. if (this.libraryCount > 0) {
  11487. this.updateCount(this.libraryCount, t);
  11488. } else {
  11489. this.libraryCount++;
  11490. a = this.libraryCount;
  11491. this.toolsCount(a, t);
  11492. }
  11493. window.parent.postMessage({ tools: "17" }, "*");
  11494. } else if (t == 18) {
  11495. if (this.trainCount > 0) {
  11496. this.updateCount(this.trainCount, t);
  11497. } else {
  11498. this.trainCount++;
  11499. a = this.trainCount;
  11500. this.toolsCount(a, t);
  11501. }
  11502. window.parent.postMessage({ tools: "18" }, "*");
  11503. } else if (t == 10) {
  11504. if (this.timeCount > 0) {
  11505. this.updateCount(this.timeCount, t);
  11506. } else {
  11507. this.timeCount++;
  11508. a = this.timeCount;
  11509. this.toolsCount(a, t);
  11510. }
  11511. this.preTime = this.chapInfoList[this.courseType].chapterInfo[0]
  11512. .taskJson[index].toolChoose[i].preTime
  11513. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  11514. .toolChoose[i].preTime
  11515. : "";
  11516. this.timeDialogVisible = true;
  11517. } else if (t == 15) {
  11518. this.answerQ = "";
  11519. this.questionAnswer = "";
  11520. if (this.answerCount > 0) {
  11521. this.updateCount(this.answerCount, t);
  11522. } else {
  11523. this.answerCount++;
  11524. a = this.answerCount;
  11525. this.toolsCount(a, t);
  11526. }
  11527. this.answerQ = this.chapInfoList[this.courseType].chapterInfo[0]
  11528. .taskJson[index].toolChoose[i].answerQ
  11529. ? this.chapInfoList[this.courseType].chapterInfo[0].taskJson[index]
  11530. .toolChoose[i].answerQ
  11531. : "";
  11532. this.answerDialogVisible = true;
  11533. } else if (t == 21) {
  11534. window.parent.postMessage({ tools: "21" }, "*");
  11535. } else if (t == 22) {
  11536. window.parent.postMessage({ tools: "22" }, "*");
  11537. } else if (t == 23) {
  11538. window.parent.postMessage({ tools: "23" }, "*");
  11539. } else if (t == 24) {
  11540. window.parent.postMessage({ tools: "24" }, "*");
  11541. } else if (t == 25) {
  11542. window.parent.postMessage({ tools: "25" }, "*");
  11543. } else if (t == 31) {
  11544. window.parent.postMessage({ tools: "31" }, "*");
  11545. } else if (t == 28) {
  11546. window.parent.postMessage({ tools: "28" }, "*");
  11547. } else if (t == 37) {
  11548. window.parent.postMessage({ tools: "37" }, "*");
  11549. } else if (t == 38) {
  11550. window.parent.postMessage({ tools: "38" }, "*");
  11551. } else if (t == 39) {
  11552. window.parent.postMessage({ tools: "39" }, "*");
  11553. } else if (t == 32) {
  11554. window.parent.postMessage({ tools: "32" }, "*");
  11555. } else if (t == 57) {
  11556. window.parent.postMessage({ tools: "57" }, "*");
  11557. } else if (t == 26) {
  11558. window.parent.postMessage(
  11559. {
  11560. tools: "26",
  11561. cid: this.id,
  11562. stage: this.courseType,
  11563. task: this.taskCount,
  11564. tool: i,
  11565. },
  11566. "*"
  11567. );
  11568. } else if (t == 40) {
  11569. if (this.evalCount > 0) {
  11570. this.updateCount(this.evalCount, t);
  11571. } else {
  11572. this.evalCount++;
  11573. a = this.evalCount;
  11574. this.toolsCount(a, t);
  11575. }
  11576. this.eScore = { eBzText: "", eStar: [] };
  11577. if (this.worksStudent[i].length) {
  11578. for (var k = 0; k < this.worksStudent[i].length; k++) {
  11579. if (this.userid == this.worksStudent[i][k].userid) {
  11580. this.eScore = JSON.parse(this.worksStudent[i][k].works);
  11581. this.rateJson =
  11582. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11583. index
  11584. ].toolChoose[i].rateJson;
  11585. break;
  11586. } else {
  11587. this.rateJson =
  11588. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11589. index
  11590. ].toolChoose[i].rateJson;
  11591. }
  11592. }
  11593. } else {
  11594. this.rateJson =
  11595. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11596. index
  11597. ].toolChoose[i].rateJson;
  11598. }
  11599. this.isStar = false;
  11600. this.studentEvalDialogVisible = true;
  11601. } else if (t == 41) {
  11602. this.selectJson = this.chapInfoList[this.courseType].chapterInfo[0]
  11603. .taskJson[index].toolChoose[i].selectJson
  11604. ? JSON.parse(
  11605. JSON.stringify(
  11606. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11607. index
  11608. ].toolChoose[i].selectJson
  11609. )
  11610. )
  11611. : { url: "", select: [], answer: [] };
  11612. if (this.worksStudent[i].length) {
  11613. for (var k = 0; k < this.worksStudent[i].length; k++) {
  11614. if (this.userid == this.worksStudent[i][k].userid) {
  11615. var a = this.worksStudent[i][k].works.split(",");
  11616. for (var ki = 0; ki < a.length; ki++) {
  11617. a[ki] = parseInt(a[ki]);
  11618. }
  11619. this.selectAnswer = {
  11620. answer: a,
  11621. stu: this.worksStudent[i][k].sName,
  11622. };
  11623. break;
  11624. } else {
  11625. this.selectAnswer = { answer: [], stu: "" };
  11626. }
  11627. }
  11628. } else {
  11629. this.selectAnswer = { answer: [], stu: "" };
  11630. }
  11631. this.isSelect = false;
  11632. this.dialogVisibleSelect = true;
  11633. } else if (t == 44) {
  11634. window.parent.postMessage({ tools: "44" }, "*");
  11635. } else if (t == 47) {
  11636. this.sentenceList = this.chapInfoList[this.courseType].chapterInfo[0]
  11637. .taskJson[index].toolChoose[i].sentenceList
  11638. ? JSON.parse(
  11639. JSON.stringify(
  11640. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11641. index
  11642. ].toolChoose[i].sentenceList
  11643. )
  11644. )
  11645. : [{ sentenceTitle: "", addSentence: [], rightAnswer: [] }];
  11646. for (var q = 0; q < this.sentenceList.length; q++) {
  11647. this.sentenceList[q].chooseSenList = [];
  11648. this.sentenceList[q].addChangeSen = [];
  11649. this.sentenceList[q].addChangeSen = JSON.parse(
  11650. JSON.stringify(this.sentenceList[q].addSentence)
  11651. );
  11652. this.sentenceList[q].chooseSenList.length =
  11653. this.sentenceList[q].rightAnswer.length;
  11654. }
  11655. this.dialogVisibleSentence = true;
  11656. } else if (t == 48) {
  11657. this.tableJson = this.chapInfoList[this.courseType].chapterInfo[0]
  11658. .taskJson[index].toolChoose[i].tableJson
  11659. ? JSON.parse(
  11660. JSON.stringify(
  11661. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11662. index
  11663. ].toolChoose[i].tableJson
  11664. )
  11665. )
  11666. : { text: "" };
  11667. this.dialogVisibleTable = true;
  11668. } else if (t == 52) {
  11669. this.wordJson = this.chapInfoList[this.courseType].chapterInfo[0]
  11670. .taskJson[index].toolChoose[i].wordJson
  11671. ? JSON.parse(
  11672. JSON.stringify(
  11673. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11674. index
  11675. ].toolChoose[i].wordJson
  11676. )
  11677. )
  11678. : { text: "" };
  11679. this.dialogVisibleWord = true;
  11680. } else if (t == 49) {
  11681. this.groupJson =
  11682. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11683. index
  11684. ].toolChoose[i].groupJson;
  11685. this.dialogVisibleGroup = true;
  11686. }
  11687. },
  11688. teacherWorkSubmit(t, i, index, s) {
  11689. this.sStudent = s;
  11690. this.toolindex = i;
  11691. if (this.tType !== "1" && this.tType !== "4") {
  11692. return;
  11693. }
  11694. if (t == 16) {
  11695. // if (this.workCount > 0) {
  11696. // this.updateCount(this.workCount, t);
  11697. // } else {
  11698. // this.workCount++;
  11699. // a = this.workCount;
  11700. // this.toolsCount(a, t);
  11701. // }
  11702. this.dialogVisibleWorks = true;
  11703. }
  11704. },
  11705. setRightAnswer(s, i, j) {
  11706. for (var q = 0; q < this.sentenceList[i].chooseSenList.length; q++) {
  11707. if (
  11708. this.sentenceList[i].chooseSenList[q] == undefined ||
  11709. this.sentenceList[i].chooseSenList[q] == ""
  11710. ) {
  11711. this.sentenceList[i].chooseSenList[q] = s;
  11712. this.sentenceList[i].addChangeSen[j] = "";
  11713. break;
  11714. }
  11715. }
  11716. this.$forceUpdate();
  11717. },
  11718. returnCard(r, i, j) {
  11719. var a = this.sentenceList[i].addSentence.indexOf(r);
  11720. this.sentenceList[i].chooseSenList[j] = "";
  11721. this.sentenceList[i].addChangeSen[a] = r;
  11722. this.$forceUpdate();
  11723. },
  11724. // addSentenceTool() {
  11725. // this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  11726. // this.taskCount
  11727. // ].toolChoose[this.toolindex].sentenceList = this.sentenceList;
  11728. // this.sentenceList = [
  11729. // { sentenceTitle: "", addSentence: [], rightAnswer: [] },
  11730. // ];
  11731. // this.dialogVisibleSentence = false;
  11732. // },
  11733. toolsCount(a, t) {
  11734. let params = {
  11735. cid: this.id,
  11736. chid: this.courseType,
  11737. uid: this.userid,
  11738. tid: t,
  11739. count: a,
  11740. };
  11741. this.ajax
  11742. .get(this.$store.state.api + "insertToolsCount", params)
  11743. .then((res) => {
  11744. this.selectCount();
  11745. })
  11746. .catch((err) => {
  11747. console.error(err);
  11748. });
  11749. },
  11750. updateCount(c, t) {
  11751. c++;
  11752. let params = {
  11753. cid: this.id,
  11754. chid: this.courseType,
  11755. uid: this.userid,
  11756. tid: t,
  11757. count: c,
  11758. };
  11759. this.ajax
  11760. .get(this.$store.state.api + "updateToolsCount", params)
  11761. .then((res) => {
  11762. this.selectCount();
  11763. })
  11764. .catch((err) => {
  11765. console.error(err);
  11766. });
  11767. },
  11768. checkEva() {
  11769. if (this.evalua != "") {
  11770. for (var i = 0; i < this.evaJuri.length; i++) {
  11771. if (this.evalua == this.evaJuri[i].id) {
  11772. this.eTitle = this.evaJuri[i].title;
  11773. this.eJson = JSON.parse(this.evaJuri[i].content);
  11774. }
  11775. }
  11776. this.$forceUpdate();
  11777. setTimeout(() => {
  11778. this.setMindData();
  11779. }, 0);
  11780. }
  11781. },
  11782. selectEva() {
  11783. let params = {
  11784. oid: this.oid,
  11785. };
  11786. this.ajax
  11787. .get(this.$store.state.api + "selectAllEvaluation", params)
  11788. .then((res) => {
  11789. this.evaJuri = res.data[0];
  11790. })
  11791. .catch((err) => {
  11792. console.error(err);
  11793. });
  11794. },
  11795. setMindData() {
  11796. this.data.data = [];
  11797. this.data.data.push({ id: "root", isroot: true, topic: this.eTitle });
  11798. let _eJson = Object.keys(this.eJson);
  11799. let _e = this.eJson;
  11800. for (let i = 0; i < _eJson.length; i++) {
  11801. let element = _e[_eJson[i]];
  11802. this.data.data.push({
  11803. id: element.id,
  11804. parentid: "root",
  11805. topic: element.name,
  11806. });
  11807. let _eJsonc = Object.keys(element.child);
  11808. let _e2 = element.child;
  11809. for (let j = 0; j < _eJsonc.length; j++) {
  11810. let _ec = _e2[_eJsonc[j]];
  11811. this.data.data.push({
  11812. id: _ec.id,
  11813. parentid: element.id,
  11814. topic: _ec.name,
  11815. });
  11816. let _eJsonz = Object.keys(_ec.child);
  11817. let _e3 = _ec.child;
  11818. for (let z = 0; z < _eJsonz.length; z++) {
  11819. let _ez = _e3[_eJsonz[z]];
  11820. this.data.data.push({
  11821. id: _ez.id,
  11822. parentid: _ec.id,
  11823. topic: _ez.name,
  11824. });
  11825. }
  11826. }
  11827. }
  11828. this.$forceUpdate();
  11829. },
  11830. checkFileFull(type, url) {
  11831. this.fullDialogVisible = true;
  11832. this.fulltype = type;
  11833. this.fullUrl = url;
  11834. },
  11835. openSname(n, id) {
  11836. this.snameWid = id;
  11837. this.worksSName = n;
  11838. this.dialogVisibleSname = true;
  11839. },
  11840. updateName() {
  11841. let params = {
  11842. n: this.worksSName,
  11843. cid: this.snameWid,
  11844. };
  11845. this.ajax
  11846. .get(this.$store.state.api + "updateCourseWorksName", params)
  11847. .then((res) => {
  11848. this.$message({
  11849. message: "修改成功",
  11850. type: "success",
  11851. });
  11852. this.dialogVisibleSname = false;
  11853. this.getCourseDetail();
  11854. this.snameWid = "";
  11855. this.worksSName = "";
  11856. })
  11857. .catch((err) => {
  11858. console.error(err);
  11859. });
  11860. },
  11861. downloadFile(url) {
  11862. let _this = this;
  11863. let _url = "";
  11864. if (
  11865. url.indexOf("https://view.officeapps.live.com/op/view.aspx?src=") != -1
  11866. ) {
  11867. _url = url.split(
  11868. "https://view.officeapps.live.com/op/view.aspx?src="
  11869. )[1];
  11870. } else {
  11871. _url = url;
  11872. }
  11873. const x = new XMLHttpRequest();
  11874. x.open("GET", _url, true);
  11875. x.responseType = "blob";
  11876. const loading = _this.$loading.service({
  11877. background: "rgba(255, 255, 255, 0.7)",
  11878. target: document.body,
  11879. text: "文件加载中...",
  11880. });
  11881. // _this.$message.success("文件下载中...");
  11882. x.onload = function (e) {
  11883. loading.close();
  11884. // const url = window.URL.createObjectURL(x.response);
  11885. // const a = document.createElement("a");
  11886. // a.href = url;
  11887. // a.target = "_blank";
  11888. // a.download = url;
  11889. // a.click();
  11890. // a.remove();
  11891. let content = x.response;
  11892. let elink = document.createElement("a");
  11893. elink.download = decodeURI(
  11894. _url.split("https://ccrb.s3.cn-northwest-1.amazonaws.com.cn/")[1]
  11895. );
  11896. elink.style.display = "none";
  11897. let blob = new Blob([content]);
  11898. elink.href = URL.createObjectURL(blob);
  11899. document.body.appendChild(elink);
  11900. elink.click();
  11901. document.body.removeChild(elink);
  11902. };
  11903. x.send();
  11904. },
  11905. openLine(url) {
  11906. window.open(url);
  11907. },
  11908. resize() {
  11909. if (document.getElementsByClassName("box_course").length) {
  11910. var a = document.getElementsByClassName("box_course")[0].offsetHeight;
  11911. // document.getElementsByClassName("vedioList")[0].style.height = a + "px";
  11912. document.getElementsByClassName("navBox")[0].style.height =
  11913. a - 40 + "px";
  11914. }
  11915. this.Stbodywidth =
  11916. document.getElementsByClassName("student_body").length &&
  11917. document.getElementsByClassName("student_body")[0].offsetWidth;
  11918. },
  11919. closeDraw() {
  11920. this.bg = null;
  11921. this.drawShow = false;
  11922. },
  11923. showPicturePaint(url) {
  11924. let params = {
  11925. img: url,
  11926. };
  11927. this.ajax
  11928. .get(this.$store.state.api + "imgToBase64", params)
  11929. .then((res) => {
  11930. console.log(res);
  11931. this.drawShow = true;
  11932. this.bg = res.data[0].img;
  11933. })
  11934. .catch((err) => {
  11935. console.error(err);
  11936. });
  11937. },
  11938. addImgDraw(base64) {
  11939. let file = { name: "批注图.png" };
  11940. let img = this.dataUrlToFile(base64, file);
  11941. this.beforeUpload1(img, 5);
  11942. },
  11943. addImgDrawImG(url) {
  11944. // console.log(url);
  11945. let params = [
  11946. {
  11947. wid: this.commentDetail.wid,
  11948. img: url,
  11949. },
  11950. ];
  11951. this.ajax
  11952. .post(this.$store.state.api + "updateCourseWorks", params)
  11953. .then((res) => {
  11954. this.$message({
  11955. message: "提交成功",
  11956. type: "success",
  11957. });
  11958. this.drawShow = false;
  11959. this.bg = "";
  11960. this.selectSWorks();
  11961. this.selectStudent();
  11962. })
  11963. .catch((err) => {
  11964. this.$message.error("提交失败");
  11965. console.error(err);
  11966. });
  11967. },
  11968. deletePicturePaint() {
  11969. this.$confirm("确定删除此批注吗?", "提示", {
  11970. confirmButtonText: "确定",
  11971. cancelButtonText: "取消",
  11972. type: "warning",
  11973. })
  11974. .then(() => {
  11975. let params = [
  11976. {
  11977. wid: this.commentDetail.wid,
  11978. img: "",
  11979. },
  11980. ];
  11981. this.ajax
  11982. .post(this.$store.state.api + "updateCourseWorks", params)
  11983. .then((res) => {
  11984. this.$message({
  11985. message: "删除成功",
  11986. type: "success",
  11987. });
  11988. this.selectSWorks();
  11989. this.selectStudent();
  11990. })
  11991. .catch((err) => {
  11992. this.$message.error("删除失败");
  11993. console.error(err);
  11994. });
  11995. })
  11996. .catch(() => {});
  11997. },
  11998. getAudioVideo(constraintsData) {
  11999. if (navigator.mediaDevices === undefined) {
  12000. navigator.mediaDevices = {};
  12001. }
  12002. if (navigator.mediaDevices.getUserMedia === undefined) {
  12003. navigator.mediaDevices.getUserMedia = function (constraints) {
  12004. // 首先,如果有getUserMedia的话,就获得它
  12005. var getUserMedia =
  12006. navigator.getUserMedia ||
  12007. navigator.webkitGetUserMedia ||
  12008. navigator.mozGetUserMedia ||
  12009. navigator.msGetUserMedia;
  12010. // 一些浏览器根本没实现它 - 那么就返回一个error到promise的reject来保持一个统一的接口
  12011. if (!getUserMedia) {
  12012. return Promise.reject({ code: 404 });
  12013. }
  12014. // 否则,为老的navigator.getUserMedia方法包裹一个Promise
  12015. return new Promise(function (resolve, reject) {
  12016. getUserMedia.call(navigator, constraints, resolve, reject);
  12017. });
  12018. };
  12019. }
  12020. return navigator.mediaDevices.getUserMedia(constraintsData);
  12021. },
  12022. /**
  12023. * 开始录制
  12024. */
  12025. startRecording(callback) {
  12026. let _function = (screenStream) => {
  12027. this.addStreamStopListener(screenStream, () => {
  12028. console.log("流停止监听");
  12029. this.stopRecording();
  12030. this.$emit("streamStop", {});
  12031. // this.stopRecording();
  12032. });
  12033. var options = {
  12034. type: "video",
  12035. mimeType: "video/webm",
  12036. disableLogs: false,
  12037. getNativeBlob: false, // enable it for longer recordings
  12038. ignoreMutedMedia: false,
  12039. };
  12040. // this.video.srcObject = screenStream;
  12041. this.recorder = RecordRTC(screenStream, options);
  12042. this.recorder.startRecording();
  12043. this.recorder.screen = screenStream;
  12044. this.videoStart = true;
  12045. // callback(true);
  12046. };
  12047. this.getAudioVideo({ audio: true })
  12048. .then((res) => {
  12049. this.captureScreen(_function, true);
  12050. console.log("已点击允许,开启成功");
  12051. })
  12052. .catch((err) => {
  12053. // console.log('浏览器不支持,请更换浏览器')
  12054. // } else {
  12055. this.captureScreen(_function, false);
  12056. console.log("请检查是否存在麦克风");
  12057. });
  12058. },
  12059. /**
  12060. * 停止录制
  12061. */
  12062. stopRecording(callback) {
  12063. this.recorder.stopRecording(() => {
  12064. // this.video.src = this.video.srcObject = null;
  12065. // this.video.src = URL.createObjectURL(this.recorder.getBlob());
  12066. const url = URL.createObjectURL(this.recorder.getBlob());
  12067. const a = document.createElement("a"); //this.fileName+
  12068. let videoFile = new File(
  12069. [this.recorder.getBlob()],
  12070. this.courseDetail.title + "录屏.mp4",
  12071. {
  12072. type: "video/mp4",
  12073. }
  12074. );
  12075. let downloadUrl = URL.createObjectURL(videoFile);
  12076. document.body.appendChild(a);
  12077. a.style.display = "none";
  12078. a.href = url;
  12079. a.download = this.courseDetail.title + "录屏.mp4"; //this.fileName +
  12080. a.click();
  12081. this.recorder.screen.stop();
  12082. this.recorder.destroy();
  12083. this.recorder = null;
  12084. this.videoStart = false;
  12085. // callback(false);
  12086. });
  12087. },
  12088. //初始化
  12089. captureScreen(callback, type) {
  12090. if (navigator.getDisplayMedia) {
  12091. //录制结束,文件下载
  12092. navigator
  12093. .getDisplayMedia({
  12094. video: true,
  12095. })
  12096. .then((screenStream) => {
  12097. if (type) {
  12098. navigator.mediaDevices
  12099. .getUserMedia({ audio: true })
  12100. .then((mic) => {
  12101. screenStream.addTrack(mic.getTracks()[0]);
  12102. callback(screenStream);
  12103. });
  12104. } else {
  12105. callback(screenStream);
  12106. }
  12107. })
  12108. .catch(function (error) {
  12109. console.log("error", error);
  12110. });
  12111. } else if (navigator.mediaDevices.getDisplayMedia) {
  12112. navigator.mediaDevices
  12113. .getDisplayMedia({
  12114. video: true,
  12115. })
  12116. .then((screenStream) => {
  12117. if (type) {
  12118. navigator.mediaDevices
  12119. .getUserMedia({ audio: true })
  12120. .then((mic) => {
  12121. screenStream.addTrack(mic.getTracks()[0]);
  12122. callback(screenStream);
  12123. });
  12124. } else {
  12125. callback(screenStream);
  12126. }
  12127. })
  12128. .catch(function (error) {
  12129. console.log("error", error);
  12130. });
  12131. } else {
  12132. var error = "getDisplayMedia API are not supported in this browser.";
  12133. console.log("error", error);
  12134. alert(error);
  12135. }
  12136. },
  12137. //流监听
  12138. addStreamStopListener(stream, callback) {
  12139. stream.addEventListener(
  12140. "ended",
  12141. function () {
  12142. callback();
  12143. callback = function () {};
  12144. },
  12145. false
  12146. );
  12147. stream.addEventListener(
  12148. "inactive",
  12149. function () {
  12150. callback();
  12151. callback = function () {};
  12152. },
  12153. false
  12154. );
  12155. stream.getTracks().forEach(function (track) {
  12156. track.addEventListener(
  12157. "ended",
  12158. function () {
  12159. callback();
  12160. callback = function () {};
  12161. },
  12162. false
  12163. );
  12164. track.addEventListener(
  12165. "inactive",
  12166. function () {
  12167. callback();
  12168. callback = function () {};
  12169. },
  12170. false
  12171. );
  12172. });
  12173. },
  12174. updateGroup() {
  12175. this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
  12176. this.dialogVisibleGroup2 = true;
  12177. },
  12178. updateGroupJson() {
  12179. for (var i = 0; i < this.groupStudentUid[this.toolindex].length; i++) {
  12180. if (
  12181. this.groupStudentUid[this.toolindex][i].length >
  12182. this.groupJson2.number
  12183. ) {
  12184. this.$message.error("已经有小组比你设置的人数多,请重新设置");
  12185. return;
  12186. }
  12187. }
  12188. this.groupJson = JSON.parse(JSON.stringify(this.groupJson2));
  12189. this.chapInfoList[this.courseType].chapterInfo[0].taskJson[
  12190. this.taskCount
  12191. ].toolChoose[this.toolindex].groupJson = this.groupJson;
  12192. let params = [
  12193. {
  12194. cid: this.id,
  12195. chapters: JSON.stringify(this.chapInfoList).replaceAll(/%/g, "%25"),
  12196. uid: this.userid,
  12197. unitIndex: this.courseType,
  12198. },
  12199. ];
  12200. this.ajax
  12201. .post(this.$store.state.api + "updateWorkNew4", params)
  12202. .then((res) => {
  12203. this.$message.success("设置成功");
  12204. this.getCourseDetail(2);
  12205. this.dialogVisibleGroup2 = false;
  12206. this.groupJson2 = {};
  12207. this.$forceUpdate();
  12208. })
  12209. .catch((err) => {
  12210. this.$message.error("网络不佳");
  12211. console.error(err);
  12212. });
  12213. },
  12214. lockChair() {
  12215. this.groupJson2 = JSON.parse(JSON.stringify(this.groupJson));
  12216. this.groupJson2.islock = this.groupJson2.islock == 1 ? 2 : 1;
  12217. this.updateGroupJson();
  12218. },
  12219. selectGroup(index) {
  12220. this.getCourseDetail(2, index);
  12221. },
  12222. joinGroup(index) {
  12223. if (this.groupJson.islock == 2) {
  12224. this.$message.error("位置已被锁定,无法加入");
  12225. return;
  12226. }
  12227. if (
  12228. this.groupStudent[this.toolindex][index].length >
  12229. this.groupJson.number ||
  12230. this.groupStudent[this.toolindex][index].length == this.groupJson.number
  12231. ) {
  12232. this.$message.error("位置已满,无法加入");
  12233. return;
  12234. }
  12235. let params = [
  12236. {
  12237. cid: this.id,
  12238. stage: this.courseType,
  12239. task: this.taskCount,
  12240. tool: this.toolindex,
  12241. g: index,
  12242. uid: this.userid,
  12243. },
  12244. ];
  12245. this.ajax
  12246. .post(this.$store.state.api + "joinGroup", params)
  12247. .then((res) => {
  12248. this.$message.success("加入成功");
  12249. this.getCourseDetail();
  12250. })
  12251. .catch((err) => {
  12252. this.$message.error("网络不佳");
  12253. console.error(err);
  12254. });
  12255. },
  12256. exitGroup(id) {
  12257. if (this.groupJson.islock == 2) {
  12258. this.$message.error("位置已被锁定,无法退出");
  12259. return;
  12260. }
  12261. let params = [
  12262. {
  12263. gid: id,
  12264. },
  12265. ];
  12266. this.ajax
  12267. .post(this.$store.state.api + "exitGroup", params)
  12268. .then((res) => {
  12269. this.$message.success("退出成功");
  12270. this.getCourseDetail();
  12271. })
  12272. .catch((err) => {
  12273. this.$message.error("网络不佳");
  12274. console.error(err);
  12275. });
  12276. },
  12277. groupUpload(index, task, gindex) {
  12278. this.taskCount = task;
  12279. this.toolindex = index;
  12280. this.groupIndex = gindex;
  12281. this.dialogVisibleGroupWork = true;
  12282. },
  12283. updateGroupChair(user) {
  12284. this.updateGroupArray = this.groupJson.group.filter((el, index) => {
  12285. el.label = index;
  12286. return index != user.group;
  12287. });
  12288. this.updateGroupUser = user;
  12289. this.dialogVisibleUpdateGroup = true;
  12290. },
  12291. updateChair() {
  12292. if (
  12293. this.groupStudent[this.toolindex][this.checkChair].length >
  12294. this.groupJson.number ||
  12295. this.groupStudent[this.toolindex][this.checkChair].length ==
  12296. this.groupJson.number
  12297. ) {
  12298. this.$message.error("位置已满,无法加入");
  12299. return;
  12300. }
  12301. let params = [
  12302. {
  12303. cid: this.id,
  12304. stage: this.courseType,
  12305. task: this.taskCount,
  12306. tool: this.toolindex,
  12307. g: this.checkChair,
  12308. uid: this.updateGroupUser.userid,
  12309. },
  12310. ];
  12311. this.ajax
  12312. .post(this.$store.state.api + "joinGroup", params)
  12313. .then((res) => {
  12314. this.$message.success("修改成功");
  12315. this.updateGroupUser = {};
  12316. this.checkChair = "";
  12317. this.updateGroupArray = {};
  12318. this.dialogVisibleUpdateGroup = false;
  12319. this.getCourseDetail();
  12320. })
  12321. .catch((err) => {
  12322. this.$message.error("网络不佳");
  12323. console.error(err);
  12324. });
  12325. },
  12326. deleteGroupChair(gindex) {
  12327. this.checkDeleteGroup = [];
  12328. this.deleteGroupUser = JSON.parse(
  12329. JSON.stringify(this.groupStudent[this.toolindex][gindex])
  12330. );
  12331. this.deleteGroupArray = this.groupJson.group[gindex];
  12332. this.groupIndex = gindex;
  12333. this.dialogVisibleDeleteGroup = true;
  12334. },
  12335. async deleteChair() {
  12336. for (let i = 0; i < this.checkDeleteGroup.length; i++) {
  12337. const gid =
  12338. this.groupStudent[this.toolindex][this.groupIndex][
  12339. this.groupStudentUid[this.toolindex][this.groupIndex].indexOf(
  12340. this.checkDeleteGroup[i]
  12341. )
  12342. ];
  12343. let params = [
  12344. {
  12345. gid: gid.id,
  12346. },
  12347. ];
  12348. var a = await this.deleteChairA(params);
  12349. if (i == this.checkDeleteGroup.length - 1) {
  12350. this.$message.success("退出成功");
  12351. this.dialogVisibleDeleteGroup = false;
  12352. this.deleteGroupUser = [];
  12353. this.deleteGroupArray = {};
  12354. this.groupIndex = "";
  12355. this.checkDeleteGroup = [];
  12356. this.getCourseDetail();
  12357. }
  12358. }
  12359. },
  12360. deleteChairA(params) {
  12361. return new Promise((resolve, reject) => {
  12362. this.ajax
  12363. .post(this.$store.state.api + "exitGroup", params)
  12364. .then((res) => {
  12365. resolve(1);
  12366. })
  12367. .catch((err) => {
  12368. this.$message.error("网络不佳");
  12369. console.error(err);
  12370. });
  12371. });
  12372. },
  12373. contract(i) {
  12374. if (this.isCloseList[i].isClose == 0) {
  12375. this.isCloseList[i].isClose = 1;
  12376. } else {
  12377. this.isCloseList[i].isClose = 0;
  12378. }
  12379. this.$forceUpdate();
  12380. },
  12381. },
  12382. directives: {
  12383. // 使用局部注册指令的方式
  12384. resize: {
  12385. // 指令的名称
  12386. bind(el, binding) {
  12387. // el为绑定的元素,binding为绑定给指令的对象
  12388. let width = "",
  12389. height = "";
  12390. function isReize() {
  12391. const style = document.defaultView.getComputedStyle(el);
  12392. if (width !== style.width || height !== style.height) {
  12393. binding.value(); // 关键
  12394. }
  12395. width = style.width;
  12396. height = style.height;
  12397. }
  12398. el.__vueSetInterval__ = setInterval(isReize, 300);
  12399. },
  12400. unbind(el) {
  12401. clearInterval(el.__vueSetInterval__);
  12402. },
  12403. },
  12404. },
  12405. beforeDestroy() {
  12406. window.onresize = null;
  12407. clearInterval(this.timer);
  12408. this.timer = null;
  12409. },
  12410. computed: {
  12411. contentConvent() {
  12412. return function (c) {
  12413. return c
  12414. ? c
  12415. .replaceAll(/\r\n/g, "<br/>")
  12416. .replaceAll(/\n/g, "<br/>")
  12417. .replaceAll(/\s/g, " &nbsp")
  12418. : "";
  12419. };
  12420. },
  12421. },
  12422. mounted() {
  12423. if (this.screenType == 2) {
  12424. window.parent.postMessage({ allScreen: 4 }, "*");
  12425. } else if (this.screenType == 3) {
  12426. window.parent.postMessage({ allScreen: 5 }, "*");
  12427. } else if (this.screenType == 1) {
  12428. window.parent.postMessage({ allScreen: 6 }, "*");
  12429. }
  12430. this.selectEva();
  12431. this.getCourseDetail();
  12432. this.selectCount();
  12433. this.getHomeWork();
  12434. this.selectCStudent();
  12435. this.contentDialog = true;
  12436. this.mlDialog = true;
  12437. if (this.tType == 4) {
  12438. this.pzDialog = true;
  12439. this.selectPz();
  12440. }
  12441. document.scrollingElement.scrollTop = 0;
  12442. window.addEventListener("resize", () => {
  12443. var a = document.getElementsByClassName("box_course")[0].offsetHeight;
  12444. // document.getElementsByClassName("vedioList")[0].style.height = a + "px";
  12445. document.getElementsByClassName("navBox")[0].style.height = a - 40 + "px";
  12446. });
  12447. let _this = this;
  12448. setTimeout(() => {
  12449. _this.vedioTime = [];
  12450. for (var i = 0; i < _this.vedio[_this.taskCount].length; i++) {
  12451. _this.vedioTime[i] = document.getElementsByClassName(
  12452. "vjs-duration-display"
  12453. )[i].textContent;
  12454. }
  12455. }, 1000);
  12456. },
  12457. };
  12458. </script>
  12459. <style scoped>
  12460. @media screen and (max-width: 1280px) {
  12461. /* .courseIndex > div:first-child(2) {
  12462. width: 15% !important;
  12463. } */
  12464. /* .navText {
  12465. width: 120px !important;
  12466. } */
  12467. .evaCss {
  12468. flex-direction: column !important;
  12469. align-items: center !important;
  12470. }
  12471. .dialog_diy1 >>> .el-dialog {
  12472. width: 100% !important;
  12473. }
  12474. .rightWidthCss {
  12475. width: 100% !important;
  12476. }
  12477. .dialog_diy3 >>> .el-dialog {
  12478. width: 100% !important;
  12479. }
  12480. /* .textTitle >>> .el-form-item__label {
  12481. width: 150px !important;
  12482. } */
  12483. }
  12484. .evaCssMax {
  12485. flex-direction: column !important;
  12486. align-items: center !important;
  12487. }
  12488. .dialog_diy >>> .el-dialog {
  12489. margin-top: 10vh !important;
  12490. }
  12491. .body_student {
  12492. width: 77%;
  12493. height: 100%;
  12494. position: absolute;
  12495. left: 22%;
  12496. top: 0;
  12497. }
  12498. .student_head {
  12499. width: 100%;
  12500. margin: 0 auto;
  12501. padding-bottom: 50px;
  12502. display: flex;
  12503. flex-direction: column;
  12504. flex-wrap: nowrap;
  12505. align-items: flex-start;
  12506. justify-content: flex-start;
  12507. }
  12508. .pb_left {
  12509. width: 20%;
  12510. margin-right: 10px;
  12511. background: rgb(255, 255, 255);
  12512. padding-right: 10px;
  12513. position: fixed;
  12514. height: 100%;
  12515. }
  12516. .wheel > img,
  12517. .project > img,
  12518. .star > img,
  12519. .evaluate > img,
  12520. .up_photo > img,
  12521. .chapter_add > img,
  12522. .upCover > img,
  12523. .deleteWord > img,
  12524. .question > img,
  12525. .homework > img {
  12526. width: 100%;
  12527. height: 100%;
  12528. }
  12529. .upCover {
  12530. width: calc(100% / 3.5);
  12531. position: relative;
  12532. margin: 0 15px 10px 0;
  12533. display: flex;
  12534. flex-direction: column;
  12535. flex-wrap: nowrap;
  12536. justify-content: center;
  12537. align-content: center;
  12538. align-items: center;
  12539. }
  12540. .upCover2 {
  12541. width: 100%;
  12542. position: relative;
  12543. margin: 0 15px 10px 0;
  12544. display: flex;
  12545. flex-direction: column;
  12546. flex-wrap: nowrap;
  12547. justify-content: center;
  12548. align-content: center;
  12549. align-items: center;
  12550. }
  12551. .upCover2 > img {
  12552. width: 100%;
  12553. height: 90px;
  12554. object-fit: contain;
  12555. }
  12556. .chapter_add {
  12557. width: 120px;
  12558. position: relative;
  12559. text-align: center;
  12560. }
  12561. .isAddThings {
  12562. margin-top: 20px;
  12563. position: relative;
  12564. text-align: center;
  12565. background: #f7f8fa;
  12566. height: 90px;
  12567. width: 90px;
  12568. display: flex;
  12569. flex-direction: column;
  12570. justify-content: center;
  12571. }
  12572. .deleteWord {
  12573. width: 22px;
  12574. height: 22px;
  12575. position: absolute;
  12576. right: -5px;
  12577. top: -5px;
  12578. cursor: pointer;
  12579. }
  12580. .box_course {
  12581. /* width: 60%; */
  12582. width: 81%;
  12583. }
  12584. .wheel {
  12585. width: 100%;
  12586. /* height: 100%; */
  12587. height: 605px;
  12588. }
  12589. .right_box {
  12590. display: flex;
  12591. flex-direction: column;
  12592. margin-left: 30px;
  12593. justify-content: space-around;
  12594. }
  12595. .right_box_title {
  12596. font-size: 23px;
  12597. }
  12598. .people {
  12599. display: flex;
  12600. }
  12601. .student_body {
  12602. width: 100%;
  12603. margin: 0 auto;
  12604. margin-top: 10px;
  12605. padding: 0 0 20px;
  12606. }
  12607. .study_top {
  12608. margin-top: 70px;
  12609. width: 100%;
  12610. /* overflow: auto; */
  12611. height: auto;
  12612. }
  12613. .study_top .checkbox {
  12614. display: flex;
  12615. align-items: center;
  12616. padding: 15px 0 15px 30px;
  12617. flex: 0 0 auto;
  12618. font-weight: bold;
  12619. border-bottom: 1px solid #eee;
  12620. }
  12621. .study_top .check {
  12622. padding-bottom: 5px;
  12623. text-align: center;
  12624. cursor: pointer;
  12625. height: 30px;
  12626. box-sizing: border-box;
  12627. display: flex;
  12628. }
  12629. .study_top .checked {
  12630. border-bottom: 4px solid #3fc6a0;
  12631. padding-bottom: 5px;
  12632. color: #3fc6a0;
  12633. display: flex;
  12634. height: 35px;
  12635. }
  12636. .study_top .checked > div,
  12637. .study_top .check > div {
  12638. margin-right: 5px;
  12639. }
  12640. .videoTop {
  12641. display: flex;
  12642. flex-direction: row;
  12643. justify-content: space-between;
  12644. background: #fff;
  12645. align-items: center;
  12646. width: 95%;
  12647. padding: 20px;
  12648. }
  12649. .upbtn {
  12650. margin: 25px;
  12651. background: #70afdb;
  12652. color: #fff;
  12653. width: 120px;
  12654. text-align: center;
  12655. height: 30px;
  12656. line-height: 30px;
  12657. font-size: 13px;
  12658. border-radius: 5px;
  12659. cursor: pointer;
  12660. }
  12661. .filebox {
  12662. display: flex;
  12663. flex-wrap: wrap;
  12664. flex-direction: column;
  12665. padding: 15px 0 5px;
  12666. }
  12667. .filebox .tooldetail {
  12668. width: 100%;
  12669. margin: 0px 12px;
  12670. background: rgb(247, 247, 247);
  12671. padding: 20px;
  12672. line-height: 30px;
  12673. word-break: break-word;
  12674. }
  12675. .file {
  12676. display: flex;
  12677. flex-direction: column;
  12678. align-items: center;
  12679. justify-content: center;
  12680. cursor: pointer;
  12681. width: 200px;
  12682. }
  12683. .file div {
  12684. margin-top: 10px;
  12685. width: 150px;
  12686. text-align: center;
  12687. overflow: hidden;
  12688. white-space: nowrap;
  12689. text-overflow: ellipsis;
  12690. }
  12691. .media {
  12692. display: flex;
  12693. flex-direction: column;
  12694. align-items: center;
  12695. justify-content: center;
  12696. margin: 0 20px 20px 0;
  12697. cursor: pointer;
  12698. margin: 12px 0 5px 15px;
  12699. overflow: hidden;
  12700. box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 20%), 0px 1px 1px 0px rgb(0 0 0 / 14%),
  12701. 0px 2px 1px -1px rgb(0 0 0 / 12%);
  12702. box-sizing: border-box;
  12703. }
  12704. .media img {
  12705. height: 90px;
  12706. width: 160px;
  12707. object-fit: cover;
  12708. }
  12709. .media .title {
  12710. padding: 5px;
  12711. text-align: left;
  12712. width: 100%;
  12713. box-sizing: border-box;
  12714. }
  12715. .media .btn {
  12716. width: 100%;
  12717. height: 35px;
  12718. line-height: 35px;
  12719. color: #fff;
  12720. background: #606060;
  12721. text-align: center;
  12722. overflow: hidden;
  12723. white-space: nowrap;
  12724. text-overflow: ellipsis;
  12725. }
  12726. .detail_content_top {
  12727. width: 100%;
  12728. padding: 25px 0 25px 0;
  12729. }
  12730. .detail_title {
  12731. text-align: center;
  12732. font-size: 24px;
  12733. }
  12734. .detail_time {
  12735. font-size: 13px;
  12736. padding: 15px 0 0 40px;
  12737. }
  12738. .detail_content {
  12739. line-height: 2pc;
  12740. width: 90%;
  12741. margin: 0 auto;
  12742. padding-top: 30px;
  12743. text-indent: 30px;
  12744. overflow: auto;
  12745. height: 200px;
  12746. }
  12747. .score_box >>> .el-rate {
  12748. margin-left: 10px;
  12749. }
  12750. .dialog_change >>> .el-dialog {
  12751. border-radius: 5px;
  12752. }
  12753. .dialog_change >>> .el-dialog__header {
  12754. background: #f2f2f2;
  12755. text-align: center;
  12756. }
  12757. .dialog_change >>> .el-dialog__title {
  12758. line-height: 5px;
  12759. }
  12760. .dialog_change >>> .el-dialog__body {
  12761. background: #fff;
  12762. padding: 10px 20px;
  12763. }
  12764. .score_box {
  12765. display: flex;
  12766. align-items: center;
  12767. margin-bottom: 18px;
  12768. margin-top: 20px;
  12769. }
  12770. .up_photo {
  12771. width: 120px;
  12772. cursor: pointer;
  12773. margin-top: 10px;
  12774. }
  12775. .up_photo2 {
  12776. width: 180px;
  12777. box-sizing: border-box;
  12778. min-width: 180px;
  12779. height: 180px;
  12780. max-height: 180px;
  12781. min-height: 180px;
  12782. cursor: pointer;
  12783. display: flex;
  12784. flex-direction: column;
  12785. align-items: center;
  12786. justify-content: center;
  12787. background: rgb(242, 246, 255);
  12788. /* padding: 25px; */
  12789. margin-bottom: 10px;
  12790. }
  12791. .up_photo2 img {
  12792. width: 50%;
  12793. height: auto;
  12794. }
  12795. .up_photo2 span {
  12796. color: #898989;
  12797. }
  12798. .plworkBox {
  12799. display: flex;
  12800. align-items: center;
  12801. margin-top: 10px;
  12802. flex-wrap: wrap;
  12803. }
  12804. .upload_send {
  12805. margin: 30px auto 30px;
  12806. width: 60%;
  12807. background: #169bd6;
  12808. text-align: center;
  12809. height: 35px;
  12810. line-height: 35px;
  12811. color: #fff;
  12812. border-radius: 5px;
  12813. cursor: pointer;
  12814. }
  12815. .marginT {
  12816. margin-top: 20px;
  12817. }
  12818. .cd_content_steps {
  12819. display: flex;
  12820. width: 90%;
  12821. justify-content: space-around;
  12822. border-top: 1px solid #eeeeee;
  12823. }
  12824. .cd_steps_box {
  12825. display: flex;
  12826. justify-content: center;
  12827. align-items: center;
  12828. flex-direction: column;
  12829. cursor: pointer;
  12830. }
  12831. .first {
  12832. display: flex;
  12833. align-items: center;
  12834. margin: 15px 0 20px 0;
  12835. font-size: 20px;
  12836. }
  12837. .first > div:nth-child(2) {
  12838. font-size: 16px !important;
  12839. padding-left: 10px;
  12840. line-height: 26px;
  12841. box-sizing: border-box;
  12842. }
  12843. .blue_box_one {
  12844. text-align: center;
  12845. color: #fff;
  12846. background-image: linear-gradient(90deg, #477cd7, #65b9fc);
  12847. border-radius: 7px;
  12848. margin: 10px;
  12849. cursor: pointer;
  12850. width: 95%;
  12851. height: 45px;
  12852. display: flex;
  12853. flex-direction: row;
  12854. justify-content: flex-start;
  12855. align-items: center;
  12856. }
  12857. .blue_box_one > div:nth-child(1) {
  12858. line-height: 30px;
  12859. margin: 0 5px 0 10px;
  12860. width: 30%;
  12861. min-width: 70px;
  12862. border-radius: 4px;
  12863. }
  12864. .blue_box_one > div:nth-child(2) {
  12865. white-space: nowrap;
  12866. text-overflow: ellipsis;
  12867. overflow: hidden;
  12868. word-break: break-all;
  12869. width: 70%;
  12870. text-align: left;
  12871. margin-right: 10px;
  12872. max-width: calc(100% - 85px);
  12873. }
  12874. .blue_box_one > div:nth-child(2):hover {
  12875. overflow: hidden;
  12876. text-overflow: ellipsis;
  12877. white-space: nowrap;
  12878. cursor: pointer;
  12879. }
  12880. .upFile {
  12881. margin: 0 auto;
  12882. width: 120px;
  12883. background: #70afdb;
  12884. color: #fff;
  12885. height: 30px;
  12886. text-align: center;
  12887. line-height: 30px;
  12888. border-radius: 5px;
  12889. font-size: 14px;
  12890. cursor: pointer;
  12891. }
  12892. .courseTitle {
  12893. background: #205cc6;
  12894. width: 85%;
  12895. margin: 10px auto;
  12896. height: 50px;
  12897. color: #fff;
  12898. text-align: center;
  12899. font-size: 20px;
  12900. font-weight: bold;
  12901. border-radius: 5px;
  12902. cursor: pointer;
  12903. white-space: nowrap;
  12904. overflow: hidden;
  12905. text-overflow: ellipsis;
  12906. padding: 0 10px;
  12907. display: flex;
  12908. flex-direction: row;
  12909. align-items: center;
  12910. justify-content: space-between;
  12911. }
  12912. .courseTitle >>> .el-tooltip {
  12913. width: 90%;
  12914. white-space: nowrap;
  12915. overflow: hidden;
  12916. text-overflow: ellipsis;
  12917. word-break: break-word;
  12918. }
  12919. .ml {
  12920. margin-left: 20px;
  12921. color: #5b7dba;
  12922. border-left: 3px solid #5b7dba;
  12923. padding-left: 5px;
  12924. font-weight: bold;
  12925. }
  12926. .return {
  12927. width: 2rem;
  12928. height: 2rem;
  12929. cursor: pointer;
  12930. }
  12931. .return > img {
  12932. width: 100%;
  12933. height: 100%;
  12934. }
  12935. .returnBtn {
  12936. background: #499eef;
  12937. width: 65px;
  12938. height: 30px;
  12939. color: #fff;
  12940. text-align: center;
  12941. line-height: 32px;
  12942. margin-right: 20px;
  12943. cursor: pointer;
  12944. border-radius: 5px;
  12945. font-size: 14px;
  12946. }
  12947. .tool {
  12948. display: flex;
  12949. flex-direction: column;
  12950. flex-wrap: nowrap;
  12951. width: 13%;
  12952. margin: 0 30px;
  12953. align-items: center;
  12954. }
  12955. .whiteBIcon {
  12956. width: 150px;
  12957. cursor: pointer;
  12958. }
  12959. .whiteBIcon > img {
  12960. width: 100%;
  12961. height: 100%;
  12962. }
  12963. .mask {
  12964. background-color: rgba(0, 0, 0, 0);
  12965. position: fixed;
  12966. top: 0;
  12967. left: 0;
  12968. width: 100%;
  12969. height: 100%;
  12970. z-index: 20000;
  12971. display: flex;
  12972. align-items: center;
  12973. justify-content: center;
  12974. }
  12975. .progressBox {
  12976. width: 500px;
  12977. height: 180px;
  12978. background: #fff;
  12979. border-radius: 10px;
  12980. box-shadow: 0 0 6px 1px #bfbfbf;
  12981. display: flex;
  12982. align-items: center;
  12983. justify-content: center;
  12984. flex-direction: column;
  12985. position: relative;
  12986. color: #6c6c6c;
  12987. }
  12988. .progressBox >>> .el-progress-bar__outer {
  12989. background-color: #d1dfff !important;
  12990. }
  12991. .progressBox .lbox {
  12992. height: 50px;
  12993. font-size: 19px;
  12994. display: flex;
  12995. align-items: center;
  12996. color: #747474;
  12997. }
  12998. .progressBox .lbox img {
  12999. width: 40px;
  13000. margin-right: 20px;
  13001. }
  13002. .closeCss {
  13003. position: absolute;
  13004. top: 8px;
  13005. right: 8px;
  13006. cursor: pointer;
  13007. width: 20px;
  13008. height: 20px;
  13009. }
  13010. .closeCss > img {
  13011. width: 100%;
  13012. height: 100%;
  13013. }
  13014. .uploadVedio {
  13015. display: flex;
  13016. flex-direction: column;
  13017. flex-wrap: nowrap;
  13018. justify-content: center;
  13019. align-items: center;
  13020. margin: 0 15px 10px 0;
  13021. }
  13022. .uploadVedio > img {
  13023. width: 30px;
  13024. height: 30px;
  13025. }
  13026. .uploadVedio > span {
  13027. white-space: nowrap;
  13028. overflow: hidden;
  13029. text-overflow: ellipsis;
  13030. width: 75px;
  13031. margin-top: 7px;
  13032. }
  13033. .picName {
  13034. white-space: nowrap;
  13035. overflow: hidden;
  13036. text-overflow: ellipsis;
  13037. width: 75px;
  13038. margin-top: 7px;
  13039. }
  13040. .new_top {
  13041. display: flex;
  13042. background: #fff;
  13043. flex-direction: row;
  13044. justify-content: flex-start;
  13045. align-items: center;
  13046. height: 60px;
  13047. position: relative;
  13048. }
  13049. .before {
  13050. position: absolute;
  13051. background: #c3dad4;
  13052. width: 6px;
  13053. height: 100%;
  13054. }
  13055. .courseIndex {
  13056. display: flex;
  13057. flex-direction: row;
  13058. align-items: center;
  13059. width: calc(100% - 520px);
  13060. }
  13061. .courseIndex > div:nth-child(1) {
  13062. margin: 0 20px;
  13063. padding-left: 5px;
  13064. font-size: 24px;
  13065. min-width: 100px;
  13066. font-weight: bold;
  13067. border-left: 4px solid #3363b9;
  13068. height: 35px;
  13069. text-align: center;
  13070. line-height: 35px;
  13071. }
  13072. .courseIndex > div:nth-child(2) {
  13073. font-size: 23px;
  13074. /* width: 300px; */
  13075. max-width: calc(100% - 180px);
  13076. white-space: nowrap;
  13077. overflow: hidden;
  13078. text-overflow: ellipsis;
  13079. }
  13080. .courseIndex > div:nth-child(3) {
  13081. border-bottom: 1px solid #d7d7d7;
  13082. padding-bottom: 5px;
  13083. background: #49a0f0;
  13084. width: 55px;
  13085. min-width: 55px;
  13086. border-radius: 5px;
  13087. color: #fff;
  13088. text-align: center;
  13089. height: 20px;
  13090. line-height: 26px;
  13091. font-size: 14px;
  13092. margin: 0 0 0 10px;
  13093. }
  13094. .course_text {
  13095. padding: 20px 0 0 15px;
  13096. text-indent: 30px;
  13097. width: 80%;
  13098. min-height: 20px;
  13099. }
  13100. .vedioList {
  13101. background: #f2f2f2;
  13102. border: 1px solid #ececec;
  13103. /* width: 38.8%; */
  13104. width: 100%;
  13105. height: 445px;
  13106. border-radius: 10px;
  13107. overflow: hidden;
  13108. }
  13109. .vedioNav {
  13110. margin: 10px 0 0 15px;
  13111. border-bottom: 1px solid #d7d7d7;
  13112. padding-bottom: 5px;
  13113. background: #96d1ff;
  13114. width: 55px;
  13115. min-width: 55px;
  13116. border-radius: 5px;
  13117. color: #fff;
  13118. text-align: center;
  13119. height: 20px;
  13120. line-height: 26px;
  13121. font-size: 14px;
  13122. }
  13123. .queTop {
  13124. display: flex;
  13125. padding: 20px 0 20px 30px;
  13126. width: 100%;
  13127. flex-direction: row;
  13128. justify-content: flex-start;
  13129. align-items: center;
  13130. border-bottom: 1px solid #eeeeee;
  13131. box-sizing: border-box;
  13132. }
  13133. .question {
  13134. width: 40px;
  13135. margin-right: 10px;
  13136. margin-top: 7px;
  13137. }
  13138. .queTitle {
  13139. margin-left: 5px;
  13140. font-size: 25px;
  13141. display: flex;
  13142. align-items: center;
  13143. }
  13144. .addEditor {
  13145. width: 100px;
  13146. height: 30px;
  13147. background: #42cda6;
  13148. color: #fff;
  13149. border-radius: 5px;
  13150. text-align: center;
  13151. line-height: 30px;
  13152. box-shadow: 1px 3px 6px 1px #bfbfbf;
  13153. cursor: pointer;
  13154. }
  13155. .vedioName {
  13156. /* text-overflow: ellipsis;
  13157. top: 8px;
  13158. font-size: 14px;
  13159. overflow: hidden;
  13160. width: 100%;
  13161. word-break: break-all;
  13162. white-space: nowrap; */
  13163. cursor: pointer;
  13164. margin: 0px 0px 10px 5px;
  13165. white-space: nowrap;
  13166. overflow: hidden;
  13167. text-overflow: ellipsis;
  13168. width: 100%;
  13169. }
  13170. .vedioTime {
  13171. width: 35px;
  13172. position: absolute;
  13173. color: #fff;
  13174. bottom: 0px;
  13175. right: 0px;
  13176. text-align: center;
  13177. background: #46411f;
  13178. height: 20px;
  13179. font-size: 14px;
  13180. line-height: 20px;
  13181. }
  13182. .homework {
  13183. width: 200px;
  13184. display: flex;
  13185. flex-direction: column;
  13186. flex-wrap: nowrap;
  13187. align-items: center;
  13188. cursor: pointer;
  13189. }
  13190. .homebox {
  13191. display: flex;
  13192. flex-wrap: wrap;
  13193. flex-direction: row;
  13194. justify-content: flex-start;
  13195. align-items: center;
  13196. padding: 15px 0;
  13197. }
  13198. .isChooseActive {
  13199. color: #3e88f4;
  13200. border-bottom: 2px solid #2f80f3;
  13201. }
  13202. .chooseWho {
  13203. display: flex;
  13204. width: 100%;
  13205. flex-direction: row;
  13206. flex-wrap: nowrap;
  13207. justify-content: flex-start;
  13208. padding-bottom: 10px;
  13209. }
  13210. .chooseWho > div {
  13211. cursor: pointer;
  13212. padding-bottom: 10px;
  13213. margin: 0 30px;
  13214. }
  13215. .addPoint > div > img {
  13216. cursor: pointer;
  13217. margin: 0 10px;
  13218. width: 85px;
  13219. border-radius: 15px;
  13220. box-shadow: 0px 1px 8px 0px rgb(20 20 20 / 14%);
  13221. }
  13222. .addPoint > div {
  13223. display: flex;
  13224. flex-direction: column;
  13225. flex-wrap: nowrap;
  13226. align-items: center;
  13227. }
  13228. .isBorder > div {
  13229. margin: 0 0 10px 0;
  13230. align-items: flex-start !important;
  13231. }
  13232. .noiframeBox {
  13233. display: flex;
  13234. flex-wrap: wrap;
  13235. }
  13236. .iframeBox iframe {
  13237. width: 100%;
  13238. height: 800px;
  13239. border: none;
  13240. margin-bottom: 20px;
  13241. border: 1px solid #ccc;
  13242. }
  13243. .upload_toolBtn {
  13244. background: #6b92c9;
  13245. color: #fff;
  13246. width: 110px;
  13247. text-align: center;
  13248. height: 35px;
  13249. line-height: 35px;
  13250. font-size: 14px;
  13251. border-radius: 5px;
  13252. cursor: pointer;
  13253. position: absolute;
  13254. right: 10px;
  13255. bottom: 0;
  13256. }
  13257. .binfo_input,
  13258. .pj {
  13259. font: inherit;
  13260. color: currentColor;
  13261. width: 100%;
  13262. margin: 0;
  13263. padding: 15px 14px;
  13264. display: block;
  13265. min-width: 0;
  13266. outline: none;
  13267. box-sizing: content-box;
  13268. background: none;
  13269. -webkit-tap-highlight-color: transparent;
  13270. border: 1px solid rgba(0, 0, 0, 0.23);
  13271. border-radius: 4px;
  13272. box-sizing: border-box;
  13273. resize: none;
  13274. }
  13275. .binfo_input:focus-visible {
  13276. border: 1px solid rgba(61, 103, 188);
  13277. }
  13278. .dialog_diy >>> .el-dialog__header,
  13279. .dialog_diy1 >>> .el-dialog__header {
  13280. background: #454545 !important;
  13281. padding: 15px 20px;
  13282. }
  13283. .dialog_diy >>> .el-dialog__title,
  13284. .dialog_diy1 >>> .el-dialog__title {
  13285. color: #fff;
  13286. }
  13287. .dialog_diy >>> .el-dialog__headerbtn,
  13288. .dialog_diy1 >>> .el-dialog__headerbtn {
  13289. top: 19px;
  13290. }
  13291. .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close,
  13292. .dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close {
  13293. color: #fff;
  13294. }
  13295. .dialog_diy >>> .el-dialog__headerbtn .el-dialog__close:hover,
  13296. .dialog_diy1 >>> .el-dialog__headerbtn .el-dialog__close:hover {
  13297. color: #fff;
  13298. }
  13299. .dialog_diy1 >>> .el-dialog__body {
  13300. padding: 0;
  13301. }
  13302. .dialog_diy >>> .el-dialog__body,
  13303. .dialog_diy >>> .el-dialog__footer,
  13304. .dialog_diy1 >>> .el-dialog__footer {
  13305. background: #fafafa;
  13306. }
  13307. .a_addBox {
  13308. margin: 10px 0;
  13309. background: #fff;
  13310. padding: 15px;
  13311. max-height: 400px;
  13312. overflow: auto;
  13313. }
  13314. .a_add_box {
  13315. border-bottom: 2px solid #eee;
  13316. padding-bottom: 10px;
  13317. }
  13318. .a_add_head {
  13319. display: flex;
  13320. align-items: flex-start;
  13321. /* justify-content: space-between; */
  13322. flex-direction: column;
  13323. /* flex-direction: row; */
  13324. margin: 10px 0 20px 0;
  13325. font-size: 18px;
  13326. width: 100%;
  13327. }
  13328. .a_add_head .a_add_head_input {
  13329. width: 300px;
  13330. }
  13331. .a_add_head .a_add_head_div {
  13332. display: flex;
  13333. align-items: center;
  13334. justify-content: space-between;
  13335. }
  13336. .a_add_body {
  13337. display: flex;
  13338. align-items: center;
  13339. }
  13340. .a_add_input {
  13341. display: flex;
  13342. align-items: center;
  13343. flex-wrap: wrap;
  13344. }
  13345. .a_add_input >>> el-radio-group {
  13346. margin: 10px 0;
  13347. }
  13348. .a_add_input >>> .el-radio,
  13349. .a_add_input >>> .el-checkbox {
  13350. margin-bottom: 10px;
  13351. display: flex;
  13352. flex-direction: row;
  13353. flex-wrap: nowrap;
  13354. align-items: center;
  13355. }
  13356. .redioStyle >>> .el-radio__label {
  13357. font-size: 18px;
  13358. }
  13359. .redioStyle >>> .el-checkbox__label {
  13360. font-size: 18px;
  13361. }
  13362. .toolHeng2 {
  13363. width: 100%;
  13364. }
  13365. .toolHeng {
  13366. display: flex;
  13367. flex-direction: row;
  13368. flex-wrap: wrap;
  13369. justify-content: flex-start;
  13370. align-items: center;
  13371. width: 100%;
  13372. }
  13373. .toolHeng > div {
  13374. padding-left: 20px;
  13375. }
  13376. .isWidth {
  13377. width: 20%;
  13378. }
  13379. .textTitle {
  13380. display: flex;
  13381. flex-direction: row;
  13382. flex-wrap: nowrap;
  13383. align-items: center;
  13384. width: 95%;
  13385. }
  13386. .textTitle >>> .el-form-item__label {
  13387. font-size: 22px;
  13388. color: #918f8f;
  13389. width: 100px;
  13390. }
  13391. .textTitle >>> .el-form-item__content {
  13392. width: calc(100% - 100px);
  13393. }
  13394. .textCss >>> .el-dialog {
  13395. width: 800px !important;
  13396. height: 400px;
  13397. background: #fafafa;
  13398. }
  13399. .textCss >>> .el-dialog__body {
  13400. margin: 55px 8% 0 8%;
  13401. padding: 0 !important;
  13402. }
  13403. .textCss >>> .el-dialog__footer {
  13404. padding-top: 38px;
  13405. }
  13406. .toolsCss >>> .el-dialog__body {
  13407. padding: 20px;
  13408. }
  13409. .lineCss >>> .el-dialog__body {
  13410. display: flex;
  13411. flex-direction: row;
  13412. align-items: center;
  13413. justify-content: center;
  13414. }
  13415. .newNav {
  13416. display: flex;
  13417. flex-direction: row;
  13418. align-items: baseline;
  13419. justify-content: flex-start;
  13420. }
  13421. .navText {
  13422. cursor: pointer;
  13423. margin: 0px 0px 10px 5px;
  13424. white-space: nowrap;
  13425. overflow: hidden;
  13426. text-overflow: ellipsis;
  13427. /* width: 300px; */
  13428. width: 100%;
  13429. }
  13430. .noVedio {
  13431. display: flex;
  13432. flex-direction: row;
  13433. justify-content: center;
  13434. align-content: center;
  13435. }
  13436. .noNavText {
  13437. cursor: pointer;
  13438. margin: 0px 0px 10px 5px;
  13439. width: 112px;
  13440. }
  13441. .listNoVedio {
  13442. margin: 0 0 0 30px;
  13443. width: 97%;
  13444. }
  13445. .video-player >>> .video-js {
  13446. height: 100%;
  13447. }
  13448. .hangVedioList {
  13449. width: 90% !important;
  13450. height: 150px !important;
  13451. margin: 20px 0 0 30px;
  13452. }
  13453. .hangVedio {
  13454. width: 100%;
  13455. height: 170px !important;
  13456. align-items: flex-start !important;
  13457. }
  13458. .hangHand {
  13459. height: 150px !important;
  13460. }
  13461. .twoChild {
  13462. width: 95%;
  13463. margin: 10px;
  13464. border-radius: 5px;
  13465. background: #f2f2f2;
  13466. display: flex;
  13467. flex-direction: column;
  13468. flex-wrap: nowrap;
  13469. justify-content: flex-start;
  13470. align-items: flex-start;
  13471. transition: all 0.5s;
  13472. overflow: hidden;
  13473. height: 0;
  13474. background: #e7f3ff;
  13475. }
  13476. .twoChild > div:nth-child(1) {
  13477. margin-top: 5px;
  13478. }
  13479. .navChild {
  13480. width: 100%;
  13481. cursor: pointer;
  13482. margin-bottom: 10px;
  13483. position: relative;
  13484. }
  13485. .navChild img {
  13486. position: absolute;
  13487. right: 11px;
  13488. width: 15px;
  13489. top: 50%;
  13490. transform: translateY(-50%);
  13491. }
  13492. .navActive {
  13493. height: auto;
  13494. }
  13495. .navTask {
  13496. display: flex;
  13497. flex-direction: row;
  13498. flex-wrap: nowrap;
  13499. align-items: center;
  13500. align-content: flex-start;
  13501. height: 40px;
  13502. justify-content: flex-start;
  13503. padding: 0 10px;
  13504. width: 100%;
  13505. box-sizing: border-box;
  13506. }
  13507. .navTaskname {
  13508. white-space: nowrap;
  13509. text-overflow: ellipsis;
  13510. overflow: hidden;
  13511. word-break: break-all;
  13512. padding-left: 5px;
  13513. }
  13514. .openTaskActive {
  13515. color: #4386e6;
  13516. }
  13517. .iframeName {
  13518. margin: 5px 0;
  13519. border-left: 4px solid #41c4a4;
  13520. padding-left: 4px;
  13521. }
  13522. .toolTitle {
  13523. margin: 0px 0px 20px;
  13524. font-size: 20px;
  13525. font-weight: 500;
  13526. border-left: 4px solid #41c4a4;
  13527. padding-left: 4px;
  13528. }
  13529. .cru_selectBox {
  13530. overflow: auto;
  13531. width: 96%;
  13532. margin: 0 auto;
  13533. height: calc(100% - 40px - 21px - 20px);
  13534. }
  13535. .cru_selectBox::-webkit-scrollbar,
  13536. .study_top::-webkit-scrollbar,
  13537. .textContent::-webkit-scrollbar {
  13538. /*滚动条整体样式*/
  13539. width: 6px;
  13540. /*高宽分别对应横竖滚动条的尺寸*/
  13541. height: 6px;
  13542. }
  13543. /*定义滚动条轨道 内阴影+圆角*/
  13544. .cru_selectBox::-webkit-scrollbar-track,
  13545. .study_top::-webkit-scrollbar-track,
  13546. .textContent::-webkit-scrollbar {
  13547. border-radius: 10px;
  13548. background-color: #b8bdc9;
  13549. }
  13550. /*定义滑块 内阴影+圆角*/
  13551. .cru_selectBox::-webkit-scrollbar-thumb,
  13552. .study_top::-webkit-scrollbar-thumb,
  13553. .textContent::-webkit-scrollbar-thumb {
  13554. border-radius: 10px;
  13555. -webkit-box-shadow: inset 0 0 6px rgb(96, 125, 184);
  13556. background-color: #2c5ab3;
  13557. }
  13558. .vedioBox {
  13559. border-radius: 20px;
  13560. background: #fff;
  13561. margin-bottom: 10px;
  13562. }
  13563. .taskBox {
  13564. margin: 15px auto 20px;
  13565. background: #f7f7f7;
  13566. width: 97%;
  13567. border-radius: 10px;
  13568. }
  13569. .vedioTaskBox {
  13570. width: 100%;
  13571. display: flex;
  13572. flex-direction: row;
  13573. flex-wrap: nowrap;
  13574. align-items: flex-start;
  13575. position: relative;
  13576. }
  13577. .toolBox {
  13578. padding: 20px 0 0 0;
  13579. display: flex;
  13580. }
  13581. .btnAll {
  13582. position: absolute;
  13583. right: 0;
  13584. display: flex;
  13585. flex-direction: row;
  13586. flex-wrap: nowrap;
  13587. align-items: center;
  13588. }
  13589. .vedioTimeBox {
  13590. display: flex;
  13591. flex-direction: row;
  13592. align-items: center;
  13593. flex-wrap: nowrap;
  13594. position: relative;
  13595. }
  13596. .navBox {
  13597. background: #fff;
  13598. height: calc(100% - 40px);
  13599. padding: 5px 1px 0;
  13600. overflow-y: auto;
  13601. overflow-x: hidden;
  13602. }
  13603. .worksBox {
  13604. padding: 5px 0 0 10px;
  13605. border-bottom: 1px solid #eeeeee;
  13606. }
  13607. .worksBTitle {
  13608. font-size: 20px;
  13609. padding-bottom: 15px;
  13610. border-bottom: 1px solid #eeeeee;
  13611. display: flex;
  13612. align-items: center;
  13613. }
  13614. .greenBox {
  13615. width: 5px;
  13616. height: 30px;
  13617. background: #63b6fa;
  13618. margin-right: 5px;
  13619. }
  13620. .worksDetailBox {
  13621. display: flex;
  13622. width: 100%;
  13623. flex-direction: row;
  13624. flex-wrap: wrap;
  13625. align-items: flex-end;
  13626. justify-content: flex-start;
  13627. padding: 15px 0;
  13628. }
  13629. .works {
  13630. display: flex;
  13631. flex-direction: column;
  13632. flex-wrap: nowrap;
  13633. align-items: flex-start;
  13634. justify-content: flex-start;
  13635. align-content: center;
  13636. max-width: 240px;
  13637. width: calc(100% / 3 - 10px);
  13638. height: auto;
  13639. margin-right: 10px;
  13640. margin-bottom: 10px;
  13641. overflow: hidden;
  13642. height: 140px;
  13643. box-shadow: 0 0 6px 1px #dfdada;
  13644. border-radius: 15px;
  13645. }
  13646. .workImg {
  13647. width: 100%;
  13648. /* height: calc(100% - 40px); */
  13649. height: 105px;
  13650. position: relative;
  13651. }
  13652. .workImg > img {
  13653. width: 100%;
  13654. height: 100%;
  13655. object-fit: contain;
  13656. cursor: pointer;
  13657. }
  13658. .worksName {
  13659. height: 40px;
  13660. line-height: 40px;
  13661. display: flex;
  13662. width: 100%;
  13663. flex-direction: row;
  13664. flex-wrap: nowrap;
  13665. justify-content: space-between;
  13666. align-items: center;
  13667. margin: 0 0 0 10px;
  13668. }
  13669. .worksName > div:nth-child(1) {
  13670. width: 110px;
  13671. white-space: nowrap;
  13672. overflow: hidden;
  13673. text-overflow: ellipsis;
  13674. }
  13675. .worksName > div:nth-child(2) {
  13676. color: #b7b4b5;
  13677. }
  13678. .noWorksS {
  13679. padding: 15px 0;
  13680. display: flex;
  13681. flex-direction: row;
  13682. flex-wrap: wrap;
  13683. align-items: center;
  13684. justify-content: flex-start;
  13685. }
  13686. .noWorksName,
  13687. .isWorksName {
  13688. background: #7cbcf1;
  13689. color: #fff;
  13690. width: 90px;
  13691. height: 25px;
  13692. text-align: center;
  13693. line-height: 25px;
  13694. border-radius: 5px;
  13695. margin: 10px 15px 10px 0;
  13696. white-space: nowrap;
  13697. overflow: hidden;
  13698. padding: 5px;
  13699. text-overflow: ellipsis;
  13700. }
  13701. .isWorksName {
  13702. cursor: pointer;
  13703. background: #46a1eb !important;
  13704. width: 100px;
  13705. height: 40px;
  13706. line-height: 40px;
  13707. position: relative;
  13708. }
  13709. .noWorksName:hover {
  13710. background: #46a1eb !important;
  13711. }
  13712. .title {
  13713. background: #1e5cc9;
  13714. /* width: 98%; */
  13715. height: 45px;
  13716. color: #fff;
  13717. line-height: 45px;
  13718. padding-left: 20px;
  13719. box-sizing: border-box;
  13720. }
  13721. .textBox {
  13722. font-size: 20px;
  13723. width: 90%;
  13724. display: flex;
  13725. flex-direction: column;
  13726. align-items: center;
  13727. margin: 20px auto 0;
  13728. max-height: 500px;
  13729. overflow: auto;
  13730. }
  13731. .textContent {
  13732. font-size: 18px;
  13733. width: 95%;
  13734. max-width: 95%;
  13735. }
  13736. .answerBg {
  13737. background: url("../assets/icon/answerBgNew.png") no-repeat;
  13738. background-size: 100% 100%;
  13739. width: 100%;
  13740. height: 100%;
  13741. color: #fff;
  13742. text-align: center;
  13743. display: flex;
  13744. flex-direction: column;
  13745. flex-wrap: nowrap;
  13746. align-items: center;
  13747. position: relative;
  13748. justify-content: center;
  13749. }
  13750. .answerBg > div:nth-child(1) {
  13751. /* font-size: 22px;
  13752. padding: 25px 0 10px; */
  13753. }
  13754. .answerContent {
  13755. width: 215px;
  13756. max-height: 60px;
  13757. word-break: break-all;
  13758. text-align: center;
  13759. /* white-space: nowrap; */
  13760. overflow: hidden;
  13761. text-overflow: ellipsis;
  13762. /* padding: 23px 0 0; */
  13763. -webkit-line-clamp: 3;
  13764. -webkit-box-orient: vertical;
  13765. display: -webkit-box;
  13766. font-size: 15px;
  13767. }
  13768. .elist_input_box {
  13769. display: flex;
  13770. align-items: flex-start;
  13771. flex-wrap: nowrap;
  13772. padding: 10px 0 15px 30px;
  13773. flex-direction: column;
  13774. }
  13775. .elist_input {
  13776. /* width: 40%; */
  13777. width: 100%;
  13778. }
  13779. .elist_input .elist_input_box input {
  13780. font: inherit;
  13781. color: currentColor;
  13782. width: 200px;
  13783. padding: 8px 14px;
  13784. display: block;
  13785. min-width: 0;
  13786. outline: none;
  13787. border: 1px solid rgba(0, 0, 0, 0.23);
  13788. border-radius: 4px;
  13789. box-sizing: border-box;
  13790. background: #fff;
  13791. margin: 0 20px 0 0;
  13792. }
  13793. .elist_input .elist_input_box span {
  13794. height: 36px;
  13795. line-height: 36px;
  13796. color: rgb(82, 82, 82);
  13797. }
  13798. .elist_input .elist_input_box .remove {
  13799. height: 20px;
  13800. width: 20px;
  13801. background-size: 100% 100%;
  13802. background-position: unset;
  13803. margin-left: 5px;
  13804. }
  13805. .elist_input_box >>> .el-rate {
  13806. display: flex;
  13807. height: 36px;
  13808. align-items: center;
  13809. }
  13810. .elist_input_box .elist_inptu_text {
  13811. min-height: 50px;
  13812. /* width: 500px;
  13813. max-height: 150px; */
  13814. width: 100%;
  13815. line-height: 50px;
  13816. color: rgb(82, 82, 82);
  13817. overflow: auto;
  13818. text-indent: 5px;
  13819. background: #f7f6f9;
  13820. border-radius: 10px;
  13821. }
  13822. .elist_input_box .elist_inptu_text input {
  13823. width: 500px;
  13824. }
  13825. .elist_input_box >>> .el-rate__icon {
  13826. font-size: 24px;
  13827. }
  13828. .isClick {
  13829. background: #4d9def;
  13830. }
  13831. .bzBox {
  13832. display: flex;
  13833. flex-direction: row;
  13834. align-items: center;
  13835. }
  13836. .bzBox > div:nth-child(1) {
  13837. width: 4px;
  13838. height: 40px;
  13839. background-image: linear-gradient(180deg, #2c5cbd, #a1cff4);
  13840. }
  13841. .bzBox > div:nth-child(2) {
  13842. font-size: 23px;
  13843. font-weight: bold;
  13844. padding: 0px 0px 0 10px;
  13845. }
  13846. .navTitile {
  13847. padding: 0 0px 0 15px;
  13848. color: #fff;
  13849. height: 40px;
  13850. line-height: 40px;
  13851. }
  13852. .isTypeOne {
  13853. width: 240px;
  13854. height: 170px;
  13855. /* border: 1px solid #f8f8f8; */
  13856. border-radius: 10px;
  13857. box-shadow: 0 0 6px 1px #dfdada;
  13858. }
  13859. .e_add_top {
  13860. display: flex;
  13861. justify-content: space-between;
  13862. padding: 20px 20px 0 20px;
  13863. border-radius: 3px;
  13864. background: #fff;
  13865. }
  13866. .e_add_title2 {
  13867. display: flex;
  13868. align-items: center;
  13869. }
  13870. .e_add_title2 span {
  13871. width: 40px;
  13872. }
  13873. .e_add_title {
  13874. display: flex;
  13875. align-items: center;
  13876. color: #b8b8b8;
  13877. font-size: 18px;
  13878. position: relative;
  13879. height: 40px;
  13880. }
  13881. .e_add_title span {
  13882. margin-right: 10px;
  13883. }
  13884. .e_add_title .el_input {
  13885. width: 300px;
  13886. }
  13887. .e_add_title >>> .el-input__inner {
  13888. width: 400px;
  13889. }
  13890. .e_add_btn {
  13891. }
  13892. .e_add_content {
  13893. display: flex;
  13894. width: 100%;
  13895. max-width: 650px;
  13896. height: 550px;
  13897. }
  13898. .e_add_list {
  13899. background: #fff;
  13900. height: 500px;
  13901. width: 210px;
  13902. position: relative;
  13903. margin: 15px 5px 0 0;
  13904. flex-shrink: 0;
  13905. display: flex;
  13906. flex-direction: column;
  13907. }
  13908. .e_add_list_title {
  13909. font-size: 20px;
  13910. width: 100%;
  13911. box-sizing: border-box;
  13912. padding: 15px 40px;
  13913. text-align: center;
  13914. border-bottom: 1px solid #eaeaea;
  13915. position: relative;
  13916. display: flex;
  13917. align-items: center;
  13918. justify-content: center;
  13919. height: 57px;
  13920. background: #f6f6f6;
  13921. }
  13922. .e_add_list_title span {
  13923. overflow: hidden;
  13924. white-space: nowrap;
  13925. text-overflow: ellipsis;
  13926. }
  13927. .e_add_list_title img {
  13928. position: absolute;
  13929. right: 15px;
  13930. width: 25px;
  13931. cursor: pointer;
  13932. top: 50%;
  13933. transform: translateY(-50%);
  13934. }
  13935. .e_add_list_body {
  13936. height: calc(100% - 187px);
  13937. overflow: auto;
  13938. }
  13939. .e_add_list_child {
  13940. width: 100%;
  13941. display: flex;
  13942. align-items: center;
  13943. justify-content: center;
  13944. position: relative;
  13945. box-sizing: border-box;
  13946. padding: 15px 40px;
  13947. text-align: center;
  13948. }
  13949. .e_add_list_child span {
  13950. overflow: hidden;
  13951. white-space: nowrap;
  13952. text-overflow: ellipsis;
  13953. cursor: pointer;
  13954. }
  13955. .e_add_list_child img {
  13956. position: absolute;
  13957. right: 10px;
  13958. width: 21px;
  13959. cursor: pointer;
  13960. top: 50%;
  13961. transform: translateY(-50%);
  13962. }
  13963. .e_add_list_child + .e_add_list_child {
  13964. border-top: 1px solid #eaeaea;
  13965. }
  13966. .e_add_list_child .active {
  13967. color: #409eff;
  13968. }
  13969. .e_add_list_btn {
  13970. position: absolute;
  13971. bottom: 0;
  13972. height: 50px;
  13973. background: rgb(120, 120, 254);
  13974. width: 100%;
  13975. color: #fff;
  13976. font-size: 16px;
  13977. text-align: center;
  13978. line-height: 50px;
  13979. cursor: pointer;
  13980. }
  13981. .e_add_list_detail {
  13982. position: absolute;
  13983. bottom: 0;
  13984. height: 130px;
  13985. background: rgb(120, 120, 254);
  13986. width: 100%;
  13987. color: #fff;
  13988. font-size: 16px;
  13989. display: flex;
  13990. align-items: center;
  13991. justify-content: center;
  13992. }
  13993. .e_add_list_detail textarea {
  13994. height: 90%;
  13995. width: 95%;
  13996. border: none;
  13997. resize: none;
  13998. outline: none;
  13999. padding: 5px;
  14000. box-sizing: border-box;
  14001. }
  14002. .e_add_list_pbox {
  14003. width: 100%;
  14004. max-width: 650px;
  14005. /* height: 600px; */
  14006. }
  14007. .e_add_list_pbox_title {
  14008. height: 50px;
  14009. background: #fff;
  14010. display: flex;
  14011. align-items: center;
  14012. width: 100%;
  14013. box-sizing: border-box;
  14014. padding: 0 20px;
  14015. }
  14016. .type_title {
  14017. font-size: 18px;
  14018. font-weight: 700;
  14019. }
  14020. .type_content {
  14021. font-size: 16px;
  14022. margin-left: 30px;
  14023. }
  14024. .type_content span + span {
  14025. margin-left: 20px;
  14026. }
  14027. .type_content span {
  14028. cursor: pointer;
  14029. padding-bottom: 5px;
  14030. box-sizing: border-box;
  14031. }
  14032. .type_content .active {
  14033. color: #409eff;
  14034. border-bottom: 2px solid #409eff;
  14035. }
  14036. .e_add_list_pbox_content {
  14037. height: calc(100% - 50px);
  14038. display: flex;
  14039. align-items: center;
  14040. width: 100%;
  14041. background: #fff;
  14042. }
  14043. .evaCss {
  14044. display: flex;
  14045. flex-direction: row;
  14046. flex-wrap: nowrap;
  14047. align-items: flex-start;
  14048. }
  14049. .cru_line {
  14050. position: absolute;
  14051. bottom: 0px;
  14052. transition: all 0.5s;
  14053. left: 0px;
  14054. width: 125px;
  14055. margin-left: -25px;
  14056. }
  14057. .isNoMessage {
  14058. width: 20%;
  14059. margin: 25% auto 0;
  14060. }
  14061. .isNoMessage > img {
  14062. width: 100%;
  14063. height: 100%;
  14064. }
  14065. .fullStyle >>> .el-dialog__body {
  14066. height: 100% !important;
  14067. }
  14068. .fullStyle >>> .el-dialog,
  14069. .fullStyle {
  14070. width: 100% !important;
  14071. max-width: 100% !important;
  14072. height: 100% !important;
  14073. margin: 0 !important;
  14074. }
  14075. .full_diy >>> .el-dialog {
  14076. margin: 0 !important;
  14077. height: 100%;
  14078. padding: 4px;
  14079. }
  14080. .full_diy >>> .el-dialog__body {
  14081. height: calc(100% - 100px);
  14082. }
  14083. .full_diy2 >>> .el-dialog__body {
  14084. height: calc(100% - 50px);
  14085. padding: 0;
  14086. }
  14087. .switchCss {
  14088. /* width: 100%; */
  14089. display: flex;
  14090. flex-direction: row;
  14091. flex-wrap: nowrap;
  14092. align-items: center;
  14093. /* justify-content: center; */
  14094. }
  14095. .isClickNav {
  14096. color: #499eef;
  14097. }
  14098. .commentImg {
  14099. width: 25px;
  14100. height: 25px;
  14101. cursor: pointer;
  14102. }
  14103. .commentImg > img {
  14104. width: 100%;
  14105. height: 100%;
  14106. }
  14107. .comment {
  14108. background: #f9f9f9;
  14109. border-radius: 0 0 15px 15px;
  14110. display: flex;
  14111. flex-direction: row;
  14112. flex-wrap: nowrap;
  14113. align-items: center;
  14114. justify-content: flex-end;
  14115. height: 35px;
  14116. }
  14117. .commentList {
  14118. display: flex;
  14119. flex-direction: row;
  14120. flex-wrap: nowrap;
  14121. align-items: center;
  14122. justify-content: center;
  14123. align-content: center;
  14124. /* margin-left: 15px; */
  14125. /* margin-left: 8px; */
  14126. }
  14127. .scoreImg {
  14128. width: 17px;
  14129. height: 17px;
  14130. }
  14131. .studentDetail {
  14132. display: flex;
  14133. flex-direction: row;
  14134. flex-wrap: nowrap;
  14135. /* align-items: center; */
  14136. align-items: flex-start;
  14137. }
  14138. .tx {
  14139. width: 50px;
  14140. }
  14141. .tx > img {
  14142. width: 100%;
  14143. height: 100%;
  14144. }
  14145. .nameAndTime {
  14146. display: flex;
  14147. flex-direction: column;
  14148. flex-wrap: nowrap;
  14149. align-items: flex-start;
  14150. margin-left: 10px;
  14151. }
  14152. .worksAnswer {
  14153. color: #4078dd;
  14154. margin: 10px 0;
  14155. font-size: 16px;
  14156. position: relative;
  14157. }
  14158. .worksAnswer > img {
  14159. width: 500px;
  14160. height: 300px;
  14161. object-fit: contain;
  14162. margin: 0 auto;
  14163. display: block;
  14164. }
  14165. .commentTop {
  14166. border-bottom: 1px solid #eaeaea;
  14167. padding-bottom: 10px;
  14168. }
  14169. .commentBox {
  14170. padding-top: 15px;
  14171. }
  14172. .pl {
  14173. font-size: 18px;
  14174. }
  14175. .plName {
  14176. display: flex;
  14177. flex-direction: row;
  14178. flex-wrap: nowrap;
  14179. align-items: baseline;
  14180. color: #78787a;
  14181. }
  14182. .evalCss {
  14183. background: #fff;
  14184. font-size: 18px;
  14185. }
  14186. .nav {
  14187. color: #9d9d9d;
  14188. padding: 5px 0 15px 20px;
  14189. }
  14190. .middleBox {
  14191. padding: 5px 0 15px 20px;
  14192. }
  14193. .pfBox {
  14194. padding-bottom: 30px;
  14195. }
  14196. .nameAndrate {
  14197. display: flex;
  14198. flex-direction: row;
  14199. flex-wrap: nowrap;
  14200. align-items: center;
  14201. padding-bottom: 10px;
  14202. height: 30px;
  14203. line-height: 30px;
  14204. }
  14205. .nameAndrate > div {
  14206. margin-left: 10px;
  14207. color: #000;
  14208. height: 30px;
  14209. }
  14210. .nameAndrate >>> .el-rate__icon {
  14211. font-size: 28px !important;
  14212. }
  14213. .pfBox > div:nth-child(2) {
  14214. background: #f7f6f9;
  14215. width: 400px;
  14216. min-height: 45px;
  14217. border-radius: 10px;
  14218. font-size: 16px;
  14219. display: flex;
  14220. flex-wrap: wrap;
  14221. align-items: center;
  14222. padding: 10px 20px;
  14223. box-sizing: border-box;
  14224. color: #000;
  14225. }
  14226. .bz {
  14227. display: flex;
  14228. flex-direction: row;
  14229. flex-wrap: nowrap;
  14230. align-items: flex-start;
  14231. }
  14232. .bz > div {
  14233. padding: 0 10px;
  14234. }
  14235. .select_box2_title {
  14236. background: #fff;
  14237. border-radius: 5px;
  14238. padding: 15px 10px;
  14239. box-sizing: border-box;
  14240. margin-bottom: 10px;
  14241. display: flex;
  14242. flex-direction: row;
  14243. flex-wrap: nowrap;
  14244. align-items: center;
  14245. }
  14246. .select_box2_title > div:nth-child(2) {
  14247. margin-left: 10px;
  14248. color: #c4c4c4;
  14249. }
  14250. .select_box2_box {
  14251. display: flex;
  14252. height: 500px;
  14253. }
  14254. .select_box2_img {
  14255. width: calc(100% - 310px);
  14256. height: 100%;
  14257. overflow: auto;
  14258. background: #fff;
  14259. border-radius: 5px;
  14260. }
  14261. .select_box2_img img {
  14262. width: 100%;
  14263. }
  14264. .select_box2_answer {
  14265. background: #fff;
  14266. margin-left: 10px;
  14267. border-radius: 5px;
  14268. width: 300px;
  14269. overflow: auto;
  14270. height: 90%;
  14271. display: flex;
  14272. flex-direction: column;
  14273. align-items: flex-start;
  14274. padding-top: 10px;
  14275. box-sizing: border-box;
  14276. position: relative;
  14277. }
  14278. .select_answer_title {
  14279. padding: 0 0 15px 20px;
  14280. color: #c4c4c4;
  14281. }
  14282. .select_box2_answer_box {
  14283. margin: 0 0 10px 20px;
  14284. width: 85%;
  14285. display: flex;
  14286. flex-direction: row;
  14287. flex-wrap: nowrap;
  14288. align-items: center;
  14289. }
  14290. .select_box2_answer_box >>> .el-input.is-disabled .el-input__inner {
  14291. color: #000;
  14292. }
  14293. .upAnswerCss {
  14294. position: absolute;
  14295. bottom: 15px;
  14296. right: 15px;
  14297. }
  14298. .upAnswerCss >>> .el-button {
  14299. width: 95px;
  14300. height: 35px;
  14301. line-height: 35px;
  14302. padding: 0;
  14303. }
  14304. .rightWidthCss {
  14305. width: 60%;
  14306. display: flex;
  14307. flex-direction: row;
  14308. align-items: flex-start;
  14309. }
  14310. .rightAnswer {
  14311. display: flex;
  14312. flex-direction: row;
  14313. flex-wrap: nowrap;
  14314. align-items: center;
  14315. color: red;
  14316. margin-bottom: 31px;
  14317. }
  14318. .rightAnswerCss {
  14319. display: flex;
  14320. flex-direction: column;
  14321. flex-wrap: nowrap;
  14322. padding-top: 60px;
  14323. }
  14324. .blueCss {
  14325. color: #767de1;
  14326. margin-left: 10px;
  14327. }
  14328. .redCss {
  14329. color: red;
  14330. }
  14331. .redioStyle >>> .el-radio__input.is-checked + .el-radio__label {
  14332. color: rgb(0 123 255) !important;
  14333. }
  14334. .redioStyle >>> .el-checkbox__input.is-checked + .el-checkbox__label {
  14335. color: rgb(0 123 255) !important;
  14336. }
  14337. .zuoyeYulan {
  14338. padding-top: 15px;
  14339. font-size: 18px;
  14340. display: flex;
  14341. align-items: flex-end;
  14342. }
  14343. .buttonA {
  14344. margin-left: 10px;
  14345. padding: 0;
  14346. }
  14347. .displayBox {
  14348. margin-bottom: 10px;
  14349. display: block;
  14350. border-bottom: 3px solid #eee;
  14351. display: flex;
  14352. align-items: center;
  14353. }
  14354. .easy_comment {
  14355. width: calc(100% - 90px);
  14356. margin-left: 10px;
  14357. display: flex;
  14358. flex-wrap: wrap;
  14359. }
  14360. .easy_comment > div {
  14361. border: 1px solid #4a4a4a;
  14362. color: #666;
  14363. border-radius: 15px;
  14364. padding: 5px 10px;
  14365. font-size: 16px;
  14366. margin-bottom: 10px;
  14367. margin-right: 5px;
  14368. cursor: pointer;
  14369. }
  14370. .easy_comment div:hover {
  14371. border: 1px solid #f7ba2a;
  14372. color: #c69217;
  14373. }
  14374. .xuan_right_box {
  14375. padding: 10px;
  14376. background: rgb(247, 247, 247);
  14377. margin: 10px 12px;
  14378. border-radius: 5px;
  14379. }
  14380. .tool_right_box {
  14381. display: flex;
  14382. align-items: center;
  14383. }
  14384. .tool_right_box + .tool_right_box {
  14385. margin-top: 10px;
  14386. }
  14387. .right_box_xuan {
  14388. background: rgb(0 123 255);
  14389. color: #fff;
  14390. border-radius: 5px;
  14391. padding: 5px;
  14392. margin-left: 10px;
  14393. }
  14394. .pButton {
  14395. position: fixed;
  14396. /* right: 5%; */
  14397. /* bottom: 5%; */
  14398. color: #fff;
  14399. /* width: 50px;
  14400. height: 50px; */
  14401. /* border-radius: 50%; */
  14402. text-align: center;
  14403. /* line-height: 50px; */
  14404. /* background-image: -webkit-linear-gradient(left, #72aaf4, #4d81d5); */
  14405. cursor: pointer;
  14406. z-index: 999;
  14407. right: 0;
  14408. top: 83px;
  14409. width: 50px;
  14410. height: 50px;
  14411. background: #fff;
  14412. display: flex;
  14413. align-items: center;
  14414. justify-content: center;
  14415. box-shadow: 0px 0 8px 2px #c5c5c5;
  14416. border-radius: 5px;
  14417. }
  14418. .pzClass {
  14419. width: calc(100% - 340px);
  14420. }
  14421. .newDialogCss {
  14422. /* position: fixed;
  14423. right: 5%;
  14424. top: 50%;
  14425. width: 340px;
  14426. transform: translateY(-50%);
  14427. height: 60%;
  14428. box-shadow: 0px 0 8px 0px #555555;
  14429. border-radius: 15px;
  14430. z-index: 999; */
  14431. position: fixed;
  14432. right: 0;
  14433. top: 70px;
  14434. width: 340px;
  14435. height: calc(100% - 80px);
  14436. z-index: 999;
  14437. background: #fff;
  14438. border-radius: 15px;
  14439. border-top-right-radius: 0px;
  14440. border-bottom-right-radius: 0px;
  14441. overflow: hidden;
  14442. }
  14443. .pzTop {
  14444. color: #fff;
  14445. background: #000;
  14446. display: flex;
  14447. flex-direction: row;
  14448. flex-wrap: nowrap;
  14449. align-items: center;
  14450. justify-content: space-between;
  14451. height: 40px;
  14452. border-radius: 15px 15px 0 0;
  14453. }
  14454. .pzTop2 .checkbox {
  14455. display: flex;
  14456. align-items: center;
  14457. padding: 15px 30px;
  14458. flex: 0 0 auto;
  14459. font-weight: bold;
  14460. border-bottom: 1px solid #eee;
  14461. justify-content: space-between;
  14462. }
  14463. .pzTop2 .check {
  14464. text-align: center;
  14465. cursor: pointer;
  14466. box-sizing: border-box;
  14467. display: flex;
  14468. }
  14469. .pzTop2 img {
  14470. width: 25px;
  14471. cursor: pointer;
  14472. }
  14473. .pzTop > div:nth-child(1) {
  14474. padding-left: 10px;
  14475. }
  14476. .pzTop > div:nth-child(2) {
  14477. width: 15px;
  14478. height: 15px;
  14479. padding-right: 10px;
  14480. cursor: pointer;
  14481. }
  14482. .pzTop > div:nth-child(2) > img {
  14483. width: 100%;
  14484. height: 100%;
  14485. }
  14486. .pzBox,
  14487. .noPzBox {
  14488. height: calc(100% - 60px);
  14489. /* background: #ededed; */
  14490. background: #fff;
  14491. /* border-radius: 0 0 15px 15px; */
  14492. }
  14493. .noPzBox {
  14494. display: flex;
  14495. flex-direction: column;
  14496. flex-wrap: nowrap;
  14497. justify-content: center;
  14498. align-items: center;
  14499. }
  14500. .pzList {
  14501. background: #f7f7f7;
  14502. width: 90%;
  14503. margin: 0 auto 15px;
  14504. border-radius: 5px;
  14505. }
  14506. .pzNavTop {
  14507. display: flex;
  14508. flex-direction: row;
  14509. flex-wrap: nowrap;
  14510. padding: 10px 10px 0 10px;
  14511. align-items: center;
  14512. }
  14513. .pzDelete {
  14514. cursor: pointer;
  14515. margin-left: auto;
  14516. font-size: 14px;
  14517. color: #afafaf;
  14518. }
  14519. .pzNavTop > div:nth-child(1) {
  14520. background: #3760af;
  14521. width: 35px;
  14522. height: 35px;
  14523. color: #fff;
  14524. text-align: center;
  14525. line-height: 35px;
  14526. border-radius: 50%;
  14527. font-size: 14px;
  14528. }
  14529. .pzNavTop > div:nth-child(2) {
  14530. font-size: 18px;
  14531. color: #959595;
  14532. margin-left: 5px;
  14533. }
  14534. .pzContent {
  14535. padding: 10px;
  14536. word-break: break-word;
  14537. }
  14538. .pzContent audio {
  14539. width: 100%;
  14540. }
  14541. .pzContent audio::-webkit-media-controls-panel {
  14542. background: #fff;
  14543. }
  14544. .pzListBox {
  14545. padding-top: 15px;
  14546. height: calc(100% - 60px);
  14547. overflow: auto;
  14548. }
  14549. .addPzButton {
  14550. position: relative;
  14551. margin-top: 3px;
  14552. width: 100%;
  14553. }
  14554. .addPzButton .img1 {
  14555. position: absolute;
  14556. top: 50%;
  14557. right: 25px;
  14558. transform: translateY(-50%);
  14559. height: 100%;
  14560. display: flex;
  14561. align-items: center;
  14562. }
  14563. .addPzButton .img1 div {
  14564. display: flex;
  14565. }
  14566. .addPzButton .img1 div img {
  14567. width: 28px;
  14568. margin-left: 10px;
  14569. cursor: pointer;
  14570. }
  14571. .addPzButton .img1 div span {
  14572. font-size: 14px;
  14573. margin: 4px 0 0 3px;
  14574. color: #afafaf;
  14575. }
  14576. .addPz {
  14577. background: #4b79ce;
  14578. width: 100px;
  14579. color: #fff;
  14580. font-size: 12px;
  14581. height: 30px;
  14582. margin: 0 auto;
  14583. text-align: center;
  14584. line-height: 30px;
  14585. border-radius: 10px;
  14586. cursor: pointer;
  14587. }
  14588. .addDialogCss {
  14589. position: fixed;
  14590. right: 37%;
  14591. top: 50%;
  14592. width: 600px;
  14593. transform: translateY(-50%);
  14594. height: 70%;
  14595. min-height: 450px;
  14596. box-shadow: 0px 0 8px 0px #555555;
  14597. border-radius: 15px;
  14598. z-index: 999;
  14599. }
  14600. .teacherPz {
  14601. display: flex;
  14602. flex-direction: row;
  14603. align-items: center;
  14604. flex-wrap: nowrap;
  14605. }
  14606. .teacherPzImg {
  14607. width: 30px;
  14608. height: 30px;
  14609. }
  14610. .teacherPzImg > img {
  14611. width: 100%;
  14612. height: 100%;
  14613. }
  14614. .addPzBox {
  14615. height: calc(100% - 40px);
  14616. background: #ededed;
  14617. }
  14618. .pzAudioClass {
  14619. margin: 15px 14px;
  14620. background: #fff;
  14621. height: 100%;
  14622. display: flex;
  14623. justify-content: center;
  14624. align-items: center;
  14625. }
  14626. .pzConText {
  14627. width: 95%;
  14628. height: 100%;
  14629. margin: 10px auto 0;
  14630. border: none;
  14631. background: #fff;
  14632. border-radius: 0px;
  14633. }
  14634. .pzConText >>> .text {
  14635. height: calc(100% - 82px);
  14636. }
  14637. .addTextCss {
  14638. background: #4b79ce;
  14639. width: 80px;
  14640. height: 30px;
  14641. text-align: center;
  14642. color: #fff;
  14643. line-height: 30px;
  14644. border-radius: 10px;
  14645. margin: 10px auto 0;
  14646. cursor: pointer;
  14647. }
  14648. .pzConText:focus-visible {
  14649. border: none !important;
  14650. }
  14651. .maxWidth {
  14652. width: 1000px;
  14653. }
  14654. .noPz {
  14655. width: 150px;
  14656. margin: 0 auto 20%;
  14657. }
  14658. .noPz > img {
  14659. width: 100%;
  14660. height: 100%;
  14661. }
  14662. .pzList .time {
  14663. text-align: right;
  14664. box-sizing: border-box;
  14665. padding: 0 10px 10px 0px;
  14666. color: #949494;
  14667. font-size: 14px;
  14668. }
  14669. /* table 样式 */
  14670. .cont >>> table {
  14671. border-top: 1px solid #ccc;
  14672. border-left: 1px solid #ccc;
  14673. }
  14674. .cont >>> table td,
  14675. .cont >>> table th {
  14676. border-bottom: 1px solid #ccc;
  14677. border-right: 1px solid #ccc;
  14678. padding: 15px 5px;
  14679. max-width: 0px;
  14680. }
  14681. .cont >>> table th {
  14682. border-bottom: 2px solid #ccc;
  14683. text-align: center;
  14684. }
  14685. /* blockquote 样式 */
  14686. .cont >>> blockquote {
  14687. display: block;
  14688. border-left: 8px solid #d0e5f2;
  14689. padding: 5px 10px;
  14690. margin: 10px 0;
  14691. line-height: 1.4;
  14692. font-size: 100%;
  14693. background-color: #f1f1f1;
  14694. }
  14695. .addPzCheck {
  14696. display: flex;
  14697. flex-direction: row;
  14698. flex-wrap: nowrap;
  14699. padding: 10px 15px 0;
  14700. }
  14701. .addPzCheck span {
  14702. cursor: pointer;
  14703. padding-bottom: 5px;
  14704. font-weight: bold;
  14705. }
  14706. .addPzCheck span + span {
  14707. margin-left: 10px;
  14708. }
  14709. .addPzCheck .isChooseActive {
  14710. color: #3e88f4;
  14711. border-bottom: 2px solid #2f80f3;
  14712. }
  14713. /* code 样式 */
  14714. .cont >>> code {
  14715. display: inline-block;
  14716. *display: inline;
  14717. *zoom: 1;
  14718. background-color: #f1f1f1;
  14719. border-radius: 3px;
  14720. padding: 3px 5px;
  14721. margin: 0 3px;
  14722. }
  14723. .cont >>> pre code {
  14724. display: block;
  14725. }
  14726. /* ul ol 样式 */
  14727. .cont >>> ul,
  14728. ol {
  14729. margin: 10px 0 10px 20px;
  14730. }
  14731. .scoreBox,
  14732. .scoreDetailBox {
  14733. display: flex;
  14734. align-items: center;
  14735. justify-content: flex-start;
  14736. margin-top: 20px;
  14737. font-size: 18px;
  14738. width: 100%;
  14739. }
  14740. .scoreBox .t,
  14741. .scoreDetailBox .t {
  14742. margin-right: 10px;
  14743. width: 100px;
  14744. text-align: right;
  14745. }
  14746. .scoreDetailBox {
  14747. align-items: flex-start;
  14748. }
  14749. .scoreDetailBox >>> .el-textarea {
  14750. width: calc(100% - 200px);
  14751. }
  14752. .scoreBox >>> .el-input {
  14753. width: 130px;
  14754. font-size: 38px;
  14755. }
  14756. .scoreBox >>> .el-input__inner {
  14757. height: 60px;
  14758. }
  14759. .answerScore {
  14760. position: absolute;
  14761. top: 10px;
  14762. right: 10px;
  14763. background: #0000008f;
  14764. border-radius: 5px;
  14765. padding: 3px 5px;
  14766. font-size: 14px;
  14767. color: #fff;
  14768. cursor: pointer;
  14769. }
  14770. .open_box .switch_box {
  14771. width: 100%;
  14772. margin: 0 auto;
  14773. display: flex;
  14774. justify-content: space-between;
  14775. }
  14776. .open_box .switch_box + .switch_box {
  14777. margin-top: 10px;
  14778. }
  14779. .deleteImg {
  14780. width: 25px !important;
  14781. height: 25px !important;
  14782. cursor: pointer;
  14783. position: absolute;
  14784. top: 10px;
  14785. right: 10px;
  14786. }
  14787. .deleteImg2 {
  14788. width: 15px !important;
  14789. height: 15px !important;
  14790. top: 5px;
  14791. right: 5px;
  14792. }
  14793. .rightW {
  14794. right: 40px;
  14795. }
  14796. .drawPBox {
  14797. display: flex;
  14798. flex-direction: column;
  14799. position: relative;
  14800. }
  14801. .drawPBox span {
  14802. font-size: 18px;
  14803. color: #606266;
  14804. padding-bottom: 10px;
  14805. margin: 10px 0;
  14806. border-bottom: 1px solid #eaeaea;
  14807. }
  14808. .drawPBox img {
  14809. width: 500px;
  14810. height: 300px;
  14811. object-fit: contain;
  14812. cursor: pointer;
  14813. margin: 0 auto;
  14814. }
  14815. .sentenBox {
  14816. background: #fff;
  14817. height: 450px;
  14818. overflow: auto;
  14819. background-image: url("../assets/icon/conSentences/stuBg.png");
  14820. background-position: 102%;
  14821. background-repeat: no-repeat;
  14822. background-size: 60%;
  14823. }
  14824. .addSen {
  14825. background: #409efe;
  14826. width: 90px;
  14827. color: #fff;
  14828. height: 35px;
  14829. text-align: center;
  14830. line-height: 35px;
  14831. border-radius: 5px;
  14832. float: right;
  14833. margin: 10px 20px 0 0;
  14834. cursor: pointer;
  14835. }
  14836. .sentenTop {
  14837. display: flex;
  14838. flex-direction: row;
  14839. flex-wrap: nowrap;
  14840. align-items: center;
  14841. padding: 55px 0 0 20px;
  14842. box-sizing: border-box;
  14843. }
  14844. .sentenTop > div:nth-child(2) {
  14845. width: 300px;
  14846. margin: 0 15px;
  14847. }
  14848. .sentenTop > div:nth-child(3) {
  14849. background: #409efe;
  14850. color: #fff;
  14851. width: 65px;
  14852. height: 35px;
  14853. text-align: center;
  14854. line-height: 35px;
  14855. border-radius: 5px;
  14856. cursor: pointer;
  14857. }
  14858. .cardList,
  14859. .cardList1 {
  14860. padding: 10px 0 10px 0;
  14861. display: flex;
  14862. flex-direction: row;
  14863. flex-wrap: wrap;
  14864. align-items: center;
  14865. box-sizing: border-box;
  14866. border-bottom: 1px solid #f4f4f4;
  14867. width: 98%;
  14868. margin: 0 auto;
  14869. min-width: 60%;
  14870. max-width: 85%;
  14871. }
  14872. .cardList1 {
  14873. padding: 10px 0 10px 10px !important;
  14874. margin: 0 !important;
  14875. }
  14876. .cardBox {
  14877. display: flex;
  14878. flex-direction: row;
  14879. flex-wrap: wrap;
  14880. align-items: center;
  14881. align-content: center;
  14882. }
  14883. .cardBox > div {
  14884. margin-bottom: 10px;
  14885. }
  14886. .isCard,
  14887. .isChooseCard,
  14888. .noCard,
  14889. .isCard1 {
  14890. width: 130px;
  14891. height: 60px;
  14892. text-align: center;
  14893. line-height: 60px;
  14894. font-size: 20px;
  14895. cursor: pointer;
  14896. background-image: url("../assets/icon/conSentences/titleBorder.png");
  14897. background-size: cover;
  14898. transition: all 2s;
  14899. margin-right: 20px;
  14900. }
  14901. .isCard > div,
  14902. .noCard > div,
  14903. .isCard1 > div {
  14904. white-space: nowrap;
  14905. overflow: hidden;
  14906. text-overflow: ellipsis;
  14907. width: 75%;
  14908. margin: 0 auto;
  14909. }
  14910. .noCard {
  14911. background-image: none;
  14912. }
  14913. .isCard1 {
  14914. background-image: url("../assets/icon/conSentences/answerBorder.png");
  14915. }
  14916. .isChooseCard {
  14917. background-image: none;
  14918. border: 1px dashed #b9b9b9;
  14919. border-radius: 10px;
  14920. }
  14921. .card {
  14922. width: 130px;
  14923. height: 60px;
  14924. }
  14925. .card > img {
  14926. width: 100%;
  14927. height: 100%;
  14928. }
  14929. .rightCardBox {
  14930. margin: 10px 0 0 10px;
  14931. }
  14932. .rightCardBox > div:nth-child(1) {
  14933. margin-bottom: 10px;
  14934. }
  14935. .cardCss {
  14936. display: flex;
  14937. flex-direction: column;
  14938. flex-wrap: nowrap;
  14939. align-items: center;
  14940. border-bottom: 3px solid #b4c3d3;
  14941. padding: 0 0 5px 0;
  14942. margin-right: 10px;
  14943. }
  14944. .cardCss > div:nth-child(2) {
  14945. background: #5b7b9d;
  14946. color: #fff;
  14947. width: 20px;
  14948. height: 20px;
  14949. border-radius: 50%;
  14950. text-align: center;
  14951. line-height: 20px;
  14952. }
  14953. .isWrong {
  14954. display: flex;
  14955. flex-direction: row;
  14956. flex-wrap: nowrap;
  14957. align-content: center;
  14958. align-items: center;
  14959. }
  14960. .answerRight {
  14961. width: 25%;
  14962. }
  14963. .isTj {
  14964. display: flex;
  14965. flex-direction: row;
  14966. flex-wrap: nowrap;
  14967. align-items: center;
  14968. }
  14969. .isTj > div:nth-child(2) {
  14970. color: #727070;
  14971. margin-left: 10px;
  14972. }
  14973. .isTjImg {
  14974. width: 30px;
  14975. height: 30px;
  14976. }
  14977. .isTjImg > img {
  14978. width: 100%;
  14979. height: 100%;
  14980. }
  14981. .cardAnswerBox {
  14982. font-size: 18px;
  14983. width: 97%;
  14984. border: 5px;
  14985. padding: 0;
  14986. border-radius: 5px;
  14987. margin: 10px auto;
  14988. word-break: break-word;
  14989. }
  14990. .w_name {
  14991. margin-bottom: 10px;
  14992. }
  14993. .w_name span {
  14994. font-size: 16px;
  14995. }
  14996. .w_teachert {
  14997. width: 50px !important;
  14998. position: absolute;
  14999. height: auto !important;
  15000. z-index: 10;
  15001. right: 25px;
  15002. top: -25px;
  15003. }
  15004. .group_workBox {
  15005. }
  15006. .group_workBox + .group_workBox {
  15007. margin-top: 20px;
  15008. }
  15009. .group_box {
  15010. padding-bottom: 20px;
  15011. border-bottom: 2px solid #f0f0f0;
  15012. }
  15013. .group_title {
  15014. display: flex;
  15015. align-items: center;
  15016. justify-content: space-between;
  15017. }
  15018. .group_name {
  15019. background-image: url(../assets/icon/groupN.png);
  15020. width: 220px;
  15021. background-size: 100% 100%;
  15022. height: 67px;
  15023. padding: 0 20px 0 43px;
  15024. box-sizing: border-box;
  15025. line-height: 63px;
  15026. color: #fff;
  15027. overflow: hidden;
  15028. white-space: nowrap;
  15029. text-overflow: ellipsis;
  15030. }
  15031. .group_work {
  15032. width: 100%;
  15033. padding: 0 10px;
  15034. box-sizing: border-box;
  15035. display: flex;
  15036. flex-wrap: wrap;
  15037. }
  15038. .g_d_box {
  15039. display: flex;
  15040. flex-flow: wrap;
  15041. justify-content: space-around;
  15042. }
  15043. .g_d_box .isChair {
  15044. background-image: url(../assets/avatar.png) !important;
  15045. }
  15046. .g_d_group {
  15047. width: 500px;
  15048. margin-bottom: 80px;
  15049. }
  15050. .g_d_group_chair {
  15051. display: flex;
  15052. align-items: center;
  15053. justify-content: center;
  15054. }
  15055. .g_d_group_chair > div + div {
  15056. margin-left: 30px;
  15057. }
  15058. .g_d_group_chair > div,
  15059. .g_d_group_chair2 > div {
  15060. display: flex;
  15061. flex-direction: column;
  15062. align-items: center;
  15063. }
  15064. .g_d_group_chair > div > span:nth-child(1),
  15065. .g_d_group_chair2 > div > span:nth-child(1) {
  15066. background-image: url(../assets/icon/chair.png);
  15067. width: 50px;
  15068. height: 50px;
  15069. display: block;
  15070. background-size: 100% 100%;
  15071. }
  15072. .g_d_group_tableBox {
  15073. display: flex;
  15074. align-items: center;
  15075. justify-content: center;
  15076. }
  15077. .g_d_group_chair2 {
  15078. display: flex;
  15079. flex-direction: column;
  15080. align-items: center;
  15081. justify-content: center;
  15082. }
  15083. .g_d_group_chair2 > div + div {
  15084. margin-top: 10px;
  15085. }
  15086. .g_d_group_table {
  15087. background-image: url(../assets/icon/groupBg.png);
  15088. width: 354px;
  15089. height: 196px;
  15090. background-size: 100% 100%;
  15091. display: flex;
  15092. align-items: center;
  15093. justify-content: center;
  15094. flex-direction: column;
  15095. color: #fff;
  15096. }
  15097. .g_d_group_table > div:nth-child(1) {
  15098. font-size: 24px;
  15099. margin-bottom: 5px;
  15100. }
  15101. .g_d_group_table > div:nth-child(2) div {
  15102. cursor: pointer;
  15103. background: #2e77bf;
  15104. padding: 4px 10px;
  15105. border-radius: 5px;
  15106. }
  15107. .groupBox {
  15108. }
  15109. .groupContent + .groupContent {
  15110. margin-top: 30px;
  15111. }
  15112. .groupTitle {
  15113. font-size: 24px;
  15114. color: rgb(80, 80, 80);
  15115. margin-bottom: 20px;
  15116. }
  15117. .groupName {
  15118. display: flex;
  15119. align-items: center;
  15120. }
  15121. .groupn {
  15122. font-size: 15px;
  15123. margin-right: 10px;
  15124. }
  15125. .groupName + .groupName {
  15126. margin-top: 15px;
  15127. }
  15128. .groupBtn {
  15129. margin-left: 10px;
  15130. }
  15131. .groupContent >>> .el-input-number.is-without-controls .el-input__inner {
  15132. text-align: left;
  15133. }
  15134. .g_d_btnBox {
  15135. display: flex;
  15136. justify-content: flex-end;
  15137. align-items: flex-end;
  15138. margin-bottom: 20px;
  15139. }
  15140. .updateChair {
  15141. position: relative;
  15142. }
  15143. .updateChairBtn {
  15144. position: absolute;
  15145. width: 50px;
  15146. height: 50px;
  15147. overflow: hidden;
  15148. /* display: flex; */
  15149. align-items: center;
  15150. justify-content: center;
  15151. background: #00000087;
  15152. color: #fff;
  15153. border-radius: 50px;
  15154. display: none;
  15155. cursor: pointer;
  15156. }
  15157. .updateChair:hover .updateChairBtn {
  15158. display: flex;
  15159. }
  15160. .group_staic_box {
  15161. display: flex;
  15162. padding: 30px 40px 10px;
  15163. flex-wrap: wrap;
  15164. }
  15165. .group_staic {
  15166. /* width: 50%; */
  15167. margin-bottom: 20px;
  15168. display: flex;
  15169. align-items: center;
  15170. }
  15171. .group_staic span:nth-child(1) {
  15172. width: 150px;
  15173. text-align: right;
  15174. margin-right: 15px;
  15175. }
  15176. .group_staic span:nth-child(2) {
  15177. background: rgb(0 123 255);
  15178. color: #fff;
  15179. border-radius: 5px;
  15180. padding: 5px;
  15181. }
  15182. .codeFileBox {
  15183. height: 300px;
  15184. background: #fff;
  15185. display: flex;
  15186. align-items: center;
  15187. justify-content: center;
  15188. }
  15189. .codeFileBox img {
  15190. width: 200px;
  15191. margin: 0;
  15192. height: auto;
  15193. }
  15194. .codeFileBox div {
  15195. background: rgb(80, 142, 226);
  15196. color: #fff;
  15197. padding: 10px 20px;
  15198. border-radius: 25px;
  15199. cursor: pointer;
  15200. margin-left: 15px;
  15201. }
  15202. .radioBox {
  15203. display: flex;
  15204. flex-direction: row;
  15205. flex-wrap: nowrap;
  15206. align-items: center;
  15207. }
  15208. .radioBox > div {
  15209. margin: 10px 0 0 10px;
  15210. }
  15211. /* .radioBox >>> .el-radio__input,
  15212. .radioBox >>> .el-checkbox__inner {
  15213. margin-left: 10px;
  15214. } */
  15215. .radioBox >>> .el-radio__label,
  15216. .radioBox >>> .el-checkbox__label {
  15217. display: flex;
  15218. align-items: center;
  15219. }
  15220. .inImg {
  15221. width: 100px;
  15222. cursor: pointer;
  15223. }
  15224. .inImg > img {
  15225. width: 100%;
  15226. height: 100%;
  15227. object-fit: cover;
  15228. }
  15229. .timuImgBox {
  15230. margin: 10px 0;
  15231. display: flex;
  15232. flex-direction: column;
  15233. flex-wrap: wrap;
  15234. align-items: flex-start;
  15235. }
  15236. .timuImg {
  15237. width: auto;
  15238. margin: 5px 0;
  15239. cursor: pointer;
  15240. }
  15241. .timuImg > img {
  15242. width: 100%;
  15243. height: 100%;
  15244. object-fit: cover;
  15245. }
  15246. .worksTop {
  15247. display: flex;
  15248. flex-direction: row;
  15249. align-items: flex-end;
  15250. }
  15251. .corOpen {
  15252. margin: 0 0 0 10px;
  15253. font-size: 14px;
  15254. cursor: pointer;
  15255. color: #505050;
  15256. }
  15257. .corOpen:hover {
  15258. color: #499eef;
  15259. }
  15260. .navCorOpenBox {
  15261. display: flex;
  15262. flex-direction: row;
  15263. align-items: center;
  15264. background: #1e5cc9;
  15265. justify-content: space-between;
  15266. }
  15267. .navCorOpen {
  15268. padding-right: 15px;
  15269. cursor: pointer;
  15270. width: 20px;
  15271. }
  15272. .navCorOpen > img {
  15273. width: 100%;
  15274. height: 100%;
  15275. }
  15276. .mlImg {
  15277. width: 25px !important;
  15278. cursor: pointer;
  15279. margin-top: 5px;
  15280. }
  15281. .mlImg > img {
  15282. width: 100%;
  15283. height: 100%;
  15284. }
  15285. .navLeftCss {
  15286. width: 100% !important;
  15287. left: 0 !important;
  15288. }
  15289. .isContentCss {
  15290. width: 100% !important;
  15291. }
  15292. .isAllWidth {
  15293. width: 100% !important;
  15294. }
  15295. </style>